@hypen-space/web 0.2.0

package/dist/src/dom/components/spinner.js

@@ -0,0 +1,65 @@
+import {
+  __esm,
+  __export
+} from "../../../chunk-2s02mkzs.js";
+
+// src/dom/components/spinner.ts
+var exports_spinner = {};
+__export(exports_spinner, {
+  spinnerHandler: () => spinnerHandler
+});
+var spinnerHandler;
+var init_spinner = __esm(() => {
+  spinnerHandler = {
+    create() {
+      const wrapper = document.createElement("div");
+      wrapper.dataset.hypenType = "spinner";
+      wrapper.style.display = "inline-block";
+      const spinner = document.createElement("div");
+      spinner.style.width = "40px";
+      spinner.style.height = "40px";
+      spinner.style.border = "4px solid #f3f3f3";
+      spinner.style.borderTop = "4px solid #3498db";
+      spinner.style.borderRadius = "50%";
+      spinner.style.animation = "spin 1s linear infinite";
+      const style = document.createElement("style");
+      style.textContent = `
+      @keyframes spin {
+        0% { transform: rotate(0deg); }
+        100% { transform: rotate(360deg); }
+      }
+    `;
+      wrapper.appendChild(style);
+      wrapper.appendChild(spinner);
+      return wrapper;
+    },
+    applyProps(el, props) {
+      const spinner = el.querySelector("div:not(style)");
+      if (!spinner)
+        return;
+      if (props.size !== undefined) {
+        const size = String(props.size);
+        const sizeMap = {
+          small: "24px",
+          medium: "40px",
+          large: "60px"
+        };
+        const actualSize = sizeMap[size] || size;
+        spinner.style.width = actualSize;
+        spinner.style.height = actualSize;
+      }
+      if (props.color !== undefined) {
+        spinner.style.borderTopColor = String(props.color);
+      }
+    }
+  };
+});
+init_spinner();
+
+export {
+  spinnerHandler
+};
+
+export { exports_spinner, init_spinner };
+
+//# debugId=987AF8881D430E7C64756E2164756E21

package/dist/src/dom/components/spinner.js.map

@@ -0,0 +1,10 @@
+{
+  "version": 3,
+  "sources": ["../src/dom/components/spinner.ts"],
+  "sourcesContent": [
+    "/**\n * Spinner Component (Loading Indicator)\n */\n\nimport type { ComponentHandler } from \"./index.js\";\n\nexport const spinnerHandler: ComponentHandler = {\n  create(): HTMLElement {\n    const wrapper = document.createElement(\"div\");\n    wrapper.dataset.hypenType = \"spinner\";\n    wrapper.style.display = \"inline-block\";\n\n    const spinner = document.createElement(\"div\");\n    spinner.style.width = \"40px\";\n    spinner.style.height = \"40px\";\n    spinner.style.border = \"4px solid #f3f3f3\";\n    spinner.style.borderTop = \"4px solid #3498db\";\n    spinner.style.borderRadius = \"50%\";\n    spinner.style.animation = \"spin 1s linear infinite\";\n\n    // Add keyframe animation\n    const style = document.createElement(\"style\");\n    style.textContent = `\n      @keyframes spin {\n        0% { transform: rotate(0deg); }\n        100% { transform: rotate(360deg); }\n      }\n    `;\n    \n    wrapper.appendChild(style);\n    wrapper.appendChild(spinner);\n    \n    return wrapper;\n  },\n\n  applyProps(el: HTMLElement, props: Record<string, any>): void {\n    const spinner = el.querySelector(\"div:not(style)\") as HTMLElement;\n    if (!spinner) return;\n\n    // Size\n    if (props.size !== undefined) {\n      const size = String(props.size);\n      const sizeMap: Record<string, string> = {\n        small: \"24px\",\n        medium: \"40px\",\n        large: \"60px\",\n      };\n      const actualSize = sizeMap[size] || size;\n      spinner.style.width = actualSize;\n      spinner.style.height = actualSize;\n    }\n\n    // Color\n    if (props.color !== undefined) {\n      spinner.style.borderTopColor = String(props.color);\n    }\n  },\n};\n\n\n"
+  ],
+  "mappings": ";;;;;;;;;;IAMa;AAAA;AAAA,mBAAmC;AAAA,IAC9C,MAAM,GAAgB;AAAA,MACpB,MAAM,UAAU,SAAS,cAAc,KAAK;AAAA,MAC5C,QAAQ,QAAQ,YAAY;AAAA,MAC5B,QAAQ,MAAM,UAAU;AAAA,MAExB,MAAM,UAAU,SAAS,cAAc,KAAK;AAAA,MAC5C,QAAQ,MAAM,QAAQ;AAAA,MACtB,QAAQ,MAAM,SAAS;AAAA,MACvB,QAAQ,MAAM,SAAS;AAAA,MACvB,QAAQ,MAAM,YAAY;AAAA,MAC1B,QAAQ,MAAM,eAAe;AAAA,MAC7B,QAAQ,MAAM,YAAY;AAAA,MAG1B,MAAM,QAAQ,SAAS,cAAc,OAAO;AAAA,MAC5C,MAAM,cAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAOpB,QAAQ,YAAY,KAAK;AAAA,MACzB,QAAQ,YAAY,OAAO;AAAA,MAE3B,OAAO;AAAA;AAAA,IAGT,UAAU,CAAC,IAAiB,OAAkC;AAAA,MAC5D,MAAM,UAAU,GAAG,cAAc,gBAAgB;AAAA,MACjD,IAAI,CAAC;AAAA,QAAS;AAAA,MAGd,IAAI,MAAM,SAAS,WAAW;AAAA,QAC5B,MAAM,OAAO,OAAO,MAAM,IAAI;AAAA,QAC9B,MAAM,UAAkC;AAAA,UACtC,OAAO;AAAA,UACP,QAAQ;AAAA,UACR,OAAO;AAAA,QACT;AAAA,QACA,MAAM,aAAa,QAAQ,SAAS;AAAA,QACpC,QAAQ,MAAM,QAAQ;AAAA,QACtB,QAAQ,MAAM,SAAS;AAAA,MACzB;AAAA,MAGA,IAAI,MAAM,UAAU,WAAW;AAAA,QAC7B,QAAQ,MAAM,iBAAiB,OAAO,MAAM,KAAK;AAAA,MACnD;AAAA;AAAA,EAEJ;AAAA;",
+  "debugId": "987AF8881D430E7C64756E2164756E21",
+  "names": []
+}

