ml-uikit 1.1.6 → 1.1.8

package/dist/index.es23.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es23.js","sources":["../src/components/ui/dropdown-menu.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport * as DropdownMenuPrimitive from \"@radix-ui/react-dropdown-menu\"\nimport { Check, ChevronRight, Circle } from \"lucide-react\"\n\nimport { cn } from \"@/lib/utils\"\n\nconst DropdownMenu = DropdownMenuPrimitive.Root\n\nconst DropdownMenuTrigger = DropdownMenuPrimitive.Trigger\n\nconst DropdownMenuGroup = DropdownMenuPrimitive.Group\n\nconst DropdownMenuPortal = DropdownMenuPrimitive.Portal\n\nconst DropdownMenuSub = DropdownMenuPrimitive.Sub\n\nconst DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup\n\nconst DropdownMenuSubTrigger = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.SubTrigger>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubTrigger> & {\n    inset?: boolean\n  }\n>(({ className, inset, children, ...props }, ref) => (\n  <DropdownMenuPrimitive.SubTrigger\n    ref={ref}\n    className={cn(\n      \"flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0\",\n      inset && \"pl-8\",\n      className\n    )}\n    {...props}\n  >\n    {children}\n    <ChevronRight className=\"ml-auto\" />\n  </DropdownMenuPrimitive.SubTrigger>\n))\nDropdownMenuSubTrigger.displayName =\n  DropdownMenuPrimitive.SubTrigger.displayName\n\nconst DropdownMenuSubContent = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.SubContent>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubContent>\n>(({ className, ...props }, ref) => (\n  <DropdownMenuPrimitive.SubContent\n    ref={ref}\n    className={cn(\n      \"z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg 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-dropdown-menu-content-transform-origin]\",\n      className\n    )}\n    {...props}\n  />\n))\nDropdownMenuSubContent.displayName =\n  DropdownMenuPrimitive.SubContent.displayName\n\nconst DropdownMenuContent = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Content>\n>(({ className, sideOffset = 4, ...props }, ref) => (\n  <DropdownMenuPrimitive.Portal>\n    <DropdownMenuPrimitive.Content\n      ref={ref}\n      sideOffset={sideOffset}\n      className={cn(\n        \"z-50 max-h-[var(--radix-dropdown-menu-content-available-height)] min-w-[8rem] overflow-y-auto overflow-x-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md\",\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-dropdown-menu-content-transform-origin]\",\n        className\n      )}\n      {...props}\n    />\n  </DropdownMenuPrimitive.Portal>\n))\nDropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName\n\nconst DropdownMenuItem = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.Item>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Item> & {\n    inset?: boolean\n  }\n>(({ className, inset, ...props }, ref) => (\n  <DropdownMenuPrimitive.Item\n    ref={ref}\n    className={cn(\n      \"relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&>svg]:size-4 [&>svg]:shrink-0\",\n      inset && \"pl-8\",\n      className\n    )}\n    {...props}\n  />\n))\nDropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName\n\nconst DropdownMenuCheckboxItem = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.CheckboxItem>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.CheckboxItem>\n>(({ className, children, checked, ...props }, ref) => (\n  <DropdownMenuPrimitive.CheckboxItem\n    ref={ref}\n    className={cn(\n      \"relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50\",\n      className\n    )}\n    checked={checked}\n    {...props}\n  >\n    <span className=\"absolute left-2 flex h-3.5 w-3.5 items-center justify-center\">\n      <DropdownMenuPrimitive.ItemIndicator>\n        <Check className=\"h-4 w-4\" />\n      </DropdownMenuPrimitive.ItemIndicator>\n    </span>\n    {children}\n  </DropdownMenuPrimitive.CheckboxItem>\n))\nDropdownMenuCheckboxItem.displayName =\n  DropdownMenuPrimitive.CheckboxItem.displayName\n\nconst DropdownMenuRadioItem = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.RadioItem>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.RadioItem>\n>(({ className, children, ...props }, ref) => (\n  <DropdownMenuPrimitive.RadioItem\n    ref={ref}\n    className={cn(\n      \"relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50\",\n      className\n    )}\n    {...props}\n  >\n    <span className=\"absolute left-2 flex h-3.5 w-3.5 items-center justify-center\">\n      <DropdownMenuPrimitive.ItemIndicator>\n        <Circle className=\"h-2 w-2 fill-current\" />\n      </DropdownMenuPrimitive.ItemIndicator>\n    </span>\n    {children}\n  </DropdownMenuPrimitive.RadioItem>\n))\nDropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName\n\nconst DropdownMenuLabel = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.Label>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Label> & {\n    inset?: boolean\n  }\n>(({ className, inset, ...props }, ref) => (\n  <DropdownMenuPrimitive.Label\n    ref={ref}\n    className={cn(\n      \"px-2 py-1.5 text-sm font-semibold\",\n      inset && \"pl-8\",\n      className\n    )}\n    {...props}\n  />\n))\nDropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName\n\nconst DropdownMenuSeparator = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.Separator>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Separator>\n>(({ className, ...props }, ref) => (\n  <DropdownMenuPrimitive.Separator\n    ref={ref}\n    className={cn(\"-mx-1 my-1 h-px bg-muted\", className)}\n    {...props}\n  />\n))\nDropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName\n\nconst DropdownMenuShortcut = ({\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLSpanElement>) => {\n  return (\n    <span\n      className={cn(\"ml-auto text-xs tracking-widest opacity-60\", className)}\n      {...props}\n    />\n  )\n}\nDropdownMenuShortcut.displayName = \"DropdownMenuShortcut\"\n\nexport {\n  DropdownMenu,\n  DropdownMenuTrigger,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuCheckboxItem,\n  DropdownMenuRadioItem,\n  DropdownMenuLabel,\n  DropdownMenuSeparator,\n  DropdownMenuShortcut,\n  DropdownMenuGroup,\n  DropdownMenuPortal,\n  DropdownMenuSub,\n  DropdownMenuSubContent,\n  DropdownMenuSubTrigger,\n  DropdownMenuRadioGroup,\n}\n"],"names":["DropdownMenu","DropdownMenuPrimitive","DropdownMenuTrigger","DropdownMenuGroup","DropdownMenuPortal","DropdownMenuSub","DropdownMenuRadioGroup","DropdownMenuSubTrigger","React","className","inset","children","props","ref","cn","ChevronRight","DropdownMenuSubContent","DropdownMenuContent","sideOffset","DropdownMenuItem","DropdownMenuCheckboxItem","checked","Check","DropdownMenuRadioItem","Circle","DropdownMenuLabel","DropdownMenuSeparator","DropdownMenuShortcut"],"mappings":"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"}
+{"version":3,"file":"index.es23.js","sources":["../src/components/ui/dropdown-menu.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport * as DropdownMenuPrimitive from \"@radix-ui/react-dropdown-menu\"\nimport { Check, ChevronRight, Circle } from \"lucide-react\"\n\nimport { cn } from \"@/lib/utils\"\n\nconst DropdownMenu = DropdownMenuPrimitive.Root\n\nconst DropdownMenuTrigger = DropdownMenuPrimitive.Trigger\n\nconst DropdownMenuGroup = DropdownMenuPrimitive.Group\n\nconst DropdownMenuPortal = DropdownMenuPrimitive.Portal\n\nconst DropdownMenuSub = DropdownMenuPrimitive.Sub\n\nconst DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup\n\nconst DropdownMenuSubTrigger = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.SubTrigger>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubTrigger> & {\n    inset?: boolean\n  }\n>(({ className, inset, children, ...props }, ref) => (\n  <DropdownMenuPrimitive.SubTrigger\n    ref={ref}\n    className={cn(\n      \"flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0\",\n      inset && \"pl-8\",\n      className\n    )}\n    {...props}\n  >\n    {children}\n    <ChevronRight className=\"ml-auto\" />\n  </DropdownMenuPrimitive.SubTrigger>\n))\nDropdownMenuSubTrigger.displayName =\n  DropdownMenuPrimitive.SubTrigger.displayName\n\nconst DropdownMenuSubContent = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.SubContent>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubContent>\n>(({ className, ...props }, ref) => (\n  <DropdownMenuPrimitive.SubContent\n    ref={ref}\n    className={cn(\n      \"z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg 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-dropdown-menu-content-transform-origin]\",\n      className\n    )}\n    {...props}\n  />\n))\nDropdownMenuSubContent.displayName =\n  DropdownMenuPrimitive.SubContent.displayName\n\nconst DropdownMenuContent = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Content>\n>(({ className, sideOffset = 4, ...props }, ref) => (\n  <DropdownMenuPrimitive.Portal>\n    <DropdownMenuPrimitive.Content\n      ref={ref}\n      sideOffset={sideOffset}\n      className={cn(\n        \"z-50 max-h-[var(--radix-dropdown-menu-content-available-height)] min-w-[8rem] overflow-y-auto overflow-x-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md\",\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-dropdown-menu-content-transform-origin]\",\n        className\n      )}\n      {...props}\n    />\n  </DropdownMenuPrimitive.Portal>\n))\nDropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName\n\nconst DropdownMenuItem = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.Item>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Item> & {\n    inset?: boolean\n  }\n>(({ className, inset, ...props }, ref) => (\n  <DropdownMenuPrimitive.Item\n    ref={ref}\n    className={cn(\n      \"relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&>svg]:size-4 [&>svg]:shrink-0\",\n      inset && \"pl-8\",\n      className\n    )}\n    {...props}\n  />\n))\nDropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName\n\nconst DropdownMenuCheckboxItem = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.CheckboxItem>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.CheckboxItem>\n>(({ className, children, checked, ...props }, ref) => (\n  <DropdownMenuPrimitive.CheckboxItem\n    ref={ref}\n    className={cn(\n      \"relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50\",\n      className\n    )}\n    checked={checked}\n    {...props}\n  >\n    <span className=\"absolute left-2 flex h-3.5 w-3.5 items-center justify-center\">\n      <DropdownMenuPrimitive.ItemIndicator>\n        <Check className=\"h-4 w-4\" />\n      </DropdownMenuPrimitive.ItemIndicator>\n    </span>\n    {children}\n  </DropdownMenuPrimitive.CheckboxItem>\n))\nDropdownMenuCheckboxItem.displayName =\n  DropdownMenuPrimitive.CheckboxItem.displayName\n\nconst DropdownMenuRadioItem = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.RadioItem>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.RadioItem>\n>(({ className, children, ...props }, ref) => (\n  <DropdownMenuPrimitive.RadioItem\n    ref={ref}\n    className={cn(\n      \"relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50\",\n      className\n    )}\n    {...props}\n  >\n    <span className=\"absolute left-2 flex h-3.5 w-3.5 items-center justify-center\">\n      <DropdownMenuPrimitive.ItemIndicator>\n        <Circle className=\"h-2 w-2 fill-current\" />\n      </DropdownMenuPrimitive.ItemIndicator>\n    </span>\n    {children}\n  </DropdownMenuPrimitive.RadioItem>\n))\nDropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName\n\nconst DropdownMenuLabel = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.Label>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Label> & {\n    inset?: boolean\n  }\n>(({ className, inset, ...props }, ref) => (\n  <DropdownMenuPrimitive.Label\n    ref={ref}\n    className={cn(\n      \"px-2 py-1.5 text-sm font-semibold\",\n      inset && \"pl-8\",\n      className\n    )}\n    {...props}\n  />\n))\nDropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName\n\nconst DropdownMenuSeparator = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.Separator>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Separator>\n>(({ className, ...props }, ref) => (\n  <DropdownMenuPrimitive.Separator\n    ref={ref}\n    className={cn(\"-mx-1 my-1 h-px bg-muted\", className)}\n    {...props}\n  />\n))\nDropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName\n\nconst DropdownMenuShortcut = ({\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLSpanElement>) => {\n  return (\n    <span\n      className={cn(\"ml-auto text-xs tracking-widest opacity-60\", className)}\n      {...props}\n    />\n  )\n}\nDropdownMenuShortcut.displayName = \"DropdownMenuShortcut\"\n\nexport {\n  DropdownMenu,\n  DropdownMenuTrigger,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuCheckboxItem,\n  DropdownMenuRadioItem,\n  DropdownMenuLabel,\n  DropdownMenuSeparator,\n  DropdownMenuShortcut,\n  DropdownMenuGroup,\n  DropdownMenuPortal,\n  DropdownMenuSub,\n  DropdownMenuSubContent,\n  DropdownMenuSubTrigger,\n  DropdownMenuRadioGroup,\n}\n"],"names":["DropdownMenu","DropdownMenuPrimitive","DropdownMenuTrigger","DropdownMenuGroup","DropdownMenuPortal","DropdownMenuSub","DropdownMenuRadioGroup","DropdownMenuSubTrigger","React","className","inset","children","props","ref","jsxs","cn","jsx","ChevronRight","DropdownMenuSubContent","DropdownMenuContent","sideOffset","DropdownMenuItem","DropdownMenuCheckboxItem","checked","Check","DropdownMenuRadioItem","Circle","DropdownMenuLabel","DropdownMenuSeparator","DropdownMenuShortcut"],"mappings":"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"}

