@zentauri-ui/zentauri-components 0.0.84 → 0.0.92

package/dist/ui/select.js

@@ -0,0 +1,321 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
+
+var _chunkE5UX537Jjs = require('../chunk-E5UX537J.js');
+
+// src/ui/select/select.tsx
+var _react = require('react');
+
+
+// src/ui/select/variants.ts
+var _classvarianceauthority = require('class-variance-authority');
+var selectTriggerVariants = _classvarianceauthority.cva.call(void 0, 
+  "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 = _classvarianceauthority.cva.call(void 0, 
+  "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 = _classvarianceauthority.cva.call(void 0, 
+  "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 _jsxruntime = require('react/jsx-runtime');
+var SelectContext = _react.createContext.call(void 0, null);
+var useSelect = () => {
+  const ctx = _react.useContext.call(void 0, 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] = _react.useState.call(void 0, defaultValue);
+  const [open, setOpen] = _react.useState.call(void 0, false);
+  const [options, setOptions] = _react.useState.call(void 0, []);
+  const rootRef = _react.useRef.call(void 0, null);
+  const selected = _nullishCoalesce(value, () => ( internal));
+  _react.useEffect.call(void 0, () => {
+    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) {
+      _optionalChain([onChange, 'optionalCall', _ => _(vals)]);
+    } else {
+      setInternal(vals);
+      _optionalChain([onChange, 'optionalCall', _2 => _2(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 = _react.useCallback.call(void 0, (opt) => {
+    setOptions((prev) => {
+      if (prev.find((o) => o.value === opt.value)) return prev;
+      return [...prev, opt];
+    });
+  }, []);
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    SelectContext.Provider,
+    {
+      value: {
+        open,
+        setOpen,
+        selected,
+        toggleValue,
+        isSelected,
+        registerOption,
+        options,
+        multiple
+      },
+      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref: rootRef, className: "relative w-full", children })
+    }
+  );
+};
+var SelectTrigger = ({
+  className,
+  variant,
+  size,
+  ...props
+}) => {
+  const { open, setOpen } = useSelect();
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "button",
+    {
+      type: "button",
+      onClick: () => setOpen(!open),
+      className: _chunkE5UX537Jjs.cn.call(void 0, 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__ */ _jsxruntime.jsx.call(void 0, "span", { className: _chunkE5UX537Jjs.cn.call(void 0, className), ...props, children: placeholder });
+  }
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _chunkE5UX537Jjs.cn.call(void 0, className), ...props, children: selectedOptions.map((option, index) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "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__ */ _jsxruntime.jsx.call(void 0, 
+    "div",
+    {
+      className: _chunkE5UX537Jjs.cn.call(void 0, 
+        selectContentVariants({ appearance, size, spacing }),
+        className
+      ),
+      ...props,
+      children
+    }
+  );
+};
+var SelectItem = ({
+  value,
+  children,
+  disabled,
+  appearance = "default",
+  className,
+  ...props
+}) => {
+  const { toggleValue, isSelected, registerOption } = useSelect();
+  _react.useEffect.call(void 0, () => {
+    registerOption({ label: children, value, disabled });
+  }, [children, disabled, registerOption, value]);
+  const isActive = isSelected(value);
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "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: _chunkE5UX537Jjs.cn.call(void 0, 
+        selectItemVariants({
+          disabled,
+          appearance
+        }),
+        "flex justify-between",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        isActive && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: "\u2713" })
+      ]
+    }
+  );
+};
+
+
+
+
+
+
+
+
+
+
+
+exports.Select = Select; exports.SelectContent = SelectContent; exports.SelectContext = SelectContext; exports.SelectItem = SelectItem; exports.SelectTrigger = SelectTrigger; exports.SelectValue = SelectValue; exports.selectContentVariants = selectContentVariants; exports.selectItemVariants = selectItemVariants; exports.selectTriggerVariants = selectTriggerVariants; exports.useSelect = useSelect;
+//# sourceMappingURL=select.js.map

package/dist/ui/select.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/Users/shubham/Desktop/Repos/NEXT%20JS/zentauri-ui/packages/components/dist/ui/select.js"],"names":[],"mappings":"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","file":"/Users/shubham/Desktop/Repos/NEXT JS/zentauri-ui/packages/components/dist/ui/select.js","sourcesContent":[null]}

package/dist/ui/select.mjs

@@ -0,0 +1,323 @@
+"use client";
+
+import {
+  cn
+} from "../chunk-MEWYFWBX.mjs";
+
+// src/ui/select/select.tsx
+import { useState, useEffect, useCallback, useRef } from "react";
+import { createContext, useContext } from "react";
+
+// src/ui/select/variants.ts
+import { cva } from "class-variance-authority";
+var selectTriggerVariants = 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 = 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 = 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
+import { jsx, jsxs } from "react/jsx-runtime";
+var SelectContext = createContext(null);
+var useSelect = () => {
+  const ctx = 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] = useState(defaultValue);
+  const [open, setOpen] = useState(false);
+  const [options, setOptions] = useState([]);
+  const rootRef = useRef(null);
+  const selected = value ?? internal;
+  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 = useCallback((opt) => {
+    setOptions((prev) => {
+      if (prev.find((o) => o.value === opt.value)) return prev;
+      return [...prev, opt];
+    });
+  }, []);
+  return /* @__PURE__ */ jsx(
+    SelectContext.Provider,
+    {
+      value: {
+        open,
+        setOpen,
+        selected,
+        toggleValue,
+        isSelected,
+        registerOption,
+        options,
+        multiple
+      },
+      children: /* @__PURE__ */ jsx("div", { ref: rootRef, className: "relative w-full", children })
+    }
+  );
+};
+var SelectTrigger = ({
+  className,
+  variant,
+  size,
+  ...props
+}) => {
+  const { open, setOpen } = useSelect();
+  return /* @__PURE__ */ 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__ */ jsx("span", { className: cn(className), ...props, children: placeholder });
+  }
+  return /* @__PURE__ */ jsx("span", { className: cn(className), ...props, children: selectedOptions.map((option, index) => /* @__PURE__ */ 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__ */ 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();
+  useEffect(() => {
+    registerOption({ label: children, value, disabled });
+  }, [children, disabled, registerOption, value]);
+  const isActive = isSelected(value);
+  return /* @__PURE__ */ 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__ */ jsx("span", { children: "\u2713" })
+      ]
+    }
+  );
+};
+export {
+  Select,
+  SelectContent,
+  SelectContext,
+  SelectItem,
+  SelectTrigger,
+  SelectValue,
+  selectContentVariants,
+  selectItemVariants,
+  selectTriggerVariants,
+  useSelect
+};
+//# sourceMappingURL=select.mjs.map