@cellarnode/ui 0.9.2 → 0.9.3

package/dist/components/asset-list.d.ts

@@ -0,0 +1,34 @@
+import * as React from "react";
+export interface AssetListItem {
+    id: string;
+    fileName: string;
+    fileSize: number;
+    mimeType: string;
+    /** Human-readable kind label (e.g. "Technical Sheet", "Label Artwork"). */
+    kindLabel?: string;
+    uploadedAt?: string;
+    altText?: string | null;
+}
+export interface AssetListProps {
+    items: AssetListItem[];
+    /** Show a preview action on each row. */
+    onPreview?: (id: string) => void;
+    /** Show a download action on each row. */
+    onDownload?: (id: string) => void;
+    /** Show a delete action on each row. */
+    onDelete?: (id: string) => void;
+    /** Custom empty-state content. Defaults to a helpful placeholder. */
+    emptyState?: React.ReactNode;
+    className?: string;
+}
+/**
+ * Vertical list of downloadable resources — PDFs or images. Each row shows
+ * a type-aware icon, filename, size, optional kind chip, and configurable
+ * preview / download / delete actions.
+ *
+ * Used on the producer variant edit page's Resources tab to surface
+ * purpose='asset' attachments (technical sheets, label artwork, press
+ * images, certificates, etc.).
+ */
+export declare function AssetList({ items, onPreview, onDownload, onDelete, emptyState, className, }: AssetListProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=asset-list.d.ts.map

package/dist/components/asset-list.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"asset-list.d.ts","sourceRoot":"","sources":["../../src/components/asset-list.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,2EAA2E;IAC3E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACzB;AAED,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,aAAa,EAAE,CAAC;IACvB,yCAAyC;IACzC,SAAS,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,0CAA0C;IAC1C,UAAU,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,wCAAwC;IACxC,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,qEAAqE;IACrE,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAaD;;;;;;;;GAQG;AACH,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,SAAS,EACT,UAAU,EACV,QAAQ,EACR,UAAU,EACV,SAAS,GACV,EAAE,cAAc,2CA6EhB"}

package/dist/components/asset-list.js

@@ -0,0 +1,34 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { ArrowDownTrayIcon, DocumentIcon, EyeIcon, PhotoIcon, TrashIcon, } from "@heroicons/react/20/solid";
+import { cn } from "../lib/utils";
+function formatFileSize(bytes) {
+    if (bytes < 1024)
+        return `${bytes} B`;
+    if (bytes < 1024 * 1024)
+        return `${(bytes / 1024).toFixed(1)} KB`;
+    return `${(bytes / 1024 / 1024).toFixed(1)} MB`;
+}
+function fileIconFor(mimeType) {
+    if (mimeType.startsWith("image/"))
+        return PhotoIcon;
+    return DocumentIcon;
+}
+/**
+ * Vertical list of downloadable resources — PDFs or images. Each row shows
+ * a type-aware icon, filename, size, optional kind chip, and configurable
+ * preview / download / delete actions.
+ *
+ * Used on the producer variant edit page's Resources tab to surface
+ * purpose='asset' attachments (technical sheets, label artwork, press
+ * images, certificates, etc.).
+ */
+export function AssetList({ items, onPreview, onDownload, onDelete, emptyState, className, }) {
+    if (items.length === 0) {
+        return (_jsxs("div", { className: cn("flex flex-col items-center justify-center gap-2 rounded-2xl border-2 border-dashed border-border/60 bg-muted/20 p-8 text-center", className), children: [_jsx(DocumentIcon, { className: "size-8 text-muted-foreground", "aria-hidden": true }), emptyState ?? (_jsx("p", { className: "text-sm text-muted-foreground", children: "No resources yet. Upload PDFs, label artwork, or technical sheets." }))] }));
+    }
+    return (_jsx("ul", { className: cn("space-y-2", className), children: items.map((item) => {
+            const Icon = fileIconFor(item.mimeType);
+            return (_jsxs("li", { className: "flex items-center gap-3 rounded-xl border border-border/60 bg-card p-3 transition-colors hover:bg-accent/20", children: [_jsx("div", { className: "flex size-10 shrink-0 items-center justify-center rounded-lg bg-muted text-muted-foreground", children: _jsx(Icon, { className: "size-5", "aria-hidden": true }) }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("p", { className: "truncate text-sm font-semibold text-foreground", children: item.fileName }), _jsxs("p", { className: "text-xs text-muted-foreground", children: [formatFileSize(item.fileSize), item.kindLabel && _jsxs(_Fragment, { children: [" \u00B7 ", item.kindLabel] })] })] }), _jsxs("div", { className: "flex shrink-0 items-center gap-1", children: [onPreview && (_jsx("button", { type: "button", onClick: () => onPreview(item.id), className: "flex size-8 items-center justify-center rounded-lg text-muted-foreground transition-colors hover:bg-muted hover:text-foreground", "aria-label": `Preview ${item.fileName}`, children: _jsx(EyeIcon, { className: "size-4", "aria-hidden": true }) })), onDownload && (_jsx("button", { type: "button", onClick: () => onDownload(item.id), className: "flex size-8 items-center justify-center rounded-lg text-muted-foreground transition-colors hover:bg-muted hover:text-foreground", "aria-label": `Download ${item.fileName}`, children: _jsx(ArrowDownTrayIcon, { className: "size-4", "aria-hidden": true }) })), onDelete && (_jsx("button", { type: "button", onClick: () => onDelete(item.id), className: "flex size-8 items-center justify-center rounded-lg text-muted-foreground transition-colors hover:bg-destructive/10 hover:text-destructive", "aria-label": `Delete ${item.fileName}`, children: _jsx(TrashIcon, { className: "size-4", "aria-hidden": true }) }))] })] }, item.id));
+        }) }));
+}
+//# sourceMappingURL=asset-list.js.map

