@helpwave/hightide 0.0.13 → 0.0.15

package/dist/coloring/shading.d.mts

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

package/dist/coloring/shading.d.ts

@@ -1,2 +1,5 @@
-import type { ShadedColors } from './types';
-export declare const generateShadingColors: (partialShading: Omit<Partial<ShadedColors>, "0" | "1000">) => ShadedColors;
+import { ShadedColors } from './types.js';
+
+declare const generateShadingColors: (partialShading: Omit<Partial<ShadedColors>, "0" | "1000">) => ShadedColors;
+
+export { generateShadingColors };

package/dist/coloring/shading.js

@@ -1,40 +1,82 @@
-import tinycolor from 'tinycolor2';
-import { shadingColorValues } from './types';
-// Function to generate a full shading of several colors
-export const generateShadingColors = (partialShading) => {
-    var _a, _b;
-    const shading = {
-        0: '#FFFFFF',
-        1000: '#000000'
-    };
-    let index = 1;
-    while (index < shadingColorValues.length - 1) {
-        const previous = shadingColorValues[index - 1];
-        const current = shadingColorValues[index];
-        if (partialShading[current] !== undefined) {
-            shading[current] = partialShading[current];
-            index++;
-            continue;
-        }
-        let j = index + 1;
-        while (j < shadingColorValues.length) {
-            if (partialShading[shadingColorValues[j]] !== undefined) {
-                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 current = shadingColorValues[k];
-            const previousValue = (_a = partialShading[previous]) !== null && _a !== void 0 ? _a : shading[previous];
-            const nextValue = (_b = partialShading[nextFound]) !== null && _b !== void 0 ? _b : shading[nextFound];
-            shading[current] = tinycolor.mix(tinycolor(previousValue), tinycolor(nextValue), (current - previous) / interval * 100).toHexString();
-        }
-        index = j;
+"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 });
+};
+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/shading.ts
+var shading_exports = {};
+__export(shading_exports, {
+  generateShadingColors: () => generateShadingColors
+});
+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/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();
     }
-    return shading;
+    index = j;
+  }
+  return shading;
 };
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  generateShadingColors
+});
+//# sourceMappingURL=shading.js.map

package/dist/coloring/shading.js.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;AAAA;AAAA;AAAA;AAAA;AAAA,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/shading.mjs

@@ -0,0 +1,47 @@
+// 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
+};
+//# sourceMappingURL=shading.mjs.map

package/dist/coloring/shading.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/coloring/types.d.mts

@@ -0,0 +1,13 @@
+declare const shadingColorValues: readonly [0, 50, 100, 150, 200, 250, 300, 350, 400, 450, 500, 550, 600, 650, 700, 750, 800, 850, 900, 950, 1000];
+type ColorShadingValue = typeof shadingColorValues[number];
+type ShadedColors = Record<ColorShadingValue, string>;
+type ColoringStyle = 'background' | 'tonal' | 'tonal-opaque' | 'text' | 'text-border';
+type ColorMode = 'light' | 'dark';
+type Coloring = {
+    color: '';
+    style?: ColoringStyle;
+    mode?: ColorMode;
+    hover?: boolean;
+};
+
+export { type ColorMode, type ColorShadingValue, type Coloring, type ColoringStyle, type ShadedColors, shadingColorValues };

package/dist/coloring/types.d.ts

