@arcadeai/design-system 0.7.2 → 0.7.3

package/dist/lib/utils.js

@@ -1,4 +1,4 @@
-import { c as r } from "../utils-Dy2WjYNJ.js";
+import { c as r } from "../utils-CRiPKpXj.js";
 export {
   r as cn
 };

package/dist/{utils-Dy2WjYNJ.js → utils-CRiPKpXj.js}

@@ -7,11 +7,11 @@ function xe(e) {
   } else for (r in e) e[r] && (o && (o += " "), o += r);
   return o;
 }
-function Re() {
+function Pe() {
   for (var e, n, r = 0, o = "", i = arguments.length; r < i; r++) (e = arguments[r]) && (n = xe(e)) && (o && (o += " "), o += n);
   return o;
 }
-const ne = "-", Pe = (e) => {
+const ne = "-", Re = (e) => {
   const n = Te(e), {
     conflictingClassGroups: r,
     conflictingClassGroupModifiers: o
@@ -27,7 +27,6 @@ const ne = "-", Pe = (e) => {
     }
   };
 }, we = (e, n) => {
-  var l;
   if (e.length === 0)
     return n.classGroupId;
   const r = e[0], o = n.nextPart.get(r), i = o ? we(e.slice(1), o) : void 0;
@@ -36,12 +35,12 @@ const ne = "-", Pe = (e) => {
   if (n.validators.length === 0)
     return;
   const m = e.join(ne);
-  return (l = n.validators.find(({
-    validator: u
-  }) => u(m))) == null ? void 0 : l.classGroupId;
+  return n.validators.find(({
+    validator: l
+  }) => l(m))?.classGroupId;
 }, fe = /^\[(.+)\]$/, Ge = (e) => {
   if (fe.test(e)) {
-    const n = fe.exec(e)[1], r = n == null ? void 0 : n.substring(0, n.indexOf(":"));
+    const n = fe.exec(e)[1], r = n?.substring(0, n.indexOf(":"));
     if (r)
       return "arbitrary.." + r;
   }
@@ -86,7 +85,7 @@ const ne = "-", Pe = (e) => {
       validators: []
     }), r = r.nextPart.get(o);
   }), r;
-}, Ee = (e) => e.isThemeGetter, Le = (e) => {
+}, Ee = (e) => e.isThemeGetter, Ne = (e) => {
   if (e < 1)
     return {
       get: () => {
@@ -110,7 +109,7 @@ const ne = "-", Pe = (e) => {
       r.has(m) ? r.set(m, l) : i(m, l);
     }
   };
-}, te = "!", se = ":", Ne = se.length, Ve = (e) => {
+}, te = "!", se = ":", Le = se.length, Ve = (e) => {
   const {
     prefix: n,
     experimentalParseClassName: r
@@ -122,7 +121,7 @@ const ne = "-", Pe = (e) => {
       let y = i[k];
       if (l === 0 && u === 0) {
         if (y === se) {
-          m.push(i.slice(p, k)), p = k + Ne;
+          m.push(i.slice(p, k)), p = k + Le;
           continue;
         }
         if (y === "/") {
@@ -170,10 +169,10 @@ const ne = "-", Pe = (e) => {
     }), i.push(...m.sort()), i;
   };
 }, Fe = (e) => ({
-  cache: Le(e.cacheSize),
+  cache: Ne(e.cacheSize),
   parseClassName: Ve(e),
   sortModifiers: Oe(e),
-  ...Pe(e)
+  ...Re(e)
 }), _e = /\s+/, Be = (e, n) => {
   const {
     parseClassName: r,
@@ -253,12 +252,12 @@ function $e(e, ...n) {
 const f = (e) => {
   const n = (r) => r[e] || [];
   return n.isThemeGetter = !0, n;
-}, ye = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, ve = /^\((?:(\w[\w-]*):)?(.+)\)$/i, Ue = /^\d+\/\d+$/, qe = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, He = /\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)|color-mix)\(.+\)$/, Xe = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, De = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, N = (e) => Ue.test(e), d = (e) => !!e && !Number.isNaN(Number(e)), S = (e) => !!e && Number.isInteger(Number(e)), ee = (e) => e.endsWith("%") && d(e.slice(0, -1)), C = (e) => qe.test(e), Ke = () => !0, Qe = (e) => (
+}, ye = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, ve = /^\((?:(\w[\w-]*):)?(.+)\)$/i, Ue = /^\d+\/\d+$/, qe = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, He = /\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)|color-mix)\(.+\)$/, Xe = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, De = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, L = (e) => Ue.test(e), d = (e) => !!e && !Number.isNaN(Number(e)), S = (e) => !!e && Number.isInteger(Number(e)), ee = (e) => e.endsWith("%") && d(e.slice(0, -1)), C = (e) => qe.test(e), Ke = () => !0, Qe = (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.
   He.test(e) && !Je.test(e)
-), ze = () => !1, Ye = (e) => Xe.test(e), Ze = (e) => De.test(e), eo = (e) => !t(e) && !s(e), oo = (e) => V(e, Se, ze), t = (e) => ye.test(e), P = (e) => V(e, Ae, Qe), oe = (e) => V(e, ao, d), ge = (e) => V(e, Ce, ze), ro = (e) => V(e, Me, Ze), D = (e) => V(e, Ie, Ye), s = (e) => ve.test(e), W = (e) => j(e, Ae), to = (e) => j(e, io), he = (e) => j(e, Ce), so = (e) => j(e, Se), no = (e) => j(e, Me), K = (e) => j(e, Ie, !0), V = (e, n, r) => {
+), ze = () => !1, Ye = (e) => Xe.test(e), Ze = (e) => De.test(e), eo = (e) => !t(e) && !s(e), oo = (e) => V(e, Se, ze), t = (e) => ye.test(e), R = (e) => V(e, Ae, Qe), oe = (e) => V(e, ao, d), ge = (e) => V(e, Ce, ze), ro = (e) => V(e, Me, Ze), D = (e) => V(e, Ie, Ye), s = (e) => ve.test(e), W = (e) => j(e, Ae), to = (e) => j(e, io), he = (e) => j(e, Ce), so = (e) => j(e, Se), no = (e) => j(e, Me), K = (e) => j(e, Ie, !0), V = (e, n, r) => {
   const o = ye.exec(e);
   return o ? o[1] ? n(o[1]) : r(o[2]) : !1;
 }, j = (e, n, r = !1) => {
@@ -283,15 +282,15 @@ const f = (e) => {
     "bottom-left",
     // Deprecated since Tailwind CSS v4.1.0, see https://github.com/tailwindlabs/tailwindcss/pull/17378
     "left-bottom"
-  ], E = () => [...T(), s, t], I = () => ["auto", "hidden", "clip", "visible", "scroll"], B = () => ["auto", "contain", "none"], c = () => [s, t, p], v = () => [N, "full", "auto", ...c()], ae = () => [S, "none", "subgrid", s, t], ie = () => ["auto", {
+  ], E = () => [...T(), s, t], I = () => ["auto", "hidden", "clip", "visible", "scroll"], B = () => ["auto", "contain", "none"], c = () => [s, t, p], v = () => [L, "full", "auto", ...c()], ae = () => [S, "none", "subgrid", s, t], ie = () => ["auto", {
     span: ["full", S, s, t]
-  }, S, s, t], U = () => [S, "auto", s, t], le = () => ["auto", "min", "max", "fr", s, t], Q = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], L = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], z = () => ["auto", ...c()], R = () => [N, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...c()], a = () => [e, s, t], ce = () => [...T(), he, ge, {
+  }, S, s, t], U = () => [S, "auto", s, t], le = () => ["auto", "min", "max", "fr", s, t], Q = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], N = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], z = () => ["auto", ...c()], P = () => [L, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...c()], a = () => [e, s, t], ce = () => [...T(), he, ge, {
     position: [s, t]
   }], de = () => ["no-repeat", {
     repeat: ["", "x", "y", "space", "round"]
   }], me = () => ["auto", "cover", "contain", so, oo, {
     size: [s, t]
-  }], Y = () => [ee, W, P], x = () => [
+  }], Y = () => [ee, W, R], x = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
@@ -299,14 +298,14 @@ const f = (e) => {
     g,
     s,
     t
-  ], w = () => ["", d, W, P], q = () => ["solid", "dashed", "dotted", "double"], pe = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], b = () => [d, ee, he, ge], ue = () => [
+  ], w = () => ["", d, W, R], q = () => ["solid", "dashed", "dotted", "double"], pe = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], b = () => [d, ee, he, ge], ue = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
     k,
     s,
     t
