@hypen-space/web 0.4.36 → 0.4.37

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

@@ -1,10 +1 @@
-{
-  "version": 3,
-  "sources": ["../src/dom/components/container.ts"],
-  "sourcesContent": [
-    "/**\n * Container/Box Component\n */\n\nimport type { ComponentHandler } from \"./index.js\";\n\nexport const containerHandler: ComponentHandler = {\n  create(): HTMLElement {\n    const el = document.createElement(\"div\");\n    // Simple block container - wraps to content by default\n    // Use .fillMaxWidth(true) to stretch\n    el.dataset.hypenType = \"container\";\n    return el;\n  },\n};\n"
-  ],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAMa;AAAA;AAAA,qBAAqC;AAAA,IAChD,MAAM,GAAgB;AAAA,MACpB,MAAM,KAAK,SAAS,cAAc,KAAK;AAAA,MAGvC,GAAG,QAAQ,YAAY;AAAA,MACvB,OAAO;AAAA;AAAA,EAEX;AAAA;",
-  "debugId": "DC11F92D0D1E3B6D64756E2164756E21",
-  "names": []
-}
+{"version":3,"file":"container.js","sourceRoot":"","sources":["../../../src/dom/components/container.ts"],"names":[],"mappings":"AAAA;;GAEG;AAIH,MAAM,CAAC,MAAM,gBAAgB,GAAqB;IAChD,MAAM;QACJ,MAAM,EAAE,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QACzC,uDAAuD;QACvD,qCAAqC;QACrC,EAAE,CAAC,OAAO,CAAC,SAAS,GAAG,WAAW,CAAC;QACnC,OAAO,EAAE,CAAC;IACZ,CAAC;CACF,CAAC"}

package/dist/dom/components/divider.js

@@ -1,77 +1,31 @@
-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/divider.ts
-var exports_divider = {};
-__export(exports_divider, {
-  dividerHandler: () => dividerHandler
-});
-var dividerHandler;
-var init_divider = __esm(() => {
-  dividerHandler = {
+/**
+ * Divider Component - Visual separator
+ */
+export const dividerHandler = {
     create() {
-      const el = document.createElement("hr");
-      el.dataset.hypenType = "divider";
-      el.style.border = "none";
-      el.style.borderTop = "1px solid #e0e0e0";
-      el.style.margin = "0";
-      return el;
+        const el = document.createElement("hr");
+        el.dataset.hypenType = "divider";
+        el.style.border = "none";
+        el.style.borderTop = "1px solid #e0e0e0";
+        el.style.margin = "0";
+        return el;
     },
     applyProps(el, props) {
-      if (props.thickness !== undefined) {
-        const thickness = typeof props.thickness === "number" ? `${props.thickness}px` : String(props.thickness);
-        el.style.borderTopWidth = thickness;
-      }
-      if (props.orientation === "vertical") {
-        el.style.borderTop = "none";
-        el.style.borderLeft = "1px solid #e0e0e0";
-        el.style.height = "100%";
-        el.style.width = "0";
-        el.style.display = "inline-block";
-      }
-    }
-  };
-});
-init_divider();
-
-export {
-  dividerHandler
+        // Thickness
+        if (props.thickness !== undefined) {
+            const thickness = typeof props.thickness === "number"
+                ? `${props.thickness}px`
+                : String(props.thickness);
+            el.style.borderTopWidth = thickness;
+        }
+        // Orientation
+        if (props.orientation === "vertical") {
+            el.style.borderTop = "none";
+            el.style.borderLeft = "1px solid #e0e0e0";
+            el.style.height = "100%";
+            el.style.width = "0";
+            el.style.display = "inline-block";
+        }
+    },
 };
-
-//# debugId=4EBBBEDF0C2E623064756E2164756E21
+//# sourceMappingURL=divider.js.map

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

