@mihcm/ui 0.14.1

package/dist/Table.native.js

@@ -0,0 +1,37 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Table (React Native variant).
+ *
+ * Flex-based grid that mimics a table structure using View and Text.
+ * ScrollView wraps the root for horizontal overflow on narrow screens.
+ *
+ * Wiki: docs/components/Table.md
+ */
+import { forwardRef } from 'react';
+import { ScrollView, View, Text } from 'react-native';
+import { cn } from './internal/cn.js';
+export const Table = forwardRef(function Table({ className, variant: _variant, children, ...props }, ref) {
+    return (_jsx(ScrollView, { horizontal: true, children: _jsx(View, { ref: ref, accessibilityRole: "summary", className: cn('w-full', className), ...props, children: children }) }));
+});
+export const TableHeader = forwardRef(function TableHeader({ className, children, ...props }, ref) {
+    return (_jsx(View, { ref: ref, accessibilityRole: "none", className: cn('border-b border-border', className), ...props, children: children }));
+});
+export const TableBody = forwardRef(function TableBody({ className, children, ...props }, ref) {
+    return (_jsx(View, { ref: ref, className: cn('', className), ...props, children: children }));
+});
+export const TableFooter = forwardRef(function TableFooter({ className, children, ...props }, ref) {
+    return (_jsx(View, { ref: ref, className: cn('border-t border-border bg-muted/50', className), ...props, children: children }));
+});
+export const TableRow = forwardRef(function TableRow({ className, children, ...props }, ref) {
+    return (_jsx(View, { ref: ref, accessibilityRole: "none", className: cn('flex-row border-b border-border', className), ...props, children: children }));
+});
+export const TableHead = forwardRef(function TableHead({ className, children, ...props }, ref) {
+    return (_jsx(Text, { ref: ref, accessibilityRole: "header", className: cn('flex-1 px-3 py-2 text-left font-medium text-sm text-muted-foreground', className), ...props, children: children }));
+});
+export const TableCell = forwardRef(function TableCell({ className, children, ...props }, ref) {
+    return (_jsx(Text, { ref: ref, className: cn('flex-1 p-3 text-sm', className), ...props, children: children }));
+});
+export const TableCaption = forwardRef(function TableCaption({ className, children, ...props }, ref) {
+    return (_jsx(Text, { ref: ref, className: cn('mt-4 text-sm text-muted-foreground text-center', className), ...props, children: children }));
+});
+//# sourceMappingURL=Table.native.js.map

package/dist/Table.native.js.map

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

package/dist/Tabs.d.ts

