am-shared-assets 1.0.9 → 1.0.11

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,4 +1,4 @@
-import { jsxs as b, jsx as a, Fragment as Y } from "react/jsx-runtime";
+import { jsxs as u, 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";
@@ -96,7 +96,7 @@ const X = {
   buttonTextColor: m = "black",
   buttonClickHandler: x,
   closeAlertHandler: h,
-  children: u
+  children: b
 }) => {
   const g = f(
     Z[n],
@@ -104,30 +104,30 @@ const X = {
     ae[d],
     H[s]
   );
-  return u ? /* @__PURE__ */ b(
+  return b ? /* @__PURE__ */ u(
     "div",
     {
       className: `flex p-3 ${g} ${o && M[o]}`,
       children: [
         /* @__PURE__ */ a("div", { className: "mt-[1px]", children: i || !$[s] ? /* @__PURE__ */ a(S, { color: B[s] }) : $[s] }),
-        u
+        b
       ]
     }
-  ) : /* @__PURE__ */ b("div", { className: `relative flex justify-between p-3 ${g}`, children: [
-    /* @__PURE__ */ b(
+  ) : /* @__PURE__ */ u("div", { className: `relative flex justify-between p-3 ${g}`, children: [
+    /* @__PURE__ */ u(
       "div",
       {
         className: `flex ${o ? M[o] : l ? "items-center" : t && r ? "items-start" : "items-center"} gap-3`,
         children: [
           /* @__PURE__ */ a("div", { className: "mt-[1px]", children: i || !$[s] ? /* @__PURE__ */ a(S, { color: B[s] }) : $[s] }),
-          /* @__PURE__ */ b("div", { children: [
+          /* @__PURE__ */ u("div", { children: [
             t && /* @__PURE__ */ a("h2", { className: `font-semibold ${ee[s]}`, children: t }),
             r && /* @__PURE__ */ a("p", { className: re[s], children: r })
           ] })
         ]
       }
     ),
-    l ? /* @__PURE__ */ b("div", { className: "flex items-center", children: [
+    l ? /* @__PURE__ */ u("div", { className: "flex items-center", children: [
       /* @__PURE__ */ a(
         "button",
         {
@@ -260,7 +260,7 @@ const X = {
     ce[n],
     ue(r, s, e)
   );
-  return /* @__PURE__ */ b(
+  return /* @__PURE__ */ u(
     "button",
     {
       type: t,
@@ -360,7 +360,7 @@ const X = {
     be[n],
     me(t, r, s)
   );
-  return /* @__PURE__ */ a("div", { className: `w-fit flex items-center justify-center gap-1 px-2 ${i}`, children: o || /* @__PURE__ */ b(Y, { children: [
+  return /* @__PURE__ */ a("div", { className: `w-fit flex items-center justify-center gap-1 px-2 ${i}`, children: o || /* @__PURE__ */ u(Y, { children: [
     /* @__PURE__ */ a("p", { children: e }),
     t === "dot" && /* @__PURE__ */ a("div", { className: `size-2 rounded-full ${fe[r]}` })
   ] }) });
@@ -429,14 +429,14 @@ const X = {
   size: m = "sm",
   rounded: x = "sm",
   description: h = "",
-  icon: u,
+  icon: b,
   endIcon: g,
   errorMsg: v = "",
   hasError: F = !1
 }) => {
   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(
+  return /* @__PURE__ */ u("label", { className: "flex flex-col w-full", children: [
+    r && /* @__PURE__ */ u(
       "div",
       {
         className: `h-4 text-xs mb-2 ${F ? "text-base-danger" : he[p]}`,
@@ -446,12 +446,12 @@ const X = {
         ]
       }
     ),
-    /* @__PURE__ */ b(
+    /* @__PURE__ */ u(
       "div",
       {
         className: `${T} flex items-center px-1.5 transition-all duration-200`,
         children: [
-          u,
+          b,
           e ? /* @__PURE__ */ a(
             "input",
             {
@@ -513,7 +513,7 @@ const X = {
     ke[d],
     s ? Ne[o] : "border-base-default hover:bg-default-100 transition-all duration-200"
   );
-  return /* @__PURE__ */ b(
+  return /* @__PURE__ */ u(
     "label",
     {
       className: `flex items-center gap-2 ${e ? "opacity-50" : "cursor-pointer"}`,
@@ -550,7 +550,7 @@ const X = {
   sm: "min-h-6 text-xs",
   md: "min-h-7 text-sm",
   lg: "min-h-8 text-base"
-}, R = {
+}, E = {
   default: "bg-content-1",
   primary: "bg-layout-focus",
   secondary: "bg-base-secondary",
@@ -603,11 +603,11 @@ const X = {
 }) => {
   const i = f(
     _e[e],
-    R[r],
+    E[r],
     Se[s],
     ze[n]
   );
-  return /* @__PURE__ */ b("div", { className: "relative", children: [
+  return /* @__PURE__ */ u("div", { className: "relative", children: [
     /* @__PURE__ */ a(
       "div",
       {
@@ -618,11 +618,11 @@ const X = {
     /* @__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)} ${E[r]}`
       }
     )
   ] });
-}, E = {
+}, R = {
   foreground: "#000000",
   primary: "#112E62",
   secondary: "#C59C4E",
@@ -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,7 +688,7 @@ const X = {
         boxShadow: `0 0 0 4px ${N[d]}`
       },
       "& .MuiSlider-track": {
-        color: E[d]
+        color: R[d]
       },
       "& .MuiSlider-valueLabel": {
         backgroundColor: "transparent"
@@ -800,7 +800,7 @@ const X = {
     t ? Pe[d] : "bg-default-700",
     o && "cursor-auto"
   );
-  return /* @__PURE__ */ b("div", { className: `flex items-center gap-2 ${i}`, children: [
+  return /* @__PURE__ */ u("div", { className: `flex items-center gap-2 ${i}`, children: [
     /* @__PURE__ */ a(
       "button",
       {
@@ -828,7 +828,7 @@ const X = {
   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 = ({
+}, Ee = ({
   value: t,
   onInputChange: r,
   placeHolder: s,
@@ -840,7 +840,7 @@ const X = {
   variant: c,
   iconOnClick: l,
   endIconOnClick: p
-}) => /* @__PURE__ */ b("div", { ref: o, className: "relative", children: [
+}) => /* @__PURE__ */ u("div", { ref: o, className: "relative", children: [
   e && /* @__PURE__ */ a(
     "button",
     {
@@ -882,7 +882,7 @@ const X = {
   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((b, g) => ({ ...b, optionIndex: g })), h = l.map((b, g) => ({ data: b.data, optionIndex: g }));
   return /* @__PURE__ */ a(
     U,
     {
@@ -902,23 +902,23 @@ const X = {
           }
         }
       },
-      onChange: (u, g) => o && o(g),
+      onChange: (b, g) => o && o(g),
       getOptionLabel: () => "",
-      renderOption: (u, g) => /* @__PURE__ */ a("li", { ...u, children: x.find(
+      renderOption: (b, g) => /* @__PURE__ */ a("li", { ...b, children: x.find(
         ({ optionIndex: v }) => v === g.optionIndex
-      )?.element }),
-      renderInput: (u) => /* @__PURE__ */ b("div", { children: [
+      )?.itemElement }),
+      renderInput: (b) => /* @__PURE__ */ u("div", { children: [
         t && /* @__PURE__ */ a("div", { className: "h-4 text-xs mb-2 text-default-600", children: t }),
         /* @__PURE__ */ a(
-          Re,
+          Ee,
           {
             value: n,
             onInputChange: d,
             placeHolder: r,
             inputIcon: s,
             inputEndIcon: e,
-            inputProps: u.slotProps.htmlInput,
-            inputRef: u.slotProps.input.ref,
+            inputProps: b.slotProps.htmlInput,
+            inputRef: b.slotProps.input.ref,
             size: i,
             variant: c,
             iconOnClick: p,

package/package.json

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