tekivex-ui 2.5.7 → 2.5.8

package/dist/TkxForm-2tGLCPH6.js

@@ -0,0 +1,326 @@
+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

@@ -0,0 +1,12 @@
+"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/charts.cjs

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