-  ], H = () => ["none", d, s, t], J = () => ["none", d, s, t], Z = () => [d, s, t], X = () => [N, "full", ...c()];
+  ], H = () => ["none", d, s, t], J = () => ["none", d, s, t], Z = () => [d, s, t], X = () => [L, "full", ...c()];
   return {
     cacheSize: 500,
     theme: {
@@ -339,7 +338,7 @@ const f = (e) => {
        * @see https://tailwindcss.com/docs/aspect-ratio
        */
       aspect: [{
-        aspect: ["auto", "square", N, t, s, G]
+        aspect: ["auto", "square", L, t, s, G]
       }],
       /**
        * Container
@@ -562,7 +561,7 @@ const f = (e) => {
        * @see https://tailwindcss.com/docs/flex-basis
        */
       basis: [{
-        basis: [N, "full", "auto", u, ...c()]
+        basis: [L, "full", "auto", u, ...c()]
       }],
       /**
        * Flex Direction
@@ -583,7 +582,7 @@ const f = (e) => {
        * @see https://tailwindcss.com/docs/flex
        */
       flex: [{
-        flex: [d, N, "auto", "initial", "none", t]
+        flex: [d, L, "auto", "initial", "none", t]
       }],
       /**
        * Flex Grow
@@ -716,14 +715,14 @@ const f = (e) => {
        * @see https://tailwindcss.com/docs/justify-items
        */
       "justify-items": [{
-        "justify-items": [...L(), "normal"]
+        "justify-items": [...N(), "normal"]
       }],
       /**
        * Justify Self
        * @see https://tailwindcss.com/docs/justify-self
        */
       "justify-self": [{
-        "justify-self": ["auto", ...L()]
+        "justify-self": ["auto", ...N()]
       }],
       /**
        * Align Content
@@ -737,7 +736,7 @@ const f = (e) => {
        * @see https://tailwindcss.com/docs/align-items
        */
       "align-items": [{
-        items: [...L(), {
+        items: [...N(), {
           baseline: ["", "last"]
         }]
       }],
@@ -746,7 +745,7 @@ const f = (e) => {
        * @see https://tailwindcss.com/docs/align-self
        */
       "align-self": [{
-        self: ["auto", ...L(), {
+        self: ["auto", ...N(), {
           baseline: ["", "last"]
         }]
       }],
@@ -762,14 +761,14 @@ const f = (e) => {
        * @see https://tailwindcss.com/docs/place-items
        */
       "place-items": [{
-        "place-items": [...L(), "baseline"]
+        "place-items": [...N(), "baseline"]
       }],
       /**
        * Place Self
        * @see https://tailwindcss.com/docs/place-self
        */
       "place-self": [{
-        "place-self": ["auto", ...L()]
+        "place-self": ["auto", ...N()]
       }],
       // Spacing
       /**
@@ -930,14 +929,14 @@ const f = (e) => {
        * @see https://tailwindcss.com/docs/width#setting-both-width-and-height
        */
       size: [{
-        size: R()
+        size: P()
       }],
       /**
        * Width
        * @see https://tailwindcss.com/docs/width
        */
       w: [{
-        w: [u, "screen", ...R()]
+        w: [u, "screen", ...P()]
       }],
       /**
        * Min-Width
@@ -949,7 +948,7 @@ const f = (e) => {
           "screen",
           /** Deprecated. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
           "none",
-          ...R()
+          ...P()
         ]
       }],
       /**
@@ -967,7 +966,7 @@ const f = (e) => {
           {
             screen: [l]
           },
-          ...R()
+          ...P()
         ]
       }],
       /**
@@ -975,21 +974,21 @@ const f = (e) => {
        * @see https://tailwindcss.com/docs/height
        */
       h: [{
-        h: ["screen", "lh", ...R()]
+        h: ["screen", "lh", ...P()]
       }],
       /**
        * Min-Height
        * @see https://tailwindcss.com/docs/min-height
        */
       "min-h": [{
-        "min-h": ["screen", "lh", "none", ...R()]
+        "min-h": ["screen", "lh", "none", ...P()]
       }],
       /**
        * Max-Height
        * @see https://tailwindcss.com/docs/max-height
        */
       "max-h": [{
-        "max-h": ["screen", "lh", ...R()]
+        "max-h": ["screen", "lh", ...P()]
       }],
       // ------------------
       // --- Typography ---
@@ -999,7 +998,7 @@ const f = (e) => {
        * @see https://tailwindcss.com/docs/font-size
        */
       "font-size": [{
-        text: ["base", r, W, P]
+        text: ["base", r, W, R]
       }],
       /**
        * Font Smoothing
@@ -1147,7 +1146,7 @@ const f = (e) => {
        * @see https://tailwindcss.com/docs/text-decoration-thickness
        */
       "text-decoration-thickness": [{
-        decoration: [d, "from-font", "auto", s, P]
+        decoration: [d, "from-font", "auto", s, R]
       }],
       /**
        * Text Decoration Color
@@ -1634,7 +1633,7 @@ const f = (e) => {
        * @see https://tailwindcss.com/docs/outline-width
        */
       "outline-w": [{
-        outline: ["", d, W, P]
+        outline: ["", d, W, R]
       }],
       /**
        * Outline Color
@@ -1709,7 +1708,7 @@ const f = (e) => {
        * @see https://github.com/tailwindlabs/tailwindcss/blob/v4.0.0/packages/tailwindcss/src/utilities.ts#L4158
        */
       "ring-offset-w": [{
-        "ring-offset": [d, P]
+        "ring-offset": [d, R]
       }],
       /**
        * Ring Offset Color
@@ -2659,7 +2658,7 @@ const f = (e) => {
        * @see https://tailwindcss.com/docs/stroke-width
        */
       "stroke-w": [{
-        stroke: [d, W, P, oe]
+        stroke: [d, W, R, oe]
       }],
       /**
        * Stroke
@@ -2736,9 +2735,9 @@ const f = (e) => {
   };
 }, co = /* @__PURE__ */ $e(lo);
 function mo(...e) {
-  return co(Re(e));
+  return co(Pe(e));
 }
 export {
-  Re as a,
+  Pe as a,
   mo as c
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@arcadeai/design-system",
   "private": false,
-  "version": "0.7.2",
+  "version": "0.7.3",
   "type": "module",
   "main": "dist/main.js",
   "types": "dist/main.d.ts",
@@ -50,45 +50,52 @@
     ]
   },
   "peerDependencies": {
-    "lucide-react": "0.522.0",
+    "lucide-react": "0.525.0",
     "react": "19.1.0",
     "react-dom": "19.1.0",
-    "react-hook-form": "7.54.0",
-    "@hookform/resolvers": "5.0.1",
-    "tailwindcss": "4.1.10"
+    "react-hook-form": "7.60.0",
+    "@hookform/resolvers": "5.1.1",
+    "tailwindcss": "4.1.11"
   },
   "devDependencies": {
-    "@biomejs/biome": "2.0.5",
+    "@biomejs/biome": "2.0.6",
     "@commitlint/cli": "19.8.1",
     "@commitlint/config-conventional": "19.8.1",
     "@semantic-release/changelog": "6.0.3",
     "@semantic-release/git": "10.0.1",
-    "@storybook/addon-a11y": "9.0.12",
-    "@storybook/addon-docs": "9.0.12",
-    "@storybook/addon-themes": "9.0.12",
-    "@storybook/addon-vitest": "9.0.13",
-    "@storybook/react-vite": "9.0.12",
-    "@types/node": "24.0.3",
+    "@storybook/addon-a11y": "9.0.15",
+    "@storybook/addon-docs": "9.0.15",
+    "@storybook/addon-themes": "9.0.15",
+    "@storybook/addon-vitest": "9.0.15",
+    "@storybook/react-vite": "9.0.15",
+    "@types/node": "24.0.10",
     "@types/react": "19.1.8",
     "@types/react-dom": "19.1.6",
     "@vitejs/plugin-react-swc": "3.10.2",
     "@vitest/browser": "3.2.4",
     "@vitest/coverage-v8": "3.2.4",
-    "chromatic": "13.0.1",
+    "chromatic": "13.1.2",
     "glob": "11.0.3",
-    "globals": "16.2.0",
+    "globals": "16.3.0",
     "husky": "9.1.7",
     "lint-staged": "16.1.2",
-    "playwright": "1.53.1",
-    "semantic-release": "24.2.5",
-    "storybook": "9.0.12",
+    "playwright": "1.53.2",
+    "semantic-release": "24.2.6",
+    "storybook": "9.0.15",
     "storybook-addon-test-codegen": "2.0.1",
-    "tw-animate-css": "1.3.4",
+    "tw-animate-css": "1.3.5",
     "typescript": "~5.8.3",
-    "ultracite": "5.0.19",
-    "vite": "6.3.5",
+    "ultracite": "5.0.32",
+    "vite": "7.0.2",
     "vite-plugin-dts": "4.5.4",
-    "vitest": "3.2.4"
+    "vitest": "3.2.4",
+    "lucide-react": "0.525.0",
+    "react": "19.1.0",
+    "react-dom": "19.1.0",
+    "react-hook-form": "7.60.0",
+    "@hookform/resolvers": "5.1.1",
+    "tailwindcss": "4.1.11",
+    "zod": "3.25.74"
   },
   "dependencies": {
     "@radix-ui/react-accordion": "1.2.11",
@@ -109,16 +116,15 @@
     "@radix-ui/react-tabs": "1.1.12",
     "@radix-ui/react-toggle": "1.1.9",
     "@radix-ui/react-tooltip": "1.2.7",
-    "@tailwindcss/vite": "4.1.10",
+    "@tailwindcss/vite": "4.1.11",
     "class-variance-authority": "0.7.1",
     "clsx": "2.1.1",
     "cmdk": "1.1.1",
     "next-themes": "0.4.6",
     "react-resizable-panels": "3.0.3",
-    "recharts": "3.0.0",
-    "sonner": "2.0.5",
-    "tailwind-merge": "3.3.1",
-    "zod": "3.25.67"
+    "recharts": "3.0.2",
+    "sonner": "2.0.6",
+    "tailwind-merge": "3.3.1"
   },
   "engines": {
     "node": ">=22.11.0"