@helpwave/hightide 0.1.27 → 0.1.28

package/dist/coloring/index.d.mts

@@ -0,0 +1,2 @@
+export { generateShadingColors } from './shading.mjs';
+export { ColorMode, ColorShadingValue, Coloring, ColoringStyle, ShadedColors, shadingColorValues } from './types.mjs';

package/dist/coloring/index.d.ts

@@ -0,0 +1,2 @@
+export { generateShadingColors } from './shading.js';
+export { ColorMode, ColorShadingValue, Coloring, ColoringStyle, ShadedColors, shadingColorValues } from './types.js';

package/dist/coloring/index.js

@@ -0,0 +1,85 @@
+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/coloring/index.ts
+var coloring_exports = {};
+__export(coloring_exports, {
+  generateShadingColors: () => generateShadingColors,
+  shadingColorValues: () => shadingColorValues
+});
+module.exports = __toCommonJS(coloring_exports);
+
+// src/coloring/shading.ts
+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/coloring/shading.ts
+var generateShadingColors = (partialShading) => {
+  const shading = {
+    0: "#FFFFFF",
+    1e3: "#000000"
+  };
+  let index = 1;
+  while (index < shadingColorValues.length - 1) {
+    const previous = shadingColorValues[index - 1];
+    const current = shadingColorValues[index];
+    if (partialShading[current] !== void 0) {
+      shading[current] = partialShading[current];
+      index++;
+      continue;
+    }
+    let j = index + 1;
+    while (j < shadingColorValues.length) {
+      if (partialShading[shadingColorValues[j]] !== void 0) {
+        break;
+      }
+      j++;
+    }
+    if (j === shadingColorValues.length) {
+      j = shadingColorValues.length - 1;
+    }
+    const nextFound = shadingColorValues[j];
+    const interval = nextFound - previous;
+    for (let k = index; k < j; k++) {
+      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();
+    }
+    index = j;
+  }
+  return shading;
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  generateShadingColors,
+  shadingColorValues
+});
+//# sourceMappingURL=index.js.map

package/dist/coloring/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/coloring/index.ts","../../src/coloring/shading.ts","../../src/coloring/types.ts"],"sourcesContent":["export * from './shading'\nexport * from './types'\n","import tinycolor from 'tinycolor2'\nimport type { ShadedColors } from './types'\nimport { shadingColorValues } from './types'\n\n// Function to generate a full shading of several colors\nexport const generateShadingColors = (partialShading: Omit<Partial<ShadedColors>, '0' | '1000'>): ShadedColors => {\n  const shading: ShadedColors = {\n    0: '#FFFFFF',\n    1000: '#000000'\n  } as ShadedColors\n\n  let index = 1\n  while (index < shadingColorValues.length - 1) {\n    const previous = shadingColorValues[index - 1]!\n    const current = shadingColorValues[index]!\n\n    if (partialShading[current] !== undefined) {\n      shading[current] = partialShading[current]\n      index++\n      continue\n    }\n\n    let j: number = index + 1\n    while (j < shadingColorValues.length) {\n      if (partialShading[shadingColorValues[j]!] !== undefined) {\n        break\n      }\n      j++\n    }\n    if (j === shadingColorValues.length) {\n      j = shadingColorValues.length - 1\n    }\n\n    const nextFound = shadingColorValues[j]!\n    const interval = nextFound - previous\n    for (let k = index; k < j; k++) {\n      const current = shadingColorValues[k]!\n      const previousValue = partialShading[previous] ?? shading[previous]\n      const nextValue = partialShading[nextFound] ?? shading[nextFound]\n      shading[current] = tinycolor.mix(tinycolor(previousValue), tinycolor(nextValue), (current - previous) / interval * 100).toHexString()\n    }\n    index = j\n  }\n\n  return shading\n}\n","export const shadingColorValues = [0, 50, 100, 150, 200, 250, 300, 350, 400, 450, 500, 550, 600, 650, 700, 750, 800, 850, 900, 950, 1000] as const\nexport type ColorShadingValue = typeof shadingColorValues[number]\nexport type ShadedColors = Record<ColorShadingValue, string>\n\nexport type ColoringStyle = 'background' | 'tonal' | 'tonal-opaque' | 'text' | 'text-border'\nexport type ColorMode = 'light' | 'dark'\n\nexport type Coloring = {\n  color: '',\n  style?: ColoringStyle,\n  mode?: ColorMode,\n  hover?: boolean,\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,wBAAsB;;;ACAf,IAAM,qBAAqB,CAAC,GAAG,IAAI,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,GAAI;;;ADKjI,IAAM,wBAAwB,CAAC,mBAA4E;AAChH,QAAM,UAAwB;AAAA,IAC5B,GAAG;AAAA,IACH,KAAM;AAAA,EACR;AAEA,MAAI,QAAQ;AACZ,SAAO,QAAQ,mBAAmB,SAAS,GAAG;AAC5C,UAAM,WAAW,mBAAmB,QAAQ,CAAC;AAC7C,UAAM,UAAU,mBAAmB,KAAK;AAExC,QAAI,eAAe,OAAO,MAAM,QAAW;AACzC,cAAQ,OAAO,IAAI,eAAe,OAAO;AACzC;AACA;AAAA,IACF;AAEA,QAAI,IAAY,QAAQ;AACxB,WAAO,IAAI,mBAAmB,QAAQ;AACpC,UAAI,eAAe,mBAAmB,CAAC,CAAE,MAAM,QAAW;AACxD;AAAA,MACF;AACA;AAAA,IACF;AACA,QAAI,MAAM,mBAAmB,QAAQ;AACnC,UAAI,mBAAmB,SAAS;AAAA,IAClC;AAEA,UAAM,YAAY,mBAAmB,CAAC;AACtC,UAAM,WAAW,YAAY;AAC7B,aAAS,IAAI,OAAO,IAAI,GAAG,KAAK;AAC9B,YAAMA,WAAU,mBAAmB,CAAC;AACpC,YAAM,gBAAgB,eAAe,QAAQ,KAAK,QAAQ,QAAQ;AAClE,YAAM,YAAY,eAAe,SAAS,KAAK,QAAQ,SAAS;AAChE,cAAQA,QAAO,IAAI,kBAAAC,QAAU,QAAI,kBAAAA,SAAU,aAAa,OAAG,kBAAAA,SAAU,SAAS,IAAID,WAAU,YAAY,WAAW,GAAG,EAAE,YAAY;AAAA,IACtI;AACA,YAAQ;AAAA,EACV;AAEA,SAAO;AACT;","names":["current","tinycolor"]}

