@mihcm/ui 0.14.1

package/dist/Banner.native.js

@@ -0,0 +1,39 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Banner (React Native variant).
+ *
+ * Full-width message strip. Rendered as `<View>` + `<Text>`.
+ * Same prop API as the web variant.
+ *
+ * Wiki: docs/components/Banner.md
+ */
+import { forwardRef } from 'react';
+import { Pressable, Text, View } from 'react-native';
+import { cva } from 'class-variance-authority';
+import { cn } from './internal/cn.js';
+export const bannerVariants = cva('w-full flex-row items-center gap-3 px-4 py-3', {
+    variants: {
+        tone: {
+            info: 'bg-primary/10',
+            accent: 'bg-accent/10',
+            warning: 'bg-warning/10',
+            error: 'bg-destructive/10',
+            announcement: 'bg-secondary',
+        },
+    },
+    defaultVariants: { tone: 'info' },
+});
+const TONE_TEXT = {
+    info: 'text-primary',
+    accent: 'text-accent-600',
+    warning: 'text-warning',
+    error: 'text-destructive',
+    announcement: 'text-foreground',
+};
+export const Banner = forwardRef(function Banner({ className, tone = 'info', onDismiss, dismissible, icon, showIcon = true, children, ...props }, ref) {
+    const showDismiss = onDismiss !== undefined || dismissible === true;
+    const handleDismiss = onDismiss ?? (() => { });
+    const textTone = TONE_TEXT[tone ?? 'info'];
+    return (_jsxs(View, { ref: ref, accessibilityRole: "summary", className: cn(bannerVariants({ tone }), className), ...props, children: [showIcon && icon && _jsx(View, { className: "mr-1 flex-shrink-0", children: icon }), _jsx(View, { className: "flex-1", children: _jsx(Text, { className: cn('text-sm', textTone), children: children }) }), showDismiss && (_jsx(Pressable, { onPress: handleDismiss, accessibilityRole: "button", accessibilityLabel: "Dismiss", className: "ml-auto flex-shrink-0 p-0.5 opacity-60", children: _jsx(Text, { className: textTone, children: "\u2715" }) }))] }));
+});
+//# sourceMappingURL=Banner.native.js.map

package/dist/Banner.native.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Banner.native.js","sourceRoot":"","sources":["../src/Banner.native.tsx"],"names":[],"mappings":";AAAA;;;;;;;GAOG;AACH,OAAO,EAAE,UAAU,EAAkB,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAkB,MAAM,cAAc,CAAC;AACrE,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,EAAE,EAAE,MAAM,kBAAkB,CAAC;AAEtC,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,CAAC,8CAA8C,EAAE;IAChF,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,IAAI,EAAE,eAAe;YACrB,MAAM,EAAE,cAAc;YACtB,OAAO,EAAE,eAAe;YACxB,KAAK,EAAE,mBAAmB;YAC1B,YAAY,EAAE,cAAc;SAC7B;KACF;IACD,eAAe,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;CAClC,CAAC,CAAC;AAEH,MAAM,SAAS,GAA6E;IAC1F,IAAI,EAAE,cAAc;IACpB,MAAM,EAAE,iBAAiB;IACzB,OAAO,EAAE,cAAc;IACvB,KAAK,EAAE,kBAAkB;IACzB,YAAY,EAAE,iBAAiB;CAChC,CAAC;AAaF,MAAM,CAAC,MAAM,MAAM,GAAG,UAAU,CAAoB,SAAS,MAAM,CACjE,EAAE,SAAS,EAAE,IAAI,GAAG,MAAM,EAAE,SAAS,EAAE,WAAW,EAAE,IAAI,EAAE,QAAQ,GAAG,IAAI,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAC/F,GAAG;IAEH,MAAM,WAAW,GAAG,SAAS,KAAK,SAAS,IAAI,WAAW,KAAK,IAAI,CAAC;IACpE,MAAM,aAAa,GAAG,SAAS,IAAI,CAAC,GAAG,EAAE,GAAE,CAAC,CAAC,CAAC;IAC9C,MAAM,QAAQ,GAAG,SAAS,CAAC,IAAI,IAAI,MAAM,CAAC,CAAC;IAE3C,OAAO,CACL,MAAC,IAAI,IACH,GAAG,EAAE,GAAG,EACR,iBAAiB,EAAC,SAAS,EAC3B,SAAS,EAAE,EAAE,CAAC,cAAc,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,SAAS,CAAC,KAC9C,KAAK,aAER,QAAQ,IAAI,IAAI,IAAI,KAAC,IAAI,IAAC,SAAS,EAAC,oBAAoB,YAAE,IAAI,GAAQ,EACvE,KAAC,IAAI,IAAC,SAAS,EAAC,QAAQ,YACtB,KAAC,IAAI,IAAC,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,QAAQ,CAAC,YAAG,QAAQ,GAAQ,GACtD,EACN,WAAW,IAAI,CACd,KAAC,SAAS,IACR,OAAO,EAAE,aAAa,EACtB,iBAAiB,EAAC,QAAQ,EAC1B,kBAAkB,EAAC,SAAS,EAC5B,SAAS,EAAC,wCAAwC,YAElD,KAAC,IAAI,IAAC,SAAS,EAAE,QAAQ,uBAAU,GACzB,CACb,IACI,CACR,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/BarList.d.ts

@@ -0,0 +1,27 @@
+/**
+ * BarList (web variant).
+ *
+ * Compact ranked values inspired by Tremor's BarList, implemented with
+ * MiHCM tokens and regular DOM semantics.
+ *
+ * Wiki: docs/components/BarList.md
+ */
+import { type HTMLAttributes, type ReactNode } from 'react';
+export interface BarListItem {
+    name: ReactNode;
+    value: number;
+    href?: string;
+    icon?: ReactNode;
+    colorClassName?: string;
+}
+export interface BarListProps extends HTMLAttributes<HTMLDivElement> {
+    data: BarListItem[];
+    valueFormatter?: (value: number) => ReactNode;
+    maxValue?: number;
+    showValues?: boolean;
+    showAnimation?: boolean;
+    barClassName?: string;
+    rowClassName?: string;
+}
+export declare const BarList: import("react").ForwardRefExoticComponent<BarListProps & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=BarList.d.ts.map

package/dist/BarList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BarList.d.ts","sourceRoot":"","sources":["../src/BarList.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AACH,OAAO,EAAc,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAIxE,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,SAAS,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,MAAM,WAAW,YAAa,SAAQ,cAAc,CAAC,cAAc,CAAC;IAClE,IAAI,EAAE,WAAW,EAAE,CAAC;IACpB,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,SAAS,CAAC;IAC9C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,eAAO,MAAM,OAAO,yGAqElB,CAAC"}

