@agilys-system/design-system 1.0.0 → 1.0.4

package/dist/agilys-design-system.js

@@ -1,102 +1,103 @@
-import { jsxs as S, jsx as l } from "react/jsx-runtime";
-import { forwardRef as E, createElement as we } from "react";
-function pe(e) {
-  var t, r, o = "";
-  if (typeof e == "string" || typeof e == "number") o += e;
+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 { createPortal as _e } from "react-dom";
+function be(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 = pe(e[t])) && (o && (o += " "), o += r);
-  } else for (r in e) e[r] && (o && (o += " "), o += r);
-  return o;
+    for (t = 0; t < s; t++) e[t] && (r = be(e[t])) && (n && (n += " "), n += r);
+  } else for (r in e) e[r] && (n && (n += " "), n += r);
+  return n;
 }
-function be() {
-  for (var e, t, r = 0, o = "", s = arguments.length; r < s; r++) (e = arguments[r]) && (t = pe(e)) && (o && (o += " "), o += t);
-  return o;
+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);
+  return n;
 }
-const ae = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, ie = be, Z = (e, t) => (r) => {
-  var o;
-  if ((t == null ? void 0 : t.variants) == null) return ie(e, r == null ? void 0 : r.class, r == null ? void 0 : r.className);
-  const { variants: s, defaultVariants: n } = t, i = Object.keys(s).map((c) => {
-    const p = r == null ? void 0 : r[c], m = n == null ? void 0 : n[c];
+const ie = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, le = ge, 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];
     if (p === null) return null;
-    const h = ae(p) || ae(m);
-    return s[c][h];
+    const b = ie(p) || ie(m);
+    return s[c][b];
   }), a = r && Object.entries(r).reduce((c, p) => {
-    let [m, h] = p;
-    return h === void 0 || (c[m] = h), c;
-  }, {}), u = t == null || (o = t.compoundVariants) === null || o === void 0 ? void 0 : o.reduce((c, p) => {
-    let { class: m, className: h, ...C } = p;
-    return Object.entries(C).every((N) => {
-      let [x, b] = N;
-      return Array.isArray(b) ? b.includes({
-        ...n,
+    let [m, b] = p;
+    return b === void 0 || (c[m] = b), c;
+  }, {}), u = t == null || (n = t.compoundVariants) === null || n === void 0 ? void 0 : n.reduce((c, p) => {
+    let { class: m, className: b, ...z } = p;
+    return Object.entries(z).every((k) => {
+      let [g, f] = k;
+      return Array.isArray(f) ? f.includes({
+        ...o,
         ...a
-      }[x]) : {
-        ...n,
+      }[g]) : {
+        ...o,
         ...a
-      }[x] === b;
+      }[g] === f;
     }) ? [
       ...c,
       m,
-      h
+      b
     ] : c;
   }, []);
-  return ie(e, i, u, r == null ? void 0 : r.class, r == null ? void 0 : r.className);
-}, te = "-", ke = (e) => {
-  const t = Ce(e), {
+  return le(e, i, u, r == null ? void 0 : r.class, r == null ? void 0 : r.className);
+}, te = "-", Se = (e) => {
+  const t = je(e), {
     conflictingClassGroups: r,
-    conflictingClassGroupModifiers: o
+    conflictingClassGroupModifiers: n
   } = e;
   return {
     getClassGroupId: (i) => {
       const a = i.split(te);
-      return a[0] === "" && a.length !== 1 && a.shift(), ge(a, t) || Ne(i);
+      return a[0] === "" && a.length !== 1 && a.shift(), me(a, t) || Me(i);
     },
     getConflictingClassGroupIds: (i, a) => {
       const u = r[i] || [];
-      return a && o[i] ? [...u, ...o[i]] : u;
+      return a && n[i] ? [...u, ...n[i]] : u;
     }
   };
-}, ge = (e, t) => {
+}, me = (e, t) => {
   var i;
   if (e.length === 0)
     return t.classGroupId;
-  const r = e[0], o = t.nextPart.get(r), s = o ? ge(e.slice(1), o) : void 0;
+  const r = e[0], n = t.nextPart.get(r), s = n ? me(e.slice(1), n) : void 0;
   if (s)
     return s;
   if (t.validators.length === 0)
     return;
-  const n = e.join(te);
+  const o = e.join(te);
   return (i = t.validators.find(({
     validator: a
-  }) => a(n))) == null ? void 0 : i.classGroupId;
-}, le = /^\[(.+)\]$/, Ne = (e) => {
-  if (le.test(e)) {
-    const t = le.exec(e)[1], r = t == null ? void 0 : t.substring(0, t.indexOf(":"));
+  }) => a(o))) == null ? void 0 : i.classGroupId;
+}, ce = /^\[(.+)\]$/, Me = (e) => {
+  if (ce.test(e)) {
+    const t = ce.exec(e)[1], r = t == null ? void 0 : t.substring(0, t.indexOf(":"));
     if (r)
       return "arbitrary.." + r;
   }
-}, Ce = (e) => {
+}, je = (e) => {
   const {
     theme: t,
     prefix: r
-  } = e, o = {
+  } = e, n = {
     nextPart: /* @__PURE__ */ new Map(),
     validators: []
   };
-  return Se(Object.entries(e.classGroups), r).forEach(([n, i]) => {
-    K(i, o, n, t);
-  }), o;
-}, K = (e, t, r, o) => {
+  return Ie(Object.entries(e.classGroups), r).forEach(([o, i]) => {
+    Y(i, n, o, t);
+  }), n;
+}, Y = (e, t, r, n) => {
   e.forEach((s) => {
     if (typeof s == "string") {
-      const n = s === "" ? t : ce(t, s);
-      n.classGroupId = r;
+      const o = s === "" ? t : de(t, s);
+      o.classGroupId = r;
       return;
     }
     if (typeof s == "function") {
-      if (ze(s)) {
-        K(s(o), t, r, o);
+      if (Ae(s)) {
+        Y(s(n), t, r, n);
         return;
       }
       t.validators.push({
@@ -105,22 +106,22 @@ const ae = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, ie = be, Z
       });
       return;
     }
-    Object.entries(s).forEach(([n, i]) => {
-      K(i, ce(t, n), r, o);
+    Object.entries(s).forEach(([o, i]) => {
+      Y(i, de(t, o), r, n);
     });
   });
-}, ce = (e, t) => {
+}, de = (e, t) => {
   let r = e;
-  return t.split(te).forEach((o) => {
-    r.nextPart.has(o) || r.nextPart.set(o, {
+  return t.split(te).forEach((n) => {
+    r.nextPart.has(n) || r.nextPart.set(n, {
       nextPart: /* @__PURE__ */ new Map(),
       validators: []
-    }), r = r.nextPart.get(o);
+    }), r = r.nextPart.get(n);
   }), r;
-}, ze = (e) => e.isThemeGetter, Se = (e, t) => t ? e.map(([r, o]) => {
-  const s = o.map((n) => typeof n == "string" ? t + n : typeof n == "object" ? Object.fromEntries(Object.entries(n).map(([i, a]) => [t + i, a])) : n);
+}, Ae = (e) => e.isThemeGetter, Ie = (e, t) => t ? e.map(([r, n]) => {
+  const s = n.map((o) => typeof o == "string" ? t + o : typeof o == "object" ? Object.fromEntries(Object.entries(o).map(([i, a]) => [t + i, a])) : o);
   return [r, s];
-}) : e, _e = (e) => {
+}) : e, Re = (e) => {
   if (e < 1)
     return {
       get: () => {
@@ -128,179 +129,179 @@ const ae = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, ie = be, Z
       set: () => {
       }
     };
-  let t = 0, r = /* @__PURE__ */ new Map(), o = /* @__PURE__ */ new Map();
-  const s = (n, i) => {
-    r.set(n, i), t++, t > e && (t = 0, o = r, r = /* @__PURE__ */ new Map());
+  let t = 0, r = /* @__PURE__ */ new Map(), n = /* @__PURE__ */ new Map();
+  const s = (o, i) => {
+    r.set(o, i), t++, t > e && (t = 0, n = r, r = /* @__PURE__ */ new Map());
   };
   return {
-    get(n) {
-      let i = r.get(n);
+    get(o) {
+      let i = r.get(o);
       if (i !== void 0)
         return i;
-      if ((i = o.get(n)) !== void 0)
-        return s(n, i), i;
+      if ((i = n.get(o)) !== void 0)
+        return s(o, i), i;
     },
-    set(n, i) {
-      r.has(n) ? r.set(n, i) : s(n, i);
+    set(o, i) {
+      r.has(o) ? r.set(o, i) : s(o, i);
     }
   };
-}, fe = "!", Ae = (e) => {
+}, he = "!", Ee = (e) => {
   const {
     separator: t,
     experimentalParseClassName: r
-  } = e, o = t.length === 1, s = t[0], n = t.length, i = (a) => {
+  } = e, n = t.length === 1, s = t[0], o = t.length, i = (a) => {
     const u = [];
     let c = 0, p = 0, m;
-    for (let b = 0; b < a.length; b++) {
-      let v = a[b];
+    for (let f = 0; f < a.length; f++) {
+      let v = a[f];
       if (c === 0) {
-        if (v === s && (o || a.slice(b, b + n) === t)) {
-          u.push(a.slice(p, b)), p = b + n;
+        if (v === s && (n || a.slice(f, f + o) === t)) {
+          u.push(a.slice(p, f)), p = f + o;
           continue;
         }
         if (v === "/") {
-          m = b;
+          m = f;
           continue;
         }
       }
       v === "[" ? c++ : v === "]" && c--;
     }
-    const h = u.length === 0 ? a : a.substring(p), C = h.startsWith(fe), N = C ? h.substring(1) : h, x = m && m > p ? m - p : void 0;
+    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;
     return {
       modifiers: u,
-      hasImportantModifier: C,
-      baseClassName: N,
-      maybePostfixModifierPosition: x
+      hasImportantModifier: z,
+      baseClassName: k,
+      maybePostfixModifierPosition: g
     };
   };
   return r ? (a) => r({
     className: a,
     parseClassName: i
   }) : i;
-}, je = (e) => {
+}, Ve = (e) => {
   if (e.length <= 1)
     return e;
   const t = [];
   let r = [];
-  return e.forEach((o) => {
-    o[0] === "[" ? (t.push(...r.sort(), o), r = []) : r.push(o);
+  return e.forEach((n) => {
+    n[0] === "[" ? (t.push(...r.sort(), n), r = []) : r.push(n);
   }), t.push(...r.sort()), t;
-}, Me = (e) => ({
-  cache: _e(e.cacheSize),
-  parseClassName: Ae(e),
-  ...ke(e)
-}), Ie = /\s+/, Re = (e, t) => {
+}, Ge = (e) => ({
+  cache: Re(e.cacheSize),
+  parseClassName: Ee(e),
+  ...Se(e)
+}), Te = /\s+/, Le = (e, t) => {
   const {
     parseClassName: r,
-    getClassGroupId: o,
+    getClassGroupId: n,
     getConflictingClassGroupIds: s
-  } = t, n = [], i = e.trim().split(Ie);
+  } = t, o = [], i = e.trim().split(Te);
   let a = "";
   for (let u = i.length - 1; u >= 0; u -= 1) {
     const c = i[u], {
       modifiers: p,
       hasImportantModifier: m,
-      baseClassName: h,
-      maybePostfixModifierPosition: C
+      baseClassName: b,
+      maybePostfixModifierPosition: z
     } = r(c);
-    let N = !!C, x = o(N ? h.substring(0, C) : h);
-    if (!x) {
-      if (!N) {
+    let k = !!z, g = n(k ? b.substring(0, z) : b);
+    if (!g) {
+      if (!k) {
         a = c + (a.length > 0 ? " " + a : a);
         continue;
       }
-      if (x = o(h), !x) {
+      if (g = n(b), !g) {
         a = c + (a.length > 0 ? " " + a : a);
         continue;
       }
-      N = !1;
+      k = !1;
     }
-    const b = je(p).join(":"), v = m ? b + fe : b, k = v + x;
-    if (n.includes(k))
+    const f = Ve(p).join(":"), v = m ? f + he : f, N = v + g;
+    if (o.includes(N))
       continue;
-    n.push(k);
-    const _ = s(x, N);
-    for (let A = 0; A < _.length; ++A) {
-      const L = _[A];
-      n.push(v + L);
+    o.push(N);
+    const M = s(g, k);
+    for (let j = 0; j < M.length; ++j) {
+      const L = M[j];
+      o.push(v + L);
     }
     a = c + (a.length > 0 ? " " + a : a);
   }
   return a;
 };
-function Ge() {
-  let e = 0, t, r, o = "";
+function We() {
+  let e = 0, t, r, n = "";
   for (; e < arguments.length; )
-    (t = arguments[e++]) && (r = me(t)) && (o && (o += " "), o += r);
-  return o;
+    (t = arguments[e++]) && (r = xe(t)) && (n && (n += " "), n += r);
+  return n;
 }
-const me = (e) => {
+const xe = (e) => {
   if (typeof e == "string")
     return e;
   let t, r = "";
-  for (let o = 0; o < e.length; o++)
-    e[o] && (t = me(e[o])) && (r && (r += " "), r += t);
+  for (let n = 0; n < e.length; n++)
+    e[n] && (t = xe(e[n])) && (r && (r += " "), r += t);
   return r;
 };
-function Ve(e, ...t) {
-  let r, o, s, n = i;
+function Be(e, ...t) {
+  let r, n, s, o = i;
   function i(u) {
     const c = t.reduce((p, m) => m(p), e());
-    return r = Me(c), o = r.cache.get, s = r.cache.set, n = a, a(u);
+    return r = Ge(c), n = r.cache.get, s = r.cache.set, o = a, a(u);
   }
   function a(u) {
-    const c = o(u);
+    const c = n(u);
     if (c)
       return c;
-    const p = Re(u, r);
+    const p = Le(u, r);
     return s(u, p), p;
   }
   return function() {
-    return n(Ge.apply(null, arguments));
+    return o(We.apply(null, arguments));
   };
 }
-const g = (e) => {
+const h = (e) => {
   const t = (r) => r[e] || [];
   return t.isThemeGetter = !0, t;
-}, he = /^\[(?:([a-z-]+):)?(.+)\]$/i, Te = /^\d+\/\d+$/, Ee = /* @__PURE__ */ new Set(["px", "full", "screen"]), Le = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, We = /\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$/, Be = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, Pe = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, $e = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, R = (e) => W(e) || Ee.has(e) || Te.test(e), G = (e) => B(e, "length", Ze), W = (e) => !!e && !Number.isNaN(Number(e)), Y = (e) => B(e, "number", W), O = (e) => !!e && Number.isInteger(Number(e)), Oe = (e) => e.endsWith("%") && W(e.slice(0, -1)), d = (e) => he.test(e), V = (e) => Le.test(e), Ue = /* @__PURE__ */ new Set(["length", "size", "percentage"]), Fe = (e) => B(e, Ue, xe), He = (e) => B(e, "position", xe), qe = /* @__PURE__ */ new Set(["image", "url"]), Je = (e) => B(e, qe, Ye), Xe = (e) => B(e, "", Qe), U = () => !0, B = (e, t, r) => {
-  const o = he.exec(e);
-  return o ? o[1] ? typeof t == "string" ? o[1] === t : t.has(o[1]) : r(o[2]) : !1;
-}, Ze = (e) => (
+}, ye = /^\[(?:([a-z-]+):)?(.+)\]$/i, Pe = /^\d+\/\d+$/, $e = /* @__PURE__ */ new Set(["px", "full", "screen"]), Oe = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, Ue = /\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$/, Fe = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, He = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, qe = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, R = (e) => W(e) || $e.has(e) || Pe.test(e), V = (e) => B(e, "length", et), W = (e) => !!e && !Number.isNaN(Number(e)), Q = (e) => B(e, "number", W), O = (e) => !!e && Number.isInteger(Number(e)), Je = (e) => e.endsWith("%") && W(e.slice(0, -1)), d = (e) => ye.test(e), G = (e) => Oe.test(e), Xe = /* @__PURE__ */ new Set(["length", "size", "percentage"]), Ze = (e) => B(e, Xe, ve), Ke = (e) => B(e, "position", ve), Qe = /* @__PURE__ */ new Set(["image", "url"]), Ye = (e) => B(e, Qe, rt), De = (e) => B(e, "", tt), U = () => !0, B = (e, t, r) => {
+  const n = ye.exec(e);
+  return n ? n[1] ? typeof t == "string" ? n[1] === t : t.has(n[1]) : r(n[2]) : !1;
+}, et = (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.
-  We.test(e) && !Be.test(e)
-), xe = () => !1, Qe = (e) => Pe.test(e), Ye = (e) => $e.test(e), Ke = () => {
-  const e = g("colors"), t = g("spacing"), r = g("blur"), o = g("brightness"), s = g("borderColor"), n = g("borderRadius"), i = g("borderSpacing"), a = g("borderWidth"), u = g("contrast"), c = g("grayscale"), p = g("hueRotate"), m = g("invert"), h = g("gap"), C = g("gradientColorStops"), N = g("gradientColorStopPositions"), x = g("inset"), b = g("margin"), v = g("opacity"), k = g("padding"), _ = g("saturate"), A = g("scale"), L = g("sepia"), H = g("skew"), y = g("space"), z = g("translate"), T = () => ["auto", "contain", "none"], j = () => ["auto", "hidden", "clip", "visible", "scroll"], P = () => ["auto", d, t], f = () => [d, t], re = () => ["", R, G], q = () => ["auto", W, d], oe = () => ["bottom", "center", "left", "left-bottom", "left-top", "right", "right-bottom", "right-top", "top"], J = () => ["solid", "dashed", "dotted", "double", "none"], ne = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], Q = () => ["start", "end", "center", "between", "around", "evenly", "stretch"], $ = () => ["", "0", d], se = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], I = () => [W, d];
+  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];
   return {
     cacheSize: 500,
     separator: ":",
     theme: {
       colors: [U],
-      spacing: [R, G],
-      blur: ["none", "", V, d],
+      spacing: [R, V],
+      blur: ["none", "", G, d],
       brightness: I(),
       borderColor: [e],
-      borderRadius: ["none", "", "full", V, d],
-      borderSpacing: f(),
+      borderRadius: ["none", "", "full", G, d],
+      borderSpacing: y(),
       borderWidth: re(),
       contrast: I(),
       grayscale: $(),
       hueRotate: I(),
       invert: $(),
-      gap: f(),
+      gap: y(),
       gradientColorStops: [e],
-      gradientColorStopPositions: [Oe, G],
+      gradientColorStopPositions: [Je, V],
       inset: P(),
       margin: P(),
       opacity: I(),
-      padding: f(),
+      padding: y(),
       saturate: I(),
       scale: I(),
       sepia: $(),
       skew: I(),
-      space: f(),
-      translate: f()
+      space: y(),
+      translate: y()
     },
     classGroups: {
       // Layout
@@ -321,7 +322,7 @@ const g = (e) => {
        * @see https://tailwindcss.com/docs/columns
        */
       columns: [{
-        columns: [V]
+        columns: [G]
       }],
       /**
        * Break After
@@ -394,28 +395,28 @@ const g = (e) => {
        * @see https://tailwindcss.com/docs/object-position
        */
       "object-position": [{
-        object: [...oe(), d]
+        object: [...ne(), d]
       }],
       /**
        * Overflow
        * @see https://tailwindcss.com/docs/overflow
        */
       overflow: [{
-        overflow: j()
+        overflow: A()
       }],
       /**
        * Overflow X
        * @see https://tailwindcss.com/docs/overflow
        */
       "overflow-x": [{
-        "overflow-x": j()
+        "overflow-x": A()
       }],
       /**
        * Overflow Y
        * @see https://tailwindcss.com/docs/overflow
        */
       "overflow-y": [{
-        "overflow-y": j()
+        "overflow-y": A()
       }],
       /**
        * Overscroll Behavior
@@ -448,63 +449,63 @@ const g = (e) => {
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       inset: [{
-        inset: [x]
+        inset: [g]
       }],
       /**
        * Right / Left
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       "inset-x": [{
-        "inset-x": [x]
+        "inset-x": [g]
       }],
       /**
        * Top / Bottom
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       "inset-y": [{
-        "inset-y": [x]
+        "inset-y": [g]
       }],
       /**
        * Start
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       start: [{
-        start: [x]
+        start: [g]
       }],
       /**
        * End
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       end: [{
-        end: [x]
+        end: [g]
       }],
       /**
        * Top
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       top: [{
-        top: [x]
+        top: [g]
       }],
       /**
        * Right
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       right: [{
-        right: [x]
+        right: [g]
       }],
       /**
        * Bottom
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       bottom: [{
-        bottom: [x]
+        bottom: [g]
       }],
       /**
        * Left
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       left: [{
-        left: [x]
+        left: [g]
       }],
       /**
        * Visibility
@@ -589,14 +590,14 @@ const g = (e) => {
        * @see https://tailwindcss.com/docs/grid-column
        */
       "col-start": [{
-        "col-start": q()
+        "col-start": J()
       }],
       /**
        * Grid Column End
        * @see https://tailwindcss.com/docs/grid-column
        */
       "col-end": [{
-        "col-end": q()
+        "col-end": J()
       }],
       /**
        * Grid Template Rows
@@ -619,14 +620,14 @@ const g = (e) => {
        * @see https://tailwindcss.com/docs/grid-row
        */
       "row-start": [{
-        "row-start": q()
+        "row-start": J()
       }],
       /**
        * Grid Row End
        * @see https://tailwindcss.com/docs/grid-row
        */
       "row-end": [{
-        "row-end": q()
+        "row-end": J()
       }],
       /**
        * Grid Auto Flow
@@ -654,28 +655,28 @@ const g = (e) => {
        * @see https://tailwindcss.com/docs/gap
        */
       gap: [{
-        gap: [h]
+        gap: [b]
       }],
       /**
        * Gap X
        * @see https://tailwindcss.com/docs/gap
        */
       "gap-x": [{
-        "gap-x": [h]
+        "gap-x": [b]
       }],
       /**
        * Gap Y
        * @see https://tailwindcss.com/docs/gap
        */
       "gap-y": [{
-        "gap-y": [h]
+        "gap-y": [b]
       }],
       /**
        * Justify Content
        * @see https://tailwindcss.com/docs/justify-content
        */
       "justify-content": [{
-        justify: ["normal", ...Q()]
+        justify: ["normal", ...K()]
       }],
       /**
        * Justify Items
@@ -696,7 +697,7 @@ const g = (e) => {
        * @see https://tailwindcss.com/docs/align-content
        */
       "align-content": [{
-        content: ["normal", ...Q(), "baseline"]
+        content: ["normal", ...K(), "baseline"]
       }],
       /**
        * Align Items
@@ -717,7 +718,7 @@ const g = (e) => {
        * @see https://tailwindcss.com/docs/place-content
        */
       "place-content": [{
-        "place-content": [...Q(), "baseline"]
+        "place-content": [...K(), "baseline"]
       }],
       /**
        * Place Items
@@ -739,133 +740,133 @@ const g = (e) => {
        * @see https://tailwindcss.com/docs/padding
        */
       p: [{
-        p: [k]
+        p: [N]
       }],
       /**
        * Padding X
        * @see https://tailwindcss.com/docs/padding
        */
       px: [{
-        px: [k]
+        px: [N]
       }],
       /**
        * Padding Y
        * @see https://tailwindcss.com/docs/padding
        */
       py: [{
-        py: [k]
+        py: [N]
       }],
       /**
        * Padding Start
        * @see https://tailwindcss.com/docs/padding
        */
       ps: [{
-        ps: [k]
+        ps: [N]
       }],
       /**
        * Padding End
        * @see https://tailwindcss.com/docs/padding
        */
       pe: [{
-        pe: [k]
+        pe: [N]
       }],
       /**
        * Padding Top
        * @see https://tailwindcss.com/docs/padding
        */
       pt: [{
-        pt: [k]
+        pt: [N]
       }],
       /**
        * Padding Right
        * @see https://tailwindcss.com/docs/padding
        */
       pr: [{
-        pr: [k]
+        pr: [N]
       }],
       /**
        * Padding Bottom
        * @see https://tailwindcss.com/docs/padding
        */
       pb: [{
-        pb: [k]
+        pb: [N]
       }],
       /**
        * Padding Left
        * @see https://tailwindcss.com/docs/padding
        */
       pl: [{
-        pl: [k]
+        pl: [N]
       }],
       /**
        * Margin
        * @see https://tailwindcss.com/docs/margin
        */
       m: [{
-        m: [b]
+        m: [f]
       }],
       /**
        * Margin X
        * @see https://tailwindcss.com/docs/margin
        */
       mx: [{
-        mx: [b]
+        mx: [f]
       }],
       /**
        * Margin Y
        * @see https://tailwindcss.com/docs/margin
        */
       my: [{
-        my: [b]
+        my: [f]
       }],
       /**
        * Margin Start
        * @see https://tailwindcss.com/docs/margin
        */
       ms: [{
-        ms: [b]
+        ms: [f]
       }],
       /**
        * Margin End
        * @see https://tailwindcss.com/docs/margin
        */
       me: [{
-        me: [b]
+        me: [f]
       }],
       /**
        * Margin Top
        * @see https://tailwindcss.com/docs/margin
        */
       mt: [{
-        mt: [b]
+        mt: [f]
       }],
       /**
        * Margin Right
        * @see https://tailwindcss.com/docs/margin
        */
       mr: [{
-        mr: [b]
+        mr: [f]
       }],
       /**
        * Margin Bottom
        * @see https://tailwindcss.com/docs/margin
        */
       mb: [{
-        mb: [b]
+        mb: [f]
       }],
       /**
        * Margin Left
        * @see https://tailwindcss.com/docs/margin
        */
       ml: [{
-        ml: [b]
+        ml: [f]
       }],
       /**
        * Space Between X
        * @see https://tailwindcss.com/docs/space
        */
       "space-x": [{
-        "space-x": [y]
+        "space-x": [w]
       }],
       /**
        * Space Between X Reverse
@@ -877,7 +878,7 @@ const g = (e) => {
        * @see https://tailwindcss.com/docs/space
        */
       "space-y": [{
-        "space-y": [y]
+        "space-y": [w]
       }],
       /**
        * Space Between Y Reverse
@@ -905,8 +906,8 @@ const g = (e) => {
        */
       "max-w": [{
         "max-w": [d, t, "none", "full", "min", "max", "fit", "prose", {
-          screen: [V]
-        }, V]
+          screen: [G]
+        }, G]
       }],
       /**
        * Height
@@ -942,7 +943,7 @@ const g = (e) => {
        * @see https://tailwindcss.com/docs/font-size
        */
       "font-size": [{
-        text: ["base", V, G]
+        text: ["base", G, V]
       }],
       /**
        * Font Smoothing
@@ -959,7 +960,7 @@ const g = (e) => {
        * @see https://tailwindcss.com/docs/font-weight
        */
       "font-weight": [{
-        font: ["thin", "extralight", "light", "normal", "medium", "semibold", "bold", "extrabold", "black", Y]
+        font: ["thin", "extralight", "light", "normal", "medium", "semibold", "bold", "extrabold", "black", Q]
       }],
       /**
        * Font Family
@@ -1010,7 +1011,7 @@ const g = (e) => {
        * @see https://tailwindcss.com/docs/line-clamp
        */
       "line-clamp": [{
-        "line-clamp": ["none", W, Y]
+        "line-clamp": ["none", W, Q]
       }],
       /**
        * Line Height
@@ -1086,14 +1087,14 @@ const g = (e) => {
        * @see https://tailwindcss.com/docs/text-decoration-style
        */
       "text-decoration-style": [{
-        decoration: [...J(), "wavy"]
+        decoration: [...X(), "wavy"]
       }],
       /**
        * Text Decoration Thickness
        * @see https://tailwindcss.com/docs/text-decoration-thickness
        */
       "text-decoration-thickness": [{
-        decoration: ["auto", "from-font", R, G]
+        decoration: ["auto", "from-font", R, V]
       }],
       /**
        * Text Underline Offset
@@ -1131,7 +1132,7 @@ const g = (e) => {
        * @see https://tailwindcss.com/docs/text-indent
        */
       indent: [{
-        indent: f()
+        indent: y()
       }],
       /**
        * Vertical Alignment
@@ -1203,7 +1204,7 @@ const g = (e) => {
        * @see https://tailwindcss.com/docs/background-position
        */
       "bg-position": [{
-        bg: [...oe(), He]
+        bg: [...ne(), Ke]
       }],
       /**
        * Background Repeat
@@ -1219,7 +1220,7 @@ const g = (e) => {
        * @see https://tailwindcss.com/docs/background-size
        */
       "bg-size": [{
-        bg: ["auto", "cover", "contain", Fe]
+        bg: ["auto", "cover", "contain", Ze]
       }],
       /**
        * Background Image
@@ -1228,7 +1229,7 @@ const g = (e) => {
       "bg-image": [{
         bg: ["none", {
           "gradient-to": ["t", "tr", "r", "br", "b", "bl", "l", "tl"]
-        }, Je]
+        }, Ye]
       }],
       /**
        * Background Color
@@ -1242,42 +1243,42 @@ const g = (e) => {
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-from-pos": [{
-        from: [N]
+        from: [k]
       }],
       /**
        * Gradient Color Stops Via Position
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-via-pos": [{
-        via: [N]
+        via: [k]
       }],
       /**
        * Gradient Color Stops To Position
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-to-pos": [{
-        to: [N]
+        to: [k]
       }],
       /**
        * Gradient Color Stops From
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-from": [{
-        from: [C]
+        from: [z]
       }],
       /**
        * Gradient Color Stops Via
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-via": [{
-        via: [C]
+        via: [z]
       }],
       /**
        * Gradient Color Stops To
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-to": [{
-        to: [C]
+        to: [z]
       }],
       // Borders
       /**
@@ -1285,105 +1286,105 @@ const g = (e) => {
        * @see https://tailwindcss.com/docs/border-radius
        */
       rounded: [{
-        rounded: [n]
+        rounded: [o]
       }],
       /**
        * Border Radius Start
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-s": [{
-        "rounded-s": [n]
+        "rounded-s": [o]
       }],
       /**
        * Border Radius End
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-e": [{
-        "rounded-e": [n]
+        "rounded-e": [o]
       }],
       /**
        * Border Radius Top
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-t": [{
-        "rounded-t": [n]
+        "rounded-t": [o]
       }],
       /**
        * Border Radius Right
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-r": [{
-        "rounded-r": [n]
+        "rounded-r": [o]
       }],
       /**
        * Border Radius Bottom
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-b": [{
-        "rounded-b": [n]
+        "rounded-b": [o]
       }],
       /**
        * Border Radius Left
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-l": [{
-        "rounded-l": [n]
+        "rounded-l": [o]
       }],
       /**
        * Border Radius Start Start
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-ss": [{
-        "rounded-ss": [n]
+        "rounded-ss": [o]
       }],
       /**
        * Border Radius Start End
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-se": [{
-        "rounded-se": [n]
+        "rounded-se": [o]
       }],
       /**
        * Border Radius End End
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-ee": [{
-        "rounded-ee": [n]
+        "rounded-ee": [o]
       }],
       /**
        * Border Radius End Start
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-es": [{
-        "rounded-es": [n]
+        "rounded-es": [o]
       }],
       /**
        * Border Radius Top Left
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-tl": [{
-        "rounded-tl": [n]
+        "rounded-tl": [o]
       }],
       /**
        * Border Radius Top Right
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-tr": [{
-        "rounded-tr": [n]
+        "rounded-tr": [o]
       }],
       /**
        * Border Radius Bottom Right
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-br": [{
-        "rounded-br": [n]
+        "rounded-br": [o]
       }],
       /**
        * Border Radius Bottom Left
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-bl": [{
-        "rounded-bl": [n]
+        "rounded-bl": [o]
       }],
       /**
        * Border Width
@@ -1460,7 +1461,7 @@ const g = (e) => {
        * @see https://tailwindcss.com/docs/border-style
        */
       "border-style": [{
-        border: [...J(), "hidden"]
+        border: [...X(), "hidden"]
       }],
       /**
        * Divide Width X
@@ -1498,7 +1499,7 @@ const g = (e) => {
        * @see https://tailwindcss.com/docs/divide-style
        */
       "divide-style": [{
-        divide: J()
+        divide: X()
       }],
       /**
        * Border Color
@@ -1575,7 +1576,7 @@ const g = (e) => {
        * @see https://tailwindcss.com/docs/outline-style
        */
       "outline-style": [{
-        outline: ["", ...J()]
+        outline: ["", ...X()]
       }],
       /**
        * Outline Offset
@@ -1589,7 +1590,7 @@ const g = (e) => {
        * @see https://tailwindcss.com/docs/outline-width
        */
       "outline-w": [{
-        outline: [R, G]
+        outline: [R, V]
       }],
       /**
        * Outline Color
@@ -1629,7 +1630,7 @@ const g = (e) => {
        * @see https://tailwindcss.com/docs/ring-offset-width
        */
       "ring-offset-w": [{
-        "ring-offset": [R, G]
+        "ring-offset": [R, V]
       }],
       /**
        * Ring Offset Color
@@ -1644,7 +1645,7 @@ const g = (e) => {
        * @see https://tailwindcss.com/docs/box-shadow
        */
       shadow: [{
-        shadow: ["", "inner", "none", V, Xe]
+        shadow: ["", "inner", "none", G, De]
       }],
       /**
        * Box Shadow Color
@@ -1665,14 +1666,14 @@ const g = (e) => {
        * @see https://tailwindcss.com/docs/mix-blend-mode
        */
       "mix-blend": [{
-        "mix-blend": [...ne(), "plus-lighter", "plus-darker"]
+        "mix-blend": [...oe(), "plus-lighter", "plus-darker"]
       }],
       /**
        * Background Blend Mode
        * @see https://tailwindcss.com/docs/background-blend-mode
        */
       "bg-blend": [{
-        "bg-blend": ne()
+        "bg-blend": oe()
       }],
       // Filters
       /**
@@ -1695,7 +1696,7 @@ const g = (e) => {
        * @see https://tailwindcss.com/docs/brightness
        */
       brightness: [{
-        brightness: [o]
+        brightness: [n]
       }],
       /**
        * Contrast
@@ -1709,7 +1710,7 @@ const g = (e) => {
        * @see https://tailwindcss.com/docs/drop-shadow
        */
       "drop-shadow": [{
-        "drop-shadow": ["", "none", V, d]
+        "drop-shadow": ["", "none", G, d]
       }],
       /**
        * Grayscale
@@ -1737,7 +1738,7 @@ const g = (e) => {
        * @see https://tailwindcss.com/docs/saturate
        */
       saturate: [{
-        saturate: [_]
+        saturate: [M]
       }],
       /**
        * Sepia
@@ -1766,7 +1767,7 @@ const g = (e) => {
        * @see https://tailwindcss.com/docs/backdrop-brightness
        */
       "backdrop-brightness": [{
-        "backdrop-brightness": [o]
+        "backdrop-brightness": [n]
       }],
       /**
        * Backdrop Contrast
@@ -1808,7 +1809,7 @@ const g = (e) => {
        * @see https://tailwindcss.com/docs/backdrop-saturate
        */
       "backdrop-saturate": [{
-        "backdrop-saturate": [_]
+        "backdrop-saturate": [M]
       }],
       /**
        * Backdrop Sepia
@@ -1909,21 +1910,21 @@ const g = (e) => {
        * @see https://tailwindcss.com/docs/scale
        */
       scale: [{
-        scale: [A]
+        scale: [j]
       }],
       /**
        * Scale X
        * @see https://tailwindcss.com/docs/scale
        */
       "scale-x": [{
-        "scale-x": [A]
+        "scale-x": [j]
       }],
       /**
        * Scale Y
        * @see https://tailwindcss.com/docs/scale
        */
       "scale-y": [{
-        "scale-y": [A]
+        "scale-y": [j]
       }],
       /**
        * Rotate
@@ -1937,28 +1938,28 @@ const g = (e) => {
        * @see https://tailwindcss.com/docs/translate
        */
       "translate-x": [{
-        "translate-x": [z]
+        "translate-x": [_]
       }],
       /**
        * Translate Y
        * @see https://tailwindcss.com/docs/translate
        */
       "translate-y": [{
-        "translate-y": [z]
+        "translate-y": [_]
       }],
       /**
        * Skew X
        * @see https://tailwindcss.com/docs/skew
        */
       "skew-x": [{
-        "skew-x": [H]
+        "skew-x": [q]
       }],
       /**
        * Skew Y
        * @see https://tailwindcss.com/docs/skew
        */
       "skew-y": [{
-        "skew-y": [H]
+        "skew-y": [q]
       }],
       /**
        * Transform Origin
@@ -2022,126 +2023,126 @@ const g = (e) => {
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-m": [{
-        "scroll-m": f()
+        "scroll-m": y()
       }],
       /**
        * Scroll Margin X
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mx": [{
-        "scroll-mx": f()
+        "scroll-mx": y()
       }],
       /**
        * Scroll Margin Y
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-my": [{
-        "scroll-my": f()
+        "scroll-my": y()
       }],
       /**
        * Scroll Margin Start
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-ms": [{
-        "scroll-ms": f()
+        "scroll-ms": y()
       }],
       /**
        * Scroll Margin End
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-me": [{
-        "scroll-me": f()
+        "scroll-me": y()
       }],
       /**
        * Scroll Margin Top
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mt": [{
-        "scroll-mt": f()
+        "scroll-mt": y()
       }],
       /**
        * Scroll Margin Right
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mr": [{
-        "scroll-mr": f()
+        "scroll-mr": y()
       }],
       /**
        * Scroll Margin Bottom
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mb": [{
-        "scroll-mb": f()
+        "scroll-mb": y()
       }],
       /**
        * Scroll Margin Left
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-ml": [{
-        "scroll-ml": f()
+        "scroll-ml": y()
       }],
       /**
        * Scroll Padding
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-p": [{
-        "scroll-p": f()
+        "scroll-p": y()
       }],
       /**
        * Scroll Padding X
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-px": [{
-        "scroll-px": f()
+        "scroll-px": y()
       }],
       /**
        * Scroll Padding Y
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-py": [{
-        "scroll-py": f()
+        "scroll-py": y()
       }],
       /**
        * Scroll Padding Start
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-ps": [{
-        "scroll-ps": f()
+        "scroll-ps": y()
       }],
       /**
        * Scroll Padding End
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pe": [{
-        "scroll-pe": f()
+        "scroll-pe": y()
       }],
       /**
        * Scroll Padding Top
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pt": [{
-        "scroll-pt": f()
+        "scroll-pt": y()
       }],
       /**
        * Scroll Padding Right
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pr": [{
-        "scroll-pr": f()
+        "scroll-pr": y()
       }],
       /**
        * Scroll Padding Bottom
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pb": [{
-        "scroll-pb": f()
+        "scroll-pb": y()
       }],
       /**
        * Scroll Padding Left
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pl": [{
-        "scroll-pl": f()
+        "scroll-pl": y()
       }],
       /**
        * Scroll Snap Align
@@ -2224,7 +2225,7 @@ const g = (e) => {
        * @see https://tailwindcss.com/docs/stroke-width
        */
       "stroke-w": [{
-        stroke: [R, G, Y]
+        stroke: [R, V, Q]
       }],
       /**
        * Stroke
@@ -2299,18 +2300,18 @@ const g = (e) => {
       "font-size": ["leading"]
     }
   };
-}, De = /* @__PURE__ */ Ve(Ke);
-function w(...e) {
-  return De(be(e));
+}, ot = /* @__PURE__ */ Be(nt);
+function x(...e) {
+  return ot(ge(e));
 }
-const et = Z(
+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",
   {
     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-60 text-white text-sm shadow-[0px_2px_6px_0px_rgba(243,22,22,0.16)] hover:bg-danger-60/90"
+        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"
       },
       size: {
         sm: "h-9 px-3 text-sm",
@@ -2327,29 +2328,29 @@ const et = Z(
       size: "md"
     }
   }
-), tt = E(
+), at = E(
   ({
     className: e,
     variant: t,
     size: r,
-    fullWidth: o,
+    fullWidth: n,
     isLoading: s = !1,
-    leftIcon: n,
+    leftIcon: o,
     disabled: i,
     children: a,
     ...u
   }, c) => {
     const p = r === "icon";
-    return /* @__PURE__ */ S(
+    return /* @__PURE__ */ C(
       "button",
       {
         ref: c,
-        className: w(et({ variant: t, size: r, fullWidth: o }), e),
+        className: x(st({ variant: t, size: r, fullWidth: n }), e),
         disabled: i || s,
         "aria-busy": s,
         ...u,
         children: [
-          s && /* @__PURE__ */ S(
+          s && /* @__PURE__ */ C(
             "svg",
             {
               className: "size-[18px] animate-spin",
@@ -2379,15 +2380,15 @@ const et = Z(
               ]
             }
           ),
-          !s && n && /* @__PURE__ */ l("span", { className: "size-6 shrink-0 [&>svg]:size-full", "aria-hidden": "true", children: n }),
+          !s && o && /* @__PURE__ */ l("span", { className: "size-6 shrink-0 [&>svg]:size-full", "aria-hidden": "true", children: o }),
           p ? /* @__PURE__ */ l("span", { className: "size-5 shrink-0 [&>svg]:size-full", children: a }) : a
         ]
       }
     );
   }
 );
-tt.displayName = "Button";
-const rt = Z(
+at.displayName = "Button";
+const it = H(
   "inline-flex items-center justify-center h-6 font-sans text-sm font-normal leading-6 whitespace-nowrap",
   {
     variants: {
@@ -2417,33 +2418,33 @@ const rt = Z(
       status: "default"
     }
   }
-), ot = {
+), lt = {
   default: "bg-agilys-primary",
   success: "bg-success-60",
   alert: "bg-warning-accent",
   error: "bg-danger-60"
-}, nt = E(
-  ({ className: e, variant: t = "filled", status: r = "default", children: o, ...s }, n) => /* @__PURE__ */ S(
+}, ct = E(
+  ({ className: e, variant: t = "filled", status: r = "default", children: n, ...s }, o) => /* @__PURE__ */ C(
     "span",
     {
-      ref: n,
-      className: w(rt({ variant: t, status: r }), e),
+      ref: o,
+      className: x(it({ variant: t, status: r }), e),
       ...s,
       children: [
         t === "dot" && /* @__PURE__ */ l(
           "span",
           {
-            className: w("size-2 shrink-0 rounded-full", ot[r ?? "default"]),
+            className: x("size-2 shrink-0 rounded-full", lt[r ?? "default"]),
             "aria-hidden": "true"
           }
         ),
-        o
+        n
       ]
     }
   )
 );
-nt.displayName = "Badge";
-const st = Z("font-sans text-gray-900", {
+ct.displayName = "Badge";
+const dt = H("font-sans text-gray-900", {
   variants: {
     variant: {
       h1: "text-3xl leading-tight font-bold",
@@ -2466,7 +2467,7 @@ const st = Z("font-sans text-gray-900", {
   defaultVariants: {
     variant: "body"
   }
-}), at = {
+}), ut = {
   h1: "h1",
   h2: "h2",
   h3: "h3",
@@ -2476,42 +2477,42 @@ const st = Z("font-sans text-gray-900", {
   body: "p",
   bodySm: "p",
   caption: "span"
-}, M = E(
-  ({ className: e, variant: t = "body", weight: r, as: o, children: s, ...n }, i) => {
-    const a = o ?? at[t ?? "body"];
-    return we(
+}, 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: w(st({ variant: t, weight: r }), e),
-        ...n
+        className: x(dt({ variant: t, weight: r }), e),
+        ...o
       },
       s
     );
   }
 );
-M.displayName = "Typography";
-function it(e, t) {
-  return t.split(".").reduce((r, o) => r == null ? void 0 : r[o], e);
+S.displayName = "Typography";
+function pt(e, t) {
+  return t.split(".").reduce((r, n) => r == null ? void 0 : r[n], e);
 }
-function lt(e, t) {
+function ft(e, t) {
   if (t.callback) return t.callback(e);
   if (!t.key) return null;
-  const r = it(e, t.key);
-  return r == null || r === "" ? null : /* @__PURE__ */ l(M, { as: "span", variant: "body", className: "truncate text-neutral-text-primary", children: r });
+  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 });
 }
-const ye = {
+const we = {
   left: "text-left justify-start",
   center: "text-center justify-center",
   right: "text-right justify-end"
 }, D = E(
-  ({ className: e, ...t }, r) => /* @__PURE__ */ S("span", { className: "relative inline-flex size-5 shrink-0 items-center justify-center", children: [
+  ({ className: e, ...t }, r) => /* @__PURE__ */ C("span", { className: "relative inline-flex size-5 shrink-0 items-center justify-center", children: [
     /* @__PURE__ */ l(
       "input",
       {
         ref: r,
         type: "checkbox",
-        className: w(
+        className: x(
           "peer size-5 shrink-0 cursor-pointer appearance-none rounded border-2 border-neutral-divider-primary bg-white shadow-[0px_0px_2px_0px_rgba(66,74,98,0.09)] checked:border-agilys-primary checked:bg-agilys-primary disabled:cursor-not-allowed disabled:opacity-50",
           e
         ),
@@ -2540,11 +2541,11 @@ const ye = {
   ] })
 );
 D.displayName = "TableCheckbox";
-function ct({ className: e }) {
+function bt({ className: e }) {
   return /* @__PURE__ */ l(
     "svg",
     {
-      className: w("size-5 shrink-0", e),
+      className: x("size-5 shrink-0", e),
       viewBox: "0 0 24 24",
       fill: "none",
       "aria-hidden": "true",
@@ -2562,33 +2563,33 @@ function ct({ className: e }) {
   );
 }
 const ee = E(
-  ({ className: e, align: t = "left", sortable: r, sorted: o, onSort: s, children: n, ...i }, a) => /* @__PURE__ */ l(
+  ({ className: e, align: t = "left", sortable: r, sorted: n, onSort: s, children: o, ...i }, a) => /* @__PURE__ */ l(
     "th",
     {
       ref: a,
-      className: w("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__ */ S(
+      children: /* @__PURE__ */ C(
         "span",
         {
-          className: w(
+          className: x(
             "flex items-center gap-1.5",
-            ye[t ?? "left"],
+            we[t ?? "left"],
             r && "cursor-pointer select-none"
           ),
           onClick: r ? s : void 0,
           children: [
             /* @__PURE__ */ l(
-              M,
+              S,
               {
                 as: "span",
                 variant: "bodySm",
                 weight: "medium",
                 className: "flex-1 truncate text-neutral-text-secondary",
-                children: n
+                children: o
               }
             ),
-            r && /* @__PURE__ */ l(ct, { className: w(o && "text-agilys-primary") })
+            r && /* @__PURE__ */ l(bt, { className: x(n && "text-agilys-primary") })
           ]
         }
       )
@@ -2596,102 +2597,102 @@ const ee = E(
   )
 );
 ee.displayName = "TableHeadCell";
-function de({
+function ue({
   align: e = "left",
   className: t,
   children: r,
-  onClick: o
+  onClick: n
 }) {
   return /* @__PURE__ */ l(
     "td",
     {
-      onClick: o,
-      className: w("border-b border-neutral-divider-secondary px-5 py-3", t),
-      children: /* @__PURE__ */ l("span", { className: w("flex items-center gap-2", ye[e ?? "left"]), children: r })
+      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 })
     }
   );
 }
-function dt(e, t, r) {
+function gt(e, t, r) {
   if (typeof r == "function") return r(e);
-  const o = e;
-  return r ? o[r] ?? t : o.id ?? t;
+  const n = e;
+  return r ? n[r] ?? t : n.id ?? t;
 }
-function xt({
+function Mt({
   keys: e,
   data: t,
   rowKey: r,
-  loading: o,
+  loading: n,
   loadingMessage: s = "Carregando dados...",
-  emptyMessage: n = "Nenhum dado para ser exibido!",
+  emptyMessage: o = "Nenhum dado para ser exibido!",
   selectable: i,
   selectedRowKeys: a,
   onSelectionChange: u,
   sortKey: c,
   sortDirection: p,
   onSortChange: m,
-  onRowClick: h,
-  shadow: C = !1,
-  border: N = !0,
-  className: x,
-  ...b
+  onRowClick: b,
+  shadow: z = !1,
+  border: k = !0,
+  className: g,
+  ...f
 }) {
-  const v = e.length + (i ? 1 : 0), k = a ?? [], _ = t.map((y, z) => dt(y, z, r)), A = _.length > 0 && _.every((y) => k.includes(y)), L = () => {
-    u && u(A ? [] : _);
-  }, H = (y) => {
+  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 = () => {
+    u && u(j ? [] : M);
+  }, q = (w) => {
     u && u(
-      k.includes(y) ? k.filter((z) => z !== y) : [...k, y]
+      N.includes(w) ? N.filter((_) => _ !== w) : [...N, w]
     );
   };
   return /* @__PURE__ */ l(
     "div",
     {
-      className: w(
+      className: x(
         "w-full overflow-x-auto rounded-lg",
-        N && "border border-neutral-divider-secondary",
-        C && "shadow-[0px_0px_2px_0px_rgba(66,74,98,0.04),0px_3px_8px_0px_rgba(66,74,98,0.09)]"
+        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__ */ S("table", { className: w("w-full border-collapse font-sans", x), ...b, children: [
-        /* @__PURE__ */ l("thead", { children: /* @__PURE__ */ S("tr", { children: [
-          i && /* @__PURE__ */ l(ee, { align: "center", className: "w-11", children: /* @__PURE__ */ l(D, { checked: A, onChange: L, "aria-label": "Selecionar todas as linhas" }) }),
-          e.map((y, z) => /* @__PURE__ */ l(
+      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: y.align,
-              sortable: !!y.key && !!m,
-              sorted: y.key && c === y.key ? p : !1,
-              onSort: () => y.key && (m == null ? void 0 : m(y.key)),
-              children: y.label
+              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
             },
-            y.key ?? `column-${z}`
+            w.key ?? `column-${_}`
           ))
         ] }) }),
-        /* @__PURE__ */ l("tbody", { children: o ? /* @__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(M, { 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(M, { as: "p", variant: "body", className: "w-full text-center text-neutral-text-secondary", children: n }) }) }) : t.map((y, z) => {
-          const T = _[z];
-          return /* @__PURE__ */ 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(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: h ? () => h(y) : void 0,
-              className: w(
-                z % 2 === 0 ? "bg-neutral-surface-lightest" : "bg-white",
-                h && "cursor-pointer"
+              onClick: b ? () => b(w) : void 0,
+              className: x(
+                _ % 2 === 0 ? "bg-neutral-surface-lightest" : "bg-white",
+                b && "cursor-pointer"
               ),
               children: [
-                i && /* @__PURE__ */ l(de, { align: "center", onClick: (j) => j.stopPropagation(), children: /* @__PURE__ */ l(
+                i && /* @__PURE__ */ l(ue, { align: "center", onClick: (A) => A.stopPropagation(), children: /* @__PURE__ */ l(
                   D,
                   {
-                    checked: k.includes(T),
-                    onChange: () => H(T),
+                    checked: N.includes(T),
+                    onChange: () => q(T),
                     "aria-label": "Selecionar linha"
                   }
                 ) }),
-                e.map((j, P) => /* @__PURE__ */ l(
-                  de,
+                e.map((A, P) => /* @__PURE__ */ l(
+                  ue,
                   {
-                    align: j.align,
-                    className: j.className,
-                    children: lt(y, j)
+                    align: A.align,
+                    className: A.className,
+                    children: ft(w, A)
                   },
-                  j.key ?? `column-${P}`
+                  A.key ?? `column-${P}`
                 ))
               ]
             },
@@ -2702,7 +2703,7 @@ function xt({
     }
   );
 }
-const ut = Z(
+const mt = 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: {
@@ -2717,44 +2718,44 @@ const ut = Z(
     }
   }
 );
-function pt(e) {
-  var o;
-  const t = e.trim().split(/\s+/), r = t.length > 1 ? `${t[0][0]}${t[t.length - 1][0]}` : (o = t[0]) == null ? void 0 : o.slice(0, 2);
+function ht(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 bt = {
+const xt = {
   sm: "caption",
   md: "bodySm",
   lg: "body"
-}, ve = E(
-  ({ className: e, size: t, src: r, alt: o = "", name: s, ...n }, i) => {
+}, 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: w(ut({ size: t }), e), ...n, children: r ? /* @__PURE__ */ l("img", { src: r, alt: o, className: "size-full object-cover" }) : s && /* @__PURE__ */ l(
-      M,
+    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,
       {
         as: "span",
-        variant: bt[a],
+        variant: xt[a],
         weight: "medium",
         className: "text-inherit leading-none",
-        children: pt(s)
+        children: ht(s)
       }
     ) });
   }
 );
-ve.displayName = "Avatar";
-function yt({
+ke.displayName = "Avatar";
+function jt({
   src: e,
   name: t,
   description: r,
-  size: o = "md",
+  size: n = "md",
   className: s
 }) {
-  return /* @__PURE__ */ S("div", { className: w("flex min-w-0 items-center gap-2", s), children: [
-    /* @__PURE__ */ l(ve, { src: e, name: t, size: o }),
-    /* @__PURE__ */ S("div", { className: "flex min-w-0 flex-col", children: [
-      /* @__PURE__ */ l(M, { as: "span", variant: "body", className: "truncate", children: t }),
+  return /* @__PURE__ */ C("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 }),
       r && /* @__PURE__ */ l(
-        M,
+        S,
         {
           as: "span",
           variant: "bodySm",
@@ -2766,19 +2767,19 @@ function yt({
   ] });
 }
 const F = "ellipsis";
-function X(e, t) {
-  return Array.from({ length: t - e + 1 }, (r, o) => e + o);
+function Z(e, t) {
+  return Array.from({ length: t - e + 1 }, (r, n) => e + n);
 }
-function gt(e, t, r) {
-  if (r * 2 + 5 >= t) return X(1, t);
-  const s = Math.max(e - r, 1), n = Math.min(e + r, t), i = s > 2, a = n < t - 1;
-  return !i && a ? [...X(1, 3 + r * 2), F, t] : i && !a ? [1, F, ...X(t - (2 + r * 2), t)] : [1, F, ...X(s, n), F, t];
+function yt(e, t, r) {
+  if (r * 2 + 5 >= t) return Z(1, t);
+  const s = Math.max(e - r, 1), o = Math.min(e + r, t), i = s > 2, a = o < t - 1;
+  return !i && a ? [...Z(1, 3 + r * 2), F, t] : i && !a ? [1, F, ...Z(t - (2 + r * 2), t)] : [1, F, ...Z(s, o), F, t];
 }
-function ue({ direction: e, className: t }) {
+function pe({ direction: e, className: t }) {
   return /* @__PURE__ */ l(
     "svg",
     {
-      className: w("size-4", t),
+      className: x("size-4", t),
       viewBox: "0 0 24 24",
       fill: "none",
       "aria-hidden": "true",
@@ -2795,19 +2796,19 @@ function ue({ direction: e, className: t }) {
     }
   );
 }
-const ft = E(
-  ({ currentPage: e, totalPages: t, onPageChange: r, siblingCount: o = 1, className: s, ...n }, i) => {
+const vt = E(
+  ({ currentPage: e, totalPages: t, onPageChange: r, siblingCount: n = 1, className: s, ...o }, i) => {
     if (t <= 1) return null;
-    const a = gt(e, t, o), u = (c) => {
+    const a = yt(e, t, n), u = (c) => {
       c < 1 || c > t || c === e || r(c);
     };
-    return /* @__PURE__ */ S(
+    return /* @__PURE__ */ C(
       "nav",
       {
         ref: i,
         "aria-label": "Paginação",
-        className: w("flex items-center gap-1 font-sans", s),
-        ...n,
+        className: x("flex items-center gap-1 font-sans", s),
+        ...o,
         children: [
           /* @__PURE__ */ l(
             "button",
@@ -2817,7 +2818,7 @@ const ft = E(
               disabled: e === 1,
               onClick: () => u(e - 1),
               className: "inline-flex size-9 shrink-0 items-center justify-center rounded-lg text-neutral-text-secondary transition-colors hover:bg-neutral-surface-lightest disabled:pointer-events-none disabled:opacity-40",
-              children: /* @__PURE__ */ l(ue, { direction: "left" })
+              children: /* @__PURE__ */ l(pe, { direction: "left" })
             }
           ),
           a.map(
@@ -2825,7 +2826,7 @@ const ft = E(
               "span",
               {
                 className: "inline-flex size-9 shrink-0 items-center justify-center text-neutral-text-secondary",
-                children: /* @__PURE__ */ l(M, { as: "span", variant: "bodySm", className: "text-inherit", children: "…" })
+                children: /* @__PURE__ */ l(S, { as: "span", variant: "bodySm", className: "text-inherit", children: "…" })
               },
               `ellipsis-${p}`
             ) : /* @__PURE__ */ l(
@@ -2834,11 +2835,11 @@ const ft = E(
                 type: "button",
                 "aria-current": c === e ? "page" : void 0,
                 onClick: () => u(c),
-                className: w(
+                className: x(
                   "inline-flex size-9 shrink-0 items-center justify-center rounded-lg transition-colors",
-                  c === e ? "bg-agilys-primary text-white" : "text-neutral-text-secondary hover:bg-neutral-surface-lightest"
+                  c === e ? "bg-neutral-surface-selected text-agilys-primary" : "text-neutral-text-secondary hover:bg-neutral-surface-lightest"
                 ),
-                children: /* @__PURE__ */ l(M, { as: "span", variant: "bodySm", weight: "medium", className: "text-inherit", children: c })
+                children: /* @__PURE__ */ l(S, { as: "span", variant: "bodySm", weight: "medium", className: "text-inherit", children: c })
               },
               c
             )
@@ -2851,7 +2852,7 @@ const ft = E(
               disabled: e === t,
               onClick: () => u(e + 1),
               className: "inline-flex size-9 shrink-0 items-center justify-center rounded-lg text-neutral-text-secondary transition-colors hover:bg-neutral-surface-lightest disabled:pointer-events-none disabled:opacity-40",
-              children: /* @__PURE__ */ l(ue, { direction: "right" })
+              children: /* @__PURE__ */ l(pe, { direction: "right" })
             }
           )
         ]
@@ -2859,22 +2860,210 @@ const ft = E(
     );
   }
 );
-ft.displayName = "Pagination";
+vt.displayName = "Pagination";
+const wt = H(
+  "flex h-11 w-full min-w-0 items-center gap-2 rounded-lg bg-white px-3 shadow-[0px_4px_2px_0px_rgba(0,0,0,0.05)] transition-shadow focus-within:ring-2 focus-within:ring-agilys-primary",
+  {
+    variants: {
+      hasError: {
+        true: "ring-2 ring-danger-60 focus-within:ring-danger-60",
+        false: ""
+      }
+    },
+    defaultVariants: {
+      hasError: !1
+    }
+  }
+), kt = E(
+  ({
+    className: e,
+    containerClassName: t,
+    label: r,
+    leftIcon: n,
+    rightIcon: s,
+    bgIcon: o = !1,
+    error: i,
+    disabled: a,
+    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(
+        "div",
+        {
+          className: x(
+            wt({ hasError: k }),
+            a && "pointer-events-none opacity-50"
+          ),
+          children: [
+            n && /* @__PURE__ */ l(
+              "span",
+              {
+                className: "flex size-6 shrink-0 items-center justify-center text-neutral-secondary [&>svg]:size-full",
+                "aria-hidden": "true",
+                children: n
+              }
+            ),
+            /* @__PURE__ */ l(
+              "input",
+              {
+                ref: p,
+                id: b,
+                disabled: a,
+                "aria-invalid": k || void 0,
+                "aria-describedby": k ? g : 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
+                ),
+                ...c
+              }
+            ),
+            s && /* @__PURE__ */ l(
+              "span",
+              {
+                className: x(
+                  "flex size-6 shrink-0 items-center justify-center text-neutral-secondary [&>svg]:size-full",
+                  o && "rounded-md bg-lightGray p-1"
+                ),
+                "aria-hidden": "true",
+                children: s
+              }
+            )
+          ]
+        }
+      ),
+      k && /* @__PURE__ */ l("span", { id: g, role: "alert", className: "font-sans text-xs leading-normal text-danger-60", children: z })
+    ] });
+  }
+);
+kt.displayName = "Input";
+function Nt() {
+  return /* @__PURE__ */ l("svg", { className: "size-5", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ l(
+    "path",
+    {
+      d: "M18 6L6 18M6 6l12 12",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round"
+    }
+  ) });
+}
+const zt = E(
+  ({
+    open: e,
+    onClose: t,
+    title: r,
+    children: n,
+    footer: s,
+    closeOnBackdropClick: o = !0,
+    showCloseButton: i = !0,
+    className: a,
+    contentClassName: u,
+    ...c
+  }, p) => {
+    const m = fe(), b = 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) => {
+        N.key === "Escape" && t();
+      };
+      return document.addEventListener("keydown", f), () => {
+        document.body.style.overflow = g, document.removeEventListener("keydown", f);
+      };
+    }, [e, t]), !e || !z ? null : _e(
+      /* @__PURE__ */ l(
+        "div",
+        {
+          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(
+            "div",
+            {
+              ref: p,
+              role: "dialog",
+              "aria-modal": "true",
+              "aria-labelledby": r ? m : void 0,
+              onClick: (g) => g.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
+              ),
+              ...c,
+              children: [
+                i && /* @__PURE__ */ l(
+                  "button",
+                  {
+                    ref: b,
+                    type: "button",
+                    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__ */ l(Nt, {})
+                  }
+                ),
+                r && /* @__PURE__ */ l("div", { className: "pr-8", children: /* @__PURE__ */ l(
+                  S,
+                  {
+                    as: "h2",
+                    id: m,
+                    variant: "h4",
+                    weight: "medium",
+                    className: "text-neutral-text-primary",
+                    children: r
+                  }
+                ) }),
+                /* @__PURE__ */ l(
+                  "div",
+                  {
+                    className: x(
+                      "max-h-[70vh] min-w-0 overflow-y-auto overflow-x-hidden font-sans text-sm leading-relaxed text-neutral-text-secondary sm:text-base",
+                      u
+                    ),
+                    children: n
+                  }
+                ),
+                s && /* @__PURE__ */ l("div", { className: "flex flex-wrap items-center gap-2.5 pt-1", children: s })
+              ]
+            }
+          )
+        }
+      ),
+      document.body
+    );
+  }
+);
+zt.displayName = "Modal";
 export {
-  ve as Avatar,
-  yt as AvatarColumn,
-  nt as Badge,
-  tt as Button,
-  ft as Pagination,
-  xt as Table,
-  de as TableCell,
+  ke as Avatar,
+  jt as AvatarColumn,
+  ct as Badge,
+  at as Button,
+  kt as Input,
+  zt as Modal,
+  vt as Pagination,
+  Mt as Table,
+  ue as TableCell,
   D as TableCheckbox,
   ee as TableHeadCell,
-  M as Typography,
-  ut as avatarVariants,
-  rt as badgeVariants,
-  et as buttonVariants,
-  w as cn,
-  st as typographyVariants
+  S as Typography,
+  mt as avatarVariants,
+  it as badgeVariants,
+  st as buttonVariants,
+  x as cn,
+  wt as inputVariants,
+  dt as typographyVariants
 };
 //# sourceMappingURL=agilys-design-system.js.map