@cellarnode/ui 0.3.2 → 0.5.1

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

@@ -0,0 +1,30 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { KanbanCard } from "./kanban-card";
+const meta = {
+    title: "Components/KanbanCard",
+    component: KanbanCard,
+    tags: ["autodocs"],
+    parameters: { layout: "centered" },
+};
+export default meta;
+export const Default = {
+    args: {
+        children: (_jsxs("div", { children: [_jsx("p", { className: "text-sm/5 font-medium text-foreground", children: "Ch\u00E2teau Margaux 2019 \u2014 Import Offer" }), _jsx("p", { className: "mt-1 text-xs text-muted-foreground", children: "Submitted 2 days ago" })] })),
+        onClick: () => alert("Card clicked"),
+    },
+    decorators: [(Story) => _jsx("div", { className: "w-64", children: _jsx(Story, {}) })],
+};
+export const WithRichContent = {
+    args: {
+        children: (_jsxs("div", { className: "flex flex-col gap-2", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsx("span", { className: "inline-flex rounded-sm bg-muted px-1.5 py-0.5 text-[10px] font-medium text-muted-foreground", children: "Wine" }), _jsx("span", { className: "text-[10px] text-muted-foreground", children: "#42" })] }), _jsx("p", { className: "text-sm/5 font-medium text-foreground", children: "Petrus 2015 \u2014 Procurement Offer" }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx("div", { className: "size-5 shrink-0 rounded-full bg-emerald-100" }), _jsx("span", { className: "text-xs text-muted-foreground", children: "Cellar Origins Ltd." })] }), _jsxs("div", { className: "flex items-center justify-between pt-1", children: [_jsx("span", { className: "text-xs font-semibold text-foreground", children: "\u20AC 420/case" }), _jsx("span", { className: "inline-flex rounded-sm bg-sky-50 px-1.5 py-0.5 text-[10px] font-medium text-sky-700 ring-1 ring-sky-200", children: "Negotiating" })] })] })),
+        onClick: () => alert("Card clicked"),
+    },
+    decorators: [(Story) => _jsx("div", { className: "w-64", children: _jsx(Story, {}) })],
+};
+export const NoClickHandler = {
+    args: {
+        children: (_jsx("p", { className: "text-sm/5 font-medium text-foreground", children: "Static card \u2014 no click handler" })),
+    },
+    decorators: [(Story) => _jsx("div", { className: "w-64", children: _jsx(Story, {}) })],
+};
+//# sourceMappingURL=kanban-card.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"kanban-card.stories.js","sourceRoot":"","sources":["../../src/components/kanban-card.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,uBAAuB;IAC9B,SAAS,EAAE,UAAU;IACrB,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,UAAU,EAAE,EAAE,MAAM,EAAE,UAAU,EAAE;CACD,CAAC;AAEpC,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,QAAQ,EAAE,CACR,0BACE,YAAG,SAAS,EAAC,uCAAuC,8DAEhD,EACJ,YAAG,SAAS,EAAC,oCAAoC,qCAAyB,IACtE,CACP;QACD,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,cAAc,CAAC;KACrC;IACD,UAAU,EAAE,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,cAAK,SAAS,EAAC,MAAM,YAAC,KAAC,KAAK,KAAG,GAAM,CAAC;CAC/D,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAU;IACpC,IAAI,EAAE;QACJ,QAAQ,EAAE,CACR,eAAK,SAAS,EAAC,qBAAqB,aAClC,eAAK,SAAS,EAAC,mCAAmC,aAChD,eAAM,SAAS,EAAC,6FAA6F,qBAEtG,EACP,eAAM,SAAS,EAAC,mCAAmC,oBAAW,IAC1D,EACN,YAAG,SAAS,EAAC,uCAAuC,qDAEhD,EACJ,eAAK,SAAS,EAAC,yBAAyB,aACtC,cAAK,SAAS,EAAC,6CAA6C,GAAG,EAC/D,eAAM,SAAS,EAAC,+BAA+B,oCAA2B,IACtE,EACN,eAAK,SAAS,EAAC,wCAAwC,aACrD,eAAM,SAAS,EAAC,uCAAuC,gCAAkB,EACzE,eAAM,SAAS,EAAC,yGAAyG,4BAElH,IACH,IACF,CACP;QACD,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,cAAc,CAAC;KACrC;IACD,UAAU,EAAE,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,cAAK,SAAS,EAAC,MAAM,YAAC,KAAC,KAAK,KAAG,GAAM,CAAC;CAC/D,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAU;IACnC,IAAI,EAAE;QACJ,QAAQ,EAAE,CACR,YAAG,SAAS,EAAC,uCAAuC,oDAEhD,CACL;KACF;IACD,UAAU,EAAE,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,cAAK,SAAS,EAAC,MAAM,YAAC,KAAC,KAAK,KAAG,GAAM,CAAC;CAC/D,CAAC"}

package/dist/components/kanban-dnd-board.d.ts

@@ -3,6 +3,6 @@
  * to avoid bundling @dnd-kit when DnD is not needed.
  */
 import { type KanbanBoardProps } from "./kanban-board";
-declare function KanbanDndBoard<TItem = any>({ columns, renderColumnCards, className, items, getItemId, getItemColumn, onDragEnd, onDragStartRaw, onDragEndRaw, isValidTransition, renderDragOverlay, renderColumn, columnClassName, columnBodyClassName, }: KanbanBoardProps<TItem>): import("react/jsx-runtime").JSX.Element;
+declare function KanbanDndBoard<TItem = unknown>({ columns, renderColumnCards, className, items, getItemId, getItemColumn, onDragEnd, onDragStartRaw, onDragEndRaw, isValidTransition, renderDragOverlay, renderColumn, columnClassName, columnBodyClassName, }: KanbanBoardProps<TItem>): import("react/jsx-runtime").JSX.Element;
 export default KanbanDndBoard;
 //# sourceMappingURL=kanban-dnd-board.d.ts.map

