@3sc/common-component 0.0.111 → 0.0.112

package/dist/index.es.js

@@ -26236,19 +26236,19 @@ const P4 = (e, t) => Ed(e) ? new O4(t) : new A4(t, {
   ...y4,
   ...l4,
   ...x4
-}, P4), En = /* @__PURE__ */ bP(N4), ar = ({ styles: e, label: t, ...n }) => {
-  const o = ot(), r = (t == null ? void 0 : t.length) * ((t == null ? void 0 : t.length) >= 10 ? 6.5 : 7.5) + 38 || 0, [s, a] = Se(!1);
+}, P4), En = /* @__PURE__ */ bP(N4), ar = ({ styles: e, label: t, disabled: n, ...o }) => {
+  const r = ot(), s = (t == null ? void 0 : t.length) * ((t == null ? void 0 : t.length) >= 10 ? 6.5 : 7.5) + 38 || 0, [a, c] = Se(!1);
   return /* @__PURE__ */ v.jsxs(
     En.button,
     {
-      onMouseEnter: () => (e == null ? void 0 : e.isAnimate) && a(!0),
-      onMouseLeave: () => (e == null ? void 0 : e.isAnimate) && a(!1),
+      onMouseEnter: () => (e == null ? void 0 : e.isAnimate) && c(!0),
+      onMouseLeave: () => (e == null ? void 0 : e.isAnimate) && c(!1),
       initial: {
-        width: e != null && e.isAnimate || !t ? "3rem" : `${r / 10}rem`,
+        width: e != null && e.isAnimate || !t ? "3rem" : `${s / 10}rem`,
         borderRadius: "0.7rem"
       },
       animate: {
-        width: e != null && e.isAnimate ? `${s ? r / 10 : 3}rem` : `${t ? r / 10 : 3}rem`
+        width: e != null && e.isAnimate ? `${a ? s / 10 : 3}rem` : `${t ? s / 10 : 3}rem`
       },
       transition: {
         duration: 0.2,
@@ -26258,19 +26258,25 @@ const P4 = (e, t) => Ed(e) ? new O4(t) : new A4(t, {
         height: "3rem",
         outline: "none",
         overflow: "hidden",
-        backgroundColor: (e == null ? void 0 : e.variant) !== "outlined" ? (e == null ? void 0 : e.color) === "secondary" ? o.palette.brandColor.blue : o.palette.brandColor.orange : o.palette.primary.notifyBackground,
-        border: (e == null ? void 0 : e.variant) === "outlined" ? `0.1rem solid ${o.palette.primary.notifyBorderColor}` : "none",
+        backgroundColor: (e == null ? void 0 : e.variant) !== "outlined" ? (e == null ? void 0 : e.color) === "secondary" ? r.palette.brandColor.blue : r.palette.brandColor.orange : r.palette.primary.notifyBackground,
+        border: (e == null ? void 0 : e.variant) === "outlined" ? `0.1rem solid ${r.palette.primary.notifyBorderColor}` : "none",
         display: "flex",
         cursor: "pointer",
         alignItems: "center",
-        gap: s || !(e != null && e.isAnimate) ? "0.5rem" : 0,
-        color: (e == null ? void 0 : e.variant) === "outlined" ? o.palette.primary.notifyActiveText : "white",
-        justifyContent: s ? "flex-start" : "center",
-        padding: s || !(e != null && e.isAnimate) ? "1.2rem" : "0.8rem",
-        whiteSpace: "nowrap"
+        gap: a || !(e != null && e.isAnimate) ? "0.5rem" : 0,
+        color: (e == null ? void 0 : e.variant) === "outlined" ? r.palette.primary.notifyActiveText : "white",
+        justifyContent: a ? "flex-start" : "center",
+        padding: a || !(e != null && e.isAnimate) ? "1.2rem" : "0.8rem",
+        whiteSpace: "nowrap",
+        ...n ? {
+          backgroundColor: r.palette.primary.notifyIconColor,
+          opacity: 0.8,
+          cursor: "auto"
+        } : {}
       },
       layout: !0,
-      ...n,
+      disabled: !0,
+      ...o,
       children: [
         (e == null ? void 0 : e.icon) && (!(e != null && e.iconPosition) || (e == null ? void 0 : e.iconPosition) === "start") && /* @__PURE__ */ v.jsx(de, { component: "img", src: e == null ? void 0 : e.icon }),
         t && /* @__PURE__ */ v.jsx(
@@ -26279,13 +26285,13 @@ const P4 = (e, t) => Ed(e) ? new O4(t) : new A4(t, {
             layout: !0,
             initial: { opacity: 0, width: 0 },
             animate: {
-              opacity: s || !(e != null && e.isAnimate) ? 1 : 0,
-              width: s || !(e != null && e.isAnimate) ? "auto" : 0
+              opacity: a || !(e != null && e.isAnimate) ? 1 : 0,
+              width: a || !(e != null && e.isAnimate) ? "auto" : 0
             },
             transition: {
               duration: 0.2,
               ease: "easeInOut",
-              delay: s ? 0.1 : 0
+              delay: a ? 0.1 : 0
             },
             style: {
               overflow: "hidden",