tekivex-ui 2.3.0 → 2.5.1

package/dist/src/headless/useListSelection.d.ts

@@ -0,0 +1,29 @@
+export interface UseListSelectionOptions {
+    items: string[];
+    initialSelected?: string[];
+    /** Allow selecting multiple items. Default: true */
+    multiple?: boolean;
+}
+export interface UseListSelectionReturn {
+    selected: Set<string>;
+    isSelected: (id: string) => boolean;
+    toggle: (id: string) => void;
+    select: (id: string) => void;
+    deselect: (id: string) => void;
+    selectAll: () => void;
+    deselectAll: () => void;
+    toggleAll: () => void;
+    allSelected: boolean;
+    someSelected: boolean;
+    selectedCount: number;
+    selectedArray: string[];
+}
+/**
+ * Manages selection state for lists, tables, and grids.
+ * Supports single and multi-select modes.
+ *
+ * @example
+ * const { isSelected, toggle, selectedArray } = useListSelection({ items: rows.map(r => r.id) });
+ */
+export declare function useListSelection({ items, initialSelected, multiple, }: UseListSelectionOptions): UseListSelectionReturn;
+//# sourceMappingURL=useListSelection.d.ts.map

package/dist/src/headless/useListSelection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useListSelection.d.ts","sourceRoot":"","sources":["../../../src/headless/useListSelection.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,uBAAuB;IACtC,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,eAAe,CAAC,EAAE,MAAM,EAAE,CAAC;IAC3B,oDAAoD;IACpD,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,sBAAsB;IACrC,QAAQ,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IACtB,UAAU,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,OAAO,CAAC;IACpC,MAAM,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7B,MAAM,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7B,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,WAAW,EAAE,OAAO,CAAC;IACrB,YAAY,EAAE,OAAO,CAAC;IACtB,aAAa,EAAE,MAAM,CAAC;IACtB,aAAa,EAAE,MAAM,EAAE,CAAC;CACzB;AAED;;;;;;GAMG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,KAAK,EACL,eAAoB,EACpB,QAAe,GAChB,EAAE,uBAAuB,GAAG,sBAAsB,CAiElD"}

package/dist/src/headless/useLocalStorage.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Persists state to localStorage. Falls back to in-memory on parse errors or
+ * SSR (where localStorage is unavailable).
+ *
+ * @example
+ * const [theme, setTheme] = useLocalStorage('theme', 'dark');
+ */
+export declare function useLocalStorage<T>(key: string, initialValue: T): [T, (value: T | ((prev: T) => T)) => void, () => void];
+//# sourceMappingURL=useLocalStorage.d.ts.map

package/dist/src/headless/useLocalStorage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLocalStorage.d.ts","sourceRoot":"","sources":["../../../src/headless/useLocalStorage.ts"],"names":[],"mappings":"AAEA;;;;;;GAMG;AACH,wBAAgB,eAAe,CAAC,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,YAAY,EAAE,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,KAAK,CAAC,CAAC,KAAK,IAAI,EAAE,MAAM,IAAI,CAAC,CAoCvH"}

package/dist/src/headless/useMediaQuery.d.ts

@@ -0,0 +1,21 @@
+/**
+ * Reactive media query hook. Returns true while the query matches.
+ *
+ * @example
+ * const isMobile = useMediaQuery('(max-width: 767px)');
+ * const isDark = useMediaQuery('(prefers-color-scheme: dark)');
+ * const isTouch = useMediaQuery('(hover: none) and (pointer: coarse)');
+ */
+export declare function useMediaQuery(query: string): boolean;
+/** Preset breakpoint hooks matching TekiVex's breakpoint scale. */
+export declare function useBreakpoint(): {
+    sm: boolean;
+    md: boolean;
+    lg: boolean;
+    xl: boolean;
+    xxl: boolean;
+    isMobile: boolean;
+    isTablet: boolean;
+    isDesktop: boolean;
+};
+//# sourceMappingURL=useMediaQuery.d.ts.map

package/dist/src/headless/useMediaQuery.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMediaQuery.d.ts","sourceRoot":"","sources":["../../../src/headless/useMediaQuery.ts"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAgBpD;AAED,mEAAmE;AACnE,wBAAgB,aAAa;;;;;;;;;EAO5B"}

package/dist/src/headless/useRovingTabIndex.d.ts

