@krak-stack/registry 0.1.27 → 0.1.29

package/dist/components/ui/virtualized-combobox.js

@@ -14,11 +14,7 @@ import { Button as ButtonPrimitive } from "@base-ui/react/button";
 import { cva } from "class-variance-authority";
 
 // ../../src/lib/utils.ts
-import { clsx } from "clsx";
-import { twMerge } from "tailwind-merge";
-function cn(...inputs) {
-  return twMerge(clsx(inputs));
-}
+import { cn } from "cn";
 
 // ../../src/components/ui/button.tsx
 import { jsx } from "react/jsx-runtime";
@@ -76,13 +72,10 @@ function Input({ className, type, ...props }) {
   });
 }
 
-// ../../src/components/ui/textarea.tsx
-import { jsx as jsx3 } from "react/jsx-runtime";
-
 // ../../src/components/ui/input-group.tsx
-import { jsx as jsx4 } from "react/jsx-runtime";
+import { jsx as jsx3 } from "react/jsx-runtime";
 function InputGroup({ className, ...props }) {
-  return /* @__PURE__ */ jsx4("div", {
+  return /* @__PURE__ */ jsx3("div", {
     "data-slot": "input-group",
     role: "group",
     className: cn("group/input-group relative flex h-9 w-full min-w-0 items-center rounded-md border border-input shadow-xs transition-[color,box-shadow] outline-none in-data-[slot=combobox-content]:focus-within:border-inherit in-data-[slot=combobox-content]:focus-within:ring-0 has-[[data-slot=input-group-control]:focus-visible]:border-ring has-[[data-slot=input-group-control]:focus-visible]:ring-3 has-[[data-slot=input-group-control]:focus-visible]:ring-ring/50 has-[[data-slot][aria-invalid=true]]:border-destructive has-[[data-slot][aria-invalid=true]]:ring-3 has-[[data-slot][aria-invalid=true]]:ring-destructive/20 has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>textarea]:h-auto dark:bg-input/30 dark:has-[[data-slot][aria-invalid=true]]:ring-destructive/40 has-[>[data-align=block-end]]:[&>input]:pt-3 has-[>[data-align=block-start]]:[&>input]:pb-3 has-[>[data-align=inline-end]]:[&>input]:pr-1.5 has-[>[data-align=inline-start]]:[&>input]:pl-1.5", className),
@@ -115,7 +108,7 @@ function InputGroupInput({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx4(Input, {
+  return /* @__PURE__ */ jsx3(Input, {
     "data-slot": "input-group-control",
     className: cn("flex-1 rounded-none border-0 bg-transparent shadow-none ring-0 focus-visible:ring-0 aria-invalid:ring-0 dark:bg-transparent", className),
     ...props
@@ -559,7 +552,7 @@ function isCustomStrategy(strategy2) {
 }
 
 // ../../src/components/ui/virtualized-combobox.tsx
-import { jsx as jsx5, jsxs } from "react/jsx-runtime";
+import { jsx as jsx4, jsxs } from "react/jsx-runtime";
 "use client";
 var messages = {
   en: {
@@ -635,19 +628,19 @@ var VirtualizedComboboxList = ({
       virtualizer.measure();
   }, [virtualizer]);
   if (filteredItems.length === 0) {
-    return /* @__PURE__ */ jsx5("div", {
+    return /* @__PURE__ */ jsx4("div", {
       className: "text-muted-foreground py-6 text-center text-sm",
       children: emptyLabel
     });
   }
-  return /* @__PURE__ */ jsx5(ComboboxPrimitive.List, {
+  return /* @__PURE__ */ jsx4(ComboboxPrimitive.List, {
     className: "scroll-py-1 overflow-auto overscroll-contain p-1",
     ref: handleScrollElementRef,
     style: {
       height: Math.min(virtualizer.getTotalSize() + 8, 288),
       maxHeight: "var(--available-height)"
     },
-    children: /* @__PURE__ */ jsx5("div", {
+    children: /* @__PURE__ */ jsx4("div", {
       className: "relative w-full",
       role: "presentation",
       style: { height: virtualizer.getTotalSize() },
@@ -660,9 +653,9 @@ var VirtualizedComboboxList = ({
           transform: `translateY(${virtualItem.start}px)`
         };
         if (entry.kind === "group") {
-          return /* @__PURE__ */ jsx5(ComboboxPrimitive.Group, {
+          return /* @__PURE__ */ jsx4(ComboboxPrimitive.Group, {
             className: "contents",
-            children: /* @__PURE__ */ jsx5(ComboboxPrimitive.GroupLabel, {
+            children: /* @__PURE__ */ jsx4(ComboboxPrimitive.GroupLabel, {
               className: "text-muted-foreground absolute top-0 left-0 w-full px-2 pt-3 pb-1 text-xs",
               "data-index": virtualItem.index,
               ref: virtualizer.measureElement,
@@ -681,13 +674,13 @@ var VirtualizedComboboxList = ({
           style,
           value: entry.item,
           children: [
-            renderItem?.(entry.item) ?? /* @__PURE__ */ jsx5("span", {
+            renderItem?.(entry.item) ?? /* @__PURE__ */ jsx4("span", {
               className: "min-w-0 truncate",
               children: entry.item.label
             }),
-            /* @__PURE__ */ jsx5(ComboboxPrimitive.ItemIndicator, {
+            /* @__PURE__ */ jsx4(ComboboxPrimitive.ItemIndicator, {
               className: "absolute right-2 flex size-4 items-center justify-center",
-              children: /* @__PURE__ */ jsx5(Check, {})
+              children: /* @__PURE__ */ jsx4(Check, {})
             })
           ]
         }, entry.item.value);
@@ -706,8 +699,8 @@ var VirtualizedComboboxContent = ({
   virtualizerRef
 }) => {
   const labels = virtualizedComboboxMessages(messageOverrides);
-  return /* @__PURE__ */ jsx5(ComboboxPrimitive.Portal, {
-    children: /* @__PURE__ */ jsx5(ComboboxPrimitive.Positioner, {
+  return /* @__PURE__ */ jsx4(ComboboxPrimitive.Portal, {
+    children: /* @__PURE__ */ jsx4(ComboboxPrimitive.Positioner, {
       align: "start",
       className: "isolate z-50",
       side: "bottom",
@@ -715,17 +708,17 @@ var VirtualizedComboboxContent = ({
       children: /* @__PURE__ */ jsxs(ComboboxPrimitive.Popup, {
         className: cn("relative max-h-(--available-height) w-(--anchor-width) max-w-(--available-width) min-w-0 origin-(--transform-origin) overflow-hidden rounded-md bg-popover text-popover-foreground shadow-md ring-1 ring-foreground/10 duration-100 data-[side=bottom]:slide-in-from-top-2 data-[side=top]:slide-in-from-bottom-2 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-in-95", contentClassName),
         children: [
-          /* @__PURE__ */ jsx5("div", {
+          /* @__PURE__ */ jsx4("div", {
             className: "min-w-0 p-1 pb-0",
-            children: /* @__PURE__ */ jsx5(InputGroup, {
+            children: /* @__PURE__ */ jsx4(InputGroup, {
               className: "border-input/30 bg-input/30 h-8 w-full min-w-0 shadow-none",
-              children: /* @__PURE__ */ jsx5(ComboboxPrimitive.Input, {
+              children: /* @__PURE__ */ jsx4(ComboboxPrimitive.Input, {
                 placeholder: labels.search,
-                render: /* @__PURE__ */ jsx5(InputGroupInput, {})
+                render: /* @__PURE__ */ jsx4(InputGroupInput, {})
               })
             })
           }),
-          /* @__PURE__ */ jsx5(VirtualizedComboboxList, {
+          /* @__PURE__ */ jsx4(VirtualizedComboboxList, {
             emptyLabel,
             groupSelections,
             itemIndexRef,
@@ -748,20 +741,20 @@ var defaultTrigger = (ariaLabel, ariaInvalid, disabled, label, triggerId) => /*
   type: "button",
   variant: "outline",
   children: [
-    /* @__PURE__ */ jsx5("span", {
+    /* @__PURE__ */ jsx4("span", {
       className: "min-w-0 flex-1 truncate pr-7 text-left",
       children: label
     }),
-    /* @__PURE__ */ jsx5(ChevronsUpDown, {
+    /* @__PURE__ */ jsx4(ChevronsUpDown, {
       className: "text-muted-foreground shrink-0 opacity-70"
     })
   ]
 });
-var defaultClear = (label) => /* @__PURE__ */ jsx5(ComboboxPrimitive.Clear, {
+var defaultClear = (label) => /* @__PURE__ */ jsx4(ComboboxPrimitive.Clear, {
   "aria-label": label,
   className: "text-muted-foreground hover:bg-muted hover:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 absolute top-1/2 right-7 z-10 flex size-6 -translate-y-1/2 items-center justify-center rounded-sm outline-none focus-visible:border focus-visible:ring-3",
   type: "button",
-  children: /* @__PURE__ */ jsx5(X, {
+  children: /* @__PURE__ */ jsx4(X, {
     className: "size-3.5"
   })
 });
@@ -800,13 +793,13 @@ var VirtualizedComboboxSingle = (props) => {
       /* @__PURE__ */ jsxs("div", {
         className: "relative",
         children: [
-          /* @__PURE__ */ jsx5(ComboboxPrimitive.Trigger, {
+          /* @__PURE__ */ jsx4(ComboboxPrimitive.Trigger, {
             render: props.trigger ?? defaultTrigger(props.ariaLabel, props.ariaInvalid, props.disabled, selectedLabel(props.value, props.placeholder), props.triggerId)
           }),
           props.trigger ? null : defaultClear(labels.clear)
         ]
       }),
-      /* @__PURE__ */ jsx5(VirtualizedComboboxContent, {
+      /* @__PURE__ */ jsx4(VirtualizedComboboxContent, {
         ...props,
         groupSelections: false,
         itemIndexRef,
@@ -842,13 +835,13 @@ var VirtualizedComboboxMultiple = (props) => {
       /* @__PURE__ */ jsxs("div", {
         className: "relative",
         children: [
-          /* @__PURE__ */ jsx5(ComboboxPrimitive.Trigger, {
+          /* @__PURE__ */ jsx4(ComboboxPrimitive.Trigger, {
             render: props.trigger ?? defaultTrigger(props.ariaLabel, props.ariaInvalid, props.disabled, selectedLabel(props.value, props.placeholder), props.triggerId)
           }),
           props.trigger ? null : defaultClear(labels.clear)
         ]
       }),
-      /* @__PURE__ */ jsx5(VirtualizedComboboxContent, {
+      /* @__PURE__ */ jsx4(VirtualizedComboboxContent, {
         ...props,
         groupSelections: true,
         itemIndexRef,
@@ -859,13 +852,13 @@ var VirtualizedComboboxMultiple = (props) => {
   });
 };
 function VirtualizedCombobox(props) {
-  return props.multiple ? /* @__PURE__ */ jsx5(VirtualizedComboboxMultiple, {
+  return props.multiple ? /* @__PURE__ */ jsx4(VirtualizedComboboxMultiple, {
     ...props
-  }) : /* @__PURE__ */ jsx5(VirtualizedComboboxSingle, {
+  }) : /* @__PURE__ */ jsx4(VirtualizedComboboxSingle, {
     ...props
   });
 }
 export {
-  virtualizedComboboxMessages,
-  VirtualizedCombobox
+  VirtualizedCombobox,
+  virtualizedComboboxMessages
 };