@@ -1,11 +1,13 @@
-export declare const shadingColorValues: readonly [0, 50, 100, 150, 200, 250, 300, 350, 400, 450, 500, 550, 600, 650, 700, 750, 800, 850, 900, 950, 1000];
-export type ColorShadingValue = typeof shadingColorValues[number];
-export type ShadedColors = Record<ColorShadingValue, string>;
-export type ColoringStyle = 'background' | 'tonal' | 'tonal-opaque' | 'text' | 'text-border';
-export type ColorMode = 'light' | 'dark';
-export type Coloring = {
+declare const shadingColorValues: readonly [0, 50, 100, 150, 200, 250, 300, 350, 400, 450, 500, 550, 600, 650, 700, 750, 800, 850, 900, 950, 1000];
+type ColorShadingValue = typeof shadingColorValues[number];
+type ShadedColors = Record<ColorShadingValue, string>;
+type ColoringStyle = 'background' | 'tonal' | 'tonal-opaque' | 'text' | 'text-border';
+type ColorMode = 'light' | 'dark';
+type Coloring = {
     color: '';
     style?: ColoringStyle;
     mode?: ColorMode;
     hover?: boolean;
 };
+
+export { type ColorMode, type ColorShadingValue, type Coloring, type ColoringStyle, type ShadedColors, shadingColorValues };

package/dist/coloring/types.js

@@ -1 +1,31 @@
-export const shadingColorValues = [0, 50, 100, 150, 200, 250, 300, 350, 400, 450, 500, 550, 600, 650, 700, 750, 800, 850, 900, 950, 1000];
+"use strict";
+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/coloring/types.ts
+var types_exports = {};
+__export(types_exports, {
+  shadingColorValues: () => shadingColorValues
+});
+module.exports = __toCommonJS(types_exports);
+var shadingColorValues = [0, 50, 100, 150, 200, 250, 300, 350, 400, 450, 500, 550, 600, 650, 700, 750, 800, 850, 900, 950, 1e3];
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  shadingColorValues
+});
+//# sourceMappingURL=types.js.map

package/dist/coloring/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/coloring/types.ts"],"sourcesContent":["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;AAAO,IAAM,qBAAqB,CAAC,GAAG,IAAI,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,GAAI;","names":[]}

package/dist/coloring/types.mjs

@@ -0,0 +1,6 @@
+// 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];
+export {
+  shadingColorValues
+};
+//# sourceMappingURL=types.mjs.map

package/dist/coloring/types.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/coloring/types.ts"],"sourcesContent":["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":";AAAO,IAAM,qBAAqB,CAAC,GAAG,IAAI,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,GAAI;","names":[]}

package/dist/components/Avatar.d.mts

@@ -0,0 +1,17 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare const avtarSizeList: readonly ["tiny", "small", "medium", "large"];
+type AvatarSize = typeof avtarSizeList[number];
+declare const avatarSizeMapping: Record<AvatarSize, number>;
+type AvatarProps = {
+    avatarUrl: string;
+    alt: string;
+    size?: AvatarSize;
+    className?: string;
+};
+/**
+ * A component for showing a profile picture
+ */
+declare const Avatar: ({ avatarUrl, alt, size, className }: AvatarProps) => react_jsx_runtime.JSX.Element;
+
+export { Avatar, type AvatarProps, type AvatarSize, avatarSizeMapping, avtarSizeList };

package/dist/components/Avatar.d.ts

