@sonny-ui/core 0.1.0-alpha.1

package/fesm2022/sonny-ui-core.mjs

@@ -0,0 +1,2365 @@
+import { clsx } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+import { cva } from 'class-variance-authority';
+export { cva } from 'class-variance-authority';
+import * as i0 from '@angular/core';
+import { InjectionToken, makeEnvironmentProviders, inject, PLATFORM_ID, signal, computed, Injectable, input, Directive, Component, model, viewChild, ElementRef, HostListener, Injector } from '@angular/core';
+import { DOCUMENT, isPlatformBrowser } from '@angular/common';
+import { Dialog, DialogRef } from '@angular/cdk/dialog';
+import { createGlobalPositionStrategy } from '@angular/cdk/overlay';
+
+function cn(...inputs) {
+    return twMerge(clsx(inputs));
+}
+
+const DEFAULT_CONFIG = { prefix: 'sny', defaultTheme: 'light' };
+const SNY_CONFIG = new InjectionToken('SNY_CONFIG', {
+    providedIn: 'root',
+    factory: () => DEFAULT_CONFIG,
+});
+function provideSonnyUI(config = {}) {
+    return makeEnvironmentProviders([
+        { provide: SNY_CONFIG, useValue: { ...DEFAULT_CONFIG, ...config } },
+    ]);
+}
+
+class ThemeService {
+    document = inject(DOCUMENT);
+    isBrowser = isPlatformBrowser(inject(PLATFORM_ID));
+    _theme = signal('light', ...(ngDevMode ? [{ debugName: "_theme" }] : /* istanbul ignore next */ []));
+    theme = this._theme.asReadonly();
+    isDark = computed(() => this._theme() === 'dark', ...(ngDevMode ? [{ debugName: "isDark" }] : /* istanbul ignore next */ []));
+    setTheme(theme) {
+        this._theme.set(theme);
+        if (!this.isBrowser)
+            return;
+        const root = this.document.documentElement;
+        root.classList.remove('dark');
+        root.removeAttribute('data-theme');
+        if (theme === 'dark') {
+            root.classList.add('dark');
+            root.setAttribute('data-theme', 'dark');
+        }
+        else if (theme !== 'light') {
+            root.setAttribute('data-theme', theme);
+        }
+    }
+    toggleDark() {
+        this.setTheme(this._theme() === 'dark' ? 'light' : 'dark');
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: ThemeService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: ThemeService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: ThemeService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
+const buttonVariants = cva('inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-sm text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0', {
+    variants: {
+        variant: {
+            default: 'bg-primary text-primary-foreground hover:bg-primary/90',
+            destructive: 'bg-destructive text-destructive-foreground hover:bg-destructive/90',
+            outline: 'border border-border bg-background hover:bg-accent hover:text-accent-foreground',
+            secondary: 'bg-secondary text-secondary-foreground hover:bg-secondary/80',
+            ghost: 'hover:bg-accent hover:text-accent-foreground',
+            link: 'text-primary underline-offset-4 hover:underline',
+        },
+        size: {
+            sm: 'h-9 rounded-sm px-3',
+            md: 'h-10 px-4 py-2',
+            lg: 'h-11 rounded-sm px-8',
+            icon: 'h-10 w-10',
+        },
+    },
+    defaultVariants: {
+        variant: 'default',
+        size: 'md',
+    },
+});
+
+class SnyButtonDirective {
+    variant = input('default', ...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
+    size = input('md', ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
+    disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
+    loading = input(false, ...(ngDevMode ? [{ debugName: "loading" }] : /* istanbul ignore next */ []));
+    class = input('', ...(ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []));
+    computedClass = computed(() => cn(buttonVariants({ variant: this.variant(), size: this.size() }), this.loading() && 'relative cursor-wait', this.class()), ...(ngDevMode ? [{ debugName: "computedClass" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: SnyButtonDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.5", type: SnyButtonDirective, isStandalone: true, selector: "button[snyBtn], a[snyBtn]", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "computedClass()", "attr.aria-disabled": "disabled() || loading() || null", "attr.disabled": "disabled() || loading() || null", "attr.tabindex": "(disabled() || loading()) ? -1 : null" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: SnyButtonDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'button[snyBtn], a[snyBtn]',
+                    standalone: true,
+                    host: {
+                        '[class]': 'computedClass()',
+                        '[attr.aria-disabled]': 'disabled() || loading() || null',
+                        '[attr.disabled]': 'disabled() || loading() || null',
+                        '[attr.tabindex]': '(disabled() || loading()) ? -1 : null',
+                    },
+                }]
+        }], propDecorators: { variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], loading: [{ type: i0.Input, args: [{ isSignal: true, alias: "loading", required: false }] }], class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+
+const cardVariants = cva('rounded-sm text-card-foreground', {
+    variants: {
+        variant: {
+            default: 'bg-card border border-border',
+            outline: 'border-2 border-border bg-transparent',
+            elevated: 'bg-card shadow-lg',
+            ghost: 'bg-transparent',
+        },
+        padding: {
+            none: '',
+            sm: 'p-4',
+            md: 'p-6',
+            lg: 'p-8',
+        },
+    },
+    defaultVariants: {
+        variant: 'default',
+        padding: 'none',
+    },
+});
+
+class SnyCardDirective {
+    variant = input('default', ...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
+    padding = input('none', ...(ngDevMode ? [{ debugName: "padding" }] : /* istanbul ignore next */ []));
+    class = input('', ...(ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []));
+    computedClass = computed(() => cn(cardVariants({ variant: this.variant(), padding: this.padding() }), this.class()), ...(ngDevMode ? [{ debugName: "computedClass" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: SnyCardDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.5", type: SnyCardDirective, isStandalone: true, selector: "[snyCard]", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, padding: { classPropertyName: "padding", publicName: "padding", isSignal: true, isRequired: false, transformFunction: null }, class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "computedClass()" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: SnyCardDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[snyCard]',
+                    standalone: true,
+                    host: { '[class]': 'computedClass()' },
+                }]
+        }], propDecorators: { variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], padding: [{ type: i0.Input, args: [{ isSignal: true, alias: "padding", required: false }] }], class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+class SnyCardHeaderDirective {
+    class = input('', ...(ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []));
+    computedClass = computed(() => cn('flex flex-col space-y-1.5 p-6', this.class()), ...(ngDevMode ? [{ debugName: "computedClass" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: SnyCardHeaderDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.5", type: SnyCardHeaderDirective, isStandalone: true, selector: "[snyCardHeader]", inputs: { class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "computedClass()" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: SnyCardHeaderDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[snyCardHeader]',
+                    standalone: true,
+                    host: { '[class]': 'computedClass()' },
+                }]
+        }], propDecorators: { class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+class SnyCardTitleDirective {
+    class = input('', ...(ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []));
+    computedClass = computed(() => cn('text-2xl font-semibold leading-none tracking-tight', this.class()), ...(ngDevMode ? [{ debugName: "computedClass" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: SnyCardTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.5", type: SnyCardTitleDirective, isStandalone: true, selector: "[snyCardTitle]", inputs: { class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "computedClass()" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: SnyCardTitleDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[snyCardTitle]',
+                    standalone: true,
+                    host: { '[class]': 'computedClass()' },
+                }]
+        }], propDecorators: { class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+class SnyCardDescriptionDirective {
+    class = input('', ...(ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []));
+    computedClass = computed(() => cn('text-sm text-muted-foreground', this.class()), ...(ngDevMode ? [{ debugName: "computedClass" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: SnyCardDescriptionDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.5", type: SnyCardDescriptionDirective, isStandalone: true, selector: "[snyCardDescription]", inputs: { class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "computedClass()" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: SnyCardDescriptionDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[snyCardDescription]',
+                    standalone: true,
+                    host: { '[class]': 'computedClass()' },
+                }]
+        }], propDecorators: { class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+class SnyCardContentDirective {
+    class = input('', ...(ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []));
+    computedClass = computed(() => cn('p-6 pt-0', this.class()), ...(ngDevMode ? [{ debugName: "computedClass" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: SnyCardContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.5", type: SnyCardContentDirective, isStandalone: true, selector: "[snyCardContent]", inputs: { class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "computedClass()" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: SnyCardContentDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[snyCardContent]',
+                    standalone: true,
+                    host: { '[class]': 'computedClass()' },
+                }]
+        }], propDecorators: { class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+class SnyCardFooterDirective {
+    class = input('', ...(ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []));
+    computedClass = computed(() => cn('flex items-center p-6 pt-0', this.class()), ...(ngDevMode ? [{ debugName: "computedClass" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: SnyCardFooterDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.5", type: SnyCardFooterDirective, isStandalone: true, selector: "[snyCardFooter]", inputs: { class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "computedClass()" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: SnyCardFooterDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[snyCardFooter]',
+                    standalone: true,
+                    host: { '[class]': 'computedClass()' },
+                }]
+        }], propDecorators: { class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+
+const inputVariants = cva('flex w-full rounded-sm border bg-background px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50', {
+    variants: {
+        variant: {
+            default: 'border-input',
+            error: 'border-destructive focus-visible:ring-destructive',
+            success: 'border-green-500 focus-visible:ring-green-500',
+        },
+        inputSize: {
+            sm: 'h-9 text-xs',
+            md: 'h-10',
+            lg: 'h-11 text-base',
+        },
+    },
+    defaultVariants: {
+        variant: 'default',
+        inputSize: 'md',
+    },
+});
+const labelVariants = cva('text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70', {
+    variants: {
+        variant: {
+            default: '',
+            error: 'text-destructive',
+            success: 'text-green-600',
+        },
+    },
+    defaultVariants: {
+        variant: 'default',
+    },
+});
+
+class SnyInputDirective {
+    variant = input('default', ...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
+    inputSize = input('md', ...(ngDevMode ? [{ debugName: "inputSize" }] : /* istanbul ignore next */ []));
+    class = input('', ...(ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []));
+    ariaDescribedBy = input('', ...(ngDevMode ? [{ debugName: "ariaDescribedBy" }] : /* istanbul ignore next */ []));
+    computedClass = computed(() => cn(inputVariants({ variant: this.variant(), inputSize: this.inputSize() }), this.class()), ...(ngDevMode ? [{ debugName: "computedClass" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: SnyInputDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.5", type: SnyInputDirective, isStandalone: true, selector: "input[snyInput], textarea[snyInput]", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, inputSize: { classPropertyName: "inputSize", publicName: "inputSize", isSignal: true, isRequired: false, transformFunction: null }, class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, ariaDescribedBy: { classPropertyName: "ariaDescribedBy", publicName: "ariaDescribedBy", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "computedClass()", "attr.aria-invalid": "variant() === \"error\" || null", "attr.aria-describedby": "ariaDescribedBy() || null" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: SnyInputDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'input[snyInput], textarea[snyInput]',
+                    standalone: true,
+                    host: {
+                        '[class]': 'computedClass()',
+                        '[attr.aria-invalid]': 'variant() === "error" || null',
+                        '[attr.aria-describedby]': 'ariaDescribedBy() || null',
+                    },
+                }]
+        }], propDecorators: { variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], inputSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "inputSize", required: false }] }], class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }], ariaDescribedBy: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaDescribedBy", required: false }] }] } });
+
+class SnyLabelDirective {
+    variant = input('default', ...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
+    class = input('', ...(ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []));
+    computedClass = computed(() => cn(labelVariants({ variant: this.variant() }), this.class()), ...(ngDevMode ? [{ debugName: "computedClass" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: SnyLabelDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.5", type: SnyLabelDirective, isStandalone: true, selector: "label[snyLabel]", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "computedClass()" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: SnyLabelDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'label[snyLabel]',
+                    standalone: true,
+                    host: { '[class]': 'computedClass()' },
+                }]
+        }], propDecorators: { variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+
+class SnyToastService {
+    _toasts = signal([], ...(ngDevMode ? [{ debugName: "_toasts" }] : /* istanbul ignore next */ []));
+    _timers = new Map();
+    _idCounter = 0;
+    toasts = this._toasts.asReadonly();
+    count = computed(() => this._toasts().length, ...(ngDevMode ? [{ debugName: "count" }] : /* istanbul ignore next */ []));
+    show(config) {
+        const id = `sny-toast-${++this._idCounter}`;
+        const toast = {
+            id,
+            variant: 'default',
+            duration: 5000,
+            ...config,
+        };
+        this._toasts.update(toasts => [...toasts, toast]);
+        if (toast.duration && toast.duration > 0) {
+            const timer = setTimeout(() => this.dismiss(id), toast.duration);
+            this._timers.set(id, timer);
+        }
+        return id;
+    }
+    dismiss(id) {
+        const timer = this._timers.get(id);
+        if (timer) {
+            clearTimeout(timer);
+            this._timers.delete(id);
+        }
+        this._toasts.update(toasts => toasts.filter(t => t.id !== id));
+    }
+    dismissAll() {
+        for (const timer of this._timers.values()) {
+            clearTimeout(timer);
+        }
+        this._timers.clear();
+        this._toasts.set([]);
+    }
+    success(title, description) {
+        return this.show({ title, description, variant: 'success' });
+    }
+    error(title, description) {
+        return this.show({ title, description, variant: 'destructive' });
+    }
+    warning(title, description) {
+        return this.show({ title, description, variant: 'warning' });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: SnyToastService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: SnyToastService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: SnyToastService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
+const toastVariants = cva('group pointer-events-auto relative flex w-full items-center justify-between space-x-4 overflow-hidden rounded-sm border p-6 pr-8 shadow-lg transition-all', {
+    variants: {
+        variant: {
+            default: 'bg-background border-border text-foreground',
+            destructive: 'bg-destructive border-destructive text-destructive-foreground',
+            success: 'bg-green-600 border-green-600 text-white',
+            warning: 'bg-yellow-500 border-yellow-500 text-white',
+        },
+    },
+    defaultVariants: {
+        variant: 'default',
+    },
+});
+
+class SnyToasterComponent {
+    toastService = inject(SnyToastService);
+    position = input('bottom-right', ...(ngDevMode ? [{ debugName: "position" }] : /* istanbul ignore next */ []));
+    maxToasts = input(5, ...(ngDevMode ? [{ debugName: "maxToasts" }] : /* istanbul ignore next */ []));
+    visibleToasts = computed(() => this.toastService.toasts().slice(-this.maxToasts()), ...(ngDevMode ? [{ debugName: "visibleToasts" }] : /* istanbul ignore next */ []));
+    containerClass = computed(() => {
+        const pos = this.position();
+        const base = 'fixed z-[100] flex max-h-screen w-full flex-col-reverse gap-2 p-4 sm:max-w-[420px]';
+        const posMap = {
+            'top-right': 'top-0 right-0',
+            'top-left': 'top-0 left-0',
+            'bottom-right': 'bottom-0 right-0',
+            'bottom-left': 'bottom-0 left-0',
+            'top-center': 'top-0 left-1/2 -translate-x-1/2',
+            'bottom-center': 'bottom-0 left-1/2 -translate-x-1/2',
+        };
+        return cn(base, posMap[pos]);
+    }, ...(ngDevMode ? [{ debugName: "containerClass" }] : /* istanbul ignore next */ []));
+    /** Pre-computed toast classes by variant — avoids method calls in the template. */
+    toastClasses = {
+        default: cn(toastVariants({ variant: 'default' })),
+        destructive: cn(toastVariants({ variant: 'destructive' })),
+        success: cn(toastVariants({ variant: 'success' })),
+        warning: cn(toastVariants({ variant: 'warning' })),
+    };
+    dismiss(id) {
+        this.toastService.dismiss(id);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: SnyToasterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.5", type: SnyToasterComponent, isStandalone: true, selector: "sny-toaster", inputs: { position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null }, maxToasts: { classPropertyName: "maxToasts", publicName: "maxToasts", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
+    <div [class]="containerClass()" role="region" aria-label="Notifications" tabindex="-1">
+      @for (toast of visibleToasts(); track toast.id) {
+        <div
+          [class]="toastClasses[toast.variant ?? 'default']"
+          role="alert"
+          aria-live="polite"
+        >
+          <div class="grid gap-1">
+            <div class="text-sm font-semibold">{{ toast.title }}</div>
+            @if (toast.description) {
+              <div class="text-sm opacity-90">{{ toast.description }}</div>
+            }
+          </div>
+          <div class="flex items-center gap-2">
+            @if (toast.action) {
+              <button
+                class="inline-flex h-8 shrink-0 items-center justify-center rounded-sm border bg-transparent px-3 text-sm font-medium transition-colors hover:bg-secondary"
+                (click)="toast.action!.onClick()"
+              >
+                {{ toast.action!.label }}
+              </button>
+            }
+            <button
+              class="absolute right-2 top-2 rounded-sm p-1 opacity-0 transition-opacity hover:opacity-100 group-hover:opacity-100 focus:opacity-100"
+              aria-label="Close"
+              (click)="dismiss(toast.id)"
+            >
+              <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 6 6 18"/><path d="m6 6 12 12"/></svg>
+            </button>
+          </div>
+        </div>
+      }
+    </div>
+  `, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: SnyToasterComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'sny-toaster',
+                    standalone: true,
+                    template: `
+    <div [class]="containerClass()" role="region" aria-label="Notifications" tabindex="-1">
+      @for (toast of visibleToasts(); track toast.id) {
+        <div
+          [class]="toastClasses[toast.variant ?? 'default']"
+          role="alert"
+          aria-live="polite"
+        >
+          <div class="grid gap-1">
+            <div class="text-sm font-semibold">{{ toast.title }}</div>
+            @if (toast.description) {
+              <div class="text-sm opacity-90">{{ toast.description }}</div>
+            }
+          </div>
+          <div class="flex items-center gap-2">
+            @if (toast.action) {
+              <button
+                class="inline-flex h-8 shrink-0 items-center justify-center rounded-sm border bg-transparent px-3 text-sm font-medium transition-colors hover:bg-secondary"
+                (click)="toast.action!.onClick()"
+              >
+                {{ toast.action!.label }}
+              </button>
+            }
+            <button
+              class="absolute right-2 top-2 rounded-sm p-1 opacity-0 transition-opacity hover:opacity-100 group-hover:opacity-100 focus:opacity-100"
+              aria-label="Close"
+              (click)="dismiss(toast.id)"
+            >
+              <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 6 6 18"/><path d="m6 6 12 12"/></svg>
+            </button>
+          </div>
+        </div>
+      }
+    </div>
+  `,
+                }]
+        }], propDecorators: { position: [{ type: i0.Input, args: [{ isSignal: true, alias: "position", required: false }] }], maxToasts: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxToasts", required: false }] }] } });
+
+class SnyDialogRef {
+    cdkRef;
+    constructor(cdkRef) {
+        this.cdkRef = cdkRef;
+    }
+    close(result) {
+        this.cdkRef.close(result);
+    }
+    get closed() {
+        return this.cdkRef.closed;
+    }
+}
+
+const DEFAULT_DIALOG_CONFIG = {
+    width: '28rem',
+    maxWidth: '90vw',
+    closeOnBackdrop: true,
+    closeOnEsc: true,
+};
+
+const SNY_DIALOG_DATA = new InjectionToken('SNY_DIALOG_DATA');
+class SnyDialogService {
+    cdkDialog = inject(Dialog);
+    open(component, config = {}) {
+        const merged = { ...DEFAULT_DIALOG_CONFIG, ...config };
+        // CDK's disableClose controls both backdrop and ESC together.
+        // To support independent closeOnBackdrop / closeOnEsc, we disable both
+        // at the CDK level and handle them manually.
+        const disableClose = !merged.closeOnBackdrop || !merged.closeOnEsc;
+        const cdkRef = this.cdkDialog.open(component, {
+            width: merged.width,
+            maxWidth: merged.maxWidth,
+            disableClose,
+            hasBackdrop: true,
+            backdropClass: 'sny-dialog-backdrop',
+            panelClass: 'sny-dialog-panel',
+            ariaLabelledBy: merged.ariaLabelledBy,
+            ariaDescribedBy: merged.ariaDescribedBy,
+            data: merged.data,
+            providers: merged.data != null
+                ? [{ provide: SNY_DIALOG_DATA, useValue: merged.data }]
+                : [],
+        });
+        // When CDK disableClose is true, manually handle backdrop/ESC based on config
+        if (disableClose) {
+            if (merged.closeOnBackdrop) {
+                const sub = cdkRef.backdropClick.subscribe(() => cdkRef.close());
+                cdkRef.closed.subscribe(() => sub.unsubscribe());
+            }
+            if (merged.closeOnEsc) {
+                const sub = cdkRef.keydownEvents.subscribe(event => {
+                    if (event.key === 'Escape') {
+                        cdkRef.close();
+                    }
+                });
+                cdkRef.closed.subscribe(() => sub.unsubscribe());
+            }
+        }
+        return new SnyDialogRef(cdkRef);
+    }
+    closeAll() {
+        this.cdkDialog.closeAll();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: SnyDialogService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: SnyDialogService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: SnyDialogService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
+class SnyDialogHeaderDirective {
+    class = input('', ...(ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []));
+    computedClass = computed(() => cn('flex flex-col space-y-1.5 text-center sm:text-left', this.class()), ...(ngDevMode ? [{ debugName: "computedClass" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: SnyDialogHeaderDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.5", type: SnyDialogHeaderDirective, isStandalone: true, selector: "[snyDialogHeader]", inputs: { class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "computedClass()" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: SnyDialogHeaderDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[snyDialogHeader]',
+                    standalone: true,
+                    host: { '[class]': 'computedClass()' },
+                }]
+        }], propDecorators: { class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+class SnyDialogTitleDirective {
+    class = input('', ...(ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []));
+    computedClass = computed(() => cn('text-lg font-semibold leading-none tracking-tight', this.class()), ...(ngDevMode ? [{ debugName: "computedClass" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: SnyDialogTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.5", type: SnyDialogTitleDirective, isStandalone: true, selector: "[snyDialogTitle]", inputs: { class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "computedClass()" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: SnyDialogTitleDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[snyDialogTitle]',
+                    standalone: true,
+                    host: { '[class]': 'computedClass()' },
+                }]
+        }], propDecorators: { class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+class SnyDialogDescriptionDirective {
+    class = input('', ...(ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []));
+    computedClass = computed(() => cn('text-sm text-muted-foreground', this.class()), ...(ngDevMode ? [{ debugName: "computedClass" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: SnyDialogDescriptionDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.5", type: SnyDialogDescriptionDirective, isStandalone: true, selector: "[snyDialogDescription]", inputs: { class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "computedClass()" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: SnyDialogDescriptionDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[snyDialogDescription]',
+                    standalone: true,
+                    host: { '[class]': 'computedClass()' },
+                }]
+        }], propDecorators: { class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+class SnyDialogContentDirective {
+    class = input('', ...(ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []));
+    computedClass = computed(() => cn('relative bg-background rounded-sm border border-border shadow-lg p-6 w-full max-w-lg mx-auto', this.class()), ...(ngDevMode ? [{ debugName: "computedClass" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: SnyDialogContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.5", type: SnyDialogContentDirective, isStandalone: true, selector: "[snyDialogContent]", inputs: { class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "computedClass()" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: SnyDialogContentDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[snyDialogContent]',
+                    standalone: true,
+                    host: { '[class]': 'computedClass()' },
+                }]
+        }], propDecorators: { class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+class SnyDialogFooterDirective {
+    class = input('', ...(ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []));
+    computedClass = computed(() => cn('flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2', this.class()), ...(ngDevMode ? [{ debugName: "computedClass" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: SnyDialogFooterDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.5", type: SnyDialogFooterDirective, isStandalone: true, selector: "[snyDialogFooter]", inputs: { class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "computedClass()" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: SnyDialogFooterDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[snyDialogFooter]',
+                    standalone: true,
+                    host: { '[class]': 'computedClass()' },
+                }]
+        }], propDecorators: { class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+class SnyDialogCloseDirective {
+    class = input('', ...(ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []));
+    computedClass = computed(() => cn('absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none', this.class()), ...(ngDevMode ? [{ debugName: "computedClass" }] : /* istanbul ignore next */ []));
+    dialogRef = inject(DialogRef, { optional: true });
+    onClick() {
+        this.dialogRef?.close();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: SnyDialogCloseDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.5", type: SnyDialogCloseDirective, isStandalone: true, selector: "[snyDialogClose]", inputs: { class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "click": "onClick()" }, properties: { "class": "computedClass()" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: SnyDialogCloseDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[snyDialogClose]',
+                    standalone: true,
+                    host: {
+                        '[class]': 'computedClass()',
+                        '(click)': 'onClick()',
+                    },
+                }]
+        }], propDecorators: { class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+
+const SNY_ACCORDION = new InjectionToken('SnyAccordion');
+const SNY_ACCORDION_ITEM = new InjectionToken('SnyAccordionItem');
+class SnyAccordionDirective {
+    multi = input(false, ...(ngDevMode ? [{ debugName: "multi" }] : /* istanbul ignore next */ []));
+    class = input('', ...(ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []));
+    _openItems = signal(new Set(), ...(ngDevMode ? [{ debugName: "_openItems" }] : /* istanbul ignore next */ []));
+    computedClass = computed(() => cn('divide-y divide-border', this.class()), ...(ngDevMode ? [{ debugName: "computedClass" }] : /* istanbul ignore next */ []));
+    isOpen(id) {
+        return this._openItems().has(id);
+    }
+    toggle(id) {
+        this._openItems.update(set => {
+            const next = new Set(set);
+            if (next.has(id)) {
+                next.delete(id);
+            }
+            else {
+                if (!this.multi())
+                    next.clear();
+                next.add(id);
+            }
+            return next;
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: SnyAccordionDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.5", type: SnyAccordionDirective, isStandalone: true, selector: "[snyAccordion]", inputs: { multi: { classPropertyName: "multi", publicName: "multi", isSignal: true, isRequired: false, transformFunction: null }, class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "computedClass()" } }, providers: [{ provide: SNY_ACCORDION, useExisting: SnyAccordionDirective }], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: SnyAccordionDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[snyAccordion]',
+                    standalone: true,
+                    providers: [{ provide: SNY_ACCORDION, useExisting: SnyAccordionDirective }],
+                    host: { '[class]': 'computedClass()' },
+                }]
+        }], propDecorators: { multi: [{ type: i0.Input, args: [{ isSignal: true, alias: "multi", required: false }] }], class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+class SnyAccordionItemDirective {
+    value = input.required(...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
+    class = input('', ...(ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []));
+    accordion = inject(SNY_ACCORDION);
+    isOpen = computed(() => this.accordion.isOpen(this.value()), ...(ngDevMode ? [{ debugName: "isOpen" }] : /* istanbul ignore next */ []));
+    computedClass = computed(() => cn('', this.class()), ...(ngDevMode ? [{ debugName: "computedClass" }] : /* istanbul ignore next */ []));
+    toggle() {
+        this.accordion.toggle(this.value());
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: SnyAccordionItemDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.5", type: SnyAccordionItemDirective, isStandalone: true, selector: "[snyAccordionItem]", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null }, class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "computedClass()" } }, providers: [{ provide: SNY_ACCORDION_ITEM, useExisting: SnyAccordionItemDirective }], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: SnyAccordionItemDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[snyAccordionItem]',
+                    standalone: true,
+                    providers: [{ provide: SNY_ACCORDION_ITEM, useExisting: SnyAccordionItemDirective }],
+                    host: { '[class]': 'computedClass()' },
+                }]
+        }], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: true }] }], class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+class SnyAccordionTriggerDirective {
+    class = input('', ...(ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []));
+    item = inject(SNY_ACCORDION_ITEM);
+    computedClass = computed(() => cn('flex flex-1 items-center justify-between py-4 font-medium transition-all hover:underline cursor-pointer [&>svg]:transition-transform', this.item.isOpen() && '[&>svg]:rotate-180', this.class()), ...(ngDevMode ? [{ debugName: "computedClass" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: SnyAccordionTriggerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.5", type: SnyAccordionTriggerDirective, isStandalone: true, selector: "[snyAccordionTrigger]", inputs: { class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "click": "item.toggle()" }, properties: { "class": "computedClass()", "attr.aria-expanded": "item.isOpen()" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: SnyAccordionTriggerDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[snyAccordionTrigger]',
+                    standalone: true,
+                    host: {
+                        '[class]': 'computedClass()',
+                        '[attr.aria-expanded]': 'item.isOpen()',
+                        '(click)': 'item.toggle()',
+                    },
+                }]
+        }], propDecorators: { class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+class SnyAccordionContentDirective {
+    class = input('', ...(ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []));
+    item = inject(SNY_ACCORDION_ITEM);
+    computedClass = computed(() => cn('grid transition-all duration-200', this.item.isOpen() ? 'grid-rows-[1fr] opacity-100 pb-4' : 'grid-rows-[0fr] opacity-0 overflow-hidden', this.class()), ...(ngDevMode ? [{ debugName: "computedClass" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: SnyAccordionContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.5", type: SnyAccordionContentDirective, isStandalone: true, selector: "[snyAccordionContent]", inputs: { class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "region" }, properties: { "class": "computedClass()" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: SnyAccordionContentDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[snyAccordionContent]',
+                    standalone: true,
+                    host: {
+                        '[class]': 'computedClass()',
+                        role: 'region',
+                    },
+                }]
+        }], propDecorators: { class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+
+const avatarVariants = cva('relative inline-flex shrink-0 items-center justify-center overflow-hidden bg-muted', {
+    variants: {
+        size: {
+            sm: 'h-8 w-8 text-xs',
+            md: 'h-10 w-10 text-sm',
+            lg: 'h-12 w-12 text-base',
+            xl: 'h-16 w-16 text-lg',
+        },
+        variant: {
+            circle: 'rounded-full',
+            rounded: 'rounded-md',
+        },
+    },
+    defaultVariants: {
+        size: 'md',
+        variant: 'circle',
+    },
+});
+
+class SnyAvatarComponent {
+    src = input('', ...(ngDevMode ? [{ debugName: "src" }] : /* istanbul ignore next */ []));
+    alt = input('', ...(ngDevMode ? [{ debugName: "alt" }] : /* istanbul ignore next */ []));
+    fallback = input('', ...(ngDevMode ? [{ debugName: "fallback" }] : /* istanbul ignore next */ []));
+    size = input('md', ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
+    variant = input('circle', ...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
+    class = input('', ...(ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []));
+    error = signal(false, ...(ngDevMode ? [{ debugName: "error" }] : /* istanbul ignore next */ []));
+    fallbackText = computed(() => {
+        const fb = this.fallback();
+        if (fb)
+            return fb;
+        const a = this.alt();
+        if (a)
+            return a.split(' ').map(w => w[0]).join('').toUpperCase().slice(0, 2);
+        return '?';
+    }, ...(ngDevMode ? [{ debugName: "fallbackText" }] : /* istanbul ignore next */ []));
+    computedClass = computed(() => cn(avatarVariants({ size: this.size(), variant: this.variant() }), this.class()), ...(ngDevMode ? [{ debugName: "computedClass" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: SnyAvatarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.5", type: SnyAvatarComponent, isStandalone: true, selector: "sny-avatar", inputs: { src: { classPropertyName: "src", publicName: "src", isSignal: true, isRequired: false, transformFunction: null }, alt: { classPropertyName: "alt", publicName: "alt", isSignal: true, isRequired: false, transformFunction: null }, fallback: { classPropertyName: "fallback", publicName: "fallback", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "computedClass()" } }, ngImport: i0, template: `
+    @if (src() && !error()) {
+      <img
+        [src]="src()"
+        [alt]="alt()"
+        class="aspect-square h-full w-full object-cover"
+        (error)="error.set(true)"
+      />
+    } @else {
+      <span class="font-medium text-muted-foreground">{{ fallbackText() }}</span>
+    }
+  `, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: SnyAvatarComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'sny-avatar',
+                    standalone: true,
+                    host: { '[class]': 'computedClass()' },
+                    template: `
+    @if (src() && !error()) {
+      <img
+        [src]="src()"
+        [alt]="alt()"
+        class="aspect-square h-full w-full object-cover"
+        (error)="error.set(true)"
+      />
+    } @else {
+      <span class="font-medium text-muted-foreground">{{ fallbackText() }}</span>
+    }
+  `,
+                }]
+        }], propDecorators: { src: [{ type: i0.Input, args: [{ isSignal: true, alias: "src", required: false }] }], alt: [{ type: i0.Input, args: [{ isSignal: true, alias: "alt", required: false }] }], fallback: [{ type: i0.Input, args: [{ isSignal: true, alias: "fallback", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+
+const badgeVariants = cva('inline-flex items-center rounded-full border font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2', {
+    variants: {
+        variant: {
+            default: 'border-transparent bg-primary text-primary-foreground',
+            secondary: 'border-transparent bg-secondary text-secondary-foreground',
+            outline: 'border-border text-foreground',
+            destructive: 'border-transparent bg-destructive text-destructive-foreground',
+            success: 'border-transparent bg-green-600 text-white dark:bg-green-500',
+            warning: 'border-transparent bg-yellow-500 text-white dark:bg-yellow-400 dark:text-black',
+        },
+        size: {
+            sm: 'px-2 py-0.5 text-[10px]',
+            md: 'px-2.5 py-0.5 text-xs',
+            lg: 'px-3 py-1 text-sm',
+        },
+    },
+    defaultVariants: {
+        variant: 'default',
+        size: 'md',
+    },
+});
+
+class SnyBadgeDirective {
+    variant = input('default', ...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
+    size = input('md', ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
+    class = input('', ...(ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []));
+    computedClass = computed(() => cn(badgeVariants({ variant: this.variant(), size: this.size() }), this.class()), ...(ngDevMode ? [{ debugName: "computedClass" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: SnyBadgeDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.5", type: SnyBadgeDirective, isStandalone: true, selector: "[snyBadge]", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "computedClass()" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: SnyBadgeDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[snyBadge]',
+                    standalone: true,
+                    host: { '[class]': 'computedClass()' },
+                }]
+        }], propDecorators: { variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+
+class SnyBreadcrumbDirective {
+    class = input('', ...(ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []));
+    computedClass = computed(() => cn('', this.class()), ...(ngDevMode ? [{ debugName: "computedClass" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: SnyBreadcrumbDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.5", type: SnyBreadcrumbDirective, isStandalone: true, selector: "nav[snyBreadcrumb]", inputs: { class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "aria-label": "Breadcrumb" }, properties: { "class": "computedClass()" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: SnyBreadcrumbDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'nav[snyBreadcrumb]',
+                    standalone: true,
+                    host: {
+                        '[class]': 'computedClass()',
+                        'aria-label': 'Breadcrumb',
+                    },
+                }]
+        }], propDecorators: { class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+class SnyBreadcrumbListDirective {
+    class = input('', ...(ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []));
+    computedClass = computed(() => cn('flex flex-wrap items-center gap-1.5 break-words text-sm text-muted-foreground sm:gap-2.5', this.class()), ...(ngDevMode ? [{ debugName: "computedClass" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: SnyBreadcrumbListDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.5", type: SnyBreadcrumbListDirective, isStandalone: true, selector: "ol[snyBreadcrumbList]", inputs: { class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "computedClass()" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: SnyBreadcrumbListDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'ol[snyBreadcrumbList]',
+                    standalone: true,
+                    host: { '[class]': 'computedClass()' },
+                }]
+        }], propDecorators: { class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+class SnyBreadcrumbItemDirective {
+    class = input('', ...(ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []));
+    computedClass = computed(() => cn('inline-flex items-center gap-1.5', this.class()), ...(ngDevMode ? [{ debugName: "computedClass" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: SnyBreadcrumbItemDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.5", type: SnyBreadcrumbItemDirective, isStandalone: true, selector: "li[snyBreadcrumbItem]", inputs: { class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "computedClass()" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: SnyBreadcrumbItemDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'li[snyBreadcrumbItem]',
+                    standalone: true,
+                    host: { '[class]': 'computedClass()' },
+                }]
+        }], propDecorators: { class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+class SnyBreadcrumbLinkDirective {
+    class = input('', ...(ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []));
+    computedClass = computed(() => cn('transition-colors hover:text-foreground', this.class()), ...(ngDevMode ? [{ debugName: "computedClass" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: SnyBreadcrumbLinkDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.5", type: SnyBreadcrumbLinkDirective, isStandalone: true, selector: "[snyBreadcrumbLink]", inputs: { class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "computedClass()" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: SnyBreadcrumbLinkDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[snyBreadcrumbLink]',
+                    standalone: true,
+                    host: { '[class]': 'computedClass()' },
+                }]
+        }], propDecorators: { class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+class SnyBreadcrumbSeparatorDirective {
+    class = input('', ...(ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []));
+    computedClass = computed(() => cn('[&>svg]:size-3.5', this.class()), ...(ngDevMode ? [{ debugName: "computedClass" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: SnyBreadcrumbSeparatorDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.5", type: SnyBreadcrumbSeparatorDirective, isStandalone: true, selector: "[snyBreadcrumbSeparator]", inputs: { class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "presentation" }, properties: { "aria-hidden": "true", "class": "computedClass()" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: SnyBreadcrumbSeparatorDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[snyBreadcrumbSeparator]',
+                    standalone: true,
+                    host: {
+                        role: 'presentation',
+                        '[aria-hidden]': 'true',
+                        '[class]': 'computedClass()',
+                    },
+                }]
+        }], propDecorators: { class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+class SnyBreadcrumbPageDirective {
+    class = input('', ...(ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []));
+    computedClass = computed(() => cn('font-normal text-foreground', this.class()), ...(ngDevMode ? [{ debugName: "computedClass" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: SnyBreadcrumbPageDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.5", type: SnyBreadcrumbPageDirective, isStandalone: true, selector: "[snyBreadcrumbPage]", inputs: { class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "link", "aria-disabled": "true" }, properties: { "attr.aria-current": "\"page\"", "class": "computedClass()" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: SnyBreadcrumbPageDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[snyBreadcrumbPage]',
+                    standalone: true,
+                    host: {
+                        role: 'link',
+                        'aria-disabled': 'true',
+                        '[attr.aria-current]': '"page"',
+                        '[class]': 'computedClass()',
+                    },
+                }]
+        }], propDecorators: { class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+
+const buttonGroupVariants = cva('inline-flex [&>*:not(:first-child):not(:last-child)]:rounded-none [&>*:first-child:not(:last-child)]:rounded-r-none [&>*:last-child:not(:first-child)]:rounded-l-none [&>*:not(:first-child)]:-ml-px', {
+    variants: {
+        orientation: {
+            horizontal: 'flex-row',
+            vertical: 'flex-col [&>*:not(:first-child):not(:last-child)]:rounded-none [&>*:first-child:not(:last-child)]:rounded-b-none [&>*:first-child:not(:last-child)]:rounded-r-sm [&>*:last-child:not(:first-child)]:rounded-t-none [&>*:last-child:not(:first-child)]:rounded-l-sm [&>*:not(:first-child)]:-mt-px [&>*:not(:first-child)]:ml-0',
+        },
+    },
+    defaultVariants: {
+        orientation: 'horizontal',
+    },
+});
+
+class SnyButtonGroupDirective {
+    orientation = input('horizontal', ...(ngDevMode ? [{ debugName: "orientation" }] : /* istanbul ignore next */ []));
+    class = input('', ...(ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []));
+    computedClass = computed(() => cn(buttonGroupVariants({ orientation: this.orientation() }), this.class()), ...(ngDevMode ? [{ debugName: "computedClass" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: SnyButtonGroupDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.5", type: SnyButtonGroupDirective, isStandalone: true, selector: "[snyButtonGroup]", inputs: { orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null }, class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "group" }, properties: { "class": "computedClass()" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: SnyButtonGroupDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[snyButtonGroup]',
+                    standalone: true,
+                    host: {
+                        role: 'group',
+                        '[class]': 'computedClass()',
+                    },
+                }]
+        }], propDecorators: { orientation: [{ type: i0.Input, args: [{ isSignal: true, alias: "orientation", required: false }] }], class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+
+const checkboxVariants = cva('peer appearance-none shrink-0 rounded-sm border border-border bg-background transition-colors checked:bg-primary checked:border-primary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50', {
+    variants: {
+        size: {
+            sm: 'h-3.5 w-3.5',
+            md: 'h-4 w-4',
+            lg: 'h-5 w-5',
+        },
+    },
+    defaultVariants: {
+        size: 'md',
+    },
+});
+
+class SnyCheckboxDirective {
+    size = input('md', ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
+    class = input('', ...(ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []));
+    computedClass = computed(() => cn(checkboxVariants({ size: this.size() }), this.class()), ...(ngDevMode ? [{ debugName: "computedClass" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: SnyCheckboxDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.5", type: SnyCheckboxDirective, isStandalone: true, selector: "input[type=\"checkbox\"][snyCheckbox]", inputs: { size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "computedClass()" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: SnyCheckboxDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'input[type="checkbox"][snyCheckbox]',
+                    standalone: true,
+                    host: { '[class]': 'computedClass()' },
+                }]
+        }], propDecorators: { size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+
+const comboboxTriggerVariants = cva('inline-flex w-full items-center justify-between whitespace-nowrap rounded-sm border border-border bg-background px-3 py-2 text-sm ring-offset-background transition-colors hover:bg-accent hover:text-accent-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50', {
+    variants: {
+        size: {
+            sm: 'h-9 text-xs',
+            md: 'h-10 text-sm',
+            lg: 'h-11 text-base',
+        },
+    },
+    defaultVariants: {
+        size: 'md',
+    },
+});
+
+class SnyComboboxComponent {
+    options = input([], ...(ngDevMode ? [{ debugName: "options" }] : /* istanbul ignore next */ []));
+    placeholder = input('Select...', ...(ngDevMode ? [{ debugName: "placeholder" }] : /* istanbul ignore next */ []));
+    searchPlaceholder = input('Search...', ...(ngDevMode ? [{ debugName: "searchPlaceholder" }] : /* istanbul ignore next */ []));
+    size = input('md', ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
+    class = input('', ...(ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []));
+    value = model('', ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
+    open = signal(false, ...(ngDevMode ? [{ debugName: "open" }] : /* istanbul ignore next */ []));
+    query = signal('', ...(ngDevMode ? [{ debugName: "query" }] : /* istanbul ignore next */ []));
+    activeIndex = signal(0, ...(ngDevMode ? [{ debugName: "activeIndex" }] : /* istanbul ignore next */ []));
+    triggerRef = viewChild('triggerEl', ...(ngDevMode ? [{ debugName: "triggerRef" }] : /* istanbul ignore next */ []));
+    searchRef = viewChild('searchEl', ...(ngDevMode ? [{ debugName: "searchRef" }] : /* istanbul ignore next */ []));
+    dropdownRef = viewChild('dropdownEl', ...(ngDevMode ? [{ debugName: "dropdownRef" }] : /* istanbul ignore next */ []));
+    elRef = inject(ElementRef);
+    scrollHandler = null;
+    resizeHandler = null;
+    selectedLabel = computed(() => {
+        const v = this.value();
+        if (!v)
+            return '';
+        const opt = this.options().find(o => o.value === v);
+        return opt?.label ?? '';
+    }, ...(ngDevMode ? [{ debugName: "selectedLabel" }] : /* istanbul ignore next */ []));
+    filtered = computed(() => {
+        const q = this.query().toLowerCase();
+        if (!q)
+            return this.options();
+        return this.options().filter(o => o.label.toLowerCase().includes(q));
+    }, ...(ngDevMode ? [{ debugName: "filtered" }] : /* istanbul ignore next */ []));
+    triggerClass = computed(() => cn(comboboxTriggerVariants({ size: this.size() }), this.class()), ...(ngDevMode ? [{ debugName: "triggerClass" }] : /* istanbul ignore next */ []));
+    optionClass(index) {
+        const base = 'relative flex cursor-pointer select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-colors';
+        const active = index === this.activeIndex() ? 'bg-accent text-accent-foreground' : 'hover:bg-accent/50';
+        return cn(base, active);
+    }
+    updateDropdownPosition() {
+        const trigger = this.triggerRef()?.nativeElement;
+        if (!trigger)
+            return;
+        const rect = trigger.getBoundingClientRect();
+        const dropdown = this.dropdownRef()?.nativeElement;
+        if (dropdown) {
+            dropdown.style.top = `${rect.bottom + 4}px`;
+            dropdown.style.left = `${rect.left}px`;
+            dropdown.style.width = `${rect.width}px`;
+        }
+    }
+    addGlobalListeners() {
+        this.removeGlobalListeners();
+        this.scrollHandler = () => {
+            requestAnimationFrame(() => this.updateDropdownPosition());
+        };
+        this.resizeHandler = () => {
+            requestAnimationFrame(() => this.updateDropdownPosition());
+        };
+        document.addEventListener('scroll', this.scrollHandler, { capture: true, passive: true });
+        window.addEventListener('resize', this.resizeHandler, { passive: true });
+    }
+    removeGlobalListeners() {
+        if (this.scrollHandler) {
+            document.removeEventListener('scroll', this.scrollHandler, { capture: true });
+            this.scrollHandler = null;
+        }
+        if (this.resizeHandler) {
+            window.removeEventListener('resize', this.resizeHandler);
+            this.resizeHandler = null;
+        }
+    }
+    ngOnDestroy() {
+        this.removeGlobalListeners();
+    }
+    toggle() {
+        if (this.open()) {
+            this.close();
+        }
+        else {
+            this.updateDropdownPosition();
+            this.open.set(true);
+            this.query.set('');
+            this.activeIndex.set(0);
+            this.addGlobalListeners();
+            setTimeout(() => {
+                this.updateDropdownPosition();
+                this.searchRef()?.nativeElement.focus();
+            });
+        }
+    }
+    close() {
+        this.open.set(false);
+        this.query.set('');
+        this.removeGlobalListeners();
+    }
+    onSearchInput(event) {
+        const val = event.target.value;
+        this.query.set(val);
+        this.activeIndex.set(0);
+    }
+    select(opt) {
+        this.value.set(opt.value);
+        this.close();
+    }
+    onKeydown(event) {
+        const items = this.filtered();
+        switch (event.key) {
+            case 'ArrowDown':
+                event.preventDefault();
+                this.activeIndex.update(i => Math.min(i + 1, items.length - 1));
+                break;
+            case 'ArrowUp':
+                event.preventDefault();
+                this.activeIndex.update(i => Math.max(i - 1, 0));
+                break;
+            case 'Enter':
+                event.preventDefault();
+                if (items[this.activeIndex()]) {
+                    this.select(items[this.activeIndex()]);
+                }
+                break;
+            case 'Escape':
+                this.close();
+                break;
+        }
+    }
+    onDocumentClick(event) {
+        if (!this.elRef.nativeElement.contains(event.target)) {
+            this.close();
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: SnyComboboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.5", type: SnyComboboxComponent, isStandalone: true, selector: "sny-combobox", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, searchPlaceholder: { classPropertyName: "searchPlaceholder", publicName: "searchPlaceholder", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange" }, host: { listeners: { "document:click": "onDocumentClick($event)" }, classAttribute: "relative inline-block w-full" }, viewQueries: [{ propertyName: "triggerRef", first: true, predicate: ["triggerEl"], descendants: true, isSignal: true }, { propertyName: "searchRef", first: true, predicate: ["searchEl"], descendants: true, isSignal: true }, { propertyName: "dropdownRef", first: true, predicate: ["dropdownEl"], descendants: true, isSignal: true }], ngImport: i0, template: `
+    <!-- Trigger button -->
+    <button
+      #triggerEl
+      type="button"
+      role="combobox"
+      [attr.aria-expanded]="open()"
+      aria-haspopup="listbox"
+      [class]="triggerClass()"
+      (click)="toggle()"
+    >
+      <span [class]="selectedLabel() ? '' : 'text-muted-foreground'">
+        {{ selectedLabel() || placeholder() }}
+      </span>
+      <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="shrink-0 opacity-50"><path d="m7 15 5 5 5-5"/><path d="m7 9 5-5 5 5"/></svg>
+    </button>
+
+    <!-- Dropdown popover -->
+    @if (open()) {
+      <div
+        #dropdownEl
+        class="fixed z-50 rounded-sm border border-border bg-popover text-popover-foreground shadow-md"
+      >
+        <!-- Search input -->
+        <div class="flex items-center border-b border-border px-3">
+          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="mr-2 shrink-0 opacity-50"><circle cx="11" cy="11" r="8"/><path d="m21 21-4.3-4.3"/></svg>
+          <input
+            #searchEl
+            type="text"
+            class="flex h-10 w-full bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground"
+            [placeholder]="searchPlaceholder()"
+            [value]="query()"
+            (input)="onSearchInput($event)"
+            (keydown)="onKeydown($event)"
+          />
+        </div>
+
+        <!-- Options list -->
+        @if (filtered().length > 0) {
+          <ul role="listbox" class="max-h-60 overflow-auto p-1">
+            @for (opt of filtered(); track opt.value; let i = $index) {
+              <li
+                role="option"
+                [id]="'sny-cb-opt-' + opt.value"
+                [attr.aria-selected]="value() === opt.value"
+                [class]="optionClass(i)"
+                (mousedown)="select(opt); $event.preventDefault()"
+                (mouseenter)="activeIndex.set(i)"
+              >
+                <svg
+                  xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"
+                  fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
+                  [class]="value() === opt.value ? 'mr-2 shrink-0 opacity-100' : 'mr-2 shrink-0 opacity-0'"
+                ><path d="M20 6 9 17l-5-5"/></svg>
+                {{ opt.label }}
+              </li>
+            }
+          </ul>
+        } @else {
+          <div class="py-6 text-center text-sm text-muted-foreground">No results found.</div>
+        }
+      </div>
+    }
+  `, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: SnyComboboxComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'sny-combobox',
+                    standalone: true,
+                    host: {
+                        class: 'relative inline-block w-full',
+                    },
+                    template: `
+    <!-- Trigger button -->
+    <button
+      #triggerEl
+      type="button"
+      role="combobox"
+      [attr.aria-expanded]="open()"
+      aria-haspopup="listbox"
+      [class]="triggerClass()"
+      (click)="toggle()"
+    >
+      <span [class]="selectedLabel() ? '' : 'text-muted-foreground'">
+        {{ selectedLabel() || placeholder() }}
+      </span>
+      <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="shrink-0 opacity-50"><path d="m7 15 5 5 5-5"/><path d="m7 9 5-5 5 5"/></svg>
+    </button>
+
+    <!-- Dropdown popover -->
+    @if (open()) {
+      <div
+        #dropdownEl
+        class="fixed z-50 rounded-sm border border-border bg-popover text-popover-foreground shadow-md"
+      >
+        <!-- Search input -->
+        <div class="flex items-center border-b border-border px-3">
+          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="mr-2 shrink-0 opacity-50"><circle cx="11" cy="11" r="8"/><path d="m21 21-4.3-4.3"/></svg>
+          <input
+            #searchEl
+            type="text"
+            class="flex h-10 w-full bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground"
+            [placeholder]="searchPlaceholder()"
+            [value]="query()"
+            (input)="onSearchInput($event)"
+            (keydown)="onKeydown($event)"
+          />
+        </div>
+
+        <!-- Options list -->
+        @if (filtered().length > 0) {
+          <ul role="listbox" class="max-h-60 overflow-auto p-1">
+            @for (opt of filtered(); track opt.value; let i = $index) {
+              <li
+                role="option"
+                [id]="'sny-cb-opt-' + opt.value"
+                [attr.aria-selected]="value() === opt.value"
+                [class]="optionClass(i)"
+                (mousedown)="select(opt); $event.preventDefault()"
+                (mouseenter)="activeIndex.set(i)"
+              >
+                <svg
+                  xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"
+                  fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
+                  [class]="value() === opt.value ? 'mr-2 shrink-0 opacity-100' : 'mr-2 shrink-0 opacity-0'"
+                ><path d="M20 6 9 17l-5-5"/></svg>
+                {{ opt.label }}
+              </li>
+            }
+          </ul>
+        } @else {
+          <div class="py-6 text-center text-sm text-muted-foreground">No results found.</div>
+        }
+      </div>
+    }
+  `,
+                }]
+        }], propDecorators: { options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], searchPlaceholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "searchPlaceholder", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], triggerRef: [{ type: i0.ViewChild, args: ['triggerEl', { isSignal: true }] }], searchRef: [{ type: i0.ViewChild, args: ['searchEl', { isSignal: true }] }], dropdownRef: [{ type: i0.ViewChild, args: ['dropdownEl', { isSignal: true }] }], onDocumentClick: [{
+                type: HostListener,
+                args: ['document:click', ['$event']]
+            }] } });
+
+const skeletonVariants = cva('animate-pulse bg-muted block', {
+    variants: {
+        variant: {
+            line: 'rounded-sm',
+            circular: 'rounded-full aspect-square',
+            rounded: 'rounded-lg',
+        },
+        size: {
+            sm: 'h-4',
+            md: 'h-6',
+            lg: 'h-8',
+            xl: 'h-12',
+        },
+    },
+    defaultVariants: {
+        variant: 'line',
+        size: 'md',
+    },
+});
+
+class SnySkeletonDirective {
+    variant = input('line', ...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
+    size = input('md', ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
+    class = input('', ...(ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []));
+    computedClass = computed(() => cn(skeletonVariants({ variant: this.variant(), size: this.size() }), this.class()), ...(ngDevMode ? [{ debugName: "computedClass" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: SnySkeletonDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.5", type: SnySkeletonDirective, isStandalone: true, selector: "[snySkeleton]", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "computedClass()" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: SnySkeletonDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[snySkeleton]',
+                    standalone: true,
+                    host: { '[class]': 'computedClass()' },
+                }]
+        }], propDecorators: { variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+
+const radioVariants = cva('appearance-none rounded-full border border-border bg-background transition-colors checked:border-primary checked:shadow-[inset_0_0_0_3px] checked:shadow-primary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50', {
+    variants: {
+        size: {
+            sm: 'h-3.5 w-3.5',
+            md: 'h-4 w-4',
+            lg: 'h-5 w-5',
+        },
+    },
+    defaultVariants: {
+        size: 'md',
+    },
+});
+
+class SnyRadioDirective {
+    size = input('md', ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
+    class = input('', ...(ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []));
+    computedClass = computed(() => cn(radioVariants({ size: this.size() }), this.class()), ...(ngDevMode ? [{ debugName: "computedClass" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: SnyRadioDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.5", type: SnyRadioDirective, isStandalone: true, selector: "input[type=\"radio\"][snyRadio]", inputs: { size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "computedClass()" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: SnyRadioDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'input[type="radio"][snyRadio]',
+                    standalone: true,
+                    host: { '[class]': 'computedClass()' },
+                }]
+        }], propDecorators: { size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+
+const switchTrackVariants = cva('peer inline-flex shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50', {
+    variants: {
+        size: {
+            sm: 'h-5 w-9',
+            md: 'h-6 w-11',
+            lg: 'h-7 w-14',
+        },
+    },
+    defaultVariants: {
+        size: 'md',
+    },
+});
+const switchThumbSize = {
+    sm: 'h-4 w-4',
+    md: 'h-5 w-5',
+    lg: 'h-6 w-6',
+};
+const switchThumbTranslate = {
+    sm: 'translate-x-4',
+    md: 'translate-x-5',
+    lg: 'translate-x-7',
+};
+
+class SnySwitchComponent {
+    checked = model(false, ...(ngDevMode ? [{ debugName: "checked" }] : /* istanbul ignore next */ []));
+    disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
+    size = input('md', ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
+    class = input('', ...(ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []));
+    trackClass = computed(() => cn(switchTrackVariants({ size: this.size() }), this.checked() ? 'bg-primary' : 'bg-input', this.class()), ...(ngDevMode ? [{ debugName: "trackClass" }] : /* istanbul ignore next */ []));
+    thumbClass = computed(() => cn('pointer-events-none block rounded-full bg-background shadow-lg ring-0 transition-transform', switchThumbSize[this.size()], this.checked() ? switchThumbTranslate[this.size()] : 'translate-x-0'), ...(ngDevMode ? [{ debugName: "thumbClass" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: SnySwitchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.5", type: SnySwitchComponent, isStandalone: true, selector: "sny-switch", inputs: { checked: { classPropertyName: "checked", publicName: "checked", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { checked: "checkedChange" }, host: { classAttribute: "inline-flex" }, ngImport: i0, template: `
+    <button
+      type="button"
+      role="switch"
+      [attr.aria-checked]="checked()"
+      [disabled]="disabled()"
+      [class]="trackClass()"
+      (click)="checked.set(!checked())"
+    >
+      <span [class]="thumbClass()"></span>
+    </button>
+  `, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: SnySwitchComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'sny-switch',
+                    standalone: true,
+                    host: { class: 'inline-flex' },
+                    template: `
+    <button
+      type="button"
+      role="switch"
+      [attr.aria-checked]="checked()"
+      [disabled]="disabled()"
+      [class]="trackClass()"
+      (click)="checked.set(!checked())"
+    >
+      <span [class]="thumbClass()"></span>
+    </button>
+  `,
+                }]
+        }], propDecorators: { checked: [{ type: i0.Input, args: [{ isSignal: true, alias: "checked", required: false }] }, { type: i0.Output, args: ["checkedChange"] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+
+const toggleVariants = cva('inline-flex items-center justify-center rounded-sm text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50', {
+    variants: {
+        variant: {
+            default: 'bg-transparent hover:bg-muted hover:text-muted-foreground',
+            outline: 'border border-border bg-transparent hover:bg-accent hover:text-accent-foreground',
+        },
+        size: {
+            sm: 'h-9 px-2.5',
+            md: 'h-10 px-3',
+            lg: 'h-11 px-5',
+        },
+    },
+    defaultVariants: {
+        variant: 'default',
+        size: 'md',
+    },
+});
+
+class SnyToggleDirective {
+    variant = input('default', ...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
+    size = input('md', ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
+    pressed = model(false, ...(ngDevMode ? [{ debugName: "pressed" }] : /* istanbul ignore next */ []));
+    class = input('', ...(ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []));
+    computedClass = computed(() => cn(toggleVariants({ variant: this.variant(), size: this.size() }), this.pressed() ? 'bg-accent text-accent-foreground' : '', this.class()), ...(ngDevMode ? [{ debugName: "computedClass" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: SnyToggleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.5", type: SnyToggleDirective, isStandalone: true, selector: "button[snyToggle]", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, pressed: { classPropertyName: "pressed", publicName: "pressed", isSignal: true, isRequired: false, transformFunction: null }, class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { pressed: "pressedChange" }, host: { listeners: { "click": "pressed.set(!pressed())" }, properties: { "class": "computedClass()", "attr.aria-pressed": "pressed()" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: SnyToggleDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'button[snyToggle]',
+                    standalone: true,
+                    host: {
+                        '[class]': 'computedClass()',
+                        '[attr.aria-pressed]': 'pressed()',
+                        '(click)': 'pressed.set(!pressed())',
+                    },
+                }]
+        }], propDecorators: { variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], pressed: [{ type: i0.Input, args: [{ isSignal: true, alias: "pressed", required: false }] }, { type: i0.Output, args: ["pressedChange"] }], class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+
+const sliderTrackVariants = cva('relative w-full rounded-full bg-secondary cursor-pointer', {
+    variants: {
+        size: {
+            sm: 'h-1.5',
+            md: 'h-2',
+            lg: 'h-3',
+        },
+    },
+    defaultVariants: {
+        size: 'md',
+    },
+});
+const sliderThumbSize = {
+    sm: 'h-4 w-4',
+    md: 'h-5 w-5',
+    lg: 'h-6 w-6',
+};
+
+class SnySliderComponent {
+    value = model(0, ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
+    min = input(0, ...(ngDevMode ? [{ debugName: "min" }] : /* istanbul ignore next */ []));
+    max = input(100, ...(ngDevMode ? [{ debugName: "max" }] : /* istanbul ignore next */ []));
+    step = input(1, ...(ngDevMode ? [{ debugName: "step" }] : /* istanbul ignore next */ []));
+    disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
+    size = input('md', ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
+    class = input('', ...(ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []));
+    trackRef = viewChild('trackEl', ...(ngDevMode ? [{ debugName: "trackRef" }] : /* istanbul ignore next */ []));
+    moveHandler = null;
+    upHandler = null;
+    percentage = computed(() => {
+        const range = this.max() - this.min();
+        if (range <= 0)
+            return 0;
+        return ((this.value() - this.min()) / range) * 100;
+    }, ...(ngDevMode ? [{ debugName: "percentage" }] : /* istanbul ignore next */ []));
+    trackClass = computed(() => cn(sliderTrackVariants({ size: this.size() }), this.disabled() && 'opacity-50 cursor-not-allowed', this.class()), ...(ngDevMode ? [{ debugName: "trackClass" }] : /* istanbul ignore next */ []));
+    thumbClass = computed(() => cn('absolute top-1/2 -translate-x-1/2 -translate-y-1/2 block rounded-full border-2 border-primary bg-background shadow ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50', sliderThumbSize[this.size()]), ...(ngDevMode ? [{ debugName: "thumbClass" }] : /* istanbul ignore next */ []));
+    updateValueFromPosition(clientX) {
+        if (this.disabled())
+            return;
+        const track = this.trackRef()?.nativeElement;
+        if (!track)
+            return;
+        const rect = track.getBoundingClientRect();
+        const percent = Math.max(0, Math.min(1, (clientX - rect.left) / rect.width));
+        const raw = this.min() + percent * (this.max() - this.min());
+        const stepped = Math.round(raw / this.step()) * this.step();
+        this.value.set(Math.max(this.min(), Math.min(this.max(), stepped)));
+    }
+    onTrackMousedown(event) {
+        if (this.disabled())
+            return;
+        event.preventDefault();
+        this.updateValueFromPosition(event.clientX);
+        this.moveHandler = (e) => {
+            const clientX = e instanceof MouseEvent ? e.clientX : e.touches[0].clientX;
+            this.updateValueFromPosition(clientX);
+        };
+        this.upHandler = () => this.removeListeners();
+        document.addEventListener('mousemove', this.moveHandler);
+        document.addEventListener('mouseup', this.upHandler);
+    }
+    onTrackTouchstart(event) {
+        if (this.disabled())
+            return;
+        this.updateValueFromPosition(event.touches[0].clientX);
+        this.moveHandler = (e) => {
+            const clientX = e instanceof MouseEvent ? e.clientX : e.touches[0].clientX;
+            this.updateValueFromPosition(clientX);
+        };
+        this.upHandler = () => this.removeListeners();
+        document.addEventListener('touchmove', this.moveHandler, { passive: true });
+        document.addEventListener('touchend', this.upHandler);
+    }
+    onKeydown(event) {
+        if (this.disabled())
+            return;
+        const step = this.step();
+        switch (event.key) {
+            case 'ArrowRight':
+            case 'ArrowUp':
+                event.preventDefault();
+                this.value.set(Math.min(this.max(), this.value() + step));
+                break;
+            case 'ArrowLeft':
+            case 'ArrowDown':
+                event.preventDefault();
+                this.value.set(Math.max(this.min(), this.value() - step));
+                break;
+            case 'Home':
+                event.preventDefault();
+                this.value.set(this.min());
+                break;
+            case 'End':
+                event.preventDefault();
+                this.value.set(this.max());
+                break;
+        }
+    }
+    removeListeners() {
+        if (this.moveHandler) {
+            document.removeEventListener('mousemove', this.moveHandler);
+            document.removeEventListener('touchmove', this.moveHandler);
+            this.moveHandler = null;
+        }
+        if (this.upHandler) {
+            document.removeEventListener('mouseup', this.upHandler);
+            document.removeEventListener('touchend', this.upHandler);
+            this.upHandler = null;
+        }
+    }
+    ngOnDestroy() {
+        this.removeListeners();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: SnySliderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.5", type: SnySliderComponent, isStandalone: true, selector: "sny-slider", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, step: { classPropertyName: "step", publicName: "step", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange" }, host: { listeners: { "keydown": "onKeydown($event)" }, classAttribute: "block" }, viewQueries: [{ propertyName: "trackRef", first: true, predicate: ["trackEl"], descendants: true, isSignal: true }], ngImport: i0, template: `
+    <div
+      #trackEl
+      [class]="trackClass()"
+      (mousedown)="onTrackMousedown($event)"
+      (touchstart)="onTrackTouchstart($event)"
+    >
+      <div class="absolute h-full rounded-full bg-primary" [style.width.%]="percentage()"></div>
+      <button
+        type="button"
+        role="slider"
+        [attr.aria-valuemin]="min()"
+        [attr.aria-valuemax]="max()"
+        [attr.aria-valuenow]="value()"
+        [disabled]="disabled()"
+        [class]="thumbClass()"
+        [style.left.%]="percentage()"
+        tabindex="0"
+      ></button>
+    </div>
+  `, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: SnySliderComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'sny-slider',
+                    standalone: true,
+                    host: {
+                        class: 'block',
+                        '(keydown)': 'onKeydown($event)',
+                    },
+                    template: `
+    <div
+      #trackEl
+      [class]="trackClass()"
+      (mousedown)="onTrackMousedown($event)"
+      (touchstart)="onTrackTouchstart($event)"
+    >
+      <div class="absolute h-full rounded-full bg-primary" [style.width.%]="percentage()"></div>
+      <button
+        type="button"
+        role="slider"
+        [attr.aria-valuemin]="min()"
+        [attr.aria-valuemax]="max()"
+        [attr.aria-valuenow]="value()"
+        [disabled]="disabled()"
+        [class]="thumbClass()"
+        [style.left.%]="percentage()"
+        tabindex="0"
+      ></button>
+    </div>
+  `,
+                }]
+        }], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], min: [{ type: i0.Input, args: [{ isSignal: true, alias: "min", required: false }] }], max: [{ type: i0.Input, args: [{ isSignal: true, alias: "max", required: false }] }], step: [{ type: i0.Input, args: [{ isSignal: true, alias: "step", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }], trackRef: [{ type: i0.ViewChild, args: ['trackEl', { isSignal: true }] }] } });
+
+const loaderVariants = cva('inline-flex items-center justify-center text-current', {
+    variants: {
+        size: {
+            sm: 'h-4 w-4',
+            md: 'h-6 w-6',
+            lg: 'h-8 w-8',
+            xl: 'h-12 w-12',
+        },
+    },
+    defaultVariants: {
+        size: 'md',
+    },
+});
+
+class SnyLoaderComponent {
+    variant = input('spinner', ...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
+    size = input('md', ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
+    class = input('', ...(ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []));
+    computedClass = computed(() => cn(loaderVariants({ size: this.size() }), this.class()), ...(ngDevMode ? [{ debugName: "computedClass" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: SnyLoaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.5", type: SnyLoaderComponent, isStandalone: true, selector: "sny-loader", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "status" }, properties: { "class": "computedClass()", "attr.aria-label": "\"Loading\"" } }, ngImport: i0, template: `
+    @switch (variant()) {
+      @case ('spinner') {
+        <svg class="animate-spin h-full w-full" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
+          <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
+          <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
+        </svg>
+      }
+      @case ('dots') {
+        <span class="flex items-center gap-1">
+          <span class="h-1.5 w-1.5 rounded-full bg-current animate-bounce [animation-delay:-0.3s]"></span>
+          <span class="h-1.5 w-1.5 rounded-full bg-current animate-bounce [animation-delay:-0.15s]"></span>
+          <span class="h-1.5 w-1.5 rounded-full bg-current animate-bounce"></span>
+        </span>
+      }
+      @case ('bars') {
+        <span class="flex items-end gap-0.5 h-full">
+          <span class="w-1 bg-current animate-pulse rounded-sm [animation-delay:-0.3s]" style="height:60%"></span>
+          <span class="w-1 bg-current animate-pulse rounded-sm [animation-delay:-0.15s]" style="height:100%"></span>
+          <span class="w-1 bg-current animate-pulse rounded-sm" style="height:40%"></span>
+          <span class="w-1 bg-current animate-pulse rounded-sm [animation-delay:-0.2s]" style="height:80%"></span>
+        </span>
+      }
+    }
+  `, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: SnyLoaderComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'sny-loader',
+                    standalone: true,
+                    host: {
+                        '[class]': 'computedClass()',
+                        role: 'status',
+                        '[attr.aria-label]': '"Loading"',
+                    },
+                    template: `
+    @switch (variant()) {
+      @case ('spinner') {
+        <svg class="animate-spin h-full w-full" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
+          <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
+          <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
+        </svg>
+      }
+      @case ('dots') {
+        <span class="flex items-center gap-1">
+          <span class="h-1.5 w-1.5 rounded-full bg-current animate-bounce [animation-delay:-0.3s]"></span>
+          <span class="h-1.5 w-1.5 rounded-full bg-current animate-bounce [animation-delay:-0.15s]"></span>
+          <span class="h-1.5 w-1.5 rounded-full bg-current animate-bounce"></span>
+        </span>
+      }
+      @case ('bars') {
+        <span class="flex items-end gap-0.5 h-full">
+          <span class="w-1 bg-current animate-pulse rounded-sm [animation-delay:-0.3s]" style="height:60%"></span>
+          <span class="w-1 bg-current animate-pulse rounded-sm [animation-delay:-0.15s]" style="height:100%"></span>
+          <span class="w-1 bg-current animate-pulse rounded-sm" style="height:40%"></span>
+          <span class="w-1 bg-current animate-pulse rounded-sm [animation-delay:-0.2s]" style="height:80%"></span>
+        </span>
+      }
+    }
+  `,
+                }]
+        }], propDecorators: { variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+
+const SNY_TABS = new InjectionToken('SnyTabs');
+class SnyTabsDirective {
+    value = model('', ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
+    class = input('', ...(ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []));
+    computedClass = computed(() => cn('', this.class()), ...(ngDevMode ? [{ debugName: "computedClass" }] : /* istanbul ignore next */ []));
+    select(value) {
+        this.value.set(value);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: SnyTabsDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.5", type: SnyTabsDirective, isStandalone: true, selector: "[snyTabs]", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange" }, host: { properties: { "class": "computedClass()" } }, providers: [{ provide: SNY_TABS, useExisting: SnyTabsDirective }], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: SnyTabsDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[snyTabs]',
+                    standalone: true,
+                    providers: [{ provide: SNY_TABS, useExisting: SnyTabsDirective }],
+                    host: { '[class]': 'computedClass()' },
+                }]
+        }], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+class SnyTabsListDirective {
+    class = input('', ...(ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []));
+    computedClass = computed(() => cn('inline-flex h-10 items-center justify-center rounded-sm bg-muted p-1 text-muted-foreground', this.class()), ...(ngDevMode ? [{ debugName: "computedClass" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: SnyTabsListDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.5", type: SnyTabsListDirective, isStandalone: true, selector: "[snyTabsList]", inputs: { class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "tablist" }, properties: { "class": "computedClass()" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: SnyTabsListDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[snyTabsList]',
+                    standalone: true,
+                    host: {
+                        role: 'tablist',
+                        '[class]': 'computedClass()',
+                    },
+                }]
+        }], propDecorators: { class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+class SnyTabsTriggerDirective {
+    value = input.required(...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
+    class = input('', ...(ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []));
+    tabs = inject(SNY_TABS);
+    isActive = computed(() => this.tabs.value() === this.value(), ...(ngDevMode ? [{ debugName: "isActive" }] : /* istanbul ignore next */ []));
+    computedClass = computed(() => cn('inline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 cursor-pointer', this.isActive()
+        ? 'bg-background text-foreground shadow-sm'
+        : 'hover:bg-background/50', this.class()), ...(ngDevMode ? [{ debugName: "computedClass" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: SnyTabsTriggerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.5", type: SnyTabsTriggerDirective, isStandalone: true, selector: "[snyTabsTrigger]", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null }, class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "tab" }, listeners: { "click": "tabs.select(value())" }, properties: { "class": "computedClass()", "attr.aria-selected": "isActive()" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: SnyTabsTriggerDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[snyTabsTrigger]',
+                    standalone: true,
+                    host: {
+                        role: 'tab',
+                        '[class]': 'computedClass()',
+                        '[attr.aria-selected]': 'isActive()',
+                        '(click)': 'tabs.select(value())',
+                    },
+                }]
+        }], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: true }] }], class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+class SnyTabsContentDirective {
+    value = input.required(...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
+    class = input('', ...(ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []));
+    tabs = inject(SNY_TABS);
+    isActive = computed(() => this.tabs.value() === this.value(), ...(ngDevMode ? [{ debugName: "isActive" }] : /* istanbul ignore next */ []));
+    computedClass = computed(() => cn('mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2', this.class()), ...(ngDevMode ? [{ debugName: "computedClass" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: SnyTabsContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.5", type: SnyTabsContentDirective, isStandalone: true, selector: "[snyTabsContent]", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null }, class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "tabpanel" }, properties: { "class": "computedClass()", "style.display": "isActive() ? null : \"none\"" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: SnyTabsContentDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[snyTabsContent]',
+                    standalone: true,
+                    host: {
+                        role: 'tabpanel',
+                        '[class]': 'computedClass()',
+                        '[style.display]': 'isActive() ? null : "none"',
+                    },
+                }]
+        }], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: true }] }], class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+
+const tabsListVariants = cva('inline-flex h-10 items-center justify-center rounded-sm bg-muted p-1 text-muted-foreground', {
+    variants: {},
+    defaultVariants: {},
+});
+const tabsTriggerVariants = cva('inline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50', {
+    variants: {},
+    defaultVariants: {},
+});
+
+const selectTriggerVariants = cva('inline-flex w-full items-center justify-between whitespace-nowrap rounded-sm border border-border bg-background px-3 py-2 text-sm ring-offset-background transition-colors hover:bg-accent hover:text-accent-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50', {
+    variants: {
+        size: {
+            sm: 'h-9 text-xs',
+            md: 'h-10 text-sm',
+            lg: 'h-11 text-base',
+        },
+    },
+    defaultVariants: {
+        size: 'md',
+    },
+});
+
+class SnySelectComponent {
+    options = input([], ...(ngDevMode ? [{ debugName: "options" }] : /* istanbul ignore next */ []));
+    placeholder = input('Select...', ...(ngDevMode ? [{ debugName: "placeholder" }] : /* istanbul ignore next */ []));
+    size = input('md', ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
+    disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
+    class = input('', ...(ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []));
+    value = model('', ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
+    open = signal(false, ...(ngDevMode ? [{ debugName: "open" }] : /* istanbul ignore next */ []));
+    activeIndex = signal(0, ...(ngDevMode ? [{ debugName: "activeIndex" }] : /* istanbul ignore next */ []));
+    triggerRef = viewChild('triggerEl', ...(ngDevMode ? [{ debugName: "triggerRef" }] : /* istanbul ignore next */ []));
+    dropdownRef = viewChild('dropdownEl', ...(ngDevMode ? [{ debugName: "dropdownRef" }] : /* istanbul ignore next */ []));
+    elRef = inject(ElementRef);
+    scrollHandler = null;
+    resizeHandler = null;
+    selectedLabel = computed(() => {
+        const v = this.value();
+        if (!v)
+            return '';
+        const opt = this.options().find(o => o.value === v);
+        return opt?.label ?? '';
+    }, ...(ngDevMode ? [{ debugName: "selectedLabel" }] : /* istanbul ignore next */ []));
+    triggerClass = computed(() => cn(selectTriggerVariants({ size: this.size() }), this.class()), ...(ngDevMode ? [{ debugName: "triggerClass" }] : /* istanbul ignore next */ []));
+    optionClass(index) {
+        const base = 'relative flex cursor-pointer select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-colors';
+        const active = index === this.activeIndex() ? 'bg-accent text-accent-foreground' : 'hover:bg-accent/50';
+        return cn(base, active);
+    }
+    updateDropdownPosition() {
+        const trigger = this.triggerRef()?.nativeElement;
+        if (!trigger)
+            return;
+        const rect = trigger.getBoundingClientRect();
+        const dropdown = this.dropdownRef()?.nativeElement;
+        if (dropdown) {
+            dropdown.style.top = `${rect.bottom + 4}px`;
+            dropdown.style.left = `${rect.left}px`;
+            dropdown.style.width = `${rect.width}px`;
+        }
+    }
+    addGlobalListeners() {
+        this.removeGlobalListeners();
+        this.scrollHandler = () => {
+            requestAnimationFrame(() => this.updateDropdownPosition());
+        };
+        this.resizeHandler = () => {
+            requestAnimationFrame(() => this.updateDropdownPosition());
+        };
+        document.addEventListener('scroll', this.scrollHandler, { capture: true, passive: true });
+        window.addEventListener('resize', this.resizeHandler, { passive: true });
+    }
+    removeGlobalListeners() {
+        if (this.scrollHandler) {
+            document.removeEventListener('scroll', this.scrollHandler, { capture: true });
+            this.scrollHandler = null;
+        }
+        if (this.resizeHandler) {
+            window.removeEventListener('resize', this.resizeHandler);
+            this.resizeHandler = null;
+        }
+    }
+    ngOnDestroy() {
+        this.removeGlobalListeners();
+    }
+    toggle() {
+        if (this.open()) {
+            this.close();
+        }
+        else {
+            this.open.set(true);
+            this.activeIndex.set(Math.max(0, this.options().findIndex(o => o.value === this.value())));
+            this.addGlobalListeners();
+            setTimeout(() => this.updateDropdownPosition());
+        }
+    }
+    close() {
+        this.open.set(false);
+        this.removeGlobalListeners();
+    }
+    select(opt) {
+        this.value.set(opt.value);
+        this.close();
+    }
+    onTriggerKeydown(event) {
+        const items = this.options();
+        if (!this.open()) {
+            if (event.key === 'ArrowDown' || event.key === 'Enter' || event.key === ' ') {
+                event.preventDefault();
+                this.toggle();
+            }
+            return;
+        }
+        switch (event.key) {
+            case 'ArrowDown':
+                event.preventDefault();
+                this.activeIndex.update(i => Math.min(i + 1, items.length - 1));
+                break;
+            case 'ArrowUp':
+                event.preventDefault();
+                this.activeIndex.update(i => Math.max(i - 1, 0));
+                break;
+            case 'Enter':
+            case ' ':
+                event.preventDefault();
+                if (items[this.activeIndex()]) {
+                    this.select(items[this.activeIndex()]);
+                }
+                break;
+            case 'Escape':
+                this.close();
+                break;
+        }
+    }
+    onDocumentClick(event) {
+        if (!this.elRef.nativeElement.contains(event.target)) {
+            this.close();
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: SnySelectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.5", type: SnySelectComponent, isStandalone: true, selector: "sny-select", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange" }, host: { listeners: { "document:click": "onDocumentClick($event)" }, classAttribute: "relative inline-block w-full" }, viewQueries: [{ propertyName: "triggerRef", first: true, predicate: ["triggerEl"], descendants: true, isSignal: true }, { propertyName: "dropdownRef", first: true, predicate: ["dropdownEl"], descendants: true, isSignal: true }], ngImport: i0, template: `
+    <button
+      #triggerEl
+      type="button"
+      role="combobox"
+      [attr.aria-expanded]="open()"
+      aria-haspopup="listbox"
+      [disabled]="disabled()"
+      [class]="triggerClass()"
+      (click)="toggle()"
+      (keydown)="onTriggerKeydown($event)"
+    >
+      <span [class]="selectedLabel() ? '' : 'text-muted-foreground'">
+        {{ selectedLabel() || placeholder() }}
+      </span>
+      <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="shrink-0 opacity-50"><path d="m6 9 6 6 6-6"/></svg>
+    </button>
+
+    @if (open()) {
+      <div
+        #dropdownEl
+        class="fixed z-50 rounded-sm border border-border bg-popover text-popover-foreground shadow-md"
+      >
+        <ul role="listbox" class="max-h-60 overflow-auto p-1">
+          @for (opt of options(); track opt.value; let i = $index) {
+            <li
+              role="option"
+              [attr.aria-selected]="value() === opt.value"
+              [class]="optionClass(i)"
+              (mousedown)="select(opt); $event.preventDefault()"
+              (mouseenter)="activeIndex.set(i)"
+            >
+              <svg
+                xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"
+                fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
+                [class]="value() === opt.value ? 'mr-2 shrink-0 opacity-100' : 'mr-2 shrink-0 opacity-0'"
+              ><path d="M20 6 9 17l-5-5"/></svg>
+              {{ opt.label }}
+            </li>
+          }
+        </ul>
+      </div>
+    }
+  `, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: SnySelectComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'sny-select',
+                    standalone: true,
+                    host: {
+                        class: 'relative inline-block w-full',
+                    },
+                    template: `
+    <button
+      #triggerEl
+      type="button"
+      role="combobox"
+      [attr.aria-expanded]="open()"
+      aria-haspopup="listbox"
+      [disabled]="disabled()"
+      [class]="triggerClass()"
+      (click)="toggle()"
+      (keydown)="onTriggerKeydown($event)"
+    >
+      <span [class]="selectedLabel() ? '' : 'text-muted-foreground'">
+        {{ selectedLabel() || placeholder() }}
+      </span>
+      <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="shrink-0 opacity-50"><path d="m6 9 6 6 6-6"/></svg>
+    </button>
+
+    @if (open()) {
+      <div
+        #dropdownEl
+        class="fixed z-50 rounded-sm border border-border bg-popover text-popover-foreground shadow-md"
+      >
+        <ul role="listbox" class="max-h-60 overflow-auto p-1">
+          @for (opt of options(); track opt.value; let i = $index) {
+            <li
+              role="option"
+              [attr.aria-selected]="value() === opt.value"
+              [class]="optionClass(i)"
+              (mousedown)="select(opt); $event.preventDefault()"
+              (mouseenter)="activeIndex.set(i)"
+            >
+              <svg
+                xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"
+                fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
+                [class]="value() === opt.value ? 'mr-2 shrink-0 opacity-100' : 'mr-2 shrink-0 opacity-0'"
+              ><path d="M20 6 9 17l-5-5"/></svg>
+              {{ opt.label }}
+            </li>
+          }
+        </ul>
+      </div>
+    }
+  `,
+                }]
+        }], propDecorators: { options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], triggerRef: [{ type: i0.ViewChild, args: ['triggerEl', { isSignal: true }] }], dropdownRef: [{ type: i0.ViewChild, args: ['dropdownEl', { isSignal: true }] }], onDocumentClick: [{
+                type: HostListener,
+                args: ['document:click', ['$event']]
+            }] } });
+
+const tableVariants = cva('w-full caption-bottom text-sm border-collapse', {
+    variants: {
+        variant: {
+            default: '',
+            striped: '[&_tbody_tr:nth-child(even)]:bg-muted/50',
+            bordered: 'border border-border [&_th]:border [&_th]:border-border [&_td]:border [&_td]:border-border',
+        },
+    },
+    defaultVariants: {
+        variant: 'default',
+    },
+});
+const tableCellVariants = cva('', {
+    variants: {
+        density: {
+            compact: 'px-2 py-1 text-xs',
+            normal: 'px-4 py-3 text-sm',
+            comfortable: 'px-6 py-4 text-base',
+        },
+    },
+    defaultVariants: {
+        density: 'normal',
+    },
+});
+
+const SNY_TABLE = new InjectionToken('SnyTable');
+class SnyTableDirective {
+    variant = input('default', ...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
+    density = input('normal', ...(ngDevMode ? [{ debugName: "density" }] : /* istanbul ignore next */ []));
+    hoverable = input(false, ...(ngDevMode ? [{ debugName: "hoverable" }] : /* istanbul ignore next */ []));
+    stickyHeader = input(false, ...(ngDevMode ? [{ debugName: "stickyHeader" }] : /* istanbul ignore next */ []));
+    class = input('', ...(ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []));
+    computedClass = computed(() => cn(tableVariants({ variant: this.variant() }), this.class()), ...(ngDevMode ? [{ debugName: "computedClass" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: SnyTableDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.5", type: SnyTableDirective, isStandalone: true, selector: "table[snyTable]", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, density: { classPropertyName: "density", publicName: "density", isSignal: true, isRequired: false, transformFunction: null }, hoverable: { classPropertyName: "hoverable", publicName: "hoverable", isSignal: true, isRequired: false, transformFunction: null }, stickyHeader: { classPropertyName: "stickyHeader", publicName: "stickyHeader", isSignal: true, isRequired: false, transformFunction: null }, class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "computedClass()" } }, providers: [{ provide: SNY_TABLE, useExisting: SnyTableDirective }], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: SnyTableDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'table[snyTable]',
+                    standalone: true,
+                    providers: [{ provide: SNY_TABLE, useExisting: SnyTableDirective }],
+                    host: { '[class]': 'computedClass()' },
+                }]
+        }], propDecorators: { variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], density: [{ type: i0.Input, args: [{ isSignal: true, alias: "density", required: false }] }], hoverable: [{ type: i0.Input, args: [{ isSignal: true, alias: "hoverable", required: false }] }], stickyHeader: [{ type: i0.Input, args: [{ isSignal: true, alias: "stickyHeader", required: false }] }], class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+class SnyTableHeaderDirective {
+    class = input('', ...(ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []));
+    table = inject(SNY_TABLE, { optional: true });
+    computedClass = computed(() => cn('[&_tr]:border-b', this.table?.stickyHeader() ? 'sticky top-0 z-10 bg-background' : '', this.class()), ...(ngDevMode ? [{ debugName: "computedClass" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: SnyTableHeaderDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.5", type: SnyTableHeaderDirective, isStandalone: true, selector: "thead[snyTableHeader]", inputs: { class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "computedClass()" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: SnyTableHeaderDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'thead[snyTableHeader]',
+                    standalone: true,
+                    host: { '[class]': 'computedClass()' },
+                }]
+        }], propDecorators: { class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+class SnyTableBodyDirective {
+    class = input('', ...(ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []));
+    computedClass = computed(() => cn('[&_tr:last-child]:border-0', this.class()), ...(ngDevMode ? [{ debugName: "computedClass" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: SnyTableBodyDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.5", type: SnyTableBodyDirective, isStandalone: true, selector: "tbody[snyTableBody]", inputs: { class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "computedClass()" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: SnyTableBodyDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'tbody[snyTableBody]',
+                    standalone: true,
+                    host: { '[class]': 'computedClass()' },
+                }]
+        }], propDecorators: { class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+class SnyTableRowDirective {
+    class = input('', ...(ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []));
+    table = inject(SNY_TABLE, { optional: true });
+    computedClass = computed(() => cn('border-b border-border transition-colors data-[state=selected]:bg-muted', this.table?.hoverable() ? 'hover:bg-muted/50' : '', this.class()), ...(ngDevMode ? [{ debugName: "computedClass" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: SnyTableRowDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.5", type: SnyTableRowDirective, isStandalone: true, selector: "tr[snyTableRow]", inputs: { class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "computedClass()" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: SnyTableRowDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'tr[snyTableRow]',
+                    standalone: true,
+                    host: { '[class]': 'computedClass()' },
+                }]
+        }], propDecorators: { class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+class SnyTableHeadDirective {
+    class = input('', ...(ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []));
+    table = inject(SNY_TABLE, { optional: true });
+    computedClass = computed(() => cn('text-left font-medium text-muted-foreground [&[align=center]]:text-center [&[align=right]]:text-right', tableCellVariants({ density: this.table?.density() ?? 'normal' }), this.class()), ...(ngDevMode ? [{ debugName: "computedClass" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: SnyTableHeadDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.5", type: SnyTableHeadDirective, isStandalone: true, selector: "th[snyTableHead]", inputs: { class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "computedClass()" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: SnyTableHeadDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'th[snyTableHead]',
+                    standalone: true,
+                    host: { '[class]': 'computedClass()' },
+                }]
+        }], propDecorators: { class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+class SnyTableCellDirective {
+    class = input('', ...(ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []));
+    table = inject(SNY_TABLE, { optional: true });
+    computedClass = computed(() => cn('[&[align=center]]:text-center [&[align=right]]:text-right', tableCellVariants({ density: this.table?.density() ?? 'normal' }), this.class()), ...(ngDevMode ? [{ debugName: "computedClass" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: SnyTableCellDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.5", type: SnyTableCellDirective, isStandalone: true, selector: "td[snyTableCell]", inputs: { class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "computedClass()" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: SnyTableCellDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'td[snyTableCell]',
+                    standalone: true,
+                    host: { '[class]': 'computedClass()' },
+                }]
+        }], propDecorators: { class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+class SnyTableFooterDirective {
+    class = input('', ...(ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []));
+    computedClass = computed(() => cn('border-t border-border font-medium [&>tr]:last:border-b-0', this.class()), ...(ngDevMode ? [{ debugName: "computedClass" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: SnyTableFooterDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.5", type: SnyTableFooterDirective, isStandalone: true, selector: "tfoot[snyTableFooter]", inputs: { class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "computedClass()" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: SnyTableFooterDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'tfoot[snyTableFooter]',
+                    standalone: true,
+                    host: { '[class]': 'computedClass()' },
+                }]
+        }], propDecorators: { class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+class SnyTableCaptionDirective {
+    class = input('', ...(ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []));
+    computedClass = computed(() => cn('mt-4 text-sm text-muted-foreground', this.class()), ...(ngDevMode ? [{ debugName: "computedClass" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: SnyTableCaptionDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.5", type: SnyTableCaptionDirective, isStandalone: true, selector: "caption[snyTableCaption]", inputs: { class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "computedClass()" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: SnyTableCaptionDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'caption[snyTableCaption]',
+                    standalone: true,
+                    host: { '[class]': 'computedClass()' },
+                }]
+        }], propDecorators: { class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+
+class SnySheetRef {
+    cdkRef;
+    constructor(cdkRef) {
+        this.cdkRef = cdkRef;
+    }
+    close(result) {
+        this.cdkRef.close(result);
+    }
+    get closed() {
+        return this.cdkRef.closed;
+    }
+}
+
+const DEFAULT_SHEET_CONFIG = {
+    side: 'right',
+    closeOnBackdrop: true,
+    closeOnEsc: true,
+};
+const SHEET_PANEL_CLASS = {
+    right: 'sny-sheet-right',
+    left: 'sny-sheet-left',
+    top: 'sny-sheet-top',
+    bottom: 'sny-sheet-bottom',
+};
+
+const SNY_SHEET_DATA = new InjectionToken('SNY_SHEET_DATA');
+class SnySheetService {
+    cdkDialog = inject(Dialog);
+    injector = inject(Injector);
+    open(component, config = {}) {
+        const merged = { ...DEFAULT_SHEET_CONFIG, ...config };
+        const side = merged.side ?? 'right';
+        const disableClose = !merged.closeOnBackdrop || !merged.closeOnEsc;
+        const overlay = this._getOverlayConfig(side);
+        const cdkRef = this.cdkDialog.open(component, {
+            disableClose,
+            hasBackdrop: true,
+            backdropClass: 'sny-dialog-backdrop',
+            panelClass: ['sny-sheet-panel', SHEET_PANEL_CLASS[side]],
+            positionStrategy: overlay.positionStrategy,
+            width: overlay.width,
+            maxWidth: overlay.maxWidth,
+            height: overlay.height,
+            maxHeight: overlay.maxHeight,
+            ariaLabelledBy: merged.ariaLabelledBy,
+            ariaDescribedBy: merged.ariaDescribedBy,
+            data: merged.data,
+            providers: merged.data != null
+                ? [{ provide: SNY_SHEET_DATA, useValue: merged.data }]
+                : [],
+        });
+        if (disableClose) {
+            if (merged.closeOnBackdrop) {
+                const sub = cdkRef.backdropClick.subscribe(() => cdkRef.close());
+                cdkRef.closed.subscribe(() => sub.unsubscribe());
+            }
+            if (merged.closeOnEsc) {
+                const sub = cdkRef.keydownEvents.subscribe(event => {
+                    if (event.key === 'Escape')
+                        cdkRef.close();
+                });
+                cdkRef.closed.subscribe(() => sub.unsubscribe());
+            }
+        }
+        return new SnySheetRef(cdkRef);
+    }
+    closeAll() {
+        this.cdkDialog.closeAll();
+    }
+    _getOverlayConfig(side) {
+        const strategy = createGlobalPositionStrategy(this.injector);
+        switch (side) {
+            case 'right':
+                return {
+                    positionStrategy: strategy.top('0').right('0'),
+                    width: '75%',
+                    maxWidth: '24rem',
+                    height: '100vh',
+                    maxHeight: '100vh',
+                };
+            case 'left':
+                return {
+                    positionStrategy: strategy.top('0').left('0'),
+                    width: '75%',
+                    maxWidth: '24rem',
+                    height: '100vh',
+                    maxHeight: '100vh',
+                };
+            case 'top':
+                return {
+                    positionStrategy: strategy.top('0').centerHorizontally(),
+                    width: '100vw',
+                    maxWidth: '100vw',
+                };
+            case 'bottom':
+                return {
+                    positionStrategy: strategy.bottom('0').centerHorizontally(),
+                    width: '100vw',
+                    maxWidth: '100vw',
+                };
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: SnySheetService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: SnySheetService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: SnySheetService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
+class SnySheetHeaderDirective {
+    class = input('', ...(ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []));
+    computedClass = computed(() => cn('flex flex-col space-y-2', this.class()), ...(ngDevMode ? [{ debugName: "computedClass" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: SnySheetHeaderDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.5", type: SnySheetHeaderDirective, isStandalone: true, selector: "[snySheetHeader]", inputs: { class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "computedClass()" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: SnySheetHeaderDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[snySheetHeader]',
+                    standalone: true,
+                    host: { '[class]': 'computedClass()' },
+                }]
+        }], propDecorators: { class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+class SnySheetTitleDirective {
+    class = input('', ...(ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []));
+    computedClass = computed(() => cn('text-lg font-semibold text-foreground', this.class()), ...(ngDevMode ? [{ debugName: "computedClass" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: SnySheetTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.5", type: SnySheetTitleDirective, isStandalone: true, selector: "[snySheetTitle]", inputs: { class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "computedClass()" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: SnySheetTitleDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[snySheetTitle]',
+                    standalone: true,
+                    host: { '[class]': 'computedClass()' },
+                }]
+        }], propDecorators: { class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+class SnySheetDescriptionDirective {
+    class = input('', ...(ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []));
+    computedClass = computed(() => cn('text-sm text-muted-foreground', this.class()), ...(ngDevMode ? [{ debugName: "computedClass" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: SnySheetDescriptionDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.5", type: SnySheetDescriptionDirective, isStandalone: true, selector: "[snySheetDescription]", inputs: { class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "computedClass()" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: SnySheetDescriptionDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[snySheetDescription]',
+                    standalone: true,
+                    host: { '[class]': 'computedClass()' },
+                }]
+        }], propDecorators: { class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+class SnySheetContentDirective {
+    class = input('', ...(ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []));
+    computedClass = computed(() => cn('py-4', this.class()), ...(ngDevMode ? [{ debugName: "computedClass" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: SnySheetContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.5", type: SnySheetContentDirective, isStandalone: true, selector: "[snySheetContent]", inputs: { class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "computedClass()" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: SnySheetContentDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[snySheetContent]',
+                    standalone: true,
+                    host: { '[class]': 'computedClass()' },
+                }]
+        }], propDecorators: { class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+class SnySheetCloseDirective {
+    class = input('', ...(ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []));
+    computedClass = computed(() => cn('absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2', this.class()), ...(ngDevMode ? [{ debugName: "computedClass" }] : /* istanbul ignore next */ []));
+    dialogRef = inject(DialogRef, { optional: true });
+    onClick() {
+        this.dialogRef?.close();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: SnySheetCloseDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.5", type: SnySheetCloseDirective, isStandalone: true, selector: "[snySheetClose]", inputs: { class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "click": "onClick()" }, properties: { "class": "computedClass()" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: SnySheetCloseDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[snySheetClose]',
+                    standalone: true,
+                    host: {
+                        '[class]': 'computedClass()',
+                        '(click)': 'onClick()',
+                    },
+                }]
+        }], propDecorators: { class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+
+/*
+ * Public API Surface of @sonny-ui/core
+ */
+// Utils
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { SNY_ACCORDION, SNY_ACCORDION_ITEM, SNY_CONFIG, SNY_DIALOG_DATA, SNY_SHEET_DATA, SNY_TABLE, SNY_TABS, SnyAccordionContentDirective, SnyAccordionDirective, SnyAccordionItemDirective, SnyAccordionTriggerDirective, SnyAvatarComponent, SnyBadgeDirective, SnyBreadcrumbDirective, SnyBreadcrumbItemDirective, SnyBreadcrumbLinkDirective, SnyBreadcrumbListDirective, SnyBreadcrumbPageDirective, SnyBreadcrumbSeparatorDirective, SnyButtonDirective, SnyButtonGroupDirective, SnyCardContentDirective, SnyCardDescriptionDirective, SnyCardDirective, SnyCardFooterDirective, SnyCardHeaderDirective, SnyCardTitleDirective, SnyCheckboxDirective, SnyComboboxComponent, SnyDialogCloseDirective, SnyDialogContentDirective, SnyDialogDescriptionDirective, SnyDialogFooterDirective, SnyDialogHeaderDirective, SnyDialogRef, SnyDialogService, SnyDialogTitleDirective, SnyInputDirective, SnyLabelDirective, SnyLoaderComponent, SnyRadioDirective, SnySelectComponent, SnySheetCloseDirective, SnySheetContentDirective, SnySheetDescriptionDirective, SnySheetHeaderDirective, SnySheetRef, SnySheetService, SnySheetTitleDirective, SnySkeletonDirective, SnySliderComponent, SnySwitchComponent, SnyTableBodyDirective, SnyTableCaptionDirective, SnyTableCellDirective, SnyTableDirective, SnyTableFooterDirective, SnyTableHeadDirective, SnyTableHeaderDirective, SnyTableRowDirective, SnyTabsContentDirective, SnyTabsDirective, SnyTabsListDirective, SnyTabsTriggerDirective, SnyToastService, SnyToasterComponent, SnyToggleDirective, ThemeService, avatarVariants, badgeVariants, buttonGroupVariants, buttonVariants, cardVariants, checkboxVariants, cn, comboboxTriggerVariants, inputVariants, labelVariants, loaderVariants, provideSonnyUI, radioVariants, selectTriggerVariants, skeletonVariants, sliderTrackVariants, switchTrackVariants, tableCellVariants, tableVariants, tabsListVariants, tabsTriggerVariants, toastVariants, toggleVariants };
+//# sourceMappingURL=sonny-ui-core.mjs.map