@helpwave/hightide 0.1.6 → 0.1.7

package/dist/components/layout-and-navigation/VerticalDivider.js

@@ -1,5 +1,28 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+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 });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
 // src/components/layout-and-navigation/VerticalDivider.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
+var VerticalDivider_exports = {};
+__export(VerticalDivider_exports, {
+  VerticalDivider: () => VerticalDivider
+});
+module.exports = __toCommonJS(VerticalDivider_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var VerticalDivider = ({
   width = 1,
   height = 100,
@@ -7,7 +30,7 @@ var VerticalDivider = ({
   dashGap = 4,
   dashLength = 4
 }) => {
-  return /* @__PURE__ */ jsx("div", { style: { width: width + "px", height: height + "px" }, children: /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { width: width + "px", height: height + "px" }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
     "svg",
     {
       width,
@@ -16,7 +39,7 @@ var VerticalDivider = ({
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
       children: [
-        /* @__PURE__ */ jsx(
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
           "line",
           {
             opacity: "0.5",
@@ -30,7 +53,7 @@ var VerticalDivider = ({
             strokeLinecap: "round"
           }
         ),
-        /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsxs(
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
           "linearGradient",
           {
             id: "paint_linear",
@@ -40,9 +63,9 @@ var VerticalDivider = ({
             y2: height,
             gradientUnits: "userSpaceOnUse",
             children: [
-              /* @__PURE__ */ jsx("stop", { stopOpacity: "0", stopColor: "currentColor" }),
-              /* @__PURE__ */ jsx("stop", { offset: "0.5", stopColor: "currentColor" }),
-              /* @__PURE__ */ jsx("stop", { offset: "1", stopColor: "currentColor", stopOpacity: "0" })
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("stop", { stopOpacity: "0", stopColor: "currentColor" }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("stop", { offset: "0.5", stopColor: "currentColor" }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("stop", { offset: "1", stopColor: "currentColor", stopOpacity: "0" })
             ]
           }
         ) })
@@ -50,7 +73,8 @@ var VerticalDivider = ({
     }
   ) });
 };
-export {
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
   VerticalDivider
-};
+});
 //# sourceMappingURL=VerticalDivider.js.map

package/dist/components/layout-and-navigation/VerticalDivider.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/layout-and-navigation/VerticalDivider.tsx"],"sourcesContent":["export type VerticalDividerProps = {\n  width?: number,\n  height?: number,\n  strokeWidth?: number,\n  dashGap?: number,\n  dashLength?: number,\n}\n\n/**\n * A Component for creating a vertical Divider\n */\nexport const VerticalDivider = ({\n                                  width = 1,\n                                  height = 100,\n                                  strokeWidth = 4,\n                                  dashGap = 4,\n                                  dashLength = 4,\n                                }: VerticalDividerProps) => {\n  return (\n    <div style={{ width: width + 'px', height: height + 'px' }}>\n      <svg width={width} height={height} viewBox={`0 0 ${width} ${height}`} fill=\"none\"\n           xmlns=\"http://www.w3.org/2000/svg\">\n        <line\n          opacity=\"0.5\"\n          x1={width / 2}\n          y1={height}\n          x2={width / 2}\n          y2=\"0\"\n          stroke=\"url(#paint_linear)\"\n          strokeWidth={strokeWidth}\n          strokeDasharray={`${dashLength} ${dashLength + dashGap}`}\n          strokeLinecap=\"round\"\n        />\n        <defs>\n          <linearGradient\n            id=\"paint_linear\"\n            x1={width / 2}\n            y1=\"0\"\n            x2={width / 2}\n            y2={height}\n            gradientUnits=\"userSpaceOnUse\"\n          >\n            <stop stopOpacity=\"0\" stopColor=\"currentColor\"/>\n            <stop offset=\"0.5\" stopColor=\"currentColor\"/>\n            <stop offset=\"1\" stopColor=\"currentColor\" stopOpacity=\"0\"/>\n          </linearGradient>\n        </defs>\n      </svg>\n    </div>\n  )\n}\n"],"mappings":";AAsBQ,cAYE,YAZF;AAXD,IAAM,kBAAkB,CAAC;AAAA,EACE,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,cAAc;AAAA,EACd,UAAU;AAAA,EACV,aAAa;AACf,MAA4B;AAC1D,SACE,oBAAC,SAAI,OAAO,EAAE,OAAO,QAAQ,MAAM,QAAQ,SAAS,KAAK,GACvD;AAAA,IAAC;AAAA;AAAA,MAAI;AAAA,MAAc;AAAA,MAAgB,SAAS,OAAO,KAAK,IAAI,MAAM;AAAA,MAAI,MAAK;AAAA,MACtE,OAAM;AAAA,MACT;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,SAAQ;AAAA,YACR,IAAI,QAAQ;AAAA,YACZ,IAAI;AAAA,YACJ,IAAI,QAAQ;AAAA,YACZ,IAAG;AAAA,YACH,QAAO;AAAA,YACP;AAAA,YACA,iBAAiB,GAAG,UAAU,IAAI,aAAa,OAAO;AAAA,YACtD,eAAc;AAAA;AAAA,QAChB;AAAA,QACA,oBAAC,UACC;AAAA,UAAC;AAAA;AAAA,YACC,IAAG;AAAA,YACH,IAAI,QAAQ;AAAA,YACZ,IAAG;AAAA,YACH,IAAI,QAAQ;AAAA,YACZ,IAAI;AAAA,YACJ,eAAc;AAAA,YAEd;AAAA,kCAAC,UAAK,aAAY,KAAI,WAAU,gBAAc;AAAA,cAC9C,oBAAC,UAAK,QAAO,OAAM,WAAU,gBAAc;AAAA,cAC3C,oBAAC,UAAK,QAAO,KAAI,WAAU,gBAAe,aAAY,KAAG;AAAA;AAAA;AAAA,QAC3D,GACF;AAAA;AAAA;AAAA,EACF,GACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../../src/components/layout-and-navigation/VerticalDivider.tsx"],"sourcesContent":["export type VerticalDividerProps = {\n  width?: number,\n  height?: number,\n  strokeWidth?: number,\n  dashGap?: number,\n  dashLength?: number,\n}\n\n/**\n * A Component for creating a vertical Divider\n */\nexport const VerticalDivider = ({\n                                  width = 1,\n                                  height = 100,\n                                  strokeWidth = 4,\n                                  dashGap = 4,\n                                  dashLength = 4,\n                                }: VerticalDividerProps) => {\n  return (\n    <div style={{ width: width + 'px', height: height + 'px' }}>\n      <svg width={width} height={height} viewBox={`0 0 ${width} ${height}`} fill=\"none\"\n           xmlns=\"http://www.w3.org/2000/svg\">\n        <line\n          opacity=\"0.5\"\n          x1={width / 2}\n          y1={height}\n          x2={width / 2}\n          y2=\"0\"\n          stroke=\"url(#paint_linear)\"\n          strokeWidth={strokeWidth}\n          strokeDasharray={`${dashLength} ${dashLength + dashGap}`}\n          strokeLinecap=\"round\"\n        />\n        <defs>\n          <linearGradient\n            id=\"paint_linear\"\n            x1={width / 2}\n            y1=\"0\"\n            x2={width / 2}\n            y2={height}\n            gradientUnits=\"userSpaceOnUse\"\n          >\n            <stop stopOpacity=\"0\" stopColor=\"currentColor\"/>\n            <stop offset=\"0.5\" stopColor=\"currentColor\"/>\n            <stop offset=\"1\" stopColor=\"currentColor\" stopOpacity=\"0\"/>\n          </linearGradient>\n        </defs>\n      </svg>\n    </div>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAsBQ;AAXD,IAAM,kBAAkB,CAAC;AAAA,EACE,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,cAAc;AAAA,EACd,UAAU;AAAA,EACV,aAAa;AACf,MAA4B;AAC1D,SACE,4CAAC,SAAI,OAAO,EAAE,OAAO,QAAQ,MAAM,QAAQ,SAAS,KAAK,GACvD;AAAA,IAAC;AAAA;AAAA,MAAI;AAAA,MAAc;AAAA,MAAgB,SAAS,OAAO,KAAK,IAAI,MAAM;AAAA,MAAI,MAAK;AAAA,MACtE,OAAM;AAAA,MACT;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,SAAQ;AAAA,YACR,IAAI,QAAQ;AAAA,YACZ,IAAI;AAAA,YACJ,IAAI,QAAQ;AAAA,YACZ,IAAG;AAAA,YACH,QAAO;AAAA,YACP;AAAA,YACA,iBAAiB,GAAG,UAAU,IAAI,aAAa,OAAO;AAAA,YACtD,eAAc;AAAA;AAAA,QAChB;AAAA,QACA,4CAAC,UACC;AAAA,UAAC;AAAA;AAAA,YACC,IAAG;AAAA,YACH,IAAI,QAAQ;AAAA,YACZ,IAAG;AAAA,YACH,IAAI,QAAQ;AAAA,YACZ,IAAI;AAAA,YACJ,eAAc;AAAA,YAEd;AAAA,0DAAC,UAAK,aAAY,KAAI,WAAU,gBAAc;AAAA,cAC9C,4CAAC,UAAK,QAAO,OAAM,WAAU,gBAAc;AAAA,cAC3C,4CAAC,UAAK,QAAO,KAAI,WAAU,gBAAe,aAAY,KAAG;AAAA;AAAA;AAAA,QAC3D,GACF;AAAA;AAAA;AAAA,EACF,GACF;AAEJ;","names":[]}

package/dist/components/layout-and-navigation/VerticalDivider.mjs

@@ -0,0 +1,56 @@
+// src/components/layout-and-navigation/VerticalDivider.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var VerticalDivider = ({
+  width = 1,
+  height = 100,
+  strokeWidth = 4,
+  dashGap = 4,
+  dashLength = 4
+}) => {
+  return /* @__PURE__ */ jsx("div", { style: { width: width + "px", height: height + "px" }, children: /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      width,
+      height,
+      viewBox: `0 0 ${width} ${height}`,
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ jsx(
+          "line",
+          {
+            opacity: "0.5",
+            x1: width / 2,
+            y1: height,
+            x2: width / 2,
+            y2: "0",
+            stroke: "url(#paint_linear)",
+            strokeWidth,
+            strokeDasharray: `${dashLength} ${dashLength + dashGap}`,
+            strokeLinecap: "round"
+          }
+        ),
+        /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsxs(
+          "linearGradient",
+          {
+            id: "paint_linear",
+            x1: width / 2,
+            y1: "0",
+            x2: width / 2,
+            y2: height,
+            gradientUnits: "userSpaceOnUse",
+            children: [
+              /* @__PURE__ */ jsx("stop", { stopOpacity: "0", stopColor: "currentColor" }),
+              /* @__PURE__ */ jsx("stop", { offset: "0.5", stopColor: "currentColor" }),
+              /* @__PURE__ */ jsx("stop", { offset: "1", stopColor: "currentColor", stopOpacity: "0" })
+            ]
+          }
+        ) })
+      ]
+    }
+  ) });
+};
+export {
+  VerticalDivider
+};
+//# sourceMappingURL=VerticalDivider.mjs.map

package/dist/components/layout-and-navigation/{VerticalDivider.cjs.map → VerticalDivider.mjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/layout-and-navigation/VerticalDivider.tsx"],"sourcesContent":["export type VerticalDividerProps = {\n  width?: number,\n  height?: number,\n  strokeWidth?: number,\n  dashGap?: number,\n  dashLength?: number,\n}\n\n/**\n * A Component for creating a vertical Divider\n */\nexport const VerticalDivider = ({\n                                  width = 1,\n                                  height = 100,\n                                  strokeWidth = 4,\n                                  dashGap = 4,\n                                  dashLength = 4,\n                                }: VerticalDividerProps) => {\n  return (\n    <div style={{ width: width + 'px', height: height + 'px' }}>\n      <svg width={width} height={height} viewBox={`0 0 ${width} ${height}`} fill=\"none\"\n           xmlns=\"http://www.w3.org/2000/svg\">\n        <line\n          opacity=\"0.5\"\n          x1={width / 2}\n          y1={height}\n          x2={width / 2}\n          y2=\"0\"\n          stroke=\"url(#paint_linear)\"\n          strokeWidth={strokeWidth}\n          strokeDasharray={`${dashLength} ${dashLength + dashGap}`}\n          strokeLinecap=\"round\"\n        />\n        <defs>\n          <linearGradient\n            id=\"paint_linear\"\n            x1={width / 2}\n            y1=\"0\"\n            x2={width / 2}\n            y2={height}\n            gradientUnits=\"userSpaceOnUse\"\n          >\n            <stop stopOpacity=\"0\" stopColor=\"currentColor\"/>\n            <stop offset=\"0.5\" stopColor=\"currentColor\"/>\n            <stop offset=\"1\" stopColor=\"currentColor\" stopOpacity=\"0\"/>\n          </linearGradient>\n        </defs>\n      </svg>\n    </div>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAsBQ;AAXD,IAAM,kBAAkB,CAAC;AAAA,EACE,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,cAAc;AAAA,EACd,UAAU;AAAA,EACV,aAAa;AACf,MAA4B;AAC1D,SACE,4CAAC,SAAI,OAAO,EAAE,OAAO,QAAQ,MAAM,QAAQ,SAAS,KAAK,GACvD;AAAA,IAAC;AAAA;AAAA,MAAI;AAAA,MAAc;AAAA,MAAgB,SAAS,OAAO,KAAK,IAAI,MAAM;AAAA,MAAI,MAAK;AAAA,MACtE,OAAM;AAAA,MACT;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,SAAQ;AAAA,YACR,IAAI,QAAQ;AAAA,YACZ,IAAI;AAAA,YACJ,IAAI,QAAQ;AAAA,YACZ,IAAG;AAAA,YACH,QAAO;AAAA,YACP;AAAA,YACA,iBAAiB,GAAG,UAAU,IAAI,aAAa,OAAO;AAAA,YACtD,eAAc;AAAA;AAAA,QAChB;AAAA,QACA,4CAAC,UACC;AAAA,UAAC;AAAA;AAAA,YACC,IAAG;AAAA,YACH,IAAI,QAAQ;AAAA,YACZ,IAAG;AAAA,YACH,IAAI,QAAQ;AAAA,YACZ,IAAI;AAAA,YACJ,eAAc;AAAA,YAEd;AAAA,0DAAC,UAAK,aAAY,KAAI,WAAU,gBAAc;AAAA,cAC9C,4CAAC,UAAK,QAAO,OAAM,WAAU,gBAAc;AAAA,cAC3C,4CAAC,UAAK,QAAO,KAAI,WAAU,gBAAe,aAAY,KAAG;AAAA;AAAA;AAAA,QAC3D,GACF;AAAA;AAAA;AAAA,EACF,GACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../../src/components/layout-and-navigation/VerticalDivider.tsx"],"sourcesContent":["export type VerticalDividerProps = {\n  width?: number,\n  height?: number,\n  strokeWidth?: number,\n  dashGap?: number,\n  dashLength?: number,\n}\n\n/**\n * A Component for creating a vertical Divider\n */\nexport const VerticalDivider = ({\n                                  width = 1,\n                                  height = 100,\n                                  strokeWidth = 4,\n                                  dashGap = 4,\n                                  dashLength = 4,\n                                }: VerticalDividerProps) => {\n  return (\n    <div style={{ width: width + 'px', height: height + 'px' }}>\n      <svg width={width} height={height} viewBox={`0 0 ${width} ${height}`} fill=\"none\"\n           xmlns=\"http://www.w3.org/2000/svg\">\n        <line\n          opacity=\"0.5\"\n          x1={width / 2}\n          y1={height}\n          x2={width / 2}\n          y2=\"0\"\n          stroke=\"url(#paint_linear)\"\n          strokeWidth={strokeWidth}\n          strokeDasharray={`${dashLength} ${dashLength + dashGap}`}\n          strokeLinecap=\"round\"\n        />\n        <defs>\n          <linearGradient\n            id=\"paint_linear\"\n            x1={width / 2}\n            y1=\"0\"\n            x2={width / 2}\n            y2={height}\n            gradientUnits=\"userSpaceOnUse\"\n          >\n            <stop stopOpacity=\"0\" stopColor=\"currentColor\"/>\n            <stop offset=\"0.5\" stopColor=\"currentColor\"/>\n            <stop offset=\"1\" stopColor=\"currentColor\" stopOpacity=\"0\"/>\n          </linearGradient>\n        </defs>\n      </svg>\n    </div>\n  )\n}\n"],"mappings":";AAsBQ,cAYE,YAZF;AAXD,IAAM,kBAAkB,CAAC;AAAA,EACE,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,cAAc;AAAA,EACd,UAAU;AAAA,EACV,aAAa;AACf,MAA4B;AAC1D,SACE,oBAAC,SAAI,OAAO,EAAE,OAAO,QAAQ,MAAM,QAAQ,SAAS,KAAK,GACvD;AAAA,IAAC;AAAA;AAAA,MAAI;AAAA,MAAc;AAAA,MAAgB,SAAS,OAAO,KAAK,IAAI,MAAM;AAAA,MAAI,MAAK;AAAA,MACtE,OAAM;AAAA,MACT;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,SAAQ;AAAA,YACR,IAAI,QAAQ;AAAA,YACZ,IAAI;AAAA,YACJ,IAAI,QAAQ;AAAA,YACZ,IAAG;AAAA,YACH,QAAO;AAAA,YACP;AAAA,YACA,iBAAiB,GAAG,UAAU,IAAI,aAAa,OAAO;AAAA,YACtD,eAAc;AAAA;AAAA,QAChB;AAAA,QACA,oBAAC,UACC;AAAA,UAAC;AAAA;AAAA,YACC,IAAG;AAAA,YACH,IAAI,QAAQ;AAAA,YACZ,IAAG;AAAA,YACH,IAAI,QAAQ;AAAA,YACZ,IAAI;AAAA,YACJ,eAAc;AAAA,YAEd;AAAA,kCAAC,UAAK,aAAY,KAAI,WAAU,gBAAc;AAAA,cAC9C,oBAAC,UAAK,QAAO,OAAM,WAAU,gBAAc;AAAA,cAC3C,oBAAC,UAAK,QAAO,KAAI,WAAU,gBAAe,aAAY,KAAG;AAAA;AAAA;AAAA,QAC3D,GACF;AAAA;AAAA;AAAA,EACF,GACF;AAEJ;","names":[]}

package/dist/components/loading-states/{ErrorComponent.d.cts → ErrorComponent.d.mts}

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { PropsForTranslation } from '../../localization/useTranslation.cjs';
-import '../../localization/util.cjs';
+import { PropsForTranslation } from '../../localization/useTranslation.mjs';
+import '../../localization/util.mjs';
 
 type ErrorComponentTranslation = {
     errorOccurred: string;

package/dist/components/loading-states/ErrorComponent.js

@@ -1,11 +1,44 @@
+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 });
+};
+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 });
+  }
+  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/components/loading-states/ErrorComponent.tsx
-import { AlertOctagon } from "lucide-react";
+var ErrorComponent_exports = {};
+__export(ErrorComponent_exports, {
+  ErrorComponent: () => ErrorComponent
+});
+module.exports = __toCommonJS(ErrorComponent_exports);
+var import_lucide_react = require("lucide-react");
 
 // src/localization/LanguageProvider.tsx
