@justanarthur/modo-ui 0.2.0 → 0.3.0

package/dist/index.js

@@ -98,7 +98,7 @@ import {
   SidebarMenuSubButton2,
   Sidebar2,
   SidebarContent2
-} from "./shared/components-ca2c898n.js";
+} from "./shared/components-nb87fjy4.js";
 import"./shared/components-chacnk61.js";
 import {
   FluidHoverHighlight2
@@ -126,10 +126,24 @@ import {
   DropdownContent2,
   DropdownLabel2,
   DropdownSeparator2
-} from "./shared/components-nh8tma1n.js";
+} from "./shared/components-a86dytt0.js";
 import {
   SidebarApp2
-} from "./shared/components-njzgqdwy.js";
+} from "./shared/components-2n3whx7z.js";
+import {
+  FileThumbnail2,
+  InputMessage2
+} from "./shared/components-d6xtjht3.js";
+import {
+  ThinkingIndicator2
+} from "./shared/components-27nnvrwe.js";
+import {
+  AccordionGroup2,
+  Accordion2,
+  AccordionItem2,
+  AccordionTrigger2,
+  AccordionContent2
+} from "./shared/components-b3c5et5b.js";
 import {
   badgeColors2,
   badgeVariants2,
@@ -149,11 +163,15 @@ import {
   CardEyebrow2,
   CardFeature2,
   CardButton2
-} from "./shared/components-apdwtweq.js";
+} from "./shared/components-jbbmdr74.js";
+import {
+  Copy2
+} from "./shared/components-s083f38z.js";
+import"./shared/components-ta7shw28.js";
 import {
   CheckboxGroup2,
-  CheckboxItem2
-} from "./shared/components-ytb2tefr.js";
+  Checkbox2
+} from "./shared/components-hyq23phv.js";
 import {
   Slider2,
   SliderComfortable2
@@ -166,7 +184,7 @@ import {
   ColorSwatch2,
   ColorPicker2,
   ColorPickerPopover2
-} from "./shared/components-3k8xpnpq.js";
+} from "./shared/components-jthe1pwb.js";
 import {
   Combobox2,
   ComboboxInput2,
@@ -175,44 +193,37 @@ import {
   ComboboxList2,
   ComboboxItem2,
   ComboboxEmpty2
-} from "./shared/components-3gae8nta.js";
-import"./shared/components-9jvzzvt1.js";
+} from "./shared/components-8ey44d79.js";
+import"./shared/components-gz8zf3ec.js";
 import {
   Calendar2
-} from "./shared/components-1rfwbyyc.js";
+} from "./shared/components-1z6tdadk.js";
 import {
   Input2,
   Label2,
   InputGroup2
 } from "./shared/components-gvr9w41t.js";
 import"./shared/components-7btqt08d.js";
