am-shared-assets 1.0.6 → 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/Input.d.ts

@@ -7,6 +7,7 @@ interface IInputProps {
     name?: string;
     value?: string;
     onChange?: (value: string) => void;
+    isFocused?: boolean;
     placeHolder?: string;
     variant?: "flat" | "bordered" | "faded";
     color?: "default" | "primary" | "success" | "warning" | "danger";
@@ -18,5 +19,5 @@ interface IInputProps {
     errorMsg?: string;
     hasError?: boolean;
 }
-export declare const Input: ({ id, label, required, register, name, value, onChange, placeHolder, variant, color, size, rounded, description, icon, endIcon, errorMsg, hasError, }: IInputProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Input: ({ id, label, required, register, name, value, onChange, isFocused, placeHolder, variant, color, size, rounded, description, icon, endIcon, errorMsg, hasError, }: IInputProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/index.d.ts

@@ -8,3 +8,4 @@ export { RangeSlider } from './RangeSlider';
 export { Select } from './Select';
 export { Switch } from './Switch';
 export { Tooltip } from './Tooltip';
+export { Autocomplete } from './Autocomplete';

package/dist/components.js

@@ -1,68 +1,70 @@
-import { jsxs as l, jsx as t, Fragment as O } from "react/jsx-runtime";
-import { I as F, b as S, a as W, W as q, T as V, C as Y } from "./ChevronBottomIcon-BM6pUrh1.js";
-import { Slider as G, MenuItem as J } from "@mui/material";
-import K from "@mui/material/Select";
-function T(a) {
-  var e, s, r = "";
-  if (typeof a == "string" || typeof a == "number") r += a;
-  else if (typeof a == "object") if (Array.isArray(a)) {
-    var n = a.length;
-    for (e = 0; e < n; e++) a[e] && (s = T(a[e])) && (r && (r += " "), r += s);
-  } else for (s in a) a[s] && (r && (r += " "), r += s);
-  return r;
+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(t) {
+  var r, s, e = "";
+  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 b() {
-  for (var a, e, s = 0, r = "", n = arguments.length; s < n; s++) (a = arguments[s]) && (e = T(a)) && (r && (r += " "), r += e);
-  return r;
+function f() {
+  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 Q = {
+const X = {
   sm: "text-xs",
   md: "text-sm"
-}, U = {
+}, Z = {
   default: "w-[342px] min-w-[342px]",
   full: "w-full"
-}, X = {
+}, H = {
   default: "bg-default-100",
   primary: "bg-primary-50",
   secondary: "bg-secondary-50",
   success: "bg-success-50",
   warning: "bg-warning-50",
   danger: "bg-danger-50"
-}, Z = {
+}, ee = {
   default: "text-default-900",
   primary: "text-base-primary",
   secondary: "text-base-secondary",
   success: "text-base-success",
   warning: "text-default-900",
   danger: "text-base-danger"
-}, H = {
+}, re = {
   default: "text-default-600",
   primary: "text-base-primary",
   secondary: "text-base-secondary",
   success: "text-base-success",
   warning: "text-default-600",
   danger: "text-base-danger"
-}, ee = {
+}, se = {
   default: "bg-default-300",
   primary: "bg-base-primary",
   secondary: "bg-base-secondary",
   success: "bg-base-success",
   warning: "bg-base-warning",
   danger: "bg-base-danger"
-}, re = {
+}, te = {
   white: "text-white",
   black: "text-default-900"
-}, z = {
+}, A = {
   default: "#a1a1aa",
   primary: "#A9BCE3",
   secondary: "#E2CDA6",
   success: "#a2e9c1",
   warning: "#fbdba7",
   danger: "#faa0bf"
-}, A = {
+}, M = {
   start: "items-start",
   center: "items-center"
-}, M = {
+}, I = {
   default: "#000",
   primary: "#112E62",
   secondary: "#C59C4E",
@@ -70,115 +72,115 @@ const Q = {
   warning: "#f5a524",
   danger: "#f31260"
 }, $ = {
-  success: /* @__PURE__ */ t(V, { color: "#17C964", size: 24 }),
-  warning: /* @__PURE__ */ t(q, { color: "#F5A524", size: 24 }),
-  danger: /* @__PURE__ */ t(W, { color: "#F31260", size: 24 })
-}, se = {
+  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"
-}, Re = ({
-  title: a,
-  description: e,
+}, Ve = ({
+  title: t,
+  description: r,
   color: s = "default",
-  size: r = "md",
+  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: x,
-  buttonTextColor: h = "black",
-  buttonClickHandler: f,
-  closeAlertHandler: w,
-  children: y
+  hasButton: l = !1,
+  buttonTitle: p,
+  buttonTextColor: m = "black",
+  buttonClickHandler: x,
+  closeAlertHandler: h,
+  children: u
 }) => {
-  const p = b(
-    U[n],
-    Q[r],
-    se[o],
-    X[s]
+  const g = f(
+    Z[n],
+    X[e],
+    ae[d],
+    H[s]
   );
-  return y ? /* @__PURE__ */ l(
+  return u ? /* @__PURE__ */ b(
     "div",
     {
-      className: `flex p-3 ${p} ${d && A[d]}`,
+      className: `flex p-3 ${g} ${o && M[o]}`,
       children: [
-        /* @__PURE__ */ t("div", { className: "mt-[1px]", children: c || !$[s] ? /* @__PURE__ */ t(F, { color: M[s] }) : $[s] }),
-        y
+        /* @__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 ${p}`, children: [
-    /* @__PURE__ */ l(
+  ) : /* @__PURE__ */ b("div", { className: `relative flex justify-between p-3 ${g}`, children: [
+    /* @__PURE__ */ b(
       "div",
       {
-        className: `flex ${d ? A[d] : u ? "items-center" : a && e ? "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 || !$[s] ? /* @__PURE__ */ t(F, { color: M[s] }) : $[s] }),
-          /* @__PURE__ */ l("div", { children: [
-            a && /* @__PURE__ */ t("h2", { className: `font-semibold ${Z[s]}`, children: a }),
-            e && /* @__PURE__ */ t("p", { className: H[s], children: e })
+          /* @__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: f,
-          className: `h-8 px-3 rounded-md ${ee[s]} ${re[h]}`,
-          children: x
+          onClick: x,
+          className: `h-8 px-3 rounded-md ${se[s]} ${te[m]}`,
+          children: p
         }
       ),
-      i && /* @__PURE__ */ t(
+      i && /* @__PURE__ */ a(
         "button",
         {
-          onClick: w,
+          onClick: h,
           className: "absolute -top-1 -left-1 border border-default-300 bg-default-100 rounded-full",
-          children: /* @__PURE__ */ t(S, { color: z.default, size: 14 })
+          children: /* @__PURE__ */ a(z, { color: A.default, size: 14 })
         }
       )
-    ] }) : i && /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t("button", { onClick: w, children: /* @__PURE__ */ t(S, { color: z[s] }) }) })
+    ] }) : i && /* @__PURE__ */ a("div", { children: /* @__PURE__ */ a("button", { onClick: h, children: /* @__PURE__ */ a(z, { color: A[s] }) }) })
   ] });
-}, ae = {
+}, ne = {
   sm: "h-5 text-xs px-2",
   md: "h-6 text-sm px-2.5",
   lg: "h-7 text-sm px-3"
-}, te = {
+}, oe = {
   neutral: "bg-default-500",
   default: "bg-default-200",
   primary: "bg-layout-focus",
   danger: "bg-base-danger",
   success: "bg-base-success"
-}, ne = {
+}, de = {
   white: "text-content-1",
   black: "text-layout-fg"
-}, oe = {
+}, ce = {
   pill: "rounded-full",
   Rectangle: "rounded-xxs"
-}, Te = ({
-  label: a,
-  color: e = "default",
+}, Ye = ({
+  label: t,
+  color: r = "default",
   type: s = "pill",
-  size: r = "md",
+  size: e = "md",
   textColor: n = "black"
 }) => {
-  const o = b(
-    te[e],
-    ne[n],
-    ae[r],
-    oe[s]
+  const d = f(
+    oe[r],
+    de[n],
+    ne[e],
+    ce[s]
   );
-  return /* @__PURE__ */ t("div", { className: `flex justify-center items-center ${o}`, children: a });
-}, de = {
+  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"
-}, m = {
+}, y = {
   white: "text-white",
   black: "text-default-900",
   default: "text-default-900",
@@ -194,101 +196,101 @@ const Q = {
   success: "bg-base-success",
   warning: "bg-base-warning",
   danger: "bg-base-danger"
-}, I = {
+}, 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"
-}, E = {
+}, j = {
   default: "bg-default-100",
   primary: "bg-primary-100",
   secondary: "bg-secondary-100",
   success: "bg-success-100",
   warning: "bg-warning-100",
   danger: "bg-danger-100"
-}, ce = {
+}, le = {
   none: "rounded-none",
   sm: "rounded-sm",
   md: "rounded-md",
   lg: "rounded-lg",
   full: "rounded-full"
-}, ie = (a, e, s) => {
-  let r = "";
-  switch (a) {
+}, ue = (t, r, s) => {
+  let e = "";
+  switch (t) {
     case "solid":
-      r = `${B[e]} ${m[s]}`;
+      e = `${B[r]} ${y[s]}`;
       break;
     case "bordered":
-      r = `border-2 ${I[e]} ${m[e]}`;
+      e = `border-2 ${P[r]} ${y[r]}`;
       break;
     case "light":
-      r = m[e];
+      e = y[r];
       break;
     case "flat":
-      r = `${E[e]} ${m[e]}`;
+      e = `${j[r]} ${y[r]}`;
       break;
     case "faded":
-      r = `border-2 ${I.default} ${E.default} ${m[e]}`;
+      e = `border-2 ${P.default} ${j.default} ${y[r]}`;
       break;
     case "shadow":
-      r = `shadow-lg ${B[e]} ${m[s]}`;
+      e = `shadow-lg ${B[r]} ${y[s]}`;
       break;
   }
-  return r;
-}, Le = ({
-  type: a = "button",
-  variant: e = "solid",
+  return e;
+}, Ge = ({
+  type: t = "button",
+  variant: r = "solid",
   color: s = "default",
-  textColor: r = "black",
+  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: x = !1,
-  onClick: h
+  width: l = "auto",
+  disabled: p = !1,
+  onClick: m
 }) => {
-  const f = b(
-    u === "full" ? "w-full" : "w-auto",
+  const x = f(
+    l === "full" ? "w-full" : "w-auto",
     i === "right" ? "flex-row" : "flex-row-reverse",
-    ce[o],
-    de[n],
-    ie(e, s, r)
+    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 " + f,
-      onClick: h,
-      disabled: x,
+      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 })
       ]
     }
   );
-}, le = {
+}, be = {
   sm: "h-6 text-xs",
   md: "h-7 text-sm",
   lg: "h-8 text-base"
-}, ue = {
+}, ge = {
   none: "rounded-none",
   sm: "rounded-sm",
   md: "rounded-md",
   lg: "rounded-lg",
   full: "rounded-full"
-}, j = {
+}, 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"
-}, g = {
+}, w = {
   white: "text-content-1",
   black: "text-layout-fg",
   default: "text-layout-fg",
@@ -297,273 +299,276 @@ const Q = {
   success: "text-base-success",
   warning: "text-base-warning",
   danger: "text-base-danger"
-}, v = {
+}, C = {
   default: "border-default-200",
   primary: "border-base-primary",
   secondary: "border-base-secondary",
   success: "border-base-success",
   warning: "border-base-warning",
   danger: "border-base-danger"
-}, be = {
+}, 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"
-}, ge = {
+}, 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"
-}, fe = (a, e, s) => {
-  let r = "";
-  switch (a) {
+}, me = (t, r, s) => {
+  let e = "";
+  switch (t) {
     case "solid":
-      r = `${j[e]} ${g[s]}`;
+      e = `${D[r]} ${w[s]}`;
       break;
     case "bordered":
-      r = `border-2 ${v[e]} ${g[e]}`;
+      e = `border-2 ${C[r]} ${w[r]}`;
       break;
     case "light":
-      r = g[e];
+      e = w[r];
       break;
     case "flat":
-      r = `${be[e]} ${g[e]}`;
+      e = `${pe[r]} ${w[r]}`;
       break;
     case "faded":
-      r = `border-2 ${v.default} bg-default-100 ${g[e]}`;
+      e = `border-2 ${C.default} bg-default-100 ${w[r]}`;
       break;
     case "shadow":
-      r = `shadow-lg ${j[e]} ${g[s]}`;
+      e = `shadow-lg ${D[r]} ${w[s]}`;
       break;
     case "dot":
-      r = `border-2 ${v.default} ${g.black}`;
+      e = `border-2 ${C.default} ${w.black}`;
       break;
   }
-  return r;
-}, Pe = ({
-  variant: a = "solid",
-  color: e = "default",
+  return e;
+}, Je = ({
+  variant: t = "solid",
+  color: r = "default",
   textColor: s = "black",
-  label: r,
+  label: e,
   size: n = "md",
-  rounded: o = "none",
-  children: d
+  rounded: d = "none",
+  children: o
 }) => {
-  const c = b(
-    ue[o],
-    le[n],
-    fe(a, e, s)
+  const c = f(
+    ge[d],
+    be[n],
+    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(O, { children: [
-    /* @__PURE__ */ t("p", { children: r }),
-    a === "dot" && /* @__PURE__ */ t("div", { className: `size-2 rounded-full ${ge[e]}` })
+  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]}` })
   ] }) });
-}, pe = {
+}, xe = {
   sm: "h-8 py-1",
   lg: "h-10 py-2"
-}, me = {
+}, he = {
   default: "text-default-600",
   primary: "text-base-primary",
   success: "text-base-success",
   warning: "text-base-warning",
   danger: "text-base-danger"
-}, xe = {
+}, we = {
   primary: "text-base-primary hover:text-base-primary",
   success: "text-base-success hover:text-base-success",
   warning: "text-base-warning hover:text-base-warning"
-}, he = {
+}, ye = {
   default: "bg-default-100 hover:bg-default-200 focus-within:hover:bg-transparent",
   primary: "bg-primary-100 hover:bg-primary-50 focus-within:hover:bg-transparent",
   success: "bg-success-100 hover:bg-success-50 focus-within:hover:bg-transparent",
   warning: "bg-warning-100 hover:bg-warning-50 focus-within:hover:bg-transparent",
   danger: "bg-danger-100 hover:bg-danger-50 focus-within:hover:bg-transparent"
-}, C = {
+}, k = {
   default: "focus-within:bg-transparent focus-within:border focus-within:border-layout-fg focus-within:hover:border-layout-fg focus-within:hover:bg-transparent",
   primary: "focus-within:bg-transparent focus-within:border focus-within:border-base-primary focus-within:hover:border-base-primary focus-within:hover:bg-transparent",
   success: "focus-within:bg-transparent focus-within:border focus-within:border-base-success focus-within:hover:border-base-success focus-within:hover:bg-transparent",
   warning: "focus-within:bg-transparent focus-within:border focus-within:border-base-warning focus-within:hover:border-base-warning focus-within:hover:bg-transparent",
   danger: "focus-within:bg-transparent focus-within:border focus-within:border-base-danger focus-within:hover:border-base-danger focus-within:hover:bg-transparent"
-}, we = {
+}, ve = {
   default: "hover:border-default-400",
   primary: "hover:border-base-primary",
   success: "hover:border-base-success",
   warning: "hover:border-base-warning",
   danger: "hover:border-base-danger"
-}, ye = {
+}, $e = {
   sm: "rounded-sm",
   full: "rounded-full"
-}, $e = (a, e, s) => {
-  let r = "";
+}, Ce = (t, r, s) => {
+  let e = "";
   if (s)
-    return r = "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) {
+    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 (t) {
     case "flat":
-      r = `${he[e]} ${C[e]} ${xe[e]} focus-within:text-layout-fg`;
+      e = `${ye[r]} ${k[r]} ${we[r]} focus-within:text-layout-fg`;
       break;
     case "bordered":
-      r = `bg-transparent border border-default-200 hover:border-default-400 ${C[e]}`;
+      e = `bg-transparent border border-default-200 hover:border-default-400 ${k[r]}`;
       break;
     case "faded":
-      r = `border border-default-200 bg-default-100 hover:bg-default-200 ${we[e]} ${C[e]}`;
+      e = `border border-default-200 bg-default-100 hover:bg-default-200 ${ve[r]} ${k[r]}`;
       break;
   }
-  return r;
-}, Oe = ({
-  id: a,
-  label: e,
+  return e;
+}, Ke = ({
+  id: t,
+  label: r,
   required: s = !1,
-  register: r,
+  register: e,
   name: n,
-  value: o,
-  onChange: d,
-  placeHolder: c,
-  variant: i = "flat",
-  color: u = "default",
-  size: x = "sm",
-  rounded: h = "sm",
-  description: f = "",
-  icon: w,
-  endIcon: y,
-  errorMsg: p = "",
+  value: d,
+  onChange: o,
+  isFocused: c = !1,
+  placeHolder: i,
+  variant: l = "flat",
+  color: p = "default",
+  size: m = "sm",
+  rounded: x = "sm",
+  description: h = "",
+  icon: u,
+  endIcon: g,
+  errorMsg: v = "",
   hasError: _ = !1
 }) => {
-  const L = b(ye[h], $e(i, u, _)), N = b(pe[x]);
-  return /* @__PURE__ */ l("label", { className: "flex flex-col w-full", children: [
-    e && /* @__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" : me[u]}`,
+        className: `h-4 text-xs mb-2 ${_ ? "text-base-danger" : he[p]}`,
         children: [
-          e,
-          s && /* @__PURE__ */ t("span", { className: "text-base-danger text-sm", children: "*" })
+          r,
+          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: [
-          w,
-          r ? /* @__PURE__ */ t(
+          u,
+          e ? /* @__PURE__ */ a(
             "input",
             {
-              id: `${a}`,
+              id: `${t}`,
               type: "text",
-              ...r(n),
-              placeholder: c,
-              className: `${N} bg-transparent w-full px-1.5 text-sm outline-none`
+              ...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: (P) => d && d(P.target.value),
-              placeholder: c,
-              className: `${N} bg-transparent w-full px-1.5 text-sm outline-none`
+              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
         ]
       }
     ),
-    f && !p && /* @__PURE__ */ t("p", { className: "mt-1 text-xs text-default-400", children: f }),
-    p && /* @__PURE__ */ t("p", { className: "mt-1 mr-1 text-xs text-base-danger", children: p })
+    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 })
   ] });
-}, ve = {
+}, ke = {
   sm: "size-4 min-w-4 p-[3px]",
   md: "size-5 min-w-5 p-1",
   lg: "size-6 min-w-6 p-[5px]"
-}, Ce = {
+}, Ne = {
   primary: "border-base-primary",
   secondary: "border-base-secondary",
   success: "border-base-success",
   warning: "border-base-warning",
   danger: "border-base-danger",
   neutral: "border-default-500"
-}, ke = {
+}, _e = {
   primary: "bg-base-primary",
   secondary: "bg-base-secondary",
   success: "bg-base-success",
   warning: "bg-base-warning",
   danger: "bg-base-danger",
   neutral: "bg-default-500"
-}, We = ({
-  name: a,
-  value: e,
+}, Qe = ({
+  name: t,
+  value: r,
   checked: s,
-  disabled: r = !1,
+  disabled: e = !1,
   onChange: n,
-  size: o = "md",
-  color: d = "primary",
+  size: d = "md",
+  color: o = "primary",
   children: c
 }) => {
-  const i = b(
-    ve[o],
-    s ? Ce[d] : "border-base-default hover:bg-default-100 transition-all duration-200"
+  const i = f(
+    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 ${r ? "opacity-50" : "cursor-pointer"}`,
+      className: `flex items-center gap-2 ${e ? "opacity-50" : "cursor-pointer"}`,
       children: [
-        /* @__PURE__ */ t(
+        /* @__PURE__ */ a(
           "input",
           {
-            name: a,
+            name: t,
             type: "radio",
-            value: e,
+            value: r,
             checked: s,
-            onChange: (u) => n && n(u.target.value),
-            disabled: r,
+            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 ${ke[d]}`
+                className: `block w-full h-full rounded-full ${_e[o]}`
               }
             )
           }
         ),
-        /* @__PURE__ */ t("div", { children: c })
+        /* @__PURE__ */ a("div", { children: c })
       ]
     }
   );
-}, _e = {
+}, Fe = {
   sm: "min-h-6 text-xs",
   md: "min-h-7 text-sm",
   lg: "min-h-8 text-base"
-}, D = {
+}, R = {
   default: "bg-content-1",
   primary: "bg-layout-focus",
   secondary: "bg-base-secondary",
   success: "bg-base-success",
   warning: "bg-base-warning",
   danger: "bg-base-danger"
-}, Ne = {
+}, Se = {
   white: "text-content-1",
   black: "text-default-900"
-}, Fe = {
+}, ze = {
   none: "rounded-none",
   sm: "rounded-sm",
   md: "rounded-md",
   lg: "rounded-lg",
   full: "rounded-full"
-}, Se = (a, e) => {
+}, Ae = (t, r) => {
   let s = "";
-  const r = {
+  const e = {
     start: "left-4",
     center: "left-1/2 -translate-x-1/2",
     end: "right-4"
@@ -572,90 +577,90 @@ const Q = {
     center: "top-1/2 -translate-y-1/2",
     end: "bottom-[5px]"
   };
-  switch (a) {
+  switch (t) {
     case "top":
-      s = "top-[-3px] " + r[e];
+      s = "top-[-3px] " + e[r];
       break;
     case "right":
-      s = "right-[-3px] " + n[e];
+      s = "right-[-3px] " + n[r];
       break;
     case "bottom":
-      s = "bottom-[-3px] " + r[e];
+      s = "bottom-[-3px] " + e[r];
       break;
     case "left":
-      s = "left-[-3px] " + n[e];
+      s = "left-[-3px] " + n[r];
       break;
   }
   return s;
-}, ze = ({
-  label: a,
-  color: e = "default",
+}, Me = ({
+  label: t,
+  color: r = "default",
   textColor: s = "black",
-  size: r = "md",
+  size: e = "md",
   rounded: n = "md",
-  direction: o = "bottom",
-  position: d = "center"
+  direction: d = "bottom",
+  position: o = "center"
 }) => {
-  const c = b(
-    _e[r],
-    D[e],
-    Ne[s],
-    Fe[n]
+  const c = f(
+    Fe[e],
+    R[r],
+    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] ${Se(o, d)} ${D[e]}`
+        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]}`
       }
     )
   ] });
-}, R = {
+}, E = {
   foreground: "#000000",
   primary: "#112E62",
   secondary: "#C59C4E",
   success: "#17C964",
   warning: "#F5A524",
   danger: "#F31260"
-}, k = {
+}, N = {
   foreground: "#A1A1AA",
   primary: "#D6E0F3",
   secondary: "#EEE1C9",
   success: "#d1f4e0",
   warning: "#fdedd3",
   danger: "#fdd0df"
-}, qe = ({
-  value: a,
-  setValue: e,
+}, Ue = ({
+  value: t,
+  setValue: r,
   min: s = 0,
-  max: r = 100,
+  max: e = 100,
   step: n = 1,
-  color: o = "primary",
-  tooltipColor: d = "primary",
+  color: d = "primary",
+  tooltipColor: o = "primary",
   tooltipTextColor: c = "white"
-}) => /* @__PURE__ */ t(
-  G,
+}) => /* @__PURE__ */ a(
+  J,
   {
-    value: a,
+    value: t,
     min: s,
-    max: r,
+    max: e,
     step: n,
-    onChange: (i, u) => {
-      e(u);
+    onChange: (i, l) => {
+      r(l);
     },
     onChangeCommitted: (i) => {
     },
-    valueLabelFormat: (i) => /* @__PURE__ */ t(
-      ze,
+    valueLabelFormat: (i) => /* @__PURE__ */ a(
+      Me,
       {
-        color: d,
+        color: o,
         textColor: c,
         label: `${i.toLocaleString()}`
       }
@@ -670,28 +675,28 @@ const Q = {
         width: "16px",
         height: "16px",
         border: "2px solid",
-        borderColor: R[o],
+        borderColor: E[d],
         color: "#fff"
       },
       "& .MuiSlider-thumb.Mui-focusVisible": {
-        boxShadow: `0 0 0 4px ${k[o]}`
+        boxShadow: `0 0 0 4px ${N[d]}`
       },
       "& .MuiSlider-thumb.Mui-active": {
-        boxShadow: `0 0 0 4px ${k[o]}`
+        boxShadow: `0 0 0 4px ${N[d]}`
       },
       "& .MuiSlider-thumb:hover": {
-        boxShadow: `0 0 0 4px ${k[o]}`
+        boxShadow: `0 0 0 4px ${N[d]}`
       },
       "& .MuiSlider-track": {
-        color: R[o]
+        color: E[d]
       },
       "& .MuiSlider-valueLabel": {
         backgroundColor: "transparent"
       }
     }
   }
-), Ae = () => /* @__PURE__ */ t("div", { className: "custom-select-icon", children: /* @__PURE__ */ t(Y, {}) }), Ve = ({ options: a, value: e, onChange: s }) => /* @__PURE__ */ t(
-  K,
+), Ie = () => /* @__PURE__ */ a("div", { className: "custom-select-icon", children: /* @__PURE__ */ a(G, {}) }), Xe = ({ options: t, value: r, onChange: s }) => /* @__PURE__ */ a(
+  Q,
   {
     MenuProps: {
       sx: {
@@ -710,7 +715,7 @@ const Q = {
         }
       }
     },
-    IconComponent: Ae,
+    IconComponent: Ie,
     sx: {
       width: "100%",
       height: 34,
@@ -736,10 +741,10 @@ const Q = {
         transform: "rotate(180deg)"
       }
     },
-    value: e,
-    onChange: (r) => s(r.target.value),
-    children: a.map(({ title: r, value: n }, o) => /* @__PURE__ */ t(
-      J,
+    value: r,
+    onChange: (e) => s(e.target.value),
+    children: t.map(({ title: e, value: n }, d) => /* @__PURE__ */ a(
+      K,
       {
         sx: {
           fontFamily: "YekanBakh",
@@ -762,70 +767,162 @@ const Q = {
           }
         },
         value: n,
-        children: r
+        children: e
       },
-      o
+      d
     ))
   }
-), Me = {
+), Be = {
   sm: "min-w-10 min-h-6",
   md: "min-w-12 min-h-7",
   lg: "min-w-14 min-h-8"
-}, Be = {
+}, Pe = {
   default: "bg-default-400",
   primary: "bg-layout-focus",
   secondary: "bg-base-secondary",
   success: "bg-base-success",
   warning: "bg-base-warning",
   danger: "bg-base-danger"
-}, Ye = ({
-  enabled: a,
-  onChange: e,
+}, Ze = ({
+  enabled: t,
+  onChange: r,
   label: s,
-  labelPosition: r = "left",
+  labelPosition: e = "left",
   size: n = "md",
-  color: o = "default",
-  disabled: d = !1
+  color: d = "default",
+  disabled: o = !1
 }) => {
-  const c = b(
-    r === "left" ? "flex-row" : "flex-row-reverse",
-    d && "opacity-50"
-  ), i = b(
-    Me[n],
-    a ? Be[o] : "bg-default-700",
-    d && "cursor-auto"
+  const c = f(
+    e === "left" ? "flex-row" : "flex-row-reverse",
+    o && "opacity-50"
+  ), i = f(
+    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: e,
+        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 })
   ] });
+}, je = {
+  sm: "h-8 py-1",
+  lg: "h-10 py-2"
+}, 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: t,
+  onInputChange: r,
+  placeHolder: s,
+  inputIcon: e,
+  inputEndIcon: n,
+  inputProps: d,
+  inputRef: o,
+  size: c,
+  variant: i,
+  iconOnClick: l,
+  endIconOnClick: p
+}) => /* @__PURE__ */ b("div", { ref: o, className: "relative", children: [
+  e && /* @__PURE__ */ a(
+    "button",
+    {
+      onClick: l,
+      className: "absolute top-1/2 -translate-y-1/2 right-2",
+      children: e
+    }
+  ),
+  /* @__PURE__ */ a(
+    "input",
+    {
+      ...d,
+      type: "text",
+      value: t,
+      onChange: (m) => r && r(m.target.value),
+      placeholder: s,
+      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__ */ a(
+    "button",
+    {
+      onClick: p,
+      className: "absolute top-1/2 -translate-y-1/2 left-2",
+      children: n
+    }
+  )
+] }), He = ({
+  label: t,
+  placeHolder: r,
+  inputIcon: s,
+  inputEndIcon: e,
+  value: n,
+  onInputChange: d,
+  onChange: o,
+  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 {
-  Re as Alert,
-  Te as Badge,
-  Le as Button,
-  Pe as Chip,
-  Oe as Input,
-  We as Radio,
-  qe as RangeSlider,
-  Ve as Select,
-  Ye as Switch,
-  ze as Tooltip
+  Ve as Alert,
+  He as Autocomplete,
+  Ye as Badge,
+  Ge as Button,
+  Je as Chip,
+  Ke as Input,
+  Qe as Radio,
+  Ue as RangeSlider,
+  Xe as Select,
+  Ze as Switch,
+  Me as Tooltip
 };

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.6",
+  "version": "1.0.8",
   "type": "module",
   "license": "MIT",
   "description": "",