@helpwave/hightide 0.1.0 → 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 })
       ]
     }
   );
@@ -160,92 +169,98 @@ var import_react_custom_scrollbars_22 = require("react-custom-scrollbars-2");
 var import_clsx9 = __toESM(require("clsx"), 1);
 var import_jsx_runtime11 = require("react/jsx-runtime");
 
-// src/components/icons-and-geometry/Avatar.tsx
-var import_image2 = __toESM(require("next/image"), 1);
-var import_clsx10 = __toESM(require("clsx"), 1);
-var import_jsx_runtime12 = require("react/jsx-runtime");
+// src/components/dialogs/ConfirmDialog.tsx
+var import_clsx12 = __toESM(require("clsx"), 1);
 
-// src/components/icons-and-geometry/Circle.tsx
+// src/components/layout-and-navigation/Overlay.tsx
+var import_react9 = require("react");
+var import_react_dom = __toESM(require("react-dom"), 1);
 var import_clsx11 = __toESM(require("clsx"), 1);
-var import_jsx_runtime13 = require("react/jsx-runtime");
 
-// src/components/icons-and-geometry/Ring.tsx
+// src/hooks/useHoverState.ts
 var import_react8 = require("react");
-var import_clsx12 = __toESM(require("clsx"), 1);
+
+// src/components/user-action/Tooltip.tsx
+var import_clsx10 = require("clsx");
+var import_jsx_runtime12 = require("react/jsx-runtime");
+
+// src/components/layout-and-navigation/Overlay.tsx
+var import_lucide_react3 = require("lucide-react");
+var import_jsx_runtime13 = require("react/jsx-runtime");
+
+// src/components/dialogs/ConfirmDialog.tsx
 var import_jsx_runtime14 = require("react/jsx-runtime");
 
-// src/components/icons-and-geometry/Tag.tsx
-var import_image3 = __toESM(require("next/image"), 1);
+// src/components/icons-and-geometry/Avatar.tsx
+var import_image2 = __toESM(require("next/image"), 1);
+var import_clsx13 = __toESM(require("clsx"), 1);
 var import_jsx_runtime15 = require("react/jsx-runtime");
 
-// src/components/layout-and-navigation/BreadCrumb.tsx
-var import_link = __toESM(require("next/link"), 1);
-var import_clsx13 = __toESM(require("clsx"), 1);
+// src/components/icons-and-geometry/Circle.tsx
+var import_clsx14 = __toESM(require("clsx"), 1);
 var import_jsx_runtime16 = require("react/jsx-runtime");
 
-// src/components/layout-and-navigation/Carousel.tsx
-var import_react9 = require("react");
-var import_clsx14 = __toESM(require("clsx"), 1);
-var import_lucide_react3 = require("lucide-react");
+// src/components/icons-and-geometry/Ring.tsx
+var import_react10 = require("react");
+var import_clsx15 = __toESM(require("clsx"), 1);
 var import_jsx_runtime17 = require("react/jsx-runtime");
 
-// src/components/layout-and-navigation/Chip.tsx
-var import_clsx15 = __toESM(require("clsx"), 1);
+// src/components/icons-and-geometry/Tag.tsx
+var import_image3 = __toESM(require("next/image"), 1);
 var import_jsx_runtime18 = require("react/jsx-runtime");
 
-// src/components/layout-and-navigation/DividerInserter.tsx
+// src/components/layout-and-navigation/BreadCrumb.tsx
+var import_link = __toESM(require("next/link"), 1);
 var import_clsx16 = __toESM(require("clsx"), 1);
 var import_jsx_runtime19 = require("react/jsx-runtime");
 
-// src/components/layout-and-navigation/FAQSection.tsx
+// src/components/layout-and-navigation/Carousel.tsx
+var import_react11 = require("react");
 var import_clsx17 = __toESM(require("clsx"), 1);
 var import_lucide_react4 = require("lucide-react");
