@studious-creative/yumekit 0.1.2 → 0.1.3

package/dist/components/y-appbar.d.ts

@@ -0,0 +1,28 @@
+export class YumeAppbar extends HTMLElement {
+    static get observedAttributes(): string[];
+    _onCollapseClick(): void;
+    _idCounter: number;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    attributeChangedCallback(name: any, oldVal: any, newVal: any): void;
+    set orientation(val: string);
+    get orientation(): string;
+    set collapsed(val: boolean);
+    get collapsed(): boolean;
+    set items(val: any);
+    get items(): any;
+    set size(val: string);
+    get size(): string;
+    set menuDirection(val: string);
+    /**
+     * Direction menus pop out from nav buttons:
+     * "right", "down", or unset (auto: vertical → right, horizontal → down).
+     */
+    get menuDirection(): string;
+    set sticky(val: string | false);
+    get sticky(): string | false;
+    toggle(): void;
+    _uid(prefix: any): string;
+    _isItemActive(item: any): boolean;
+    render(): void;
+}

package/dist/components/y-avatar.d.ts

@@ -0,0 +1,5 @@
+export class YumeAvatar extends HTMLElement {
+    static get observedAttributes(): string[];
+    attributeChangedCallback(name: any, oldValue: any, newValue: any): void;
+    render(): void;
+}

package/dist/components/y-badge.d.ts

@@ -0,0 +1,15 @@
+export class YumeBadge extends HTMLElement {
+    static get observedAttributes(): string[];
+    connectedCallback(): void;
+    attributeChangedCallback(name: any, oldValue: any, newValue: any): void;
+    get alignment(): string;
+    get color(): string;
+    get position(): string;
+    get size(): string;
+    get value(): string;
+    getBadgeColor(color: any): any;
+    getBadgePosition(position: any, alignment: any): string;
+    getSizeAttributes(size: any): any;
+    hasTargetContent(): boolean;
+    render(): void;
+}

package/dist/components/y-button.d.ts

@@ -0,0 +1,19 @@
+export class YumeButton extends HTMLElement {
+    static get observedAttributes(): string[];
+    connectedCallback(): void;
+    attributeChangedCallback(name: any, oldValue: any, newValue: any): void;
+    set value(newVal: any);
+    get value(): any;
+    selectedValues: any;
+    setOptions(options: any): void;
+    handleClick(): void;
+    init(): void;
+    proxyNativeOnClick(): void;
+    updateButtonAttributes(): void;
+    manageSlotVisibility(slotName: any, selector: any): void;
+    render(): void;
+    button: HTMLButtonElement;
+    applyStyles(): void;
+    addEventListeners(): void;
+    updateStyles(): void;
+}

package/dist/components/y-card.d.ts

@@ -0,0 +1,8 @@
+export class YumeCard extends HTMLElement {
+    static get observedAttributes(): string[];
+    connectedCallback(): void;
+    attributeChangedCallback(name: any, oldValue: any, newValue: any): void;
+    updateColorStyles(): void;
+    updateElevationStyles(): void;
+    render(): void;
+}

package/dist/components/y-checkbox.d.ts

@@ -0,0 +1,20 @@
+export class YumeCheckbox extends HTMLElement {
+    static formAssociated: boolean;
+    static get observedAttributes(): string[];
+    _internals: ElementInternals;
+    connectedCallback(): void;
+    attributeChangedCallback(name: any): void;
+    set checked(val: boolean);
+    get checked(): boolean;
+    set disabled(val: boolean);
+    get disabled(): boolean;
+    set indeterminate(val: boolean);
+    get indeterminate(): boolean;
+    set value(val: string);
+    get value(): string;
+    get name(): string;
+    toggle(): void;
+    updateIcon(): void;
+    updateState(): void;
+    render(): void;
+}

package/dist/components/y-dialog.d.ts

@@ -0,0 +1,18 @@
+declare class YumeDialog extends HTMLElement {
+    static get observedAttributes(): string[];
+    onKeyDown(e: any): void;
+    onAnchorClick(): void;
+    connectedCallback(): void;
+    attributeChangedCallback(name: any, oldValue: any, newValue: any): void;
+    set visible(val: boolean);
+    get visible(): boolean;
+    set anchor(id: string);
+    get anchor(): string;
+    set closable(val: boolean);
+    get closable(): boolean;
+    show(): void;
+    hide(): void;
+    setupAnchor(): void;
+    _anchorEl: HTMLElement;
+    render(): void;
+}

