@helpwave/hightide 0.1.3 → 0.1.4

package/dist/coloring/shading.js

@@ -20,7 +20,7 @@ import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 import { jsx as jsx3 } from "react/jsx-runtime";
 
 // src/components/date/DatePicker.tsx
-import { useEffect as useEffect5, useState as useState6 } from "react";
+import { useEffect as useEffect6, useState as useState6 } from "react";
 import { ArrowDown, ArrowUp, ChevronDown as ChevronDown2 } from "lucide-react";
 
 // src/localization/LanguageProvider.tsx
@@ -60,34 +60,34 @@ import clsx4 from "clsx";
 import { jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
 
 // src/components/date/YearMonthPicker.tsx
-import { useEffect as useEffect3, useRef, useState as useState4 } from "react";
+import { useEffect as useEffect4, useRef, useState as useState4 } from "react";
 import { Scrollbars } from "react-custom-scrollbars-2";
 import clsx6 from "clsx";
 
 // src/components/layout-and-navigation/Expandable.tsx
-import { forwardRef, useState as useState3 } from "react";
+import { forwardRef, useEffect as useEffect3, useState as useState3 } from "react";
 import { ChevronDown, ChevronUp } from "lucide-react";
 import clsx5 from "clsx";
 import { jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
 var DefaultIcon = (expanded) => expanded ? /* @__PURE__ */ jsx6(ChevronUp, { size: 16, className: "min-w-[16px]" }) : /* @__PURE__ */ jsx6(ChevronDown, { size: 16, className: "min-w-[16px]" });
-var Expandable = forwardRef(({
+var Expandable = forwardRef(function Expandable2({
   children,
   label,
   icon,
-  initialExpansion = false,
+  isExpanded = false,
+  onChange = noop,
   clickOnlyOnHeader = true,
   disabled = false,
   className = "",
   headerClassName = ""
-}, ref) => {
-  const [isExpanded, setIsExpanded] = useState3(initialExpansion);
+}, ref) {
   icon ??= DefaultIcon;
   return /* @__PURE__ */ jsxs4(
     "div",
     {
       ref,
       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),
+      onClick: () => !clickOnlyOnHeader && !disabled && onChange(!isExpanded),
       children: [
         /* @__PURE__ */ jsxs4(
           "div",
@@ -101,7 +101,7 @@ var Expandable = forwardRef(({
               },
               headerClassName
             ),
-            onClick: () => clickOnlyOnHeader && !disabled && setIsExpanded(!isExpanded),
+            onClick: () => clickOnlyOnHeader && !disabled && onChange(!isExpanded),
             children: [
               label,
               icon(isExpanded)
@@ -113,14 +113,35 @@ var Expandable = forwardRef(({
     }
   );
 });
-Expandable.displayName = "Expandable";
+var ExpandableUncontrolled = forwardRef(function ExpandableUncontrolled2({
+  isExpanded,
+  onChange = noop,
+  ...props
+}, ref) {
+  const [usedIsExpanded, setUsedIsExpanded] = useState3(isExpanded);
+  useEffect3(() => {
+    setUsedIsExpanded(isExpanded);
+  }, [isExpanded]);
+  return /* @__PURE__ */ jsx6(
+    Expandable,
+    {
+      ...props,
+      ref,
+      isExpanded: usedIsExpanded,
+      onChange: (value) => {
+        onChange(value);
+        setUsedIsExpanded(value);
+      }
+    }
+  );
+});
 
 // src/components/date/YearMonthPicker.tsx
 import { jsx as jsx7 } from "react/jsx-runtime";
 
 // src/components/date/DayPicker.tsx
 import clsx7 from "clsx";
-import { useEffect as useEffect4, useState as useState5 } from "react";
+import { useEffect as useEffect5, useState as useState5 } from "react";
 import { jsx as jsx8, jsxs as jsxs5 } from "react/jsx-runtime";
 
 // src/components/date/DatePicker.tsx
@@ -130,7 +151,7 @@ import { jsx as jsx9, jsxs as jsxs6 } from "react/jsx-runtime";
 import { jsx as jsx10 } from "react/jsx-runtime";
 
 // src/components/date/TimePicker.tsx
-import { useEffect as useEffect6, useRef as useRef2, useState as useState7 } from "react";
+import { useEffect as useEffect7, useRef as useRef2, useState as useState7 } from "react";
 import { Scrollbars as Scrollbars2 } from "react-custom-scrollbars-2";
 import clsx9 from "clsx";
 import { jsx as jsx11, jsxs as jsxs7 } from "react/jsx-runtime";
@@ -139,12 +160,12 @@ import { jsx as jsx11, jsxs as jsxs7 } from "react/jsx-runtime";
 import clsx12 from "clsx";
 
 // src/components/layout-and-navigation/Overlay.tsx
-import { useEffect as useEffect8, useRef as useRef3, useState as useState9 } from "react";
+import { useEffect as useEffect9, 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";
+import { useEffect as useEffect8, useState as useState8 } from "react";
 
 // src/components/user-action/Tooltip.tsx
 import { clsx as clsx10 } from "clsx";
@@ -167,7 +188,7 @@ 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 useEffect9, useState as useState10 } from "react";
+import { useCallback as useCallback2, useEffect as useEffect10, useState as useState10 } from "react";
 import clsx15 from "clsx";
 import { jsx as jsx17, jsxs as jsxs12 } from "react/jsx-runtime";
 
@@ -181,7 +202,7 @@ 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 useEffect10, useMemo, useRef as useRef4, useState as useState11 } from "react";
+import { useCallback as useCallback3, useEffect as useEffect11, useMemo, useRef as useRef4, useState as useState11 } from "react";
 import clsx17 from "clsx";
 import { ChevronLeft, ChevronRight } from "lucide-react";
 import { Fragment, jsx as jsx20, jsxs as jsxs14 } from "react/jsx-runtime";
@@ -210,16 +231,16 @@ 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 { useEffect as useEffect14, useMemo as useMemo2, useState as useState14 } from "react";
 import { Search } from "lucide-react";
 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 { forwardRef as forwardRef2, useEffect as useEffect13, useRef as useRef5, useState as useState13 } from "react";
 import clsx23 from "clsx";
 
 // src/hooks/useSaveDelay.ts
-import { useEffect as useEffect11, useState as useState12 } from "react";
+import { useEffect as useEffect12, useState as useState12 } from "react";
 
 // src/components/user-action/Label.tsx
 import clsx22 from "clsx";
@@ -269,14 +290,15 @@ 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 clsx25 from "clsx";
+import { useEffect as useEffect15, useState as useState15 } from "react";
 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";
+import { useEffect as useEffect16, useRef as useRef6, useState as useState17 } from "react";
 import { Scrollbars as Scrollbars3 } from "react-custom-scrollbars-2";
 
 // src/components/user-action/Checkbox.tsx
-import { useState as useState15 } from "react";
+import { useState as useState16 } from "react";
 import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
 import { Check as Check2, Minus } from "lucide-react";
 import clsx26 from "clsx";
@@ -300,7 +322,7 @@ 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";
+import { useState as useState18 } from "react";
 
 // src/components/loading-states/LoadingAnimation.tsx
 import clsx30 from "clsx";
@@ -329,7 +351,7 @@ 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 { useEffect as useEffect17, useState as useState19 } from "react";
 import clsx33 from "clsx";
 import { Fragment as Fragment3, jsx as jsx42, jsxs as jsxs29 } from "react/jsx-runtime";
 
@@ -351,7 +373,7 @@ var defaultLanguageModalTranslation = {
 };
 
 // src/theming/useTheme.tsx
-import { createContext as createContext2, useContext as useContext2, useEffect as useEffect16, useState as useState19 } from "react";
+import { createContext as createContext2, useContext as useContext2, useEffect as useEffect18, useState as useState20 } from "react";
 import { jsx as jsx44 } from "react/jsx-runtime";
 var themes = ["light", "dark"];
 var defaultThemeTypeTranslation = {
@@ -411,7 +433,7 @@ import { List } from "lucide-react";
 import clsx38 from "clsx";
 
 // src/components/user-action/MultiSelect.tsx
-import { useState as useState20 } from "react";
+import { useState as useState21 } from "react";
 import { Search as Search3 } from "lucide-react";
 import clsx37 from "clsx";
 
@@ -420,7 +442,7 @@ import { useRef as useRef7 } from "react";
 import clsx36 from "clsx";
 
 // src/hooks/useOutsideClick.ts
-import { useEffect as useEffect17 } from "react";
+import { useEffect as useEffect19 } from "react";
 
 // src/components/user-action/Menu.tsx
 import { jsx as jsx49, jsxs as jsxs33 } from "react/jsx-runtime";
@@ -446,7 +468,7 @@ import { Text } from "lucide-react";
 import clsx42 from "clsx";
 
 // src/components/user-action/Textarea.tsx
-import { useEffect as useEffect18, useState as useState21 } from "react";
+import { useEffect as useEffect20, useState as useState22 } from "react";
 import clsx41 from "clsx";
 import { jsx as jsx54, jsxs as jsxs36 } from "react/jsx-runtime";
 
@@ -458,12 +480,12 @@ 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 { useCallback as useCallback4, useEffect as useEffect21, useState as useState23 } from "react";
 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 { useEffect as useEffect22, useRef as useRef8, useState as useState24 } from "react";
 import { Pencil } from "lucide-react";
 import clsx45 from "clsx";
 import { jsx as jsx58, jsxs as jsxs39 } from "react/jsx-runtime";