package/dist/coloring/index.mjs

@@ -0,0 +1,48 @@
+// 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/coloring/shading.ts
+var generateShadingColors = (partialShading) => {
+  const shading = {
+    0: "#FFFFFF",
+    1e3: "#000000"
+  };
+  let index = 1;
+  while (index < shadingColorValues.length - 1) {
+    const previous = shadingColorValues[index - 1];
+    const current = shadingColorValues[index];
+    if (partialShading[current] !== void 0) {
+      shading[current] = partialShading[current];
+      index++;
+      continue;
+    }
+    let j = index + 1;
+    while (j < shadingColorValues.length) {
+      if (partialShading[shadingColorValues[j]] !== void 0) {
+        break;
+      }
+      j++;
+    }
+    if (j === shadingColorValues.length) {
+      j = shadingColorValues.length - 1;
+    }
+    const nextFound = shadingColorValues[j];
+    const interval = nextFound - previous;
+    for (let k = index; k < j; k++) {
+      const current2 = shadingColorValues[k];
+      const previousValue = partialShading[previous] ?? shading[previous];
+      const nextValue = partialShading[nextFound] ?? shading[nextFound];
+      shading[current2] = tinycolor.mix(tinycolor(previousValue), tinycolor(nextValue), (current2 - previous) / interval * 100).toHexString();
+    }
+    index = j;
+  }
+  return shading;
+};
+export {
+  generateShadingColors,
+  shadingColorValues
+};
+//# sourceMappingURL=index.mjs.map

