@justanarthur/modo-ui 0.1.0 → 0.2.0

package/dist/shared/{components-r43mqnd6.js → components-rr7a6ja9.js}

@@ -1,31 +1,31 @@
 import {
-  DialogClose,
-  DialogDescription,
-  DialogFooter,
-  DialogHeader,
-  DialogState,
-  DialogTitle,
-  DialogTrigger,
-  useDialogState
-} from "./components-61ckf42z.js";
+  MorphSurface
+} from "./components-0q0sqfh4.js";
 import {
-  SURFACE_BG,
-  SURFACE_SHADOW,
-  SurfaceProvider,
-  useSurface
-} from "./components-csxz9f52.js";
+  useMorph
+} from "./components-hqeq3w9q.js";
 import {
-  MorphSurface
-} from "./components-jxgznftn.js";
+  cn2
+} from "./components-ezxhrmer.js";
 import {
   useShape
-} from "./components-7zp99w5d.js";
+} from "./components-cv16mryv.js";
 import {
-  useMorph
-} from "./components-7nww01w4.js";
+  SURFACE_BG,
+  SURFACE_SHADOW,
+  useSurface2,
+  SurfaceProvider2
+} from "./components-zx6b6yby.js";
 import {
-  cn
-} from "./components-0f0as45n.js";
+  useDialogState2,
+  DialogTrigger2,
+  DialogClose2,
+  DialogHeader2,
+  DialogFooter2,
+  DialogTitle2,
+  DialogDescription2,
+  DialogState2
+} from "./components-zfnmn5d4.js";
 
 // components/overlays/sheet/index.tsx
 import { Drawer as DrawerPrimitive } from "@base-ui/react/drawer";
@@ -53,9 +53,9 @@ var PLACEMENT = {
 };
 var DRAWER_OFFSET = 4;
 var INDENT_RADIUS = { pill: "data-[active]:rounded-3xl", rounded: "data-[active]:rounded-xl" };
