@lerianstudio/sindarian-ui 1.0.0-beta.7 → 1.1.0

package/dist/globals.css

@@ -0,0 +1,472 @@
+@import 'tailwindcss';
+@import 'tw-animate-css';
+
+@import './components/ui/button/styles.css';
+@import './components/ui/icon-button/styles.css';
+@import './components/ui/input/styles.css';
+@import './components/ui/select/styles.css';
+@import './components/ui/breadcrumb/styles.css';
+@import './components/ui/alert/styles.css';
+@import './components/ui/stepper/styles.css';
+@import './components/ui/tabs/styles.css';
+@import './components/ui/dialog/styles.css';
+@custom-variant dark (&:is(.dark *));
+
+@theme inline {
+  --font-sans: var(--font-inter), Inter, ui-sans-serif, system-ui, sans-serif;
+
+  --shadow-sidebar: 5px 0px 15px -3px hsl(var(--shadow-color) / 0.05);
+  --shadow-data-table:
+    0px 1px 2px 0px hsl(var(--shadow-color) / 0.1),
+    0px 10px 20px 0px hsl(var(--shadow-color) / 0.05);
+  --shadow-sheet-bottom:
+    0px -1px 2px 0px hsl(var(--shadow-color) / 0.1),
+    0px -10px 20px 0px hsl(var(--shadow-color) / 0.05);
+  --shadow-drawer:
+    0px 4px 8px 0px hsl(var(--shadow-color) / 0.2),
+    0px -1px 16px 0px hsl(var(--shadow-color) / 0.1),
+    0px 0px 32px 0px hsl(var(--shadow-color) / 0.05);
+  --shadow-entity-box:
+    0px 10px 20px hsl(var(--shadow-color) / 0.05),
+    0px 1px 2px hsl(var(--shadow-color) / 0.1);
+
+  --color-sunglow-50: #fefbe8;
+  --color-sunglow-100: #fff8c2;
+  --color-sunglow-200: #ffed89;
+  --color-sunglow-300: #ffdc45;
+  --color-sunglow-400: #fdcb28;
+  --color-sunglow-500: #edac05;
+  --color-sunglow-600: #cc8402;
+  --color-sunglow-700: #a35d05;
+  --color-sunglow-800: #86490d;
+  --color-sunglow-900: #723c11;
+  --color-sunglow-950: #431e05;
+
+  --color-de-york-50: #f2fbf5;
+  --color-de-york-100: #e0f8e8;
+  --color-de-york-200: #c2f0d2;
+  --color-de-york-300: #74db9a;
+  --color-de-york-400: #5bcd86;
+  --color-de-york-500: #35b264;
+  --color-de-york-600: #26934f;
+  --color-de-york-700: #217441;
+  --color-de-york-800: #1f5c36;
+  --color-de-york-900: #1b4c2f;
+  --color-de-york-950: #0a2917;
+
+  --color-vivid-tangerine-50: #fef5f2;
+  --color-vivid-tangerine-100: #fee9e2;
+  --color-vivid-tangerine-200: #fed7ca;
+  --color-vivid-tangerine-300: #fdbaa4;
+  --color-vivid-tangerine-400: #faa589;
+  --color-vivid-tangerine-500: #f06e43;
+  --color-vivid-tangerine-600: #dd5325;
+  --color-vivid-tangerine-700: #ba421b;
+  --color-vivid-tangerine-800: #9a3a1a;
+  --color-vivid-tangerine-900: #80351c;
+  --color-vivid-tangerine-950: #45190a;
+
+  --color-cod-gray-50: #f6f5f5;
+  --color-cod-gray-100: #e9e4e4;
+  --color-cod-gray-200: #d5ccce;
+  --color-cod-gray-300: #b7a9ab;
+  --color-cod-gray-400: #927e81;
+  --color-cod-gray-500: #776366;
+  --color-cod-gray-600: #655557;
+  --color-cod-gray-700: #55494a;
+  --color-cod-gray-800: #4a4040;
+  --color-cod-gray-900: #403939;
+  --color-cod-gray-950: #070606;
+
+  --color-shadcn-100: #f4f4f5;
+  --color-shadcn-200: #e4e4e7;
+  --color-shadcn-300: #d4d4d8;
+  --color-shadcn-400: #a1a1aa;
+  --color-shadcn-500: #71717a;
+  --color-shadcn-600: #27272a;
+  --color-shadcn-700: #18181b;
+  --color-shadcn-800: #09090b;
+
+  --color-border: hsl(var(--border));
+  --color-input: hsl(var(--input));
+  --color-ring: hsl(var(--ring));
+  --color-background: hsl(var(--background));
+  --color-foreground: hsl(var(--foreground));
+
+  --color-primary: hsl(var(--primary));
+  --color-primary-foreground: hsl(var(--primary-foreground));
+
+  --color-secondary: hsl(var(--secondary));
+  --color-secondary-foreground: hsl(var(--secondary-foreground));
+
+  --color-destructive: hsl(var(--destructive));
+  --color-destructive-foreground: hsl(var(--destructive-foreground));
+
+  --color-muted: hsl(var(--muted));
+  --color-muted-foreground: hsl(var(--muted-foreground));
+
+  --color-accent: hsl(var(--accent));
+  --color-accent-foreground: hsl(var(--accent-foreground));
+
+  --color-popover: hsl(var(--popover));
+  --color-popover-foreground: hsl(var(--popover-foreground));
+
+  --color-card: hsl(var(--card));
+  --color-card-foreground: hsl(var(--card-foreground));
+
+  /* Application tokens */
+  --color-body-surface: hsl(var(--body-surface));
+  --color-body-text: hsl(var(--body-text));
+  --color-body-title: hsl(var(--body-title));
+  --color-container-surface: hsl(var(--container-surface));
+  --color-container-text: hsl(var(--container-text));
+  --color-container-title: hsl(var(--container-title));
+  --color-container-border: hsl(var(--container-border));
+  --color-link: hsl(var(--link));
+  --color-link-hover: hsl(var(--link-hover) / 0.8);
+  --color-link-mute: hsl(var(--link-mute) / 0.4);
+  --color-button-primary-surface: hsl(var(--button-primary-surface));
+  --color-button-primary-text: hsl(var(--button-primary-text));
+
+  /* Accent variants */
+  --color-accent-hover: hsl(var(--accent-hover) / 0.7);
+  --color-accent-mute: hsl(var(--accent-mute) / 0.5);
+
+  /* System tokens */
+  --color-system-error: hsl(var(--system-error));
+  --color-system-error-surface: hsl(var(--system-error-surface));
+  --color-system-error-h1a: hsl(var(--system-error-h1a));
+  --color-system-error-border: hsl(var(--system-error-border));
+  --color-system-error-text: hsl(var(--system-error-text) / 0.7);
+  --color-system-success: hsl(var(--system-success));
+  --color-system-success-surface: hsl(var(--system-success-surface));
+  --color-system-success-h1a: hsl(var(--system-success-h1a));
+  --color-system-success-border: hsl(var(--system-success-border));
+  --color-system-success-text: hsl(var(--system-success-text) / 0.7);
+  --color-system-info: hsl(var(--system-info));
+  --color-system-info-surface: hsl(var(--system-info-surface));
+  --color-system-info-h1a: hsl(var(--system-info-h1a));
+  --color-system-info-border: hsl(var(--system-info-border));
+  --color-system-info-text: hsl(var(--system-info-text) / 0.7);
+  --color-system-alert: hsl(var(--system-alert));
+  --color-system-alert-surface: hsl(var(--system-alert-surface));
+  --color-system-alert-h1a: hsl(var(--system-alert-h1a));
+  --color-system-alert-border: hsl(var(--system-alert-border));
+  --color-system-alert-text: hsl(var(--system-alert-text) / 0.7);
+
+  --radius-lg: var(--radius);
+  --radius-md: calc(var(--radius) - 2px);
+  --radius-sm: calc(var(--radius) - 4px);
+}
+
+@utility container {
+  margin-inline: auto;
+  padding-inline: 2rem;
+  @media (width >= --theme(--breakpoint-sm)) {
+    max-width: none;
+  }
+  @media (width >= 1400px) {
+    max-width: 1400px;
+  }
+}
+
+/*
+  The default border color has changed to `currentcolor` in Tailwind CSS v4,
+  so we've added these compatibility styles to make sure everything still
+  looks the same as it did with Tailwind CSS v3.
+
+  If we ever want to remove these styles, we need to add an explicit border
+  color utility to any element that depends on these defaults.
+*/
+@layer base {
+  *,
+  ::after,
+  ::before,
+  ::backdrop,
+  ::file-selector-button {
+    border-color: var(--color-gray-200, currentcolor);
+  }
+}
+
+@layer base {
+  :root {
+    /* Application tokens (from Figma ring-tokens) */
+    --body-surface: 240 5% 96%; /* base/100 = #F4F4F5 */
+    --body-text: 240 4% 46%; /* base/500 = #71717A */
+    --body-title: 240 5% 26%; /* base/700 = #3F3F46 */
+    --container-surface: 0 0% 100%; /* base/white = #FFFFFF */
+    --container-text: 240 4% 46%; /* base/500 = #71717A */
+    --container-title: 240 5% 34%; /* base/600 = #52525B */
+    --container-border: 0 0% 100%; /* #FFFFFF */
+    --link: 240 4% 16%; /* base/800 = #27272A */
+    --link-hover: 240 4% 16%; /* #27272A with 80% opacity via /80 */
+    --link-mute: 240 4% 16%; /* #27272A with 40% opacity via /40 */
+    --button-primary-surface: 240 4% 16%; /* base/800 = #27272A */
+    --button-primary-text: 0 0% 100%; /* base/white */
+
+    /* Shadcn semantic tokens (aligned with Figma) */
+    --background: 0 0% 100%; /* base/white = #FFFFFF */
+    --foreground: 240 5% 26%; /* base/700 = #3F3F46 */
+    --card: 0 0% 100%; /* = container-surface (white) */
+    --card-foreground: 240 4% 46%; /* = container-text (base/500) */
+    --popover: 0 0% 100%; /* base/white */
+    --popover-foreground: 240 5% 34%; /* base/600 = #52525B */
+    --primary: 240 4% 16%; /* base/800 = #27272A */
+    --primary-foreground: 0 0% 100%; /* base/white */
+    --secondary: 0 0% 100%; /* base/white */
+    --secondary-foreground: 240 5% 34%; /* base/600 = #52525B */
+    --muted: 240 5% 90%; /* base/200 = #E4E4E7 */
+    --muted-foreground: 240 5% 34%; /* base/600 = #52525B */
+    --accent: 56 99% 50%; /* #FEED02 (sunglow) */
+    --accent-foreground: 240 10% 4%; /* base/800 for contrast on yellow */
+    --destructive: 0 84% 60%; /* red/500 = #EF4444 */
+    --destructive-foreground: 0 0% 100%; /* white */
+    --border: 240 5% 90%; /* base/200 = #E4E4E7 */
+    --input: 0 0% 100%; /* base/white */
+    --ring: 240 5% 65%; /* focus ring */
+    --radius: 0.5rem;
+
+    /* Accent variants */
+    --accent-hover: 56 99% 50%; /* #FEED02 - opacity handled via /70 */
+    --accent-mute: 56 99% 50%; /* #FEED02 - opacity handled via /50 */
+
+    /* System tokens (light mode — dark overrides in .dark) */
+    --system-error: 0 84% 60%; /* red/500 = #EF4444 */
+    --system-error-surface: 0 86% 97%; /* red/50 = #FEF2F2 */
+    --system-error-h1a: 0 74% 35%; /* red/800 = #991B1B */
+    --system-error-border: 0 84% 60% / 0.5; /* #EF4444 50% */
+    --system-error-text: 0 74% 35%; /* #991B1B - opacity via /70 */
+    --system-success: 142 76% 36%; /* green/600 = #16A34A */
+    --system-success-surface: 139 76% 97%; /* green/50 = #F0FDF4 */
+    --system-success-h1a: 143 64% 24%; /* green/800 = #166534 */
+    --system-success-border: 142 76% 36% / 0.5; /* #16A34A 50% */
+    --system-success-text: 143 64% 24%; /* #166534 - opacity via /70 */
+    --system-info: 221 83% 53%; /* blue/600 = #2563EB */
+    --system-info-surface: 214 100% 97%; /* blue/50 = #EFF6FF */
+    --system-info-h1a: 224 76% 40%; /* blue/800 = #1E40AF */
+    --system-info-border: 221 83% 53% / 0.5; /* #2563EB 50% */
+    --system-info-text: 224 76% 40%; /* #1E40AF - opacity via /70 */
+    --system-alert: 48 96% 47%; /* yellow/500 = #EAB308 */
+    --system-alert-surface: 55 92% 95%; /* yellow/50 = #FEFCE8 */
+    --system-alert-h1a: 36 92% 29%; /* yellow/800 = #854D0E */
+    --system-alert-border: 48 96% 47% / 0.5; /* #EAB308 50% */
+    --system-alert-text: 36 92% 29%; /* #854D0E - opacity via /70 */
+
+    /* Shadow color token for dark mode adaptation */
+    --shadow-color: 0 0% 0%;
+  }
+
+  .dark {
+    /* Custom — Layout */
+    --link-hover: 240 5% 96%; /* #F4F4F5 80% (opacity via /80) */
+    --link-mute: 240 5% 96%; /* #F4F4F5 40% (opacity via /40) */
+    --container-surface: 240 5% 26%; /* base/700 = #3F3F46 */
+    --container-text: 240 5% 96%; /* base/100 = #F4F4F5 */
+    --container-title: 0 0% 100%; /* base/white */
+    --body-surface: 240 4% 16%; /* base/800 = #27272A */
+    --body-text: 240 5% 84%; /* base/300 = #D4D4D8 */
+    --body-title: 0 0% 100%; /* base/white */
+    --link: 240 5% 96%; /* base/100 = #F4F4F5 */
+    --button-primary-surface: 240 5% 96%; /* base/100 = #F4F4F5 */
+    --button-primary-text: 240 4% 16%; /* base/800 = #27272A */
+    --container-border: var(--border); /* shadcn/--border */
+
+    /* Shadcn — Core */
+    --background: 240 4% 16%; /* base/800 = #27272A */
+    --foreground: 240 5% 96%; /* base/100 = #F4F4F5 */
+    --muted: 240 5% 34%; /* base/600 = #52525B */
+    --muted-foreground: 240 5% 65%; /* base/400 = #A1A1AA */
+    --card: var(--container-surface);
+    --card-foreground: var(--container-text);
+    --popover: 240 4% 16%; /* base/800 = #27272A */
+    --popover-foreground: 240 5% 96%; /* base/100 = #F4F4F5 */
+    --border: 240 5% 34%; /* base/600 = #52525B */
+    --input: 240 4% 16%; /* base/800 = #27272A */
+    --primary: 240 5% 96%; /* base/100 = #F4F4F5 */
+    --primary-foreground: 240 4% 16%; /* base/800 = #27272A */
+    --secondary: 240 4% 16%; /* base/800 = #27272A */
+    --secondary-foreground: 240 5% 96%; /* base/100 = #F4F4F5 */
+
+    /* Shadcn — Accent (Brand Lerian) */
+    --accent: 47 92% 51%; /* sunglow = #F5C211 */
+    --accent-hover: 46 98% 57%; /* sunglow/400 = #FDCB28 - opacity via /70 */
+    --accent-mute: 46 98% 57%; /* sunglow/400 = #FDCB28 - opacity via /50 */
+
+    /* Shadcn — System Error */
+    --system-error: 0 91% 71%; /* red/400 = #F87171 */
+    --system-error-surface: 0 75% 15%; /* red/950 = #450A0A */
+    --system-error-text: 0 94% 82%; /* red/300 = #FCA5A5 - opacity via /70 */
+    --system-error-h1a: 0 96% 89%; /* red/200 = #FECACA */
+    --system-error-border: 0 94% 82% / 0.3; /* #FCA5A5 30% */
+
+    /* Shadcn — System Success */
+    --system-success: 142 69% 58%; /* green/400 = #4ADE80 */
+    --system-success-surface: 145 80% 10%; /* green/950 = #052E16 */
+    --system-success-text: 142 77% 73%; /* green/300 = #86EFAC - opacity via /70 */
+    --system-success-h1a: 141 79% 85%; /* green/200 = #BBF7D0 */
+    --system-success-border: 142 69% 58% / 0.3; /* #4ADE80 30% */
+
+    /* Shadcn — System Info */
+    --system-info: 213 94% 68%; /* blue/400 = #60A5FA */
+    --system-info-surface: 226 57% 21%; /* blue/950 = #172554 */
+    --system-info-text: 212 96% 78%; /* blue/300 = #93C5FD - opacity via /70 */
+    --system-info-h1a: 213 97% 87%; /* blue/200 = #BFDBFE */
+    --system-info-border: 213 94% 68% / 0.3; /* #60A5FA 30% */
+
+    /* Shadcn — System Alert */
+    --system-alert: 48 96% 53%; /* yellow/400 = #FACC15 */
+    --system-alert-surface: 26 83% 14%; /* yellow/950 = #422006 */
+    --system-alert-text: 48 97% 77%; /* yellow/300 = #FDE68A - opacity via /70 */
+    --system-alert-h1a: 53 98% 77%; /* yellow/200 = #FEF08A */
+    --system-alert-border: 48 96% 53% / 0.3; /* #FACC15 30% */
+
+    /* Shadow color for dark mode */
+    --shadow-color: 0 0% 100%;
+  }
+}
+
+/* Sonner toast overrides — solid bold backgrounds (Radix parity) */
+[data-sonner-toaster] {
+  --width: 420px;
+  pointer-events: auto !important;
+}
+
+[data-sonner-toast] {
+  --normal-bg: hsl(var(--card));
+  --normal-text: hsl(var(--foreground));
+  --normal-border: hsl(var(--border));
+  padding: 24px 32px 24px 24px !important;
+  border-radius: var(--radius);
+  box-shadow:
+    0 10px 15px -3px rgba(0, 0, 0, 0.1),
+    0 4px 6px -4px rgba(0, 0, 0, 0.1);
+}
+
+[data-sonner-toast][data-type='success'] {
+  --normal-bg: #22c55e;
+  --normal-text: #ffffff;
+  --normal-border: transparent;
+}
+
+[data-sonner-toast][data-type='error'] {
+  --normal-bg: #ef4444;
+  --normal-text: #ffffff;
+  --normal-border: transparent;
+}
+
+[data-sonner-toast][data-type='warning'] {
+  --normal-bg: #f59e0b;
+  --normal-text: #422006;
+  --normal-border: transparent;
+}
+
+[data-sonner-toast][data-type='info'] {
+  --normal-bg: hsl(var(--card));
+  --normal-text: hsl(var(--foreground));
+  --normal-border: hsl(var(--border));
+}
+
+[data-sonner-toast] [data-title] {
+  font-weight: 600;
+  font-size: 0.875rem;
+  line-height: 1.25rem;
+}
+
+[data-sonner-toast] [data-description],
+[data-sonner-toast][data-styled='true'] [data-description] {
+  font-size: 0.875rem;
+  font-weight: 600 !important;
+  line-height: 1.25rem;
+  color: var(--normal-text) !important;
+}
+
+/* Hide icons from all sonner toast variants */
+[data-sonner-toast] [data-icon] {
+  display: none !important;
+}
+
+[data-sonner-toast] [data-close-button] {
+  color: hsl(var(--foreground) / 0.5);
+}
+
+[data-sonner-toast] [data-close-button]:hover {
+  color: #ffffff !important;
+  background-color: hsl(var(--foreground)) !important;
+  border-color: hsl(var(--foreground)) !important;
+}
+
+.dark [data-sonner-toast] [data-close-button]:hover {
+  color: #ffffff !important;
+  background-color: hsl(240 5% 26%) !important;
+  border-color: hsl(240 5% 26%) !important;
+}
+
+[data-sonner-toast][data-type='success'] [data-close-button],
+[data-sonner-toast][data-type='error'] [data-close-button] {
+  color: rgba(255, 255, 255, 0.6);
+}
+
+[data-sonner-toast][data-type='success'] [data-close-button]:hover,
+[data-sonner-toast][data-type='error'] [data-close-button]:hover {
+  color: #ffffff !important;
+  background-color: hsl(var(--foreground)) !important;
+  border-color: hsl(var(--foreground)) !important;
+}
+
+[data-sonner-toast][data-type='warning'] [data-close-button] {
+  color: rgba(66, 32, 6, 0.5);
+}
+
+[data-sonner-toast][data-type='warning'] [data-close-button]:hover {
+  color: #422006 !important;
+  background-color: rgba(66, 32, 6, 0.15) !important;
+  border-color: rgba(66, 32, 6, 0.15) !important;
+}
+
+.dark [data-sonner-toast] {
+  box-shadow:
+    0 10px 15px -3px rgba(0, 0, 0, 0.3),
+    0 4px 6px -4px rgba(0, 0, 0, 0.2);
+}
+
+/* Autofill — remove browser default blue/white background */
+@layer base {
+  input:-webkit-autofill,
+  input:-webkit-autofill:hover,
+  input:-webkit-autofill:focus,
+  input:-webkit-autofill:active {
+    -webkit-box-shadow: 0 0 0 1000px var(--color-background) inset !important;
+    -webkit-text-fill-color: var(--color-foreground) !important;
+    transition: background-color 5000s ease-in-out 0s;
+  }
+}
+
+/* Scrollbar — thin translucent thumb for scrollable layout containers */
+@layer base {
+  * {
+    scrollbar-width: thin;
+    scrollbar-color: var(--color-shadcn-300) transparent;
+  }
+
+  *::-webkit-scrollbar {
+    width: 4px;
+  }
+
+  *::-webkit-scrollbar-track {
+    background: transparent;
+  }
+
+  *::-webkit-scrollbar-thumb {
+    background-color: var(--color-shadcn-300);
+    border-radius: 9999px;
+  }
+
+  *::-webkit-scrollbar-thumb:hover {
+    background-color: var(--color-shadcn-400);
+  }
+}
+
+.ticket {
+  mask: radial-gradient(21px 13px at 50% 102%, #0000 98%, #000) 50%
+    calc(100% - 16px) / 64px 100% repeat-x;
+}

package/dist/hooks/use-time.d.ts

@@ -0,0 +1,6 @@
+export type UseTimeProps = {
+    interval?: number;
+    onUpdate?: (time: Date) => void;
+};
+export declare const useTime: ({ interval, onUpdate }: UseTimeProps) => Date;
+//# sourceMappingURL=use-time.d.ts.map

package/dist/hooks/use-time.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-time.d.ts","sourceRoot":"","sources":["../../src/hooks/use-time.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,YAAY,GAAG;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAA;CAChC,CAAA;AAED,eAAO,MAAM,OAAO,GAAI,wBAA+B,YAAY,SAclE,CAAA"}

package/dist/hooks/use-time.js

@@ -0,0 +1,20 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useTime = void 0;
+const react_1 = __importDefault(require("react"));
+const useTime = ({ interval = 1000, onUpdate }) => {
+    const [time, setTime] = react_1.default.useState(new Date());
+    react_1.default.useEffect(() => {
+        const timer = setInterval(() => {
+            const newTime = new Date();
+            setTime(newTime);
+            onUpdate?.(newTime);
+        }, interval);
+        return () => clearInterval(timer);
+    }, [interval, onUpdate]);
+    return time;
+};
+exports.useTime = useTime;

package/dist/hooks/use-toast.d.ts

@@ -1,45 +1,31 @@
-import * as React from 'react';
-import type { ToastActionElement, ToastProps } from '../components/ui/toast';
-type ToasterToast = ToastProps & {
-    id: string;
+import type { ToastActionElement } from '../components/ui/toast';
+type ToastVariant = 'default' | 'success' | 'destructive';
+type ToasterToast = {
+    id: string | number;
     title?: React.ReactNode;
     description?: React.ReactNode;
+    variant?: ToastVariant;
     action?: ToastActionElement;
 };
-declare const actionTypes: {
-    readonly ADD_TOAST: "ADD_TOAST";
-    readonly UPDATE_TOAST: "UPDATE_TOAST";
-    readonly DISMISS_TOAST: "DISMISS_TOAST";
-    readonly REMOVE_TOAST: "REMOVE_TOAST";
-};
-type ActionType = typeof actionTypes;
-type Action = {
-    type: ActionType['ADD_TOAST'];
-    toast: ToasterToast;
-} | {
-    type: ActionType['UPDATE_TOAST'];
-    toast: Partial<ToasterToast>;
-} | {
-    type: ActionType['DISMISS_TOAST'];
-    toastId?: ToasterToast['id'];
-} | {
-    type: ActionType['REMOVE_TOAST'];
-    toastId?: ToasterToast['id'];
-};
-interface State {
-    toasts: ToasterToast[];
-}
-export declare const reducer: (state: State, action: Action) => State;
 type Toast = Omit<ToasterToast, 'id'>;
-declare function toast({ ...props }: Toast): {
-    id: string;
-    dismiss: () => void;
-    update: (props: ToasterToast) => void;
+declare function toast({ title, description, variant, ...rest }: Toast): {
+    id: string | number;
+    dismiss: () => string | number;
+    update: (props: Partial<ToasterToast>) => void;
 };
+/**
+ * Backward-compatible hook that wraps Sonner's toast API.
+ *
+ * Returns the same shape as the original Radix-based useToast:
+ * - `toast()` to create a toast
+ * - `dismiss()` to dismiss a toast by id (or all if no id)
+ * - `toasts` array (always empty -- Sonner manages its own state internally)
+ */
 declare function useToast(): {
     toast: typeof toast;
-    dismiss: (toastId?: string) => void;
+    dismiss: (toastId?: string | number) => void;
     toasts: ToasterToast[];
 };
 export { useToast, toast };
+export type { ToasterToast, Toast, ToastVariant };
 //# sourceMappingURL=use-toast.d.ts.map

package/dist/hooks/use-toast.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-toast.d.ts","sourceRoot":"","sources":["../../src/hooks/use-toast.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,EAAE,kBAAkB,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAA;AAK3E,KAAK,YAAY,GAAG,UAAU,GAAG;IAC/B,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACvB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC7B,MAAM,CAAC,EAAE,kBAAkB,CAAA;CAC5B,CAAA;AAED,QAAA,MAAM,WAAW;;;;;CAKP,CAAA;AASV,KAAK,UAAU,GAAG,OAAO,WAAW,CAAA;AAEpC,KAAK,MAAM,GACP;IACE,IAAI,EAAE,UAAU,CAAC,WAAW,CAAC,CAAA;IAC7B,KAAK,EAAE,YAAY,CAAA;CACpB,GACD;IACE,IAAI,EAAE,UAAU,CAAC,cAAc,CAAC,CAAA;IAChC,KAAK,EAAE,OAAO,CAAC,YAAY,CAAC,CAAA;CAC7B,GACD;IACE,IAAI,EAAE,UAAU,CAAC,eAAe,CAAC,CAAA;IACjC,OAAO,CAAC,EAAE,YAAY,CAAC,IAAI,CAAC,CAAA;CAC7B,GACD;IACE,IAAI,EAAE,UAAU,CAAC,cAAc,CAAC,CAAA;IAChC,OAAO,CAAC,EAAE,YAAY,CAAC,IAAI,CAAC,CAAA;CAC7B,CAAA;AAEL,UAAU,KAAK;IACb,MAAM,EAAE,YAAY,EAAE,CAAA;CACvB;AAoBD,eAAO,MAAM,OAAO,GAAI,OAAO,KAAK,EAAE,QAAQ,MAAM,KAAG,KAoDtD,CAAA;AAaD,KAAK,KAAK,GAAG,IAAI,CAAC,YAAY,EAAE,IAAI,CAAC,CAAA;AAErC,iBAAS,KAAK,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK;;;oBAGT,YAAY;EAwBpC;AAED,iBAAS,QAAQ;;wBAgBO,MAAM;YArIpB,YAAY,EAAE;EAuIvB;AAED,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAA"}
+{"version":3,"file":"use-toast.d.ts","sourceRoot":"","sources":["../../src/hooks/use-toast.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAA;AAK/D,KAAK,YAAY,GAAG,SAAS,GAAG,SAAS,GAAG,aAAa,CAAA;AAEzD,KAAK,YAAY,GAAG;IAClB,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACvB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC7B,OAAO,CAAC,EAAE,YAAY,CAAA;IACtB,MAAM,CAAC,EAAE,kBAAkB,CAAA;CAC5B,CAAA;AAED,KAAK,KAAK,GAAG,IAAI,CAAC,YAAY,EAAE,IAAI,CAAC,CAAA;AAErC,iBAAS,KAAK,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,OAAO,EAAE,GAAG,IAAI,EAAE,EAAE,KAAK;;;oBA2B1C,OAAO,CAAC,YAAY,CAAC;EAQxC;AAED;;;;;;;GAOG;AACH,iBAAS,QAAQ;;wBAGO,MAAM,GAAG,MAAM;YAOrB,YAAY,EAAE;EAE/B;AAED,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAA;AAC1B,YAAY,EAAE,YAAY,EAAE,KAAK,EAAE,YAAY,EAAE,CAAA"}