@hypen-space/web 0.4.35 → 0.4.37

package/dist/dom/canvas/index.js

@@ -1,85 +1,51 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-function __accessProp(key) {
-  return this[key];
-}
-var __toCommonJS = (from) => {
-  var entry = (__moduleCache ??= new WeakMap).get(from), desc;
-  if (entry)
-    return entry;
-  entry = __defProp({}, "__esModule", { value: true });
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (var key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(entry, key))
-        __defProp(entry, key, {
-          get: __accessProp.bind(from, key),
-          enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-        });
-  }
-  __moduleCache.set(from, entry);
-  return entry;
+/**
+ * Canvas Component with Applicators
+ *
+ * Special handling for canvas rendering
+ */
+export const canvasHandler = {
+    create() {
+        const el = document.createElement("canvas");
+        el.dataset.hypenType = "canvas";
+        return el;
+    },
+    applyProps(el, props) {
+        const canvas = el;
+        if (props.width !== undefined) {
+            canvas.width = Number(props.width);
+        }
+        if (props.height !== undefined) {
+            canvas.height = Number(props.height);
+        }
+    },
 };
-var __moduleCache;
-var __returnValue = (v) => v;
-function __exportSetter(name, newValue) {
-  this[name] = __returnValue.bind(null, newValue);
-}
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, {
-      get: all[name],
-      enumerable: true,
-      configurable: true,
-      set: __exportSetter.bind(all, name)
-    });
+/**
+ * Canvas applicators - special drawing commands
+ */
+export const canvasApplicators = {
+    // Fill style
+    fillStyle: (el, value) => {
+        const canvas = el;
+        const ctx = canvas.getContext("2d");
+        if (ctx) {
+            ctx.fillStyle = String(value);
+        }
+    },
+    // Stroke style
+    strokeStyle: (el, value) => {
+        const canvas = el;
+        const ctx = canvas.getContext("2d");
+        if (ctx) {
+            ctx.strokeStyle = String(value);
+        }
+    },
+    // Line width
+    lineWidth: (el, value) => {
+        const canvas = el;
+        const ctx = canvas.getContext("2d");
+        if (ctx) {
+            ctx.lineWidth = Number(value);
+        }
+    },
 };
-var __esm = (fn, res) => () => (fn && (res = fn(fn = 0)), res);
-
-// src/dom/canvas/index.ts
-var canvasHandler = {
-  create() {
-    const el = document.createElement("canvas");
-    el.dataset.hypenType = "canvas";
-    return el;
-  },
-  applyProps(el, props) {
-    const canvas = el;
-    if (props.width !== undefined) {
-      canvas.width = Number(props.width);
-    }
-    if (props.height !== undefined) {
-      canvas.height = Number(props.height);
-    }
-  }
-};
-var canvasApplicators = {
-  fillStyle: (el, value) => {
-    const canvas = el;
-    const ctx = canvas.getContext("2d");
-    if (ctx) {
-      ctx.fillStyle = String(value);
-    }
-  },
-  strokeStyle: (el, value) => {
-    const canvas = el;
-    const ctx = canvas.getContext("2d");
-    if (ctx) {
-      ctx.strokeStyle = String(value);
-    }
-  },
-  lineWidth: (el, value) => {
-    const canvas = el;
-    const ctx = canvas.getContext("2d");
-    if (ctx) {
-      ctx.lineWidth = Number(value);
-    }
-  }
-};
-export {
-  canvasHandler,
-  canvasApplicators
-};
-
-//# debugId=5D7DAB02BF4FBE7F64756E2164756E21
+//# sourceMappingURL=index.js.map

package/dist/dom/canvas/index.js.map