-
-// src/components/layout-and-navigation/MarkdownInterpreter.tsx
 var import_jsx_runtime20 = require("react/jsx-runtime");
 
-// src/components/layout-and-navigation/FAQSection.tsx
+// src/components/layout-and-navigation/Chip.tsx
+var import_clsx18 = __toESM(require("clsx"), 1);
 var import_jsx_runtime21 = require("react/jsx-runtime");
 
-// src/components/layout-and-navigation/Overlay.tsx
-var import_react11 = require("react");
-var import_react_dom = __toESM(require("react-dom"), 1);
+// src/components/layout-and-navigation/DividerInserter.tsx
 var import_clsx19 = __toESM(require("clsx"), 1);
-
-// src/hooks/useHoverState.ts
-var import_react10 = require("react");
-
-// src/components/user-action/Tooltip.tsx
-var import_clsx18 = require("clsx");
 var import_jsx_runtime22 = require("react/jsx-runtime");
 
-// src/components/layout-and-navigation/Overlay.tsx
+// src/components/layout-and-navigation/FAQSection.tsx
+var import_clsx20 = __toESM(require("clsx"), 1);
 var import_lucide_react5 = require("lucide-react");
+
+// src/components/layout-and-navigation/MarkdownInterpreter.tsx
 var import_jsx_runtime23 = require("react/jsx-runtime");
 
+// src/components/layout-and-navigation/FAQSection.tsx
+var import_jsx_runtime24 = require("react/jsx-runtime");
+
 // src/components/layout-and-navigation/Pagination.tsx
 var import_lucide_react6 = require("lucide-react");
-var import_clsx20 = __toESM(require("clsx"), 1);
-var import_jsx_runtime24 = require("react/jsx-runtime");
+var import_clsx21 = __toESM(require("clsx"), 1);
+var import_jsx_runtime25 = require("react/jsx-runtime");
 
 // src/components/layout-and-navigation/SearchableList.tsx
 var import_react14 = require("react");
 var import_lucide_react7 = require("lucide-react");
-var import_clsx23 = __toESM(require("clsx"), 1);
+var import_clsx24 = __toESM(require("clsx"), 1);
 
 // src/components/user-action/Input.tsx
 var import_react13 = require("react");
-var import_clsx22 = __toESM(require("clsx"), 1);
+var import_clsx23 = __toESM(require("clsx"), 1);
 
 // src/hooks/useSaveDelay.ts
 var import_react12 = require("react");
 
 // src/components/user-action/Label.tsx
-var import_clsx21 = __toESM(require("clsx"), 1);
-var import_jsx_runtime25 = require("react/jsx-runtime");
+var import_clsx22 = __toESM(require("clsx"), 1);
+var import_jsx_runtime26 = require("react/jsx-runtime");
 
 // src/components/user-action/Input.tsx