-import { createContext, useContext, useEffect as useEffect2, useState as useState2 } from "react";
+var import_react2 = require("react");
 
 // src/hooks/useLocalStorage.ts
-import { useCallback, useEffect, useState } from "react";
+var import_react = require("react");
 
 // src/localization/util.ts
 var languages = ["en", "de"];
@@ -21,12 +54,12 @@ var LanguageUtil = {
 };
 
 // src/localization/LanguageProvider.tsx
-import { jsx } from "react/jsx-runtime";
-var LanguageContext = createContext({
+var import_jsx_runtime = require("react/jsx-runtime");
+var LanguageContext = (0, import_react2.createContext)({
   language: LanguageUtil.DEFAULT_LANGUAGE,
   setLanguage: (v) => v
 });
-var useLanguage = () => useContext(LanguageContext);
+var useLanguage = () => (0, import_react2.useContext)(LanguageContext);
 
 // src/localization/useTranslation.ts
 var useTranslation = (defaults, translationOverwrite = {}) => {
@@ -41,8 +74,8 @@ var useTranslation = (defaults, translationOverwrite = {}) => {
 };
 
 // src/components/loading-states/ErrorComponent.tsx
-import clsx from "clsx";
-import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+var import_clsx = __toESM(require("clsx"));
+var import_jsx_runtime2 = require("react/jsx-runtime");
 var defaultErrorComponentTranslation = {
   en: {
     errorOccurred: "An error occurred"
@@ -57,12 +90,13 @@ var ErrorComponent = ({
   classname
 }) => {
   const translation = useTranslation(defaultErrorComponentTranslation, overwriteTranslation);
-  return /* @__PURE__ */ jsxs("div", { className: clsx("col items-center justify-center gap-y-4 w-full h-24", classname), children: [
-    /* @__PURE__ */ jsx2(AlertOctagon, { size: 64, className: "text-warning" }),
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: (0, import_clsx.default)("col items-center justify-center gap-y-4 w-full h-24", classname), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_lucide_react.AlertOctagon, { size: 64, className: "text-warning" }),
     errorText ?? `${translation.errorOccurred} :(`
   ] });
 };
-export {
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
   ErrorComponent
-};
+});
 //# sourceMappingURL=ErrorComponent.js.map

package/dist/components/loading-states/ErrorComponent.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/loading-states/ErrorComponent.tsx","../../../src/localization/LanguageProvider.tsx","../../../src/hooks/useLocalStorage.ts","../../../src/localization/util.ts","../../../src/localization/useTranslation.ts"],"sourcesContent":["import { AlertOctagon } from 'lucide-react'\nimport type { Language } from '../../localization/util'\nimport type { PropsForTranslation } from '../../localization/useTranslation'\nimport { useTranslation } from '../../localization/useTranslation'\nimport clsx from 'clsx'\n\ntype ErrorComponentTranslation = {\n  errorOccurred: string,\n}\n\nconst defaultErrorComponentTranslation: Record<Language, ErrorComponentTranslation> = {\n  en: {\n    errorOccurred: 'An error occurred'\n  },\n  de: {\n    errorOccurred: 'Ein Fehler ist aufgetreten'\n  }\n}\n\nexport type ErrorComponentProps = {\n  errorText?: string,\n  classname?: string,\n}\n\n/**\n * The Component to show when an error occurred\n */\nexport const ErrorComponent = ({\n                                 overwriteTranslation,\n                                 errorText,\n                                 classname\n                               }: PropsForTranslation<ErrorComponentTranslation, ErrorComponentProps>) => {\n  const translation = useTranslation(defaultErrorComponentTranslation, overwriteTranslation)\n  return (\n    <div className={clsx('col items-center justify-center gap-y-4 w-full h-24', classname)}>\n      <AlertOctagon size={64} className=\"text-warning\"/>\n      {errorText ?? `${translation.errorOccurred} :(`}\n    </div>\n  )\n}\n","import type { Dispatch, PropsWithChildren, SetStateAction } from 'react'\nimport { createContext, useContext, useEffect, useState } from 'react'\nimport { useLocalStorage } from '@/hooks/useLocalStorage'\nimport type { Language } from './util'\nimport { LanguageUtil } from './util'\n\nexport type LanguageContextValue = {\n  language: Language,\n  setLanguage: Dispatch<SetStateAction<Language>>,\n}\n\nexport const LanguageContext = createContext<LanguageContextValue>({\n  language: LanguageUtil.DEFAULT_LANGUAGE,\n  setLanguage: (v) => v\n})\n\nexport const useLanguage = () => useContext(LanguageContext)\n\nexport const useLocale = (overWriteLanguage?: Language) => {\n  const { language } = useLanguage()\n  const mapping: Record<Language, string> = {\n    en: 'en-US',\n    de: 'de-DE'\n  }\n  return mapping[overWriteLanguage ?? language]\n}\n\ntype LanguageProviderProps = {\n  initialLanguage?: Language,\n}\n\nexport const LanguageProvider = ({ initialLanguage, children }: PropsWithChildren<LanguageProviderProps>) => {\n  const [language, setLanguage] = useState<Language>(initialLanguage ?? LanguageUtil.DEFAULT_LANGUAGE)\n  const [storedLanguage, setStoredLanguage] = useLocalStorage<Language>('language', initialLanguage ?? LanguageUtil.DEFAULT_LANGUAGE)\n\n  useEffect(() => {\n    if (language !== initialLanguage && initialLanguage) {\n      console.warn('LanguageProvider initial state changed: Prefer using languageProvider\\'s setLanguage instead')\n      setLanguage(initialLanguage)\n    }\n  }, [initialLanguage]) // eslint-disable-line react-hooks/exhaustive-deps\n\n  useEffect(() => {\n    // TODO set locale of html tag here as well\n    setStoredLanguage(language)\n  }, [language, setStoredLanguage])\n\n  useEffect(() => {\n    if (storedLanguage !== null) {\n      setLanguage(storedLanguage)\n      return\n    }\n\n    const LanguageToTestAgainst = Object.values(LanguageUtil.languages)\n\n    const matchingBrowserLanguage = window.navigator.languages\n      .map(language => LanguageToTestAgainst.find((test) => language === test || language.split('-')[0] === test))\n      .filter(entry => entry !== undefined)\n\n    if (matchingBrowserLanguage.length === 0) return\n\n    const firstMatch = matchingBrowserLanguage[0] as Language\n    setLanguage(firstMatch)\n  }, []) // eslint-disable-line react-hooks/exhaustive-deps\n\n  return (\n    <LanguageContext.Provider value={{\n      language,\n      setLanguage\n    }}>\n      {children}\n    </LanguageContext.Provider>\n  )\n}","import type { Dispatch, SetStateAction } from 'react'\nimport { useCallback, useEffect, useState } from 'react'\nimport { LocalStorageService } from '../util/storage'\n\ntype SetValue<T> = Dispatch<SetStateAction<T>>\nexport const useLocalStorage = <T>(key: string, initValue: T): [T, SetValue<T>] => {\n  const get = useCallback((): T => {\n    if (typeof window === 'undefined') {\n      return initValue\n    }\n    const storageService = new LocalStorageService()\n    const value = storageService.get<T>(key)\n    return value || initValue\n  }, [initValue, key])\n\n  const [storedValue, setStoredValue] = useState<T>(get)\n\n  const setValue: SetValue<T> = useCallback(value => {\n    const newValue = value instanceof Function ? value(storedValue) : value\n    const storageService = new LocalStorageService()\n    storageService.set(key, value)\n\n    setStoredValue(newValue)\n  }, [storedValue, setStoredValue, key])\n\n  useEffect(() => {\n    setStoredValue(get())\n  }, []) // eslint-disable-line react-hooks/exhaustive-deps\n\n  return [storedValue, setValue]\n}","/**\n * The supported languages\n */\nconst languages = ['en', 'de'] as const\n\n/**\n * The supported languages\n */\nexport type Language = typeof languages[number]\n\n/**\n * The supported languages' names in their respective language\n */\nconst languagesLocalNames: Record<Language, string> = {\n  en: 'English',\n  de: 'Deutsch',\n}\n\n/**\n * The default language\n */\nconst DEFAULT_LANGUAGE: Language = 'en'\n\n/**\n * A constant definition for holding data regarding languages\n */\nexport const LanguageUtil = {\n  languages,\n  DEFAULT_LANGUAGE,\n  languagesLocalNames,\n}","import { useLanguage } from './LanguageProvider'\nimport type { Language } from './util'\n\nexport type Translation<T> = Record<Language, T>\n\ntype OverwriteTranslationType<Translation extends Record<string, unknown>> = {\n  language?: Language,\n  translation?: Partial<Record<Language, Partial<Translation>>>,\n}\n\n/**\n * Adds the `language` prop to the component props.\n *\n * @param Translation the type of the translation object\n *\n * @param Props the type of the component props, defaults to `Record<string, never>`,\n *              if you don't expect any other props other than `language` and get an\n *              error when using your component (because it uses `forwardRef` etc.)\n *              you can try out `Record<string, unknown>`, this might resolve your\n *              problem as `SomeType & never` is still `never` but `SomeType & unknown`\n *              is `SomeType` which means that adding back props (like `ref` etc.)\n *              works properly\n */\nexport type PropsForTranslation<\n  Translation extends Record<string, unknown>,\n  Props = Record<string, never>\n> = Props & {\n  overwriteTranslation?: OverwriteTranslationType<Translation>,\n};\n\nexport const useTranslation = <Translation extends Record<string, unknown>>(\n  defaults: Record<Language, Translation>,\n  translationOverwrite: OverwriteTranslationType<Translation> = {}\n): Translation => {\n  const { language: languageProp, translation: overwrite } = translationOverwrite\n  const { language: inferredLanguage } = useLanguage()\n  const usedLanguage = languageProp ?? inferredLanguage\n  let defaultValues: Translation = defaults[usedLanguage]\n  if (overwrite && overwrite[usedLanguage]) {\n    defaultValues = { ...defaultValues, ...overwrite[usedLanguage] }\n  }\n  return defaultValues\n}\n"],"mappings":";AAAA,SAAS,oBAAoB;;;ACC7B,SAAS,eAAe,YAAY,aAAAA,YAAW,YAAAC,iBAAgB;;;ACA/D,SAAS,aAAa,WAAW,gBAAgB;;;ACEjD,IAAM,YAAY,CAAC,MAAM,IAAI;AAU7B,IAAM,sBAAgD;AAAA,EACpD,IAAI;AAAA,EACJ,IAAI;AACN;AAKA,IAAM,mBAA6B;AAK5B,IAAM,eAAe;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AACF;;;AFoCI;AAvDG,IAAM,kBAAkB,cAAoC;AAAA,EACjE,UAAU,aAAa;AAAA,EACvB,aAAa,CAAC,MAAM;AACtB,CAAC;AAEM,IAAM,cAAc,MAAM,WAAW,eAAe;;;AGcpD,IAAM,iBAAiB,CAC5B,UACA,uBAA8D,CAAC,MAC/C;AAChB,QAAM,EAAE,UAAU,cAAc,aAAa,UAAU,IAAI;AAC3D,QAAM,EAAE,UAAU,iBAAiB,IAAI,YAAY;AACnD,QAAM,eAAe,gBAAgB;AACrC,MAAI,gBAA6B,SAAS,YAAY;AACtD,MAAI,aAAa,UAAU,YAAY,GAAG;AACxC,oBAAgB,EAAE,GAAG,eAAe,GAAG,UAAU,YAAY,EAAE;AAAA,EACjE;AACA,SAAO;AACT;;;AJtCA,OAAO,UAAU;AA8Bb,SACE,OAAAC,MADF;AAxBJ,IAAM,mCAAgF;AAAA,EACpF,IAAI;AAAA,IACF,eAAe;AAAA,EACjB;AAAA,EACA,IAAI;AAAA,IACF,eAAe;AAAA,EACjB;AACF;AAUO,IAAM,iBAAiB,CAAC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AACF,MAA2E;AACxG,QAAM,cAAc,eAAe,kCAAkC,oBAAoB;AACzF,SACE,qBAAC,SAAI,WAAW,KAAK,uDAAuD,SAAS,GACnF;AAAA,oBAAAA,KAAC,gBAAa,MAAM,IAAI,WAAU,gBAAc;AAAA,IAC/C,aAAa,GAAG,YAAY,aAAa;AAAA,KAC5C;AAEJ;","names":["useEffect","useState","jsx"]}
+{"version":3,"sources":["../../../src/components/loading-states/ErrorComponent.tsx","../../../src/localization/LanguageProvider.tsx","../../../src/hooks/useLocalStorage.ts","../../../src/localization/util.ts","../../../src/localization/useTranslation.ts"],"sourcesContent":["import { AlertOctagon } from 'lucide-react'\nimport type { Language } from '../../localization/util'\nimport type { PropsForTranslation } from '../../localization/useTranslation'\nimport { useTranslation } from '../../localization/useTranslation'\nimport clsx from 'clsx'\n\ntype ErrorComponentTranslation = {\n  errorOccurred: string,\n}\n\nconst defaultErrorComponentTranslation: Record<Language, ErrorComponentTranslation> = {\n  en: {\n    errorOccurred: 'An error occurred'\n  },\n  de: {\n    errorOccurred: 'Ein Fehler ist aufgetreten'\n  }\n}\n\nexport type ErrorComponentProps = {\n  errorText?: string,\n  classname?: string,\n}\n\n/**\n * The Component to show when an error occurred\n */\nexport const ErrorComponent = ({\n                                 overwriteTranslation,\n                                 errorText,\n                                 classname\n                               }: PropsForTranslation<ErrorComponentTranslation, ErrorComponentProps>) => {\n  const translation = useTranslation(defaultErrorComponentTranslation, overwriteTranslation)\n  return (\n    <div className={clsx('col items-center justify-center gap-y-4 w-full h-24', classname)}>\n      <AlertOctagon size={64} className=\"text-warning\"/>\n      {errorText ?? `${translation.errorOccurred} :(`}\n    </div>\n  )\n}\n","import type { Dispatch, PropsWithChildren, SetStateAction } from 'react'\nimport { createContext, useContext, useEffect, useState } from 'react'\nimport { useLocalStorage } from '../hooks/useLocalStorage'\nimport type { Language } from './util'\nimport { LanguageUtil } from './util'\n\nexport type LanguageContextValue = {\n  language: Language,\n  setLanguage: Dispatch<SetStateAction<Language>>,\n}\n\nexport const LanguageContext = createContext<LanguageContextValue>({\n  language: LanguageUtil.DEFAULT_LANGUAGE,\n  setLanguage: (v) => v\n})\n\nexport const useLanguage = () => useContext(LanguageContext)\n\nexport const useLocale = (overWriteLanguage?: Language) => {\n  const { language } = useLanguage()\n  const mapping: Record<Language, string> = {\n    en: 'en-US',\n    de: 'de-DE'\n  }\n  return mapping[overWriteLanguage ?? language]\n}\n\ntype LanguageProviderProps = {\n  initialLanguage?: Language,\n}\n\nexport const LanguageProvider = ({ initialLanguage, children }: PropsWithChildren<LanguageProviderProps>) => {\n  const [language, setLanguage] = useState<Language>(initialLanguage ?? LanguageUtil.DEFAULT_LANGUAGE)\n  const [storedLanguage, setStoredLanguage] = useLocalStorage<Language>('language', initialLanguage ?? LanguageUtil.DEFAULT_LANGUAGE)\n\n  useEffect(() => {\n    if (language !== initialLanguage && initialLanguage) {\n      console.warn('LanguageProvider initial state changed: Prefer using languageProvider\\'s setLanguage instead')\n      setLanguage(initialLanguage)\n    }\n  }, [initialLanguage]) // eslint-disable-line react-hooks/exhaustive-deps\n\n  useEffect(() => {\n    // TODO set locale of html tag here as well\n    setStoredLanguage(language)\n  }, [language, setStoredLanguage])\n\n  useEffect(() => {\n    if (storedLanguage !== null) {\n      setLanguage(storedLanguage)\n      return\n    }\n\n    const LanguageToTestAgainst = Object.values(LanguageUtil.languages)\n\n    const matchingBrowserLanguage = window.navigator.languages\n      .map(language => LanguageToTestAgainst.find((test) => language === test || language.split('-')[0] === test))\n      .filter(entry => entry !== undefined)\n\n    if (matchingBrowserLanguage.length === 0) return\n\n    const firstMatch = matchingBrowserLanguage[0] as Language\n    setLanguage(firstMatch)\n  }, []) // eslint-disable-line react-hooks/exhaustive-deps\n\n  return (\n    <LanguageContext.Provider value={{\n      language,\n      setLanguage\n    }}>\n      {children}\n    </LanguageContext.Provider>\n  )\n}","import type { Dispatch, SetStateAction } from 'react'\nimport { useCallback, useEffect, useState } from 'react'\nimport { LocalStorageService } from '../util/storage'\n\ntype SetValue<T> = Dispatch<SetStateAction<T>>\nexport const useLocalStorage = <T>(key: string, initValue: T): [T, SetValue<T>] => {\n  const get = useCallback((): T => {\n    if (typeof window === 'undefined') {\n      return initValue\n    }\n    const storageService = new LocalStorageService()\n    const value = storageService.get<T>(key)\n    return value || initValue\n  }, [initValue, key])\n\n  const [storedValue, setStoredValue] = useState<T>(get)\n\n  const setValue: SetValue<T> = useCallback(value => {\n    const newValue = value instanceof Function ? value(storedValue) : value\n    const storageService = new LocalStorageService()\n    storageService.set(key, value)\n\n    setStoredValue(newValue)\n  }, [storedValue, setStoredValue, key])\n\n  useEffect(() => {\n    setStoredValue(get())\n  }, []) // eslint-disable-line react-hooks/exhaustive-deps\n\n  return [storedValue, setValue]\n}","/**\n * The supported languages\n */\nconst languages = ['en', 'de'] as const\n\n/**\n * The supported languages\n */\nexport type Language = typeof languages[number]\n\n/**\n * The supported languages' names in their respective language\n */\nconst languagesLocalNames: Record<Language, string> = {\n  en: 'English',\n  de: 'Deutsch',\n}\n\n/**\n * The default language\n */\nconst DEFAULT_LANGUAGE: Language = 'en'\n\n/**\n * A constant definition for holding data regarding languages\n */\nexport const LanguageUtil = {\n  languages,\n  DEFAULT_LANGUAGE,\n  languagesLocalNames,\n}","import { useLanguage } from './LanguageProvider'\nimport type { Language } from './util'\n\nexport type Translation<T> = Record<Language, T>\n\ntype OverwriteTranslationType<Translation extends Record<string, unknown>> = {\n  language?: Language,\n  translation?: Partial<Record<Language, Partial<Translation>>>,\n}\n\n/**\n * Adds the `language` prop to the component props.\n *\n * @param Translation the type of the translation object\n *\n * @param Props the type of the component props, defaults to `Record<string, never>`,\n *              if you don't expect any other props other than `language` and get an\n *              error when using your component (because it uses `forwardRef` etc.)\n *              you can try out `Record<string, unknown>`, this might resolve your\n *              problem as `SomeType & never` is still `never` but `SomeType & unknown`\n *              is `SomeType` which means that adding back props (like `ref` etc.)\n *              works properly\n */\nexport type PropsForTranslation<\n  Translation extends Record<string, unknown>,\n  Props = Record<string, never>\n> = Props & {\n  overwriteTranslation?: OverwriteTranslationType<Translation>,\n};\n\nexport const useTranslation = <Translation extends Record<string, unknown>>(\n  defaults: Record<Language, Translation>,\n  translationOverwrite: OverwriteTranslationType<Translation> = {}\n): Translation => {\n  const { language: languageProp, translation: overwrite } = translationOverwrite\n  const { language: inferredLanguage } = useLanguage()\n  const usedLanguage = languageProp ?? inferredLanguage\n  let defaultValues: Translation = defaults[usedLanguage]\n  if (overwrite && overwrite[usedLanguage]) {\n    defaultValues = { ...defaultValues, ...overwrite[usedLanguage] }\n  }\n  return defaultValues\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAA6B;;;ACC7B,IAAAA,gBAA+D;;;ACA/D,mBAAiD;;;ACEjD,IAAM,YAAY,CAAC,MAAM,IAAI;AAU7B,IAAM,sBAAgD;AAAA,EACpD,IAAI;AAAA,EACJ,IAAI;AACN;AAKA,IAAM,mBAA6B;AAK5B,IAAM,eAAe;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AACF;;;AFoCI;AAvDG,IAAM,sBAAkB,6BAAoC;AAAA,EACjE,UAAU,aAAa;AAAA,EACvB,aAAa,CAAC,MAAM;AACtB,CAAC;AAEM,IAAM,cAAc,UAAM,0BAAW,eAAe;;;AGcpD,IAAM,iBAAiB,CAC5B,UACA,uBAA8D,CAAC,MAC/C;AAChB,QAAM,EAAE,UAAU,cAAc,aAAa,UAAU,IAAI;AAC3D,QAAM,EAAE,UAAU,iBAAiB,IAAI,YAAY;AACnD,QAAM,eAAe,gBAAgB;AACrC,MAAI,gBAA6B,SAAS,YAAY;AACtD,MAAI,aAAa,UAAU,YAAY,GAAG;AACxC,oBAAgB,EAAE,GAAG,eAAe,GAAG,UAAU,YAAY,EAAE;AAAA,EACjE;AACA,SAAO;AACT;;;AJtCA,kBAAiB;AA8Bb,IAAAC,sBAAA;AAxBJ,IAAM,mCAAgF;AAAA,EACpF,IAAI;AAAA,IACF,eAAe;AAAA,EACjB;AAAA,EACA,IAAI;AAAA,IACF,eAAe;AAAA,EACjB;AACF;AAUO,IAAM,iBAAiB,CAAC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AACF,MAA2E;AACxG,QAAM,cAAc,eAAe,kCAAkC,oBAAoB;AACzF,SACE,8CAAC,SAAI,eAAW,YAAAC,SAAK,uDAAuD,SAAS,GACnF;AAAA,iDAAC,oCAAa,MAAM,IAAI,WAAU,gBAAc;AAAA,IAC/C,aAAa,GAAG,YAAY,aAAa;AAAA,KAC5C;AAEJ;","names":["import_react","import_jsx_runtime","clsx"]}

package/dist/components/loading-states/ErrorComponent.mjs

@@ -0,0 +1,68 @@
+// src/components/loading-states/ErrorComponent.tsx
+import { AlertOctagon } 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
+};
+
+// src/localization/LanguageProvider.tsx
+import { jsx } from "react/jsx-runtime";
+var LanguageContext = createContext({
+  language: LanguageUtil.DEFAULT_LANGUAGE,
+  setLanguage: (v) => v
+});
+var useLanguage = () => useContext(LanguageContext);
+
+// src/localization/useTranslation.ts
+var useTranslation = (defaults, translationOverwrite = {}) => {
+  const { language: languageProp, translation: overwrite } = translationOverwrite;
+  const { language: inferredLanguage } = useLanguage();
+  const usedLanguage = languageProp ?? inferredLanguage;
+  let defaultValues = defaults[usedLanguage];
+  if (overwrite && overwrite[usedLanguage]) {
+    defaultValues = { ...defaultValues, ...overwrite[usedLanguage] };
+  }
+  return defaultValues;
+};
+
+// src/components/loading-states/ErrorComponent.tsx
+import clsx from "clsx";
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+var defaultErrorComponentTranslation = {
+  en: {
+    errorOccurred: "An error occurred"
+  },
+  de: {
+    errorOccurred: "Ein Fehler ist aufgetreten"
+  }
+};
+var ErrorComponent = ({
+  overwriteTranslation,
+  errorText,
+  classname
+}) => {
+  const translation = useTranslation(defaultErrorComponentTranslation, overwriteTranslation);
+  return /* @__PURE__ */ jsxs("div", { className: clsx("col items-center justify-center gap-y-4 w-full h-24", classname), children: [
+    /* @__PURE__ */ jsx2(AlertOctagon, { size: 64, className: "text-warning" }),
+    errorText ?? `${translation.errorOccurred} :(`
+  ] });
+};
+export {
+  ErrorComponent
+};
+//# sourceMappingURL=ErrorComponent.mjs.map

package/dist/components/loading-states/ErrorComponent.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/loading-states/ErrorComponent.tsx","../../../src/localization/LanguageProvider.tsx","../../../src/hooks/useLocalStorage.ts","../../../src/localization/util.ts","../../../src/localization/useTranslation.ts"],"sourcesContent":["import { AlertOctagon } from 'lucide-react'\nimport type { Language } from '../../localization/util'\nimport type { PropsForTranslation } from '../../localization/useTranslation'\nimport { useTranslation } from '../../localization/useTranslation'\nimport clsx from 'clsx'\n\ntype ErrorComponentTranslation = {\n  errorOccurred: string,\n}\n\nconst defaultErrorComponentTranslation: Record<Language, ErrorComponentTranslation> = {\n  en: {\n    errorOccurred: 'An error occurred'\n  },\n  de: {\n    errorOccurred: 'Ein Fehler ist aufgetreten'\n  }\n}\n\nexport type ErrorComponentProps = {\n  errorText?: string,\n  classname?: string,\n}\n\n/**\n * The Component to show when an error occurred\n */\nexport const ErrorComponent = ({\n                                 overwriteTranslation,\n                                 errorText,\n                                 classname\n                               }: PropsForTranslation<ErrorComponentTranslation, ErrorComponentProps>) => {\n  const translation = useTranslation(defaultErrorComponentTranslation, overwriteTranslation)\n  return (\n    <div className={clsx('col items-center justify-center gap-y-4 w-full h-24', classname)}>\n      <AlertOctagon size={64} className=\"text-warning\"/>\n      {errorText ?? `${translation.errorOccurred} :(`}\n    </div>\n  )\n}\n","import type { Dispatch, PropsWithChildren, SetStateAction } from 'react'\nimport { createContext, useContext, useEffect, useState } from 'react'\nimport { useLocalStorage } from '../hooks/useLocalStorage'\nimport type { Language } from './util'\nimport { LanguageUtil } from './util'\n\nexport type LanguageContextValue = {\n  language: Language,\n  setLanguage: Dispatch<SetStateAction<Language>>,\n}\n\nexport const LanguageContext = createContext<LanguageContextValue>({\n  language: LanguageUtil.DEFAULT_LANGUAGE,\n  setLanguage: (v) => v\n})\n\nexport const useLanguage = () => useContext(LanguageContext)\n\nexport const useLocale = (overWriteLanguage?: Language) => {\n  const { language } = useLanguage()\n  const mapping: Record<Language, string> = {\n    en: 'en-US',\n    de: 'de-DE'\n  }\n  return mapping[overWriteLanguage ?? language]\n}\n\ntype LanguageProviderProps = {\n  initialLanguage?: Language,\n}\n\nexport const LanguageProvider = ({ initialLanguage, children }: PropsWithChildren<LanguageProviderProps>) => {\n  const [language, setLanguage] = useState<Language>(initialLanguage ?? LanguageUtil.DEFAULT_LANGUAGE)\n  const [storedLanguage, setStoredLanguage] = useLocalStorage<Language>('language', initialLanguage ?? LanguageUtil.DEFAULT_LANGUAGE)\n\n  useEffect(() => {\n    if (language !== initialLanguage && initialLanguage) {\n      console.warn('LanguageProvider initial state changed: Prefer using languageProvider\\'s setLanguage instead')\n      setLanguage(initialLanguage)\n    }\n  }, [initialLanguage]) // eslint-disable-line react-hooks/exhaustive-deps\n\n  useEffect(() => {\n    // TODO set locale of html tag here as well\n    setStoredLanguage(language)\n  }, [language, setStoredLanguage])\n\n  useEffect(() => {\n    if (storedLanguage !== null) {\n      setLanguage(storedLanguage)\n      return\n    }\n\n    const LanguageToTestAgainst = Object.values(LanguageUtil.languages)\n\n    const matchingBrowserLanguage = window.navigator.languages\n      .map(language => LanguageToTestAgainst.find((test) => language === test || language.split('-')[0] === test))\n      .filter(entry => entry !== undefined)\n\n    if (matchingBrowserLanguage.length === 0) return\n\n    const firstMatch = matchingBrowserLanguage[0] as Language\n    setLanguage(firstMatch)\n  }, []) // eslint-disable-line react-hooks/exhaustive-deps\n\n  return (\n    <LanguageContext.Provider value={{\n      language,\n      setLanguage\n    }}>\n      {children}\n    </LanguageContext.Provider>\n  )\n}","import type { Dispatch, SetStateAction } from 'react'\nimport { useCallback, useEffect, useState } from 'react'\nimport { LocalStorageService } from '../util/storage'\n\ntype SetValue<T> = Dispatch<SetStateAction<T>>\nexport const useLocalStorage = <T>(key: string, initValue: T): [T, SetValue<T>] => {\n  const get = useCallback((): T => {\n    if (typeof window === 'undefined') {\n      return initValue\n    }\n    const storageService = new LocalStorageService()\n    const value = storageService.get<T>(key)\n    return value || initValue\n  }, [initValue, key])\n\n  const [storedValue, setStoredValue] = useState<T>(get)\n\n  const setValue: SetValue<T> = useCallback(value => {\n    const newValue = value instanceof Function ? value(storedValue) : value\n    const storageService = new LocalStorageService()\n    storageService.set(key, value)\n\n    setStoredValue(newValue)\n  }, [storedValue, setStoredValue, key])\n\n  useEffect(() => {\n    setStoredValue(get())\n  }, []) // eslint-disable-line react-hooks/exhaustive-deps\n\n  return [storedValue, setValue]\n}","/**\n * The supported languages\n */\nconst languages = ['en', 'de'] as const\n\n/**\n * The supported languages\n */\nexport type Language = typeof languages[number]\n\n/**\n * The supported languages' names in their respective language\n */\nconst languagesLocalNames: Record<Language, string> = {\n  en: 'English',\n  de: 'Deutsch',\n}\n\n/**\n * The default language\n */\nconst DEFAULT_LANGUAGE: Language = 'en'\n\n/**\n * A constant definition for holding data regarding languages\n */\nexport const LanguageUtil = {\n  languages,\n  DEFAULT_LANGUAGE,\n  languagesLocalNames,\n}","import { useLanguage } from './LanguageProvider'\nimport type { Language } from './util'\n\nexport type Translation<T> = Record<Language, T>\n\ntype OverwriteTranslationType<Translation extends Record<string, unknown>> = {\n  language?: Language,\n  translation?: Partial<Record<Language, Partial<Translation>>>,\n}\n\n/**\n * Adds the `language` prop to the component props.\n *\n * @param Translation the type of the translation object\n *\n * @param Props the type of the component props, defaults to `Record<string, never>`,\n *              if you don't expect any other props other than `language` and get an\n *              error when using your component (because it uses `forwardRef` etc.)\n *              you can try out `Record<string, unknown>`, this might resolve your\n *              problem as `SomeType & never` is still `never` but `SomeType & unknown`\n *              is `SomeType` which means that adding back props (like `ref` etc.)\n *              works properly\n */\nexport type PropsForTranslation<\n  Translation extends Record<string, unknown>,\n  Props = Record<string, never>\n> = Props & {\n  overwriteTranslation?: OverwriteTranslationType<Translation>,\n};\n\nexport const useTranslation = <Translation extends Record<string, unknown>>(\n  defaults: Record<Language, Translation>,\n  translationOverwrite: OverwriteTranslationType<Translation> = {}\n): Translation => {\n  const { language: languageProp, translation: overwrite } = translationOverwrite\n  const { language: inferredLanguage } = useLanguage()\n  const usedLanguage = languageProp ?? inferredLanguage\n  let defaultValues: Translation = defaults[usedLanguage]\n  if (overwrite && overwrite[usedLanguage]) {\n    defaultValues = { ...defaultValues, ...overwrite[usedLanguage] }\n  }\n  return defaultValues\n}\n"],"mappings":";AAAA,SAAS,oBAAoB;;;ACC7B,SAAS,eAAe,YAAY,aAAAA,YAAW,YAAAC,iBAAgB;;;ACA/D,SAAS,aAAa,WAAW,gBAAgB;;;ACEjD,IAAM,YAAY,CAAC,MAAM,IAAI;AAU7B,IAAM,sBAAgD;AAAA,EACpD,IAAI;AAAA,EACJ,IAAI;AACN;AAKA,IAAM,mBAA6B;AAK5B,IAAM,eAAe;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AACF;;;AFoCI;AAvDG,IAAM,kBAAkB,cAAoC;AAAA,EACjE,UAAU,aAAa;AAAA,EACvB,aAAa,CAAC,MAAM;AACtB,CAAC;AAEM,IAAM,cAAc,MAAM,WAAW,eAAe;;;AGcpD,IAAM,iBAAiB,CAC5B,UACA,uBAA8D,CAAC,MAC/C;AAChB,QAAM,EAAE,UAAU,cAAc,aAAa,UAAU,IAAI;AAC3D,QAAM,EAAE,UAAU,iBAAiB,IAAI,YAAY;AACnD,QAAM,eAAe,gBAAgB;AACrC,MAAI,gBAA6B,SAAS,YAAY;AACtD,MAAI,aAAa,UAAU,YAAY,GAAG;AACxC,oBAAgB,EAAE,GAAG,eAAe,GAAG,UAAU,YAAY,EAAE;AAAA,EACjE;AACA,SAAO;AACT;;;AJtCA,OAAO,UAAU;AA8Bb,SACE,OAAAC,MADF;AAxBJ,IAAM,mCAAgF;AAAA,EACpF,IAAI;AAAA,IACF,eAAe;AAAA,EACjB;AAAA,EACA,IAAI;AAAA,IACF,eAAe;AAAA,EACjB;AACF;AAUO,IAAM,iBAAiB,CAAC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AACF,MAA2E;AACxG,QAAM,cAAc,eAAe,kCAAkC,oBAAoB;AACzF,SACE,qBAAC,SAAI,WAAW,KAAK,uDAAuD,SAAS,GACnF;AAAA,oBAAAA,KAAC,gBAAa,MAAM,IAAI,WAAU,gBAAc;AAAA,IAC/C,aAAa,GAAG,YAAY,aAAa;AAAA,KAC5C;AAEJ;","names":["useEffect","useState","jsx"]}

package/dist/components/loading-states/{LoadingAndErrorComponent.d.cts → LoadingAndErrorComponent.d.mts}

@@ -1,10 +1,10 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
 import { PropsWithChildren } from 'react';
-import { LoadingAnimationProps } from './LoadingAnimation.cjs';
-import { ErrorComponentProps } from './ErrorComponent.cjs';
-import '../../localization/useTranslation.cjs';
-import '../../localization/util.cjs';
+import { LoadingAnimationProps } from './LoadingAnimation.mjs';
+import { ErrorComponentProps } from './ErrorComponent.mjs';
+import '../../localization/useTranslation.mjs';
+import '../../localization/util.mjs';
 
 type LoadingAndErrorComponentProps = PropsWithChildren<{
     isLoading?: boolean;
@@ -19,6 +19,6 @@ type LoadingAndErrorComponentProps = PropsWithChildren<{
 /**
  * A Component that shows the Error and Loading animation, when appropriate and the children otherwise
  */
-declare const LoadingAndErrorComponent: ({ children, isLoading, hasError, errorProps, loadingProps, minimumLoadingDuration }: LoadingAndErrorComponentProps) => string | number | boolean | Iterable<react.ReactNode> | react_jsx_runtime.JSX.Element | null | undefined;
+declare const LoadingAndErrorComponent: ({ children, isLoading, hasError, errorProps, loadingProps, minimumLoadingDuration }: LoadingAndErrorComponentProps) => string | number | boolean | Iterable<react.ReactNode> | react_jsx_runtime.JSX.Element;
 
 export { LoadingAndErrorComponent, type LoadingAndErrorComponentProps };

package/dist/components/loading-states/LoadingAndErrorComponent.d.ts

@@ -19,6 +19,6 @@ type LoadingAndErrorComponentProps = PropsWithChildren<{
 /**
  * A Component that shows the Error and Loading animation, when appropriate and the children otherwise
  */
-declare const LoadingAndErrorComponent: ({ children, isLoading, hasError, errorProps, loadingProps, minimumLoadingDuration }: LoadingAndErrorComponentProps) => string | number | boolean | Iterable<react.ReactNode> | react_jsx_runtime.JSX.Element | null | undefined;
+declare const LoadingAndErrorComponent: ({ children, isLoading, hasError, errorProps, loadingProps, minimumLoadingDuration }: LoadingAndErrorComponentProps) => string | number | boolean | Iterable<react.ReactNode> | react_jsx_runtime.JSX.Element;
 
 export { LoadingAndErrorComponent, type LoadingAndErrorComponentProps };