@justanarthur/modo-ui 0.1.0 → 0.2.0

package/dist/shared/{components-hzfp4tjb.js → components-7btqt08d.js}

@@ -1,52 +1,52 @@
 import {
-  useIsMobile
-} from "./components-4xxddc44.js";
+  fieldVariants,
+  fieldIconClasses
+} from "./components-mhd39z7x.js";
 import {
-  sheet_default
-} from "./components-r43mqnd6.js";
+  useIcon
+} from "./components-zrkzcayz.js";
 import {
-  input_default
-} from "./components-7cqq1sqy.js";
+  MorphSurface
+} from "./components-0q0sqfh4.js";
 import {
-  fieldIconClasses,
-  fieldVariants
-} from "./components-de8xsm9y.js";
+  opensInPlace,
+  inPlaceOffset,
+  useMorphOrigin,
+  useMorph
+} from "./components-hqeq3w9q.js";
 import {
-  SizeProvider
-} from "./components-vb033rns.js";
+  cn2
+} from "./components-ezxhrmer.js";
 import {
-  button_default
-} from "./components-5pkcfprd.js";
+  useShape
+} from "./components-cv16mryv.js";
 import {
-  useIcon
-} from "./components-m5br529r.js";
+  useSize2
+} from "./components-0sn7ypjw.js";
 import {
   SURFACE_BG,
   SURFACE_SHADOW,
-  SurfaceProvider,
-  useSurface
-} from "./components-csxz9f52.js";
+  useSurface2,
+  SurfaceProvider2
+} from "./components-zx6b6yby.js";
 import {
-  MorphSurface
-} from "./components-jxgznftn.js";
+  useControllableState
+} from "./components-n7mjr357.js";
 import {
-  useShape
-} from "./components-7zp99w5d.js";
+  useIsMobile
+} from "./components-c6s6b43g.js";
 import {
-  useControllableState
-} from "./components-dg0w8g5p.js";
+  SizeProvider2
+} from "./components-jjw69c4c.js";
 import {
-  inPlaceOffset,
-  opensInPlace,
-  useMorph,
-  useMorphOrigin
-} from "./components-7nww01w4.js";
+  button_default
+} from "./components-b2wyq2cq.js";
 import {
-  useSize
-} from "./components-x3rz4cyn.js";
+  sheet_default
+} from "./components-rr7a6ja9.js";
 import {
-  cn
-} from "./components-0f0as45n.js";
+  input_default
+} from "./components-gvr9w41t.js";
 
 // components/inputs/date-time/picker-shell.tsx
 import { Popover } from "@base-ui/react/popover";
@@ -64,7 +64,7 @@ function PickerShell({ open: openProp, defaultOpen = false, onOpenChange, size,
     setOpen,
     ...props
   });
