@plyaz/ui 0.4.11 → 0.4.12

package/dist/ui.es.js

@@ -1,370 +1,44 @@
-import { jsx as g, jsxs as re } from "react/jsx-runtime";
-import V, { clsx as Ae } from "clsx";
-import { Slot as $e } from "@radix-ui/react-slot";
+import { jsx as g, jsxs as te } from "react/jsx-runtime";
+import { clsx as Ce } from "clsx";
+import { Slot as Fe } from "@radix-ui/react-slot";
 import { memo as Ue } from "react";
-import * as w from "@radix-ui/react-select";
-import { CheckIcon as We, ChevronDownIcon as Me, ChevronUpIcon as De } from "lucide-react";
-const Z = ({ children: e, element: r = "div", className: t = "", ...o }) => /* @__PURE__ */ g(r, { className: t, ...o, "data-testid": "box", children: e }), Dt = ({ className: e = "", children: r, element: t, ...o }) => /* @__PURE__ */ g(
-  Z,
-  {
-    element: t,
-    className: V(
-      `
-          mx-auto max-w-7xl px-4
-          sm:px-6
-          lg:px-8
-        `,
-      e
-    ),
-    ...o,
-    children: r
-  }
-), we = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, ye = Ae, He = (e, r) => (t) => {
-  var o;
-  if ((r == null ? void 0 : r.variants) == null) return ye(e, t == null ? void 0 : t.class, t == null ? void 0 : t.className);
-  const { variants: a, defaultVariants: i } = r, l = Object.keys(a).map((f) => {
-    const b = t == null ? void 0 : t[f], y = i == null ? void 0 : i[f];
-    if (b === null) return null;
-    const C = we(b) || we(y);
-    return a[f][C];
-  }), p = t && Object.entries(t).reduce((f, b) => {
-    let [y, C] = b;
-    return C === void 0 || (f[y] = C), f;
-  }, {}), m = r == null || (o = r.compoundVariants) === null || o === void 0 ? void 0 : o.reduce((f, b) => {
-    let { class: y, className: C, ...R } = b;
-    return Object.entries(R).every((k) => {
-      let [z, A] = k;
-      return Array.isArray(A) ? A.includes({
-        ...i,
-        ...p
-      }[z]) : {
-        ...i,
-        ...p
-      }[z] === A;
-    }) ? [
-      ...f,
-      y,
-      C
-    ] : f;
-  }, []);
-  return ye(e, l, m, t == null ? void 0 : t.class, t == null ? void 0 : t.className);
-}, Ne = {
-  start: "justify-start",
-  end: "justify-end",
-  center: "justify-center",
-  between: "justify-between",
-  around: "justify-around",
-  evenly: "justify-evenly",
-  stretch: "justify-stretch"
-}, Pe = {
-  start: "items-start",
-  end: "items-end",
-  center: "items-center",
-  baseline: "items-baseline",
-  stretch: "items-stretch"
-}, Ze = {
-  body: "font-sans",
-  heading: "font-sans",
-  caption: "font-sans"
-}, qe = {
-  xs: "text-xs",
-  sm: "text-sm",
-  base: "text-base",
-  lg: "text-lg",
-  xl: "text-xl",
-  "2xl": "text-2xl",
-  "3xl": "text-3xl",
-  "4xl": "text-4xl",
-  "5xl": "text-5xl",
-  "6xl": "text-6xl",
-  "7xl": "text-7xl",
-  "8xl": "text-8xl",
-  "9xl": "text-9xl"
-}, Je = {
-  normal: "font-normal",
-  medium: "font-medium",
-  semibold: "font-semibold",
-  bold: "font-bold",
-  light: "font-light"
-}, Xe = {
-  1: "grid-cols-1",
-  2: "grid-cols-2",
-  3: "grid-cols-3",
-  4: "grid-cols-4",
-  5: "grid-cols-5",
-  6: "grid-cols-6",
-  7: "grid-cols-7",
-  8: "grid-cols-8",
-  9: "grid-cols-9"
-}, Ke = {
-  1: "grid-rows-1",
-  2: "grid-rows-2",
-  3: "grid-rows-3",
-  4: "grid-rows-4",
-  5: "grid-rows-5",
-  6: "grid-rows-6",
-  7: "grid-rows-7",
-  8: "grid-rows-8",
-  9: "grid-rows-9"
-}, Ie = {
-  1: "gap-1",
-  2: "gap-2",
-  3: "gap-3",
-  4: "gap-4",
-  5: "gap-5",
-  6: "gap-6",
-  7: "gap-7",
-  8: "gap-8",
-  9: "gap-9"
-}, Ye = He(
-  "inline-flex justify-center items-center gap-2 disabled:opacity-50 aria-invalid:border-destructive focus-visible:border-ring rounded-md outline-none aria-invalid:ring-destructive/20 focus-visible:ring-[3px] focus-visible:ring-ring/50 dark:aria-invalid:ring-destructive/40 [&_svg:not([class*='size-'])]:size-4 font-medium text-sm whitespace-nowrap transition-all [&_svg]:pointer-events-none disabled:pointer-events-none shrink-0 [&_svg]:shrink-0",
-  {
-    variants: {
-      variant: {
-        default: `
-          bg-primary text-primary-foreground shadow-xs
-          hover:bg-primary/90
-        `,
-        destructive: `
-          bg-destructive text-white shadow-xs
-          hover:bg-destructive/90
-          focus-visible:ring-destructive/20
-          dark:bg-destructive/60 dark:focus-visible:ring-destructive/40
-        `,
-        outline: `
-          border bg-background shadow-xs
-          hover:bg-accent hover:text-accent-foreground
-          dark:border-input dark:bg-input/30 dark:hover:bg-input/50
-        `,
-        secondary: `
-          bg-secondary text-secondary-foreground shadow-xs
-          hover:bg-secondary/80
-        `,
-        ghost: `
-          hover:bg-accent hover:text-accent-foreground
-          dark:hover:bg-accent/50
-        `,
-        link: `
-          text-primary underline-offset-4
-          hover:underline
-        `
-      },
-      size: {
-        default: `
-          h-9 px-4 py-2
-          has-[>svg]:px-3
-        `,
-        sm: `
-          h-8 gap-1.5 rounded-md px-3
-          has-[>svg]:px-2.5
-        `,
-        lg: `
-          h-10 rounded-md px-6
-          has-[>svg]:px-4
-        `,
-        icon: "size-9"
-      }
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "default"
-    }
-  }
-), Qe = {
-  row: "flex-row",
-  col: "flex-col",
-  row_reverse: "flex-row-reverse",
-  col_reverse: "flex-col-reverse"
-}, et = {
-  wrap: "flex-wrap",
-  nowrap: "flex-nowrap",
-  wrap_reverse: "flex-wrap-reverse"
-}, Ht = ({
-  children: e,
-  gap: r,
-  direction: t,
-  justify: o,
-  align: a,
-  wrap: i,
-  className: l = "",
-  element: p,
-  ...m
-}) => /* @__PURE__ */ g(
-  Z,
-  {
-    element: p,
-    className: V(
-      "flex",
-      t && Qe[t],
-      o && Ne[o],
-      a && Pe[a],
-      i && et[i],
-      r && Ie[r],
-      l
-    ),
-    ...m,
-    children: e
-  }
-), Zt = ({
-  children: e,
-  className: r,
-  cols: t,
-  rows: o,
-  gap: a,
-  justify: i,
-  align: l,
-  element: p,
-  ...m
-}) => /* @__PURE__ */ g(
-  Z,
-  {
-    element: p,
-    className: V(
-      "grid",
-      t && Xe[t],
-      o && Ke[o],
-      a && Ie[a],
-      i && Ne[i],
-      l && Pe[l],
-      r
-    ),
-    ...m,
-    children: e
-  }
-), tt = {
-  xs: "xs",
-  sm: "sm",
-  base: "base",
-  lg: "lg",
-  xl: "xl",
-  "2xl": "2xl",
-  "3xl": "3xl",
-  "4xl": "4xl"
-}, qt = ({ children: e, element: r, className: t, size: o, ...a }) => /* @__PURE__ */ g(
-  Ee,
-  {
-    className: t,
-    element: r,
-    size: tt[o],
-    variant: "heading",
-    weight: "medium",
-    ...a,
-    children: e
-  }
-), Jt = ({ children: e, className: r, href: t, ...o }) => /* @__PURE__ */ g(
-  "a",
-  {
-    "data-testid": "link",
-    href: t,
-    rel: "noopener noreferrer",
-    target: "_blank",
-    className: V(
-      `
-          text-blue-600
-          visited:text-purple-600
-          hover:underline
-          focus:outline-none
-          active:text-blue-900
-        `,
-      r
-    ),
-    ...o,
-    children: e
-  }
-), rt = {
-  xs: "xs",
-  sm: "sm",
-  base: "base",
-  lg: "lg"
-}, Xt = ({ children: e, className: r, size: t, ...o }) => /* @__PURE__ */ g(
-  Ee,
-  {
-    className: r,
-    element: "p",
-    size: rt[t],
-    variant: "body",
-    weight: "normal",
-    ...o,
-    children: e
-  }
-), Kt = ({ className: e = "", children: r, ...t }) => /* @__PURE__ */ g(
-  Z,
-  {
-    element: "section",
-    className: V(
-      `
-          mx-2 my-4 p-4
-          sm:p-6
-        `,
-      e
-    ),
-    ...t,
-    children: r
-  }
-), Yt = ({
-  children: e,
-  direction: r = "horizontal",
-  spacing: t = "space-x-2",
-  element: o,
-  className: a,
-  ...i
-}) => /* @__PURE__ */ g(Z, { className: V("flex", r === "vertical" ? "flex-col" : "flex-row", t, a), element: o, ...i, children: e }), Ee = ({
-  className: e,
-  children: r,
-  element: t,
-  weight: o,
-  variant: a,
-  size: i,
-  ...l
-}) => /* @__PURE__ */ g(
-  t,
-  {
-    "data-testid": "text",
-    className: V(
-      "font-sans text-base font-normal",
-      i && qe[i],
-      o && Je[o],
-      a && Ze[a],
-      e
-    ),
-    ...l,
-    children: r
-  }
-), me = "-", ot = (e) => {
-  const r = nt(e), {
+import * as y from "@radix-ui/react-select";
+import { CheckIcon as We, ChevronDownIcon as Ae, ChevronUpIcon as $e } from "lucide-react";
+const H = ({ children: e, element: r = "div", className: t = "", ...o }) => /* @__PURE__ */ g(r, { className: t, ...o, "data-testid": "box", children: e }), de = "-", De = (e) => {
+  const r = Ze(e), {
     conflictingClassGroups: t,
     conflictingClassGroupModifiers: o
   } = e;
   return {
     getClassGroupId: (l) => {
-      const p = l.split(me);
-      return p[0] === "" && p.length !== 1 && p.shift(), Re(p, r) || st(l);
+      const p = l.split(de);
+      return p[0] === "" && p.length !== 1 && p.shift(), Me(p, r) || He(l);
     },
     getConflictingClassGroupIds: (l, p) => {
       const m = t[l] || [];
       return p && o[l] ? [...m, ...o[l]] : m;
     }
   };
-}, Re = (e, r) => {
+}, Me = (e, r) => {
   var l;
   if (e.length === 0)
     return r.classGroupId;
-  const t = e[0], o = r.nextPart.get(t), a = o ? Re(e.slice(1), o) : void 0;
+  const t = e[0], o = r.nextPart.get(t), a = o ? Me(e.slice(1), o) : void 0;
   if (a)
     return a;
   if (r.validators.length === 0)
     return;
-  const i = e.join(me);
+  const i = e.join(de);
   return (l = r.validators.find(({
     validator: p
   }) => p(i))) == null ? void 0 : l.classGroupId;
-}, ke = /^\[(.+)\]$/, st = (e) => {
-  if (ke.test(e)) {
-    const r = ke.exec(e)[1], t = r == null ? void 0 : r.substring(0, r.indexOf(":"));
+}, ve = /^\[(.+)\]$/, He = (e) => {
+  if (ve.test(e)) {
+    const r = ve.exec(e)[1], t = r == null ? void 0 : r.substring(0, r.indexOf(":"));
     if (t)
       return "arbitrary.." + t;
   }
-}, nt = (e) => {
+}, Ze = (e) => {
   const {
     theme: r,
     classGroups: t
@@ -373,18 +47,18 @@ const Z = ({ children: e, element: r = "div", className: t = "", ...o }) => /* @
     validators: []
   };
   for (const a in t)
-    le(t[a], o, a, r);
+    ie(t[a], o, a, r);
   return o;
-}, le = (e, r, t, o) => {
+}, ie = (e, r, t, o) => {
   e.forEach((a) => {
     if (typeof a == "string") {
-      const i = a === "" ? r : ze(r, a);
+      const i = a === "" ? r : we(r, a);
       i.classGroupId = t;
       return;
     }
     if (typeof a == "function") {
-      if (at(a)) {
-        le(a(o), r, t, o);
+      if (qe(a)) {
+        ie(a(o), r, t, o);
         return;
       }
       r.validators.push({
@@ -394,18 +68,18 @@ const Z = ({ children: e, element: r = "div", className: t = "", ...o }) => /* @
       return;
     }
     Object.entries(a).forEach(([i, l]) => {
-      le(l, ze(r, i), t, o);
+      ie(l, we(r, i), t, o);
     });
   });
-}, ze = (e, r) => {
+}, we = (e, r) => {
   let t = e;
-  return r.split(me).forEach((o) => {
+  return r.split(de).forEach((o) => {
     t.nextPart.has(o) || t.nextPart.set(o, {
       nextPart: /* @__PURE__ */ new Map(),
       validators: []
     }), t = t.nextPart.get(o);
   }), t;
-}, at = (e) => e.isThemeGetter, it = (e) => {
+}, qe = (e) => e.isThemeGetter, Je = (e) => {
   if (e < 1)
     return {
       get: () => {
@@ -429,7 +103,7 @@ const Z = ({ children: e, element: r = "div", className: t = "", ...o }) => /* @
       t.has(i) ? t.set(i, l) : a(i, l);
     }
   };
-}, ce = "!", de = ":", lt = de.length, ct = (e) => {
+}, le = "!", ce = ":", Xe = ce.length, Ke = (e) => {
   const {
     prefix: r,
     experimentalParseClassName: t
@@ -437,30 +111,30 @@ const Z = ({ children: e, element: r = "div", className: t = "", ...o }) => /* @
   let o = (a) => {
     const i = [];
     let l = 0, p = 0, m = 0, f;
-    for (let k = 0; k < a.length; k++) {
-      let z = a[k];
+    for (let z = 0; z < a.length; z++) {
+      let S = a[z];
       if (l === 0 && p === 0) {
-        if (z === de) {
-          i.push(a.slice(m, k)), m = k + lt;
+        if (S === ce) {
+          i.push(a.slice(m, z)), m = z + Xe;
           continue;
         }
-        if (z === "/") {
-          f = k;
+        if (S === "/") {
+          f = z;
           continue;
         }
       }
-      z === "[" ? l++ : z === "]" ? l-- : z === "(" ? p++ : z === ")" && p--;
+      S === "[" ? l++ : S === "]" ? l-- : S === "(" ? p++ : S === ")" && p--;
     }
-    const b = i.length === 0 ? a : a.substring(m), y = dt(b), C = y !== b, R = f && f > m ? f - m : void 0;
+    const b = i.length === 0 ? a : a.substring(m), k = Ye(b), A = k !== b, R = f && f > m ? f - m : void 0;
     return {
       modifiers: i,
-      hasImportantModifier: C,
-      baseClassName: y,
+      hasImportantModifier: A,
+      baseClassName: k,
       maybePostfixModifierPosition: R
     };
   };
   if (r) {
-    const a = r + de, i = o;
+    const a = r + ce, i = o;
     o = (l) => l.startsWith(a) ? i(l.substring(a.length)) : {
       isExternal: !0,
       modifiers: [],
@@ -477,7 +151,7 @@ const Z = ({ children: e, element: r = "div", className: t = "", ...o }) => /* @
     });
   }
   return o;
-}, dt = (e) => e.endsWith(ce) ? e.substring(0, e.length - 1) : e.startsWith(ce) ? e.substring(1) : e, mt = (e) => {
+}, Ye = (e) => e.endsWith(le) ? e.substring(0, e.length - 1) : e.startsWith(le) ? e.substring(1) : e, Qe = (e) => {
   const r = Object.fromEntries(e.orderSensitiveModifiers.map((o) => [o, !0]));
   return (o) => {
     if (o.length <= 1)
@@ -488,103 +162,103 @@ const Z = ({ children: e, element: r = "div", className: t = "", ...o }) => /* @
       l[0] === "[" || r[l] ? (a.push(...i.sort(), l), i = []) : i.push(l);
     }), a.push(...i.sort()), a;
   };
-}, ut = (e) => ({
-  cache: it(e.cacheSize),
-  parseClassName: ct(e),
-  sortModifiers: mt(e),
-  ...ot(e)
-}), pt = /\s+/, gt = (e, r) => {
+}, et = (e) => ({
+  cache: Je(e.cacheSize),
+  parseClassName: Ke(e),
+  sortModifiers: Qe(e),
+  ...De(e)
+}), tt = /\s+/, rt = (e, r) => {
   const {
     parseClassName: t,
     getClassGroupId: o,
     getConflictingClassGroupIds: a,
     sortModifiers: i
-  } = r, l = [], p = e.trim().split(pt);
+  } = r, l = [], p = e.trim().split(tt);
   let m = "";
   for (let f = p.length - 1; f >= 0; f -= 1) {
     const b = p[f], {
-      isExternal: y,
-      modifiers: C,
+      isExternal: k,
+      modifiers: A,
       hasImportantModifier: R,
-      baseClassName: k,
-      maybePostfixModifierPosition: z
+      baseClassName: z,
+      maybePostfixModifierPosition: S
     } = t(b);
-    if (y) {
+    if (k) {
       m = b + (m.length > 0 ? " " + m : m);
       continue;
     }
-    let A = !!z, T = o(A ? k.substring(0, z) : k);
+    let M = !!S, T = o(M ? z.substring(0, S) : z);
     if (!T) {
-      if (!A) {
+      if (!M) {
         m = b + (m.length > 0 ? " " + m : m);
         continue;
       }
-      if (T = o(k), !T) {
+      if (T = o(z), !T) {
         m = b + (m.length > 0 ? " " + m : m);
         continue;
       }
-      A = !1;
+      M = !1;
     }
-    const q = i(C).join(":"), W = R ? q + ce : q, L = W + T;
-    if (l.includes(L))
+    const Z = i(A).join(":"), W = R ? Z + le : Z, V = W + T;
+    if (l.includes(V))
       continue;
-    l.push(L);
-    const O = a(T, A);
-    for (let _ = 0; _ < O.length; ++_) {
-      const D = O[_];
-      l.push(W + D);
+    l.push(V);
+    const L = a(T, M);
+    for (let _ = 0; _ < L.length; ++_) {
+      const $ = L[_];
+      l.push(W + $);
     }
     m = b + (m.length > 0 ? " " + m : m);
   }
   return m;
 };
-function ft() {
+function ot() {
   let e = 0, r, t, o = "";
   for (; e < arguments.length; )
-    (r = arguments[e++]) && (t = Te(r)) && (o && (o += " "), o += t);
+    (r = arguments[e++]) && (t = Ne(r)) && (o && (o += " "), o += t);
   return o;
 }
-const Te = (e) => {
+const Ne = (e) => {
   if (typeof e == "string")
     return e;
   let r, t = "";
   for (let o = 0; o < e.length; o++)
-    e[o] && (r = Te(e[o])) && (t && (t += " "), t += r);
+    e[o] && (r = Ne(e[o])) && (t && (t += " "), t += r);
   return t;
 };
-function bt(e, ...r) {
+function st(e, ...r) {
   let t, o, a, i = l;
   function l(m) {
-    const f = r.reduce((b, y) => y(b), e());
-    return t = ut(f), o = t.cache.get, a = t.cache.set, i = p, p(m);
+    const f = r.reduce((b, k) => k(b), e());
+    return t = et(f), o = t.cache.get, a = t.cache.set, i = p, p(m);
   }
   function p(m) {
     const f = o(m);
     if (f)
       return f;
-    const b = gt(m, t);
+    const b = rt(m, t);
     return a(m, b), b;
   }
   return function() {
-    return i(ft.apply(null, arguments));
+    return i(ot.apply(null, arguments));
   };
 }
 const x = (e) => {
   const r = (t) => t[e] || [];
   return r.isThemeGetter = !0, r;
-}, _e = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, Ge = /^\((?:(\w[\w-]*):)?(.+)\)$/i, xt = /^\d+\/\d+$/, ht = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, vt = /\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$/, wt = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, yt = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, kt = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, F = (e) => xt.test(e), u = (e) => !!e && !Number.isNaN(Number(e)), E = (e) => !!e && Number.isInteger(Number(e)), ae = (e) => e.endsWith("%") && u(e.slice(0, -1)), I = (e) => ht.test(e), zt = () => !0, St = (e) => (
+}, Pe = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, Ie = /^\((?:(\w[\w-]*):)?(.+)\)$/i, nt = /^\d+\/\d+$/, at = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, it = /\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$/, lt = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, ct = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, dt = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, B = (e) => nt.test(e), u = (e) => !!e && !Number.isNaN(Number(e)), E = (e) => !!e && Number.isInteger(Number(e)), ne = (e) => e.endsWith("%") && u(e.slice(0, -1)), I = (e) => at.test(e), mt = () => !0, ut = (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.
-  vt.test(e) && !wt.test(e)
-), je = () => !1, Ct = (e) => yt.test(e), At = (e) => kt.test(e), Mt = (e) => !s(e) && !n(e), Nt = (e) => $(e, Oe, je), s = (e) => _e.test(e), j = (e) => $(e, Be, St), ie = (e) => $(e, Tt, u), Se = (e) => $(e, Ve, je), Pt = (e) => $(e, Le, At), ee = (e) => $(e, Fe, Ct), n = (e) => Ge.test(e), H = (e) => U(e, Be), It = (e) => U(e, _t), Ce = (e) => U(e, Ve), Et = (e) => U(e, Oe), Rt = (e) => U(e, Le), te = (e) => U(e, Fe, !0), $ = (e, r, t) => {
-  const o = _e.exec(e);
+  it.test(e) && !lt.test(e)
+), Ee = () => !1, pt = (e) => ct.test(e), gt = (e) => dt.test(e), ft = (e) => !s(e) && !n(e), bt = (e) => F(e, _e, Ee), s = (e) => Pe.test(e), j = (e) => F(e, Ge, ut), ae = (e) => F(e, yt, u), ye = (e) => F(e, Re, Ee), xt = (e) => F(e, Te, gt), Q = (e) => F(e, je, pt), n = (e) => Ie.test(e), D = (e) => U(e, Ge), ht = (e) => U(e, kt), ke = (e) => U(e, Re), vt = (e) => U(e, _e), wt = (e) => U(e, Te), ee = (e) => U(e, je, !0), F = (e, r, t) => {
+  const o = Pe.exec(e);
   return o ? o[1] ? r(o[1]) : t(o[2]) : !1;
 }, U = (e, r, t = !1) => {
-  const o = Ge.exec(e);
+  const o = Ie.exec(e);
   return o ? o[1] ? r(o[1]) : t : !1;
-}, Ve = (e) => e === "position" || e === "percentage", Le = (e) => e === "image" || e === "url", Oe = (e) => e === "length" || e === "size" || e === "bg-size", Be = (e) => e === "length", Tt = (e) => e === "number", _t = (e) => e === "family-name", Fe = (e) => e === "shadow", Gt = () => {
-  const e = x("color"), r = x("font"), t = x("text"), o = x("font-weight"), a = x("tracking"), i = x("leading"), l = x("breakpoint"), p = x("container"), m = x("spacing"), f = x("radius"), b = x("shadow"), y = x("inset-shadow"), C = x("text-shadow"), R = x("drop-shadow"), k = x("blur"), z = x("perspective"), A = x("aspect"), T = x("ease"), q = x("animate"), W = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], L = () => [
+}, Re = (e) => e === "position" || e === "percentage", Te = (e) => e === "image" || e === "url", _e = (e) => e === "length" || e === "size" || e === "bg-size", Ge = (e) => e === "length", yt = (e) => e === "number", kt = (e) => e === "family-name", je = (e) => e === "shadow", zt = () => {
+  const e = x("color"), r = x("font"), t = x("text"), o = x("font-weight"), a = x("tracking"), i = x("leading"), l = x("breakpoint"), p = x("container"), m = x("spacing"), f = x("radius"), b = x("shadow"), k = x("inset-shadow"), A = x("text-shadow"), R = x("drop-shadow"), z = x("blur"), S = x("perspective"), M = x("aspect"), T = x("ease"), Z = x("animate"), W = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], V = () => [
     "center",
     "top",
     "bottom",
@@ -602,15 +276,15 @@ const x = (e) => {
     "bottom-left",
     // Deprecated since Tailwind CSS v4.1.0, see https://github.com/tailwindlabs/tailwindcss/pull/17378
     "left-bottom"
-  ], O = () => [...L(), n, s], _ = () => ["auto", "hidden", "clip", "visible", "scroll"], D = () => ["auto", "contain", "none"], d = () => [n, s, m], N = () => [F, "full", "auto", ...d()], ue = () => [E, "none", "subgrid", n, s], pe = () => ["auto", {
+  ], L = () => [...V(), n, s], _ = () => ["auto", "hidden", "clip", "visible", "scroll"], $ = () => ["auto", "contain", "none"], d = () => [n, s, m], N = () => [B, "full", "auto", ...d()], me = () => [E, "none", "subgrid", n, s], ue = () => ["auto", {
     span: ["full", E, n, s]
-  }, E, n, s], J = () => [E, "auto", n, s], ge = () => ["auto", "min", "max", "fr", n, s], oe = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], B = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], P = () => ["auto", ...d()], G = () => [F, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...d()], c = () => [e, n, s], fe = () => [...L(), Ce, Se, {
+  }, E, n, s], q = () => [E, "auto", n, s], pe = () => ["auto", "min", "max", "fr", n, s], re = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], O = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], P = () => ["auto", ...d()], G = () => [B, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...d()], c = () => [e, n, s], ge = () => [...V(), ke, ye, {
     position: [n, s]
-  }], be = () => ["no-repeat", {
+  }], fe = () => ["no-repeat", {
     repeat: ["", "x", "y", "space", "round"]
-  }], xe = () => ["auto", "cover", "contain", Et, Nt, {
+  }], be = () => ["auto", "cover", "contain", vt, bt, {
     size: [n, s]
-  }], se = () => [ae, H, j], v = () => [
+  }], oe = () => [ne, D, j], w = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
@@ -618,14 +292,14 @@ const x = (e) => {
     f,
     n,
     s
-  ], S = () => ["", u, H, j], X = () => ["solid", "dashed", "dotted", "double"], he = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], h = () => [u, ae, Ce, Se], ve = () => [
+  ], C = () => ["", u, D, j], J = () => ["solid", "dashed", "dotted", "double"], xe = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], h = () => [u, ne, ke, ye], he = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
-    k,
+    z,
     n,
     s
-  ], K = () => ["none", u, n, s], Y = () => ["none", u, n, s], ne = () => [u, n, s], Q = () => [F, "full", ...d()];
+  ], X = () => ["none", u, n, s], K = () => ["none", u, n, s], se = () => [u, n, s], Y = () => [B, "full", ...d()];
   return {
     cacheSize: 500,
     theme: {
@@ -633,11 +307,11 @@ const x = (e) => {
       aspect: ["video"],
       blur: [I],
       breakpoint: [I],
-      color: [zt],
+      color: [mt],
       container: [I],
       "drop-shadow": [I],
       ease: ["in", "out", "in-out"],
-      font: [Mt],
+      font: [ft],
       "font-weight": ["thin", "extralight", "light", "normal", "medium", "semibold", "bold", "extrabold", "black"],
       "inset-shadow": [I],
       leading: ["none", "tight", "snug", "normal", "relaxed", "loose"],
@@ -658,7 +332,7 @@ const x = (e) => {
        * @see https://tailwindcss.com/docs/aspect-ratio
        */
       aspect: [{
-        aspect: ["auto", "square", F, s, n, A]
+        aspect: ["auto", "square", B, s, n, M]
       }],
       /**
        * Container
@@ -749,7 +423,7 @@ const x = (e) => {
        * @see https://tailwindcss.com/docs/object-position
        */
       "object-position": [{
-        object: O()
+        object: L()
       }],
       /**
        * Overflow
@@ -777,21 +451,21 @@ const x = (e) => {
        * @see https://tailwindcss.com/docs/overscroll-behavior
        */
       overscroll: [{
-        overscroll: D()
+        overscroll: $()
       }],
       /**
        * Overscroll Behavior X
        * @see https://tailwindcss.com/docs/overscroll-behavior
        */
       "overscroll-x": [{
-        "overscroll-x": D()
+        "overscroll-x": $()
       }],
       /**
        * Overscroll Behavior Y
        * @see https://tailwindcss.com/docs/overscroll-behavior
        */
       "overscroll-y": [{
-        "overscroll-y": D()
+        "overscroll-y": $()
       }],
       /**
        * Position
@@ -881,7 +555,7 @@ const x = (e) => {
        * @see https://tailwindcss.com/docs/flex-basis
        */
       basis: [{
-        basis: [F, "full", "auto", p, ...d()]
+        basis: [B, "full", "auto", p, ...d()]
       }],
       /**
        * Flex Direction
@@ -902,7 +576,7 @@ const x = (e) => {
        * @see https://tailwindcss.com/docs/flex
        */
       flex: [{
-        flex: [u, F, "auto", "initial", "none", s]
+        flex: [u, B, "auto", "initial", "none", s]
       }],
       /**
        * Flex Grow
@@ -930,56 +604,56 @@ const x = (e) => {
        * @see https://tailwindcss.com/docs/grid-template-columns
        */
       "grid-cols": [{
-        "grid-cols": ue()
+        "grid-cols": me()
       }],
       /**
        * Grid Column Start / End
        * @see https://tailwindcss.com/docs/grid-column
        */
       "col-start-end": [{
-        col: pe()
+        col: ue()
       }],
       /**
        * Grid Column Start
        * @see https://tailwindcss.com/docs/grid-column
        */
       "col-start": [{
-        "col-start": J()
+        "col-start": q()
       }],
       /**
        * Grid Column End
        * @see https://tailwindcss.com/docs/grid-column
        */
       "col-end": [{
-        "col-end": J()
+        "col-end": q()
       }],
       /**
        * Grid Template Rows
        * @see https://tailwindcss.com/docs/grid-template-rows
        */
       "grid-rows": [{
-        "grid-rows": ue()
+        "grid-rows": me()
       }],
       /**
        * Grid Row Start / End
        * @see https://tailwindcss.com/docs/grid-row
        */
       "row-start-end": [{
-        row: pe()
+        row: ue()
       }],
       /**
        * Grid Row Start
        * @see https://tailwindcss.com/docs/grid-row
        */
       "row-start": [{
-        "row-start": J()
+        "row-start": q()
       }],
       /**
        * Grid Row End
        * @see https://tailwindcss.com/docs/grid-row
        */
       "row-end": [{
-        "row-end": J()
+        "row-end": q()
       }],
       /**
        * Grid Auto Flow
@@ -993,14 +667,14 @@ const x = (e) => {
        * @see https://tailwindcss.com/docs/grid-auto-columns
        */
       "auto-cols": [{
-        "auto-cols": ge()
+        "auto-cols": pe()
       }],
       /**
        * Grid Auto Rows
        * @see https://tailwindcss.com/docs/grid-auto-rows
        */
       "auto-rows": [{
-        "auto-rows": ge()
+        "auto-rows": pe()
       }],
       /**
        * Gap
@@ -1028,35 +702,35 @@ const x = (e) => {
        * @see https://tailwindcss.com/docs/justify-content
        */
       "justify-content": [{
-        justify: [...oe(), "normal"]
+        justify: [...re(), "normal"]
       }],
       /**
        * Justify Items
        * @see https://tailwindcss.com/docs/justify-items
        */
       "justify-items": [{
-        "justify-items": [...B(), "normal"]
+        "justify-items": [...O(), "normal"]
       }],
       /**
        * Justify Self
        * @see https://tailwindcss.com/docs/justify-self
        */
       "justify-self": [{
-        "justify-self": ["auto", ...B()]
+        "justify-self": ["auto", ...O()]
       }],
       /**
        * Align Content
        * @see https://tailwindcss.com/docs/align-content
        */
       "align-content": [{
-        content: ["normal", ...oe()]
+        content: ["normal", ...re()]
       }],
       /**
        * Align Items
        * @see https://tailwindcss.com/docs/align-items
        */
       "align-items": [{
-        items: [...B(), {
+        items: [...O(), {
           baseline: ["", "last"]
         }]
       }],
@@ -1065,7 +739,7 @@ const x = (e) => {
        * @see https://tailwindcss.com/docs/align-self
        */
       "align-self": [{
-        self: ["auto", ...B(), {
+        self: ["auto", ...O(), {
           baseline: ["", "last"]
         }]
       }],
@@ -1074,21 +748,21 @@ const x = (e) => {
        * @see https://tailwindcss.com/docs/place-content
        */
       "place-content": [{
-        "place-content": oe()
+        "place-content": re()
       }],
       /**
        * Place Items
        * @see https://tailwindcss.com/docs/place-items
        */
       "place-items": [{
-        "place-items": [...B(), "baseline"]
+        "place-items": [...O(), "baseline"]
       }],
       /**
        * Place Self
        * @see https://tailwindcss.com/docs/place-self
        */
       "place-self": [{
-        "place-self": ["auto", ...B()]
+        "place-self": ["auto", ...O()]
       }],
       // Spacing
       /**
@@ -1318,7 +992,7 @@ const x = (e) => {
        * @see https://tailwindcss.com/docs/font-size
        */
       "font-size": [{
-        text: ["base", t, H, j]
+        text: ["base", t, D, j]
       }],
       /**
        * Font Smoothing
@@ -1335,21 +1009,21 @@ const x = (e) => {
        * @see https://tailwindcss.com/docs/font-weight
        */
       "font-weight": [{
-        font: [o, n, ie]
+        font: [o, n, ae]
       }],
       /**
        * 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", ae, s]
+        "font-stretch": ["ultra-condensed", "extra-condensed", "condensed", "semi-condensed", "normal", "semi-expanded", "expanded", "extra-expanded", "ultra-expanded", ne, s]
       }],
       /**
        * Font Family
        * @see https://tailwindcss.com/docs/font-family
        */
       "font-family": [{
-        font: [It, s, r]
+        font: [ht, s, r]
       }],
       /**
        * Font Variant Numeric
@@ -1393,7 +1067,7 @@ const x = (e) => {
        * @see https://tailwindcss.com/docs/line-clamp
        */
       "line-clamp": [{
-        "line-clamp": [u, "none", n, ie]
+        "line-clamp": [u, "none", n, ae]
       }],
       /**
        * Line Height
@@ -1459,7 +1133,7 @@ const x = (e) => {
        * @see https://tailwindcss.com/docs/text-decoration-style
        */
       "text-decoration-style": [{
-        decoration: [...X(), "wavy"]
+        decoration: [...J(), "wavy"]
       }],
       /**
        * Text Decoration Thickness
@@ -1577,21 +1251,21 @@ const x = (e) => {
        * @see https://tailwindcss.com/docs/background-position
        */
       "bg-position": [{
-        bg: fe()
+        bg: ge()
       }],
       /**
        * Background Repeat
        * @see https://tailwindcss.com/docs/background-repeat
        */
       "bg-repeat": [{
-        bg: be()
+        bg: fe()
       }],
       /**
        * Background Size
        * @see https://tailwindcss.com/docs/background-size
        */
       "bg-size": [{
-        bg: xe()
+        bg: be()
       }],
       /**
        * Background Image
@@ -1604,7 +1278,7 @@ const x = (e) => {
           }, E, n, s],
           radial: ["", n, s],
           conic: [E, n, s]
-        }, Rt, Pt]
+        }, wt, xt]
       }],
       /**
        * Background Color
@@ -1618,21 +1292,21 @@ const x = (e) => {
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-from-pos": [{
-        from: se()
+        from: oe()
       }],
       /**
        * Gradient Color Stops Via Position
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-via-pos": [{
-        via: se()
+        via: oe()
       }],
       /**
        * Gradient Color Stops To Position
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-to-pos": [{
-        to: se()
+        to: oe()
       }],
       /**
        * Gradient Color Stops From
@@ -1663,175 +1337,175 @@ const x = (e) => {
        * @see https://tailwindcss.com/docs/border-radius
        */
       rounded: [{
-        rounded: v()
+        rounded: w()
       }],
       /**
        * Border Radius Start
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-s": [{
-        "rounded-s": v()
+        "rounded-s": w()
       }],
       /**
        * Border Radius End
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-e": [{
-        "rounded-e": v()
+        "rounded-e": w()
       }],
       /**
        * Border Radius Top
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-t": [{
-        "rounded-t": v()
+        "rounded-t": w()
       }],
       /**
        * Border Radius Right
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-r": [{
-        "rounded-r": v()
+        "rounded-r": w()
       }],
       /**
        * Border Radius Bottom
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-b": [{
-        "rounded-b": v()
+        "rounded-b": w()
       }],
       /**
        * Border Radius Left
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-l": [{
-        "rounded-l": v()
+        "rounded-l": w()
       }],
       /**
        * Border Radius Start Start
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-ss": [{
-        "rounded-ss": v()
+        "rounded-ss": w()
       }],
       /**
        * Border Radius Start End
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-se": [{
-        "rounded-se": v()
+        "rounded-se": w()
       }],
       /**
        * Border Radius End End
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-ee": [{
-        "rounded-ee": v()
+        "rounded-ee": w()
       }],
       /**
        * Border Radius End Start
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-es": [{
-        "rounded-es": v()
+        "rounded-es": w()
       }],
       /**
        * Border Radius Top Left
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-tl": [{
-        "rounded-tl": v()
+        "rounded-tl": w()
       }],
       /**
        * Border Radius Top Right
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-tr": [{
-        "rounded-tr": v()
+        "rounded-tr": w()
       }],
       /**
        * Border Radius Bottom Right
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-br": [{
-        "rounded-br": v()
+        "rounded-br": w()
       }],
       /**
        * Border Radius Bottom Left
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-bl": [{
-        "rounded-bl": v()
+        "rounded-bl": w()
       }],
       /**
        * Border Width
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w": [{
-        border: S()
+        border: C()
       }],
       /**
        * Border Width X
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-x": [{
-        "border-x": S()
+        "border-x": C()
       }],
       /**
        * Border Width Y
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-y": [{
-        "border-y": S()
+        "border-y": C()
       }],
       /**
        * Border Width Start
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-s": [{
-        "border-s": S()
+        "border-s": C()
       }],
       /**
        * Border Width End
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-e": [{
-        "border-e": S()
+        "border-e": C()
       }],
       /**
        * Border Width Top
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-t": [{
-        "border-t": S()
+        "border-t": C()
       }],
       /**
        * Border Width Right
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-r": [{
-        "border-r": S()
+        "border-r": C()
       }],
       /**
        * Border Width Bottom
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-b": [{
-        "border-b": S()
+        "border-b": C()
       }],
       /**
        * Border Width Left
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-l": [{
-        "border-l": S()
+        "border-l": C()
       }],
       /**
        * Divide Width X
        * @see https://tailwindcss.com/docs/border-width#between-children
        */
       "divide-x": [{
-        "divide-x": S()
+        "divide-x": C()
       }],
       /**
        * Divide Width X Reverse
@@ -1843,7 +1517,7 @@ const x = (e) => {
        * @see https://tailwindcss.com/docs/border-width#between-children
        */
       "divide-y": [{
-        "divide-y": S()
+        "divide-y": C()
       }],
       /**
        * Divide Width Y Reverse
@@ -1855,14 +1529,14 @@ const x = (e) => {
        * @see https://tailwindcss.com/docs/border-style
        */
       "border-style": [{
-        border: [...X(), "hidden", "none"]
+        border: [...J(), "hidden", "none"]
       }],
       /**
        * Divide Style
        * @see https://tailwindcss.com/docs/border-style#setting-the-divider-style
        */
       "divide-style": [{
-        divide: [...X(), "hidden", "none"]
+        divide: [...J(), "hidden", "none"]
       }],
       /**
        * Border Color
@@ -1939,7 +1613,7 @@ const x = (e) => {
        * @see https://tailwindcss.com/docs/outline-style
        */
       "outline-style": [{
-        outline: [...X(), "none", "hidden"]
+        outline: [...J(), "none", "hidden"]
       }],
       /**
        * Outline Offset
@@ -1953,7 +1627,7 @@ const x = (e) => {
        * @see https://tailwindcss.com/docs/outline-width
        */
       "outline-w": [{
-        outline: ["", u, H, j]
+        outline: ["", u, D, j]
       }],
       /**
        * Outline Color
@@ -1975,8 +1649,8 @@ const x = (e) => {
           "",
           "none",
           b,
-          te,
-          ee
+          ee,
+          Q
         ]
       }],
       /**
@@ -1991,7 +1665,7 @@ const x = (e) => {
        * @see https://tailwindcss.com/docs/box-shadow#adding-an-inset-shadow
        */
       "inset-shadow": [{
-        "inset-shadow": ["none", y, te, ee]
+        "inset-shadow": ["none", k, ee, Q]
       }],
       /**
        * Inset Box Shadow Color
@@ -2005,7 +1679,7 @@ const x = (e) => {
        * @see https://tailwindcss.com/docs/box-shadow#adding-a-ring
        */
       "ring-w": [{
-        ring: S()
+        ring: C()
       }],
       /**
        * Ring Width Inset
@@ -2044,7 +1718,7 @@ const x = (e) => {
        * @see https://tailwindcss.com/docs/box-shadow#adding-an-inset-ring
        */
       "inset-ring-w": [{
-        "inset-ring": S()
+        "inset-ring": C()
       }],
       /**
        * Inset Ring Color
@@ -2058,7 +1732,7 @@ const x = (e) => {
        * @see https://tailwindcss.com/docs/text-shadow
        */
       "text-shadow": [{
-        "text-shadow": ["none", C, te, ee]
+        "text-shadow": ["none", A, ee, Q]
       }],
       /**
        * Text Shadow Color
@@ -2079,14 +1753,14 @@ const x = (e) => {
        * @see https://tailwindcss.com/docs/mix-blend-mode
        */
       "mix-blend": [{
-        "mix-blend": [...he(), "plus-darker", "plus-lighter"]
+        "mix-blend": [...xe(), "plus-darker", "plus-lighter"]
       }],
       /**
        * Background Blend Mode
        * @see https://tailwindcss.com/docs/background-blend-mode
        */
       "bg-blend": [{
-        "bg-blend": he()
+        "bg-blend": xe()
       }],
       /**
        * Mask Clip
@@ -2218,7 +1892,7 @@ const x = (e) => {
         }]
       }],
       "mask-image-radial-pos": [{
-        "mask-radial-at": L()
+        "mask-radial-at": V()
       }],
       "mask-image-conic-pos": [{
         "mask-conic": [u]
@@ -2254,21 +1928,21 @@ const x = (e) => {
        * @see https://tailwindcss.com/docs/mask-position
        */
       "mask-position": [{
-        mask: fe()
+        mask: ge()
       }],
       /**
        * Mask Repeat
        * @see https://tailwindcss.com/docs/mask-repeat
        */
       "mask-repeat": [{
-        mask: be()
+        mask: fe()
       }],
       /**
        * Mask Size
        * @see https://tailwindcss.com/docs/mask-size
        */
       "mask-size": [{
-        mask: xe()
+        mask: be()
       }],
       /**
        * Mask Type
@@ -2305,7 +1979,7 @@ const x = (e) => {
        * @see https://tailwindcss.com/docs/blur
        */
       blur: [{
-        blur: ve()
+        blur: he()
       }],
       /**
        * Brightness
@@ -2331,8 +2005,8 @@ const x = (e) => {
           "",
           "none",
           R,
-          te,
-          ee
+          ee,
+          Q
         ]
       }],
       /**
@@ -2395,7 +2069,7 @@ const x = (e) => {
        * @see https://tailwindcss.com/docs/backdrop-blur
        */
       "backdrop-blur": [{
-        "backdrop-blur": ve()
+        "backdrop-blur": he()
       }],
       /**
        * Backdrop Brightness
@@ -2541,7 +2215,7 @@ const x = (e) => {
        * @see https://tailwindcss.com/docs/animation
        */
       animate: [{
-        animate: ["none", q, n, s]
+        animate: ["none", Z, n, s]
       }],
       // ------------------
       // --- Transforms ---
@@ -2558,70 +2232,70 @@ const x = (e) => {
        * @see https://tailwindcss.com/docs/perspective
        */
       perspective: [{
-        perspective: [z, n, s]
+        perspective: [S, n, s]
       }],
       /**
        * Perspective Origin
        * @see https://tailwindcss.com/docs/perspective-origin
        */
       "perspective-origin": [{
-        "perspective-origin": O()
+        "perspective-origin": L()
       }],
       /**
        * Rotate
        * @see https://tailwindcss.com/docs/rotate
        */
       rotate: [{
-        rotate: K()
+        rotate: X()
       }],
       /**
        * Rotate X
        * @see https://tailwindcss.com/docs/rotate
        */
       "rotate-x": [{
-        "rotate-x": K()
+        "rotate-x": X()
       }],
       /**
        * Rotate Y
        * @see https://tailwindcss.com/docs/rotate
        */
       "rotate-y": [{
-        "rotate-y": K()
+        "rotate-y": X()
       }],
       /**
        * Rotate Z
        * @see https://tailwindcss.com/docs/rotate
        */
       "rotate-z": [{
-        "rotate-z": K()
+        "rotate-z": X()
       }],
       /**
        * Scale
        * @see https://tailwindcss.com/docs/scale
        */
       scale: [{
-        scale: Y()
+        scale: K()
       }],
       /**
        * Scale X
        * @see https://tailwindcss.com/docs/scale
        */
       "scale-x": [{
-        "scale-x": Y()
+        "scale-x": K()
       }],
       /**
        * Scale Y
        * @see https://tailwindcss.com/docs/scale
        */
       "scale-y": [{
-        "scale-y": Y()
+        "scale-y": K()
       }],
       /**
        * Scale Z
        * @see https://tailwindcss.com/docs/scale
        */
       "scale-z": [{
-        "scale-z": Y()
+        "scale-z": K()
       }],
       /**
        * Scale 3D
@@ -2633,21 +2307,21 @@ const x = (e) => {
        * @see https://tailwindcss.com/docs/skew
        */
       skew: [{
-        skew: ne()
+        skew: se()
       }],
       /**
        * Skew X
        * @see https://tailwindcss.com/docs/skew
        */
       "skew-x": [{
-        "skew-x": ne()
+        "skew-x": se()
       }],
       /**
        * Skew Y
        * @see https://tailwindcss.com/docs/skew
        */
       "skew-y": [{
-        "skew-y": ne()
+        "skew-y": se()
       }],
       /**
        * Transform
@@ -2661,7 +2335,7 @@ const x = (e) => {
        * @see https://tailwindcss.com/docs/transform-origin
        */
       "transform-origin": [{
-        origin: O()
+        origin: L()
       }],
       /**
        * Transform Style
@@ -2675,28 +2349,28 @@ const x = (e) => {
        * @see https://tailwindcss.com/docs/translate
        */
       translate: [{
-        translate: Q()
+        translate: Y()
       }],
       /**
        * Translate X
        * @see https://tailwindcss.com/docs/translate
        */
       "translate-x": [{
-        "translate-x": Q()
+        "translate-x": Y()
       }],
       /**
        * Translate Y
        * @see https://tailwindcss.com/docs/translate
        */
       "translate-y": [{
-        "translate-y": Q()
+        "translate-y": Y()
       }],
       /**
        * Translate Z
        * @see https://tailwindcss.com/docs/translate
        */
       "translate-z": [{
-        "translate-z": Q()
+        "translate-z": Y()
       }],
       /**
        * Translate None
@@ -2978,7 +2652,7 @@ const x = (e) => {
        * @see https://tailwindcss.com/docs/stroke-width
        */
       "stroke-w": [{
-        stroke: [u, H, j, ie]
+        stroke: [u, D, j, ae]
       }],
       /**
        * Stroke
@@ -3053,11 +2727,311 @@ const x = (e) => {
     },
     orderSensitiveModifiers: ["*", "**", "after", "backdrop", "before", "details-content", "file", "first-letter", "first-line", "marker", "placeholder", "selection"]
   };
-}, jt = /* @__PURE__ */ bt(Gt);
-function M(...e) {
-  return jt(Ae(e));
+}, St = /* @__PURE__ */ st(zt);
+function v(...e) {
+  return St(Ce(e));
 }
-function Qt({
+const $t = ({ className: e = "", children: r, element: t, ...o }) => /* @__PURE__ */ g(
+  H,
+  {
+    element: t,
+    className: v("mx-auto px-4 sm:px-6 lg:px-8 max-w-7xl", e),
+    ...o,
+    children: r
+  }
+), ze = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, Se = Ce, Ct = (e, r) => (t) => {
+  var o;
+  if ((r == null ? void 0 : r.variants) == null) return Se(e, t == null ? void 0 : t.class, t == null ? void 0 : t.className);
+  const { variants: a, defaultVariants: i } = r, l = Object.keys(a).map((f) => {
+    const b = t == null ? void 0 : t[f], k = i == null ? void 0 : i[f];
+    if (b === null) return null;
+    const A = ze(b) || ze(k);
+    return a[f][A];
+  }), p = t && Object.entries(t).reduce((f, b) => {
+    let [k, A] = b;
+    return A === void 0 || (f[k] = A), f;
+  }, {}), m = r == null || (o = r.compoundVariants) === null || o === void 0 ? void 0 : o.reduce((f, b) => {
+    let { class: k, className: A, ...R } = b;
+    return Object.entries(R).every((z) => {
+      let [S, M] = z;
+      return Array.isArray(M) ? M.includes({
+        ...i,
+        ...p
+      }[S]) : {
+        ...i,
+        ...p
+      }[S] === M;
+    }) ? [
+      ...f,
+      k,
+      A
+    ] : f;
+  }, []);
+  return Se(e, l, m, t == null ? void 0 : t.class, t == null ? void 0 : t.className);
+}, Ve = {
+  start: "justify-start",
+  end: "justify-end",
+  center: "justify-center",
+  between: "justify-between",
+  around: "justify-around",
+  evenly: "justify-evenly",
+  stretch: "justify-stretch"
+}, Le = {
+  start: "items-start",
+  end: "items-end",
+  center: "items-center",
+  baseline: "items-baseline",
+  stretch: "items-stretch"
+}, At = {
+  body: "font-sans",
+  heading: "font-sans",
+  caption: "font-sans"
+}, Mt = {
+  xs: "text-xs",
+  sm: "text-sm",
+  base: "text-base",
+  lg: "text-lg",
+  xl: "text-xl",
+  "2xl": "text-2xl",
+  "3xl": "text-3xl",
+  "4xl": "text-4xl",
+  "5xl": "text-5xl",
+  "6xl": "text-6xl",
+  "7xl": "text-7xl",
+  "8xl": "text-8xl",
+  "9xl": "text-9xl"
+}, Nt = {
+  normal: "font-normal",
+  medium: "font-medium",
+  semibold: "font-semibold",
+  bold: "font-bold",
+  light: "font-light"
+}, Pt = {
+  1: "grid-cols-1",
+  2: "grid-cols-2",
+  3: "grid-cols-3",
+  4: "grid-cols-4",
+  5: "grid-cols-5",
+  6: "grid-cols-6",
+  7: "grid-cols-7",
+  8: "grid-cols-8",
+  9: "grid-cols-9"
+}, It = {
+  1: "grid-rows-1",
+  2: "grid-rows-2",
+  3: "grid-rows-3",
+  4: "grid-rows-4",
+  5: "grid-rows-5",
+  6: "grid-rows-6",
+  7: "grid-rows-7",
+  8: "grid-rows-8",
+  9: "grid-rows-9"
+}, Oe = {
+  1: "gap-1",
+  2: "gap-2",
+  3: "gap-3",
+  4: "gap-4",
+  5: "gap-5",
+  6: "gap-6",
+  7: "gap-7",
+  8: "gap-8",
+  9: "gap-9"
+}, Et = Ct(
+  "inline-flex justify-center items-center gap-2 disabled:opacity-50 aria-invalid:border-destructive focus-visible:border-ring rounded-md outline-none aria-invalid:ring-destructive/20 focus-visible:ring-[3px] focus-visible:ring-ring/50 dark:aria-invalid:ring-destructive/40 [&_svg:not([class*='size-'])]:size-4 font-medium text-sm whitespace-nowrap transition-all [&_svg]:pointer-events-none disabled:pointer-events-none shrink-0 [&_svg]:shrink-0",
+  {
+    variants: {
+      variant: {
+        default: `
+          bg-primary text-primary-foreground shadow-xs
+          hover:bg-primary/90
+        `,
+        destructive: `
+          bg-destructive text-white shadow-xs
+          hover:bg-destructive/90
+          focus-visible:ring-destructive/20
+          dark:bg-destructive/60 dark:focus-visible:ring-destructive/40
+        `,
+        outline: `
+          border bg-background shadow-xs
+          hover:bg-accent hover:text-accent-foreground
+          dark:border-input dark:bg-input/30 dark:hover:bg-input/50
+        `,
+        secondary: `
+          bg-secondary text-secondary-foreground shadow-xs
+          hover:bg-secondary/80
+        `,
+        ghost: `
+          hover:bg-accent hover:text-accent-foreground
+          dark:hover:bg-accent/50
+        `,
+        link: `
+          text-primary underline-offset-4
+          hover:underline
+        `
+      },
+      size: {
+        default: `
+          h-9 px-4 py-2
+          has-[>svg]:px-3
+        `,
+        sm: `
+          h-8 gap-1.5 rounded-md px-3
+          has-[>svg]:px-2.5
+        `,
+        lg: `
+          h-10 rounded-md px-6
+          has-[>svg]:px-4
+        `,
+        icon: "size-9"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+), Rt = {
+  row: "flex-row",
+  col: "flex-col",
+  row_reverse: "flex-row-reverse",
+  col_reverse: "flex-col-reverse"
+}, Tt = {
+  wrap: "flex-wrap",
+  nowrap: "flex-nowrap",
+  wrap_reverse: "flex-wrap-reverse"
+}, Dt = ({
+  children: e,
+  gap: r,
+  direction: t,
+  justify: o,
+  align: a,
+  wrap: i,
+  className: l = "",
+  element: p,
+  ...m
+}) => /* @__PURE__ */ g(
+  H,
+  {
+    element: p,
+    className: v(
+      "flex",
+      t && Rt[t],
+      o && Ve[o],
+      a && Le[a],
+      i && Tt[i],
+      r && Oe[r],
+      l
+    ),
+    ...m,
+    children: e
+  }
+), Ht = ({
+  children: e,
+  className: r,
+  cols: t,
+  rows: o,
+  gap: a,
+  justify: i,
+  align: l,
+  element: p,
+  ...m
+}) => /* @__PURE__ */ g(
+  H,
+  {
+    element: p,
+    className: v(
+      "grid",
+      t && Pt[t],
+      o && It[o],
+      a && Oe[a],
+      i && Ve[i],
+      l && Le[l],
+      r
+    ),
+    ...m,
+    children: e
+  }
+), _t = {
+  xs: "xs",
+  sm: "sm",
+  base: "base",
+  lg: "lg",
+  xl: "xl",
+  "2xl": "2xl",
+  "3xl": "3xl",
+  "4xl": "4xl"
+}, Zt = ({ children: e, element: r, className: t, size: o, ...a }) => /* @__PURE__ */ g(
+  Be,
+  {
+    className: t,
+    element: r,
+    size: _t[o],
+    variant: "heading",
+    weight: "medium",
+    ...a,
+    children: e
+  }
+), qt = ({ children: e, className: r, href: t, ...o }) => /* @__PURE__ */ g(
+  "a",
+  {
+    "data-testid": "link",
+    href: t,
+    rel: "noopener noreferrer",
+    target: "_blank",
+    className: v(
+      "focus:outline-none text-blue-600 active:text-blue-900 visited:text-purple-600 hover:underline",
+      r
+    ),
+    ...o,
+    children: e
+  }
+), Gt = {
+  xs: "xs",
+  sm: "sm",
+  base: "base",
+  lg: "lg"
+}, Jt = ({ children: e, className: r, size: t, ...o }) => /* @__PURE__ */ g(
+  Be,
+  {
+    className: r,
+    element: "p",
+    size: Gt[t],
+    variant: "body",
+    weight: "normal",
+    ...o,
+    children: e
+  }
+), Xt = ({ className: e = "", children: r, ...t }) => /* @__PURE__ */ g(H, { element: "section", className: v("mx-2 my-4 p-4 sm:p-6", e), ...t, children: r }), Kt = ({
+  children: e,
+  direction: r = "horizontal",
+  spacing: t = "space-x-2",
+  element: o,
+  className: a,
+  ...i
+}) => /* @__PURE__ */ g(H, { className: v("flex", r === "vertical" ? "flex-col" : "flex-row", t, a), element: o, ...i, children: e }), Be = ({
+  className: e,
+  children: r,
+  element: t,
+  weight: o,
+  variant: a,
+  size: i,
+  ...l
+}) => /* @__PURE__ */ g(
+  t,
+  {
+    "data-testid": "text",
+    className: v(
+      "font-sans font-normal text-base",
+      i && Mt[i],
+      o && Nt[o],
+      a && At[a],
+      e
+    ),
+    ...l,
+    children: r
+  }
+);
+function Yt({
   className: e,
   variant: r,
   size: t,
@@ -3065,22 +3039,22 @@ function Qt({
   ...a
 }) {
   return /* @__PURE__ */ g(
-    o ? $e : "button",
+    o ? Fe : "button",
     {
       "data-slot": "button",
-      className: M(Ye({ variant: r, size: t, className: e })),
+      className: v(Et({ variant: r, size: t, className: e })),
       ...a,
       "data-testid": "button"
     }
   );
 }
-function er({ className: e, type: r, ...t }) {
+function Qt({ className: e, type: r, ...t }) {
   return /* @__PURE__ */ g(
     "input",
     {
       type: r,
       "data-slot": "input",
-      className: M(
+      className: v(
         `
           flex h-9 w-full min-w-0 rounded-md border border-input bg-transparent
           px-3 py-1 text-base shadow-xs transition-[color,box-shadow]
@@ -3109,7 +3083,7 @@ function er({ className: e, type: r, ...t }) {
     }
   );
 }
-const Vt = Ue(
+const jt = Ue(
   ({
     children: e,
     className: r = "",
@@ -3122,7 +3096,7 @@ const Vt = Ue(
       WebkitTextFillColor: "transparent",
       animationDuration: `${10 / o}s`
     };
-    return /* @__PURE__ */ re(
+    return /* @__PURE__ */ te(
       "span",
       {
         className: `
@@ -3149,28 +3123,28 @@ const Vt = Ue(
     );
   }
 );
-Vt.displayName = "AuroraText";
+jt.displayName = "AuroraText";
+function er({ ...e }) {
+  return /* @__PURE__ */ g(y.Root, { "data-slot": "select", ...e });
+}
 function tr({ ...e }) {
-  return /* @__PURE__ */ g(w.Root, { "data-slot": "select", ...e });
+  return /* @__PURE__ */ g(y.Group, { "data-slot": "select-group", ...e });
 }
 function rr({ ...e }) {
-  return /* @__PURE__ */ g(w.Group, { "data-slot": "select-group", ...e });
+  return /* @__PURE__ */ g(y.Value, { "data-slot": "select-value", ...e });
 }
-function or({ ...e }) {
-  return /* @__PURE__ */ g(w.Value, { "data-slot": "select-value", ...e });
-}
-function sr({
+function or({
   className: e,
   size: r = "default",
   children: t,
   ...o
 }) {
-  return /* @__PURE__ */ re(
-    w.Trigger,
+  return /* @__PURE__ */ te(
+    y.Trigger,
     {
       "data-slot": "select-trigger",
       "data-size": r,
-      className: M(
+      className: v(
         `
           flex w-fit items-center justify-between gap-2 rounded-md border
           border-input bg-transparent px-3 py-2 text-sm whitespace-nowrap
@@ -3197,22 +3171,22 @@ function sr({
       ...o,
       children: [
         t,
-        /* @__PURE__ */ g(w.Icon, { asChild: !0, children: /* @__PURE__ */ g(Me, { className: "size-4 opacity-50" }) })
+        /* @__PURE__ */ g(y.Icon, { asChild: !0, children: /* @__PURE__ */ g(Ae, { className: "size-4 opacity-50" }) })
       ]
     }
   );
 }
-function nr({
+function sr({
   className: e,
   children: r,
   position: t = "popper",
   ...o
 }) {
-  return /* @__PURE__ */ g(w.Portal, { "data-testid": "select", children: /* @__PURE__ */ re(
-    w.Content,
+  return /* @__PURE__ */ g(y.Portal, { "data-testid": "select", children: /* @__PURE__ */ te(
+    y.Content,
     {
       "data-slot": "select-content",
-      className: M(
+      className: v(
         `
             relative z-50 max-h-(--radix-select-content-available-height)
             min-w-[8rem] origin-(--radix-select-content-transform-origin)
@@ -3238,11 +3212,11 @@ function nr({
       position: t,
       ...o,
       children: [
-        /* @__PURE__ */ g(Lt, {}),
+        /* @__PURE__ */ g(Vt, {}),
         /* @__PURE__ */ g(
-          w.Viewport,
+          y.Viewport,
           {
-            className: M(
+            className: v(
               "p-1",
               t === "popper" && `
                 h-[var(--radix-select-trigger-height)] w-full
@@ -3252,31 +3226,31 @@ function nr({
             children: r
           }
         ),
-        /* @__PURE__ */ g(Ot, {})
+        /* @__PURE__ */ g(Lt, {})
       ]
     }
   ) });
 }
-function ar({ className: e, ...r }) {
+function nr({ className: e, ...r }) {
   return /* @__PURE__ */ g(
-    w.Label,
+    y.Label,
     {
       "data-slot": "select-label",
-      className: M("px-2 py-1.5 text-xs text-muted-foreground", e),
+      className: v("px-2 py-1.5 text-xs text-muted-foreground", e),
       ...r
     }
   );
 }
-function ir({
+function ar({
   className: e,
   children: r,
   ...t
 }) {
-  return /* @__PURE__ */ re(
-    w.Item,
+  return /* @__PURE__ */ te(
+    y.Item,
     {
       "data-slot": "select-item",
-      className: M(
+      className: v(
         `
           relative flex w-full cursor-default items-center gap-2 rounded-sm
           py-1.5 pr-8 pl-2 text-sm outline-hidden select-none
@@ -3297,77 +3271,77 @@ function ir({
             className: `
         absolute right-2 flex size-3.5 items-center justify-center
       `,
-            children: /* @__PURE__ */ g(w.ItemIndicator, { children: /* @__PURE__ */ g(We, { className: "size-4" }) })
+            children: /* @__PURE__ */ g(y.ItemIndicator, { children: /* @__PURE__ */ g(We, { className: "size-4" }) })
           }
         ),
-        /* @__PURE__ */ g(w.ItemText, { children: r })
+        /* @__PURE__ */ g(y.ItemText, { children: r })
       ]
     }
   );
 }
-function lr({
+function ir({
   className: e,
   ...r
 }) {
   return /* @__PURE__ */ g(
-    w.Separator,
+    y.Separator,
     {
       "data-slot": "select-separator",
-      className: M("pointer-events-none -mx-1 my-1 h-px bg-border", e),
+      className: v("pointer-events-none -mx-1 my-1 h-px bg-border", e),
       ...r
     }
   );
 }
-function Lt({
+function Vt({
   className: e,
   ...r
 }) {
   return /* @__PURE__ */ g(
-    w.ScrollUpButton,
+    y.ScrollUpButton,
     {
       "data-slot": "select-scroll-up-button",
-      className: M("flex cursor-default items-center justify-center py-1", e),
+      className: v("flex cursor-default items-center justify-center py-1", e),
       ...r,
-      children: /* @__PURE__ */ g(De, { className: "size-4" })
+      children: /* @__PURE__ */ g($e, { className: "size-4" })
     }
   );
 }
-function Ot({
+function Lt({
   className: e,
   ...r
 }) {
   return /* @__PURE__ */ g(
-    w.ScrollDownButton,
+    y.ScrollDownButton,
     {
       "data-slot": "select-scroll-down-button",
-      className: M("flex cursor-default items-center justify-center py-1", e),
+      className: v("flex cursor-default items-center justify-center py-1", e),
       ...r,
-      children: /* @__PURE__ */ g(Me, { className: "size-4" })
+      children: /* @__PURE__ */ g(Ae, { className: "size-4" })
     }
   );
 }
 export {
-  Vt as AuroraText,
-  Z as Box,
-  Qt as Button,
-  Dt as Container,
-  Jt as ExternalLink,
-  Ht as Flex,
-  Zt as Grid,
-  qt as Heading,
-  er as Input,
-  Xt as Paragraph,
-  Kt as Section,
-  tr as Select,
-  nr as SelectContent,
-  rr as SelectGroup,
-  ir as SelectItem,
-  ar as SelectLabel,
-  Ot as SelectScrollDownButton,
-  Lt as SelectScrollUpButton,
-  lr as SelectSeparator,
-  sr as SelectTrigger,
-  or as SelectValue,
-  Yt as Stack,
-  Ee as Text
+  jt as AuroraText,
+  H as Box,
+  Yt as Button,
+  $t as Container,
+  qt as ExternalLink,
+  Dt as Flex,
+  Ht as Grid,
+  Zt as Heading,
+  Qt as Input,
+  Jt as Paragraph,
+  Xt as Section,
+  er as Select,
+  sr as SelectContent,
+  tr as SelectGroup,
+  ar as SelectItem,
+  nr as SelectLabel,
+  Lt as SelectScrollDownButton,
+  Vt as SelectScrollUpButton,
+  ir as SelectSeparator,
+  or as SelectTrigger,
+  rr as SelectValue,
+  Kt as Stack,
+  Be as Text
 };