@@ -1,7 +1,9 @@
-export declare const avtarSizeList: readonly ["tiny", "small", "medium", "large"];
-export type AvatarSize = typeof avtarSizeList[number];
-export declare const avatarSizeMapping: Record<AvatarSize, number>;
-export type AvatarProps = {
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare const avtarSizeList: readonly ["tiny", "small", "medium", "large"];
+type AvatarSize = typeof avtarSizeList[number];
+declare const avatarSizeMapping: Record<AvatarSize, number>;
+type AvatarProps = {
     avatarUrl: string;
     alt: string;
     size?: AvatarSize;
@@ -10,5 +12,6 @@ export type AvatarProps = {
 /**
  * A component for showing a profile picture
  */
-declare const Avatar: ({ avatarUrl, alt, size, className }: AvatarProps) => import("react/jsx-runtime").JSX.Element;
-export { Avatar };
+declare const Avatar: ({ avatarUrl, alt, size, className }: AvatarProps) => react_jsx_runtime.JSX.Element;
+
+export { Avatar, type AvatarProps, type AvatarSize, avatarSizeMapping, avtarSizeList };

package/dist/components/Avatar.js

@@ -1,35 +1,85 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import Image from 'next/image';
-import clsx from 'clsx';
-export const avtarSizeList = ['tiny', 'small', 'medium', 'large'];
-export const avatarSizeMapping = {
+"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 });
+};
+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/Avatar.tsx
+var Avatar_exports = {};
+__export(Avatar_exports, {
+  Avatar: () => Avatar,
+  avatarSizeMapping: () => avatarSizeMapping,
+  avtarSizeList: () => avtarSizeList
+});
+module.exports = __toCommonJS(Avatar_exports);
+var import_image = __toESM(require("next/image"));
+var import_clsx = __toESM(require("clsx"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var avtarSizeList = ["tiny", "small", "medium", "large"];
+var avatarSizeMapping = {
+  tiny: 24,
+  small: 32,
+  medium: 48,
+  large: 64
+};
+var Avatar = ({ avatarUrl, alt, size = "medium", className = "" }) => {
+  avatarUrl = "https://cdn.helpwave.de/boringavatar.svg";
+  const avtarSize = {
     tiny: 24,
     small: 32,
     medium: 48,
     large: 64
-};
-/**
- * A component for showing a profile picture
- */
-const Avatar = ({ avatarUrl, alt, size = 'medium', className = '' }) => {
-    // TODO remove later
-    avatarUrl = 'https://cdn.helpwave.de/boringavatar.svg';
-    const avtarSize = {
-        tiny: 24,
-        small: 32,
-        medium: 48,
-        large: 64,
-    }[size];
-    const style = {
-        width: avtarSize + 'px',
-        height: avtarSize + 'px',
-        maxWidth: avtarSize + 'px',
-        maxHeight: avtarSize + 'px',
-        minWidth: avtarSize + 'px',
-        minHeight: avtarSize + 'px',
-    };
-    return (
+  }[size];
+  const style = {
+    width: avtarSize + "px",
+    height: avtarSize + "px",
+    maxWidth: avtarSize + "px",
+    maxHeight: avtarSize + "px",
+    minWidth: avtarSize + "px",
+    minHeight: avtarSize + "px"
+  };
+  return (
     // TODO transparent or white background later
-    _jsx("div", { className: clsx(`rounded-full bg-primary`, className), style: style, children: _jsx(Image, { className: "rounded-full border border-gray-200", style: style, src: avatarUrl, alt: alt, width: avtarSize, height: avtarSize }) }));
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: (0, import_clsx.default)(`rounded-full bg-primary`, className), style, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_image.default,
+      {
+        className: "rounded-full border border-gray-200",
+        style,
+        src: avatarUrl,
+        alt,
+        width: avtarSize,
+        height: avtarSize
+      }
+    ) })
+  );
 };
-export { Avatar };
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Avatar,
+  avatarSizeMapping,
+  avtarSizeList
+});
+//# sourceMappingURL=Avatar.js.map

