@justanarthur/modo-ui 0.2.0 → 0.3.0

package/dist/components/inputs/{radio-group → radio}/index.d.ts

@@ -1,7 +1,7 @@
 import { ForwardRefExoticComponent, HTMLAttributes, ReactNode, RefAttributes } from "react";
 type SizeVariant = "default" | "compact";
 interface RadioGroupProps extends Omit<HTMLAttributes<HTMLDivElement>, "onSelect" | "defaultValue"> {
-	/** RadioGroup.Item children. */
+	/** `Radio` rows. */
 	children: ReactNode;
 	/** Index of the currently selected item. Controlled — pair it with `onSelectedIndexChange` (or per-item `onSelect`). */
 	selectedIndex?: number;
@@ -18,35 +18,12 @@ interface RadioGroupProps extends Omit<HTMLAttributes<HTMLDivElement>, "onSelect
 	/** Pins the group's rows to one step of the size ladder (default 36px, compact 28px). Defaults to the surrounding SizeProvider. */
 	size?: SizeVariant;
 }
-type RadioGroupComponent = ForwardRefExoticComponent<RadioGroupProps & RefAttributes<HTMLDivElement>> & {
-	Item: typeof RadioItem;
-};
-/**
-* Radio button group with fluid hover and animated selection.
-*
-* Each row is a `RadioGroup.Item` with a stable `index`. The selected
-* background melts to the chosen row, a fluid hover highlight melts between
-* rows (the liquid indicators in Morph), the dot scales in, and the label animates to semibold without shifting
-* its width. Arrow keys, Home and End move focus and select, with a roving
-* tabindex on the selected row. Select by index — uncontrolled with
-* `defaultSelectedIndex`, controlled with `selectedIndex` +
-* `onSelectedIndexChange` — or by item `value` (`defaultValue` / `value` +
-* `onValueChange`), which also renders Base UI radios for form integration.
-* FF's per-item `selected` / `onSelect` still work and override the group for
-* their row.
-*
-* Statics:
-* - `RadioGroup.Item` — one radio row: `label`, `index`, and optional `value`,
-*   `selected`, `onSelect`.
-*
-* @example {@include ./examples.mdx}
-*/
-declare const RadioGroup: RadioGroupComponent;
-interface RadioItemProps extends HTMLAttributes<HTMLDivElement> {
+declare const RadioGroup: ForwardRefExoticComponent<RadioGroupProps & RefAttributes<HTMLDivElement>>;
+interface RadioProps extends HTMLAttributes<HTMLDivElement> {
 	/** Text label for the radio item. */
 	label: string;
-	/** Position index within the group. */
-	index: number;
+	/** Position within the `Radio.Group`: the row's `selectedIndex`. Defaults to its order among the group's rows. */
+	index?: number;
 	/** Whether this item is selected. Defaults to the group's selection. */
 	selected?: boolean;
 	/** Called when this item is selected (the group's change callbacks fire too). */
@@ -54,5 +31,28 @@ interface RadioItemProps extends HTMLAttributes<HTMLDivElement> {
 	/** Optional value forwarded to the underlying Base UI primitive for form integration. */
 	value?: string;
 }
-declare const RadioItem: ForwardRefExoticComponent<RadioItemProps & RefAttributes<HTMLDivElement>>;
-export { RadioGroup, RadioGroupProps, RadioItem, RadioItemProps, RadioGroup as default };
+type RadioComponent = ForwardRefExoticComponent<RadioProps & RefAttributes<HTMLDivElement>> & {
+	Group: typeof RadioGroup;
+};
+/**
+* Radio buttons with fluid hover and animated selection.
+*
+* Each `Radio` is one row of a `Radio.Group`. The selected background melts
+* to the chosen row, a fluid hover highlight melts between rows (the liquid
+* indicators in Morph), the dot scales in, and the label animates to
+* semibold without shifting its width. Arrow keys, Home and End move focus
+* and select, with a roving tabindex on the selected row. The group numbers
+* its rows in order, so they need no `index`. FF's per-row `selected` /
+* `onSelect` still work and override the group for their row.
+*
+* Statics:
+* - `Radio.Group` — the list. Select by index — uncontrolled with
+*   `defaultSelectedIndex`, controlled with `selectedIndex` +
+*   `onSelectedIndexChange` — or by row `value` (`defaultValue` / `value` +
+*   `onValueChange`), which also renders Base UI radios for form
+*   integration; `size` pins every row to one step of the size ladder.
+*
+* @example {@include ./examples.mdx}
+*/
+declare const Radio: RadioComponent;
+export { Radio, RadioGroup, RadioGroupProps, RadioProps, Radio as default };

package/dist/components/inputs/{radio-group → radio}/index.js

@@ -1,11 +1,12 @@
 import {
   RadioGroup2,
-  RadioItem2,
-  radio_group_default
-} from "../../../shared/components-ny774h8p.js";
+  Radio2,
+  radio_default
+} from "../../../shared/components-pbmqctfa.js";
+import"../../../shared/components-ta7shw28.js";
 import"../../../shared/components-kvr7f9hy.js";
-import"../../../shared/components-59efxjd9.js";
 import"../../../shared/components-chacnk61.js";
+import"../../../shared/components-59efxjd9.js";
 import"../../../shared/components-hqeq3w9q.js";
 import"../../../shared/components-jjw69c4c.js";
 import"../../../shared/components-n7mjr357.js";
@@ -14,7 +15,7 @@ import"../../../shared/components-0sn7ypjw.js";
 import"../../../shared/components-cv16mryv.js";
 import"../../../shared/components-ezxhrmer.js";
 export {
+  Radio2 as Radio,
   RadioGroup2 as RadioGroup,
-  RadioItem2 as RadioItem,
-  radio_group_default as default
+  radio_default as default
 };

package/dist/components/inputs/search/index.js

@@ -1,15 +1,15 @@
 import {
   Search2,
   search_default
-} from "../../../shared/components-66mv71kx.js";
-import"../../../shared/components-8fpr3s4p.js";
+} from "../../../shared/components-xxvdw7k1.js";
+import"../../../shared/components-39vmfq9s.js";
 import"../../../shared/components-zfnmn5d4.js";
 import"../../../shared/components-3ky44908.js";
 import"../../../shared/components-zrkzcayz.js";
 import"../../../shared/components-0q0sqfh4.js";
 import"../../../shared/components-kvr7f9hy.js";
