kenikool-ui 1.0.0

package/dist/types/components/forms/button.d.ts

@@ -0,0 +1,64 @@
+import { BaseComponent } from '../../core/base-component.js';
+import { AccessibilityConfig } from '../../types/index.js';
+import { KButtonProps } from '../../types/components.js';
+/**
+ * KButton - A customizable button component with variants, sizes, and loading states
+ *
+ * @example
+ * ```html
+ * <k-button>Click me</k-button>
+ * <k-button variant="primary" size="lg">Large Primary</k-button>
+ * <k-button loading>Loading...</k-button>
+ * <k-button icon="save" variant="success">Save</k-button>
+ * ```
+ */
+export declare class KButton extends BaseComponent {
+    private button;
+    static get observedAttributes(): string[];
+    get type(): KButtonProps['type'];
+    set type(value: KButtonProps['type']);
+    get disabled(): boolean;
+    set disabled(value: boolean);
+    get loading(): boolean;
+    set loading(value: boolean);
+    get icon(): KButtonProps['icon'];
+    set icon(value: KButtonProps['icon']);
+    get size(): KButtonProps['size'];
+    set size(value: KButtonProps['size']);
+    get variant(): KButtonProps['variant'];
+    set variant(value: KButtonProps['variant']);
+    get appearance(): KButtonProps['appearance'];
+    set appearance(value: KButtonProps['appearance']);
+    get shape(): KButtonProps['shape'];
+    set shape(value: KButtonProps['shape']);
+    render(): void;
+    private sanitizeIconName;
+    private getIconContent;
+    private setupEventListeners;
+    getAccessibilityConfig(): AccessibilityConfig;
+    private getDefaultAriaLabel;
+    getDefaultStyles(): CSSStyleSheet;
+    protected onAttributeChange(name: string, oldValue: string | null, newValue: string | null): void;
+    /**
+     * Update only the disabled state without full re-render
+     */
+    private updateDisabledState;
+    /**
+     * Update only the loading state without full re-render
+     */
+    private updateLoadingState;
+    /**
+     * Update only the icon without full re-render
+     */
+    private updateIcon;
+    click(): void;
+    focus(): void;
+    blur(): void;
+    setLoading(loading: boolean): void;
+    setDisabled(disabled: boolean): void;
+    setIcon(icon: string): void;
+    clearIcon(): void;
+    setVariant(variant: KButtonProps['variant']): void;
+    setSize(size: KButtonProps['size']): void;
+}
+//# sourceMappingURL=button.d.ts.map

package/dist/types/components/forms/button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/button.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAC7D,OAAO,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAC3D,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAEzD;;;;;;;;;;GAUG;AACH,qBAAa,OAAQ,SAAQ,aAAa;IACxC,OAAO,CAAC,MAAM,CAAkC;IAEhD,WAAoB,kBAAkB,IAAI,MAAM,EAAE,CAYjD;IAGD,IAAI,IAAI,IAAI,YAAY,CAAC,MAAM,CAAC,CAE/B;IAED,IAAI,IAAI,CAAC,KAAK,EAAE,YAAY,CAAC,MAAM,CAAC,EAMnC;IAED,IAAI,QAAQ,IAAI,OAAO,CAEtB;IAED,IAAI,QAAQ,CAAC,KAAK,EAAE,OAAO,EAM1B;IAED,IAAI,OAAO,IAAI,OAAO,CAErB;IAED,IAAI,OAAO,CAAC,KAAK,EAAE,OAAO,EAMzB;IAED,IAAI,IAAI,IAAI,YAAY,CAAC,MAAM,CAAC,CAE/B;IAED,IAAI,IAAI,CAAC,KAAK,EAAE,YAAY,CAAC,MAAM,CAAC,EAMnC;IAED,IAAI,IAAI,IAAI,YAAY,CAAC,MAAM,CAAC,CAE/B;IAED,IAAI,IAAI,CAAC,KAAK,EAAE,YAAY,CAAC,MAAM,CAAC,EAMnC;IAED,IAAI,OAAO,IAAI,YAAY,CAAC,SAAS,CAAC,CAIrC;IAED,IAAI,OAAO,CAAC,KAAK,EAAE,YAAY,CAAC,SAAS,CAAC,EAMzC;IAED,IAAI,UAAU,IAAI,YAAY,CAAC,YAAY,CAAC,CAI3C;IAED,IAAI,UAAU,CAAC,KAAK,EAAE,YAAY,CAAC,YAAY,CAAC,EAM/C;IAED,IAAI,KAAK,IAAI,YAAY,CAAC,OAAO,CAAC,CAEjC;IAED,IAAI,KAAK,CAAC,KAAK,EAAE,YAAY,CAAC,OAAO,CAAC,EAMrC;IAEe,MAAM,IAAI,IAAI;IAmV9B,OAAO,CAAC,gBAAgB;IAMxB,OAAO,CAAC,cAAc;IAStB,OAAO,CAAC,mBAAmB;IA+CpB,sBAAsB,IAAI,mBAAmB;IA4CpD,OAAO,CAAC,mBAAmB;IAyCpB,gBAAgB,IAAI,aAAa;cAMrB,iBAAiB,CAClC,IAAI,EAAE,MAAM,EACZ,QAAQ,EAAE,MAAM,GAAG,IAAI,EACvB,QAAQ,EAAE,MAAM,GAAG,IAAI,GACtB,IAAI;IAyBP;;OAEG;IACH,OAAO,CAAC,mBAAmB;IAY3B;;OAEG;IACH,OAAO,CAAC,kBAAkB;IAkC1B;;OAEG;IACH,OAAO,CAAC,UAAU;IA+BF,KAAK,IAAI,IAAI;IAMb,KAAK,IAAI,IAAI;IAIb,IAAI,IAAI,IAAI;IAIrB,UAAU,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI;IAIzB,WAAW,CAAC,QAAQ,EAAE,OAAO,GAAG,IAAI;IAI7C,OAAO,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI;IAI3B,SAAS,IAAI,IAAI;IAIjB,UAAU,CAAC,OAAO,EAAE,YAAY,CAAC,SAAS,CAAC,GAAG,IAAI;IAMlD,OAAO,CAAC,IAAI,EAAE,YAAY,CAAC,MAAM,CAAC,GAAG,IAAI;CAKjD"}

