@helpwave/hightide 0.1.0 → 0.1.2

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 })
       ]
     }
   );
@@ -126,92 +135,98 @@ import { Scrollbars as Scrollbars2 } from "react-custom-scrollbars-2";
 import clsx9 from "clsx";
 import { jsx as jsx11, jsxs as jsxs7 } from "react/jsx-runtime";
 
+// src/components/dialogs/ConfirmDialog.tsx
+import clsx12 from "clsx";
+
+// src/components/layout-and-navigation/Overlay.tsx
+import { useEffect as useEffect8, useRef as useRef3, useState as useState9 } from "react";
+import ReactDOM from "react-dom";
+import clsx11 from "clsx";
+
+// src/hooks/useHoverState.ts
+import { useEffect as useEffect7, useState as useState8 } from "react";
+
+// src/components/user-action/Tooltip.tsx
+import { clsx as clsx10 } from "clsx";
+import { jsx as jsx12, jsxs as jsxs8 } from "react/jsx-runtime";
+
+// src/components/layout-and-navigation/Overlay.tsx
+import { X } from "lucide-react";
+import { jsx as jsx13, jsxs as jsxs9 } from "react/jsx-runtime";
+
+// src/components/dialogs/ConfirmDialog.tsx
+import { jsx as jsx14, jsxs as jsxs10 } from "react/jsx-runtime";
+
 // src/components/icons-and-geometry/Avatar.tsx
 import Image2 from "next/image";
-import clsx10 from "clsx";
-import { jsx as jsx12, jsxs as jsxs8 } from "react/jsx-runtime";
+import clsx13 from "clsx";
+import { jsx as jsx15, jsxs as jsxs11 } from "react/jsx-runtime";
 
 // src/components/icons-and-geometry/Circle.tsx
-import clsx11 from "clsx";
-import { jsx as jsx13 } from "react/jsx-runtime";
+import clsx14 from "clsx";
+import { jsx as jsx16 } from "react/jsx-runtime";
 
 // src/components/icons-and-geometry/Ring.tsx
-import { useCallback as useCallback2, useEffect as useEffect7, useState as useState8 } from "react";
-import clsx12 from "clsx";
-import { jsx as jsx14, jsxs as jsxs9 } from "react/jsx-runtime";
+import { useCallback as useCallback2, useEffect as useEffect9, useState as useState10 } from "react";
+import clsx15 from "clsx";
+import { jsx as jsx17, jsxs as jsxs12 } from "react/jsx-runtime";
 
 // src/components/icons-and-geometry/Tag.tsx
 import Image3 from "next/image";
-import { jsx as jsx15 } from "react/jsx-runtime";
+import { jsx as jsx18 } from "react/jsx-runtime";
 
 // src/components/layout-and-navigation/BreadCrumb.tsx
 import Link from "next/link";
-import clsx13 from "clsx";
-import { jsx as jsx16, jsxs as jsxs10 } from "react/jsx-runtime";
+import clsx16 from "clsx";
+import { jsx as jsx19, jsxs as jsxs13 } from "react/jsx-runtime";
 
 // src/components/layout-and-navigation/Carousel.tsx
-import { useCallback as useCallback3, useEffect as useEffect8, useMemo, useRef as useRef3, useState as useState9 } from "react";
-import clsx14 from "clsx";
+import { useCallback as useCallback3, useEffect as useEffect10, useMemo, useRef as useRef4, useState as useState11 } from "react";
+import clsx17 from "clsx";
 import { ChevronLeft, ChevronRight } from "lucide-react";
-import { Fragment, jsx as jsx17, jsxs as jsxs11 } from "react/jsx-runtime";
+import { Fragment, jsx as jsx20, jsxs as jsxs14 } from "react/jsx-runtime";
 
 // src/components/layout-and-navigation/Chip.tsx
-import clsx15 from "clsx";
-import { jsx as jsx18, jsxs as jsxs12 } from "react/jsx-runtime";
+import clsx18 from "clsx";
+import { jsx as jsx21, jsxs as jsxs15 } from "react/jsx-runtime";
 
 // src/components/layout-and-navigation/DividerInserter.tsx
