@mihcm/ui 0.14.1

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

@@ -0,0 +1 @@
+{"version":3,"file":"StatusBadge.native.d.ts","sourceRoot":"","sources":["../src/StatusBadge.native.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,OAAO,EAAc,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAQ,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAC1D,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAGlE,eAAO,MAAM,mBAAmB;;8EAc/B,CAAC;AAUF,MAAM,WAAW,gBACf,SAAQ,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC,EAC9B,YAAY,CAAC,OAAO,mBAAmB,CAAC;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,eAAO,MAAM,WAAW,mGAWtB,CAAC"}

package/dist/StatusBadge.native.js

@@ -0,0 +1,37 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * StatusBadge (React Native variant).
+ *
+ * Same prop API as the web variant — small chip with optional leading
+ * icon. Renders View + Text instead of span + text.
+ *
+ * Wiki: docs/components/StatusBadge.md
+ */
+import { forwardRef } from 'react';
+import { Text, View } from 'react-native';
+import { cva } from 'class-variance-authority';
+import { cn } from './internal/cn.js';
+export const statusBadgeVariants = cva('flex-row items-center gap-1 rounded px-1.5 py-0.5', {
+    variants: {
+        tone: {
+            success: 'bg-green-100',
+            warning: 'bg-yellow-100',
+            danger: 'bg-red-100',
+            info: 'bg-primary-50 dark:bg-primary-950',
+            neutral: 'bg-muted',
+        },
+    },
+    defaultVariants: { tone: 'neutral' },
+});
+const TEXT_TONE = {
+    success: 'text-success',
+    warning: 'text-warning',
+    danger: 'text-destructive',
+    info: 'text-primary dark:text-primary-300',
+    neutral: 'text-muted-foreground',
+};
+export const StatusBadge = forwardRef(function StatusBadge({ className, tone = 'neutral', icon, children, ...props }, ref) {
+    const t = tone ?? 'neutral';
+    return (_jsxs(View, { ref: ref, className: cn(statusBadgeVariants({ tone: t }), className), ...props, children: [icon ? _jsx(View, { className: "h-3 w-3 shrink-0 items-center justify-center", children: icon }) : null, _jsx(Text, { className: cn('text-caption font-medium leading-none', TEXT_TONE[t]), children: children })] }));
+});
+//# sourceMappingURL=StatusBadge.native.js.map

package/dist/StatusBadge.native.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatusBadge.native.js","sourceRoot":"","sources":["../src/StatusBadge.native.tsx"],"names":[],"mappings":";AAAA;;;;;;;GAOG;AACH,OAAO,EAAE,UAAU,EAAkB,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,IAAI,EAAE,IAAI,EAAkB,MAAM,cAAc,CAAC;AAC1D,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,EAAE,EAAE,MAAM,kBAAkB,CAAC;AAEtC,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAG,CACpC,mDAAmD,EACnD;IACE,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,OAAO,EAAE,cAAc;YACvB,OAAO,EAAE,eAAe;YACxB,MAAM,EAAE,YAAY;YACpB,IAAI,EAAE,mCAAmC;YACzC,OAAO,EAAE,UAAU;SACpB;KACF;IACD,eAAe,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE;CACrC,CACF,CAAC;AAEF,MAAM,SAAS,GAAkF;IAC/F,OAAO,EAAE,cAAc;IACvB,OAAO,EAAE,cAAc;IACvB,MAAM,EAAE,kBAAkB;IAC1B,IAAI,EAAE,oCAAoC;IAC1C,OAAO,EAAE,uBAAuB;CACjC,CAAC;AAUF,MAAM,CAAC,MAAM,WAAW,GAAG,UAAU,CAAyB,SAAS,WAAW,CAChF,EAAE,SAAS,EAAE,IAAI,GAAG,SAAS,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EACzD,GAAG;IAEH,MAAM,CAAC,GAAG,IAAI,IAAI,SAAS,CAAC;IAC5B,OAAO,CACL,MAAC,IAAI,IAAC,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,mBAAmB,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC,EAAE,SAAS,CAAC,KAAM,KAAK,aAClF,IAAI,CAAC,CAAC,CAAC,KAAC,IAAI,IAAC,SAAS,EAAC,8CAA8C,YAAE,IAAI,GAAQ,CAAC,CAAC,CAAC,IAAI,EAC3F,KAAC,IAAI,IAAC,SAAS,EAAE,EAAE,CAAC,uCAAuC,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC,YAAG,QAAQ,GAAQ,IACxF,CACR,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/Switch.d.ts

@@ -0,0 +1,31 @@
+/**
+ * Switch (web variant — React DOM).
+ *
+ * Binary on/off toggle. Renders a `<button role="switch">` with
+ * `aria-checked` driven by `checked`. Controlled-only by design —
+ * pass `checked` and `onCheckedChange` from your form state. For
+ * uncontrolled use, wrap with `useState`.
+ *
+ * Pair with `Label` and link them with `id` / `htmlFor` so the label
+ * acts as a click target.
+ *
+ * Wiki: docs/components/Switch.md
+ */
+import { type ButtonHTMLAttributes } from 'react';
+import { type VariantProps } from 'class-variance-authority';
+export declare const switchVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+/** Tone in the "on" state. `accent` (MiHCM orange) is the production default;
+ *  `primary` (MiHCM navy) is available for consumers who want the toggle to
+ *  read as a primary action rather than an emphasis affordance. */
+type SwitchTone = 'accent' | 'primary';
+export interface SwitchProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'onChange' | 'children'>, VariantProps<typeof switchVariants> {
+    checked: boolean;
+    onCheckedChange: (checked: boolean) => void;
+    /** Defaults to `accent`. */
+    tone?: SwitchTone;
+}
+export declare const Switch: import("react").ForwardRefExoticComponent<SwitchProps & import("react").RefAttributes<HTMLButtonElement>>;
+export {};
+//# sourceMappingURL=Switch.d.ts.map

package/dist/Switch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../src/Switch.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;GAYG;AACH,OAAO,EAAc,KAAK,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAC9D,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAGlE,eAAO,MAAM,cAAc;;8EAgB1B,CAAC;AAQF;;mEAEmE;AACnE,KAAK,UAAU,GAAG,QAAQ,GAAG,SAAS,CAAC;AAOvC,MAAM,WAAW,WACf,SAAQ,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,UAAU,GAAG,UAAU,CAAC,EAC5E,YAAY,CAAC,OAAO,cAAc,CAAC;IACrC,OAAO,EAAE,OAAO,CAAC;IACjB,eAAe,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC5C,4BAA4B;IAC5B,IAAI,CAAC,EAAE,UAAU,CAAC;CACnB;AAED,eAAO,MAAM,MAAM,2GA+BjB,CAAC"}

package/dist/Switch.js

@@ -0,0 +1,46 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Switch (web variant — React DOM).
+ *
+ * Binary on/off toggle. Renders a `<button role="switch">` with
+ * `aria-checked` driven by `checked`. Controlled-only by design —
+ * pass `checked` and `onCheckedChange` from your form state. For
+ * uncontrolled use, wrap with `useState`.
+ *
+ * Pair with `Label` and link them with `id` / `htmlFor` so the label
+ * acts as a click target.
+ *
+ * Wiki: docs/components/Switch.md
+ */
+import { forwardRef } from 'react';
+import { cva } from 'class-variance-authority';
+import { cn } from './internal/cn.js';
+export const switchVariants = cva('inline-flex shrink-0 cursor-pointer items-center rounded-full ' +
+    'border-2 border-transparent ' +
+    'transition-colors duration-150 ' +
+    'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 ' +
+    'disabled:cursor-not-allowed disabled:opacity-50', {
+    variants: {
+        size: {
+            sm: 'h-5 w-9',
+            md: 'h-6 w-11',
+            lg: 'h-7 w-13',
+        },
+    },
+    defaultVariants: { size: 'sm' },
+});
+const THUMB_SIZE = {
+    sm: 'h-4 w-4',
+    md: 'h-5 w-5',
+    lg: 'h-6 w-6',
+};
+const TONE_ON = {
+    accent: 'bg-accent',
+    primary: 'bg-primary',
+};
+export const Switch = forwardRef(function Switch({ className, size = 'md', tone = 'accent', checked, onCheckedChange, disabled, ...props }, ref) {
+    const sz = size ?? 'md';
+    return (_jsx("button", { ref: ref, type: "button", role: "switch", "aria-checked": checked, disabled: disabled, onClick: () => onCheckedChange(!checked), className: cn(switchVariants({ size: sz }), checked ? TONE_ON[tone] : 'bg-brand-neutral-179', className), ...props, children: _jsx("span", { "aria-hidden": true, className: cn('pointer-events-none block rounded-full bg-primary-foreground shadow-switch-thumb', 'transition-transform duration-150', THUMB_SIZE[sz], checked ? 'translate-x-full' : 'translate-x-0') }) }));
+});
+//# sourceMappingURL=Switch.js.map

package/dist/Switch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.js","sourceRoot":"","sources":["../src/Switch.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb;;;;;;;;;;;;GAYG;AACH,OAAO,EAAE,UAAU,EAA6B,MAAM,OAAO,CAAC;AAC9D,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,EAAE,EAAE,MAAM,kBAAkB,CAAC;AAEtC,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,CAC/B,gEAAgE;IAC9D,8BAA8B;IAC9B,iCAAiC;IACjC,sGAAsG;IACtG,iDAAiD,EACnD;IACE,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,EAAE,EAAE,SAAS;YACb,EAAE,EAAE,UAAU;YACd,EAAE,EAAE,UAAU;SACf;KACF;IACD,eAAe,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE;CAChC,CACF,CAAC;AAEF,MAAM,UAAU,GAAG;IACjB,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,SAAS;CACL,CAAC;AAOX,MAAM,OAAO,GAA+B;IAC1C,MAAM,EAAE,WAAW;IACnB,OAAO,EAAE,YAAY;CACtB,CAAC;AAWF,MAAM,CAAC,MAAM,MAAM,GAAG,UAAU,CAAiC,SAAS,MAAM,CAC9E,EAAE,SAAS,EAAE,IAAI,GAAG,IAAI,EAAE,IAAI,GAAG,QAAQ,EAAE,OAAO,EAAE,eAAe,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EACzF,GAAG;IAEH,MAAM,EAAE,GAAG,IAAI,IAAI,IAAI,CAAC;IACxB,OAAO,CACL,iBACE,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,QAAQ,kBACC,OAAO,EACrB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,CAAC,OAAO,CAAC,EACxC,SAAS,EAAE,EAAE,CACX,cAAc,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,EAC5B,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,sBAAsB,EAChD,SAAS,CACV,KACG,KAAK,YAET,oCAEE,SAAS,EAAE,EAAE,CACX,kFAAkF,EAClF,mCAAmC,EACnC,UAAU,CAAC,EAAE,CAAC,EACd,OAAO,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,eAAe,CAC/C,GACD,GACK,CACV,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/Switch.native.d.ts

@@ -0,0 +1,16 @@
+import { View, type PressableProps } from 'react-native';
+import { type VariantProps } from 'class-variance-authority';
+export declare const switchVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+type SwitchTone = 'accent' | 'primary';
+export interface SwitchProps extends Omit<PressableProps, 'onPress' | 'children' | 'style'>, VariantProps<typeof switchVariants> {
+    checked: boolean;
+    onCheckedChange: (checked: boolean) => void;
+    /** Defaults to `accent`. Matches the production prototype's orange toggle. */
+    tone?: SwitchTone;
+    className?: string;
+}
+export declare const Switch: import("react").ForwardRefExoticComponent<SwitchProps & import("react").RefAttributes<View>>;
+export {};
+//# sourceMappingURL=Switch.native.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.native.d.ts","sourceRoot":"","sources":["../src/Switch.native.tsx"],"names":[],"mappings":"AAYA,OAAO,EAAa,IAAI,EAAE,KAAK,cAAc,EAAE,MAAM,cAAc,CAAC;AACpE,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAGlE,eAAO,MAAM,cAAc;;8EASzB,CAAC;AAQH,KAAK,UAAU,GAAG,QAAQ,GAAG,SAAS,CAAC;AAMvC,MAAM,WAAW,WACf,SAAQ,IAAI,CAAC,cAAc,EAAE,SAAS,GAAG,UAAU,GAAG,OAAO,CAAC,EAC5D,YAAY,CAAC,OAAO,cAAc,CAAC;IACrC,OAAO,EAAE,OAAO,CAAC;IACjB,eAAe,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC5C,8EAA8E;IAC9E,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,MAAM,8FA4BjB,CAAC"}

package/dist/Switch.native.js

@@ -0,0 +1,41 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Switch (React Native variant).
+ *
+ * Binary on/off toggle. Renders a Pressable with the track + a
+ * positioned thumb. `accessibilityRole="switch"` +
+ * `accessibilityState.checked` so screen readers announce state.
+ *
+ * Same controlled-only prop API as the web variant.
+ *
+ * Wiki: docs/components/Switch.md
+ */
+import { forwardRef } from 'react';
+import { Pressable, View } from 'react-native';
+import { cva } from 'class-variance-authority';
+import { cn } from './internal/cn.js';
+export const switchVariants = cva('rounded-full', {
+    variants: {
+        size: {
+            sm: 'h-5 w-9',
+            md: 'h-6 w-11',
+            lg: 'h-7 w-12',
+        },
+    },
+    defaultVariants: { size: 'md' },
+});
+const THUMB_SIZE = {
+    sm: { cls: 'h-4 w-4', offset: 16 },
+    md: { cls: 'h-5 w-5', offset: 20 },
+    lg: { cls: 'h-6 w-6', offset: 20 },
+};
+const TONE_ON = {
+    accent: 'bg-accent',
+    primary: 'bg-primary',
+};
+export const Switch = forwardRef(function Switch({ className, size = 'md', tone = 'accent', checked, onCheckedChange, disabled, ...props }, ref) {
+    const sz = size ?? 'md';
+    const thumb = THUMB_SIZE[sz];
+    return (_jsx(Pressable, { ref: ref, accessibilityRole: "switch", accessibilityState: { checked, disabled: !!disabled }, disabled: disabled, onPress: () => onCheckedChange(!checked), className: cn(switchVariants({ size: sz }), 'justify-center px-0.5', checked ? TONE_ON[tone] : 'bg-input', disabled && 'opacity-50', className), ...props, children: _jsx(View, { className: cn('rounded-full bg-background', thumb.cls), style: { transform: [{ translateX: checked ? thumb.offset : 0 }] } }) }));
+});
+//# sourceMappingURL=Switch.native.js.map

package/dist/Switch.native.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.native.js","sourceRoot":"","sources":["../src/Switch.native.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;GAUG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,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,cAAc,GAAG,GAAG,CAAC,cAAc,EAAE;IAChD,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,EAAE,EAAE,SAAS;YACb,EAAE,EAAE,UAAU;YACd,EAAE,EAAE,UAAU;SACf;KACF;IACD,eAAe,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE;CAChC,CAAC,CAAC;AAEH,MAAM,UAAU,GAAgE;IAC9E,EAAE,EAAE,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,EAAE,EAAE,EAAE;IAClC,EAAE,EAAE,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,EAAE,EAAE,EAAE;IAClC,EAAE,EAAE,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,EAAE,EAAE,EAAE;CACnC,CAAC;AAGF,MAAM,OAAO,GAA+B;IAC1C,MAAM,EAAE,WAAW;IACnB,OAAO,EAAE,YAAY;CACtB,CAAC;AAYF,MAAM,CAAC,MAAM,MAAM,GAAG,UAAU,CAAoB,SAAS,MAAM,CACjE,EAAE,SAAS,EAAE,IAAI,GAAG,IAAI,EAAE,IAAI,GAAG,QAAQ,EAAE,OAAO,EAAE,eAAe,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EACzF,GAAG;IAEH,MAAM,EAAE,GAAG,IAAI,IAAI,IAAI,CAAC;IACxB,MAAM,KAAK,GAAG,UAAU,CAAC,EAAE,CAAC,CAAC;IAC7B,OAAO,CACL,KAAC,SAAS,IACR,GAAG,EAAE,GAAY,EACjB,iBAAiB,EAAC,QAAQ,EAC1B,kBAAkB,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAC,CAAC,QAAQ,EAAE,EACrD,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,CAAC,OAAO,CAAC,EACxC,SAAS,EAAE,EAAE,CACX,cAAc,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,EAC5B,uBAAuB,EACvB,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,UAAU,EACpC,QAAQ,IAAI,YAAY,EACxB,SAAS,CACV,KACG,KAAK,YAET,KAAC,IAAI,IACH,SAAS,EAAE,EAAE,CAAC,4BAA4B,EAAE,KAAK,CAAC,GAAG,CAAC,EACtD,KAAK,EAAE,EAAE,SAAS,EAAE,CAAC,EAAE,UAAU,EAAE,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,GAClE,GACQ,CACb,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/TabNavigation.d.ts

@@ -0,0 +1,49 @@
+/**
+ * TabNavigation (web variant).
+ *
+ * Route and action navigation for section-level surfaces. Use Tabs for
+ * in-page tabpanel state; use TabNavigation for links or async actions.
+ *
+ * Wiki: docs/components/TabNavigation.md
+ */
+import { type HTMLAttributeAnchorTarget, type HTMLAttributes, type MouseEvent, type ReactNode } from 'react';
+type MaybePromise<T> = T | Promise<T>;
+export interface TabNavigationItem {
+    value?: string;
+    href?: string;
+    label: ReactNode;
+    description?: ReactNode;
+    icon?: ReactNode;
+    active?: boolean;
+    disabled?: boolean;
+    loading?: boolean;
+    badge?: ReactNode;
+    external?: boolean;
+    target?: HTMLAttributeAnchorTarget;
+    rel?: string;
+}
+export interface TabNavigationProps extends Omit<HTMLAttributes<HTMLElement>, 'children'> {
+    items?: TabNavigationItem[];
+    loadItems?: () => Promise<TabNavigationItem[]>;
+    activeValue?: string;
+    defaultActiveValue?: string;
+    onActiveValueChange?: (value: string, item: TabNavigationItem) => MaybePromise<void>;
+    onItemSelect?: (item: TabNavigationItem, event: MouseEvent<HTMLAnchorElement | HTMLButtonElement>) => MaybePromise<void>;
+    ariaLabel?: string;
+    variant?: 'underline' | 'pills' | 'contained';
+    size?: 'sm' | 'md' | 'lg';
+    wrap?: boolean;
+    fullWidth?: boolean;
+    loading?: boolean;
+    loadingLabel?: string;
+    errorMessage?: ReactNode;
+    renderLoading?: () => ReactNode;
+    renderError?: (error: unknown) => ReactNode;
+    listClassName?: string;
+    itemClassName?: string;
+    activeIndicator?: boolean;
+    disabled?: boolean;
+}
+export declare const TabNavigation: import("react").ForwardRefExoticComponent<TabNavigationProps & import("react").RefAttributes<HTMLElement>>;
+export {};
+//# sourceMappingURL=TabNavigation.d.ts.map

package/dist/TabNavigation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabNavigation.d.ts","sourceRoot":"","sources":["../src/TabNavigation.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AACH,OAAO,EAKL,KAAK,yBAAyB,EAC9B,KAAK,cAAc,EACnB,KAAK,UAAU,EACf,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAGf,KAAK,YAAY,CAAC,CAAC,IAAI,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;AAEtC,MAAM,WAAW,iBAAiB;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,SAAS,CAAC;IACjB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,yBAAyB,CAAC;IACnC,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,UAAU,CAAC;IACvF,KAAK,CAAC,EAAE,iBAAiB,EAAE,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,OAAO,CAAC,iBAAiB,EAAE,CAAC,CAAC;IAC/C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,mBAAmB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,iBAAiB,KAAK,YAAY,CAAC,IAAI,CAAC,CAAC;IACrF,YAAY,CAAC,EAAE,CACb,IAAI,EAAE,iBAAiB,EACvB,KAAK,EAAE,UAAU,CAAC,iBAAiB,GAAG,iBAAiB,CAAC,KACrD,YAAY,CAAC,IAAI,CAAC,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,WAAW,GAAG,OAAO,GAAG,WAAW,CAAC;IAC9C,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,SAAS,CAAC;IAChC,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,SAAS,CAAC;IAC5C,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAiBD,eAAO,MAAM,aAAa,4GAwPxB,CAAC"}

package/dist/TabNavigation.js

@@ -0,0 +1,121 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/**
+ * TabNavigation (web variant).
+ *
+ * Route and action navigation for section-level surfaces. Use Tabs for
+ * in-page tabpanel state; use TabNavigation for links or async actions.
+ *
+ * Wiki: docs/components/TabNavigation.md
+ */
+import { forwardRef, useEffect, useMemo, useState, } from 'react';
+import { cn } from './internal/cn.js';
+const SIZE_CLASS = {
+    sm: 'min-h-9 px-3 py-2 text-sm',
+    md: 'min-h-10 px-4 py-2 text-sm',
+    lg: 'min-h-11 px-5 py-2.5 text-base',
+};
+const getItemValue = (item, index) => item.value ?? item.href ?? `tab-navigation-item-${index}`;
+const LOADING_PLACEHOLDERS = ['first', 'second', 'third'];
+function isPromiseLike(value) {
+    return typeof value?.then === 'function';
+}
+export const TabNavigation = forwardRef(function TabNavigation({ items = [], loadItems, activeValue, defaultActiveValue, onActiveValueChange, onItemSelect, ariaLabel = 'Section navigation', variant = 'underline', size = 'md', wrap = false, fullWidth = false, loading = false, loadingLabel = 'Loading navigation', errorMessage, renderLoading, renderError, listClassName, itemClassName, activeIndicator = true, disabled = false, className, ...props }, ref) {
+    const [asyncItems, setAsyncItems] = useState(null);
+    const [asyncLoading, setAsyncLoading] = useState(false);
+    const [asyncError, setAsyncError] = useState(null);
+    const [internalActiveValue, setInternalActiveValue] = useState(defaultActiveValue);
+    const [pendingValue, setPendingValue] = useState(null);
+    useEffect(() => {
+        if (!loadItems) {
+            return;
+        }
+        let mounted = true;
+        setAsyncLoading(true);
+        setAsyncError(null);
+        loadItems()
+            .then((loadedItems) => {
+            if (mounted) {
+                setAsyncItems(loadedItems);
+            }
+        })
+            .catch((error) => {
+            if (mounted) {
+                setAsyncError(error);
+            }
+        })
+            .finally(() => {
+            if (mounted) {
+                setAsyncLoading(false);
+            }
+        });
+        return () => {
+            mounted = false;
+        };
+    }, [loadItems]);
+    const resolvedItems = asyncItems ?? items;
+    const explicitActiveValue = useMemo(() => {
+        const activeItemIndex = resolvedItems.findIndex((item) => item.active);
+        const activeItem = resolvedItems[activeItemIndex];
+        return activeItem ? getItemValue(activeItem, activeItemIndex) : undefined;
+    }, [resolvedItems]);
+    const resolvedActiveValue = activeValue ?? internalActiveValue ?? explicitActiveValue;
+    const isBusy = loading || asyncLoading || pendingValue !== null;
+    const loadingContent = renderLoading?.() ?? (_jsx("div", { className: "flex min-w-64 items-center gap-2 p-1", "aria-label": loadingLabel, children: LOADING_PLACEHOLDERS.map((placeholder) => (_jsx("span", { className: cn('inline-flex h-10 w-28 animate-pulse rounded-lg bg-muted', variant === 'underline' && 'rounded-none border-b-2 border-transparent') }, placeholder))) }));
+    const errorContent = asyncError || errorMessage
+        ? (renderError?.(asyncError ?? errorMessage) ?? (_jsx("p", { className: "rounded-lg border border-danger/30 bg-danger/10 px-3 py-2 text-sm text-danger", children: errorMessage ?? 'Navigation items could not be loaded.' })))
+        : null;
+    const handleSelect = (item, value, event) => {
+        if (disabled || item.disabled || item.loading) {
+            event.preventDefault();
+            return;
+        }
+        const shouldHandleAction = Boolean(onItemSelect || onActiveValueChange || !item.href);
+        if (shouldHandleAction) {
+            event.preventDefault();
+        }
+        const runHandlers = async () => {
+            setPendingValue(value);
+            try {
+                const itemSelectResult = onItemSelect?.(item, event);
+                if (itemSelectResult && isPromiseLike(itemSelectResult)) {
+                    await itemSelectResult;
+                }
+                const activeChangeResult = onActiveValueChange?.(value, item);
+                if (activeChangeResult && isPromiseLike(activeChangeResult)) {
+                    await activeChangeResult;
+                }
+                if (activeValue === undefined) {
+                    setInternalActiveValue(value);
+                }
+            }
+            catch (error) {
+                setAsyncError(error);
+            }
+            finally {
+                setPendingValue(null);
+            }
+        };
+        void runHandlers();
+    };
+    return (_jsx("nav", { ref: ref, "aria-label": ariaLabel, "aria-busy": isBusy || undefined, className: cn('overflow-x-auto', className), ...props, children: _jsxs("div", { role: "list", className: cn('flex items-stretch gap-1', wrap ? 'min-w-0 flex-wrap' : 'min-w-max', variant === 'contained' && 'rounded-xl border border-border bg-muted p-1', variant === 'underline' && 'border-b border-border', listClassName), children: [(asyncLoading || loading) && resolvedItems.length === 0 ? (_jsx("span", { role: "listitem", children: loadingContent })) : null, errorContent ? (_jsx("span", { role: "listitem", className: "p-1", children: errorContent })) : null, resolvedItems.map((item, index) => {
+                    const value = getItemValue(item, index);
+                    const active = resolvedActiveValue === value || item.active;
+                    const itemPending = pendingValue === value || item.loading;
+                    const itemDisabled = disabled || item.disabled || itemPending;
+                    const activeClass = variant === 'underline'
+                        ? 'border-primary text-primary'
+                        : variant === 'pills'
+                            ? 'bg-primary text-primary-foreground shadow-mi-card'
+                            : 'bg-card text-foreground shadow-mi-card';
+                    const inactiveClass = variant === 'underline'
+                        ? 'border-transparent text-muted-foreground hover:text-foreground'
+                        : 'text-muted-foreground hover:bg-card hover:text-foreground';
+                    const itemContent = (_jsxs(_Fragment, { children: [item.icon ? _jsx("span", { "aria-hidden": true, children: item.icon }) : null, _jsxs("span", { className: cn('min-w-0', item.description && 'flex flex-col items-start gap-0.5'), children: [_jsx("span", { children: item.label }), item.description ? (_jsx("span", { className: cn('text-xs font-normal', active ? 'opacity-80' : 'text-muted-foreground'), children: item.description })) : null] }), item.badge ? _jsx("span", { className: "text-xs", children: item.badge }) : null, itemPending ? _jsx("span", { className: "sr-only", children: loadingLabel }) : null] }));
+                    const sharedClassName = cn('inline-flex shrink-0 items-center justify-center gap-2 whitespace-nowrap font-medium transition-all duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring', SIZE_CLASS[size], fullWidth && 'w-full flex-1', variant === 'underline' ? 'border-b-2' : 'rounded-lg', active && activeIndicator ? activeClass : inactiveClass, itemDisabled && 'pointer-events-none opacity-50', itemPending && 'cursor-wait opacity-70', itemClassName);
+                    return (_jsx("span", { role: "listitem", className: cn(fullWidth && 'flex flex-1'), children: item.href ? (_jsx("a", { ...(!itemDisabled ? { href: item.href } : {}), ...(item.target ? { target: item.target } : {}), ...(item.rel || item.target === '_blank' || item.external
+                                ? { rel: item.rel ?? 'noreferrer' }
+                                : {}), "aria-current": active ? 'page' : undefined, "aria-disabled": itemDisabled || undefined, className: sharedClassName, onClick: (event) => handleSelect(item, value, event), children: itemContent })) : (_jsx("button", { type: "button", "aria-pressed": active, "aria-disabled": itemDisabled || undefined, disabled: itemDisabled, className: sharedClassName, onClick: (event) => handleSelect(item, value, event), children: itemContent })) }, value));
+                })] }) }));
+});
+//# sourceMappingURL=TabNavigation.js.map

package/dist/TabNavigation.js.map

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

package/dist/Table.d.ts

@@ -0,0 +1,54 @@
+/**
+ * Table (web variant — React DOM).
+ *
+ * Semantic data table with styled wrappers around native HTML table
+ * elements. Sub-components: Table, TableHeader, TableBody, TableFooter,
+ * TableRow, TableHead, TableCell, TableCaption.
+ *
+ * Five visual variants controlled via `variant` on the root `<Table>`:
+ *
+ *   - `default`  — subtle row separators, no outer border. Clean & modern.
+ *   - `bordered` — full grid with outer border and cell dividers.
+ *   - `striped`  — alternating row backgrounds, no row borders.
+ *   - `minimal`  — header underline only, no row borders.
+ *   - `card`     — outer border + rounded corners, subtle row separators.
+ *
+ * The variant context flows to child components via React context so
+ * each sub-component adapts its borders/backgrounds automatically.
+ *
+ * Wiki: docs/components/Table.md
+ */
+import { type HTMLAttributes, type TdHTMLAttributes, type ThHTMLAttributes } from 'react';
+export type TableVariant = 'default' | 'bordered' | 'striped' | 'minimal' | 'card';
+export type TableHeaderTone = 'default' | 'muted' | 'primary' | 'accent' | 'success' | 'warning' | 'danger';
+export interface TableProps extends HTMLAttributes<HTMLTableElement> {
+    /** Visual variant. @default 'default' */
+    variant?: TableVariant;
+    /** Semantic header color. Consumers may still override with TableHead className. */
+    headerTone?: TableHeaderTone;
+    /** ClassName for the responsive scroll wrapper. */
+    wrapperClassName?: string;
+}
+export declare const Table: import("react").ForwardRefExoticComponent<TableProps & import("react").RefAttributes<HTMLTableElement>>;
+export interface TableHeaderProps extends HTMLAttributes<HTMLTableSectionElement> {
+}
+export declare const TableHeader: import("react").ForwardRefExoticComponent<TableHeaderProps & import("react").RefAttributes<HTMLTableSectionElement>>;
+export interface TableBodyProps extends HTMLAttributes<HTMLTableSectionElement> {
+}
+export declare const TableBody: import("react").ForwardRefExoticComponent<TableBodyProps & import("react").RefAttributes<HTMLTableSectionElement>>;
+export interface TableFooterProps extends HTMLAttributes<HTMLTableSectionElement> {
+}
+export declare const TableFooter: import("react").ForwardRefExoticComponent<TableFooterProps & import("react").RefAttributes<HTMLTableSectionElement>>;
+export interface TableRowProps extends HTMLAttributes<HTMLTableRowElement> {
+}
+export declare const TableRow: import("react").ForwardRefExoticComponent<TableRowProps & import("react").RefAttributes<HTMLTableRowElement>>;
+export interface TableHeadProps extends ThHTMLAttributes<HTMLTableCellElement> {
+}
+export declare const TableHead: import("react").ForwardRefExoticComponent<TableHeadProps & import("react").RefAttributes<HTMLTableCellElement>>;
+export interface TableCellProps extends TdHTMLAttributes<HTMLTableCellElement> {
+}
+export declare const TableCell: import("react").ForwardRefExoticComponent<TableCellProps & import("react").RefAttributes<HTMLTableCellElement>>;
+export interface TableCaptionProps extends HTMLAttributes<HTMLTableCaptionElement> {
+}
+export declare const TableCaption: import("react").ForwardRefExoticComponent<TableCaptionProps & import("react").RefAttributes<HTMLTableCaptionElement>>;
+//# sourceMappingURL=Table.d.ts.map

package/dist/Table.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../src/Table.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,OAAO,EAIL,KAAK,cAAc,EACnB,KAAK,gBAAgB,EACrB,KAAK,gBAAgB,EACtB,MAAM,OAAO,CAAC;AAKf,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,UAAU,GAAG,SAAS,GAAG,SAAS,GAAG,MAAM,CAAC;AACnF,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;AA4B5G,MAAM,WAAW,UAAW,SAAQ,cAAc,CAAC,gBAAgB,CAAC;IAClE,yCAAyC;IACzC,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,oFAAoF;IACpF,UAAU,CAAC,EAAE,eAAe,CAAC;IAC7B,mDAAmD;IACnD,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED,eAAO,MAAM,KAAK,yGA0BhB,CAAC;AAIH,MAAM,WAAW,gBAAiB,SAAQ,cAAc,CAAC,uBAAuB,CAAC;CAAG;AAEpF,eAAO,MAAM,WAAW,sHAqBvB,CAAC;AAIF,MAAM,WAAW,cAAe,SAAQ,cAAc,CAAC,uBAAuB,CAAC;CAAG;AAElF,eAAO,MAAM,SAAS,oHAUrB,CAAC;AAIF,MAAM,WAAW,gBAAiB,SAAQ,cAAc,CAAC,uBAAuB,CAAC;CAAG;AAEpF,eAAO,MAAM,WAAW,sHAgBvB,CAAC;AAIF,MAAM,WAAW,aAAc,SAAQ,cAAc,CAAC,mBAAmB,CAAC;CAAG;AAE7E,eAAO,MAAM,QAAQ,+GAuBpB,CAAC;AAIF,MAAM,WAAW,cAAe,SAAQ,gBAAgB,CAAC,oBAAoB,CAAC;CAAG;AAEjF,eAAO,MAAM,SAAS,iHAqBrB,CAAC;AAIF,MAAM,WAAW,cAAe,SAAQ,gBAAgB,CAAC,oBAAoB,CAAC;CAAG;AAEjF,eAAO,MAAM,SAAS,iHAkBrB,CAAC;AAIF,MAAM,WAAW,iBAAkB,SAAQ,cAAc,CAAC,uBAAuB,CAAC;CAAG;AAErF,eAAO,MAAM,YAAY,uHAUxB,CAAC"}

package/dist/Table.js

@@ -0,0 +1,96 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Table (web variant — React DOM).
+ *
+ * Semantic data table with styled wrappers around native HTML table
+ * elements. Sub-components: Table, TableHeader, TableBody, TableFooter,
+ * TableRow, TableHead, TableCell, TableCaption.
+ *
+ * Five visual variants controlled via `variant` on the root `<Table>`:
+ *
+ *   - `default`  — subtle row separators, no outer border. Clean & modern.
+ *   - `bordered` — full grid with outer border and cell dividers.
+ *   - `striped`  — alternating row backgrounds, no row borders.
+ *   - `minimal`  — header underline only, no row borders.
+ *   - `card`     — outer border + rounded corners, subtle row separators.
+ *
+ * The variant context flows to child components via React context so
+ * each sub-component adapts its borders/backgrounds automatically.
+ *
+ * Wiki: docs/components/Table.md
+ */
+import { createContext, forwardRef, useContext, } from 'react';
+import { cn } from './internal/cn.js';
+const TableVariantContext = createContext({
+    variant: 'default',
+    headerTone: 'default',
+});
+function useTableVariant() {
+    return useContext(TableVariantContext);
+}
+const HEADER_TONE_CLASSES = {
+    default: '',
+    muted: 'bg-muted/50 text-foreground',
+    primary: 'bg-primary text-primary-foreground',
+    accent: 'bg-accent text-accent-foreground',
+    success: 'bg-success text-success-foreground',
+    warning: 'bg-warning text-warning-foreground',
+    danger: 'bg-destructive text-destructive-foreground',
+};
+export const Table = forwardRef(function Table({ className, wrapperClassName, variant = 'default', headerTone = 'default', ...props }, ref) {
+    const wrapperClass = cn('relative w-full overflow-auto', variant === 'bordered' && 'rounded-lg border border-border', variant === 'card' && 'rounded-lg border border-border', wrapperClassName);
+    return (_jsx(TableVariantContext.Provider, { value: { variant, headerTone }, children: _jsx("div", { className: wrapperClass, children: _jsx("table", { ref: ref, className: cn('w-full caption-bottom text-sm', variant === 'bordered' && 'border-collapse', className), ...props }) }) }));
+});
+export const TableHeader = forwardRef(function TableHeader({ className, ...props }, ref) {
+    const { variant } = useTableVariant();
+    return (_jsx("thead", { ref: ref, className: cn(
+        /* default & card: thin separator under header */
+        (variant === 'default' || variant === 'card') && '[&_tr]:border-b [&_tr]:border-border/60', 
+        /* bordered: stronger bottom border */
+        variant === 'bordered' && '[&_tr]:border-b [&_tr]:border-border', 
+        /* striped: subtle separator */
+        variant === 'striped' && '[&_tr]:border-b [&_tr]:border-border/40', 
+        /* minimal: clean underline */
+        variant === 'minimal' && '[&_tr]:border-b [&_tr]:border-border/50', className), ...props }));
+});
+export const TableBody = forwardRef(function TableBody({ className, ...props }, ref) {
+    return (_jsx("tbody", { ref: ref, className: cn('[&_tr:last-child]:border-0', className), ...props }));
+});
+export const TableFooter = forwardRef(function TableFooter({ className, ...props }, ref) {
+    const { variant } = useTableVariant();
+    return (_jsx("tfoot", { ref: ref, className: cn('border-t font-medium [&>tr]:last:border-b-0', variant === 'minimal' ? 'border-border/50' : 'border-border/60', variant !== 'minimal' && 'bg-muted/30', className), ...props }));
+});
+export const TableRow = forwardRef(function TableRow({ className, ...props }, ref) {
+    const { variant } = useTableVariant();
+    return (_jsx("tr", { ref: ref, className: cn('transition-colors duration-150 data-[state=selected]:bg-muted', 
+        /* default & card: thin separators, hover */
+        (variant === 'default' || variant === 'card') &&
+            'border-b border-border/40 hover:bg-muted/50', 
+        /* bordered: full grid borders */
+        variant === 'bordered' && 'border-b border-border hover:bg-muted/50', 
+        /* striped: odd-row tint, no borders */
+        variant === 'striped' && 'odd:bg-muted/30 hover:bg-muted/50', 
+        /* minimal: no borders, just hover */
+        variant === 'minimal' && 'hover:bg-muted/40', className), ...props }));
+});
+export const TableHead = forwardRef(function TableHead({ className, ...props }, ref) {
+    const { variant, headerTone } = useTableVariant();
+    return (_jsx("th", { ref: ref, className: cn('h-10 px-3 text-left align-middle text-xs font-medium uppercase tracking-wider text-muted-foreground', '[&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]', 
+        /* bordered: vertical cell dividers */
+        variant === 'bordered' &&
+            'border-r border-border/50 last:border-r-0', 
+        /* subtle header bg for bordered & card */
+        headerTone === 'default' && (variant === 'bordered' || variant === 'card') && 'bg-muted/30', HEADER_TONE_CLASSES[headerTone], className), ...props }));
+});
+export const TableCell = forwardRef(function TableCell({ className, ...props }, ref) {
+    const { variant } = useTableVariant();
+    return (_jsx("td", { ref: ref, className: cn('px-3 py-2.5 align-middle', '[&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]', 
+        /* bordered: vertical cell dividers */
+        variant === 'bordered' &&
+            'border-r border-border/50 last:border-r-0', className), ...props }));
+});
+export const TableCaption = forwardRef(function TableCaption({ className, ...props }, ref) {
+    return (_jsx("caption", { ref: ref, className: cn('mt-4 text-sm text-muted-foreground', className), ...props }));
+});
+//# sourceMappingURL=Table.js.map

package/dist/Table.js.map

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

package/dist/Table.native.d.ts

@@ -0,0 +1,37 @@
+import { View, Text, type ViewProps, type TextProps } from 'react-native';
+export type TableVariant = 'default' | 'bordered' | 'striped' | 'minimal' | 'card';
+export interface TableProps extends ViewProps {
+    /** Visual variant (accepted for API parity; native rendering is simplified). */
+    variant?: TableVariant;
+    className?: string;
+}
+export declare const Table: import("react").ForwardRefExoticComponent<TableProps & import("react").RefAttributes<View>>;
+export interface TableHeaderProps extends ViewProps {
+    className?: string;
+}
+export declare const TableHeader: import("react").ForwardRefExoticComponent<TableHeaderProps & import("react").RefAttributes<View>>;
+export interface TableBodyProps extends ViewProps {
+    className?: string;
+}
+export declare const TableBody: import("react").ForwardRefExoticComponent<TableBodyProps & import("react").RefAttributes<View>>;
+export interface TableFooterProps extends ViewProps {
+    className?: string;
+}
+export declare const TableFooter: import("react").ForwardRefExoticComponent<TableFooterProps & import("react").RefAttributes<View>>;
+export interface TableRowProps extends ViewProps {
+    className?: string;
+}
+export declare const TableRow: import("react").ForwardRefExoticComponent<TableRowProps & import("react").RefAttributes<View>>;
+export interface TableHeadProps extends TextProps {
+    className?: string;
+}
+export declare const TableHead: import("react").ForwardRefExoticComponent<TableHeadProps & import("react").RefAttributes<Text>>;
+export interface TableCellProps extends TextProps {
+    className?: string;
+}
+export declare const TableCell: import("react").ForwardRefExoticComponent<TableCellProps & import("react").RefAttributes<Text>>;
+export interface TableCaptionProps extends TextProps {
+    className?: string;
+}
+export declare const TableCaption: import("react").ForwardRefExoticComponent<TableCaptionProps & import("react").RefAttributes<Text>>;
+//# sourceMappingURL=Table.native.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Table.native.d.ts","sourceRoot":"","sources":["../src/Table.native.tsx"],"names":[],"mappings":"AASA,OAAO,EAAc,IAAI,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAKtF,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,UAAU,GAAG,SAAS,GAAG,SAAS,GAAG,MAAM,CAAC;AAInF,MAAM,WAAW,UAAW,SAAQ,SAAS;IAC3C,gFAAgF;IAChF,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,KAAK,6FAgBhB,CAAC;AAIH,MAAM,WAAW,gBAAiB,SAAQ,SAAS;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,WAAW,mGAavB,CAAC;AAIF,MAAM,WAAW,cAAe,SAAQ,SAAS;IAC/C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,SAAS,iGAQrB,CAAC;AAIF,MAAM,WAAW,gBAAiB,SAAQ,SAAS;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,WAAW,mGAYvB,CAAC;AAIF,MAAM,WAAW,aAAc,SAAQ,SAAS;IAC9C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,QAAQ,gGAapB,CAAC;AAIF,MAAM,WAAW,cAAe,SAAQ,SAAS;IAC/C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,SAAS,iGAgBrB,CAAC;AAIF,MAAM,WAAW,cAAe,SAAQ,SAAS;IAC/C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,SAAS,iGAYrB,CAAC;AAIF,MAAM,WAAW,iBAAkB,SAAQ,SAAS;IAClD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,YAAY,oGAYxB,CAAC"}