-var SheetContent = forwardRef(({ from, effect, hideSource, tier, container, className, children, ...props }, ref) => {
+var SheetContent2 = forwardRef(({ from, effect, hideSource, tier, container, className, children, ...props }, ref) => {
   const { side, swiped } = useContext(SheetContext);
-  const { open, origin } = useDialogState();
+  const { open, origin } = useDialogState2();
   const morph = useMorph(open, origin, {
     from: from ?? side,
     effect,
@@ -65,7 +65,7 @@ var SheetContent = forwardRef(({ from, effect, hideSource, tier, container, clas
   });
   useImperativeHandle(ref, () => morph.popup, [morph.popup]);
   const shape = useShape();
-  const level = Math.min(useSurface() + DRAWER_OFFSET, 8);
+  const level = Math.min(useSurface2() + DRAWER_OFFSET, 8);
   const edge = side === "top" || side === "bottom";
   return /* @__PURE__ */ jsxs(DrawerPrimitive.Portal, {
     container: container ?? undefined,
@@ -74,22 +74,22 @@ var SheetContent = forwardRef(({ from, effect, hideSource, tier, container, clas
         render: /* @__PURE__ */ jsx(motion.div, {
           style: { opacity: morph.progress }
         }),
-        className: cn(container ? "absolute" : "fixed", "inset-0 z-50 bg-scrim")
+        className: cn2(container ? "absolute" : "fixed", "inset-0 z-50 bg-scrim")
       }),
       /* @__PURE__ */ jsx(DrawerPrimitive.Viewport, {
-        className: cn(container ? "absolute" : "fixed", "inset-0 z-50"),
+        className: cn2(container ? "absolute" : "fixed", "inset-0 z-50"),
         children: /* @__PURE__ */ jsx(DrawerPrimitive.Popup, {
           ref: morph.popupRef,
           ...props,
-          className: cn("absolute flex flex-col focus:outline-none", PLACEMENT[side], "[transform:translate(var(--drawer-swipe-movement-x),calc(var(--drawer-snap-point-offset)_+_var(--drawer-swipe-movement-y)))]", "transition-[transform] duration-slow"),
-          children: /* @__PURE__ */ jsx(SurfaceProvider, {
+          className: cn2("absolute flex flex-col focus:outline-none", PLACEMENT[side], "[transform:translate(var(--drawer-swipe-movement-x),calc(var(--drawer-snap-point-offset)_+_var(--drawer-swipe-movement-y)))]", "transition-[transform] duration-slow"),
+          children: /* @__PURE__ */ jsx(SurfaceProvider2, {
             value: level,
             children: /* @__PURE__ */ jsxs(MorphSurface, {
               morph,
               bg: SURFACE_BG[level],
               shadow: SURFACE_SHADOW[level],
               radius: shape.container,
-              className: cn("flex min-h-0 flex-1 flex-col gap-4 overflow-y-auto p-6", edge && "pt-3", className),
+              className: cn2("flex min-h-0 flex-1 flex-col gap-4 overflow-y-auto p-6", edge && "pt-3", className),
               children: [
                 edge && /* @__PURE__ */ jsx("div", {
                   "aria-hidden": true,
@@ -104,17 +104,17 @@ var SheetContent = forwardRef(({ from, effect, hideSource, tier, container, clas
     ]
   });
 });
-SheetContent.displayName = "SheetContent";
-var SheetIndent = forwardRef(({ className, ...props }, ref) => {
+SheetContent2.displayName = "SheetContent";
+var SheetIndent2 = forwardRef(({ className, ...props }, ref) => {
   const shape = useShape();
   return /* @__PURE__ */ jsx(DrawerPrimitive.Indent, {
     ref,
-    className: cn("origin-top transition-[transform] duration-slow data-[active]:scale-[0.96] data-[active]:overflow-hidden", INDENT_RADIUS[shape.variant], className),
+    className: cn2("origin-top transition-[transform] duration-slow data-[active]:scale-[0.96] data-[active]:overflow-hidden", INDENT_RADIUS[shape.variant], className),
     ...props
   });
 });
-SheetIndent.displayName = "SheetIndent";
-function Sheet({
+SheetIndent2.displayName = "SheetIndent";
+function Sheet2({
   children,
   open,
   defaultOpen,
@@ -127,7 +127,7 @@ function Sheet({
   const [swiped, setSwiped] = useState(false);
   return /* @__PURE__ */ jsx(SheetContext.Provider, {
     value: { side, swiped },
-    children: /* @__PURE__ */ jsx(DialogState, {
+    children: /* @__PURE__ */ jsx(DialogState2, {
       open,
       defaultOpen,
       onOpenChange,
@@ -146,15 +146,15 @@ function Sheet({
     })
   });
 }
-Sheet.Trigger = DialogTrigger;
-Sheet.Content = SheetContent;
-Sheet.Header = DialogHeader;
-Sheet.Footer = DialogFooter;
-Sheet.Title = DialogTitle;
-Sheet.Description = DialogDescription;
-Sheet.Close = DialogClose;
-Sheet.Provider = DrawerPrimitive.Provider;
-Sheet.Indent = SheetIndent;
-var sheet_default = Sheet;
+Sheet2.Trigger = DialogTrigger2;
+Sheet2.Content = SheetContent2;
+Sheet2.Header = DialogHeader2;
+Sheet2.Footer = DialogFooter2;
+Sheet2.Title = DialogTitle2;
+Sheet2.Description = DialogDescription2;
+Sheet2.Close = DialogClose2;
+Sheet2.Provider = DrawerPrimitive.Provider;
+Sheet2.Indent = SheetIndent2;
+var sheet_default = Sheet2;
 
-export { SheetContent, SheetIndent, Sheet, sheet_default };
+export { SheetContent2, SheetIndent2, Sheet2, sheet_default };

package/dist/shared/{components-bkvb6nem.js → components-s2bz1xpk.js}

@@ -1,13 +1,13 @@
-import {
-  scroll_area_default
-} from "./components-ed7cmssr.js";
 import {
   SURFACE_BG,
-  useSurface
-} from "./components-csxz9f52.js";
+  useSurface2
+} from "./components-zx6b6yby.js";
 import {
-  cn
-} from "./components-0f0as45n.js";
+  cn2
+} from "./components-ezxhrmer.js";
+import {
+  scroll_area_default
+} from "./components-hawvy2qz.js";
 
 // primitives/code/index.tsx
 import { Fragment } from "react";
@@ -40,18 +40,18 @@ function highlight(source, language) {
     ]
   }, line.index));
 }
-function Code({
+function Code2({
   children,
   language = "tsx",
   className
 }) {
-  const level = Math.min(useSurface() + 1, 8);
+  const level = Math.min(useSurface2() + 1, 8);
   const source = children.trim();
   const id = lang(language);
   return /* @__PURE__ */ jsx(scroll_area_default, {
     orientation: "horizontal",
     viewportClassName: "scroll-fade-x",
-    className: cn("rounded-xl", SURFACE_BG[level], className),
+    className: cn2("rounded-xl", SURFACE_BG[level], className),
     children: /* @__PURE__ */ jsx("pre", {
       className: "m-0 w-max min-w-full p-4 font-mono text-caption leading-relaxed text-foreground",
       children: /* @__PURE__ */ jsx("code", {
@@ -60,4 +60,4 @@ function Code({
     })
   });
 }
-export { Code };
+export { Code2 };

package/dist/shared/{components-zvb11ker.js → components-tqvarbfv.js}

@@ -1,29 +1,29 @@
 import {
-  SizeProvider
-} from "./components-vb033rns.js";
+  cn2
+} from "./components-ezxhrmer.js";
 import {
-  SURFACE_BG,
-  SURFACE_SHADOW,
-  useSurface
-} from "./components-csxz9f52.js";
-import {
-  useFluidHover
-} from "./components-e46kf6cp.js";
+  GooIndicator
+} from "./components-chacnk61.js";
 import {
   useShape
-} from "./components-7zp99w5d.js";
+} from "./components-cv16mryv.js";
 import {
-  GooIndicator
-} from "./components-kf2ehztc.js";
+  useSize2
+} from "./components-0sn7ypjw.js";
+import {
+  SURFACE_BG,
+  SURFACE_SHADOW,
+  useSurface2
+} from "./components-zx6b6yby.js";
 import {
-  spring
-} from "./components-vc1k7yv2.js";
+  useFluidHover2
+} from "./components-59efxjd9.js";
 import {
-  useSize
-} from "./components-x3rz4cyn.js";
+  SizeProvider2
+} from "./components-jjw69c4c.js";
 import {
-  cn
-} from "./components-0f0as45n.js";
+  spring2
+} from "./components-1v7rxytx.js";
 
 // components/navigation/tabs/index.tsx
 import { Tabs as TabsPrimitive } from "@base-ui/react/tabs";
@@ -50,7 +50,7 @@ function useTabsList() {
     throw new Error("TabItem must be used within a TabsList");
   return ctx;
 }
-var Tabs = forwardRef(({ value, onValueChange, selectedIndex, onSelect, defaultValue, defaultSelectedIndex, size, children, ...props }, ref) => {
+var Tabs2 = forwardRef(({ value, onValueChange, selectedIndex, onSelect, defaultValue, defaultSelectedIndex, size, children, ...props }, ref) => {
   const [valueOrder, setValueOrder] = useState([]);
   const [uncontrolledValue, setUncontrolledValue] = useState(defaultValue);
   const updateValueOrder = useCallback((order) => {
@@ -88,18 +88,18 @@ var Tabs = forwardRef(({ value, onValueChange, selectedIndex, onSelect, defaultV
       children
     })
   });
-  return size ? /* @__PURE__ */ jsx(SizeProvider, {
+  return size ? /* @__PURE__ */ jsx(SizeProvider2, {
     size,
     children: root
   }) : root;
 });
-Tabs.displayName = "Tabs";
-var TabsList = forwardRef(({ children, className, ...props }, ref) => {
+Tabs2.displayName = "Tabs";
+var TabsList2 = forwardRef(({ children, className, ...props }, ref) => {
   const containerRef = useRef(null);
   const isMouseInside = useRef(false);
   const shape = useShape();
-  const sizeClasses = useSize();
-  const substrate = useSurface();
+  const sizeClasses = useSize2();
+  const substrate = useSurface2();
   const indicatorLevel = Math.min(substrate + 3, 8);
   const valueOrderCtx = useContext(TabsValueOrderContext);
   const [optimisticIdx, setOptimisticIdx] = useState(null);
@@ -116,7 +116,7 @@ var TabsList = forwardRef(({ children, className, ...props }, ref) => {
     handlers,
     registerItem,
     measureItems
-  } = useFluidHover(containerRef, { axis: "x" });
+  } = useFluidHover2(containerRef, { axis: "x" });
   const registerTab = useCallback((index, _value, el) => {
     registerItem(index, el);
   }, [registerItem]);
@@ -186,24 +186,24 @@ var TabsList = forwardRef(({ children, className, ...props }, ref) => {
           return;
         setHoveredIndex(null);
       },
-      className: cn("relative inline-flex items-center select-none bg-muted", sizeClasses.segmentPad, shape.container, className),
+      className: cn2("relative inline-flex items-center select-none bg-muted", sizeClasses.segmentPad, shape.container, className),
       ...props,
       children: [
         selectedRect && /* @__PURE__ */ jsx(GooIndicator, {
           rect: selectedRect,
-          className: cn(SURFACE_BG[indicatorLevel], shape.bg),
+          className: cn2(SURFACE_BG[indicatorLevel], shape.bg),
           shadow: SURFACE_SHADOW[indicatorLevel],
           opacity: isHovering ? 0.85 : 1
         }),
         selectedRect && /* @__PURE__ */ jsx(GooIndicator, {
           rect: isHovering && hoverRect ? hoverRect : selectedRect,
-          className: cn("bg-hover", shape.bg),
-          transition: spring.fast,
+          className: cn2("bg-hover", shape.bg),
+          transition: spring2.fast,
           opacity: isHovering ? 0.4 : 0
         }),
         /* @__PURE__ */ jsx(AnimatePresence, {
           children: focusRect && /* @__PURE__ */ jsx(motion.div, {
-            className: cn("absolute pointer-events-none z-20 border border-focus-ring", shape.focusRing),
+            className: cn2("absolute pointer-events-none z-20 border border-focus-ring", shape.focusRing),
             initial: false,
             animate: {
               left: focusRect.left - 2,
@@ -211,10 +211,10 @@ var TabsList = forwardRef(({ children, className, ...props }, ref) => {
               width: focusRect.width + 4,
               height: focusRect.height + 4
             },
-            exit: { opacity: 0, transition: spring.fast.exit },
+            exit: { opacity: 0, transition: spring2.fast.exit },
             transition: {
-              ...spring.fast,
-              opacity: { duration: spring.fast.duration }
+              ...spring2.fast,
+              opacity: { duration: spring2.fast.duration }
             }
           })
         }),
@@ -223,10 +223,10 @@ var TabsList = forwardRef(({ children, className, ...props }, ref) => {
     })
   });
 });
-TabsList.displayName = "TabsList";
-var TabItem = forwardRef(({ value, icon: Icon, label, _index = 0, className, onClick, ...props }, ref) => {
+TabsList2.displayName = "TabsList";
+var TabItem2 = forwardRef(({ value, icon: Icon, label, _index = 0, className, onClick, ...props }, ref) => {
   const internalRef = useRef(null);
-  const sizeClasses = useSize();
+  const sizeClasses = useSize2();
   const { registerTab, hoveredIndex, selectedValue, setOptimisticIdx } = useTabsList();
   useEffect(() => {
     registerTab(_index, value, internalRef.current);
@@ -248,16 +248,16 @@ var TabItem = forwardRef(({ value, icon: Icon, label, _index = 0, className, onC
     },
     value,
     "data-fluid-hover-index": _index,
-    className: cn("relative z-10 flex items-center px-3 cursor-pointer bg-transparent border-none outline-none", sizeClasses.segmentItem, sizeClasses.gap, className),
+    className: cn2("relative z-10 flex items-center px-3 cursor-pointer bg-transparent border-none outline-none", sizeClasses.segmentItem, sizeClasses.gap, className),
     ...props,
     children: [
       Icon && /* @__PURE__ */ jsx(Icon, {
         size: sizeClasses.icon,
         strokeWidth: isActive ? 2 : 1.5,
-        className: cn("transition-[color,stroke-width] duration-fast", isActive ? "text-foreground" : "text-muted-foreground")
+        className: cn2("transition-[color,stroke-width] duration-fast", isActive ? "text-foreground" : "text-muted-foreground")
       }),
       /* @__PURE__ */ jsxs("span", {
-        className: cn("inline-grid whitespace-nowrap", sizeClasses.text),
+        className: cn2("inline-grid whitespace-nowrap", sizeClasses.text),
         children: [
           /* @__PURE__ */ jsx("span", {
             className: "col-start-1 row-start-1 invisible [text-box:trim-both_cap_alphabetic] weight-semibold",
@@ -265,7 +265,7 @@ var TabItem = forwardRef(({ value, icon: Icon, label, _index = 0, className, onC
             children: label
           }),
           /* @__PURE__ */ jsx("span", {
-            className: cn("col-start-1 row-start-1 transition-[color,font-variation-settings] duration-fast [text-box:trim-both_cap_alphabetic]", isActive ? "text-foreground" : "text-muted-foreground", isSelected ? "weight-semibold" : "weight-normal"),
+            className: cn2("col-start-1 row-start-1 transition-[color,font-variation-settings] duration-fast [text-box:trim-both_cap_alphabetic]", isActive ? "text-foreground" : "text-muted-foreground", isSelected ? "weight-semibold" : "weight-normal"),
             children: label
           })
         ]
@@ -273,16 +273,16 @@ var TabItem = forwardRef(({ value, icon: Icon, label, _index = 0, className, onC
     ]
   });
 });
-TabItem.displayName = "TabItem";
-var TabPanel = forwardRef(({ className, ...props }, ref) => {
+TabItem2.displayName = "TabItem";
+var TabPanel2 = forwardRef(({ className, ...props }, ref) => {
   return /* @__PURE__ */ jsx(TabsPrimitive.Panel, {
     ref,
-    className: cn("outline-none", className),
+    className: cn2("outline-none", className),
     ...props
   });
 });
-TabPanel.displayName = "TabPanel";
-Object.assign(Tabs, { List: TabsList, Item: TabItem, Panel: TabPanel });
-var tabs_default = Tabs;
+TabPanel2.displayName = "TabPanel";
+Object.assign(Tabs2, { List: TabsList2, Item: TabItem2, Panel: TabPanel2 });
+var tabs_default = Tabs2;
 
-export { Tabs, TabsList, TabItem, TabPanel, tabs_default };
+export { Tabs2, TabsList2, TabItem2, TabPanel2, tabs_default };

package/dist/shared/{components-aaq3yk4f.js → components-v6xp325t.js}

@@ -1,27 +1,27 @@
 import {
-  SizeProvider
-} from "./components-vb033rns.js";
+  cn2
+} from "./components-ezxhrmer.js";
 import {
-  useFluidHover
-} from "./components-e46kf6cp.js";
+  GooIndicator
+} from "./components-chacnk61.js";
 import {
   useShape
-} from "./components-7zp99w5d.js";
+} from "./components-cv16mryv.js";
 import {
-  useControllableState
-} from "./components-dg0w8g5p.js";
+  useSize2
+} from "./components-0sn7ypjw.js";
 import {
-  GooIndicator
-} from "./components-kf2ehztc.js";
+  useControllableState
+} from "./components-n7mjr357.js";
 import {
-  spring
-} from "./components-vc1k7yv2.js";
+  useFluidHover2
+} from "./components-59efxjd9.js";
 import {
-  useSize
-} from "./components-x3rz4cyn.js";
+  SizeProvider2
+} from "./components-jjw69c4c.js";
 import {
-  cn
-} from "./components-0f0as45n.js";
+  spring2
+} from "./components-1v7rxytx.js";
 
 // components/navigation/tabs-subtle/index.tsx
 import { Tabs } from "@base-ui/react/tabs";
@@ -40,14 +40,14 @@ import {
 } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 var TabsSubtleContext = createContext(null);
-var isPanel = (child) => isValidElement(child) && child.type === TabsSubtlePanel;
+var isPanel = (child) => isValidElement(child) && child.type === TabsSubtlePanel2;
 function useTabsSubtle() {
   const ctx = useContext(TabsSubtleContext);
   if (!ctx)
     throw new Error("useTabsSubtle must be used within a TabsSubtle");
   return ctx;
 }
-var TabsSubtle = forwardRef(({
+var TabsSubtle2 = forwardRef(({
   children,
   selectedIndex: selectedIndexProp,
   defaultSelectedIndex = 0,
@@ -74,7 +74,7 @@ var TabsSubtle = forwardRef(({
     handlers,
     registerItem,
     measureItems: measureTabs
-  } = useFluidHover(containerRef, { axis: "x" });
+  } = useFluidHover2(containerRef, { axis: "x" });
   const tabElementsRef = useRef(new Map);
   const registerTab = useCallback((index, element) => {
     registerItem(index, element);
@@ -151,23 +151,23 @@ var TabsSubtle = forwardRef(({
               return;
             setHoveredIndex(null);
           },
-          className: cn("relative flex items-center select-none overflow-x-auto max-w-[calc(100%_+_8px)] scrollbar-hide -mx-1 px-1 -my-1 py-1", className),
+          className: cn2("relative flex items-center select-none overflow-x-auto max-w-[calc(100%_+_8px)] scrollbar-hide -mx-1 px-1 -my-1 py-1", className),
           ...props,
           children: [
             selectedRect && /* @__PURE__ */ jsx(GooIndicator, {
               rect: selectedRect,
-              className: cn("bg-active", shape.bg),
+              className: cn2("bg-active", shape.bg),
               opacity: isHovering ? 0.8 : 1
             }),
             selectedRect && /* @__PURE__ */ jsx(GooIndicator, {
               rect: isHovering && hoverRect ? hoverRect : selectedRect,
-              className: cn("bg-active", shape.bg),
-              transition: spring.fast,
+              className: cn2("bg-active", shape.bg),
+              transition: spring2.fast,
               opacity: isHovering ? 0.4 : 0
             }),
             /* @__PURE__ */ jsx(AnimatePresence, {
               children: focusRect && /* @__PURE__ */ jsx(motion.div, {
-                className: cn("absolute pointer-events-none z-20 border border-focus-ring", shape.focusRing),
+                className: cn2("absolute pointer-events-none z-20 border border-focus-ring", shape.focusRing),
                 initial: false,
                 animate: {
                   left: focusRect.left - 2,
@@ -175,10 +175,10 @@ var TabsSubtle = forwardRef(({
                   width: focusRect.width + 4,
                   height: focusRect.height + 4
                 },
-                exit: { opacity: 0, transition: spring.fast.exit },
+                exit: { opacity: 0, transition: spring2.fast.exit },
                 transition: {
-                  ...spring.fast,
-                  opacity: { duration: spring.fast.duration }
+                  ...spring2.fast,
+                  opacity: { duration: spring2.fast.duration }
                 }
               })
             }),
@@ -189,13 +189,13 @@ var TabsSubtle = forwardRef(({
       panels
     ]
   });
-  return size ? /* @__PURE__ */ jsx(SizeProvider, {
+  return size ? /* @__PURE__ */ jsx(SizeProvider2, {
     size,
     children: root
   }) : root;
 });
-TabsSubtle.displayName = "TabsSubtle";
-var TabsSubtleItem = forwardRef(({ icon: Icon, label, index, className, ...props }, ref) => {
+TabsSubtle2.displayName = "TabsSubtle";
+var TabsSubtleItem2 = forwardRef(({ icon: Icon, label, index, className, ...props }, ref) => {
   const internalRef = useRef(null);
   const [labelWidth, setLabelWidth] = useState(null);
   const labelRoRef = useRef(null);
@@ -210,7 +210,7 @@ var TabsSubtleItem = forwardRef(({ icon: Icon, label, index, className, ...props
     labelRoRef.current.observe(el);
   }, []);
   const shape = useShape();
-  const sizeClasses = useSize();
+  const sizeClasses = useSize2();
   const { registerTab, hoveredIndex, selectedIndex, idPrefix, activeLabel } = useTabsSubtle();
   useEffect(() => {
     registerTab(index, internalRef.current);
@@ -222,7 +222,7 @@ var TabsSubtleItem = forwardRef(({ icon: Icon, label, index, className, ...props
   const showLabel = !collapseLabel || isSelected;
   const labelContent = /* @__PURE__ */ jsxs("span", {
     ref: measureLabel,
-    className: cn("inline-grid whitespace-nowrap", sizeClasses.text),
+    className: cn2("inline-grid whitespace-nowrap", sizeClasses.text),
     children: [
       /* @__PURE__ */ jsx("span", {
         className: "col-start-1 row-start-1 invisible [text-box:trim-both_cap_alphabetic] weight-semibold",
@@ -230,7 +230,7 @@ var TabsSubtleItem = forwardRef(({ icon: Icon, label, index, className, ...props
         children: label
       }),
       /* @__PURE__ */ jsx("span", {
-        className: cn("col-start-1 row-start-1 transition-[color,font-variation-settings] duration-fast [text-box:trim-both_cap_alphabetic]", isActive ? "text-foreground" : "text-muted-foreground", isSelected ? "weight-semibold" : "weight-normal"),
+        className: cn2("col-start-1 row-start-1 transition-[color,font-variation-settings] duration-fast [text-box:trim-both_cap_alphabetic]", isActive ? "text-foreground" : "text-muted-foreground", isSelected ? "weight-semibold" : "weight-normal"),
         children: label
       })
     ]
@@ -249,13 +249,13 @@ var TabsSubtleItem = forwardRef(({ icon: Icon, label, index, className, ...props
     id: idPrefix ? `${idPrefix}-tab-${index}` : undefined,
     "aria-controls": idPrefix ? `${idPrefix}-panel-${index}` : undefined,
     "aria-label": collapseLabel && !showLabel ? label : undefined,
-    className: cn("relative z-10 flex items-center cursor-pointer bg-transparent border-none outline-none", sizeClasses.control, sizeClasses.px, !collapseLabel && sizeClasses.gap, shape.bg, className),
+    className: cn2("relative z-10 flex items-center cursor-pointer bg-transparent border-none outline-none", sizeClasses.control, sizeClasses.px, !collapseLabel && sizeClasses.gap, shape.bg, className),
     ...props,
     children: [
       Icon && /* @__PURE__ */ jsx(Icon, {
         size: sizeClasses.icon,
         strokeWidth: isActive ? 2 : 1.5,
-        className: cn("shrink-0 transition-[color,stroke-width] duration-fast", isActive ? "text-foreground" : "text-muted-foreground")
+        className: cn2("shrink-0 transition-[color,stroke-width] duration-fast", isActive ? "text-foreground" : "text-muted-foreground")
       }),
       collapseLabel ? /* @__PURE__ */ jsx(AnimatePresence, {
         initial: false,
@@ -270,8 +270,8 @@ var TabsSubtleItem = forwardRef(({ icon: Icon, label, index, className, ...props
           },
           exit: { width: 0, opacity: 0, marginLeft: 0 },
           transition: {
-            ...spring.fast,
-            opacity: { duration: spring.fast.exit.duration }
+            ...spring2.fast,
+            opacity: { duration: spring2.fast.exit.duration }
           },
           children: labelContent
         }, "label")
@@ -279,8 +279,8 @@ var TabsSubtleItem = forwardRef(({ icon: Icon, label, index, className, ...props
     ]
   });
 });
-TabsSubtleItem.displayName = "TabsSubtleItem";
-var TabsSubtlePanel = forwardRef(({ index, selectedIndex, idPrefix, children, className, ...props }, ref) => {
+TabsSubtleItem2.displayName = "TabsSubtleItem";
+var TabsSubtlePanel2 = forwardRef(({ index, selectedIndex, idPrefix, children, className, ...props }, ref) => {
   const ctx = useContext(TabsSubtleContext);
   const resolvedSelectedIndex = selectedIndex ?? ctx?.selectedIndex ?? -1;
   const resolvedIdPrefix = idPrefix ?? ctx?.idPrefix;
@@ -292,13 +292,13 @@ var TabsSubtlePanel = forwardRef(({ index, selectedIndex, idPrefix, children, cl
     "aria-labelledby": resolvedIdPrefix ? `${resolvedIdPrefix}-tab-${index}` : undefined,
     hidden: !isSelected,
     tabIndex: -1,
-    className: cn("outline-none", className),
+    className: cn2("outline-none", className),
     ...props,
     children: isSelected && children
   });
 });
-TabsSubtlePanel.displayName = "TabsSubtlePanel";
-Object.assign(TabsSubtle, { Item: TabsSubtleItem, Panel: TabsSubtlePanel });
-var tabs_subtle_default = TabsSubtle;
+TabsSubtlePanel2.displayName = "TabsSubtlePanel";
+Object.assign(TabsSubtle2, { Item: TabsSubtleItem2, Panel: TabsSubtlePanel2 });
+var tabs_subtle_default = TabsSubtle2;
 
-export { TabsSubtle, TabsSubtleItem, TabsSubtlePanel, tabs_subtle_default };
+export { TabsSubtle2, TabsSubtleItem2, TabsSubtlePanel2, tabs_subtle_default };

package/dist/shared/{components-v7es8aan.js → components-v7wtz8hk.js}

@@ -1,22 +1,22 @@
-import {
-  TimeColumns
-} from "./components-r4jt6hgd.js";
-import {
-  calendar_default
-} from "./components-6phwsry6.js";
-import {
-  PickerInput,
-  PickerShell
-} from "./components-hzfp4tjb.js";
 import {
   defaultLocale,
   hourCycleOf,
   parseDateText,
   parseTimeText
-} from "./components-x2xyckd5.js";
+} from "./components-9jvzzvt1.js";
 import {
   useControllableState
-} from "./components-dg0w8g5p.js";
+} from "./components-n7mjr357.js";
+import {
+  calendar_default
+} from "./components-1rfwbyyc.js";
+import {
+  PickerShell,
+  PickerInput
+} from "./components-7btqt08d.js";
+import {
+  TimeColumns
+} from "./components-q4daerx0.js";
 
 // components/inputs/date-time/date-picker/index.tsx
 import { endOfMonth, format, set } from "date-fns";
@@ -24,7 +24,7 @@ import { useRef } from "react";
 import { dateMatchModifiers } from "react-day-picker";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 var keepTime = (day, from) => set(day, { hours: from?.getHours() ?? 0, minutes: from?.getMinutes() ?? 0, seconds: 0, milliseconds: 0 });
-function DatePicker({
+function DatePicker2({
   value: valueProp,
   defaultValue = null,
   onValueChange,
@@ -139,6 +139,6 @@ function DatePicker({
     })
   });
 }
-var date_picker_default = DatePicker;
+var date_picker_default = DatePicker2;
 
-export { DatePicker, date_picker_default };
+export { DatePicker2, date_picker_default };