package/dist/components/kanban-dnd-board.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"kanban-dnd-board.d.ts","sourceRoot":"","sources":["../../src/components/kanban-dnd-board.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAUH,OAAO,EAAqB,KAAK,gBAAgB,EAAuB,MAAM,gBAAgB,CAAC;AAI/F,iBAAS,cAAc,CAAC,KAAK,GAAG,GAAG,EAAE,EACnC,OAAO,EACP,iBAAiB,EACjB,SAAS,EACT,KAAK,EACL,SAAS,EACT,aAAa,EACb,SAAS,EACT,cAAc,EACd,YAAY,EACZ,iBAAiB,EACjB,iBAAiB,EACjB,YAAY,EACZ,eAAe,EACf,mBAAmB,GACpB,EAAE,gBAAgB,CAAC,KAAK,CAAC,2CA6GzB;AAsFD,eAAe,cAAc,CAAC"}
+{"version":3,"file":"kanban-dnd-board.d.ts","sourceRoot":"","sources":["../../src/components/kanban-dnd-board.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAUH,OAAO,EAAqB,KAAK,gBAAgB,EAAuB,MAAM,gBAAgB,CAAC;AAI/F,iBAAS,cAAc,CAAC,KAAK,GAAG,OAAO,EAAE,EACvC,OAAO,EACP,iBAAiB,EACjB,SAAS,EACT,KAAK,EACL,SAAS,EACT,aAAa,EACb,SAAS,EACT,cAAc,EACd,YAAY,EACZ,iBAAiB,EACjB,iBAAiB,EACjB,YAAY,EACZ,eAAe,EACf,mBAAmB,GACpB,EAAE,gBAAgB,CAAC,KAAK,CAAC,2CA6GzB;AAsFD,eAAe,cAAc,CAAC"}

package/dist/components/kanban-dnd-board.js

@@ -13,8 +13,8 @@ function KanbanDndBoard({ columns, renderColumnCards, className, items, getItemI
     const handleDragStart = useCallback((event) => {
         onDragStartRaw?.(event);
         // Try to derive source column from the dragged item
-        if (items && getItemId && getItemColumn) {
-            const sourceData = event.operation?.source?.data;
+        if (items && getItemId && getItemColumn && event.operation?.source) {
+            const sourceData = event.operation.source.data;
             if (sourceData) {
                 // Check if the source data contains an item we can identify
                 const itemId = sourceData.itemId;

package/dist/components/kanban-dnd-board.js.map

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

package/dist/components/kanban-dnd-board.stories.d.ts

@@ -0,0 +1,15 @@
+import type { StoryObj } from "@storybook/react-vite";
+import KanbanDndBoard from "./kanban-dnd-board";
+declare const meta: {
+    title: string;
+    component: typeof KanbanDndBoard;
+    tags: string[];
+    parameters: {
+        layout: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithTransitionRules: Story;
+//# sourceMappingURL=kanban-dnd-board.stories.d.ts.map

package/dist/components/kanban-dnd-board.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"kanban-dnd-board.stories.d.ts","sourceRoot":"","sources":["../../src/components/kanban-dnd-board.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,cAAc,MAAM,oBAAoB,CAAC;AAIhD,QAAA,MAAM,IAAI;;;;;;;CAK6B,CAAC;AAExC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAkHnC,eAAO,MAAM,OAAO,EAAE,KAGrB,CAAC;AAsDF,eAAO,MAAM,mBAAmB,EAAE,KAGjC,CAAC"}

package/dist/components/kanban-dnd-board.stories.js

@@ -0,0 +1,112 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import KanbanDndBoard from "./kanban-dnd-board";
+import { KanbanCard } from "./kanban-card";
+const meta = {
+    title: "Components/KanbanDndBoard",
+    component: KanbanDndBoard,
+    tags: ["autodocs"],
+    parameters: { layout: "padded" },
+};
+export default meta;
+const columns = [
+    {
+        id: "new",
+        title: "New",
+        subtitle: "Incoming offers",
+        count: 2,
+        accentColor: "bg-sky-500",
+        headerClassName: "bg-sky-50 dark:bg-sky-500/5",
+        accentStripeClassName: "border-t-2 border-t-sky-300 dark:border-t-sky-500/20",
+        countClassName: "bg-sky-100 text-sky-700 ring-1 ring-sky-200 dark:bg-sky-500/10 dark:text-sky-300 dark:ring-sky-500/20",
+    },
+    {
+        id: "negotiating",
+        title: "Negotiating",
+        subtitle: "In discussion",
+        count: 2,
+        accentColor: "bg-amber-500",
+        headerClassName: "bg-amber-50 dark:bg-amber-500/5",
+        accentStripeClassName: "border-t-2 border-t-amber-300 dark:border-t-amber-500/20",
+        countClassName: "bg-amber-100 text-amber-700 ring-1 ring-amber-200 dark:bg-amber-500/10 dark:text-amber-300 dark:ring-amber-500/20",
+    },
+    {
+        id: "accepted",
+        title: "Accepted",
+        subtitle: "Ready to finalise",
+        count: 1,
+        accentColor: "bg-emerald-500",
+        headerClassName: "bg-emerald-50 dark:bg-emerald-500/5",
+        accentStripeClassName: "border-t-2 border-t-emerald-300 dark:border-t-emerald-500/20",
+        countClassName: "bg-emerald-100 text-emerald-700 ring-1 ring-emerald-200 dark:bg-emerald-500/10 dark:text-emerald-300 dark:ring-emerald-500/20",
+    },
+    {
+        id: "closed",
+        title: "Closed",
+        subtitle: "Completed or rejected",
+        count: 1,
+        accentColor: "bg-slate-400",
+        headerClassName: "bg-slate-50 dark:bg-slate-500/5",
+        accentStripeClassName: "border-t-2 border-t-slate-300 dark:border-t-slate-500/20",
+        countClassName: "bg-slate-100 text-slate-600 ring-1 ring-slate-200 dark:bg-slate-500/10 dark:text-slate-300 dark:ring-slate-500/20",
+    },
+];
+const initialItems = [
+    { id: "o1", title: "Château Margaux 2019", producer: "Château Margaux", price: "€ 420/case", column: "new" },
+    { id: "o2", title: "Petrus 2015", producer: "Pétrus Estate", price: "€ 1,200/case", column: "new" },
+    { id: "o3", title: "Henschke Hill of Grace 2018", producer: "Henschke Wines", price: "€ 380/case", column: "negotiating" },
+    { id: "o4", title: "Screaming Eagle 2020", producer: "Screaming Eagle Winery", price: "€ 3,500/case", column: "negotiating" },
+    { id: "o5", title: "Sassicaia 2017", producer: "Tenuta San Guido", price: "€ 260/case", column: "accepted" },
+    { id: "o6", title: "Penfolds Grange 2016", producer: "Penfolds", price: "€ 640/case", column: "closed" },
+];
+// Stub args satisfy TS — actual rendering is fully controlled by render()
+const stubArgs = {
+    columns,
+    renderColumnCards: () => null,
+};
+// ─── Default (interactive DnD) ────────────────────────────────────────────────
+function DefaultRender() {
+    const [items, setItems] = useState(initialItems);
+    const syncedColumns = columns.map((col) => ({
+        ...col,
+        count: items.filter((i) => i.column === col.id).length,
+    }));
+    function renderColumnCards(columnId) {
+        return items
+            .filter((item) => item.column === columnId)
+            .map((item) => (_jsx(KanbanCard, { children: _jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx("p", { className: "text-sm/5 font-medium text-foreground", children: item.title }), _jsx("p", { className: "text-xs text-muted-foreground", children: item.producer }), _jsx("span", { className: "mt-0.5 text-xs font-semibold text-foreground", children: item.price })] }) }, item.id)));
+    }
+    return (_jsx(KanbanDndBoard, { columns: syncedColumns, renderColumnCards: renderColumnCards, items: items, getItemId: (item) => item.id, getItemColumn: (item) => item.column, onDragEnd: (itemId, _from, to) => {
+            setItems((prev) => prev.map((item) => (item.id === itemId ? { ...item, column: to } : item)));
+        } }));
+}
+export const Default = {
+    args: stubArgs,
+    render: () => _jsx(DefaultRender, {}),
+};
+// ─── With valid transitions ───────────────────────────────────────────────────
+function WithTransitionRulesRender() {
+    const [items, setItems] = useState(initialItems);
+    const syncedColumns = columns.map((col) => ({
+        ...col,
+        count: items.filter((i) => i.column === col.id).length,
+    }));
+    // Only allow forward progression (no going backwards to "new")
+    const isValidTransition = (from, to) => {
+        const order = ["new", "negotiating", "accepted", "closed"];
+        return order.indexOf(to) > order.indexOf(from);
+    };
+    function renderColumnCards(columnId) {
+        return items
+            .filter((item) => item.column === columnId)
+            .map((item) => (_jsx(KanbanCard, { children: _jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx("p", { className: "text-sm/5 font-medium text-foreground", children: item.title }), _jsx("p", { className: "text-xs text-muted-foreground", children: item.producer }), _jsx("span", { className: "mt-0.5 text-xs font-semibold text-foreground", children: item.price })] }) }, item.id)));
+    }
+    return (_jsxs("div", { className: "flex flex-col gap-3", children: [_jsx("p", { className: "text-xs text-muted-foreground", children: "Transition rules: forward-only progression (new \u2192 negotiating \u2192 accepted \u2192 closed)" }), _jsx(KanbanDndBoard, { columns: syncedColumns, renderColumnCards: renderColumnCards, items: items, getItemId: (item) => item.id, getItemColumn: (item) => item.column, isValidTransition: isValidTransition, onDragEnd: (itemId, _from, to) => {
+                    setItems((prev) => prev.map((item) => (item.id === itemId ? { ...item, column: to } : item)));
+                } })] }));
+}
+export const WithTransitionRules = {
+    args: stubArgs,
+    render: () => _jsx(WithTransitionRulesRender, {}),
+};
+//# sourceMappingURL=kanban-dnd-board.stories.js.map

package/dist/components/kanban-dnd-board.stories.js.map

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

package/dist/components/label.stories.d.ts

@@ -0,0 +1,16 @@
+import type { StoryObj } from "@storybook/react-vite";
+import { Label } from "./label";
+declare const meta: {
+    title: string;
+    component: typeof Label;
+    tags: string[];
+    parameters: {
+        layout: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithHtmlFor: Story;
+export declare const Required: Story;
+//# sourceMappingURL=label.stories.d.ts.map

package/dist/components/label.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"label.stories.d.ts","sourceRoot":"","sources":["../../src/components/label.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAEhC,QAAA,MAAM,IAAI;;;;;;;CAKoB,CAAC;AAE/B,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAYzB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAStB,CAAC"}

package/dist/components/label.stories.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Label } from "./label";
+const meta = {
+    title: "Components/Label",
+    component: Label,
+    tags: ["autodocs"],
+    parameters: { layout: "centered" },
+};
+export default meta;
+export const Default = {
+    args: {
+        children: "Beverage Name",
+    },
+};
+export const WithHtmlFor = {
+    render: () => (_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { htmlFor: "beverage-input", children: "Producer Region" }), _jsx("input", { id: "beverage-input", type: "text", placeholder: "e.g. Bordeaux, Champagne", className: "rounded border px-3 py-1.5 text-sm" })] })),
+};
+export const Required = {
+    render: () => (_jsxs(Label, { children: ["Offer Price", " ", _jsx("span", { className: "text-destructive", "aria-hidden": "true", children: "*" })] })),
+};
+//# sourceMappingURL=label.stories.js.map

package/dist/components/label.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"label.stories.js","sourceRoot":"","sources":["../../src/components/label.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAEhC,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,kBAAkB;IACzB,SAAS,EAAE,KAAK;IAChB,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,UAAU,EAAE,EAAE,MAAM,EAAE,UAAU,EAAE;CACN,CAAC;AAE/B,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,QAAQ,EAAE,eAAe;KAC1B;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAU;IAChC,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,eAAK,SAAS,EAAC,qBAAqB,aAClC,KAAC,KAAK,IAAC,OAAO,EAAC,gBAAgB,gCAAwB,EACvD,gBACE,EAAE,EAAC,gBAAgB,EACnB,IAAI,EAAC,MAAM,EACX,WAAW,EAAC,0BAA0B,EACtC,SAAS,EAAC,oCAAoC,GAC9C,IACE,CACP;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAU;IAC7B,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,MAAC,KAAK,8BACQ,GAAG,EACf,eAAM,SAAS,EAAC,kBAAkB,iBAAa,MAAM,kBAE9C,IACD,CACT;CACF,CAAC"}

package/dist/components/link.d.ts

@@ -6,7 +6,8 @@
  * https://catalyst.tailwindui.com/docs#client-side-router-integration
  */
 import React from 'react';
-export declare const Link: React.ForwardRefExoticComponent<{
+export declare function Link({ ref, ...props }: {
     href: string;
-} & Omit<React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
+    ref?: React.Ref<HTMLAnchorElement>;
+} & React.ComponentPropsWithoutRef<'a'>): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=link.d.ts.map

package/dist/components/link.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"link.d.ts","sourceRoot":"","sources":["../../src/components/link.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAGH,OAAO,KAAqB,MAAM,OAAO,CAAA;AAEzC,eAAO,MAAM,IAAI;UACA,MAAM;oJAQrB,CAAA"}
+{"version":3,"file":"link.d.ts","sourceRoot":"","sources":["../../src/components/link.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAGH,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,wBAAgB,IAAI,CAAC,EACnB,GAAG,EACH,GAAG,KAAK,EACT,EAAE;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAA;CAAE,GAAG,KAAK,CAAC,wBAAwB,CAAC,GAAG,CAAC,2CAM5F"}

package/dist/components/link.js

@@ -7,8 +7,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
  * https://catalyst.tailwindui.com/docs#client-side-router-integration
  */
 import * as Headless from '@headlessui/react';
-import { forwardRef } from 'react';
-export const Link = forwardRef(function Link(props, ref) {
+export function Link({ ref, ...props }) {
     return (_jsx(Headless.DataInteractive, { children: _jsx("a", { ...props, ref: ref }) }));
-});
+}
 //# sourceMappingURL=link.js.map

package/dist/components/link.js.map

@@ -1 +1 @@
-{"version":3,"file":"link.js","sourceRoot":"","sources":["../../src/components/link.tsx"],"names":[],"mappings":";AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,QAAQ,MAAM,mBAAmB,CAAA;AAC7C,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEzC,MAAM,CAAC,MAAM,IAAI,GAAG,UAAU,CAAC,SAAS,IAAI,CAC1C,KAA6D,EAC7D,GAA0C;IAE1C,OAAO,CACL,KAAC,QAAQ,CAAC,eAAe,cACvB,eAAO,KAAK,EAAE,GAAG,EAAE,GAAG,GAAI,GACD,CAC5B,CAAA;AACH,CAAC,CAAC,CAAA"}
+{"version":3,"file":"link.js","sourceRoot":"","sources":["../../src/components/link.tsx"],"names":[],"mappings":";AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,QAAQ,MAAM,mBAAmB,CAAA;AAG7C,MAAM,UAAU,IAAI,CAAC,EACnB,GAAG,EACH,GAAG,KAAK,EACmF;IAC3F,OAAO,CACL,KAAC,QAAQ,CAAC,eAAe,cACvB,eAAO,KAAK,EAAE,GAAG,EAAE,GAAG,GAAI,GACD,CAC5B,CAAA;AACH,CAAC"}

package/dist/components/link.stories.d.ts

@@ -0,0 +1,15 @@
+import type { Meta, StoryObj } from "@storybook/react-vite";
+import { Link } from "./link";
+declare const meta: {
+    title: string;
+    component: typeof Link;
+    tags: string[];
+    parameters: {
+        layout: string;
+    };
+};
+export default meta;
+type Story = StoryObj<Meta<typeof Link>>;
+export declare const Default: Story;
+export declare const InlineText: Story;
+//# sourceMappingURL=link.stories.d.ts.map

package/dist/components/link.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"link.stories.d.ts","sourceRoot":"","sources":["../../src/components/link.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,QAAA,MAAM,IAAI;;;;;;;CAKmB,CAAC;AAE9B,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,IAAI,CAAC,OAAO,IAAI,CAAC,CAAC,CAAC;AAEzC,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAcxB,CAAC"}

package/dist/components/link.stories.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Link } from "./link";
+const meta = {
+    title: "Components/Link",
+    component: Link,
+    tags: ["autodocs"],
+    parameters: { layout: "centered" },
+};
+export default meta;
+export const Default = {
+    args: {
+        href: "#",
+        children: "View Château Margaux 2018 Tasting Notes",
+    },
+};
+export const InlineText = {
+    render: () => (_jsxs("p", { className: "text-sm text-zinc-600", children: ["Explore our curated selection of", " ", _jsx(Link, { href: "#", className: "text-blue-600 underline hover:text-blue-800", children: "Bordeaux Grand Cru estates" }), " ", "and", " ", _jsx(Link, { href: "#", className: "text-blue-600 underline hover:text-blue-800", children: "Burgundy Premier Cru vintages" }), " ", "available for import."] })),
+};
+//# sourceMappingURL=link.stories.js.map

package/dist/components/link.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"link.stories.js","sourceRoot":"","sources":["../../src/components/link.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,iBAAiB;IACxB,SAAS,EAAE,IAAI;IACf,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,UAAU,EAAE,EAAE,MAAM,EAAE,UAAU,EAAE;CACP,CAAC;AAE9B,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,IAAI,EAAE,GAAG;QACT,QAAQ,EAAE,yCAAyC;KACpD;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAU;IAC/B,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,aAAG,SAAS,EAAC,uBAAuB,iDACD,GAAG,EACpC,KAAC,IAAI,IAAC,IAAI,EAAC,GAAG,EAAC,SAAS,EAAC,6CAA6C,2CAE/D,EAAC,GAAG,SACP,GAAG,EACP,KAAC,IAAI,IAAC,IAAI,EAAC,GAAG,EAAC,SAAS,EAAC,6CAA6C,8CAE/D,EAAC,GAAG,6BAET,CACL;CACF,CAAC"}

package/dist/components/listbox.stories.d.ts

@@ -0,0 +1,8 @@
+import type { Meta, StoryObj } from "@storybook/react-vite";
+declare const meta: Meta;
+export default meta;
+type Story = StoryObj;
+export declare const Default: Story;
+export declare const WithPlaceholder: Story;
+export declare const PlainVariant: Story;
+//# sourceMappingURL=listbox.stories.d.ts.map

package/dist/components/listbox.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"listbox.stories.d.ts","sourceRoot":"","sources":["../../src/components/listbox.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAiB5D,QAAA,MAAM,IAAI,EAAE,IAWX,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC;AAoBtB,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAoBF,eAAO,MAAM,eAAe,EAAE,KAE7B,CAAC;AAoBF,eAAO,MAAM,YAAY,EAAE,KAE1B,CAAC"}

package/dist/components/listbox.stories.js

@@ -0,0 +1,46 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useState } from "react";
+import { Listbox, ListboxOption, ListboxLabel } from "./listbox";
+const REGIONS = [
+    "Bordeaux, France",
+    "Burgundy, France",
+    "Champagne, France",
+    "Tuscany, Italy",
+    "Piedmont, Italy",
+    "Rioja, Spain",
+    "Napa Valley, USA",
+    "Barossa Valley, Australia",
+    "Marlborough, New Zealand",
+    "Maipo Valley, Chile",
+];
+const meta = {
+    title: "Components/Listbox",
+    tags: ["autodocs"],
+    parameters: { layout: "centered" },
+    decorators: [
+        (Story) => (_jsx("div", { className: "w-72 pb-64", children: _jsx(Story, {}) })),
+    ],
+};
+export default meta;
+function DefaultRender() {
+    const [value, setValue] = useState("Bordeaux, France");
+    return (_jsx(Listbox, { value: value, onChange: setValue, "aria-label": "Wine region", placeholder: "Select a region\u2026", children: REGIONS.map((region) => (_jsx(ListboxOption, { value: region, children: _jsx(ListboxLabel, { children: region }) }, region))) }));
+}
+export const Default = {
+    render: () => _jsx(DefaultRender, {}),
+};
+function WithPlaceholderRender() {
+    const [value, setValue] = useState(null);
+    return (_jsx(Listbox, { value: value, onChange: setValue, "aria-label": "Wine region", placeholder: "Choose a region\u2026", children: REGIONS.map((region) => (_jsx(ListboxOption, { value: region, children: _jsx(ListboxLabel, { children: region }) }, region))) }));
+}
+export const WithPlaceholder = {
+    render: () => _jsx(WithPlaceholderRender, {}),
+};
+function PlainVariantRender() {
+    const [value, setValue] = useState("Bordeaux, France");
+    return (_jsx(Listbox, { value: value, onChange: setValue, "aria-label": "Wine region", plain: true, children: REGIONS.slice(0, 5).map((region) => (_jsx(ListboxOption, { value: region, children: _jsx(ListboxLabel, { children: region }) }, region))) }));
+}
+export const PlainVariant = {
+    render: () => _jsx(PlainVariantRender, {}),
+};
+//# sourceMappingURL=listbox.stories.js.map

