@mihcm/ui 0.14.1

package/dist/HoverCard.native.js

@@ -0,0 +1,19 @@
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+import { View } from 'react-native';
+export function HoverCard({ children }) {
+    return _jsx(_Fragment, { children: children });
+}
+export function HoverCardTrigger({ children }) {
+    return _jsx(_Fragment, { children: children });
+}
+export function HoverCardContent(_props) {
+    // HoverCard content is not rendered on native — hover is not available.
+    return null;
+}
+export function HoverCardPortal({ children }) {
+    return _jsx(_Fragment, { children: children });
+}
+export function HoverCardArrow() {
+    return null;
+}
+//# sourceMappingURL=HoverCard.native.js.map

package/dist/HoverCard.native.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HoverCard.native.js","sourceRoot":"","sources":["../src/HoverCard.native.tsx"],"names":[],"mappings":";AASA,OAAO,EAAE,IAAI,EAAkB,MAAM,cAAc,CAAC;AAYpD,MAAM,UAAU,SAAS,CAAC,EAAE,QAAQ,EAAkB;IACpD,OAAO,4BAAG,QAAQ,GAAI,CAAC;AACzB,CAAC;AAOD,MAAM,UAAU,gBAAgB,CAAC,EAAE,QAAQ,EAAyB;IAClE,OAAO,4BAAG,QAAQ,GAAI,CAAC;AACzB,CAAC;AAgBD,MAAM,UAAU,gBAAgB,CAAC,MAA6B;IAC5D,wEAAwE;IACxE,OAAO,IAAI,CAAC;AACd,CAAC;AAED,MAAM,UAAU,eAAe,CAAC,EAAE,QAAQ,EAA2B;IACnE,OAAO,4BAAG,QAAQ,GAAI,CAAC;AACzB,CAAC;AAED,MAAM,UAAU,cAAc;IAC5B,OAAO,IAAI,CAAC;AACd,CAAC"}

package/dist/IconSidebar.d.ts

@@ -0,0 +1,50 @@
+/**
+ * MainSidebar (web variant — React DOM).
+ *
+ * Figma rail: compact 46 px primary-blue icon strip with an accent selected item.
+ * Expansion: controlled/uncontrolled drilldown panel that slides beside the rail.
+ *
+ * `IconSidebar` remains as a compatibility alias.
+ *
+ * Wiki: docs/components/IconSidebar.md
+ */
+import { type HTMLAttributes, type ReactNode } from 'react';
+export interface MainSidebarItem {
+    key: string;
+    icon: ReactNode;
+    label: string;
+    href?: string;
+    description?: string;
+    badge?: ReactNode;
+    disabled?: boolean;
+    children?: MainSidebarItem[];
+    panel?: ReactNode;
+}
+export interface MainSidebarProps extends Omit<HTMLAttributes<HTMLElement>, 'onSelect'> {
+    items: MainSidebarItem[];
+    activeKey?: string;
+    expanded?: boolean;
+    defaultExpanded?: boolean;
+    onExpandedChange?: (expanded: boolean) => void;
+    onItemSelect?: (key: string, item: MainSidebarItem) => void;
+    header?: ReactNode;
+    footer?: ReactNode;
+    panelHeader?: ReactNode;
+    panelFooter?: ReactNode;
+    railClassName?: string;
+    panelClassName?: string;
+    itemClassName?: string;
+    activeItemClassName?: string;
+    collapsedLabel?: string;
+    expandedLabel?: string;
+    backLabel?: string;
+    showLabelsWhenExpanded?: boolean;
+    side?: 'left' | 'right';
+    /** Force the bottom mobile navigation pattern for docs, tests, or mobile-only shells. */
+    mobile?: boolean;
+}
+export type IconSidebarItem = MainSidebarItem;
+export type IconSidebarProps = MainSidebarProps;
+export declare const MainSidebar: import("react").ForwardRefExoticComponent<MainSidebarProps & import("react").RefAttributes<HTMLElement>>;
+export declare const IconSidebar: import("react").ForwardRefExoticComponent<MainSidebarProps & import("react").RefAttributes<HTMLElement>>;
+//# sourceMappingURL=IconSidebar.d.ts.map

package/dist/IconSidebar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconSidebar.d.ts","sourceRoot":"","sources":["../src/IconSidebar.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;GASG;AACH,OAAO,EAAiC,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAG3F,MAAM,WAAW,eAAe;IAC9B,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,SAAS,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,eAAe,EAAE,CAAC;IAC7B,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB;AAED,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,UAAU,CAAC;IACrF,KAAK,EAAE,eAAe,EAAE,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IAC/C,YAAY,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,eAAe,KAAK,IAAI,CAAC;IAC5D,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACxB,yFAAyF;IACzF,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,MAAM,eAAe,GAAG,eAAe,CAAC;AAC9C,MAAM,MAAM,gBAAgB,GAAG,gBAAgB,CAAC;AAgDhD,eAAO,MAAM,WAAW,0GAyVtB,CAAC;AAEH,eAAO,MAAM,WAAW,0GAAc,CAAC"}

package/dist/IconSidebar.js

