am-shared-assets 1.0.4 → 1.0.6

package/dist/components/index.d.ts

@@ -8,4 +8,3 @@ 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,57 +1,55 @@
-import { jsxs as u, jsx as t, Fragment as O } from "react/jsx-runtime";
+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";
-import Q from "@mui/material/Autocomplete";
-import "react";
-function E(a) {
-  var r, s, e = "";
-  if (typeof a == "string" || typeof a == "number") e += a;
+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 (r = 0; r < n; r++) a[r] && (s = E(a[r])) && (e && (e += " "), e += s);
-  } else for (s in a) a[s] && (e && (e += " "), e += s);
-  return e;
+    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;
 }
-function g() {
-  for (var a, r, s = 0, e = "", n = arguments.length; s < n; s++) (a = arguments[s]) && (r = E(a)) && (e && (e += " "), e += r);
-  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;
 }
-const U = {
+const Q = {
   sm: "text-xs",
   md: "text-sm"
-}, X = {
+}, U = {
   default: "w-[342px] min-w-[342px]",
   full: "w-full"
-}, Z = {
+}, X = {
   default: "bg-default-100",
   primary: "bg-primary-50",
   secondary: "bg-secondary-50",
   success: "bg-success-50",
   warning: "bg-warning-50",
   danger: "bg-danger-50"
-}, H = {
+}, Z = {
   default: "text-default-900",
   primary: "text-base-primary",
   secondary: "text-base-secondary",
   success: "text-base-success",
   warning: "text-default-900",
   danger: "text-base-danger"
-}, ee = {
+}, H = {
   default: "text-default-600",
   primary: "text-base-primary",
   secondary: "text-base-secondary",
   success: "text-base-success",
   warning: "text-default-600",
   danger: "text-base-danger"
-}, re = {
+}, ee = {
   default: "bg-default-300",
   primary: "bg-base-primary",
   secondary: "bg-base-secondary",
   success: "bg-base-success",
   warning: "bg-base-warning",
   danger: "bg-base-danger"
-}, se = {
+}, re = {
   white: "text-white",
   black: "text-default-900"
 }, z = {
@@ -71,116 +69,116 @@ const U = {
   success: "#17c964",
   warning: "#f5a524",
   danger: "#f31260"
-}, v = {
+}, $ = {
   success: /* @__PURE__ */ t(V, { color: "#17C964", size: 24 }),
   warning: /* @__PURE__ */ t(q, { color: "#F5A524", size: 24 }),
   danger: /* @__PURE__ */ t(W, { color: "#F31260", size: 24 })
-}, ae = {
+}, se = {
   none: "rounded-none",
   sm: "rounded-md",
   md: "rounded-xl",
   lg: "rounded-[22px]",
   full: "rounded-full"
-}, qe = ({
+}, Re = ({
   title: a,
-  description: r,
+  description: e,
   color: s = "default",
-  size: e = "md",
+  size: r = "md",
   width: n = "default",
   rounded: o = "none",
   infoIconAlignment: d,
   isInfoIcon: c = !0,
   hasCloseButton: i = !0,
-  hasButton: l = !1,
-  buttonTitle: f,
-  buttonTextColor: p = "black",
-  buttonClickHandler: b,
-  closeAlertHandler: x,
-  children: h
+  hasButton: u = !1,
+  buttonTitle: x,
+  buttonTextColor: h = "black",
+  buttonClickHandler: f,
+  closeAlertHandler: w,
+  children: y
 }) => {
-  const w = g(
-    X[n],
-    U[e],
-    ae[o],
-    Z[s]
+  const p = b(
+    U[n],
+    Q[r],
+    se[o],
+    X[s]
   );
-  return h ? /* @__PURE__ */ u(
+  return y ? /* @__PURE__ */ l(
     "div",
     {
-      className: `flex p-3 ${w} ${d && A[d]}`,
+      className: `flex p-3 ${p} ${d && A[d]}`,
       children: [
-        /* @__PURE__ */ t("div", { className: "mt-[1px]", children: c || !v[s] ? /* @__PURE__ */ t(F, { color: M[s] }) : v[s] }),
-        h
+        /* @__PURE__ */ t("div", { className: "mt-[1px]", children: c || !$[s] ? /* @__PURE__ */ t(F, { color: M[s] }) : $[s] }),
+        y
       ]
     }
-  ) : /* @__PURE__ */ u("div", { className: `relative flex justify-between p-3 ${w}`, children: [
-    /* @__PURE__ */ u(
+  ) : /* @__PURE__ */ l("div", { className: `relative flex justify-between p-3 ${p}`, children: [
+    /* @__PURE__ */ l(
       "div",
       {
-        className: `flex ${d ? A[d] : l ? "items-center" : a && r ? "items-start" : "items-center"} gap-3`,
+        className: `flex ${d ? A[d] : u ? "items-center" : a && e ? "items-start" : "items-center"} gap-3`,
         children: [
-          /* @__PURE__ */ t("div", { className: "mt-[1px]", children: c || !v[s] ? /* @__PURE__ */ t(F, { color: M[s] }) : v[s] }),
-          /* @__PURE__ */ u("div", { children: [
-            a && /* @__PURE__ */ t("h2", { className: `font-semibold ${H[s]}`, children: a }),
-            r && /* @__PURE__ */ t("p", { className: ee[s], children: r })
+          /* @__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 })
           ] })
         ]
       }
     ),
-    l ? /* @__PURE__ */ u("div", { className: "flex items-center", children: [
+    u ? /* @__PURE__ */ l("div", { className: "flex items-center", children: [
       /* @__PURE__ */ t(
         "button",
         {
-          onClick: b,
-          className: `h-8 px-3 rounded-md ${re[s]} ${se[p]}`,
-          children: f
+          onClick: f,
+          className: `h-8 px-3 rounded-md ${ee[s]} ${re[h]}`,
+          children: x
         }
       ),
       i && /* @__PURE__ */ t(
         "button",
         {
-          onClick: x,
+          onClick: w,
           className: "absolute -top-1 -left-1 border border-default-300 bg-default-100 rounded-full",
           children: /* @__PURE__ */ t(S, { color: z.default, size: 14 })
         }
       )
-    ] }) : i && /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t("button", { onClick: x, children: /* @__PURE__ */ t(S, { color: z[s] }) }) })
+    ] }) : i && /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t("button", { onClick: w, children: /* @__PURE__ */ t(S, { color: z[s] }) }) })
   ] });
-}, te = {
+}, ae = {
   sm: "h-5 text-xs px-2",
   md: "h-6 text-sm px-2.5",
   lg: "h-7 text-sm px-3"
-}, ne = {
+}, te = {
   neutral: "bg-default-500",
   default: "bg-default-200",
   primary: "bg-layout-focus",
   danger: "bg-base-danger",
   success: "bg-base-success"
-}, oe = {
+}, ne = {
   white: "text-content-1",
   black: "text-layout-fg"
-}, de = {
+}, oe = {
   pill: "rounded-full",
   Rectangle: "rounded-xxs"
-}, Ve = ({
+}, Te = ({
   label: a,
-  color: r = "default",
+  color: e = "default",
   type: s = "pill",
-  size: e = "md",
+  size: r = "md",
   textColor: n = "black"
 }) => {
-  const o = g(
-    ne[r],
-    oe[n],
+  const o = b(
     te[e],
-    de[s]
+    ne[n],
+    ae[r],
+    oe[s]
   );
   return /* @__PURE__ */ t("div", { className: `flex justify-center items-center ${o}`, children: a });
-}, ce = {
+}, de = {
   sm: "h-8 text-xs px-3",
   md: "h-10 text-sm px-4",
   lg: "h-12 text-base px-6"
-}, y = {
+}, m = {
   white: "text-white",
   black: "text-default-900",
   default: "text-default-900",
@@ -203,94 +201,94 @@ const U = {
   success: "border-base-success",
   warning: "border-base-warning",
   danger: "border-base-danger"
-}, j = {
+}, E = {
   default: "bg-default-100",
   primary: "bg-primary-100",
   secondary: "bg-secondary-100",
   success: "bg-success-100",
   warning: "bg-warning-100",
   danger: "bg-danger-100"
-}, ie = {
+}, ce = {
   none: "rounded-none",
   sm: "rounded-sm",
   md: "rounded-md",
   lg: "rounded-lg",
   full: "rounded-full"
-}, le = (a, r, s) => {
-  let e = "";
+}, ie = (a, e, s) => {
+  let r = "";
   switch (a) {
     case "solid":
-      e = `${B[r]} ${y[s]}`;
+      r = `${B[e]} ${m[s]}`;
       break;
     case "bordered":
-      e = `border-2 ${I[r]} ${y[r]}`;
+      r = `border-2 ${I[e]} ${m[e]}`;
       break;
     case "light":
-      e = y[r];
+      r = m[e];
       break;
     case "flat":
-      e = `${j[r]} ${y[r]}`;
+      r = `${E[e]} ${m[e]}`;
       break;
     case "faded":
-      e = `border-2 ${I.default} ${j.default} ${y[r]}`;
+      r = `border-2 ${I.default} ${E.default} ${m[e]}`;
       break;
     case "shadow":
-      e = `shadow-lg ${B[r]} ${y[s]}`;
+      r = `shadow-lg ${B[e]} ${m[s]}`;
       break;
   }
-  return e;
-}, Ye = ({
+  return r;
+}, Le = ({
   type: a = "button",
-  variant: r = "solid",
+  variant: e = "solid",
   color: s = "default",
-  textColor: e = "black",
+  textColor: r = "black",
   size: n = "md",
   rounded: o = "none",
   label: d,
   icon: c,
   iconPosition: i = "left",
-  width: l = "auto",
-  disabled: f = !1,
-  onClick: p
+  width: u = "auto",
+  disabled: x = !1,
+  onClick: h
 }) => {
-  const b = g(
-    l === "full" ? "w-full" : "w-auto",
+  const f = b(
+    u === "full" ? "w-full" : "w-auto",
     i === "right" ? "flex-row" : "flex-row-reverse",
-    ie[o],
-    ce[n],
-    le(r, s, e)
+    ce[o],
+    de[n],
+    ie(e, s, r)
   );
-  return /* @__PURE__ */ u(
+  return /* @__PURE__ */ l(
     "button",
     {
       type: a,
-      className: "flex items-center justify-center gap-2 font-semibold transition-all duration-300 " + b,
-      onClick: p,
-      disabled: f,
+      className: "flex items-center justify-center gap-2 font-semibold transition-all duration-300 " + f,
+      onClick: h,
+      disabled: x,
       children: [
         c,
         d && /* @__PURE__ */ t("p", { children: d })
       ]
     }
   );
-}, ue = {
+}, le = {
   sm: "h-6 text-xs",
   md: "h-7 text-sm",
   lg: "h-8 text-base"
-}, be = {
+}, ue = {
   none: "rounded-none",
   sm: "rounded-sm",
   md: "rounded-md",
   lg: "rounded-lg",
   full: "rounded-full"
-}, D = {
+}, j = {
   default: "bg-default-200",
   primary: "bg-base-primary",
   secondary: "bg-base-secondary",
   success: "bg-base-success",
   warning: "bg-base-warning",
   danger: "bg-base-danger"
-}, m = {
+}, g = {
   white: "text-content-1",
   black: "text-layout-fg",
   default: "text-layout-fg",
@@ -299,85 +297,85 @@ const U = {
   success: "text-base-success",
   warning: "text-base-warning",
   danger: "text-base-danger"
-}, $ = {
+}, v = {
   default: "border-default-200",
   primary: "border-base-primary",
   secondary: "border-base-secondary",
   success: "border-base-success",
   warning: "border-base-warning",
   danger: "border-base-danger"
-}, ge = {
+}, be = {
   default: "bg-default-200",
   primary: "bg-primary-100",
   secondary: "bg-secondary-100",
   success: "bg-success-100",
   warning: "bg-warning-100",
   danger: "bg-danger-100"
-}, fe = {
+}, ge = {
   default: "bg-default-400",
   primary: "bg-base-primary",
   secondary: "bg-base-secondary",
   success: "bg-base-success",
   warning: "bg-base-warning",
   danger: "bg-base-danger"
-}, pe = (a, r, s) => {
-  let e = "";
+}, fe = (a, e, s) => {
+  let r = "";
   switch (a) {
     case "solid":
-      e = `${D[r]} ${m[s]}`;
+      r = `${j[e]} ${g[s]}`;
       break;
     case "bordered":
-      e = `border-2 ${$[r]} ${m[r]}`;
+      r = `border-2 ${v[e]} ${g[e]}`;
       break;
     case "light":
-      e = m[r];
+      r = g[e];
       break;
     case "flat":
-      e = `${ge[r]} ${m[r]}`;
+      r = `${be[e]} ${g[e]}`;
       break;
     case "faded":
-      e = `border-2 ${$.default} bg-default-100 ${m[r]}`;
+      r = `border-2 ${v.default} bg-default-100 ${g[e]}`;
       break;
     case "shadow":
-      e = `shadow-lg ${D[r]} ${m[s]}`;
+      r = `shadow-lg ${j[e]} ${g[s]}`;
       break;
     case "dot":
-      e = `border-2 ${$.default} ${m.black}`;
+      r = `border-2 ${v.default} ${g.black}`;
       break;
   }
-  return e;
-}, Ge = ({
+  return r;
+}, Pe = ({
   variant: a = "solid",
-  color: r = "default",
+  color: e = "default",
   textColor: s = "black",
-  label: e,
+  label: r,
   size: n = "md",
   rounded: o = "none",
   children: d
 }) => {
-  const c = g(
-    be[o],
-    ue[n],
-    pe(a, r, s)
+  const c = b(
+    ue[o],
+    le[n],
+    fe(a, e, s)
   );
-  return /* @__PURE__ */ t("div", { className: `w-fit flex items-center justify-center gap-1 px-2 ${c}`, children: d || /* @__PURE__ */ u(O, { children: [
-    /* @__PURE__ */ t("p", { children: e }),
-    a === "dot" && /* @__PURE__ */ t("div", { className: `size-2 rounded-full ${fe[r]}` })
+  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]}` })
   ] }) });
-}, me = {
+}, pe = {
   sm: "h-8 py-1",
   lg: "h-10 py-2"
-}, xe = {
+}, me = {
   default: "text-default-600",
   primary: "text-base-primary",
   success: "text-base-success",
   warning: "text-base-warning",
   danger: "text-base-danger"
-}, he = {
+}, xe = {
   primary: "text-base-primary hover:text-base-primary",
   success: "text-base-success hover:text-base-success",
   warning: "text-base-warning hover:text-base-warning"
-}, we = {
+}, he = {
   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",
@@ -389,76 +387,76 @@ const U = {
   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"
-}, ye = {
+}, we = {
   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"
-}, ve = {
+}, ye = {
   sm: "rounded-sm",
   full: "rounded-full"
-}, $e = (a, r, s) => {
-  let e = "";
+}, $e = (a, e, s) => {
+  let r = "";
   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";
+    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) {
     case "flat":
-      e = `${we[r]} ${C[r]} ${he[r]} focus-within:text-layout-fg`;
+      r = `${he[e]} ${C[e]} ${xe[e]} focus-within:text-layout-fg`;
       break;
     case "bordered":
-      e = `bg-transparent border border-default-200 hover:border-default-400 ${C[r]}`;
+      r = `bg-transparent border border-default-200 hover:border-default-400 ${C[e]}`;
       break;
     case "faded":
-      e = `border border-default-200 bg-default-100 hover:bg-default-200 ${ye[r]} ${C[r]}`;
+      r = `border border-default-200 bg-default-100 hover:bg-default-200 ${we[e]} ${C[e]}`;
       break;
   }
-  return e;
-}, Je = ({
+  return r;
+}, Oe = ({
   id: a,
-  label: r,
+  label: e,
   required: s = !1,
-  register: e,
+  register: r,
   name: n,
   value: o,
   onChange: d,
   placeHolder: c,
   variant: i = "flat",
-  color: l = "default",
-  size: f = "sm",
-  rounded: p = "sm",
-  description: b = "",
-  icon: x,
-  endIcon: h,
-  errorMsg: w = "",
-  hasError: N = !1
+  color: u = "default",
+  size: x = "sm",
+  rounded: h = "sm",
+  description: f = "",
+  icon: w,
+  endIcon: y,
+  errorMsg: p = "",
+  hasError: _ = !1
 }) => {
-  const T = g(ve[p], $e(i, l, N)), _ = g(me[f]);
-  return /* @__PURE__ */ u("label", { className: "flex flex-col w-full", children: [
-    r && /* @__PURE__ */ u(
+  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(
       "div",
       {
-        className: `h-4 text-xs mb-2 ${N ? "text-base-danger" : xe[l]}`,
+        className: `h-4 text-xs mb-2 ${_ ? "text-base-danger" : me[u]}`,
         children: [
-          r,
+          e,
           s && /* @__PURE__ */ t("span", { className: "text-base-danger text-sm", children: "*" })
         ]
       }
     ),
-    /* @__PURE__ */ u(
+    /* @__PURE__ */ l(
       "div",
       {
-        className: `${T} flex items-center px-1.5 transition-all duration-200`,
+        className: `${L} flex items-center px-1.5 transition-all duration-200`,
         children: [
-          x,
-          e ? /* @__PURE__ */ t(
+          w,
+          r ? /* @__PURE__ */ t(
             "input",
             {
               id: `${a}`,
               type: "text",
-              ...e(n),
+              ...r(n),
               placeholder: c,
-              className: `${_} bg-transparent w-full px-1.5 text-sm outline-none`
+              className: `${N} bg-transparent w-full px-1.5 text-sm outline-none`
             }
           ) : /* @__PURE__ */ t(
             "input",
@@ -466,64 +464,64 @@ const U = {
               id: `${a}`,
               type: "text",
               value: o,
-              onChange: (L) => d && d(L.target.value),
+              onChange: (P) => d && d(P.target.value),
               placeholder: c,
-              className: `${_} bg-transparent w-full px-1.5 text-sm outline-none`
+              className: `${N} bg-transparent w-full px-1.5 text-sm outline-none`
             }
           ),
-          h
+          y
         ]
       }
     ),
-    b && !w && /* @__PURE__ */ t("p", { className: "mt-1 text-xs text-default-400", children: b }),
-    w && /* @__PURE__ */ t("p", { className: "mt-1 mr-1 text-xs text-base-danger", children: w })
+    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 })
   ] });
-}, Ce = {
+}, ve = {
   sm: "size-4 min-w-4 p-[3px]",
   md: "size-5 min-w-5 p-1",
   lg: "size-6 min-w-6 p-[5px]"
-}, ke = {
+}, Ce = {
   primary: "border-base-primary",
   secondary: "border-base-secondary",
   success: "border-base-success",
   warning: "border-base-warning",
   danger: "border-base-danger",
   neutral: "border-default-500"
-}, Ne = {
+}, ke = {
   primary: "bg-base-primary",
   secondary: "bg-base-secondary",
   success: "bg-base-success",
   warning: "bg-base-warning",
   danger: "bg-base-danger",
   neutral: "bg-default-500"
-}, Ke = ({
+}, We = ({
   name: a,
-  value: r,
+  value: e,
   checked: s,
-  disabled: e = !1,
+  disabled: r = !1,
   onChange: n,
   size: o = "md",
   color: d = "primary",
   children: c
 }) => {
-  const i = g(
-    Ce[o],
-    s ? ke[d] : "border-base-default hover:bg-default-100 transition-all duration-200"
+  const i = b(
+    ve[o],
+    s ? Ce[d] : "border-base-default hover:bg-default-100 transition-all duration-200"
   );
-  return /* @__PURE__ */ u(
+  return /* @__PURE__ */ l(
     "label",
     {
-      className: `flex items-center gap-2 ${e ? "opacity-50" : "cursor-pointer"}`,
+      className: `flex items-center gap-2 ${r ? "opacity-50" : "cursor-pointer"}`,
       children: [
         /* @__PURE__ */ t(
           "input",
           {
             name: a,
             type: "radio",
-            value: r,
+            value: e,
             checked: s,
-            onChange: (l) => n && n(l.target.value),
-            disabled: e,
+            onChange: (u) => n && n(u.target.value),
+            disabled: r,
             style: { display: "none" }
           }
         ),
@@ -534,7 +532,7 @@ const U = {
             children: s && /* @__PURE__ */ t(
               "span",
               {
-                className: `block w-full h-full rounded-full ${Ne[d]}`
+                className: `block w-full h-full rounded-full ${ke[d]}`
               }
             )
           }
@@ -547,25 +545,25 @@ const U = {
   sm: "min-h-6 text-xs",
   md: "min-h-7 text-sm",
   lg: "min-h-8 text-base"
-}, P = {
+}, D = {
   default: "bg-content-1",
   primary: "bg-layout-focus",
   secondary: "bg-base-secondary",
   success: "bg-base-success",
   warning: "bg-base-warning",
   danger: "bg-base-danger"
-}, Fe = {
+}, Ne = {
   white: "text-content-1",
   black: "text-default-900"
-}, Se = {
+}, Fe = {
   none: "rounded-none",
   sm: "rounded-sm",
   md: "rounded-md",
   lg: "rounded-lg",
   full: "rounded-full"
-}, ze = (a, r) => {
+}, Se = (a, e) => {
   let s = "";
-  const e = {
+  const r = {
     start: "left-4",
     center: "left-1/2 -translate-x-1/2",
     end: "right-4"
@@ -576,35 +574,35 @@ const U = {
   };
   switch (a) {
     case "top":
-      s = "top-[-3px] " + e[r];
+      s = "top-[-3px] " + r[e];
       break;
     case "right":
-      s = "right-[-3px] " + n[r];
+      s = "right-[-3px] " + n[e];
       break;
     case "bottom":
-      s = "bottom-[-3px] " + e[r];
+      s = "bottom-[-3px] " + r[e];
       break;
     case "left":
-      s = "left-[-3px] " + n[r];
+      s = "left-[-3px] " + n[e];
       break;
   }
   return s;
-}, Ae = ({
+}, ze = ({
   label: a,
-  color: r = "default",
+  color: e = "default",
   textColor: s = "black",
-  size: e = "md",
+  size: r = "md",
   rounded: n = "md",
   direction: o = "bottom",
   position: d = "center"
 }) => {
-  const c = g(
-    _e[e],
-    P[r],
-    Fe[s],
-    Se[n]
+  const c = b(
+    _e[r],
+    D[e],
+    Ne[s],
+    Fe[n]
   );
-  return /* @__PURE__ */ u("div", { className: "relative", children: [
+  return /* @__PURE__ */ l("div", { className: "relative", children: [
     /* @__PURE__ */ t(
       "div",
       {
@@ -615,7 +613,7 @@ const U = {
     /* @__PURE__ */ t(
       "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] ${ze(o, d)} ${P[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] ${Se(o, d)} ${D[e]}`
       }
     )
   ] });
@@ -633,11 +631,11 @@ const U = {
   success: "#d1f4e0",
   warning: "#fdedd3",
   danger: "#fdd0df"
-}, Qe = ({
+}, qe = ({
   value: a,
-  setValue: r,
+  setValue: e,
   min: s = 0,
-  max: e = 100,
+  max: r = 100,
   step: n = 1,
   color: o = "primary",
   tooltipColor: d = "primary",
@@ -647,15 +645,15 @@ const U = {
   {
     value: a,
     min: s,
-    max: e,
+    max: r,
     step: n,
-    onChange: (i, l) => {
-      r(l);
+    onChange: (i, u) => {
+      e(u);
     },
     onChangeCommitted: (i) => {
     },
     valueLabelFormat: (i) => /* @__PURE__ */ t(
-      Ae,
+      ze,
       {
         color: d,
         textColor: c,
@@ -692,7 +690,7 @@ const U = {
       }
     }
   }
-), Me = () => /* @__PURE__ */ t("div", { className: "custom-select-icon", children: /* @__PURE__ */ t(Y, {}) }), Ue = ({ options: a, value: r, onChange: s }) => /* @__PURE__ */ t(
+), Ae = () => /* @__PURE__ */ t("div", { className: "custom-select-icon", children: /* @__PURE__ */ t(Y, {}) }), Ve = ({ options: a, value: e, onChange: s }) => /* @__PURE__ */ t(
   K,
   {
     MenuProps: {
@@ -712,7 +710,7 @@ const U = {
         }
       }
     },
-    IconComponent: Me,
+    IconComponent: Ae,
     sx: {
       width: "100%",
       height: 34,
@@ -738,9 +736,9 @@ const U = {
         transform: "rotate(180deg)"
       }
     },
-    value: r,
-    onChange: (e) => s(e.target.value),
-    children: a.map(({ title: e, value: n }, o) => /* @__PURE__ */ t(
+    value: e,
+    onChange: (r) => s(r.target.value),
+    children: a.map(({ title: r, value: n }, o) => /* @__PURE__ */ t(
       J,
       {
         sx: {
@@ -764,44 +762,44 @@ const U = {
           }
         },
         value: n,
-        children: e
+        children: r
       },
       o
     ))
   }
-), Be = {
+), Me = {
   sm: "min-w-10 min-h-6",
   md: "min-w-12 min-h-7",
   lg: "min-w-14 min-h-8"
-}, Ie = {
+}, Be = {
   default: "bg-default-400",
   primary: "bg-layout-focus",
   secondary: "bg-base-secondary",
   success: "bg-base-success",
   warning: "bg-base-warning",
   danger: "bg-base-danger"
-}, Xe = ({
+}, Ye = ({
   enabled: a,
-  onChange: r,
+  onChange: e,
   label: s,
-  labelPosition: e = "left",
+  labelPosition: r = "left",
   size: n = "md",
   color: o = "default",
   disabled: d = !1
 }) => {
-  const c = g(
-    e === "left" ? "flex-row" : "flex-row-reverse",
+  const c = b(
+    r === "left" ? "flex-row" : "flex-row-reverse",
     d && "opacity-50"
-  ), i = g(
-    Be[n],
-    a ? Ie[o] : "bg-default-700",
+  ), i = b(
+    Me[n],
+    a ? Be[o] : "bg-default-700",
     d && "cursor-auto"
   );
-  return /* @__PURE__ */ u("div", { className: `flex items-center gap-2 ${c}`, children: [
+  return /* @__PURE__ */ l("div", { className: `flex items-center gap-2 ${c}`, children: [
     /* @__PURE__ */ t(
       "button",
       {
-        onClick: r,
+        onClick: e,
         className: `relative rounded-full transition-colors duration-300 p-1 ${i}`,
         disabled: d,
         children: /* @__PURE__ */ t(
@@ -818,104 +816,16 @@ const U = {
     ),
     s && /* @__PURE__ */ t("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]"
-}, Pe = ({
-  value: a,
-  onChange: r,
-  placeHolder: s,
-  inputIcon: e,
-  inputEndIcon: n,
-  inputProps: o,
-  inputRef: d,
-  size: c,
-  variant: i,
-  iconOnClick: l,
-  endIconOnClick: f
-}) => /* @__PURE__ */ u("div", { ref: d, className: "relative", children: [
-  e && /* @__PURE__ */ t(
-    "button",
-    {
-      onClick: l,
-      className: "absolute top-1/2 -translate-y-1/2 right-2",
-      children: e
-    }
-  ),
-  /* @__PURE__ */ t(
-    "input",
-    {
-      ...o,
-      type: "text",
-      value: a,
-      onChange: (p) => r && r(p.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__ */ t(
-    "button",
-    {
-      onClick: f,
-      className: "absolute top-1/2 -translate-y-1/2 left-2",
-      children: n
-    }
-  )
-] }), Ze = ({
-  label: a,
-  placeHolder: r,
-  inputIcon: s,
-  inputEndIcon: e,
-  value: n,
-  onChange: o,
-  size: d = "sm",
-  variant: c = "flat",
-  options: i,
-  optionsUI: l,
-  iconOnClick: f,
-  endIconOnClick: p
-}) => /* @__PURE__ */ t(
-  Q,
-  {
-    disablePortal: !0,
-    options: i,
-    sx: { width: "100%" },
-    renderOption: (b, x) => /* @__PURE__ */ t("li", { ...b, children: l.find(({ id: h }) => h === x.id)?.element }),
-    renderInput: (b) => /* @__PURE__ */ u("div", { children: [
-      a && /* @__PURE__ */ t("div", { className: "h-4 text-xs mb-2 text-default-600", children: a }),
-      /* @__PURE__ */ t(
-        Pe,
-        {
-          value: n,
-          onChange: o,
-          placeHolder: r,
-          inputIcon: s,
-          inputEndIcon: e,
-          inputProps: b.slotProps.htmlInput,
-          inputRef: b.slotProps.input.ref,
-          size: d,
-          variant: c,
-          iconOnClick: f,
-          endIconOnClick: p
-        }
-      )
-    ] })
-  }
-);
+};
 export {
-  qe as Alert,
-  Ze as Autocomplete,
-  Ve as Badge,
-  Ye as Button,
-  Ge as Chip,
-  Je as Input,
-  Ke as Radio,
-  Qe as RangeSlider,
-  Ue as Select,
-  Xe as Switch,
-  Ae as Tooltip
+  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
 };

package/dist/icons/components/LocationIcon.d.ts

@@ -0,0 +1,5 @@
+declare const LocationIcon: ({ color, size, }: {
+    color?: string;
+    size?: number;
+}) => import("react/jsx-runtime").JSX.Element;
+export default LocationIcon;

package/dist/icons/components/MinusIcon.d.ts

@@ -0,0 +1,5 @@
+declare const MinusIcon: ({ color, size }: {
+    color?: string;
+    size?: number;
+}) => import("react/jsx-runtime").JSX.Element;
+export default MinusIcon;

package/dist/icons/index.d.ts

@@ -59,4 +59,6 @@ import { default as FireIcon } from './components/FireIcon';
 import { default as CartIcon } from './components/CartIcon';
 import { default as BalloonIcon } from './components/BalloonIcon';
 import { default as PetIcon } from './components/PetIcon';
-export { CloseIcon, InfoIcon, WarningIcon, CloseCircleIcon, TickCircleIcon, ShoppingCartIcon, SearchIcon, ArrowRightIcon, ChevronLeftIcon, ChevronRightIcon, ChevronTopIcon, ShopIcon, StarIcon, HeartIcon, ShareIcon, TruckIcon, BoxIcon, CardTickIcon, CardsIcon, WalletCheckIcon, RotateBoxIcon, LikeIcon, DislikeIcon, RotateInfoIcon, ChevronBottomIcon, EditIcon, SettingIcon, UserIcon, BagIcon, CategoryIcon, HomeIcon, TrashIcon, MoreIcon, MessageIcon, AddIcon, BoxTimeIcon, MoneyIcon, ArrowDownIcon, SpinnerIcon, OutlineTickCircleIcon, FillShoppingCartIcon, UserSquareIcon, WalletIcon, BoxTickIcon, ReceiptIcon, LogoutIcon, MobileIcon, LaptopIcon, DigitalDevicesIcon, SofaIcon, FridgeIcon, CosmeticsIcon, TShirtIcon, GoldIcon, MotorcycleIcon, WheelIcon, HammerIcon, FireIcon, CartIcon, BalloonIcon, PetIcon };
+import { default as MinusIcon } from './components/MinusIcon';
+import { default as LocationIcon } from './components/LocationIcon';
+export { CloseIcon, InfoIcon, WarningIcon, CloseCircleIcon, TickCircleIcon, ShoppingCartIcon, SearchIcon, ArrowRightIcon, ChevronLeftIcon, ChevronRightIcon, ChevronTopIcon, ShopIcon, StarIcon, HeartIcon, ShareIcon, TruckIcon, BoxIcon, CardTickIcon, CardsIcon, WalletCheckIcon, RotateBoxIcon, LikeIcon, DislikeIcon, RotateInfoIcon, ChevronBottomIcon, EditIcon, SettingIcon, UserIcon, BagIcon, CategoryIcon, HomeIcon, TrashIcon, MoreIcon, MessageIcon, AddIcon, BoxTimeIcon, MoneyIcon, ArrowDownIcon, SpinnerIcon, OutlineTickCircleIcon, FillShoppingCartIcon, UserSquareIcon, WalletIcon, BoxTickIcon, ReceiptIcon, LogoutIcon, MobileIcon, LaptopIcon, DigitalDevicesIcon, SofaIcon, FridgeIcon, CosmeticsIcon, TShirtIcon, GoldIcon, MotorcycleIcon, WheelIcon, HammerIcon, FireIcon, CartIcon, BalloonIcon, PetIcon, MinusIcon, LocationIcon };

package/dist/icons.js

@@ -1,4 +1,4 @@
-import { C as s1, a as d1, b as h1, I as c1, T as k1, W as u1 } from "./ChevronBottomIcon-BM6pUrh1.js";
+import { C as h1, a as c1, b as k1, I as u1, T as w1, W as p1 } from "./ChevronBottomIcon-BM6pUrh1.js";
 import { jsxs as e, jsx as r } from "react/jsx-runtime";
 const C = ({
   color: t,
@@ -2286,6 +2286,57 @@ const C = ({
       )
     ]
   }
+), i1 = ({ color: t, size: o = 20 }) => /* @__PURE__ */ r(
+  "svg",
+  {
+    width: o,
+    height: o,
+    viewBox: "0 0 16 16",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    style: { color: t },
+    children: /* @__PURE__ */ r(
+      "path",
+      {
+        d: "M4 8H12",
+        stroke: "currentColor",
+        "stroke-width": "1.5",
+        "stroke-linecap": "round",
+        "stroke-linejoin": "round"
+      }
+    )
+  }
+), l1 = ({
+  color: t,
+  size: o = 20
+}) => /* @__PURE__ */ e(
+  "svg",
+  {
+    width: o,
+    height: o,
+    viewBox: "0 0 20 20",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    style: { color: t },
+    children: [
+      /* @__PURE__ */ r(
+        "path",
+        {
+          d: "M9.9999 11.1912C11.4358 11.1912 12.5999 10.0272 12.5999 8.59121C12.5999 7.15527 11.4358 5.99121 9.9999 5.99121C8.56396 5.99121 7.3999 7.15527 7.3999 8.59121C7.3999 10.0272 8.56396 11.1912 9.9999 11.1912Z",
+          stroke: "currentColor",
+          "stroke-width": "1.25"
+        }
+      ),
+      /* @__PURE__ */ r(
+        "path",
+        {
+          d: "M3.01675 7.07533C4.65842 -0.141339 15.3501 -0.133006 16.9834 7.08366C17.9417 11.317 15.3084 14.9003 13.0001 17.117C11.3251 18.7337 8.67508 18.7337 6.99175 17.117C4.69175 14.9003 2.05842 11.3087 3.01675 7.07533Z",
+          stroke: "currentColor",
+          "stroke-width": "1.25"
+        }
+      )
+    ]
+  }
 );
 export {
   _ as AddIcon,
@@ -2300,12 +2351,12 @@ export {
   M as CardsIcon,
   e1 as CartIcon,
   I as CategoryIcon,
-  s1 as ChevronBottomIcon,
+  h1 as ChevronBottomIcon,
   s as ChevronLeftIcon,
   d as ChevronRightIcon,
   h as ChevronTopIcon,
-  d1 as CloseCircleIcon,
-  h1 as CloseIcon,
+  c1 as CloseCircleIcon,
+  k1 as CloseIcon,
   X as CosmeticsIcon,
   K as DigitalDevicesIcon,
   m as DislikeIcon,
@@ -2317,11 +2368,13 @@ export {
   o1 as HammerIcon,
   u as HeartIcon,
   B as HomeIcon,
-  c1 as InfoIcon,
+  u1 as InfoIcon,
   J as LaptopIcon,
   H as LikeIcon,
+  l1 as LocationIcon,
   G as LogoutIcon,
   T as MessageIcon,
+  i1 as MinusIcon,
   O as MobileIcon,
   W as MoneyIcon,
   S as MoreIcon,
@@ -2340,13 +2393,13 @@ export {
   A as SpinnerIcon,
   k as StarIcon,
   Y as TShirtIcon,
-  k1 as TickCircleIcon,
+  w1 as TickCircleIcon,
   y as TrashIcon,
   p as TruckIcon,
   x as UserIcon,
   b as UserSquareIcon,
   v as WalletCheckIcon,
   U as WalletIcon,
-  u1 as WarningIcon,
+  p1 as WarningIcon,
   r1 as WheelIcon
 };

package/package.json

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