package/dist/components/Avatar.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/Avatar.tsx"],"sourcesContent":["import Image from 'next/image'\nimport clsx from 'clsx'\n\nexport const avtarSizeList = ['tiny', 'small', 'medium', 'large'] as const\nexport type AvatarSize = typeof avtarSizeList[number]\nexport const avatarSizeMapping: Record<AvatarSize, number> = {\n  tiny: 24,\n  small: 32,\n  medium: 48,\n  large: 64\n}\n\nexport type AvatarProps = {\n  avatarUrl: string,\n  alt: string,\n  size?: AvatarSize,\n  className?: string,\n}\n\n/**\n * A component for showing a profile picture\n */\nconst Avatar = ({ avatarUrl, alt, size = 'medium', className = '' }: AvatarProps) => {\n  // TODO remove later\n  avatarUrl = 'https://cdn.helpwave.de/boringavatar.svg'\n\n  const avtarSize = {\n    tiny: 24,\n    small: 32,\n    medium: 48,\n    large: 64,\n  }[size]\n\n  const style = {\n    width: avtarSize + 'px',\n    height: avtarSize + 'px',\n    maxWidth: avtarSize + 'px',\n    maxHeight: avtarSize + 'px',\n    minWidth: avtarSize + 'px',\n    minHeight: avtarSize + 'px',\n  }\n\n  return (\n    // TODO transparent or white background later\n    <div className={clsx(`rounded-full bg-primary`, className)} style={style}>\n      <Image\n        className=\"rounded-full border border-gray-200\"\n        style={style}\n        src={avatarUrl}\n        alt={alt}\n        width={avtarSize}\n        height={avtarSize}\n      />\n    </div>\n  )\n}\n\nexport { Avatar }\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AA4CX;AA1CC,IAAM,gBAAgB,CAAC,QAAQ,SAAS,UAAU,OAAO;AAEzD,IAAM,oBAAgD;AAAA,EAC3D,MAAM;AAAA,EACN,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,OAAO;AACT;AAYA,IAAM,SAAS,CAAC,EAAE,WAAW,KAAK,OAAO,UAAU,YAAY,GAAG,MAAmB;AAEnF,cAAY;AAEZ,QAAM,YAAY;AAAA,IAChB,MAAM;AAAA,IACN,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,OAAO;AAAA,EACT,EAAE,IAAI;AAEN,QAAM,QAAQ;AAAA,IACZ,OAAO,YAAY;AAAA,IACnB,QAAQ,YAAY;AAAA,IACpB,UAAU,YAAY;AAAA,IACtB,WAAW,YAAY;AAAA,IACvB,UAAU,YAAY;AAAA,IACtB,WAAW,YAAY;AAAA,EACzB;AAEA;AAAA;AAAA,IAEE,4CAAC,SAAI,eAAW,YAAAA,SAAK,2BAA2B,SAAS,GAAG,OAC1D;AAAA,MAAC,aAAAC;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV;AAAA,QACA,KAAK;AAAA,QACL;AAAA,QACA,OAAO;AAAA,QACP,QAAQ;AAAA;AAAA,IACV,GACF;AAAA;AAEJ;","names":["clsx","Image"]}

package/dist/components/Avatar.mjs

@@ -0,0 +1,48 @@
+// src/components/Avatar.tsx
+import Image from "next/image";
+import clsx from "clsx";
+import { jsx } from "react/jsx-runtime";
+var avtarSizeList = ["tiny", "small", "medium", "large"];
+var avatarSizeMapping = {
+  tiny: 24,
+  small: 32,
+  medium: 48,
+  large: 64
+};
+var Avatar = ({ avatarUrl, alt, size = "medium", className = "" }) => {
+  avatarUrl = "https://cdn.helpwave.de/boringavatar.svg";
+  const avtarSize = {
+    tiny: 24,
+    small: 32,
+    medium: 48,
+    large: 64
+  }[size];
+  const style = {
+    width: avtarSize + "px",
+    height: avtarSize + "px",
+    maxWidth: avtarSize + "px",
+    maxHeight: avtarSize + "px",
+    minWidth: avtarSize + "px",
+    minHeight: avtarSize + "px"
+  };
+  return (
+    // TODO transparent or white background later
+    /* @__PURE__ */ jsx("div", { className: clsx(`rounded-full bg-primary`, className), style, children: /* @__PURE__ */ jsx(
+      Image,
+      {
+        className: "rounded-full border border-gray-200",
+        style,
+        src: avatarUrl,
+        alt,
+        width: avtarSize,
+        height: avtarSize
+      }
+    ) })
+  );
+};
+export {
+  Avatar,
+  avatarSizeMapping,
+  avtarSizeList
+};
+//# sourceMappingURL=Avatar.mjs.map

package/dist/components/Avatar.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/Avatar.tsx"],"sourcesContent":["import Image from 'next/image'\nimport clsx from 'clsx'\n\nexport const avtarSizeList = ['tiny', 'small', 'medium', 'large'] as const\nexport type AvatarSize = typeof avtarSizeList[number]\nexport const avatarSizeMapping: Record<AvatarSize, number> = {\n  tiny: 24,\n  small: 32,\n  medium: 48,\n  large: 64\n}\n\nexport type AvatarProps = {\n  avatarUrl: string,\n  alt: string,\n  size?: AvatarSize,\n  className?: string,\n}\n\n/**\n * A component for showing a profile picture\n */\nconst Avatar = ({ avatarUrl, alt, size = 'medium', className = '' }: AvatarProps) => {\n  // TODO remove later\n  avatarUrl = 'https://cdn.helpwave.de/boringavatar.svg'\n\n  const avtarSize = {\n    tiny: 24,\n    small: 32,\n    medium: 48,\n    large: 64,\n  }[size]\n\n  const style = {\n    width: avtarSize + 'px',\n    height: avtarSize + 'px',\n    maxWidth: avtarSize + 'px',\n    maxHeight: avtarSize + 'px',\n    minWidth: avtarSize + 'px',\n    minHeight: avtarSize + 'px',\n  }\n\n  return (\n    // TODO transparent or white background later\n    <div className={clsx(`rounded-full bg-primary`, className)} style={style}>\n      <Image\n        className=\"rounded-full border border-gray-200\"\n        style={style}\n        src={avatarUrl}\n        alt={alt}\n        width={avtarSize}\n        height={avtarSize}\n      />\n    </div>\n  )\n}\n\nexport { Avatar }\n"],"mappings":";AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AA4CX;AA1CC,IAAM,gBAAgB,CAAC,QAAQ,SAAS,UAAU,OAAO;AAEzD,IAAM,oBAAgD;AAAA,EAC3D,MAAM;AAAA,EACN,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,OAAO;AACT;AAYA,IAAM,SAAS,CAAC,EAAE,WAAW,KAAK,OAAO,UAAU,YAAY,GAAG,MAAmB;AAEnF,cAAY;AAEZ,QAAM,YAAY;AAAA,IAChB,MAAM;AAAA,IACN,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,OAAO;AAAA,EACT,EAAE,IAAI;AAEN,QAAM,QAAQ;AAAA,IACZ,OAAO,YAAY;AAAA,IACnB,QAAQ,YAAY;AAAA,IACpB,UAAU,YAAY;AAAA,IACtB,WAAW,YAAY;AAAA,IACvB,UAAU,YAAY;AAAA,IACtB,WAAW,YAAY;AAAA,EACzB;AAEA;AAAA;AAAA,IAEE,oBAAC,SAAI,WAAW,KAAK,2BAA2B,SAAS,GAAG,OAC1D;AAAA,MAAC;AAAA;AAAA,QACC,WAAU;AAAA,QACV;AAAA,QACA,KAAK;AAAA,QACL;AAAA,QACA,OAAO;AAAA,QACP,QAAQ;AAAA;AAAA,IACV,GACF;AAAA;AAEJ;","names":[]}

package/dist/components/AvatarGroup.d.mts

@@ -0,0 +1,14 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { AvatarProps, AvatarSize } from './Avatar.mjs';
+
+type AvatarGroupProps = {
+    avatars: Omit<AvatarProps, 'size'>[];
+    maxShownProfiles?: number;
+    size?: AvatarSize;
+};
+/**
+ * A component for showing a group of Avatar's
+ */
+declare const AvatarGroup: ({ avatars, maxShownProfiles, size }: AvatarGroupProps) => react_jsx_runtime.JSX.Element;
+
+export { AvatarGroup, type AvatarGroupProps };

package/dist/components/AvatarGroup.d.ts

@@ -1,5 +1,7 @@
-import type { AvatarProps, AvatarSize } from './Avatar';
-export type AvatarGroupProps = {
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { AvatarProps, AvatarSize } from './Avatar.js';
+
+type AvatarGroupProps = {
     avatars: Omit<AvatarProps, 'size'>[];
     maxShownProfiles?: number;
     size?: AvatarSize;
@@ -7,4 +9,6 @@ export type AvatarGroupProps = {
 /**
  * A component for showing a group of Avatar's
  */
-export declare const AvatarGroup: ({ avatars, maxShownProfiles, size }: AvatarGroupProps) => import("react/jsx-runtime").JSX.Element;
+declare const AvatarGroup: ({ avatars, maxShownProfiles, size }: AvatarGroupProps) => react_jsx_runtime.JSX.Element;
+
+export { AvatarGroup, type AvatarGroupProps };