@helpwave/hightide 0.1.1 → 0.1.2

package/dist/coloring/shading.cjs

@@ -110,6 +110,7 @@ var Expandable = (0, import_react3.forwardRef)(({
   icon,
   initialExpansion = false,
   clickOnlyOnHeader = true,
+  disabled = false,
   className = "",
   headerClassName = ""
 }, ref) => {
@@ -119,21 +120,29 @@ var Expandable = (0, import_react3.forwardRef)(({
     "div",
     {
       ref,
-      className: (0, import_clsx5.default)("col bg-surface text-on-surface group rounded-lg shadow-sm", { "cursor-pointer": !clickOnlyOnHeader }, className),
-      onClick: () => !clickOnlyOnHeader && setIsExpanded(!isExpanded),
+      className: (0, import_clsx5.default)("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__ */ (0, import_jsx_runtime6.jsxs)(
-          "button",
+          "div",
           {
-            className: (0, import_clsx5.default)("btn-md rounded-lg justify-between items-center bg-surface text-on-surface", { "group-hover:brightness-95": !isExpanded }, headerClassName),
-            onClick: () => clickOnlyOnHeader && setIsExpanded(!isExpanded),
+            className: (0, import_clsx5.default)(
+              "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__ */ (0, import_jsx_runtime6.jsx)("div", { className: "col", children })
+        isExpanded && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "col px-4 pb-2", children })
       ]
     }
   );