@@ -1,10 +1 @@
-{
-  "version": 3,
-  "sources": ["../src/dom/components/divider.ts"],
-  "sourcesContent": [
-    "/**\n * Divider Component - Visual separator\n */\n\nimport type { ComponentHandler } from \"./index.js\";\n\nexport const dividerHandler: ComponentHandler = {\n  create(): HTMLElement {\n    const el = document.createElement(\"hr\");\n    el.dataset.hypenType = \"divider\";\n    el.style.border = \"none\";\n    el.style.borderTop = \"1px solid #e0e0e0\";\n    el.style.margin = \"0\";\n    return el;\n  },\n\n  applyProps(el: HTMLElement, props: Record<string, any>): void {\n    // Thickness\n    if (props.thickness !== undefined) {\n      const thickness = typeof props.thickness === \"number\" \n        ? `${props.thickness}px` \n        : String(props.thickness);\n      el.style.borderTopWidth = thickness;\n    }\n\n    // Orientation\n    if (props.orientation === \"vertical\") {\n      el.style.borderTop = \"none\";\n      el.style.borderLeft = \"1px solid #e0e0e0\";\n      el.style.height = \"100%\";\n      el.style.width = \"0\";\n      el.style.display = \"inline-block\";\n    }\n  },\n};\n\n\n"
-  ],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAMa;AAAA;AAAA,mBAAmC;AAAA,IAC9C,MAAM,GAAgB;AAAA,MACpB,MAAM,KAAK,SAAS,cAAc,IAAI;AAAA,MACtC,GAAG,QAAQ,YAAY;AAAA,MACvB,GAAG,MAAM,SAAS;AAAA,MAClB,GAAG,MAAM,YAAY;AAAA,MACrB,GAAG,MAAM,SAAS;AAAA,MAClB,OAAO;AAAA;AAAA,IAGT,UAAU,CAAC,IAAiB,OAAkC;AAAA,MAE5D,IAAI,MAAM,cAAc,WAAW;AAAA,QACjC,MAAM,YAAY,OAAO,MAAM,cAAc,WACzC,GAAG,MAAM,gBACT,OAAO,MAAM,SAAS;AAAA,QAC1B,GAAG,MAAM,iBAAiB;AAAA,MAC5B;AAAA,MAGA,IAAI,MAAM,gBAAgB,YAAY;AAAA,QACpC,GAAG,MAAM,YAAY;AAAA,QACrB,GAAG,MAAM,aAAa;AAAA,QACtB,GAAG,MAAM,SAAS;AAAA,QAClB,GAAG,MAAM,QAAQ;AAAA,QACjB,GAAG,MAAM,UAAU;AAAA,MACrB;AAAA;AAAA,EAEJ;AAAA;",
-  "debugId": "4EBBBEDF0C2E623064756E2164756E21",
-  "names": []
-}
+{"version":3,"file":"divider.js","sourceRoot":"","sources":["../../../src/dom/components/divider.ts"],"names":[],"mappings":"AAAA;;GAEG;AAIH,MAAM,CAAC,MAAM,cAAc,GAAqB;IAC9C,MAAM;QACJ,MAAM,EAAE,GAAG,QAAQ,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;QACxC,EAAE,CAAC,OAAO,CAAC,SAAS,GAAG,SAAS,CAAC;QACjC,EAAE,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC;QACzB,EAAE,CAAC,KAAK,CAAC,SAAS,GAAG,mBAAmB,CAAC;QACzC,EAAE,CAAC,KAAK,CAAC,MAAM,GAAG,GAAG,CAAC;QACtB,OAAO,EAAE,CAAC;IACZ,CAAC;IAED,UAAU,CAAC,EAAe,EAAE,KAA0B;QACpD,YAAY;QACZ,IAAI,KAAK,CAAC,SAAS,KAAK,SAAS,EAAE,CAAC;YAClC,MAAM,SAAS,GAAG,OAAO,KAAK,CAAC,SAAS,KAAK,QAAQ;gBACnD,CAAC,CAAC,GAAG,KAAK,CAAC,SAAS,IAAI;gBACxB,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;YAC5B,EAAE,CAAC,KAAK,CAAC,cAAc,GAAG,SAAS,CAAC;QACtC,CAAC;QAED,cAAc;QACd,IAAI,KAAK,CAAC,WAAW,KAAK,UAAU,EAAE,CAAC;YACrC,EAAE,CAAC,KAAK,CAAC,SAAS,GAAG,MAAM,CAAC;YAC5B,EAAE,CAAC,KAAK,CAAC,UAAU,GAAG,mBAAmB,CAAC;YAC1C,EAAE,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC;YACzB,EAAE,CAAC,KAAK,CAAC,KAAK,GAAG,GAAG,CAAC;YACrB,EAAE,CAAC,KAAK,CAAC,OAAO,GAAG,cAAc,CAAC;QACpC,CAAC;IACH,CAAC;CACF,CAAC"}