@@ -0,0 +1,33 @@
+import { type KeyboardEvent } from 'react';
+export interface UseRovingTabIndexOptions {
+    count: number;
+    initialIndex?: number;
+    orientation?: 'horizontal' | 'vertical' | 'both';
+    /** Wrap around at boundaries. Default: true */
+    loop?: boolean;
+}
+export interface UseRovingTabIndexReturn {
+    focusedIndex: number;
+    setFocusedIndex: (index: number) => void;
+    getItemProps: (index: number) => {
+        tabIndex: number;
+        onKeyDown: (e: KeyboardEvent) => void;
+        onFocus: () => void;
+        'data-focused': boolean;
+    };
+}
+/**
+ * Implements the WAI-ARIA roving tabIndex pattern for composite widgets
+ * (toolbars, tab lists, radio groups, menu items, etc.)
+ *
+ * Only one item in the group is in the tab sequence at a time.
+ * Arrow keys move focus within the group.
+ *
+ * @example
+ * const { getItemProps } = useRovingTabIndex({ count: tabs.length });
+ * return tabs.map((tab, i) => (
+ *   <button key={tab.id} {...getItemProps(i)}>{tab.label}</button>
+ * ));
+ */
+export declare function useRovingTabIndex({ count, initialIndex, orientation, loop, }: UseRovingTabIndexOptions): UseRovingTabIndexReturn;
+//# sourceMappingURL=useRovingTabIndex.d.ts.map

package/dist/src/headless/useRovingTabIndex.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRovingTabIndex.d.ts","sourceRoot":"","sources":["../../../src/headless/useRovingTabIndex.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiC,KAAK,aAAa,EAAE,MAAM,OAAO,CAAC;AAE1E,MAAM,WAAW,wBAAwB;IACvC,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,GAAG,MAAM,CAAC;IACjD,+CAA+C;IAC/C,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,MAAM,WAAW,uBAAuB;IACtC,YAAY,EAAE,MAAM,CAAC;IACrB,eAAe,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK;QAC/B,QAAQ,EAAE,MAAM,CAAC;QACjB,SAAS,EAAE,CAAC,CAAC,EAAE,aAAa,KAAK,IAAI,CAAC;QACtC,OAAO,EAAE,MAAM,IAAI,CAAC;QACpB,cAAc,EAAE,OAAO,CAAC;KACzB,CAAC;CACH;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,KAAK,EACL,YAAgB,EAChB,WAA0B,EAC1B,IAAW,GACZ,EAAE,wBAAwB,GAAG,uBAAuB,CA4CpD"}

package/dist/src/headless/useThrottle.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Returns a throttled version of the value — updates at most once per interval.
+ */
+export declare function useThrottle<T>(value: T, interval: number): T;
+/**
+ * Returns a throttled callback — executes at most once per interval.
+ */
+export declare function useThrottledCallback<T extends (...args: any[]) => any>(fn: T, interval: number): (...args: Parameters<T>) => void;
+//# sourceMappingURL=useThrottle.d.ts.map

package/dist/src/headless/useThrottle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useThrottle.d.ts","sourceRoot":"","sources":["../../../src/headless/useThrottle.ts"],"names":[],"mappings":"AAEA;;GAEG;AACH,wBAAgB,WAAW,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,QAAQ,EAAE,MAAM,GAAG,CAAC,CAoB5D;AAED;;GAEG;AACH,wBAAgB,oBAAoB,CAAC,CAAC,SAAS,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,EACpE,EAAE,EAAE,CAAC,EACL,QAAQ,EAAE,MAAM,GACf,CAAC,GAAG,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,KAAK,IAAI,CAYlC"}

package/dist/src/i18n/index.d.ts

@@ -21,20 +21,65 @@ export interface LocaleStrings {
     noData: string;
     sortAscending: string;
     sortDescending: string;
+    filterPlaceholder: string;
+    exportCsv: string;
+    rowsSelected: (n: number) => string;
 }
 export declare const enUS: LocaleStrings;
 export declare const esES: LocaleStrings;
-export declare const arSA: LocaleStrings;
+export declare const ptBR: LocaleStrings;
+export declare const ptPT: LocaleStrings;
 export declare const frFR: LocaleStrings;
 export declare const deDE: LocaleStrings;