@@ -1,10 +1 @@
-{
-  "version": 3,
-  "sources": ["../src/dom/canvas/index.ts"],
-  "sourcesContent": [
-    "/**\n * Canvas Component with Applicators\n *\n * Special handling for canvas rendering\n */\n\nimport type { ComponentHandler } from \"../components/index.js\";\nimport type { ApplicatorHandler } from \"../applicators/index.js\";\n\nexport const canvasHandler: ComponentHandler = {\n  create(): HTMLElement {\n    const el = document.createElement(\"canvas\");\n    el.dataset.hypenType = \"canvas\";\n    return el as any as HTMLElement;\n  },\n\n  applyProps(el: HTMLElement, props: Record<string, any>): void {\n    const canvas = el as HTMLCanvasElement;\n\n    if (props.width !== undefined) {\n      canvas.width = Number(props.width);\n    }\n\n    if (props.height !== undefined) {\n      canvas.height = Number(props.height);\n    }\n  },\n};\n\n/**\n * Canvas applicators - special drawing commands\n */\nexport const canvasApplicators: Record<string, ApplicatorHandler> = {\n  // Fill style\n  fillStyle: (el, value) => {\n    const canvas = el as HTMLCanvasElement;\n    const ctx = canvas.getContext(\"2d\");\n    if (ctx) {\n      ctx.fillStyle = String(value);\n    }\n  },\n\n  // Stroke style\n  strokeStyle: (el, value) => {\n    const canvas = el as HTMLCanvasElement;\n    const ctx = canvas.getContext(\"2d\");\n    if (ctx) {\n      ctx.strokeStyle = String(value);\n    }\n  },\n\n  // Line width\n  lineWidth: (el, value) => {\n    const canvas = el as HTMLCanvasElement;\n    const ctx = canvas.getContext(\"2d\");\n    if (ctx) {\n      ctx.lineWidth = Number(value);\n    }\n  },\n};\n"
-  ],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASO,IAAM,gBAAkC;AAAA,EAC7C,MAAM,GAAgB;AAAA,IACpB,MAAM,KAAK,SAAS,cAAc,QAAQ;AAAA,IAC1C,GAAG,QAAQ,YAAY;AAAA,IACvB,OAAO;AAAA;AAAA,EAGT,UAAU,CAAC,IAAiB,OAAkC;AAAA,IAC5D,MAAM,SAAS;AAAA,IAEf,IAAI,MAAM,UAAU,WAAW;AAAA,MAC7B,OAAO,QAAQ,OAAO,MAAM,KAAK;AAAA,IACnC;AAAA,IAEA,IAAI,MAAM,WAAW,WAAW;AAAA,MAC9B,OAAO,SAAS,OAAO,MAAM,MAAM;AAAA,IACrC;AAAA;AAEJ;AAKO,IAAM,oBAAuD;AAAA,EAElE,WAAW,CAAC,IAAI,UAAU;AAAA,IACxB,MAAM,SAAS;AAAA,IACf,MAAM,MAAM,OAAO,WAAW,IAAI;AAAA,IAClC,IAAI,KAAK;AAAA,MACP,IAAI,YAAY,OAAO,KAAK;AAAA,IAC9B;AAAA;AAAA,EAIF,aAAa,CAAC,IAAI,UAAU;AAAA,IAC1B,MAAM,SAAS;AAAA,IACf,MAAM,MAAM,OAAO,WAAW,IAAI;AAAA,IAClC,IAAI,KAAK;AAAA,MACP,IAAI,cAAc,OAAO,KAAK;AAAA,IAChC;AAAA;AAAA,EAIF,WAAW,CAAC,IAAI,UAAU;AAAA,IACxB,MAAM,SAAS;AAAA,IACf,MAAM,MAAM,OAAO,WAAW,IAAI;AAAA,IAClC,IAAI,KAAK;AAAA,MACP,IAAI,YAAY,OAAO,KAAK;AAAA,IAC9B;AAAA;AAEJ;",
-  "debugId": "5D7DAB02BF4FBE7F64756E2164756E21",
-  "names": []
-}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/dom/canvas/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAKH,MAAM,CAAC,MAAM,aAAa,GAAqB;IAC7C,MAAM;QACJ,MAAM,EAAE,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;QAC5C,EAAE,CAAC,OAAO,CAAC,SAAS,GAAG,QAAQ,CAAC;QAChC,OAAO,EAAwB,CAAC;IAClC,CAAC;IAED,UAAU,CAAC,EAAe,EAAE,KAA0B;QACpD,MAAM,MAAM,GAAG,EAAuB,CAAC;QAEvC,IAAI,KAAK,CAAC,KAAK,KAAK,SAAS,EAAE,CAAC;YAC9B,MAAM,CAAC,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QACrC,CAAC;QAED,IAAI,KAAK,CAAC,MAAM,KAAK,SAAS,EAAE,CAAC;YAC/B,MAAM,CAAC,MAAM,GAAG,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;QACvC,CAAC;IACH,CAAC;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAsC;IAClE,aAAa;IACb,SAAS,EAAE,CAAC,EAAE,EAAE,KAAK,EAAE,EAAE;QACvB,MAAM,MAAM,GAAG,EAAuB,CAAC;QACvC,MAAM,GAAG,GAAG,MAAM,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;QACpC,IAAI,GAAG,EAAE,CAAC;YACR,GAAG,CAAC,SAAS,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;QAChC,CAAC;IACH,CAAC;IAED,eAAe;IACf,WAAW,EAAE,CAAC,EAAE,EAAE,KAAK,EAAE,EAAE;QACzB,MAAM,MAAM,GAAG,EAAuB,CAAC;QACvC,MAAM,GAAG,GAAG,MAAM,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;QACpC,IAAI,GAAG,EAAE,CAAC;YACR,GAAG,CAAC,WAAW,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;QAClC,CAAC;IACH,CAAC;IAED,aAAa;IACb,SAAS,EAAE,CAAC,EAAE,EAAE,KAAK,EAAE,EAAE;QACvB,MAAM,MAAM,GAAG,EAAuB,CAAC;QACvC,MAAM,GAAG,GAAG,MAAM,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;QACpC,IAAI,GAAG,EAAE,CAAC;YACR,GAAG,CAAC,SAAS,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;QAChC,CAAC;IACH,CAAC;CACF,CAAC"}