package/dist/src/dom/components/stack.js

@@ -0,0 +1,45 @@
+import {
+  __esm,
+  __export
+} from "../../../chunk-2s02mkzs.js";
+
+// src/dom/components/stack.ts
+var exports_stack = {};
+__export(exports_stack, {
+  stackHandler: () => stackHandler
+});
+var stackHandler;
+var init_stack = __esm(() => {
+  stackHandler = {
+    create() {
+      const el = document.createElement("div");
+      el.style.position = "relative";
+      el.style.display = "flex";
+      el.dataset.hypenType = "stack";
+      const style = document.createElement("style");
+      style.textContent = `
+      [data-hypen-type="stack"] > * {
+        position: absolute;
+        top: 0;
+        left: 0;
+        width: 100%;
+        height: 100%;
+      }
+      [data-hypen-type="stack"] > *:first-child {
+        position: relative;
+      }
+    `;
+      el.appendChild(style);
+      return el;
+    }
+  };
+});
+init_stack();
+
+export {
+  stackHandler
+};
+
+export { exports_stack, init_stack };
+
+//# debugId=510A0720567209A064756E2164756E21

package/dist/src/dom/components/stack.js.map

@@ -0,0 +1,10 @@
+{
+  "version": 3,
+  "sources": ["../src/dom/components/stack.ts"],
+  "sourcesContent": [
+    "/**\n * Stack Component - Overlaying elements with absolute positioning\n */\n\nimport type { ComponentHandler } from \"./index.js\";\n\nexport const stackHandler: ComponentHandler = {\n  create(): HTMLElement {\n    const el = document.createElement(\"div\");\n    el.style.position = \"relative\";\n    el.style.display = \"flex\";\n    el.dataset.hypenType = \"stack\";\n    \n    // Children will be absolutely positioned\n    const style = document.createElement(\"style\");\n    style.textContent = `\n      [data-hypen-type=\"stack\"] > * {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n      }\n      [data-hypen-type=\"stack\"] > *:first-child {\n        position: relative;\n      }\n    `;\n    el.appendChild(style);\n    \n    return el;\n  },\n};\n\n\n"
+  ],
+  "mappings": ";;;;;;;;;;IAMa;AAAA;AAAA,iBAAiC;AAAA,IAC5C,MAAM,GAAgB;AAAA,MACpB,MAAM,KAAK,SAAS,cAAc,KAAK;AAAA,MACvC,GAAG,MAAM,WAAW;AAAA,MACpB,GAAG,MAAM,UAAU;AAAA,MACnB,GAAG,QAAQ,YAAY;AAAA,MAGvB,MAAM,QAAQ,SAAS,cAAc,OAAO;AAAA,MAC5C,MAAM,cAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAYpB,GAAG,YAAY,KAAK;AAAA,MAEpB,OAAO;AAAA;AAAA,EAEX;AAAA;",
+  "debugId": "510A0720567209A064756E2164756E21",
+  "names": []
+}

package/dist/src/dom/components/switch.js

@@ -0,0 +1,83 @@
+import {
+  __esm,
+  __export
+} from "../../../chunk-2s02mkzs.js";
+
+// src/dom/components/switch.ts
+var exports_switch = {};
+__export(exports_switch, {
+  switchHandler: () => switchHandler
+});
+var switchHandler;
+var init_switch = __esm(() => {
+  switchHandler = {
+    create() {
+      const wrapper = document.createElement("label");
+      wrapper.dataset.hypenType = "switch";
+      wrapper.style.display = "inline-flex";
+      wrapper.style.alignItems = "center";
+      wrapper.style.gap = "8px";
+      wrapper.style.cursor = "pointer";
+      const input = document.createElement("input");
+      input.type = "checkbox";
+      input.dataset.hypenSwitch = "true";
+      input.style.appearance = "none";
+      input.style.width = "44px";
+      input.style.height = "24px";
+      input.style.backgroundColor = "#ccc";
+      input.style.borderRadius = "12px";
+      input.style.position = "relative";
+      input.style.cursor = "pointer";
+      input.style.transition = "background-color 0.2s";
+      const style = document.createElement("style");
+      style.textContent = `
+      input[data-hypen-switch="true"]::before {
+        content: "";
+        position: absolute;
+        width: 20px;
+        height: 20px;
+        background-color: white;
+        border-radius: 50%;
+        top: 2px;
+        left: 2px;
+        transition: transform 0.2s;
+      }
+      input[data-hypen-switch="true"]:checked {
+        background-color: #4CAF50;
+      }
+      input[data-hypen-switch="true"]:checked::before {
+        transform: translateX(20px);
+      }
+    `;
+      wrapper.appendChild(style);
+      wrapper.appendChild(input);
+      return wrapper;
+    },
+    applyProps(el, props) {
+      const input = el.querySelector('input[type="checkbox"]');
+      if (!input)
+        return;
+      if (props.on !== undefined) {
+        input.checked = Boolean(props.on);
+      }
+      if (props.disabled !== undefined) {
+        input.disabled = Boolean(props.disabled);
+      }
+      const label = props["0"] || props.label;
+      if (label !== undefined) {
+        const textNodes = Array.from(el.childNodes).filter((node) => node.nodeType === Node.TEXT_NODE);
+        textNodes.forEach((node) => node.remove());
+        el.appendChild(document.createTextNode(String(label)));
+      }
+    }
+  };
+});
+init_switch();
+
+export {
+  switchHandler
+};
+
+export { exports_switch, init_switch };
+
+//# debugId=B4AB93576BC53A9764756E2164756E21

