@keeper-security/keeper-js-ui 0.1.1 → 0.2.0

package/dist/index.es.js

@@ -1,185 +1,186 @@
-import { jsx as N, Fragment as ye, jsxs as xe } from "react/jsx-runtime";
+import { jsx as j, Fragment as je, jsxs as Ce } from "react/jsx-runtime";
 import * as x from "react";
-function ve(e, t) {
-  typeof e == "function" ? e(t) : e != null && (e.current = t);
+import "react-dom";
+function ze(e, r) {
+  typeof e == "function" ? e(r) : e != null && (e.current = r);
 }
-function we(...e) {
-  return (t) => e.forEach((r) => ve(r, t));
+function Ne(...e) {
+  return (r) => e.forEach((t) => ze(t, r));
 }
-var J = x.forwardRef((e, t) => {
-  const { children: r, ...o } = e, n = x.Children.toArray(r), s = n.find(ke);
+var B = x.forwardRef((e, r) => {
+  const { children: t, ...o } = e, n = x.Children.toArray(t), s = n.find(Se);
   if (s) {
-    const l = s.props.children, i = n.map((d) => d === s ? x.Children.count(l) > 1 ? x.Children.only(null) : x.isValidElement(l) ? l.props.children : null : d);
-    return /* @__PURE__ */ N(K, { ...o, ref: t, children: x.isValidElement(l) ? x.cloneElement(l, void 0, i) : null });
+    const a = s.props.children, i = n.map((d) => d === s ? x.Children.count(a) > 1 ? x.Children.only(null) : x.isValidElement(a) ? a.props.children : null : d);
+    return /* @__PURE__ */ j(X, { ...o, ref: r, children: x.isValidElement(a) ? x.cloneElement(a, void 0, i) : null });
   }
-  return /* @__PURE__ */ N(K, { ...o, ref: t, children: r });
+  return /* @__PURE__ */ j(X, { ...o, ref: r, children: t });
 });
-J.displayName = "Slot";
-var K = x.forwardRef((e, t) => {
-  const { children: r, ...o } = e;
-  if (x.isValidElement(r)) {
-    const n = Ce(r);
-    return x.cloneElement(r, {
-      ...je(o, r.props),
+B.displayName = "Slot";
+var X = x.forwardRef((e, r) => {
+  const { children: t, ...o } = e;
+  if (x.isValidElement(t)) {
+    const n = Re(t);
+    return x.cloneElement(t, {
+      ...Ae(o, t.props),
       // @ts-ignore
-      ref: t ? we(t, n) : n
+      ref: r ? Ne(r, n) : n
     });
   }
-  return x.Children.count(r) > 1 ? x.Children.only(null) : null;
+  return x.Children.count(t) > 1 ? x.Children.only(null) : null;
 });
-K.displayName = "SlotClone";
-var ae = ({ children: e }) => /* @__PURE__ */ N(ye, { children: e });
-function ke(e) {
-  return x.isValidElement(e) && e.type === ae;
+X.displayName = "SlotClone";
+var ue = ({ children: e }) => /* @__PURE__ */ j(je, { children: e });
+function Se(e) {
+  return x.isValidElement(e) && e.type === ue;
 }
-function je(e, t) {
-  const r = { ...t };
-  for (const o in t) {
-    const n = e[o], s = t[o];
-    /^on[A-Z]/.test(o) ? n && s ? r[o] = (...i) => {
+function Ae(e, r) {
+  const t = { ...r };
+  for (const o in r) {
+    const n = e[o], s = r[o];
+    /^on[A-Z]/.test(o) ? n && s ? t[o] = (...i) => {
       s(...i), n(...i);
-    } : n && (r[o] = n) : o === "style" ? r[o] = { ...n, ...s } : o === "className" && (r[o] = [n, s].filter(Boolean).join(" "));
+    } : n && (t[o] = n) : o === "style" ? t[o] = { ...n, ...s } : o === "className" && (t[o] = [n, s].filter(Boolean).join(" "));
   }
-  return { ...e, ...r };
+  return { ...e, ...t };
 }
-function Ce(e) {
+function Re(e) {
   var o, n;
-  let t = (o = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : o.get, r = t && "isReactWarning" in t && t.isReactWarning;
-  return r ? e.ref : (t = (n = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : n.get, r = t && "isReactWarning" in t && t.isReactWarning, r ? e.props.ref : e.props.ref || e.ref);
+  let r = (o = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : o.get, t = r && "isReactWarning" in r && r.isReactWarning;
+  return t ? e.ref : (r = (n = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : n.get, t = r && "isReactWarning" in r && r.isReactWarning, t ? e.props.ref : e.props.ref || e.ref);
 }
-function ce(e) {
-  var t, r, o = "";
+function pe(e) {
+  var r, t, o = "";
   if (typeof e == "string" || typeof e == "number") o += e;
-  else if (typeof e == "object") if (Array.isArray(e)) for (t = 0; t < e.length; t++) e[t] && (r = ce(e[t])) && (o && (o += " "), o += r);
-  else for (t in e) e[t] && (o && (o += " "), o += t);
+  else if (typeof e == "object") if (Array.isArray(e)) for (r = 0; r < e.length; r++) e[r] && (t = pe(e[r])) && (o && (o += " "), o += t);
+  else for (r in e) e[r] && (o && (o += " "), o += r);
   return o;
 }
-function ze() {
-  for (var e, t, r = 0, o = ""; r < arguments.length; ) (e = arguments[r++]) && (t = ce(e)) && (o && (o += " "), o += t);
+function Pe() {
+  for (var e, r, t = 0, o = ""; t < arguments.length; ) (e = arguments[t++]) && (r = pe(e)) && (o && (o += " "), o += r);
   return o;
 }
-const re = (e) => typeof e == "boolean" ? "".concat(e) : e === 0 ? "0" : e, oe = ze, de = (e, t) => (r) => {
+const se = (e) => typeof e == "boolean" ? "".concat(e) : e === 0 ? "0" : e, ne = Pe, Y = (e, r) => (t) => {
   var o;
-  if ((t == null ? void 0 : t.variants) == null) return oe(e, r == null ? void 0 : r.class, r == null ? void 0 : r.className);
-  const { variants: n, defaultVariants: s } = t, l = Object.keys(n).map((c) => {
-    const p = r == null ? void 0 : r[c], m = s == null ? void 0 : s[c];
+  if ((r == null ? void 0 : r.variants) == null) return ne(e, t == null ? void 0 : t.class, t == null ? void 0 : t.className);
+  const { variants: n, defaultVariants: s } = r, a = Object.keys(n).map((c) => {
+    const p = t == null ? void 0 : t[c], g = s == null ? void 0 : s[c];
     if (p === null) return null;
-    const h = re(p) || re(m);
+    const h = se(p) || se(g);
     return n[c][h];
-  }), i = r && Object.entries(r).reduce((c, p) => {
-    let [m, h] = p;
-    return h === void 0 || (c[m] = h), c;
-  }, {}), d = t == null || (o = t.compoundVariants) === null || o === void 0 ? void 0 : o.reduce((c, p) => {
-    let { class: m, className: h, ...k } = p;
-    return Object.entries(k).every((v) => {
-      let [g, u] = v;
+  }), i = t && Object.entries(t).reduce((c, p) => {
+    let [g, h] = p;
+    return h === void 0 || (c[g] = h), c;
+  }, {}), d = r == null || (o = r.compoundVariants) === null || o === void 0 ? void 0 : o.reduce((c, p) => {
+    let { class: g, className: h, ...w } = p;
+    return Object.entries(w).every((v) => {
+      let [m, u] = v;
       return Array.isArray(u) ? u.includes({
         ...s,
         ...i
-      }[g]) : {
+      }[m]) : {
         ...s,
         ...i
-      }[g] === u;
+      }[m] === u;
     }) ? [
       ...c,
-      m,
+      g,
       h
     ] : c;
   }, []);
-  return oe(e, l, d, r == null ? void 0 : r.class, r == null ? void 0 : r.className);
+  return ne(e, a, d, t == null ? void 0 : t.class, t == null ? void 0 : t.className);
 };
-function ue(e) {
-  var t, r, o = "";
+function fe(e) {
+  var r, t, o = "";
   if (typeof e == "string" || typeof e == "number") o += e;
   else if (typeof e == "object") if (Array.isArray(e)) {
     var n = e.length;
-    for (t = 0; t < n; t++) e[t] && (r = ue(e[t])) && (o && (o += " "), o += r);
-  } else for (r in e) e[r] && (o && (o += " "), o += r);
+    for (r = 0; r < n; r++) e[r] && (t = fe(e[r])) && (o && (o += " "), o += t);
+  } else for (t in e) e[t] && (o && (o += " "), o += t);
   return o;
 }
-function Se() {
-  for (var e, t, r = 0, o = "", n = arguments.length; r < n; r++) (e = arguments[r]) && (t = ue(e)) && (o && (o += " "), o += t);
+function Me() {
+  for (var e, r, t = 0, o = "", n = arguments.length; t < n; t++) (e = arguments[t]) && (r = fe(e)) && (o && (o += " "), o += r);
   return o;
 }
-const X = "-", Ae = (e) => {
-  const t = Ne(e), {
-    conflictingClassGroups: r,
+const D = "-", Ee = (e) => {
+  const r = $e(e), {
+    conflictingClassGroups: t,
     conflictingClassGroupModifiers: o
   } = e;
   return {
-    getClassGroupId: (l) => {
-      const i = l.split(X);
-      return i[0] === "" && i.length !== 1 && i.shift(), pe(i, t) || Re(l);
+    getClassGroupId: (a) => {
+      const i = a.split(D);
+      return i[0] === "" && i.length !== 1 && i.shift(), be(i, r) || Ve(a);
     },
-    getConflictingClassGroupIds: (l, i) => {
-      const d = r[l] || [];
-      return i && o[l] ? [...d, ...o[l]] : d;
+    getConflictingClassGroupIds: (a, i) => {
+      const d = t[a] || [];
+      return i && o[a] ? [...d, ...o[a]] : d;
     }
   };
-}, pe = (e, t) => {
-  var l;
+}, be = (e, r) => {
+  var a;
   if (e.length === 0)
-    return t.classGroupId;
-  const r = e[0], o = t.nextPart.get(r), n = o ? pe(e.slice(1), o) : void 0;
+    return r.classGroupId;
+  const t = e[0], o = r.nextPart.get(t), n = o ? be(e.slice(1), o) : void 0;
   if (n)
     return n;
-  if (t.validators.length === 0)
+  if (r.validators.length === 0)
     return;
-  const s = e.join(X);
-  return (l = t.validators.find(({
+  const s = e.join(D);
+  return (a = r.validators.find(({
     validator: i
-  }) => i(s))) == null ? void 0 : l.classGroupId;
-}, se = /^\[(.+)\]$/, Re = (e) => {
-  if (se.test(e)) {
-    const t = se.exec(e)[1], r = t == null ? void 0 : t.substring(0, t.indexOf(":"));
-    if (r)
-      return "arbitrary.." + r;
+  }) => i(s))) == null ? void 0 : a.classGroupId;
+}, ie = /^\[(.+)\]$/, Ve = (e) => {
+  if (ie.test(e)) {
+    const r = ie.exec(e)[1], t = r == null ? void 0 : r.substring(0, r.indexOf(":"));
+    if (t)
+      return "arbitrary.." + t;
   }
-}, Ne = (e) => {
+}, $e = (e) => {
   const {
-    theme: t,
-    prefix: r
+    theme: r,
+    prefix: t
   } = e, o = {
     nextPart: /* @__PURE__ */ new Map(),
     validators: []
   };
-  return Me(Object.entries(e.classGroups), r).forEach(([s, l]) => {
-    Z(l, o, s, t);
+  return Ie(Object.entries(e.classGroups), t).forEach(([s, a]) => {
+    Q(a, o, s, r);
   }), o;
-}, Z = (e, t, r, o) => {
+}, Q = (e, r, t, o) => {
   e.forEach((n) => {
     if (typeof n == "string") {
-      const s = n === "" ? t : ne(t, n);
-      s.classGroupId = r;
+      const s = n === "" ? r : ae(r, n);
+      s.classGroupId = t;
       return;
     }
     if (typeof n == "function") {
-      if (Pe(n)) {
-        Z(n(o), t, r, o);
+      if (Ge(n)) {
+        Q(n(o), r, t, o);
         return;
       }
-      t.validators.push({
+      r.validators.push({
         validator: n,
-        classGroupId: r
+        classGroupId: t
       });
       return;
     }
-    Object.entries(n).forEach(([s, l]) => {
-      Z(l, ne(t, s), r, o);
+    Object.entries(n).forEach(([s, a]) => {
+      Q(a, ae(r, s), t, o);
     });
   });
-}, ne = (e, t) => {
-  let r = e;
-  return t.split(X).forEach((o) => {
-    r.nextPart.has(o) || r.nextPart.set(o, {
+}, ae = (e, r) => {
+  let t = e;
+  return r.split(D).forEach((o) => {
+    t.nextPart.has(o) || t.nextPart.set(o, {
       nextPart: /* @__PURE__ */ new Map(),
       validators: []
-    }), r = r.nextPart.get(o);
-  }), r;
-}, Pe = (e) => e.isThemeGetter, Me = (e, t) => t ? e.map(([r, o]) => {
-  const n = o.map((s) => typeof s == "string" ? t + s : typeof s == "object" ? Object.fromEntries(Object.entries(s).map(([l, i]) => [t + l, i])) : s);
-  return [r, n];
-}) : e, Ge = (e) => {
+    }), t = t.nextPart.get(o);
+  }), t;
+}, Ge = (e) => e.isThemeGetter, Ie = (e, r) => r ? e.map(([t, o]) => {
+  const n = o.map((s) => typeof s == "string" ? r + s : typeof s == "object" ? Object.fromEntries(Object.entries(s).map(([a, i]) => [r + a, i])) : s);
+  return [t, n];
+}) : e, Te = (e) => {
   if (e < 1)
     return {
       get: () => {
@@ -187,179 +188,179 @@ const X = "-", Ae = (e) => {
       set: () => {
       }
     };
-  let t = 0, r = /* @__PURE__ */ new Map(), o = /* @__PURE__ */ new Map();
-  const n = (s, l) => {
-    r.set(s, l), t++, t > e && (t = 0, o = r, r = /* @__PURE__ */ new Map());
+  let r = 0, t = /* @__PURE__ */ new Map(), o = /* @__PURE__ */ new Map();
+  const n = (s, a) => {
+    t.set(s, a), r++, r > e && (r = 0, o = t, t = /* @__PURE__ */ new Map());
   };
   return {
     get(s) {
-      let l = r.get(s);
-      if (l !== void 0)
-        return l;
-      if ((l = o.get(s)) !== void 0)
-        return n(s, l), l;
+      let a = t.get(s);
+      if (a !== void 0)
+        return a;
+      if ((a = o.get(s)) !== void 0)
+        return n(s, a), a;
     },
-    set(s, l) {
-      r.has(s) ? r.set(s, l) : n(s, l);
+    set(s, a) {
+      t.has(s) ? t.set(s, a) : n(s, a);
     }
   };
-}, fe = "!", $e = (e) => {
+}, me = "!", Oe = (e) => {
   const {
-    separator: t,
-    experimentalParseClassName: r
-  } = e, o = t.length === 1, n = t[0], s = t.length, l = (i) => {
+    separator: r,
+    experimentalParseClassName: t
+  } = e, o = r.length === 1, n = r[0], s = r.length, a = (i) => {
     const d = [];
-    let c = 0, p = 0, m;
+    let c = 0, p = 0, g;
     for (let u = 0; u < i.length; u++) {
       let y = i[u];
       if (c === 0) {
-        if (y === n && (o || i.slice(u, u + s) === t)) {
+        if (y === n && (o || i.slice(u, u + s) === r)) {
           d.push(i.slice(p, u)), p = u + s;
           continue;
         }
         if (y === "/") {
-          m = u;
+          g = u;
           continue;
         }
       }
       y === "[" ? c++ : y === "]" && c--;
     }
-    const h = d.length === 0 ? i : i.substring(p), k = h.startsWith(fe), v = k ? h.substring(1) : h, g = m && m > p ? m - p : void 0;
+    const h = d.length === 0 ? i : i.substring(p), w = h.startsWith(me), v = w ? h.substring(1) : h, m = g && g > p ? g - p : void 0;
     return {
       modifiers: d,
-      hasImportantModifier: k,
+      hasImportantModifier: w,
       baseClassName: v,
-      maybePostfixModifierPosition: g
+      maybePostfixModifierPosition: m
     };
   };
-  return r ? (i) => r({
+  return t ? (i) => t({
     className: i,
-    parseClassName: l
-  }) : l;
-}, Ve = (e) => {
+    parseClassName: a
+  }) : a;
+}, We = (e) => {
   if (e.length <= 1)
     return e;
-  const t = [];
-  let r = [];
+  const r = [];
+  let t = [];
   return e.forEach((o) => {
-    o[0] === "[" ? (t.push(...r.sort(), o), r = []) : r.push(o);
-  }), t.push(...r.sort()), t;
-}, Ee = (e) => ({
-  cache: Ge(e.cacheSize),
-  parseClassName: $e(e),
-  ...Ae(e)
-}), Ie = /\s+/, We = (e, t) => {
+    o[0] === "[" ? (r.push(...t.sort(), o), t = []) : t.push(o);
+  }), r.push(...t.sort()), r;
+}, Le = (e) => ({
+  cache: Te(e.cacheSize),
+  parseClassName: Oe(e),
+  ...Ee(e)
+}), Be = /\s+/, Fe = (e, r) => {
   const {
-    parseClassName: r,
+    parseClassName: t,
     getClassGroupId: o,
     getConflictingClassGroupIds: n
-  } = t, s = [], l = e.trim().split(Ie);
+  } = r, s = [], a = e.trim().split(Be);
   let i = "";
-  for (let d = l.length - 1; d >= 0; d -= 1) {
-    const c = l[d], {
+  for (let d = a.length - 1; d >= 0; d -= 1) {
+    const c = a[d], {
       modifiers: p,
-      hasImportantModifier: m,
+      hasImportantModifier: g,
       baseClassName: h,
-      maybePostfixModifierPosition: k
-    } = r(c);
-    let v = !!k, g = o(v ? h.substring(0, k) : h);
-    if (!g) {
+      maybePostfixModifierPosition: w
+    } = t(c);
+    let v = !!w, m = o(v ? h.substring(0, w) : h);
+    if (!m) {
       if (!v) {
         i = c + (i.length > 0 ? " " + i : i);
         continue;
       }
-      if (g = o(h), !g) {
+      if (m = o(h), !m) {
         i = c + (i.length > 0 ? " " + i : i);
         continue;
       }
       v = !1;
     }
-    const u = Ve(p).join(":"), y = m ? u + fe : u, w = y + g;
-    if (s.includes(w))
+    const u = We(p).join(":"), y = g ? u + me : u, k = y + m;
+    if (s.includes(k))
       continue;
-    s.push(w);
-    const R = n(g, v);
-    for (let j = 0; j < R.length; ++j) {
-      const P = R[j];
+    s.push(k);
+    const z = n(m, v);
+    for (let C = 0; C < z.length; ++C) {
+      const P = z[C];
       s.push(y + P);
     }
     i = c + (i.length > 0 ? " " + i : i);
   }
   return i;
 };
-function Te() {
-  let e = 0, t, r, o = "";
+function _e() {
+  let e = 0, r, t, o = "";
   for (; e < arguments.length; )
-    (t = arguments[e++]) && (r = be(t)) && (o && (o += " "), o += r);
+    (r = arguments[e++]) && (t = ge(r)) && (o && (o += " "), o += t);
   return o;
 }
-const be = (e) => {
+const ge = (e) => {
   if (typeof e == "string")
     return e;
-  let t, r = "";
+  let r, t = "";
   for (let o = 0; o < e.length; o++)
-    e[o] && (t = be(e[o])) && (r && (r += " "), r += t);
-  return r;
+    e[o] && (r = ge(e[o])) && (t && (t += " "), t += r);
+  return t;
 };
-function ie(e, ...t) {
-  let r, o, n, s = l;
-  function l(d) {
-    const c = t.reduce((p, m) => m(p), e());
-    return r = Ee(c), o = r.cache.get, n = r.cache.set, s = i, i(d);
+function le(e, ...r) {
+  let t, o, n, s = a;
+  function a(d) {
+    const c = r.reduce((p, g) => g(p), e());
+    return t = Le(c), o = t.cache.get, n = t.cache.set, s = i, i(d);
   }
   function i(d) {
     const c = o(d);
     if (c)
       return c;
-    const p = We(d, r);
+    const p = Fe(d, t);
     return n(d, p), p;
   }
   return function() {
-    return s(Te.apply(null, arguments));
+    return s(_e.apply(null, arguments));
   };
 }
-const f = (e) => {
-  const t = (r) => r[e] || [];
-  return t.isThemeGetter = !0, t;
-}, ge = /^\[(?:([a-z-]+):)?(.+)\]$/i, Le = /^\d+\/\d+$/, Oe = /* @__PURE__ */ new Set(["px", "full", "screen"]), Be = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, Fe = /\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$/, _e = /^(rgba?|hsla?|hwb|(ok)?(lab|lch))\(.+\)$/, Ue = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, qe = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, z = (e) => M(e) || Oe.has(e) || Le.test(e), S = (e) => G(e, "length", De), M = (e) => !!e && !Number.isNaN(Number(e)), H = (e) => G(e, "number", M), I = (e) => !!e && Number.isInteger(Number(e)), He = (e) => e.endsWith("%") && M(e.slice(0, -1)), a = (e) => ge.test(e), A = (e) => Be.test(e), Ke = /* @__PURE__ */ new Set(["length", "size", "percentage"]), Ze = (e) => G(e, Ke, me), Je = (e) => G(e, "position", me), Xe = /* @__PURE__ */ new Set(["image", "url"]), Qe = (e) => G(e, Xe, tt), Ye = (e) => G(e, "", et), W = () => !0, G = (e, t, r) => {
-  const o = ge.exec(e);
-  return o ? o[1] ? typeof t == "string" ? o[1] === t : t.has(o[1]) : r(o[2]) : !1;
-}, De = (e) => (
+const b = (e) => {
+  const r = (t) => t[e] || [];
+  return r.isThemeGetter = !0, r;
+}, he = /^\[(?:([a-z-]+):)?(.+)\]$/i, Ue = /^\d+\/\d+$/, qe = /* @__PURE__ */ new Set(["px", "full", "screen"]), He = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, Ke = /\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$/, Ze = /^(rgba?|hsla?|hwb|(ok)?(lab|lch))\(.+\)$/, Je = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, Xe = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, S = (e) => M(e) || qe.has(e) || Ue.test(e), A = (e) => E(e, "length", sr), M = (e) => !!e && !Number.isNaN(Number(e)), J = (e) => E(e, "number", M), O = (e) => !!e && Number.isInteger(Number(e)), Qe = (e) => e.endsWith("%") && M(e.slice(0, -1)), l = (e) => he.test(e), R = (e) => He.test(e), Ye = /* @__PURE__ */ new Set(["length", "size", "percentage"]), De = (e) => E(e, Ye, ye), er = (e) => E(e, "position", ye), rr = /* @__PURE__ */ new Set(["image", "url"]), tr = (e) => E(e, rr, ir), or = (e) => E(e, "", nr), W = () => !0, E = (e, r, t) => {
+  const o = he.exec(e);
+  return o ? o[1] ? typeof r == "string" ? o[1] === r : r.has(o[1]) : t(o[2]) : !1;
+}, sr = (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.
-  Fe.test(e) && !_e.test(e)
-), me = () => !1, et = (e) => Ue.test(e), tt = (e) => qe.test(e), le = () => {
-  const e = f("colors"), t = f("spacing"), r = f("blur"), o = f("brightness"), n = f("borderColor"), s = f("borderRadius"), l = f("borderSpacing"), i = f("borderWidth"), d = f("contrast"), c = f("grayscale"), p = f("hueRotate"), m = f("invert"), h = f("gap"), k = f("gradientColorStops"), v = f("gradientColorStopPositions"), g = f("inset"), u = f("margin"), y = f("opacity"), w = f("padding"), R = f("saturate"), j = f("scale"), P = f("sepia"), L = f("skew"), O = f("space"), B = f("translate"), $ = () => ["auto", "contain", "none"], V = () => ["auto", "hidden", "clip", "visible", "scroll"], F = () => ["auto", a, t], b = () => [a, t], Y = () => ["", z, S], _ = () => ["auto", M, a], D = () => ["bottom", "center", "left", "left-bottom", "left-top", "right", "right-bottom", "right-top", "top"], U = () => ["solid", "dashed", "dotted", "double", "none"], ee = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], q = () => ["start", "end", "center", "between", "around", "evenly", "stretch"], E = () => ["", "0", a], te = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], C = () => [M, a];
+  Ke.test(e) && !Ze.test(e)
+), ye = () => !1, nr = (e) => Je.test(e), ir = (e) => Xe.test(e), ce = () => {
+  const e = b("colors"), r = b("spacing"), t = b("blur"), o = b("brightness"), n = b("borderColor"), s = b("borderRadius"), a = b("borderSpacing"), i = b("borderWidth"), d = b("contrast"), c = b("grayscale"), p = b("hueRotate"), g = b("invert"), h = b("gap"), w = b("gradientColorStops"), v = b("gradientColorStopPositions"), m = b("inset"), u = b("margin"), y = b("opacity"), k = b("padding"), z = b("saturate"), C = b("scale"), P = b("sepia"), F = b("skew"), _ = b("space"), U = b("translate"), V = () => ["auto", "contain", "none"], $ = () => ["auto", "hidden", "clip", "visible", "scroll"], G = () => ["auto", l, r], f = () => [l, r], q = () => ["", S, A], I = () => ["auto", M, l], re = () => ["bottom", "center", "left", "left-bottom", "left-top", "right", "right-bottom", "right-top", "top"], H = () => ["solid", "dashed", "dotted", "double", "none"], te = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], Z = () => ["start", "end", "center", "between", "around", "evenly", "stretch"], T = () => ["", "0", l], oe = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], N = () => [M, l];
   return {
     cacheSize: 500,
     separator: ":",
     theme: {
       colors: [W],
-      spacing: [z, S],
-      blur: ["none", "", A, a],
-      brightness: C(),
+      spacing: [S, A],
+      blur: ["none", "", R, l],
+      brightness: N(),
       borderColor: [e],
-      borderRadius: ["none", "", "full", A, a],
-      borderSpacing: b(),
-      borderWidth: Y(),
-      contrast: C(),
-      grayscale: E(),
-      hueRotate: C(),
-      invert: E(),
-      gap: b(),
+      borderRadius: ["none", "", "full", R, l],
+      borderSpacing: f(),
+      borderWidth: q(),
+      contrast: N(),
+      grayscale: T(),
+      hueRotate: N(),
+      invert: T(),
+      gap: f(),
       gradientColorStops: [e],
-      gradientColorStopPositions: [He, S],
-      inset: F(),
-      margin: F(),
-      opacity: C(),
-      padding: b(),
-      saturate: C(),
-      scale: C(),
-      sepia: E(),
-      skew: C(),
-      space: b(),
-      translate: b()
+      gradientColorStopPositions: [Qe, A],
+      inset: G(),
+      margin: G(),
+      opacity: N(),
+      padding: f(),
+      saturate: N(),
+      scale: N(),
+      sepia: T(),
+      skew: N(),
+      space: f(),
+      translate: f()
     },
     classGroups: {
       // Layout
@@ -368,7 +369,7 @@ const f = (e) => {
        * @see https://tailwindcss.com/docs/aspect-ratio
        */
       aspect: [{
-        aspect: ["auto", "square", "video", a]
+        aspect: ["auto", "square", "video", l]
       }],
       /**
        * Container
@@ -380,21 +381,21 @@ const f = (e) => {
        * @see https://tailwindcss.com/docs/columns
        */
       columns: [{
-        columns: [A]
+        columns: [R]
       }],
       /**
        * Break After
        * @see https://tailwindcss.com/docs/break-after
        */
       "break-after": [{
-        "break-after": te()
+        "break-after": oe()
       }],
       /**
        * Break Before
        * @see https://tailwindcss.com/docs/break-before
        */
       "break-before": [{
-        "break-before": te()
+        "break-before": oe()
       }],
       /**
        * Break Inside
@@ -453,49 +454,49 @@ const f = (e) => {
        * @see https://tailwindcss.com/docs/object-position
        */
       "object-position": [{
-        object: [...D(), a]
+        object: [...re(), l]
       }],
       /**
        * Overflow
        * @see https://tailwindcss.com/docs/overflow
        */
       overflow: [{
-        overflow: V()
+        overflow: $()
       }],
       /**
        * Overflow X
        * @see https://tailwindcss.com/docs/overflow
        */
       "overflow-x": [{
-        "overflow-x": V()
+        "overflow-x": $()
       }],
       /**
        * Overflow Y
        * @see https://tailwindcss.com/docs/overflow
        */
       "overflow-y": [{
-        "overflow-y": V()
+        "overflow-y": $()
       }],
       /**
        * Overscroll Behavior
        * @see https://tailwindcss.com/docs/overscroll-behavior
        */
       overscroll: [{
-        overscroll: $()
+        overscroll: V()
       }],
       /**
        * Overscroll Behavior X
        * @see https://tailwindcss.com/docs/overscroll-behavior
        */
       "overscroll-x": [{
-        "overscroll-x": $()
+        "overscroll-x": V()
       }],
       /**
        * Overscroll Behavior Y
        * @see https://tailwindcss.com/docs/overscroll-behavior
        */
       "overscroll-y": [{
-        "overscroll-y": $()
+        "overscroll-y": V()
       }],
       /**
        * Position
@@ -507,63 +508,63 @@ const f = (e) => {
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       inset: [{
-        inset: [g]
+        inset: [m]
       }],
       /**
        * Right / Left
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       "inset-x": [{
-        "inset-x": [g]
+        "inset-x": [m]
       }],
       /**
        * Top / Bottom
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       "inset-y": [{
-        "inset-y": [g]
+        "inset-y": [m]
       }],
       /**
        * Start
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       start: [{
-        start: [g]
+        start: [m]
       }],
       /**
        * End
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       end: [{
-        end: [g]
+        end: [m]
       }],
       /**
        * Top
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       top: [{
-        top: [g]
+        top: [m]
       }],
       /**
        * Right
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       right: [{
-        right: [g]
+        right: [m]
       }],
       /**
        * Bottom
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       bottom: [{
-        bottom: [g]
+        bottom: [m]
       }],
       /**
        * Left
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       left: [{
-        left: [g]
+        left: [m]
       }],
       /**
        * Visibility
@@ -575,7 +576,7 @@ const f = (e) => {
        * @see https://tailwindcss.com/docs/z-index
        */
       z: [{
-        z: ["auto", I, a]
+        z: ["auto", O, l]
       }],
       // Flexbox and Grid
       /**
@@ -583,7 +584,7 @@ const f = (e) => {
        * @see https://tailwindcss.com/docs/flex-basis
        */
       basis: [{
-        basis: F()
+        basis: G()
       }],
       /**
        * Flex Direction
@@ -604,28 +605,28 @@ const f = (e) => {
        * @see https://tailwindcss.com/docs/flex
        */
       flex: [{
-        flex: ["1", "auto", "initial", "none", a]
+        flex: ["1", "auto", "initial", "none", l]
       }],
       /**
        * Flex Grow
        * @see https://tailwindcss.com/docs/flex-grow
        */
       grow: [{
-        grow: E()
+        grow: T()
       }],
       /**
        * Flex Shrink
        * @see https://tailwindcss.com/docs/flex-shrink
        */
       shrink: [{
-        shrink: E()
+        shrink: T()
       }],
       /**
        * Order
        * @see https://tailwindcss.com/docs/order
        */
       order: [{
-        order: ["first", "last", "none", I, a]
+        order: ["first", "last", "none", O, l]
       }],
       /**
        * Grid Template Columns
@@ -640,22 +641,22 @@ const f = (e) => {
        */
       "col-start-end": [{
         col: ["auto", {
-          span: ["full", I, a]
-        }, a]
+          span: ["full", O, l]
+        }, l]
       }],
       /**
        * Grid Column Start
        * @see https://tailwindcss.com/docs/grid-column
        */
       "col-start": [{
-        "col-start": _()
+        "col-start": I()
       }],
       /**
        * Grid Column End
        * @see https://tailwindcss.com/docs/grid-column
        */
       "col-end": [{
-        "col-end": _()
+        "col-end": I()
       }],
       /**
        * Grid Template Rows
@@ -670,22 +671,22 @@ const f = (e) => {
        */
       "row-start-end": [{
         row: ["auto", {
-          span: [I, a]
-        }, a]
+          span: [O, l]
+        }, l]
       }],
       /**
        * Grid Row Start
        * @see https://tailwindcss.com/docs/grid-row
        */
       "row-start": [{
-        "row-start": _()
+        "row-start": I()
       }],
       /**
        * Grid Row End
        * @see https://tailwindcss.com/docs/grid-row
        */
       "row-end": [{
-        "row-end": _()
+        "row-end": I()
       }],
       /**
        * Grid Auto Flow
@@ -699,14 +700,14 @@ const f = (e) => {
        * @see https://tailwindcss.com/docs/grid-auto-columns
        */
       "auto-cols": [{
-        "auto-cols": ["auto", "min", "max", "fr", a]
+        "auto-cols": ["auto", "min", "max", "fr", l]
       }],
       /**
        * Grid Auto Rows
        * @see https://tailwindcss.com/docs/grid-auto-rows
        */
       "auto-rows": [{
-        "auto-rows": ["auto", "min", "max", "fr", a]
+        "auto-rows": ["auto", "min", "max", "fr", l]
       }],
       /**
        * Gap
@@ -734,7 +735,7 @@ const f = (e) => {
        * @see https://tailwindcss.com/docs/justify-content
        */
       "justify-content": [{
-        justify: ["normal", ...q()]
+        justify: ["normal", ...Z()]
       }],
       /**
        * Justify Items
@@ -755,7 +756,7 @@ const f = (e) => {
        * @see https://tailwindcss.com/docs/align-content
        */
       "align-content": [{
-        content: ["normal", ...q(), "baseline"]
+        content: ["normal", ...Z(), "baseline"]
       }],
       /**
        * Align Items
@@ -776,7 +777,7 @@ const f = (e) => {
        * @see https://tailwindcss.com/docs/place-content
        */
       "place-content": [{
-        "place-content": [...q(), "baseline"]
+        "place-content": [...Z(), "baseline"]
       }],
       /**
        * Place Items
@@ -798,63 +799,63 @@ const f = (e) => {
        * @see https://tailwindcss.com/docs/padding
        */
       p: [{
-        p: [w]
+        p: [k]
       }],
       /**
        * Padding X
        * @see https://tailwindcss.com/docs/padding
        */
       px: [{
-        px: [w]
+        px: [k]
       }],
       /**
        * Padding Y
        * @see https://tailwindcss.com/docs/padding
        */
       py: [{
-        py: [w]
+        py: [k]
       }],
       /**
        * Padding Start
        * @see https://tailwindcss.com/docs/padding
        */
       ps: [{
-        ps: [w]
+        ps: [k]
       }],
       /**
        * Padding End
        * @see https://tailwindcss.com/docs/padding
        */
       pe: [{
-        pe: [w]
+        pe: [k]
       }],
       /**
        * Padding Top
        * @see https://tailwindcss.com/docs/padding
        */
       pt: [{
-        pt: [w]
+        pt: [k]
       }],
       /**
        * Padding Right
        * @see https://tailwindcss.com/docs/padding
        */
       pr: [{
-        pr: [w]
+        pr: [k]
       }],
       /**
        * Padding Bottom
        * @see https://tailwindcss.com/docs/padding
        */
       pb: [{
-        pb: [w]
+        pb: [k]
       }],
       /**
        * Padding Left
        * @see https://tailwindcss.com/docs/padding
        */
       pl: [{
-        pl: [w]
+        pl: [k]
       }],
       /**
        * Margin
@@ -924,7 +925,7 @@ const f = (e) => {
        * @see https://tailwindcss.com/docs/space
        */
       "space-x": [{
-        "space-x": [O]
+        "space-x": [_]
       }],
       /**
        * Space Between X Reverse
@@ -936,7 +937,7 @@ const f = (e) => {
        * @see https://tailwindcss.com/docs/space
        */
       "space-y": [{
-        "space-y": [O]
+        "space-y": [_]
       }],
       /**
        * Space Between Y Reverse
@@ -949,51 +950,51 @@ const f = (e) => {
        * @see https://tailwindcss.com/docs/width
        */
       w: [{
-        w: ["auto", "min", "max", "fit", "svw", "lvw", "dvw", a, t]
+        w: ["auto", "min", "max", "fit", "svw", "lvw", "dvw", l, r]
       }],
       /**
        * Min-Width
        * @see https://tailwindcss.com/docs/min-width
        */
       "min-w": [{
-        "min-w": [a, t, "min", "max", "fit"]
+        "min-w": [l, r, "min", "max", "fit"]
       }],
       /**
        * Max-Width
        * @see https://tailwindcss.com/docs/max-width
        */
       "max-w": [{
-        "max-w": [a, t, "none", "full", "min", "max", "fit", "prose", {
-          screen: [A]
-        }, A]
+        "max-w": [l, r, "none", "full", "min", "max", "fit", "prose", {
+          screen: [R]
+        }, R]
       }],
       /**
        * Height
        * @see https://tailwindcss.com/docs/height
        */
       h: [{
-        h: [a, t, "auto", "min", "max", "fit", "svh", "lvh", "dvh"]
+        h: [l, r, "auto", "min", "max", "fit", "svh", "lvh", "dvh"]
       }],
       /**
        * Min-Height
        * @see https://tailwindcss.com/docs/min-height
        */
       "min-h": [{
-        "min-h": [a, t, "min", "max", "fit", "svh", "lvh", "dvh"]
+        "min-h": [l, r, "min", "max", "fit", "svh", "lvh", "dvh"]
       }],
       /**
        * Max-Height
        * @see https://tailwindcss.com/docs/max-height
        */
       "max-h": [{
-        "max-h": [a, t, "min", "max", "fit", "svh", "lvh", "dvh"]
+        "max-h": [l, r, "min", "max", "fit", "svh", "lvh", "dvh"]
       }],
       /**
        * Size
        * @see https://tailwindcss.com/docs/size
        */
       size: [{
-        size: [a, t, "auto", "min", "max", "fit"]
+        size: [l, r, "auto", "min", "max", "fit"]
       }],
       // Typography
       /**
@@ -1001,7 +1002,7 @@ const f = (e) => {
        * @see https://tailwindcss.com/docs/font-size
        */
       "font-size": [{
-        text: ["base", A, S]
+        text: ["base", R, A]
       }],
       /**
        * Font Smoothing
@@ -1018,7 +1019,7 @@ const f = (e) => {
        * @see https://tailwindcss.com/docs/font-weight
        */
       "font-weight": [{
-        font: ["thin", "extralight", "light", "normal", "medium", "semibold", "bold", "extrabold", "black", H]
+        font: ["thin", "extralight", "light", "normal", "medium", "semibold", "bold", "extrabold", "black", J]
       }],
       /**
        * Font Family
@@ -1062,35 +1063,35 @@ const f = (e) => {
        * @see https://tailwindcss.com/docs/letter-spacing
        */
       tracking: [{
-        tracking: ["tighter", "tight", "normal", "wide", "wider", "widest", a]
+        tracking: ["tighter", "tight", "normal", "wide", "wider", "widest", l]
       }],
       /**
        * Line Clamp
        * @see https://tailwindcss.com/docs/line-clamp
        */
       "line-clamp": [{
-        "line-clamp": ["none", M, H]
+        "line-clamp": ["none", M, J]
       }],
       /**
        * Line Height
        * @see https://tailwindcss.com/docs/line-height
        */
       leading: [{
-        leading: ["none", "tight", "snug", "normal", "relaxed", "loose", z, a]
+        leading: ["none", "tight", "snug", "normal", "relaxed", "loose", S, l]
       }],
       /**
        * List Style Image
        * @see https://tailwindcss.com/docs/list-style-image
        */
       "list-image": [{
-        "list-image": ["none", a]
+        "list-image": ["none", l]
       }],
       /**
        * List Style Type
        * @see https://tailwindcss.com/docs/list-style-type
        */
       "list-style-type": [{
-        list: ["none", "disc", "decimal", a]
+        list: ["none", "disc", "decimal", l]
       }],
       /**
        * List Style Position
@@ -1145,21 +1146,21 @@ const f = (e) => {
        * @see https://tailwindcss.com/docs/text-decoration-style
        */
       "text-decoration-style": [{
-        decoration: [...U(), "wavy"]
+        decoration: [...H(), "wavy"]
       }],
       /**
        * Text Decoration Thickness
        * @see https://tailwindcss.com/docs/text-decoration-thickness
        */
       "text-decoration-thickness": [{
-        decoration: ["auto", "from-font", z, S]
+        decoration: ["auto", "from-font", S, A]
       }],
       /**
        * Text Underline Offset
        * @see https://tailwindcss.com/docs/text-underline-offset
        */
       "underline-offset": [{
-        "underline-offset": ["auto", z, a]
+        "underline-offset": ["auto", S, l]
       }],
       /**
        * Text Decoration Color
@@ -1190,14 +1191,14 @@ const f = (e) => {
        * @see https://tailwindcss.com/docs/text-indent
        */
       indent: [{
-        indent: b()
+        indent: f()
       }],
       /**
        * Vertical Alignment
        * @see https://tailwindcss.com/docs/vertical-align
        */
       "vertical-align": [{
-        align: ["baseline", "top", "middle", "bottom", "text-top", "text-bottom", "sub", "super", a]
+        align: ["baseline", "top", "middle", "bottom", "text-top", "text-bottom", "sub", "super", l]
       }],
       /**
        * Whitespace
@@ -1225,7 +1226,7 @@ const f = (e) => {
        * @see https://tailwindcss.com/docs/content
        */
       content: [{
-        content: ["none", a]
+        content: ["none", l]
       }],
       // Backgrounds
       /**
@@ -1262,7 +1263,7 @@ const f = (e) => {
        * @see https://tailwindcss.com/docs/background-position
        */
       "bg-position": [{
-        bg: [...D(), Je]
+        bg: [...re(), er]
       }],
       /**
        * Background Repeat
@@ -1278,7 +1279,7 @@ const f = (e) => {
        * @see https://tailwindcss.com/docs/background-size
        */
       "bg-size": [{
-        bg: ["auto", "cover", "contain", Ze]
+        bg: ["auto", "cover", "contain", De]
       }],
       /**
        * Background Image
@@ -1287,7 +1288,7 @@ const f = (e) => {
       "bg-image": [{
         bg: ["none", {
           "gradient-to": ["t", "tr", "r", "br", "b", "bl", "l", "tl"]
-        }, Qe]
+        }, tr]
       }],
       /**
        * Background Color
@@ -1322,21 +1323,21 @@ const f = (e) => {
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-from": [{
-        from: [k]
+        from: [w]
       }],
       /**
        * Gradient Color Stops Via
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-via": [{
-        via: [k]
+        via: [w]
       }],
       /**
        * Gradient Color Stops To
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-to": [{
-        to: [k]
+        to: [w]
       }],
       // Borders
       /**
@@ -1519,7 +1520,7 @@ const f = (e) => {
        * @see https://tailwindcss.com/docs/border-style
        */
       "border-style": [{
-        border: [...U(), "hidden"]
+        border: [...H(), "hidden"]
       }],
       /**
        * Divide Width X
@@ -1557,7 +1558,7 @@ const f = (e) => {
        * @see https://tailwindcss.com/docs/divide-style
        */
       "divide-style": [{
-        divide: U()
+        divide: H()
       }],
       /**
        * Border Color
@@ -1634,21 +1635,21 @@ const f = (e) => {
        * @see https://tailwindcss.com/docs/outline-style
        */
       "outline-style": [{
-        outline: ["", ...U()]
+        outline: ["", ...H()]
       }],
       /**
        * Outline Offset
        * @see https://tailwindcss.com/docs/outline-offset
        */
       "outline-offset": [{
-        "outline-offset": [z, a]
+        "outline-offset": [S, l]
       }],
       /**
        * Outline Width
        * @see https://tailwindcss.com/docs/outline-width
        */
       "outline-w": [{
-        outline: [z, S]
+        outline: [S, A]
       }],
       /**
        * Outline Color
@@ -1662,7 +1663,7 @@ const f = (e) => {
        * @see https://tailwindcss.com/docs/ring-width
        */
       "ring-w": [{
-        ring: Y()
+        ring: q()
       }],
       /**
        * Ring Width Inset
@@ -1688,7 +1689,7 @@ const f = (e) => {
        * @see https://tailwindcss.com/docs/ring-offset-width
        */
       "ring-offset-w": [{
-        "ring-offset": [z, S]
+        "ring-offset": [S, A]
       }],
       /**
        * Ring Offset Color
@@ -1703,7 +1704,7 @@ const f = (e) => {
        * @see https://tailwindcss.com/docs/box-shadow
        */
       shadow: [{
-        shadow: ["", "inner", "none", A, Ye]
+        shadow: ["", "inner", "none", R, or]
       }],
       /**
        * Box Shadow Color
@@ -1724,14 +1725,14 @@ const f = (e) => {
        * @see https://tailwindcss.com/docs/mix-blend-mode
        */
       "mix-blend": [{
-        "mix-blend": [...ee(), "plus-lighter", "plus-darker"]
+        "mix-blend": [...te(), "plus-lighter", "plus-darker"]
       }],
       /**
        * Background Blend Mode
        * @see https://tailwindcss.com/docs/background-blend-mode
        */
       "bg-blend": [{
-        "bg-blend": ee()
+        "bg-blend": te()
       }],
       // Filters
       /**
@@ -1747,7 +1748,7 @@ const f = (e) => {
        * @see https://tailwindcss.com/docs/blur
        */
       blur: [{
-        blur: [r]
+        blur: [t]
       }],
       /**
        * Brightness
@@ -1768,7 +1769,7 @@ const f = (e) => {
        * @see https://tailwindcss.com/docs/drop-shadow
        */
       "drop-shadow": [{
-        "drop-shadow": ["", "none", A, a]
+        "drop-shadow": ["", "none", R, l]
       }],
       /**
        * Grayscale
@@ -1789,14 +1790,14 @@ const f = (e) => {
        * @see https://tailwindcss.com/docs/invert
        */
       invert: [{
-        invert: [m]
+        invert: [g]
       }],
       /**
        * Saturate
        * @see https://tailwindcss.com/docs/saturate
        */
       saturate: [{
-        saturate: [R]
+        saturate: [z]
       }],
       /**
        * Sepia
@@ -1818,7 +1819,7 @@ const f = (e) => {
        * @see https://tailwindcss.com/docs/backdrop-blur
        */
       "backdrop-blur": [{
-        "backdrop-blur": [r]
+        "backdrop-blur": [t]
       }],
       /**
        * Backdrop Brightness
@@ -1853,7 +1854,7 @@ const f = (e) => {
        * @see https://tailwindcss.com/docs/backdrop-invert
        */
       "backdrop-invert": [{
-        "backdrop-invert": [m]
+        "backdrop-invert": [g]
       }],
       /**
        * Backdrop Opacity
@@ -1867,7 +1868,7 @@ const f = (e) => {
        * @see https://tailwindcss.com/docs/backdrop-saturate
        */
       "backdrop-saturate": [{
-        "backdrop-saturate": [R]
+        "backdrop-saturate": [z]
       }],
       /**
        * Backdrop Sepia
@@ -1889,21 +1890,21 @@ const f = (e) => {
        * @see https://tailwindcss.com/docs/border-spacing
        */
       "border-spacing": [{
-        "border-spacing": [l]
+        "border-spacing": [a]
       }],
       /**
        * Border Spacing X
        * @see https://tailwindcss.com/docs/border-spacing
        */
       "border-spacing-x": [{
-        "border-spacing-x": [l]
+        "border-spacing-x": [a]
       }],
       /**
        * Border Spacing Y
        * @see https://tailwindcss.com/docs/border-spacing
        */
       "border-spacing-y": [{
-        "border-spacing-y": [l]
+        "border-spacing-y": [a]
       }],
       /**
        * Table Layout
@@ -1925,35 +1926,35 @@ const f = (e) => {
        * @see https://tailwindcss.com/docs/transition-property
        */
       transition: [{
-        transition: ["none", "all", "", "colors", "opacity", "shadow", "transform", a]
+        transition: ["none", "all", "", "colors", "opacity", "shadow", "transform", l]
       }],
       /**
        * Transition Duration
        * @see https://tailwindcss.com/docs/transition-duration
        */
       duration: [{
-        duration: C()
+        duration: N()
       }],
       /**
        * Transition Timing Function
        * @see https://tailwindcss.com/docs/transition-timing-function
        */
       ease: [{
-        ease: ["linear", "in", "out", "in-out", a]
+        ease: ["linear", "in", "out", "in-out", l]
       }],
       /**
        * Transition Delay
        * @see https://tailwindcss.com/docs/transition-delay
        */
       delay: [{
-        delay: C()
+        delay: N()
       }],
       /**
        * Animation
        * @see https://tailwindcss.com/docs/animation
        */
       animate: [{
-        animate: ["none", "spin", "ping", "pulse", "bounce", a]
+        animate: ["none", "spin", "ping", "pulse", "bounce", l]
       }],
       // Transforms
       /**
@@ -1968,63 +1969,63 @@ const f = (e) => {
        * @see https://tailwindcss.com/docs/scale
        */
       scale: [{
-        scale: [j]
+        scale: [C]
       }],
       /**
        * Scale X
        * @see https://tailwindcss.com/docs/scale
        */
       "scale-x": [{
-        "scale-x": [j]
+        "scale-x": [C]
       }],
       /**
        * Scale Y
        * @see https://tailwindcss.com/docs/scale
        */
       "scale-y": [{
-        "scale-y": [j]
+        "scale-y": [C]
       }],
       /**
        * Rotate
        * @see https://tailwindcss.com/docs/rotate
        */
       rotate: [{
-        rotate: [I, a]
+        rotate: [O, l]
       }],
       /**
        * Translate X
        * @see https://tailwindcss.com/docs/translate
        */
       "translate-x": [{
-        "translate-x": [B]
+        "translate-x": [U]
       }],
       /**
        * Translate Y
        * @see https://tailwindcss.com/docs/translate
        */
       "translate-y": [{
-        "translate-y": [B]
+        "translate-y": [U]
       }],
       /**
        * Skew X
        * @see https://tailwindcss.com/docs/skew
        */
       "skew-x": [{
-        "skew-x": [L]
+        "skew-x": [F]
       }],
       /**
        * Skew Y
        * @see https://tailwindcss.com/docs/skew
        */
       "skew-y": [{
-        "skew-y": [L]
+        "skew-y": [F]
       }],
       /**
        * Transform Origin
        * @see https://tailwindcss.com/docs/transform-origin
        */
       "transform-origin": [{
-        origin: ["center", "top", "top-right", "right", "bottom-right", "bottom", "bottom-left", "left", "top-left", a]
+        origin: ["center", "top", "top-right", "right", "bottom-right", "bottom", "bottom-left", "left", "top-left", l]
       }],
       // Interactivity
       /**
@@ -2046,7 +2047,7 @@ const f = (e) => {
        * @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", a]
+        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", l]
       }],
       /**
        * Caret Color
@@ -2081,126 +2082,126 @@ const f = (e) => {
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-m": [{
-        "scroll-m": b()
+        "scroll-m": f()
       }],
       /**
        * Scroll Margin X
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mx": [{
-        "scroll-mx": b()
+        "scroll-mx": f()
       }],
       /**
        * Scroll Margin Y
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-my": [{
-        "scroll-my": b()
+        "scroll-my": f()
       }],
       /**
        * Scroll Margin Start
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-ms": [{
-        "scroll-ms": b()
+        "scroll-ms": f()
       }],
       /**
        * Scroll Margin End
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-me": [{
-        "scroll-me": b()
+        "scroll-me": f()
       }],
       /**
        * Scroll Margin Top
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mt": [{
-        "scroll-mt": b()
+        "scroll-mt": f()
       }],
       /**
        * Scroll Margin Right
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mr": [{
-        "scroll-mr": b()
+        "scroll-mr": f()
       }],
       /**
        * Scroll Margin Bottom
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mb": [{
-        "scroll-mb": b()
+        "scroll-mb": f()
       }],
       /**
        * Scroll Margin Left
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-ml": [{
-        "scroll-ml": b()
+        "scroll-ml": f()
       }],
       /**
        * Scroll Padding
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-p": [{
-        "scroll-p": b()
+        "scroll-p": f()
       }],
       /**
        * Scroll Padding X
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-px": [{
-        "scroll-px": b()
+        "scroll-px": f()
       }],
       /**
        * Scroll Padding Y
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-py": [{
-        "scroll-py": b()
+        "scroll-py": f()
       }],
       /**
        * Scroll Padding Start
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-ps": [{
-        "scroll-ps": b()
+        "scroll-ps": f()
       }],
       /**
        * Scroll Padding End
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pe": [{
-        "scroll-pe": b()
+        "scroll-pe": f()
       }],
       /**
        * Scroll Padding Top
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pt": [{
-        "scroll-pt": b()
+        "scroll-pt": f()
       }],
       /**
        * Scroll Padding Right
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pr": [{
-        "scroll-pr": b()
+        "scroll-pr": f()
       }],
       /**
        * Scroll Padding Bottom
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pb": [{
-        "scroll-pb": b()
+        "scroll-pb": f()
       }],
       /**
        * Scroll Padding Left
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pl": [{
-        "scroll-pl": b()
+        "scroll-pl": f()
       }],
       /**
        * Scroll Snap Align
@@ -2268,7 +2269,7 @@ const f = (e) => {
        * @see https://tailwindcss.com/docs/will-change
        */
       "will-change": [{
-        "will-change": ["auto", "scroll", "contents", "transform", a]
+        "will-change": ["auto", "scroll", "contents", "transform", l]
       }],
       // SVG
       /**
@@ -2283,7 +2284,7 @@ const f = (e) => {
        * @see https://tailwindcss.com/docs/stroke-width
        */
       "stroke-w": [{
-        stroke: [z, S, H]
+        stroke: [S, A, J]
       }],
       /**
        * Stroke
@@ -2358,41 +2359,41 @@ const f = (e) => {
       "font-size": ["leading"]
     }
   };
-}, rt = (e, {
-  cacheSize: t,
-  prefix: r,
+}, ar = (e, {
+  cacheSize: r,
+  prefix: t,
   separator: o,
   experimentalParseClassName: n,
   extend: s = {},
-  override: l = {}
+  override: a = {}
 }) => {
-  T(e, "cacheSize", t), T(e, "prefix", r), T(e, "separator", o), T(e, "experimentalParseClassName", n);
-  for (const i in l)
-    ot(e[i], l[i]);
+  L(e, "cacheSize", r), L(e, "prefix", t), L(e, "separator", o), L(e, "experimentalParseClassName", n);
+  for (const i in a)
+    lr(e[i], a[i]);
   for (const i in s)
-    st(e[i], s[i]);
+    cr(e[i], s[i]);
   return e;
-}, T = (e, t, r) => {
-  r !== void 0 && (e[t] = r);
-}, ot = (e, t) => {
-  if (t)
-    for (const r in t)
-      T(e, r, t[r]);
-}, st = (e, t) => {
-  if (t)
-    for (const r in t) {
-      const o = t[r];
-      o !== void 0 && (e[r] = (e[r] || []).concat(o));
+}, L = (e, r, t) => {
+  t !== void 0 && (e[r] = t);
+}, lr = (e, r) => {
+  if (r)
+    for (const t in r)
+      L(e, t, r[t]);
+}, cr = (e, r) => {
+  if (r)
+    for (const t in r) {
+      const o = r[t];
+      o !== void 0 && (e[t] = (e[t] || []).concat(o));
     }
-}, nt = (e, ...t) => typeof e == "function" ? ie(le, e, ...t) : ie(() => rt(le(), e), ...t), it = nt({
+}, dr = (e, ...r) => typeof e == "function" ? le(ce, e, ...r) : le(() => ar(ce(), e), ...r), ur = dr({
   prefix: "ksjsui-"
 });
-function he(...e) {
-  return it(Se(e));
+function K(...e) {
+  return ur(Me(e));
 }
-const lt = de(
+const pr = Y(
   [
-    "ksjsui-inline-flex ksjsui-h-9 ksjsui-items-center ksjsui-justify-center ksjsui-whitespace-nowrap ksjsui-rounded-lg ksjsui-border ksjsui-border-transparent ksjsui-p-2 ksjsui-text-base ksjsui-font-medium ksjsui-ring-offset-background ksjsui-transition-colors",
+    "ksjsui-inline-flex ksjsui-items-center ksjsui-justify-center ksjsui-whitespace-nowrap ksjsui-border ksjsui-border-transparent ksjsui-p-2 ksjsui-text-base ksjsui-font-medium ksjsui-ring-offset-background ksjsui-transition-colors",
     "focus-visible:ksjsui-outline-none focus-visible:ksjsui-ring-2 focus-visible:ksjsui-ring-ring focus-visible:ksjsui-ring-offset-2",
     "disabled:ksjsui-pointer-events-none disabled:ksjsui-cursor-not-allowed disabled:ksjsui-bg-disabled disabled:ksjsui-text-disabled-foreground",
     "forced-colors:ksjsui-border-button-border forced-colors:ksjsui-bg-button-face forced-colors:ksjsui-text-button-text",
@@ -2402,20 +2403,28 @@ const lt = de(
     variants: {
       variant: {
         solid: "",
-        plain: "ksjsui-bg-transparent"
+        outline: "ksjsui-border-current ksjsui-text-secondary hover:ksjsui-bg-neutral-hover",
+        plain: "ksjsui-bg-transparent",
+        link: "ksjsui-underline-current ksjsui-h-auto ksjsui-rounded ksjsui-p-0 ksjsui-text-secondary hover:ksjsui-underline"
       },
       color: {
         neutral: "",
-        primary: ""
+        primary: "",
+        secondary: ""
       },
       fullWidth: {
         true: "ksjsui-w-full"
+      },
+      size: {
+        md: "ksjsui-h-9 ksjsui-rounded-lg",
+        icon: "ksjsui-h-6 ksjsui-rounded"
       }
     },
     defaultVariants: {
       variant: "solid",
       color: "neutral",
-      fullWidth: void 0
+      fullWidth: void 0,
+      size: "md"
     },
     compoundVariants: [
       {
@@ -2428,39 +2437,117 @@ const lt = de(
         color: "primary",
         className: "ksjsui-bg-primary ksjsui-text-primary-foreground hover:ksjsui-bg-primary-hover"
       },
-      { variant: "plain", color: "neutral", className: "" },
-      { variant: "plain", color: "primary", className: "ksjsui-text-primary" }
+      {
+        variant: "solid",
+        color: "secondary",
+        className: "ksjsui-bg-secondary ksjsui-text-secondary-foreground hover:ksjsui-bg-secondary-hover"
+      },
+      {
+        variant: ["outline", "plain", "link"],
+        color: "primary",
+        className: "ksjsui-text-primary"
+      },
+      {
+        variant: ["outline", "plain", "link"],
+        color: "secondary",
+        className: "ksjsui-text-secondary"
+      },
+      {
+        variant: "plain",
+        size: "icon",
+        className: "ksjsui-p-0 focus-visible:ksjsui-ring-offset-0"
+      }
     ]
   }
-), at = x.forwardRef(
+), fr = x.forwardRef(
   ({
     className: e,
-    endContent: t,
-    startContent: r,
+    endContent: r,
+    startContent: t,
     variant: o,
     color: n,
     fullWidth: s,
-    asChild: l = !1,
-    children: i,
-    tabIndex: d = 0,
-    ...c
-  }, p) => /* @__PURE__ */ xe(
-    l ? J : "button",
+    size: a,
+    asChild: i = !1,
+    children: d,
+    tabIndex: c = 0,
+    ...p
+  }, g) => /* @__PURE__ */ Ce(
+    i ? B : "button",
     {
-      className: he(lt({ variant: o, color: n, fullWidth: s, className: e })),
-      ref: p,
-      tabIndex: d,
-      ...c,
+      className: K(
+        pr({ variant: o, color: n, fullWidth: s, size: a, className: e })
+      ),
+      ref: g,
+      tabIndex: c,
+      ...p,
       children: [
-        r && /* @__PURE__ */ N("span", { className: "ksjsui-me-2", children: r }),
-        /* @__PURE__ */ N(ae, { children: i }),
-        t && /* @__PURE__ */ N("span", { className: "ksjsui-ms-2", children: t })
+        t && /* @__PURE__ */ j("span", { className: "ksjsui-me-2", children: t }),
+        /* @__PURE__ */ j(ue, { children: d }),
+        r && /* @__PURE__ */ j("span", { className: "ksjsui-ms-2", children: r })
       ]
     }
   )
 );
-at.displayName = "Button";
-const Q = [
+fr.displayName = "Button";
+var br = [
+  "a",
+  "button",
+  "div",
+  "form",
+  "h2",
+  "h3",
+  "img",
+  "input",
+  "label",
+  "li",
+  "nav",
+  "ol",
+  "p",
+  "span",
+  "svg",
+  "ul"
+], mr = br.reduce((e, r) => {
+  const t = x.forwardRef((o, n) => {
+    const { asChild: s, ...a } = o, i = s ? B : r;
+    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ j(i, { ...a, ref: n });
+  });
+  return t.displayName = `Primitive.${r}`, { ...e, [r]: t };
+}, {}), gr = "Separator", de = "horizontal", hr = ["horizontal", "vertical"], xe = x.forwardRef((e, r) => {
+  const { decorative: t, orientation: o = de, ...n } = e, s = yr(o) ? o : de, i = t ? { role: "none" } : { "aria-orientation": s === "vertical" ? s : void 0, role: "separator" };
+  return /* @__PURE__ */ j(
+    mr.div,
+    {
+      "data-orientation": s,
+      ...i,
+      ...n,
+      ref: r
+    }
+  );
+});
+xe.displayName = gr;
+function yr(e) {
+  return hr.includes(e);
+}
+var ve = xe;
+const xr = x.forwardRef(
+  ({ className: e, orientation: r = "horizontal", decorative: t = !0, ...o }, n) => /* @__PURE__ */ j(
+    ve,
+    {
+      ref: n,
+      decorative: t,
+      orientation: r,
+      className: K(
+        "ksjsui-shrink-0 ksjsui-bg-border forced-colors:ksjsui-bg-canvas-text forced-colors:ksjsui-forced-color-adjust-none",
+        r === "horizontal" ? "ksjsui-block ksjsui-h-px ksjsui-w-full" : "ksjsui-inline-block ksjsui-w-px",
+        e
+      ),
+      ...o
+    }
+  )
+);
+xr.displayName = ve.displayName;
+const ee = [
   "px",
   0,
   0.5,
@@ -2496,26 +2583,89 @@ const Q = [
   72,
   80,
   96
-], ct = [...Q, "auto"];
-function dt() {
-  return Q.reduce(
-    (e, t) => (e.gap[t] = `ksjsui-gap-${t}`, e.gapColumn[t] = `ksjsui-gap-x-${t}`, e.gapRow[t] = `ksjsui-gap-y-${t}`, e),
+], vr = [...ee, "auto"];
+function kr() {
+  return ee.reduce(
+    (e, r) => (e.gap[r] = `ksjsui-gap-${r}`, e.gapColumn[r] = `ksjsui-gap-x-${r}`, e.gapRow[r] = `ksjsui-gap-y-${r}`, e),
     { gap: {}, gapColumn: {}, gapRow: {} }
   );
 }
-function ut() {
-  return ct.reduce(
-    (e, t) => (e.m[t] = `ksjsui-m-${t}`, e.mb[t] = `ksjsui-mb-${t}`, e.me[t] = `ksjsui-me-${t}`, e.ms[t] = `ksjsui-ms-${t}`, e.mt[t] = `ksjsui-mt-${t}`, e.mx[t] = `ksjsui-mx-${t}`, e.my[t] = `ksjsui-my-${t}`, e),
+function ke() {
+  return vr.reduce(
+    (e, r) => (e.m[r] = `ksjsui-m-${r}`, e.mb[r] = `ksjsui-mb-${r}`, e.me[r] = `ksjsui-me-${r}`, e.ms[r] = `ksjsui-ms-${r}`, e.mt[r] = `ksjsui-mt-${r}`, e.mx[r] = `ksjsui-mx-${r}`, e.my[r] = `ksjsui-my-${r}`, e),
     { m: {}, mb: {}, me: {}, ms: {}, mt: {}, mx: {}, my: {} }
   );
 }
-function pt() {
-  return Q.reduce(
-    (e, t) => (e.p[t] = `ksjsui-p-${t}`, e.pb[t] = `ksjsui-pb-${t}`, e.pe[t] = `ksjsui-pe-${t}`, e.ps[t] = `ksjsui-ps-${t}`, e.pt[t] = `ksjsui-pt-${t}`, e.px[t] = `ksjsui-px-${t}`, e.py[t] = `ksjsui-py-${t}`, e),
+function we() {
+  return ee.reduce(
+    (e, r) => (e.p[r] = `ksjsui-p-${r}`, e.pb[r] = `ksjsui-pb-${r}`, e.pe[r] = `ksjsui-pe-${r}`, e.ps[r] = `ksjsui-ps-${r}`, e.pt[r] = `ksjsui-pt-${r}`, e.px[r] = `ksjsui-px-${r}`, e.py[r] = `ksjsui-py-${r}`, e),
     { p: {}, pb: {}, pe: {}, ps: {}, pt: {}, px: {}, py: {} }
   );
 }
-const ft = {
+const wr = Y("", {
+  variants: {
+    display: {
+      block: "ksjsui-block",
+      "inline-block": "ksjsui-inline-block",
+      none: "ksjsui-hidden"
+    },
+    ...ke(),
+    ...we()
+  },
+  defaultVariants: {
+    display: "block"
+  }
+}), jr = x.forwardRef(
+  ({
+    as: e = "div",
+    asChild: r,
+    className: t,
+    display: o,
+    m: n,
+    mb: s,
+    me: a,
+    ms: i,
+    mt: d,
+    mx: c,
+    my: p,
+    p: g,
+    pb: h,
+    pe: w,
+    ps: v,
+    pt: m,
+    px: u,
+    py: y,
+    ...k
+  }, z) => /* @__PURE__ */ j(
+    r ? B : e,
+    {
+      className: K(
+        wr({
+          display: o,
+          m: n,
+          mb: s,
+          me: a,
+          ms: i,
+          mt: d,
+          mx: c,
+          my: p,
+          p: g,
+          pb: h,
+          pe: w,
+          ps: v,
+          pt: m,
+          px: u,
+          py: y,
+          className: t
+        })
+      ),
+      ref: z,
+      ...k
+    }
+  )
+);
+jr.displayName = "Box";
+const Cr = {
   align: {
     baseline: "ksjsui-items-baseline",
     center: "ksjsui-items-center",
@@ -2534,97 +2684,122 @@ const ft = {
     flex: "ksjsui-flex",
     none: "ksjsui-hidden"
   },
-  ...dt(),
+  ...kr(),
+  grow: {
+    0: "ksjsui-grow-0",
+    1: "ksjsui-grow"
+  },
   justify: {
     around: "ksjsui-justify-around",
     baseline: "ksjsui-justify-baseline",
     between: "ksjsui-justify-between",
     center: "ksjsui-justify-center",
     end: "ksjsui-justify-end",
+    evenly: "ksjsui-justify-evenly",
     normal: "ksjsui-justify-normal",
     start: "ksjsui-justify-start",
     stretch: "ksjsui-justify-stretch"
   },
-  ...ut(),
-  ...pt(),
+  ...ke(),
+  ...we(),
+  self: {
+    auto: "ksjsui-self-auto",
+    baseline: "ksjsui-self-baseline",
+    center: "ksjsui-self-center",
+    end: "ksjsui-self-end",
+    start: "ksjsui-self-start",
+    stretch: "ksjsui-self-stretch"
+  },
+  shrink: {
+    0: "ksjsui-shrink-0",
+    1: "ksjsui-shrink"
+  },
   wrap: {
     nowrap: "ksjsui-flex-nowrap",
     reverse: "ksjsui-flex-wrap-reverse",
     wrap: "ksjsui-flex-wrap"
   }
-}, bt = de("ksjsui-inline-flex", {
+}, zr = Y("ksjsui-inline-flex", {
   variants: {
-    ...ft
+    ...Cr
   },
   defaultVariants: {
     display: "flex",
     justify: "start"
   }
-}), gt = x.forwardRef(
+}), Nr = x.forwardRef(
   ({
     align: e,
-    as: t = "div",
-    asChild: r,
+    as: r = "div",
+    asChild: t,
     className: o,
     display: n,
     direction: s,
-    gap: l,
+    gap: a,
     gapColumn: i,
     gapRow: d,
-    justify: c,
-    m: p,
-    mb: m,
-    me: h,
-    ms: k,
-    mt: v,
-    mx: g,
-    my: u,
-    p: y,
-    pb: w,
-    pe: R,
-    ps: j,
-    pt: P,
-    px: L,
-    py: O,
-    wrap: B,
-    ...$
-  }, V) => /* @__PURE__ */ N(
-    r ? J : t,
+    grow: c,
+    justify: p,
+    m: g,
+    mb: h,
+    me: w,
+    ms: v,
+    mt: m,
+    mx: u,
+    my: y,
+    p: k,
+    pb: z,
+    pe: C,
+    ps: P,
+    pt: F,
+    px: _,
+    py: U,
+    self: V,
+    shrink: $,
+    wrap: G,
+    ...f
+  }, q) => /* @__PURE__ */ j(
+    t ? B : r,
     {
-      className: he(
-        bt({
+      className: K(
+        zr({
           align: e,
           direction: s,
           display: n,
-          gap: l,
+          gap: a,
           gapColumn: i,
           gapRow: d,
-          justify: c,
-          m: p,
-          mb: m,
-          me: h,
-          ms: k,
-          mt: v,
-          mx: g,
-          my: u,
-          p: y,
-          pb: w,
-          pe: R,
-          ps: j,
-          pt: P,
-          px: L,
-          py: O,
-          wrap: B,
+          grow: c,
+          justify: p,
+          m: g,
+          mb: h,
+          me: w,
+          ms: v,
+          mt: m,
+          mx: u,
+          my: y,
+          p: k,
+          pb: z,
+          pe: C,
+          ps: P,
+          pt: F,
+          px: _,
+          py: U,
+          self: V,
+          shrink: $,
+          wrap: G,
           className: o
         })
       ),
-      ref: V,
-      ...$
+      ref: q,
+      ...f
     }
   )
 );
-gt.displayName = "Flex";
+Nr.displayName = "Flex";
 export {
-  at as Button,
-  gt as Flex
+  jr as Box,
+  fr as Button,
+  Nr as Flex,
+  xr as Separator
 };