package/dist/components/listbox.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"listbox.stories.js","sourceRoot":"","sources":["../../src/components/listbox.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAEjE,MAAM,OAAO,GAAG;IACd,kBAAkB;IAClB,kBAAkB;IAClB,mBAAmB;IACnB,gBAAgB;IAChB,iBAAiB;IACjB,cAAc;IACd,kBAAkB;IAClB,2BAA2B;IAC3B,0BAA0B;IAC1B,qBAAqB;CACtB,CAAC;AAEF,MAAM,IAAI,GAAS;IACjB,KAAK,EAAE,oBAAoB;IAC3B,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,UAAU,EAAE,EAAE,MAAM,EAAE,UAAU,EAAE;IAClC,UAAU,EAAE;QACV,CAAC,KAAK,EAAE,EAAE,CAAC,CACT,cAAK,SAAS,EAAC,YAAY,YACzB,KAAC,KAAK,KAAG,GACL,CACP;KACF;CACF,CAAC;AAEF,eAAe,IAAI,CAAC;AAGpB,SAAS,aAAa;IACpB,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAS,kBAAkB,CAAC,CAAC;IAC/D,OAAO,CACL,KAAC,OAAO,IACN,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,gBACP,aAAa,EACxB,WAAW,EAAC,uBAAkB,YAE7B,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACvB,KAAC,aAAa,IAAc,KAAK,EAAE,MAAM,YACvC,KAAC,YAAY,cAAE,MAAM,GAAgB,IADnB,MAAM,CAEV,CACjB,CAAC,GACM,CACX,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,MAAM,EAAE,GAAG,EAAE,CAAC,KAAC,aAAa,KAAG;CAChC,CAAC;AAEF,SAAS,qBAAqB;IAC5B,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAC;IACxD,OAAO,CACL,KAAC,OAAO,IACN,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,gBACP,aAAa,EACxB,WAAW,EAAC,uBAAkB,YAE7B,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACvB,KAAC,aAAa,IAAc,KAAK,EAAE,MAAM,YACvC,KAAC,YAAY,cAAE,MAAM,GAAgB,IADnB,MAAM,CAEV,CACjB,CAAC,GACM,CACX,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,eAAe,GAAU;IACpC,MAAM,EAAE,GAAG,EAAE,CAAC,KAAC,qBAAqB,KAAG;CACxC,CAAC;AAEF,SAAS,kBAAkB;IACzB,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAS,kBAAkB,CAAC,CAAC;IAC/D,OAAO,CACL,KAAC,OAAO,IACN,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,gBACP,aAAa,EACxB,KAAK,kBAEJ,OAAO,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACnC,KAAC,aAAa,IAAc,KAAK,EAAE,MAAM,YACvC,KAAC,YAAY,cAAE,MAAM,GAAgB,IADnB,MAAM,CAEV,CACjB,CAAC,GACM,CACX,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,YAAY,GAAU;IACjC,MAAM,EAAE,GAAG,EAAE,CAAC,KAAC,kBAAkB,KAAG;CACrC,CAAC"}

