@cellarnode/ui 0.3.2 → 0.5.0

package/dist/components/table.js

@@ -1,7 +1,7 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import clsx from 'clsx';
-import { createContext, useContext, useState } from 'react';
+import { createContext, use, useState } from 'react';
 import { Link } from './link';
 const TableContext = createContext({
     bleed: false,
@@ -10,7 +10,7 @@ const TableContext = createContext({
     striped: false,
 });
 export function Table({ bleed = false, dense = false, grid = false, striped = false, className, children, ...props }) {
-    return (_jsx(TableContext.Provider, { value: { bleed, dense, grid, striped }, children: _jsx("div", { className: "flow-root", children: _jsx("div", { ...props, className: clsx(className, '-mx-(--gutter) overflow-x-auto whitespace-nowrap'), children: _jsx("div", { className: clsx('inline-block min-w-full align-middle', !bleed && 'sm:px-(--gutter)'), children: _jsx("table", { className: "min-w-full text-left text-sm/6 text-zinc-950 dark:text-white", children: children }) }) }) }) }));
+    return (_jsx(TableContext, { value: { bleed, dense, grid, striped }, children: _jsx("div", { className: "flow-root", children: _jsx("div", { ...props, className: clsx(className, '-mx-(--gutter) overflow-x-auto whitespace-nowrap'), children: _jsx("div", { className: clsx('inline-block min-w-full align-middle', !bleed && 'sm:px-(--gutter)'), children: _jsx("table", { className: "min-w-full text-left text-sm/6 text-zinc-950 dark:text-white", children: children }) }) }) }) }));
 }
 export function TableHead({ className, ...props }) {
     return _jsx("thead", { ...props, className: clsx(className, 'text-zinc-500 dark:text-zinc-400') });
@@ -24,17 +24,17 @@ const TableRowContext = createContext({
     title: undefined,
 });
 export function TableRow({ href, target, title, className, ...props }) {
-    const { striped } = useContext(TableContext);
-    return (_jsx(TableRowContext.Provider, { value: { href, target, title }, children: _jsx("tr", { ...props, className: clsx(className, href &&
+    const { striped } = use(TableContext);
+    return (_jsx(TableRowContext, { value: { href, target, title }, children: _jsx("tr", { ...props, className: clsx(className, href &&
                 'has-[[data-row-link][data-focus]]:outline-2 has-[[data-row-link][data-focus]]:-outline-offset-2 has-[[data-row-link][data-focus]]:outline-blue-500 dark:focus-within:bg-white/2.5', striped && 'even:bg-zinc-950/2.5 dark:even:bg-white/2.5', href && striped && 'hover:bg-zinc-950/5 dark:hover:bg-white/5', href && !striped && 'hover:bg-zinc-950/2.5 dark:hover:bg-white/2.5') }) }));
 }
 export function TableHeader({ className, ...props }) {
-    const { bleed, grid } = useContext(TableContext);
+    const { bleed, grid } = use(TableContext);
     return (_jsx("th", { ...props, className: clsx(className, 'border-b border-b-zinc-950/10 px-4 py-2 font-medium first:pl-(--gutter,--spacing(2)) last:pr-(--gutter,--spacing(2)) dark:border-b-white/10', grid && 'border-l border-l-zinc-950/5 first:border-l-0 dark:border-l-white/5', !bleed && 'sm:first:pl-1 sm:last:pr-1') }));
 }
 export function TableCell({ className, children, ...props }) {
-    const { bleed, dense, grid, striped } = useContext(TableContext);
-    const { href, target, title } = useContext(TableRowContext);
+    const { bleed, dense, grid, striped } = use(TableContext);
+    const { href, target, title } = use(TableRowContext);
     const [cellRef, setCellRef] = useState(null);
     return (_jsxs("td", { ref: href ? setCellRef : undefined, ...props, className: clsx(className, 'relative px-4 first:pl-(--gutter,--spacing(2)) last:pr-(--gutter,--spacing(2))', !striped && 'border-b border-zinc-950/5 dark:border-white/5', grid && 'border-l border-l-zinc-950/5 first:border-l-0 dark:border-l-white/5', dense ? 'py-2.5' : 'py-4', !bleed && 'sm:first:pl-1 sm:last:pr-1'), children: [href && (_jsx(Link, { "data-row-link": true, href: href, target: target, "aria-label": title, tabIndex: cellRef?.previousElementSibling === null ? 0 : -1, className: "absolute inset-0 focus:outline-hidden" })), children] }));
 }

package/dist/components/table.js.map

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"table.stories.d.ts","sourceRoot":"","sources":["../../src/components/table.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EACL,KAAK,EAMN,MAAM,SAAS,CAAC;AAEjB,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,KAAK,CAK5B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,KAAK,CAAC,CAAC;AAUpC,eAAO,MAAM,OAAO,EAAE,KA2BrB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAuBrB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAuBnB,CAAC"}

package/dist/components/table.stories.js

@@ -0,0 +1,26 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow, } from "./table";
+const meta = {
+    title: "Components/Table",
+    component: Table,
+    tags: ["autodocs"],
+    parameters: { layout: "padded" },
+};
+export default meta;
+const wines = [
+    { name: "Château Margaux", vintage: 2018, region: "Bordeaux, France", score: 98 },
+    { name: "Opus One", vintage: 2020, region: "Napa Valley, USA", score: 95 },
+    { name: "Sassicaia", vintage: 2019, region: "Tuscany, Italy", score: 97 },
+    { name: "Vega Sicilia Unico", vintage: 2015, region: "Ribera del Duero, Spain", score: 99 },
+    { name: "Penfolds Grange", vintage: 2017, region: "South Australia", score: 96 },
+];
+export const Default = {
+    render: () => (_jsxs(Table, { children: [_jsx(TableHead, { children: _jsxs(TableRow, { children: [_jsx(TableHeader, { children: "Name" }), _jsx(TableHeader, { children: "Vintage" }), _jsx(TableHeader, { children: "Region" }), _jsx(TableHeader, { children: "Score" })] }) }), _jsx(TableBody, { children: wines.map((wine) => (_jsxs(TableRow, { children: [_jsx(TableCell, { className: "font-medium", children: wine.name }), _jsx(TableCell, { children: wine.vintage }), _jsx(TableCell, { children: wine.region }), _jsx(TableCell, { children: _jsx("span", { className: "inline-flex items-center rounded-full bg-emerald-50 px-2 py-0.5 text-xs font-medium text-emerald-700 ring-1 ring-emerald-600/20", children: wine.score }) })] }, wine.name))) })] })),
+};
+export const Striped = {
+    render: () => (_jsxs(Table, { striped: true, children: [_jsx(TableHead, { children: _jsxs(TableRow, { children: [_jsx(TableHeader, { children: "Name" }), _jsx(TableHeader, { children: "Vintage" }), _jsx(TableHeader, { children: "Region" }), _jsx(TableHeader, { children: "Score" })] }) }), _jsx(TableBody, { children: wines.map((wine) => (_jsxs(TableRow, { children: [_jsx(TableCell, { className: "font-medium", children: wine.name }), _jsx(TableCell, { children: wine.vintage }), _jsx(TableCell, { children: wine.region }), _jsx(TableCell, { children: wine.score })] }, wine.name))) })] })),
+};
+export const Dense = {
+    render: () => (_jsxs(Table, { dense: true, children: [_jsx(TableHead, { children: _jsxs(TableRow, { children: [_jsx(TableHeader, { children: "Name" }), _jsx(TableHeader, { children: "Vintage" }), _jsx(TableHeader, { children: "Region" }), _jsx(TableHeader, { children: "Score" })] }) }), _jsx(TableBody, { children: wines.map((wine) => (_jsxs(TableRow, { children: [_jsx(TableCell, { className: "font-medium", children: wine.name }), _jsx(TableCell, { children: wine.vintage }), _jsx(TableCell, { children: wine.region }), _jsx(TableCell, { children: wine.score })] }, wine.name))) })] })),
+};
+//# sourceMappingURL=table.stories.js.map

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.stories.d.ts","sourceRoot":"","sources":["../../src/components/tabs.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,IAAI,EAAsC,MAAM,QAAQ,CAAC;AAElE,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,IAAI,CAK3B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAiCrB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KA+BzB,CAAC"}

package/dist/components/tabs.stories.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Tabs, TabsContent, TabsList, TabsTrigger } from "./tabs";
+const meta = {
+    title: "Components/Tabs",
+    component: Tabs,
+    tags: ["autodocs"],
+    parameters: { layout: "centered" },
+};
+export default meta;
+export const Default = {
+    render: () => (_jsxs(Tabs, { defaultValue: "offers", className: "w-[420px]", children: [_jsxs(TabsList, { children: [_jsx(TabsTrigger, { value: "offers", children: "Offers" }), _jsx(TabsTrigger, { value: "matches", children: "AI Matches" }), _jsx(TabsTrigger, { value: "notifications", children: "Notifications" })] }), _jsx(TabsContent, { value: "offers", children: _jsx("div", { className: "rounded-lg border p-4 mt-2", children: _jsxs("p", { className: "text-sm text-muted-foreground", children: ["You have ", _jsx("span", { className: "font-semibold text-foreground", children: "12 active offers" }), " awaiting review from producers."] }) }) }), _jsx(TabsContent, { value: "matches", children: _jsx("div", { className: "rounded-lg border p-4 mt-2", children: _jsxs("p", { className: "text-sm text-muted-foreground", children: ["AI found ", _jsx("span", { className: "font-semibold text-foreground", children: "38 potential matches" }), " for your open tenders this week."] }) }) }), _jsx(TabsContent, { value: "notifications", children: _jsx("div", { className: "rounded-lg border p-4 mt-2", children: _jsxs("p", { className: "text-sm text-muted-foreground", children: ["You have ", _jsx("span", { className: "font-semibold text-foreground", children: "5 unread notifications" }), "."] }) }) })] })),
+};
+export const LineVariant = {
+    render: () => (_jsxs(Tabs, { defaultValue: "overview", className: "w-[420px]", children: [_jsxs(TabsList, { variant: "line", children: [_jsx(TabsTrigger, { value: "overview", children: "Overview" }), _jsx(TabsTrigger, { value: "beverages", children: "Beverages" }), _jsx(TabsTrigger, { value: "awards", children: "Awards" })] }), _jsx(TabsContent, { value: "overview", children: _jsx("div", { className: "pt-4", children: _jsx("p", { className: "text-sm text-muted-foreground", children: "Producer overview and statistics." }) }) }), _jsx(TabsContent, { value: "beverages", children: _jsx("div", { className: "pt-4", children: _jsx("p", { className: "text-sm text-muted-foreground", children: "Catalogue of 24 registered beverages." }) }) }), _jsx(TabsContent, { value: "awards", children: _jsx("div", { className: "pt-4", children: _jsx("p", { className: "text-sm text-muted-foreground", children: "8 awards and certifications on record." }) }) })] })),
+};
+//# sourceMappingURL=tabs.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.stories.js","sourceRoot":"","sources":["../../src/components/tabs.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,QAAQ,CAAC;AAElE,MAAM,IAAI,GAAsB;IAC9B,KAAK,EAAE,iBAAiB;IACxB,SAAS,EAAE,IAAI;IACf,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,IAAI,IAAC,YAAY,EAAC,QAAQ,EAAC,SAAS,EAAC,WAAW,aAC/C,MAAC,QAAQ,eACP,KAAC,WAAW,IAAC,KAAK,EAAC,QAAQ,uBAAqB,EAChD,KAAC,WAAW,IAAC,KAAK,EAAC,SAAS,2BAAyB,EACrD,KAAC,WAAW,IAAC,KAAK,EAAC,eAAe,8BAA4B,IACrD,EACX,KAAC,WAAW,IAAC,KAAK,EAAC,QAAQ,YACzB,cAAK,SAAS,EAAC,4BAA4B,YACzC,aAAG,SAAS,EAAC,+BAA+B,0BACjC,eAAM,SAAS,EAAC,+BAA+B,iCAAwB,wCAE9E,GACA,GACM,EACd,KAAC,WAAW,IAAC,KAAK,EAAC,SAAS,YAC1B,cAAK,SAAS,EAAC,4BAA4B,YACzC,aAAG,SAAS,EAAC,+BAA+B,0BACjC,eAAM,SAAS,EAAC,+BAA+B,qCAA4B,yCAElF,GACA,GACM,EACd,KAAC,WAAW,IAAC,KAAK,EAAC,eAAe,YAChC,cAAK,SAAS,EAAC,4BAA4B,YACzC,aAAG,SAAS,EAAC,+BAA+B,0BACjC,eAAM,SAAS,EAAC,+BAA+B,uCAA8B,SACpF,GACA,GACM,IACT,CACR;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAU;IAChC,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,MAAC,IAAI,IAAC,YAAY,EAAC,UAAU,EAAC,SAAS,EAAC,WAAW,aACjD,MAAC,QAAQ,IAAC,OAAO,EAAC,MAAM,aACtB,KAAC,WAAW,IAAC,KAAK,EAAC,UAAU,yBAAuB,EACpD,KAAC,WAAW,IAAC,KAAK,EAAC,WAAW,0BAAwB,EACtD,KAAC,WAAW,IAAC,KAAK,EAAC,QAAQ,uBAAqB,IACvC,EACX,KAAC,WAAW,IAAC,KAAK,EAAC,UAAU,YAC3B,cAAK,SAAS,EAAC,MAAM,YACnB,YAAG,SAAS,EAAC,+BAA+B,kDAExC,GACA,GACM,EACd,KAAC,WAAW,IAAC,KAAK,EAAC,WAAW,YAC5B,cAAK,SAAS,EAAC,MAAM,YACnB,YAAG,SAAS,EAAC,+BAA+B,sDAExC,GACA,GACM,EACd,KAAC,WAAW,IAAC,KAAK,EAAC,QAAQ,YACzB,cAAK,SAAS,EAAC,MAAM,YACnB,YAAG,SAAS,EAAC,+BAA+B,uDAExC,GACA,GACM,IACT,CACR;CACF,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"text.stories.d.ts","sourceRoot":"","sources":["../../src/components/text.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,IAAI,EAA0B,MAAM,QAAQ,CAAC;AAEtD,QAAA,MAAM,IAAI;;;;;;;CAKmB,CAAC;AAE9B,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAS3B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAQzB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAQvB,CAAC"}

package/dist/components/text.stories.js

@@ -0,0 +1,27 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Text, TextLink, Strong, Code } from "./text";
+const meta = {
+    title: "Components/Text",
+    component: Text,
+    tags: ["autodocs"],
+    parameters: { layout: "padded" },
+};
+export default meta;
+export const Default = {
+    args: {
+        children: "Château Margaux is a wine estate in the Margaux appellation of the Bordeaux region of France. The estate produces red wine from Cabernet Sauvignon, Merlot, Petit Verdot, and Cabernet Franc grapes.",
+    },
+};
+export const TextLinkStory = {
+    name: "TextLink",
+    render: () => (_jsxs(Text, { children: ["View the full tasting notes for the", " ", _jsx(TextLink, { href: "#", children: "2018 Reserve Blend" }), " from our curated selection of Bordeaux estates."] })),
+};
+export const StrongStory = {
+    name: "Strong",
+    render: () => (_jsxs(Text, { children: ["This lot contains ", _jsx(Strong, { children: "48 cases" }), " of Ch\u00E2teau P\u00E9trus 2019, available exclusively through our preferred importer network."] })),
+};
+export const CodeStory = {
+    name: "Code",
+    render: () => (_jsxs(Text, { children: ["Use classification code ", _jsx(Code, { children: "HS2204.10" }), " for sparkling wines when submitting your tender documentation."] })),
+};
+//# sourceMappingURL=text.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"text.stories.js","sourceRoot":"","sources":["../../src/components/text.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAEtD,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,iBAAiB;IACxB,SAAS,EAAE,IAAI;IACf,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,UAAU,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE;CACL,CAAC;AAE9B,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,QAAQ,EACN,sMAAsM;KACzM;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAU;IAClC,IAAI,EAAE,UAAU;IAChB,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,MAAC,IAAI,sDACiC,GAAG,EACvC,KAAC,QAAQ,IAAC,IAAI,EAAC,GAAG,mCAA8B,wDAE3C,CACR;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAU;IAChC,IAAI,EAAE,QAAQ;IACd,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,MAAC,IAAI,qCACe,KAAC,MAAM,2BAAkB,wGAEtC,CACR;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAU;IAC9B,IAAI,EAAE,MAAM;IACZ,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,MAAC,IAAI,2CACqB,KAAC,IAAI,4BAAiB,uEAEzC,CACR;CACF,CAAC"}

package/dist/components/textarea.d.ts

@@ -1,8 +1,9 @@
 import * as Headless from '@headlessui/react';
 import React from 'react';
-export declare const Textarea: React.ForwardRefExoticComponent<{
+export declare function Textarea({ className, textareaClassName, resizable, ref, ...props }: {
     className?: string;
     textareaClassName?: string;
     resizable?: boolean;
-} & Omit<Headless.TextareaProps<"textarea">, "className" | "as"> & React.RefAttributes<HTMLTextAreaElement>>;
+    ref?: React.Ref<HTMLTextAreaElement>;
+} & Omit<Headless.TextareaProps, 'as' | 'className'>): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=textarea.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"textarea.d.ts","sourceRoot":"","sources":["../../src/components/textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,QAAQ,MAAM,mBAAmB,CAAA;AAE7C,OAAO,KAAqB,MAAM,OAAO,CAAA;AAEzC,eAAO,MAAM,QAAQ;gBAOL,MAAM;wBACE,MAAM;gBACd,OAAO;4GA8CrB,CAAA"}
+{"version":3,"file":"textarea.d.ts","sourceRoot":"","sources":["../../src/components/textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,QAAQ,MAAM,mBAAmB,CAAA;AAE7C,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,wBAAgB,QAAQ,CAAC,EACvB,SAAS,EACT,iBAAiB,EACjB,SAAgB,EAChB,GAAG,EACH,GAAG,KAAK,EACT,EAAE;IACD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,mBAAmB,CAAC,CAAC;CACtC,GAAG,IAAI,CAAC,QAAQ,CAAC,aAAa,EAAE,IAAI,GAAG,WAAW,CAAC,2CA2CnD"}

package/dist/components/textarea.js

@@ -1,8 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as Headless from '@headlessui/react';
 import clsx from 'clsx';
-import { forwardRef } from 'react';
-export const Textarea = forwardRef(function Textarea({ className, textareaClassName, resizable = true, ...props }, ref) {
+export function Textarea({ className, textareaClassName, resizable = true, ref, ...props }) {
     return (_jsx("span", { "data-slot": "control", className: clsx([
             className,
             // Basic layout
@@ -34,5 +33,5 @@ export const Textarea = forwardRef(function Textarea({ className, textareaClassN
                 resizable ? 'resize-y' : 'resize-none',
                 textareaClassName,
             ]) }) }));
-});
+}
 //# sourceMappingURL=textarea.js.map

package/dist/components/textarea.js.map

@@ -1 +1 @@
-{"version":3,"file":"textarea.js","sourceRoot":"","sources":["../../src/components/textarea.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,QAAQ,MAAM,mBAAmB,CAAA;AAC7C,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEzC,MAAM,CAAC,MAAM,QAAQ,GAAG,UAAU,CAAC,SAAS,QAAQ,CAClD,EACE,SAAS,EACT,iBAAiB,EACjB,SAAS,GAAG,IAAI,EAChB,GAAG,KAAK,EAK0C,EACpD,GAA4C;IAE5C,OAAO,CACL,4BACY,SAAS,EACnB,SAAS,EAAE,IAAI,CAAC;YACd,SAAS;YACT,eAAe;YACf,uBAAuB;YACvB,wGAAwG;YACxG,8GAA8G;YAC9G,kGAAkG;YAClG,oBAAoB;YACpB,aAAa;YACb,8KAA8K;YAC9K,iBAAiB;YACjB,0GAA0G;SAC3G,CAAC,YAEF,KAAC,QAAQ,CAAC,QAAQ,IAChB,GAAG,EAAE,GAAG,KACJ,KAAK,EACT,SAAS,EAAE,IAAI,CAAC;gBACd,eAAe;gBACf,qLAAqL;gBACrL,aAAa;gBACb,kFAAkF;gBAClF,SAAS;gBACT,8GAA8G;gBAC9G,mBAAmB;gBACnB,gCAAgC;gBAChC,4BAA4B;gBAC5B,sBAAsB;gBACtB,gBAAgB;gBAChB,iJAAiJ;gBACjJ,iBAAiB;gBACjB,+HAA+H;gBAC/H,YAAY;gBACZ,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,aAAa;gBACtC,iBAAiB;aAClB,CAAC,GACF,GACG,CACR,CAAA;AACH,CAAC,CAAC,CAAA"}
+{"version":3,"file":"textarea.js","sourceRoot":"","sources":["../../src/components/textarea.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,QAAQ,MAAM,mBAAmB,CAAA;AAC7C,OAAO,IAAI,MAAM,MAAM,CAAA;AAGvB,MAAM,UAAU,QAAQ,CAAC,EACvB,SAAS,EACT,iBAAiB,EACjB,SAAS,GAAG,IAAI,EAChB,GAAG,EACH,GAAG,KAAK,EAM0C;IAClD,OAAO,CACL,4BACY,SAAS,EACnB,SAAS,EAAE,IAAI,CAAC;YACd,SAAS;YACT,eAAe;YACf,uBAAuB;YACvB,wGAAwG;YACxG,8GAA8G;YAC9G,kGAAkG;YAClG,oBAAoB;YACpB,aAAa;YACb,8KAA8K;YAC9K,iBAAiB;YACjB,0GAA0G;SAC3G,CAAC,YAEF,KAAC,QAAQ,CAAC,QAAQ,IAChB,GAAG,EAAE,GAAG,KACJ,KAAK,EACT,SAAS,EAAE,IAAI,CAAC;gBACd,eAAe;gBACf,qLAAqL;gBACrL,aAAa;gBACb,kFAAkF;gBAClF,SAAS;gBACT,8GAA8G;gBAC9G,mBAAmB;gBACnB,gCAAgC;gBAChC,4BAA4B;gBAC5B,sBAAsB;gBACtB,gBAAgB;gBAChB,iJAAiJ;gBACjJ,iBAAiB;gBACjB,+HAA+H;gBAC/H,YAAY;gBACZ,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,aAAa;gBACtC,iBAAiB;aAClB,CAAC,GACF,GACG,CACR,CAAA;AACH,CAAC"}

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

@@ -0,0 +1,10 @@
+import type { Meta, StoryObj } from "@storybook/react-vite";
+import { Textarea } from "./textarea";
+declare const meta: Meta<typeof Textarea>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithPlaceholder: Story;
+export declare const Disabled: Story;
+export declare const NonResizable: Story;
+//# sourceMappingURL=textarea.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"textarea.stories.d.ts","sourceRoot":"","sources":["../../src/components/textarea.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,QAAQ,CAY/B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAI7B,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAKtB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAM1B,CAAC"}

package/dist/components/textarea.stories.js

@@ -0,0 +1,36 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Textarea } from "./textarea";
+const meta = {
+    title: "Components/Textarea",
+    component: Textarea,
+    tags: ["autodocs"],
+    parameters: { layout: "centered" },
+    decorators: [
+        (Story) => (_jsx("div", { className: "w-80", children: _jsx(Story, {}) })),
+    ],
+};
+export default meta;
+export const Default = {
+    args: {
+        defaultValue: "A full-bodied Bordeaux blend from the Médoc appellation. Deep ruby colour with notes of blackcurrant, cedar, and graphite.",
+    },
+};
+export const WithPlaceholder = {
+    args: {
+        placeholder: "Describe the tasting notes, terroir, and production method…",
+    },
+};
+export const Disabled = {
+    args: {
+        defaultValue: "This field is read-only in the current workflow stage.",
+        disabled: true,
+    },
+};
+export const NonResizable = {
+    args: {
+        resizable: false,
+        placeholder: "Fixed height textarea…",
+        rows: 4,
+    },
+};
+//# sourceMappingURL=textarea.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"textarea.stories.js","sourceRoot":"","sources":["../../src/components/textarea.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,MAAM,IAAI,GAA0B;IAClC,KAAK,EAAE,qBAAqB;IAC5B,SAAS,EAAE,QAAQ;IACnB,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,MAAM,YACnB,KAAC,KAAK,KAAG,GACL,CACP;KACF;CACF,CAAC;AAEF,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,YAAY,EACV,4HAA4H;KAC/H;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAU;IACpC,IAAI,EAAE;QACJ,WAAW,EAAE,6DAA6D;KAC3E;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAU;IAC7B,IAAI,EAAE;QACJ,YAAY,EAAE,wDAAwD;QACtE,QAAQ,EAAE,IAAI;KACf;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAU;IACjC,IAAI,EAAE;QACJ,SAAS,EAAE,KAAK;QAChB,WAAW,EAAE,wBAAwB;QACrC,IAAI,EAAE,CAAC;KACR;CACF,CAAC"}

package/dist/components/toast.d.ts

@@ -2,14 +2,27 @@ import * as React from "react";
 import * as ToastPrimitives from "@radix-ui/react-toast";
 import { type VariantProps } from "class-variance-authority";
 declare const ToastProvider: React.FC<ToastPrimitives.ToastProviderProps>;
-declare const ToastViewport: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastViewportProps & React.RefAttributes<HTMLOListElement>, "ref"> & React.RefAttributes<HTMLOListElement>>;
-declare const Toast: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastProps & React.RefAttributes<HTMLLIElement>, "ref"> & VariantProps<(props?: ({
+declare function ToastViewport({ className, ref, ...props }: React.ComponentPropsWithoutRef<typeof ToastPrimitives.Viewport> & {
+    ref?: React.Ref<React.ElementRef<typeof ToastPrimitives.Viewport>>;
+}): import("react/jsx-runtime").JSX.Element;
+declare const toastVariants: (props?: ({
     variant?: "default" | "destructive" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string> & React.RefAttributes<HTMLLIElement>>;
-declare const ToastAction: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastActionProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-declare const ToastClose: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastCloseProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-declare const ToastTitle: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastTitleProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const ToastDescription: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastDescriptionProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare function Toast({ className, variant, ref, ...props }: React.ComponentPropsWithoutRef<typeof ToastPrimitives.Root> & VariantProps<typeof toastVariants> & {
+    ref?: React.Ref<React.ElementRef<typeof ToastPrimitives.Root>>;
+}): import("react/jsx-runtime").JSX.Element;
+declare function ToastAction({ className, ref, ...props }: React.ComponentPropsWithoutRef<typeof ToastPrimitives.Action> & {
+    ref?: React.Ref<React.ElementRef<typeof ToastPrimitives.Action>>;
+}): import("react/jsx-runtime").JSX.Element;
+declare function ToastClose({ className, ref, ...props }: React.ComponentPropsWithoutRef<typeof ToastPrimitives.Close> & {
+    ref?: React.Ref<React.ElementRef<typeof ToastPrimitives.Close>>;
+}): import("react/jsx-runtime").JSX.Element;
+declare function ToastTitle({ className, ref, ...props }: React.ComponentPropsWithoutRef<typeof ToastPrimitives.Title> & {
+    ref?: React.Ref<React.ElementRef<typeof ToastPrimitives.Title>>;
+}): import("react/jsx-runtime").JSX.Element;
+declare function ToastDescription({ className, ref, ...props }: React.ComponentPropsWithoutRef<typeof ToastPrimitives.Description> & {
+    ref?: React.Ref<React.ElementRef<typeof ToastPrimitives.Description>>;
+}): import("react/jsx-runtime").JSX.Element;
 type ToastProps = React.ComponentPropsWithoutRef<typeof Toast>;
 type ToastActionElement = React.ReactElement<typeof ToastAction>;
 export { type ToastProps, type ToastActionElement, ToastProvider, ToastViewport, Toast, ToastTitle, ToastDescription, ToastClose, ToastAction, };

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

@@ -1 +1 @@
-{"version":3,"file":"toast.d.ts","sourceRoot":"","sources":["../../src/components/toast.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,eAAe,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAKlE,QAAA,MAAM,aAAa,8CAA2B,CAAC;AAE/C,QAAA,MAAM,aAAa,kKAYjB,CAAC;AAkBH,QAAA,MAAM,KAAK;;qHAKT,CAAC;AAGH,QAAA,MAAM,WAAW,kKAYf,CAAC;AAGH,QAAA,MAAM,UAAU,iKAed,CAAC;AAGH,QAAA,MAAM,UAAU,2JAKd,CAAC;AAGH,QAAA,MAAM,gBAAgB,iKAKpB,CAAC;AAGH,KAAK,UAAU,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,KAAK,CAAC,CAAC;AAE/D,KAAK,kBAAkB,GAAG,KAAK,CAAC,YAAY,CAAC,OAAO,WAAW,CAAC,CAAC;AAEjE,OAAO,EACL,KAAK,UAAU,EACf,KAAK,kBAAkB,EACvB,aAAa,EACb,aAAa,EACb,KAAK,EACL,UAAU,EACV,gBAAgB,EAChB,UAAU,EACV,WAAW,GACZ,CAAC"}
+{"version":3,"file":"toast.d.ts","sourceRoot":"","sources":["../../src/components/toast.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,eAAe,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAKlE,QAAA,MAAM,aAAa,8CAA2B,CAAC;AAE/C,iBAAS,aAAa,CAAC,EACrB,SAAS,EACT,GAAG,EACH,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,wBAAwB,CAAC,OAAO,eAAe,CAAC,QAAQ,CAAC,GAAG;IACnE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC,UAAU,CAAC,OAAO,eAAe,CAAC,QAAQ,CAAC,CAAC,CAAC;CACpE,2CAWA;AAED,QAAA,MAAM,aAAa;;8EAalB,CAAC;AAEF,iBAAS,KAAK,CAAC,EACb,SAAS,EACT,OAAO,EACP,GAAG,EACH,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,wBAAwB,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,GAC5D,YAAY,CAAC,OAAO,aAAa,CAAC,GAAG;IACnC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC,UAAU,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,CAAC,CAAC;CAChE,2CAEF;AAED,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,GAAG,EACH,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,wBAAwB,CAAC,OAAO,eAAe,CAAC,MAAM,CAAC,GAAG;IACjE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC,UAAU,CAAC,OAAO,eAAe,CAAC,MAAM,CAAC,CAAC,CAAC;CAClE,2CAWA;AAED,iBAAS,UAAU,CAAC,EAClB,SAAS,EACT,GAAG,EACH,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,wBAAwB,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,GAAG;IAChE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC,UAAU,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,CAAC,CAAC;CACjE,2CAcA;AAED,iBAAS,UAAU,CAAC,EAClB,SAAS,EACT,GAAG,EACH,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,wBAAwB,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,GAAG;IAChE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC,UAAU,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,CAAC,CAAC;CACjE,2CAEA;AAED,iBAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,GAAG,EACH,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,wBAAwB,CAAC,OAAO,eAAe,CAAC,WAAW,CAAC,GAAG;IACtE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC,UAAU,CAAC,OAAO,eAAe,CAAC,WAAW,CAAC,CAAC,CAAC;CACvE,2CAEA;AAED,KAAK,UAAU,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,KAAK,CAAC,CAAC;AAE/D,KAAK,kBAAkB,GAAG,KAAK,CAAC,YAAY,CAAC,OAAO,WAAW,CAAC,CAAC;AAEjE,OAAO,EACL,KAAK,UAAU,EACf,KAAK,kBAAkB,EACvB,aAAa,EACb,aAAa,EACb,KAAK,EACL,UAAU,EACV,gBAAgB,EAChB,UAAU,EACV,WAAW,GACZ,CAAC"}

package/dist/components/toast.js

@@ -1,12 +1,12 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import * as React from "react";
 import * as ToastPrimitives from "@radix-ui/react-toast";
 import { cva } from "class-variance-authority";
 import { X } from "lucide-react";
 import { cn } from "../lib/utils";
 const ToastProvider = ToastPrimitives.Provider;
-const ToastViewport = React.forwardRef(({ className, ...props }, ref) => (_jsx(ToastPrimitives.Viewport, { ref: ref, className: cn("fixed top-0 z-100 flex max-h-screen w-full flex-col-reverse p-4 sm:bottom-0 sm:right-0 sm:top-auto sm:flex-col md:max-w-[420px]", className), ...props })));
-ToastViewport.displayName = ToastPrimitives.Viewport.displayName;
+function ToastViewport({ className, ref, ...props }) {
+    return (_jsx(ToastPrimitives.Viewport, { ref: ref, className: cn("fixed top-0 z-100 flex max-h-screen w-full flex-col-reverse p-4 sm:bottom-0 sm:right-0 sm:top-auto sm:flex-col md:max-w-[420px]", className), ...props }));
+}
 const toastVariants = cva("group pointer-events-auto relative flex w-full items-center justify-between space-x-4 overflow-hidden rounded-md border p-6 pr-8 shadow-lg transition-all data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-(--radix-toast-swipe-end-x) data-[swipe=move]:translate-x-(--radix-toast-swipe-move-x) data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80 data-[state=closed]:slide-out-to-right-full data-[state=open]:slide-in-from-top-full sm:data-[state=open]:slide-in-from-bottom-full", {
     variants: {
         variant: {
@@ -18,17 +18,20 @@ const toastVariants = cva("group pointer-events-auto relative flex w-full items-
         variant: "default",
     },
 });
-const Toast = React.forwardRef(({ className, variant, ...props }, ref) => {
+function Toast({ className, variant, ref, ...props }) {
     return _jsx(ToastPrimitives.Root, { ref: ref, className: cn(toastVariants({ variant }), className), ...props });
-});
-Toast.displayName = ToastPrimitives.Root.displayName;
-const ToastAction = React.forwardRef(({ className, ...props }, ref) => (_jsx(ToastPrimitives.Action, { ref: ref, className: cn("inline-flex h-8 shrink-0 items-center justify-center rounded-md border bg-transparent px-3 text-sm font-medium ring-offset-background transition-colors group-[.destructive]:border-muted/40 hover:bg-secondary hover:group-[.destructive]:border-destructive/30 hover:group-[.destructive]:bg-destructive hover:group-[.destructive]:text-destructive-foreground focus:outline-hidden focus:ring-2 focus:ring-ring focus:ring-offset-2 focus:group-[.destructive]:ring-destructive disabled:pointer-events-none disabled:opacity-50", className), ...props })));
-ToastAction.displayName = ToastPrimitives.Action.displayName;
-const ToastClose = React.forwardRef(({ className, ...props }, ref) => (_jsx(ToastPrimitives.Close, { ref: ref, className: cn("absolute right-2 top-2 rounded-md p-1 text-foreground/50 opacity-0 transition-opacity group-hover:opacity-100 group-[.destructive]:text-red-300 hover:text-foreground hover:group-[.destructive]:text-red-50 focus:opacity-100 focus:outline-hidden focus:ring-2 focus:group-[.destructive]:ring-red-400 focus:group-[.destructive]:ring-offset-red-600", className), "toast-close": "", ...props, children: _jsx(X, { className: "h-4 w-4" }) })));
-ToastClose.displayName = ToastPrimitives.Close.displayName;
-const ToastTitle = React.forwardRef(({ className, ...props }, ref) => (_jsx(ToastPrimitives.Title, { ref: ref, className: cn("text-sm font-semibold", className), ...props })));
-ToastTitle.displayName = ToastPrimitives.Title.displayName;
-const ToastDescription = React.forwardRef(({ className, ...props }, ref) => (_jsx(ToastPrimitives.Description, { ref: ref, className: cn("text-sm opacity-90", className), ...props })));
-ToastDescription.displayName = ToastPrimitives.Description.displayName;
+}
+function ToastAction({ className, ref, ...props }) {
+    return (_jsx(ToastPrimitives.Action, { ref: ref, className: cn("inline-flex h-8 shrink-0 items-center justify-center rounded-md border bg-transparent px-3 text-sm font-medium ring-offset-background transition-colors group-[.destructive]:border-muted/40 hover:bg-secondary hover:group-[.destructive]:border-destructive/30 hover:group-[.destructive]:bg-destructive hover:group-[.destructive]:text-destructive-foreground focus:outline-hidden focus:ring-2 focus:ring-ring focus:ring-offset-2 focus:group-[.destructive]:ring-destructive disabled:pointer-events-none disabled:opacity-50", className), ...props }));
+}
+function ToastClose({ className, ref, ...props }) {
+    return (_jsx(ToastPrimitives.Close, { ref: ref, className: cn("absolute right-2 top-2 rounded-md p-1 text-foreground/50 opacity-0 transition-opacity group-hover:opacity-100 group-[.destructive]:text-red-300 hover:text-foreground hover:group-[.destructive]:text-red-50 focus:opacity-100 focus:outline-hidden focus:ring-2 focus:group-[.destructive]:ring-red-400 focus:group-[.destructive]:ring-offset-red-600", className), "toast-close": "", ...props, children: _jsx(X, { className: "h-4 w-4" }) }));
+}
+function ToastTitle({ className, ref, ...props }) {
+    return _jsx(ToastPrimitives.Title, { ref: ref, className: cn("text-sm font-semibold", className), ...props });
+}
+function ToastDescription({ className, ref, ...props }) {
+    return _jsx(ToastPrimitives.Description, { ref: ref, className: cn("text-sm opacity-90", className), ...props });
+}
 export { ToastProvider, ToastViewport, Toast, ToastTitle, ToastDescription, ToastClose, ToastAction, };
 //# sourceMappingURL=toast.js.map

package/dist/components/toast.js.map

@@ -1 +1 @@
-{"version":3,"file":"toast.js","sourceRoot":"","sources":["../../src/components/toast.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"toast.js","sourceRoot":"","sources":["../../src/components/toast.tsx"],"names":[],"mappings":";AACA,OAAO,KAAK,eAAe,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,CAAC,EAAE,MAAM,cAAc,CAAC;AAEjC,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAElC,MAAM,aAAa,GAAG,eAAe,CAAC,QAAQ,CAAC;AAE/C,SAAS,aAAa,CAAC,EACrB,SAAS,EACT,GAAG,EACH,GAAG,KAAK,EAGT;IACC,OAAO,CACL,KAAC,eAAe,CAAC,QAAQ,IACvB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,iIAAiI,EACjI,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AAED,MAAM,aAAa,GAAG,GAAG,CACvB,ilBAAilB,EACjlB;IACE,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EAAE,sCAAsC;YAC/C,WAAW,EAAE,iFAAiF;SAC/F;KACF;IACD,eAAe,EAAE;QACf,OAAO,EAAE,SAAS;KACnB;CACF,CACF,CAAC;AAEF,SAAS,KAAK,CAAC,EACb,SAAS,EACT,OAAO,EACP,GAAG,EACH,GAAG,KAAK,EAIP;IACD,OAAO,KAAC,eAAe,CAAC,IAAI,IAAC,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,aAAa,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CAAC;AAC7G,CAAC;AAED,SAAS,WAAW,CAAC,EACnB,SAAS,EACT,GAAG,EACH,GAAG,KAAK,EAGT;IACC,OAAO,CACL,KAAC,eAAe,CAAC,MAAM,IACrB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,sgBAAsgB,EACtgB,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AAED,SAAS,UAAU,CAAC,EAClB,SAAS,EACT,GAAG,EACH,GAAG,KAAK,EAGT;IACC,OAAO,CACL,KAAC,eAAe,CAAC,KAAK,IACpB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,yVAAyV,EACzV,SAAS,CACV,iBACW,EAAE,KACV,KAAK,YAET,KAAC,CAAC,IAAC,SAAS,EAAC,SAAS,GAAG,GACH,CACzB,CAAC;AACJ,CAAC;AAED,SAAS,UAAU,CAAC,EAClB,SAAS,EACT,GAAG,EACH,GAAG,KAAK,EAGT;IACC,OAAO,KAAC,eAAe,CAAC,KAAK,IAAC,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,uBAAuB,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CAAC;AAC3G,CAAC;AAED,SAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,GAAG,EACH,GAAG,KAAK,EAGT;IACC,OAAO,KAAC,eAAe,CAAC,WAAW,IAAC,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,oBAAoB,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CAAC;AAC9G,CAAC;AAMD,OAAO,EAGL,aAAa,EACb,aAAa,EACb,KAAK,EACL,UAAU,EACV,gBAAgB,EAChB,UAAU,EACV,WAAW,GACZ,CAAC"}

package/dist/components/tooltip.d.ts

@@ -3,6 +3,8 @@ import * as TooltipPrimitive from "@radix-ui/react-tooltip";
 declare const TooltipProvider: React.FC<TooltipPrimitive.TooltipProviderProps>;
 declare const Tooltip: React.FC<TooltipPrimitive.TooltipProps>;
 declare const TooltipTrigger: React.ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & React.RefAttributes<HTMLButtonElement>>;
-declare const TooltipContent: React.ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare function TooltipContent({ className, sideOffset, ref, ...props }: React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content> & {
+    ref?: React.Ref<React.ElementRef<typeof TooltipPrimitive.Content>>;
+}): import("react/jsx-runtime").JSX.Element;
 export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };
 //# sourceMappingURL=tooltip.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../src/components/tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAC;AAI5D,QAAA,MAAM,eAAe,iDAA4B,CAAC;AAElD,QAAA,MAAM,OAAO,yCAAwB,CAAC;AAEtC,QAAA,MAAM,cAAc,gHAA2B,CAAC;AAEhD,QAAA,MAAM,cAAc,gKAalB,CAAC;AAGH,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,eAAe,EAAE,CAAC"}
+{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../src/components/tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAC;AAI5D,QAAA,MAAM,eAAe,iDAA4B,CAAC;AAElD,QAAA,MAAM,OAAO,yCAAwB,CAAC;AAEtC,QAAA,MAAM,cAAc,gHAA2B,CAAC;AAEhD,iBAAS,cAAc,CAAC,EACtB,SAAS,EACT,UAAc,EACd,GAAG,EACH,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,wBAAwB,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,GAAG;IACnE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC,UAAU,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,CAAC,CAAC;CACpE,2CAYA;AAED,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,eAAe,EAAE,CAAC"}

package/dist/components/tooltip.js

@@ -1,11 +1,11 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import * as React from "react";
 import * as TooltipPrimitive from "@radix-ui/react-tooltip";
 import { cn } from "../lib/utils";
 const TooltipProvider = TooltipPrimitive.Provider;
 const Tooltip = TooltipPrimitive.Root;
 const TooltipTrigger = TooltipPrimitive.Trigger;
-const TooltipContent = React.forwardRef(({ className, sideOffset = 4, ...props }, ref) => (_jsx(TooltipPrimitive.Content, { ref: ref, sideOffset: sideOffset, className: cn("z-50 overflow-hidden rounded-md border bg-popover px-3 py-1.5 text-sm text-popover-foreground shadow-md animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2", className), ...props })));
-TooltipContent.displayName = TooltipPrimitive.Content.displayName;
+function TooltipContent({ className, sideOffset = 4, ref, ...props }) {
+    return (_jsx(TooltipPrimitive.Content, { ref: ref, sideOffset: sideOffset, className: cn("z-50 overflow-hidden rounded-md border bg-popover px-3 py-1.5 text-sm text-popover-foreground shadow-md animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2", className), ...props }));
+}
 export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };
 //# sourceMappingURL=tooltip.js.map

package/dist/components/tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.js","sourceRoot":"","sources":["../../src/components/tooltip.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAC;AAE5D,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAElC,MAAM,eAAe,GAAG,gBAAgB,CAAC,QAAQ,CAAC;AAElD,MAAM,OAAO,GAAG,gBAAgB,CAAC,IAAI,CAAC;AAEtC,MAAM,cAAc,GAAG,gBAAgB,CAAC,OAAO,CAAC;AAEhD,MAAM,cAAc,GAAG,KAAK,CAAC,UAAU,CAGrC,CAAC,EAAE,SAAS,EAAE,UAAU,GAAG,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAClD,KAAC,gBAAgB,CAAC,OAAO,IACvB,GAAG,EAAE,GAAG,EACR,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,EAAE,CACX,oYAAoY,EACpY,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAC,CAAC;AACH,cAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC,OAAO,CAAC,WAAW,CAAC;AAElE,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,eAAe,EAAE,CAAC"}
+{"version":3,"file":"tooltip.js","sourceRoot":"","sources":["../../src/components/tooltip.tsx"],"names":[],"mappings":";AACA,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAC;AAE5D,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAElC,MAAM,eAAe,GAAG,gBAAgB,CAAC,QAAQ,CAAC;AAElD,MAAM,OAAO,GAAG,gBAAgB,CAAC,IAAI,CAAC;AAEtC,MAAM,cAAc,GAAG,gBAAgB,CAAC,OAAO,CAAC;AAEhD,SAAS,cAAc,CAAC,EACtB,SAAS,EACT,UAAU,GAAG,CAAC,EACd,GAAG,EACH,GAAG,KAAK,EAGT;IACC,OAAO,CACL,KAAC,gBAAgB,CAAC,OAAO,IACvB,GAAG,EAAE,GAAG,EACR,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,EAAE,CACX,oYAAoY,EACpY,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AAED,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,eAAe,EAAE,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.stories.d.ts","sourceRoot":"","sources":["../../src/components/tooltip.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,EAAE,OAAO,EAAmD,MAAM,WAAW,CAAC;AAErF,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,KAarB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAepB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAarB,CAAC"}

package/dist/components/tooltip.stories.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from "./button";
+import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "./tooltip";
+const meta = {
+    title: "Components/Tooltip",
+    component: Tooltip,
+    tags: ["autodocs"],
+    parameters: { layout: "centered" },
+};
+export default meta;
+export const Default = {
+    render: () => (_jsx(TooltipProvider, { children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx(Button, { plain: true, children: "Hover me" }) }), _jsx(TooltipContent, { children: _jsx("p", { children: "AI-powered semantic match" }) })] }) })),
+};
+export const OnIcon = {
+    render: () => (_jsx(TooltipProvider, { children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("button", { className: "inline-flex size-5 items-center justify-center rounded-full border text-xs text-muted-foreground hover:bg-accent", children: "?" }) }), _jsx(TooltipContent, { side: "right", children: _jsx("p", { children: "Match score is calculated using semantic vector similarity and VoyageAI reranking." }) })] }) })),
+};
+export const TopSide = {
+    render: () => (_jsx(TooltipProvider, { children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx(Button, { outline: true, children: "Tooltip on top" }) }), _jsx(TooltipContent, { side: "top", children: _jsx("p", { children: "Opens from top" }) })] }) })),
+};
+//# sourceMappingURL=tooltip.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.stories.js","sourceRoot":"","sources":["../../src/components/tooltip.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AAErF,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,KAAC,eAAe,cACd,MAAC,OAAO,eACN,KAAC,cAAc,IAAC,OAAO,kBACrB,KAAC,MAAM,IAAC,KAAK,+BAAkB,GAChB,EACjB,KAAC,cAAc,cACb,oDAAgC,GACjB,IACT,GACM,CACnB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAU;IAC3B,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,KAAC,eAAe,cACd,MAAC,OAAO,eACN,KAAC,cAAc,IAAC,OAAO,kBACrB,iBAAQ,SAAS,EAAC,kHAAkH,kBAE3H,GACM,EACjB,KAAC,cAAc,IAAC,IAAI,EAAC,OAAO,YAC1B,6GAAyF,GAC1E,IACT,GACM,CACnB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,KAAC,eAAe,cACd,MAAC,OAAO,eACN,KAAC,cAAc,IAAC,OAAO,kBACrB,KAAC,MAAM,IAAC,OAAO,qCAAwB,GACxB,EACjB,KAAC,cAAc,IAAC,IAAI,EAAC,KAAK,YACxB,yCAAqB,GACN,IACT,GACM,CACnB;CACF,CAAC"}

package/dist/globe/electron-arc.d.ts

@@ -26,5 +26,5 @@ export interface InternalArcDatum {
     _color: string | string[];
     _settled: boolean;
 }
-export declare function useElectronEmitter(arcs: GlobeArc[], theme: GlobeTheme, frequency: number, selectedCountryCode: string | null | undefined, selectedArcId: string | null | undefined, _boostFactor: number, reducedMotion: boolean): InternalArcDatum[];
+export declare function useElectronEmitter(arcs: GlobeArc[], theme: GlobeTheme, frequency: number, selectedCountryCode: string | null | undefined, selectedArcId: string | null | undefined, _boostFactor: number, reducedMotion: boolean, invalidate?: () => void): InternalArcDatum[];
 //# sourceMappingURL=electron-arc.d.ts.map

package/dist/globe/electron-arc.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"electron-arc.d.ts","sourceRoot":"","sources":["../../src/globe/electron-arc.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAC9C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAEhD;;;;;;;GAOG;AACH,MAAM,WAAW,gBAAgB;IAC/B,EAAE,EAAE,MAAM,CAAC;IACX,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACnC,OAAO,EAAE,MAAM,CAAC;IAChB,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,gBAAgB,EAAE,MAAM,CAAC;IACzB,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC1B,QAAQ,EAAE,OAAO,CAAC;CACnB;AA8CD,wBAAgB,kBAAkB,CAChC,IAAI,EAAE,QAAQ,EAAE,EAChB,KAAK,EAAE,UAAU,EACjB,SAAS,EAAE,MAAM,EACjB,mBAAmB,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,EAC9C,aAAa,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,EACxC,YAAY,EAAE,MAAM,EACpB,aAAa,EAAE,OAAO,GACrB,gBAAgB,EAAE,CAkGpB"}
+{"version":3,"file":"electron-arc.d.ts","sourceRoot":"","sources":["../../src/globe/electron-arc.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAC9C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAEhD;;;;;;;GAOG;AACH,MAAM,WAAW,gBAAgB;IAC/B,EAAE,EAAE,MAAM,CAAC;IACX,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACnC,OAAO,EAAE,MAAM,CAAC;IAChB,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,gBAAgB,EAAE,MAAM,CAAC;IACzB,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC1B,QAAQ,EAAE,OAAO,CAAC;CACnB;AA8CD,wBAAgB,kBAAkB,CAChC,IAAI,EAAE,QAAQ,EAAE,EAChB,KAAK,EAAE,UAAU,EACjB,SAAS,EAAE,MAAM,EACjB,mBAAmB,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,EAC9C,aAAa,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,EACxC,YAAY,EAAE,MAAM,EACpB,aAAa,EAAE,OAAO,EACtB,UAAU,CAAC,EAAE,MAAM,IAAI,GACtB,gBAAgB,EAAE,CA8GpB"}

package/dist/globe/electron-arc.js

@@ -34,12 +34,13 @@ function isRelatedToCountry(arc, countryCode) {
     const d = arc.metadata?.destCountryCode;
     return o === countryCode || d === countryCode;
 }
-export function useElectronEmitter(arcs, theme, frequency, selectedCountryCode, selectedArcId, _boostFactor, reducedMotion) {
+export function useElectronEmitter(arcs, theme, frequency, selectedCountryCode, selectedArcId, _boostFactor, reducedMotion, invalidate) {
     // --- Drip-feed state (used when no country/arc is selected) ---
     const [dripArcs, setDripArcs] = useState([]);
     const indexRef = useRef(0);
     // Reset drip on data change
     useEffect(() => {
+        // eslint-disable-next-line @eslint-react/set-state-in-effect, react-hooks/set-state-in-effect
         setDripArcs([]);
         indexRef.current = 0;
     }, [arcs, theme]);
@@ -48,9 +49,12 @@ export function useElectronEmitter(arcs, theme, frequency, selectedCountryCode,
         if (arcs.length === 0 || selectedCountryCode || selectedArcId)
             return;
         if (reducedMotion) {
+            // eslint-disable-next-line @eslint-react/set-state-in-effect, react-hooks/set-state-in-effect
             setDripArcs(arcs.slice(0, MAX_DRIP_ARCS).map((a) => createArc(a, theme, true)));
+            invalidate?.();
             return;
         }
+        const settleTimers = [];
         const interval = setInterval(() => {
             const idx = indexRef.current % arcs.length;
             const arc = arcs[idx];
@@ -62,13 +66,20 @@ export function useElectronEmitter(arcs, theme, frequency, selectedCountryCode,
                 const trimmed = cur.length >= MAX_DRIP_ARCS ? cur.slice(1) : cur;
                 return [...trimmed, newArc];
             });
-            // Settle after animation
-            setTimeout(() => {
+            invalidate?.();
+            // Settle after animation — timerId is collected in settleTimers and cleared in cleanup
+            // eslint-disable-next-line @eslint-react/web-api/no-leaked-timeout
+            const timerId = setTimeout(() => {
                 setDripArcs((cur) => cur.map((a) => a.id === arc.id && !a._settled ? createArc(arc, theme, true) : a));
+                invalidate?.();
             }, SETTLE_TIME);
+            settleTimers.push(timerId);
         }, frequency);
-        return () => clearInterval(interval);
-    }, [arcs, theme, frequency, reducedMotion, selectedCountryCode, selectedArcId]);
+        return () => {
+            clearInterval(interval);
+            settleTimers.forEach(clearTimeout);
+        };
+    }, [arcs, theme, frequency, reducedMotion, selectedCountryCode, selectedArcId, invalidate]);
     // --- Final output: depends on selection state ---
     const displayArcs = useMemo(() => {
         // ========================================