package/dist/dom/components/app.js

@@ -1,65 +1,18 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-function __accessProp(key) {
-  return this[key];
-}
-var __toCommonJS = (from) => {
-  var entry = (__moduleCache ??= new WeakMap).get(from), desc;
-  if (entry)
-    return entry;
-  entry = __defProp({}, "__esModule", { value: true });
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (var key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(entry, key))
-        __defProp(entry, key, {
-          get: __accessProp.bind(from, key),
-          enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-        });
-  }
-  __moduleCache.set(from, entry);
-  return entry;
-};
-var __moduleCache;
-var __returnValue = (v) => v;
-function __exportSetter(name, newValue) {
-  this[name] = __returnValue.bind(null, newValue);
-}
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, {
-      get: all[name],
-      enumerable: true,
-      configurable: true,
-      set: __exportSetter.bind(all, name)
-    });
-};
-var __esm = (fn, res) => () => (fn && (res = fn(fn = 0)), res);
-
-// src/dom/components/app.ts
-var exports_app = {};
-__export(exports_app, {
-  appHandler: () => appHandler
-});
-var appHandler;
-var init_app = __esm(() => {
-  appHandler = {
+/**
+ * App Component - Root application container
+ *
+ * Full-screen vertical flex container. This is the default root component
+ * created by `hypen init` and referenced in docs/examples.
+ */
+export const appHandler = {
     create() {
-      const el = document.createElement("div");
-      el.style.display = "flex";
-      el.style.flexDirection = "column";
-      el.style.minHeight = "100vh";
-      el.style.width = "100%";
-      el.dataset.hypenType = "app";
-      return el;
-    }
-  };
-});
-init_app();
-
-export {
-  appHandler
+        const el = document.createElement("div");
+        el.style.display = "flex";
+        el.style.flexDirection = "column";
+        el.style.minHeight = "100vh";
+        el.style.width = "100%";
+        el.dataset.hypenType = "app";
+        return el;
+    },
 };
-
-//# debugId=B1DF12B33E2F8AE664756E2164756E21
+//# sourceMappingURL=app.js.map

package/dist/dom/components/app.js.map

