tekivex-ui 2.5.11 → 2.5.13

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tekivex-ui",
-  "version": "2.5.11",
+  "version": "2.5.13",
   "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",
@@ -70,34 +70,33 @@
   "peerDependencies": {
     "react": ">=18.0.0",
     "react-dom": ">=18.0.0",
-    "recharts": ">=2.0.0"
+    "recharts": ">=2.0.0 || >=3.0.0"
   },
   "peerDependenciesMeta": {
     "recharts": {
       "optional": true
     }
   },
-  "dependencies": {},
   "devDependencies": {
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.1.0",
     "@testing-library/user-event": "^14.5.2",
-    "@types/react": "^18.3.12",
-    "@types/react-dom": "^18.3.1",
-    "@typescript-eslint/eslint-plugin": "^8.15.0",
-    "@typescript-eslint/parser": "^8.15.0",
-    "@vitejs/plugin-react": "^4.3.3",
-    "@vitest/coverage-v8": "^2.1.6",
-    "eslint": "^9.15.0",
-    "eslint-plugin-react-hooks": "^5.0.0",
-    "jsdom": "^25.0.1",
-    "prettier": "^3.3.3",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
-    "recharts": "^2.15.4",
-    "typescript": "^5.6.3",
-    "vite": "^5.4.11",
-    "vitest": "^2.1.6"
+    "@types/react": "^19.2.14",
+    "@types/react-dom": "^19.2.3",
+    "@typescript-eslint/eslint-plugin": "^8.58.2",
+    "@typescript-eslint/parser": "^8.58.2",
+    "@vitejs/plugin-react": "^6.0.1",
+    "@vitest/coverage-v8": "^4.1.4",
+    "eslint": "^9.39.4",
+    "eslint-plugin-react-hooks": "^7.1.1",
+    "jsdom": "^29.0.2",
+    "prettier": "^3.8.3",
+    "react": "^19.2.5",
+    "react-dom": "^19.2.5",
+    "recharts": "^3.8.1",
+    "typescript": "^5.9.3",
+    "vite": "^8.0.9",
+    "vitest": "^4.1.4"
   },
   "keywords": [
     "react",

package/src/charts/TkxPieChart.tsx

@@ -81,7 +81,7 @@ export function TkxPieChart({
             outerRadius={outerRadius}
             startAngle={startAngle}
             endAngle={startAngle - 360}
-            label={showLabels ? ({ name, percent }) => `${name} (${(percent * 100).toFixed(0)}%)` : undefined}
+            label={showLabels ? ({ name, percent }) => `${name} (${((percent ?? 0) * 100).toFixed(0)}%)` : undefined}
             labelLine={showLabels}
             strokeWidth={2}
             stroke={theme.bg}

package/src/components/TkxClock.tsx

@@ -1,4 +1,4 @@
-import {
+import React, {
   useState,
   useEffect,
   useRef,
@@ -210,7 +210,7 @@ function AnalogFace({
   const secondEnd = handPoint(secondAngle, r * 0.85);
   const secondTailEnd = handPoint(secondAngle + 180, r * 0.2);
 
-  const tickMarks: JSX.Element[] = [];
+  const tickMarks: React.JSX.Element[] = [];
 
   if (analogStyle === 'classic') {
     // 12 hour ticks + minor ticks

package/src/components/TkxForm.tsx

@@ -523,14 +523,16 @@ export function TkxFormField({
   }, [ctx, name]);
 
   // ─── Clone child input with injected props ────────────────────────────
-  const childElement = cloneElement(children, {
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  const typedChild = children as ReactElement<any>;
+  const childElement = cloneElement(typedChild, {
     value: value ?? '',
     onChange: handleChange,
     onBlur: handleBlur,
     error: safeError ?? undefined,
     isInvalid: !!safeError,
     isRequired,
-    disabled: disabled || children.props.disabled,
+    disabled: disabled || typedChild.props.disabled,
     name,
   });
 

package/src/components/TkxTooltip.tsx

@@ -37,12 +37,14 @@ export function TkxTooltip({ content, children, placement = 'top', delay = 300 }
   useEscapeKey(hide, visible);
   useClickOutside(wrapperRef, hide);
 
-  const trigger = cloneElement(children, {
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  const child = children as ReactElement<any>;
+  const trigger = cloneElement(child, {
     'aria-describedby': visible ? tooltipId : undefined,
-    onMouseEnter: (e: React.MouseEvent) => { children.props.onMouseEnter?.(e); show(); },
-    onMouseLeave: (e: React.MouseEvent) => { children.props.onMouseLeave?.(e); hide(); },
-    onFocus: (e: React.FocusEvent) => { children.props.onFocus?.(e); show(); },
-    onBlur: (e: React.FocusEvent) => { children.props.onBlur?.(e); hide(); },
+    onMouseEnter: (e: React.MouseEvent) => { child.props.onMouseEnter?.(e); show(); },
+    onMouseLeave: (e: React.MouseEvent) => { child.props.onMouseLeave?.(e); hide(); },
+    onFocus: (e: React.FocusEvent) => { child.props.onFocus?.(e); show(); },
+    onBlur: (e: React.FocusEvent) => { child.props.onBlur?.(e); hide(); },
   });
 
   return (

package/src/components/TkxTypography.tsx

@@ -1,4 +1,4 @@
-import {
+import React, {
   useState,
   useCallback,
   type ReactNode,
@@ -126,7 +126,7 @@ export function TkxTitle({
   const color = useTypeColor(type);
   const theme = useTheme();
   const sizeConfig = TITLE_SIZES[level];
-  const tag = `h${level}` as keyof JSX.IntrinsicElements;
+  const tag = `h${level}` as keyof React.JSX.IntrinsicElements;
 
   const safeChildren = typeof children === 'string' ? sanitizeString(children) : children;
   const textContent = getTextContent(children);

package/dist/TkxForm-2tGLCPH6.js

@@ -1,326 +0,0 @@
-import { jsx as j, jsxs as R, Fragment as V } from "react/jsx-runtime";
-import { useState as X, useRef as v, useCallback as m, useMemo as $, cloneElement as Z, useContext as J, createContext as O } from "react";
-import { u as K } from "./index-iUUHRxqJ.js";
-import { s as L } from "./security-C-ZPGoyG.js";
-import { t as F, c as Y } from "./tkx-BtHzWKTl.js";
-const W = O(null);
-function ee() {
-  const e = J(W);
-  if (!e)
-    throw new Error("TkxFormField must be used inside a <TkxForm>. Wrap your fields in a TkxForm component.");
-  return e;
-}
-async function _(e, s) {
-  for (const t of s) {
-    if (t.required && (e == null || e === "" || Array.isArray(e) && e.length === 0))
-      return t.message ?? "This field is required";
-    if (!(e == null || e === "")) {
-      if (t.min !== void 0) {
-        if (typeof e == "string" && e.length < t.min)
-          return t.message ?? `Must be at least ${t.min} characters`;
-        if (typeof e == "number" && e < t.min)
-          return t.message ?? `Must be at least ${t.min}`;
-      }
-      if (t.max !== void 0) {
-        if (typeof e == "string" && e.length > t.max)
-          return t.message ?? `Must be no more than ${t.max} characters`;
-        if (typeof e == "number" && e > t.max)
-          return t.message ?? `Must be no more than ${t.max}`;
-      }
-      if (t.pattern && typeof e == "string" && !t.pattern.test(e))
-        return t.message ?? "Invalid format";
-      if (t.validator) {
-        const i = await t.validator(e);
-        if (i)
-          return i;
-      }
-    }
-  }
-  return null;
-}
-function te(e, s) {
-  const t = e ? [...e] : [];
-  return s && !t.some((i) => i.required) && t.unshift({ required: !0, message: "This field is required" }), t;
-}
-function re(e) {
-  return e.some((s) => s.required);
-}
-function de() {
-  const e = J(W), s = v({}), t = v({}), i = v({}), b = $(() => ({
-    getFieldValue: (c) => s.current[c],
-    setFieldValue: (c, k) => {
-      s.current[c] = k;
-    },
-    getFieldsValue: () => ({ ...s.current }),
-    setFieldsValue: (c) => {
-      Object.assign(s.current, c);
-    },
-    validateFields: () => Promise.resolve({ ...s.current }),
-    validateField: (c) => Promise.resolve(!0),
-    resetFields: () => {
-      s.current = {}, t.current = {}, i.current = {};
-    },
-    getFieldError: (c) => t.current[c] ?? null,
-    isFieldTouched: (c) => i.current[c] ?? !1
-  }), []);
-  return e ? e.instance : b;
-}
-function se({
-  onSubmit: e,
-  onValuesChange: s,
-  initialValues: t = {},
-  layout: i = "vertical",
-  disabled: b = !1,
-  children: c,
-  className: k,
-  style: q,
-  form: E
-}) {
-  const u = K(), [g, x] = X({
-    values: { ...t },
-    errors: {},
-    touched: {}
-  }), A = v(t), d = v({}), f = v(g);
-  f.current = g;
-  const M = m((r, n) => {
-    d.current[r] = n;
-  }, []), I = m((r) => {
-    delete d.current[r];
-  }, []), N = m((r, n) => {
-    x((o) => {
-      const l = {
-        ...o,
-        values: { ...o.values, [r]: n }
-      };
-      return s == null || s({ [r]: n }, l.values), l;
-    });
-  }, [s]), z = m((r, n) => {
-    x((o) => ({
-      ...o,
-      errors: { ...o.errors, [r]: n }
-    }));
-  }, []), y = m((r) => {
-    x((n) => ({
-      ...n,
-      touched: { ...n.touched, [r]: !0 }
-    }));
-  }, []), w = m(async (r) => {
-    const n = d.current[r];
-    if (!n) return !0;
-    const o = f.current.values[r], l = await _(o, n.rules);
-    return x((h) => ({
-      ...h,
-      errors: { ...h.errors, [r]: l },
-      touched: { ...h.touched, [r]: !0 }
-    })), l === null;
-  }, []), T = m(async () => {
-    const r = Object.keys(d.current), n = await Promise.all(
-      r.map(async (a) => {
-        const p = d.current[a], Q = f.current.values[a], U = await _(Q, p.rules);
-        return { name: a, error: U };
-      })
-    ), o = {}, l = {};
-    let h = !1;
-    for (const { name: a, error: p } of n)
-      o[a] = p, l[a] = !0, p && (h = !0);
-    if (x((a) => ({
-      ...a,
-      errors: { ...a.errors, ...o },
-      touched: { ...a.touched, ...l }
-    })), h) {
-      const a = Object.fromEntries(
-        n.filter((p) => p.error).map((p) => [p.name, p.error])
-      );
-      return Promise.reject(a);
-    }
-    return { ...f.current.values };
-  }, []), B = m(() => {
-    x({
-      values: { ...A.current },
-      errors: {},
-      touched: {}
-    });
-  }, []), C = $(() => ({
-    getFieldValue: (r) => f.current.values[r],
-    setFieldValue: N,
-    getFieldsValue: () => ({ ...f.current.values }),
-    setFieldsValue: (r) => {
-      x((n) => {
-        const o = { ...n.values, ...r };
-        return s == null || s(r, o), { ...n, values: o };
-      });
-    },
-    validateFields: T,
-    validateField: w,
-    resetFields: B,
-    getFieldError: (r) => f.current.errors[r] ?? null,
-    isFieldTouched: (r) => !!f.current.touched[r]
-  }), [N, T, w, B, s]), P = m(async (r) => {
-    r.preventDefault();
-    try {
-      const n = await T();
-      await (e == null ? void 0 : e(n));
-    } catch {
-    }
-  }, [T, e]), H = i === "inline" ? F("flex flex-row flex-wrap items-end gap-4") : F("flex flex-col gap-5"), S = E ?? C, D = $(() => ({
-    state: g,
-    initialValues: A.current,
-    layout: i,
-    disabled: b,
-    fieldMeta: d,
-    setFieldValue: N,
-    setFieldError: z,
-    setFieldTouched: y,
-    registerField: M,
-    unregisterField: I,
-    validateField: w,
-    instance: S
-  }), [g, i, b, N, z, y, M, I, w, S]);
-  return /* @__PURE__ */ j(W.Provider, { value: D, children: /* @__PURE__ */ j(
-    "form",
-    {
-      noValidate: !0,
-      role: "form",
-      "aria-label": "Form",
-      onSubmit: P,
-      className: Y(H, k),
-      style: {
-        color: u.text,
-        ...q
-      },
-      children: c
-    }
-  ) });
-}
-se.displayName = "TkxForm";
-function ne({
-  name: e,
-  label: s,
-  rules: t,
-  help: i,
-  required: b,
-  children: c,
-  className: k,
-  style: q
-}) {
-  const E = K(), u = ee(), { state: g, layout: x, disabled: A } = u, d = $(() => te(t, b), [t, b]), f = re(d), M = v({ rules: d });
-  M.current.rules = d;
-  const I = v(!1);
-  I.current || (u.registerField(e, M.current), I.current = !0), $(() => {
-    u.registerField(e, M.current);
-  }, [d, e, u]);
-  const N = g.values[e], z = g.touched[e] ? g.errors[e] ?? null : null, y = z ? L(z) : null, w = s ? L(s) : void 0, T = i ? L(i) : void 0, B = m(
-    (o) => {
-      let l;
-      if (o !== null && typeof o == "object" && "target" in o) {
-        const h = o.target;
-        l = h.type === "checkbox" ? h.checked : h.value;
-      } else
-        l = o;
-      u.setFieldValue(e, l);
-    },
-    [u, e]
-  ), C = m(() => {
-    u.setFieldTouched(e), u.validateField(e);
-  }, [u, e]), P = Z(c, {
-    value: N ?? "",
-    onChange: B,
-    onBlur: C,
-    error: y ?? void 0,
-    isInvalid: !!y,
-    isRequired: f,
-    disabled: A || c.props.disabled,
-    name: e
-  }), H = x === "horizontal", S = x === "inline", D = /* @__PURE__ */ j("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": "true", children: /* @__PURE__ */ j("path", { d: "M12 2C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z" }) }), r = w ? /* @__PURE__ */ R(
-    "label",
-    {
-      className: F(
-        "text-sm font-medium font-sans",
-        H ? "min-w-[140px] pt-2.5" : ""
-      ),
-      style: { color: E.text },
-      children: [
-        w,
-        f && /* @__PURE__ */ j("span", { "aria-hidden": "true", className: F("ml-1"), style: { color: E.danger }, children: "*" })
-      ]
-    }
-  ) : null, n = /* @__PURE__ */ R(V, { children: [
-    T && !y && /* @__PURE__ */ j("span", { className: F("text-xs mt-0.5"), style: { color: E.textMuted }, children: T }),
-    y && /* @__PURE__ */ R(
-      "span",
-      {
-        role: "alert",
-        className: F("text-xs flex items-center gap-1 mt-0.5"),
-        style: {
-          color: E.danger,
-          animation: "tkxFormErrorReveal 200ms ease-out"
-        },
-        children: [
-          D,
-          y
-        ]
-      }
-    )
-  ] });
-  return S ? /* @__PURE__ */ R(
-    "div",
-    {
-      className: Y(F("flex flex-col gap-1"), k),
-      style: q,
-      children: [
-        r,
-        P,
-        n
-      ]
-    }
-  ) : H ? /* @__PURE__ */ R(
-    "div",
-    {
-      className: Y(F("flex flex-row gap-4 items-start"), k),
-      style: q,
-      children: [
-        r,
-        /* @__PURE__ */ R("div", { className: F("flex flex-col gap-1 flex-1 min-w-0"), children: [
-          P,
-          n
-        ] })
-      ]
-    }
-  ) : /* @__PURE__ */ R(
-    "div",
-    {
-      className: Y(F("flex flex-col gap-1"), k),
-      style: q,
-      children: [
-        r,
-        P,
-        n
-      ]
-    }
-  );
-}
-ne.displayName = "TkxFormField";
-let G = !1;
-function oe() {
-  if (G || typeof document > "u") return;
-  G = !0;
-  const e = document.createElement("style");
-  e.setAttribute("data-tkx-form", ""), e.textContent = `
-    @keyframes tkxFormErrorReveal {
-      from {
-        opacity: 0;
-        transform: translateY(-4px);
-      }
-      to {
-        opacity: 1;
-        transform: translateY(0);
-      }
-    }
-  `, document.head.appendChild(e);
-}
-oe();
-export {
-  se as T,
-  ne as a,
-  de as u
-};

package/dist/TkxForm-C2VqR2wC.cjs

@@ -1,12 +0,0 @@
-"use strict";const a=require("react/jsx-runtime"),s=require("react"),L=require("./index-DnqXtpwV.cjs"),B=require("./security-Uf0mjv8o.cjs"),u=require("./tkx-C7GvVUE9.cjs"),H=s.createContext(null);function K(){const e=s.useContext(H);if(!e)throw new Error("TkxFormField must be used inside a <TkxForm>. Wrap your fields in a TkxForm component.");return e}async function Y(e,n){for(const t of n){if(t.required&&(e==null||e===""||Array.isArray(e)&&e.length===0))return t.message??"This field is required";if(!(e==null||e==="")){if(t.min!==void 0){if(typeof e=="string"&&e.length<t.min)return t.message??`Must be at least ${t.min} characters`;if(typeof e=="number"&&e<t.min)return t.message??`Must be at least ${t.min}`}if(t.max!==void 0){if(typeof e=="string"&&e.length>t.max)return t.message??`Must be no more than ${t.max} characters`;if(typeof e=="number"&&e>t.max)return t.message??`Must be no more than ${t.max}`}if(t.pattern&&typeof e=="string"&&!t.pattern.test(e))return t.message??"Invalid format";if(t.validator){const i=await t.validator(e);if(i)return i}}}return null}function Q(e,n){const t=e?[...e]:[];return n&&!t.some(i=>i.required)&&t.unshift({required:!0,message:"This field is required"}),t}function U(e){return e.some(n=>n.required)}function V(){const e=s.useContext(H),n=s.useRef({}),t=s.useRef({}),i=s.useRef({}),b=s.useMemo(()=>({getFieldValue:l=>n.current[l],setFieldValue:(l,R)=>{n.current[l]=R},getFieldsValue:()=>({...n.current}),setFieldsValue:l=>{Object.assign(n.current,l)},validateFields:()=>Promise.resolve({...n.current}),validateField:l=>Promise.resolve(!0),resetFields:()=>{n.current={},t.current={},i.current={}},getFieldError:l=>t.current[l]??null,isFieldTouched:l=>i.current[l]??!1}),[]);return e?e.instance:b}function W({onSubmit:e,onValuesChange:n,initialValues:t={},layout:i="vertical",disabled:b=!1,children:l,className:R,style:M,form:T}){const m=L.useTheme(),[y,F]=s.useState({values:{...t},errors:{},touched:{}}),z=s.useRef(t),x=s.useRef({}),h=s.useRef(y);h.current=y;const w=s.useCallback((r,o)=>{x.current[r]=o},[]),q=s.useCallback(r=>{delete x.current[r]},[]),E=s.useCallback((r,o)=>{F(c=>{const d={...c,values:{...c.values,[r]:o}};return n==null||n({[r]:o},d.values),d})},[n]),C=s.useCallback((r,o)=>{F(c=>({...c,errors:{...c.errors,[r]:o}}))},[]),p=s.useCallback(r=>{F(o=>({...o,touched:{...o.touched,[r]:!0}}))},[]),v=s.useCallback(async r=>{const o=x.current[r];if(!o)return!0;const c=h.current.values[r],d=await Y(c,o.rules);return F(k=>({...k,errors:{...k.errors,[r]:d},touched:{...k.touched,[r]:!0}})),d===null},[]),j=s.useCallback(async()=>{const r=Object.keys(x.current),o=await Promise.all(r.map(async f=>{const g=x.current[f],G=h.current.values[f],J=await Y(G,g.rules);return{name:f,error:J}})),c={},d={};let k=!1;for(const{name:f,error:g}of o)c[f]=g,d[f]=!0,g&&(k=!0);if(F(f=>({...f,errors:{...f.errors,...c},touched:{...f.touched,...d}})),k){const f=Object.fromEntries(o.filter(g=>g.error).map(g=>[g.name,g.error]));return Promise.reject(f)}return{...h.current.values}},[]),I=s.useCallback(()=>{F({values:{...z.current},errors:{},touched:{}})},[]),$=s.useMemo(()=>({getFieldValue:r=>h.current.values[r],setFieldValue:E,getFieldsValue:()=>({...h.current.values}),setFieldsValue:r=>{F(o=>{const c={...o.values,...r};return n==null||n(r,c),{...o,values:c}})},validateFields:j,validateField:v,resetFields:I,getFieldError:r=>h.current.errors[r]??null,isFieldTouched:r=>!!h.current.touched[r]}),[E,j,v,I,n]),N=s.useCallback(async r=>{r.preventDefault();try{const o=await j();await(e==null?void 0:e(o))}catch{}},[j,e]),P=i==="inline"?u.tkx("flex flex-row flex-wrap items-end gap-4"):u.tkx("flex flex-col gap-5"),S=T??$,A=s.useMemo(()=>({state:y,initialValues:z.current,layout:i,disabled:b,fieldMeta:x,setFieldValue:E,setFieldError:C,setFieldTouched:p,registerField:w,unregisterField:q,validateField:v,instance:S}),[y,i,b,E,C,p,w,q,v,S]);return a.jsx(H.Provider,{value:A,children:a.jsx("form",{noValidate:!0,role:"form","aria-label":"Form",onSubmit:N,className:u.cx(P,R),style:{color:m.text,...M},children:l})})}W.displayName="TkxForm";function _({name:e,label:n,rules:t,help:i,required:b,children:l,className:R,style:M}){const T=L.useTheme(),m=K(),{state:y,layout:F,disabled:z}=m,x=s.useMemo(()=>Q(t,b),[t,b]),h=U(x),w=s.useRef({rules:x});w.current.rules=x;const q=s.useRef(!1);q.current||(m.registerField(e,w.current),q.current=!0),s.useMemo(()=>{m.registerField(e,w.current)},[x,e,m]);const E=y.values[e],C=y.touched[e]?y.errors[e]??null:null,p=C?B.sanitizeString(C):null,v=n?B.sanitizeString(n):void 0,j=i?B.sanitizeString(i):void 0,I=s.useCallback(c=>{let d;if(c!==null&&typeof c=="object"&&"target"in c){const k=c.target;d=k.type==="checkbox"?k.checked:k.value}else d=c;m.setFieldValue(e,d)},[m,e]),$=s.useCallback(()=>{m.setFieldTouched(e),m.validateField(e)},[m,e]),N=s.cloneElement(l,{value:E??"",onChange:I,onBlur:$,error:p??void 0,isInvalid:!!p,isRequired:h,disabled:z||l.props.disabled,name:e}),P=F==="horizontal",S=F==="inline",A=a.jsx("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"currentColor","aria-hidden":"true",children:a.jsx("path",{d:"M12 2C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z"})}),r=v?a.jsxs("label",{className:u.tkx("text-sm font-medium font-sans",P?"min-w-[140px] pt-2.5":""),style:{color:T.text},children:[v,h&&a.jsx("span",{"aria-hidden":"true",className:u.tkx("ml-1"),style:{color:T.danger},children:"*"})]}):null,o=a.jsxs(a.Fragment,{children:[j&&!p&&a.jsx("span",{className:u.tkx("text-xs mt-0.5"),style:{color:T.textMuted},children:j}),p&&a.jsxs("span",{role:"alert",className:u.tkx("text-xs flex items-center gap-1 mt-0.5"),style:{color:T.danger,animation:"tkxFormErrorReveal 200ms ease-out"},children:[A,p]})]});return S?a.jsxs("div",{className:u.cx(u.tkx("flex flex-col gap-1"),R),style:M,children:[r,N,o]}):P?a.jsxs("div",{className:u.cx(u.tkx("flex flex-row gap-4 items-start"),R),style:M,children:[r,a.jsxs("div",{className:u.tkx("flex flex-col gap-1 flex-1 min-w-0"),children:[N,o]})]}):a.jsxs("div",{className:u.cx(u.tkx("flex flex-col gap-1"),R),style:M,children:[r,N,o]})}_.displayName="TkxFormField";let D=!1;function X(){if(D||typeof document>"u")return;D=!0;const e=document.createElement("style");e.setAttribute("data-tkx-form",""),e.textContent=`
-    @keyframes tkxFormErrorReveal {
-      from {
-        opacity: 0;
-        transform: translateY(-4px);
-      }
-      to {
-        opacity: 1;
-        transform: translateY(0);
-      }
-    }
-  `,document.head.appendChild(e)}X();exports.TkxForm=W;exports.TkxFormField=_;exports.useTkxForm=V;

package/dist/index-BgHMZe4Z.js

@@ -1,66 +0,0 @@
-import { useRef as c, useEffect as o, useCallback as d, useState as s } from "react";
-import { G as i, i as a, w as f, x as m } from "./index-iUUHRxqJ.js";
-function h() {
-  const [n, e] = s(() => typeof window > "u" ? !1 : m());
-  return o(() => {
-    if (typeof window > "u") return;
-    const t = window.matchMedia("(prefers-reduced-motion: reduce)"), r = (u) => e(u.matches);
-    return t.addEventListener("change", r), () => t.removeEventListener("change", r);
-  }, []), n;
-}
-function l() {
-  const [n, e] = s(() => typeof window > "u" ? !1 : f());
-  return o(() => {
-    if (typeof window > "u") return;
-    const t = window.matchMedia("(forced-colors: active)"), r = (u) => e(u.matches);
-    return t.addEventListener("change", r), () => t.removeEventListener("change", r);
-  }, []), n;
-}
-function v(n) {
-  const e = c(null);
-  return o(() => {
-    if (!n || !e.current) return;
-    const t = a(e.current);
-    return t.activate(), () => t.deactivate();
-  }, [n]), e;
-}
-function y() {
-  const n = c(null);
-  return o(() => {
-    if (!(typeof document > "u"))
-      return n.current = i(), () => {
-        var e;
-        (e = n.current) == null || e.destroy();
-      };
-  }, []), d((e, t = "polite") => {
-    var r;
-    (r = n.current) == null || r.announce(e, t);
-  }, []);
-}
-function E(n, e = !0) {
-  const t = c(n);
-  t.current = n, o(() => {
-    if (!e || typeof document > "u") return;
-    const r = (u) => {
-      u.key === "Escape" && t.current();
-    };
-    return document.addEventListener("keydown", r), () => document.removeEventListener("keydown", r);
-  }, [e]);
-}
-function g(n, e) {
-  const t = c(e);
-  t.current = e, o(() => {
-    const r = (u) => {
-      !n.current || n.current.contains(u.target) || t.current();
-    };
-    return document.addEventListener("pointerdown", r), () => document.removeEventListener("pointerdown", r);
-  }, [n]);
-}
-export {
-  y as a,
-  v as b,
-  E as c,
-  g as d,
-  l as e,
-  h as u
-};

package/dist/index-Bt5y50Qa.cjs

@@ -1 +0,0 @@
-"use strict";const u=require("react"),s=require("./index-DnqXtpwV.cjs");function o(){const[n,e]=u.useState(()=>typeof window>"u"?!1:s.prefersReducedMotion());return u.useEffect(()=>{if(typeof window>"u")return;const t=window.matchMedia("(prefers-reduced-motion: reduce)"),r=c=>e(c.matches);return t.addEventListener("change",r),()=>t.removeEventListener("change",r)},[]),n}function i(){const[n,e]=u.useState(()=>typeof window>"u"?!1:s.prefersHighContrast());return u.useEffect(()=>{if(typeof window>"u")return;const t=window.matchMedia("(forced-colors: active)"),r=c=>e(c.matches);return t.addEventListener("change",r),()=>t.removeEventListener("change",r)},[]),n}function d(n){const e=u.useRef(null);return u.useEffect(()=>{if(!n||!e.current)return;const t=s.createFocusTrap(e.current);return t.activate(),()=>t.deactivate()},[n]),e}function f(){const n=u.useRef(null);return u.useEffect(()=>{if(!(typeof document>"u"))return n.current=s.createAnnouncer(),()=>{var e;(e=n.current)==null||e.destroy()}},[]),u.useCallback((e,t="polite")=>{var r;(r=n.current)==null||r.announce(e,t)},[])}function a(n,e=!0){const t=u.useRef(n);t.current=n,u.useEffect(()=>{if(!e||typeof document>"u")return;const r=c=>{c.key==="Escape"&&t.current()};return document.addEventListener("keydown",r),()=>document.removeEventListener("keydown",r)},[e])}function p(n,e){const t=u.useRef(e);t.current=e,u.useEffect(()=>{const r=c=>{!n.current||n.current.contains(c.target)||t.current()};return document.addEventListener("pointerdown",r),()=>document.removeEventListener("pointerdown",r)},[n])}exports.useAnnounce=f;exports.useClickOutside=p;exports.useEscapeKey=a;exports.useFocusTrap=d;exports.useHighContrast=i;exports.useReducedMotion=o;

package/dist/index-DnqXtpwV.cjs

@@ -1,2 +0,0 @@
-"use strict";const u=require("react"),I=2166136261,W=16777619;function v(n){let e=I;for(let t=0;t<n.length;t++)e^=n.charCodeAt(t),e=Math.imul(e,W)>>>0;return e.toString(16).padStart(8,"0")}class ${constructor(e=512){this.cache=new Map,this.hits=0,this.misses=0,this.ceiling=Math.min(e,512)}get(e){if(!this.cache.has(e)){this.misses++;return}this.hits++;const t=this.cache.get(e);return this.cache.delete(e),this.cache.set(e,t),t}set(e,t){this.cache.has(e)?this.cache.delete(e):this.cache.size>=this.ceiling&&this.cache.delete(this.cache.keys().next().value),this.cache.set(e,t)}has(e){return this.cache.has(e)}invalidate(e){e!==void 0?this.cache.delete(e):this.cache.clear()}get size(){return this.cache.size}get cacheHitRate(){const e=this.hits+this.misses;return e===0?0:this.hits/e*100}}const f=new $(512);function C(n,e){const t=f.get(n);if(t!==void 0)return t;const s=e();return f.set(n,s),s}const H=[];let b=!1;const m=[];let y=0,l=0;function _(){const n=H.splice(0),e=performance.now();for(const s of n)try{s()}catch{}const t=performance.now()-e;y+=t,l++,m.push({duration:t,timestamp:Date.now()}),m.length>100&&m.shift()}function R(n){H.push(n),b||(b=!0,queueMicrotask(()=>{_(),b=!1}))}function X(n){const e=n!==void 0?m.slice(-n):m.slice();return{avgRenderTime:l===0?0:y/l,cacheHitRate:f.cacheHitRate,renderCount:l,recent:e}}function Q(n){n!==void 0?f.invalidate(n):f.invalidate()}const Z={hash:v,memoize:C,batchUpdate:R,invalidate:Q,get avgRenderTime(){return l===0?0:y/l},get cacheHitRate(){return f.cacheHitRate},getMetrics:X},x=new Map;function j(n){return n.replace(/([A-Z])/g,"-$1").toLowerCase()}function J(n){return"tkx-"+v(n)}function D(n){const e=J(n);return x.has(e)||x.set(e,n),e}function z(n,...e){const t=n.reduce((r,a,i)=>r+a+(e[i]!==void 0?String(e[i]):""),"");return{className:D(t.trim()),styles:t.trim()}}function N(n){const e=Object.entries(n).map(([s,r])=>`${j(s)}: ${r};`).join(" ");return{className:D(e),styles:e}}const Y={xs:"480px",sm:"640px",md:"768px",lg:"1024px",xl:"1280px","2xl":"1536px"};function L(n,e){return`@media (min-width: ${Y[n]}) { ${e} }`}function F(n,e){const t=Object.entries(e).map(([s,r])=>{const a=Object.entries(r).map(([i,o])=>`${j(i)}: ${o};`).join(" ");return`${s} { ${a} }`}).join(" ");return`@keyframes ${n} { ${t} }`}function w(n,e){return e!==void 0?`--tkx-${n}: ${e};`:`var(--tkx-${n})`}function A(){return Array.from(x.entries()).map(([n,e])=>`.${n} { ${e} }`).join(`
-`)}function O(){x.clear()}function B(){if(typeof document>"u")return;let n=document.getElementById("tkx-styles");n||(n=document.createElement("style"),n.id="tkx-styles",document.head.appendChild(n)),n.textContent=A()}const ee={css:z,fromObject:N,responsive:L,keyframes:F,cssVar:w,extractCSS:A,injectStyles:B,resetStyles:O};function te(n){if(!n||typeof n!="string")return[0,0,0];const e=n.replace("#",""),t=e.length===3?e.split("").map(i=>i+i).join(""):e,s=parseInt(t.slice(0,2),16),r=parseInt(t.slice(2,4),16),a=parseInt(t.slice(4,6),16);return[isNaN(s)?0:s,isNaN(r)?0:r,isNaN(a)?0:a]}function M(n){const[e,t,s]=te(n).map(r=>{const a=r/255;return a<=.03928?a/12.92:((a+.055)/1.055)**2.4});return .2126*e+.7152*t+.0722*s}function d(n,e){const t=M(n),s=M(e),r=Math.max(t,s),a=Math.min(t,s);return(r+.05)/(a+.05)}function g(n,e,t=!1){return d(n,e)>=(t?3:4.5)}function E(n,e,t=!1){return d(n,e)>=(t?4.5:7)}function P(n,e){const s=e??["#ffffff","#000000"];return s.reduce((r,a)=>d(a,n)>d(r,n)?a:r,s[0])}function V(){const n=document.createElement("div"),e=document.createElement("div");for(const t of[n,e])t.setAttribute("aria-atomic","true"),t.style.cssText="position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;",document.body.appendChild(t);return n.setAttribute("aria-live","polite"),e.setAttribute("aria-live","assertive"),{announce(t,s="polite"){const r=s==="assertive"?e:n;r.textContent="",setTimeout(()=>{r.textContent=t},0)},destroy(){n.remove(),e.remove()}}}const ne=["a[href]","button:not([disabled])","input:not([disabled])","select:not([disabled])","textarea:not([disabled])",'[tabindex]:not([tabindex="-1"])',"details > summary"].join(", ");function K(n){let e=null,t=null;function s(){return Array.from(n.querySelectorAll(ne)).filter(r=>!r.closest("[hidden]")&&!r.closest('[aria-hidden="true"]'))}return{activate(){e=document.activeElement;const r=s();r.length>0&&r[0].focus(),t=a=>{if(a.key!=="Tab")return;const i=s();if(i.length===0)return;const o=i[0],p=i[i.length-1];a.shiftKey?document.activeElement===o&&(a.preventDefault(),p.focus()):document.activeElement===p&&(a.preventDefault(),o.focus())},n.addEventListener("keydown",t)},deactivate(){t&&n.removeEventListener("keydown",t),e instanceof HTMLElement&&e.focus(),e=null,t=null}}}function U(n,e,t,s){let r=e;switch(n.key){case"ArrowLeft":case"ArrowUp":n.preventDefault(),r=e===0?t-1:e-1;break;case"ArrowRight":case"ArrowDown":n.preventDefault(),r=e===t-1?0:e+1;break;case"Home":n.preventDefault(),r=0;break;case"End":n.preventDefault(),r=t-1;break;case"Enter":case" ":n.preventDefault(),s(e);return;default:return}s(r)}function re(n,e,t,s,r){let a=e;switch(n.key){case"ArrowUp":n.preventDefault(),a=e===0?t-1:e-1;break;case"ArrowDown":n.preventDefault(),a=e===t-1?0:e+1;break;case"Home":n.preventDefault(),a=0;break;case"End":n.preventDefault(),a=t-1;break;case"Enter":case" ":n.preventDefault(),s(e);return;case"Escape":n.preventDefault(),r==null||r();return;default:return}s(a)}function q(){return typeof window>"u"?!1:window.matchMedia("(prefers-reduced-motion: reduce)").matches}function G(){return typeof window>"u"?!1:window.matchMedia("(forced-colors: active)").matches}function se(n,e="polite"){if(typeof document>"u")return;let t=document.getElementById("tkx-live-region");t||(t=document.createElement("div"),t.id="tkx-live-region",t.setAttribute("aria-live",e),t.setAttribute("aria-atomic","true"),t.style.cssText="position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;",document.body.appendChild(t)),t.textContent="",setTimeout(()=>{t&&(t.textContent=n)},0)}const ae={contrastRatio:d,meetsAA:g,meetsAAA:E,getAccessibleForeground:P,createAnnouncer:V,createFocusTrap:K,handleTabsKeyboard:U,handleMenuKeyboard:re,prefersReducedMotion:q,prefersHighContrast:G,announce:se},ie=typeof window<"u"?u.useLayoutEffect:u.useEffect,k={bg:"#0a0a0f",surface:"#12121a",surfaceAlt:"#1a1a2e",border:"#2a2a3e",text:"#e8e8f4",textMuted:"#8888aa",primary:"#00f5d4",secondary:"#7b2ff7",danger:"#f72585",warning:"#ffbe0b",success:"#06d6a0",info:"#3a86ff"},oe={bg:"#f8f6f1",surface:"#ffffff",surfaceAlt:"#f0ede6",border:"#ddd8cc",text:"#1a1815",textMuted:"#6b6560",primary:"#0d7c5f",secondary:"#6930c3",danger:"#c1121f",warning:"#d4a017",success:"#0d7c5f",info:"#1d4ed8"},ce=/^#[0-9a-fA-F]{3,8}$/;function le(n,e){const t={...n,...e};for(const[s,r]of Object.entries(t))if(!ce.test(r))throw new Error(`Invalid hex color for theme token '${s}': ${r}`);return g(t.text,t.bg)||console.warn(`[TekiVex] Theme contrast warning: text (${t.text}) vs bg (${t.bg}) does not meet WCAG AA minimum (4.5:1)`),g(t.primary,t.bg)||console.warn(`[TekiVex] Theme contrast warning: primary (${t.primary}) vs bg (${t.bg}) does not meet WCAG AA minimum`),E(t.text,t.bg)||console.warn(`[TekiVex] Theme contrast warning: text (${t.text}) vs bg (${t.bg}) does not meet WCAG AAA minimum (7:1)`),t}const T=u.createContext(k);function ue({theme:n=k,children:e}){ie(()=>{const s=Object.entries(n).map(([a,i])=>w(a,i)).join(" ");let r=document.getElementById("tkx-theme");if(!r){r=document.createElement("style"),r.id="tkx-theme";const a=document.head.querySelector("style");a?document.head.insertBefore(r,a):document.head.appendChild(r)}r.textContent=`:root { ${s} }`},[n]);const t=Object.fromEntries(Object.entries(n).map(([s,r])=>[`--tkx-${s}`,r]));return u.createElement(T.Provider,{value:n},u.createElement("div",{style:{display:"contents",...t}},e))}function fe(){return u.useContext(T)}function de(n){const e=n.replace("#",""),t=parseInt(e.slice(0,2),16)/255,s=parseInt(e.slice(2,4),16)/255,r=parseInt(e.slice(4,6),16)/255,a=Math.max(t,s,r),i=Math.min(t,s,r);let o=0,p=0;const S=(a+i)/2;if(a!==i){const h=a-i;switch(p=S>.5?h/(2-a-i):h/(a+i),a){case t:o=((s-r)/h+(s<r?6:0))/6;break;case s:o=((r-t)/h+2)/6;break;case r:o=((t-s)/h+4)/6;break}}return[Math.round(o*360),Math.round(p*100),Math.round(S*100)]}function c(n,e,t){e/=100,t/=100;const s=e*Math.min(t,1-t),r=a=>{const i=(a+n/30)%12,o=t-s*Math.max(Math.min(i-3,9-i,1),-1);return Math.round(255*o).toString(16).padStart(2,"0")};return`#${r(0)}${r(8)}${r(4)}`}function pe(n){const[e,t]=de(n);return{50:c(e,Math.min(t,30),96),100:c(e,Math.min(t,40),90),200:c(e,Math.min(t,50),80),300:c(e,t,70),400:c(e,t,60),500:n,600:c(e,t,45),700:c(e,t,35),800:c(e,t,25),900:c(e,t,15)}}const he={xs:{fontSize:"0.75rem",lineHeight:"1rem"},sm:{fontSize:"0.875rem",lineHeight:"1.25rem"},base:{fontSize:"1rem",lineHeight:"1.5rem"},lg:{fontSize:"1.125rem",lineHeight:"1.75rem"},xl:{fontSize:"1.25rem",lineHeight:"1.75rem"},"2xl":{fontSize:"1.5rem",lineHeight:"2rem"},"3xl":{fontSize:"1.875rem",lineHeight:"2.25rem"},"4xl":{fontSize:"2.25rem",lineHeight:"2.5rem"},"5xl":{fontSize:"3rem",lineHeight:"1.15"}},me={0:"0px",.5:"2px",1:"4px",1.5:"6px",2:"8px",2.5:"10px",3:"12px",4:"16px",5:"20px",6:"24px",8:"32px",10:"40px",12:"48px",16:"64px",20:"80px",24:"96px"},xe={sm:640,md:768,lg:1024,xl:1280,"2xl":1536},ge={none:"none",xs:"0 1px 2px 0 rgba(0,0,0,0.05)",sm:"0 1px 3px 0 rgba(0,0,0,0.1), 0 1px 2px -1px rgba(0,0,0,0.1)",md:"0 4px 6px -1px rgba(0,0,0,0.1), 0 2px 4px -2px rgba(0,0,0,0.1)",lg:"0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -4px rgba(0,0,0,0.1)",xl:"0 20px 25px -5px rgba(0,0,0,0.1), 0 8px 10px -6px rgba(0,0,0,0.1)","2xl":"0 25px 50px -12px rgba(0,0,0,0.25)",inner:"inset 0 2px 4px 0 rgba(0,0,0,0.06)"},be={hide:-1,base:0,dropdown:1e3,sticky:1100,fixed:1200,overlay:1300,modal:1400,popover:1500,tooltip:1600,toast:1700,max:9999},ve={none:"0",sm:"4px",md:"6px",lg:"8px",xl:"12px","2xl":"16px",full:"9999px"};exports.LRUCache=$;exports.Quantum=Z;exports.TKX=ee;exports.ThemeContext=T;exports.ThemeProvider=ue;exports.WCAGEngine=ae;exports.auroraLight=oe;exports.batchUpdate=R;exports.breakpoints=xe;exports.contrastRatio=d;exports.createAnnouncer=V;exports.createFocusTrap=K;exports.createTheme=le;exports.css=z;exports.cssVar=w;exports.extractCSS=A;exports.fnv1aHash=v;exports.fromObject=N;exports.generatePalette=pe;exports.getAccessibleForeground=P;exports.handleTabsKeyboard=U;exports.injectStyles=B;exports.keyframes=F;exports.meetsAA=g;exports.meetsAAA=E;exports.memoize=C;exports.prefersHighContrast=G;exports.prefersReducedMotion=q;exports.quantumDark=k;exports.radii=ve;exports.resetStyles=O;exports.responsive=L;exports.shadows=ge;exports.spacing=me;exports.typography=he;exports.useTheme=fe;exports.zIndex=be;