package/dist/BarList.js

@@ -0,0 +1,25 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/**
+ * BarList (web variant).
+ *
+ * Compact ranked values inspired by Tremor's BarList, implemented with
+ * MiHCM tokens and regular DOM semantics.
+ *
+ * Wiki: docs/components/BarList.md
+ */
+import { forwardRef } from 'react';
+import { motion } from 'motion/react';
+import { cn } from './internal/cn.js';
+export const BarList = forwardRef(function BarList({ data, valueFormatter = (value) => value.toLocaleString(), maxValue, showValues = true, showAnimation = true, className, barClassName, rowClassName, ...props }, ref) {
+    const resolvedMax = maxValue ?? Math.max(...data.map((item) => item.value), 0);
+    return (_jsx("div", { ref: ref, className: cn('space-y-3', className), ...props, children: data.map((item, index) => {
+            const percentage = resolvedMax > 0 ? Math.min(100, (item.value / resolvedMax) * 100) : 0;
+            const content = (_jsxs(_Fragment, { children: [_jsxs("div", { className: "mb-1 flex items-center justify-between gap-3 text-sm", children: [_jsxs("span", { className: "flex min-w-0 items-center gap-2 font-medium text-foreground", children: [item.icon ? _jsx("span", { className: "shrink-0 text-muted-foreground", children: item.icon }) : null, _jsx("span", { className: "truncate", children: item.name })] }), showValues ? (_jsx("span", { className: "shrink-0 tabular-nums text-muted-foreground", children: valueFormatter(item.value) })) : null] }), _jsx("div", { className: "h-2 overflow-hidden rounded-full bg-muted", children: _jsx(motion.div, { className: cn('h-full rounded-full bg-primary', showAnimation && 'transition-[width,background-color] duration-500 ease-out', item.colorClassName, barClassName), initial: showAnimation ? { width: 0 } : false, animate: { width: `${percentage}%` }, transition: { duration: 0.45, ease: 'easeOut' } }) })] }));
+            if (item.href) {
+                return (_jsx("a", { href: item.href, className: cn('block rounded-lg p-2 hover:bg-muted focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring', rowClassName), children: content }, `${item.href}-${index}`));
+            }
+            return (_jsx("div", { className: cn('rounded-lg p-2', rowClassName), children: content }, index));
+        }) }));
+});
+//# sourceMappingURL=BarList.js.map

package/dist/BarList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BarList.js","sourceRoot":"","sources":["../src/BarList.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb;;;;;;;GAOG;AACH,OAAO,EAAE,UAAU,EAAuC,MAAM,OAAO,CAAC;AACxE,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AACtC,OAAO,EAAE,EAAE,EAAE,MAAM,kBAAkB,CAAC;AAoBtC,MAAM,CAAC,MAAM,OAAO,GAAG,UAAU,CAA+B,SAAS,OAAO,CAC9E,EACE,IAAI,EACJ,cAAc,GAAG,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,cAAc,EAAE,EAClD,QAAQ,EACR,UAAU,GAAG,IAAI,EACjB,aAAa,GAAG,IAAI,EACpB,SAAS,EACT,YAAY,EACZ,YAAY,EACZ,GAAG,KAAK,EACT,EACD,GAAG;IAEH,MAAM,WAAW,GAAG,QAAQ,IAAI,IAAI,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC;IAE/E,OAAO,CACL,cAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,WAAW,EAAE,SAAS,CAAC,KAAM,KAAK,YAC5D,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;YACxB,MAAM,UAAU,GAAG,WAAW,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,GAAG,WAAW,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;YACzF,MAAM,OAAO,GAAG,CACd,8BACE,eAAK,SAAS,EAAC,sDAAsD,aACnE,gBAAM,SAAS,EAAC,6DAA6D,aAC1E,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,eAAM,SAAS,EAAC,gCAAgC,YAAE,IAAI,CAAC,IAAI,GAAQ,CAAC,CAAC,CAAC,IAAI,EACvF,eAAM,SAAS,EAAC,UAAU,YAAE,IAAI,CAAC,IAAI,GAAQ,IACxC,EACN,UAAU,CAAC,CAAC,CAAC,CACZ,eAAM,SAAS,EAAC,6CAA6C,YAC1D,cAAc,CAAC,IAAI,CAAC,KAAK,CAAC,GACtB,CACR,CAAC,CAAC,CAAC,IAAI,IACJ,EACN,cAAK,SAAS,EAAC,2CAA2C,YACxD,KAAC,MAAM,CAAC,GAAG,IACT,SAAS,EAAE,EAAE,CACX,gCAAgC,EAChC,aAAa,IAAI,2DAA2D,EAC5E,IAAI,CAAC,cAAc,EACnB,YAAY,CACb,EACD,OAAO,EAAE,aAAa,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,EAC7C,OAAO,EAAE,EAAE,KAAK,EAAE,GAAG,UAAU,GAAG,EAAE,EACpC,UAAU,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,GAC/C,GACE,IACL,CACJ,CAAC;YAEF,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;gBACd,OAAO,CACL,YAEE,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,SAAS,EAAE,EAAE,CAAC,6GAA6G,EAAE,YAAY,CAAC,YAEzI,OAAO,IAJH,GAAG,IAAI,CAAC,IAAI,IAAI,KAAK,EAAE,CAK1B,CACL,CAAC;YACJ,CAAC;YAED,OAAO,CACL,cAAiB,SAAS,EAAE,EAAE,CAAC,gBAAgB,EAAE,YAAY,CAAC,YAC3D,OAAO,IADA,KAAK,CAET,CACP,CAAC;QACJ,CAAC,CAAC,GACE,CACP,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/Breadcrumb.d.ts