@@ -1,10 +1 @@
-{
-  "version": 3,
-  "sources": ["../src/dom/components/app.ts"],
-  "sourcesContent": [
-    "/**\n * App Component - Root application container\n *\n * Full-screen vertical flex container. This is the default root component\n * created by `hypen init` and referenced in docs/examples.\n */\n\nimport type { ComponentHandler } from \"./index.js\";\n\nexport const appHandler: ComponentHandler = {\n  create(): HTMLElement {\n    const el = document.createElement(\"div\");\n    el.style.display = \"flex\";\n    el.style.flexDirection = \"column\";\n    el.style.minHeight = \"100vh\";\n    el.style.width = \"100%\";\n    el.dataset.hypenType = \"app\";\n    return el;\n  },\n};\n"
-  ],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IASa;AAAA;AAAA,eAA+B;AAAA,IAC1C,MAAM,GAAgB;AAAA,MACpB,MAAM,KAAK,SAAS,cAAc,KAAK;AAAA,MACvC,GAAG,MAAM,UAAU;AAAA,MACnB,GAAG,MAAM,gBAAgB;AAAA,MACzB,GAAG,MAAM,YAAY;AAAA,MACrB,GAAG,MAAM,QAAQ;AAAA,MACjB,GAAG,QAAQ,YAAY;AAAA,MACvB,OAAO;AAAA;AAAA,EAEX;AAAA;",
-  "debugId": "B1DF12B33E2F8AE664756E2164756E21",
-  "names": []
-}
+{"version":3,"file":"app.js","sourceRoot":"","sources":["../../../src/dom/components/app.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAIH,MAAM,CAAC,MAAM,UAAU,GAAqB;IAC1C,MAAM;QACJ,MAAM,EAAE,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QACzC,EAAE,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM,CAAC;QAC1B,EAAE,CAAC,KAAK,CAAC,aAAa,GAAG,QAAQ,CAAC;QAClC,EAAE,CAAC,KAAK,CAAC,SAAS,GAAG,OAAO,CAAC;QAC7B,EAAE,CAAC,KAAK,CAAC,KAAK,GAAG,MAAM,CAAC;QACxB,EAAE,CAAC,OAAO,CAAC,SAAS,GAAG,KAAK,CAAC;QAC7B,OAAO,EAAE,CAAC;IACZ,CAAC;CACF,CAAC"}

package/dist/dom/components/audio.js

@@ -1,80 +1,35 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-function __accessProp(key) {
-  return this[key];
-}
-var __toCommonJS = (from) => {
-  var entry = (__moduleCache ??= new WeakMap).get(from), desc;
-  if (entry)
-    return entry;
-  entry = __defProp({}, "__esModule", { value: true });
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (var key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(entry, key))
-        __defProp(entry, key, {
-          get: __accessProp.bind(from, key),
-          enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-        });
-  }
-  __moduleCache.set(from, entry);
-  return entry;
-};
-var __moduleCache;
-var __returnValue = (v) => v;
-function __exportSetter(name, newValue) {
-  this[name] = __returnValue.bind(null, newValue);
-}
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, {
-      get: all[name],
-      enumerable: true,
-      configurable: true,
-      set: __exportSetter.bind(all, name)
-    });
-};
-var __esm = (fn, res) => () => (fn && (res = fn(fn = 0)), res);
-
-// src/dom/components/audio.ts
-var exports_audio = {};
-__export(exports_audio, {
-  audioHandler: () => audioHandler
-});
-var audioHandler;
-var init_audio = __esm(() => {
-  audioHandler = {
+/**
+ * Audio Component
+ */
+export const audioHandler = {
     create() {
-      const el = document.createElement("audio");
-      el.dataset.hypenType = "audio";
-      return el;
+        const el = document.createElement("audio");
+        el.dataset.hypenType = "audio";
+        return el;
     },
     applyProps(el, props) {
-      const audio = el;
-      const src = props["0"] || props.src;
-      if (src !== undefined) {
-        audio.src = String(src);
-      }
-      if (props.controls !== undefined) {
-        audio.controls = Boolean(props.controls);
-      }
-      if (props.autoplay !== undefined) {
-        audio.autoplay = Boolean(props.autoplay);
-      }
-      if (props.loop !== undefined) {
-        audio.loop = Boolean(props.loop);
-      }
-      if (props.muted !== undefined) {
-        audio.muted = Boolean(props.muted);
-      }
-    }
-  };
-});
-init_audio();
-
-export {
-  audioHandler
+        const audio = el;
+        // Source
+        const src = props["0"] || props.src;
+        if (src !== undefined) {
+            audio.src = String(src);
+        }
+        // Controls
+        if (props.controls !== undefined) {
+            audio.controls = Boolean(props.controls);
+        }
+        // Autoplay
+        if (props.autoplay !== undefined) {
+            audio.autoplay = Boolean(props.autoplay);
+        }
+        // Loop
+        if (props.loop !== undefined) {
+            audio.loop = Boolean(props.loop);
+        }
+        // Muted
+        if (props.muted !== undefined) {
+            audio.muted = Boolean(props.muted);
+        }
+    },
 };
-
-//# debugId=A11E6ACC0A898F9964756E2164756E21
+//# sourceMappingURL=audio.js.map

package/dist/dom/components/audio.js.map

