mainstack-design-system 0.7.35 → 0.7.36

package/build/index.d.ts

@@ -632,6 +632,7 @@ declare interface IAccordionItem extends AccordionItemProps {
     maxWidthTitle?: any;
     actionButton?: React.ReactNode;
     titleTag?: React.ReactNode;
+    draggableHandleProps?: any;
 }
 
 declare interface IButtonProps extends ButtonProps {

package/build/mainstack-design-system.js

@@ -6632,29 +6632,30 @@ const A2 = {
     maxWidthTitle: d,
     actionButton: g,
     titleTag: b,
-    ...s
-  }, v) => /* @__PURE__ */ t(W1, { children: /* @__PURE__ */ t(
+    draggableHandleProps: s,
+    ...v
+  }, h) => /* @__PURE__ */ t(W1, { children: /* @__PURE__ */ t(
     o9,
     {
       w: "100%",
       border: "none !important",
       borderRadius: "16px",
-      ref: v,
-      ...s,
-      children: ({ isExpanded: h }) => /* @__PURE__ */ r1(
+      ref: h,
+      ...v,
+      children: ({ isExpanded: u }) => /* @__PURE__ */ r1(
         k1,
         {
-          outline: h ? "3px solid" : `${n ? "3px solid" : "1px solid"}`,
-          outlineOffset: h ? "-3px" : `${n ? "-3px" : "-1px"}`,
+          outline: u ? "3px solid" : `${n ? "3px solid" : "1px solid"}`,
+          outlineOffset: u ? "-3px" : `${n ? "-3px" : "-1px"}`,
           _hover: {
-            bg: h ? "none" : T.gray50
+            bg: u ? "none" : T.gray50
           },
-          outlineColor: h ? `${n ? T.red500 : T.black300}` : `${n ? T.red500 : T.gray50}`,
+          outlineColor: u ? `${n ? T.red500 : T.black300}` : `${n ? T.red500 : T.gray50}`,
           borderRadius: "16px",
           px: "20px",
           py: "20px",
           children: [
-            /* @__PURE__ */ r1(y1, { alignItems: "center", w: "100%", children: [
+            /* @__PURE__ */ r1(y1, { alignItems: "center", w: "100%", ...s, children: [
               r && /* @__PURE__ */ t(n5, { cursor: "grabbing", boxSize: "24px", mr: "8px", children: /* @__PURE__ */ t(_9, { fontSize: "24px" }) }),
               /* @__PURE__ */ r1(
                 i9,
@@ -6687,8 +6688,8 @@ const A2 = {
                       /* @__PURE__ */ t(k1, { textAlign: "left", children: i && /* @__PURE__ */ t(k1, { mt: "4px", children: i }) })
                     ] }),
                     /* @__PURE__ */ r1(y1, { alignItems: "center", ml: "auto", children: [
-                      g && /* @__PURE__ */ t(k1, { onClick: (u) => u.stopPropagation(), children: g }),
-                      /* @__PURE__ */ t(W7.div, { animate: { rotateX: h ? 180 : 0 }, children: /* @__PURE__ */ t(n5, { boxSize: "28px", ml: "16px", children: /* @__PURE__ */ t(q7, { fontSize: "28px" }) }) })
+                      g && /* @__PURE__ */ t(k1, { onClick: (a) => a.stopPropagation(), children: g }),
+                      /* @__PURE__ */ t(W7.div, { animate: { rotateX: u ? 180 : 0 }, children: /* @__PURE__ */ t(n5, { boxSize: "28px", ml: "16px", children: /* @__PURE__ */ t(q7, { fontSize: "28px" }) }) })
                     ] })
                   ]
                 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mainstack-design-system",
-  "version": "0.7.35",
+  "version": "0.7.36",
   "type": "module",
   "main": "build/mainstack-design-system.js",
   "types": "build/index.d.ts",