@helpwave/hightide 0.1.3 → 0.1.4

package/dist/coloring/shading.cjs

@@ -104,24 +104,24 @@ var import_lucide_react = require("lucide-react");
 var import_clsx5 = __toESM(require("clsx"), 1);
 var import_jsx_runtime6 = require("react/jsx-runtime");
 var DefaultIcon = (expanded) => expanded ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react.ChevronUp, { size: 16, className: "min-w-[16px]" }) : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react.ChevronDown, { size: 16, className: "min-w-[16px]" });
-var Expandable = (0, import_react3.forwardRef)(({
+var Expandable = (0, import_react3.forwardRef)(function Expandable2({
   children,
   label,
   icon,
-  initialExpansion = false,
+  isExpanded = false,
+  onChange = noop,
   clickOnlyOnHeader = true,
   disabled = false,
   className = "",
   headerClassName = ""
-}, ref) => {
-  const [isExpanded, setIsExpanded] = (0, import_react3.useState)(initialExpansion);
+}, ref) {
   icon ??= DefaultIcon;
   return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
     "div",
     {
       ref,
       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),
+      onClick: () => !clickOnlyOnHeader && !disabled && onChange(!isExpanded),
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
           "div",
@@ -135,7 +135,7 @@ var Expandable = (0, import_react3.forwardRef)(({
               },
               headerClassName
             ),
-            onClick: () => clickOnlyOnHeader && !disabled && setIsExpanded(!isExpanded),
+            onClick: () => clickOnlyOnHeader && !disabled && onChange(!isExpanded),
             children: [
               label,
               icon(isExpanded)
@@ -147,7 +147,28 @@ var Expandable = (0, import_react3.forwardRef)(({
     }
   );
 });
-Expandable.displayName = "Expandable";
+var ExpandableUncontrolled = (0, import_react3.forwardRef)(function ExpandableUncontrolled2({
+  isExpanded,
+  onChange = noop,
+  ...props
+}, ref) {
+  const [usedIsExpanded, setUsedIsExpanded] = (0, import_react3.useState)(isExpanded);
+  (0, import_react3.useEffect)(() => {
+    setUsedIsExpanded(isExpanded);
+  }, [isExpanded]);
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+    Expandable,
+    {
+      ...props,
+      ref,
+      isExpanded: usedIsExpanded,
+      onChange: (value) => {
+        onChange(value);
+        setUsedIsExpanded(value);
+      }
+    }
+  );
+});
 
 // src/components/date/YearMonthPicker.tsx
 var import_jsx_runtime7 = require("react/jsx-runtime");
@@ -303,14 +324,15 @@ var import_jsx_runtime28 = require("react/jsx-runtime");
 // src/components/layout-and-navigation/StepperBar.tsx
 var import_lucide_react8 = require("lucide-react");
 var import_clsx25 = __toESM(require("clsx"), 1);
+var import_react15 = require("react");
 var import_jsx_runtime29 = require("react/jsx-runtime");
 
 // src/components/layout-and-navigation/Table.tsx
-var import_react16 = require("react");
+var import_react17 = require("react");
 var import_react_custom_scrollbars_23 = require("react-custom-scrollbars-2");
 
 // src/components/user-action/Checkbox.tsx
-var import_react15 = require("react");
+var import_react16 = require("react");
 var CheckboxPrimitive = __toESM(require("@radix-ui/react-checkbox"), 1);
 var import_lucide_react9 = require("lucide-react");
 var import_clsx26 = __toESM(require("clsx"), 1);
@@ -334,7 +356,7 @@ 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");
+var import_react18 = require("react");
 
 // src/components/loading-states/LoadingAnimation.tsx
 var import_clsx30 = __toESM(require("clsx"), 1);
@@ -361,9 +383,9 @@ var import_jsx_runtime40 = require("react/jsx-runtime");
 var import_jsx_runtime41 = require("react/jsx-runtime");
 
 // src/components/user-action/Select.tsx
-var import_react18 = require("@headlessui/react");
+var import_react19 = require("@headlessui/react");
 var import_lucide_react12 = require("lucide-react");
-var import_react19 = require("react");
+var import_react20 = require("react");
 var import_clsx33 = __toESM(require("clsx"), 1);
 var import_jsx_runtime42 = require("react/jsx-runtime");
 
@@ -385,7 +407,7 @@ var defaultLanguageModalTranslation = {
 };
 
 // src/theming/useTheme.tsx
-var import_react20 = require("react");
+var import_react21 = require("react");
 var import_jsx_runtime44 = require("react/jsx-runtime");
 var themes = ["light", "dark"];
 var defaultThemeTypeTranslation = {
@@ -402,7 +424,7 @@ var ThemeUtil = {
   themes,
   translation: defaultThemeTypeTranslation
 };
-var ThemeContext = (0, import_react20.createContext)({
+var ThemeContext = (0, import_react21.createContext)({
   theme: "light",
   setTheme: noop
 });
@@ -445,16 +467,16 @@ var import_lucide_react17 = require("lucide-react");
 var import_clsx38 = __toESM(require("clsx"), 1);
 
 // src/components/user-action/MultiSelect.tsx
-var import_react23 = require("react");
+var import_react24 = require("react");
 var import_lucide_react16 = require("lucide-react");
 var import_clsx37 = __toESM(require("clsx"), 1);
 
 // src/components/user-action/Menu.tsx
-var import_react22 = require("react");
+var import_react23 = require("react");
 var import_clsx36 = __toESM(require("clsx"), 1);
 
 // src/hooks/useOutsideClick.ts
-var import_react21 = require("react");
+var import_react22 = require("react");
 
 // src/components/user-action/Menu.tsx
 var import_jsx_runtime49 = require("react/jsx-runtime");
@@ -480,7 +502,7 @@ var import_lucide_react20 = require("lucide-react");
 var import_clsx42 = __toESM(require("clsx"), 1);
 
 // src/components/user-action/Textarea.tsx
-var import_react24 = require("react");
+var import_react25 = require("react");
 var import_clsx41 = __toESM(require("clsx"), 1);
 var import_jsx_runtime54 = require("react/jsx-runtime");
 
@@ -492,12 +514,12 @@ 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_react26 = require("react");
 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_react27 = require("react");
 var import_lucide_react21 = require("lucide-react");
 var import_clsx45 = __toESM(require("clsx"), 1);
 var import_jsx_runtime58 = require("react/jsx-runtime");