@@ -1,10 +1 @@
-{
-  "version": 3,
-  "sources": ["../src/dom/components/audio.ts"],
-  "sourcesContent": [
-    "/**\n * Audio Component\n */\n\nimport type { ComponentHandler } from \"./index.js\";\n\nexport const audioHandler: ComponentHandler = {\n  create(): HTMLElement {\n    const el = document.createElement(\"audio\");\n    el.dataset.hypenType = \"audio\";\n    return el as any as HTMLElement;\n  },\n\n  applyProps(el: HTMLElement, props: Record<string, any>): void {\n    const audio = el as HTMLAudioElement;\n\n    // Source\n    const src = props[\"0\"] || props.src;\n    if (src !== undefined) {\n      audio.src = String(src);\n    }\n\n    // Controls\n    if (props.controls !== undefined) {\n      audio.controls = Boolean(props.controls);\n    }\n\n    // Autoplay\n    if (props.autoplay !== undefined) {\n      audio.autoplay = Boolean(props.autoplay);\n    }\n\n    // Loop\n    if (props.loop !== undefined) {\n      audio.loop = Boolean(props.loop);\n    }\n\n    // Muted\n    if (props.muted !== undefined) {\n      audio.muted = Boolean(props.muted);\n    }\n  },\n};\n\n\n"
-  ],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAMa;AAAA;AAAA,iBAAiC;AAAA,IAC5C,MAAM,GAAgB;AAAA,MACpB,MAAM,KAAK,SAAS,cAAc,OAAO;AAAA,MACzC,GAAG,QAAQ,YAAY;AAAA,MACvB,OAAO;AAAA;AAAA,IAGT,UAAU,CAAC,IAAiB,OAAkC;AAAA,MAC5D,MAAM,QAAQ;AAAA,MAGd,MAAM,MAAM,MAAM,QAAQ,MAAM;AAAA,MAChC,IAAI,QAAQ,WAAW;AAAA,QACrB,MAAM,MAAM,OAAO,GAAG;AAAA,MACxB;AAAA,MAGA,IAAI,MAAM,aAAa,WAAW;AAAA,QAChC,MAAM,WAAW,QAAQ,MAAM,QAAQ;AAAA,MACzC;AAAA,MAGA,IAAI,MAAM,aAAa,WAAW;AAAA,QAChC,MAAM,WAAW,QAAQ,MAAM,QAAQ;AAAA,MACzC;AAAA,MAGA,IAAI,MAAM,SAAS,WAAW;AAAA,QAC5B,MAAM,OAAO,QAAQ,MAAM,IAAI;AAAA,MACjC;AAAA,MAGA,IAAI,MAAM,UAAU,WAAW;AAAA,QAC7B,MAAM,QAAQ,QAAQ,MAAM,KAAK;AAAA,MACnC;AAAA;AAAA,EAEJ;AAAA;",
-  "debugId": "A11E6ACC0A898F9964756E2164756E21",
-  "names": []
-}
+{"version":3,"file":"audio.js","sourceRoot":"","sources":["../../../src/dom/components/audio.ts"],"names":[],"mappings":"AAAA;;GAEG;AAIH,MAAM,CAAC,MAAM,YAAY,GAAqB;IAC5C,MAAM;QACJ,MAAM,EAAE,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;QAC3C,EAAE,CAAC,OAAO,CAAC,SAAS,GAAG,OAAO,CAAC;QAC/B,OAAO,EAAwB,CAAC;IAClC,CAAC;IAED,UAAU,CAAC,EAAe,EAAE,KAA0B;QACpD,MAAM,KAAK,GAAG,EAAsB,CAAC;QAErC,SAAS;QACT,MAAM,GAAG,GAAG,KAAK,CAAC,GAAG,CAAC,IAAI,KAAK,CAAC,GAAG,CAAC;QACpC,IAAI,GAAG,KAAK,SAAS,EAAE,CAAC;YACtB,KAAK,CAAC,GAAG,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;QAC1B,CAAC;QAED,WAAW;QACX,IAAI,KAAK,CAAC,QAAQ,KAAK,SAAS,EAAE,CAAC;YACjC,KAAK,CAAC,QAAQ,GAAG,OAAO,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;QAC3C,CAAC;QAED,WAAW;QACX,IAAI,KAAK,CAAC,QAAQ,KAAK,SAAS,EAAE,CAAC;YACjC,KAAK,CAAC,QAAQ,GAAG,OAAO,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;QAC3C,CAAC;QAED,OAAO;QACP,IAAI,KAAK,CAAC,IAAI,KAAK,SAAS,EAAE,CAAC;YAC7B,KAAK,CAAC,IAAI,GAAG,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;QACnC,CAAC;QAED,QAAQ;QACR,IAAI,KAAK,CAAC,KAAK,KAAK,SAAS,EAAE,CAAC;YAC9B,KAAK,CAAC,KAAK,GAAG,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QACrC,CAAC;IACH,CAAC;CACF,CAAC"}

package/dist/dom/components/avatar.js

