@cellarnode/ui 0.17.3 → 0.17.4

package/dist/components/__tests__/countdown-pill.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=countdown-pill.test.d.ts.map

package/dist/components/__tests__/countdown-pill.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"countdown-pill.test.d.ts","sourceRoot":"","sources":["../../../src/components/__tests__/countdown-pill.test.tsx"],"names":[],"mappings":""}

package/dist/components/__tests__/countdown-pill.test.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { describe, it, expect, beforeEach, afterEach, vi } from "vitest";
+import { render, screen } from "@testing-library/react";
+import { CountdownPill } from "../countdown-pill";
+describe("CountdownPill", () => {
+    beforeEach(() => { vi.useFakeTimers(); vi.setSystemTime(new Date("2026-04-21T12:00:00Z")); });
+    afterEach(() => { vi.useRealTimers(); });
+    it("renders 'Expired' when deadline is in the past", () => {
+        render(_jsx(CountdownPill, { date: new Date("2026-04-20T12:00:00Z") }));
+        expect(screen.getByText(/expired/i)).toBeInTheDocument();
+    });
+    it("renders 'N days left' with calm tint when deadline is far away", () => {
+        const { container } = render(_jsx(CountdownPill, { date: new Date("2026-05-01T12:00:00Z") }));
+        expect(screen.getByText(/10 days left/i)).toBeInTheDocument();
+        expect(container.querySelector('[data-urgency="calm"]')).toBeTruthy();
+    });
+    it("renders amber tint inside 7 days and includes 'deadline approaching' in aria-label", () => {
+        const { container } = render(_jsx(CountdownPill, { date: new Date("2026-04-26T12:00:00Z") }));
+        expect(container.querySelector('[data-urgency="urgent"]')).toBeTruthy();
+        const pill = screen.getByRole("status");
+        expect(pill).toHaveAttribute("aria-label", expect.stringContaining("deadline approaching"));
+    });
+    it("renders 'No deadline' when date is null", () => {
+        render(_jsx(CountdownPill, { date: null }));
+        expect(screen.getByText(/no deadline/i)).toBeInTheDocument();
+    });
+});
+//# sourceMappingURL=countdown-pill.test.js.map

package/dist/components/__tests__/countdown-pill.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"countdown-pill.test.js","sourceRoot":"","sources":["../../../src/components/__tests__/countdown-pill.test.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,EAAE,EAAE,MAAM,QAAQ,CAAC;AACzE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAElD,QAAQ,CAAC,eAAe,EAAE,GAAG,EAAE;IAC7B,UAAU,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC,aAAa,EAAE,CAAC,CAAC,EAAE,CAAC,aAAa,CAAC,IAAI,IAAI,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAC9F,SAAS,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC,aAAa,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;IAEzC,EAAE,CAAC,gDAAgD,EAAE,GAAG,EAAE;QACxD,MAAM,CAAC,KAAC,aAAa,IAAC,IAAI,EAAE,IAAI,IAAI,CAAC,sBAAsB,CAAC,GAAI,CAAC,CAAC;QAClE,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IAC3D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,gEAAgE,EAAE,GAAG,EAAE;QACxE,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,KAAC,aAAa,IAAC,IAAI,EAAE,IAAI,IAAI,CAAC,sBAAsB,CAAC,GAAI,CAAC,CAAC;QACxF,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,eAAe,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QAC9D,MAAM,CAAC,SAAS,CAAC,aAAa,CAAC,uBAAuB,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC;IACxE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,oFAAoF,EAAE,GAAG,EAAE;QAC5F,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,KAAC,aAAa,IAAC,IAAI,EAAE,IAAI,IAAI,CAAC,sBAAsB,CAAC,GAAI,CAAC,CAAC;QACxF,MAAM,CAAC,SAAS,CAAC,aAAa,CAAC,yBAAyB,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC;QACxE,MAAM,IAAI,GAAG,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC;QACxC,MAAM,CAAC,IAAI,CAAC,CAAC,eAAe,CAAC,YAAY,EAAE,MAAM,CAAC,gBAAgB,CAAC,sBAAsB,CAAC,CAAC,CAAC;IAC9F,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,yCAAyC,EAAE,GAAG,EAAE;QACjD,MAAM,CAAC,KAAC,aAAa,IAAC,IAAI,EAAE,IAAI,GAAI,CAAC,CAAC;QACtC,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IAC/D,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/dist/components/__tests__/country-flag.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=country-flag.test.d.ts.map

package/dist/components/__tests__/country-flag.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"country-flag.test.d.ts","sourceRoot":"","sources":["../../../src/components/__tests__/country-flag.test.tsx"],"names":[],"mappings":""}

package/dist/components/__tests__/country-flag.test.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { describe, it, expect } from "vitest";
+import { render, screen } from "@testing-library/react";
+import { CountryFlag } from "../country-flag";
+describe("CountryFlag", () => {
+    it("renders a flag image with country aria-label for a valid ISO-3166 code", () => {
+        render(_jsx(CountryFlag, { code: "SE" }));
+        const el = screen.getByRole("img", { name: /sweden/i });
+        expect(el).toBeInTheDocument();
+    });
+    it("normalises lowercase input", () => {
+        render(_jsx(CountryFlag, { code: "se" }));
+        expect(screen.getByRole("img", { name: /sweden/i })).toBeInTheDocument();
+    });
+    it("falls back to a globe icon + 'Unknown country' label for unrecognised codes", () => {
+        render(_jsx(CountryFlag, { code: "ZZ" }));
+        expect(screen.getByRole("img", { name: /unknown country/i })).toBeInTheDocument();
+    });
+});
+//# sourceMappingURL=country-flag.test.js.map