package/dist/components/pagination.stories.d.ts

@@ -0,0 +1,9 @@
+import type { Meta, StoryObj } from "@storybook/react-vite";
+import { Pagination } from "./pagination";
+declare const meta: Meta<typeof Pagination>;
+export default meta;
+type Story = StoryObj<typeof Pagination>;
+export declare const Default: Story;
+export declare const FirstPage: Story;
+export declare const LastPage: Story;
+//# sourceMappingURL=pagination.stories.d.ts.map

package/dist/components/pagination.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pagination.stories.d.ts","sourceRoot":"","sources":["../../src/components/pagination.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EACL,UAAU,EAMX,MAAM,cAAc,CAAC;AAEtB,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,CAKjC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,UAAU,CAAC,CAAC;AAEzC,eAAO,MAAM,OAAO,EAAE,KAgBrB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAgBvB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAgBtB,CAAC"}

package/dist/components/pagination.stories.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Pagination, PaginationGap, PaginationList, PaginationNext, PaginationPage, PaginationPrevious, } from "./pagination";
+const meta = {
+    title: "Components/Pagination",
+    component: Pagination,
+    tags: ["autodocs"],
+    parameters: { layout: "padded" },
+};
+export default meta;
+export const Default = {
+    render: () => (_jsxs(Pagination, { children: [_jsx(PaginationPrevious, { href: "/offers?page=1" }), _jsxs(PaginationList, { children: [_jsx(PaginationPage, { href: "/offers?page=1", children: "1" }), _jsx(PaginationPage, { href: "/offers?page=2", current: true, children: "2" }), _jsx(PaginationPage, { href: "/offers?page=3", children: "3" }), _jsx(PaginationGap, {}), _jsx(PaginationPage, { href: "/offers?page=10", children: "10" })] }), _jsx(PaginationNext, { href: "/offers?page=3" })] })),
+};
+export const FirstPage = {
+    render: () => (_jsxs(Pagination, { children: [_jsx(PaginationPrevious, {}), _jsxs(PaginationList, { children: [_jsx(PaginationPage, { href: "/offers?page=1", current: true, children: "1" }), _jsx(PaginationPage, { href: "/offers?page=2", children: "2" }), _jsx(PaginationPage, { href: "/offers?page=3", children: "3" }), _jsx(PaginationGap, {}), _jsx(PaginationPage, { href: "/offers?page=12", children: "12" })] }), _jsx(PaginationNext, { href: "/offers?page=2" })] })),
+};
+export const LastPage = {
+    render: () => (_jsxs(Pagination, { children: [_jsx(PaginationPrevious, { href: "/offers?page=11" }), _jsxs(PaginationList, { children: [_jsx(PaginationPage, { href: "/offers?page=1", children: "1" }), _jsx(PaginationGap, {}), _jsx(PaginationPage, { href: "/offers?page=10", children: "10" }), _jsx(PaginationPage, { href: "/offers?page=11", children: "11" }), _jsx(PaginationPage, { href: "/offers?page=12", current: true, children: "12" })] }), _jsx(PaginationNext, {})] })),
+};
+//# sourceMappingURL=pagination.stories.js.map