@@ -1,91 +1,45 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-function __accessProp(key) {
-  return this[key];
-}
-var __toCommonJS = (from) => {
-  var entry = (__moduleCache ??= new WeakMap).get(from), desc;
-  if (entry)
-    return entry;
-  entry = __defProp({}, "__esModule", { value: true });
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (var key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(entry, key))
-        __defProp(entry, key, {
-          get: __accessProp.bind(from, key),
-          enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-        });
-  }
-  __moduleCache.set(from, entry);
-  return entry;
-};
-var __moduleCache;
-var __returnValue = (v) => v;
-function __exportSetter(name, newValue) {
-  this[name] = __returnValue.bind(null, newValue);
-}
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, {
-      get: all[name],
-      enumerable: true,
-      configurable: true,
-      set: __exportSetter.bind(all, name)
-    });
-};
-var __esm = (fn, res) => () => (fn && (res = fn(fn = 0)), res);
-
-// src/dom/components/avatar.ts
-var exports_avatar = {};
-__export(exports_avatar, {
-  avatarHandler: () => avatarHandler
-});
-var avatarHandler;
-var init_avatar = __esm(() => {
-  avatarHandler = {
+/**
+ * Avatar Component
+ */
+export const avatarHandler = {
     create() {
-      const el = document.createElement("div");
-      el.dataset.hypenType = "avatar";
-      el.style.display = "inline-flex";
-      el.style.alignItems = "center";
-      el.style.justifyContent = "center";
-      el.style.width = "40px";
-      el.style.height = "40px";
-      el.style.borderRadius = "50%";
-      el.style.backgroundColor = "#9e9e9e";
-      el.style.color = "#fff";
-      el.style.fontSize = "16px";
-      el.style.fontWeight = "600";
-      el.style.overflow = "hidden";
-      return el;
+        const el = document.createElement("div");
+        el.dataset.hypenType = "avatar";
+        el.style.display = "inline-flex";
+        el.style.alignItems = "center";
+        el.style.justifyContent = "center";
+        el.style.width = "40px";
+        el.style.height = "40px";
+        el.style.borderRadius = "50%";
+        el.style.backgroundColor = "#9e9e9e";
+        el.style.color = "#fff";
+        el.style.fontSize = "16px";
+        el.style.fontWeight = "600";
+        el.style.overflow = "hidden";
+        return el;
     },
     applyProps(el, props) {
-      const src = props["src.0"] || props["0"] || props.src || props.source;
-      if (src !== undefined) {
-        const img = document.createElement("img");
-        img.src = String(src);
-        img.style.width = "100%";
-        img.style.height = "100%";
-        img.style.objectFit = "cover";
-        el.innerHTML = "";
-        el.appendChild(img);
-      } else if (props.initials !== undefined) {
-        el.textContent = String(props.initials).toUpperCase();
-      }
-      if (props.size !== undefined) {
-        const size = typeof props.size === "number" ? `${props.size}px` : String(props.size);
-        el.style.width = size;
-        el.style.height = size;
-      }
-    }
-  };
-});
-init_avatar();
-
-export {
-  avatarHandler
+        // Image source - support named arg with .0 suffix, positional arg, or plain name
+        const src = props["src.0"] || props["0"] || props.src || props.source;
+        if (src !== undefined) {
+            const img = document.createElement("img");
+            img.src = String(src);
+            img.style.width = "100%";
+            img.style.height = "100%";
+            img.style.objectFit = "cover";
+            el.innerHTML = "";
+            el.appendChild(img);
+        }
+        else if (props.initials !== undefined) {
+            // Show initials
+            el.textContent = String(props.initials).toUpperCase();
+        }
+        // Size
+        if (props.size !== undefined) {
+            const size = typeof props.size === "number" ? `${props.size}px` : String(props.size);
+            el.style.width = size;
+            el.style.height = size;
+        }
+    },
 };
-
-//# debugId=2BAD346588EF16C564756E2164756E21
+//# sourceMappingURL=avatar.js.map

package/dist/dom/components/avatar.js.map