-var import_jsx_runtime26 = require("react/jsx-runtime");
+var import_jsx_runtime27 = require("react/jsx-runtime");
 var FormInput = (0, import_react13.forwardRef)(function FormInput2({
   id,
   labelText,
@@ -257,13 +272,13 @@ var FormInput = (0, import_react13.forwardRef)(function FormInput2({
   required,
   ...restProps
 }, ref) {
-  const input = /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+  const input = /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
     "input",
     {
       ref,
       id,
       ...restProps,
-      className: (0, import_clsx22.default)(
+      className: (0, import_clsx23.default)(
         {
           "focus:border-primary focus:ring-primary": !errorText,
           "focus:border-negative focus:ring-negative text-negative": !!errorText
@@ -272,23 +287,23 @@ var FormInput = (0, import_react13.forwardRef)(function FormInput2({
       )
     }
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: (0, import_clsx22.default)("flex flex-col gap-y-1", containerClassName), children: [
-    labelText && /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("label", { htmlFor: id, className: (0, import_clsx22.default)("textstyle-label-md", labelClassName), children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: (0, import_clsx23.default)("flex flex-col gap-y-1", containerClassName), children: [
+    labelText && /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("label", { htmlFor: id, className: (0, import_clsx23.default)("textstyle-label-md", labelClassName), children: [
       labelText,
-      required && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "text-primary font-bold", children: "*" })
+      required && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: "text-primary font-bold", children: "*" })
     ] }),
     input,
-    errorText && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("label", { htmlFor: id, className: (0, import_clsx22.default)("text-negative", errorClassName), children: errorText })
+    errorText && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("label", { htmlFor: id, className: (0, import_clsx23.default)("text-negative", errorClassName), children: errorText })
   ] });
 });
 
 // src/components/layout-and-navigation/SearchableList.tsx
-var import_jsx_runtime27 = require("react/jsx-runtime");
+var import_jsx_runtime28 = require("react/jsx-runtime");
 
 // src/components/layout-and-navigation/StepperBar.tsx
 var import_lucide_react8 = require("lucide-react");
-var import_clsx24 = __toESM(require("clsx"), 1);
-var import_jsx_runtime28 = require("react/jsx-runtime");
+var import_clsx25 = __toESM(require("clsx"), 1);
+var import_jsx_runtime29 = require("react/jsx-runtime");
 
 // src/components/layout-and-navigation/Table.tsx
 var import_react16 = require("react");
@@ -298,62 +313,62 @@ var import_react_custom_scrollbars_23 = require("react-custom-scrollbars-2");
 var import_react15 = require("react");
 var CheckboxPrimitive = __toESM(require("@radix-ui/react-checkbox"), 1);
 var import_lucide_react9 = require("lucide-react");
-var import_clsx25 = __toESM(require("clsx"), 1);
-var import_jsx_runtime29 = require("react/jsx-runtime");
-
-// src/components/layout-and-navigation/Table.tsx
 var import_clsx26 = __toESM(require("clsx"), 1);
-var import_lucide_react10 = require("lucide-react");
 var import_jsx_runtime30 = require("react/jsx-runtime");
 
-// src/components/layout-and-navigation/TextImage.tsx
+// src/components/layout-and-navigation/Table.tsx
 var import_clsx27 = __toESM(require("clsx"), 1);
+var import_lucide_react10 = require("lucide-react");
 var import_jsx_runtime31 = require("react/jsx-runtime");
 
-// src/components/layout-and-navigation/VerticalDivider.tsx
+// src/components/layout-and-navigation/TextImage.tsx
+var import_clsx28 = __toESM(require("clsx"), 1);
 var import_jsx_runtime32 = require("react/jsx-runtime");
 
+// src/components/layout-and-navigation/VerticalDivider.tsx
+var import_jsx_runtime33 = require("react/jsx-runtime");
+
 // src/components/loading-states/ErrorComponent.tsx
 var import_lucide_react11 = require("lucide-react");
-var import_clsx28 = __toESM(require("clsx"), 1);
-var import_jsx_runtime33 = require("react/jsx-runtime");
+var import_clsx29 = __toESM(require("clsx"), 1);
+var import_jsx_runtime34 = require("react/jsx-runtime");
 
 // src/components/loading-states/LoadingAndErrorComponent.tsx
 var import_react17 = require("react");
 
 // src/components/loading-states/LoadingAnimation.tsx
-var import_clsx29 = __toESM(require("clsx"), 1);
-var import_jsx_runtime34 = require("react/jsx-runtime");
-
-// src/components/loading-states/LoadingAndErrorComponent.tsx
+var import_clsx30 = __toESM(require("clsx"), 1);
 var import_jsx_runtime35 = require("react/jsx-runtime");
 
-// src/components/loading-states/LoadingButton.tsx
-var import_clsx30 = __toESM(require("clsx"), 1);
+// src/components/loading-states/LoadingAndErrorComponent.tsx
 var import_jsx_runtime36 = require("react/jsx-runtime");
 
-// src/components/loading-states/ProgressIndicator.tsx
+// src/components/loading-states/LoadingButton.tsx
+var import_clsx31 = __toESM(require("clsx"), 1);
 var import_jsx_runtime37 = require("react/jsx-runtime");
 
-// src/components/modals/ConfirmDialog.tsx
-var import_clsx31 = __toESM(require("clsx"), 1);
+// src/components/loading-states/ProgressIndicator.tsx
 var import_jsx_runtime38 = require("react/jsx-runtime");
 
-// src/components/modals/DiscardChangesModal.tsx
+// src/components/modals/ConfirmModal.tsx
+var import_clsx32 = __toESM(require("clsx"), 1);
 var import_jsx_runtime39 = require("react/jsx-runtime");
 
-// src/components/modals/InputModal.tsx
+// src/components/modals/DiscardChangesModal.tsx
 var import_jsx_runtime40 = require("react/jsx-runtime");
 
+// src/components/modals/InputModal.tsx
+var import_jsx_runtime41 = require("react/jsx-runtime");
+
 // src/components/user-action/Select.tsx
 var import_react18 = require("@headlessui/react");
 var import_lucide_react12 = require("lucide-react");
 var import_react19 = require("react");
-var import_clsx32 = __toESM(require("clsx"), 1);
-var import_jsx_runtime41 = require("react/jsx-runtime");
+var import_clsx33 = __toESM(require("clsx"), 1);
+var import_jsx_runtime42 = require("react/jsx-runtime");
 
 // src/components/modals/LanguageModal.tsx
-var import_jsx_runtime42 = require("react/jsx-runtime");
+var import_jsx_runtime43 = require("react/jsx-runtime");
 var defaultLanguageModalTranslation = {
   en: {
     title: "Language",
@@ -371,7 +386,7 @@ var defaultLanguageModalTranslation = {
 
 // src/theming/useTheme.tsx
 var import_react20 = require("react");
-var import_jsx_runtime43 = require("react/jsx-runtime");
+var import_jsx_runtime44 = require("react/jsx-runtime");
 var themes = ["light", "dark"];
 var defaultThemeTypeTranslation = {
   en: {
@@ -393,7 +408,7 @@ var ThemeContext = (0, import_react20.createContext)({
 });
 
 // src/components/modals/ThemeModal.tsx
-var import_jsx_runtime44 = require("react/jsx-runtime");
+var import_jsx_runtime45 = require("react/jsx-runtime");
 var defaultConfirmDialogTranslation = {
   en: {
     title: "Theme",
@@ -414,78 +429,78 @@ var import_lucide_react14 = require("lucide-react");
 
 // src/components/properties/PropertyBase.tsx
 var import_lucide_react13 = require("lucide-react");
-var import_clsx33 = __toESM(require("clsx"), 1);
-var import_jsx_runtime45 = require("react/jsx-runtime");
+var import_clsx34 = __toESM(require("clsx"), 1);
+var import_jsx_runtime46 = require("react/jsx-runtime");
 
 // src/components/properties/CheckboxProperty.tsx
-var import_jsx_runtime46 = require("react/jsx-runtime");
+var import_jsx_runtime47 = require("react/jsx-runtime");
 
 // src/components/properties/DateProperty.tsx
 var import_lucide_react15 = require("lucide-react");
-var import_clsx34 = __toESM(require("clsx"), 1);
-var import_jsx_runtime47 = require("react/jsx-runtime");
+var import_clsx35 = __toESM(require("clsx"), 1);
+var import_jsx_runtime48 = require("react/jsx-runtime");
 
 // src/components/properties/MultiSelectProperty.tsx
 var import_lucide_react17 = require("lucide-react");
-var import_clsx37 = __toESM(require("clsx"), 1);
+var import_clsx38 = __toESM(require("clsx"), 1);
 
 // src/components/user-action/MultiSelect.tsx
 var import_react23 = require("react");
 var import_lucide_react16 = require("lucide-react");
-var import_clsx36 = __toESM(require("clsx"), 1);
+var import_clsx37 = __toESM(require("clsx"), 1);
 
 // src/components/user-action/Menu.tsx
 var import_react22 = require("react");
-var import_clsx35 = __toESM(require("clsx"), 1);
+var import_clsx36 = __toESM(require("clsx"), 1);
 
 // src/hooks/useOutsideClick.ts
 var import_react21 = require("react");
 
 // src/components/user-action/Menu.tsx
-var import_jsx_runtime48 = require("react/jsx-runtime");
+var import_jsx_runtime49 = require("react/jsx-runtime");
 
 // src/components/user-action/MultiSelect.tsx
-var import_jsx_runtime49 = require("react/jsx-runtime");
+var import_jsx_runtime50 = require("react/jsx-runtime");
 
 // src/components/properties/MultiSelectProperty.tsx
-var import_jsx_runtime50 = require("react/jsx-runtime");
+var import_jsx_runtime51 = require("react/jsx-runtime");
 
 // src/components/properties/NumberProperty.tsx
 var import_lucide_react18 = require("lucide-react");
-var import_clsx38 = __toESM(require("clsx"), 1);
-var import_jsx_runtime51 = require("react/jsx-runtime");
+var import_clsx39 = __toESM(require("clsx"), 1);
+var import_jsx_runtime52 = require("react/jsx-runtime");
 
 // src/components/properties/SelectProperty.tsx
 var import_lucide_react19 = require("lucide-react");
-var import_clsx39 = __toESM(require("clsx"), 1);
-var import_jsx_runtime52 = require("react/jsx-runtime");
+var import_clsx40 = __toESM(require("clsx"), 1);
+var import_jsx_runtime53 = require("react/jsx-runtime");
 
 // src/components/properties/TextProperty.tsx
 var import_lucide_react20 = require("lucide-react");
-var import_clsx41 = __toESM(require("clsx"), 1);
+var import_clsx42 = __toESM(require("clsx"), 1);
 
 // src/components/user-action/Textarea.tsx
 var import_react24 = require("react");
-var import_clsx40 = __toESM(require("clsx"), 1);
-var import_jsx_runtime53 = require("react/jsx-runtime");
+var import_clsx41 = __toESM(require("clsx"), 1);
+var import_jsx_runtime54 = require("react/jsx-runtime");
 
 // src/components/properties/TextProperty.tsx
-var import_jsx_runtime54 = require("react/jsx-runtime");
+var import_jsx_runtime55 = require("react/jsx-runtime");
 
 // src/components/user-action/DateAndTimePicker.tsx
-var import_clsx42 = __toESM(require("clsx"), 1);
-var import_jsx_runtime55 = require("react/jsx-runtime");
+var import_clsx43 = __toESM(require("clsx"), 1);
+var import_jsx_runtime56 = require("react/jsx-runtime");
 
 // src/components/user-action/ScrollPicker.tsx
 var import_react25 = require("react");
-var import_clsx43 = __toESM(require("clsx"), 1);
-var import_jsx_runtime56 = require("react/jsx-runtime");
+var import_clsx44 = __toESM(require("clsx"), 1);
+var import_jsx_runtime57 = require("react/jsx-runtime");
 
 // src/components/user-action/ToggleableInput.tsx
 var import_react26 = require("react");
 var import_lucide_react21 = require("lucide-react");
-var import_clsx44 = __toESM(require("clsx"), 1);
-var import_jsx_runtime57 = require("react/jsx-runtime");
+var import_clsx45 = __toESM(require("clsx"), 1);
+var import_jsx_runtime58 = require("react/jsx-runtime");
 
 // src/util/news.ts
 var import_zod = require("zod");