-import clsx16 from "clsx";
-import { jsx as jsx19 } from "react/jsx-runtime";
+import clsx19 from "clsx";
+import { jsx as jsx22 } from "react/jsx-runtime";
 
 // src/components/layout-and-navigation/FAQSection.tsx
-import clsx17 from "clsx";
+import clsx20 from "clsx";
 import { ChevronDown as ChevronDown3, ChevronUp as ChevronUp2 } from "lucide-react";
 
 // src/components/layout-and-navigation/MarkdownInterpreter.tsx
-import { Fragment as Fragment2, jsx as jsx20 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx23 } from "react/jsx-runtime";
 
 // src/components/layout-and-navigation/FAQSection.tsx
-import { jsx as jsx21 } from "react/jsx-runtime";
-
-// src/components/layout-and-navigation/Overlay.tsx
-import { useEffect as useEffect10, useRef as useRef4, useState as useState11 } from "react";
-import ReactDOM from "react-dom";
-import clsx19 from "clsx";
-
-// src/hooks/useHoverState.ts
-import { useEffect as useEffect9, useState as useState10 } from "react";
-
-// src/components/user-action/Tooltip.tsx
-import { clsx as clsx18 } from "clsx";
-import { jsx as jsx22, jsxs as jsxs13 } from "react/jsx-runtime";
-
-// src/components/layout-and-navigation/Overlay.tsx
-import { X } from "lucide-react";
-import { jsx as jsx23, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx24 } from "react/jsx-runtime";
 
 // src/components/layout-and-navigation/Pagination.tsx
 import { ChevronFirst, ChevronLast, ChevronLeft as ChevronLeft2, ChevronRight as ChevronRight2 } from "lucide-react";
-import clsx20 from "clsx";
-import { jsx as jsx24, jsxs as jsxs15 } from "react/jsx-runtime";
+import clsx21 from "clsx";
+import { jsx as jsx25, jsxs as jsxs16 } from "react/jsx-runtime";
 
 // src/components/layout-and-navigation/SearchableList.tsx
 import { useEffect as useEffect13, useMemo as useMemo2, useState as useState14 } from "react";
 import { Search } from "lucide-react";
-import clsx23 from "clsx";
+import clsx24 from "clsx";
 
 // src/components/user-action/Input.tsx
 import { forwardRef as forwardRef2, useEffect as useEffect12, useRef as useRef5, useState as useState13 } from "react";
-import clsx22 from "clsx";
+import clsx23 from "clsx";
 
 // src/hooks/useSaveDelay.ts
 import { useEffect as useEffect11, useState as useState12 } from "react";
 
 // src/components/user-action/Label.tsx
-import clsx21 from "clsx";
-import { jsx as jsx25 } from "react/jsx-runtime";
+import clsx22 from "clsx";
+import { jsx as jsx26 } from "react/jsx-runtime";
 
 // src/components/user-action/Input.tsx
