@srimandir/common 2.34.0 → 2.36.0

package/dist/common.js

@@ -1,15 +1,15 @@
-import { jsx as I, jsxs as Ve } from "react/jsx-runtime";
+import { jsx as T, jsxs as Ve } from "react/jsx-runtime";
 import { useEffect as We, createContext as $e, useContext as Ue } from "react";
-const De = "_overlay_15iql_3", Ke = "_sheet_15iql_14", qe = "_handle_15iql_66", He = "_closeBtn_15iql_75", Je = "_closeBtnOutside_15iql_100", Ye = "_header_15iql_116", Ze = "_body_15iql_25", Xe = "_footer_15iql_128", N = {
+const De = "_overlay_15iql_3", He = "_sheet_15iql_14", Ke = "_handle_15iql_66", qe = "_closeBtn_15iql_75", Je = "_closeBtnOutside_15iql_100", Ye = "_header_15iql_116", Ze = "_body_15iql_25", Xe = "_footer_15iql_128", N = {
   overlay: De,
-  sheet: Ke,
-  handle: qe,
-  closeBtn: He,
+  sheet: He,
+  handle: Ke,
+  closeBtn: qe,
   closeBtnOutside: Je,
   header: Ye,
   body: Ze,
   footer: Xe
-}, se = (...e) => e.filter(Boolean).join(" "), Qe = () => /* @__PURE__ */ I("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ I(
+}, se = (...e) => e.filter(Boolean).join(" "), Qe = () => /* @__PURE__ */ T("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ T(
   "path",
   {
     d: "M12 4L4 12M4 4l8 8",
@@ -23,57 +23,72 @@ const De = "_overlay_15iql_3", Ke = "_sheet_15iql_14", qe = "_handle_15iql_66",
   children: t,
   header: o,
   footer: a,
-  showCloseButton: d = !0,
-  closeButtonOutside: l = !1,
-  showDragHandle: u = !1,
-  closeOnBackdropClick: b = !0,
-  closeOnEscape: m = !0,
+  onScroll: d,
+  showCloseButton: l = !0,
+  closeButtonOutside: u = !1,
+  showDragHandle: b = !1,
+  closeOnBackdropClick: m = !0,
+  closeOnEscape: g = !0,
   lockBodyScroll: f = !0,
-  ariaLabel: w,
-  className: P = "",
-  overlayClassName: A = "",
-  "data-testid": E
+  ariaLabel: P,
+  className: S = "",
+  overlayClassName: E = "",
+  "data-testid": y
 }) => (We(() => {
   if (!e) return;
-  const g = (T) => {
-    T.key === "Escape" && r("escape");
+  const h = (k) => {
+    k.key === "Escape" && r("escape");
   };
-  m && document.addEventListener("keydown", g);
-  const v = document.body.style.overflow;
+  g && document.addEventListener("keydown", h);
+  const z = document.body.style.overflow;
   return f && (document.body.style.overflow = "hidden"), () => {
-    m && document.removeEventListener("keydown", g), f && (document.body.style.overflow = v);
+    g && document.removeEventListener("keydown", h), f && (document.body.style.overflow = z);
   };
-}, [e, r, m, f]), e ? /* @__PURE__ */ I(
+}, [e, r, g, f]), e ? /* @__PURE__ */ T(
   "div",
   {
-    className: se(N.overlay, A),
+    className: se(N.overlay, E),
     role: "presentation",
-    onClick: (g) => {
-      b && g.target === g.currentTarget && r("backdrop");
+    onClick: (h) => {
+      m && h.target === h.currentTarget && r("backdrop");
     },
     children: /* @__PURE__ */ Ve(
       "div",
       {
-        className: se(N.sheet, P),
+        className: se(N.sheet, S),
         role: "dialog",
         "aria-modal": "true",
-        "aria-label": w,
-        "data-testid": E,
+        "aria-label": P,
+        "data-testid": y,
         children: [
-          u && /* @__PURE__ */ I("div", { className: N.handle, "aria-hidden": "true" }),
-          d && /* @__PURE__ */ I(
+          b && /* @__PURE__ */ T("div", { className: N.handle, "aria-hidden": "true" }),
+          l && /* @__PURE__ */ T(
             "button",
             {
               type: "button",
-              className: se(N.closeBtn, l && N.closeBtnOutside),
+              className: se(N.closeBtn, u && N.closeBtnOutside),
               onClick: () => r("close_button"),
               "aria-label": "Close",
-              children: /* @__PURE__ */ I(Qe, {})
+              children: /* @__PURE__ */ T(Qe, {})
             }
           ),
-          o && /* @__PURE__ */ I("div", { className: N.header, children: o }),
-          /* @__PURE__ */ I("div", { className: N.body, children: t }),
-          a && /* @__PURE__ */ I("div", { className: N.footer, children: a })
+          o && /* @__PURE__ */ T("div", { className: N.header, children: o }),
+          /* @__PURE__ */ T(
+            "div",
+            {
+              className: N.body,
+              onScroll: d ? (h) => {
+                const z = h.currentTarget;
+                d({
+                  scrollTop: z.scrollTop,
+                  scrollHeight: z.scrollHeight,
+                  clientHeight: z.clientHeight
+                });
+              } : void 0,
+              children: t
+            }
+          ),
+          a && /* @__PURE__ */ T("div", { className: N.footer, children: a })
         ]
       }
     )
@@ -139,9 +154,9 @@ const oo = (e, r) => {
     return;
   const u = r === 0 ? e.join(Q) : e.slice(r).join(Q), b = l.length;
   for (let m = 0; m < b; m++) {
-    const f = l[m];
-    if (f.validator(u))
-      return f.classGroupId;
+    const g = l[m];
+    if (g.validator(u))
+      return g.classGroupId;
   }
 }, so = (e) => e.slice(1, -1).indexOf(":") === -1 ? void 0 : (() => {
   const r = e.slice(1, -1), t = r.indexOf(":"), o = r.slice(0, t);
@@ -223,13 +238,13 @@ const oo = (e, r) => {
       d in t ? t[d] = l : a(d, l);
     }
   };
-}, ie = "!", we = ":", fo = [], ye = (e, r, t, o, a) => ({
+}, ie = "!", we = ":", go = [], ye = (e, r, t, o, a) => ({
   modifiers: e,
   hasImportantModifier: r,
   baseClassName: t,
   maybePostfixModifierPosition: o,
   isExternal: a
-}), go = (e) => {
+}), fo = (e) => {
   const {
     prefix: r,
     experimentalParseClassName: t
@@ -237,36 +252,36 @@ const oo = (e, r) => {
   let o = (a) => {
     const d = [];
     let l = 0, u = 0, b = 0, m;
-    const f = a.length;
-    for (let g = 0; g < f; g++) {
-      const v = a[g];
+    const g = a.length;
+    for (let y = 0; y < g; y++) {
+      const h = a[y];
       if (l === 0 && u === 0) {
-        if (v === we) {
-          d.push(a.slice(b, g)), b = g + 1;
+        if (h === we) {
+          d.push(a.slice(b, y)), b = y + 1;
           continue;
         }
-        if (v === "/") {
-          m = g;
+        if (h === "/") {
+          m = y;
           continue;
         }
       }
-      v === "[" ? l++ : v === "]" ? l-- : v === "(" ? u++ : v === ")" && u--;
+      h === "[" ? l++ : h === "]" ? l-- : h === "(" ? u++ : h === ")" && u--;
     }
-    const w = d.length === 0 ? a : a.slice(b);
-    let P = w, A = !1;
-    w.endsWith(ie) ? (P = w.slice(0, -1), A = !0) : (
+    const f = d.length === 0 ? a : a.slice(b);
+    let P = f, S = !1;
+    f.endsWith(ie) ? (P = f.slice(0, -1), S = !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
        */
-      w.startsWith(ie) && (P = w.slice(1), A = !0)
+      f.startsWith(ie) && (P = f.slice(1), S = !0)
     );
     const E = m && m > b ? m - b : void 0;
-    return ye(d, A, P, E);
+    return ye(d, S, P, E);
   };
   if (r) {
     const a = r + we, d = o;
-    o = (l) => l.startsWith(a) ? d(l.slice(a.length)) : ye(fo, !1, l, void 0, !0);
+    o = (l) => l.startsWith(a) ? d(l.slice(a.length)) : ye(go, !1, l, void 0, !0);
   }
   if (t) {
     const a = o;
@@ -291,7 +306,7 @@ const oo = (e, r) => {
   };
 }, xo = (e) => ({
   cache: bo(e.cacheSize),
-  parseClassName: go(e),
+  parseClassName: fo(e),
   sortModifiers: ho(e),
   postfixLookupClassGroupIds: wo(e),
   ...no(e)
@@ -310,47 +325,47 @@ const oo = (e, r) => {
     postfixLookupClassGroupIds: l
   } = r, u = [], b = e.trim().split(yo);
   let m = "";
-  for (let f = b.length - 1; f >= 0; f -= 1) {
-    const w = b[f], {
+  for (let g = b.length - 1; g >= 0; g -= 1) {
+    const f = b[g], {
       isExternal: P,
-      modifiers: A,
+      modifiers: S,
       hasImportantModifier: E,
-      baseClassName: g,
-      maybePostfixModifierPosition: v
-    } = t(w);
+      baseClassName: y,
+      maybePostfixModifierPosition: h
+    } = t(f);
     if (P) {
-      m = w + (m.length > 0 ? " " + m : m);
+      m = f + (m.length > 0 ? " " + m : m);
       continue;
     }
-    let T = !!v, C;
-    if (T) {
-      const M = g.substring(0, v);
-      C = o(M);
-      const i = C && l[C] ? o(g) : void 0;
-      i && i !== C && (C = i, T = !1);
+    let z = !!h, k;
+    if (z) {
+      const M = y.substring(0, h);
+      k = o(M);
+      const i = k && l[k] ? o(y) : void 0;
+      i && i !== k && (k = i, z = !1);
     } else
-      C = o(g);
-    if (!C) {
-      if (!T) {
-        m = w + (m.length > 0 ? " " + m : m);
+      k = o(y);
+    if (!k) {
+      if (!z) {
+        m = f + (m.length > 0 ? " " + m : m);
         continue;
       }
-      if (C = o(g), !C) {
-        m = w + (m.length > 0 ? " " + m : m);
+      if (k = o(y), !k) {
+        m = f + (m.length > 0 ? " " + m : m);
         continue;
       }
-      T = !1;
+      z = !1;
     }
-    const U = A.length === 0 ? "" : A.length === 1 ? A[0] : d(A).join(":"), F = E ? U + ie : U, V = F + C;
+    const U = S.length === 0 ? "" : S.length === 1 ? S[0] : d(S).join(":"), F = E ? U + ie : U, V = F + k;
     if (u.indexOf(V) > -1)
       continue;
     u.push(V);
-    const W = a(C, T);
+    const W = a(k, z);
     for (let M = 0; M < W.length; ++M) {
       const i = W[M];
       u.push(F + i);
     }
-    m = w + (m.length > 0 ? " " + m : m);
+    m = f + (m.length > 0 ? " " + m : m);
   }
   return m;
 }, vo = (...e) => {
@@ -368,32 +383,32 @@ const oo = (e, r) => {
 }, Co = (e, ...r) => {
   let t, o, a, d;
   const l = (b) => {
-    const m = r.reduce((f, w) => w(f), e());
+    const m = r.reduce((g, f) => f(g), e());
     return t = xo(m), o = t.cache.get, a = t.cache.set, d = u, u(b);
   }, u = (b) => {
     const m = o(b);
     if (m)
       return m;
-    const f = ko(b, t);
-    return a(b, f), f;
+    const g = ko(b, t);
+    return a(b, g), g;
   };
   return d = l, (...b) => d(vo(...b));
-}, zo = [], h = (e) => {
+}, zo = [], x = (e) => {
   const r = (t) => t[e] || zo;
   return r.isThemeGetter = !0, r.themeKey = e, r;
-}, Pe = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, Te = /^\((?:(\w[\w-]*):)?(.+)\)$/i, Ao = /^\d+(?:\.\d+)?\/\d+(?:\.\d+)?$/, So = /^(\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|color|light-dark)\(.+\)$/, Po = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, To = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, G = (e) => Ao.test(e), p = (e) => !!e && !Number.isNaN(Number(e)), L = (e) => !!e && Number.isInteger(Number(e)), ae = (e) => e.endsWith("%") && p(e.slice(0, -1)), R = (e) => So.test(e), Me = () => !0, Mo = (e) => (
+}, Te = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, Pe = /^\((?:(\w[\w-]*):)?(.+)\)$/i, Ao = /^\d+(?:\.\d+)?\/\d+(?:\.\d+)?$/, So = /^(\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|color|light-dark)\(.+\)$/, To = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, Po = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, G = (e) => Ao.test(e), p = (e) => !!e && !Number.isNaN(Number(e)), I = (e) => !!e && Number.isInteger(Number(e)), ae = (e) => e.endsWith("%") && p(e.slice(0, -1)), R = (e) => So.test(e), Me = () => !0, Mo = (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.
   Lo.test(e) && !Io.test(e)
-), ce = () => !1, Ro = (e) => Po.test(e), No = (e) => To.test(e), Go = (e) => !n(e) && !s(e), _o = (e) => e.startsWith("@container") && (e[10] === "/" && e[11] !== void 0 || e[11] === "s" && e[16] !== void 0 && e.startsWith("-size/", 10) || e[11] === "n" && e[18] !== void 0 && e.startsWith("-normal/", 10)), Eo = (e) => _(e, Ge, ce), n = (e) => Pe.test(e), O = (e) => _(e, _e, Mo), ke = (e) => _(e, Uo, p), Bo = (e) => _(e, Be, Me), Oo = (e) => _(e, Ee, ce), ve = (e) => _(e, Re, ce), jo = (e) => _(e, Ne, No), Z = (e) => _(e, Oe, Ro), s = (e) => Te.test(e), D = (e) => j(e, _e), Fo = (e) => j(e, Ee), Ce = (e) => j(e, Re), Vo = (e) => j(e, Ge), Wo = (e) => j(e, Ne), X = (e) => j(e, Oe, !0), $o = (e) => j(e, Be, !0), _ = (e, r, t) => {
-  const o = Pe.exec(e);
+), ce = () => !1, Ro = (e) => To.test(e), No = (e) => Po.test(e), Go = (e) => !n(e) && !s(e), _o = (e) => e.startsWith("@container") && (e[10] === "/" && e[11] !== void 0 || e[11] === "s" && e[16] !== void 0 && e.startsWith("-size/", 10) || e[11] === "n" && e[18] !== void 0 && e.startsWith("-normal/", 10)), Eo = (e) => _(e, Ge, ce), n = (e) => Te.test(e), O = (e) => _(e, _e, Mo), ke = (e) => _(e, Uo, p), Bo = (e) => _(e, Be, Me), Oo = (e) => _(e, Ee, ce), ve = (e) => _(e, Re, ce), jo = (e) => _(e, Ne, No), Z = (e) => _(e, Oe, Ro), s = (e) => Pe.test(e), D = (e) => j(e, _e), Fo = (e) => j(e, Ee), Ce = (e) => j(e, Re), Vo = (e) => j(e, Ge), Wo = (e) => j(e, Ne), X = (e) => j(e, Oe, !0), $o = (e) => j(e, Be, !0), _ = (e, r, t) => {
+  const o = Te.exec(e);
   return o ? o[1] ? r(o[1]) : t(o[2]) : !1;
 }, j = (e, r, t = !1) => {
-  const o = Te.exec(e);
+  const o = Pe.exec(e);
   return o ? o[1] ? r(o[1]) : t : !1;
 }, Re = (e) => e === "position" || e === "percentage", Ne = (e) => e === "image" || e === "url", Ge = (e) => e === "length" || e === "size" || e === "bg-size", _e = (e) => e === "length", Uo = (e) => e === "number", Ee = (e) => e === "family-name", Be = (e) => e === "number" || e === "weight", Oe = (e) => e === "shadow", Do = () => {
-  const e = h("color"), r = h("font"), t = h("text"), o = h("font-weight"), a = h("tracking"), d = h("leading"), l = h("breakpoint"), u = h("container"), b = h("spacing"), m = h("radius"), f = h("shadow"), w = h("inset-shadow"), P = h("text-shadow"), A = h("drop-shadow"), E = h("blur"), g = h("perspective"), v = h("aspect"), T = h("ease"), C = h("animate"), U = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], F = () => [
+  const e = x("color"), r = x("font"), t = x("text"), o = x("font-weight"), a = x("tracking"), d = x("leading"), l = x("breakpoint"), u = x("container"), b = x("spacing"), m = x("radius"), g = x("shadow"), f = x("inset-shadow"), P = x("text-shadow"), S = x("drop-shadow"), E = x("blur"), y = x("perspective"), h = x("aspect"), z = x("ease"), k = x("animate"), U = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], F = () => [
     "center",
     "top",
     "bottom",
@@ -411,15 +426,15 @@ const oo = (e, r) => {
     "bottom-left",
     // Deprecated since Tailwind CSS v4.1.0, see https://github.com/tailwindlabs/tailwindcss/pull/17378
     "left-bottom"
-  ], V = () => [...F(), s, n], W = () => ["auto", "hidden", "clip", "visible", "scroll"], M = () => ["auto", "contain", "none"], i = () => [s, n, b], z = () => [G, "full", "auto", ...i()], de = () => [L, "none", "subgrid", s, n], me = () => ["auto", {
-    span: ["full", L, s, n]
-  }, L, s, n], K = () => [L, "auto", s, n], pe = () => ["auto", "min", "max", "fr", s, n], ee = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], $ = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], S = () => ["auto", ...i()], B = () => [G, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...i()], oe = () => [u, G, "screen", "full", "dvw", "lvw", "svw", "min", "max", "fit", ...i()], te = () => [G, "screen", "full", "lh", "dvh", "lvh", "svh", "min", "max", "fit", ...i()], c = () => [e, s, n], ue = () => [...F(), Ce, ve, {
+  ], V = () => [...F(), s, n], W = () => ["auto", "hidden", "clip", "visible", "scroll"], M = () => ["auto", "contain", "none"], i = () => [s, n, b], A = () => [G, "full", "auto", ...i()], de = () => [I, "none", "subgrid", s, n], me = () => ["auto", {
+    span: ["full", I, s, n]
+  }, I, s, n], H = () => [I, "auto", s, n], pe = () => ["auto", "min", "max", "fr", s, n], ee = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], $ = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], L = () => ["auto", ...i()], B = () => [G, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...i()], oe = () => [u, G, "screen", "full", "dvw", "lvw", "svw", "min", "max", "fit", ...i()], te = () => [G, "screen", "full", "lh", "dvh", "lvh", "svh", "min", "max", "fit", ...i()], c = () => [e, s, n], ue = () => [...F(), Ce, ve, {
     position: [s, n]
   }], be = () => ["no-repeat", {
     repeat: ["", "x", "y", "space", "round"]
-  }], fe = () => ["auto", "cover", "contain", Vo, Eo, {
+  }], ge = () => ["auto", "cover", "contain", Vo, Eo, {
     size: [s, n]
-  }], re = () => [ae, D, O], y = () => [
+  }], re = () => [ae, D, O], v = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
@@ -427,14 +442,14 @@ const oo = (e, r) => {
     m,
     s,
     n
-  ], k = () => ["", p, D, O], q = () => ["solid", "dashed", "dotted", "double"], ge = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], x = () => [p, ae, Ce, ve], he = () => [
+  ], C = () => ["", p, D, O], K = () => ["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"], w = () => [p, ae, Ce, ve], he = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
     E,
     s,
     n
-  ], H = () => ["none", p, s, n], J = () => ["none", p, s, n], ne = () => [p, s, n], Y = () => [G, "full", ...i()];
+  ], q = () => ["none", p, s, n], J = () => ["none", p, s, n], ne = () => [p, s, n], Y = () => [G, "full", ...i()];
   return {
     cacheSize: 500,
     theme: {
@@ -467,7 +482,7 @@ const oo = (e, r) => {
        * @see https://tailwindcss.com/docs/aspect-ratio
        */
       aspect: [{
-        aspect: ["auto", "square", G, n, s, v]
+        aspect: ["auto", "square", G, n, s, h]
       }],
       /**
        * Container
@@ -624,21 +639,21 @@ const oo = (e, r) => {
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       inset: [{
-        inset: z()
+        inset: A()
       }],
       /**
        * Inset Inline
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       "inset-x": [{
-        "inset-x": z()
+        "inset-x": A()
       }],
       /**
        * Inset Block
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       "inset-y": [{
-        "inset-y": z()
+        "inset-y": A()
       }],
       /**
        * Inset Inline Start
@@ -646,12 +661,12 @@ const oo = (e, r) => {
        * @todo class group will be renamed to `inset-s` in next major release
        */
       start: [{
-        "inset-s": z(),
+        "inset-s": A(),
         /**
          * @deprecated since Tailwind CSS v4.2.0 in favor of `inset-s-*` utilities.
          * @see https://github.com/tailwindlabs/tailwindcss/pull/19613
          */
-        start: z()
+        start: A()
       }],
       /**
        * Inset Inline End
@@ -659,54 +674,54 @@ const oo = (e, r) => {
        * @todo class group will be renamed to `inset-e` in next major release
        */
       end: [{
-        "inset-e": z(),
+        "inset-e": A(),
         /**
          * @deprecated since Tailwind CSS v4.2.0 in favor of `inset-e-*` utilities.
          * @see https://github.com/tailwindlabs/tailwindcss/pull/19613
          */
-        end: z()
+        end: A()
       }],
       /**
        * Inset Block Start
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       "inset-bs": [{
-        "inset-bs": z()
+        "inset-bs": A()
       }],
       /**
        * Inset Block End
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       "inset-be": [{
-        "inset-be": z()
+        "inset-be": A()
       }],
       /**
        * Top
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       top: [{
-        top: z()
+        top: A()
       }],
       /**
        * Right
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       right: [{
-        right: z()
+        right: A()
       }],
       /**
        * Bottom
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       bottom: [{
-        bottom: z()
+        bottom: A()
       }],
       /**
        * Left
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       left: [{
-        left: z()
+        left: A()
       }],
       /**
        * Visibility
@@ -718,7 +733,7 @@ const oo = (e, r) => {
        * @see https://tailwindcss.com/docs/z-index
        */
       z: [{
-        z: [L, "auto", s, n]
+        z: [I, "auto", s, n]
       }],
       // ------------------------
       // --- Flexbox and Grid ---
@@ -770,7 +785,7 @@ const oo = (e, r) => {
        * @see https://tailwindcss.com/docs/order
        */
       order: [{
-        order: [L, "first", "last", "none", s, n]
+        order: [I, "first", "last", "none", s, n]
       }],
       /**
        * Grid Template Columns
@@ -791,14 +806,14 @@ const oo = (e, r) => {
        * @see https://tailwindcss.com/docs/grid-column
        */
       "col-start": [{
-        "col-start": K()
+        "col-start": H()
       }],
       /**
        * Grid Column End
        * @see https://tailwindcss.com/docs/grid-column
        */
       "col-end": [{
-        "col-end": K()
+        "col-end": H()
       }],
       /**
        * Grid Template Rows
@@ -819,14 +834,14 @@ const oo = (e, r) => {
        * @see https://tailwindcss.com/docs/grid-row
        */
       "row-start": [{
-        "row-start": K()
+        "row-start": H()
       }],
       /**
        * Grid Row End
        * @see https://tailwindcss.com/docs/grid-row
        */
       "row-end": [{
-        "row-end": K()
+        "row-end": H()
       }],
       /**
        * Grid Auto Flow
@@ -1020,77 +1035,77 @@ const oo = (e, r) => {
        * @see https://tailwindcss.com/docs/margin
        */
       m: [{
-        m: S()
+        m: L()
       }],
       /**
        * Margin Inline
        * @see https://tailwindcss.com/docs/margin
        */
       mx: [{
-        mx: S()
+        mx: L()
       }],
       /**
        * Margin Block
        * @see https://tailwindcss.com/docs/margin
        */
       my: [{
-        my: S()
+        my: L()
       }],
       /**
        * Margin Inline Start
        * @see https://tailwindcss.com/docs/margin
        */
       ms: [{
-        ms: S()
+        ms: L()
       }],
       /**
        * Margin Inline End
        * @see https://tailwindcss.com/docs/margin
        */
       me: [{
-        me: S()
+        me: L()
       }],
       /**
        * Margin Block Start
        * @see https://tailwindcss.com/docs/margin
        */
       mbs: [{
-        mbs: S()
+        mbs: L()
       }],
       /**
        * Margin Block End
        * @see https://tailwindcss.com/docs/margin
        */
       mbe: [{
-        mbe: S()
+        mbe: L()
       }],
       /**
        * Margin Top
        * @see https://tailwindcss.com/docs/margin
        */
       mt: [{
-        mt: S()
+        mt: L()
       }],
       /**
        * Margin Right
        * @see https://tailwindcss.com/docs/margin
        */
       mr: [{
-        mr: S()
+        mr: L()
       }],
       /**
        * Margin Bottom
        * @see https://tailwindcss.com/docs/margin
        */
       mb: [{
-        mb: S()
+        mb: L()
       }],
       /**
        * Margin Left
        * @see https://tailwindcss.com/docs/margin
        */
       ml: [{
-        ml: S()
+        ml: L()
       }],
       /**
        * Space Between X
@@ -1384,7 +1399,7 @@ const oo = (e, r) => {
        * @see https://tailwindcss.com/docs/text-decoration-style
        */
       "text-decoration-style": [{
-        decoration: [...q(), "wavy"]
+        decoration: [...K(), "wavy"]
       }],
       /**
        * Text Decoration Thickness
@@ -1436,7 +1451,7 @@ const oo = (e, r) => {
        * @see https://tailwindcss.com/docs/tab-size
        */
       "tab-size": [{
-        tab: [L, s, n]
+        tab: [I, s, n]
       }],
       /**
        * Vertical Alignment
@@ -1523,7 +1538,7 @@ const oo = (e, r) => {
        * @see https://tailwindcss.com/docs/background-size
        */
       "bg-size": [{
-        bg: fe()
+        bg: ge()
       }],
       /**
        * Background Image
@@ -1533,9 +1548,9 @@ const oo = (e, r) => {
         bg: ["none", {
           linear: [{
             to: ["t", "tr", "r", "br", "b", "bl", "l", "tl"]
-          }, L, s, n],
+          }, I, s, n],
           radial: ["", s, n],
-          conic: ["", L, s, n]
+          conic: ["", I, s, n]
         }, Wo, jo]
       }],
       /**
@@ -1595,189 +1610,189 @@ const oo = (e, r) => {
        * @see https://tailwindcss.com/docs/border-radius
        */
       rounded: [{
-        rounded: y()
+        rounded: v()
       }],
       /**
        * Border Radius Start
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-s": [{
-        "rounded-s": y()
+        "rounded-s": v()
       }],
       /**
        * Border Radius End
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-e": [{
-        "rounded-e": y()
+        "rounded-e": v()
       }],
       /**
        * Border Radius Top
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-t": [{
-        "rounded-t": y()
+        "rounded-t": v()
       }],
       /**
        * Border Radius Right
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-r": [{
-        "rounded-r": y()
+        "rounded-r": v()
       }],
       /**
        * Border Radius Bottom
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-b": [{
-        "rounded-b": y()
+        "rounded-b": v()
       }],
       /**
        * Border Radius Left
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-l": [{
-        "rounded-l": y()
+        "rounded-l": v()
       }],
       /**
        * Border Radius Start Start
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-ss": [{
-        "rounded-ss": y()
+        "rounded-ss": v()
       }],
       /**
        * Border Radius Start End
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-se": [{
-        "rounded-se": y()
+        "rounded-se": v()
       }],
       /**
        * Border Radius End End
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-ee": [{
-        "rounded-ee": y()
+        "rounded-ee": v()
       }],
       /**
        * Border Radius End Start
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-es": [{
-        "rounded-es": y()
+        "rounded-es": v()
       }],
       /**
        * Border Radius Top Left
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-tl": [{
-        "rounded-tl": y()
+        "rounded-tl": v()
       }],
       /**
        * Border Radius Top Right
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-tr": [{
-        "rounded-tr": y()
+        "rounded-tr": v()
       }],
       /**
        * Border Radius Bottom Right
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-br": [{
-        "rounded-br": y()
+        "rounded-br": v()
       }],
       /**
        * Border Radius Bottom Left
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-bl": [{
-        "rounded-bl": y()
+        "rounded-bl": v()
       }],
       /**
        * Border Width
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w": [{
-        border: k()
+        border: C()
       }],
       /**
        * Border Width Inline
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-x": [{
-        "border-x": k()
+        "border-x": C()
       }],
       /**
        * Border Width Block
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-y": [{
-        "border-y": k()
+        "border-y": C()
       }],
       /**
        * Border Width Inline Start
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-s": [{
-        "border-s": k()
+        "border-s": C()
       }],
       /**
        * Border Width Inline End
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-e": [{
-        "border-e": k()
+        "border-e": C()
       }],
       /**
        * Border Width Block Start
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-bs": [{
-        "border-bs": k()
+        "border-bs": C()
       }],
       /**
        * Border Width Block End
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-be": [{
-        "border-be": k()
+        "border-be": C()
       }],
       /**
        * Border Width Top
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-t": [{
-        "border-t": k()
+        "border-t": C()
       }],
       /**
        * Border Width Right
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-r": [{
-        "border-r": k()
+        "border-r": C()
       }],
       /**
        * Border Width Bottom
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-b": [{
-        "border-b": k()
+        "border-b": C()
       }],
       /**
        * Border Width Left
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-l": [{
-        "border-l": k()
+        "border-l": C()
       }],
       /**
        * Divide Width X
        * @see https://tailwindcss.com/docs/border-width#between-children
        */
       "divide-x": [{
-        "divide-x": k()
+        "divide-x": C()
       }],
       /**
        * Divide Width X Reverse
@@ -1789,7 +1804,7 @@ const oo = (e, r) => {
        * @see https://tailwindcss.com/docs/border-width#between-children
        */
       "divide-y": [{
-        "divide-y": k()
+        "divide-y": C()
       }],
       /**
        * Divide Width Y Reverse
@@ -1801,14 +1816,14 @@ const oo = (e, r) => {
        * @see https://tailwindcss.com/docs/border-style
        */
       "border-style": [{
-        border: [...q(), "hidden", "none"]
+        border: [...K(), "hidden", "none"]
       }],
       /**
        * Divide Style
        * @see https://tailwindcss.com/docs/border-style#setting-the-divider-style
        */
       "divide-style": [{
-        divide: [...q(), "hidden", "none"]
+        divide: [...K(), "hidden", "none"]
       }],
       /**
        * Border Color
@@ -1899,7 +1914,7 @@ const oo = (e, r) => {
        * @see https://tailwindcss.com/docs/outline-style
        */
       "outline-style": [{
-        outline: [...q(), "none", "hidden"]
+        outline: [...K(), "none", "hidden"]
       }],
       /**
        * Outline Offset
@@ -1936,7 +1951,7 @@ const oo = (e, r) => {
           // Deprecated since Tailwind CSS v4.0.0
           "inner",
           "none",
-          f,
+          g,
           X,
           Z
         ]
@@ -1953,7 +1968,7 @@ const oo = (e, r) => {
        * @see https://tailwindcss.com/docs/box-shadow#adding-an-inset-shadow
        */
       "inset-shadow": [{
-        "inset-shadow": ["none", w, X, Z]
+        "inset-shadow": ["none", f, X, Z]
       }],
       /**
        * Inset Box Shadow Color
@@ -1967,7 +1982,7 @@ const oo = (e, r) => {
        * @see https://tailwindcss.com/docs/box-shadow#adding-a-ring
        */
       "ring-w": [{
-        ring: k()
+        ring: C()
       }],
       /**
        * Ring Width Inset
@@ -2006,7 +2021,7 @@ const oo = (e, r) => {
        * @see https://tailwindcss.com/docs/box-shadow#adding-an-inset-ring
        */
       "inset-ring-w": [{
-        "inset-ring": k()
+        "inset-ring": C()
       }],
       /**
        * Inset Ring Color
@@ -2041,14 +2056,14 @@ const oo = (e, r) => {
        * @see https://tailwindcss.com/docs/mix-blend-mode
        */
       "mix-blend": [{
-        "mix-blend": [...ge(), "plus-darker", "plus-lighter"]
+        "mix-blend": [...fe(), "plus-darker", "plus-lighter"]
       }],
       /**
        * Background Blend Mode
        * @see https://tailwindcss.com/docs/background-blend-mode
        */
       "bg-blend": [{
-        "bg-blend": ge()
+        "bg-blend": fe()
       }],
       /**
        * Mask Clip
@@ -2072,10 +2087,10 @@ const oo = (e, r) => {
         "mask-linear": [p]
       }],
       "mask-image-linear-from-pos": [{
-        "mask-linear-from": x()
+        "mask-linear-from": w()
       }],
       "mask-image-linear-to-pos": [{
-        "mask-linear-to": x()
+        "mask-linear-to": w()
       }],
       "mask-image-linear-from-color": [{
         "mask-linear-from": c()
@@ -2084,10 +2099,10 @@ const oo = (e, r) => {
         "mask-linear-to": c()
       }],
       "mask-image-t-from-pos": [{
-        "mask-t-from": x()
+        "mask-t-from": w()
       }],
       "mask-image-t-to-pos": [{
-        "mask-t-to": x()
+        "mask-t-to": w()
       }],
       "mask-image-t-from-color": [{
         "mask-t-from": c()
@@ -2096,10 +2111,10 @@ const oo = (e, r) => {
         "mask-t-to": c()
       }],
       "mask-image-r-from-pos": [{
-        "mask-r-from": x()
+        "mask-r-from": w()
       }],
       "mask-image-r-to-pos": [{
-        "mask-r-to": x()
+        "mask-r-to": w()
       }],
       "mask-image-r-from-color": [{
         "mask-r-from": c()
@@ -2108,10 +2123,10 @@ const oo = (e, r) => {
         "mask-r-to": c()
       }],
       "mask-image-b-from-pos": [{
-        "mask-b-from": x()
+        "mask-b-from": w()
       }],
       "mask-image-b-to-pos": [{
-        "mask-b-to": x()
+        "mask-b-to": w()
       }],
       "mask-image-b-from-color": [{
         "mask-b-from": c()
@@ -2120,10 +2135,10 @@ const oo = (e, r) => {
         "mask-b-to": c()
       }],
       "mask-image-l-from-pos": [{
-        "mask-l-from": x()
+        "mask-l-from": w()
       }],
       "mask-image-l-to-pos": [{
-        "mask-l-to": x()
+        "mask-l-to": w()
       }],
       "mask-image-l-from-color": [{
         "mask-l-from": c()
@@ -2132,10 +2147,10 @@ const oo = (e, r) => {
         "mask-l-to": c()
       }],
       "mask-image-x-from-pos": [{
-        "mask-x-from": x()
+        "mask-x-from": w()
       }],
       "mask-image-x-to-pos": [{
-        "mask-x-to": x()
+        "mask-x-to": w()
       }],
       "mask-image-x-from-color": [{
         "mask-x-from": c()
@@ -2144,10 +2159,10 @@ const oo = (e, r) => {
         "mask-x-to": c()
       }],
       "mask-image-y-from-pos": [{
-        "mask-y-from": x()
+        "mask-y-from": w()
       }],
       "mask-image-y-to-pos": [{
-        "mask-y-to": x()
+        "mask-y-to": w()
       }],
       "mask-image-y-from-color": [{
         "mask-y-from": c()
@@ -2159,10 +2174,10 @@ const oo = (e, r) => {
         "mask-radial": [s, n]
       }],
       "mask-image-radial-from-pos": [{
-        "mask-radial-from": x()
+        "mask-radial-from": w()
       }],
       "mask-image-radial-to-pos": [{
-        "mask-radial-to": x()
+        "mask-radial-to": w()
       }],
       "mask-image-radial-from-color": [{
         "mask-radial-from": c()
@@ -2186,10 +2201,10 @@ const oo = (e, r) => {
         "mask-conic": [p]
       }],
       "mask-image-conic-from-pos": [{
-        "mask-conic-from": x()
+        "mask-conic-from": w()
       }],
       "mask-image-conic-to-pos": [{
-        "mask-conic-to": x()
+        "mask-conic-to": w()
       }],
       "mask-image-conic-from-color": [{
         "mask-conic-from": c()
@@ -2230,7 +2245,7 @@ const oo = (e, r) => {
        * @see https://tailwindcss.com/docs/mask-size
        */
       "mask-size": [{
-        mask: fe()
+        mask: ge()
       }],
       /**
        * Mask Type
@@ -2292,7 +2307,7 @@ const oo = (e, r) => {
           // Deprecated since Tailwind CSS v4.0.0
           "",
           "none",
-          A,
+          S,
           X,
           Z
         ]
@@ -2489,7 +2504,7 @@ const oo = (e, r) => {
        * @see https://tailwindcss.com/docs/transition-timing-function
        */
       ease: [{
-        ease: ["linear", "initial", T, s, n]
+        ease: ["linear", "initial", z, s, n]
       }],
       /**
        * Transition Delay
@@ -2503,7 +2518,7 @@ const oo = (e, r) => {
        * @see https://tailwindcss.com/docs/animation
        */
       animate: [{
-        animate: ["none", C, s, n]
+        animate: ["none", k, s, n]
       }],
       // ------------------
       // --- Transforms ---
@@ -2520,7 +2535,7 @@ const oo = (e, r) => {
        * @see https://tailwindcss.com/docs/perspective
        */
       perspective: [{
-        perspective: [g, s, n]
+        perspective: [y, s, n]
       }],
       /**
        * Perspective Origin
@@ -2534,28 +2549,28 @@ const oo = (e, r) => {
        * @see https://tailwindcss.com/docs/rotate
        */
       rotate: [{
-        rotate: H()
+        rotate: q()
       }],
       /**
        * Rotate X
        * @see https://tailwindcss.com/docs/rotate
        */
       "rotate-x": [{
-        "rotate-x": H()
+        "rotate-x": q()
       }],
       /**
        * Rotate Y
        * @see https://tailwindcss.com/docs/rotate
        */
       "rotate-y": [{
-        "rotate-y": H()
+        "rotate-y": q()
       }],
       /**
        * Rotate Z
        * @see https://tailwindcss.com/docs/rotate
        */
       "rotate-z": [{
-        "rotate-z": H()
+        "rotate-z": q()
       }],
       /**
        * Scale
@@ -2670,7 +2685,7 @@ const oo = (e, r) => {
        * @see https://tailwindcss.com/docs/zoom
        */
       zoom: [{
-        zoom: [L, s, n]
+        zoom: [I, s, n]
       }],
       // ---------------------
       // --- Interactivity ---
@@ -3080,9 +3095,9 @@ const oo = (e, r) => {
     postfixLookupClassGroups: ["container-type"],
     orderSensitiveModifiers: ["*", "**", "after", "backdrop", "before", "details-content", "file", "first-letter", "first-line", "marker", "placeholder", "selection"]
   };
-}, Ko = /* @__PURE__ */ Co(Do);
+}, Ho = /* @__PURE__ */ Co(Do);
 function Yo(...e) {
-  return Ko(eo(e));
+  return Ho(eo(e));
 }
 const je = {
   "+1": {
@@ -3232,7 +3247,7 @@ const je = {
 function ot(e, r) {
   const t = $e(null), o = ({ locale: d, children: l }) => {
     const b = { locale: d, t: (m) => e[d]?.[m] || (r ? e[r]?.[m] : void 0) || "" };
-    return /* @__PURE__ */ I(t.Provider, { value: b, children: l });
+    return /* @__PURE__ */ T(t.Provider, { value: b, children: l });
   };
   function a() {
     return Ue(t);