@geovi/the-datagrid 0.0.0-preview.0.0.0

package/dist/index.js

@@ -0,0 +1,4064 @@
+import { jsx as a, jsxs as R, Fragment as no } from "react/jsx-runtime";
+import * as f from "react";
+import { forwardRef as Nt, createElement as Xe } from "react";
+import { useReactTable as ao, getCoreRowModel as so, flexRender as Le } from "@tanstack/react-table";
+import { useVirtualizer as lo } from "@tanstack/react-virtual";
+import { IconDotsVertical as io, IconChevronsLeft as co, IconChevronLeft as uo, IconChevronRight as mo, IconChevronsRight as fo, IconChevronUp as po, IconChevronDown as go, IconArrowsSort as ho } from "@tabler/icons-react";
+import * as Ct from "@radix-ui/react-label";
+import * as M from "@radix-ui/react-dropdown-menu";
+import * as T from "@radix-ui/react-select";
+function St(e) {
+  var t, o, r = "";
+  if (typeof e == "string" || typeof e == "number") r += e;
+  else if (typeof e == "object") if (Array.isArray(e)) {
+    var n = e.length;
+    for (t = 0; t < n; t++) e[t] && (o = St(e[t])) && (r && (r += " "), r += o);
+  } else for (o in e) e[o] && (r && (r += " "), r += o);
+  return r;
+}
+function Rt() {
+  for (var e, t, o = 0, r = "", n = arguments.length; o < n; o++) (e = arguments[o]) && (t = St(e)) && (r && (r += " "), r += t);
+  return r;
+}
+const bo = (e, t) => {
+  const o = new Array(e.length + t.length);
+  for (let r = 0; r < e.length; r++)
+    o[r] = e[r];
+  for (let r = 0; r < t.length; r++)
+    o[e.length + r] = t[r];
+  return o;
+}, yo = (e, t) => ({
+  classGroupId: e,
+  validator: t
+}), zt = (e = /* @__PURE__ */ new Map(), t = null, o) => ({
+  nextPart: e,
+  validators: t,
+  classGroupId: o
+}), We = "-", mt = [], xo = "arbitrary..", wo = (e) => {
+  const t = ko(e), {
+    conflictingClassGroups: o,
+    conflictingClassGroupModifiers: r
+  } = e;
+  return {
+    getClassGroupId: (i) => {
+      if (i.startsWith("[") && i.endsWith("]"))
+        return vo(i);
+      const d = i.split(We), c = d[0] === "" && d.length > 1 ? 1 : 0;
+      return At(d, c, t);
+    },
+    getConflictingClassGroupIds: (i, d) => {
+      if (d) {
+        const c = r[i], g = o[i];
+        return c ? g ? bo(g, c) : c : g || mt;
+      }
+      return o[i] || mt;
+    }
+  };
+}, At = (e, t, o) => {
+  if (e.length - t === 0)
+    return o.classGroupId;
+  const n = e[t], s = o.nextPart.get(n);
+  if (s) {
+    const g = At(e, t + 1, s);
+    if (g) return g;
+  }
+  const i = o.validators;
+  if (i === null)
+    return;
+  const d = t === 0 ? e.join(We) : e.slice(t).join(We), c = i.length;
+  for (let g = 0; g < c; g++) {
+    const w = i[g];
+    if (w.validator(d))
+      return w.classGroupId;
+  }
+}, vo = (e) => e.slice(1, -1).indexOf(":") === -1 ? void 0 : (() => {
+  const t = e.slice(1, -1), o = t.indexOf(":"), r = t.slice(0, o);
+  return r ? xo + r : void 0;
+})(), ko = (e) => {
+  const {
+    theme: t,
+    classGroups: o
+  } = e;
+  return No(o, t);
+}, No = (e, t) => {
+  const o = zt();
+  for (const r in e) {
+    const n = e[r];
+    ot(n, o, r, t);
+  }
+  return o;
+}, ot = (e, t, o, r) => {
+  const n = e.length;
+  for (let s = 0; s < n; s++) {
+    const i = e[s];
+    Co(i, t, o, r);
+  }
+}, Co = (e, t, o, r) => {
+  if (typeof e == "string") {
+    So(e, t, o);
+    return;
+  }
+  if (typeof e == "function") {
+    Ro(e, t, o, r);
+    return;
+  }
+  zo(e, t, o, r);
+}, So = (e, t, o) => {
+  const r = e === "" ? t : It(t, e);
+  r.classGroupId = o;
+}, Ro = (e, t, o, r) => {
+  if (Ao(e)) {
+    ot(e(r), t, o, r);
+    return;
+  }
+  t.validators === null && (t.validators = []), t.validators.push(yo(o, e));
+}, zo = (e, t, o, r) => {
+  const n = Object.entries(e), s = n.length;
+  for (let i = 0; i < s; i++) {
+    const [d, c] = n[i];
+    ot(c, It(t, d), o, r);
+  }
+}, It = (e, t) => {
+  let o = e;
+  const r = t.split(We), n = r.length;
+  for (let s = 0; s < n; s++) {
+    const i = r[s];
+    let d = o.nextPart.get(i);
+    d || (d = zt(), o.nextPart.set(i, d)), o = d;
+  }
+  return o;
+}, Ao = (e) => "isThemeGetter" in e && e.isThemeGetter === !0, Io = (e) => {
+  if (e < 1)
+    return {
+      get: () => {
+      },
+      set: () => {
+      }
+    };
+  let t = 0, o = /* @__PURE__ */ Object.create(null), r = /* @__PURE__ */ Object.create(null);
+  const n = (s, i) => {
+    o[s] = i, t++, t > e && (t = 0, r = o, o = /* @__PURE__ */ Object.create(null));
+  };
+  return {
+    get(s) {
+      let i = o[s];
+      if (i !== void 0)
+        return i;
+      if ((i = r[s]) !== void 0)
+        return n(s, i), i;
+    },
+    set(s, i) {
+      s in o ? o[s] = i : n(s, i);
+    }
+  };
+}, Je = "!", ft = ":", To = [], pt = (e, t, o, r, n) => ({
+  modifiers: e,
+  hasImportantModifier: t,
+  baseClassName: o,
+  maybePostfixModifierPosition: r,
+  isExternal: n
+}), Mo = (e) => {
+  const {
+    prefix: t,
+    experimentalParseClassName: o
+  } = e;
+  let r = (n) => {
+    const s = [];
+    let i = 0, d = 0, c = 0, g;
+    const w = n.length;
+    for (let O = 0; O < w; O++) {
+      const _ = n[O];
+      if (i === 0 && d === 0) {
+        if (_ === ft) {
+          s.push(n.slice(c, O)), c = O + 1;
+          continue;
+        }
+        if (_ === "/") {
+          g = O;
+          continue;
+        }
+      }
+      _ === "[" ? i++ : _ === "]" ? i-- : _ === "(" ? d++ : _ === ")" && d--;
+    }
+    const S = s.length === 0 ? n : n.slice(c);
+    let v = S, Z = !1;
+    S.endsWith(Je) ? (v = S.slice(0, -1), Z = !0) : (
+      /**
+       * In Tailwind CSS v3 the important modifier was at the start of the base class name. This is still supported for legacy reasons.
+       * @see https://github.com/dcastil/tailwind-merge/issues/513#issuecomment-2614029864
+       */
+      S.startsWith(Je) && (v = S.slice(1), Z = !0)
+    );
+    const K = g && g > c ? g - c : void 0;
+    return pt(s, Z, v, K);
+  };
+  if (t) {
+    const n = t + ft, s = r;
+    r = (i) => i.startsWith(n) ? s(i.slice(n.length)) : pt(To, !1, i, void 0, !0);
+  }
+  if (o) {
+    const n = r;
+    r = (s) => o({
+      className: s,
+      parseClassName: n
+    });
+  }
+  return r;
+}, _o = (e) => {
+  const t = /* @__PURE__ */ new Map();
+  return e.orderSensitiveModifiers.forEach((o, r) => {
+    t.set(o, 1e6 + r);
+  }), (o) => {
+    const r = [];
+    let n = [];
+    for (let s = 0; s < o.length; s++) {
+      const i = o[s], d = i[0] === "[", c = t.has(i);
+      d || c ? (n.length > 0 && (n.sort(), r.push(...n), n = []), r.push(i)) : n.push(i);
+    }
+    return n.length > 0 && (n.sort(), r.push(...n)), r;
+  };
+}, Eo = (e) => ({
+  cache: Io(e.cacheSize),
+  parseClassName: Mo(e),
+  sortModifiers: _o(e),
+  ...wo(e)
+}), Do = /\s+/, Po = (e, t) => {
+  const {
+    parseClassName: o,
+    getClassGroupId: r,
+    getConflictingClassGroupIds: n,
+    sortModifiers: s
+  } = t, i = [], d = e.trim().split(Do);
+  let c = "";
+  for (let g = d.length - 1; g >= 0; g -= 1) {
+    const w = d[g], {
+      isExternal: S,
+      modifiers: v,
+      hasImportantModifier: Z,
+      baseClassName: K,
+      maybePostfixModifierPosition: O
+    } = o(w);
+    if (S) {
+      c = w + (c.length > 0 ? " " + c : c);
+      continue;
+    }
+    let _ = !!O, J = r(_ ? K.substring(0, O) : K);
+    if (!J) {
+      if (!_) {
+        c = w + (c.length > 0 ? " " + c : c);
+        continue;
+      }
+      if (J = r(K), !J) {
+        c = w + (c.length > 0 ? " " + c : c);
+        continue;
+      }
+      _ = !1;
+    }
+    const xe = v.length === 0 ? "" : v.length === 1 ? v[0] : s(v).join(":"), ue = Z ? xe + Je : xe, B = ue + J;
+    if (i.indexOf(B) > -1)
+      continue;
+    i.push(B);
+    const X = n(J, _);
+    for (let W = 0; W < X.length; ++W) {
+      const q = X[W];
+      i.push(ue + q);
+    }
+    c = w + (c.length > 0 ? " " + c : c);
+  }
+  return c;
+}, Lo = (...e) => {
+  let t = 0, o, r, n = "";
+  for (; t < e.length; )
+    (o = e[t++]) && (r = Tt(o)) && (n && (n += " "), n += r);
+  return n;
+}, Tt = (e) => {
+  if (typeof e == "string")
+    return e;
+  let t, o = "";
+  for (let r = 0; r < e.length; r++)
+    e[r] && (t = Tt(e[r])) && (o && (o += " "), o += t);
+  return o;
+}, Vo = (e, ...t) => {
+  let o, r, n, s;
+  const i = (c) => {
+    const g = t.reduce((w, S) => S(w), e());
+    return o = Eo(g), r = o.cache.get, n = o.cache.set, s = d, d(c);
+  }, d = (c) => {
+    const g = r(c);
+    if (g)
+      return g;
+    const w = Po(c, o);
+    return n(c, w), w;
+  };
+  return s = i, (...c) => s(Lo(...c));
+}, Oo = [], V = (e) => {
+  const t = (o) => o[e] || Oo;
+  return t.isThemeGetter = !0, t;
+}, Mt = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, _t = /^\((?:(\w[\w-]*):)?(.+)\)$/i, Fo = /^\d+\/\d+$/, jo = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, Wo = /\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/, Go = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, Bo = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, $o = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, ke = (e) => Fo.test(e), k = (e) => !!e && !Number.isNaN(Number(e)), de = (e) => !!e && Number.isInteger(Number(e)), Ze = (e) => e.endsWith("%") && k(e.slice(0, -1)), ae = (e) => jo.test(e), Uo = () => !0, Ho = (e) => (
+  // `colorFunctionRegex` check is necessary because color functions can have percentages in them which which would be incorrectly classified as lengths.
+  // For example, `hsl(0 0% 0%)` would be classified as a length without this check.
+  // I could also use lookbehind assertion in `lengthUnitRegex` but that isn't supported widely enough.
+  Wo.test(e) && !Go.test(e)
+), Et = () => !1, qo = (e) => Bo.test(e), Yo = (e) => $o.test(e), Zo = (e) => !u(e) && !m(e), Ko = (e) => Ne(e, Lt, Et), u = (e) => Mt.test(e), pe = (e) => Ne(e, Vt, Ho), Ke = (e) => Ne(e, tr, k), gt = (e) => Ne(e, Dt, Et), Xo = (e) => Ne(e, Pt, Yo), Ve = (e) => Ne(e, Ot, qo), m = (e) => _t.test(e), Te = (e) => Ce(e, Vt), Jo = (e) => Ce(e, or), ht = (e) => Ce(e, Dt), Qo = (e) => Ce(e, Lt), er = (e) => Ce(e, Pt), Oe = (e) => Ce(e, Ot, !0), Ne = (e, t, o) => {
+  const r = Mt.exec(e);
+  return r ? r[1] ? t(r[1]) : o(r[2]) : !1;
+}, Ce = (e, t, o = !1) => {
+  const r = _t.exec(e);
+  return r ? r[1] ? t(r[1]) : o : !1;
+}, Dt = (e) => e === "position" || e === "percentage", Pt = (e) => e === "image" || e === "url", Lt = (e) => e === "length" || e === "size" || e === "bg-size", Vt = (e) => e === "length", tr = (e) => e === "number", or = (e) => e === "family-name", Ot = (e) => e === "shadow", rr = () => {
+  const e = V("color"), t = V("font"), o = V("text"), r = V("font-weight"), n = V("tracking"), s = V("leading"), i = V("breakpoint"), d = V("container"), c = V("spacing"), g = V("radius"), w = V("shadow"), S = V("inset-shadow"), v = V("text-shadow"), Z = V("drop-shadow"), K = V("blur"), O = V("perspective"), _ = V("aspect"), J = V("ease"), xe = V("animate"), ue = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], B = () => [
+    "center",
+    "top",
+    "bottom",
+    "left",
+    "right",
+    "top-left",
+    // Deprecated since Tailwind CSS v4.1.0, see https://github.com/tailwindlabs/tailwindcss/pull/17378
+    "left-top",
+    "top-right",
+    // Deprecated since Tailwind CSS v4.1.0, see https://github.com/tailwindlabs/tailwindcss/pull/17378
+    "right-top",
+    "bottom-right",
+    // Deprecated since Tailwind CSS v4.1.0, see https://github.com/tailwindlabs/tailwindcss/pull/17378
+    "right-bottom",
+    "bottom-left",
+    // Deprecated since Tailwind CSS v4.1.0, see https://github.com/tailwindlabs/tailwindcss/pull/17378
+    "left-bottom"
+  ], X = () => [...B(), m, u], W = () => ["auto", "hidden", "clip", "visible", "scroll"], q = () => ["auto", "contain", "none"], h = () => [m, u, c], D = () => [ke, "full", "auto", ...h()], Q = () => [de, "none", "subgrid", m, u], ee = () => ["auto", {
+    span: ["full", de, m, u]
+  }, de, m, u], te = () => [de, "auto", m, u], j = () => ["auto", "min", "max", "fr", m, u], A = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], P = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], $ = () => ["auto", ...h()], oe = () => [ke, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...h()], x = () => [e, m, u], Be = () => [...B(), ht, gt, {
+    position: [m, u]
+  }], Ee = () => ["no-repeat", {
+    repeat: ["", "x", "y", "space", "round"]
+  }], G = () => ["auto", "cover", "contain", Qo, Ko, {
+    size: [m, u]
+  }], Se = () => [Ze, Te, pe], I = () => [
+    // Deprecated since Tailwind CSS v4.0.0
+    "",
+    "none",
+    "full",
+    g,
+    m,
+    u
+  ], F = () => ["", k, Te, pe], Y = () => ["solid", "dashed", "dotted", "double"], me = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], E = () => [k, Ze, ht, gt], Re = () => [
+    // Deprecated since Tailwind CSS v4.0.0
+    "",
+    "none",
+    K,
+    m,
+    u
+  ], we = () => ["none", k, m, u], re = () => ["none", k, m, u], le = () => [k, m, u], ne = () => [ke, "full", ...h()];
+  return {
+    cacheSize: 500,
+    theme: {
+      animate: ["spin", "ping", "pulse", "bounce"],
+      aspect: ["video"],
+      blur: [ae],
+      breakpoint: [ae],
+      color: [Uo],
+      container: [ae],
+      "drop-shadow": [ae],
+      ease: ["in", "out", "in-out"],
+      font: [Zo],
+      "font-weight": ["thin", "extralight", "light", "normal", "medium", "semibold", "bold", "extrabold", "black"],
+      "inset-shadow": [ae],
+      leading: ["none", "tight", "snug", "normal", "relaxed", "loose"],
+      perspective: ["dramatic", "near", "normal", "midrange", "distant", "none"],
+      radius: [ae],
+      shadow: [ae],
+      spacing: ["px", k],
+      text: [ae],
+      "text-shadow": [ae],
+      tracking: ["tighter", "tight", "normal", "wide", "wider", "widest"]
+    },
+    classGroups: {
+      // --------------
+      // --- Layout ---
+      // --------------
+      /**
+       * Aspect Ratio
+       * @see https://tailwindcss.com/docs/aspect-ratio
+       */
+      aspect: [{
+        aspect: ["auto", "square", ke, u, m, _]
+      }],
+      /**
+       * Container
+       * @see https://tailwindcss.com/docs/container
+       * @deprecated since Tailwind CSS v4.0.0
+       */
+      container: ["container"],
+      /**
+       * Columns
+       * @see https://tailwindcss.com/docs/columns
+       */
+      columns: [{
+        columns: [k, u, m, d]
+      }],
+      /**
+       * Break After
+       * @see https://tailwindcss.com/docs/break-after
+       */
+      "break-after": [{
+        "break-after": ue()
+      }],
+      /**
+       * Break Before
+       * @see https://tailwindcss.com/docs/break-before
+       */
+      "break-before": [{
+        "break-before": ue()
+      }],
+      /**
+       * Break Inside
+       * @see https://tailwindcss.com/docs/break-inside
+       */
+      "break-inside": [{
+        "break-inside": ["auto", "avoid", "avoid-page", "avoid-column"]
+      }],
+      /**
+       * Box Decoration Break
+       * @see https://tailwindcss.com/docs/box-decoration-break
+       */
+      "box-decoration": [{
+        "box-decoration": ["slice", "clone"]
+      }],
+      /**
+       * Box Sizing
+       * @see https://tailwindcss.com/docs/box-sizing
+       */
+      box: [{
+        box: ["border", "content"]
+      }],
+      /**
+       * Display
+       * @see https://tailwindcss.com/docs/display
+       */
+      display: ["block", "inline-block", "inline", "flex", "inline-flex", "table", "inline-table", "table-caption", "table-cell", "table-column", "table-column-group", "table-footer-group", "table-header-group", "table-row-group", "table-row", "flow-root", "grid", "inline-grid", "contents", "list-item", "hidden"],
+      /**
+       * Screen Reader Only
+       * @see https://tailwindcss.com/docs/display#screen-reader-only
+       */
+      sr: ["sr-only", "not-sr-only"],
+      /**
+       * Floats
+       * @see https://tailwindcss.com/docs/float
+       */
+      float: [{
+        float: ["right", "left", "none", "start", "end"]
+      }],
+      /**
+       * Clear
+       * @see https://tailwindcss.com/docs/clear
+       */
+      clear: [{
+        clear: ["left", "right", "both", "none", "start", "end"]
+      }],
+      /**
+       * Isolation
+       * @see https://tailwindcss.com/docs/isolation
+       */
+      isolation: ["isolate", "isolation-auto"],
+      /**
+       * Object Fit
+       * @see https://tailwindcss.com/docs/object-fit
+       */
+      "object-fit": [{
+        object: ["contain", "cover", "fill", "none", "scale-down"]
+      }],
+      /**
+       * Object Position
+       * @see https://tailwindcss.com/docs/object-position
+       */
+      "object-position": [{
+        object: X()
+      }],
+      /**
+       * Overflow
+       * @see https://tailwindcss.com/docs/overflow
+       */
+      overflow: [{
+        overflow: W()
+      }],
+      /**
+       * Overflow X
+       * @see https://tailwindcss.com/docs/overflow
+       */
+      "overflow-x": [{
+        "overflow-x": W()
+      }],
+      /**
+       * Overflow Y
+       * @see https://tailwindcss.com/docs/overflow
+       */
+      "overflow-y": [{
+        "overflow-y": W()
+      }],
+      /**
+       * Overscroll Behavior
+       * @see https://tailwindcss.com/docs/overscroll-behavior
+       */
+      overscroll: [{
+        overscroll: q()
+      }],
+      /**
+       * Overscroll Behavior X
+       * @see https://tailwindcss.com/docs/overscroll-behavior
+       */
+      "overscroll-x": [{
+        "overscroll-x": q()
+      }],
+      /**
+       * Overscroll Behavior Y
+       * @see https://tailwindcss.com/docs/overscroll-behavior
+       */
+      "overscroll-y": [{
+        "overscroll-y": q()
+      }],
+      /**
+       * Position
+       * @see https://tailwindcss.com/docs/position
+       */
+      position: ["static", "fixed", "absolute", "relative", "sticky"],
+      /**
+       * Top / Right / Bottom / Left
+       * @see https://tailwindcss.com/docs/top-right-bottom-left
+       */
+      inset: [{
+        inset: D()
+      }],
+      /**
+       * Right / Left
+       * @see https://tailwindcss.com/docs/top-right-bottom-left
+       */
+      "inset-x": [{
+        "inset-x": D()
+      }],
+      /**
+       * Top / Bottom
+       * @see https://tailwindcss.com/docs/top-right-bottom-left
+       */
+      "inset-y": [{
+        "inset-y": D()
+      }],
+      /**
+       * Start
+       * @see https://tailwindcss.com/docs/top-right-bottom-left
+       */
+      start: [{
+        start: D()
+      }],
+      /**
+       * End
+       * @see https://tailwindcss.com/docs/top-right-bottom-left
+       */
+      end: [{
+        end: D()
+      }],
+      /**
+       * Top
+       * @see https://tailwindcss.com/docs/top-right-bottom-left
+       */
+      top: [{
+        top: D()
+      }],
+      /**
+       * Right
+       * @see https://tailwindcss.com/docs/top-right-bottom-left
+       */
+      right: [{
+        right: D()
+      }],
+      /**
+       * Bottom
+       * @see https://tailwindcss.com/docs/top-right-bottom-left
+       */
+      bottom: [{
+        bottom: D()
+      }],
+      /**
+       * Left
+       * @see https://tailwindcss.com/docs/top-right-bottom-left
+       */
+      left: [{
+        left: D()
+      }],
+      /**
+       * Visibility
+       * @see https://tailwindcss.com/docs/visibility
+       */
+      visibility: ["visible", "invisible", "collapse"],
+      /**
+       * Z-Index
+       * @see https://tailwindcss.com/docs/z-index
+       */
+      z: [{
+        z: [de, "auto", m, u]
+      }],
+      // ------------------------
+      // --- Flexbox and Grid ---
+      // ------------------------
+      /**
+       * Flex Basis
+       * @see https://tailwindcss.com/docs/flex-basis
+       */
+      basis: [{
+        basis: [ke, "full", "auto", d, ...h()]
+      }],
+      /**
+       * Flex Direction
+       * @see https://tailwindcss.com/docs/flex-direction
+       */
+      "flex-direction": [{
+        flex: ["row", "row-reverse", "col", "col-reverse"]
+      }],
+      /**
+       * Flex Wrap
+       * @see https://tailwindcss.com/docs/flex-wrap
+       */
+      "flex-wrap": [{
+        flex: ["nowrap", "wrap", "wrap-reverse"]
+      }],
+      /**
+       * Flex
+       * @see https://tailwindcss.com/docs/flex
+       */
+      flex: [{
+        flex: [k, ke, "auto", "initial", "none", u]
+      }],
+      /**
+       * Flex Grow
+       * @see https://tailwindcss.com/docs/flex-grow
+       */
+      grow: [{
+        grow: ["", k, m, u]
+      }],
+      /**
+       * Flex Shrink
+       * @see https://tailwindcss.com/docs/flex-shrink
+       */
+      shrink: [{
+        shrink: ["", k, m, u]
+      }],
+      /**
+       * Order
+       * @see https://tailwindcss.com/docs/order
+       */
+      order: [{
+        order: [de, "first", "last", "none", m, u]
+      }],
+      /**
+       * Grid Template Columns
+       * @see https://tailwindcss.com/docs/grid-template-columns
+       */
+      "grid-cols": [{
+        "grid-cols": Q()
+      }],
+      /**
+       * Grid Column Start / End
+       * @see https://tailwindcss.com/docs/grid-column
+       */
+      "col-start-end": [{
+        col: ee()
+      }],
+      /**
+       * Grid Column Start
+       * @see https://tailwindcss.com/docs/grid-column
+       */
+      "col-start": [{
+        "col-start": te()
+      }],
+      /**
+       * Grid Column End
+       * @see https://tailwindcss.com/docs/grid-column
+       */
+      "col-end": [{
+        "col-end": te()
+      }],
+      /**
+       * Grid Template Rows
+       * @see https://tailwindcss.com/docs/grid-template-rows
+       */
+      "grid-rows": [{
+        "grid-rows": Q()
+      }],
+      /**
+       * Grid Row Start / End
+       * @see https://tailwindcss.com/docs/grid-row
+       */
+      "row-start-end": [{
+        row: ee()
+      }],
+      /**
+       * Grid Row Start
+       * @see https://tailwindcss.com/docs/grid-row
+       */
+      "row-start": [{
+        "row-start": te()
+      }],
+      /**
+       * Grid Row End
+       * @see https://tailwindcss.com/docs/grid-row
+       */
+      "row-end": [{
+        "row-end": te()
+      }],
+      /**
+       * Grid Auto Flow
+       * @see https://tailwindcss.com/docs/grid-auto-flow
+       */
+      "grid-flow": [{
+        "grid-flow": ["row", "col", "dense", "row-dense", "col-dense"]
+      }],
+      /**
+       * Grid Auto Columns
+       * @see https://tailwindcss.com/docs/grid-auto-columns
+       */
+      "auto-cols": [{
+        "auto-cols": j()
+      }],
+      /**
+       * Grid Auto Rows
+       * @see https://tailwindcss.com/docs/grid-auto-rows
+       */
+      "auto-rows": [{
+        "auto-rows": j()
+      }],
+      /**
+       * Gap
+       * @see https://tailwindcss.com/docs/gap
+       */
+      gap: [{
+        gap: h()
+      }],
+      /**
+       * Gap X
+       * @see https://tailwindcss.com/docs/gap
+       */
+      "gap-x": [{
+        "gap-x": h()
+      }],
+      /**
+       * Gap Y
+       * @see https://tailwindcss.com/docs/gap
+       */
+      "gap-y": [{
+        "gap-y": h()
+      }],
+      /**
+       * Justify Content
+       * @see https://tailwindcss.com/docs/justify-content
+       */
+      "justify-content": [{
+        justify: [...A(), "normal"]
+      }],
+      /**
+       * Justify Items
+       * @see https://tailwindcss.com/docs/justify-items
+       */
+      "justify-items": [{
+        "justify-items": [...P(), "normal"]
+      }],
+      /**
+       * Justify Self
+       * @see https://tailwindcss.com/docs/justify-self
+       */
+      "justify-self": [{
+        "justify-self": ["auto", ...P()]
+      }],
+      /**
+       * Align Content
+       * @see https://tailwindcss.com/docs/align-content
+       */
+      "align-content": [{
+        content: ["normal", ...A()]
+      }],
+      /**
+       * Align Items
+       * @see https://tailwindcss.com/docs/align-items
+       */
+      "align-items": [{
+        items: [...P(), {
+          baseline: ["", "last"]
+        }]
+      }],
+      /**
+       * Align Self
+       * @see https://tailwindcss.com/docs/align-self
+       */
+      "align-self": [{
+        self: ["auto", ...P(), {
+          baseline: ["", "last"]
+        }]
+      }],
+      /**
+       * Place Content
+       * @see https://tailwindcss.com/docs/place-content
+       */
+      "place-content": [{
+        "place-content": A()
+      }],
+      /**
+       * Place Items
+       * @see https://tailwindcss.com/docs/place-items
+       */
+      "place-items": [{
+        "place-items": [...P(), "baseline"]
+      }],
+      /**
+       * Place Self
+       * @see https://tailwindcss.com/docs/place-self
+       */
+      "place-self": [{
+        "place-self": ["auto", ...P()]
+      }],
+      // Spacing
+      /**
+       * Padding
+       * @see https://tailwindcss.com/docs/padding
+       */
+      p: [{
+        p: h()
+      }],
+      /**
+       * Padding X
+       * @see https://tailwindcss.com/docs/padding
+       */
+      px: [{
+        px: h()
+      }],
+      /**
+       * Padding Y
+       * @see https://tailwindcss.com/docs/padding
+       */
+      py: [{
+        py: h()
+      }],
+      /**
+       * Padding Start
+       * @see https://tailwindcss.com/docs/padding
+       */
+      ps: [{
+        ps: h()
+      }],
+      /**
+       * Padding End
+       * @see https://tailwindcss.com/docs/padding
+       */
+      pe: [{
+        pe: h()
+      }],
+      /**
+       * Padding Top
+       * @see https://tailwindcss.com/docs/padding
+       */
+      pt: [{
+        pt: h()
+      }],
+      /**
+       * Padding Right
+       * @see https://tailwindcss.com/docs/padding
+       */
+      pr: [{
+        pr: h()
+      }],
+      /**
+       * Padding Bottom
+       * @see https://tailwindcss.com/docs/padding
+       */
+      pb: [{
+        pb: h()
+      }],
+      /**
+       * Padding Left
+       * @see https://tailwindcss.com/docs/padding
+       */
+      pl: [{
+        pl: h()
+      }],
+      /**
+       * Margin
+       * @see https://tailwindcss.com/docs/margin
+       */
+      m: [{
+        m: $()
+      }],
+      /**
+       * Margin X
+       * @see https://tailwindcss.com/docs/margin
+       */
+      mx: [{
+        mx: $()
+      }],
+      /**
+       * Margin Y
+       * @see https://tailwindcss.com/docs/margin
+       */
+      my: [{
+        my: $()
+      }],
+      /**
+       * Margin Start
+       * @see https://tailwindcss.com/docs/margin
+       */
+      ms: [{
+        ms: $()
+      }],
+      /**
+       * Margin End
+       * @see https://tailwindcss.com/docs/margin
+       */
+      me: [{
+        me: $()
+      }],
+      /**
+       * Margin Top
+       * @see https://tailwindcss.com/docs/margin
+       */
+      mt: [{
+        mt: $()
+      }],
+      /**
+       * Margin Right
+       * @see https://tailwindcss.com/docs/margin
+       */
+      mr: [{
+        mr: $()
+      }],
+      /**
+       * Margin Bottom
+       * @see https://tailwindcss.com/docs/margin
+       */
+      mb: [{
+        mb: $()
+      }],
+      /**
+       * Margin Left
+       * @see https://tailwindcss.com/docs/margin
+       */
+      ml: [{
+        ml: $()
+      }],
+      /**
+       * Space Between X
+       * @see https://tailwindcss.com/docs/margin#adding-space-between-children
+       */
+      "space-x": [{
+        "space-x": h()
+      }],
+      /**
+       * Space Between X Reverse
+       * @see https://tailwindcss.com/docs/margin#adding-space-between-children
+       */
+      "space-x-reverse": ["space-x-reverse"],
+      /**
+       * Space Between Y
+       * @see https://tailwindcss.com/docs/margin#adding-space-between-children
+       */
+      "space-y": [{
+        "space-y": h()
+      }],
+      /**
+       * Space Between Y Reverse
+       * @see https://tailwindcss.com/docs/margin#adding-space-between-children
+       */
+      "space-y-reverse": ["space-y-reverse"],
+      // --------------
+      // --- Sizing ---
+      // --------------
+      /**
+       * Size
+       * @see https://tailwindcss.com/docs/width#setting-both-width-and-height
+       */
+      size: [{
+        size: oe()
+      }],
+      /**
+       * Width
+       * @see https://tailwindcss.com/docs/width
+       */
+      w: [{
+        w: [d, "screen", ...oe()]
+      }],
+      /**
+       * Min-Width
+       * @see https://tailwindcss.com/docs/min-width
+       */
+      "min-w": [{
+        "min-w": [
+          d,
+          "screen",
+          /** Deprecated. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
+          "none",
+          ...oe()
+        ]
+      }],
+      /**
+       * Max-Width
+       * @see https://tailwindcss.com/docs/max-width
+       */
+      "max-w": [{
+        "max-w": [
+          d,
+          "screen",
+          "none",
+          /** Deprecated since Tailwind CSS v4.0.0. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
+          "prose",
+          /** Deprecated since Tailwind CSS v4.0.0. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
+          {
+            screen: [i]
+          },
+          ...oe()
+        ]
+      }],
+      /**
+       * Height
+       * @see https://tailwindcss.com/docs/height
+       */
+      h: [{
+        h: ["screen", "lh", ...oe()]
+      }],
+      /**
+       * Min-Height
+       * @see https://tailwindcss.com/docs/min-height
+       */
+      "min-h": [{
+        "min-h": ["screen", "lh", "none", ...oe()]
+      }],
+      /**
+       * Max-Height
+       * @see https://tailwindcss.com/docs/max-height
+       */
+      "max-h": [{
+        "max-h": ["screen", "lh", ...oe()]
+      }],
+      // ------------------
+      // --- Typography ---
+      // ------------------
+      /**
+       * Font Size
+       * @see https://tailwindcss.com/docs/font-size
+       */
+      "font-size": [{
+        text: ["base", o, Te, pe]
+      }],
+      /**
+       * Font Smoothing
+       * @see https://tailwindcss.com/docs/font-smoothing
+       */
+      "font-smoothing": ["antialiased", "subpixel-antialiased"],
+      /**
+       * Font Style
+       * @see https://tailwindcss.com/docs/font-style
+       */
+      "font-style": ["italic", "not-italic"],
+      /**
+       * Font Weight
+       * @see https://tailwindcss.com/docs/font-weight
+       */
+      "font-weight": [{
+        font: [r, m, Ke]
+      }],
+      /**
+       * Font Stretch
+       * @see https://tailwindcss.com/docs/font-stretch
+       */
+      "font-stretch": [{
+        "font-stretch": ["ultra-condensed", "extra-condensed", "condensed", "semi-condensed", "normal", "semi-expanded", "expanded", "extra-expanded", "ultra-expanded", Ze, u]
+      }],
+      /**
+       * Font Family
+       * @see https://tailwindcss.com/docs/font-family
+       */
+      "font-family": [{
+        font: [Jo, u, t]
+      }],
+      /**
+       * Font Variant Numeric
+       * @see https://tailwindcss.com/docs/font-variant-numeric
+       */
+      "fvn-normal": ["normal-nums"],
+      /**
+       * Font Variant Numeric
+       * @see https://tailwindcss.com/docs/font-variant-numeric
+       */
+      "fvn-ordinal": ["ordinal"],
+      /**
+       * Font Variant Numeric
+       * @see https://tailwindcss.com/docs/font-variant-numeric
+       */
+      "fvn-slashed-zero": ["slashed-zero"],
+      /**
+       * Font Variant Numeric
+       * @see https://tailwindcss.com/docs/font-variant-numeric
+       */
+      "fvn-figure": ["lining-nums", "oldstyle-nums"],
+      /**
+       * Font Variant Numeric
+       * @see https://tailwindcss.com/docs/font-variant-numeric
+       */
+      "fvn-spacing": ["proportional-nums", "tabular-nums"],
+      /**
+       * Font Variant Numeric
+       * @see https://tailwindcss.com/docs/font-variant-numeric
+       */
+      "fvn-fraction": ["diagonal-fractions", "stacked-fractions"],
+      /**
+       * Letter Spacing
+       * @see https://tailwindcss.com/docs/letter-spacing
+       */
+      tracking: [{
+        tracking: [n, m, u]
+      }],
+      /**
+       * Line Clamp
+       * @see https://tailwindcss.com/docs/line-clamp
+       */
+      "line-clamp": [{
+        "line-clamp": [k, "none", m, Ke]
+      }],
+      /**
+       * Line Height
+       * @see https://tailwindcss.com/docs/line-height
+       */
+      leading: [{
+        leading: [
+          /** Deprecated since Tailwind CSS v4.0.0. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
+          s,
+          ...h()
+        ]
+      }],
+      /**
+       * List Style Image
+       * @see https://tailwindcss.com/docs/list-style-image
+       */
+      "list-image": [{
+        "list-image": ["none", m, u]
+      }],
+      /**
+       * List Style Position
+       * @see https://tailwindcss.com/docs/list-style-position
+       */
+      "list-style-position": [{
+        list: ["inside", "outside"]
+      }],
+      /**
+       * List Style Type
+       * @see https://tailwindcss.com/docs/list-style-type
+       */
+      "list-style-type": [{
+        list: ["disc", "decimal", "none", m, u]
+      }],
+      /**
+       * Text Alignment
+       * @see https://tailwindcss.com/docs/text-align
+       */
+      "text-alignment": [{
+        text: ["left", "center", "right", "justify", "start", "end"]
+      }],
+      /**
+       * Placeholder Color
+       * @deprecated since Tailwind CSS v3.0.0
+       * @see https://v3.tailwindcss.com/docs/placeholder-color
+       */
+      "placeholder-color": [{
+        placeholder: x()
+      }],
+      /**
+       * Text Color
+       * @see https://tailwindcss.com/docs/text-color
+       */
+      "text-color": [{
+        text: x()
+      }],
+      /**
+       * Text Decoration
+       * @see https://tailwindcss.com/docs/text-decoration
+       */
+      "text-decoration": ["underline", "overline", "line-through", "no-underline"],
+      /**
+       * Text Decoration Style
+       * @see https://tailwindcss.com/docs/text-decoration-style
+       */
+      "text-decoration-style": [{
+        decoration: [...Y(), "wavy"]
+      }],
+      /**
+       * Text Decoration Thickness
+       * @see https://tailwindcss.com/docs/text-decoration-thickness
+       */
+      "text-decoration-thickness": [{
+        decoration: [k, "from-font", "auto", m, pe]
+      }],
+      /**
+       * Text Decoration Color
+       * @see https://tailwindcss.com/docs/text-decoration-color
+       */
+      "text-decoration-color": [{
+        decoration: x()
+      }],
+      /**
+       * Text Underline Offset
+       * @see https://tailwindcss.com/docs/text-underline-offset
+       */
+      "underline-offset": [{
+        "underline-offset": [k, "auto", m, u]
+      }],
+      /**
+       * Text Transform
+       * @see https://tailwindcss.com/docs/text-transform
+       */
+      "text-transform": ["uppercase", "lowercase", "capitalize", "normal-case"],
+      /**
+       * Text Overflow
+       * @see https://tailwindcss.com/docs/text-overflow
+       */
+      "text-overflow": ["truncate", "text-ellipsis", "text-clip"],
+      /**
+       * Text Wrap
+       * @see https://tailwindcss.com/docs/text-wrap
+       */
+      "text-wrap": [{
+        text: ["wrap", "nowrap", "balance", "pretty"]
+      }],
+      /**
+       * Text Indent
+       * @see https://tailwindcss.com/docs/text-indent
+       */
+      indent: [{
+        indent: h()
+      }],
+      /**
+       * Vertical Alignment
+       * @see https://tailwindcss.com/docs/vertical-align
+       */
+      "vertical-align": [{
+        align: ["baseline", "top", "middle", "bottom", "text-top", "text-bottom", "sub", "super", m, u]
+      }],
+      /**
+       * Whitespace
+       * @see https://tailwindcss.com/docs/whitespace
+       */
+      whitespace: [{
+        whitespace: ["normal", "nowrap", "pre", "pre-line", "pre-wrap", "break-spaces"]
+      }],
+      /**
+       * Word Break
+       * @see https://tailwindcss.com/docs/word-break
+       */
+      break: [{
+        break: ["normal", "words", "all", "keep"]
+      }],
+      /**
+       * Overflow Wrap
+       * @see https://tailwindcss.com/docs/overflow-wrap
+       */
+      wrap: [{
+        wrap: ["break-word", "anywhere", "normal"]
+      }],
+      /**
+       * Hyphens
+       * @see https://tailwindcss.com/docs/hyphens
+       */
+      hyphens: [{
+        hyphens: ["none", "manual", "auto"]
+      }],
+      /**
+       * Content
+       * @see https://tailwindcss.com/docs/content
+       */
+      content: [{
+        content: ["none", m, u]
+      }],
+      // -------------------
+      // --- Backgrounds ---
+      // -------------------
+      /**
+       * Background Attachment
+       * @see https://tailwindcss.com/docs/background-attachment
+       */
+      "bg-attachment": [{
+        bg: ["fixed", "local", "scroll"]
+      }],
+      /**
+       * Background Clip
+       * @see https://tailwindcss.com/docs/background-clip
+       */
+      "bg-clip": [{
+        "bg-clip": ["border", "padding", "content", "text"]
+      }],
+      /**
+       * Background Origin
+       * @see https://tailwindcss.com/docs/background-origin
+       */
+      "bg-origin": [{
+        "bg-origin": ["border", "padding", "content"]
+      }],
+      /**
+       * Background Position
+       * @see https://tailwindcss.com/docs/background-position
+       */
+      "bg-position": [{
+        bg: Be()
+      }],
+      /**
+       * Background Repeat
+       * @see https://tailwindcss.com/docs/background-repeat
+       */
+      "bg-repeat": [{
+        bg: Ee()
+      }],
+      /**
+       * Background Size
+       * @see https://tailwindcss.com/docs/background-size
+       */
+      "bg-size": [{
+        bg: G()
+      }],
+      /**
+       * Background Image
+       * @see https://tailwindcss.com/docs/background-image
+       */
+      "bg-image": [{
+        bg: ["none", {
+          linear: [{
+            to: ["t", "tr", "r", "br", "b", "bl", "l", "tl"]
+          }, de, m, u],
+          radial: ["", m, u],
+          conic: [de, m, u]
+        }, er, Xo]
+      }],
+      /**
+       * Background Color
+       * @see https://tailwindcss.com/docs/background-color
+       */
+      "bg-color": [{
+        bg: x()
+      }],
+      /**
+       * Gradient Color Stops From Position
+       * @see https://tailwindcss.com/docs/gradient-color-stops
+       */
+      "gradient-from-pos": [{
+        from: Se()
+      }],
+      /**
+       * Gradient Color Stops Via Position
+       * @see https://tailwindcss.com/docs/gradient-color-stops
+       */
+      "gradient-via-pos": [{
+        via: Se()
+      }],
+      /**
+       * Gradient Color Stops To Position
+       * @see https://tailwindcss.com/docs/gradient-color-stops
+       */
+      "gradient-to-pos": [{
+        to: Se()
+      }],
+      /**
+       * Gradient Color Stops From
+       * @see https://tailwindcss.com/docs/gradient-color-stops
+       */
+      "gradient-from": [{
+        from: x()
+      }],
+      /**
+       * Gradient Color Stops Via
+       * @see https://tailwindcss.com/docs/gradient-color-stops
+       */
+      "gradient-via": [{
+        via: x()
+      }],
+      /**
+       * Gradient Color Stops To
+       * @see https://tailwindcss.com/docs/gradient-color-stops
+       */
+      "gradient-to": [{
+        to: x()
+      }],
+      // ---------------
+      // --- Borders ---
+      // ---------------
+      /**
+       * Border Radius
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      rounded: [{
+        rounded: I()
+      }],
+      /**
+       * Border Radius Start
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      "rounded-s": [{
+        "rounded-s": I()
+      }],
+      /**
+       * Border Radius End
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      "rounded-e": [{
+        "rounded-e": I()
+      }],
+      /**
+       * Border Radius Top
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      "rounded-t": [{
+        "rounded-t": I()
+      }],
+      /**
+       * Border Radius Right
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      "rounded-r": [{
+        "rounded-r": I()
+      }],
+      /**
+       * Border Radius Bottom
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      "rounded-b": [{
+        "rounded-b": I()
+      }],
+      /**
+       * Border Radius Left
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      "rounded-l": [{
+        "rounded-l": I()
+      }],
+      /**
+       * Border Radius Start Start
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      "rounded-ss": [{
+        "rounded-ss": I()
+      }],
+      /**
+       * Border Radius Start End
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      "rounded-se": [{
+        "rounded-se": I()
+      }],
+      /**
+       * Border Radius End End
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      "rounded-ee": [{
+        "rounded-ee": I()
+      }],
+      /**
+       * Border Radius End Start
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      "rounded-es": [{
+        "rounded-es": I()
+      }],
+      /**
+       * Border Radius Top Left
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      "rounded-tl": [{
+        "rounded-tl": I()
+      }],
+      /**
+       * Border Radius Top Right
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      "rounded-tr": [{
+        "rounded-tr": I()
+      }],
+      /**
+       * Border Radius Bottom Right
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      "rounded-br": [{
+        "rounded-br": I()
+      }],
+      /**
+       * Border Radius Bottom Left
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      "rounded-bl": [{
+        "rounded-bl": I()
+      }],
+      /**
+       * Border Width
+       * @see https://tailwindcss.com/docs/border-width
+       */
+      "border-w": [{
+        border: F()
+      }],
+      /**
+       * Border Width X
+       * @see https://tailwindcss.com/docs/border-width
+       */
+      "border-w-x": [{
+        "border-x": F()
+      }],
+      /**
+       * Border Width Y
+       * @see https://tailwindcss.com/docs/border-width
+       */
+      "border-w-y": [{
+        "border-y": F()
+      }],
+      /**
+       * Border Width Start
+       * @see https://tailwindcss.com/docs/border-width
+       */
+      "border-w-s": [{
+        "border-s": F()
+      }],
+      /**
+       * Border Width End
+       * @see https://tailwindcss.com/docs/border-width
+       */
+      "border-w-e": [{
+        "border-e": F()
+      }],
+      /**
+       * Border Width Top
+       * @see https://tailwindcss.com/docs/border-width
+       */
+      "border-w-t": [{
+        "border-t": F()
+      }],
+      /**
+       * Border Width Right
+       * @see https://tailwindcss.com/docs/border-width
+       */
+      "border-w-r": [{
+        "border-r": F()
+      }],
+      /**
+       * Border Width Bottom
+       * @see https://tailwindcss.com/docs/border-width
+       */
+      "border-w-b": [{
+        "border-b": F()
+      }],
+      /**
+       * Border Width Left
+       * @see https://tailwindcss.com/docs/border-width
+       */
+      "border-w-l": [{
+        "border-l": F()
+      }],
+      /**
+       * Divide Width X
+       * @see https://tailwindcss.com/docs/border-width#between-children
+       */
+      "divide-x": [{
+        "divide-x": F()
+      }],
+      /**
+       * Divide Width X Reverse
+       * @see https://tailwindcss.com/docs/border-width#between-children
+       */
+      "divide-x-reverse": ["divide-x-reverse"],
+      /**
+       * Divide Width Y
+       * @see https://tailwindcss.com/docs/border-width#between-children
+       */
+      "divide-y": [{
+        "divide-y": F()
+      }],
+      /**
+       * Divide Width Y Reverse
+       * @see https://tailwindcss.com/docs/border-width#between-children
+       */
+      "divide-y-reverse": ["divide-y-reverse"],
+      /**
+       * Border Style
+       * @see https://tailwindcss.com/docs/border-style
+       */
+      "border-style": [{
+        border: [...Y(), "hidden", "none"]
+      }],
+      /**
+       * Divide Style
+       * @see https://tailwindcss.com/docs/border-style#setting-the-divider-style
+       */
+      "divide-style": [{
+        divide: [...Y(), "hidden", "none"]
+      }],
+      /**
+       * Border Color
+       * @see https://tailwindcss.com/docs/border-color
+       */
+      "border-color": [{
+        border: x()
+      }],
+      /**
+       * Border Color X
+       * @see https://tailwindcss.com/docs/border-color
+       */
+      "border-color-x": [{
+        "border-x": x()
+      }],
+      /**
+       * Border Color Y
+       * @see https://tailwindcss.com/docs/border-color
+       */
+      "border-color-y": [{
+        "border-y": x()
+      }],
+      /**
+       * Border Color S
+       * @see https://tailwindcss.com/docs/border-color
+       */
+      "border-color-s": [{
+        "border-s": x()
+      }],
+      /**
+       * Border Color E
+       * @see https://tailwindcss.com/docs/border-color
+       */
+      "border-color-e": [{
+        "border-e": x()
+      }],
+      /**
+       * Border Color Top
+       * @see https://tailwindcss.com/docs/border-color
+       */
+      "border-color-t": [{
+        "border-t": x()
+      }],
+      /**
+       * Border Color Right
+       * @see https://tailwindcss.com/docs/border-color
+       */
+      "border-color-r": [{
+        "border-r": x()
+      }],
+      /**
+       * Border Color Bottom
+       * @see https://tailwindcss.com/docs/border-color
+       */
+      "border-color-b": [{
+        "border-b": x()
+      }],
+      /**
+       * Border Color Left
+       * @see https://tailwindcss.com/docs/border-color
+       */
+      "border-color-l": [{
+        "border-l": x()
+      }],
+      /**
+       * Divide Color
+       * @see https://tailwindcss.com/docs/divide-color
+       */
+      "divide-color": [{
+        divide: x()
+      }],
+      /**
+       * Outline Style
+       * @see https://tailwindcss.com/docs/outline-style
+       */
+      "outline-style": [{
+        outline: [...Y(), "none", "hidden"]
+      }],
+      /**
+       * Outline Offset
+       * @see https://tailwindcss.com/docs/outline-offset
+       */
+      "outline-offset": [{
+        "outline-offset": [k, m, u]
+      }],
+      /**
+       * Outline Width
+       * @see https://tailwindcss.com/docs/outline-width
+       */
+      "outline-w": [{
+        outline: ["", k, Te, pe]
+      }],
+      /**
+       * Outline Color
+       * @see https://tailwindcss.com/docs/outline-color
+       */
+      "outline-color": [{
+        outline: x()
+      }],
+      // ---------------
+      // --- Effects ---
+      // ---------------
+      /**
+       * Box Shadow
+       * @see https://tailwindcss.com/docs/box-shadow
+       */
+      shadow: [{
+        shadow: [
+          // Deprecated since Tailwind CSS v4.0.0
+          "",
+          "none",
+          w,
+          Oe,
+          Ve
+        ]
+      }],
+      /**
+       * Box Shadow Color
+       * @see https://tailwindcss.com/docs/box-shadow#setting-the-shadow-color
+       */
+      "shadow-color": [{
+        shadow: x()
+      }],
+      /**
+       * Inset Box Shadow
+       * @see https://tailwindcss.com/docs/box-shadow#adding-an-inset-shadow
+       */
+      "inset-shadow": [{
+        "inset-shadow": ["none", S, Oe, Ve]
+      }],
+      /**
+       * Inset Box Shadow Color
+       * @see https://tailwindcss.com/docs/box-shadow#setting-the-inset-shadow-color
+       */
+      "inset-shadow-color": [{
+        "inset-shadow": x()
+      }],
+      /**
+       * Ring Width
+       * @see https://tailwindcss.com/docs/box-shadow#adding-a-ring
+       */
+      "ring-w": [{
+        ring: F()
+      }],
+      /**
+       * Ring Width Inset
+       * @see https://v3.tailwindcss.com/docs/ring-width#inset-rings
+       * @deprecated since Tailwind CSS v4.0.0
+       * @see https://github.com/tailwindlabs/tailwindcss/blob/v4.0.0/packages/tailwindcss/src/utilities.ts#L4158
+       */
+      "ring-w-inset": ["ring-inset"],
+      /**
+       * Ring Color
+       * @see https://tailwindcss.com/docs/box-shadow#setting-the-ring-color
+       */
+      "ring-color": [{
+        ring: x()
+      }],
+      /**
+       * Ring Offset Width
+       * @see https://v3.tailwindcss.com/docs/ring-offset-width
+       * @deprecated since Tailwind CSS v4.0.0
+       * @see https://github.com/tailwindlabs/tailwindcss/blob/v4.0.0/packages/tailwindcss/src/utilities.ts#L4158
+       */
+      "ring-offset-w": [{
+        "ring-offset": [k, pe]
+      }],
+      /**
+       * Ring Offset Color
+       * @see https://v3.tailwindcss.com/docs/ring-offset-color
+       * @deprecated since Tailwind CSS v4.0.0
+       * @see https://github.com/tailwindlabs/tailwindcss/blob/v4.0.0/packages/tailwindcss/src/utilities.ts#L4158
+       */
+      "ring-offset-color": [{
+        "ring-offset": x()
+      }],
+      /**
+       * Inset Ring Width
+       * @see https://tailwindcss.com/docs/box-shadow#adding-an-inset-ring
+       */
+      "inset-ring-w": [{
+        "inset-ring": F()
+      }],
+      /**
+       * Inset Ring Color
+       * @see https://tailwindcss.com/docs/box-shadow#setting-the-inset-ring-color
+       */
+      "inset-ring-color": [{
+        "inset-ring": x()
+      }],
+      /**
+       * Text Shadow
+       * @see https://tailwindcss.com/docs/text-shadow
+       */
+      "text-shadow": [{
+        "text-shadow": ["none", v, Oe, Ve]
+      }],
+      /**
+       * Text Shadow Color
+       * @see https://tailwindcss.com/docs/text-shadow#setting-the-shadow-color
+       */
+      "text-shadow-color": [{
+        "text-shadow": x()
+      }],
+      /**
+       * Opacity
+       * @see https://tailwindcss.com/docs/opacity
+       */
+      opacity: [{
+        opacity: [k, m, u]
+      }],
+      /**
+       * Mix Blend Mode
+       * @see https://tailwindcss.com/docs/mix-blend-mode
+       */
+      "mix-blend": [{
+        "mix-blend": [...me(), "plus-darker", "plus-lighter"]
+      }],
+      /**
+       * Background Blend Mode
+       * @see https://tailwindcss.com/docs/background-blend-mode
+       */
+      "bg-blend": [{
+        "bg-blend": me()
+      }],
+      /**
+       * Mask Clip
+       * @see https://tailwindcss.com/docs/mask-clip
+       */
+      "mask-clip": [{
+        "mask-clip": ["border", "padding", "content", "fill", "stroke", "view"]
+      }, "mask-no-clip"],
+      /**
+       * Mask Composite
+       * @see https://tailwindcss.com/docs/mask-composite
+       */
+      "mask-composite": [{
+        mask: ["add", "subtract", "intersect", "exclude"]
+      }],
+      /**
+       * Mask Image
+       * @see https://tailwindcss.com/docs/mask-image
+       */
+      "mask-image-linear-pos": [{
+        "mask-linear": [k]
+      }],
+      "mask-image-linear-from-pos": [{
+        "mask-linear-from": E()
+      }],
+      "mask-image-linear-to-pos": [{
+        "mask-linear-to": E()
+      }],
+      "mask-image-linear-from-color": [{
+        "mask-linear-from": x()
+      }],
+      "mask-image-linear-to-color": [{
+        "mask-linear-to": x()
+      }],
+      "mask-image-t-from-pos": [{
+        "mask-t-from": E()
+      }],
+      "mask-image-t-to-pos": [{
+        "mask-t-to": E()
+      }],
+      "mask-image-t-from-color": [{
+        "mask-t-from": x()
+      }],
+      "mask-image-t-to-color": [{
+        "mask-t-to": x()
+      }],
+      "mask-image-r-from-pos": [{
+        "mask-r-from": E()
+      }],
+      "mask-image-r-to-pos": [{
+        "mask-r-to": E()
+      }],
+      "mask-image-r-from-color": [{
+        "mask-r-from": x()
+      }],
+      "mask-image-r-to-color": [{
+        "mask-r-to": x()
+      }],
+      "mask-image-b-from-pos": [{
+        "mask-b-from": E()
+      }],
+      "mask-image-b-to-pos": [{
+        "mask-b-to": E()
+      }],
+      "mask-image-b-from-color": [{
+        "mask-b-from": x()
+      }],
+      "mask-image-b-to-color": [{
+        "mask-b-to": x()
+      }],
+      "mask-image-l-from-pos": [{
+        "mask-l-from": E()
+      }],
+      "mask-image-l-to-pos": [{
+        "mask-l-to": E()
+      }],
+      "mask-image-l-from-color": [{
+        "mask-l-from": x()
+      }],
+      "mask-image-l-to-color": [{
+        "mask-l-to": x()
+      }],
+      "mask-image-x-from-pos": [{
+        "mask-x-from": E()
+      }],
+      "mask-image-x-to-pos": [{
+        "mask-x-to": E()
+      }],
+      "mask-image-x-from-color": [{
+        "mask-x-from": x()
+      }],
+      "mask-image-x-to-color": [{
+        "mask-x-to": x()
+      }],
+      "mask-image-y-from-pos": [{
+        "mask-y-from": E()
+      }],
+      "mask-image-y-to-pos": [{
+        "mask-y-to": E()
+      }],
+      "mask-image-y-from-color": [{
+        "mask-y-from": x()
+      }],
+      "mask-image-y-to-color": [{
+        "mask-y-to": x()
+      }],
+      "mask-image-radial": [{
+        "mask-radial": [m, u]
+      }],
+      "mask-image-radial-from-pos": [{
+        "mask-radial-from": E()
+      }],
+      "mask-image-radial-to-pos": [{
+        "mask-radial-to": E()
+      }],
+      "mask-image-radial-from-color": [{
+        "mask-radial-from": x()
+      }],
+      "mask-image-radial-to-color": [{
+        "mask-radial-to": x()
+      }],
+      "mask-image-radial-shape": [{
+        "mask-radial": ["circle", "ellipse"]
+      }],
+      "mask-image-radial-size": [{
+        "mask-radial": [{
+          closest: ["side", "corner"],
+          farthest: ["side", "corner"]
+        }]
+      }],
+      "mask-image-radial-pos": [{
+        "mask-radial-at": B()
+      }],
+      "mask-image-conic-pos": [{
+        "mask-conic": [k]
+      }],
+      "mask-image-conic-from-pos": [{
+        "mask-conic-from": E()
+      }],
+      "mask-image-conic-to-pos": [{
+        "mask-conic-to": E()
+      }],
+      "mask-image-conic-from-color": [{
+        "mask-conic-from": x()
+      }],
+      "mask-image-conic-to-color": [{
+        "mask-conic-to": x()
+      }],
+      /**
+       * Mask Mode
+       * @see https://tailwindcss.com/docs/mask-mode
+       */
+      "mask-mode": [{
+        mask: ["alpha", "luminance", "match"]
+      }],
+      /**
+       * Mask Origin
+       * @see https://tailwindcss.com/docs/mask-origin
+       */
+      "mask-origin": [{
+        "mask-origin": ["border", "padding", "content", "fill", "stroke", "view"]
+      }],
+      /**
+       * Mask Position
+       * @see https://tailwindcss.com/docs/mask-position
+       */
+      "mask-position": [{
+        mask: Be()
+      }],
+      /**
+       * Mask Repeat
+       * @see https://tailwindcss.com/docs/mask-repeat
+       */
+      "mask-repeat": [{
+        mask: Ee()
+      }],
+      /**
+       * Mask Size
+       * @see https://tailwindcss.com/docs/mask-size
+       */
+      "mask-size": [{
+        mask: G()
+      }],
+      /**
+       * Mask Type
+       * @see https://tailwindcss.com/docs/mask-type
+       */
+      "mask-type": [{
+        "mask-type": ["alpha", "luminance"]
+      }],
+      /**
+       * Mask Image
+       * @see https://tailwindcss.com/docs/mask-image
+       */
+      "mask-image": [{
+        mask: ["none", m, u]
+      }],
+      // ---------------
+      // --- Filters ---
+      // ---------------
+      /**
+       * Filter
+       * @see https://tailwindcss.com/docs/filter
+       */
+      filter: [{
+        filter: [
+          // Deprecated since Tailwind CSS v3.0.0
+          "",
+          "none",
+          m,
+          u
+        ]
+      }],
+      /**
+       * Blur
+       * @see https://tailwindcss.com/docs/blur
+       */
+      blur: [{
+        blur: Re()
+      }],
+      /**
+       * Brightness
+       * @see https://tailwindcss.com/docs/brightness
+       */
+      brightness: [{
+        brightness: [k, m, u]
+      }],
+      /**
+       * Contrast
+       * @see https://tailwindcss.com/docs/contrast
+       */
+      contrast: [{
+        contrast: [k, m, u]
+      }],
+      /**
+       * Drop Shadow
+       * @see https://tailwindcss.com/docs/drop-shadow
+       */
+      "drop-shadow": [{
+        "drop-shadow": [
+          // Deprecated since Tailwind CSS v4.0.0
+          "",
+          "none",
+          Z,
+          Oe,
+          Ve
+        ]
+      }],
+      /**
+       * Drop Shadow Color
+       * @see https://tailwindcss.com/docs/filter-drop-shadow#setting-the-shadow-color
+       */
+      "drop-shadow-color": [{
+        "drop-shadow": x()
+      }],
+      /**
+       * Grayscale
+       * @see https://tailwindcss.com/docs/grayscale
+       */
+      grayscale: [{
+        grayscale: ["", k, m, u]
+      }],
+      /**
+       * Hue Rotate
+       * @see https://tailwindcss.com/docs/hue-rotate
+       */
+      "hue-rotate": [{
+        "hue-rotate": [k, m, u]
+      }],
+      /**
+       * Invert
+       * @see https://tailwindcss.com/docs/invert
+       */
+      invert: [{
+        invert: ["", k, m, u]
+      }],
+      /**
+       * Saturate
+       * @see https://tailwindcss.com/docs/saturate
+       */
+      saturate: [{
+        saturate: [k, m, u]
+      }],
+      /**
+       * Sepia
+       * @see https://tailwindcss.com/docs/sepia
+       */
+      sepia: [{
+        sepia: ["", k, m, u]
+      }],
+      /**
+       * Backdrop Filter
+       * @see https://tailwindcss.com/docs/backdrop-filter
+       */
+      "backdrop-filter": [{
+        "backdrop-filter": [
+          // Deprecated since Tailwind CSS v3.0.0
+          "",
+          "none",
+          m,
+          u
+        ]
+      }],
+      /**
+       * Backdrop Blur
+       * @see https://tailwindcss.com/docs/backdrop-blur
+       */
+      "backdrop-blur": [{
+        "backdrop-blur": Re()
+      }],
+      /**
+       * Backdrop Brightness
+       * @see https://tailwindcss.com/docs/backdrop-brightness
+       */
+      "backdrop-brightness": [{
+        "backdrop-brightness": [k, m, u]
+      }],
+      /**
+       * Backdrop Contrast
+       * @see https://tailwindcss.com/docs/backdrop-contrast
+       */
+      "backdrop-contrast": [{
+        "backdrop-contrast": [k, m, u]
+      }],
+      /**
+       * Backdrop Grayscale
+       * @see https://tailwindcss.com/docs/backdrop-grayscale
+       */
+      "backdrop-grayscale": [{
+        "backdrop-grayscale": ["", k, m, u]
+      }],
+      /**
+       * Backdrop Hue Rotate
+       * @see https://tailwindcss.com/docs/backdrop-hue-rotate
+       */
+      "backdrop-hue-rotate": [{
+        "backdrop-hue-rotate": [k, m, u]
+      }],
+      /**
+       * Backdrop Invert
+       * @see https://tailwindcss.com/docs/backdrop-invert
+       */
+      "backdrop-invert": [{
+        "backdrop-invert": ["", k, m, u]
+      }],
+      /**
+       * Backdrop Opacity
+       * @see https://tailwindcss.com/docs/backdrop-opacity
+       */
+      "backdrop-opacity": [{
+        "backdrop-opacity": [k, m, u]
+      }],
+      /**
+       * Backdrop Saturate
+       * @see https://tailwindcss.com/docs/backdrop-saturate
+       */
+      "backdrop-saturate": [{
+        "backdrop-saturate": [k, m, u]
+      }],
+      /**
+       * Backdrop Sepia
+       * @see https://tailwindcss.com/docs/backdrop-sepia
+       */
+      "backdrop-sepia": [{
+        "backdrop-sepia": ["", k, m, u]
+      }],
+      // --------------
+      // --- Tables ---
+      // --------------
+      /**
+       * Border Collapse
+       * @see https://tailwindcss.com/docs/border-collapse
+       */
+      "border-collapse": [{
+        border: ["collapse", "separate"]
+      }],
+      /**
+       * Border Spacing
+       * @see https://tailwindcss.com/docs/border-spacing
+       */
+      "border-spacing": [{
+        "border-spacing": h()
+      }],
+      /**
+       * Border Spacing X
+       * @see https://tailwindcss.com/docs/border-spacing
+       */
+      "border-spacing-x": [{
+        "border-spacing-x": h()
+      }],
+      /**
+       * Border Spacing Y
+       * @see https://tailwindcss.com/docs/border-spacing
+       */
+      "border-spacing-y": [{
+        "border-spacing-y": h()
+      }],
+      /**
+       * Table Layout
+       * @see https://tailwindcss.com/docs/table-layout
+       */
+      "table-layout": [{
+        table: ["auto", "fixed"]
+      }],
+      /**
+       * Caption Side
+       * @see https://tailwindcss.com/docs/caption-side
+       */
+      caption: [{
+        caption: ["top", "bottom"]
+      }],
+      // ---------------------------------
+      // --- Transitions and Animation ---
+      // ---------------------------------
+      /**
+       * Transition Property
+       * @see https://tailwindcss.com/docs/transition-property
+       */
+      transition: [{
+        transition: ["", "all", "colors", "opacity", "shadow", "transform", "none", m, u]
+      }],
+      /**
+       * Transition Behavior
+       * @see https://tailwindcss.com/docs/transition-behavior
+       */
+      "transition-behavior": [{
+        transition: ["normal", "discrete"]
+      }],
+      /**
+       * Transition Duration
+       * @see https://tailwindcss.com/docs/transition-duration
+       */
+      duration: [{
+        duration: [k, "initial", m, u]
+      }],
+      /**
+       * Transition Timing Function
+       * @see https://tailwindcss.com/docs/transition-timing-function
+       */
+      ease: [{
+        ease: ["linear", "initial", J, m, u]
+      }],
+      /**
+       * Transition Delay
+       * @see https://tailwindcss.com/docs/transition-delay
+       */
+      delay: [{
+        delay: [k, m, u]
+      }],
+      /**
+       * Animation
+       * @see https://tailwindcss.com/docs/animation
+       */
+      animate: [{
+        animate: ["none", xe, m, u]
+      }],
+      // ------------------
+      // --- Transforms ---
+      // ------------------
+      /**
+       * Backface Visibility
+       * @see https://tailwindcss.com/docs/backface-visibility
+       */
+      backface: [{
+        backface: ["hidden", "visible"]
+      }],
+      /**
+       * Perspective
+       * @see https://tailwindcss.com/docs/perspective
+       */
+      perspective: [{
+        perspective: [O, m, u]
+      }],
+      /**
+       * Perspective Origin
+       * @see https://tailwindcss.com/docs/perspective-origin
+       */
+      "perspective-origin": [{
+        "perspective-origin": X()
+      }],
+      /**
+       * Rotate
+       * @see https://tailwindcss.com/docs/rotate
+       */
+      rotate: [{
+        rotate: we()
+      }],
+      /**
+       * Rotate X
+       * @see https://tailwindcss.com/docs/rotate
+       */
+      "rotate-x": [{
+        "rotate-x": we()
+      }],
+      /**
+       * Rotate Y
+       * @see https://tailwindcss.com/docs/rotate
+       */
+      "rotate-y": [{
+        "rotate-y": we()
+      }],
+      /**
+       * Rotate Z
+       * @see https://tailwindcss.com/docs/rotate
+       */
+      "rotate-z": [{
+        "rotate-z": we()
+      }],
+      /**
+       * Scale
+       * @see https://tailwindcss.com/docs/scale
+       */
+      scale: [{
+        scale: re()
+      }],
+      /**
+       * Scale X
+       * @see https://tailwindcss.com/docs/scale
+       */
+      "scale-x": [{
+        "scale-x": re()
+      }],
+      /**
+       * Scale Y
+       * @see https://tailwindcss.com/docs/scale
+       */
+      "scale-y": [{
+        "scale-y": re()
+      }],
+      /**
+       * Scale Z
+       * @see https://tailwindcss.com/docs/scale
+       */
+      "scale-z": [{
+        "scale-z": re()
+      }],
+      /**
+       * Scale 3D
+       * @see https://tailwindcss.com/docs/scale
+       */
+      "scale-3d": ["scale-3d"],
+      /**
+       * Skew
+       * @see https://tailwindcss.com/docs/skew
+       */
+      skew: [{
+        skew: le()
+      }],
+      /**
+       * Skew X
+       * @see https://tailwindcss.com/docs/skew
+       */
+      "skew-x": [{
+        "skew-x": le()
+      }],
+      /**
+       * Skew Y
+       * @see https://tailwindcss.com/docs/skew
+       */
+      "skew-y": [{
+        "skew-y": le()
+      }],
+      /**
+       * Transform
+       * @see https://tailwindcss.com/docs/transform
+       */
+      transform: [{
+        transform: [m, u, "", "none", "gpu", "cpu"]
+      }],
+      /**
+       * Transform Origin
+       * @see https://tailwindcss.com/docs/transform-origin
+       */
+      "transform-origin": [{
+        origin: X()
+      }],
+      /**
+       * Transform Style
+       * @see https://tailwindcss.com/docs/transform-style
+       */
+      "transform-style": [{
+        transform: ["3d", "flat"]
+      }],
+      /**
+       * Translate
+       * @see https://tailwindcss.com/docs/translate
+       */
+      translate: [{
+        translate: ne()
+      }],
+      /**
+       * Translate X
+       * @see https://tailwindcss.com/docs/translate
+       */
+      "translate-x": [{
+        "translate-x": ne()
+      }],
+      /**
+       * Translate Y
+       * @see https://tailwindcss.com/docs/translate
+       */
+      "translate-y": [{
+        "translate-y": ne()
+      }],
+      /**
+       * Translate Z
+       * @see https://tailwindcss.com/docs/translate
+       */
+      "translate-z": [{
+        "translate-z": ne()
+      }],
+      /**
+       * Translate None
+       * @see https://tailwindcss.com/docs/translate
+       */
+      "translate-none": ["translate-none"],
+      // ---------------------
+      // --- Interactivity ---
+      // ---------------------
+      /**
+       * Accent Color
+       * @see https://tailwindcss.com/docs/accent-color
+       */
+      accent: [{
+        accent: x()
+      }],
+      /**
+       * Appearance
+       * @see https://tailwindcss.com/docs/appearance
+       */
+      appearance: [{
+        appearance: ["none", "auto"]
+      }],
+      /**
+       * Caret Color
+       * @see https://tailwindcss.com/docs/just-in-time-mode#caret-color-utilities
+       */
+      "caret-color": [{
+        caret: x()
+      }],
+      /**
+       * Color Scheme
+       * @see https://tailwindcss.com/docs/color-scheme
+       */
+      "color-scheme": [{
+        scheme: ["normal", "dark", "light", "light-dark", "only-dark", "only-light"]
+      }],
+      /**
+       * Cursor
+       * @see https://tailwindcss.com/docs/cursor
+       */
+      cursor: [{
+        cursor: ["auto", "default", "pointer", "wait", "text", "move", "help", "not-allowed", "none", "context-menu", "progress", "cell", "crosshair", "vertical-text", "alias", "copy", "no-drop", "grab", "grabbing", "all-scroll", "col-resize", "row-resize", "n-resize", "e-resize", "s-resize", "w-resize", "ne-resize", "nw-resize", "se-resize", "sw-resize", "ew-resize", "ns-resize", "nesw-resize", "nwse-resize", "zoom-in", "zoom-out", m, u]
+      }],
+      /**
+       * Field Sizing
+       * @see https://tailwindcss.com/docs/field-sizing
+       */
+      "field-sizing": [{
+        "field-sizing": ["fixed", "content"]
+      }],
+      /**
+       * Pointer Events
+       * @see https://tailwindcss.com/docs/pointer-events
+       */
+      "pointer-events": [{
+        "pointer-events": ["auto", "none"]
+      }],
+      /**
+       * Resize
+       * @see https://tailwindcss.com/docs/resize
+       */
+      resize: [{
+        resize: ["none", "", "y", "x"]
+      }],
+      /**
+       * Scroll Behavior
+       * @see https://tailwindcss.com/docs/scroll-behavior
+       */
+      "scroll-behavior": [{
+        scroll: ["auto", "smooth"]
+      }],
+      /**
+       * Scroll Margin
+       * @see https://tailwindcss.com/docs/scroll-margin
+       */
+      "scroll-m": [{
+        "scroll-m": h()
+      }],
+      /**
+       * Scroll Margin X
+       * @see https://tailwindcss.com/docs/scroll-margin
+       */
+      "scroll-mx": [{
+        "scroll-mx": h()
+      }],
+      /**
+       * Scroll Margin Y
+       * @see https://tailwindcss.com/docs/scroll-margin
+       */
+      "scroll-my": [{
+        "scroll-my": h()
+      }],
+      /**
+       * Scroll Margin Start
+       * @see https://tailwindcss.com/docs/scroll-margin
+       */
+      "scroll-ms": [{
+        "scroll-ms": h()
+      }],
+      /**
+       * Scroll Margin End
+       * @see https://tailwindcss.com/docs/scroll-margin
+       */
+      "scroll-me": [{
+        "scroll-me": h()
+      }],
+      /**
+       * Scroll Margin Top
+       * @see https://tailwindcss.com/docs/scroll-margin
+       */
+      "scroll-mt": [{
+        "scroll-mt": h()
+      }],
+      /**
+       * Scroll Margin Right
+       * @see https://tailwindcss.com/docs/scroll-margin
+       */
+      "scroll-mr": [{
+        "scroll-mr": h()
+      }],
+      /**
+       * Scroll Margin Bottom
+       * @see https://tailwindcss.com/docs/scroll-margin
+       */
+      "scroll-mb": [{
+        "scroll-mb": h()
+      }],
+      /**
+       * Scroll Margin Left
+       * @see https://tailwindcss.com/docs/scroll-margin
+       */
+      "scroll-ml": [{
+        "scroll-ml": h()
+      }],
+      /**
+       * Scroll Padding
+       * @see https://tailwindcss.com/docs/scroll-padding
+       */
+      "scroll-p": [{
+        "scroll-p": h()
+      }],
+      /**
+       * Scroll Padding X
+       * @see https://tailwindcss.com/docs/scroll-padding
+       */
+      "scroll-px": [{
+        "scroll-px": h()
+      }],
+      /**
+       * Scroll Padding Y
+       * @see https://tailwindcss.com/docs/scroll-padding
+       */
+      "scroll-py": [{
+        "scroll-py": h()
+      }],
+      /**
+       * Scroll Padding Start
+       * @see https://tailwindcss.com/docs/scroll-padding
+       */
+      "scroll-ps": [{
+        "scroll-ps": h()
+      }],
+      /**
+       * Scroll Padding End
+       * @see https://tailwindcss.com/docs/scroll-padding
+       */
+      "scroll-pe": [{
+        "scroll-pe": h()
+      }],
+      /**
+       * Scroll Padding Top
+       * @see https://tailwindcss.com/docs/scroll-padding
+       */
+      "scroll-pt": [{
+        "scroll-pt": h()
+      }],
+      /**
+       * Scroll Padding Right
+       * @see https://tailwindcss.com/docs/scroll-padding
+       */
+      "scroll-pr": [{
+        "scroll-pr": h()
+      }],
+      /**
+       * Scroll Padding Bottom
+       * @see https://tailwindcss.com/docs/scroll-padding
+       */
+      "scroll-pb": [{
+        "scroll-pb": h()
+      }],
+      /**
+       * Scroll Padding Left
+       * @see https://tailwindcss.com/docs/scroll-padding
+       */
+      "scroll-pl": [{
+        "scroll-pl": h()
+      }],
+      /**
+       * Scroll Snap Align
+       * @see https://tailwindcss.com/docs/scroll-snap-align
+       */
+      "snap-align": [{
+        snap: ["start", "end", "center", "align-none"]
+      }],
+      /**
+       * Scroll Snap Stop
+       * @see https://tailwindcss.com/docs/scroll-snap-stop
+       */
+      "snap-stop": [{
+        snap: ["normal", "always"]
+      }],
+      /**
+       * Scroll Snap Type
+       * @see https://tailwindcss.com/docs/scroll-snap-type
+       */
+      "snap-type": [{
+        snap: ["none", "x", "y", "both"]
+      }],
+      /**
+       * Scroll Snap Type Strictness
+       * @see https://tailwindcss.com/docs/scroll-snap-type
+       */
+      "snap-strictness": [{
+        snap: ["mandatory", "proximity"]
+      }],
+      /**
+       * Touch Action
+       * @see https://tailwindcss.com/docs/touch-action
+       */
+      touch: [{
+        touch: ["auto", "none", "manipulation"]
+      }],
+      /**
+       * Touch Action X
+       * @see https://tailwindcss.com/docs/touch-action
+       */
+      "touch-x": [{
+        "touch-pan": ["x", "left", "right"]
+      }],
+      /**
+       * Touch Action Y
+       * @see https://tailwindcss.com/docs/touch-action
+       */
+      "touch-y": [{
+        "touch-pan": ["y", "up", "down"]
+      }],
+      /**
+       * Touch Action Pinch Zoom
+       * @see https://tailwindcss.com/docs/touch-action
+       */
+      "touch-pz": ["touch-pinch-zoom"],
+      /**
+       * User Select
+       * @see https://tailwindcss.com/docs/user-select
+       */
+      select: [{
+        select: ["none", "text", "all", "auto"]
+      }],
+      /**
+       * Will Change
+       * @see https://tailwindcss.com/docs/will-change
+       */
+      "will-change": [{
+        "will-change": ["auto", "scroll", "contents", "transform", m, u]
+      }],
+      // -----------
+      // --- SVG ---
+      // -----------
+      /**
+       * Fill
+       * @see https://tailwindcss.com/docs/fill
+       */
+      fill: [{
+        fill: ["none", ...x()]
+      }],
+      /**
+       * Stroke Width
+       * @see https://tailwindcss.com/docs/stroke-width
+       */
+      "stroke-w": [{
+        stroke: [k, Te, pe, Ke]
+      }],
+      /**
+       * Stroke
+       * @see https://tailwindcss.com/docs/stroke
+       */
+      stroke: [{
+        stroke: ["none", ...x()]
+      }],
+      // ---------------------
+      // --- Accessibility ---
+      // ---------------------
+      /**
+       * Forced Color Adjust
+       * @see https://tailwindcss.com/docs/forced-color-adjust
+       */
+      "forced-color-adjust": [{
+        "forced-color-adjust": ["auto", "none"]
+      }]
+    },
+    conflictingClassGroups: {
+      overflow: ["overflow-x", "overflow-y"],
+      overscroll: ["overscroll-x", "overscroll-y"],
+      inset: ["inset-x", "inset-y", "start", "end", "top", "right", "bottom", "left"],
+      "inset-x": ["right", "left"],
+      "inset-y": ["top", "bottom"],
+      flex: ["basis", "grow", "shrink"],
+      gap: ["gap-x", "gap-y"],
+      p: ["px", "py", "ps", "pe", "pt", "pr", "pb", "pl"],
+      px: ["pr", "pl"],
+      py: ["pt", "pb"],
+      m: ["mx", "my", "ms", "me", "mt", "mr", "mb", "ml"],
+      mx: ["mr", "ml"],
+      my: ["mt", "mb"],
+      size: ["w", "h"],
+      "font-size": ["leading"],
+      "fvn-normal": ["fvn-ordinal", "fvn-slashed-zero", "fvn-figure", "fvn-spacing", "fvn-fraction"],
+      "fvn-ordinal": ["fvn-normal"],
+      "fvn-slashed-zero": ["fvn-normal"],
+      "fvn-figure": ["fvn-normal"],
+      "fvn-spacing": ["fvn-normal"],
+      "fvn-fraction": ["fvn-normal"],
+      "line-clamp": ["display", "overflow"],
+      rounded: ["rounded-s", "rounded-e", "rounded-t", "rounded-r", "rounded-b", "rounded-l", "rounded-ss", "rounded-se", "rounded-ee", "rounded-es", "rounded-tl", "rounded-tr", "rounded-br", "rounded-bl"],
+      "rounded-s": ["rounded-ss", "rounded-es"],
+      "rounded-e": ["rounded-se", "rounded-ee"],
+      "rounded-t": ["rounded-tl", "rounded-tr"],
+      "rounded-r": ["rounded-tr", "rounded-br"],
+      "rounded-b": ["rounded-br", "rounded-bl"],
+      "rounded-l": ["rounded-tl", "rounded-bl"],
+      "border-spacing": ["border-spacing-x", "border-spacing-y"],
+      "border-w": ["border-w-x", "border-w-y", "border-w-s", "border-w-e", "border-w-t", "border-w-r", "border-w-b", "border-w-l"],
+      "border-w-x": ["border-w-r", "border-w-l"],
+      "border-w-y": ["border-w-t", "border-w-b"],
+      "border-color": ["border-color-x", "border-color-y", "border-color-s", "border-color-e", "border-color-t", "border-color-r", "border-color-b", "border-color-l"],
+      "border-color-x": ["border-color-r", "border-color-l"],
+      "border-color-y": ["border-color-t", "border-color-b"],
+      translate: ["translate-x", "translate-y", "translate-none"],
+      "translate-none": ["translate", "translate-x", "translate-y", "translate-z"],
+      "scroll-m": ["scroll-mx", "scroll-my", "scroll-ms", "scroll-me", "scroll-mt", "scroll-mr", "scroll-mb", "scroll-ml"],
+      "scroll-mx": ["scroll-mr", "scroll-ml"],
+      "scroll-my": ["scroll-mt", "scroll-mb"],
+      "scroll-p": ["scroll-px", "scroll-py", "scroll-ps", "scroll-pe", "scroll-pt", "scroll-pr", "scroll-pb", "scroll-pl"],
+      "scroll-px": ["scroll-pr", "scroll-pl"],
+      "scroll-py": ["scroll-pt", "scroll-pb"],
+      touch: ["touch-x", "touch-y", "touch-pz"],
+      "touch-x": ["touch"],
+      "touch-y": ["touch"],
+      "touch-pz": ["touch"]
+    },
+    conflictingClassGroupModifiers: {
+      "font-size": ["leading"]
+    },
+    orderSensitiveModifiers: ["*", "**", "after", "backdrop", "before", "details-content", "file", "first-letter", "first-line", "marker", "placeholder", "selection"]
+  };
+}, nr = /* @__PURE__ */ Vo(rr);
+function C(...e) {
+  return nr(Rt(e));
+}
+function bt(e, t) {
+  if (typeof e == "function")
+    return e(t);
+  e != null && (e.current = t);
+}
+function ar(...e) {
+  return (t) => {
+    let o = !1;
+    const r = e.map((n) => {
+      const s = bt(n, t);
+      return !o && typeof s == "function" && (o = !0), s;
+    });
+    if (o)
+      return () => {
+        for (let n = 0; n < r.length; n++) {
+          const s = r[n];
+          typeof s == "function" ? s() : bt(e[n], null);
+        }
+      };
+  };
+}
+var sr = /* @__PURE__ */ Symbol.for("react.lazy"), Ge = f[" use ".trim().toString()];
+function lr(e) {
+  return typeof e == "object" && e !== null && "then" in e;
+}
+function Ft(e) {
+  return e != null && typeof e == "object" && "$$typeof" in e && e.$$typeof === sr && "_payload" in e && lr(e._payload);
+}
+// @__NO_SIDE_EFFECTS__
+function ir(e) {
+  const t = /* @__PURE__ */ dr(e), o = f.forwardRef((r, n) => {
+    let { children: s, ...i } = r;
+    Ft(s) && typeof Ge == "function" && (s = Ge(s._payload));
+    const d = f.Children.toArray(s), c = d.find(mr);
+    if (c) {
+      const g = c.props.children, w = d.map((S) => S === c ? f.Children.count(g) > 1 ? f.Children.only(null) : f.isValidElement(g) ? g.props.children : null : S);
+      return /* @__PURE__ */ a(t, { ...i, ref: n, children: f.isValidElement(g) ? f.cloneElement(g, void 0, w) : null });
+    }
+    return /* @__PURE__ */ a(t, { ...i, ref: n, children: s });
+  });
+  return o.displayName = `${e}.Slot`, o;
+}
+var cr = /* @__PURE__ */ ir("Slot");
+// @__NO_SIDE_EFFECTS__
+function dr(e) {
+  const t = f.forwardRef((o, r) => {
+    let { children: n, ...s } = o;
+    if (Ft(n) && typeof Ge == "function" && (n = Ge(n._payload)), f.isValidElement(n)) {
+      const i = pr(n), d = fr(s, n.props);
+      return n.type !== f.Fragment && (d.ref = r ? ar(r, i) : i), f.cloneElement(n, d);
+    }
+    return f.Children.count(n) > 1 ? f.Children.only(null) : null;
+  });
+  return t.displayName = `${e}.SlotClone`, t;
+}
+var ur = /* @__PURE__ */ Symbol("radix.slottable");
+function mr(e) {
+  return f.isValidElement(e) && typeof e.type == "function" && "__radixId" in e.type && e.type.__radixId === ur;
+}
+function fr(e, t) {
+  const o = { ...t };
+  for (const r in t) {
+    const n = e[r], s = t[r];
+    /^on[A-Z]/.test(r) ? n && s ? o[r] = (...d) => {
+      const c = s(...d);
+      return n(...d), c;
+    } : n && (o[r] = n) : r === "style" ? o[r] = { ...n, ...s } : r === "className" && (o[r] = [n, s].filter(Boolean).join(" "));
+  }
+  return { ...e, ...o };
+}
+function pr(e) {
+  let t = Object.getOwnPropertyDescriptor(e.props, "ref")?.get, o = t && "isReactWarning" in t && t.isReactWarning;
+  return o ? e.ref : (t = Object.getOwnPropertyDescriptor(e, "ref")?.get, o = t && "isReactWarning" in t && t.isReactWarning, o ? e.props.ref : e.props.ref || e.ref);
+}
+const yt = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, xt = Rt, jt = (e, t) => (o) => {
+  var r;
+  if (t?.variants == null) return xt(e, o?.class, o?.className);
+  const { variants: n, defaultVariants: s } = t, i = Object.keys(n).map((g) => {
+    const w = o?.[g], S = s?.[g];
+    if (w === null) return null;
+    const v = yt(w) || yt(S);
+    return n[g][v];
+  }), d = o && Object.entries(o).reduce((g, w) => {
+    let [S, v] = w;
+    return v === void 0 || (g[S] = v), g;
+  }, {}), c = t == null || (r = t.compoundVariants) === null || r === void 0 ? void 0 : r.reduce((g, w) => {
+    let { class: S, className: v, ...Z } = w;
+    return Object.entries(Z).every((K) => {
+      let [O, _] = K;
+      return Array.isArray(_) ? _.includes({
+        ...s,
+        ...d
+      }[O]) : {
+        ...s,
+        ...d
+      }[O] === _;
+    }) ? [
+      ...g,
+      S,
+      v
+    ] : g;
+  }, []);
+  return xt(e, i, c, o?.class, o?.className);
+}, gr = jt(
+  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary text-primary-foreground shadow hover:bg-primary/90",
+        destructive: "bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90",
+        outline: "border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground",
+        secondary: "bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80",
+        ghost: "hover:bg-accent hover:text-accent-foreground",
+        link: "text-primary underline-offset-4 hover:underline"
+      },
+      size: {
+        default: "h-9 px-4 py-2",
+        sm: "h-8 rounded-md px-3 text-xs",
+        lg: "h-10 rounded-md px-8",
+        icon: "h-9 w-9"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+), ge = f.forwardRef(
+  ({ className: e, variant: t, size: o, asChild: r = !1, ...n }, s) => /* @__PURE__ */ a(
+    r ? cr : "button",
+    {
+      className: C(gr({ variant: t, size: o, className: e })),
+      ref: s,
+      ...n
+    }
+  )
+);
+ge.displayName = "Button";
+const Wt = f.forwardRef(
+  ({ className: e, type: t, ...o }, r) => /* @__PURE__ */ a(
+    "input",
+    {
+      type: t,
+      className: C(
+        "flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+        e
+      ),
+      ref: r,
+      ...o
+    }
+  )
+);
+Wt.displayName = "Input";
+const hr = jt(
+  "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
+), Gt = f.forwardRef(({ className: e, ...t }, o) => /* @__PURE__ */ a(
+  Ct.Root,
+  {
+    ref: o,
+    className: C(hr(), e),
+    ...t
+  }
+));
+Gt.displayName = Ct.Root.displayName;
+const br = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), yr = (e) => e.replace(
+  /^([A-Z])|[\s-_]+(\w)/g,
+  (t, o, r) => r ? r.toUpperCase() : o.toLowerCase()
+), wt = (e) => {
+  const t = yr(e);
+  return t.charAt(0).toUpperCase() + t.slice(1);
+}, Bt = (...e) => e.filter((t, o, r) => !!t && t.trim() !== "" && r.indexOf(t) === o).join(" ").trim(), xr = (e) => {
+  for (const t in e)
+    if (t.startsWith("aria-") || t === "role" || t === "title")
+      return !0;
+};
+var wr = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: 24,
+  height: 24,
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  strokeWidth: 2,
+  strokeLinecap: "round",
+  strokeLinejoin: "round"
+};
+const vr = Nt(
+  ({
+    color: e = "currentColor",
+    size: t = 24,
+    strokeWidth: o = 2,
+    absoluteStrokeWidth: r,
+    className: n = "",
+    children: s,
+    iconNode: i,
+    ...d
+  }, c) => Xe(
+    "svg",
+    {
+      ref: c,
+      ...wr,
+      width: t,
+      height: t,
+      stroke: e,
+      strokeWidth: r ? Number(o) * 24 / Number(t) : o,
+      className: Bt("lucide", n),
+      ...!s && !xr(d) && { "aria-hidden": "true" },
+      ...d
+    },
+    [
+      ...i.map(([g, w]) => Xe(g, w)),
+      ...Array.isArray(s) ? s : [s]
+    ]
+  )
+);
+const _e = (e, t) => {
+  const o = Nt(
+    ({ className: r, ...n }, s) => Xe(vr, {
+      ref: s,
+      iconNode: t,
+      className: Bt(
+        `lucide-${br(wt(e))}`,
+        `lucide-${e}`,
+        r
+      ),
+      ...n
+    })
+  );
+  return o.displayName = wt(e), o;
+};
+const kr = [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]], $t = _e("check", kr);
+const Nr = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]], Ut = _e("chevron-down", Nr);
+const Cr = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]], Sr = _e("chevron-right", Cr);
+const Rr = [["path", { d: "m18 15-6-6-6 6", key: "153udz" }]], zr = _e("chevron-up", Rr);
+const Ar = [["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }]], Ir = _e("circle", Ar), Tr = M.Root, Mr = M.Trigger, _r = f.forwardRef(({ className: e, inset: t, children: o, ...r }, n) => /* @__PURE__ */ R(
+  M.SubTrigger,
+  {
+    ref: n,
+    className: C(
+      "flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
+      t && "pl-8",
+      e
+    ),
+    ...r,
+    children: [
+      o,
+      /* @__PURE__ */ a(Sr, { className: "ml-auto" })
+    ]
+  }
+));
+_r.displayName = M.SubTrigger.displayName;
+const Er = f.forwardRef(({ className: e, ...t }, o) => /* @__PURE__ */ a(
+  M.SubContent,
+  {
+    ref: o,
+    className: C(
+      "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-dropdown-menu-content-transform-origin]",
+      e
+    ),
+    ...t
+  }
+));
+Er.displayName = M.SubContent.displayName;
+const Ht = f.forwardRef(({ className: e, sideOffset: t = 4, ...o }, r) => /* @__PURE__ */ a(M.Portal, { children: /* @__PURE__ */ a(
+  M.Content,
+  {
+    ref: r,
+    sideOffset: t,
+    className: C(
+      "z-50 max-h-[var(--radix-dropdown-menu-content-available-height)] min-w-[8rem] overflow-y-auto overflow-x-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md",
+      "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-dropdown-menu-content-transform-origin]",
+      e
+    ),
+    ...o
+  }
+) }));
+Ht.displayName = M.Content.displayName;
+const Fe = f.forwardRef(({ className: e, inset: t, ...o }, r) => /* @__PURE__ */ a(
+  M.Item,
+  {
+    ref: r,
+    className: C(
+      "relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&>svg]:size-4 [&>svg]:shrink-0",
+      t && "pl-8",
+      e
+    ),
+    ...o
+  }
+));
+Fe.displayName = M.Item.displayName;
+const Dr = f.forwardRef(({ className: e, children: t, checked: o, ...r }, n) => /* @__PURE__ */ R(
+  M.CheckboxItem,
+  {
+    ref: n,
+    className: C(
+      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      e
+    ),
+    checked: o,
+    ...r,
+    children: [
+      /* @__PURE__ */ a("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ a(M.ItemIndicator, { children: /* @__PURE__ */ a($t, { className: "h-4 w-4" }) }) }),
+      t
+    ]
+  }
+));
+Dr.displayName = M.CheckboxItem.displayName;
+const Pr = f.forwardRef(({ className: e, children: t, ...o }, r) => /* @__PURE__ */ R(
+  M.RadioItem,
+  {
+    ref: r,
+    className: C(
+      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      e
+    ),
+    ...o,
+    children: [
+      /* @__PURE__ */ a("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ a(M.ItemIndicator, { children: /* @__PURE__ */ a(Ir, { className: "h-2 w-2 fill-current" }) }) }),
+      t
+    ]
+  }
+));
+Pr.displayName = M.RadioItem.displayName;
+const Lr = f.forwardRef(({ className: e, inset: t, ...o }, r) => /* @__PURE__ */ a(
+  M.Label,
+  {
+    ref: r,
+    className: C(
+      "px-2 py-1.5 text-sm font-semibold",
+      t && "pl-8",
+      e
+    ),
+    ...o
+  }
+));
+Lr.displayName = M.Label.displayName;
+const Vr = f.forwardRef(({ className: e, ...t }, o) => /* @__PURE__ */ a(
+  M.Separator,
+  {
+    ref: o,
+    className: C("-mx-1 my-1 h-px bg-muted", e),
+    ...t
+  }
+));
+Vr.displayName = M.Separator.displayName;
+const vt = T.Root, kt = T.Value, Qe = f.forwardRef(({ className: e, children: t, ...o }, r) => /* @__PURE__ */ R(
+  T.Trigger,
+  {
+    ref: r,
+    className: C(
+      "flex h-9 w-full items-center justify-between whitespace-nowrap rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-sm ring-offset-background data-[placeholder]:text-muted-foreground focus:outline-none focus:ring-1 focus:ring-ring disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",
+      e
+    ),
+    ...o,
+    children: [
+      t,
+      /* @__PURE__ */ a(T.Icon, { asChild: !0, children: /* @__PURE__ */ a(Ut, { className: "h-4 w-4 opacity-50" }) })
+    ]
+  }
+));
+Qe.displayName = T.Trigger.displayName;
+const qt = f.forwardRef(({ className: e, ...t }, o) => /* @__PURE__ */ a(
+  T.ScrollUpButton,
+  {
+    ref: o,
+    className: C(
+      "flex cursor-default items-center justify-center py-1",
+      e
+    ),
+    ...t,
+    children: /* @__PURE__ */ a(zr, { className: "h-4 w-4" })
+  }
+));
+qt.displayName = T.ScrollUpButton.displayName;
+const Yt = f.forwardRef(({ className: e, ...t }, o) => /* @__PURE__ */ a(
+  T.ScrollDownButton,
+  {
+    ref: o,
+    className: C(
+      "flex cursor-default items-center justify-center py-1",
+      e
+    ),
+    ...t,
+    children: /* @__PURE__ */ a(Ut, { className: "h-4 w-4" })
+  }
+));
+Yt.displayName = T.ScrollDownButton.displayName;
+const et = f.forwardRef(({ className: e, children: t, position: o = "popper", ...r }, n) => /* @__PURE__ */ a(T.Portal, { children: /* @__PURE__ */ R(
+  T.Content,
+  {
+    ref: n,
+    className: C(
+      "relative z-50 max-h-[--radix-select-content-available-height] min-w-[8rem] overflow-y-auto overflow-x-hidden rounded-md border bg-popover text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-select-content-transform-origin]",
+      o === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
+      e
+    ),
+    position: o,
+    ...r,
+    children: [
+      /* @__PURE__ */ a(qt, {}),
+      /* @__PURE__ */ a(
+        T.Viewport,
+        {
+          className: C(
+            "p-1",
+            o === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"
+          ),
+          children: t
+        }
+      ),
+      /* @__PURE__ */ a(Yt, {})
+    ]
+  }
+) }));
+et.displayName = T.Content.displayName;
+const Or = f.forwardRef(({ className: e, ...t }, o) => /* @__PURE__ */ a(
+  T.Label,
+  {
+    ref: o,
+    className: C("px-2 py-1.5 text-sm font-semibold", e),
+    ...t
+  }
+));
+Or.displayName = T.Label.displayName;
+const je = f.forwardRef(({ className: e, children: t, ...o }, r) => /* @__PURE__ */ R(
+  T.Item,
+  {
+    ref: r,
+    className: C(
+      "relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-2 pr-8 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      e
+    ),
+    ...o,
+    children: [
+      /* @__PURE__ */ a("span", { className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ a(T.ItemIndicator, { children: /* @__PURE__ */ a($t, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ a(T.ItemText, { children: t })
+    ]
+  }
+));
+je.displayName = T.Item.displayName;
+const Fr = f.forwardRef(({ className: e, ...t }, o) => /* @__PURE__ */ a(
+  T.Separator,
+  {
+    ref: o,
+    className: C("-mx-1 my-1 h-px bg-muted", e),
+    ...t
+  }
+));
+Fr.displayName = T.Separator.displayName;
+const jr = f.forwardRef(({ className: e, ...t }, o) => /* @__PURE__ */ a("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ a(
+  "table",
+  {
+    ref: o,
+    className: C("w-full caption-bottom text-sm", e),
+    ...t
+  }
+) }));
+jr.displayName = "Table";
+const Zt = f.forwardRef(({ className: e, ...t }, o) => /* @__PURE__ */ a("thead", { ref: o, className: C("[&_tr]:border-b", e), ...t }));
+Zt.displayName = "TableHeader";
+const Kt = f.forwardRef(({ className: e, ...t }, o) => /* @__PURE__ */ a(
+  "tbody",
+  {
+    ref: o,
+    className: C("[&_tr:last-child]:border-0", e),
+    ...t
+  }
+));
+Kt.displayName = "TableBody";
+const Wr = f.forwardRef(({ className: e, ...t }, o) => /* @__PURE__ */ a(
+  "tfoot",
+  {
+    ref: o,
+    className: C(
+      "border-t bg-muted/50 font-medium [&>tr]:last:border-b-0",
+      e
+    ),
+    ...t
+  }
+));
+Wr.displayName = "TableFooter";
+const se = f.forwardRef(({ className: e, ...t }, o) => /* @__PURE__ */ a(
+  "tr",
+  {
+    ref: o,
+    className: C(
+      "border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted",
+      e
+    ),
+    ...t
+  }
+));
+se.displayName = "TableRow";
+const tt = f.forwardRef(({ className: e, ...t }, o) => /* @__PURE__ */ a(
+  "th",
+  {
+    ref: o,
+    className: C(
+      "h-10 px-2 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
+      e
+    ),
+    ...t
+  }
+));
+tt.displayName = "TableHead";
+const he = f.forwardRef(({ className: e, ...t }, o) => /* @__PURE__ */ a(
+  "td",
+  {
+    ref: o,
+    className: C(
+      "p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
+      e
+    ),
+    ...t
+  }
+));
+he.displayName = "TableCell";
+const Gr = f.forwardRef(({ className: e, ...t }, o) => /* @__PURE__ */ a(
+  "caption",
+  {
+    ref: o,
+    className: C("mt-4 text-sm text-muted-foreground", e),
+    ...t
+  }
+));
+Gr.displayName = "TableCaption";
+function be(e) {
+  const t = (e.id ?? e.name ?? "").toString();
+  if (!t)
+    throw new Error("the-datagrid: column must have `id` or `name`.");
+  return t;
+}
+function rt(e) {
+  return (e.sortName ?? e.name ?? e.id ?? "").toString();
+}
+function H(e, t, o) {
+  return e?.[t] ?? o;
+}
+function Br(e) {
+  return e === !1 || e === "none" ? "none" : "text";
+}
+function $r(e, t, o) {
+  return Math.max(t, Math.min(o, e));
+}
+function Ur(e) {
+  const { header: t, values: o } = e, r = [];
+  t && r.push(t.length);
+  for (const s of o) r.push(String(s ?? "").length);
+  const n = r.length ? Math.max(...r) : 0;
+  return $r(n * 8 + 32, 90, 520);
+}
+function Me(e) {
+  const { value: t, defaultValue: o, onChange: r } = e, n = t !== void 0, [s, i] = f.useState(o), d = n ? t : s, c = f.useCallback(
+    (g) => {
+      n || i(g), r?.(g);
+    },
+    [n, r]
+  );
+  return [d, c, n];
+}
+function Hr(e) {
+  return !e || !Array.isArray(e) || e.length === 0 ? null : e;
+}
+function Xt(e, t) {
+  if (e)
+    return e.find((o) => o.name === t);
+}
+function ye(e, t) {
+  const o = e ?? [];
+  if (!t) return o.length ? o : null;
+  const r = o.filter((s) => s.name !== t.name);
+  return t.value === void 0 || t.value === null || typeof t.value == "string" && t.value.trim() === "" ? r.length ? r : null : [...r, { ...t, active: t.active ?? !0 }];
+}
+function qr(e, t, o) {
+  const r = Xt(e, t);
+  return r ? ye(e, { ...r, operator: o }) : e;
+}
+function Yr(e, t) {
+  const r = (e ?? []).filter((n) => n.name !== t);
+  return r.length ? r : null;
+}
+function Zr(e, t) {
+  return !t || t.length === 0 ? e : e.filter((o) => t.every((r) => {
+    if (r.active === !1) return !0;
+    const n = o?.[r.name], s = n == null ? "" : String(n), i = r.value == null ? "" : String(r.value), d = s.toLowerCase(), c = i.toLowerCase();
+    switch (r.operator) {
+      case "contains":
+        return d.includes(c);
+      case "startsWith":
+        return d.startsWith(c);
+      case "endsWith":
+        return d.endsWith(c);
+      case "eq":
+        return d === c;
+      case "neq":
+        return d !== c;
+      case "empty":
+        return d.trim() === "";
+      case "notEmpty":
+        return d.trim() !== "";
+      default:
+        return d.includes(c);
+    }
+  }));
+}
+const Kr = [
+  { label: "Contains", value: "contains" },
+  { label: "Starts with", value: "startsWith" },
+  { label: "Ends with", value: "endsWith" },
+  { label: "Equals", value: "eq" },
+  { label: "Not equals", value: "neq" },
+  { label: "Empty", value: "empty" },
+  { label: "Not empty", value: "notEmpty" }
+];
+function Xr(e, t) {
+  return e ? (Array.isArray(e) ? e : [e]).find((n) => n.name === t)?.dir ?? 0 : 0;
+}
+function Jr(e) {
+  const { sortInfo: t, col: o, allowUnsort: r, defaultDir: n, multi: s } = e, i = rt(o), d = t ? Array.isArray(t) ? [...t] : [t] : [], c = d.findIndex((v) => v.name === i), g = c >= 0 ? d[c].dir : 0;
+  let w = 0;
+  if (g === 0 ? w = n : g === n ? w = n === 1 ? -1 : 1 : g === (n === 1 ? -1 : 1) ? w = r ? 0 : n : w = n, !s)
+    return w === 0 ? null : { name: i, dir: w };
+  const S = d.filter((v) => v.name !== i);
+  return w !== 0 && S.push({ name: i, dir: w }), S.length ? S : null;
+}
+function Qr(e, t) {
+  if (!e) return [];
+  const o = Array.isArray(e) ? e : [e], r = /* @__PURE__ */ new Map();
+  for (const n of t)
+    r.set(rt(n), be(n));
+  return o.map((n) => ({ id: r.get(n.name) ?? n.name, desc: n.dir === -1 })).filter((n) => typeof n.id == "string" && n.id.length > 0);
+}
+function en(e, t) {
+  if (!t) return e;
+  const o = Array.isArray(t) ? t : [t];
+  if (o.length === 0) return e;
+  const r = [...e];
+  return r.sort((n, s) => {
+    for (const i of o) {
+      const d = n?.[i.name], c = s?.[i.name], g = typeof d == "number" ? d : Number(d), w = typeof c == "number" ? c : Number(c), S = Number.isFinite(g) && Number.isFinite(w);
+      let v = 0;
+      if (S ? v = g - w : v = String(d ?? "").localeCompare(String(c ?? ""), void 0, {
+        sensitivity: "base"
+      }), v !== 0) return i.dir === -1 ? -v : v;
+    }
+    return 0;
+  }), r;
+}
+function tn(e) {
+  return e === 1 ? /* @__PURE__ */ a(po, { className: "ml-1 size-3" }) : e === -1 ? /* @__PURE__ */ a(go, { className: "ml-1 size-3" }) : /* @__PURE__ */ a(ho, { className: "ml-1 size-3 opacity-60" });
+}
+const ln = [];
+function cn(e) {
+  const {
+    theme: t = "default",
+    idProperty: o,
+    columns: r,
+    dataSource: n,
+    enableColumnFilterContextMenu: s = !1,
+    enableColumnAutosize: i = !0,
+    skipHeaderOnAutoSize: d = !1,
+    enableFiltering: c = !0,
+    filteredRowsCount: g,
+    virtualized: w = !0,
+    columnUserSelect: S = !0,
+    i18n: v,
+    showColumnMenuTool: Z = !1,
+    rowHeight: K = 44,
+    headerHeight: O = 40,
+    filterRowHeight: _ = 44,
+    className: J,
+    style: xe
+  } = e, ue = f.useMemo(
+    () => r.map((l) => be(l)),
+    [r]
+  ), [B, X] = Me({
+    value: e.columnOrder,
+    defaultValue: e.columnOrder ?? ue,
+    onChange: e.onColumnOrderChange
+  }), [W, q] = Me({
+    value: e.sortInfo,
+    defaultValue: e.defaultSortInfo ?? null,
+    onChange: e.onSortInfoChange
+  }), [h, D, Q] = Me({
+    value: e.filterValue,
+    defaultValue: Hr(e.defaultFilterValue) ?? null,
+    onChange: e.onFilterValueChange
+  }), [ee, te] = f.useState(h);
+  f.useEffect(() => te(h), [h]);
+  const [j, A] = Me({
+    value: e.skip,
+    defaultValue: e.defaultSkip ?? 0,
+    onChange: e.onSkipChange
+  }), [P, $] = Me({
+    value: e.limit,
+    defaultValue: e.defaultLimit ?? 10,
+    onChange: e.onLimitChange
+  }), oe = e.pageSizes ?? [10, 20, 30, 40, 50], x = e.allowUnsort ?? !0, Ee = (e.defaultSortingDirection ?? "asc") === "desc" ? -1 : 1, G = f.useMemo(() => {
+    const l = /* @__PURE__ */ new Map();
+    for (const p of r) l.set(be(p), p);
+    const b = [];
+    for (const p of B) {
+      const y = l.get(p);
+      y && b.push(y);
+    }
+    for (const p of r) {
+      const y = be(p);
+      b.find((N) => be(N) === y) || b.push(p);
+    }
+    return b.filter((p) => p.visible !== !1);
+  }, [r, B]), Se = f.useMemo(() => Qr(W, G), [
+    W,
+    G
+  ]), [I, F] = f.useState([]), [Y, me] = f.useState(0), [E, Re] = f.useState(!1), we = e.loading ?? E, re = h, le = W, ne = f.useCallback(async () => {
+    if (Array.isArray(n)) {
+      let l = n;
+      c && re && (l = Zr(l, re)), le && (l = en(l, le));
+      const b = l.length, N = (e.pagination ?? !0) !== !1 ? l.slice(j, j + P) : l;
+      F(N), me(b), g?.(b);
+      return;
+    }
+    Re(!0);
+    try {
+      const l = n, b = {
+        skip: j,
+        limit: P,
+        sortInfo: le,
+        filterValue: re,
+        columnOrder: B,
+        columns: G,
+        idProperty: o,
+        theme: t
+      };
+      let p = l;
+      typeof l == "function" && (p = l(b)), p && typeof p.then == "function" && (p = await p), p && typeof p == "object" && Array.isArray(p.data) ? (F(p.data), me(Number(p.count ?? p.data.length)), g?.(Number(p.count ?? p.data.length))) : Array.isArray(p) ? (F(p), me(p.length), g?.(p.length)) : (F([]), me(0), g?.(0));
+    } finally {
+      Re(!1);
+    }
+  }, [
+    n,
+    c,
+    re,
+    le,
+    g,
+    o,
+    P,
+    G,
+    e.pagination,
+    j,
+    t,
+    B
+  ]);
+  f.useEffect(() => {
+    ne();
+  }, [ne]), f.useEffect(() => {
+    if (Q) return;
+    const l = window.setTimeout(() => {
+      D(ee);
+    }, 300);
+    return () => window.clearTimeout(l);
+  }, [ee, Q, D]);
+  const [De, Jt] = f.useState({});
+  f.useEffect(() => {
+    if (!i) return;
+    const l = {}, b = I.slice(0, 25);
+    for (const p of G) {
+      const y = be(p), N = p.width ?? p.defaultWidth;
+      if (typeof N == "number" && Number.isFinite(N) && N > 0) {
+        l[y] = N;
+        continue;
+      }
+      const U = d ? "" : typeof p.header == "string" ? p.header : typeof p.name == "string" ? p.name : "", L = b.map((ie) => ie?.[y]);
+      l[y] = Ur({ header: U, values: L });
+    }
+    Jt(l);
+  }, [i, G, I, d]);
+  const Qt = f.useMemo(() => G.map((l) => {
+    const b = be(l);
+    return {
+      id: b,
+      accessorFn: (p) => p?.[b],
+      enableSorting: l.sortable ?? !0,
+      header: () => l.renderHeader?.({ column: l }) ?? l.header ?? l.name ?? l.id ?? b,
+      cell: (p) => {
+        const y = p.getValue();
+        return l.render ? l.render(y, {
+          data: p.row.original,
+          rowIndex: p.row.index,
+          column: l,
+          columnId: b
+        }) : y == null ? "" : String(y);
+      },
+      meta: {
+        __column: l
+      }
+    };
+  }), [G]), $e = ao({
+    data: I,
+    columns: Qt,
+    state: {
+      sorting: Se
+    },
+    manualSorting: !0,
+    getCoreRowModel: so(),
+    getRowId: (l, b) => {
+      const p = l?.[o];
+      return p == null ? String(b) : String(p);
+    }
+  }), nt = f.useRef(null), ze = $e.getRowModel().rows, at = lo({
+    count: ze.length,
+    getScrollElement: () => nt.current,
+    estimateSize: () => K,
+    overscan: 10
+  }), ve = w ? at.getVirtualItems() : [], st = w && ve.length ? ve[0].start : 0, lt = w && ve.length ? at.getTotalSize() - ve[ve.length - 1].end : 0, [fe, Ae] = f.useState(null);
+  f.useEffect(() => {
+    if (!fe?.open) return;
+    const l = () => Ae(null), b = (p) => {
+      p.key === "Escape" && Ae(null);
+    };
+    return window.addEventListener("mousedown", l), window.addEventListener("keydown", b), () => {
+      window.removeEventListener("mousedown", l), window.removeEventListener("keydown", b);
+    };
+  }, [fe]);
+  const Ue = f.useRef(null);
+  f.useEffect(() => {
+    Ue.current = {
+      reload: () => {
+        ne();
+      },
+      getData: () => I,
+      getCount: () => Y,
+      getSkip: () => j,
+      getLimit: () => P,
+      setSkip: (l) => A(l),
+      setLimit: (l) => {
+        A(0), $(l);
+      },
+      getSortInfo: () => W,
+      setSortInfo: (l) => {
+        A(0), q(l);
+      },
+      getFilterValue: () => h,
+      setFilterValue: (l) => {
+        A(0), D(l);
+      },
+      getColumnOrder: () => B,
+      setColumnOrder: (l) => X(l)
+    }, e.handle?.(Ue), e.onReady?.(Ue);
+  }, [
+    B,
+    Y,
+    h,
+    P,
+    ne,
+    e,
+    I,
+    X,
+    D,
+    $,
+    A,
+    q,
+    j,
+    W
+  ]);
+  const He = Math.max(1, P), eo = Math.floor(j / He), it = Math.max(1, Math.ceil(Y / He) || 1), ct = j > 0, dt = j + He < Y, ut = Br(S) === "none" ? "select-none" : "select-text", qe = f.useRef(null);
+  function to(l, b) {
+    qe.current = b;
+    try {
+      l.dataTransfer.setData("text/plain", b);
+    } catch {
+    }
+    l.dataTransfer.effectAllowed = "move";
+  }
+  function oo(l, b) {
+    l.preventDefault();
+    const p = qe.current ?? l.dataTransfer.getData("text/plain");
+    if (qe.current = null, !p || p === b) return;
+    const y = [...B], N = y.indexOf(p), U = y.indexOf(b);
+    N < 0 || U < 0 || (y.splice(N, 1), y.splice(U, 0, p), X(y));
+  }
+  function ro(l) {
+    l.preventDefault(), l.dataTransfer.dropEffect = "move";
+  }
+  return /* @__PURE__ */ R("div", { className: C("flex flex-col gap-2 lg:gap-6", J), "data-theme": t, children: [
+    /* @__PURE__ */ a(
+      "div",
+      {
+        ref: nt,
+        className: C(
+          "relative overflow-auto rounded-lg border border-border",
+          w ? "max-h-[560px]" : ""
+        ),
+        style: xe,
+        children: /* @__PURE__ */ R("table", { className: "w-full table-fixed caption-bottom text-sm", children: [
+          /* @__PURE__ */ R(Zt, { children: [
+            $e.getHeaderGroups().map((l) => /* @__PURE__ */ a(se, { className: "bg-muted/50", style: { height: O }, children: l.headers.map((b) => {
+              const y = b.column.columnDef?.meta?.__column, N = b.column.id, U = (y?.sortable ?? !0) && b.column.getCanSort(), L = y ? rt(y) : N, ie = Xr(W, L), Ye = De[N], Pe = y?.headerAlign ?? y?.textAlign;
+              return /* @__PURE__ */ a(
+                tt,
+                {
+                  colSpan: b.colSpan,
+                  className: C(
+                    "sticky top-0 z-20 bg-muted/50",
+                    Pe === "right" || Pe === "end" ? "text-right" : "",
+                    y?.headerProps?.className
+                  ),
+                  style: {
+                    width: Ye,
+                    minWidth: y?.minWidth,
+                    maxWidth: y?.maxWidth,
+                    height: O,
+                    ...y?.headerProps?.style
+                  },
+                  draggable: !!e.onColumnOrderChange,
+                  onDragStart: (z) => to(z, N),
+                  onDragOver: ro,
+                  onDrop: (z) => oo(z, N),
+                  children: /* @__PURE__ */ R("div", { className: "flex items-center justify-between gap-2", children: [
+                    /* @__PURE__ */ a("div", { className: "flex min-w-0 items-center", children: b.isPlaceholder ? null : U ? /* @__PURE__ */ R(
+                      ge,
+                      {
+                        type: "button",
+                        variant: "ghost",
+                        size: "sm",
+                        className: "-ml-3 h-8 px-2",
+                        onClick: (z) => {
+                          const ce = Jr({
+                            sortInfo: W,
+                            col: y ?? { name: N },
+                            allowUnsort: x,
+                            defaultDir: Ee,
+                            multi: z.shiftKey === !0
+                          });
+                          A(0), q(ce);
+                        },
+                        children: [
+                          /* @__PURE__ */ a("span", { className: "truncate", children: Le(b.column.columnDef.header, b.getContext()) }),
+                          tn(ie)
+                        ]
+                      }
+                    ) : /* @__PURE__ */ a("span", { className: "truncate", children: Le(b.column.columnDef.header, b.getContext()) }) }),
+                    Z && /* @__PURE__ */ R(Tr, { children: [
+                      /* @__PURE__ */ a(Mr, { asChild: !0, children: /* @__PURE__ */ a(
+                        ge,
+                        {
+                          type: "button",
+                          variant: "ghost",
+                          size: "icon",
+                          className: "size-7",
+                          "aria-label": "Column menu",
+                          children: /* @__PURE__ */ a(io, { className: "size-4" })
+                        }
+                      ) }),
+                      /* @__PURE__ */ R(Ht, { align: "end", className: "w-48", children: [
+                        /* @__PURE__ */ a(
+                          Fe,
+                          {
+                            onSelect: () => {
+                              const z = { name: L, dir: 1 };
+                              A(0), q(z);
+                            },
+                            children: H(v, "sortAsc", "Sort A→Z")
+                          }
+                        ),
+                        /* @__PURE__ */ a(
+                          Fe,
+                          {
+                            onSelect: () => {
+                              const z = { name: L, dir: -1 };
+                              A(0), q(z);
+                            },
+                            children: H(v, "sortDesc", "Sort Z→A")
+                          }
+                        ),
+                        /* @__PURE__ */ a(
+                          Fe,
+                          {
+                            onSelect: () => {
+                              A(0), q(null);
+                            },
+                            children: H(v, "unsort", "Unsort")
+                          }
+                        )
+                      ] })
+                    ] })
+                  ] })
+                },
+                b.id
+              );
+            }) }, l.id)),
+            c && $e.getHeaderGroups().map((l) => /* @__PURE__ */ a(
+              se,
+              {
+                className: "bg-background/95 supports-[backdrop-filter]:bg-background/60",
+                style: { height: _ },
+                children: l.headers.map((b) => {
+                  const y = b.column.columnDef?.meta?.__column, N = b.column.id, U = y?.filterable ?? !1, L = Xt(Q ? h : ee, N), ie = L?.value ?? "", Ye = (z) => {
+                    s && (z.preventDefault(), Ae({
+                      open: !0,
+                      x: z.clientX ?? 0,
+                      y: z.clientY ?? 0,
+                      columnId: N
+                    }));
+                  }, Pe = De[N];
+                  return /* @__PURE__ */ a(
+                    tt,
+                    {
+                      className: C(
+                        "sticky z-10 bg-background/95 py-2 backdrop-blur supports-[backdrop-filter]:bg-background/60"
+                      ),
+                      style: {
+                        top: O,
+                        width: Pe,
+                        minWidth: y?.minWidth,
+                        maxWidth: y?.maxWidth,
+                        height: _
+                      },
+                      onContextMenu: Ye,
+                      children: b.isPlaceholder || !U ? null : y?.filterEditor ? /* @__PURE__ */ a(
+                        y.filterEditor,
+                        {
+                          filterValue: {
+                            name: N,
+                            operator: L?.operator ?? "contains",
+                            type: L?.type ?? y.filterType ?? "string",
+                            value: L?.value ?? null,
+                            filterEditorProps: y.filterEditorProps
+                          },
+                          onChange: (z) => {
+                            const ce = {
+                              name: N,
+                              operator: L?.operator ?? "contains",
+                              type: L?.type ?? y.filterType ?? "string",
+                              value: z,
+                              active: !0
+                            };
+                            A(0), Q ? D(ye(h, ce)) : te(ye(ee, ce));
+                          }
+                        }
+                      ) : y?.filterType === "select" && Array.isArray(y.filterEditorProps?.options) ? /* @__PURE__ */ R(
+                        vt,
+                        {
+                          value: String(ie === "" || ie == null ? "__all__" : ie),
+                          onValueChange: (z) => {
+                            const ce = z === "__all__" ? "" : z, Ie = {
+                              name: N,
+                              operator: L?.operator ?? "eq",
+                              type: L?.type ?? "string",
+                              value: ce,
+                              active: !0
+                            };
+                            A(0), Q ? D(ye(h, Ie)) : te(ye(ee, Ie));
+                          },
+                          children: [
+                            /* @__PURE__ */ a(Qe, { className: "h-8 w-full", children: /* @__PURE__ */ a(kt, { placeholder: String(H(v, "contains", "All")) }) }),
+                            /* @__PURE__ */ R(et, { children: [
+                              /* @__PURE__ */ a(je, { value: "__all__", children: H(v, "clearAll", "All") }),
+                              (y.filterEditorProps?.options || []).map((z) => /* @__PURE__ */ a(je, { value: String(z.value), children: String(z.label ?? z.value) }, String(z.value)))
+                            ] })
+                          ]
+                        }
+                      ) : /* @__PURE__ */ a(
+                        Wt,
+                        {
+                          value: String(ie ?? ""),
+                          onChange: (z) => {
+                            const ce = z.target.value, Ie = {
+                              name: N,
+                              operator: L?.operator ?? "contains",
+                              type: L?.type ?? "string",
+                              value: ce,
+                              active: !0
+                            };
+                            A(0), Q ? D(ye(h, Ie)) : te(ye(ee, Ie));
+                          },
+                          className: "h-8 w-full",
+                          placeholder: String(H(v, "contains", "Filter…"))
+                        }
+                      )
+                    },
+                    `${b.id}-filter`
+                  );
+                })
+              },
+              `${l.id}-filters`
+            ))
+          ] }),
+          /* @__PURE__ */ a(Kt, { children: we && ze.length === 0 ? /* @__PURE__ */ a(se, { children: /* @__PURE__ */ a(he, { colSpan: G.length, className: "h-24 text-center", children: "Loading…" }) }) : ze.length === 0 ? /* @__PURE__ */ a(se, { children: /* @__PURE__ */ a(he, { colSpan: G.length, className: "h-24 text-center", children: H(v, "noRecords", "No records") }) }) : w ? /* @__PURE__ */ R(no, { children: [
+            st > 0 && /* @__PURE__ */ a(se, { children: /* @__PURE__ */ a(he, { colSpan: G.length, style: { height: st } }) }),
+            ve.map((l) => {
+              const b = ze[l.index];
+              return /* @__PURE__ */ a(se, { className: "hover:bg-muted/40", style: { height: l.size }, children: b.getVisibleCells().map((p) => {
+                const y = p.column.id, N = p.column.columnDef?.meta?.__column, U = De[y], L = N?.textAlign;
+                return /* @__PURE__ */ a(
+                  he,
+                  {
+                    className: C(
+                      ut,
+                      L === "right" || L === "end" ? "text-right" : "",
+                      N?.className
+                    ),
+                    style: {
+                      width: U,
+                      minWidth: N?.minWidth,
+                      maxWidth: N?.maxWidth,
+                      ...typeof N?.style == "object" && N?.style ? N.style : {}
+                    },
+                    children: Le(p.column.columnDef.cell, p.getContext())
+                  },
+                  p.id
+                );
+              }) }, b.id);
+            }),
+            lt > 0 && /* @__PURE__ */ a(se, { children: /* @__PURE__ */ a(he, { colSpan: G.length, style: { height: lt } }) })
+          ] }) : ze.map((l) => /* @__PURE__ */ a(se, { className: "hover:bg-muted/40", children: l.getVisibleCells().map((b) => {
+            const p = b.column.id, y = b.column.columnDef?.meta?.__column, N = De[p], U = y?.textAlign;
+            return /* @__PURE__ */ a(
+              he,
+              {
+                className: C(
+                  ut,
+                  U === "right" || U === "end" ? "text-right" : "",
+                  y?.className
+                ),
+                style: {
+                  width: N,
+                  minWidth: y?.minWidth,
+                  maxWidth: y?.maxWidth,
+                  ...typeof y?.style == "object" && y?.style ? y.style : {}
+                },
+                children: Le(b.column.columnDef.cell, b.getContext())
+              },
+              b.id
+            );
+          }) }, l.id)) })
+        ] })
+      }
+    ),
+    /* @__PURE__ */ R("div", { className: "flex items-center justify-between px-4", children: [
+      /* @__PURE__ */ R("div", { className: "hidden flex-1 text-sm text-muted-foreground md:block", children: [
+        H(v, "showingText", "Showing"),
+        " ",
+        /* @__PURE__ */ a("span", { className: "font-mono", children: Y === 0 ? 0 : j + 1 }),
+        "–",
+        /* @__PURE__ */ a("span", { className: "font-mono", children: Math.min(j + P, Y) }),
+        " ",
+        H(v, "ofText", "of"),
+        " ",
+        /* @__PURE__ */ a("span", { className: "font-mono", children: Y })
+      ] }),
+      /* @__PURE__ */ R("div", { className: "flex w-full items-center gap-4 md:w-auto", children: [
+        /* @__PURE__ */ R("div", { className: "hidden items-center gap-2 md:flex", children: [
+          /* @__PURE__ */ a(Gt, { htmlFor: "rows-per-page", className: "text-sm font-medium", children: H(v, "perPageText", "Rows") }),
+          /* @__PURE__ */ R(
+            vt,
+            {
+              value: `${P}`,
+              onValueChange: (l) => {
+                A(0), $(Number(l));
+              },
+              children: [
+                /* @__PURE__ */ a(Qe, { className: "h-9 w-20", id: "rows-per-page", children: /* @__PURE__ */ a(kt, { placeholder: `${P}` }) }),
+                /* @__PURE__ */ a(et, { side: "top", children: oe.map((l) => /* @__PURE__ */ a(je, { value: `${l}`, children: l }, l)) })
+              ]
+            }
+          )
+        ] }),
+        /* @__PURE__ */ R("div", { className: "flex items-center justify-center text-sm font-medium", children: [
+          H(v, "pageText", "Page"),
+          " ",
+          eo + 1,
+          " ",
+          H(v, "ofText", "of"),
+          " ",
+          it
+        ] }),
+        /* @__PURE__ */ R("div", { className: "ml-auto flex items-center gap-2 md:ml-0", children: [
+          /* @__PURE__ */ R(
+            ge,
+            {
+              type: "button",
+              variant: "outline",
+              className: "hidden h-8 w-8 p-0 md:flex",
+              onClick: () => A(0),
+              disabled: !ct,
+              children: [
+                /* @__PURE__ */ a("span", { className: "sr-only", children: "Go to first page" }),
+                /* @__PURE__ */ a(co, { className: "size-4" })
+              ]
+            }
+          ),
+          /* @__PURE__ */ R(
+            ge,
+            {
+              type: "button",
+              variant: "outline",
+              size: "icon",
+              className: "size-8",
+              onClick: () => A(Math.max(0, j - P)),
+              disabled: !ct,
+              children: [
+                /* @__PURE__ */ a("span", { className: "sr-only", children: "Go to previous page" }),
+                /* @__PURE__ */ a(uo, { className: "size-4" })
+              ]
+            }
+          ),
+          /* @__PURE__ */ R(
+            ge,
+            {
+              type: "button",
+              variant: "outline",
+              size: "icon",
+              className: "size-8",
+              onClick: () => A(j + P),
+              disabled: !dt,
+              children: [
+                /* @__PURE__ */ a("span", { className: "sr-only", children: "Go to next page" }),
+                /* @__PURE__ */ a(mo, { className: "size-4" })
+              ]
+            }
+          ),
+          /* @__PURE__ */ R(
+            ge,
+            {
+              type: "button",
+              variant: "outline",
+              size: "icon",
+              className: "hidden size-8 md:flex",
+              onClick: () => A(Math.max(0, (it - 1) * P)),
+              disabled: !dt,
+              children: [
+                /* @__PURE__ */ a("span", { className: "sr-only", children: "Go to last page" }),
+                /* @__PURE__ */ a(fo, { className: "size-4" })
+              ]
+            }
+          )
+        ] })
+      ] })
+    ] }),
+    fe?.open && s && /* @__PURE__ */ R(
+      "div",
+      {
+        className: "fixed z-50 w-56 overflow-hidden rounded-md border border-border bg-popover text-popover-foreground shadow-md",
+        style: { left: fe.x, top: fe.y },
+        onMouseDown: (l) => l.stopPropagation(),
+        children: [
+          /* @__PURE__ */ a("div", { className: "px-3 py-2 text-xs font-medium text-muted-foreground", children: "Filter" }),
+          /* @__PURE__ */ a(
+            "button",
+            {
+              type: "button",
+              className: "w-full px-3 py-2 text-left text-sm hover:bg-accent",
+              onClick: () => {
+                const l = fe.columnId;
+                A(0), D(Yr(h, l)), Ae(null);
+              },
+              children: H(v, "clear", "Clear")
+            }
+          ),
+          /* @__PURE__ */ a("div", { className: "px-3 py-2 text-xs font-medium text-muted-foreground", children: "Operator" }),
+          Kr.map((l) => /* @__PURE__ */ a(
+            "button",
+            {
+              type: "button",
+              className: "w-full px-3 py-2 text-left text-sm hover:bg-accent",
+              onClick: () => {
+                const b = fe.columnId;
+                A(0), D(qr(h, b, l.value)), Ae(null);
+              },
+              children: l.label
+            },
+            l.value
+          ))
+        ]
+      }
+    )
+  ] });
+}
+export {
+  cn as ReactDataGrid,
+  cn as default,
+  ln as plugins
+};