@justanarthur/modo-ui 0.1.0 → 0.2.0

package/dist/shared/{components-s5pkbjx1.js → components-njzgqdwy.js}

@@ -1,35 +1,35 @@
 import {
-  DropdownContent,
-  DropdownMenu,
-  DropdownTrigger,
-  MenuItem
-} from "./components-40j34hdb.js";
+  useShape
+} from "./components-cv16mryv.js";
 import {
-  SidebarInput,
-  SidebarMenu,
-  SidebarMenuButton,
-  SidebarMenuItem,
-  SidebarTrigger,
-  sidebar_default
-} from "./components-nn6xezy2.js";
+  useSize2
+} from "./components-0sn7ypjw.js";
 import {
-  tooltip_default
-} from "./components-gndm6am4.js";
+  cn2
+} from "./components-ezxhrmer.js";
 import {
   button_default
-} from "./components-5pkcfprd.js";
+} from "./components-b2wyq2cq.js";
 import {
   useIcon
-} from "./components-m5br529r.js";
+} from "./components-zrkzcayz.js";
 import {
-  useShape
-} from "./components-7zp99w5d.js";
+  tooltip_default
+} from "./components-ng72k97e.js";
 import {
-  useSize
-} from "./components-x3rz4cyn.js";
+  SidebarTrigger2,
+  SidebarInput2,
+  SidebarMenu2,
+  SidebarMenuItem2,
+  SidebarMenuButton2,
+  sidebar_default
+} from "./components-ca2c898n.js";
 import {
-  cn
-} from "./components-0f0as45n.js";
+  MenuItem2,
+  DropdownMenu2,
+  DropdownTrigger2,
+  DropdownContent2
+} from "./components-nh8tma1n.js";
 
 // blocks/sidebar-app/index.tsx
 import { useState } from "react";
