@hypen-space/web 0.4.36 → 0.4.38

package/dist/dom/components/switch.js

@@ -1,70 +1,29 @@
-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/switch.ts
-var exports_switch = {};
-__export(exports_switch, {
-  switchHandler: () => switchHandler
-});
-var switchHandler;
-var init_switch = __esm(() => {
-  switchHandler = {
+/**
+ * Switch Component (Toggle)
+ */
+export const 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 = `
+        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";
+        // Style the switch
+        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";
+        // Add pseudo-element styling via CSS
+        const style = document.createElement("style");
+        style.textContent = `
       input[data-hypen-switch="true"]::before {
         content: "";
         position: absolute;
@@ -83,33 +42,31 @@ var init_switch = __esm(() => {
         transform: translateX(20px);
       }
     `;
-      wrapper.appendChild(style);
-      wrapper.appendChild(input);
-      return wrapper;
+        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
+        const input = el.querySelector('input[type="checkbox"]');
+        if (!input)
+            return;
+        // On state (checked)
+        if (props.on !== undefined) {
+            input.checked = Boolean(props.on);
+        }
+        // Disabled
+        if (props.disabled !== undefined) {
+            input.disabled = Boolean(props.disabled);
+        }
+        // Label text
+        const label = props["0"] || props.label;
+        if (label !== undefined) {
+            // Remove existing text node if any
+            const textNodes = Array.from(el.childNodes).filter(node => node.nodeType === Node.TEXT_NODE);
+            textNodes.forEach(node => node.remove());
+            // Add new label text
+            el.appendChild(document.createTextNode(String(label)));
+        }
+    },
 };
-
-//# debugId=DA4873C0A5D2BB2464756E2164756E21
+//# sourceMappingURL=switch.js.map

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

@@ -1,10 +1 @@
-{
-  "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": "DA4873C0A5D2BB2464756E2164756E21",
-  "names": []
-}
+{"version":3,"file":"switch.js","sourceRoot":"","sources":["../../../src/dom/components/switch.ts"],"names":[],"mappings":"AAAA;;GAEG;AAIH,MAAM,CAAC,MAAM,aAAa,GAAqB;IAC7C,MAAM;QACJ,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;QAChD,OAAO,CAAC,OAAO,CAAC,SAAS,GAAG,QAAQ,CAAC;QACrC,OAAO,CAAC,KAAK,CAAC,OAAO,GAAG,aAAa,CAAC;QACtC,OAAO,CAAC,KAAK,CAAC,UAAU,GAAG,QAAQ,CAAC;QACpC,OAAO,CAAC,KAAK,CAAC,GAAG,GAAG,KAAK,CAAC;QAC1B,OAAO,CAAC,KAAK,CAAC,MAAM,GAAG,SAAS,CAAC;QAEjC,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;QAC9C,KAAK,CAAC,IAAI,GAAG,UAAU,CAAC;QACxB,KAAK,CAAC,OAAO,CAAC,WAAW,GAAG,MAAM,CAAC;QAEnC,mBAAmB;QACnB,KAAK,CAAC,KAAK,CAAC,UAAU,GAAG,MAAM,CAAC;QAChC,KAAK,CAAC,KAAK,CAAC,KAAK,GAAG,MAAM,CAAC;QAC3B,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC;QAC5B,KAAK,CAAC,KAAK,CAAC,eAAe,GAAG,MAAM,CAAC;QACrC,KAAK,CAAC,KAAK,CAAC,YAAY,GAAG,MAAM,CAAC;QAClC,KAAK,CAAC,KAAK,CAAC,QAAQ,GAAG,UAAU,CAAC;QAClC,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,SAAS,CAAC;QAC/B,KAAK,CAAC,KAAK,CAAC,UAAU,GAAG,uBAAuB,CAAC;QAEjD,qCAAqC;QACrC,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;QAC9C,KAAK,CAAC,WAAW,GAAG;;;;;;;;;;;;;;;;;;KAkBnB,CAAC;QACF,OAAO,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;QAC3B,OAAO,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;QAE3B,OAAO,OAAO,CAAC;IACjB,CAAC;IAED,UAAU,CAAC,EAAe,EAAE,KAA0B;QACpD,MAAM,KAAK,GAAG,EAAE,CAAC,aAAa,CAAC,wBAAwB,CAAqB,CAAC;QAC7E,IAAI,CAAC,KAAK;YAAE,OAAO;QAEnB,qBAAqB;QACrB,IAAI,KAAK,CAAC,EAAE,KAAK,SAAS,EAAE,CAAC;YAC3B,KAAK,CAAC,OAAO,GAAG,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;QACpC,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,aAAa;QACb,MAAM,KAAK,GAAG,KAAK,CAAC,GAAG,CAAC,IAAI,KAAK,CAAC,KAAK,CAAC;QACxC,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;YACxB,mCAAmC;YACnC,MAAM,SAAS,GAAG,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,MAAM,CAChD,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,QAAQ,KAAK,IAAI,CAAC,SAAS,CACzC,CAAC;YACF,SAAS,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC;YAEzC,qBAAqB;YACrB,EAAE,CAAC,WAAW,CAAC,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;QACzD,CAAC;IACH,CAAC;CACF,CAAC"}

package/dist/dom/components/text.js

@@ -1,73 +1,28 @@
-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/text.ts
-var exports_text = {};
-__export(exports_text, {
-  textHandler: () => textHandler
-});
-var textHandler;
-var init_text = __esm(() => {
-  textHandler = {
+/**
+ * Text Component
+ */
+export const textHandler = {
     create() {
-      const el = document.createElement("span");
-      el.style.display = "inline-block";
-      el.style.lineHeight = "1";
-      el.style.verticalAlign = "top";
-      el.style.margin = "0";
-      el.style.padding = "0";
-      el.dataset.hypenType = "text";
-      return el;
+        const el = document.createElement("span");
+        // Use inline-block for proper flex child behavior
+        el.style.display = "inline-block";
+        // Tight line-height to match iOS/Android
+        el.style.lineHeight = "1";
+        // Align to top to remove descender space in flex containers
+        el.style.verticalAlign = "top";
+        el.style.margin = "0";
+        el.style.padding = "0";
+        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
+        // Text content from first positional arg or "text" prop
+        const text = props["0"] || props.text;
+        if (text !== undefined) {
+            // Store the original text template for state interpolation
+            el.dataset.textTemplate = String(text);
+            el.textContent = String(text);
+        }
+    },
 };
-
-//# debugId=0B22EF181751DE4864756E2164756E21
+//# sourceMappingURL=text.js.map

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

@@ -1,10 +1 @@
-{
-  "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    // Use inline-block for proper flex child behavior\n    el.style.display = \"inline-block\";\n    // Tight line-height to match iOS/Android\n    el.style.lineHeight = \"1\";\n    // Align to top to remove descender space in flex containers\n    el.style.verticalAlign = \"top\";\n    el.style.margin = \"0\";\n    el.style.padding = \"0\";\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,MAExC,GAAG,MAAM,UAAU;AAAA,MAEnB,GAAG,MAAM,aAAa;AAAA,MAEtB,GAAG,MAAM,gBAAgB;AAAA,MACzB,GAAG,MAAM,SAAS;AAAA,MAClB,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": "0B22EF181751DE4864756E2164756E21",
-  "names": []
-}
+{"version":3,"file":"text.js","sourceRoot":"","sources":["../../../src/dom/components/text.ts"],"names":[],"mappings":"AAAA;;GAEG;AAIH,MAAM,CAAC,MAAM,WAAW,GAAqB;IAC3C,MAAM;QACJ,MAAM,EAAE,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;QAC1C,kDAAkD;QAClD,EAAE,CAAC,KAAK,CAAC,OAAO,GAAG,cAAc,CAAC;QAClC,yCAAyC;QACzC,EAAE,CAAC,KAAK,CAAC,UAAU,GAAG,GAAG,CAAC;QAC1B,4DAA4D;QAC5D,EAAE,CAAC,KAAK,CAAC,aAAa,GAAG,KAAK,CAAC;QAC/B,EAAE,CAAC,KAAK,CAAC,MAAM,GAAG,GAAG,CAAC;QACtB,EAAE,CAAC,KAAK,CAAC,OAAO,GAAG,GAAG,CAAC;QACvB,EAAE,CAAC,OAAO,CAAC,SAAS,GAAG,MAAM,CAAC;QAC9B,OAAO,EAAE,CAAC;IACZ,CAAC;IAED,UAAU,CAAC,EAAe,EAAE,KAA0B;QACpD,wDAAwD;QACxD,MAAM,IAAI,GAAG,KAAK,CAAC,GAAG,CAAC,IAAI,KAAK,CAAC,IAAI,CAAC;QACtC,IAAI,IAAI,KAAK,SAAS,EAAE,CAAC;YACvB,2DAA2D;YAC3D,EAAE,CAAC,OAAO,CAAC,YAAY,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;YACvC,EAAE,CAAC,WAAW,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;QAChC,CAAC;IACH,CAAC;CACF,CAAC"}

package/dist/dom/components/textarea.js

@@ -1,83 +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/textarea.ts
-var exports_textarea = {};
-__export(exports_textarea, {
-  textareaHandler: () => textareaHandler
-});
-var textareaHandler;
-var init_textarea = __esm(() => {
-  textareaHandler = {
+/**
+ * Textarea Component
+ */
+export const textareaHandler = {
     create() {
-      const el = document.createElement("textarea");
-      el.dataset.hypenType = "textarea";
-      return el;
+        const el = document.createElement("textarea");
+        el.dataset.hypenType = "textarea";
+        return el;
     },
     applyProps(el, props) {
-      const textarea = el;
-      const value = props.value ?? props["0"];
-      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
+        const textarea = el;
+        // Value property - check named prop first, then positional (consistent with Input)
+        const value = props.value ?? props["0"];
+        if (value !== undefined) {
+            textarea.value = String(value);
+        }
+        // Placeholder
+        if (props.placeholder !== undefined) {
+            textarea.placeholder = String(props.placeholder);
+        }
+        // Rows
+        if (props.rows !== undefined) {
+            textarea.rows = Number(props.rows);
+        }
+        // Cols
+        if (props.cols !== undefined) {
+            textarea.cols = Number(props.cols);
+        }
+        // Disabled
+        if (props.disabled !== undefined) {
+            textarea.disabled = Boolean(props.disabled);
+        }
+        // Readonly
+        if (props.readonly !== undefined) {
+            textarea.readOnly = Boolean(props.readonly);
+        }
+    },
 };
-
-//# debugId=BE67C8050DA5C11564756E2164756E21
+//# sourceMappingURL=textarea.js.map

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

@@ -1,10 +1 @@
-{
-  "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 HTMLElement;\n  },\n\n  applyProps(el: HTMLElement, props: Record<string, any>): void {\n    const textarea = el as HTMLTextAreaElement;\n\n    // Value property - check named prop first, then positional (consistent with Input)\n    const value = props.value ?? props[\"0\"];\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,SAAS,MAAM;AAAA,MACnC,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": "BE67C8050DA5C11564756E2164756E21",
-  "names": []
-}
+{"version":3,"file":"textarea.js","sourceRoot":"","sources":["../../../src/dom/components/textarea.ts"],"names":[],"mappings":"AAAA;;GAEG;AAIH,MAAM,CAAC,MAAM,eAAe,GAAqB;IAC/C,MAAM;QACJ,MAAM,EAAE,GAAG,QAAQ,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;QAC9C,EAAE,CAAC,OAAO,CAAC,SAAS,GAAG,UAAU,CAAC;QAClC,OAAO,EAAiB,CAAC;IAC3B,CAAC;IAED,UAAU,CAAC,EAAe,EAAE,KAA0B;QACpD,MAAM,QAAQ,GAAG,EAAyB,CAAC;QAE3C,mFAAmF;QACnF,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,IAAI,KAAK,CAAC,GAAG,CAAC,CAAC;QACxC,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;YACxB,QAAQ,CAAC,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;QACjC,CAAC;QAED,cAAc;QACd,IAAI,KAAK,CAAC,WAAW,KAAK,SAAS,EAAE,CAAC;YACpC,QAAQ,CAAC,WAAW,GAAG,MAAM,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC;QACnD,CAAC;QAED,OAAO;QACP,IAAI,KAAK,CAAC,IAAI,KAAK,SAAS,EAAE,CAAC;YAC7B,QAAQ,CAAC,IAAI,GAAG,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;QACrC,CAAC;QAED,OAAO;QACP,IAAI,KAAK,CAAC,IAAI,KAAK,SAAS,EAAE,CAAC;YAC7B,QAAQ,CAAC,IAAI,GAAG,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;QACrC,CAAC;QAED,WAAW;QACX,IAAI,KAAK,CAAC,QAAQ,KAAK,SAAS,EAAE,CAAC;YACjC,QAAQ,CAAC,QAAQ,GAAG,OAAO,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;QAC9C,CAAC;QAED,WAAW;QACX,IAAI,KAAK,CAAC,QAAQ,KAAK,SAAS,EAAE,CAAC;YACjC,QAAQ,CAAC,QAAQ,GAAG,OAAO,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;QAC9C,CAAC;IACH,CAAC;CACF,CAAC"}

package/dist/dom/components/video.js

@@ -1,83 +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/video.ts
-var exports_video = {};
-__export(exports_video, {
-  videoHandler: () => videoHandler
-});
-var videoHandler;
-var init_video = __esm(() => {
-  videoHandler = {
+/**
+ * Video Component
+ */
+export const videoHandler = {
     create() {
-      const el = document.createElement("video");
-      el.dataset.hypenType = "video";
-      return el;
+        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
+        const video = el;
+        // Source
+        const src = props["0"] || props.src;
+        if (src !== undefined) {
+            video.src = String(src);
+        }
+        // Controls
+        if (props.controls !== undefined) {
+            video.controls = Boolean(props.controls);
+        }
+        // Autoplay
+        if (props.autoplay !== undefined) {
+            video.autoplay = Boolean(props.autoplay);
+        }
+        // Loop
+        if (props.loop !== undefined) {
+            video.loop = Boolean(props.loop);
+        }
+        // Muted
+        if (props.muted !== undefined) {
+            video.muted = Boolean(props.muted);
+        }
+        // Poster
+        if (props.poster !== undefined) {
+            video.poster = String(props.poster);
+        }
+    },
 };
-
-//# debugId=4E65B972535C1B2B64756E2164756E21
+//# sourceMappingURL=video.js.map

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

@@ -1,10 +1 @@
-{
-  "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": "4E65B972535C1B2B64756E2164756E21",
-  "names": []
-}
+{"version":3,"file":"video.js","sourceRoot":"","sources":["../../../src/dom/components/video.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;QAED,SAAS;QACT,IAAI,KAAK,CAAC,MAAM,KAAK,SAAS,EAAE,CAAC;YAC/B,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;QACtC,CAAC;IACH,CAAC;CACF,CAAC"}