tekivex-ui 2.1.0 → 2.2.0

package/dist/src/components/TkxTypography.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TkxTypography.d.ts","sourceRoot":"","sources":["../../../src/components/TkxTypography.tsx"],"names":[],"mappings":"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"}

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

@@ -51,4 +51,11 @@ export * from './TkxSnackbar';
 export * from './TkxDataGrid';
 export * from './TkxMasonry';
 export * from './TkxRichTextDisplay';
+export * from './TkxForm';
+export * from './TkxLayout';
+export * from './TkxConfigProvider';
+export * from './TkxTypography';
+export * from './TkxSpin';
+export * from './TkxEmpty';
+export * from './TkxStatistic';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AACjC,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,aAAa,CAAC;AAC5B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,sBAAsB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AACjC,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,aAAa,CAAC;AAC5B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,sBAAsB,CAAC;AACrC,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC;AAChC,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC"}

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

@@ -23,4 +23,112 @@ export interface ThemeProviderProps {
 }
 export declare function ThemeProvider({ theme, children }: ThemeProviderProps): import("react").FunctionComponentElement<import("react").ProviderProps<ThemeTokens>>;
 export declare function useTheme(): ThemeTokens;
+export interface ColorPalette {
+    50: string;
+    100: string;
+    200: string;
+    300: string;
+    400: string;
+    500: string;
+    600: string;
+    700: string;
+    800: string;
+    900: string;
+}
+export declare function generatePalette(hex: string): ColorPalette;
+export declare const typography: {
+    readonly xs: {
+        readonly fontSize: "0.75rem";
+        readonly lineHeight: "1rem";
+    };
+    readonly sm: {
+        readonly fontSize: "0.875rem";
+        readonly lineHeight: "1.25rem";
+    };
+    readonly base: {
+        readonly fontSize: "1rem";
+        readonly lineHeight: "1.5rem";
+    };
+    readonly lg: {
+        readonly fontSize: "1.125rem";
+        readonly lineHeight: "1.75rem";
+    };
+    readonly xl: {
+        readonly fontSize: "1.25rem";
+        readonly lineHeight: "1.75rem";
+    };
+    readonly '2xl': {
+        readonly fontSize: "1.5rem";
+        readonly lineHeight: "2rem";
+    };
+    readonly '3xl': {
+        readonly fontSize: "1.875rem";
+        readonly lineHeight: "2.25rem";
+    };
+    readonly '4xl': {
+        readonly fontSize: "2.25rem";
+        readonly lineHeight: "2.5rem";
+    };
+    readonly '5xl': {
+        readonly fontSize: "3rem";
+        readonly lineHeight: "1.15";
+    };
+};
+export declare const spacing: {
+    readonly 0: "0px";
+    readonly 0.5: "2px";
+    readonly 1: "4px";
+    readonly 1.5: "6px";
+    readonly 2: "8px";
+    readonly 2.5: "10px";
+    readonly 3: "12px";
+    readonly 4: "16px";
+    readonly 5: "20px";
+    readonly 6: "24px";
+    readonly 8: "32px";
+    readonly 10: "40px";
+    readonly 12: "48px";
+    readonly 16: "64px";
+    readonly 20: "80px";
+    readonly 24: "96px";
+};
+export declare const breakpoints: {
+    readonly sm: 640;
+    readonly md: 768;
+    readonly lg: 1024;
+    readonly xl: 1280;
+    readonly '2xl': 1536;
+};
+export declare const shadows: {
+    readonly none: "none";
+    readonly xs: "0 1px 2px 0 rgba(0,0,0,0.05)";
+    readonly sm: "0 1px 3px 0 rgba(0,0,0,0.1), 0 1px 2px -1px rgba(0,0,0,0.1)";
+    readonly md: "0 4px 6px -1px rgba(0,0,0,0.1), 0 2px 4px -2px rgba(0,0,0,0.1)";
+    readonly lg: "0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -4px rgba(0,0,0,0.1)";
+    readonly xl: "0 20px 25px -5px rgba(0,0,0,0.1), 0 8px 10px -6px rgba(0,0,0,0.1)";
+    readonly '2xl': "0 25px 50px -12px rgba(0,0,0,0.25)";
+    readonly inner: "inset 0 2px 4px 0 rgba(0,0,0,0.06)";
+};
+export declare const zIndex: {
+    readonly hide: -1;
+    readonly base: 0;
+    readonly dropdown: 1000;
+    readonly sticky: 1100;
+    readonly fixed: 1200;
+    readonly overlay: 1300;
+    readonly modal: 1400;
+    readonly popover: 1500;
+    readonly tooltip: 1600;
+    readonly toast: 1700;
+    readonly max: 9999;
+};
+export declare const radii: {
+    readonly none: "0";
+    readonly sm: "4px";
+    readonly md: "6px";
+    readonly lg: "8px";
+    readonly xl: "12px";
+    readonly '2xl': "16px";
+    readonly full: "9999px";
+};
 //# sourceMappingURL=index.d.ts.map

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"}
+{"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tekivex-ui",
-  "version": "2.1.0",
+  "version": "2.2.0",
   "description": "Quantum-Class Component Framework — WCAG 2.1 AAA, WAI-ARIA 1.2, Zero-Trust Security",
   "type": "module",
   "main": "./dist/index.cjs",

package/src/components/TkxConfigProvider.tsx

@@ -0,0 +1,458 @@
+import {
+  createContext,
+  useContext,
+  useMemo,
+  useCallback,
+  type ReactNode,
+  type CSSProperties,
+} from 'react';
+
+// ══════════════════════════════════════════════════════════════════════════════
+// TkxConfigProvider — Global configuration provider for TekiVex UI.
+//
+// Provides locale, direction, component defaults, and a CSS class prefix to
+// all descendant components via React context. Supports nesting: a child
+// ConfigProvider merges its values on top of its parent.
+// ══════════════════════════════════════════════════════════════════════════════
+
+// ── Component Defaults ───────────────────────────────────────────────────────
+
+export interface ComponentDefaults {
+  /** Default size for all components that support sizing. */
+  size?: 'sm' | 'md' | 'lg';
+  /** Default variant name. Interpretation depends on the component. */
+  variant?: string;
+  /** Enable or disable animations globally. */
+  animation?: boolean;
+  /** Show borders by default on components that support it. */
+  bordered?: boolean;
+}
+
+// ── Per-component overrides ──────────────────────────────────────────────────
+
+export interface ButtonConfig {
+  size?: 'sm' | 'md' | 'lg';
+  variant?: string;
+}
+
+export interface InputConfig {
+  size?: 'sm' | 'md' | 'lg';
+  bordered?: boolean;
+}
+
+export interface TableConfig {
+  size?: 'sm' | 'md' | 'lg';
+  bordered?: boolean;
+  striped?: boolean;
+}
+
+export interface ModalConfig {
+  centered?: boolean;
+  maskClosable?: boolean;
+  animation?: boolean;
+}
+
+export interface ComponentOverrides {
+  button?: ButtonConfig;
+  input?: InputConfig;
+  table?: TableConfig;
+  modal?: ModalConfig;
+}
+
+// ── Config Context Value ─────────────────────────────────────────────────────
+
+export interface ConfigContextValue {
+  /** BCP 47 locale code (e.g. "en-US", "ja-JP"). */
+  locale: string;
+  /** Text direction. */
+  direction: 'ltr' | 'rtl';
+  /** Global defaults applied to every component. */
+  componentDefaults: Required<ComponentDefaults>;
+  /** Per-component configuration overrides. */
+  componentOverrides: ComponentOverrides;
+  /** CSS class prefix used by all TekiVex components. */
+  prefixCls: string;
+  /** Whether we are inside at least one ConfigProvider. */
+  configured: boolean;
+  /** Helper: build a prefixed class name. */
+  cls: (name: string) => string;
+  /** Helper: resolve size for a component (component override > global default). */
+  getSize: (component?: keyof ComponentOverrides, local?: 'sm' | 'md' | 'lg') => 'sm' | 'md' | 'lg';
+  /** Helper: resolve whether animations should run. */
+  getAnimation: (local?: boolean) => boolean;
+  /** Helper: resolve bordered default. */
+  getBordered: (component?: keyof ComponentOverrides, local?: boolean) => boolean;
+}
+
+// ── Sensible Defaults ────────────────────────────────────────────────────────
+
+const DEFAULT_COMPONENT_DEFAULTS: Required<ComponentDefaults> = {
+  size: 'md',
+  variant: 'default',
+  animation: true,
+  bordered: true,
+};
+
+const DEFAULT_CONFIG: ConfigContextValue = {
+  locale: 'en-US',
+  direction: 'ltr',
+  componentDefaults: DEFAULT_COMPONENT_DEFAULTS,
+  componentOverrides: {},
+  prefixCls: 'tkx',
+  configured: false,
+  cls: (name: string) => `tkx-${name}`,
+  getSize: () => 'md',
+  getAnimation: () => true,
+  getBordered: () => true,
+};
+
+// ── Context ──────────────────────────────────────────────────────────────────
+
+const ConfigContext = createContext<ConfigContextValue>(DEFAULT_CONFIG);
+
+// ── Props ────────────────────────────────────────────────────────────────────
+
+export interface TkxConfigProviderProps {
+  children: ReactNode;
+  /** BCP 47 locale code. Default "en-US". */
+  locale?: string;
+  /** Text direction. Default "ltr". */
+  direction?: 'ltr' | 'rtl';
+  /** Global component defaults. Merged with parent provider values. */
+  componentDefaults?: ComponentDefaults;
+  /** Per-component overrides. Merged shallowly per component key. */
+  componentOverrides?: ComponentOverrides;
+  /** CSS class prefix. Default "tkx". */
+  prefixCls?: string;
+}
+
+// ══════════════════════════════════════════════════════════════════════════════
+// TkxConfigProvider Component
+// ══════════════════════════════════════════════════════════════════════════════
+
+export function TkxConfigProvider({
+  children,
+  locale,
+  direction,
+  componentDefaults,
+  componentOverrides,
+  prefixCls,
+}: TkxConfigProviderProps) {
+  // Read parent config (supports nesting).
+  const parent = useContext(ConfigContext);
+
+  // Merge defaults: child overrides parent.
+  const mergedDefaults: Required<ComponentDefaults> = useMemo(
+    () => ({
+      size: componentDefaults?.size ?? parent.componentDefaults.size,
+      variant: componentDefaults?.variant ?? parent.componentDefaults.variant,
+      animation: componentDefaults?.animation ?? parent.componentDefaults.animation,
+      bordered: componentDefaults?.bordered ?? parent.componentDefaults.bordered,
+    }),
+    [componentDefaults, parent.componentDefaults],
+  );
+
+  // Merge per-component overrides: shallow merge per key.
+  const mergedOverrides: ComponentOverrides = useMemo(() => {
+    const parentOv = parent.componentOverrides;
+    const childOv = componentOverrides ?? {};
+    return {
+      button: { ...parentOv.button, ...childOv.button },
+      input: { ...parentOv.input, ...childOv.input },
+      table: { ...parentOv.table, ...childOv.table },
+      modal: { ...parentOv.modal, ...childOv.modal },
+    };
+  }, [componentOverrides, parent.componentOverrides]);
+
+  const resolvedLocale = locale ?? parent.locale;
+  const resolvedDirection = direction ?? parent.direction;
+  const resolvedPrefix = prefixCls ?? parent.prefixCls;
+
+  // Helper: build prefixed class name.
+  const cls = useCallback(
+    (name: string) => `${resolvedPrefix}-${name}`,
+    [resolvedPrefix],
+  );
+
+  // Helper: resolve component size.
+  const getSize = useCallback(
+    (component?: keyof ComponentOverrides, local?: 'sm' | 'md' | 'lg'): 'sm' | 'md' | 'lg' => {
+      // Local prop wins.
+      if (local !== undefined) return local;
+      // Then per-component override.
+      if (component) {
+        const ov = mergedOverrides[component] as { size?: 'sm' | 'md' | 'lg' } | undefined;
+        if (ov?.size) return ov.size;
+      }
+      // Then global default.
+      return mergedDefaults.size;
+    },
+    [mergedDefaults.size, mergedOverrides],
+  );
+
+  // Helper: resolve animation preference.
+  const getAnimation = useCallback(
+    (local?: boolean): boolean => {
+      if (local !== undefined) return local;
+      return mergedDefaults.animation;
+    },
+    [mergedDefaults.animation],
+  );
+
+  // Helper: resolve bordered preference.
+  const getBordered = useCallback(
+    (component?: keyof ComponentOverrides, local?: boolean): boolean => {
+      if (local !== undefined) return local;
+      if (component) {
+        const ov = mergedOverrides[component] as { bordered?: boolean } | undefined;
+        if (ov?.bordered !== undefined) return ov.bordered;
+      }
+      return mergedDefaults.bordered;
+    },
+    [mergedDefaults.bordered, mergedOverrides],
+  );
+
+  // Assemble context value.
+  const value: ConfigContextValue = useMemo(
+    () => ({
+      locale: resolvedLocale,
+      direction: resolvedDirection,
+      componentDefaults: mergedDefaults,
+      componentOverrides: mergedOverrides,
+      prefixCls: resolvedPrefix,
+      configured: true,
+      cls,
+      getSize,
+      getAnimation,
+      getBordered,
+    }),
+    [
+      resolvedLocale,
+      resolvedDirection,
+      mergedDefaults,
+      mergedOverrides,
+      resolvedPrefix,
+      cls,
+      getSize,
+      getAnimation,
+      getBordered,
+    ],
+  );
+
+  // Apply dir attribute to the wrapper so CSS logical properties work.
+  // Also set lang attribute for accessibility.
+  return (
+    <ConfigContext.Provider value={value}>
+      <div
+        dir={resolvedDirection}
+        lang={resolvedLocale}
+        className={`${resolvedPrefix}-config-root`}
+        style={{ direction: resolvedDirection }}
+      >
+        {children}
+      </div>
+    </ConfigContext.Provider>
+  );
+}
+
+TkxConfigProvider.displayName = 'TkxConfigProvider';
+
+// ══════════════════════════════════════════════════════════════════════════════
+// useConfig — Hook for components to read the global configuration.
+// ══════════════════════════════════════════════════════════════════════════════
+
+export function useConfig(): ConfigContextValue {
+  return useContext(ConfigContext);
+}
+
+// ══════════════════════════════════════════════════════════════════════════════
+// useDirection — Convenience hook for reading text direction.
+// ══════════════════════════════════════════════════════════════════════════════
+
+export function useDirection(): 'ltr' | 'rtl' {
+  const { direction } = useConfig();
+  return direction;
+}
+
+// ══════════════════════════════════════════════════════════════════════════════
+// useLocale — Convenience hook for reading the active locale.
+// ══════════════════════════════════════════════════════════════════════════════
+
+export function useLocale(): string {
+  const { locale } = useConfig();
+  return locale;
+}
+
+// ══════════════════════════════════════════════════════════════════════════════
+// usePrefixCls — Convenience hook for building prefixed class names.
+// ══════════════════════════════════════════════════════════════════════════════
+
+export function usePrefixCls(componentName: string, customPrefix?: string): string {
+  const { prefixCls } = useConfig();
+  const prefix = customPrefix ?? prefixCls;
+  return `${prefix}-${componentName}`;
+}
+
+// ══════════════════════════════════════════════════════════════════════════════
+// useComponentSize — Resolves the effective size for a component.
+// ══════════════════════════════════════════════════════════════════════════════
+
+export function useComponentSize(
+  component: keyof ComponentOverrides,
+  localSize?: 'sm' | 'md' | 'lg',
+): 'sm' | 'md' | 'lg' {
+  const { getSize } = useConfig();
+  return getSize(component, localSize);
+}
+
+// ══════════════════════════════════════════════════════════════════════════════
+// SIZE & SPACING TOKENS — Maps config sizes to concrete pixel/rem values.
+// Components can use these to avoid duplicating size-to-dimension logic.
+// ══════════════════════════════════════════════════════════════════════════════
+
+export const SIZE_HEIGHT: Record<'sm' | 'md' | 'lg', number> = {
+  sm: 32,
+  md: 40,
+  lg: 48,
+};
+
+export const SIZE_FONT: Record<'sm' | 'md' | 'lg', string> = {
+  sm: '0.75rem',
+  md: '0.875rem',
+  lg: '1rem',
+};
+
+export const SIZE_PADDING_X: Record<'sm' | 'md' | 'lg', number> = {
+  sm: 8,
+  md: 12,
+  lg: 16,
+};
+
+export const SIZE_PADDING_Y: Record<'sm' | 'md' | 'lg', number> = {
+  sm: 4,
+  md: 8,
+  lg: 12,
+};
+
+export const SIZE_BORDER_RADIUS: Record<'sm' | 'md' | 'lg', number> = {
+  sm: 4,
+  md: 6,
+  lg: 8,
+};
+
+export const SIZE_ICON: Record<'sm' | 'md' | 'lg', number> = {
+  sm: 14,
+  md: 16,
+  lg: 20,
+};
+
+// ══════════════════════════════════════════════════════════════════════════════
+// RTL Utilities
+// ══════════════════════════════════════════════════════════════════════════════
+
+/** Returns a transform that flips an element horizontally for RTL layouts. */
+export function useRtlFlip(): CSSProperties | undefined {
+  const { direction } = useConfig();
+  if (direction === 'rtl') {
+    return { transform: 'scaleX(-1)' };
+  }
+  return undefined;
+}
+
+/** Returns logical margin/padding properties that respect direction. */
+export function useLogicalSpacing(
+  inlineStart: number | string,
+  inlineEnd: number | string = 0,
+): CSSProperties {
+  const { direction } = useConfig();
+  const start = typeof inlineStart === 'number' ? `${inlineStart}px` : inlineStart;
+  const end = typeof inlineEnd === 'number' ? `${inlineEnd}px` : inlineEnd;
+
+  if (direction === 'rtl') {
+    return { marginRight: start, marginLeft: end };
+  }
+  return { marginLeft: start, marginRight: end };
+}
+
+// ══════════════════════════════════════════════════════════════════════════════
+// Locale Utilities
+// ══════════════════════════════════════════════════════════════════════════════
+
+/** Built-in locale display names for the most common locales. */
+const LOCALE_DISPLAY_NAMES: Record<string, string> = {
+  'en-US': 'English (US)',
+  'en-GB': 'English (UK)',
+  'es-ES': 'Spanish',
+  'fr-FR': 'French',
+  'de-DE': 'German',
+  'ja-JP': 'Japanese',
+  'ko-KR': 'Korean',
+  'zh-CN': 'Chinese (Simplified)',
+  'zh-TW': 'Chinese (Traditional)',
+  'pt-BR': 'Portuguese (Brazil)',
+  'ar-SA': 'Arabic',
+  'hi-IN': 'Hindi',
+  'ru-RU': 'Russian',
+  'it-IT': 'Italian',
+  'nl-NL': 'Dutch',
+  'sv-SE': 'Swedish',
+  'pl-PL': 'Polish',
+  'tr-TR': 'Turkish',
+  'th-TH': 'Thai',
+  'vi-VN': 'Vietnamese',
+};
+
+/** RTL locales — used to auto-detect direction when not explicitly set. */
+const RTL_LOCALES = new Set([
+  'ar', 'ar-SA', 'ar-EG', 'ar-AE',
+  'he', 'he-IL',
+  'fa', 'fa-IR',
+  'ur', 'ur-PK',
+  'ps', 'ps-AF',
+]);
+
+/**
+ * Returns true if the given locale code is typically written right-to-left.
+ * Useful for auto-setting direction based on locale.
+ */
+export function isRtlLocale(locale: string): boolean {
+  return RTL_LOCALES.has(locale) || RTL_LOCALES.has(locale.split('-')[0]);
+}
+
+/**
+ * Returns the human-readable name for a locale code, falling back to
+ * the Intl.DisplayNames API or the raw code itself.
+ */
+export function getLocaleDisplayName(locale: string): string {
+  if (LOCALE_DISPLAY_NAMES[locale]) return LOCALE_DISPLAY_NAMES[locale];
+
+  if (typeof Intl !== 'undefined' && Intl.DisplayNames) {
+    try {
+      const dn = new Intl.DisplayNames(['en'], { type: 'language' });
+      return dn.of(locale) ?? locale;
+    } catch {
+      return locale;
+    }
+  }
+
+  return locale;
+}
+
+// ══════════════════════════════════════════════════════════════════════════════
+// Usage example:
+//
+// <TkxConfigProvider
+//   locale="ja-JP"
+//   direction="ltr"
+//   componentDefaults={{ size: 'sm', animation: true, bordered: false }}
+//   componentOverrides={{ table: { striped: true } }}
+//   prefixCls="myapp"
+// >
+//   <App />
+// </TkxConfigProvider>
+//
+// Inside any component:
+//   const { locale, direction, getSize, cls } = useConfig();
+//   const size = getSize('button', props.size);
+//   const className = cls('button');
+// ══════════════════════════════════════════════════════════════════════════════