@@ -1,10 +1 @@
-{
-  "version": 3,
-  "sources": ["../src/dom/components/avatar.ts"],
-  "sourcesContent": [
-    "/**\n * Avatar Component\n */\n\nimport type { ComponentHandler } from \"./index.js\";\n\nexport const avatarHandler: ComponentHandler = {\n  create(): HTMLElement {\n    const el = document.createElement(\"div\");\n    el.dataset.hypenType = \"avatar\";\n    el.style.display = \"inline-flex\";\n    el.style.alignItems = \"center\";\n    el.style.justifyContent = \"center\";\n    el.style.width = \"40px\";\n    el.style.height = \"40px\";\n    el.style.borderRadius = \"50%\";\n    el.style.backgroundColor = \"#9e9e9e\";\n    el.style.color = \"#fff\";\n    el.style.fontSize = \"16px\";\n    el.style.fontWeight = \"600\";\n    el.style.overflow = \"hidden\";\n    return el;\n  },\n\n  applyProps(el: HTMLElement, props: Record<string, any>): void {\n    // Image source - support named arg with .0 suffix, positional arg, or plain name\n    const src = props[\"src.0\"] || props[\"0\"] || props.src || props.source;\n    if (src !== undefined) {\n      const img = document.createElement(\"img\");\n      img.src = String(src);\n      img.style.width = \"100%\";\n      img.style.height = \"100%\";\n      img.style.objectFit = \"cover\";\n      el.innerHTML = \"\";\n      el.appendChild(img);\n    } else if (props.initials !== undefined) {\n      // Show initials\n      el.textContent = String(props.initials).toUpperCase();\n    }\n\n    // Size\n    if (props.size !== undefined) {\n      const size = typeof props.size === \"number\" ? `${props.size}px` : String(props.size);\n      el.style.width = size;\n      el.style.height = size;\n    }\n  },\n};\n\n\n"
-  ],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAMa;AAAA;AAAA,kBAAkC;AAAA,IAC7C,MAAM,GAAgB;AAAA,MACpB,MAAM,KAAK,SAAS,cAAc,KAAK;AAAA,MACvC,GAAG,QAAQ,YAAY;AAAA,MACvB,GAAG,MAAM,UAAU;AAAA,MACnB,GAAG,MAAM,aAAa;AAAA,MACtB,GAAG,MAAM,iBAAiB;AAAA,MAC1B,GAAG,MAAM,QAAQ;AAAA,MACjB,GAAG,MAAM,SAAS;AAAA,MAClB,GAAG,MAAM,eAAe;AAAA,MACxB,GAAG,MAAM,kBAAkB;AAAA,MAC3B,GAAG,MAAM,QAAQ;AAAA,MACjB,GAAG,MAAM,WAAW;AAAA,MACpB,GAAG,MAAM,aAAa;AAAA,MACtB,GAAG,MAAM,WAAW;AAAA,MACpB,OAAO;AAAA;AAAA,IAGT,UAAU,CAAC,IAAiB,OAAkC;AAAA,MAE5D,MAAM,MAAM,MAAM,YAAY,MAAM,QAAQ,MAAM,OAAO,MAAM;AAAA,MAC/D,IAAI,QAAQ,WAAW;AAAA,QACrB,MAAM,MAAM,SAAS,cAAc,KAAK;AAAA,QACxC,IAAI,MAAM,OAAO,GAAG;AAAA,QACpB,IAAI,MAAM,QAAQ;AAAA,QAClB,IAAI,MAAM,SAAS;AAAA,QACnB,IAAI,MAAM,YAAY;AAAA,QACtB,GAAG,YAAY;AAAA,QACf,GAAG,YAAY,GAAG;AAAA,MACpB,EAAO,SAAI,MAAM,aAAa,WAAW;AAAA,QAEvC,GAAG,cAAc,OAAO,MAAM,QAAQ,EAAE,YAAY;AAAA,MACtD;AAAA,MAGA,IAAI,MAAM,SAAS,WAAW;AAAA,QAC5B,MAAM,OAAO,OAAO,MAAM,SAAS,WAAW,GAAG,MAAM,WAAW,OAAO,MAAM,IAAI;AAAA,QACnF,GAAG,MAAM,QAAQ;AAAA,QACjB,GAAG,MAAM,SAAS;AAAA,MACpB;AAAA;AAAA,EAEJ;AAAA;",
-  "debugId": "2BAD346588EF16C564756E2164756E21",
-  "names": []
-}
+{"version":3,"file":"avatar.js","sourceRoot":"","sources":["../../../src/dom/components/avatar.ts"],"names":[],"mappings":"AAAA;;GAEG;AAIH,MAAM,CAAC,MAAM,aAAa,GAAqB;IAC7C,MAAM;QACJ,MAAM,EAAE,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QACzC,EAAE,CAAC,OAAO,CAAC,SAAS,GAAG,QAAQ,CAAC;QAChC,EAAE,CAAC,KAAK,CAAC,OAAO,GAAG,aAAa,CAAC;QACjC,EAAE,CAAC,KAAK,CAAC,UAAU,GAAG,QAAQ,CAAC;QAC/B,EAAE,CAAC,KAAK,CAAC,cAAc,GAAG,QAAQ,CAAC;QACnC,EAAE,CAAC,KAAK,CAAC,KAAK,GAAG,MAAM,CAAC;QACxB,EAAE,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC;QACzB,EAAE,CAAC,KAAK,CAAC,YAAY,GAAG,KAAK,CAAC;QAC9B,EAAE,CAAC,KAAK,CAAC,eAAe,GAAG,SAAS,CAAC;QACrC,EAAE,CAAC,KAAK,CAAC,KAAK,GAAG,MAAM,CAAC;QACxB,EAAE,CAAC,KAAK,CAAC,QAAQ,GAAG,MAAM,CAAC;QAC3B,EAAE,CAAC,KAAK,CAAC,UAAU,GAAG,KAAK,CAAC;QAC5B,EAAE,CAAC,KAAK,CAAC,QAAQ,GAAG,QAAQ,CAAC;QAC7B,OAAO,EAAE,CAAC;IACZ,CAAC;IAED,UAAU,CAAC,EAAe,EAAE,KAA0B;QACpD,iFAAiF;QACjF,MAAM,GAAG,GAAG,KAAK,CAAC,OAAO,CAAC,IAAI,KAAK,CAAC,GAAG,CAAC,IAAI,KAAK,CAAC,GAAG,IAAI,KAAK,CAAC,MAAM,CAAC;QACtE,IAAI,GAAG,KAAK,SAAS,EAAE,CAAC;YACtB,MAAM,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;YAC1C,GAAG,CAAC,GAAG,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;YACtB,GAAG,CAAC,KAAK,CAAC,KAAK,GAAG,MAAM,CAAC;YACzB,GAAG,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC;YAC1B,GAAG,CAAC,KAAK,CAAC,SAAS,GAAG,OAAO,CAAC;YAC9B,EAAE,CAAC,SAAS,GAAG,EAAE,CAAC;YAClB,EAAE,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;QACtB,CAAC;aAAM,IAAI,KAAK,CAAC,QAAQ,KAAK,SAAS,EAAE,CAAC;YACxC,gBAAgB;YAChB,EAAE,CAAC,WAAW,GAAG,MAAM,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,WAAW,EAAE,CAAC;QACxD,CAAC;QAED,OAAO;QACP,IAAI,KAAK,CAAC,IAAI,KAAK,SAAS,EAAE,CAAC;YAC7B,MAAM,IAAI,GAAG,OAAO,KAAK,CAAC,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;YACrF,EAAE,CAAC,KAAK,CAAC,KAAK,GAAG,IAAI,CAAC;YACtB,EAAE,CAAC,KAAK,CAAC,MAAM,GAAG,IAAI,CAAC;QACzB,CAAC;IACH,CAAC;CACF,CAAC"}

