@gabvdl/ui 0.0.14

package/dist/components/spinner/spinner.d.ts

@@ -0,0 +1,11 @@
+export interface SpinnerProps {
+    size?: 'sm' | 'md' | 'lg';
+    /** Text under the spinner (also its accessible name). */
+    label?: string;
+    /** Centre it in a tall block — the "page is loading" shape. */
+    center?: boolean;
+    className?: string;
+}
+/** The `Loader2 animate-spin` block that every project hand-rolls. */
+export declare function Spinner({ size, label, center, className }: SpinnerProps): import("react").JSX.Element;
+//# sourceMappingURL=spinner.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"spinner.d.ts","sourceRoot":"","sources":["../../../src/components/spinner/spinner.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,YAAY;IAC3B,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,yDAAyD;IACzD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,+DAA+D;IAC/D,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAID,sEAAsE;AACtE,wBAAgB,OAAO,CAAC,EAAE,IAAW,EAAE,KAAK,EAAE,MAAc,EAAE,SAAS,EAAE,EAAE,YAAY,+BAuBtF"}

package/dist/components/spinner/spinner.js

@@ -0,0 +1,32 @@
+import { jsx as i, jsxs as m } from "react/jsx-runtime";
+import { Loader2 as a } from "lucide-react";
+import { cn as o } from "../../lib/utils.js";
+const d = { sm: "size-4", md: "size-6", lg: "size-9" };
+function c({ size: n = "md", label: e, center: r = !1, className: s }) {
+  const t = /* @__PURE__ */ i(
+    a,
+    {
+      className: o("animate-spin text-muted-foreground", d[n], !r && s),
+      role: "status",
+      "aria-label": e ?? "Loading"
+    }
+  );
+  return !r && !e ? t : /* @__PURE__ */ m(
+    "div",
+    {
+      className: o(
+        "flex flex-col items-center justify-center gap-3",
+        r && "py-16",
+        r && s
+      ),
+      children: [
+        t,
+        e && /* @__PURE__ */ i("p", { className: "text-sm text-muted-foreground", children: e })
+      ]
+    }
+  );
+}
+export {
+  c as Spinner
+};
+//# sourceMappingURL=spinner.js.map

package/dist/components/spinner/spinner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"spinner.js","sources":["../../../src/components/spinner/spinner.tsx"],"sourcesContent":["import { Loader2 } from 'lucide-react';\n\nimport { cn } from '../../lib/utils';\n\nexport interface SpinnerProps {\n  size?: 'sm' | 'md' | 'lg';\n  /** Text under the spinner (also its accessible name). */\n  label?: string;\n  /** Centre it in a tall block — the \"page is loading\" shape. */\n  center?: boolean;\n  className?: string;\n}\n\nconst SIZES = { sm: 'size-4', md: 'size-6', lg: 'size-9' } as const;\n\n/** The `Loader2 animate-spin` block that every project hand-rolls. */\nexport function Spinner({ size = 'md', label, center = false, className }: SpinnerProps) {\n  const spinner = (\n    <Loader2\n      className={cn('animate-spin text-muted-foreground', SIZES[size], !center && className)}\n      role=\"status\"\n      aria-label={label ?? 'Loading'}\n    />\n  );\n\n  if (!center && !label) return spinner;\n\n  return (\n    <div\n      className={cn(\n        'flex flex-col items-center justify-center gap-3',\n        center && 'py-16',\n        center && className,\n      )}\n    >\n      {spinner}\n      {label && <p className=\"text-sm text-muted-foreground\">{label}</p>}\n    </div>\n  );\n}\n"],"names":["SIZES","Spinner","size","label","center","className","spinner","jsx","Loader2","cn","jsxs"],"mappings":";;;AAaA,MAAMA,IAAQ,EAAE,IAAI,UAAU,IAAI,UAAU,IAAI,SAAA;AAGzC,SAASC,EAAQ,EAAE,MAAAC,IAAO,MAAM,OAAAC,GAAO,QAAAC,IAAS,IAAO,WAAAC,KAA2B;AACvF,QAAMC,IACJ,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAG,sCAAsCT,EAAME,CAAI,GAAG,CAACE,KAAUC,CAAS;AAAA,MACrF,MAAK;AAAA,MACL,cAAYF,KAAS;AAAA,IAAA;AAAA,EAAA;AAIzB,SAAI,CAACC,KAAU,CAACD,IAAcG,IAG5B,gBAAAI;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWD;AAAA,QACT;AAAA,QACAL,KAAU;AAAA,QACVA,KAAUC;AAAA,MAAA;AAAA,MAGX,UAAA;AAAA,QAAAC;AAAA,QACAH,KAAS,gBAAAI,EAAC,KAAA,EAAE,WAAU,iCAAiC,UAAAJ,EAAA,CAAM;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGpE;"}

package/dist/components/status-badge/index.d.ts

@@ -0,0 +1,3 @@
+export { Badge, JOB_STATUS, StatusBadge } from './status-badge';
+export type { BadgeProps, StatusBadgeProps, StatusMeta, Tone } from './status-badge';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/status-badge/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/status-badge/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAChE,YAAY,EAAE,UAAU,EAAE,gBAAgB,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/components/status-badge/status-badge.d.ts

@@ -0,0 +1,31 @@
+import { LucideIcon } from 'lucide-react';
+import * as React from 'react';
+export type Tone = 'neutral' | 'sky' | 'emerald' | 'amber' | 'rose' | 'violet';
+export interface BadgeProps extends React.HTMLAttributes<HTMLSpanElement> {
+    tone?: Tone;
+    /** A leading dot instead of an icon — for tag/priority chips. */
+    dot?: boolean;
+}
+/** A small pill. The base every status/tag chip in the lab is built from. */
+export declare function Badge({ tone, dot, className, children, ...props }: BadgeProps): React.JSX.Element;
+export interface StatusMeta {
+    label: string;
+    tone: Tone;
+    Icon?: LucideIcon;
+    /** Spin the icon — for anything in flight. */
+    spin?: boolean;
+}
+/** The job lifecycle every queue in the lab speaks. Extend it via `meta`. */
+export declare const JOB_STATUS: Record<string, StatusMeta>;
+export interface StatusBadgeProps extends Omit<BadgeProps, 'tone' | 'children'> {
+    status: string;
+    /** Override or extend the default map (merged over `JOB_STATUS`). */
+    meta?: Record<string, StatusMeta>;
+}
+/**
+ * A status pill driven by a `status → {label, tone, icon}` map, so the same
+ * string renders the same colour in every service.
+ * Unknown statuses degrade to a neutral pill of the raw string, never a crash.
+ */
+export declare function StatusBadge({ status, meta, className, ...props }: StatusBadgeProps): React.JSX.Element;
+//# sourceMappingURL=status-badge.d.ts.map