package/dist/src/dom/components/switch.js.map

@@ -0,0 +1,10 @@
+{
+  "version": 3,
+  "sources": ["../src/dom/components/switch.ts"],
+  "sourcesContent": [
+    "/**\n * Switch Component (Toggle)\n */\n\nimport type { ComponentHandler } from \"./index.js\";\n\nexport const switchHandler: ComponentHandler = {\n  create(): HTMLElement {\n    const wrapper = document.createElement(\"label\");\n    wrapper.dataset.hypenType = \"switch\";\n    wrapper.style.display = \"inline-flex\";\n    wrapper.style.alignItems = \"center\";\n    wrapper.style.gap = \"8px\";\n    wrapper.style.cursor = \"pointer\";\n\n    const input = document.createElement(\"input\");\n    input.type = \"checkbox\";\n    input.dataset.hypenSwitch = \"true\";\n    \n    // Style the switch\n    input.style.appearance = \"none\";\n    input.style.width = \"44px\";\n    input.style.height = \"24px\";\n    input.style.backgroundColor = \"#ccc\";\n    input.style.borderRadius = \"12px\";\n    input.style.position = \"relative\";\n    input.style.cursor = \"pointer\";\n    input.style.transition = \"background-color 0.2s\";\n    \n    // Add pseudo-element styling via CSS\n    const style = document.createElement(\"style\");\n    style.textContent = `\n      input[data-hypen-switch=\"true\"]::before {\n        content: \"\";\n        position: absolute;\n        width: 20px;\n        height: 20px;\n        background-color: white;\n        border-radius: 50%;\n        top: 2px;\n        left: 2px;\n        transition: transform 0.2s;\n      }\n      input[data-hypen-switch=\"true\"]:checked {\n        background-color: #4CAF50;\n      }\n      input[data-hypen-switch=\"true\"]:checked::before {\n        transform: translateX(20px);\n      }\n    `;\n    wrapper.appendChild(style);\n    wrapper.appendChild(input);\n    \n    return wrapper;\n  },\n\n  applyProps(el: HTMLElement, props: Record<string, any>): void {\n    const input = el.querySelector('input[type=\"checkbox\"]') as HTMLInputElement;\n    if (!input) return;\n\n    // On state (checked)\n    if (props.on !== undefined) {\n      input.checked = Boolean(props.on);\n    }\n\n    // Disabled\n    if (props.disabled !== undefined) {\n      input.disabled = Boolean(props.disabled);\n    }\n\n    // Label text\n    const label = props[\"0\"] || props.label;\n    if (label !== undefined) {\n      // Remove existing text node if any\n      const textNodes = Array.from(el.childNodes).filter(\n        node => node.nodeType === Node.TEXT_NODE\n      );\n      textNodes.forEach(node => node.remove());\n      \n      // Add new label text\n      el.appendChild(document.createTextNode(String(label)));\n    }\n  },\n};\n\n\n"
+  ],
+  "mappings": ";;;;;;;;;;IAMa;AAAA;AAAA,kBAAkC;AAAA,IAC7C,MAAM,GAAgB;AAAA,MACpB,MAAM,UAAU,SAAS,cAAc,OAAO;AAAA,MAC9C,QAAQ,QAAQ,YAAY;AAAA,MAC5B,QAAQ,MAAM,UAAU;AAAA,MACxB,QAAQ,MAAM,aAAa;AAAA,MAC3B,QAAQ,MAAM,MAAM;AAAA,MACpB,QAAQ,MAAM,SAAS;AAAA,MAEvB,MAAM,QAAQ,SAAS,cAAc,OAAO;AAAA,MAC5C,MAAM,OAAO;AAAA,MACb,MAAM,QAAQ,cAAc;AAAA,MAG5B,MAAM,MAAM,aAAa;AAAA,MACzB,MAAM,MAAM,QAAQ;AAAA,MACpB,MAAM,MAAM,SAAS;AAAA,MACrB,MAAM,MAAM,kBAAkB;AAAA,MAC9B,MAAM,MAAM,eAAe;AAAA,MAC3B,MAAM,MAAM,WAAW;AAAA,MACvB,MAAM,MAAM,SAAS;AAAA,MACrB,MAAM,MAAM,aAAa;AAAA,MAGzB,MAAM,QAAQ,SAAS,cAAc,OAAO;AAAA,MAC5C,MAAM,cAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAmBpB,QAAQ,YAAY,KAAK;AAAA,MACzB,QAAQ,YAAY,KAAK;AAAA,MAEzB,OAAO;AAAA;AAAA,IAGT,UAAU,CAAC,IAAiB,OAAkC;AAAA,MAC5D,MAAM,QAAQ,GAAG,cAAc,wBAAwB;AAAA,MACvD,IAAI,CAAC;AAAA,QAAO;AAAA,MAGZ,IAAI,MAAM,OAAO,WAAW;AAAA,QAC1B,MAAM,UAAU,QAAQ,MAAM,EAAE;AAAA,MAClC;AAAA,MAGA,IAAI,MAAM,aAAa,WAAW;AAAA,QAChC,MAAM,WAAW,QAAQ,MAAM,QAAQ;AAAA,MACzC;AAAA,MAGA,MAAM,QAAQ,MAAM,QAAQ,MAAM;AAAA,MAClC,IAAI,UAAU,WAAW;AAAA,QAEvB,MAAM,YAAY,MAAM,KAAK,GAAG,UAAU,EAAE,OAC1C,UAAQ,KAAK,aAAa,KAAK,SACjC;AAAA,QACA,UAAU,QAAQ,UAAQ,KAAK,OAAO,CAAC;AAAA,QAGvC,GAAG,YAAY,SAAS,eAAe,OAAO,KAAK,CAAC,CAAC;AAAA,MACvD;AAAA;AAAA,EAEJ;AAAA;",
+  "debugId": "B4AB93576BC53A9764756E2164756E21",
+  "names": []
+}