@@ -0,0 +1,67 @@
+/**
+ * Breadcrumb (web variant — React DOM).
+ *
+ * Composable navigation breadcrumb trail. Six pieces compose:
+ *
+ *   <Breadcrumb>
+ *     <BreadcrumbList>
+ *       <BreadcrumbItem>
+ *         <BreadcrumbLink href="/">Home</BreadcrumbLink>
+ *       </BreadcrumbItem>
+ *       <BreadcrumbSeparator />
+ *       <BreadcrumbItem>
+ *         <BreadcrumbPage>Current</BreadcrumbPage>
+ *       </BreadcrumbItem>
+ *     </BreadcrumbList>
+ *   </Breadcrumb>
+ *
+ * Sets `aria-label="Breadcrumb"` on the `<nav>` and `aria-current="page"`
+ * on the active item so assistive tech conveys position in the hierarchy.
+ *
+ * Wiki: docs/components/Breadcrumb.md
+ */
+import { type HTMLAttributes, type AnchorHTMLAttributes, type ReactNode } from 'react';
+type BreadcrumbTone = 'muted' | 'foreground' | 'primary' | 'accent' | 'success' | 'warning' | 'danger';
+export interface BreadcrumbProps extends HTMLAttributes<HTMLElement> {
+    /** Override the default "Breadcrumb" aria-label. */
+    'aria-label'?: string;
+}
+export declare const Breadcrumb: import("react").ForwardRefExoticComponent<BreadcrumbProps & import("react").RefAttributes<HTMLElement>>;
+export interface BreadcrumbListProps extends HTMLAttributes<HTMLOListElement> {
+}
+export declare const BreadcrumbList: import("react").ForwardRefExoticComponent<BreadcrumbListProps & import("react").RefAttributes<HTMLOListElement>>;
+export interface BreadcrumbItemProps extends HTMLAttributes<HTMLLIElement> {
+}
+export declare const BreadcrumbItem: import("react").ForwardRefExoticComponent<BreadcrumbItemProps & import("react").RefAttributes<HTMLLIElement>>;
+export interface BreadcrumbLinkProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
+}
+export declare const BreadcrumbLink: import("react").ForwardRefExoticComponent<BreadcrumbLinkProps & import("react").RefAttributes<HTMLAnchorElement>>;
+export interface BreadcrumbHomeLinkProps extends BreadcrumbLinkProps {
+    /** Accessible label for the home icon link. */
+    label?: string;
+    /** Semantic token tone for the home icon. */
+    tone?: BreadcrumbTone;
+    /** Tailwind token class override, e.g. `text-primary` or `text-[var(--color-brand)]`. */
+    colorClassName?: string;
+}
+export declare const BreadcrumbHomeLink: import("react").ForwardRefExoticComponent<BreadcrumbHomeLinkProps & import("react").RefAttributes<HTMLAnchorElement>>;
+export interface BreadcrumbPageProps extends HTMLAttributes<HTMLSpanElement> {
+}
+export declare const BreadcrumbPage: import("react").ForwardRefExoticComponent<BreadcrumbPageProps & import("react").RefAttributes<HTMLSpanElement>>;
+export interface BreadcrumbTonePageProps extends BreadcrumbPageProps {
+    /** Semantic token tone for the active page. */
+    tone?: BreadcrumbTone;
+    /** Tailwind token class override, e.g. `text-primary` or `text-[var(--color-brand)]`. */
+    colorClassName?: string;
+}
+export declare const BreadcrumbAccentPage: import("react").ForwardRefExoticComponent<BreadcrumbTonePageProps & import("react").RefAttributes<HTMLSpanElement>>;
+export interface BreadcrumbSeparatorProps extends HTMLAttributes<HTMLLIElement> {
+    /** Custom separator element. Defaults to a chevron-right SVG. */
+    children?: ReactNode;
+}
+export declare const BreadcrumbSeparator: import("react").ForwardRefExoticComponent<BreadcrumbSeparatorProps & import("react").RefAttributes<HTMLLIElement>>;
+export interface BreadcrumbEllipsisProps extends HTMLAttributes<HTMLSpanElement> {
+}
+export declare const BreadcrumbEllipsis: import("react").ForwardRefExoticComponent<BreadcrumbEllipsisProps & import("react").RefAttributes<HTMLSpanElement>>;
+export {};
+//# sourceMappingURL=Breadcrumb.d.ts.map

package/dist/Breadcrumb.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Breadcrumb.d.ts","sourceRoot":"","sources":["../src/Breadcrumb.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,OAAO,EAAc,KAAK,cAAc,EAAE,KAAK,oBAAoB,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAGnG,KAAK,cAAc,GAAG,OAAO,GAAG,YAAY,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;AAgBvG,MAAM,WAAW,eAAgB,SAAQ,cAAc,CAAC,WAAW,CAAC;IAClE,oDAAoD;IACpD,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,eAAO,MAAM,UAAU,yGAYrB,CAAC;AAMH,MAAM,WAAW,mBAAoB,SAAQ,cAAc,CAAC,gBAAgB,CAAC;CAAG;AAEhF,eAAO,MAAM,cAAc,kHAc1B,CAAC;AAMF,MAAM,WAAW,mBAAoB,SAAQ,cAAc,CAAC,aAAa,CAAC;CAAG;AAE7E,eAAO,MAAM,cAAc,+GAU1B,CAAC;AAMF,MAAM,WAAW,mBAAoB,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;CAAG;AAEvF,eAAO,MAAM,cAAc,mHAU1B,CAAC;AAEF,MAAM,WAAW,uBAAwB,SAAQ,mBAAmB;IAClE,+CAA+C;IAC/C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,6CAA6C;IAC7C,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,yFAAyF;IACzF,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,eAAO,MAAM,kBAAkB,uHA4B9B,CAAC;AAMF,MAAM,WAAW,mBAAoB,SAAQ,cAAc,CAAC,eAAe,CAAC;CAAG;AAE/E,eAAO,MAAM,cAAc,iHAW1B,CAAC;AAEF,MAAM,WAAW,uBAAwB,SAAQ,mBAAmB;IAClE,+CAA+C;IAC/C,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,yFAAyF;IACzF,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,eAAO,MAAM,oBAAoB,qHAUhC,CAAC;AAMF,MAAM,WAAW,wBAAyB,SAAQ,cAAc,CAAC,aAAa,CAAC;IAC7E,iEAAiE;IACjE,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,eAAO,MAAM,mBAAmB,oHA4B/B,CAAC;AAMF,MAAM,WAAW,uBAAwB,SAAQ,cAAc,CAAC,eAAe,CAAC;CAAG;AAEnF,eAAO,MAAM,kBAAkB,qHAe9B,CAAC"}

package/dist/Breadcrumb.js