package/dist/components/status-badge/status-badge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"status-badge.d.ts","sourceRoot":"","sources":["../../../src/components/status-badge/status-badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAOL,KAAK,UAAU,EAChB,MAAM,cAAc,CAAC;AAItB,MAAM,MAAM,IAAI,GAAG,SAAS,GAAG,KAAK,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAC;AAe/E,MAAM,WAAW,UAAW,SAAQ,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;IACvE,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,iEAAiE;IACjE,GAAG,CAAC,EAAE,OAAO,CAAC;CACf;AAED,6EAA6E;AAC7E,wBAAgB,KAAK,CAAC,EAAE,IAAgB,EAAE,GAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,UAAU,qBAcjG;AAED,MAAM,WAAW,UAAU;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,IAAI,CAAC;IACX,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,8CAA8C;IAC9C,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,6EAA6E;AAC7E,eAAO,MAAM,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,UAAU,CAUjD,CAAC;AAEF,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,UAAU,EAAE,MAAM,GAAG,UAAU,CAAC;IAC7E,MAAM,EAAE,MAAM,CAAC;IACf,qEAAqE;IACrE,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;CACnC;AAED;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,qBASlF"}

package/dist/components/status-badge/status-badge.js

@@ -0,0 +1,53 @@
+import { jsxs as c, jsx as i } from "react/jsx-runtime";
+import "react";
+import { CircleDashed as m, Ban as u, TriangleAlert as a, Check as d, Loader2 as x, Clock as s } from "lucide-react";
+import { cn as b } from "../../lib/utils.js";
+const g = {
+  neutral: "bg-muted text-muted-foreground border-border",
+  sky: "bg-sky-500/12 text-sky-600 border-sky-500/25 dark:text-sky-400",
+  emerald: "bg-emerald-500/12 text-emerald-600 border-emerald-500/25 dark:text-emerald-400",
+  amber: "bg-amber-500/12 text-amber-600 border-amber-500/25 dark:text-amber-400",
+  rose: "bg-rose-500/12 text-rose-600 border-rose-500/25 dark:text-rose-400",
+  violet: "bg-violet-500/12 text-violet-600 border-violet-500/25 dark:text-violet-400"
+};
+function p({ tone: r = "neutral", dot: n = !1, className: t, children: o, ...e }) {
+  return /* @__PURE__ */ c(
+    "span",
+    {
+      className: b(
+        "inline-flex items-center gap-1.5 rounded-full border px-2 py-0.5 text-xs font-medium whitespace-nowrap [&_svg]:size-3",
+        g[r],
+        t
+      ),
+      ...e,
+      children: [
+        n && /* @__PURE__ */ i("span", { className: "size-1.5 rounded-full bg-current" }),
+        o
+      ]
+    }
+  );
+}
+const k = {
+  queued: { label: "Queued", tone: "neutral", Icon: s },
+  pending: { label: "Pending", tone: "neutral", Icon: s },
+  running: { label: "Running", tone: "sky", Icon: x, spin: !0 },
+  done: { label: "Done", tone: "emerald", Icon: d },
+  succeeded: { label: "Succeeded", tone: "emerald", Icon: d },
+  error: { label: "Error", tone: "rose", Icon: a },
+  failed: { label: "Failed", tone: "rose", Icon: a },
+  cancelled: { label: "Cancelled", tone: "amber", Icon: u },
+  archived: { label: "Archived", tone: "violet", Icon: m }
+};
+function h({ status: r, meta: n, className: t, ...o }) {
+  const e = { ...k, ...n }[r] ?? { label: r, tone: "neutral" }, { Icon: l } = e;
+  return /* @__PURE__ */ c(p, { tone: e.tone, className: t, ...o, children: [
+    l && /* @__PURE__ */ i(l, { className: b(e.spin && "animate-spin") }),
+    e.label
+  ] });
+}
+export {
+  p as Badge,
+  k as JOB_STATUS,
+  h as StatusBadge
+};
+//# sourceMappingURL=status-badge.js.map