-import"../../../shared/components-59efxjd9.js";
 import"../../../shared/components-chacnk61.js";
+import"../../../shared/components-59efxjd9.js";
 import"../../../shared/components-hqeq3w9q.js";
 import"../../../shared/components-b2wyq2cq.js";
 import"../../../shared/components-n7mjr357.js";

package/dist/components/inputs/select/index.js

@@ -8,11 +8,11 @@ import {
   SelectLabel2,
   SelectSeparator2,
   select_default
-} from "../../../shared/components-62ybc7t2.js";
+} from "../../../shared/components-frw34b65.js";
 import"../../../shared/components-0q0sqfh4.js";
 import"../../../shared/components-kvr7f9hy.js";
-import"../../../shared/components-59efxjd9.js";
 import"../../../shared/components-chacnk61.js";
+import"../../../shared/components-59efxjd9.js";
 import"../../../shared/components-hqeq3w9q.js";
 import"../../../shared/components-jjw69c4c.js";
 import"../../../shared/components-men63rwj.js";

package/dist/components/inputs/switch/index.d.ts

@@ -1,11 +1,13 @@
 import { Transition } from "motion/react";
-import { HTMLAttributes } from "react";
+import { ForwardRefExoticComponent, HTMLAttributes, ReactNode, RefAttributes } from "react";
 type SizeVariant = "default" | "compact";