-  return size ? /* @__PURE__ */ jsx(SizeProvider, {
+  return size ? /* @__PURE__ */ jsx(SizeProvider2, {
     size,
     children: shell
   }) : shell;
@@ -72,7 +72,7 @@ function PickerShell({ open: openProp, defaultOpen = false, onOpenChange, size,
 var PickerField = forwardRef(({ icon, display, placeholder, invalid, disabled, id, className, ...props }, ref) => {
   const Icon = useIcon(icon);
   const shape = useShape();
-  const sizeClasses = useSize();
+  const sizeClasses = useSize2();
   const compact = sizeClasses.variant === "compact";
   return /* @__PURE__ */ jsxs("button", {
     ref,
@@ -83,7 +83,7 @@ var PickerField = forwardRef(({ icon, display, placeholder, invalid, disabled, i
     "data-invalid": invalid || undefined,
     "data-disabled": disabled || undefined,
     ...props,
-    className: cn(fieldVariants({ variant: "bordered" }), "flex w-full min-w-0 items-center text-left cursor-pointer outline-none focus-visible:ring-focus-ring", sizeClasses.gap, sizeClasses.control, compact ? "px-2" : "px-2.5", shape.input, className),
+    className: cn2(fieldVariants({ variant: "bordered" }), "flex w-full min-w-0 items-center text-left cursor-pointer outline-none focus-visible:ring-focus-ring", sizeClasses.gap, sizeClasses.control, compact ? "px-2" : "px-2.5", shape.input, className),
     children: [
       /* @__PURE__ */ jsx(Icon, {
         size: sizeClasses.icon,
@@ -91,7 +91,7 @@ var PickerField = forwardRef(({ icon, display, placeholder, invalid, disabled, i
         className: fieldIconClasses
       }),
       /* @__PURE__ */ jsx("span", {
-        className: cn("flex-1 truncate", sizeClasses.text, display ? "text-foreground" : "text-muted-foreground"),
+        className: cn2("flex-1 truncate", sizeClasses.text, display ? "text-foreground" : "text-muted-foreground"),
         children: display || placeholder
       })
     ]
@@ -104,7 +104,7 @@ function PanelHeader({
   close
 }) {
   const X = useIcon("x");
-  const sizeClasses = useSize();
+  const sizeClasses = useSize2();
   return /* @__PURE__ */ jsxs("div", {
     className: "flex items-center gap-1 border-b border-border pb-1",
     children: [
@@ -143,7 +143,7 @@ function PickerPopover({
   const { origin, capture } = useMorphOrigin();
   const morph = useMorph(open, origin, { from, effect, hideSource, tier });
   const shape = useShape();
-  const level = Math.min(useSurface() + 2, 8);
+  const level = Math.min(useSurface2() + 2, 8);
   const handleOpenChange = useCallback((next, details) => {
     if (next)
       capture(details);
@@ -170,14 +170,14 @@ function PickerPopover({
             ref: morph.popupRef,
             initialFocus,
             className: "relative outline-none",
-            children: /* @__PURE__ */ jsx(SurfaceProvider, {
+            children: /* @__PURE__ */ jsx(SurfaceProvider2, {
               value: level,
               children: /* @__PURE__ */ jsx(MorphSurface, {
                 morph,
                 bg: SURFACE_BG[level],
                 shadow: SURFACE_SHADOW[3],
                 radius: shape.container,
-                className: cn("flex max-w-[calc(100vw-1rem)] flex-col gap-1 p-1", popupClassName),
+                className: cn2("flex max-w-[calc(100vw-1rem)] flex-col gap-1 p-1", popupClassName),
                 children: /* @__PURE__ */ jsxs("div", {
                   dir,
                   className: "flex min-h-0 flex-col gap-1",
@@ -242,7 +242,7 @@ var PickerInput = forwardRef(({ formatted, onText, onEnter, onFocus, onBlur, onK
   return /* @__PURE__ */ jsx(input_default, {
     ref,
     ...props,
-    className: cn("hover:ring-transparent focus-within:ring-transparent data-[active]:ring-transparent", className),
+    className: cn2("hover:ring-transparent focus-within:ring-transparent data-[active]:ring-transparent", className),
     value: draft ?? formatted,
     invalid,
     onChange: (text) => {

package/dist/shared/{components-9p8s8n5q.js → components-7r3etddy.js}

@@ -1,25 +1,25 @@
-import {
-  useShape
-} from "./components-7zp99w5d.js";
 import {
   useReduceMotion
-} from "./components-nnnd2xef.js";
+} from "./components-men63rwj.js";
+import {
+  useShape
+} from "./components-cv16mryv.js";
 import {
-  spring
-} from "./components-vc1k7yv2.js";
+  useSizeVariant2
+} from "./components-0sn7ypjw.js";
 import {
-  useSizeVariant
-} from "./components-x3rz4cyn.js";
+  cn2
+} from "./components-ezxhrmer.js";
 import {
-  cn
-} from "./components-0f0as45n.js";
+  spring2
+} from "./components-1v7rxytx.js";
 
 // components/badge/index.tsx
 import { cva } from "class-variance-authority";
 import { AnimatePresence, animate, motion } from "motion/react";
 import { forwardRef, useLayoutEffect, useRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-var badgeColors = {
+var badgeColors2 = {
   gray: "var(--badge-gray)",
   red: "var(--badge-red)",
   orange: "var(--badge-orange)",
@@ -38,7 +38,7 @@ var badgeColors = {
   pink: "var(--badge-pink)",
   rose: "var(--badge-rose)"
 };
-var badgeVariants = cva("inline-flex items-center weight-medium whitespace-nowrap", {
+var badgeVariants2 = cva("inline-flex items-center weight-medium whitespace-nowrap", {
   variants: {
     variant: {
       solid: "",
@@ -59,7 +59,7 @@ var legacySizeAliases = {
   md: "default",
   lg: "default"
 };
-var { exit: _exit, ...enter } = spring.moderate;
+var { exit: _exit, ...enter } = spring2.moderate;
 function textOf(node) {
   const parts = Array.isArray(node) ? node : [node];
   if (parts.every((part) => typeof part === "string" || typeof part === "number"))
@@ -109,11 +109,11 @@ function useWidthMorph(change) {
   }, [change, reduced]);
   return content;
 }
-var Badge = forwardRef(({ className, variant = "solid", size: sizeProp, color = "gray", children, style, ...props }, ref) => {
+var Badge2 = forwardRef(({ className, variant = "solid", size: sizeProp, color = "gray", children, style, ...props }, ref) => {
   const shape = useShape();
-  const contextSize = useSizeVariant();
+  const contextSize = useSizeVariant2();
   const size = sizeProp ? legacySizeAliases[sizeProp] ?? sizeProp : contextSize === "compact" ? "compact" : "default";
-  const colorValue = badgeColors[color];
+  const colorValue = badgeColors2[color];
   const isSolid = variant === "solid";
   const dotSize = size === "compact" ? 6 : 7;
   const colorStyle = isSolid ? color === "gray" ? { backgroundColor: "var(--accent)", color: "var(--foreground)" } : {
@@ -125,7 +125,7 @@ var Badge = forwardRef(({ className, variant = "solid", size: sizeProp, color =
   const content = useWidthMorph(`${variant} ${size} ${label}`);
   return /* @__PURE__ */ jsx("span", {
     ref,
-    className: cn(badgeVariants({ variant, size }), shape.item, "transition-[background-color] duration-moderate", className),
+    className: cn2(badgeVariants2({ variant, size }), shape.item, "transition-[background-color] duration-moderate", className),
     style: { ...colorStyle, ...style },
     ...props,
     children: /* @__PURE__ */ jsxs("span", {
@@ -144,7 +144,7 @@ var Badge = forwardRef(({ className, variant = "solid", size: sizeProp, color =
             },
             initial: { opacity: 0, scale: 0 },
             animate: { opacity: 1, scale: 1 },
-            exit: { opacity: 0, scale: 0, transition: spring.moderate.exit },
+            exit: { opacity: 0, scale: 0, transition: spring2.moderate.exit },
             transition: enter
           }, "dot")
         }),
@@ -156,7 +156,7 @@ var Badge = forwardRef(({ className, variant = "solid", size: sizeProp, color =
             className: "[text-box:trim-both_cap_alphabetic]",
             initial: { opacity: 0, filter: "blur(4px)" },
             animate: { opacity: 1, filter: "blur(0px)", transitionEnd: { filter: "none" } },
-            exit: { opacity: 0, filter: "blur(4px)", transition: spring.moderate.exit },
+            exit: { opacity: 0, filter: "blur(4px)", transition: spring2.moderate.exit },
             transition: enter,
             children
           }, label ?? "label")
@@ -165,7 +165,7 @@ var Badge = forwardRef(({ className, variant = "solid", size: sizeProp, color =
     })
   });
 });
-Badge.displayName = "Badge";
-var badge_default = Badge;
+Badge2.displayName = "Badge";
+var badge_default = Badge2;
 
-export { badgeColors, badgeVariants, Badge, badge_default };
+export { badgeColors2, badgeVariants2, Badge2, badge_default };

package/dist/shared/{components-5zry9te1.js → components-7x9kawxv.js}

@@ -1,21 +1,21 @@
+import {
+  useReduceMotion
+} from "./components-men63rwj.js";
 import {
   GooFilter
-} from "./components-jxgznftn.js";
+} from "./components-0q0sqfh4.js";
 import {
   GOO_BLUR_RATIO
-} from "./components-7nww01w4.js";
-import {
-  useReduceMotion
-} from "./components-nnnd2xef.js";
+} from "./components-hqeq3w9q.js";
 import {
-  spring
-} from "./components-vc1k7yv2.js";
+  cn2
+} from "./components-ezxhrmer.js";
 import {
-  useSize
-} from "./components-x3rz4cyn.js";
+  useSize2
+} from "./components-0sn7ypjw.js";
 import {
-  cn
-} from "./components-0f0as45n.js";
+  spring2
+} from "./components-1v7rxytx.js";
 
 // components/thinking-indicator/index.tsx
 import { AnimatePresence, motion } from "motion/react";
@@ -33,10 +33,10 @@ var MERGED = Math.sqrt(3);
 function GooDots({ step, still }) {
   const gooId = `thinking-goo-${useId().replace(/:/g, "")}`;
   const { box, dot, radius, gap } = DOTS[step];
-  const loop = { duration: spring.slow.duration * 8, ease: "easeInOut", repeat: Infinity };
+  const loop = { duration: spring2.slow.duration * 8, ease: "easeInOut", repeat: Infinity };
   return /* @__PURE__ */ jsxs("span", {
     "aria-hidden": true,
-    className: cn("relative shrink-0", box),
+    className: cn2("relative shrink-0", box),
     children: [
       /* @__PURE__ */ jsx(GooFilter, {
         id: gooId,
@@ -46,7 +46,7 @@ function GooDots({ step, still }) {
         className: "absolute inset-0 flex items-center justify-center",
         style: { filter: `url(#${gooId})` },
         children: [-1, 0, 1].map((side) => /* @__PURE__ */ jsx(motion.span, {
-          className: cn("absolute rounded-full bg-muted-foreground", dot),
+          className: cn2("absolute rounded-full bg-muted-foreground", dot),
           animate: still ? { x: side * gap } : side ? { x: [side * gap, 0, side * gap] } : { scale: [1, MERGED, 1] },
           transition: still ? { duration: 0 } : loop
         }, side))
@@ -54,8 +54,8 @@ function GooDots({ step, still }) {
     ]
   });
 }
-var ThinkingIndicator = forwardRef(({ className, variant = "shimmer", showIcon = true, size, ...props }, ref) => {
-  const step = useSize(size).variant;
+var ThinkingIndicator2 = forwardRef(({ className, variant = "shimmer", showIcon = true, size, ...props }, ref) => {
+  const step = useSize2(size).variant;
   const compactStep = step === "compact";
   const [index, setIndex] = useState(0);
   const reduceMotion = useReduceMotion();
@@ -71,7 +71,7 @@ var ThinkingIndicator = forwardRef(({ className, variant = "shimmer", showIcon =
   return /* @__PURE__ */ jsxs("div", {
     ref,
     role: "status",
-    className: cn("flex items-center gap-2 px-3 py-2", className),
+    className: cn2("flex items-center gap-2 px-3 py-2", className),
     ...props,
     children: [
       /* @__PURE__ */ jsx("span", {
@@ -113,30 +113,30 @@ var ThinkingIndicator = forwardRef(({ className, variant = "shimmer", showIcon =
       }),
       /* @__PURE__ */ jsxs("span", {
         "aria-hidden": "true",
-        className: cn("inline-grid overflow-hidden", compactStep ? "text-body-compact" : "text-body", "weight-medium"),
+        className: cn2("inline-grid overflow-hidden", compactStep ? "text-body-compact" : "text-body", "weight-medium"),
         children: [
           /* @__PURE__ */ jsx("span", {
-            className: cn("col-start-1 row-start-1 invisible", label),
+            className: cn2("col-start-1 row-start-1 invisible", label),
             children: words.reduce((a, b) => a.length >= b.length ? a : b)
           }),
           reduceMotion ? /* @__PURE__ */ jsx("span", {
-            className: cn("col-start-1 row-start-1", label),
+            className: cn2("col-start-1 row-start-1", label),
             children: words[0]
           }) : /* @__PURE__ */ jsx(AnimatePresence, {
             mode: "popLayout",
             initial: false,
             children: /* @__PURE__ */ jsx(motion.span, {
-              className: cn("col-start-1 row-start-1", label),
+              className: cn2("col-start-1 row-start-1", label),
               initial: { y: "80%", opacity: 0 },
               animate: {
                 y: 0,
                 opacity: 1,
-                transition: { duration: spring.slow.duration, ease: [0.4, 0, 0.2, 1] }
+                transition: { duration: spring2.slow.duration, ease: [0.4, 0, 0.2, 1] }
               },
               exit: {
                 y: "-80%",
                 opacity: 0,
-                transition: { duration: spring.slow.exit.duration, ease: [0.4, 0, 0.2, 1] }
+                transition: { duration: spring2.slow.exit.duration, ease: [0.4, 0, 0.2, 1] }
               },
               children: words[index]
             }, words[index])
@@ -146,7 +146,7 @@ var ThinkingIndicator = forwardRef(({ className, variant = "shimmer", showIcon =
     ]
   });
 });
-ThinkingIndicator.displayName = "ThinkingIndicator";
-var thinking_indicator_default = ThinkingIndicator;
+ThinkingIndicator2.displayName = "ThinkingIndicator";
+var thinking_indicator_default = ThinkingIndicator2;
 
-export { ThinkingIndicator, thinking_indicator_default };
+export { ThinkingIndicator2, thinking_indicator_default };

package/dist/shared/{components-4hh0gm0v.js → components-8fpr3s4p.js}

@@ -1,35 +1,35 @@
 import {
-  DialogContent,
-  DialogState,
-  DialogTrigger
-} from "./components-61ckf42z.js";
+  cn2
+} from "./components-ezxhrmer.js";
 import {
-  useIcon
-} from "./components-m5br529r.js";
+  FluidHoverHighlight2
+} from "./components-kvr7f9hy.js";
 import {
-  isDisabledRow,
-  popupScrollAreaClass,
-  popupViewportClass
-} from "./components-jw16snbn.js";
+  useIcon
+} from "./components-zrkzcayz.js";
 import {
-  ScrollArea
-} from "./components-ed7cmssr.js";
+  shapeMap
+} from "./components-cv16mryv.js";
 import {
-  FluidHoverHighlight
-} from "./components-r22vtgqc.js";
+  useSize2
+} from "./components-0sn7ypjw.js";
 import {
-  useFluidHover,
-  useRegisterFluidHoverItem
-} from "./components-e46kf6cp.js";
+  useFluidHover2,
+  useRegisterFluidHoverItem2
+} from "./components-59efxjd9.js";
 import {
-  shapeMap
-} from "./components-7zp99w5d.js";
+  ScrollArea2
+} from "./components-hawvy2qz.js";
 import {
-  useSize
-} from "./components-x3rz4cyn.js";
+  DialogTrigger2,
+  DialogContent2,
+  DialogState2
+} from "./components-zfnmn5d4.js";
 import {
-  cn
-} from "./components-0f0as45n.js";
+  popupScrollAreaClass,
+  popupViewportClass,
+  isDisabledRow
+} from "./components-vynjtrk6.js";
 
 // components/overlays/command/index.tsx
 import { Autocomplete } from "@base-ui/react/autocomplete";
@@ -54,7 +54,7 @@ var CommandContext = createContext({
 var CommandHighlight = createContext(null);
 var CommandRows = createContext(undefined);
 var isGrouped = (items) => items[0] !== undefined && ("items" in items[0]);
-function CommandListRoot({ items, ...props }) {
+function CommandListRoot2({ items, ...props }) {
   const [highlight, setHighlight] = useState(null);
   const { contains } = Autocomplete.useFilter();
   return /* @__PURE__ */ jsx(CommandHighlight.Provider, {
@@ -68,9 +68,9 @@ function CommandListRoot({ items, ...props }) {
     })
   });
 }
-function CommandShortcut({ className, ...props }) {
+function CommandShortcut2({ className, ...props }) {
   return /* @__PURE__ */ jsx("kbd", {
-    className: cn("ml-auto shrink-0 font-sans text-caption text-muted-foreground", className),
+    className: cn2("ml-auto shrink-0 font-sans text-caption text-muted-foreground", className),
     ...props
   });
 }
@@ -82,15 +82,15 @@ function CommandRow({
   const registerItem = useContext(CommandRows);
   const active = useContext(CommandHighlight) === index;
   const ref = useRef(null);
-  const size = useSize();
-  useRegisterFluidHoverItem(registerItem, index, ref);
+  const size = useSize2();
+  useRegisterFluidHoverItem2(registerItem, index, ref);
   const Icon = item.icon;
   return /* @__PURE__ */ jsxs(Autocomplete.Item, {
     ref,
     value: item,
     disabled: item.disabled,
     onClick: () => onPick(item),
-    className: cn("relative z-10 flex shrink-0 cursor-pointer select-none items-center outline-none transition-[color] duration-fast", "data-[disabled]:pointer-events-none data-[disabled]:opacity-50", size.control, size.gap, size.itemPx, size.text, listShape.item, active ? "text-foreground" : "text-muted-foreground"),
+    className: cn2("relative z-10 flex shrink-0 cursor-pointer select-none items-center outline-none transition-[color] duration-fast", "data-[disabled]:pointer-events-none data-[disabled]:opacity-50", size.control, size.gap, size.itemPx, size.text, listShape.item, active ? "text-foreground" : "text-muted-foreground"),
     children: [
       Icon && /* @__PURE__ */ jsx(Icon, {
         size: size.icon,
@@ -101,30 +101,30 @@ function CommandRow({
         className: "min-w-0 flex-1 truncate [text-box:trim-both_cap_alphabetic] py-1 -my-1",
         children: item.label
       }),
-      item.shortcut && /* @__PURE__ */ jsx(CommandShortcut, {
+      item.shortcut && /* @__PURE__ */ jsx(CommandShortcut2, {
         children: item.shortcut
       })
     ]
   });
 }
-function CommandList({ onPick, emptyMessage, className }) {
+function CommandList2({ onPick, emptyMessage, className }) {
   const filtered = Autocomplete.useFilteredItems();
   const highlight = useContext(CommandHighlight);
-  const compact = useSize().variant === "compact";
+  const compact = useSize2().variant === "compact";
   const containerRef = useRef(null);
-  const { itemRects, isMeasured, registerItem } = useFluidHover(containerRef, { isItemDisabled: isDisabledRow });
+  const { itemRects, isMeasured, registerItem } = useFluidHover2(containerRef, { isItemDisabled: isDisabledRow });
   const rect = isMeasured && highlight !== null ? itemRects[highlight] ?? null : null;
-  const rows = (items, start2) => items.map((item, i) => /* @__PURE__ */ jsx(CommandRow, {
+  const rows = (items, start) => items.map((item, i) => /* @__PURE__ */ jsx(CommandRow, {
     item,
-    index: start2 + i,
+    index: start + i,
     onPick
   }, item.label));
   let start = 0;
   return /* @__PURE__ */ jsx(CommandRows.Provider, {
     value: registerItem,
-    children: /* @__PURE__ */ jsxs(ScrollArea, {
-      className: cn(popupScrollAreaClass, className),
-      viewportClassName: cn(popupViewportClass, "scroll-fade"),
+    children: /* @__PURE__ */ jsxs(ScrollArea2, {
+      className: cn2(popupScrollAreaClass, className),
+      viewportClassName: cn2(popupViewportClass, "scroll-fade"),
       children: [
         /* @__PURE__ */ jsx(Autocomplete.Empty, {
           className: "px-4 py-6 text-center text-body text-muted-foreground empty:hidden",
@@ -134,7 +134,7 @@ function CommandList({ onPick, emptyMessage, className }) {
           ref: containerRef,
           className: "relative flex flex-col p-1 outline-none data-[empty]:p-0",
           children: [
-            /* @__PURE__ */ jsx(FluidHoverHighlight, {
+            /* @__PURE__ */ jsx(FluidHoverHighlight2, {
               rect,
               session: 0,
               className: listShape.bg
@@ -146,7 +146,7 @@ function CommandList({ onPick, emptyMessage, className }) {
                 className: "flex flex-col",
                 children: [
                   /* @__PURE__ */ jsx(Autocomplete.GroupLabel, {
-                    className: cn("shrink-0 px-2 pt-2 pb-1 text-muted-foreground", compact ? "text-caption-compact" : "text-caption"),
+                    className: cn2("shrink-0 px-2 pt-2 pb-1 text-muted-foreground", compact ? "text-caption-compact" : "text-caption"),
                     children: group.label
                   }),
                   rows(group.items, first)
@@ -159,7 +159,7 @@ function CommandList({ onPick, emptyMessage, className }) {
     })
   });
 }
-function CommandPalette({
+function CommandPalette2({
   items,
   placeholder = "Type a command or search…",
   emptyMessage = "No results found.",
@@ -167,9 +167,9 @@ function CommandPalette({
 }) {
   const { close } = useContext(CommandContext);
   const SearchIcon = useIcon("search");
-  const size = useSize();
+  const size = useSize2();
   const [query, setQuery] = useState("");
-  return /* @__PURE__ */ jsx(CommandListRoot, {
+  return /* @__PURE__ */ jsx(CommandListRoot2, {
     items,
     inline: true,
     open: true,
@@ -182,7 +182,7 @@ function CommandPalette({
       setQuery(next);
     },
     children: /* @__PURE__ */ jsxs("div", {
-      className: cn("flex flex-col", className),
+      className: cn2("flex flex-col", className),
       children: [
         /* @__PURE__ */ jsxs("div", {
           className: "flex h-12 shrink-0 items-center gap-2 border-b border-border px-4",
@@ -194,11 +194,11 @@ function CommandPalette({
             }),
             /* @__PURE__ */ jsx(Autocomplete.Input, {
               placeholder,
-              className: cn("h-full min-w-0 flex-1 bg-transparent text-foreground outline-none placeholder:text-muted-foreground", size.text)
+              className: cn2("h-full min-w-0 flex-1 bg-transparent text-foreground outline-none placeholder:text-muted-foreground", size.text)
             })
           ]
         }),
-        /* @__PURE__ */ jsx(CommandList, {
+        /* @__PURE__ */ jsx(CommandList2, {
           emptyMessage,
           className: "max-h-80",
           onPick: (item) => {
@@ -210,18 +210,18 @@ function CommandPalette({
     })
   });
 }
-var CommandTrigger = forwardRef((props, ref) => {
+var CommandTrigger2 = forwardRef((props, ref) => {
   const { trigger } = useContext(CommandContext);
   useImperativeHandle(ref, () => trigger.current);
-  return /* @__PURE__ */ jsx(DialogTrigger, {
+  return /* @__PURE__ */ jsx(DialogTrigger2, {
     ref: trigger,
     ...props
   });
 });
-CommandTrigger.displayName = "CommandTrigger";
-var CommandContent = forwardRef(({ items, placeholder, emptyMessage, className, label = "Command menu", ...morph }, ref) => {
+CommandTrigger2.displayName = "CommandTrigger";
+var CommandContent2 = forwardRef(({ items, placeholder, emptyMessage, className, label = "Command menu", ...morph }, ref) => {
   const { session } = useContext(CommandContext);
-  return /* @__PURE__ */ jsx(DialogContent, {
+  return /* @__PURE__ */ jsx(DialogContent2, {
     ref,
     position: "top",
     size: "lg",
@@ -229,7 +229,7 @@ var CommandContent = forwardRef(({ items, placeholder, emptyMessage, className,
     "aria-label": label,
     className: "p-0",
     ...morph,
-    children: /* @__PURE__ */ jsx(CommandPalette, {
+    children: /* @__PURE__ */ jsx(CommandPalette2, {
       items,
       placeholder,
       emptyMessage,
@@ -237,7 +237,7 @@ var CommandContent = forwardRef(({ items, placeholder, emptyMessage, className,
     }, session)
   });
 });
-CommandContent.displayName = "CommandContent";
+CommandContent2.displayName = "CommandContent";
 function CommandScope({ open, onOpenChange, hotkey, children }) {
   const trigger = useRef(null);
   const change = useRef(onOpenChange);
@@ -271,8 +271,8 @@ function CommandScope({ open, onOpenChange, hotkey, children }) {
     })
   });
 }
-function Command({ open, defaultOpen, onOpenChange, hotkey = "k", children }) {
-  return /* @__PURE__ */ jsx(DialogState, {
+function Command2({ open, defaultOpen, onOpenChange, hotkey = "k", children }) {
+  return /* @__PURE__ */ jsx(DialogState2, {
     open,
     defaultOpen,
     onOpenChange,
@@ -283,10 +283,10 @@ function Command({ open, defaultOpen, onOpenChange, hotkey = "k", children }) {
     })
   });
 }
-Command.Trigger = CommandTrigger;
-Command.Content = CommandContent;
-Command.Palette = CommandPalette;
-Command.Shortcut = CommandShortcut;
-var command_default = Command;
+Command2.Trigger = CommandTrigger2;
+Command2.Content = CommandContent2;
+Command2.Palette = CommandPalette2;
+Command2.Shortcut = CommandShortcut2;
+var command_default = Command2;
 
-export { CommandListRoot, CommandShortcut, CommandList, CommandPalette, CommandTrigger, CommandContent, Command, command_default };
+export { CommandListRoot2, CommandShortcut2, CommandList2, CommandPalette2, CommandTrigger2, CommandContent2, Command2, command_default };