yaxa-svelte 2.0.4 → 2.2.0

package/dist/components/layout/Card.svelte.d.ts

@@ -2,53 +2,21 @@ import { type VariantProps } from '../../utils/cn';
 import type { Snippet } from 'svelte';
 export declare const cardVariants: import("tailwind-variants").TVReturnType<{
     variant: {
-        outline: "border border-neutral-200 bg-white/80 backdrop-blur-xs shadow-xs dark:border-neutral-800 dark:bg-neutral-900/80 yaxa-surface-elevated";
-        solid: "bg-white shadow-md dark:bg-neutral-900 yaxa-surface-elevated";
-        soft: "bg-neutral-50 dark:bg-neutral-900/50";
-        subtle: "border border-neutral-200/60 bg-neutral-50/50 dark:border-neutral-800/60 dark:bg-neutral-900/40";
+        outline: string;
+        solid: string;
+        soft: string;
+        subtle: string;
     };
     hover: {
-        true: "hover:shadow-md hover:border-neutral-300 dark:hover:border-neutral-700 hover:-translate-y-0.5 motion-reduce:transform-none";
+        true: string;
     };
     padding: {
-        none: "";
-        sm: "p-4";
-        md: "p-6";
-        lg: "p-8";
+        none: string;
+        sm: string;
+        md: string;
+        lg: string;
     };
-}, undefined, "rounded-xl transition-all duration-200 overflow-hidden", {
-    variant: {
-        outline: "border border-neutral-200 bg-white/80 backdrop-blur-xs shadow-xs dark:border-neutral-800 dark:bg-neutral-900/80 yaxa-surface-elevated";
-        solid: "bg-white shadow-md dark:bg-neutral-900 yaxa-surface-elevated";
-        soft: "bg-neutral-50 dark:bg-neutral-900/50";
-        subtle: "border border-neutral-200/60 bg-neutral-50/50 dark:border-neutral-800/60 dark:bg-neutral-900/40";
-    };
-    hover: {
-        true: "hover:shadow-md hover:border-neutral-300 dark:hover:border-neutral-700 hover:-translate-y-0.5 motion-reduce:transform-none";
-    };
-    padding: {
-        none: "";
-        sm: "p-4";
-        md: "p-6";
-        lg: "p-8";
-    };
-}, undefined, import("tailwind-variants").TVReturnTypeLike<{
-    variant: {
-        outline: "border border-neutral-200 bg-white/80 backdrop-blur-xs shadow-xs dark:border-neutral-800 dark:bg-neutral-900/80 yaxa-surface-elevated";
-        solid: "bg-white shadow-md dark:bg-neutral-900 yaxa-surface-elevated";
-        soft: "bg-neutral-50 dark:bg-neutral-900/50";
-        subtle: "border border-neutral-200/60 bg-neutral-50/50 dark:border-neutral-800/60 dark:bg-neutral-900/40";
-    };
-    hover: {
-        true: "hover:shadow-md hover:border-neutral-300 dark:hover:border-neutral-700 hover:-translate-y-0.5 motion-reduce:transform-none";
-    };
-    padding: {
-        none: "";
-        sm: "p-4";
-        md: "p-6";
-        lg: "p-8";
-    };
-}, undefined>>;
+}, undefined, "rounded-xl transition-all duration-200 overflow-hidden", undefined, undefined, undefined>;
 export interface CardSlots {
     root?: string;
     header?: string;

package/dist/components/layout/Container.svelte.d.ts

@@ -2,32 +2,14 @@ import { type VariantProps } from '../../utils/cn.js';
 import type { Snippet } from 'svelte';
 export declare const containerVariants: import("tailwind-variants").TVReturnType<{
     size: {
-        sm: "max-w-3xl";
-        md: "max-w-5xl";
-        lg: "max-w-7xl";
-        xl: "max-w-(--breakpoint-xl)";
-        '2xl': "max-w-(--breakpoint-2xl)";
-        full: "max-w-full";
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        '2xl': string;
+        full: string;
     };
-}, undefined, "mx-auto px-4 sm:px-6 lg:px-8 w-full", {
-    size: {
-        sm: "max-w-3xl";
-        md: "max-w-5xl";
-        lg: "max-w-7xl";
-        xl: "max-w-(--breakpoint-xl)";
-        '2xl': "max-w-(--breakpoint-2xl)";
-        full: "max-w-full";
-    };
-}, undefined, import("tailwind-variants").TVReturnTypeLike<{
-    size: {
-        sm: "max-w-3xl";
-        md: "max-w-5xl";
-        lg: "max-w-7xl";
-        xl: "max-w-(--breakpoint-xl)";
-        '2xl': "max-w-(--breakpoint-2xl)";
-        full: "max-w-full";
-    };
-}, undefined>>;
+}, undefined, "mx-auto px-4 sm:px-6 lg:px-8 w-full", undefined, undefined, undefined>;
 export type ContainerProps = VariantProps<typeof containerVariants> & {
     class?: string;
     children?: Snippet;

package/dist/components/layout/DashboardShell.svelte.d.ts

@@ -15,37 +15,7 @@ export declare const dashboardShellVariants: import("tailwind-variants").TVRetur
     topbar: string;
     main: string;
     content: string;
-}, undefined, {
-    collapsed: {
-        true: {
-            sidebar: string;
-        };
-        false: {
-            sidebar: string;
-        };
-    };
-}, {
-    root: string;
-    sidebar: string;
-    topbar: string;
-    main: string;
-    content: string;
-}, import("tailwind-variants").TVReturnTypeLike<{
-    collapsed: {
-        true: {
-            sidebar: string;
-        };
-        false: {
-            sidebar: string;
-        };
-    };
-}, {
-    root: string;
-    sidebar: string;
-    topbar: string;
-    main: string;
-    content: string;
-}>>;
+}, undefined, undefined, undefined, undefined>;
 export type DashboardShellProps = VariantProps<typeof dashboardShellVariants> & {
     collapsed?: boolean;
     mobileOpen?: boolean;

package/dist/components/layout/ResizablePanels.svelte.d.ts

@@ -17,41 +17,7 @@ export declare const resizablePanelsVariants: import("tailwind-variants").TVRetu
     root: string;
     handle: string;
     grip: string;
-}, undefined, {
-    direction: {
-        horizontal: {
-            root: string;
-            handle: string;
-            grip: string;
-        };
-        vertical: {
-            root: string;
-            handle: string;
-            grip: string;
-        };
-    };
-}, {
-    root: string;
-    handle: string;
-    grip: string;
-}, import("tailwind-variants").TVReturnTypeLike<{
-    direction: {
-        horizontal: {
-            root: string;
-            handle: string;
-            grip: string;
-        };
-        vertical: {
-            root: string;
-            handle: string;
-            grip: string;
-        };
-    };
-}, {
-    root: string;
-    handle: string;
-    grip: string;
-}>>;
+}, undefined, undefined, undefined, undefined>;
 export type ResizablePanelsProps = VariantProps<typeof resizablePanelsVariants> & {
     direction?: 'horizontal' | 'vertical';
     defaultSize?: number;

package/dist/components/navigation/CommandPalette.dom.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/navigation/CommandPalette.dom.test.js

@@ -0,0 +1,76 @@
+import { describe, it, expect, vi } from 'vitest';
+import { flushSync } from 'svelte';
+import { renderComponent } from '../../testing/index.js';
+import CommandPalette from './CommandPalette.svelte';
+describe('CommandPalette Component (DOM & Interactions)', () => {
+    const testItems = [
+        { id: '1', label: 'Documentation Buttons', group: 'Navigation', shortcut: '⌘B' },
+        { id: '2', label: 'Billing Settings', group: 'Settings', shortcut: '⌘S' },
+        { id: '3', label: 'Dark Mode Switcher', group: 'Appearance' }
+    ];
+    it('renders dialog, search input, and command items when open is true', () => {
+        const { cleanup, target } = renderComponent(CommandPalette, {
+            open: true,
+            items: testItems
+        });
+        const input = target.querySelector('input') || document.querySelector('input[placeholder*="command"]');
+        expect(input).toBeDefined();
+        expect(document.body.textContent).toContain('Documentation Buttons');
+        expect(document.body.textContent).toContain('Billing Settings');
+        cleanup();
+    });
+    it('filters items dynamically when user types search query', async () => {
+        const { cleanup, target } = renderComponent(CommandPalette, {
+            open: true,
+            items: testItems
+        });
+        const input = (target.querySelector('input') ||
+            document.querySelector('input[type="text"]'));
+        expect(input).toBeDefined();
+        if (input) {
+            input.value = 'Buttons';
+            input.dispatchEvent(new Event('input', { bubbles: true }));
+            flushSync();
+            expect(document.body.textContent).toContain('Documentation Buttons');
+            expect(document.body.textContent).not.toContain('Billing Settings');
+        }
+        cleanup();
+    });
+    it('triggers item onSelect callback when clicked', async () => {
+        const onSelect = vi.fn();
+        const itemsWithAction = [{ id: 'action-1', label: 'Create Workspace', onSelect }];
+        const { cleanup } = renderComponent(CommandPalette, {
+            open: true,
+            items: itemsWithAction
+        });
+        const actionEl = Array.from(document.querySelectorAll('button, [role="button"]')).find((el) => el.textContent?.includes('Create Workspace'));
+        expect(actionEl).toBeDefined();
+        if (actionEl) {
+            actionEl.click();
+            flushSync();
+            expect(onSelect).toHaveBeenCalledOnce();
+        }
+        cleanup();
+    });
+    it('toggles open state via global Ctrl+K and closes on Escape', async () => {
+        const { cleanup } = renderComponent(CommandPalette, {
+            open: false,
+            items: testItems
+        });
+        // Trigger global Ctrl+K
+        window.dispatchEvent(new KeyboardEvent('keydown', {
+            key: 'k',
+            ctrlKey: true,
+            bubbles: true
+        }));
+        flushSync();
+        expect(document.body.textContent).toContain('Documentation Buttons');
+        // Trigger Escape
+        window.dispatchEvent(new KeyboardEvent('keydown', {
+            key: 'Escape',
+            bubbles: true
+        }));
+        flushSync();
+        cleanup();
+    });
+});

package/dist/components/navigation/Stepper.svelte.d.ts

@@ -11,20 +11,10 @@ export interface StepItem {
 }
 export declare const stepperVariants: import("tailwind-variants").TVReturnType<{
     orientation: {
-        horizontal: "flex-row items-center justify-between";
-        vertical: "flex-col space-y-6";
+        horizontal: string;
+        vertical: string;
     };
-}, undefined, "flex w-full", {
-    orientation: {
-        horizontal: "flex-row items-center justify-between";
-        vertical: "flex-col space-y-6";
-    };
-}, undefined, import("tailwind-variants").TVReturnTypeLike<{
-    orientation: {
-        horizontal: "flex-row items-center justify-between";
-        vertical: "flex-col space-y-6";
-    };
-}, undefined>>;
+}, undefined, "flex w-full", undefined, undefined, undefined>;
 export type StepperProps = VariantProps<typeof stepperVariants> & {
     steps?: StepItem[];
     currentStep?: number;

package/dist/components/overlays/Alert.svelte.d.ts

@@ -3,26 +3,12 @@ import type { Snippet } from 'svelte';
 import type { IconSource } from '../elements/Icon.svelte';
 export declare const alertVariants: import("tailwind-variants").TVReturnType<{
     color: {
-        info: "border-sky-200 bg-sky-50/70 text-sky-900 dark:border-sky-900/50 dark:bg-sky-950/30 dark:text-sky-200";
-        success: "border-emerald-200 bg-emerald-50/70 text-emerald-900 dark:border-emerald-900/50 dark:bg-emerald-950/30 dark:text-emerald-200";
-        warning: "border-amber-200 bg-amber-50/70 text-amber-900 dark:border-amber-900/50 dark:bg-amber-950/30 dark:text-amber-200";
-        error: "border-rose-200 bg-rose-50/70 text-rose-900 dark:border-rose-900/50 dark:bg-rose-950/30 dark:text-rose-200";
+        info: string;
+        success: string;
+        warning: string;
+        error: string;
     };
-}, undefined, "relative w-full rounded-xl border p-4 transition-all duration-150", {
-    color: {
-        info: "border-sky-200 bg-sky-50/70 text-sky-900 dark:border-sky-900/50 dark:bg-sky-950/30 dark:text-sky-200";
-        success: "border-emerald-200 bg-emerald-50/70 text-emerald-900 dark:border-emerald-900/50 dark:bg-emerald-950/30 dark:text-emerald-200";
-        warning: "border-amber-200 bg-amber-50/70 text-amber-900 dark:border-amber-900/50 dark:bg-amber-950/30 dark:text-amber-200";
-        error: "border-rose-200 bg-rose-50/70 text-rose-900 dark:border-rose-900/50 dark:bg-rose-950/30 dark:text-rose-200";
-    };
-}, undefined, import("tailwind-variants").TVReturnTypeLike<{
-    color: {
-        info: "border-sky-200 bg-sky-50/70 text-sky-900 dark:border-sky-900/50 dark:bg-sky-950/30 dark:text-sky-200";
-        success: "border-emerald-200 bg-emerald-50/70 text-emerald-900 dark:border-emerald-900/50 dark:bg-emerald-950/30 dark:text-emerald-200";
-        warning: "border-amber-200 bg-amber-50/70 text-amber-900 dark:border-amber-900/50 dark:bg-amber-950/30 dark:text-amber-200";
-        error: "border-rose-200 bg-rose-50/70 text-rose-900 dark:border-rose-900/50 dark:bg-rose-950/30 dark:text-rose-200";
-    };
-}, undefined>>;
+}, undefined, "relative w-full rounded-xl border p-4 transition-all duration-150", undefined, undefined, undefined>;
 export interface AlertSlots {
     root?: string;
     icon?: string;

package/dist/components/overlays/Drawer.svelte.d.ts

@@ -2,20 +2,10 @@ import { type VariantProps } from '../../utils/cn.js';
 import type { Snippet } from 'svelte';
 export declare const drawerVariants: import("tailwind-variants").TVReturnType<{
     responsive: {
-        true: "inset-x-0 bottom-0 max-h-[85vh] rounded-t-3xl data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom md:inset-auto md:left-1/2 md:top-1/2 md:w-full md:max-w-lg md:-translate-x-1/2 md:-translate-y-1/2 md:rounded-2xl md:data-[state=closed]:slide-out-to-bottom-0 md:data-[state=open]:slide-in-from-bottom-0 md:data-[state=closed]:zoom-out-95 md:data-[state=open]:zoom-in-95";
-        false: "inset-x-0 bottom-0 max-h-[85vh] rounded-t-3xl data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom";
+        true: string;
+        false: string;
     };
-}, undefined, "fixed z-50 overflow-y-auto border border-neutral-200 bg-white p-6 shadow-2xl transition-all duration-300 dark:border-neutral-800 dark:bg-neutral-900 yaxa-surface-elevated motion-reduce:transition-none", {
-    responsive: {
-        true: "inset-x-0 bottom-0 max-h-[85vh] rounded-t-3xl data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom md:inset-auto md:left-1/2 md:top-1/2 md:w-full md:max-w-lg md:-translate-x-1/2 md:-translate-y-1/2 md:rounded-2xl md:data-[state=closed]:slide-out-to-bottom-0 md:data-[state=open]:slide-in-from-bottom-0 md:data-[state=closed]:zoom-out-95 md:data-[state=open]:zoom-in-95";
-        false: "inset-x-0 bottom-0 max-h-[85vh] rounded-t-3xl data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom";
-    };
-}, undefined, import("tailwind-variants").TVReturnTypeLike<{
-    responsive: {
-        true: "inset-x-0 bottom-0 max-h-[85vh] rounded-t-3xl data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom md:inset-auto md:left-1/2 md:top-1/2 md:w-full md:max-w-lg md:-translate-x-1/2 md:-translate-y-1/2 md:rounded-2xl md:data-[state=closed]:slide-out-to-bottom-0 md:data-[state=open]:slide-in-from-bottom-0 md:data-[state=closed]:zoom-out-95 md:data-[state=open]:zoom-in-95";
-        false: "inset-x-0 bottom-0 max-h-[85vh] rounded-t-3xl data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom";
-    };
-}, undefined>>;
+}, undefined, "fixed z-50 overflow-y-auto border border-neutral-200 bg-white p-6 shadow-2xl transition-all duration-300 dark:border-neutral-800 dark:bg-neutral-900 yaxa-surface-elevated motion-reduce:transition-none", undefined, undefined, undefined>;
 export interface DrawerSlots {
     overlay?: string;
     content?: string;

package/dist/components/overlays/Modal.svelte.d.ts

@@ -2,29 +2,13 @@ import { type VariantProps } from '../../utils/cn.js';
 import type { Snippet } from 'svelte';
 export declare const modalVariants: import("tailwind-variants").TVReturnType<{
     size: {
-        sm: "max-w-sm";
-        md: "max-w-lg";
-        lg: "max-w-2xl";
-        xl: "max-w-4xl";
-        full: "max-w-[calc(100vw-2rem)] h-[calc(100vh-2rem)]";
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        full: string;
     };
-}, undefined, "fixed left-1/2 top-1/2 z-50 w-[calc(100%-2rem)] -translate-x-1/2 -translate-y-1/2 rounded-2xl border border-neutral-200 bg-white p-4 sm:p-6 shadow-2xl duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 dark:border-neutral-800 dark:bg-neutral-900 yaxa-surface-elevated motion-reduce:transition-none", {
-    size: {
-        sm: "max-w-sm";
-        md: "max-w-lg";
-        lg: "max-w-2xl";
-        xl: "max-w-4xl";
-        full: "max-w-[calc(100vw-2rem)] h-[calc(100vh-2rem)]";
-    };
-}, undefined, import("tailwind-variants").TVReturnTypeLike<{
-    size: {
-        sm: "max-w-sm";
-        md: "max-w-lg";
-        lg: "max-w-2xl";
-        xl: "max-w-4xl";
-        full: "max-w-[calc(100vw-2rem)] h-[calc(100vh-2rem)]";
-    };
-}, undefined>>;
+}, undefined, "fixed left-1/2 top-1/2 z-50 w-[calc(100%-2rem)] -translate-x-1/2 -translate-y-1/2 rounded-2xl border border-neutral-200 bg-white p-4 sm:p-6 shadow-2xl duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 dark:border-neutral-800 dark:bg-neutral-900 yaxa-surface-elevated motion-reduce:transition-none", undefined, undefined, undefined>;
 export interface ModalSlots {
     overlay?: string;
     content?: string;

package/dist/components/overlays/NotificationCenter.svelte.d.ts

@@ -9,7 +9,7 @@ export interface NotificationItem {
     icon?: IconSource;
     href?: string;
 }
-export declare const notificationCenterVariants: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "inline-flex", {} | {}, undefined, import("tailwind-variants").TVReturnTypeLike<unknown, undefined>>;
+export declare const notificationCenterVariants: import("tailwind-variants").TVReturnType<{}, undefined, "inline-flex", undefined, undefined, undefined>;
 export type NotificationCenterProps = VariantProps<typeof notificationCenterVariants> & {
     notifications?: NotificationItem[];
     unreadCount?: number;

package/dist/components/overlays/Slideover.svelte.d.ts

@@ -2,26 +2,12 @@ import { type VariantProps } from '../../utils/cn.js';
 import type { Snippet } from 'svelte';
 export declare const slideoverVariants: import("tailwind-variants").TVReturnType<{
     side: {
-        right: "inset-y-0 right-0 h-full w-full max-w-md border-l data-[state=closed]:translate-x-full data-[state=open]:translate-x-0";
-        left: "inset-y-0 left-0 h-full w-full max-w-md border-r data-[state=closed]:-translate-x-full data-[state=open]:translate-x-0";
-        top: "inset-x-0 top-0 w-full max-h-[80vh] border-b data-[state=closed]:-translate-y-full data-[state=open]:translate-y-0";
-        bottom: "inset-x-0 bottom-0 w-full max-h-[80vh] rounded-t-2xl border-t data-[state=closed]:translate-y-full data-[state=open]:translate-y-0";
+        right: string;
+        left: string;
+        top: string;
+        bottom: string;
     };
-}, undefined, "fixed z-50 flex flex-col border-neutral-200 bg-white p-6 shadow-2xl transition-transform duration-300 dark:border-neutral-800 dark:bg-neutral-900", {
-    side: {
-        right: "inset-y-0 right-0 h-full w-full max-w-md border-l data-[state=closed]:translate-x-full data-[state=open]:translate-x-0";
-        left: "inset-y-0 left-0 h-full w-full max-w-md border-r data-[state=closed]:-translate-x-full data-[state=open]:translate-x-0";
-        top: "inset-x-0 top-0 w-full max-h-[80vh] border-b data-[state=closed]:-translate-y-full data-[state=open]:translate-y-0";
-        bottom: "inset-x-0 bottom-0 w-full max-h-[80vh] rounded-t-2xl border-t data-[state=closed]:translate-y-full data-[state=open]:translate-y-0";
-    };
-}, undefined, import("tailwind-variants").TVReturnTypeLike<{
-    side: {
-        right: "inset-y-0 right-0 h-full w-full max-w-md border-l data-[state=closed]:translate-x-full data-[state=open]:translate-x-0";
-        left: "inset-y-0 left-0 h-full w-full max-w-md border-r data-[state=closed]:-translate-x-full data-[state=open]:translate-x-0";
-        top: "inset-x-0 top-0 w-full max-h-[80vh] border-b data-[state=closed]:-translate-y-full data-[state=open]:translate-y-0";
-        bottom: "inset-x-0 bottom-0 w-full max-h-[80vh] rounded-t-2xl border-t data-[state=closed]:translate-y-full data-[state=open]:translate-y-0";
-    };
-}, undefined>>;
+}, undefined, "fixed z-50 flex flex-col border-neutral-200 bg-white p-6 shadow-2xl transition-transform duration-300 dark:border-neutral-800 dark:bg-neutral-900", undefined, undefined, undefined>;
 export type SlideoverProps = VariantProps<typeof slideoverVariants> & {
     open?: boolean;
     title?: string;

package/dist/components/overlays/Toast.svelte.d.ts

@@ -2,53 +2,21 @@ import { type VariantProps } from '../../utils/cn.js';
 import type { ToastItem } from '../../composables/useToast.svelte.js';
 export declare const toastVariants: import("tailwind-variants").TVReturnType<{
     variant: {
-        soft: "border";
-        solid: "border-transparent text-white";
-        outline: "border bg-white/95 dark:bg-neutral-900/95";
-        subtle: "border bg-white/95 dark:bg-neutral-900/95";
+        soft: string;
+        solid: string;
+        outline: string;
+        subtle: string;
     };
     color: {
-        neutral: "border-neutral-200 bg-white/95 text-neutral-900 dark:border-neutral-800 dark:bg-neutral-900/95 dark:text-neutral-50";
-        primary: "";
-        success: "";
-        warning: "";
-        error: "";
-        info: "";
-        loading: "border-neutral-200 bg-white/95 text-neutral-900 dark:border-neutral-800 dark:bg-neutral-900/95 dark:text-neutral-50";
+        neutral: string;
+        primary: string;
+        success: string;
+        warning: string;
+        error: string;
+        info: string;
+        loading: string;
     };
-}, undefined, "yaxa-toast group relative pointer-events-auto flex w-full max-w-sm items-start gap-3 overflow-hidden rounded-xl border p-4 shadow-lg backdrop-blur-md transition-all duration-200 select-none", {
-    variant: {
-        soft: "border";
-        solid: "border-transparent text-white";
-        outline: "border bg-white/95 dark:bg-neutral-900/95";
-        subtle: "border bg-white/95 dark:bg-neutral-900/95";
-    };
-    color: {
-        neutral: "border-neutral-200 bg-white/95 text-neutral-900 dark:border-neutral-800 dark:bg-neutral-900/95 dark:text-neutral-50";
-        primary: "";
-        success: "";
-        warning: "";
-        error: "";
-        info: "";
-        loading: "border-neutral-200 bg-white/95 text-neutral-900 dark:border-neutral-800 dark:bg-neutral-900/95 dark:text-neutral-50";
-    };
-}, undefined, import("tailwind-variants").TVReturnTypeLike<{
-    variant: {
-        soft: "border";
-        solid: "border-transparent text-white";
-        outline: "border bg-white/95 dark:bg-neutral-900/95";
-        subtle: "border bg-white/95 dark:bg-neutral-900/95";
-    };
-    color: {
-        neutral: "border-neutral-200 bg-white/95 text-neutral-900 dark:border-neutral-800 dark:bg-neutral-900/95 dark:text-neutral-50";
-        primary: "";
-        success: "";
-        warning: "";
-        error: "";
-        info: "";
-        loading: "border-neutral-200 bg-white/95 text-neutral-900 dark:border-neutral-800 dark:bg-neutral-900/95 dark:text-neutral-50";
-    };
-}, undefined>>;
+}, undefined, "yaxa-toast group relative pointer-events-auto flex w-full max-w-sm items-start gap-3 overflow-hidden rounded-xl border p-4 shadow-lg backdrop-blur-md transition-all duration-200 select-none", undefined, undefined, undefined>;
 export type ToastProps = VariantProps<typeof toastVariants> & {
     item: ToastItem;
     closable?: boolean;

package/dist/components/saas/OrgSwitcher.svelte.d.ts

@@ -6,7 +6,7 @@ export interface OrgItem {
     plan?: string;
     role?: 'Owner' | 'Admin' | 'Member' | string;
 }
-export declare const orgSwitcherVariants: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "inline-flex", {} | {}, undefined, import("tailwind-variants").TVReturnTypeLike<unknown, undefined>>;
+export declare const orgSwitcherVariants: import("tailwind-variants").TVReturnType<{}, undefined, "inline-flex", undefined, undefined, undefined>;
 export type OrgSwitcherProps = VariantProps<typeof orgSwitcherVariants> & {
     organizations?: OrgItem[];
     currentOrgId?: string;

package/dist/components/saas/PasskeyUI.svelte.d.ts

@@ -1,5 +1,5 @@
 import { type VariantProps } from '../../utils/cn.js';
-export declare const passkeyUiVariants: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "w-full", {} | {}, undefined, import("tailwind-variants").TVReturnTypeLike<unknown, undefined>>;
+export declare const passkeyUiVariants: import("tailwind-variants").TVReturnType<{}, undefined, "w-full", undefined, undefined, undefined>;
 export type PasskeyUiProps = VariantProps<typeof passkeyUiVariants> & {
     mode?: 'trigger' | 'card' | 'manage';
     title?: string;

package/dist/server/endpoint/endpoint.test.d.ts

@@ -0,0 +1 @@
+export {};