kenikool-ui 1.0.0

package/dist/types/components/layout/card.example.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.example.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/card.example.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAC;AAG/B,wBAAgB,kBAAkB,IAAI,WAAW,CA0DhD;AAGD,wBAAgB,kBAAkB,IAAI,IAAI,CAsCzC;AAGD,OAAO,EAAE,KAAK,EAAE,CAAC"}

package/dist/types/components/layout/card.stories.d.ts

@@ -0,0 +1,40 @@
+import type { StoryObj } from '@storybook/web-components';
+import './card';
+declare const meta: {
+    title: string;
+    component: string;
+    parameters: {
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    argTypes: {
+        padding: {
+            control: string;
+            options: string[];
+            description: string;
+        };
+        shadow: {
+            control: string;
+            options: string[];
+            description: string;
+        };
+        border: {
+            control: string;
+            options: string[];
+            description: string;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithPadding: Story;
+export declare const WithShadow: Story;
+export declare const WithBorder: Story;
+export declare const Interactive: Story;
+export declare const WithContent: Story;
+export declare const Grid: Story;
+//# sourceMappingURL=card.stories.d.ts.map

package/dist/types/components/layout/card.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/card.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAEhE,OAAO,QAAQ,CAAC;AAEhB,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4BM,CAAC;AAEjB,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAOrB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAiBzB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAqBxB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAiBxB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAOzB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAczB,CAAC;AAEF,eAAO,MAAM,IAAI,EAAE,KAiBlB,CAAC"}

package/dist/types/components/layout/container.d.ts

@@ -0,0 +1,84 @@
+import { BaseComponent } from '../../core/base-component';
+import { AccessibilityConfig } from '../../types';
+import type { KContainerProps } from '../../types/components';
+/**
+ * KContainer - A responsive container component with max-width and centering
+ *
+ * @example
+ * ```html
+ * <k-container>
+ *   <p>This content is contained and centered</p>
+ * </k-container>
+ *
+ * <k-container size="lg" center>
+ *   <h1>Large centered container</h1>
+ * </k-container>
+ *
+ * <k-container size="full" styles="no-padding">
+ *   <div>Full width container without padding</div>
+ * </k-container>
+ * ```
+ */
+export declare class KContainer extends BaseComponent {
+    static get observedAttributes(): string[];
+    get size(): KContainerProps['size'];
+    set size(value: KContainerProps['size']);
+    get center(): boolean;
+    set center(value: boolean);
+    render(): void;
+    /**
+     * Get max-width value based on size attribute
+     */
+    private getMaxWidth;
+    /**
+     * Get padding value based on responsive breakpoints
+     */
+    private getPadding;
+    getAccessibilityConfig(): AccessibilityConfig;
+    getDefaultStyles(): CSSStyleSheet;
+    protected onAttributeChange(name: string, oldValue: string | null, newValue: string | null): void;
+    setSize(size: KContainerProps['size']): void;
+    setCenter(center: boolean): void;
+    /**
+     * Get the current computed max-width
+     */
+    getComputedMaxWidth(): string;
+    /**
+     * Get the current computed width
+     */
+    getComputedWidth(): string;
+    /**
+     * Check if the container is currently centered
+     */
+    isCentered(): boolean;
+    /**
+     * Get container breakpoint information
+     */
+    getBreakpointInfo(): {
+        current: string;
+        maxWidth: string;
+        isCentered: boolean;
+    };
+    /**
+     * Set responsive padding based on screen size
+     */
+    updateResponsivePadding(): void;
+    /**
+     * Override observeThemeChanges to be test-friendly
+     */
+    protected observeThemeChanges(): void;
+    /**
+     * Override connectedCallback to add resize listener
+     */
+    connectedCallback(): void;
+    /**
+     * Override disconnectedCallback to remove resize listener
+     */
+    disconnectedCallback(): void;
+    /**
+     * Handle window resize events
+     */
+    private handleResize;
+}
+export default KContainer;
+//# sourceMappingURL=container.d.ts.map

package/dist/types/components/layout/container.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"container.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/container.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAC1D,OAAO,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAClD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAE9D;;;;;;;;;;;;;;;;;GAiBG;AACH,qBAAa,UAAW,SAAQ,aAAa;IAC3C,WAAoB,kBAAkB,IAAI,MAAM,EAAE,CAEjD;IAGD,IAAI,IAAI,IAAI,eAAe,CAAC,MAAM,CAAC,CAElC;IAED,IAAI,IAAI,CAAC,KAAK,EAAE,eAAe,CAAC,MAAM,CAAC,EAMtC;IAED,IAAI,MAAM,IAAI,OAAO,CAEpB;IAED,IAAI,MAAM,CAAC,KAAK,EAAE,OAAO,EAMxB;IAEe,MAAM,IAAI,IAAI;IAsJ9B;;OAEG;IACH,OAAO,CAAC,WAAW;IAYnB;;OAEG;IACH,OAAO,CAAC,UAAU;IAKF,sBAAsB,IAAI,mBAAmB;IA6BtD,gBAAgB,IAAI,aAAa;cAKrB,iBAAiB,CAClC,IAAI,EAAE,MAAM,EACZ,QAAQ,EAAE,MAAM,GAAG,IAAI,EACvB,QAAQ,EAAE,MAAM,GAAG,IAAI,GACtB,IAAI;IAUA,OAAO,CAAC,IAAI,EAAE,eAAe,CAAC,MAAM,CAAC,GAAG,IAAI;IAI5C,SAAS,CAAC,MAAM,EAAE,OAAO,GAAG,IAAI;IAIvC;;OAEG;IACI,mBAAmB,IAAI,MAAM;IAOpC;;OAEG;IACI,gBAAgB,IAAI,MAAM;IAOjC;;OAEG;IACI,UAAU,IAAI,OAAO;IAI5B;;OAEG;IACI,iBAAiB,IAAI;QAC1B,OAAO,EAAE,MAAM,CAAC;QAChB,QAAQ,EAAE,MAAM,CAAC;QACjB,UAAU,EAAE,OAAO,CAAC;KACrB;IAqBD;;OAEG;IACI,uBAAuB,IAAI,IAAI;IAetC;;OAEG;cACgB,mBAAmB,IAAI,IAAI;IAW9C;;OAEG;IACM,iBAAiB,IAAI,IAAI;IASlC;;OAEG;IACM,oBAAoB,IAAI,IAAI;IASrC;;OAEG;IACH,OAAO,CAAC,YAAY;CAGrB;AAQD,eAAe,UAAU,CAAC"}

package/dist/types/components/layout/container.stories.d.ts

@@ -0,0 +1,40 @@
+import type { StoryObj } from '@storybook/web-components';
+import './container';
+declare const meta: {
+    title: string;
+    component: string;
+    parameters: {
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    argTypes: {
+        maxWidth: {
+            control: string;
+            options: string[];
+            description: string;
+        };
+        centered: {
+            control: string;
+            description: string;
+        };
+        padding: {
+            control: string;
+            options: string[];
+            description: string;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Small: Story;
+export declare const Large: Story;
+export declare const Full: Story;
+export declare const Centered: Story;
+export declare const WithPadding: Story;
+export declare const Responsive: Story;
+export declare const NestedContainers: Story;
+//# sourceMappingURL=container.stories.d.ts.map

package/dist/types/components/layout/container.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"container.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/container.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAEhE,OAAO,aAAa,CAAC;AAErB,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;CA2BM,CAAC;AAEjB,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KASrB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KASnB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KASnB,CAAC;AAEF,eAAO,MAAM,IAAI,EAAE,KASlB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAStB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KA6BzB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAaxB,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAc9B,CAAC"}

package/dist/types/components/layout/grid.d.ts

@@ -0,0 +1,76 @@
+import { BaseComponent } from '../../core/base-component';
+import { AccessibilityConfig } from '../../types';
+import type { KGridProps } from '../../types/components';
+/**
+ * KGrid - A responsive grid layout component with CSS Grid
+ *
+ * @example
+ * ```html
+ * <k-grid>
+ *   <div>Item 1</div>
+ *   <div>Item 2</div>
+ *   <div>Item 3</div>
+ * </k-grid>
+ *
+ * <k-grid cols="3" gap="lg">
+ *   <div>Item 1</div>
+ *   <div>Item 2</div>
+ *   <div>Item 3</div>
+ * </k-grid>
+ *
+ * <k-grid cols="repeat(auto-fit, minmax(250px, 1fr))" responsive>
+ *   <div>Responsive Item 1</div>
+ *   <div>Responsive Item 2</div>
+ * </k-grid>
+ * ```
+ */
+export declare class KGrid extends BaseComponent {
+    static get observedAttributes(): string[];
+    get cols(): KGridProps['cols'];
+    set cols(value: KGridProps['cols']);
+    get gap(): 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    set gap(value: KGridProps['gap']);
+    get responsive(): boolean;
+    set responsive(value: boolean);
+    render(): void;
+    /**
+     * Get CSS grid-template-columns value based on cols attribute
+     */
+    private getGridColumns;
+    /**
+     * Get CSS gap value based on gap attribute
+     */
+    private getGapValue;
+    /**
+     * Generate responsive CSS for mobile-first breakpoints
+     */
+    private getResponsiveCSS;
+    getAccessibilityConfig(): AccessibilityConfig;
+    getDefaultStyles(): CSSStyleSheet;
+    protected onAttributeChange(name: string, oldValue: string | null, newValue: string | null): void;
+    /**
+     * Setup keyboard navigation for grid items
+     */
+    private setupKeyboardNavigation;
+    setCols(cols: KGridProps['cols']): void;
+    setGap(gap: KGridProps['gap']): void;
+    setResponsive(responsive: boolean): void;
+    /**
+     * Get the number of columns currently displayed (useful for responsive grids)
+     */
+    getColumnCount(): number;
+    /**
+     * Get grid item positions for advanced layouts
+     */
+    getGridItems(): Array<{
+        element: Element;
+        row: number;
+        column: number;
+    }>;
+    /**
+     * Override observeThemeChanges to be test-friendly
+     */
+    protected observeThemeChanges(): void;
+}
+export default KGrid;
+//# sourceMappingURL=grid.d.ts.map

package/dist/types/components/layout/grid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/grid.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAC1D,OAAO,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAClD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAEzD;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,qBAAa,KAAM,SAAQ,aAAa;IACtC,WAAoB,kBAAkB,IAAI,MAAM,EAAE,CAEjD;IAGD,IAAI,IAAI,IAAI,UAAU,CAAC,MAAM,CAAC,CAE7B;IAED,IAAI,IAAI,CAAC,KAAK,EAAE,UAAU,CAAC,MAAM,CAAC,EAMjC;IAED,IAAI,GAAG,IAAI,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAG1C;IAED,IAAI,GAAG,CAAC,KAAK,EAAE,UAAU,CAAC,KAAK,CAAC,EAM/B;IAED,IAAI,UAAU,IAAI,OAAO,CAExB;IAED,IAAI,UAAU,CAAC,KAAK,EAAE,OAAO,EAM5B;IAEe,MAAM,IAAI,IAAI;IA8F9B;;OAEG;IACH,OAAO,CAAC,cAAc;IAgCtB;;OAEG;IACH,OAAO,CAAC,WAAW;IAanB;;OAEG;IACH,OAAO,CAAC,gBAAgB;IA2CR,sBAAsB,IAAI,mBAAmB;IAqBtD,gBAAgB,IAAI,aAAa;cAKrB,iBAAiB,CAClC,IAAI,EAAE,MAAM,EACZ,QAAQ,EAAE,MAAM,GAAG,IAAI,EACvB,QAAQ,EAAE,MAAM,GAAG,IAAI,GACtB,IAAI;IASP;;OAEG;IACH,OAAO,CAAC,uBAAuB;IAkDxB,OAAO,CAAC,IAAI,EAAE,UAAU,CAAC,MAAM,CAAC,GAAG,IAAI;IAIvC,MAAM,CAAC,GAAG,EAAE,UAAU,CAAC,KAAK,CAAC,GAAG,IAAI;IAIpC,aAAa,CAAC,UAAU,EAAE,OAAO,GAAG,IAAI;IAI/C;;OAEG;IACI,cAAc,IAAI,MAAM;IAY/B;;OAEG;IACI,YAAY,IAAI,KAAK,CAAC;QAC3B,OAAO,EAAE,OAAO,CAAC;QACjB,GAAG,EAAE,MAAM,CAAC;QACZ,MAAM,EAAE,MAAM,CAAC;KAChB,CAAC;IAwBF;;OAEG;cACgB,mBAAmB,IAAI,IAAI;CAa/C;AAQD,eAAe,KAAK,CAAC"}

package/dist/types/components/layout/grid.example.d.ts

@@ -0,0 +1,11 @@
+import './grid';
+/**
+ * Create comprehensive examples for the KGrid component
+ */
+export declare function createGridExamples(): HTMLElement;
+/**
+ * Demonstrate the KGrid API programmatically
+ */
+export declare function demonstrateGridAPI(): void;
+export { KGrid } from './grid';
+//# sourceMappingURL=grid.example.d.ts.map

package/dist/types/components/layout/grid.example.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid.example.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/grid.example.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,CAAC;AAGhB;;GAEG;AACH,wBAAgB,kBAAkB,IAAI,WAAW,CAuIhD;AAED;;GAEG;AACH,wBAAgB,kBAAkB,IAAI,IAAI,CAyDzC;AA4DD,OAAO,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAC"}

package/dist/types/components/layout/grid.stories.d.ts

@@ -0,0 +1,38 @@
+import type { StoryObj } from '@storybook/web-components';
+import './grid';
+declare const meta: {
+    title: string;
+    component: string;
+    parameters: {
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    argTypes: {
+        cols: {
+            control: string;
+            description: string;
+        };
+        gap: {
+            control: string;
+            options: string[];
+            description: string;
+        };
+        responsive: {
+            control: string;
+            description: string;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const TwoColumns: Story;
+export declare const ThreeColumns: Story;
+export declare const FourColumns: Story;
+export declare const WithGaps: Story;
+export declare const Responsive: Story;
+export declare const AutoFit: Story;
+export declare const WithCards: Story;
+//# sourceMappingURL=grid.stories.d.ts.map

package/dist/types/components/layout/grid.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/grid.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAEhE,OAAO,QAAQ,CAAC;AAEhB,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;CAyBM,CAAC;AAEjB,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAUnC,eAAO,MAAM,UAAU,EAAE,KAOxB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAO1B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAQzB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAmCtB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAOxB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAOrB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAiBvB,CAAC"}

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

@@ -0,0 +1,5 @@
+export * from './card';
+export * from './grid';
+export * from './stack';
+export * from './container';
+//# sourceMappingURL=index.d.ts.map

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

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

package/dist/types/components/layout/stack.d.ts

@@ -0,0 +1,82 @@
+import { BaseComponent } from '../../core/base-component';
+import { AccessibilityConfig } from '../../types';
+import type { KStackProps } from '../../types/components';
+/**
+ * KStack - A flexible layout component for vertical and horizontal stacking
+ *
+ * @example
+ * ```html
+ * <k-stack>
+ *   <div>Item 1</div>
+ *   <div>Item 2</div>
+ *   <div>Item 3</div>
+ * </k-stack>
+ *
+ * <k-stack direction="row" gap="lg" align="center">
+ *   <button>Button 1</button>
+ *   <button>Button 2</button>
+ * </k-stack>
+ *
+ * <k-stack direction="column" justify="between" styles="stretch">
+ *   <header>Header</header>
+ *   <main>Content</main>
+ *   <footer>Footer</footer>
+ * </k-stack>
+ * ```
+ */
+export declare class KStack extends BaseComponent {
+    static get observedAttributes(): string[];
+    get direction(): KStackProps['direction'];
+    set direction(value: KStackProps['direction']);
+    get gap(): KStackProps['gap'];
+    set gap(value: KStackProps['gap']);
+    get align(): KStackProps['align'];
+    set align(value: KStackProps['align']);
+    get justify(): KStackProps['justify'];
+    set justify(value: KStackProps['justify']);
+    get wrap(): boolean;
+    set wrap(value: boolean);
+    render(): void;
+    /**
+     * Get CSS gap value based on gap attribute
+     */
+    private getGapValue;
+    /**
+     * Get CSS align-items value based on align attribute
+     */
+    private getAlignItemsValue;
+    /**
+     * Get CSS justify-content value based on justify attribute
+     */
+    private getJustifyContentValue;
+    getAccessibilityConfig(): AccessibilityConfig;
+    getDefaultStyles(): CSSStyleSheet;
+    protected onAttributeChange(name: string, oldValue: string | null, newValue: string | null): void;
+    setDirection(direction: KStackProps['direction']): void;
+    setGap(gap: KStackProps['gap']): void;
+    setAlign(align: KStackProps['align']): void;
+    setJustify(justify: KStackProps['justify']): void;
+    setWrap(wrap: boolean): void;
+    /**
+     * Get the current flex direction
+     */
+    getFlexDirection(): string;
+    /**
+     * Get all slotted elements
+     */
+    getStackItems(): Element[];
+    /**
+     * Add spacing between specific items
+     */
+    addItemSpacing(itemIndex: number, spacing: string): void;
+    /**
+     * Remove spacing from specific items
+     */
+    removeItemSpacing(itemIndex: number): void;
+    /**
+     * Override observeThemeChanges to be test-friendly
+     */
+    protected observeThemeChanges(): void;
+}
+export default KStack;
+//# sourceMappingURL=stack.d.ts.map

package/dist/types/components/layout/stack.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"stack.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/stack.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAC1D,OAAO,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAClD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAE1D;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,qBAAa,MAAO,SAAQ,aAAa;IACvC,WAAoB,kBAAkB,IAAI,MAAM,EAAE,CAEjD;IAGD,IAAI,SAAS,IAAI,WAAW,CAAC,WAAW,CAAC,CAIxC;IAED,IAAI,SAAS,CAAC,KAAK,EAAE,WAAW,CAAC,WAAW,CAAC,EAM5C;IAED,IAAI,GAAG,IAAI,WAAW,CAAC,KAAK,CAAC,CAE5B;IAED,IAAI,GAAG,CAAC,KAAK,EAAE,WAAW,CAAC,KAAK,CAAC,EAMhC;IAED,IAAI,KAAK,IAAI,WAAW,CAAC,OAAO,CAAC,CAEhC;IAED,IAAI,KAAK,CAAC,KAAK,EAAE,WAAW,CAAC,OAAO,CAAC,EAMpC;IAED,IAAI,OAAO,IAAI,WAAW,CAAC,SAAS,CAAC,CAEpC;IAED,IAAI,OAAO,CAAC,KAAK,EAAE,WAAW,CAAC,SAAS,CAAC,EAMxC;IAED,IAAI,IAAI,IAAI,OAAO,CAElB;IAED,IAAI,IAAI,CAAC,KAAK,EAAE,OAAO,EAMtB;IAEe,MAAM,IAAI,IAAI;IA2K9B;;OAEG;IACH,OAAO,CAAC,WAAW;IAYnB;;OAEG;IACH,OAAO,CAAC,kBAAkB;IAW1B;;OAEG;IACH,OAAO,CAAC,sBAAsB;IAad,sBAAsB,IAAI,mBAAmB;IAqBtD,gBAAgB,IAAI,aAAa;cAKrB,iBAAiB,CAClC,IAAI,EAAE,MAAM,EACZ,QAAQ,EAAE,MAAM,GAAG,IAAI,EACvB,QAAQ,EAAE,MAAM,GAAG,IAAI,GACtB,IAAI;IAUA,YAAY,CAAC,SAAS,EAAE,WAAW,CAAC,WAAW,CAAC,GAAG,IAAI;IAIvD,MAAM,CAAC,GAAG,EAAE,WAAW,CAAC,KAAK,CAAC,GAAG,IAAI;IAIrC,QAAQ,CAAC,KAAK,EAAE,WAAW,CAAC,OAAO,CAAC,GAAG,IAAI;IAI3C,UAAU,CAAC,OAAO,EAAE,WAAW,CAAC,SAAS,CAAC,GAAG,IAAI;IAIjD,OAAO,CAAC,IAAI,EAAE,OAAO,GAAG,IAAI;IAInC;;OAEG;IACI,gBAAgB,IAAI,MAAM;IAIjC;;OAEG;IACI,aAAa,IAAI,OAAO,EAAE;IAIjC;;OAEG;IACI,cAAc,CAAC,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,GAAG,IAAI;IAY/D;;OAEG;IACI,iBAAiB,CAAC,SAAS,EAAE,MAAM,GAAG,IAAI;IASjD;;OAEG;cACgB,mBAAmB,IAAI,IAAI;CAU/C;AAQD,eAAe,MAAM,CAAC"}

package/dist/types/components/layout/stack.stories.d.ts

@@ -0,0 +1,44 @@
+import type { StoryObj } from '@storybook/web-components';
+import './stack';
+declare const meta: {
+    title: string;
+    component: string;
+    parameters: {
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    argTypes: {
+        direction: {
+            control: string;
+            options: string[];
+            description: string;
+        };
+        gap: {
+            control: string;
+            options: string[];
+            description: string;
+        };
+        align: {
+            control: string;
+            options: string[];
+            description: string;
+        };
+        justify: {
+            control: string;
+            options: string[];
+            description: string;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Vertical: Story;
+export declare const Horizontal: Story;
+export declare const WithGaps: Story;
+export declare const Centered: Story;
+export declare const SpaceBetween: Story;
+export declare const NestedStacks: Story;
+//# sourceMappingURL=stack.stories.d.ts.map

package/dist/types/components/layout/stack.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"stack.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/stack.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAEhE,OAAO,SAAS,CAAC;AAEjB,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiCM,CAAC;AAEjB,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,QAAQ,EAAE,KActB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAcxB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAiEtB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAiBtB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAgB1B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KA6B1B,CAAC"}

package/dist/types/components/navigation/breadcrumbs.d.ts

@@ -0,0 +1,62 @@
+import { BaseComponent } from '../../core/base-component.js';
+import type { KBreadcrumbsProps, BreadcrumbItem } from '../../types/components.js';
+import type { AccessibilityConfig } from '../../types/index.js';
+/**
+ * KBreadcrumbs - Breadcrumb navigation component
+ *
+ * Features:
+ * - Customizable separator
+ * - Structured data markup for SEO (JSON-LD)
+ * - Keyboard navigation support
+ * - Accessibility features (ARIA, keyboard navigation, screen reader support)
+ * - Responsive design
+ * - Theme integration
+ *
+ * @example
+ * ```html
+ * <k-breadcrumbs separator="/" max-items="5">
+ *   <k-breadcrumb-item href="/" label="Home"></k-breadcrumb-item>
+ *   <k-breadcrumb-item href="/products" label="Products"></k-breadcrumb-item>
+ *   <k-breadcrumb-item href="/products/electronics" label="Electronics" active></k-breadcrumb-item>
+ * </k-breadcrumbs>
+ * ```
+ */
+export declare class KBreadcrumbs extends BaseComponent implements KBreadcrumbsProps {
+    private _items;
+    private breadcrumbList;
+    private structuredData;
+    private currentFocusIndex;
+    private breadcrumbLinks;
+    static get observedAttributes(): string[];
+    get separator(): string;
+    set separator(value: string);
+    get maxItems(): number;
+    set maxItems(value: number);
+    get items(): BreadcrumbItem[];
+    set items(items: BreadcrumbItem[]);
+    constructor();
+    render(): void;
+    private renderBreadcrumbItems;
+    private getBreadcrumbItems;
+    private setupKeyboardNavigation;
+    private focusNext;
+    private focusPrevious;
+    private focusFirst;
+    private focusLast;
+    private setupStructuredData;
+    private attachEventListeners;
+    getAccessibilityConfig(): AccessibilityConfig;
+    getDefaultStyles(): CSSStyleSheet;
+    protected onAttributeChange(name: string, oldValue: string | null, newValue: string | null): void;
+    addItem(item: BreadcrumbItem): void;
+    removeItem(index: number): void;
+    setItems(items: BreadcrumbItem[]): void;
+    clear(): void;
+    getStructuredData(): string;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'k-breadcrumbs': KBreadcrumbs;
+    }
+}
+//# sourceMappingURL=breadcrumbs.d.ts.map

package/dist/types/components/navigation/breadcrumbs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumbs.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/breadcrumbs.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAC7D,OAAO,KAAK,EACV,iBAAiB,EACjB,cAAc,EACf,MAAM,2BAA2B,CAAC;AACnC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAGhE;;;;;;;;;;;;;;;;;;;GAmBG;AACH,qBAAa,YAAa,SAAQ,aAAc,YAAW,iBAAiB;IAC1E,OAAO,CAAC,MAAM,CAAwB;IACtC,OAAO,CAAC,cAAc,CAAc;IACpC,OAAO,CAAC,cAAc,CAAc;IACpC,OAAO,CAAC,iBAAiB,CAAc;IACvC,OAAO,CAAC,eAAe,CAAqB;IAE5C,WAAoB,kBAAkB,IAAI,MAAM,EAAE,CAEjD;IAGD,IAAI,SAAS,IAAI,MAAM,CAEtB;IAED,IAAI,SAAS,CAAC,KAAK,EAAE,MAAM,EAM1B;IAED,IAAI,QAAQ,IAAI,MAAM,CAGrB;IAED,IAAI,QAAQ,CAAC,KAAK,EAAE,MAAM,EAMzB;IAED,IAAI,KAAK,IAAI,cAAc,EAAE,CAE5B;IAED,IAAI,KAAK,CAAC,KAAK,EAAE,cAAc,EAAE,EAGhC;;IASe,MAAM,IAAI,IAAI;IA+H9B,OAAO,CAAC,qBAAqB;IA4C7B,OAAO,CAAC,kBAAkB;IAmC1B,OAAO,CAAC,uBAAuB;IA8C/B,OAAO,CAAC,SAAS;IAOjB,OAAO,CAAC,aAAa;IAOrB,OAAO,CAAC,UAAU;IAKlB,OAAO,CAAC,SAAS;IAKjB,OAAO,CAAC,mBAAmB;IAgB3B,OAAO,CAAC,oBAAoB;IA0BrB,sBAAsB,IAAI,mBAAmB;IAgB7C,gBAAgB,IAAI,aAAa;cAcrB,iBAAiB,CAClC,IAAI,EAAE,MAAM,EACZ,QAAQ,EAAE,MAAM,GAAG,IAAI,EACvB,QAAQ,EAAE,MAAM,GAAG,IAAI,GACtB,IAAI;IAQA,OAAO,CAAC,IAAI,EAAE,cAAc,GAAG,IAAI;IAKnC,UAAU,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAO/B,QAAQ,CAAC,KAAK,EAAE,cAAc,EAAE,GAAG,IAAI;IAKvC,KAAK,IAAI,IAAI;IAKb,iBAAiB,IAAI,MAAM;CAGnC;AAOD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,eAAe,EAAE,YAAY,CAAC;KAC/B;CACF"}

package/dist/types/components/navigation/breadcrumbs.stories.d.ts

@@ -0,0 +1,32 @@
+import type { StoryObj } from '@storybook/web-components';
+import './breadcrumbs';
+declare const meta: {
+    title: string;
+    component: string;
+    parameters: {
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    argTypes: {
+        separator: {
+            control: string;
+            description: string;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithCustomSeparator: Story;
+export declare const SlashSeparator: Story;
+export declare const DotSeparator: Story;
+export declare const LongPath: Story;
+export declare const ShortPath: Story;
+export declare const AllLinks: Story;
+export declare const MixedContent: Story;
+export declare const WithIcons: Story;
+export declare const Responsive: Story;
+//# sourceMappingURL=breadcrumbs.stories.d.ts.map

package/dist/types/components/navigation/breadcrumbs.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumbs.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/breadcrumbs.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAEhE,OAAO,eAAe,CAAC;AAEvB,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;CAiBM,CAAC;AAEjB,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KASrB,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KASjC,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAS5B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAS1B,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAYtB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAOvB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAStB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAS1B,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAqBvB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAexB,CAAC"}

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

@@ -0,0 +1,4 @@
+export * from './navbar';
+export * from './sidebar';
+export * from './breadcrumbs';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/index.ts"],"names":[],"mappings":"AAEA,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC"}

package/dist/types/components/navigation/navbar.d.ts

@@ -0,0 +1,66 @@
+import { BaseComponent } from '../../core/base-component.js';
+import type { AccessibilityConfig } from '../../types/index.js';
+import { KNavbarProps } from '../../types/components.js';
+/**
+ * KNavbar - Responsive navigation bar component
+ *
+ * Features:
+ * - Responsive collapse functionality
+ * - Keyboard navigation support
+ * - Accessibility with ARIA attributes
+ * - Theme integration
+ * - Mobile-first responsive design
+ *
+ * @example
+ * ```html
+ * <k-navbar>
+ *   <k-navbar-brand>My App</k-navbar-brand>
+ *   <k-navbar-nav>
+ *     <k-navbar-item href="/home">Home</k-navbar-item>
+ *     <k-navbar-item href="/about">About</k-navbar-item>
+ *   </k-navbar-nav>
+ * </k-navbar>
+ * ```
+ */
+export declare class KNavbar extends BaseComponent implements KNavbarProps {
+    private navElement;
+    private brandElement;
+    private toggleButton;
+    private navContent;
+    private isCollapsed;
+    private resizeObserver;
+    static get observedAttributes(): string[];
+    get collapsed(): boolean;
+    set collapsed(value: boolean);
+    get sticky(): boolean;
+    set sticky(value: boolean);
+    get variant(): KNavbarProps['variant'];
+    set variant(value: KNavbarProps['variant']);
+    get size(): KNavbarProps['size'];
+    set size(value: KNavbarProps['size']);
+    get breakpoint(): KNavbarProps['breakpoint'];
+    set breakpoint(value: KNavbarProps['breakpoint']);
+    render(): void;
+    private getBreakpointValue;
+    private setupEventListeners;
+    private setupResizeObserver;
+    private updateCollapseState;
+    private focusNext;
+    private focusPrevious;
+    private focusFirst;
+    private focusLast;
+    private getFocusableNavItems;
+    expand(): void;
+    collapse(): void;
+    toggleNavbar(): void;
+    getAccessibilityConfig(): AccessibilityConfig;
+    getDefaultStyles(): CSSStyleSheet;
+    protected onAttributeChange(name: string, _oldValue: string | null, _newValue: string | null): void;
+    disconnectedCallback(): void;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'k-navbar': KNavbar;
+    }
+}
+//# sourceMappingURL=navbar.d.ts.map

package/dist/types/components/navigation/navbar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"navbar.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/navbar.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAC7D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAChE,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAGzD;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,qBAAa,OAAQ,SAAQ,aAAc,YAAW,YAAY;IAChE,OAAO,CAAC,UAAU,CAAc;IAChC,OAAO,CAAC,YAAY,CAAc;IAClC,OAAO,CAAC,YAAY,CAAoB;IACxC,OAAO,CAAC,UAAU,CAAc;IAChC,OAAO,CAAC,WAAW,CAAiB;IACpC,OAAO,CAAC,cAAc,CAAiB;IAEvC,WAAoB,kBAAkB,IAAI,MAAM,EAAE,CASjD;IAGD,IAAI,SAAS,IAAI,OAAO,CAEvB;IAED,IAAI,SAAS,CAAC,KAAK,EAAE,OAAO,EAM3B;IAED,IAAI,MAAM,IAAI,OAAO,CAEpB;IAED,IAAI,MAAM,CAAC,KAAK,EAAE,OAAO,EAMxB;IAED,IAAI,OAAO,IAAI,YAAY,CAAC,SAAS,CAAC,CAIrC;IAED,IAAI,OAAO,CAAC,KAAK,EAAE,YAAY,CAAC,SAAS,CAAC,EAMzC;IAED,IAAI,IAAI,IAAI,YAAY,CAAC,MAAM,CAAC,CAE/B;IAED,IAAI,IAAI,CAAC,KAAK,EAAE,YAAY,CAAC,MAAM,CAAC,EAMnC;IAED,IAAI,UAAU,IAAI,YAAY,CAAC,YAAY,CAAC,CAI3C;IAED,IAAI,UAAU,CAAC,KAAK,EAAE,YAAY,CAAC,YAAY,CAAC,EAM/C;IAEe,MAAM,IAAI,IAAI;IA8M9B,OAAO,CAAC,kBAAkB;IAY1B,OAAO,CAAC,mBAAmB;IAsC3B,OAAO,CAAC,mBAAmB;IAO3B,OAAO,CAAC,mBAAmB;IAc3B,OAAO,CAAC,SAAS;IASjB,OAAO,CAAC,aAAa;IAUrB,OAAO,CAAC,UAAU;IAKlB,OAAO,CAAC,SAAS;IAKjB,OAAO,CAAC,oBAAoB;IAWrB,MAAM,IAAI,IAAI;IAUd,QAAQ,IAAI,IAAI;IAUhB,YAAY,IAAI,IAAI;IAQpB,sBAAsB,IAAI,mBAAmB;IAQ7C,gBAAgB,IAAI,aAAa;cAcrB,iBAAiB,CAClC,IAAI,EAAE,MAAM,EACZ,SAAS,EAAE,MAAM,GAAG,IAAI,EACxB,SAAS,EAAE,MAAM,GAAG,IAAI,GACvB,IAAI;IAaE,oBAAoB,IAAI,IAAI;CAItC;AAOD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,OAAO,CAAC;KACrB;CACF"}