@helpwave/hightide 0.0.18 → 0.1.0

package/dist/coloring/{shading.d.mts → shading.d.cts}

@@ -1,4 +1,4 @@
-import { ShadedColors } from './types.mjs';
+import { ShadedColors } from './types.cjs';
 
 declare const generateShadingColors: (partialShading: Omit<Partial<ShadedColors>, "0" | "1000">) => ShadedColors;
 

package/dist/coloring/shading.js

@@ -1,42 +1,482 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
+// src/coloring/shading.ts
+import tinycolor from "tinycolor2";
+
+// src/coloring/types.ts
+var shadingColorValues = [0, 50, 100, 150, 200, 250, 300, 350, 400, 450, 500, 550, 600, 650, 700, 750, 800, 850, 900, 950, 1e3];
+
+// src/components/branding/HelpwaveBadge.tsx
+import clsx3 from "clsx";
+
+// src/components/layout-and-navigation/Tile.tsx
+import Image from "next/image";
+import clsx from "clsx";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+// src/components/icons-and-geometry/Helpwave.tsx
+import { clsx as clsx2 } from "clsx";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+
+// src/components/branding/HelpwaveBadge.tsx
+import { jsx as jsx3 } from "react/jsx-runtime";
+
+// src/components/date/DatePicker.tsx
+import { useEffect as useEffect5, useState as useState6 } from "react";
+import { ArrowDown, ArrowUp, ChevronDown as ChevronDown2 } from "lucide-react";
+
+// src/localization/LanguageProvider.tsx
+import { createContext, useContext, useEffect as useEffect2, useState as useState2 } from "react";
+
+// src/hooks/useLocalStorage.ts
+import { useCallback, useEffect, useState } from "react";
+
+// src/localization/util.ts
+var languages = ["en", "de"];
+var languagesLocalNames = {
+  en: "English",
+  de: "Deutsch"
+};
+var DEFAULT_LANGUAGE = "en";
+var LanguageUtil = {
+  languages,
+  DEFAULT_LANGUAGE,
+  languagesLocalNames
 };
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+
+// src/localization/LanguageProvider.tsx
+import { jsx as jsx4 } from "react/jsx-runtime";
+var LanguageContext = createContext({
+  language: LanguageUtil.DEFAULT_LANGUAGE,
+  setLanguage: (v) => v
+});
+
+// src/util/noop.ts
+var noop = () => void 0;
+
+// src/components/date/DatePicker.tsx
+import clsx8 from "clsx";
+
+// src/components/user-action/Button.tsx
+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 { 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 { 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(({
+  children,
+  label,
+  icon,
+  initialExpansion = false,
+  clickOnlyOnHeader = true,
+  className = "",
+  headerClassName = ""
+}, ref) => {
+  const [isExpanded, setIsExpanded] = useState3(initialExpansion);
+  icon ??= DefaultIcon;
+  return /* @__PURE__ */ jsxs4(
+    "div",
+    {
+      ref,
+      className: clsx5("col bg-surface text-on-surface group rounded-lg shadow-sm", { "cursor-pointer": !clickOnlyOnHeader }, className),
+      onClick: () => !clickOnlyOnHeader && setIsExpanded(!isExpanded),
+      children: [
+        /* @__PURE__ */ jsxs4(
+          "button",
+          {
+            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),
+            children: [
+              label,
+              icon(isExpanded)
+            ]
+          }
+        ),
+        isExpanded && /* @__PURE__ */ jsx6("div", { className: "col", children })
+      ]
+    }
+  );
+});
+Expandable.displayName = "Expandable";
+
+// 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 { jsx as jsx8, jsxs as jsxs5 } from "react/jsx-runtime";
+
+// src/components/date/DatePicker.tsx
+import { jsx as jsx9, jsxs as jsxs6 } from "react/jsx-runtime";
+
+// src/components/date/TimeDisplay.tsx
+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 { 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/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";
+
+// src/components/icons-and-geometry/Circle.tsx
+import clsx11 from "clsx";
+import { jsx as jsx13 } 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";
+
+// src/components/icons-and-geometry/Tag.tsx
+import Image3 from "next/image";
+import { jsx as jsx15 } 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";
+
+// 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 { ChevronLeft, ChevronRight } from "lucide-react";
+import { Fragment, jsx as jsx17, jsxs as jsxs11 } 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";
+
+// src/components/layout-and-navigation/DividerInserter.tsx
+import clsx16 from "clsx";
+import { jsx as jsx19 } from "react/jsx-runtime";
+
+// src/components/layout-and-navigation/FAQSection.tsx
+import clsx17 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";
+
+// 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";
+
+// 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";
+
+// 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";
+
+// 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";
+
+// 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";
+
+// src/components/user-action/Input.tsx
+import { jsx as jsx26, jsxs as jsxs16 } from "react/jsx-runtime";
+var FormInput = forwardRef2(function FormInput2({
+  id,
+  labelText,
+  errorText,
+  className,
+  labelClassName,
+  errorClassName,
+  containerClassName,
+  required,
+  ...restProps
+}, ref) {
+  const input = /* @__PURE__ */ jsx26(
+    "input",
+    {
+      ref,
+      id,
+      ...restProps,
+      className: clsx22(
+        {
+          "focus:border-primary focus:ring-primary": !errorText,
+          "focus:border-negative focus:ring-negative text-negative": !!errorText
+        },
+        className
+      )
+    }
+  );
+  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: [
+      labelText,
+      required && /* @__PURE__ */ jsx26("span", { className: "text-primary font-bold", children: "*" })
+    ] }),
+    input,
+    errorText && /* @__PURE__ */ jsx26("label", { htmlFor: id, className: clsx22("text-negative", errorClassName), children: errorText })
+  ] });
+});
+
+// src/components/layout-and-navigation/SearchableList.tsx
+import { jsx as jsx27, jsxs as jsxs17 } 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";
+
+// src/components/layout-and-navigation/Table.tsx
+import { useEffect as useEffect14, useRef as useRef6, useState as useState16 } from "react";
+import { Scrollbars as Scrollbars3 } from "react-custom-scrollbars-2";
+
+// src/components/user-action/Checkbox.tsx
+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
+import clsx27 from "clsx";
+import { jsx as jsx31, jsxs as jsxs21 } from "react/jsx-runtime";
+
+// src/components/layout-and-navigation/VerticalDivider.tsx
+import { jsx as jsx32, jsxs as jsxs22 } 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";
+
+// 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";
+
+// src/components/loading-states/LoadingAndErrorComponent.tsx
+import { jsx as jsx35 } 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 { jsx as jsx37, jsxs as jsxs26 } from "react/jsx-runtime";
+
+// src/components/modals/ConfirmDialog.tsx
+import clsx31 from "clsx";
+import { jsx as jsx38, jsxs as jsxs27 } from "react/jsx-runtime";
+
+// src/components/modals/DiscardChangesModal.tsx
+import { jsx as jsx39, jsxs as jsxs28 } from "react/jsx-runtime";
+
+// src/components/modals/InputModal.tsx
+import { jsx as jsx40 } 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";
+
+// src/components/modals/LanguageModal.tsx
+import { jsx as jsx42, jsxs as jsxs30 } from "react/jsx-runtime";
+var defaultLanguageModalTranslation = {
+  en: {
+    title: "Language",
+    message: "Choose your language",
+    done: "Done",
+    ...LanguageUtil.languagesLocalNames
+  },
+  de: {
+    title: "Sprache",
+    message: "W\xE4hle deine bevorzugte Sprache",
+    done: "Fertig",
+    ...LanguageUtil.languagesLocalNames
   }
-  return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// src/coloring/shading.ts
-var shading_exports = {};
-__export(shading_exports, {
-  generateShadingColors: () => generateShadingColors
+// 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";
+var themes = ["light", "dark"];
+var defaultThemeTypeTranslation = {
+  en: {
+    dark: "Dark",
+    light: "Light"
+  },
+  de: {
+    dark: "Dunkel",
+    light: "Hell"
+  }
+};
+var ThemeUtil = {
+  themes,
+  translation: defaultThemeTypeTranslation
+};
+var ThemeContext = createContext2({
+  theme: "light",
+  setTheme: noop
 });
-module.exports = __toCommonJS(shading_exports);
-var import_tinycolor2 = __toESM(require("tinycolor2"));
 
-// src/coloring/types.ts
-var shadingColorValues = [0, 50, 100, 150, 200, 250, 300, 350, 400, 450, 500, 550, 600, 650, 700, 750, 800, 850, 900, 950, 1e3];
+// src/components/modals/ThemeModal.tsx
+import { jsx as jsx44, jsxs as jsxs31 } from "react/jsx-runtime";
+var defaultConfirmDialogTranslation = {
+  en: {
+    title: "Theme",
+    message: "Choose your preferred theme",
+    done: "Done",
+    ...ThemeUtil.translation.en
+  },
+  de: {
+    title: "Farbschema",
+    message: "W\xE4hle dein bevorzugtes Farbschema",
+    done: "Fertig",
+    ...ThemeUtil.translation.en
+  }
+};
+
+// src/components/properties/CheckboxProperty.tsx
+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";
+
+// src/components/properties/CheckboxProperty.tsx
+import { jsx as jsx46 } 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";
+
+// src/components/properties/MultiSelectProperty.tsx
+import { List } from "lucide-react";
+import clsx37 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";
+
+// src/components/user-action/Menu.tsx
+import { useRef as useRef7 } from "react";
+import clsx35 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";
+
+// src/components/user-action/MultiSelect.tsx
+import { jsx as jsx49, jsxs as jsxs34 } from "react/jsx-runtime";
+
+// src/components/properties/MultiSelectProperty.tsx
+import { jsx as jsx50 } 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";
+
+// src/components/properties/SelectProperty.tsx
+import { List as List2 } from "lucide-react";
+import clsx39 from "clsx";
+import { jsx as jsx52 } from "react/jsx-runtime";
+
+// src/components/properties/TextProperty.tsx
+import { Text } from "lucide-react";
+import clsx41 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";
+
+// src/components/properties/TextProperty.tsx
+import { jsx as jsx54 } 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";
+
+// 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";
+
+// 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";
+
+// src/util/news.ts
+import { z } from "zod";
+var newsSchema = z.object({
+  title: z.string(),
+  description: z.string(),
+  date: z.string(),
+  image: z.string().url().optional(),
+  externalResource: z.string().url().optional(),
+  keys: z.array(z.string())
+}).transform((obj) => {
+  let description = [obj.description];
+  if (obj.image) {
+    description = [new URL(obj.image), ...description];
+  }
+  return {
+    title: obj.title,
+    date: new Date(obj.date),
+    description,
+    externalResource: obj.externalResource ? new URL(obj.externalResource) : void 0,
+    keys: obj.keys
+  };
+});
+var newsListSchema = z.array(newsSchema);
+var localizedNewsSchema = z.record(z.enum(LanguageUtil.languages), newsListSchema);
 
 // src/coloring/shading.ts
 var generateShadingColors = (partialShading) => {
@@ -69,14 +509,13 @@ var generateShadingColors = (partialShading) => {
       const current2 = shadingColorValues[k];
       const previousValue = partialShading[previous] ?? shading[previous];
       const nextValue = partialShading[nextFound] ?? shading[nextFound];
-      shading[current2] = import_tinycolor2.default.mix((0, import_tinycolor2.default)(previousValue), (0, import_tinycolor2.default)(nextValue), (current2 - previous) / interval * 100).toHexString();
+      shading[current2] = tinycolor.mix(tinycolor(previousValue), tinycolor(nextValue), (current2 - previous) / interval * 100).toHexString();
     }
     index = j;
   }
   return shading;
 };
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
+export {
   generateShadingColors
-});
+};
 //# sourceMappingURL=shading.js.map