+export declare const itIT: LocaleStrings;
+export declare const nlNL: LocaleStrings;
+export declare const plPL: LocaleStrings;
+export declare const ruRU: LocaleStrings;
+export declare const ukUA: LocaleStrings;
+export declare const trTR: LocaleStrings;
+export declare const svSE: LocaleStrings;
+export declare const daDK: LocaleStrings;
+export declare const csCZ: LocaleStrings;
+export declare const huHU: LocaleStrings;
+export declare const arSA: LocaleStrings;
+export declare const heIL: LocaleStrings;
+export declare const faIR: LocaleStrings;
 export declare const jaJP: LocaleStrings;
+export declare const koKR: LocaleStrings;
+export declare const zhCN: LocaleStrings;
+export declare const zhTW: LocaleStrings;
+export declare const thTH: LocaleStrings;
+export declare const viVN: LocaleStrings;
+export declare const idID: LocaleStrings;
+export declare const roRO: LocaleStrings;
 export declare const LOCALES: {
     readonly 'en-US': LocaleStrings;
     readonly 'es-ES': LocaleStrings;
-    readonly 'ar-SA': LocaleStrings;
+    readonly 'pt-BR': LocaleStrings;
+    readonly 'pt-PT': LocaleStrings;
     readonly 'fr-FR': LocaleStrings;
     readonly 'de-DE': LocaleStrings;
+    readonly 'it-IT': LocaleStrings;
+    readonly 'nl-NL': LocaleStrings;
+    readonly 'pl-PL': LocaleStrings;
+    readonly 'ru-RU': LocaleStrings;
+    readonly 'uk-UA': LocaleStrings;
+    readonly 'tr-TR': LocaleStrings;
+    readonly 'sv-SE': LocaleStrings;
+    readonly 'da-DK': LocaleStrings;
+    readonly 'cs-CZ': LocaleStrings;
+    readonly 'hu-HU': LocaleStrings;
+    readonly 'ar-SA': LocaleStrings;
+    readonly 'he-IL': LocaleStrings;
+    readonly 'fa-IR': LocaleStrings;
     readonly 'ja-JP': LocaleStrings;
+    readonly 'ko-KR': LocaleStrings;
+    readonly 'zh-CN': LocaleStrings;
+    readonly 'zh-TW': LocaleStrings;
+    readonly 'th-TH': LocaleStrings;
+    readonly 'vi-VN': LocaleStrings;
+    readonly 'id-ID': LocaleStrings;
+    readonly 'ro-RO': LocaleStrings;
 };
 export type LocaleCode = keyof typeof LOCALES;
 export declare function isRTL(locale: string): boolean;