package/dist/src/dom/components/text.js

@@ -0,0 +1,37 @@
+import {
+  __esm,
+  __export
+} from "../../../chunk-2s02mkzs.js";
+
+// src/dom/components/text.ts
+var exports_text = {};
+__export(exports_text, {
+  textHandler: () => textHandler
+});
+var textHandler;
+var init_text = __esm(() => {
+  textHandler = {
+    create() {
+      const el = document.createElement("span");
+      el.style.display = "inline-block";
+      el.dataset.hypenType = "text";
+      return el;
+    },
+    applyProps(el, props) {
+      const text = props["0"] || props.text;
+      if (text !== undefined) {
+        el.dataset.textTemplate = String(text);
+        el.textContent = String(text);
+      }
+    }
+  };
+});
+init_text();
+
+export {
+  textHandler
+};
+
+export { exports_text, init_text };
+
+//# debugId=466D402610A8412464756E2164756E21

package/dist/src/dom/components/text.js.map

@@ -0,0 +1,10 @@
+{
+  "version": 3,
+  "sources": ["../src/dom/components/text.ts"],
+  "sourcesContent": [
+    "/**\n * Text Component\n */\n\nimport type { ComponentHandler } from \"./index.js\";\n\nexport const textHandler: ComponentHandler = {\n  create(): HTMLElement {\n    const el = document.createElement(\"span\");\n    el.style.display = \"inline-block\";\n    el.dataset.hypenType = \"text\";\n    return el;\n  },\n\n  applyProps(el: HTMLElement, props: Record<string, any>): void {\n    // Text content from first positional arg or \"text\" prop\n    const text = props[\"0\"] || props.text;\n    if (text !== undefined) {\n      // Store the original text template for state interpolation\n      el.dataset.textTemplate = String(text);\n      el.textContent = String(text);\n    }\n  },\n};\n"
+  ],
+  "mappings": ";;;;;;;;;;IAMa;AAAA;AAAA,gBAAgC;AAAA,IAC3C,MAAM,GAAgB;AAAA,MACpB,MAAM,KAAK,SAAS,cAAc,MAAM;AAAA,MACxC,GAAG,MAAM,UAAU;AAAA,MACnB,GAAG,QAAQ,YAAY;AAAA,MACvB,OAAO;AAAA;AAAA,IAGT,UAAU,CAAC,IAAiB,OAAkC;AAAA,MAE5D,MAAM,OAAO,MAAM,QAAQ,MAAM;AAAA,MACjC,IAAI,SAAS,WAAW;AAAA,QAEtB,GAAG,QAAQ,eAAe,OAAO,IAAI;AAAA,QACrC,GAAG,cAAc,OAAO,IAAI;AAAA,MAC9B;AAAA;AAAA,EAEJ;AAAA;",
+  "debugId": "466D402610A8412464756E2164756E21",
+  "names": []
+}

package/dist/src/dom/components/textarea.js

@@ -0,0 +1,51 @@
+import {
+  __esm,
+  __export
+} from "../../../chunk-2s02mkzs.js";
+
+// src/dom/components/textarea.ts
+var exports_textarea = {};
+__export(exports_textarea, {
+  textareaHandler: () => textareaHandler
+});
+var textareaHandler;
+var init_textarea = __esm(() => {
+  textareaHandler = {
+    create() {
+      const el = document.createElement("textarea");
+      el.dataset.hypenType = "textarea";
+      return el;
+    },
+    applyProps(el, props) {
+      const textarea = el;
+      const value = props["0"] || props.value;
+      if (value !== undefined) {
+        textarea.value = String(value);
+      }
+      if (props.placeholder !== undefined) {
+        textarea.placeholder = String(props.placeholder);
+      }
+      if (props.rows !== undefined) {
+        textarea.rows = Number(props.rows);
+      }
+      if (props.cols !== undefined) {
+        textarea.cols = Number(props.cols);
+      }
+      if (props.disabled !== undefined) {
+        textarea.disabled = Boolean(props.disabled);
+      }
+      if (props.readonly !== undefined) {
+        textarea.readOnly = Boolean(props.readonly);
+      }
+    }
+  };
+});
+init_textarea();
+
+export {
+  textareaHandler
+};
+
+export { exports_textarea, init_textarea };
+
+//# debugId=B996CFFF10E4788064756E2164756E21

