@keeper-security/keeper-js-ui 0.0.2 → 0.1.0

package/dist/index.es.js

@@ -1,83 +1,83 @@
-import { jsx as W, Fragment as ue } from "react/jsx-runtime";
-import * as v from "react";
-function pe(e, r) {
-  typeof e == "function" ? e(r) : e != null && (e.current = r);
+import { jsx as N, Fragment as ye, jsxs as xe } from "react/jsx-runtime";
+import * as x from "react";
+function we(e, t) {
+  typeof e == "function" ? e(t) : e != null && (e.current = t);
 }
-function fe(...e) {
-  return (r) => e.forEach((t) => pe(t, r));
+function ve(...e) {
+  return (t) => e.forEach((r) => we(r, t));
 }
-var oe = v.forwardRef((e, r) => {
-  const { children: t, ...o } = e, s = v.Children.toArray(t), n = s.find(ge);
-  if (n) {
-    const l = n.props.children, i = s.map((d) => d === n ? v.Children.count(l) > 1 ? v.Children.only(null) : v.isValidElement(l) ? l.props.children : null : d);
-    return /* @__PURE__ */ W(U, { ...o, ref: r, children: v.isValidElement(l) ? v.cloneElement(l, void 0, i) : null });
+var J = x.forwardRef((e, t) => {
+  const { children: r, ...o } = e, n = x.Children.toArray(r), s = n.find(ke);
+  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 });
   }
-  return /* @__PURE__ */ W(U, { ...o, ref: r, children: t });
+  return /* @__PURE__ */ N(K, { ...o, ref: t, children: r });
 });
-oe.displayName = "Slot";
-var U = v.forwardRef((e, r) => {
-  const { children: t, ...o } = e;
-  if (v.isValidElement(t)) {
-    const s = he(t);
-    return v.cloneElement(t, {
-      ...me(o, t.props),
+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),
       // @ts-ignore
-      ref: r ? fe(r, s) : s
+      ref: t ? ve(t, n) : n
     });
   }
-  return v.Children.count(t) > 1 ? v.Children.only(null) : null;
+  return x.Children.count(r) > 1 ? x.Children.only(null) : null;
 });
-U.displayName = "SlotClone";
-var be = ({ children: e }) => /* @__PURE__ */ W(ue, { children: e });
-function ge(e) {
-  return v.isValidElement(e) && e.type === be;
+K.displayName = "SlotClone";
+var ae = ({ children: e }) => /* @__PURE__ */ N(ye, { children: e });
+function ke(e) {
+  return x.isValidElement(e) && e.type === ae;
 }
-function me(e, r) {
-  const t = { ...r };
-  for (const o in r) {
-    const s = e[o], n = r[o];
-    /^on[A-Z]/.test(o) ? s && n ? t[o] = (...i) => {
-      n(...i), s(...i);
-    } : s && (t[o] = s) : o === "style" ? t[o] = { ...s, ...n } : o === "className" && (t[o] = [s, n].filter(Boolean).join(" "));
+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) => {
+      s(...i), n(...i);
+    } : n && (r[o] = n) : o === "style" ? r[o] = { ...n, ...s } : o === "className" && (r[o] = [n, s].filter(Boolean).join(" "));
   }
-  return { ...e, ...t };
+  return { ...e, ...r };
 }
-function he(e) {
-  var o, s;
-  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 = (s = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : s.get, t = r && "isReactWarning" in r && r.isReactWarning, t ? e.props.ref : e.props.ref || e.ref);
+function Ce(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);
 }
-function ne(e) {
-  var r, t, o = "";
+function ce(e) {
+  var t, r, o = "";
   if (typeof e == "string" || typeof e == "number") o += e;
-  else if (typeof e == "object") if (Array.isArray(e)) for (r = 0; r < e.length; r++) e[r] && (t = ne(e[r])) && (o && (o += " "), o += t);
-  else for (r in e) e[r] && (o && (o += " "), o += r);
+  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);
   return o;
 }
-function ye() {
-  for (var e, r, t = 0, o = ""; t < arguments.length; ) (e = arguments[t++]) && (r = ne(e)) && (o && (o += " "), o += r);
+function ze() {
+  for (var e, t, r = 0, o = ""; r < arguments.length; ) (e = arguments[r++]) && (t = ce(e)) && (o && (o += " "), o += t);
   return o;
 }
-const D = (e) => typeof e == "boolean" ? "".concat(e) : e === 0 ? "0" : e, ee = ye, ve = (e, r) => (t) => {
+const re = (e) => typeof e == "boolean" ? "".concat(e) : e === 0 ? "0" : e, oe = ze, de = (e, t) => (r) => {
   var o;
-  if ((r == null ? void 0 : r.variants) == null) return ee(e, t == null ? void 0 : t.class, t == null ? void 0 : t.className);
-  const { variants: s, defaultVariants: n } = r, l = Object.keys(s).map((c) => {
-    const b = t == null ? void 0 : t[c], h = n == null ? void 0 : n[c];
-    if (b === null) return null;
-    const m = D(b) || D(h);
-    return s[c][m];
-  }), i = t && Object.entries(t).reduce((c, b) => {
-    let [h, m] = b;
+  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], h = s == null ? void 0 : s[c];
+    if (p === null) return null;
+    const m = re(p) || re(h);
+    return n[c][m];
+  }), i = r && Object.entries(r).reduce((c, p) => {
+    let [h, m] = p;
     return m === void 0 || (c[h] = m), c;
-  }, {}), d = r == null || (o = r.compoundVariants) === null || o === void 0 ? void 0 : o.reduce((c, b) => {
-    let { class: h, className: m, ...C } = b;
-    return Object.entries(C).every((x) => {
-      let [g, u] = x;
+  }, {}), d = t == null || (o = t.compoundVariants) === null || o === void 0 ? void 0 : o.reduce((c, p) => {
+    let { class: h, className: m, ...k } = p;
+    return Object.entries(k).every((w) => {
+      let [g, u] = w;
       return Array.isArray(u) ? u.includes({
-        ...n,
+        ...s,
         ...i
       }[g]) : {
-        ...n,
+        ...s,
         ...i
       }[g] === u;
     }) ? [
@@ -86,100 +86,100 @@ const D = (e) => typeof e == "boolean" ? "".concat(e) : e === 0 ? "0" : e, ee =
       m
     ] : c;
   }, []);
-  return ee(e, l, d, t == null ? void 0 : t.class, t == null ? void 0 : t.className);
+  return oe(e, l, d, r == null ? void 0 : r.class, r == null ? void 0 : r.className);
 };
-function se(e) {
-  var r, t, o = "";
+function ue(e) {
+  var t, r, o = "";
   if (typeof e == "string" || typeof e == "number") o += e;
   else if (typeof e == "object") if (Array.isArray(e)) {
-    var s = e.length;
-    for (r = 0; r < s; r++) e[r] && (t = se(e[r])) && (o && (o += " "), o += t);
-  } else for (t in e) e[t] && (o && (o += " "), o += t);
+    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);
   return o;
 }
-function xe() {
-  for (var e, r, t = 0, o = "", s = arguments.length; t < s; t++) (e = arguments[t]) && (r = se(e)) && (o && (o += " "), o += r);
+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);
   return o;
 }
-const q = "-", we = (e) => {
-  const r = ke(e), {
-    conflictingClassGroups: t,
+const X = "-", Ae = (e) => {
+  const t = Ne(e), {
+    conflictingClassGroups: r,
     conflictingClassGroupModifiers: o
   } = e;
   return {
     getClassGroupId: (l) => {
-      const i = l.split(q);
-      return i[0] === "" && i.length !== 1 && i.shift(), ie(i, r) || Ce(l);
+      const i = l.split(X);
+      return i[0] === "" && i.length !== 1 && i.shift(), pe(i, t) || Re(l);
     },
     getConflictingClassGroupIds: (l, i) => {
-      const d = t[l] || [];
+      const d = r[l] || [];
       return i && o[l] ? [...d, ...o[l]] : d;
     }
   };
-}, ie = (e, r) => {
+}, pe = (e, t) => {
   var l;
   if (e.length === 0)
-    return r.classGroupId;
-  const t = e[0], o = r.nextPart.get(t), s = o ? ie(e.slice(1), o) : void 0;
-  if (s)
-    return s;
-  if (r.validators.length === 0)
+    return t.classGroupId;
+  const r = e[0], o = t.nextPart.get(r), n = o ? pe(e.slice(1), o) : void 0;
+  if (n)
+    return n;
+  if (t.validators.length === 0)
     return;
-  const n = e.join(q);
-  return (l = r.validators.find(({
+  const s = e.join(X);
+  return (l = t.validators.find(({
     validator: i
-  }) => i(n))) == null ? void 0 : l.classGroupId;
-}, re = /^\[(.+)\]$/, Ce = (e) => {
-  if (re.test(e)) {
-    const r = re.exec(e)[1], t = r == null ? void 0 : r.substring(0, r.indexOf(":"));
-    if (t)
-      return "arbitrary.." + t;
+  }) => 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;
   }
-}, ke = (e) => {
+}, Ne = (e) => {
   const {
-    theme: r,
-    prefix: t
+    theme: t,
+    prefix: r
   } = e, o = {
     nextPart: /* @__PURE__ */ new Map(),
     validators: []
   };
-  return Ae(Object.entries(e.classGroups), t).forEach(([n, l]) => {
-    F(l, o, n, r);
+  return Me(Object.entries(e.classGroups), r).forEach(([s, l]) => {
+    Z(l, o, s, t);
   }), o;
-}, F = (e, r, t, o) => {
-  e.forEach((s) => {
-    if (typeof s == "string") {
-      const n = s === "" ? r : te(r, s);
-      n.classGroupId = t;
+}, Z = (e, t, r, o) => {
+  e.forEach((n) => {
+    if (typeof n == "string") {
+      const s = n === "" ? t : ne(t, n);
+      s.classGroupId = r;
       return;
     }
-    if (typeof s == "function") {
-      if (ze(s)) {
-        F(s(o), r, t, o);
+    if (typeof n == "function") {
+      if (Pe(n)) {
+        Z(n(o), t, r, o);
         return;
       }
-      r.validators.push({
-        validator: s,
-        classGroupId: t
+      t.validators.push({
+        validator: n,
+        classGroupId: r
       });
       return;
     }
-    Object.entries(s).forEach(([n, l]) => {
-      F(l, te(r, n), t, o);
+    Object.entries(n).forEach(([s, l]) => {
+      Z(l, ne(t, s), r, o);
     });
   });
-}, te = (e, r) => {
-  let t = e;
-  return r.split(q).forEach((o) => {
-    t.nextPart.has(o) || t.nextPart.set(o, {
+}, ne = (e, t) => {
+  let r = e;
+  return t.split(X).forEach((o) => {
+    r.nextPart.has(o) || r.nextPart.set(o, {
       nextPart: /* @__PURE__ */ new Map(),
       validators: []
-    }), t = t.nextPart.get(o);
-  }), t;
-}, ze = (e) => e.isThemeGetter, Ae = (e, r) => r ? e.map(([t, o]) => {
-  const s = o.map((n) => typeof n == "string" ? r + n : typeof n == "object" ? Object.fromEntries(Object.entries(n).map(([l, i]) => [r + l, i])) : n);
-  return [t, s];
-}) : e, Se = (e) => {
+    }), 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) => {
   if (e < 1)
     return {
       get: () => {
@@ -187,34 +187,34 @@ const q = "-", we = (e) => {
       set: () => {
       }
     };
-  let r = 0, t = /* @__PURE__ */ new Map(), o = /* @__PURE__ */ new Map();
-  const s = (n, l) => {
-    t.set(n, l), r++, r > e && (r = 0, o = t, t = /* @__PURE__ */ new Map());
+  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());
   };
   return {
-    get(n) {
-      let l = t.get(n);
+    get(s) {
+      let l = r.get(s);
       if (l !== void 0)
         return l;
-      if ((l = o.get(n)) !== void 0)
-        return s(n, l), l;
+      if ((l = o.get(s)) !== void 0)
+        return n(s, l), l;
     },
-    set(n, l) {
-      t.has(n) ? t.set(n, l) : s(n, l);
+    set(s, l) {
+      r.has(s) ? r.set(s, l) : n(s, l);
     }
   };
-}, le = "!", Re = (e) => {
+}, fe = "!", $e = (e) => {
   const {
-    separator: r,
-    experimentalParseClassName: t
-  } = e, o = r.length === 1, s = r[0], n = r.length, l = (i) => {
+    separator: t,
+    experimentalParseClassName: r
+  } = e, o = t.length === 1, n = t[0], s = t.length, l = (i) => {
     const d = [];
-    let c = 0, b = 0, h;
+    let c = 0, p = 0, h;
     for (let u = 0; u < i.length; u++) {
       let y = i[u];
       if (c === 0) {
-        if (y === s && (o || i.slice(u, u + n) === r)) {
-          d.push(i.slice(b, u)), b = u + n;
+        if (y === n && (o || i.slice(u, u + s) === t)) {
+          d.push(i.slice(p, u)), p = u + s;
           continue;
         }
         if (y === "/") {
@@ -224,47 +224,47 @@ const q = "-", we = (e) => {
       }
       y === "[" ? c++ : y === "]" && c--;
     }
-    const m = d.length === 0 ? i : i.substring(b), C = m.startsWith(le), x = C ? m.substring(1) : m, g = h && h > b ? h - b : void 0;
+    const m = d.length === 0 ? i : i.substring(p), k = m.startsWith(fe), w = k ? m.substring(1) : m, g = h && h > p ? h - p : void 0;
     return {
       modifiers: d,
-      hasImportantModifier: C,
-      baseClassName: x,
+      hasImportantModifier: k,
+      baseClassName: w,
       maybePostfixModifierPosition: g
     };
   };
-  return t ? (i) => t({
+  return r ? (i) => r({
     className: i,
     parseClassName: l
   }) : l;
-}, Me = (e) => {
+}, Ve = (e) => {
   if (e.length <= 1)
     return e;
-  const r = [];
-  let t = [];
+  const t = [];
+  let r = [];
   return e.forEach((o) => {
-    o[0] === "[" ? (r.push(...t.sort(), o), t = []) : t.push(o);
-  }), r.push(...t.sort()), r;
-}, Pe = (e) => ({
-  cache: Se(e.cacheSize),
-  parseClassName: Re(e),
-  ...we(e)
-}), Ne = /\s+/, je = (e, r) => {
+    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) => {
   const {
-    parseClassName: t,
+    parseClassName: r,
     getClassGroupId: o,
-    getConflictingClassGroupIds: s
-  } = r, n = [], l = e.trim().split(Ne);
+    getConflictingClassGroupIds: n
+  } = t, s = [], l = e.trim().split(Ie);
   let i = "";
   for (let d = l.length - 1; d >= 0; d -= 1) {
     const c = l[d], {
-      modifiers: b,
+      modifiers: p,
       hasImportantModifier: h,
       baseClassName: m,
-      maybePostfixModifierPosition: C
-    } = t(c);
-    let x = !!C, g = o(x ? m.substring(0, C) : m);
+      maybePostfixModifierPosition: k
+    } = r(c);
+    let w = !!k, g = o(w ? m.substring(0, k) : m);
     if (!g) {
-      if (!x) {
+      if (!w) {
         i = c + (i.length > 0 ? " " + i : i);
         continue;
       }
@@ -272,94 +272,94 @@ const q = "-", we = (e) => {
         i = c + (i.length > 0 ? " " + i : i);
         continue;
       }
-      x = !1;
+      w = !1;
     }
-    const u = Me(b).join(":"), y = h ? u + le : u, w = y + g;
-    if (n.includes(w))
+    const u = Ve(p).join(":"), y = h ? u + fe : u, v = y + g;
+    if (s.includes(v))
       continue;
-    n.push(w);
-    const N = s(g, x);
-    for (let R = 0; R < N.length; ++R) {
-      const V = N[R];
-      n.push(y + V);
+    s.push(v);
+    const R = n(g, w);
+    for (let j = 0; j < R.length; ++j) {
+      const P = R[j];
+      s.push(y + P);
     }
     i = c + (i.length > 0 ? " " + i : i);
   }
   return i;
 };
-function Ge() {
-  let e = 0, r, t, o = "";
+function Te() {
+  let e = 0, t, r, o = "";
   for (; e < arguments.length; )
-    (r = arguments[e++]) && (t = ae(r)) && (o && (o += " "), o += t);
+    (t = arguments[e++]) && (r = be(t)) && (o && (o += " "), o += r);
   return o;
 }
-const ae = (e) => {
+const be = (e) => {
   if (typeof e == "string")
     return e;
-  let r, t = "";
+  let t, r = "";
   for (let o = 0; o < e.length; o++)
-    e[o] && (r = ae(e[o])) && (t && (t += " "), t += r);
-  return t;
+    e[o] && (t = be(e[o])) && (r && (r += " "), r += t);
+  return r;
 };
-function Ee(e, ...r) {
-  let t, o, s, n = l;
+function ie(e, ...t) {
+  let r, o, n, s = l;
   function l(d) {
-    const c = r.reduce((b, h) => h(b), e());
-    return t = Pe(c), o = t.cache.get, s = t.cache.set, n = i, i(d);
+    const c = t.reduce((p, h) => h(p), e());
+    return r = Ee(c), o = r.cache.get, n = r.cache.set, s = i, i(d);
   }
   function i(d) {
     const c = o(d);
     if (c)
       return c;
-    const b = je(d, t);
-    return s(d, b), b;
+    const p = We(d, r);
+    return n(d, p), p;
   }
   return function() {
-    return n(Ge.apply(null, arguments));
+    return s(Te.apply(null, arguments));
   };
 }
-const p = (e) => {
-  const r = (t) => t[e] || [];
-  return r.isThemeGetter = !0, r;
-}, ce = /^\[(?:([a-z-]+):)?(.+)\]$/i, Ve = /^\d+\/\d+$/, Ie = /* @__PURE__ */ new Set(["px", "full", "screen"]), Te = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, We = /\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$/, Oe = /^(rgba?|hsla?|hwb|(ok)?(lab|lch))\(.+\)$/, Le = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, $e = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, z = (e) => M(e) || Ie.has(e) || Ve.test(e), A = (e) => P(e, "length", Je), M = (e) => !!e && !Number.isNaN(Number(e)), _ = (e) => P(e, "number", M), G = (e) => !!e && Number.isInteger(Number(e)), Be = (e) => e.endsWith("%") && M(e.slice(0, -1)), a = (e) => ce.test(e), S = (e) => Te.test(e), _e = /* @__PURE__ */ new Set(["length", "size", "percentage"]), Ue = (e) => P(e, _e, de), Fe = (e) => P(e, "position", de), qe = /* @__PURE__ */ new Set(["image", "url"]), He = (e) => P(e, qe, Xe), Ze = (e) => P(e, "", Ke), E = () => !0, P = (e, r, t) => {
-  const o = ce.exec(e);
-  return o ? o[1] ? typeof r == "string" ? o[1] === r : r.has(o[1]) : t(o[2]) : !1;
-}, Je = (e) => (
+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) => (
   // `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.
-  We.test(e) && !Oe.test(e)
-), de = () => !1, Ke = (e) => Le.test(e), Xe = (e) => $e.test(e), Qe = () => {
-  const e = p("colors"), r = p("spacing"), t = p("blur"), o = p("brightness"), s = p("borderColor"), n = p("borderRadius"), l = p("borderSpacing"), i = p("borderWidth"), d = p("contrast"), c = p("grayscale"), b = p("hueRotate"), h = p("invert"), m = p("gap"), C = p("gradientColorStops"), x = p("gradientColorStopPositions"), g = p("inset"), u = p("margin"), y = p("opacity"), w = p("padding"), N = p("saturate"), R = p("scale"), V = p("sepia"), H = p("skew"), Z = p("space"), J = p("translate"), O = () => ["auto", "contain", "none"], L = () => ["auto", "hidden", "clip", "visible", "scroll"], $ = () => ["auto", a, r], f = () => [a, r], K = () => ["", z, A], I = () => ["auto", M, a], X = () => ["bottom", "center", "left", "left-bottom", "left-top", "right", "right-bottom", "right-top", "top"], T = () => ["solid", "dashed", "dotted", "double", "none"], Q = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], B = () => ["start", "end", "center", "between", "around", "evenly", "stretch"], j = () => ["", "0", a], Y = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], k = () => [M, a];
+  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"), h = f("invert"), m = f("gap"), k = f("gradientColorStops"), w = f("gradientColorStopPositions"), g = f("inset"), u = f("margin"), y = f("opacity"), v = 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];
   return {
     cacheSize: 500,
     separator: ":",
     theme: {
-      colors: [E],
-      spacing: [z, A],
-      blur: ["none", "", S, a],
-      brightness: k(),
+      colors: [W],
+      spacing: [z, S],
+      blur: ["none", "", A, a],
+      brightness: C(),
       borderColor: [e],
-      borderRadius: ["none", "", "full", S, a],
-      borderSpacing: f(),
-      borderWidth: K(),
-      contrast: k(),
-      grayscale: j(),
-      hueRotate: k(),
-      invert: j(),
-      gap: f(),
+      borderRadius: ["none", "", "full", A, a],
+      borderSpacing: b(),
+      borderWidth: Y(),
+      contrast: C(),
+      grayscale: E(),
+      hueRotate: C(),
+      invert: E(),
+      gap: b(),
       gradientColorStops: [e],
-      gradientColorStopPositions: [Be, A],
-      inset: $(),
-      margin: $(),
-      opacity: k(),
-      padding: f(),
-      saturate: k(),
-      scale: k(),
-      sepia: j(),
-      skew: k(),
-      space: f(),
-      translate: f()
+      gradientColorStopPositions: [He, S],
+      inset: F(),
+      margin: F(),
+      opacity: C(),
+      padding: b(),
+      saturate: C(),
+      scale: C(),
+      sepia: E(),
+      skew: C(),
+      space: b(),
+      translate: b()
     },
     classGroups: {
       // Layout
@@ -380,21 +380,21 @@ const p = (e) => {
        * @see https://tailwindcss.com/docs/columns
        */
       columns: [{
-        columns: [S]
+        columns: [A]
       }],
       /**
        * Break After
        * @see https://tailwindcss.com/docs/break-after
        */
       "break-after": [{
-        "break-after": Y()
+        "break-after": te()
       }],
       /**
        * Break Before
        * @see https://tailwindcss.com/docs/break-before
        */
       "break-before": [{
-        "break-before": Y()
+        "break-before": te()
       }],
       /**
        * Break Inside
@@ -453,49 +453,49 @@ const p = (e) => {
        * @see https://tailwindcss.com/docs/object-position
        */
       "object-position": [{
-        object: [...X(), a]
+        object: [...D(), a]
       }],
       /**
        * Overflow
        * @see https://tailwindcss.com/docs/overflow
        */
       overflow: [{
-        overflow: L()
+        overflow: V()
       }],
       /**
        * Overflow X
        * @see https://tailwindcss.com/docs/overflow
        */
       "overflow-x": [{
-        "overflow-x": L()
+        "overflow-x": V()
       }],
       /**
        * Overflow Y
        * @see https://tailwindcss.com/docs/overflow
        */
       "overflow-y": [{
-        "overflow-y": L()
+        "overflow-y": V()
       }],
       /**
        * Overscroll Behavior
        * @see https://tailwindcss.com/docs/overscroll-behavior
        */
       overscroll: [{
-        overscroll: O()
+        overscroll: $()
       }],
       /**
        * Overscroll Behavior X
        * @see https://tailwindcss.com/docs/overscroll-behavior
        */
       "overscroll-x": [{
-        "overscroll-x": O()
+        "overscroll-x": $()
       }],
       /**
        * Overscroll Behavior Y
        * @see https://tailwindcss.com/docs/overscroll-behavior
        */
       "overscroll-y": [{
-        "overscroll-y": O()
+        "overscroll-y": $()
       }],
       /**
        * Position
@@ -575,7 +575,7 @@ const p = (e) => {
        * @see https://tailwindcss.com/docs/z-index
        */
       z: [{
-        z: ["auto", G, a]
+        z: ["auto", I, a]
       }],
       // Flexbox and Grid
       /**
@@ -583,7 +583,7 @@ const p = (e) => {
        * @see https://tailwindcss.com/docs/flex-basis
        */
       basis: [{
-        basis: $()
+        basis: F()
       }],
       /**
        * Flex Direction
@@ -611,28 +611,28 @@ const p = (e) => {
        * @see https://tailwindcss.com/docs/flex-grow
        */
       grow: [{
-        grow: j()
+        grow: E()
       }],
       /**
        * Flex Shrink
        * @see https://tailwindcss.com/docs/flex-shrink
        */
       shrink: [{
-        shrink: j()
+        shrink: E()
       }],
       /**
        * Order
        * @see https://tailwindcss.com/docs/order
        */
       order: [{
-        order: ["first", "last", "none", G, a]
+        order: ["first", "last", "none", I, a]
       }],
       /**
        * Grid Template Columns
        * @see https://tailwindcss.com/docs/grid-template-columns
        */
       "grid-cols": [{
-        "grid-cols": [E]
+        "grid-cols": [W]
       }],
       /**
        * Grid Column Start / End
@@ -640,7 +640,7 @@ const p = (e) => {
        */
       "col-start-end": [{
         col: ["auto", {
-          span: ["full", G, a]
+          span: ["full", I, a]
         }, a]
       }],
       /**
@@ -648,21 +648,21 @@ const p = (e) => {
        * @see https://tailwindcss.com/docs/grid-column
        */
       "col-start": [{
-        "col-start": I()
+        "col-start": _()
       }],
       /**
        * Grid Column End
        * @see https://tailwindcss.com/docs/grid-column
        */
       "col-end": [{
-        "col-end": I()
+        "col-end": _()
       }],
       /**
        * Grid Template Rows
        * @see https://tailwindcss.com/docs/grid-template-rows
        */
       "grid-rows": [{
-        "grid-rows": [E]
+        "grid-rows": [W]
       }],
       /**
        * Grid Row Start / End
@@ -670,7 +670,7 @@ const p = (e) => {
        */
       "row-start-end": [{
         row: ["auto", {
-          span: [G, a]
+          span: [I, a]
         }, a]
       }],
       /**
@@ -678,14 +678,14 @@ const p = (e) => {
        * @see https://tailwindcss.com/docs/grid-row
        */
       "row-start": [{
-        "row-start": I()
+        "row-start": _()
       }],
       /**
        * Grid Row End
        * @see https://tailwindcss.com/docs/grid-row
        */
       "row-end": [{
-        "row-end": I()
+        "row-end": _()
       }],
       /**
        * Grid Auto Flow
@@ -734,7 +734,7 @@ const p = (e) => {
        * @see https://tailwindcss.com/docs/justify-content
        */
       "justify-content": [{
-        justify: ["normal", ...B()]
+        justify: ["normal", ...q()]
       }],
       /**
        * Justify Items
@@ -755,7 +755,7 @@ const p = (e) => {
        * @see https://tailwindcss.com/docs/align-content
        */
       "align-content": [{
-        content: ["normal", ...B(), "baseline"]
+        content: ["normal", ...q(), "baseline"]
       }],
       /**
        * Align Items
@@ -776,7 +776,7 @@ const p = (e) => {
        * @see https://tailwindcss.com/docs/place-content
        */
       "place-content": [{
-        "place-content": [...B(), "baseline"]
+        "place-content": [...q(), "baseline"]
       }],
       /**
        * Place Items
@@ -798,63 +798,63 @@ const p = (e) => {
        * @see https://tailwindcss.com/docs/padding
        */
       p: [{
-        p: [w]
+        p: [v]
       }],
       /**
        * Padding X
        * @see https://tailwindcss.com/docs/padding
        */
       px: [{
-        px: [w]
+        px: [v]
       }],
       /**
        * Padding Y
        * @see https://tailwindcss.com/docs/padding
        */
       py: [{
-        py: [w]
+        py: [v]
       }],
       /**
        * Padding Start
        * @see https://tailwindcss.com/docs/padding
        */
       ps: [{
-        ps: [w]
+        ps: [v]
       }],
       /**
        * Padding End
        * @see https://tailwindcss.com/docs/padding
        */
       pe: [{
-        pe: [w]
+        pe: [v]
       }],
       /**
        * Padding Top
        * @see https://tailwindcss.com/docs/padding
        */
       pt: [{
-        pt: [w]
+        pt: [v]
       }],
       /**
        * Padding Right
        * @see https://tailwindcss.com/docs/padding
        */
       pr: [{
-        pr: [w]
+        pr: [v]
       }],
       /**
        * Padding Bottom
        * @see https://tailwindcss.com/docs/padding
        */
       pb: [{
-        pb: [w]
+        pb: [v]
       }],
       /**
        * Padding Left
        * @see https://tailwindcss.com/docs/padding
        */
       pl: [{
-        pl: [w]
+        pl: [v]
       }],
       /**
        * Margin
@@ -924,7 +924,7 @@ const p = (e) => {
        * @see https://tailwindcss.com/docs/space
        */
       "space-x": [{
-        "space-x": [Z]
+        "space-x": [O]
       }],
       /**
        * Space Between X Reverse
@@ -936,7 +936,7 @@ const p = (e) => {
        * @see https://tailwindcss.com/docs/space
        */
       "space-y": [{
-        "space-y": [Z]
+        "space-y": [O]
       }],
       /**
        * Space Between Y Reverse
@@ -949,51 +949,51 @@ const p = (e) => {
        * @see https://tailwindcss.com/docs/width
        */
       w: [{
-        w: ["auto", "min", "max", "fit", "svw", "lvw", "dvw", a, r]
+        w: ["auto", "min", "max", "fit", "svw", "lvw", "dvw", a, t]
       }],
       /**
        * Min-Width
        * @see https://tailwindcss.com/docs/min-width
        */
       "min-w": [{
-        "min-w": [a, r, "min", "max", "fit"]
+        "min-w": [a, t, "min", "max", "fit"]
       }],
       /**
        * Max-Width
        * @see https://tailwindcss.com/docs/max-width
        */
       "max-w": [{
-        "max-w": [a, r, "none", "full", "min", "max", "fit", "prose", {
-          screen: [S]
-        }, S]
+        "max-w": [a, t, "none", "full", "min", "max", "fit", "prose", {
+          screen: [A]
+        }, A]
       }],
       /**
        * Height
        * @see https://tailwindcss.com/docs/height
        */
       h: [{
-        h: [a, r, "auto", "min", "max", "fit", "svh", "lvh", "dvh"]
+        h: [a, t, "auto", "min", "max", "fit", "svh", "lvh", "dvh"]
       }],
       /**
        * Min-Height
        * @see https://tailwindcss.com/docs/min-height
        */
       "min-h": [{
-        "min-h": [a, r, "min", "max", "fit", "svh", "lvh", "dvh"]
+        "min-h": [a, t, "min", "max", "fit", "svh", "lvh", "dvh"]
       }],
       /**
        * Max-Height
        * @see https://tailwindcss.com/docs/max-height
        */
       "max-h": [{
-        "max-h": [a, r, "min", "max", "fit", "svh", "lvh", "dvh"]
+        "max-h": [a, t, "min", "max", "fit", "svh", "lvh", "dvh"]
       }],
       /**
        * Size
        * @see https://tailwindcss.com/docs/size
        */
       size: [{
-        size: [a, r, "auto", "min", "max", "fit"]
+        size: [a, t, "auto", "min", "max", "fit"]
       }],
       // Typography
       /**
@@ -1001,7 +1001,7 @@ const p = (e) => {
        * @see https://tailwindcss.com/docs/font-size
        */
       "font-size": [{
-        text: ["base", S, A]
+        text: ["base", A, S]
       }],
       /**
        * Font Smoothing
@@ -1018,14 +1018,14 @@ const p = (e) => {
        * @see https://tailwindcss.com/docs/font-weight
        */
       "font-weight": [{
-        font: ["thin", "extralight", "light", "normal", "medium", "semibold", "bold", "extrabold", "black", _]
+        font: ["thin", "extralight", "light", "normal", "medium", "semibold", "bold", "extrabold", "black", H]
       }],
       /**
        * Font Family
        * @see https://tailwindcss.com/docs/font-family
        */
       "font-family": [{
-        font: [E]
+        font: [W]
       }],
       /**
        * Font Variant Numeric
@@ -1069,7 +1069,7 @@ const p = (e) => {
        * @see https://tailwindcss.com/docs/line-clamp
        */
       "line-clamp": [{
-        "line-clamp": ["none", M, _]
+        "line-clamp": ["none", M, H]
       }],
       /**
        * Line Height
@@ -1145,14 +1145,14 @@ const p = (e) => {
        * @see https://tailwindcss.com/docs/text-decoration-style
        */
       "text-decoration-style": [{
-        decoration: [...T(), "wavy"]
+        decoration: [...U(), "wavy"]
       }],
       /**
        * Text Decoration Thickness
        * @see https://tailwindcss.com/docs/text-decoration-thickness
        */
       "text-decoration-thickness": [{
-        decoration: ["auto", "from-font", z, A]
+        decoration: ["auto", "from-font", z, S]
       }],
       /**
        * Text Underline Offset
@@ -1190,7 +1190,7 @@ const p = (e) => {
        * @see https://tailwindcss.com/docs/text-indent
        */
       indent: [{
-        indent: f()
+        indent: b()
       }],
       /**
        * Vertical Alignment
@@ -1262,7 +1262,7 @@ const p = (e) => {
        * @see https://tailwindcss.com/docs/background-position
        */
       "bg-position": [{
-        bg: [...X(), Fe]
+        bg: [...D(), Je]
       }],
       /**
        * Background Repeat
@@ -1278,7 +1278,7 @@ const p = (e) => {
        * @see https://tailwindcss.com/docs/background-size
        */
       "bg-size": [{
-        bg: ["auto", "cover", "contain", Ue]
+        bg: ["auto", "cover", "contain", Ze]
       }],
       /**
        * Background Image
@@ -1287,7 +1287,7 @@ const p = (e) => {
       "bg-image": [{
         bg: ["none", {
           "gradient-to": ["t", "tr", "r", "br", "b", "bl", "l", "tl"]
-        }, He]
+        }, Qe]
       }],
       /**
        * Background Color
@@ -1301,42 +1301,42 @@ const p = (e) => {
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-from-pos": [{
-        from: [x]
+        from: [w]
       }],
       /**
        * Gradient Color Stops Via Position
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-via-pos": [{
-        via: [x]
+        via: [w]
       }],
       /**
        * Gradient Color Stops To Position
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-to-pos": [{
-        to: [x]
+        to: [w]
       }],
       /**
        * Gradient Color Stops From
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-from": [{
-        from: [C]
+        from: [k]
       }],
       /**
        * Gradient Color Stops Via
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-via": [{
-        via: [C]
+        via: [k]
       }],
       /**
        * Gradient Color Stops To
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-to": [{
-        to: [C]
+        to: [k]
       }],
       // Borders
       /**
@@ -1344,105 +1344,105 @@ const p = (e) => {
        * @see https://tailwindcss.com/docs/border-radius
        */
       rounded: [{
-        rounded: [n]
+        rounded: [s]
       }],
       /**
        * Border Radius Start
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-s": [{
-        "rounded-s": [n]
+        "rounded-s": [s]
       }],
       /**
        * Border Radius End
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-e": [{
-        "rounded-e": [n]
+        "rounded-e": [s]
       }],
       /**
        * Border Radius Top
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-t": [{
-        "rounded-t": [n]
+        "rounded-t": [s]
       }],
       /**
        * Border Radius Right
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-r": [{
-        "rounded-r": [n]
+        "rounded-r": [s]
       }],
       /**
        * Border Radius Bottom
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-b": [{
-        "rounded-b": [n]
+        "rounded-b": [s]
       }],
       /**
        * Border Radius Left
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-l": [{
-        "rounded-l": [n]
+        "rounded-l": [s]
       }],
       /**
        * Border Radius Start Start
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-ss": [{
-        "rounded-ss": [n]
+        "rounded-ss": [s]
       }],
       /**
        * Border Radius Start End
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-se": [{
-        "rounded-se": [n]
+        "rounded-se": [s]
       }],
       /**
        * Border Radius End End
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-ee": [{
-        "rounded-ee": [n]
+        "rounded-ee": [s]
       }],
       /**
        * Border Radius End Start
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-es": [{
-        "rounded-es": [n]
+        "rounded-es": [s]
       }],
       /**
        * Border Radius Top Left
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-tl": [{
-        "rounded-tl": [n]
+        "rounded-tl": [s]
       }],
       /**
        * Border Radius Top Right
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-tr": [{
-        "rounded-tr": [n]
+        "rounded-tr": [s]
       }],
       /**
        * Border Radius Bottom Right
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-br": [{
-        "rounded-br": [n]
+        "rounded-br": [s]
       }],
       /**
        * Border Radius Bottom Left
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-bl": [{
-        "rounded-bl": [n]
+        "rounded-bl": [s]
       }],
       /**
        * Border Width
@@ -1519,7 +1519,7 @@ const p = (e) => {
        * @see https://tailwindcss.com/docs/border-style
        */
       "border-style": [{
-        border: [...T(), "hidden"]
+        border: [...U(), "hidden"]
       }],
       /**
        * Divide Width X
@@ -1557,70 +1557,84 @@ const p = (e) => {
        * @see https://tailwindcss.com/docs/divide-style
        */
       "divide-style": [{
-        divide: T()
+        divide: U()
       }],
       /**
        * Border Color
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color": [{
-        border: [s]
+        border: [n]
       }],
       /**
        * Border Color X
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-x": [{
-        "border-x": [s]
+        "border-x": [n]
       }],
       /**
        * Border Color Y
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-y": [{
-        "border-y": [s]
+        "border-y": [n]
+      }],
+      /**
+       * Border Color S
+       * @see https://tailwindcss.com/docs/border-color
+       */
+      "border-color-s": [{
+        "border-s": [n]
+      }],
+      /**
+       * Border Color E
+       * @see https://tailwindcss.com/docs/border-color
+       */
+      "border-color-e": [{
+        "border-e": [n]
       }],
       /**
        * Border Color Top
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-t": [{
-        "border-t": [s]
+        "border-t": [n]
       }],
       /**
        * Border Color Right
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-r": [{
-        "border-r": [s]
+        "border-r": [n]
       }],
       /**
        * Border Color Bottom
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-b": [{
-        "border-b": [s]
+        "border-b": [n]
       }],
       /**
        * Border Color Left
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-l": [{
-        "border-l": [s]
+        "border-l": [n]
       }],
       /**
        * Divide Color
        * @see https://tailwindcss.com/docs/divide-color
        */
       "divide-color": [{
-        divide: [s]
+        divide: [n]
       }],
       /**
        * Outline Style
        * @see https://tailwindcss.com/docs/outline-style
        */
       "outline-style": [{
-        outline: ["", ...T()]
+        outline: ["", ...U()]
       }],
       /**
        * Outline Offset
@@ -1634,7 +1648,7 @@ const p = (e) => {
        * @see https://tailwindcss.com/docs/outline-width
        */
       "outline-w": [{
-        outline: [z, A]
+        outline: [z, S]
       }],
       /**
        * Outline Color
@@ -1648,7 +1662,7 @@ const p = (e) => {
        * @see https://tailwindcss.com/docs/ring-width
        */
       "ring-w": [{
-        ring: K()
+        ring: Y()
       }],
       /**
        * Ring Width Inset
@@ -1674,7 +1688,7 @@ const p = (e) => {
        * @see https://tailwindcss.com/docs/ring-offset-width
        */
       "ring-offset-w": [{
-        "ring-offset": [z, A]
+        "ring-offset": [z, S]
       }],
       /**
        * Ring Offset Color
@@ -1689,14 +1703,14 @@ const p = (e) => {
        * @see https://tailwindcss.com/docs/box-shadow
        */
       shadow: [{
-        shadow: ["", "inner", "none", S, Ze]
+        shadow: ["", "inner", "none", A, Ye]
       }],
       /**
        * Box Shadow Color
        * @see https://tailwindcss.com/docs/box-shadow-color
        */
       "shadow-color": [{
-        shadow: [E]
+        shadow: [W]
       }],
       /**
        * Opacity
@@ -1710,14 +1724,14 @@ const p = (e) => {
        * @see https://tailwindcss.com/docs/mix-blend-mode
        */
       "mix-blend": [{
-        "mix-blend": [...Q(), "plus-lighter", "plus-darker"]
+        "mix-blend": [...ee(), "plus-lighter", "plus-darker"]
       }],
       /**
        * Background Blend Mode
        * @see https://tailwindcss.com/docs/background-blend-mode
        */
       "bg-blend": [{
-        "bg-blend": Q()
+        "bg-blend": ee()
       }],
       // Filters
       /**
@@ -1733,7 +1747,7 @@ const p = (e) => {
        * @see https://tailwindcss.com/docs/blur
        */
       blur: [{
-        blur: [t]
+        blur: [r]
       }],
       /**
        * Brightness
@@ -1754,7 +1768,7 @@ const p = (e) => {
        * @see https://tailwindcss.com/docs/drop-shadow
        */
       "drop-shadow": [{
-        "drop-shadow": ["", "none", S, a]
+        "drop-shadow": ["", "none", A, a]
       }],
       /**
        * Grayscale
@@ -1768,7 +1782,7 @@ const p = (e) => {
        * @see https://tailwindcss.com/docs/hue-rotate
        */
       "hue-rotate": [{
-        "hue-rotate": [b]
+        "hue-rotate": [p]
       }],
       /**
        * Invert
@@ -1782,14 +1796,14 @@ const p = (e) => {
        * @see https://tailwindcss.com/docs/saturate
        */
       saturate: [{
-        saturate: [N]
+        saturate: [R]
       }],
       /**
        * Sepia
        * @see https://tailwindcss.com/docs/sepia
        */
       sepia: [{
-        sepia: [V]
+        sepia: [P]
       }],
       /**
        * Backdrop Filter
@@ -1804,7 +1818,7 @@ const p = (e) => {
        * @see https://tailwindcss.com/docs/backdrop-blur
        */
       "backdrop-blur": [{
-        "backdrop-blur": [t]
+        "backdrop-blur": [r]
       }],
       /**
        * Backdrop Brightness
@@ -1832,7 +1846,7 @@ const p = (e) => {
        * @see https://tailwindcss.com/docs/backdrop-hue-rotate
        */
       "backdrop-hue-rotate": [{
-        "backdrop-hue-rotate": [b]
+        "backdrop-hue-rotate": [p]
       }],
       /**
        * Backdrop Invert
@@ -1853,14 +1867,14 @@ const p = (e) => {
        * @see https://tailwindcss.com/docs/backdrop-saturate
        */
       "backdrop-saturate": [{
-        "backdrop-saturate": [N]
+        "backdrop-saturate": [R]
       }],
       /**
        * Backdrop Sepia
        * @see https://tailwindcss.com/docs/backdrop-sepia
        */
       "backdrop-sepia": [{
-        "backdrop-sepia": [V]
+        "backdrop-sepia": [P]
       }],
       // Tables
       /**
@@ -1918,7 +1932,7 @@ const p = (e) => {
        * @see https://tailwindcss.com/docs/transition-duration
        */
       duration: [{
-        duration: k()
+        duration: C()
       }],
       /**
        * Transition Timing Function
@@ -1932,7 +1946,7 @@ const p = (e) => {
        * @see https://tailwindcss.com/docs/transition-delay
        */
       delay: [{
-        delay: k()
+        delay: C()
       }],
       /**
        * Animation
@@ -1954,56 +1968,56 @@ const p = (e) => {
        * @see https://tailwindcss.com/docs/scale
        */
       scale: [{
-        scale: [R]
+        scale: [j]
       }],
       /**
        * Scale X
        * @see https://tailwindcss.com/docs/scale
        */
       "scale-x": [{
-        "scale-x": [R]
+        "scale-x": [j]
       }],
       /**
        * Scale Y
        * @see https://tailwindcss.com/docs/scale
        */
       "scale-y": [{
-        "scale-y": [R]
+        "scale-y": [j]
       }],
       /**
        * Rotate
        * @see https://tailwindcss.com/docs/rotate
        */
       rotate: [{
-        rotate: [G, a]
+        rotate: [I, a]
       }],
       /**
        * Translate X
        * @see https://tailwindcss.com/docs/translate
        */
       "translate-x": [{
-        "translate-x": [J]
+        "translate-x": [B]
       }],
       /**
        * Translate Y
        * @see https://tailwindcss.com/docs/translate
        */
       "translate-y": [{
-        "translate-y": [J]
+        "translate-y": [B]
       }],
       /**
        * Skew X
        * @see https://tailwindcss.com/docs/skew
        */
       "skew-x": [{
-        "skew-x": [H]
+        "skew-x": [L]
       }],
       /**
        * Skew Y
        * @see https://tailwindcss.com/docs/skew
        */
       "skew-y": [{
-        "skew-y": [H]
+        "skew-y": [L]
       }],
       /**
        * Transform Origin
@@ -2067,126 +2081,126 @@ const p = (e) => {
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-m": [{
-        "scroll-m": f()
+        "scroll-m": b()
       }],
       /**
        * Scroll Margin X
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mx": [{
-        "scroll-mx": f()
+        "scroll-mx": b()
       }],
       /**
        * Scroll Margin Y
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-my": [{
-        "scroll-my": f()
+        "scroll-my": b()
       }],
       /**
        * Scroll Margin Start
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-ms": [{
-        "scroll-ms": f()
+        "scroll-ms": b()
       }],
       /**
        * Scroll Margin End
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-me": [{
-        "scroll-me": f()
+        "scroll-me": b()
       }],
       /**
        * Scroll Margin Top
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mt": [{
-        "scroll-mt": f()
+        "scroll-mt": b()
       }],
       /**
        * Scroll Margin Right
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mr": [{
-        "scroll-mr": f()
+        "scroll-mr": b()
       }],
       /**
        * Scroll Margin Bottom
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mb": [{
-        "scroll-mb": f()
+        "scroll-mb": b()
       }],
       /**
        * Scroll Margin Left
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-ml": [{
-        "scroll-ml": f()
+        "scroll-ml": b()
       }],
       /**
        * Scroll Padding
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-p": [{
-        "scroll-p": f()
+        "scroll-p": b()
       }],
       /**
        * Scroll Padding X
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-px": [{
-        "scroll-px": f()
+        "scroll-px": b()
       }],
       /**
        * Scroll Padding Y
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-py": [{
-        "scroll-py": f()
+        "scroll-py": b()
       }],
       /**
        * Scroll Padding Start
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-ps": [{
-        "scroll-ps": f()
+        "scroll-ps": b()
       }],
       /**
        * Scroll Padding End
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pe": [{
-        "scroll-pe": f()
+        "scroll-pe": b()
       }],
       /**
        * Scroll Padding Top
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pt": [{
-        "scroll-pt": f()
+        "scroll-pt": b()
       }],
       /**
        * Scroll Padding Right
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pr": [{
-        "scroll-pr": f()
+        "scroll-pr": b()
       }],
       /**
        * Scroll Padding Bottom
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pb": [{
-        "scroll-pb": f()
+        "scroll-pb": b()
       }],
       /**
        * Scroll Padding Left
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pl": [{
-        "scroll-pl": f()
+        "scroll-pl": b()
       }],
       /**
        * Scroll Snap Align
@@ -2269,7 +2283,7 @@ const p = (e) => {
        * @see https://tailwindcss.com/docs/stroke-width
        */
       "stroke-w": [{
-        stroke: [z, A, _]
+        stroke: [z, S, H]
       }],
       /**
        * Stroke
@@ -2326,7 +2340,7 @@ const p = (e) => {
       "border-w": ["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-t", "border-color-r", "border-color-b", "border-color-l"],
+      "border-color": ["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"],
       "scroll-m": ["scroll-mx", "scroll-my", "scroll-ms", "scroll-me", "scroll-mt", "scroll-mr", "scroll-mb", "scroll-ml"],
@@ -2344,45 +2358,265 @@ const p = (e) => {
       "font-size": ["leading"]
     }
   };
-}, Ye = /* @__PURE__ */ Ee(Qe);
-function De(...e) {
-  return Ye(xe(e));
+}, rt = (e, {
+  cacheSize: t,
+  prefix: r,
+  separator: o,
+  experimentalParseClassName: n,
+  extend: s = {},
+  override: l = {}
+}) => {
+  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]);
+  for (const i in s)
+    st(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));
+    }
+}, nt = (e, ...t) => typeof e == "function" ? ie(le, e, ...t) : ie(() => rt(le(), e), ...t), it = nt({
+  prefix: "ksjsui-"
+});
+function he(...e) {
+  return it(Se(e));
 }
-const er = ve(
-  "inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",
+const lt = de(
+  "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 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",
   {
     variants: {
       variant: {
-        default: "bg-primary text-primary-foreground hover:bg-primary/90",
-        destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
-        outline: "border border-input bg-background hover:bg-accent hover:text-accent-foreground",
-        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
-        ghost: "hover:bg-accent hover:text-accent-foreground",
-        link: "text-primary underline-offset-4 hover:underline"
+        solid: "",
+        plain: "ksjsui-bg-transparent"
+      },
+      color: {
+        neutral: "",
+        primary: ""
       },
-      size: {
-        default: "h-10 px-4 py-2",
-        sm: "h-9 rounded-md px-3",
-        lg: "h-11 rounded-md px-8",
-        icon: "h-10 w-10"
+      fullWidth: {
+        true: "ksjsui-w-full"
       }
     },
     defaultVariants: {
-      variant: "default",
-      size: "default"
+      variant: "solid",
+      color: "neutral",
+      fullWidth: void 0
+    },
+    compoundVariants: [
+      {
+        variant: "solid",
+        color: "neutral",
+        className: "ksjsui-bg-neutral ksjsui-text-neutral-foreground hover:ksjsui-bg-neutral-hover"
+      },
+      {
+        variant: "solid",
+        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" }
+    ]
+  }
+), at = x.forwardRef(
+  ({
+    className: e,
+    endContent: t,
+    startContent: r,
+    variant: o,
+    color: n,
+    fullWidth: s,
+    asChild: l = !1,
+    children: i,
+    ...d
+  }, c) => /* @__PURE__ */ xe(
+    l ? J : "button",
+    {
+      className: he(lt({ variant: o, color: n, fullWidth: s, className: e })),
+      ref: c,
+      ...d,
+      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 })
+      ]
     }
+  )
+);
+at.displayName = "Button";
+const Q = [
+  "px",
+  0,
+  0.5,
+  1,
+  1.5,
+  2,
+  2.5,
+  3,
+  3.5,
+  4,
+  5,
+  6,
+  7,
+  8,
+  9,
+  10,
+  11,
+  12,
+  14,
+  16,
+  20,
+  24,
+  28,
+  32,
+  36,
+  40,
+  44,
+  48,
+  52,
+  56,
+  60,
+  64,
+  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),
+    { 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),
+    { 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),
+    { p: {}, pb: {}, pe: {}, ps: {}, pt: {}, px: {}, py: {} }
+  );
+}
+const ft = {
+  align: {
+    baseline: "ksjsui-items-baseline",
+    center: "ksjsui-items-center",
+    end: "ksjsui-items-end",
+    start: "ksjsui-items-start",
+    stretch: "ksjsui-items-stretch"
+  },
+  direction: {
+    "column-reverse": "ksjsui-flex-col-reverse",
+    "row-reverse": "ksjsui-flex-row-reverse",
+    column: "ksjsui-flex-col",
+    row: "ksjsui-flex-row"
+  },
+  display: {
+    "inline-flex": "ksjsui-inline-flex",
+    flex: "ksjsui-flex",
+    none: "ksjsui-hidden"
+  },
+  ...dt(),
+  justify: {
+    around: "ksjsui-justify-around",
+    baseline: "ksjsui-justify-baseline",
+    between: "ksjsui-justify-between",
+    center: "ksjsui-justify-center",
+    end: "ksjsui-justify-end",
+    normal: "ksjsui-justify-normal",
+    start: "ksjsui-justify-start",
+    stretch: "ksjsui-justify-stretch"
+  },
+  ...ut(),
+  ...pt(),
+  wrap: {
+    nowrap: "ksjsui-flex-nowrap",
+    reverse: "ksjsui-flex-wrap-reverse",
+    wrap: "ksjsui-flex-wrap"
+  }
+}, bt = de("ksjsui-inline-flex", {
+  variants: {
+    ...ft
+  },
+  defaultVariants: {
+    display: "flex",
+    justify: "start"
   }
-), rr = v.forwardRef(
-  ({ className: e, variant: r, size: t, asChild: o = !1, ...s }, n) => /* @__PURE__ */ W(
-    o ? oe : "button",
+}), gt = x.forwardRef(
+  ({
+    align: e,
+    as: t = "div",
+    asChild: r,
+    className: o,
+    display: n,
+    direction: s,
+    gap: l,
+    gapColumn: i,
+    gapRow: d,
+    justify: c,
+    m: p,
+    mb: h,
+    me: m,
+    ms: k,
+    mt: w,
+    mx: g,
+    my: u,
+    p: y,
+    pb: v,
+    pe: R,
+    ps: j,
+    pt: P,
+    px: L,
+    py: O,
+    wrap: B,
+    ...$
+  }, V) => /* @__PURE__ */ N(
+    r ? J : t,
     {
-      className: De(er({ variant: r, size: t, className: e })),
-      ref: n,
-      ...s
+      className: he(
+        bt({
+          align: e,
+          direction: s,
+          display: n,
+          gap: l,
+          gapColumn: i,
+          gapRow: d,
+          justify: c,
+          m: p,
+          mb: h,
+          me: m,
+          ms: k,
+          mt: w,
+          mx: g,
+          my: u,
+          p: y,
+          pb: v,
+          pe: R,
+          ps: j,
+          pt: P,
+          px: L,
+          py: O,
+          wrap: B,
+          className: o
+        })
+      ),
+      ref: V,
+      ...$
     }
   )
 );
-rr.displayName = "Button";
+gt.displayName = "Flex";
 export {
-  rr as Button
+  at as Button,
+  gt as Flex
 };