@justanarthur/modo-ui 0.4.0 → 0.5.0

package/dist/blocks/sidebar-app/index.js

@@ -1,9 +1,9 @@
 import {
   SidebarApp2
-} from "../../shared/components-ye0ze0h8.js";
-import"../../shared/components-mqyvvh8k.js";
+} from "../../shared/components-5pnw8183.js";
+import"../../shared/components-qmmjx1qw.js";
 import"../../shared/components-c6s6b43g.js";
-import"../../shared/components-3myrw7ne.js";
+import"../../shared/components-raknhppb.js";
 import"../../shared/components-rr7a6ja9.js";
 import"../../shared/components-ng72k97e.js";
 import"../../shared/components-zfnmn5d4.js";

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

@@ -7,10 +7,10 @@ import {
   ComboboxItem2,
   ComboboxEmpty2,
   combobox_default
-} from "../../../shared/components-tcee5k0s.js";
+} from "../../../shared/components-473g814w.js";
 import {
   fieldVariants
-} from "../../../shared/components-3myrw7ne.js";
+} from "../../../shared/components-raknhppb.js";
 import"../../../shared/components-5xc2j8jz.js";
 import"../../../shared/components-zrkzcayz.js";
 import"../../../shared/components-0q0sqfh4.js";

package/dist/components/inputs/date-time/date-picker/index.js

@@ -1,14 +1,14 @@
 import {
   DatePicker2,
   date_picker_default
-} from "../../../../shared/components-wtbesgdp.js";
+} from "../../../../shared/components-wy9jpqny.js";
 import"../../../../shared/components-mjthm1kf.js";
 import"../../../../shared/components-1z6tdadk.js";
-import"../../../../shared/components-qtqxgfrb.js";
-import"../../../../shared/components-50m950y9.js";
+import"../../../../shared/components-s5ngg32c.js";
+import"../../../../shared/components-h2ajmhwn.js";
 import"../../../../shared/components-gz8zf3ec.js";
 import"../../../../shared/components-c6s6b43g.js";
-import"../../../../shared/components-3myrw7ne.js";
+import"../../../../shared/components-raknhppb.js";
 import"../../../../shared/components-rr7a6ja9.js";
 import"../../../../shared/components-zfnmn5d4.js";
 import"../../../../shared/components-3ky44908.js";

package/dist/components/inputs/date-time/date-range-picker/index.js

@@ -1,13 +1,13 @@
 import {
   DateRangePicker2,
   date_range_picker_default
-} from "../../../../shared/components-zwhtxm15.js";
+} from "../../../../shared/components-sn1rxx1d.js";
 import"../../../../shared/components-1z6tdadk.js";
-import"../../../../shared/components-qtqxgfrb.js";
-import"../../../../shared/components-50m950y9.js";
+import"../../../../shared/components-s5ngg32c.js";
+import"../../../../shared/components-h2ajmhwn.js";
 import"../../../../shared/components-gz8zf3ec.js";
 import"../../../../shared/components-c6s6b43g.js";
-import"../../../../shared/components-3myrw7ne.js";
+import"../../../../shared/components-raknhppb.js";
 import"../../../../shared/components-rr7a6ja9.js";
 import"../../../../shared/components-zfnmn5d4.js";
 import"../../../../shared/components-3ky44908.js";

package/dist/components/inputs/date-time/duration-picker/index.js

@@ -1,13 +1,13 @@
 import {
   DurationPicker2,
   duration_picker_default
-} from "../../../../shared/components-nyq0rym2.js";
+} from "../../../../shared/components-6p8tfcd6.js";
 import"../../../../shared/components-mjthm1kf.js";
-import"../../../../shared/components-qtqxgfrb.js";
-import"../../../../shared/components-50m950y9.js";
+import"../../../../shared/components-s5ngg32c.js";
+import"../../../../shared/components-h2ajmhwn.js";
 import"../../../../shared/components-gz8zf3ec.js";
 import"../../../../shared/components-c6s6b43g.js";
-import"../../../../shared/components-3myrw7ne.js";
+import"../../../../shared/components-raknhppb.js";
 import"../../../../shared/components-rr7a6ja9.js";
 import"../../../../shared/components-zfnmn5d4.js";
 import"../../../../shared/components-3ky44908.js";