package/dist/src/dom/components/textarea.js.map

@@ -0,0 +1,10 @@
+{
+  "version": 3,
+  "sources": ["../src/dom/components/textarea.ts"],
+  "sourcesContent": [
+    "/**\n * Textarea Component\n */\n\nimport type { ComponentHandler } from \"./index.js\";\n\nexport const textareaHandler: ComponentHandler = {\n  create(): HTMLElement {\n    const el = document.createElement(\"textarea\");\n    el.dataset.hypenType = \"textarea\";\n    return el as any as HTMLElement;\n  },\n\n  applyProps(el: HTMLElement, props: Record<string, any>): void {\n    const textarea = el as HTMLTextAreaElement;\n\n    // Value property\n    const value = props[\"0\"] || props.value;\n    if (value !== undefined) {\n      textarea.value = String(value);\n    }\n\n    // Placeholder\n    if (props.placeholder !== undefined) {\n      textarea.placeholder = String(props.placeholder);\n    }\n\n    // Rows\n    if (props.rows !== undefined) {\n      textarea.rows = Number(props.rows);\n    }\n\n    // Cols\n    if (props.cols !== undefined) {\n      textarea.cols = Number(props.cols);\n    }\n\n    // Disabled\n    if (props.disabled !== undefined) {\n      textarea.disabled = Boolean(props.disabled);\n    }\n\n    // Readonly\n    if (props.readonly !== undefined) {\n      textarea.readOnly = Boolean(props.readonly);\n    }\n  },\n};\n\n\n"
+  ],
+  "mappings": ";;;;;;;;;;IAMa;AAAA;AAAA,oBAAoC;AAAA,IAC/C,MAAM,GAAgB;AAAA,MACpB,MAAM,KAAK,SAAS,cAAc,UAAU;AAAA,MAC5C,GAAG,QAAQ,YAAY;AAAA,MACvB,OAAO;AAAA;AAAA,IAGT,UAAU,CAAC,IAAiB,OAAkC;AAAA,MAC5D,MAAM,WAAW;AAAA,MAGjB,MAAM,QAAQ,MAAM,QAAQ,MAAM;AAAA,MAClC,IAAI,UAAU,WAAW;AAAA,QACvB,SAAS,QAAQ,OAAO,KAAK;AAAA,MAC/B;AAAA,MAGA,IAAI,MAAM,gBAAgB,WAAW;AAAA,QACnC,SAAS,cAAc,OAAO,MAAM,WAAW;AAAA,MACjD;AAAA,MAGA,IAAI,MAAM,SAAS,WAAW;AAAA,QAC5B,SAAS,OAAO,OAAO,MAAM,IAAI;AAAA,MACnC;AAAA,MAGA,IAAI,MAAM,SAAS,WAAW;AAAA,QAC5B,SAAS,OAAO,OAAO,MAAM,IAAI;AAAA,MACnC;AAAA,MAGA,IAAI,MAAM,aAAa,WAAW;AAAA,QAChC,SAAS,WAAW,QAAQ,MAAM,QAAQ;AAAA,MAC5C;AAAA,MAGA,IAAI,MAAM,aAAa,WAAW;AAAA,QAChC,SAAS,WAAW,QAAQ,MAAM,QAAQ;AAAA,MAC5C;AAAA;AAAA,EAEJ;AAAA;",
+  "debugId": "B996CFFF10E4788064756E2164756E21",
+  "names": []
+}

package/dist/src/dom/components/video.js

@@ -0,0 +1,51 @@
+import {
+  __esm,
+  __export
+} from "../../../chunk-2s02mkzs.js";
+
+// src/dom/components/video.ts
+var exports_video = {};
+__export(exports_video, {
+  videoHandler: () => videoHandler
+});
+var videoHandler;
+var init_video = __esm(() => {
+  videoHandler = {
+    create() {
+      const el = document.createElement("video");
+      el.dataset.hypenType = "video";
+      return el;
+    },
+    applyProps(el, props) {
+      const video = el;
+      const src = props["0"] || props.src;
+      if (src !== undefined) {
+        video.src = String(src);
+      }
+      if (props.controls !== undefined) {
+        video.controls = Boolean(props.controls);
+      }
+      if (props.autoplay !== undefined) {
+        video.autoplay = Boolean(props.autoplay);
+      }
+      if (props.loop !== undefined) {
+        video.loop = Boolean(props.loop);
+      }
+      if (props.muted !== undefined) {
+        video.muted = Boolean(props.muted);
+      }
+      if (props.poster !== undefined) {
+        video.poster = String(props.poster);
+      }
+    }
+  };
+});
+init_video();
+
+export {
+  videoHandler
+};
+
+export { exports_video, init_video };
+
+//# debugId=7C2DC23C7422692064756E2164756E21

package/dist/src/dom/components/video.js.map

