@cellarnode/ui 0.12.15 → 0.14.1

package/dist/components/bottle-extract-dialog.d.ts

@@ -0,0 +1,25 @@
+export type BottleExtractDialogContext = {
+    kind: "beverage_gallery";
+    beverageId: string;
+    beverageName: string;
+} | {
+    kind: "variant_carousel";
+    beverageId: string;
+    variantId: string;
+    variantName: string;
+    beverageName: string;
+};
+export interface BottleExtractDialogProps {
+    open: boolean;
+    context: BottleExtractDialogContext;
+    onClose: () => void;
+    onSubmit: (input: {
+        file: File;
+        aiExtract: boolean;
+        makePrimary: boolean;
+    }) => Promise<void>;
+    /** i18n lookup — producer-dashboard passes react-i18next's `t` */
+    t: (key: string, opts?: Record<string, unknown>) => string;
+}
+export declare function BottleExtractDialog({ open, context, onClose, onSubmit, t, }: BottleExtractDialogProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=bottle-extract-dialog.d.ts.map

package/dist/components/bottle-extract-dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"bottle-extract-dialog.d.ts","sourceRoot":"","sources":["../../src/components/bottle-extract-dialog.tsx"],"names":[],"mappings":"AAIA,MAAM,MAAM,0BAA0B,GAClC;IAAE,IAAI,EAAE,kBAAkB,CAAC;IAAC,UAAU,EAAE,MAAM,CAAC;IAAC,YAAY,EAAE,MAAM,CAAA;CAAE,GACtE;IACE,IAAI,EAAE,kBAAkB,CAAC;IACzB,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;CACtB,CAAC;AAEN,MAAM,WAAW,wBAAwB;IACvC,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,0BAA0B,CAAC;IACpC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,CAAC,KAAK,EAAE;QAAE,IAAI,EAAE,IAAI,CAAC;QAAC,SAAS,EAAE,OAAO,CAAC;QAAC,WAAW,EAAE,OAAO,CAAA;KAAE,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC7F,kEAAkE;IAClE,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,MAAM,CAAC;CAC5D;AAOD,wBAAgB,mBAAmB,CAAC,EAClC,IAAI,EACJ,OAAO,EACP,OAAO,EACP,QAAQ,EACR,CAAC,GACF,EAAE,wBAAwB,2CAkK1B"}

package/dist/components/bottle-extract-dialog.js

