@mihcm/ui 0.14.1

package/dist/CheckboxGrid.d.ts

@@ -0,0 +1,49 @@
+/**
+ * CheckboxGrid (web variant — React DOM).
+ *
+ * Multi-select grid extracted from the MiHCM Security prototype's
+ * `checkboxGrid()` helper. Composite of:
+ *   ─ summary row (selected count + view tabs: All / Selected /
+ *     Unselected + Select All / Clear buttons)
+ *   ─ filter search input
+ *   ─ scrollable responsive grid of checkbox rows (1/2/3 cols by
+ *     breakpoint).
+ *
+ * Controlled — `items` is the full list, `selected` is the current
+ * `Record<string, boolean>` state (only `true` entries count as
+ * selected), and `onSelectedChange` is fired with the next state.
+ *
+ * Web only — the data density and click-target metrics target
+ * desktop. For a native equivalent build a list-based picker.
+ *
+ * Wiki: docs/components/CheckboxGrid.md
+ */
+import { type HTMLAttributes, type ReactNode } from 'react';
+export type CheckboxGridSelection = Record<string, boolean>;
+export type CheckboxGridView = 'all' | 'selected' | 'unselected';
+export interface CheckboxGridProps extends HTMLAttributes<HTMLDivElement> {
+    /** All available items. */
+    items: readonly string[];
+    /** Current selection. Items not present default to `false`. */
+    selected: CheckboxGridSelection;
+    /** Fired with the next selection. */
+    onSelectedChange: (next: CheckboxGridSelection) => void;
+    /** Column count at the widest breakpoint. 1, 2, or 3. Defaults to `3`. */
+    columns?: 1 | 2 | 3;
+    /** Grid behavior. `auto` fills available width with responsive item cards. */
+    layout?: 'fixed' | 'auto' | 'list';
+    /** Density of each option row. */
+    density?: 'compact' | 'comfortable';
+    /** Hide summary tabs and bulk actions for simple forms. */
+    showToolbar?: boolean;
+    /** Placeholder for the filter input. */
+    searchPlaceholder?: string;
+    /** Maximum scrollable height in px. Defaults to `240`. */
+    maxHeight?: number;
+    /** Custom empty state. */
+    emptyState?: ReactNode;
+    /** Per-item class hook. */
+    getItemClassName?: ((item: string, checked: boolean) => string | undefined) | undefined;
+}
+export declare const CheckboxGrid: import("react").ForwardRefExoticComponent<CheckboxGridProps & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=CheckboxGrid.d.ts.map

package/dist/CheckboxGrid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxGrid.d.ts","sourceRoot":"","sources":["../src/CheckboxGrid.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,OAAO,EAAiC,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAI3F,MAAM,MAAM,qBAAqB,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AAC5D,MAAM,MAAM,gBAAgB,GAAG,KAAK,GAAG,UAAU,GAAG,YAAY,CAAC;AAEjE,MAAM,WAAW,iBAAkB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACvE,2BAA2B;IAC3B,KAAK,EAAE,SAAS,MAAM,EAAE,CAAC;IACzB,+DAA+D;IAC/D,QAAQ,EAAE,qBAAqB,CAAC;IAChC,qCAAqC;IACrC,gBAAgB,EAAE,CAAC,IAAI,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACxD,0EAA0E;IAC1E,OAAO,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACpB,8EAA8E;IAC9E,MAAM,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC;IACnC,kCAAkC;IAClC,OAAO,CAAC,EAAE,SAAS,GAAG,aAAa,CAAC;IACpC,2DAA2D;IAC3D,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,wCAAwC;IACxC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,0DAA0D;IAC1D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0BAA0B;IAC1B,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,2BAA2B;IAC3B,gBAAgB,CAAC,EAAE,CAAC,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,KAAK,MAAM,GAAG,SAAS,CAAC,GAAG,SAAS,CAAC;CACzF;AAeD,eAAO,MAAM,YAAY,8GAkMxB,CAAC"}

package/dist/CheckboxGrid.js