package/dist/components/status-badge/status-badge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"status-badge.js","sources":["../../../src/components/status-badge/status-badge.tsx"],"sourcesContent":["import * as React from 'react';\nimport {\n  Ban,\n  Check,\n  CircleDashed,\n  Clock,\n  Loader2,\n  TriangleAlert,\n  type LucideIcon,\n} from 'lucide-react';\n\nimport { cn } from '../../lib/utils';\n\nexport type Tone = 'neutral' | 'sky' | 'emerald' | 'amber' | 'rose' | 'violet';\n\n/*\n * Tones are written out in full — Tailwind scans source text, so a template\n * literal like `bg-${tone}-500/12` would compile to nothing.\n */\nconst TONES: Record<Tone, string> = {\n  neutral: 'bg-muted text-muted-foreground border-border',\n  sky: 'bg-sky-500/12 text-sky-600 border-sky-500/25 dark:text-sky-400',\n  emerald: 'bg-emerald-500/12 text-emerald-600 border-emerald-500/25 dark:text-emerald-400',\n  amber: 'bg-amber-500/12 text-amber-600 border-amber-500/25 dark:text-amber-400',\n  rose: 'bg-rose-500/12 text-rose-600 border-rose-500/25 dark:text-rose-400',\n  violet: 'bg-violet-500/12 text-violet-600 border-violet-500/25 dark:text-violet-400',\n};\n\nexport interface BadgeProps extends React.HTMLAttributes<HTMLSpanElement> {\n  tone?: Tone;\n  /** A leading dot instead of an icon — for tag/priority chips. */\n  dot?: boolean;\n}\n\n/** A small pill. The base every status/tag chip in the lab is built from. */\nexport function Badge({ tone = 'neutral', dot = false, className, children, ...props }: BadgeProps) {\n  return (\n    <span\n      className={cn(\n        'inline-flex items-center gap-1.5 rounded-full border px-2 py-0.5 text-xs font-medium whitespace-nowrap [&_svg]:size-3',\n        TONES[tone],\n        className,\n      )}\n      {...props}\n    >\n      {dot && <span className=\"size-1.5 rounded-full bg-current\" />}\n      {children}\n    </span>\n  );\n}\n\nexport interface StatusMeta {\n  label: string;\n  tone: Tone;\n  Icon?: LucideIcon;\n  /** Spin the icon — for anything in flight. */\n  spin?: boolean;\n}\n\n/** The job lifecycle every queue in the lab speaks. Extend it via `meta`. */\nexport const JOB_STATUS: Record<string, StatusMeta> = {\n  queued: { label: 'Queued', tone: 'neutral', Icon: Clock },\n  pending: { label: 'Pending', tone: 'neutral', Icon: Clock },\n  running: { label: 'Running', tone: 'sky', Icon: Loader2, spin: true },\n  done: { label: 'Done', tone: 'emerald', Icon: Check },\n  succeeded: { label: 'Succeeded', tone: 'emerald', Icon: Check },\n  error: { label: 'Error', tone: 'rose', Icon: TriangleAlert },\n  failed: { label: 'Failed', tone: 'rose', Icon: TriangleAlert },\n  cancelled: { label: 'Cancelled', tone: 'amber', Icon: Ban },\n  archived: { label: 'Archived', tone: 'violet', Icon: CircleDashed },\n};\n\nexport interface StatusBadgeProps extends Omit<BadgeProps, 'tone' | 'children'> {\n  status: string;\n  /** Override or extend the default map (merged over `JOB_STATUS`). */\n  meta?: Record<string, StatusMeta>;\n}\n\n/**\n * A status pill driven by a `status → {label, tone, icon}` map, so the same\n * string renders the same colour in every service.\n * Unknown statuses degrade to a neutral pill of the raw string, never a crash.\n */\nexport function StatusBadge({ status, meta, className, ...props }: StatusBadgeProps) {\n  const entry: StatusMeta = { ...JOB_STATUS, ...meta }[status] ?? { label: status, tone: 'neutral' };\n  const { Icon } = entry;\n  return (\n    <Badge tone={entry.tone} className={className} {...props}>\n      {Icon && <Icon className={cn(entry.spin && 'animate-spin')} />}\n      {entry.label}\n    </Badge>\n  );\n}\n"],"names":["TONES","Badge","tone","dot","className","children","props","jsxs","cn","jsx","JOB_STATUS","Clock","Loader2","Check","TriangleAlert","Ban","CircleDashed","StatusBadge","status","meta","entry","Icon"],"mappings":";;;;AAmBA,MAAMA,IAA8B;AAAA,EAClC,SAAS;AAAA,EACT,KAAK;AAAA,EACL,SAAS;AAAA,EACT,OAAO;AAAA,EACP,MAAM;AAAA,EACN,QAAQ;AACV;AASO,SAASC,EAAM,EAAE,MAAAC,IAAO,WAAW,KAAAC,IAAM,IAAO,WAAAC,GAAW,UAAAC,GAAU,GAAGC,KAAqB;AAClG,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACT;AAAA,QACAR,EAAME,CAAI;AAAA,QACVE;AAAA,MAAA;AAAA,MAED,GAAGE;AAAA,MAEH,UAAA;AAAA,QAAAH,KAAO,gBAAAM,EAAC,QAAA,EAAK,WAAU,mCAAA,CAAmC;AAAA,QAC1DJ;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGP;AAWO,MAAMK,IAAyC;AAAA,EACpD,QAAQ,EAAE,OAAO,UAAU,MAAM,WAAW,MAAMC,EAAA;AAAA,EAClD,SAAS,EAAE,OAAO,WAAW,MAAM,WAAW,MAAMA,EAAA;AAAA,EACpD,SAAS,EAAE,OAAO,WAAW,MAAM,OAAO,MAAMC,GAAS,MAAM,GAAA;AAAA,EAC/D,MAAM,EAAE,OAAO,QAAQ,MAAM,WAAW,MAAMC,EAAA;AAAA,EAC9C,WAAW,EAAE,OAAO,aAAa,MAAM,WAAW,MAAMA,EAAA;AAAA,EACxD,OAAO,EAAE,OAAO,SAAS,MAAM,QAAQ,MAAMC,EAAA;AAAA,EAC7C,QAAQ,EAAE,OAAO,UAAU,MAAM,QAAQ,MAAMA,EAAA;AAAA,EAC/C,WAAW,EAAE,OAAO,aAAa,MAAM,SAAS,MAAMC,EAAA;AAAA,EACtD,UAAU,EAAE,OAAO,YAAY,MAAM,UAAU,MAAMC,EAAA;AACvD;AAaO,SAASC,EAAY,EAAE,QAAAC,GAAQ,MAAAC,GAAM,WAAAf,GAAW,GAAGE,KAA2B;AACnF,QAAMc,IAAoB,EAAE,GAAGV,GAAY,GAAGS,EAAA,EAAOD,CAAM,KAAK,EAAE,OAAOA,GAAQ,MAAM,UAAA,GACjF,EAAE,MAAAG,MAASD;AACjB,2BACGnB,GAAA,EAAM,MAAMmB,EAAM,MAAM,WAAAhB,GAAuB,GAAGE,GAChD,UAAA;AAAA,IAAAe,uBAASA,GAAA,EAAK,WAAWb,EAAGY,EAAM,QAAQ,cAAc,GAAG;AAAA,IAC3DA,EAAM;AAAA,EAAA,GACT;AAEJ;"}

package/dist/components/theme/index.d.ts

@@ -0,0 +1,5 @@
+export { ThemeProvider, resolveTheme, setTheme, toggleTheme, useTheme } from './theme';
+export type { ThemeMode, UseThemeResult } from './theme';
+export { ThemeToggle } from './theme-toggle';
+export type { ThemeToggleProps } from './theme-toggle';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/theme/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/theme/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,QAAQ,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AACvF,YAAY,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AACzD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,YAAY,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/components/theme/theme-toggle.d.ts

@@ -0,0 +1,11 @@
+export interface ThemeToggleProps {
+    /**
+     * `icon` — one button, light ⇄ dark.
+     * `segmented` — light / system / dark, so "follow the OS" stays reachable.
+     */
+    variant?: 'icon' | 'segmented';
+    className?: string;
+}
+/** The Sun/Moon button, wired to `useTheme` and persisted. */
+export declare function ThemeToggle({ variant, className }: ThemeToggleProps): import("react").JSX.Element;
+//# sourceMappingURL=theme-toggle.d.ts.map

package/dist/components/theme/theme-toggle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-toggle.d.ts","sourceRoot":"","sources":["../../../src/components/theme/theme-toggle.tsx"],"names":[],"mappings":"AAKA,MAAM,WAAW,gBAAgB;IAC/B;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,WAAW,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,8DAA8D;AAC9D,wBAAgB,WAAW,CAAC,EAAE,OAAgB,EAAE,SAAS,EAAE,EAAE,gBAAgB,+BAkD5E"}

package/dist/components/theme/theme-toggle.js