-import"./shared/components-q4daerx0.js";
+import"./shared/components-mjthm1kf.js";
 import {
   DatePicker2
-} from "./shared/components-v7wtz8hk.js";
+} from "./shared/components-2nhgyh31.js";
 import {
   DateRangePicker2
-} from "./shared/components-cbxjn9p8.js";
+} from "./shared/components-k809mbn0.js";
 import {
   DurationPicker2
-} from "./shared/components-7ans7ce5.js";
+} from "./shared/components-re6rs21k.js";
 import {
   MonthPicker2
-} from "./shared/components-4cnjmgex.js";
+} from "./shared/components-3fbbvq5j.js";
 import {
   TimePicker2
-} from "./shared/components-ez65vtbq.js";
-import {
-  InputCopy2
-} from "./shared/components-1j9791sn.js";
-import {
-  FileThumbnail2,
-  InputMessage2
-} from "./shared/components-yh3kwdhr.js";
+} from "./shared/components-bshdmf75.js";
 import {
   RadioGroup2,
-  RadioItem2
-} from "./shared/components-ny774h8p.js";
+  Radio2
+} from "./shared/components-pbmqctfa.js";
 import {
   CommandListRoot2,
   CommandShortcut2,
@@ -221,10 +232,10 @@ import {
   CommandTrigger2,
   CommandContent2,
   Command2
-} from "./shared/components-8fpr3s4p.js";
+} from "./shared/components-39vmfq9s.js";
 import {
   Search2
-} from "./shared/components-66mv71kx.js";
+} from "./shared/components-xxvdw7k1.js";
 import {
   Select2,
   triggerVariants2,
@@ -234,28 +245,22 @@ import {
   SelectGroup2,
   SelectLabel2,
   SelectSeparator2
-} from "./shared/components-62ybc7t2.js";
-import {
-  Switch2
-} from "./shared/components-asr5pg50.js";
+} from "./shared/components-frw34b65.js";
 import {
-  AccordionGroup2,
-  Accordion2,
-  AccordionItem2,
-  AccordionTrigger2,
-  AccordionContent2
-} from "./shared/components-3wk0w46f.js";
+  Switch2,
+  SwitchGroup2
+} from "./shared/components-8snj490h.js";
 import {
   Tabs2,
   TabsList2,
   TabItem2,
   TabPanel2
-} from "./shared/components-tqvarbfv.js";
+} from "./shared/components-hw9yk32z.js";
 import {
   TabsSubtle2,
   TabsSubtleItem2,
   TabsSubtlePanel2
-} from "./shared/components-v6xp325t.js";
+} from "./shared/components-dk0gjr5a.js";
 import {
   AlertDialogContent2,
   AlertDialog2
@@ -264,7 +269,7 @@ import {
   ContextMenuItem2,
   ContextMenuContent2,
   ContextMenu2
-} from "./shared/components-1xekx2hx.js";
+} from "./shared/components-ar66gnt0.js";
 import {
   PopoverTrigger2,
   PopoverClose2,
@@ -290,10 +295,7 @@ import {
   TableRow2,
   TableHead2,
   TableCell2
-} from "./shared/components-0ke6xada.js";
-import {
-  ThinkingIndicator2
-} from "./shared/components-7x9kawxv.js";
+} from "./shared/components-1434p1mh.js";
 import {
   Code2
 } from "./shared/components-s2bz1xpk.js";
@@ -301,7 +303,7 @@ import"./shared/components-vfbhxf5r.js";
 import {
   FluidHoverItem2,
   FluidHover2
-} from "./shared/components-h2dpcwgc.js";
+} from "./shared/components-2dxkv6zm.js";
 import {
   Morph2
 } from "./shared/components-39jq9va1.js";
