@zentauri-ui/zentauri-components 0.0.8 → 0.0.9

package/dist/ui/progress.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/ui/progress/progress.tsx","../../src/lib/utils.ts","../../src/ui/progress/animations.ts","../../src/ui/progress/variants.ts"],"sourcesContent":["\"use client\";\n\nimport { createContext, useContext, useMemo } from \"react\";\nimport { motion } from \"framer-motion\";\n\nimport { cn } from \"../../lib/utils\";\n\nimport { progressAnimationPresets } from \"./animations\";\nimport type { ProgressProps, ProgressSectionProps } from \"./types\";\nimport {\n  progressBarVariants,\n  progressTrackVariants,\n  progressVariants,\n} from \"./variants\";\n\ntype ProgressCtx = {\n  value: number;\n  min: number;\n  max: number;\n  size: NonNullable<ProgressProps[\"size\"]>;\n  shape: NonNullable<ProgressProps[\"shape\"]>;\n  striped: boolean;\n  animated: boolean;\n  appearance: NonNullable<ProgressProps[\"appearance\"]>;\n};\n\nconst ProgressContext = createContext<ProgressCtx | null>(null);\n\nfunction useProgressContext(component: string): ProgressCtx {\n  const ctx = useContext(ProgressContext);\n  if (!ctx) {\n    throw new Error(`${component} must be used within <Progress>`);\n  }\n  return ctx;\n}\n\nfunction clamp(value: number, min: number, max: number) {\n  return Math.min(max, Math.max(min, value));\n}\n\nexport function Progress(props: ProgressProps) {\n  const {\n    className,\n    appearance = \"default\",\n    size = \"md\",\n    shape = \"rounded\",\n    striped = false,\n    animated = false,\n    animation = \"none\",\n    value = 0,\n    min = 0,\n    max = 100,\n    label,\n    children,\n    ref,\n    ...rest\n  } = props;\n  const motionProps = progressAnimationPresets[animation];\n  const clamped = clamp(value, min, max);\n  const percent = max === min ? 0 : ((clamped - min) / (max - min)) * 100;\n\n  const ctx = useMemo(\n    () => ({\n      value: clamped,\n      min,\n      max,\n      size: size ?? \"md\",\n      shape: shape ?? \"rounded\",\n      striped: Boolean(striped),\n      animated: Boolean(animated),\n      appearance: appearance ?? \"default\",\n    }),\n    [animated, appearance, clamped, max, min, shape, size, striped],\n  );\n\n  return (\n    <ProgressContext.Provider value={ctx}>\n      <motion.div\n        ref={ref}\n        data-slot=\"progress\"\n        role=\"progressbar\"\n        aria-valuemin={min}\n        aria-valuemax={max}\n        aria-valuenow={clamped}\n        aria-label={label}\n        className={cn(\n          progressVariants({ appearance, size, shape, striped, animated }),\n          className,\n        )}\n        initial={false}\n        {...motionProps}\n        {...rest}\n      >\n        {children ?? (\n          <>\n            <ProgressBar style={{ transform: `scaleX(${percent / 100})` }} />\n          </>\n        )}\n      </motion.div>\n    </ProgressContext.Provider>\n  );\n}\n\nProgress.displayName = \"Progress\";\n\nexport function ProgressBar({\n  className,\n  style,\n  ref,\n  ...rest\n}: ProgressSectionProps & { style?: React.CSSProperties; ref?: React.Ref<HTMLDivElement> }) {\n  const { size, shape, striped, animated } = useProgressContext(\"ProgressBar\");\n\n  return (\n    <div\n      data-slot=\"progress-track\"\n      className={cn(progressTrackVariants({ size, shape }), \"text-current\")}\n    >\n      <motion.div\n        ref={ref}\n        data-slot=\"progress-bar\"\n        className={cn(progressBarVariants({ striped }), className)}\n        style={{\n          transformOrigin: \"left center\",\n          ...style,\n        }}\n        animate={\n          animated\n            ? { x: [\"-30%\", \"0%\"], opacity: [0.85, 1] }\n            : undefined\n        }\n        transition={\n          animated\n            ? { repeat: Infinity, duration: 1.1, ease: \"easeInOut\" }\n            : undefined\n        }\n        {...rest}\n      />\n    </div>\n  );\n}\n\nProgressBar.displayName = \"ProgressBar\";\n\nexport function ProgressLabel({ className, children }: ProgressSectionProps) {\n  return (\n    <div data-slot=\"progress-label\" className={cn(\"mb-2 font-medium text-slate-200\", className)}>\n      {children}\n    </div>\n  );\n}\n\nProgressLabel.displayName = \"ProgressLabel\";\n\nexport function ProgressValue({ className, children }: ProgressSectionProps) {\n  const { value, min, max } = useProgressContext(\"ProgressValue\");\n  const range = max - min;\n  const pct = range === 0 ? 0 : Math.round(((value - min) / range) * 100);\n  const content = children ?? `${pct}%`;\n  return (\n    <div data-slot=\"progress-value\" className={cn(\"mt-2 text-right text-slate-400\", className)}>\n      {content}\n    </div>\n  );\n}\n\nProgressValue.displayName = \"ProgressValue\";\n","import { type ClassValue, clsx } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}","import type { HTMLMotionProps } from \"framer-motion\";\n\nimport type { ProgressAnimation } from \"./types\";\n\ntype ProgressPresetMotionProps = Pick<\n  HTMLMotionProps<\"div\">,\n  \"transition\" | \"animate\"\n>;\n\nexport type ProgressAnimationPresets = Record<\n  ProgressAnimation,\n  ProgressPresetMotionProps\n>;\n\nexport const progressAnimationPresets: ProgressAnimationPresets = {\n  none: {},\n  shimmer: {\n    animate: { backgroundPosition: [\"0% 0%\", \"100% 0%\"] },\n    transition: { repeat: Infinity, duration: 1.2, ease: \"linear\" },\n  },\n};\n","import { cva } from \"class-variance-authority\";\n\nexport const progressVariants = cva(\"w-full text-slate-50\", {\n  variants: {\n    appearance: {\n      default: \"[--progress-fill:theme(colors.slate.50)]\",\n      secondary: \"[--progress-fill:theme(colors.slate.300)]\",\n      destructive: \"[--progress-fill:theme(colors.rose.400)]\",\n      emerald: \"[--progress-fill:theme(colors.emerald.400)]\",\n      indigo: \"[--progress-fill:theme(colors.indigo.400)]\",\n      purple: \"[--progress-fill:theme(colors.purple.400)]\",\n      pink: \"[--progress-fill:theme(colors.pink.400)]\",\n      rose: \"[--progress-fill:theme(colors.rose.400)]\",\n      sky: \"[--progress-fill:theme(colors.sky.400)]\",\n      teal: \"[--progress-fill:theme(colors.teal.400)]\",\n      yellow: \"[--progress-fill:theme(colors.yellow.400)]\",\n      orange: \"[--progress-fill:theme(colors.orange.400)]\",\n      outline: \"[--progress-fill:theme(colors.cyan.300)]\",\n      ghost: \"[--progress-fill:theme(colors.slate.200)]\",\n      glass: \"[--progress-fill:theme(colors.white)]\",\n      \"gradient-blue\":\n        \"[--progress-fill:linear-gradient(90deg,theme(colors.blue.500),theme(colors.purple.500))]\",\n      \"gradient-green\":\n        \"[--progress-fill:linear-gradient(90deg,theme(colors.green.500),theme(colors.lime.500))]\",\n      \"gradient-red\":\n        \"[--progress-fill:linear-gradient(90deg,theme(colors.red.500),theme(colors.pink.500))]\",\n      \"gradient-yellow\":\n        \"[--progress-fill:linear-gradient(90deg,theme(colors.yellow.500),theme(colors.orange.500))]\",\n      \"gradient-purple\":\n        \"[--progress-fill:linear-gradient(90deg,theme(colors.purple.500),theme(colors.pink.500))]\",\n      \"gradient-teal\":\n        \"[--progress-fill:linear-gradient(90deg,theme(colors.teal.500),theme(colors.cyan.500))]\",\n      \"gradient-indigo\":\n        \"[--progress-fill:linear-gradient(90deg,theme(colors.indigo.500),theme(colors.purple.500))]\",\n      \"gradient-pink\":\n        \"[--progress-fill:linear-gradient(90deg,theme(colors.pink.500),theme(colors.rose.500))]\",\n      \"gradient-orange\":\n        \"[--progress-fill:linear-gradient(90deg,theme(colors.orange.500),theme(colors.red.500))]\",\n    },\n    size: {\n      xs: \"text-[0.65rem]\",\n      sm: \"text-xs\",\n      md: \"text-sm\",\n      lg: \"text-base\",\n      xl: \"text-lg\",\n    },\n    shape: {\n      flat: \"rounded-none\",\n      rounded: \"rounded-md\",\n      pill: \"rounded-full\",\n    },\n    striped: {\n      true: \"\",\n      false: \"\",\n    },\n    animated: {\n      true: \"\",\n      false: \"\",\n    },\n  },\n  defaultVariants: {\n    appearance: \"default\",\n    size: \"md\",\n    shape: \"rounded\",\n    striped: false,\n    animated: false,\n  },\n});\n\nexport const progressTrackVariants = cva(\"relative w-full overflow-hidden bg-white/10\", {\n  variants: {\n    size: {\n      xs: \"h-1\",\n      sm: \"h-1.5\",\n      md: \"h-2\",\n      lg: \"h-3\",\n      xl: \"h-4\",\n    },\n    shape: {\n      flat: \"rounded-none\",\n      rounded: \"rounded-md\",\n      pill: \"rounded-full\",\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n    shape: \"rounded\",\n  },\n});\n\nexport const progressBarVariants = cva(\n  \"h-full w-full origin-left rounded-[inherit]\",\n  {\n    variants: {\n      striped: {\n        true: \"bg-[repeating-linear-gradient(135deg,rgba(255,255,255,0.18)_0,rgba(255,255,255,0.18)_10px,transparent_10px,transparent_20px)]\",\n        false: \"[background:var(--progress-fill)]\",\n      },\n    },\n    defaultVariants: { striped: false },\n  },\n);\n"],"mappings":"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","names":[]}