package/dist/src/i18n/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/i18n/index.ts"],"names":[],"mappings":"AAIA,MAAM,MAAM,SAAS,GAAG,KAAK,GAAG,KAAK,CAAC;AAItC,MAAM,WAAW,aAAa;IAE5B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IAGjB,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAGhD,iBAAiB,EAAE,MAAM,CAAC;IAC1B,cAAc,EAAE,MAAM,CAAC;IAGvB,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IAGd,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;IAGf,MAAM,EAAE,MAAM,CAAC;IACf,aAAa,EAAE,MAAM,CAAC;IACtB,cAAc,EAAE,MAAM,CAAC;CACxB;AAID,eAAO,MAAM,IAAI,EAAE,aAsBlB,CAAC;AAIF,eAAO,MAAM,IAAI,EAAE,aAsBlB,CAAC;AAEF,eAAO,MAAM,IAAI,EAAE,aAsBlB,CAAC;AAEF,eAAO,MAAM,IAAI,EAAE,aAsBlB,CAAC;AAEF,eAAO,MAAM,IAAI,EAAE,aAsBlB,CAAC;AAEF,eAAO,MAAM,IAAI,EAAE,aAsBlB,CAAC;AAIF,eAAO,MAAM,OAAO;;;;;;;CAOV,CAAC;AAEX,MAAM,MAAM,UAAU,GAAG,MAAM,OAAO,OAAO,CAAC;AAM9C,wBAAgB,KAAK,CAAC,MAAM,EAAE,MAAM,GAAG,OAAO,CAE7C;AAID,MAAM,WAAW,gBAAgB;IAC/B,MAAM,EAAE,UAAU,CAAC;IACnB,SAAS,EAAE,SAAS,CAAC;IACrB,OAAO,EAAE,aAAa,CAAC;CACxB;AAED,eAAO,MAAM,WAAW,2CAItB,CAAC;AAEH,wBAAgB,OAAO,IAAI,gBAAgB,CAE1C;AAED,wBAAgB,SAAS,IAAI,aAAa,CAEzC;AAED,wBAAgB,YAAY,IAAI,SAAS,CAExC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/i18n/index.ts"],"names":[],"mappings":"AAIA,MAAM,MAAM,SAAS,GAAG,KAAK,GAAG,KAAK,CAAC;AAItC,MAAM,WAAW,aAAa;IAE5B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IAGjB,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAGhD,iBAAiB,EAAE,MAAM,CAAC;IAC1B,cAAc,EAAE,MAAM,CAAC;IAGvB,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IAGd,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;IAGf,MAAM,EAAE,MAAM,CAAC;IACf,aAAa,EAAE,MAAM,CAAC;IACtB,cAAc,EAAE,MAAM,CAAC;IACvB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC;CACrC;AAWD,eAAO,MAAM,IAAI,eAyBf,CAAC;AAGH,eAAO,MAAM,IAAI,eAyBf,CAAC;AAGH,eAAO,MAAM,IAAI,eAyBf,CAAC;AAGH,eAAO,MAAM,IAAI,eAyBf,CAAC;AAGH,eAAO,MAAM,IAAI,eAyBf,CAAC;AAGH,eAAO,MAAM,IAAI,eAyBf,CAAC;AAGH,eAAO,MAAM,IAAI,eAyBf,CAAC;AAGH,eAAO,MAAM,IAAI,eAyBf,CAAC;AAGH,eAAO,MAAM,IAAI,eAyBf,CAAC;AAGH,eAAO,MAAM,IAAI,eAyBf,CAAC;AAGH,eAAO,MAAM,IAAI,eAyBf,CAAC;AAGH,eAAO,MAAM,IAAI,eAyBf,CAAC;AAGH,eAAO,MAAM,IAAI,eAyBf,CAAC;AAGH,eAAO,MAAM,IAAI,eAyBf,CAAC;AAGH,eAAO,MAAM,IAAI,eAyBf,CAAC;AAGH,eAAO,MAAM,IAAI,eAyBf,CAAC;AAGH,eAAO,MAAM,IAAI,eAyBf,CAAC;AAGH,eAAO,MAAM,IAAI,eAyBf,CAAC;AAGH,eAAO,MAAM,IAAI,eAyBf,CAAC;AAGH,eAAO,MAAM,IAAI,eAyBf,CAAC;AAGH,eAAO,MAAM,IAAI,eAyBf,CAAC;AAGH,eAAO,MAAM,IAAI,eAyBf,CAAC;AAGH,eAAO,MAAM,IAAI,eAyBf,CAAC;AAGH,eAAO,MAAM,IAAI,eAyBf,CAAC;AAGH,eAAO,MAAM,IAAI,eAyBf,CAAC;AAGH,eAAO,MAAM,IAAI,eAyBf,CAAC;AAGH,eAAO,MAAM,IAAI,eAyBf,CAAC;AAIH,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4BV,CAAC;AAEX,MAAM,MAAM,UAAU,GAAG,MAAM,OAAO,OAAO,CAAC;AAM9C,wBAAgB,KAAK,CAAC,MAAM,EAAE,MAAM,GAAG,OAAO,CAE7C;AAID,MAAM,WAAW,gBAAgB;IAC/B,MAAM,EAAE,UAAU,CAAC;IACnB,SAAS,EAAE,SAAS,CAAC;IACrB,OAAO,EAAE,aAAa,CAAC;CACxB;AAED,eAAO,MAAM,WAAW,2CAItB,CAAC;AAEH,wBAAgB,OAAO,IAAI,gBAAgB,CAE1C;AAED,wBAAgB,SAAS,IAAI,aAAa,CAEzC;AAED,wBAAgB,YAAY,IAAI,SAAS,CAExC"}