@@ -336,8 +338,8 @@ export {
   CardImage2 as CardImage,
   CardMedia2 as CardMedia,
   CardTitle2 as CardTitle,
+  Checkbox2 as Checkbox,
   CheckboxGroup2 as CheckboxGroup,
-  CheckboxItem2 as CheckboxItem,
   Code2 as Code,
   ColorPicker2 as ColorPicker,
   ColorPickerPopover2 as ColorPickerPopover,
@@ -361,6 +363,7 @@ export {
   ContextMenu2 as ContextMenu,
   ContextMenuContent2 as ContextMenuContent,
   ContextMenuItem2 as ContextMenuItem,
+  Copy2 as Copy,
   DatePicker2 as DatePicker,
   DateRangePicker2 as DateRangePicker,
   Dialog2 as Dialog,
@@ -388,7 +391,6 @@ export {
   FluidHoverItem2 as FluidHoverItem,
   IconProvider2 as IconProvider,
   Input2 as Input,
-  InputCopy2 as InputCopy,
   InputGroup2 as InputGroup,
   InputMessage2 as InputMessage,
   Label2 as Label,
@@ -406,8 +408,8 @@ export {
   PreviewCard2 as PreviewCard,
   PreviewCardContent2 as PreviewCardContent,
   PreviewCardTrigger2 as PreviewCardTrigger,
+  Radio2 as Radio,
   RadioGroup2 as RadioGroup,
-  RadioItem2 as RadioItem,
   SIDEBAR_COOKIE_MAX_AGE2 as SIDEBAR_COOKIE_MAX_AGE,
   SIDEBAR_COOKIE_NAME2 as SIDEBAR_COOKIE_NAME,
   SIDEBAR_KEYBOARD_SHORTCUT2 as SIDEBAR_KEYBOARD_SHORTCUT,
@@ -462,6 +464,7 @@ export {
   SliderComfortable2 as SliderComfortable,
   SurfaceProvider2 as SurfaceProvider,
   Switch2 as Switch,
+  SwitchGroup2 as SwitchGroup,
   TabItem2 as TabItem,
   TabPanel2 as TabPanel,
   Table2 as Table,

package/dist/primitives/fluid-hover/index.js

@@ -2,15 +2,15 @@ import {
   FluidHoverItem2,
   FluidHover2,
   fluid_hover_default
-} from "../../shared/components-h2dpcwgc.js";
+} from "../../shared/components-2dxkv6zm.js";
 import {
   FluidHoverHighlight2
 } from "../../shared/components-kvr7f9hy.js";
+import"../../shared/components-chacnk61.js";
 import {
   useFluidHover2,
   useRegisterFluidHoverItem2
 } from "../../shared/components-59efxjd9.js";
-import"../../shared/components-chacnk61.js";
 import"../../shared/components-hqeq3w9q.js";
 import"../../shared/components-men63rwj.js";
 import"../../shared/components-cv16mryv.js";

package/dist/primitives/morph/index.d.ts

@@ -85,7 +85,7 @@ type Element_12xgc2 = JSX_1kxb2["Element"];
 * ## Liquid indicators
 *
 * The same goo moves everything that travels between items: the active tab
-* of Tabs and TabsSubtle, the Switch thumb, RadioGroup's selection and the
+* of Tabs and TabsSubtle, the Switch thumb, Radio.Group's selection and the
 * fluid hover highlight of every list (Select, Dropdown, Combobox, Card,
 * Accordion, FluidHover). The indicator springs to its new item and leaves
 * a blob behind. The blob lingers for a third of the spring, then follows
@@ -93,7 +93,7 @@ type Element_12xgc2 = JSX_1kxb2["Element"];
 * stretched drop that lets go. A long move tears it into a drop and a
 * droplet that catches up and is absorbed.
 *
-* Merged selections (CheckboxGroup, a multiple Dropdown) melt the same way:
+* Merged selections (Checkbox.Group, a multiple Dropdown) melt the same way:
 * a checked row grows out of its center and flows into its checked
 * neighbours, and an unchecked one pinches off and shrinks away.
 *

package/dist/primitives/sizes/index.d.ts

@@ -104,8 +104,8 @@ type Element_12xgc = JSX_1kxb["Element"];
 * `SizeProvider` and every sized component inside follows — menus included,
 * since React context crosses portals. Precedence is explicit `size` prop on
 * the component > nearest `SizeProvider` > `'default'`. Button, Badge,
-* Select, Tabs, TabsSubtle, Dropdown, CheckboxGroup, RadioGroup, Input,
-* InputGroup, InputCopy, InputMessage, Table, Switch, Slider, Accordion, Card,
+* Select, Tabs, TabsSubtle, Dropdown, Checkbox, Radio, Input,
+* InputGroup, Copy, InputMessage, Table, Switch, Slider, Accordion, Card,
 * ColorPicker, ThinkingIndicator, Calendar and the date and time pickers all
 * take that per-component `size`. Type follows the ladder too: compact drops
 * each type role one notch.

package/dist/shared/{components-1rfwbyyc.js → components-1z6tdadk.js}

@@ -3,7 +3,7 @@ import {
   fieldLabel,
   dividedColumns,
   ScrollColumn
-} from "./components-9jvzzvt1.js";
+} from "./components-gz8zf3ec.js";
 import {
   cn2
 } from "./components-ezxhrmer.js";

package/dist/shared/{components-7x9kawxv.js → components-27nnvrwe.js}

@@ -17,7 +17,7 @@ import {
   spring2
 } from "./components-1v7rxytx.js";
 
-// components/thinking-indicator/index.tsx
+// components/AI/thinking-indicator/index.tsx
 import { AnimatePresence, motion } from "motion/react";
 import { forwardRef, useEffect, useId, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";

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

@@ -23,13 +23,13 @@ import {
   SidebarMenuItem2,
   SidebarMenuButton2,
   sidebar_default
-} from "./components-ca2c898n.js";
+} from "./components-nb87fjy4.js";
 import {
   MenuItem2,
   DropdownMenu2,
   DropdownTrigger2,
   DropdownContent2
-} from "./components-nh8tma1n.js";
+} from "./components-a86dytt0.js";
 
 // blocks/sidebar-app/index.tsx
 import { useState } from "react";

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

@@ -3,20 +3,20 @@ import {
   hourCycleOf,
   parseDateText,
   parseTimeText
-} from "./components-9jvzzvt1.js";
+} from "./components-gz8zf3ec.js";
 import {
   useControllableState
 } from "./components-n7mjr357.js";
 import {
   calendar_default
-} from "./components-1rfwbyyc.js";
+} from "./components-1z6tdadk.js";
 import {
   PickerShell,
   PickerInput
 } from "./components-7btqt08d.js";
 import {
   TimeColumns
-} from "./components-q4daerx0.js";
+} from "./components-mjthm1kf.js";
 
 // components/inputs/date-time/date-picker/index.tsx
 import { endOfMonth, format, set } from "date-fns";

