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

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

@@ -10,20 +10,20 @@ const utils_1 = require("../../../lib/utils");
 const lucide_react_1 = require("lucide-react");
 const skeleton_1 = require("../skeleton");
 function Stepper({ className, ...props }) {
-    return ((0, jsx_runtime_1.jsx)("div", { "data-slot": "stepper", className: (0, utils_1.cn)('flex flex-col gap-4', className), ...props }));
+    return ((0, jsx_runtime_1.jsx)("div", { "data-slot": "stepper", className: (0, utils_1.cn)('stepper', className), ...props }));
 }
 function StepperItem({ className, active = false, complete = false, ...props }) {
-    return ((0, jsx_runtime_1.jsx)("div", { "data-slot": "stepper-item", "data-active": active, "data-complete": complete, className: (0, utils_1.cn)('group flex flex-row gap-3 data-[complete=true]:cursor-pointer', className), ...props }));
+    return ((0, jsx_runtime_1.jsx)("div", { "data-slot": "stepper-item", "data-active": active, "data-complete": complete, className: (0, utils_1.cn)('stepper-item group', className), ...props }));
 }
 function StepperItemNumber({ className, ...props }) {
-    return ((0, jsx_runtime_1.jsx)("div", { "data-slot": "stepper-item-number", className: (0, utils_1.cn)('border-shadcn-400 text-shadcn-400 flex h-8 w-8 shrink-0 items-center justify-center rounded-full border text-sm font-medium', 'group-data-[active=true]:border-none group-data-[active=true]:bg-zinc-700 group-data-[active=true]:text-white', 'group-data-[complete=true]:border-none group-data-[complete=true]:bg-white group-data-[complete=true]:text-zinc-700', className), ...props }));
+    return ((0, jsx_runtime_1.jsx)("div", { "data-slot": "stepper-item-number", className: (0, utils_1.cn)('stepper-item-number', className), ...props }));
 }
 function StepperItemText({ className, title, description, ...props }) {
-    return ((0, jsx_runtime_1.jsxs)("div", { "data-slot": "stepper-item-text", className: (0, utils_1.cn)('text-shadcn-400 flex flex-col text-sm font-medium', 'group-data-[active=true]:text-zinc-700', 'group-data-[complete=true]:text-zinc-700 group-data-[complete=true]:underline', className), ...props, children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex h-8 items-center gap-3", children: [(0, jsx_runtime_1.jsx)("p", { children: title }), (0, jsx_runtime_1.jsx)(lucide_react_1.CircleCheck, { className: "text-green-600 group-data-[complete=false]:hidden", width: 16, height: 16 })] }), description && ((0, jsx_runtime_1.jsx)("p", { className: "text-xs text-zinc-500 group-data-[active=false]:hidden", children: description }))] }));
+    return ((0, jsx_runtime_1.jsxs)("div", { "data-slot": "stepper-item-text", className: (0, utils_1.cn)('stepper-item-text', className), ...props, children: [(0, jsx_runtime_1.jsxs)("div", { className: "stepper-item-title", children: [(0, jsx_runtime_1.jsx)("p", { children: title }), (0, jsx_runtime_1.jsx)(lucide_react_1.CircleCheck, { className: "stepper-item-icon", width: 16, height: 16 })] }), description && (0, jsx_runtime_1.jsx)("p", { className: "stepper-item-description", children: description })] }));
 }
 const StepperContent = ({ active, children }) => {
     return active ? (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: children }) : null;
 };
 exports.StepperContent = StepperContent;
-const StepperItemSkeleton = () => ((0, jsx_runtime_1.jsxs)("div", { className: "flex flex-row items-center gap-3", children: [(0, jsx_runtime_1.jsx)(skeleton_1.Skeleton, { className: "h-8 w-8 rounded-full bg-zinc-200" }), (0, jsx_runtime_1.jsx)(skeleton_1.Skeleton, { className: "h-5 w-32 bg-zinc-200" })] }));
+const StepperItemSkeleton = () => ((0, jsx_runtime_1.jsxs)("div", { className: "flex flex-row items-center gap-3", children: [(0, jsx_runtime_1.jsx)(skeleton_1.Skeleton, { className: "bg-muted h-8 w-8 rounded-full" }), (0, jsx_runtime_1.jsx)(skeleton_1.Skeleton, { className: "bg-muted h-5 w-32" })] }));
 exports.StepperItemSkeleton = StepperItemSkeleton;

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

@@ -0,0 +1,41 @@
+@theme inline {
+  --color-stepper-item-text: var(--color-container-text);
+  --color-stepper-item-active: var(--color-foreground);
+  --color-stepper-item-number: var(--color-container-text);
+  --color-stepper-item-icon: var(--color-system-success);
+  --color-stepper-item-description: var(--color-body-text);
+}
+
+@layer components {
+  .stepper {
+    @apply flex flex-col gap-4;
+  }
+
+  .stepper-item {
+    @apply flex flex-row gap-3 data-[complete=true]:cursor-pointer;
+  }
+
+  .stepper-item-number {
+    @apply border-stepper-item-number text-stepper-item-number flex h-8 w-8 shrink-0 items-center justify-center rounded-full border text-sm font-medium;
+    @apply group-data-[active=true]:bg-stepper-item-active group-data-[active=true]:text-primary-foreground group-data-[active=true]:border-none;
+    @apply group-data-[complete=true]:text-stepper-item-active group-data-[complete=true]:bg-card group-data-[complete=true]:border-none;
+  }
+
+  .stepper-item-text {
+    @apply text-stepper-item-text flex flex-col text-sm font-medium;
+    @apply group-data-[active=true]:text-stepper-item-active;
+    @apply group-data-[complete=true]:text-stepper-item-active group-data-[complete=true]:underline;
+  }
+
+  .stepper-item-title {
+    @apply flex h-8 items-center gap-3;
+  }
+
+  .stepper-item-icon {
+    @apply text-stepper-item-icon group-data-[complete=false]:hidden;
+  }
+
+  .stepper-item-description {
+    @apply text-stepper-item-description text-xs group-data-[active=false]:hidden;
+  }
+}

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

@@ -39,5 +39,5 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const SwitchPrimitives = __importStar(require("@radix-ui/react-switch"));
 const utils_1 = require("../../../lib/utils");
 function Switch({ className, ...props }) {
-    return ((0, jsx_runtime_1.jsx)(SwitchPrimitives.Root, { "data-slot": "switch", className: (0, utils_1.cn)('peer inline-flex h-6 w-11 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors focus-visible:ring-2 focus-visible:ring-slate-950 focus-visible:ring-offset-2 focus-visible:ring-offset-white focus-visible:outline-hidden disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-[#52525B] data-[state=unchecked]:bg-[#E5E7EB] dark:focus-visible:ring-slate-300 dark:focus-visible:ring-offset-slate-950 dark:data-[state=checked]:bg-slate-50 dark:data-[state=unchecked]:bg-slate-800', className), ...props, children: (0, jsx_runtime_1.jsx)(SwitchPrimitives.Thumb, { "data-slot": "switch-thumb", className: (0, utils_1.cn)('pointer-events-none block h-5 w-5 rounded-full bg-white shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0 dark:bg-slate-950') }) }));
+    return ((0, jsx_runtime_1.jsx)(SwitchPrimitives.Root, { "data-slot": "switch", className: (0, utils_1.cn)('focus-visible:ring-ring focus-visible:ring-offset-background focus-visible:outline-hidden data-[state=checked]:bg-primary data-[state=unchecked]:bg-muted peer inline-flex h-6 w-11 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors focus-visible:ring-2 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50', className), ...props, children: (0, jsx_runtime_1.jsx)(SwitchPrimitives.Thumb, { "data-slot": "switch-thumb", className: (0, utils_1.cn)('bg-background pointer-events-none block h-5 w-5 rounded-full shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0') }) }));
 }

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

@@ -29,19 +29,19 @@ function TableFooter({ className, ...props }) {
     return ((0, jsx_runtime_1.jsx)("tfoot", { "data-slot": "data-table-footer", className: (0, utils_1.cn)('bg-muted/50 border-t font-medium last:[&>tr]:border-b-0', className), ...props }));
 }
 function TableRow({ className, active, button, ...props }) {
-    return ((0, jsx_runtime_1.jsx)("tr", { "data-slot": "data-table-row", className: (0, utils_1.cn)('data-[state=selected]:bg-muted border-b transition-colors hover:bg-[#FAFAFA]', {
+    return ((0, jsx_runtime_1.jsx)("tr", { "data-slot": "data-table-row", className: (0, utils_1.cn)('data-[state=selected]:bg-muted hover:bg-muted border-b transition-colors', {
             'cursor-pointer': button,
-            'bg-[#FEED0280] hover:bg-[#FEED0280]': active
+            'bg-accent/50 hover:bg-accent/50': active
         }, className), ...props }));
 }
 function TableHead({ className, align, ...props }) {
-    return ((0, jsx_runtime_1.jsx)("th", { "data-slot": "data-table-head", className: (0, utils_1.cn)('h-12 px-6 py-4 text-left align-middle font-medium text-[#52525B] [&:has([role=checkbox])]:pr-0', {
+    return ((0, jsx_runtime_1.jsx)("th", { "data-slot": "data-table-head", className: (0, utils_1.cn)('text-muted-foreground h-12 px-6 py-4 text-left align-middle font-medium [&:has([role=checkbox])]:pr-0', {
             'text-center': align === 'center',
             'text-right': align === 'right'
         }, className), ...props }));
 }
 function TableCell({ className, onClick, ...props }) {
-    return ((0, jsx_runtime_1.jsx)("td", { "data-slot": "data-table-cell", className: (0, utils_1.cn)('group/table-cell text-shadcn-600 px-6 py-4 align-middle text-sm font-normal [&:has([role=checkbox])]:pr-0', {
+    return ((0, jsx_runtime_1.jsx)("td", { "data-slot": "data-table-cell", className: (0, utils_1.cn)('group/table-cell text-foreground px-6 py-4 align-middle text-sm font-normal [&:has([role=checkbox])]:pr-0', {
             'hover:underline': onClick
         }, className), onClick: onClick, ...props }));
 }

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/tabs/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,aAAa,MAAM,sBAAsB,CAAA;AAIrD,iBAAS,IAAI,CAAC,EACZ,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,IAAI,CAAC,2CAQjD;AAED,iBAAS,QAAQ,CAAC,EAChB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,IAAI,CAAC,2CAWjD;AAED,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,OAAO,CAAC,2CAWpD;AAED,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,OAAO,CAAC,2CAWpD;AAED,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,WAAW,EAAE,WAAW,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/tabs/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,aAAa,MAAM,sBAAsB,CAAA;AAIrD,iBAAS,IAAI,CAAC,EACZ,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,IAAI,CAAC,2CAQjD;AAED,iBAAS,QAAQ,CAAC,EAChB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,IAAI,CAAC,2CAQjD;AAED,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,OAAO,CAAC,2CAWpD;AAED,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,OAAO,CAAC,2CAQpD;AAED,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,WAAW,EAAE,WAAW,EAAE,CAAA"}

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

@@ -42,14 +42,14 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const TabsPrimitive = __importStar(require("@radix-ui/react-tabs"));
 const utils_1 = require("../../../lib/utils");
 function Tabs({ className, ...props }) {
-    return ((0, jsx_runtime_1.jsx)(TabsPrimitive.Root, { "data-slot": "tabs", className: (0, utils_1.cn)('mt-6 w-full', className), ...props }));
+    return ((0, jsx_runtime_1.jsx)(TabsPrimitive.Root, { "data-slot": "tabs", className: (0, utils_1.cn)('tabs', className), ...props }));
 }
 function TabsList({ className, ...props }) {
-    return ((0, jsx_runtime_1.jsx)(TabsPrimitive.List, { "data-slot": "tabs-list", className: (0, utils_1.cn)('flex h-10 items-center justify-start gap-4 rounded-md p-1 text-slate-500', className), ...props }));
+    return ((0, jsx_runtime_1.jsx)(TabsPrimitive.List, { "data-slot": "tabs-list", className: (0, utils_1.cn)('tabs-list', className), ...props }));
 }
 function TabsTrigger({ className, ...props }) {
-    return ((0, jsx_runtime_1.jsx)(TabsPrimitive.Trigger, { "data-slot": "tabs-trigger", className: (0, utils_1.cn)('!focus-visible:outline-none !focus-visible:ring-2 !focus-visible:ring-slate-950 !focus-visible:ring-offset-2 text-shadcn-400 hover:text-shadcn-500 data-[state=active]:bg-accent data-[state=active]:text-accent-foreground inline-flex items-center justify-center rounded-md px-4 py-[10px] text-sm font-medium whitespace-nowrap ring-offset-white transition-all hover:bg-white disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-xs', className), ...props }));
+    return ((0, jsx_runtime_1.jsx)(TabsPrimitive.Trigger, { "data-slot": "tabs-trigger", className: (0, utils_1.cn)('!focus-visible:outline-none !focus-visible:ring-2 !focus-visible:ring-slate-950 !focus-visible:ring-offset-2 tabs-trigger tabs-trigger-disabled', className), ...props }));
 }
 function TabsContent({ className, ...props }) {
-    return ((0, jsx_runtime_1.jsx)(TabsPrimitive.Content, { "data-slot": "tabs-content", className: (0, utils_1.cn)('mt-4 ring-offset-white focus-visible:ring-2 focus-visible:ring-slate-950 focus-visible:ring-offset-2 focus-visible:outline-hidden', className), ...props }));
+    return ((0, jsx_runtime_1.jsx)(TabsPrimitive.Content, { "data-slot": "tabs-content", className: (0, utils_1.cn)('tabs-content', className), ...props }));
 }

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

@@ -0,0 +1,31 @@
+@theme inline {
+  --color-tabs-trigger-text: var(--color-container-text);
+  --color-tabs-trigger-hover: var(--color-card);
+  --color-tabs-trigger-text-hover: var(--color-body-text);
+  --color-tabs-trigger-active: var(--color-accent);
+  --color-tabs-trigger-text-active: var(--color-accent-foreground);
+}
+
+@layer components {
+  .tabs {
+    @apply mt-6 w-full;
+  }
+
+  .tabs-list {
+    @apply flex h-10 items-center justify-start gap-4 rounded-md p-1;
+  }
+
+  .tabs-trigger {
+    @apply text-tabs-trigger-text hover:text-tabs-trigger-text-hover hover:bg-tabs-trigger-hover ring-offset-background inline-flex cursor-pointer items-center justify-center rounded-lg px-4 py-2.5 text-sm font-medium whitespace-nowrap transition-all;
+    @apply focus-visible:ring-ring focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-none;
+    @apply data-[state=active]:bg-tabs-trigger-active data-[state=active]:text-tabs-trigger-text-active;
+  }
+
+  .tabs-trigger-disabled {
+    @apply disabled:pointer-events-none disabled:opacity-50;
+  }
+
+  .tabs-content {
+    @apply ring-offset-background focus-visible:ring-ring mt-4 focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-hidden;
+  }
+}

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

@@ -4,5 +4,5 @@ exports.Textarea = Textarea;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const utils_1 = require("../../../lib/utils");
 function Textarea({ className, ...props }) {
-    return ((0, jsx_runtime_1.jsx)("textarea", { className: (0, utils_1.cn)('border-input bg-background ring-offset-background placeholder:text-muted-foreground focus-visible:ring-ring flex w-full rounded-md border px-3 py-2 text-base focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-hidden', 'read-only:cursor-default read-only:bg-zinc-100 read-only:caret-transparent read-only:opacity-50 read-only:select-text read-only:focus:ring-0 read-only:focus:ring-offset-0 read-only:focus:outline-hidden', 'disabled:cursor-not-allowed disabled:opacity-50', className), ...props }));
+    return ((0, jsx_runtime_1.jsx)("textarea", { className: (0, utils_1.cn)('border-input bg-background ring-offset-background placeholder:text-muted-foreground focus-visible:ring-ring focus-visible:outline-hidden flex w-full rounded-md border px-3 py-2 text-base focus-visible:ring-2 focus-visible:ring-offset-2', 'read-only:bg-muted read-only:focus:outline-hidden read-only:cursor-default read-only:select-text read-only:caret-transparent read-only:opacity-50 read-only:focus:ring-0 read-only:focus:ring-offset-0', 'disabled:cursor-not-allowed disabled:opacity-50', className), ...props }));
 }

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;;8EAiBlB,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)('fixed top-0 z-100 flex max-h-screen w-full flex-col-reverse p-4 sm:top-auto sm:right-0 sm:bottom-0 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-slate-200 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 dark:border-slate-800', {
-    variants: {
-        variant: {
-            default: 'border bg-white text-slate-950 dark:bg-slate-950 dark:text-slate-50',
-            success: 'success group border-green-500 bg-green-500 text-slate-50 dark:border-green-900 dark:bg-green-900 dark:text-slate-50',
-            destructive: 'destructive group border-red-500 bg-red-500 text-slate-50 dark:border-red-900 dark:bg-red-900 dark:text-slate-50'
-        }
-    },
-    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)('inline-flex h-8 shrink-0 items-center justify-center rounded-md border border-slate-200 bg-transparent px-3 text-sm font-medium ring-offset-white transition-colors group-[.destructive]:border-slate-100/40 hover:bg-slate-100 hover:group-[.destructive]:border-red-500/30 hover:group-[.destructive]:bg-red-500 hover:group-[.destructive]:text-slate-50 focus:ring-2 focus:ring-slate-950 focus:ring-offset-2 focus:outline-hidden focus:group-[.destructive]:ring-red-500 disabled:pointer-events-none disabled:opacity-50 dark:border-slate-800 dark:ring-offset-slate-950 dark:group-[.destructive]:border-slate-800/40 dark:hover:bg-slate-800 dark:hover:group-[.destructive]:border-red-900/30 dark:hover:group-[.destructive]:bg-red-900 dark:hover:group-[.destructive]:text-slate-50 dark:focus:ring-slate-300 dark:focus:group-[.destructive]:ring-red-900', className), ...props }));
-}
-function ToastClose({ className, ...props }) {
-    return ((0, jsx_runtime_1.jsx)(ToastPrimitives.Close, { "data-slot": "toast-close", className: (0, utils_1.cn)('absolute top-2 right-2 rounded-md p-1 text-slate-950/50 opacity-0 transition-opacity group-hover:opacity-100 group-[.destructive]:text-red-300 hover:text-slate-950 hover:group-[.destructive]:text-red-50 focus:opacity-100 focus:ring-2 focus:outline-hidden focus:group-[.destructive]:ring-red-400 focus:group-[.destructive]:ring-offset-red-600 dark:text-slate-50/50 dark:hover:text-slate-50', 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("../../../components/ui/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'
+        } }));
 }