package/dist/dom/components/badge.js

@@ -1,87 +1,39 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-function __accessProp(key) {
-  return this[key];
-}
-var __toCommonJS = (from) => {
-  var entry = (__moduleCache ??= new WeakMap).get(from), desc;
-  if (entry)
-    return entry;
-  entry = __defProp({}, "__esModule", { value: true });
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (var key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(entry, key))
-        __defProp(entry, key, {
-          get: __accessProp.bind(from, key),
-          enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-        });
-  }
-  __moduleCache.set(from, entry);
-  return entry;
-};
-var __moduleCache;
-var __returnValue = (v) => v;
-function __exportSetter(name, newValue) {
-  this[name] = __returnValue.bind(null, newValue);
-}
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, {
-      get: all[name],
-      enumerable: true,
-      configurable: true,
-      set: __exportSetter.bind(all, name)
-    });
-};
-var __esm = (fn, res) => () => (fn && (res = fn(fn = 0)), res);
-
-// src/dom/components/badge.ts
-var exports_badge = {};
-__export(exports_badge, {
-  badgeHandler: () => badgeHandler
-});
-var badgeHandler;
-var init_badge = __esm(() => {
-  badgeHandler = {
+/**
+ * Badge Component
+ */
+export const badgeHandler = {
     create() {
-      const el = document.createElement("span");
-      el.dataset.hypenType = "badge";
-      el.style.display = "inline-block";
-      el.style.padding = "4px 8px";
-      el.style.borderRadius = "4px";
-      el.style.fontSize = "12px";
-      el.style.fontWeight = "600";
-      el.style.backgroundColor = "#e0e0e0";
-      el.style.color = "#333";
-      return el;
+        const el = document.createElement("span");
+        el.dataset.hypenType = "badge";
+        el.style.display = "inline-block";
+        el.style.padding = "4px 8px";
+        el.style.borderRadius = "4px";
+        el.style.fontSize = "12px";
+        el.style.fontWeight = "600";
+        el.style.backgroundColor = "#e0e0e0";
+        el.style.color = "#333";
+        return el;
     },
     applyProps(el, props) {
-      if (props.theme !== undefined) {
-        const theme = String(props.theme);
-        const themeColors = {
-          success: { bg: "#4CAF50", color: "#fff" },
-          error: { bg: "#f44336", color: "#fff" },
-          warning: { bg: "#ff9800", color: "#fff" },
-          info: { bg: "#2196F3", color: "#fff" },
-          default: { bg: "#e0e0e0", color: "#333" }
-        };
-        const colors = themeColors[theme] || themeColors.default;
-        el.style.backgroundColor = colors.bg;
-        el.style.color = colors.color;
-      }
-      const text = props["0"] || props.text;
-      if (text !== undefined) {
-        el.textContent = String(text);
-      }
-    }
-  };
-});
-init_badge();
-
-export {
-  badgeHandler
+        // Theme
+        if (props.theme !== undefined) {
+            const theme = String(props.theme);
+            const themeColors = {
+                success: { bg: "#4CAF50", color: "#fff" },
+                error: { bg: "#f44336", color: "#fff" },
+                warning: { bg: "#ff9800", color: "#fff" },
+                info: { bg: "#2196F3", color: "#fff" },
+                default: { bg: "#e0e0e0", color: "#333" },
+            };
+            const colors = themeColors[theme] || themeColors.default;
+            el.style.backgroundColor = colors.bg;
+            el.style.color = colors.color;
+        }
+        // Text content
+        const text = props["0"] || props.text;
+        if (text !== undefined) {
+            el.textContent = String(text);
+        }
+    },
 };
-
-//# debugId=BDCC12E36B5511A364756E2164756E21
+//# sourceMappingURL=badge.js.map