package/dist/shared/{components-4cnjmgex.js → components-3fbbvq5j.js}

@@ -4,7 +4,7 @@ import {
   fieldLabel,
   dividedColumns,
   ScrollColumn
-} from "./components-9jvzzvt1.js";
+} from "./components-gz8zf3ec.js";
 import {
   cn2
 } from "./components-ezxhrmer.js";

package/dist/shared/{components-asr5pg50.js → components-8snj490h.js}

@@ -4,20 +4,48 @@ import {
 import {
   GooIndicator
 } from "./components-chacnk61.js";
+import {
+  FluidHoverHighlight2
+} from "./components-kvr7f9hy.js";
+import {
+  IndexedRows,
+  useRowIndex
+} from "./components-ta7shw28.js";
+import {
+  useShape
+} from "./components-cv16mryv.js";
 import {
   useSize2
 } from "./components-0sn7ypjw.js";
 import {
   useControllableState
 } from "./components-n7mjr357.js";
+import {
+  useFluidHover2,
+  useRegisterFluidHoverItem2
+} from "./components-59efxjd9.js";
+import {
+  SizeProvider2
+} from "./components-jjw69c4c.js";
 import {
   spring2
 } from "./components-1v7rxytx.js";
 
 // components/inputs/switch/index.tsx
 import { Switch as SwitchPrimitive } from "@base-ui/react/switch";
-import { forwardRef, useCallback, useId, useRef, useState } from "react";
+import {
+  Children,
+  createContext,
+  forwardRef,
+  isValidElement,
+  useCallback,
+  useContext,
+  useId,
+  useRef,
+  useState
+} from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
+var SwitchGroupContext = createContext(null);
 var METRICS = {
   default: {
     trackWidth: 34,
@@ -40,6 +68,8 @@ var THUMB_OFFSET = 2;
 var DRAG_DEAD_ZONE = 2;
 var Switch2 = forwardRef(({
   label,
+  description,
+  trackSide = "start",
   checked,
   defaultChecked = false,
   onToggle,
@@ -56,6 +86,13 @@ var Switch2 = forwardRef(({
     onToggle?.();
   }, [setChecked, onToggle]);
   const labelId = useId();
+  const descriptionId = useId();
+  const group = useContext(SwitchGroupContext);
+  const index = useRowIndex();
+  const rowRef = useRef(null);
+  useRegisterFluidHoverItem2(disabled ? undefined : group?.registerItem, index, rowRef);
+  const end = trackSide === "end" || !!group;
+  const divider = !!group && index < group.count - 1 && group.activeIndex !== index && group.activeIndex !== index + 1;
   const [hovered, setHovered] = useState(false);
   const [pressed, setPressed] = useState(false);
   const sizeClasses = useSize2(size);
@@ -138,8 +175,14 @@ var Switch2 = forwardRef(({
     pointerStart.current = null;
   }, [setDragX]);
   return /* @__PURE__ */ jsxs("div", {
-    ref,
-    className: cn2("relative z-10 flex items-center cursor-pointer select-none touch-none", sizeClasses.gap, sizeClasses.px, sizeClasses.variant === "compact" ? "py-1" : "py-2", disabled && "opacity-50 pointer-events-none", className),
+    ref: (node) => {
+      rowRef.current = node;
+      if (typeof ref === "function")
+        ref(node);
+      else if (ref)
+        ref.current = node;
+    },
+    className: cn2("relative z-10 flex items-center cursor-pointer select-none touch-none", sizeClasses.gap, sizeClasses.px, sizeClasses.variant === "compact" ? "py-1" : "py-2", group && (sizeClasses.variant === "compact" ? "px-3 py-2.5" : "px-4 py-3.5"), disabled && "opacity-50 pointer-events-none", className),
     onPointerEnter: (e) => {
       if (e.pointerType === "mouse")
         setHovered(true);
@@ -159,9 +202,10 @@ var Switch2 = forwardRef(({
       /* @__PURE__ */ jsx(SwitchPrimitive.Root, {
         checked: isChecked,
         "aria-labelledby": labelId,
+        "aria-describedby": description ? descriptionId : undefined,
         disabled,
         tabIndex: 0,
-        className: cn2("relative shrink-0 rounded-full outline-none cursor-pointer", "transition-colors duration-fast", "focus-visible:ring-1 focus-visible:ring-focus-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background", isChecked ? hovered ? "bg-brand-hover" : "bg-brand" : hovered ? "bg-accent-hover" : "bg-accent"),
+        className: cn2("relative shrink-0 rounded-full outline-none cursor-pointer", end && "order-last", "transition-colors duration-fast", "focus-visible:ring-1 focus-visible:ring-focus-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background", isChecked ? hovered ? "bg-brand-hover" : "bg-brand" : hovered ? "bg-accent-hover" : "bg-accent"),
         style: {
           width: m.trackWidth,
           height: m.trackHeight
@@ -177,15 +221,68 @@ var Switch2 = forwardRef(({
           })
         })
       }),
-      /* @__PURE__ */ jsx("span", {
-        id: labelId,
-        className: cn2("[text-box:trim-both_cap_alphabetic] transition-[color] duration-fast", sizeClasses.text, isChecked ? "text-foreground" : "text-muted-foreground"),
-        children: label
+      /* @__PURE__ */ jsxs("span", {
+        className: cn2("flex min-w-0 flex-col gap-1", end && "flex-1"),
+        children: [
+          /* @__PURE__ */ jsx("span", {
+            id: labelId,
+            className: cn2("[text-box:trim-both_cap_alphabetic] transition-[color] duration-fast", sizeClasses.text, description ? "text-foreground weight-medium" : isChecked ? "text-foreground" : "text-muted-foreground"),
+            children: label
+          }),
+          description && /* @__PURE__ */ jsx("span", {
+            id: descriptionId,
+            className: cn2("leading-relaxed text-muted-foreground", sizeClasses.variant === "compact" ? "text-caption-compact" : "text-caption"),
+            children: description
+          })
+        ]
+      }),
+      divider && /* @__PURE__ */ jsx("span", {
+        "aria-hidden": true,
+        className: "pointer-events-none absolute inset-x-0 bottom-0 h-px bg-border/60"
       })
     ]
   });
 });
 Switch2.displayName = "Switch";
+var SwitchGroup2 = forwardRef(({ children, size, className, ...props }, ref) => {
+  const containerRef = useRef(null);
+  const hover = useFluidHover2(containerRef, { gapClick: false });
+  const shape = useShape();
+  const count = Children.toArray(children).filter(isValidElement).length;
+  const group = /* @__PURE__ */ jsx(SwitchGroupContext.Provider, {
+    value: { registerItem: hover.registerItem, activeIndex: hover.activeIndex, count },
+    children: /* @__PURE__ */ jsxs("fieldset", {
+      ref: (node) => {
+        containerRef.current = node;
+        if (typeof ref === "function")
+          ref(node);
+        else if (ref)
+          ref.current = node;
+      },
+      onMouseEnter: hover.handlers.onMouseEnter,
+      onMouseMove: hover.handlers.onMouseMove,
+      onMouseLeave: hover.handlers.onMouseLeave,
+      onClick: hover.handlers.onClick,
+      className: cn2("relative flex min-w-0 flex-col overflow-hidden border border-border/60 select-none", shape.container, className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(FluidHoverHighlight2, {
+          hover,
+          className: cn2("z-0", shape.container)
+        }),
+        /* @__PURE__ */ jsx(IndexedRows, {
+          children
+        })
+      ]
+    })
+  });
+  return size ? /* @__PURE__ */ jsx(SizeProvider2, {
+    size,
+    children: group
+  }) : group;
+});
+SwitchGroup2.displayName = "SwitchGroup";
+Object.assign(Switch2, { Group: SwitchGroup2 });
 var switch_default = Switch2;
 
-export { Switch2, switch_default };
+export { Switch2, SwitchGroup2, switch_default };

package/dist/shared/{components-1xekx2hx.js → components-ar66gnt0.js}

@@ -40,7 +40,7 @@ import {
   MenuItem2,
   DropdownLabel2,
   DropdownSeparator2
-} from "./components-nh8tma1n.js";
+} from "./components-a86dytt0.js";
 import {
   popupScrollAreaClass,
   popupViewportClass,

package/dist/shared/{components-3wk0w46f.js → components-b3c5et5b.js}

@@ -36,7 +36,7 @@ import {
   spring2
 } from "./components-1v7rxytx.js";
 
-// components/navigation/accordion/index.tsx
+// components/accordion/index.tsx
 import { Accordion as AccordionPrimitive } from "@base-ui/react/accordion";
 import { AnimatePresence, animate, motion, useMotionValue, useTransform } from "motion/react";
 import {

package/dist/shared/{components-ez65vtbq.js → components-bshdmf75.js}

@@ -3,7 +3,7 @@ import {
   hourCycleOf,
   parseTimeText,
   dividedColumns
-} from "./components-9jvzzvt1.js";
+} from "./components-gz8zf3ec.js";
 import {
   cn2
 } from "./components-ezxhrmer.js";
@@ -17,7 +17,7 @@ import {
 import {
   pad,
   TimeColumns
-} from "./components-q4daerx0.js";
+} from "./components-mjthm1kf.js";
 
 // components/inputs/date-time/time-picker/index.tsx
 import { format, set } from "date-fns";

package/dist/shared/{components-yh3kwdhr.js → components-d6xtjht3.js}

@@ -37,7 +37,7 @@ import {
   spring2
 } from "./components-1v7rxytx.js";
 
-// components/inputs/input-message/index.tsx
+// components/AI/input-message/index.tsx
 import { AnimatePresence, motion, Reorder, useReducedMotion } from "motion/react";
 import {
   forwardRef,
@@ -50,7 +50,7 @@ import {
   useState as useState2
 } from "react";
 
-// components/inputs/input-message/file-thumbnail.tsx
+// components/AI/input-message/file-thumbnail.tsx
 import { useEffect, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 var pdfjsPromise = null;
@@ -156,7 +156,7 @@ function FileThumbnail2({ file, size, className }) {
   });
 }
 
-// components/inputs/input-message/index.tsx
+// components/AI/input-message/index.tsx
 import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 var useIsoLayoutEffect = typeof window !== "undefined" ? useLayoutEffect : useEffect2;
 function useRegionHeight() {