tekivex-ui 2.5.14 → 2.5.16

package/dist/src/headless/useControllable.d.ts

@@ -1,20 +1,5 @@
-/**
- * Unified controlled/uncontrolled state management.
- * The component accepts both a controlled `value` + `onChange` pair
- * OR works standalone with internal state when they're not provided.
- *
- * This is the same pattern used by Radix UI, Mantine, and Ant Design internally.
- *
- * @example — in a custom Select component:
- * const [currentValue, setCurrentValue] = useControllable({
- *   value: props.value,       // may be undefined (uncontrolled)
- *   onChange: props.onChange, // may be undefined
- *   defaultValue: '',
- * });
- */
 export declare function useControllable<T>({ value, onChange, defaultValue, }: {
     value?: T;
     onChange?: (value: T) => void;
     defaultValue: T;
 }): [T, (next: T) => void];
-//# sourceMappingURL=useControllable.d.ts.map

package/dist/src/headless/useDebounce.d.ts

@@ -1,14 +1,2 @@
-/**
- * Returns a debounced version of the value that only updates after the
- * specified delay has passed without changes.
- *
- * @example
- * const debouncedSearch = useDebounce(searchQuery, 300);
- * useEffect(() => { fetchResults(debouncedSearch); }, [debouncedSearch]);
- */
 export declare function useDebounce<T>(value: T, delay: number): T;
-/**
- * Returns a debounced callback that only fires after the delay.
- */
 export declare function useDebouncedCallback<T extends (...args: any[]) => any>(fn: T, delay: number): (...args: Parameters<T>) => void;
-//# sourceMappingURL=useDebounce.d.ts.map

package/dist/src/headless/useDisclosure.d.ts

@@ -4,17 +4,4 @@ export interface UseDisclosureReturn {
     close: () => void;
     toggle: () => void;
 }
-/**
- * Manages boolean open/close state for modals, drawers, popovers, dropdowns, etc.
- *
- * @example
- * const { isOpen, open, close, toggle } = useDisclosure();
- * return (
- *   <>
- *     <button onClick={open}>Open</button>
- *     {isOpen && <MyModal onClose={close} />}
- *   </>
- * );
- */
 export declare function useDisclosure(initialState?: boolean): UseDisclosureReturn;
-//# sourceMappingURL=useDisclosure.d.ts.map

package/dist/src/headless/useFormState.d.ts

@@ -28,17 +28,4 @@ export interface UseFormStateReturn<T extends Record<string, FormFieldValue>> {
         'aria-describedby': string | undefined;
     };
 }
-/**
- * Headless form state manager — no components, no context, no validation library required.
- * Works with any input elements.
- *
- * @example
- * const { values, errors, getFieldProps, validate } = useFormState({
- *   initialValues: { email: '', password: '' },
- *   validate: ({ email }) => ({
- *     email: !email.includes('@') ? 'Invalid email' : undefined,
- *   }),
- * });
- */
 export declare function useFormState<T extends Record<string, FormFieldValue>>({ initialValues, validate: validateFn, }: UseFormStateOptions<T>): UseFormStateReturn<T>;
-//# sourceMappingURL=useFormState.d.ts.map

package/dist/src/headless/useInfiniteQuery.d.ts

@@ -21,15 +21,4 @@ export interface InfiniteQueryState<T, C = unknown> {
     pageIndex: number;
     totalLoaded: number;
 }
-/**
- * Headless infinite-scroll / pagination hook with cursor-based querying,
- * dedup protection, and safe unmount cleanup.
- *
- * @example
- * const query = useInfiniteQuery({
- *   queryFn: async (cursor) => fetchPosts({ cursor }),
- * });
- * // In your component: query.data, query.fetchMore(), query.hasMore
- */
 export declare function useInfiniteQuery<T, C = unknown>(options: InfiniteQueryOptions<T, C>): InfiniteQueryState<T, C>;
-//# sourceMappingURL=useInfiniteQuery.d.ts.map

package/dist/src/headless/useIntersectionObserver.d.ts

