@canaia/ui-kit 0.0.10-alpha.43 → 0.0.10-alpha.44

package/dist/canaia-ui-kit.es.js

@@ -2892,7 +2892,7 @@ const yh = (e) => (t) => Dv({
   pseudos: oi,
   configs: Gu
 })(e);
-function mt(e) {
+function gt(e) {
   return {
     definePartsStyle(t) {
       return t;
@@ -3364,7 +3364,7 @@ nt("stepper").parts(
   "icon",
   "number"
 );
-const { definePartsStyle: j5, defineMultiStyleConfig: P5 } = mt(n5.keys), E5 = {
+const { definePartsStyle: j5, defineMultiStyleConfig: P5 } = gt(n5.keys), E5 = {
   borderTopWidth: "1px",
   borderColor: "inherit",
   _last: {
@@ -3605,7 +3605,7 @@ function Vt(e, t) {
 function l6(e) {
   return e == null ? void 0 : e.reference;
 }
-const { definePartsStyle: $a, defineMultiStyleConfig: u6 } = mt(r5.keys), wn = Ee("alert-fg"), Ir = Ee("alert-bg"), d6 = $a({
+const { definePartsStyle: $a, defineMultiStyleConfig: u6 } = gt(r5.keys), wn = Ee("alert-fg"), Ir = Ee("alert-bg"), d6 = $a({
   container: {
     bg: Ir.reference,
     px: "4",
@@ -3774,7 +3774,7 @@ const f6 = $a((e) => {
 function on(e, ...t) {
   return x6(e) ? e(...t) : e;
 }
-const { definePartsStyle: kh, defineMultiStyleConfig: C6 } = mt(o5.keys), ii = Ee("avatar-border-color"), oa = Ee("avatar-bg"), ga = Ee("avatar-font-size"), mi = Ee("avatar-size"), w6 = {
+const { definePartsStyle: kh, defineMultiStyleConfig: C6 } = gt(o5.keys), ii = Ee("avatar-border-color"), oa = Ee("avatar-bg"), ga = Ee("avatar-font-size"), mi = Ee("avatar-size"), w6 = {
   borderRadius: "full",
   border: "0.2em solid",
   borderColor: ii.reference,
@@ -3897,7 +3897,7 @@ const j6 = {
     variant: "subtle",
     colorScheme: "gray"
   }
-}, { defineMultiStyleConfig: I6, definePartsStyle: D6 } = mt(i5.keys), Zc = Ee("breadcrumb-link-decor"), $6 = {
+}, { defineMultiStyleConfig: I6, definePartsStyle: D6 } = gt(i5.keys), Zc = Ee("breadcrumb-link-decor"), $6 = {
   transitionProperty: "common",
   transitionDuration: "fast",
   transitionTimingFunction: "ease-out",
@@ -4078,7 +4078,7 @@ const j6 = {
     size: "md",
     colorScheme: "gray"
   }
-}, { definePartsStyle: ho, defineMultiStyleConfig: G6 } = mt(T5.keys), qs = Ee("card-bg"), Ar = Ee("card-padding"), Th = Ee("card-shadow"), _s = Ee("card-radius"), jh = Ee("card-border-width", "0"), Ph = Ee("card-border-color"), K6 = ho({
+}, { definePartsStyle: ho, defineMultiStyleConfig: G6 } = gt(T5.keys), qs = Ee("card-bg"), Ar = Ee("card-padding"), Th = Ee("card-shadow"), _s = Ee("card-radius"), jh = Ee("card-border-width", "0"), Ph = Ee("card-border-color"), K6 = ho({
   container: {
     [qs.variable]: "colors.chakra-body-bg",
     backgroundColor: qs.reference,
@@ -4156,7 +4156,7 @@ const j6 = {
     variant: "elevated",
     size: "md"
   }
-}), { definePartsStyle: Ts, defineMultiStyleConfig: Q6 } = mt(a5.keys), aa = Ee("checkbox-size"), ey = (e) => {
+}), { definePartsStyle: Ts, defineMultiStyleConfig: Q6 } = gt(a5.keys), aa = Ee("checkbox-size"), ey = (e) => {
   const { colorScheme: t } = e;
   return {
     w: aa.reference,
@@ -4314,7 +4314,7 @@ const j6 = {
   defaultProps: {
     variant: "solid"
   }
-}, { definePartsStyle: Xl, defineMultiStyleConfig: xy } = mt(s5.keys), Gc = Ee("drawer-bg"), Kc = Ee("drawer-box-shadow");
+}, { definePartsStyle: Xl, defineMultiStyleConfig: xy } = gt(s5.keys), Gc = Ee("drawer-bg"), Kc = Ee("drawer-box-shadow");
 function Bo(e) {
   return Xl(e === "full" ? {
     dialog: { maxW: "100vw", h: "100vh" }
@@ -4383,7 +4383,7 @@ const Cy = {
   defaultProps: {
     size: "xs"
   }
-}), { definePartsStyle: Oy, defineMultiStyleConfig: My } = mt(c5.keys), Ry = {
+}), { definePartsStyle: Oy, defineMultiStyleConfig: My } = gt(c5.keys), Ry = {
   borderRadius: "md",
   py: "1",
   transitionProperty: "common",
@@ -4410,7 +4410,7 @@ const Cy = {
   textarea: Dy
 }), Fy = My({
   baseStyle: $y
-}), { definePartsStyle: zy, defineMultiStyleConfig: Ly } = mt(l5.keys), ai = Ee("form-control-color"), By = {
+}), { definePartsStyle: zy, defineMultiStyleConfig: Ly } = gt(l5.keys), ai = Ee("form-control-color"), By = {
   marginStart: "1",
   [ai.variable]: "colors.red.500",
   _dark: {
@@ -4435,7 +4435,7 @@ const Cy = {
   helperText: Ny
 }), Wy = Ly({
   baseStyle: Vy
-}), { definePartsStyle: Hy, defineMultiStyleConfig: Uy } = mt(u5.keys), si = Ee("form-error-color"), qy = {
+}), { definePartsStyle: Hy, defineMultiStyleConfig: Uy } = gt(u5.keys), si = Ee("form-error-color"), qy = {
   [si.variable]: "colors.red.500",
   _dark: {
     [si.variable]: "colors.red.300"
@@ -4511,7 +4511,7 @@ const Cy = {
   defaultProps: {
     size: "xl"
   }
-}, { definePartsStyle: Er, defineMultiStyleConfig: tb } = mt(d5.keys), qo = Ee("input-height"), Zo = Ee("input-font-size"), Go = Ee("input-padding"), Ko = Ee("input-border-radius"), nb = Er({
+}, { definePartsStyle: Er, defineMultiStyleConfig: tb } = gt(d5.keys), qo = Ee("input-height"), Zo = Ee("input-font-size"), Go = Ee("input-padding"), Ko = Ee("input-border-radius"), nb = Er({
   addon: {
     height: qo.reference,
     fontSize: Zo.reference,
@@ -4729,7 +4729,7 @@ const ob = Er((e) => {
   }
 }, fb = {
   baseStyle: db
-}, { defineMultiStyleConfig: pb, definePartsStyle: hb } = mt(f5.keys), mb = {
+}, { defineMultiStyleConfig: pb, definePartsStyle: hb } = gt(f5.keys), mb = {
   marginEnd: "2",
   display: "inline",
   verticalAlign: "text-bottom"
@@ -4737,7 +4737,7 @@ const ob = Er((e) => {
   icon: mb
 }), vb = pb({
   baseStyle: gb
-}), { defineMultiStyleConfig: yb, definePartsStyle: bb } = mt(p5.keys), nr = Ee("menu-bg"), Xc = Ee("menu-shadow"), xb = {
+}), { defineMultiStyleConfig: yb, definePartsStyle: bb } = gt(p5.keys), nr = Ee("menu-bg"), Xc = Ee("menu-shadow"), xb = {
   [nr.variable]: "#fff",
   [Xc.variable]: "shadows.sm",
   _dark: {
@@ -4812,7 +4812,7 @@ const ob = Er((e) => {
   divider: _b
 }), Pb = yb({
   baseStyle: jb
-}), { defineMultiStyleConfig: Eb, definePartsStyle: Jl } = mt(h5.keys), Jc = Ee("modal-bg"), Qc = Ee("modal-shadow"), Ab = {
+}), { defineMultiStyleConfig: Eb, definePartsStyle: Jl } = gt(h5.keys), Jc = Ee("modal-bg"), Qc = Ee("modal-shadow"), Ab = {
   bg: "blackAlpha.600",
   zIndex: "modal"
 }, Ob = (e) => {
@@ -4959,7 +4959,7 @@ const zb = {
     "8xl": "6rem",
     "9xl": "8rem"
   }
-}, { defineMultiStyleConfig: Bb, definePartsStyle: Ah } = mt(m5.keys), Qu = Vt("number-input-stepper-width"), Oh = Vt("number-input-input-padding"), Nb = jr(Qu).add("0.5rem").toString(), el = Vt("number-input-bg"), tl = Vt("number-input-color"), nl = Vt("number-input-border-color"), Vb = {
+}, { defineMultiStyleConfig: Bb, definePartsStyle: Ah } = gt(m5.keys), Qu = Vt("number-input-stepper-width"), Oh = Vt("number-input-input-padding"), Nb = jr(Qu).add("0.5rem").toString(), el = Vt("number-input-bg"), tl = Vt("number-input-color"), nl = Vt("number-input-border-color"), Vb = {
   [Qu.variable]: "sizes.6",
   [Oh.variable]: Nb
 }, Wb = (e) => {
@@ -5082,7 +5082,7 @@ const Xb = {
   sizes: Yb,
   variants: Xb,
   defaultProps: tt.defaultProps
-}, { defineMultiStyleConfig: Qb, definePartsStyle: e7 } = mt(g5.keys), is = Vt("popper-bg"), t7 = Vt("popper-arrow-bg"), Xf = Vt("popper-arrow-shadow-color"), n7 = {
+}, { defineMultiStyleConfig: Qb, definePartsStyle: e7 } = gt(g5.keys), is = Vt("popper-bg"), t7 = Vt("popper-arrow-bg"), Xf = Vt("popper-arrow-shadow-color"), n7 = {
   zIndex: "popover"
 }, r7 = {
   [is.variable]: "colors.white",
@@ -5129,7 +5129,7 @@ const Xb = {
   closeButton: s7
 }), l7 = Qb({
   baseStyle: c7
-}), { defineMultiStyleConfig: u7, definePartsStyle: Gi } = mt(v5.keys), d7 = (e) => {
+}), { defineMultiStyleConfig: u7, definePartsStyle: Gi } = gt(v5.keys), d7 = (e) => {
   const { colorScheme: t, theme: n, isIndeterminate: r, hasStripe: o } = e, i = Pe(
     qf(),
     qf("1rem", "rgba(0,0,0,0.1)")
@@ -5178,7 +5178,7 @@ const Xb = {
     size: "md",
     colorScheme: "blue"
   }
-}), { defineMultiStyleConfig: y7, definePartsStyle: js } = mt(y5.keys), b7 = (e) => {
+}), { defineMultiStyleConfig: y7, definePartsStyle: js } = gt(y5.keys), b7 = (e) => {
   var n;
   const t = (n = on(Gr.baseStyle, e)) == null ? void 0 : n.control;
   return {
@@ -5224,7 +5224,7 @@ const Xb = {
     size: "md",
     colorScheme: "blue"
   }
-}), { defineMultiStyleConfig: S7, definePartsStyle: k7 } = mt(b5.keys), as = Ee("select-bg");
+}), { defineMultiStyleConfig: S7, definePartsStyle: k7 } = gt(b5.keys), as = Ee("select-bg");
 var B0;
 const _7 = {
   ...(B0 = tt.baseStyle) == null ? void 0 : B0.field,
@@ -5323,7 +5323,7 @@ const P7 = {
   }
 }, R7 = {
   baseStyle: M7
-}, { defineMultiStyleConfig: I7, definePartsStyle: yc } = mt(x5.keys), wo = Ee("slider-thumb-size"), va = Ee("slider-track-size"), Kr = Ee("slider-bg"), D7 = (e) => {
+}, { defineMultiStyleConfig: I7, definePartsStyle: yc } = gt(x5.keys), wo = Ee("slider-thumb-size"), va = Ee("slider-track-size"), Kr = Ee("slider-bg"), D7 = (e) => {
   const { orientation: t } = e;
   return {
     display: "inline-block",
@@ -5474,7 +5474,7 @@ const P7 = {
   defaultProps: {
     size: "md"
   }
-}, { defineMultiStyleConfig: G7, definePartsStyle: Mh } = mt(C5.keys), K7 = {
+}, { defineMultiStyleConfig: G7, definePartsStyle: Mh } = gt(C5.keys), K7 = {
   fontWeight: "medium"
 }, Y7 = {
   opacity: 0.8,
@@ -5505,7 +5505,7 @@ const P7 = {
   defaultProps: {
     size: "md"
   }
-}), { defineMultiStyleConfig: n8, definePartsStyle: Ki } = mt([
+}), { defineMultiStyleConfig: n8, definePartsStyle: Ki } = gt([
   "stepper",
   "step",
   "title",
@@ -5641,7 +5641,7 @@ const P7 = {
     size: "md",
     colorScheme: "blue"
   }
-}), { defineMultiStyleConfig: i8, definePartsStyle: Ps } = mt(w5.keys), ca = Vt("switch-track-width"), mo = Vt("switch-track-height"), al = Vt("switch-track-diff"), a8 = jr.subtract(ca, mo), Ql = Vt("switch-thumb-x"), Ni = Vt("switch-bg"), s8 = (e) => {
+}), { defineMultiStyleConfig: i8, definePartsStyle: Ps } = gt(w5.keys), ca = Vt("switch-track-width"), mo = Vt("switch-track-height"), al = Vt("switch-track-diff"), a8 = jr.subtract(ca, mo), Ql = Vt("switch-thumb-x"), Ni = Vt("switch-bg"), s8 = (e) => {
   const { colorScheme: t } = e;
   return {
     borderRadius: "full",
@@ -5715,7 +5715,7 @@ const P7 = {
     size: "md",
     colorScheme: "blue"
   }
-}), { defineMultiStyleConfig: f8, definePartsStyle: ci } = mt(S5.keys), p8 = ci({
+}), { defineMultiStyleConfig: f8, definePartsStyle: ci } = gt(S5.keys), p8 = ci({
   table: {
     fontVariantNumeric: "lining-nums tabular-nums",
     borderCollapse: "collapse",
@@ -5873,7 +5873,7 @@ const P7 = {
     size: "md",
     colorScheme: "gray"
   }
-}), dn = Ee("tabs-color"), Un = Ee("tabs-bg"), cs = Ee("tabs-border-color"), { defineMultiStyleConfig: b8, definePartsStyle: sr } = mt(k5.keys), x8 = (e) => {
+}), dn = Ee("tabs-color"), Un = Ee("tabs-bg"), cs = Ee("tabs-border-color"), { defineMultiStyleConfig: b8, definePartsStyle: sr } = gt(k5.keys), x8 = (e) => {
   const { orientation: t } = e;
   return {
     display: t === "vertical" ? "flex" : "block"
@@ -6075,7 +6075,7 @@ const P7 = {
     variant: "line",
     colorScheme: "blue"
   }
-}), { defineMultiStyleConfig: I8, definePartsStyle: go } = mt(_5.keys), Jf = Ee("tag-bg"), Qf = Ee("tag-color"), sl = Ee("tag-shadow"), Es = Ee("tag-min-height"), As = Ee("tag-min-width"), Os = Ee("tag-font-size"), Ms = Ee("tag-padding-inline"), D8 = {
+}), { defineMultiStyleConfig: I8, definePartsStyle: go } = gt(_5.keys), Jf = Ee("tag-bg"), Qf = Ee("tag-color"), sl = Ee("tag-shadow"), Es = Ee("tag-min-height"), As = Ee("tag-min-width"), Os = Ee("tag-font-size"), Ms = Ee("tag-padding-inline"), D8 = {
   fontWeight: "medium",
   lineHeight: 1.2,
   outline: 0,
@@ -11049,7 +11049,7 @@ const Wi = {
 function uS(e) {
   Object.assign(ec, e);
 }
-const { schedule: Rd, cancel: HR } = nm(queueMicrotask, !1);
+const { schedule: Rd, cancel: UR } = nm(queueMicrotask, !1);
 class dS extends t4 {
   /**
    * This only mounts projection nodes for components that
@@ -14153,7 +14153,7 @@ const [Y_, Mc] = Pt({
   providerName: "<AccordionItem />"
 }), [
   J_,
-  qR,
+  ZR,
   Q_,
   eT
 ] = L2();
@@ -21236,7 +21236,7 @@ const SO = {
   colors: nn,
   fonts: SO,
   styles: _O
-}), ZR = ({ children: e, ...t }) => /* @__PURE__ */ d.jsx(U_, { theme: Yr, ...t, children: e }), GR = ({ options: e, onChange: t, ...n }) => /* @__PURE__ */ d.jsx(kg, { onChange: (r) => t(r.target.value), ...n, children: e.map((r) => /* @__PURE__ */ d.jsx("option", { value: r.value, children: r.name }, r.value)) });
+}), GR = ({ children: e, ...t }) => /* @__PURE__ */ d.jsx(U_, { theme: Yr, ...t, children: e }), KR = ({ options: e, onChange: t, fontFamily: n = "sans-serif", fontSize: r = "1rem", ...o }) => /* @__PURE__ */ d.jsx(kg, { onChange: (i) => t(i.target.value), ...o, fontFamily: n, fontSize: r, ...o, children: e.map((i) => /* @__PURE__ */ d.jsx("option", { value: i.value, children: i.name }, i.value)) });
 var Rg = {
   color: void 0,
   size: void 0,
@@ -21317,7 +21317,7 @@ function Ig(e) {
     key: n
   }, t.attr), Ig(t.child)));
 }
-function gt(e) {
+function mt(e) {
   return (t) => /* @__PURE__ */ $t.createElement(RO, sc({
     attr: cc({}, e.attr)
   }, t), Ig(e.child));
@@ -21346,58 +21346,58 @@ function RO(e) {
   return x0 !== void 0 ? /* @__PURE__ */ $t.createElement(x0.Consumer, null, (n) => t(n)) : t(Rg);
 }
 function IO(e) {
-  return gt({ tag: "svg", attr: { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, child: [{ tag: "line", attr: { x1: "12", y1: "5", x2: "12", y2: "19" }, child: [] }, { tag: "polyline", attr: { points: "19 12 12 19 5 12" }, child: [] }] })(e);
+  return mt({ tag: "svg", attr: { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, child: [{ tag: "line", attr: { x1: "12", y1: "5", x2: "12", y2: "19" }, child: [] }, { tag: "polyline", attr: { points: "19 12 12 19 5 12" }, child: [] }] })(e);
 }
 function DO(e) {
-  return gt({ tag: "svg", attr: { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, child: [{ tag: "line", attr: { x1: "19", y1: "12", x2: "5", y2: "12" }, child: [] }, { tag: "polyline", attr: { points: "12 19 5 12 12 5" }, child: [] }] })(e);
+  return mt({ tag: "svg", attr: { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, child: [{ tag: "line", attr: { x1: "19", y1: "12", x2: "5", y2: "12" }, child: [] }, { tag: "polyline", attr: { points: "12 19 5 12 12 5" }, child: [] }] })(e);
 }
 function $O(e) {
-  return gt({ tag: "svg", attr: { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, child: [{ tag: "line", attr: { x1: "5", y1: "12", x2: "19", y2: "12" }, child: [] }, { tag: "polyline", attr: { points: "12 5 19 12 12 19" }, child: [] }] })(e);
+  return mt({ tag: "svg", attr: { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, child: [{ tag: "line", attr: { x1: "5", y1: "12", x2: "19", y2: "12" }, child: [] }, { tag: "polyline", attr: { points: "12 5 19 12 12 19" }, child: [] }] })(e);
 }
 function FO(e) {
-  return gt({ tag: "svg", attr: { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, child: [{ tag: "line", attr: { x1: "12", y1: "19", x2: "12", y2: "5" }, child: [] }, { tag: "polyline", attr: { points: "5 12 12 5 19 12" }, child: [] }] })(e);
+  return mt({ tag: "svg", attr: { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, child: [{ tag: "line", attr: { x1: "12", y1: "19", x2: "12", y2: "5" }, child: [] }, { tag: "polyline", attr: { points: "5 12 12 5 19 12" }, child: [] }] })(e);
 }
 function zO(e) {
-  return gt({ tag: "svg", attr: { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, child: [{ tag: "rect", attr: { x: "9", y: "9", width: "13", height: "13", rx: "2", ry: "2" }, child: [] }, { tag: "path", attr: { d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" }, child: [] }] })(e);
+  return mt({ tag: "svg", attr: { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, child: [{ tag: "rect", attr: { x: "9", y: "9", width: "13", height: "13", rx: "2", ry: "2" }, child: [] }, { tag: "path", attr: { d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" }, child: [] }] })(e);
 }
 function LO(e) {
-  return gt({ tag: "svg", attr: { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, child: [{ tag: "line", attr: { x1: "12", y1: "1", x2: "12", y2: "23" }, child: [] }, { tag: "path", attr: { d: "M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6" }, child: [] }] })(e);
+  return mt({ tag: "svg", attr: { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, child: [{ tag: "line", attr: { x1: "12", y1: "1", x2: "12", y2: "23" }, child: [] }, { tag: "path", attr: { d: "M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6" }, child: [] }] })(e);
 }
 function BO(e) {
-  return gt({ tag: "svg", attr: { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, child: [{ tag: "path", attr: { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }, child: [] }, { tag: "polyline", attr: { points: "7 10 12 15 17 10" }, child: [] }, { tag: "line", attr: { x1: "12", y1: "15", x2: "12", y2: "3" }, child: [] }] })(e);
+  return mt({ tag: "svg", attr: { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, child: [{ tag: "path", attr: { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }, child: [] }, { tag: "polyline", attr: { points: "7 10 12 15 17 10" }, child: [] }, { tag: "line", attr: { x1: "12", y1: "15", x2: "12", y2: "3" }, child: [] }] })(e);
 }
 function NO(e) {
-  return gt({ tag: "svg", attr: { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, child: [{ tag: "path", attr: { d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6" }, child: [] }, { tag: "polyline", attr: { points: "15 3 21 3 21 9" }, child: [] }, { tag: "line", attr: { x1: "10", y1: "14", x2: "21", y2: "3" }, child: [] }] })(e);
+  return mt({ tag: "svg", attr: { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, child: [{ tag: "path", attr: { d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6" }, child: [] }, { tag: "polyline", attr: { points: "15 3 21 3 21 9" }, child: [] }, { tag: "line", attr: { x1: "10", y1: "14", x2: "21", y2: "3" }, child: [] }] })(e);
 }
 function VO(e) {
-  return gt({ tag: "svg", attr: { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, child: [{ tag: "path", attr: { d: "M13 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9z" }, child: [] }, { tag: "polyline", attr: { points: "13 2 13 9 20 9" }, child: [] }] })(e);
+  return mt({ tag: "svg", attr: { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, child: [{ tag: "path", attr: { d: "M13 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9z" }, child: [] }, { tag: "polyline", attr: { points: "13 2 13 9 20 9" }, child: [] }] })(e);
 }
 function Dg(e) {
-  return gt({ tag: "svg", attr: { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, child: [{ tag: "path", attr: { d: "M12 1a3 3 0 0 0-3 3v8a3 3 0 0 0 6 0V4a3 3 0 0 0-3-3z" }, child: [] }, { tag: "path", attr: { d: "M19 10v2a7 7 0 0 1-14 0v-2" }, child: [] }, { tag: "line", attr: { x1: "12", y1: "19", x2: "12", y2: "23" }, child: [] }, { tag: "line", attr: { x1: "8", y1: "23", x2: "16", y2: "23" }, child: [] }] })(e);
+  return mt({ tag: "svg", attr: { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, child: [{ tag: "path", attr: { d: "M12 1a3 3 0 0 0-3 3v8a3 3 0 0 0 6 0V4a3 3 0 0 0-3-3z" }, child: [] }, { tag: "path", attr: { d: "M19 10v2a7 7 0 0 1-14 0v-2" }, child: [] }, { tag: "line", attr: { x1: "12", y1: "19", x2: "12", y2: "23" }, child: [] }, { tag: "line", attr: { x1: "8", y1: "23", x2: "16", y2: "23" }, child: [] }] })(e);
 }
 function WO(e) {
-  return gt({ tag: "svg", attr: { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, child: [{ tag: "rect", attr: { x: "6", y: "4", width: "4", height: "16" }, child: [] }, { tag: "rect", attr: { x: "14", y: "4", width: "4", height: "16" }, child: [] }] })(e);
+  return mt({ tag: "svg", attr: { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, child: [{ tag: "rect", attr: { x: "6", y: "4", width: "4", height: "16" }, child: [] }, { tag: "rect", attr: { x: "14", y: "4", width: "4", height: "16" }, child: [] }] })(e);
 }
 function HO(e) {
-  return gt({ tag: "svg", attr: { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, child: [{ tag: "polygon", attr: { points: "5 3 19 12 5 21 5 3" }, child: [] }] })(e);
+  return mt({ tag: "svg", attr: { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, child: [{ tag: "polygon", attr: { points: "5 3 19 12 5 21 5 3" }, child: [] }] })(e);
 }
 function UO(e) {
-  return gt({ tag: "svg", attr: { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, child: [{ tag: "line", attr: { x1: "12", y1: "5", x2: "12", y2: "19" }, child: [] }, { tag: "line", attr: { x1: "5", y1: "12", x2: "19", y2: "12" }, child: [] }] })(e);
+  return mt({ tag: "svg", attr: { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, child: [{ tag: "line", attr: { x1: "12", y1: "5", x2: "12", y2: "19" }, child: [] }, { tag: "line", attr: { x1: "5", y1: "12", x2: "19", y2: "12" }, child: [] }] })(e);
 }
 function qO(e) {
-  return gt({ tag: "svg", attr: { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, child: [{ tag: "path", attr: { d: "M19 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11l5 5v11a2 2 0 0 1-2 2z" }, child: [] }, { tag: "polyline", attr: { points: "17 21 17 13 7 13 7 21" }, child: [] }, { tag: "polyline", attr: { points: "7 3 7 8 15 8" }, child: [] }] })(e);
+  return mt({ tag: "svg", attr: { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, child: [{ tag: "path", attr: { d: "M19 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11l5 5v11a2 2 0 0 1-2 2z" }, child: [] }, { tag: "polyline", attr: { points: "17 21 17 13 7 13 7 21" }, child: [] }, { tag: "polyline", attr: { points: "7 3 7 8 15 8" }, child: [] }] })(e);
 }
 function w0(e) {
-  return gt({ tag: "svg", attr: { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, child: [{ tag: "path", attr: { d: "M10 15v4a3 3 0 0 0 3 3l4-9V2H5.72a2 2 0 0 0-2 1.7l-1.38 9a2 2 0 0 0 2 2.3zm7-13h2.67A2.31 2.31 0 0 1 22 4v7a2.31 2.31 0 0 1-2.33 2H17" }, child: [] }] })(e);
+  return mt({ tag: "svg", attr: { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, child: [{ tag: "path", attr: { d: "M10 15v4a3 3 0 0 0 3 3l4-9V2H5.72a2 2 0 0 0-2 1.7l-1.38 9a2 2 0 0 0 2 2.3zm7-13h2.67A2.31 2.31 0 0 1 22 4v7a2.31 2.31 0 0 1-2.33 2H17" }, child: [] }] })(e);
 }
 function S0(e) {
-  return gt({ tag: "svg", attr: { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, child: [{ tag: "path", attr: { d: "M14 9V5a3 3 0 0 0-3-3l-4 9v11h11.28a2 2 0 0 0 2-1.7l1.38-9a2 2 0 0 0-2-2.3zM7 22H4a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h3" }, child: [] }] })(e);
+  return mt({ tag: "svg", attr: { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, child: [{ tag: "path", attr: { d: "M14 9V5a3 3 0 0 0-3-3l-4 9v11h11.28a2 2 0 0 0 2-1.7l1.38-9a2 2 0 0 0-2-2.3zM7 22H4a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h3" }, child: [] }] })(e);
 }
 function ZO(e) {
-  return gt({ tag: "svg", attr: { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, child: [{ tag: "polyline", attr: { points: "3 6 5 6 21 6" }, child: [] }, { tag: "path", attr: { d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" }, child: [] }, { tag: "line", attr: { x1: "10", y1: "11", x2: "10", y2: "17" }, child: [] }, { tag: "line", attr: { x1: "14", y1: "11", x2: "14", y2: "17" }, child: [] }] })(e);
+  return mt({ tag: "svg", attr: { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, child: [{ tag: "polyline", attr: { points: "3 6 5 6 21 6" }, child: [] }, { tag: "path", attr: { d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" }, child: [] }, { tag: "line", attr: { x1: "10", y1: "11", x2: "10", y2: "17" }, child: [] }, { tag: "line", attr: { x1: "14", y1: "11", x2: "14", y2: "17" }, child: [] }] })(e);
 }
 function GO(e) {
-  return gt({ tag: "svg", attr: { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, child: [{ tag: "circle", attr: { cx: "12", cy: "12", r: "10" }, child: [] }, { tag: "line", attr: { x1: "15", y1: "9", x2: "9", y2: "15" }, child: [] }, { tag: "line", attr: { x1: "9", y1: "9", x2: "15", y2: "15" }, child: [] }] })(e);
+  return mt({ tag: "svg", attr: { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, child: [{ tag: "circle", attr: { cx: "12", cy: "12", r: "10" }, child: [] }, { tag: "line", attr: { x1: "15", y1: "9", x2: "9", y2: "15" }, child: [] }, { tag: "line", attr: { x1: "9", y1: "9", x2: "15", y2: "15" }, child: [] }] })(e);
 }
 const KO = {
   arrowLeft: DO,
@@ -21409,7 +21409,7 @@ const KO = {
   file: VO,
   download: BO,
   arrowDownload: IO
-}, KR = ({
+}, YR = ({
   text: e,
   type: t = "solid",
   color: n,
@@ -21487,9 +21487,9 @@ const KO = {
   );
 };
 function YO(e) {
-  return gt({ tag: "svg", attr: { viewBox: "0 0 512 512" }, child: [{ tag: "path", attr: { d: "M512 144v288c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V144c0-26.5 21.5-48 48-48h88l12.3-32.9c7-18.7 24.9-31.1 44.9-31.1h125.5c20 0 37.9 12.4 44.9 31.1L376 96h88c26.5 0 48 21.5 48 48zM376 288c0-66.2-53.8-120-120-120s-120 53.8-120 120 53.8 120 120 120 120-53.8 120-120zm-32 0c0 48.5-39.5 88-88 88s-88-39.5-88-88 39.5-88 88-88 88 39.5 88 88z" }, child: [] }] })(e);
+  return mt({ tag: "svg", attr: { viewBox: "0 0 512 512" }, child: [{ tag: "path", attr: { d: "M512 144v288c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V144c0-26.5 21.5-48 48-48h88l12.3-32.9c7-18.7 24.9-31.1 44.9-31.1h125.5c20 0 37.9 12.4 44.9 31.1L376 96h88c26.5 0 48 21.5 48 48zM376 288c0-66.2-53.8-120-120-120s-120 53.8-120 120 53.8 120 120 120 120-53.8 120-120zm-32 0c0 48.5-39.5 88-88 88s-88-39.5-88-88 39.5-88 88-88 88 39.5 88 88z" }, child: [] }] })(e);
 }
-const YR = ({
+const XR = ({
   title: e,
   description: t,
   iconColor: n = "elevate.500",
@@ -21597,7 +21597,7 @@ const YR = ({
   displayName: "HamburgerIcon",
   viewBox: "0 0 24 24",
   d: "M 3 5 A 1.0001 1.0001 0 1 0 3 7 L 21 7 A 1.0001 1.0001 0 1 0 21 5 L 3 5 z M 3 11 A 1.0001 1.0001 0 1 0 3 13 L 21 13 A 1.0001 1.0001 0 1 0 21 11 L 3 11 z M 3 17 A 1.0001 1.0001 0 1 0 3 19 L 21 19 A 1.0001 1.0001 0 1 0 21 17 L 3 17 z"
-}), XR = ({ steps: e, color: t, onStepClick: n, activeStep: r }) => {
+}), JR = ({ steps: e, color: t, onStepClick: n, activeStep: r }) => {
   var l;
   const [o, i, a] = Oc("colors", [t, "black.400", "black.100"]), s = Wt(o, 0.3)({}), c = (l = e[r]) == null ? void 0 : l.isCompleted;
   return /* @__PURE__ */ d.jsx(
@@ -23784,9 +23784,9 @@ function KM(e, t) {
 function $0() {
 }
 function YM(e) {
-  return gt({ tag: "svg", attr: { viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { d: "M13 19v-4h3l-4-5-4 5h3v4z" }, child: [] }, { tag: "path", attr: { d: "M7 19h2v-2H7c-1.654 0-3-1.346-3-3 0-1.404 1.199-2.756 2.673-3.015l.581-.102.192-.558C8.149 8.274 9.895 7 12 7c2.757 0 5 2.243 5 5v1h1c1.103 0 2 .897 2 2s-.897 2-2 2h-3v2h3c2.206 0 4-1.794 4-4a4.01 4.01 0 0 0-3.056-3.888C18.507 7.67 15.56 5 12 5 9.244 5 6.85 6.611 5.757 9.15 3.609 9.792 2 11.82 2 14c0 2.757 2.243 5 5 5z" }, child: [] }] })(e);
+  return mt({ tag: "svg", attr: { viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { d: "M13 19v-4h3l-4-5-4 5h3v4z" }, child: [] }, { tag: "path", attr: { d: "M7 19h2v-2H7c-1.654 0-3-1.346-3-3 0-1.404 1.199-2.756 2.673-3.015l.581-.102.192-.558C8.149 8.274 9.895 7 12 7c2.757 0 5 2.243 5 5v1h1c1.103 0 2 .897 2 2s-.897 2-2 2h-3v2h3c2.206 0 4-1.794 4-4a4.01 4.01 0 0 0-3.056-3.888C18.507 7.67 15.56 5 12 5 9.244 5 6.85 6.611 5.757 9.15 3.609 9.792 2 11.82 2 14c0 2.757 2.243 5 5 5z" }, child: [] }] })(e);
 }
-const JR = ({
+const QR = ({
   onFilesDropped: e,
   color: t = "elevate.500",
   typeAccept: n = "file",
@@ -23902,7 +23902,7 @@ const JR = ({
       D && /* @__PURE__ */ d.jsx(Ze, { fontSize: "14px", color: p, children: D })
     ] })
   ] });
-}, QR = ({ text: e, fontSize: t = "md", ...n }) => /* @__PURE__ */ d.jsx(Ze, { fontSize: t, fontFamily: "Lato", ...n, children: e }), eI = ({
+}, eI = ({ text: e, fontSize: t = "md", ...n }) => /* @__PURE__ */ d.jsx(Ze, { fontSize: t, fontFamily: "Lato", ...n, children: e }), tI = ({
   label: e,
   placeholder: t,
   value: n = "",
@@ -25225,7 +25225,7 @@ var XM = function(e) {
   }(g.a.Component);
   xe.defaultProps = { country: "", value: "", onlyCountries: [], preferredCountries: [], excludeCountries: [], placeholder: "1 (702) 123-4567", searchPlaceholder: "search", searchNotFound: "No entries to show", flagsImagePath: "./flags.png", disabled: !1, containerStyle: {}, inputStyle: {}, buttonStyle: {}, dropdownStyle: {}, searchStyle: {}, containerClass: "", inputClass: "", buttonClass: "", dropdownClass: "", searchClass: "", className: "", autoFormat: !0, enableAreaCodes: !1, enableTerritories: !1, disableCountryCode: !1, disableDropdown: !1, enableLongNumbers: !1, countryCodeEditable: !0, enableSearch: !1, disableSearchIcon: !1, disableInitialCountryGuess: !1, disableCountryGuess: !1, regions: "", inputProps: {}, localization: {}, masks: null, priority: null, areaCodes: null, preserveOrder: [], defaultMask: "... ... ... ... ..", alwaysDefaultMask: !1, prefix: "+", copyNumbersOnly: !0, renderStringAsFlag: "", autocompleteSearch: !1, jumpCursorToEnd: !0, enableAreaCodeStretch: !1, enableClickOutside: !0, showDropdown: !1, isValid: !0, defaultErrorMessage: "", specialLabel: "Phone", onEnterKeyPress: null, keys: { UP: 38, DOWN: 40, RIGHT: 39, LEFT: 37, ENTER: 13, ESC: 27, PLUS: 43, A: 65, Z: 90, SPACE: 32, TAB: 9 } }, t.default = xe;
 }]);
-const JM = /* @__PURE__ */ pc(XM), tI = ({
+const JM = /* @__PURE__ */ pc(XM), nI = ({
   label: e,
   value: t = "",
   onChange: n = (a) => {
@@ -25258,7 +25258,7 @@ const JM = /* @__PURE__ */ pc(XM), tI = ({
     }
   ),
   i && /* @__PURE__ */ d.jsx(Ze, { fontSize: "sm", color: "red.500", mt: 1, children: i })
-] }), nI = ({
+] }), rI = ({
   label: e = "",
   description: t = "",
   placeholders: n = [],
@@ -25412,7 +25412,7 @@ const JM = /* @__PURE__ */ pc(XM), tI = ({
       )
     });
   };
-}, rI = ({ message: e, userImage: t, timestamp: n, isError: r = !1, userName: o = "User" }) => /* @__PURE__ */ d.jsxs(Co, { justify: "flex-end", spacing: 2, w: "100%", py: 2, children: [
+}, oI = ({ message: e, userImage: t, timestamp: n, isError: r = !1, userName: o = "User" }) => /* @__PURE__ */ d.jsxs(Co, { justify: "flex-end", spacing: 2, w: "100%", py: 2, children: [
   /* @__PURE__ */ d.jsxs(
     lt,
     {
@@ -25493,7 +25493,7 @@ const JM = /* @__PURE__ */ pc(XM), tI = ({
       )
     ]
   }
-), oI = ({
+), iI = ({
   message: e,
   color: t = Yr.colors.primary[400],
   isError: n = !1,
@@ -26407,15 +26407,15 @@ const JM = /* @__PURE__ */ pc(XM), tI = ({
   }
 };
 function IR(e) {
-  return gt({ tag: "svg", attr: { viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { d: "M12 1c6.075 0 11 4.925 11 11s-4.925 11-11 11S1 18.075 1 12 5.925 1 12 1ZM5.834 19.227A9.464 9.464 0 0 0 12 21.5a9.5 9.5 0 0 0 9.5-9.5 9.464 9.464 0 0 0-2.273-6.166ZM2.5 12a9.464 9.464 0 0 0 2.273 6.166L18.166 4.773A9.463 9.463 0 0 0 12 2.5 9.5 9.5 0 0 0 2.5 12Z" }, child: [] }] })(e);
+  return mt({ tag: "svg", attr: { viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { d: "M12 1c6.075 0 11 4.925 11 11s-4.925 11-11 11S1 18.075 1 12 5.925 1 12 1ZM5.834 19.227A9.464 9.464 0 0 0 12 21.5a9.5 9.5 0 0 0 9.5-9.5 9.464 9.464 0 0 0-2.273-6.166ZM2.5 12a9.464 9.464 0 0 0 2.273 6.166L18.166 4.773A9.463 9.463 0 0 0 12 2.5 9.5 9.5 0 0 0 2.5 12Z" }, child: [] }] })(e);
 }
 function DR(e) {
-  return gt({ tag: "svg", attr: { viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { d: "M12 2.5a5.5 5.5 0 0 1 3.096 10.047 9.005 9.005 0 0 1 5.9 8.181.75.75 0 1 1-1.499.044 7.5 7.5 0 0 0-14.993 0 .75.75 0 0 1-1.5-.045 9.005 9.005 0 0 1 5.9-8.18A5.5 5.5 0 0 1 12 2.5ZM8 8a4 4 0 1 0 8 0 4 4 0 0 0-8 0Z" }, child: [] }] })(e);
+  return mt({ tag: "svg", attr: { viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { d: "M12 2.5a5.5 5.5 0 0 1 3.096 10.047 9.005 9.005 0 0 1 5.9 8.181.75.75 0 1 1-1.499.044 7.5 7.5 0 0 0-14.993 0 .75.75 0 0 1-1.5-.045 9.005 9.005 0 0 1 5.9-8.18A5.5 5.5 0 0 1 12 2.5ZM8 8a4 4 0 1 0 8 0 4 4 0 0 0-8 0Z" }, child: [] }] })(e);
 }
 function $R(e) {
-  return gt({ tag: "svg", attr: { viewBox: "0 0 1024 1024" }, child: [{ tag: "path", attr: { d: "M868 732h-70.3c-4.8 0-9.3 2.1-12.3 5.8-7 8.5-14.5 16.7-22.4 24.5a353.84 353.84 0 0 1-112.7 75.9A352.8 352.8 0 0 1 512.4 866c-47.9 0-94.3-9.4-137.9-27.8a353.84 353.84 0 0 1-112.7-75.9 353.28 353.28 0 0 1-76-112.5C167.3 606.2 158 559.9 158 512s9.4-94.2 27.8-137.8c17.8-42.1 43.4-80 76-112.5s70.5-58.1 112.7-75.9c43.6-18.4 90-27.8 137.9-27.8 47.9 0 94.3 9.3 137.9 27.8 42.2 17.8 80.1 43.4 112.7 75.9 7.9 7.9 15.3 16.1 22.4 24.5 3 3.7 7.6 5.8 12.3 5.8H868c6.3 0 10.2-7 6.7-12.3C798 160.5 663.8 81.6 511.3 82 271.7 82.6 79.6 277.1 82 516.4 84.4 751.9 276.2 942 512.4 942c152.1 0 285.7-78.8 362.3-197.7 3.4-5.3-.4-12.3-6.7-12.3zm88.9-226.3L815 393.7c-5.3-4.2-13-.4-13 6.3v76H488c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h314v76c0 6.7 7.8 10.5 13 6.3l141.9-112a8 8 0 0 0 0-12.6z" }, child: [] }] })(e);
+  return mt({ tag: "svg", attr: { viewBox: "0 0 1024 1024" }, child: [{ tag: "path", attr: { d: "M868 732h-70.3c-4.8 0-9.3 2.1-12.3 5.8-7 8.5-14.5 16.7-22.4 24.5a353.84 353.84 0 0 1-112.7 75.9A352.8 352.8 0 0 1 512.4 866c-47.9 0-94.3-9.4-137.9-27.8a353.84 353.84 0 0 1-112.7-75.9 353.28 353.28 0 0 1-76-112.5C167.3 606.2 158 559.9 158 512s9.4-94.2 27.8-137.8c17.8-42.1 43.4-80 76-112.5s70.5-58.1 112.7-75.9c43.6-18.4 90-27.8 137.9-27.8 47.9 0 94.3 9.3 137.9 27.8 42.2 17.8 80.1 43.4 112.7 75.9 7.9 7.9 15.3 16.1 22.4 24.5 3 3.7 7.6 5.8 12.3 5.8H868c6.3 0 10.2-7 6.7-12.3C798 160.5 663.8 81.6 511.3 82 271.7 82.6 79.6 277.1 82 516.4 84.4 751.9 276.2 942 512.4 942c152.1 0 285.7-78.8 362.3-197.7 3.4-5.3-.4-12.3-6.7-12.3zm88.9-226.3L815 393.7c-5.3-4.2-13-.4-13 6.3v76H488c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h314v76c0 6.7 7.8 10.5 13 6.3l141.9-112a8 8 0 0 0 0-12.6z" }, child: [] }] })(e);
 }
-const iI = ({
+const aI = ({
   platform: e = "canaia",
   color: t = nn.primary[500],
   onSettingsClick: n,
@@ -26575,7 +26575,7 @@ const iI = ({
       ] })
     }
   );
-}, aI = ({
+}, sI = ({
   placeholder: e = "Escribe tu mensaje aquí...",
   onSend: t
 }) => {
@@ -26628,7 +26628,7 @@ const iI = ({
       children: n || r ? t : e
     }
   );
-}, sI = ({ color: e, menuOptions: t, currentUrl: n }) => {
+}, cI = ({ color: e, menuOptions: t, currentUrl: n }) => {
   const [r, o] = Re(!1), i = e || nn.primary[400], a = ch(nn, `${i.split(".")[0]}.300`), s = () => {
     o((c) => !c);
   };
@@ -26706,7 +26706,7 @@ const iI = ({
       ] })
     }
   );
-}, cI = ({
+}, lI = ({
   showTitle: e = !0,
   title: t = "Delete user",
   fontSizeTitle: n = "2xl",
@@ -26788,16 +26788,34 @@ const iI = ({
       ] })
     ] })
   }
-), lI = ({ items: e }) => /* @__PURE__ */ d.jsx(yr, { border: "2px dashed", borderColor: "talent.500", borderRadius: "1px", width: "50%", padding: ".5rem", children: /* @__PURE__ */ d.jsx(B2, { defaultIndex: [0], allowMultiple: !0, width: "100%", children: e.map((t, n) => /* @__PURE__ */ d.jsxs(W2, { border: "none", children: [
+);
+function zR(e) {
+  return mt({ tag: "svg", attr: { viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { fill: "none", d: "M0 0h24v24H0z" }, child: [] }, { tag: "path", attr: { fill: "none", d: "M0 0h24v24H0z" }, child: [] }, { tag: "path", attr: { d: "M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z" }, child: [] }] })(e);
+}
+const uI = ({ items: e, colorIcon: t }) => /* @__PURE__ */ d.jsx(yr, { borderRadius: "1px", width: "100%", padding: ".5rem", children: /* @__PURE__ */ d.jsx(B2, { defaultIndex: [0], allowMultiple: !0, width: "100%", children: e.map((n, r) => /* @__PURE__ */ d.jsxs(W2, { border: "none", children: [
   /* @__PURE__ */ d.jsx("h2", { children: /* @__PURE__ */ d.jsxs(N2, { children: [
-    /* @__PURE__ */ d.jsx(lt, { as: "span", flex: "1", textAlign: "left", fontSize: "1rem", lineHeight: "1.5rem", fontWeight: 700, children: t.title }),
+    /* @__PURE__ */ d.jsx(lt, { as: "span", flex: "1", textAlign: "left", fontSize: "1rem", lineHeight: "1.5rem", fontWeight: 700, children: n.title }),
     /* @__PURE__ */ d.jsx(V2, { boxSize: 8 })
   ] }) }),
-  /* @__PURE__ */ d.jsx(U2, { pb: 4, textAlign: "left", children: Array.isArray(t.content) ? /* @__PURE__ */ d.jsx($c, { children: t.content.map((r, o) => /* @__PURE__ */ d.jsxs(H3, { display: "flex", alignItems: "center", fontFamily: "Lato-Regular", fontSize: "1rem", fontWeight: 400, margin: ".5rem", children: [
-    r.text,
-    r.icon && /* @__PURE__ */ d.jsx(U3, { as: r.icon, color: "primary.400", boxSize: 6, marginLeft: ".5rem" })
-  ] }, o)) }) : t.content })
-] }, n)) }) }), uI = ({ items: e, navigation: t }) => {
+  /* @__PURE__ */ d.jsx(U2, { pb: 4, textAlign: "left", children: Array.isArray(n.content) ? /* @__PURE__ */ d.jsx($c, { children: n.content.map((o, i) => /* @__PURE__ */ d.jsxs(
+    H3,
+    {
+      display: "flex",
+      alignItems: "center",
+      fontFamily: "Lato",
+      fontSize: "1rem",
+      fontWeight: 400,
+      margin: ".5rem",
+      justifyContent: "space-between",
+      width: "85%",
+      children: [
+        o.text,
+        t && typeof t == "string" && (n.title === "Favoritos" || n.title === "Favorites") && /* @__PURE__ */ d.jsx(U3, { as: zR, color: t, boxSize: 4 })
+      ]
+    },
+    i
+  )) }) : n.content })
+] }, r)) }) }), dI = ({ items: e, navigation: t }) => {
   const n = (r, o) => {
     o.startsWith("/") ? (r.preventDefault(), t(o)) : window.open(o, "_blank");
   };
@@ -26830,7 +26848,7 @@ const iI = ({
       o
     )) })
   ] });
-}, dI = ({ title: e = "", isEditable: t = !0, placeholder: n = "", size: r = "md", onChange: o, textValue: i = "" }) => {
+}, fI = ({ title: e = "", isEditable: t = !0, placeholder: n = "", size: r = "md", onChange: o, textValue: i = "" }) => {
   const [a, s] = Re(i);
   Le(() => {
     t && s(i);
@@ -26868,20 +26886,20 @@ const iI = ({
     )
   ] });
 };
-function zR(e) {
-  return gt({ tag: "svg", attr: { viewBox: "0 0 24 24", fill: "currentColor" }, child: [{ tag: "path", attr: { d: "M2 12C2 17.5228 6.47715 22 12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12ZM20 12C20 16.4183 16.4183 20 12 20C7.58172 20 4 16.4183 4 12C4 7.58172 7.58172 4 12 4C16.4183 4 20 7.58172 20 12ZM12 12V6C15.3137 6 18 8.68629 18 12H12Z" }, child: [] }] })(e);
-}
 function LR(e) {
-  return gt({ tag: "svg", attr: { viewBox: "0 0 512 512" }, child: [{ tag: "path", attr: { d: "M170.718 216.482L141.6 245.6l93.6 93.6 208-208-29.118-29.118L235.2 279.918l-64.482-63.436zM422.4 256c0 91.518-74.883 166.4-166.4 166.4S89.6 347.518 89.6 256 164.482 89.6 256 89.6c15.6 0 31.2 2.082 45.764 6.241L334 63.6C310.082 53.2 284.082 48 256 48 141.6 48 48 141.6 48 256s93.6 208 208 208 208-93.6 208-208h-41.6z" }, child: [] }] })(e);
+  return mt({ tag: "svg", attr: { viewBox: "0 0 24 24", fill: "currentColor" }, child: [{ tag: "path", attr: { d: "M2 12C2 17.5228 6.47715 22 12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12ZM20 12C20 16.4183 16.4183 20 12 20C7.58172 20 4 16.4183 4 12C4 7.58172 7.58172 4 12 4C16.4183 4 20 7.58172 20 12ZM12 12V6C15.3137 6 18 8.68629 18 12H12Z" }, child: [] }] })(e);
+}
+function BR(e) {
+  return mt({ tag: "svg", attr: { viewBox: "0 0 512 512" }, child: [{ tag: "path", attr: { d: "M170.718 216.482L141.6 245.6l93.6 93.6 208-208-29.118-29.118L235.2 279.918l-64.482-63.436zM422.4 256c0 91.518-74.883 166.4-166.4 166.4S89.6 347.518 89.6 256 164.482 89.6 256 89.6c15.6 0 31.2 2.082 45.764 6.241L334 63.6C310.082 53.2 284.082 48 256 48 141.6 48 48 141.6 48 256s93.6 208 208 208 208-93.6 208-208h-41.6z" }, child: [] }] })(e);
 }
-const fI = ({ type: e = "progress" }) => {
+const pI = ({ type: e = "progress" }) => {
   let t, n, r = "#007edf";
   switch (e) {
     case "progress":
-      t = /* @__PURE__ */ d.jsx(zR, { size: 20, style: { color: r, marginRight: ".5rem" } }), n = "In progress";
+      t = /* @__PURE__ */ d.jsx(LR, { size: 20, style: { color: r, marginRight: ".5rem" } }), n = "In progress";
       break;
     case "ready":
-      t = /* @__PURE__ */ d.jsx(LR, { size: 20, style: { color: "#21B06e", marginRight: ".5rem" } }), n = "Ready", r = "#21B06e";
+      t = /* @__PURE__ */ d.jsx(BR, { size: 20, style: { color: "#21B06e", marginRight: ".5rem" } }), n = "Ready", r = "#21B06e";
       break;
     case "failed":
       t = /* @__PURE__ */ d.jsx(GO, { size: 20, style: { color: "#ce0015", marginRight: ".5rem" } }), n = "Failed", r = "#ce0015";
@@ -26894,7 +26912,7 @@ const fI = ({ type: e = "progress" }) => {
     t,
     /* @__PURE__ */ d.jsx(Ze, { color: r, fontWeight: "900", fontSize: "1rem", lineHeight: "1.375rem", children: n })
   ] }) });
-}, pI = ({ value: e = 50, size: t = "sm", backgroundColor: n = "black.40", status: r = "loading" }) => {
+}, hI = ({ value: e = 50, size: t = "sm", backgroundColor: n = "black.40", status: r = "loading" }) => {
   const o = `${e}%`, i = {
     completed: "success.400",
     error: "danger.400",
@@ -26909,7 +26927,7 @@ const fI = ({ type: e = "progress" }) => {
     } }) }),
     /* @__PURE__ */ d.jsx(Ze, { fontWeight: "bold", fontSize: "1rem", marginLeft: "1.75rem", children: o })
   ] });
-}, hI = ({ items: e, colorBackground: t, colorTitle: n, colorOption: r }) => /* @__PURE__ */ d.jsx(
+}, mI = ({ items: e, colorBackground: t, colorTitle: n, colorOption: r }) => /* @__PURE__ */ d.jsx(
   wt,
   {
     backgroundColor: t,
@@ -26922,10 +26940,10 @@ const fI = ({ type: e = "progress" }) => {
       /* @__PURE__ */ d.jsx(Ze, { fontSize: "0.875rem", color: r, paddingTop: ".25rem", children: o.option })
     ] }, i))
   }
-), mI = ({ backgroundColor: e = "#fff", boxShadow: t = "1px 1px 4px #d7d7d7", maxWidth: n = "34.125rem", padding: r = "1.5rem", borderRadius: o = ".5rem", children: i }) => /* @__PURE__ */ d.jsx(lt, { backgroundColor: e, boxShadow: t, maxWidth: n, width: "100%", padding: r, borderRadius: o, children: i }), gI = ({ text: e = "Positive Ranking", value: t = "1,302" }) => /* @__PURE__ */ d.jsxs(lt, { color: "black.600", maxWidth: "max-content", width: "100%", children: [
+), gI = ({ backgroundColor: e = "#fff", boxShadow: t = "1px 1px 4px #d7d7d7", maxWidth: n = "34.125rem", padding: r = "1.5rem", borderRadius: o = ".5rem", children: i }) => /* @__PURE__ */ d.jsx(lt, { backgroundColor: e, boxShadow: t, maxWidth: n, width: "100%", padding: r, borderRadius: o, children: i }), vI = ({ text: e = "Positive Ranking", value: t = "1,302" }) => /* @__PURE__ */ d.jsxs(lt, { color: "black.600", maxWidth: "max-content", width: "100%", children: [
   /* @__PURE__ */ d.jsx(Ze, { fontSize: "1rem", children: e }),
   /* @__PURE__ */ d.jsx(Ze, { fontSize: "1.75rem", fontWeight: "bold", textAlign: "left", marginTop: "0.25rem", children: t })
-] }), BR = ({ color: e }) => /* @__PURE__ */ d.jsxs(lt, { position: "relative", width: "89px", height: "89px", children: [
+] }), NR = ({ color: e }) => /* @__PURE__ */ d.jsxs(lt, { position: "relative", width: "89px", height: "89px", children: [
   /* @__PURE__ */ d.jsxs(
     "svg",
     {
@@ -26993,7 +27011,7 @@ const fI = ({ type: e = "progress" }) => {
             }
           }
         ` })
-] }), vI = ({ color: e = "elevate" }) => {
+] }), yI = ({ color: e = "elevate" }) => {
   const [t] = Oc("colors", [`${e}.500`]);
   return /* @__PURE__ */ d.jsx(
     lt,
@@ -27009,14 +27027,14 @@ const fI = ({ type: e = "progress" }) => {
       backgroundColor: "rgba(0, 0, 0, 0.15)",
       zIndex: 1001,
       children: /* @__PURE__ */ d.jsx(
-        BR,
+        NR,
         {
           color: t || "elevate.500"
         }
       )
     }
   );
-}, yI = ({ options: e, selectedValue: t, onChange: n }) => /* @__PURE__ */ d.jsx(Yd, { isAttached: !0, variant: "outline", children: e.map((r) => /* @__PURE__ */ d.jsxs(
+}, bI = ({ options: e, selectedValue: t, onChange: n }) => /* @__PURE__ */ d.jsx(Yd, { isAttached: !0, variant: "outline", children: e.map((r) => /* @__PURE__ */ d.jsxs(
   Zn,
   {
     isActive: t === r.value,
@@ -27039,10 +27057,10 @@ const fI = ({ type: e = "progress" }) => {
   },
   r.value
 )) });
-function NR(e) {
-  return gt({ tag: "svg", attr: { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, child: [{ tag: "circle", attr: { cx: "12", cy: "12", r: "10" }, child: [] }] })(e);
+function VR(e) {
+  return mt({ tag: "svg", attr: { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, child: [{ tag: "circle", attr: { cx: "12", cy: "12", r: "10" }, child: [] }] })(e);
 }
-const bI = ({
+const xI = ({
   state: e,
   duration: t = "00:00",
   onClickPlayPause: n,
@@ -27053,7 +27071,7 @@ const bI = ({
   const a = Ua(), s = () => {
     switch (e) {
       case "idle":
-        return NR;
+        return VR;
       case "recording":
         return Dg;
       case "playing":
@@ -27119,7 +27137,7 @@ const bI = ({
       ]
     }
   );
-}, xI = ({ options: e, selectedValue: t, onChange: n }) => /* @__PURE__ */ d.jsx(Yd, { isAttached: !0, variant: "outline", borderRadius: "md", overflow: "hidden", children: e.map((r) => /* @__PURE__ */ d.jsxs(
+}, CI = ({ options: e, selectedValue: t, onChange: n }) => /* @__PURE__ */ d.jsx(Yd, { isAttached: !0, variant: "outline", borderRadius: "md", overflow: "hidden", children: e.map((r) => /* @__PURE__ */ d.jsxs(
   Zn,
   {
     isActive: t === r.value,
@@ -27156,7 +27174,7 @@ const bI = ({
     ]
   },
   r.value
-)) }), CI = ({
+)) }), wI = ({
   isChecked: e,
   onChange: t,
   size: n = "lg",
@@ -27195,7 +27213,7 @@ const bI = ({
       }
     )
   ] });
-}, wI = ({
+}, SI = ({
   availableTags: e,
   selectedTags: t = [],
   onTagChange: n,
@@ -27241,36 +27259,36 @@ const bI = ({
   ] });
 };
 export {
-  lI as AccordionCustom,
-  bI as AudioButtons,
-  KR as Button,
-  ZR as CanaiaProvider,
-  mI as CardCustom,
-  oI as ChatAssistant,
-  aI as ChatInput,
-  rI as ChatUser,
-  hI as CustomBox,
-  pI as CustomProgressBar,
-  JR as DragAndDrop,
-  iI as Header,
-  eI as Input,
-  tI as InputPhone,
-  uI as MenuListCustom,
-  gI as MetricCustom,
-  cI as ModalCustom,
-  nI as MultiInput,
-  YR as PhotoUpload,
-  yI as SegmentedControl,
-  GR as Select,
-  sI as SideBar,
-  vI as Spinner,
-  fI as StatusCustom,
-  XR as Steps,
-  CI as SwitchCustom,
-  xI as Tabs,
-  wI as TagSelector,
-  QR as Text,
-  dI as TextareaCustom,
+  uI as AccordionCustom,
+  xI as AudioButtons,
+  YR as Button,
+  GR as CanaiaProvider,
+  gI as CardCustom,
+  iI as ChatAssistant,
+  sI as ChatInput,
+  oI as ChatUser,
+  mI as CustomBox,
+  hI as CustomProgressBar,
+  QR as DragAndDrop,
+  aI as Header,
+  tI as Input,
+  nI as InputPhone,
+  dI as MenuListCustom,
+  vI as MetricCustom,
+  lI as ModalCustom,
+  rI as MultiInput,
+  XR as PhotoUpload,
+  bI as SegmentedControl,
+  KR as Select,
+  cI as SideBar,
+  yI as Spinner,
+  pI as StatusCustom,
+  JR as Steps,
+  wI as SwitchCustom,
+  CI as Tabs,
+  SI as TagSelector,
+  eI as Text,
+  fI as TextareaCustom,
   dR as Toast,
   fR as useCustomToast
 };