package/dist/components/y-drawer.d.ts

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

package/dist/components/y-input.d.ts

@@ -0,0 +1,15 @@
+export class YumeInput extends HTMLElement {
+    static formAssociated: boolean;
+    static get observedAttributes(): string[];
+    _internals: ElementInternals;
+    connectedCallback(): void;
+    attributeChangedCallback(name: any, oldValue: any, newValue: any): void;
+    set value(val: string);
+    get value(): string;
+    checkValidity(): boolean;
+    updateValidationState(): void;
+    render(): void;
+    input: HTMLInputElement;
+    inputContainer: Element;
+    labelWrapper: Element;
+}

package/dist/components/y-menu.d.ts

@@ -0,0 +1,26 @@
+declare class YumeMenu extends HTMLElement {
+    static get observedAttributes(): string[];
+    _onAnchorClick(e: any): void;
+    _onDocumentClick(e: any): void;
+    _onScrollOrResize(): void;
+    connectedCallback(): void;
+    set items(val: any);
+    get items(): any;
+    disconnectedCallback(): void;
+    attributeChangedCallback(name: any, oldVal: any, newVal: any): void;
+    set anchor(val: string);
+    get anchor(): string;
+    set visible(val: boolean);
+    get visible(): boolean;
+    set direction(val: string);
+    get direction(): string;
+    set size(val: string);
+    get size(): string;
+    _createMenuList(items: any): HTMLUListElement;
+    _findTemplate(name: any): Element;
+    _setupAnchor(): void;
+    _anchorEl: any;
+    _teardownAnchor(): void;
+    _updatePosition(): void;
+    render(): void;
+}

package/dist/components/y-panel.d.ts

@@ -0,0 +1,23 @@
+export class YumePanel extends HTMLElement {
+    static get observedAttributes(): string[];
+    _expanded: boolean;
+    _checkRouteMatchBound: any;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    attributeChangedCallback(name: any, oldValue: any, newValue: any): void;
+    set selected(val: boolean);
+    get selected(): boolean;
+    set expanded(val: boolean);
+    get expanded(): boolean;
+    toggle(): void;
+    expand(): void;
+    collapse(): void;
+    updateSelectedState(): void;
+    updateChildState(): void;
+    checkRouteMatch(): void;
+    addHeaderListeners(): void;
+    hasChildren(): any;
+    checkForChildren(): void;
+    updateExpandedState(): void;
+    render(): void;
+}

package/dist/components/y-panelbar.d.ts

@@ -0,0 +1,3 @@
+export class YumePanelBar extends HTMLElement {
+    render(): void;
+}

package/dist/components/y-progress.d.ts

@@ -0,0 +1,38 @@
+export class YumeProgress extends HTMLElement {
+    static get observedAttributes(): string[];
+    connectedCallback(): void;
+    attributeChangedCallback(name: any, oldValue: any, newValue: any): void;
+    set value(val: number);
+    get value(): number;
+    set min(val: number);
+    get min(): number;
+    set max(val: number);
+    get max(): number;
+    set step(val: number);
+    get step(): number;
+    set size(val: string);
+    get size(): string;
+    set color(val: string);
+    get color(): string;
+    set labelDisplay(val: boolean);
+    get labelDisplay(): boolean;
+    set labelFormat(val: string);
+    get labelFormat(): string;
+    set indeterminate(val: boolean);
+    get indeterminate(): boolean;
+    set disabled(val: boolean);
+    get disabled(): boolean;
+    /**
+     * Increment the progress value by the step amount (or 1 if no step).
+     */
+    increment(): void;
+    /**
+     * Decrement the progress value by the step amount (or 1 if no step).
+     */
+    decrement(): void;
+    get percentage(): number;
+    getBarColor(color: any): any;
+    getSizeVar(size: any): any;
+    getLabel(): string;
+    render(): void;
+}

package/dist/components/y-radio.d.ts

@@ -0,0 +1,16 @@
+export class YumeRadio extends HTMLElement {
+    static formAssociated: boolean;
+    static get observedAttributes(): string[];
+    _internals: ElementInternals;
+    _value: string;
+    connectedCallback(): void;
+    attributeChangedCallback(name: any, oldVal: any, newVal: any): void;
+    set value(val: string);
+    get value(): string;
+    get name(): string;
+    set options(val: any);
+    get options(): any;
+    updateChecked(): void;
+    handleKey(e: any, index: any, radios: any): void;
+    render(): void;
+}