@@ -0,0 +1,79 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * CheckboxGrid (web variant — React DOM).
+ *
+ * Multi-select grid extracted from the MiHCM Security prototype's
+ * `checkboxGrid()` helper. Composite of:
+ *   ─ summary row (selected count + view tabs: All / Selected /
+ *     Unselected + Select All / Clear buttons)
+ *   ─ filter search input
+ *   ─ scrollable responsive grid of checkbox rows (1/2/3 cols by
+ *     breakpoint).
+ *
+ * Controlled — `items` is the full list, `selected` is the current
+ * `Record<string, boolean>` state (only `true` entries count as
+ * selected), and `onSelectedChange` is fired with the next state.
+ *
+ * Web only — the data density and click-target metrics target
+ * desktop. For a native equivalent build a list-based picker.
+ *
+ * Wiki: docs/components/CheckboxGrid.md
+ */
+import { forwardRef, useMemo, useState } from 'react';
+import { SearchField } from './SearchField.js';
+import { cn } from './internal/cn.js';
+const CheckIcon = () => (_jsx("svg", { "aria-hidden": true, className: "h-2.5 w-2.5", fill: "none", stroke: "currentColor", strokeWidth: 3, viewBox: "0 0 24 24", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M4.5 12.75l6 6 9-13.5" }) }));
+export const CheckboxGrid = forwardRef(function CheckboxGrid({ className, items, selected, onSelectedChange, columns = 3, layout = 'fixed', density = 'comfortable', showToolbar = true, searchPlaceholder = 'Filter items…', maxHeight = 240, emptyState, getItemClassName, ...props }, ref) {
+    const [search, setSearch] = useState('');
+    const [view, setView] = useState('all');
+    const onCount = useMemo(() => items.reduce((acc, i) => (selected[i] ? acc + 1 : acc), 0), [items, selected]);
+    const offCount = items.length - onCount;
+    const filtered = useMemo(() => {
+        let list = items;
+        if (search) {
+            const q = search.toLowerCase();
+            list = list.filter((i) => i.toLowerCase().includes(q));
+        }
+        if (view === 'selected')
+            list = list.filter((i) => selected[i]);
+        else if (view === 'unselected')
+            list = list.filter((i) => !selected[i]);
+        return list;
+    }, [items, selected, search, view]);
+    const toggle = (item) => {
+        const next = { ...selected };
+        if (next[item])
+            delete next[item];
+        else
+            next[item] = true;
+        onSelectedChange(next);
+    };
+    const selectAll = () => {
+        const next = { ...selected };
+        for (const i of items)
+            next[i] = true;
+        onSelectedChange(next);
+    };
+    const clearAll = () => onSelectedChange({});
+    const gridCols = columns === 1
+        ? 'grid-cols-1'
+        : columns === 2
+            ? 'grid-cols-1 sm:grid-cols-2'
+            : 'grid-cols-1 sm:grid-cols-2 lg:grid-cols-3';
+    const VIEW_TABS = [
+        { id: 'all', label: `All (${items.length})` },
+        { id: 'selected', label: `Selected (${onCount})` },
+        { id: 'unselected', label: `Unselected (${offCount})` },
+    ];
+    return (_jsxs("div", { ref: ref, className: cn('overflow-hidden rounded-card border border-secondary bg-card', className), ...props, children: [showToolbar ? (_jsxs("div", { className: "flex flex-wrap items-center justify-between gap-2 border-b border-secondary bg-muted/40 px-3 py-2", children: [_jsxs("div", { className: "text-xs text-foreground", children: [_jsx("b", { children: onCount }), " selected", _jsx("span", { className: "mx-1 text-muted-foreground", children: "\u00B7" }), _jsxs("span", { className: "text-muted-foreground", children: [offCount, " remaining"] })] }), _jsx("div", { className: "flex overflow-hidden rounded-md border border-secondary", role: "tablist", "aria-label": "View", children: VIEW_TABS.map((tab) => {
+                            const active = tab.id === view;
+                            return (_jsx("button", { type: "button", role: "tab", "aria-selected": active, onClick: () => setView(tab.id), className: cn('px-2.5 py-1 text-label transition-colors duration-150', active ? 'bg-card font-semibold text-foreground' : 'text-muted-foreground hover:text-foreground'), children: tab.label }, tab.id));
+                        }) }), _jsxs("div", { className: "flex gap-1", children: [_jsx("button", { type: "button", onClick: selectAll, className: "rounded border border-secondary bg-card px-2 py-0.5 text-caption font-medium text-muted-foreground hover:border-brand-neutral-179 hover:text-foreground", children: "Select All" }), _jsx("button", { type: "button", onClick: clearAll, className: "rounded border border-secondary bg-card px-2 py-0.5 text-caption font-medium text-muted-foreground hover:border-brand-neutral-179 hover:text-foreground", children: "Clear" })] })] })) : null, _jsx("div", { className: "border-b border-secondary px-3 py-2", children: _jsx(SearchField, { value: search, onValueChange: setSearch, size: "sm", placeholder: searchPlaceholder, "aria-label": "Filter items" }) }), _jsx("div", { className: "overflow-y-auto p-1", style: { maxHeight }, children: filtered.length === 0 ? (_jsx("div", { className: "px-4 py-6 text-center text-xs text-muted-foreground", children: emptyState ?? 'No items match your filter' })) : (_jsx("div", { className: cn('grid gap-1', layout === 'fixed' && gridCols, layout === 'list' && 'grid-cols-1'), style: layout === 'auto'
+                        ? { gridTemplateColumns: 'repeat(auto-fit, minmax(min(14rem, 100%), 1fr))' }
+                        : undefined, children: filtered.map((item) => {
+                        const on = !!selected[item];
+                        return (_jsxs("button", { type: "button", role: "checkbox", "aria-checked": on, onClick: () => toggle(item), className: cn('flex items-center gap-2 rounded-md bg-card px-2.5 py-2 text-left', density === 'compact' ? 'min-h-8 py-1.5' : 'min-h-10 py-2', 'border transition-colors duration-150', on ? 'border-brand-neutral-179' : 'border-secondary hover:border-brand-neutral-179', 'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring', getItemClassName?.(item, on)), children: [_jsx("span", { "aria-hidden": true, className: cn('grid h-4 w-4 shrink-0 place-items-center rounded', on ? 'border-2 border-primary bg-primary text-primary-foreground' : 'border-2 border-brand-neutral-179 bg-background'), children: on ? _jsx(CheckIcon, {}) : null }), _jsx("span", { className: cn('truncate text-xs', on ? 'text-foreground' : 'text-muted-foreground'), children: item })] }, item));
+                    }) })) })] }));
+});
+//# sourceMappingURL=CheckboxGrid.js.map

package/dist/CheckboxGrid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxGrid.js","sourceRoot":"","sources":["../src/CheckboxGrid.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb;;;;;;;;;;;;;;;;;;;GAmBG;AACH,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,QAAQ,EAAuC,MAAM,OAAO,CAAC;AAC3F,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,EAAE,EAAE,MAAM,kBAAkB,CAAC;AA8BtC,MAAM,SAAS,GAAG,GAAG,EAAE,CAAC,CACtB,mCAEE,SAAS,EAAC,aAAa,EACvB,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,WAAW,EAAE,CAAC,EACd,OAAO,EAAC,WAAW,YAEnB,eAAM,aAAa,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,EAAC,CAAC,EAAC,uBAAuB,GAAG,GAC3E,CACP,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,UAAU,CACpC,SAAS,YAAY,CACnB,EACE,SAAS,EACT,KAAK,EACL,QAAQ,EACR,gBAAgB,EAChB,OAAO,GAAG,CAAC,EACX,MAAM,GAAG,OAAO,EAChB,OAAO,GAAG,aAAa,EACvB,WAAW,GAAG,IAAI,EAClB,iBAAiB,GAAG,eAAe,EACnC,SAAS,GAAG,GAAG,EACf,UAAU,EACV,gBAAgB,EAChB,GAAG,KAAK,EACT,EACD,GAAG;IAEH,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IACzC,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAmB,KAAK,CAAC,CAAC;IAE1D,MAAM,OAAO,GAAG,OAAO,CACrB,GAAG,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,EAChE,CAAC,KAAK,EAAE,QAAQ,CAAC,CAClB,CAAC;IACF,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,GAAG,OAAO,CAAC;IAExC,MAAM,QAAQ,GAAG,OAAO,CAAC,GAAG,EAAE;QAC5B,IAAI,IAAI,GAAsB,KAAK,CAAC;QACpC,IAAI,MAAM,EAAE,CAAC;YACX,MAAM,CAAC,GAAG,MAAM,CAAC,WAAW,EAAE,CAAC;YAC/B,IAAI,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC;QACzD,CAAC;QACD,IAAI,IAAI,KAAK,UAAU;YAAE,IAAI,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC;aAC3D,IAAI,IAAI,KAAK,YAAY;YAAE,IAAI,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC;QACxE,OAAO,IAAI,CAAC;IACd,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC;IAEpC,MAAM,MAAM,GAAG,CAAC,IAAY,EAAE,EAAE;QAC9B,MAAM,IAAI,GAAG,EAAE,GAAG,QAAQ,EAAE,CAAC;QAC7B,IAAI,IAAI,CAAC,IAAI,CAAC;YAAE,OAAO,IAAI,CAAC,IAAI,CAAC,CAAC;;YAC7B,IAAI,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;QACvB,gBAAgB,CAAC,IAAI,CAAC,CAAC;IACzB,CAAC,CAAC;IAEF,MAAM,SAAS,GAAG,GAAG,EAAE;QACrB,MAAM,IAAI,GAA0B,EAAE,GAAG,QAAQ,EAAE,CAAC;QACpD,KAAK,MAAM,CAAC,IAAI,KAAK;YAAE,IAAI,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC;QACtC,gBAAgB,CAAC,IAAI,CAAC,CAAC;IACzB,CAAC,CAAC;IAEF,MAAM,QAAQ,GAAG,GAAG,EAAE,CAAC,gBAAgB,CAAC,EAAE,CAAC,CAAC;IAE5C,MAAM,QAAQ,GACZ,OAAO,KAAK,CAAC;QACX,CAAC,CAAC,aAAa;QACf,CAAC,CAAC,OAAO,KAAK,CAAC;YACb,CAAC,CAAC,4BAA4B;YAC9B,CAAC,CAAC,2CAA2C,CAAC;IAEpD,MAAM,SAAS,GAA8C;QAC3D,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,KAAK,CAAC,MAAM,GAAG,EAAE;QAC7C,EAAE,EAAE,EAAE,UAAU,EAAE,KAAK,EAAE,aAAa,OAAO,GAAG,EAAE;QAClD,EAAE,EAAE,EAAE,YAAY,EAAE,KAAK,EAAE,eAAe,QAAQ,GAAG,EAAE;KACxD,CAAC;IAEF,OAAO,CACL,eACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,8DAA8D,EAAE,SAAS,CAAC,KACpF,KAAK,aAGR,WAAW,CAAC,CAAC,CAAC,CACf,eAAK,SAAS,EAAC,mGAAmG,aAChH,eAAK,SAAS,EAAC,yBAAyB,aACtC,sBAAI,OAAO,GAAK,eAChB,eAAM,SAAS,EAAC,4BAA4B,uBAAS,EACrD,gBAAM,SAAS,EAAC,uBAAuB,aAAE,QAAQ,kBAAkB,IAC/D,EACN,cAAK,SAAS,EAAC,yDAAyD,EAAC,IAAI,EAAC,SAAS,gBAAY,MAAM,YACtG,SAAS,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE;4BACrB,MAAM,MAAM,GAAG,GAAG,CAAC,EAAE,KAAK,IAAI,CAAC;4BAC/B,OAAO,CACL,iBAEE,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,KAAK,mBACK,MAAM,EACrB,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE,CAAC,EAC9B,SAAS,EAAE,EAAE,CACX,uDAAuD,EACvD,MAAM,CAAC,CAAC,CAAC,uCAAuC,CAAC,CAAC,CAAC,6CAA6C,CACjG,YAEA,GAAG,CAAC,KAAK,IAVL,GAAG,CAAC,EAAE,CAWJ,CACV,CAAC;wBACJ,CAAC,CAAC,GACE,EACN,eAAK,SAAS,EAAC,YAAY,aACzB,iBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,SAAS,EAClB,SAAS,EAAC,yJAAyJ,2BAG5J,EACT,iBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,QAAQ,EACjB,SAAS,EAAC,yJAAyJ,sBAG5J,IACL,IACF,CACL,CAAC,CAAC,CAAC,IAAI,EAGR,cAAK,SAAS,EAAC,qCAAqC,YAClD,KAAC,WAAW,IACV,KAAK,EAAE,MAAM,EACb,aAAa,EAAE,SAAS,EACxB,IAAI,EAAC,IAAI,EACT,WAAW,EAAE,iBAAiB,gBACnB,cAAc,GACzB,GACE,EAGN,cAAK,SAAS,EAAC,qBAAqB,EAAC,KAAK,EAAE,EAAE,SAAS,EAAE,YACtD,QAAQ,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,CACvB,cAAK,SAAS,EAAC,qDAAqD,YACjE,UAAU,IAAI,4BAA4B,GACvC,CACP,CAAC,CAAC,CAAC,CACF,cACE,SAAS,EAAE,EAAE,CACX,YAAY,EACZ,MAAM,KAAK,OAAO,IAAI,QAAQ,EAC9B,MAAM,KAAK,MAAM,IAAI,aAAa,CACnC,EACD,KAAK,EACH,MAAM,KAAK,MAAM;wBACf,CAAC,CAAC,EAAE,mBAAmB,EAAE,iDAAiD,EAAE;wBAC5E,CAAC,CAAC,SAAS,YAGd,QAAQ,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;wBACrB,MAAM,EAAE,GAAG,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;wBAC5B,OAAO,CACL,kBAEE,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,UAAU,kBACD,EAAE,EAChB,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,EAC3B,SAAS,EAAE,EAAE,CACX,kEAAkE,EAClE,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,eAAe,EAC1D,uCAAuC,EACvC,EAAE,CAAC,CAAC,CAAC,0BAA0B,CAAC,CAAC,CAAC,iDAAiD,EACnF,yEAAyE,EACzE,gBAAgB,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAC7B,aAED,oCAEE,SAAS,EAAE,EAAE,CACX,kDAAkD,EAClD,EAAE,CAAC,CAAC,CAAC,4DAA4D,CAAC,CAAC,CAAC,iDAAiD,CACtH,YAEA,EAAE,CAAC,CAAC,CAAC,KAAC,SAAS,KAAG,CAAC,CAAC,CAAC,IAAI,GACrB,EACP,eACE,SAAS,EAAE,EAAE,CACX,kBAAkB,EAClB,EAAE,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,uBAAuB,CACjD,YAEA,IAAI,GACA,KA9BF,IAAI,CA+BF,CACV,CAAC;oBACJ,CAAC,CAAC,GACE,CACP,GACG,IACF,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}

package/dist/CheckboxGrid.native.d.ts

@@ -0,0 +1,14 @@
+import { View, type ViewProps } from 'react-native';
+export type CheckboxGridSelection = Record<string, boolean>;
+export type CheckboxGridView = 'all' | 'selected' | 'unselected';
+export interface CheckboxGridProps extends Omit<ViewProps, 'style'> {
+    items: readonly string[];
+    selected: CheckboxGridSelection;
+    onSelectedChange: (next: CheckboxGridSelection) => void;
+    columns?: 1 | 2 | 3;
+    searchPlaceholder?: string;
+    maxHeight?: number;
+    className?: string;
+}
+export declare const CheckboxGrid: import("react").ForwardRefExoticComponent<CheckboxGridProps & import("react").RefAttributes<View>>;
+//# sourceMappingURL=CheckboxGrid.native.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxGrid.native.d.ts","sourceRoot":"","sources":["../src/CheckboxGrid.native.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAwC,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAG1F,MAAM,MAAM,qBAAqB,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AAC5D,MAAM,MAAM,gBAAgB,GAAG,KAAK,GAAG,UAAU,GAAG,YAAY,CAAC;AAEjE,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC;IACjE,KAAK,EAAE,SAAS,MAAM,EAAE,CAAC;IACzB,QAAQ,EAAE,qBAAqB,CAAC;IAChC,gBAAgB,EAAE,CAAC,IAAI,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACxD,OAAO,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACpB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,YAAY,oGAoIxB,CAAC"}

package/dist/CheckboxGrid.native.js

@@ -0,0 +1,47 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * CheckboxGrid (React Native variant).
+ *
+ * Mobile-first redesign of the web grid. Renders a single-column
+ * FlatList with touch-friendly checkbox rows instead of the
+ * multi-column grid. Retains filter, select-all, clear, and
+ * selected-count summary. View tabs are omitted for simplicity.
+ *
+ * Wiki: docs/components/CheckboxGrid.md
+ */
+import { forwardRef, useMemo, useState } from 'react';
+import { FlatList, Pressable, Text, TextInput, View } from 'react-native';
+import { cn } from './internal/cn.js';
+export const CheckboxGrid = forwardRef(function CheckboxGrid({ className, items, selected, onSelectedChange, columns: _columns, searchPlaceholder = 'Filter items…', maxHeight = 300, ...props }, ref) {
+    const [search, setSearch] = useState('');
+    const onCount = useMemo(() => items.reduce((acc, i) => (selected[i] ? acc + 1 : acc), 0), [items, selected]);
+    const offCount = items.length - onCount;
+    const filtered = useMemo(() => {
+        if (!search)
+            return items;
+        const q = search.toLowerCase();
+        return items.filter((i) => i.toLowerCase().includes(q));
+    }, [items, search]);
+    const toggle = (item) => {
+        const next = { ...selected };
+        if (next[item])
+            delete next[item];
+        else
+            next[item] = true;
+        onSelectedChange(next);
+    };
+    const selectAll = () => {
+        const next = { ...selected };
+        for (const i of items)
+            next[i] = true;
+        onSelectedChange(next);
+    };
+    const clearAll = () => onSelectedChange({});
+    return (_jsxs(View, { ref: ref, className: cn('rounded-lg border border-border bg-card overflow-hidden', className), ...props, children: [_jsxs(View, { className: "flex-row items-center justify-between border-b border-border bg-muted/40 px-3 py-2", children: [_jsxs(Text, { className: "text-xs text-foreground", children: [_jsx(Text, { className: "font-bold", children: onCount }), " selected", _jsxs(Text, { className: "text-muted-foreground", children: [" / ", offCount, " remaining"] })] }), _jsxs(View, { className: "flex-row gap-2", children: [_jsx(Pressable, { accessibilityRole: "button", accessibilityLabel: "Select all", onPress: selectAll, className: "rounded border border-border bg-card px-2 py-1", children: _jsx(Text, { className: "text-xs font-medium text-muted-foreground", children: "Select All" }) }), _jsx(Pressable, { accessibilityRole: "button", accessibilityLabel: "Clear selection", onPress: clearAll, className: "rounded border border-border bg-card px-2 py-1", children: _jsx(Text, { className: "text-xs font-medium text-muted-foreground", children: "Clear" }) })] })] }), _jsx(View, { className: "border-b border-border px-3 py-2", children: _jsx(TextInput, { value: search, onChangeText: setSearch, placeholder: searchPlaceholder, accessibilityLabel: "Filter items", className: "rounded-md border border-border bg-background px-3 py-2 text-sm text-foreground", placeholderTextColor: "#9ca3af" }) }), _jsx(FlatList, { data: filtered, keyExtractor: (item) => item, style: { maxHeight }, ListEmptyComponent: _jsx(View, { className: "items-center py-6", children: _jsx(Text, { className: "text-xs text-muted-foreground", children: "No items match your filter" }) }), renderItem: ({ item }) => {
+                    const on = !!selected[item];
+                    return (_jsxs(Pressable, { accessibilityRole: "checkbox", accessibilityState: { checked: on }, onPress: () => toggle(item), className: cn('flex-row items-center gap-3 px-3 py-3 border-b border-border/50', on ? 'bg-primary/5' : 'bg-card'), children: [_jsx(View, { className: cn('h-5 w-5 items-center justify-center rounded', on
+                                    ? 'border-2 border-primary bg-primary'
+                                    : 'border-2 border-muted-foreground bg-background'), children: on && _jsx(Text, { className: "text-xs text-primary-foreground", children: '✓' }) }), _jsx(Text, { className: cn('text-sm flex-1', on ? 'text-foreground' : 'text-muted-foreground'), numberOfLines: 1, children: item })] }));
+                } })] }));
+});
+//# sourceMappingURL=CheckboxGrid.native.js.map

package/dist/CheckboxGrid.native.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxGrid.native.js","sourceRoot":"","sources":["../src/CheckboxGrid.native.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;GASG;AACH,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAkB,MAAM,cAAc,CAAC;AAC1F,OAAO,EAAE,EAAE,EAAE,MAAM,kBAAkB,CAAC;AAetC,MAAM,CAAC,MAAM,YAAY,GAAG,UAAU,CACpC,SAAS,YAAY,CACnB,EACE,SAAS,EACT,KAAK,EACL,QAAQ,EACR,gBAAgB,EAChB,OAAO,EAAE,QAAQ,EACjB,iBAAiB,GAAG,eAAe,EACnC,SAAS,GAAG,GAAG,EACf,GAAG,KAAK,EACT,EACD,GAAG;IAEH,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IAEzC,MAAM,OAAO,GAAG,OAAO,CACrB,GAAG,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,EAChE,CAAC,KAAK,EAAE,QAAQ,CAAC,CAClB,CAAC;IACF,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,GAAG,OAAO,CAAC;IAExC,MAAM,QAAQ,GAAG,OAAO,CAAC,GAAG,EAAE;QAC5B,IAAI,CAAC,MAAM;YAAE,OAAO,KAAK,CAAC;QAC1B,MAAM,CAAC,GAAG,MAAM,CAAC,WAAW,EAAE,CAAC;QAC/B,OAAO,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC;IAC1D,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC;IAEpB,MAAM,MAAM,GAAG,CAAC,IAAY,EAAE,EAAE;QAC9B,MAAM,IAAI,GAAG,EAAE,GAAG,QAAQ,EAAE,CAAC;QAC7B,IAAI,IAAI,CAAC,IAAI,CAAC;YAAE,OAAO,IAAI,CAAC,IAAI,CAAC,CAAC;;YAC7B,IAAI,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;QACvB,gBAAgB,CAAC,IAAI,CAAC,CAAC;IACzB,CAAC,CAAC;IAEF,MAAM,SAAS,GAAG,GAAG,EAAE;QACrB,MAAM,IAAI,GAA0B,EAAE,GAAG,QAAQ,EAAE,CAAC;QACpD,KAAK,MAAM,CAAC,IAAI,KAAK;YAAE,IAAI,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC;QACtC,gBAAgB,CAAC,IAAI,CAAC,CAAC;IACzB,CAAC,CAAC;IAEF,MAAM,QAAQ,GAAG,GAAG,EAAE,CAAC,gBAAgB,CAAC,EAAE,CAAC,CAAC;IAE5C,OAAO,CACL,MAAC,IAAI,IACH,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,yDAAyD,EAAE,SAAS,CAAC,KAC/E,KAAK,aAGT,MAAC,IAAI,IAAC,SAAS,EAAC,oFAAoF,aAClG,MAAC,IAAI,IAAC,SAAS,EAAC,yBAAyB,aACvC,KAAC,IAAI,IAAC,SAAS,EAAC,WAAW,YAAE,OAAO,GAAQ,eAC5C,MAAC,IAAI,IAAC,SAAS,EAAC,uBAAuB,oBAAK,QAAQ,kBAAkB,IACjE,EACP,MAAC,IAAI,IAAC,SAAS,EAAC,gBAAgB,aAC9B,KAAC,SAAS,IACR,iBAAiB,EAAC,QAAQ,EAC1B,kBAAkB,EAAC,YAAY,EAC/B,OAAO,EAAE,SAAS,EAClB,SAAS,EAAC,gDAAgD,YAE1D,KAAC,IAAI,IAAC,SAAS,EAAC,2CAA2C,2BAAkB,GACnE,EACZ,KAAC,SAAS,IACR,iBAAiB,EAAC,QAAQ,EAC1B,kBAAkB,EAAC,iBAAiB,EACpC,OAAO,EAAE,QAAQ,EACjB,SAAS,EAAC,gDAAgD,YAE1D,KAAC,IAAI,IAAC,SAAS,EAAC,2CAA2C,sBAAa,GAC9D,IACP,IACF,EAGP,KAAC,IAAI,IAAC,SAAS,EAAC,kCAAkC,YAChD,KAAC,SAAS,IACR,KAAK,EAAE,MAAM,EACb,YAAY,EAAE,SAAS,EACvB,WAAW,EAAE,iBAAiB,EAC9B,kBAAkB,EAAC,cAAc,EACjC,SAAS,EAAC,iFAAiF,EAC3F,oBAAoB,EAAC,SAAS,GAC9B,GACG,EAGP,KAAC,QAAQ,IACP,IAAI,EAAE,QAAoB,EAC1B,YAAY,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,EAC5B,KAAK,EAAE,EAAE,SAAS,EAAE,EACpB,kBAAkB,EAChB,KAAC,IAAI,IAAC,SAAS,EAAC,mBAAmB,YACjC,KAAC,IAAI,IAAC,SAAS,EAAC,+BAA+B,2CAAkC,GAC5E,EAET,UAAU,EAAE,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE;oBACvB,MAAM,EAAE,GAAG,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;oBAC5B,OAAO,CACL,MAAC,SAAS,IACR,iBAAiB,EAAC,UAAU,EAC5B,kBAAkB,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,EACnC,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,EAC3B,SAAS,EAAE,EAAE,CACX,iEAAiE,EACjE,EAAE,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,SAAS,CAChC,aAED,KAAC,IAAI,IACH,SAAS,EAAE,EAAE,CACX,6CAA6C,EAC7C,EAAE;oCACA,CAAC,CAAC,oCAAoC;oCACtC,CAAC,CAAC,gDAAgD,CACrD,YAEA,EAAE,IAAI,KAAC,IAAI,IAAC,SAAS,EAAC,iCAAiC,YAAE,GAAG,GAAQ,GAChE,EACP,KAAC,IAAI,IACH,SAAS,EAAE,EAAE,CAAC,gBAAgB,EAAE,EAAE,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,uBAAuB,CAAC,EACjF,aAAa,EAAE,CAAC,YAEf,IAAI,GACA,IACG,CACb,CAAC;gBACJ,CAAC,GACD,IACG,CACR,CAAC;AACJ,CAAC,CACF,CAAC"}

package/dist/Collapsible.d.ts

@@ -0,0 +1,51 @@
+/**
+ * Collapsible (web variant — React DOM).
+ *
+ * Simple expand/collapse panel powered by Radix Collapsible.
+ * Unlike Accordion, Collapsible is a single open/close toggle
+ * with no item/group semantics.
+ *
+ *   <Collapsible>
+ *     <CollapsibleTrigger asChild>
+ *       <Button variant="ghost">Toggle</Button>
+ *     </CollapsibleTrigger>
+ *     <CollapsibleContent>
+ *       <p>Hidden content</p>
+ *     </CollapsibleContent>
+ *   </Collapsible>
+ *
+ * Wiki: docs/components/Collapsible.md
+ */
+import { type ComponentPropsWithoutRef } from 'react';
+import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
+export interface CollapsibleTriggerProps extends ComponentPropsWithoutRef<typeof CollapsiblePrimitive.CollapsibleTrigger> {
+    variant?: 'plain' | 'ghost' | 'outline' | 'soft';
+    size?: 'auto' | 'sm' | 'md' | 'lg' | 'icon';
+    justify?: 'start' | 'center' | 'between';
+    fullWidth?: boolean;
+    rotateIcon?: boolean;
+}
+export interface CollapsibleContentProps extends ComponentPropsWithoutRef<typeof CollapsiblePrimitive.CollapsibleContent> {
+    duration?: 'fast' | 'normal' | 'slow';
+    animation?: 'height' | 'fade' | 'none';
+    variant?: 'plain' | 'panel' | 'card' | 'inset';
+    padding?: 'none' | 'sm' | 'md' | 'lg';
+}
+interface CollapsibleOptionsContextValue {
+    triggerVariant?: CollapsibleTriggerProps['variant'] | undefined;
+    triggerSize?: CollapsibleTriggerProps['size'] | undefined;
+    triggerJustify?: CollapsibleTriggerProps['justify'] | undefined;
+    triggerFullWidth?: boolean | undefined;
+    triggerRotateIcon?: boolean | undefined;
+    contentDuration?: CollapsibleContentProps['duration'] | undefined;
+    contentAnimation?: CollapsibleContentProps['animation'] | undefined;
+    contentVariant?: CollapsibleContentProps['variant'] | undefined;
+    contentPadding?: CollapsibleContentProps['padding'] | undefined;
+}
+export interface CollapsibleProps extends ComponentPropsWithoutRef<typeof CollapsiblePrimitive.Root>, CollapsibleOptionsContextValue {
+}
+export declare const Collapsible: import("react").ForwardRefExoticComponent<CollapsibleProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const CollapsibleTrigger: import("react").ForwardRefExoticComponent<CollapsibleTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+export declare const CollapsibleContent: import("react").ForwardRefExoticComponent<CollapsibleContentProps & import("react").RefAttributes<HTMLDivElement>>;
+export {};
+//# sourceMappingURL=Collapsible.d.ts.map

package/dist/Collapsible.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Collapsible.d.ts","sourceRoot":"","sources":["../src/Collapsible.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;GAiBG;AACH,OAAO,EAIL,KAAK,wBAAwB,EAE9B,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,oBAAoB,MAAM,6BAA6B,CAAC;AAKpE,MAAM,WAAW,uBACf,SAAQ,wBAAwB,CAAC,OAAO,oBAAoB,CAAC,kBAAkB,CAAC;IAChF,OAAO,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;IACjD,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;IAC5C,OAAO,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,SAAS,CAAC;IACzC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,WAAW,uBACf,SAAQ,wBAAwB,CAAC,OAAO,oBAAoB,CAAC,kBAAkB,CAAC;IAChF,QAAQ,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,MAAM,CAAC;IACtC,SAAS,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAC;IACvC,OAAO,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC;IAC/C,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CACvC;AAED,UAAU,8BAA8B;IACtC,cAAc,CAAC,EAAE,uBAAuB,CAAC,SAAS,CAAC,GAAG,SAAS,CAAC;IAChE,WAAW,CAAC,EAAE,uBAAuB,CAAC,MAAM,CAAC,GAAG,SAAS,CAAC;IAC1D,cAAc,CAAC,EAAE,uBAAuB,CAAC,SAAS,CAAC,GAAG,SAAS,CAAC;IAChE,gBAAgB,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACvC,iBAAiB,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACxC,eAAe,CAAC,EAAE,uBAAuB,CAAC,UAAU,CAAC,GAAG,SAAS,CAAC;IAClE,gBAAgB,CAAC,EAAE,uBAAuB,CAAC,WAAW,CAAC,GAAG,SAAS,CAAC;IACpE,cAAc,CAAC,EAAE,uBAAuB,CAAC,SAAS,CAAC,GAAG,SAAS,CAAC;IAChE,cAAc,CAAC,EAAE,uBAAuB,CAAC,SAAS,CAAC,GAAG,SAAS,CAAC;CACjE;AAED,MAAM,WAAW,gBACf,SAAQ,wBAAwB,CAAC,OAAO,oBAAoB,CAAC,IAAI,CAAC,EAChE,8BAA8B;CAAG;AAIrC,eAAO,MAAM,WAAW,6GAsCtB,CAAC;AAyBH,eAAO,MAAM,kBAAkB,uHA4C7B,CAAC;AAwBH,eAAO,MAAM,kBAAkB,oHA0C7B,CAAC"}

package/dist/Collapsible.js

@@ -0,0 +1,101 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Collapsible (web variant — React DOM).
+ *
+ * Simple expand/collapse panel powered by Radix Collapsible.
+ * Unlike Accordion, Collapsible is a single open/close toggle
+ * with no item/group semantics.
+ *
+ *   <Collapsible>
+ *     <CollapsibleTrigger asChild>
+ *       <Button variant="ghost">Toggle</Button>
+ *     </CollapsibleTrigger>
+ *     <CollapsibleContent>
+ *       <p>Hidden content</p>
+ *     </CollapsibleContent>
+ *   </Collapsible>
+ *
+ * Wiki: docs/components/Collapsible.md
+ */
+import { createContext, forwardRef, useContext, } from 'react';
+import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
+import { cn } from './internal/cn.js';
+const CollapsibleOptionsContext = createContext({});
+export const Collapsible = forwardRef(function Collapsible({ triggerVariant, triggerSize, triggerJustify, triggerFullWidth, triggerRotateIcon, contentDuration, contentAnimation, contentVariant, contentPadding, children, ...props }, ref) {
+    return (_jsx(CollapsibleOptionsContext.Provider, { value: {
+            triggerVariant,
+            triggerSize,
+            triggerJustify,
+            triggerFullWidth,
+            triggerRotateIcon,
+            contentDuration,
+            contentAnimation,
+            contentVariant,
+            contentPadding,
+        }, children: _jsx(CollapsiblePrimitive.Root, { ref: ref, ...props, children: children }) }));
+});
+/* ── Trigger ────────────────────────────────────────────────────────── */
+const triggerVariantClasses = {
+    plain: '',
+    ghost: 'rounded-md text-foreground hover:bg-muted hover:text-foreground',
+    outline: 'rounded-md border border-border bg-background text-foreground shadow-mi-card hover:bg-muted/50',
+    soft: 'rounded-md bg-muted/60 text-foreground hover:bg-muted',
+};
+const triggerSizeClasses = {
+    auto: '',
+    sm: 'h-8 px-2.5 text-xs',
+    md: 'h-9 px-3 text-sm',
+    lg: 'h-10 px-4 text-sm',
+    icon: 'size-9 p-0',
+};
+const triggerJustifyClasses = {
+    start: 'justify-start',
+    center: 'justify-center',
+    between: 'justify-between',
+};
+export const CollapsibleTrigger = forwardRef(function CollapsibleTrigger({ className, variant, size, justify, fullWidth, rotateIcon, ...props }, ref) {
+    const options = useContext(CollapsibleOptionsContext);
+    const resolvedVariant = variant ?? options.triggerVariant ?? 'plain';
+    const resolvedSize = size ?? options.triggerSize ?? 'auto';
+    const resolvedJustify = justify ?? options.triggerJustify ?? 'center';
+    const resolvedFullWidth = fullWidth || options.triggerFullWidth || false;
+    const resolvedRotateIcon = rotateIcon ?? options.triggerRotateIcon ?? true;
+    return (_jsx(CollapsiblePrimitive.CollapsibleTrigger, { ref: ref, className: cn('inline-flex shrink-0 items-center gap-2 whitespace-nowrap', 'transition-colors duration-200', 'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2', 'disabled:pointer-events-none disabled:opacity-50', '[&>svg]:shrink-0', resolvedRotateIcon && [
+            '[&>svg]:transition-transform [&>svg]:duration-300 [&>svg]:ease-[cubic-bezier(0.16,1,0.3,1)]',
+            'data-[state=open]:[&>svg:last-child]:rotate-180',
+        ], triggerVariantClasses[resolvedVariant], triggerSizeClasses[resolvedSize], triggerJustifyClasses[resolvedJustify], resolvedFullWidth && 'w-full', className), ...props }));
+});
+/* ── Content ────────────────────────────────────────────────────────── */
+const collapsibleDurationClasses = {
+    fast: 'duration-300',
+    normal: 'duration-500',
+    slow: 'duration-700',
+};
+const contentVariantClasses = {
+    plain: '',
+    panel: 'rounded-md border border-border bg-background shadow-mi-card',
+    card: 'rounded-lg border border-border bg-card shadow-mi-card',
+    inset: 'rounded-md bg-muted/50',
+};
+const contentPaddingClasses = {
+    none: '',
+    sm: 'p-3',
+    md: 'p-4',
+    lg: 'p-5',
+};
+export const CollapsibleContent = forwardRef(function CollapsibleContent({ className, duration, animation, variant, padding, ...props }, ref) {
+    const options = useContext(CollapsibleOptionsContext);
+    const resolvedDuration = duration ?? options.contentDuration ?? 'normal';
+    const resolvedAnimation = animation ?? options.contentAnimation ?? 'height';
+    const resolvedVariant = variant ?? options.contentVariant ?? 'plain';
+    const resolvedPadding = padding ?? options.contentPadding ?? 'none';
+    return (_jsx(CollapsiblePrimitive.CollapsibleContent, { ref: ref, className: cn('overflow-hidden motion-reduce:transition-none motion-reduce:animate-none', collapsibleDurationClasses[resolvedDuration], resolvedAnimation === 'height' && [
+            'transition-all ease-[cubic-bezier(0.16,1,0.3,1)]',
+            'data-[state=closed]:animate-collapsible-up data-[state=open]:animate-collapsible-down',
+        ], resolvedAnimation === 'fade' && [
+            'transition-opacity ease-[cubic-bezier(0.16,1,0.3,1)]',
+            'data-[state=closed]:opacity-0 data-[state=open]:opacity-100',
+        ], resolvedAnimation === 'none' && 'transition-none', contentVariantClasses[resolvedVariant], contentPaddingClasses[resolvedPadding], className), ...props }));
+});
+//# sourceMappingURL=Collapsible.js.map

package/dist/Collapsible.js.map

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

package/dist/Collapsible.native.d.ts

@@ -0,0 +1,53 @@
+/**
+ * Collapsible (React Native variant).
+ *
+ * Simple expand/collapse using Animated height. For API parity
+ * with the web Collapsible.
+ *
+ * Wiki: docs/components/Collapsible.md
+ */
+import { type ReactNode } from 'react';
+import { type PressableProps, type ViewProps } from 'react-native';
+import { type VariantProps } from 'class-variance-authority';
+export interface CollapsibleProps extends ViewProps {
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    defaultOpen?: boolean;
+    disabled?: boolean;
+    triggerVariant?: CollapsibleTriggerProps['variant'];
+    triggerSize?: CollapsibleTriggerProps['size'];
+    triggerJustify?: CollapsibleTriggerProps['justify'];
+    triggerFullWidth?: boolean;
+    triggerRotateIcon?: boolean;
+    contentDuration?: CollapsibleContentProps['duration'];
+    contentAnimation?: CollapsibleContentProps['animation'];
+    contentVariant?: CollapsibleContentProps['variant'];
+    contentPadding?: CollapsibleContentProps['padding'];
+    className?: string;
+    children: ReactNode;
+}
+export declare function Collapsible({ open: controlledOpen, onOpenChange, defaultOpen, disabled, triggerVariant, triggerSize, triggerJustify, triggerFullWidth, triggerRotateIcon, contentDuration, contentAnimation, contentVariant, contentPadding, children, ...props }: CollapsibleProps): import("react/jsx-runtime").JSX.Element;
+declare const triggerVariants: (props?: ({
+    variant?: "outline" | "ghost" | "plain" | "soft" | null | undefined;
+    size?: "auto" | "icon" | "sm" | "md" | "lg" | null | undefined;
+    justify?: "start" | "center" | "between" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface CollapsibleTriggerProps extends Omit<PressableProps, 'children'>, VariantProps<typeof triggerVariants> {
+    children: ReactNode;
+    asChild?: boolean;
+    fullWidth?: boolean;
+    rotateIcon?: boolean;
+    className?: string;
+}
+export declare function CollapsibleTrigger({ children, className, variant, size, justify, fullWidth, disabled, ...props }: CollapsibleTriggerProps): import("react/jsx-runtime").JSX.Element;
+export interface CollapsibleContentProps extends ViewProps {
+    className?: string;
+    children: ReactNode;
+    duration?: 'fast' | 'normal' | 'slow';
+    animation?: 'height' | 'fade' | 'none';
+    variant?: 'plain' | 'panel' | 'card' | 'inset';
+    padding?: 'none' | 'sm' | 'md' | 'lg';
+}
+export declare function CollapsibleContent({ children, className, variant, padding, ...props }: CollapsibleContentProps): import("react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=Collapsible.native.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Collapsible.native.d.ts","sourceRoot":"","sources":["../src/Collapsible.native.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,OAAO,EAAY,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,EAAmB,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AACpF,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAGlE,MAAM,WAAW,gBAAiB,SAAQ,SAAS;IACjD,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,uBAAuB,CAAC,SAAS,CAAC,CAAC;IACpD,WAAW,CAAC,EAAE,uBAAuB,CAAC,MAAM,CAAC,CAAC;IAC9C,cAAc,CAAC,EAAE,uBAAuB,CAAC,SAAS,CAAC,CAAC;IACpD,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,eAAe,CAAC,EAAE,uBAAuB,CAAC,UAAU,CAAC,CAAC;IACtD,gBAAgB,CAAC,EAAE,uBAAuB,CAAC,WAAW,CAAC,CAAC;IACxD,cAAc,CAAC,EAAE,uBAAuB,CAAC,SAAS,CAAC,CAAC;IACpD,cAAc,CAAC,EAAE,uBAAuB,CAAC,SAAS,CAAC,CAAC;IACpD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,wBAAgB,WAAW,CAAC,EAC1B,IAAI,EAAE,cAAc,EACpB,YAAY,EACZ,WAAmB,EACnB,QAAgB,EAChB,cAAc,EACd,WAAW,EACX,cAAc,EACd,gBAAgB,EAChB,iBAAiB,EACjB,eAAe,EACf,gBAAgB,EAChB,cAAc,EACd,cAAc,EACd,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,gBAAgB,2CA8BlB;AA6BD,QAAA,MAAM,eAAe;;;;8EA0BnB,CAAC;AAEH,MAAM,WAAW,uBACf,SAAQ,IAAI,CAAC,cAAc,EAAE,UAAU,CAAC,EACtC,YAAY,CAAC,OAAO,eAAe,CAAC;IACtC,QAAQ,EAAE,SAAS,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,kBAAkB,CAAC,EACjC,QAAQ,EACR,SAAS,EACT,OAAO,EACP,IAAI,EACJ,OAAO,EACP,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,uBAAuB,2CAgCzB;AAID,MAAM,WAAW,uBAAwB,SAAQ,SAAS;IACxD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,MAAM,CAAC;IACtC,SAAS,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAC;IACvC,OAAO,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC;IAC/C,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CACvC;AAuBD,wBAAgB,kBAAkB,CAAC,EACjC,QAAQ,EACR,SAAS,EACT,OAAO,EACP,OAAO,EACP,GAAG,KAAK,EACT,EAAE,uBAAuB,kDAczB"}

package/dist/Collapsible.native.js

@@ -0,0 +1,109 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Collapsible (React Native variant).
+ *
+ * Simple expand/collapse using Animated height. For API parity
+ * with the web Collapsible.
+ *
+ * Wiki: docs/components/Collapsible.md
+ */
+import { useState } from 'react';
+import { Pressable, View } from 'react-native';
+import { cva } from 'class-variance-authority';
+import { cn } from './internal/cn.js';
+export function Collapsible({ open: controlledOpen, onOpenChange, defaultOpen = false, disabled = false, triggerVariant, triggerSize, triggerJustify, triggerFullWidth, triggerRotateIcon, contentDuration, contentAnimation, contentVariant, contentPadding, children, ...props }) {
+    const [internalOpen, setInternalOpen] = useState(defaultOpen);
+    const isOpen = controlledOpen ?? internalOpen;
+    const toggle = () => {
+        if (disabled)
+            return;
+        const next = !isOpen;
+        setInternalOpen(next);
+        onOpenChange?.(next);
+    };
+    return (_jsx(CollapsibleContext.Provider, { value: {
+            open: isOpen,
+            toggle,
+            disabled,
+            triggerVariant,
+            triggerSize,
+            triggerJustify,
+            triggerFullWidth,
+            triggerRotateIcon,
+            contentDuration,
+            contentAnimation,
+            contentVariant,
+            contentPadding,
+        }, children: _jsx(View, { ...props, children: children }) }));
+}
+/* ── Context ────────────────────────────────────────────────────────── */
+import { createContext, useContext } from 'react';
+const CollapsibleContext = createContext({
+    open: false,
+    toggle: () => { },
+    disabled: false,
+});
+/* ── Trigger ────────────────────────────────────────────────────────── */
+const triggerVariants = cva('flex-row shrink-0 items-center gap-2', {
+    variants: {
+        variant: {
+            plain: '',
+            ghost: 'rounded-md',
+            outline: 'rounded-md border border-border bg-background',
+            soft: 'rounded-md bg-muted',
+        },
+        size: {
+            auto: '',
+            sm: 'min-h-8 px-2.5',
+            md: 'min-h-9 px-3',
+            lg: 'min-h-10 px-4',
+            icon: 'h-9 w-9 items-center justify-center',
+        },
+        justify: {
+            start: 'justify-start',
+            center: 'justify-center',
+            between: 'justify-between',
+        },
+    },
+    defaultVariants: {
+        variant: 'plain',
+        size: 'auto',
+        justify: 'center',
+    },
+});
+export function CollapsibleTrigger({ children, className, variant, size, justify, fullWidth, disabled, ...props }) {
+    const { open, toggle, disabled: rootDisabled, triggerVariant, triggerSize, triggerJustify, triggerFullWidth, } = useContext(CollapsibleContext);
+    const isDisabled = disabled || rootDisabled;
+    return (_jsx(Pressable, { accessibilityRole: "button", accessibilityState: { expanded: open, disabled: !!isDisabled }, disabled: isDisabled, onPress: toggle, className: cn(triggerVariants({
+            variant: variant ?? triggerVariant,
+            size: size ?? triggerSize,
+            justify: justify ?? triggerJustify,
+        }), (fullWidth || triggerFullWidth) && 'w-full', isDisabled && 'opacity-50', className), ...props, children: children }));
+}
+const contentVariants = cva('', {
+    variants: {
+        variant: {
+            plain: '',
+            panel: 'rounded-md border border-border bg-background',
+            card: 'rounded-lg border border-border bg-card',
+            inset: 'rounded-md bg-muted',
+        },
+        padding: {
+            none: '',
+            sm: 'p-3',
+            md: 'p-4',
+            lg: 'p-5',
+        },
+    },
+    defaultVariants: {
+        variant: 'plain',
+        padding: 'none',
+    },
+});
+export function CollapsibleContent({ children, className, variant, padding, ...props }) {
+    const { open, contentVariant, contentPadding } = useContext(CollapsibleContext);
+    if (!open)
+        return null;
+    return (_jsx(View, { className: cn(contentVariants({ variant: variant ?? contentVariant, padding: padding ?? contentPadding }), className), ...props, children: children }));
+}
+//# sourceMappingURL=Collapsible.native.js.map

package/dist/Collapsible.native.js.map

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

package/dist/Combobox.d.ts

@@ -0,0 +1,42 @@
+/**
+ * Combobox (web variant — React DOM).
+ *
+ * An autocomplete/search input that combines a text field with a
+ * filterable dropdown list. Built on Popover + Command (cmdk).
+ *
+ *   <Combobox
+ *     options={[
+ *       { value: 'react', label: 'React' },
+ *       { value: 'vue', label: 'Vue' },
+ *     ]}
+ *     value={value}
+ *     onValueChange={setValue}
+ *     placeholder="Select framework…"
+ *   />
+ *
+ * Wiki: docs/components/Combobox.md
+ */
+import { type HTMLAttributes } from 'react';
+export interface ComboboxOption {
+    value: string;
+    label: string;
+    disabled?: boolean;
+}
+export interface ComboboxProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
+    /** List of selectable options. */
+    options: ComboboxOption[];
+    /** Currently selected value. */
+    value?: string;
+    /** Called when the selection changes. */
+    onValueChange?: (value: string) => void;
+    /** Placeholder text shown when nothing is selected. */
+    placeholder?: string;
+    /** Placeholder text for the search input. */
+    searchPlaceholder?: string;
+    /** Text shown when no options match the search query. */
+    emptyText?: string;
+    /** Whether the combobox is disabled. */
+    disabled?: boolean;
+}
+export declare const Combobox: import("react").ForwardRefExoticComponent<ComboboxProps & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=Combobox.d.ts.map

package/dist/Combobox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../src/Combobox.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;GAiBG;AACH,OAAO,EAAoD,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAK9F,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IACrF,kCAAkC;IAClC,OAAO,EAAE,cAAc,EAAE,CAAC;IAC1B,gCAAgC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,yCAAyC;IACzC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,uDAAuD;IACvD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,6CAA6C;IAC7C,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,yDAAyD;IACzD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wCAAwC;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAID,eAAO,MAAM,QAAQ,0GA6NnB,CAAC"}