-import { ForwardRefExoticComponent as ForwardRefExoticComponent_tcubfn } from "react";
-import { RefAttributes as RefAttributes_miuf56 } from "react";
 interface SwitchProps extends HTMLAttributes<HTMLDivElement> {
 	/** Text label displayed next to the switch. */
 	label: string;
+	/** Secondary text under the label: what turning the switch on does. With one, the label stays at full contrast. */
+	description?: ReactNode;
+	/** The side of the label the track sits on; `"end"` pushes it to the row's far edge, as in a settings list (always, inside a `Switch.Group`). Defaults to `"start"`. */
+	trackSide?: "start" | "end";
 	/** Whether the switch is on (controlled). Omit it to let the switch keep its own state, seeded from `defaultChecked`. */
 	checked?: boolean;
 	/** Whether the switch starts on when uncontrolled. Defaults to `false`. */
@@ -21,6 +23,9 @@ interface SwitchProps extends HTMLAttributes<HTMLDivElement> {
 	/** Pins the switch to one step of the size ladder (see Sizes). Defaults to the surrounding SizeProvider, else `"default"`. */
 	size?: SizeVariant;
 }
+type SwitchComponent = ForwardRefExoticComponent<SwitchProps & RefAttributes<HTMLDivElement>> & {
+	Group: typeof SwitchGroup;
+};
 /**
 * Toggle switch with animated thumb and label.
 *
@@ -35,9 +40,25 @@ interface SwitchProps extends HTMLAttributes<HTMLDivElement> {
 * Works controlled (`checked` + `onToggle`, exactly as upstream) or
 * uncontrolled (`defaultChecked`, with `onCheckedChange` reporting each
 * change). `size` pins it to one step of the size ladder; otherwise it
-* follows the surrounding SizeProvider.
+* follows the surrounding SizeProvider. `description` adds a muted line under
+* the label and `trackSide="end"` moves the track to the row's far edge.
+*
+* Statics:
+* - `Switch.Group` — switches as a settings list in one outlined frame: each
+*   `Switch` inside becomes a row with its track at the far edge, hairlines
+*   divide the rows and a fluid hover highlight melts between them, dropping
+*   the hairlines it touches (as in an outlined Card.Group); a disabled row
+*   gets no highlight. Every switch keeps its own state. `size` pins every
+*   row; name the group with `aria-label` or `aria-labelledby`.
 *
 * @example {@include ./examples.mdx}
 */
-declare const Switch: ForwardRefExoticComponent_tcubfn<SwitchProps & RefAttributes_miuf56<HTMLDivElement>>;
-export { Switch, SwitchProps, Switch as default };
+declare const Switch: SwitchComponent;
+interface SwitchGroupProps extends HTMLAttributes<HTMLFieldSetElement> {
+	/** `Switch` rows. */
+	children: ReactNode;
+	/** Pins every row to one step of the size ladder (see Sizes). Defaults to the surrounding SizeProvider. */
+	size?: SizeVariant;
+}
+declare const SwitchGroup: ForwardRefExoticComponent<SwitchGroupProps & RefAttributes<HTMLFieldSetElement>>;
+export { Switch, SwitchGroup, SwitchGroupProps, SwitchProps, Switch as default };

package/dist/components/inputs/switch/index.js

@@ -1,14 +1,21 @@
 import {
   Switch2,
+  SwitchGroup2,
   switch_default
-} from "../../../shared/components-asr5pg50.js";
+} from "../../../shared/components-8snj490h.js";
+import"../../../shared/components-ta7shw28.js";
+import"../../../shared/components-kvr7f9hy.js";
 import"../../../shared/components-chacnk61.js";
+import"../../../shared/components-59efxjd9.js";
 import"../../../shared/components-hqeq3w9q.js";
+import"../../../shared/components-jjw69c4c.js";
 import"../../../shared/components-n7mjr357.js";
 import"../../../shared/components-men63rwj.js";
 import"../../../shared/components-0sn7ypjw.js";
+import"../../../shared/components-cv16mryv.js";
 import"../../../shared/components-ezxhrmer.js";
 export {
   Switch2 as Switch,
+  SwitchGroup2 as SwitchGroup,
   switch_default as default
 };

package/dist/components/navigation/sidebar/index.js

@@ -36,18 +36,18 @@ import {
   Sidebar2,
   SidebarContent2,
   sidebar_default
-} from "../../../shared/components-ca2c898n.js";
+} from "../../../shared/components-nb87fjy4.js";
 import"../../../shared/components-c6s6b43g.js";
 import"../../../shared/components-mhd39z7x.js";
-import"../../../shared/components-ng72k97e.js";
 import"../../../shared/components-rr7a6ja9.js";
+import"../../../shared/components-ng72k97e.js";
 import"../../../shared/components-zfnmn5d4.js";
 import"../../../shared/components-3ky44908.js";
 import"../../../shared/components-zrkzcayz.js";
 import"../../../shared/components-0q0sqfh4.js";
 import"../../../shared/components-kvr7f9hy.js";
-import"../../../shared/components-59efxjd9.js";
 import"../../../shared/components-chacnk61.js";
+import"../../../shared/components-59efxjd9.js";
 import"../../../shared/components-hqeq3w9q.js";
 import"../../../shared/components-jjw69c4c.js";
 import"../../../shared/components-b2wyq2cq.js";

package/dist/components/navigation/tabs/index.js

@@ -4,9 +4,9 @@ import {
   TabItem2,
   TabPanel2,
   tabs_default
-} from "../../../shared/components-tqvarbfv.js";
-import"../../../shared/components-59efxjd9.js";
+} from "../../../shared/components-hw9yk32z.js";
 import"../../../shared/components-chacnk61.js";
+import"../../../shared/components-59efxjd9.js";
 import"../../../shared/components-hqeq3w9q.js";
 import"../../../shared/components-jjw69c4c.js";
 import"../../../shared/components-men63rwj.js";

package/dist/components/navigation/tabs-subtle/index.js

@@ -3,9 +3,9 @@ import {
   TabsSubtleItem2,
   TabsSubtlePanel2,
   tabs_subtle_default
-} from "../../../shared/components-v6xp325t.js";
-import"../../../shared/components-59efxjd9.js";
+} from "../../../shared/components-dk0gjr5a.js";
 import"../../../shared/components-chacnk61.js";