package/dist/components/asset-list.js.map

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

package/dist/components/asset-list.stories.d.ts

@@ -0,0 +1,20 @@
+import type { StoryObj } from "@storybook/react-vite";
+import { AssetList } from "./asset-list";
+declare const meta: {
+    title: string;
+    component: typeof AssetList;
+    tags: string[];
+    parameters: {
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const ReadOnly: Story;
+export declare const Empty: Story;
+//# sourceMappingURL=asset-list.stories.d.ts.map

package/dist/components/asset-list.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"asset-list.stories.d.ts","sourceRoot":"","sources":["../../src/components/asset-list.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzC,QAAA,MAAM,IAAI;;;;;;;;;;;CAYwB,CAAC;AAEnC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAkBrB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAgBtB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KASnB,CAAC"}

package/dist/components/asset-list.stories.js

@@ -0,0 +1,50 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { AssetList } from "./asset-list";
+const meta = {
+    title: "Components/AssetList",
+    component: AssetList,
+    tags: ["autodocs"],
+    parameters: {
+        docs: {
+            description: {
+                component: "Vertical list of downloadable resources (PDFs + images) with preview / download / delete actions. Used on the producer variant edit page's Resources tab.",
+            },
+        },
+    },
+};
+export default meta;
+export const Default = {
+    args: {
+        items: [
+            { id: "1", fileName: "sourdough-techsheet.pdf", fileSize: 248_576, mimeType: "application/pdf", kindLabel: "Technical Sheet" },
+            { id: "2", fileName: "label-print-ready.pdf", fileSize: 1_048_576, mimeType: "application/pdf", kindLabel: "Label Artwork" },
+            { id: "3", fileName: "bottle-hero.jpg", fileSize: 512_000, mimeType: "image/jpeg", kindLabel: "Press Image" },
+        ],
+        onPreview: (id) => window.alert(`Preview ${id}`),
+        onDownload: (id) => window.alert(`Download ${id}`),
+        onDelete: (id) => window.alert(`Delete ${id}`),
+    },
+    decorators: [
+        (Story) => (_jsx("div", { className: "w-[480px]", children: _jsx(Story, {}) })),
+    ],
+};
+export const ReadOnly = {
+    args: {
+        items: [
+            { id: "1", fileName: "compliance-cert-2025.pdf", fileSize: 824_000, mimeType: "application/pdf", kindLabel: "Certificate" },
+            { id: "2", fileName: "origin-declaration.pdf", fileSize: 156_000, mimeType: "application/pdf", kindLabel: "Designation of Origin" },
+        ],
+        onPreview: (id) => window.alert(`Preview ${id}`),
+        onDownload: (id) => window.alert(`Download ${id}`),
+    },
+    decorators: [
+        (Story) => (_jsx("div", { className: "w-[480px]", children: _jsx(Story, {}) })),
+    ],
+};
+export const Empty = {
+    args: { items: [] },
+    decorators: [
+        (Story) => (_jsx("div", { className: "w-[480px]", children: _jsx(Story, {}) })),
+    ],
+};
+//# sourceMappingURL=asset-list.stories.js.map

package/dist/components/asset-list.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"asset-list.stories.js","sourceRoot":"","sources":["../../src/components/asset-list.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzC,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,sBAAsB;IAC7B,SAAS,EAAE,SAAS;IACpB,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,WAAW,EAAE;gBACX,SAAS,EACP,2JAA2J;aAC9J;SACF;KACF;CAC+B,CAAC;AAEnC,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,KAAK,EAAE;YACL,EAAE,EAAE,EAAE,GAAG,EAAE,QAAQ,EAAE,yBAAyB,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,iBAAiB,EAAE,SAAS,EAAE,iBAAiB,EAAE;YAC9H,EAAE,EAAE,EAAE,GAAG,EAAE,QAAQ,EAAE,uBAAuB,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,iBAAiB,EAAE,SAAS,EAAE,eAAe,EAAE;YAC5H,EAAE,EAAE,EAAE,GAAG,EAAE,QAAQ,EAAE,iBAAiB,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,SAAS,EAAE,aAAa,EAAE;SAC9G;QACD,SAAS,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,WAAW,EAAE,EAAE,CAAC;QAChD,UAAU,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,YAAY,EAAE,EAAE,CAAC;QAClD,QAAQ,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,UAAU,EAAE,EAAE,CAAC;KAC/C;IACD,UAAU,EAAE;QACV,CAAC,KAAK,EAAE,EAAE,CAAC,CACT,cAAK,SAAS,EAAC,WAAW,YACxB,KAAC,KAAK,KAAG,GACL,CACP;KACF;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAU;IAC7B,IAAI,EAAE;QACJ,KAAK,EAAE;YACL,EAAE,EAAE,EAAE,GAAG,EAAE,QAAQ,EAAE,0BAA0B,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,iBAAiB,EAAE,SAAS,EAAE,aAAa,EAAE;YAC3H,EAAE,EAAE,EAAE,GAAG,EAAE,QAAQ,EAAE,wBAAwB,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,iBAAiB,EAAE,SAAS,EAAE,uBAAuB,EAAE;SACpI;QACD,SAAS,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,WAAW,EAAE,EAAE,CAAC;QAChD,UAAU,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,YAAY,EAAE,EAAE,CAAC;KACnD;IACD,UAAU,EAAE;QACV,CAAC,KAAK,EAAE,EAAE,CAAC,CACT,cAAK,SAAS,EAAC,WAAW,YACxB,KAAC,KAAK,KAAG,GACL,CACP;KACF;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAU;IAC1B,IAAI,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE;IACnB,UAAU,EAAE;QACV,CAAC,KAAK,EAAE,EAAE,CAAC,CACT,cAAK,SAAS,EAAC,WAAW,YACxB,KAAC,KAAK,KAAG,GACL,CACP;KACF;CACF,CAAC"}

package/dist/components/card-stack.d.ts

@@ -0,0 +1,25 @@
+import * as React from "react";
+export interface CardStackProps {
+    /** Total number of items the stack represents (primary + siblings). */
+    count: number;
+    /** The primary child — typically a card component (e.g. ProductCard). */
+    children: React.ReactNode;
+    /** Optional className forwarded to the outer wrapper. */
+    className?: string;
+    /** Click handler for the stack badge (separate from child body clicks). */
+    onStackClick?: () => void;
+    /** Custom badge content — defaults to `+N` where N = count - 1. */
+    stackBadge?: React.ReactNode;
+}
+/**
+ * Decorative stack-of-cards primitive. Wraps a single child and renders up to
+ * 2 ghost cards offset behind it, plus an optional click-to-expand badge.
+ *
+ * When `count <= 1` the component is a pass-through (no stack rendered) so
+ * consumers can safely wrap every card uniformly.
+ *
+ * The stack badge click target is separate from the child body — consumers
+ * stop propagation in their child's own click handlers if needed.
+ */
+export declare function CardStack({ count, children, className, onStackClick, stackBadge, }: CardStackProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=card-stack.d.ts.map

package/dist/components/card-stack.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"card-stack.d.ts","sourceRoot":"","sources":["../../src/components/card-stack.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,cAAc;IAC7B,uEAAuE;IACvE,KAAK,EAAE,MAAM,CAAC;IACd,yEAAyE;IACzE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,yDAAyD;IACzD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2EAA2E;IAC3E,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,mEAAmE;IACnE,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B;AAED;;;;;;;;;GASG;AACH,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,QAAQ,EACR,SAAS,EACT,YAAY,EACZ,UAAU,GACX,EAAE,cAAc,2CAsChB"}

package/dist/components/card-stack.js

@@ -0,0 +1,26 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "../lib/utils";
+/**
+ * Decorative stack-of-cards primitive. Wraps a single child and renders up to
+ * 2 ghost cards offset behind it, plus an optional click-to-expand badge.
+ *
+ * When `count <= 1` the component is a pass-through (no stack rendered) so
+ * consumers can safely wrap every card uniformly.
+ *
+ * The stack badge click target is separate from the child body — consumers
+ * stop propagation in their child's own click handlers if needed.
+ */
+export function CardStack({ count, children, className, onStackClick, stackBadge, }) {
+    if (count <= 1) {
+        return _jsx("div", { className: className, children: children });
+    }
+    const ghostCount = Math.min(count - 1, 2);
+    return (_jsxs("div", { className: cn("relative", className), children: [Array.from({ length: ghostCount }, (_, i) => i + 1).map((depth) => (_jsx("div", { "aria-hidden": true, className: cn("pointer-events-none absolute inset-0 rounded-[28px] border border-border/40 bg-card/60 shadow-sm backdrop-blur-sm transition-transform"), style: {
+                    transform: `translate(${depth * 6}px, ${depth * 6}px) scale(${1 - depth * 0.015})`,
+                    zIndex: -depth,
+                } }, depth))), _jsx("div", { className: "relative z-0", children: children }), onStackClick && (_jsx("button", { type: "button", onClick: (e) => {
+                    e.stopPropagation();
+                    onStackClick();
+                }, className: "absolute right-3 top-3 z-20 rounded-lg border border-border/60 bg-background/90 px-3 py-1.5 text-xs font-semibold text-foreground shadow-sm backdrop-blur-md transition-all hover:bg-background hover:shadow-md", "aria-label": `Expand ${count - 1} more items`, children: stackBadge ?? `+${count - 1}` }))] }));
+}
+//# sourceMappingURL=card-stack.js.map

package/dist/components/card-stack.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card-stack.js","sourceRoot":"","sources":["../../src/components/card-stack.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAelC;;;;;;;;;GASG;AACH,MAAM,UAAU,SAAS,CAAC,EACxB,KAAK,EACL,QAAQ,EACR,SAAS,EACT,YAAY,EACZ,UAAU,GACK;IACf,IAAI,KAAK,IAAI,CAAC,EAAE,CAAC;QACf,OAAO,cAAK,SAAS,EAAE,SAAS,YAAG,QAAQ,GAAO,CAAC;IACrD,CAAC;IAED,MAAM,UAAU,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC;IAE1C,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,UAAU,EAAE,SAAS,CAAC,aACtC,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,UAAU,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAClE,mCAGE,SAAS,EAAE,EAAE,CACX,wIAAwI,CACzI,EACD,KAAK,EAAE;oBACL,SAAS,EAAE,aAAa,KAAK,GAAG,CAAC,OAAO,KAAK,GAAG,CAAC,aAAa,CAAC,GAAG,KAAK,GAAG,KAAK,GAAG;oBAClF,MAAM,EAAE,CAAC,KAAK;iBACf,IARI,KAAK,CASV,CACH,CAAC,EACF,cAAK,SAAS,EAAC,cAAc,YAAE,QAAQ,GAAO,EAC7C,YAAY,IAAI,CACf,iBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;oBACb,CAAC,CAAC,eAAe,EAAE,CAAC;oBACpB,YAAY,EAAE,CAAC;gBACjB,CAAC,EACD,SAAS,EAAC,iNAAiN,gBAC/M,UAAU,KAAK,GAAG,CAAC,aAAa,YAE3C,UAAU,IAAI,IAAI,KAAK,GAAG,CAAC,EAAE,GACvB,CACV,IACG,CACP,CAAC;AACJ,CAAC"}

package/dist/components/card-stack.stories.d.ts

@@ -0,0 +1,21 @@
+import type { StoryObj } from "@storybook/react-vite";
+import { CardStack } from "./card-stack";
+declare const meta: {
+    title: string;
+    component: typeof CardStack;
+    tags: string[];
+    parameters: {
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const SingleCard: Story;
+export declare const TwoCards: Story;
+export declare const FiveCards: Story;
+export declare const CustomBadge: Story;
+//# sourceMappingURL=card-stack.stories.d.ts.map

package/dist/components/card-stack.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"card-stack.stories.d.ts","sourceRoot":"","sources":["../../src/components/card-stack.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzC,QAAA,MAAM,IAAI;;;;;;;;;;;CAYwB,CAAC;AAEnC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAYnC,eAAO,MAAM,UAAU,EAAE,KAYxB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAatB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAavB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAczB,CAAC"}

package/dist/components/card-stack.stories.js

@@ -0,0 +1,59 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { CardStack } from "./card-stack";
+const meta = {
+    title: "Components/CardStack",
+    component: CardStack,
+    tags: ["autodocs"],
+    parameters: {
+        docs: {
+            description: {
+                component: "Decorative stack-of-cards primitive. Renders up to 2 ghost cards offset behind the primary child, plus an optional click-to-expand badge. Used for sibling-product stacking in the producer portfolio.",
+            },
+        },
+    },
+};
+export default meta;
+function DemoCard({ label, subtitle }) {
+    return (_jsxs("div", { className: "rounded-[28px] border border-border bg-card p-6 shadow-sm", children: [_jsx("div", { className: "aspect-[16/10] rounded-xl bg-muted" }), _jsx("h3", { className: "mt-4 text-lg font-bold", children: label }), subtitle && _jsx("p", { className: "mt-1 text-sm text-muted-foreground", children: subtitle })] }));
+}
+export const SingleCard = {
+    args: {
+        count: 1,
+        children: _jsx(DemoCard, { label: "Just one", subtitle: "No stack rendered when count = 1" }),
+    },
+    decorators: [
+        (Story) => (_jsx("div", { className: "w-80", children: _jsx(Story, {}) })),
+    ],
+};
+export const TwoCards = {
+    args: {
+        count: 2,
+        children: _jsx(DemoCard, { label: "Ch\u00E2teau Margaux 2018", subtitle: "Red Wine \u00B7 Bordeaux" }),
+        onStackClick: () => window.alert("Expand stack"),
+    },
+    decorators: [
+        (Story) => (_jsx("div", { className: "w-80 p-8", children: _jsx(Story, {}) })),
+    ],
+};
+export const FiveCards = {
+    args: {
+        count: 5,
+        children: _jsx(DemoCard, { label: "Ch\u00E2teau Margaux", subtitle: "+4 vintages" }),
+        onStackClick: () => window.alert("Expand stack"),
+    },
+    decorators: [
+        (Story) => (_jsx("div", { className: "w-80 p-8", children: _jsx(Story, {}) })),
+    ],
+};
+export const CustomBadge = {
+    args: {
+        count: 4,
+        children: _jsx(DemoCard, { label: "Sourdough Boule", subtitle: "Bread \u00B7 72-hour fermented" }),
+        stackBadge: "+3 sizes",
+        onStackClick: () => window.alert("Expand stack"),
+    },
+    decorators: [
+        (Story) => (_jsx("div", { className: "w-80 p-8", children: _jsx(Story, {}) })),
+    ],
+};
+//# sourceMappingURL=card-stack.stories.js.map

package/dist/components/card-stack.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card-stack.stories.js","sourceRoot":"","sources":["../../src/components/card-stack.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzC,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,sBAAsB;IAC7B,SAAS,EAAE,SAAS;IACpB,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,WAAW,EAAE;gBACX,SAAS,EACP,wMAAwM;aAC3M;SACF;KACF;CAC+B,CAAC;AAEnC,eAAe,IAAI,CAAC;AAGpB,SAAS,QAAQ,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAwC;IACzE,OAAO,CACL,eAAK,SAAS,EAAC,2DAA2D,aACxE,cAAK,SAAS,EAAC,oCAAoC,GAAG,EACtD,aAAI,SAAS,EAAC,wBAAwB,YAAE,KAAK,GAAM,EAClD,QAAQ,IAAI,YAAG,SAAS,EAAC,oCAAoC,YAAE,QAAQ,GAAK,IACzE,CACP,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,UAAU,GAAU;IAC/B,IAAI,EAAE;QACJ,KAAK,EAAE,CAAC;QACR,QAAQ,EAAE,KAAC,QAAQ,IAAC,KAAK,EAAC,UAAU,EAAC,QAAQ,EAAC,kCAAkC,GAAG;KACpF;IACD,UAAU,EAAE;QACV,CAAC,KAAK,EAAE,EAAE,CAAC,CACT,cAAK,SAAS,EAAC,MAAM,YACnB,KAAC,KAAK,KAAG,GACL,CACP;KACF;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAU;IAC7B,IAAI,EAAE;QACJ,KAAK,EAAE,CAAC;QACR,QAAQ,EAAE,KAAC,QAAQ,IAAC,KAAK,EAAC,2BAAsB,EAAC,QAAQ,EAAC,0BAAqB,GAAG;QAClF,YAAY,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,cAAc,CAAC;KACjD;IACD,UAAU,EAAE;QACV,CAAC,KAAK,EAAE,EAAE,CAAC,CACT,cAAK,SAAS,EAAC,UAAU,YACvB,KAAC,KAAK,KAAG,GACL,CACP;KACF;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAU;IAC9B,IAAI,EAAE;QACJ,KAAK,EAAE,CAAC;QACR,QAAQ,EAAE,KAAC,QAAQ,IAAC,KAAK,EAAC,sBAAiB,EAAC,QAAQ,EAAC,aAAa,GAAG;QACrE,YAAY,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,cAAc,CAAC;KACjD;IACD,UAAU,EAAE;QACV,CAAC,KAAK,EAAE,EAAE,CAAC,CACT,cAAK,SAAS,EAAC,UAAU,YACvB,KAAC,KAAK,KAAG,GACL,CACP;KACF;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAU;IAChC,IAAI,EAAE;QACJ,KAAK,EAAE,CAAC;QACR,QAAQ,EAAE,KAAC,QAAQ,IAAC,KAAK,EAAC,iBAAiB,EAAC,QAAQ,EAAC,gCAA2B,GAAG;QACnF,UAAU,EAAE,UAAU;QACtB,YAAY,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,cAAc,CAAC;KACjD;IACD,UAAU,EAAE;QACV,CAAC,KAAK,EAAE,EAAE,CAAC,CACT,cAAK,SAAS,EAAC,UAAU,YACvB,KAAC,KAAK,KAAG,GACL,CACP;KACF;CACF,CAAC"}

package/dist/components/file-dropzone.d.ts

@@ -0,0 +1,26 @@
+import * as React from "react";
+export interface FileDropzoneProps {
+    /** Called with the accepted files. Validation runs before this fires. */
+    onFiles: (files: File[]) => void;
+    /** Comma-separated MIME types — e.g. "image/jpeg,image/png,image/webp". */
+    accept?: string;
+    /** Max file size in bytes. */
+    maxSize?: number;
+    /** Whether to allow selecting multiple files at once. Default true. */
+    multiple?: boolean;
+    /** Disable the dropzone (no click, no drop). */
+    disabled?: boolean;
+    /** className forwarded to the outer wrapper. */
+    className?: string;
+    /** Primary label text / node. Default: "Drag files here or click to browse". */
+    label?: React.ReactNode;
+    /** Secondary hint text shown below the label. */
+    hint?: React.ReactNode;
+}
+/**
+ * Multi-file drag-and-drop zone with click-to-browse fallback, MIME +
+ * size validation, and keyboard activation via Enter/Space. Headless
+ * callback API — consumers own the upload state and progress UI.
+ */
+export declare function FileDropzone({ onFiles, accept, maxSize, multiple, disabled, className, label, hint, }: FileDropzoneProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=file-dropzone.d.ts.map

package/dist/components/file-dropzone.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"file-dropzone.d.ts","sourceRoot":"","sources":["../../src/components/file-dropzone.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,iBAAiB;IAChC,yEAAyE;IACzE,OAAO,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,IAAI,CAAC;IACjC,2EAA2E;IAC3E,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,8BAA8B;IAC9B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,uEAAuE;IACvE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gDAAgD;IAChD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gDAAgD;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gFAAgF;IAChF,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,iDAAiD;IACjD,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB;AAED;;;;GAIG;AACH,wBAAgB,YAAY,CAAC,EAC3B,OAAO,EACP,MAAM,EACN,OAAO,EACP,QAAe,EACf,QAAgB,EAChB,SAAS,EACT,KAAK,EACL,IAAI,GACL,EAAE,iBAAiB,2CA4EnB"}

package/dist/components/file-dropzone.js

@@ -0,0 +1,49 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ArrowUpTrayIcon } from "@heroicons/react/20/solid";
+import * as React from "react";
+import { cn } from "../lib/utils";
+/**
+ * Multi-file drag-and-drop zone with click-to-browse fallback, MIME +
+ * size validation, and keyboard activation via Enter/Space. Headless
+ * callback API — consumers own the upload state and progress UI.
+ */
+export function FileDropzone({ onFiles, accept, maxSize, multiple = true, disabled = false, className, label, hint, }) {
+    const inputRef = React.useRef(null);
+    const [isDragging, setIsDragging] = React.useState(false);
+    const [error, setError] = React.useState(null);
+    const handleFiles = React.useCallback((files) => {
+        if (!files || files.length === 0)
+            return;
+        setError(null);
+        const arr = Array.from(files);
+        const acceptList = accept?.split(",").map((s) => s.trim()) ?? [];
+        for (const file of arr) {
+            if (acceptList.length > 0 && !acceptList.includes(file.type)) {
+                setError(`"${file.name}": unsupported file type`);
+                return;
+            }
+            if (maxSize && file.size > maxSize) {
+                const mb = (maxSize / 1024 / 1024).toFixed(0);
+                setError(`"${file.name}": exceeds ${mb} MB`);
+                return;
+            }
+        }
+        onFiles(arr);
+    }, [accept, maxSize, onFiles]);
+    return (_jsxs("div", { onClick: () => !disabled && inputRef.current?.click(), onKeyDown: (e) => {
+            if ((e.key === "Enter" || e.key === " ") && !disabled) {
+                e.preventDefault();
+                inputRef.current?.click();
+            }
+        }, onDragOver: (e) => {
+            e.preventDefault();
+            if (!disabled)
+                setIsDragging(true);
+        }, onDragLeave: () => setIsDragging(false), onDrop: (e) => {
+            e.preventDefault();
+            setIsDragging(false);
+            if (!disabled)
+                handleFiles(e.dataTransfer.files);
+        }, role: "button", tabIndex: disabled ? -1 : 0, "aria-disabled": disabled, className: cn("flex cursor-pointer flex-col items-center justify-center gap-2 rounded-2xl border-2 border-dashed border-border/60 bg-muted/20 p-8 text-center transition-all", "hover:border-primary/40 hover:bg-primary/5", isDragging && "scale-[1.01] border-primary bg-primary/10", disabled && "cursor-not-allowed opacity-50", className), children: [_jsx("input", { ref: inputRef, type: "file", accept: accept, multiple: multiple, disabled: disabled, className: "sr-only", onChange: (e) => handleFiles(e.target.files) }), _jsx(ArrowUpTrayIcon, { className: "size-8 text-muted-foreground", "aria-hidden": true }), _jsx("div", { className: "text-sm font-semibold text-foreground", children: label ?? "Drag files here or click to browse" }), hint && _jsx("div", { className: "text-xs text-muted-foreground", children: hint }), error && _jsx("div", { className: "mt-1 text-xs font-medium text-destructive", children: error })] }));
+}
+//# sourceMappingURL=file-dropzone.js.map

package/dist/components/file-dropzone.js.map

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

package/dist/components/file-dropzone.stories.d.ts

@@ -0,0 +1,21 @@
+import type { StoryObj } from "@storybook/react-vite";
+import { FileDropzone } from "./file-dropzone";
+declare const meta: {
+    title: string;
+    component: typeof FileDropzone;
+    tags: string[];
+    parameters: {
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const ImagesOnly: Story;
+export declare const PdfsAndImages: Story;
+export declare const Disabled: Story;
+//# sourceMappingURL=file-dropzone.stories.d.ts.map

package/dist/components/file-dropzone.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"file-dropzone.stories.d.ts","sourceRoot":"","sources":["../../src/components/file-dropzone.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C,QAAA,MAAM,IAAI;;;;;;;;;;;CAY2B,CAAC;AAEtC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAWrB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAcxB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAc3B,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAYtB,CAAC"}

package/dist/components/file-dropzone.stories.js

@@ -0,0 +1,55 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { FileDropzone } from "./file-dropzone";
+const meta = {
+    title: "Components/FileDropzone",
+    component: FileDropzone,
+    tags: ["autodocs"],
+    parameters: {
+        docs: {
+            description: {
+                component: "Multi-file drag-and-drop with click-to-browse fallback, MIME + size validation, and keyboard activation. Headless callback API — upload state and progress are owned by the consumer.",
+            },
+        },
+    },
+};
+export default meta;
+export const Default = {
+    args: {
+        onFiles: (files) => window.alert(`Received ${files.length} file(s)`),
+    },
+    decorators: [
+        (Story) => (_jsx("div", { className: "w-96", children: _jsx(Story, {}) })),
+    ],
+};
+export const ImagesOnly = {
+    args: {
+        onFiles: (files) => window.alert(`Received ${files.length} image(s)`),
+        accept: "image/jpeg,image/png,image/webp",
+        maxSize: 20 * 1024 * 1024,
+        hint: "JPG, PNG, or WebP · up to 20 MB",
+    },
+    decorators: [
+        (Story) => (_jsx("div", { className: "w-96", children: _jsx(Story, {}) })),
+    ],
+};
+export const PdfsAndImages = {
+    args: {
+        onFiles: (files) => window.alert(`Received ${files.length} file(s)`),
+        accept: "image/jpeg,image/png,image/webp,application/pdf",
+        maxSize: 50 * 1024 * 1024,
+        hint: "Images or PDFs · up to 50 MB",
+    },
+    decorators: [
+        (Story) => (_jsx("div", { className: "w-96", children: _jsx(Story, {}) })),
+    ],
+};
+export const Disabled = {
+    args: {
+        onFiles: () => { },
+        disabled: true,
+    },
+    decorators: [
+        (Story) => (_jsx("div", { className: "w-96", children: _jsx(Story, {}) })),
+    ],
+};
+//# sourceMappingURL=file-dropzone.stories.js.map

package/dist/components/file-dropzone.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"file-dropzone.stories.js","sourceRoot":"","sources":["../../src/components/file-dropzone.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,yBAAyB;IAChC,SAAS,EAAE,YAAY;IACvB,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,WAAW,EAAE;gBACX,SAAS,EACP,uLAAuL;aAC1L;SACF;KACF;CACkC,CAAC;AAEtC,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,YAAY,KAAK,CAAC,MAAM,UAAU,CAAC;KACrE;IACD,UAAU,EAAE;QACV,CAAC,KAAK,EAAE,EAAE,CAAC,CACT,cAAK,SAAS,EAAC,MAAM,YACnB,KAAC,KAAK,KAAG,GACL,CACP;KACF;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAU;IAC/B,IAAI,EAAE;QACJ,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,YAAY,KAAK,CAAC,MAAM,WAAW,CAAC;QACrE,MAAM,EAAE,iCAAiC;QACzC,OAAO,EAAE,EAAE,GAAG,IAAI,GAAG,IAAI;QACzB,IAAI,EAAE,iCAAiC;KACxC;IACD,UAAU,EAAE;QACV,CAAC,KAAK,EAAE,EAAE,CAAC,CACT,cAAK,SAAS,EAAC,MAAM,YACnB,KAAC,KAAK,KAAG,GACL,CACP;KACF;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAU;IAClC,IAAI,EAAE;QACJ,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,YAAY,KAAK,CAAC,MAAM,UAAU,CAAC;QACpE,MAAM,EAAE,iDAAiD;QACzD,OAAO,EAAE,EAAE,GAAG,IAAI,GAAG,IAAI;QACzB,IAAI,EAAE,8BAA8B;KACrC;IACD,UAAU,EAAE;QACV,CAAC,KAAK,EAAE,EAAE,CAAC,CACT,cAAK,SAAS,EAAC,MAAM,YACnB,KAAC,KAAK,KAAG,GACL,CACP;KACF;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAU;IAC7B,IAAI,EAAE;QACJ,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC;QACjB,QAAQ,EAAE,IAAI;KACf;IACD,UAAU,EAAE;QACV,CAAC,KAAK,EAAE,EAAE,CAAC,CACT,cAAK,SAAS,EAAC,MAAM,YACnB,KAAC,KAAK,KAAG,GACL,CACP;KACF;CACF,CAAC"}

package/dist/components/image-carousel.d.ts

@@ -0,0 +1,41 @@
+import * as React from "react";
+export interface CarouselImage {
+    id: string;
+    url: string;
+    altText?: string | null;
+    width?: number | null;
+    height?: number | null;
+    kindLabel?: string;
+    isPrimary?: boolean;
+}
+export interface ImageCarouselProps {
+    images: CarouselImage[];
+    /** Controlled active image id. Falls back to internal state when omitted. */
+    activeId?: string;
+    onActiveChange?: (id: string) => void;
+    /** When present, the thumbnail strip becomes drag-reorderable. */
+    onReorder?: (ids: string[]) => void;
+    /** When present, the active image gains a "Set primary" affordance (callbacks are owner's concern). */
+    onSetPrimary?: (id: string) => void;
+    /** When present, deletion actions can be wired from consuming controls. */
+    onDelete?: (id: string) => void;
+    /** When present, renders an "add" slot at the end of the thumbnail strip. */
+    onAddClick?: () => void;
+    /** Content shown when `images` is empty. */
+    emptyState?: React.ReactNode;
+    className?: string;
+}
+/**
+ * Image carousel with thumbnail strip, drag-reorder, lightbox preview, and
+ * primary indicator. Keyboard-navigable (←/→ on main image to cycle; Enter
+ * to open lightbox; Esc to close lightbox).
+ *
+ * The carousel is presentational: it fires callbacks for actions but does
+ * NOT own upload / delete / set-primary state. Consumers wire those to
+ * their mutation hooks.
+ *
+ * Lightbox is rendered inline (not portaled) — for full-page lightbox with
+ * focus trapping, wrap the carousel in a Radix Dialog in the consumer.
+ */
+export declare function ImageCarousel({ images, activeId: controlledActiveId, onActiveChange, onReorder, onAddClick, emptyState, className, }: ImageCarouselProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=image-carousel.d.ts.map

package/dist/components/image-carousel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"image-carousel.d.ts","sourceRoot":"","sources":["../../src/components/image-carousel.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,GAAG,EAAE,MAAM,CAAC;IACZ,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,WAAW,kBAAkB;IACjC,MAAM,EAAE,aAAa,EAAE,CAAC;IACxB,6EAA6E;IAC7E,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,cAAc,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,kEAAkE;IAClE,SAAS,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACpC,uGAAuG;IACvG,YAAY,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,2EAA2E;IAC3E,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,6EAA6E;IAC7E,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,4CAA4C;IAC5C,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,aAAa,CAAC,EAC5B,MAAM,EACN,QAAQ,EAAE,kBAAkB,EAC5B,cAAc,EACd,SAAS,EACT,UAAU,EACV,UAAU,EACV,SAAS,GACV,EAAE,kBAAkB,2CAgNpB"}