npm - @agilys-system/design-system - Versions diffs - 1.0.9 → 1.0.10 - Mend

@agilys-system/design-system 1.0.9 → 1.0.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (7) hide show

package/dist/agilys-design-system.cjs +1 -1
package/dist/agilys-design-system.cjs.map +1 -1
package/dist/agilys-design-system.js +888 -594
package/dist/agilys-design-system.js.map +1 -1
package/dist/index.d.ts +27 -0
package/dist/style.css +1 -1
package/package.json +2 -1

package/dist/agilys-design-system.js CHANGED Viewed

@@ -1,83 +1,83 @@
-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 fe(e) {
+import { jsxs as v, jsx as o } from "react/jsx-runtime";
+import W, { forwardRef as S, createElement as Ae, useId as xe, useRef as Ee, useState as Le, useEffect as ce } from "react";
+import { createPortal as Pe } from "react-dom";
+function ye(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 = fe(e[t])) && (n && (n += " "), n += r);
+    var a = e.length;
+    for (t = 0; t < a; t++) e[t] && (r = ye(e[t])) && (n && (n += " "), n += r);
   } else for (r in e) e[r] && (n && (n += " "), n += r);
   return n;
 }
-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);
+function ve() {
+  for (var e, t, r = 0, n = "", a = arguments.length; r < a; r++) (e = arguments[r]) && (t = ye(e)) && (n && (n += " "), n += t);
   return n;
 }