package/dist/src/themes/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/themes/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAwC,KAAK,SAAS,EAAiB,MAAM,OAAO,CAAC;AAM5F,MAAM,WAAW,WAAW;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;CACd;AAID,eAAO,MAAM,WAAW,EAAE,WAazB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,WAazB,CAAC;AAMF,wBAAgB,WAAW,CAAC,IAAI,EAAE,WAAW,EAAE,SAAS,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,GAAG,WAAW,CAuB5F;AAID,eAAO,MAAM,YAAY,sCAA0C,CAAC;AAEpE,MAAM,WAAW,kBAAkB;IACjC,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,wBAAgB,aAAa,CAAC,EAAE,KAAmB,EAAE,QAAQ,EAAE,EAAE,kBAAkB,wFAelF;AAED,wBAAgB,QAAQ,IAAI,WAAW,CAEtC;AAoCD,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;CACb;AAED,wBAAgB,eAAe,CAAC,GAAG,EAAE,MAAM,GAAG,YAAY,CAczD;AAID,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAUb,CAAC;AAIX,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;CAiBV,CAAC;AAIX,eAAO,MAAM,WAAW;;;;;;CAMd,CAAC;AAIX,eAAO,MAAM,OAAO;;;;;;;;;CASV,CAAC;AAIX,eAAO,MAAM,MAAM;;;;;;;;;;;;CAYT,CAAC;AAIX,eAAO,MAAM,KAAK;;;;;;;;CAQR,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/themes/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAyD,KAAK,SAAS,EAAiB,MAAM,OAAO,CAAC;AAU7G,MAAM,WAAW,WAAW;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;CACd;AAID,eAAO,MAAM,WAAW,EAAE,WAazB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,WAazB,CAAC;AAMF,wBAAgB,WAAW,CAAC,IAAI,EAAE,WAAW,EAAE,SAAS,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,GAAG,WAAW,CAuB5F;AAID,eAAO,MAAM,YAAY,sCAA0C,CAAC;AAEpE,MAAM,WAAW,kBAAkB;IACjC,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,wBAAgB,aAAa,CAAC,EAAE,KAAmB,EAAE,QAAQ,EAAE,EAAE,kBAAkB,wFAsClF;AAED,wBAAgB,QAAQ,IAAI,WAAW,CAEtC;AAoCD,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;CACb;AAED,wBAAgB,eAAe,CAAC,GAAG,EAAE,MAAM,GAAG,YAAY,CAczD;AAID,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAUb,CAAC;AAIX,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;CAiBV,CAAC;AAIX,eAAO,MAAM,WAAW;;;;;;CAMd,CAAC;AAIX,eAAO,MAAM,OAAO;;;;;;;;;CASV,CAAC;AAIX,eAAO,MAAM,MAAM;;;;;;;;;;;;CAYT,CAAC;AAIX,eAAO,MAAM,KAAK;;;;;;;;CAQR,CAAC"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "tekivex-ui",
-  "version": "2.3.0",
-  "description": "Quantum-Class Component Framework — WCAG 2.1 AAA, WAI-ARIA 1.2, Zero-Trust Security",
+  "version": "2.5.1",
+  "description": "Production-grade React component library — 70+ components, WCAG 2.1 AAA, WAI-ARIA 1.2, built-in charts, headless primitives, zero-runtime CSS engine, TypeScript-first.",
   "type": "module",
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",
@@ -15,11 +15,28 @@
     "./styles": "./dist/index.css",
     "./themes": {
       "import": "./dist/themes.js",
-      "require": "./dist/themes.cjs"
+      "require": "./dist/themes.cjs",
+      "types": "./dist/themes.d.ts"
+    },
+    "./charts": {
+      "import": "./dist/charts.js",
+      "require": "./dist/charts.cjs",
+      "types": "./dist/charts.d.ts"
+    },
+    "./headless": {
+      "import": "./dist/headless.js",
+      "require": "./dist/headless.cjs",
+      "types": "./dist/headless.d.ts"
     }
   },
-  "sideEffects": ["*.css", "./src/styles/global.css"],
-  "files": ["dist", "src"],
+  "sideEffects": [
+    "*.css",
+    "./src/styles/global.css"
+  ],
+  "files": [
+    "dist",
+    "src"
+  ],
   "scripts": {
     "build": "vite build && tsc --emitDeclarationOnly",
     "dev": "vite",
@@ -39,6 +56,14 @@
     "react": ">=18.0.0",
     "react-dom": ">=18.0.0"
   },
