@annatarhe/lake-ui 0.0.21 → 0.0.24

package/dist/utils/cn.js

@@ -194,23 +194,23 @@ const Z = "-", ye = (e) => {
       u = m + (u.length > 0 ? " " + u : u);
       continue;
     }
-    let R = !!y, M = r(R ? w.substring(0, y) : w);
-    if (!M) {
+    let R = !!y, S = r(R ? w.substring(0, y) : w);
+    if (!S) {
       if (!R) {
         u = m + (u.length > 0 ? " " + u : u);
         continue;
       }
-      if (M = r(w), !M) {
+      if (S = r(w), !S) {
         u = m + (u.length > 0 ? " " + u : u);
         continue;
       }
       R = !1;
     }
-    const O = c(V).join(":"), F = j ? O + Q : O, G = F + M;
+    const O = c(V).join(":"), F = j ? O + Q : O, G = F + S;
     if (a.includes(G))
       continue;
     a.push(G);
-    const P = l(M, R);
+    const P = l(S, R);
     for (let i = 0; i < P.length; ++i) {
       const v = P[i];
       a.push(F + v);
@@ -253,21 +253,21 @@ function Ee(e, ...s) {
 const f = (e) => {
   const s = (t) => t[e] || [];
   return s.isThemeGetter = !0, s;
-}, be = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, fe = /^\((?:(\w[\w-]*):)?(.+)\)$/i, Le = /^\d+\/\d+$/, Ne = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, Ve = /\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$/, je = /^(rgba?|hsla?|hwb|(ok)?(lab|lch))\(.+\)$/, Oe = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, Fe = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, E = (e) => Le.test(e), d = (e) => !!e && !Number.isNaN(Number(e)), A = (e) => !!e && Number.isInteger(Number(e)), ce = (e) => e.endsWith("%") && d(e.slice(0, -1)), C = (e) => Ne.test(e), _e = () => !0, Be = (e) => (
+}, be = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, fe = /^\((?:(\w[\w-]*):)?(.+)\)$/i, Le = /^\d+\/\d+$/, Ne = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, Ve = /\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$/, je = /^(rgba?|hsla?|hwb|(ok)?(lab|lch))\(.+\)$/, Oe = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, Fe = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, E = (e) => Le.test(e), d = (e) => !!e && !Number.isNaN(Number(e)), C = (e) => !!e && Number.isInteger(Number(e)), ce = (e) => e.endsWith("%") && d(e.slice(0, -1)), M = (e) => Ne.test(e), _e = () => !0, Be = (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.
   Ve.test(e) && !je.test(e)
-), ee = () => !1, $e = (e) => Oe.test(e), We = (e) => Fe.test(e), Ue = (e) => !o(e) && !n(e), qe = (e) => L(e, he, ee), o = (e) => be.test(e), I = (e) => L(e, xe, Be), D = (e) => L(e, tr, d), He = (e) => L(e, ge, ee), Je = (e) => L(e, me, We), Xe = (e) => L(e, ee, $e), n = (e) => fe.test(e), q = (e) => N(e, xe), De = (e) => N(e, or), Ke = (e) => N(e, ge), Qe = (e) => N(e, he), Ye = (e) => N(e, me), Ze = (e) => N(e, nr, !0), L = (e, s, t) => {
+), ee = () => !1, $e = (e) => Oe.test(e), We = (e) => Fe.test(e), Ue = (e) => !o(e) && !n(e), qe = (e) => L(e, he, ee), o = (e) => be.test(e), I = (e) => L(e, xe, Be), D = (e) => L(e, tr, d), He = (e) => L(e, ge, ee), Je = (e) => L(e, me, We), Xe = (e) => L(e, ee, $e), n = (e) => fe.test(e), _ = (e) => N(e, xe), De = (e) => N(e, or), Ke = (e) => N(e, ge), Qe = (e) => N(e, he), Ye = (e) => N(e, me), Ze = (e) => N(e, nr, !0), L = (e, s, t) => {
   const r = be.exec(e);
   return r ? r[1] ? s(r[1]) : t(r[2]) : !1;
 }, N = (e, s, t = !1) => {
   const r = fe.exec(e);
   return r ? r[1] ? s(r[1]) : t : !1;
 }, ge = (e) => e === "position", er = /* @__PURE__ */ new Set(["image", "url"]), me = (e) => er.has(e), rr = /* @__PURE__ */ new Set(["length", "size", "percentage"]), he = (e) => rr.has(e), xe = (e) => e === "length", tr = (e) => e === "number", or = (e) => e === "family-name", nr = (e) => e === "shadow", sr = () => {
-  const e = f("color"), s = f("font"), t = f("text"), r = f("font-weight"), l = f("tracking"), c = f("leading"), a = f("breakpoint"), b = f("container"), u = f("spacing"), g = f("radius"), m = f("shadow"), z = f("inset-shadow"), V = f("drop-shadow"), j = f("blur"), w = f("perspective"), y = f("aspect"), R = f("ease"), M = f("animate"), O = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], F = () => ["bottom", "center", "left", "left-bottom", "left-top", "right", "right-bottom", "right-top", "top"], G = () => ["auto", "hidden", "clip", "visible", "scroll"], P = () => ["auto", "contain", "none"], i = () => [n, o, u], v = () => [E, "full", "auto", ...i()], re = () => [A, "none", "subgrid", n, o], te = () => ["auto", {
-    span: ["full", A, n, o]
-  }, n, o], _ = () => [A, "auto", n, o], oe = () => ["auto", "min", "max", "fr", n, o], H = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline"], T = () => ["start", "end", "center", "stretch"], k = () => ["auto", ...i()], S = () => [E, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...i()], p = () => [e, n, o], J = () => [ce, I], h = () => [
+  const e = f("color"), s = f("font"), t = f("text"), r = f("font-weight"), l = f("tracking"), c = f("leading"), a = f("breakpoint"), b = f("container"), u = f("spacing"), g = f("radius"), m = f("shadow"), z = f("inset-shadow"), V = f("drop-shadow"), j = f("blur"), w = f("perspective"), y = f("aspect"), R = f("ease"), S = f("animate"), O = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], F = () => ["bottom", "center", "left", "left-bottom", "left-top", "right", "right-bottom", "right-top", "top"], G = () => ["auto", "hidden", "clip", "visible", "scroll"], P = () => ["auto", "contain", "none"], i = () => [n, o, u], v = () => [E, "full", "auto", ...i()], re = () => [C, "none", "subgrid", n, o], te = () => ["auto", {
+    span: ["full", C, n, o]
+  }, C, n, o], B = () => [C, "auto", n, o], oe = () => ["auto", "min", "max", "fr", n, o], H = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline"], T = () => ["start", "end", "center", "stretch"], k = () => ["auto", ...i()], A = () => [E, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...i()], p = () => [e, n, o], J = () => [ce, _, I], h = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
@@ -275,34 +275,34 @@ const f = (e) => {
     g,
     n,
     o
-  ], x = () => ["", d, q, I], B = () => ["solid", "dashed", "dotted", "double"], ne = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], se = () => [
+  ], x = () => ["", d, _, I], $ = () => ["solid", "dashed", "dotted", "double"], ne = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], se = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
     j,
     n,
     o
-  ], ie = () => ["center", "top", "top-right", "right", "bottom-right", "bottom", "bottom-left", "left", "top-left", n, o], $ = () => ["none", d, n, o], W = () => ["none", d, n, o], X = () => [d, n, o], U = () => [E, "full", ...i()];
+  ], ie = () => ["center", "top", "top-right", "right", "bottom-right", "bottom", "bottom-left", "left", "top-left", n, o], W = () => ["none", d, n, o], U = () => ["none", d, n, o], X = () => [d, n, o], q = () => [E, "full", ...i()];
   return {
     cacheSize: 500,
     theme: {
       animate: ["spin", "ping", "pulse", "bounce"],
       aspect: ["video"],
-      blur: [C],
-      breakpoint: [C],
+      blur: [M],
+      breakpoint: [M],
       color: [_e],
-      container: [C],
-      "drop-shadow": [C],
+      container: [M],
+      "drop-shadow": [M],
       ease: ["in", "out", "in-out"],
       font: [Ue],
       "font-weight": ["thin", "extralight", "light", "normal", "medium", "semibold", "bold", "extrabold", "black"],
-      "inset-shadow": [C],
+      "inset-shadow": [M],
       leading: ["none", "tight", "snug", "normal", "relaxed", "loose"],
       perspective: ["dramatic", "near", "normal", "midrange", "distant", "none"],
-      radius: [C],
-      shadow: [C],
+      radius: [M],
+      shadow: [M],
       spacing: ["px", d],
-      text: [C],
+      text: [M],
       tracking: ["tighter", "tight", "normal", "wide", "wider", "widest"]
     },
     classGroups: {
@@ -527,7 +527,7 @@ const f = (e) => {
        * @see https://tailwindcss.com/docs/z-index
        */
       z: [{
-        z: [A, "auto", n, o]
+        z: [C, "auto", n, o]
       }],
       // ------------------------
       // --- Flexbox and Grid ---
@@ -579,7 +579,7 @@ const f = (e) => {
        * @see https://tailwindcss.com/docs/order
        */
       order: [{
-        order: [A, "first", "last", "none", n, o]
+        order: [C, "first", "last", "none", n, o]
       }],
       /**
        * Grid Template Columns
@@ -600,14 +600,14 @@ const f = (e) => {
        * @see https://tailwindcss.com/docs/grid-column
        */
       "col-start": [{
-        "col-start": _()
+        "col-start": B()
       }],
       /**
        * Grid Column End
        * @see https://tailwindcss.com/docs/grid-column
        */
       "col-end": [{
-        "col-end": _()
+        "col-end": B()
       }],
       /**
        * Grid Template Rows
@@ -628,14 +628,14 @@ const f = (e) => {
        * @see https://tailwindcss.com/docs/grid-row
        */
       "row-start": [{
-        "row-start": _()
+        "row-start": B()
       }],
       /**
        * Grid Row End
        * @see https://tailwindcss.com/docs/grid-row
        */
       "row-end": [{
-        "row-end": _()
+        "row-end": B()
       }],
       /**
        * Grid Auto Flow
@@ -901,14 +901,14 @@ const f = (e) => {
        * @see https://tailwindcss.com/docs/width#setting-both-width-and-height
        */
       size: [{
-        size: S()
+        size: A()
       }],
       /**
        * Width
        * @see https://tailwindcss.com/docs/width
        */
       w: [{
-        w: [b, "screen", ...S()]
+        w: [b, "screen", ...A()]
       }],
       /**
        * Min-Width
@@ -920,7 +920,7 @@ const f = (e) => {
           "screen",
           /** Deprecated. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
           "none",
-          ...S()
+          ...A()
         ]
       }],
       /**
@@ -938,7 +938,7 @@ const f = (e) => {
           {
             screen: [a]
           },
-          ...S()
+          ...A()
         ]
       }],
       /**
@@ -946,21 +946,21 @@ const f = (e) => {
        * @see https://tailwindcss.com/docs/height
        */
       h: [{
-        h: ["screen", ...S()]
+        h: ["screen", ...A()]
       }],
       /**
        * Min-Height
        * @see https://tailwindcss.com/docs/min-height
        */
       "min-h": [{
-        "min-h": ["screen", "none", ...S()]
+        "min-h": ["screen", "none", ...A()]
       }],
       /**
        * Max-Height
        * @see https://tailwindcss.com/docs/max-height
        */
       "max-h": [{
-        "max-h": ["screen", ...S()]
+        "max-h": ["screen", ...A()]
       }],
       // ------------------
       // --- Typography ---
@@ -970,7 +970,7 @@ const f = (e) => {
        * @see https://tailwindcss.com/docs/font-size
        */
       "font-size": [{
-        text: ["base", t, q, I]
+        text: ["base", t, _, I]
       }],
       /**
        * Font Smoothing
@@ -1111,7 +1111,7 @@ const f = (e) => {
        * @see https://tailwindcss.com/docs/text-decoration-style
        */
       "text-decoration-style": [{
-        decoration: [...B(), "wavy"]
+        decoration: [...$(), "wavy"]
       }],
       /**
        * Text Decoration Thickness
@@ -1248,9 +1248,9 @@ const f = (e) => {
         bg: ["none", {
           linear: [{
             to: ["t", "tr", "r", "br", "b", "bl", "l", "tl"]
-          }, A, n, o],
+          }, C, n, o],
           radial: ["", n, o],
-          conic: [A, n, o]
+          conic: [C, n, o]
         }, Ye, Je]
       }],
       /**
@@ -1502,14 +1502,14 @@ const f = (e) => {
        * @see https://tailwindcss.com/docs/border-style
        */
       "border-style": [{
-        border: [...B(), "hidden", "none"]
+        border: [...$(), "hidden", "none"]
       }],
       /**
        * Divide Style
        * @see https://tailwindcss.com/docs/border-style#setting-the-divider-style
        */
       "divide-style": [{
-        divide: [...B(), "hidden", "none"]
+        divide: [...$(), "hidden", "none"]
       }],
       /**
        * Border Color
@@ -1586,7 +1586,7 @@ const f = (e) => {
        * @see https://tailwindcss.com/docs/outline-style
        */
       "outline-style": [{
-        outline: [...B(), "none", "hidden"]
+        outline: [...$(), "none", "hidden"]
       }],
       /**
        * Outline Offset
@@ -1600,7 +1600,7 @@ const f = (e) => {
        * @see https://tailwindcss.com/docs/outline-width
        */
       "outline-w": [{
-        outline: ["", d, q, I]
+        outline: ["", d, _, I]
       }],
       /**
        * Outline Color
@@ -1971,7 +1971,7 @@ const f = (e) => {
        * @see https://tailwindcss.com/docs/animation
        */
       animate: [{
-        animate: ["none", M, n, o]
+        animate: ["none", S, n, o]
       }],
       // ------------------
       // --- Transforms ---
@@ -2002,56 +2002,56 @@ const f = (e) => {
        * @see https://tailwindcss.com/docs/rotate
        */
       rotate: [{
-        rotate: $()
+        rotate: W()
       }],
       /**
        * Rotate X
        * @see https://tailwindcss.com/docs/rotate
        */
       "rotate-x": [{
-        "rotate-x": $()
+        "rotate-x": W()
       }],
       /**
        * Rotate Y
        * @see https://tailwindcss.com/docs/rotate
        */
       "rotate-y": [{
-        "rotate-y": $()
+        "rotate-y": W()
       }],
       /**
        * Rotate Z
        * @see https://tailwindcss.com/docs/rotate
        */
       "rotate-z": [{
-        "rotate-z": $()
+        "rotate-z": W()
       }],
       /**
        * Scale
        * @see https://tailwindcss.com/docs/scale
        */
       scale: [{
-        scale: W()
+        scale: U()
       }],
       /**
        * Scale X
        * @see https://tailwindcss.com/docs/scale
        */
       "scale-x": [{
-        "scale-x": W()
+        "scale-x": U()
       }],
       /**
        * Scale Y
        * @see https://tailwindcss.com/docs/scale
        */
       "scale-y": [{
-        "scale-y": W()
+        "scale-y": U()
       }],
       /**
        * Scale Z
        * @see https://tailwindcss.com/docs/scale
        */
       "scale-z": [{
-        "scale-z": W()
+        "scale-z": U()
       }],
       /**
        * Scale 3D
@@ -2105,28 +2105,28 @@ const f = (e) => {
        * @see https://tailwindcss.com/docs/translate
        */
       translate: [{
-        translate: U()
+        translate: q()
       }],
       /**
        * Translate X
        * @see https://tailwindcss.com/docs/translate
        */
       "translate-x": [{
-        "translate-x": U()
+        "translate-x": q()
       }],
       /**
        * Translate Y
        * @see https://tailwindcss.com/docs/translate
        */
       "translate-y": [{
-        "translate-y": U()
+        "translate-y": q()
       }],
       /**
        * Translate Z
        * @see https://tailwindcss.com/docs/translate
        */
       "translate-z": [{
-        "translate-z": U()
+        "translate-z": q()
       }],
       /**
        * Translate None
@@ -2408,7 +2408,7 @@ const f = (e) => {
        * @see https://tailwindcss.com/docs/stroke-width
        */
       "stroke-w": [{
-        stroke: [d, q, I, D]
+        stroke: [d, _, I, D]
       }],
       /**
        * Stroke