@@ -0,0 +1,87 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as Dialog from "@radix-ui/react-dialog";
+import * as React from "react";
+import { cn } from "../lib/utils";
+export function BottleExtractDialog({ open, context, onClose, onSubmit, t, }) {
+    const [file, setFile] = React.useState(null);
+    const [mode, setMode] = React.useState("extract");
+    const [makePrimary, setMakePrimary] = React.useState(false);
+    const [state, setState] = React.useState({ kind: "idle" });
+    const fileInputRef = React.useRef(null);
+    const targetName = context.kind === "beverage_gallery" ? context.beverageName : context.variantName;
+    const titleId = React.useId();
+    const validate = (f) => {
+        if (f.name.toLowerCase().endsWith(".heic") ||
+            f.type === "image/heic" ||
+            f.type === "image/heif") {
+            return t("dialog.heic_error");
+        }
+        if (f.type === "image/webp")
+            return t("dialog.webp_error");
+        if (!["image/jpeg", "image/png"].includes(f.type)) {
+            return t("dialog.heic_error");
+        }
+        if (f.size > 10 * 1024 * 1024)
+            return "File is larger than 10MB.";
+        return null;
+    };
+    const handleFileChange = (files) => {
+        if (!files || files.length === 0)
+            return;
+        const first = files[0];
+        if (!first)
+            return;
+        const err = validate(first);
+        if (err) {
+            setState({ kind: "error", message: err });
+            return;
+        }
+        setFile(first);
+        setState({ kind: "idle" });
+    };
+    const handleSubmit = async (e) => {
+        e.preventDefault();
+        if (!file) {
+            setState({ kind: "error", message: "Please choose a file first." });
+            return;
+        }
+        setState({ kind: "submitting" });
+        try {
+            await onSubmit({
+                file,
+                aiExtract: mode === "extract",
+                makePrimary: mode === "extract" && makePrimary,
+            });
+            setFile(null);
+            setMakePrimary(false);
+            setMode("extract");
+            setState({ kind: "idle" });
+            onClose();
+        }
+        catch (err) {
+            setState({ kind: "error", message: err.message });
+        }
+    };
+    return (_jsx(Dialog.Root, { open: open, onOpenChange: (nextOpen) => !nextOpen && onClose(), children: _jsxs(Dialog.Portal, { children: [_jsx(Dialog.Overlay, { className: "fixed inset-0 z-50 bg-foreground/20 backdrop-blur-xs" }), _jsxs(Dialog.Content, { "aria-labelledby": titleId, className: cn("fixed left-1/2 top-1/2 z-50 w-[calc(100%-2rem)] max-w-lg -translate-x-1/2 -translate-y-1/2", "rounded-2xl border border-border bg-card p-6 shadow-xl"), children: [_jsx(Dialog.Title, { id: titleId, className: "text-base/6 font-semibold text-foreground", children: t("dialog.title") }), _jsxs("form", { onSubmit: handleSubmit, className: "mt-4 flex flex-col gap-4", children: [_jsx(DropZone, { ref: fileInputRef, file: file, onFileChange: handleFileChange, t: t }), _jsxs("fieldset", { className: "flex flex-col gap-2", children: [_jsx("legend", { className: "sr-only", children: "Upload mode" }), _jsxs("label", { className: "flex cursor-pointer items-start gap-3", children: [_jsx("input", { type: "radio", name: "mode", value: "as_is", checked: mode === "as_is", onChange: () => setMode("as_is"), className: "mt-1" }), _jsxs("span", { children: [_jsx("span", { className: "font-medium text-foreground", children: t("dialog.mode_as_is") }), _jsx("span", { className: "block text-sm text-muted-foreground", children: t("dialog.mode_as_is_help", { name: targetName }) })] })] }), _jsxs("label", { className: "flex cursor-pointer items-start gap-3", children: [_jsx("input", { type: "radio", name: "mode", value: "extract", checked: mode === "extract", onChange: () => setMode("extract"), className: "mt-1" }), _jsxs("span", { children: [_jsx("span", { className: "font-medium text-foreground", children: t("dialog.mode_extract") }), _jsx("span", { className: "block text-sm text-muted-foreground", children: t("dialog.mode_extract_help", { name: targetName }) })] })] })] }), mode === "extract" && (_jsxs("label", { className: "flex cursor-pointer items-center gap-2 text-foreground", children: [_jsx("input", { type: "checkbox", checked: makePrimary, onChange: (e) => setMakePrimary(e.target.checked) }), _jsx("span", { children: t("dialog.make_primary") })] })), state.kind === "error" && (_jsx("div", { role: "alert", className: "rounded-lg border border-red-300 bg-red-50 p-2 text-sm text-red-900 dark:border-red-800 dark:bg-red-950 dark:text-red-100", children: state.message })), _jsx("div", { "aria-live": "polite", className: "sr-only", children: state.kind === "submitting" ? t("dialog.uploading") : "" }), _jsxs("div", { className: "mt-2 flex justify-end gap-2", children: [_jsx("button", { type: "button", onClick: onClose, className: "rounded-md px-4 py-2 text-foreground hover:bg-muted/50 focus:outline-hidden focus-visible:ring-2 focus-visible:ring-primary/50", children: t("dialog.cancel") }), _jsx("button", { type: "submit", disabled: !file || state.kind === "submitting", className: "rounded-md bg-emerald-600 px-4 py-2 text-white hover:bg-emerald-700 focus:outline-hidden focus-visible:ring-2 focus-visible:ring-emerald-500 disabled:opacity-50", children: state.kind === "submitting" ? t("dialog.uploading") : t("dialog.submit") })] })] }), _jsx(Dialog.Close, { className: "absolute right-4 top-4 text-muted-foreground hover:text-foreground focus:outline-hidden focus-visible:ring-2 focus-visible:ring-primary/50", "aria-label": "Close", children: "\u00D7" })] })] }) }));
+}
+const DropZone = React.forwardRef(({ file, onFileChange, t }, ref) => {
+    const [hover, setHover] = React.useState(false);
+    const labelId = React.useId();
+    return (_jsxs("div", { role: "button", tabIndex: 0, "aria-labelledby": labelId, onClick: () => ref.current?.click(), onKeyDown: (e) => {
+            if (e.key === "Enter" || e.key === " ") {
+                e.preventDefault();
+                ref.current?.click();
+            }
+        }, onDragOver: (e) => {
+            e.preventDefault();
+            setHover(true);
+        }, onDragLeave: () => setHover(false), onDrop: (e) => {
+            e.preventDefault();
+            setHover(false);
+            onFileChange(e.dataTransfer.files);
+        }, className: cn("cursor-pointer rounded-lg border-2 border-dashed p-6 text-center focus:outline-hidden focus-visible:ring-2 focus-visible:ring-emerald-500", hover
+            ? "border-emerald-500 bg-emerald-50 dark:bg-emerald-950/30"
+            : "border-border bg-muted/20"), children: [_jsx("input", { ref: ref, type: "file", accept: "image/jpeg,image/png", className: "hidden", onChange: (e) => onFileChange(e.target.files) }), _jsx("p", { id: labelId, className: "text-sm text-foreground", children: file ? file.name : t("dialog.drop_zone") })] }));
+});
+DropZone.displayName = "DropZone";
+//# sourceMappingURL=bottle-extract-dialog.js.map

package/dist/components/bottle-extract-dialog.js.map

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

package/dist/components/bottle-extract-dialog.stories.d.ts