package/dist/components/y-select.d.ts

@@ -0,0 +1,31 @@
+export class YumeSelect extends HTMLElement {
+    static formAssociated: boolean;
+    static get observedAttributes(): string[];
+    _internals: ElementInternals;
+    selectedValues: Set<any>;
+    connectedCallback(): void;
+    attributeChangedCallback(name: any, oldValue: any, newValue: any): void;
+    set value(val: any);
+    get value(): any;
+    _value: any;
+    getOptions(): any;
+    getDisplayText(): any;
+    toggleDropdown(): void;
+    _onScrollOrResize: any;
+    closeDropdown(): void;
+    _positionDropdown(): void;
+    queryRefs(): void;
+    selectContainer: Element;
+    dropdown: Element;
+    labelWrapper: Element;
+    displayElement: Element;
+    attachEventListeners(): void;
+    renderTags(): void;
+    updateDisplay(): void;
+    updateSelectedStyles(): void;
+    updateValidation(): void;
+    updateValidationState(): void;
+    render(): void;
+    applyStyles(): void;
+    generateTemplate(): string;
+}

package/dist/components/y-slider.d.ts

@@ -0,0 +1,34 @@
+export class YumeSlider extends HTMLElement {
+    static formAssociated: boolean;
+    static get observedAttributes(): string[];
+    _internals: ElementInternals;
+    _dragging: boolean;
+    connectedCallback(): void;
+    attributeChangedCallback(name: any, oldValue: any, newValue: any): void;
+    set value(val: number);
+    get value(): number;
+    set min(val: number);
+    get min(): number;
+    set max(val: number);
+    get max(): number;
+    set step(val: number);
+    get step(): number;
+    set size(val: string);
+    get size(): string;
+    set color(val: string);
+    get color(): string;
+    set disabled(val: boolean);
+    get disabled(): boolean;
+    set orientation(val: string);
+    get orientation(): string;
+    get percentage(): number;
+    _snapToStep(val: any): any;
+    getTrackColor(color: any): any;
+    getThumbColor(color: any): any;
+    getSizeVars(size: any): any;
+    _bindEvents(): void;
+    _updateFromPointer(e: any): void;
+    /** Fast path: update only the dynamic parts (fill, thumb, label, aria) */
+    _updateVisuals(): void;
+    render(): void;
+}

package/dist/components/y-switch.d.ts

@@ -0,0 +1,23 @@
+declare class YumeSwitch extends HTMLElement {
+    static formAssociated: boolean;
+    static get observedAttributes(): string[];
+    _internals: ElementInternals;
+    connectedCallback(): void;
+    attributeChangedCallback(name: any, oldValue: any, newValue: any): void;
+    set checked(val: boolean);
+    get checked(): boolean;
+    set value(val: string);
+    get value(): string;
+    toggle(): void;
+    labelTag(pos: any): "" | "<label><slot name=\"label\"></slot></label>";
+    mirrorToggleLabels(): void;
+    update(): void;
+    updateSizeStyles(): void;
+    updateTogglePosition(): void;
+    updateLabelDisplay(): void;
+    updateToggleLabelDisplay(): void;
+    updateDirection(): void;
+    updateAria(): void;
+    updateFormValue(): void;
+    render(): void;
+}

package/dist/components/y-table.d.ts

@@ -0,0 +1,25 @@
+export class YumeTable extends HTMLElement {
+    static get observedAttributes(): string[];
+    _sortField: any;
+    _sortDir: string;
+    _parsedData: any[];
+    _parsedColumns: any[];
+    connectedCallback(): void;
+    attributeChangedCallback(name: any, oldVal: any, newVal: any): void;
+    set columns(val: string);
+    get columns(): string;
+    set data(val: string);
+    get data(): string;
+    set striped(val: boolean);
+    get striped(): boolean;
+    set size(val: string);
+    /**
+     * Cell padding size: "small" | "medium" | "large" (default "medium").
+     */
+    get size(): string;
+    _parseAttributes(): void;
+    _onHeaderClick(field: any): void;
+    _getSortedData(): any[];
+    _sortIcon(field: any): string;
+    render(): void;
+}

package/dist/components/y-tabs.d.ts