package/dist/dom/components/grid.js

@@ -1,92 +1,53 @@
-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/grid.ts
-var exports_grid = {};
-__export(exports_grid, {
-  gridHandler: () => gridHandler
-});
+/**
+ * Grid Component - CSS Grid Layout
+ *
+ * Grid items stretch to fill their cells by default (matching Android/iOS behavior).
+ */
+// Inject global styles for grid children
+let gridStylesInjected = false;
 function ensureGridStyles() {
-  if (gridStylesInjected)
-    return;
-  gridStylesInjected = true;
-  const style = document.createElement("style");
-  style.id = "hypen-grid-styles";
-  style.textContent = `
+    if (gridStylesInjected)
+        return;
+    gridStylesInjected = true;
+    const style = document.createElement("style");
+    style.id = "hypen-grid-styles";
+    style.textContent = `
     /* Grid children stretch to fill cells by default (matches Android behavior) */
     [data-hypen-type="grid"] > * {
       justify-self: stretch;
       align-self: stretch;
     }
   `;
-  document.head.appendChild(style);
+    document.head.appendChild(style);
 }
-var gridStylesInjected = false, gridHandler;
-var init_grid = __esm(() => {
-  gridHandler = {
+export const gridHandler = {
     create() {
-      ensureGridStyles();
-      const el = document.createElement("div");
-      el.style.display = "grid";
-      el.dataset.hypenType = "grid";
-      return el;
+        ensureGridStyles();
+        const el = document.createElement("div");
+        el.style.display = "grid";
+        el.dataset.hypenType = "grid";
+        return el;
     },
     applyProps(el, props) {
-      if (props.columns !== undefined) {
-        const columns = typeof props.columns === "number" ? `repeat(${props.columns}, 1fr)` : String(props.columns);
-        el.style.gridTemplateColumns = columns;
-      }
-      if (props.rows !== undefined) {
-        const rows = typeof props.rows === "number" ? `repeat(${props.rows}, 1fr)` : String(props.rows);
-        el.style.gridTemplateRows = rows;
-      }
-      if (props.gap !== undefined) {
-        const gap = typeof props.gap === "number" ? `${props.gap}px` : String(props.gap);
-        el.style.gap = gap;
-      }
-    }
-  };
-});
-init_grid();
-
-export {
-  gridHandler
+        // Columns
+        if (props.columns !== undefined) {
+            const columns = typeof props.columns === "number"
+                ? `repeat(${props.columns}, 1fr)`
+                : String(props.columns);
+            el.style.gridTemplateColumns = columns;
+        }
+        // Rows
+        if (props.rows !== undefined) {
+            const rows = typeof props.rows === "number"
+                ? `repeat(${props.rows}, 1fr)`
+                : String(props.rows);
+            el.style.gridTemplateRows = rows;
+        }
+        // Gap
+        if (props.gap !== undefined) {
+            const gap = typeof props.gap === "number" ? `${props.gap}px` : String(props.gap);
+            el.style.gap = gap;
+        }
+    },
 };
-
-//# debugId=96BFDBC03C14F29264756E2164756E21
+//# sourceMappingURL=grid.js.map

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

@@ -1,10 +1 @@
-{
-  "version": 3,
-  "sources": ["../src/dom/components/grid.ts"],
-  "sourcesContent": [
-    "/**\n * Grid Component - CSS Grid Layout\n *\n * Grid items stretch to fill their cells by default (matching Android/iOS behavior).\n */\n\nimport type { ComponentHandler } from \"./index.js\";\n\n// Inject global styles for grid children\nlet gridStylesInjected = false;\nfunction ensureGridStyles(): void {\n  if (gridStylesInjected) return;\n  gridStylesInjected = true;\n\n  const style = document.createElement(\"style\");\n  style.id = \"hypen-grid-styles\";\n  style.textContent = `\n    /* Grid children stretch to fill cells by default (matches Android behavior) */\n    [data-hypen-type=\"grid\"] > * {\n      justify-self: stretch;\n      align-self: stretch;\n    }\n  `;\n  document.head.appendChild(style);\n}\n\nexport const gridHandler: ComponentHandler = {\n  create(): HTMLElement {\n    ensureGridStyles();\n\n    const el = document.createElement(\"div\");\n    el.style.display = \"grid\";\n    el.dataset.hypenType = \"grid\";\n    return el;\n  },\n\n  applyProps(el: HTMLElement, props: Record<string, any>): void {\n    // Columns\n    if (props.columns !== undefined) {\n      const columns = typeof props.columns === \"number\"\n        ? `repeat(${props.columns}, 1fr)`\n        : String(props.columns);\n      el.style.gridTemplateColumns = columns;\n    }\n\n    // Rows\n    if (props.rows !== undefined) {\n      const rows = typeof props.rows === \"number\"\n        ? `repeat(${props.rows}, 1fr)`\n        : String(props.rows);\n      el.style.gridTemplateRows = rows;\n    }\n\n    // Gap\n    if (props.gap !== undefined) {\n      const gap = typeof props.gap === \"number\" ? `${props.gap}px` : String(props.gap);\n      el.style.gap = gap;\n    }\n  },\n};\n\n\n"
-  ],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUA,SAAS,gBAAgB,GAAS;AAAA,EAChC,IAAI;AAAA,IAAoB;AAAA,EACxB,qBAAqB;AAAA,EAErB,MAAM,QAAQ,SAAS,cAAc,OAAO;AAAA,EAC5C,MAAM,KAAK;AAAA,EACX,MAAM,cAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOpB,SAAS,KAAK,YAAY,KAAK;AAAA;AAAA,IAd7B,qBAAqB,OAiBZ;AAAA;AAAA,gBAAgC;AAAA,IAC3C,MAAM,GAAgB;AAAA,MACpB,iBAAiB;AAAA,MAEjB,MAAM,KAAK,SAAS,cAAc,KAAK;AAAA,MACvC,GAAG,MAAM,UAAU;AAAA,MACnB,GAAG,QAAQ,YAAY;AAAA,MACvB,OAAO;AAAA;AAAA,IAGT,UAAU,CAAC,IAAiB,OAAkC;AAAA,MAE5D,IAAI,MAAM,YAAY,WAAW;AAAA,QAC/B,MAAM,UAAU,OAAO,MAAM,YAAY,WACrC,UAAU,MAAM,kBAChB,OAAO,MAAM,OAAO;AAAA,QACxB,GAAG,MAAM,sBAAsB;AAAA,MACjC;AAAA,MAGA,IAAI,MAAM,SAAS,WAAW;AAAA,QAC5B,MAAM,OAAO,OAAO,MAAM,SAAS,WAC/B,UAAU,MAAM,eAChB,OAAO,MAAM,IAAI;AAAA,QACrB,GAAG,MAAM,mBAAmB;AAAA,MAC9B;AAAA,MAGA,IAAI,MAAM,QAAQ,WAAW;AAAA,QAC3B,MAAM,MAAM,OAAO,MAAM,QAAQ,WAAW,GAAG,MAAM,UAAU,OAAO,MAAM,GAAG;AAAA,QAC/E,GAAG,MAAM,MAAM;AAAA,MACjB;AAAA;AAAA,EAEJ;AAAA;",
-  "debugId": "96BFDBC03C14F29264756E2164756E21",
-  "names": []
-}
+{"version":3,"file":"grid.js","sourceRoot":"","sources":["../../../src/dom/components/grid.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAIH,yCAAyC;AACzC,IAAI,kBAAkB,GAAG,KAAK,CAAC;AAC/B,SAAS,gBAAgB;IACvB,IAAI,kBAAkB;QAAE,OAAO;IAC/B,kBAAkB,GAAG,IAAI,CAAC;IAE1B,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;IAC9C,KAAK,CAAC,EAAE,GAAG,mBAAmB,CAAC;IAC/B,KAAK,CAAC,WAAW,GAAG;;;;;;GAMnB,CAAC;IACF,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AACnC,CAAC;AAED,MAAM,CAAC,MAAM,WAAW,GAAqB;IAC3C,MAAM;QACJ,gBAAgB,EAAE,CAAC;QAEnB,MAAM,EAAE,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QACzC,EAAE,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM,CAAC;QAC1B,EAAE,CAAC,OAAO,CAAC,SAAS,GAAG,MAAM,CAAC;QAC9B,OAAO,EAAE,CAAC;IACZ,CAAC;IAED,UAAU,CAAC,EAAe,EAAE,KAA0B;QACpD,UAAU;QACV,IAAI,KAAK,CAAC,OAAO,KAAK,SAAS,EAAE,CAAC;YAChC,MAAM,OAAO,GAAG,OAAO,KAAK,CAAC,OAAO,KAAK,QAAQ;gBAC/C,CAAC,CAAC,UAAU,KAAK,CAAC,OAAO,QAAQ;gBACjC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;YAC1B,EAAE,CAAC,KAAK,CAAC,mBAAmB,GAAG,OAAO,CAAC;QACzC,CAAC;QAED,OAAO;QACP,IAAI,KAAK,CAAC,IAAI,KAAK,SAAS,EAAE,CAAC;YAC7B,MAAM,IAAI,GAAG,OAAO,KAAK,CAAC,IAAI,KAAK,QAAQ;gBACzC,CAAC,CAAC,UAAU,KAAK,CAAC,IAAI,QAAQ;gBAC9B,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;YACvB,EAAE,CAAC,KAAK,CAAC,gBAAgB,GAAG,IAAI,CAAC;QACnC,CAAC;QAED,MAAM;QACN,IAAI,KAAK,CAAC,GAAG,KAAK,SAAS,EAAE,CAAC;YAC5B,MAAM,GAAG,GAAG,OAAO,KAAK,CAAC,GAAG,KAAK,QAAQ,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;YACjF,EAAE,CAAC,KAAK,CAAC,GAAG,GAAG,GAAG,CAAC;QACrB,CAAC;IACH,CAAC;CACF,CAAC"}

package/dist/dom/components/heading.js

@@ -1,79 +1,33 @@
-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/heading.ts
-var exports_heading = {};
-__export(exports_heading, {
-  headingHandler: () => headingHandler
-});
-var headingHandler;
-var init_heading = __esm(() => {
-  headingHandler = {
+/**
+ * Heading Component - Semantic headings (h1-h6)
+ */
+export const headingHandler = {
     create() {
-      const el = document.createElement("h2");
-      el.dataset.hypenType = "heading";
-      return el;
+        const el = document.createElement("h2");
+        el.dataset.hypenType = "heading";
+        return el;
     },
     applyProps(el, props) {
-      if (props.level !== undefined) {
-        const level = Math.max(1, Math.min(6, Number(props.level)));
-        const newEl = document.createElement(`h${level}`);
-        newEl.dataset.hypenType = "heading";
-        newEl.innerHTML = el.innerHTML;
-        Array.from(el.attributes).forEach((attr) => {
-          newEl.setAttribute(attr.name, attr.value);
-        });
-        if (el.parentNode) {
-          el.parentNode.replaceChild(newEl, el);
+        // Level property (1-6)
+        if (props.level !== undefined) {
+            const level = Math.max(1, Math.min(6, Number(props.level)));
+            const newEl = document.createElement(`h${level}`);
+            newEl.dataset.hypenType = "heading";
+            // Copy content and attributes
+            newEl.innerHTML = el.innerHTML;
+            Array.from(el.attributes).forEach(attr => {
+                newEl.setAttribute(attr.name, attr.value);
+            });
+            // Replace the element
+            if (el.parentNode) {
+                el.parentNode.replaceChild(newEl, el);
+            }
         }
-      }
-      const text = props["0"] || props.text;
-      if (text !== undefined) {
-        el.textContent = String(text);
-      }
-    }
-  };
-});
-init_heading();
-
-export {
-  headingHandler
+        // Text content
+        const text = props["0"] || props.text;
+        if (text !== undefined) {
+            el.textContent = String(text);
+        }
+    },
 };
-
-//# debugId=FF5A0680D5657CEB64756E2164756E21
+//# sourceMappingURL=heading.js.map

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

@@ -1,10 +1 @@
-{
-  "version": 3,
-  "sources": ["../src/dom/components/heading.ts"],
-  "sourcesContent": [
-    "/**\n * Heading Component - Semantic headings (h1-h6)\n */\n\nimport type { ComponentHandler } from \"./index.js\";\n\nexport const headingHandler: ComponentHandler = {\n  create(): HTMLElement {\n    const el = document.createElement(\"h2\");\n    el.dataset.hypenType = \"heading\";\n    return el;\n  },\n\n  applyProps(el: HTMLElement, props: Record<string, any>): void {\n    // Level property (1-6)\n    if (props.level !== undefined) {\n      const level = Math.max(1, Math.min(6, Number(props.level)));\n      const newEl = document.createElement(`h${level}`);\n      newEl.dataset.hypenType = \"heading\";\n      \n      // Copy content and attributes\n      newEl.innerHTML = el.innerHTML;\n      Array.from(el.attributes).forEach(attr => {\n        newEl.setAttribute(attr.name, attr.value);\n      });\n      \n      // Replace the element\n      if (el.parentNode) {\n        el.parentNode.replaceChild(newEl, el);\n      }\n    }\n\n    // Text content\n    const text = props[\"0\"] || props.text;\n    if (text !== undefined) {\n      el.textContent = String(text);\n    }\n  },\n};\n\n\n"
-  ],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAMa;AAAA;AAAA,mBAAmC;AAAA,IAC9C,MAAM,GAAgB;AAAA,MACpB,MAAM,KAAK,SAAS,cAAc,IAAI;AAAA,MACtC,GAAG,QAAQ,YAAY;AAAA,MACvB,OAAO;AAAA;AAAA,IAGT,UAAU,CAAC,IAAiB,OAAkC;AAAA,MAE5D,IAAI,MAAM,UAAU,WAAW;AAAA,QAC7B,MAAM,QAAQ,KAAK,IAAI,GAAG,KAAK,IAAI,GAAG,OAAO,MAAM,KAAK,CAAC,CAAC;AAAA,QAC1D,MAAM,QAAQ,SAAS,cAAc,IAAI,OAAO;AAAA,QAChD,MAAM,QAAQ,YAAY;AAAA,QAG1B,MAAM,YAAY,GAAG;AAAA,QACrB,MAAM,KAAK,GAAG,UAAU,EAAE,QAAQ,UAAQ;AAAA,UACxC,MAAM,aAAa,KAAK,MAAM,KAAK,KAAK;AAAA,SACzC;AAAA,QAGD,IAAI,GAAG,YAAY;AAAA,UACjB,GAAG,WAAW,aAAa,OAAO,EAAE;AAAA,QACtC;AAAA,MACF;AAAA,MAGA,MAAM,OAAO,MAAM,QAAQ,MAAM;AAAA,MACjC,IAAI,SAAS,WAAW;AAAA,QACtB,GAAG,cAAc,OAAO,IAAI;AAAA,MAC9B;AAAA;AAAA,EAEJ;AAAA;",
-  "debugId": "FF5A0680D5657CEB64756E2164756E21",
-  "names": []
-}
+{"version":3,"file":"heading.js","sourceRoot":"","sources":["../../../src/dom/components/heading.ts"],"names":[],"mappings":"AAAA;;GAEG;AAIH,MAAM,CAAC,MAAM,cAAc,GAAqB;IAC9C,MAAM;QACJ,MAAM,EAAE,GAAG,QAAQ,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;QACxC,EAAE,CAAC,OAAO,CAAC,SAAS,GAAG,SAAS,CAAC;QACjC,OAAO,EAAE,CAAC;IACZ,CAAC;IAED,UAAU,CAAC,EAAe,EAAE,KAA0B;QACpD,uBAAuB;QACvB,IAAI,KAAK,CAAC,KAAK,KAAK,SAAS,EAAE,CAAC;YAC9B,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;YAC5D,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,IAAI,KAAK,EAAE,CAAC,CAAC;YAClD,KAAK,CAAC,OAAO,CAAC,SAAS,GAAG,SAAS,CAAC;YAEpC,8BAA8B;YAC9B,KAAK,CAAC,SAAS,GAAG,EAAE,CAAC,SAAS,CAAC;YAC/B,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;gBACvC,KAAK,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;YAC5C,CAAC,CAAC,CAAC;YAEH,sBAAsB;YACtB,IAAI,EAAE,CAAC,UAAU,EAAE,CAAC;gBAClB,EAAE,CAAC,UAAU,CAAC,YAAY,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;YACxC,CAAC;QACH,CAAC;QAED,eAAe;QACf,MAAM,IAAI,GAAG,KAAK,CAAC,GAAG,CAAC,IAAI,KAAK,CAAC,IAAI,CAAC;QACtC,IAAI,IAAI,KAAK,SAAS,EAAE,CAAC;YACvB,EAAE,CAAC,WAAW,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;QAChC,CAAC;IACH,CAAC;CACF,CAAC"}