@@ -0,0 +1,57 @@
+import { jsx as e } from "react/jsx-runtime";
+import { Sun as a, Monitor as h, Moon as l } from "lucide-react";
+import { cn as o } from "../../lib/utils.js";
+import { useTheme as f } from "./theme.js";
+function y({ variant: m = "icon", className: i }) {
+  const { theme: n, isDark: r, setTheme: d, toggle: c } = f();
+  if (m === "segmented") {
+    const u = [
+      ["light", a, "Light"],
+      ["system", h, "System"],
+      ["dark", l, "Dark"]
+    ];
+    return /* @__PURE__ */ e(
+      "div",
+      {
+        role: "radiogroup",
+        "aria-label": "Theme",
+        className: o("inline-flex items-center gap-0.5 rounded-lg border border-border p-0.5", i),
+        children: u.map(([t, g, s]) => /* @__PURE__ */ e(
+          "button",
+          {
+            type: "button",
+            role: "radio",
+            "aria-checked": n === t,
+            "aria-label": s,
+            title: s,
+            onClick: () => d(t),
+            className: o(
+              "rounded-md p-1.5 text-muted-foreground transition-colors hover:text-foreground",
+              n === t && "bg-muted text-foreground"
+            ),
+            children: /* @__PURE__ */ e(g, { className: "size-4" })
+          },
+          t
+        ))
+      }
+    );
+  }
+  return /* @__PURE__ */ e(
+    "button",
+    {
+      type: "button",
+      onClick: c,
+      "aria-label": r ? "Switch to light theme" : "Switch to dark theme",
+      title: r ? "Light" : "Dark",
+      className: o(
+        "inline-flex size-9 items-center justify-center rounded-lg text-muted-foreground transition-colors hover:bg-muted hover:text-foreground",
+        i
+      ),
+      children: r ? /* @__PURE__ */ e(l, { className: "size-4" }) : /* @__PURE__ */ e(a, { className: "size-4" })
+    }
+  );
+}
+export {
+  y as ThemeToggle
+};
+//# sourceMappingURL=theme-toggle.js.map