package/dist/ui/select.cjs

@@ -0,0 +1,360 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/ui/select/index.ts
+var select_exports = {};
+__export(select_exports, {
+  Select: () => Select,
+  SelectContent: () => SelectContent,
+  SelectContext: () => SelectContext,
+  SelectItem: () => SelectItem,
+  SelectTrigger: () => SelectTrigger,
+  SelectValue: () => SelectValue,
+  selectContentVariants: () => selectContentVariants,
+  selectItemVariants: () => selectItemVariants,
+  selectTriggerVariants: () => selectTriggerVariants,
+  useSelect: () => useSelect
+});
+module.exports = __toCommonJS(select_exports);
+
+// src/ui/select/select.tsx
+var import_react = require("react");
+var import_react2 = require("react");
+
+// src/lib/utils.ts
+var import_clsx = require("clsx");
+var import_tailwind_merge = require("tailwind-merge");
+function cn(...inputs) {
+  return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
+}
+
+// src/ui/select/variants.ts
+var import_class_variance_authority = require("class-variance-authority");
+var selectTriggerVariants = (0, import_class_variance_authority.cva)(
+  "flex items-center justify-between rounded-md border transition-all focus:outline-none",
+  {
+    variants: {
+      variant: {
+        default: "border-gray-300 bg-white text-gray-900",
+        outline: "border-2 border-gray-500",
+        ghost: "border-transparent",
+        sky: "border-sky-600 text-sky-600",
+        rose: "border-rose-600 text-rose-600",
+        purple: "border-purple-600 text-purple-600",
+        pink: "border-pink-600 text-pink-600",
+        orange: "border-orange-600 text-orange-600",
+        yellow: "border-yellow-600 text-yellow-600",
+        teal: "border-teal-600 text-teal-600",
+        indigo: "border-indigo-500 text-indigo-500",
+        emerald: "border-emerald-600 text-emerald-600",
+        glass: "border-white/15 bg-white/10 text-white backdrop-blur-md",
+        "gradient-blue": "bg-linear-to-r from-blue-600 to-purple-600 bg-gradient-to-r from-blue-950/70 to-purple-950/70 backdrop-blur-xl text-white",
+        "gradient-green": "bg-linear-to-r from-green-600 to-lime-600 bg-gradient-to-r from-green-950/70 to-lime-950/70 backdrop-blur-xl text-white",
+        "gradient-red": "bg-linear-to-r from-red-600 to-pink-600 bg-gradient-to-r from-red-950/70 to-pink-950/70 backdrop-blur-xl text-white",
+        "gradient-yellow": "bg-linear-to-r from-yellow-600 to-orange-600 bg-gradient-to-r from-yellow-950/70 to-orange-950/70 backdrop-blur-xl text-white",
+        "gradient-purple": "bg-linear-to-r from-purple-600 to-pink-600 bg-gradient-to-r from-purple-950/70 to-pink-950/70 backdrop-blur-xl text-white",
+        "gradient-teal": "bg-linear-to-r from-teal-600 to-cyan-600 bg-gradient-to-r from-teal-950/70 to-cyan-950/70 backdrop-blur-xl text-white",
+        "gradient-indigo": "bg-linear-to-r from-indigo-600 to-purple-600 bg-gradient-to-r from-indigo-950/70 to-purple-950/70 backdrop-blur-xl text-white",
+        "gradient-pink": "bg-linear-to-r from-pink-600 to-rose-600 bg-gradient-to-r from-pink-950/70 to-rose-950/70 backdrop-blur-xl text-white",
+        "gradient-orange": "bg-linear-to-r from-orange-600 to-red-600 bg-gradient-to-r from-orange-950/70 to-red-950/70 backdrop-blur-xl text-white"
+      },
+      size: {
+        sm: "px-2 py-1 text-sm",
+        md: "px-3 py-2",
+        lg: "px-4 py-3 text-lg"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "md"
+    }
+  }
+);
+var selectItemVariants = (0, import_class_variance_authority.cva)(
+  "cursor-pointer px-3 py-2 rounded-md",
+  {
+    variants: {
+      appearance: {
+        default: "bg-white text-gray-900 data-[selected=true]:bg-gray-200 data-[selected=true]:text-gray-900",
+        glass: "bg-white/10 text-gray-100 data-[selected=true]:bg-white/10 data-[selected=true]:text-gray-100",
+        outline: "border-2 border-gray-500 text-gray-900 data-[selected=true]:border-2 data-[selected=true]:border-gray-500 data-[selected=true]:bg-gray-200 data-[selected=true]:text-gray-900",
+        ghost: "border-transparent text-gray-900 data-[selected=true]:border-transparent data-[selected=true]:bg-transparent data-[selected=true]:text-gray-900",
+        sky: "border-sky-600 text-sky-800 data-[selected=true]:border-sky-600 data-[selected=true]:bg-sky-200 data-[selected=true]:text-sky-800",
+        rose: "border-rose-600 text-rose-800 data-[selected=true]:border-rose-600 data-[selected=true]:bg-rose-200 data-[selected=true]:text-rose-800",
+        purple: "border-purple-600 text-purple-800 data-[selected=true]:border-purple-600 data-[selected=true]:bg-purple-200 data-[selected=true]:text-purple-800",
+        pink: "border-pink-600 text-pink-800 data-[selected=true]:border-pink-600 data-[selected=true]:bg-pink-200 data-[selected=true]:text-pink-800",
+        orange: "border-orange-600 text-orange-800 data-[selected=true]:border-orange-600 data-[selected=true]:bg-orange-200 data-[selected=true]:text-orange-800",
+        yellow: "border-yellow-600 text-yellow-800 data-[selected=true]:border-yellow-600 data-[selected=true]:bg-yellow-200 data-[selected=true]:text-yellow-800",
+        teal: "border-teal-600 text-teal-800 data-[selected=true]:border-teal-600 data-[selected=true]:bg-teal-200 data-[selected=true]:text-teal-800",
+        indigo: "border-indigo-600 text-indigo-800 data-[selected=true]:border-indigo-600 data-[selected=true]:bg-indigo-200 data-[selected=true]:text-indigo-800",
+        emerald: "border-emerald-600 text-emerald-800 data-[selected=true]:border-emerald-600 data-[selected=true]:bg-emerald-200 data-[selected=true]:text-emerald-800",
+        "gradient-blue": "bg-gradient-to-r from-blue-600 to-purple-600 bg-gradient-to-r from-blue-950/70 to-purple-950/70 backdrop-blur-xl text-blue-50 data-[selected=true]:bg-gradient-to-r from-blue-600 to-purple-600 bg-gradient-to-r from-blue-950/70 to-purple-950/70 backdrop-blur-xl data-[selected=true]:text-blue-100",
+        "gradient-green": "bg-gradient-to-r from-green-600 to-lime-600 bg-gradient-to-r from-green-950/70 to-lime-950/70 backdrop-blur-xl text-green-50 data-[selected=true]:bg-gradient-to-r from-green-600 to-lime-600 bg-gradient-to-r from-green-950/70 to-lime-950/70 backdrop-blur-xl data-[selected=true]:text-green-100",
+        "gradient-red": "bg-gradient-to-r from-red-600 to-pink-600 bg-gradient-to-r from-red-950/70 to-pink-950/70 backdrop-blur-xl text-red-50 data-[selected=true]:bg-gradient-to-r from-red-600 to-pink-600 bg-gradient-to-r from-red-950/70 to-pink-950/70 backdrop-blur-xl data-[selected=true]:text-red-100",
+        "gradient-yellow": "bg-gradient-to-r from-yellow-600 to-orange-600 bg-gradient-to-r from-yellow-950/70 to-orange-950/70 backdrop-blur-xl text-yellow-50 data-[selected=true]:bg-gradient-to-r from-yellow-600 to-orange-600 bg-gradient-to-r from-yellow-950/70 to-orange-950/70 backdrop-blur-xl data-[selected=true]:text-yellow-100",
+        "gradient-purple": "bg-gradient-to-r from-purple-600 to-pink-600 bg-gradient-to-r from-purple-950/70 to-pink-950/70 backdrop-blur-xl text-purple-50 data-[selected=true]:bg-gradient-to-r from-purple-600 to-pink-600 bg-gradient-to-r from-purple-950/70 to-pink-950/70 backdrop-blur-xl data-[selected=true]:text-purple-100",
+        "gradient-teal": "bg-gradient-to-r from-teal-600 to-cyan-600 bg-gradient-to-r from-teal-950/70 to-cyan-950/70 backdrop-blur-xl text-teal-50 data-[selected=true]:bg-gradient-to-r from-teal-600 to-cyan-600 bg-gradient-to-r from-teal-950/70 to-cyan-950/70 backdrop-blur-xl data-[selected=true]:text-teal-100",
+        "gradient-indigo": "bg-gradient-to-r from-indigo-600 to-purple-600 bg-gradient-to-r from-indigo-950/70 to-purple-950/70 backdrop-blur-xl text-indigo-50 data-[selected=true]:bg-gradient-to-r from-indigo-600 to-purple-600 bg-gradient-to-r from-indigo-950/70 to-purple-950/70 backdrop-blur-xl data-[selected=true]:text-indigo-100",
+        "gradient-pink": "bg-gradient-to-r from-pink-600 to-rose-600 bg-gradient-to-r from-pink-950/70 to-rose-950/70 backdrop-blur-xl text-pink-50 data-[selected=true]:bg-gradient-to-r from-pink-600 to-rose-600 bg-gradient-to-r from-pink-950/70 to-rose-950/70 backdrop-blur-xl data-[selected=true]:text-pink-100",
+        "gradient-orange": "bg-gradient-to-r from-orange-600 to-red-600 bg-gradient-to-r from-orange-950/70 to-red-950/70 backdrop-blur-xl text-orange-50 data-[selected=true]:bg-gradient-to-r from-orange-600 to-red-600 bg-gradient-to-r from-orange-950/70 to-red-950/70 backdrop-blur-xl data-[selected=true]:text-orange-100"
+      },
+      disabled: {
+        true: "opacity-50 cursor-not-allowed"
+      }
+    },
+    defaultVariants: {
+      appearance: "default"
+    }
+  }
+);
+var selectContentVariants = (0, import_class_variance_authority.cva)(
+  "absolute z-10 mt-2 w-full rounded-md border bg-white shadow-md",
+  {
+    variants: {
+      appearance: {
+        default: "bg-white shadow-md",
+        glass: "bg-white/10 backdrop-blur-md",
+        outline: "border-2 border-gray-500",
+        ghost: "border-transparent",
+        sky: "border-sky-600",
+        rose: "border-rose-600",
+        purple: "border-purple-600",
+        pink: "border-pink-600",
+        orange: "border-orange-600",
+        yellow: "border-yellow-600",
+        teal: "border-teal-600",
+        indigo: "border-indigo-600",
+        emerald: "border-emerald-600",
+        "gradient-blue": "bg-gradient-to-r from-blue-600 to-purple-600 bg-gradient-to-r from-blue-950/70 to-purple-950/70 backdrop-blur-xl",
+        "gradient-green": "bg-gradient-to-r from-green-600 to-lime-600 bg-gradient-to-r from-green-950/70 to-lime-950/70 backdrop-blur-xl",
+        "gradient-red": "bg-gradient-to-r from-red-600 to-pink-600 bg-gradient-to-r from-red-950/70 to-pink-950/70 backdrop-blur-xl",
+        "gradient-yellow": "bg-gradient-to-r from-yellow-600 to-orange-600 bg-gradient-to-r from-yellow-950/70 to-orange-950/70 backdrop-blur-xl",
+        "gradient-purple": "bg-gradient-to-r from-purple-600 to-pink-600 bg-gradient-to-r from-purple-950/70 to-pink-950/70 backdrop-blur-xl",
+        "gradient-teal": "bg-gradient-to-r from-teal-600 to-cyan-600 bg-gradient-to-r from-teal-950/70 to-cyan-950/70 backdrop-blur-xl",
+        "gradient-indigo": "bg-gradient-to-r from-indigo-600 to-purple-600 bg-gradient-to-r from-indigo-950/70 to-purple-950/70 backdrop-blur-xl",
+        "gradient-pink": "bg-gradient-to-r from-pink-600 to-rose-600 bg-gradient-to-r from-pink-950/70 to-rose-950/70 backdrop-blur-xl",
+        "gradient-orange": "bg-gradient-to-r from-orange-600 to-red-600 bg-gradient-to-r from-orange-950/70 to-red-950/70 backdrop-blur-xl"
+      },
+      size: {
+        sm: "px-2 py-1 text-sm",
+        md: "px-3 py-2",
+        lg: "px-4 py-3 text-lg"
+      },
+      spacing: {
+        none: "space-y-0",
+        default: "space-y-1",
+        sm: "space-y-2",
+        md: "space-y-3",
+        lg: "space-y-4",
+        xl: "space-y-5"
+      }
+    },
+    defaultVariants: {
+      appearance: "default",
+      size: "md",
+      spacing: "default"
+    }
+  }
+);
+
+// src/ui/select/select.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var SelectContext = (0, import_react2.createContext)(null);
+var useSelect = () => {
+  const ctx = (0, import_react2.useContext)(SelectContext);
+  if (!ctx) throw new Error("Select components must be used inside Select");
+  return ctx;
+};
+var Select = ({
+  children,
+  value,
+  defaultValue = [],
+  onChange,
+  multiple = true
+}) => {
+  const [internal, setInternal] = (0, import_react.useState)(defaultValue);
+  const [open, setOpen] = (0, import_react.useState)(false);
+  const [options, setOptions] = (0, import_react.useState)([]);
+  const rootRef = (0, import_react.useRef)(null);
+  const selected = value ?? internal;
+  (0, import_react.useEffect)(() => {
+    if (!open) return;
+    const handlePointerDown = (event) => {
+      const root = rootRef.current;
+      if (!root) return;
+      const target = event.target;
+      if (target instanceof Node && !root.contains(target)) {
+        setOpen(false);
+      }
+    };
+    document.addEventListener("pointerdown", handlePointerDown);
+    return () => document.removeEventListener("pointerdown", handlePointerDown);
+  }, [open]);
+  const setSelected = (vals) => {
+    if (value !== void 0) {
+      onChange?.(vals);
+    } else {
+      setInternal(vals);
+      onChange?.(vals);
+    }
+  };
+  const toggleValue = (val) => {
+    if (multiple) {
+      if (selected.includes(val)) {
+        setSelected(selected.filter((v) => v !== val));
+      } else {
+        setSelected([...selected, val]);
+      }
+    } else {
+      setSelected([val]);
+      setOpen(false);
+    }
+  };
+  const isSelected = (val) => selected.includes(val);
+  const registerOption = (0, import_react.useCallback)((opt) => {
+    setOptions((prev) => {
+      if (prev.find((o) => o.value === opt.value)) return prev;
+      return [...prev, opt];
+    });
+  }, []);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    SelectContext.Provider,
+    {
+      value: {
+        open,
+        setOpen,
+        selected,
+        toggleValue,
+        isSelected,
+        registerOption,
+        options,
+        multiple
+      },
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { ref: rootRef, className: "relative w-full", children })
+    }
+  );
+};
+var SelectTrigger = ({
+  className,
+  variant,
+  size,
+  ...props
+}) => {
+  const { open, setOpen } = useSelect();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "button",
+    {
+      type: "button",
+      onClick: () => setOpen(!open),
+      className: cn(selectTriggerVariants({ variant, size }), className),
+      ...props
+    }
+  );
+};
+var SelectValue = ({
+  placeholder = "Select...",
+  className,
+  ...props
+}) => {
+  const { selected, options } = useSelect();
+  const selectedOptions = options.filter((o) => selected.includes(o.value));
+  if (selectedOptions.length === 0) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: cn(className), ...props, children: placeholder });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: cn(className), ...props, children: selectedOptions.map((option, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { children: [
+    index > 0 ? ", " : null,
+    option.label
+  ] }, option.value)) });
+};
+var SelectContent = ({
+  children,
+  className,
+  appearance = "default",
+  size = "md",
+  spacing = "default",
+  ...props
+}) => {
+  const { open } = useSelect();
+  if (!open) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "div",
+    {
+      className: cn(
+        selectContentVariants({ appearance, size, spacing }),
+        className
+      ),
+      ...props,
+      children
+    }
+  );
+};
+var SelectItem = ({
+  value,
+  children,
+  disabled,
+  appearance = "default",
+  className,
+  ...props
+}) => {
+  const { toggleValue, isSelected, registerOption } = useSelect();
+  (0, import_react.useEffect)(() => {
+    registerOption({ label: children, value, disabled });
+  }, [children, disabled, registerOption, value]);
+  const isActive = isSelected(value);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "div",
+    {
+      role: "option",
+      "aria-selected": isActive,
+      tabIndex: 0,
+      onClick: () => !disabled && toggleValue(value),
+      onKeyDown: (e) => {
+        if (e.key === "Enter") toggleValue(value);
+      },
+      "data-selected": isActive ? "true" : "false",
+      className: cn(
+        selectItemVariants({
+          disabled,
+          appearance
+        }),
+        "flex justify-between",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        isActive && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "\u2713" })
+      ]
+    }
+  );
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Select,
+  SelectContent,
+  SelectContext,
+  SelectItem,
+  SelectTrigger,
+  SelectValue,
+  selectContentVariants,
+  selectItemVariants,
+  selectTriggerVariants,
+  useSelect
+});
+//# sourceMappingURL=select.cjs.map

