@helpwave/hightide 0.1.1 → 0.1.3

package/dist/index.js

@@ -595,12 +595,12 @@ var SolidButton = ({
       onClick: disabled ? void 0 : onClick,
       disabled: disabled || onClick === void 0,
       className: clsx4(
-        className,
         {
-          "text-disabled-text bg-disabled-background": disabled,
+          "text-disabled-text bg-disabled-background cursor-not-allowed": disabled,
           [clsx4(colorClasses, "hover:brightness-90")]: !disabled
         },
-        ButtonUtil.paddingMapping[size]
+        ButtonUtil.paddingMapping[size],
+        className
       ),
       ...restProps,
       children: [
@@ -652,12 +652,12 @@ var OutlineButton = ({
       onClick: disabled ? void 0 : onClick,
       disabled: disabled || onClick === void 0,
       className: clsx4(
-        className,
         {
-          "text-disabled-text border-disabled-outline": disabled,
+          "text-disabled-text border-disabled-outline cursor-not-allowed": disabled,
           [clsx4(colorClasses, "hover:brightness-80")]: !disabled
         },
-        ButtonUtil.paddingMapping[size]
+        ButtonUtil.paddingMapping[size],
+        className
       ),
       ...restProps,
       children: [
@@ -713,12 +713,12 @@ var TextButton = ({
       onClick: disabled ? void 0 : onClick,
       disabled: disabled || onClick === void 0,
       className: clsx4(
-        className,
         {
-          "text-disabled-text": disabled,
+          "text-disabled-text cursor-not-allowed": disabled,
           [clsx4(colorClasses, "hover:bg-button-text-hover-background rounded-full")]: !disabled
         },
-        ButtonUtil.paddingMapping[size]
+        ButtonUtil.paddingMapping[size],
+        className
       ),
       ...restProps,
       children: [
@@ -771,12 +771,12 @@ var IconButton = ({
       onClick: disabled ? void 0 : onClick,
       disabled: disabled || onClick === void 0,
       className: clsx4(
-        className,
         {
-          "text-disabled-text bg-disabled-background": disabled,
+          "text-disabled-text bg-disabled-background cursor-not-allowed": disabled,
           [clsx4(colorClasses, "hover:brightness-90")]: !disabled
         },
-        ButtonUtil.iconPaddingMapping[size]
+        ButtonUtil.iconPaddingMapping[size],
+        className
       ),
       ...restProps,
       children
@@ -801,6 +801,7 @@ var Expandable = forwardRef(({
   icon,
   initialExpansion = false,
   clickOnlyOnHeader = true,
+  disabled = false,
   className = "",
   headerClassName = ""
 }, ref) => {
@@ -810,21 +811,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 })
       ]
     }
   );
@@ -2107,7 +2116,7 @@ import clsx16 from "clsx";
 import { jsx as jsx19, jsxs as jsxs13 } from "react/jsx-runtime";
 var BreadCrumb = ({ crumbs, linkClassName, containerClassName }) => {
   const color = "text-description";
-  return /* @__PURE__ */ jsx19("div", { className: clsx16("row", containerClassName), children: crumbs.map((crumb, index) => /* @__PURE__ */ jsxs13("div", { children: [
+  return /* @__PURE__ */ jsx19("div", { className: clsx16("row gap-x-0", containerClassName), children: crumbs.map((crumb, index) => /* @__PURE__ */ jsxs13("div", { children: [
     /* @__PURE__ */ jsx19(
       Link,
       {
@@ -2874,8 +2883,7 @@ var FAQSection = ({
       clickOnlyOnHeader: false,
       icon: (expanded) => expanded ? /* @__PURE__ */ jsx24(ChevronUp2, { size: chevronSize, className: "text-primary", style: { minWidth: `${chevronSize}px` } }) : /* @__PURE__ */ jsx24(ChevronDown3, { size: chevronSize, className: "text-primary" }),
       className: clsx20("rounded-xl", expandableClassName),
-      headerClassName: "px-6 py-4",
-      children: /* @__PURE__ */ jsx24("div", { className: "mt-2 px-6 pb-4", children: content.type === "markdown" ? /* @__PURE__ */ jsx24(MarkdownInterpreter, { text: content.value }) : content.value })
+      children: /* @__PURE__ */ jsx24("div", { className: "mt-2", children: content.type === "markdown" ? /* @__PURE__ */ jsx24(MarkdownInterpreter, { text: content.value }) : content.value })
     },
     id
   )) });
@@ -3970,7 +3978,7 @@ var InputModal = ({
   ...restProps
 }) => {
   return /* @__PURE__ */ jsx41(
-    ConfirmDialog,
+    ConfirmModal,
     {
       buttonOverwrites,
       ...restProps,