+  "peerDependenciesMeta": {
+    "recharts": {
+      "optional": true
+    }
+  },
+  "dependencies": {
+    "recharts": "^2.15.4"
+  },
   "devDependencies": {
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.1.0",
@@ -62,14 +87,36 @@
   "keywords": [
     "react",
     "component-library",
+    "ui-library",
+    "design-system",
     "wcag",
     "accessibility",
+    "a11y",
     "aria",
+    "wai-aria",
     "security",
+    "xss-protection",
     "typescript",
-    "tekivex"
+    "tailwind-alternative",
+    "css-in-js",
+    "headless",
+    "charts",
+    "recharts",
+    "data-grid",
+    "form",
+    "validation",
+    "dark-mode",
+    "rtl",
+    "i18n",
+    "animation",
+    "tekivex",
+    "enterprise",
+    "zero-runtime"
   ],
-  "author": "007krcs",
+  "author": {
+    "name": "007krcs",
+    "url": "https://github.com/007krcs"
+  },
   "license": "MIT",
   "homepage": "https://ui.tekivex.com/",
   "repository": {
@@ -78,5 +125,12 @@
   },
   "bugs": {
     "url": "https://github.com/007krcs/tekivex-ui/issues"
+  },
+  "funding": {
+    "type": "github",
+    "url": "https://github.com/sponsors/007krcs"
+  },
+  "engines": {
+    "node": ">=18.0.0"
   }
 }

package/src/charts/TkxAreaChart.tsx

@@ -0,0 +1,119 @@
+import {
+  ResponsiveContainer,
+  AreaChart,
+  Area,
+  XAxis,
+  YAxis,
+  CartesianGrid,
+  Tooltip,
+  Legend,
+} from 'recharts';
+import { useTheme } from '../themes';
+import { getDefaultColors, tooltipStyle, DEFAULT_MARGIN, type ChartMargin } from './shared';
+
+export interface TkxAreaChartSeries {
+  key: string;
+  label?: string;
+  color?: string;
+  /** Fill opacity. Default: 0.2 */
+  fillOpacity?: number;
+  /** Whether to stack this series. Default: false */
+  stacked?: boolean;
+}
+
+export interface TkxAreaChartProps {
+  data: Record<string, any>[];
+  series: TkxAreaChartSeries[];
+  xKey: string;
+  height?: number;
+  margin?: ChartMargin;
+  showGrid?: boolean;
+  showLegend?: boolean;
+  showTooltip?: boolean;
+  /** Smooth curves. Default: true */
+  smooth?: boolean;
+  xTickFormatter?: (value: any) => string;
+  yTickFormatter?: (value: any) => string;
+  yDomain?: [number | 'auto' | 'dataMin' | 'dataMax', number | 'auto' | 'dataMin' | 'dataMax'];
+  /** aria-label for the chart container */
+  ariaLabel?: string;
+}
+
+export function TkxAreaChart({
+  data,
+  series,
+  xKey,
+  height = 300,
+  margin = DEFAULT_MARGIN,
+  showGrid = true,
+  showLegend = true,
+  showTooltip = true,
+  smooth = true,
+  xTickFormatter,
+  yTickFormatter,
+  yDomain,
+  ariaLabel = 'Area chart',
+}: TkxAreaChartProps) {
+  const theme = useTheme();
+  const colors = getDefaultColors(theme);
+  const tt = tooltipStyle(theme);
+
+  const tickStyle = { fill: theme.textMuted, fontSize: 12 };
+
+  return (
+    <div role="img" aria-label={ariaLabel} style={{ width: '100%', height }}>
+      <ResponsiveContainer width="100%" height="100%">
+        <AreaChart data={data} margin={margin}>
+          {showGrid && (
+            <CartesianGrid strokeDasharray="3 3" stroke={theme.border} vertical={false} />
+          )}
+          <XAxis
+            dataKey={xKey}
+            tick={tickStyle}
+            axisLine={{ stroke: theme.border }}
+            tickLine={false}
+            tickFormatter={xTickFormatter}
+          />
+          <YAxis
+            tick={tickStyle}
+            axisLine={false}
+            tickLine={false}
+            tickFormatter={yTickFormatter}
+            domain={yDomain}
+          />
+          {showTooltip && (
+            <Tooltip
+              contentStyle={tt.contentStyle}
+              labelStyle={tt.labelStyle}
+              itemStyle={tt.itemStyle}
+              cursor={tt.cursor}
+            />
+          )}
+          {showLegend && (
+            <Legend
+              wrapperStyle={{ fontSize: 13, color: theme.textMuted, paddingTop: 8 }}
+            />
+          )}
+          {series.map((s, i) => {
+            const color = s.color ?? colors[i % colors.length];
+            return (
+              <Area
+                key={s.key}
+                type={smooth ? 'monotone' : 'linear'}
+                dataKey={s.key}
+                name={s.label ?? s.key}
+                stroke={color}
+                strokeWidth={2}
+                fill={color}
+                fillOpacity={s.fillOpacity ?? 0.2}
+                stackId={s.stacked ? 'stack' : undefined}
+                dot={false}
+                activeDot={{ r: 5, strokeWidth: 0 }}
+              />
+            );
+          })}
+        </AreaChart>
+      </ResponsiveContainer>
+    </div>
+  );
+}