@@ -38,9 +38,9 @@ import { useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 function SidebarInsetTopbar({ children, className }) {
   return /* @__PURE__ */ jsxs("header", {
-    className: cn("flex h-12 shrink-0 items-center gap-2 px-1.5", className),
+    className: cn2("flex h-12 shrink-0 items-center gap-2 px-1.5", className),
     children: [
-      /* @__PURE__ */ jsx(SidebarTrigger, {}),
+      /* @__PURE__ */ jsx(SidebarTrigger2, {}),
       children
     ]
   });
@@ -68,7 +68,7 @@ var NAV_SECTIONS = [
 // blocks/sidebar-app/search-field.tsx
 import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 function SidebarSearchField({ placeholder = "Search…", shortcut = "⌘K", ...props }) {
-  const iconSize = useSize().icon;
+  const iconSize = useSize2().icon;
   const SearchIcon = useIcon("search");
   return /* @__PURE__ */ jsxs2("div", {
     className: "group/search relative",
@@ -78,7 +78,7 @@ function SidebarSearchField({ placeholder = "Search…", shortcut = "⌘K", ...p
         strokeWidth: 1.5,
         className: "pointer-events-none absolute left-2 top-1/2 -translate-y-1/2 text-muted-foreground"
       }),
-      /* @__PURE__ */ jsx2(SidebarInput, {
+      /* @__PURE__ */ jsx2(SidebarInput2, {
         placeholder,
         "aria-label": "Search",
         className: "pl-8 pr-12",
@@ -99,16 +99,16 @@ var SIDEBAR_MENU_POPUP = `min-w-[240px] w-[calc(var(--anchor-width)_+_10px)] ${S
 // blocks/sidebar-app/user-footer.tsx
 import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
 function SidebarUserFooter({ name, avatar, menu, className }) {
-  const iconSize = useSize().icon;
+  const iconSize = useSize2().icon;
   const ChevronsUpDown = useIcon("chevrons-up-down");
-  return /* @__PURE__ */ jsx3(SidebarMenu, {
+  return /* @__PURE__ */ jsx3(SidebarMenu2, {
     "aria-label": "User",
-    className: cn(className),
-    children: /* @__PURE__ */ jsx3(SidebarMenuItem, {
-      children: /* @__PURE__ */ jsxs3(DropdownMenu, {
+    className: cn2(className),
+    children: /* @__PURE__ */ jsx3(SidebarMenuItem2, {
+      children: /* @__PURE__ */ jsxs3(DropdownMenu2, {
         children: [
-          /* @__PURE__ */ jsx3(DropdownTrigger, {
-            render: /* @__PURE__ */ jsxs3(SidebarMenuButton, {
+          /* @__PURE__ */ jsx3(DropdownTrigger2, {
+            render: /* @__PURE__ */ jsxs3(SidebarMenuButton2, {
               "aria-label": "Open user menu",
               children: [
                 /* @__PURE__ */ jsx3("span", {
@@ -130,7 +130,7 @@ function SidebarUserFooter({ name, avatar, menu, className }) {
               ]
             })
           }),
-          /* @__PURE__ */ jsx3(DropdownContent, {
+          /* @__PURE__ */ jsx3(DropdownContent2, {
             className: SIDEBAR_MENU_POPUP,
             side: "top",
             align: "start",
@@ -152,7 +152,7 @@ function SidebarWorkspaceHeader({
   checkedIndex,
   defaultCheckedIndex
 }) {
-  const iconSize = useSize().icon;
+  const iconSize = useSize2().icon;
   const ChevronDown = useIcon("chevron-down");
   const tileSlot = /* @__PURE__ */ jsx4("span", {
     "aria-hidden": true,
@@ -172,14 +172,14 @@ function SidebarWorkspaceHeader({
       ]
     });
   }
-  return /* @__PURE__ */ jsx4(SidebarMenu, {
+  return /* @__PURE__ */ jsx4(SidebarMenu2, {
     "aria-label": "Workspace",
     className: "@container",
-    children: /* @__PURE__ */ jsx4(SidebarMenuItem, {
-      children: /* @__PURE__ */ jsxs4(DropdownMenu, {
+    children: /* @__PURE__ */ jsx4(SidebarMenuItem2, {
+      children: /* @__PURE__ */ jsxs4(DropdownMenu2, {
         children: [
-          /* @__PURE__ */ jsx4(DropdownTrigger, {
-            render: /* @__PURE__ */ jsxs4(SidebarMenuButton, {
+          /* @__PURE__ */ jsx4(DropdownTrigger2, {
+            render: /* @__PURE__ */ jsxs4(SidebarMenuButton2, {
               "aria-label": "Switch workspace",
               className: "pl-8",
               children: [
@@ -196,7 +196,7 @@ function SidebarWorkspaceHeader({
               ]
             })
           }),
-          /* @__PURE__ */ jsx4(DropdownContent, {
+          /* @__PURE__ */ jsx4(DropdownContent2, {
             className: SIDEBAR_MENU_POPUP,
             align: "start",
             sideOffset: 4,
@@ -212,7 +212,7 @@ function SidebarWorkspaceHeader({
 function WorkspaceTile({ children, className }) {
   const shape = useShape();
   return /* @__PURE__ */ jsx4("span", {
-    className: cn("flex size-5 shrink-0 items-center justify-center bg-foreground text-micro-compact weight-semibold text-background", shape.bgRadius >= 20 ? "rounded-full" : "rounded-md", className),
+    className: cn2("flex size-5 shrink-0 items-center justify-center bg-foreground text-micro-compact weight-semibold text-background", shape.bgRadius >= 20 ? "rounded-full" : "rounded-md", className),
     children
   });
 }
@@ -245,15 +245,15 @@ function AppSidebar({ variant, side, className, value, onValueChange }) {
             defaultCheckedIndex: 0,
             menu: /* @__PURE__ */ jsxs5(Fragment, {
               children: [
-                /* @__PURE__ */ jsx5(MenuItem, {
+                /* @__PURE__ */ jsx5(MenuItem2, {
                   index: 0,
                   label: "Acme Inc"
                 }),
-                /* @__PURE__ */ jsx5(MenuItem, {
+                /* @__PURE__ */ jsx5(MenuItem2, {
                   index: 1,
                   label: "Personal"
                 }),
-                /* @__PURE__ */ jsx5(MenuItem, {
+                /* @__PURE__ */ jsx5(MenuItem2, {
                   index: 2,
                   icon: PlusIcon,
                   label: "New workspace"
@@ -311,26 +311,26 @@ function AppSidebar({ variant, side, className, value, onValueChange }) {
                     value: item.label,
                     children: item.label
                   }),
-                  /* @__PURE__ */ jsxs5(DropdownMenu, {
+                  /* @__PURE__ */ jsxs5(DropdownMenu2, {
                     children: [
-                      /* @__PURE__ */ jsx5(DropdownTrigger, {
+                      /* @__PURE__ */ jsx5(DropdownTrigger2, {
                         render: /* @__PURE__ */ jsx5(sidebar_default.MenuAction, {
                           showOnHover: true,
                           "aria-label": "More options",
                           children: /* @__PURE__ */ jsx5(MoreVerticalIcon, {})
                         })
                       }),
-                      /* @__PURE__ */ jsxs5(DropdownContent, {
+                      /* @__PURE__ */ jsxs5(DropdownContent2, {
                         className: "min-w-0 w-[240px]",
                         align: "start",
                         sideOffset: 4,
                         children: [
-                          /* @__PURE__ */ jsx5(MenuItem, {
+                          /* @__PURE__ */ jsx5(MenuItem2, {
                             index: 0,
                             icon: PencilIcon,
                             label: "Rename"
                           }),
-                          /* @__PURE__ */ jsx5(MenuItem, {
+                          /* @__PURE__ */ jsx5(MenuItem2, {
                             index: 1,
                             icon: LinkIcon,
                             label: "Share"
@@ -358,17 +358,17 @@ function AppSidebar({ variant, side, className, value, onValueChange }) {
               className: "min-w-0 flex-1",
               menu: /* @__PURE__ */ jsxs5(Fragment, {
                 children: [
-                  /* @__PURE__ */ jsx5(MenuItem, {
+                  /* @__PURE__ */ jsx5(MenuItem2, {
                     index: 0,
                     icon: UserIcon,
                     label: "Profile"
                   }),
-                  /* @__PURE__ */ jsx5(MenuItem, {
+                  /* @__PURE__ */ jsx5(MenuItem2, {
                     index: 1,
                     icon: SettingsIcon,
                     label: "Settings"
                   }),
-                  /* @__PURE__ */ jsx5(MenuItem, {
+                  /* @__PURE__ */ jsx5(MenuItem2, {
                     index: 2,
                     icon: ArrowLeftIcon,
                     label: "Log out"
@@ -404,7 +404,7 @@ function AppSidebar({ variant, side, className, value, onValueChange }) {
     ]
   });
 }
-function SidebarApp({
+function SidebarApp2({
   defaultOpen = false,
   variant = "inset",
   side = "left",
@@ -425,7 +425,7 @@ function SidebarApp({
         onValueChange: setThread
       }),
       /* @__PURE__ */ jsxs5(sidebar_default.Inset, {
-        className: cn(contained && "min-h-0", variant === "floating" && "pt-2"),
+        className: cn2(contained && "min-h-0", variant === "floating" && "pt-2"),
         children: [
           /* @__PURE__ */ jsx5(SidebarInsetTopbar, {
             children: /* @__PURE__ */ jsx5("span", {
@@ -442,4 +442,4 @@ function SidebarApp({
   });
 }
 
-export { SidebarApp };
+export { SidebarApp2 };

package/dist/shared/{components-54nf2x99.js → components-ny774h8p.js}

@@ -1,31 +1,31 @@
 import {
-  SizeProvider
-} from "./components-vb033rns.js";
+  cn2
+} from "./components-ezxhrmer.js";
 import {
-  FluidHoverHighlight
-} from "./components-r22vtgqc.js";
+  GooIndicator
+} from "./components-chacnk61.js";
 import {
-  useFluidHover,
-  useRegisterFluidHoverItem
-} from "./components-e46kf6cp.js";
+  FluidHoverHighlight2
+} from "./components-kvr7f9hy.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,
+  useRegisterFluidHoverItem2
+} 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/inputs/radio-group/index.tsx
 import { Radio as RadioPrimitive } from "@base-ui/react/radio";
@@ -49,7 +49,7 @@ function useRadioGroupContext() {
     throw new Error("useRadioGroup must be used within a RadioGroup");
   return ctx;
 }
-var RadioGroup = forwardRef(({
+var RadioGroup2 = forwardRef(({
   children,
   selectedIndex: selectedIndexProp,
   defaultSelectedIndex,
@@ -65,7 +65,7 @@ var RadioGroup = forwardRef(({
   const [value, onValueChange] = useControllableState(valueProp, defaultValue, onValueChangeProp);
   const containerRef = useRef(null);
   const childValues = Children.toArray(children).filter(isValidElement).map((child) => child.props.value);
-  const hover = useFluidHover(containerRef);
+  const hover = useFluidHover2(containerRef);
   const { activeIndex, setActiveIndex, itemRects, handlers, registerItem } = hover;
   const [focusedIndex, setFocusedIndex] = useState(null);
   const resolvedSelectedIndex = value !== undefined ? childValues.findIndex((childValue) => childValue === value) : selectedIndex ?? -1;
@@ -124,14 +124,14 @@ var RadioGroup = forwardRef(({
       }
     },
     role: "radiogroup",
-    className: cn("relative flex flex-col w-72 max-w-full select-none", className),
+    className: cn2("relative flex flex-col w-72 max-w-full select-none", className),
     ...props,
     children: [
       selectedRect && /* @__PURE__ */ jsx(GooIndicator, {
         rect: selectedRect,
-        className: cn("bg-active", shape.bg)
+        className: cn2("bg-active", shape.bg)
       }),
-      /* @__PURE__ */ jsx(FluidHoverHighlight, {
+      /* @__PURE__ */ jsx(FluidHoverHighlight2, {
         hover,
         className: shape.bg
       }),
@@ -145,17 +145,17 @@ var RadioGroup = 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 }
           }
         })
       }),
       children
     ]
   });
-  const withSize = (node) => size ? /* @__PURE__ */ jsx(SizeProvider, {
+  const withSize = (node) => size ? /* @__PURE__ */ jsx(SizeProvider2, {
     size,
     children: node
   }) : node;
@@ -188,19 +188,19 @@ var RadioGroup = forwardRef(({
     children: content
   }));
 });
-RadioGroup.displayName = "RadioGroup";
-var RadioItem = forwardRef(({ label, index, selected, onSelect, value, className, ...props }, ref) => {
+RadioGroup2.displayName = "RadioGroup";
+var RadioItem2 = forwardRef(({ label, index, selected, onSelect, value, className, ...props }, ref) => {
   const internalRef = useRef(null);
   const hasMounted = useRef(false);
   const { registerItem, activeIndex, selectedIndex, selectedValue, onValueChange, hasSelection, selectIndex } = useRadioGroupContext();
-  useRegisterFluidHoverItem(registerItem, index, internalRef);
+  useRegisterFluidHoverItem2(registerItem, index, internalRef);
   useEffect(() => {
     hasMounted.current = true;
   }, []);
   const isActive = activeIndex === index;
   const skipAnimation = !hasMounted.current;
   const shape = useShape();
-  const sizeClasses = useSize();
+  const sizeClasses = useSize2();
   const compact = sizeClasses.variant === "compact";
   const isSelected = value !== undefined && selectedValue !== undefined ? selectedValue === value : selected ?? selectedIndex === index;
   const handleSelect = () => {
@@ -237,14 +237,14 @@ var RadioItem = forwardRef(({ label, index, selected, onSelect, value, className
         handleSelect();
       }
     },
-    className: cn(`relative z-10 flex ${sizeClasses.control} items-center ${sizeClasses.gap} ${shape.item} ${sizeClasses.px} cursor-pointer outline-none`, className),
+    className: cn2(`relative z-10 flex ${sizeClasses.control} items-center ${sizeClasses.gap} ${shape.item} ${sizeClasses.px} cursor-pointer outline-none`, className),
     ...props,
     children: [
       /* @__PURE__ */ jsxs("div", {
-        className: cn("relative shrink-0", compact ? "w-[14px] h-[14px]" : "w-[16px] h-[16px]"),
+        className: cn2("relative shrink-0", compact ? "w-[14px] h-[14px]" : "w-[16px] h-[16px]"),
         children: [
           /* @__PURE__ */ jsx("div", {
-            className: cn("absolute inset-0 rounded-full border-solid transition-all duration-fast", isSelected ? "border-[1.5px] border-transparent" : isActive ? "border-[1.5px] border-control" : "border-[1.5px] border-border")
+            className: cn2("absolute inset-0 rounded-full border-solid transition-all duration-fast", isSelected ? "border-[1.5px] border-transparent" : isActive ? "border-[1.5px] border-control" : "border-[1.5px] border-border")
           }),
           /* @__PURE__ */ jsx(AnimatePresence, {
             children: isSelected && /* @__PURE__ */ jsx(motion.div, {
@@ -255,16 +255,16 @@ var RadioItem = forwardRef(({ label, index, selected, onSelect, value, className
               },
               animate: { opacity: 1, scale: 1 },
               exit: { opacity: 0, scale: 0.3, transition: { duration: 0.04 } },
-              transition: spring.fast,
+              transition: spring2.fast,
               children: /* @__PURE__ */ jsx("div", {
-                className: cn("rounded-full bg-foreground", compact ? "w-[7px] h-[7px]" : "w-[8px] h-[8px]")
+                className: cn2("rounded-full bg-foreground", compact ? "w-[7px] h-[7px]" : "w-[8px] h-[8px]")
               })
             })
           })
         ]
       }),
       /* @__PURE__ */ jsxs("span", {
-        className: cn("inline-grid", sizeClasses.text),
+        className: cn2("inline-grid", sizeClasses.text),
         children: [
           /* @__PURE__ */ jsx("span", {
             className: "col-start-1 row-start-1 invisible [text-box:trim-both_cap_alphabetic] weight-semibold",
@@ -272,7 +272,7 @@ var RadioItem = forwardRef(({ label, index, selected, onSelect, value, className
             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]", isSelected || 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]", isSelected || isActive ? "text-foreground" : "text-muted-foreground", isSelected ? "weight-semibold" : "weight-normal"),
             children: label
           })
         ]
@@ -286,8 +286,8 @@ var RadioItem = forwardRef(({ label, index, selected, onSelect, value, className
     ]
   });
 });
-RadioItem.displayName = "RadioItem";
-Object.assign(RadioGroup, { Item: RadioItem });
-var radio_group_default = RadioGroup;
+RadioItem2.displayName = "RadioItem";
+Object.assign(RadioGroup2, { Item: RadioItem2 });
+var radio_group_default = RadioGroup2;
 
-export { RadioGroup, RadioItem, radio_group_default };
+export { RadioGroup2, RadioItem2, radio_group_default };

package/dist/shared/{components-r4jt6hgd.js → components-q4daerx0.js}

@@ -1,10 +1,10 @@
 import {
-  ScrollColumn,
-  fieldLabel
-} from "./components-x2xyckd5.js";
+  fieldLabel,
+  ScrollColumn
+} from "./components-9jvzzvt1.js";
 import {
-  cn
-} from "./components-0f0as45n.js";
+  cn2
+} from "./components-ezxhrmer.js";
 
 // components/inputs/date-time/time-columns.tsx
 import { format } from "date-fns";
@@ -32,7 +32,7 @@ function TimeColumns({
     label: pad(i * minuteStep)
   })), [minuteStep]);
   const vertical = orientation === "vertical";
-  const width = (fixed) => !vertical ? "w-full" : fill ? "min-w-0 flex-1" : cn("shrink-0", fixed);
+  const width = (fixed) => !vertical ? "w-full" : fill ? "min-w-0 flex-1" : cn2("shrink-0", fixed);
   return /* @__PURE__ */ jsxs(Fragment, {
     children: [
       /* @__PURE__ */ jsx(ScrollColumn, {

package/dist/shared/{components-peg09pzs.js → components-q5xj5c16.js}

@@ -1,20 +1,20 @@
+import {
+  cn2
+} from "./components-ezxhrmer.js";
 import {
   button_default
-} from "./components-5pkcfprd.js";
+} from "./components-b2wyq2cq.js";
 import {
   useControllableState
-} from "./components-dg0w8g5p.js";
-import {
-  spring
-} from "./components-vc1k7yv2.js";
+} from "./components-n7mjr357.js";
 import {
-  cn
-} from "./components-0f0as45n.js";
+  spring2
+} from "./components-1v7rxytx.js";
 
 // primitives/motion/index.tsx
 import { MotionConfig, motion } from "motion/react";
 import { jsx, jsxs } from "react/jsx-runtime";
-function Motion({
+function Motion2({
   tier = "moderate",
   show,
   defaultShow = true,
@@ -25,12 +25,12 @@ function Motion({
   children
 }) {
   const [shown, setShown] = useControllableState(show, defaultShow, onShowChange);
-  const enter = spring[tier];
+  const enter = spring2[tier];
   const leave = sameExit ? enter : enter.exit;
   return /* @__PURE__ */ jsx(MotionConfig, {
     reducedMotion,
     children: /* @__PURE__ */ jsxs("div", {
-      className: cn("flex flex-col items-center gap-3", className),
+      className: cn2("flex flex-col items-center gap-3", className),
       children: [
         /* @__PURE__ */ jsx(motion.div, {
           initial: false,
@@ -76,4 +76,4 @@ function Motion({
     })
   });
 }
-export { Motion };
+export { Motion2 };