tekivex-ui 2.5.2 → 2.5.4

package/dist/TkxForm-DSMDo2Ol.js

@@ -0,0 +1,388 @@
+import { useRef as f, useEffect as j, useCallback as d, useState as K, useMemo as A, cloneElement as X, useContext as O, createContext as Z } from "react";
+import { G as ee, i as te, w as re, x as ne, u as Q } from "./index-eT_U4qB2.js";
+import { jsx as N, jsxs as T, Fragment as se } from "react/jsx-runtime";
+import { s as G } from "./security-CzAmaMqa.js";
+import { t as g, c as S } from "./tkx-BJ10JtMv.js";
+function pe() {
+  const [e, r] = K(() => typeof window > "u" ? !1 : ne());
+  return j(() => {
+    if (typeof window > "u") return;
+    const t = window.matchMedia("(prefers-reduced-motion: reduce)"), s = (i) => r(i.matches);
+    return t.addEventListener("change", s), () => t.removeEventListener("change", s);
+  }, []), e;
+}
+function Fe() {
+  const [e, r] = K(() => typeof window > "u" ? !1 : re());
+  return j(() => {
+    if (typeof window > "u") return;
+    const t = window.matchMedia("(forced-colors: active)"), s = (i) => r(i.matches);
+    return t.addEventListener("change", s), () => t.removeEventListener("change", s);
+  }, []), e;
+}
+function ge(e) {
+  const r = f(null);
+  return j(() => {
+    if (!e || !r.current) return;
+    const t = te(r.current);
+    return t.activate(), () => t.deactivate();
+  }, [e]), r;
+}
+function ye() {
+  const e = f(null);
+  return j(() => {
+    if (!(typeof document > "u"))
+      return e.current = ee(), () => {
+        var r;
+        (r = e.current) == null || r.destroy();
+      };
+  }, []), d((r, t = "polite") => {
+    var s;
+    (s = e.current) == null || s.announce(r, t);
+  }, []);
+}
+function ve(e, r = !0) {
+  const t = f(e);
+  t.current = e, j(() => {
+    if (!r || typeof document > "u") return;
+    const s = (i) => {
+      i.key === "Escape" && t.current();
+    };
+    return document.addEventListener("keydown", s), () => document.removeEventListener("keydown", s);
+  }, [r]);
+}
+function we(e, r) {
+  const t = f(r);
+  t.current = r, j(() => {
+    const s = (i) => {
+      !e.current || e.current.contains(i.target) || t.current();
+    };
+    return document.addEventListener("pointerdown", s), () => document.removeEventListener("pointerdown", s);
+  }, [e]);
+}
+const W = Z(null);
+function oe() {
+  const e = O(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, r) {
+  for (const t of r) {
+    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 s = await t.validator(e);
+        if (s)
+          return s;
+      }
+    }
+  }
+  return null;
+}
+function ce(e, r) {
+  const t = e ? [...e] : [];
+  return r && !t.some((s) => s.required) && t.unshift({ required: !0, message: "This field is required" }), t;
+}
+function ie(e) {
+  return e.some((r) => r.required);
+}
+function Ee() {
+  const e = O(W), r = f({}), t = f({}), s = f({}), i = A(() => ({
+    getFieldValue: (u) => r.current[u],
+    setFieldValue: (u, E) => {
+      r.current[u] = E;
+    },
+    getFieldsValue: () => ({ ...r.current }),
+    setFieldsValue: (u) => {
+      Object.assign(r.current, u);
+    },
+    validateFields: () => Promise.resolve({ ...r.current }),
+    validateField: (u) => Promise.resolve(!0),
+    resetFields: () => {
+      r.current = {}, t.current = {}, s.current = {};
+    },
+    getFieldError: (u) => t.current[u] ?? null,
+    isFieldTouched: (u) => s.current[u] ?? !1
+  }), []);
+  return e ? e.instance : i;
+}
+function ue({
+  onSubmit: e,
+  onValuesChange: r,
+  initialValues: t = {},
+  layout: s = "vertical",
+  disabled: i = !1,
+  children: u,
+  className: E,
+  style: L,
+  form: b
+}) {
+  const m = Q(), [v, p] = K({
+    values: { ...t },
+    errors: {},
+    touched: {}
+  }), H = f(t), h = f({}), x = f(v);
+  x.current = v;
+  const M = d((n, o) => {
+    h.current[n] = o;
+  }, []), I = d((n) => {
+    delete h.current[n];
+  }, []), q = d((n, o) => {
+    p((c) => {
+      const a = {
+        ...c,
+        values: { ...c.values, [n]: o }
+      };
+      return r == null || r({ [n]: o }, a.values), a;
+    });
+  }, [r]), z = d((n, o) => {
+    p((c) => ({
+      ...c,
+      errors: { ...c.errors, [n]: o }
+    }));
+  }, []), w = d((n) => {
+    p((o) => ({
+      ...o,
+      touched: { ...o.touched, [n]: !0 }
+    }));
+  }, []), R = d(async (n) => {
+    const o = h.current[n];
+    if (!o) return !0;
+    const c = x.current.values[n], a = await _(c, o.rules);
+    return p((F) => ({
+      ...F,
+      errors: { ...F.errors, [n]: a },
+      touched: { ...F.touched, [n]: !0 }
+    })), a === null;
+  }, []), k = d(async () => {
+    const n = Object.keys(h.current), o = await Promise.all(
+      n.map(async (l) => {
+        const y = h.current[l], U = x.current.values[l], V = await _(U, y.rules);
+        return { name: l, error: V };
+      })
+    ), c = {}, a = {};
+    let F = !1;
+    for (const { name: l, error: y } of o)
+      c[l] = y, a[l] = !0, y && (F = !0);
+    if (p((l) => ({
+      ...l,
+      errors: { ...l.errors, ...c },
+      touched: { ...l.touched, ...a }
+    })), F) {
+      const l = Object.fromEntries(
+        o.filter((y) => y.error).map((y) => [y.name, y.error])
+      );
+      return Promise.reject(l);
+    }
+    return { ...x.current.values };
+  }, []), P = d(() => {
+    p({
+      values: { ...H.current },
+      errors: {},
+      touched: {}
+    });
+  }, []), Y = A(() => ({
+    getFieldValue: (n) => x.current.values[n],
+    setFieldValue: q,
+    getFieldsValue: () => ({ ...x.current.values }),
+    setFieldsValue: (n) => {
+      p((o) => {
+        const c = { ...o.values, ...n };
+        return r == null || r(n, c), { ...o, values: c };
+      });
+    },
+    validateFields: k,
+    validateField: R,
+    resetFields: P,
+    getFieldError: (n) => x.current.errors[n] ?? null,
+    isFieldTouched: (n) => !!x.current.touched[n]
+  }), [q, k, R, P, r]), C = d(async (n) => {
+    n.preventDefault();
+    try {
+      const o = await k();
+      await (e == null ? void 0 : e(o));
+    } catch {
+    }
+  }, [k, e]), $ = s === "inline" ? g("flex flex-row flex-wrap items-end gap-4") : g("flex flex-col gap-5"), B = b ?? Y, D = A(() => ({
+    state: v,
+    initialValues: H.current,
+    layout: s,
+    disabled: i,
+    fieldMeta: h,
+    setFieldValue: q,
+    setFieldError: z,
+    setFieldTouched: w,
+    registerField: M,
+    unregisterField: I,
+    validateField: R,
+    instance: B
+  }), [v, s, i, q, z, w, M, I, R, B]);
+  return /* @__PURE__ */ N(W.Provider, { value: D, children: /* @__PURE__ */ N(
+    "form",
+    {
+      noValidate: !0,
+      role: "form",
+      "aria-label": "Form",
+      onSubmit: C,
+      className: S($, E),
+      style: {
+        color: m.text,
+        ...L
+      },
+      children: u
+    }
+  ) });
+}
+ue.displayName = "TkxForm";
+function ae({
+  name: e,
+  label: r,
+  rules: t,
+  help: s,
+  required: i,
+  children: u,
+  className: E,
+  style: L
+}) {
+  const b = Q(), m = oe(), { state: v, layout: p, disabled: H } = m, h = A(() => ce(t, i), [t, i]), x = ie(h), M = f({ rules: h });
+  M.current.rules = h;
+  const I = f(!1);
+  I.current || (m.registerField(e, M.current), I.current = !0), A(() => {
+    m.registerField(e, M.current);
+  }, [h, e, m]);
+  const q = v.values[e], z = v.touched[e] ? v.errors[e] ?? null : null, w = z ? G(z) : null, R = r ? G(r) : void 0, k = s ? G(s) : void 0, P = d(
+    (c) => {
+      let a;
+      if (c !== null && typeof c == "object" && "target" in c) {
+        const F = c.target;
+        a = F.type === "checkbox" ? F.checked : F.value;
+      } else
+        a = c;
+      m.setFieldValue(e, a);
+    },
+    [m, e]
+  ), Y = d(() => {
+    m.setFieldTouched(e), m.validateField(e);
+  }, [m, e]), C = X(u, {
+    value: q ?? "",
+    onChange: P,
+    onBlur: Y,
+    error: w ?? void 0,
+    isInvalid: !!w,
+    isRequired: x,
+    disabled: H || u.props.disabled,
+    name: e
+  }), $ = p === "horizontal", B = p === "inline", D = /* @__PURE__ */ N("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": "true", children: /* @__PURE__ */ N("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" }) }), n = R ? /* @__PURE__ */ T(
+    "label",
+    {
+      className: g(
+        "text-sm font-medium font-sans",
+        $ ? "min-w-[140px] pt-2.5" : ""
+      ),
+      style: { color: b.text },
+      children: [
+        R,
+        x && /* @__PURE__ */ N("span", { "aria-hidden": "true", className: g("ml-1"), style: { color: b.danger }, children: "*" })
+      ]
+    }
+  ) : null, o = /* @__PURE__ */ T(se, { children: [
+    k && !w && /* @__PURE__ */ N("span", { className: g("text-xs mt-0.5"), style: { color: b.textMuted }, children: k }),
+    w && /* @__PURE__ */ T(
+      "span",
+      {
+        role: "alert",
+        className: g("text-xs flex items-center gap-1 mt-0.5"),
+        style: {
+          color: b.danger,
+          animation: "tkxFormErrorReveal 200ms ease-out"
+        },
+        children: [
+          D,
+          w
+        ]
+      }
+    )
+  ] });
+  return B ? /* @__PURE__ */ T(
+    "div",
+    {
+      className: S(g("flex flex-col gap-1"), E),
+      style: L,
+      children: [
+        n,
+        C,
+        o
+      ]
+    }
+  ) : $ ? /* @__PURE__ */ T(
+    "div",
+    {
+      className: S(g("flex flex-row gap-4 items-start"), E),
+      style: L,
+      children: [
+        n,
+        /* @__PURE__ */ T("div", { className: g("flex flex-col gap-1 flex-1 min-w-0"), children: [
+          C,
+          o
+        ] })
+      ]
+    }
+  ) : /* @__PURE__ */ T(
+    "div",
+    {
+      className: S(g("flex flex-col gap-1"), E),
+      style: L,
+      children: [
+        n,
+        C,
+        o
+      ]
+    }
+  );
+}
+ae.displayName = "TkxFormField";
+let J = !1;
+function le() {
+  if (J || typeof document > "u") return;
+  J = !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);
+}
+le();
+export {
+  ue as T,
+  ye as a,
+  ge as b,
+  ve as c,
+  we as d,
+  ae as e,
+  Fe as f,
+  Ee as g,
+  pe as u
+};

