@agilys-system/design-system 1.0.11 → 1.0.13

package/dist/agilys-design-system.js

@@ -1,6 +1,6 @@
 import { jsxs as v, jsx as o } from "react/jsx-runtime";
 import W, { forwardRef as S, createElement as Ae, useId as xe, useRef as Ee, useState as Le, useEffect as ce } from "react";
-import { createPortal as Pe } from "react-dom";
+import { createPortal as Ve } from "react-dom";
 function ye(e) {
   var t, r, n = "";
   if (typeof e == "string" || typeof e == "number") n += e;
@@ -43,7 +43,7 @@ const de = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, ue = ve, T
     ] : c;
   }, []);
   return ue(e, l, d, r == null ? void 0 : r.class, r == null ? void 0 : r.className);
-}, oe = "-", Ve = (e) => {
+}, oe = "-", Pe = (e) => {
   const t = Re(e), {
     conflictingClassGroups: r,
     conflictingClassGroupModifiers: n
@@ -189,7 +189,7 @@ const de = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, ue = ve, T
 }, Fe = (e) => ({
   cache: Be(e.cacheSize),
   parseClassName: $e(e),
-  ...Ve(e)
+  ...Pe(e)
 }), Ue = /\s+/, qe = (e, t) => {
   const {
     parseClassName: r,
@@ -263,26 +263,26 @@ function Je(e, ...t) {
 const x = (e) => {
   const t = (r) => r[e] || [];
   return t.isThemeGetter = !0, t;
-}, ze = /^\[(?:([a-z-]+):)?(.+)\]$/i, Xe = /^\d+\/\d+$/, Ze = /* @__PURE__ */ new Set(["px", "full", "screen"]), Qe = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, Ye = /\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$/, De = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, et = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, tt = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, E = (e) => G(e) || Ze.has(e) || Xe.test(e), L = (e) => B(e, "length", ct), G = (e) => !!e && !Number.isNaN(Number(e)), ee = (e) => B(e, "number", G), F = (e) => !!e && Number.isInteger(Number(e)), rt = (e) => e.endsWith("%") && G(e.slice(0, -1)), u = (e) => ze.test(e), P = (e) => Qe.test(e), nt = /* @__PURE__ */ new Set(["length", "size", "percentage"]), ot = (e) => B(e, nt, Ce), st = (e) => B(e, "position", Ce), at = /* @__PURE__ */ new Set(["image", "url"]), it = (e) => B(e, at, ut), lt = (e) => B(e, "", dt), U = () => !0, B = (e, t, r) => {
-  const n = ze.exec(e);
+}, Ce = /^\[(?:([a-z-]+):)?(.+)\]$/i, Xe = /^\d+\/\d+$/, Ze = /* @__PURE__ */ new Set(["px", "full", "screen"]), Qe = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, Ye = /\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$/, De = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, et = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, tt = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, E = (e) => G(e) || Ze.has(e) || Xe.test(e), L = (e) => B(e, "length", ct), G = (e) => !!e && !Number.isNaN(Number(e)), ee = (e) => B(e, "number", G), F = (e) => !!e && Number.isInteger(Number(e)), rt = (e) => e.endsWith("%") && G(e.slice(0, -1)), u = (e) => Ce.test(e), V = (e) => Qe.test(e), nt = /* @__PURE__ */ new Set(["length", "size", "percentage"]), ot = (e) => B(e, nt, ze), st = (e) => B(e, "position", ze), at = /* @__PURE__ */ new Set(["image", "url"]), it = (e) => B(e, at, ut), lt = (e) => B(e, "", dt), U = () => !0, B = (e, t, r) => {
+  const n = Ce.exec(e);
   return n ? n[1] ? typeof t == "string" ? n[1] === t : t.has(n[1]) : r(n[2]) : !1;
 }, ct = (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.
   Ye.test(e) && !De.test(e)
-), Ce = () => !1, dt = (e) => et.test(e), ut = (e) => tt.test(e), pt = () => {
-  const e = x("colors"), t = x("spacing"), r = x("blur"), n = x("brightness"), a = x("borderColor"), s = x("borderRadius"), l = x("borderSpacing"), i = x("borderWidth"), d = x("contrast"), c = x("grayscale"), p = x("hueRotate"), b = x("invert"), f = x("gap"), j = x("gradientColorStops"), N = x("gradientColorStopPositions"), g = x("inset"), m = x("margin"), w = x("opacity"), z = x("padding"), M = x("saturate"), I = x("scale"), R = x("sepia"), K = x("skew"), k = x("space"), _ = x("translate"), V = () => ["auto", "contain", "none"], O = () => ["auto", "hidden", "clip", "visible", "scroll"], $ = () => ["auto", u, t], y = () => [u, t], se = () => ["", E, L], J = () => ["auto", G, u], ae = () => ["bottom", "center", "left", "left-bottom", "left-top", "right", "right-bottom", "right-top", "top"], X = () => ["solid", "dashed", "dotted", "double", "none"], ie = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], D = () => ["start", "end", "center", "between", "around", "evenly", "stretch"], H = () => ["", "0", u], le = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], A = () => [G, u];
+), ze = () => !1, dt = (e) => et.test(e), ut = (e) => tt.test(e), pt = () => {
+  const e = x("colors"), t = x("spacing"), r = x("blur"), n = x("brightness"), a = x("borderColor"), s = x("borderRadius"), l = x("borderSpacing"), i = x("borderWidth"), d = x("contrast"), c = x("grayscale"), p = x("hueRotate"), b = x("invert"), f = x("gap"), j = x("gradientColorStops"), N = x("gradientColorStopPositions"), g = x("inset"), m = x("margin"), w = x("opacity"), z = x("padding"), M = x("saturate"), I = x("scale"), R = x("sepia"), K = x("skew"), k = x("space"), _ = x("translate"), P = () => ["auto", "contain", "none"], O = () => ["auto", "hidden", "clip", "visible", "scroll"], $ = () => ["auto", u, t], y = () => [u, t], se = () => ["", E, L], J = () => ["auto", G, u], ae = () => ["bottom", "center", "left", "left-bottom", "left-top", "right", "right-bottom", "right-top", "top"], X = () => ["solid", "dashed", "dotted", "double", "none"], ie = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], D = () => ["start", "end", "center", "between", "around", "evenly", "stretch"], H = () => ["", "0", u], le = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], A = () => [G, u];
   return {
     cacheSize: 500,
     separator: ":",
     theme: {
       colors: [U],
       spacing: [E, L],
-      blur: ["none", "", P, u],
+      blur: ["none", "", V, u],
       brightness: A(),
       borderColor: [e],
-      borderRadius: ["none", "", "full", P, u],
+      borderRadius: ["none", "", "full", V, u],
       borderSpacing: y(),
       borderWidth: se(),
       contrast: A(),
@@ -322,7 +322,7 @@ const x = (e) => {
        * @see https://tailwindcss.com/docs/columns
        */
       columns: [{
-        columns: [P]
+        columns: [V]
       }],
       /**
        * Break After
@@ -423,21 +423,21 @@ const x = (e) => {
        * @see https://tailwindcss.com/docs/overscroll-behavior
        */
       overscroll: [{
-        overscroll: V()
+        overscroll: P()
       }],
       /**
        * Overscroll Behavior X
        * @see https://tailwindcss.com/docs/overscroll-behavior
        */
       "overscroll-x": [{
-        "overscroll-x": V()
+        "overscroll-x": P()
       }],
       /**
        * Overscroll Behavior Y
        * @see https://tailwindcss.com/docs/overscroll-behavior
        */
       "overscroll-y": [{
-        "overscroll-y": V()
+        "overscroll-y": P()
       }],
       /**
        * Position
@@ -906,8 +906,8 @@ const x = (e) => {
        */
       "max-w": [{
         "max-w": [u, t, "none", "full", "min", "max", "fit", "prose", {
-          screen: [P]
-        }, P]
+          screen: [V]
+        }, V]
       }],
       /**
        * Height
@@ -943,7 +943,7 @@ const x = (e) => {
        * @see https://tailwindcss.com/docs/font-size
        */
       "font-size": [{
-        text: ["base", P, L]
+        text: ["base", V, L]
       }],
       /**
        * Font Smoothing
@@ -1645,7 +1645,7 @@ const x = (e) => {
        * @see https://tailwindcss.com/docs/box-shadow
        */
       shadow: [{
-        shadow: ["", "inner", "none", P, lt]
+        shadow: ["", "inner", "none", V, lt]
       }],
       /**
        * Box Shadow Color
@@ -1710,7 +1710,7 @@ const x = (e) => {
        * @see https://tailwindcss.com/docs/drop-shadow
        */
       "drop-shadow": [{
-        "drop-shadow": ["", "none", P, u]
+        "drop-shadow": ["", "none", V, u]
       }],
       /**
        * Grayscale
@@ -2304,20 +2304,68 @@ const x = (e) => {
 function h(...e) {
   return ft(ve(e));
 }
-const bt = T(
-  "inline-flex items-center justify-center gap-2 rounded-lg font-sans font-normal transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-agilys-primary disabled:pointer-events-none disabled:opacity-50",
+const bt = T("font-sans text-gray-900", {
+  variants: {
+    variant: {
+      h1: "text-3xl leading-tight font-bold",
+      h2: "text-2xl leading-tight font-bold",
+      h3: "text-xl leading-snug font-semibold",
+      h4: "text-lg leading-snug font-semibold",
+      h5: "text-base leading-snug font-medium",
+      h6: "text-sm leading-snug font-medium",
+      body: "text-sm leading-relaxed font-normal",
+      bodySm: "text-xs leading-relaxed font-normal",
+      caption: "text-[11px] leading-normal font-normal"
+    },
+    weight: {
+      regular: "font-normal",
+      medium: "font-medium",
+      semibold: "font-semibold",
+      bold: "font-bold"
+    }
+  },
+  defaultVariants: {
+    variant: "body"
+  }
+}), mt = {
+  h1: "h1",
+  h2: "h2",
+  h3: "h3",
+  h4: "h4",
+  h5: "h5",
+  h6: "h6",
+  body: "p",
+  bodySm: "p",
+  caption: "span"
+}, C = S(
+  ({ className: e, variant: t = "body", weight: r, as: n, children: a, ...s }, l) => {
+    const i = n ?? mt[t ?? "body"];
+    return Ae(
+      i,
+      {
+        ref: l,
+        className: h(bt({ variant: t, weight: r }), e),
+        ...s
+      },
+      a
+    );
+  }
+);
+C.displayName = "Text";
+const gt = T(
+  "inline-flex items-center justify-center gap-2 rounded-lg transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-agilys-primary disabled:pointer-events-none disabled:opacity-50",
   {
     variants: {
       variant: {
-        primary: "bg-agilys-primary text-white text-sm shadow-[0px_2px_6px_0px_rgba(71,71,245,0.16),inset_0px_0px_10px_0px_rgba(255,255,255,0.3)] hover:bg-agilys-primary/90",
-        secondary: "bg-white text-neutral-secondary text-base shadow-[0px_0px_2px_0px_rgba(66,74,98,0.04),0px_3px_8px_0px_rgba(66,74,98,0.09)] hover:bg-gray-50",
-        destructive: "bg-danger-light text-danger-dark text-sm shadow-[0px_2px_6px_0px_rgba(243,22,22,0.16)] hover:bg-danger-light/80"
+        primary: "bg-agilys-primary text-white shadow-[0px_2px_6px_0px_rgba(71,71,245,0.16),inset_0px_0px_10px_0px_rgba(255,255,255,0.3)] hover:bg-agilys-primary/90",
+        secondary: "bg-white text-neutral-secondary shadow-[0px_0px_2px_0px_rgba(66,74,98,0.04),0px_3px_8px_0px_rgba(66,74,98,0.09)] hover:bg-gray-50",
+        destructive: "bg-danger-light text-danger-dark shadow-[0px_2px_6px_0px_rgba(243,22,22,0.16)] hover:bg-danger-light/80"
       },
       size: {
-        sm: "h-9 px-3 text-sm",
-        md: "h-11 px-4",
-        lg: "h-12 px-6 text-base",
-        icon: "size-11 p-0 shrink-0"
+        sm: "h-9 px-3",
+        md: "h-10 px-4",
+        lg: "h-11 px-6",
+        icon: "size-10 p-0 shrink-0"
       },
       fullWidth: {
         true: "w-full"
@@ -2328,7 +2376,12 @@ const bt = T(
       size: "md"
     }
   }
-), mt = S(
+), ht = {
+  sm: "bodySm",
+  md: "body",
+  lg: "body",
+  icon: "body"
+}, xt = S(
   ({
     className: e,
     variant: t,
@@ -2340,12 +2393,12 @@ const bt = T(
     children: i,
     ...d
   }, c) => {
-    const p = r === "icon";
+    const p = r === "icon", b = ht[r ?? "md"];
     return /* @__PURE__ */ v(
       "button",
       {
         ref: c,
-        className: h(bt({ variant: t, size: r, fullWidth: n }), e),
+        className: h(gt({ variant: t, size: r, fullWidth: n }), e),
         disabled: l || a,
         "aria-busy": a,
         ...d,
@@ -2380,63 +2433,15 @@ const bt = T(
               ]
             }
           ),
-          !a && s && /* @__PURE__ */ o("span", { className: "size-6 shrink-0 [&>svg]:size-full", "aria-hidden": "true", children: s }),
-          p ? /* @__PURE__ */ o("span", { className: "size-5 shrink-0 [&>svg]:size-full", children: i }) : i
+          !a && s && /* @__PURE__ */ o("span", { className: "inline-flex shrink-0", "aria-hidden": "true", children: s }),
+          p ? /* @__PURE__ */ o("span", { className: "inline-flex shrink-0", children: i }) : /* @__PURE__ */ o(C, { as: "span", variant: b, className: "text-inherit", children: i })
         ]
       }
     );
   }
 );