@@ -0,0 +1,21 @@
+export class YumeTabs extends HTMLElement {
+    static get observedAttributes(): string[];
+    _activeTab: string;
+    connectedCallback(): void;
+    attributeChangedCallback(name: any, oldVal: any, newVal: any): void;
+    set options(val: any);
+    get options(): any;
+    set size(val: string);
+    get size(): string;
+    set position(val: string);
+    get position(): string;
+    activateTab(id: any): void;
+    _setupEvents(): void;
+    _handleTabKeydown(e: any, buttons: any): void;
+    _findSiblingButton(buttons: any, fromIndex: any, direction: any): any;
+    _resolveActiveTab(tabs: any): void;
+    _getStyles(): string;
+    _createTabButton(tab: any): HTMLButtonElement;
+    _createPanel(slotName: any): HTMLDivElement;
+    render(): void;
+}

package/dist/components/y-tag.d.ts

@@ -0,0 +1,7 @@
+export class YumeTag extends HTMLElement {
+    static get observedAttributes(): string[];
+    connectedCallback(): void;
+    attributeChangedCallback(name: any, oldValue: any, newValue: any): void;
+    render(): void;
+    getStyle(color: any, styleType: any, shape: any): string;
+}

package/dist/components/y-theme.d.ts

@@ -0,0 +1,10 @@
+export class YumeTheme extends HTMLElement {
+    static defaultVariablesLoaded: boolean;
+    static defaultVariablesCSS: string;
+    static get observedAttributes(): string[];
+    connectedCallback(): void;
+    attributeChangedCallback(name: any, oldValue: any, newValue: any): void;
+    loadDefaultVariables(): Promise<void>;
+    loadTheme(themePath: any): Promise<void>;
+    applyVariablesToHost(cssText: any): void;
+}

package/dist/components/y-toast.d.ts

@@ -0,0 +1,34 @@
+export class YumeToast extends HTMLElement {
+    static get observedAttributes(): string[];
+    _queue: any[];
+    connectedCallback(): void;
+    attributeChangedCallback(name: any, oldVal: any, newVal: any): void;
+    set position(val: string);
+    get position(): string;
+    set duration(val: number);
+    get duration(): number;
+    set max(val: number);
+    get max(): number;
+    /**
+     * Show a toast notification.
+     * @param {Object} opts
+     * @param {string} opts.message  — Required text content.
+     * @param {string} [opts.color]  — base|primary|secondary|success|warning|error|help (default base).
+     * @param {number} [opts.duration] — Override container-level duration for this toast.
+     * @param {boolean} [opts.dismissible] — Show a close button (default true).
+     * @param {string} [opts.icon] — Optional Font Awesome class e.g. "fas fa-check".
+     * @returns {HTMLElement} The toast element (for manual removal).
+     */
+    show(opts?: {
+        message: string;
+        color?: string;
+        duration?: number;
+        dismissible?: boolean;
+        icon?: string;
+    }): HTMLElement;
+    clear(): void;
+    _removeToast(toast: any): void;
+    _getPositionStyles(): any;
+    _getColorBg(color: any): any;
+    render(): void;
+}

package/dist/components/y-tooltip.d.ts

@@ -0,0 +1,26 @@
+export class YumeTooltip extends HTMLElement {
+    static get observedAttributes(): string[];
+    _showTimeout: NodeJS.Timeout;
+    _hideTimeout: any;
+    _visible: boolean;
+    _onMouseEnter(): void;
+    _onMouseLeave(): void;
+    _onFocusIn(): void;
+    _onFocusOut(): void;
+    _onKeyDown(e: any): void;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    attributeChangedCallback(name: any, oldVal: any, newVal: any): void;
+    set text(val: string);
+    get text(): string;
+    set position(val: string);
+    get position(): string;
+    set delay(val: number);
+    get delay(): number;
+    set color(val: string);
+    get color(): string;
+    show(): void;
+    hide(): void;
+    _getBg(): any;
+    render(): void;
+}

package/dist/icons/index.d.ts

