tekivex-ui 2.3.0 → 2.5.1

package/dist/index-eT_U4qB2.js

@@ -0,0 +1,512 @@
+import { createContext as C, createElement as y, useContext as D, useLayoutEffect as R, useEffect as j } from "react";
+const z = 2166136261, L = 16777619;
+function E(n) {
+  let e = z;
+  for (let t = 0; t < n.length; t++)
+    e ^= n.charCodeAt(t), e = Math.imul(e, L) >>> 0;
+  return e.toString(16).padStart(8, "0");
+}
+class F {
+  constructor(e = 512) {
+    this.cache = /* @__PURE__ */ new Map(), this.hits = 0, this.misses = 0, this.ceiling = Math.min(e, 512);
+  }
+  get(e) {
+    if (!this.cache.has(e)) {
+      this.misses++;
+      return;
+    }
+    this.hits++;
+    const t = this.cache.get(e);
+    return this.cache.delete(e), this.cache.set(e, t), t;
+  }
+  set(e, t) {
+    this.cache.has(e) ? this.cache.delete(e) : this.cache.size >= this.ceiling && this.cache.delete(this.cache.keys().next().value), this.cache.set(e, t);
+  }
+  has(e) {
+    return this.cache.has(e);
+  }
+  invalidate(e) {
+    e !== void 0 ? this.cache.delete(e) : this.cache.clear();
+  }
+  get size() {
+    return this.cache.size;
+  }
+  get cacheHitRate() {
+    const e = this.hits + this.misses;
+    return e === 0 ? 0 : this.hits / e * 100;
+  }
+}
+const u = new F(512);
+function O(n, e) {
+  const t = u.get(n);
+  if (t !== void 0) return t;
+  const a = e();
+  return u.set(n, a), a;
+}
+const A = [];
+let x = !1;
+const p = [];
+let b = 0, l = 0;
+function N() {
+  const n = A.splice(0), e = performance.now();
+  for (const a of n)
+    try {
+      a();
+    } catch {
+    }
+  const t = performance.now() - e;
+  b += t, l++, p.push({ duration: t, timestamp: Date.now() }), p.length > 100 && p.shift();
+}
+function B(n) {
+  A.push(n), x || (x = !0, queueMicrotask(() => {
+    N(), x = !1;
+  }));
+}
+function P(n) {
+  const e = n !== void 0 ? p.slice(-n) : p.slice();
+  return {
+    avgRenderTime: l === 0 ? 0 : b / l,
+    cacheHitRate: u.cacheHitRate,
+    renderCount: l,
+    recent: e
+  };
+}
+function V(n) {
+  n !== void 0 ? u.invalidate(n) : u.invalidate();
+}
+const fe = {
+  hash: E,
+  memoize: O,
+  batchUpdate: B,
+  invalidate: V,
+  get avgRenderTime() {
+    return l === 0 ? 0 : b / l;
+  },
+  get cacheHitRate() {
+    return u.cacheHitRate;
+  },
+  getMetrics: P
+}, m = /* @__PURE__ */ new Map();
+function k(n) {
+  return n.replace(/([A-Z])/g, "-$1").toLowerCase();
+}
+function q(n) {
+  return "tkx-" + E(n);
+}
+function T(n) {
+  const e = q(n);
+  return m.has(e) || m.set(e, n), e;
+}
+function K(n, ...e) {
+  const t = n.reduce((s, r, i) => s + r + (e[i] !== void 0 ? String(e[i]) : ""), "");
+  return { className: T(t.trim()), styles: t.trim() };
+}
+function U(n) {
+  const e = Object.entries(n).map(([a, s]) => `${k(a)}: ${s};`).join(" ");
+  return { className: T(e), styles: e };
+}
+const G = {
+  xs: "480px",
+  sm: "640px",
+  md: "768px",
+  lg: "1024px",
+  xl: "1280px",
+  "2xl": "1536px"
+};
+function I(n, e) {
+  return `@media (min-width: ${G[n]}) { ${e} }`;
+}
+function W(n, e) {
+  const t = Object.entries(e).map(([a, s]) => {
+    const r = Object.entries(s).map(([i, o]) => `${k(i)}: ${o};`).join(" ");
+    return `${a} { ${r} }`;
+  }).join(" ");
+  return `@keyframes ${n} { ${t} }`;
+}
+function M(n, e) {
+  return e !== void 0 ? `--tkx-${n}: ${e};` : `var(--tkx-${n})`;
+}
+function $() {
+  return Array.from(m.entries()).map(([n, e]) => `.${n} { ${e} }`).join(`
+`);
+}
+function _() {
+  m.clear();
+}
+function Q() {
+  if (typeof document > "u") return;
+  let n = document.getElementById("tkx-styles");
+  n || (n = document.createElement("style"), n.id = "tkx-styles", document.head.appendChild(n)), n.textContent = $();
+}
+const de = {
+  css: K,
+  fromObject: U,
+  responsive: I,
+  keyframes: W,
+  cssVar: M,
+  extractCSS: $,
+  injectStyles: Q,
+  resetStyles: _
+};
+function X(n) {
+  const e = n.replace("#", ""), t = e.length === 3 ? e.split("").map((i) => i + i).join("") : e, a = parseInt(t.slice(0, 2), 16), s = parseInt(t.slice(2, 4), 16), r = parseInt(t.slice(4, 6), 16);
+  return [a, s, r];
+}
+function w(n) {
+  const [e, t, a] = X(n).map((s) => {
+    const r = s / 255;
+    return r <= 0.03928 ? r / 12.92 : ((r + 0.055) / 1.055) ** 2.4;
+  });
+  return 0.2126 * e + 0.7152 * t + 0.0722 * a;
+}
+function h(n, e) {
+  const t = w(n), a = w(e), s = Math.max(t, a), r = Math.min(t, a);
+  return (s + 0.05) / (r + 0.05);
+}
+function g(n, e, t = !1) {
+  return h(n, e) >= (t ? 3 : 4.5);
+}
+function Z(n, e, t = !1) {
+  return h(n, e) >= (t ? 4.5 : 7);
+}
+function J(n, e) {
+  const a = e ?? ["#ffffff", "#000000"];
+  return a.reduce((s, r) => h(r, n) > h(s, n) ? r : s, a[0]);
+}
+function Y() {
+  const n = document.createElement("div"), e = document.createElement("div");
+  for (const t of [n, e])
+    t.setAttribute("aria-atomic", "true"), t.style.cssText = "position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;", document.body.appendChild(t);
+  return n.setAttribute("aria-live", "polite"), e.setAttribute("aria-live", "assertive"), {
+    announce(t, a = "polite") {
+      const s = a === "assertive" ? e : n;
+      s.textContent = "", setTimeout(() => {
+        s.textContent = t;
+      }, 0);
+    },
+    destroy() {
+      n.remove(), e.remove();
+    }
+  };
+}
+const ee = [
+  "a[href]",
+  "button:not([disabled])",
+  "input:not([disabled])",
+  "select:not([disabled])",
+  "textarea:not([disabled])",
+  '[tabindex]:not([tabindex="-1"])',
+  "details > summary"
+].join(", ");
+function te(n) {
+  let e = null, t = null;
+  function a() {
+    return Array.from(n.querySelectorAll(ee)).filter(
+      (s) => !s.closest("[hidden]") && !s.closest('[aria-hidden="true"]')
+    );
+  }
+  return {
+    activate() {
+      e = document.activeElement;
+      const s = a();
+      s.length > 0 && s[0].focus(), t = (r) => {
+        if (r.key !== "Tab") return;
+        const i = a();
+        if (i.length === 0) return;
+        const o = i[0], f = i[i.length - 1];
+        r.shiftKey ? document.activeElement === o && (r.preventDefault(), f.focus()) : document.activeElement === f && (r.preventDefault(), o.focus());
+      }, n.addEventListener("keydown", t);
+    },
+    deactivate() {
+      t && n.removeEventListener("keydown", t), e instanceof HTMLElement && e.focus(), e = null, t = null;
+    }
+  };
+}
+function ne(n, e, t, a) {
+  let s = e;
+  switch (n.key) {
+    case "ArrowLeft":
+    case "ArrowUp":
+      n.preventDefault(), s = e === 0 ? t - 1 : e - 1;
+      break;
+    case "ArrowRight":
+    case "ArrowDown":
+      n.preventDefault(), s = e === t - 1 ? 0 : e + 1;
+      break;
+    case "Home":
+      n.preventDefault(), s = 0;
+      break;
+    case "End":
+      n.preventDefault(), s = t - 1;
+      break;
+    case "Enter":
+    case " ":
+      n.preventDefault(), a(e);
+      return;
+    default:
+      return;
+  }
+  a(s);
+}
+function se(n, e, t, a, s) {
+  let r = e;
+  switch (n.key) {
+    case "ArrowUp":
+      n.preventDefault(), r = e === 0 ? t - 1 : e - 1;
+      break;
+    case "ArrowDown":
+      n.preventDefault(), r = e === t - 1 ? 0 : e + 1;
+      break;
+    case "Home":
+      n.preventDefault(), r = 0;
+      break;
+    case "End":
+      n.preventDefault(), r = t - 1;
+      break;
+    case "Enter":
+    case " ":
+      n.preventDefault(), a(e);
+      return;
+    case "Escape":
+      n.preventDefault(), s == null || s();
+      return;
+    default:
+      return;
+  }
+  a(r);
+}
+function ae() {
+  return typeof window > "u" ? !1 : window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+}
+function re() {
+  return typeof window > "u" ? !1 : window.matchMedia("(forced-colors: active)").matches;
+}
+function ie(n, e = "polite") {
+  if (typeof document > "u") return;
+  let t = document.getElementById("tkx-live-region");
+  t || (t = document.createElement("div"), t.id = "tkx-live-region", t.setAttribute("aria-live", e), t.setAttribute("aria-atomic", "true"), t.style.cssText = "position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;", document.body.appendChild(t)), t.textContent = "", setTimeout(() => {
+    t && (t.textContent = n);
+  }, 0);
+}
+const pe = {
+  contrastRatio: h,
+  meetsAA: g,
+  meetsAAA: Z,
+  getAccessibleForeground: J,
+  createAnnouncer: Y,
+  createFocusTrap: te,
+  handleTabsKeyboard: ne,
+  handleMenuKeyboard: se,
+  prefersReducedMotion: ae,
+  prefersHighContrast: re,
+  announce: ie
+}, oe = typeof window < "u" ? R : j, S = {
+  bg: "#0a0a0f",
+  surface: "#12121a",
+  surfaceAlt: "#1a1a2e",
+  border: "#2a2a3e",
+  text: "#e8e8f4",
+  textMuted: "#8888aa",
+  primary: "#00f5d4",
+  secondary: "#7b2ff7",
+  danger: "#f72585",
+  warning: "#ffbe0b",
+  success: "#06d6a0",
+  info: "#3a86ff"
+}, he = {
+  bg: "#f8f6f1",
+  surface: "#ffffff",
+  surfaceAlt: "#f0ede6",
+  border: "#ddd8cc",
+  text: "#1a1815",
+  textMuted: "#6b6560",
+  primary: "#0d7c5f",
+  secondary: "#6930c3",
+  danger: "#c1121f",
+  warning: "#d4a017",
+  success: "#0d7c5f",
+  info: "#1d4ed8"
+}, ce = /^#[0-9a-fA-F]{3,8}$/;
+function me(n, e) {
+  const t = { ...n, ...e };
+  for (const [a, s] of Object.entries(t))
+    if (!ce.test(s))
+      throw new Error(`Invalid hex color for theme token '${a}': ${s}`);
+  return g(t.text, t.bg) || console.warn(
+    `[TekiVex] Theme contrast warning: text (${t.text}) vs bg (${t.bg}) does not meet WCAG AA minimum (4.5:1)`
+  ), g(t.primary, t.bg) || console.warn(
+    `[TekiVex] Theme contrast warning: primary (${t.primary}) vs bg (${t.bg}) does not meet WCAG AA minimum`
+  ), t;
+}
+const H = C(S);
+function xe({ theme: n = S, children: e }) {
+  oe(() => {
+    const a = Object.entries(n).map(([r, i]) => M(r, i)).join(" ");
+    let s = document.getElementById("tkx-theme");
+    if (!s) {
+      s = document.createElement("style"), s.id = "tkx-theme";
+      const r = document.head.querySelector("style");
+      r ? document.head.insertBefore(s, r) : document.head.appendChild(s);
+    }
+    s.textContent = `:root { ${a} }`;
+  }, [n]);
+  const t = Object.fromEntries(
+    Object.entries(n).map(([a, s]) => [
+      `--tkx-${a}`,
+      s
+    ])
+  );
+  return y(
+    H.Provider,
+    { value: n },
+    y("div", { style: { display: "contents", ...t } }, e)
+  );
+}
+function ge() {
+  return D(H);
+}
+function le(n) {
+  const e = n.replace("#", ""), t = parseInt(e.slice(0, 2), 16) / 255, a = parseInt(e.slice(2, 4), 16) / 255, s = parseInt(e.slice(4, 6), 16) / 255, r = Math.max(t, a, s), i = Math.min(t, a, s);
+  let o = 0, f = 0;
+  const v = (r + i) / 2;
+  if (r !== i) {
+    const d = r - i;
+    switch (f = v > 0.5 ? d / (2 - r - i) : d / (r + i), r) {
+      case t:
+        o = ((a - s) / d + (a < s ? 6 : 0)) / 6;
+        break;
+      case a:
+        o = ((s - t) / d + 2) / 6;
+        break;
+      case s:
+        o = ((t - a) / d + 4) / 6;
+        break;
+    }
+  }
+  return [Math.round(o * 360), Math.round(f * 100), Math.round(v * 100)];
+}
+function c(n, e, t) {
+  e /= 100, t /= 100;
+  const a = e * Math.min(t, 1 - t), s = (r) => {
+    const i = (r + n / 30) % 12, o = t - a * Math.max(Math.min(i - 3, 9 - i, 1), -1);
+    return Math.round(255 * o).toString(16).padStart(2, "0");
+  };
+  return `#${s(0)}${s(8)}${s(4)}`;
+}
+function be(n) {
+  const [e, t] = le(n);
+  return {
+    50: c(e, Math.min(t, 30), 96),
+    100: c(e, Math.min(t, 40), 90),
+    200: c(e, Math.min(t, 50), 80),
+    300: c(e, t, 70),
+    400: c(e, t, 60),
+    500: n,
+    600: c(e, t, 45),
+    700: c(e, t, 35),
+    800: c(e, t, 25),
+    900: c(e, t, 15)
+  };
+}
+const ve = {
+  xs: { fontSize: "0.75rem", lineHeight: "1rem" },
+  sm: { fontSize: "0.875rem", lineHeight: "1.25rem" },
+  base: { fontSize: "1rem", lineHeight: "1.5rem" },
+  lg: { fontSize: "1.125rem", lineHeight: "1.75rem" },
+  xl: { fontSize: "1.25rem", lineHeight: "1.75rem" },
+  "2xl": { fontSize: "1.5rem", lineHeight: "2rem" },
+  "3xl": { fontSize: "1.875rem", lineHeight: "2.25rem" },
+  "4xl": { fontSize: "2.25rem", lineHeight: "2.5rem" },
+  "5xl": { fontSize: "3rem", lineHeight: "1.15" }
+}, ye = {
+  0: "0px",
+  0.5: "2px",
+  1: "4px",
+  1.5: "6px",
+  2: "8px",
+  2.5: "10px",
+  3: "12px",
+  4: "16px",
+  5: "20px",
+  6: "24px",
+  8: "32px",
+  10: "40px",
+  12: "48px",
+  16: "64px",
+  20: "80px",
+  24: "96px"
+}, we = {
+  sm: 640,
+  md: 768,
+  lg: 1024,
+  xl: 1280,
+  "2xl": 1536
+}, Ee = {
+  none: "none",
+  xs: "0 1px 2px 0 rgba(0,0,0,0.05)",
+  sm: "0 1px 3px 0 rgba(0,0,0,0.1), 0 1px 2px -1px rgba(0,0,0,0.1)",
+  md: "0 4px 6px -1px rgba(0,0,0,0.1), 0 2px 4px -2px rgba(0,0,0,0.1)",
+  lg: "0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -4px rgba(0,0,0,0.1)",
+  xl: "0 20px 25px -5px rgba(0,0,0,0.1), 0 8px 10px -6px rgba(0,0,0,0.1)",
+  "2xl": "0 25px 50px -12px rgba(0,0,0,0.25)",
+  inner: "inset 0 2px 4px 0 rgba(0,0,0,0.06)"
+}, Ae = {
+  hide: -1,
+  base: 0,
+  dropdown: 1e3,
+  sticky: 1100,
+  fixed: 1200,
+  overlay: 1300,
+  modal: 1400,
+  popover: 1500,
+  tooltip: 1600,
+  toast: 1700,
+  max: 9999
+}, ke = {
+  none: "0",
+  sm: "4px",
+  md: "6px",
+  lg: "8px",
+  xl: "12px",
+  "2xl": "16px",
+  full: "9999px"
+};
+export {
+  I as A,
+  Ee as B,
+  ye as C,
+  ve as D,
+  Ae as E,
+  _ as F,
+  Y as G,
+  F as L,
+  fe as Q,
+  de as T,
+  pe as W,
+  H as a,
+  xe as b,
+  he as c,
+  B as d,
+  we as e,
+  h as f,
+  J as g,
+  ne as h,
+  te as i,
+  me as j,
+  K as k,
+  M as l,
+  $ as m,
+  E as n,
+  U as o,
+  be as p,
+  Q as q,
+  W as r,
+  g as s,
+  Z as t,
+  ge as u,
+  O as v,
+  re as w,
+  ae as x,
+  S as y,
+  ke as z
+};