@@ -0,0 +1,121 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/**
+ * MainSidebar (web variant — React DOM).
+ *
+ * Figma rail: compact 46 px primary-blue icon strip with an accent selected item.
+ * Expansion: controlled/uncontrolled drilldown panel that slides beside the rail.
+ *
+ * `IconSidebar` remains as a compatibility alias.
+ *
+ * Wiki: docs/components/IconSidebar.md
+ */
+import { forwardRef, useMemo, useState } from 'react';
+import { cn } from './internal/cn.js';
+function ChevronLeftIcon() {
+    return (_jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", "aria-hidden": true, children: _jsx("path", { d: "m15 18-6-6 6-6", strokeLinecap: "round", strokeLinejoin: "round" }) }));
+}
+function ChevronRightIcon() {
+    return (_jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", "aria-hidden": true, children: _jsx("path", { d: "m9 18 6-6-6-6", strokeLinecap: "round", strokeLinejoin: "round" }) }));
+}
+function MenuIcon() {
+    return (_jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", "aria-hidden": true, children: _jsx("path", { d: "M4 7h16M4 12h16M4 17h16", strokeLinecap: "round" }) }));
+}
+function findItem(items, key) {
+    if (!key)
+        return undefined;
+    for (const item of items) {
+        if (item.key === key)
+            return item;
+        const child = findItem(item.children ?? [], key);
+        if (child)
+            return child;
+    }
+    return undefined;
+}
+function firstPanelItem(items, activeKey) {
+    const active = findItem(items, activeKey);
+    if (active?.children?.length || active?.panel)
+        return active;
+    return items.find((item) => item.children?.length || item.panel) ?? items[0];
+}
+function opensPanel(item) {
+    return Boolean(item.children?.length || item.panel);
+}
+export const MainSidebar = forwardRef(function MainSidebar({ className, items, activeKey, expanded, defaultExpanded = false, onExpandedChange, onItemSelect, header, footer, panelHeader, panelFooter, railClassName, panelClassName, itemClassName, activeItemClassName, collapsedLabel = 'Expand main sidebar', expandedLabel = 'Collapse main sidebar', backLabel = 'Back', showLabelsWhenExpanded = true, side = 'left', mobile = false, ...props }, ref) {
+    const [internalExpanded, setInternalExpanded] = useState(defaultExpanded);
+    const isExpanded = expanded ?? internalExpanded;
+    const rootItem = useMemo(() => firstPanelItem(items, activeKey), [activeKey, items]);
+    const [pathKeys, setPathKeys] = useState([]);
+    const path = useMemo(() => {
+        const resolved = pathKeys
+            .map((key) => findItem(items, key))
+            .filter((item) => Boolean(item));
+        return resolved.length ? resolved : rootItem ? [rootItem] : [];
+    }, [items, pathKeys, rootItem]);
+    const current = path.at(-1);
+    const currentItems = current?.children ?? items;
+    const isRightSide = side === 'right';
+    function setExpanded(next) {
+        if (expanded === undefined)
+            setInternalExpanded(next);
+        if (!next)
+            setPathKeys([]);
+        onExpandedChange?.(next);
+    }
+    function selectRailItem(item) {
+        if (item.disabled)
+            return;
+        onItemSelect?.(item.key, item);
+        if (opensPanel(item)) {
+            setPathKeys([item.key]);
+            setExpanded(true);
+        }
+        else {
+            setPathKeys([]);
+        }
+    }
+    function selectPanelItem(item) {
+        if (item.disabled)
+            return;
+        onItemSelect?.(item.key, item);
+        if (opensPanel(item)) {
+            setExpanded(true);
+            setPathKeys((previous) => previous.at(-1) === item.key ? previous : [...previous, item.key]);
+        }
+    }
+    const panel = isExpanded ? (_jsx("div", { className: cn('min-w-0 bg-card text-card-foreground shadow-mi-card', isRightSide ? 'border-l border-border' : 'border-r border-border', 'w-full md:w-72 md:flex-none', isRightSide
+            ? 'animate-in fade-in slide-in-from-right-2 duration-300'
+            : 'animate-in fade-in slide-in-from-left-2 duration-300', panelClassName), children: _jsxs("div", { className: "flex h-full flex-col", children: [_jsx("div", { className: "border-b border-border px-5 py-4", children: panelHeader ?? (_jsxs("div", { className: "flex items-center justify-between gap-3", children: [_jsxs("div", { className: "min-w-0", children: [_jsx("div", { className: "text-sm font-semibold", children: current?.label ?? 'Main Sidebar' }), current?.description ? (_jsx("p", { className: "mt-1 text-xs text-muted-foreground", children: current.description })) : null] }), _jsx("button", { type: "button", "aria-label": expandedLabel, onClick: () => setExpanded(false), className: "grid size-8 shrink-0 place-items-center rounded-md text-muted-foreground transition hover:bg-muted hover:text-foreground focus:outline-none focus-visible:ring-2 focus-visible:ring-ring", children: isRightSide ? _jsx(ChevronRightIcon, {}) : _jsx(ChevronLeftIcon, {}) })] })) }), _jsxs("div", { className: "min-h-0 flex-1 overflow-y-auto px-3 py-4", children: [path.length > 1 ? (_jsxs("button", { type: "button", onClick: () => setPathKeys((previous) => previous.slice(0, -1)), className: "mb-3 inline-flex items-center gap-2 rounded-md px-2 py-1.5 text-xs font-medium text-muted-foreground transition hover:bg-muted hover:text-foreground focus:outline-none focus-visible:ring-2 focus-visible:ring-ring", children: [_jsx("span", { className: "[&_svg]:size-4", children: _jsx(ChevronLeftIcon, {}) }), backLabel] })) : null, current?.panel ? (_jsx("div", { className: "animate-in fade-in slide-in-from-left-2 duration-200", children: current.panel })) : (_jsx("div", { className: "grid gap-1 animate-in fade-in slide-in-from-right-2 duration-200", children: currentItems.map((item) => {
+                                const isActive = item.key === activeKey;
+                                const hasChildren = opensPanel(item);
+                                return (_jsxs("button", { type: "button", disabled: item.disabled, onClick: () => selectPanelItem(item), className: cn('group flex w-full items-center gap-3 rounded-md px-3 py-2.5 text-left transition', 'focus:outline-none focus-visible:ring-2 focus-visible:ring-ring', item.disabled && 'cursor-not-allowed opacity-40', isActive ? 'bg-accent text-primary-foreground' : 'hover:bg-muted'), children: [_jsx("span", { className: "grid size-8 shrink-0 place-items-center rounded-md bg-muted text-foreground group-hover:bg-background [&_svg]:size-4", children: item.icon }), _jsxs("span", { className: "min-w-0 flex-1", children: [_jsx("span", { className: "block truncate text-sm font-medium", children: item.label }), item.description ? (_jsx("span", { className: cn('mt-0.5 block text-xs', isActive ? 'text-primary-foreground/80' : 'text-muted-foreground'), children: item.description })) : null] }), item.badge ? _jsx("span", { className: "shrink-0", children: item.badge }) : null, hasChildren ? (_jsx("span", { className: "shrink-0 text-muted-foreground [&_svg]:size-4", children: _jsx(ChevronRightIcon, {}) })) : null] }, item.key));
+                            }) }))] }), showLabelsWhenExpanded ? (_jsxs("div", { className: "border-t border-border px-5 py-4 text-xs text-muted-foreground", children: [currentItems.length, " navigation ", currentItems.length === 1 ? 'item' : 'items'] })) : null, panelFooter ? _jsx("div", { className: "border-t border-border px-5 py-4", children: panelFooter }) : null] }) })) : null;
+    return (_jsxs(_Fragment, { children: [_jsxs("nav", { "aria-label": "Main Sidebar", "data-expanded": isExpanded ? 'true' : 'false', "data-mobile": mobile ? 'true' : undefined, className: cn('absolute inset-x-0 bottom-0 z-30', !mobile && 'md:hidden', className), children: [isExpanded ? (_jsx("div", { className: "absolute inset-x-3 bottom-full mb-3 max-h-96 overflow-hidden rounded-lg border border-border bg-card text-card-foreground shadow-mi-popover", children: panel })) : null, _jsxs("div", { className: cn('flex items-stretch border-t border-primary/80 bg-primary text-primary-foreground', railClassName), children: [_jsx("div", { className: "flex min-w-0 flex-1 overflow-x-auto", children: items.map((item) => {
+                                    const isActive = item.key === activeKey;
+                                    const mobileItemClassName = cn('grid min-w-18 flex-1 place-items-center gap-1 px-3 py-2 text-caption transition', 'focus:outline-none focus-visible:ring-2 focus-visible:ring-primary-foreground/70', item.disabled && 'cursor-not-allowed opacity-40', isActive ? 'bg-accent text-primary-foreground' : 'text-primary-foreground/75', itemClassName, isActive && activeItemClassName);
+                                    const mobileItemContent = (_jsxs(_Fragment, { children: [_jsx("span", { className: "[&_svg]:size-5", children: item.icon }), _jsx("span", { className: "max-w-16 truncate", children: item.label })] }));
+                                    if (item.href && !item.disabled && !item.children?.length && !item.panel) {
+                                        return (_jsx("a", { href: item.href, "aria-label": item.label, "aria-current": isActive ? 'page' : undefined, "aria-disabled": item.disabled || undefined, className: mobileItemClassName, children: mobileItemContent }, item.key));
+                                    }
+                                    return (_jsx("button", { type: "button", disabled: item.disabled, "aria-label": item.label, "aria-current": isActive ? 'page' : undefined, "aria-disabled": item.disabled || undefined, onClick: () => selectRailItem(item), className: mobileItemClassName, children: mobileItemContent }, item.key));
+                                }) }), _jsxs("button", { type: "button", "aria-label": isExpanded ? expandedLabel : collapsedLabel, "aria-expanded": isExpanded, onClick: () => setExpanded(!isExpanded), className: "grid min-w-16 place-items-center gap-1 border-l border-primary-foreground/15 px-3 py-2 text-caption text-primary-foreground/85 transition hover:bg-primary-foreground/10 focus:outline-none focus-visible:ring-2 focus-visible:ring-primary-foreground/70", children: [_jsx("span", { className: "[&_svg]:size-5", children: _jsx(MenuIcon, {}) }), "Menu"] })] })] }), _jsxs("aside", { ref: ref, "aria-label": "Main Sidebar", "data-expanded": isExpanded ? 'true' : 'false', "data-side": side, "data-mobile": mobile ? 'false' : undefined, className: cn('h-full flex-shrink-0 overflow-hidden bg-primary text-primary-foreground', mobile ? 'hidden' : 'hidden md:flex', isRightSide && 'flex-row-reverse', 'transition-[width] duration-300 ease-out', isExpanded ? 'w-[20.875rem]' : 'w-11.5', className), ...props, children: [_jsxs("div", { className: cn('flex w-11.5 shrink-0 flex-col items-center gap-9 overflow-hidden bg-primary pb-20', railClassName), children: [header ? _jsx("div", { className: "flex w-full justify-center", children: header }) : null, _jsx("nav", { className: "flex flex-col items-center", "aria-label": "Primary", children: items.map((item) => {
+                                    const isActive = item.key === activeKey;
+                                    const shared = {
+                                        'aria-label': item.label,
+                                        'aria-current': isActive ? 'page' : undefined,
+                                        'aria-disabled': item.disabled || undefined,
+                                        title: item.label,
+                                        className: cn('grid h-11.5 w-11.5 shrink-0 place-items-center transition-colors duration-150', 'focus:outline-none focus-visible:ring-2 focus-visible:ring-primary-foreground/70', item.disabled ? 'cursor-not-allowed opacity-40' : 'cursor-pointer', isActive
+                                            ? 'bg-accent text-primary-foreground opacity-100'
+                                            : 'text-primary-foreground opacity-70 hover:opacity-100 focus-visible:opacity-100', itemClassName, isActive && activeItemClassName),
+                                    };
+                                    const content = _jsx("span", { className: "[&_svg]:size-5", children: item.icon });
+                                    if (item.href && !item.disabled && !item.children?.length && !item.panel) {
+                                        return (_jsx("a", { href: item.href, ...shared, children: content }, item.key));
+                                    }
+                                    return (_jsx("button", { type: "button", disabled: item.disabled, onClick: () => selectRailItem(item), ...shared, children: content }, item.key));
+                                }) }), footer ? _jsx("div", { className: "mt-auto flex w-full justify-center", children: footer }) : null, _jsx("button", { type: "button", "aria-label": isExpanded ? expandedLabel : collapsedLabel, "aria-expanded": isExpanded, onClick: () => setExpanded(!isExpanded), className: "mb-3 grid size-8 place-items-center rounded-md text-primary-foreground/80 transition hover:bg-primary-foreground/10 hover:text-primary-foreground focus:outline-none focus-visible:ring-2 focus-visible:ring-primary-foreground/70", children: _jsx(MenuIcon, {}) })] }), panel] })] }));
+});
+export const IconSidebar = MainSidebar;
+//# sourceMappingURL=IconSidebar.js.map

package/dist/IconSidebar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconSidebar.js","sourceRoot":"","sources":["../src/IconSidebar.tsx"],"names":[],"mappings":"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"}

package/dist/IconSidebar.native.d.ts

@@ -0,0 +1,40 @@
+/**
+ * MainSidebar (React Native variant).
+ *
+ * Mobile-first redesign: renders as a horizontal bottom tab bar
+ * instead of a vertical rail. Uses a horizontal ScrollView for
+ * overflow when items exceed screen width. Active item gets a
+ * highlighted background; inactive items are dimmed.
+ *
+ * `IconSidebar` remains as a compatibility alias.
+ *
+ * Wiki: docs/components/IconSidebar.md
+ */
+import { type ReactNode } from 'react';
+import { View, type ViewProps } from 'react-native';
+export interface MainSidebarItem {
+    key: string;
+    icon: ReactNode;
+    label: string;
+    href?: string;
+    description?: string;
+    badge?: ReactNode;
+    disabled?: boolean;
+    children?: MainSidebarItem[];
+    panel?: ReactNode;
+}
+export interface MainSidebarProps extends Omit<ViewProps, 'style' | 'children'> {
+    items: MainSidebarItem[];
+    activeKey?: string;
+    onItemSelect?: (key: string, item: MainSidebarItem) => void;
+    header?: ReactNode;
+    footer?: ReactNode;
+    side?: 'left' | 'right';
+    mobile?: boolean;
+    className?: string;
+}
+export type IconSidebarItem = MainSidebarItem;
+export type IconSidebarProps = MainSidebarProps;
+export declare const MainSidebar: import("react").ForwardRefExoticComponent<MainSidebarProps & import("react").RefAttributes<View>>;
+export declare const IconSidebar: import("react").ForwardRefExoticComponent<MainSidebarProps & import("react").RefAttributes<View>>;
+//# sourceMappingURL=IconSidebar.native.d.ts.map

package/dist/IconSidebar.native.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconSidebar.native.d.ts","sourceRoot":"","sources":["../src/IconSidebar.native.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AACH,OAAO,EAAc,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAA+B,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAGjF,MAAM,WAAW,eAAe;IAC9B,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,SAAS,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,eAAe,EAAE,CAAC;IAC7B,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB;AAED,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,SAAS,EAAE,OAAO,GAAG,UAAU,CAAC;IAC7E,KAAK,EAAE,eAAe,EAAE,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,eAAe,KAAK,IAAI,CAAC;IAC5D,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACxB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,MAAM,eAAe,GAAG,eAAe,CAAC;AAC9C,MAAM,MAAM,gBAAgB,GAAG,gBAAgB,CAAC;AAEhD,eAAO,MAAM,WAAW,mGAiDtB,CAAC;AAEH,eAAO,MAAM,WAAW,mGAAc,CAAC"}

package/dist/IconSidebar.native.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * MainSidebar (React Native variant).
+ *
+ * Mobile-first redesign: renders as a horizontal bottom tab bar
+ * instead of a vertical rail. Uses a horizontal ScrollView for
+ * overflow when items exceed screen width. Active item gets a
+ * highlighted background; inactive items are dimmed.
+ *
+ * `IconSidebar` remains as a compatibility alias.
+ *
+ * Wiki: docs/components/IconSidebar.md
+ */
+import { forwardRef } from 'react';
+import { Pressable, ScrollView, Text, View } from 'react-native';
+import { cn } from './internal/cn.js';
+export const MainSidebar = forwardRef(function MainSidebar({ className, items, activeKey, onItemSelect, header, footer, side: _side, mobile: _mobile, ...props }, ref) {
+    return (_jsxs(View, { ref: ref, accessibilityRole: "toolbar", accessibilityLabel: "Main navigation", className: cn('flex-row items-center bg-primary border-t border-primary/80', className), ...props, children: [header ? _jsx(View, { className: "px-1", children: header }) : null, _jsx(ScrollView, { horizontal: true, showsHorizontalScrollIndicator: false, contentContainerClassName: "flex-row items-center", className: "flex-1", children: items.map((item) => {
+                    const isActive = item.key === activeKey;
+                    return (_jsxs(Pressable, { accessibilityRole: "button", accessibilityLabel: item.label, accessibilityState: { selected: isActive, disabled: item.disabled }, disabled: item.disabled, onPress: () => onItemSelect?.(item.key, item), className: cn('items-center justify-center px-4 py-3 min-w-14', isActive ? 'bg-accent' : 'opacity-70', item.disabled && 'opacity-40'), children: [_jsx(View, { className: "h-6 w-6 items-center justify-center", children: item.icon }), _jsx(Text, { className: "text-caption mt-1 text-primary-foreground text-center", numberOfLines: 1, children: item.label })] }, item.key));
+                }) }), footer ? _jsx(View, { className: "px-1", children: footer }) : null] }));
+});
+export const IconSidebar = MainSidebar;
+//# sourceMappingURL=IconSidebar.native.js.map

package/dist/IconSidebar.native.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconSidebar.native.js","sourceRoot":"","sources":["../src/IconSidebar.native.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;GAWG;AACH,OAAO,EAAE,UAAU,EAAkB,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,IAAI,EAAE,IAAI,EAAkB,MAAM,cAAc,CAAC;AACjF,OAAO,EAAE,EAAE,EAAE,MAAM,kBAAkB,CAAC;AA4BtC,MAAM,CAAC,MAAM,WAAW,GAAG,UAAU,CAAyB,SAAS,WAAW,CAChF,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EACrG,GAAG;IAEH,OAAO,CACL,MAAC,IAAI,IACH,GAAG,EAAE,GAAG,EACR,iBAAiB,EAAC,SAAS,EAC3B,kBAAkB,EAAC,iBAAiB,EACpC,SAAS,EAAE,EAAE,CAAC,6DAA6D,EAAE,SAAS,CAAC,KACnF,KAAK,aAER,MAAM,CAAC,CAAC,CAAC,KAAC,IAAI,IAAC,SAAS,EAAC,MAAM,YAAE,MAAM,GAAQ,CAAC,CAAC,CAAC,IAAI,EACvD,KAAC,UAAU,IACT,UAAU,QACV,8BAA8B,EAAE,KAAK,EACrC,yBAAyB,EAAC,uBAAuB,EACjD,SAAS,EAAC,QAAQ,YAEjB,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;oBAClB,MAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,KAAK,SAAS,CAAC;oBACxC,OAAO,CACL,MAAC,SAAS,IAER,iBAAiB,EAAC,QAAQ,EAC1B,kBAAkB,EAAE,IAAI,CAAC,KAAK,EAC9B,kBAAkB,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,EACnE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,EAAE,CAAC,IAAI,CAAC,GAAG,EAAE,IAAI,CAAC,EAC7C,SAAS,EAAE,EAAE,CACX,gDAAgD,EAChD,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,YAAY,EACrC,IAAI,CAAC,QAAQ,IAAI,YAAY,CAC9B,aAED,KAAC,IAAI,IAAC,SAAS,EAAC,qCAAqC,YAAE,IAAI,CAAC,IAAI,GAAQ,EACxE,KAAC,IAAI,IACH,SAAS,EAAC,uDAAuD,EACjE,aAAa,EAAE,CAAC,YAEf,IAAI,CAAC,KAAK,GACN,KAlBF,IAAI,CAAC,GAAG,CAmBH,CACb,CAAC;gBACJ,CAAC,CAAC,GACS,EACZ,MAAM,CAAC,CAAC,CAAC,KAAC,IAAI,IAAC,SAAS,EAAC,MAAM,YAAE,MAAM,GAAQ,CAAC,CAAC,CAAC,IAAI,IAClD,CACR,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,WAAW,GAAG,WAAW,CAAC"}

package/dist/Input.d.ts

@@ -0,0 +1,52 @@
+/**
+ * Input (web variant — React DOM).
+ *
+ * Native variant lives at `Input.native.tsx`; bundlers pick it via the
+ * `react-native` export condition in package.json.
+ *
+ * Universal contract:
+ *  - Same prop API on both platforms.
+ *  - Variants & sizes from `inputVariants` (cva).
+ *  - className accepted and forwarded.
+ *  - forwardRef to the underlying input element.
+ *  - WCAG 2.1 AA:
+ *      - `aria-invalid` driven by `invalid` prop.
+ *      - `aria-required` driven by `required` prop.
+ *      - `aria-describedby` accepted by consumer (point at an error
+ *        message element they render below the input).
+ *      - Focus-visible ring (uses the same `ring`/`ring-offset` tokens
+ *        as Button so the system feels consistent).
+ *      - 48px touch target on `lg` size.
+ *
+ * Wiki: docs/components/Input.md
+ */
+import { type InputHTMLAttributes, type ReactNode } from 'react';
+import { type VariantProps } from 'class-variance-authority';
+export declare const inputVariants: (props?: ({
+    variant?: "default" | "destructive" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+type WrapperVariantProps = VariantProps<typeof inputVariants>;
+export interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size'> {
+    /** Visual + a11y variant. `destructive` mirrors `invalid={true}` and is preferred. */
+    variant?: WrapperVariantProps['variant'];
+    /** Height + horizontal padding. `lg` gives a 48px touch target. */
+    size?: WrapperVariantProps['size'];
+    /**
+     * Marks the input as invalid (sets `aria-invalid` and applies the
+     * destructive variant unless `variant` is set explicitly). Prefer
+     * this over manually toggling `variant`.
+     */
+    invalid?: boolean;
+    /** Wrapper className. To style the input element itself, use `inputClassName`. */
+    className?: string;
+    /** Forwarded to the underlying `<input>` for inner-only styling. */
+    inputClassName?: string;
+    /** Optional icon rendered before the input (e.g., search glyph). */
+    leadingIcon?: ReactNode;
+    /** Optional icon/element rendered after the input (e.g., clear button). */
+    trailingIcon?: ReactNode;
+}
+export declare const Input: import("react").ForwardRefExoticComponent<InputProps & import("react").RefAttributes<HTMLInputElement>>;
+export {};
+//# sourceMappingURL=Input.d.ts.map

package/dist/Input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../src/Input.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,OAAO,EAAc,KAAK,mBAAmB,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAC7E,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAGlE,eAAO,MAAM,aAAa;;;8EAyBzB,CAAC;AAEF,KAAK,mBAAmB,GAAG,YAAY,CAAC,OAAO,aAAa,CAAC,CAAC;AAE9D,MAAM,WAAW,UACf,SAAQ,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC3D,sFAAsF;IACtF,OAAO,CAAC,EAAE,mBAAmB,CAAC,SAAS,CAAC,CAAC;IACzC,mEAAmE;IACnE,IAAI,CAAC,EAAE,mBAAmB,CAAC,MAAM,CAAC,CAAC;IACnC;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,kFAAkF;IAClF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oEAAoE;IACpE,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,oEAAoE;IACpE,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,2EAA2E;IAC3E,YAAY,CAAC,EAAE,SAAS,CAAC;CAC1B;AAED,eAAO,MAAM,KAAK,yGAoDhB,CAAC"}

package/dist/Input.js

@@ -0,0 +1,57 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Input (web variant — React DOM).
+ *
+ * Native variant lives at `Input.native.tsx`; bundlers pick it via the
+ * `react-native` export condition in package.json.
+ *
+ * Universal contract:
+ *  - Same prop API on both platforms.
+ *  - Variants & sizes from `inputVariants` (cva).
+ *  - className accepted and forwarded.
+ *  - forwardRef to the underlying input element.
+ *  - WCAG 2.1 AA:
+ *      - `aria-invalid` driven by `invalid` prop.
+ *      - `aria-required` driven by `required` prop.
+ *      - `aria-describedby` accepted by consumer (point at an error
+ *        message element they render below the input).
+ *      - Focus-visible ring (uses the same `ring`/`ring-offset` tokens
+ *        as Button so the system feels consistent).
+ *      - 48px touch target on `lg` size.
+ *
+ * Wiki: docs/components/Input.md
+ */
+import { forwardRef } from 'react';
+import { cva } from 'class-variance-authority';
+import { cn } from './internal/cn.js';
+export const inputVariants = cva('flex w-full items-center gap-2 rounded-lg border bg-card text-foreground shadow-mi-input ' +
+    'transition-colors duration-150 ' +
+    'focus-within:outline-none focus-within:border-primary ' +
+    'has-[input:disabled]:opacity-50 has-[input:disabled]:cursor-not-allowed', {
+    variants: {
+        variant: {
+            default: 'border-border placeholder:text-muted-foreground',
+            destructive: 'border-destructive text-destructive placeholder:text-destructive/70 ' +
+                'focus-within:border-destructive',
+        },
+        size: {
+            sm: 'h-9 px-3 text-body-sm',
+            md: 'h-10 px-3.5 text-body-sm',
+            lg: 'h-12 px-4 text-body-sm',
+        },
+    },
+    defaultVariants: {
+        variant: 'default',
+        size: 'md',
+    },
+});
+export const Input = forwardRef(function Input({ className, inputClassName, variant, size, invalid, leadingIcon, trailingIcon, type = 'text', required, disabled, 'aria-invalid': ariaInvalidProp, ...props }, ref) {
+    // Single source of truth: `invalid` drives both styling and ARIA.
+    const isInvalid = ariaInvalidProp ?? invalid;
+    const resolvedVariant = variant ?? (isInvalid ? 'destructive' : 'default');
+    return (_jsxs("span", { className: cn(inputVariants({ variant: resolvedVariant, size }), className), children: [leadingIcon ? (_jsx("span", { "aria-hidden": true, className: "text-muted-foreground shrink-0", children: leadingIcon })) : null, _jsx("input", { ref: ref, type: type, required: required, disabled: disabled, "aria-invalid": isInvalid || undefined, "aria-required": required || undefined, className: cn('min-w-0 flex-1 bg-transparent outline-none ' +
+                    'disabled:cursor-not-allowed ' +
+                    'placeholder:text-inherit/70', inputClassName), ...props }), trailingIcon ? (_jsx("span", { "aria-hidden": true, className: "text-muted-foreground shrink-0", children: trailingIcon })) : null] }));
+});
+//# sourceMappingURL=Input.js.map

package/dist/Input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.js","sourceRoot":"","sources":["../src/Input.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,OAAO,EAAE,UAAU,EAA4C,MAAM,OAAO,CAAC;AAC7E,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,EAAE,EAAE,MAAM,kBAAkB,CAAC;AAEtC,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,CAC9B,2FAA2F;IACzF,iCAAiC;IACjC,wDAAwD;IACxD,yEAAyE,EAC3E;IACE,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EACL,iDAAiD;YACnD,WAAW,EACT,sEAAsE;gBACpE,iCAAiC;SACtC;QACD,IAAI,EAAE;YACJ,EAAE,EAAE,uBAAuB;YAC3B,EAAE,EAAE,0BAA0B;YAC9B,EAAE,EAAE,wBAAwB;SAC7B;KACF;IACD,eAAe,EAAE;QACf,OAAO,EAAE,SAAS;QAClB,IAAI,EAAE,IAAI;KACX;CACF,CACF,CAAC;AA0BF,MAAM,CAAC,MAAM,KAAK,GAAG,UAAU,CAA+B,SAAS,KAAK,CAC1E,EACE,SAAS,EACT,cAAc,EACd,OAAO,EACP,IAAI,EACJ,OAAO,EACP,WAAW,EACX,YAAY,EACZ,IAAI,GAAG,MAAM,EACb,QAAQ,EACR,QAAQ,EACR,cAAc,EAAE,eAAe,EAC/B,GAAG,KAAK,EACT,EACD,GAAG;IAEH,kEAAkE;IAClE,MAAM,SAAS,GAAG,eAAe,IAAI,OAAO,CAAC;IAC7C,MAAM,eAAe,GAAG,OAAO,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;IAE3E,OAAO,CACL,gBACE,SAAS,EAAE,EAAE,CAAC,aAAa,CAAC,EAAE,OAAO,EAAE,eAAe,EAAE,IAAI,EAAE,CAAC,EAAE,SAAS,CAAC,aAE1E,WAAW,CAAC,CAAC,CAAC,CACb,oCAAkB,SAAS,EAAC,gCAAgC,YACzD,WAAW,GACP,CACR,CAAC,CAAC,CAAC,IAAI,EACR,gBACE,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,kBACJ,SAAS,IAAI,SAAS,mBACrB,QAAQ,IAAI,SAAS,EACpC,SAAS,EAAE,EAAE,CACX,6CAA6C;oBAC3C,8BAA8B;oBAC9B,6BAA6B,EAC/B,cAAc,CACf,KACG,KAAK,GACT,EACD,YAAY,CAAC,CAAC,CAAC,CACd,oCAAkB,SAAS,EAAC,gCAAgC,YACzD,YAAY,GACR,CACR,CAAC,CAAC,CAAC,IAAI,IACH,CACR,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/Input.native.d.ts

@@ -0,0 +1,37 @@
+/**
+ * Input (React Native variant).
+ *
+ * Selected by the `react-native` export condition in package.json.
+ * Same prop API as the web variant.
+ *
+ * Wiki: docs/components/Input.md
+ */
+import { type ReactNode } from 'react';
+import { TextInput, type TextInputProps } from 'react-native';
+import { type VariantProps } from 'class-variance-authority';
+export declare const inputVariants: (props?: ({
+    variant?: "default" | "destructive" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+type WrapperVariantProps = VariantProps<typeof inputVariants>;
+export interface InputProps extends Omit<TextInputProps, 'style'> {
+    /** Visual + a11y variant. `destructive` mirrors `invalid={true}`. */
+    variant?: WrapperVariantProps['variant'];
+    /** Height + horizontal padding. `lg` gives a 48px touch target. */
+    size?: WrapperVariantProps['size'];
+    /** Marks the input as invalid (drives destructive style; pair with visible error text). */
+    invalid?: boolean;
+    /** Wrapper className. */
+    className?: string;
+    /** Forwarded to the underlying `<TextInput>`. */
+    inputClassName?: string;
+    /** Optional icon rendered before the input. */
+    leadingIcon?: ReactNode;
+    /** Optional icon/element rendered after the input. */
+    trailingIcon?: ReactNode;
+    /** Forwarded as the input's accessibilityLabel for screen readers. */
+    accessibilityLabel?: string;
+}
+export declare const Input: import("react").ForwardRefExoticComponent<InputProps & import("react").RefAttributes<TextInput>>;
+export {};
+//# sourceMappingURL=Input.native.d.ts.map

package/dist/Input.native.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.native.d.ts","sourceRoot":"","sources":["../src/Input.native.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,OAAO,EAAc,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,SAAS,EAAQ,KAAK,cAAc,EAAE,MAAM,cAAc,CAAC;AACpE,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAGlE,eAAO,MAAM,aAAa;;;8EAmBzB,CAAC;AAEF,KAAK,mBAAmB,GAAG,YAAY,CAAC,OAAO,aAAa,CAAC,CAAC;AAE9D,MAAM,WAAW,UACf,SAAQ,IAAI,CAAC,cAAc,EAAE,OAAO,CAAC;IACrC,qEAAqE;IACrE,OAAO,CAAC,EAAE,mBAAmB,CAAC,SAAS,CAAC,CAAC;IACzC,mEAAmE;IACnE,IAAI,CAAC,EAAE,mBAAmB,CAAC,MAAM,CAAC,CAAC;IACnC,2FAA2F;IAC3F,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,yBAAyB;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iDAAiD;IACjD,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,+CAA+C;IAC/C,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,sDAAsD;IACtD,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,sEAAsE;IACtE,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,eAAO,MAAM,KAAK,kGA0ChB,CAAC"}

package/dist/Input.native.js

@@ -0,0 +1,39 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Input (React Native variant).
+ *
+ * Selected by the `react-native` export condition in package.json.
+ * Same prop API as the web variant.
+ *
+ * Wiki: docs/components/Input.md
+ */
+import { forwardRef } from 'react';
+import { TextInput, View } from 'react-native';
+import { cva } from 'class-variance-authority';
+import { cn } from './internal/cn.js';
+export const inputVariants = cva('flex-row items-center rounded-lg border bg-card shadow-mi-input', {
+    variants: {
+        variant: {
+            default: 'border-border',
+            destructive: 'border-destructive',
+        },
+        size: {
+            sm: 'h-9 px-3',
+            md: 'h-10 px-3.5',
+            lg: 'h-12 px-4',
+        },
+    },
+    defaultVariants: {
+        variant: 'default',
+        size: 'md',
+    },
+});
+export const Input = forwardRef(function Input({ className, inputClassName, variant, size, invalid, leadingIcon, trailingIcon, editable, accessibilityLabel, accessibilityState, ...props }, ref) {
+    const isDisabled = editable === false;
+    const resolvedVariant = variant ?? (invalid ? 'destructive' : 'default');
+    return (_jsxs(View, { className: cn(inputVariants({ variant: resolvedVariant, size }), isDisabled && 'opacity-50', className), children: [leadingIcon ? _jsx(View, { accessibilityElementsHidden: true, children: leadingIcon }) : null, _jsx(TextInput, { ref: ref, editable: editable, accessibilityLabel: accessibilityLabel, accessibilityState: {
+                    disabled: !!isDisabled,
+                    ...accessibilityState,
+                }, className: cn('flex-1 text-foreground', inputClassName), ...props }), trailingIcon ? _jsx(View, { accessibilityElementsHidden: true, children: trailingIcon }) : null] }));
+});
+//# sourceMappingURL=Input.native.js.map

package/dist/Input.native.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.native.js","sourceRoot":"","sources":["../src/Input.native.tsx"],"names":[],"mappings":";AAAA;;;;;;;GAOG;AACH,OAAO,EAAE,UAAU,EAAkB,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,SAAS,EAAE,IAAI,EAAuB,MAAM,cAAc,CAAC;AACpE,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,EAAE,EAAE,MAAM,kBAAkB,CAAC;AAEtC,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,CAC9B,iEAAiE,EACjE;IACE,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EAAE,eAAe;YACxB,WAAW,EAAE,oBAAoB;SAClC;QACD,IAAI,EAAE;YACJ,EAAE,EAAE,UAAU;YACd,EAAE,EAAE,aAAa;YACjB,EAAE,EAAE,WAAW;SAChB;KACF;IACD,eAAe,EAAE;QACf,OAAO,EAAE,SAAS;QAClB,IAAI,EAAE,IAAI;KACX;CACF,CACF,CAAC;AAwBF,MAAM,CAAC,MAAM,KAAK,GAAG,UAAU,CAAwB,SAAS,KAAK,CACnE,EACE,SAAS,EACT,cAAc,EACd,OAAO,EACP,IAAI,EACJ,OAAO,EACP,WAAW,EACX,YAAY,EACZ,QAAQ,EACR,kBAAkB,EAClB,kBAAkB,EAClB,GAAG,KAAK,EACT,EACD,GAAG;IAEH,MAAM,UAAU,GAAG,QAAQ,KAAK,KAAK,CAAC;IACtC,MAAM,eAAe,GAAG,OAAO,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;IAEzE,OAAO,CACL,MAAC,IAAI,IACH,SAAS,EAAE,EAAE,CACX,aAAa,CAAC,EAAE,OAAO,EAAE,eAAe,EAAE,IAAI,EAAE,CAAC,EACjD,UAAU,IAAI,YAAY,EAC1B,SAAS,CACV,aAEA,WAAW,CAAC,CAAC,CAAC,KAAC,IAAI,IAAC,2BAA2B,kBAAE,WAAW,GAAQ,CAAC,CAAC,CAAC,IAAI,EAC5E,KAAC,SAAS,IACR,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,QAAQ,EAClB,kBAAkB,EAAE,kBAAkB,EACtC,kBAAkB,EAAE;oBAClB,QAAQ,EAAE,CAAC,CAAC,UAAU;oBACtB,GAAG,kBAAkB;iBACtB,EACD,SAAS,EAAE,EAAE,CAAC,wBAAwB,EAAE,cAAc,CAAC,KACnD,KAAK,GACT,EACD,YAAY,CAAC,CAAC,CAAC,KAAC,IAAI,IAAC,2BAA2B,kBAAE,YAAY,GAAQ,CAAC,CAAC,CAAC,IAAI,IACzE,CACR,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/InputOTP.d.ts

@@ -0,0 +1,30 @@
+/**
+ * InputOTP (web variant — React DOM).
+ *
+ * One-time password / verification code input powered by `input-otp`.
+ *
+ *   <InputOTP maxLength={6} value={value} onChange={setValue}>
+ *     <InputOTPGroup>
+ *       <InputOTPSlot index={0} />
+ *       <InputOTPSlot index={1} />
+ *       <InputOTPSlot index={2} />
+ *     </InputOTPGroup>
+ *     <InputOTPSeparator />
+ *     <InputOTPGroup>
+ *       <InputOTPSlot index={3} />
+ *       <InputOTPSlot index={4} />
+ *       <InputOTPSlot index={5} />
+ *     </InputOTPGroup>
+ *   </InputOTP>
+ *
+ * Wiki: docs/components/InputOTP.md
+ */
+import { type ComponentPropsWithoutRef } from 'react';
+export declare const InputOTP: import("react").ForwardRefExoticComponent<ComponentPropsWithoutRef<import("react").ForwardRefExoticComponent<import("input-otp").OTPInputProps & import("react").RefAttributes<HTMLInputElement>>> & import("react").RefAttributes<HTMLInputElement>>;
+export declare const InputOTPGroup: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export interface InputOTPSlotProps extends ComponentPropsWithoutRef<'div'> {
+    index: number;
+}
+export declare const InputOTPSlot: import("react").ForwardRefExoticComponent<InputOTPSlotProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const InputOTPSeparator: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=InputOTP.d.ts.map

package/dist/InputOTP.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputOTP.d.ts","sourceRoot":"","sources":["../src/InputOTP.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,OAAO,EAGL,KAAK,wBAAwB,EAE9B,MAAM,OAAO,CAAC;AAMf,eAAO,MAAM,QAAQ,uPAenB,CAAC;AAIH,eAAO,MAAM,aAAa,2MAWxB,CAAC;AAIH,MAAM,WAAW,iBAAkB,SAAQ,wBAAwB,CAAC,KAAK,CAAC;IACxE,KAAK,EAAE,MAAM,CAAC;CACf;AAED,eAAO,MAAM,YAAY,8GA+BxB,CAAC;AAIF,eAAO,MAAM,iBAAiB,2MAW5B,CAAC"}

package/dist/InputOTP.js

@@ -0,0 +1,47 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * InputOTP (web variant — React DOM).
+ *
+ * One-time password / verification code input powered by `input-otp`.
+ *
+ *   <InputOTP maxLength={6} value={value} onChange={setValue}>
+ *     <InputOTPGroup>
+ *       <InputOTPSlot index={0} />
+ *       <InputOTPSlot index={1} />
+ *       <InputOTPSlot index={2} />
+ *     </InputOTPGroup>
+ *     <InputOTPSeparator />
+ *     <InputOTPGroup>
+ *       <InputOTPSlot index={3} />
+ *       <InputOTPSlot index={4} />
+ *       <InputOTPSlot index={5} />
+ *     </InputOTPGroup>
+ *   </InputOTP>
+ *
+ * Wiki: docs/components/InputOTP.md
+ */
+import { forwardRef, useContext, } from 'react';
+import { OTPInput, OTPInputContext } from 'input-otp';
+import { cn } from './internal/cn.js';
+/* ── Root ──────────────────────────────────────────────────────────── */
+export const InputOTP = forwardRef(function InputOTP({ className, containerClassName, ...props }, ref) {
+    return (_jsx(OTPInput, { ref: ref, containerClassName: cn('flex items-center gap-2 has-[:disabled]:opacity-50', containerClassName), className: cn('disabled:cursor-not-allowed', className), ...props }));
+});
+/* ── Group ─────────────────────────────────────────────────────────── */
+export const InputOTPGroup = forwardRef(function InputOTPGroup({ className, ...props }, ref) {
+    return (_jsx("div", { ref: ref, className: cn('flex items-center', className), ...props }));
+});
+export const InputOTPSlot = forwardRef(function InputOTPSlot({ index, className, ...props }, ref) {
+    const inputOTPContext = useContext(OTPInputContext);
+    const slot = inputOTPContext.slots[index];
+    if (!slot)
+        return null;
+    const { char, hasFakeCaret, isActive } = slot;
+    return (_jsxs("div", { ref: ref, className: cn('relative flex h-10 w-10 items-center justify-center', 'border-y border-r border-border text-body-sm', 'transition-all duration-150', 'first:rounded-l-lg first:border-l last:rounded-r-lg', isActive && 'z-10 ring-2 ring-ring ring-offset-background', className), ...props, children: [char, hasFakeCaret && (_jsx("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: _jsx("div", { className: "h-4 w-px animate-caret-blink bg-foreground duration-1000" }) }))] }));
+});
+/* ── Separator ────────────────────────────────────────────────────── */
+export const InputOTPSeparator = forwardRef(function InputOTPSeparator({ ...props }, ref) {
+    return (_jsx("div", { ref: ref, role: "separator", ...props, children: _jsx("svg", { "aria-hidden": "true", viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: 2, className: "h-4 w-4 text-muted-foreground", children: _jsx("path", { strokeLinecap: "round", d: "M5 8h6" }) }) }));
+});
+//# sourceMappingURL=InputOTP.js.map

package/dist/InputOTP.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputOTP.js","sourceRoot":"","sources":["../src/InputOTP.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,OAAO,EACL,UAAU,EACV,UAAU,GAGX,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,QAAQ,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AACtD,OAAO,EAAE,EAAE,EAAE,MAAM,kBAAkB,CAAC;AAEtC,0EAA0E;AAE1E,MAAM,CAAC,MAAM,QAAQ,GAAG,UAAU,CAGhC,SAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,kBAAkB,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG;IAClE,OAAO,CACL,KAAC,QAAQ,IACP,GAAG,EAAE,GAAG,EACR,kBAAkB,EAAE,EAAE,CACpB,oDAAoD,EACpD,kBAAkB,CACnB,EACD,SAAS,EAAE,EAAE,CAAC,6BAA6B,EAAE,SAAS,CAAC,KACnD,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,0EAA0E;AAE1E,MAAM,CAAC,MAAM,aAAa,GAAG,UAAU,CAGrC,SAAS,aAAa,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG;IACnD,OAAO,CACL,cACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,mBAAmB,EAAE,SAAS,CAAC,KACzC,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CAAC,CAAC;AAQH,MAAM,CAAC,MAAM,YAAY,GAAG,UAAU,CACpC,SAAS,YAAY,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG;IACvD,MAAM,eAAe,GAAG,UAAU,CAAC,eAAe,CAAC,CAAC;IACpD,MAAM,IAAI,GAAG,eAAe,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IAE1C,IAAI,CAAC,IAAI;QAAE,OAAO,IAAI,CAAC;IAEvB,MAAM,EAAE,IAAI,EAAE,YAAY,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC;IAE9C,OAAO,CACL,eACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,qDAAqD,EACrD,8CAA8C,EAC9C,6BAA6B,EAC7B,qDAAqD,EACrD,QAAQ,IAAI,8CAA8C,EAC1D,SAAS,CACV,KACG,KAAK,aAER,IAAI,EACJ,YAAY,IAAI,CACf,cAAK,SAAS,EAAC,uEAAuE,YACpF,cAAK,SAAS,EAAC,0DAA0D,GAAG,GACxE,CACP,IACG,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,yEAAyE;AAEzE,MAAM,CAAC,MAAM,iBAAiB,GAAG,UAAU,CAGzC,SAAS,iBAAiB,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG;IAC5C,OAAO,CACL,cAAK,GAAG,EAAE,GAAG,EAAE,IAAI,EAAC,WAAW,KAAK,KAAK,YACvC,6BAAiB,MAAM,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,cAAc,EAAC,WAAW,EAAE,CAAC,EAAE,SAAS,EAAC,+BAA+B,YACrI,eAAM,aAAa,EAAC,OAAO,EAAC,CAAC,EAAC,QAAQ,GAAG,GACrC,GACF,CACP,CAAC;AACJ,CAAC,CAAC,CAAC"}