@@ -3,7 +3,6 @@ export interface UseIntersectionObserverOptions {
     threshold?: number | number[];
     rootMargin?: string;
     root?: Element | null;
-    /** Unobserve after first intersection (useful for lazy-load). Default: false */
     once?: boolean;
 }
 export interface UseIntersectionObserverReturn {
@@ -11,13 +10,4 @@ export interface UseIntersectionObserverReturn {
     isIntersecting: boolean;
     entry: IntersectionObserverEntry | null;
 }
-/**
- * Observe when an element enters or leaves the viewport.
- * Perfect for lazy loading, infinite scroll, and scroll-triggered animations.
- *
- * @example
- * const { ref, isIntersecting } = useIntersectionObserver({ threshold: 0.1 });
- * return <div ref={ref} style={{ opacity: isIntersecting ? 1 : 0 }}>Animated content</div>;
- */
 export declare function useIntersectionObserver({ threshold, rootMargin, root, once, }?: UseIntersectionObserverOptions): UseIntersectionObserverReturn;
-//# sourceMappingURL=useIntersectionObserver.d.ts.map

package/dist/src/headless/useListSelection.d.ts

@@ -1,7 +1,6 @@
 export interface UseListSelectionOptions {
     items: string[];
     initialSelected?: string[];
-    /** Allow selecting multiple items. Default: true */
     multiple?: boolean;
 }
 export interface UseListSelectionReturn {
@@ -18,12 +17,4 @@ export interface UseListSelectionReturn {
     selectedCount: number;
     selectedArray: string[];
 }
-/**
- * Manages selection state for lists, tables, and grids.
- * Supports single and multi-select modes.
- *
- * @example
- * const { isSelected, toggle, selectedArray } = useListSelection({ items: rows.map(r => r.id) });
- */
 export declare function useListSelection({ items, initialSelected, multiple, }: UseListSelectionOptions): UseListSelectionReturn;
-//# sourceMappingURL=useListSelection.d.ts.map

package/dist/src/headless/useLocalStorage.d.ts

@@ -1,9 +1 @@
-/**
- * Persists state to localStorage. Falls back to in-memory on parse errors or
- * SSR (where localStorage is unavailable).
- *
- * @example
- * const [theme, setTheme] = useLocalStorage('theme', 'dark');
- */
 export declare function useLocalStorage<T>(key: string, initialValue: T): [T, (value: T | ((prev: T) => T)) => void, () => void];
-//# sourceMappingURL=useLocalStorage.d.ts.map

package/dist/src/headless/useMediaQuery.d.ts

@@ -1,13 +1,4 @@
-/**
- * Reactive media query hook. Returns true while the query matches.
- *
- * @example
- * const isMobile = useMediaQuery('(max-width: 767px)');
- * const isDark = useMediaQuery('(prefers-color-scheme: dark)');
- * const isTouch = useMediaQuery('(hover: none) and (pointer: coarse)');
- */
 export declare function useMediaQuery(query: string): boolean;
-/** Preset breakpoint hooks matching TekiVex's breakpoint scale. */
 export declare function useBreakpoint(): {
     sm: boolean;
     md: boolean;
@@ -18,4 +9,3 @@ export declare function useBreakpoint(): {
     isTablet: boolean;
     isDesktop: boolean;
 };
-//# sourceMappingURL=useMediaQuery.d.ts.map

package/dist/src/headless/useRovingTabIndex.d.ts

@@ -3,7 +3,6 @@ export interface UseRovingTabIndexOptions {
     count: number;
     initialIndex?: number;
     orientation?: 'horizontal' | 'vertical' | 'both';
-    /** Wrap around at boundaries. Default: true */
     loop?: boolean;
 }
 export interface UseRovingTabIndexReturn {
@@ -16,18 +15,4 @@ export interface UseRovingTabIndexReturn {
         'data-focused': boolean;
     };
 }
-/**
- * Implements the WAI-ARIA roving tabIndex pattern for composite widgets
- * (toolbars, tab lists, radio groups, menu items, etc.)
- *
- * Only one item in the group is in the tab sequence at a time.
- * Arrow keys move focus within the group.
- *
- * @example
- * const { getItemProps } = useRovingTabIndex({ count: tabs.length });
- * return tabs.map((tab, i) => (
- *   <button key={tab.id} {...getItemProps(i)}>{tab.label}</button>
- * ));
- */
 export declare function useRovingTabIndex({ count, initialIndex, orientation, loop, }: UseRovingTabIndexOptions): UseRovingTabIndexReturn;
-//# sourceMappingURL=useRovingTabIndex.d.ts.map

package/dist/src/headless/useSSE.d.ts

@@ -24,13 +24,4 @@ export interface SSEState<T = unknown> {
     disconnect: () => void;
     eventCount: number;
 }
-/**
- * Headless Server-Sent Events hook supporting multiple named event types,
- * auto-reconnect, and JSON auto-parsing.
- *
- * @example
- * const sse = useSSE({ url: '/api/stream', events: ['update', 'notification'] });
- * console.log(sse.lastEvent);
- */
 export declare function useSSE<T = unknown>(options: SSEOptions): SSEState<T>;
-//# sourceMappingURL=useSSE.d.ts.map

package/dist/src/headless/useThrottle.d.ts

@@ -1,9 +1,2 @@
-/**
- * Returns a throttled version of the value — updates at most once per interval.
- */
 export declare function useThrottle<T>(value: T, interval: number): T;
-/**
- * Returns a throttled callback — executes at most once per interval.
- */
 export declare function useThrottledCallback<T extends (...args: any[]) => any>(fn: T, interval: number): (...args: Parameters<T>) => void;
-//# sourceMappingURL=useThrottle.d.ts.map

package/dist/src/headless/useWebSocket.d.ts

@@ -21,13 +21,4 @@ export interface WebSocketState<T = unknown> {
     reconnectCount: number;
     latency: number | null;
 }
-/**
- * Headless WebSocket hook with auto-reconnect, heartbeat, latency tracking,
- * and a send queue that flushes on connect.
- *
- * @example
- * const ws = useWebSocket({ url: 'wss://example.com/ws' });
- * ws.send({ type: 'subscribe', channel: 'updates' });
- */
 export declare function useWebSocket<T = unknown>(options: WebSocketOptions): WebSocketState<T>;
-//# sourceMappingURL=useWebSocket.d.ts.map

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

@@ -5,4 +5,3 @@ export declare function useFocusTrap(active: boolean): RefObject<HTMLElement | n
 export declare function useAnnounce(): (message: string, politeness?: 'polite' | 'assertive') => void;
 export declare function useEscapeKey(handler: () => void, active?: boolean): void;
 export declare function useClickOutside(ref: RefObject<HTMLElement | null>, handler: () => void): void;
-//# sourceMappingURL=index.d.ts.map

package/dist/src/i18n/I18nProvider.d.ts

@@ -7,4 +7,3 @@ export interface I18nProviderProps {
     children: ReactNode;
 }
 export declare function I18nProvider({ locale, direction, strings: overrides, children, }: I18nProviderProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=I18nProvider.d.ts.map

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

@@ -92,4 +92,3 @@ export declare const I18nContext: import("react").Context<I18nContextValue>;
 export declare function useI18n(): I18nContextValue;
 export declare function useLocale(): LocaleStrings;
 export declare function useDirection(): Direction;
-//# sourceMappingURL=index.d.ts.map

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

@@ -6,4 +6,3 @@ export { TkxPlayground } from '../components/TkxPlayground';
 export type { TkxPlaygroundProps, PlaygroundExample } from '../components/TkxPlayground';
 export { QuantumAI, inferFieldIntelligence, optimizeThemeColors, hslToHex, Qubit, QuantumRegister, QuantumAnnealer, QuantumBoltzmannMachine, AmplitudeAmplifier, } from '../engine/quantum-ai';
 export type { FieldIntelligence, ValidationSuggestion, ThemeColorState, AnnealerResult, QBMInference, AmplifiedResult, } from '../engine/quantum-ai';
-//# sourceMappingURL=index.d.ts.map

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

@@ -6,4 +6,3 @@ export { TkxRealTimeChart } from '../components/TkxRealTimeChart';
 export type { TkxRealTimeChartProps, ChartDataPoint } from '../components/TkxRealTimeChart';
 export { TkxLiveLog } from '../components/TkxLiveLog';
 export type { TkxLiveLogProps, LogEntry, LogLevel } from '../components/TkxLiveLog';
-//# sourceMappingURL=index.d.ts.map

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

@@ -131,4 +131,3 @@ export declare const radii: {
     readonly '2xl': "16px";
     readonly full: "9999px";
 };
-//# sourceMappingURL=index.d.ts.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tekivex-ui",
-  "version": "2.5.14",
+  "version": "2.5.16",
   "description": "Production-grade React component library — 70+ components, WCAG 2.1 AAA, WAI-ARIA 1.2, built-in charts, headless primitives, zero-runtime CSS engine, TypeScript-first.",
   "type": "module",
   "main": "./dist/index.cjs",
@@ -46,11 +46,12 @@
   },
   "sideEffects": [
     "*.css",
-    "./src/styles/global.css"
+    "./dist/style.css"
   ],
   "files": [
     "dist",
-    "src"
+    "README.md",
+    "LICENSE"
   ],
   "scripts": {
     "build": "vite build && tsc --emitDeclarationOnly",
@@ -94,6 +95,7 @@
     "react": "^19.2.5",
     "react-dom": "^19.2.5",
     "recharts": "^3.8.1",
+    "terser": "^5.46.1",
     "typescript": "^5.9.3",
     "vite": "^8.0.9",
     "vitest": "^4.1.4"

package/dist/TkxForm-BaO4wvXt.js

@@ -1,320 +0,0 @@
-import { f as e } from "./themes-BbJanqiC.js";
-import { a as t, m as n, t as r } from "./tkx-mOKMzvUK.js";
-import { cloneElement as i, createContext as a, useCallback as o, useContext as s, useEffect as c, useMemo as l, useRef as u, useState as d } from "react";
-import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
-//#region src/components/TkxForm.tsx
-var h = a(null);
-function g() {
-	let e = s(h);
-	if (!e) throw Error("TkxFormField must be used inside a <TkxForm>. Wrap your fields in a TkxForm component.");
-	return e;
-}
-async function _(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 v(e, t) {
-	let n = e ? [...e] : [];
-	return t && !n.some((e) => e.required) && n.unshift({
-		required: !0,
-		message: "This field is required"
-	}), n;
-}
-function y(e) {
-	return e.some((e) => e.required);
-}
-function b() {
-	let e = s(h), t = u({}), n = u({}), r = u({}), i = l(() => ({
-		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 x({ onSubmit: n, onValuesChange: i, initialValues: a = {}, layout: s = "vertical", disabled: f = !1, children: m, className: g, style: v, form: y }) {
-	let b = e(), [x, S] = d({
-		values: { ...a },
-		errors: {},
-		touched: {}
-	}), C = u(a), w = u({}), T = u(x);
-	T.current = x;
-	let E = o((e, t) => {
-		w.current[e] = t;
-	}, []), D = o((e) => {
-		delete w.current[e];
-	}, []), O = o((e, t) => {
-		S((n) => {
-			let r = {
-				...n,
-				values: {
-					...n.values,
-					[e]: t
-				}
-			};
-			return i?.({ [e]: t }, r.values), r;
-		});
-	}, [i]), k = o((e, t) => {
-		S((n) => ({
-			...n,
-			errors: {
-				...n.errors,
-				[e]: t
-			}
-		}));
-	}, []), A = o((e) => {
-		S((t) => ({
-			...t,
-			touched: {
-				...t.touched,
-				[e]: !0
-			}
-		}));
-	}, []), j = o(async (e) => {
-		let t = w.current[e];
-		if (!t) return !0;
-		let n = T.current.values[e], r = await _(n, t.rules);
-		return S((t) => ({
-			...t,
-			errors: {
-				...t.errors,
-				[e]: r
-			},
-			touched: {
-				...t.touched,
-				[e]: !0
-			}
-		})), r === null;
-	}, []), M = o(async () => {
-		let e = Object.keys(w.current), t = await Promise.all(e.map(async (e) => {
-			let t = w.current[e], n = T.current.values[e];
-			return {
-				name: e,
-				error: await _(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 (S((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 { ...T.current.values };
-	}, []), N = o(() => {
-		S({
-			values: { ...C.current },
-			errors: {},
-			touched: {}
-		});
-	}, []), P = l(() => ({
-		getFieldValue: (e) => T.current.values[e],
-		setFieldValue: O,
-		getFieldsValue: () => ({ ...T.current.values }),
-		setFieldsValue: (e) => {
-			S((t) => {
-				let n = {
-					...t.values,
-					...e
-				};
-				return i?.(e, n), {
-					...t,
-					values: n
-				};
-			});
-		},
-		validateFields: M,
-		validateField: j,
-		resetFields: N,
-		getFieldError: (e) => T.current.errors[e] ?? null,
-		isFieldTouched: (e) => !!T.current.touched[e]
-	}), [
-		O,
-		M,
-		j,
-		N,
-		i
-	]), F = o(async (e) => {
-		e.preventDefault();
-		try {
-			let e = await M();
-			await n?.(e);
-		} catch {}
-	}, [M, n]), I = t(s === "inline" ? "flex flex-row flex-wrap items-end gap-4" : "flex flex-col gap-5");
-	c(() => {
-		if (!y) return;
-		let e = y;
-		e.getFieldValue = P.getFieldValue, e.setFieldValue = P.setFieldValue, e.getFieldsValue = P.getFieldsValue, e.setFieldsValue = P.setFieldsValue, e.validateFields = P.validateFields, e.validateField = P.validateField, e.resetFields = P.resetFields, e.getFieldError = P.getFieldError, e.isFieldTouched = P.isFieldTouched;
-	}, [y, P]);
-	let L = y ?? P, R = l(() => ({
-		state: x,
-		initialValues: C.current,
-		layout: s,
-		disabled: f,
-		fieldMeta: w,
-		setFieldValue: O,
-		setFieldError: k,
-		setFieldTouched: A,
-		registerField: E,
-		unregisterField: D,
-		validateField: j,
-		instance: L
-	}), [
-		x,
-		s,
-		f,
-		O,
-		k,
-		A,
-		E,
-		D,
-		j,
-		L
-	]);
-	return /* @__PURE__ */ p(h.Provider, {
-		value: R,
-		children: /* @__PURE__ */ p("form", {
-			noValidate: !0,
-			role: "form",
-			"aria-label": "Form",
-			onSubmit: F,
-			className: r(I, g),
-			style: {
-				color: b.text,
-				...v
-			},
-			children: m
-		})
-	});
-}
-x.displayName = "TkxForm";
-function S({ name: a, label: s, rules: c, help: d, required: h, children: _, className: b, style: x }) {
-	let S = e(), C = g(), { state: w, layout: T, disabled: E } = C, D = l(() => v(c, h), [c, h]), O = y(D), k = u({ rules: D });
-	k.current.rules = D;
-	let A = u(!1);
-	A.current ||= (C.registerField(a, k.current), !0), l(() => {
-		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 = d ? n(d) : 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 = _, 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__ */ p("svg", {
-		width: "12",
-		height: "12",
-		viewBox: "0 0 24 24",
-		fill: "currentColor",
-		"aria-hidden": "true",
-		children: /* @__PURE__ */ p("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__ */ m("label", {
-		className: t("text-sm font-medium font-sans", B ? "min-w-[140px] pt-2.5" : ""),
-		style: { color: S.text },
-		children: [P, O && /* @__PURE__ */ p("span", {
-			"aria-hidden": "true",
-			className: t("ml-1"),
-			style: { color: S.danger },
-			children: "*"
-		})]
-	}) : null, W = /* @__PURE__ */ m(f, { children: [F && !N && /* @__PURE__ */ p("span", {
-		className: t("text-xs mt-0.5"),
-		style: { color: S.textMuted },
-		children: F
-	}), N && /* @__PURE__ */ m("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__ */ m("div", {
-		className: r(t("flex flex-col gap-1"), b),
-		style: x,
-		children: [
-			U,
-			z,
-			W
-		]
-	}) : B ? /* @__PURE__ */ m("div", {
-		className: r(t("flex flex-row gap-4 items-start"), b),
-		style: x,
-		children: [U, /* @__PURE__ */ m("div", {
-			className: t("flex flex-col gap-1 flex-1 min-w-0"),
-			children: [z, W]
-		})]
-	}) : /* @__PURE__ */ m("div", {
-		className: r(t("flex flex-col gap-1"), b),
-		style: x,
-		children: [
-			U,
-			z,
-			W
-		]
-	});
-}
-S.displayName = "TkxFormField";
-var C = !1;
-function w() {
-	if (C || typeof document > "u") return;
-	C = !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);
-}
-w();
-//#endregion
-export { S as n, b as r, x as t };

package/dist/TkxForm-M6ttomry.cjs

@@ -1,12 +0,0 @@
-require(`./chunk-Bmb41Sf3.cjs`);const e=require(`./themes-CMq2vWXj.cjs`),t=require(`./tkx-BoP5V5zy.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`);(0,n.useEffect)(()=>{if(!m)return;let e=m;e.getFieldValue=k.getFieldValue,e.setFieldValue=k.setFieldValue,e.getFieldsValue=k.getFieldsValue,e.setFieldsValue=k.setFieldsValue,e.validateFields=k.validateFields,e.validateField=k.validateField,e.resetFields=k.resetFields,e.getFieldError=k.getFieldError,e.isFieldTouched=k.isFieldTouched},[m,k]);let 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/chunk-Bmb41Sf3.cjs

@@ -1 +0,0 @@
-var e=Object.create,t=Object.defineProperty,n=Object.getOwnPropertyDescriptor,r=Object.getOwnPropertyNames,i=Object.getPrototypeOf,a=Object.prototype.hasOwnProperty,o=(e,i,o,s)=>{if(i&&typeof i==`object`||typeof i==`function`)for(var c=r(i),l=0,u=c.length,d;l<u;l++)d=c[l],!a.call(e,d)&&d!==o&&t(e,d,{get:(e=>i[e]).bind(null,d),enumerable:!(s=n(i,d))||s.enumerable});return e},s=(n,r,a)=>(a=n==null?{}:e(i(n)),o(r||!n||!n.__esModule?t(a,`default`,{value:n,enumerable:!0}):a,n));Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return s}});