@justanarthur/modo-ui 0.2.0 → 0.4.0

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

@@ -23,13 +23,13 @@ import {
   SidebarMenuItem2,
   SidebarMenuButton2,
   sidebar_default
-} from "./components-ca2c898n.js";
+} from "./components-mqyvvh8k.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-cbxjn9p8.js → components-zwhtxm15.js}

@@ -1,17 +1,17 @@
 import {
   defaultLocale,
   parseDateText
-} 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";
+} from "./components-qtqxgfrb.js";
 
 // components/inputs/date-time/date-range-picker/index.tsx
 import { endOfMonth, format } from "date-fns";
@@ -27,6 +27,7 @@ function DateRangePicker2({
   disabled,
   startMonth,
   endMonth,
+  variant,
   invalid,
   size,
   open: openProp,
@@ -109,6 +110,7 @@ function DateRangePicker2({
     open,
     onOpenChange: setOpen,
     size,
+    variant,
     invalid,
     disabled: off,
     icon: "calendar",

package/dist/styles.css

@@ -59,7 +59,7 @@
 }
 /* layer: theme */
 @layer theme{
-:root, :host { --default-transition-timingFunction: cubic-bezier(0.4, 0, 0.2, 1); --default-transition-duration: 150ms; --spacing: 0.25rem; --ease-DEFAULT: cubic-bezier(0.4, 0, 0.2, 1); --font-mono: ui-monospace, 'SF Mono', SFMono-Regular, Menlo, Consolas, monospace; --font-sans: 'Inter Variable', ui-sans-serif, system-ui, sans-serif; --radius-md: 0.375rem; --radius-DEFAULT: 0.25rem; --radius-none: 0; --radius-2xl: 1rem; --radius-lg: 0.5rem; --leading-snug: 1.375; --leading-normal: 1.5; --radius-xs: 0.125rem; --tracking-wide: 0.025em; --leading-relaxed: 1.625; --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1); --ease-out: cubic-bezier(0, 0, 0.2, 1); --radius-3xl: 1.5rem; --radius-xl: 0.75rem; --leading-none: 1; --radius-sm: 0.25rem; --leading-tight: 1.25; --default-font-family: var(--font-sans); --default-monoFont-family: var(--font-mono); }
+:root, :host { --default-transition-timingFunction: cubic-bezier(0.4, 0, 0.2, 1); --default-transition-duration: 150ms; --spacing: 0.25rem; --ease-DEFAULT: cubic-bezier(0.4, 0, 0.2, 1); --font-sans: 'Inter Variable', ui-sans-serif, system-ui, sans-serif; --radius-none: 0; --leading-relaxed: 1.625; --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1); --radius-2xl: 1rem; --radius-3xl: 1.5rem; --radius-DEFAULT: 0.25rem; --radius-lg: 0.5rem; --radius-xl: 0.75rem; --leading-none: 1; --ease-out: cubic-bezier(0, 0, 0.2, 1); --radius-sm: 0.25rem; --leading-snug: 1.375; --leading-normal: 1.5; --radius-xs: 0.125rem; --tracking-wide: 0.025em; --radius-md: 0.375rem; --font-mono: ui-monospace, 'SF Mono', SFMono-Regular, Menlo, Consolas, monospace; --leading-tight: 1.25; --default-font-family: var(--font-sans); --default-monoFont-family: var(--font-mono); }
 }
 /* layer: base */
 @layer base{

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@justanarthur/modo-ui",
   "type": "module",
-  "version": "0.2.0",
+  "version": "0.4.0",
   "description": "Fluid Functionalism (Base UI flavor, MIT © 2026 Micka Touillaud) ported to UnoCSS: motion springs, fluid hover, a two-step size ladder and an eight-level elevated surface system. Documented with modo.",
   "license": "MIT",
   "keywords": [

package/dist/components/inputs/checkbox-group/index.d.ts

@@ -1,50 +0,0 @@
-import { ForwardRefExoticComponent, HTMLAttributes, ReactNode, RefAttributes } from "react";
-type SizeVariant = "default" | "compact";
-interface CheckboxGroupProps extends HTMLAttributes<HTMLDivElement> {
-	/** CheckboxGroup.Item children. */
-	children: ReactNode;
-	/** Set of checked item indices; drives the merged background across contiguous picks. Controlled — pair it with `onCheckedIndicesChange` (or per-item `onToggle`). */
-	checkedIndices?: Set<number>;
-	/** Checked indices on first render when uncontrolled (a Set or an array). Defaults to none. */
-	defaultCheckedIndices?: Set<number> | number[];
-	/** Called with the next checked set whenever an item is toggled. */
-	onCheckedIndicesChange?: (checkedIndices: Set<number>) => void;
-	/** Pins the group's rows to one step of the size ladder (default 36px, compact 28px). Defaults to the surrounding SizeProvider. */
-	size?: SizeVariant;
-}
-type CheckboxGroupComponent = ForwardRefExoticComponent<CheckboxGroupProps & RefAttributes<HTMLDivElement>> & {
-	Item: typeof CheckboxItem;
-};
-/**
-* Checkbox group with merged backgrounds for contiguous selections.
-*
-* Each row is a `CheckboxGroup.Item` with a stable `index`. Contiguous checked
-* rows share one background: a checked row's background grows out of its
-* center and melts into its neighbours, an unchecked one pinches off and
-* shrinks away (the liquid indicators in Morph). A fluid hover highlight melts
-* from row to row, and Arrow Up/Down,
-* Home and End move focus while Space or Enter toggles. The checked label
-* animates to semibold without shifting its width. The group is uncontrolled
-* with `defaultCheckedIndices`, or controlled with `checkedIndices` plus
-* `onCheckedIndicesChange` — FF's per-item `checked` / `onToggle` still work
-* and override the group state for their row.
-*
-* Statics:
-* - `CheckboxGroup.Item` — one checkbox row: `label`, `index`, and optional
-*   `checked` / `onToggle`.
-*
-* @example {@include ./examples.mdx}
-*/
-declare const CheckboxGroup: CheckboxGroupComponent;
-interface CheckboxItemProps extends HTMLAttributes<HTMLDivElement> {
-	/** Text label for the checkbox. */
-	label: string;
-	/** Position index within the group. */
-	index: number;
-	/** Whether this item is checked. Defaults to the group's checked set. */
-	checked?: boolean;
-	/** Called when this item is toggled (the group's `onCheckedIndicesChange` fires too). */
-	onToggle?: () => void;
-}
-declare const CheckboxItem: ForwardRefExoticComponent<CheckboxItemProps & RefAttributes<HTMLDivElement>>;
-export { CheckboxGroup, CheckboxGroupProps, CheckboxItem, CheckboxItemProps, CheckboxGroup as default };

package/dist/components/inputs/input-copy/index.js

@@ -1,16 +0,0 @@
-import {
-  InputCopy2,
-  input_copy_default
-} from "../../../shared/components-1j9791sn.js";
-import"../../../shared/components-ng72k97e.js";
-import"../../../shared/components-zrkzcayz.js";
-import"../../../shared/components-0q0sqfh4.js";
-import"../../../shared/components-hqeq3w9q.js";
-import"../../../shared/components-men63rwj.js";
-import"../../../shared/components-0sn7ypjw.js";
-import"../../../shared/components-cv16mryv.js";
-import"../../../shared/components-ezxhrmer.js";
-export {
-  InputCopy2 as InputCopy,
-  input_copy_default as default
-};

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

@@ -1,28 +0,0 @@
-import {
-  AccordionGroup2,
-  Accordion2,
-  AccordionItem2,
-  AccordionTrigger2,
-  AccordionContent2,
-  accordion_default
-} from "../../../shared/components-3wk0w46f.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-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 {
-  Accordion2 as Accordion,
-  AccordionContent2 as AccordionContent,
-  AccordionGroup2 as AccordionGroup,
-  AccordionItem2 as AccordionItem,
-  AccordionTrigger2 as AccordionTrigger,
-  accordion_default as default
-};

package/dist/components/thinking-indicator/index.js

@@ -1,13 +0,0 @@
-import {
-  ThinkingIndicator2,
-  thinking_indicator_default
-} from "../../shared/components-7x9kawxv.js";
-import"../../shared/components-0q0sqfh4.js";
-import"../../shared/components-hqeq3w9q.js";
-import"../../shared/components-men63rwj.js";
-import"../../shared/components-0sn7ypjw.js";
-import"../../shared/components-ezxhrmer.js";
-export {
-  ThinkingIndicator2 as ThinkingIndicator,
-  thinking_indicator_default as default
-};