package/src/charts/TkxBarChart.tsx

@@ -0,0 +1,115 @@
+import {
+  ResponsiveContainer,
+  BarChart,
+  Bar,
+  XAxis,
+  YAxis,
+  CartesianGrid,
+  Tooltip,
+  Legend,
+  Cell,
+} from 'recharts';
+import { useTheme } from '../themes';
+import { getDefaultColors, tooltipStyle, DEFAULT_MARGIN, type ChartMargin } from './shared';
+
+export interface TkxBarChartSeries {
+  key: string;
+  label?: string;
+  color?: string;
+  /** Stack ID — bars with the same stackId are stacked. */
+  stackId?: string;
+  radius?: number | [number, number, number, number];
+}
+
+export interface TkxBarChartProps {
+  data: Record<string, any>[];
+  series: TkxBarChartSeries[];
+  xKey: string;
+  height?: number;
+  margin?: ChartMargin;
+  showGrid?: boolean;
+  showLegend?: boolean;
+  showTooltip?: boolean;
+  layout?: 'vertical' | 'horizontal';
+  barSize?: number;
+  /** Use gradient fill per series. Default: false */
+  gradient?: boolean;
+  xTickFormatter?: (value: any) => string;
+  yTickFormatter?: (value: any) => string;
+  ariaLabel?: string;
+}
+
+export function TkxBarChart({
+  data,
+  series,
+  xKey,
+  height = 300,
+  margin = DEFAULT_MARGIN,
+  showGrid = true,
+  showLegend = true,
+  showTooltip = true,
+  layout = 'horizontal',
+  barSize,
+  xTickFormatter,
+  yTickFormatter,
+  ariaLabel = 'Bar chart',
+}: TkxBarChartProps) {
+  const theme = useTheme();
+  const colors = getDefaultColors(theme);
+  const tt = tooltipStyle(theme);
+  const tickStyle = { fill: theme.textMuted, fontSize: 12 };
+  const isVertical = layout === 'vertical';
+
+  return (
+    <div role="img" aria-label={ariaLabel} style={{ width: '100%', height }}>
+      <ResponsiveContainer width="100%" height="100%">
+        <BarChart data={data} margin={margin} layout={layout}>
+          {showGrid && (
+            <CartesianGrid
+              strokeDasharray="3 3"
+              stroke={theme.border}
+              vertical={isVertical}
+              horizontal={!isVertical}
+            />
+          )}
+          {isVertical ? (
+            <>
+              <YAxis dataKey={xKey} type="category" tick={tickStyle} axisLine={false} tickLine={false} tickFormatter={xTickFormatter} width={100} />
+              <XAxis type="number" tick={tickStyle} axisLine={{ stroke: theme.border }} tickLine={false} tickFormatter={yTickFormatter} />
+            </>
+          ) : (
+            <>
+              <XAxis dataKey={xKey} tick={tickStyle} axisLine={{ stroke: theme.border }} tickLine={false} tickFormatter={xTickFormatter} />
+              <YAxis tick={tickStyle} axisLine={false} tickLine={false} tickFormatter={yTickFormatter} />
+            </>
+          )}
+          {showTooltip && (
+            <Tooltip
+              contentStyle={tt.contentStyle}
+              labelStyle={tt.labelStyle}
+              itemStyle={tt.itemStyle}
+              cursor={{ fill: `${theme.surfaceAlt}` }}
+            />
+          )}
+          {showLegend && (
+            <Legend wrapperStyle={{ fontSize: 13, color: theme.textMuted, paddingTop: 8 }} />
+          )}
+          {series.map((s, i) => {
+            const color = s.color ?? colors[i % colors.length];
+            return (
+              <Bar
+                key={s.key}
+                dataKey={s.key}
+                name={s.label ?? s.key}
+                fill={color}
+                stackId={s.stackId}
+                maxBarSize={barSize ?? 40}
+                radius={s.radius ?? [4, 4, 0, 0]}
+              />
+            );
+          })}
+        </BarChart>
+      </ResponsiveContainer>
+    </div>
+  );
+}