@mihcm/ui 0.14.1 → 0.15.0

package/dist/MainSidebar/motion.js

@@ -0,0 +1,40 @@
+export const MOTION_PRESETS = {
+    subtle: {
+        distance: 4,
+        transition: { duration: 0.18, ease: [0.16, 1, 0.3, 1] },
+    },
+    standard: {
+        distance: 8,
+        transition: { duration: 0.24, ease: [0.32, 0.72, 0, 1] },
+    },
+    expressive: {
+        distance: 16,
+        transition: { type: 'spring', stiffness: 320, damping: 28, mass: 0.9 },
+    },
+};
+export function slideVariants(preset, fromSide) {
+    const cfg = MOTION_PRESETS[preset];
+    const sign = fromSide === 'left' ? -1 : 1;
+    return {
+        initial: { opacity: 0, x: sign * cfg.distance },
+        animate: { opacity: 1, x: 0, transition: cfg.transition },
+        exit: { opacity: 0, x: sign * cfg.distance, transition: cfg.transition },
+    };
+}
+export function fadeVariants(preset) {
+    const cfg = MOTION_PRESETS[preset];
+    return {
+        initial: { opacity: 0 },
+        animate: { opacity: 1, transition: cfg.transition },
+        exit: { opacity: 0, transition: cfg.transition },
+    };
+}
+export function scaleVariants(preset) {
+    const cfg = MOTION_PRESETS[preset];
+    return {
+        initial: { opacity: 0, scale: 0.96, y: -4 },
+        animate: { opacity: 1, scale: 1, y: 0, transition: cfg.transition },
+        exit: { opacity: 0, scale: 0.96, y: -4, transition: cfg.transition },
+    };
+}
+//# sourceMappingURL=motion.js.map

package/dist/MainSidebar/motion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"motion.js","sourceRoot":"","sources":["../../src/MainSidebar/motion.ts"],"names":[],"mappings":"AAmBA,MAAM,CAAC,MAAM,cAAc,GAAkD;IAC3E,MAAM,EAAE;QACN,QAAQ,EAAE,CAAC;QACX,UAAU,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE;KACxD;IACD,QAAQ,EAAE;QACR,QAAQ,EAAE,CAAC;QACX,UAAU,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE;KACzD;IACD,UAAU,EAAE;QACV,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,EAAE,OAAO,EAAE,EAAE,EAAE,IAAI,EAAE,GAAG,EAAE;KACvE;CACF,CAAC;AAEF,MAAM,UAAU,aAAa,CAC3B,MAA+B,EAC/B,QAA0B;IAE1B,MAAM,GAAG,GAAG,cAAc,CAAC,MAAM,CAAC,CAAC;IACnC,MAAM,IAAI,GAAG,QAAQ,KAAK,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAC1C,OAAO;QACL,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,IAAI,GAAG,GAAG,CAAC,QAAQ,EAAE;QAC/C,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,UAAU,EAAE,GAAG,CAAC,UAAU,EAAE;QACzD,IAAI,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,IAAI,GAAG,GAAG,CAAC,QAAQ,EAAE,UAAU,EAAE,GAAG,CAAC,UAAU,EAAE;KACzE,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,YAAY,CAAC,MAA+B;IAC1D,MAAM,GAAG,GAAG,cAAc,CAAC,MAAM,CAAC,CAAC;IACnC,OAAO;QACL,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE;QACvB,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,UAAU,EAAE,GAAG,CAAC,UAAU,EAAE;QACnD,IAAI,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,UAAU,EAAE,GAAG,CAAC,UAAU,EAAE;KACjD,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,aAAa,CAAC,MAA+B;IAC3D,MAAM,GAAG,GAAG,cAAc,CAAC,MAAM,CAAC,CAAC;IACnC,OAAO;QACL,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE;QAC3C,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,UAAU,EAAE,GAAG,CAAC,UAAU,EAAE;QACnE,IAAI,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,EAAE,GAAG,CAAC,UAAU,EAAE;KACrE,CAAC;AACJ,CAAC"}

package/dist/MainSidebar/rail.d.ts

@@ -0,0 +1,24 @@
+/**
+ * Shared rail — the fixed icon strip on the side. Used by all five variants.
+ */
+import { type ReactNode } from 'react';
+import type { MainSidebarDensity, MainSidebarItem, MainSidebarSide } from './types.js';
+interface RailProps {
+    items: MainSidebarItem[];
+    activeKey: string | undefined;
+    density?: MainSidebarDensity;
+    side?: MainSidebarSide;
+    header?: ReactNode;
+    footer?: ReactNode;
+    itemClassName: string | undefined;
+    activeItemClassName: string | undefined;
+    className: string | undefined;
+    onItemSelect: (item: MainSidebarItem) => void;
+    /** Item key whose panel is currently visible (for aria-expanded). */
+    openPanelKey: string | undefined;
+    /** Used for the toggle button aria-label. */
+    ariaLabel?: string;
+}
+export declare const Rail: import("react").ForwardRefExoticComponent<RailProps & import("react").RefAttributes<HTMLElement>>;
+export {};
+//# sourceMappingURL=rail.d.ts.map