-import { jsx as jsx26, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx27, jsxs as jsxs17 } from "react/jsx-runtime";
 var FormInput = forwardRef2(function FormInput2({
   id,
   labelText,
@@ -223,13 +238,13 @@ var FormInput = forwardRef2(function FormInput2({
   required,
   ...restProps
 }, ref) {
-  const input = /* @__PURE__ */ jsx26(
+  const input = /* @__PURE__ */ jsx27(
     "input",
     {
       ref,
       id,
       ...restProps,
-      className: clsx22(
+      className: clsx23(
         {
           "focus:border-primary focus:ring-primary": !errorText,
           "focus:border-negative focus:ring-negative text-negative": !!errorText
@@ -238,23 +253,23 @@ var FormInput = forwardRef2(function FormInput2({
       )
     }
   );
-  return /* @__PURE__ */ jsxs16("div", { className: clsx22("flex flex-col gap-y-1", containerClassName), children: [
-    labelText && /* @__PURE__ */ jsxs16("label", { htmlFor: id, className: clsx22("textstyle-label-md", labelClassName), children: [
+  return /* @__PURE__ */ jsxs17("div", { className: clsx23("flex flex-col gap-y-1", containerClassName), children: [
+    labelText && /* @__PURE__ */ jsxs17("label", { htmlFor: id, className: clsx23("textstyle-label-md", labelClassName), children: [
       labelText,
-      required && /* @__PURE__ */ jsx26("span", { className: "text-primary font-bold", children: "*" })
+      required && /* @__PURE__ */ jsx27("span", { className: "text-primary font-bold", children: "*" })
     ] }),
     input,
-    errorText && /* @__PURE__ */ jsx26("label", { htmlFor: id, className: clsx22("text-negative", errorClassName), children: errorText })
+    errorText && /* @__PURE__ */ jsx27("label", { htmlFor: id, className: clsx23("text-negative", errorClassName), children: errorText })
   ] });
 });
 
 // src/components/layout-and-navigation/SearchableList.tsx
-import { jsx as jsx27, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx28, jsxs as jsxs18 } from "react/jsx-runtime";
 
 // src/components/layout-and-navigation/StepperBar.tsx
 import { Check, ChevronLeft as ChevronLeft3, ChevronRight as ChevronRight3 } from "lucide-react";
-import clsx24 from "clsx";
-import { jsx as jsx28, jsxs as jsxs18 } from "react/jsx-runtime";
+import clsx25 from "clsx";
+import { jsx as jsx29, jsxs as jsxs19 } from "react/jsx-runtime";
 
 // src/components/layout-and-navigation/Table.tsx
 import { useEffect as useEffect14, useRef as useRef6, useState as useState16 } from "react";
@@ -264,62 +279,62 @@ import { Scrollbars as Scrollbars3 } from "react-custom-scrollbars-2";
 import { useState as useState15 } from "react";
 import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
 import { Check as Check2, Minus } from "lucide-react";
-import clsx25 from "clsx";
-import { jsx as jsx29, jsxs as jsxs19 } from "react/jsx-runtime";
-
-// src/components/layout-and-navigation/Table.tsx
 import clsx26 from "clsx";
-import { ChevronDown as ChevronDown4, ChevronsUpDown, ChevronUp as ChevronUp3 } from "lucide-react";
 import { jsx as jsx30, jsxs as jsxs20 } from "react/jsx-runtime";
 
-// src/components/layout-and-navigation/TextImage.tsx
+// src/components/layout-and-navigation/Table.tsx
 import clsx27 from "clsx";
+import { ChevronDown as ChevronDown4, ChevronsUpDown, ChevronUp as ChevronUp3 } from "lucide-react";
 import { jsx as jsx31, jsxs as jsxs21 } from "react/jsx-runtime";
 
-// src/components/layout-and-navigation/VerticalDivider.tsx
+// src/components/layout-and-navigation/TextImage.tsx
+import clsx28 from "clsx";
 import { jsx as jsx32, jsxs as jsxs22 } from "react/jsx-runtime";
 
+// src/components/layout-and-navigation/VerticalDivider.tsx
+import { jsx as jsx33, jsxs as jsxs23 } from "react/jsx-runtime";
+
 // src/components/loading-states/ErrorComponent.tsx
 import { AlertOctagon } from "lucide-react";
-import clsx28 from "clsx";
-import { jsx as jsx33, jsxs as jsxs23 } from "react/jsx-runtime";
+import clsx29 from "clsx";
+import { jsx as jsx34, jsxs as jsxs24 } from "react/jsx-runtime";
 
 // src/components/loading-states/LoadingAndErrorComponent.tsx
 import { useState as useState17 } from "react";
 
 // src/components/loading-states/LoadingAnimation.tsx
-import clsx29 from "clsx";
-import { jsx as jsx34, jsxs as jsxs24 } from "react/jsx-runtime";
+import clsx30 from "clsx";
+import { jsx as jsx35, jsxs as jsxs25 } from "react/jsx-runtime";
 
 // src/components/loading-states/LoadingAndErrorComponent.tsx
-import { jsx as jsx35 } from "react/jsx-runtime";
+import { jsx as jsx36 } from "react/jsx-runtime";
 
 // src/components/loading-states/LoadingButton.tsx
-import clsx30 from "clsx";
-import { jsx as jsx36, jsxs as jsxs25 } from "react/jsx-runtime";
-
-// src/components/loading-states/ProgressIndicator.tsx
+import clsx31 from "clsx";
 import { jsx as jsx37, jsxs as jsxs26 } from "react/jsx-runtime";
 
-// src/components/modals/ConfirmDialog.tsx
-import clsx31 from "clsx";
+// src/components/loading-states/ProgressIndicator.tsx
 import { jsx as jsx38, jsxs as jsxs27 } from "react/jsx-runtime";
 
-// src/components/modals/DiscardChangesModal.tsx
+// src/components/modals/ConfirmModal.tsx
+import clsx32 from "clsx";
 import { jsx as jsx39, jsxs as jsxs28 } from "react/jsx-runtime";
 
-// src/components/modals/InputModal.tsx
+// src/components/modals/DiscardChangesModal.tsx
 import { jsx as jsx40 } from "react/jsx-runtime";
 
+// src/components/modals/InputModal.tsx
+import { jsx as jsx41 } from "react/jsx-runtime";
+
 // src/components/user-action/Select.tsx
 import { Menu } from "@headlessui/react";
 import { ChevronDown as ChevronDown5, ChevronUp as ChevronUp4, Search as Search2 } from "lucide-react";
 import { useEffect as useEffect15, useState as useState18 } from "react";
-import clsx32 from "clsx";
-import { Fragment as Fragment3, jsx as jsx41, jsxs as jsxs29 } from "react/jsx-runtime";
+import clsx33 from "clsx";
+import { Fragment as Fragment3, jsx as jsx42, jsxs as jsxs29 } from "react/jsx-runtime";
 
 // src/components/modals/LanguageModal.tsx
-import { jsx as jsx42, jsxs as jsxs30 } from "react/jsx-runtime";
+import { jsx as jsx43, jsxs as jsxs30 } from "react/jsx-runtime";
 var defaultLanguageModalTranslation = {
   en: {
     title: "Language",
@@ -337,7 +352,7 @@ var defaultLanguageModalTranslation = {
 
 // src/theming/useTheme.tsx
 import { createContext as createContext2, useContext as useContext2, useEffect as useEffect16, useState as useState19 } from "react";
-import { jsx as jsx43 } from "react/jsx-runtime";
+import { jsx as jsx44 } from "react/jsx-runtime";
 var themes = ["light", "dark"];
 var defaultThemeTypeTranslation = {
   en: {
@@ -359,7 +374,7 @@ var ThemeContext = createContext2({
 });
 
 // src/components/modals/ThemeModal.tsx
-import { jsx as jsx44, jsxs as jsxs31 } from "react/jsx-runtime";
+import { jsx as jsx45, jsxs as jsxs31 } from "react/jsx-runtime";
 var defaultConfirmDialogTranslation = {
   en: {
     title: "Theme",
@@ -380,78 +395,78 @@ import { Check as Check3 } from "lucide-react";
 
 // src/components/properties/PropertyBase.tsx
 import { AlertTriangle } from "lucide-react";
-import clsx33 from "clsx";
-import { jsx as jsx45, jsxs as jsxs32 } from "react/jsx-runtime";
+import clsx34 from "clsx";
+import { jsx as jsx46, jsxs as jsxs32 } from "react/jsx-runtime";
 
 // src/components/properties/CheckboxProperty.tsx
-import { jsx as jsx46 } from "react/jsx-runtime";
+import { jsx as jsx47 } from "react/jsx-runtime";
 
 // src/components/properties/DateProperty.tsx
 import { CalendarDays } from "lucide-react";
-import clsx34 from "clsx";
-import { jsx as jsx47 } from "react/jsx-runtime";
+import clsx35 from "clsx";
+import { jsx as jsx48 } from "react/jsx-runtime";
 
 // src/components/properties/MultiSelectProperty.tsx
 import { List } from "lucide-react";
-import clsx37 from "clsx";
+import clsx38 from "clsx";
 
 // src/components/user-action/MultiSelect.tsx
 import { useState as useState20 } from "react";
 import { Search as Search3 } from "lucide-react";
-import clsx36 from "clsx";
+import clsx37 from "clsx";
 
 // src/components/user-action/Menu.tsx
 import { useRef as useRef7 } from "react";
-import clsx35 from "clsx";
+import clsx36 from "clsx";
 
 // src/hooks/useOutsideClick.ts
 import { useEffect as useEffect17 } from "react";
 
 // src/components/user-action/Menu.tsx
-import { jsx as jsx48, jsxs as jsxs33 } from "react/jsx-runtime";
+import { jsx as jsx49, jsxs as jsxs33 } from "react/jsx-runtime";
 
 // src/components/user-action/MultiSelect.tsx
-import { jsx as jsx49, jsxs as jsxs34 } from "react/jsx-runtime";
+import { jsx as jsx50, jsxs as jsxs34 } from "react/jsx-runtime";
 
 // src/components/properties/MultiSelectProperty.tsx
-import { jsx as jsx50 } from "react/jsx-runtime";
+import { jsx as jsx51 } from "react/jsx-runtime";
 
 // src/components/properties/NumberProperty.tsx
 import { Binary } from "lucide-react";
-import clsx38 from "clsx";
-import { jsx as jsx51, jsxs as jsxs35 } from "react/jsx-runtime";
+import clsx39 from "clsx";
+import { jsx as jsx52, jsxs as jsxs35 } from "react/jsx-runtime";
 
 // src/components/properties/SelectProperty.tsx
 import { List as List2 } from "lucide-react";
-import clsx39 from "clsx";
-import { jsx as jsx52 } from "react/jsx-runtime";
+import clsx40 from "clsx";
+import { jsx as jsx53 } from "react/jsx-runtime";
 
 // src/components/properties/TextProperty.tsx
 import { Text } from "lucide-react";
-import clsx41 from "clsx";
+import clsx42 from "clsx";
 
 // src/components/user-action/Textarea.tsx
 import { useEffect as useEffect18, useState as useState21 } from "react";
-import clsx40 from "clsx";
-import { jsx as jsx53, jsxs as jsxs36 } from "react/jsx-runtime";
+import clsx41 from "clsx";
+import { jsx as jsx54, jsxs as jsxs36 } from "react/jsx-runtime";
 
 // src/components/properties/TextProperty.tsx
-import { jsx as jsx54 } from "react/jsx-runtime";
+import { jsx as jsx55 } from "react/jsx-runtime";
 
 // src/components/user-action/DateAndTimePicker.tsx
-import clsx42 from "clsx";
-import { jsx as jsx55, jsxs as jsxs37 } from "react/jsx-runtime";
+import clsx43 from "clsx";
+import { jsx as jsx56, jsxs as jsxs37 } from "react/jsx-runtime";
 
 // src/components/user-action/ScrollPicker.tsx
 import { useCallback as useCallback4, useEffect as useEffect19, useState as useState22 } from "react";
-import clsx43 from "clsx";
-import { jsx as jsx56, jsxs as jsxs38 } from "react/jsx-runtime";
+import clsx44 from "clsx";
+import { jsx as jsx57, jsxs as jsxs38 } from "react/jsx-runtime";
 
 // src/components/user-action/ToggleableInput.tsx
 import { useEffect as useEffect20, useRef as useRef8, useState as useState23 } from "react";
 import { Pencil } from "lucide-react";
-import clsx44 from "clsx";
-import { jsx as jsx57, jsxs as jsxs39 } from "react/jsx-runtime";
+import clsx45 from "clsx";
+import { jsx as jsx58, jsxs as jsxs39 } from "react/jsx-runtime";
 
 // src/util/news.ts
 import { z } from "zod";