@hypen-space/web 0.4.36 → 0.4.38

package/dist/dom/components/paragraph.js

@@ -1,67 +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/paragraph.ts
-var exports_paragraph = {};
-__export(exports_paragraph, {
-  paragraphHandler: () => paragraphHandler
-});
-var paragraphHandler;
-var init_paragraph = __esm(() => {
-  paragraphHandler = {
+/**
+ * Paragraph Component
+ */
+export const paragraphHandler = {
     create() {
-      const el = document.createElement("p");
-      el.dataset.hypenType = "paragraph";
-      return el;
+        const el = document.createElement("p");
+        el.dataset.hypenType = "paragraph";
+        return el;
     },
     applyProps(el, props) {
-      const text = props["0"] || props.text;
-      if (text !== undefined) {
-        el.textContent = String(text);
-      }
-    }
-  };
-});
-init_paragraph();
-
-export {
-  paragraphHandler
+        // Text content
+        const text = props["0"] || props.text;
+        if (text !== undefined) {
+            el.textContent = String(text);
+        }
+    },
 };
-
-//# debugId=9B24C7A5A23D8D9464756E2164756E21
+//# sourceMappingURL=paragraph.js.map

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

@@ -1,10 +1 @@
-{
-  "version": 3,
-  "sources": ["../src/dom/components/paragraph.ts"],
-  "sourcesContent": [
-    "/**\n * Paragraph Component\n */\n\nimport type { ComponentHandler } from \"./index.js\";\n\nexport const paragraphHandler: ComponentHandler = {\n  create(): HTMLElement {\n    const el = document.createElement(\"p\");\n    el.dataset.hypenType = \"paragraph\";\n    return el;\n  },\n\n  applyProps(el: HTMLElement, props: Record<string, any>): void {\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,qBAAqC;AAAA,IAChD,MAAM,GAAgB;AAAA,MACpB,MAAM,KAAK,SAAS,cAAc,GAAG;AAAA,MACrC,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,QACtB,GAAG,cAAc,OAAO,IAAI;AAAA,MAC9B;AAAA;AAAA,EAEJ;AAAA;",
-  "debugId": "9B24C7A5A23D8D9464756E2164756E21",
-  "names": []
-}
+{"version":3,"file":"paragraph.js","sourceRoot":"","sources":["../../../src/dom/components/paragraph.ts"],"names":[],"mappings":"AAAA;;GAEG;AAIH,MAAM,CAAC,MAAM,gBAAgB,GAAqB;IAChD,MAAM;QACJ,MAAM,EAAE,GAAG,QAAQ,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;QACvC,EAAE,CAAC,OAAO,CAAC,SAAS,GAAG,WAAW,CAAC;QACnC,OAAO,EAAE,CAAC;IACZ,CAAC;IAED,UAAU,CAAC,EAAe,EAAE,KAA0B;QACpD,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"}

package/dist/dom/components/progressbar.js

@@ -1,89 +1,42 @@
-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/progressbar.ts
-var exports_progressbar = {};
-__export(exports_progressbar, {
-  progressBarHandler: () => progressBarHandler
-});
-var progressBarHandler;
-var init_progressbar = __esm(() => {
-  progressBarHandler = {
+/**
+ * ProgressBar Component
+ */
+export const progressBarHandler = {
     create() {
-      const wrapper = document.createElement("div");
-      wrapper.dataset.hypenType = "progressbar";
-      wrapper.style.width = "100%";
-      wrapper.style.height = "8px";
-      wrapper.style.backgroundColor = "#e0e0e0";
-      wrapper.style.borderRadius = "4px";
-      wrapper.style.overflow = "hidden";
-      const bar = document.createElement("div");
-      bar.dataset.hypenBar = "true";
-      bar.style.height = "100%";
-      bar.style.backgroundColor = "#2196F3";
-      bar.style.transition = "width 0.3s ease";
-      bar.style.width = "0%";
-      wrapper.appendChild(bar);
-      return wrapper;
+        const wrapper = document.createElement("div");
+        wrapper.dataset.hypenType = "progressbar";
+        wrapper.style.width = "100%";
+        wrapper.style.height = "8px";
+        wrapper.style.backgroundColor = "#e0e0e0";
+        wrapper.style.borderRadius = "4px";
+        wrapper.style.overflow = "hidden";
+        const bar = document.createElement("div");
+        bar.dataset.hypenBar = "true";
+        bar.style.height = "100%";
+        bar.style.backgroundColor = "#2196F3";
+        bar.style.transition = "width 0.3s ease";
+        bar.style.width = "0%";
+        wrapper.appendChild(bar);
+        return wrapper;
     },
     applyProps(el, props) {
-      const bar = el.querySelector('[data-hypen-bar="true"]');
-      if (!bar)
-        return;
-      const value = Number(props.value || 0);
-      const max = Number(props.max || 100);
-      const percentage = Math.min(100, Math.max(0, value / max * 100));
-      bar.style.width = `${percentage}%`;
-      if (props.color !== undefined) {
-        bar.style.backgroundColor = String(props.color);
-      }
-      if (props.height !== undefined) {
-        const height = typeof props.height === "number" ? `${props.height}px` : String(props.height);
-        el.style.height = height;
-      }
-    }
-  };
-});
-init_progressbar();
-
-export {
-  progressBarHandler
+        const bar = el.querySelector('[data-hypen-bar="true"]');
+        if (!bar)
+            return;
+        // Value and max
+        const value = Number(props.value || 0);
+        const max = Number(props.max || 100);
+        const percentage = Math.min(100, Math.max(0, (value / max) * 100));
+        bar.style.width = `${percentage}%`;
+        // Color
+        if (props.color !== undefined) {
+            bar.style.backgroundColor = String(props.color);
+        }
+        // Height
+        if (props.height !== undefined) {
+            const height = typeof props.height === "number" ? `${props.height}px` : String(props.height);
+            el.style.height = height;
+        }
+    },
 };
-
-//# debugId=4D4E5EABC721032364756E2164756E21
+//# sourceMappingURL=progressbar.js.map

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

@@ -1,10 +1 @@
-{
-  "version": 3,
-  "sources": ["../src/dom/components/progressbar.ts"],
-  "sourcesContent": [
-    "/**\n * ProgressBar Component\n */\n\nimport type { ComponentHandler } from \"./index.js\";\n\nexport const progressBarHandler: ComponentHandler = {\n  create(): HTMLElement {\n    const wrapper = document.createElement(\"div\");\n    wrapper.dataset.hypenType = \"progressbar\";\n    wrapper.style.width = \"100%\";\n    wrapper.style.height = \"8px\";\n    wrapper.style.backgroundColor = \"#e0e0e0\";\n    wrapper.style.borderRadius = \"4px\";\n    wrapper.style.overflow = \"hidden\";\n\n    const bar = document.createElement(\"div\");\n    bar.dataset.hypenBar = \"true\";\n    bar.style.height = \"100%\";\n    bar.style.backgroundColor = \"#2196F3\";\n    bar.style.transition = \"width 0.3s ease\";\n    bar.style.width = \"0%\";\n\n    wrapper.appendChild(bar);\n    return wrapper;\n  },\n\n  applyProps(el: HTMLElement, props: Record<string, any>): void {\n    const bar = el.querySelector('[data-hypen-bar=\"true\"]') as HTMLElement;\n    if (!bar) return;\n\n    // Value and max\n    const value = Number(props.value || 0);\n    const max = Number(props.max || 100);\n    const percentage = Math.min(100, Math.max(0, (value / max) * 100));\n    bar.style.width = `${percentage}%`;\n\n    // Color\n    if (props.color !== undefined) {\n      bar.style.backgroundColor = String(props.color);\n    }\n\n    // Height\n    if (props.height !== undefined) {\n      const height = typeof props.height === \"number\" ? `${props.height}px` : String(props.height);\n      el.style.height = height;\n    }\n  },\n};\n\n\n"
-  ],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAMa;AAAA;AAAA,uBAAuC;AAAA,IAClD,MAAM,GAAgB;AAAA,MACpB,MAAM,UAAU,SAAS,cAAc,KAAK;AAAA,MAC5C,QAAQ,QAAQ,YAAY;AAAA,MAC5B,QAAQ,MAAM,QAAQ;AAAA,MACtB,QAAQ,MAAM,SAAS;AAAA,MACvB,QAAQ,MAAM,kBAAkB;AAAA,MAChC,QAAQ,MAAM,eAAe;AAAA,MAC7B,QAAQ,MAAM,WAAW;AAAA,MAEzB,MAAM,MAAM,SAAS,cAAc,KAAK;AAAA,MACxC,IAAI,QAAQ,WAAW;AAAA,MACvB,IAAI,MAAM,SAAS;AAAA,MACnB,IAAI,MAAM,kBAAkB;AAAA,MAC5B,IAAI,MAAM,aAAa;AAAA,MACvB,IAAI,MAAM,QAAQ;AAAA,MAElB,QAAQ,YAAY,GAAG;AAAA,MACvB,OAAO;AAAA;AAAA,IAGT,UAAU,CAAC,IAAiB,OAAkC;AAAA,MAC5D,MAAM,MAAM,GAAG,cAAc,yBAAyB;AAAA,MACtD,IAAI,CAAC;AAAA,QAAK;AAAA,MAGV,MAAM,QAAQ,OAAO,MAAM,SAAS,CAAC;AAAA,MACrC,MAAM,MAAM,OAAO,MAAM,OAAO,GAAG;AAAA,MACnC,MAAM,aAAa,KAAK,IAAI,KAAK,KAAK,IAAI,GAAI,QAAQ,MAAO,GAAG,CAAC;AAAA,MACjE,IAAI,MAAM,QAAQ,GAAG;AAAA,MAGrB,IAAI,MAAM,UAAU,WAAW;AAAA,QAC7B,IAAI,MAAM,kBAAkB,OAAO,MAAM,KAAK;AAAA,MAChD;AAAA,MAGA,IAAI,MAAM,WAAW,WAAW;AAAA,QAC9B,MAAM,SAAS,OAAO,MAAM,WAAW,WAAW,GAAG,MAAM,aAAa,OAAO,MAAM,MAAM;AAAA,QAC3F,GAAG,MAAM,SAAS;AAAA,MACpB;AAAA;AAAA,EAEJ;AAAA;",
-  "debugId": "4D4E5EABC721032364756E2164756E21",
-  "names": []
-}
+{"version":3,"file":"progressbar.js","sourceRoot":"","sources":["../../../src/dom/components/progressbar.ts"],"names":[],"mappings":"AAAA;;GAEG;AAIH,MAAM,CAAC,MAAM,kBAAkB,GAAqB;IAClD,MAAM;QACJ,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAC9C,OAAO,CAAC,OAAO,CAAC,SAAS,GAAG,aAAa,CAAC;QAC1C,OAAO,CAAC,KAAK,CAAC,KAAK,GAAG,MAAM,CAAC;QAC7B,OAAO,CAAC,KAAK,CAAC,MAAM,GAAG,KAAK,CAAC;QAC7B,OAAO,CAAC,KAAK,CAAC,eAAe,GAAG,SAAS,CAAC;QAC1C,OAAO,CAAC,KAAK,CAAC,YAAY,GAAG,KAAK,CAAC;QACnC,OAAO,CAAC,KAAK,CAAC,QAAQ,GAAG,QAAQ,CAAC;QAElC,MAAM,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAC1C,GAAG,CAAC,OAAO,CAAC,QAAQ,GAAG,MAAM,CAAC;QAC9B,GAAG,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC;QAC1B,GAAG,CAAC,KAAK,CAAC,eAAe,GAAG,SAAS,CAAC;QACtC,GAAG,CAAC,KAAK,CAAC,UAAU,GAAG,iBAAiB,CAAC;QACzC,GAAG,CAAC,KAAK,CAAC,KAAK,GAAG,IAAI,CAAC;QAEvB,OAAO,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;QACzB,OAAO,OAAO,CAAC;IACjB,CAAC;IAED,UAAU,CAAC,EAAe,EAAE,KAA0B;QACpD,MAAM,GAAG,GAAG,EAAE,CAAC,aAAa,CAAC,yBAAyB,CAAgB,CAAC;QACvE,IAAI,CAAC,GAAG;YAAE,OAAO;QAEjB,gBAAgB;QAChB,MAAM,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC,KAAK,IAAI,CAAC,CAAC,CAAC;QACvC,MAAM,GAAG,GAAG,MAAM,CAAC,KAAK,CAAC,GAAG,IAAI,GAAG,CAAC,CAAC;QACrC,MAAM,UAAU,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK,GAAG,GAAG,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC;QACnE,GAAG,CAAC,KAAK,CAAC,KAAK,GAAG,GAAG,UAAU,GAAG,CAAC;QAEnC,QAAQ;QACR,IAAI,KAAK,CAAC,KAAK,KAAK,SAAS,EAAE,CAAC;YAC9B,GAAG,CAAC,KAAK,CAAC,eAAe,GAAG,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QAClD,CAAC;QAED,SAAS;QACT,IAAI,KAAK,CAAC,MAAM,KAAK,SAAS,EAAE,CAAC;YAC/B,MAAM,MAAM,GAAG,OAAO,KAAK,CAAC,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;YAC7F,EAAE,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC;QAC3B,CAAC;IACH,CAAC;CACF,CAAC"}

package/dist/dom/components/route.js

@@ -1,78 +1,32 @@
-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/route.ts
-var exports_route = {};
-__export(exports_route, {
-  routeHandler: () => routeHandler
-});
+/**
+ * Route Component - Lazy rendering container for route content
+ * Stores component name as metadata, Router handles actual rendering
+ */
 import { frameworkLoggers } from "@hypen-space/core/logger";
-var log, routeHandler;
-var init_route = __esm(() => {
-  log = frameworkLoggers.router;
-  routeHandler = {
+const log = frameworkLoggers.router;
+export const routeHandler = {
     create() {
-      const el = document.createElement("div");
-      el.style.display = "flex";
-      el.style.flexDirection = "column";
-      el.style.width = "100%";
-      el.dataset.hypenType = "route";
-      el.dataset.routeRendered = "false";
-      return el;
+        const el = document.createElement("div");
+        el.style.display = "flex";
+        el.style.flexDirection = "column";
+        el.style.width = "100%";
+        el.dataset.hypenType = "route";
+        el.dataset.routeRendered = "false"; // Track if component has been rendered
+        return el;
     },
     applyProps(el, props) {
-      const path = props.path || props["0"] || "/";
-      el.dataset.routePath = String(path);
-      const isLazy = props.__lazy === true;
-      el.dataset.routeLazy = String(isLazy);
-      const componentName = props.component || props.__lazy_child;
-      if (componentName) {
-        el.dataset.routeComponent = String(componentName);
-      }
-      log.debug(`Route created: path="${path}", lazy=${isLazy}, component="${el.dataset.routeComponent || "none"}"`);
-    }
-  };
-});
-init_route();
-
-export {
-  routeHandler
+        // Extract route path from props
+        const path = props.path || props["0"] || "/";
+        el.dataset.routePath = String(path);
+        // Check if this is a lazy route (has __lazy flag)
+        const isLazy = props.__lazy === true;
+        el.dataset.routeLazy = String(isLazy);
+        // Store component name - either from explicit prop or from lazy child
+        const componentName = props.component || props.__lazy_child;
+        if (componentName) {
+            el.dataset.routeComponent = String(componentName);
+        }
+        log.debug(`Route created: path="${path}", lazy=${isLazy}, component="${el.dataset.routeComponent || 'none'}"`);
+    },
 };
-
-//# debugId=F1CD15A56E1EC21B64756E2164756E21
+//# sourceMappingURL=route.js.map

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

@@ -1,10 +1 @@
-{
-  "version": 3,
-  "sources": ["../src/dom/components/route.ts"],
-  "sourcesContent": [
-    "/**\n * Route Component - Lazy rendering container for route content\n * Stores component name as metadata, Router handles actual rendering\n */\n\nimport type { ComponentHandler } from \"./index.js\";\nimport { frameworkLoggers } from \"@hypen-space/core/logger\";\n\nconst log = frameworkLoggers.router;\n\nexport const routeHandler: ComponentHandler = {\n  create(): HTMLElement {\n    const el = document.createElement(\"div\");\n    el.style.display = \"flex\";\n    el.style.flexDirection = \"column\";\n    el.style.width = \"100%\";\n    el.dataset.hypenType = \"route\";\n    el.dataset.routeRendered = \"false\"; // Track if component has been rendered\n    return el;\n  },\n\n  applyProps(el: HTMLElement, props: Record<string, any>): void {\n    // Extract route path from props\n    const path = props.path || props[\"0\"] || \"/\";\n    el.dataset.routePath = String(path);\n    \n    // Check if this is a lazy route (has __lazy flag)\n    const isLazy = props.__lazy === true;\n    el.dataset.routeLazy = String(isLazy);\n    \n    // Store component name - either from explicit prop or from lazy child\n    const componentName = props.component || props.__lazy_child;\n    if (componentName) {\n      el.dataset.routeComponent = String(componentName);\n    }\n    \n    log.debug(`Route created: path=\"${path}\", lazy=${isLazy}, component=\"${el.dataset.routeComponent || 'none'}\"`);\n  },\n};\n\n"
-  ],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA;AAAA,IAEM,KAEO;AAAA;AAAA,EAFP,MAAM,iBAAiB;AAAA,EAEhB,eAAiC;AAAA,IAC5C,MAAM,GAAgB;AAAA,MACpB,MAAM,KAAK,SAAS,cAAc,KAAK;AAAA,MACvC,GAAG,MAAM,UAAU;AAAA,MACnB,GAAG,MAAM,gBAAgB;AAAA,MACzB,GAAG,MAAM,QAAQ;AAAA,MACjB,GAAG,QAAQ,YAAY;AAAA,MACvB,GAAG,QAAQ,gBAAgB;AAAA,MAC3B,OAAO;AAAA;AAAA,IAGT,UAAU,CAAC,IAAiB,OAAkC;AAAA,MAE5D,MAAM,OAAO,MAAM,QAAQ,MAAM,QAAQ;AAAA,MACzC,GAAG,QAAQ,YAAY,OAAO,IAAI;AAAA,MAGlC,MAAM,SAAS,MAAM,WAAW;AAAA,MAChC,GAAG,QAAQ,YAAY,OAAO,MAAM;AAAA,MAGpC,MAAM,gBAAgB,MAAM,aAAa,MAAM;AAAA,MAC/C,IAAI,eAAe;AAAA,QACjB,GAAG,QAAQ,iBAAiB,OAAO,aAAa;AAAA,MAClD;AAAA,MAEA,IAAI,MAAM,wBAAwB,eAAe,sBAAsB,GAAG,QAAQ,kBAAkB,SAAS;AAAA;AAAA,EAEjH;AAAA;",
-  "debugId": "F1CD15A56E1EC21B64756E2164756E21",
-  "names": []
-}
+{"version":3,"file":"route.js","sourceRoot":"","sources":["../../../src/dom/components/route.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAGH,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAE5D,MAAM,GAAG,GAAG,gBAAgB,CAAC,MAAM,CAAC;AAEpC,MAAM,CAAC,MAAM,YAAY,GAAqB;IAC5C,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,KAAK,GAAG,MAAM,CAAC;QACxB,EAAE,CAAC,OAAO,CAAC,SAAS,GAAG,OAAO,CAAC;QAC/B,EAAE,CAAC,OAAO,CAAC,aAAa,GAAG,OAAO,CAAC,CAAC,uCAAuC;QAC3E,OAAO,EAAE,CAAC;IACZ,CAAC;IAED,UAAU,CAAC,EAAe,EAAE,KAA0B;QACpD,gCAAgC;QAChC,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,IAAI,KAAK,CAAC,GAAG,CAAC,IAAI,GAAG,CAAC;QAC7C,EAAE,CAAC,OAAO,CAAC,SAAS,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;QAEpC,kDAAkD;QAClD,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,KAAK,IAAI,CAAC;QACrC,EAAE,CAAC,OAAO,CAAC,SAAS,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC;QAEtC,sEAAsE;QACtE,MAAM,aAAa,GAAG,KAAK,CAAC,SAAS,IAAI,KAAK,CAAC,YAAY,CAAC;QAC5D,IAAI,aAAa,EAAE,CAAC;YAClB,EAAE,CAAC,OAAO,CAAC,cAAc,GAAG,MAAM,CAAC,aAAa,CAAC,CAAC;QACpD,CAAC;QAED,GAAG,CAAC,KAAK,CAAC,wBAAwB,IAAI,WAAW,MAAM,gBAAgB,EAAE,CAAC,OAAO,CAAC,cAAc,IAAI,MAAM,GAAG,CAAC,CAAC;IACjH,CAAC;CACF,CAAC"}

package/dist/dom/components/router.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/router.ts
-var exports_router = {};
-__export(exports_router, {
-  routerHandler: () => routerHandler
-});
-var routerHandler;
-var init_router = __esm(() => {
-  routerHandler = {
+/**
+ * Router Component - Container for routes
+ */
+export const routerHandler = {
     create() {
-      const el = document.createElement("div");
-      el.style.display = "flex";
-      el.style.flexDirection = "column";
-      el.style.width = "100%";
-      el.dataset.hypenType = "router";
-      return el;
+        const el = document.createElement("div");
+        el.style.display = "flex";
+        el.style.flexDirection = "column";
+        el.style.width = "100%";
+        el.dataset.hypenType = "router";
+        return el;
+    },
+    applyProps(el, props) {
+        // Router doesn't need special prop handling
+        // The routing logic is handled by the Router module
     },
-    applyProps(el, props) {}
-  };
-});
-init_router();
-
-export {
-  routerHandler
 };
-
-//# debugId=1FB1746476B20ADE64756E2164756E21
+//# sourceMappingURL=router.js.map

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

@@ -1,10 +1 @@
-{
-  "version": 3,
-  "sources": ["../src/dom/components/router.ts"],
-  "sourcesContent": [
-    "/**\n * Router Component - Container for routes\n */\n\nimport type { ComponentHandler } from \"./index.js\";\n\nexport const routerHandler: ComponentHandler = {\n  create(): HTMLElement {\n    const el = document.createElement(\"div\");\n    el.style.display = \"flex\";\n    el.style.flexDirection = \"column\";\n    el.style.width = \"100%\";\n    el.dataset.hypenType = \"router\";\n    return el;\n  },\n\n  applyProps(el: HTMLElement, props: Record<string, any>): void {\n    // Router doesn't need special prop handling\n    // The routing logic is handled by the Router module\n  },\n};\n\n"
-  ],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAMa;AAAA;AAAA,kBAAkC;AAAA,IAC7C,MAAM,GAAgB;AAAA,MACpB,MAAM,KAAK,SAAS,cAAc,KAAK;AAAA,MACvC,GAAG,MAAM,UAAU;AAAA,MACnB,GAAG,MAAM,gBAAgB;AAAA,MACzB,GAAG,MAAM,QAAQ;AAAA,MACjB,GAAG,QAAQ,YAAY;AAAA,MACvB,OAAO;AAAA;AAAA,IAGT,UAAU,CAAC,IAAiB,OAAkC;AAAA,EAIhE;AAAA;",
-  "debugId": "1FB1746476B20ADE64756E2164756E21",
-  "names": []
-}
+{"version":3,"file":"router.js","sourceRoot":"","sources":["../../../src/dom/components/router.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,KAAK,CAAC,OAAO,GAAG,MAAM,CAAC;QAC1B,EAAE,CAAC,KAAK,CAAC,aAAa,GAAG,QAAQ,CAAC;QAClC,EAAE,CAAC,KAAK,CAAC,KAAK,GAAG,MAAM,CAAC;QACxB,EAAE,CAAC,OAAO,CAAC,SAAS,GAAG,QAAQ,CAAC;QAChC,OAAO,EAAE,CAAC;IACZ,CAAC;IAED,UAAU,CAAC,EAAe,EAAE,KAA0B;QACpD,4CAA4C;QAC5C,oDAAoD;IACtD,CAAC;CACF,CAAC"}

package/dist/dom/components/row.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/row.ts
-var exports_row = {};
-__export(exports_row, {
-  rowHandler: () => rowHandler
-});
+/**
+ * Row Component - Horizontal Stack
+ * Children keep their intrinsic size by default (matching iOS/Android behavior).
+ * Use .weight(1) on children to make them expand equally.
+ */
+// Inject global styles for Row with flex/weighted children
+let rowStylesInjected = false;
 function ensureRowStyles() {
-  if (rowStylesInjected)
-    return;
-  rowStylesInjected = true;
-  const style = document.createElement("style");
-  style.id = "hypen-row-styles";
-  style.textContent = `
+    if (rowStylesInjected)
+        return;
+    rowStylesInjected = true;
+    const style = document.createElement("style");
+    style.id = "hypen-row-styles";
+    style.textContent = `
     /* Row expands to fill width when it has children with flex/weight */
     /* This matches iOS/Android behavior where weighted children cause parent to expand */
     [data-hypen-type="row"]:has(> [data-hypen-flex]) {
       width: 100%;
     }
   `;
-  document.head.appendChild(style);
+    document.head.appendChild(style);
 }
-var rowStylesInjected = false, rowHandler;
-var init_row = __esm(() => {
-  rowHandler = {
+export const rowHandler = {
     create() {
-      ensureRowStyles();
-      const el = document.createElement("div");
-      el.style.display = "flex";
-      el.style.flexDirection = "row";
-      el.style.alignItems = "flex-start";
-      el.dataset.hypenType = "row";
-      return el;
-    }
-  };
-});
-init_row();
-
-export {
-  rowHandler
+        ensureRowStyles();
+        const el = document.createElement("div");
+        el.style.display = "flex";
+        el.style.flexDirection = "row";
+        // Wrap to content by default (match iOS/Android behavior)
+        el.style.alignItems = "flex-start";
+        el.dataset.hypenType = "row";
+        return el;
+    },
 };
-
-//# debugId=4D16A4B26CC4536564756E2164756E21
+//# sourceMappingURL=row.js.map

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

@@ -1,10 +1 @@
-{
-  "version": 3,
-  "sources": ["../src/dom/components/row.ts"],
-  "sourcesContent": [
-    "/**\n * Row Component - Horizontal Stack\n * Children keep their intrinsic size by default (matching iOS/Android behavior).\n * Use .weight(1) on children to make them expand equally.\n */\n\nimport type { ComponentHandler } from \"./index.js\";\n\n// Inject global styles for Row with flex/weighted children\nlet rowStylesInjected = false;\nfunction ensureRowStyles(): void {\n  if (rowStylesInjected) return;\n  rowStylesInjected = true;\n\n  const style = document.createElement(\"style\");\n  style.id = \"hypen-row-styles\";\n  style.textContent = `\n    /* Row expands to fill width when it has children with flex/weight */\n    /* This matches iOS/Android behavior where weighted children cause parent to expand */\n    [data-hypen-type=\"row\"]:has(> [data-hypen-flex]) {\n      width: 100%;\n    }\n  `;\n  document.head.appendChild(style);\n}\n\nexport const rowHandler: ComponentHandler = {\n  create(): HTMLElement {\n    ensureRowStyles();\n\n    const el = document.createElement(\"div\");\n    el.style.display = \"flex\";\n    el.style.flexDirection = \"row\";\n    // Wrap to content by default (match iOS/Android behavior)\n    el.style.alignItems = \"flex-start\";\n    el.dataset.hypenType = \"row\";\n    return el;\n  },\n};\n"
-  ],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUA,SAAS,eAAe,GAAS;AAAA,EAC/B,IAAI;AAAA,IAAmB;AAAA,EACvB,oBAAoB;AAAA,EAEpB,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,oBAAoB,OAiBX;AAAA;AAAA,eAA+B;AAAA,IAC1C,MAAM,GAAgB;AAAA,MACpB,gBAAgB;AAAA,MAEhB,MAAM,KAAK,SAAS,cAAc,KAAK;AAAA,MACvC,GAAG,MAAM,UAAU;AAAA,MACnB,GAAG,MAAM,gBAAgB;AAAA,MAEzB,GAAG,MAAM,aAAa;AAAA,MACtB,GAAG,QAAQ,YAAY;AAAA,MACvB,OAAO;AAAA;AAAA,EAEX;AAAA;",
-  "debugId": "4D16A4B26CC4536564756E2164756E21",
-  "names": []
-}
+{"version":3,"file":"row.js","sourceRoot":"","sources":["../../../src/dom/components/row.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAIH,2DAA2D;AAC3D,IAAI,iBAAiB,GAAG,KAAK,CAAC;AAC9B,SAAS,eAAe;IACtB,IAAI,iBAAiB;QAAE,OAAO;IAC9B,iBAAiB,GAAG,IAAI,CAAC;IAEzB,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;IAC9C,KAAK,CAAC,EAAE,GAAG,kBAAkB,CAAC;IAC9B,KAAK,CAAC,WAAW,GAAG;;;;;;GAMnB,CAAC;IACF,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AACnC,CAAC;AAED,MAAM,CAAC,MAAM,UAAU,GAAqB;IAC1C,MAAM;QACJ,eAAe,EAAE,CAAC;QAElB,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,KAAK,CAAC;QAC/B,0DAA0D;QAC1D,EAAE,CAAC,KAAK,CAAC,UAAU,GAAG,YAAY,CAAC;QACnC,EAAE,CAAC,OAAO,CAAC,SAAS,GAAG,KAAK,CAAC;QAC7B,OAAO,EAAE,CAAC;IACZ,CAAC;CACF,CAAC"}