package/dist/MainSidebar/rail.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"rail.d.ts","sourceRoot":"","sources":["../../src/MainSidebar/rail.tsx"],"names":[],"mappings":"AAEA;;GAEG;AACH,OAAO,EAAc,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAInD,OAAO,KAAK,EACV,kBAAkB,EAClB,eAAe,EACf,eAAe,EAChB,MAAM,YAAY,CAAC;AAYpB,UAAU,SAAS;IACjB,KAAK,EAAE,eAAe,EAAE,CAAC;IACzB,SAAS,EAAE,MAAM,GAAG,SAAS,CAAC;IAC9B,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAC7B,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,aAAa,EAAE,MAAM,GAAG,SAAS,CAAC;IAClC,mBAAmB,EAAE,MAAM,GAAG,SAAS,CAAC;IACxC,SAAS,EAAE,MAAM,GAAG,SAAS,CAAC;IAC9B,YAAY,EAAE,CAAC,IAAI,EAAE,eAAe,KAAK,IAAI,CAAC;IAC9C,qEAAqE;IACrE,YAAY,EAAE,MAAM,GAAG,SAAS,CAAC;IACjC,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,IAAI,mGA8Ff,CAAC"}

package/dist/MainSidebar/rail.js

@@ -0,0 +1,29 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Shared rail — the fixed icon strip on the side. Used by all five variants.
+ */
+import { forwardRef } from 'react';
+import { cn } from '../internal/cn.js';
+import { Tooltip } from '../Tooltip.js';
+import { isOnPath, shouldWrapBadge } from './helpers.js';
+const RAIL_WIDTH = {
+    compact: 'w-12',
+    comfortable: 'w-[3.5rem]',
+};
+const RAIL_BUTTON = {
+    compact: 'h-12 w-full',
+    comfortable: 'h-14 w-full',
+};
+export const Rail = forwardRef(function Rail({ items, activeKey, density = 'comfortable', side = 'left', header, footer, itemClassName, activeItemClassName, className, onItemSelect, openPanelKey, ariaLabel = 'Main navigation', }, ref) {
+    const railWidth = RAIL_WIDTH[density];
+    const buttonSize = RAIL_BUTTON[density];
+    return (_jsxs("nav", { ref: ref, "aria-label": ariaLabel, className: cn('relative z-20 flex h-full shrink-0 flex-col items-stretch bg-primary text-primary-foreground', railWidth, side === 'right' ? 'border-l border-primary-700/40' : 'border-r border-primary-700/40', className), children: [header ? _jsx("div", { className: "flex w-full items-center justify-center", children: header }) : null, _jsx("div", { className: "flex w-full flex-col items-stretch", children: items.map((item) => {
+                    /* Highlight the rail icon when the active leaf is anywhere in this item's subtree. */
+                    const isActive = isOnPath(item, activeKey);
+                    const isOpen = openPanelKey === item.key;
+                    const tooltipSide = side === 'right' ? 'left' : 'right';
+                    return (_jsx(Tooltip, { content: item.label, side: tooltipSide, delayMs: 80, className: "flex w-full", children: _jsxs("button", { type: "button", "data-item-key": item.key, disabled: item.disabled, "aria-current": isActive ? 'page' : undefined, "aria-expanded": isOpen, "aria-haspopup": item.children?.length || item.panel ? 'menu' : undefined, "aria-label": item.label, onClick: () => onItemSelect(item), className: cn('relative grid place-items-center transition-colors outline-none', 'focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-primary-foreground/60', buttonSize, 'text-primary-foreground/85 hover:bg-primary-foreground/10 hover:text-primary-foreground', 'disabled:cursor-not-allowed disabled:opacity-40', isActive && 'bg-accent text-accent-foreground hover:bg-accent', isActive && activeItemClassName, itemClassName), children: [_jsx("span", { className: "grid size-[18px] place-items-center [&_svg]:size-full", "aria-hidden": "true", children: item.icon }), _jsx("span", { className: "sr-only", children: item.label }), item.badge != null && item.badge !== false ? (shouldWrapBadge(item.badge) ? (_jsx("span", { "aria-hidden": "true", className: "pointer-events-none absolute right-1 top-1 grid h-4 min-w-4 place-items-center rounded-full bg-destructive px-1 text-[10px] font-semibold text-destructive-foreground", children: item.badge })) : (_jsx("span", { "aria-hidden": "true", className: "pointer-events-none absolute right-1 top-1", children: item.badge }))) : null] }) }, item.key));
+                }) }), footer ? (_jsx("div", { className: "mt-auto flex w-full items-center justify-center", children: footer })) : null] }));
+});
+//# sourceMappingURL=rail.js.map

package/dist/MainSidebar/rail.js.map

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

package/dist/MainSidebar/search.d.ts

