tekivex-ui 2.5.10 → 2.5.12

package/dist/TkxForm-1KDzoniV.cjs

@@ -0,0 +1,12 @@
+require(`./chunk-Bmb41Sf3.cjs`);const e=require(`./themes-CMq2vWXj.cjs`),t=require(`./tkx-0oAwZqgL.cjs`);let n=require(`react`),r=require(`react/jsx-runtime`);var i=(0,n.createContext)(null);function a(){let e=(0,n.useContext)(i);if(!e)throw Error(`TkxFormField must be used inside a <TkxForm>. Wrap your fields in a TkxForm component.`);return e}async function o(e,t){for(let n of t){if(n.required&&(e==null||e===``||Array.isArray(e)&&e.length===0))return n.message??`This field is required`;if(!(e==null||e===``)){if(n.min!==void 0){if(typeof e==`string`&&e.length<n.min)return n.message??`Must be at least ${n.min} characters`;if(typeof e==`number`&&e<n.min)return n.message??`Must be at least ${n.min}`}if(n.max!==void 0){if(typeof e==`string`&&e.length>n.max)return n.message??`Must be no more than ${n.max} characters`;if(typeof e==`number`&&e>n.max)return n.message??`Must be no more than ${n.max}`}if(n.pattern&&typeof e==`string`&&!n.pattern.test(e))return n.message??`Invalid format`;if(n.validator){let t=await n.validator(e);if(t)return t}}}return null}function s(e,t){let n=e?[...e]:[];return t&&!n.some(e=>e.required)&&n.unshift({required:!0,message:`This field is required`}),n}function c(e){return e.some(e=>e.required)}function l(){let e=(0,n.useContext)(i),t=(0,n.useRef)({}),r=(0,n.useRef)({}),a=(0,n.useRef)({}),o=(0,n.useMemo)(()=>({getFieldValue:e=>t.current[e],setFieldValue:(e,n)=>{t.current[e]=n},getFieldsValue:()=>({...t.current}),setFieldsValue:e=>{Object.assign(t.current,e)},validateFields:()=>Promise.resolve({...t.current}),validateField:e=>Promise.resolve(!0),resetFields:()=>{t.current={},r.current={},a.current={}},getFieldError:e=>r.current[e]??null,isFieldTouched:e=>a.current[e]??!1}),[]);return e?e.instance:o}function u({onSubmit:a,onValuesChange:s,initialValues:c={},layout:l=`vertical`,disabled:u=!1,children:d,className:f,style:p,form:m}){let h=e.f(),[g,_]=(0,n.useState)({values:{...c},errors:{},touched:{}}),v=(0,n.useRef)(c),y=(0,n.useRef)({}),b=(0,n.useRef)(g);b.current=g;let x=(0,n.useCallback)((e,t)=>{y.current[e]=t},[]),S=(0,n.useCallback)(e=>{delete y.current[e]},[]),C=(0,n.useCallback)((e,t)=>{_(n=>{let r={...n,values:{...n.values,[e]:t}};return s?.({[e]:t},r.values),r})},[s]),w=(0,n.useCallback)((e,t)=>{_(n=>({...n,errors:{...n.errors,[e]:t}}))},[]),T=(0,n.useCallback)(e=>{_(t=>({...t,touched:{...t.touched,[e]:!0}}))},[]),E=(0,n.useCallback)(async e=>{let t=y.current[e];if(!t)return!0;let n=b.current.values[e],r=await o(n,t.rules);return _(t=>({...t,errors:{...t.errors,[e]:r},touched:{...t.touched,[e]:!0}})),r===null},[]),D=(0,n.useCallback)(async()=>{let e=Object.keys(y.current),t=await Promise.all(e.map(async e=>{let t=y.current[e],n=b.current.values[e];return{name:e,error:await o(n,t.rules)}})),n={},r={},i=!1;for(let{name:e,error:a}of t)n[e]=a,r[e]=!0,a&&(i=!0);if(_(e=>({...e,errors:{...e.errors,...n},touched:{...e.touched,...r}})),i){let e=Object.fromEntries(t.filter(e=>e.error).map(e=>[e.name,e.error]));return Promise.reject(e)}return{...b.current.values}},[]),O=(0,n.useCallback)(()=>{_({values:{...v.current},errors:{},touched:{}})},[]),k=(0,n.useMemo)(()=>({getFieldValue:e=>b.current.values[e],setFieldValue:C,getFieldsValue:()=>({...b.current.values}),setFieldsValue:e=>{_(t=>{let n={...t.values,...e};return s?.(e,n),{...t,values:n}})},validateFields:D,validateField:E,resetFields:O,getFieldError:e=>b.current.errors[e]??null,isFieldTouched:e=>!!b.current.touched[e]}),[C,D,E,O,s]),A=(0,n.useCallback)(async e=>{e.preventDefault();try{let e=await D();await a?.(e)}catch{}},[D,a]),j=l===`inline`?t.a(`flex flex-row flex-wrap items-end gap-4`):t.a(`flex flex-col gap-5`),M=m??k,N=(0,n.useMemo)(()=>({state:g,initialValues:v.current,layout:l,disabled:u,fieldMeta:y,setFieldValue:C,setFieldError:w,setFieldTouched:T,registerField:x,unregisterField:S,validateField:E,instance:M}),[g,l,u,C,w,T,x,S,E,M]);return(0,r.jsx)(i.Provider,{value:N,children:(0,r.jsx)(`form`,{noValidate:!0,role:`form`,"aria-label":`Form`,onSubmit:A,className:t.t(j,f),style:{color:h.text,...p},children:d})})}u.displayName=`TkxForm`;function d({name:i,label:o,rules:l,help:u,required:d,children:f,className:p,style:m}){let h=e.f(),g=a(),{state:_,layout:v,disabled:y}=g,b=(0,n.useMemo)(()=>s(l,d),[l,d]),x=c(b),S=(0,n.useRef)({rules:b});S.current.rules=b;let C=(0,n.useRef)(!1);C.current||=(g.registerField(i,S.current),!0),(0,n.useMemo)(()=>{g.registerField(i,S.current)},[b,i,g]);let w=_.values[i],T=_.touched[i]?_.errors[i]??null:null,E=T?t.m(T):null,D=o?t.m(o):void 0,O=u?t.m(u):void 0,k=(0,n.useCallback)(e=>{let t;if(typeof e==`object`&&e&&`target`in e){let n=e.target;t=n.type===`checkbox`?n.checked:n.value}else t=e;g.setFieldValue(i,t)},[g,i]),A=(0,n.useCallback)(()=>{g.setFieldTouched(i),g.validateField(i)},[g,i]),j=f,M=(0,n.cloneElement)(j,{value:w??``,onChange:k,onBlur:A,error:E??void 0,isInvalid:!!E,isRequired:x,disabled:y||j.props.disabled,name:i}),N=v===`horizontal`,P=v===`inline`,F=(0,r.jsx)(`svg`,{width:`12`,height:`12`,viewBox:`0 0 24 24`,fill:`currentColor`,"aria-hidden":`true`,children:(0,r.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`})}),I=D?(0,r.jsxs)(`label`,{className:t.a(`text-sm font-medium font-sans`,N?`min-w-[140px] pt-2.5`:``),style:{color:h.text},children:[D,x&&(0,r.jsx)(`span`,{"aria-hidden":`true`,className:t.a(`ml-1`),style:{color:h.danger},children:`*`})]}):null,L=(0,r.jsxs)(r.Fragment,{children:[O&&!E&&(0,r.jsx)(`span`,{className:t.a(`text-xs mt-0.5`),style:{color:h.textMuted},children:O}),E&&(0,r.jsxs)(`span`,{role:`alert`,className:t.a(`text-xs flex items-center gap-1 mt-0.5`),style:{color:h.danger,animation:`tkxFormErrorReveal 200ms ease-out`},children:[F,E]})]});return P?(0,r.jsxs)(`div`,{className:t.t(t.a(`flex flex-col gap-1`),p),style:m,children:[I,M,L]}):N?(0,r.jsxs)(`div`,{className:t.t(t.a(`flex flex-row gap-4 items-start`),p),style:m,children:[I,(0,r.jsxs)(`div`,{className:t.a(`flex flex-col gap-1 flex-1 min-w-0`),children:[M,L]})]}):(0,r.jsxs)(`div`,{className:t.t(t.a(`flex flex-col gap-1`),p),style:m,children:[I,M,L]})}d.displayName=`TkxFormField`;var f=!1;function p(){if(f||typeof document>`u`)return;f=!0;let 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)}p(),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return l}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return u}});

package/dist/TkxForm-9-W3Nl6m.js

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

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