@@ -0,0 +1,19 @@
+/**
+ * 3-dot grip handle for drawers.
+ * @param {boolean} horizontal – true for left/right drawers, false for top/bottom.
+ */
+export function gripDots(horizontal: boolean): string;
+/**
+ * Dual-arrow sort indicator for table headers.
+ * @param {string} topColor  – fill for the up-arrow triangle.
+ * @param {string} bottomColor – fill for the down-arrow triangle.
+ */
+export function sortArrows(topColor: string, bottomColor: string): string;
+export const chevronRight: "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"9 18 15 12 9 6\"/></svg>";
+export const chevronDown: "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"6 9 12 15 18 9\"/></svg>";
+export const chevronDownLg: "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\" width=\"20\" height=\"20\" aria-hidden=\"true\"><path d=\"M5 7 L10 12 L15 7\" stroke=\"currentColor\" stroke-width=\"2\" fill=\"none\" stroke-linecap=\"round\" /></svg>";
+export const collapseLeft: "<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\"><polyline points=\"11 17 6 12 11 7\"/><polyline points=\"18 17 13 12 18 7\"/></svg>";
+export const expandRight: "<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\"><polyline points=\"13 17 18 12 13 7\"/><polyline points=\"6 17 11 12 6 7\"/></svg>";
+export const checkmark: "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><polyline points=\"5 13 10 17 19 6\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"/></svg>";
+export const indeterminate: "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><rect x=\"4\" y=\"11\" width=\"16\" height=\"2\" rx=\"1\" ry=\"1\" fill=\"currentColor\"/></svg>";
+export const close: "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\" width=\"14\" height=\"14\" stroke=\"currentColor\" stroke-width=\"2\" fill=\"none\" stroke-linecap=\"round\"><line x1=\"6\" y1=\"6\" x2=\"14\" y2=\"14\" /><line x1=\"14\" y1=\"6\" x2=\"6\" y2=\"14\" /></svg>";

package/dist/index.d.ts

@@ -0,0 +1,20 @@
+export * from "./components/y-appbar.js";
+export * from "./components/y-avatar.js";
+export * from "./components/y-badge.js";
+export * from "./components/y-button.js";
+export * from "./components/y-card.js";
+export * from "./components/y-checkbox.js";
+export * from "./components/y-drawer.js";
+export * from "./components/y-input.js";
+export * from "./components/y-panel.js";
+export * from "./components/y-panelbar.js";
+export * from "./components/y-progress.js";
+export * from "./components/y-radio.js";
+export * from "./components/y-select.js";
+export * from "./components/y-slider.js";
+export * from "./components/y-table.js";
+export * from "./components/y-tag.js";
+export * from "./components/y-tabs.js";
+export * from "./components/y-toast.js";
+export * from "./components/y-tooltip.js";
+export * from "./components/y-theme.js";

package/dist/modules/helpers.d.ts

@@ -0,0 +1,35 @@
+export function hideEmptySlotContainers(shadowRoot: any, slotsConfig?: {}): void;
+/**
+ * Resolve a CSS custom-property value to a concrete color string.
+ * Reads from the given element's computed style.
+ * @param {string} varExpr — e.g. "var(--primary-content--)"
+ * @param {HTMLElement} el — element to resolve against
+ * @returns {string} — resolved color or fallback
+ */
+export function resolveCSSColor(varExpr: string, el: HTMLElement): string;
+/**
+ * Parse a CSS color string (#hex, rgb(), etc.) to {r, g, b}.
+ * Returns null if it can't parse.
+ */
+export function parseColor(colorStr: any): {
+    r: number;
+    g: number;
+    b: number;
+};
+/**
+ * Compute relative luminance of an {r,g,b} color (0-255 range).
+ * Returns a value between 0 (black) and 1 (white).
+ */
+export function luminance({ r, g, b }: {
+    r: any;
+    g: any;
+    b: any;
+}): number;
+/**
+ * Given a background color string, return a CSS value for best contrast text.
+ * Uses WCAG relative luminance to pick dark or light, referencing theme tokens
+ * (--neutral-black / --neutral-white) with hardcoded fallbacks.
+ * @param {string} bgColor — any CSS color string (#hex, rgb(), etc.)
+ * @returns {string} CSS var() expression for contrasting text color
+ */
+export function contrastTextColor(bgColor: string): string;

package/dist/react.d.ts