@@ -0,0 +1,63 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Breadcrumb (web variant — React DOM).
+ *
+ * Composable navigation breadcrumb trail. Six pieces compose:
+ *
+ *   <Breadcrumb>
+ *     <BreadcrumbList>
+ *       <BreadcrumbItem>
+ *         <BreadcrumbLink href="/">Home</BreadcrumbLink>
+ *       </BreadcrumbItem>
+ *       <BreadcrumbSeparator />
+ *       <BreadcrumbItem>
+ *         <BreadcrumbPage>Current</BreadcrumbPage>
+ *       </BreadcrumbItem>
+ *     </BreadcrumbList>
+ *   </Breadcrumb>
+ *
+ * Sets `aria-label="Breadcrumb"` on the `<nav>` and `aria-current="page"`
+ * on the active item so assistive tech conveys position in the hierarchy.
+ *
+ * Wiki: docs/components/Breadcrumb.md
+ */
+import { forwardRef } from 'react';
+import { cn } from './internal/cn.js';
+const breadcrumbToneClasses = {
+    muted: 'text-muted-foreground hover:text-foreground',
+    foreground: 'text-foreground hover:text-foreground/80',
+    primary: 'text-primary hover:text-primary/80',
+    accent: 'text-accent hover:text-accent/80',
+    success: 'text-success hover:text-success/80',
+    warning: 'text-warning hover:text-warning/80',
+    danger: 'text-destructive hover:text-destructive/80',
+};
+export const Breadcrumb = forwardRef(function Breadcrumb({ className, 'aria-label': ariaLabel = 'Breadcrumb', ...props }, ref) {
+    return (_jsx("nav", { ref: ref, "aria-label": ariaLabel, className: cn(className), ...props }));
+});
+export const BreadcrumbList = forwardRef(function BreadcrumbList({ className, ...props }, ref) {
+    return (_jsx("ol", { ref: ref, className: cn('flex flex-wrap items-center gap-1.5 text-sm text-muted-foreground', className), style: { listStyleType: 'none', paddingInlineStart: 0 }, ...props }));
+});
+export const BreadcrumbItem = forwardRef(function BreadcrumbItem({ className, ...props }, ref) {
+    return (_jsx("li", { ref: ref, className: cn('inline-flex items-center gap-1.5', className), ...props }));
+});
+export const BreadcrumbLink = forwardRef(function BreadcrumbLink({ className, ...props }, ref) {
+    return (_jsx("a", { ref: ref, className: cn('transition-colors duration-150 hover:text-foreground', className), ...props }));
+});
+export const BreadcrumbHomeLink = forwardRef(function BreadcrumbHomeLink({ className, colorClassName, label = 'Home', tone = 'accent', children, ...props }, ref) {
+    return (_jsx(BreadcrumbLink, { ref: ref, "aria-label": label, className: cn('inline-flex items-center', breadcrumbToneClasses[tone], colorClassName, className), ...props, children: children ?? (_jsxs("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", className: "h-4 w-4", children: [_jsx("path", { d: "m3 10.5 9-7 9 7" }), _jsx("path", { d: "M5 10v10h14V10" }), _jsx("path", { d: "M9 20v-6h6v6" })] })) }));
+});
+export const BreadcrumbPage = forwardRef(function BreadcrumbPage({ className, ...props }, ref) {
+    return (_jsx("span", { ref: ref, "aria-current": "page", className: cn('font-medium text-foreground', className), ...props }));
+});
+export const BreadcrumbAccentPage = forwardRef(function BreadcrumbAccentPage({ className, colorClassName, tone = 'accent', ...props }, ref) {
+    return (_jsx(BreadcrumbPage, { ref: ref, className: cn(breadcrumbToneClasses[tone], colorClassName, className), ...props }));
+});
+export const BreadcrumbSeparator = forwardRef(function BreadcrumbSeparator({ className, children, ...props }, ref) {
+    return (_jsx("li", { ref: ref, role: "presentation", "aria-hidden": "true", className: cn('[&>svg]:h-3.5 [&>svg]:w-3.5', className), ...props, children: children ?? (_jsx("svg", { "aria-hidden": "true", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", className: "h-3.5 w-3.5 text-muted-foreground", children: _jsx("path", { d: "m9 18 6-6-6-6" }) })) }));
+});
+export const BreadcrumbEllipsis = forwardRef(function BreadcrumbEllipsis({ className, ...props }, ref) {
+    return (_jsxs("span", { ref: ref, role: "presentation", "aria-hidden": "true", className: cn('flex h-6 w-6 items-center justify-center', className), ...props, children: ["\u2026", _jsx("span", { className: "sr-only", children: "More" })] }));
+});
+//# sourceMappingURL=Breadcrumb.js.map

package/dist/Breadcrumb.js.map

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

package/dist/Breadcrumb.native.d.ts

@@ -0,0 +1,64 @@
+/**
+ * Breadcrumb (React Native variant).
+ *
+ * Horizontal breadcrumb trail using View, Text, Pressable.
+ * Same composable API as the web variant; BreadcrumbLink uses
+ * `onPress` instead of `href`.
+ *
+ * Wiki: docs/components/Breadcrumb.md
+ */
+import { type ReactNode } from 'react';
+import { ScrollView, Text, View, type PressableProps, type ScrollViewProps, type TextProps, type ViewProps } from 'react-native';
+type BreadcrumbTone = 'muted' | 'foreground' | 'primary' | 'accent' | 'success' | 'warning' | 'danger';
+export interface BreadcrumbProps extends Omit<ViewProps, 'style'> {
+    className?: string;
+}
+export declare const Breadcrumb: import("react").ForwardRefExoticComponent<BreadcrumbProps & import("react").RefAttributes<View>>;
+export interface BreadcrumbListProps extends Omit<ScrollViewProps, 'style'> {
+    className?: string;
+}
+export declare const BreadcrumbList: import("react").ForwardRefExoticComponent<BreadcrumbListProps & import("react").RefAttributes<ScrollView>>;
+export interface BreadcrumbItemProps extends Omit<ViewProps, 'style'> {
+    className?: string;
+}
+export declare const BreadcrumbItem: import("react").ForwardRefExoticComponent<BreadcrumbItemProps & import("react").RefAttributes<View>>;
+export interface BreadcrumbLinkProps extends Omit<PressableProps, 'style'> {
+    /** Web compat — ignored on native; use onPress instead. */
+    href?: string;
+    className?: string;
+    textClassName?: string;
+    children?: ReactNode;
+}
+export declare const BreadcrumbLink: import("react").ForwardRefExoticComponent<BreadcrumbLinkProps & import("react").RefAttributes<View>>;
+export interface BreadcrumbHomeLinkProps extends BreadcrumbLinkProps {
+    /** Accessible label for the home icon link. */
+    label?: string;
+    /** Semantic token tone for the home icon. */
+    tone?: BreadcrumbTone;
+    /** Tailwind token class override, e.g. `text-primary` or `text-[var(--color-brand)]`. */
+    colorClassName?: string;
+}
+export declare const BreadcrumbHomeLink: import("react").ForwardRefExoticComponent<BreadcrumbHomeLinkProps & import("react").RefAttributes<View>>;
+export interface BreadcrumbPageProps extends Omit<TextProps, 'style'> {
+    className?: string;
+}
+export declare const BreadcrumbPage: import("react").ForwardRefExoticComponent<BreadcrumbPageProps & import("react").RefAttributes<Text>>;
+export interface BreadcrumbTonePageProps extends BreadcrumbPageProps {
+    /** Semantic token tone for the active page. */
+    tone?: BreadcrumbTone;
+    /** Tailwind token class override, e.g. `text-primary` or `text-[var(--color-brand)]`. */
+    colorClassName?: string;
+}
+export declare const BreadcrumbAccentPage: import("react").ForwardRefExoticComponent<BreadcrumbTonePageProps & import("react").RefAttributes<Text>>;
+export interface BreadcrumbSeparatorProps extends Omit<ViewProps, 'style'> {
+    className?: string;
+    /** Custom separator element. Defaults to "›" text. */
+    children?: ReactNode;
+}
+export declare const BreadcrumbSeparator: import("react").ForwardRefExoticComponent<BreadcrumbSeparatorProps & import("react").RefAttributes<View>>;
+export interface BreadcrumbEllipsisProps extends Omit<ViewProps, 'style'> {
+    className?: string;
+}
+export declare const BreadcrumbEllipsis: import("react").ForwardRefExoticComponent<BreadcrumbEllipsisProps & import("react").RefAttributes<View>>;
+export {};
+//# sourceMappingURL=Breadcrumb.native.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Breadcrumb.native.d.ts","sourceRoot":"","sources":["../src/Breadcrumb.native.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,OAAO,EAAc,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAEL,UAAU,EACV,IAAI,EACJ,IAAI,EACJ,KAAK,cAAc,EACnB,KAAK,eAAe,EACpB,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAGtB,KAAK,cAAc,GAAG,OAAO,GAAG,YAAY,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;AAgBvG,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC;IAC/D,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,UAAU,kGAarB,CAAC;AAMH,MAAM,WAAW,mBAAoB,SAAQ,IAAI,CAAC,eAAe,EAAE,OAAO,CAAC;IACzE,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,cAAc,4GAa1B,CAAC;AAMF,MAAM,WAAW,mBAAoB,SAAQ,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC;IACnE,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,cAAc,sGAU1B,CAAC;AAMF,MAAM,WAAW,mBAAoB,SAAQ,IAAI,CAAC,cAAc,EAAE,OAAO,CAAC;IACxE,2DAA2D;IAC3D,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,eAAO,MAAM,cAAc,sGAQ1B,CAAC;AAEF,MAAM,WAAW,uBAAwB,SAAQ,mBAAmB;IAClE,+CAA+C;IAC/C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,6CAA6C;IAC7C,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,yFAAyF;IACzF,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,eAAO,MAAM,kBAAkB,0GAa9B,CAAC;AAMF,MAAM,WAAW,mBAAoB,SAAQ,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC;IACnE,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,cAAc,sGAY1B,CAAC;AAEF,MAAM,WAAW,uBAAwB,SAAQ,mBAAmB;IAClE,+CAA+C;IAC/C,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,yFAAyF;IACzF,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,eAAO,MAAM,oBAAoB,0GAUhC,CAAC;AAMF,MAAM,WAAW,wBAAyB,SAAQ,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC;IACxE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sDAAsD;IACtD,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,eAAO,MAAM,mBAAmB,2GAgB/B,CAAC;AAMF,MAAM,WAAW,uBAAwB,SAAQ,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC;IACvE,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,kBAAkB,0GAc9B,CAAC"}

package/dist/Breadcrumb.native.js

@@ -0,0 +1,50 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Breadcrumb (React Native variant).
+ *
+ * Horizontal breadcrumb trail using View, Text, Pressable.
+ * Same composable API as the web variant; BreadcrumbLink uses
+ * `onPress` instead of `href`.
+ *
+ * Wiki: docs/components/Breadcrumb.md
+ */
+import { forwardRef } from 'react';
+import { Pressable, ScrollView, Text, View, } from 'react-native';
+import { cn } from './internal/cn.js';
+const breadcrumbToneClasses = {
+    muted: 'text-muted-foreground',
+    foreground: 'text-foreground',
+    primary: 'text-primary',
+    accent: 'text-accent',
+    success: 'text-success',
+    warning: 'text-warning',
+    danger: 'text-destructive',
+};
+export const Breadcrumb = forwardRef(function Breadcrumb({ className, ...props }, ref) {
+    return (_jsx(View, { ref: ref, accessible: true, accessibilityLabel: "Breadcrumb", className: cn(className), ...props }));
+});
+export const BreadcrumbList = forwardRef(function BreadcrumbList({ className, ...props }, ref) {
+    return (_jsx(ScrollView, { ref: ref, horizontal: true, showsHorizontalScrollIndicator: false, className: cn('flex-row items-center gap-1.5', className), contentContainerClassName: "items-center gap-1.5", ...props }));
+});
+export const BreadcrumbItem = forwardRef(function BreadcrumbItem({ className, ...props }, ref) {
+    return (_jsx(View, { ref: ref, className: cn('flex-row items-center gap-1.5', className), ...props }));
+});
+export const BreadcrumbLink = forwardRef(function BreadcrumbLink({ className, textClassName, href: _href, children, ...props }, ref) {
+    return (_jsx(Pressable, { ref: ref, className: cn(className), ...props, children: _jsx(Text, { className: cn('text-sm text-muted-foreground', textClassName), children: children }) }));
+});
+export const BreadcrumbHomeLink = forwardRef(function BreadcrumbHomeLink({ colorClassName, label = 'Home', tone = 'accent', children, textClassName, ...props }, ref) {
+    return (_jsx(BreadcrumbLink, { ref: ref, accessibilityLabel: label, textClassName: cn(breadcrumbToneClasses[tone], colorClassName, textClassName), ...props, children: children ?? '⌂' }));
+});
+export const BreadcrumbPage = forwardRef(function BreadcrumbPage({ className, ...props }, ref) {
+    return (_jsx(Text, { ref: ref, accessibilityRole: "text", accessibilityLabel: "Current page", className: cn('text-sm font-medium text-foreground', className), ...props }));
+});
+export const BreadcrumbAccentPage = forwardRef(function BreadcrumbAccentPage({ className, colorClassName, tone = 'accent', ...props }, ref) {
+    return (_jsx(BreadcrumbPage, { ref: ref, className: cn(breadcrumbToneClasses[tone], colorClassName, className), ...props }));
+});
+export const BreadcrumbSeparator = forwardRef(function BreadcrumbSeparator({ className, children, ...props }, ref) {
+    return (_jsx(View, { ref: ref, accessibilityElementsHidden: true, importantForAccessibility: "no-hide-descendants", className: cn(className), ...props, children: children ?? (_jsx(Text, { className: "text-sm text-muted-foreground", children: "\u203A" })) }));
+});
+export const BreadcrumbEllipsis = forwardRef(function BreadcrumbEllipsis({ className, ...props }, ref) {
+    return (_jsx(View, { ref: ref, accessibilityElementsHidden: true, importantForAccessibility: "no-hide-descendants", className: cn('h-6 w-6 items-center justify-center', className), ...props, children: _jsx(Text, { className: "text-sm text-muted-foreground", children: "\u2026" }) }));
+});
+//# sourceMappingURL=Breadcrumb.native.js.map

package/dist/Breadcrumb.native.js.map

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

package/dist/Button.d.ts

@@ -0,0 +1,42 @@
+/**
+ * Button (web variant — React DOM).
+ *
+ * Native variant lives at `Button.native.tsx`; bundlers pick it via the
+ * `react-native` export condition in package.json.
+ *
+ * Universal contract:
+ *  - Same prop API on both platforms.
+ *  - Variants & sizes from `buttonVariants` (cva).
+ *  - className accepted and forwarded.
+ *  - forwardRef.
+ *  - WCAG 2.1 AA: focus-visible ring, disabled state, 44px min height on `lg`.
+ *
+ * Wiki: docs/components/Button.md
+ */
+import { type ButtonHTMLAttributes, type ReactNode } from 'react';
+import { type VariantProps } from 'class-variance-authority';
+export declare const buttonVariants: (props?: ({
+    variant?: "accent" | "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
+    size?: "icon" | "sm" | "md" | "lg" | "xl" | "xxl" | null | undefined;
+    shape?: "rounded" | "hard" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
+    isLoading?: boolean;
+    fullWidth?: boolean;
+    leadingIcon?: ReactNode;
+    trailingIcon?: ReactNode;
+}
+export declare const Button: import("react").ForwardRefExoticComponent<ButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
+type IconButtonLabel = {
+    'aria-label': string;
+    accessibilityLabel?: string;
+} | {
+    'aria-label'?: string;
+    accessibilityLabel: string;
+};
+export type IconButtonProps = Omit<ButtonProps, 'children' | 'leadingIcon' | 'trailingIcon' | 'size'> & IconButtonLabel & {
+    children: ReactNode;
+};
+export declare const IconButton: import("react").ForwardRefExoticComponent<IconButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
+export {};
+//# sourceMappingURL=Button.d.ts.map

package/dist/Button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../src/Button.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;GAcG;AACH,OAAO,EAAc,KAAK,oBAAoB,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAC9E,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAGlE,eAAO,MAAM,cAAc;;;;8EA4C1B,CAAC;AAEF,MAAM,WAAW,WACf,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC,EAC7C,YAAY,CAAC,OAAO,cAAc,CAAC;IACrC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,YAAY,CAAC,EAAE,SAAS,CAAC;CAC1B;AAkBD,eAAO,MAAM,MAAM,2GAgCjB,CAAC;AAEH,KAAK,eAAe,GAChB;IAAE,YAAY,EAAE,MAAM,CAAC;IAAC,kBAAkB,CAAC,EAAE,MAAM,CAAA;CAAE,GACrD;IAAE,YAAY,CAAC,EAAE,MAAM,CAAC;IAAC,kBAAkB,EAAE,MAAM,CAAA;CAAE,CAAC;AAE1D,MAAM,MAAM,eAAe,GAAG,IAAI,CAChC,WAAW,EACX,UAAU,GAAG,aAAa,GAAG,cAAc,GAAG,MAAM,CACrD,GACC,eAAe,GAAG;IAChB,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEJ,eAAO,MAAM,UAAU,+GAcrB,CAAC"}

package/dist/Button.js

@@ -0,0 +1,68 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Button (web variant — React DOM).
+ *
+ * Native variant lives at `Button.native.tsx`; bundlers pick it via the
+ * `react-native` export condition in package.json.
+ *
+ * Universal contract:
+ *  - Same prop API on both platforms.
+ *  - Variants & sizes from `buttonVariants` (cva).
+ *  - className accepted and forwarded.
+ *  - forwardRef.
+ *  - WCAG 2.1 AA: focus-visible ring, disabled state, 44px min height on `lg`.
+ *
+ * Wiki: docs/components/Button.md
+ */
+import { forwardRef } from 'react';
+import { cva } from 'class-variance-authority';
+import { cn } from './internal/cn.js';
+export const buttonVariants = cva('inline-flex items-center justify-center gap-2 ' +
+    'transition-colors duration-150 ' +
+    'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 ' +
+    'disabled:pointer-events-none disabled:opacity-50 ' +
+    'select-none whitespace-nowrap [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0', {
+    variants: {
+        variant: {
+            default: 'bg-primary text-primary-foreground font-semibold hover:bg-primary-600 active:bg-primary-700 ' +
+                'dark:hover:bg-primary/80 dark:active:bg-primary/70',
+            accent: 'bg-accent text-accent-foreground font-semibold hover:bg-accent-600 active:bg-accent-700',
+            destructive: 'bg-destructive text-destructive-foreground font-semibold hover:opacity-90 active:opacity-80',
+            outline: 'border border-border bg-background font-medium text-secondary-foreground ' +
+                'hover:bg-muted active:bg-brand-neutral-66',
+            secondary: 'border border-secondary bg-background font-medium text-brand-neutral-371 ' +
+                'hover:bg-muted active:bg-brand-neutral-66',
+            ghost: 'font-medium text-foreground hover:bg-muted active:bg-brand-neutral-66',
+            link: 'font-medium text-primary underline-offset-4 hover:underline',
+        },
+        size: {
+            sm: 'h-8 px-3 text-xs',
+            md: 'h-10 px-4 text-body-sm',
+            lg: 'h-11 px-5 text-sm',
+            xl: 'h-12 px-6 text-base',
+            xxl: 'h-14 px-8 text-base',
+            icon: 'size-11',
+        },
+        shape: {
+            rounded: 'rounded-md',
+            hard: 'rounded-none',
+        },
+    },
+    defaultVariants: {
+        variant: 'default',
+        size: 'md',
+        shape: 'rounded',
+    },
+});
+function Spinner() {
+    return (_jsxs("svg", { "aria-hidden": true, className: "h-4 w-4 animate-spin", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2.5, children: [_jsx("circle", { cx: "12", cy: "12", r: "10", className: "opacity-25" }), _jsx("path", { d: "M4 12a8 8 0 018-8", className: "opacity-75" })] }));
+}
+export const Button = forwardRef(function Button({ className, variant, size, shape, isLoading, fullWidth, disabled, type = 'button', leadingIcon, trailingIcon, children, ...props }, ref) {
+    const inactive = disabled || isLoading;
+    return (_jsxs("button", { ref: ref, type: type, "aria-busy": isLoading || undefined, disabled: inactive, className: cn(buttonVariants({ variant, size, shape }), fullWidth && 'w-full', className), ...props, children: [isLoading ? _jsx(Spinner, {}) : leadingIcon, children, !isLoading && trailingIcon] }));
+});
+export const IconButton = forwardRef(function IconButton({ children, accessibilityLabel, 'aria-label': ariaLabel, ...props }, ref) {
+    return (_jsx(Button, { ref: ref, size: "icon", "aria-label": ariaLabel ?? accessibilityLabel, ...props, children: children }));
+});
+//# sourceMappingURL=Button.js.map

package/dist/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","sourceRoot":"","sources":["../src/Button.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb;;;;;;;;;;;;;;GAcG;AACH,OAAO,EAAE,UAAU,EAA6C,MAAM,OAAO,CAAC;AAC9E,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,EAAE,EAAE,MAAM,kBAAkB,CAAC;AAEtC,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,CAC/B,gDAAgD;IAC9C,iCAAiC;IACjC,sGAAsG;IACtG,mDAAmD;IACnD,2FAA2F,EAC7F;IACE,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EACL,8FAA8F;gBAC9F,oDAAoD;YACtD,MAAM,EACJ,yFAAyF;YAC3F,WAAW,EACT,6FAA6F;YAC/F,OAAO,EACL,2EAA2E;gBAC3E,2CAA2C;YAC7C,SAAS,EACP,2EAA2E;gBAC3E,2CAA2C;YAC7C,KAAK,EAAE,uEAAuE;YAC9E,IAAI,EAAE,6DAA6D;SACpE;QACD,IAAI,EAAE;YACJ,EAAE,EAAE,kBAAkB;YACtB,EAAE,EAAE,wBAAwB;YAC5B,EAAE,EAAE,mBAAmB;YACvB,EAAE,EAAE,qBAAqB;YACzB,GAAG,EAAE,qBAAqB;YAC1B,IAAI,EAAE,SAAS;SAChB;QACD,KAAK,EAAE;YACL,OAAO,EAAE,YAAY;YACrB,IAAI,EAAE,cAAc;SACrB;KACF;IACD,eAAe,EAAE;QACf,OAAO,EAAE,SAAS;QAClB,IAAI,EAAE,IAAI;QACV,KAAK,EAAE,SAAS;KACjB;CACF,CACF,CAAC;AAWF,SAAS,OAAO;IACd,OAAO,CACL,oCAEE,SAAS,EAAC,sBAAsB,EAChC,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,WAAW,EAAE,GAAG,aAEhB,iBAAQ,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,CAAC,EAAC,IAAI,EAAC,SAAS,EAAC,YAAY,GAAG,EACxD,eAAM,CAAC,EAAC,mBAAmB,EAAC,SAAS,EAAC,YAAY,GAAG,IACjD,CACP,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,MAAM,GAAG,UAAU,CAAiC,SAAS,MAAM,CAC9E,EACE,SAAS,EACT,OAAO,EACP,IAAI,EACJ,KAAK,EACL,SAAS,EACT,SAAS,EACT,QAAQ,EACR,IAAI,GAAG,QAAQ,EACf,WAAW,EACX,YAAY,EACZ,QAAQ,EACR,GAAG,KAAK,EACT,EACD,GAAG;IAEH,MAAM,QAAQ,GAAG,QAAQ,IAAI,SAAS,CAAC;IACvC,OAAO,CACL,kBACE,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,eACC,SAAS,IAAI,SAAS,EACjC,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,EAAE,CAAC,cAAc,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,EAAE,SAAS,IAAI,QAAQ,EAAE,SAAS,CAAC,KACrF,KAAK,aAER,SAAS,CAAC,CAAC,CAAC,KAAC,OAAO,KAAG,CAAC,CAAC,CAAC,WAAW,EACrC,QAAQ,EACR,CAAC,SAAS,IAAI,YAAY,IACpB,CACV,CAAC;AACJ,CAAC,CAAC,CAAC;AAcH,MAAM,CAAC,MAAM,UAAU,GAAG,UAAU,CAAqC,SAAS,UAAU,CAC1F,EAAE,QAAQ,EAAE,kBAAkB,EAAE,YAAY,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EACnE,GAAG;IAEH,OAAO,CACL,KAAC,MAAM,IACL,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,MAAM,gBACC,SAAS,IAAI,kBAAkB,KACvC,KAAK,YAER,QAAQ,GACF,CACV,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/Button.native.d.ts

@@ -0,0 +1,38 @@
+/**
+ * Button (React Native variant).
+ *
+ * Selected by the `react-native` export condition in package.json.
+ * Same prop API as the web variant.
+ *
+ * Wiki: docs/components/Button.md
+ */
+import { type ReactNode } from 'react';
+import { type PressableProps, View } from 'react-native';
+import { type VariantProps } from 'class-variance-authority';
+export declare const buttonVariants: (props?: ({
+    variant?: "accent" | "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
+    size?: "icon" | "sm" | "md" | "lg" | "xl" | "xxl" | null | undefined;
+    shape?: "rounded" | "hard" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface ButtonProps extends Omit<PressableProps, 'children'>, VariantProps<typeof buttonVariants> {
+    isLoading?: boolean;
+    fullWidth?: boolean;
+    leadingIcon?: ReactNode;
+    trailingIcon?: ReactNode;
+    children?: ReactNode;
+    className?: string;
+}
+export declare const Button: import("react").ForwardRefExoticComponent<ButtonProps & import("react").RefAttributes<View>>;
+type IconButtonLabel = {
+    'aria-label': string;
+    accessibilityLabel?: string;
+} | {
+    'aria-label'?: string;
+    accessibilityLabel: string;
+};
+export type IconButtonProps = Omit<ButtonProps, 'children' | 'leadingIcon' | 'trailingIcon' | 'size'> & IconButtonLabel & {
+    children: ReactNode;
+};
+export declare const IconButton: import("react").ForwardRefExoticComponent<IconButtonProps & import("react").RefAttributes<View>>;
+export {};
+//# sourceMappingURL=Button.native.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Button.native.d.ts","sourceRoot":"","sources":["../src/Button.native.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,OAAO,EAAc,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAgC,KAAK,cAAc,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACvF,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAGlE,eAAO,MAAM,cAAc;;;;8EAgC1B,CAAC;AAEF,MAAM,WAAW,WACf,SAAQ,IAAI,CAAC,cAAc,EAAE,UAAU,CAAC,EACtC,YAAY,CAAC,OAAO,cAAc,CAAC;IACrC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,MAAM,8FAoCjB,CAAC;AAEH,KAAK,eAAe,GAChB;IAAE,YAAY,EAAE,MAAM,CAAC;IAAC,kBAAkB,CAAC,EAAE,MAAM,CAAA;CAAE,GACrD;IAAE,YAAY,CAAC,EAAE,MAAM,CAAC;IAAC,kBAAkB,EAAE,MAAM,CAAA;CAAE,CAAC;AAE1D,MAAM,MAAM,eAAe,GAAG,IAAI,CAChC,WAAW,EACX,UAAU,GAAG,aAAa,GAAG,cAAc,GAAG,MAAM,CACrD,GACC,eAAe,GAAG;IAChB,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEJ,eAAO,MAAM,UAAU,kGAcrB,CAAC"}

package/dist/Button.native.js

@@ -0,0 +1,51 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Button (React Native variant).
+ *
+ * Selected by the `react-native` export condition in package.json.
+ * Same prop API as the web variant.
+ *
+ * Wiki: docs/components/Button.md
+ */
+import { forwardRef } from 'react';
+import { ActivityIndicator, Pressable, View } from 'react-native';
+import { cva } from 'class-variance-authority';
+import { cn } from './internal/cn.js';
+export const buttonVariants = cva('flex-row items-center justify-center', {
+    variants: {
+        variant: {
+            default: 'bg-primary',
+            accent: 'bg-accent',
+            destructive: 'bg-destructive',
+            outline: 'border border-input bg-background',
+            secondary: 'bg-secondary',
+            ghost: 'bg-transparent',
+            link: 'bg-transparent',
+        },
+        size: {
+            sm: 'h-8 px-3',
+            md: 'h-10 px-4',
+            lg: 'h-11 px-6',
+            xl: 'h-12 px-7',
+            xxl: 'h-14 px-8',
+            icon: 'h-11 w-11',
+        },
+        shape: {
+            rounded: 'rounded-md',
+            hard: 'rounded-none',
+        },
+    },
+    defaultVariants: {
+        variant: 'default',
+        size: 'md',
+        shape: 'rounded',
+    },
+});
+export const Button = forwardRef(function Button({ className, variant, size, shape, isLoading, fullWidth, disabled, leadingIcon, trailingIcon, children, ...props }, ref) {
+    const inactive = disabled || isLoading;
+    return (_jsxs(Pressable, { ref: ref, accessibilityRole: "button", accessibilityState: { disabled: !!inactive, busy: !!isLoading }, disabled: inactive, className: cn(buttonVariants({ variant, size, shape }), fullWidth && 'w-full', inactive && 'opacity-50', className), ...props, children: [isLoading ? _jsx(ActivityIndicator, { size: "small", color: "currentColor" }) : leadingIcon, children, !isLoading && trailingIcon] }));
+});
+export const IconButton = forwardRef(function IconButton({ children, accessibilityLabel, 'aria-label': ariaLabel, ...props }, ref) {
+    return (_jsx(Button, { ref: ref, size: "icon", accessibilityLabel: accessibilityLabel ?? ariaLabel, ...props, children: children }));
+});
+//# sourceMappingURL=Button.native.js.map

package/dist/Button.native.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.native.js","sourceRoot":"","sources":["../src/Button.native.tsx"],"names":[],"mappings":";AAAA;;;;;;;GAOG;AACH,OAAO,EAAE,UAAU,EAAkB,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,iBAAiB,EAAE,SAAS,EAAuB,IAAI,EAAE,MAAM,cAAc,CAAC;AACvF,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,EAAE,EAAE,MAAM,kBAAkB,CAAC;AAEtC,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,CAC/B,sCAAsC,EACtC;IACE,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EAAE,YAAY;YACrB,MAAM,EAAE,WAAW;YACnB,WAAW,EAAE,gBAAgB;YAC7B,OAAO,EAAE,mCAAmC;YAC5C,SAAS,EAAE,cAAc;YACzB,KAAK,EAAE,gBAAgB;YACvB,IAAI,EAAE,gBAAgB;SACvB;QACD,IAAI,EAAE;YACJ,EAAE,EAAE,UAAU;YACd,EAAE,EAAE,WAAW;YACf,EAAE,EAAE,WAAW;YACf,EAAE,EAAE,WAAW;YACf,GAAG,EAAE,WAAW;YAChB,IAAI,EAAE,WAAW;SAClB;QACD,KAAK,EAAE;YACL,OAAO,EAAE,YAAY;YACrB,IAAI,EAAE,cAAc;SACrB;KACF;IACD,eAAe,EAAE;QACf,OAAO,EAAE,SAAS;QAClB,IAAI,EAAE,IAAI;QACV,KAAK,EAAE,SAAS;KACjB;CACF,CACF,CAAC;AAaF,MAAM,CAAC,MAAM,MAAM,GAAG,UAAU,CAAoB,SAAS,MAAM,CACjE,EACE,SAAS,EACT,OAAO,EACP,IAAI,EACJ,KAAK,EACL,SAAS,EACT,SAAS,EACT,QAAQ,EACR,WAAW,EACX,YAAY,EACZ,QAAQ,EACR,GAAG,KAAK,EACT,EACD,GAAG;IAEH,MAAM,QAAQ,GAAG,QAAQ,IAAI,SAAS,CAAC;IACvC,OAAO,CACL,MAAC,SAAS,IACR,GAAG,EAAE,GAAY,EACjB,iBAAiB,EAAC,QAAQ,EAC1B,kBAAkB,EAAE,EAAE,QAAQ,EAAE,CAAC,CAAC,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC,SAAS,EAAE,EAC/D,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,EAAE,CACX,cAAc,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,EACxC,SAAS,IAAI,QAAQ,EACrB,QAAQ,IAAI,YAAY,EACxB,SAAS,CACV,KACG,KAAK,aAER,SAAS,CAAC,CAAC,CAAC,KAAC,iBAAiB,IAAC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAC,cAAc,GAAG,CAAC,CAAC,CAAC,WAAW,EACjF,QAAQ,EACR,CAAC,SAAS,IAAI,YAAY,IACjB,CACb,CAAC;AACJ,CAAC,CAAC,CAAC;AAcH,MAAM,CAAC,MAAM,UAAU,GAAG,UAAU,CAAwB,SAAS,UAAU,CAC7E,EAAE,QAAQ,EAAE,kBAAkB,EAAE,YAAY,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EACnE,GAAG;IAEH,OAAO,CACL,KAAC,MAAM,IACL,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,MAAM,EACX,kBAAkB,EAAE,kBAAkB,IAAI,SAAS,KAC/C,KAAK,YAER,QAAQ,GACF,CACV,CAAC;AACJ,CAAC,CAAC,CAAC"}