+import"../../../shared/components-59efxjd9.js";
 import"../../../shared/components-hqeq3w9q.js";
 import"../../../shared/components-jjw69c4c.js";
 import"../../../shared/components-n7mjr357.js";

package/dist/components/overlays/command/index.js

@@ -7,14 +7,14 @@ import {
   CommandContent2,
   Command2,
   command_default
-} from "../../../shared/components-8fpr3s4p.js";
+} from "../../../shared/components-39vmfq9s.js";
 import"../../../shared/components-zfnmn5d4.js";
 import"../../../shared/components-3ky44908.js";
 import"../../../shared/components-zrkzcayz.js";
 import"../../../shared/components-0q0sqfh4.js";
 import"../../../shared/components-kvr7f9hy.js";
-import"../../../shared/components-59efxjd9.js";
 import"../../../shared/components-chacnk61.js";
+import"../../../shared/components-59efxjd9.js";
 import"../../../shared/components-hqeq3w9q.js";
 import"../../../shared/components-b2wyq2cq.js";
 import"../../../shared/components-n7mjr357.js";

package/dist/components/overlays/context-menu/index.js

@@ -3,14 +3,14 @@ import {
   ContextMenuContent2,
   ContextMenu2,
   context_menu_default
-} from "../../../shared/components-1xekx2hx.js";
-import"../../../shared/components-nh8tma1n.js";
+} from "../../../shared/components-ar66gnt0.js";
+import"../../../shared/components-a86dytt0.js";
 import"../../../shared/components-5xc2j8jz.js";
 import"../../../shared/components-zrkzcayz.js";
 import"../../../shared/components-0q0sqfh4.js";
 import"../../../shared/components-kvr7f9hy.js";
-import"../../../shared/components-59efxjd9.js";
 import"../../../shared/components-chacnk61.js";
+import"../../../shared/components-59efxjd9.js";
 import"../../../shared/components-hqeq3w9q.js";
 import"../../../shared/components-jjw69c4c.js";
 import"../../../shared/components-n7mjr357.js";

package/dist/components/overlays/dropdown/index.d.ts

@@ -115,7 +115,7 @@ interface DropdownProps extends HTMLAttributes3<HTMLDivElement> {
 	defaultCheckedIndex?: number;
 	/** Called with the newly checked row, or `undefined` when nothing is checked. */
 	onCheckedIndexChange?: (index: number | undefined) => void;
-	/** Multiple selection: the checked rows. Rows become checkbox items and contiguous runs share one merged background (see CheckboxGroup). */
+	/** Multiple selection: the checked rows. Rows become checkbox items and contiguous runs share one merged background (see Checkbox.Group). */
 	checkedIndices?: number[];
 	/** Uncontrolled twin of `checkedIndices`: the panel toggles rows itself. */
 	defaultCheckedIndices?: number[];
@@ -195,7 +195,7 @@ interface DropdownContentProps {
 	onCheckedIndexChange?: (index: number | undefined) => void;
 	/** Multiple selection: the checked rows. Rows become checkbox items that
 	*  keep the menu open when toggled, and contiguous runs share one merged
-	*  background (see CheckboxGroup). */
+	*  background (see Checkbox.Group). */
 	checkedIndices?: number[];
 	/** Uncontrolled twin of `checkedIndices`: the popup toggles rows itself. */
 	defaultCheckedIndices?: number[];

package/dist/components/overlays/dropdown/index.js

@@ -11,13 +11,13 @@ import {
   DropdownLabel2,
   DropdownSeparator2,
   dropdown_default
-} from "../../../shared/components-nh8tma1n.js";
+} from "../../../shared/components-a86dytt0.js";
 import"../../../shared/components-5xc2j8jz.js";
 import"../../../shared/components-zrkzcayz.js";
 import"../../../shared/components-0q0sqfh4.js";
 import"../../../shared/components-kvr7f9hy.js";
-import"../../../shared/components-59efxjd9.js";
 import"../../../shared/components-chacnk61.js";
+import"../../../shared/components-59efxjd9.js";
 import"../../../shared/components-hqeq3w9q.js";
 import"../../../shared/components-jjw69c4c.js";
 import"../../../shared/components-n7mjr357.js";

package/dist/components/table/index.js

@@ -6,10 +6,10 @@ import {
   TableHead2,
   TableCell2,
   table_default
-} from "../../shared/components-0ke6xada.js";
+} from "../../shared/components-1434p1mh.js";
 import"../../shared/components-kvr7f9hy.js";
-import"../../shared/components-59efxjd9.js";
 import"../../shared/components-chacnk61.js";
+import"../../shared/components-59efxjd9.js";
 import"../../shared/components-hqeq3w9q.js";
 import"../../shared/components-jjw69c4c.js";
 import"../../shared/components-men63rwj.js";