@@ -0,0 +1,19 @@
+interface MenuSearchProps {
+    value: string;
+    onValueChange: (next: string) => void;
+    placeholder?: string;
+    className?: string;
+    /** Auto-focus on mount — useful for command variant. */
+    autoFocus?: boolean;
+    /** Aria label for the input. Defaults to the placeholder. */
+    ariaLabel?: string;
+    /**
+     * Visual tone. `light` (default) renders the input on neutral panel
+     * backgrounds. `onBrand` renders a semi-transparent input legible on the
+     * brand-primary sidebar surface.
+     */
+    tone?: 'light' | 'onBrand';
+}
+export declare const MenuSearch: import("react").ForwardRefExoticComponent<MenuSearchProps & import("react").RefAttributes<HTMLInputElement>>;
+export {};
+//# sourceMappingURL=search.d.ts.map

package/dist/MainSidebar/search.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"search.d.ts","sourceRoot":"","sources":["../../src/MainSidebar/search.tsx"],"names":[],"mappings":"AASA,UAAU,eAAe;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wDAAwD;IACxD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,6DAA6D;IAC7D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;OAIG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAC5B;AAED,eAAO,MAAM,UAAU,8GAuDrB,CAAC"}

package/dist/MainSidebar/search.js

@@ -0,0 +1,33 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Shared MenuSearch input used by all variants. Token-styled, accessible,
+ * with a clear affordance.
+ */
+import { forwardRef } from 'react';
+import { cn } from '../internal/cn.js';
+export const MenuSearch = forwardRef(function MenuSearch({ value, onValueChange, placeholder = 'Search menu…', className, autoFocus, ariaLabel, tone = 'light' }, ref) {
+    const onChange = (e) => onValueChange(e.target.value);
+    const onBrand = tone === 'onBrand';
+    return (_jsxs("div", { className: cn('relative flex w-full items-center', className), children: [_jsx(SearchIcon, { className: cn('pointer-events-none absolute left-2.5 size-4', 
+                /*
+                 * `onBrand` uses card-foreground tokens. Both the rail (bg-primary)
+                 * and any drill panel (bg-card) have their *-foreground tokens
+                 * overridden to the same scheme.fg via `colorScheme`, so the
+                 * search adapts cleanly on every themed surface AND on the
+                 * default-brand panel (where card-foreground is the page dark
+                 * foreground over a white card → readable).
+                 */
+                onBrand ? 'text-card-foreground/60' : 'text-muted-foreground') }), _jsx("input", { ref: ref, type: "search", value: value, onChange: onChange, placeholder: placeholder, "aria-label": ariaLabel ?? placeholder, autoFocus: autoFocus, className: cn('h-9 w-full rounded-md pl-8 pr-8 text-sm', onBrand
+                    ? 'border border-card-foreground/20 bg-card-foreground/10 text-card-foreground placeholder:text-card-foreground/60 focus:outline-none focus:border-card-foreground/40 focus:ring-2 focus:ring-card-foreground/20'
+                    : 'border border-border bg-background text-foreground shadow-mi-input placeholder:text-muted-foreground focus:outline-none focus:border-primary focus:ring-2 focus:ring-ring/30') }), value ? (_jsx("button", { type: "button", onClick: () => onValueChange(''), "aria-label": "Clear search", className: cn('absolute right-1 grid size-7 place-items-center rounded focus-visible:outline-none focus-visible:ring-2', onBrand
+                    ? 'text-card-foreground/60 hover:bg-card-foreground/10 hover:text-card-foreground focus-visible:ring-card-foreground/40'
+                    : 'text-muted-foreground hover:bg-muted hover:text-foreground focus-visible:ring-ring'), children: _jsx(ClearIcon, { className: "size-3.5" }) })) : null] }));
+});
+function SearchIcon({ className }) {
+    return (_jsxs("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", className: className, "aria-hidden": "true", children: [_jsx("circle", { cx: "11", cy: "11", r: "7" }), _jsx("path", { d: "m20 20-3.5-3.5", strokeLinecap: "round" })] }));
+}
+function ClearIcon({ className }) {
+    return (_jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", className: className, "aria-hidden": "true", children: _jsx("path", { d: "M6 6l12 12M18 6 6 18", strokeLinecap: "round" }) }));
+}
+//# sourceMappingURL=search.js.map

package/dist/MainSidebar/search.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"search.js","sourceRoot":"","sources":["../../src/MainSidebar/search.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb;;;GAGG;AACH,OAAO,EAAE,UAAU,EAA2B,MAAM,OAAO,CAAC;AAC5D,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAC;AAmBvC,MAAM,CAAC,MAAM,UAAU,GAAG,UAAU,CAAoC,SAAS,UAAU,CACzF,EAAE,KAAK,EAAE,aAAa,EAAE,WAAW,GAAG,cAAc,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,IAAI,GAAG,OAAO,EAAE,EACvG,GAAG;IAEH,MAAM,QAAQ,GAAyC,CAAC,CAAC,EAAE,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAC5F,MAAM,OAAO,GAAG,IAAI,KAAK,SAAS,CAAC;IAEnC,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,mCAAmC,EAAE,SAAS,CAAC,aAChE,KAAC,UAAU,IACT,SAAS,EAAE,EAAE,CACX,8CAA8C;gBAC9C;;;;;;;mBAOG;gBACH,OAAO,CAAC,CAAC,CAAC,yBAAyB,CAAC,CAAC,CAAC,uBAAuB,CAC9D,GACD,EACF,gBACE,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,gBACZ,SAAS,IAAI,WAAW,EACpC,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,EAAE,CACX,yCAAyC,EACzC,OAAO;oBACL,CAAC,CAAC,+MAA+M;oBACjN,CAAC,CAAC,8KAA8K,CACnL,GACD,EACD,KAAK,CAAC,CAAC,CAAC,CACP,iBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,EAAE,CAAC,gBACrB,cAAc,EACzB,SAAS,EAAE,EAAE,CACX,yGAAyG,EACzG,OAAO;oBACL,CAAC,CAAC,sHAAsH;oBACxH,CAAC,CAAC,oFAAoF,CACzF,YAED,KAAC,SAAS,IAAC,SAAS,EAAC,UAAU,GAAG,GAC3B,CACV,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,SAAS,UAAU,CAAC,EAAE,SAAS,EAA0B;IACvD,OAAO,CACL,eAAK,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,cAAc,EAAC,WAAW,EAAC,GAAG,EAAC,SAAS,EAAE,SAAS,iBAAc,MAAM,aACjH,iBAAQ,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,CAAC,EAAC,GAAG,GAAG,EAChC,eAAM,CAAC,EAAC,gBAAgB,EAAC,aAAa,EAAC,OAAO,GAAG,IAC7C,CACP,CAAC;AACJ,CAAC;AAED,SAAS,SAAS,CAAC,EAAE,SAAS,EAA0B;IACtD,OAAO,CACL,cAAK,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,cAAc,EAAC,WAAW,EAAC,GAAG,EAAC,SAAS,EAAE,SAAS,iBAAc,MAAM,YACjH,eAAM,CAAC,EAAC,sBAAsB,EAAC,aAAa,EAAC,OAAO,GAAG,GACnD,CACP,CAAC;AACJ,CAAC"}

package/dist/MainSidebar/types.d.ts

@@ -0,0 +1,161 @@
+/**
+ * Shared types for `MainSidebar` and its five variants.
+ */
+import type { HTMLAttributes, ReactNode } from 'react';
+export interface MainSidebarItem {
+    key: string;
+    icon?: ReactNode;
+    label: string;
+    href?: string;
+    description?: string;
+    badge?: ReactNode;
+    disabled?: boolean;
+    children?: MainSidebarItem[];
+    /** Override the auto-rendered child list with a custom panel. */
+    panel?: ReactNode;
+}
+export type MainSidebarVariant = 'drilldown' | 'floating' | 'columns' | 'command' | 'hover';
+export type MainSidebarSide = 'left' | 'right';
+export type MainSidebarDensity = 'compact' | 'comfortable';
+export type MainSidebarCollapsible = 'icon' | 'none';
+export type MainSidebarMotionPreset = 'subtle' | 'standard' | 'expressive';
+/**
+ * Per-instance colour overrides. Each token is optional and applies via a
+ * scoped CSS-variable override on the sidebar root, so the rest of the
+ * page is unaffected. Omitted tokens fall back to the design-system brand
+ * defaults. Structure mirrors shadcn's sidebar token taxonomy
+ * (`--sidebar-background`, `--sidebar-accent`, etc.).
+ *
+ * ### Quick-set shorthands
+ *
+ * | Token | Default | Sets |
+ * |---|---|---|
+ * | `bg` | `var(--color-primary)` | Both `railBg` AND `panelBg` |
+ * | `fg` | `var(--color-primary-foreground)` | Both `railFg` AND `panelFg` |
+ *
+ * ### Granular tokens (override individual surfaces)
+ *
+ * | Token | Default | Applies to |
+ * |---|---|---|
+ * | `railBg` | `var(--color-primary)` | Icon rail + wide expanded sidebar background |
+ * | `railFg` | `var(--color-primary-foreground)` | Icon rail + expanded text and icons |
+ * | `panelBg` | `var(--color-card)` | Drill/floating/columns/command/hover panel surface |
+ * | `panelFg` | `var(--color-card-foreground)` | Panel titles, item text, icons |
+ * | `accentBg` | `var(--color-accent)` | Active item background (rail + panel + expanded) |
+ * | `accentFg` | `var(--color-accent-foreground)` | Active item text |
+ * | `border` | `var(--color-border)` | All internal dividers + outer rail border |
+ * | `mutedFg` | `text-card-foreground/70` | Descriptions, breadcrumb crumbs, icon hints |
+ * | `hoverBg` | `card-foreground/10` | Hover overlay on every interactive row |
+ * | `ring` | `var(--color-ring)` | Focus ring on every interactive row |
+ * | `tooltipBg` | `var(--color-foreground)` | Rail-icon hover tooltip surface |
+ * | `tooltipFg` | `var(--color-background)` | Rail-icon hover tooltip text |
+ *
+ * Example — fully bespoke whitelabel:
+ *
+ * ```tsx
+ * <MainSidebar
+ *   colorScheme={{
+ *     railBg: '#0a2540', railFg: '#ffffff',
+ *     panelBg: '#11304b', panelFg: '#ffffff',
+ *     accentBg: '#ff5a1f', accentFg: '#ffffff',
+ *     mutedFg: 'rgb(255 255 255 / 0.6)',
+ *     hoverBg: 'rgb(255 255 255 / 0.08)',
+ *     border: 'rgb(255 255 255 / 0.16)',
+ *     ring: '#ff5a1f',
+ *     tooltipBg: '#ffffff', tooltipFg: '#0a2540',
+ *   }}
+ * />
+ * ```
+ */
+export interface MainSidebarColorScheme {
+    bg?: string;
+    fg?: string;
+    railBg?: string;
+    railFg?: string;
+    panelBg?: string;
+    panelFg?: string;
+    accentBg?: string;
+    accentFg?: string;
+    border?: string;
+    mutedFg?: string;
+    hoverBg?: string;
+    ring?: string;
+    tooltipBg?: string;
+    tooltipFg?: string;
+}
+export interface MainSidebarSearchConfig {
+    placeholder?: string;
+    /** Custom predicate; defaults to case-insensitive `item.label` match. */
+    matcher?: (item: MainSidebarItem, query: string) => boolean;
+    /** Shown when nothing matches. Default: "No menu items match {query}". */
+    noResultsLabel?: ReactNode;
+}
+export interface MainSidebarProps extends Omit<HTMLAttributes<HTMLElement>, 'onSelect'> {
+    items: MainSidebarItem[];
+    /** Interaction model. Defaults to `drilldown` (backward-compatible). */
+    variant?: MainSidebarVariant;
+    activeKey?: string;
+    expanded?: boolean;
+    defaultExpanded?: boolean;
+    onExpandedChange?: (expanded: boolean) => void;
+    onItemSelect?: (key: string, item: MainSidebarItem) => void;
+    header?: ReactNode;
+    footer?: ReactNode;
+    panelHeader?: ReactNode;
+    panelFooter?: ReactNode;
+    search?: boolean | MainSidebarSearchConfig;
+    searchPlaceholder?: string;
+    onSearchChange?: (query: string) => void;
+    side?: MainSidebarSide;
+    density?: MainSidebarDensity;
+    panelWidth?: number | string;
+    motionPreset?: MainSidebarMotionPreset;
+    showLabelsWhenExpanded?: boolean;
+    collapsible?: MainSidebarCollapsible;
+    collapsed?: boolean;
+    defaultCollapsed?: boolean;
+    onCollapsedChange?: (collapsed: boolean) => void;
+    collapsedWidth?: number | string;
+    expandedWidth?: number | string;
+    showCollapseToggle?: boolean;
+    /** Dismiss the panel when a pointer-down lands outside the rail + panel. Default true (all overlay variants). */
+    closeOnOutsideClick?: boolean;
+    /** Columns: how many columns can be visible at once before horizontal scroll. */
+    columnsMaxVisible?: number;
+    /** Hover: open delay in milliseconds. Default 120. */
+    hoverDelayMs?: number;
+    railClassName?: string;
+    panelClassName?: string;
+    itemClassName?: string;
+    activeItemClassName?: string;
+    /**
+     * Whitelabel colour scheme. Any subset of these tokens overrides the
+     * sidebar's surface, accent, border and tooltip colours per-instance —
+     * the values are emitted as CSS variables on the sidebar root so they
+     * cascade through every nested affordance (rail, expanded surface,
+     * tooltips, badges, breadcrumbs).
+     *
+     *   <MainSidebar
+     *     colorScheme={{
+     *       bg: '#0a2540',
+     *       fg: '#ffffff',
+     *       accentBg: '#ff5a1f',
+     *       accentFg: '#ffffff',
+     *       border: 'rgb(255 255 255 / 0.12)',
+     *     }}
+     *   />
+     *
+     * Any token may be omitted; omitted tokens fall back to the design
+     * system's brand defaults (primary / accent / border).
+     */
+    colorScheme?: MainSidebarColorScheme;
+    collapsedLabel?: string;
+    expandedLabel?: string;
+    backLabel?: string;
+    /** Force the mobile bottom-sheet layout for previews/tests. */
+    mobile?: boolean;
+}
+/** Backward-compat aliases — IconSidebar was the original name. */
+export type IconSidebarItem = MainSidebarItem;
+export type IconSidebarProps = MainSidebarProps;
+//# sourceMappingURL=types.d.ts.map

package/dist/MainSidebar/types.d.ts.map

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

package/dist/MainSidebar/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/MainSidebar/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/MainSidebar/types.ts"],"names":[],"mappings":""}

package/dist/MainSidebar.d.ts

@@ -1,2 +1,7 @@
-export { MainSidebar, IconSidebar, type MainSidebarItem, type MainSidebarProps, type IconSidebarItem, type IconSidebarProps, } from './IconSidebar.js';
+/**
+ * Public barrel for `@mihcm/ui/MainSidebar`. The implementation is split
+ * across `./MainSidebar/*` so each variant stays under the 400-line rule
+ * (CLAUDE.md §6).
+ */
+export { IconSidebar, MainSidebar, type IconSidebarItem, type IconSidebarProps, type MainSidebarDensity, type MainSidebarItem, type MainSidebarMotionPreset, type MainSidebarProps, type MainSidebarSearchConfig, type MainSidebarSide, type MainSidebarVariant, } from './MainSidebar/index.js';
 //# sourceMappingURL=MainSidebar.d.ts.map

package/dist/MainSidebar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MainSidebar.d.ts","sourceRoot":"","sources":["../src/MainSidebar.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,WAAW,EACX,WAAW,EACX,KAAK,eAAe,EACpB,KAAK,gBAAgB,EACrB,KAAK,eAAe,EACpB,KAAK,gBAAgB,GACtB,MAAM,kBAAkB,CAAC"}
+{"version":3,"file":"MainSidebar.d.ts","sourceRoot":"","sources":["../src/MainSidebar.tsx"],"names":[],"mappings":"AAEA;;;;GAIG;AAEH,OAAO,EACL,WAAW,EACX,WAAW,EACX,KAAK,eAAe,EACpB,KAAK,gBAAgB,EACrB,KAAK,kBAAkB,EACvB,KAAK,eAAe,EACpB,KAAK,uBAAuB,EAC5B,KAAK,gBAAgB,EACrB,KAAK,uBAAuB,EAC5B,KAAK,eAAe,EACpB,KAAK,kBAAkB,GACxB,MAAM,wBAAwB,CAAC"}

package/dist/MainSidebar.js

@@ -1,3 +1,8 @@
 'use client';
-export { MainSidebar, IconSidebar, } from './IconSidebar.js';
+/**
+ * Public barrel for `@mihcm/ui/MainSidebar`. The implementation is split
+ * across `./MainSidebar/*` so each variant stays under the 400-line rule
+ * (CLAUDE.md §6).
+ */
+export { IconSidebar, MainSidebar, } from './MainSidebar/index.js';
 //# sourceMappingURL=MainSidebar.js.map

package/dist/MainSidebar.js.map

@@ -1 +1 @@
-{"version":3,"file":"MainSidebar.js","sourceRoot":"","sources":["../src/MainSidebar.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,EACL,WAAW,EACX,WAAW,GAKZ,MAAM,kBAAkB,CAAC"}
+{"version":3,"file":"MainSidebar.js","sourceRoot":"","sources":["../src/MainSidebar.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb;;;;GAIG;AAEH,OAAO,EACL,WAAW,EACX,WAAW,GAUZ,MAAM,wBAAwB,CAAC"}

package/dist/NavigationMenu.js

@@ -44,7 +44,7 @@ const navigationMenuTriggerStyle = cva('group inline-flex h-10 w-max items-cente
     'data-[state=open]:bg-muted/50 data-[active]:bg-muted/50');
 export { navigationMenuTriggerStyle };
 export const NavigationMenuTrigger = forwardRef(function NavigationMenuTrigger({ className, children, ...props }, ref) {
-    return (_jsxs(NavigationMenuPrimitive.Trigger, { ref: ref, className: cn(navigationMenuTriggerStyle(), 'group', className), ...props, children: [children, ' ', _jsx("svg", { viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: 2, className: "relative top-px ml-1 h-3 w-3 transition-transform duration-200 group-data-[state=open]:rotate-180", "aria-hidden": true, children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M4 6l4 4 4-4" }) })] }));
+    return (_jsxs(NavigationMenuPrimitive.Trigger, { ref: ref, className: cn(navigationMenuTriggerStyle(), 'group', className), ...props, children: [children, ' ', _jsx("svg", { viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: 2, className: "relative top-px ml-1 h-3 w-3 transition-transform duration-200 group-data-[state=open]:rotate-180", "aria-hidden": "true", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M4 6l4 4 4-4" }) })] }));
 });
 /* ── Content ──────────────────────────────────────────────────────── */
 export const NavigationMenuContent = forwardRef(function NavigationMenuContent({ className, ...props }, ref) {

package/dist/NavigationMenu.js.map

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

package/dist/RichTextEditor/theme.d.ts

@@ -0,0 +1,44 @@
+/**
+ * Theme + variant config for RichTextEditor.
+ *
+ * `editorTheme` maps Lexical's internal class names to MiHCM Tailwind tokens
+ * so the editor body matches the rest of the design system in light/dark.
+ */
+export type RichTextEditorVariant = 'minimal' | 'default' | 'semi' | 'full';
+export declare const editorTheme: {
+    paragraph: string;
+    heading: {
+        h1: string;
+        h2: string;
+        h3: string;
+    };
+    text: {
+        bold: string;
+        italic: string;
+        underline: string;
+        strikethrough: string;
+        underlineStrikethrough: string;
+        code: string;
+        subscript: string;
+        superscript: string;
+    };
+    list: {
+        ul: string;
+        ol: string;
+        listitem: string;
+        listitemChecked: string;
+        listitemUnchecked: string;
+        nested: {
+            listitem: string;
+        };
+        checklist: string;
+    };
+    link: string;
+    quote: string;
+    code: string;
+    horizontalRule: string;
+    table: string;
+    tableCell: string;
+    tableCellHeader: string;
+};
+//# sourceMappingURL=theme.d.ts.map

package/dist/RichTextEditor/theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/RichTextEditor/theme.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,MAAM,MAAM,qBAAqB,GAAG,SAAS,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,CAAC;AAE5E,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiCvB,CAAC"}

package/dist/RichTextEditor/theme.js

@@ -0,0 +1,41 @@
+/**
+ * Theme + variant config for RichTextEditor.
+ *
+ * `editorTheme` maps Lexical's internal class names to MiHCM Tailwind tokens
+ * so the editor body matches the rest of the design system in light/dark.
+ */
+export const editorTheme = {
+    paragraph: 'mb-2 last:mb-0',
+    heading: {
+        h1: 'text-2xl font-bold mb-3 text-foreground',
+        h2: 'text-xl font-semibold mb-2 text-foreground',
+        h3: 'text-lg font-medium mb-2 text-foreground',
+    },
+    text: {
+        bold: 'font-bold',
+        italic: 'italic',
+        underline: 'underline',
+        strikethrough: 'line-through',
+        underlineStrikethrough: 'underline line-through',
+        code: 'font-mono text-sm bg-muted px-1.5 py-0.5 rounded',
+        subscript: 'align-sub',
+        superscript: 'align-super',
+    },
+    list: {
+        ul: 'list-disc ml-6 mb-2',
+        ol: 'list-decimal ml-6 mb-2',
+        listitem: 'mb-0.5',
+        listitemChecked: 'line-through opacity-60 relative ml-2 list-none outline-none',
+        listitemUnchecked: 'relative ml-2 list-none outline-none',
+        nested: { listitem: 'list-none' },
+        checklist: 'list-none ml-0',
+    },
+    link: 'text-primary underline cursor-pointer hover:text-primary/80',
+    quote: 'border-l-4 border-primary-200 dark:border-primary-800 pl-4 italic text-muted-foreground mb-2',
+    code: 'font-mono text-sm bg-muted p-3 rounded-md mb-2 block overflow-x-auto',
+    horizontalRule: 'my-4 border-t border-border',
+    table: 'border-collapse border border-border w-full mb-2',
+    tableCell: 'border border-border px-2 py-1.5 text-sm min-w-[75px]',
+    tableCellHeader: 'border border-border px-2 py-1.5 text-sm font-semibold bg-muted/50',
+};
+//# sourceMappingURL=theme.js.map

package/dist/RichTextEditor/theme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../src/RichTextEditor/theme.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAIH,MAAM,CAAC,MAAM,WAAW,GAAG;IACzB,SAAS,EAAE,gBAAgB;IAC3B,OAAO,EAAE;QACP,EAAE,EAAE,yCAAyC;QAC7C,EAAE,EAAE,4CAA4C;QAChD,EAAE,EAAE,0CAA0C;KAC/C;IACD,IAAI,EAAE;QACJ,IAAI,EAAE,WAAW;QACjB,MAAM,EAAE,QAAQ;QAChB,SAAS,EAAE,WAAW;QACtB,aAAa,EAAE,cAAc;QAC7B,sBAAsB,EAAE,wBAAwB;QAChD,IAAI,EAAE,kDAAkD;QACxD,SAAS,EAAE,WAAW;QACtB,WAAW,EAAE,aAAa;KAC3B;IACD,IAAI,EAAE;QACJ,EAAE,EAAE,qBAAqB;QACzB,EAAE,EAAE,wBAAwB;QAC5B,QAAQ,EAAE,QAAQ;QAClB,eAAe,EAAE,8DAA8D;QAC/E,iBAAiB,EAAE,sCAAsC;QACzD,MAAM,EAAE,EAAE,QAAQ,EAAE,WAAW,EAAE;QACjC,SAAS,EAAE,gBAAgB;KAC5B;IACD,IAAI,EAAE,6DAA6D;IACnE,KAAK,EAAE,8FAA8F;IACrG,IAAI,EAAE,sEAAsE;IAC5E,cAAc,EAAE,6BAA6B;IAC7C,KAAK,EAAE,kDAAkD;IACzD,SAAS,EAAE,uDAAuD;IAClE,eAAe,EAAE,oEAAoE;CACtF,CAAC"}

package/dist/RichTextEditor/toolbar-icons.d.ts

@@ -0,0 +1,21 @@
+/**
+ * Tiny presentational primitives for the RichTextEditor toolbar — kept local
+ * so the editor doesn't pull in a full icon set for ~30 glyphs.
+ */
+import { type ReactNode } from 'react';
+export declare function TbIcon({ d, className }: {
+    d: string;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function TbMultiIcon({ paths, className }: {
+    paths: string[];
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function TbBtn({ active, onClick, title, children }: {
+    active?: boolean;
+    onClick: () => void;
+    title: string;
+    children: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function TbSep(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=toolbar-icons.d.ts.map

package/dist/RichTextEditor/toolbar-icons.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toolbar-icons.d.ts","sourceRoot":"","sources":["../../src/RichTextEditor/toolbar-icons.tsx"],"names":[],"mappings":"AAEA;;;GAGG;AACH,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,wBAAgB,MAAM,CAAC,EAAE,CAAC,EAAE,SAAS,EAAE,EAAE;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,2CAMzE;AAED,wBAAgB,WAAW,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE;IAAE,KAAK,EAAE,MAAM,EAAE,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,2CAMxF;AAED,wBAAgB,KAAK,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE;IAAE,MAAM,CAAC,EAAE,OAAO,CAAC;IAAC,OAAO,EAAE,MAAM,IAAI,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAE,2CAUxI;AAED,wBAAgB,KAAK,4CAEpB"}

package/dist/RichTextEditor/toolbar-icons.js

@@ -0,0 +1,21 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Tiny presentational primitives for the RichTextEditor toolbar — kept local
+ * so the editor doesn't pull in a full icon set for ~30 glyphs.
+ */
+import {} from 'react';
+import { cn } from '../internal/cn.js';
+export function TbIcon({ d, className }) {
+    return (_jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: cn('size-3.5', className), children: _jsx("path", { d: d }) }));
+}
+export function TbMultiIcon({ paths, className }) {
+    return (_jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: cn('size-3.5', className), children: paths.map((d, i) => _jsx("path", { d: d }, i)) }));
+}
+export function TbBtn({ active, onClick, title, children }) {
+    return (_jsx("button", { type: "button", onClick: onClick, title: title, "aria-label": title, "aria-pressed": active, className: cn('flex items-center justify-center size-7 rounded transition-colors duration-150 cursor-pointer', 'hover:bg-muted focus:outline-none focus-visible:ring-2 focus-visible:ring-ring', active && 'border border-primary bg-primary text-primary-foreground shadow-mi-card'), children: children }));
+}
+export function TbSep() {
+    return _jsx("span", { className: "w-px h-4 bg-border mx-0.5", "aria-hidden": "true" });
+}
+//# sourceMappingURL=toolbar-icons.js.map

package/dist/RichTextEditor/toolbar-icons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toolbar-icons.js","sourceRoot":"","sources":["../../src/RichTextEditor/toolbar-icons.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb;;;GAGG;AACH,OAAO,EAAkB,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAC;AAEvC,MAAM,UAAU,MAAM,CAAC,EAAE,CAAC,EAAE,SAAS,EAAqC;IACxE,OAAO,CACL,cAAK,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,cAAc,EAAC,WAAW,EAAC,GAAG,EAAC,aAAa,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,EAAC,SAAS,EAAE,EAAE,CAAC,UAAU,EAAE,SAAS,CAAC,YAC1J,eAAM,CAAC,EAAE,CAAC,GAAI,GACV,CACP,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,WAAW,CAAC,EAAE,KAAK,EAAE,SAAS,EAA2C;IACvF,OAAO,CACL,cAAK,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,cAAc,EAAC,WAAW,EAAC,GAAG,EAAC,aAAa,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,EAAC,SAAS,EAAE,EAAE,CAAC,UAAU,EAAE,SAAS,CAAC,YACzJ,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,eAAc,CAAC,EAAE,CAAC,IAAP,CAAC,CAAU,CAAC,GACxC,CACP,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,KAAK,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAiF;IACvI,OAAO,CACL,iBAAQ,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,gBAAc,KAAK,kBAAgB,MAAM,EAAE,SAAS,EAAE,EAAE,CAC1G,+FAA+F,EAC/F,gFAAgF,EAChF,MAAM,IAAI,yEAAyE,CACpF,YACE,QAAQ,GACF,CACV,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,KAAK;IACnB,OAAO,eAAM,SAAS,EAAC,2BAA2B,iBAAa,MAAM,GAAG,CAAC;AAC3E,CAAC"}

package/dist/RichTextEditor/toolbar.d.ts

@@ -0,0 +1,5 @@
+import type { RichTextEditorVariant } from './theme.js';
+export declare function ToolbarPlugin({ variant }: {
+    variant: RichTextEditorVariant;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=toolbar.d.ts.map

package/dist/RichTextEditor/toolbar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toolbar.d.ts","sourceRoot":"","sources":["../../src/RichTextEditor/toolbar.tsx"],"names":[],"mappings":"AA4BA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,YAAY,CAAC;AAExD,wBAAgB,aAAa,CAAC,EAAE,OAAO,EAAE,EAAE;IAAE,OAAO,EAAE,qBAAqB,CAAA;CAAE,2CAgP5E"}