@mihcm/ui 0.14.1

package/dist/Alert.js

@@ -0,0 +1,45 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Alert (web variant — React DOM).
+ *
+ * Inline message banner. Three pieces compose:
+ *
+ *   <Alert variant="destructive">
+ *     <AlertTitle>Couldn't save</AlertTitle>
+ *     <AlertDescription>Check your connection and try again.</AlertDescription>
+ *   </Alert>
+ *
+ * Sets `role="alert"` so assistive tech announces the message when
+ * the element mounts. Pair with an icon — never communicate severity
+ * with colour alone.
+ *
+ * Wiki: docs/components/Alert.md
+ */
+import { forwardRef } from 'react';
+import { cva } from 'class-variance-authority';
+import { cn } from './internal/cn.js';
+export const alertVariants = cva('relative w-full rounded-lg border px-4 py-3 flex items-start', {
+    variants: {
+        variant: {
+            default: 'bg-card text-foreground border-secondary',
+            accent: 'bg-accent-50 text-accent-700 border-accent-200 [&>svg]:text-accent-600 dark:bg-accent-950 dark:text-accent-300 dark:border-accent-800',
+            destructive: 'bg-red-100 text-destructive border-destructive/20 [&>svg]:text-destructive',
+            success: 'bg-green-100 text-success border-success/20 [&>svg]:text-success',
+            warning: 'bg-yellow-100 text-warning border-warning/20 [&>svg]:text-warning',
+        },
+    },
+    defaultVariants: {
+        variant: 'default',
+    },
+});
+export const Alert = forwardRef(function Alert({ className, variant, icon, onClose, children, ...props }, ref) {
+    return (_jsxs("div", { ref: ref, role: "alert", className: cn(alertVariants({ variant }), icon && '[&>svg+*]:pl-0 [&>svg~*]:pl-0', className), ...props, children: [icon && _jsx("span", { className: "mr-3 flex-shrink-0 [&>svg]:h-4 [&>svg]:w-4", children: icon }), _jsx("div", { className: "flex-1", children: children }), onClose && (_jsx("button", { type: "button", onClick: onClose, "aria-label": "Dismiss", className: "ml-auto flex-shrink-0 rounded p-0.5 opacity-60 hover:opacity-100 transition-opacity duration-150 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", children: _jsx("svg", { "aria-hidden": true, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, className: "h-4 w-4", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6 18L18 6M6 6l12 12" }) }) }))] }));
+});
+export const AlertTitle = forwardRef(function AlertTitle({ className, ...props }, ref) {
+    return (_jsx("h5", { ref: ref, className: cn('mb-1 font-medium leading-tight tracking-tight', className), ...props }));
+});
+export const AlertDescription = forwardRef(function AlertDescription({ className, ...props }, ref) {
+    return (_jsx("div", { ref: ref, className: cn('text-sm leading-relaxed', className), ...props }));
+});
+//# sourceMappingURL=Alert.js.map

package/dist/Alert.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.js","sourceRoot":"","sources":["../src/Alert.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb;;;;;;;;;;;;;;;GAeG;AACH,OAAO,EAAE,UAAU,EAAuC,MAAM,OAAO,CAAC;AACxE,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,EAAE,EAAE,MAAM,kBAAkB,CAAC;AAEtC,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,CAC9B,8DAA8D,EAC9D;IACE,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EAAE,0CAA0C;YACnD,MAAM,EACJ,uIAAuI;YACzI,WAAW,EACT,4EAA4E;YAC9E,OAAO,EACL,kEAAkE;YACpE,OAAO,EACL,mEAAmE;SACtE;KACF;IACD,eAAe,EAAE;QACf,OAAO,EAAE,SAAS;KACnB;CACF,CACF,CAAC;AAWF,MAAM,CAAC,MAAM,KAAK,GAAG,UAAU,CAA6B,SAAS,KAAK,CACxE,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EACzD,GAAG;IAEH,OAAO,CACL,eACE,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,OAAO,EACZ,SAAS,EAAE,EAAE,CAAC,aAAa,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,IAAI,IAAI,+BAA+B,EAAE,SAAS,CAAC,KACzF,KAAK,aAER,IAAI,IAAI,eAAM,SAAS,EAAC,4CAA4C,YAAE,IAAI,GAAQ,EACnF,cAAK,SAAS,EAAC,QAAQ,YAAE,QAAQ,GAAO,EACvC,OAAO,IAAI,CACV,iBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,OAAO,gBACL,SAAS,EACpB,SAAS,EAAC,0KAA0K,YAEpL,mCAAiB,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,cAAc,EAAC,WAAW,EAAE,CAAC,EAAE,SAAS,EAAC,SAAS,YACxG,eAAM,aAAa,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,EAAC,CAAC,EAAC,sBAAsB,GAAG,GAC1E,GACC,CACV,IACG,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,UAAU,GAAG,UAAU,CAClC,SAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG;IAC9C,OAAO,CACL,aACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,+CAA+C,EAAE,SAAS,CAAC,KACrE,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,UAAU,CACxC,SAAS,gBAAgB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG;IACpD,OAAO,CACL,cAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,yBAAyB,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CAClF,CAAC;AACJ,CAAC,CACF,CAAC"}

package/dist/Alert.native.d.ts

@@ -0,0 +1,26 @@
+/**
+ * Alert (React Native variant).
+ *
+ * `<View accessibilityRole="alert">` + composable Title/Description.
+ * Same prop API as the web variant.
+ *
+ * Wiki: docs/components/Alert.md
+ */
+import { type ReactNode } from 'react';
+import { Text, View, type TextProps, type ViewProps } from 'react-native';
+import { type VariantProps } from 'class-variance-authority';
+export declare const alertVariants: (props?: ({
+    variant?: "default" | "destructive" | "success" | "warning" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface AlertProps extends Omit<ViewProps, 'style'>, VariantProps<typeof alertVariants> {
+    className?: string;
+    icon?: ReactNode;
+    onClose?: () => void;
+}
+export declare const Alert: import("react").ForwardRefExoticComponent<AlertProps & import("react").RefAttributes<View>>;
+export interface AlertTextProps extends Omit<TextProps, 'style'> {
+    className?: string;
+}
+export declare const AlertTitle: import("react").ForwardRefExoticComponent<AlertTextProps & import("react").RefAttributes<Text>>;
+export declare const AlertDescription: import("react").ForwardRefExoticComponent<AlertTextProps & import("react").RefAttributes<Text>>;
+//# sourceMappingURL=Alert.native.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.native.d.ts","sourceRoot":"","sources":["../src/Alert.native.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,OAAO,EAAc,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAa,IAAI,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AACrF,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAGlE,eAAO,MAAM,aAAa;;8EAUxB,CAAC;AASH,MAAM,WAAW,UACf,SAAQ,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC,EAC9B,YAAY,CAAC,OAAO,aAAa,CAAC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAID,eAAO,MAAM,KAAK,6FA0BhB,CAAC;AAEH,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC;IAC9D,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,UAAU,iGAYrB,CAAC;AAEH,eAAO,MAAM,gBAAgB,iGAW3B,CAAC"}

package/dist/Alert.native.js

@@ -0,0 +1,41 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Alert (React Native variant).
+ *
+ * `<View accessibilityRole="alert">` + composable Title/Description.
+ * Same prop API as the web variant.
+ *
+ * Wiki: docs/components/Alert.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 alertVariants = cva('w-full rounded-md border px-4 py-3 flex-row items-start', {
+    variants: {
+        variant: {
+            default: 'bg-background border-border',
+            destructive: 'bg-destructive/10 border-destructive/40',
+            success: 'bg-success/10 border-success/40',
+            warning: 'bg-warning/10 border-warning/40',
+        },
+    },
+    defaultVariants: { variant: 'default' },
+});
+const TONE = {
+    default: 'text-foreground',
+    destructive: 'text-destructive',
+    success: 'text-success',
+    warning: 'text-warning',
+};
+const AlertVariantContext = (variant) => TONE[variant ?? 'default'];
+export const Alert = forwardRef(function Alert({ className, variant = 'default', icon, onClose, children, ...props }, ref) {
+    return (_jsxs(View, { ref: ref, accessibilityRole: "alert", className: cn(alertVariants({ variant }), className), "data-alert-tone": AlertVariantContext(variant), ...props, children: [icon && _jsx(View, { className: "mr-3 flex-shrink-0", children: icon }), _jsx(View, { className: "flex-1", children: children }), onClose && (_jsx(Pressable, { onPress: onClose, accessibilityRole: "button", accessibilityLabel: "Dismiss", className: "ml-auto flex-shrink-0 p-0.5 opacity-60", children: _jsx(Text, { className: TONE[variant ?? 'default'], children: "\u2715" }) }))] }));
+});
+export const AlertTitle = forwardRef(function AlertTitle({ className, ...props }, ref) {
+    return (_jsx(Text, { ref: ref, accessibilityRole: "header", className: cn('mb-1 font-medium leading-tight text-foreground', className), ...props }));
+});
+export const AlertDescription = forwardRef(function AlertDescription({ className, ...props }, ref) {
+    return (_jsx(Text, { ref: ref, className: cn('text-sm leading-relaxed text-foreground/80', className), ...props }));
+});
+//# sourceMappingURL=Alert.native.js.map

package/dist/Alert.native.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.native.js","sourceRoot":"","sources":["../src/Alert.native.tsx"],"names":[],"mappings":";AAAA;;;;;;;GAOG;AACH,OAAO,EAAE,UAAU,EAAkB,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAkC,MAAM,cAAc,CAAC;AACrF,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,EAAE,EAAE,MAAM,kBAAkB,CAAC;AAEtC,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,CAAC,yDAAyD,EAAE;IAC1F,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EAAE,6BAA6B;YACtC,WAAW,EAAE,yCAAyC;YACtD,OAAO,EAAE,iCAAiC;YAC1C,OAAO,EAAE,iCAAiC;SAC3C;KACF;IACD,eAAe,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;CACxC,CAAC,CAAC;AAEH,MAAM,IAAI,GAA+E;IACvF,OAAO,EAAE,iBAAiB;IAC1B,WAAW,EAAE,kBAAkB;IAC/B,OAAO,EAAE,cAAc;IACvB,OAAO,EAAE,cAAc;CACxB,CAAC;AAUF,MAAM,mBAAmB,GAAG,CAAC,OAA+B,EAAE,EAAE,CAAC,IAAI,CAAC,OAAO,IAAI,SAAS,CAAC,CAAC;AAE5F,MAAM,CAAC,MAAM,KAAK,GAAG,UAAU,CAAmB,SAAS,KAAK,CAC9D,EAAE,SAAS,EAAE,OAAO,GAAG,SAAS,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EACrE,GAAG;IAEH,OAAO,CACL,MAAC,IAAI,IACH,GAAG,EAAE,GAAG,EACR,iBAAiB,EAAC,OAAO,EACzB,SAAS,EAAE,EAAE,CAAC,aAAa,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,SAAS,CAAC,qBACnC,mBAAmB,CAAC,OAAO,CAAC,KACzC,KAAK,aAER,IAAI,IAAI,KAAC,IAAI,IAAC,SAAS,EAAC,oBAAoB,YAAE,IAAI,GAAQ,EAC3D,KAAC,IAAI,IAAC,SAAS,EAAC,QAAQ,YAAE,QAAQ,GAAQ,EACzC,OAAO,IAAI,CACV,KAAC,SAAS,IACR,OAAO,EAAE,OAAO,EAChB,iBAAiB,EAAC,QAAQ,EAC1B,kBAAkB,EAAC,SAAS,EAC5B,SAAS,EAAC,wCAAwC,YAElD,KAAC,IAAI,IAAC,SAAS,EAAE,IAAI,CAAC,OAAO,IAAI,SAAS,CAAC,uBAAU,GAC3C,CACb,IACI,CACR,CAAC;AACJ,CAAC,CAAC,CAAC;AAMH,MAAM,CAAC,MAAM,UAAU,GAAG,UAAU,CAAuB,SAAS,UAAU,CAC5E,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EACvB,GAAG;IAEH,OAAO,CACL,KAAC,IAAI,IACH,GAAG,EAAE,GAAG,EACR,iBAAiB,EAAC,QAAQ,EAC1B,SAAS,EAAE,EAAE,CAAC,gDAAgD,EAAE,SAAS,CAAC,KACtE,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,gBAAgB,GAAG,UAAU,CAAuB,SAAS,gBAAgB,CACxF,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EACvB,GAAG;IAEH,OAAO,CACL,KAAC,IAAI,IACH,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,4CAA4C,EAAE,SAAS,CAAC,KAClE,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/AlertDialog.d.ts

@@ -0,0 +1,57 @@
+/**
+ * AlertDialog (web variant — React DOM).
+ *
+ * A modal dialog that interrupts the user with important content and
+ * expects a response. Unlike Dialog, AlertDialog does NOT dismiss on
+ * backdrop click or Escape key — the user must explicitly choose an
+ * action or cancel.
+ *
+ *   <AlertDialog open={open} onOpenChange={setOpen}>
+ *     <AlertDialogContent>
+ *       <AlertDialogHeader>
+ *         <AlertDialogTitle>Are you sure?</AlertDialogTitle>
+ *         <AlertDialogDescription>This action cannot be undone.</AlertDialogDescription>
+ *       </AlertDialogHeader>
+ *       <AlertDialogFooter>
+ *         <AlertDialogCancel>Cancel</AlertDialogCancel>
+ *         <AlertDialogAction onClick={handleConfirm}>Continue</AlertDialogAction>
+ *       </AlertDialogFooter>
+ *     </AlertDialogContent>
+ *   </AlertDialog>
+ *
+ * Controlled-only: pass `open` and `onOpenChange`.
+ *
+ * Wiki: docs/components/AlertDialog.md
+ */
+import { type HTMLAttributes, type ReactNode } from 'react';
+import { type VariantProps } from 'class-variance-authority';
+import { type ButtonProps } from './Button.js';
+export interface AlertDialogProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    children: ReactNode;
+    className?: string;
+}
+/**
+ * Root provider. Renders a native `<dialog>` with `role="alertdialog"`.
+ * Does NOT close on backdrop click or Escape — the user must choose
+ * an explicit action.
+ */
+export declare function AlertDialog({ open, children, className }: AlertDialogProps): import("react/jsx-runtime").JSX.Element;
+export declare const alertDialogContentVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | "xl" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface AlertDialogContentProps extends HTMLAttributes<HTMLDivElement>, VariantProps<typeof alertDialogContentVariants> {
+}
+export declare const AlertDialogContent: import("react").ForwardRefExoticComponent<AlertDialogContentProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const AlertDialogHeader: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const AlertDialogFooter: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const AlertDialogTitle: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLHeadingElement> & import("react").RefAttributes<HTMLHeadingElement>>;
+export declare const AlertDialogDescription: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLParagraphElement> & import("react").RefAttributes<HTMLParagraphElement>>;
+export interface AlertDialogActionProps extends ButtonProps {
+}
+export declare const AlertDialogAction: import("react").ForwardRefExoticComponent<AlertDialogActionProps & import("react").RefAttributes<HTMLButtonElement>>;
+export interface AlertDialogCancelProps extends ButtonProps {
+}
+export declare const AlertDialogCancel: import("react").ForwardRefExoticComponent<AlertDialogCancelProps & import("react").RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=AlertDialog.d.ts.map

package/dist/AlertDialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlertDialog.d.ts","sourceRoot":"","sources":["../src/AlertDialog.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,OAAO,EAKL,KAAK,cAAc,EACnB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AACf,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAElE,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,aAAa,CAAC;AAIvD,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,gBAAgB,2CAsC1E;AAID,eAAO,MAAM,0BAA0B;;8EActC,CAAC;AAEF,MAAM,WAAW,uBACf,SAAQ,cAAc,CAAC,cAAc,CAAC,EACpC,YAAY,CAAC,OAAO,0BAA0B,CAAC;CAAG;AAEtD,eAAO,MAAM,kBAAkB,oHAU9B,CAAC;AAIF,eAAO,MAAM,iBAAiB,2HAU7B,CAAC;AAEF,eAAO,MAAM,iBAAiB,2HAU7B,CAAC;AAEF,eAAO,MAAM,gBAAgB,mIAU5B,CAAC;AAEF,eAAO,MAAM,sBAAsB,uIAUlC,CAAC;AAIF,MAAM,WAAW,sBAAuB,SAAQ,WAAW;CAAG;AAE9D,eAAO,MAAM,iBAAiB,sHAI7B,CAAC;AAEF,MAAM,WAAW,sBAAuB,SAAQ,WAAW;CAAG;AAE9D,eAAO,MAAM,iBAAiB,sHAI7B,CAAC"}

package/dist/AlertDialog.js

@@ -0,0 +1,91 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * AlertDialog (web variant — React DOM).
+ *
+ * A modal dialog that interrupts the user with important content and
+ * expects a response. Unlike Dialog, AlertDialog does NOT dismiss on
+ * backdrop click or Escape key — the user must explicitly choose an
+ * action or cancel.
+ *
+ *   <AlertDialog open={open} onOpenChange={setOpen}>
+ *     <AlertDialogContent>
+ *       <AlertDialogHeader>
+ *         <AlertDialogTitle>Are you sure?</AlertDialogTitle>
+ *         <AlertDialogDescription>This action cannot be undone.</AlertDialogDescription>
+ *       </AlertDialogHeader>
+ *       <AlertDialogFooter>
+ *         <AlertDialogCancel>Cancel</AlertDialogCancel>
+ *         <AlertDialogAction onClick={handleConfirm}>Continue</AlertDialogAction>
+ *       </AlertDialogFooter>
+ *     </AlertDialogContent>
+ *   </AlertDialog>
+ *
+ * Controlled-only: pass `open` and `onOpenChange`.
+ *
+ * Wiki: docs/components/AlertDialog.md
+ */
+import { forwardRef, useCallback, useEffect, useRef, } from 'react';
+import { cva } from 'class-variance-authority';
+import { cn } from './internal/cn.js';
+import { Button } from './Button.js';
+/**
+ * Root provider. Renders a native `<dialog>` with `role="alertdialog"`.
+ * Does NOT close on backdrop click or Escape — the user must choose
+ * an explicit action.
+ */
+export function AlertDialog({ open, children, className }) {
+    const dialogRef = useRef(null);
+    useEffect(() => {
+        const el = dialogRef.current;
+        if (!el)
+            return;
+        if (open && !el.open) {
+            el.showModal();
+        }
+        else if (!open && el.open) {
+            el.close();
+        }
+    }, [open]);
+    /* Prevent Escape from dismissing */
+    const handleCancel = useCallback((e) => {
+        e.preventDefault();
+    }, []);
+    return (_jsx("dialog", { ref: dialogRef, role: "alertdialog", "aria-modal": "true", onCancel: handleCancel, className: cn('fixed inset-0 z-50 m-0 h-dvh w-dvw max-h-dvh max-w-none', 'bg-transparent p-0', 'backdrop:bg-black/50 backdrop:backdrop-blur-sm', 'open:flex open:items-center open:justify-center', className), children: children }));
+}
+/* ── Content panel ──────────────────────────────────────────────────── */
+export const alertDialogContentVariants = cva('relative mx-auto flex flex-col rounded-xl border border-border bg-card text-card-foreground shadow-lg ' +
+    'animate-dialog-in', {
+    variants: {
+        size: {
+            sm: 'w-full max-w-sm',
+            md: 'w-full max-w-lg',
+            lg: 'w-full max-w-2xl',
+            xl: 'w-full max-w-4xl',
+        },
+    },
+    defaultVariants: { size: 'md' },
+});
+export const AlertDialogContent = forwardRef(function AlertDialogContent({ className, size, ...props }, ref) {
+    return (_jsx("div", { ref: ref, className: cn(alertDialogContentVariants({ size }), className), ...props }));
+});
+/* ── Layout helpers ─────────────────────────────────────────────────── */
+export const AlertDialogHeader = forwardRef(function AlertDialogHeader({ className, ...props }, ref) {
+    return (_jsx("div", { ref: ref, className: cn('flex flex-col gap-1.5 p-6 pb-0', className), ...props }));
+});
+export const AlertDialogFooter = forwardRef(function AlertDialogFooter({ className, ...props }, ref) {
+    return (_jsx("div", { ref: ref, className: cn('flex items-center justify-end gap-2 p-6 pt-0', className), ...props }));
+});
+export const AlertDialogTitle = forwardRef(function AlertDialogTitle({ className, ...props }, ref) {
+    return (_jsx("h2", { ref: ref, className: cn('text-lg font-semibold leading-tight', className), ...props }));
+});
+export const AlertDialogDescription = forwardRef(function AlertDialogDescription({ className, ...props }, ref) {
+    return (_jsx("p", { ref: ref, className: cn('text-sm text-muted-foreground', className), ...props }));
+});
+export const AlertDialogAction = forwardRef(function AlertDialogAction({ className, ...props }, ref) {
+    return _jsx(Button, { ref: ref, className: className, ...props });
+});
+export const AlertDialogCancel = forwardRef(function AlertDialogCancel({ variant = 'outline', className, ...props }, ref) {
+    return _jsx(Button, { ref: ref, variant: variant, className: className, ...props });
+});
+//# sourceMappingURL=AlertDialog.js.map

package/dist/AlertDialog.js.map

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

package/dist/AlertDialog.native.d.ts

@@ -0,0 +1,66 @@
+/**
+ * AlertDialog (React Native variant).
+ *
+ * Uses RN `<Modal>` as the overlay. Unlike Dialog, AlertDialog does NOT
+ * dismiss on backdrop press or hardware back button — the user must
+ * choose an explicit action.
+ *
+ *   <AlertDialog open={open} onOpenChange={setOpen}>
+ *     <AlertDialogContent>
+ *       <AlertDialogHeader>
+ *         <AlertDialogTitle>Are you sure?</AlertDialogTitle>
+ *         <AlertDialogDescription>This action cannot be undone.</AlertDialogDescription>
+ *       </AlertDialogHeader>
+ *       <AlertDialogFooter>
+ *         <AlertDialogCancel onPress={() => setOpen(false)}>Cancel</AlertDialogCancel>
+ *         <AlertDialogAction onPress={handleConfirm}>Continue</AlertDialogAction>
+ *       </AlertDialogFooter>
+ *     </AlertDialogContent>
+ *   </AlertDialog>
+ *
+ * Wiki: docs/components/AlertDialog.md
+ */
+import { type ReactNode } from 'react';
+import { Text, View, type PressableProps, type TextProps, type ViewProps } from 'react-native';
+import { type VariantProps } from 'class-variance-authority';
+type ClassedViewProps = Omit<ViewProps, 'style'> & {
+    className?: string;
+};
+export interface AlertDialogProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    children: ReactNode;
+    className?: string;
+}
+/**
+ * Root provider. No backdrop dismiss, no hardware-back dismiss.
+ */
+export declare function AlertDialog({ open, children, className }: AlertDialogProps): import("react/jsx-runtime").JSX.Element;
+export declare const alertDialogContentVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | "xl" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface AlertDialogContentProps extends ClassedViewProps, VariantProps<typeof alertDialogContentVariants> {
+}
+export declare const AlertDialogContent: import("react").ForwardRefExoticComponent<AlertDialogContentProps & import("react").RefAttributes<View>>;
+export declare const AlertDialogHeader: import("react").ForwardRefExoticComponent<Omit<ViewProps, "style"> & {
+    className?: string;
+} & import("react").RefAttributes<View>>;
+export declare const AlertDialogFooter: import("react").ForwardRefExoticComponent<Omit<ViewProps, "style"> & {
+    className?: string;
+} & import("react").RefAttributes<View>>;
+export declare const AlertDialogTitle: import("react").ForwardRefExoticComponent<Omit<TextProps, "style"> & {
+    className?: string;
+} & import("react").RefAttributes<Text>>;
+export declare const AlertDialogDescription: import("react").ForwardRefExoticComponent<Omit<TextProps, "style"> & {
+    className?: string;
+} & import("react").RefAttributes<Text>>;
+export declare const AlertDialogAction: import("react").ForwardRefExoticComponent<Omit<PressableProps, "style"> & {
+    className?: string;
+    children?: ReactNode;
+} & import("react").RefAttributes<View>>;
+export declare const AlertDialogCancel: import("react").ForwardRefExoticComponent<Omit<PressableProps, "style"> & {
+    className?: string;
+    children?: ReactNode;
+} & import("react").RefAttributes<View>>;
+export {};
+//# sourceMappingURL=AlertDialog.native.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AlertDialog.native.d.ts","sourceRoot":"","sources":["../src/AlertDialog.native.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,OAAO,EAAc,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAGL,IAAI,EACJ,IAAI,EACJ,KAAK,cAAc,EACnB,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AACtB,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;AAM1E,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,wBAAgB,WAAW,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,gBAAgB,2CAmB1E;AAID,eAAO,MAAM,0BAA0B;;8EAatC,CAAC;AAEF,MAAM,WAAW,uBACf,SAAQ,gBAAgB,EACtB,YAAY,CAAC,OAAO,0BAA0B,CAAC;CAAG;AAEtD,eAAO,MAAM,kBAAkB,0GAU9B,CAAC;AAIF,eAAO,MAAM,iBAAiB;gBAxEmC,MAAM;wCA8EtE,CAAC;AAEF,eAAO,MAAM,iBAAiB;gBAhFmC,MAAM;wCA0FtE,CAAC;AAEF,eAAO,MAAM,gBAAgB;gBA3FoC,MAAM;wCAsGtE,CAAC;AAEF,eAAO,MAAM,sBAAsB;gBAxG8B,MAAM;wCAkHtE,CAAC;AAIF,eAAO,MAAM,iBAAiB;gBArH6C,MAAM;eAAa,SAAS;wCAqItG,CAAC;AAEF,eAAO,MAAM,iBAAiB;gBAvI6C,MAAM;eAAa,SAAS;wCAuJtG,CAAC"}

package/dist/AlertDialog.native.js

@@ -0,0 +1,71 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * AlertDialog (React Native variant).
+ *
+ * Uses RN `<Modal>` as the overlay. Unlike Dialog, AlertDialog does NOT
+ * dismiss on backdrop press or hardware back button — the user must
+ * choose an explicit action.
+ *
+ *   <AlertDialog open={open} onOpenChange={setOpen}>
+ *     <AlertDialogContent>
+ *       <AlertDialogHeader>
+ *         <AlertDialogTitle>Are you sure?</AlertDialogTitle>
+ *         <AlertDialogDescription>This action cannot be undone.</AlertDialogDescription>
+ *       </AlertDialogHeader>
+ *       <AlertDialogFooter>
+ *         <AlertDialogCancel onPress={() => setOpen(false)}>Cancel</AlertDialogCancel>
+ *         <AlertDialogAction onPress={handleConfirm}>Continue</AlertDialogAction>
+ *       </AlertDialogFooter>
+ *     </AlertDialogContent>
+ *   </AlertDialog>
+ *
+ * Wiki: docs/components/AlertDialog.md
+ */
+import { forwardRef } from 'react';
+import { Modal, Pressable, Text, View, } from 'react-native';
+import { cva } from 'class-variance-authority';
+import { cn } from './internal/cn.js';
+/**
+ * Root provider. No backdrop dismiss, no hardware-back dismiss.
+ */
+export function AlertDialog({ open, children, className }) {
+    return (_jsx(Modal, { visible: open, transparent: true, animationType: "fade", onRequestClose: () => {
+            /* Intentionally empty — hardware back must NOT dismiss an alert dialog */
+        }, statusBarTranslucent: true, children: _jsx(View, { className: cn('flex-1 items-center justify-center bg-black/50', className), accessibilityRole: "alert", children: children }) }));
+}
+/* ── Content panel ──────────────────────────────────────────────────── */
+export const alertDialogContentVariants = cva('rounded-xl border border-border bg-card', {
+    variants: {
+        size: {
+            sm: 'w-80',
+            md: 'w-96',
+            lg: 'w-[480px]',
+            xl: 'w-[600px]',
+        },
+    },
+    defaultVariants: { size: 'md' },
+});
+export const AlertDialogContent = forwardRef(function AlertDialogContent({ className, size, ...props }, ref) {
+    return (_jsx(View, { ref: ref, className: cn(alertDialogContentVariants({ size }), className), ...props }));
+});
+/* ── Layout helpers ─────────────────────────────────────────────────── */
+export const AlertDialogHeader = forwardRef(function AlertDialogHeader({ className, ...props }, ref) {
+    return (_jsx(View, { ref: ref, className: cn('gap-1.5 p-6 pb-0', className), ...props }));
+});
+export const AlertDialogFooter = forwardRef(function AlertDialogFooter({ className, ...props }, ref) {
+    return (_jsx(View, { ref: ref, className: cn('flex-row items-center justify-end gap-2 p-6 pt-0', className), ...props }));
+});
+export const AlertDialogTitle = forwardRef(function AlertDialogTitle({ className, ...props }, ref) {
+    return (_jsx(Text, { ref: ref, accessibilityRole: "header", className: cn('text-lg font-semibold leading-tight text-foreground', className), ...props }));
+});
+export const AlertDialogDescription = forwardRef(function AlertDialogDescription({ className, ...props }, ref) {
+    return (_jsx(Text, { ref: ref, className: cn('text-sm text-muted-foreground', className), ...props }));
+});
+/* ── Action buttons ─────────────────────────────────────────────────── */
+export const AlertDialogAction = forwardRef(function AlertDialogAction({ className, children, ...props }, ref) {
+    return (_jsx(Pressable, { ref: ref, accessibilityRole: "button", className: cn('items-center justify-center rounded-md bg-primary px-3.5 py-2', className), ...props, children: _jsx(Text, { className: "text-sm font-semibold text-primary-foreground", children: children }) }));
+});
+export const AlertDialogCancel = forwardRef(function AlertDialogCancel({ className, children, ...props }, ref) {
+    return (_jsx(Pressable, { ref: ref, accessibilityRole: "button", className: cn('items-center justify-center rounded-md border border-border bg-background px-3.5 py-2', className), ...props, children: _jsx(Text, { className: "text-sm font-medium text-secondary-foreground", children: children }) }));
+});
+//# sourceMappingURL=AlertDialog.native.js.map

package/dist/AlertDialog.native.js.map

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

package/dist/AspectRatio.d.ts

@@ -0,0 +1,18 @@
+/**
+ * AspectRatio (web variant — React DOM).
+ *
+ * Locks a container to a given ratio. Child fills the container.
+ *
+ *   <AspectRatio ratio={16 / 9}>
+ *     <img src="..." className="object-cover w-full h-full" />
+ *   </AspectRatio>
+ *
+ * Wiki: docs/components/AspectRatio.md
+ */
+import { type HTMLAttributes } from 'react';
+export interface AspectRatioProps extends HTMLAttributes<HTMLDivElement> {
+    /** Width-to-height ratio (default 1). E.g. `16/9`, `4/3`, `1`. */
+    ratio?: number;
+}
+export declare const AspectRatio: import("react").ForwardRefExoticComponent<AspectRatioProps & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=AspectRatio.d.ts.map

package/dist/AspectRatio.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AspectRatio.d.ts","sourceRoot":"","sources":["../src/AspectRatio.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;GAUG;AACH,OAAO,EAAc,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAGxD,MAAM,WAAW,gBAAiB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACtE,kEAAkE;IAClE,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,WAAW,6GAavB,CAAC"}

package/dist/AspectRatio.js

@@ -0,0 +1,19 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * AspectRatio (web variant — React DOM).
+ *
+ * Locks a container to a given ratio. Child fills the container.
+ *
+ *   <AspectRatio ratio={16 / 9}>
+ *     <img src="..." className="object-cover w-full h-full" />
+ *   </AspectRatio>
+ *
+ * Wiki: docs/components/AspectRatio.md
+ */
+import { forwardRef } from 'react';
+import { cn } from './internal/cn.js';
+export const AspectRatio = forwardRef(function AspectRatio({ ratio = 1, className, style, children, ...props }, ref) {
+    return (_jsx("div", { ref: ref, className: cn('relative w-full', className), style: { aspectRatio: String(ratio), ...style }, ...props, children: children }));
+});
+//# sourceMappingURL=AspectRatio.js.map

package/dist/AspectRatio.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AspectRatio.js","sourceRoot":"","sources":["../src/AspectRatio.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb;;;;;;;;;;GAUG;AACH,OAAO,EAAE,UAAU,EAAuB,MAAM,OAAO,CAAC;AACxD,OAAO,EAAE,EAAE,EAAE,MAAM,kBAAkB,CAAC;AAOtC,MAAM,CAAC,MAAM,WAAW,GAAG,UAAU,CACnC,SAAS,WAAW,CAAC,EAAE,KAAK,GAAG,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG;IAC3E,OAAO,CACL,cACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,iBAAiB,EAAE,SAAS,CAAC,EAC3C,KAAK,EAAE,EAAE,WAAW,EAAE,MAAM,CAAC,KAAK,CAAC,EAAE,GAAG,KAAK,EAAE,KAC3C,KAAK,YAER,QAAQ,GACL,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}

package/dist/AspectRatio.native.d.ts

@@ -0,0 +1,7 @@
+import { View, type ViewProps } from 'react-native';
+export interface AspectRatioProps extends ViewProps {
+    ratio?: number;
+    className?: string;
+}
+export declare const AspectRatio: import("react").ForwardRefExoticComponent<AspectRatioProps & import("react").RefAttributes<View>>;
+//# sourceMappingURL=AspectRatio.native.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AspectRatio.native.d.ts","sourceRoot":"","sources":["../src/AspectRatio.native.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAGpD,MAAM,WAAW,gBAAiB,SAAQ,SAAS;IACjD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,WAAW,mGAavB,CAAC"}

package/dist/AspectRatio.native.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * AspectRatio (React Native variant).
+ *
+ * Uses the `aspectRatio` style property supported natively.
+ */
+import { forwardRef } from 'react';
+import { View } from 'react-native';
+import { cn } from './internal/cn.js';
+export const AspectRatio = forwardRef(function AspectRatio({ ratio = 1, className, style, children, ...props }, ref) {
+    return (_jsx(View, { ref: ref, className: cn('w-full', className), style: [{ aspectRatio: ratio }, style], ...props, children: children }));
+});
+//# sourceMappingURL=AspectRatio.native.js.map

package/dist/AspectRatio.native.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AspectRatio.native.js","sourceRoot":"","sources":["../src/AspectRatio.native.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EAAE,IAAI,EAAkB,MAAM,cAAc,CAAC;AACpD,OAAO,EAAE,EAAE,EAAE,MAAM,kBAAkB,CAAC;AAOtC,MAAM,CAAC,MAAM,WAAW,GAAG,UAAU,CACnC,SAAS,WAAW,CAAC,EAAE,KAAK,GAAG,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG;IAC3E,OAAO,CACL,KAAC,IAAI,IACH,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,QAAQ,EAAE,SAAS,CAAC,EAClC,KAAK,EAAE,CAAC,EAAE,WAAW,EAAE,KAAK,EAAE,EAAE,KAAK,CAAC,KAClC,KAAK,YAER,QAAQ,GACJ,CACR,CAAC;AACJ,CAAC,CACF,CAAC"}

package/dist/Avatar.d.ts

@@ -0,0 +1,45 @@
+/**
+ * Avatar (web variant — React DOM).
+ *
+ * Composable user/entity portrait. Three pieces:
+ *
+ *   <Avatar>
+ *     <AvatarImage src={user.photo} alt={user.name} />
+ *     <AvatarFallback>{user.initials}</AvatarFallback>
+ *   </Avatar>
+ *
+ * The image is rendered first; if it fails to load, the fallback
+ * shows. The fallback is always present in the DOM so layout stays
+ * stable while the image loads.
+ *
+ * Wiki: docs/components/Avatar.md
+ */
+import { type HTMLAttributes, type ImgHTMLAttributes } from 'react';
+import { type VariantProps } from 'class-variance-authority';
+export declare const avatarVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | "xl" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface AvatarProps extends HTMLAttributes<HTMLSpanElement>, VariantProps<typeof avatarVariants> {
+}
+export declare const Avatar: import("react").ForwardRefExoticComponent<AvatarProps & import("react").RefAttributes<HTMLSpanElement>>;
+export interface AvatarImageProps extends ImgHTMLAttributes<HTMLImageElement> {
+}
+export declare const AvatarImage: import("react").ForwardRefExoticComponent<AvatarImageProps & import("react").RefAttributes<HTMLImageElement>>;
+export interface AvatarFallbackProps extends HTMLAttributes<HTMLSpanElement> {
+}
+export declare const AvatarFallback: import("react").ForwardRefExoticComponent<AvatarFallbackProps & import("react").RefAttributes<HTMLSpanElement>>;
+export interface AvatarStatusProps extends HTMLAttributes<HTMLSpanElement> {
+    status: 'online' | 'offline' | 'busy' | 'away';
+}
+/** Small colored dot anchored to the bottom-right of `<Avatar>`. */
+export declare const AvatarStatus: import("react").ForwardRefExoticComponent<AvatarStatusProps & import("react").RefAttributes<HTMLSpanElement>>;
+export interface AvatarGroupProps extends HTMLAttributes<HTMLDivElement> {
+    /** Maximum avatars to show before the "+N" counter. */
+    max?: number;
+}
+/**
+ * Stacks `<Avatar>` children with negative overlap.
+ * Shows a "+N" counter when children exceed `max`.
+ */
+export declare const AvatarGroup: import("react").ForwardRefExoticComponent<AvatarGroupProps & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=Avatar.d.ts.map

package/dist/Avatar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../src/Avatar.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;GAeG;AACH,OAAO,EAAwB,KAAK,cAAc,EAAE,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAC1F,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAGlE,eAAO,MAAM,cAAc;;8EAa1B,CAAC;AAEF,MAAM,WAAW,WACf,SAAQ,cAAc,CAAC,eAAe,CAAC,EACrC,YAAY,CAAC,OAAO,cAAc,CAAC;CAAG;AAE1C,eAAO,MAAM,MAAM,yGAOjB,CAAC;AAEH,MAAM,WAAW,gBAAiB,SAAQ,iBAAiB,CAAC,gBAAgB,CAAC;CAAG;AAEhF,eAAO,MAAM,WAAW,+GAkBtB,CAAC;AAEH,MAAM,WAAW,mBAAoB,SAAQ,cAAc,CAAC,eAAe,CAAC;CAAG;AAE/E,eAAO,MAAM,cAAc,iHAezB,CAAC;AAWH,MAAM,WAAW,iBAAkB,SAAQ,cAAc,CAAC,eAAe,CAAC;IACxE,MAAM,EAAE,QAAQ,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,CAAC;CAChD;AAED,oEAAoE;AACpE,eAAO,MAAM,YAAY,+GAiBvB,CAAC;AAIH,MAAM,WAAW,gBAAiB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACtE,uDAAuD;IACvD,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AAED;;;GAGG;AACH,eAAO,MAAM,WAAW,6GAmBtB,CAAC"}