@lerianstudio/sindarian-ui 1.0.0-beta.41 → 1.0.0-beta.43

package/dist/components/page/index.js

@@ -12,5 +12,5 @@ function PageView({ className, ...props }) {
     return ((0, jsx_runtime_1.jsx)("div", { "data-slot": "page-view", className: (0, utils_1.cn)('flex min-h-0 flex-1', className), ...props }));
 }
 function PageContent({ className, ...props }) {
-    return ((0, jsx_runtime_1.jsx)("div", { "data-slot": "page-content", className: (0, utils_1.cn)('flex grow flex-col overflow-y-auto p-16 scrollbar-thin-translucent', className), ...props }));
+    return ((0, jsx_runtime_1.jsx)("div", { "data-slot": "page-content", className: (0, utils_1.cn)('flex grow flex-col overflow-y-auto p-16', className), ...props }));
 }

package/dist/components/ui/badge/index.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { type VariantProps } from 'class-variance-authority';
 declare const badgeVariants: (props?: ({
-    variant?: "default" | "secondary" | "outline" | "destructive" | "active" | "inactive" | null | undefined;
+    variant?: "default" | "secondary" | "outline" | "alert" | "destructive" | "success" | "active" | "inactive" | "error" | "info" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export type BadgeProps = React.ComponentProps<'span'> & VariantProps<typeof badgeVariants> & {
     asChild?: boolean;

package/dist/components/ui/badge/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/badge/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAKjE,QAAA,MAAM,aAAa;;8EAqBlB,CAAA;AAED,MAAM,MAAM,UAAU,GAAG,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,GACnD,YAAY,CAAC,OAAO,aAAa,CAAC,GAAG;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,CAAA;AAE5D,iBAAS,KAAK,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,UAAU,2CAUnE;AAED,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/badge/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAKjE,QAAA,MAAM,aAAa;;8EA4BlB,CAAA;AAED,MAAM,MAAM,UAAU,GAAG,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,GACnD,YAAY,CAAC,OAAO,aAAa,CAAC,GAAG;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,CAAA;AAE5D,iBAAS,KAAK,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,UAAU,2CAUnE;AAED,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,CAAA"}

package/dist/components/ui/badge/index.js

@@ -12,8 +12,12 @@ const badgeVariants = (0, class_variance_authority_1.cva)('inline-flex items-cen
             default: 'border-transparent bg-primary text-primary-foreground hover:bg-primary/80',
             active: 'bg-system-success-surface text-system-success-h1a border-none py-[2px] px-3',
             inactive: 'bg-muted text-foreground border-none py-[2px] px-3',
-            secondary: 'border-transparent bg-muted text-foreground hover:bg-muted/80',
+            secondary: 'border-transparent bg-muted-foreground text-white dark:text-black',
             destructive: 'border-transparent bg-red-500 text-primary-foreground hover:bg-red-500/80',
+            error: 'border-system-error-border bg-system-error-surface text-system-error-text px-[10px] py-1',
+            success: 'border-system-success-border bg-system-success-surface text-system-success-text px-[10px] py-1',
+            info: 'border-system-info-border bg-system-info-surface text-system-info-text px-[10px] py-1',
+            alert: 'border-system-alert-border bg-system-alert-surface text-system-alert-text px-[10px] py-1',
             outline: 'text-foreground'
         }
     },

package/dist/components/ui/input/styles.css

@@ -3,7 +3,7 @@
   --spacing-input-wrapper-p: calc(var(--spacing) * 2);
   --spacing-input-px: calc(var(--spacing) * 4);
   --color-input-foreground: var(--color-foreground);
-  --color-input-placeholder: var(--color-container-text);
+  --color-input-placeholder: var(--color-muted-foreground);
   --color-input-border: var(--color-shadcn-400);
 
   --color-input-adornment: var(--color-container-text);

package/dist/components/ui/multiple-select/index.js

@@ -77,9 +77,9 @@ exports.MultipleSelectTrigger = react_1.default.forwardRef(({ className, childre
         setOpen(false);
         inputRef.current?.blur();
     });
-    return ((0, jsx_runtime_1.jsxs)("div", { ref: _ref, className: (0, utils_1.cn)('bg-background ring-offset-background placeholder:text-shadcn-400 focus:ring-ring border-input flex flex-row rounded-md border text-sm focus:ring-2 focus:ring-offset-0 focus:outline-hidden focus-visible:outline-hidden md:text-sm [&>span]:line-clamp-1', {
-            'h-9': value.length === 0,
-            'min-h-9': value.length > 0,
+    return ((0, jsx_runtime_1.jsxs)("div", { ref: _ref, className: (0, utils_1.cn)('bg-background ring-offset-background placeholder:text-shadcn-400 focus:ring-ring border-shadcn-400 flex flex-row rounded-md border text-sm focus:ring-2 focus:ring-offset-0 focus:outline-hidden focus-visible:outline-hidden md:text-sm [&>span]:line-clamp-1', {
+            'h-10': value.length === 0,
+            'min-h-10': value.length > 0,
             'cursor-text': !disabled && !readOnly && value.length !== 0,
             'bg-shadcn-100 cursor-not-allowed opacity-50': disabled
         }, readOnly && [

package/dist/components/ui/select/styles.css

@@ -4,7 +4,7 @@
   --spacing-select-py: calc(var(--spacing) * 2);
 
   --color-select-foreground: var(--color-foreground);
-  --color-select-placeholder: var(--color-container-text);
+  --color-select-placeholder: var(--color-muted-foreground);
   --color-select-border: var(--color-shadcn-400);
   --color-select-chevron: var(--color-container-text);
 }

package/dist/components/ui/sheet/index.d.ts

@@ -10,7 +10,7 @@ declare const sheetVariants: (props?: ({
     side?: "top" | "right" | "bottom" | "left" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 type SheetContentProps = React.ComponentProps<typeof SheetPrimitive.Content> & VariantProps<typeof sheetVariants>;
-declare function SheetContent({ side, className, children, ...props }: SheetContentProps): import("react/jsx-runtime").JSX.Element;
+declare function SheetContent({ side, className, children, onInteractOutside, ...props }: SheetContentProps): import("react/jsx-runtime").JSX.Element;
 declare function SheetHeader({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
 declare function SheetFooter({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
 declare function SheetTitle({ className, ...props }: React.ComponentProps<typeof SheetPrimitive.Title>): import("react/jsx-runtime").JSX.Element;

package/dist/components/ui/sheet/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/sheet/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,cAAc,MAAM,wBAAwB,CAAA;AACxD,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAIjE,iBAAS,KAAK,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,IAAI,CAAC,2CAE5E;AAED,iBAAS,YAAY,CAAC,EACpB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,OAAO,CAAC,2CAErD;AAED,iBAAS,UAAU,CAAC,EAClB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,KAAK,CAAC,2CAEnD;AAED,iBAAS,WAAW,CAAC,EACnB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,MAAM,CAAC,2CAEpD;AAED,iBAAS,YAAY,CAAC,EACpB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,OAAO,CAAC,2CAWrD;AAED,QAAA,MAAM,aAAa;;8EAiBlB,CAAA;AAED,KAAK,iBAAiB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,OAAO,CAAC,GAC1E,YAAY,CAAC,OAAO,aAAa,CAAC,CAAA;AAEpC,iBAAS,YAAY,CAAC,EACpB,IAAc,EACd,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,iBAAiB,2CAqBnB;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAWxE;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAWxE;AAED,iBAAS,UAAU,CAAC,EAClB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,KAAK,CAAC,2CAWnD;AAED,iBAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,WAAW,CAAC,2CAQzD;AAED,OAAO,EACL,KAAK,EACL,WAAW,EACX,YAAY,EACZ,YAAY,EACZ,UAAU,EACV,YAAY,EACZ,WAAW,EACX,WAAW,EACX,UAAU,EACV,gBAAgB,EACjB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/sheet/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,cAAc,MAAM,wBAAwB,CAAA;AACxD,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAIjE,iBAAS,KAAK,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,IAAI,CAAC,2CAE5E;AAED,iBAAS,YAAY,CAAC,EACpB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,OAAO,CAAC,2CAErD;AAED,iBAAS,UAAU,CAAC,EAClB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,KAAK,CAAC,2CAEnD;AAED,iBAAS,WAAW,CAAC,EACnB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,MAAM,CAAC,2CAEpD;AAED,iBAAS,YAAY,CAAC,EACpB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,OAAO,CAAC,2CAWrD;AAED,QAAA,MAAM,aAAa;;8EAiBlB,CAAA;AAED,KAAK,iBAAiB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,OAAO,CAAC,GAC1E,YAAY,CAAC,OAAO,aAAa,CAAC,CAAA;AAEpC,iBAAS,YAAY,CAAC,EACpB,IAAc,EACd,SAAS,EACT,QAAQ,EACR,iBAAiB,EACjB,GAAG,KAAK,EACT,EAAE,iBAAiB,2CAsCnB;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAWxE;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAWxE;AAED,iBAAS,UAAU,CAAC,EAClB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,KAAK,CAAC,2CAWnD;AAED,iBAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,WAAW,CAAC,2CAQzD;AAED,OAAO,EACL,KAAK,EACL,WAAW,EACX,YAAY,EACZ,YAAY,EACZ,UAAU,EACV,YAAY,EACZ,WAAW,EACX,WAAW,EACX,UAAU,EACV,gBAAgB,EACjB,CAAA"}

package/dist/components/ui/sheet/index.js

@@ -45,6 +45,7 @@ exports.SheetFooter = SheetFooter;
 exports.SheetTitle = SheetTitle;
 exports.SheetDescription = SheetDescription;
 const jsx_runtime_1 = require("react/jsx-runtime");
+const React = __importStar(require("react"));
 const SheetPrimitive = __importStar(require("@radix-ui/react-dialog"));
 const class_variance_authority_1 = require("class-variance-authority");
 const lucide_react_1 = require("lucide-react");
@@ -77,8 +78,16 @@ const sheetVariants = (0, class_variance_authority_1.cva)('fixed z-50 gap-4 bg-b
         side: 'right'
     }
 });
-function SheetContent({ side = 'right', className, children, ...props }) {
-    return ((0, jsx_runtime_1.jsxs)(SheetPortal, { children: [(0, jsx_runtime_1.jsx)(SheetOverlay, {}), (0, jsx_runtime_1.jsxs)(SheetPrimitive.Content, { "data-slot": "sheet-content", className: (0, utils_1.cn)('flex max-h-screen flex-col overflow-x-auto px-8 pb-0', sheetVariants({ side }), className), ...props, children: [children, (0, jsx_runtime_1.jsxs)(SheetPrimitive.Close, { className: "data-[state=open]:bg-secondary focus:outline-hidden absolute right-4 top-7 rounded-sm opacity-70 transition-opacity hover:opacity-100 disabled:pointer-events-none", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.X, { className: "h-6 w-6" }), (0, jsx_runtime_1.jsx)("span", { className: "sr-only", children: "Close" })] })] })] }));
+function SheetContent({ side = 'right', className, children, onInteractOutside, ...props }) {
+    const handleInteractOutside = React.useCallback((event) => {
+        const target = event.target;
+        if (target?.closest('[data-sonner-toaster]')) {
+            event.preventDefault();
+            return;
+        }
+        onInteractOutside?.(event);
+    }, [onInteractOutside]);
+    return ((0, jsx_runtime_1.jsxs)(SheetPortal, { children: [(0, jsx_runtime_1.jsx)(SheetOverlay, {}), (0, jsx_runtime_1.jsxs)(SheetPrimitive.Content, { "data-slot": "sheet-content", className: (0, utils_1.cn)('flex max-h-screen flex-col overflow-x-auto px-8 pb-0', sheetVariants({ side }), className), onInteractOutside: handleInteractOutside, ...props, children: [children, (0, jsx_runtime_1.jsxs)(SheetPrimitive.Close, { className: "data-[state=open]:bg-secondary absolute top-7 right-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:outline-hidden disabled:pointer-events-none", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.X, { className: "h-6 w-6" }), (0, jsx_runtime_1.jsx)("span", { className: "sr-only", children: "Close" })] })] })] }));
 }
 function SheetHeader({ className, ...props }) {
     return ((0, jsx_runtime_1.jsx)("div", { "data-slot": "sheet-header", className: (0, utils_1.cn)('mb-4 flex flex-col space-y-2 text-center sm:text-left', className), ...props }));

package/dist/components/ui/sidebar/sidebar-root.js

@@ -6,7 +6,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const class_variance_authority_1 = require("class-variance-authority");
 const sidebar_provider_1 = require("./sidebar-provider");
 const utils_1 = require("../../../lib/utils");
-const sidebarVariants = (0, class_variance_authority_1.cva)('group/sidebar shadow-sidebar relative flex flex-col transition-[width] duration-300 ease-in-out scrollbar-thin-translucent', {
+const sidebarVariants = (0, class_variance_authority_1.cva)('group/sidebar shadow-sidebar relative flex flex-col transition-[width] duration-300 ease-in-out', {
     variants: {
         collapsed: {
             true: 'w-[72px]',

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

@@ -1,17 +1,18 @@
 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 function ToastViewport({ className, ...props }: React.ComponentProps<typeof ToastPrimitives.Viewport>): import("react/jsx-runtime").JSX.Element;
-declare const toastVariants: (props?: ({
-    variant?: "default" | "destructive" | "success" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-declare function Toast({ className, variant, ...props }: React.ComponentProps<typeof ToastPrimitives.Root> & VariantProps<typeof toastVariants>): import("react/jsx-runtime").JSX.Element;
-declare function ToastAction({ className, ...props }: React.ComponentProps<typeof ToastPrimitives.Action>): import("react/jsx-runtime").JSX.Element;
-declare function ToastClose({ className, ...props }: React.ComponentProps<typeof ToastPrimitives.Close>): import("react/jsx-runtime").JSX.Element;
-declare function ToastTitle({ className, ...props }: React.ComponentProps<typeof ToastPrimitives.Title>): import("react/jsx-runtime").JSX.Element;
-declare function ToastDescription({ className, ...props }: React.ComponentProps<typeof ToastPrimitives.Description>): import("react/jsx-runtime").JSX.Element;
-export type ToastActionElement = React.ReactElement<typeof ToastAction>;
-export type ToastProps = React.ComponentPropsWithoutRef<typeof Toast>;
-export { ToastProvider, ToastViewport, Toast, ToastTitle, ToastDescription, ToastClose, ToastAction };
+/**
+ * Backward-compatible type exports.
+ *
+ * The Radix Toast primitives (ToastProvider, ToastViewport, Toast, etc.) are
+ * no longer used -- Sonner manages rendering internally. These types are kept
+ * so that any downstream code referencing ToastProps or ToastActionElement
+ * continues to compile.
+ */
+export type ToastActionElement = React.ReactElement;
+export type ToastProps = {
+    variant?: 'default' | 'success' | 'destructive';
+    className?: string;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    duration?: number;
+};
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/toast/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,eAAe,MAAM,uBAAuB,CAAA;AACxD,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAKjE,QAAA,MAAM,aAAa,8CAA2B,CAAA;AAE9C,iBAAS,aAAa,CAAC,EACrB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,QAAQ,CAAC,2CAWvD;AAED,QAAA,MAAM,aAAa;;8EAgBlB,CAAA;AAED,iBAAS,KAAK,CAAC,EACb,SAAS,EACT,OAAO,EACP,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,GAClD,YAAY,CAAC,OAAO,aAAa,CAAC,2CAQnC;AAED,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,MAAM,CAAC,2CAWrD;AAED,iBAAS,UAAU,CAAC,EAClB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,2CAcpD;AAED,iBAAS,UAAU,CAAC,EAClB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,2CAQpD;AAED,iBAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,WAAW,CAAC,2CAQ1D;AAED,MAAM,MAAM,kBAAkB,GAAG,KAAK,CAAC,YAAY,CAAC,OAAO,WAAW,CAAC,CAAA;AAEvE,MAAM,MAAM,UAAU,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,KAAK,CAAC,CAAA;AAErE,OAAO,EACL,aAAa,EACb,aAAa,EACb,KAAK,EACL,UAAU,EACV,gBAAgB,EAChB,UAAU,EACV,WAAW,EACZ,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/toast/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B;;;;;;;GAOG;AAEH,MAAM,MAAM,kBAAkB,GAAG,KAAK,CAAC,YAAY,CAAA;AAEnD,MAAM,MAAM,UAAU,GAAG;IACvB,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,aAAa,CAAA;IAC/C,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACtC,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,CAAA"}

package/dist/components/ui/toast/index.js

@@ -1,80 +1,3 @@
 'use client';
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ToastProvider = void 0;
-exports.ToastViewport = ToastViewport;
-exports.Toast = Toast;
-exports.ToastTitle = ToastTitle;
-exports.ToastDescription = ToastDescription;
-exports.ToastClose = ToastClose;
-exports.ToastAction = ToastAction;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const ToastPrimitives = __importStar(require("@radix-ui/react-toast"));
-const class_variance_authority_1 = require("class-variance-authority");
-const lucide_react_1 = require("lucide-react");
-const utils_1 = require("../../../lib/utils");
-const ToastProvider = ToastPrimitives.Provider;
-exports.ToastProvider = ToastProvider;
-function ToastViewport({ className, ...props }) {
-    return ((0, jsx_runtime_1.jsx)(ToastPrimitives.Viewport, { "data-slot": "toast-viewport", className: (0, utils_1.cn)('z-100 fixed top-0 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 = (0, class_variance_authority_1.cva)('group pointer-events-auto relative flex w-full items-center justify-between space-x-4 overflow-hidden rounded-md border border-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 data-[state=open]:sm:slide-in-from-bottom-full', {
-    variants: {
-        variant: {
-            default: 'border bg-card text-foreground',
-            success: 'success group border-green-500 bg-green-500 text-primary-foreground',
-            destructive: 'destructive group border-red-500 bg-red-500 text-primary-foreground'
-        }
-    },
-    defaultVariants: {
-        variant: 'default'
-    }
-});
-function Toast({ className, variant, ...props }) {
-    return ((0, jsx_runtime_1.jsx)(ToastPrimitives.Root, { "data-slot": "toast", className: (0, utils_1.cn)(toastVariants({ variant }), className), ...props }));
-}
-function ToastAction({ className, ...props }) {
-    return ((0, jsx_runtime_1.jsx)(ToastPrimitives.Action, { "data-slot": "toast-action", className: (0, utils_1.cn)('focus:outline-hidden border-border ring-offset-background hover:bg-muted focus:ring-ring group-[.destructive]:border-muted/40 hover:group-[.destructive]:text-primary-foreground inline-flex h-8 shrink-0 items-center justify-center rounded-md border bg-transparent px-3 text-sm font-medium transition-colors focus:ring-2 focus:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 hover:group-[.destructive]:border-red-500/30 hover:group-[.destructive]:bg-red-500 focus:group-[.destructive]:ring-red-500', className), ...props }));
-}
-function ToastClose({ className, ...props }) {
-    return ((0, jsx_runtime_1.jsx)(ToastPrimitives.Close, { "data-slot": "toast-close", className: (0, utils_1.cn)('ring-offset-background text-foreground/50 hover:text-foreground absolute right-2 top-2 rounded-md p-1 opacity-0 transition-opacity focus-visible:opacity-100 focus-visible:outline-hidden focus-visible:ring-ring focus-visible:ring-2 focus-visible:ring-offset-2 group-hover:opacity-100 group-[.destructive]:text-red-300 hover:group-[.destructive]:text-red-50 focus-visible:group-[.destructive]:ring-red-400 focus-visible:group-[.destructive]:ring-offset-red-600', className), "toast-close": "", ...props, children: (0, jsx_runtime_1.jsx)(lucide_react_1.X, { className: "h-4 w-4" }) }));
-}
-function ToastTitle({ className, ...props }) {
-    return ((0, jsx_runtime_1.jsx)(ToastPrimitives.Title, { "data-slot": "toast-title", className: (0, utils_1.cn)('text-sm font-semibold', className), ...props }));
-}
-function ToastDescription({ className, ...props }) {
-    return ((0, jsx_runtime_1.jsx)(ToastPrimitives.Description, { "data-slot": "toast-description", className: (0, utils_1.cn)('text-sm opacity-90', className), ...props }));
-}

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

@@ -1,2 +1,6 @@
-export declare function Toaster(): import("react/jsx-runtime").JSX.Element;
+type ToasterProps = {
+    theme?: 'light' | 'dark' | 'system';
+};
+export declare function Toaster({ theme }: ToasterProps): import("react/jsx-runtime").JSX.Element;
+export {};
 //# sourceMappingURL=toaster.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"toaster.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/toast/toaster.tsx"],"names":[],"mappings":"AAYA,wBAAgB,OAAO,4CAsBtB"}
+{"version":3,"file":"toaster.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/toast/toaster.tsx"],"names":[],"mappings":"AAIA,KAAK,YAAY,GAAG;IAClB,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAA;CACpC,CAAA;AAED,wBAAgB,OAAO,CAAC,EAAE,KAAgB,EAAE,EAAE,YAAY,2CAiBzD"}

package/dist/components/ui/toast/toaster.js

@@ -3,11 +3,9 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Toaster = Toaster;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const use_toast_1 = require("../../../hooks/use-toast");
-const toast_1 = require("../toast");
-function Toaster() {
-    const { toasts } = (0, use_toast_1.useToast)();
-    return ((0, jsx_runtime_1.jsxs)(toast_1.ToastProvider, { children: [toasts.map(function ({ id, title, description, action, ...props }) {
-                return ((0, jsx_runtime_1.jsxs)(toast_1.Toast, { ...props, children: [(0, jsx_runtime_1.jsxs)("div", { className: "grid gap-1", children: [title && (0, jsx_runtime_1.jsx)(toast_1.ToastTitle, { children: title }), description && ((0, jsx_runtime_1.jsx)(toast_1.ToastDescription, { children: description }))] }), action, (0, jsx_runtime_1.jsx)(toast_1.ToastClose, {})] }, id));
-            }), (0, jsx_runtime_1.jsx)(toast_1.ToastViewport, {})] }));
+const sonner_1 = require("sonner");
+function Toaster({ theme = 'system' }) {
+    return ((0, jsx_runtime_1.jsx)(sonner_1.Toaster, { theme: theme, position: "bottom-right", visibleToasts: 3, duration: 10000, expand: false, closeButton: true, richColors: false, offset: 16, gap: 8, toastOptions: {
+            className: 'font-sans !text-sm !font-medium'
+        } }));
 }

package/dist/globals.css

@@ -10,8 +10,6 @@
 @import './components/ui/stepper/styles.css';
 @import './components/ui/tabs/styles.css';
 @import './components/ui/dialog/styles.css';
-@import './utilities.css';
-
 @custom-variant dark (&:is(.dark *));
 
 @theme inline {
@@ -327,6 +325,147 @@
   }
 }
 
+/* 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-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"}

package/dist/hooks/use-toast.js

@@ -1,164 +1,63 @@
 'use client';
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.reducer = void 0;
 exports.useToast = useToast;
 exports.toast = toast;
-const React = __importStar(require("react"));
-const TOAST_LIMIT = 1;
-const TOAST_REMOVE_DELAY = 1000000;
-const actionTypes = {
-    ADD_TOAST: 'ADD_TOAST',
-    UPDATE_TOAST: 'UPDATE_TOAST',
-    DISMISS_TOAST: 'DISMISS_TOAST',
-    REMOVE_TOAST: 'REMOVE_TOAST'
-};
-let count = 0;
-function genId() {
-    count = (count + 1) % Number.MAX_SAFE_INTEGER;
-    return count.toString();
-}
-const toastTimeouts = new Map();
-const addToRemoveQueue = (toastId) => {
-    if (toastTimeouts.has(toastId)) {
-        return;
-    }
-    const timeout = setTimeout(() => {
-        toastTimeouts.delete(toastId);
-        dispatch({
-            type: 'REMOVE_TOAST',
-            toastId: toastId
-        });
-    }, TOAST_REMOVE_DELAY);
-    toastTimeouts.set(toastId, timeout);
-};
-const reducer = (state, action) => {
-    switch (action.type) {
-        case 'ADD_TOAST':
-            return {
-                ...state,
-                toasts: [action.toast, ...state.toasts].slice(0, TOAST_LIMIT)
-            };
-        case 'UPDATE_TOAST':
-            return {
-                ...state,
-                toasts: state.toasts.map((t) => t.id === action.toast.id ? { ...t, ...action.toast } : t)
-            };
-        case 'DISMISS_TOAST': {
-            const { toastId } = action;
-            // but I'll keep it here for simplicity
-            if (toastId) {
-                addToRemoveQueue(toastId);
-            }
-            else {
-                state.toasts.forEach((toast) => {
-                    addToRemoveQueue(toast.id);
-                });
-            }
-            return {
-                ...state,
-                toasts: state.toasts.map((t) => t.id === toastId || toastId === undefined
-                    ? {
-                        ...t,
-                        open: false
-                    }
-                    : t)
-            };
-        }
-        case 'REMOVE_TOAST':
-            if (action.toastId === undefined) {
-                return {
-                    ...state,
-                    toasts: []
-                };
-            }
-            return {
-                ...state,
-                toasts: state.toasts.filter((t) => t.id !== action.toastId)
-            };
+const sonner_1 = require("sonner");
+const DEFAULT_DURATION = 10000;
+const DESTRUCTIVE_DURATION = Infinity;
+function toast({ title, description, variant, ...rest }) {
+    const message = title ?? '';
+    const options = {
+        description,
+        ...rest
+    };
+    let id;
+    switch (variant) {
+        case 'success':
+            options.duration = DEFAULT_DURATION;
+            id = sonner_1.toast.success(message, options);
+            break;
+        case 'destructive':
+            options.duration = DESTRUCTIVE_DURATION;
+            id = sonner_1.toast.error(message, options);
+            break;
+        default:
+            options.duration = DEFAULT_DURATION;
+            id = (0, sonner_1.toast)(message, options);
+            break;
     }
-};
-exports.reducer = reducer;
-const listeners = [];
-let memoryState = { toasts: [] };
-function dispatch(action) {
-    memoryState = (0, exports.reducer)(memoryState, action);
-    listeners.forEach((listener) => {
-        listener(memoryState);
-    });
-}
-function toast({ ...props }) {
-    const id = genId();
-    const update = (props) => dispatch({
-        type: 'UPDATE_TOAST',
-        toast: { ...props, id }
-    });
-    const dismiss = () => dispatch({ type: 'DISMISS_TOAST', toastId: id });
-    dispatch({
-        type: 'ADD_TOAST',
-        toast: {
-            ...props,
-            id,
-            open: true,
-            onOpenChange: (open) => {
-                if (!open)
-                    dismiss();
-            }
-        }
-    });
     return {
-        id: id,
-        dismiss,
-        update
+        id,
+        dismiss: () => sonner_1.toast.dismiss(id),
+        update: (props) => {
+            (0, sonner_1.toast)(props.title ?? message, {
+                id,
+                description: props.description ?? description,
+                ...rest
+            });
+        }
     };
 }
+/**
+ * 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)
+ */
 function useToast() {
-    const [state, setState] = React.useState(memoryState);
-    React.useEffect(() => {
-        listeners.push(setState);
-        return () => {
-            const index = listeners.indexOf(setState);
-            if (index > -1) {
-                listeners.splice(index, 1);
-            }
-        };
-    }, [state]);
     return {
-        ...state,
         toast,
-        dismiss: (toastId) => dispatch({ type: 'DISMISS_TOAST', toastId })
+        dismiss: (toastId) => {
+            if (toastId !== undefined) {
+                sonner_1.toast.dismiss(toastId);
+            }
+            else {
+                sonner_1.toast.dismiss();
+            }
+        },
+        toasts: []
     };
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lerianstudio/sindarian-ui",
-  "version": "1.0.0-beta.41",
+  "version": "1.0.0-beta.43",
   "description": "Sindarian UI - A UI library for Midaz Console",
   "license": "ISC",
   "author": {
@@ -45,7 +45,7 @@
     "@radix-ui/react-slot": "^1.2.4",
     "@radix-ui/react-switch": "^1.2.6",
     "@radix-ui/react-tabs": "^1.1.13",
-    "@radix-ui/react-toast": "^1.2.15",
+    "sonner": "^2.0.7",
     "@radix-ui/react-tooltip": "^1.2.8",
     "@tailwindcss/postcss": "^4.1.18",
     "class-variance-authority": "^0.7.1",

package/dist/utilities.css

@@ -1,22 +0,0 @@
-/* Scrollbar — thin translucent thumb for scrollable layout containers */
-@utility scrollbar-thin-translucent {
-  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);
-  }
-}