package/dist/components/inputs/date-time/month-picker/index.js

@@ -1,12 +1,12 @@
 import {
   MonthPicker2,
   month_picker_default
-} from "../../../../shared/components-nsjec21k.js";
-import"../../../../shared/components-qtqxgfrb.js";
-import"../../../../shared/components-50m950y9.js";
+} from "../../../../shared/components-y9y0g8er.js";
+import"../../../../shared/components-s5ngg32c.js";
+import"../../../../shared/components-h2ajmhwn.js";
 import"../../../../shared/components-gz8zf3ec.js";
 import"../../../../shared/components-c6s6b43g.js";
-import"../../../../shared/components-3myrw7ne.js";
+import"../../../../shared/components-raknhppb.js";
 import"../../../../shared/components-rr7a6ja9.js";
 import"../../../../shared/components-zfnmn5d4.js";
 import"../../../../shared/components-3ky44908.js";

package/dist/components/inputs/date-time/time-picker/index.js

@@ -1,13 +1,13 @@
 import {
   TimePicker2,
   time_picker_default
-} from "../../../../shared/components-wshd8f3n.js";
+} from "../../../../shared/components-5vgpnxgy.js";
 import"../../../../shared/components-mjthm1kf.js";
-import"../../../../shared/components-qtqxgfrb.js";
-import"../../../../shared/components-50m950y9.js";
+import"../../../../shared/components-s5ngg32c.js";
+import"../../../../shared/components-h2ajmhwn.js";
 import"../../../../shared/components-gz8zf3ec.js";
 import"../../../../shared/components-c6s6b43g.js";
-import"../../../../shared/components-3myrw7ne.js";
+import"../../../../shared/components-raknhppb.js";
 import"../../../../shared/components-rr7a6ja9.js";
 import"../../../../shared/components-zfnmn5d4.js";
 import"../../../../shared/components-3ky44908.js";

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

@@ -49,7 +49,9 @@ interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "onChan
 * - `InputGroup.Field` — one labelled Input in a group, wired as a Base UI
 *   `Field` (label, control and error message linked for assistive tech):
 *   `index` (its position, for the fluid hover), `label`, `labelHidden`,
-*   `error` (a message below the input; marks it invalid), plus Input's props.
+*   `error` (a message below the input; marks it invalid), plus Input's props;
+*   children replace the Input with another field control, such as a
+*   Textarea, which joins the group's hover and takes the error.
 *
 * @example {@include ./examples.mdx}
 */
@@ -82,6 +84,8 @@ interface InputFieldProps extends Omit<InputProps, "invalid" | "size" | "classNa
 	index: number;
 	/** Error message shown below the input. */
 	error?: string;
+	/** A control in place of the built-in Input, e.g. a Textarea: it joins the group's hover and takes the field's error and disabled state. Input's props then go on it, not on the field. */
+	children?: ReactNode2;
 	className?: string;
 }
 declare const InputField: ForwardRefExoticComponent<InputFieldProps & RefAttributes<HTMLDivElement>>;

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

@@ -3,8 +3,8 @@ import {
   Label2,
   InputGroup2,
   input_default
-} from "../../../shared/components-50m950y9.js";
-import"../../../shared/components-3myrw7ne.js";
+} from "../../../shared/components-h2ajmhwn.js";
+import"../../../shared/components-raknhppb.js";
 import"../../../shared/components-59efxjd9.js";
 import"../../../shared/components-jjw69c4c.js";
 import"../../../shared/components-n7mjr357.js";

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

@@ -38,7 +38,9 @@ interface TextareaProps extends Omit<TextareaHTMLAttributes<HTMLTextAreaElement>
 * the same size, so the two stack in a form without a seam. It is
 * uncontrolled with `defaultValue`, or controlled with `value` + `onChange`,
 * fills the width of its container, and joins a Base UI `Field` when placed
-* inside one. Pair it with a `Label` (see Input) through `htmlFor` / `id`.
+* inside one. Pair it with a `Label` (see Input) through `htmlFor` / `id`,
+* or put it in an `InputGroup.Field` to label it, join the group's hover and
+* take the field's error.
 *
 * @example {@include ./examples.mdx}
 */

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