-mt.displayName = "Button";
-const gt = T("font-sans text-gray-900", {
-  variants: {
-    variant: {
-      h1: "text-3xl leading-tight font-bold",
-      h2: "text-2xl leading-tight font-bold",
-      h3: "text-xl leading-snug font-semibold",
-      h4: "text-lg leading-snug font-semibold",
-      h5: "text-base leading-snug font-medium",
-      h6: "text-sm leading-snug font-medium",
-      body: "text-sm leading-relaxed font-normal",
-      bodySm: "text-xs leading-relaxed font-normal",
-      caption: "text-[11px] leading-normal font-normal"
-    },
-    weight: {
-      regular: "font-normal",
-      medium: "font-medium",
-      semibold: "font-semibold",
-      bold: "font-bold"
-    }
-  },
-  defaultVariants: {
-    variant: "body"
-  }
-}), ht = {
-  h1: "h1",
-  h2: "h2",
-  h3: "h3",
-  h4: "h4",
-  h5: "h5",
-  h6: "h6",
-  body: "p",
-  bodySm: "p",
-  caption: "span"
-}, C = S(
-  ({ className: e, variant: t = "body", weight: r, as: n, children: a, ...s }, l) => {
-    const i = n ?? ht[t ?? "body"];
-    return Ae(
-      i,
-      {
-        ref: l,
-        className: h(gt({ variant: t, weight: r }), e),
-        ...s
-      },
-      a
-    );
-  }
-);
-C.displayName = "Text";
-const xt = T(
+xt.displayName = "Button";
+const yt = T(
   "inline-flex items-center justify-center h-6 whitespace-nowrap",
   {
     variants: {
@@ -2466,23 +2471,23 @@ const xt = T(
       status: "default"
     }
   }
-), yt = {
+), vt = {
   default: "bg-agilys-primary",
   success: "bg-success-60",
   alert: "bg-warning-accent",
   error: "bg-danger-60"
-}, vt = S(
+}, wt = S(
   ({ className: e, variant: t = "filled", status: r = "default", children: n, ...a }, s) => /* @__PURE__ */ v(
     "span",
     {
       ref: s,
-      className: h(xt({ variant: t, status: r }), e),
+      className: h(yt({ variant: t, status: r }), e),
       ...a,
       children: [
         t === "dot" && /* @__PURE__ */ o(
           "span",
           {
-            className: h("size-2 shrink-0 rounded-full", yt[r ?? "default"]),
+            className: h("size-2 shrink-0 rounded-full", vt[r ?? "default"]),
             "aria-hidden": "true"
           }
         ),
@@ -2491,8 +2496,8 @@ const xt = T(
     }
   )
 );
-vt.displayName = "Badge";
-const wt = T("flex items-start gap-2 rounded-lg p-5 font-sans", {
+wt.displayName = "Badge";
+const kt = T("flex items-start gap-2 rounded-lg p-5 font-sans", {
   variants: {
     variant: {
       default: "border border-neutral-divider-secondary bg-white shadow-[0px_0px_1px_0px_rgba(66,74,98,0.09),0px_2px_2px_0px_rgba(66,74,98,0.04)]",
@@ -2505,14 +2510,14 @@ const wt = T("flex items-start gap-2 rounded-lg p-5 font-sans", {
   defaultVariants: {
     variant: "default"
   }
-}), kt = {
+}), Nt = {
   default: "text-neutral-text-primary",
   success: "text-success-60",
   warning: "text-warning-dark",
   error: "text-danger-dark",
   info: "text-primary-700"
 };
-function Nt() {
+function Ct() {
   return /* @__PURE__ */ v("svg", { className: "size-full", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: [
     /* @__PURE__ */ o("circle", { cx: "12", cy: "12", r: "9", stroke: "currentColor", strokeWidth: "2" }),
     /* @__PURE__ */ o("path", { d: "M12 11v5", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" }),
@@ -2534,7 +2539,7 @@ function zt() {
     )
   ] });
 }
-function Ct() {
+function jt() {
   return /* @__PURE__ */ v("svg", { className: "size-full", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: [
     /* @__PURE__ */ o(
       "path",
@@ -2549,7 +2554,7 @@ function Ct() {
     /* @__PURE__ */ o("circle", { cx: "12", cy: "17", r: "1", fill: "currentColor" })
   ] });
 }
-function jt() {
+function _t() {
   return /* @__PURE__ */ v("svg", { className: "size-full", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: [
     /* @__PURE__ */ o("circle", { cx: "12", cy: "12", r: "9", stroke: "currentColor", strokeWidth: "2" }),
     /* @__PURE__ */ o(
@@ -2563,7 +2568,7 @@ function jt() {
     )
   ] });
 }
-function _t() {
+function St() {
   return /* @__PURE__ */ o("svg", { className: "size-full", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ o(
     "path",
     {
@@ -2574,11 +2579,11 @@ function _t() {
     }
   ) });
 }
-const St = {
+const Mt = {
   success: /* @__PURE__ */ o(zt, {}),
-  warning: /* @__PURE__ */ o(Ct, {}),
-  error: /* @__PURE__ */ o(jt, {}),
-  info: /* @__PURE__ */ o(Nt, {})
+  warning: /* @__PURE__ */ o(jt, {}),
+  error: /* @__PURE__ */ o(_t, {}),
+  info: /* @__PURE__ */ o(Ct, {})
 }, je = S(
   ({
     className: e,
@@ -2591,8 +2596,8 @@ const St = {
     children: i,
     ...d
   }, c) => {
-    const p = t ?? "default", b = r === void 0 ? St[p] : r, f = kt[p];
-    return /* @__PURE__ */ v("div", { ref: c, className: h(wt({ variant: t }), e), ...d, children: [
+    const p = t ?? "default", b = r === void 0 ? Mt[p] : r, f = Nt[p];
+    return /* @__PURE__ */ v("div", { ref: c, className: h(kt({ variant: t }), e), ...d, children: [
       b && /* @__PURE__ */ o("span", { className: h("size-6 shrink-0", f), "aria-hidden": "true", children: b }),
       /* @__PURE__ */ v("div", { className: "flex min-w-0 flex-1 flex-col gap-1", children: [
         n && /* @__PURE__ */ o(C, { as: "div", variant: "body", weight: "semibold", className: f, children: n }),
@@ -2610,7 +2615,7 @@ const St = {
             "flex size-5 shrink-0 items-center justify-center rounded-md transition-colors hover:opacity-70 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-agilys-primary",
             f
           ),
-          children: /* @__PURE__ */ o(_t, {})
+          children: /* @__PURE__ */ o(St, {})
         }
       )
     ] });
@@ -2623,17 +2628,17 @@ var _e = {
   className: void 0,
   style: void 0,
   attr: void 0
-}, be = W.createContext && /* @__PURE__ */ W.createContext(_e), Mt = ["attr", "size", "title"];
-function It(e, t) {
+}, be = W.createContext && /* @__PURE__ */ W.createContext(_e), It = ["attr", "size", "title"];
+function Ot(e, t) {
   if (e == null) return {};
-  var r, n, a = Ot(e, t);
+  var r, n, a = At(e, t);
   if (Object.getOwnPropertySymbols) {
     var s = Object.getOwnPropertySymbols(e);
     for (n = 0; n < s.length; n++) r = s[n], t.indexOf(r) === -1 && {}.propertyIsEnumerable.call(e, r) && (a[r] = e[r]);
   }
   return a;
 }
-function Ot(e, t) {
+function At(e, t) {
   if (e == null) return {};
   var r = {};
   for (var n in e) if ({}.hasOwnProperty.call(e, n)) {
@@ -2665,21 +2670,21 @@ function Y(e) {
   for (var t = 1; t < arguments.length; t++) {
     var r = arguments[t] != null ? arguments[t] : {};
     t % 2 ? me(Object(r), !0).forEach(function(n) {
-      At(e, n, r[n]);
+      Et(e, n, r[n]);
     }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : me(Object(r)).forEach(function(n) {
       Object.defineProperty(e, n, Object.getOwnPropertyDescriptor(r, n));
     });
   }
   return e;
 }
-function At(e, t, r) {
-  return (t = Et(t)) in e ? Object.defineProperty(e, t, { value: r, enumerable: !0, configurable: !0, writable: !0 }) : e[t] = r, e;
+function Et(e, t, r) {
+  return (t = Lt(t)) in e ? Object.defineProperty(e, t, { value: r, enumerable: !0, configurable: !0, writable: !0 }) : e[t] = r, e;
 }
-function Et(e) {
-  var t = Lt(e, "string");
+function Lt(e) {
+  var t = Vt(e, "string");
   return typeof t == "symbol" ? t : t + "";
 }
-function Lt(e, t) {
+function Vt(e, t) {
   if (typeof e != "object" || !e) return e;
   var r = e[Symbol.toPrimitive];
   if (r !== void 0) {
@@ -2701,7 +2706,7 @@ function Me(e) {
 }
 function Pt(e) {
   var t = (r) => {
-    var n = e.attr, a = e.size, s = e.title, l = It(e, Mt), i = a || r.size || "1em", d;
+    var n = e.attr, a = e.size, s = e.title, l = Ot(e, It), i = a || r.size || "1em", d;
     return r.className && (d = r.className), e.className && (d = (d ? d + " " : "") + e.className), /* @__PURE__ */ W.createElement("svg", Q({
       stroke: "currentColor",
       fill: "currentColor",
@@ -2718,13 +2723,13 @@ function Pt(e) {
   };
   return be !== void 0 ? /* @__PURE__ */ W.createElement(be.Consumer, null, (r) => t(r)) : t(_e);
 }
-function Vt(e) {
+function Wt(e) {
   return Me({ attr: { viewBox: "0 0 512 512" }, child: [{ tag: "path", attr: { fill: "none", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "32", d: "M80 152v256a40.12 40.12 0 0 0 40 40h272a40.12 40.12 0 0 0 40-40V152" }, child: [] }, { tag: "rect", attr: { width: "416", height: "80", x: "48", y: "64", fill: "none", strokeLinejoin: "round", strokeWidth: "32", rx: "28", ry: "28" }, child: [] }, { tag: "path", attr: { fill: "none", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "32", d: "m320 304-64 64-64-64m64 41.89V224" }, child: [] }] })(e);
 }
-function Wt(e) {
+function Rt(e) {
   return Me({ attr: { viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { fill: "none", d: "M0 0h24v24H0z" }, child: [] }, { tag: "path", attr: { d: "M16 9v10H8V9zm-1.5-6h-5l-1 1H5v2h14V4h-3.5zM18 7H6v12c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2z" }, child: [] }] })(e);
 }
-const Rt = S(
+const Gt = S(
   ({ className: e, title: t, body: r, timestamp: n, read: a = !1, onArchive: s, onDelete: l, ...i }, d) => /* @__PURE__ */ v(
     je,
     {
@@ -2764,7 +2769,7 @@ const Rt = S(
               onClick: s,
               "aria-label": "Arquivar",
               className: "flex size-7 shrink-0 items-center justify-center rounded-md text-neutral-text-secondary transition-colors hover:bg-neutral-surface-selected hover:text-neutral-text-primary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-agilys-primary",
-              children: /* @__PURE__ */ o(Vt, { className: "size-4", "aria-hidden": "true" })
+              children: /* @__PURE__ */ o(Wt, { className: "size-4", "aria-hidden": "true" })
             }
           ),
           /* @__PURE__ */ o(
@@ -2774,7 +2779,7 @@ const Rt = S(
               onClick: l,
               "aria-label": "Excluir",
               className: "flex size-7 shrink-0 items-center justify-center rounded-md text-neutral-text-secondary transition-colors hover:bg-danger-10 hover:text-danger-60 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-agilys-primary",
-              children: /* @__PURE__ */ o(Wt, { className: "size-4", "aria-hidden": "true" })
+              children: /* @__PURE__ */ o(Rt, { className: "size-4", "aria-hidden": "true" })
             }
           )
         ] })
@@ -2782,17 +2787,17 @@ const Rt = S(
     }
   )
 );
-Rt.displayName = "NotificationCard";
-function Gt(e, t) {
+Gt.displayName = "NotificationCard";
+function Tt(e, t) {
   return t.split(".").reduce(
     (r, n) => r == null ? void 0 : r[n],
     e
   );
 }
-function Tt(e, t) {
+function Bt(e, t) {
   if (t.callback) return t.callback(e);
   if (!t.key) return null;
-  const r = Gt(e, t.key);
+  const r = Tt(e, t.key);
   return r == null || r === "" ? null : /* @__PURE__ */ o(
     C,
     {
@@ -2843,7 +2848,7 @@ const Ie = {
   ] })
 );
 re.displayName = "TableCheckbox";
-function Bt({ className: e }) {
+function $t({ className: e }) {
   return /* @__PURE__ */ o(
     "svg",
     {
@@ -2894,7 +2899,7 @@ const ne = S(
                 children: s
               }
             ),
-            r && /* @__PURE__ */ o(Bt, { className: h(n && "text-agilys-primary") })
+            r && /* @__PURE__ */ o($t, { className: h(n && "text-agilys-primary") })
           ]
         }
       )
@@ -2926,12 +2931,12 @@ function ge({
     }
   );
 }
-function $t(e, t, r) {
+function Ht(e, t, r) {
   if (typeof r == "function") return r(e);
   const n = e;
   return r ? n[r] ?? t : n.id ?? t;
 }
-function tr({
+function rr({
   keys: e,
   data: t,
   rowKey: r,
@@ -2950,7 +2955,7 @@ function tr({
   className: g,
   ...m
 }) {
-  const w = e.length + (l ? 1 : 0), z = i ?? [], M = t.map((k, _) => $t(k, _, r)), I = M.length > 0 && M.every((k) => z.includes(k)), R = () => {
+  const w = e.length + (l ? 1 : 0), z = i ?? [], M = t.map((k, _) => Ht(k, _, r)), I = M.length > 0 && M.every((k) => z.includes(k)), R = () => {
     d && d(I ? [] : M);
   }, K = (k) => {
     d && d(
@@ -3023,7 +3028,7 @@ function tr({
                 )
               }
             ) }) : t.map((k, _) => {
-              const V = M[_];
+              const P = M[_];
               return /* @__PURE__ */ v(
                 "tr",
                 {
@@ -3041,8 +3046,8 @@ function tr({
                         children: /* @__PURE__ */ o(
                           re,
                           {
-                            checked: z.includes(V),
-                            onChange: () => K(V),
+                            checked: z.includes(P),
+                            onChange: () => K(P),
                             "aria-label": "Selecionar linha"
                           }
                         )
@@ -3053,13 +3058,13 @@ function tr({
                       {
                         align: O.align,
                         className: O.className,
-                        children: Tt(k, O)
+                        children: Bt(k, O)
                       },
                       O.key ?? `column-${$}`
                     ))
                   ]
                 },
-                V
+                P
               );
             }) })
           ]
@@ -3068,7 +3073,7 @@ function tr({
     }
   );
 }
-const Ht = T(
+const Ft = T(
   "relative inline-flex shrink-0 items-center justify-center overflow-hidden rounded-full bg-neutral-surface-lightest font-sans font-medium text-neutral-text-secondary",
   {
     variants: {
@@ -3083,32 +3088,32 @@ const Ht = T(
     }
   }
 );
-function Ft(e) {
+function Ut(e) {
   var n;
   const t = e.trim().split(/\s+/), r = t.length > 1 ? `${t[0][0]}${t[t.length - 1][0]}` : (n = t[0]) == null ? void 0 : n.slice(0, 2);
   return r == null ? void 0 : r.toUpperCase();
 }
-const Ut = {
+const qt = {
   sm: "caption",
   md: "bodySm",
   lg: "body"
 }, Oe = S(
   ({ className: e, size: t, src: r, alt: n = "", name: a, ...s }, l) => {
     const i = t ?? "md";
-    return /* @__PURE__ */ o("span", { ref: l, className: h(Ht({ size: t }), e), ...s, children: r ? /* @__PURE__ */ o("img", { src: r, alt: n, className: "size-full object-cover" }) : a && /* @__PURE__ */ o(
+    return /* @__PURE__ */ o("span", { ref: l, className: h(Ft({ size: t }), e), ...s, children: r ? /* @__PURE__ */ o("img", { src: r, alt: n, className: "size-full object-cover" }) : a && /* @__PURE__ */ o(
       C,
       {
         as: "span",
-        variant: Ut[i],
+        variant: qt[i],
         weight: "medium",
         className: "text-inherit leading-none",
-        children: Ft(a)
+        children: Ut(a)
       }
     ) });
   }
 );
 Oe.displayName = "Avatar";
-function rr({
+function nr({
   src: e,
   name: t,
   description: r,
@@ -3135,7 +3140,7 @@ const q = "ellipsis";
 function Z(e, t) {
   return Array.from({ length: t - e + 1 }, (r, n) => e + n);
 }
-function qt(e, t, r) {
+function Kt(e, t, r) {
   if (r * 2 + 5 >= t) return Z(1, t);
   const a = Math.max(e - r, 1), s = Math.min(e + r, t), l = a > 2, i = s < t - 1;
   return !l && i ? [...Z(1, 3 + r * 2), q, t] : l && !i ? [1, q, ...Z(t - (2 + r * 2), t)] : [1, q, ...Z(a, s), q, t];
@@ -3161,10 +3166,10 @@ function he({ direction: e, className: t }) {
     }
   );
 }
-const Kt = S(
+const Jt = S(
   ({ currentPage: e, totalPages: t, onPageChange: r, siblingCount: n = 1, className: a, ...s }, l) => {
     if (t <= 1) return null;
-    const i = qt(e, t, n), d = (c) => {
+    const i = Kt(e, t, n), d = (c) => {
       c < 1 || c > t || c === e || r(c);
     };
     return /* @__PURE__ */ v(
@@ -3225,8 +3230,8 @@ const Kt = S(
     );
   }
 );
-Kt.displayName = "Pagination";
-const Jt = T(
+Jt.displayName = "Pagination";
+const Xt = T(
   "flex h-11 w-full min-w-0 items-center gap-2 rounded-lg bg-white px-3 shadow-[0px_1px_2px_0px_rgba(0,0,0,0.25)] transition-shadow focus-within:ring-2 focus-within:ring-agilys-primary",
   {
     variants: {
@@ -3239,7 +3244,7 @@ const Jt = T(
       hasError: !1
     }
   }
-), Xt = S(
+), Zt = S(
   ({
     className: e,
     containerClassName: t,
@@ -3275,7 +3280,7 @@ const Jt = T(
             "div",
             {
               className: h(
-                Jt({ hasError: N }),
+                Xt({ hasError: N }),
                 i && "pointer-events-none opacity-50"
               ),
               children: [
@@ -3332,8 +3337,8 @@ const Jt = T(
     );
   }
 );
-Xt.displayName = "Input";
-function Zt() {
+Zt.displayName = "Input";
+function Qt() {
   return /* @__PURE__ */ o("svg", { className: "size-5", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ o(
     "path",
     {
@@ -3344,7 +3349,7 @@ function Zt() {
     }
   ) });
 }
-const Qt = S(
+const Yt = S(
   ({
     open: e,
     onClose: t,
@@ -3369,7 +3374,7 @@ const Qt = S(
       return document.addEventListener("keydown", m), () => {
         document.body.style.overflow = g, document.removeEventListener("keydown", m);
       };
-    }, [e, t]), !e || !j ? null : Pe(
+    }, [e, t]), !e || !j ? null : Ve(
       /* @__PURE__ */ o(
         "div",
         {
@@ -3397,7 +3402,7 @@ const Qt = S(
                     onClick: t,
                     "aria-label": "Fechar",
                     className: "absolute right-4 top-4 flex size-6 shrink-0 items-center justify-center rounded-md text-neutral-text-secondary transition-colors hover:text-neutral-text-primary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-agilys-primary sm:right-5 sm:top-5",
-                    children: /* @__PURE__ */ o(Zt, {})
+                    children: /* @__PURE__ */ o(Qt, {})
                   }
                 ),
                 r && /* @__PURE__ */ o("div", { className: "pr-8", children: /* @__PURE__ */ o(
@@ -3431,28 +3436,28 @@ const Qt = S(
     );
   }
 );
-Qt.displayName = "Modal";
+Yt.displayName = "Modal";
 export {
   Oe as Avatar,
-  rr as AvatarColumn,
-  vt as Badge,
-  mt as Button,
+  nr as AvatarColumn,
+  wt as Badge,
+  xt as Button,
   je as Card,
-  Xt as Input,
-  Qt as Modal,
-  Rt as NotificationCard,
-  Kt as Pagination,
-  tr as Table,
+  Zt as Input,
+  Yt as Modal,
+  Gt as NotificationCard,
+  Jt as Pagination,
+  rr as Table,
   ge as TableCell,
   re as TableCheckbox,
   ne as TableHeadCell,
   C as Text,
-  Ht as avatarVariants,
-  xt as badgeVariants,
-  bt as buttonVariants,
-  wt as cardVariants,
+  Ft as avatarVariants,
+  yt as badgeVariants,
+  gt as buttonVariants,
+  kt as cardVariants,
   h as cn,
-  Jt as inputVariants,
-  gt as textVariants
+  Xt as inputVariants,
+  bt as textVariants
 };
 //# sourceMappingURL=agilys-design-system.js.map