package/dist/types/components/forms/button.stories.d.ts

@@ -0,0 +1,52 @@
+import type { StoryObj } from '@storybook/web-components';
+import './button';
+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;
+        };
+        disabled: {
+            control: string;
+            description: string;
+        };
+        loading: {
+            control: string;
+            description: string;
+        };
+        fullWidth: {
+            control: string;
+            description: string;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Primary: Story;
+export declare const Secondary: Story;
+export declare const Success: Story;
+export declare const Warning: Story;
+export declare const Error: Story;
+export declare const Ghost: Story;
+export declare const Sizes: Story;
+export declare const Disabled: Story;
+export declare const Loading: Story;
+export declare const FullWidth: Story;
+export declare const WithIcon: Story;
+export declare const AllVariants: Story;
+//# sourceMappingURL=button.stories.d.ts.map

package/dist/types/components/forms/button.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/button.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAEhE,OAAO,UAAU,CAAC;AAElB,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmCM,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,SAAS,EAAE,KAEvB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAEnB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAEnB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAYnB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAEtB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAEvB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAEtB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAazB,CAAC"}

package/dist/types/components/forms/checkbox.d.ts

@@ -0,0 +1,51 @@
+import { BaseComponent } from '../../core/base-component.js';
+import { AccessibilityConfig } from '../../types/index.js';
+/**
+ * KCheckbox - A customizable checkbox component with proper form integration
+ *
+ * @example
+ * ```html
+ * <k-checkbox>Accept terms</k-checkbox>
+ * <k-checkbox checked>Pre-selected</k-checkbox>
+ * <k-checkbox required>Required field</k-checkbox>
+ * <k-checkbox indeterminate>Partially selected</k-checkbox>
+ * ```
+ */
+export declare class KCheckbox extends BaseComponent {
+    private checkbox;
+    private checkmark;
+    static get observedAttributes(): string[];
+    get checked(): boolean;
+    set checked(value: boolean);
+    get indeterminate(): boolean;
+    set indeterminate(value: boolean);
+    get value(): string;
+    set value(value: string);
+    get name(): string;
+    set name(value: string);
+    get required(): boolean;
+    set required(value: boolean);
+    get disabled(): boolean;
+    set disabled(value: boolean);
+    get error(): string | undefined;
+    set error(value: string | undefined);
+    render(): void;
+    private getCheckmarkIcon;
+    private setupEventListeners;
+    getAccessibilityConfig(): AccessibilityConfig;
+    getDefaultStyles(): CSSStyleSheet;
+    protected onAttributeChange(name: string, oldValue: string | null, newValue: string | null): void;
+    focus(): void;
+    blur(): void;
+    toggle(): void;
+    check(): void;
+    uncheck(): void;
+    setIndeterminate(indeterminate?: boolean): void;
+    setError(message: string): void;
+    clearError(): void;
+    checkValidity(): boolean;
+    setCustomValidity(message: string): void;
+    reportValidity(): boolean;
+}
+export default KCheckbox;
+//# sourceMappingURL=checkbox.d.ts.map

package/dist/types/components/forms/checkbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/checkbox.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAC7D,OAAO,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAE3D;;;;;;;;;;GAUG;AACH,qBAAa,SAAU,SAAQ,aAAa;IAC1C,OAAO,CAAC,QAAQ,CAAiC;IACjD,OAAO,CAAC,SAAS,CAA4B;IAE7C,WAAoB,kBAAkB,IAAI,MAAM,EAAE,CAYjD;IAGD,IAAI,OAAO,IAAI,OAAO,CAErB;IAED,IAAI,OAAO,CAAC,KAAK,EAAE,OAAO,EASzB;IAED,IAAI,aAAa,IAAI,OAAO,CAE3B;IAED,IAAI,aAAa,CAAC,KAAK,EAAE,OAAO,EAS/B;IAED,IAAI,KAAK,IAAI,MAAM,CAElB;IAED,IAAI,KAAK,CAAC,KAAK,EAAE,MAAM,EAMtB;IAED,IAAI,IAAI,IAAI,MAAM,CAEjB;IAED,IAAI,IAAI,CAAC,KAAK,EAAE,MAAM,EAMrB;IAED,IAAI,QAAQ,IAAI,OAAO,CAEtB;IAED,IAAI,QAAQ,CAAC,KAAK,EAAE,OAAO,EAM1B;IAED,IAAI,QAAQ,IAAI,OAAO,CAEtB;IAED,IAAI,QAAQ,CAAC,KAAK,EAAE,OAAO,EAM1B;IAED,IAAI,KAAK,IAAI,MAAM,GAAG,SAAS,CAE9B;IAED,IAAI,KAAK,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,EAMlC;IAEe,MAAM,IAAI,IAAI;IA4R9B,OAAO,CAAC,gBAAgB;IAOxB,OAAO,CAAC,mBAAmB;IAgEX,sBAAsB,IAAI,mBAAmB;IAsBtD,gBAAgB,IAAI,aAAa;cAKrB,iBAAiB,CAClC,IAAI,EAAE,MAAM,EACZ,QAAQ,EAAE,MAAM,GAAG,IAAI,EACvB,QAAQ,EAAE,MAAM,GAAG,IAAI,GACtB,IAAI;IAuCS,KAAK,IAAI,IAAI;IAIb,IAAI,IAAI,IAAI;IAIrB,MAAM,IAAI,IAAI;IAMd,KAAK,IAAI,IAAI;IAMb,OAAO,IAAI,IAAI;IAMf,gBAAgB,CAAC,aAAa,GAAE,OAAc,GAAG,IAAI;IAIrD,QAAQ,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI;IAI/B,UAAU,IAAI,IAAI;IAIlB,aAAa,IAAI,OAAO;IAOxB,iBAAiB,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI;IAWxC,cAAc,IAAI,OAAO;CAGjC;AAOD,eAAe,SAAS,CAAC"}

package/dist/types/components/forms/checkbox.stories.d.ts

@@ -0,0 +1,31 @@
+import type { StoryObj } from '@storybook/web-components';
+import './checkbox';
+declare const meta: {
+    title: string;
+    component: string;
+    parameters: {
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    argTypes: {
+        checked: {
+            control: string;
+            description: string;
+        };
+        disabled: {
+            control: string;
+            description: string;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Checked: Story;
+export declare const Disabled: Story;
+export declare const Group: Story;
+export declare const WithLabel: Story;
+//# sourceMappingURL=checkbox.stories.d.ts.map

package/dist/types/components/forms/checkbox.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/checkbox.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAEhE,OAAO,YAAY,CAAC;AAEpB,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;CAoBM,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,OAAO,EAAE,KAErB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAEtB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAQnB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAOvB,CAAC"}

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

@@ -0,0 +1,6 @@
+export * from './input.js';
+export * from './button.js';
+export * from './select.js';
+export * from './checkbox.js';
+export * from './radio.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/index.ts"],"names":[],"mappings":"AAEA,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC"}

package/dist/types/components/forms/input.d.ts

@@ -0,0 +1,66 @@
+import { BaseComponent } from '../../core/base-component.js';
+import { AccessibilityConfig } from '../../types/index.js';
+import type { KInputProps } from '../../types/components.js';
+/**
+ * KInput - A flexible input component with validation, icons, and smart defaults
+ *
+ * @example
+ * ```html
+ * <k-input type="email" placeholder="Enter your email"></k-input>
+ * <k-input type="password" required></k-input>
+ * <k-input icon="search" placeholder="Search..."></k-input>
+ * <k-input error="This field is required" styles="large primary"></k-input>
+ * ```
+ */
+export declare class KInput extends BaseComponent {
+    private input;
+    private errorElement;
+    static get observedAttributes(): string[];
+    get type(): KInputProps['type'];
+    set type(value: KInputProps['type']);
+    get value(): string;
+    set value(value: string);
+    get placeholder(): string;
+    set placeholder(value: string);
+    get required(): boolean;
+    set required(value: boolean);
+    get disabled(): boolean;
+    set disabled(value: boolean);
+    get readonly(): boolean;
+    set readonly(value: boolean);
+    get icon(): KInputProps['icon'];
+    set icon(value: KInputProps['icon']);
+    get error(): KInputProps['error'];
+    set error(value: KInputProps['error']);
+    render(): void;
+    private sanitizeIconName;
+    private sanitizeErrorMessage;
+    private getIconContent;
+    private setupEventListeners;
+    getAccessibilityConfig(): AccessibilityConfig;
+    private getDefaultAriaLabel;
+    getDefaultStyles(): CSSStyleSheet;
+    protected onAttributeChange(name: string, oldValue: string | null, newValue: string | null): void;
+    /**
+     * Update only the icon without full re-render
+     */
+    private updateIcon;
+    /**
+     * Update only the error state without full re-render
+     */
+    private updateError;
+    focus(): void;
+    blur(): void;
+    select(): void;
+    setCustomValidity(message: string): void;
+    checkValidity(): boolean;
+    reportValidity(): boolean;
+    clearValue(): void;
+    setValue(value: string): void;
+    setError(message: string): void;
+    clearError(): void;
+    setIcon(icon: string): void;
+    clearIcon(): void;
+}
+export default KInput;
+//# sourceMappingURL=input.d.ts.map

package/dist/types/components/forms/input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/input.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAC7D,OAAO,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAC3D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAE7D;;;;;;;;;;GAUG;AACH,qBAAa,MAAO,SAAQ,aAAa;IACvC,OAAO,CAAC,KAAK,CAAiC;IAC9C,OAAO,CAAC,YAAY,CAA4B;IAEhD,WAAoB,kBAAkB,IAAI,MAAM,EAAE,CAcjD;IAGD,IAAI,IAAI,IAAI,WAAW,CAAC,MAAM,CAAC,CAG9B;IAED,IAAI,IAAI,CAAC,KAAK,EAAE,WAAW,CAAC,MAAM,CAAC,EAMlC;IAED,IAAI,KAAK,IAAI,MAAM,CAElB;IAED,IAAI,KAAK,CAAC,KAAK,EAAE,MAAM,EAYtB;IAED,IAAI,WAAW,IAAI,MAAM,CAExB;IAED,IAAI,WAAW,CAAC,KAAK,EAAE,MAAM,EAM5B;IAED,IAAI,QAAQ,IAAI,OAAO,CAEtB;IAED,IAAI,QAAQ,CAAC,KAAK,EAAE,OAAO,EAM1B;IAED,IAAI,QAAQ,IAAI,OAAO,CAEtB;IAED,IAAI,QAAQ,CAAC,KAAK,EAAE,OAAO,EAM1B;IAED,IAAI,QAAQ,IAAI,OAAO,CAEtB;IAED,IAAI,QAAQ,CAAC,KAAK,EAAE,OAAO,EAM1B;IAED,IAAI,IAAI,IAAI,WAAW,CAAC,MAAM,CAAC,CAE9B;IAED,IAAI,IAAI,CAAC,KAAK,EAAE,WAAW,CAAC,MAAM,CAAC,EAMlC;IAED,IAAI,KAAK,IAAI,WAAW,CAAC,OAAO,CAAC,CAEhC;IAED,IAAI,KAAK,CAAC,KAAK,EAAE,WAAW,CAAC,OAAO,CAAC,EAMpC;IAEe,MAAM,IAAI,IAAI;IAuO9B,OAAO,CAAC,gBAAgB;IAKxB,OAAO,CAAC,oBAAoB;IAO5B,OAAO,CAAC,cAAc;IAQtB,OAAO,CAAC,mBAAmB;IA0DX,sBAAsB,IAAI,mBAAmB;IAyC7D,OAAO,CAAC,mBAAmB;IAepB,gBAAgB,IAAI,aAAa;cAKrB,iBAAiB,CAClC,IAAI,EAAE,MAAM,EACZ,QAAQ,EAAE,MAAM,GAAG,IAAI,EACvB,QAAQ,EAAE,MAAM,GAAG,IAAI,GACtB,IAAI;IAyCP;;OAEG;IACH,OAAO,CAAC,UAAU;IAmClB;;OAEG;IACH,OAAO,CAAC,WAAW;IA+BH,KAAK,IAAI,IAAI;IAMb,IAAI,IAAI,IAAI;IAMrB,MAAM,IAAI,IAAI;IAMd,iBAAiB,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI;IAaxC,aAAa,IAAI,OAAO;IAIxB,cAAc,IAAI,OAAO;IAKzB,UAAU,IAAI,IAAI;IAIlB,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAI7B,QAAQ,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI;IAI/B,UAAU,IAAI,IAAI;IAIlB,OAAO,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI;IAI3B,SAAS,IAAI,IAAI;CAGzB;AAQD,eAAe,MAAM,CAAC"}

package/dist/types/components/forms/input.stories.d.ts

@@ -0,0 +1,49 @@
+import type { StoryObj } from '@storybook/web-components';
+import './input';
+declare const meta: {
+    title: string;
+    component: string;
+    parameters: {
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    argTypes: {
+        type: {
+            control: string;
+            options: string[];
+            description: string;
+        };
+        placeholder: {
+            control: string;
+            description: string;
+        };
+        disabled: {
+            control: string;
+            description: string;
+        };
+        required: {
+            control: string;
+            description: string;
+        };
+        error: {
+            control: string;
+            description: string;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Email: Story;
+export declare const Password: Story;
+export declare const Number: Story;
+export declare const WithLabel: Story;
+export declare const WithError: Story;
+export declare const Disabled: Story;
+export declare const Required: Story;
+export declare const WithIcon: Story;
+export declare const AllTypes: Story;
+//# sourceMappingURL=input.stories.d.ts.map

package/dist/types/components/forms/input.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/input.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAEhE,OAAO,SAAS,CAAC;AAEjB,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkCM,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,KAAK,EAAE,KAGnB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAGtB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAGpB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAOvB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAMvB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAEtB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAGtB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAEtB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAiCtB,CAAC"}

package/dist/types/components/forms/radio.d.ts

@@ -0,0 +1,51 @@
+import { BaseComponent } from '../../core/base-component.js';
+import { AccessibilityConfig } from '../../types/index.js';
+/**
+ * KRadio - A customizable radio button component with proper form integration
+ *
+ * @example
+ * ```html
+ * <k-radio name="color" value="red">Red</k-radio>
+ * <k-radio name="color" value="blue" checked>Blue</k-radio>
+ * <k-radio name="color" value="green">Green</k-radio>
+ * ```
+ */
+export declare class KRadio extends BaseComponent {
+    private radio;
+    private indicator;
+    static get observedAttributes(): string[];
+    get checked(): boolean;
+    set checked(value: boolean);
+    get value(): string;
+    set value(value: string);
+    get name(): string;
+    set name(value: string);
+    get required(): boolean;
+    set required(value: boolean);
+    get disabled(): boolean;
+    set disabled(value: boolean);
+    get error(): string | undefined;
+    set error(value: string | undefined);
+    render(): void;
+    private setupEventListeners;
+    private uncheckSiblings;
+    private focusNextRadio;
+    private focusPreviousRadio;
+    getAccessibilityConfig(): AccessibilityConfig;
+    getDefaultStyles(): CSSStyleSheet;
+    protected onAttributeChange(name: string, oldValue: string | null, newValue: string | null): void;
+    focus(): void;
+    blur(): void;
+    select(): void;
+    deselect(): void;
+    setError(message: string): void;
+    clearError(): void;
+    checkValidity(): boolean;
+    setCustomValidity(message: string): void;
+    reportValidity(): boolean;
+    static getSelectedValue(name: string): string | null;
+    static setSelectedValue(name: string, value: string): void;
+    static clearSelection(name: string): void;
+}
+export default KRadio;
+//# sourceMappingURL=radio.d.ts.map

package/dist/types/components/forms/radio.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/radio.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAC7D,OAAO,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAE3D;;;;;;;;;GASG;AACH,qBAAa,MAAO,SAAQ,aAAa;IACvC,OAAO,CAAC,KAAK,CAAiC;IAC9C,OAAO,CAAC,SAAS,CAA4B;IAE7C,WAAoB,kBAAkB,IAAI,MAAM,EAAE,CAWjD;IAGD,IAAI,OAAO,IAAI,OAAO,CAErB;IAED,IAAI,OAAO,CAAC,KAAK,EAAE,OAAO,EAWzB;IAED,IAAI,KAAK,IAAI,MAAM,CAElB;IAED,IAAI,KAAK,CAAC,KAAK,EAAE,MAAM,EAMtB;IAED,IAAI,IAAI,IAAI,MAAM,CAEjB;IAED,IAAI,IAAI,CAAC,KAAK,EAAE,MAAM,EAMrB;IAED,IAAI,QAAQ,IAAI,OAAO,CAEtB;IAED,IAAI,QAAQ,CAAC,KAAK,EAAE,OAAO,EAM1B;IAED,IAAI,QAAQ,IAAI,OAAO,CAEtB;IAED,IAAI,QAAQ,CAAC,KAAK,EAAE,OAAO,EAM1B;IAED,IAAI,KAAK,IAAI,MAAM,GAAG,SAAS,CAE9B;IAED,IAAI,KAAK,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,EAMlC;IAEe,MAAM,IAAI,IAAI;IA+Q9B,OAAO,CAAC,mBAAmB;IAwE3B,OAAO,CAAC,eAAe;IAYvB,OAAO,CAAC,cAAc;IAetB,OAAO,CAAC,kBAAkB;IAgBV,sBAAsB,IAAI,mBAAmB;IA8CtD,gBAAgB,IAAI,aAAa;cAKrB,iBAAiB,CAClC,IAAI,EAAE,MAAM,EACZ,QAAQ,EAAE,MAAM,GAAG,IAAI,EACvB,QAAQ,EAAE,MAAM,GAAG,IAAI,GACtB,IAAI;IAmCS,KAAK,IAAI,IAAI;IAIb,IAAI,IAAI,IAAI;IAIrB,MAAM,IAAI,IAAI;IAMd,QAAQ,IAAI,IAAI;IAMhB,QAAQ,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI;IAI/B,UAAU,IAAI,IAAI;IAIlB,aAAa,IAAI,OAAO;IAYxB,iBAAiB,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI;IAWxC,cAAc,IAAI,OAAO;WAKlB,gBAAgB,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI;WAU7C,gBAAgB,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI;WAUnD,cAAc,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI;CAQjD;AAOD,eAAe,MAAM,CAAC"}

package/dist/types/components/forms/radio.stories.d.ts

@@ -0,0 +1,41 @@
+import type { StoryObj } from '@storybook/web-components';
+import './radio';
+declare const meta: {
+    title: string;
+    component: string;
+    parameters: {
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    argTypes: {
+        checked: {
+            control: string;
+            description: string;
+        };
+        disabled: {
+            control: string;
+            description: string;
+        };
+        name: {
+            control: string;
+            description: string;
+        };
+        value: {
+            control: string;
+            description: string;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Checked: Story;
+export declare const Disabled: Story;
+export declare const Group: Story;
+export declare const GroupWithSelected: Story;
+export declare const WithLabel: Story;
+export declare const Vertical: Story;
+//# sourceMappingURL=radio.stories.d.ts.map

package/dist/types/components/forms/radio.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/radio.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;AAEnC,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAEtB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAQnB,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAQ/B,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAOvB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAsBtB,CAAC"}

package/dist/types/components/forms/select.d.ts

@@ -0,0 +1,67 @@
+import { BaseComponent } from '../../core/base-component.js';
+import { AccessibilityConfig } from '../../types/index.js';
+/**
+ * KSelect - A customizable select dropdown component with keyboard navigation
+ *
+ * @example
+ * ```html
+ * <k-select>
+ *   <option value="1">Option 1</option>
+ *   <option value="2">Option 2</option>
+ * </k-select>
+ * <k-select placeholder="Choose an option" required>
+ *   <option value="red">Red</option>
+ *   <option value="blue">Blue</option>
+ * </k-select>
+ * ```
+ */
+export declare class KSelect extends BaseComponent {
+    private select;
+    private dropdown;
+    private trigger;
+    private optionsList;
+    private isOpen;
+    private focusedIndex;
+    private options;
+    static get observedAttributes(): string[];
+    get value(): string;
+    set value(value: string);
+    get placeholder(): string;
+    set placeholder(value: string);
+    get required(): boolean;
+    set required(value: boolean);
+    get disabled(): boolean;
+    set disabled(value: boolean);
+    get multiple(): boolean;
+    set multiple(value: boolean);
+    get error(): string | undefined;
+    set error(value: string | undefined);
+    render(): void;
+    private updateOptionsFromSlot;
+    private renderOptions;
+    private getDisplayValue;
+    private setupEventListeners;
+    private open;
+    private close;
+    private toggle;
+    private focusNextOption;
+    private focusPreviousOption;
+    private updateFocusedOption;
+    private selectOption;
+    private updateSelectedOption;
+    getAccessibilityConfig(): AccessibilityConfig;
+    getDefaultStyles(): CSSStyleSheet;
+    protected onAttributeChange(name: string, oldValue: string | null, newValue: string | null): void;
+    focus(): void;
+    blur(): void;
+    openDropdown(): void;
+    closeDropdown(): void;
+    selectValue(value: string): void;
+    clearSelection(): void;
+    setError(message: string): void;
+    clearError(): void;
+    checkValidity(): boolean;
+    setCustomValidity(message: string): void;
+}
+export default KSelect;
+//# sourceMappingURL=select.d.ts.map

package/dist/types/components/forms/select.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/select.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAC7D,OAAO,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAE3D;;;;;;;;;;;;;;GAcG;AACH,qBAAa,OAAQ,SAAQ,aAAa;IACxC,OAAO,CAAC,MAAM,CAAkC;IAChD,OAAO,CAAC,QAAQ,CAA4B;IAC5C,OAAO,CAAC,OAAO,CAA4B;IAC3C,OAAO,CAAC,WAAW,CAA4B;IAC/C,OAAO,CAAC,MAAM,CAAkB;IAChC,OAAO,CAAC,YAAY,CAAc;IAClC,OAAO,CAAC,OAAO,CAA2B;IAE1C,WAAoB,kBAAkB,IAAI,MAAM,EAAE,CAYjD;IAGD,IAAI,KAAK,IAAI,MAAM,CAElB;IAED,IAAI,KAAK,CAAC,KAAK,EAAE,MAAM,EAYtB;IAED,IAAI,WAAW,IAAI,MAAM,CAExB;IAED,IAAI,WAAW,CAAC,KAAK,EAAE,MAAM,EAM5B;IAED,IAAI,QAAQ,IAAI,OAAO,CAEtB;IAED,IAAI,QAAQ,CAAC,KAAK,EAAE,OAAO,EAM1B;IAED,IAAI,QAAQ,IAAI,OAAO,CAEtB;IAED,IAAI,QAAQ,CAAC,KAAK,EAAE,OAAO,EAM1B;IAED,IAAI,QAAQ,IAAI,OAAO,CAEtB;IAED,IAAI,QAAQ,CAAC,KAAK,EAAE,OAAO,EAM1B;IAED,IAAI,KAAK,IAAI,MAAM,GAAG,SAAS,CAE9B;IAED,IAAI,KAAK,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,EAMlC;IAEe,MAAM,IAAI,IAAI;IAwS9B,OAAO,CAAC,qBAAqB;IAK7B,OAAO,CAAC,aAAa;IAyBrB,OAAO,CAAC,eAAe;IASvB,OAAO,CAAC,mBAAmB;IAqG3B,OAAO,CAAC,IAAI;IAiBZ,OAAO,CAAC,KAAK;IAab,OAAO,CAAC,MAAM;IAQd,OAAO,CAAC,eAAe;IAOvB,OAAO,CAAC,mBAAmB;IAO3B,OAAO,CAAC,mBAAmB;IAgB3B,OAAO,CAAC,YAAY;IAyBpB,OAAO,CAAC,oBAAoB;IAkBZ,sBAAsB,IAAI,mBAAmB;IA0BtD,gBAAgB,IAAI,aAAa;cAKrB,iBAAiB,CAClC,IAAI,EAAE,MAAM,EACZ,QAAQ,EAAE,MAAM,GAAG,IAAI,EACvB,QAAQ,EAAE,MAAM,GAAG,IAAI,GACtB,IAAI;IAwBS,KAAK,IAAI,IAAI;IAIb,IAAI,IAAI,IAAI;IAKrB,YAAY,IAAI,IAAI;IAIpB,aAAa,IAAI,IAAI;IAIrB,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAIhC,cAAc,IAAI,IAAI;IAItB,QAAQ,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI;IAI/B,UAAU,IAAI,IAAI;IAIlB,aAAa,IAAI,OAAO;IAOxB,iBAAiB,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI;CAUhD;AAOD,eAAe,OAAO,CAAC"}

package/dist/types/components/forms/select.stories.d.ts

@@ -0,0 +1,42 @@
+import type { StoryObj } from '@storybook/web-components';
+import './select';
+declare const meta: {
+    title: string;
+    component: string;
+    parameters: {
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    argTypes: {
+        placeholder: {
+            control: string;
+            description: string;
+        };
+        disabled: {
+            control: string;
+            description: string;
+        };
+        required: {
+            control: string;
+            description: string;
+        };
+        error: {
+            control: string;
+            description: string;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithLabel: Story;
+export declare const WithError: Story;
+export declare const Disabled: Story;
+export declare const Required: Story;
+export declare const ManyOptions: Story;
+export declare const WithPreselected: Story;
+export declare const Sizes: Story;
+//# sourceMappingURL=select.stories.d.ts.map

package/dist/types/components/forms/select.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"select.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/select.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAEhE,OAAO,UAAU,CAAC;AAElB,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6BM,CAAC;AAEjB,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAQrB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAWvB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAQvB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAQtB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAQtB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAezB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAQ7B,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAiCnB,CAAC"}

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

@@ -0,0 +1,66 @@
+import { BaseComponent } from '../../core/base-component';
+import { AccessibilityConfig } from '../../types';
+import type { KCardProps } from '../../types/components';
+/**
+ * KCard - A flexible card component with padding, shadow, and border customization
+ *
+ * @example
+ * ```html
+ * <k-card>Basic card content</k-card>
+ * <k-card padding="lg" shadow="lg">Card with large padding and shadow</k-card>
+ * <k-card border="none" styles="rounded">Borderless rounded card</k-card>
+ * ```
+ */
+export declare class KCard extends BaseComponent {
+    static get observedAttributes(): string[];
+    get padding(): KCardProps['padding'];
+    set padding(value: KCardProps['padding']);
+    get shadowSize(): KCardProps['shadow'];
+    set shadowSize(value: KCardProps['shadow']);
+    /**
+     * @deprecated Use shadowSize property instead
+     */
+    getShadow(): KCardProps['shadow'];
+    /**
+     * @deprecated Use shadowSize property instead
+     */
+    setShadowDeprecated(value: KCardProps['shadow']): void;
+    /**
+     * @deprecated Use shadowSize property instead
+     */
+    getCardShadow(): KCardProps['shadow'];
+    /**
+     * @deprecated Use shadowSize property instead
+     */
+    setCardShadowDeprecated(value: KCardProps['shadow']): void;
+    get border(): KCardProps['border'];
+    set border(value: KCardProps['border']);
+    render(): void;
+    getAccessibilityConfig(): AccessibilityConfig;
+    getDefaultStyles(): CSSStyleSheet;
+    protected onAttributeChange(name: string, oldValue: string | null, newValue: string | null): void;
+    /**
+     * Update only the padding without full re-render
+     */
+    private updatePadding;
+    /**
+     * Update only the shadow without full re-render
+     */
+    private updateShadow;
+    /**
+     * Update only the border without full re-render
+     */
+    private updateBorder;
+    setPadding(padding: KCardProps['padding']): void;
+    setShadow(shadow: KCardProps['shadow']): void;
+    /**
+     * @deprecated Use setShadow instead
+     */
+    setCardShadow(shadow: KCardProps['shadow']): void;
+    setBorder(border: KCardProps['border']): void;
+    makeInteractive(clickHandler?: (event: Event) => void): void;
+    setLoading(loading: boolean): void;
+    setDisabled(disabled: boolean): void;
+}
+export default KCard;
+//# sourceMappingURL=card.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/card.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;;;;;;;;;GASG;AACH,qBAAa,KAAM,SAAQ,aAAa;IACtC,WAAoB,kBAAkB,IAAI,MAAM,EAAE,CAEjD;IAGD,IAAI,OAAO,IAAI,UAAU,CAAC,SAAS,CAAC,CAEnC;IAED,IAAI,OAAO,CAAC,KAAK,EAAE,UAAU,CAAC,SAAS,CAAC,EAMvC;IAED,IAAI,UAAU,IAAI,UAAU,CAAC,QAAQ,CAAC,CAErC;IAED,IAAI,UAAU,CAAC,KAAK,EAAE,UAAU,CAAC,QAAQ,CAAC,EAMzC;IAED;;OAEG;IACH,SAAS,IAAI,UAAU,CAAC,QAAQ,CAAC;IAIjC;;OAEG;IACH,mBAAmB,CAAC,KAAK,EAAE,UAAU,CAAC,QAAQ,CAAC,GAAG,IAAI;IAItD;;OAEG;IACH,aAAa,IAAI,UAAU,CAAC,QAAQ,CAAC;IAIrC;;OAEG;IACH,uBAAuB,CAAC,KAAK,EAAE,UAAU,CAAC,QAAQ,CAAC,GAAG,IAAI;IAI1D,IAAI,MAAM,IAAI,UAAU,CAAC,QAAQ,CAAC,CAEjC;IAED,IAAI,MAAM,CAAC,KAAK,EAAE,UAAU,CAAC,QAAQ,CAAC,EAMrC;IAEe,MAAM,IAAI,IAAI;IA0Jd,sBAAsB,IAAI,mBAAmB;IAmBtD,gBAAgB,IAAI,aAAa;cAqJrB,iBAAiB,CAClC,IAAI,EAAE,MAAM,EACZ,QAAQ,EAAE,MAAM,GAAG,IAAI,EACvB,QAAQ,EAAE,MAAM,GAAG,IAAI,GACtB,IAAI;IAoBP;;OAEG;IACH,OAAO,CAAC,aAAa;IAQrB;;OAEG;IACH,OAAO,CAAC,YAAY;IAUpB;;OAEG;IACH,OAAO,CAAC,YAAY;IAWb,UAAU,CAAC,OAAO,EAAE,UAAU,CAAC,SAAS,CAAC,GAAG,IAAI;IAIhD,SAAS,CAAC,MAAM,EAAE,UAAU,CAAC,QAAQ,CAAC,GAAG,IAAI;IAIpD;;OAEG;IACI,aAAa,CAAC,MAAM,EAAE,UAAU,CAAC,QAAQ,CAAC,GAAG,IAAI;IAIjD,SAAS,CAAC,MAAM,EAAE,UAAU,CAAC,QAAQ,CAAC,GAAG,IAAI;IAK7C,eAAe,CAAC,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,GAAG,IAAI;IAmB5D,UAAU,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI;IAczB,WAAW,CAAC,QAAQ,EAAE,OAAO,GAAG,IAAI;CAYrD;AAQD,eAAe,KAAK,CAAC"}

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

@@ -0,0 +1,5 @@
+import { KCard } from './card';
+export declare function createCardExamples(): HTMLElement;
+export declare function demonstrateCardAPI(): void;
+export { KCard };
+//# sourceMappingURL=card.example.d.ts.map