package/dist/components/pagination.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pagination.stories.js","sourceRoot":"","sources":["../../src/components/pagination.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EACL,UAAU,EACV,aAAa,EACb,cAAc,EACd,cAAc,EACd,cAAc,EACd,kBAAkB,GACnB,MAAM,cAAc,CAAC;AAEtB,MAAM,IAAI,GAA4B;IACpC,KAAK,EAAE,uBAAuB;IAC9B,SAAS,EAAE,UAAU;IACrB,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,UAAU,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE;CACjC,CAAC;AAEF,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,MAAC,UAAU,eACT,KAAC,kBAAkB,IAAC,IAAI,EAAC,gBAAgB,GAAG,EAC5C,MAAC,cAAc,eACb,KAAC,cAAc,IAAC,IAAI,EAAC,gBAAgB,kBAAmB,EACxD,KAAC,cAAc,IAAC,IAAI,EAAC,gBAAgB,EAAC,OAAO,wBAE5B,EACjB,KAAC,cAAc,IAAC,IAAI,EAAC,gBAAgB,kBAAmB,EACxD,KAAC,aAAa,KAAG,EACjB,KAAC,cAAc,IAAC,IAAI,EAAC,iBAAiB,mBAAoB,IAC3C,EACjB,KAAC,cAAc,IAAC,IAAI,EAAC,gBAAgB,GAAG,IAC7B,CACd;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAU;IAC9B,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,MAAC,UAAU,eACT,KAAC,kBAAkB,KAAG,EACtB,MAAC,cAAc,eACb,KAAC,cAAc,IAAC,IAAI,EAAC,gBAAgB,EAAC,OAAO,wBAE5B,EACjB,KAAC,cAAc,IAAC,IAAI,EAAC,gBAAgB,kBAAmB,EACxD,KAAC,cAAc,IAAC,IAAI,EAAC,gBAAgB,kBAAmB,EACxD,KAAC,aAAa,KAAG,EACjB,KAAC,cAAc,IAAC,IAAI,EAAC,iBAAiB,mBAAoB,IAC3C,EACjB,KAAC,cAAc,IAAC,IAAI,EAAC,gBAAgB,GAAG,IAC7B,CACd;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAU;IAC7B,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,MAAC,UAAU,eACT,KAAC,kBAAkB,IAAC,IAAI,EAAC,iBAAiB,GAAG,EAC7C,MAAC,cAAc,eACb,KAAC,cAAc,IAAC,IAAI,EAAC,gBAAgB,kBAAmB,EACxD,KAAC,aAAa,KAAG,EACjB,KAAC,cAAc,IAAC,IAAI,EAAC,iBAAiB,mBAAoB,EAC1D,KAAC,cAAc,IAAC,IAAI,EAAC,iBAAiB,mBAAoB,EAC1D,KAAC,cAAc,IAAC,IAAI,EAAC,iBAAiB,EAAC,OAAO,yBAE7B,IACF,EACjB,KAAC,cAAc,KAAG,IACP,CACd;CACF,CAAC"}