package/dist/ui/select.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/ui/select/index.ts","../../src/ui/select/select.tsx","../../src/lib/utils.ts","../../src/ui/select/variants.ts"],"sourcesContent":["export {\n  Select,\n  SelectContext,\n  useSelect,\n  SelectTrigger,\n  SelectValue,\n  SelectContent,\n  SelectItem,\n} from \"./select\";\nexport type {\n  SelectProps,\n  SelectTriggerProps,\n  SelectContentProps,\n  SelectItemProps,\n  SelectValueProps,\n  SelectOption,\n  SelectContextType,\n} from \"./types\";\nexport { selectTriggerVariants, selectItemVariants, selectContentVariants } from \"./variants\";\n","\"use client\";\nimport { useState, useEffect, useCallback, useRef } from \"react\";\nimport {\n  SelectProps,\n  SelectOption,\n  SelectTriggerProps,\n  SelectContentProps,\n  SelectItemProps,\n  SelectValueProps,\n} from \"./types\";\nimport { createContext, useContext } from \"react\";\nimport { SelectContextType } from \"./types\";\nimport { cn } from \"../../lib/utils\";\nimport {\n  selectContentVariants,\n  selectItemVariants,\n  selectTriggerVariants,\n} from \"./variants\";\n\nexport const SelectContext = createContext<SelectContextType | null>(null);\n\nexport const useSelect = () => {\n  const ctx = useContext(SelectContext);\n  if (!ctx) throw new Error(\"Select components must be used inside Select\");\n  return ctx;\n};\n\nexport const Select = ({\n  children,\n  value,\n  defaultValue = [],\n  onChange,\n  multiple = true,\n}: SelectProps) => {\n  const [internal, setInternal] = useState<string[]>(defaultValue);\n  const [open, setOpen] = useState(false);\n  const [options, setOptions] = useState<SelectOption[]>([]);\n  const rootRef = useRef<HTMLDivElement>(null);\n\n  const selected = value ?? internal;\n\n  useEffect(() => {\n    if (!open) return;\n\n    const handlePointerDown = (event: PointerEvent) => {\n      const root = rootRef.current;\n      if (!root) return;\n      const target = event.target;\n      if (target instanceof Node && !root.contains(target)) {\n        setOpen(false);\n      }\n    };\n\n    document.addEventListener(\"pointerdown\", handlePointerDown);\n    return () => document.removeEventListener(\"pointerdown\", handlePointerDown);\n  }, [open]);\n\n  const setSelected = (vals: string[]) => {\n    if (value !== undefined) {\n      onChange?.(vals);\n    } else {\n      setInternal(vals);\n      onChange?.(vals);\n    }\n  };\n\n  const toggleValue = (val: string) => {\n    if (multiple) {\n      if (selected.includes(val)) {\n        setSelected(selected.filter((v) => v !== val));\n      } else {\n        setSelected([...selected, val]);\n      }\n    } else {\n      setSelected([val]);\n      setOpen(false);\n    }\n  };\n\n  const isSelected = (val: string) => selected.includes(val);\n\n  const registerOption = useCallback((opt: SelectOption) => {\n    setOptions((prev) => {\n      if (prev.find((o) => o.value === opt.value)) return prev;\n      return [...prev, opt];\n    });\n  }, []);\n\n  return (\n    <SelectContext.Provider\n      value={{\n        open,\n        setOpen,\n        selected,\n        toggleValue,\n        isSelected,\n        registerOption,\n        options,\n        multiple,\n      }}\n    >\n      <div ref={rootRef} className=\"relative w-full\">\n        {children}\n      </div>\n    </SelectContext.Provider>\n  );\n};\n\nexport const SelectTrigger = ({\n  className,\n  variant,\n  size,\n  ...props\n}: SelectTriggerProps) => {\n  const { open, setOpen } = useSelect();\n\n  return (\n    <button\n      type=\"button\"\n      onClick={() => setOpen(!open)}\n      className={cn(selectTriggerVariants({ variant, size }), className)}\n      {...props}\n    />\n  );\n};\n\nexport const SelectValue = ({\n  placeholder = \"Select...\",\n  className,\n  ...props\n}: SelectValueProps) => {\n  const { selected, options } = useSelect();\n\n  const selectedOptions = options.filter((o) => selected.includes(o.value));\n\n  if (selectedOptions.length === 0) {\n    return (\n      <span className={cn(className)} {...props}>\n        {placeholder}\n      </span>\n    );\n  }\n\n  return (\n    <span className={cn(className)} {...props}>\n      {selectedOptions.map((option, index) => (\n        <span key={option.value}>\n          {index > 0 ? \", \" : null}\n          {option.label}\n        </span>\n      ))}\n    </span>\n  );\n};\n\nexport const SelectContent = ({\n  children,\n  className,\n  appearance = \"default\",\n  size = \"md\",\n  spacing = \"default\",\n  ...props\n}: SelectContentProps) => {\n  const { open } = useSelect();\n\n  if (!open) return null;\n\n  return (\n    <div\n      className={cn(\n        selectContentVariants({ appearance, size, spacing }),\n        className,\n      )}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n};\n\nexport const SelectItem = ({\n  value,\n  children,\n  disabled,\n  appearance = \"default\",\n  className,\n  ...props\n}: SelectItemProps) => {\n  const { toggleValue, isSelected, registerOption } = useSelect();\n\n  useEffect(() => {\n    registerOption({ label: children, value, disabled });\n  }, [children, disabled, registerOption, value]);\n\n  const isActive = isSelected(value);\n\n  return (\n    <div\n      role=\"option\"\n      aria-selected={isActive}\n      tabIndex={0}\n      onClick={() => !disabled && toggleValue(value)}\n      onKeyDown={(e) => {\n        if (e.key === \"Enter\") toggleValue(value);\n      }}\n      data-selected={isActive ? \"true\" : \"false\"}\n      className={cn(\n        selectItemVariants({\n          disabled,\n          appearance,\n        }),\n        \"flex justify-between\",\n        className,\n      )}\n      {...props}\n    >\n      {children}\n      {isActive && <span>✓</span>}\n    </div>\n  );\n};\n","import { type ClassValue, clsx } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}","import { cva } from \"class-variance-authority\";\n\nexport const selectTriggerVariants = cva(\n  \"flex items-center justify-between rounded-md border transition-all focus:outline-none\",\n  {\n    variants: {\n      variant: {\n        default: \"border-gray-300 bg-white text-gray-900\",\n        outline: \"border-2 border-gray-500\",\n        ghost: \"border-transparent\",\n        sky: \"border-sky-600 text-sky-600\",\n        rose: \"border-rose-600 text-rose-600\",\n        purple: \"border-purple-600 text-purple-600\",\n        pink: \"border-pink-600 text-pink-600\",\n        orange: \"border-orange-600 text-orange-600\",\n        yellow: \"border-yellow-600 text-yellow-600\",\n        teal: \"border-teal-600 text-teal-600\",\n        indigo: \"border-indigo-500 text-indigo-500\",\n        emerald: \"border-emerald-600 text-emerald-600\",\n        glass: \"border-white/15 bg-white/10 text-white backdrop-blur-md\",\n        \"gradient-blue\": \"bg-linear-to-r from-blue-600 to-purple-600 bg-gradient-to-r from-blue-950/70 to-purple-950/70 backdrop-blur-xl text-white\",\n        \"gradient-green\": \"bg-linear-to-r from-green-600 to-lime-600 bg-gradient-to-r from-green-950/70 to-lime-950/70 backdrop-blur-xl text-white\",\n        \"gradient-red\": \"bg-linear-to-r from-red-600 to-pink-600 bg-gradient-to-r from-red-950/70 to-pink-950/70 backdrop-blur-xl text-white\",\n        \"gradient-yellow\": \"bg-linear-to-r from-yellow-600 to-orange-600 bg-gradient-to-r from-yellow-950/70 to-orange-950/70 backdrop-blur-xl text-white\",\n        \"gradient-purple\": \"bg-linear-to-r from-purple-600 to-pink-600 bg-gradient-to-r from-purple-950/70 to-pink-950/70 backdrop-blur-xl text-white\",\n        \"gradient-teal\": \"bg-linear-to-r from-teal-600 to-cyan-600 bg-gradient-to-r from-teal-950/70 to-cyan-950/70 backdrop-blur-xl text-white\",\n        \"gradient-indigo\": \"bg-linear-to-r from-indigo-600 to-purple-600 bg-gradient-to-r from-indigo-950/70 to-purple-950/70 backdrop-blur-xl text-white\",\n        \"gradient-pink\": \"bg-linear-to-r from-pink-600 to-rose-600 bg-gradient-to-r from-pink-950/70 to-rose-950/70 backdrop-blur-xl text-white\",\n        \"gradient-orange\": \"bg-linear-to-r from-orange-600 to-red-600 bg-gradient-to-r from-orange-950/70 to-red-950/70 backdrop-blur-xl text-white\",\n      },\n      size: {\n        sm: \"px-2 py-1 text-sm\",\n        md: \"px-3 py-2\",\n        lg: \"px-4 py-3 text-lg\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"md\",\n    },\n  },\n);\n\nexport const selectItemVariants = cva(\n  \"cursor-pointer px-3 py-2 rounded-md\",\n  {\n    variants: {\n      appearance: {\n        default: \"bg-white text-gray-900 data-[selected=true]:bg-gray-200 data-[selected=true]:text-gray-900\",\n        glass: \"bg-white/10 text-gray-100 data-[selected=true]:bg-white/10 data-[selected=true]:text-gray-100\",\n        outline: \"border-2 border-gray-500 text-gray-900 data-[selected=true]:border-2 data-[selected=true]:border-gray-500 data-[selected=true]:bg-gray-200 data-[selected=true]:text-gray-900\",\n        ghost: \"border-transparent text-gray-900 data-[selected=true]:border-transparent data-[selected=true]:bg-transparent data-[selected=true]:text-gray-900\",\n        sky: \"border-sky-600 text-sky-800 data-[selected=true]:border-sky-600 data-[selected=true]:bg-sky-200 data-[selected=true]:text-sky-800\",\n        rose: \"border-rose-600 text-rose-800 data-[selected=true]:border-rose-600 data-[selected=true]:bg-rose-200 data-[selected=true]:text-rose-800\",\n        purple: \"border-purple-600 text-purple-800 data-[selected=true]:border-purple-600 data-[selected=true]:bg-purple-200 data-[selected=true]:text-purple-800\",\n        pink: \"border-pink-600 text-pink-800 data-[selected=true]:border-pink-600 data-[selected=true]:bg-pink-200 data-[selected=true]:text-pink-800\",\n        orange: \"border-orange-600 text-orange-800 data-[selected=true]:border-orange-600 data-[selected=true]:bg-orange-200 data-[selected=true]:text-orange-800\",\n        yellow: \"border-yellow-600 text-yellow-800 data-[selected=true]:border-yellow-600 data-[selected=true]:bg-yellow-200 data-[selected=true]:text-yellow-800\",\n        teal: \"border-teal-600 text-teal-800 data-[selected=true]:border-teal-600 data-[selected=true]:bg-teal-200 data-[selected=true]:text-teal-800\",\n        indigo: \"border-indigo-600 text-indigo-800 data-[selected=true]:border-indigo-600 data-[selected=true]:bg-indigo-200 data-[selected=true]:text-indigo-800\",\n        emerald: \"border-emerald-600 text-emerald-800 data-[selected=true]:border-emerald-600 data-[selected=true]:bg-emerald-200 data-[selected=true]:text-emerald-800\",\n        \"gradient-blue\": \"bg-gradient-to-r from-blue-600 to-purple-600 bg-gradient-to-r from-blue-950/70 to-purple-950/70 backdrop-blur-xl text-blue-50 data-[selected=true]:bg-gradient-to-r from-blue-600 to-purple-600 bg-gradient-to-r from-blue-950/70 to-purple-950/70 backdrop-blur-xl data-[selected=true]:text-blue-100\",\n        \"gradient-green\": \"bg-gradient-to-r from-green-600 to-lime-600 bg-gradient-to-r from-green-950/70 to-lime-950/70 backdrop-blur-xl text-green-50 data-[selected=true]:bg-gradient-to-r from-green-600 to-lime-600 bg-gradient-to-r from-green-950/70 to-lime-950/70 backdrop-blur-xl data-[selected=true]:text-green-100\",\n        \"gradient-red\": \"bg-gradient-to-r from-red-600 to-pink-600 bg-gradient-to-r from-red-950/70 to-pink-950/70 backdrop-blur-xl text-red-50 data-[selected=true]:bg-gradient-to-r from-red-600 to-pink-600 bg-gradient-to-r from-red-950/70 to-pink-950/70 backdrop-blur-xl data-[selected=true]:text-red-100\",\n        \"gradient-yellow\": \"bg-gradient-to-r from-yellow-600 to-orange-600 bg-gradient-to-r from-yellow-950/70 to-orange-950/70 backdrop-blur-xl text-yellow-50 data-[selected=true]:bg-gradient-to-r from-yellow-600 to-orange-600 bg-gradient-to-r from-yellow-950/70 to-orange-950/70 backdrop-blur-xl data-[selected=true]:text-yellow-100\",\n        \"gradient-purple\": \"bg-gradient-to-r from-purple-600 to-pink-600 bg-gradient-to-r from-purple-950/70 to-pink-950/70 backdrop-blur-xl text-purple-50 data-[selected=true]:bg-gradient-to-r from-purple-600 to-pink-600 bg-gradient-to-r from-purple-950/70 to-pink-950/70 backdrop-blur-xl data-[selected=true]:text-purple-100\",\n        \"gradient-teal\": \"bg-gradient-to-r from-teal-600 to-cyan-600 bg-gradient-to-r from-teal-950/70 to-cyan-950/70 backdrop-blur-xl text-teal-50 data-[selected=true]:bg-gradient-to-r from-teal-600 to-cyan-600 bg-gradient-to-r from-teal-950/70 to-cyan-950/70 backdrop-blur-xl data-[selected=true]:text-teal-100\",\n        \"gradient-indigo\": \"bg-gradient-to-r from-indigo-600 to-purple-600 bg-gradient-to-r from-indigo-950/70 to-purple-950/70 backdrop-blur-xl text-indigo-50 data-[selected=true]:bg-gradient-to-r from-indigo-600 to-purple-600 bg-gradient-to-r from-indigo-950/70 to-purple-950/70 backdrop-blur-xl data-[selected=true]:text-indigo-100\",\n        \"gradient-pink\": \"bg-gradient-to-r from-pink-600 to-rose-600 bg-gradient-to-r from-pink-950/70 to-rose-950/70 backdrop-blur-xl text-pink-50 data-[selected=true]:bg-gradient-to-r from-pink-600 to-rose-600 bg-gradient-to-r from-pink-950/70 to-rose-950/70 backdrop-blur-xl data-[selected=true]:text-pink-100\",\n        \"gradient-orange\": \"bg-gradient-to-r from-orange-600 to-red-600 bg-gradient-to-r from-orange-950/70 to-red-950/70 backdrop-blur-xl text-orange-50 data-[selected=true]:bg-gradient-to-r from-orange-600 to-red-600 bg-gradient-to-r from-orange-950/70 to-red-950/70 backdrop-blur-xl data-[selected=true]:text-orange-100\",\n      },\n      disabled: {\n        true: \"opacity-50 cursor-not-allowed\",\n      },\n    },\n    defaultVariants: {\n      appearance: \"default\",\n    },\n  },\n);\n\nexport const selectContentVariants = cva(\n  \"absolute z-10 mt-2 w-full rounded-md border bg-white shadow-md\",\n  {\n    variants: {\n      appearance: {\n        default: \"bg-white shadow-md\",\n        glass: \"bg-white/10 backdrop-blur-md\",\n        outline: \"border-2 border-gray-500\",\n        ghost: \"border-transparent\",\n        sky: \"border-sky-600\",\n        rose: \"border-rose-600\",\n        purple: \"border-purple-600\",\n        pink: \"border-pink-600\",\n        orange: \"border-orange-600\",\n        yellow: \"border-yellow-600\",\n        teal: \"border-teal-600\",\n        indigo: \"border-indigo-600\",\n        emerald: \"border-emerald-600\",\n        \"gradient-blue\": \"bg-gradient-to-r from-blue-600 to-purple-600 bg-gradient-to-r from-blue-950/70 to-purple-950/70 backdrop-blur-xl\",\n        \"gradient-green\": \"bg-gradient-to-r from-green-600 to-lime-600 bg-gradient-to-r from-green-950/70 to-lime-950/70 backdrop-blur-xl\",\n        \"gradient-red\": \"bg-gradient-to-r from-red-600 to-pink-600 bg-gradient-to-r from-red-950/70 to-pink-950/70 backdrop-blur-xl\",\n        \"gradient-yellow\": \"bg-gradient-to-r from-yellow-600 to-orange-600 bg-gradient-to-r from-yellow-950/70 to-orange-950/70 backdrop-blur-xl\",\n        \"gradient-purple\": \"bg-gradient-to-r from-purple-600 to-pink-600 bg-gradient-to-r from-purple-950/70 to-pink-950/70 backdrop-blur-xl\",\n        \"gradient-teal\": \"bg-gradient-to-r from-teal-600 to-cyan-600 bg-gradient-to-r from-teal-950/70 to-cyan-950/70 backdrop-blur-xl\",\n        \"gradient-indigo\": \"bg-gradient-to-r from-indigo-600 to-purple-600 bg-gradient-to-r from-indigo-950/70 to-purple-950/70 backdrop-blur-xl\",\n        \"gradient-pink\": \"bg-gradient-to-r from-pink-600 to-rose-600 bg-gradient-to-r from-pink-950/70 to-rose-950/70 backdrop-blur-xl\",\n        \"gradient-orange\": \"bg-gradient-to-r from-orange-600 to-red-600 bg-gradient-to-r from-orange-950/70 to-red-950/70 backdrop-blur-xl\",\n      },\n      size: {\n        sm: \"px-2 py-1 text-sm\",\n        md: \"px-3 py-2\",\n        lg: \"px-4 py-3 text-lg\",\n      },\n      spacing: {\n        none: \"space-y-0\",\n        default: \"space-y-1\",\n        sm: \"space-y-2\",\n        md: \"space-y-3\",\n        lg: \"space-y-4\",\n        xl: \"space-y-5\",\n      }\n    },\n    defaultVariants: {\n      appearance: \"default\",\n      size: \"md\",\n      spacing: \"default\",\n    },\n  },\n);\n"],"mappings":"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","names":["import_react"]}