package/dist/components/theme/theme-toggle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-toggle.js","sources":["../../../src/components/theme/theme-toggle.tsx"],"sourcesContent":["import { Monitor, Moon, Sun } from 'lucide-react';\n\nimport { cn } from '../../lib/utils';\nimport { useTheme, type ThemeMode } from './theme';\n\nexport interface ThemeToggleProps {\n  /**\n   * `icon` — one button, light ⇄ dark.\n   * `segmented` — light / system / dark, so \"follow the OS\" stays reachable.\n   */\n  variant?: 'icon' | 'segmented';\n  className?: string;\n}\n\n/** The Sun/Moon button, wired to `useTheme` and persisted. */\nexport function ThemeToggle({ variant = 'icon', className }: ThemeToggleProps) {\n  const { theme, isDark, setTheme, toggle } = useTheme();\n\n  if (variant === 'segmented') {\n    const modes: [ThemeMode, typeof Sun, string][] = [\n      ['light', Sun, 'Light'],\n      ['system', Monitor, 'System'],\n      ['dark', Moon, 'Dark'],\n    ];\n    return (\n      <div\n        role=\"radiogroup\"\n        aria-label=\"Theme\"\n        className={cn('inline-flex items-center gap-0.5 rounded-lg border border-border p-0.5', className)}\n      >\n        {modes.map(([mode, Icon, label]) => (\n          <button\n            key={mode}\n            type=\"button\"\n            role=\"radio\"\n            aria-checked={theme === mode}\n            aria-label={label}\n            title={label}\n            onClick={() => setTheme(mode)}\n            className={cn(\n              'rounded-md p-1.5 text-muted-foreground transition-colors hover:text-foreground',\n              theme === mode && 'bg-muted text-foreground',\n            )}\n          >\n            <Icon className=\"size-4\" />\n          </button>\n        ))}\n      </div>\n    );\n  }\n\n  return (\n    <button\n      type=\"button\"\n      onClick={toggle}\n      aria-label={isDark ? 'Switch to light theme' : 'Switch to dark theme'}\n      title={isDark ? 'Light' : 'Dark'}\n      className={cn(\n        'inline-flex size-9 items-center justify-center rounded-lg text-muted-foreground transition-colors hover:bg-muted hover:text-foreground',\n        className,\n      )}\n    >\n      {isDark ? <Moon className=\"size-4\" /> : <Sun className=\"size-4\" />}\n    </button>\n  );\n}\n"],"names":["ThemeToggle","variant","className","theme","isDark","setTheme","toggle","useTheme","modes","Sun","Monitor","Moon","jsx","cn","mode","Icon","label"],"mappings":";;;;AAeO,SAASA,EAAY,EAAE,SAAAC,IAAU,QAAQ,WAAAC,KAA+B;AAC7E,QAAM,EAAE,OAAAC,GAAO,QAAAC,GAAQ,UAAAC,GAAU,QAAAC,EAAA,IAAWC,EAAA;AAE5C,MAAIN,MAAY,aAAa;AAC3B,UAAMO,IAA2C;AAAA,MAC/C,CAAC,SAASC,GAAK,OAAO;AAAA,MACtB,CAAC,UAAUC,GAAS,QAAQ;AAAA,MAC5B,CAAC,QAAQC,GAAM,MAAM;AAAA,IAAA;AAEvB,WACE,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,cAAW;AAAA,QACX,WAAWC,EAAG,0EAA0EX,CAAS;AAAA,QAEhG,YAAM,IAAI,CAAC,CAACY,GAAMC,GAAMC,CAAK,MAC5B,gBAAAJ;AAAA,UAAC;AAAA,UAAA;AAAA,YAEC,MAAK;AAAA,YACL,MAAK;AAAA,YACL,gBAAcT,MAAUW;AAAA,YACxB,cAAYE;AAAA,YACZ,OAAOA;AAAA,YACP,SAAS,MAAMX,EAASS,CAAI;AAAA,YAC5B,WAAWD;AAAA,cACT;AAAA,cACAV,MAAUW,KAAQ;AAAA,YAAA;AAAA,YAGpB,UAAA,gBAAAF,EAACG,GAAA,EAAK,WAAU,SAAA,CAAS;AAAA,UAAA;AAAA,UAZpBD;AAAA,QAAA,CAcR;AAAA,MAAA;AAAA,IAAA;AAAA,EAGP;AAEA,SACE,gBAAAF;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,SAASN;AAAA,MACT,cAAYF,IAAS,0BAA0B;AAAA,MAC/C,OAAOA,IAAS,UAAU;AAAA,MAC1B,WAAWS;AAAA,QACT;AAAA,QACAX;AAAA,MAAA;AAAA,MAGD,UAAAE,sBAAUO,GAAA,EAAK,WAAU,UAAS,IAAK,gBAAAC,EAACH,GAAA,EAAI,WAAU,SAAA,CAAS;AAAA,IAAA;AAAA,EAAA;AAGtE;"}

package/dist/components/theme/theme.d.ts

@@ -0,0 +1,29 @@
+import * as React from 'react';
+export type ThemeMode = 'light' | 'dark' | 'system';
+/** Set the theme from anywhere — a settings page, a keyboard shortcut, a test. */
+export declare function setTheme(next: ThemeMode): void;
+/** Light ⇄ dark. From `system`, flips to the opposite of what is showing. */
+export declare function toggleTheme(): void;
+/** What is actually on screen right now (`system` resolved against the OS). */
+export declare function resolveTheme(): 'light' | 'dark';
+export interface UseThemeResult {
+    /** The chosen mode, including `system`. */
+    theme: ThemeMode;
+    /** The mode in effect — `system` already resolved. */
+    resolved: 'light' | 'dark';
+    isDark: boolean;
+    setTheme: (mode: ThemeMode) => void;
+    toggle: () => void;
+}
+/** The dark-mode hook. No provider required. */
+export declare function useTheme(): UseThemeResult;
+/**
+ * Optional — only to override the defaults (`localStorage['ui-theme']`,
+ * defaulting to the OS preference). Configure before the first paint.
+ */
+export declare function ThemeProvider({ children, storageKey: key, defaultTheme, }: {
+    children?: React.ReactNode;
+    storageKey?: string;
+    defaultTheme?: ThemeMode;
+}): React.JSX.Element;
+//# sourceMappingURL=theme.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/components/theme/theme.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAC;AAuDpD,kFAAkF;AAClF,wBAAgB,QAAQ,CAAC,IAAI,EAAE,SAAS,QASvC;AAED,6EAA6E;AAC7E,wBAAgB,WAAW,SAE1B;AAED,+EAA+E;AAC/E,wBAAgB,YAAY,IAAI,OAAO,GAAG,MAAM,CAG/C;AAQD,MAAM,WAAW,cAAc;IAC7B,2CAA2C;IAC3C,KAAK,EAAE,SAAS,CAAC;IACjB,sDAAsD;IACtD,QAAQ,EAAE,OAAO,GAAG,MAAM,CAAC;IAC3B,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;IACpC,MAAM,EAAE,MAAM,IAAI,CAAC;CACpB;AAED,gDAAgD;AAChD,wBAAgB,QAAQ,IAAI,cAAc,CAQzC;AAED;;;GAGG;AACH,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,UAAU,EAAE,GAAgB,EAC5B,YAAuB,GACxB,EAAE;IACD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,SAAS,CAAC;CAC1B,qBAQA"}

package/dist/components/theme/theme.js

@@ -0,0 +1,70 @@
+import { jsx as f, Fragment as h } from "react/jsx-runtime";
+import * as g from "react";
+let s = "ui-theme", o = "system", n = null;
+const c = /* @__PURE__ */ new Set();
+function i() {
+  return typeof window < "u" && window.matchMedia("(prefers-color-scheme: dark)").matches;
+}
+function a() {
+  if (n) return n;
+  if (typeof window > "u") return o;
+  const e = window.localStorage.getItem(s);
+  return n = e === "light" || e === "dark" || e === "system" ? e : o, d(), y(), n;
+}
+function d() {
+  if (typeof document > "u" || !n) return;
+  const e = n === "dark" || n === "system" && i(), t = document.documentElement;
+  t.classList.toggle("dark", e), t.style.colorScheme = e ? "dark" : "light";
+  const r = document.querySelector('meta[name="theme-color"]');
+  if (r) {
+    const m = getComputedStyle(t).getPropertyValue("--background").trim();
+    m && (r.content = m);
+  }
+}
+let u = !1;
+function y() {
+  u || typeof window > "u" || (u = !0, window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change", () => {
+    n === "system" && (d(), c.forEach((e) => e()));
+  }));
+}
+function l(e) {
+  n = e;
+  try {
+    window.localStorage.setItem(s, e);
+  } catch {
+  }
+  d(), c.forEach((t) => t());
+}
+function w() {
+  l(k() === "dark" ? "light" : "dark");
+}
+function k() {
+  const e = a();
+  return e === "system" ? i() ? "dark" : "light" : e;
+}
+function p(e) {
+  return a(), c.add(e), () => c.delete(e);
+}
+function S() {
+  const e = g.useSyncExternalStore(
+    p,
+    () => a(),
+    () => o
+  ), t = e === "system" ? i() ? "dark" : "light" : e;
+  return { theme: e, resolved: t, isDark: t === "dark", setTheme: l, toggle: w };
+}
+function E({
+  children: e,
+  storageKey: t = "ui-theme",
+  defaultTheme: r = "system"
+}) {
+  return (t !== s || r !== o) && (s = t, o = r, n = null), S(), /* @__PURE__ */ f(h, { children: e });
+}
+export {
+  E as ThemeProvider,
+  k as resolveTheme,
+  l as setTheme,
+  w as toggleTheme,
+  S as useTheme
+};
+//# sourceMappingURL=theme.js.map

