am-shared-assets 1.0.10 → 1.0.11

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",
         {
@@ -203,7 +203,7 @@ const X = {
   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",
@@ -229,10 +229,10 @@ const X = {
       e = y[r];
       break;
     case "flat":
-      e = `${E[r]} ${y[r]}`;
+      e = `${j[r]} ${y[r]}`;
       break;
     case "faded":
-      e = `border-2 ${P.default} ${E.default} ${y[r]}`;
+      e = `border-2 ${P.default} ${j.default} ${y[r]}`;
       break;
     case "shadow":
       e = `shadow-lg ${I[r]} ${y[s]}`;
@@ -260,7 +260,7 @@ const X = {
     ce[n],
     ue(r, s, e)
   );
-  return /* @__PURE__ */ b(
+  return /* @__PURE__ */ u(
     "button",
     {
       type: t,
@@ -283,7 +283,7 @@ const X = {
   md: "rounded-md",
   lg: "rounded-lg",
   full: "rounded-full"
-}, j = {
+}, D = {
   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 = `${j[r]} ${w[s]}`;
+      e = `${D[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 ${j[r]} ${w[s]}`;
+      e = `shadow-lg ${D[r]} ${w[s]}`;
       break;
     case "dot":
       e = `border-2 ${C.default} ${w.black}`;
@@ -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"
-}, D = {
+}, E = {
   default: "bg-content-1",
   primary: "bg-layout-focus",
   secondary: "bg-base-secondary",
@@ -603,11 +603,11 @@ const X = {
 }) => {
   const i = f(
     _e[e],
-    D[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,7 +618,7 @@ 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)} ${D[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]}`
       }
     )
   ] });
@@ -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",
       {
@@ -821,14 +821,14 @@ const X = {
     ),
     s && /* @__PURE__ */ a("p", { className: `text-default-600 ${n === "sm" && "text-sm"}`, children: s })
   ] });
-}, Ee = {
+}, je = {
   sm: "h-8 py-1",
   lg: "h-10 py-2"
-}, je = {
+}, 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]"
-}, De = ({
+}, 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",
     {
@@ -857,7 +857,7 @@ const X = {
       value: t,
       onChange: (m) => r && r(m.target.value),
       placeholder: s,
-      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]"}`
+      className: `${De[c]} ${je[i]} transition-all duration-300 w-full px-3 text-sm outline-none rounded-sm ${n && "pl-[30px]"} ${e && "pr-[30px]"}`
     }
   ),
   n && /* @__PURE__ */ a(
@@ -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.itemElement, { ...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
       )?.itemElement }),
-      renderInput: (u) => /* @__PURE__ */ b("div", { children: [
+      renderInput: (b) => /* @__PURE__ */ u("div", { children: [
         t && /* @__PURE__ */ a("div", { className: "h-4 text-xs mb-2 text-default-600", children: t }),
         /* @__PURE__ */ a(
-          De,
+          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.10",
+  "version": "1.0.11",
   "type": "module",
   "license": "MIT",
   "description": "",