package/dist/TkxForm-DwV_n-eE.cjs

@@ -0,0 +1,12 @@
+"use strict";const n=require("react"),C=require("./index-BINBzXuY.cjs"),l=require("react/jsx-runtime"),$=require("./security-C369oOWH.cjs"),d=require("./tkx-BeNyC0w7.cjs");function G(){const[e,r]=n.useState(()=>typeof window>"u"?!1:C.prefersReducedMotion());return n.useEffect(()=>{if(typeof window>"u")return;const t=window.matchMedia("(prefers-reduced-motion: reduce)"),o=i=>r(i.matches);return t.addEventListener("change",o),()=>t.removeEventListener("change",o)},[]),e}function J(){const[e,r]=n.useState(()=>typeof window>"u"?!1:C.prefersHighContrast());return n.useEffect(()=>{if(typeof window>"u")return;const t=window.matchMedia("(forced-colors: active)"),o=i=>r(i.matches);return t.addEventListener("change",o),()=>t.removeEventListener("change",o)},[]),e}function Q(e){const r=n.useRef(null);return n.useEffect(()=>{if(!e||!r.current)return;const t=C.createFocusTrap(r.current);return t.activate(),()=>t.deactivate()},[e]),r}function U(){const e=n.useRef(null);return n.useEffect(()=>{if(!(typeof document>"u"))return e.current=C.createAnnouncer(),()=>{var r;(r=e.current)==null||r.destroy()}},[]),n.useCallback((r,t="polite")=>{var o;(o=e.current)==null||o.announce(r,t)},[])}function V(e,r=!0){const t=n.useRef(e);t.current=e,n.useEffect(()=>{if(!r||typeof document>"u")return;const o=i=>{i.key==="Escape"&&t.current()};return document.addEventListener("keydown",o),()=>document.removeEventListener("keydown",o)},[r])}function X(e,r){const t=n.useRef(r);t.current=r,n.useEffect(()=>{const o=i=>{!e.current||e.current.contains(i.target)||t.current()};return document.addEventListener("pointerdown",o),()=>document.removeEventListener("pointerdown",o)},[e])}const B=n.createContext(null);function Z(){const e=n.useContext(B);if(!e)throw new Error("TkxFormField must be used inside a <TkxForm>. Wrap your fields in a TkxForm component.");return e}async function K(e,r){for(const t of r){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 o=await t.validator(e);if(o)return o}}}return null}function ee(e,r){const t=e?[...e]:[];return r&&!t.some(o=>o.required)&&t.unshift({required:!0,message:"This field is required"}),t}function te(e){return e.some(r=>r.required)}function re(){const e=n.useContext(B),r=n.useRef({}),t=n.useRef({}),o=n.useRef({}),i=n.useMemo(()=>({getFieldValue:a=>r.current[a],setFieldValue:(a,v)=>{r.current[a]=v},getFieldsValue:()=>({...r.current}),setFieldsValue:a=>{Object.assign(r.current,a)},validateFields:()=>Promise.resolve({...r.current}),validateField:a=>Promise.resolve(!0),resetFields:()=>{r.current={},t.current={},o.current={}},getFieldError:a=>t.current[a]??null,isFieldTouched:a=>o.current[a]??!1}),[]);return e?e.instance:i}function D({onSubmit:e,onValuesChange:r,initialValues:t={},layout:o="vertical",disabled:i=!1,children:a,className:v,style:M,form:b}){const x=C.useTheme(),[y,p]=n.useState({values:{...t},errors:{},touched:{}}),z=n.useRef(t),h=n.useRef({}),F=n.useRef(y);F.current=y;const T=n.useCallback((s,c)=>{h.current[s]=c},[]),q=n.useCallback(s=>{delete h.current[s]},[]),j=n.useCallback((s,c)=>{p(u=>{const f={...u,values:{...u.values,[s]:c}};return r==null||r({[s]:c},f.values),f})},[r]),N=n.useCallback((s,c)=>{p(u=>({...u,errors:{...u.errors,[s]:c}}))},[]),R=n.useCallback(s=>{p(c=>({...c,touched:{...c.touched,[s]:!0}}))},[]),w=n.useCallback(async s=>{const c=h.current[s];if(!c)return!0;const u=F.current.values[s],f=await K(u,c.rules);return p(g=>({...g,errors:{...g.errors,[s]:f},touched:{...g.touched,[s]:!0}})),f===null},[]),E=n.useCallback(async()=>{const s=Object.keys(h.current),c=await Promise.all(s.map(async m=>{const k=h.current[m],W=F.current.values[m],_=await K(W,k.rules);return{name:m,error:_}})),u={},f={};let g=!1;for(const{name:m,error:k}of c)u[m]=k,f[m]=!0,k&&(g=!0);if(p(m=>({...m,errors:{...m.errors,...u},touched:{...m.touched,...f}})),g){const m=Object.fromEntries(c.filter(k=>k.error).map(k=>[k.name,k.error]));return Promise.reject(m)}return{...F.current.values}},[]),I=n.useCallback(()=>{p({values:{...z.current},errors:{},touched:{}})},[]),S=n.useMemo(()=>({getFieldValue:s=>F.current.values[s],setFieldValue:j,getFieldsValue:()=>({...F.current.values}),setFieldsValue:s=>{p(c=>{const u={...c.values,...s};return r==null||r(s,u),{...c,values:u}})},validateFields:E,validateField:w,resetFields:I,getFieldError:s=>F.current.errors[s]??null,isFieldTouched:s=>!!F.current.touched[s]}),[j,E,w,I,r]),L=n.useCallback(async s=>{s.preventDefault();try{const c=await E();await(e==null?void 0:e(c))}catch{}},[E,e]),A=o==="inline"?d.tkx("flex flex-row flex-wrap items-end gap-4"):d.tkx("flex flex-col gap-5"),H=b??S,P=n.useMemo(()=>({state:y,initialValues:z.current,layout:o,disabled:i,fieldMeta:h,setFieldValue:j,setFieldError:N,setFieldTouched:R,registerField:T,unregisterField:q,validateField:w,instance:H}),[y,o,i,j,N,R,T,q,w,H]);return l.jsx(B.Provider,{value:P,children:l.jsx("form",{noValidate:!0,role:"form","aria-label":"Form",onSubmit:L,className:d.cx(A,v),style:{color:x.text,...M},children:a})})}D.displayName="TkxForm";function O({name:e,label:r,rules:t,help:o,required:i,children:a,className:v,style:M}){const b=C.useTheme(),x=Z(),{state:y,layout:p,disabled:z}=x,h=n.useMemo(()=>ee(t,i),[t,i]),F=te(h),T=n.useRef({rules:h});T.current.rules=h;const q=n.useRef(!1);q.current||(x.registerField(e,T.current),q.current=!0),n.useMemo(()=>{x.registerField(e,T.current)},[h,e,x]);const j=y.values[e],N=y.touched[e]?y.errors[e]??null:null,R=N?$.sanitizeString(N):null,w=r?$.sanitizeString(r):void 0,E=o?$.sanitizeString(o):void 0,I=n.useCallback(u=>{let f;if(u!==null&&typeof u=="object"&&"target"in u){const g=u.target;f=g.type==="checkbox"?g.checked:g.value}else f=u;x.setFieldValue(e,f)},[x,e]),S=n.useCallback(()=>{x.setFieldTouched(e),x.validateField(e)},[x,e]),L=n.cloneElement(a,{value:j??"",onChange:I,onBlur:S,error:R??void 0,isInvalid:!!R,isRequired:F,disabled:z||a.props.disabled,name:e}),A=p==="horizontal",H=p==="inline",P=l.jsx("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"currentColor","aria-hidden":"true",children:l.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"})}),s=w?l.jsxs("label",{className:d.tkx("text-sm font-medium font-sans",A?"min-w-[140px] pt-2.5":""),style:{color:b.text},children:[w,F&&l.jsx("span",{"aria-hidden":"true",className:d.tkx("ml-1"),style:{color:b.danger},children:"*"})]}):null,c=l.jsxs(l.Fragment,{children:[E&&!R&&l.jsx("span",{className:d.tkx("text-xs mt-0.5"),style:{color:b.textMuted},children:E}),R&&l.jsxs("span",{role:"alert",className:d.tkx("text-xs flex items-center gap-1 mt-0.5"),style:{color:b.danger,animation:"tkxFormErrorReveal 200ms ease-out"},children:[P,R]})]});return H?l.jsxs("div",{className:d.cx(d.tkx("flex flex-col gap-1"),v),style:M,children:[s,L,c]}):A?l.jsxs("div",{className:d.cx(d.tkx("flex flex-row gap-4 items-start"),v),style:M,children:[s,l.jsxs("div",{className:d.tkx("flex flex-col gap-1 flex-1 min-w-0"),children:[L,c]})]}):l.jsxs("div",{className:d.cx(d.tkx("flex flex-col gap-1"),v),style:M,children:[s,L,c]})}O.displayName="TkxFormField";let Y=!1;function ne(){if(Y||typeof document>"u")return;Y=!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)}ne();exports.TkxForm=D;exports.TkxFormField=O;exports.useAnnounce=U;exports.useClickOutside=X;exports.useEscapeKey=V;exports.useFocusTrap=Q;exports.useHighContrast=J;exports.useReducedMotion=G;exports.useTkxForm=re;