package/dist/components/__tests__/country-flag.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"country-flag.test.js","sourceRoot":"","sources":["../../../src/components/__tests__/country-flag.test.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC;AAC9C,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE9C,QAAQ,CAAC,aAAa,EAAE,GAAG,EAAE;IAC3B,EAAE,CAAC,wEAAwE,EAAE,GAAG,EAAE;QAChF,MAAM,CAAC,KAAC,WAAW,IAAC,IAAI,EAAC,IAAI,GAAG,CAAC,CAAC;QAClC,MAAM,EAAE,GAAG,MAAM,CAAC,SAAS,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,CAAC;QACxD,MAAM,CAAC,EAAE,CAAC,CAAC,iBAAiB,EAAE,CAAC;IACjC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,4BAA4B,EAAE,GAAG,EAAE;QACpC,MAAM,CAAC,KAAC,WAAW,IAAC,IAAI,EAAC,IAAI,GAAG,CAAC,CAAC;QAClC,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IAC3E,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,6EAA6E,EAAE,GAAG,EAAE;QACrF,MAAM,CAAC,KAAC,WAAW,IAAC,IAAI,EAAC,IAAI,GAAG,CAAC,CAAC;QAClC,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,kBAAkB,EAAE,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IACpF,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/dist/components/__tests__/status-pill.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=status-pill.test.d.ts.map

package/dist/components/__tests__/status-pill.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"status-pill.test.d.ts","sourceRoot":"","sources":["../../../src/components/__tests__/status-pill.test.tsx"],"names":[],"mappings":""}

package/dist/components/__tests__/status-pill.test.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { describe, it, expect } from "vitest";
+import { render, screen } from "@testing-library/react";
+import { StatusPill } from "../status-pill";
+describe("StatusPill", () => {
+    it.each([
+        ["open", "Open"],
+        ["closed", "Closed"],
+        ["expired", "Expired"],
+        ["draft", "Draft"],
+    ])("renders %s variant with label %s", (status, expectedLabel) => {
+        render(_jsx(StatusPill, { status: status }));
+        expect(screen.getByText(expectedLabel)).toBeInTheDocument();
+    });
+    it("attaches data-status attribute matching prop for CSS selectors", () => {
+        const { container } = render(_jsx(StatusPill, { status: "expired" }));
+        expect(container.querySelector('[data-status="expired"]')).toBeTruthy();
+    });
+    it("decorates icons as aria-hidden", () => {
+        const { container } = render(_jsx(StatusPill, { status: "open" }));
+        expect(container.querySelector("svg[aria-hidden='true']")).toBeTruthy();
+    });
+});
+//# sourceMappingURL=status-pill.test.js.map