package/dist/components/popover.stories.d.ts

@@ -0,0 +1,8 @@
+import type { Meta, StoryObj } from "@storybook/react-vite";
+import { Popover } from "./popover";
+declare const meta: Meta<typeof Popover>;
+export default meta;
+type Story = StoryObj<typeof Popover>;
+export declare const Default: Story;
+export declare const Simple: Story;
+//# sourceMappingURL=popover.stories.d.ts.map

package/dist/components/popover.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover.stories.d.ts","sourceRoot":"","sources":["../../src/components/popover.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,EACL,OAAO,EAMR,MAAM,WAAW,CAAC;AAEnB,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,OAAO,CAK9B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,OAAO,CAAC,CAAC;AAEtC,eAAO,MAAM,OAAO,EAAE,KAkCrB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAcpB,CAAC"}

package/dist/components/popover.stories.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from "./button";
+import { Popover, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger, } from "./popover";
+const meta = {
+    title: "Components/Popover",
+    component: Popover,
+    tags: ["autodocs"],
+    parameters: { layout: "centered" },
+};
+export default meta;
+export const Default = {
+    render: () => (_jsxs(Popover, { children: [_jsx(PopoverTrigger, { asChild: true, children: _jsx(Button, { plain: true, children: "View Score Details" }) }), _jsxs(PopoverContent, { children: [_jsxs(PopoverHeader, { children: [_jsx(PopoverTitle, { children: "Match Score Breakdown" }), _jsx(PopoverDescription, { children: "How this beverage scored against the tender." })] }), _jsxs("div", { className: "mt-3 flex flex-col gap-2 text-sm", children: [_jsxs("div", { className: "flex justify-between", children: [_jsx("span", { className: "text-muted-foreground", children: "Style match" }), _jsx("span", { className: "font-medium", children: "94%" })] }), _jsxs("div", { className: "flex justify-between", children: [_jsx("span", { className: "text-muted-foreground", children: "Region match" }), _jsx("span", { className: "font-medium", children: "88%" })] }), _jsxs("div", { className: "flex justify-between", children: [_jsx("span", { className: "text-muted-foreground", children: "Price range" }), _jsx("span", { className: "font-medium", children: "91%" })] }), _jsxs("div", { className: "flex justify-between border-t pt-2 font-medium", children: [_jsx("span", { children: "Overall" }), _jsx("span", { className: "text-emerald-600", children: "91%" })] })] })] })] })),
+};
+export const Simple = {
+    render: () => (_jsxs(Popover, { children: [_jsx(PopoverTrigger, { asChild: true, children: _jsx(Button, { outline: true, children: "More Info" }) }), _jsx(PopoverContent, { className: "w-56", children: _jsx("p", { className: "text-sm text-muted-foreground", children: "This producer has a preferred partnership with 3 importers in your market segment." }) })] })),
+};
+//# sourceMappingURL=popover.stories.js.map