package/dist/coloring/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/coloring/shading.ts","../../src/coloring/types.ts"],"sourcesContent":["import tinycolor from 'tinycolor2'\nimport type { ShadedColors } from './types'\nimport { shadingColorValues } from './types'\n\n// Function to generate a full shading of several colors\nexport const generateShadingColors = (partialShading: Omit<Partial<ShadedColors>, '0' | '1000'>): ShadedColors => {\n  const shading: ShadedColors = {\n    0: '#FFFFFF',\n    1000: '#000000'\n  } as ShadedColors\n\n  let index = 1\n  while (index < shadingColorValues.length - 1) {\n    const previous = shadingColorValues[index - 1]!\n    const current = shadingColorValues[index]!\n\n    if (partialShading[current] !== undefined) {\n      shading[current] = partialShading[current]\n      index++\n      continue\n    }\n\n    let j: number = index + 1\n    while (j < shadingColorValues.length) {\n      if (partialShading[shadingColorValues[j]!] !== undefined) {\n        break\n      }\n      j++\n    }\n    if (j === shadingColorValues.length) {\n      j = shadingColorValues.length - 1\n    }\n\n    const nextFound = shadingColorValues[j]!\n    const interval = nextFound - previous\n    for (let k = index; k < j; k++) {\n      const current = shadingColorValues[k]!\n      const previousValue = partialShading[previous] ?? shading[previous]\n      const nextValue = partialShading[nextFound] ?? shading[nextFound]\n      shading[current] = tinycolor.mix(tinycolor(previousValue), tinycolor(nextValue), (current - previous) / interval * 100).toHexString()\n    }\n    index = j\n  }\n\n  return shading\n}\n","export const shadingColorValues = [0, 50, 100, 150, 200, 250, 300, 350, 400, 450, 500, 550, 600, 650, 700, 750, 800, 850, 900, 950, 1000] as const\nexport type ColorShadingValue = typeof shadingColorValues[number]\nexport type ShadedColors = Record<ColorShadingValue, string>\n\nexport type ColoringStyle = 'background' | 'tonal' | 'tonal-opaque' | 'text' | 'text-border'\nexport type ColorMode = 'light' | 'dark'\n\nexport type Coloring = {\n  color: '',\n  style?: ColoringStyle,\n  mode?: ColorMode,\n  hover?: boolean,\n}\n"],"mappings":";AAAA,OAAO,eAAe;;;ACAf,IAAM,qBAAqB,CAAC,GAAG,IAAI,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,GAAI;;;ADKjI,IAAM,wBAAwB,CAAC,mBAA4E;AAChH,QAAM,UAAwB;AAAA,IAC5B,GAAG;AAAA,IACH,KAAM;AAAA,EACR;AAEA,MAAI,QAAQ;AACZ,SAAO,QAAQ,mBAAmB,SAAS,GAAG;AAC5C,UAAM,WAAW,mBAAmB,QAAQ,CAAC;AAC7C,UAAM,UAAU,mBAAmB,KAAK;AAExC,QAAI,eAAe,OAAO,MAAM,QAAW;AACzC,cAAQ,OAAO,IAAI,eAAe,OAAO;AACzC;AACA;AAAA,IACF;AAEA,QAAI,IAAY,QAAQ;AACxB,WAAO,IAAI,mBAAmB,QAAQ;AACpC,UAAI,eAAe,mBAAmB,CAAC,CAAE,MAAM,QAAW;AACxD;AAAA,MACF;AACA;AAAA,IACF;AACA,QAAI,MAAM,mBAAmB,QAAQ;AACnC,UAAI,mBAAmB,SAAS;AAAA,IAClC;AAEA,UAAM,YAAY,mBAAmB,CAAC;AACtC,UAAM,WAAW,YAAY;AAC7B,aAAS,IAAI,OAAO,IAAI,GAAG,KAAK;AAC9B,YAAMA,WAAU,mBAAmB,CAAC;AACpC,YAAM,gBAAgB,eAAe,QAAQ,KAAK,QAAQ,QAAQ;AAClE,YAAM,YAAY,eAAe,SAAS,KAAK,QAAQ,SAAS;AAChE,cAAQA,QAAO,IAAI,UAAU,IAAI,UAAU,aAAa,GAAG,UAAU,SAAS,IAAIA,WAAU,YAAY,WAAW,GAAG,EAAE,YAAY;AAAA,IACtI;AACA,YAAQ;AAAA,EACV;AAEA,SAAO;AACT;","names":["current"]}

package/dist/components/branding/index.d.mts

@@ -0,0 +1,3 @@
+export { HelpwaveBadge, HelpwaveBadgeProps } from './HelpwaveBadge.mjs';
+import 'react/jsx-runtime';
+import 'react';

package/dist/components/branding/index.d.ts

@@ -0,0 +1,3 @@
+export { HelpwaveBadge, HelpwaveBadgeProps } from './HelpwaveBadge.js';
+import 'react/jsx-runtime';
+import 'react';

package/dist/components/branding/index.js

