tekivex-ui 2.2.0 → 2.5.1

package/dist/TkxForm-BWK4LqY3.js

@@ -0,0 +1,1461 @@
+import { useRef as S, useEffect as U, useCallback as k, useState as nt, useMemo as X, cloneElement as wt, useContext as dt, createContext as yt } from "react";
+import { n as Q, G as $t, i as kt, w as St, x as Ft, u as ut } from "./index-eT_U4qB2.js";
+import { jsx as _, jsxs as L, Fragment as jt } from "react/jsx-runtime";
+const Mt = {
+  "<": "&lt;",
+  ">": "&gt;",
+  "&": "&amp;",
+  "'": "&#39;",
+  '"': "&quot;"
+};
+function K(t) {
+  return String(t).replace(/[<>&'"]/g, (i) => Mt[i] ?? i);
+}
+function pt(t) {
+  const i = {};
+  for (const o of Object.keys(t))
+    i[o] = mt(t[o]);
+  return i;
+}
+function mt(t) {
+  return typeof t == "string" ? K(t) : Array.isArray(t) ? t.map(mt) : t !== null && typeof t == "object" && !zt(t) ? pt(t) : t;
+}
+function zt(t) {
+  return typeof t == "object" && t !== null && "$$typeof" in t;
+}
+function Et(t, i) {
+  const o = [];
+  for (const [s, a] of Object.entries(i)) {
+    const l = t[s], g = l == null;
+    if (a.required && g) {
+      o.push(`prop '${s}' is required`);
+      continue;
+    }
+    if (!g) {
+      if (typeof l !== a.type) {
+        o.push(`prop '${s}' must be of type ${a.type}, got ${typeof l}`);
+        continue;
+      }
+      a.type === "number" && typeof l == "number" && (a.min !== void 0 && l < a.min && o.push(`prop '${s}' must be >= ${a.min}`), a.max !== void 0 && l > a.max && o.push(`prop '${s}' must be <= ${a.max}`)), a.type === "string" && typeof l == "string" && a.pattern && !a.pattern.test(l) && o.push(`prop '${s}' does not match pattern ${a.pattern}`), a.enum && !a.enum.includes(l) && o.push(`prop '${s}' must be one of: ${a.enum.join(", ")}`);
+    }
+  }
+  return { valid: o.length === 0, errors: o };
+}
+const ht = /* @__PURE__ */ new Map();
+function Rt(t, i) {
+  const o = {
+    "default-src": ["'self'"],
+    "style-src": i.allowInlineStyles ? ["'self'", "'unsafe-inline'"] : ["'self'"],
+    "img-src": i.allowDataUrls ? ["'self'", "data:"] : i.allowExternalSrc ? ["'self'", "*"] : ["'self'"],
+    "script-src": i.allowScripts ? ["'self'"] : ["'none'"]
+  }, s = { componentId: t, permissions: i, directives: o };
+  return ht.set(t, s), s;
+}
+function Tt(t, i) {
+  const o = ht.get(t);
+  return (o == null ? void 0 : o.permissions[i]) === !0;
+}
+let D = [];
+function At(t, i, o) {
+  const s = Q(JSON.stringify(o ?? {})), a = D.length > 0 ? D[D.length - 1].chainHash : "00000000", l = Q(a + s + i + t), g = Object.freeze({
+    timestamp: Date.now(),
+    component: i,
+    action: t,
+    propsHash: s,
+    chainHash: l
+  });
+  return D = Object.freeze([...D, g]), g;
+}
+function Ct(t) {
+  let i = D;
+  return t != null && t.component && (i = i.filter((o) => o.component === t.component)), t != null && t.action && (i = i.filter((o) => o.action === t.action)), t != null && t.limit && (i = i.slice(-t.limit)), i;
+}
+function It() {
+  let t = "00000000";
+  for (const i of D) {
+    if (Q(t + i.propsHash + i.component + i.action) !== i.chainHash) return !1;
+    t = i.chainHash;
+  }
+  return !0;
+}
+const re = {
+  sanitize: K,
+  sanitizeProps: pt,
+  validateProps: Et,
+  createCSP: Rt,
+  hasPermission: Tt,
+  audit: At,
+  getAuditLog: Ct,
+  verifyAuditIntegrity: It
+};
+function ne() {
+  const [t, i] = nt(() => typeof window > "u" ? !1 : Ft());
+  return U(() => {
+    if (typeof window > "u") return;
+    const o = window.matchMedia("(prefers-reduced-motion: reduce)"), s = (a) => i(a.matches);
+    return o.addEventListener("change", s), () => o.removeEventListener("change", s);
+  }, []), t;
+}
+function ie() {
+  const [t, i] = nt(() => typeof window > "u" ? !1 : St());
+  return U(() => {
+    if (typeof window > "u") return;
+    const o = window.matchMedia("(forced-colors: active)"), s = (a) => i(a.matches);
+    return o.addEventListener("change", s), () => o.removeEventListener("change", s);
+  }, []), t;
+}
+function oe(t) {
+  const i = S(null);
+  return U(() => {
+    if (!t || !i.current) return;
+    const o = kt(i.current);
+    return o.activate(), () => o.deactivate();
+  }, [t]), i;
+}
+function se() {
+  const t = S(null);
+  return U(() => {
+    if (!(typeof document > "u"))
+      return t.current = $t(), () => {
+        var i;
+        (i = t.current) == null || i.destroy();
+      };
+  }, []), k((i, o = "polite") => {
+    var s;
+    (s = t.current) == null || s.announce(i, o);
+  }, []);
+}
+function ae(t, i = !0) {
+  const o = S(t);
+  o.current = t, U(() => {
+    if (!i || typeof document > "u") return;
+    const s = (a) => {
+      a.key === "Escape" && o.current();
+    };
+    return document.addEventListener("keydown", s), () => document.removeEventListener("keydown", s);
+  }, [i]);
+}
+function ce(t, i) {
+  const o = S(i);
+  o.current = i, U(() => {
+    const s = (a) => {
+      !t.current || t.current.contains(a.target) || o.current();
+    };
+    return document.addEventListener("pointerdown", s), () => document.removeEventListener("pointerdown", s);
+  }, [t]);
+}
+const d = {
+  0: "0",
+  px: "1px",
+  "0.5": "2px",
+  1: "4px",
+  "1.5": "6px",
+  2: "8px",
+  "2.5": "10px",
+  3: "12px",
+  "3.5": "14px",
+  4: "16px",
+  5: "20px",
+  6: "24px",
+  7: "28px",
+  8: "32px",
+  9: "36px",
+  10: "40px",
+  11: "44px",
+  12: "48px",
+  14: "56px",
+  16: "64px",
+  20: "80px",
+  24: "96px",
+  28: "112px",
+  32: "128px",
+  36: "144px",
+  40: "160px",
+  44: "176px",
+  48: "192px",
+  52: "208px",
+  56: "224px",
+  60: "240px",
+  64: "256px",
+  72: "288px",
+  80: "320px",
+  96: "384px",
+  auto: "auto",
+  full: "100%",
+  screen: "100vw",
+  svh: "100svh",
+  dvh: "100dvh",
+  fit: "fit-content",
+  max: "max-content",
+  min: "min-content"
+}, ot = { ...d, screen: "100vh" }, A = {
+  "1/2": "50%",
+  "1/3": "33.333333%",
+  "2/3": "66.666667%",
+  "1/4": "25%",
+  "2/4": "50%",
+  "3/4": "75%",
+  "1/5": "20%",
+  "2/5": "40%",
+  "3/5": "60%",
+  "4/5": "80%",
+  "1/6": "16.666667%",
+  "5/6": "83.333333%",
+  "1/12": "8.333333%",
+  "5/12": "41.666667%",
+  "7/12": "58.333333%",
+  "11/12": "91.666667%"
+}, Z = {
+  none: "0",
+  sm: "2px",
+  "": "4px",
+  md: "6px",
+  lg: "8px",
+  xl: "12px",
+  "2xl": "16px",
+  "3xl": "24px",
+  full: "9999px"
+}, st = {
+  sm: "0 1px 2px 0 rgba(0,0,0,.05)",
+  "": "0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1)",
+  md: "0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1)",
+  lg: "0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1)",
+  xl: "0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1)",
+  "2xl": "0 25px 50px -12px rgba(0,0,0,.25)",
+  inner: "inset 0 2px 4px 0 rgba(0,0,0,.05)",
+  none: "none"
+}, Wt = {
+  xs: ["0.75rem", "1rem"],
+  sm: ["0.875rem", "1.25rem"],
+  base: ["1rem", "1.5rem"],
+  lg: ["1.125rem", "1.75rem"],
+  xl: ["1.25rem", "1.75rem"],
+  "2xl": ["1.5rem", "2rem"],
+  "3xl": ["1.875rem", "2.25rem"],
+  "4xl": ["2.25rem", "2.5rem"],
+  "5xl": ["3rem", "1"],
+  "6xl": ["3.75rem", "1"],
+  "7xl": ["4.5rem", "1"],
+  "8xl": ["6rem", "1"],
+  "9xl": ["8rem", "1"]
+}, Ht = {
+  thin: "100",
+  extralight: "200",
+  light: "300",
+  normal: "400",
+  medium: "500",
+  semibold: "600",
+  bold: "700",
+  extrabold: "800",
+  black: "900"
+}, Nt = {
+  none: "1",
+  tight: "1.25",
+  snug: "1.375",
+  normal: "1.5",
+  relaxed: "1.625",
+  loose: "2",
+  3: "0.75rem",
+  4: "1rem",
+  5: "1.25rem",
+  6: "1.5rem",
+  7: "1.75rem",
+  8: "2rem",
+  9: "2.25rem",
+  10: "2.5rem"
+}, Ot = {
+  tighter: "-0.05em",
+  tight: "-0.025em",
+  normal: "0em",
+  wide: "0.025em",
+  wider: "0.05em",
+  widest: "0.1em"
+}, J = {
+  none: "0",
+  sm: "4px",
+  "": "8px",
+  md: "12px",
+  lg: "16px",
+  xl: "24px",
+  "2xl": "40px",
+  "3xl": "64px"
+}, qt = Object.fromEntries(
+  [0, 5, 10, 15, 20, 25, 30, 35, 40, 45, 50, 55, 60, 65, 70, 75, 80, 85, 90, 95, 100].map((t) => [String(t), String(t / 100)])
+), xt = /* @__PURE__ */ new Set([
+  "bg",
+  "surface",
+  "surfaceAlt",
+  "border",
+  "text",
+  "textMuted",
+  "primary",
+  "secondary",
+  "danger",
+  "warning",
+  "success",
+  "info"
+]), Pt = {
+  sm: "640px",
+  md: "768px",
+  lg: "1024px",
+  xl: "1280px",
+  "2xl": "1536px"
+};
+function c(t) {
+  const i = t.match(/^\[(.+)]$/);
+  return i ? i[1] : null;
+}
+function z(t) {
+  if (xt.has(t)) return `var(--tkx-${t})`;
+  if (t === "transparent") return "transparent";
+  if (t === "current") return "currentColor";
+  if (t === "white") return "#ffffff";
+  if (t === "black") return "#000000";
+  if (t === "inherit") return "inherit";
+  const i = c(t);
+  return i || t;
+}
+function Lt(t) {
+  const i = t.match(/^\[([a-zA-Z-]+):(.+)]$/);
+  if (i) return { [i[1]]: i[2] };
+  const o = {
+    flex: "flex",
+    "inline-flex": "inline-flex",
+    grid: "grid",
+    "inline-grid": "inline-grid",
+    block: "block",
+    "inline-block": "inline-block",
+    inline: "inline",
+    hidden: "none",
+    contents: "contents",
+    "flow-root": "flow-root",
+    table: "table",
+    "table-row": "table-row",
+    "table-cell": "table-cell",
+    "table-caption": "table-caption",
+    "list-item": "list-item"
+  };
+  if (o[t]) return { display: o[t] };
+  const s = {
+    "flex-row": "row",
+    "flex-col": "column",
+    "flex-row-reverse": "row-reverse",
+    "flex-col-reverse": "column-reverse"
+  };
+  if (s[t]) return { "flex-direction": s[t] };
+  const a = {
+    "flex-wrap": "wrap",
+    "flex-nowrap": "nowrap",
+    "flex-wrap-reverse": "wrap-reverse"
+  };
+  if (a[t]) return { "flex-wrap": a[t] };
+  const l = {
+    "flex-1": "1 1 0%",
+    "flex-auto": "1 1 auto",
+    "flex-none": "none",
+    "flex-initial": "0 1 auto"
+  };
+  if (l[t]) return { flex: l[t] };
+  if (t === "grow" || t === "flex-grow") return { "flex-grow": "1" };
+  if (t === "grow-0") return { "flex-grow": "0" };
+  if (t === "shrink" || t === "flex-shrink") return { "flex-shrink": "1" };
+  if (t === "shrink-0" || t === "flex-shrink-0") return { "flex-shrink": "0" };
+  const g = {
+    "items-start": "flex-start",
+    "items-end": "flex-end",
+    "items-center": "center",
+    "items-stretch": "stretch",
+    "items-baseline": "baseline"
+  };
+  if (g[t]) return { "align-items": g[t] };
+  const h = {
+    "justify-start": "flex-start",
+    "justify-end": "flex-end",
+    "justify-center": "center",
+    "justify-between": "space-between",
+    "justify-around": "space-around",
+    "justify-evenly": "space-evenly",
+    "justify-stretch": "stretch",
+    "justify-normal": "normal"
+  };
+  if (h[t]) return { "justify-content": h[t] };
+  const u = {
+    "self-auto": "auto",
+    "self-start": "flex-start",
+    "self-end": "flex-end",
+    "self-center": "center",
+    "self-stretch": "stretch",
+    "self-baseline": "baseline"
+  };
+  if (u[t]) return { "align-self": u[t] };
+  const m = {
+    "content-start": "flex-start",
+    "content-end": "flex-end",
+    "content-center": "center",
+    "content-between": "space-between",
+    "content-around": "space-around",
+    "content-evenly": "space-evenly",
+    "content-stretch": "stretch"
+  };
+  if (m[t]) return { "align-content": m[t] };
+  let e;
+  if (e = t.match(/^grid-cols-(\d+|none|subgrid)$/))
+    return { "grid-template-columns": e[1] === "none" ? "none" : e[1] === "subgrid" ? "subgrid" : `repeat(${e[1]},minmax(0,1fr))` };
+  if (e = t.match(/^grid-rows-(\d+|none|subgrid)$/))
+    return { "grid-template-rows": e[1] === "none" ? "none" : e[1] === "subgrid" ? "subgrid" : `repeat(${e[1]},minmax(0,1fr))` };
+  if (e = t.match(/^col-span-(full|\d+)$/))
+    return { "grid-column": e[1] === "full" ? "1 / -1" : `span ${e[1]} / span ${e[1]}` };
+  if (e = t.match(/^col-start-(\d+|auto)$/)) return { "grid-column-start": e[1] };
+  if (e = t.match(/^col-end-(\d+|auto)$/)) return { "grid-column-end": e[1] };
+  if (e = t.match(/^row-span-(full|\d+)$/))
+    return { "grid-row": e[1] === "full" ? "1 / -1" : `span ${e[1]} / span ${e[1]}` };
+  if (e = t.match(/^row-start-(\d+|auto)$/)) return { "grid-row-start": e[1] };
+  if (e = t.match(/^row-end-(\d+|auto)$/)) return { "grid-row-end": e[1] };
+  if (t === "grid-flow-row") return { "grid-auto-flow": "row" };
+  if (t === "grid-flow-col") return { "grid-auto-flow": "column" };
+  if (t === "grid-flow-dense") return { "grid-auto-flow": "dense" };
+  if (t === "grid-flow-row-dense") return { "grid-auto-flow": "row dense" };
+  if (t === "grid-flow-col-dense") return { "grid-auto-flow": "column dense" };
+  if (e = t.match(/^p-(.+)$/)) {
+    const r = d[e[1]] ?? c(e[1]);
+    if (r) return { padding: r };
+  }
+  if (e = t.match(/^px-(.+)$/)) {
+    const r = d[e[1]] ?? c(e[1]);
+    if (r) return { "padding-left": r, "padding-right": r };
+  }
+  if (e = t.match(/^py-(.+)$/)) {
+    const r = d[e[1]] ?? c(e[1]);
+    if (r) return { "padding-top": r, "padding-bottom": r };
+  }
+  if (e = t.match(/^pt-(.+)$/)) {
+    const r = d[e[1]] ?? c(e[1]);
+    if (r) return { "padding-top": r };
+  }
+  if (e = t.match(/^pr-(.+)$/)) {
+    const r = d[e[1]] ?? c(e[1]);
+    if (r) return { "padding-right": r };
+  }
+  if (e = t.match(/^pb-(.+)$/)) {
+    const r = d[e[1]] ?? c(e[1]);
+    if (r) return { "padding-bottom": r };
+  }
+  if (e = t.match(/^pl-(.+)$/)) {
+    const r = d[e[1]] ?? c(e[1]);
+    if (r) return { "padding-left": r };
+  }
+  if (e = t.match(/^-?m-(.+)$/)) {
+    const r = t.startsWith("-"), n = d[e[1]] ?? c(e[1]);
+    if (n) return { margin: r && n !== "0" ? `-${n}` : n };
+  }
+  if (e = t.match(/^-?mx-(.+)$/)) {
+    const r = t.startsWith("-"), n = d[e[1]] ?? c(e[1]);
+    if (n) {
+      const p = r && n !== "0" ? `-${n}` : n;
+      return { "margin-left": p, "margin-right": p };
+    }
+  }
+  if (e = t.match(/^-?my-(.+)$/)) {
+    const r = t.startsWith("-"), n = d[e[1]] ?? c(e[1]);
+    if (n) {
+      const p = r && n !== "0" ? `-${n}` : n;
+      return { "margin-top": p, "margin-bottom": p };
+    }
+  }
+  if (e = t.match(/^-?mt-(.+)$/)) {
+    const r = t.startsWith("-"), n = d[e[1]] ?? c(e[1]);
+    if (n) return { "margin-top": r && n !== "0" ? `-${n}` : n };
+  }
+  if (e = t.match(/^-?mr-(.+)$/)) {
+    const r = t.startsWith("-"), n = d[e[1]] ?? c(e[1]);
+    if (n) return { "margin-right": r && n !== "0" ? `-${n}` : n };
+  }
+  if (e = t.match(/^-?mb-(.+)$/)) {
+    const r = t.startsWith("-"), n = d[e[1]] ?? c(e[1]);
+    if (n) return { "margin-bottom": r && n !== "0" ? `-${n}` : n };
+  }
+  if (e = t.match(/^-?ml-(.+)$/)) {
+    const r = t.startsWith("-"), n = d[e[1]] ?? c(e[1]);
+    if (n) return { "margin-left": r && n !== "0" ? `-${n}` : n };
+  }
+  if (t === "mx-auto") return { "margin-left": "auto", "margin-right": "auto" };
+  if (t === "my-auto") return { "margin-top": "auto", "margin-bottom": "auto" };
+  if (e = t.match(/^gap-(.+)$/)) {
+    const r = d[e[1]] ?? c(e[1]);
+    if (r) return { gap: r };
+  }
+  if (e = t.match(/^gap-x-(.+)$/)) {
+    const r = d[e[1]] ?? c(e[1]);
+    if (r) return { "column-gap": r };
+  }
+  if (e = t.match(/^gap-y-(.+)$/)) {
+    const r = d[e[1]] ?? c(e[1]);
+    if (r) return { "row-gap": r };
+  }
+  if (e = t.match(/^w-(.+)$/)) {
+    const r = e[1], n = d[r] ?? A[r] ?? c(r);
+    if (n) return { width: n };
+  }
+  if (e = t.match(/^min-w-(.+)$/)) {
+    const r = d[e[1]] ?? c(e[1]);
+    if (r) return { "min-width": r };
+  }
+  if (e = t.match(/^max-w-(.+)$/)) {
+    const n = {
+      none: "none",
+      xs: "20rem",
+      sm: "24rem",
+      md: "28rem",
+      lg: "32rem",
+      xl: "36rem",
+      "2xl": "42rem",
+      "3xl": "48rem",
+      "4xl": "56rem",
+      "5xl": "64rem",
+      "6xl": "72rem",
+      "7xl": "80rem",
+      full: "100%",
+      screen: "100vw",
+      min: "min-content",
+      max: "max-content",
+      fit: "fit-content"
+    }[e[1]] ?? d[e[1]] ?? c(e[1]);
+    if (n) return { "max-width": n };
+  }
+  if (e = t.match(/^h-(.+)$/)) {
+    const r = e[1], n = ot[r] ?? A[r] ?? c(r);
+    if (n) return { height: n };
+  }
+  if (e = t.match(/^min-h-(.+)$/)) {
+    const n = { 0: "0", full: "100%", screen: "100vh", svh: "100svh", dvh: "100dvh" }[e[1]] ?? d[e[1]] ?? c(e[1]);
+    if (n) return { "min-height": n };
+  }
+  if (e = t.match(/^max-h-(.+)$/)) {
+    const r = ot[e[1]] ?? c(e[1]);
+    if (r) return { "max-height": r };
+  }
+  if (e = t.match(/^size-(.+)$/)) {
+    const r = d[e[1]] ?? A[e[1]] ?? c(e[1]);
+    if (r) return { width: r, height: r };
+  }
+  if (e = t.match(/^text-(xs|sm|base|lg|[2-9]xl|\d+xl)$/)) {
+    const [r, n] = Wt[e[1]] ?? ["1rem", "1.5rem"];
+    return { "font-size": r, "line-height": n };
+  }
+  if (e = t.match(/^font-(thin|extralight|light|normal|medium|semibold|bold|extrabold|black|\d+)$/))
+    return { "font-weight": Ht[e[1]] ?? e[1] };
+  if (e = t.match(/^leading-(.+)$/)) {
+    const r = Nt[e[1]] ?? c(e[1]);
+    if (r) return { "line-height": r };
+  }
+  if (e = t.match(/^tracking-(.+)$/)) {
+    const r = Ot[e[1]] ?? c(e[1]);
+    if (r) return { "letter-spacing": r };
+  }
+  const x = {
+    "text-left": "left",
+    "text-center": "center",
+    "text-right": "right",
+    "text-justify": "justify",
+    "text-start": "start",
+    "text-end": "end"
+  };
+  if (x[t]) return { "text-align": x[t] };
+  if (t === "italic") return { "font-style": "italic" };
+  if (t === "not-italic") return { "font-style": "normal" };
+  if (t === "uppercase") return { "text-transform": "uppercase" };
+  if (t === "lowercase") return { "text-transform": "lowercase" };
+  if (t === "capitalize") return { "text-transform": "capitalize" };
+  if (t === "normal-case") return { "text-transform": "none" };
+  if (t === "underline") return { "text-decoration-line": "underline" };
+  if (t === "overline") return { "text-decoration-line": "overline" };
+  if (t === "line-through") return { "text-decoration-line": "line-through" };
+  if (t === "no-underline") return { "text-decoration-line": "none" };
+  if (t === "truncate") return { overflow: "hidden", "text-overflow": "ellipsis", "white-space": "nowrap" };
+  if (t === "text-ellipsis") return { "text-overflow": "ellipsis" };
+  if (t === "text-clip") return { "text-overflow": "clip" };
+  if (t === "whitespace-normal") return { "white-space": "normal" };
+  if (t === "whitespace-nowrap") return { "white-space": "nowrap" };
+  if (t === "whitespace-pre") return { "white-space": "pre" };
+  if (t === "whitespace-pre-wrap") return { "white-space": "pre-wrap" };
+  if (t === "whitespace-pre-line") return { "white-space": "pre-line" };
+  if (t === "break-words") return { "overflow-wrap": "break-word" };
+  if (t === "break-all") return { "word-break": "break-all" };
+  if (t === "break-keep") return { "word-break": "keep-all" };
+  if (t === "font-mono") return { "font-family": "var(--tkx-font-mono,monospace)" };
+  if (t === "font-sans") return { "font-family": "var(--tkx-font-family,system-ui,sans-serif)" };
+  if (t === "font-serif") return { "font-family": "ui-serif,Georgia,serif" };
+  if (t === "antialiased") return { "-webkit-font-smoothing": "antialiased", "-moz-osx-font-smoothing": "grayscale" };
+  if (e = t.match(/^indent-(.+)$/)) {
+    const r = d[e[1]] ?? c(e[1]);
+    if (r) return { "text-indent": r };
+  }
+  if (e = t.match(/^line-clamp-(\d+)$/))
+    return { overflow: "hidden", display: "-webkit-box", "-webkit-line-clamp": e[1], "-webkit-box-orient": "vertical" };
+  if (e = t.match(/^text-(.+)$/)) {
+    const [r, n] = e[1].split("/"), p = z(r);
+    if (![
+      "left",
+      "center",
+      "right",
+      "justify",
+      "start",
+      "end",
+      "xs",
+      "sm",
+      "base",
+      "lg",
+      "xl",
+      "2xl",
+      "3xl",
+      "4xl",
+      "5xl",
+      "6xl",
+      "7xl",
+      "8xl",
+      "9xl"
+    ].includes(r)) {
+      if (n) {
+        const y = parseInt(n) / 100;
+        return { color: p, opacity: String(y) };
+      }
+      return { color: p };
+    }
+  }
+  if (e = t.match(/^bg-(.+)$/)) {
+    const [r, n] = e[1].split("/"), p = z(r);
+    return n ? { "background-color": p, opacity: String(parseInt(n) / 100) } : r === "none" ? { background: "none" } : { "background-color": p };
+  }
+  if (e = t.match(/^border-color-(.+)$/))
+    return { "border-color": z(e[1]) };
+  if (e = t.match(/^fill-(.+)$/))
+    return { fill: z(e[1]) };
+  if (e = t.match(/^stroke-(.+)$/))
+    return { stroke: z(e[1]) };
+  if (e = t.match(/^shadow-color-(.+)$/))
+    return { "--tkx-shadow-color": z(e[1]) };
+  if (e = t.match(/^ring-color-(.+)$/))
+    return { "--tkx-ring-color": z(e[1]) };
+  if (e = t.match(/^accent-(.+)$/))
+    return { "accent-color": z(e[1]) };
+  if (e = t.match(/^caret-(.+)$/))
+    return { "caret-color": z(e[1]) };
+  if (e = t.match(/^outline-color-(.+)$/))
+    return { "outline-color": z(e[1]) };
+  if (t === "border") return { "border-width": "1px" };
+  if (e = t.match(/^border-(\d+)$/)) return { "border-width": `${e[1]}px` };
+  if (t === "border-t") return { "border-top-width": "1px" };
+  if (e = t.match(/^border-t-(\d+)$/)) return { "border-top-width": `${e[1]}px` };
+  if (t === "border-r") return { "border-right-width": "1px" };
+  if (e = t.match(/^border-r-(\d+)$/)) return { "border-right-width": `${e[1]}px` };
+  if (t === "border-b") return { "border-bottom-width": "1px" };
+  if (e = t.match(/^border-b-(\d+)$/)) return { "border-bottom-width": `${e[1]}px` };
+  if (t === "border-l") return { "border-left-width": "1px" };
+  if (e = t.match(/^border-l-(\d+)$/)) return { "border-left-width": `${e[1]}px` };
+  if (t === "border-x") return { "border-left-width": "1px", "border-right-width": "1px" };
+  if (t === "border-y") return { "border-top-width": "1px", "border-bottom-width": "1px" };
+  if (t === "border-none") return { "border-style": "none" };
+  if (t === "border-solid") return { "border-style": "solid" };
+  if (t === "border-dashed") return { "border-style": "dashed" };
+  if (t === "border-dotted") return { "border-style": "dotted" };
+  if (t === "border-double") return { "border-style": "double" };
+  if ((e = t.match(/^border-([a-zA-Z].*)$/)) && xt.has(e[1]))
+    return { "border-color": `var(--tkx-${e[1]})` };
+  if (e = t.match(/^border-\[(.+)]$/))
+    return { "border-color": e[1] };
+  if (t === "border-0") return { "border-width": "0" };
+  if (t === "rounded") return { "border-radius": Z[""] };
+  if (e = t.match(/^rounded-(none|sm|md|lg|xl|2xl|3xl|full|\[.+])$/))
+    return { "border-radius": Z[e[1]] ?? c(e[1]) ?? e[1] };
+  if (e = t.match(/^rounded-(t|r|b|l|tl|tr|br|bl)(?:-(none|sm|md|lg|xl|2xl|3xl|full))?$/)) {
+    const r = e[1], n = Z[e[2] ?? ""] ?? Z[""];
+    return {
+      t: { "border-top-left-radius": n, "border-top-right-radius": n },
+      r: { "border-top-right-radius": n, "border-bottom-right-radius": n },
+      b: { "border-bottom-left-radius": n, "border-bottom-right-radius": n },
+      l: { "border-top-left-radius": n, "border-bottom-left-radius": n },
+      tl: { "border-top-left-radius": n },
+      tr: { "border-top-right-radius": n },
+      br: { "border-bottom-right-radius": n },
+      bl: { "border-bottom-left-radius": n }
+    }[r] ?? {};
+  }
+  const w = { 0: "0", 1: "1px", 2: "2px", ring: "3px", 4: "4px", 8: "8px" };
+  if (t === "ring") return { "box-shadow": "0 0 0 3px var(--tkx-ring-color,var(--tkx-primary))" };
+  if ((e = t.match(/^ring-(\d+)$/)) && w[e[1]])
+    return { "box-shadow": `0 0 0 ${w[e[1]]} var(--tkx-ring-color,var(--tkx-primary))` };
+  if (t === "ring-inset") return { "--tkx-ring-offset": "inset" };
+  if (e = t.match(/^ring-offset-(\d+)$/))
+    return { "--tkx-ring-offset-width": `${e[1]}px`, "box-shadow": `0 0 0 ${e[1]}px var(--tkx-bg)` };
+  if (t === "shadow") return { "box-shadow": st[""] };
+  if (e = t.match(/^shadow-(sm|md|lg|xl|2xl|inner|none)$/)) return { "box-shadow": st[e[1]] };
+  if (e = t.match(/^opacity-(\d+)$/)) {
+    const r = qt[e[1]];
+    if (r !== void 0) return { opacity: r };
+  }
+  if (t === "bg-none") return { background: "none" };
+  const b = { "bg-auto": "auto", "bg-cover": "cover", "bg-contain": "contain" };
+  if (b[t]) return { "background-size": b[t] };
+  const v = {
+    "bg-center": "center",
+    "bg-top": "top",
+    "bg-bottom": "bottom",
+    "bg-left": "left",
+    "bg-right": "right"
+  };
+  if (v[t]) return { "background-position": v[t] };
+  const E = {
+    "bg-repeat": "repeat",
+    "bg-no-repeat": "no-repeat",
+    "bg-repeat-x": "repeat-x",
+    "bg-repeat-y": "repeat-y"
+  };
+  if (E[t]) return { "background-repeat": E[t] };
+  if (t === "backdrop-blur") return { "backdrop-filter": `blur(${J[""]})` };
+  if (e = t.match(/^backdrop-blur-(none|sm|md|lg|xl|2xl|3xl)$/))
+    return { "backdrop-filter": `blur(${J[e[1]]})` };
+  if (t === "blur") return { filter: `blur(${J[""]})` };
+  if (e = t.match(/^blur-(none|sm|md|lg|xl|2xl|3xl)$/))
+    return { filter: `blur(${J[e[1]]})` };
+  if (t === "grayscale") return { filter: "grayscale(100%)" };
+  if (t === "grayscale-0") return { filter: "grayscale(0)" };
+  if (t === "invert") return { filter: "invert(100%)" };
+  if (t === "invert-0") return { filter: "invert(0)" };
+  const I = {
+    static: "static",
+    relative: "relative",
+    absolute: "absolute",
+    fixed: "fixed",
+    sticky: "sticky"
+  };
+  if (I[t]) return { position: I[t] };
+  if (t === "inset-0") return { top: "0", right: "0", bottom: "0", left: "0" };
+  if (t === "inset-auto") return { top: "auto", right: "auto", bottom: "auto", left: "auto" };
+  if (t === "inset-full") return { top: "100%", right: "100%", bottom: "100%", left: "100%" };
+  if (t === "inset-x-0") return { left: "0", right: "0" };
+  if (t === "inset-y-0") return { top: "0", bottom: "0" };
+  if (e = t.match(/^-?top-(.+)$/)) {
+    const r = t.startsWith("-"), n = d[e[1]] ?? A[e[1]] ?? c(e[1]);
+    if (n) return { top: r && n !== "0" ? `-${n}` : n };
+  }
+  if (e = t.match(/^-?right-(.+)$/)) {
+    const r = t.startsWith("-"), n = d[e[1]] ?? A[e[1]] ?? c(e[1]);
+    if (n) return { right: r && n !== "0" ? `-${n}` : n };
+  }
+  if (e = t.match(/^-?bottom-(.+)$/)) {
+    const r = t.startsWith("-"), n = d[e[1]] ?? A[e[1]] ?? c(e[1]);
+    if (n) return { bottom: r && n !== "0" ? `-${n}` : n };
+  }
+  if (e = t.match(/^-?left-(.+)$/)) {
+    const r = t.startsWith("-"), n = d[e[1]] ?? A[e[1]] ?? c(e[1]);
+    if (n) return { left: r && n !== "0" ? `-${n}` : n };
+  }
+  const W = { 0: "0", 10: "10", 20: "20", 30: "30", 40: "40", 50: "50", 100: "100", 1e3: "1000", 9e3: "9000", auto: "auto" };
+  if (e = t.match(/^z-(.+)$/)) {
+    const r = W[e[1]] ?? c(e[1]);
+    if (r) return { "z-index": r };
+  }
+  const H = {
+    "overflow-auto": "auto",
+    "overflow-hidden": "hidden",
+    "overflow-visible": "visible",
+    "overflow-scroll": "scroll",
+    "overflow-clip": "clip"
+  };
+  if (H[t]) return { overflow: H[t] };
+  if (e = t.match(/^overflow-(x|y)-(auto|hidden|visible|scroll|clip)$/))
+    return { [`overflow-${e[1]}`]: e[2] };
+  if (t === "scrollbar-hide") return { "-ms-overflow-style": "none", "scrollbar-width": "none" };
+  if (t === "visible") return { visibility: "visible" };
+  if (t === "invisible") return { visibility: "hidden" };
+  if (t === "collapse") return { visibility: "collapse" };
+  const F = {
+    "cursor-auto": "auto",
+    "cursor-default": "default",
+    "cursor-pointer": "pointer",
+    "cursor-wait": "wait",
+    "cursor-text": "text",
+    "cursor-move": "move",
+    "cursor-help": "help",
+    "cursor-not-allowed": "not-allowed",
+    "cursor-none": "none",
+    "cursor-grab": "grab",
+    "cursor-grabbing": "grabbing",
+    "cursor-zoom-in": "zoom-in",
+    "cursor-zoom-out": "zoom-out",
+    "cursor-crosshair": "crosshair"
+  };
+  if (F[t]) return { cursor: F[t] };
+  if (t === "select-none") return { "user-select": "none" };
+  if (t === "select-text") return { "user-select": "text" };
+  if (t === "select-all") return { "user-select": "all" };
+  if (t === "select-auto") return { "user-select": "auto" };
+  if (t === "pointer-events-none") return { "pointer-events": "none" };
+  if (t === "pointer-events-auto") return { "pointer-events": "auto" };
+  const j = { 0: "0", 50: ".5", 75: ".75", 90: ".9", 95: ".95", 100: "1", 105: "1.05", 110: "1.1", 125: "1.25", 150: "1.5" };
+  if (e = t.match(/^scale-(.+)$/)) {
+    const r = j[e[1]] ?? c(e[1]);
+    if (r) return { transform: `scale(${r})` };
+  }
+  if (e = t.match(/^scale-x-(.+)$/)) {
+    const r = j[e[1]] ?? c(e[1]);
+    if (r) return { transform: `scaleX(${r})` };
+  }
+  if (e = t.match(/^scale-y-(.+)$/)) {
+    const r = j[e[1]] ?? c(e[1]);
+    if (r) return { transform: `scaleY(${r})` };
+  }
+  const R = { 0: "0deg", 1: "1deg", 2: "2deg", 3: "3deg", 6: "6deg", 12: "12deg", 45: "45deg", 90: "90deg", 180: "180deg" };
+  if (e = t.match(/^-?rotate-(.+)$/)) {
+    const r = t.startsWith("-"), n = R[e[1]] ?? c(e[1]);
+    if (n) return { transform: r ? `rotate(-${n})` : `rotate(${n})` };
+  }
+  if (e = t.match(/^-?translate-x-(.+)$/)) {
+    const r = t.startsWith("-"), n = d[e[1]] ?? A[e[1]] ?? c(e[1]);
+    if (n) return { transform: `translateX(${r && n !== "0" ? `-${n}` : n})` };
+  }
+  if (e = t.match(/^-?translate-y-(.+)$/)) {
+    const r = t.startsWith("-"), n = d[e[1]] ?? A[e[1]] ?? c(e[1]);
+    if (n) return { transform: `translateY(${r && n !== "0" ? `-${n}` : n})` };
+  }
+  if (e = t.match(/^-?skew-x-(.+)$/)) {
+    const r = t.startsWith("-"), n = c(e[1]) ?? `${e[1]}deg`;
+    return { transform: r ? `skewX(-${n})` : `skewX(${n})` };
+  }
+  if (e = t.match(/^-?skew-y-(.+)$/)) {
+    const r = t.startsWith("-"), n = c(e[1]) ?? `${e[1]}deg`;
+    return { transform: r ? `skewY(-${n})` : `skewY(${n})` };
+  }
+  const O = {
+    "origin-center": "center",
+    "origin-top": "top",
+    "origin-top-right": "top right",
+    "origin-right": "right",
+    "origin-bottom-right": "bottom right",
+    "origin-bottom": "bottom",
+    "origin-bottom-left": "bottom left",
+    "origin-left": "left",
+    "origin-top-left": "top left"
+  };
+  if (O[t]) return { "transform-origin": O[t] };
+  const B = {
+    transition: "color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter",
+    "transition-all": "all",
+    "transition-colors": "color,background-color,border-color,text-decoration-color,fill,stroke",
+    "transition-opacity": "opacity",
+    "transition-shadow": "box-shadow",
+    "transition-transform": "transform",
+    "transition-none": "none"
+  };
+  if (B[t]) return { "transition-property": B[t], "transition-timing-function": "cubic-bezier(0.4,0,0.2,1)", "transition-duration": "150ms" };
+  const N = { 75: "75ms", 100: "100ms", 150: "150ms", 200: "200ms", 300: "300ms", 500: "500ms", 700: "700ms", 1e3: "1000ms" };
+  if (e = t.match(/^duration-(.+)$/)) {
+    const r = N[e[1]] ?? c(e[1]);
+    if (r) return { "transition-duration": r };
+  }
+  if (e = t.match(/^delay-(.+)$/)) {
+    const r = N[e[1]] ?? c(e[1]);
+    if (r) return { "transition-delay": r };
+  }
+  const q = {
+    "ease-linear": "linear",
+    "ease-in": "cubic-bezier(0.4,0,1,1)",
+    "ease-out": "cubic-bezier(0,0,0.2,1)",
+    "ease-in-out": "cubic-bezier(0.4,0,0.2,1)"
+  };
+  if (q[t]) return { "transition-timing-function": q[t] };
+  const P = {
+    "animate-none": "none",
+    "animate-spin": "tkx-spin 1s linear infinite",
+    "animate-ping": "tkx-ping 1s cubic-bezier(0,0,0.2,1) infinite",
+    "animate-pulse": "tkx-pulse 2s cubic-bezier(0.4,0,0.6,1) infinite",
+    "animate-bounce": "tkx-bounce 1s infinite",
+    "animate-fade-in": "tkx-fade-in 200ms ease both",
+    "animate-slide-up": "tkx-slide-up 200ms ease both",
+    "animate-shimmer": "tkx-shimmer 1.5s infinite"
+  };
+  if (P[t]) return { animation: P[t] };
+  const Y = {
+    "object-contain": "contain",
+    "object-cover": "cover",
+    "object-fill": "fill",
+    "object-none": "none",
+    "object-scale-down": "scale-down"
+  };
+  if (Y[t]) return { "object-fit": Y[t] };
+  if (t === "aspect-square") return { "aspect-ratio": "1 / 1" };
+  if (t === "aspect-video") return { "aspect-ratio": "16 / 9" };
+  if (t === "aspect-auto") return { "aspect-ratio": "auto" };
+  if (e = t.match(/^aspect-\[(.+)]$/))
+    return { "aspect-ratio": e[1] };
+  if (t === "list-none") return { "list-style-type": "none" };
+  if (t === "list-disc") return { "list-style-type": "disc" };
+  if (t === "list-decimal") return { "list-style-type": "decimal" };
+  if (t === "list-inside") return { "list-style-position": "inside" };
+  if (t === "list-outside") return { "list-style-position": "outside" };
+  if (e = t.match(/^columns-(\d+)$/)) return { columns: e[1] };
+  if (t === "resize") return { resize: "both" };
+  if (t === "resize-none") return { resize: "none" };
+  if (t === "resize-x") return { resize: "horizontal" };
+  if (t === "resize-y") return { resize: "vertical" };
+  if (t === "sr-only") return {
+    position: "absolute",
+    width: "1px",
+    height: "1px",
+    padding: "0",
+    margin: "-1px",
+    overflow: "hidden",
+    clip: "rect(0,0,0,0)",
+    "white-space": "nowrap",
+    border: "0"
+  };
+  if (t === "not-sr-only") return {
+    position: "static",
+    width: "auto",
+    height: "auto",
+    padding: "0",
+    margin: "0",
+    overflow: "visible",
+    clip: "auto",
+    "white-space": "normal"
+  };
+  if (t === "focus-ring") return {
+    outline: "2px solid var(--tkx-primary)",
+    "outline-offset": "2px",
+    "border-radius": "2px"
+  };
+  if (t === "appearance-none") return { appearance: "none" };
+  if (t === "outline-none") return { outline: "none" };
+  if (t === "outline") return { outline: "2px solid currentColor", "outline-offset": "2px" };
+  if (t === "float-left") return { float: "left" };
+  if (t === "float-right") return { float: "right" };
+  if (t === "float-none") return { float: "none" };
+  if (t === "clear-both") return { clear: "both" };
+  if (t === "isolate") return { isolation: "isolate" };
+  if (t === "isolation-auto") return { isolation: "auto" };
+  if (e = t.match(/^will-change-(.+)$/))
+    return { "will-change": e[1] };
+  if (t === "touch-manipulation") return { "touch-action": "manipulation" };
+  if (t === "touch-none") return { "touch-action": "none" };
+  if (t === "touch-pan-x") return { "touch-action": "pan-x" };
+  if (t === "touch-pan-y") return { "touch-action": "pan-y" };
+  if (t === "scroll-smooth") return { "scroll-behavior": "smooth" };
+  if (t === "scroll-auto") return { "scroll-behavior": "auto" };
+  if (e = t.match(/^\[(--[a-zA-Z0-9-]+):(.+)]$/))
+    return { [e[1]]: e[2] };
+  const f = Gt(t);
+  return f || null;
+}
+function Dt(t) {
+  let i = 0, o = -1;
+  for (let s = 0; s < t.length; s++)
+    if (t[s] === "[") i++;
+    else if (t[s] === "]") i--;
+    else if (t[s] === ":" && i === 0) {
+      o = s;
+      break;
+    }
+  return o === -1 ? { variant: null, utility: t } : { variant: t.slice(0, o), utility: t.slice(o + 1) };
+}
+function at(t, i) {
+  for (const [o, s] of Object.entries(i))
+    t[o] = s;
+}
+function rt(t) {
+  return Object.entries(t).map(([i, o]) => `${i}:${o}`).join(";");
+}
+const tt = /* @__PURE__ */ new Map();
+let C = null, G = null;
+function ct() {
+  return (!C || !C.isConnected) && (C = document.getElementById("tkx-atomic"), C || (C = document.createElement("style"), C.id = "tkx-atomic", document.head.appendChild(C))), C;
+}
+function Bt() {
+  if (G) return G;
+  try {
+    const t = new CSSStyleSheet();
+    return document.adoptedStyleSheets = [...document.adoptedStyleSheets, t], G = t, t;
+  } catch {
+    return null;
+  }
+}
+function Yt(t, i) {
+  if (tt.has(t) || (tt.set(t, i), typeof document > "u")) return;
+  const o = Bt();
+  if (o) {
+    const s = _t(i);
+    for (const a of s)
+      try {
+        o.insertRule(a, o.cssRules.length);
+      } catch {
+        ct().textContent += a + `
+`;
+      }
+  } else
+    ct().textContent += i + `
+`;
+}
+function _t(t) {
+  const i = [];
+  let o = 0, s = 0;
+  for (let a = 0; a < t.length; a++)
+    if (t[a] === "{") o++;
+    else if (t[a] === "}" && (o--, o === 0)) {
+      const l = t.slice(s, a + 1).trim();
+      l && i.push(l), s = a + 1;
+    }
+  return i;
+}
+function gt(t) {
+  const i = [];
+  for (const o of t)
+    if (o) {
+      if (typeof o == "string")
+        i.push(...o.split(/\s+/).filter(Boolean));
+      else if (Array.isArray(o))
+        i.push(...gt(o));
+      else if (typeof o == "object")
+        for (const [s, a] of Object.entries(o))
+          a && i.push(s);
+    }
+  return i;
+}
+function M(...t) {
+  const i = gt(t);
+  if (i.length === 0) return "";
+  const o = { base: {}, variants: {} };
+  for (const u of i) {
+    const { variant: m, utility: e } = Dt(u), x = Lt(e);
+    x && (m ? (o.variants[m] || (o.variants[m] = {}), at(o.variants[m], x)) : at(o.base, x));
+  }
+  const s = [], a = rt(o.base), l = [a, ...Object.entries(o.variants).map(([u, m]) => `${u}{${rt(m)}}`)].join("|"), g = Q(l), h = `tkx-${g}`;
+  a && s.push(`.${h}{${a}}`);
+  for (const [u, m] of Object.entries(o.variants)) {
+    const e = rt(m);
+    if (e)
+      if (u.startsWith("@")) {
+        const x = u.slice(1), w = Pt[x];
+        w && s.push(`@media(min-width:${w}){.${h}{${e}}}`);
+      } else if (u === "motion-safe")
+        s.push(`@media(prefers-reduced-motion:no-preference){.${h}{${e}}}`);
+      else if (u === "motion-reduce")
+        s.push(`@media(prefers-reduced-motion:reduce){.${h}{${e}}}`);
+      else if (u === "contrast-more")
+        s.push(`@media(prefers-contrast:more){.${h}{${e}}}`);
+      else if (u === "forced-colors")
+        s.push(`@media(forced-colors:active){.${h}{${e}}}`);
+      else if (u === "dark")
+        s.push(`@media(prefers-color-scheme:dark){.${h}{${e}}}`);
+      else if (u === "print")
+        s.push(`@media print{.${h}{${e}}}`);
+      else if (u === "group-hover")
+        s.push(`.group:hover .${h}{${e}}`);
+      else if (u === "group-focus")
+        s.push(`.group:focus-within .${h}{${e}}`);
+      else if (u === "peer-hover")
+        s.push(`.peer:hover~.${h}{${e}}`);
+      else {
+        const w = {
+          hover: ":hover",
+          focus: ":focus",
+          "focus-visible": ":focus-visible",
+          "focus-within": ":focus-within",
+          active: ":active",
+          disabled: ":disabled",
+          checked: ":checked",
+          required: ":required",
+          valid: ":valid",
+          invalid: ":invalid",
+          first: ":first-child",
+          last: ":last-child",
+          odd: ":nth-child(odd)",
+          even: ":nth-child(even)",
+          "first-of-type": ":first-of-type",
+          "last-of-type": ":last-of-type",
+          "only-child": ":only-child",
+          "only-of-type": ":only-of-type",
+          empty: ":empty",
+          visited: ":visited",
+          target: ":target",
+          "placeholder-shown": ":placeholder-shown",
+          "read-only": ":read-only",
+          before: "::before",
+          after: "::after",
+          placeholder: "::placeholder",
+          selection: "::selection",
+          "file-selector": "::file-selector-button",
+          marker: "::marker"
+        }[u] ?? `:${u}`;
+        s.push(`.${h}${w}{${e}}`);
+      }
+  }
+  return s.length > 0 && Yt(g, s.join("")), h;
+}
+const le = M;
+function fe() {
+  return Array.from(tt.values()).join(`
+`);
+}
+function de() {
+  tt.clear(), C = null, G && typeof document < "u" && (document.adoptedStyleSheets = document.adoptedStyleSheets.filter((t) => t !== G), G = null);
+}
+function V(...t) {
+  return t.filter(Boolean).join(" ");
+}
+const et = /* @__PURE__ */ new Map();
+function ue(t) {
+  et.set(t.name, t.utilities);
+}
+function pe(t) {
+  et.delete(t);
+}
+function me() {
+  return Array.from(et.keys());
+}
+function Gt(t) {
+  for (const i of et.values())
+    if (i[t]) return i[t];
+  return null;
+}
+const it = yt(null);
+function Ut() {
+  const t = dt(it);
+  if (!t)
+    throw new Error("TkxFormField must be used inside a <TkxForm>. Wrap your fields in a TkxForm component.");
+  return t;
+}
+async function lt(t, i) {
+  for (const o of i) {
+    if (o.required && (t == null || t === "" || Array.isArray(t) && t.length === 0))
+      return o.message ?? "This field is required";
+    if (!(t == null || t === "")) {
+      if (o.min !== void 0) {
+        if (typeof t == "string" && t.length < o.min)
+          return o.message ?? `Must be at least ${o.min} characters`;
+        if (typeof t == "number" && t < o.min)
+          return o.message ?? `Must be at least ${o.min}`;
+      }
+      if (o.max !== void 0) {
+        if (typeof t == "string" && t.length > o.max)
+          return o.message ?? `Must be no more than ${o.max} characters`;
+        if (typeof t == "number" && t > o.max)
+          return o.message ?? `Must be no more than ${o.max}`;
+      }
+      if (o.pattern && typeof t == "string" && !o.pattern.test(t))
+        return o.message ?? "Invalid format";
+      if (o.validator) {
+        const s = await o.validator(t);
+        if (s)
+          return s;
+      }
+    }
+  }
+  return null;
+}
+function Kt(t, i) {
+  const o = t ? [...t] : [];
+  return i && !o.some((s) => s.required) && o.unshift({ required: !0, message: "This field is required" }), o;
+}
+function Xt(t) {
+  return t.some((i) => i.required);
+}
+function he() {
+  const t = dt(it), i = S({}), o = S({}), s = S({}), a = X(() => ({
+    getFieldValue: (l) => i.current[l],
+    setFieldValue: (l, g) => {
+      i.current[l] = g;
+    },
+    getFieldsValue: () => ({ ...i.current }),
+    setFieldsValue: (l) => {
+      Object.assign(i.current, l);
+    },
+    validateFields: () => Promise.resolve({ ...i.current }),
+    validateField: (l) => Promise.resolve(!0),
+    resetFields: () => {
+      i.current = {}, o.current = {}, s.current = {};
+    },
+    getFieldError: (l) => o.current[l] ?? null,
+    isFieldTouched: (l) => s.current[l] ?? !1
+  }), []);
+  return t ? t.instance : a;
+}
+function Zt({
+  onSubmit: t,
+  onValuesChange: i,
+  initialValues: o = {},
+  layout: s = "vertical",
+  disabled: a = !1,
+  children: l,
+  className: g,
+  style: h,
+  form: u
+}) {
+  const m = ut(), [e, x] = nt({
+    values: { ...o },
+    errors: {},
+    touched: {}
+  }), w = S(o), b = S({}), v = S(e);
+  v.current = e;
+  const E = k((f, r) => {
+    b.current[f] = r;
+  }, []), I = k((f) => {
+    delete b.current[f];
+  }, []), W = k((f, r) => {
+    x((n) => {
+      const p = {
+        ...n,
+        values: { ...n.values, [f]: r }
+      };
+      return i == null || i({ [f]: r }, p.values), p;
+    });
+  }, [i]), H = k((f, r) => {
+    x((n) => ({
+      ...n,
+      errors: { ...n.errors, [f]: r }
+    }));
+  }, []), F = k((f) => {
+    x((r) => ({
+      ...r,
+      touched: { ...r.touched, [f]: !0 }
+    }));
+  }, []), j = k(async (f) => {
+    const r = b.current[f];
+    if (!r) return !0;
+    const n = v.current.values[f], p = await lt(n, r.rules);
+    return x((y) => ({
+      ...y,
+      errors: { ...y.errors, [f]: p },
+      touched: { ...y.touched, [f]: !0 }
+    })), p === null;
+  }, []), R = k(async () => {
+    const f = Object.keys(b.current), r = await Promise.all(
+      f.map(async ($) => {
+        const T = b.current[$], bt = v.current.values[$], vt = await lt(bt, T.rules);
+        return { name: $, error: vt };
+      })
+    ), n = {}, p = {};
+    let y = !1;
+    for (const { name: $, error: T } of r)
+      n[$] = T, p[$] = !0, T && (y = !0);
+    if (x(($) => ({
+      ...$,
+      errors: { ...$.errors, ...n },
+      touched: { ...$.touched, ...p }
+    })), y) {
+      const $ = Object.fromEntries(
+        r.filter((T) => T.error).map((T) => [T.name, T.error])
+      );
+      return Promise.reject($);
+    }
+    return { ...v.current.values };
+  }, []), O = k(() => {
+    x({
+      values: { ...w.current },
+      errors: {},
+      touched: {}
+    });
+  }, []), B = X(() => ({
+    getFieldValue: (f) => v.current.values[f],
+    setFieldValue: W,
+    getFieldsValue: () => ({ ...v.current.values }),
+    setFieldsValue: (f) => {
+      x((r) => {
+        const n = { ...r.values, ...f };
+        return i == null || i(f, n), { ...r, values: n };
+      });
+    },
+    validateFields: R,
+    validateField: j,
+    resetFields: O,
+    getFieldError: (f) => v.current.errors[f] ?? null,
+    isFieldTouched: (f) => !!v.current.touched[f]
+  }), [W, R, j, O, i]), N = k(async (f) => {
+    f.preventDefault();
+    try {
+      const r = await R();
+      await (t == null ? void 0 : t(r));
+    } catch {
+    }
+  }, [R, t]), q = M(s === "inline" ? "flex flex-row flex-wrap items-end gap-4" : "flex flex-col gap-5"), P = u ?? B, Y = X(() => ({
+    state: e,
+    initialValues: w.current,
+    layout: s,
+    disabled: a,
+    fieldMeta: b,
+    setFieldValue: W,
+    setFieldError: H,
+    setFieldTouched: F,
+    registerField: E,
+    unregisterField: I,
+    validateField: j,
+    instance: P
+  }), [e, s, a, W, H, F, E, I, j, P]);
+  return /* @__PURE__ */ _(it.Provider, { value: Y, children: /* @__PURE__ */ _(
+    "form",
+    {
+      noValidate: !0,
+      role: "form",
+      "aria-label": "Form",
+      onSubmit: N,
+      className: V(q, g),
+      style: {
+        color: m.text,
+        ...h
+      },
+      children: l
+    }
+  ) });
+}
+Zt.displayName = "TkxForm";
+function Jt({
+  name: t,
+  label: i,
+  rules: o,
+  help: s,
+  required: a,
+  children: l,
+  className: g,
+  style: h
+}) {
+  const u = ut(), m = Ut(), { state: e, layout: x, disabled: w } = m, b = X(() => Kt(o, a), [o, a]), v = Xt(b), E = S({ rules: b });
+  E.current.rules = b;
+  const I = S(!1);
+  I.current || (m.registerField(t, E.current), I.current = !0), X(() => {
+    m.registerField(t, E.current);
+  }, [b, t, m]);
+  const W = e.values[t], H = e.touched[t] ? e.errors[t] ?? null : null, F = H ? K(H) : null, j = i ? K(i) : void 0, R = s ? K(s) : void 0, O = k(
+    (n) => {
+      let p;
+      if (n !== null && typeof n == "object" && "target" in n) {
+        const y = n.target;
+        p = y.type === "checkbox" ? y.checked : y.value;
+      } else
+        p = n;
+      m.setFieldValue(t, p);
+    },
+    [m, t]
+  ), B = k(() => {
+    m.setFieldTouched(t), m.validateField(t);
+  }, [m, t]), N = wt(l, {
+    value: W ?? "",
+    onChange: O,
+    onBlur: B,
+    error: F ?? void 0,
+    isInvalid: !!F,
+    isRequired: v,
+    disabled: w || l.props.disabled,
+    name: t
+  }), q = x === "horizontal", P = x === "inline", Y = /* @__PURE__ */ _("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": "true", children: /* @__PURE__ */ _("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" }) }), f = j ? /* @__PURE__ */ L(
+    "label",
+    {
+      className: M(
+        "text-sm font-medium font-sans",
+        q ? "min-w-[140px] pt-2.5" : ""
+      ),
+      style: { color: u.text },
+      children: [
+        j,
+        v && /* @__PURE__ */ _("span", { "aria-hidden": "true", className: M("ml-1"), style: { color: u.danger }, children: "*" })
+      ]
+    }
+  ) : null, r = /* @__PURE__ */ L(jt, { children: [
+    R && !F && /* @__PURE__ */ _("span", { className: M("text-xs mt-0.5"), style: { color: u.textMuted }, children: R }),
+    F && /* @__PURE__ */ L(
+      "span",
+      {
+        role: "alert",
+        className: M("text-xs flex items-center gap-1 mt-0.5"),
+        style: {
+          color: u.danger,
+          animation: "tkxFormErrorReveal 200ms ease-out"
+        },
+        children: [
+          Y,
+          F
+        ]
+      }
+    )
+  ] });
+  return P ? /* @__PURE__ */ L(
+    "div",
+    {
+      className: V(M("flex flex-col gap-1"), g),
+      style: h,
+      children: [
+        f,
+        N,
+        r
+      ]
+    }
+  ) : q ? /* @__PURE__ */ L(
+    "div",
+    {
+      className: V(M("flex flex-row gap-4 items-start"), g),
+      style: h,
+      children: [
+        f,
+        /* @__PURE__ */ L("div", { className: M("flex flex-col gap-1 flex-1 min-w-0"), children: [
+          N,
+          r
+        ] })
+      ]
+    }
+  ) : /* @__PURE__ */ L(
+    "div",
+    {
+      className: V(M("flex flex-col gap-1"), g),
+      style: h,
+      children: [
+        f,
+        N,
+        r
+      ]
+    }
+  );
+}
+Jt.displayName = "TkxFormField";
+let ft = !1;
+function Vt() {
+  if (ft || typeof document > "u") return;
+  ft = !0;
+  const t = document.createElement("style");
+  t.setAttribute("data-tkx-form", ""), t.textContent = `
+    @keyframes tkxFormErrorReveal {
+      from {
+        opacity: 0;
+        transform: translateY(-4px);
+      }
+      to {
+        opacity: 1;
+        transform: translateY(0);
+      }
+    }
+  `, document.head.appendChild(t);
+}
+Vt();
+export {
+  re as S,
+  Zt as T,
+  se as a,
+  oe as b,
+  V as c,
+  ae as d,
+  ce as e,
+  Jt as f,
+  At as g,
+  fe as h,
+  Ct as i,
+  Gt as j,
+  pt as k,
+  me as l,
+  ue as m,
+  pe as n,
+  le as o,
+  ie as p,
+  he as q,
+  de as r,
+  K as s,
+  M as t,
+  ne as u,
+  Et as v,
+  It as w
+};