package/dist/components/popover.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover.stories.js","sourceRoot":"","sources":["../../src/components/popover.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EACL,OAAO,EACP,cAAc,EACd,kBAAkB,EAClB,aAAa,EACb,YAAY,EACZ,cAAc,GACf,MAAM,WAAW,CAAC;AAEnB,MAAM,IAAI,GAAyB;IACjC,KAAK,EAAE,oBAAoB;IAC3B,SAAS,EAAE,OAAO;IAClB,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,UAAU,EAAE,EAAE,MAAM,EAAE,UAAU,EAAE;CACnC,CAAC;AAEF,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,MAAC,OAAO,eACN,KAAC,cAAc,IAAC,OAAO,kBACrB,KAAC,MAAM,IAAC,KAAK,yCAA4B,GAC1B,EACjB,MAAC,cAAc,eACb,MAAC,aAAa,eACZ,KAAC,YAAY,wCAAqC,EAClD,KAAC,kBAAkB,+DAEE,IACP,EAChB,eAAK,SAAS,EAAC,kCAAkC,aAC/C,eAAK,SAAS,EAAC,sBAAsB,aACnC,eAAM,SAAS,EAAC,uBAAuB,4BAAmB,EAC1D,eAAM,SAAS,EAAC,aAAa,oBAAW,IACpC,EACN,eAAK,SAAS,EAAC,sBAAsB,aACnC,eAAM,SAAS,EAAC,uBAAuB,6BAAoB,EAC3D,eAAM,SAAS,EAAC,aAAa,oBAAW,IACpC,EACN,eAAK,SAAS,EAAC,sBAAsB,aACnC,eAAM,SAAS,EAAC,uBAAuB,4BAAmB,EAC1D,eAAM,SAAS,EAAC,aAAa,oBAAW,IACpC,EACN,eAAK,SAAS,EAAC,gDAAgD,aAC7D,qCAAoB,EACpB,eAAM,SAAS,EAAC,kBAAkB,oBAAW,IACzC,IACF,IACS,IACT,CACX;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAU;IAC3B,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,MAAC,OAAO,eACN,KAAC,cAAc,IAAC,OAAO,kBACrB,KAAC,MAAM,IAAC,OAAO,gCAAmB,GACnB,EACjB,KAAC,cAAc,IAAC,SAAS,EAAC,MAAM,YAC9B,YAAG,SAAS,EAAC,+BAA+B,mGAGxC,GACW,IACT,CACX;CACF,CAAC"}