@@ -0,0 +1,17 @@
+import type { StoryObj } from "@storybook/react-vite";
+import { BottleExtractDialog } from "./bottle-extract-dialog";
+declare const meta: {
+    title: string;
+    component: typeof BottleExtractDialog;
+    tags: string[];
+    parameters: {
+        a11y: {
+            test: string;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const BeverageGallery: Story;
+export declare const VariantCarousel: Story;
+//# sourceMappingURL=bottle-extract-dialog.stories.d.ts.map

package/dist/components/bottle-extract-dialog.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"bottle-extract-dialog.stories.d.ts","sourceRoot":"","sources":["../../src/components/bottle-extract-dialog.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAsB9D,QAAA,MAAM,IAAI;;;;;;;;;CAKkC,CAAC;AAE7C,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,eAAe,EAAE,KAY7B,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAc7B,CAAC"}

package/dist/components/bottle-extract-dialog.stories.js

@@ -0,0 +1,54 @@
+import { BottleExtractDialog } from "./bottle-extract-dialog";
+const t = (key, opts) => {
+    const strings = {
+        "dialog.title": "Add bottle photo",
+        "dialog.drop_zone": "Drop an image here, or click to browse (JPEG or PNG, up to 10MB)",
+        "dialog.mode_as_is": "Upload as-is",
+        "dialog.mode_as_is_help": `Add this photo to ${opts?.name}'s gallery without AI processing.`,
+        "dialog.mode_extract": "Upload + AI extract bottle",
+        "dialog.mode_extract_help": `We'll send this image to our bottle-extraction AI to isolate the bottle. Takes ~10 seconds. Result will be added to ${opts?.name}'s gallery.`,
+        "dialog.make_primary": "Make the cutout the primary photo",
+        "dialog.submit": "Upload",
+        "dialog.cancel": "Cancel",
+        "dialog.uploading": "Uploading…",
+        "dialog.heic_error": "HEIC isn't supported yet. Please convert to JPEG.",
+        "dialog.webp_error": "WebP isn't supported yet. Please convert to JPEG or PNG.",
+    };
+    return strings[key] ?? key;
+};
+const meta = {
+    title: "Extraction/BottleExtractDialog",
+    component: BottleExtractDialog,
+    tags: ["autodocs"],
+    parameters: { a11y: { test: "error" } },
+};
+export default meta;
+export const BeverageGallery = {
+    args: {
+        open: true,
+        context: {
+            kind: "beverage_gallery",
+            beverageId: "b1",
+            beverageName: "Tenuta Sample Reserve",
+        },
+        onClose: () => { },
+        onSubmit: async () => new Promise((resolve) => setTimeout(resolve, 600)),
+        t,
+    },
+};
+export const VariantCarousel = {
+    args: {
+        open: true,
+        context: {
+            kind: "variant_carousel",
+            beverageId: "b1",
+            variantId: "v1",
+            variantName: "Tenuta Sample Reserve 2021",
+            beverageName: "Tenuta Sample Reserve",
+        },
+        onClose: () => { },
+        onSubmit: async () => new Promise((resolve) => setTimeout(resolve, 600)),
+        t,
+    },
+};
+//# sourceMappingURL=bottle-extract-dialog.stories.js.map

package/dist/components/bottle-extract-dialog.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bottle-extract-dialog.stories.js","sourceRoot":"","sources":["../../src/components/bottle-extract-dialog.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAE9D,MAAM,CAAC,GAAG,CAAC,GAAW,EAAE,IAA8B,EAAE,EAAE;IACxD,MAAM,OAAO,GAA2B;QACtC,cAAc,EAAE,kBAAkB;QAClC,kBAAkB,EAChB,kEAAkE;QACpE,mBAAmB,EAAE,cAAc;QACnC,wBAAwB,EAAE,qBAAqB,IAAI,EAAE,IAAI,mCAAmC;QAC5F,qBAAqB,EAAE,4BAA4B;QACnD,0BAA0B,EAAE,uHAAuH,IAAI,EAAE,IAAI,aAAa;QAC1K,qBAAqB,EAAE,mCAAmC;QAC1D,eAAe,EAAE,QAAQ;QACzB,eAAe,EAAE,QAAQ;QACzB,kBAAkB,EAAE,YAAY;QAChC,mBAAmB,EAAE,mDAAmD;QACxE,mBAAmB,EACjB,0DAA0D;KAC7D,CAAC;IACF,OAAO,OAAO,CAAC,GAAG,CAAC,IAAI,GAAG,CAAC;AAC7B,CAAC,CAAC;AAEF,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,gCAAgC;IACvC,SAAS,EAAE,mBAAmB;IAC9B,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,UAAU,EAAE,EAAE,IAAI,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE;CACG,CAAC;AAE7C,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,eAAe,GAAU;IACpC,IAAI,EAAE;QACJ,IAAI,EAAE,IAAI;QACV,OAAO,EAAE;YACP,IAAI,EAAE,kBAAkB;YACxB,UAAU,EAAE,IAAI;YAChB,YAAY,EAAE,uBAAuB;SACtC;QACD,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC;QACjB,QAAQ,EAAE,KAAK,IAAI,EAAE,CAAC,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,UAAU,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC;QACxE,CAAC;KACF;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAU;IACpC,IAAI,EAAE;QACJ,IAAI,EAAE,IAAI;QACV,OAAO,EAAE;YACP,IAAI,EAAE,kBAAkB;YACxB,UAAU,EAAE,IAAI;YAChB,SAAS,EAAE,IAAI;YACf,WAAW,EAAE,4BAA4B;YACzC,YAAY,EAAE,uBAAuB;SACtC;QACD,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC;QACjB,QAAQ,EAAE,KAAK,IAAI,EAAE,CAAC,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,UAAU,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC;QACxE,CAAC;KACF;CACF,CAAC"}

package/dist/components/bottle-extraction-inline-progress.d.ts

@@ -0,0 +1,14 @@
+export interface BottleExtractionInlineProgressProps {
+    jobId: string;
+    progress: {
+        processed: number;
+        total: number;
+        currentProductIndex?: number;
+        message?: string;
+    } | null;
+    status: "pending" | "processing" | "completed" | "failed" | "abandoned" | "awaiting_producer";
+    onCancel?: () => void;
+    t: (key: string, opts?: Record<string, unknown>) => string;
+}
+export declare function BottleExtractionInlineProgress(props: BottleExtractionInlineProgressProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=bottle-extraction-inline-progress.d.ts.map

package/dist/components/bottle-extraction-inline-progress.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"bottle-extraction-inline-progress.d.ts","sourceRoot":"","sources":["../../src/components/bottle-extraction-inline-progress.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,mCAAmC;IAClD,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE;QACR,SAAS,EAAE,MAAM,CAAC;QAClB,KAAK,EAAE,MAAM,CAAC;QACd,mBAAmB,CAAC,EAAE,MAAM,CAAC;QAC7B,OAAO,CAAC,EAAE,MAAM,CAAC;KAClB,GAAG,IAAI,CAAC;IACT,MAAM,EAAE,SAAS,GAAG,YAAY,GAAG,WAAW,GAAG,QAAQ,GAAG,WAAW,GAAG,mBAAmB,CAAC;IAC9F,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,MAAM,CAAC;CAC5D;AAED,wBAAgB,8BAA8B,CAAC,KAAK,EAAE,mCAAmC,kDAmDxF"}

package/dist/components/bottle-extraction-inline-progress.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+export function BottleExtractionInlineProgress(props) {
+    const { progress, status, onCancel, t } = props;
+    const [startedAt] = React.useState(() => Date.now());
+    const [now, setNow] = React.useState(() => Date.now());
+    React.useEffect(() => {
+        if (status === "completed" || status === "failed" || status === "abandoned")
+            return;
+        const tick = setInterval(() => setNow(Date.now()), 1000);
+        return () => clearInterval(tick);
+    }, [status]);
+    const elapsedSeconds = Math.round((now - startedAt) / 1000);
+    const coldStartHint = elapsedSeconds >= 60 ? "slow_60s" : elapsedSeconds >= 20 ? "slow_20s" : null;
+    if (status === "completed")
+        return null;
+    const label = progress && progress.total > 1
+        ? t("progress.running_with_counts", {
+            processed: progress.processed,
+            total: progress.total,
+        })
+        : t("progress.running");
+    return (_jsxs("div", { role: "status", "aria-live": "polite", className: "flex items-center gap-3 rounded-lg border border-emerald-200 bg-emerald-50 p-3 dark:border-emerald-800 dark:bg-emerald-950/30", children: [_jsx(Spinner, {}), _jsxs("div", { className: "flex-1", children: [_jsx("p", { className: "text-sm font-medium text-foreground", children: label }), coldStartHint && (_jsx("p", { className: "mt-1 text-xs text-muted-foreground", children: t(`progress.${coldStartHint}`) }))] }), elapsedSeconds >= 60 && onCancel && (_jsx("button", { type: "button", onClick: onCancel, className: "rounded-md text-sm text-red-600 hover:underline focus:outline-hidden focus-visible:ring-2 focus-visible:ring-red-500", children: t("progress.cancel") }))] }));
+}
+function Spinner() {
+    return (_jsx("span", { "aria-hidden": "true", className: "inline-block size-4 animate-spin rounded-full border-2 border-emerald-600 border-t-transparent" }));
+}
+//# sourceMappingURL=bottle-extraction-inline-progress.js.map

package/dist/components/bottle-extraction-inline-progress.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bottle-extraction-inline-progress.js","sourceRoot":"","sources":["../../src/components/bottle-extraction-inline-progress.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAe/B,MAAM,UAAU,8BAA8B,CAAC,KAA0C;IACvF,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC,EAAE,GAAG,KAAK,CAAC;IAChD,MAAM,CAAC,SAAS,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,CAAC;IACrD,MAAM,CAAC,GAAG,EAAE,MAAM,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,CAAC;IAEvD,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,MAAM,KAAK,WAAW,IAAI,MAAM,KAAK,QAAQ,IAAI,MAAM,KAAK,WAAW;YAAE,OAAO;QACpF,MAAM,IAAI,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,EAAE,IAAI,CAAC,CAAC;QACzD,OAAO,GAAG,EAAE,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;IACnC,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,MAAM,cAAc,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,GAAG,SAAS,CAAC,GAAG,IAAI,CAAC,CAAC;IAC5D,MAAM,aAAa,GACjB,cAAc,IAAI,EAAE,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,cAAc,IAAI,EAAE,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC;IAE/E,IAAI,MAAM,KAAK,WAAW;QAAE,OAAO,IAAI,CAAC;IAExC,MAAM,KAAK,GACT,QAAQ,IAAI,QAAQ,CAAC,KAAK,GAAG,CAAC;QAC5B,CAAC,CAAC,CAAC,CAAC,8BAA8B,EAAE;YAChC,SAAS,EAAE,QAAQ,CAAC,SAAS;YAC7B,KAAK,EAAE,QAAQ,CAAC,KAAK;SACtB,CAAC;QACJ,CAAC,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC;IAE5B,OAAO,CACL,eACE,IAAI,EAAC,QAAQ,eACH,QAAQ,EAClB,SAAS,EAAC,+HAA+H,aAEzI,KAAC,OAAO,KAAG,EACX,eAAK,SAAS,EAAC,QAAQ,aACrB,YAAG,SAAS,EAAC,qCAAqC,YAAE,KAAK,GAAK,EAC7D,aAAa,IAAI,CAChB,YAAG,SAAS,EAAC,oCAAoC,YAC9C,CAAC,CAAC,YAAY,aAAa,EAAE,CAAC,GAC7B,CACL,IACG,EACL,cAAc,IAAI,EAAE,IAAI,QAAQ,IAAI,CACnC,iBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,QAAQ,EACjB,SAAS,EAAC,sHAAsH,YAE/H,CAAC,CAAC,iBAAiB,CAAC,GACd,CACV,IACG,CACP,CAAC;AACJ,CAAC;AAED,SAAS,OAAO;IACd,OAAO,CACL,8BACc,MAAM,EAClB,SAAS,EAAC,gGAAgG,GAC1G,CACH,CAAC;AACJ,CAAC"}

package/dist/components/bottle-extraction-inline-progress.stories.d.ts

@@ -0,0 +1,17 @@
+import type { StoryObj } from "@storybook/react-vite";
+import { BottleExtractionInlineProgress } from "./bottle-extraction-inline-progress";
+declare const meta: {
+    title: string;
+    component: typeof BottleExtractionInlineProgress;
+    tags: string[];
+    parameters: {
+        a11y: {
+            test: string;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const SingleRunning: Story;
+export declare const CatalogMidway: Story;
+//# sourceMappingURL=bottle-extraction-inline-progress.stories.d.ts.map

package/dist/components/bottle-extraction-inline-progress.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"bottle-extraction-inline-progress.stories.d.ts","sourceRoot":"","sources":["../../src/components/bottle-extraction-inline-progress.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,8BAA8B,EAAE,MAAM,qCAAqC,CAAC;AAerF,QAAA,MAAM,IAAI;;;;;;;;;CAK6C,CAAC;AAExD,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,aAAa,EAAE,KAO3B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAO3B,CAAC"}

package/dist/components/bottle-extraction-inline-progress.stories.js

@@ -0,0 +1,35 @@
+import { BottleExtractionInlineProgress } from "./bottle-extraction-inline-progress";
+const t = (key, opts) => {
+    const strings = {
+        "progress.running": "Extracting bottle photo…",
+        "progress.running_with_counts": `Extracting bottle photo… (${opts?.processed} of ${opts?.total} processed)`,
+        "progress.slow_20s": "This is taking a moment longer than usual — we're warming up the AI service.",
+        "progress.slow_60s": "Still working — bottle extraction can take 1–2 minutes on first run.",
+        "progress.cancel": "Cancel",
+    };
+    return strings[key] ?? key;
+};
+const meta = {
+    title: "Extraction/BottleExtractionInlineProgress",
+    component: BottleExtractionInlineProgress,
+    tags: ["autodocs"],
+    parameters: { a11y: { test: "error" } },
+};
+export default meta;
+export const SingleRunning = {
+    args: {
+        jobId: "j1",
+        status: "processing",
+        progress: { processed: 0, total: 1 },
+        t,
+    },
+};
+export const CatalogMidway = {
+    args: {
+        jobId: "j2",
+        status: "processing",
+        progress: { processed: 4, total: 12 },
+        t,
+    },
+};
+//# sourceMappingURL=bottle-extraction-inline-progress.stories.js.map

package/dist/components/bottle-extraction-inline-progress.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bottle-extraction-inline-progress.stories.js","sourceRoot":"","sources":["../../src/components/bottle-extraction-inline-progress.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,8BAA8B,EAAE,MAAM,qCAAqC,CAAC;AAErF,MAAM,CAAC,GAAG,CAAC,GAAW,EAAE,IAA8B,EAAE,EAAE;IACxD,MAAM,OAAO,GAA2B;QACtC,kBAAkB,EAAE,0BAA0B;QAC9C,8BAA8B,EAAE,6BAA6B,IAAI,EAAE,SAAS,OAAO,IAAI,EAAE,KAAK,aAAa;QAC3G,mBAAmB,EACjB,8EAA8E;QAChF,mBAAmB,EACjB,sEAAsE;QACxE,iBAAiB,EAAE,QAAQ;KAC5B,CAAC;IACF,OAAO,OAAO,CAAC,GAAG,CAAC,IAAI,GAAG,CAAC;AAC7B,CAAC,CAAC;AAEF,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,2CAA2C;IAClD,SAAS,EAAE,8BAA8B;IACzC,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,UAAU,EAAE,EAAE,IAAI,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE;CACc,CAAC;AAExD,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,aAAa,GAAU;IAClC,IAAI,EAAE;QACJ,KAAK,EAAE,IAAI;QACX,MAAM,EAAE,YAAY;QACpB,QAAQ,EAAE,EAAE,SAAS,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE;QACpC,CAAC;KACF;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAU;IAClC,IAAI,EAAE;QACJ,KAAK,EAAE,IAAI;QACX,MAAM,EAAE,YAAY;QACpB,QAAQ,EAAE,EAAE,SAAS,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;QACrC,CAAC;KACF;CACF,CAAC"}

package/dist/components/opportunity-brief.d.ts

@@ -0,0 +1,23 @@
+export interface OpportunityBriefChip {
+    label: string;
+}
+export interface OpportunityBriefProps {
+    /** Title shown bold. */
+    name: string;
+    /** Optional buyer name shown muted under the title. */
+    buyerName?: string | null;
+    /** Pills (category, subtype, country, volume, deadline). Display order = props order. */
+    chips: OpportunityBriefChip[];
+    /** Eyebrow label above the name. @default "Looking for" */
+    eyebrow?: string;
+    className?: string;
+}
+/**
+ * Compact opportunity-context banner used at the top of the producer picker
+ * and anywhere an opportunity needs to be identified at a glance (importer
+ * opportunity list, match detail pane).
+ *
+ * Intentionally visual-only — all interaction happens on the host container.
+ */
+export declare function OpportunityBrief({ name, buyerName, chips, eyebrow, className, }: OpportunityBriefProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=opportunity-brief.d.ts.map

package/dist/components/opportunity-brief.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"opportunity-brief.d.ts","sourceRoot":"","sources":["../../src/components/opportunity-brief.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,qBAAqB;IACpC,wBAAwB;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,uDAAuD;IACvD,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,yFAAyF;IACzF,KAAK,EAAE,oBAAoB,EAAE,CAAC;IAC9B,2DAA2D;IAC3D,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;GAMG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,IAAI,EACJ,SAAS,EACT,KAAK,EACL,OAAuB,EACvB,SAAS,GACV,EAAE,qBAAqB,2CA6BvB"}

package/dist/components/opportunity-brief.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "../lib/utils";
+/**
+ * Compact opportunity-context banner used at the top of the producer picker
+ * and anywhere an opportunity needs to be identified at a glance (importer
+ * opportunity list, match detail pane).
+ *
+ * Intentionally visual-only — all interaction happens on the host container.
+ */
+export function OpportunityBrief({ name, buyerName, chips, eyebrow = "Looking for", className, }) {
+    return (_jsxs("div", { className: cn("rounded-lg border-l-[3px] border-primary bg-primary/5 px-3 py-2.5", className), children: [_jsx("p", { className: "text-[10px] font-bold uppercase tracking-[0.08em] text-primary", children: eyebrow }), _jsx("p", { className: "mt-0.5 text-sm font-semibold text-foreground", children: name }), buyerName && (_jsx("p", { className: "text-[11px] text-muted-foreground", children: buyerName })), chips.length > 0 && (_jsx("div", { className: "mt-1.5 flex flex-wrap gap-1", children: chips.map((c) => (_jsx("span", { className: "rounded-full bg-primary/15 px-2 py-0.5 text-[10px] font-semibold text-primary", children: c.label }, c.label))) }))] }));
+}
+//# sourceMappingURL=opportunity-brief.js.map

package/dist/components/opportunity-brief.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"opportunity-brief.js","sourceRoot":"","sources":["../../src/components/opportunity-brief.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAkBlC;;;;;;GAMG;AACH,MAAM,UAAU,gBAAgB,CAAC,EAC/B,IAAI,EACJ,SAAS,EACT,KAAK,EACL,OAAO,GAAG,aAAa,EACvB,SAAS,GACa;IACtB,OAAO,CACL,eACE,SAAS,EAAE,EAAE,CACX,mEAAmE,EACnE,SAAS,CACV,aAED,YAAG,SAAS,EAAC,gEAAgE,YAC1E,OAAO,GACN,EACJ,YAAG,SAAS,EAAC,8CAA8C,YAAE,IAAI,GAAK,EACrE,SAAS,IAAI,CACZ,YAAG,SAAS,EAAC,mCAAmC,YAAE,SAAS,GAAK,CACjE,EACA,KAAK,CAAC,MAAM,GAAG,CAAC,IAAI,CACnB,cAAK,SAAS,EAAC,6BAA6B,YACzC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAChB,eAEE,SAAS,EAAC,+EAA+E,YAExF,CAAC,CAAC,KAAK,IAHH,CAAC,CAAC,KAAK,CAIP,CACR,CAAC,GACE,CACP,IACG,CACP,CAAC;AACJ,CAAC"}

package/dist/components/opportunity-brief.stories.d.ts

@@ -0,0 +1,17 @@
+import type { StoryObj } from "@storybook/react-vite";
+import { OpportunityBrief } from "./opportunity-brief";
+declare const meta: {
+    title: string;
+    component: typeof OpportunityBrief;
+    tags: string[];
+    parameters: {
+        layout: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const NoBuyer: Story;
+export declare const NoChips: Story;
+export declare const CustomEyebrow: Story;
+//# sourceMappingURL=opportunity-brief.stories.d.ts.map

package/dist/components/opportunity-brief.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"opportunity-brief.stories.d.ts","sourceRoot":"","sources":["../../src/components/opportunity-brief.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAEvD,QAAA,MAAM,IAAI;;;;;;;CAK+B,CAAC;AAE1C,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAYrB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAM3B,CAAC"}

package/dist/components/opportunity-brief.stories.js

@@ -0,0 +1,38 @@
+import { OpportunityBrief } from "./opportunity-brief";
+const meta = {
+    title: "Picker/OpportunityBrief",
+    component: OpportunityBrief,
+    tags: ["autodocs"],
+    parameters: { layout: "centered" },
+};
+export default meta;
+export const Default = {
+    args: {
+        name: "brandy spirits · Spain Selection",
+        buyerName: "Systembolaget",
+        chips: [
+            { label: "Spirits" },
+            { label: "Brandy" },
+            { label: "Spain" },
+            { label: "330 L" },
+            { label: "due Mar 17" },
+        ],
+    },
+};
+export const NoBuyer = {
+    args: {
+        name: "Riesling Selection 2026",
+        chips: [{ label: "Wine" }, { label: "White wine" }, { label: "Germany" }],
+    },
+};
+export const NoChips = {
+    args: { name: "Untyped opportunity", chips: [] },
+};
+export const CustomEyebrow = {
+    args: {
+        name: "Q2 discovery wishlist",
+        eyebrow: "Saved search",
+        chips: [{ label: "Organic" }, { label: "<15 EUR" }],
+    },
+};
+//# sourceMappingURL=opportunity-brief.stories.js.map

package/dist/components/opportunity-brief.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"opportunity-brief.stories.js","sourceRoot":"","sources":["../../src/components/opportunity-brief.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAEvD,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,yBAAyB;IAChC,SAAS,EAAE,gBAAgB;IAC3B,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,UAAU,EAAE,EAAE,MAAM,EAAE,UAAU,EAAE;CACK,CAAC;AAE1C,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,IAAI,EAAE,kCAAkC;QACxC,SAAS,EAAE,eAAe;QAC1B,KAAK,EAAE;YACL,EAAE,KAAK,EAAE,SAAS,EAAE;YACpB,EAAE,KAAK,EAAE,QAAQ,EAAE;YACnB,EAAE,KAAK,EAAE,OAAO,EAAE;YAClB,EAAE,KAAK,EAAE,OAAO,EAAE;YAClB,EAAE,KAAK,EAAE,YAAY,EAAE;SACxB;KACF;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,IAAI,EAAE,yBAAyB;QAC/B,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,YAAY,EAAE,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC;KAC1E;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE,EAAE,IAAI,EAAE,qBAAqB,EAAE,KAAK,EAAE,EAAE,EAAE;CACjD,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAU;IAClC,IAAI,EAAE;QACJ,IAAI,EAAE,uBAAuB;QAC7B,OAAO,EAAE,cAAc;QACvB,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC;KACpD;CACF,CAAC"}

package/dist/components/picker-empty-guidance.d.ts

@@ -0,0 +1,20 @@
+export interface PickerEmptyGuidanceProps {
+    /** Display label for the missing category, e.g. "Spirits · Brandy". */
+    categoryLabel: string;
+    /** CTA label for the create-new button, e.g. "Create a new brandy product". */
+    createLabel: string;
+    /** Skip CTA label. @default "Draft manually" */
+    skipLabel?: string;
+    /** Override the body copy (defaults to a category-aware message). */
+    body?: string;
+    onCreate: () => void;
+    onSkip: () => void;
+    className?: string;
+}
+/**
+ * Empty-state block shown inside the picker when the producer has no
+ * in-category products. Create-new CTA is elevated (primary); skip-to-manual
+ * is secondary. Host wires both handlers to its own navigation / mutation.
+ */
+export declare function PickerEmptyGuidance({ categoryLabel, createLabel, skipLabel, body, onCreate, onSkip, className, }: PickerEmptyGuidanceProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=picker-empty-guidance.d.ts.map

package/dist/components/picker-empty-guidance.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"picker-empty-guidance.d.ts","sourceRoot":"","sources":["../../src/components/picker-empty-guidance.tsx"],"names":[],"mappings":"AAGA,MAAM,WAAW,wBAAwB;IACvC,uEAAuE;IACvE,aAAa,EAAE,MAAM,CAAC;IACtB,+EAA+E;IAC/E,WAAW,EAAE,MAAM,CAAC;IACpB,gDAAgD;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qEAAqE;IACrE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;GAIG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,aAAa,EACb,WAAW,EACX,SAA4B,EAC5B,IAAI,EACJ,QAAQ,EACR,MAAM,EACN,SAAS,GACV,EAAE,wBAAwB,2CA6B1B"}

package/dist/components/picker-empty-guidance.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ArrowRight, Plus } from "lucide-react";
+import { cn } from "../lib/utils";
+/**
+ * Empty-state block shown inside the picker when the producer has no
+ * in-category products. Create-new CTA is elevated (primary); skip-to-manual
+ * is secondary. Host wires both handlers to its own navigation / mutation.
+ */
+export function PickerEmptyGuidance({ categoryLabel, createLabel, skipLabel = "Draft manually", body, onCreate, onSkip, className, }) {
+    const message = body
+        ?? `Your portfolio has no ${categoryLabel}. To respond to this opportunity you can either add a matching product or draft the offer manually.`;
+    return (_jsxs("div", { className: cn("flex flex-col gap-2", className), children: [_jsx("div", { className: "rounded-lg border border-dashed border-warning/60 bg-warning/10 px-3 py-2.5 text-[11px]/5 text-warning-foreground", children: message }), _jsxs("div", { className: "flex flex-col gap-2 sm:flex-row", children: [_jsxs("button", { type: "button", onClick: onCreate, className: "inline-flex flex-1 items-center justify-center gap-2 rounded-lg bg-primary px-4 py-2.5 text-sm font-semibold text-primary-foreground transition-[filter] hover:brightness-110 focus:outline-none focus:ring-2 focus:ring-primary/40", children: [_jsx(Plus, { className: "size-3.5", "aria-hidden": true }), createLabel] }), _jsxs("button", { type: "button", onClick: onSkip, className: "inline-flex flex-1 items-center justify-center gap-2 rounded-lg border border-border bg-background px-4 py-2.5 text-sm font-semibold text-muted-foreground transition-colors hover:text-foreground focus:outline-none focus:ring-2 focus:ring-primary/40", children: [_jsx(ArrowRight, { className: "size-3.5", "aria-hidden": true }), skipLabel] })] })] }));
+}
+//# sourceMappingURL=picker-empty-guidance.js.map

package/dist/components/picker-empty-guidance.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"picker-empty-guidance.js","sourceRoot":"","sources":["../../src/components/picker-empty-guidance.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAChD,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAgBlC;;;;GAIG;AACH,MAAM,UAAU,mBAAmB,CAAC,EAClC,aAAa,EACb,WAAW,EACX,SAAS,GAAG,gBAAgB,EAC5B,IAAI,EACJ,QAAQ,EACR,MAAM,EACN,SAAS,GACgB;IACzB,MAAM,OAAO,GAAG,IAAI;WACf,yBAAyB,aAAa,qGAAqG,CAAC;IAEjJ,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,qBAAqB,EAAE,SAAS,CAAC,aAClD,cAAK,SAAS,EAAC,mHAAmH,YAC/H,OAAO,GACJ,EACN,eAAK,SAAS,EAAC,iCAAiC,aAC9C,kBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,QAAQ,EACjB,SAAS,EAAC,qOAAqO,aAE/O,KAAC,IAAI,IAAC,SAAS,EAAC,UAAU,wBAAe,EACxC,WAAW,IACL,EACT,kBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,MAAM,EACf,SAAS,EAAC,0PAA0P,aAEpQ,KAAC,UAAU,IAAC,SAAS,EAAC,UAAU,wBAAe,EAC9C,SAAS,IACH,IACL,IACF,CACP,CAAC;AACJ,CAAC"}

package/dist/components/picker-empty-guidance.stories.d.ts

@@ -0,0 +1,20 @@
+import type { StoryObj } from "@storybook/react-vite";
+import { PickerEmptyGuidance } from "./picker-empty-guidance";
+declare const meta: {
+    title: string;
+    component: typeof PickerEmptyGuidance;
+    tags: string[];
+    parameters: {
+        layout: string;
+    };
+    args: {
+        onCreate: import("storybook/test").Mock<(...args: any[]) => any>;
+        onSkip: import("storybook/test").Mock<(...args: any[]) => any>;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const NoBrandy: Story;
+export declare const NoWine: Story;
+export declare const CustomBody: Story;
+//# sourceMappingURL=picker-empty-guidance.stories.d.ts.map

package/dist/components/picker-empty-guidance.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"picker-empty-guidance.stories.d.ts","sourceRoot":"","sources":["../../src/components/picker-empty-guidance.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAE9D,QAAA,MAAM,IAAI;;;;;;;;;;;CASkC,CAAC;AAE7C,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,QAAQ,EAAE,KAKtB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAKpB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAMxB,CAAC"}

package/dist/components/picker-empty-guidance.stories.js

@@ -0,0 +1,33 @@
+import { fn } from "storybook/test";
+import { PickerEmptyGuidance } from "./picker-empty-guidance";
+const meta = {
+    title: "Picker/PickerEmptyGuidance",
+    component: PickerEmptyGuidance,
+    tags: ["autodocs"],
+    parameters: { layout: "centered" },
+    args: {
+        onCreate: fn(),
+        onSkip: fn(),
+    },
+};
+export default meta;
+export const NoBrandy = {
+    args: {
+        categoryLabel: "Spirits · Brandy",
+        createLabel: "Create a new brandy product",
+    },
+};
+export const NoWine = {
+    args: {
+        categoryLabel: "Wine",
+        createLabel: "Create a new wine product",
+    },
+};
+export const CustomBody = {
+    args: {
+        categoryLabel: "Cider · Perry",
+        createLabel: "Add a perry",
+        body: "No perry in your portfolio yet. Add one now so the opportunity's specifications pre-fill the new product page.",
+    },
+};
+//# sourceMappingURL=picker-empty-guidance.stories.js.map

package/dist/components/picker-empty-guidance.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"picker-empty-guidance.stories.js","sourceRoot":"","sources":["../../src/components/picker-empty-guidance.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,EAAE,EAAE,MAAM,gBAAgB,CAAC;AACpC,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAE9D,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,4BAA4B;IACnC,SAAS,EAAE,mBAAmB;IAC9B,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,UAAU,EAAE,EAAE,MAAM,EAAE,UAAU,EAAE;IAClC,IAAI,EAAE;QACJ,QAAQ,EAAE,EAAE,EAAE;QACd,MAAM,EAAE,EAAE,EAAE;KACb;CACyC,CAAC;AAE7C,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,QAAQ,GAAU;IAC7B,IAAI,EAAE;QACJ,aAAa,EAAE,kBAAkB;QACjC,WAAW,EAAE,6BAA6B;KAC3C;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAU;IAC3B,IAAI,EAAE;QACJ,aAAa,EAAE,MAAM;QACrB,WAAW,EAAE,2BAA2B;KACzC;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAU;IAC/B,IAAI,EAAE;QACJ,aAAa,EAAE,eAAe;QAC9B,WAAW,EAAE,aAAa;QAC1B,IAAI,EAAE,gHAAgH;KACvH;CACF,CAAC"}

package/dist/components/reason-pill.d.ts

@@ -0,0 +1,17 @@
+export type ReasonPillKind = "ok" | "warn" | "miss";
+export type ReasonPillSignal = "subtype" | "country" | "region" | "capacity" | "price";
+export interface ReasonPillProps {
+    kind: ReasonPillKind;
+    signal: ReasonPillSignal;
+    label: string;
+    className?: string;
+}
+/**
+ * Tiny pill that communicates why a variant scored the way it did. Used
+ * inside the product picker, stacked under each ranked row.
+ *
+ * `ok` → check icon + brand tint. `warn` → `≈` glyph + amber tint (lucide
+ * has no almost-equal icon). `miss` → X icon + struck-through muted tint.
+ */
+export declare function ReasonPill({ kind, signal, label, className }: ReasonPillProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=reason-pill.d.ts.map

package/dist/components/reason-pill.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"reason-pill.d.ts","sourceRoot":"","sources":["../../src/components/reason-pill.tsx"],"names":[],"mappings":"AAGA,MAAM,MAAM,cAAc,GAAG,IAAI,GAAG,MAAM,GAAG,MAAM,CAAC;AACpD,MAAM,MAAM,gBAAgB,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,UAAU,GAAG,OAAO,CAAC;AAEvF,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,cAAc,CAAC;IACrB,MAAM,EAAE,gBAAgB,CAAC;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AASD;;;;;;GAMG;AACH,wBAAgB,UAAU,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,eAAe,2CAqB7E"}

package/dist/components/reason-pill.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Check, X } from "lucide-react";
+import { cn } from "../lib/utils";
+const kindClasses = {
+    ok: "bg-primary/15 text-primary",
+    warn: "bg-amber-500/20 text-amber-900 dark:bg-amber-400/15 dark:text-amber-300",
+    // strike-through + muted so "miss" reads as a negative at a glance
+    miss: "bg-muted text-muted-foreground line-through",
+};
+/**
+ * Tiny pill that communicates why a variant scored the way it did. Used
+ * inside the product picker, stacked under each ranked row.
+ *
+ * `ok` → check icon + brand tint. `warn` → `≈` glyph + amber tint (lucide
+ * has no almost-equal icon). `miss` → X icon + struck-through muted tint.
+ */
+export function ReasonPill({ kind, signal, label, className }) {
+    const ariaLabel = kind === "miss" ? `${signal} mismatch: ${label}` :
+        kind === "warn" ? `${signal} partial match: ${label}` :
+            `${signal} match: ${label}`;
+    return (_jsxs("span", { className: cn("inline-flex items-center gap-1 rounded-full px-1.5 py-0.5 text-[10px] font-semibold leading-none", kindClasses[kind], className), "aria-label": ariaLabel, children: [kind === "ok" && _jsx(Check, { className: "size-2.5", "aria-hidden": true }), kind === "miss" && _jsx(X, { className: "size-2.5", "aria-hidden": true }), kind === "warn" && _jsx("span", { "aria-hidden": true, children: "\u2248" }), _jsx("span", { "aria-hidden": true, children: label })] }));
+}
+//# sourceMappingURL=reason-pill.js.map

package/dist/components/reason-pill.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"reason-pill.js","sourceRoot":"","sources":["../../src/components/reason-pill.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAYlC,MAAM,WAAW,GAAmC;IAClD,EAAE,EAAE,4BAA4B;IAChC,IAAI,EAAE,yEAAyE;IAC/E,mEAAmE;IACnE,IAAI,EAAE,6CAA6C;CACpD,CAAC;AAEF;;;;;;GAMG;AACH,MAAM,UAAU,UAAU,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,EAAmB;IAC5E,MAAM,SAAS,GACb,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,GAAG,MAAM,cAAc,KAAK,EAAE,CAAC,CAAC;QAClD,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,GAAG,MAAM,mBAAmB,KAAK,EAAE,CAAC,CAAC;YACvD,GAAG,MAAM,WAAW,KAAK,EAAE,CAAC;IAE9B,OAAO,CACL,gBACE,SAAS,EAAE,EAAE,CACX,kGAAkG,EAClG,WAAW,CAAC,IAAI,CAAC,EACjB,SAAS,CACV,gBACW,SAAS,aAEpB,IAAI,KAAK,IAAI,IAAI,KAAC,KAAK,IAAC,SAAS,EAAC,UAAU,wBAAe,EAC3D,IAAI,KAAK,MAAM,IAAI,KAAC,CAAC,IAAC,SAAS,EAAC,UAAU,wBAAe,EACzD,IAAI,KAAK,MAAM,IAAI,yDAA0B,EAC9C,8CAAmB,KAAK,GAAQ,IAC3B,CACR,CAAC;AACJ,CAAC"}