Pixelact Select

1import * as SelectPrimitive from "@radix-ui/react-select";
2import { type VariantProps, cva } from "class-variance-authority";
3 
4import { cn } from "@/lib/utils";
5 
6import {
7  Select as ShadcnSelect,
8  SelectContent as ShadcnSelectContent,
9  SelectGroup as ShadcnSelectGroup,
10  SelectItem as ShadcnSelectItem,
11  SelectLabel as ShadcnSelectLabel,
12  SelectSeparator as ShadcnSelectSeparator,
13  SelectValue as ShadcnSelectValue,
14} from "@/components/ui/select";
15 
16import "@/components/ui/pixelact-ui/styles/styles.css";
17 
18export const inputVariants = cva("text-foreground", {
19  variants: {
20    font: {
21      normal: "",
22      pixel: "pixel-font",
23    },
24  },
25  defaultVariants: {
26    font: "pixel",
27  },
28});
29 
30export interface SelectProps
31  extends React.SelectHTMLAttributes<HTMLSelectElement>,
32    VariantProps<typeof inputVariants> {
33  asChild?: boolean;
34}
35 
36function Select({ ...props }: React.ComponentProps<typeof ShadcnSelect>) {
37  return <ShadcnSelect {...props} />;
38}
39 
40function SelectGroup({
41  ...props
42}: React.ComponentProps<typeof SelectPrimitive.Group>) {
43  return <ShadcnSelectGroup {...props} />;
44}
45 
46interface SelectValueProps
47  extends React.ComponentProps<typeof SelectPrimitive.Value>,
48    VariantProps<typeof inputVariants> {
49  asChild?: boolean;
50}
51 
52function SelectValue({ font, ...props }: SelectValueProps) {
53  return (
54    <ShadcnSelectValue className={cn(inputVariants({ font }))} {...props} />
55  );
56}
57 
58function SelectTrigger({
59  children,
60  className,
61  font,
62  size = "default",
63  ...props
64}: React.ComponentProps<typeof SelectPrimitive.Trigger> & {
65  size?: "sm" | "default";
66  font?: "normal" | "pixel";
67}) {
68  return (
69    <div
70      className={cn(
71        "relative shadow-(--pixel-box-shadow) box-shadow-margin",
72        inputVariants({ font }),
73        className
74      )}
75    >
76      <SelectPrimitive.Trigger
77        data-slot="select-trigger"
78        data-size={size}
79        className={cn(
80// … truncated