tekivex-ui 2.5.2 → 2.5.4

package/dist/{TkxForm-BWK4LqY3.js → tkx-BJ10JtMv.js}

@@ -1,150 +1,5 @@
-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 = {
+import { n as V } from "./index-eT_U4qB2.js";
+const l = {
   0: "0",
   px: "1px",
   "0.5": "2px",
@@ -188,7 +43,7 @@ const d = {
   fit: "fit-content",
   max: "max-content",
   min: "min-content"
-}, ot = { ...d, screen: "100vh" }, A = {
+}, H = { ...l, screen: "100vh" }, x = {
   "1/2": "50%",
   "1/3": "33.333333%",
   "2/3": "66.666667%",
@@ -205,7 +60,7 @@ const d = {
   "5/12": "41.666667%",
   "7/12": "58.333333%",
   "11/12": "91.666667%"
-}, Z = {
+}, y = {
   none: "0",
   sm: "2px",
   "": "4px",
@@ -215,7 +70,7 @@ const d = {
   "2xl": "16px",
   "3xl": "24px",
   full: "9999px"
-}, st = {
+}, U = {
   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)",
@@ -224,7 +79,7 @@ const d = {
   "2xl": "0 25px 50px -12px rgba(0,0,0,.25)",
   inner: "inset 0 2px 4px 0 rgba(0,0,0,.05)",
   none: "none"
-}, Wt = {
+}, J = {
   xs: ["0.75rem", "1rem"],
   sm: ["0.875rem", "1.25rem"],
   base: ["1rem", "1.5rem"],
@@ -238,7 +93,7 @@ const d = {
   "7xl": ["4.5rem", "1"],
   "8xl": ["6rem", "1"],
   "9xl": ["8rem", "1"]
-}, Ht = {
+}, Q = {
   thin: "100",
   extralight: "200",
   light: "300",
@@ -248,7 +103,7 @@ const d = {
   bold: "700",
   extrabold: "800",
   black: "900"
-}, Nt = {
+}, tt = {
   none: "1",
   tight: "1.25",
   snug: "1.375",
@@ -263,14 +118,14 @@ const d = {
   8: "2rem",
   9: "2.25rem",
   10: "2.5rem"
-}, Ot = {
+}, et = {
   tighter: "-0.05em",
   tight: "-0.025em",
   normal: "0em",
   wide: "0.025em",
   wider: "0.05em",
   widest: "0.1em"
-}, J = {
+}, k = {
   none: "0",
   sm: "4px",
   "": "8px",
@@ -279,9 +134,9 @@ const d = {
   xl: "24px",
   "2xl": "40px",
   "3xl": "64px"
-}, qt = Object.fromEntries(
+}, rt = 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([
+), Y = /* @__PURE__ */ new Set([
   "bg",
   "surface",
   "surfaceAlt",
@@ -294,31 +149,159 @@ const d = {
   "warning",
   "success",
   "info"
-]), Pt = {
+]), nt = {
   sm: "640px",
   md: "768px",
   lg: "1024px",
   xl: "1280px",
   "2xl": "1536px"
-};
-function c(t) {
-  const i = t.match(/^\[(.+)]$/);
-  return i ? i[1] : null;
+}, it = /javascript\s*:|vbscript\s*:|data\s*:\s*text\/html|data\s*:\s*text\/javascript|expression\s*\(|[\r\n\x00]/i, ot = /* @__PURE__ */ new Set([
+  "behavior",
+  "-moz-binding",
+  "-webkit-binding",
+  "src"
+]), st = /* @__PURE__ */ new Set([
+  // Box model
+  "width",
+  "min-width",
+  "max-width",
+  "height",
+  "min-height",
+  "max-height",
+  "margin",
+  "margin-top",
+  "margin-right",
+  "margin-bottom",
+  "margin-left",
+  "padding",
+  "padding-top",
+  "padding-right",
+  "padding-bottom",
+  "padding-left",
+  // Positioning
+  "position",
+  "top",
+  "right",
+  "bottom",
+  "left",
+  "z-index",
+  "inset",
+  // Flexbox / Grid
+  "flex",
+  "flex-grow",
+  "flex-shrink",
+  "flex-basis",
+  "flex-direction",
+  "flex-wrap",
+  "align-items",
+  "align-self",
+  "align-content",
+  "justify-content",
+  "justify-items",
+  "justify-self",
+  "gap",
+  "row-gap",
+  "column-gap",
+  "grid-template-columns",
+  "grid-template-rows",
+  "grid-column",
+  "grid-row",
+  "grid-area",
+  "grid-template-areas",
+  // Typography
+  "font-size",
+  "font-weight",
+  "font-family",
+  "font-style",
+  "line-height",
+  "letter-spacing",
+  "text-align",
+  "text-decoration",
+  "text-transform",
+  "text-overflow",
+  "white-space",
+  "word-break",
+  "word-wrap",
+  "overflow-wrap",
+  // Color / Background
+  "color",
+  "background",
+  "background-color",
+  "background-image",
+  "background-position",
+  "background-size",
+  "background-repeat",
+  "opacity",
+  // Border
+  "border",
+  "border-top",
+  "border-right",
+  "border-bottom",
+  "border-left",
+  "border-width",
+  "border-style",
+  "border-color",
+  "border-radius",
+  "outline",
+  "outline-offset",
+  // Effects
+  "box-shadow",
+  "text-shadow",
+  "filter",
+  "backdrop-filter",
+  "transform",
+  "transition",
+  "animation",
+  // Layout
+  "display",
+  "overflow",
+  "overflow-x",
+  "overflow-y",
+  "visibility",
+  "pointer-events",
+  "cursor",
+  "user-select",
+  // Misc safe
+  "aspect-ratio",
+  "object-fit",
+  "object-position",
+  "list-style",
+  "vertical-align",
+  "float",
+  "clear",
+  "resize",
+  "scroll-behavior",
+  "content"
+  // allow content: '' for pseudo-like patterns but value is guarded
+]);
+function B(t) {
+  return it.test(t) || t.includes("}") || t.includes("{") || t.includes("<") || t.includes(">") ? null : t;
+}
+function at(t) {
+  const o = t.toLowerCase().trim();
+  return ot.has(o) || !st.has(o) ? null : o;
 }
-function z(t) {
-  if (xt.has(t)) return `var(--tkx-${t})`;
+function i(t) {
+  const o = t.match(/^\[(.+)]$/);
+  return o ? B(o[1]) : null;
+}
+function h(t) {
+  if (Y.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;
+  const o = i(t);
+  return o || (/^#([0-9a-fA-F]{3}|[0-9a-fA-F]{6}|[0-9a-fA-F]{8})$/.test(t), t);
 }
-function Lt(t) {
-  const i = t.match(/^\[([a-zA-Z-]+):(.+)]$/);
-  if (i) return { [i[1]]: i[2] };
-  const o = {
+function lt(t) {
+  const o = t.match(/^\[([a-zA-Z-]+):(.+)]$/);
+  if (o) {
+    const r = at(o[1]), n = B(o[2]);
+    return r && n ? { [r]: n } : null;
+  }
+  const s = {
     flex: "flex",
     "inline-flex": "inline-flex",
     grid: "grid",
@@ -335,40 +318,40 @@ function Lt(t) {
     "table-caption": "table-caption",
     "list-item": "list-item"
   };
-  if (o[t]) return { display: o[t] };
-  const s = {
+  if (s[t]) return { display: s[t] };
+  const a = {
     "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 = {
+  if (a[t]) return { "flex-direction": a[t] };
+  const f = {
     "flex-wrap": "wrap",
     "flex-nowrap": "nowrap",
     "flex-wrap-reverse": "wrap-reverse"
   };
-  if (a[t]) return { "flex-wrap": a[t] };
-  const l = {
+  if (f[t]) return { "flex-wrap": f[t] };
+  const b = {
     "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 (b[t]) return { flex: b[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 = {
+  const $ = {
     "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 = {
+  if ($[t]) return { "align-items": $[t] };
+  const d = {
     "justify-start": "flex-start",
     "justify-end": "flex-end",
     "justify-center": "center",
@@ -378,8 +361,8 @@ function Lt(t) {
     "justify-stretch": "stretch",
     "justify-normal": "normal"
   };
-  if (h[t]) return { "justify-content": h[t] };
-  const u = {
+  if (d[t]) return { "justify-content": d[t] };
+  const c = {
     "self-auto": "auto",
     "self-start": "flex-start",
     "self-end": "flex-end",
@@ -387,7 +370,7 @@ function Lt(t) {
     "self-stretch": "stretch",
     "self-baseline": "baseline"
   };
-  if (u[t]) return { "align-self": u[t] };
+  if (c[t]) return { "align-self": c[t] };
   const m = {
     "content-start": "flex-start",
     "content-end": "flex-end",
@@ -417,87 +400,87 @@ function Lt(t) {
   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]);
+    const r = l[e[1]] ?? i(e[1]);
     if (r) return { padding: r };
   }
   if (e = t.match(/^px-(.+)$/)) {
-    const r = d[e[1]] ?? c(e[1]);
+    const r = l[e[1]] ?? i(e[1]);
     if (r) return { "padding-left": r, "padding-right": r };
   }
   if (e = t.match(/^py-(.+)$/)) {
-    const r = d[e[1]] ?? c(e[1]);
+    const r = l[e[1]] ?? i(e[1]);
     if (r) return { "padding-top": r, "padding-bottom": r };
   }
   if (e = t.match(/^pt-(.+)$/)) {
-    const r = d[e[1]] ?? c(e[1]);
+    const r = l[e[1]] ?? i(e[1]);
     if (r) return { "padding-top": r };
   }
   if (e = t.match(/^pr-(.+)$/)) {
-    const r = d[e[1]] ?? c(e[1]);
+    const r = l[e[1]] ?? i(e[1]);
     if (r) return { "padding-right": r };
   }
   if (e = t.match(/^pb-(.+)$/)) {
-    const r = d[e[1]] ?? c(e[1]);
+    const r = l[e[1]] ?? i(e[1]);
     if (r) return { "padding-bottom": r };
   }
   if (e = t.match(/^pl-(.+)$/)) {
-    const r = d[e[1]] ?? c(e[1]);
+    const r = l[e[1]] ?? i(e[1]);
     if (r) return { "padding-left": r };
   }
   if (e = t.match(/^-?m-(.+)$/)) {
-    const r = t.startsWith("-"), n = d[e[1]] ?? c(e[1]);
+    const r = t.startsWith("-"), n = l[e[1]] ?? i(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]);
+    const r = t.startsWith("-"), n = l[e[1]] ?? i(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]);
+    const r = t.startsWith("-"), n = l[e[1]] ?? i(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]);
+    const r = t.startsWith("-"), n = l[e[1]] ?? i(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]);
+    const r = t.startsWith("-"), n = l[e[1]] ?? i(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]);
+    const r = t.startsWith("-"), n = l[e[1]] ?? i(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]);
+    const r = t.startsWith("-"), n = l[e[1]] ?? i(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]);
+    const r = l[e[1]] ?? i(e[1]);
     if (r) return { gap: r };
   }
   if (e = t.match(/^gap-x-(.+)$/)) {
-    const r = d[e[1]] ?? c(e[1]);
+    const r = l[e[1]] ?? i(e[1]);
     if (r) return { "column-gap": r };
   }
   if (e = t.match(/^gap-y-(.+)$/)) {
-    const r = d[e[1]] ?? c(e[1]);
+    const r = l[e[1]] ?? i(e[1]);
     if (r) return { "row-gap": r };
   }
   if (e = t.match(/^w-(.+)$/)) {
-    const r = e[1], n = d[r] ?? A[r] ?? c(r);
+    const r = e[1], n = l[r] ?? x[r] ?? i(r);
     if (n) return { width: n };
   }
   if (e = t.match(/^min-w-(.+)$/)) {
-    const r = d[e[1]] ?? c(e[1]);
+    const r = l[e[1]] ?? i(e[1]);
     if (r) return { "min-width": r };
   }
   if (e = t.match(/^max-w-(.+)$/)) {
@@ -519,40 +502,40 @@ function Lt(t) {
       min: "min-content",
       max: "max-content",
       fit: "fit-content"
-    }[e[1]] ?? d[e[1]] ?? c(e[1]);
+    }[e[1]] ?? l[e[1]] ?? i(e[1]);
     if (n) return { "max-width": n };
   }
   if (e = t.match(/^h-(.+)$/)) {
-    const r = e[1], n = ot[r] ?? A[r] ?? c(r);
+    const r = e[1], n = H[r] ?? x[r] ?? i(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]);
+    const n = { 0: "0", full: "100%", screen: "100vh", svh: "100svh", dvh: "100dvh" }[e[1]] ?? l[e[1]] ?? i(e[1]);
     if (n) return { "min-height": n };
   }
   if (e = t.match(/^max-h-(.+)$/)) {
-    const r = ot[e[1]] ?? c(e[1]);
+    const r = H[e[1]] ?? i(e[1]);
     if (r) return { "max-height": r };
   }
   if (e = t.match(/^size-(.+)$/)) {
-    const r = d[e[1]] ?? A[e[1]] ?? c(e[1]);
+    const r = l[e[1]] ?? x[e[1]] ?? i(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"];
+    const [r, n] = J[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] };
+    return { "font-weight": Q[e[1]] ?? e[1] };
   if (e = t.match(/^leading-(.+)$/)) {
-    const r = Nt[e[1]] ?? c(e[1]);
+    const r = tt[e[1]] ?? i(e[1]);
     if (r) return { "line-height": r };
   }
   if (e = t.match(/^tracking-(.+)$/)) {
-    const r = Ot[e[1]] ?? c(e[1]);
+    const r = et[e[1]] ?? i(e[1]);
     if (r) return { "letter-spacing": r };
   }
-  const x = {
+  const u = {
     "text-left": "left",
     "text-center": "center",
     "text-right": "right",
@@ -560,7 +543,7 @@ function Lt(t) {
     "text-start": "start",
     "text-end": "end"
   };
-  if (x[t]) return { "text-align": x[t] };
+  if (u[t]) return { "text-align": u[t] };
   if (t === "italic") return { "font-style": "italic" };
   if (t === "not-italic") return { "font-style": "normal" };
   if (t === "uppercase") return { "text-transform": "uppercase" };
@@ -587,13 +570,13 @@ function Lt(t) {
   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]);
+    const r = l[e[1]] ?? i(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);
+    const [r, n] = e[1].split("/"), p = h(r);
     if (![
       "left",
       "center",
@@ -616,32 +599,32 @@ function Lt(t) {
       "9xl"
     ].includes(r)) {
       if (n) {
-        const y = parseInt(n) / 100;
-        return { color: p, opacity: String(y) };
+        const K = parseInt(n) / 100;
+        return { color: p, opacity: String(K) };
       }
       return { color: p };
     }
   }
   if (e = t.match(/^bg-(.+)$/)) {
-    const [r, n] = e[1].split("/"), p = z(r);
+    const [r, n] = e[1].split("/"), p = h(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]) };
+    return { "border-color": h(e[1]) };
   if (e = t.match(/^fill-(.+)$/))
-    return { fill: z(e[1]) };
+    return { fill: h(e[1]) };
   if (e = t.match(/^stroke-(.+)$/))
-    return { stroke: z(e[1]) };
+    return { stroke: h(e[1]) };
   if (e = t.match(/^shadow-color-(.+)$/))
-    return { "--tkx-shadow-color": z(e[1]) };
+    return { "--tkx-shadow-color": h(e[1]) };
   if (e = t.match(/^ring-color-(.+)$/))
-    return { "--tkx-ring-color": z(e[1]) };
+    return { "--tkx-ring-color": h(e[1]) };
   if (e = t.match(/^accent-(.+)$/))
-    return { "accent-color": z(e[1]) };
+    return { "accent-color": h(e[1]) };
   if (e = t.match(/^caret-(.+)$/))
-    return { "caret-color": z(e[1]) };
+    return { "caret-color": h(e[1]) };
   if (e = t.match(/^outline-color-(.+)$/))
-    return { "outline-color": z(e[1]) };
+    return { "outline-color": h(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" };
@@ -659,16 +642,16 @@ function Lt(t) {
   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]))
+  if ((e = t.match(/^border-([a-zA-Z].*)$/)) && Y.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 (t === "rounded") return { "border-radius": y[""] };
   if (e = t.match(/^rounded-(none|sm|md|lg|xl|2xl|3xl|full|\[.+])$/))
-    return { "border-radius": Z[e[1]] ?? c(e[1]) ?? e[1] };
+    return { "border-radius": y[e[1]] ?? i(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[""];
+    const r = e[1], n = y[e[2] ?? ""] ?? y[""];
     return {
       t: { "border-top-left-radius": n, "border-top-right-radius": n },
       r: { "border-top-right-radius": n, "border-bottom-right-radius": n },
@@ -687,89 +670,89 @@ function Lt(t) {
   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 (t === "shadow") return { "box-shadow": U[""] };
+  if (e = t.match(/^shadow-(sm|md|lg|xl|2xl|inner|none)$/)) return { "box-shadow": U[e[1]] };
   if (e = t.match(/^opacity-(\d+)$/)) {
-    const r = qt[e[1]];
+    const r = rt[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 = {
+  const A = { "bg-auto": "auto", "bg-cover": "cover", "bg-contain": "contain" };
+  if (A[t]) return { "background-size": A[t] };
+  const C = {
     "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 = {
+  if (C[t]) return { "background-position": C[t] };
+  const W = {
     "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 (W[t]) return { "background-repeat": W[t] };
+  if (t === "backdrop-blur") return { "backdrop-filter": `blur(${k[""]})` };
   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[""]})` };
+    return { "backdrop-filter": `blur(${k[e[1]]})` };
+  if (t === "blur") return { filter: `blur(${k[""]})` };
   if (e = t.match(/^blur-(none|sm|md|lg|xl|2xl|3xl)$/))
-    return { filter: `blur(${J[e[1]]})` };
+    return { filter: `blur(${k[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 = {
+  const E = {
     static: "static",
     relative: "relative",
     absolute: "absolute",
     fixed: "fixed",
     sticky: "sticky"
   };
-  if (I[t]) return { position: I[t] };
+  if (E[t]) return { position: E[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]);
+    const r = t.startsWith("-"), n = l[e[1]] ?? x[e[1]] ?? i(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]);
+    const r = t.startsWith("-"), n = l[e[1]] ?? x[e[1]] ?? i(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]);
+    const r = t.startsWith("-"), n = l[e[1]] ?? x[e[1]] ?? i(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]);
+    const r = t.startsWith("-"), n = l[e[1]] ?? x[e[1]] ?? i(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" };
+  const Z = { 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]);
+    const r = Z[e[1]] ?? i(e[1]);
     if (r) return { "z-index": r };
   }
-  const H = {
+  const O = {
     "overflow-auto": "auto",
     "overflow-hidden": "hidden",
     "overflow-visible": "visible",
     "overflow-scroll": "scroll",
     "overflow-clip": "clip"
   };
-  if (H[t]) return { overflow: H[t] };
+  if (O[t]) return { overflow: O[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 = {
+  const R = {
     "cursor-auto": "auto",
     "cursor-default": "default",
     "cursor-pointer": "pointer",
@@ -785,7 +768,7 @@ function Lt(t) {
     "cursor-zoom-out": "zoom-out",
     "cursor-crosshair": "crosshair"
   };
-  if (F[t]) return { cursor: F[t] };
+  if (R[t]) return { cursor: R[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" };
@@ -794,39 +777,39 @@ function Lt(t) {
   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]);
+    const r = j[e[1]] ?? i(e[1]);
     if (r) return { transform: `scale(${r})` };
   }
   if (e = t.match(/^scale-x-(.+)$/)) {
-    const r = j[e[1]] ?? c(e[1]);
+    const r = j[e[1]] ?? i(e[1]);
     if (r) return { transform: `scaleX(${r})` };
   }
   if (e = t.match(/^scale-y-(.+)$/)) {
-    const r = j[e[1]] ?? c(e[1]);
+    const r = j[e[1]] ?? i(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" };
+  const q = { 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]);
+    const r = t.startsWith("-"), n = q[e[1]] ?? i(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]);
+    const r = t.startsWith("-"), n = l[e[1]] ?? x[e[1]] ?? i(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]);
+    const r = t.startsWith("-"), n = l[e[1]] ?? x[e[1]] ?? i(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`;
+    const r = t.startsWith("-"), n = i(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`;
+    const r = t.startsWith("-"), n = i(e[1]) ?? `${e[1]}deg`;
     return { transform: r ? `skewY(-${n})` : `skewY(${n})` };
   }
-  const O = {
+  const P = {
     "origin-center": "center",
     "origin-top": "top",
     "origin-top-right": "top right",
@@ -837,8 +820,8 @@ function Lt(t) {
     "origin-left": "left",
     "origin-top-left": "top left"
   };
-  if (O[t]) return { "transform-origin": O[t] };
-  const B = {
+  if (P[t]) return { "transform-origin": P[t] };
+  const I = {
     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",
@@ -847,24 +830,24 @@ function Lt(t) {
     "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 (I[t]) return { "transition-property": I[t], "transition-timing-function": "cubic-bezier(0.4,0,0.2,1)", "transition-duration": "150ms" };
+  const T = { 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]);
+    const r = T[e[1]] ?? i(e[1]);
     if (r) return { "transition-duration": r };
   }
   if (e = t.match(/^delay-(.+)$/)) {
-    const r = N[e[1]] ?? c(e[1]);
+    const r = T[e[1]] ?? i(e[1]);
     if (r) return { "transition-delay": r };
   }
-  const q = {
+  const N = {
     "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 = {
+  if (N[t]) return { "transition-timing-function": N[t] };
+  const _ = {
     "animate-none": "none",
     "animate-spin": "tkx-spin 1s linear infinite",
     "animate-ping": "tkx-ping 1s cubic-bezier(0,0,0.2,1) infinite",
@@ -874,15 +857,15 @@ function Lt(t) {
     "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 = {
+  if (_[t]) return { animation: _[t] };
+  const F = {
     "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 (F[t]) return { "object-fit": F[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" };
@@ -943,116 +926,116 @@ function Lt(t) {
   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;
+  const D = ht(t);
+  return D || 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;
+function ct(t) {
+  let o = 0, s = -1;
+  for (let a = 0; a < t.length; a++)
+    if (t[a] === "[") o++;
+    else if (t[a] === "]") o--;
+    else if (t[a] === ":" && o === 0) {
+      s = a;
       break;
     }
-  return o === -1 ? { variant: null, utility: t } : { variant: t.slice(0, o), utility: t.slice(o + 1) };
+  return s === -1 ? { variant: null, utility: t } : { variant: t.slice(0, s), utility: t.slice(s + 1) };
 }
-function at(t, i) {
-  for (const [o, s] of Object.entries(i))
-    t[o] = s;
+function G(t, o) {
+  for (const [s, a] of Object.entries(o))
+    t[s] = a;
 }
-function rt(t) {
-  return Object.entries(t).map(([i, o]) => `${i}:${o}`).join(";");
+function M(t) {
+  return Object.entries(t).map(([o, s]) => `${o}:${s}`).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;
+const S = /* @__PURE__ */ new Map();
+let g = null, v = null;
+function L() {
+  return (!g || !g.isConnected) && (g = document.getElementById("tkx-atomic"), g || (g = document.createElement("style"), g.id = "tkx-atomic", document.head.appendChild(g))), g;
 }
-function Bt() {
-  if (G) return G;
+function ft() {
+  if (v) return v;
   try {
     const t = new CSSStyleSheet();
-    return document.adoptedStyleSheets = [...document.adoptedStyleSheets, t], G = t, t;
+    return document.adoptedStyleSheets = [...document.adoptedStyleSheets, t], v = 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)
+function dt(t, o) {
+  if (S.has(t) || (S.set(t, o), typeof document > "u")) return;
+  const s = ft();
+  if (s) {
+    const a = pt(o);
+    for (const f of a)
       try {
-        o.insertRule(a, o.cssRules.length);
+        s.insertRule(f, s.cssRules.length);
       } catch {
-        ct().textContent += a + `
+        L().textContent += f + `
 `;
       }
   } else
-    ct().textContent += i + `
+    L().textContent += o + `
 `;
 }
-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;
+function pt(t) {
+  const o = [];
+  let s = 0, a = 0;
+  for (let f = 0; f < t.length; f++)
+    if (t[f] === "{") s++;
+    else if (t[f] === "}" && (s--, s === 0)) {
+      const b = t.slice(a, f + 1).trim();
+      b && o.push(b), a = f + 1;
     }
-  return i;
+  return o;
 }
-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);
+function X(t) {
+  const o = [];
+  for (const s of t)
+    if (s) {
+      if (typeof s == "string")
+        o.push(...s.split(/\s+/).filter(Boolean));
+      else if (Array.isArray(s))
+        o.push(...X(s));
+      else if (typeof s == "object")
+        for (const [a, f] of Object.entries(s))
+          f && o.push(a);
     }
-  return i;
+  return o;
 }
-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));
+function mt(...t) {
+  const o = X(t);
+  if (o.length === 0) return "";
+  const s = { base: {}, variants: {} };
+  for (const c of o) {
+    const { variant: m, utility: e } = ct(c), u = lt(e);
+    u && (m ? (s.variants[m] || (s.variants[m] = {}), G(s.variants[m], u)) : G(s.base, u));
   }
-  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);
+  const a = [], f = M(s.base), b = [f, ...Object.entries(s.variants).map(([c, m]) => `${c}{${M(m)}}`)].join("|"), $ = V(b), d = `tkx-${$}`;
+  f && a.push(`.${d}{${f}}`);
+  for (const [c, m] of Object.entries(s.variants)) {
+    const e = M(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}}`);
+      if (c.startsWith("@")) {
+        const u = c.slice(1), w = nt[u];
+        w && a.push(`@media(min-width:${w}){.${d}{${e}}}`);
+      } else if (c === "motion-safe")
+        a.push(`@media(prefers-reduced-motion:no-preference){.${d}{${e}}}`);
+      else if (c === "motion-reduce")
+        a.push(`@media(prefers-reduced-motion:reduce){.${d}{${e}}}`);
+      else if (c === "contrast-more")
+        a.push(`@media(prefers-contrast:more){.${d}{${e}}}`);
+      else if (c === "forced-colors")
+        a.push(`@media(forced-colors:active){.${d}{${e}}}`);
+      else if (c === "dark")
+        a.push(`@media(prefers-color-scheme:dark){.${d}{${e}}}`);
+      else if (c === "print")
+        a.push(`@media print{.${d}{${e}}}`);
+      else if (c === "group-hover")
+        a.push(`.group:hover .${d}{${e}}`);
+      else if (c === "group-focus")
+        a.push(`.group:focus-within .${d}{${e}}`);
+      else if (c === "peer-hover")
+        a.push(`.peer:hover~.${d}{${e}}`);
       else {
         const w = {
           hover: ":hover",
@@ -1084,378 +1067,46 @@ function M(...t) {
           selection: "::selection",
           "file-selector": "::file-selector-button",
           marker: "::marker"
-        }[u] ?? `:${u}`;
-        s.push(`.${h}${w}{${e}}`);
+        }[c] ?? `:${c}`;
+        a.push(`.${d}${w}{${e}}`);
       }
   }
-  return s.length > 0 && Yt(g, s.join("")), h;
+  return a.length > 0 && dt($, a.join("")), d;
 }
-const le = M;
-function fe() {
-  return Array.from(tt.values()).join(`
+const xt = mt;
+function gt() {
+  return Array.from(S.values()).join(`
 `);
 }
-function de() {
-  tt.clear(), C = null, G && typeof document < "u" && (document.adoptedStyleSheets = document.adoptedStyleSheets.filter((t) => t !== G), G = null);
+function bt() {
+  S.clear(), g = null, v && typeof document < "u" && (document.adoptedStyleSheets = document.adoptedStyleSheets.filter((t) => t !== v), v = null);
 }
-function V(...t) {
+function wt(...t) {
   return t.filter(Boolean).join(" ");
 }
-const et = /* @__PURE__ */ new Map();
-function ue(t) {
-  et.set(t.name, t.utilities);
+const z = /* @__PURE__ */ new Map();
+function vt(t) {
+  z.set(t.name, t.utilities);
 }
-function pe(t) {
-  et.delete(t);
+function $t(t) {
+  z.delete(t);
 }
-function me() {
-  return Array.from(et.keys());
+function yt() {
+  return Array.from(z.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;
-      }
-    }
-  }
+function ht(t) {
+  for (const o of z.values())
+    if (o[t]) return o[t];
   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
+  ht as a,
+  yt as b,
+  wt as c,
+  vt as d,
+  gt as e,
+  $t as f,
+  xt as g,
+  bt as r,
+  mt as t
 };