package/dist/index.es24.js

@@ -1,103 +1,187 @@
-import * as n from "react";
-import { cva as i } from "class-variance-authority";
-import { cn as a } from "./index.es60.js";
-function c({ className: t, ...e }) {
-  return /* @__PURE__ */ n.createElement(
-    "div",
-    {
-      "data-slot": "empty",
-      className: a(
-        "flex min-w-0 flex-1 flex-col items-center justify-center gap-6 text-balance rounded-lg border-dashed p-6 text-center md:p-12",
-        t
-      ),
-      ...e
-    }
-  );
-}
-function o({ className: t, ...e }) {
-  return /* @__PURE__ */ n.createElement(
-    "div",
-    {
-      "data-slot": "empty-header",
-      className: a(
-        "flex max-w-sm flex-col items-center gap-2 text-center",
-        t
-      ),
-      ...e
-    }
-  );
+import { j as a } from "./index.es62.js";
+import * as o from "react";
+import * as i from "@radix-ui/react-dropdown-menu";
+import { Search as E, X as v, Check as A } from "lucide-react";
+import { cn as p } from "./index.es63.js";
+const T = 280, N = "SearchableDropdownItem", g = "SearchableDropdownGroup", h = o.createContext(null), F = i.Root, H = i.Trigger, W = i.Portal;
+function m(e) {
+  return typeof e == "string" || typeof e == "number" ? String(e) : Array.isArray(e) ? e.map((t) => m(t)).join(" ") : o.isValidElement(e) ? m(
+    e.props.children
+  ) : "";
 }
-const s = i(
-  "mb-2 flex shrink-0 items-center justify-center [&_svg]:pointer-events-none [&_svg]:shrink-0",
-  {
-    variants: {
-      variant: {
-        default: "bg-transparent",
-        icon: "bg-muted text-foreground flex size-10 shrink-0 items-center justify-center rounded-lg [&_svg:not([class*='size-'])]:size-6"
-      }
-    },
-    defaultVariants: {
-      variant: "default"
-    }
-  }
-);
-function d({
-  className: t,
-  variant: e = "default",
-  ...r
-}) {
-  return /* @__PURE__ */ n.createElement(
-    "div",
-    {
-      "data-slot": "empty-icon",
-      "data-variant": e,
-      className: a(s({ variant: e, className: t })),
-      ...r
-    }
-  );
+function P(e) {
+  return typeof e == "string" ? e : e.displayName || e.name;
 }
-function f({ className: t, ...e }) {
-  return /* @__PURE__ */ n.createElement(
-    "div",
-    {
-      "data-slot": "empty-title",
-      className: a("text-lg font-medium tracking-tight", t),
-      ...e
-    }
-  );
+function D(e, t) {
+  return t.trim() ? e.toLowerCase().includes(t.trim().toLowerCase()) : !0;
 }
-function u({ className: t, ...e }) {
-  return /* @__PURE__ */ n.createElement(
-    "div",
-    {
-      "data-slot": "empty-description",
-      className: a(
-        "text-muted-foreground [&>a:hover]:text-primary text-sm/relaxed [&>a]:underline [&>a]:underline-offset-4",
-        t
-      ),
-      ...e
+function x(e, t) {
+  let r = !1;
+  return o.Children.forEach(e, (n) => {
+    if (r || !o.isValidElement(n))
+      return;
+    const l = P(n.type), s = n.props;
+    if (l === N) {
+      const d = s.searchableText ?? m(s.children);
+      D(d, t) && (r = !0);
+      return;
     }
-  );
-}
-function p({ className: t, ...e }) {
-  return /* @__PURE__ */ n.createElement(
-    "div",
-    {
-      "data-slot": "empty-content",
-      className: a(
-        "flex w-full min-w-0 max-w-sm flex-col items-center gap-4 text-balance text-sm",
-        t
-      ),
-      ...e
+    if (l === g) {
+      x(s.children, t) && (r = !0);
+      return;
     }
-  );
+    x(s.children, t) && (r = !0);
+  }), r;
 }
+const V = o.forwardRef(
+  ({
+    className: e,
+    sideOffset: t = 8,
+    searchPlaceholder: r = "Search...",
+    searchValue: n,
+    onSearchChange: l,
+    contentWidth: s = T,
+    children: d,
+    style: b,
+    ...w
+  }, S) => {
+    const u = o.useRef(null), [C, j] = o.useState(""), f = n ?? C, y = l ?? j, R = x(d, f);
+    return o.useEffect(() => {
+      const c = window.requestAnimationFrame(() => {
+        u.current?.focus();
+      });
+      return () => {
+        window.cancelAnimationFrame(c);
+      };
+    }, []), /* @__PURE__ */ a.jsx(i.Portal, { children: /* @__PURE__ */ a.jsxs(
+      i.Content,
+      {
+        ref: S,
+        sideOffset: t,
+        className: p(
+          "z-50 overflow-hidden rounded-lg border border-[#e5e5e5] bg-white shadow-lg",
+          "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-dropdown-menu-content-transform-origin]",
+          e
+        ),
+        style: { width: s, ...b },
+        ...w,
+        children: [
+          /* @__PURE__ */ a.jsx("div", { className: "border-b border-[#e5e5e5] px-4 py-3", children: /* @__PURE__ */ a.jsxs("div", { className: "flex items-center gap-3 rounded-lg border border-[#e6e6e6] bg-white px-3 py-2.5 transition-colors focus-within:border-[#1D1C20]", children: [
+            /* @__PURE__ */ a.jsx(E, { className: "size-5 flex-shrink-0 text-[#999999]" }),
+            /* @__PURE__ */ a.jsx(
+              "input",
+              {
+                ref: u,
+                type: "text",
+                placeholder: r,
+                value: f,
+                onChange: (c) => y(c.target.value),
+                onKeyDown: (c) => {
+                  c.key !== "Escape" && c.key !== "Tab" && c.stopPropagation();
+                },
+                className: "flex-1 bg-transparent text-[14px] text-[#111111] outline-none placeholder:text-[#999999]",
+                autoComplete: "off",
+                "aria-label": r
+              }
+            ),
+            f ? /* @__PURE__ */ a.jsx(
+              "button",
+              {
+                type: "button",
+                onClick: () => {
+                  y(""), u.current?.focus();
+                },
+                className: "flex-shrink-0 text-[#999999] transition-colors hover:text-[#111111]",
+                "aria-label": "Clear search",
+                children: /* @__PURE__ */ a.jsx(v, { className: "size-4" })
+              }
+            ) : null
+          ] }) }),
+          /* @__PURE__ */ a.jsx(
+            h.Provider,
+            {
+              value: {
+                searchValue: f,
+                hasResults: R
+              },
+              children: /* @__PURE__ */ a.jsx("div", { className: "max-h-[400px] overflow-y-auto", children: d })
+            }
+          )
+        ]
+      }
+    ) });
+  }
+);
+V.displayName = "SearchableDropdownContent";
+const _ = o.forwardRef(({ children: e, ...t }, r) => {
+  const n = o.useContext(h);
+  return n && !x(e, n.searchValue) ? null : /* @__PURE__ */ a.jsx(i.Group, { ref: r, ...t, children: e });
+});
+_.displayName = g;
+const I = o.forwardRef(
+  ({
+    className: e,
+    searchValue: t,
+    searchableText: r,
+    isSelected: n = !1,
+    children: l,
+    ...s
+  }, d) => {
+    const b = o.useContext(h), w = r ?? m(l), S = t ?? b?.searchValue ?? "";
+    return D(w, S) ? /* @__PURE__ */ a.jsxs(
+      i.Item,
+      {
+        ref: d,
+        className: p(
+          "relative flex cursor-pointer select-none items-center justify-between px-4 py-3 text-[15px] text-[#111111] outline-none transition-colors hover:bg-[#f5f5f5] focus:bg-[#f5f5f5] data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+          e
+        ),
+        ...s,
+        children: [
+          /* @__PURE__ */ a.jsx("span", { children: l }),
+          n ? /* @__PURE__ */ a.jsx(A, { className: "size-5 text-[#26453f]" }) : null
+        ]
+      }
+    ) : null;
+  }
+);
+I.displayName = N;
+const L = o.forwardRef(({ className: e, ...t }, r) => o.useContext(h)?.hasResults ? null : /* @__PURE__ */ a.jsx(
+  "div",
+  {
+    ref: r,
+    className: p("px-4 py-6 text-center text-sm text-[#666666]", e),
+    ...t
+  }
+));
+L.displayName = "SearchableDropdownEmpty";
+const k = o.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ a.jsx(
+  "div",
+  {
+    ref: r,
+    className: p("px-4 py-2 text-sm font-semibold text-[#666666]", e),
+    ...t
+  }
+));
+k.displayName = "SearchableDropdownLabel";
+const z = o.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ a.jsx(
+  i.Separator,
+  {
+    ref: r,
+    className: p("mx-0 my-0 h-px bg-[#e5e5e5]", e),
+    ...t
+  }
+));
+z.displayName = "SearchableDropdownSeparator";
 export {
-  c as Empty,
-  p as EmptyContent,
-  u as EmptyDescription,
-  o as EmptyHeader,
-  d as EmptyMedia,
-  f as EmptyTitle
+  F as SearchableDropdown,
+  V as SearchableDropdownContent,
+  L as SearchableDropdownEmpty,
+  _ as SearchableDropdownGroup,
+  I as SearchableDropdownItem,
+  k as SearchableDropdownLabel,
+  W as SearchableDropdownPortal,
+  z as SearchableDropdownSeparator,
+  H as SearchableDropdownTrigger
 };
 //# sourceMappingURL=index.es24.js.map

package/dist/index.es24.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es24.js","sources":["../src/components/ui/empty.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"@/lib/utils\"\n\nfunction Empty({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"empty\"\n      className={cn(\n        \"flex min-w-0 flex-1 flex-col items-center justify-center gap-6 text-balance rounded-lg border-dashed p-6 text-center md:p-12\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction EmptyHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"empty-header\"\n      className={cn(\n        \"flex max-w-sm flex-col items-center gap-2 text-center\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nconst emptyMediaVariants = cva(\n  \"mb-2 flex shrink-0 items-center justify-center [&_svg]:pointer-events-none [&_svg]:shrink-0\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-transparent\",\n        icon: \"bg-muted text-foreground flex size-10 shrink-0 items-center justify-center rounded-lg [&_svg:not([class*='size-'])]:size-6\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  }\n)\n\nfunction EmptyMedia({\n  className,\n  variant = \"default\",\n  ...props\n}: React.ComponentProps<\"div\"> & VariantProps<typeof emptyMediaVariants>) {\n  return (\n    <div\n      data-slot=\"empty-icon\"\n      data-variant={variant}\n      className={cn(emptyMediaVariants({ variant, className }))}\n      {...props}\n    />\n  )\n}\n\nfunction EmptyTitle({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"empty-title\"\n      className={cn(\"text-lg font-medium tracking-tight\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction EmptyDescription({ className, ...props }: React.ComponentProps<\"p\">) {\n  return (\n    <div\n      data-slot=\"empty-description\"\n      className={cn(\n        \"text-muted-foreground [&>a:hover]:text-primary text-sm/relaxed [&>a]:underline [&>a]:underline-offset-4\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction EmptyContent({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"empty-content\"\n      className={cn(\n        \"flex w-full min-w-0 max-w-sm flex-col items-center gap-4 text-balance text-sm\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport {\n  Empty,\n  EmptyHeader,\n  EmptyTitle,\n  EmptyDescription,\n  EmptyContent,\n  EmptyMedia,\n}\n"],"names":["Empty","className","props","React","cn","EmptyHeader","emptyMediaVariants","cva","EmptyMedia","variant","EmptyTitle","EmptyDescription","EmptyContent"],"mappings":";;;AAKA,SAASA,EAAM,EAAE,WAAAC,GAAW,GAAGC,KAAsC;AACnE,SACE,gBAAAC,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACAH;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASG,EAAY,EAAE,WAAAJ,GAAW,GAAGC,KAAsC;AACzE,SACE,gBAAAC,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACAH;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,MAAMI,IAAqBC;AAAA,EACzB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,IACR;AAAA,IAEF,iBAAiB;AAAA,MACf,SAAS;AAAA,IAAA;AAAA,EACX;AAEJ;AAEA,SAASC,EAAW;AAAA,EAClB,WAAAP;AAAA,EACA,SAAAQ,IAAU;AAAA,EACV,GAAGP;AACL,GAA0E;AACxE,SACE,gBAAAC,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,gBAAcM;AAAA,MACd,WAAWL,EAAGE,EAAmB,EAAE,SAAAG,GAAS,WAAAR,EAAA,CAAW,CAAC;AAAA,MACvD,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASQ,EAAW,EAAE,WAAAT,GAAW,GAAGC,KAAsC;AACxE,SACE,gBAAAC,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC,EAAG,sCAAsCH,CAAS;AAAA,MAC5D,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASS,EAAiB,EAAE,WAAAV,GAAW,GAAGC,KAAoC;AAC5E,SACE,gBAAAC,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACAH;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASU,EAAa,EAAE,WAAAX,GAAW,GAAGC,KAAsC;AAC1E,SACE,gBAAAC,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACAH;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;"}
+{"version":3,"file":"index.es24.js","sources":["../src/components/ui/searchable-dropdown.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as DropdownMenuPrimitive from \"@radix-ui/react-dropdown-menu\";\nimport { Check, Search, X } from \"lucide-react\";\n\nimport { cn } from \"@/lib/utils\";\n\nconst DEFAULT_CONTENT_WIDTH = 280;\nconst SEARCHABLE_DROPDOWN_ITEM_NAME = \"SearchableDropdownItem\";\nconst SEARCHABLE_DROPDOWN_GROUP_NAME = \"SearchableDropdownGroup\";\n\ntype SearchableDropdownContextValue = {\n  searchValue: string;\n  hasResults: boolean;\n};\n\nconst SearchableDropdownContext =\n  React.createContext<SearchableDropdownContextValue | null>(null);\n\nconst SearchableDropdown = DropdownMenuPrimitive.Root;\n\nconst SearchableDropdownTrigger = DropdownMenuPrimitive.Trigger;\n\nconst SearchableDropdownPortal = DropdownMenuPrimitive.Portal;\n\nfunction extractTextContent(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((child) => extractTextContent(child)).join(\" \");\n  }\n\n  if (React.isValidElement(node)) {\n    return extractTextContent(\n      (node.props as { children?: React.ReactNode }).children,\n    );\n  }\n\n  return \"\";\n}\n\nfunction getComponentDisplayName(type: React.ElementType): string | undefined {\n  if (typeof type === \"string\") {\n    return type;\n  }\n\n  return (\n    (type as { displayName?: string }).displayName ||\n    (type as { name?: string }).name\n  );\n}\n\nfunction matchesSearch(searchableText: string, searchValue: string): boolean {\n  if (!searchValue.trim()) {\n    return true;\n  }\n\n  return searchableText.toLowerCase().includes(searchValue.trim().toLowerCase());\n}\n\nfunction hasMatchingItems(\n  children: React.ReactNode,\n  searchValue: string,\n): boolean {\n  let hasMatch = false;\n\n  React.Children.forEach(children, (child) => {\n    if (hasMatch || !React.isValidElement(child)) {\n      return;\n    }\n\n    const displayName = getComponentDisplayName(child.type as React.ElementType);\n    const childProps = child.props as {\n      children?: React.ReactNode;\n      searchableText?: string;\n    };\n\n    if (displayName === SEARCHABLE_DROPDOWN_ITEM_NAME) {\n      const searchableText =\n        childProps.searchableText ?? extractTextContent(childProps.children);\n\n      if (matchesSearch(searchableText, searchValue)) {\n        hasMatch = true;\n      }\n\n      return;\n    }\n\n    if (displayName === SEARCHABLE_DROPDOWN_GROUP_NAME) {\n      if (hasMatchingItems(childProps.children, searchValue)) {\n        hasMatch = true;\n      }\n\n      return;\n    }\n\n    if (hasMatchingItems(childProps.children, searchValue)) {\n      hasMatch = true;\n    }\n  });\n\n  return hasMatch;\n}\n\nconst SearchableDropdownContent = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Content> & {\n    searchPlaceholder?: string;\n    searchValue?: string;\n    onSearchChange?: (value: string) => void;\n    contentWidth?: React.CSSProperties[\"width\"];\n  }\n>(\n  (\n    {\n      className,\n      sideOffset = 8,\n      searchPlaceholder = \"Search...\",\n      searchValue,\n      onSearchChange,\n      contentWidth = DEFAULT_CONTENT_WIDTH,\n      children,\n      style,\n      ...props\n    },\n    ref,\n  ) => {\n    const inputRef = React.useRef<HTMLInputElement>(null);\n\n    const [internalSearchValue, setInternalSearchValue] = React.useState(\"\");\n\n    const currentSearchValue = searchValue ?? internalSearchValue;\n    const setSearch = onSearchChange ?? setInternalSearchValue;\n    const hasResults = hasMatchingItems(children, currentSearchValue);\n\n    React.useEffect(() => {\n      const frame = window.requestAnimationFrame(() => {\n        inputRef.current?.focus();\n      });\n\n      return () => {\n        window.cancelAnimationFrame(frame);\n      };\n    }, []);\n\n    return (\n      <DropdownMenuPrimitive.Portal>\n        <DropdownMenuPrimitive.Content\n          ref={ref}\n          sideOffset={sideOffset}\n          className={cn(\n            \"z-50 overflow-hidden rounded-lg border border-[#e5e5e5] bg-white shadow-lg\",\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-dropdown-menu-content-transform-origin]\",\n            className,\n          )}\n          style={{ width: contentWidth, ...style }}\n          {...props}\n        >\n          <div className=\"border-b border-[#e5e5e5] px-4 py-3\">\n            <div className=\"flex items-center gap-3 rounded-lg border border-[#e6e6e6] bg-white px-3 py-2.5 transition-colors focus-within:border-[#1D1C20]\">\n              <Search className=\"size-5 flex-shrink-0 text-[#999999]\" />\n              <input\n                ref={inputRef}\n                type=\"text\"\n                placeholder={searchPlaceholder}\n                value={currentSearchValue}\n                onChange={(event) => setSearch(event.target.value)}\n                onKeyDown={(event) => {\n                  if (event.key !== \"Escape\" && event.key !== \"Tab\") {\n                    event.stopPropagation();\n                  }\n                }}\n                className=\"flex-1 bg-transparent text-[14px] text-[#111111] outline-none placeholder:text-[#999999]\"\n                autoComplete=\"off\"\n                aria-label={searchPlaceholder}\n              />\n              {currentSearchValue ? (\n                <button\n                  type=\"button\"\n                  onClick={() => {\n                    setSearch(\"\");\n                    inputRef.current?.focus();\n                  }}\n                  className=\"flex-shrink-0 text-[#999999] transition-colors hover:text-[#111111]\"\n                  aria-label=\"Clear search\"\n                >\n                  <X className=\"size-4\" />\n                </button>\n              ) : null}\n            </div>\n          </div>\n\n          <SearchableDropdownContext.Provider\n            value={{\n              searchValue: currentSearchValue,\n              hasResults,\n            }}\n          >\n            <div className=\"max-h-[400px] overflow-y-auto\">{children}</div>\n          </SearchableDropdownContext.Provider>\n        </DropdownMenuPrimitive.Content>\n      </DropdownMenuPrimitive.Portal>\n    );\n  },\n);\nSearchableDropdownContent.displayName = \"SearchableDropdownContent\";\n\nconst SearchableDropdownGroup = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.Group>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Group>\n>(({ children, ...props }, ref) => {\n  const context = React.useContext(SearchableDropdownContext);\n\n  if (context && !hasMatchingItems(children, context.searchValue)) {\n    return null;\n  }\n\n  return (\n    <DropdownMenuPrimitive.Group ref={ref} {...props}>\n      {children}\n    </DropdownMenuPrimitive.Group>\n  );\n});\nSearchableDropdownGroup.displayName = SEARCHABLE_DROPDOWN_GROUP_NAME;\n\nconst SearchableDropdownItem = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.Item>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Item> & {\n    searchValue?: string;\n    searchableText?: string;\n    isSelected?: boolean;\n  }\n>(\n  (\n    {\n      className,\n      searchValue,\n      searchableText,\n      isSelected = false,\n      children,\n      ...props\n    },\n    ref,\n  ) => {\n    const context = React.useContext(SearchableDropdownContext);\n\n    const text = searchableText ?? extractTextContent(children);\n    const currentSearchValue = searchValue ?? context?.searchValue ?? \"\";\n    const isVisible = matchesSearch(text, currentSearchValue);\n\n    if (!isVisible) {\n      return null;\n    }\n\n    return (\n      <DropdownMenuPrimitive.Item\n        ref={ref}\n        className={cn(\n          \"relative flex cursor-pointer select-none items-center justify-between px-4 py-3 text-[15px] text-[#111111] outline-none transition-colors hover:bg-[#f5f5f5] focus:bg-[#f5f5f5] data-[disabled]:pointer-events-none data-[disabled]:opacity-50\",\n          className,\n        )}\n        {...props}\n      >\n        <span>{children}</span>\n        {isSelected ? <Check className=\"size-5 text-[#26453f]\" /> : null}\n      </DropdownMenuPrimitive.Item>\n    );\n  },\n);\nSearchableDropdownItem.displayName = SEARCHABLE_DROPDOWN_ITEM_NAME;\n\nconst SearchableDropdownEmpty = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => {\n  const context = React.useContext(SearchableDropdownContext);\n\n  if (context?.hasResults) {\n    return null;\n  }\n\n  return (\n    <div\n      ref={ref}\n      className={cn(\"px-4 py-6 text-center text-sm text-[#666666]\", className)}\n      {...props}\n    />\n  );\n});\nSearchableDropdownEmpty.displayName = \"SearchableDropdownEmpty\";\n\nconst SearchableDropdownLabel = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn(\"px-4 py-2 text-sm font-semibold text-[#666666]\", className)}\n    {...props}\n  />\n));\nSearchableDropdownLabel.displayName = \"SearchableDropdownLabel\";\n\nconst SearchableDropdownSeparator = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.Separator>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Separator>\n>(({ className, ...props }, ref) => (\n  <DropdownMenuPrimitive.Separator\n    ref={ref}\n    className={cn(\"mx-0 my-0 h-px bg-[#e5e5e5]\", className)}\n    {...props}\n  />\n));\nSearchableDropdownSeparator.displayName = \"SearchableDropdownSeparator\";\n\nexport {\n  SearchableDropdown,\n  SearchableDropdownTrigger,\n  SearchableDropdownContent,\n  SearchableDropdownItem,\n  SearchableDropdownEmpty,\n  SearchableDropdownLabel,\n  SearchableDropdownSeparator,\n  SearchableDropdownGroup,\n  SearchableDropdownPortal,\n};\n"],"names":["DEFAULT_CONTENT_WIDTH","SEARCHABLE_DROPDOWN_ITEM_NAME","SEARCHABLE_DROPDOWN_GROUP_NAME","SearchableDropdownContext","React","SearchableDropdown","DropdownMenuPrimitive","SearchableDropdownTrigger","SearchableDropdownPortal","extractTextContent","node","child","getComponentDisplayName","type","matchesSearch","searchableText","searchValue","hasMatchingItems","children","hasMatch","displayName","childProps","SearchableDropdownContent","className","sideOffset","searchPlaceholder","onSearchChange","contentWidth","style","props","ref","inputRef","internalSearchValue","setInternalSearchValue","currentSearchValue","setSearch","hasResults","frame","jsx","jsxs","cn","Search","event","X","SearchableDropdownGroup","context","SearchableDropdownItem","isSelected","text","Check","SearchableDropdownEmpty","SearchableDropdownLabel","SearchableDropdownSeparator"],"mappings":"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"}

package/dist/index.es25.js

@@ -1,210 +1,103 @@
-import { useMemo as n } from "react";
+import { j as n } from "./index.es62.js";
 import { cva as s } from "class-variance-authority";
-import { cn as l } from "./index.es60.js";
-import { Label as c } from "./index.es36.js";
-import { Separator as f } from "./index.es46.js";
-function h({ className: t, ...e }) {
-  return /* @__PURE__ */ React.createElement(
-    "fieldset",
-    {
-      "data-slot": "field-set",
-      className: l(
-        "flex flex-col gap-6",
-        "has-[>[data-slot=checkbox-group]]:gap-3 has-[>[data-slot=radio-group]]:gap-3",
-        t
-      ),
-      ...e
-    }
-  );
-}
-function v({
-  className: t,
-  variant: e = "legend",
-  ...a
-}) {
-  return /* @__PURE__ */ React.createElement(
-    "legend",
+import { cn as a } from "./index.es63.js";
+function d({ className: e, ...t }) {
+  return /* @__PURE__ */ n.jsx(
+    "div",
     {
-      "data-slot": "field-legend",
-      "data-variant": e,
-      className: l(
-        "mb-3 font-medium",
-        "data-[variant=legend]:text-base",
-        "data-[variant=label]:text-sm",
-        t
+      "data-slot": "empty",
+      className: a(
+        "flex min-w-0 flex-1 flex-col items-center justify-center gap-6 text-balance rounded-lg border-dashed p-6 text-center md:p-12",
+        e
       ),
-      ...a
+      ...t
     }
   );
 }
-function E({ className: t, ...e }) {
-  return /* @__PURE__ */ React.createElement(
+function c({ className: e, ...t }) {
+  return /* @__PURE__ */ n.jsx(
     "div",
     {
-      "data-slot": "field-group",
-      className: l(
-        "group/field-group @container/field-group flex w-full flex-col gap-7 data-[slot=checkbox-group]:gap-3 [&>[data-slot=field-group]]:gap-4",
-        t
+      "data-slot": "empty-header",
+      className: a(
+        "flex max-w-sm flex-col items-center gap-2 text-center",
+        e
       ),
-      ...e
+      ...t
     }
   );
 }
-const u = s(
-  "group/field data-[invalid=true]:text-destructive flex w-full gap-3",
+const i = s(
+  "mb-2 flex shrink-0 items-center justify-center [&_svg]:pointer-events-none [&_svg]:shrink-0",
   {
     variants: {
-      orientation: {
-        vertical: ["flex-col [&>*]:w-full [&>.sr-only]:w-auto"],
-        horizontal: [
-          "flex-row items-center",
-          "[&>[data-slot=field-label]]:flex-auto",
-          "has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px has-[>[data-slot=field-content]]:items-start"
-        ],
-        responsive: [
-          "@md/field-group:flex-row @md/field-group:items-center @md/field-group:[&>*]:w-auto flex-col [&>*]:w-full [&>.sr-only]:w-auto",
-          "@md/field-group:[&>[data-slot=field-label]]:flex-auto",
-          "@md/field-group:has-[>[data-slot=field-content]]:items-start @md/field-group:has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px"
-        ]
+      variant: {
+        default: "bg-transparent",
+        icon: "bg-muted text-foreground flex size-10 shrink-0 items-center justify-center rounded-lg [&_svg:not([class*='size-'])]:size-6"
       }
     },
     defaultVariants: {
-      orientation: "vertical"
+      variant: "default"
     }
   }
 );
-function R({
-  className: t,
-  orientation: e = "vertical",
-  ...a
+function f({
+  className: e,
+  variant: t = "default",
+  ...r
 }) {
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ n.jsx(
     "div",
     {
-      role: "group",
-      "data-slot": "field",
-      "data-orientation": e,
-      className: l(u({ orientation: e }), t),
-      ...a
+      "data-slot": "empty-icon",
+      "data-variant": t,
+      className: a(i({ variant: t, className: e })),
+      ...r
     }
   );
 }
-function w({ className: t, ...e }) {
-  return /* @__PURE__ */ React.createElement(
+function x({ className: e, ...t }) {
+  return /* @__PURE__ */ n.jsx(
     "div",
     {
-      "data-slot": "field-content",
-      className: l(
-        "group/field-content flex flex-1 flex-col gap-1.5 leading-snug",
-        t
-      ),
-      ...e
-    }
-  );
-}
-function N({
-  className: t,
-  ...e
-}) {
-  return /* @__PURE__ */ React.createElement(
-    c,
-    {
-      "data-slot": "field-label",
-      className: l(
-        "group/field-label peer/field-label flex w-fit gap-2 leading-snug group-data-[disabled=true]/field:opacity-50",
-        "has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col has-[>[data-slot=field]]:rounded-md has-[>[data-slot=field]]:border [&>[data-slot=field]]:p-4",
-        "has-data-[state=checked]:bg-primary/5 has-data-[state=checked]:border-primary dark:has-data-[state=checked]:bg-primary/10",
-        t
-      ),
-      ...e
+      "data-slot": "empty-title",
+      className: a("text-lg font-medium tracking-tight", e),
+      ...t
     }
   );
 }
-function k({ className: t, ...e }) {
-  return /* @__PURE__ */ React.createElement(
+function u({ className: e, ...t }) {
+  return /* @__PURE__ */ n.jsx(
     "div",
     {
-      "data-slot": "field-label",
-      className: l(
-        "flex w-fit items-center gap-2 text-sm font-medium leading-snug group-data-[disabled=true]/field:opacity-50",
-        t
-      ),
-      ...e
-    }
-  );
-}
-function y({ className: t, ...e }) {
-  return /* @__PURE__ */ React.createElement(
-    "p",
-    {
-      "data-slot": "field-description",
-      className: l(
-        "text-muted-foreground text-sm font-normal leading-normal group-has-[[data-orientation=horizontal]]/field:text-balance",
-        "nth-last-2:-mt-1 last:mt-0 [[data-variant=legend]+&]:-mt-1.5",
-        "[&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4",
-        t
+      "data-slot": "empty-description",
+      className: a(
+        "text-muted-foreground [&>a:hover]:text-primary text-sm/relaxed [&>a]:underline [&>a]:underline-offset-4",
+        e
       ),
-      ...e
+      ...t
     }
   );
 }
-function F({
-  children: t,
-  className: e,
-  ...a
-}) {
-  return /* @__PURE__ */ React.createElement(
+function p({ className: e, ...t }) {
+  return /* @__PURE__ */ n.jsx(
     "div",
     {
-      "data-slot": "field-separator",
-      "data-content": !!t,
-      className: l(
-        "relative -my-2 h-5 text-sm group-data-[variant=outline]/field-group:-mb-2",
+      "data-slot": "empty-content",
+      className: a(
+        "flex w-full min-w-0 max-w-sm flex-col items-center gap-4 text-balance text-sm",
         e
       ),
-      ...a
-    },
-    /* @__PURE__ */ React.createElement(f, { className: "absolute inset-0 top-1/2" }),
-    t && /* @__PURE__ */ React.createElement(
-      "span",
-      {
-        className: "bg-background text-muted-foreground relative mx-auto block w-fit px-2",
-        "data-slot": "field-separator-content"
-      },
-      t
-    )
+      ...t
+    }
   );
 }
-function L({
-  className: t,
-  children: e,
-  errors: a,
-  ...d
-}) {
-  const o = n(() => e || (a ? a?.length === 1 && a[0]?.message ? a[0].message : /* @__PURE__ */ React.createElement("ul", { className: "ml-4 flex list-disc flex-col gap-1" }, a.map(
-    (r, i) => r?.message && /* @__PURE__ */ React.createElement("li", { key: i }, r.message)
-  )) : null), [e, a]);
-  return o ? /* @__PURE__ */ React.createElement(
-    "div",
-    {
-      role: "alert",
-      "data-slot": "field-error",
-      className: l("text-destructive text-sm font-normal", t),
-      ...d
-    },
-    o
-  ) : null;
-}
 export {
-  R as Field,
-  w as FieldContent,
-  y as FieldDescription,
-  L as FieldError,
-  E as FieldGroup,
-  N as FieldLabel,
-  v as FieldLegend,
-  F as FieldSeparator,
-  h as FieldSet,
-  k as FieldTitle
+  d as Empty,
+  p as EmptyContent,
+  u as EmptyDescription,
+  c as EmptyHeader,
+  f as EmptyMedia,
+  x as EmptyTitle
 };
 //# sourceMappingURL=index.es25.js.map