@@ -0,0 +1,140 @@
+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/branding/index.ts
+var branding_exports = {};
+__export(branding_exports, {
+  HelpwaveBadge: () => HelpwaveBadge
+});
+module.exports = __toCommonJS(branding_exports);
+
+// src/components/icons-and-geometry/HelpwaveLogo.tsx
+var import_clsx = require("clsx");
+var import_jsx_runtime = require("react/jsx-runtime");
+var HelpwaveLogo = ({
+  color = "currentColor",
+  size,
+  animate = "none",
+  ...props
+}) => {
+  const isLoadingAnimation = animate === "loading";
+  let svgAnimationKey = "";
+  if (animate === "pulse") {
+    svgAnimationKey = "animate-pulse";
+  } else if (animate === "bounce") {
+    svgAnimationKey = "animate-bounce";
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "svg",
+    {
+      ...props,
+      viewBox: "0 0 1024 1024",
+      fill: "none",
+      strokeLinecap: "round",
+      strokeWidth: 65,
+      className: (0, import_clsx.clsx)({
+        "max-w-16 max-h-16": size === "lg",
+        "max-w-12 max-h-12": size === "md",
+        "max-w-8 max-h-8": size === "sm"
+      }, props.className),
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", { className: (0, import_clsx.clsx)(svgAnimationKey), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "path",
+          {
+            className: (0, import_clsx.clsx)({ "animate-wave-big-left-up": isLoadingAnimation }),
+            d: "M146 644.214C146 498.088 253.381 379.629 385.843 379.629",
+            stroke: color,
+            strokeDasharray: "1000"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "path",
+          {
+            className: (0, import_clsx.clsx)({ "animate-wave-big-right-down": isLoadingAnimation }),
+            d: "M625.686 645.272C493.224 645.272 385.843 526.813 385.843 380.687",
+            stroke: color,
+            strokeDasharray: "1000"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "path",
+          {
+            className: (0, import_clsx.clsx)({ "animate-wave-small-left-up": isLoadingAnimation }),
+            d: "M533.585 613.522C533.585 508.895 610.47 424.079 705.312 424.079",
+            stroke: color,
+            strokeDasharray: "1000"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "path",
+          {
+            className: (0, import_clsx.clsx)({ "animate-wave-small-right-down": isLoadingAnimation }),
+            d: "M878 615.639C782.628 615.639 705.313 530.822 705.313 426.196",
+            stroke: color,
+            strokeDasharray: "1000"
+          }
+        )
+      ] })
+    }
+  );
+};
+
+// src/components/branding/HelpwaveBadge.tsx
+var import_clsx2 = __toESM(require("clsx"));
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var HelpwaveBadge = ({
+  size = "sm",
+  ...props
+}) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+    "span",
+    {
+      ...props,
+      className: (0, import_clsx2.default)(
+        "flex flex-row items-center font-bold font-space rounded-md",
+        {
+          "px-2 py-1": size === "sm" || size === "md",
+          "px-4 py-1": size === "lg",
+          "gap-x-1": size === "sm",
+          "gap-x-2 text-lg": size === "md",
+          "gap-x-2 text-xl": size === "lg"
+        },
+        props.className
+      ),
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(HelpwaveLogo, { size }),
+        "helpwave"
+      ]
+    }
+  );
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  HelpwaveBadge
+});
+//# sourceMappingURL=index.js.map