@@ -1,8 +1,8 @@
 import {
   Textarea2,
   textarea_default
-} from "../../../shared/components-rd9tbsqv.js";
-import"../../../shared/components-3myrw7ne.js";
+} from "../../../shared/components-kwa6mrf9.js";
+import"../../../shared/components-raknhppb.js";
 import"../../../shared/components-n7mjr357.js";
 import"../../../shared/components-0sn7ypjw.js";
 import"../../../shared/components-cv16mryv.js";

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

@@ -36,9 +36,9 @@ import {
   Sidebar2,
   SidebarContent2,
   sidebar_default
-} from "../../../shared/components-mqyvvh8k.js";
+} from "../../../shared/components-qmmjx1qw.js";
 import"../../../shared/components-c6s6b43g.js";
-import"../../../shared/components-3myrw7ne.js";
+import"../../../shared/components-raknhppb.js";
 import"../../../shared/components-rr7a6ja9.js";
 import"../../../shared/components-ng72k97e.js";
 import"../../../shared/components-zfnmn5d4.js";

package/dist/index.d.ts

@@ -1441,7 +1441,9 @@ interface InputProps extends Omit<InputHTMLAttributes3<HTMLInputElement>, "onCha
 * - `InputGroup.Field` — one labelled Input in a group, wired as a Base UI
 *   `Field` (label, control and error message linked for assistive tech):
 *   `index` (its position, for the fluid hover), `label`, `labelHidden`,
-*   `error` (a message below the input; marks it invalid), plus Input's props.
+*   `error` (a message below the input; marks it invalid), plus Input's props;
+*   children replace the Input with another field control, such as a
+*   Textarea, which joins the group's hover and takes the error.
 *
 * @example {@include ./examples.mdx}
 */
@@ -1474,6 +1476,8 @@ interface InputFieldProps extends Omit<InputProps, "invalid" | "size" | "classNa
 	index: number;
 	/** Error message shown below the input. */
 	error?: string;
+	/** A control in place of the built-in Input, e.g. a Textarea: it joins the group's hover and takes the field's error and disabled state. Input's props then go on it, not on the field. */
+	children?: ReactNode10;
 	className?: string;
 }
 declare const InputField: ForwardRefExoticComponent5<InputFieldProps & RefAttributes5<HTMLDivElement>>;
@@ -2011,7 +2015,9 @@ interface TextareaProps extends Omit<TextareaHTMLAttributes2<HTMLTextAreaElement
 * the same size, so the two stack in a form without a seam. It is
 * uncontrolled with `defaultValue`, or controlled with `value` + `onChange`,
 * fills the width of its container, and joins a Base UI `Field` when placed
-* inside one. Pair it with a `Label` (see Input) through `htmlFor` / `id`.
+* inside one. Pair it with a `Label` (see Input) through `htmlFor` / `id`,
+* or put it in an `InputGroup.Field` to label it, join the group's hover and
+* take the field's error.
 *
 * @example {@include ./examples.mdx}
 */
@@ -2144,7 +2150,7 @@ declare const SidebarGroupActions: ForwardRefExoticComponent_tcubfn11<SidebarGro
 declare const SidebarGroupContent: ForwardRefExoticComponent_tcubfn11<SidebarSectionProps & RefAttributes_miuf5611<HTMLDivElement>>;
 import { VariantProps as VariantProps4 } from "class-variance-authority";
 import { AnchorHTMLAttributes, ButtonHTMLAttributes as ButtonHTMLAttributes3, HTMLAttributes as HTMLAttributes17, LiHTMLAttributes, ReactElement as ReactElement4 } from "react";
-import { Context as Context_rri5bl2 } from "react";
+import { Context as Context_rri5bl3 } from "react";
 import { ForwardRefExoticComponent as ForwardRefExoticComponent_tcubfn12 } from "react";
 import { RefAttributes as RefAttributes_miuf5612 } from "react";
 import { ClassProp as ClassProp_wz9o0r5 } from "class-variance-authority/types";
@@ -2153,7 +2159,7 @@ interface SidebarSelectionValue {
 	value: string | undefined;
 	select: (value: string) => void;
 }
