@agilys-system/design-system 1.0.7 → 1.0.9

package/dist/agilys-design-system.js

@@ -1,45 +1,45 @@
-import { jsxs as C, jsx as l } from "react/jsx-runtime";
-import { forwardRef as E, createElement as Ne, useId as fe, useRef as ze, useState as Ce, useEffect as ae } from "react";
+import { jsxs as _, jsx as l } from "react/jsx-runtime";
+import { forwardRef as E, createElement as Ne, useId as be, useRef as ze, useState as Ce, useEffect as ae } from "react";
 import { createPortal as _e } from "react-dom";
-function be(e) {
+function fe(e) {
   var t, r, n = "";
   if (typeof e == "string" || typeof e == "number") n += e;
   else if (typeof e == "object") if (Array.isArray(e)) {
     var s = e.length;
-    for (t = 0; t < s; t++) e[t] && (r = be(e[t])) && (n && (n += " "), n += r);
+    for (t = 0; t < s; t++) e[t] && (r = fe(e[t])) && (n && (n += " "), n += r);
   } else for (r in e) e[r] && (n && (n += " "), n += r);
   return n;
 }
-function ge() {
-  for (var e, t, r = 0, n = "", s = arguments.length; r < s; r++) (e = arguments[r]) && (t = be(e)) && (n && (n += " "), n += t);
+function me() {
+  for (var e, t, r = 0, n = "", s = arguments.length; r < s; r++) (e = arguments[r]) && (t = fe(e)) && (n && (n += " "), n += t);
   return n;
 }
-const ie = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, le = ge, H = (e, t) => (r) => {
+const ie = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, le = me, H = (e, t) => (r) => {
   var n;
   if ((t == null ? void 0 : t.variants) == null) return le(e, r == null ? void 0 : r.class, r == null ? void 0 : r.className);
   const { variants: s, defaultVariants: o } = t, i = Object.keys(s).map((c) => {
-    const p = r == null ? void 0 : r[c], m = o == null ? void 0 : o[c];
+    const p = r == null ? void 0 : r[c], g = o == null ? void 0 : o[c];
     if (p === null) return null;
-    const b = ie(p) || ie(m);
-    return s[c][b];
+    const f = ie(p) || ie(g);
+    return s[c][f];
   }), a = r && Object.entries(r).reduce((c, p) => {
-    let [m, b] = p;
-    return b === void 0 || (c[m] = b), c;
+    let [g, f] = p;
+    return f === void 0 || (c[g] = f), c;
   }, {}), u = t == null || (n = t.compoundVariants) === null || n === void 0 ? void 0 : n.reduce((c, p) => {
-    let { class: m, className: b, ...z } = p;
+    let { class: g, className: f, ...z } = p;
     return Object.entries(z).every((k) => {
-      let [g, f] = k;
-      return Array.isArray(f) ? f.includes({
+      let [m, b] = k;
+      return Array.isArray(b) ? b.includes({
         ...o,
         ...a
-      }[g]) : {
+      }[m]) : {
         ...o,
         ...a
-      }[g] === f;
+      }[m] === b;
     }) ? [
       ...c,
-      m,
-      b
+      g,
+      f
     ] : c;
   }, []);
   return le(e, i, u, r == null ? void 0 : r.class, r == null ? void 0 : r.className);
@@ -51,18 +51,18 @@ const ie = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, le = ge, H
   return {
     getClassGroupId: (i) => {
       const a = i.split(te);
-      return a[0] === "" && a.length !== 1 && a.shift(), me(a, t) || Me(i);
+      return a[0] === "" && a.length !== 1 && a.shift(), ge(a, t) || Me(i);
     },
     getConflictingClassGroupIds: (i, a) => {
       const u = r[i] || [];
       return a && n[i] ? [...u, ...n[i]] : u;
     }
   };
-}, me = (e, t) => {
+}, ge = (e, t) => {
   var i;
   if (e.length === 0)
     return t.classGroupId;
-  const r = e[0], n = t.nextPart.get(r), s = n ? me(e.slice(1), n) : void 0;
+  const r = e[0], n = t.nextPart.get(r), s = n ? ge(e.slice(1), n) : void 0;
   if (s)
     return s;
   if (t.validators.length === 0)
@@ -151,27 +151,27 @@ const ie = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, le = ge, H
     experimentalParseClassName: r
   } = e, n = t.length === 1, s = t[0], o = t.length, i = (a) => {
     const u = [];
-    let c = 0, p = 0, m;
-    for (let f = 0; f < a.length; f++) {
-      let v = a[f];
+    let c = 0, p = 0, g;
+    for (let b = 0; b < a.length; b++) {
+      let v = a[b];
       if (c === 0) {
-        if (v === s && (n || a.slice(f, f + o) === t)) {
-          u.push(a.slice(p, f)), p = f + o;
+        if (v === s && (n || a.slice(b, b + o) === t)) {
+          u.push(a.slice(p, b)), p = b + o;
           continue;
         }
         if (v === "/") {
-          m = f;
+          g = b;
           continue;
         }
       }
       v === "[" ? c++ : v === "]" && c--;
     }
-    const b = u.length === 0 ? a : a.substring(p), z = b.startsWith(he), k = z ? b.substring(1) : b, g = m && m > p ? m - p : void 0;
+    const f = u.length === 0 ? a : a.substring(p), z = f.startsWith(he), k = z ? f.substring(1) : f, m = g && g > p ? g - p : void 0;
     return {
       modifiers: u,
       hasImportantModifier: z,
       baseClassName: k,
-      maybePostfixModifierPosition: g
+      maybePostfixModifierPosition: m
     };
   };
   return r ? (a) => r({
@@ -200,27 +200,27 @@ const ie = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, le = ge, H
   for (let u = i.length - 1; u >= 0; u -= 1) {
     const c = i[u], {
       modifiers: p,
-      hasImportantModifier: m,
-      baseClassName: b,
+      hasImportantModifier: g,
+      baseClassName: f,
       maybePostfixModifierPosition: z
     } = r(c);
-    let k = !!z, g = n(k ? b.substring(0, z) : b);
-    if (!g) {
+    let k = !!z, m = n(k ? f.substring(0, z) : f);
+    if (!m) {
       if (!k) {
         a = c + (a.length > 0 ? " " + a : a);
         continue;
       }
-      if (g = n(b), !g) {
+      if (m = n(f), !m) {
         a = c + (a.length > 0 ? " " + a : a);
         continue;
       }
       k = !1;
     }
-    const f = Ve(p).join(":"), v = m ? f + he : f, N = v + g;
+    const b = Ve(p).join(":"), v = g ? b + he : b, N = v + m;
     if (o.includes(N))
       continue;
     o.push(N);
-    const M = s(g, k);
+    const M = s(m, k);
     for (let j = 0; j < M.length; ++j) {
       const L = M[j];
       o.push(v + L);
@@ -246,7 +246,7 @@ const xe = (e) => {
 function Be(e, ...t) {
   let r, n, s, o = i;
   function i(u) {
-    const c = t.reduce((p, m) => m(p), e());
+    const c = t.reduce((p, g) => g(p), e());
     return r = Ge(c), n = r.cache.get, s = r.cache.set, o = a, a(u);
   }
   function a(u) {
@@ -272,7 +272,7 @@ const h = (e) => {
   // I could also use lookbehind assertion in `lengthUnitRegex` but that isn't supported widely enough.
   Ue.test(e) && !Fe.test(e)
 ), ve = () => !1, tt = (e) => He.test(e), rt = (e) => qe.test(e), nt = () => {
-  const e = h("colors"), t = h("spacing"), r = h("blur"), n = h("brightness"), s = h("borderColor"), o = h("borderRadius"), i = h("borderSpacing"), a = h("borderWidth"), u = h("contrast"), c = h("grayscale"), p = h("hueRotate"), m = h("invert"), b = h("gap"), z = h("gradientColorStops"), k = h("gradientColorStopPositions"), g = h("inset"), f = h("margin"), v = h("opacity"), N = h("padding"), M = h("saturate"), j = h("scale"), L = h("sepia"), q = h("skew"), w = h("space"), _ = h("translate"), T = () => ["auto", "contain", "none"], A = () => ["auto", "hidden", "clip", "visible", "scroll"], P = () => ["auto", d, t], y = () => [d, t], re = () => ["", R, V], J = () => ["auto", W, d], ne = () => ["bottom", "center", "left", "left-bottom", "left-top", "right", "right-bottom", "right-top", "top"], X = () => ["solid", "dashed", "dotted", "double", "none"], oe = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], K = () => ["start", "end", "center", "between", "around", "evenly", "stretch"], $ = () => ["", "0", d], se = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], I = () => [W, d];
+  const e = h("colors"), t = h("spacing"), r = h("blur"), n = h("brightness"), s = h("borderColor"), o = h("borderRadius"), i = h("borderSpacing"), a = h("borderWidth"), u = h("contrast"), c = h("grayscale"), p = h("hueRotate"), g = h("invert"), f = h("gap"), z = h("gradientColorStops"), k = h("gradientColorStopPositions"), m = h("inset"), b = h("margin"), v = h("opacity"), N = h("padding"), M = h("saturate"), j = h("scale"), L = h("sepia"), q = h("skew"), w = h("space"), S = h("translate"), T = () => ["auto", "contain", "none"], A = () => ["auto", "hidden", "clip", "visible", "scroll"], P = () => ["auto", d, t], y = () => [d, t], re = () => ["", R, V], J = () => ["auto", W, d], ne = () => ["bottom", "center", "left", "left-bottom", "left-top", "right", "right-bottom", "right-top", "top"], X = () => ["solid", "dashed", "dotted", "double", "none"], oe = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], K = () => ["start", "end", "center", "between", "around", "evenly", "stretch"], $ = () => ["", "0", d], se = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], I = () => [W, d];
   return {
     cacheSize: 500,
     separator: ":",
@@ -449,63 +449,63 @@ const h = (e) => {
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       inset: [{
-        inset: [g]
+        inset: [m]
       }],
       /**
        * Right / Left
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       "inset-x": [{
-        "inset-x": [g]
+        "inset-x": [m]
       }],
       /**
        * Top / Bottom
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       "inset-y": [{
-        "inset-y": [g]
+        "inset-y": [m]
       }],
       /**
        * Start
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       start: [{
-        start: [g]
+        start: [m]
       }],
       /**
        * End
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       end: [{
-        end: [g]
+        end: [m]
       }],
       /**
        * Top
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       top: [{
-        top: [g]
+        top: [m]
       }],
       /**
        * Right
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       right: [{
-        right: [g]
+        right: [m]
       }],
       /**
        * Bottom
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       bottom: [{
-        bottom: [g]
+        bottom: [m]
       }],
       /**
        * Left
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       left: [{
-        left: [g]
+        left: [m]
       }],
       /**
        * Visibility
@@ -655,21 +655,21 @@ const h = (e) => {
        * @see https://tailwindcss.com/docs/gap
        */
       gap: [{
-        gap: [b]
+        gap: [f]
       }],
       /**
        * Gap X
        * @see https://tailwindcss.com/docs/gap
        */
       "gap-x": [{
-        "gap-x": [b]
+        "gap-x": [f]
       }],
       /**
        * Gap Y
        * @see https://tailwindcss.com/docs/gap
        */
       "gap-y": [{
-        "gap-y": [b]
+        "gap-y": [f]
       }],
       /**
        * Justify Content
@@ -803,63 +803,63 @@ const h = (e) => {
        * @see https://tailwindcss.com/docs/margin
        */
       m: [{
-        m: [f]
+        m: [b]
       }],
       /**
        * Margin X
        * @see https://tailwindcss.com/docs/margin
        */
       mx: [{
-        mx: [f]
+        mx: [b]
       }],
       /**
        * Margin Y
        * @see https://tailwindcss.com/docs/margin
        */
       my: [{
-        my: [f]
+        my: [b]
       }],
       /**
        * Margin Start
        * @see https://tailwindcss.com/docs/margin
        */
       ms: [{
-        ms: [f]
+        ms: [b]
       }],
       /**
        * Margin End
        * @see https://tailwindcss.com/docs/margin
        */
       me: [{
-        me: [f]
+        me: [b]
       }],
       /**
        * Margin Top
        * @see https://tailwindcss.com/docs/margin
        */
       mt: [{
-        mt: [f]
+        mt: [b]
       }],
       /**
        * Margin Right
        * @see https://tailwindcss.com/docs/margin
        */
       mr: [{
-        mr: [f]
+        mr: [b]
       }],
       /**
        * Margin Bottom
        * @see https://tailwindcss.com/docs/margin
        */
       mb: [{
-        mb: [f]
+        mb: [b]
       }],
       /**
        * Margin Left
        * @see https://tailwindcss.com/docs/margin
        */
       ml: [{
-        ml: [f]
+        ml: [b]
       }],
       /**
        * Space Between X
@@ -1731,7 +1731,7 @@ const h = (e) => {
        * @see https://tailwindcss.com/docs/invert
        */
       invert: [{
-        invert: [m]
+        invert: [g]
       }],
       /**
        * Saturate
@@ -1795,7 +1795,7 @@ const h = (e) => {
        * @see https://tailwindcss.com/docs/backdrop-invert
        */
       "backdrop-invert": [{
-        "backdrop-invert": [m]
+        "backdrop-invert": [g]
       }],
       /**
        * Backdrop Opacity
@@ -1938,14 +1938,14 @@ const h = (e) => {
        * @see https://tailwindcss.com/docs/translate
        */
       "translate-x": [{
-        "translate-x": [_]
+        "translate-x": [S]
       }],
       /**
        * Translate Y
        * @see https://tailwindcss.com/docs/translate
        */
       "translate-y": [{
-        "translate-y": [_]
+        "translate-y": [S]
       }],
       /**
        * Skew X
@@ -2302,7 +2302,7 @@ const h = (e) => {
   };
 }, ot = /* @__PURE__ */ Be(nt);
 function x(...e) {
-  return ot(ge(e));
+  return ot(me(e));
 }
 const st = H(
   "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",
@@ -2341,7 +2341,7 @@ const st = H(
     ...u
   }, c) => {
     const p = r === "icon";
-    return /* @__PURE__ */ C(
+    return /* @__PURE__ */ _(
       "button",
       {
         ref: c,
@@ -2350,7 +2350,7 @@ const st = H(
         "aria-busy": s,
         ...u,
         children: [
-          s && /* @__PURE__ */ C(
+          s && /* @__PURE__ */ _(
             "svg",
             {
               className: "size-[18px] animate-spin",
@@ -2388,8 +2388,56 @@ const st = H(
   }
 );
 at.displayName = "Button";
-const it = H(
-  "inline-flex items-center justify-center h-6 font-sans text-sm font-normal leading-6 whitespace-nowrap",
+const it = H("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"
+  }
+}), lt = {
+  h1: "h1",
+  h2: "h2",
+  h3: "h3",
+  h4: "h4",
+  h5: "h5",
+  h6: "h6",
+  body: "p",
+  bodySm: "p",
+  caption: "span"
+}, C = E(
+  ({ className: e, variant: t = "body", weight: r, as: n, children: s, ...o }, i) => {
+    const a = n ?? lt[t ?? "body"];
+    return Ne(
+      a,
+      {
+        ref: i,
+        className: x(it({ variant: t, weight: r }), e),
+        ...o
+      },
+      s
+    );
+  }
+);
+C.displayName = "Text";
+const ct = H(
+  "inline-flex items-center justify-center h-6 whitespace-nowrap",
   {
     variants: {
       variant: {
@@ -2418,95 +2466,58 @@ const it = H(
       status: "default"
     }
   }
-), lt = {
+), dt = {
   default: "bg-agilys-primary",
   success: "bg-success-60",
   alert: "bg-warning-accent",
   error: "bg-danger-60"
-}, ct = E(
-  ({ className: e, variant: t = "filled", status: r = "default", children: n, ...s }, o) => /* @__PURE__ */ C(
+}, ut = E(
+  ({ className: e, variant: t = "filled", status: r = "default", children: n, ...s }, o) => /* @__PURE__ */ _(
     "span",
     {
       ref: o,
-      className: x(it({ variant: t, status: r }), e),
+      className: x(ct({ variant: t, status: r }), e),
       ...s,
       children: [
         t === "dot" && /* @__PURE__ */ l(
           "span",
           {
-            className: x("size-2 shrink-0 rounded-full", lt[r ?? "default"]),
+            className: x("size-2 shrink-0 rounded-full", dt[r ?? "default"]),
             "aria-hidden": "true"
           }
         ),
-        n
+        /* @__PURE__ */ l(C, { as: "span", variant: "body", className: "text-inherit", children: n })
       ]
     }
   )
 );
-ct.displayName = "Badge";
-const dt = H("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"
-  }
-}), ut = {
-  h1: "h1",
-  h2: "h2",
-  h3: "h3",
-  h4: "h4",
-  h5: "h5",
-  h6: "h6",
-  body: "p",
-  bodySm: "p",
-  caption: "span"
-}, S = E(
-  ({ className: e, variant: t = "body", weight: r, as: n, children: s, ...o }, i) => {
-    const a = n ?? ut[t ?? "body"];
-    return Ne(
-      a,
-      {
-        ref: i,
-        className: x(dt({ variant: t, weight: r }), e),
-        ...o
-      },
-      s
-    );
-  }
-);
-S.displayName = "Typography";
+ut.displayName = "Badge";
 function pt(e, t) {
-  return t.split(".").reduce((r, n) => r == null ? void 0 : r[n], e);
+  return t.split(".").reduce(
+    (r, n) => r == null ? void 0 : r[n],
+    e
+  );
 }
-function ft(e, t) {
+function bt(e, t) {
   if (t.callback) return t.callback(e);
   if (!t.key) return null;
   const r = pt(e, t.key);
-  return r == null || r === "" ? null : /* @__PURE__ */ l(S, { as: "span", variant: "body", className: "truncate text-neutral-text-primary", children: r });
+  return r == null || r === "" ? null : /* @__PURE__ */ l(
+    C,
+    {
+      as: "span",
+      variant: "body",
+      className: "truncate text-neutral-text-primary",
+      children: r
+    }
+  );
 }
 const we = {
   left: "text-left justify-start",
   center: "text-center justify-center",
   right: "text-right justify-end"
 }, D = E(
-  ({ className: e, ...t }, r) => /* @__PURE__ */ C("span", { className: "relative inline-flex size-5 shrink-0 items-center justify-center", children: [
+  ({ className: e, ...t }, r) => /* @__PURE__ */ _("span", { className: "relative inline-flex size-5 shrink-0 items-center justify-center", children: [
     /* @__PURE__ */ l(
       "input",
       {
@@ -2541,7 +2552,7 @@ const we = {
   ] })
 );
 D.displayName = "TableCheckbox";
-function bt({ className: e }) {
+function ft({ className: e }) {
   return /* @__PURE__ */ l(
     "svg",
     {
@@ -2567,9 +2578,12 @@ const ee = E(
     "th",
     {
       ref: a,
-      className: x("border-b border-neutral-divider-secondary px-5 py-2", e),
+      className: x(
+        "border-b border-neutral-divider-secondary px-5 py-2",
+        e
+      ),
       ...i,
-      children: /* @__PURE__ */ C(
+      children: /* @__PURE__ */ _(
         "span",
         {
           className: x(
@@ -2580,7 +2594,7 @@ const ee = E(
           onClick: r ? s : void 0,
           children: [
             /* @__PURE__ */ l(
-              S,
+              C,
               {
                 as: "span",
                 variant: "bodySm",
@@ -2589,7 +2603,7 @@ const ee = E(
                 children: o
               }
             ),
-            r && /* @__PURE__ */ l(bt, { className: x(n && "text-agilys-primary") })
+            r && /* @__PURE__ */ l(ft, { className: x(n && "text-agilys-primary") })
           ]
         }
       )
@@ -2607,12 +2621,21 @@ function ue({
     "td",
     {
       onClick: n,
-      className: x("border-b border-neutral-divider-secondary px-5 py-3", t),
-      children: /* @__PURE__ */ l("span", { className: x("flex items-center gap-2", we[e ?? "left"]), children: r })
+      className: x(
+        "border-b border-neutral-divider-secondary px-5 py-3",
+        t
+      ),
+      children: /* @__PURE__ */ l(
+        C,
+        {
+          className: x("flex items-center gap-2", we[e ?? "left"]),
+          children: r
+        }
+      )
     }
   );
 }
-function gt(e, t, r) {
+function mt(e, t, r) {
   if (typeof r == "function") return r(e);
   const n = e;
   return r ? n[r] ?? t : n.id ?? t;
@@ -2629,18 +2652,18 @@ function Mt({
   onSelectionChange: u,
   sortKey: c,
   sortDirection: p,
-  onSortChange: m,
-  onRowClick: b,
+  onSortChange: g,
+  onRowClick: f,
   shadow: z = !1,
   border: k = !0,
-  className: g,
-  ...f
+  className: m,
+  ...b
 }) {
-  const v = e.length + (i ? 1 : 0), N = a ?? [], M = t.map((w, _) => gt(w, _, r)), j = M.length > 0 && M.every((w) => N.includes(w)), L = () => {
+  const v = e.length + (i ? 1 : 0), N = a ?? [], M = t.map((w, S) => mt(w, S, r)), j = M.length > 0 && M.every((w) => N.includes(w)), L = () => {
     u && u(j ? [] : M);
   }, q = (w) => {
     u && u(
-      N.includes(w) ? N.filter((_) => _ !== w) : [...N, w]
+      N.includes(w) ? N.filter((S) => S !== w) : [...N, w]
     );
   };
   return /* @__PURE__ */ l(
@@ -2651,59 +2674,110 @@ function Mt({
         k && "border border-neutral-divider-secondary",
         z && "shadow-[0px_0px_2px_0px_rgba(66,74,98,0.04),0px_3px_8px_0px_rgba(66,74,98,0.09)]"
       ),
-      children: /* @__PURE__ */ C("table", { className: x("w-full border-collapse font-sans", g), ...f, children: [
-        /* @__PURE__ */ l("thead", { children: /* @__PURE__ */ C("tr", { children: [
-          i && /* @__PURE__ */ l(ee, { align: "center", className: "w-11", children: /* @__PURE__ */ l(D, { checked: j, onChange: L, "aria-label": "Selecionar todas as linhas" }) }),
-          e.map((w, _) => /* @__PURE__ */ l(
-            ee,
-            {
-              align: w.align,
-              sortable: !!w.key && !!m,
-              sorted: w.key && c === w.key ? p : !1,
-              onSort: () => w.key && (m == null ? void 0 : m(w.key)),
-              children: w.label
-            },
-            w.key ?? `column-${_}`
-          ))
-        ] }) }),
-        /* @__PURE__ */ l("tbody", { children: n ? /* @__PURE__ */ l("tr", { children: /* @__PURE__ */ l("td", { colSpan: v, className: "border-b border-neutral-divider-secondary bg-neutral-surface-lightest px-5 py-6", children: /* @__PURE__ */ l(S, { as: "p", variant: "body", className: "w-full text-center text-neutral-text-secondary", children: s }) }) }) : t.length === 0 ? /* @__PURE__ */ l("tr", { children: /* @__PURE__ */ l("td", { colSpan: v, className: "border-b border-neutral-divider-secondary bg-neutral-surface-lightest px-5 py-6", children: /* @__PURE__ */ l(S, { as: "p", variant: "body", className: "w-full text-center text-neutral-text-secondary", children: o }) }) }) : t.map((w, _) => {
-          const T = M[_];
-          return /* @__PURE__ */ C(
-            "tr",
-            {
-              onClick: b ? () => b(w) : void 0,
-              className: x(
-                _ % 2 === 0 ? "bg-neutral-surface-lightest" : "bg-white",
-                b && "cursor-pointer"
-              ),
-              children: [
-                i && /* @__PURE__ */ l(ue, { align: "center", onClick: (A) => A.stopPropagation(), children: /* @__PURE__ */ l(
-                  D,
+      children: /* @__PURE__ */ _(
+        "table",
+        {
+          className: x("w-full border-collapse font-sans", m),
+          ...b,
+          children: [
+            /* @__PURE__ */ l("thead", { children: /* @__PURE__ */ _("tr", { children: [
+              i && /* @__PURE__ */ l(ee, { align: "center", className: "w-11", children: /* @__PURE__ */ l(
+                D,
+                {
+                  checked: j,
+                  onChange: L,
+                  "aria-label": "Selecionar todas as linhas"
+                }
+              ) }),
+              e.map((w, S) => /* @__PURE__ */ l(
+                ee,
+                {
+                  align: w.align,
+                  sortable: !!w.key && !!g,
+                  sorted: w.key && c === w.key ? p : !1,
+                  onSort: () => w.key && (g == null ? void 0 : g(w.key)),
+                  children: w.label
+                },
+                w.key ?? `column-${S}`
+              ))
+            ] }) }),
+            /* @__PURE__ */ l("tbody", { children: n ? /* @__PURE__ */ l("tr", { children: /* @__PURE__ */ l(
+              "td",
+              {
+                colSpan: v,
+                className: "border-b border-neutral-divider-secondary bg-neutral-surface-lightest px-5 py-6",
+                children: /* @__PURE__ */ l(
+                  C,
                   {
-                    checked: N.includes(T),
-                    onChange: () => q(T),
-                    "aria-label": "Selecionar linha"
+                    as: "p",
+                    variant: "body",
+                    className: "w-full text-center text-neutral-text-secondary",
+                    children: s
                   }
-                ) }),
-                e.map((A, P) => /* @__PURE__ */ l(
-                  ue,
+                )
+              }
+            ) }) : t.length === 0 ? /* @__PURE__ */ l("tr", { children: /* @__PURE__ */ l(
+              "td",
+              {
+                colSpan: v,
+                className: "border-b border-neutral-divider-secondary bg-neutral-surface-lightest px-5 py-6",
+                children: /* @__PURE__ */ l(
+                  C,
                   {
-                    align: A.align,
-                    className: A.className,
-                    children: ft(w, A)
-                  },
-                  A.key ?? `column-${P}`
-                ))
-              ]
-            },
-            T
-          );
-        }) })
-      ] })
+                    as: "p",
+                    variant: "body",
+                    className: "w-full text-center text-neutral-text-secondary",
+                    children: o
+                  }
+                )
+              }
+            ) }) : t.map((w, S) => {
+              const T = M[S];
+              return /* @__PURE__ */ _(
+                "tr",
+                {
+                  onClick: f ? () => f(w) : void 0,
+                  className: x(
+                    S % 2 === 0 ? "bg-neutral-surface-lightest" : "bg-white",
+                    f && "cursor-pointer"
+                  ),
+                  children: [
+                    i && /* @__PURE__ */ l(
+                      ue,
+                      {
+                        align: "center",
+                        onClick: (A) => A.stopPropagation(),
+                        children: /* @__PURE__ */ l(
+                          D,
+                          {
+                            checked: N.includes(T),
+                            onChange: () => q(T),
+                            "aria-label": "Selecionar linha"
+                          }
+                        )
+                      }
+                    ),
+                    e.map((A, P) => /* @__PURE__ */ l(
+                      ue,
+                      {
+                        align: A.align,
+                        className: A.className,
+                        children: bt(w, A)
+                      },
+                      A.key ?? `column-${P}`
+                    ))
+                  ]
+                },
+                T
+              );
+            }) })
+          ]
+        }
+      )
     }
   );
 }
-const mt = H(
+const gt = H(
   "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: {
@@ -2730,8 +2804,8 @@ const xt = {
 }, ke = E(
   ({ className: e, size: t, src: r, alt: n = "", name: s, ...o }, i) => {
     const a = t ?? "md";
-    return /* @__PURE__ */ l("span", { ref: i, className: x(mt({ size: t }), e), ...o, children: r ? /* @__PURE__ */ l("img", { src: r, alt: n, className: "size-full object-cover" }) : s && /* @__PURE__ */ l(
-      S,
+    return /* @__PURE__ */ l("span", { ref: i, className: x(gt({ size: t }), e), ...o, children: r ? /* @__PURE__ */ l("img", { src: r, alt: n, className: "size-full object-cover" }) : s && /* @__PURE__ */ l(
+      C,
       {
         as: "span",
         variant: xt[a],
@@ -2750,12 +2824,12 @@ function jt({
   size: n = "md",
   className: s
 }) {
-  return /* @__PURE__ */ C("div", { className: x("flex min-w-0 items-center gap-2", s), children: [
+  return /* @__PURE__ */ _("div", { className: x("flex min-w-0 items-center gap-2", s), children: [
     /* @__PURE__ */ l(ke, { src: e, name: t, size: n }),
-    /* @__PURE__ */ C("div", { className: "flex min-w-0 flex-col", children: [
-      /* @__PURE__ */ l(S, { as: "span", variant: "body", className: "truncate", children: t }),
+    /* @__PURE__ */ _("div", { className: "flex min-w-0 flex-col", children: [
+      /* @__PURE__ */ l(C, { as: "span", variant: "body", className: "truncate", children: t }),
       r && /* @__PURE__ */ l(
-        S,
+        C,
         {
           as: "span",
           variant: "bodySm",
@@ -2802,7 +2876,7 @@ const vt = E(
     const a = yt(e, t, n), u = (c) => {
       c < 1 || c > t || c === e || r(c);
     };
-    return /* @__PURE__ */ C(
+    return /* @__PURE__ */ _(
       "nav",
       {
         ref: i,
@@ -2826,7 +2900,7 @@ const vt = E(
               "span",
               {
                 className: "inline-flex size-9 shrink-0 items-center justify-center text-neutral-text-secondary",
-                children: /* @__PURE__ */ l(S, { as: "span", variant: "bodySm", className: "text-inherit", children: "…" })
+                children: /* @__PURE__ */ l(C, { as: "span", variant: "bodySm", className: "text-inherit", children: "…" })
               },
               `ellipsis-${p}`
             ) : /* @__PURE__ */ l(
@@ -2839,7 +2913,7 @@ const vt = E(
                   "inline-flex size-9 shrink-0 items-center justify-center rounded-lg transition-colors",
                   c === e ? "bg-neutral-surface-selected text-agilys-primary" : "text-neutral-text-secondary hover:bg-neutral-surface-lightest"
                 ),
-                children: /* @__PURE__ */ l(S, { as: "span", variant: "bodySm", weight: "medium", className: "text-inherit", children: c })
+                children: /* @__PURE__ */ l(C, { as: "span", variant: "bodySm", weight: "medium", className: "text-inherit", children: c })
               },
               c
             )
@@ -2887,17 +2961,10 @@ const wt = H(
     id: u,
     ...c
   }, p) => {
-    const m = fe(), b = u ?? m, z = typeof i == "string" ? i : i == null ? void 0 : i.message, k = !!z, g = `${b}-error`;
-    return /* @__PURE__ */ C("div", { className: x("flex w-full min-w-0 flex-col gap-1.5", t), children: [
-      r && /* @__PURE__ */ l(
-        "label",
-        {
-          htmlFor: b,
-          className: "font-sans text-sm font-normal leading-6 text-neutral-text-primary",
-          children: r
-        }
-      ),
-      /* @__PURE__ */ C(
+    const g = be(), f = u ?? g, z = typeof i == "string" ? i : i == null ? void 0 : i.message, k = !!z, m = `${f}-error`;
+    return /* @__PURE__ */ _("div", { className: x("flex w-full min-w-0 flex-col gap-1.5", t), children: [
+      r && /* @__PURE__ */ l(C, { as: "label", htmlFor: f, variant: "body", className: "text-neutral-text-primary", children: r }),
+      /* @__PURE__ */ _(
         "div",
         {
           className: x(
@@ -2917,10 +2984,10 @@ const wt = H(
               "input",
               {
                 ref: p,
-                id: b,
+                id: f,
                 disabled: a,
                 "aria-invalid": k || void 0,
-                "aria-describedby": k ? g : void 0,
+                "aria-describedby": k ? m : void 0,
                 className: x(
                   "w-full min-w-0 flex-1 bg-transparent font-sans text-base leading-6 text-neutral-text-primary placeholder:text-neutral-secondary focus:outline-none disabled:cursor-not-allowed",
                   e
@@ -2942,7 +3009,7 @@ const wt = H(
           ]
         }
       ),
-      k && /* @__PURE__ */ l("span", { id: g, role: "alert", className: "font-sans text-xs leading-normal text-danger-60", children: z })
+      k && /* @__PURE__ */ l(C, { as: "span", id: m, role: "alert", variant: "caption", className: "text-danger-60", children: z })
     ] });
   }
 );
@@ -2971,17 +3038,17 @@ const zt = E(
     contentClassName: u,
     ...c
   }, p) => {
-    const m = fe(), b = ze(null), [z, k] = Ce(!1);
+    const g = be(), f = ze(null), [z, k] = Ce(!1);
     return ae(() => k(!0), []), ae(() => {
       var v;
       if (!e) return;
-      const g = document.body.style.overflow;
-      document.body.style.overflow = "hidden", (v = b.current) == null || v.focus();
-      const f = (N) => {
+      const m = document.body.style.overflow;
+      document.body.style.overflow = "hidden", (v = f.current) == null || v.focus();
+      const b = (N) => {
         N.key === "Escape" && t();
       };
-      return document.addEventListener("keydown", f), () => {
-        document.body.style.overflow = g, document.removeEventListener("keydown", f);
+      return document.addEventListener("keydown", b), () => {
+        document.body.style.overflow = m, document.removeEventListener("keydown", b);
       };
     }, [e, t]), !e || !z ? null : _e(
       /* @__PURE__ */ l(
@@ -2989,14 +3056,14 @@ const zt = E(
         {
           className: "fixed inset-0 z-50 flex items-center justify-center overflow-y-auto bg-black/40 p-4",
           onClick: o ? t : void 0,
-          children: /* @__PURE__ */ C(
+          children: /* @__PURE__ */ _(
             "div",
             {
               ref: p,
               role: "dialog",
               "aria-modal": "true",
-              "aria-labelledby": r ? m : void 0,
-              onClick: (g) => g.stopPropagation(),
+              "aria-labelledby": r ? g : void 0,
+              onClick: (m) => m.stopPropagation(),
               className: x(
                 "relative flex w-full min-w-0 max-w-lg flex-col gap-6 rounded-xl bg-[#fcfcfc] p-6 shadow-[0px_0px_2px_0px_rgba(34,34,34,0.08)] sm:p-8",
                 a
@@ -3006,7 +3073,7 @@ const zt = E(
                 i && /* @__PURE__ */ l(
                   "button",
                   {
-                    ref: b,
+                    ref: f,
                     type: "button",
                     onClick: t,
                     "aria-label": "Fechar",
@@ -3015,10 +3082,10 @@ const zt = E(
                   }
                 ),
                 r && /* @__PURE__ */ l("div", { className: "pr-8", children: /* @__PURE__ */ l(
-                  S,
+                  C,
                   {
                     as: "h2",
-                    id: m,
+                    id: g,
                     variant: "h4",
                     weight: "medium",
                     className: "text-neutral-text-primary",
@@ -3049,7 +3116,7 @@ zt.displayName = "Modal";
 export {
   ke as Avatar,
   jt as AvatarColumn,
-  ct as Badge,
+  ut as Badge,
   at as Button,
   kt as Input,
   zt as Modal,
@@ -3058,12 +3125,12 @@ export {
   ue as TableCell,
   D as TableCheckbox,
   ee as TableHeadCell,
-  S as Typography,
-  mt as avatarVariants,
-  it as badgeVariants,
+  C as Text,
+  gt as avatarVariants,
+  ct as badgeVariants,
   st as buttonVariants,
   x as cn,
   wt as inputVariants,
-  dt as typographyVariants
+  it as textVariants
 };
 //# sourceMappingURL=agilys-design-system.js.map