package/dist/components/branding/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/branding/index.ts","../../../src/components/icons-and-geometry/HelpwaveLogo.tsx","../../../src/components/branding/HelpwaveBadge.tsx"],"sourcesContent":["export * from './HelpwaveBadge'\n","import type { SVGProps } from 'react'\nimport { clsx } from 'clsx'\n\nexport type HelpwaveProps = SVGProps<SVGSVGElement> & {\n  color?: string,\n  animate?: 'none' | 'loading' | 'pulse' | 'bounce',\n  size?: 'sm' | 'md' | 'lg',\n}\n\n/**\n * The helpwave loading spinner based on the svg logo.\n */\nexport const HelpwaveLogo = ({\n                               color = 'currentColor',\n                               size,\n                               animate = 'none',\n                               ...props\n                             }: HelpwaveProps) => {\n  const isLoadingAnimation = animate === 'loading'\n  let svgAnimationKey = ''\n\n  if (animate === 'pulse') {\n    svgAnimationKey = 'animate-pulse'\n  } else if (animate === 'bounce') {\n    svgAnimationKey = 'animate-bounce'\n  }\n\n  return (\n    <svg\n      {...props}\n      viewBox=\"0 0 1024 1024\"\n      fill=\"none\"\n      strokeLinecap=\"round\"\n      strokeWidth={65}\n      className={clsx({\n        'max-w-16 max-h-16': size === 'lg',\n        'max-w-12 max-h-12': size === 'md',\n        'max-w-8 max-h-8': size === 'sm',\n      }, props.className)}\n    >\n      <g className={clsx(svgAnimationKey)}>\n        <path className={clsx({ 'animate-wave-big-left-up': isLoadingAnimation })}\n              d=\"M146 644.214C146 498.088 253.381 379.629 385.843 379.629\" stroke={color} strokeDasharray=\"1000\"/>\n        <path className={clsx({ 'animate-wave-big-right-down': isLoadingAnimation })}\n              d=\"M625.686 645.272C493.224 645.272 385.843 526.813 385.843 380.687\" stroke={color}\n              strokeDasharray=\"1000\"/>\n        <path className={clsx({ 'animate-wave-small-left-up': isLoadingAnimation })}\n              d=\"M533.585 613.522C533.585 508.895 610.47 424.079 705.312 424.079\" stroke={color}\n              strokeDasharray=\"1000\"/>\n        <path className={clsx({ 'animate-wave-small-right-down': isLoadingAnimation })}\n              d=\"M878 615.639C782.628 615.639 705.313 530.822 705.313 426.196\" stroke={color}\n              strokeDasharray=\"1000\"/>\n      </g>\n    </svg>\n  )\n}\n","import { HelpwaveLogo } from '../icons-and-geometry/HelpwaveLogo'\nimport type { HTMLAttributes } from 'react'\nimport clsx from 'clsx'\n\ntype Size = 'sm' | 'md' | 'lg'\n\nexport type HelpwaveBadgeProps = HTMLAttributes<HTMLSpanElement> & {\n  size?: Size,\n}\n\n/**\n * A Badge with the helpwave logo and the helpwave name\n */\nexport const HelpwaveBadge = ({\n                                size = 'sm',\n                                ...props\n                              }: HelpwaveBadgeProps) => {\n  return (\n    <span\n      {...props}\n      className={clsx(\n        'flex flex-row items-center font-bold font-space rounded-md',\n        {\n          'px-2 py-1': size === 'sm' || size === 'md',\n          'px-4 py-1': size === 'lg',\n          'gap-x-1': size === 'sm',\n          'gap-x-2 text-lg': size === 'md',\n          'gap-x-2 text-xl': size === 'lg'\n        }, props.className\n      )}\n    >\n      <HelpwaveLogo size={size}/>\n      helpwave\n    </span>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACCA,kBAAqB;AAuCf;AA5BC,IAAM,eAAe,CAAC;AAAA,EACE,QAAQ;AAAA,EACR;AAAA,EACA,UAAU;AAAA,EACV,GAAG;AACL,MAAqB;AAChD,QAAM,qBAAqB,YAAY;AACvC,MAAI,kBAAkB;AAEtB,MAAI,YAAY,SAAS;AACvB,sBAAkB;AAAA,EACpB,WAAW,YAAY,UAAU;AAC/B,sBAAkB;AAAA,EACpB;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,eAAc;AAAA,MACd,aAAa;AAAA,MACb,eAAW,kBAAK;AAAA,QACd,qBAAqB,SAAS;AAAA,QAC9B,qBAAqB,SAAS;AAAA,QAC9B,mBAAmB,SAAS;AAAA,MAC9B,GAAG,MAAM,SAAS;AAAA,MAElB,uDAAC,OAAE,eAAW,kBAAK,eAAe,GAChC;AAAA;AAAA,UAAC;AAAA;AAAA,YAAK,eAAW,kBAAK,EAAE,4BAA4B,mBAAmB,CAAC;AAAA,YAClE,GAAE;AAAA,YAA2D,QAAQ;AAAA,YAAO,iBAAgB;AAAA;AAAA,QAAM;AAAA,QACxG;AAAA,UAAC;AAAA;AAAA,YAAK,eAAW,kBAAK,EAAE,+BAA+B,mBAAmB,CAAC;AAAA,YACrE,GAAE;AAAA,YAAmE,QAAQ;AAAA,YAC7E,iBAAgB;AAAA;AAAA,QAAM;AAAA,QAC5B;AAAA,UAAC;AAAA;AAAA,YAAK,eAAW,kBAAK,EAAE,8BAA8B,mBAAmB,CAAC;AAAA,YACpE,GAAE;AAAA,YAAkE,QAAQ;AAAA,YAC5E,iBAAgB;AAAA;AAAA,QAAM;AAAA,QAC5B;AAAA,UAAC;AAAA;AAAA,YAAK,eAAW,kBAAK,EAAE,iCAAiC,mBAAmB,CAAC;AAAA,YACvE,GAAE;AAAA,YAA+D,QAAQ;AAAA,YACzE,iBAAgB;AAAA;AAAA,QAAM;AAAA,SAC9B;AAAA;AAAA,EACF;AAEJ;;;ACrDA,IAAAA,eAAiB;AAgBb,IAAAC,sBAAA;AALG,IAAM,gBAAgB,CAAC;AAAA,EACE,OAAO;AAAA,EACP,GAAG;AACL,MAA0B;AACtD,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,eAAW,aAAAC;AAAA,QACT;AAAA,QACA;AAAA,UACE,aAAa,SAAS,QAAQ,SAAS;AAAA,UACvC,aAAa,SAAS;AAAA,UACtB,WAAW,SAAS;AAAA,UACpB,mBAAmB,SAAS;AAAA,UAC5B,mBAAmB,SAAS;AAAA,QAC9B;AAAA,QAAG,MAAM;AAAA,MACX;AAAA,MAEA;AAAA,qDAAC,gBAAa,MAAW;AAAA,QAAE;AAAA;AAAA;AAAA,EAE7B;AAEJ;","names":["import_clsx","import_jsx_runtime","clsx"]}

package/dist/components/branding/index.mjs

@@ -0,0 +1,104 @@
+// src/components/icons-and-geometry/HelpwaveLogo.tsx
+import { clsx } from "clsx";
+import { jsx, jsxs } from "react/jsx-runtime";
+var HelpwaveLogo = ({
+  color = "currentColor",
+  size,
+  animate = "none",
+  ...props
+}) => {
+  const isLoadingAnimation = animate === "loading";
+  let svgAnimationKey = "";
+  if (animate === "pulse") {
+    svgAnimationKey = "animate-pulse";
+  } else if (animate === "bounce") {
+    svgAnimationKey = "animate-bounce";
+  }
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      ...props,
+      viewBox: "0 0 1024 1024",
+      fill: "none",
+      strokeLinecap: "round",
+      strokeWidth: 65,
+      className: clsx({
+        "max-w-16 max-h-16": size === "lg",
+        "max-w-12 max-h-12": size === "md",
+        "max-w-8 max-h-8": size === "sm"
+      }, props.className),
+      children: /* @__PURE__ */ jsxs("g", { className: clsx(svgAnimationKey), children: [
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            className: clsx({ "animate-wave-big-left-up": isLoadingAnimation }),
+            d: "M146 644.214C146 498.088 253.381 379.629 385.843 379.629",
+            stroke: color,
+            strokeDasharray: "1000"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            className: clsx({ "animate-wave-big-right-down": isLoadingAnimation }),
+            d: "M625.686 645.272C493.224 645.272 385.843 526.813 385.843 380.687",
+            stroke: color,
+            strokeDasharray: "1000"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            className: clsx({ "animate-wave-small-left-up": isLoadingAnimation }),
+            d: "M533.585 613.522C533.585 508.895 610.47 424.079 705.312 424.079",
+            stroke: color,
+            strokeDasharray: "1000"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            className: clsx({ "animate-wave-small-right-down": isLoadingAnimation }),
+            d: "M878 615.639C782.628 615.639 705.313 530.822 705.313 426.196",
+            stroke: color,
+            strokeDasharray: "1000"
+          }
+        )
+      ] })
+    }
+  );
+};
+
+// src/components/branding/HelpwaveBadge.tsx
+import clsx2 from "clsx";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var HelpwaveBadge = ({
+  size = "sm",
+  ...props
+}) => {
+  return /* @__PURE__ */ jsxs2(
+    "span",
+    {
+      ...props,
+      className: clsx2(
+        "flex flex-row items-center font-bold font-space rounded-md",
+        {
+          "px-2 py-1": size === "sm" || size === "md",
+          "px-4 py-1": size === "lg",
+          "gap-x-1": size === "sm",
+          "gap-x-2 text-lg": size === "md",
+          "gap-x-2 text-xl": size === "lg"
+        },
+        props.className
+      ),
+      children: [
+        /* @__PURE__ */ jsx2(HelpwaveLogo, { size }),
+        "helpwave"
+      ]
+    }
+  );
+};
+export {
+  HelpwaveBadge
+};
+//# sourceMappingURL=index.mjs.map