-declare const SidebarSelection: Context_rri5bl2<SidebarSelectionValue | null>;
+declare const SidebarSelection: Context_rri5bl3<SidebarSelectionValue | null>;
 interface SidebarMenuProps extends HTMLAttributes17<HTMLUListElement> {
 	/** Pins the menu's rows to one step of the size ladder. Omitted, they
 	*  follow the surrounding SizeProvider. */

package/dist/index.js

@@ -54,7 +54,7 @@ import {
 } from "./shared/components-rr7a6ja9.js";
 import {
   fieldVariants
-} from "./shared/components-3myrw7ne.js";
+} from "./shared/components-raknhppb.js";
 import"./shared/components-c6s6b43g.js";
 import {
   TooltipPortalContainer2,
@@ -98,7 +98,7 @@ import {
   SidebarMenuSubButton2,
   Sidebar2,
   SidebarContent2
-} from "./shared/components-mqyvvh8k.js";
+} from "./shared/components-qmmjx1qw.js";
 import"./shared/components-chacnk61.js";
 import {
   FluidHoverHighlight2
@@ -129,7 +129,7 @@ import {
 } from "./shared/components-a86dytt0.js";
 import {
   SidebarApp2
-} from "./shared/components-ye0ze0h8.js";
+} from "./shared/components-5pnw8183.js";
 import {
   FileThumbnail2,
   InputMessage2
@@ -193,7 +193,7 @@ import {
   ComboboxList2,
   ComboboxItem2,
   ComboboxEmpty2
-} from "./shared/components-tcee5k0s.js";
+} from "./shared/components-473g814w.js";
 import"./shared/components-gz8zf3ec.js";
 import {
   Calendar2
@@ -202,24 +202,24 @@ import {
   Input2,
   Label2,
   InputGroup2
-} from "./shared/components-50m950y9.js";
-import"./shared/components-qtqxgfrb.js";
+} from "./shared/components-h2ajmhwn.js";
+import"./shared/components-s5ngg32c.js";
 import"./shared/components-mjthm1kf.js";
 import {
   DatePicker2
-} from "./shared/components-wtbesgdp.js";
+} from "./shared/components-wy9jpqny.js";
 import {
   DateRangePicker2
-} from "./shared/components-zwhtxm15.js";
+} from "./shared/components-sn1rxx1d.js";
 import {
   DurationPicker2
-} from "./shared/components-nyq0rym2.js";
+} from "./shared/components-6p8tfcd6.js";
 import {
   MonthPicker2
-} from "./shared/components-nsjec21k.js";
+} from "./shared/components-y9y0g8er.js";
 import {
   TimePicker2
-} from "./shared/components-wshd8f3n.js";
+} from "./shared/components-5vgpnxgy.js";
 import {
   RadioGroup2,
   Radio2
@@ -252,7 +252,7 @@ import {
 } from "./shared/components-8snj490h.js";
 import {
   Textarea2
-} from "./shared/components-rd9tbsqv.js";
+} from "./shared/components-kwa6mrf9.js";
 import {
   Tabs2,
   TabsList2,

package/dist/shared/{components-tcee5k0s.js → components-473g814w.js}

@@ -11,7 +11,7 @@ import {
 import {
   fieldIconClasses,
   useFieldBox
-} from "./components-3myrw7ne.js";
+} from "./components-raknhppb.js";
 import {
   opensInPlace,
   inPlaceOffset,

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

@@ -23,7 +23,7 @@ import {
   SidebarMenuItem2,
   SidebarMenuButton2,
   sidebar_default
-} from "./components-mqyvvh8k.js";
+} from "./components-qmmjx1qw.js";
 import {
   MenuItem2,
   DropdownMenu2,

package/dist/shared/{components-wshd8f3n.js → components-5vgpnxgy.js}

@@ -13,7 +13,7 @@ import {
 import {
   PickerShell,
   PickerInput
-} from "./components-qtqxgfrb.js";
+} from "./components-s5ngg32c.js";
 import {
   pad,
   TimeColumns

package/dist/shared/{components-nyq0rym2.js → components-6p8tfcd6.js}

@@ -13,7 +13,7 @@ import {
 import {
   PickerShell,
   PickerInput
-} from "./components-qtqxgfrb.js";
+} from "./components-s5ngg32c.js";
 import {
   pad
 } from "./components-mjthm1kf.js";

package/dist/shared/{components-50m950y9.js → components-h2ajmhwn.js}

@@ -6,9 +6,10 @@ import {
 } from "./components-ezxhrmer.js";
 import {
   fieldIconClasses,
+  FieldStateContext,
   useFieldBox,
   focusControlOnPress
-} from "./components-3myrw7ne.js";
+} from "./components-raknhppb.js";
 import {
   useControllableState
 } from "./components-n7mjr357.js";
@@ -37,7 +38,6 @@ function useInputGroup() {
     throw new Error("useInputGroup must be used within an InputGroup");
   return ctx;
 }
-var FieldStateContext = createContext(null);
 var Input2 = forwardRef(({
   icon: Icon,
   value: valueProp,
@@ -52,14 +52,8 @@ var Input2 = forwardRef(({
 }, ref) => {
   const [value, onChange] = useControllableState(valueProp, defaultValue, onChangeProp);
   const inputRef = useRef(null);
-  const field = useContext(FieldStateContext);
-  const { size: sizeClasses, props: boxProps } = useFieldBox({
-    variant,
-    invalid,
-    disabled,
-    active: field?.active,
-    size
-  });
+  const box = useFieldBox({ variant, invalid, disabled, size });
+  const { size: sizeClasses, props: boxProps } = box;
   return /* @__PURE__ */ jsxs("div", {
     onMouseDown: focusControlOnPress(inputRef),
     ...boxProps,
@@ -82,8 +76,8 @@ var Input2 = forwardRef(({
         type: "text",
         value,
         onChange: (e) => onChange(e.target.value),
-        disabled,
-        "aria-invalid": invalid || undefined,
+        disabled: box.disabled,
+        "aria-invalid": box.invalid || undefined,
         className: cn2("w-full rounded-none bg-transparent text-foreground placeholder:text-muted-foreground outline-none font-[inherit]", sizeClasses.text, "weight-normal"),
         ...props
       })
@@ -140,13 +134,13 @@ var InputGroup2 = forwardRef(({ children, size, className, ...props }, ref) => {
   }) : group;
 });
 InputGroup2.displayName = "InputGroup";
-var InputField = forwardRef(({ label, labelHidden, index, error, disabled, className, ...props }, ref) => {
+var InputField = forwardRef(({ label, labelHidden, index, error, disabled, children, className, ...props }, ref) => {
   const internalRef = useRef(null);
   const { registerItem, activeIndex } = useInputGroup();
   const sizeClasses = useSize2();
   const compact = sizeClasses.variant === "compact";
   useRegisterFluidHoverItem2(registerItem, index, internalRef);
-  const fieldState = useMemo(() => ({ active: activeIndex === index }), [activeIndex, index]);
+  const fieldState = useMemo(() => ({ active: activeIndex === index, invalid: !!error, disabled: !!disabled }), [activeIndex, index, error, disabled]);
   return /* @__PURE__ */ jsxs(Field.Root, {
     ref: (node) => {
       internalRef.current = node;
@@ -168,7 +162,7 @@ var InputField = forwardRef(({ label, labelHidden, index, error, disabled, class
       }),
       /* @__PURE__ */ jsx(FieldStateContext.Provider, {
         value: fieldState,
-        children: /* @__PURE__ */ jsx(Input2, {
+        children: children ?? /* @__PURE__ */ jsx(Input2, {
           invalid: !!error,
           disabled,
           ...props

package/dist/shared/{components-rd9tbsqv.js → components-kwa6mrf9.js}

@@ -4,7 +4,7 @@ import {
 import {
   useFieldBox,
   focusControlOnPress
-} from "./components-3myrw7ne.js";
+} from "./components-raknhppb.js";
 import {
   useControllableState
 } from "./components-n7mjr357.js";
@@ -77,8 +77,8 @@ var Textarea2 = forwardRef(({
       }),
       value,
       onChange: (e) => onChange(e.target.value),
-      disabled,
-      "aria-invalid": invalid || undefined,
+      disabled: box.disabled,
+      "aria-invalid": box.invalid || undefined,
       className: cn2("block w-full resize-none rounded-none bg-transparent text-foreground placeholder:text-muted-foreground outline-none font-[inherit]", box.size.text, "weight-normal")
     })
   });

package/dist/shared/{components-mqyvvh8k.js → components-qmmjx1qw.js}

@@ -30,7 +30,7 @@ import {
 } from "./components-rr7a6ja9.js";
 import {
   fieldVariants
-} from "./components-3myrw7ne.js";
+} from "./components-raknhppb.js";
 import {
   useIsMobile
 } from "./components-c6s6b43g.js";

package/dist/shared/{components-3myrw7ne.js → components-raknhppb.js}

@@ -10,6 +10,7 @@ import {
 
 // lib/field-classes.ts
 import { cva } from "class-variance-authority";
+import { createContext, useContext } from "react";
 var fieldVariants = cva([
   "group/field ring-1 cursor-text transition-[background-color,box-shadow,opacity] duration-fast",
   "hover:bg-muted/50 hover:ring-border data-[active]:bg-muted/50 data-[active]:ring-border",
@@ -28,19 +29,25 @@ var fieldVariants = cva([
   }
 });
 var fieldIconClasses = "shrink-0 text-muted-foreground transition-[color,stroke-width] duration-fast group-hover/field:text-foreground group-hover/field:stroke-[2] group-data-[active]/field:text-foreground group-data-[active]/field:stroke-[2] group-focus-within/field:text-foreground group-focus-within/field:stroke-[2]";
+var FieldStateContext = createContext(null);
 var FIELD_PX = {
   default: "px-2.5",
   compact: "px-2"
 };
 function useFieldBox({ variant, invalid, disabled, active, size }) {
+  const field = useContext(FieldStateContext);
   const shape = useShape();
   const sizeClasses = useSize2(size);
+  const isInvalid = invalid ?? field?.invalid ?? false;
+  const isDisabled = disabled ?? field?.disabled ?? false;
   return {
     size: sizeClasses,
+    invalid: isInvalid,
+    disabled: isDisabled,
     props: {
-      "data-active": active || undefined,
-      "data-invalid": invalid || undefined,
-      "data-disabled": disabled || undefined,
+      "data-active": (active ?? field?.active) || undefined,
+      "data-invalid": isInvalid || undefined,
+      "data-disabled": isDisabled || undefined,
       className: cn2(fieldVariants({ variant }), shape.input, FIELD_PX[sizeClasses.variant])
     }
   };
@@ -54,4 +61,4 @@ function focusControlOnPress(control) {
   };
 }
 
-export { fieldVariants, fieldIconClasses, useFieldBox, focusControlOnPress };
+export { fieldVariants, fieldIconClasses, FieldStateContext, useFieldBox, focusControlOnPress };

package/dist/shared/{components-qtqxgfrb.js → components-s5ngg32c.js}

@@ -10,7 +10,7 @@ import {
 import {
   fieldIconClasses,
   useFieldBox
-} from "./components-3myrw7ne.js";
+} from "./components-raknhppb.js";
 import {
   useIcon
 } from "./components-zrkzcayz.js";
@@ -46,7 +46,7 @@ import {
 } from "./components-rr7a6ja9.js";
 import {
   input_default
-} from "./components-50m950y9.js";
+} from "./components-h2ajmhwn.js";
 
 // components/inputs/date-time/picker-shell.tsx
 import { Popover } from "@base-ui/react/popover";

package/dist/shared/{components-zwhtxm15.js → components-sn1rxx1d.js}

@@ -11,7 +11,7 @@ import {
 import {
   PickerShell,
   PickerInput
-} from "./components-qtqxgfrb.js";
+} from "./components-s5ngg32c.js";
 
 // components/inputs/date-time/date-range-picker/index.tsx
 import { endOfMonth, format } from "date-fns";

package/dist/shared/{components-wtbesgdp.js → components-wy9jpqny.js}

@@ -13,7 +13,7 @@ import {
 import {
   PickerShell,
   PickerInput
-} from "./components-qtqxgfrb.js";
+} from "./components-s5ngg32c.js";
 import {
   TimeColumns
 } from "./components-mjthm1kf.js";

package/dist/shared/{components-nsjec21k.js → components-y9y0g8er.js}

@@ -14,7 +14,7 @@ import {
 import {
   PickerShell,
   PickerInput
-} from "./components-qtqxgfrb.js";
+} from "./components-s5ngg32c.js";
 
 // components/inputs/date-time/month-picker/index.tsx
 import { addYears, endOfYear, format, startOfMonth, startOfYear } from "date-fns";

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-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); }
+: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-md: 0.375rem; --radius-DEFAULT: 0.25rem; --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-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; --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.4.0",
+  "version": "0.5.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": [