ml-uikit 1.1.6 → 1.1.8

package/dist/index.es47.js

@@ -1,102 +1,195 @@
-import * as e from "react";
-import * as t from "@radix-ui/react-dialog";
-import { cva as d } from "class-variance-authority";
-import { X as m } from "lucide-react";
-import { cn as r } from "./index.es60.js";
-const S = t.Root, v = t.Trigger, w = t.Close, c = t.Portal, n = e.forwardRef(({ className: a, ...o }, s) => /* @__PURE__ */ e.createElement(
-  t.Overlay,
+import { j as e } from "./index.es62.js";
+import * as l from "react";
+import * as t from "@radix-ui/react-select";
+import { ChevronDown as b, Search as I, Check as P, ChevronUp as V } from "lucide-react";
+import { cn as i } from "./index.es63.js";
+const A = t.Root, K = t.Group, G = t.Value, k = l.forwardRef(({ className: a, children: s, ...o }, n) => /* @__PURE__ */ e.jsxs(
+  t.Trigger,
   {
-    className: r(
-      "fixed inset-0 z-50 bg-black/80  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+    ref: n,
+    className: i(
+      "flex h-10 w-full items-center justify-between whitespace-nowrap rounded-[8px] border border-[#e6e6e6] bg-white px-3 py-2 text-[14px] leading-[20px] text-[#111111] shadow-none",
+      "data-[placeholder]:text-[#b3b3b3] [&>span]:line-clamp-1",
+      "focus-visible:outline-none focus-visible:border-[#1D1C20] data-[state=open]:border-[#1D1C20]",
+      "disabled:cursor-not-allowed disabled:bg-[#f2f2f2] disabled:text-[#9ca3af] disabled:data-[placeholder]:text-[#b3b3b3]",
+      "aria-invalid:border-[#ff3b30] aria-invalid:focus-visible:border-[#ff3b30]",
       a
     ),
     ...o,
-    ref: s
+    children: [
+      s,
+      /* @__PURE__ */ e.jsx(t.Icon, { asChild: !0, children: /* @__PURE__ */ e.jsx(b, { className: "h-4 w-4 text-[#7f7d83]" }) })
+    ]
   }
 ));
-n.displayName = t.Overlay.displayName;
-const f = d(
-  "fixed z-50 gap-4 bg-background p-6 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500 data-[state=open]:animate-in data-[state=closed]:animate-out",
+k.displayName = t.Trigger.displayName;
+const w = l.forwardRef(({ className: a, ...s }, o) => /* @__PURE__ */ e.jsx(
+  t.ScrollUpButton,
   {
-    variants: {
-      side: {
-        top: "inset-x-0 top-0 border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top",
-        bottom: "inset-x-0 bottom-0 border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom",
-        left: "inset-y-0 left-0 h-full w-3/4 border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm",
-        right: "inset-y-0 right-0 h-full w-3/4 border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-sm"
-      }
-    },
-    defaultVariants: {
-      side: "right"
-    }
-  }
-), p = e.forwardRef(({ side: a = "right", className: o, children: s, ...i }, l) => /* @__PURE__ */ e.createElement(c, null, /* @__PURE__ */ e.createElement(n, null), /* @__PURE__ */ e.createElement(
-  t.Content,
-  {
-    ref: l,
-    className: r(f({ side: a }), o),
-    ...i
-  },
-  /* @__PURE__ */ e.createElement(t.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-secondary" }, /* @__PURE__ */ e.createElement(m, { className: "h-4 w-4" }), /* @__PURE__ */ e.createElement("span", { className: "sr-only" }, "Close")),
-  s
-)));
-p.displayName = t.Content.displayName;
-const u = ({
-  className: a,
-  ...o
-}) => /* @__PURE__ */ e.createElement(
-  "div",
-  {
-    className: r(
-      "flex flex-col space-y-2 text-center sm:text-left",
+    ref: o,
+    className: i(
+      "flex cursor-default items-center justify-center py-1 text-[#7f7d83]",
       a
     ),
-    ...o
+    ...s,
+    children: /* @__PURE__ */ e.jsx(V, { className: "h-4 w-4" })
   }
-);
-u.displayName = "SheetHeader";
-const g = ({
-  className: a,
-  ...o
-}) => /* @__PURE__ */ e.createElement(
-  "div",
+));
+w.displayName = t.ScrollUpButton.displayName;
+const y = l.forwardRef(({ className: a, ...s }, o) => /* @__PURE__ */ e.jsx(
+  t.ScrollDownButton,
   {
-    className: r(
-      "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
+    ref: o,
+    className: i(
+      "flex cursor-default items-center justify-center py-1 text-[#7f7d83]",
       a
     ),
-    ...o
+    ...s,
+    children: /* @__PURE__ */ e.jsx(b, { className: "h-4 w-4" })
+  }
+));
+y.displayName = t.ScrollDownButton.displayName;
+const g = l.createContext({
+  enabled: !1,
+  query: ""
+}), m = (a) => typeof a == "string" || typeof a == "number" ? String(a) : Array.isArray(a) ? a.map(m).join(" ") : l.isValidElement(a) ? m(a.props.children) : "", B = l.forwardRef(
+  ({
+    className: a,
+    children: s,
+    position: o = "popper",
+    enableSearch: n = !1,
+    searchPlaceholder: c = "Search...",
+    searchValue: d,
+    onSearchValueChange: p,
+    ...f
+  }, N) => {
+    const [j, S] = l.useState(""), C = l.useRef(null), v = l.useCallback(
+      (r) => {
+        C.current = r, !(!r || !n) && window.requestAnimationFrame(() => {
+          r.focus();
+        });
+      },
+      [n]
+    ), x = d ?? j, u = x.trim().toLowerCase(), R = l.useMemo(
+      () => ({
+        enabled: n,
+        query: u
+      }),
+      [n, u]
+    ), D = (r) => {
+      const h = r.target.value;
+      d === void 0 && S(h), p?.(h);
+    };
+    return /* @__PURE__ */ e.jsx(t.Portal, { children: /* @__PURE__ */ e.jsxs(
+      t.Content,
+      {
+        ref: N,
+        className: i(
+          "relative z-50 max-h-[--radix-select-content-available-height] min-w-[8rem] overflow-y-auto overflow-x-hidden rounded-[8px] border border-[#e6e6e6] bg-white text-[#111111] shadow-sm",
+          "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-select-content-transform-origin]",
+          o === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
+          a
+        ),
+        position: o,
+        ...f,
+        children: [
+          /* @__PURE__ */ e.jsx(w, {}),
+          n ? /* @__PURE__ */ e.jsx("div", { className: "border-b border-[#e6e6e6] p-1", children: /* @__PURE__ */ e.jsxs("div", { className: "flex h-9 items-center gap-2 rounded-[6px] border border-[#e6e6e6] px-2", children: [
+            /* @__PURE__ */ e.jsx(I, { className: "h-4 w-4 text-[#7f7d83]" }),
+            /* @__PURE__ */ e.jsx(
+              "input",
+              {
+                ref: v,
+                type: "text",
+                value: x,
+                onChange: D,
+                onClick: (r) => {
+                  r.stopPropagation();
+                },
+                onPointerDown: (r) => {
+                  r.stopPropagation();
+                },
+                onKeyDownCapture: (r) => {
+                  r.key !== "Escape" && r.stopPropagation();
+                },
+                onKeyUpCapture: (r) => {
+                  r.stopPropagation();
+                },
+                onKeyDown: (r) => {
+                  r.key !== "Escape" && r.stopPropagation();
+                },
+                placeholder: c,
+                "aria-label": "Search options",
+                className: "h-full w-full border-0 bg-transparent text-[14px] leading-[20px] text-[#111111] outline-none placeholder:text-[#b3b3b3]"
+              }
+            )
+          ] }) }) : null,
+          /* @__PURE__ */ e.jsx(
+            t.Viewport,
+            {
+              className: i(
+                "p-1",
+                o === "popper" && "w-full min-w-[var(--radix-select-trigger-width)]"
+              ),
+              children: /* @__PURE__ */ e.jsx(g.Provider, { value: R, children: s })
+            }
+          ),
+          /* @__PURE__ */ e.jsx(y, {})
+        ]
+      }
+    ) });
   }
 );
-g.displayName = "SheetFooter";
-const h = e.forwardRef(({ className: a, ...o }, s) => /* @__PURE__ */ e.createElement(
-  t.Title,
+B.displayName = t.Content.displayName;
+const L = l.forwardRef(({ className: a, ...s }, o) => /* @__PURE__ */ e.jsx(
+  t.Label,
   {
-    ref: s,
-    className: r("text-lg font-semibold text-foreground", a),
-    ...o
+    ref: o,
+    className: i("px-2 py-1 text-[12px] font-medium text-[#7f7d83]", a),
+    ...s
   }
 ));
-h.displayName = t.Title.displayName;
-const y = e.forwardRef(({ className: a, ...o }, s) => /* @__PURE__ */ e.createElement(
-  t.Description,
+L.displayName = t.Label.displayName;
+const T = l.forwardRef(({ className: a, children: s, ...o }, n) => {
+  const { enabled: c, query: d } = l.useContext(g), p = m(s).toLowerCase(), f = c && d.length > 0 && !p.includes(d);
+  return /* @__PURE__ */ e.jsxs(
+    t.Item,
+    {
+      ref: n,
+      className: i(
+        "relative flex w-full cursor-default select-none items-center rounded-[6px] py-2 pl-2 pr-8 text-[14px] leading-[20px] outline-none",
+        "focus:bg-[#f1f1f1] focus:text-[#111111] data-[state=checked]:bg-[#f1f1f1] data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+        f && "hidden",
+        a
+      ),
+      ...o,
+      children: [
+        /* @__PURE__ */ e.jsx("span", { className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ e.jsx(t.ItemIndicator, { children: /* @__PURE__ */ e.jsx(P, { className: "h-4 w-4 text-[#26453f]" }) }) }),
+        /* @__PURE__ */ e.jsx(t.ItemText, { children: s })
+      ]
+    }
+  );
+});
+T.displayName = t.Item.displayName;
+const U = l.forwardRef(({ className: a, ...s }, o) => /* @__PURE__ */ e.jsx(
+  t.Separator,
   {
-    ref: s,
-    className: r("text-sm text-muted-foreground", a),
-    ...o
+    ref: o,
+    className: i("-mx-1 my-1 h-px bg-[#e6e6e6]", a),
+    ...s
   }
 ));
-y.displayName = t.Description.displayName;
+U.displayName = t.Separator.displayName;
 export {
-  S as Sheet,
-  w as SheetClose,
-  p as SheetContent,
-  y as SheetDescription,
-  g as SheetFooter,
-  u as SheetHeader,
-  n as SheetOverlay,
-  c as SheetPortal,
-  h as SheetTitle,
-  v as SheetTrigger
+  A as Select,
+  B as SelectContent,
+  K as SelectGroup,
+  T as SelectItem,
+  L as SelectLabel,
+  y as SelectScrollDownButton,
+  w as SelectScrollUpButton,
+  U as SelectSeparator,
+  k as SelectTrigger,
+  G as SelectValue
 };
 //# sourceMappingURL=index.es47.js.map

package/dist/index.es47.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es47.js","sources":["../src/components/ui/sheet.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport * as SheetPrimitive from \"@radix-ui/react-dialog\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\nimport { X } from \"lucide-react\"\n\nimport { cn } from \"@/lib/utils\"\n\nconst Sheet = SheetPrimitive.Root\n\nconst SheetTrigger = SheetPrimitive.Trigger\n\nconst SheetClose = SheetPrimitive.Close\n\nconst SheetPortal = SheetPrimitive.Portal\n\nconst SheetOverlay = React.forwardRef<\n  React.ElementRef<typeof SheetPrimitive.Overlay>,\n  React.ComponentPropsWithoutRef<typeof SheetPrimitive.Overlay>\n>(({ className, ...props }, ref) => (\n  <SheetPrimitive.Overlay\n    className={cn(\n      \"fixed inset-0 z-50 bg-black/80  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0\",\n      className\n    )}\n    {...props}\n    ref={ref}\n  />\n))\nSheetOverlay.displayName = SheetPrimitive.Overlay.displayName\n\nconst sheetVariants = cva(\n  \"fixed z-50 gap-4 bg-background p-6 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500 data-[state=open]:animate-in data-[state=closed]:animate-out\",\n  {\n    variants: {\n      side: {\n        top: \"inset-x-0 top-0 border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top\",\n        bottom:\n          \"inset-x-0 bottom-0 border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom\",\n        left: \"inset-y-0 left-0 h-full w-3/4 border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm\",\n        right:\n          \"inset-y-0 right-0 h-full w-3/4 border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-sm\",\n      },\n    },\n    defaultVariants: {\n      side: \"right\",\n    },\n  }\n)\n\ninterface SheetContentProps\n  extends React.ComponentPropsWithoutRef<typeof SheetPrimitive.Content>,\n    VariantProps<typeof sheetVariants> {}\n\nconst SheetContent = React.forwardRef<\n  React.ElementRef<typeof SheetPrimitive.Content>,\n  SheetContentProps\n>(({ side = \"right\", className, children, ...props }, ref) => (\n  <SheetPortal>\n    <SheetOverlay />\n    <SheetPrimitive.Content\n      ref={ref}\n      className={cn(sheetVariants({ side }), className)}\n      {...props}\n    >\n      <SheetPrimitive.Close className=\"absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-secondary\">\n        <X className=\"h-4 w-4\" />\n        <span className=\"sr-only\">Close</span>\n      </SheetPrimitive.Close>\n      {children}\n    </SheetPrimitive.Content>\n  </SheetPortal>\n))\nSheetContent.displayName = SheetPrimitive.Content.displayName\n\nconst SheetHeader = ({\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLDivElement>) => (\n  <div\n    className={cn(\n      \"flex flex-col space-y-2 text-center sm:text-left\",\n      className\n    )}\n    {...props}\n  />\n)\nSheetHeader.displayName = \"SheetHeader\"\n\nconst SheetFooter = ({\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLDivElement>) => (\n  <div\n    className={cn(\n      \"flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2\",\n      className\n    )}\n    {...props}\n  />\n)\nSheetFooter.displayName = \"SheetFooter\"\n\nconst SheetTitle = React.forwardRef<\n  React.ElementRef<typeof SheetPrimitive.Title>,\n  React.ComponentPropsWithoutRef<typeof SheetPrimitive.Title>\n>(({ className, ...props }, ref) => (\n  <SheetPrimitive.Title\n    ref={ref}\n    className={cn(\"text-lg font-semibold text-foreground\", className)}\n    {...props}\n  />\n))\nSheetTitle.displayName = SheetPrimitive.Title.displayName\n\nconst SheetDescription = React.forwardRef<\n  React.ElementRef<typeof SheetPrimitive.Description>,\n  React.ComponentPropsWithoutRef<typeof SheetPrimitive.Description>\n>(({ className, ...props }, ref) => (\n  <SheetPrimitive.Description\n    ref={ref}\n    className={cn(\"text-sm text-muted-foreground\", className)}\n    {...props}\n  />\n))\nSheetDescription.displayName = SheetPrimitive.Description.displayName\n\nexport {\n  Sheet,\n  SheetPortal,\n  SheetOverlay,\n  SheetTrigger,\n  SheetClose,\n  SheetContent,\n  SheetHeader,\n  SheetFooter,\n  SheetTitle,\n  SheetDescription,\n}\n"],"names":["Sheet","SheetPrimitive","SheetTrigger","SheetClose","SheetPortal","SheetOverlay","React","className","props","ref","cn","sheetVariants","cva","SheetContent","side","children","X","SheetHeader","SheetFooter","SheetTitle","SheetDescription"],"mappings":";;;;;AASA,MAAMA,IAAQC,EAAe,MAEvBC,IAAeD,EAAe,SAE9BE,IAAaF,EAAe,OAE5BG,IAAcH,EAAe,QAE7BI,IAAeC,EAAM,WAGzB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAH,EAAA;AAAA,EAACL,EAAe;AAAA,EAAf;AAAA,IACC,WAAWS;AAAA,MACT;AAAA,MACAH;AAAA,IAAA;AAAA,IAED,GAAGC;AAAA,IACJ,KAAAC;AAAA,EAAA;AACF,CACD;AACDJ,EAAa,cAAcJ,EAAe,QAAQ;AAElD,MAAMU,IAAgBC;AAAA,EACpB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,KAAK;AAAA,QACL,QACE;AAAA,QACF,MAAM;AAAA,QACN,OACE;AAAA,MAAA;AAAA,IACJ;AAAA,IAEF,iBAAiB;AAAA,MACf,MAAM;AAAA,IAAA;AAAA,EACR;AAEJ,GAMMC,IAAeP,EAAM,WAGzB,CAAC,EAAE,MAAAQ,IAAO,SAAS,WAAAP,GAAW,UAAAQ,GAAU,GAAGP,KAASC,sCACnDL,GAAA,MACC,gBAAAE,EAAA,cAACD,OAAa,GACd,gBAAAC,EAAA;AAAA,EAACL,EAAe;AAAA,EAAf;AAAA,IACC,KAAAQ;AAAA,IACA,WAAWC,EAAGC,EAAc,EAAE,MAAAG,EAAA,CAAM,GAAGP,CAAS;AAAA,IAC/C,GAAGC;AAAA,EAAA;AAAA,kCAEHP,EAAe,OAAf,EAAqB,WAAU,8OAC9B,gBAAAK,EAAA,cAACU,GAAA,EAAE,WAAU,UAAA,CAAU,GACvB,gBAAAV,EAAA,cAAC,QAAA,EAAK,WAAU,aAAU,OAAK,CACjC;AAAA,EACCS;AACH,CACF,CACD;AACDF,EAAa,cAAcZ,EAAe,QAAQ;AAElD,MAAMgB,IAAc,CAAC;AAAA,EACnB,WAAAV;AAAA,EACA,GAAGC;AACL,MACE,gBAAAF,EAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWI;AAAA,MACT;AAAA,MACAH;AAAA,IAAA;AAAA,IAED,GAAGC;AAAA,EAAA;AACN;AAEFS,EAAY,cAAc;AAE1B,MAAMC,IAAc,CAAC;AAAA,EACnB,WAAAX;AAAA,EACA,GAAGC;AACL,MACE,gBAAAF,EAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWI;AAAA,MACT;AAAA,MACAH;AAAA,IAAA;AAAA,IAED,GAAGC;AAAA,EAAA;AACN;AAEFU,EAAY,cAAc;AAE1B,MAAMC,IAAab,EAAM,WAGvB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAH,EAAA;AAAA,EAACL,EAAe;AAAA,EAAf;AAAA,IACC,KAAAQ;AAAA,IACA,WAAWC,EAAG,yCAAyCH,CAAS;AAAA,IAC/D,GAAGC;AAAA,EAAA;AACN,CACD;AACDW,EAAW,cAAclB,EAAe,MAAM;AAE9C,MAAMmB,IAAmBd,EAAM,WAG7B,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAH,EAAA;AAAA,EAACL,EAAe;AAAA,EAAf;AAAA,IACC,KAAAQ;AAAA,IACA,WAAWC,EAAG,iCAAiCH,CAAS;AAAA,IACvD,GAAGC;AAAA,EAAA;AACN,CACD;AACDY,EAAiB,cAAcnB,EAAe,YAAY;"}
+{"version":3,"file":"index.es47.js","sources":["../src/components/ui/select.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport * as SelectPrimitive from \"@radix-ui/react-select\"\nimport { Check, ChevronDown, ChevronUp, Search } from \"lucide-react\"\n\nimport { cn } from \"@/lib/utils\"\n\nconst Select = SelectPrimitive.Root\n\nconst SelectGroup = SelectPrimitive.Group\n\nconst SelectValue = SelectPrimitive.Value\n\nconst SelectTrigger = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.Trigger>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Trigger>\n>(({ className, children, ...props }, ref) => (\n  <SelectPrimitive.Trigger\n    ref={ref}\n    className={cn(\n      \"flex h-10 w-full items-center justify-between whitespace-nowrap rounded-[8px] border border-[#e6e6e6] bg-white px-3 py-2 text-[14px] leading-[20px] text-[#111111] shadow-none\",\n      \"data-[placeholder]:text-[#b3b3b3] [&>span]:line-clamp-1\",\n      \"focus-visible:outline-none focus-visible:border-[#1D1C20] data-[state=open]:border-[#1D1C20]\",\n      \"disabled:cursor-not-allowed disabled:bg-[#f2f2f2] disabled:text-[#9ca3af] disabled:data-[placeholder]:text-[#b3b3b3]\",\n      \"aria-invalid:border-[#ff3b30] aria-invalid:focus-visible:border-[#ff3b30]\",\n      className\n    )}\n    {...props}\n  >\n    {children}\n    <SelectPrimitive.Icon asChild>\n      <ChevronDown className=\"h-4 w-4 text-[#7f7d83]\" />\n    </SelectPrimitive.Icon>\n  </SelectPrimitive.Trigger>\n))\nSelectTrigger.displayName = SelectPrimitive.Trigger.displayName\n\nconst SelectScrollUpButton = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.ScrollUpButton>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.ScrollUpButton>\n>(({ className, ...props }, ref) => (\n  <SelectPrimitive.ScrollUpButton\n    ref={ref}\n    className={cn(\n      \"flex cursor-default items-center justify-center py-1 text-[#7f7d83]\",\n      className\n    )}\n    {...props}\n  >\n    <ChevronUp className=\"h-4 w-4\" />\n  </SelectPrimitive.ScrollUpButton>\n))\nSelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName\n\nconst SelectScrollDownButton = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.ScrollDownButton>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.ScrollDownButton>\n>(({ className, ...props }, ref) => (\n  <SelectPrimitive.ScrollDownButton\n    ref={ref}\n    className={cn(\n      \"flex cursor-default items-center justify-center py-1 text-[#7f7d83]\",\n      className\n    )}\n    {...props}\n  >\n    <ChevronDown className=\"h-4 w-4\" />\n  </SelectPrimitive.ScrollDownButton>\n))\nSelectScrollDownButton.displayName =\n  SelectPrimitive.ScrollDownButton.displayName\n\ntype SelectContentProps = React.ComponentPropsWithoutRef<\n  typeof SelectPrimitive.Content\n> & {\n  enableSearch?: boolean\n  searchPlaceholder?: string\n  searchValue?: string\n  onSearchValueChange?: (value: string) => void\n}\n\ntype SelectSearchContextValue = {\n  enabled: boolean\n  query: string\n}\n\nconst SelectSearchContext = React.createContext<SelectSearchContextValue>({\n  enabled: false,\n  query: \"\",\n})\n\nconst getNodeText = (node: React.ReactNode): string => {\n  if (typeof node === \"string\" || typeof node === \"number\") {\n    return String(node)\n  }\n\n  if (Array.isArray(node)) {\n    return node.map(getNodeText).join(\" \")\n  }\n\n  if (React.isValidElement(node)) {\n    const element = node as React.ReactElement<{ children?: React.ReactNode }>\n    return getNodeText(element.props.children)\n  }\n\n  return \"\"\n}\n\nconst SelectContent = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.Content>,\n  SelectContentProps\n>(\n  (\n    {\n      className,\n      children,\n      position = \"popper\",\n      enableSearch = false,\n      searchPlaceholder = \"Search...\",\n      searchValue,\n      onSearchValueChange,\n      ...props\n    },\n    ref\n  ) => {\n    const [localSearchValue, setLocalSearchValue] = React.useState(\"\")\n    const searchInputRef = React.useRef<HTMLInputElement | null>(null)\n    const setSearchInputRef = React.useCallback(\n      (node: HTMLInputElement | null) => {\n        searchInputRef.current = node\n        if (!node || !enableSearch) {\n          return\n        }\n        window.requestAnimationFrame(() => {\n          node.focus()\n        })\n      },\n      [enableSearch]\n    )\n\n    const currentSearchValue = searchValue ?? localSearchValue\n    const normalizedSearchValue = currentSearchValue.trim().toLowerCase()\n    const searchContextValue = React.useMemo(\n      () => ({\n        enabled: enableSearch,\n        query: normalizedSearchValue,\n      }),\n      [enableSearch, normalizedSearchValue]\n    )\n\n    const handleSearchChange: React.ChangeEventHandler<HTMLInputElement> = (\n      event\n    ) => {\n      const nextValue = event.target.value\n      if (searchValue === undefined) {\n        setLocalSearchValue(nextValue)\n      }\n      onSearchValueChange?.(nextValue)\n    }\n\n    return (\n      <SelectPrimitive.Portal>\n        <SelectPrimitive.Content\n          ref={ref}\n          className={cn(\n            \"relative z-50 max-h-[--radix-select-content-available-height] min-w-[8rem] overflow-y-auto overflow-x-hidden rounded-[8px] border border-[#e6e6e6] bg-white text-[#111111] shadow-sm\",\n            \"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-select-content-transform-origin]\",\n            position === \"popper\" &&\n              \"data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1\",\n            className\n          )}\n          position={position}\n          {...props}\n        >\n          <SelectScrollUpButton />\n          {enableSearch ? (\n            <div className=\"border-b border-[#e6e6e6] p-1\">\n              <div className=\"flex h-9 items-center gap-2 rounded-[6px] border border-[#e6e6e6] px-2\">\n                <Search className=\"h-4 w-4 text-[#7f7d83]\" />\n                <input\n                  ref={setSearchInputRef}\n                  type=\"text\"\n                  value={currentSearchValue}\n                  onChange={handleSearchChange}\n                  onClick={(event) => {\n                    event.stopPropagation()\n                  }}\n                  onPointerDown={(event) => {\n                    event.stopPropagation()\n                  }}\n                  onKeyDownCapture={(event) => {\n                    if (event.key !== \"Escape\") {\n                      event.stopPropagation()\n                    }\n                  }}\n                  onKeyUpCapture={(event) => {\n                    event.stopPropagation()\n                  }}\n                  onKeyDown={(event) => {\n                    if (event.key !== \"Escape\") {\n                      event.stopPropagation()\n                    }\n                  }}\n                  placeholder={searchPlaceholder}\n                  aria-label=\"Search options\"\n                  className=\"h-full w-full border-0 bg-transparent text-[14px] leading-[20px] text-[#111111] outline-none placeholder:text-[#b3b3b3]\"\n                />\n              </div>\n            </div>\n          ) : null}\n          <SelectPrimitive.Viewport\n            className={cn(\n              \"p-1\",\n              position === \"popper\" &&\n                \"w-full min-w-[var(--radix-select-trigger-width)]\"\n            )}\n          >\n            <SelectSearchContext.Provider value={searchContextValue}>\n              {children}\n            </SelectSearchContext.Provider>\n          </SelectPrimitive.Viewport>\n          <SelectScrollDownButton />\n        </SelectPrimitive.Content>\n      </SelectPrimitive.Portal>\n    )\n  }\n)\nSelectContent.displayName = SelectPrimitive.Content.displayName\n\nconst SelectLabel = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.Label>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Label>\n>(({ className, ...props }, ref) => (\n  <SelectPrimitive.Label\n    ref={ref}\n    className={cn(\"px-2 py-1 text-[12px] font-medium text-[#7f7d83]\", className)}\n    {...props}\n  />\n))\nSelectLabel.displayName = SelectPrimitive.Label.displayName\n\nconst SelectItem = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.Item>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Item>\n>(({ className, children, ...props }, ref) => {\n  const { enabled, query } = React.useContext(SelectSearchContext)\n  const itemText = getNodeText(children).toLowerCase()\n  const isHidden = enabled && query.length > 0 && !itemText.includes(query)\n\n  return (\n    <SelectPrimitive.Item\n      ref={ref}\n      className={cn(\n        \"relative flex w-full cursor-default select-none items-center rounded-[6px] py-2 pl-2 pr-8 text-[14px] leading-[20px] outline-none\",\n        \"focus:bg-[#f1f1f1] focus:text-[#111111] data-[state=checked]:bg-[#f1f1f1] data-[disabled]:pointer-events-none data-[disabled]:opacity-50\",\n        isHidden && \"hidden\",\n        className\n      )}\n      {...props}\n    >\n      <span className=\"absolute right-2 flex h-3.5 w-3.5 items-center justify-center\">\n        <SelectPrimitive.ItemIndicator>\n          <Check className=\"h-4 w-4 text-[#26453f]\" />\n        </SelectPrimitive.ItemIndicator>\n      </span>\n      <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>\n    </SelectPrimitive.Item>\n  )\n})\nSelectItem.displayName = SelectPrimitive.Item.displayName\n\nconst SelectSeparator = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.Separator>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Separator>\n>(({ className, ...props }, ref) => (\n  <SelectPrimitive.Separator\n    ref={ref}\n    className={cn(\"-mx-1 my-1 h-px bg-[#e6e6e6]\", className)}\n    {...props}\n  />\n))\nSelectSeparator.displayName = SelectPrimitive.Separator.displayName\n\nexport {\n  Select,\n  SelectGroup,\n  SelectValue,\n  SelectTrigger,\n  SelectContent,\n  SelectLabel,\n  SelectItem,\n  SelectSeparator,\n  SelectScrollUpButton,\n  SelectScrollDownButton,\n}\n"],"names":["Select","SelectPrimitive","SelectGroup","SelectValue","SelectTrigger","React","className","children","props","ref","jsxs","cn","jsx","ChevronDown","SelectScrollUpButton","ChevronUp","SelectScrollDownButton","SelectSearchContext","getNodeText","node","SelectContent","position","enableSearch","searchPlaceholder","searchValue","onSearchValueChange","localSearchValue","setLocalSearchValue","searchInputRef","setSearchInputRef","currentSearchValue","normalizedSearchValue","searchContextValue","handleSearchChange","event","nextValue","Search","SelectLabel","SelectItem","enabled","query","itemText","isHidden","Check","SelectSeparator"],"mappings":"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"}