package/dist/components/__tests__/status-pill.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"status-pill.test.js","sourceRoot":"","sources":["../../../src/components/__tests__/status-pill.test.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC;AAC9C,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAE5C,QAAQ,CAAC,YAAY,EAAE,GAAG,EAAE;IAC1B,EAAE,CAAC,IAAI,CAAC;QACN,CAAC,MAAM,EAAE,MAAM,CAAC;QAChB,CAAC,QAAQ,EAAE,QAAQ,CAAC;QACpB,CAAC,SAAS,EAAE,SAAS,CAAC;QACtB,CAAC,OAAO,EAAE,OAAO,CAAC;KACV,CAAC,CAAC,kCAAkC,EAAE,CAAC,MAAM,EAAE,aAAa,EAAE,EAAE;QACxE,MAAM,CAAC,KAAC,UAAU,IAAC,MAAM,EAAE,MAAM,GAAI,CAAC,CAAC;QACvC,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IAC9D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,gEAAgE,EAAE,GAAG,EAAE;QACxE,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,KAAC,UAAU,IAAC,MAAM,EAAC,SAAS,GAAG,CAAC,CAAC;QAC9D,MAAM,CAAC,SAAS,CAAC,aAAa,CAAC,yBAAyB,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC;IAC1E,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,gCAAgC,EAAE,GAAG,EAAE;QACxC,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,KAAC,UAAU,IAAC,MAAM,EAAC,MAAM,GAAG,CAAC,CAAC;QAC3D,MAAM,CAAC,SAAS,CAAC,aAAa,CAAC,yBAAyB,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC;IAC1E,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/dist/components/confirmation-dialog.stories.d.ts

@@ -0,0 +1,26 @@
+import type { StoryObj } from "@storybook/react-vite";
+import { ConfirmationDialog } from "./confirmation-dialog";
+declare const meta: {
+    title: string;
+    component: typeof ConfirmationDialog;
+    tags: string[];
+    parameters: {
+        layout: string;
+    };
+    argTypes: {
+        tone: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const DangerDelete: Story;
+export declare const WarningWithdraw: Story;
+export declare const InfoConfirm: Story;
+export declare const Pending: Story;
+export declare const WithChildren: Story;
+//# sourceMappingURL=confirmation-dialog.stories.d.ts.map

package/dist/components/confirmation-dialog.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"confirmation-dialog.stories.d.ts","sourceRoot":"","sources":["../../src/components/confirmation-dialog.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAG3D,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;CAWiC,CAAC;AAE5C,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AA8BnC,eAAO,MAAM,YAAY,EAAE,KAc1B,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAY7B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAYzB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAYrB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAmB1B,CAAC"}

package/dist/components/confirmation-dialog.stories.js

@@ -0,0 +1,94 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { ConfirmationDialog } from "./confirmation-dialog";
+import { Button } from "./button";
+const meta = {
+    title: "Components/ConfirmationDialog",
+    component: ConfirmationDialog,
+    tags: ["autodocs"],
+    parameters: { layout: "centered" },
+    argTypes: {
+        tone: {
+            control: { type: "select" },
+            options: ["danger", "warning", "info"],
+        },
+    },
+};
+export default meta;
+function Wrapper(props) {
+    const { triggerLabel = "Open dialog", onClose, onConfirm, ...rest } = props;
+    const [open, setOpen] = useState(rest.open ?? true);
+    const handleClose = () => {
+        setOpen(false);
+        onClose?.();
+    };
+    const handleConfirm = async () => {
+        await onConfirm();
+    };
+    return (_jsxs("div", { className: "flex flex-col items-center gap-4", children: [_jsx(Button, { onClick: () => setOpen(true), children: triggerLabel }), _jsx(ConfirmationDialog, { ...rest, open: open, onClose: handleClose, onConfirm: handleConfirm })] }));
+}
+export const DangerDelete = {
+    args: {
+        open: true,
+        onClose: () => { },
+        onConfirm: () => { },
+        title: "Delete Solera Brandy Reserva?",
+        description: "This product and its 3 variants will be removed from your portfolio.",
+        warning: "Active offers tied to this product will be archived and buyers notified.",
+        tone: "danger",
+        confirmLabel: "Delete product",
+    },
+    render: (args) => _jsx(Wrapper, { ...args, triggerLabel: "Delete product" }),
+};
+export const WarningWithdraw = {
+    args: {
+        open: true,
+        onClose: () => { },
+        onConfirm: () => { },
+        title: "Withdraw offer to Systembolaget?",
+        description: "The buyer will be notified immediately. You can resend a new offer later.",
+        tone: "warning",
+        confirmLabel: "Withdraw offer",
+    },
+    render: (args) => _jsx(Wrapper, { ...args, triggerLabel: "Withdraw offer" }),
+};
+export const InfoConfirm = {
+    args: {
+        open: true,
+        onClose: () => { },
+        onConfirm: () => { },
+        title: "Mark opportunity as reviewed?",
+        description: "You will stop receiving reminders for the Monopol Norge winter allocation.",
+        tone: "info",
+        confirmLabel: "Mark reviewed",
+    },
+    render: (args) => _jsx(Wrapper, { ...args, triggerLabel: "Mark reviewed" }),
+};
+export const Pending = {
+    args: {
+        open: true,
+        onClose: () => { },
+        onConfirm: () => new Promise((resolve) => setTimeout(resolve, 60_000)),
+        title: "Archiving offer…",
+        description: "Please wait while we archive the conversation.",
+        tone: "info",
+        isPending: true,
+        confirmLabel: "Archive",
+    },
+    render: (args) => _jsx(Wrapper, { ...args, triggerLabel: "Archive offer" }),
+};
+export const WithChildren = {
+    args: {
+        open: true,
+        onClose: () => { },
+        onConfirm: () => { },
+        title: "Share portfolio with importer?",
+        description: "Grant read access to Cellar Imports Ltd.",
+        warning: "Importers with access can view all variant specs, pricing, and certificates.",
+        tone: "warning",
+        confirmLabel: "Grant access",
+        children: (_jsxs("label", { className: "flex items-center gap-2 text-sm text-foreground", children: [_jsx("input", { type: "checkbox", className: "size-4", defaultChecked: true }), "Notify the importer by email"] })),
+    },
+    render: (args) => _jsx(Wrapper, { ...args, triggerLabel: "Share portfolio" }),
+};
+//# sourceMappingURL=confirmation-dialog.stories.js.map

package/dist/components/confirmation-dialog.stories.js.map

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

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

@@ -0,0 +1,7 @@
+export interface CountdownPillProps {
+    date: Date | null;
+    now?: Date;
+    className?: string;
+}
+export declare function CountdownPill({ date, now, className }: CountdownPillProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=countdown-pill.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"countdown-pill.d.ts","sourceRoot":"","sources":["../../src/components/countdown-pill.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC;IAClB,GAAG,CAAC,EAAE,IAAI,CAAC;IACX,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAOD,wBAAgB,aAAa,CAAC,EAAE,IAAI,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,kBAAkB,2CAkDzE"}

package/dist/components/countdown-pill.js

@@ -0,0 +1,27 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { Clock } from "lucide-react";
+import { cn } from "../lib/utils";
+function daysBetween(a, b) {
+    const msPerDay = 24 * 60 * 60 * 1000;
+    return Math.floor((a.getTime() - b.getTime()) / msPerDay);
+}
+export function CountdownPill({ date, now, className }) {
+    // `now` defaults to the mount time — captured once via lazy state initializer
+    // so the component stays pure during render. Callers needing a live clock
+    // should pass a ticking `now` prop themselves.
+    const [mountTime] = React.useState(() => new Date());
+    const currentTime = now ?? mountTime;
+    if (!date) {
+        return (_jsx("span", { "data-urgency": "none", className: cn("inline-flex items-center gap-1 text-xs text-muted-foreground", className), children: "No deadline" }));
+    }
+    const days = daysBetween(date, currentTime);
+    if (days < 0) {
+        return (_jsxs("span", { role: "status", "aria-label": "Deadline has passed", "data-urgency": "expired", className: cn("inline-flex items-center gap-1 rounded-full bg-amber-100 px-2 py-0.5 text-xs font-medium text-amber-900", className), children: [_jsx(Clock, { "aria-hidden": true, className: "size-3" }), "Expired"] }));
+    }
+    const urgent = days <= 7;
+    const label = `${days} day${days === 1 ? "" : "s"} left`;
+    const ariaLabel = urgent ? `${label}, deadline approaching` : label;
+    return (_jsxs("span", { role: "status", "aria-label": ariaLabel, "data-urgency": urgent ? "urgent" : "calm", className: cn("inline-flex items-center gap-1 rounded-full px-2 py-0.5 text-xs font-medium", urgent ? "bg-amber-100 text-amber-900" : "bg-emerald-50 text-emerald-800", className), children: [_jsx(Clock, { "aria-hidden": true, className: "size-3" }), label] }));
+}
+//# sourceMappingURL=countdown-pill.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"countdown-pill.js","sourceRoot":"","sources":["../../src/components/countdown-pill.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AACrC,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAQlC,SAAS,WAAW,CAAC,CAAO,EAAE,CAAO;IACnC,MAAM,QAAQ,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC;IACrC,OAAO,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC,OAAO,EAAE,CAAC,GAAG,QAAQ,CAAC,CAAC;AAC5D,CAAC;AAED,MAAM,UAAU,aAAa,CAAC,EAAE,IAAI,EAAE,GAAG,EAAE,SAAS,EAAsB;IACxE,8EAA8E;IAC9E,0EAA0E;IAC1E,+CAA+C;IAC/C,MAAM,CAAC,SAAS,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,GAAG,EAAE,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC;IACrD,MAAM,WAAW,GAAG,GAAG,IAAI,SAAS,CAAC;IAErC,IAAI,CAAC,IAAI,EAAE,CAAC;QACV,OAAO,CACL,+BAAmB,MAAM,EAAC,SAAS,EAAE,EAAE,CAAC,8DAA8D,EAAE,SAAS,CAAC,4BAE3G,CACR,CAAC;IACJ,CAAC;IAED,MAAM,IAAI,GAAG,WAAW,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;IAE5C,IAAI,IAAI,GAAG,CAAC,EAAE,CAAC;QACb,OAAO,CACL,gBACE,IAAI,EAAC,QAAQ,gBACF,qBAAqB,kBACnB,SAAS,EACtB,SAAS,EAAE,EAAE,CAAC,yGAAyG,EAAE,SAAS,CAAC,aAEnI,KAAC,KAAK,yBAAa,SAAS,EAAC,QAAQ,GAAG,eAEnC,CACR,CAAC;IACJ,CAAC;IAED,MAAM,MAAM,GAAG,IAAI,IAAI,CAAC,CAAC;IACzB,MAAM,KAAK,GAAG,GAAG,IAAI,OAAO,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,OAAO,CAAC;IACzD,MAAM,SAAS,GAAG,MAAM,CAAC,CAAC,CAAC,GAAG,KAAK,wBAAwB,CAAC,CAAC,CAAC,KAAK,CAAC;IAEpE,OAAO,CACL,gBACE,IAAI,EAAC,QAAQ,gBACD,SAAS,kBACP,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,EACxC,SAAS,EAAE,EAAE,CACX,6EAA6E,EAC7E,MAAM,CAAC,CAAC,CAAC,6BAA6B,CAAC,CAAC,CAAC,gCAAgC,EACzE,SAAS,CACV,aAED,KAAC,KAAK,yBAAa,SAAS,EAAC,QAAQ,GAAG,EACvC,KAAK,IACD,CACR,CAAC;AACJ,CAAC"}

package/dist/components/countdown-pill.stories.d.ts

@@ -0,0 +1,15 @@
+import type { StoryObj } from "@storybook/react-vite";
+import { CountdownPill } from "./countdown-pill";
+declare const meta: {
+    title: string;
+    component: typeof CountdownPill;
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const FarFuture: Story;
+export declare const EightDays: Story;
+export declare const InsideSevenDays: Story;
+export declare const Expired: Story;
+export declare const NoDeadline: Story;
+//# sourceMappingURL=countdown-pill.stories.d.ts.map

package/dist/components/countdown-pill.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"countdown-pill.stories.d.ts","sourceRoot":"","sources":["../../src/components/countdown-pill.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEjD,QAAA,MAAM,IAAI;;;;CAI4B,CAAC;AAEvC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAInC,eAAO,MAAM,SAAS,EAAE,KAAiE,CAAC;AAC1F,eAAO,MAAM,SAAS,EAAE,KAAiE,CAAC;AAC1F,eAAO,MAAM,eAAe,EAAE,KAAiE,CAAC;AAChG,eAAO,MAAM,OAAO,EAAE,KAAiE,CAAC;AACxF,eAAO,MAAM,UAAU,EAAE,KAAqC,CAAC"}

package/dist/components/countdown-pill.stories.js

@@ -0,0 +1,14 @@
+import { CountdownPill } from "./countdown-pill";
+const meta = {
+    title: "Components/CountdownPill",
+    component: CountdownPill,
+    tags: ["autodocs"],
+};
+export default meta;
+const now = new Date("2026-04-21T12:00:00Z");
+export const FarFuture = { args: { date: new Date("2026-06-01T12:00:00Z"), now } };
+export const EightDays = { args: { date: new Date("2026-04-29T12:00:00Z"), now } };
+export const InsideSevenDays = { args: { date: new Date("2026-04-25T12:00:00Z"), now } };
+export const Expired = { args: { date: new Date("2026-04-10T12:00:00Z"), now } };
+export const NoDeadline = { args: { date: null, now } };
+//# sourceMappingURL=countdown-pill.stories.js.map

package/dist/components/countdown-pill.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"countdown-pill.stories.js","sourceRoot":"","sources":["../../src/components/countdown-pill.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEjD,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,0BAA0B;IACjC,SAAS,EAAE,aAAa;IACxB,IAAI,EAAE,CAAC,UAAU,CAAC;CACkB,CAAC;AAEvC,eAAe,IAAI,CAAC;AAGpB,MAAM,GAAG,GAAG,IAAI,IAAI,CAAC,sBAAsB,CAAC,CAAC;AAE7C,MAAM,CAAC,MAAM,SAAS,GAAU,EAAE,IAAI,EAAE,EAAE,IAAI,EAAE,IAAI,IAAI,CAAC,sBAAsB,CAAC,EAAE,GAAG,EAAE,EAAE,CAAC;AAC1F,MAAM,CAAC,MAAM,SAAS,GAAU,EAAE,IAAI,EAAE,EAAE,IAAI,EAAE,IAAI,IAAI,CAAC,sBAAsB,CAAC,EAAE,GAAG,EAAE,EAAE,CAAC;AAC1F,MAAM,CAAC,MAAM,eAAe,GAAU,EAAE,IAAI,EAAE,EAAE,IAAI,EAAE,IAAI,IAAI,CAAC,sBAAsB,CAAC,EAAE,GAAG,EAAE,EAAE,CAAC;AAChG,MAAM,CAAC,MAAM,OAAO,GAAU,EAAE,IAAI,EAAE,EAAE,IAAI,EAAE,IAAI,IAAI,CAAC,sBAAsB,CAAC,EAAE,GAAG,EAAE,EAAE,CAAC;AACxF,MAAM,CAAC,MAAM,UAAU,GAAU,EAAE,IAAI,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,EAAE,CAAC"}

package/dist/components/country-flag.d.ts

@@ -0,0 +1,6 @@
+export interface CountryFlagProps {
+    code: string;
+    className?: string;
+}
+export declare function CountryFlag({ code, className }: CountryFlagProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=country-flag.d.ts.map

package/dist/components/country-flag.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"country-flag.d.ts","sourceRoot":"","sources":["../../src/components/country-flag.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAsBD,wBAAgB,WAAW,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE,gBAAgB,2CAgBhE"}

package/dist/components/country-flag.js

@@ -0,0 +1,31 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Globe } from "lucide-react";
+import { cn } from "../lib/utils";
+const COUNTRY_NAMES = {
+    SE: "Sweden", NO: "Norway", FI: "Finland", DK: "Denmark", IS: "Iceland",
+    DE: "Germany", FR: "France", IT: "Italy", ES: "Spain", PT: "Portugal",
+    NL: "Netherlands", BE: "Belgium", LU: "Luxembourg", AT: "Austria", CH: "Switzerland",
+    IE: "Ireland", GB: "United Kingdom", UK: "United Kingdom",
+    PL: "Poland", CZ: "Czech Republic", SK: "Slovakia", HU: "Hungary",
+    EE: "Estonia", LV: "Latvia", LT: "Lithuania",
+    US: "United States", CA: "Canada", MX: "Mexico",
+    CL: "Chile", AR: "Argentina", BR: "Brazil", UY: "Uruguay", PE: "Peru",
+    ZA: "South Africa", AU: "Australia", NZ: "New Zealand",
+    JP: "Japan", CN: "China", HK: "Hong Kong", KR: "South Korea",
+};
+function codeToFlagChar(code) {
+    const up = code.toUpperCase();
+    if (up.length !== 2)
+        return "";
+    const A = 0x1f1e6;
+    return String.fromCodePoint(A + (up.charCodeAt(0) - 65)) + String.fromCodePoint(A + (up.charCodeAt(1) - 65));
+}
+export function CountryFlag({ code, className }) {
+    const up = code?.toUpperCase() ?? "";
+    const name = COUNTRY_NAMES[up];
+    if (!name) {
+        return (_jsx("span", { role: "img", "aria-label": "Unknown country", className: cn("inline-flex items-center text-muted-foreground", className), children: _jsx(Globe, { "aria-hidden": true, className: "size-4" }) }));
+    }
+    return (_jsx("span", { role: "img", "aria-label": name, className: cn("inline-block", className), children: codeToFlagChar(up) }));
+}
+//# sourceMappingURL=country-flag.js.map

package/dist/components/country-flag.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"country-flag.js","sourceRoot":"","sources":["../../src/components/country-flag.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AACrC,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAOlC,MAAM,aAAa,GAA2B;IAC5C,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,SAAS,EAAE,EAAE,EAAE,SAAS,EAAE,EAAE,EAAE,SAAS;IACvE,EAAE,EAAE,SAAS,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,UAAU;IACrE,EAAE,EAAE,aAAa,EAAE,EAAE,EAAE,SAAS,EAAE,EAAE,EAAE,YAAY,EAAE,EAAE,EAAE,SAAS,EAAE,EAAE,EAAE,aAAa;IACpF,EAAE,EAAE,SAAS,EAAE,EAAE,EAAE,gBAAgB,EAAE,EAAE,EAAE,gBAAgB;IACzD,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,gBAAgB,EAAE,EAAE,EAAE,UAAU,EAAE,EAAE,EAAE,SAAS;IACjE,EAAE,EAAE,SAAS,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,WAAW;IAC5C,EAAE,EAAE,eAAe,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,QAAQ;IAC/C,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,WAAW,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,SAAS,EAAE,EAAE,EAAE,MAAM;IACrE,EAAE,EAAE,cAAc,EAAE,EAAE,EAAE,WAAW,EAAE,EAAE,EAAE,aAAa;IACtD,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,WAAW,EAAE,EAAE,EAAE,aAAa;CAC7D,CAAC;AAEF,SAAS,cAAc,CAAC,IAAY;IAClC,MAAM,EAAE,GAAG,IAAI,CAAC,WAAW,EAAE,CAAC;IAC9B,IAAI,EAAE,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,EAAE,CAAC;IAC/B,MAAM,CAAC,GAAG,OAAO,CAAC;IAClB,OAAO,MAAM,CAAC,aAAa,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC,GAAG,MAAM,CAAC,aAAa,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC;AAC/G,CAAC;AAED,MAAM,UAAU,WAAW,CAAC,EAAE,IAAI,EAAE,SAAS,EAAoB;IAC/D,MAAM,EAAE,GAAG,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,CAAC;IACrC,MAAM,IAAI,GAAG,aAAa,CAAC,EAAE,CAAC,CAAC;IAE/B,IAAI,CAAC,IAAI,EAAE,CAAC;QACV,OAAO,CACL,eAAM,IAAI,EAAC,KAAK,gBAAY,iBAAiB,EAAC,SAAS,EAAE,EAAE,CAAC,gDAAgD,EAAE,SAAS,CAAC,YACtH,KAAC,KAAK,yBAAa,SAAS,EAAC,QAAQ,GAAG,GACnC,CACR,CAAC;IACJ,CAAC;IACD,OAAO,CACL,eAAM,IAAI,EAAC,KAAK,gBAAa,IAAI,EAAE,SAAS,EAAE,EAAE,CAAC,cAAc,EAAE,SAAS,CAAC,YACxE,cAAc,CAAC,EAAE,CAAC,GACd,CACR,CAAC;AACJ,CAAC"}

package/dist/components/country-flag.stories.d.ts

@@ -0,0 +1,14 @@
+import type { StoryObj } from "@storybook/react-vite";
+import { CountryFlag } from "./country-flag";
+declare const meta: {
+    title: string;
+    component: typeof CountryFlag;
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Sweden: Story;
+export declare const UnitedStates: Story;
+export declare const UnknownFallback: Story;
+export declare const Many: Story;
+//# sourceMappingURL=country-flag.stories.d.ts.map

package/dist/components/country-flag.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"country-flag.stories.d.ts","sourceRoot":"","sources":["../../src/components/country-flag.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C,QAAA,MAAM,IAAI;;;;CAI0B,CAAC;AAErC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,MAAM,EAAE,KAAgC,CAAC;AACtD,eAAO,MAAM,YAAY,EAAE,KAAgC,CAAC;AAC5D,eAAO,MAAM,eAAe,EAAE,KAAgC,CAAC;AAC/D,eAAO,MAAM,IAAI,EAAE,KAOlB,CAAC"}

package/dist/components/country-flag.stories.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { CountryFlag } from "./country-flag";
+const meta = {
+    title: "Components/CountryFlag",
+    component: CountryFlag,
+    tags: ["autodocs"],
+};
+export default meta;
+export const Sweden = { args: { code: "SE" } };
+export const UnitedStates = { args: { code: "US" } };
+export const UnknownFallback = { args: { code: "ZZ" } };
+export const Many = {
+    args: { code: "SE" },
+    render: () => (_jsx("div", { className: "flex flex-wrap gap-2 text-2xl", children: ["SE", "NO", "FI", "DK", "IS", "DE", "FR", "IT", "ES", "US", "CL", "AU"].map(c => _jsx(CountryFlag, { code: c }, c)) })),
+};
+//# sourceMappingURL=country-flag.stories.js.map

package/dist/components/country-flag.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"country-flag.stories.js","sourceRoot":"","sources":["../../src/components/country-flag.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,wBAAwB;IAC/B,SAAS,EAAE,WAAW;IACtB,IAAI,EAAE,CAAC,UAAU,CAAC;CACgB,CAAC;AAErC,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,MAAM,GAAU,EAAE,IAAI,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,CAAC;AACtD,MAAM,CAAC,MAAM,YAAY,GAAU,EAAE,IAAI,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,CAAC;AAC5D,MAAM,CAAC,MAAM,eAAe,GAAU,EAAE,IAAI,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,CAAC;AAC/D,MAAM,CAAC,MAAM,IAAI,GAAU;IACzB,IAAI,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE;IACpB,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,cAAK,SAAS,EAAC,+BAA+B,YAC3C,CAAC,IAAI,EAAC,IAAI,EAAC,IAAI,EAAC,IAAI,EAAC,IAAI,EAAC,IAAI,EAAC,IAAI,EAAC,IAAI,EAAC,IAAI,EAAC,IAAI,EAAC,IAAI,EAAC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,KAAC,WAAW,IAAS,IAAI,EAAE,CAAC,IAAV,CAAC,CAAa,CAAC,GACrG,CACP;CACF,CAAC"}

package/dist/components/period-select.stories.d.ts

@@ -0,0 +1,29 @@
+import type { StoryObj } from "@storybook/react-vite";
+import { PeriodSelect } from "./period-select";
+declare const meta: {
+    title: string;
+    component: typeof PeriodSelect;
+    tags: string[];
+    parameters: {
+        layout: string;
+    };
+    argTypes: {
+        value: {
+            control: {
+                type: "select";
+            };
+            options: ("30d" | "60d" | "90d" | "180d" | "1y")[];
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const NinetyDays: Story;
+export declare const OneYear: Story;
+/**
+ * Pass a `t` function to translate the option labels. Here we simulate a
+ * Swedish translation to demonstrate label customisation.
+ */
+export declare const WithTranslation: Story;
+//# sourceMappingURL=period-select.stories.d.ts.map

package/dist/components/period-select.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"period-select.stories.d.ts","sourceRoot":"","sources":["../../src/components/period-select.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,YAAY,EAAwB,MAAM,iBAAiB,CAAC;AAErE,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;CAW2B,CAAC;AAEtC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAUnC,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAMxB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,eAAe,EAAE,KAkB7B,CAAC"}

package/dist/components/period-select.stories.js

@@ -0,0 +1,65 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useState } from "react";
+import { PeriodSelect } from "./period-select";
+const meta = {
+    title: "Components/PeriodSelect",
+    component: PeriodSelect,
+    tags: ["autodocs"],
+    parameters: { layout: "centered" },
+    argTypes: {
+        value: {
+            control: { type: "select" },
+            options: ["30d", "60d", "90d", "180d", "1y"],
+        },
+    },
+};
+export default meta;
+function StatefulPeriodSelect(props) {
+    const [value, setValue] = useState(props.initialValue ?? "30d");
+    return _jsx(PeriodSelect, { value: value, onChange: setValue, t: props.t });
+}
+export const Default = {
+    args: {
+        value: "30d",
+        onChange: () => { },
+    },
+    render: () => _jsx(StatefulPeriodSelect, { initialValue: "30d" }),
+};
+export const NinetyDays = {
+    args: {
+        value: "90d",
+        onChange: () => { },
+    },
+    render: () => _jsx(StatefulPeriodSelect, { initialValue: "90d" }),
+};
+export const OneYear = {
+    args: {
+        value: "1y",
+        onChange: () => { },
+    },
+    render: () => _jsx(StatefulPeriodSelect, { initialValue: "1y" }),
+};
+/**
+ * Pass a `t` function to translate the option labels. Here we simulate a
+ * Swedish translation to demonstrate label customisation.
+ */
+export const WithTranslation = {
+    args: {
+        value: "60d",
+        onChange: () => { },
+    },
+    render: () => {
+        const sv = (_key, fallback) => {
+            const map = {
+                "30 days": "30 dagar",
+                "60 days": "60 dagar",
+                "90 days": "90 dagar",
+                "6 months": "6 månader",
+                "1 year": "1 år",
+            };
+            return map[fallback] ?? fallback;
+        };
+        return _jsx(StatefulPeriodSelect, { initialValue: "60d", t: sv });
+    },
+};
+//# sourceMappingURL=period-select.stories.js.map

package/dist/components/period-select.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"period-select.stories.js","sourceRoot":"","sources":["../../src/components/period-select.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,OAAO,EAAE,YAAY,EAAwB,MAAM,iBAAiB,CAAC;AAErE,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,yBAAyB;IAChC,SAAS,EAAE,YAAY;IACvB,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,UAAU,EAAE,EAAE,MAAM,EAAE,UAAU,EAAE;IAClC,QAAQ,EAAE;QACR,KAAK,EAAE;YACL,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;YAC3B,OAAO,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,CAA6B;SACzE;KACF;CACkC,CAAC;AAEtC,eAAe,IAAI,CAAC;AAGpB,SAAS,oBAAoB,CAAC,KAG7B;IACC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAkB,KAAK,CAAC,YAAY,IAAI,KAAK,CAAC,CAAC;IACjF,OAAO,KAAC,YAAY,IAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,EAAE,KAAK,CAAC,CAAC,GAAI,CAAC;AACxE,CAAC;AAED,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,KAAK,EAAE,KAAK;QACZ,QAAQ,EAAE,GAAG,EAAE,GAAE,CAAC;KACnB;IACD,MAAM,EAAE,GAAG,EAAE,CAAC,KAAC,oBAAoB,IAAC,YAAY,EAAC,KAAK,GAAG;CAC1D,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAU;IAC/B,IAAI,EAAE;QACJ,KAAK,EAAE,KAAK;QACZ,QAAQ,EAAE,GAAG,EAAE,GAAE,CAAC;KACnB;IACD,MAAM,EAAE,GAAG,EAAE,CAAC,KAAC,oBAAoB,IAAC,YAAY,EAAC,KAAK,GAAG;CAC1D,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,KAAK,EAAE,IAAI;QACX,QAAQ,EAAE,GAAG,EAAE,GAAE,CAAC;KACnB;IACD,MAAM,EAAE,GAAG,EAAE,CAAC,KAAC,oBAAoB,IAAC,YAAY,EAAC,IAAI,GAAG;CACzD,CAAC;AAEF;;;GAGG;AACH,MAAM,CAAC,MAAM,eAAe,GAAU;IACpC,IAAI,EAAE;QACJ,KAAK,EAAE,KAAK;QACZ,QAAQ,EAAE,GAAG,EAAE,GAAE,CAAC;KACnB;IACD,MAAM,EAAE,GAAG,EAAE;QACX,MAAM,EAAE,GAAG,CAAC,IAAY,EAAE,QAAgB,EAAE,EAAE;YAC5C,MAAM,GAAG,GAA2B;gBAClC,SAAS,EAAE,UAAU;gBACrB,SAAS,EAAE,UAAU;gBACrB,SAAS,EAAE,UAAU;gBACrB,UAAU,EAAE,WAAW;gBACvB,QAAQ,EAAE,MAAM;aACjB,CAAC;YACF,OAAO,GAAG,CAAC,QAAQ,CAAC,IAAI,QAAQ,CAAC;QACnC,CAAC,CAAC;QACF,OAAO,KAAC,oBAAoB,IAAC,YAAY,EAAC,KAAK,EAAC,CAAC,EAAE,EAAE,GAAI,CAAC;IAC5D,CAAC;CACF,CAAC"}

package/dist/components/sidebar/context.d.ts

@@ -0,0 +1,24 @@
+import * as React from "react";
+export declare const SIDEBAR_COOKIE_NAME = "sidebar_state";
+export declare const SIDEBAR_COOKIE_MAX_AGE: number;
+export declare const SIDEBAR_WIDTH = "16rem";
+export declare const SIDEBAR_WIDTH_MOBILE = "18rem";
+export declare const SIDEBAR_WIDTH_ICON = "3rem";
+export declare const SIDEBAR_KEYBOARD_SHORTCUT = "b";
+export type SidebarContextProps = {
+    state: "expanded" | "collapsed";
+    open: boolean;
+    setOpen: (open: boolean) => void;
+    openMobile: boolean;
+    setOpenMobile: (open: boolean) => void;
+    isMobile: boolean;
+    toggleSidebar: () => void;
+};
+export declare const SidebarContext: React.Context<SidebarContextProps | null>;
+export declare function useSidebar(): SidebarContextProps;
+export declare function SidebarProvider({ defaultOpen, open: openProp, onOpenChange: setOpenProp, className, style, children, ...props }: React.ComponentProps<"div"> & {
+    defaultOpen?: boolean;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=context.d.ts.map

package/dist/components/sidebar/context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/components/sidebar/context.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAM9B,eAAO,MAAM,mBAAmB,kBAAkB,CAAA;AAClD,eAAO,MAAM,sBAAsB,QAAmB,CAAA;AACtD,eAAO,MAAM,aAAa,UAAU,CAAA;AACpC,eAAO,MAAM,oBAAoB,UAAU,CAAA;AAC3C,eAAO,MAAM,kBAAkB,SAAS,CAAA;AACxC,eAAO,MAAM,yBAAyB,MAAM,CAAA;AAE5C,MAAM,MAAM,mBAAmB,GAAG;IAChC,KAAK,EAAE,UAAU,GAAG,WAAW,CAAA;IAC/B,IAAI,EAAE,OAAO,CAAA;IACb,OAAO,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IAChC,UAAU,EAAE,OAAO,CAAA;IACnB,aAAa,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACtC,QAAQ,EAAE,OAAO,CAAA;IACjB,aAAa,EAAE,MAAM,IAAI,CAAA;CAC1B,CAAA;AAED,eAAO,MAAM,cAAc,2CAAwD,CAAA;AAEnF,wBAAgB,UAAU,wBAOzB;AAED,wBAAgB,eAAe,CAAC,EAC9B,WAAkB,EAClB,IAAI,EAAE,QAAQ,EACd,YAAY,EAAE,WAAW,EACzB,SAAS,EACT,KAAK,EACL,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IAC/B,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;CACvC,2CAoFA"}