@helden-inc/cce-ui 0.1.0 → 0.1.1

package/dist/index.mjs

@@ -1,15 +1,16 @@
-import { jsxs as ne, jsx as R } from "react/jsx-runtime";
+import { jsxs as ne, jsx as z } from "react/jsx-runtime";
+import { isValidElement as Te, cloneElement as je } from "react";
 function ye(e) {
   var t, r, o = "";
   if (typeof e == "string" || typeof e == "number") o += e;
   else if (typeof e == "object") if (Array.isArray(e)) {
-    var a = e.length;
-    for (t = 0; t < a; t++) e[t] && (r = ye(e[t])) && (o && (o += " "), o += r);
+    var s = e.length;
+    for (t = 0; t < s; t++) e[t] && (r = ye(e[t])) && (o && (o += " "), o += r);
   } else for (r in e) e[r] && (o && (o += " "), o += r);
   return o;
 }
-function je() {
-  for (var e, t, r = 0, o = "", a = arguments.length; r < a; r++) (e = arguments[r]) && (t = ye(e)) && (o && (o += " "), o += t);
+function Ee() {
+  for (var e, t, r = 0, o = "", s = arguments.length; r < s; r++) (e = arguments[r]) && (t = ye(e)) && (o && (o += " "), o += t);
   return o;
 }
 const Le = (e, t) => {
@@ -26,22 +27,22 @@ const Le = (e, t) => {
   nextPart: e,
   validators: t,
   classGroupId: r
-}), Q = "-", ge = [], Ee = "arbitrary..", _e = (e) => {
-  const t = Fe(e), {
+}), Z = "-", ge = [], Ve = "arbitrary..", Fe = (e) => {
+  const t = We(e), {
     conflictingClassGroups: r,
     conflictingClassGroupModifiers: o
   } = e;
   return {
     getClassGroupId: (l) => {
       if (l.startsWith("[") && l.endsWith("]"))
-        return Ve(l);
-      const u = l.split(Q), i = u[0] === "" && u.length > 1 ? 1 : 0;
-      return Ce(u, i, t);
+        return Be(l);
+      const u = l.split(Z), c = u[0] === "" && u.length > 1 ? 1 : 0;
+      return Ce(u, c, t);
     },
     getConflictingClassGroupIds: (l, u) => {
       if (u) {
-        const i = o[l], f = r[l];
-        return i ? f ? Le(f, i) : i : f || ge;
+        const c = o[l], f = r[l];
+        return c ? f ? Le(f, c) : c : f || ge;
       }
       return r[l] || ge;
     }
@@ -49,77 +50,77 @@ const Le = (e, t) => {
 }, Ce = (e, t, r) => {
   if (e.length - t === 0)
     return r.classGroupId;
-  const a = e[t], d = r.nextPart.get(a);
-  if (d) {
-    const f = Ce(e, t + 1, d);
+  const s = e[t], i = r.nextPart.get(s);
+  if (i) {
+    const f = Ce(e, t + 1, i);
     if (f) return f;
   }
   const l = r.validators;
   if (l === null)
     return;
-  const u = t === 0 ? e.join(Q) : e.slice(t).join(Q), i = l.length;
-  for (let f = 0; f < i; f++) {
+  const u = t === 0 ? e.join(Z) : e.slice(t).join(Z), c = l.length;
+  for (let f = 0; f < c; f++) {
     const b = l[f];
     if (b.validator(u))
       return b.classGroupId;
   }
-}, Ve = (e) => e.slice(1, -1).indexOf(":") === -1 ? void 0 : (() => {
+}, Be = (e) => e.slice(1, -1).indexOf(":") === -1 ? void 0 : (() => {
   const t = e.slice(1, -1), r = t.indexOf(":"), o = t.slice(0, r);
-  return o ? Ee + o : void 0;
-})(), Fe = (e) => {
+  return o ? Ve + o : void 0;
+})(), We = (e) => {
   const {
     theme: t,
     classGroups: r
   } = e;
-  return Be(r, t);
-}, Be = (e, t) => {
+  return Ue(r, t);
+}, Ue = (e, t) => {
   const r = ve();
   for (const o in e) {
-    const a = e[o];
-    le(a, r, o, t);
+    const s = e[o];
+    le(s, r, o, t);
   }
   return r;
 }, le = (e, t, r, o) => {
-  const a = e.length;
-  for (let d = 0; d < a; d++) {
-    const l = e[d];
-    We(l, t, r, o);
+  const s = e.length;
+  for (let i = 0; i < s; i++) {
+    const l = e[i];
+    $e(l, t, r, o);
   }
-}, We = (e, t, r, o) => {
+}, $e = (e, t, r, o) => {
   if (typeof e == "string") {
-    Ue(e, t, r);
+    De(e, t, r);
     return;
   }
   if (typeof e == "function") {
-    $e(e, t, r, o);
+    Ye(e, t, r, o);
     return;
   }
-  De(e, t, r, o);
-}, Ue = (e, t, r) => {
+  qe(e, t, r, o);
+}, De = (e, t, r) => {
   const o = e === "" ? t : ze(t, e);
   o.classGroupId = r;
-}, $e = (e, t, r, o) => {
-  if (Ye(e)) {
+}, Ye = (e, t, r, o) => {
+  if (Xe(e)) {
     le(e(o), t, r, o);
     return;
   }
   t.validators === null && (t.validators = []), t.validators.push(Oe(r, e));
-}, De = (e, t, r, o) => {
-  const a = Object.entries(e), d = a.length;
-  for (let l = 0; l < d; l++) {
-    const [u, i] = a[l];
-    le(i, ze(t, u), r, o);
+}, qe = (e, t, r, o) => {
+  const s = Object.entries(e), i = s.length;
+  for (let l = 0; l < i; l++) {
+    const [u, c] = s[l];
+    le(c, ze(t, u), r, o);
   }
 }, ze = (e, t) => {
   let r = e;
-  const o = t.split(Q), a = o.length;
-  for (let d = 0; d < a; d++) {
-    const l = o[d];
+  const o = t.split(Z), s = o.length;
+  for (let i = 0; i < s; i++) {
+    const l = o[i];
     let u = r.nextPart.get(l);
     u || (u = ve(), r.nextPart.set(l, u)), r = u;
   }
   return r;
-}, Ye = (e) => "isThemeGetter" in e && e.isThemeGetter === !0, qe = (e) => {
+}, Xe = (e) => "isThemeGetter" in e && e.isThemeGetter === !0, Je = (e) => {
   if (e < 1)
     return {
       get: () => {
@@ -128,141 +129,141 @@ const Le = (e, t) => {
       }
     };
   let t = 0, r = /* @__PURE__ */ Object.create(null), o = /* @__PURE__ */ Object.create(null);
-  const a = (d, l) => {
-    r[d] = l, t++, t > e && (t = 0, o = r, r = /* @__PURE__ */ Object.create(null));
+  const s = (i, l) => {
+    r[i] = l, t++, t > e && (t = 0, o = r, r = /* @__PURE__ */ Object.create(null));
   };
   return {
-    get(d) {
-      let l = r[d];
+    get(i) {
+      let l = r[i];
       if (l !== void 0)
         return l;
-      if ((l = o[d]) !== void 0)
-        return a(d, l), l;
+      if ((l = o[i]) !== void 0)
+        return s(i, l), l;
     },
-    set(d, l) {
-      d in r ? r[d] = l : a(d, l);
+    set(i, l) {
+      i in r ? r[i] = l : s(i, l);
     }
   };
-}, ae = "!", he = ":", Xe = [], xe = (e, t, r, o, a) => ({
+}, ae = "!", he = ":", He = [], xe = (e, t, r, o, s) => ({
   modifiers: e,
   hasImportantModifier: t,
   baseClassName: r,
   maybePostfixModifierPosition: o,
-  isExternal: a
-}), Je = (e) => {
+  isExternal: s
+}), Ke = (e) => {
   const {
     prefix: t,
     experimentalParseClassName: r
   } = e;
-  let o = (a) => {
-    const d = [];
-    let l = 0, u = 0, i = 0, f;
-    const b = a.length;
-    for (let v = 0; v < b; v++) {
-      const w = a[v];
+  let o = (s) => {
+    const i = [];
+    let l = 0, u = 0, c = 0, f;
+    const b = s.length;
+    for (let k = 0; k < b; k++) {
+      const y = s[k];
       if (l === 0 && u === 0) {
-        if (w === he) {
-          d.push(a.slice(i, v)), i = v + 1;
+        if (y === he) {
+          i.push(s.slice(c, k)), c = k + 1;
           continue;
         }
-        if (w === "/") {
-          f = v;
+        if (y === "/") {
+          f = k;
           continue;
         }
       }
-      w === "[" ? l++ : w === "]" ? l-- : w === "(" ? u++ : w === ")" && u--;
+      y === "[" ? l++ : y === "]" ? l-- : y === "(" ? u++ : y === ")" && u--;
     }
-    const y = d.length === 0 ? a : a.slice(i);
-    let C = y, M = !1;
-    y.endsWith(ae) ? (C = y.slice(0, -1), M = !0) : (
+    const w = i.length === 0 ? s : s.slice(c);
+    let C = w, A = !1;
+    w.endsWith(ae) ? (C = w.slice(0, -1), A = !0) : (
       /**
        * In Tailwind CSS v3 the important modifier was at the start of the base class name. This is still supported for legacy reasons.
        * @see https://github.com/dcastil/tailwind-merge/issues/513#issuecomment-2614029864
        */
-      y.startsWith(ae) && (C = y.slice(1), M = !0)
+      w.startsWith(ae) && (C = w.slice(1), A = !0)
     );
-    const P = f && f > i ? f - i : void 0;
-    return xe(d, M, C, P);
+    const S = f && f > c ? f - c : void 0;
+    return xe(i, A, C, S);
   };
   if (t) {
-    const a = t + he, d = o;
-    o = (l) => l.startsWith(a) ? d(l.slice(a.length)) : xe(Xe, !1, l, void 0, !0);
+    const s = t + he, i = o;
+    o = (l) => l.startsWith(s) ? i(l.slice(s.length)) : xe(He, !1, l, void 0, !0);
   }
   if (r) {
-    const a = o;
-    o = (d) => r({
-      className: d,
-      parseClassName: a
+    const s = o;
+    o = (i) => r({
+      className: i,
+      parseClassName: s
     });
   }
   return o;
-}, He = (e) => {
+}, Qe = (e) => {
   const t = /* @__PURE__ */ new Map();
   return e.orderSensitiveModifiers.forEach((r, o) => {
     t.set(r, 1e6 + o);
   }), (r) => {
     const o = [];
-    let a = [];
-    for (let d = 0; d < r.length; d++) {
-      const l = r[d], u = l[0] === "[", i = t.has(l);
-      u || i ? (a.length > 0 && (a.sort(), o.push(...a), a = []), o.push(l)) : a.push(l);
+    let s = [];
+    for (let i = 0; i < r.length; i++) {
+      const l = r[i], u = l[0] === "[", c = t.has(l);
+      u || c ? (s.length > 0 && (s.sort(), o.push(...s), s = []), o.push(l)) : s.push(l);
     }
-    return a.length > 0 && (a.sort(), o.push(...a)), o;
+    return s.length > 0 && (s.sort(), o.push(...s)), o;
   };
-}, Ke = (e) => ({
-  cache: qe(e.cacheSize),
-  parseClassName: Je(e),
-  sortModifiers: He(e),
-  ..._e(e)
-}), Qe = /\s+/, Ze = (e, t) => {
+}, Ze = (e) => ({
+  cache: Je(e.cacheSize),
+  parseClassName: Ke(e),
+  sortModifiers: Qe(e),
+  ...Fe(e)
+}), eo = /\s+/, oo = (e, t) => {
   const {
     parseClassName: r,
     getClassGroupId: o,
-    getConflictingClassGroupIds: a,
-    sortModifiers: d
-  } = t, l = [], u = e.trim().split(Qe);
-  let i = "";
+    getConflictingClassGroupIds: s,
+    sortModifiers: i
+  } = t, l = [], u = e.trim().split(eo);
+  let c = "";
   for (let f = u.length - 1; f >= 0; f -= 1) {
     const b = u[f], {
-      isExternal: y,
+      isExternal: w,
       modifiers: C,
-      hasImportantModifier: M,
-      baseClassName: P,
-      maybePostfixModifierPosition: v
+      hasImportantModifier: A,
+      baseClassName: S,
+      maybePostfixModifierPosition: k
     } = r(b);
-    if (y) {
-      i = b + (i.length > 0 ? " " + i : i);
+    if (w) {
+      c = b + (c.length > 0 ? " " + c : c);
       continue;
     }
-    let w = !!v, G = o(w ? P.substring(0, v) : P);
-    if (!G) {
-      if (!w) {
-        i = b + (i.length > 0 ? " " + i : i);
+    let y = !!k, N = o(y ? S.substring(0, k) : S);
+    if (!N) {
+      if (!y) {
+        c = b + (c.length > 0 ? " " + c : c);
         continue;
       }
-      if (G = o(P), !G) {
-        i = b + (i.length > 0 ? " " + i : i);
+      if (N = o(S), !N) {
+        c = b + (c.length > 0 ? " " + c : c);
         continue;
       }
-      w = !1;
+      y = !1;
     }
-    const $ = C.length === 0 ? "" : C.length === 1 ? C[0] : d(C).join(":"), B = M ? $ + ae : $, L = B + G;
-    if (l.indexOf(L) > -1)
+    const D = C.length === 0 ? "" : C.length === 1 ? C[0] : i(C).join(":"), W = A ? D + ae : D, j = W + N;
+    if (l.indexOf(j) > -1)
       continue;
-    l.push(L);
-    const O = a(G, w);
-    for (let N = 0; N < O.length; ++N) {
-      const W = O[N];
-      l.push(B + W);
+    l.push(j);
+    const E = s(N, y);
+    for (let P = 0; P < E.length; ++P) {
+      const U = E[P];
+      l.push(W + U);
     }
-    i = b + (i.length > 0 ? " " + i : i);
+    c = b + (c.length > 0 ? " " + c : c);
   }
-  return i;
-}, eo = (...e) => {
-  let t = 0, r, o, a = "";
+  return c;
+}, ro = (...e) => {
+  let t = 0, r, o, s = "";
   for (; t < e.length; )
-    (r = e[t++]) && (o = Ae(r)) && (a && (a += " "), a += o);
-  return a;
+    (r = e[t++]) && (o = Ae(r)) && (s && (s += " "), s += o);
+  return s;
 }, Ae = (e) => {
   if (typeof e == "string")
     return e;
@@ -270,35 +271,35 @@ const Le = (e, t) => {
   for (let o = 0; o < e.length; o++)
     e[o] && (t = Ae(e[o])) && (r && (r += " "), r += t);
   return r;
-}, oo = (e, ...t) => {
-  let r, o, a, d;
-  const l = (i) => {
-    const f = t.reduce((b, y) => y(b), e());
-    return r = Ke(f), o = r.cache.get, a = r.cache.set, d = u, u(i);
-  }, u = (i) => {
-    const f = o(i);
+}, to = (e, ...t) => {
+  let r, o, s, i;
+  const l = (c) => {
+    const f = t.reduce((b, w) => w(b), e());
+    return r = Ze(f), o = r.cache.get, s = r.cache.set, i = u, u(c);
+  }, u = (c) => {
+    const f = o(c);
     if (f)
       return f;
-    const b = Ze(i, r);
-    return a(i, b), b;
+    const b = oo(c, r);
+    return s(c, b), b;
   };
-  return d = l, (...i) => d(eo(...i));
-}, ro = [], g = (e) => {
-  const t = (r) => r[e] || ro;
+  return i = l, (...c) => i(ro(...c));
+}, so = [], g = (e) => {
+  const t = (r) => r[e] || so;
   return t.isThemeGetter = !0, t;
-}, Se = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, Re = /^\((?:(\w[\w-]*):)?(.+)\)$/i, to = /^\d+\/\d+$/, so = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, no = /\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$/, ao = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, lo = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, io = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, _ = (e) => to.test(e), p = (e) => !!e && !Number.isNaN(Number(e)), I = (e) => !!e && Number.isInteger(Number(e)), re = (e) => e.endsWith("%") && p(e.slice(0, -1)), S = (e) => so.test(e), co = () => !0, mo = (e) => (
+}, Se = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, Re = /^\((?:(\w[\w-]*):)?(.+)\)$/i, no = /^\d+\/\d+$/, ao = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, lo = /\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$/, io = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, co = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, mo = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, O = (e) => no.test(e), p = (e) => !!e && !Number.isNaN(Number(e)), M = (e) => !!e && Number.isInteger(Number(e)), te = (e) => e.endsWith("%") && p(e.slice(0, -1)), I = (e) => ao.test(e), po = () => !0, uo = (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.
-  no.test(e) && !ao.test(e)
-), Ie = () => !1, po = (e) => lo.test(e), uo = (e) => io.test(e), fo = (e) => !s(e) && !n(e), bo = (e) => V(e, Ge, Ie), s = (e) => Se.test(e), j = (e) => V(e, Ne, mo), te = (e) => V(e, ko, p), we = (e) => V(e, Me, Ie), go = (e) => V(e, Pe, uo), H = (e) => V(e, Te, po), n = (e) => Re.test(e), U = (e) => F(e, Ne), ho = (e) => F(e, yo), ke = (e) => F(e, Me), xo = (e) => F(e, Ge), wo = (e) => F(e, Pe), K = (e) => F(e, Te, !0), V = (e, t, r) => {
+  lo.test(e) && !io.test(e)
+), _e = () => !1, fo = (e) => co.test(e), bo = (e) => mo.test(e), go = (e) => !n(e) && !a(e), ho = (e) => F(e, Ne, _e), n = (e) => Se.test(e), T = (e) => F(e, Pe, uo), se = (e) => F(e, vo, p), we = (e) => F(e, Ie, _e), xo = (e) => F(e, Me, bo), K = (e) => F(e, Ge, fo), a = (e) => Re.test(e), $ = (e) => B(e, Pe), wo = (e) => B(e, Co), ke = (e) => B(e, Ie), ko = (e) => B(e, Ne), yo = (e) => B(e, Me), Q = (e) => B(e, Ge, !0), F = (e, t, r) => {
   const o = Se.exec(e);
   return o ? o[1] ? t(o[1]) : r(o[2]) : !1;
-}, F = (e, t, r = !1) => {
+}, B = (e, t, r = !1) => {
   const o = Re.exec(e);
   return o ? o[1] ? t(o[1]) : r : !1;
-}, Me = (e) => e === "position" || e === "percentage", Pe = (e) => e === "image" || e === "url", Ge = (e) => e === "length" || e === "size" || e === "bg-size", Ne = (e) => e === "length", ko = (e) => e === "number", yo = (e) => e === "family-name", Te = (e) => e === "shadow", vo = () => {
-  const e = g("color"), t = g("font"), r = g("text"), o = g("font-weight"), a = g("tracking"), d = g("leading"), l = g("breakpoint"), u = g("container"), i = g("spacing"), f = g("radius"), b = g("shadow"), y = g("inset-shadow"), C = g("text-shadow"), M = g("drop-shadow"), P = g("blur"), v = g("perspective"), w = g("aspect"), G = g("ease"), $ = g("animate"), B = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], L = () => [
+}, Ie = (e) => e === "position" || e === "percentage", Me = (e) => e === "image" || e === "url", Ne = (e) => e === "length" || e === "size" || e === "bg-size", Pe = (e) => e === "length", vo = (e) => e === "number", Co = (e) => e === "family-name", Ge = (e) => e === "shadow", zo = () => {
+  const e = g("color"), t = g("font"), r = g("text"), o = g("font-weight"), s = g("tracking"), i = g("leading"), l = g("breakpoint"), u = g("container"), c = g("spacing"), f = g("radius"), b = g("shadow"), w = g("inset-shadow"), C = g("text-shadow"), A = g("drop-shadow"), S = g("blur"), k = g("perspective"), y = g("aspect"), N = g("ease"), D = g("animate"), W = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], j = () => [
     "center",
     "top",
     "bottom",
@@ -316,51 +317,51 @@ const Le = (e, t) => {
     "bottom-left",
     // Deprecated since Tailwind CSS v4.1.0, see https://github.com/tailwindlabs/tailwindcss/pull/17378
     "left-bottom"
-  ], O = () => [...L(), n, s], N = () => ["auto", "hidden", "clip", "visible", "scroll"], W = () => ["auto", "contain", "none"], m = () => [n, s, i], z = () => [_, "full", "auto", ...m()], ie = () => [I, "none", "subgrid", n, s], ce = () => ["auto", {
-    span: ["full", I, n, s]
-  }, I, n, s], D = () => [I, "auto", n, s], de = () => ["auto", "min", "max", "fr", n, s], Z = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], E = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], A = () => ["auto", ...m()], T = () => [_, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...m()], c = () => [e, n, s], me = () => [...L(), ke, we, {
-    position: [n, s]
+  ], E = () => [...j(), a, n], P = () => ["auto", "hidden", "clip", "visible", "scroll"], U = () => ["auto", "contain", "none"], m = () => [a, n, c], R = () => [O, "full", "auto", ...m()], ie = () => [M, "none", "subgrid", a, n], ce = () => ["auto", {
+    span: ["full", M, a, n]
+  }, M, a, n], Y = () => [M, "auto", a, n], de = () => ["auto", "min", "max", "fr", a, n], ee = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], L = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], _ = () => ["auto", ...m()], G = () => [O, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...m()], d = () => [e, a, n], me = () => [...j(), ke, we, {
+    position: [a, n]
   }], pe = () => ["no-repeat", {
     repeat: ["", "x", "y", "space", "round"]
-  }], ue = () => ["auto", "cover", "contain", xo, bo, {
-    size: [n, s]
-  }], ee = () => [re, U, j], x = () => [
+  }], ue = () => ["auto", "cover", "contain", ko, ho, {
+    size: [a, n]
+  }], oe = () => [te, $, T], x = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
     "full",
     f,
-    n,
-    s
-  ], k = () => ["", p, U, j], Y = () => ["solid", "dashed", "dotted", "double"], fe = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], h = () => [p, re, ke, we], be = () => [
+    a,
+    n
+  ], v = () => ["", p, $, T], q = () => ["solid", "dashed", "dotted", "double"], fe = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], h = () => [p, te, ke, we], be = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
-    P,
-    n,
-    s
-  ], q = () => ["none", p, n, s], X = () => ["none", p, n, s], oe = () => [p, n, s], J = () => [_, "full", ...m()];
+    S,
+    a,
+    n
+  ], X = () => ["none", p, a, n], J = () => ["none", p, a, n], re = () => [p, a, n], H = () => [O, "full", ...m()];
   return {
     cacheSize: 500,
     theme: {
       animate: ["spin", "ping", "pulse", "bounce"],
       aspect: ["video"],
-      blur: [S],
-      breakpoint: [S],
-      color: [co],
-      container: [S],
-      "drop-shadow": [S],
+      blur: [I],
+      breakpoint: [I],
+      color: [po],
+      container: [I],
+      "drop-shadow": [I],
       ease: ["in", "out", "in-out"],
-      font: [fo],
+      font: [go],
       "font-weight": ["thin", "extralight", "light", "normal", "medium", "semibold", "bold", "extrabold", "black"],
-      "inset-shadow": [S],
+      "inset-shadow": [I],
       leading: ["none", "tight", "snug", "normal", "relaxed", "loose"],
       perspective: ["dramatic", "near", "normal", "midrange", "distant", "none"],
-      radius: [S],
-      shadow: [S],
+      radius: [I],
+      shadow: [I],
       spacing: ["px", p],
-      text: [S],
-      "text-shadow": [S],
+      text: [I],
+      "text-shadow": [I],
       tracking: ["tighter", "tight", "normal", "wide", "wider", "widest"]
     },
     classGroups: {
@@ -372,7 +373,7 @@ const Le = (e, t) => {
        * @see https://tailwindcss.com/docs/aspect-ratio
        */
       aspect: [{
-        aspect: ["auto", "square", _, s, n, w]
+        aspect: ["auto", "square", O, n, a, y]
       }],
       /**
        * Container
@@ -385,21 +386,21 @@ const Le = (e, t) => {
        * @see https://tailwindcss.com/docs/columns
        */
       columns: [{
-        columns: [p, s, n, u]
+        columns: [p, n, a, u]
       }],
       /**
        * Break After
        * @see https://tailwindcss.com/docs/break-after
        */
       "break-after": [{
-        "break-after": B()
+        "break-after": W()
       }],
       /**
        * Break Before
        * @see https://tailwindcss.com/docs/break-before
        */
       "break-before": [{
-        "break-before": B()
+        "break-before": W()
       }],
       /**
        * Break Inside
@@ -463,49 +464,49 @@ const Le = (e, t) => {
        * @see https://tailwindcss.com/docs/object-position
        */
       "object-position": [{
-        object: O()
+        object: E()
       }],
       /**
        * Overflow
        * @see https://tailwindcss.com/docs/overflow
        */
       overflow: [{
-        overflow: N()
+        overflow: P()
       }],
       /**
        * Overflow X
        * @see https://tailwindcss.com/docs/overflow
        */
       "overflow-x": [{
-        "overflow-x": N()
+        "overflow-x": P()
       }],
       /**
        * Overflow Y
        * @see https://tailwindcss.com/docs/overflow
        */
       "overflow-y": [{
-        "overflow-y": N()
+        "overflow-y": P()
       }],
       /**
        * Overscroll Behavior
        * @see https://tailwindcss.com/docs/overscroll-behavior
        */
       overscroll: [{
-        overscroll: W()
+        overscroll: U()
       }],
       /**
        * Overscroll Behavior X
        * @see https://tailwindcss.com/docs/overscroll-behavior
        */
       "overscroll-x": [{
-        "overscroll-x": W()
+        "overscroll-x": U()
       }],
       /**
        * Overscroll Behavior Y
        * @see https://tailwindcss.com/docs/overscroll-behavior
        */
       "overscroll-y": [{
-        "overscroll-y": W()
+        "overscroll-y": U()
       }],
       /**
        * Position
@@ -517,63 +518,63 @@ const Le = (e, t) => {
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       inset: [{
-        inset: z()
+        inset: R()
       }],
       /**
        * Right / Left
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       "inset-x": [{
-        "inset-x": z()
+        "inset-x": R()
       }],
       /**
        * Top / Bottom
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       "inset-y": [{
-        "inset-y": z()
+        "inset-y": R()
       }],
       /**
        * Start
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       start: [{
-        start: z()
+        start: R()
       }],
       /**
        * End
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       end: [{
-        end: z()
+        end: R()
       }],
       /**
        * Top
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       top: [{
-        top: z()
+        top: R()
       }],
       /**
        * Right
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       right: [{
-        right: z()
+        right: R()
       }],
       /**
        * Bottom
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       bottom: [{
-        bottom: z()
+        bottom: R()
       }],
       /**
        * Left
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       left: [{
-        left: z()
+        left: R()
       }],
       /**
        * Visibility
@@ -585,7 +586,7 @@ const Le = (e, t) => {
        * @see https://tailwindcss.com/docs/z-index
        */
       z: [{
-        z: [I, "auto", n, s]
+        z: [M, "auto", a, n]
       }],
       // ------------------------
       // --- Flexbox and Grid ---
@@ -595,7 +596,7 @@ const Le = (e, t) => {
        * @see https://tailwindcss.com/docs/flex-basis
        */
       basis: [{
-        basis: [_, "full", "auto", u, ...m()]
+        basis: [O, "full", "auto", u, ...m()]
       }],
       /**
        * Flex Direction
@@ -616,28 +617,28 @@ const Le = (e, t) => {
        * @see https://tailwindcss.com/docs/flex
        */
       flex: [{
-        flex: [p, _, "auto", "initial", "none", s]
+        flex: [p, O, "auto", "initial", "none", n]
       }],
       /**
        * Flex Grow
        * @see https://tailwindcss.com/docs/flex-grow
        */
       grow: [{
-        grow: ["", p, n, s]
+        grow: ["", p, a, n]
       }],
       /**
        * Flex Shrink
        * @see https://tailwindcss.com/docs/flex-shrink
        */
       shrink: [{
-        shrink: ["", p, n, s]
+        shrink: ["", p, a, n]
       }],
       /**
        * Order
        * @see https://tailwindcss.com/docs/order
        */
       order: [{
-        order: [I, "first", "last", "none", n, s]
+        order: [M, "first", "last", "none", a, n]
       }],
       /**
        * Grid Template Columns
@@ -658,14 +659,14 @@ const Le = (e, t) => {
        * @see https://tailwindcss.com/docs/grid-column
        */
       "col-start": [{
-        "col-start": D()
+        "col-start": Y()
       }],
       /**
        * Grid Column End
        * @see https://tailwindcss.com/docs/grid-column
        */
       "col-end": [{
-        "col-end": D()
+        "col-end": Y()
       }],
       /**
        * Grid Template Rows
@@ -686,14 +687,14 @@ const Le = (e, t) => {
        * @see https://tailwindcss.com/docs/grid-row
        */
       "row-start": [{
-        "row-start": D()
+        "row-start": Y()
       }],
       /**
        * Grid Row End
        * @see https://tailwindcss.com/docs/grid-row
        */
       "row-end": [{
-        "row-end": D()
+        "row-end": Y()
       }],
       /**
        * Grid Auto Flow
@@ -742,35 +743,35 @@ const Le = (e, t) => {
        * @see https://tailwindcss.com/docs/justify-content
        */
       "justify-content": [{
-        justify: [...Z(), "normal"]
+        justify: [...ee(), "normal"]
       }],
       /**
        * Justify Items
        * @see https://tailwindcss.com/docs/justify-items
        */
       "justify-items": [{
-        "justify-items": [...E(), "normal"]
+        "justify-items": [...L(), "normal"]
       }],
       /**
        * Justify Self
        * @see https://tailwindcss.com/docs/justify-self
        */
       "justify-self": [{
-        "justify-self": ["auto", ...E()]
+        "justify-self": ["auto", ...L()]
       }],
       /**
        * Align Content
        * @see https://tailwindcss.com/docs/align-content
        */
       "align-content": [{
-        content: ["normal", ...Z()]
+        content: ["normal", ...ee()]
       }],
       /**
        * Align Items
        * @see https://tailwindcss.com/docs/align-items
        */
       "align-items": [{
-        items: [...E(), {
+        items: [...L(), {
           baseline: ["", "last"]
         }]
       }],
@@ -779,7 +780,7 @@ const Le = (e, t) => {
        * @see https://tailwindcss.com/docs/align-self
        */
       "align-self": [{
-        self: ["auto", ...E(), {
+        self: ["auto", ...L(), {
           baseline: ["", "last"]
         }]
       }],
@@ -788,21 +789,21 @@ const Le = (e, t) => {
        * @see https://tailwindcss.com/docs/place-content
        */
       "place-content": [{
-        "place-content": Z()
+        "place-content": ee()
       }],
       /**
        * Place Items
        * @see https://tailwindcss.com/docs/place-items
        */
       "place-items": [{
-        "place-items": [...E(), "baseline"]
+        "place-items": [...L(), "baseline"]
       }],
       /**
        * Place Self
        * @see https://tailwindcss.com/docs/place-self
        */
       "place-self": [{
-        "place-self": ["auto", ...E()]
+        "place-self": ["auto", ...L()]
       }],
       // Spacing
       /**
@@ -873,63 +874,63 @@ const Le = (e, t) => {
        * @see https://tailwindcss.com/docs/margin
        */
       m: [{
-        m: A()
+        m: _()
       }],
       /**
        * Margin X
        * @see https://tailwindcss.com/docs/margin
        */
       mx: [{
-        mx: A()
+        mx: _()
       }],
       /**
        * Margin Y
        * @see https://tailwindcss.com/docs/margin
        */
       my: [{
-        my: A()
+        my: _()
       }],
       /**
        * Margin Start
        * @see https://tailwindcss.com/docs/margin
        */
       ms: [{
-        ms: A()
+        ms: _()
       }],
       /**
        * Margin End
        * @see https://tailwindcss.com/docs/margin
        */
       me: [{
-        me: A()
+        me: _()
       }],
       /**
        * Margin Top
        * @see https://tailwindcss.com/docs/margin
        */
       mt: [{
-        mt: A()
+        mt: _()
       }],
       /**
        * Margin Right
        * @see https://tailwindcss.com/docs/margin
        */
       mr: [{
-        mr: A()
+        mr: _()
       }],
       /**
        * Margin Bottom
        * @see https://tailwindcss.com/docs/margin
        */
       mb: [{
-        mb: A()
+        mb: _()
       }],
       /**
        * Margin Left
        * @see https://tailwindcss.com/docs/margin
        */
       ml: [{
-        ml: A()
+        ml: _()
       }],
       /**
        * Space Between X
@@ -963,14 +964,14 @@ const Le = (e, t) => {
        * @see https://tailwindcss.com/docs/width#setting-both-width-and-height
        */
       size: [{
-        size: T()
+        size: G()
       }],
       /**
        * Width
        * @see https://tailwindcss.com/docs/width
        */
       w: [{
-        w: [u, "screen", ...T()]
+        w: [u, "screen", ...G()]
       }],
       /**
        * Min-Width
@@ -982,7 +983,7 @@ const Le = (e, t) => {
           "screen",
           /** Deprecated. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
           "none",
-          ...T()
+          ...G()
         ]
       }],
       /**
@@ -1000,7 +1001,7 @@ const Le = (e, t) => {
           {
             screen: [l]
           },
-          ...T()
+          ...G()
         ]
       }],
       /**
@@ -1008,21 +1009,21 @@ const Le = (e, t) => {
        * @see https://tailwindcss.com/docs/height
        */
       h: [{
-        h: ["screen", "lh", ...T()]
+        h: ["screen", "lh", ...G()]
       }],
       /**
        * Min-Height
        * @see https://tailwindcss.com/docs/min-height
        */
       "min-h": [{
-        "min-h": ["screen", "lh", "none", ...T()]
+        "min-h": ["screen", "lh", "none", ...G()]
       }],
       /**
        * Max-Height
        * @see https://tailwindcss.com/docs/max-height
        */
       "max-h": [{
-        "max-h": ["screen", "lh", ...T()]
+        "max-h": ["screen", "lh", ...G()]
       }],
       // ------------------
       // --- Typography ---
@@ -1032,7 +1033,7 @@ const Le = (e, t) => {
        * @see https://tailwindcss.com/docs/font-size
        */
       "font-size": [{
-        text: ["base", r, U, j]
+        text: ["base", r, $, T]
       }],
       /**
        * Font Smoothing
@@ -1049,21 +1050,21 @@ const Le = (e, t) => {
        * @see https://tailwindcss.com/docs/font-weight
        */
       "font-weight": [{
-        font: [o, n, te]
+        font: [o, a, se]
       }],
       /**
        * Font Stretch
        * @see https://tailwindcss.com/docs/font-stretch
        */
       "font-stretch": [{
-        "font-stretch": ["ultra-condensed", "extra-condensed", "condensed", "semi-condensed", "normal", "semi-expanded", "expanded", "extra-expanded", "ultra-expanded", re, s]
+        "font-stretch": ["ultra-condensed", "extra-condensed", "condensed", "semi-condensed", "normal", "semi-expanded", "expanded", "extra-expanded", "ultra-expanded", te, n]
       }],
       /**
        * Font Family
        * @see https://tailwindcss.com/docs/font-family
        */
       "font-family": [{
-        font: [ho, s, t]
+        font: [wo, n, t]
       }],
       /**
        * Font Variant Numeric
@@ -1100,14 +1101,14 @@ const Le = (e, t) => {
        * @see https://tailwindcss.com/docs/letter-spacing
        */
       tracking: [{
-        tracking: [a, n, s]
+        tracking: [s, a, n]
       }],
       /**
        * Line Clamp
        * @see https://tailwindcss.com/docs/line-clamp
        */
       "line-clamp": [{
-        "line-clamp": [p, "none", n, te]
+        "line-clamp": [p, "none", a, se]
       }],
       /**
        * Line Height
@@ -1116,7 +1117,7 @@ const Le = (e, t) => {
       leading: [{
         leading: [
           /** Deprecated since Tailwind CSS v4.0.0. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
-          d,
+          i,
           ...m()
         ]
       }],
@@ -1125,7 +1126,7 @@ const Le = (e, t) => {
        * @see https://tailwindcss.com/docs/list-style-image
        */
       "list-image": [{
-        "list-image": ["none", n, s]
+        "list-image": ["none", a, n]
       }],
       /**
        * List Style Position
@@ -1139,7 +1140,7 @@ const Le = (e, t) => {
        * @see https://tailwindcss.com/docs/list-style-type
        */
       "list-style-type": [{
-        list: ["disc", "decimal", "none", n, s]
+        list: ["disc", "decimal", "none", a, n]
       }],
       /**
        * Text Alignment
@@ -1154,14 +1155,14 @@ const Le = (e, t) => {
        * @see https://v3.tailwindcss.com/docs/placeholder-color
        */
       "placeholder-color": [{
-        placeholder: c()
+        placeholder: d()
       }],
       /**
        * Text Color
        * @see https://tailwindcss.com/docs/text-color
        */
       "text-color": [{
-        text: c()
+        text: d()
       }],
       /**
        * Text Decoration
@@ -1173,28 +1174,28 @@ const Le = (e, t) => {
        * @see https://tailwindcss.com/docs/text-decoration-style
        */
       "text-decoration-style": [{
-        decoration: [...Y(), "wavy"]
+        decoration: [...q(), "wavy"]
       }],
       /**
        * Text Decoration Thickness
        * @see https://tailwindcss.com/docs/text-decoration-thickness
        */
       "text-decoration-thickness": [{
-        decoration: [p, "from-font", "auto", n, j]
+        decoration: [p, "from-font", "auto", a, T]
       }],
       /**
        * Text Decoration Color
        * @see https://tailwindcss.com/docs/text-decoration-color
        */
       "text-decoration-color": [{
-        decoration: c()
+        decoration: d()
       }],
       /**
        * Text Underline Offset
        * @see https://tailwindcss.com/docs/text-underline-offset
        */
       "underline-offset": [{
-        "underline-offset": [p, "auto", n, s]
+        "underline-offset": [p, "auto", a, n]
       }],
       /**
        * Text Transform
@@ -1225,7 +1226,7 @@ const Le = (e, t) => {
        * @see https://tailwindcss.com/docs/vertical-align
        */
       "vertical-align": [{
-        align: ["baseline", "top", "middle", "bottom", "text-top", "text-bottom", "sub", "super", n, s]
+        align: ["baseline", "top", "middle", "bottom", "text-top", "text-bottom", "sub", "super", a, n]
       }],
       /**
        * Whitespace
@@ -1260,7 +1261,7 @@ const Le = (e, t) => {
        * @see https://tailwindcss.com/docs/content
        */
       content: [{
-        content: ["none", n, s]
+        content: ["none", a, n]
       }],
       // -------------------
       // --- Backgrounds ---
@@ -1315,59 +1316,59 @@ const Le = (e, t) => {
         bg: ["none", {
           linear: [{
             to: ["t", "tr", "r", "br", "b", "bl", "l", "tl"]
-          }, I, n, s],
-          radial: ["", n, s],
-          conic: [I, n, s]
-        }, wo, go]
+          }, M, a, n],
+          radial: ["", a, n],
+          conic: [M, a, n]
+        }, yo, xo]
       }],
       /**
        * Background Color
        * @see https://tailwindcss.com/docs/background-color
        */
       "bg-color": [{
-        bg: c()
+        bg: d()
       }],
       /**
        * Gradient Color Stops From Position
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-from-pos": [{
-        from: ee()
+        from: oe()
       }],
       /**
        * Gradient Color Stops Via Position
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-via-pos": [{
-        via: ee()
+        via: oe()
       }],
       /**
        * Gradient Color Stops To Position
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-to-pos": [{
-        to: ee()
+        to: oe()
       }],
       /**
        * Gradient Color Stops From
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-from": [{
-        from: c()
+        from: d()
       }],
       /**
        * Gradient Color Stops Via
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-via": [{
-        via: c()
+        via: d()
       }],
       /**
        * Gradient Color Stops To
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-to": [{
-        to: c()
+        to: d()
       }],
       // ---------------
       // --- Borders ---
@@ -1482,70 +1483,70 @@ const Le = (e, t) => {
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w": [{
-        border: k()
+        border: v()
       }],
       /**
        * Border Width X
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-x": [{
-        "border-x": k()
+        "border-x": v()
       }],
       /**
        * Border Width Y
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-y": [{
-        "border-y": k()
+        "border-y": v()
       }],
       /**
        * Border Width Start
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-s": [{
-        "border-s": k()
+        "border-s": v()
       }],
       /**
        * Border Width End
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-e": [{
-        "border-e": k()
+        "border-e": v()
       }],
       /**
        * Border Width Top
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-t": [{
-        "border-t": k()
+        "border-t": v()
       }],
       /**
        * Border Width Right
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-r": [{
-        "border-r": k()
+        "border-r": v()
       }],
       /**
        * Border Width Bottom
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-b": [{
-        "border-b": k()
+        "border-b": v()
       }],
       /**
        * Border Width Left
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-l": [{
-        "border-l": k()
+        "border-l": v()
       }],
       /**
        * Divide Width X
        * @see https://tailwindcss.com/docs/border-width#between-children
        */
       "divide-x": [{
-        "divide-x": k()
+        "divide-x": v()
       }],
       /**
        * Divide Width X Reverse
@@ -1557,7 +1558,7 @@ const Le = (e, t) => {
        * @see https://tailwindcss.com/docs/border-width#between-children
        */
       "divide-y": [{
-        "divide-y": k()
+        "divide-y": v()
       }],
       /**
        * Divide Width Y Reverse
@@ -1569,112 +1570,112 @@ const Le = (e, t) => {
        * @see https://tailwindcss.com/docs/border-style
        */
       "border-style": [{
-        border: [...Y(), "hidden", "none"]
+        border: [...q(), "hidden", "none"]
       }],
       /**
        * Divide Style
        * @see https://tailwindcss.com/docs/border-style#setting-the-divider-style
        */
       "divide-style": [{
-        divide: [...Y(), "hidden", "none"]
+        divide: [...q(), "hidden", "none"]
       }],
       /**
        * Border Color
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color": [{
-        border: c()
+        border: d()
       }],
       /**
        * Border Color X
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-x": [{
-        "border-x": c()
+        "border-x": d()
       }],
       /**
        * Border Color Y
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-y": [{
-        "border-y": c()
+        "border-y": d()
       }],
       /**
        * Border Color S
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-s": [{
-        "border-s": c()
+        "border-s": d()
       }],
       /**
        * Border Color E
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-e": [{
-        "border-e": c()
+        "border-e": d()
       }],
       /**
        * Border Color Top
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-t": [{
-        "border-t": c()
+        "border-t": d()
       }],
       /**
        * Border Color Right
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-r": [{
-        "border-r": c()
+        "border-r": d()
       }],
       /**
        * Border Color Bottom
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-b": [{
-        "border-b": c()
+        "border-b": d()
       }],
       /**
        * Border Color Left
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-l": [{
-        "border-l": c()
+        "border-l": d()
       }],
       /**
        * Divide Color
        * @see https://tailwindcss.com/docs/divide-color
        */
       "divide-color": [{
-        divide: c()
+        divide: d()
       }],
       /**
        * Outline Style
        * @see https://tailwindcss.com/docs/outline-style
        */
       "outline-style": [{
-        outline: [...Y(), "none", "hidden"]
+        outline: [...q(), "none", "hidden"]
       }],
       /**
        * Outline Offset
        * @see https://tailwindcss.com/docs/outline-offset
        */
       "outline-offset": [{
-        "outline-offset": [p, n, s]
+        "outline-offset": [p, a, n]
       }],
       /**
        * Outline Width
        * @see https://tailwindcss.com/docs/outline-width
        */
       "outline-w": [{
-        outline: ["", p, U, j]
+        outline: ["", p, $, T]
       }],
       /**
        * Outline Color
        * @see https://tailwindcss.com/docs/outline-color
        */
       "outline-color": [{
-        outline: c()
+        outline: d()
       }],
       // ---------------
       // --- Effects ---
@@ -1689,8 +1690,8 @@ const Le = (e, t) => {
           "",
           "none",
           b,
-          K,
-          H
+          Q,
+          K
         ]
       }],
       /**
@@ -1698,28 +1699,28 @@ const Le = (e, t) => {
        * @see https://tailwindcss.com/docs/box-shadow#setting-the-shadow-color
        */
       "shadow-color": [{
-        shadow: c()
+        shadow: d()
       }],
       /**
        * Inset Box Shadow
        * @see https://tailwindcss.com/docs/box-shadow#adding-an-inset-shadow
        */
       "inset-shadow": [{
-        "inset-shadow": ["none", y, K, H]
+        "inset-shadow": ["none", w, Q, K]
       }],
       /**
        * Inset Box Shadow Color
        * @see https://tailwindcss.com/docs/box-shadow#setting-the-inset-shadow-color
        */
       "inset-shadow-color": [{
-        "inset-shadow": c()
+        "inset-shadow": d()
       }],
       /**
        * Ring Width
        * @see https://tailwindcss.com/docs/box-shadow#adding-a-ring
        */
       "ring-w": [{
-        ring: k()
+        ring: v()
       }],
       /**
        * Ring Width Inset
@@ -1733,7 +1734,7 @@ const Le = (e, t) => {
        * @see https://tailwindcss.com/docs/box-shadow#setting-the-ring-color
        */
       "ring-color": [{
-        ring: c()
+        ring: d()
       }],
       /**
        * Ring Offset Width
@@ -1742,7 +1743,7 @@ const Le = (e, t) => {
        * @see https://github.com/tailwindlabs/tailwindcss/blob/v4.0.0/packages/tailwindcss/src/utilities.ts#L4158
        */
       "ring-offset-w": [{
-        "ring-offset": [p, j]
+        "ring-offset": [p, T]
       }],
       /**
        * Ring Offset Color
@@ -1751,42 +1752,42 @@ const Le = (e, t) => {
        * @see https://github.com/tailwindlabs/tailwindcss/blob/v4.0.0/packages/tailwindcss/src/utilities.ts#L4158
        */
       "ring-offset-color": [{
-        "ring-offset": c()
+        "ring-offset": d()
       }],
       /**
        * Inset Ring Width
        * @see https://tailwindcss.com/docs/box-shadow#adding-an-inset-ring
        */
       "inset-ring-w": [{
-        "inset-ring": k()
+        "inset-ring": v()
       }],
       /**
        * Inset Ring Color
        * @see https://tailwindcss.com/docs/box-shadow#setting-the-inset-ring-color
        */
       "inset-ring-color": [{
-        "inset-ring": c()
+        "inset-ring": d()
       }],
       /**
        * Text Shadow
        * @see https://tailwindcss.com/docs/text-shadow
        */
       "text-shadow": [{
-        "text-shadow": ["none", C, K, H]
+        "text-shadow": ["none", C, Q, K]
       }],
       /**
        * Text Shadow Color
        * @see https://tailwindcss.com/docs/text-shadow#setting-the-shadow-color
        */
       "text-shadow-color": [{
-        "text-shadow": c()
+        "text-shadow": d()
       }],
       /**
        * Opacity
        * @see https://tailwindcss.com/docs/opacity
        */
       opacity: [{
-        opacity: [p, n, s]
+        opacity: [p, a, n]
       }],
       /**
        * Mix Blend Mode
@@ -1830,10 +1831,10 @@ const Le = (e, t) => {
         "mask-linear-to": h()
       }],
       "mask-image-linear-from-color": [{
-        "mask-linear-from": c()
+        "mask-linear-from": d()
       }],
       "mask-image-linear-to-color": [{
-        "mask-linear-to": c()
+        "mask-linear-to": d()
       }],
       "mask-image-t-from-pos": [{
         "mask-t-from": h()
@@ -1842,10 +1843,10 @@ const Le = (e, t) => {
         "mask-t-to": h()
       }],
       "mask-image-t-from-color": [{
-        "mask-t-from": c()
+        "mask-t-from": d()
       }],
       "mask-image-t-to-color": [{
-        "mask-t-to": c()
+        "mask-t-to": d()
       }],
       "mask-image-r-from-pos": [{
         "mask-r-from": h()
@@ -1854,10 +1855,10 @@ const Le = (e, t) => {
         "mask-r-to": h()
       }],
       "mask-image-r-from-color": [{
-        "mask-r-from": c()
+        "mask-r-from": d()
       }],
       "mask-image-r-to-color": [{
-        "mask-r-to": c()
+        "mask-r-to": d()
       }],
       "mask-image-b-from-pos": [{
         "mask-b-from": h()
@@ -1866,10 +1867,10 @@ const Le = (e, t) => {
         "mask-b-to": h()
       }],
       "mask-image-b-from-color": [{
-        "mask-b-from": c()
+        "mask-b-from": d()
       }],
       "mask-image-b-to-color": [{
-        "mask-b-to": c()
+        "mask-b-to": d()
       }],
       "mask-image-l-from-pos": [{
         "mask-l-from": h()
@@ -1878,10 +1879,10 @@ const Le = (e, t) => {
         "mask-l-to": h()
       }],
       "mask-image-l-from-color": [{
-        "mask-l-from": c()
+        "mask-l-from": d()
       }],
       "mask-image-l-to-color": [{
-        "mask-l-to": c()
+        "mask-l-to": d()
       }],
       "mask-image-x-from-pos": [{
         "mask-x-from": h()
@@ -1890,10 +1891,10 @@ const Le = (e, t) => {
         "mask-x-to": h()
       }],
       "mask-image-x-from-color": [{
-        "mask-x-from": c()
+        "mask-x-from": d()
       }],
       "mask-image-x-to-color": [{
-        "mask-x-to": c()
+        "mask-x-to": d()
       }],
       "mask-image-y-from-pos": [{
         "mask-y-from": h()
@@ -1902,13 +1903,13 @@ const Le = (e, t) => {
         "mask-y-to": h()
       }],
       "mask-image-y-from-color": [{
-        "mask-y-from": c()
+        "mask-y-from": d()
       }],
       "mask-image-y-to-color": [{
-        "mask-y-to": c()
+        "mask-y-to": d()
       }],
       "mask-image-radial": [{
-        "mask-radial": [n, s]
+        "mask-radial": [a, n]
       }],
       "mask-image-radial-from-pos": [{
         "mask-radial-from": h()
@@ -1917,10 +1918,10 @@ const Le = (e, t) => {
         "mask-radial-to": h()
       }],
       "mask-image-radial-from-color": [{
-        "mask-radial-from": c()
+        "mask-radial-from": d()
       }],
       "mask-image-radial-to-color": [{
-        "mask-radial-to": c()
+        "mask-radial-to": d()
       }],
       "mask-image-radial-shape": [{
         "mask-radial": ["circle", "ellipse"]
@@ -1932,7 +1933,7 @@ const Le = (e, t) => {
         }]
       }],
       "mask-image-radial-pos": [{
-        "mask-radial-at": L()
+        "mask-radial-at": j()
       }],
       "mask-image-conic-pos": [{
         "mask-conic": [p]
@@ -1944,10 +1945,10 @@ const Le = (e, t) => {
         "mask-conic-to": h()
       }],
       "mask-image-conic-from-color": [{
-        "mask-conic-from": c()
+        "mask-conic-from": d()
       }],
       "mask-image-conic-to-color": [{
-        "mask-conic-to": c()
+        "mask-conic-to": d()
       }],
       /**
        * Mask Mode
@@ -1996,7 +1997,7 @@ const Le = (e, t) => {
        * @see https://tailwindcss.com/docs/mask-image
        */
       "mask-image": [{
-        mask: ["none", n, s]
+        mask: ["none", a, n]
       }],
       // ---------------
       // --- Filters ---
@@ -2010,8 +2011,8 @@ const Le = (e, t) => {
           // Deprecated since Tailwind CSS v3.0.0
           "",
           "none",
-          n,
-          s
+          a,
+          n
         ]
       }],
       /**
@@ -2026,14 +2027,14 @@ const Le = (e, t) => {
        * @see https://tailwindcss.com/docs/brightness
        */
       brightness: [{
-        brightness: [p, n, s]
+        brightness: [p, a, n]
       }],
       /**
        * Contrast
        * @see https://tailwindcss.com/docs/contrast
        */
       contrast: [{
-        contrast: [p, n, s]
+        contrast: [p, a, n]
       }],
       /**
        * Drop Shadow
@@ -2044,9 +2045,9 @@ const Le = (e, t) => {
           // Deprecated since Tailwind CSS v4.0.0
           "",
           "none",
-          M,
-          K,
-          H
+          A,
+          Q,
+          K
         ]
       }],
       /**
@@ -2054,42 +2055,42 @@ const Le = (e, t) => {
        * @see https://tailwindcss.com/docs/filter-drop-shadow#setting-the-shadow-color
        */
       "drop-shadow-color": [{
-        "drop-shadow": c()
+        "drop-shadow": d()
       }],
       /**
        * Grayscale
        * @see https://tailwindcss.com/docs/grayscale
        */
       grayscale: [{
-        grayscale: ["", p, n, s]
+        grayscale: ["", p, a, n]
       }],
       /**
        * Hue Rotate
        * @see https://tailwindcss.com/docs/hue-rotate
        */
       "hue-rotate": [{
-        "hue-rotate": [p, n, s]
+        "hue-rotate": [p, a, n]
       }],
       /**
        * Invert
        * @see https://tailwindcss.com/docs/invert
        */
       invert: [{
-        invert: ["", p, n, s]
+        invert: ["", p, a, n]
       }],
       /**
        * Saturate
        * @see https://tailwindcss.com/docs/saturate
        */
       saturate: [{
-        saturate: [p, n, s]
+        saturate: [p, a, n]
       }],
       /**
        * Sepia
        * @see https://tailwindcss.com/docs/sepia
        */
       sepia: [{
-        sepia: ["", p, n, s]
+        sepia: ["", p, a, n]
       }],
       /**
        * Backdrop Filter
@@ -2100,8 +2101,8 @@ const Le = (e, t) => {
           // Deprecated since Tailwind CSS v3.0.0
           "",
           "none",
-          n,
-          s
+          a,
+          n
         ]
       }],
       /**
@@ -2116,56 +2117,56 @@ const Le = (e, t) => {
        * @see https://tailwindcss.com/docs/backdrop-brightness
        */
       "backdrop-brightness": [{
-        "backdrop-brightness": [p, n, s]
+        "backdrop-brightness": [p, a, n]
       }],
       /**
        * Backdrop Contrast
        * @see https://tailwindcss.com/docs/backdrop-contrast
        */
       "backdrop-contrast": [{
-        "backdrop-contrast": [p, n, s]
+        "backdrop-contrast": [p, a, n]
       }],
       /**
        * Backdrop Grayscale
        * @see https://tailwindcss.com/docs/backdrop-grayscale
        */
       "backdrop-grayscale": [{
-        "backdrop-grayscale": ["", p, n, s]
+        "backdrop-grayscale": ["", p, a, n]
       }],
       /**
        * Backdrop Hue Rotate
        * @see https://tailwindcss.com/docs/backdrop-hue-rotate
        */
       "backdrop-hue-rotate": [{
-        "backdrop-hue-rotate": [p, n, s]
+        "backdrop-hue-rotate": [p, a, n]
       }],
       /**
        * Backdrop Invert
        * @see https://tailwindcss.com/docs/backdrop-invert
        */
       "backdrop-invert": [{
-        "backdrop-invert": ["", p, n, s]
+        "backdrop-invert": ["", p, a, n]
       }],
       /**
        * Backdrop Opacity
        * @see https://tailwindcss.com/docs/backdrop-opacity
        */
       "backdrop-opacity": [{
-        "backdrop-opacity": [p, n, s]
+        "backdrop-opacity": [p, a, n]
       }],
       /**
        * Backdrop Saturate
        * @see https://tailwindcss.com/docs/backdrop-saturate
        */
       "backdrop-saturate": [{
-        "backdrop-saturate": [p, n, s]
+        "backdrop-saturate": [p, a, n]
       }],
       /**
        * Backdrop Sepia
        * @see https://tailwindcss.com/docs/backdrop-sepia
        */
       "backdrop-sepia": [{
-        "backdrop-sepia": ["", p, n, s]
+        "backdrop-sepia": ["", p, a, n]
       }],
       // --------------
       // --- Tables ---
@@ -2220,7 +2221,7 @@ const Le = (e, t) => {
        * @see https://tailwindcss.com/docs/transition-property
        */
       transition: [{
-        transition: ["", "all", "colors", "opacity", "shadow", "transform", "none", n, s]
+        transition: ["", "all", "colors", "opacity", "shadow", "transform", "none", a, n]
       }],
       /**
        * Transition Behavior
@@ -2234,28 +2235,28 @@ const Le = (e, t) => {
        * @see https://tailwindcss.com/docs/transition-duration
        */
       duration: [{
-        duration: [p, "initial", n, s]
+        duration: [p, "initial", a, n]
       }],
       /**
        * Transition Timing Function
        * @see https://tailwindcss.com/docs/transition-timing-function
        */
       ease: [{
-        ease: ["linear", "initial", G, n, s]
+        ease: ["linear", "initial", N, a, n]
       }],
       /**
        * Transition Delay
        * @see https://tailwindcss.com/docs/transition-delay
        */
       delay: [{
-        delay: [p, n, s]
+        delay: [p, a, n]
       }],
       /**
        * Animation
        * @see https://tailwindcss.com/docs/animation
        */
       animate: [{
-        animate: ["none", $, n, s]
+        animate: ["none", D, a, n]
       }],
       // ------------------
       // --- Transforms ---
@@ -2272,70 +2273,70 @@ const Le = (e, t) => {
        * @see https://tailwindcss.com/docs/perspective
        */
       perspective: [{
-        perspective: [v, n, s]
+        perspective: [k, a, n]
       }],
       /**
        * Perspective Origin
        * @see https://tailwindcss.com/docs/perspective-origin
        */
       "perspective-origin": [{
-        "perspective-origin": O()
+        "perspective-origin": E()
       }],
       /**
        * Rotate
        * @see https://tailwindcss.com/docs/rotate
        */
       rotate: [{
-        rotate: q()
+        rotate: X()
       }],
       /**
        * Rotate X
        * @see https://tailwindcss.com/docs/rotate
        */
       "rotate-x": [{
-        "rotate-x": q()
+        "rotate-x": X()
       }],
       /**
        * Rotate Y
        * @see https://tailwindcss.com/docs/rotate
        */
       "rotate-y": [{
-        "rotate-y": q()
+        "rotate-y": X()
       }],
       /**
        * Rotate Z
        * @see https://tailwindcss.com/docs/rotate
        */
       "rotate-z": [{
-        "rotate-z": q()
+        "rotate-z": X()
       }],
       /**
        * Scale
        * @see https://tailwindcss.com/docs/scale
        */
       scale: [{
-        scale: X()
+        scale: J()
       }],
       /**
        * Scale X
        * @see https://tailwindcss.com/docs/scale
        */
       "scale-x": [{
-        "scale-x": X()
+        "scale-x": J()
       }],
       /**
        * Scale Y
        * @see https://tailwindcss.com/docs/scale
        */
       "scale-y": [{
-        "scale-y": X()
+        "scale-y": J()
       }],
       /**
        * Scale Z
        * @see https://tailwindcss.com/docs/scale
        */
       "scale-z": [{
-        "scale-z": X()
+        "scale-z": J()
       }],
       /**
        * Scale 3D
@@ -2347,35 +2348,35 @@ const Le = (e, t) => {
        * @see https://tailwindcss.com/docs/skew
        */
       skew: [{
-        skew: oe()
+        skew: re()
       }],
       /**
        * Skew X
        * @see https://tailwindcss.com/docs/skew
        */
       "skew-x": [{
-        "skew-x": oe()
+        "skew-x": re()
       }],
       /**
        * Skew Y
        * @see https://tailwindcss.com/docs/skew
        */
       "skew-y": [{
-        "skew-y": oe()
+        "skew-y": re()
       }],
       /**
        * Transform
        * @see https://tailwindcss.com/docs/transform
        */
       transform: [{
-        transform: [n, s, "", "none", "gpu", "cpu"]
+        transform: [a, n, "", "none", "gpu", "cpu"]
       }],
       /**
        * Transform Origin
        * @see https://tailwindcss.com/docs/transform-origin
        */
       "transform-origin": [{
-        origin: O()
+        origin: E()
       }],
       /**
        * Transform Style
@@ -2389,28 +2390,28 @@ const Le = (e, t) => {
        * @see https://tailwindcss.com/docs/translate
        */
       translate: [{
-        translate: J()
+        translate: H()
       }],
       /**
        * Translate X
        * @see https://tailwindcss.com/docs/translate
        */
       "translate-x": [{
-        "translate-x": J()
+        "translate-x": H()
       }],
       /**
        * Translate Y
        * @see https://tailwindcss.com/docs/translate
        */
       "translate-y": [{
-        "translate-y": J()
+        "translate-y": H()
       }],
       /**
        * Translate Z
        * @see https://tailwindcss.com/docs/translate
        */
       "translate-z": [{
-        "translate-z": J()
+        "translate-z": H()
       }],
       /**
        * Translate None
@@ -2425,7 +2426,7 @@ const Le = (e, t) => {
        * @see https://tailwindcss.com/docs/accent-color
        */
       accent: [{
-        accent: c()
+        accent: d()
       }],
       /**
        * Appearance
@@ -2439,7 +2440,7 @@ const Le = (e, t) => {
        * @see https://tailwindcss.com/docs/just-in-time-mode#caret-color-utilities
        */
       "caret-color": [{
-        caret: c()
+        caret: d()
       }],
       /**
        * Color Scheme
@@ -2453,7 +2454,7 @@ const Le = (e, t) => {
        * @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", n, s]
+        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, n]
       }],
       /**
        * Field Sizing
@@ -2675,7 +2676,7 @@ const Le = (e, t) => {
        * @see https://tailwindcss.com/docs/will-change
        */
       "will-change": [{
-        "will-change": ["auto", "scroll", "contents", "transform", n, s]
+        "will-change": ["auto", "scroll", "contents", "transform", a, n]
       }],
       // -----------
       // --- SVG ---
@@ -2685,21 +2686,21 @@ const Le = (e, t) => {
        * @see https://tailwindcss.com/docs/fill
        */
       fill: [{
-        fill: ["none", ...c()]
+        fill: ["none", ...d()]
       }],
       /**
        * Stroke Width
        * @see https://tailwindcss.com/docs/stroke-width
        */
       "stroke-w": [{
-        stroke: [p, U, j, te]
+        stroke: [p, $, T, se]
       }],
       /**
        * Stroke
        * @see https://tailwindcss.com/docs/stroke
        */
       stroke: [{
-        stroke: ["none", ...c()]
+        stroke: ["none", ...d()]
       }],
       // ---------------------
       // --- Accessibility ---
@@ -2767,91 +2768,123 @@ const Le = (e, t) => {
     },
     orderSensitiveModifiers: ["*", "**", "after", "backdrop", "before", "details-content", "file", "first-letter", "first-line", "marker", "placeholder", "selection"]
   };
-}, Co = /* @__PURE__ */ oo(vo);
-function se(...e) {
-  return Co(je(e));
+}, Ao = /* @__PURE__ */ to(zo);
+function V(...e) {
+  return Ao(Ee(e));
 }
-const zo = /* @__PURE__ */ R("span", { className: "-ml-12 flex h-12 w-12 items-center justify-center rounded-full border-2 border-neutral-800 bg-white shadow-[0_2px_0_rgba(0,0,0,0.15)]", children: /* @__PURE__ */ ne(
-  "svg",
-  {
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: "currentColor",
-    strokeWidth: "2.5",
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    className: "h-5 w-5",
-    "aria-hidden": "true",
-    children: [
-      /* @__PURE__ */ R("path", { d: "M5 12h12" }),
-      /* @__PURE__ */ R("path", { d: "m13 6 6 6-6 6" })
-    ]
-  }
-) });
-function Ao({
+const So = (e, t) => {
+  const r = {
+    sm: { wrapper: "-ml-10 h-6 w-6", icon: "h-4 w-4" },
+    md: { wrapper: "-ml-12 h-8 w-8", icon: "h-6 w-6" },
+    lg: { wrapper: "-ml-14 h-10 w-10", icon: "h-6 w-6" }
+  }[e], o = t && Te(t) ? t : null, s = o ? je(o, {
+    className: V("h-full w-full", o.props.className)
+  }) : t;
+  return /* @__PURE__ */ z(
+    "span",
+    {
+      className: V(
+        r.wrapper,
+        "flex items-center justify-center rounded-full border border-neutral-800 bg-white text-neutral-900 shadow-[0_3px_10px_rgba(0,0,0,0.12)] dark:border-neutral-200 dark:bg-neutral-950 dark:text-neutral-100 dark:shadow-[0_3px_10px_rgba(0,0,0,0.5)]"
+      ),
+      children: /* @__PURE__ */ z(
+        "span",
+        {
+          className: V(
+            r.icon,
+            "flex items-center justify-center transition-transform duration-200 ease-out group-hover:translate-x-[2px] group-disabled:translate-x-0"
+          ),
+          children: s ?? /* @__PURE__ */ ne(
+            "svg",
+            {
+              viewBox: "0 0 24 24",
+              fill: "none",
+              stroke: "currentColor",
+              strokeWidth: "2",
+              strokeLinecap: "round",
+              strokeLinejoin: "round",
+              className: "h-full w-full",
+              "aria-hidden": "true",
+              children: [
+                /* @__PURE__ */ z("path", { d: "M5 12h12" }),
+                /* @__PURE__ */ z("path", { d: "m13 6 6 6-6 6" })
+              ]
+            }
+          )
+        }
+      )
+    }
+  );
+};
+function Ro({
   title: e,
   description: t,
   action: r,
-  size: o = "md",
-  variant: a = "default",
-  className: d,
-  type: l = "button",
-  children: u,
-  ...i
+  icon: o,
+  size: s = "md",
+  variant: i = "default",
+  color: l = "green",
+  customColor: u,
+  className: c,
+  type: f = "button",
+  children: b,
+  ...w
 }) {
-  const b = e != null || t != null ? /* @__PURE__ */ ne("span", { className: "flex flex-col gap-1", children: [
-    e ? /* @__PURE__ */ R("span", { className: "text-lg font-semibold", children: e }) : null,
-    t ? /* @__PURE__ */ R("span", { className: "text-sm text-neutral-600", children: t }) : null
-  ] }) : /* @__PURE__ */ R("span", { className: "text-lg font-semibold", children: u });
+  const C = e != null || t != null, A = i === "default" ? l === "orange" ? "bg-[#F0822D]" : l === "custom" ? "" : "bg-[#00A167]" : "bg-transparent", S = i === "default" && l === "custom" ? { backgroundColor: u } : void 0, k = C ? /* @__PURE__ */ ne("span", { className: "flex flex-col gap-1 text-start", children: [
+    e ? /* @__PURE__ */ z("span", { className: "text-lg font-semibold", children: e }) : null,
+    t ? /* @__PURE__ */ z("span", { className: "text-sm text-neutral-600 dark:text-neutral-300", children: t }) : null
+  ] }) : /* @__PURE__ */ z("span", { className: "text-lg font-semibold", children: b });
   return /* @__PURE__ */ ne(
     "button",
     {
-      type: l,
-      className: se(
-        "cursor-pointer inline-flex items-stretch overflow-hidden rounded-md border-2 border-neutral-800 text-neutral-900 shadow-[0_2px_0_rgba(0,0,0,0.15)]",
-        a === "default" ? "bg-white" : "bg-transparent",
-        o === "sm" && "text-sm",
-        o === "md" && "text-base",
-        o === "lg" && "text-lg",
-        d
+      type: f,
+      className: V(
+        "group inline-flex cursor-pointer items-stretch overflow-hidden rounded-md border border-neutral-800 text-neutral-900 shadow-[0_4px_4px_rgba(0,0,0,0.2)] transition-shadow duration-200 ease-out hover:shadow-[0_8px_5px_rgba(0,0,0,0.18)] disabled:cursor-not-allowed disabled:opacity-60 disabled:shadow-[0_4px_12px_rgba(0,0,0,0.12)] dark:border-neutral-200 dark:text-neutral-100 dark:shadow-[0_8px_18px_rgba(0,0,0,0.45)] dark:hover:shadow-[0_10px_22px_rgba(0,0,0,0.5)] dark:disabled:shadow-[0_6px_16px_rgba(0,0,0,0.35)]",
+        i === "default" ? "bg-white dark:bg-neutral-950" : "bg-transparent",
+        s === "sm" && "text-sm",
+        s === "md" && "text-base",
+        s === "lg" && "text-lg",
+        c
       ),
-      ...i,
+      ...w,
       children: [
-        /* @__PURE__ */ R(
+        /* @__PURE__ */ z(
           "span",
           {
-            className: se(
-              "flex items-center py-4 pl-8 pr-12",
-              o === "sm" && "py-3 pl-6 pr-10",
-              o === "lg" && "py-5 pl-10 pr-14"
+            className: V(
+              "flex items-center",
+              s === "sm" && "py-2 pl-6 pr-10",
+              s === "md" && "py-3 pl-8 pr-12",
+              s === "lg" && "py-3 pl-10 pr-14"
             ),
-            children: b
+            children: k
           }
         ),
-        /* @__PURE__ */ R(
+        /* @__PURE__ */ z(
           "span",
           {
-            className: se(
-              "relative flex items-center justify-center rounded-r-md px-6",
-              a === "default" ? "bg-emerald-500" : "bg-transparent",
-              o === "sm" && "px-5",
-              o === "lg" && "px-7"
+            className: V(
+              "relative flex items-center justify-center rounded-r-md px-6 transition-colors duration-200 ease-out group-disabled:opacity-70",
+              A,
+              s === "sm" && "px-5",
+              s === "lg" && "px-7"
             ),
-            children: r ?? zo
+            style: S,
+            children: r ?? So(s, o)
           }
         )
       ]
     }
   );
 }
-function So() {
-  return /* @__PURE__ */ R("div", { children: "Input" });
+function _o() {
+  return /* @__PURE__ */ z("div", { children: "Input" });
 }
-const Io = { Button: Ao, Input: So };
+const No = { Button: Ro, Input: _o };
 export {
-  Ao as Button,
-  So as Input,
-  se as cn,
-  Io as default
+  Ro as Button,
+  _o as Input,
+  V as cn,
+  No as default
 };
 //# sourceMappingURL=index.mjs.map