am-shared-assets 1.0.7 → 1.0.8

package/dist/components/Autocomplete.d.ts

@@ -5,18 +5,16 @@ interface IAutocompleteProps {
     inputIcon?: ReactNode;
     inputEndIcon?: ReactNode;
     value: string;
-    onChange?: (value: string) => void;
+    onInputChange?: (value: string) => void;
+    onChange?: (value: any) => void;
     size?: "sm" | "lg";
     variant?: "flat" | "faded" | "bordered";
     options: {
-        id: number;
-    }[];
-    optionsUI: {
-        id: number;
+        data: any;
         element: ReactNode;
     }[];
     iconOnClick?: () => void;
     endIconOnClick?: () => void;
 }
-export declare const Autocomplete: ({ label, placeHolder, inputIcon, inputEndIcon, value, onChange, size, variant, options, optionsUI, iconOnClick, endIconOnClick, }: IAutocompleteProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Autocomplete: ({ label, placeHolder, inputIcon, inputEndIcon, value, onInputChange, onChange, size, variant, options, iconOnClick, endIconOnClick, }: IAutocompleteProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components.js

@@ -1,20 +1,20 @@
-import { jsxs as l, jsx as t, Fragment as W } from "react/jsx-runtime";
+import { jsxs as b, jsx as a, Fragment as W } from "react/jsx-runtime";
 import { I as S, b as z, a as q, W as V, T as Y, C as G } from "./ChevronBottomIcon-BM6pUrh1.js";
 import { Slider as J, MenuItem as K } from "@mui/material";
 import Q from "@mui/material/Select";
 import U from "@mui/material/Autocomplete";
 import "react";
-function T(a) {
+function T(t) {
   var r, s, e = "";
-  if (typeof a == "string" || typeof a == "number") e += a;
-  else if (typeof a == "object") if (Array.isArray(a)) {
-    var n = a.length;
-    for (r = 0; r < n; r++) a[r] && (s = T(a[r])) && (e && (e += " "), e += s);
-  } else for (s in a) a[s] && (e && (e += " "), e += s);
+  if (typeof t == "string" || typeof t == "number") e += t;
+  else if (typeof t == "object") if (Array.isArray(t)) {
+    var n = t.length;
+    for (r = 0; r < n; r++) t[r] && (s = T(t[r])) && (e && (e += " "), e += s);
+  } else for (s in t) t[s] && (e && (e += " "), e += s);
   return e;
 }
 function f() {
-  for (var a, r, s = 0, e = "", n = arguments.length; s < n; s++) (a = arguments[s]) && (r = T(a)) && (e && (e += " "), e += r);
+  for (var t, r, s = 0, e = "", n = arguments.length; s < n; s++) (t = arguments[s]) && (r = T(t)) && (e && (e += " "), e += r);
   return e;
 }
 const X = {
@@ -51,7 +51,7 @@ const X = {
   success: "bg-base-success",
   warning: "bg-base-warning",
   danger: "bg-base-danger"
-}, ae = {
+}, te = {
   white: "text-white",
   black: "text-default-900"
 }, A = {
@@ -64,87 +64,87 @@ const X = {
 }, M = {
   start: "items-start",
   center: "items-center"
-}, B = {
+}, I = {
   default: "#000",
   primary: "#112E62",
   secondary: "#C59C4E",
   success: "#17c964",
   warning: "#f5a524",
   danger: "#f31260"
-}, v = {
-  success: /* @__PURE__ */ t(Y, { color: "#17C964", size: 24 }),
-  warning: /* @__PURE__ */ t(V, { color: "#F5A524", size: 24 }),
-  danger: /* @__PURE__ */ t(q, { color: "#F31260", size: 24 })
-}, te = {
+}, $ = {
+  success: /* @__PURE__ */ a(Y, { color: "#17C964", size: 24 }),
+  warning: /* @__PURE__ */ a(V, { color: "#F5A524", size: 24 }),
+  danger: /* @__PURE__ */ a(q, { color: "#F31260", size: 24 })
+}, ae = {
   none: "rounded-none",
   sm: "rounded-md",
   md: "rounded-xl",
   lg: "rounded-[22px]",
   full: "rounded-full"
 }, Ve = ({
-  title: a,
+  title: t,
   description: r,
   color: s = "default",
   size: e = "md",
   width: n = "default",
-  rounded: o = "none",
-  infoIconAlignment: d,
+  rounded: d = "none",
+  infoIconAlignment: o,
   isInfoIcon: c = !0,
   hasCloseButton: i = !0,
-  hasButton: u = !1,
-  buttonTitle: b,
-  buttonTextColor: p = "black",
-  buttonClickHandler: g,
-  closeAlertHandler: m,
-  children: h
+  hasButton: l = !1,
+  buttonTitle: p,
+  buttonTextColor: m = "black",
+  buttonClickHandler: x,
+  closeAlertHandler: h,
+  children: u
 }) => {
-  const y = f(
+  const g = f(
     Z[n],
     X[e],
-    te[o],
+    ae[d],
     H[s]
   );
-  return h ? /* @__PURE__ */ l(
+  return u ? /* @__PURE__ */ b(
     "div",
     {
-      className: `flex p-3 ${y} ${d && M[d]}`,
+      className: `flex p-3 ${g} ${o && M[o]}`,
       children: [
-        /* @__PURE__ */ t("div", { className: "mt-[1px]", children: c || !v[s] ? /* @__PURE__ */ t(S, { color: B[s] }) : v[s] }),
-        h
+        /* @__PURE__ */ a("div", { className: "mt-[1px]", children: c || !$[s] ? /* @__PURE__ */ a(S, { color: I[s] }) : $[s] }),
+        u
       ]
     }
-  ) : /* @__PURE__ */ l("div", { className: `relative flex justify-between p-3 ${y}`, children: [
-    /* @__PURE__ */ l(
+  ) : /* @__PURE__ */ b("div", { className: `relative flex justify-between p-3 ${g}`, children: [
+    /* @__PURE__ */ b(
       "div",
       {
-        className: `flex ${d ? M[d] : u ? "items-center" : a && r ? "items-start" : "items-center"} gap-3`,
+        className: `flex ${o ? M[o] : l ? "items-center" : t && r ? "items-start" : "items-center"} gap-3`,
         children: [
-          /* @__PURE__ */ t("div", { className: "mt-[1px]", children: c || !v[s] ? /* @__PURE__ */ t(S, { color: B[s] }) : v[s] }),
-          /* @__PURE__ */ l("div", { children: [
-            a && /* @__PURE__ */ t("h2", { className: `font-semibold ${ee[s]}`, children: a }),
-            r && /* @__PURE__ */ t("p", { className: re[s], children: r })
+          /* @__PURE__ */ a("div", { className: "mt-[1px]", children: c || !$[s] ? /* @__PURE__ */ a(S, { color: I[s] }) : $[s] }),
+          /* @__PURE__ */ b("div", { children: [
+            t && /* @__PURE__ */ a("h2", { className: `font-semibold ${ee[s]}`, children: t }),
+            r && /* @__PURE__ */ a("p", { className: re[s], children: r })
           ] })
         ]
       }
     ),
-    u ? /* @__PURE__ */ l("div", { className: "flex items-center", children: [
-      /* @__PURE__ */ t(
+    l ? /* @__PURE__ */ b("div", { className: "flex items-center", children: [
+      /* @__PURE__ */ a(
         "button",
         {
-          onClick: g,
-          className: `h-8 px-3 rounded-md ${se[s]} ${ae[p]}`,
-          children: b
+          onClick: x,
+          className: `h-8 px-3 rounded-md ${se[s]} ${te[m]}`,
+          children: p
         }
       ),
-      i && /* @__PURE__ */ t(
+      i && /* @__PURE__ */ a(
         "button",
         {
-          onClick: m,
+          onClick: h,
           className: "absolute -top-1 -left-1 border border-default-300 bg-default-100 rounded-full",
-          children: /* @__PURE__ */ t(z, { color: A.default, size: 14 })
+          children: /* @__PURE__ */ a(z, { color: A.default, size: 14 })
         }
       )
-    ] }) : i && /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t("button", { onClick: m, children: /* @__PURE__ */ t(z, { color: A[s] }) }) })
+    ] }) : i && /* @__PURE__ */ a("div", { children: /* @__PURE__ */ a("button", { onClick: h, children: /* @__PURE__ */ a(z, { color: A[s] }) }) })
   ] });
 }, ne = {
   sm: "h-5 text-xs px-2",
@@ -163,24 +163,24 @@ const X = {
   pill: "rounded-full",
   Rectangle: "rounded-xxs"
 }, Ye = ({
-  label: a,
+  label: t,
   color: r = "default",
   type: s = "pill",
   size: e = "md",
   textColor: n = "black"
 }) => {
-  const o = f(
+  const d = f(
     oe[r],
     de[n],
     ne[e],
     ce[s]
   );
-  return /* @__PURE__ */ t("div", { className: `flex justify-center items-center ${o}`, children: a });
+  return /* @__PURE__ */ a("div", { className: `flex justify-center items-center ${d}`, children: t });
 }, ie = {
   sm: "h-8 text-xs px-3",
   md: "h-10 text-sm px-4",
   lg: "h-12 text-base px-6"
-}, w = {
+}, y = {
   white: "text-white",
   black: "text-default-900",
   default: "text-default-900",
@@ -189,21 +189,21 @@ const X = {
   success: "text-base-success",
   warning: "text-base-warning",
   danger: "text-base-danger"
-}, I = {
+}, B = {
   default: "bg-default-300",
   primary: "bg-base-primary",
   secondary: "bg-base-secondary",
   success: "bg-base-success",
   warning: "bg-base-warning",
   danger: "bg-base-danger"
-}, j = {
+}, P = {
   default: "border-default-300",
   primary: "border-base-primary",
   secondary: "border-base-secondary",
   success: "border-base-success",
   warning: "border-base-warning",
   danger: "border-base-danger"
-}, D = {
+}, j = {
   default: "bg-default-100",
   primary: "bg-primary-100",
   secondary: "bg-secondary-100",
@@ -216,60 +216,60 @@ const X = {
   md: "rounded-md",
   lg: "rounded-lg",
   full: "rounded-full"
-}, ue = (a, r, s) => {
+}, ue = (t, r, s) => {
   let e = "";
-  switch (a) {
+  switch (t) {
     case "solid":
-      e = `${I[r]} ${w[s]}`;
+      e = `${B[r]} ${y[s]}`;
       break;
     case "bordered":
-      e = `border-2 ${j[r]} ${w[r]}`;
+      e = `border-2 ${P[r]} ${y[r]}`;
       break;
     case "light":
-      e = w[r];
+      e = y[r];
       break;
     case "flat":
-      e = `${D[r]} ${w[r]}`;
+      e = `${j[r]} ${y[r]}`;
       break;
     case "faded":
-      e = `border-2 ${j.default} ${D.default} ${w[r]}`;
+      e = `border-2 ${P.default} ${j.default} ${y[r]}`;
       break;
     case "shadow":
-      e = `shadow-lg ${I[r]} ${w[s]}`;
+      e = `shadow-lg ${B[r]} ${y[s]}`;
       break;
   }
   return e;
 }, Ge = ({
-  type: a = "button",
+  type: t = "button",
   variant: r = "solid",
   color: s = "default",
   textColor: e = "black",
   size: n = "md",
-  rounded: o = "none",
-  label: d,
+  rounded: d = "none",
+  label: o,
   icon: c,
   iconPosition: i = "left",
-  width: u = "auto",
-  disabled: b = !1,
-  onClick: p
+  width: l = "auto",
+  disabled: p = !1,
+  onClick: m
 }) => {
-  const g = f(
-    u === "full" ? "w-full" : "w-auto",
+  const x = f(
+    l === "full" ? "w-full" : "w-auto",
     i === "right" ? "flex-row" : "flex-row-reverse",
-    le[o],
+    le[d],
     ie[n],
     ue(r, s, e)
   );
-  return /* @__PURE__ */ l(
+  return /* @__PURE__ */ b(
     "button",
     {
-      type: a,
-      className: "flex items-center justify-center gap-2 font-semibold transition-all duration-300 " + g,
-      onClick: p,
-      disabled: b,
+      type: t,
+      className: "flex items-center justify-center gap-2 font-semibold transition-all duration-300 " + x,
+      onClick: m,
+      disabled: p,
       children: [
         c,
-        d && /* @__PURE__ */ t("p", { children: d })
+        o && /* @__PURE__ */ a("p", { children: o })
       ]
     }
   );
@@ -283,14 +283,14 @@ const X = {
   md: "rounded-md",
   lg: "rounded-lg",
   full: "rounded-full"
-}, P = {
+}, D = {
   default: "bg-default-200",
   primary: "bg-base-primary",
   secondary: "bg-base-secondary",
   success: "bg-base-success",
   warning: "bg-base-warning",
   danger: "bg-base-danger"
-}, x = {
+}, w = {
   white: "text-content-1",
   black: "text-layout-fg",
   default: "text-layout-fg",
@@ -306,63 +306,63 @@ const X = {
   success: "border-base-success",
   warning: "border-base-warning",
   danger: "border-base-danger"
-}, fe = {
+}, pe = {
   default: "bg-default-200",
   primary: "bg-primary-100",
   secondary: "bg-secondary-100",
   success: "bg-success-100",
   warning: "bg-warning-100",
   danger: "bg-danger-100"
-}, pe = {
+}, fe = {
   default: "bg-default-400",
   primary: "bg-base-primary",
   secondary: "bg-base-secondary",
   success: "bg-base-success",
   warning: "bg-base-warning",
   danger: "bg-base-danger"
-}, me = (a, r, s) => {
+}, me = (t, r, s) => {
   let e = "";
-  switch (a) {
+  switch (t) {
     case "solid":
-      e = `${P[r]} ${x[s]}`;
+      e = `${D[r]} ${w[s]}`;
       break;
     case "bordered":
-      e = `border-2 ${C[r]} ${x[r]}`;
+      e = `border-2 ${C[r]} ${w[r]}`;
       break;
     case "light":
-      e = x[r];
+      e = w[r];
       break;
     case "flat":
-      e = `${fe[r]} ${x[r]}`;
+      e = `${pe[r]} ${w[r]}`;
       break;
     case "faded":
-      e = `border-2 ${C.default} bg-default-100 ${x[r]}`;
+      e = `border-2 ${C.default} bg-default-100 ${w[r]}`;
       break;
     case "shadow":
-      e = `shadow-lg ${P[r]} ${x[s]}`;
+      e = `shadow-lg ${D[r]} ${w[s]}`;
       break;
     case "dot":
-      e = `border-2 ${C.default} ${x.black}`;
+      e = `border-2 ${C.default} ${w.black}`;
       break;
   }
   return e;
 }, Je = ({
-  variant: a = "solid",
+  variant: t = "solid",
   color: r = "default",
   textColor: s = "black",
   label: e,
   size: n = "md",
-  rounded: o = "none",
-  children: d
+  rounded: d = "none",
+  children: o
 }) => {
   const c = f(
-    ge[o],
+    ge[d],
     be[n],
-    me(a, r, s)
+    me(t, r, s)
   );
-  return /* @__PURE__ */ t("div", { className: `w-fit flex items-center justify-center gap-1 px-2 ${c}`, children: d || /* @__PURE__ */ l(W, { children: [
-    /* @__PURE__ */ t("p", { children: e }),
-    a === "dot" && /* @__PURE__ */ t("div", { className: `size-2 rounded-full ${pe[r]}` })
+  return /* @__PURE__ */ a("div", { className: `w-fit flex items-center justify-center gap-1 px-2 ${c}`, children: o || /* @__PURE__ */ b(W, { children: [
+    /* @__PURE__ */ a("p", { children: e }),
+    t === "dot" && /* @__PURE__ */ a("div", { className: `size-2 rounded-full ${fe[r]}` })
   ] }) });
 }, xe = {
   sm: "h-8 py-1",
@@ -398,11 +398,11 @@ const X = {
 }, $e = {
   sm: "rounded-sm",
   full: "rounded-full"
-}, Ce = (a, r, s) => {
+}, Ce = (t, r, s) => {
   let e = "";
   if (s)
     return e = "bg-danger-100 hover:bg-danger-50 focus-within:hover:bg-transparent focus-within:bg-transparent focus-within:border focus-within:border-base-danger";
-  switch (a) {
+  switch (t) {
     case "flat":
       e = `${ye[r]} ${k[r]} ${we[r]} focus-within:text-layout-fg`;
       break;
@@ -415,71 +415,71 @@ const X = {
   }
   return e;
 }, Ke = ({
-  id: a,
+  id: t,
   label: r,
   required: s = !1,
   register: e,
   name: n,
-  value: o,
-  onChange: d,
+  value: d,
+  onChange: o,
   isFocused: c = !1,
   placeHolder: i,
-  variant: u = "flat",
-  color: b = "default",
-  size: p = "sm",
-  rounded: g = "sm",
-  description: m = "",
-  icon: h,
-  endIcon: y,
-  errorMsg: $ = "",
+  variant: l = "flat",
+  color: p = "default",
+  size: m = "sm",
+  rounded: x = "sm",
+  description: h = "",
+  icon: u,
+  endIcon: g,
+  errorMsg: v = "",
   hasError: _ = !1
 }) => {
-  const L = f($e[g], Ce(u, b, _)), F = f(xe[p]);
-  return /* @__PURE__ */ l("label", { className: "flex flex-col w-full", children: [
-    r && /* @__PURE__ */ l(
+  const L = f($e[x], Ce(l, p, _)), F = f(xe[m]);
+  return /* @__PURE__ */ b("label", { className: "flex flex-col w-full", children: [
+    r && /* @__PURE__ */ b(
       "div",
       {
-        className: `h-4 text-xs mb-2 ${_ ? "text-base-danger" : he[b]}`,
+        className: `h-4 text-xs mb-2 ${_ ? "text-base-danger" : he[p]}`,
         children: [
           r,
-          s && /* @__PURE__ */ t("span", { className: "text-base-danger text-sm", children: "*" })
+          s && /* @__PURE__ */ a("span", { className: "text-base-danger text-sm", children: "*" })
         ]
       }
     ),
-    /* @__PURE__ */ l(
+    /* @__PURE__ */ b(
       "div",
       {
         className: `${L} flex items-center px-1.5 transition-all duration-200`,
         children: [
-          h,
-          e ? /* @__PURE__ */ t(
+          u,
+          e ? /* @__PURE__ */ a(
             "input",
             {
-              id: `${a}`,
+              id: `${t}`,
               type: "text",
               ...e(n),
               placeholder: i,
               className: `${F} bg-transparent w-full px-1.5 text-sm outline-none`,
               autoFocus: c
             }
-          ) : /* @__PURE__ */ t(
+          ) : /* @__PURE__ */ a(
             "input",
             {
-              id: `${a}`,
+              id: `${t}`,
               type: "text",
-              value: o,
-              onChange: (O) => d && d(O.target.value),
+              value: d,
+              onChange: (O) => o && o(O.target.value),
               placeholder: i,
               className: `${F} bg-transparent w-full px-1.5 text-sm outline-none`,
               autoFocus: c
             }
           ),
-          y
+          g
         ]
       }
     ),
-    m && !$ && /* @__PURE__ */ t("p", { className: "mt-1 text-xs text-default-400", children: m }),
-    $ && /* @__PURE__ */ t("p", { className: "mt-1 mr-1 text-xs text-base-danger", children: $ })
+    h && !v && /* @__PURE__ */ a("p", { className: "mt-1 text-xs text-default-400", children: h }),
+    v && /* @__PURE__ */ a("p", { className: "mt-1 mr-1 text-xs text-base-danger", children: v })
   ] });
 }, ke = {
   sm: "size-4 min-w-4 p-[3px]",
@@ -500,49 +500,49 @@ const X = {
   danger: "bg-base-danger",
   neutral: "bg-default-500"
 }, Qe = ({
-  name: a,
+  name: t,
   value: r,
   checked: s,
   disabled: e = !1,
   onChange: n,
-  size: o = "md",
-  color: d = "primary",
+  size: d = "md",
+  color: o = "primary",
   children: c
 }) => {
   const i = f(
-    ke[o],
-    s ? Ne[d] : "border-base-default hover:bg-default-100 transition-all duration-200"
+    ke[d],
+    s ? Ne[o] : "border-base-default hover:bg-default-100 transition-all duration-200"
   );
-  return /* @__PURE__ */ l(
+  return /* @__PURE__ */ b(
     "label",
     {
       className: `flex items-center gap-2 ${e ? "opacity-50" : "cursor-pointer"}`,
       children: [
-        /* @__PURE__ */ t(
+        /* @__PURE__ */ a(
           "input",
           {
-            name: a,
+            name: t,
             type: "radio",
             value: r,
             checked: s,
-            onChange: (u) => n && n(u.target.value),
+            onChange: (l) => n && n(l.target.value),
             disabled: e,
             style: { display: "none" }
           }
         ),
-        /* @__PURE__ */ t(
+        /* @__PURE__ */ a(
           "div",
           {
             className: `flex justify-center items-center rounded-full border-2 ${i}`,
-            children: s && /* @__PURE__ */ t(
+            children: s && /* @__PURE__ */ a(
               "span",
               {
-                className: `block w-full h-full rounded-full ${_e[d]}`
+                className: `block w-full h-full rounded-full ${_e[o]}`
               }
             )
           }
         ),
-        /* @__PURE__ */ t("div", { children: c })
+        /* @__PURE__ */ a("div", { children: c })
       ]
     }
   );
@@ -566,7 +566,7 @@ const X = {
   md: "rounded-md",
   lg: "rounded-lg",
   full: "rounded-full"
-}, Ae = (a, r) => {
+}, Ae = (t, r) => {
   let s = "";
   const e = {
     start: "left-4",
@@ -577,7 +577,7 @@ const X = {
     center: "top-1/2 -translate-y-1/2",
     end: "bottom-[5px]"
   };
-  switch (a) {
+  switch (t) {
     case "top":
       s = "top-[-3px] " + e[r];
       break;
@@ -593,13 +593,13 @@ const X = {
   }
   return s;
 }, Me = ({
-  label: a,
+  label: t,
   color: r = "default",
   textColor: s = "black",
   size: e = "md",
   rounded: n = "md",
-  direction: o = "bottom",
-  position: d = "center"
+  direction: d = "bottom",
+  position: o = "center"
 }) => {
   const c = f(
     Fe[e],
@@ -607,18 +607,18 @@ const X = {
     Se[s],
     ze[n]
   );
-  return /* @__PURE__ */ l("div", { className: "relative", children: [
-    /* @__PURE__ */ t(
+  return /* @__PURE__ */ b("div", { className: "relative", children: [
+    /* @__PURE__ */ a(
       "div",
       {
         className: `max-w-[180px] relative z-10 py-1 px-3 shadow-[0px_1px_2px_0px_#0000000F,0px_1px_3px_0px_#0000001A] ${c}`,
-        children: /* @__PURE__ */ t("p", { children: a })
+        children: /* @__PURE__ */ a("p", { children: t })
       }
     ),
-    /* @__PURE__ */ t(
+    /* @__PURE__ */ a(
       "div",
       {
-        className: `absolute size-2.5 rotate-45 rounded-[2px] shadow-[0px_0px_1px_0px_#0000004D,0px_2px_10px_0px_#0000000F,0px_0px_5px_0px_#00000005] ${Ae(o, d)} ${R[r]}`
+        className: `absolute size-2.5 rotate-45 rounded-[2px] shadow-[0px_0px_1px_0px_#0000004D,0px_2px_10px_0px_#0000000F,0px_0px_5px_0px_#00000005] ${Ae(d, o)} ${R[r]}`
       }
     )
   ] });
@@ -637,30 +637,30 @@ const X = {
   warning: "#fdedd3",
   danger: "#fdd0df"
 }, Ue = ({
-  value: a,
+  value: t,
   setValue: r,
   min: s = 0,
   max: e = 100,
   step: n = 1,
-  color: o = "primary",
-  tooltipColor: d = "primary",
+  color: d = "primary",
+  tooltipColor: o = "primary",
   tooltipTextColor: c = "white"
-}) => /* @__PURE__ */ t(
+}) => /* @__PURE__ */ a(
   J,
   {
-    value: a,
+    value: t,
     min: s,
     max: e,
     step: n,
-    onChange: (i, u) => {
-      r(u);
+    onChange: (i, l) => {
+      r(l);
     },
     onChangeCommitted: (i) => {
     },
-    valueLabelFormat: (i) => /* @__PURE__ */ t(
+    valueLabelFormat: (i) => /* @__PURE__ */ a(
       Me,
       {
-        color: d,
+        color: o,
         textColor: c,
         label: `${i.toLocaleString()}`
       }
@@ -675,27 +675,27 @@ const X = {
         width: "16px",
         height: "16px",
         border: "2px solid",
-        borderColor: E[o],
+        borderColor: E[d],
         color: "#fff"
       },
       "& .MuiSlider-thumb.Mui-focusVisible": {
-        boxShadow: `0 0 0 4px ${N[o]}`
+        boxShadow: `0 0 0 4px ${N[d]}`
       },
       "& .MuiSlider-thumb.Mui-active": {
-        boxShadow: `0 0 0 4px ${N[o]}`
+        boxShadow: `0 0 0 4px ${N[d]}`
       },
       "& .MuiSlider-thumb:hover": {
-        boxShadow: `0 0 0 4px ${N[o]}`
+        boxShadow: `0 0 0 4px ${N[d]}`
       },
       "& .MuiSlider-track": {
-        color: E[o]
+        color: E[d]
       },
       "& .MuiSlider-valueLabel": {
         backgroundColor: "transparent"
       }
     }
   }
-), Be = () => /* @__PURE__ */ t("div", { className: "custom-select-icon", children: /* @__PURE__ */ t(G, {}) }), Xe = ({ options: a, value: r, onChange: s }) => /* @__PURE__ */ t(
+), Ie = () => /* @__PURE__ */ a("div", { className: "custom-select-icon", children: /* @__PURE__ */ a(G, {}) }), Xe = ({ options: t, value: r, onChange: s }) => /* @__PURE__ */ a(
   Q,
   {
     MenuProps: {
@@ -715,7 +715,7 @@ const X = {
         }
       }
     },
-    IconComponent: Be,
+    IconComponent: Ie,
     sx: {
       width: "100%",
       height: 34,
@@ -743,7 +743,7 @@ const X = {
     },
     value: r,
     onChange: (e) => s(e.target.value),
-    children: a.map(({ title: e, value: n }, o) => /* @__PURE__ */ t(
+    children: t.map(({ title: e, value: n }, d) => /* @__PURE__ */ a(
       K,
       {
         sx: {
@@ -769,14 +769,14 @@ const X = {
         value: n,
         children: e
       },
-      o
+      d
     ))
   }
-), Ie = {
+), Be = {
   sm: "min-w-10 min-h-6",
   md: "min-w-12 min-h-7",
   lg: "min-w-14 min-h-8"
-}, je = {
+}, Pe = {
   default: "bg-default-400",
   primary: "bg-layout-focus",
   secondary: "bg-base-secondary",
@@ -784,131 +784,135 @@ const X = {
   warning: "bg-base-warning",
   danger: "bg-base-danger"
 }, Ze = ({
-  enabled: a,
+  enabled: t,
   onChange: r,
   label: s,
   labelPosition: e = "left",
   size: n = "md",
-  color: o = "default",
-  disabled: d = !1
+  color: d = "default",
+  disabled: o = !1
 }) => {
   const c = f(
     e === "left" ? "flex-row" : "flex-row-reverse",
-    d && "opacity-50"
+    o && "opacity-50"
   ), i = f(
-    Ie[n],
-    a ? je[o] : "bg-default-700",
-    d && "cursor-auto"
+    Be[n],
+    t ? Pe[d] : "bg-default-700",
+    o && "cursor-auto"
   );
-  return /* @__PURE__ */ l("div", { className: `flex items-center gap-2 ${c}`, children: [
-    /* @__PURE__ */ t(
+  return /* @__PURE__ */ b("div", { className: `flex items-center gap-2 ${c}`, children: [
+    /* @__PURE__ */ a(
       "button",
       {
         onClick: r,
         className: `relative rounded-full transition-colors duration-300 p-1 ${i}`,
-        disabled: d,
-        children: /* @__PURE__ */ t(
+        disabled: o,
+        children: /* @__PURE__ */ a(
           "span",
           {
             className: `
             block h-[calc(100%-8px)] aspect-square rounded-full bg-content-1
             transition-all duration-300 shadow-[0px_0px_1px_0px_#0000004D,0px_2px_10px_0px_#0000000F,0px_0px_5px_0px_#00000005]
-            absolute top-1 left-1 ${a && "translate-x-full"}
+            absolute top-1 left-1 ${t && "translate-x-full"}
             `
           }
         )
       }
     ),
-    s && /* @__PURE__ */ t("p", { className: `text-default-600 ${n === "sm" && "text-sm"}`, children: s })
+    s && /* @__PURE__ */ a("p", { className: `text-default-600 ${n === "sm" && "text-sm"}`, children: s })
   ] });
-}, De = {
+}, je = {
   sm: "h-8 py-1",
   lg: "h-10 py-2"
-}, Pe = {
+}, De = {
   flat: "bg-default-100 hover:bg-default-200 focus:bg-transparent focus:border-2 border-[#11181C]",
   faded: "bg-default-100 hover:bg-default-200 focus:bg-transparent border-2 border-default-200 hover:border-default-400 focus:border-[#11181C]",
   bordered: "bg-transparent border-2 border-default-200 hover:border-default-400 focus:border-[#11181C]"
 }, Re = ({
-  value: a,
-  onChange: r,
+  value: t,
+  onInputChange: r,
   placeHolder: s,
   inputIcon: e,
   inputEndIcon: n,
-  inputProps: o,
-  inputRef: d,
+  inputProps: d,
+  inputRef: o,
   size: c,
   variant: i,
-  iconOnClick: u,
-  endIconOnClick: b
-}) => /* @__PURE__ */ l("div", { ref: d, className: "relative", children: [
-  e && /* @__PURE__ */ t(
+  iconOnClick: l,
+  endIconOnClick: p
+}) => /* @__PURE__ */ b("div", { ref: o, className: "relative", children: [
+  e && /* @__PURE__ */ a(
     "button",
     {
-      onClick: u,
+      onClick: l,
       className: "absolute top-1/2 -translate-y-1/2 right-2",
       children: e
     }
   ),
-  /* @__PURE__ */ t(
+  /* @__PURE__ */ a(
     "input",
     {
-      ...o,
+      ...d,
       type: "text",
-      value: a,
-      onChange: (p) => r && r(p.target.value),
+      value: t,
+      onChange: (m) => r && r(m.target.value),
       placeholder: s,
-      className: `${Pe[i]} ${De[c]} transition-all duration-300 w-full px-3 text-sm outline-none rounded-sm ${n && "pl-[30px]"} ${e && "pr-[30px]"}`
+      className: `${De[i]} ${je[c]} transition-all duration-300 w-full px-3 text-sm outline-none rounded-sm ${n && "pl-[30px]"} ${e && "pr-[30px]"}`
     }
   ),
-  n && /* @__PURE__ */ t(
+  n && /* @__PURE__ */ a(
     "button",
     {
-      onClick: b,
+      onClick: p,
       className: "absolute top-1/2 -translate-y-1/2 left-2",
       children: n
     }
   )
 ] }), He = ({
-  label: a,
+  label: t,
   placeHolder: r,
   inputIcon: s,
   inputEndIcon: e,
   value: n,
+  onInputChange: d,
   onChange: o,
-  size: d = "sm",
-  variant: c = "flat",
-  options: i,
-  optionsUI: u,
-  iconOnClick: b,
-  endIconOnClick: p
-}) => /* @__PURE__ */ t(
-  U,
-  {
-    disablePortal: !0,
-    options: i,
-    sx: { width: "100%" },
-    renderOption: (g, m) => /* @__PURE__ */ t("li", { ...g, children: u.find(({ id: h }) => h === m.id)?.element }),
-    renderInput: (g) => /* @__PURE__ */ l("div", { children: [
-      a && /* @__PURE__ */ t("div", { className: "h-4 text-xs mb-2 text-default-600", children: a }),
-      /* @__PURE__ */ t(
-        Re,
-        {
-          value: n,
-          onChange: o,
-          placeHolder: r,
-          inputIcon: s,
-          inputEndIcon: e,
-          inputProps: g.slotProps.htmlInput,
-          inputRef: g.slotProps.input.ref,
-          size: d,
-          variant: c,
-          iconOnClick: b,
-          endIconOnClick: p
-        }
-      )
-    ] })
-  }
-);
+  size: c = "sm",
+  variant: i = "flat",
+  options: l,
+  iconOnClick: p,
+  endIconOnClick: m
+}) => {
+  const x = l.map((u, g) => ({ ...u, optionIndex: g })), h = l.map((u, g) => (delete u.element, { ...u, optionIndex: g }));
+  return /* @__PURE__ */ a(
+    U,
+    {
+      disablePortal: !0,
+      options: h,
+      sx: { width: "100%" },
+      onChange: (u, g) => o && o(g),
+      renderOption: (u, g) => /* @__PURE__ */ a("li", { ...u, children: x.find(({ optionIndex: v }) => v === g.optionIndex)?.element }),
+      renderInput: (u) => /* @__PURE__ */ b("div", { children: [
+        t && /* @__PURE__ */ a("div", { className: "h-4 text-xs mb-2 text-default-600", children: t }),
+        /* @__PURE__ */ a(
+          Re,
+          {
+            value: n,
+            onInputChange: d,
+            placeHolder: r,
+            inputIcon: s,
+            inputEndIcon: e,
+            inputProps: u.slotProps.htmlInput,
+            inputRef: u.slotProps.input.ref,
+            size: c,
+            variant: i,
+            iconOnClick: p,
+            endIconOnClick: m
+          }
+        )
+      ] })
+    }
+  );
+};
 export {
   Ve as Alert,
   He as Autocomplete,

package/dist/styles.css

@@ -1 +1 @@
-*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*! tailwindcss v3.4.14 | MIT License | https://tailwindcss.com*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.absolute{position:absolute}.relative{position:relative}.-left-1{left:-.25rem}.-top-1{top:-.25rem}.bottom-\[-3px\]{bottom:-3px}.bottom-\[5px\]{bottom:5px}.left-1{left:.25rem}.left-1\/2{left:50%}.left-2{left:.5rem}.left-4{left:1rem}.left-\[-3px\]{left:-3px}.right-2{right:.5rem}.right-4{right:1rem}.right-\[-3px\]{right:-3px}.top-1{top:.25rem}.top-1\/2{top:50%}.top-\[-3px\]{top:-3px}.top-\[5px\]{top:5px}.z-10{z-index:10}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-8{margin-bottom:2rem}.mr-1{margin-right:.25rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-52{margin-top:13rem}.mt-\[1px\]{margin-top:1px}.block{display:block}.flex{display:flex}.aspect-square{aspect-ratio:1/1}.size-2{width:.5rem;height:.5rem}.size-2\.5{width:.625rem;height:.625rem}.size-4{width:1rem;height:1rem}.size-5{width:1.25rem;height:1.25rem}.size-6{width:1.5rem;height:1.5rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-20{height:5rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-\[calc\(100\%-8px\)\]{height:calc(100% - 8px)}.h-full{height:100%}.min-h-6{min-height:1.5rem}.min-h-7{min-height:1.75rem}.min-h-8{min-height:2rem}.w-20{width:5rem}.w-24{width:6rem}.w-60{width:15rem}.w-96{width:24rem}.w-\[342px\]{width:342px}.w-auto{width:auto}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.min-w-10{min-width:2.5rem}.min-w-12{min-width:3rem}.min-w-14{min-width:3.5rem}.min-w-4{min-width:1rem}.min-w-5{min-width:1.25rem}.min-w-6{min-width:1.5rem}.min-w-\[342px\]{min-width:342px}.max-w-24{max-width:6rem}.max-w-\[180px\]{max-width:180px}.-translate-x-1\/2{--tw-translate-x:-50%}.-translate-x-1\/2,.-translate-y-1\/2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y:-50%}.translate-x-full{--tw-translate-x:100%}.rotate-45,.translate-x-full{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-45{--tw-rotate:45deg}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-auto{cursor:auto}.cursor-pointer{cursor:pointer}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.rounded{border-radius:.25rem}.rounded-\[22px\]{border-radius:22px}.rounded-\[2px\]{border-radius:2px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:14px}.rounded-md{border-radius:12px}.rounded-none{border-radius:0}.rounded-sm{border-radius:8px}.rounded-xl{border-radius:16px}.rounded-xxs{border-radius:4px}.border{border-width:1px}.border-2{border-width:2px}.border-b-2{border-bottom-width:2px}.border-\[\#11181C\]{--tw-border-opacity:1;border-color:rgb(17 24 28/var(--tw-border-opacity))}.border-base-danger{--tw-border-opacity:1;border-color:rgb(243 18 96/var(--tw-border-opacity))}.border-base-default{--tw-border-opacity:1;border-color:rgb(212 212 216/var(--tw-border-opacity))}.border-base-primary{--tw-border-opacity:1;border-color:rgb(17 46 98/var(--tw-border-opacity))}.border-base-secondary{--tw-border-opacity:1;border-color:rgb(197 156 78/var(--tw-border-opacity))}.border-base-success{--tw-border-opacity:1;border-color:rgb(23 201 100/var(--tw-border-opacity))}.border-base-warning{--tw-border-opacity:1;border-color:rgb(245 165 36/var(--tw-border-opacity))}.border-default-200{--tw-border-opacity:1;border-color:rgb(228 228 231/var(--tw-border-opacity))}.border-default-300{--tw-border-opacity:1;border-color:rgb(212 212 216/var(--tw-border-opacity))}.border-default-500{--tw-border-opacity:1;border-color:rgb(113 113 122/var(--tw-border-opacity))}.border-primary-300{--tw-border-opacity:1;border-color:rgb(17 46 98/var(--tw-border-opacity))}.bg-base-danger{--tw-bg-opacity:1;background-color:rgb(243 18 96/var(--tw-bg-opacity))}.bg-base-primary{--tw-bg-opacity:1;background-color:rgb(17 46 98/var(--tw-bg-opacity))}.bg-base-secondary{--tw-bg-opacity:1;background-color:rgb(197 156 78/var(--tw-bg-opacity))}.bg-base-success{--tw-bg-opacity:1;background-color:rgb(23 201 100/var(--tw-bg-opacity))}.bg-base-warning{--tw-bg-opacity:1;background-color:rgb(245 165 36/var(--tw-bg-opacity))}.bg-content-1{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-danger-100{--tw-bg-opacity:1;background-color:rgb(253 208 223/var(--tw-bg-opacity))}.bg-danger-50{--tw-bg-opacity:1;background-color:rgb(254 231 239/var(--tw-bg-opacity))}.bg-default-100{--tw-bg-opacity:1;background-color:rgb(244 244 245/var(--tw-bg-opacity))}.bg-default-200{--tw-bg-opacity:1;background-color:rgb(228 228 231/var(--tw-bg-opacity))}.bg-default-300{--tw-bg-opacity:1;background-color:rgb(212 212 216/var(--tw-bg-opacity))}.bg-default-400{--tw-bg-opacity:1;background-color:rgb(161 161 170/var(--tw-bg-opacity))}.bg-default-500{--tw-bg-opacity:1;background-color:rgb(113 113 122/var(--tw-bg-opacity))}.bg-default-700{--tw-bg-opacity:1;background-color:rgb(63 63 70/var(--tw-bg-opacity))}.bg-layout-focus{--tw-bg-opacity:1;background-color:rgb(17 46 98/var(--tw-bg-opacity))}.bg-primary-100{--tw-bg-opacity:1;background-color:rgb(214 224 243/var(--tw-bg-opacity))}.bg-primary-50{--tw-bg-opacity:1;background-color:rgb(238 242 250/var(--tw-bg-opacity))}.bg-secondary-100{--tw-bg-opacity:1;background-color:rgb(238 225 201/var(--tw-bg-opacity))}.bg-secondary-50{--tw-bg-opacity:1;background-color:rgb(249 244 236/var(--tw-bg-opacity))}.bg-success-100{--tw-bg-opacity:1;background-color:rgb(209 244 224/var(--tw-bg-opacity))}.bg-success-50{--tw-bg-opacity:1;background-color:rgb(232 250 240/var(--tw-bg-opacity))}.bg-success-800{--tw-bg-opacity:1;background-color:rgb(9 80 40/var(--tw-bg-opacity))}.bg-transparent{background-color:transparent}.bg-warning-100{--tw-bg-opacity:1;background-color:rgb(253 237 211/var(--tw-bg-opacity))}.bg-warning-50{--tw-bg-opacity:1;background-color:rgb(254 252 232/var(--tw-bg-opacity))}.p-1{padding:.25rem}.p-3{padding:.75rem}.p-\[3px\]{padding:3px}.p-\[5px\]{padding:5px}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.pb-10{padding-bottom:2.5rem}.pb-2{padding-bottom:.5rem}.pl-\[30px\]{padding-left:30px}.pr-\[30px\]{padding-right:30px}.text-2xl{font-size:24px}.text-base{font-size:16px}.text-sm{font-size:14px}.text-xs{font-size:12px}.font-semibold{font-weight:600}.text-base-danger{--tw-text-opacity:1;color:rgb(243 18 96/var(--tw-text-opacity))}.text-base-primary{--tw-text-opacity:1;color:rgb(17 46 98/var(--tw-text-opacity))}.text-base-secondary{--tw-text-opacity:1;color:rgb(197 156 78/var(--tw-text-opacity))}.text-base-success{--tw-text-opacity:1;color:rgb(23 201 100/var(--tw-text-opacity))}.text-base-warning{--tw-text-opacity:1;color:rgb(245 165 36/var(--tw-text-opacity))}.text-content-1{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.text-default-400{--tw-text-opacity:1;color:rgb(161 161 170/var(--tw-text-opacity))}.text-default-500{--tw-text-opacity:1;color:rgb(113 113 122/var(--tw-text-opacity))}.text-default-600{--tw-text-opacity:1;color:rgb(82 82 91/var(--tw-text-opacity))}.text-default-900{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity))}.text-layout-fg{--tw-text-opacity:1;color:rgb(17 24 28/var(--tw-text-opacity))}.text-primary-300{--tw-text-opacity:1;color:rgb(17 46 98/var(--tw-text-opacity))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.text-zinc-400{--tw-text-opacity:1;color:rgb(161 161 170/var(--tw-text-opacity))}.opacity-50{opacity:.5}.shadow{--tw-shadow:0px 1px 2px 0px rgba(0,0,0,.06),0px 1px 3px 0px rgba(0,0,0,.1);--tw-shadow-colored:0px 1px 2px 0px var(--tw-shadow-color),0px 1px 3px 0px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0px_0px_1px_0px_\#0000004D\2c 0px_2px_10px_0px_\#0000000F\2c 0px_0px_5px_0px_\#00000005\]{--tw-shadow:0px 0px 1px 0px #0000004d,0px 2px 10px 0px #0000000f,0px 0px 5px 0px #00000005;--tw-shadow-colored:0px 0px 1px 0px var(--tw-shadow-color),0px 2px 10px 0px var(--tw-shadow-color),0px 0px 5px 0px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0px_1px_2px_0px_\#0000000F\2c 0px_1px_3px_0px_\#0000001A\]{--tw-shadow:0px 1px 2px 0px #0000000f,0px 1px 3px 0px #0000001a;--tw-shadow-colored:0px 1px 2px 0px var(--tw-shadow-color),0px 1px 3px 0px var(--tw-shadow-color)}.shadow-\[0px_1px_2px_0px_\#0000000F\2c 0px_1px_3px_0px_\#0000001A\],.shadow-lg{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow:0px 4px 6px -2px rgba(0,0,0,.05),0px 10px 15px -3px rgba(0,0,0,.1);--tw-shadow-colored:0px 4px 6px -2px var(--tw-shadow-color),0px 10px 15px -3px var(--tw-shadow-color)}.outline-none{outline:2px solid transparent;outline-offset:2px}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.focus-within\:border:focus-within{border-width:1px}.focus-within\:border-base-danger:focus-within{--tw-border-opacity:1;border-color:rgb(243 18 96/var(--tw-border-opacity))}.focus-within\:border-base-primary:focus-within{--tw-border-opacity:1;border-color:rgb(17 46 98/var(--tw-border-opacity))}.focus-within\:border-base-success:focus-within{--tw-border-opacity:1;border-color:rgb(23 201 100/var(--tw-border-opacity))}.focus-within\:border-base-warning:focus-within{--tw-border-opacity:1;border-color:rgb(245 165 36/var(--tw-border-opacity))}.focus-within\:border-layout-fg:focus-within{--tw-border-opacity:1;border-color:rgb(17 24 28/var(--tw-border-opacity))}.focus-within\:bg-transparent:focus-within{background-color:transparent}.focus-within\:text-layout-fg:focus-within{--tw-text-opacity:1;color:rgb(17 24 28/var(--tw-text-opacity))}.hover\:border-base-danger:hover{--tw-border-opacity:1;border-color:rgb(243 18 96/var(--tw-border-opacity))}.hover\:border-base-primary:hover{--tw-border-opacity:1;border-color:rgb(17 46 98/var(--tw-border-opacity))}.hover\:border-base-success:hover{--tw-border-opacity:1;border-color:rgb(23 201 100/var(--tw-border-opacity))}.hover\:border-base-warning:hover{--tw-border-opacity:1;border-color:rgb(245 165 36/var(--tw-border-opacity))}.hover\:border-default-400:hover{--tw-border-opacity:1;border-color:rgb(161 161 170/var(--tw-border-opacity))}.hover\:bg-danger-50:hover{--tw-bg-opacity:1;background-color:rgb(254 231 239/var(--tw-bg-opacity))}.hover\:bg-default-100:hover{--tw-bg-opacity:1;background-color:rgb(244 244 245/var(--tw-bg-opacity))}.hover\:bg-default-200:hover{--tw-bg-opacity:1;background-color:rgb(228 228 231/var(--tw-bg-opacity))}.hover\:bg-primary-50:hover{--tw-bg-opacity:1;background-color:rgb(238 242 250/var(--tw-bg-opacity))}.hover\:bg-success-50:hover{--tw-bg-opacity:1;background-color:rgb(232 250 240/var(--tw-bg-opacity))}.hover\:bg-warning-50:hover{--tw-bg-opacity:1;background-color:rgb(254 252 232/var(--tw-bg-opacity))}.hover\:bg-zinc-100:hover{--tw-bg-opacity:1;background-color:rgb(244 244 245/var(--tw-bg-opacity))}.hover\:text-base-primary:hover{--tw-text-opacity:1;color:rgb(17 46 98/var(--tw-text-opacity))}.hover\:text-base-success:hover{--tw-text-opacity:1;color:rgb(23 201 100/var(--tw-text-opacity))}.hover\:text-base-warning:hover{--tw-text-opacity:1;color:rgb(245 165 36/var(--tw-text-opacity))}.focus-within\:hover\:border-base-danger:hover:focus-within{--tw-border-opacity:1;border-color:rgb(243 18 96/var(--tw-border-opacity))}.focus-within\:hover\:border-base-primary:hover:focus-within{--tw-border-opacity:1;border-color:rgb(17 46 98/var(--tw-border-opacity))}.focus-within\:hover\:border-base-success:hover:focus-within{--tw-border-opacity:1;border-color:rgb(23 201 100/var(--tw-border-opacity))}.focus-within\:hover\:border-base-warning:hover:focus-within{--tw-border-opacity:1;border-color:rgb(245 165 36/var(--tw-border-opacity))}.focus-within\:hover\:border-layout-fg:hover:focus-within{--tw-border-opacity:1;border-color:rgb(17 24 28/var(--tw-border-opacity))}.focus-within\:hover\:bg-transparent:hover:focus-within{background-color:transparent}.focus\:border-2:focus{border-width:2px}.focus\:border-\[\#11181C\]:focus{--tw-border-opacity:1;border-color:rgb(17 24 28/var(--tw-border-opacity))}.focus\:bg-transparent:focus{background-color:transparent}
+*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*! tailwindcss v3.4.14 | MIT License | https://tailwindcss.com*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.absolute{position:absolute}.relative{position:relative}.-left-1{left:-.25rem}.-top-1{top:-.25rem}.bottom-\[-3px\]{bottom:-3px}.bottom-\[5px\]{bottom:5px}.left-1{left:.25rem}.left-1\/2{left:50%}.left-2{left:.5rem}.left-4{left:1rem}.left-\[-3px\]{left:-3px}.right-2{right:.5rem}.right-4{right:1rem}.right-\[-3px\]{right:-3px}.top-1{top:.25rem}.top-1\/2{top:50%}.top-\[-3px\]{top:-3px}.top-\[5px\]{top:5px}.z-10{z-index:10}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-8{margin-bottom:2rem}.mr-1{margin-right:.25rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-52{margin-top:13rem}.mt-\[1px\]{margin-top:1px}.block{display:block}.flex{display:flex}.aspect-square{aspect-ratio:1/1}.size-2{width:.5rem;height:.5rem}.size-2\.5{width:.625rem;height:.625rem}.size-4{width:1rem;height:1rem}.size-5{width:1.25rem;height:1.25rem}.size-6{width:1.5rem;height:1.5rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-20{height:5rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-60{height:15rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-\[calc\(100\%-8px\)\]{height:calc(100% - 8px)}.h-full{height:100%}.min-h-6{min-height:1.5rem}.min-h-7{min-height:1.75rem}.min-h-8{min-height:2rem}.w-20{width:5rem}.w-24{width:6rem}.w-60{width:15rem}.w-96{width:24rem}.w-\[342px\]{width:342px}.w-auto{width:auto}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.min-w-10{min-width:2.5rem}.min-w-12{min-width:3rem}.min-w-14{min-width:3.5rem}.min-w-4{min-width:1rem}.min-w-5{min-width:1.25rem}.min-w-6{min-width:1.5rem}.min-w-\[342px\]{min-width:342px}.max-w-24{max-width:6rem}.max-w-\[180px\]{max-width:180px}.-translate-x-1\/2{--tw-translate-x:-50%}.-translate-x-1\/2,.-translate-y-1\/2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y:-50%}.translate-x-full{--tw-translate-x:100%}.rotate-45,.translate-x-full{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-45{--tw-rotate:45deg}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-auto{cursor:auto}.cursor-pointer{cursor:pointer}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.rounded{border-radius:.25rem}.rounded-\[22px\]{border-radius:22px}.rounded-\[2px\]{border-radius:2px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:14px}.rounded-md{border-radius:12px}.rounded-none{border-radius:0}.rounded-sm{border-radius:8px}.rounded-xl{border-radius:16px}.rounded-xxs{border-radius:4px}.border{border-width:1px}.border-2{border-width:2px}.border-b-2{border-bottom-width:2px}.border-\[\#11181C\]{--tw-border-opacity:1;border-color:rgb(17 24 28/var(--tw-border-opacity))}.border-base-danger{--tw-border-opacity:1;border-color:rgb(243 18 96/var(--tw-border-opacity))}.border-base-default{--tw-border-opacity:1;border-color:rgb(212 212 216/var(--tw-border-opacity))}.border-base-primary{--tw-border-opacity:1;border-color:rgb(17 46 98/var(--tw-border-opacity))}.border-base-secondary{--tw-border-opacity:1;border-color:rgb(197 156 78/var(--tw-border-opacity))}.border-base-success{--tw-border-opacity:1;border-color:rgb(23 201 100/var(--tw-border-opacity))}.border-base-warning{--tw-border-opacity:1;border-color:rgb(245 165 36/var(--tw-border-opacity))}.border-default-200{--tw-border-opacity:1;border-color:rgb(228 228 231/var(--tw-border-opacity))}.border-default-300{--tw-border-opacity:1;border-color:rgb(212 212 216/var(--tw-border-opacity))}.border-default-500{--tw-border-opacity:1;border-color:rgb(113 113 122/var(--tw-border-opacity))}.border-primary-300{--tw-border-opacity:1;border-color:rgb(17 46 98/var(--tw-border-opacity))}.bg-base-danger{--tw-bg-opacity:1;background-color:rgb(243 18 96/var(--tw-bg-opacity))}.bg-base-primary{--tw-bg-opacity:1;background-color:rgb(17 46 98/var(--tw-bg-opacity))}.bg-base-secondary{--tw-bg-opacity:1;background-color:rgb(197 156 78/var(--tw-bg-opacity))}.bg-base-success{--tw-bg-opacity:1;background-color:rgb(23 201 100/var(--tw-bg-opacity))}.bg-base-warning{--tw-bg-opacity:1;background-color:rgb(245 165 36/var(--tw-bg-opacity))}.bg-content-1{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-danger-100{--tw-bg-opacity:1;background-color:rgb(253 208 223/var(--tw-bg-opacity))}.bg-danger-50{--tw-bg-opacity:1;background-color:rgb(254 231 239/var(--tw-bg-opacity))}.bg-default-100{--tw-bg-opacity:1;background-color:rgb(244 244 245/var(--tw-bg-opacity))}.bg-default-200{--tw-bg-opacity:1;background-color:rgb(228 228 231/var(--tw-bg-opacity))}.bg-default-300{--tw-bg-opacity:1;background-color:rgb(212 212 216/var(--tw-bg-opacity))}.bg-default-400{--tw-bg-opacity:1;background-color:rgb(161 161 170/var(--tw-bg-opacity))}.bg-default-500{--tw-bg-opacity:1;background-color:rgb(113 113 122/var(--tw-bg-opacity))}.bg-default-700{--tw-bg-opacity:1;background-color:rgb(63 63 70/var(--tw-bg-opacity))}.bg-layout-focus{--tw-bg-opacity:1;background-color:rgb(17 46 98/var(--tw-bg-opacity))}.bg-primary-100{--tw-bg-opacity:1;background-color:rgb(214 224 243/var(--tw-bg-opacity))}.bg-primary-50{--tw-bg-opacity:1;background-color:rgb(238 242 250/var(--tw-bg-opacity))}.bg-secondary-100{--tw-bg-opacity:1;background-color:rgb(238 225 201/var(--tw-bg-opacity))}.bg-secondary-50{--tw-bg-opacity:1;background-color:rgb(249 244 236/var(--tw-bg-opacity))}.bg-success-100{--tw-bg-opacity:1;background-color:rgb(209 244 224/var(--tw-bg-opacity))}.bg-success-50{--tw-bg-opacity:1;background-color:rgb(232 250 240/var(--tw-bg-opacity))}.bg-success-800{--tw-bg-opacity:1;background-color:rgb(9 80 40/var(--tw-bg-opacity))}.bg-transparent{background-color:transparent}.bg-warning-100{--tw-bg-opacity:1;background-color:rgb(253 237 211/var(--tw-bg-opacity))}.bg-warning-50{--tw-bg-opacity:1;background-color:rgb(254 252 232/var(--tw-bg-opacity))}.p-1{padding:.25rem}.p-3{padding:.75rem}.p-\[3px\]{padding:3px}.p-\[5px\]{padding:5px}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.pb-10{padding-bottom:2.5rem}.pb-2{padding-bottom:.5rem}.pl-\[30px\]{padding-left:30px}.pr-\[30px\]{padding-right:30px}.text-2xl{font-size:24px}.text-base{font-size:16px}.text-sm{font-size:14px}.text-xs{font-size:12px}.font-semibold{font-weight:600}.text-base-danger{--tw-text-opacity:1;color:rgb(243 18 96/var(--tw-text-opacity))}.text-base-primary{--tw-text-opacity:1;color:rgb(17 46 98/var(--tw-text-opacity))}.text-base-secondary{--tw-text-opacity:1;color:rgb(197 156 78/var(--tw-text-opacity))}.text-base-success{--tw-text-opacity:1;color:rgb(23 201 100/var(--tw-text-opacity))}.text-base-warning{--tw-text-opacity:1;color:rgb(245 165 36/var(--tw-text-opacity))}.text-content-1{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.text-default-400{--tw-text-opacity:1;color:rgb(161 161 170/var(--tw-text-opacity))}.text-default-500{--tw-text-opacity:1;color:rgb(113 113 122/var(--tw-text-opacity))}.text-default-600{--tw-text-opacity:1;color:rgb(82 82 91/var(--tw-text-opacity))}.text-default-900{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity))}.text-layout-fg{--tw-text-opacity:1;color:rgb(17 24 28/var(--tw-text-opacity))}.text-primary-300{--tw-text-opacity:1;color:rgb(17 46 98/var(--tw-text-opacity))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.text-zinc-400{--tw-text-opacity:1;color:rgb(161 161 170/var(--tw-text-opacity))}.opacity-50{opacity:.5}.shadow{--tw-shadow:0px 1px 2px 0px rgba(0,0,0,.06),0px 1px 3px 0px rgba(0,0,0,.1);--tw-shadow-colored:0px 1px 2px 0px var(--tw-shadow-color),0px 1px 3px 0px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0px_0px_1px_0px_\#0000004D\2c 0px_2px_10px_0px_\#0000000F\2c 0px_0px_5px_0px_\#00000005\]{--tw-shadow:0px 0px 1px 0px #0000004d,0px 2px 10px 0px #0000000f,0px 0px 5px 0px #00000005;--tw-shadow-colored:0px 0px 1px 0px var(--tw-shadow-color),0px 2px 10px 0px var(--tw-shadow-color),0px 0px 5px 0px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0px_1px_2px_0px_\#0000000F\2c 0px_1px_3px_0px_\#0000001A\]{--tw-shadow:0px 1px 2px 0px #0000000f,0px 1px 3px 0px #0000001a;--tw-shadow-colored:0px 1px 2px 0px var(--tw-shadow-color),0px 1px 3px 0px var(--tw-shadow-color)}.shadow-\[0px_1px_2px_0px_\#0000000F\2c 0px_1px_3px_0px_\#0000001A\],.shadow-lg{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow:0px 4px 6px -2px rgba(0,0,0,.05),0px 10px 15px -3px rgba(0,0,0,.1);--tw-shadow-colored:0px 4px 6px -2px var(--tw-shadow-color),0px 10px 15px -3px var(--tw-shadow-color)}.outline-none{outline:2px solid transparent;outline-offset:2px}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.focus-within\:border:focus-within{border-width:1px}.focus-within\:border-base-danger:focus-within{--tw-border-opacity:1;border-color:rgb(243 18 96/var(--tw-border-opacity))}.focus-within\:border-base-primary:focus-within{--tw-border-opacity:1;border-color:rgb(17 46 98/var(--tw-border-opacity))}.focus-within\:border-base-success:focus-within{--tw-border-opacity:1;border-color:rgb(23 201 100/var(--tw-border-opacity))}.focus-within\:border-base-warning:focus-within{--tw-border-opacity:1;border-color:rgb(245 165 36/var(--tw-border-opacity))}.focus-within\:border-layout-fg:focus-within{--tw-border-opacity:1;border-color:rgb(17 24 28/var(--tw-border-opacity))}.focus-within\:bg-transparent:focus-within{background-color:transparent}.focus-within\:text-layout-fg:focus-within{--tw-text-opacity:1;color:rgb(17 24 28/var(--tw-text-opacity))}.hover\:border-base-danger:hover{--tw-border-opacity:1;border-color:rgb(243 18 96/var(--tw-border-opacity))}.hover\:border-base-primary:hover{--tw-border-opacity:1;border-color:rgb(17 46 98/var(--tw-border-opacity))}.hover\:border-base-success:hover{--tw-border-opacity:1;border-color:rgb(23 201 100/var(--tw-border-opacity))}.hover\:border-base-warning:hover{--tw-border-opacity:1;border-color:rgb(245 165 36/var(--tw-border-opacity))}.hover\:border-default-400:hover{--tw-border-opacity:1;border-color:rgb(161 161 170/var(--tw-border-opacity))}.hover\:bg-danger-50:hover{--tw-bg-opacity:1;background-color:rgb(254 231 239/var(--tw-bg-opacity))}.hover\:bg-default-100:hover{--tw-bg-opacity:1;background-color:rgb(244 244 245/var(--tw-bg-opacity))}.hover\:bg-default-200:hover{--tw-bg-opacity:1;background-color:rgb(228 228 231/var(--tw-bg-opacity))}.hover\:bg-primary-50:hover{--tw-bg-opacity:1;background-color:rgb(238 242 250/var(--tw-bg-opacity))}.hover\:bg-success-50:hover{--tw-bg-opacity:1;background-color:rgb(232 250 240/var(--tw-bg-opacity))}.hover\:bg-warning-50:hover{--tw-bg-opacity:1;background-color:rgb(254 252 232/var(--tw-bg-opacity))}.hover\:bg-zinc-100:hover{--tw-bg-opacity:1;background-color:rgb(244 244 245/var(--tw-bg-opacity))}.hover\:text-base-primary:hover{--tw-text-opacity:1;color:rgb(17 46 98/var(--tw-text-opacity))}.hover\:text-base-success:hover{--tw-text-opacity:1;color:rgb(23 201 100/var(--tw-text-opacity))}.hover\:text-base-warning:hover{--tw-text-opacity:1;color:rgb(245 165 36/var(--tw-text-opacity))}.focus-within\:hover\:border-base-danger:hover:focus-within{--tw-border-opacity:1;border-color:rgb(243 18 96/var(--tw-border-opacity))}.focus-within\:hover\:border-base-primary:hover:focus-within{--tw-border-opacity:1;border-color:rgb(17 46 98/var(--tw-border-opacity))}.focus-within\:hover\:border-base-success:hover:focus-within{--tw-border-opacity:1;border-color:rgb(23 201 100/var(--tw-border-opacity))}.focus-within\:hover\:border-base-warning:hover:focus-within{--tw-border-opacity:1;border-color:rgb(245 165 36/var(--tw-border-opacity))}.focus-within\:hover\:border-layout-fg:hover:focus-within{--tw-border-opacity:1;border-color:rgb(17 24 28/var(--tw-border-opacity))}.focus-within\:hover\:bg-transparent:hover:focus-within{background-color:transparent}.focus\:border-2:focus{border-width:2px}.focus\:border-\[\#11181C\]:focus{--tw-border-opacity:1;border-color:rgb(17 24 28/var(--tw-border-opacity))}.focus\:bg-transparent:focus{background-color:transparent}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "am-shared-assets",
-  "version": "1.0.7",
+  "version": "1.0.8",
   "type": "module",
   "license": "MIT",
   "description": "",