package/dist/components/radio.stories.d.ts

@@ -0,0 +1,15 @@
+import type { StoryObj } from "@storybook/react-vite";
+declare const meta: {
+    title: string;
+    tags: string[];
+    parameters: {
+        layout: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithDescription: Story;
+export declare const Disabled: Story;
+export declare const Colors: Story;
+//# sourceMappingURL=radio.stories.d.ts.map

package/dist/components/radio.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio.stories.d.ts","sourceRoot":"","sources":["../../src/components/radio.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAM5D,QAAA,MAAM,IAAI;;;;;;CAIM,CAAC;AAEjB,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAsBnC,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AA2BF,eAAO,MAAM,eAAe,EAAE,KAE7B,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAStB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAapB,CAAC"}

package/dist/components/radio.stories.js

@@ -0,0 +1,32 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { RadioGroup, RadioField, Radio } from "./radio";
+import { Label, Description } from "./fieldset";
+// Radio requires a RadioGroup context so we don't bind to Radio directly.
+const meta = {
+    title: "Components/Radio",
+    tags: ["autodocs"],
+    parameters: { layout: "centered" },
+};
+export default meta;
+function DefaultRender() {
+    const [selected, setSelected] = useState("producer");
+    return (_jsxs(RadioGroup, { value: selected, onChange: setSelected, children: [_jsxs(RadioField, { children: [_jsx(Radio, { value: "producer" }), _jsx(Label, { children: "Producer" })] }), _jsxs(RadioField, { children: [_jsx(Radio, { value: "importer" }), _jsx(Label, { children: "Importer" })] }), _jsxs(RadioField, { children: [_jsx(Radio, { value: "distributor" }), _jsx(Label, { children: "Distributor" })] })] }));
+}
+export const Default = {
+    render: () => _jsx(DefaultRender, {}),
+};
+function WithDescriptionRender() {
+    const [selected, setSelected] = useState("standard");
+    return (_jsxs(RadioGroup, { value: selected, onChange: setSelected, children: [_jsxs(RadioField, { children: [_jsx(Radio, { value: "starter" }), _jsx(Label, { children: "Starter" }), _jsx(Description, { children: "Up to 10 active beverage listings." })] }), _jsxs(RadioField, { children: [_jsx(Radio, { value: "standard" }), _jsx(Label, { children: "Standard" }), _jsx(Description, { children: "Up to 50 listings + AI matching reports." })] }), _jsxs(RadioField, { children: [_jsx(Radio, { value: "professional" }), _jsx(Label, { children: "Professional" }), _jsx(Description, { children: "Unlimited listings, priority matching, and API access." })] })] }));
+}
+export const WithDescription = {
+    render: () => _jsx(WithDescriptionRender, {}),
+};
+export const Disabled = {
+    render: () => (_jsx(RadioGroup, { value: "enterprise", onChange: () => { }, children: _jsxs(RadioField, { children: [_jsx(Radio, { value: "enterprise", disabled: true }), _jsx(Label, { children: "Enterprise (contact sales)" })] }) })),
+};
+export const Colors = {
+    render: () => (_jsx(RadioGroup, { value: "a", onChange: () => { }, children: _jsxs("div", { className: "flex flex-wrap gap-4", children: [_jsx(Radio, { value: "a", color: "dark/zinc" }), _jsx(Radio, { value: "b", color: "emerald" }), _jsx(Radio, { value: "c", color: "blue" }), _jsx(Radio, { value: "d", color: "indigo" }), _jsx(Radio, { value: "e", color: "red" }), _jsx(Radio, { value: "f", color: "amber" })] }) })),
+};
+//# sourceMappingURL=radio.stories.js.map

package/dist/components/radio.stories.js.map

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

package/dist/components/scroll-area.stories.d.ts

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

package/dist/components/scroll-area.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"scroll-area.stories.d.ts","sourceRoot":"","sources":["../../src/components/scroll-area.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C,QAAA,MAAM,IAAI;;;;;;;CAKyB,CAAC;AAEpC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAiBnC,eAAO,MAAM,OAAO,EAAE,KAqBrB,CAAC"}