package/dist/ui/select.d.cts

@@ -0,0 +1,73 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as react from 'react';
+import { ReactNode, HTMLAttributes, ButtonHTMLAttributes } from 'react';
+import { VariantProps } from 'class-variance-authority';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+
+declare const selectTriggerVariants: (props?: ({
+    variant?: "default" | "outline" | "ghost" | "sky" | "rose" | "purple" | "pink" | "orange" | "yellow" | "teal" | "indigo" | "emerald" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange" | "glass" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const selectItemVariants: (props?: ({
+    appearance?: "default" | "outline" | "ghost" | "sky" | "rose" | "purple" | "pink" | "orange" | "yellow" | "teal" | "indigo" | "emerald" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange" | "glass" | null | undefined;
+    disabled?: boolean | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const selectContentVariants: (props?: ({
+    appearance?: "default" | "outline" | "ghost" | "sky" | "rose" | "purple" | "pink" | "orange" | "yellow" | "teal" | "indigo" | "emerald" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange" | "glass" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+    spacing?: "none" | "default" | "sm" | "md" | "lg" | "xl" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+
+type SelectOption = {
+    label: ReactNode;
+    value: string;
+    disabled?: boolean;
+};
+type SelectAppearance = "default" | "glass" | "ghost" | "outline" | "sky" | "rose" | "purple" | "pink" | "orange" | "yellow" | "teal" | "indigo" | "emerald" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange";
+type SelectContextType = {
+    open: boolean;
+    setOpen: (v: boolean) => void;
+    selected: string[];
+    toggleValue: (value: string) => void;
+    isSelected: (value: string) => boolean;
+    registerOption: (option: SelectOption) => void;
+    options: SelectOption[];
+    multiple: boolean;
+};
+type SelectProps = {
+    value?: string[];
+    defaultValue?: string[];
+    onChange?: (value: string[]) => void;
+    multiple?: boolean;
+    children: ReactNode;
+    className?: string;
+};
+type SelectTriggerVariantProps = VariantProps<typeof selectTriggerVariants>;
+type SelectTriggerProps = SelectTriggerVariantProps & Omit<ButtonHTMLAttributes<HTMLButtonElement>, "size"> & {
+    className?: string;
+};
+type SelectContentProps = HTMLAttributes<HTMLDivElement> & {
+    className?: string;
+    appearance?: SelectAppearance;
+    size?: "sm" | "md" | "lg";
+    spacing?: "none" | "default" | "sm" | "md" | "lg" | "xl";
+};
+type SelectItemProps = HTMLAttributes<HTMLDivElement> & {
+    value: string;
+    children: ReactNode;
+    disabled?: boolean;
+    appearance?: SelectAppearance;
+};
+type SelectValueProps = HTMLAttributes<HTMLSpanElement> & {
+    placeholder?: ReactNode;
+};
+
+declare const SelectContext: react.Context<SelectContextType | null>;
+declare const useSelect: () => SelectContextType;
+declare const Select: ({ children, value, defaultValue, onChange, multiple, }: SelectProps) => react_jsx_runtime.JSX.Element;
+declare const SelectTrigger: ({ className, variant, size, ...props }: SelectTriggerProps) => react_jsx_runtime.JSX.Element;
+declare const SelectValue: ({ placeholder, className, ...props }: SelectValueProps) => react_jsx_runtime.JSX.Element;
+declare const SelectContent: ({ children, className, appearance, size, spacing, ...props }: SelectContentProps) => react_jsx_runtime.JSX.Element | null;
+declare const SelectItem: ({ value, children, disabled, appearance, className, ...props }: SelectItemProps) => react_jsx_runtime.JSX.Element;
+
+export { Select, SelectContent, type SelectContentProps, SelectContext, type SelectContextType, SelectItem, type SelectItemProps, type SelectOption, type SelectProps, SelectTrigger, type SelectTriggerProps, SelectValue, type SelectValueProps, selectContentVariants, selectItemVariants, selectTriggerVariants, useSelect };

package/dist/ui/select.d.ts

@@ -0,0 +1,73 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as react from 'react';
+import { ReactNode, HTMLAttributes, ButtonHTMLAttributes } from 'react';
+import { VariantProps } from 'class-variance-authority';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+
+declare const selectTriggerVariants: (props?: ({
+    variant?: "default" | "outline" | "ghost" | "sky" | "rose" | "purple" | "pink" | "orange" | "yellow" | "teal" | "indigo" | "emerald" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange" | "glass" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const selectItemVariants: (props?: ({
+    appearance?: "default" | "outline" | "ghost" | "sky" | "rose" | "purple" | "pink" | "orange" | "yellow" | "teal" | "indigo" | "emerald" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange" | "glass" | null | undefined;
+    disabled?: boolean | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const selectContentVariants: (props?: ({
+    appearance?: "default" | "outline" | "ghost" | "sky" | "rose" | "purple" | "pink" | "orange" | "yellow" | "teal" | "indigo" | "emerald" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange" | "glass" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+    spacing?: "none" | "default" | "sm" | "md" | "lg" | "xl" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+
+type SelectOption = {
+    label: ReactNode;
+    value: string;
+    disabled?: boolean;
+};
+type SelectAppearance = "default" | "glass" | "ghost" | "outline" | "sky" | "rose" | "purple" | "pink" | "orange" | "yellow" | "teal" | "indigo" | "emerald" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange";
+type SelectContextType = {
+    open: boolean;
+    setOpen: (v: boolean) => void;
+    selected: string[];
+    toggleValue: (value: string) => void;
+    isSelected: (value: string) => boolean;
+    registerOption: (option: SelectOption) => void;
+    options: SelectOption[];
+    multiple: boolean;
+};
+type SelectProps = {
+    value?: string[];
+    defaultValue?: string[];
+    onChange?: (value: string[]) => void;
+    multiple?: boolean;
+    children: ReactNode;
+    className?: string;
+};
+type SelectTriggerVariantProps = VariantProps<typeof selectTriggerVariants>;
+type SelectTriggerProps = SelectTriggerVariantProps & Omit<ButtonHTMLAttributes<HTMLButtonElement>, "size"> & {
+    className?: string;
+};
+type SelectContentProps = HTMLAttributes<HTMLDivElement> & {
+    className?: string;
+    appearance?: SelectAppearance;
+    size?: "sm" | "md" | "lg";
+    spacing?: "none" | "default" | "sm" | "md" | "lg" | "xl";
+};
+type SelectItemProps = HTMLAttributes<HTMLDivElement> & {
+    value: string;
+    children: ReactNode;
+    disabled?: boolean;
+    appearance?: SelectAppearance;
+};
+type SelectValueProps = HTMLAttributes<HTMLSpanElement> & {
+    placeholder?: ReactNode;
+};
+
+declare const SelectContext: react.Context<SelectContextType | null>;
+declare const useSelect: () => SelectContextType;
+declare const Select: ({ children, value, defaultValue, onChange, multiple, }: SelectProps) => react_jsx_runtime.JSX.Element;
+declare const SelectTrigger: ({ className, variant, size, ...props }: SelectTriggerProps) => react_jsx_runtime.JSX.Element;
+declare const SelectValue: ({ placeholder, className, ...props }: SelectValueProps) => react_jsx_runtime.JSX.Element;
+declare const SelectContent: ({ children, className, appearance, size, spacing, ...props }: SelectContentProps) => react_jsx_runtime.JSX.Element | null;
+declare const SelectItem: ({ value, children, disabled, appearance, className, ...props }: SelectItemProps) => react_jsx_runtime.JSX.Element;
+
+export { Select, SelectContent, type SelectContentProps, SelectContext, type SelectContextType, SelectItem, type SelectItemProps, type SelectOption, type SelectProps, SelectTrigger, type SelectTriggerProps, SelectValue, type SelectValueProps, selectContentVariants, selectItemVariants, selectTriggerVariants, useSelect };