package/dist/components/branding/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/icons-and-geometry/HelpwaveLogo.tsx","../../../src/components/branding/HelpwaveBadge.tsx"],"sourcesContent":["import type { SVGProps } from 'react'\nimport { clsx } from 'clsx'\n\nexport type HelpwaveProps = SVGProps<SVGSVGElement> & {\n  color?: string,\n  animate?: 'none' | 'loading' | 'pulse' | 'bounce',\n  size?: 'sm' | 'md' | 'lg',\n}\n\n/**\n * The helpwave loading spinner based on the svg logo.\n */\nexport const HelpwaveLogo = ({\n                               color = 'currentColor',\n                               size,\n                               animate = 'none',\n                               ...props\n                             }: HelpwaveProps) => {\n  const isLoadingAnimation = animate === 'loading'\n  let svgAnimationKey = ''\n\n  if (animate === 'pulse') {\n    svgAnimationKey = 'animate-pulse'\n  } else if (animate === 'bounce') {\n    svgAnimationKey = 'animate-bounce'\n  }\n\n  return (\n    <svg\n      {...props}\n      viewBox=\"0 0 1024 1024\"\n      fill=\"none\"\n      strokeLinecap=\"round\"\n      strokeWidth={65}\n      className={clsx({\n        'max-w-16 max-h-16': size === 'lg',\n        'max-w-12 max-h-12': size === 'md',\n        'max-w-8 max-h-8': size === 'sm',\n      }, props.className)}\n    >\n      <g className={clsx(svgAnimationKey)}>\n        <path className={clsx({ 'animate-wave-big-left-up': isLoadingAnimation })}\n              d=\"M146 644.214C146 498.088 253.381 379.629 385.843 379.629\" stroke={color} strokeDasharray=\"1000\"/>\n        <path className={clsx({ 'animate-wave-big-right-down': isLoadingAnimation })}\n              d=\"M625.686 645.272C493.224 645.272 385.843 526.813 385.843 380.687\" stroke={color}\n              strokeDasharray=\"1000\"/>\n        <path className={clsx({ 'animate-wave-small-left-up': isLoadingAnimation })}\n              d=\"M533.585 613.522C533.585 508.895 610.47 424.079 705.312 424.079\" stroke={color}\n              strokeDasharray=\"1000\"/>\n        <path className={clsx({ 'animate-wave-small-right-down': isLoadingAnimation })}\n              d=\"M878 615.639C782.628 615.639 705.313 530.822 705.313 426.196\" stroke={color}\n              strokeDasharray=\"1000\"/>\n      </g>\n    </svg>\n  )\n}\n","import { HelpwaveLogo } from '../icons-and-geometry/HelpwaveLogo'\nimport type { HTMLAttributes } from 'react'\nimport clsx from 'clsx'\n\ntype Size = 'sm' | 'md' | 'lg'\n\nexport type HelpwaveBadgeProps = HTMLAttributes<HTMLSpanElement> & {\n  size?: Size,\n}\n\n/**\n * A Badge with the helpwave logo and the helpwave name\n */\nexport const HelpwaveBadge = ({\n                                size = 'sm',\n                                ...props\n                              }: HelpwaveBadgeProps) => {\n  return (\n    <span\n      {...props}\n      className={clsx(\n        'flex flex-row items-center font-bold font-space rounded-md',\n        {\n          'px-2 py-1': size === 'sm' || size === 'md',\n          'px-4 py-1': size === 'lg',\n          'gap-x-1': size === 'sm',\n          'gap-x-2 text-lg': size === 'md',\n          'gap-x-2 text-xl': size === 'lg'\n        }, props.className\n      )}\n    >\n      <HelpwaveLogo size={size}/>\n      helpwave\n    </span>\n  )\n}\n"],"mappings":";AACA,SAAS,YAAY;AAuCf,SACE,KADF;AA5BC,IAAM,eAAe,CAAC;AAAA,EACE,QAAQ;AAAA,EACR;AAAA,EACA,UAAU;AAAA,EACV,GAAG;AACL,MAAqB;AAChD,QAAM,qBAAqB,YAAY;AACvC,MAAI,kBAAkB;AAEtB,MAAI,YAAY,SAAS;AACvB,sBAAkB;AAAA,EACpB,WAAW,YAAY,UAAU;AAC/B,sBAAkB;AAAA,EACpB;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,eAAc;AAAA,MACd,aAAa;AAAA,MACb,WAAW,KAAK;AAAA,QACd,qBAAqB,SAAS;AAAA,QAC9B,qBAAqB,SAAS;AAAA,QAC9B,mBAAmB,SAAS;AAAA,MAC9B,GAAG,MAAM,SAAS;AAAA,MAElB,+BAAC,OAAE,WAAW,KAAK,eAAe,GAChC;AAAA;AAAA,UAAC;AAAA;AAAA,YAAK,WAAW,KAAK,EAAE,4BAA4B,mBAAmB,CAAC;AAAA,YAClE,GAAE;AAAA,YAA2D,QAAQ;AAAA,YAAO,iBAAgB;AAAA;AAAA,QAAM;AAAA,QACxG;AAAA,UAAC;AAAA;AAAA,YAAK,WAAW,KAAK,EAAE,+BAA+B,mBAAmB,CAAC;AAAA,YACrE,GAAE;AAAA,YAAmE,QAAQ;AAAA,YAC7E,iBAAgB;AAAA;AAAA,QAAM;AAAA,QAC5B;AAAA,UAAC;AAAA;AAAA,YAAK,WAAW,KAAK,EAAE,8BAA8B,mBAAmB,CAAC;AAAA,YACpE,GAAE;AAAA,YAAkE,QAAQ;AAAA,YAC5E,iBAAgB;AAAA;AAAA,QAAM;AAAA,QAC5B;AAAA,UAAC;AAAA;AAAA,YAAK,WAAW,KAAK,EAAE,iCAAiC,mBAAmB,CAAC;AAAA,YACvE,GAAE;AAAA,YAA+D,QAAQ;AAAA,YACzE,iBAAgB;AAAA;AAAA,QAAM;AAAA,SAC9B;AAAA;AAAA,EACF;AAEJ;;;ACrDA,OAAOA,WAAU;AAgBb,SAaE,OAAAC,MAbF,QAAAC,aAAA;AALG,IAAM,gBAAgB,CAAC;AAAA,EACE,OAAO;AAAA,EACP,GAAG;AACL,MAA0B;AACtD,SACE,gBAAAA;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,WAAWF;AAAA,QACT;AAAA,QACA;AAAA,UACE,aAAa,SAAS,QAAQ,SAAS;AAAA,UACvC,aAAa,SAAS;AAAA,UACtB,WAAW,SAAS;AAAA,UACpB,mBAAmB,SAAS;AAAA,UAC5B,mBAAmB,SAAS;AAAA,QAC9B;AAAA,QAAG,MAAM;AAAA,MACX;AAAA,MAEA;AAAA,wBAAAC,KAAC,gBAAa,MAAW;AAAA,QAAE;AAAA;AAAA;AAAA,EAE7B;AAEJ;","names":["clsx","jsx","jsxs"]}

