@helpwave/hightide 0.1.1 → 0.1.3

package/dist/coloring/shading.js

@@ -76,6 +76,7 @@ var Expandable = forwardRef(({
   icon,
   initialExpansion = false,
   clickOnlyOnHeader = true,
+  disabled = false,
   className = "",
   headerClassName = ""
 }, ref) => {
@@ -85,21 +86,29 @@ var Expandable = forwardRef(({
     "div",
     {
       ref,
-      className: clsx5("col bg-surface text-on-surface group rounded-lg shadow-sm", { "cursor-pointer": !clickOnlyOnHeader }, className),
-      onClick: () => !clickOnlyOnHeader && setIsExpanded(!isExpanded),
+      className: clsx5("col gap-y-0 bg-surface text-on-surface group rounded-lg shadow-sm", { "cursor-pointer": !clickOnlyOnHeader && !disabled }, className),
+      onClick: () => !clickOnlyOnHeader && !disabled && setIsExpanded(!isExpanded),
       children: [
         /* @__PURE__ */ jsxs4(
-          "button",
+          "div",
           {
-            className: clsx5("btn-md rounded-lg justify-between items-center bg-surface text-on-surface", { "group-hover:brightness-95": !isExpanded }, headerClassName),
-            onClick: () => clickOnlyOnHeader && setIsExpanded(!isExpanded),
+            className: clsx5(
+              "row py-2 px-4 rounded-lg justify-between items-center bg-surface text-on-surface select-none",
+              {
+                "group-hover:brightness-95": !isExpanded,
+                "hover:brightness-95": isExpanded && !disabled,
+                "cursor-pointer": clickOnlyOnHeader && !disabled
+              },
+              headerClassName
+            ),
+            onClick: () => clickOnlyOnHeader && !disabled && setIsExpanded(!isExpanded),
             children: [
               label,
               icon(isExpanded)
             ]
           }
         ),
-        isExpanded && /* @__PURE__ */ jsx6("div", { className: "col", children })
+        isExpanded && /* @__PURE__ */ jsx6("div", { className: "col px-4 pb-2", children })
       ]
     }
   );