package/dist/charts.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("recharts"),b=require("./index-BINBzXuY.cjs");function C(r){return[r.primary,r.secondary,r.info,r.success,r.warning,r.danger,"#a855f7","#f97316","#14b8a6","#e879f9"]}const v={top:10,right:30,bottom:10,left:0};function T(r){return{contentStyle:{backgroundColor:r.surface,border:`1px solid ${r.border}`,borderRadius:8,boxShadow:"0 4px 12px rgba(0,0,0,0.15)",color:r.text,fontSize:13},labelStyle:{color:r.textMuted,fontWeight:600,marginBottom:4},itemStyle:{color:r.text},cursor:{fill:`${r.primary}15`}}}function A({data:r,series:S,xKey:h,height:m=300,margin:d=v,showGrid:x=!0,showLegend:u=!0,showTooltip:j=!0,smooth:a=!0,xTickFormatter:y,yTickFormatter:i,yDomain:o,ariaLabel:c="Area chart"}){const l=b.useTheme(),f=C(l),n=T(l),g={fill:l.textMuted,fontSize:12};return e.jsx("div",{role:"img","aria-label":c,style:{width:"100%",height:m},children:e.jsx(t.ResponsiveContainer,{width:"100%",height:"100%",children:e.jsxs(t.AreaChart,{data:r,margin:d,children:[x&&e.jsx(t.CartesianGrid,{strokeDasharray:"3 3",stroke:l.border,vertical:!1}),e.jsx(t.XAxis,{dataKey:h,tick:g,axisLine:{stroke:l.border},tickLine:!1,tickFormatter:y}),e.jsx(t.YAxis,{tick:g,axisLine:!1,tickLine:!1,tickFormatter:i,domain:o}),j&&e.jsx(t.Tooltip,{contentStyle:n.contentStyle,labelStyle:n.labelStyle,itemStyle:n.itemStyle,cursor:n.cursor}),u&&e.jsx(t.Legend,{wrapperStyle:{fontSize:13,color:l.textMuted,paddingTop:8}}),S.map((k,p)=>{const s=k.color??f[p%f.length];return e.jsx(t.Area,{type:a?"monotone":"linear",dataKey:k.key,name:k.label??k.key,stroke:s,strokeWidth:2,fill:s,fillOpacity:k.fillOpacity??.2,stackId:k.stacked?"stack":void 0,dot:!1,activeDot:{r:5,strokeWidth:0}},k.key)})]})})})}function z({data:r,series:S,xKey:h,height:m=300,margin:d=v,showGrid:x=!0,showLegend:u=!0,showTooltip:j=!0,layout:a="horizontal",barSize:y,xTickFormatter:i,yTickFormatter:o,ariaLabel:c="Bar chart"}){const l=b.useTheme(),f=C(l),n=T(l),g={fill:l.textMuted,fontSize:12},k=a==="vertical";return e.jsx("div",{role:"img","aria-label":c,style:{width:"100%",height:m},children:e.jsx(t.ResponsiveContainer,{width:"100%",height:"100%",children:e.jsxs(t.BarChart,{data:r,margin:d,layout:a,children:[x&&e.jsx(t.CartesianGrid,{strokeDasharray:"3 3",stroke:l.border,vertical:k,horizontal:!k}),k?e.jsxs(e.Fragment,{children:[e.jsx(t.YAxis,{dataKey:h,type:"category",tick:g,axisLine:!1,tickLine:!1,tickFormatter:i,width:100}),e.jsx(t.XAxis,{type:"number",tick:g,axisLine:{stroke:l.border},tickLine:!1,tickFormatter:o})]}):e.jsxs(e.Fragment,{children:[e.jsx(t.XAxis,{dataKey:h,tick:g,axisLine:{stroke:l.border},tickLine:!1,tickFormatter:i}),e.jsx(t.YAxis,{tick:g,axisLine:!1,tickLine:!1,tickFormatter:o})]}),j&&e.jsx(t.Tooltip,{contentStyle:n.contentStyle,labelStyle:n.labelStyle,itemStyle:n.itemStyle,cursor:{fill:`${l.surfaceAlt}`}}),u&&e.jsx(t.Legend,{wrapperStyle:{fontSize:13,color:l.textMuted,paddingTop:8}}),S.map((p,s)=>{const L=p.color??f[s%f.length];return e.jsx(t.Bar,{dataKey:p.key,name:p.label??p.key,fill:L,stackId:p.stackId,maxBarSize:y??40,radius:p.radius??[4,4,0,0]},p.key)})]})})})}function M({data:r,series:S,xKey:h,height:m=300,margin:d=v,showGrid:x=!0,showLegend:u=!0,showTooltip:j=!0,smooth:a=!0,referenceLines:y=[],xTickFormatter:i,yTickFormatter:o,yDomain:c,connectNulls:l=!1,ariaLabel:f="Line chart"}){const n=b.useTheme(),g=C(n),k=T(n),p={fill:n.textMuted,fontSize:12};return e.jsx("div",{role:"img","aria-label":f,style:{width:"100%",height:m},children:e.jsx(t.ResponsiveContainer,{width:"100%",height:"100%",children:e.jsxs(t.LineChart,{data:r,margin:d,children:[x&&e.jsx(t.CartesianGrid,{strokeDasharray:"3 3",stroke:n.border,vertical:!1}),e.jsx(t.XAxis,{dataKey:h,tick:p,axisLine:{stroke:n.border},tickLine:!1,tickFormatter:i}),e.jsx(t.YAxis,{tick:p,axisLine:!1,tickLine:!1,tickFormatter:o,domain:c}),j&&e.jsx(t.Tooltip,{contentStyle:k.contentStyle,labelStyle:k.labelStyle,itemStyle:k.itemStyle,cursor:{stroke:n.border,strokeWidth:1}}),u&&e.jsx(t.Legend,{wrapperStyle:{fontSize:13,color:n.textMuted,paddingTop:8}}),y.map((s,L)=>e.jsx(t.ReferenceLine,{y:s.y,x:s.x,label:s.label?{value:s.label,fill:n.textMuted,fontSize:11}:void 0,stroke:s.color??n.border,strokeDasharray:s.dashed?"4 4":void 0},L)),S.map((s,L)=>{const w=s.color??g[L%g.length];return e.jsx(t.Line,{type:a?"monotone":"linear",dataKey:s.key,name:s.label??s.key,stroke:w,strokeWidth:s.strokeWidth??2,strokeDasharray:s.dashed?"6 3":void 0,dot:s.dot??!1,activeDot:{r:5,strokeWidth:0,fill:w},connectNulls:l},s.key)})]})})})}function R({data:r,height:S=300,showLegend:h=!0,showTooltip:m=!0,showLabels:d=!1,outerRadius:x="70%",startAngle:u=90,ariaLabel:j="Pie chart"}){const a=b.useTheme(),y=C(a),i=T(a);return e.jsx("div",{role:"img","aria-label":j,style:{width:"100%",height:S},children:e.jsx(t.ResponsiveContainer,{width:"100%",height:"100%",children:e.jsxs(t.PieChart,{children:[m&&e.jsx(t.Tooltip,{contentStyle:i.contentStyle,labelStyle:i.labelStyle,itemStyle:i.itemStyle}),h&&e.jsx(t.Legend,{wrapperStyle:{fontSize:13,color:a.textMuted}}),e.jsx(t.Pie,{data:r,dataKey:"value",nameKey:"name",outerRadius:x,startAngle:u,endAngle:u-360,label:d?({name:o,percent:c})=>`${o} (${(c*100).toFixed(0)}%)`:void 0,labelLine:d,strokeWidth:2,stroke:a.bg,children:r.map((o,c)=>e.jsx(t.Cell,{fill:o.color??y[c%y.length]},o.name))})]})})})}function D({data:r,height:S=300,showLegend:h=!0,showTooltip:m=!0,centerLabel:d,centerSublabel:x,innerRadius:u="55%",outerRadius:j="75%",startAngle:a=90,ariaLabel:y="Donut chart"}){const i=b.useTheme(),o=C(i),c=T(i);return e.jsxs("div",{role:"img","aria-label":y,style:{width:"100%",height:S},children:[e.jsx(t.ResponsiveContainer,{width:"100%",height:"100%",children:e.jsxs(t.PieChart,{children:[m&&e.jsx(t.Tooltip,{contentStyle:c.contentStyle,labelStyle:c.labelStyle,itemStyle:c.itemStyle}),h&&e.jsx(t.Legend,{wrapperStyle:{fontSize:13,color:i.textMuted}}),e.jsx(t.Pie,{data:r,dataKey:"value",nameKey:"name",innerRadius:u,outerRadius:j,startAngle:a,endAngle:a-360,strokeWidth:3,stroke:i.bg,label:!1,labelLine:!1,children:r.map((l,f)=>e.jsx(t.Cell,{fill:l.color??o[f%o.length]},l.name))}),(d||x)&&e.jsx("text",{})]})}),(d||x)&&e.jsxs("div",{style:{position:"absolute",inset:0,display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",pointerEvents:"none",marginTop:h?-24:0},children:[d&&e.jsx("span",{style:{fontSize:22,fontWeight:700,color:i.text,lineHeight:1},children:d}),x&&e.jsx("span",{style:{fontSize:13,color:i.textMuted,marginTop:4},children:x})]})]})}function K({series:r,height:S=300,margin:h=v,showGrid:m=!0,showLegend:d=!0,showTooltip:x=!0,xTickFormatter:u,yTickFormatter:j,zRange:a=[20,400],ariaLabel:y="Scatter chart"}){const i=b.useTheme(),o=C(i),c=T(i),l={fill:i.textMuted,fontSize:12};return e.jsx("div",{role:"img","aria-label":y,style:{width:"100%",height:S},children:e.jsx(t.ResponsiveContainer,{width:"100%",height:"100%",children:e.jsxs(t.ScatterChart,{margin:h,children:[m&&e.jsx(t.CartesianGrid,{strokeDasharray:"3 3",stroke:i.border}),e.jsx(t.XAxis,{type:"number",dataKey:"x",tick:l,axisLine:{stroke:i.border},tickLine:!1,tickFormatter:u}),e.jsx(t.YAxis,{type:"number",dataKey:"y",tick:l,axisLine:!1,tickLine:!1,tickFormatter:j}),e.jsx(t.ZAxis,{type:"number",dataKey:"z",range:a}),x&&e.jsx(t.Tooltip,{contentStyle:c.contentStyle,labelStyle:c.labelStyle,itemStyle:c.itemStyle,cursor:{strokeDasharray:"3 3"}}),d&&e.jsx(t.Legend,{wrapperStyle:{fontSize:13,color:i.textMuted,paddingTop:8}}),r.map((f,n)=>e.jsx(t.Scatter,{name:f.name,data:f.data,fill:f.color??o[n%o.length],fillOpacity:.8},f.name??n))]})})})}function F({data:r,series:S,angleKey:h,height:m=300,showLegend:d=!0,showTooltip:x=!0,outerRadius:u="70%",ariaLabel:j="Radar chart"}){const a=b.useTheme(),y=C(a),i=T(a);return e.jsx("div",{role:"img","aria-label":j,style:{width:"100%",height:m},children:e.jsx(t.ResponsiveContainer,{width:"100%",height:"100%",children:e.jsxs(t.RadarChart,{data:r,outerRadius:u,children:[e.jsx(t.PolarGrid,{stroke:a.border}),e.jsx(t.PolarAngleAxis,{dataKey:h,tick:{fill:a.textMuted,fontSize:12}}),e.jsx(t.PolarRadiusAxis,{tick:{fill:a.textMuted,fontSize:10},axisLine:!1,tickLine:!1}),x&&e.jsx(t.Tooltip,{contentStyle:i.contentStyle,labelStyle:i.labelStyle,itemStyle:i.itemStyle}),d&&e.jsx(t.Legend,{wrapperStyle:{fontSize:13,color:a.textMuted}}),S.map((o,c)=>{const l=o.color??y[c%y.length];return e.jsx(t.Radar,{name:o.label??o.key,dataKey:o.key,stroke:l,fill:l,fillOpacity:o.fillOpacity??.2,strokeWidth:2},o.key)})]})})})}exports.TkxAreaChart=A;exports.TkxBarChart=z;exports.TkxDonutChart=D;exports.TkxLineChart=M;exports.TkxPieChart=R;exports.TkxRadarChart=F;exports.TkxScatterChart=K;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("recharts"),g=require("./index-BINBzXuY.cjs"),L=require("react");function C(i){return[i.primary,i.secondary,i.info,i.success,i.warning,i.danger,"#a855f7","#f97316","#14b8a6","#e879f9"]}const A={top:10,right:30,bottom:10,left:0};function T(i){return{contentStyle:{backgroundColor:i.surface,border:`1px solid ${i.border}`,borderRadius:8,boxShadow:"0 4px 12px rgba(0,0,0,0.15)",color:i.text,fontSize:13},labelStyle:{color:i.textMuted,fontWeight:600,marginBottom:4},itemStyle:{color:i.text},cursor:{fill:`${i.primary}15`}}}function z({data:i,series:m,xKey:y,height:S=300,margin:d=A,showGrid:h=!0,showLegend:f=!0,showTooltip:p=!0,smooth:l=!0,xTickFormatter:u,yTickFormatter:o,yDomain:n,ariaLabel:x="Area chart"}){const r=g.useTheme(),c=C(r),a=T(r),j={fill:r.textMuted,fontSize:12};return e.jsx("div",{role:"img","aria-label":x,style:{width:"100%",height:S},children:e.jsx(t.ResponsiveContainer,{width:"100%",height:"100%",children:e.jsxs(t.AreaChart,{data:i,margin:d,children:[h&&e.jsx(t.CartesianGrid,{strokeDasharray:"3 3",stroke:r.border,vertical:!1}),e.jsx(t.XAxis,{dataKey:y,tick:j,axisLine:{stroke:r.border},tickLine:!1,tickFormatter:u}),e.jsx(t.YAxis,{tick:j,axisLine:!1,tickLine:!1,tickFormatter:o,domain:n}),p&&e.jsx(t.Tooltip,{contentStyle:a.contentStyle,labelStyle:a.labelStyle,itemStyle:a.itemStyle,cursor:a.cursor}),f&&e.jsx(t.Legend,{wrapperStyle:{fontSize:13,color:r.textMuted,paddingTop:8}}),m.map((k,b)=>{const s=k.color??c[b%c.length];return e.jsx(t.Area,{type:l?"monotone":"linear",dataKey:k.key,name:k.label??k.key,stroke:s,strokeWidth:2,fill:s,fillOpacity:k.fillOpacity??.2,stackId:k.stacked?"stack":void 0,dot:!1,activeDot:{r:5,strokeWidth:0}},k.key)})]})})})}function M({data:i,series:m,xKey:y,height:S=300,margin:d=A,showGrid:h=!0,showLegend:f=!0,showTooltip:p=!0,layout:l="horizontal",barSize:u,xTickFormatter:o,yTickFormatter:n,ariaLabel:x="Bar chart"}){const r=g.useTheme(),c=C(r),a=T(r),j={fill:r.textMuted,fontSize:12},k=l==="vertical";return e.jsx("div",{role:"img","aria-label":x,style:{width:"100%",height:S},children:e.jsx(t.ResponsiveContainer,{width:"100%",height:"100%",children:e.jsxs(t.BarChart,{data:i,margin:d,layout:l,children:[h&&e.jsx(t.CartesianGrid,{strokeDasharray:"3 3",stroke:r.border,vertical:k,horizontal:!k}),k?e.jsxs(e.Fragment,{children:[e.jsx(t.YAxis,{dataKey:y,type:"category",tick:j,axisLine:!1,tickLine:!1,tickFormatter:o,width:100}),e.jsx(t.XAxis,{type:"number",tick:j,axisLine:{stroke:r.border},tickLine:!1,tickFormatter:n})]}):e.jsxs(e.Fragment,{children:[e.jsx(t.XAxis,{dataKey:y,tick:j,axisLine:{stroke:r.border},tickLine:!1,tickFormatter:o}),e.jsx(t.YAxis,{tick:j,axisLine:!1,tickLine:!1,tickFormatter:n})]}),p&&e.jsx(t.Tooltip,{contentStyle:a.contentStyle,labelStyle:a.labelStyle,itemStyle:a.itemStyle,cursor:{fill:`${r.surfaceAlt}`}}),f&&e.jsx(t.Legend,{wrapperStyle:{fontSize:13,color:r.textMuted,paddingTop:8}}),m.map((b,s)=>{const v=b.color??c[s%c.length];return e.jsx(t.Bar,{dataKey:b.key,name:b.label??b.key,fill:v,stackId:b.stackId,maxBarSize:u??40,radius:b.radius??[4,4,0,0]},b.key)})]})})})}function R({data:i,series:m,xKey:y,height:S=300,margin:d=A,showGrid:h=!0,showLegend:f=!0,showTooltip:p=!0,smooth:l=!0,referenceLines:u=[],xTickFormatter:o,yTickFormatter:n,yDomain:x,connectNulls:r=!1,ariaLabel:c="Line chart"}){const a=g.useTheme(),j=C(a),k=T(a),b={fill:a.textMuted,fontSize:12};return e.jsx("div",{role:"img","aria-label":c,style:{width:"100%",height:S},children:e.jsx(t.ResponsiveContainer,{width:"100%",height:"100%",children:e.jsxs(t.LineChart,{data:i,margin:d,children:[h&&e.jsx(t.CartesianGrid,{strokeDasharray:"3 3",stroke:a.border,vertical:!1}),e.jsx(t.XAxis,{dataKey:y,tick:b,axisLine:{stroke:a.border},tickLine:!1,tickFormatter:o}),e.jsx(t.YAxis,{tick:b,axisLine:!1,tickLine:!1,tickFormatter:n,domain:x}),p&&e.jsx(t.Tooltip,{contentStyle:k.contentStyle,labelStyle:k.labelStyle,itemStyle:k.itemStyle,cursor:{stroke:a.border,strokeWidth:1}}),f&&e.jsx(t.Legend,{wrapperStyle:{fontSize:13,color:a.textMuted,paddingTop:8}}),u.map((s,v)=>e.jsx(t.ReferenceLine,{y:s.y,x:s.x,label:s.label?{value:s.label,fill:a.textMuted,fontSize:11}:void 0,stroke:s.color??a.border,strokeDasharray:s.dashed?"4 4":void 0},v)),m.map((s,v)=>{const w=s.color??j[v%j.length];return e.jsx(t.Line,{type:l?"monotone":"linear",dataKey:s.key,name:s.label??s.key,stroke:w,strokeWidth:s.strokeWidth??2,strokeDasharray:s.dashed?"6 3":void 0,dot:s.dot??!1,activeDot:{r:5,strokeWidth:0,fill:w},connectNulls:r},s.key)})]})})})}function F({data:i,height:m=300,showLegend:y=!0,showTooltip:S=!0,showLabels:d=!1,outerRadius:h="70%",startAngle:f=90,ariaLabel:p="Pie chart"}){const l=g.useTheme(),u=C(l),o=T(l),[n,x]=L.useState(!1);return L.useEffect(()=>{const r=requestAnimationFrame(()=>x(!0));return()=>cancelAnimationFrame(r)},[]),e.jsx("div",{role:"img","aria-label":p,style:{width:"100%",minWidth:240,height:m,position:"relative"},children:n&&e.jsx(t.ResponsiveContainer,{width:"100%",height:"100%",debounce:50,children:e.jsxs(t.PieChart,{children:[S&&e.jsx(t.Tooltip,{contentStyle:o.contentStyle,labelStyle:o.labelStyle,itemStyle:o.itemStyle}),y&&e.jsx(t.Legend,{wrapperStyle:{fontSize:13,color:l.textMuted}}),e.jsx(t.Pie,{data:i,dataKey:"value",nameKey:"name",outerRadius:h,startAngle:f,endAngle:f-360,label:d?({name:r,percent:c})=>`${r} (${(c*100).toFixed(0)}%)`:void 0,labelLine:d,strokeWidth:2,stroke:l.bg,children:i.map((r,c)=>e.jsx(t.Cell,{fill:r.color??u[c%u.length]},r.name))})]})})})}function D({data:i,height:m=300,showLegend:y=!0,showTooltip:S=!0,centerLabel:d,centerSublabel:h,innerRadius:f="55%",outerRadius:p="75%",startAngle:l=90,ariaLabel:u="Donut chart"}){const o=g.useTheme(),n=C(o),x=T(o),[r,c]=L.useState(!1);return L.useEffect(()=>{const a=requestAnimationFrame(()=>c(!0));return()=>cancelAnimationFrame(a)},[]),e.jsxs("div",{role:"img","aria-label":u,style:{width:"100%",minWidth:240,height:m,position:"relative"},children:[r&&e.jsx(t.ResponsiveContainer,{width:"100%",height:"100%",debounce:50,children:e.jsxs(t.PieChart,{children:[S&&e.jsx(t.Tooltip,{contentStyle:x.contentStyle,labelStyle:x.labelStyle,itemStyle:x.itemStyle}),y&&e.jsx(t.Legend,{wrapperStyle:{fontSize:13,color:o.textMuted}}),e.jsx(t.Pie,{data:i,dataKey:"value",nameKey:"name",innerRadius:f,outerRadius:p,startAngle:l,endAngle:l-360,strokeWidth:3,stroke:o.bg,label:!1,labelLine:!1,children:i.map((a,j)=>e.jsx(t.Cell,{fill:a.color??n[j%n.length]},a.name))}),(d||h)&&e.jsx("text",{})]})}),(d||h)&&e.jsxs("div",{style:{position:"absolute",inset:0,display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",pointerEvents:"none",marginTop:y?-24:0},children:[d&&e.jsx("span",{style:{fontSize:22,fontWeight:700,color:o.text,lineHeight:1},children:d}),h&&e.jsx("span",{style:{fontSize:13,color:o.textMuted,marginTop:4},children:h})]})]})}function K({series:i,height:m=300,margin:y=A,showGrid:S=!0,showLegend:d=!0,showTooltip:h=!0,xTickFormatter:f,yTickFormatter:p,zRange:l=[20,400],ariaLabel:u="Scatter chart"}){const o=g.useTheme(),n=C(o),x=T(o),r={fill:o.textMuted,fontSize:12};return e.jsx("div",{role:"img","aria-label":u,style:{width:"100%",height:m},children:e.jsx(t.ResponsiveContainer,{width:"100%",height:"100%",children:e.jsxs(t.ScatterChart,{margin:y,children:[S&&e.jsx(t.CartesianGrid,{strokeDasharray:"3 3",stroke:o.border}),e.jsx(t.XAxis,{type:"number",dataKey:"x",tick:r,axisLine:{stroke:o.border},tickLine:!1,tickFormatter:f}),e.jsx(t.YAxis,{type:"number",dataKey:"y",tick:r,axisLine:!1,tickLine:!1,tickFormatter:p}),e.jsx(t.ZAxis,{type:"number",dataKey:"z",range:l}),h&&e.jsx(t.Tooltip,{contentStyle:x.contentStyle,labelStyle:x.labelStyle,itemStyle:x.itemStyle,cursor:{strokeDasharray:"3 3"}}),d&&e.jsx(t.Legend,{wrapperStyle:{fontSize:13,color:o.textMuted,paddingTop:8}}),i.map((c,a)=>e.jsx(t.Scatter,{name:c.name,data:c.data,fill:c.color??n[a%n.length],fillOpacity:.8},c.name??a))]})})})}function W({data:i,series:m,angleKey:y,height:S=300,showLegend:d=!0,showTooltip:h=!0,outerRadius:f="70%",ariaLabel:p="Radar chart"}){const l=g.useTheme(),u=C(l),o=T(l);return e.jsx("div",{role:"img","aria-label":p,style:{width:"100%",height:S},children:e.jsx(t.ResponsiveContainer,{width:"100%",height:"100%",children:e.jsxs(t.RadarChart,{data:i,outerRadius:f,children:[e.jsx(t.PolarGrid,{stroke:l.border}),e.jsx(t.PolarAngleAxis,{dataKey:y,tick:{fill:l.textMuted,fontSize:12}}),e.jsx(t.PolarRadiusAxis,{tick:{fill:l.textMuted,fontSize:10},axisLine:!1,tickLine:!1}),h&&e.jsx(t.Tooltip,{contentStyle:o.contentStyle,labelStyle:o.labelStyle,itemStyle:o.itemStyle}),d&&e.jsx(t.Legend,{wrapperStyle:{fontSize:13,color:l.textMuted}}),m.map((n,x)=>{const r=n.color??u[x%u.length];return e.jsx(t.Radar,{name:n.label??n.key,dataKey:n.key,stroke:r,fill:r,fillOpacity:n.fillOpacity??.2,strokeWidth:2},n.key)})]})})})}exports.TkxAreaChart=z;exports.TkxBarChart=M;exports.TkxDonutChart=D;exports.TkxLineChart=R;exports.TkxPieChart=F;exports.TkxRadarChart=W;exports.TkxScatterChart=K;