@@ -0,0 +1,10 @@
+{
+  "version": 3,
+  "sources": ["../src/dom/components/video.ts"],
+  "sourcesContent": [
+    "/**\n * Video Component\n */\n\nimport type { ComponentHandler } from \"./index.js\";\n\nexport const videoHandler: ComponentHandler = {\n  create(): HTMLElement {\n    const el = document.createElement(\"video\");\n    el.dataset.hypenType = \"video\";\n    return el as any as HTMLElement;\n  },\n\n  applyProps(el: HTMLElement, props: Record<string, any>): void {\n    const video = el as HTMLVideoElement;\n\n    // Source\n    const src = props[\"0\"] || props.src;\n    if (src !== undefined) {\n      video.src = String(src);\n    }\n\n    // Controls\n    if (props.controls !== undefined) {\n      video.controls = Boolean(props.controls);\n    }\n\n    // Autoplay\n    if (props.autoplay !== undefined) {\n      video.autoplay = Boolean(props.autoplay);\n    }\n\n    // Loop\n    if (props.loop !== undefined) {\n      video.loop = Boolean(props.loop);\n    }\n\n    // Muted\n    if (props.muted !== undefined) {\n      video.muted = Boolean(props.muted);\n    }\n\n    // Poster\n    if (props.poster !== undefined) {\n      video.poster = String(props.poster);\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,MAGA,IAAI,MAAM,WAAW,WAAW;AAAA,QAC9B,MAAM,SAAS,OAAO,MAAM,MAAM;AAAA,MACpC;AAAA;AAAA,EAEJ;AAAA;",
+  "debugId": "7C2DC23C7422692064756E2164756E21",
+  "names": []
+}

package/dist/src/dom/debug.js

@@ -0,0 +1,170 @@
+import"../../chunk-2s02mkzs.js";
+
+// src/dom/debug.ts
+var defaultDebugConfig = {
+  enabled: false,
+  showHeatmap: true,
+  heatmapIncrement: 5,
+  maxOpacity: 0.8,
+  fadeOutDuration: 2000
+};
+
+class RerenderTracker {
+  renderCounts = new Map;
+  overlays = new Map;
+  config;
+  constructor(config = defaultDebugConfig) {
+    this.config = config;
+  }
+  setConfig(config) {
+    this.config = { ...this.config, ...config };
+    if (!this.config.enabled) {
+      this.cleanup();
+    }
+  }
+  trackRerender(id, element, patchType) {
+    if (!this.config.enabled || !this.config.showHeatmap) {
+      return;
+    }
+    console.log(`\uD83D\uDD25 [Debug] Tracking re-render: ${id} - ${patchType}`);
+    const currentCount = this.renderCounts.get(id) || 0;
+    const newCount = currentCount + 1;
+    this.renderCounts.set(id, newCount);
+    this.updateHeatmap(id, element, newCount, patchType);
+  }
+  updateHeatmap(id, element, renderCount, patchType) {
+    const opacity = Math.min(renderCount * this.config.heatmapIncrement / 100, this.config.maxOpacity);
+    console.log(`\uD83D\uDD25 [Debug] Updating heatmap for ${id}, count: ${renderCount}, opacity: ${opacity}`);
+    const isInline = window.getComputedStyle(element).display.includes("inline");
+    if (isInline || element.tagName === "SPAN") {
+      if (!element.dataset.hypenDebugOriginalBg) {
+        element.dataset.hypenDebugOriginalBg = element.style.backgroundColor || "";
+        element.dataset.hypenDebugOriginalOutline = element.style.outline || "";
+        element.dataset.hypenDebugOriginalPosition = element.style.position || "";
+      }
+      element.style.backgroundColor = `rgba(255, 0, 0, ${Math.max(opacity, 0.15)})`;
+      element.style.outline = `2px solid rgba(255, 0, 0, ${Math.max(opacity + 0.2, 0.3)})`;
+      element.style.outlineOffset = "2px";
+      element.style.position = "relative";
+      element.setAttribute("data-hypen-renders", `${renderCount}× ${patchType}`);
+      if (!document.getElementById("hypen-debug-styles")) {
+        const style = document.createElement("style");
+        style.id = "hypen-debug-styles";
+        style.textContent = `
+          [data-hypen-renders]::before {
+            content: attr(data-hypen-renders);
+            position: absolute;
+            top: -18px;
+            left: 0;
+            background: rgba(255, 0, 0, 0.9);
+            color: white;
+            padding: 2px 6px;
+            font-size: 10px;
+            font-family: 'Courier New', monospace;
+            font-weight: bold;
+            border-radius: 3px;
+            z-index: 999999;
+            pointer-events: none;
+            white-space: nowrap;
+            text-shadow: none;
+          }
+        `;
+        document.head.appendChild(style);
+      }
+      this.overlays.set(id, element);
+      if (this.config.fadeOutDuration > 0) {
+        setTimeout(() => {
+          const originalBg = element.dataset.hypenDebugOriginalBg || "";
+          const originalOutline = element.dataset.hypenDebugOriginalOutline || "";
+          element.style.backgroundColor = originalBg;
+          element.style.outline = originalOutline;
+          element.style.opacity = "1";
+        }, this.config.fadeOutDuration);
+      }
+    } else {
+      let overlay = this.overlays.get(id);
+      if (!overlay) {
+        overlay = document.createElement("div");
+        overlay.className = "hypen-debug-overlay";
+        overlay.style.cssText = `
+          position: absolute;
+          top: 0;
+          left: 0;
+          right: 0;
+          bottom: 0;
+          pointer-events: none;
+          z-index: 999999 !important;
+          transition: opacity ${this.config.fadeOutDuration}ms ease-out;
+          border: 2px solid rgba(255, 0, 0, 0.7) !important;
+          box-sizing: border-box;
+          font-size: 11px;
+          color: white;
+          text-shadow: 0 0 3px black, 0 0 5px black;
+          padding: 4px;
+          font-family: 'Courier New', monospace;
+          font-weight: bold;
+          display: block !important;
+          visibility: visible !important;
+        `;
+        const currentPosition = window.getComputedStyle(element).position;
+        if (currentPosition === "static") {
+          element.style.position = "relative";
+        }
+        element.appendChild(overlay);
+        this.overlays.set(id, overlay);
+      }
+      overlay.style.backgroundColor = `rgba(255, 0, 0, ${Math.max(opacity, 0.15)})`;
+      overlay.style.opacity = "1";
+      overlay.textContent = `${renderCount}× ${patchType}`;
+      if (this.config.fadeOutDuration > 0) {
+        setTimeout(() => {
+          if (overlay) {
+            overlay.style.opacity = "0.2";
+          }
+        }, this.config.fadeOutDuration);
+      }
+    }
+  }
+  reset(id) {
+    this.renderCounts.delete(id);
+    const overlay = this.overlays.get(id);
+    if (overlay) {
+      overlay.remove();
+      this.overlays.delete(id);
+    }
+  }
+  resetAll() {
+    this.renderCounts.clear();
+    for (const overlay of this.overlays.values()) {
+      overlay.remove();
+    }
+    this.overlays.clear();
+  }
+  getRenderCount(id) {
+    return this.renderCounts.get(id) || 0;
+  }
+  cleanup() {
+    for (const overlay of this.overlays.values()) {
+      overlay.remove();
+    }
+    this.overlays.clear();
+  }
+  getStats() {
+    const totalRerenders = Array.from(this.renderCounts.values()).reduce((sum, count) => sum + count, 0);
+    const elementCount = this.renderCounts.size;
+    const avgRerenders = elementCount > 0 ? totalRerenders / elementCount : 0;
+    return {
+      totalRerenders,
+      elementCount,
+      avgRerenders: Math.round(avgRerenders * 100) / 100
+    };
+  }
+}
+export {
+  defaultDebugConfig,
+  RerenderTracker
+};
+
+export { defaultDebugConfig, RerenderTracker };
+
+//# debugId=DB6959EE0768413864756E2164756E21

package/dist/src/dom/debug.js.map

@@ -0,0 +1,10 @@
+{
+  "version": 3,
+  "sources": ["../src/dom/debug.ts"],
+  "sourcesContent": [
+    "/**\n * Debug utilities for DOM rendering visualization\n *\n * Provides heatmap overlays to visualize re-renders\n */\n\nexport interface DebugConfig {\n  /** Enable debug mode */\n  enabled: boolean;\n  /** Show heatmap overlays on re-renders */\n  showHeatmap: boolean;\n  /** Increment per re-render (default: 5%) */\n  heatmapIncrement: number;\n  /** Maximum opacity for heatmap (default: 0.8) */\n  maxOpacity: number;\n  /** Fade out duration in ms (0 to disable) */\n  fadeOutDuration: number;\n}\n\nexport const defaultDebugConfig: DebugConfig = {\n  enabled: false,\n  showHeatmap: true,\n  heatmapIncrement: 5,\n  maxOpacity: 0.8,\n  fadeOutDuration: 2000,\n};\n\n/**\n * Tracks re-render counts for each element\n */\nexport class RerenderTracker {\n  private renderCounts = new Map<string, number>();\n  private overlays = new Map<string, HTMLDivElement>();\n  private config: DebugConfig;\n\n  constructor(config: DebugConfig = defaultDebugConfig) {\n    this.config = config;\n  }\n\n  /**\n   * Update the configuration\n   */\n  setConfig(config: Partial<DebugConfig>): void {\n    this.config = { ...this.config, ...config };\n\n    // If debug mode is disabled, clean up all overlays\n    if (!this.config.enabled) {\n      this.cleanup();\n    }\n  }\n\n  /**\n   * Track a re-render for an element\n   */\n  trackRerender(id: string, element: HTMLElement, patchType: string): void {\n    if (!this.config.enabled || !this.config.showHeatmap) {\n      return;\n    }\n\n    console.log(`🔥 [Debug] Tracking re-render: ${id} - ${patchType}`);\n\n    // Increment render count\n    const currentCount = this.renderCounts.get(id) || 0;\n    const newCount = currentCount + 1;\n    this.renderCounts.set(id, newCount);\n\n    // Create or update heatmap overlay\n    this.updateHeatmap(id, element, newCount, patchType);\n  }\n\n  /**\n   * Create or update the heatmap overlay for an element\n   */\n  private updateHeatmap(id: string, element: HTMLElement, renderCount: number, patchType: string): void {\n    // Calculate opacity based on render count (increment by heatmapIncrement% each time)\n    const opacity = Math.min(\n      (renderCount * this.config.heatmapIncrement) / 100,\n      this.config.maxOpacity\n    );\n\n    console.log(`🔥 [Debug] Updating heatmap for ${id}, count: ${renderCount}, opacity: ${opacity}`);\n\n    // For inline elements or text, use a simpler approach: background color + outline\n    const isInline = window.getComputedStyle(element).display.includes('inline');\n\n    if (isInline || element.tagName === 'SPAN') {\n      // Store original styles if not already stored\n      if (!element.dataset.hypenDebugOriginalBg) {\n        element.dataset.hypenDebugOriginalBg = element.style.backgroundColor || '';\n        element.dataset.hypenDebugOriginalOutline = element.style.outline || '';\n        element.dataset.hypenDebugOriginalPosition = element.style.position || '';\n      }\n\n      // Apply red background and outline directly to the element\n      element.style.backgroundColor = `rgba(255, 0, 0, ${Math.max(opacity, 0.15)})`;\n      element.style.outline = `2px solid rgba(255, 0, 0, ${Math.max(opacity + 0.2, 0.3)})`;\n      element.style.outlineOffset = '2px';\n      element.style.position = 'relative';\n\n      // Add count badge as ::before pseudo-element or data attribute\n      element.setAttribute('data-hypen-renders', `${renderCount}× ${patchType}`);\n\n      // Add CSS for the badge if not already added\n      if (!document.getElementById('hypen-debug-styles')) {\n        const style = document.createElement('style');\n        style.id = 'hypen-debug-styles';\n        style.textContent = `\n          [data-hypen-renders]::before {\n            content: attr(data-hypen-renders);\n            position: absolute;\n            top: -18px;\n            left: 0;\n            background: rgba(255, 0, 0, 0.9);\n            color: white;\n            padding: 2px 6px;\n            font-size: 10px;\n            font-family: 'Courier New', monospace;\n            font-weight: bold;\n            border-radius: 3px;\n            z-index: 999999;\n            pointer-events: none;\n            white-space: nowrap;\n            text-shadow: none;\n          }\n        `;\n        document.head.appendChild(style);\n      }\n\n      // Store in overlays map for cleanup\n      this.overlays.set(id, element as any);\n\n      // Fade out after duration if enabled\n      if (this.config.fadeOutDuration > 0) {\n        setTimeout(() => {\n          const originalBg = element.dataset.hypenDebugOriginalBg || '';\n          const originalOutline = element.dataset.hypenDebugOriginalOutline || '';\n          element.style.backgroundColor = originalBg;\n          element.style.outline = originalOutline;\n          element.style.opacity = '1';\n        }, this.config.fadeOutDuration);\n      }\n    } else {\n      // For block elements, use overlay approach\n      let overlay = this.overlays.get(id);\n\n      if (!overlay) {\n        overlay = document.createElement(\"div\");\n        overlay.className = \"hypen-debug-overlay\";\n        overlay.style.cssText = `\n          position: absolute;\n          top: 0;\n          left: 0;\n          right: 0;\n          bottom: 0;\n          pointer-events: none;\n          z-index: 999999 !important;\n          transition: opacity ${this.config.fadeOutDuration}ms ease-out;\n          border: 2px solid rgba(255, 0, 0, 0.7) !important;\n          box-sizing: border-box;\n          font-size: 11px;\n          color: white;\n          text-shadow: 0 0 3px black, 0 0 5px black;\n          padding: 4px;\n          font-family: 'Courier New', monospace;\n          font-weight: bold;\n          display: block !important;\n          visibility: visible !important;\n        `;\n\n        const currentPosition = window.getComputedStyle(element).position;\n        if (currentPosition === 'static') {\n          element.style.position = 'relative';\n        }\n\n        element.appendChild(overlay);\n        this.overlays.set(id, overlay);\n      }\n\n      overlay.style.backgroundColor = `rgba(255, 0, 0, ${Math.max(opacity, 0.15)})`;\n      overlay.style.opacity = '1';\n      overlay.textContent = `${renderCount}× ${patchType}`;\n\n      if (this.config.fadeOutDuration > 0) {\n        setTimeout(() => {\n          if (overlay) {\n            overlay.style.opacity = '0.2';\n          }\n        }, this.config.fadeOutDuration);\n      }\n    }\n  }\n\n  /**\n   * Reset tracking for a specific element\n   */\n  reset(id: string): void {\n    this.renderCounts.delete(id);\n    const overlay = this.overlays.get(id);\n    if (overlay) {\n      overlay.remove();\n      this.overlays.delete(id);\n    }\n  }\n\n  /**\n   * Reset tracking for all elements\n   */\n  resetAll(): void {\n    this.renderCounts.clear();\n    for (const overlay of this.overlays.values()) {\n      overlay.remove();\n    }\n    this.overlays.clear();\n  }\n\n  /**\n   * Get render count for an element\n   */\n  getRenderCount(id: string): number {\n    return this.renderCounts.get(id) || 0;\n  }\n\n  /**\n   * Clean up all overlays (called when debug mode is disabled)\n   */\n  private cleanup(): void {\n    for (const overlay of this.overlays.values()) {\n      overlay.remove();\n    }\n    this.overlays.clear();\n  }\n\n  /**\n   * Get statistics about re-renders\n   */\n  getStats(): { totalRerenders: number; elementCount: number; avgRerenders: number } {\n    const totalRerenders = Array.from(this.renderCounts.values()).reduce((sum, count) => sum + count, 0);\n    const elementCount = this.renderCounts.size;\n    const avgRerenders = elementCount > 0 ? totalRerenders / elementCount : 0;\n\n    return {\n      totalRerenders,\n      elementCount,\n      avgRerenders: Math.round(avgRerenders * 100) / 100,\n    };\n  }\n}\n"
+  ],
+  "mappings": "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",
+  "debugId": "DB6959EE0768413864756E2164756E21",
+  "names": []
+}