@@ -0,0 +1,133 @@
+import type { DetailedHTMLProps, HTMLAttributes } from 'react';
+
+type El<T = object> = DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement> & T;
+
+declare module 'react' {
+  namespace JSX {
+    interface IntrinsicElements {
+      'y-appbar': El;
+      'y-avatar': El<{
+        src?: string;
+        alt?: string;
+        size?: string;
+        color?: string;
+      }>;
+      'y-badge': El<{
+        color?: string;
+        size?: string;
+      }>;
+      'y-button': El<{
+        'left-icon'?: string;
+        'right-icon'?: string;
+        color?: string;
+        size?: 'small' | 'medium' | 'large';
+        'style-type'?: 'outlined' | 'filled' | 'flat';
+        type?: string;
+        disabled?: boolean | string;
+        name?: string;
+        value?: string;
+        autofocus?: boolean | string;
+        form?: string;
+        formaction?: string;
+        formenctype?: string;
+        formmethod?: string;
+        formnovalidate?: boolean | string;
+        formtarget?: string;
+      }>;
+      'y-card': El;
+      'y-checkbox': El<{
+        name?: string;
+        value?: string;
+        checked?: boolean | string;
+        disabled?: boolean | string;
+        color?: string;
+        size?: string;
+      }>;
+      'y-dialog': El<{
+        open?: boolean | string;
+        size?: string;
+      }>;
+      'y-drawer': El<{
+        open?: boolean | string;
+        position?: string;
+      }>;
+      'y-input': El<{
+        type?: string;
+        name?: string;
+        value?: string;
+        placeholder?: string;
+        disabled?: boolean | string;
+        required?: boolean | string;
+        color?: string;
+        size?: string;
+        label?: string;
+      }>;
+      'y-menu': El;
+      'y-panel': El<{ open?: boolean | string }>;
+      'y-panelbar': El;
+      'y-progress': El<{
+        value?: string | number;
+        max?: string | number;
+        color?: string;
+        size?: string;
+      }>;
+      'y-radio': El<{
+        name?: string;
+        value?: string;
+        checked?: boolean | string;
+        disabled?: boolean | string;
+        color?: string;
+        size?: string;
+      }>;
+      'y-select': El<{
+        name?: string;
+        value?: string;
+        disabled?: boolean | string;
+        multiple?: boolean | string;
+        color?: string;
+        size?: string;
+        placeholder?: string;
+      }>;
+      'y-slider': El<{
+        name?: string;
+        value?: string | number;
+        min?: string | number;
+        max?: string | number;
+        step?: string | number;
+        disabled?: boolean | string;
+        color?: string;
+        size?: string;
+      }>;
+      'y-switch': El<{
+        name?: string;
+        checked?: boolean | string;
+        disabled?: boolean | string;
+        color?: string;
+        size?: string;
+      }>;
+      'y-table': El;
+      'y-tabs': El;
+      'y-tag': El<{
+        color?: string;
+        size?: string;
+        removable?: boolean | string;
+      }>;
+      'y-theme': El<{
+        theme?: string;
+        color?: string;
+        mode?: string;
+      }>;
+      'y-toast': El<{
+        open?: boolean | string;
+        color?: string;
+        position?: string;
+        duration?: string | number;
+      }>;
+      'y-tooltip': El<{
+        content?: string;
+        position?: string;
+        color?: string;
+      }>;
+    }
+  }
+}

package/package.json

@@ -1,16 +1,21 @@
 {
     "name": "@studious-creative/yumekit",
-    "version": "0.1.2",
+    "version": "0.1.3",
     "description": "Modern Web Component UI Kit",
     "type": "module",
     "main": "dist/yumekit.min.js",
     "module": "dist/index.js",
+    "types": "dist/index.d.ts",
     "exports": {
         ".": {
+            "types": "./dist/index.d.ts",
             "module": "./dist/index.js",
             "import": "./dist/index.js",
             "default": "./dist/yumekit.min.js"
         },
+        "./react": {
+            "types": "./dist/react.d.ts"
+        },
         "./components/*": "./dist/components/*",
         "./styles/*": "./dist/styles/*"
     },
@@ -22,7 +27,7 @@
         "access": "public"
     },
     "scripts": {
-        "build": "rollup -c",
+        "build": "rollup -c && tsc",
         "prepublishOnly": "npm run build",
         "test": "npx web-test-runner --config web-test-runner.config.js --coverage"
     },
@@ -42,6 +47,7 @@
         "playwright": "^1.51.1",
         "prettier": "^3.5.3",
         "rollup": "^4.59.0",
-        "sinon": "^21.0.1"
+        "sinon": "^21.0.1",
+        "typescript": "^5.9.3"
     }
 }