@@ -0,0 +1,45 @@
+/**
+ * Tabs (web variant — React DOM).
+ *
+ * Accessible tabbed interface. Controlled-only:
+ *
+ *   <Tabs value={tab} onValueChange={setTab}>
+ *     <TabsList>
+ *       <TabsTrigger value="account">Account</TabsTrigger>
+ *       <TabsTrigger value="password">Password</TabsTrigger>
+ *     </TabsList>
+ *     <TabsContent value="account">…</TabsContent>
+ *     <TabsContent value="password">…</TabsContent>
+ *   </Tabs>
+ *
+ * Wiki: docs/components/Tabs.md
+ */
+import { type HTMLAttributes, type ReactNode } from 'react';
+import { type VariantProps } from 'class-variance-authority';
+export interface TabsProps extends HTMLAttributes<HTMLDivElement> {
+    value: string;
+    onValueChange: (value: string) => void;
+}
+export declare const Tabs: import("react").ForwardRefExoticComponent<TabsProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const tabsListVariants: (props?: ({
+    variant?: "default" | "underline" | "pills" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface TabsListProps extends HTMLAttributes<HTMLDivElement>, VariantProps<typeof tabsListVariants> {
+    /**
+     * `equal` keeps trigger widths stable while the active tab changes.
+     * Use `intrinsic` only when each tab should size to its content.
+     */
+    layout?: 'equal' | 'intrinsic';
+}
+export declare const TabsList: import("react").ForwardRefExoticComponent<TabsListProps & import("react").RefAttributes<HTMLDivElement>>;
+export interface TabsTriggerProps extends HTMLAttributes<HTMLButtonElement> {
+    value: string;
+    disabled?: boolean;
+    icon?: ReactNode;
+}
+export declare const TabsTrigger: import("react").ForwardRefExoticComponent<TabsTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+export interface TabsContentProps extends HTMLAttributes<HTMLDivElement> {
+    value: string;
+}
+export declare const TabsContent: import("react").ForwardRefExoticComponent<TabsContentProps & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=Tabs.d.ts.map

package/dist/Tabs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../src/Tabs.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;GAeG;AACH,OAAO,EAKL,KAAK,cAAc,EAEnB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AACf,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAelE,MAAM,WAAW,SAAU,SAAQ,cAAc,CAAC,cAAc,CAAC;IAC/D,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACxC;AAED,eAAO,MAAM,IAAI,sGASf,CAAC;AAIH,eAAO,MAAM,gBAAgB;;8EAU3B,CAAC;AAOH,MAAM,WAAW,aACf,SAAQ,cAAc,CAAC,cAAc,CAAC,EAAE,YAAY,CAAC,OAAO,gBAAgB,CAAC;IAC7E;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,GAAG,WAAW,CAAC;CAChC;AAED,eAAO,MAAM,QAAQ,0GAsCnB,CAAC;AAIH,MAAM,WAAW,gBAAiB,SAAQ,cAAc,CAAC,iBAAiB,CAAC;IACzE,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAED,eAAO,MAAM,WAAW,gHAsDtB,CAAC;AAIH,MAAM,WAAW,gBAAiB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACtE,KAAK,EAAE,MAAM,CAAC;CACf;AAED,eAAO,MAAM,WAAW,6GAmBtB,CAAC"}

package/dist/Tabs.js

@@ -0,0 +1,94 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Tabs (web variant — React DOM).
+ *
+ * Accessible tabbed interface. Controlled-only:
+ *
+ *   <Tabs value={tab} onValueChange={setTab}>
+ *     <TabsList>
+ *       <TabsTrigger value="account">Account</TabsTrigger>
+ *       <TabsTrigger value="password">Password</TabsTrigger>
+ *     </TabsList>
+ *     <TabsContent value="account">…</TabsContent>
+ *     <TabsContent value="password">…</TabsContent>
+ *   </Tabs>
+ *
+ * Wiki: docs/components/Tabs.md
+ */
+import { createContext, forwardRef, useContext, useCallback, } from 'react';
+import { cva } from 'class-variance-authority';
+import { cn } from './internal/cn.js';
+/* ── Context ────────────────────────────────────────────────────────── */
+const TabsContext = createContext(null);
+function useTabsContext() {
+    const ctx = useContext(TabsContext);
+    if (!ctx)
+        throw new Error('Tabs compound components must be used within <Tabs>');
+    return ctx;
+}
+export const Tabs = forwardRef(function Tabs({ className, value, onValueChange, ...props }, ref) {
+    return (_jsx(TabsContext.Provider, { value: { value, onValueChange }, children: _jsx("div", { ref: ref, className: cn('flex flex-col', className), ...props }) }));
+});
+/* ── TabsList ───────────────────────────────────────────────────────── */
+export const tabsListVariants = cva('items-center gap-1', {
+    variants: {
+        variant: {
+            default: 'rounded-lg bg-muted p-1',
+            underline: 'inline-flex border-b border-border',
+            pills: 'inline-flex gap-2',
+        },
+    },
+    defaultVariants: { variant: 'default' },
+});
+export const TabsList = forwardRef(function TabsList({ className, variant, layout = 'equal', ...props }, ref) {
+    const resolvedVariant = variant ?? 'default';
+    const equalLayout = 'inline-grid grid-flow-col auto-cols-[minmax(8rem,1fr)] [&>[role=tab]]:w-full';
+    return (_jsx("div", { ref: ref, role: "tablist", "data-variant": resolvedVariant, "data-layout": layout, className: cn(tabsListVariants({ variant: resolvedVariant }), layout === 'equal' && equalLayout, '[&>[role=tab]]:data-[state=active]:text-foreground', resolvedVariant === 'default'
+            && '[&>[role=tab]]:data-[state=active]:bg-card [&>[role=tab]]:data-[state=active]:shadow-sm', resolvedVariant === 'underline' && [
+            '[&>[role=tab]]:rounded-none [&>[role=tab]]:border-b-2 [&>[role=tab]]:border-transparent',
+            '[&>[role=tab]]:bg-transparent [&>[role=tab]]:shadow-none',
+            '[&>[role=tab]]:data-[state=active]:border-primary',
+        ], resolvedVariant === 'pills' && [
+            '[&>[role=tab]]:rounded-full [&>[role=tab]]:border [&>[role=tab]]:border-border',
+            '[&>[role=tab]]:bg-card [&>[role=tab]]:shadow-none',
+            '[&>[role=tab]]:hover:border-primary',
+            '[&>[role=tab]]:data-[state=active]:border-primary',
+            '[&>[role=tab]]:data-[state=active]:bg-primary',
+            '[&>[role=tab]]:data-[state=active]:text-primary-foreground',
+        ], className), ...props }));
+});
+export const TabsTrigger = forwardRef(function TabsTrigger({ className, value, disabled, icon, children, ...props }, ref) {
+    const ctx = useTabsContext();
+    const selected = ctx.value === value;
+    const handleKeyDown = useCallback((e) => {
+        const el = e.currentTarget;
+        const list = el.parentElement;
+        if (!list)
+            return;
+        const triggers = Array.from(list.querySelectorAll('[role="tab"]:not([disabled])'));
+        const idx = triggers.indexOf(el);
+        let next;
+        if (e.key === 'ArrowRight')
+            next = triggers[(idx + 1) % triggers.length];
+        else if (e.key === 'ArrowLeft')
+            next = triggers[(idx - 1 + triggers.length) % triggers.length];
+        else if (e.key === 'Home')
+            next = triggers[0];
+        else if (e.key === 'End')
+            next = triggers[triggers.length - 1];
+        if (next) {
+            e.preventDefault();
+            next.focus();
+            next.click();
+        }
+    }, []);
+    return (_jsxs("button", { ref: ref, type: "button", role: "tab", "aria-selected": selected, "data-state": selected ? 'active' : 'inactive', tabIndex: selected ? 0 : -1, disabled: disabled, onClick: () => ctx.onValueChange(value), onKeyDown: handleKeyDown, className: cn('inline-flex min-h-9 items-center justify-center gap-1.5 whitespace-nowrap rounded-md px-3 py-1.5', 'text-sm font-medium transition-colors duration-150', 'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring', 'disabled:pointer-events-none disabled:opacity-50', 'text-muted-foreground hover:text-foreground', className), ...props, children: [icon && _jsx("span", { className: "[&>svg]:h-4 [&>svg]:w-4 flex-shrink-0", children: icon }), children] }));
+});
+export const TabsContent = forwardRef(function TabsContent({ className, value, ...props }, ref) {
+    const ctx = useTabsContext();
+    if (ctx.value !== value)
+        return null;
+    return (_jsx("div", { ref: ref, role: "tabpanel", tabIndex: 0, className: cn('mt-2 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring rounded-md', className), ...props }));
+});
+//# sourceMappingURL=Tabs.js.map

package/dist/Tabs.js.map

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

package/dist/Tabs.native.d.ts

@@ -0,0 +1,47 @@
+/**
+ * Tabs (React Native variant).
+ *
+ * Controlled tabbed interface. Same API as the web variant:
+ *
+ *   <Tabs value={tab} onValueChange={setTab}>
+ *     <TabsList>
+ *       <TabsTrigger value="account">Account</TabsTrigger>
+ *       <TabsTrigger value="password">Password</TabsTrigger>
+ *     </TabsList>
+ *     <TabsContent value="account">…</TabsContent>
+ *     <TabsContent value="password">…</TabsContent>
+ *   </Tabs>
+ *
+ * Wiki: docs/components/Tabs.md
+ */
+import { type ReactNode } from 'react';
+import { View, type ViewProps } from 'react-native';
+import { type VariantProps } from 'class-variance-authority';
+type ClassedViewProps = Omit<ViewProps, 'style'> & {
+    className?: string;
+};
+export interface TabsProps extends ClassedViewProps {
+    value: string;
+    onValueChange: (value: string) => void;
+}
+export declare const Tabs: import("react").ForwardRefExoticComponent<TabsProps & import("react").RefAttributes<View>>;
+export declare const tabsListVariants: (props?: ({
+    variant?: "default" | "underline" | "pills" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface TabsListProps extends ClassedViewProps, VariantProps<typeof tabsListVariants> {
+}
+export declare const TabsList: import("react").ForwardRefExoticComponent<TabsListProps & import("react").RefAttributes<View>>;
+export interface TabsTriggerProps extends Omit<ViewProps, 'style'> {
+    className?: string;
+    value: string;
+    disabled?: boolean;
+    icon?: ReactNode;
+    children?: ReactNode;
+}
+export declare const TabsTrigger: import("react").ForwardRefExoticComponent<TabsTriggerProps & import("react").RefAttributes<View>>;
+export interface TabsContentProps extends ClassedViewProps {
+    value: string;
+}
+export declare const TabsContent: import("react").ForwardRefExoticComponent<TabsContentProps & import("react").RefAttributes<View>>;
+export {};
+//# sourceMappingURL=Tabs.native.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.native.d.ts","sourceRoot":"","sources":["../src/Tabs.native.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AACH,OAAO,EAAyC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAC9E,OAAO,EAAmB,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AACrE,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAGlE,KAAK,gBAAgB,GAAG,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC,GAAG;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAmB1E,MAAM,WAAW,SAAU,SAAQ,gBAAgB;IACjD,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACxC;AAED,eAAO,MAAM,IAAI,4FASf,CAAC;AAIH,eAAO,MAAM,gBAAgB;;8EAS3B,CAAC;AAEH,MAAM,WAAW,aAAc,SAAQ,gBAAgB,EAAE,YAAY,CAAC,OAAO,gBAAgB,CAAC;CAAG;AAEjG,eAAO,MAAM,QAAQ,gGAKnB,CAAC;AAIH,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC;IAChE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,eAAO,MAAM,WAAW,mGAkCtB,CAAC;AAIH,MAAM,WAAW,gBAAiB,SAAQ,gBAAgB;IACxD,KAAK,EAAE,MAAM,CAAC;CACf;AAED,eAAO,MAAM,WAAW,mGAQtB,CAAC"}

package/dist/Tabs.native.js

@@ -0,0 +1,57 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Tabs (React Native variant).
+ *
+ * Controlled tabbed interface. Same API as the web variant:
+ *
+ *   <Tabs value={tab} onValueChange={setTab}>
+ *     <TabsList>
+ *       <TabsTrigger value="account">Account</TabsTrigger>
+ *       <TabsTrigger value="password">Password</TabsTrigger>
+ *     </TabsList>
+ *     <TabsContent value="account">…</TabsContent>
+ *     <TabsContent value="password">…</TabsContent>
+ *   </Tabs>
+ *
+ * Wiki: docs/components/Tabs.md
+ */
+import { createContext, forwardRef, useContext } from 'react';
+import { Pressable, Text, View } from 'react-native';
+import { cva } from 'class-variance-authority';
+import { cn } from './internal/cn.js';
+const TabsContext = createContext(null);
+function useTabsContext() {
+    const ctx = useContext(TabsContext);
+    if (!ctx)
+        throw new Error('Tabs compound components must be used within <Tabs>');
+    return ctx;
+}
+export const Tabs = forwardRef(function Tabs({ className, value, onValueChange, ...props }, ref) {
+    return (_jsx(TabsContext.Provider, { value: { value, onValueChange }, children: _jsx(View, { ref: ref, className: cn('flex-col', className), ...props }) }));
+});
+/* ── TabsList ───────────────────────────────────────────────────────── */
+export const tabsListVariants = cva('flex-row items-center gap-1', {
+    variants: {
+        variant: {
+            default: 'rounded-lg bg-muted p-1',
+            underline: 'border-b border-border',
+            pills: 'gap-2',
+        },
+    },
+    defaultVariants: { variant: 'default' },
+});
+export const TabsList = forwardRef(function TabsList({ className, variant, ...props }, ref) {
+    return _jsx(View, { ref: ref, className: cn(tabsListVariants({ variant }), className), ...props });
+});
+export const TabsTrigger = forwardRef(function TabsTrigger({ className, value, disabled, icon, children, ...props }, ref) {
+    const ctx = useTabsContext();
+    const selected = ctx.value === value;
+    return (_jsxs(Pressable, { ref: ref, accessibilityRole: "tab", accessibilityState: { selected, disabled }, "data-state": selected ? 'active' : 'inactive', disabled: disabled, onPress: () => ctx.onValueChange(value), className: cn('min-h-9 min-w-32 flex-row items-center justify-center gap-1.5 rounded-md px-3 py-1.5', selected ? 'bg-card' : 'bg-transparent', disabled && 'opacity-50', className), ...props, children: [icon && _jsx(View, { className: "flex-shrink-0", children: icon }), _jsx(Text, { className: cn('text-sm font-medium', selected ? 'text-foreground' : 'text-muted-foreground'), children: children })] }));
+});
+export const TabsContent = forwardRef(function TabsContent({ className, value, ...props }, ref) {
+    const ctx = useTabsContext();
+    if (ctx.value !== value)
+        return null;
+    return _jsx(View, { ref: ref, className: cn('mt-2', className), ...props });
+});
+//# sourceMappingURL=Tabs.native.js.map

package/dist/Tabs.native.js.map

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

package/dist/Tag.d.ts

@@ -0,0 +1,24 @@
+/**
+ * Tag (web variant — React DOM).
+ *
+ * Label chip with optional remove action. Like Badge but interactive —
+ * can be removed via the X button.
+ *
+ * Wiki: docs/components/Tag.md
+ */
+import { type HTMLAttributes } from 'react';
+import { type VariantProps } from 'class-variance-authority';
+export declare const tagVariants: (props?: ({
+    variant?: "accent" | "primary" | "default" | "destructive" | "success" | "warning" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+type TagVariantProps = VariantProps<typeof tagVariants>;
+export interface TagProps extends HTMLAttributes<HTMLSpanElement>, TagVariantProps {
+    /** When provided, renders a remove (x) button. */
+    onRemove?: () => void;
+    /** Convenience alias — when true, renders the remove button (fires no-op if onRemove is missing). */
+    removable?: boolean;
+}
+export declare const Tag: import("react").ForwardRefExoticComponent<TagProps & import("react").RefAttributes<HTMLSpanElement>>;
+export {};
+//# sourceMappingURL=Tag.d.ts.map

package/dist/Tag.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tag.d.ts","sourceRoot":"","sources":["../src/Tag.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AACH,OAAO,EAAc,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AACxD,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAGlE,eAAO,MAAM,WAAW;;;8EAwBvB,CAAC;AAEF,KAAK,eAAe,GAAG,YAAY,CAAC,OAAO,WAAW,CAAC,CAAC;AAExD,MAAM,WAAW,QACf,SAAQ,cAAc,CAAC,eAAe,CAAC,EACrC,eAAe;IACjB,kDAAkD;IAClD,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,qGAAqG;IACrG,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,eAAO,MAAM,GAAG,sGAyCd,CAAC"}

package/dist/Tag.js

@@ -0,0 +1,41 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Tag (web variant — React DOM).
+ *
+ * Label chip with optional remove action. Like Badge but interactive —
+ * can be removed via the X button.
+ *
+ * Wiki: docs/components/Tag.md
+ */
+import { forwardRef } from 'react';
+import { cva } from 'class-variance-authority';
+import { cn } from './internal/cn.js';
+export const tagVariants = cva('inline-flex items-center gap-1 rounded-full ' +
+    'font-medium leading-none border border-transparent transition-colors duration-150', {
+    variants: {
+        variant: {
+            default: 'bg-brand-neutral-66 text-secondary-foreground',
+            primary: 'bg-primary-50 text-primary dark:bg-primary-950 dark:text-primary-300',
+            accent: 'bg-accent-50 text-accent-600 dark:bg-accent-950 dark:text-accent-300',
+            destructive: 'bg-red-100 text-destructive',
+            success: 'bg-green-100 text-success',
+            warning: 'bg-yellow-100 text-warning',
+        },
+        size: {
+            sm: 'text-xs px-1.5 py-0.5',
+            md: 'text-xs px-2 py-0.5',
+            lg: 'text-sm px-2.5 py-1',
+        },
+    },
+    defaultVariants: {
+        variant: 'default',
+        size: 'md',
+    },
+});
+export const Tag = forwardRef(function Tag({ className, variant, size, onRemove, removable, children, ...props }, ref) {
+    const showRemove = onRemove !== undefined || removable === true;
+    const handleRemove = onRemove ?? (() => { });
+    return (_jsxs("span", { ref: ref, className: cn(tagVariants({ variant, size }), className), ...props, children: [children, showRemove && (_jsx("button", { type: "button", onClick: (e) => { e.stopPropagation(); handleRemove(); }, "aria-label": "Remove", className: cn('rounded-full opacity-60 hover:opacity-100 transition-opacity', 'focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring', size === 'sm' ? 'p-px' : 'p-0.5'), children: _jsx("svg", { "aria-hidden": true, viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: 2, className: cn(size === 'lg' ? 'h-3 w-3' : 'h-2.5 w-2.5'), children: _jsx("path", { strokeLinecap: "round", d: "M4 12L12 4M4 4l8 8" }) }) }))] }));
+});
+//# sourceMappingURL=Tag.js.map

package/dist/Tag.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tag.js","sourceRoot":"","sources":["../src/Tag.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb;;;;;;;GAOG;AACH,OAAO,EAAE,UAAU,EAAuB,MAAM,OAAO,CAAC;AACxD,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,EAAE,EAAE,MAAM,kBAAkB,CAAC;AAEtC,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,CAC5B,8CAA8C;IAC5C,mFAAmF,EACrF;IACE,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EAAE,+CAA+C;YACxD,OAAO,EAAE,sEAAsE;YAC/E,MAAM,EAAE,sEAAsE;YAC9E,WAAW,EAAE,6BAA6B;YAC1C,OAAO,EAAE,2BAA2B;YACpC,OAAO,EAAE,4BAA4B;SACtC;QACD,IAAI,EAAE;YACJ,EAAE,EAAE,uBAAuB;YAC3B,EAAE,EAAE,qBAAqB;YACzB,EAAE,EAAE,qBAAqB;SAC1B;KACF;IACD,eAAe,EAAE;QACf,OAAO,EAAE,SAAS;QAClB,IAAI,EAAE,IAAI;KACX;CACF,CACF,CAAC;AAaF,MAAM,CAAC,MAAM,GAAG,GAAG,UAAU,CAA4B,SAAS,GAAG,CACnE,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EACrE,GAAG;IAEH,MAAM,UAAU,GAAG,QAAQ,KAAK,SAAS,IAAI,SAAS,KAAK,IAAI,CAAC;IAChE,MAAM,YAAY,GAAG,QAAQ,IAAI,CAAC,GAAG,EAAE,GAAE,CAAC,CAAC,CAAC;IAE5C,OAAO,CACL,gBACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,WAAW,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,EAAE,SAAS,CAAC,KACpD,KAAK,aAER,QAAQ,EACR,UAAU,IAAI,CACb,iBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,GAAG,CAAC,CAAC,eAAe,EAAE,CAAC,CAAC,YAAY,EAAE,CAAC,CAAC,CAAC,gBAC7C,QAAQ,EACnB,SAAS,EAAE,EAAE,CACX,8DAA8D,EAC9D,yEAAyE,EACzE,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CACjC,YAED,mCAEE,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,WAAW,EAAE,CAAC,EACd,SAAS,EAAE,EAAE,CACX,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,aAAa,CAC1C,YAED,eAAM,aAAa,EAAC,OAAO,EAAC,CAAC,EAAC,oBAAoB,GAAG,GACjD,GACC,CACV,IACI,CACR,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/Tag.native.d.ts

@@ -0,0 +1,23 @@
+/**
+ * Tag (React Native variant).
+ *
+ * Label chip with optional remove action. Rendered as `<View>` + `<Text>`.
+ * Same prop API as the web variant.
+ *
+ * Wiki: docs/components/Tag.md
+ */
+import { type ReactNode } from 'react';
+import { View, type ViewProps } from 'react-native';
+import { type VariantProps } from 'class-variance-authority';
+export declare const tagVariants: (props?: ({
+    variant?: "accent" | "primary" | "default" | "destructive" | "success" | "warning" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface TagProps extends Omit<ViewProps, 'style'>, VariantProps<typeof tagVariants> {
+    className?: string;
+    children?: ReactNode;
+    onRemove?: () => void;
+    removable?: boolean;
+}
+export declare const Tag: import("react").ForwardRefExoticComponent<TagProps & import("react").RefAttributes<View>>;
+//# sourceMappingURL=Tag.native.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tag.native.d.ts","sourceRoot":"","sources":["../src/Tag.native.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,OAAO,EAAc,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAmB,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AACrE,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAGlE,eAAO,MAAM,WAAW;;;8EAuBvB,CAAC;AAiBF,MAAM,WAAW,QACf,SAAQ,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC,EAC9B,YAAY,CAAC,OAAO,WAAW,CAAC;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,eAAO,MAAM,GAAG,2FAwBd,CAAC"}

package/dist/Tag.native.js

@@ -0,0 +1,55 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Tag (React Native variant).
+ *
+ * Label chip with optional remove action. Rendered as `<View>` + `<Text>`.
+ * Same prop API as the web variant.
+ *
+ * Wiki: docs/components/Tag.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 tagVariants = cva('flex-row items-center rounded-full border border-transparent', {
+    variants: {
+        variant: {
+            default: 'bg-secondary',
+            primary: 'bg-primary/10',
+            accent: 'bg-accent/10',
+            destructive: 'bg-destructive/10',
+            success: 'bg-success/10',
+            warning: 'bg-warning/10',
+        },
+        size: {
+            sm: 'px-1.5 py-0.5',
+            md: 'px-2 py-0.5',
+            lg: 'px-2.5 py-1',
+        },
+    },
+    defaultVariants: {
+        variant: 'default',
+        size: 'md',
+    },
+});
+const TEXT_TONE = {
+    default: 'text-secondary-foreground',
+    primary: 'text-primary',
+    accent: 'text-accent-600',
+    destructive: 'text-destructive',
+    success: 'text-success',
+    warning: 'text-warning',
+};
+const TEXT_SIZE = {
+    sm: 'text-xs',
+    md: 'text-xs',
+    lg: 'text-sm',
+};
+export const Tag = forwardRef(function Tag({ className, variant = 'default', size = 'md', onRemove, removable, children, ...props }, ref) {
+    const showRemove = onRemove !== undefined || removable === true;
+    const handleRemove = onRemove ?? (() => { });
+    const tone = TEXT_TONE[variant ?? 'default'];
+    const textSize = TEXT_SIZE[size ?? 'md'];
+    return (_jsxs(View, { ref: ref, className: cn(tagVariants({ variant, size }), className), ...props, children: [_jsx(Text, { className: cn(textSize, 'font-medium leading-none', tone), children: children }), showRemove && (_jsx(Pressable, { onPress: handleRemove, accessibilityRole: "button", accessibilityLabel: "Remove", className: "ml-1 opacity-60", children: _jsx(Text, { className: cn('text-xs', tone), children: "\u2715" }) }))] }));
+});
+//# sourceMappingURL=Tag.native.js.map

package/dist/Tag.native.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tag.native.js","sourceRoot":"","sources":["../src/Tag.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,WAAW,GAAG,GAAG,CAC5B,8DAA8D,EAC9D;IACE,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EAAE,cAAc;YACvB,OAAO,EAAE,eAAe;YACxB,MAAM,EAAE,cAAc;YACtB,WAAW,EAAE,mBAAmB;YAChC,OAAO,EAAE,eAAe;YACxB,OAAO,EAAE,eAAe;SACzB;QACD,IAAI,EAAE;YACJ,EAAE,EAAE,eAAe;YACnB,EAAE,EAAE,aAAa;YACjB,EAAE,EAAE,aAAa;SAClB;KACF;IACD,eAAe,EAAE;QACf,OAAO,EAAE,SAAS;QAClB,IAAI,EAAE,IAAI;KACX;CACF,CACF,CAAC;AAEF,MAAM,SAAS,GAA6E;IAC1F,OAAO,EAAE,2BAA2B;IACpC,OAAO,EAAE,cAAc;IACvB,MAAM,EAAE,iBAAiB;IACzB,WAAW,EAAE,kBAAkB;IAC/B,OAAO,EAAE,cAAc;IACvB,OAAO,EAAE,cAAc;CACxB,CAAC;AAEF,MAAM,SAAS,GAA0E;IACvF,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,SAAS;CACd,CAAC;AAWF,MAAM,CAAC,MAAM,GAAG,GAAG,UAAU,CAAiB,SAAS,GAAG,CACxD,EAAE,SAAS,EAAE,OAAO,GAAG,SAAS,EAAE,IAAI,GAAG,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EACxF,GAAG;IAEH,MAAM,UAAU,GAAG,QAAQ,KAAK,SAAS,IAAI,SAAS,KAAK,IAAI,CAAC;IAChE,MAAM,YAAY,GAAG,QAAQ,IAAI,CAAC,GAAG,EAAE,GAAE,CAAC,CAAC,CAAC;IAC5C,MAAM,IAAI,GAAG,SAAS,CAAC,OAAO,IAAI,SAAS,CAAC,CAAC;IAC7C,MAAM,QAAQ,GAAG,SAAS,CAAC,IAAI,IAAI,IAAI,CAAC,CAAC;IAEzC,OAAO,CACL,MAAC,IAAI,IAAC,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,WAAW,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,EAAE,SAAS,CAAC,KAAM,KAAK,aACjF,KAAC,IAAI,IAAC,SAAS,EAAE,EAAE,CAAC,QAAQ,EAAE,0BAA0B,EAAE,IAAI,CAAC,YAAG,QAAQ,GAAQ,EACjF,UAAU,IAAI,CACb,KAAC,SAAS,IACR,OAAO,EAAE,YAAY,EACrB,iBAAiB,EAAC,QAAQ,EAC1B,kBAAkB,EAAC,QAAQ,EAC3B,SAAS,EAAC,iBAAiB,YAE3B,KAAC,IAAI,IAAC,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,IAAI,CAAC,uBAAU,GACpC,CACb,IACI,CACR,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/Text.d.ts

@@ -0,0 +1,26 @@
+/**
+ * Text (web variant).
+ *
+ * Native variant lives at `Text.native.tsx`.
+ *
+ * Variants align with our type scale (xs..5xl) and weight tokens.
+ *
+ * Wiki: docs/components/Text.md
+ */
+import { type HTMLAttributes } from 'react';
+import { type VariantProps } from 'class-variance-authority';
+export type TextElement = 'span' | 'p' | 'div' | 'strong' | 'em' | 'small' | 'label' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+export declare const textVariants: (props?: ({
+    size?: "caption" | "title" | "body" | "sm" | "lg" | "xl" | "base" | "label" | "xs" | "2xl" | "3xl" | "4xl" | "5xl" | "body-sm" | "stat" | "stat-sm" | null | undefined;
+    weight?: "bold" | "normal" | "medium" | "semibold" | null | undefined;
+    tone?: "default" | "destructive" | "success" | "warning" | "muted" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface TextProps extends HTMLAttributes<HTMLElement>, VariantProps<typeof textVariants> {
+    /**
+     * Semantic element to render on web. Defaults to `span` for inline text.
+     * Use `p` for paragraphs and `h1`..`h6` for document headings.
+     */
+    as?: TextElement;
+}
+export declare const Text: import("react").ForwardRefExoticComponent<TextProps & import("react").RefAttributes<HTMLElement>>;
+//# sourceMappingURL=Text.d.ts.map

package/dist/Text.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../src/Text.tsx"],"names":[],"mappings":"AAEA;;;;;;;;GAQG;AACH,OAAO,EAA6B,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AACvE,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAGlE,MAAM,MAAM,WAAW,GACnB,MAAM,GACN,GAAG,GACH,KAAK,GACL,QAAQ,GACR,IAAI,GACJ,OAAO,GACP,OAAO,GACP,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,CAAC;AAET,eAAO,MAAM,YAAY;;;;8EAyCvB,CAAC;AAEH,MAAM,WAAW,SACf,SAAQ,cAAc,CAAC,WAAW,CAAC,EACjC,YAAY,CAAC,OAAO,YAAY,CAAC;IACnC;;;OAGG;IACH,EAAE,CAAC,EAAE,WAAW,CAAC;CAClB;AAED,eAAO,MAAM,IAAI,mGASf,CAAC"}

package/dist/Text.js

@@ -0,0 +1,63 @@
+'use client';
+/**
+ * Text (web variant).
+ *
+ * Native variant lives at `Text.native.tsx`.
+ *
+ * Variants align with our type scale (xs..5xl) and weight tokens.
+ *
+ * Wiki: docs/components/Text.md
+ */
+import { createElement, forwardRef } from 'react';
+import { cva } from 'class-variance-authority';
+import { cn } from './internal/cn.js';
+export const textVariants = cva('text-foreground', {
+    variants: {
+        size: {
+            /* Standard Tailwind scale */
+            xs: 'text-xs leading-snug',
+            sm: 'text-sm leading-snug',
+            base: 'text-base leading-normal',
+            lg: 'text-lg leading-normal',
+            xl: 'text-xl leading-snug',
+            '2xl': 'text-2xl leading-tight',
+            '3xl': 'text-3xl leading-tight',
+            '4xl': 'text-4xl leading-tight',
+            '5xl': 'text-5xl leading-tight',
+            /* Semantic aliases mapped to Tailwind default steps */
+            caption: 'text-caption leading-none', /* text-xs */
+            label: 'text-label leading-none', /* text-sm */
+            'body-sm': 'text-body-sm leading-snug', /* text-sm */
+            body: 'text-body leading-normal', /* text-base */
+            title: 'text-title leading-tight', /* text-2xl */
+            stat: 'text-stat leading-none', /* text-2xl */
+            'stat-sm': 'text-stat-sm leading-none', /* text-xl */
+        },
+        weight: {
+            normal: 'font-normal',
+            medium: 'font-medium',
+            semibold: 'font-semibold',
+            bold: 'font-bold',
+        },
+        tone: {
+            default: 'text-foreground',
+            muted: 'text-muted-foreground',
+            destructive: 'text-destructive',
+            success: 'text-success',
+            warning: 'text-warning',
+        },
+    },
+    defaultVariants: {
+        size: 'base',
+        weight: 'normal',
+        tone: 'default',
+    },
+});
+export const Text = forwardRef(function Text({ as: Component = 'span', className, size, weight, tone, ...props }, ref) {
+    return createElement(Component, {
+        ...props,
+        ref,
+        className: cn(textVariants({ size, weight, tone }), className),
+    });
+});
+//# sourceMappingURL=Text.js.map

package/dist/Text.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Text.js","sourceRoot":"","sources":["../src/Text.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb;;;;;;;;GAQG;AACH,OAAO,EAAE,aAAa,EAAE,UAAU,EAAuB,MAAM,OAAO,CAAC;AACvE,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,EAAE,EAAE,MAAM,kBAAkB,CAAC;AAiBtC,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,CAAC,iBAAiB,EAAE;IACjD,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,6BAA6B;YAC7B,EAAE,EAAE,sBAAsB;YAC1B,EAAE,EAAE,sBAAsB;YAC1B,IAAI,EAAE,0BAA0B;YAChC,EAAE,EAAE,wBAAwB;YAC5B,EAAE,EAAE,sBAAsB;YAC1B,KAAK,EAAE,wBAAwB;YAC/B,KAAK,EAAE,wBAAwB;YAC/B,KAAK,EAAE,wBAAwB;YAC/B,KAAK,EAAE,wBAAwB;YAC/B,uDAAuD;YACvD,OAAO,EAAE,2BAA2B,EAAQ,aAAa;YACzD,KAAK,EAAE,yBAAyB,EAAa,aAAa;YAC1D,SAAS,EAAE,2BAA2B,EAAO,aAAa;YAC1D,IAAI,EAAE,0BAA0B,EAAa,eAAe;YAC5D,KAAK,EAAE,0BAA0B,EAAY,cAAc;YAC3D,IAAI,EAAE,wBAAwB,EAAe,cAAc;YAC3D,SAAS,EAAE,2BAA2B,EAAO,aAAa;SAC3D;QACD,MAAM,EAAE;YACN,MAAM,EAAE,aAAa;YACrB,MAAM,EAAE,aAAa;YACrB,QAAQ,EAAE,eAAe;YACzB,IAAI,EAAE,WAAW;SAClB;QACD,IAAI,EAAE;YACJ,OAAO,EAAE,iBAAiB;YAC1B,KAAK,EAAE,uBAAuB;YAC9B,WAAW,EAAE,kBAAkB;YAC/B,OAAO,EAAE,cAAc;YACvB,OAAO,EAAE,cAAc;SACxB;KACF;IACD,eAAe,EAAE;QACf,IAAI,EAAE,MAAM;QACZ,MAAM,EAAE,QAAQ;QAChB,IAAI,EAAE,SAAS;KAChB;CACF,CAAC,CAAC;AAYH,MAAM,CAAC,MAAM,IAAI,GAAG,UAAU,CAAyB,SAAS,IAAI,CAClE,EAAE,EAAE,EAAE,SAAS,GAAG,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,KAAK,EAAE,EACnE,GAAG;IAEH,OAAO,aAAa,CAAC,SAAS,EAAE;QAC9B,GAAG,KAAK;QACR,GAAG;QACH,SAAS,EAAE,EAAE,CAAC,YAAY,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,EAAE,SAAS,CAAC;KAC/D,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/dist/Text.native.d.ts

@@ -0,0 +1,18 @@
+import { Text as RNText, type TextProps as RNTextProps } from 'react-native';
+import { type VariantProps } from 'class-variance-authority';
+export type TextElement = 'span' | 'p' | 'div' | 'strong' | 'em' | 'small' | 'label' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+export declare const textVariants: (props?: ({
+    size?: "caption" | "title" | "body" | "sm" | "lg" | "xl" | "base" | "label" | "xs" | "2xl" | "3xl" | "4xl" | "5xl" | "body-sm" | "stat" | "stat-sm" | null | undefined;
+    weight?: "bold" | "normal" | "medium" | "semibold" | null | undefined;
+    tone?: "default" | "destructive" | "success" | "warning" | "muted" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface TextProps extends RNTextProps, VariantProps<typeof textVariants> {
+    /**
+     * Kept for web/native API parity. Native always renders RN Text; heading
+     * elements map to `accessibilityRole="header"` unless explicitly set.
+     */
+    as?: TextElement;
+    className?: string;
+}
+export declare const Text: import("react").ForwardRefExoticComponent<TextProps & import("react").RefAttributes<RNText>>;
+//# sourceMappingURL=Text.native.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Text.native.d.ts","sourceRoot":"","sources":["../src/Text.native.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,IAAI,IAAI,MAAM,EAAE,KAAK,SAAS,IAAI,WAAW,EAAE,MAAM,cAAc,CAAC;AAC7E,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAGlE,MAAM,MAAM,WAAW,GACnB,MAAM,GACN,GAAG,GACH,KAAK,GACL,QAAQ,GACR,IAAI,GACJ,OAAO,GACP,OAAO,GACP,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,CAAC;AAET,eAAO,MAAM,YAAY;;;;8EAyCvB,CAAC;AAEH,MAAM,WAAW,SACf,SAAQ,WAAW,EACjB,YAAY,CAAC,OAAO,YAAY,CAAC;IACnC;;;OAGG;IACH,EAAE,CAAC,EAAE,WAAW,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAMD,eAAO,MAAM,IAAI,8FAYf,CAAC"}