kenikool-ui 1.0.0

package/dist/types/components/data/table.stories.d.ts

@@ -0,0 +1,42 @@
+import type { StoryObj } from '@storybook/web-components';
+import './table';
+declare const meta: {
+    title: string;
+    component: string;
+    parameters: {
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    argTypes: {
+        striped: {
+            control: string;
+            description: string;
+        };
+        bordered: {
+            control: string;
+            description: string;
+        };
+        hover: {
+            control: string;
+            description: string;
+        };
+        compact: {
+            control: string;
+            description: string;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Striped: Story;
+export declare const Bordered: Story;
+export declare const Hover: Story;
+export declare const Compact: Story;
+export declare const Sortable: Story;
+export declare const Selectable: Story;
+export declare const AllFeatures: Story;
+//# sourceMappingURL=table.stories.d.ts.map

package/dist/types/components/data/table.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"table.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/data/table.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAEhE,OAAO,SAAS,CAAC;AAEjB,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6BM,CAAC;AAEjB,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAwCnC,eAAO,MAAM,OAAO,EAAE,KAarB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAcrB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KActB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAcnB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAcrB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAetB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAexB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAkBzB,CAAC"}

package/dist/types/components/feedback/alert.d.ts

@@ -0,0 +1,78 @@
+/**
+ * KAlert - Alert Component
+ *
+ * An alert component with severity variants for displaying important messages.
+ * Provides different severity levels, closable functionality, and accessibility features.
+ *
+ * Features:
+ * - Severity variants (info, success, warning, error)
+ * - Closable with close button
+ * - Title and description slots
+ * - Proper ARIA attributes and roles
+ * - Icon support for each severity level
+ * - Responsive design
+ * - Theme integration
+ *
+ * Usage:
+ * <k-alert severity="warning" closable>
+ *   <span slot="title">Warning</span>
+ *   <span slot="description">This action cannot be undone.</span>
+ * </k-alert>
+ */
+import { BaseComponent } from '../../core/base-component.js';
+import type { AccessibilityConfig } from '../../types/index.js';
+export declare class KAlert extends BaseComponent {
+    private closeButton;
+    private titleSlot;
+    private descriptionSlot;
+    static get observedAttributes(): string[];
+    constructor();
+    /**
+     * Render the alert component
+     */
+    render(): void;
+    /**
+     * Get icon for severity level
+     */
+    private getSeverityIcon;
+    /**
+     * Setup event listeners for alert interactions
+     */
+    private setupEventListeners;
+    /**
+     * Close the alert
+     */
+    close(): void;
+    /**
+     * Show the alert (if hidden)
+     */
+    show(): void;
+    /**
+     * Hide the alert (without removing from DOM)
+     */
+    hide(): void;
+    /**
+     * Handle attribute changes
+     */
+    protected onAttributeChange(name: string, _oldValue: string | null, _newValue: string | null): void;
+    /**
+     * Get default styles (not implemented yet)
+     */
+    getDefaultStyles(): CSSStyleSheet;
+    /**
+     * Get accessibility configuration
+     */
+    getAccessibilityConfig(): AccessibilityConfig;
+    /**
+     * Static method to create and show an alert
+     */
+    static show(message: string, options?: {
+        severity?: 'info' | 'success' | 'warning' | 'error';
+        title?: string;
+        closable?: boolean;
+        border?: boolean;
+        container?: Element;
+    }): KAlert;
+}
+export default KAlert;
+//# sourceMappingURL=alert.d.ts.map

package/dist/types/components/feedback/alert.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/alert.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;GAoBG;AAEH,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAC7D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAEhE,qBAAa,MAAO,SAAQ,aAAa;IACvC,OAAO,CAAC,WAAW,CAA4B;IAC/C,OAAO,CAAC,SAAS,CAAgC;IACjD,OAAO,CAAC,eAAe,CAAgC;IAEvD,WAAoB,kBAAkB,IAAI,MAAM,EAAE,CAUjD;;IAMD;;OAEG;IACM,MAAM,IAAI,IAAI;IA8LvB;;OAEG;IACH,OAAO,CAAC,eAAe;IAkBvB;;OAEG;IACH,OAAO,CAAC,mBAAmB;IAS3B;;OAEG;IACH,KAAK,IAAI,IAAI;IAoBb;;OAEG;IACH,IAAI,IAAI,IAAI;IAKZ;;OAEG;IACH,IAAI,IAAI,IAAI;IAKZ;;OAEG;cACgB,iBAAiB,CAClC,IAAI,EAAE,MAAM,EACZ,SAAS,EAAE,MAAM,GAAG,IAAI,EACxB,SAAS,EAAE,MAAM,GAAG,IAAI,GACvB,IAAI;IAgBP;;OAEG;IACH,gBAAgB,IAAI,aAAa;IAKjC;;OAEG;IACH,sBAAsB,IAAI,mBAAmB;IAU7C;;OAEG;IACH,MAAM,CAAC,IAAI,CACT,OAAO,EAAE,MAAM,EACf,OAAO,GAAE;QACP,QAAQ,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;QACpD,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB,MAAM,CAAC,EAAE,OAAO,CAAC;QACjB,SAAS,CAAC,EAAE,OAAO,CAAC;KAChB,GACL,MAAM;CAkBV;AAOD,eAAe,MAAM,CAAC"}

package/dist/types/components/feedback/alert.stories.d.ts

@@ -0,0 +1,35 @@
+import type { StoryObj } from '@storybook/web-components';
+import './alert';
+declare const meta: {
+    title: string;
+    component: string;
+    parameters: {
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    argTypes: {
+        severity: {
+            control: string;
+            options: string[];
+            description: string;
+        };
+        closable: {
+            control: string;
+            description: string;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Info: Story;
+export declare const Success: Story;
+export declare const Warning: Story;
+export declare const Error: Story;
+export declare const Closable: Story;
+export declare const WithTitle: Story;
+export declare const AllSeverities: Story;
+export declare const WithContent: Story;
+//# sourceMappingURL=alert.stories.d.ts.map

package/dist/types/components/feedback/alert.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/alert.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAEhE,OAAO,SAAS,CAAC;AAEjB,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;CAsBM,CAAC;AAEjB,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,IAAI,EAAE,KAIlB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAMnB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAMtB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAOvB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAiB3B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAYzB,CAAC"}

package/dist/types/components/feedback/index.d.ts

@@ -0,0 +1,5 @@
+export * from './modal';
+export * from './toast';
+export * from './alert';
+export * from './loading';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/components/feedback/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/index.ts"],"names":[],"mappings":"AAEA,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC"}

package/dist/types/components/feedback/loading.d.ts

@@ -0,0 +1,87 @@
+/**
+ * KLoading - Loading Component
+ *
+ * A loading component with spinner and progress variants for indicating loading states.
+ * Provides different loading indicators, sizes, and accessibility features.
+ *
+ * Features:
+ * - Spinner and progress bar variants
+ * - Size variants (xs, sm, md, lg, xl)
+ * - Color variants
+ * - Progress value support for progress bars
+ * - Label and description support
+ * - Proper ARIA attributes and screen reader announcements
+ * - Overlay mode for full-screen loading
+ * - Animation controls (play/pause)
+ *
+ * Usage:
+ * <k-loading variant="spinner" size="md" label="Loading..."></k-loading>
+ * <k-loading variant="progress" value="75" max="100" label="Uploading file..."></k-loading>
+ */
+import { BaseComponent } from '../../core/base-component.js';
+import type { AccessibilityConfig } from '../../types/index.js';
+export declare class KLoading extends BaseComponent {
+    private progressBar;
+    private spinner;
+    private labelElement;
+    static get observedAttributes(): string[];
+    constructor();
+    /**
+     * Render the loading component
+     */
+    render(): void;
+    /**
+     * Render the appropriate loading indicator based on variant
+     */
+    private renderLoadingIndicator;
+    /**
+     * Announce loading state to screen readers
+     */
+    private announceLoadingState;
+    /**
+     * Update progress value
+     */
+    updateProgress(value: number, max?: number): void;
+    /**
+     * Start/resume animations
+     */
+    play(): void;
+    /**
+     * Pause animations
+     */
+    pause(): void;
+    /**
+     * Show the loading indicator
+     */
+    show(): void;
+    /**
+     * Hide the loading indicator
+     */
+    hide(): void;
+    /**
+     * Handle attribute changes
+     */
+    protected onAttributeChange(name: string, _oldValue: string | null, newValue: string | null): void;
+    /**
+     * Get default styles (not implemented yet)
+     */
+    getDefaultStyles(): CSSStyleSheet;
+    /**
+     * Get accessibility configuration
+     */
+    getAccessibilityConfig(): AccessibilityConfig;
+    /**
+     * Static method to create and show a loading indicator
+     */
+    static show(options?: {
+        variant?: 'spinner' | 'progress' | 'dots' | 'pulse';
+        size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+        color?: 'primary' | 'secondary' | 'success' | 'warning' | 'error';
+        label?: string;
+        description?: string;
+        overlay?: boolean;
+        container?: Element;
+    }): KLoading;
+}
+export default KLoading;
+//# sourceMappingURL=loading.d.ts.map

package/dist/types/components/feedback/loading.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"loading.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/loading.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAC7D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAEhE,qBAAa,QAAS,SAAQ,aAAa;IACzC,OAAO,CAAC,WAAW,CAA4B;IAC/C,OAAO,CAAC,OAAO,CAA4B;IAC3C,OAAO,CAAC,YAAY,CAA4B;IAEhD,WAAoB,kBAAkB,IAAI,MAAM,EAAE,CAajD;;IAMD;;OAEG;IACM,MAAM,IAAI,IAAI;IAwTvB;;OAEG;IACH,OAAO,CAAC,sBAAsB;IAwB9B;;OAEG;IACH,OAAO,CAAC,oBAAoB;IAkB5B;;OAEG;IACH,cAAc,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,CAAC,EAAE,MAAM,GAAG,IAAI;IA2BjD;;OAEG;IACH,IAAI,IAAI,IAAI;IAIZ;;OAEG;IACH,KAAK,IAAI,IAAI;IAIb;;OAEG;IACH,IAAI,IAAI,IAAI;IAKZ;;OAEG;IACH,IAAI,IAAI,IAAI;IAKZ;;OAEG;cACgB,iBAAiB,CAClC,IAAI,EAAE,MAAM,EACZ,SAAS,EAAE,MAAM,GAAG,IAAI,EACxB,QAAQ,EAAE,MAAM,GAAG,IAAI,GACtB,IAAI;IAiCP;;OAEG;IACH,gBAAgB,IAAI,aAAa;IAKjC;;OAEG;IACH,sBAAsB,IAAI,mBAAmB;IAkB7C;;OAEG;IACH,MAAM,CAAC,IAAI,CACT,OAAO,GAAE;QACP,OAAO,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,MAAM,GAAG,OAAO,CAAC;QACpD,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;QACxC,KAAK,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;QAClE,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,OAAO,CAAC,EAAE,OAAO,CAAC;QAClB,SAAS,CAAC,EAAE,OAAO,CAAC;KAChB,GACL,QAAQ;CAiBZ;AAOD,eAAe,QAAQ,CAAC"}

package/dist/types/components/feedback/loading.stories.d.ts

@@ -0,0 +1,48 @@
+import type { StoryObj } from '@storybook/web-components';
+import './loading';
+declare const meta: {
+    title: string;
+    component: string;
+    parameters: {
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    argTypes: {
+        variant: {
+            control: string;
+            options: string[];
+            description: string;
+        };
+        size: {
+            control: string;
+            options: string[];
+            description: string;
+        };
+        color: {
+            control: string;
+            description: string;
+        };
+        progress: {
+            control: string;
+            description: string;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Spinner: Story;
+export declare const Dots: Story;
+export declare const Bars: Story;
+export declare const Progress: Story;
+export declare const SmallSpinner: Story;
+export declare const MediumSpinner: Story;
+export declare const LargeSpinner: Story;
+export declare const AllSizes: Story;
+export declare const AllVariants: Story;
+export declare const ProgressVariations: Story;
+export declare const WithText: Story;
+export declare const ProgressWithText: Story;
+//# sourceMappingURL=loading.stories.d.ts.map

package/dist/types/components/feedback/loading.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"loading.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/loading.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAEhE,OAAO,WAAW,CAAC;AAEnB,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+BM,CAAC;AAEjB,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF,eAAO,MAAM,IAAI,EAAE,KAElB,CAAC;AAEF,eAAO,MAAM,IAAI,EAAE,KAElB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAEtB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAE1B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAE3B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAE1B,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAuBtB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAiBzB,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAyBhC,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAStB,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAO9B,CAAC"}

package/dist/types/components/feedback/modal.d.ts

@@ -0,0 +1,93 @@
+/**
+ * KModal - Modal Dialog Component
+ *
+ * A modal dialog component with backdrop, focus trap, and ESC handling.
+ * Provides size variants, closable attribute, and proper ARIA attributes.
+ *
+ * Features:
+ * - Backdrop with click-to-close
+ * - Focus trap for accessibility
+ * - ESC key handling
+ * - Size variants (xs, sm, md, lg, xl, full)
+ * - Closable attribute control
+ * - Proper ARIA attributes and focus management
+ * - Body scroll lock when open
+ * - Animation support
+ *
+ * Usage:
+ * <k-modal open size="md" closable>
+ *   <h2>Modal Title</h2>
+ *   <p>Modal content goes here</p>
+ * </k-modal>
+ */
+import { BaseComponent } from '../../core/base-component.js';
+import type { AccessibilityConfig } from '../../types/index.js';
+export declare class KModal extends BaseComponent {
+    private backdrop;
+    private dialog;
+    private closeButton;
+    private focusTrap;
+    private previouslyFocused;
+    private keydownHandler;
+    private backdropClickHandler;
+    static get observedAttributes(): string[];
+    constructor();
+    /**
+     * Render the modal component
+     */
+    render(): void;
+    /**
+     * Setup event listeners for modal interactions
+     */
+    private setupEventListeners;
+    /**
+     * Handle backdrop click
+     */
+    private handleBackdropClick;
+    /**
+     * Handle keyboard events
+     */
+    private handleKeydown;
+    /**
+     * Handle modal opening
+     */
+    private handleOpen;
+    /**
+     * Handle modal closing
+     */
+    private handleClose;
+    /**
+     * Open the modal
+     */
+    open(): void;
+    /**
+     * Close the modal
+     */
+    close(): void;
+    /**
+     * Toggle the modal open/closed state
+     */
+    toggle(): void;
+    /**
+     * Focus the modal dialog
+     */
+    focus(): void;
+    /**
+     * Handle attribute changes
+     */
+    protected onAttributeChange(name: string, _oldValue: string | null, newValue: string | null): void;
+    /**
+     * Cleanup when component is disconnected
+     */
+    protected cleanup(): void;
+    /**
+     * Get default styles (not implemented yet)
+     */
+    getDefaultStyles(): CSSStyleSheet;
+    /**
+     * Get accessibility configuration
+     */
+    getAccessibilityConfig(): AccessibilityConfig;
+}
+export default KModal;
+//# sourceMappingURL=modal.d.ts.map

package/dist/types/components/feedback/modal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/modal.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;GAqBG;AAEH,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAC7D,OAAO,KAAK,EAAE,mBAAmB,EAAa,MAAM,sBAAsB,CAAC;AAG3E,qBAAa,MAAO,SAAQ,aAAa;IACvC,OAAO,CAAC,QAAQ,CAA4B;IAC5C,OAAO,CAAC,MAAM,CAA4B;IAC1C,OAAO,CAAC,WAAW,CAA4B;IAC/C,OAAO,CAAC,SAAS,CAA0B;IAC3C,OAAO,CAAC,iBAAiB,CAAwB;IACjD,OAAO,CAAC,cAAc,CAAiC;IACvD,OAAO,CAAC,oBAAoB,CAA8B;IAE1D,WAAoB,kBAAkB,IAAI,MAAM,EAAE,CASjD;;IAUD;;OAEG;IACM,MAAM,IAAI,IAAI;IAsMvB;;OAEG;IACH,OAAO,CAAC,mBAAmB;IAqB3B;;OAEG;IACH,OAAO,CAAC,mBAAmB;IAM3B;;OAEG;IACH,OAAO,CAAC,aAAa;IAWrB;;OAEG;IACH,OAAO,CAAC,UAAU;IAoClB;;OAEG;IACH,OAAO,CAAC,WAAW;IAuBnB;;OAEG;IACH,IAAI,IAAI,IAAI;IAIZ;;OAEG;IACH,KAAK,IAAI,IAAI;IAIb;;OAEG;IACH,MAAM,IAAI,IAAI;IAQd;;OAEG;IACM,KAAK,IAAI,IAAI;IAMtB;;OAEG;cACgB,iBAAiB,CAClC,IAAI,EAAE,MAAM,EACZ,SAAS,EAAE,MAAM,GAAG,IAAI,EACxB,QAAQ,EAAE,MAAM,GAAG,IAAI,GACtB,IAAI;IA2BP;;OAEG;cACgB,OAAO,IAAI,IAAI;IAwBlC;;OAEG;IACH,gBAAgB,IAAI,aAAa;IAKjC;;OAEG;IACH,sBAAsB,IAAI,mBAAmB;CA2B9C;AAOD,eAAe,MAAM,CAAC"}

package/dist/types/components/feedback/modal.stories.d.ts

@@ -0,0 +1,37 @@
+import type { StoryObj } from '@storybook/web-components';
+import './modal';
+declare const meta: {
+    title: string;
+    component: string;
+    parameters: {
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    argTypes: {
+        open: {
+            control: string;
+            description: string;
+        };
+        closable: {
+            control: string;
+            description: string;
+        };
+        size: {
+            control: string;
+            options: string[];
+            description: string;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Sizes: Story;
+export declare const WithForm: Story;
+export declare const Confirmation: Story;
+export declare const WithContent: Story;
+export declare const Closable: Story;
+//# sourceMappingURL=modal.stories.d.ts.map

package/dist/types/components/feedback/modal.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/modal.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAEhE,OAAO,SAAS,CAAC;AAEjB,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;CA0BM,CAAC;AAEjB,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAarB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAsCnB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAkCtB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAe1B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAqBzB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAYtB,CAAC"}

package/dist/types/components/feedback/toast.d.ts

@@ -0,0 +1,102 @@
+/**
+ * KToast - Toast Notification Component
+ *
+ * A toast notification component with auto-dismiss and positioning options.
+ * Provides severity variants, positioning, and accessibility features.
+ *
+ * Features:
+ * - Auto-dismiss with configurable timeout
+ * - Positioning (top-left, top-center, top-right, bottom-left, bottom-center, bottom-right)
+ * - Severity variants (info, success, warning, error)
+ * - Closable with close button
+ * - Proper ARIA attributes and screen reader announcements
+ * - Animation support with slide-in/fade-out
+ * - Stack management for multiple toasts
+ *
+ * Usage:
+ * <k-toast severity="success" position="top-right" timeout="5000" closable>
+ *   Operation completed successfully!
+ * </k-toast>
+ */
+import { BaseComponent } from '../../core/base-component.js';
+import type { AccessibilityConfig } from '../../types/index.js';
+export declare class KToast extends BaseComponent {
+    private container;
+    private closeButton;
+    private timeoutId;
+    private isVisible;
+    static get observedAttributes(): string[];
+    constructor();
+    /**
+     * Setup the global toast container if it doesn't exist
+     */
+    private setupToastContainer;
+    /**
+     * Render the toast component
+     */
+    render(): void;
+    /**
+     * Get icon for severity level
+     */
+    private getSeverityIcon;
+    /**
+     * Setup event listeners for toast interactions
+     */
+    private setupEventListeners;
+    /**
+     * Show the toast
+     */
+    show(): void;
+    /**
+     * Hide the toast
+     */
+    hide(): void;
+    /**
+     * Move toast to the appropriate container based on position
+     */
+    private moveToContainer;
+    /**
+     * Setup auto-hide timeout
+     */
+    private setupAutoHide;
+    /**
+     * Clear auto-hide timeout
+     */
+    private clearAutoHide;
+    /**
+     * Pause auto-hide (on hover/focus)
+     */
+    private pauseAutoHide;
+    /**
+     * Resume auto-hide (on mouse leave/blur)
+     */
+    private resumeAutoHide;
+    /**
+     * Handle attribute changes
+     */
+    protected onAttributeChange(name: string, _oldValue: string | null, newValue: string | null): void;
+    /**
+     * Cleanup when component is disconnected
+     */
+    protected cleanup(): void;
+    /**
+     * Get default styles (not implemented yet)
+     */
+    getDefaultStyles(): CSSStyleSheet;
+    /**
+     * Get accessibility configuration
+     */
+    getAccessibilityConfig(): AccessibilityConfig;
+    /**
+     * Static method to create and show a toast
+     */
+    static show(message: string, options?: {
+        severity?: 'info' | 'success' | 'warning' | 'error';
+        position?: 'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right';
+        timeout?: number;
+        closable?: boolean;
+        persistent?: boolean;
+    }): KToast;
+}
+export default KToast;
+//# sourceMappingURL=toast.d.ts.map

package/dist/types/components/feedback/toast.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/toast.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAC7D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAEhE,qBAAa,MAAO,SAAQ,aAAa;IACvC,OAAO,CAAC,SAAS,CAA4B;IAC7C,OAAO,CAAC,WAAW,CAA4B;IAC/C,OAAO,CAAC,SAAS,CAAuB;IACxC,OAAO,CAAC,SAAS,CAAkB;IAEnC,WAAoB,kBAAkB,IAAI,MAAM,EAAE,CAUjD;;IAOD;;OAEG;IACH,OAAO,CAAC,mBAAmB;IAqB3B;;OAEG;IACM,MAAM,IAAI,IAAI;IAkKvB;;OAEG;IACH,OAAO,CAAC,eAAe;IAkBvB;;OAEG;IACH,OAAO,CAAC,mBAAmB;IA2B3B;;OAEG;IACH,IAAI,IAAI,IAAI;IAqBZ;;OAEG;IACH,IAAI,IAAI,IAAI;IAoBZ;;OAEG;IACH,OAAO,CAAC,eAAe;IASvB;;OAEG;IACH,OAAO,CAAC,aAAa;IAWrB;;OAEG;IACH,OAAO,CAAC,aAAa;IAOrB;;OAEG;IACH,OAAO,CAAC,aAAa;IAIrB;;OAEG;IACH,OAAO,CAAC,cAAc;IAMtB;;OAEG;cACgB,iBAAiB,CAClC,IAAI,EAAE,MAAM,EACZ,SAAS,EAAE,MAAM,GAAG,IAAI,EACxB,QAAQ,EAAE,MAAM,GAAG,IAAI,GACtB,IAAI;IAsBP;;OAEG;cACgB,OAAO,IAAI,IAAI;IAKlC;;OAEG;IACH,gBAAgB,IAAI,aAAa;IAKjC;;OAEG;IACH,sBAAsB,IAAI,mBAAmB;IAU7C;;OAEG;IACH,MAAM,CAAC,IAAI,CACT,OAAO,EAAE,MAAM,EACf,OAAO,GAAE;QACP,QAAQ,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;QACpD,QAAQ,CAAC,EACL,UAAU,GACV,YAAY,GACZ,WAAW,GACX,aAAa,GACb,eAAe,GACf,cAAc,CAAC;QACnB,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB,UAAU,CAAC,EAAE,OAAO,CAAC;KACjB,GACL,MAAM;CAmBV;AAOD,eAAe,MAAM,CAAC"}

package/dist/types/components/feedback/toast.stories.d.ts

@@ -0,0 +1,51 @@
+import type { StoryObj } from '@storybook/web-components';
+import './toast';
+declare const meta: {
+    title: string;
+    component: string;
+    parameters: {
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    argTypes: {
+        type: {
+            control: string;
+            options: string[];
+            description: string;
+        };
+        duration: {
+            control: string;
+            description: string;
+        };
+        position: {
+            control: string;
+            options: string[];
+            description: string;
+        };
+        closable: {
+            control: string;
+            description: string;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Success: Story;
+export declare const Error: Story;
+export declare const Warning: Story;
+export declare const Info: Story;
+export declare const Closable: Story;
+export declare const LongDuration: Story;
+export declare const ShortDuration: Story;
+export declare const TopLeft: Story;
+export declare const TopCenter: Story;
+export declare const TopRight: Story;
+export declare const BottomLeft: Story;
+export declare const BottomCenter: Story;
+export declare const BottomRight: Story;
+export declare const WithLongMessage: Story;
+export declare const AllTypes: Story;
+//# sourceMappingURL=toast.stories.d.ts.map

package/dist/types/components/feedback/toast.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/toast.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAEhE,OAAO,SAAS,CAAC;AAEjB,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsCM,CAAC;AAEjB,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAGrB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAGnB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,eAAO,MAAM,IAAI,EAAE,KAGlB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAKtB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAK1B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAK3B,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAGrB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAKvB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAKtB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAKxB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAK1B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAKzB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAO7B,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAStB,CAAC"}