-const ie = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, le = me, H = (e, t) => (r) => {
+const de = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, ue = ve, T = (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], g = o == null ? void 0 : o[c];
+  if ((t == null ? void 0 : t.variants) == null) return ue(e, r == null ? void 0 : r.class, r == null ? void 0 : r.className);
+  const { variants: a, defaultVariants: s } = t, l = Object.keys(a).map((c) => {
+    const p = r == null ? void 0 : r[c], b = s == null ? void 0 : s[c];
     if (p === null) return null;
-    const f = ie(p) || ie(g);
-    return s[c][f];
-  }), a = r && Object.entries(r).reduce((c, p) => {
-    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: g, className: f, ...z } = p;
-    return Object.entries(z).every((k) => {
-      let [m, b] = k;
-      return Array.isArray(b) ? b.includes({
-        ...o,
-        ...a
-      }[m]) : {
-        ...o,
-        ...a
-      }[m] === b;
+    const f = de(p) || de(b);
+    return a[c][f];
+  }), i = r && Object.entries(r).reduce((c, p) => {
+    let [b, f] = p;
+    return f === void 0 || (c[b] = f), c;
+  }, {}), d = t == null || (n = t.compoundVariants) === null || n === void 0 ? void 0 : n.reduce((c, p) => {
+    let { class: b, className: f, ...j } = p;
+    return Object.entries(j).every((N) => {
+      let [g, m] = N;
+      return Array.isArray(m) ? m.includes({
+        ...s,
+        ...i
+      }[g]) : {
+        ...s,
+        ...i
+      }[g] === m;
     }) ? [
       ...c,
-      g,
+      b,
       f
     ] : c;
   }, []);
-  return le(e, i, u, r == null ? void 0 : r.class, r == null ? void 0 : r.className);
-}, te = "-", Se = (e) => {
-  const t = je(e), {
+  return ue(e, l, d, r == null ? void 0 : r.class, r == null ? void 0 : r.className);
+}, oe = "-", Ve = (e) => {
+  const t = Re(e), {
     conflictingClassGroups: r,
     conflictingClassGroupModifiers: n
   } = e;
   return {
-    getClassGroupId: (i) => {
-      const a = i.split(te);
-      return a[0] === "" && a.length !== 1 && a.shift(), ge(a, t) || Me(i);
+    getClassGroupId: (l) => {
+      const i = l.split(oe);
+      return i[0] === "" && i.length !== 1 && i.shift(), we(i, t) || We(l);
     },
-    getConflictingClassGroupIds: (i, a) => {
-      const u = r[i] || [];
-      return a && n[i] ? [...u, ...n[i]] : u;
+    getConflictingClassGroupIds: (l, i) => {
+      const d = r[l] || [];
+      return i && n[l] ? [...d, ...n[l]] : d;
     }
   };
-}, ge = (e, t) => {
-  var i;
+}, we = (e, t) => {
+  var l;
   if (e.length === 0)
     return t.classGroupId;
-  const r = e[0], n = t.nextPart.get(r), s = n ? ge(e.slice(1), n) : void 0;
-  if (s)
-    return s;
+  const r = e[0], n = t.nextPart.get(r), a = n ? we(e.slice(1), n) : void 0;
+  if (a)
+    return a;
   if (t.validators.length === 0)
     return;
-  const o = e.join(te);
-  return (i = t.validators.find(({
-    validator: a
-  }) => 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(":"));
+  const s = e.join(oe);
+  return (l = t.validators.find(({
+    validator: i
+  }) => i(s))) == null ? void 0 : l.classGroupId;
+}, pe = /^\[(.+)\]$/, We = (e) => {
+  if (pe.test(e)) {
+    const t = pe.exec(e)[1], r = t == null ? void 0 : t.substring(0, t.indexOf(":"));
     if (r)
       return "arbitrary.." + r;
   }
-}, je = (e) => {
+}, Re = (e) => {
   const {
     theme: t,
     prefix: r
@@ -85,43 +85,43 @@ const ie = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, le = me, H
     nextPart: /* @__PURE__ */ new Map(),
     validators: []
   };
-  return Ie(Object.entries(e.classGroups), r).forEach(([o, i]) => {
-    Y(i, n, o, t);
+  return Te(Object.entries(e.classGroups), r).forEach(([s, l]) => {
+    te(l, n, s, t);
   }), n;
-}, Y = (e, t, r, n) => {
-  e.forEach((s) => {
-    if (typeof s == "string") {
-      const o = s === "" ? t : de(t, s);
-      o.classGroupId = r;
+}, te = (e, t, r, n) => {
+  e.forEach((a) => {
+    if (typeof a == "string") {
+      const s = a === "" ? t : fe(t, a);
+      s.classGroupId = r;
       return;
     }
-    if (typeof s == "function") {
-      if (Ae(s)) {
-        Y(s(n), t, r, n);
+    if (typeof a == "function") {
+      if (Ge(a)) {
+        te(a(n), t, r, n);
         return;
       }
       t.validators.push({
-        validator: s,
+        validator: a,
         classGroupId: r
       });
       return;
     }
-    Object.entries(s).forEach(([o, i]) => {
-      Y(i, de(t, o), r, n);
+    Object.entries(a).forEach(([s, l]) => {
+      te(l, fe(t, s), r, n);
     });
   });
-}, de = (e, t) => {
+}, fe = (e, t) => {
   let r = e;
-  return t.split(te).forEach((n) => {
+  return t.split(oe).forEach((n) => {
     r.nextPart.has(n) || r.nextPart.set(n, {
       nextPart: /* @__PURE__ */ new Map(),
       validators: []
     }), r = r.nextPart.get(n);
   }), r;
-}, 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, Re = (e) => {
+}, Ge = (e) => e.isThemeGetter, Te = (e, t) => t ? e.map(([r, n]) => {
+  const a = n.map((s) => typeof s == "string" ? t + s : typeof s == "object" ? Object.fromEntries(Object.entries(s).map(([l, i]) => [t + l, i])) : s);
+  return [r, a];
+}) : e, Be = (e) => {
   if (e < 1)
     return {
       get: () => {
@@ -130,55 +130,55 @@ const ie = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, le = me, H
       }
     };
   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());
+  const a = (s, l) => {
+    r.set(s, l), t++, t > e && (t = 0, n = r, r = /* @__PURE__ */ new Map());
   };
   return {
-    get(o) {
-      let i = r.get(o);
-      if (i !== void 0)
-        return i;
-      if ((i = n.get(o)) !== void 0)
-        return s(o, i), i;
+    get(s) {
+      let l = r.get(s);
+      if (l !== void 0)
+        return l;
+      if ((l = n.get(s)) !== void 0)
+        return a(s, l), l;
     },
-    set(o, i) {
-      r.has(o) ? r.set(o, i) : s(o, i);
+    set(s, l) {
+      r.has(s) ? r.set(s, l) : a(s, l);
     }
   };
-}, he = "!", Ee = (e) => {
+}, ke = "!", $e = (e) => {
   const {
     separator: t,
     experimentalParseClassName: r
-  } = e, n = t.length === 1, s = t[0], o = t.length, i = (a) => {
-    const u = [];
-    let c = 0, p = 0, g;
-    for (let b = 0; b < a.length; b++) {
-      let v = a[b];
+  } = e, n = t.length === 1, a = t[0], s = t.length, l = (i) => {
+    const d = [];
+    let c = 0, p = 0, b;
+    for (let m = 0; m < i.length; m++) {
+      let w = i[m];
       if (c === 0) {
-        if (v === s && (n || a.slice(b, b + o) === t)) {
-          u.push(a.slice(p, b)), p = b + o;
+        if (w === a && (n || i.slice(m, m + s) === t)) {
+          d.push(i.slice(p, m)), p = m + s;
           continue;
         }
-        if (v === "/") {
-          g = b;
+        if (w === "/") {
+          b = m;
           continue;
         }
       }
-      v === "[" ? c++ : v === "]" && c--;
+      w === "[" ? c++ : w === "]" && c--;
     }
-    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;
+    const f = d.length === 0 ? i : i.substring(p), j = f.startsWith(ke), N = j ? f.substring(1) : f, g = b && b > p ? b - p : void 0;
     return {
-      modifiers: u,
-      hasImportantModifier: z,
-      baseClassName: k,
-      maybePostfixModifierPosition: m
+      modifiers: d,
+      hasImportantModifier: j,
+      baseClassName: N,
+      maybePostfixModifierPosition: g
     };
   };
-  return r ? (a) => r({
-    className: a,
-    parseClassName: i
-  }) : i;
-}, Ve = (e) => {
+  return r ? (i) => r({
+    className: i,
+    parseClassName: l
+  }) : l;
+}, He = (e) => {
   if (e.length <= 1)
     return e;
   const t = [];
@@ -186,120 +186,120 @@ const ie = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, le = me, H
   return e.forEach((n) => {
     n[0] === "[" ? (t.push(...r.sort(), n), r = []) : r.push(n);
   }), t.push(...r.sort()), t;
-}, Ge = (e) => ({
-  cache: Re(e.cacheSize),
-  parseClassName: Ee(e),
-  ...Se(e)
-}), Te = /\s+/, Le = (e, t) => {
+}, Fe = (e) => ({
+  cache: Be(e.cacheSize),
+  parseClassName: $e(e),
+  ...Ve(e)
+}), Ue = /\s+/, qe = (e, t) => {
   const {
     parseClassName: r,
     getClassGroupId: n,
-    getConflictingClassGroupIds: s
-  } = t, o = [], i = e.trim().split(Te);
-  let a = "";
-  for (let u = i.length - 1; u >= 0; u -= 1) {
-    const c = i[u], {
+    getConflictingClassGroupIds: a
+  } = t, s = [], l = e.trim().split(Ue);
+  let i = "";
+  for (let d = l.length - 1; d >= 0; d -= 1) {
+    const c = l[d], {
       modifiers: p,
-      hasImportantModifier: g,
+      hasImportantModifier: b,
       baseClassName: f,
-      maybePostfixModifierPosition: z
+      maybePostfixModifierPosition: j
     } = r(c);
-    let k = !!z, m = n(k ? f.substring(0, z) : f);
-    if (!m) {
-      if (!k) {
-        a = c + (a.length > 0 ? " " + a : a);
+    let N = !!j, g = n(N ? f.substring(0, j) : f);
+    if (!g) {
+      if (!N) {
+        i = c + (i.length > 0 ? " " + i : i);
         continue;
       }
-      if (m = n(f), !m) {
-        a = c + (a.length > 0 ? " " + a : a);
+      if (g = n(f), !g) {
+        i = c + (i.length > 0 ? " " + i : i);
         continue;
       }
-      k = !1;
+      N = !1;
     }
-    const b = Ve(p).join(":"), v = g ? b + he : b, N = v + m;
-    if (o.includes(N))
+    const m = He(p).join(":"), w = b ? m + ke : m, z = w + g;
+    if (s.includes(z))
       continue;
-    o.push(N);
-    const M = s(m, k);
-    for (let j = 0; j < M.length; ++j) {
-      const L = M[j];
-      o.push(v + L);
+    s.push(z);
+    const M = a(g, N);
+    for (let I = 0; I < M.length; ++I) {
+      const R = M[I];
+      s.push(w + R);
     }
-    a = c + (a.length > 0 ? " " + a : a);
+    i = c + (i.length > 0 ? " " + i : i);
   }
-  return a;
+  return i;
 };
-function We() {
+function Ke() {
   let e = 0, t, r, n = "";
   for (; e < arguments.length; )
-    (t = arguments[e++]) && (r = xe(t)) && (n && (n += " "), n += r);
+    (t = arguments[e++]) && (r = Ne(t)) && (n && (n += " "), n += r);
   return n;
 }
-const xe = (e) => {
+const Ne = (e) => {
   if (typeof e == "string")
     return e;
   let t, r = "";
   for (let n = 0; n < e.length; n++)
-    e[n] && (t = xe(e[n])) && (r && (r += " "), r += t);
+    e[n] && (t = Ne(e[n])) && (r && (r += " "), r += t);
   return r;
 };
-function Be(e, ...t) {
-  let r, n, s, o = i;
-  function i(u) {
-    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 Je(e, ...t) {
+  let r, n, a, s = l;
+  function l(d) {
+    const c = t.reduce((p, b) => b(p), e());
+    return r = Fe(c), n = r.cache.get, a = r.cache.set, s = i, i(d);
   }
-  function a(u) {
-    const c = n(u);
+  function i(d) {
+    const c = n(d);
     if (c)
       return c;
-    const p = Le(u, r);
-    return s(u, p), p;
+    const p = qe(d, r);
+    return a(d, p), p;
   }
   return function() {
-    return o(We.apply(null, arguments));
+    return s(Ke.apply(null, arguments));
   };
 }
-const h = (e) => {
+const x = (e) => {
   const t = (r) => r[e] || [];
   return t.isThemeGetter = !0, t;
-}, 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);
+}, ze = /^\[(?:([a-z-]+):)?(.+)\]$/i, Xe = /^\d+\/\d+$/, Ze = /* @__PURE__ */ new Set(["px", "full", "screen"]), Qe = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, Ye = /\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/, De = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, et = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, tt = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, E = (e) => G(e) || Ze.has(e) || Xe.test(e), L = (e) => B(e, "length", ct), G = (e) => !!e && !Number.isNaN(Number(e)), ee = (e) => B(e, "number", G), F = (e) => !!e && Number.isInteger(Number(e)), rt = (e) => e.endsWith("%") && G(e.slice(0, -1)), u = (e) => ze.test(e), P = (e) => Qe.test(e), nt = /* @__PURE__ */ new Set(["length", "size", "percentage"]), ot = (e) => B(e, nt, Ce), st = (e) => B(e, "position", Ce), at = /* @__PURE__ */ new Set(["image", "url"]), it = (e) => B(e, at, ut), lt = (e) => B(e, "", dt), U = () => !0, B = (e, t, r) => {
+  const n = ze.exec(e);
   return n ? n[1] ? typeof t == "string" ? n[1] === t : t.has(n[1]) : r(n[2]) : !1;
-}, et = (e) => (
+}, ct = (e) => (
   // `colorFunctionRegex` check is necessary because color functions can have percentages in them which which would be incorrectly classified as lengths.
   // For example, `hsl(0 0% 0%)` would be classified as a length without this check.
   // I could also use lookbehind assertion in `lengthUnitRegex` but that isn't supported widely enough.
-  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"), 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];
+  Ye.test(e) && !De.test(e)
+), Ce = () => !1, dt = (e) => et.test(e), ut = (e) => tt.test(e), pt = () => {
+  const e = x("colors"), t = x("spacing"), r = x("blur"), n = x("brightness"), a = x("borderColor"), s = x("borderRadius"), l = x("borderSpacing"), i = x("borderWidth"), d = x("contrast"), c = x("grayscale"), p = x("hueRotate"), b = x("invert"), f = x("gap"), j = x("gradientColorStops"), N = x("gradientColorStopPositions"), g = x("inset"), m = x("margin"), w = x("opacity"), z = x("padding"), M = x("saturate"), I = x("scale"), R = x("sepia"), K = x("skew"), k = x("space"), _ = x("translate"), V = () => ["auto", "contain", "none"], O = () => ["auto", "hidden", "clip", "visible", "scroll"], $ = () => ["auto", u, t], y = () => [u, t], se = () => ["", E, L], J = () => ["auto", G, u], ae = () => ["bottom", "center", "left", "left-bottom", "left-top", "right", "right-bottom", "right-top", "top"], X = () => ["solid", "dashed", "dotted", "double", "none"], ie = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], D = () => ["start", "end", "center", "between", "around", "evenly", "stretch"], H = () => ["", "0", u], le = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], A = () => [G, u];
   return {
     cacheSize: 500,
     separator: ":",
     theme: {
       colors: [U],
-      spacing: [R, V],
-      blur: ["none", "", G, d],
-      brightness: I(),
+      spacing: [E, L],
+      blur: ["none", "", P, u],
+      brightness: A(),
       borderColor: [e],
-      borderRadius: ["none", "", "full", G, d],
+      borderRadius: ["none", "", "full", P, u],
       borderSpacing: y(),
-      borderWidth: re(),
-      contrast: I(),
-      grayscale: $(),
-      hueRotate: I(),
-      invert: $(),
+      borderWidth: se(),
+      contrast: A(),
+      grayscale: H(),
+      hueRotate: A(),
+      invert: H(),
       gap: y(),
       gradientColorStops: [e],
-      gradientColorStopPositions: [Je, V],
-      inset: P(),
-      margin: P(),
-      opacity: I(),
+      gradientColorStopPositions: [rt, L],
+      inset: $(),
+      margin: $(),
+      opacity: A(),
       padding: y(),
-      saturate: I(),
-      scale: I(),
-      sepia: $(),
-      skew: I(),
+      saturate: A(),
+      scale: A(),
+      sepia: H(),
+      skew: A(),
       space: y(),
       translate: y()
     },
@@ -310,7 +310,7 @@ const h = (e) => {
        * @see https://tailwindcss.com/docs/aspect-ratio
        */
       aspect: [{
-        aspect: ["auto", "square", "video", d]
+        aspect: ["auto", "square", "video", u]
       }],
       /**
        * Container
@@ -322,21 +322,21 @@ const h = (e) => {
        * @see https://tailwindcss.com/docs/columns
        */
       columns: [{
-        columns: [G]
+        columns: [P]
       }],
       /**
        * Break After
        * @see https://tailwindcss.com/docs/break-after
        */
       "break-after": [{
-        "break-after": se()
+        "break-after": le()
       }],
       /**
        * Break Before
        * @see https://tailwindcss.com/docs/break-before
        */
       "break-before": [{
-        "break-before": se()
+        "break-before": le()
       }],
       /**
        * Break Inside
@@ -395,49 +395,49 @@ const h = (e) => {
        * @see https://tailwindcss.com/docs/object-position
        */
       "object-position": [{
-        object: [...ne(), d]
+        object: [...ae(), u]
       }],
       /**
        * Overflow
        * @see https://tailwindcss.com/docs/overflow
        */
       overflow: [{
-        overflow: A()
+        overflow: O()
       }],
       /**
        * Overflow X
        * @see https://tailwindcss.com/docs/overflow
        */
       "overflow-x": [{
-        "overflow-x": A()
+        "overflow-x": O()
       }],
       /**
        * Overflow Y
        * @see https://tailwindcss.com/docs/overflow
        */
       "overflow-y": [{
-        "overflow-y": A()
+        "overflow-y": O()
       }],
       /**
        * Overscroll Behavior
        * @see https://tailwindcss.com/docs/overscroll-behavior
        */
       overscroll: [{
-        overscroll: T()
+        overscroll: V()
       }],
       /**
        * Overscroll Behavior X
        * @see https://tailwindcss.com/docs/overscroll-behavior
        */
       "overscroll-x": [{
-        "overscroll-x": T()
+        "overscroll-x": V()
       }],
       /**
        * Overscroll Behavior Y
        * @see https://tailwindcss.com/docs/overscroll-behavior
        */
       "overscroll-y": [{
-        "overscroll-y": T()
+        "overscroll-y": V()
       }],
       /**
        * Position
@@ -449,63 +449,63 @@ const h = (e) => {
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       inset: [{
-        inset: [m]
+        inset: [g]
       }],
       /**
        * Right / Left
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       "inset-x": [{
-        "inset-x": [m]
+        "inset-x": [g]
       }],
       /**
        * Top / Bottom
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       "inset-y": [{
-        "inset-y": [m]
+        "inset-y": [g]
       }],
       /**
        * Start
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       start: [{
-        start: [m]
+        start: [g]
       }],
       /**
        * End
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       end: [{
-        end: [m]
+        end: [g]
       }],
       /**
        * Top
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       top: [{
-        top: [m]
+        top: [g]
       }],
       /**
        * Right
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       right: [{
-        right: [m]
+        right: [g]
       }],
       /**
        * Bottom
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       bottom: [{
-        bottom: [m]
+        bottom: [g]
       }],
       /**
        * Left
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       left: [{
-        left: [m]
+        left: [g]
       }],
       /**
        * Visibility
@@ -517,7 +517,7 @@ const h = (e) => {
        * @see https://tailwindcss.com/docs/z-index
        */
       z: [{
-        z: ["auto", O, d]
+        z: ["auto", F, u]
       }],
       // Flexbox and Grid
       /**
@@ -525,7 +525,7 @@ const h = (e) => {
        * @see https://tailwindcss.com/docs/flex-basis
        */
       basis: [{
-        basis: P()
+        basis: $()
       }],
       /**
        * Flex Direction
@@ -546,28 +546,28 @@ const h = (e) => {
        * @see https://tailwindcss.com/docs/flex
        */
       flex: [{
-        flex: ["1", "auto", "initial", "none", d]
+        flex: ["1", "auto", "initial", "none", u]
       }],
       /**
        * Flex Grow
        * @see https://tailwindcss.com/docs/flex-grow
        */
       grow: [{
-        grow: $()
+        grow: H()
       }],
       /**
        * Flex Shrink
        * @see https://tailwindcss.com/docs/flex-shrink
        */
       shrink: [{
-        shrink: $()
+        shrink: H()
       }],
       /**
        * Order
        * @see https://tailwindcss.com/docs/order
        */
       order: [{
-        order: ["first", "last", "none", O, d]
+        order: ["first", "last", "none", F, u]
       }],
       /**
        * Grid Template Columns
@@ -582,8 +582,8 @@ const h = (e) => {
        */
       "col-start-end": [{
         col: ["auto", {
-          span: ["full", O, d]
-        }, d]
+          span: ["full", F, u]
+        }, u]
       }],
       /**
        * Grid Column Start
@@ -612,8 +612,8 @@ const h = (e) => {
        */
       "row-start-end": [{
         row: ["auto", {
-          span: [O, d]
-        }, d]
+          span: [F, u]
+        }, u]
       }],
       /**
        * Grid Row Start
@@ -641,14 +641,14 @@ const h = (e) => {
        * @see https://tailwindcss.com/docs/grid-auto-columns
        */
       "auto-cols": [{
-        "auto-cols": ["auto", "min", "max", "fr", d]
+        "auto-cols": ["auto", "min", "max", "fr", u]
       }],
       /**
        * Grid Auto Rows
        * @see https://tailwindcss.com/docs/grid-auto-rows
        */
       "auto-rows": [{
-        "auto-rows": ["auto", "min", "max", "fr", d]
+        "auto-rows": ["auto", "min", "max", "fr", u]
       }],
       /**
        * Gap
@@ -676,7 +676,7 @@ const h = (e) => {
        * @see https://tailwindcss.com/docs/justify-content
        */
       "justify-content": [{
-        justify: ["normal", ...K()]
+        justify: ["normal", ...D()]
       }],
       /**
        * Justify Items
@@ -697,7 +697,7 @@ const h = (e) => {
        * @see https://tailwindcss.com/docs/align-content
        */
       "align-content": [{
-        content: ["normal", ...K(), "baseline"]
+        content: ["normal", ...D(), "baseline"]
       }],
       /**
        * Align Items
@@ -718,7 +718,7 @@ const h = (e) => {
        * @see https://tailwindcss.com/docs/place-content
        */
       "place-content": [{
-        "place-content": [...K(), "baseline"]
+        "place-content": [...D(), "baseline"]
       }],
       /**
        * Place Items
@@ -740,133 +740,133 @@ const h = (e) => {
        * @see https://tailwindcss.com/docs/padding
        */
       p: [{
-        p: [N]
+        p: [z]
       }],
       /**
        * Padding X
        * @see https://tailwindcss.com/docs/padding
        */
       px: [{
-        px: [N]
+        px: [z]
       }],
       /**
        * Padding Y
        * @see https://tailwindcss.com/docs/padding
        */
       py: [{
-        py: [N]
+        py: [z]
       }],
       /**
        * Padding Start
        * @see https://tailwindcss.com/docs/padding
        */
       ps: [{
-        ps: [N]
+        ps: [z]
       }],
       /**
        * Padding End
        * @see https://tailwindcss.com/docs/padding
        */
       pe: [{
-        pe: [N]
+        pe: [z]
       }],
       /**
        * Padding Top
        * @see https://tailwindcss.com/docs/padding
        */
       pt: [{
-        pt: [N]
+        pt: [z]
       }],
       /**
        * Padding Right
        * @see https://tailwindcss.com/docs/padding
        */
       pr: [{
-        pr: [N]
+        pr: [z]
       }],
       /**
        * Padding Bottom
        * @see https://tailwindcss.com/docs/padding
        */
       pb: [{
-        pb: [N]
+        pb: [z]
       }],
       /**
        * Padding Left
        * @see https://tailwindcss.com/docs/padding
        */
       pl: [{
-        pl: [N]
+        pl: [z]
       }],
       /**
        * Margin
        * @see https://tailwindcss.com/docs/margin
        */
       m: [{
-        m: [b]
+        m: [m]
       }],
       /**
        * Margin X
        * @see https://tailwindcss.com/docs/margin
        */
       mx: [{
-        mx: [b]
+        mx: [m]
       }],
       /**
        * Margin Y
        * @see https://tailwindcss.com/docs/margin
        */
       my: [{
-        my: [b]
+        my: [m]
       }],
       /**
        * Margin Start
        * @see https://tailwindcss.com/docs/margin
        */
       ms: [{
-        ms: [b]
+        ms: [m]
       }],
       /**
        * Margin End
        * @see https://tailwindcss.com/docs/margin
        */
       me: [{
-        me: [b]
+        me: [m]
       }],
       /**
        * Margin Top
        * @see https://tailwindcss.com/docs/margin
        */
       mt: [{
-        mt: [b]
+        mt: [m]
       }],
       /**
        * Margin Right
        * @see https://tailwindcss.com/docs/margin
        */
       mr: [{
-        mr: [b]
+        mr: [m]
       }],
       /**
        * Margin Bottom
        * @see https://tailwindcss.com/docs/margin
        */
       mb: [{
-        mb: [b]
+        mb: [m]
       }],
       /**
        * Margin Left
        * @see https://tailwindcss.com/docs/margin
        */
       ml: [{
-        ml: [b]
+        ml: [m]
       }],
       /**
        * Space Between X
        * @see https://tailwindcss.com/docs/space
        */
       "space-x": [{
-        "space-x": [w]
+        "space-x": [k]
       }],
       /**
        * Space Between X Reverse
@@ -878,7 +878,7 @@ const h = (e) => {
        * @see https://tailwindcss.com/docs/space
        */
       "space-y": [{
-        "space-y": [w]
+        "space-y": [k]
       }],
       /**
        * Space Between Y Reverse
@@ -891,51 +891,51 @@ const h = (e) => {
        * @see https://tailwindcss.com/docs/width
        */
       w: [{
-        w: ["auto", "min", "max", "fit", "svw", "lvw", "dvw", d, t]
+        w: ["auto", "min", "max", "fit", "svw", "lvw", "dvw", u, t]
       }],
       /**
        * Min-Width
        * @see https://tailwindcss.com/docs/min-width
        */
       "min-w": [{
-        "min-w": [d, t, "min", "max", "fit"]
+        "min-w": [u, t, "min", "max", "fit"]
       }],
       /**
        * Max-Width
        * @see https://tailwindcss.com/docs/max-width
        */
       "max-w": [{
-        "max-w": [d, t, "none", "full", "min", "max", "fit", "prose", {
-          screen: [G]
-        }, G]
+        "max-w": [u, t, "none", "full", "min", "max", "fit", "prose", {
+          screen: [P]
+        }, P]
       }],
       /**
        * Height
        * @see https://tailwindcss.com/docs/height
        */
       h: [{
-        h: [d, t, "auto", "min", "max", "fit", "svh", "lvh", "dvh"]
+        h: [u, t, "auto", "min", "max", "fit", "svh", "lvh", "dvh"]
       }],
       /**
        * Min-Height
        * @see https://tailwindcss.com/docs/min-height
        */
       "min-h": [{
-        "min-h": [d, t, "min", "max", "fit", "svh", "lvh", "dvh"]
+        "min-h": [u, t, "min", "max", "fit", "svh", "lvh", "dvh"]
       }],
       /**
        * Max-Height
        * @see https://tailwindcss.com/docs/max-height
        */
       "max-h": [{
-        "max-h": [d, t, "min", "max", "fit", "svh", "lvh", "dvh"]
+        "max-h": [u, t, "min", "max", "fit", "svh", "lvh", "dvh"]
       }],
       /**
        * Size
        * @see https://tailwindcss.com/docs/size
        */
       size: [{
-        size: [d, t, "auto", "min", "max", "fit"]
+        size: [u, t, "auto", "min", "max", "fit"]
       }],
       // Typography
       /**
@@ -943,7 +943,7 @@ const h = (e) => {
        * @see https://tailwindcss.com/docs/font-size
        */
       "font-size": [{
-        text: ["base", G, V]
+        text: ["base", P, L]
       }],
       /**
        * Font Smoothing
@@ -960,7 +960,7 @@ const h = (e) => {
        * @see https://tailwindcss.com/docs/font-weight
        */
       "font-weight": [{
-        font: ["thin", "extralight", "light", "normal", "medium", "semibold", "bold", "extrabold", "black", Q]
+        font: ["thin", "extralight", "light", "normal", "medium", "semibold", "bold", "extrabold", "black", ee]
       }],
       /**
        * Font Family
@@ -1004,35 +1004,35 @@ const h = (e) => {
        * @see https://tailwindcss.com/docs/letter-spacing
        */
       tracking: [{
-        tracking: ["tighter", "tight", "normal", "wide", "wider", "widest", d]
+        tracking: ["tighter", "tight", "normal", "wide", "wider", "widest", u]
       }],
       /**
        * Line Clamp
        * @see https://tailwindcss.com/docs/line-clamp
        */
       "line-clamp": [{
-        "line-clamp": ["none", W, Q]
+        "line-clamp": ["none", G, ee]
       }],
       /**
        * Line Height
        * @see https://tailwindcss.com/docs/line-height
        */
       leading: [{
-        leading: ["none", "tight", "snug", "normal", "relaxed", "loose", R, d]
+        leading: ["none", "tight", "snug", "normal", "relaxed", "loose", E, u]
       }],
       /**
        * List Style Image
        * @see https://tailwindcss.com/docs/list-style-image
        */
       "list-image": [{
-        "list-image": ["none", d]
+        "list-image": ["none", u]
       }],
       /**
        * List Style Type
        * @see https://tailwindcss.com/docs/list-style-type
        */
       "list-style-type": [{
-        list: ["none", "disc", "decimal", d]
+        list: ["none", "disc", "decimal", u]
       }],
       /**
        * List Style Position
@@ -1054,7 +1054,7 @@ const h = (e) => {
        * @see https://tailwindcss.com/docs/placeholder-opacity
        */
       "placeholder-opacity": [{
-        "placeholder-opacity": [v]
+        "placeholder-opacity": [w]
       }],
       /**
        * Text Alignment
@@ -1075,7 +1075,7 @@ const h = (e) => {
        * @see https://tailwindcss.com/docs/text-opacity
        */
       "text-opacity": [{
-        "text-opacity": [v]
+        "text-opacity": [w]
       }],
       /**
        * Text Decoration
@@ -1094,14 +1094,14 @@ const h = (e) => {
        * @see https://tailwindcss.com/docs/text-decoration-thickness
        */
       "text-decoration-thickness": [{
-        decoration: ["auto", "from-font", R, V]
+        decoration: ["auto", "from-font", E, L]
       }],
       /**
        * Text Underline Offset
        * @see https://tailwindcss.com/docs/text-underline-offset
        */
       "underline-offset": [{
-        "underline-offset": ["auto", R, d]
+        "underline-offset": ["auto", E, u]
       }],
       /**
        * Text Decoration Color
@@ -1139,7 +1139,7 @@ const h = (e) => {
        * @see https://tailwindcss.com/docs/vertical-align
        */
       "vertical-align": [{
-        align: ["baseline", "top", "middle", "bottom", "text-top", "text-bottom", "sub", "super", d]
+        align: ["baseline", "top", "middle", "bottom", "text-top", "text-bottom", "sub", "super", u]
       }],
       /**
        * Whitespace
@@ -1167,7 +1167,7 @@ const h = (e) => {
        * @see https://tailwindcss.com/docs/content
        */
       content: [{
-        content: ["none", d]
+        content: ["none", u]
       }],
       // Backgrounds
       /**
@@ -1190,7 +1190,7 @@ const h = (e) => {
        * @see https://tailwindcss.com/docs/background-opacity
        */
       "bg-opacity": [{
-        "bg-opacity": [v]
+        "bg-opacity": [w]
       }],
       /**
        * Background Origin
@@ -1204,7 +1204,7 @@ const h = (e) => {
        * @see https://tailwindcss.com/docs/background-position
        */
       "bg-position": [{
-        bg: [...ne(), Ke]
+        bg: [...ae(), st]
       }],
       /**
        * Background Repeat
@@ -1220,7 +1220,7 @@ const h = (e) => {
        * @see https://tailwindcss.com/docs/background-size
        */
       "bg-size": [{
-        bg: ["auto", "cover", "contain", Ze]
+        bg: ["auto", "cover", "contain", ot]
       }],
       /**
        * Background Image
@@ -1229,7 +1229,7 @@ const h = (e) => {
       "bg-image": [{
         bg: ["none", {
           "gradient-to": ["t", "tr", "r", "br", "b", "bl", "l", "tl"]
-        }, Ye]
+        }, it]
       }],
       /**
        * Background Color
@@ -1243,42 +1243,42 @@ const h = (e) => {
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-from-pos": [{
-        from: [k]
+        from: [N]
       }],
       /**
        * Gradient Color Stops Via Position
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-via-pos": [{
-        via: [k]
+        via: [N]
       }],
       /**
        * Gradient Color Stops To Position
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-to-pos": [{
-        to: [k]
+        to: [N]
       }],
       /**
        * Gradient Color Stops From
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-from": [{
-        from: [z]
+        from: [j]
       }],
       /**
        * Gradient Color Stops Via
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-via": [{
-        via: [z]
+        via: [j]
       }],
       /**
        * Gradient Color Stops To
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-to": [{
-        to: [z]
+        to: [j]
       }],
       // Borders
       /**
@@ -1286,175 +1286,175 @@ const h = (e) => {
        * @see https://tailwindcss.com/docs/border-radius
        */
       rounded: [{
-        rounded: [o]
+        rounded: [s]
       }],
       /**
        * Border Radius Start
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-s": [{
-        "rounded-s": [o]
+        "rounded-s": [s]
       }],
       /**
        * Border Radius End
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-e": [{
-        "rounded-e": [o]
+        "rounded-e": [s]
       }],
       /**
        * Border Radius Top
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-t": [{
-        "rounded-t": [o]
+        "rounded-t": [s]
       }],
       /**
        * Border Radius Right
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-r": [{
-        "rounded-r": [o]
+        "rounded-r": [s]
       }],
       /**
        * Border Radius Bottom
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-b": [{
-        "rounded-b": [o]
+        "rounded-b": [s]
       }],
       /**
        * Border Radius Left
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-l": [{
-        "rounded-l": [o]
+        "rounded-l": [s]
       }],
       /**
        * Border Radius Start Start
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-ss": [{
-        "rounded-ss": [o]
+        "rounded-ss": [s]
       }],
       /**
        * Border Radius Start End
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-se": [{
-        "rounded-se": [o]
+        "rounded-se": [s]
       }],
       /**
        * Border Radius End End
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-ee": [{
-        "rounded-ee": [o]
+        "rounded-ee": [s]
       }],
       /**
        * Border Radius End Start
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-es": [{
-        "rounded-es": [o]
+        "rounded-es": [s]
       }],
       /**
        * Border Radius Top Left
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-tl": [{
-        "rounded-tl": [o]
+        "rounded-tl": [s]
       }],
       /**
        * Border Radius Top Right
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-tr": [{
-        "rounded-tr": [o]
+        "rounded-tr": [s]
       }],
       /**
        * Border Radius Bottom Right
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-br": [{
-        "rounded-br": [o]
+        "rounded-br": [s]
       }],
       /**
        * Border Radius Bottom Left
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-bl": [{
-        "rounded-bl": [o]
+        "rounded-bl": [s]
       }],
       /**
        * Border Width
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w": [{
-        border: [a]
+        border: [i]
       }],
       /**
        * Border Width X
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-x": [{
-        "border-x": [a]
+        "border-x": [i]
       }],
       /**
        * Border Width Y
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-y": [{
-        "border-y": [a]
+        "border-y": [i]
       }],
       /**
        * Border Width Start
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-s": [{
-        "border-s": [a]
+        "border-s": [i]
       }],
       /**
        * Border Width End
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-e": [{
-        "border-e": [a]
+        "border-e": [i]
       }],
       /**
        * Border Width Top
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-t": [{
-        "border-t": [a]
+        "border-t": [i]
       }],
       /**
        * Border Width Right
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-r": [{
-        "border-r": [a]
+        "border-r": [i]
       }],
       /**
        * Border Width Bottom
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-b": [{
-        "border-b": [a]
+        "border-b": [i]
       }],
       /**
        * Border Width Left
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-l": [{
-        "border-l": [a]
+        "border-l": [i]
       }],
       /**
        * Border Opacity
        * @see https://tailwindcss.com/docs/border-opacity
        */
       "border-opacity": [{
-        "border-opacity": [v]
+        "border-opacity": [w]
       }],
       /**
        * Border Style
@@ -1468,7 +1468,7 @@ const h = (e) => {
        * @see https://tailwindcss.com/docs/divide-width
        */
       "divide-x": [{
-        "divide-x": [a]
+        "divide-x": [i]
       }],
       /**
        * Divide Width X Reverse
@@ -1480,7 +1480,7 @@ const h = (e) => {
        * @see https://tailwindcss.com/docs/divide-width
        */
       "divide-y": [{
-        "divide-y": [a]
+        "divide-y": [i]
       }],
       /**
        * Divide Width Y Reverse
@@ -1492,7 +1492,7 @@ const h = (e) => {
        * @see https://tailwindcss.com/docs/divide-opacity
        */
       "divide-opacity": [{
-        "divide-opacity": [v]
+        "divide-opacity": [w]
       }],
       /**
        * Divide Style
@@ -1506,70 +1506,70 @@ const h = (e) => {
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color": [{
-        border: [s]
+        border: [a]
       }],
       /**
        * Border Color X
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-x": [{
-        "border-x": [s]
+        "border-x": [a]
       }],
       /**
        * Border Color Y
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-y": [{
-        "border-y": [s]
+        "border-y": [a]
       }],
       /**
        * Border Color S
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-s": [{
-        "border-s": [s]
+        "border-s": [a]
       }],
       /**
        * Border Color E
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-e": [{
-        "border-e": [s]
+        "border-e": [a]
       }],
       /**
        * Border Color Top
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-t": [{
-        "border-t": [s]
+        "border-t": [a]
       }],
       /**
        * Border Color Right
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-r": [{
-        "border-r": [s]
+        "border-r": [a]
       }],
       /**
        * Border Color Bottom
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-b": [{
-        "border-b": [s]
+        "border-b": [a]
       }],
       /**
        * Border Color Left
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-l": [{
-        "border-l": [s]
+        "border-l": [a]
       }],
       /**
        * Divide Color
        * @see https://tailwindcss.com/docs/divide-color
        */
       "divide-color": [{
-        divide: [s]
+        divide: [a]
       }],
       /**
        * Outline Style
@@ -1583,14 +1583,14 @@ const h = (e) => {
        * @see https://tailwindcss.com/docs/outline-offset
        */
       "outline-offset": [{
-        "outline-offset": [R, d]
+        "outline-offset": [E, u]
       }],
       /**
        * Outline Width
        * @see https://tailwindcss.com/docs/outline-width
        */
       "outline-w": [{
-        outline: [R, V]
+        outline: [E, L]
       }],
       /**
        * Outline Color
@@ -1604,7 +1604,7 @@ const h = (e) => {
        * @see https://tailwindcss.com/docs/ring-width
        */
       "ring-w": [{
-        ring: re()
+        ring: se()
       }],
       /**
        * Ring Width Inset
@@ -1623,14 +1623,14 @@ const h = (e) => {
        * @see https://tailwindcss.com/docs/ring-opacity
        */
       "ring-opacity": [{
-        "ring-opacity": [v]
+        "ring-opacity": [w]
       }],
       /**
        * Ring Offset Width
        * @see https://tailwindcss.com/docs/ring-offset-width
        */
       "ring-offset-w": [{
-        "ring-offset": [R, V]
+        "ring-offset": [E, L]
       }],
       /**
        * Ring Offset Color
@@ -1645,7 +1645,7 @@ const h = (e) => {
        * @see https://tailwindcss.com/docs/box-shadow
        */
       shadow: [{
-        shadow: ["", "inner", "none", G, De]
+        shadow: ["", "inner", "none", P, lt]
       }],
       /**
        * Box Shadow Color
@@ -1659,21 +1659,21 @@ const h = (e) => {
        * @see https://tailwindcss.com/docs/opacity
        */
       opacity: [{
-        opacity: [v]
+        opacity: [w]
       }],
       /**
        * Mix Blend Mode
        * @see https://tailwindcss.com/docs/mix-blend-mode
        */
       "mix-blend": [{
-        "mix-blend": [...oe(), "plus-lighter", "plus-darker"]
+        "mix-blend": [...ie(), "plus-lighter", "plus-darker"]
       }],
       /**
        * Background Blend Mode
        * @see https://tailwindcss.com/docs/background-blend-mode
        */
       "bg-blend": [{
-        "bg-blend": oe()
+        "bg-blend": ie()
       }],
       // Filters
       /**
@@ -1703,14 +1703,14 @@ const h = (e) => {
        * @see https://tailwindcss.com/docs/contrast
        */
       contrast: [{
-        contrast: [u]
+        contrast: [d]
       }],
       /**
        * Drop Shadow
        * @see https://tailwindcss.com/docs/drop-shadow
        */
       "drop-shadow": [{
-        "drop-shadow": ["", "none", G, d]
+        "drop-shadow": ["", "none", P, u]
       }],
       /**
        * Grayscale
@@ -1731,7 +1731,7 @@ const h = (e) => {
        * @see https://tailwindcss.com/docs/invert
        */
       invert: [{
-        invert: [g]
+        invert: [b]
       }],
       /**
        * Saturate
@@ -1745,7 +1745,7 @@ const h = (e) => {
        * @see https://tailwindcss.com/docs/sepia
        */
       sepia: [{
-        sepia: [L]
+        sepia: [R]
       }],
       /**
        * Backdrop Filter
@@ -1774,7 +1774,7 @@ const h = (e) => {
        * @see https://tailwindcss.com/docs/backdrop-contrast
        */
       "backdrop-contrast": [{
-        "backdrop-contrast": [u]
+        "backdrop-contrast": [d]
       }],
       /**
        * Backdrop Grayscale
@@ -1795,14 +1795,14 @@ const h = (e) => {
        * @see https://tailwindcss.com/docs/backdrop-invert
        */
       "backdrop-invert": [{
-        "backdrop-invert": [g]
+        "backdrop-invert": [b]
       }],
       /**
        * Backdrop Opacity
        * @see https://tailwindcss.com/docs/backdrop-opacity
        */
       "backdrop-opacity": [{
-        "backdrop-opacity": [v]
+        "backdrop-opacity": [w]
       }],
       /**
        * Backdrop Saturate
@@ -1816,7 +1816,7 @@ const h = (e) => {
        * @see https://tailwindcss.com/docs/backdrop-sepia
        */
       "backdrop-sepia": [{
-        "backdrop-sepia": [L]
+        "backdrop-sepia": [R]
       }],
       // Tables
       /**
@@ -1831,21 +1831,21 @@ const h = (e) => {
        * @see https://tailwindcss.com/docs/border-spacing
        */
       "border-spacing": [{
-        "border-spacing": [i]
+        "border-spacing": [l]
       }],
       /**
        * Border Spacing X
        * @see https://tailwindcss.com/docs/border-spacing
        */
       "border-spacing-x": [{
-        "border-spacing-x": [i]
+        "border-spacing-x": [l]
       }],
       /**
        * Border Spacing Y
        * @see https://tailwindcss.com/docs/border-spacing
        */
       "border-spacing-y": [{
-        "border-spacing-y": [i]
+        "border-spacing-y": [l]
       }],
       /**
        * Table Layout
@@ -1867,35 +1867,35 @@ const h = (e) => {
        * @see https://tailwindcss.com/docs/transition-property
        */
       transition: [{
-        transition: ["none", "all", "", "colors", "opacity", "shadow", "transform", d]
+        transition: ["none", "all", "", "colors", "opacity", "shadow", "transform", u]
       }],
       /**
        * Transition Duration
        * @see https://tailwindcss.com/docs/transition-duration
        */
       duration: [{
-        duration: I()
+        duration: A()
       }],
       /**
        * Transition Timing Function
        * @see https://tailwindcss.com/docs/transition-timing-function
        */
       ease: [{
-        ease: ["linear", "in", "out", "in-out", d]
+        ease: ["linear", "in", "out", "in-out", u]
       }],
       /**
        * Transition Delay
        * @see https://tailwindcss.com/docs/transition-delay
        */
       delay: [{
-        delay: I()
+        delay: A()
       }],
       /**
        * Animation
        * @see https://tailwindcss.com/docs/animation
        */
       animate: [{
-        animate: ["none", "spin", "ping", "pulse", "bounce", d]
+        animate: ["none", "spin", "ping", "pulse", "bounce", u]
       }],
       // Transforms
       /**
@@ -1910,63 +1910,63 @@ const h = (e) => {
        * @see https://tailwindcss.com/docs/scale
        */
       scale: [{
-        scale: [j]
+        scale: [I]
       }],
       /**
        * Scale X
        * @see https://tailwindcss.com/docs/scale
        */
       "scale-x": [{
-        "scale-x": [j]
+        "scale-x": [I]
       }],
       /**
        * Scale Y
        * @see https://tailwindcss.com/docs/scale
        */
       "scale-y": [{
-        "scale-y": [j]
+        "scale-y": [I]
       }],
       /**
        * Rotate
        * @see https://tailwindcss.com/docs/rotate
        */
       rotate: [{
-        rotate: [O, d]
+        rotate: [F, u]
       }],
       /**
        * Translate X
        * @see https://tailwindcss.com/docs/translate
        */
       "translate-x": [{
-        "translate-x": [S]
+        "translate-x": [_]
       }],
       /**
        * Translate Y
        * @see https://tailwindcss.com/docs/translate
        */
       "translate-y": [{
-        "translate-y": [S]
+        "translate-y": [_]
       }],
       /**
        * Skew X
        * @see https://tailwindcss.com/docs/skew
        */
       "skew-x": [{
-        "skew-x": [q]
+        "skew-x": [K]
       }],
       /**
        * Skew Y
        * @see https://tailwindcss.com/docs/skew
        */
       "skew-y": [{
-        "skew-y": [q]
+        "skew-y": [K]
       }],
       /**
        * Transform Origin
        * @see https://tailwindcss.com/docs/transform-origin
        */
       "transform-origin": [{
-        origin: ["center", "top", "top-right", "right", "bottom-right", "bottom", "bottom-left", "left", "top-left", d]
+        origin: ["center", "top", "top-right", "right", "bottom-right", "bottom", "bottom-left", "left", "top-left", u]
       }],
       // Interactivity
       /**
@@ -1988,7 +1988,7 @@ const h = (e) => {
        * @see https://tailwindcss.com/docs/cursor
        */
       cursor: [{
-        cursor: ["auto", "default", "pointer", "wait", "text", "move", "help", "not-allowed", "none", "context-menu", "progress", "cell", "crosshair", "vertical-text", "alias", "copy", "no-drop", "grab", "grabbing", "all-scroll", "col-resize", "row-resize", "n-resize", "e-resize", "s-resize", "w-resize", "ne-resize", "nw-resize", "se-resize", "sw-resize", "ew-resize", "ns-resize", "nesw-resize", "nwse-resize", "zoom-in", "zoom-out", d]
+        cursor: ["auto", "default", "pointer", "wait", "text", "move", "help", "not-allowed", "none", "context-menu", "progress", "cell", "crosshair", "vertical-text", "alias", "copy", "no-drop", "grab", "grabbing", "all-scroll", "col-resize", "row-resize", "n-resize", "e-resize", "s-resize", "w-resize", "ne-resize", "nw-resize", "se-resize", "sw-resize", "ew-resize", "ns-resize", "nesw-resize", "nwse-resize", "zoom-in", "zoom-out", u]
       }],
       /**
        * Caret Color
@@ -2210,7 +2210,7 @@ const h = (e) => {
        * @see https://tailwindcss.com/docs/will-change
        */
       "will-change": [{
-        "will-change": ["auto", "scroll", "contents", "transform", d]
+        "will-change": ["auto", "scroll", "contents", "transform", u]
       }],
       // SVG
       /**
@@ -2225,7 +2225,7 @@ const h = (e) => {
        * @see https://tailwindcss.com/docs/stroke-width
        */
       "stroke-w": [{
-        stroke: [R, V, Q]
+        stroke: [E, L, ee]
       }],
       /**
        * Stroke
@@ -2300,11 +2300,11 @@ const h = (e) => {
       "font-size": ["leading"]
     }
   };
-}, ot = /* @__PURE__ */ Be(nt);
-function x(...e) {
-  return ot(me(e));
+}, ft = /* @__PURE__ */ Je(pt);
+function h(...e) {
+  return ft(ve(e));
 }
-const st = H(
+const bt = T(
   "inline-flex items-center justify-center gap-2 rounded-lg font-sans font-normal transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-agilys-primary disabled:pointer-events-none disabled:opacity-50",
   {
     variants: {
@@ -2328,29 +2328,29 @@ const st = H(
       size: "md"
     }
   }
-), at = E(
+), mt = S(
   ({
     className: e,
     variant: t,
     size: r,
     fullWidth: n,
-    isLoading: s = !1,
-    leftIcon: o,
-    disabled: i,
-    children: a,
-    ...u
+    isLoading: a = !1,
+    leftIcon: s,
+    disabled: l,
+    children: i,
+    ...d
   }, c) => {
     const p = r === "icon";
-    return /* @__PURE__ */ _(
+    return /* @__PURE__ */ v(
       "button",
       {
         ref: c,
-        className: x(st({ variant: t, size: r, fullWidth: n }), e),
-        disabled: i || s,
-        "aria-busy": s,
-        ...u,
+        className: h(bt({ variant: t, size: r, fullWidth: n }), e),
+        disabled: l || a,
+        "aria-busy": a,
+        ...d,
         children: [
-          s && /* @__PURE__ */ _(
+          a && /* @__PURE__ */ v(
             "svg",
             {
               className: "size-[18px] animate-spin",
@@ -2358,7 +2358,7 @@ const st = H(
               fill: "none",
               "aria-hidden": "true",
               children: [
-                /* @__PURE__ */ l(
+                /* @__PURE__ */ o(
                   "circle",
                   {
                     className: "opacity-25",
@@ -2369,7 +2369,7 @@ const st = H(
                     strokeWidth: "4"
                   }
                 ),
-                /* @__PURE__ */ l(
+                /* @__PURE__ */ o(
                   "path",
                   {
                     className: "opacity-75",
@@ -2380,15 +2380,15 @@ const st = H(
               ]
             }
           ),
-          !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
+          !a && s && /* @__PURE__ */ o("span", { className: "size-6 shrink-0 [&>svg]:size-full", "aria-hidden": "true", children: s }),
+          p ? /* @__PURE__ */ o("span", { className: "size-5 shrink-0 [&>svg]:size-full", children: i }) : i
         ]
       }
     );
   }
 );
-at.displayName = "Button";
-const it = H("font-sans text-gray-900", {
+mt.displayName = "Button";
+const gt = T("font-sans text-gray-900", {
   variants: {
     variant: {
       h1: "text-3xl leading-tight font-bold",
@@ -2411,7 +2411,7 @@ const it = H("font-sans text-gray-900", {
   defaultVariants: {
     variant: "body"
   }
-}), lt = {
+}), ht = {
   h1: "h1",
   h2: "h2",
   h3: "h3",
@@ -2421,22 +2421,22 @@ const it = H("font-sans text-gray-900", {
   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,
+}, C = S(
+  ({ className: e, variant: t = "body", weight: r, as: n, children: a, ...s }, l) => {
+    const i = n ?? ht[t ?? "body"];
+    return Ae(
+      i,
       {
-        ref: i,
-        className: x(it({ variant: t, weight: r }), e),
-        ...o
+        ref: l,
+        className: h(gt({ variant: t, weight: r }), e),
+        ...s
       },
-      s
+      a
     );
   }
 );
 C.displayName = "Text";
-const ct = H(
+const xt = T(
   "inline-flex items-center justify-center h-6 whitespace-nowrap",
   {
     variants: {
@@ -2466,43 +2466,334 @@ const ct = H(
       status: "default"
     }
   }
-), dt = {
+), yt = {
   default: "bg-agilys-primary",
   success: "bg-success-60",
   alert: "bg-warning-accent",
   error: "bg-danger-60"
-}, ut = E(
-  ({ className: e, variant: t = "filled", status: r = "default", children: n, ...s }, o) => /* @__PURE__ */ _(
+}, vt = S(
+  ({ className: e, variant: t = "filled", status: r = "default", children: n, ...a }, s) => /* @__PURE__ */ v(
     "span",
     {
-      ref: o,
-      className: x(ct({ variant: t, status: r }), e),
-      ...s,
+      ref: s,
+      className: h(xt({ variant: t, status: r }), e),
+      ...a,
       children: [
-        t === "dot" && /* @__PURE__ */ l(
+        t === "dot" && /* @__PURE__ */ o(
           "span",
           {
-            className: x("size-2 shrink-0 rounded-full", dt[r ?? "default"]),
+            className: h("size-2 shrink-0 rounded-full", yt[r ?? "default"]),
             "aria-hidden": "true"
           }
         ),
-        /* @__PURE__ */ l(C, { as: "span", variant: "body", className: "text-inherit", children: n })
+        /* @__PURE__ */ o(C, { as: "span", variant: "body", className: "text-inherit", children: n })
+      ]
+    }
+  )
+);
+vt.displayName = "Badge";
+const wt = T("flex items-start gap-2 rounded-lg p-5 font-sans", {
+  variants: {
+    variant: {
+      default: "border border-neutral-divider-secondary bg-white shadow-[0px_0px_1px_0px_rgba(66,74,98,0.09),0px_2px_2px_0px_rgba(66,74,98,0.04)]",
+      success: "border border-transparent bg-success-10",
+      warning: "border border-transparent bg-warning-light",
+      error: "border border-transparent bg-danger-10",
+      info: "border border-transparent bg-primary-50"
+    }
+  },
+  defaultVariants: {
+    variant: "default"
+  }
+}), kt = {
+  default: "text-neutral-text-primary",
+  success: "text-success-60",
+  warning: "text-warning-dark",
+  error: "text-danger-dark",
+  info: "text-primary-700"
+};
+function Nt() {
+  return /* @__PURE__ */ v("svg", { className: "size-full", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: [
+    /* @__PURE__ */ o("circle", { cx: "12", cy: "12", r: "9", stroke: "currentColor", strokeWidth: "2" }),
+    /* @__PURE__ */ o("path", { d: "M12 11v5", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" }),
+    /* @__PURE__ */ o("circle", { cx: "12", cy: "8", r: "1", fill: "currentColor" })
+  ] });
+}
+function zt() {
+  return /* @__PURE__ */ v("svg", { className: "size-full", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: [
+    /* @__PURE__ */ o("circle", { cx: "12", cy: "12", r: "9", stroke: "currentColor", strokeWidth: "2" }),
+    /* @__PURE__ */ o(
+      "path",
+      {
+        d: "M8.5 12.5l2.5 2.5 4.5-5",
+        stroke: "currentColor",
+        strokeWidth: "2",
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    )
+  ] });
+}
+function Ct() {
+  return /* @__PURE__ */ v("svg", { className: "size-full", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: [
+    /* @__PURE__ */ o(
+      "path",
+      {
+        d: "M12 3.5L21 20H3L12 3.5z",
+        stroke: "currentColor",
+        strokeWidth: "2",
+        strokeLinejoin: "round"
+      }
+    ),
+    /* @__PURE__ */ o("path", { d: "M12 10v4", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" }),
+    /* @__PURE__ */ o("circle", { cx: "12", cy: "17", r: "1", fill: "currentColor" })
+  ] });
+}
+function jt() {
+  return /* @__PURE__ */ v("svg", { className: "size-full", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: [
+    /* @__PURE__ */ o("circle", { cx: "12", cy: "12", r: "9", stroke: "currentColor", strokeWidth: "2" }),
+    /* @__PURE__ */ o(
+      "path",
+      {
+        d: "M9.5 9.5l5 5m0-5l-5 5",
+        stroke: "currentColor",
+        strokeWidth: "2",
+        strokeLinecap: "round"
+      }
+    )
+  ] });
+}
+function _t() {
+  return /* @__PURE__ */ o("svg", { className: "size-full", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ o(
+    "path",
+    {
+      d: "M18 6L6 18M6 6l12 12",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round"
+    }
+  ) });
+}
+const St = {
+  success: /* @__PURE__ */ o(zt, {}),
+  warning: /* @__PURE__ */ o(Ct, {}),
+  error: /* @__PURE__ */ o(jt, {}),
+  info: /* @__PURE__ */ o(Nt, {})
+}, je = S(
+  ({
+    className: e,
+    variant: t = "default",
+    icon: r,
+    title: n,
+    description: a,
+    action: s,
+    onClose: l,
+    children: i,
+    ...d
+  }, c) => {
+    const p = t ?? "default", b = r === void 0 ? St[p] : r, f = kt[p];
+    return /* @__PURE__ */ v("div", { ref: c, className: h(wt({ variant: t }), e), ...d, children: [
+      b && /* @__PURE__ */ o("span", { className: h("size-6 shrink-0", f), "aria-hidden": "true", children: b }),
+      /* @__PURE__ */ v("div", { className: "flex min-w-0 flex-1 flex-col gap-1", children: [
+        n && /* @__PURE__ */ o(C, { as: "div", variant: "body", weight: "semibold", className: f, children: n }),
+        a && /* @__PURE__ */ o(C, { as: "div", variant: "bodySm", className: "text-neutral-text-secondary", children: a }),
+        i
+      ] }),
+      s && /* @__PURE__ */ o("div", { className: "flex shrink-0 items-center", children: s }),
+      l && /* @__PURE__ */ o(
+        "button",
+        {
+          type: "button",
+          onClick: l,
+          "aria-label": "Fechar",
+          className: h(
+            "flex size-5 shrink-0 items-center justify-center rounded-md transition-colors hover:opacity-70 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-agilys-primary",
+            f
+          ),
+          children: /* @__PURE__ */ o(_t, {})
+        }
+      )
+    ] });
+  }
+);
+je.displayName = "Card";
+var _e = {
+  color: void 0,
+  size: void 0,
+  className: void 0,
+  style: void 0,
+  attr: void 0
+}, be = W.createContext && /* @__PURE__ */ W.createContext(_e), Mt = ["attr", "size", "title"];
+function It(e, t) {
+  if (e == null) return {};
+  var r, n, a = Ot(e, t);
+  if (Object.getOwnPropertySymbols) {
+    var s = Object.getOwnPropertySymbols(e);
+    for (n = 0; n < s.length; n++) r = s[n], t.indexOf(r) === -1 && {}.propertyIsEnumerable.call(e, r) && (a[r] = e[r]);
+  }
+  return a;
+}
+function Ot(e, t) {
+  if (e == null) return {};
+  var r = {};
+  for (var n in e) if ({}.hasOwnProperty.call(e, n)) {
+    if (t.indexOf(n) !== -1) continue;
+    r[n] = e[n];
+  }
+  return r;
+}
+function Q() {
+  return Q = Object.assign ? Object.assign.bind() : function(e) {
+    for (var t = 1; t < arguments.length; t++) {
+      var r = arguments[t];
+      for (var n in r) ({}).hasOwnProperty.call(r, n) && (e[n] = r[n]);
+    }
+    return e;
+  }, Q.apply(null, arguments);
+}
+function me(e, t) {
+  var r = Object.keys(e);
+  if (Object.getOwnPropertySymbols) {
+    var n = Object.getOwnPropertySymbols(e);
+    t && (n = n.filter(function(a) {
+      return Object.getOwnPropertyDescriptor(e, a).enumerable;
+    })), r.push.apply(r, n);
+  }
+  return r;
+}
+function Y(e) {
+  for (var t = 1; t < arguments.length; t++) {
+    var r = arguments[t] != null ? arguments[t] : {};
+    t % 2 ? me(Object(r), !0).forEach(function(n) {
+      At(e, n, r[n]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : me(Object(r)).forEach(function(n) {
+      Object.defineProperty(e, n, Object.getOwnPropertyDescriptor(r, n));
+    });
+  }
+  return e;
+}
+function At(e, t, r) {
+  return (t = Et(t)) in e ? Object.defineProperty(e, t, { value: r, enumerable: !0, configurable: !0, writable: !0 }) : e[t] = r, e;
+}
+function Et(e) {
+  var t = Lt(e, "string");
+  return typeof t == "symbol" ? t : t + "";
+}
+function Lt(e, t) {
+  if (typeof e != "object" || !e) return e;
+  var r = e[Symbol.toPrimitive];
+  if (r !== void 0) {
+    var n = r.call(e, t);
+    if (typeof n != "object") return n;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return (t === "string" ? String : Number)(e);
+}
+function Se(e) {
+  return e && e.map((t, r) => /* @__PURE__ */ W.createElement(t.tag, Y({
+    key: r
+  }, t.attr), Se(t.child)));
+}
+function Me(e) {
+  return (t) => /* @__PURE__ */ W.createElement(Pt, Q({
+    attr: Y({}, e.attr)
+  }, t), Se(e.child));
+}
+function Pt(e) {
+  var t = (r) => {
+    var n = e.attr, a = e.size, s = e.title, l = It(e, Mt), i = a || r.size || "1em", d;
+    return r.className && (d = r.className), e.className && (d = (d ? d + " " : "") + e.className), /* @__PURE__ */ W.createElement("svg", Q({
+      stroke: "currentColor",
+      fill: "currentColor",
+      strokeWidth: "0"
+    }, r.attr, n, l, {
+      className: d,
+      style: Y(Y({
+        color: e.color || r.color
+      }, r.style), e.style),
+      height: i,
+      width: i,
+      xmlns: "http://www.w3.org/2000/svg"
+    }), s && /* @__PURE__ */ W.createElement("title", null, s), e.children);
+  };
+  return be !== void 0 ? /* @__PURE__ */ W.createElement(be.Consumer, null, (r) => t(r)) : t(_e);
+}
+function Vt(e) {
+  return Me({ attr: { viewBox: "0 0 512 512" }, child: [{ tag: "path", attr: { fill: "none", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "32", d: "M80 152v256a40.12 40.12 0 0 0 40 40h272a40.12 40.12 0 0 0 40-40V152" }, child: [] }, { tag: "rect", attr: { width: "416", height: "80", x: "48", y: "64", fill: "none", strokeLinejoin: "round", strokeWidth: "32", rx: "28", ry: "28" }, child: [] }, { tag: "path", attr: { fill: "none", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "32", d: "m320 304-64 64-64-64m64 41.89V224" }, child: [] }] })(e);
+}
+function Wt(e) {
+  return Me({ attr: { viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { fill: "none", d: "M0 0h24v24H0z" }, child: [] }, { tag: "path", attr: { d: "M16 9v10H8V9zm-1.5-6h-5l-1 1H5v2h14V4h-3.5zM18 7H6v12c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2z" }, child: [] }] })(e);
+}
+const Rt = S(
+  ({ className: e, title: t, body: r, timestamp: n, read: a = !1, onArchive: s, onDelete: l, ...i }, d) => /* @__PURE__ */ v(
+    je,
+    {
+      ref: d,
+      icon: null,
+      className: h(!a && "border-transparent bg-lightGray", e),
+      ...i,
+      children: [
+        /* @__PURE__ */ v("div", { className: "flex items-start justify-between gap-3", children: [
+          /* @__PURE__ */ v("div", { className: "flex min-w-0 items-center gap-2", children: [
+            !a && /* @__PURE__ */ o(
+              "span",
+              {
+                className: "size-2 shrink-0 rounded-full bg-danger-60",
+                "aria-label": "Não visualizada"
+              }
+            ),
+            /* @__PURE__ */ o(
+              C,
+              {
+                as: "div",
+                variant: "body",
+                weight: "semibold",
+                className: "truncate text-neutral-text-primary",
+                children: t
+              }
+            )
+          ] }),
+          /* @__PURE__ */ o(C, { as: "span", variant: "caption", className: "shrink-0 text-neutral-text-secondary", children: n })
+        ] }),
+        /* @__PURE__ */ o(C, { as: "div", variant: "bodySm", className: "text-neutral-text-secondary", children: r }),
+        /* @__PURE__ */ v("div", { className: "flex items-center justify-end gap-1 pt-1", children: [
+          /* @__PURE__ */ o(
+            "button",
+            {
+              type: "button",
+              onClick: s,
+              "aria-label": "Arquivar",
+              className: "flex size-7 shrink-0 items-center justify-center rounded-md text-neutral-text-secondary transition-colors hover:bg-neutral-surface-selected hover:text-neutral-text-primary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-agilys-primary",
+              children: /* @__PURE__ */ o(Vt, { className: "size-4", "aria-hidden": "true" })
+            }
+          ),
+          /* @__PURE__ */ o(
+            "button",
+            {
+              type: "button",
+              onClick: l,
+              "aria-label": "Excluir",
+              className: "flex size-7 shrink-0 items-center justify-center rounded-md text-neutral-text-secondary transition-colors hover:bg-danger-10 hover:text-danger-60 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-agilys-primary",
+              children: /* @__PURE__ */ o(Wt, { className: "size-4", "aria-hidden": "true" })
+            }
+          )
+        ] })
       ]
     }
   )
 );
-ut.displayName = "Badge";
-function pt(e, t) {
+Rt.displayName = "NotificationCard";
+function Gt(e, t) {
   return t.split(".").reduce(
     (r, n) => r == null ? void 0 : r[n],
     e
   );
 }
-function bt(e, t) {
+function Tt(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(
+  const r = Gt(e, t.key);
+  return r == null || r === "" ? null : /* @__PURE__ */ o(
     C,
     {
       as: "span",
@@ -2512,32 +2803,32 @@ function bt(e, t) {
     }
   );
 }
-const we = {
+const Ie = {
   left: "text-left justify-start",
   center: "text-center justify-center",
   right: "text-right justify-end"
-}, D = E(
-  ({ className: e, ...t }, r) => /* @__PURE__ */ _("span", { className: "relative inline-flex size-5 shrink-0 items-center justify-center", children: [
-    /* @__PURE__ */ l(
+}, re = S(
+  ({ className: e, ...t }, r) => /* @__PURE__ */ v("span", { className: "relative inline-flex size-5 shrink-0 items-center justify-center", children: [
+    /* @__PURE__ */ o(
       "input",
       {
         ref: r,
         type: "checkbox",
-        className: x(
+        className: h(
           "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
         ),
         ...t
       }
     ),
-    /* @__PURE__ */ l(
+    /* @__PURE__ */ o(
       "svg",
       {
         className: "pointer-events-none absolute size-3 text-white opacity-0 peer-checked:opacity-100",
         viewBox: "0 0 24 24",
         fill: "none",
         "aria-hidden": "true",
-        children: /* @__PURE__ */ l(
+        children: /* @__PURE__ */ o(
           "path",
           {
             d: "M5 13l4 4L19 7",
@@ -2551,16 +2842,16 @@ const we = {
     )
   ] })
 );
-D.displayName = "TableCheckbox";
-function ft({ className: e }) {
-  return /* @__PURE__ */ l(
+re.displayName = "TableCheckbox";
+function Bt({ className: e }) {
+  return /* @__PURE__ */ o(
     "svg",
     {
-      className: x("size-5 shrink-0", e),
+      className: h("size-5 shrink-0", e),
       viewBox: "0 0 24 24",
       fill: "none",
       "aria-hidden": "true",
-      children: /* @__PURE__ */ l(
+      children: /* @__PURE__ */ o(
         "path",
         {
           d: "M8 9l4-4 4 4M8 15l4 4 4-4",
@@ -2573,202 +2864,202 @@ function ft({ className: e }) {
     }
   );
 }
-const ee = E(
-  ({ className: e, align: t = "left", sortable: r, sorted: n, onSort: s, children: o, ...i }, a) => /* @__PURE__ */ l(
+const ne = S(
+  ({ className: e, align: t = "left", sortable: r, sorted: n, onSort: a, children: s, ...l }, i) => /* @__PURE__ */ o(
     "th",
     {
-      ref: a,
-      className: x(
+      ref: i,
+      className: h(
         "border-b border-neutral-divider-secondary px-5 py-2",
         e
       ),
-      ...i,
-      children: /* @__PURE__ */ _(
+      ...l,
+      children: /* @__PURE__ */ v(
         "span",
         {
-          className: x(
+          className: h(
             "flex items-center gap-1.5",
-            we[t ?? "left"],
+            Ie[t ?? "left"],
             r && "cursor-pointer select-none"
           ),
-          onClick: r ? s : void 0,
+          onClick: r ? a : void 0,
           children: [
-            /* @__PURE__ */ l(
+            /* @__PURE__ */ o(
               C,
               {
                 as: "span",
                 variant: "bodySm",
                 weight: "medium",
                 className: "flex-1 truncate text-neutral-text-secondary",
-                children: o
+                children: s
               }
             ),
-            r && /* @__PURE__ */ l(ft, { className: x(n && "text-agilys-primary") })
+            r && /* @__PURE__ */ o(Bt, { className: h(n && "text-agilys-primary") })
           ]
         }
       )
     }
   )
 );
-ee.displayName = "TableHeadCell";
-function ue({
+ne.displayName = "TableHeadCell";
+function ge({
   align: e = "left",
   className: t,
   children: r,
   onClick: n
 }) {
-  return /* @__PURE__ */ l(
+  return /* @__PURE__ */ o(
     "td",
     {
       onClick: n,
-      className: x(
+      className: h(
         "border-b border-neutral-divider-secondary px-5 py-3",
         t
       ),
-      children: /* @__PURE__ */ l(
+      children: /* @__PURE__ */ o(
         C,
         {
-          className: x("flex items-center gap-2", we[e ?? "left"]),
+          className: h("flex items-center gap-2", Ie[e ?? "left"]),
           children: r
         }
       )
     }
   );
 }
-function mt(e, t, r) {
+function $t(e, t, r) {
   if (typeof r == "function") return r(e);
   const n = e;
   return r ? n[r] ?? t : n.id ?? t;
 }
-function Mt({
+function tr({
   keys: e,
   data: t,
   rowKey: r,
   loading: n,
-  loadingMessage: s = "Carregando dados...",
-  emptyMessage: o = "Nenhum dado para ser exibido!",
-  selectable: i,
-  selectedRowKeys: a,
-  onSelectionChange: u,
+  loadingMessage: a = "Carregando dados...",
+  emptyMessage: s = "Nenhum dado para ser exibido!",
+  selectable: l,
+  selectedRowKeys: i,
+  onSelectionChange: d,
   sortKey: c,
   sortDirection: p,
-  onSortChange: g,
+  onSortChange: b,
   onRowClick: f,
-  shadow: z = !1,
-  border: k = !0,
-  className: m,
-  ...b
+  shadow: j = !1,
+  border: N = !0,
+  className: g,
+  ...m
 }) {
-  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((S) => S !== w) : [...N, w]
+  const w = e.length + (l ? 1 : 0), z = i ?? [], M = t.map((k, _) => $t(k, _, r)), I = M.length > 0 && M.every((k) => z.includes(k)), R = () => {
+    d && d(I ? [] : M);
+  }, K = (k) => {
+    d && d(
+      z.includes(k) ? z.filter((_) => _ !== k) : [...z, k]
     );
   };
-  return /* @__PURE__ */ l(
+  return /* @__PURE__ */ o(
     "div",
     {
-      className: x(
+      className: h(
         "w-full overflow-x-auto rounded-lg",
-        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)]"
+        N && "border border-neutral-divider-secondary",
+        j && "shadow-[0px_0px_2px_0px_rgba(66,74,98,0.04),0px_3px_8px_0px_rgba(66,74,98,0.09)]"
       ),
-      children: /* @__PURE__ */ _(
+      children: /* @__PURE__ */ v(
         "table",
         {
-          className: x("w-full border-collapse font-sans", m),
-          ...b,
+          className: h("w-full border-collapse font-sans", g),
+          ...m,
           children: [
-            /* @__PURE__ */ l("thead", { children: /* @__PURE__ */ _("tr", { children: [
-              i && /* @__PURE__ */ l(ee, { align: "center", className: "w-11", children: /* @__PURE__ */ l(
-                D,
+            /* @__PURE__ */ o("thead", { children: /* @__PURE__ */ v("tr", { children: [
+              l && /* @__PURE__ */ o(ne, { align: "center", className: "w-11", children: /* @__PURE__ */ o(
+                re,
                 {
-                  checked: j,
-                  onChange: L,
+                  checked: I,
+                  onChange: R,
                   "aria-label": "Selecionar todas as linhas"
                 }
               ) }),
-              e.map((w, S) => /* @__PURE__ */ l(
-                ee,
+              e.map((k, _) => /* @__PURE__ */ o(
+                ne,
                 {
-                  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
+                  align: k.align,
+                  sortable: !!k.key && !!b,
+                  sorted: k.key && c === k.key ? p : !1,
+                  onSort: () => k.key && (b == null ? void 0 : b(k.key)),
+                  children: k.label
                 },
-                w.key ?? `column-${S}`
+                k.key ?? `column-${_}`
               ))
             ] }) }),
-            /* @__PURE__ */ l("tbody", { children: n ? /* @__PURE__ */ l("tr", { children: /* @__PURE__ */ l(
+            /* @__PURE__ */ o("tbody", { children: n ? /* @__PURE__ */ o("tr", { children: /* @__PURE__ */ o(
               "td",
               {
-                colSpan: v,
+                colSpan: w,
                 className: "border-b border-neutral-divider-secondary bg-neutral-surface-lightest px-5 py-6",
-                children: /* @__PURE__ */ l(
+                children: /* @__PURE__ */ o(
                   C,
                   {
                     as: "p",
                     variant: "body",
                     className: "w-full text-center text-neutral-text-secondary",
-                    children: s
+                    children: a
                   }
                 )
               }
-            ) }) : t.length === 0 ? /* @__PURE__ */ l("tr", { children: /* @__PURE__ */ l(
+            ) }) : t.length === 0 ? /* @__PURE__ */ o("tr", { children: /* @__PURE__ */ o(
               "td",
               {
-                colSpan: v,
+                colSpan: w,
                 className: "border-b border-neutral-divider-secondary bg-neutral-surface-lightest px-5 py-6",
-                children: /* @__PURE__ */ l(
+                children: /* @__PURE__ */ o(
                   C,
                   {
                     as: "p",
                     variant: "body",
                     className: "w-full text-center text-neutral-text-secondary",
-                    children: o
+                    children: s
                   }
                 )
               }
-            ) }) : t.map((w, S) => {
-              const T = M[S];
-              return /* @__PURE__ */ _(
+            ) }) : t.map((k, _) => {
+              const V = M[_];
+              return /* @__PURE__ */ v(
                 "tr",
                 {
-                  onClick: f ? () => f(w) : void 0,
-                  className: x(
-                    S % 2 === 0 ? "bg-neutral-surface-lightest" : "bg-white",
+                  onClick: f ? () => f(k) : void 0,
+                  className: h(
+                    _ % 2 === 0 ? "bg-neutral-surface-lightest" : "bg-white",
                     f && "cursor-pointer"
                   ),
                   children: [
-                    i && /* @__PURE__ */ l(
-                      ue,
+                    l && /* @__PURE__ */ o(
+                      ge,
                       {
                         align: "center",
-                        onClick: (A) => A.stopPropagation(),
-                        children: /* @__PURE__ */ l(
-                          D,
+                        onClick: (O) => O.stopPropagation(),
+                        children: /* @__PURE__ */ o(
+                          re,
                           {
-                            checked: N.includes(T),
-                            onChange: () => q(T),
+                            checked: z.includes(V),
+                            onChange: () => K(V),
                             "aria-label": "Selecionar linha"
                           }
                         )
                       }
                     ),
-                    e.map((A, P) => /* @__PURE__ */ l(
-                      ue,
+                    e.map((O, $) => /* @__PURE__ */ o(
+                      ge,
                       {
-                        align: A.align,
-                        className: A.className,
-                        children: bt(w, A)
+                        align: O.align,
+                        className: O.className,
+                        children: Tt(k, O)
                       },
-                      A.key ?? `column-${P}`
+                      O.key ?? `column-${$}`
                     ))
                   ]
                 },
-                T
+                V
               );
             }) })
           ]
@@ -2777,7 +3068,7 @@ function Mt({
     }
   );
 }
-const gt = H(
+const Ht = T(
   "relative inline-flex shrink-0 items-center justify-center overflow-hidden rounded-full bg-neutral-surface-lightest font-sans font-medium text-neutral-text-secondary",
   {
     variants: {
@@ -2792,43 +3083,43 @@ const gt = H(
     }
   }
 );
-function ht(e) {
+function Ft(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 xt = {
+const Ut = {
   sm: "caption",
   md: "bodySm",
   lg: "body"
-}, 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(gt({ size: t }), e), ...o, children: r ? /* @__PURE__ */ l("img", { src: r, alt: n, className: "size-full object-cover" }) : s && /* @__PURE__ */ l(
+}, Oe = S(
+  ({ className: e, size: t, src: r, alt: n = "", name: a, ...s }, l) => {
+    const i = t ?? "md";
+    return /* @__PURE__ */ o("span", { ref: l, className: h(Ht({ size: t }), e), ...s, children: r ? /* @__PURE__ */ o("img", { src: r, alt: n, className: "size-full object-cover" }) : a && /* @__PURE__ */ o(
       C,
       {
         as: "span",
-        variant: xt[a],
+        variant: Ut[i],
         weight: "medium",
         className: "text-inherit leading-none",
-        children: ht(s)
+        children: Ft(a)
       }
     ) });
   }
 );
-ke.displayName = "Avatar";
-function jt({
+Oe.displayName = "Avatar";
+function rr({
   src: e,
   name: t,
   description: r,
   size: n = "md",
-  className: s
+  className: a
 }) {
-  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__ */ _("div", { className: "flex min-w-0 flex-col", children: [
-      /* @__PURE__ */ l(C, { as: "span", variant: "body", className: "truncate", children: t }),
-      r && /* @__PURE__ */ l(
+  return /* @__PURE__ */ v("div", { className: h("flex min-w-0 items-center gap-2", a), children: [
+    /* @__PURE__ */ o(Oe, { src: e, name: t, size: n }),
+    /* @__PURE__ */ v("div", { className: "flex min-w-0 flex-col", children: [
+      /* @__PURE__ */ o(C, { as: "span", variant: "body", className: "truncate", children: t }),
+      r && /* @__PURE__ */ o(
         C,
         {
           as: "span",
@@ -2840,24 +3131,24 @@ function jt({
     ] })
   ] });
 }
-const F = "ellipsis";
+const q = "ellipsis";
 function Z(e, t) {
   return Array.from({ length: t - e + 1 }, (r, n) => e + n);
 }
-function yt(e, t, r) {
+function qt(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];
+  const a = Math.max(e - r, 1), s = Math.min(e + r, t), l = a > 2, i = s < t - 1;
+  return !l && i ? [...Z(1, 3 + r * 2), q, t] : l && !i ? [1, q, ...Z(t - (2 + r * 2), t)] : [1, q, ...Z(a, s), q, t];
 }
-function pe({ direction: e, className: t }) {
-  return /* @__PURE__ */ l(
+function he({ direction: e, className: t }) {
+  return /* @__PURE__ */ o(
     "svg",
     {
-      className: x("size-4", t),
+      className: h("size-4", t),
       viewBox: "0 0 24 24",
       fill: "none",
       "aria-hidden": "true",
-      children: /* @__PURE__ */ l(
+      children: /* @__PURE__ */ o(
         "path",
         {
           d: e === "left" ? "M15 6l-6 6 6 6" : "M9 6l6 6-6 6",
@@ -2870,63 +3161,63 @@ function pe({ direction: e, className: t }) {
     }
   );
 }
-const vt = E(
-  ({ currentPage: e, totalPages: t, onPageChange: r, siblingCount: n = 1, className: s, ...o }, i) => {
+const Kt = S(
+  ({ currentPage: e, totalPages: t, onPageChange: r, siblingCount: n = 1, className: a, ...s }, l) => {
     if (t <= 1) return null;
-    const a = yt(e, t, n), u = (c) => {
+    const i = qt(e, t, n), d = (c) => {
       c < 1 || c > t || c === e || r(c);
     };
-    return /* @__PURE__ */ _(
+    return /* @__PURE__ */ v(
       "nav",
       {
-        ref: i,
+        ref: l,
         "aria-label": "Paginação",
-        className: x("flex items-center gap-1 font-sans", s),
-        ...o,
+        className: h("flex items-center gap-1 font-sans", a),
+        ...s,
         children: [
-          /* @__PURE__ */ l(
+          /* @__PURE__ */ o(
             "button",
             {
               type: "button",
               "aria-label": "Página anterior",
               disabled: e === 1,
-              onClick: () => u(e - 1),
+              onClick: () => d(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(pe, { direction: "left" })
+              children: /* @__PURE__ */ o(he, { direction: "left" })
             }
           ),
-          a.map(
-            (c, p) => c === F ? /* @__PURE__ */ l(
+          i.map(
+            (c, p) => c === q ? /* @__PURE__ */ o(
               "span",
               {
                 className: "inline-flex size-9 shrink-0 items-center justify-center text-neutral-text-secondary",
-                children: /* @__PURE__ */ l(C, { as: "span", variant: "bodySm", className: "text-inherit", children: "…" })
+                children: /* @__PURE__ */ o(C, { as: "span", variant: "bodySm", className: "text-inherit", children: "…" })
               },
               `ellipsis-${p}`
-            ) : /* @__PURE__ */ l(
+            ) : /* @__PURE__ */ o(
               "button",
               {
                 type: "button",
                 "aria-current": c === e ? "page" : void 0,
-                onClick: () => u(c),
-                className: x(
+                onClick: () => d(c),
+                className: h(
                   "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(C, { as: "span", variant: "bodySm", weight: "medium", className: "text-inherit", children: c })
+                children: /* @__PURE__ */ o(C, { as: "span", variant: "bodySm", weight: "medium", className: "text-inherit", children: c })
               },
               c
             )
           ),
-          /* @__PURE__ */ l(
+          /* @__PURE__ */ o(
             "button",
             {
               type: "button",
               "aria-label": "Próxima página",
               disabled: e === t,
-              onClick: () => u(e + 1),
+              onClick: () => d(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(pe, { direction: "right" })
+              children: /* @__PURE__ */ o(he, { direction: "right" })
             }
           )
         ]
@@ -2934,8 +3225,8 @@ const vt = E(
     );
   }
 );
-vt.displayName = "Pagination";
-const wt = H(
+Kt.displayName = "Pagination";
+const Jt = T(
   "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: {
@@ -2948,31 +3239,31 @@ const wt = H(
       hasError: !1
     }
   }
-), kt = E(
+), Xt = S(
   ({
     className: e,
     containerClassName: t,
     label: r,
     leftIcon: n,
-    rightIcon: s,
-    bgIcon: o = !1,
-    error: i,
-    disabled: a,
-    id: u,
+    rightIcon: a,
+    bgIcon: s = !1,
+    error: l,
+    disabled: i,
+    id: d,
     ...c
   }, p) => {
-    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__ */ _(
+    const b = xe(), f = d ?? b, j = typeof l == "string" ? l : l == null ? void 0 : l.message, N = !!j, g = `${f}-error`;
+    return /* @__PURE__ */ v("div", { className: h("flex w-full min-w-0 flex-col gap-1.5", t), children: [
+      r && /* @__PURE__ */ o(C, { as: "label", htmlFor: f, variant: "body", className: "text-neutral-text-primary", children: r }),
+      /* @__PURE__ */ v(
         "div",
         {
-          className: x(
-            wt({ hasError: k }),
-            a && "pointer-events-none opacity-50"
+          className: h(
+            Jt({ hasError: N }),
+            i && "pointer-events-none opacity-50"
           ),
           children: [
-            n && /* @__PURE__ */ l(
+            n && /* @__PURE__ */ o(
               "span",
               {
                 className: "flex size-6 shrink-0 items-center justify-center text-neutral-secondary [&>svg]:size-full",
@@ -2980,42 +3271,42 @@ const wt = H(
                 children: n
               }
             ),
-            /* @__PURE__ */ l(
+            /* @__PURE__ */ o(
               "input",
               {
                 ref: p,
                 id: f,
-                disabled: a,
-                "aria-invalid": k || void 0,
-                "aria-describedby": k ? m : void 0,
-                className: x(
+                disabled: i,
+                "aria-invalid": N || void 0,
+                "aria-describedby": N ? g : void 0,
+                className: h(
                   "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(
+            a && /* @__PURE__ */ o(
               "span",
               {
-                className: x(
+                className: h(
                   "flex size-6 shrink-0 items-center justify-center text-neutral-secondary [&>svg]:size-full",
-                  o && "rounded-md bg-lightGray p-1"
+                  s && "rounded-md bg-lightGray p-1"
                 ),
                 "aria-hidden": "true",
-                children: s
+                children: a
               }
             )
           ]
         }
       ),
-      k && /* @__PURE__ */ l(C, { as: "span", id: m, role: "alert", variant: "caption", className: "text-danger-60", children: z })
+      N && /* @__PURE__ */ o(C, { as: "span", id: g, role: "alert", variant: "caption", className: "text-danger-60", children: j })
     ] });
   }
 );
-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(
+Xt.displayName = "Input";
+function Zt() {
+  return /* @__PURE__ */ o("svg", { className: "size-5", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ o(
     "path",
     {
       d: "M18 6L6 18M6 6l12 12",
@@ -3025,52 +3316,52 @@ function Nt() {
     }
   ) });
 }
-const zt = E(
+const Qt = S(
   ({
     open: e,
     onClose: t,
     title: r,
     children: n,
-    footer: s,
-    closeOnBackdropClick: o = !0,
-    showCloseButton: i = !0,
-    className: a,
-    contentClassName: u,
+    footer: a,
+    closeOnBackdropClick: s = !0,
+    showCloseButton: l = !0,
+    className: i,
+    contentClassName: d,
     ...c
   }, p) => {
-    const g = be(), f = ze(null), [z, k] = Ce(!1);
-    return ae(() => k(!0), []), ae(() => {
-      var v;
+    const b = xe(), f = Ee(null), [j, N] = Le(!1);
+    return ce(() => N(!0), []), ce(() => {
+      var w;
       if (!e) return;
-      const m = document.body.style.overflow;
-      document.body.style.overflow = "hidden", (v = f.current) == null || v.focus();
-      const b = (N) => {
-        N.key === "Escape" && t();
+      const g = document.body.style.overflow;
+      document.body.style.overflow = "hidden", (w = f.current) == null || w.focus();
+      const m = (z) => {
+        z.key === "Escape" && t();
       };
-      return document.addEventListener("keydown", b), () => {
-        document.body.style.overflow = m, document.removeEventListener("keydown", b);
+      return document.addEventListener("keydown", m), () => {
+        document.body.style.overflow = g, document.removeEventListener("keydown", m);
       };
-    }, [e, t]), !e || !z ? null : _e(
-      /* @__PURE__ */ l(
+    }, [e, t]), !e || !j ? null : Pe(
+      /* @__PURE__ */ o(
         "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__ */ _(
+          onClick: s ? t : void 0,
+          children: /* @__PURE__ */ v(
             "div",
             {
               ref: p,
               role: "dialog",
               "aria-modal": "true",
-              "aria-labelledby": r ? g : void 0,
-              onClick: (m) => m.stopPropagation(),
-              className: x(
+              "aria-labelledby": r ? b : void 0,
+              onClick: (g) => g.stopPropagation(),
+              className: h(
                 "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
+                i
               ),
               ...c,
               children: [
-                i && /* @__PURE__ */ l(
+                l && /* @__PURE__ */ o(
                   "button",
                   {
                     ref: f,
@@ -3078,31 +3369,31 @@ const zt = E(
                     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, {})
+                    children: /* @__PURE__ */ o(Zt, {})
                   }
                 ),
-                r && /* @__PURE__ */ l("div", { className: "pr-8", children: /* @__PURE__ */ l(
+                r && /* @__PURE__ */ o("div", { className: "pr-8", children: /* @__PURE__ */ o(
                   C,
                   {
                     as: "h2",
-                    id: g,
+                    id: b,
                     variant: "h4",
                     weight: "medium",
                     className: "text-neutral-text-primary",
                     children: r
                   }
                 ) }),
-                /* @__PURE__ */ l(
+                /* @__PURE__ */ o(
                   "div",
                   {
-                    className: x(
+                    className: h(
                       "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
+                      d
                     ),
                     children: n
                   }
                 ),
-                s && /* @__PURE__ */ l("div", { className: "flex flex-wrap items-center gap-2.5 pt-1", children: s })
+                a && /* @__PURE__ */ o("div", { className: "flex flex-wrap items-center gap-2.5 pt-1", children: a })
               ]
             }
           )
@@ -3112,25 +3403,28 @@ const zt = E(
     );
   }
 );
-zt.displayName = "Modal";
+Qt.displayName = "Modal";
 export {
-  ke as Avatar,
-  jt as AvatarColumn,
-  ut 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,
+  Oe as Avatar,
+  rr as AvatarColumn,
+  vt as Badge,
+  mt as Button,
+  je as Card,
+  Xt as Input,
+  Qt as Modal,
+  Rt as NotificationCard,
+  Kt as Pagination,
+  tr as Table,
+  ge as TableCell,
+  re as TableCheckbox,
+  ne as TableHeadCell,
   C as Text,
-  gt as avatarVariants,
-  ct as badgeVariants,
-  st as buttonVariants,
-  x as cn,
-  wt as inputVariants,
-  it as textVariants
+  Ht as avatarVariants,
+  xt as badgeVariants,
+  bt as buttonVariants,
+  wt as cardVariants,
+  h as cn,
+  Jt as inputVariants,
+  gt as textVariants
 };
 //# sourceMappingURL=agilys-design-system.js.map