package/dist/components/theme/theme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.js","sources":["../../../src/components/theme/theme.tsx"],"sourcesContent":["import * as React from 'react';\n\nexport type ThemeMode = 'light' | 'dark' | 'system';\n\n/*\n * A module-level store rather than a context, because the theme is one global\n * fact: `useTheme()` works anywhere with no provider, and `<ThemeProvider>` is\n * only needed to change the storage key or the default. Every subscriber shares\n * one `matchMedia` listener via `useSyncExternalStore`.\n */\n\nlet storageKey = 'ui-theme';\nlet fallback: ThemeMode = 'system';\nlet mode: ThemeMode | null = null;\nconst listeners = new Set<() => void>();\n\nfunction systemDark(): boolean {\n  return typeof window !== 'undefined' && window.matchMedia('(prefers-color-scheme: dark)').matches;\n}\n\nfunction init(): ThemeMode {\n  if (mode) return mode;\n  if (typeof window === 'undefined') return fallback;\n  const stored = window.localStorage.getItem(storageKey) as ThemeMode | null;\n  mode = stored === 'light' || stored === 'dark' || stored === 'system' ? stored : fallback;\n  apply();\n  watchSystem();\n  return mode;\n}\n\nfunction apply() {\n  if (typeof document === 'undefined' || !mode) return;\n  const dark = mode === 'dark' || (mode === 'system' && systemDark());\n  const root = document.documentElement;\n  root.classList.toggle('dark', dark);\n  root.style.colorScheme = dark ? 'dark' : 'light';\n  // Keep the mobile browser chrome in step with the page, or a dark page keeps\n  // a white notch bar.\n  const meta = document.querySelector<HTMLMetaElement>('meta[name=\"theme-color\"]');\n  if (meta) {\n    const bg = getComputedStyle(root).getPropertyValue('--background').trim();\n    if (bg) meta.content = bg;\n  }\n}\n\nlet watching = false;\nfunction watchSystem() {\n  if (watching || typeof window === 'undefined') return;\n  watching = true;\n  window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', () => {\n    if (mode === 'system') {\n      apply();\n      listeners.forEach((l) => l());\n    }\n  });\n}\n\n/** Set the theme from anywhere — a settings page, a keyboard shortcut, a test. */\nexport function setTheme(next: ThemeMode) {\n  mode = next;\n  try {\n    window.localStorage.setItem(storageKey, next);\n  } catch {\n    /* private mode — the theme still applies for this session */\n  }\n  apply();\n  listeners.forEach((l) => l());\n}\n\n/** Light ⇄ dark. From `system`, flips to the opposite of what is showing. */\nexport function toggleTheme() {\n  setTheme(resolveTheme() === 'dark' ? 'light' : 'dark');\n}\n\n/** What is actually on screen right now (`system` resolved against the OS). */\nexport function resolveTheme(): 'light' | 'dark' {\n  const m = init();\n  return m === 'system' ? (systemDark() ? 'dark' : 'light') : m;\n}\n\nfunction subscribe(l: () => void) {\n  init();\n  listeners.add(l);\n  return () => listeners.delete(l);\n}\n\nexport interface UseThemeResult {\n  /** The chosen mode, including `system`. */\n  theme: ThemeMode;\n  /** The mode in effect — `system` already resolved. */\n  resolved: 'light' | 'dark';\n  isDark: boolean;\n  setTheme: (mode: ThemeMode) => void;\n  toggle: () => void;\n}\n\n/** The dark-mode hook. No provider required. */\nexport function useTheme(): UseThemeResult {\n  const theme = React.useSyncExternalStore(\n    subscribe,\n    () => init(),\n    () => fallback,\n  );\n  const resolved = theme === 'system' ? (systemDark() ? 'dark' : 'light') : theme;\n  return { theme, resolved, isDark: resolved === 'dark', setTheme, toggle: toggleTheme };\n}\n\n/**\n * Optional — only to override the defaults (`localStorage['ui-theme']`,\n * defaulting to the OS preference). Configure before the first paint.\n */\nexport function ThemeProvider({\n  children,\n  storageKey: key = 'ui-theme',\n  defaultTheme = 'system',\n}: {\n  children?: React.ReactNode;\n  storageKey?: string;\n  defaultTheme?: ThemeMode;\n}) {\n  if (key !== storageKey || defaultTheme !== fallback) {\n    storageKey = key;\n    fallback = defaultTheme;\n    mode = null; // re-read under the new key\n  }\n  useTheme(); // mount the subscription so the class lands before paint\n  return <>{children}</>;\n}\n"],"names":["storageKey","fallback","mode","listeners","systemDark","init","stored","apply","watchSystem","dark","root","meta","bg","watching","l","setTheme","next","toggleTheme","resolveTheme","m","subscribe","useTheme","theme","React","resolved","ThemeProvider","children","key","defaultTheme"],"mappings":";;AAWA,IAAIA,IAAa,YACbC,IAAsB,UACtBC,IAAyB;AAC7B,MAAMC,wBAAgB,IAAA;AAEtB,SAASC,IAAsB;AAC7B,SAAO,OAAO,SAAW,OAAe,OAAO,WAAW,8BAA8B,EAAE;AAC5F;AAEA,SAASC,IAAkB;AACzB,MAAIH,EAAM,QAAOA;AACjB,MAAI,OAAO,SAAW,IAAa,QAAOD;AAC1C,QAAMK,IAAS,OAAO,aAAa,QAAQN,CAAU;AACrD,SAAAE,IAAOI,MAAW,WAAWA,MAAW,UAAUA,MAAW,WAAWA,IAASL,GACjFM,EAAA,GACAC,EAAA,GACON;AACT;AAEA,SAASK,IAAQ;AACf,MAAI,OAAO,WAAa,OAAe,CAACL,EAAM;AAC9C,QAAMO,IAAOP,MAAS,UAAWA,MAAS,YAAYE,EAAA,GAChDM,IAAO,SAAS;AACtB,EAAAA,EAAK,UAAU,OAAO,QAAQD,CAAI,GAClCC,EAAK,MAAM,cAAcD,IAAO,SAAS;AAGzC,QAAME,IAAO,SAAS,cAA+B,0BAA0B;AAC/E,MAAIA,GAAM;AACR,UAAMC,IAAK,iBAAiBF,CAAI,EAAE,iBAAiB,cAAc,EAAE,KAAA;AACnE,IAAIE,QAAS,UAAUA;AAAA,EACzB;AACF;AAEA,IAAIC,IAAW;AACf,SAASL,IAAc;AACrB,EAAIK,KAAY,OAAO,SAAW,QAClCA,IAAW,IACX,OAAO,WAAW,8BAA8B,EAAE,iBAAiB,UAAU,MAAM;AACjF,IAAIX,MAAS,aACXK,EAAA,GACAJ,EAAU,QAAQ,CAACW,MAAMA,EAAA,CAAG;AAAA,EAEhC,CAAC;AACH;AAGO,SAASC,EAASC,GAAiB;AACxC,EAAAd,IAAOc;AACP,MAAI;AACF,WAAO,aAAa,QAAQhB,GAAYgB,CAAI;AAAA,EAC9C,QAAQ;AAAA,EAER;AACA,EAAAT,EAAA,GACAJ,EAAU,QAAQ,CAACW,MAAMA,EAAA,CAAG;AAC9B;AAGO,SAASG,IAAc;AAC5B,EAAAF,EAASG,EAAA,MAAmB,SAAS,UAAU,MAAM;AACvD;AAGO,SAASA,IAAiC;AAC/C,QAAMC,IAAId,EAAA;AACV,SAAOc,MAAM,WAAYf,EAAA,IAAe,SAAS,UAAWe;AAC9D;AAEA,SAASC,EAAUN,GAAe;AAChC,SAAAT,EAAA,GACAF,EAAU,IAAIW,CAAC,GACR,MAAMX,EAAU,OAAOW,CAAC;AACjC;AAaO,SAASO,IAA2B;AACzC,QAAMC,IAAQC,EAAM;AAAA,IAClBH;AAAA,IACA,MAAMf,EAAA;AAAA,IACN,MAAMJ;AAAA,EAAA,GAEFuB,IAAWF,MAAU,WAAYlB,EAAA,IAAe,SAAS,UAAWkB;AAC1E,SAAO,EAAE,OAAAA,GAAO,UAAAE,GAAU,QAAQA,MAAa,QAAQ,UAAAT,GAAU,QAAQE,EAAA;AAC3E;AAMO,SAASQ,EAAc;AAAA,EAC5B,UAAAC;AAAA,EACA,YAAYC,IAAM;AAAA,EAClB,cAAAC,IAAe;AACjB,GAIG;AACD,UAAID,MAAQ3B,KAAc4B,MAAiB3B,OACzCD,IAAa2B,GACb1B,IAAW2B,GACX1B,IAAO,OAETmB,EAAA,0BACU,UAAAK,GAAS;AACrB;"}

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

@@ -0,0 +1,3 @@
+export { ToastProvider, Toaster, useToast } from './toast';
+export type { Toast, ToastAction, ToastFn, ToastOptions, ToastPosition, ToastType } from './toast';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/toast/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAC3D,YAAY,EAAE,KAAK,EAAE,WAAW,EAAE,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC"}

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

@@ -0,0 +1,64 @@
+import * as React from 'react';
+export type ToastType = 'success' | 'error' | 'warning' | 'info' | 'loading';
+export type ToastPosition = 'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right';
+export interface ToastAction {
+    label: string;
+    onClick?: () => void;
+    /** Renders the action as a link instead of a button. */
+    href?: string;
+}
+export interface ToastOptions {
+    /** Bold first line above the message. */
+    title?: string;
+    type?: ToastType;
+    /** ms before it self-dismisses. `0` (or a `loading` toast) pins it open. */
+    duration?: number;
+    action?: ToastAction;
+}
+export interface Toast extends ToastOptions {
+    id: string;
+    message: React.ReactNode;
+    type: ToastType;
+}
+/** Callable: `toast('Saved')`, plus one shorthand per type. */
+export interface ToastFn {
+    (message: React.ReactNode, options?: ToastOptions): string;
+    success: (message: React.ReactNode, options?: ToastOptions) => string;
+    error: (message: React.ReactNode, options?: ToastOptions) => string;
+    warning: (message: React.ReactNode, options?: ToastOptions) => string;
+    info: (message: React.ReactNode, options?: ToastOptions) => string;
+    /** Pinned open with a spinner — settle it with `toast.update(id, …)`. */
+    loading: (message: React.ReactNode, options?: ToastOptions) => string;
+    /** Turn a pending toast into its outcome, in place. */
+    update: (id: string, message: React.ReactNode, options?: ToastOptions) => void;
+    dismiss: (id?: string) => void;
+}
+/**
+ * The toast queue.
+ *
+ * ```tsx
+ * <ToastProvider>          <App />         </ToastProvider>
+ *
+ * const toast = useToast()
+ * toast.success('Deployed', { action: { label: 'Open', href: url } })
+ * const id = toast.loading('Uploading…')
+ * toast.update(id, 'Uploaded', { type: 'success' })
+ * ```
+ */
+export declare function ToastProvider({ children, position, duration, max, }: {
+    children: React.ReactNode;
+    position?: ToastPosition;
+    /** Default lifetime. Errors get 1.75× this, since they carry more to read. */
+    duration?: number;
+    /** Oldest toasts beyond this are dropped, so a burst can't cover the page. */
+    max?: number;
+}): React.JSX.Element;
+/** The toast function. Throws outside a `<ToastProvider>` — a silent no-op toast is worse. */
+export declare function useToast(): ToastFn;
+/** The rendered stack. `ToastProvider` mounts one; you rarely need it directly. */
+export declare function Toaster({ toasts, position, onDismiss, }: {
+    toasts: Toast[];
+    position?: ToastPosition;
+    onDismiss: (id: string) => void;
+}): React.ReactPortal | null;
+//# sourceMappingURL=toast.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"toast.d.ts","sourceRoot":"","sources":["../../../src/components/toast/toast.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,MAAM,MAAM,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,CAAC;AAE7E,MAAM,MAAM,aAAa,GACrB,UAAU,GACV,YAAY,GACZ,WAAW,GACX,aAAa,GACb,eAAe,GACf,cAAc,CAAC;AAEnB,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,wDAAwD;IACxD,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,YAAY;IAC3B,yCAAyC;IACzC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,4EAA4E;IAC5E,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,WAAW,CAAC;CACtB;AAED,MAAM,WAAW,KAAM,SAAQ,YAAY;IACzC,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,IAAI,EAAE,SAAS,CAAC;CACjB;AAED,+DAA+D;AAC/D,MAAM,WAAW,OAAO;IACtB,CAAC,OAAO,EAAE,KAAK,CAAC,SAAS,EAAE,OAAO,CAAC,EAAE,YAAY,GAAG,MAAM,CAAC;IAC3D,OAAO,EAAE,CAAC,OAAO,EAAE,KAAK,CAAC,SAAS,EAAE,OAAO,CAAC,EAAE,YAAY,KAAK,MAAM,CAAC;IACtE,KAAK,EAAE,CAAC,OAAO,EAAE,KAAK,CAAC,SAAS,EAAE,OAAO,CAAC,EAAE,YAAY,KAAK,MAAM,CAAC;IACpE,OAAO,EAAE,CAAC,OAAO,EAAE,KAAK,CAAC,SAAS,EAAE,OAAO,CAAC,EAAE,YAAY,KAAK,MAAM,CAAC;IACtE,IAAI,EAAE,CAAC,OAAO,EAAE,KAAK,CAAC,SAAS,EAAE,OAAO,CAAC,EAAE,YAAY,KAAK,MAAM,CAAC;IACnE,yEAAyE;IACzE,OAAO,EAAE,CAAC,OAAO,EAAE,KAAK,CAAC,SAAS,EAAE,OAAO,CAAC,EAAE,YAAY,KAAK,MAAM,CAAC;IACtE,uDAAuD;IACvD,MAAM,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,CAAC,SAAS,EAAE,OAAO,CAAC,EAAE,YAAY,KAAK,IAAI,CAAC;IAC/E,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CAChC;AAID;;;;;;;;;;;GAWG;AACH,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,QAAyB,EACzB,QAAe,EACf,GAAO,GACR,EAAE;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,aAAa,CAAC;IACzB,8EAA8E;IAC9E,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,8EAA8E;IAC9E,GAAG,CAAC,EAAE,MAAM,CAAC;CACd,qBA0EA;AAED,8FAA8F;AAC9F,wBAAgB,QAAQ,IAAI,OAAO,CAIlC;AAmBD,mFAAmF;AACnF,wBAAgB,OAAO,CAAC,EACtB,MAAM,EACN,QAAyB,EACzB,SAAS,GACV,EAAE;IACD,MAAM,EAAE,KAAK,EAAE,CAAC;IAChB,QAAQ,CAAC,EAAE,aAAa,CAAC;IACzB,SAAS,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CACjC,4BAoEA"}

package/dist/components/toast/toast.js

@@ -0,0 +1,155 @@
+import { jsxs as v, jsx as i } from "react/jsx-runtime";
+import * as n from "react";
+import { createPortal as k } from "react-dom";
+import { Loader2 as N, Info as E, AlertTriangle as I, XCircle as P, CheckCircle2 as M, X as z } from "lucide-react";
+import { cn as y } from "../../lib/utils.js";
+const w = n.createContext(null);
+function S({
+  children: u,
+  position: x = "bottom-right",
+  duration: d = 4e3,
+  max: p = 4
+}) {
+  const [r, m] = n.useState([]), s = n.useRef(/* @__PURE__ */ new Map()), f = n.useRef(0), a = n.useCallback((e) => {
+    if (e == null) {
+      s.current.forEach(clearTimeout), s.current.clear(), m([]);
+      return;
+    }
+    clearTimeout(s.current.get(e)), s.current.delete(e), m((t) => t.filter((o) => o.id !== e));
+  }, []), g = n.useCallback(
+    (e) => {
+      clearTimeout(s.current.get(e.id));
+      const t = e.duration ?? (e.type === "loading" ? 0 : e.type === "error" ? d * 1.75 : d);
+      t > 0 && s.current.set(e.id, setTimeout(() => a(e.id), t));
+    },
+    [a, d]
+  ), c = n.useCallback(
+    (e, { type: t = "info", ...o } = {}) => {
+      const b = `t${f.current += 1}`, l = { id: b, message: e, type: t, ...o };
+      return m((h) => [...h, l].slice(-p)), g(l), b;
+    },
+    [g, p]
+  ), T = n.useCallback(
+    (e, t, o = {}) => {
+      m(
+        (b) => b.map((l) => {
+          if (l.id !== e) return l;
+          const h = { ...l, message: t, ...o, type: o.type ?? l.type };
+          return g(h), h;
+        })
+      );
+    },
+    [g]
+  ), C = n.useMemo(() => {
+    const e = ((t, o) => c(t, o));
+    return e.success = (t, o) => c(t, { ...o, type: "success" }), e.error = (t, o) => c(t, { ...o, type: "error" }), e.warning = (t, o) => c(t, { ...o, type: "warning" }), e.info = (t, o) => c(t, { ...o, type: "info" }), e.loading = (t, o) => c(t, { ...o, type: "loading" }), e.update = T, e.dismiss = a, e;
+  }, [c, T, a]);
+  return n.useEffect(() => {
+    const e = s.current;
+    return () => e.forEach(clearTimeout);
+  }, []), /* @__PURE__ */ v(w.Provider, { value: C, children: [
+    u,
+    /* @__PURE__ */ i(j, { toasts: r, position: x, onDismiss: a })
+  ] });
+}
+function W() {
+  const u = n.useContext(w);
+  if (!u) throw new Error("useToast must be used inside a <ToastProvider>");
+  return u;
+}
+const A = {
+  success: { Icon: M, tone: "text-emerald-500" },
+  error: { Icon: P, tone: "text-destructive" },
+  warning: { Icon: I, tone: "text-amber-500" },
+  info: { Icon: E, tone: "text-sky-500" },
+  loading: { Icon: N, tone: "text-muted-foreground" }
+}, R = {
+  "top-left": "top-0 left-0 items-start",
+  "top-center": "top-0 left-1/2 -translate-x-1/2 items-center",
+  "top-right": "top-0 right-0 items-end",
+  "bottom-left": "bottom-0 left-0 items-start",
+  "bottom-center": "bottom-0 left-1/2 -translate-x-1/2 items-center",
+  "bottom-right": "bottom-0 right-0 items-end"
+};
+function j({
+  toasts: u,
+  position: x = "bottom-right",
+  onDismiss: d
+}) {
+  if (typeof document > "u") return null;
+  const p = x.startsWith("top");
+  return k(
+    /* @__PURE__ */ i(
+      "div",
+      {
+        className: y(
+          "pointer-events-none fixed z-[100] flex w-full max-w-sm flex-col gap-2 p-4",
+          p ? "flex-col" : "flex-col-reverse",
+          R[x]
+        ),
+        role: "region",
+        "aria-label": "Notifications",
+        children: u.map((r) => {
+          const { Icon: m, tone: s } = A[r.type];
+          return /* @__PURE__ */ v(
+            "div",
+            {
+              role: r.type === "error" ? "alert" : "status",
+              "aria-live": r.type === "error" ? "assertive" : "polite",
+              className: y(
+                "ds-toast pointer-events-auto flex w-full items-start gap-3 rounded-xl border border-border bg-popover p-3 pr-2 text-popover-foreground shadow-lg",
+                p ? "ds-toast--top" : "ds-toast--bottom"
+              ),
+              children: [
+                /* @__PURE__ */ i(m, { className: y("mt-0.5 size-4 shrink-0", s, r.type === "loading" && "animate-spin") }),
+                /* @__PURE__ */ v("div", { className: "min-w-0 flex-1", children: [
+                  r.title && /* @__PURE__ */ i("p", { className: "text-sm font-medium", children: r.title }),
+                  /* @__PURE__ */ i("div", { className: "text-sm text-muted-foreground [overflow-wrap:anywhere]", children: r.message }),
+                  r.action && (r.action.href ? /* @__PURE__ */ i(
+                    "a",
+                    {
+                      href: r.action.href,
+                      target: "_blank",
+                      rel: "noreferrer",
+                      className: "mt-1.5 inline-block text-xs font-medium text-foreground underline underline-offset-2",
+                      children: r.action.label
+                    }
+                  ) : /* @__PURE__ */ i(
+                    "button",
+                    {
+                      type: "button",
+                      onClick: () => {
+                        var f, a;
+                        (a = (f = r.action) == null ? void 0 : f.onClick) == null || a.call(f), d(r.id);
+                      },
+                      className: "mt-1.5 text-xs font-medium text-foreground underline underline-offset-2",
+                      children: r.action.label
+                    }
+                  ))
+                ] }),
+                /* @__PURE__ */ i(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: () => d(r.id),
+                    "aria-label": "Dismiss",
+                    className: "rounded-md p-1 text-muted-foreground transition-colors hover:bg-muted hover:text-foreground",
+                    children: /* @__PURE__ */ i(z, { className: "size-3.5" })
+                  }
+                )
+              ]
+            },
+            r.id
+          );
+        })
+      }
+    ),
+    document.body
+  );
+}
+export {
+  S as ToastProvider,
+  j as Toaster,
+  W as useToast
+};
+//# sourceMappingURL=toast.js.map