am-shared-assets 1.0.8 → 1.0.10

package/dist/components/Autocomplete.d.ts

@@ -11,7 +11,7 @@ interface IAutocompleteProps {
     variant?: "flat" | "faded" | "bordered";
     options: {
         data: any;
-        element: ReactNode;
+        itemElement: ReactNode;
     }[];
     iconOnClick?: () => void;
     endIconOnClick?: () => void;

package/dist/components.js

@@ -1,20 +1,20 @@
-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 { jsxs as b, jsx as a, Fragment as Y } from "react/jsx-runtime";
+import { I as S, b as z, a as W, W as q, T as V, 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) {
+function L(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);
+    for (r = 0; r < n; r++) t[r] && (s = L(t[r])) && (e && (e += " "), e += s);
   } else for (s in t) t[s] && (e && (e += " "), e += s);
   return e;
 }
 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);
+  for (var t, r, s = 0, e = "", n = arguments.length; s < n; s++) (t = arguments[s]) && (r = L(t)) && (e && (e += " "), e += r);
   return e;
 }
 const X = {
@@ -64,7 +64,7 @@ const X = {
 }, M = {
   start: "items-start",
   center: "items-center"
-}, I = {
+}, B = {
   default: "#000",
   primary: "#112E62",
   secondary: "#C59C4E",
@@ -72,16 +72,16 @@ const X = {
   warning: "#f5a524",
   danger: "#f31260"
 }, $ = {
-  success: /* @__PURE__ */ a(Y, { color: "#17C964", size: 24 }),
-  warning: /* @__PURE__ */ a(V, { color: "#F5A524", size: 24 }),
-  danger: /* @__PURE__ */ a(q, { color: "#F31260", size: 24 })
+  success: /* @__PURE__ */ a(V, { color: "#17C964", size: 24 }),
+  warning: /* @__PURE__ */ a(q, { color: "#F5A524", size: 24 }),
+  danger: /* @__PURE__ */ a(W, { color: "#F31260", size: 24 })
 }, ae = {
   none: "rounded-none",
   sm: "rounded-md",
   md: "rounded-xl",
   lg: "rounded-[22px]",
   full: "rounded-full"
-}, Ve = ({
+}, qe = ({
   title: t,
   description: r,
   color: s = "default",
@@ -89,8 +89,8 @@ const X = {
   width: n = "default",
   rounded: d = "none",
   infoIconAlignment: o,
-  isInfoIcon: c = !0,
-  hasCloseButton: i = !0,
+  isInfoIcon: i = !0,
+  hasCloseButton: c = !0,
   hasButton: l = !1,
   buttonTitle: p,
   buttonTextColor: m = "black",
@@ -109,7 +109,7 @@ const X = {
     {
       className: `flex p-3 ${g} ${o && M[o]}`,
       children: [
-        /* @__PURE__ */ a("div", { className: "mt-[1px]", children: c || !$[s] ? /* @__PURE__ */ a(S, { color: I[s] }) : $[s] }),
+        /* @__PURE__ */ a("div", { className: "mt-[1px]", children: i || !$[s] ? /* @__PURE__ */ a(S, { color: B[s] }) : $[s] }),
         u
       ]
     }
@@ -119,7 +119,7 @@ const X = {
       {
         className: `flex ${o ? M[o] : l ? "items-center" : t && r ? "items-start" : "items-center"} gap-3`,
         children: [
-          /* @__PURE__ */ a("div", { className: "mt-[1px]", children: c || !$[s] ? /* @__PURE__ */ a(S, { color: I[s] }) : $[s] }),
+          /* @__PURE__ */ a("div", { className: "mt-[1px]", children: i || !$[s] ? /* @__PURE__ */ a(S, { color: B[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 })
@@ -136,7 +136,7 @@ const X = {
           children: p
         }
       ),
-      i && /* @__PURE__ */ a(
+      c && /* @__PURE__ */ a(
         "button",
         {
           onClick: h,
@@ -144,7 +144,7 @@ const X = {
           children: /* @__PURE__ */ a(z, { color: A.default, size: 14 })
         }
       )
-    ] }) : i && /* @__PURE__ */ a("div", { children: /* @__PURE__ */ a("button", { onClick: h, children: /* @__PURE__ */ a(z, { color: A[s] }) }) })
+    ] }) : c && /* @__PURE__ */ a("div", { children: /* @__PURE__ */ a("button", { onClick: h, children: /* @__PURE__ */ a(z, { color: A[s] }) }) })
   ] });
 }, ne = {
   sm: "h-5 text-xs px-2",
@@ -159,10 +159,10 @@ const X = {
 }, de = {
   white: "text-content-1",
   black: "text-layout-fg"
-}, ce = {
+}, ie = {
   pill: "rounded-full",
   Rectangle: "rounded-xxs"
-}, Ye = ({
+}, Ve = ({
   label: t,
   color: r = "default",
   type: s = "pill",
@@ -173,10 +173,10 @@ const X = {
     oe[r],
     de[n],
     ne[e],
-    ce[s]
+    ie[s]
   );
   return /* @__PURE__ */ a("div", { className: `flex justify-center items-center ${d}`, children: t });
-}, ie = {
+}, ce = {
   sm: "h-8 text-xs px-3",
   md: "h-10 text-sm px-4",
   lg: "h-12 text-base px-6"
@@ -189,7 +189,7 @@ const X = {
   success: "text-base-success",
   warning: "text-base-warning",
   danger: "text-base-danger"
-}, B = {
+}, I = {
   default: "bg-default-300",
   primary: "bg-base-primary",
   secondary: "bg-base-secondary",
@@ -203,7 +203,7 @@ const X = {
   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",
@@ -220,7 +220,7 @@ const X = {
   let e = "";
   switch (t) {
     case "solid":
-      e = `${B[r]} ${y[s]}`;
+      e = `${I[r]} ${y[s]}`;
       break;
     case "bordered":
       e = `border-2 ${P[r]} ${y[r]}`;
@@ -229,13 +229,13 @@ const X = {
       e = y[r];
       break;
     case "flat":
-      e = `${j[r]} ${y[r]}`;
+      e = `${E[r]} ${y[r]}`;
       break;
     case "faded":
-      e = `border-2 ${P.default} ${j.default} ${y[r]}`;
+      e = `border-2 ${P.default} ${E.default} ${y[r]}`;
       break;
     case "shadow":
-      e = `shadow-lg ${B[r]} ${y[s]}`;
+      e = `shadow-lg ${I[r]} ${y[s]}`;
       break;
   }
   return e;
@@ -247,17 +247,17 @@ const X = {
   size: n = "md",
   rounded: d = "none",
   label: o,
-  icon: c,
-  iconPosition: i = "left",
+  icon: i,
+  iconPosition: c = "left",
   width: l = "auto",
   disabled: p = !1,
   onClick: m
 }) => {
   const x = f(
     l === "full" ? "w-full" : "w-auto",
-    i === "right" ? "flex-row" : "flex-row-reverse",
+    c === "right" ? "flex-row" : "flex-row-reverse",
     le[d],
-    ie[n],
+    ce[n],
     ue(r, s, e)
   );
   return /* @__PURE__ */ b(
@@ -268,7 +268,7 @@ const X = {
       onClick: m,
       disabled: p,
       children: [
-        c,
+        i,
         o && /* @__PURE__ */ a("p", { children: o })
       ]
     }
@@ -283,7 +283,7 @@ const X = {
   md: "rounded-md",
   lg: "rounded-lg",
   full: "rounded-full"
-}, D = {
+}, j = {
   default: "bg-default-200",
   primary: "bg-base-primary",
   secondary: "bg-base-secondary",
@@ -324,7 +324,7 @@ const X = {
   let e = "";
   switch (t) {
     case "solid":
-      e = `${D[r]} ${w[s]}`;
+      e = `${j[r]} ${w[s]}`;
       break;
     case "bordered":
       e = `border-2 ${C[r]} ${w[r]}`;
@@ -339,7 +339,7 @@ const X = {
       e = `border-2 ${C.default} bg-default-100 ${w[r]}`;
       break;
     case "shadow":
-      e = `shadow-lg ${D[r]} ${w[s]}`;
+      e = `shadow-lg ${j[r]} ${w[s]}`;
       break;
     case "dot":
       e = `border-2 ${C.default} ${w.black}`;
@@ -355,12 +355,12 @@ const X = {
   rounded: d = "none",
   children: o
 }) => {
-  const c = f(
+  const i = f(
     ge[d],
     be[n],
     me(t, r, s)
   );
-  return /* @__PURE__ */ a("div", { className: `w-fit flex items-center justify-center gap-1 px-2 ${c}`, children: o || /* @__PURE__ */ b(W, { children: [
+  return /* @__PURE__ */ a("div", { className: `w-fit flex items-center justify-center gap-1 px-2 ${i}`, children: o || /* @__PURE__ */ b(Y, { children: [
     /* @__PURE__ */ a("p", { children: e }),
     t === "dot" && /* @__PURE__ */ a("div", { className: `size-2 rounded-full ${fe[r]}` })
   ] }) });
@@ -422,8 +422,8 @@ const X = {
   name: n,
   value: d,
   onChange: o,
-  isFocused: c = !1,
-  placeHolder: i,
+  isFocused: i = !1,
+  placeHolder: c,
   variant: l = "flat",
   color: p = "default",
   size: m = "sm",
@@ -432,14 +432,14 @@ const X = {
   icon: u,
   endIcon: g,
   errorMsg: v = "",
-  hasError: _ = !1
+  hasError: F = !1
 }) => {
-  const L = f($e[x], Ce(l, p, _)), F = f(xe[m]);
+  const T = f($e[x], Ce(l, p, F)), _ = f(xe[m]);
   return /* @__PURE__ */ b("label", { className: "flex flex-col w-full", children: [
     r && /* @__PURE__ */ b(
       "div",
       {
-        className: `h-4 text-xs mb-2 ${_ ? "text-base-danger" : he[p]}`,
+        className: `h-4 text-xs mb-2 ${F ? "text-base-danger" : he[p]}`,
         children: [
           r,
           s && /* @__PURE__ */ a("span", { className: "text-base-danger text-sm", children: "*" })
@@ -449,7 +449,7 @@ const X = {
     /* @__PURE__ */ b(
       "div",
       {
-        className: `${L} flex items-center px-1.5 transition-all duration-200`,
+        className: `${T} flex items-center px-1.5 transition-all duration-200`,
         children: [
           u,
           e ? /* @__PURE__ */ a(
@@ -458,9 +458,9 @@ const X = {
               id: `${t}`,
               type: "text",
               ...e(n),
-              placeholder: i,
-              className: `${F} bg-transparent w-full px-1.5 text-sm outline-none`,
-              autoFocus: c
+              placeholder: c,
+              className: `${_} bg-transparent w-full px-1.5 text-sm outline-none`,
+              autoFocus: i
             }
           ) : /* @__PURE__ */ a(
             "input",
@@ -469,9 +469,9 @@ const X = {
               type: "text",
               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
+              placeholder: c,
+              className: `${_} bg-transparent w-full px-1.5 text-sm outline-none`,
+              autoFocus: i
             }
           ),
           g
@@ -492,7 +492,7 @@ const X = {
   warning: "border-base-warning",
   danger: "border-base-danger",
   neutral: "border-default-500"
-}, _e = {
+}, Fe = {
   primary: "bg-base-primary",
   secondary: "bg-base-secondary",
   success: "bg-base-success",
@@ -507,9 +507,9 @@ const X = {
   onChange: n,
   size: d = "md",
   color: o = "primary",
-  children: c
+  children: i
 }) => {
-  const i = f(
+  const c = f(
     ke[d],
     s ? Ne[o] : "border-base-default hover:bg-default-100 transition-all duration-200"
   );
@@ -533,24 +533,24 @@ const X = {
         /* @__PURE__ */ a(
           "div",
           {
-            className: `flex justify-center items-center rounded-full border-2 ${i}`,
+            className: `flex justify-center items-center rounded-full border-2 ${c}`,
             children: s && /* @__PURE__ */ a(
               "span",
               {
-                className: `block w-full h-full rounded-full ${_e[o]}`
+                className: `block w-full h-full rounded-full ${Fe[o]}`
               }
             )
           }
         ),
-        /* @__PURE__ */ a("div", { children: c })
+        /* @__PURE__ */ a("div", { children: i })
       ]
     }
   );
-}, Fe = {
+}, _e = {
   sm: "min-h-6 text-xs",
   md: "min-h-7 text-sm",
   lg: "min-h-8 text-base"
-}, R = {
+}, D = {
   default: "bg-content-1",
   primary: "bg-layout-focus",
   secondary: "bg-base-secondary",
@@ -601,9 +601,9 @@ const X = {
   direction: d = "bottom",
   position: o = "center"
 }) => {
-  const c = f(
-    Fe[e],
-    R[r],
+  const i = f(
+    _e[e],
+    D[r],
     Se[s],
     ze[n]
   );
@@ -611,18 +611,18 @@ const X = {
     /* @__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}`,
+        className: `max-w-[180px] relative z-10 py-1 px-3 shadow-[0px_1px_2px_0px_#0000000F,0px_1px_3px_0px_#0000001A] ${i}`,
         children: /* @__PURE__ */ a("p", { children: t })
       }
     ),
     /* @__PURE__ */ a(
       "div",
       {
-        className: `absolute size-2.5 rotate-45 rounded-[2px] shadow-[0px_0px_1px_0px_#0000004D,0px_2px_10px_0px_#0000000F,0px_0px_5px_0px_#00000005] ${Ae(d, o)} ${R[r]}`
+        className: `absolute size-2.5 rotate-45 rounded-[2px] shadow-[0px_0px_1px_0px_#0000004D,0px_2px_10px_0px_#0000000F,0px_0px_5px_0px_#00000005] ${Ae(d, o)} ${D[r]}`
       }
     )
   ] });
-}, E = {
+}, R = {
   foreground: "#000000",
   primary: "#112E62",
   secondary: "#C59C4E",
@@ -644,7 +644,7 @@ const X = {
   step: n = 1,
   color: d = "primary",
   tooltipColor: o = "primary",
-  tooltipTextColor: c = "white"
+  tooltipTextColor: i = "white"
 }) => /* @__PURE__ */ a(
   J,
   {
@@ -652,17 +652,17 @@ const X = {
     min: s,
     max: e,
     step: n,
-    onChange: (i, l) => {
+    onChange: (c, l) => {
       r(l);
     },
-    onChangeCommitted: (i) => {
+    onChangeCommitted: (c) => {
     },
-    valueLabelFormat: (i) => /* @__PURE__ */ a(
+    valueLabelFormat: (c) => /* @__PURE__ */ a(
       Me,
       {
         color: o,
-        textColor: c,
-        label: `${i.toLocaleString()}`
+        textColor: i,
+        label: `${c.toLocaleString()}`
       }
     ),
     valueLabelDisplay: "auto",
@@ -675,7 +675,7 @@ const X = {
         width: "16px",
         height: "16px",
         border: "2px solid",
-        borderColor: E[d],
+        borderColor: R[d],
         color: "#fff"
       },
       "& .MuiSlider-thumb.Mui-focusVisible": {
@@ -688,14 +688,14 @@ const X = {
         boxShadow: `0 0 0 4px ${N[d]}`
       },
       "& .MuiSlider-track": {
-        color: E[d]
+        color: R[d]
       },
       "& .MuiSlider-valueLabel": {
         backgroundColor: "transparent"
       }
     }
   }
-), Ie = () => /* @__PURE__ */ a("div", { className: "custom-select-icon", children: /* @__PURE__ */ a(G, {}) }), Xe = ({ options: t, value: r, onChange: s }) => /* @__PURE__ */ a(
+), Be = () => /* @__PURE__ */ a("div", { className: "custom-select-icon", children: /* @__PURE__ */ a(G, {}) }), Xe = ({ options: t, value: r, onChange: s }) => /* @__PURE__ */ a(
   Q,
   {
     MenuProps: {
@@ -715,7 +715,7 @@ const X = {
         }
       }
     },
-    IconComponent: Ie,
+    IconComponent: Be,
     sx: {
       width: "100%",
       height: 34,
@@ -772,7 +772,7 @@ const X = {
       d
     ))
   }
-), Be = {
+), Ie = {
   sm: "min-w-10 min-h-6",
   md: "min-w-12 min-h-7",
   lg: "min-w-14 min-h-8"
@@ -792,20 +792,20 @@ const X = {
   color: d = "default",
   disabled: o = !1
 }) => {
-  const c = f(
+  const i = f(
     e === "left" ? "flex-row" : "flex-row-reverse",
     o && "opacity-50"
-  ), i = f(
-    Be[n],
+  ), c = f(
+    Ie[n],
     t ? Pe[d] : "bg-default-700",
     o && "cursor-auto"
   );
-  return /* @__PURE__ */ b("div", { className: `flex items-center gap-2 ${c}`, children: [
+  return /* @__PURE__ */ b("div", { className: `flex items-center gap-2 ${i}`, children: [
     /* @__PURE__ */ a(
       "button",
       {
         onClick: r,
-        className: `relative rounded-full transition-colors duration-300 p-1 ${i}`,
+        className: `relative rounded-full transition-colors duration-300 p-1 ${c}`,
         disabled: o,
         children: /* @__PURE__ */ a(
           "span",
@@ -821,14 +821,14 @@ const X = {
     ),
     s && /* @__PURE__ */ a("p", { className: `text-default-600 ${n === "sm" && "text-sm"}`, children: s })
   ] });
-}, je = {
+}, Ee = {
   sm: "h-8 py-1",
   lg: "h-10 py-2"
-}, De = {
+}, je = {
   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 = ({
+}, De = ({
   value: t,
   onInputChange: r,
   placeHolder: s,
@@ -836,8 +836,8 @@ const X = {
   inputEndIcon: n,
   inputProps: d,
   inputRef: o,
-  size: c,
-  variant: i,
+  size: i,
+  variant: c,
   iconOnClick: l,
   endIconOnClick: p
 }) => /* @__PURE__ */ b("div", { ref: o, className: "relative", children: [
@@ -857,7 +857,7 @@ const X = {
       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]"}`
+      className: `${je[c]} ${Ee[i]} transition-all duration-300 w-full px-3 text-sm outline-none rounded-sm ${n && "pl-[30px]"} ${e && "pr-[30px]"}`
     }
   ),
   n && /* @__PURE__ */ a(
@@ -876,25 +876,41 @@ const X = {
   value: n,
   onInputChange: d,
   onChange: o,
-  size: c = "sm",
-  variant: i = "flat",
+  size: i = "sm",
+  variant: c = "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 }));
+  const x = l.map((u, g) => ({ ...u, optionIndex: g })), h = l.map((u, g) => (delete u.itemElement, { ...u, optionIndex: g }));
   return /* @__PURE__ */ a(
     U,
     {
       disablePortal: !0,
       options: h,
-      sx: { width: "100%" },
+      sx: {
+        width: "100%",
+        fontFamily: "YekanBakh",
+        "& .MuiInputBase-input": {
+          fontFamily: "YekanBakh"
+        }
+      },
+      slotProps: {
+        paper: {
+          sx: {
+            fontFamily: "YekanBakh"
+          }
+        }
+      },
       onChange: (u, g) => o && o(g),
-      renderOption: (u, g) => /* @__PURE__ */ a("li", { ...u, children: x.find(({ optionIndex: v }) => v === g.optionIndex)?.element }),
+      getOptionLabel: () => "",
+      renderOption: (u, g) => /* @__PURE__ */ a("li", { ...u, children: x.find(
+        ({ optionIndex: v }) => v === g.optionIndex
+      )?.itemElement }),
       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,
+          De,
           {
             value: n,
             onInputChange: d,
@@ -903,8 +919,8 @@ const X = {
             inputEndIcon: e,
             inputProps: u.slotProps.htmlInput,
             inputRef: u.slotProps.input.ref,
-            size: c,
-            variant: i,
+            size: i,
+            variant: c,
             iconOnClick: p,
             endIconOnClick: m
           }
@@ -914,9 +930,9 @@ const X = {
   );
 };
 export {
-  Ve as Alert,
+  qe as Alert,
   He as Autocomplete,
-  Ye as Badge,
+  Ve as Badge,
   Ge as Button,
   Je as Chip,
   Ke as Input,

package/package.json

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