package/dist/components/date/index.d.mts

@@ -0,0 +1,10 @@
+export { DatePicker, DatePickerProps, DatePickerUncontrolled } from './DatePicker.mjs';
+export { DayPicker, DayPickerProps, DayPickerUncontrolled } from './DayPicker.mjs';
+export { TimeDisplay } from './TimeDisplay.mjs';
+export { TimePicker, TimePickerProps, TimePickerUncontrolled } from './TimePicker.mjs';
+export { YearMonthPicker, YearMonthPickerProps, YearMonthPickerUncontrolled } from './YearMonthPicker.mjs';
+import 'react/jsx-runtime';
+import '../../localization/useTranslation.mjs';
+import '../../localization/util.mjs';
+import '../../localization/defaults/time.mjs';
+import '../../utils/date.mjs';

package/dist/components/date/index.d.ts

@@ -0,0 +1,10 @@
+export { DatePicker, DatePickerProps, DatePickerUncontrolled } from './DatePicker.js';
+export { DayPicker, DayPickerProps, DayPickerUncontrolled } from './DayPicker.js';
+export { TimeDisplay } from './TimeDisplay.js';
+export { TimePicker, TimePickerProps, TimePickerUncontrolled } from './TimePicker.js';
+export { YearMonthPicker, YearMonthPickerProps, YearMonthPickerUncontrolled } from './YearMonthPicker.js';
+import 'react/jsx-runtime';
+import '../../localization/useTranslation.js';
+import '../../localization/util.js';
+import '../../localization/defaults/time.js';
+import '../../utils/date.js';