@hypen-space/web 0.4.35 → 0.4.37

package/dist/dom/components/select.js

@@ -1,89 +1,46 @@
-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/select.ts
-var exports_select = {};
-__export(exports_select, {
-  selectHandler: () => selectHandler
-});
-var selectHandler;
-var init_select = __esm(() => {
-  selectHandler = {
+/**
+ * Select Component
+ */
+export const selectHandler = {
     create() {
-      const el = document.createElement("select");
-      el.dataset.hypenType = "select";
-      return el;
+        const el = document.createElement("select");
+        el.dataset.hypenType = "select";
+        return el;
     },
     applyProps(el, props) {
-      const select = el;
-      if (props.value !== undefined) {
-        select.value = String(props.value);
-      }
-      if (props.disabled !== undefined) {
-        select.disabled = Boolean(props.disabled);
-      }
-      if (props.multiple !== undefined) {
-        select.multiple = Boolean(props.multiple);
-      }
-      if (props.options && Array.isArray(props.options)) {
-        select.innerHTML = "";
-        props.options.forEach((opt) => {
-          const option = document.createElement("option");
-          if (typeof opt === "string") {
-            option.value = opt;
-            option.textContent = opt;
-          } else if (typeof opt === "object") {
-            option.value = String(opt.value ?? opt.label ?? "");
-            option.textContent = String(opt.label ?? opt.value ?? "");
-            if (opt.disabled)
-              option.disabled = true;
-          }
-          select.appendChild(option);
-        });
-      }
-    }
-  };
-});
-init_select();
-
-export {
-  selectHandler
+        const select = el;
+        // Value property
+        if (props.value !== undefined) {
+            select.value = String(props.value);
+        }
+        // Disabled
+        if (props.disabled !== undefined) {
+            select.disabled = Boolean(props.disabled);
+        }
+        // Multiple
+        if (props.multiple !== undefined) {
+            select.multiple = Boolean(props.multiple);
+        }
+        // Options array
+        if (props.options && Array.isArray(props.options)) {
+            // Clear existing options
+            select.innerHTML = "";
+            // Add new options
+            props.options.forEach((opt) => {
+                const option = document.createElement("option");
+                if (typeof opt === "string") {
+                    option.value = opt;
+                    option.textContent = opt;
+                }
+                else if (typeof opt === "object") {
+                    option.value = String(opt.value ?? opt.label ?? "");
+                    option.textContent = String(opt.label ?? opt.value ?? "");
+                    if (opt.disabled)
+                        option.disabled = true;
+                }
+                select.appendChild(option);
+            });
+        }
+    },
 };
-
-//# debugId=8A92850C4F73930A64756E2164756E21
+//# sourceMappingURL=select.js.map

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

@@ -1,10 +1 @@
-{
-  "version": 3,
-  "sources": ["../src/dom/components/select.ts"],
-  "sourcesContent": [
-    "/**\n * Select Component\n */\n\nimport type { ComponentHandler } from \"./index.js\";\n\nexport const selectHandler: ComponentHandler = {\n  create(): HTMLElement {\n    const el = document.createElement(\"select\");\n    el.dataset.hypenType = \"select\";\n    return el as any as HTMLElement;\n  },\n\n  applyProps(el: HTMLElement, props: Record<string, any>): void {\n    const select = el as HTMLSelectElement;\n\n    // Value property\n    if (props.value !== undefined) {\n      select.value = String(props.value);\n    }\n\n    // Disabled\n    if (props.disabled !== undefined) {\n      select.disabled = Boolean(props.disabled);\n    }\n\n    // Multiple\n    if (props.multiple !== undefined) {\n      select.multiple = Boolean(props.multiple);\n    }\n\n    // Options array\n    if (props.options && Array.isArray(props.options)) {\n      // Clear existing options\n      select.innerHTML = \"\";\n      \n      // Add new options\n      props.options.forEach((opt: any) => {\n        const option = document.createElement(\"option\");\n        \n        if (typeof opt === \"string\") {\n          option.value = opt;\n          option.textContent = opt;\n        } else if (typeof opt === \"object\") {\n          option.value = String(opt.value ?? opt.label ?? \"\");\n          option.textContent = String(opt.label ?? opt.value ?? \"\");\n          if (opt.disabled) option.disabled = true;\n        }\n        \n        select.appendChild(option);\n      });\n    }\n  },\n};\n\n\n"
-  ],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAMa;AAAA;AAAA,kBAAkC;AAAA,IAC7C,MAAM,GAAgB;AAAA,MACpB,MAAM,KAAK,SAAS,cAAc,QAAQ;AAAA,MAC1C,GAAG,QAAQ,YAAY;AAAA,MACvB,OAAO;AAAA;AAAA,IAGT,UAAU,CAAC,IAAiB,OAAkC;AAAA,MAC5D,MAAM,SAAS;AAAA,MAGf,IAAI,MAAM,UAAU,WAAW;AAAA,QAC7B,OAAO,QAAQ,OAAO,MAAM,KAAK;AAAA,MACnC;AAAA,MAGA,IAAI,MAAM,aAAa,WAAW;AAAA,QAChC,OAAO,WAAW,QAAQ,MAAM,QAAQ;AAAA,MAC1C;AAAA,MAGA,IAAI,MAAM,aAAa,WAAW;AAAA,QAChC,OAAO,WAAW,QAAQ,MAAM,QAAQ;AAAA,MAC1C;AAAA,MAGA,IAAI,MAAM,WAAW,MAAM,QAAQ,MAAM,OAAO,GAAG;AAAA,QAEjD,OAAO,YAAY;AAAA,QAGnB,MAAM,QAAQ,QAAQ,CAAC,QAAa;AAAA,UAClC,MAAM,SAAS,SAAS,cAAc,QAAQ;AAAA,UAE9C,IAAI,OAAO,QAAQ,UAAU;AAAA,YAC3B,OAAO,QAAQ;AAAA,YACf,OAAO,cAAc;AAAA,UACvB,EAAO,SAAI,OAAO,QAAQ,UAAU;AAAA,YAClC,OAAO,QAAQ,OAAO,IAAI,SAAS,IAAI,SAAS,EAAE;AAAA,YAClD,OAAO,cAAc,OAAO,IAAI,SAAS,IAAI,SAAS,EAAE;AAAA,YACxD,IAAI,IAAI;AAAA,cAAU,OAAO,WAAW;AAAA,UACtC;AAAA,UAEA,OAAO,YAAY,MAAM;AAAA,SAC1B;AAAA,MACH;AAAA;AAAA,EAEJ;AAAA;",
-  "debugId": "8A92850C4F73930A64756E2164756E21",
-  "names": []
-}
+{"version":3,"file":"select.js","sourceRoot":"","sources":["../../../src/dom/components/select.ts"],"names":[],"mappings":"AAAA;;GAEG;AAIH,MAAM,CAAC,MAAM,aAAa,GAAqB;IAC7C,MAAM;QACJ,MAAM,EAAE,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;QAC5C,EAAE,CAAC,OAAO,CAAC,SAAS,GAAG,QAAQ,CAAC;QAChC,OAAO,EAAwB,CAAC;IAClC,CAAC;IAED,UAAU,CAAC,EAAe,EAAE,KAA0B;QACpD,MAAM,MAAM,GAAG,EAAuB,CAAC;QAEvC,iBAAiB;QACjB,IAAI,KAAK,CAAC,KAAK,KAAK,SAAS,EAAE,CAAC;YAC9B,MAAM,CAAC,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QACrC,CAAC;QAED,WAAW;QACX,IAAI,KAAK,CAAC,QAAQ,KAAK,SAAS,EAAE,CAAC;YACjC,MAAM,CAAC,QAAQ,GAAG,OAAO,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;QAC5C,CAAC;QAED,WAAW;QACX,IAAI,KAAK,CAAC,QAAQ,KAAK,SAAS,EAAE,CAAC;YACjC,MAAM,CAAC,QAAQ,GAAG,OAAO,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;QAC5C,CAAC;QAED,gBAAgB;QAChB,IAAI,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC;YAClD,yBAAyB;YACzB,MAAM,CAAC,SAAS,GAAG,EAAE,CAAC;YAEtB,kBAAkB;YAClB,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,GAAQ,EAAE,EAAE;gBACjC,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;gBAEhD,IAAI,OAAO,GAAG,KAAK,QAAQ,EAAE,CAAC;oBAC5B,MAAM,CAAC,KAAK,GAAG,GAAG,CAAC;oBACnB,MAAM,CAAC,WAAW,GAAG,GAAG,CAAC;gBAC3B,CAAC;qBAAM,IAAI,OAAO,GAAG,KAAK,QAAQ,EAAE,CAAC;oBACnC,MAAM,CAAC,KAAK,GAAG,MAAM,CAAC,GAAG,CAAC,KAAK,IAAI,GAAG,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC;oBACpD,MAAM,CAAC,WAAW,GAAG,MAAM,CAAC,GAAG,CAAC,KAAK,IAAI,GAAG,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC;oBAC1D,IAAI,GAAG,CAAC,QAAQ;wBAAE,MAAM,CAAC,QAAQ,GAAG,IAAI,CAAC;gBAC3C,CAAC;gBAED,MAAM,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;YAC7B,CAAC,CAAC,CAAC;QACL,CAAC;IACH,CAAC;CACF,CAAC"}

package/dist/dom/components/slider.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/slider.ts
-var exports_slider = {};
-__export(exports_slider, {
-  sliderHandler: () => sliderHandler
-});
-var sliderHandler;
-var init_slider = __esm(() => {
-  sliderHandler = {
+/**
+ * Slider Component (Range Input)
+ */
+export const sliderHandler = {
     create() {
-      const el = document.createElement("input");
-      el.type = "range";
-      el.dataset.hypenType = "slider";
-      return el;
+        const el = document.createElement("input");
+        el.type = "range";
+        el.dataset.hypenType = "slider";
+        return el;
     },
     applyProps(el, props) {
-      const input = el;
-      if (props.value !== undefined) {
-        input.value = String(props.value);
-      }
-      if (props.min !== undefined) {
-        input.min = String(props.min);
-      }
-      if (props.max !== undefined) {
-        input.max = String(props.max);
-      }
-      if (props.step !== undefined) {
-        input.step = String(props.step);
-      }
-      if (props.disabled !== undefined) {
-        input.disabled = Boolean(props.disabled);
-      }
-    }
-  };
-});
-init_slider();
-
-export {
-  sliderHandler
+        const input = el;
+        // Value
+        if (props.value !== undefined) {
+            input.value = String(props.value);
+        }
+        // Min
+        if (props.min !== undefined) {
+            input.min = String(props.min);
+        }
+        // Max
+        if (props.max !== undefined) {
+            input.max = String(props.max);
+        }
+        // Step
+        if (props.step !== undefined) {
+            input.step = String(props.step);
+        }
+        // Disabled
+        if (props.disabled !== undefined) {
+            input.disabled = Boolean(props.disabled);
+        }
+    },
 };
-
-//# debugId=FDF9951222E1FAD964756E2164756E21
+//# sourceMappingURL=slider.js.map

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

@@ -1,10 +1 @@
-{
-  "version": 3,
-  "sources": ["../src/dom/components/slider.ts"],
-  "sourcesContent": [
-    "/**\n * Slider Component (Range Input)\n */\n\nimport type { ComponentHandler } from \"./index.js\";\n\nexport const sliderHandler: ComponentHandler = {\n  create(): HTMLElement {\n    const el = document.createElement(\"input\");\n    el.type = \"range\";\n    el.dataset.hypenType = \"slider\";\n    return el as any as HTMLElement;\n  },\n\n  applyProps(el: HTMLElement, props: Record<string, any>): void {\n    const input = el as HTMLInputElement;\n\n    // Value\n    if (props.value !== undefined) {\n      input.value = String(props.value);\n    }\n\n    // Min\n    if (props.min !== undefined) {\n      input.min = String(props.min);\n    }\n\n    // Max\n    if (props.max !== undefined) {\n      input.max = String(props.max);\n    }\n\n    // Step\n    if (props.step !== undefined) {\n      input.step = String(props.step);\n    }\n\n    // Disabled\n    if (props.disabled !== undefined) {\n      input.disabled = Boolean(props.disabled);\n    }\n  },\n};\n\n\n"
-  ],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAMa;AAAA;AAAA,kBAAkC;AAAA,IAC7C,MAAM,GAAgB;AAAA,MACpB,MAAM,KAAK,SAAS,cAAc,OAAO;AAAA,MACzC,GAAG,OAAO;AAAA,MACV,GAAG,QAAQ,YAAY;AAAA,MACvB,OAAO;AAAA;AAAA,IAGT,UAAU,CAAC,IAAiB,OAAkC;AAAA,MAC5D,MAAM,QAAQ;AAAA,MAGd,IAAI,MAAM,UAAU,WAAW;AAAA,QAC7B,MAAM,QAAQ,OAAO,MAAM,KAAK;AAAA,MAClC;AAAA,MAGA,IAAI,MAAM,QAAQ,WAAW;AAAA,QAC3B,MAAM,MAAM,OAAO,MAAM,GAAG;AAAA,MAC9B;AAAA,MAGA,IAAI,MAAM,QAAQ,WAAW;AAAA,QAC3B,MAAM,MAAM,OAAO,MAAM,GAAG;AAAA,MAC9B;AAAA,MAGA,IAAI,MAAM,SAAS,WAAW;AAAA,QAC5B,MAAM,OAAO,OAAO,MAAM,IAAI;AAAA,MAChC;AAAA,MAGA,IAAI,MAAM,aAAa,WAAW;AAAA,QAChC,MAAM,WAAW,QAAQ,MAAM,QAAQ;AAAA,MACzC;AAAA;AAAA,EAEJ;AAAA;",
-  "debugId": "FDF9951222E1FAD964756E2164756E21",
-  "names": []
-}
+{"version":3,"file":"slider.js","sourceRoot":"","sources":["../../../src/dom/components/slider.ts"],"names":[],"mappings":"AAAA;;GAEG;AAIH,MAAM,CAAC,MAAM,aAAa,GAAqB;IAC7C,MAAM;QACJ,MAAM,EAAE,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;QAC3C,EAAE,CAAC,IAAI,GAAG,OAAO,CAAC;QAClB,EAAE,CAAC,OAAO,CAAC,SAAS,GAAG,QAAQ,CAAC;QAChC,OAAO,EAAwB,CAAC;IAClC,CAAC;IAED,UAAU,CAAC,EAAe,EAAE,KAA0B;QACpD,MAAM,KAAK,GAAG,EAAsB,CAAC;QAErC,QAAQ;QACR,IAAI,KAAK,CAAC,KAAK,KAAK,SAAS,EAAE,CAAC;YAC9B,KAAK,CAAC,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QACpC,CAAC;QAED,MAAM;QACN,IAAI,KAAK,CAAC,GAAG,KAAK,SAAS,EAAE,CAAC;YAC5B,KAAK,CAAC,GAAG,GAAG,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;QAChC,CAAC;QAED,MAAM;QACN,IAAI,KAAK,CAAC,GAAG,KAAK,SAAS,EAAE,CAAC;YAC5B,KAAK,CAAC,GAAG,GAAG,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;QAChC,CAAC;QAED,OAAO;QACP,IAAI,KAAK,CAAC,IAAI,KAAK,SAAS,EAAE,CAAC;YAC7B,KAAK,CAAC,IAAI,GAAG,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;QAClC,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;IACH,CAAC;CACF,CAAC"}

package/dist/dom/components/spacer.js

@@ -1,62 +1,12 @@
-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/spacer.ts
-var exports_spacer = {};
-__export(exports_spacer, {
-  spacerHandler: () => spacerHandler
-});
-var spacerHandler;
-var init_spacer = __esm(() => {
-  spacerHandler = {
+/**
+ * Spacer Component - Flexible space in flex layouts
+ */
+export const spacerHandler = {
     create() {
-      const el = document.createElement("div");
-      el.style.flex = "1";
-      el.dataset.hypenType = "spacer";
-      return el;
-    }
-  };
-});
-init_spacer();
-
-export {
-  spacerHandler
+        const el = document.createElement("div");
+        el.style.flex = "1";
+        el.dataset.hypenType = "spacer";
+        return el;
+    },
 };
-
-//# debugId=91A794B246FBDF7064756E2164756E21
+//# sourceMappingURL=spacer.js.map

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

@@ -1,10 +1 @@
-{
-  "version": 3,
-  "sources": ["../src/dom/components/spacer.ts"],
-  "sourcesContent": [
-    "/**\n * Spacer Component - Flexible space in flex layouts\n */\n\nimport type { ComponentHandler } from \"./index.js\";\n\nexport const spacerHandler: ComponentHandler = {\n  create(): HTMLElement {\n    const el = document.createElement(\"div\");\n    el.style.flex = \"1\";\n    el.dataset.hypenType = \"spacer\";\n    return el;\n  },\n};\n\n\n"
-  ],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAMa;AAAA;AAAA,kBAAkC;AAAA,IAC7C,MAAM,GAAgB;AAAA,MACpB,MAAM,KAAK,SAAS,cAAc,KAAK;AAAA,MACvC,GAAG,MAAM,OAAO;AAAA,MAChB,GAAG,QAAQ,YAAY;AAAA,MACvB,OAAO;AAAA;AAAA,EAEX;AAAA;",
-  "debugId": "91A794B246FBDF7064756E2164756E21",
-  "names": []
-}
+{"version":3,"file":"spacer.js","sourceRoot":"","sources":["../../../src/dom/components/spacer.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,IAAI,GAAG,GAAG,CAAC;QACpB,EAAE,CAAC,OAAO,CAAC,SAAS,GAAG,QAAQ,CAAC;QAChC,OAAO,EAAE,CAAC;IACZ,CAAC;CACF,CAAC"}

package/dist/dom/components/spinner.js

@@ -1,97 +1,50 @@
-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/spinner.ts
-var exports_spinner = {};
-__export(exports_spinner, {
-  spinnerHandler: () => spinnerHandler
-});
-var spinnerHandler;
-var init_spinner = __esm(() => {
-  spinnerHandler = {
+/**
+ * Spinner Component (Loading Indicator)
+ */
+export const 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 = `
+        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";
+        // Add keyframe animation
+        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;
+        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
+        const spinner = el.querySelector("div:not(style)");
+        if (!spinner)
+            return;
+        // Size
+        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;
+        }
+        // Color
+        if (props.color !== undefined) {
+            spinner.style.borderTopColor = String(props.color);
+        }
+    },
 };
-
-//# debugId=4A7FD1E767DEE90464756E2164756E21
+//# sourceMappingURL=spinner.js.map

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

@@ -1,10 +1 @@
-{
-  "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": "4A7FD1E767DEE90464756E2164756E21",
-  "names": []
-}
+{"version":3,"file":"spinner.js","sourceRoot":"","sources":["../../../src/dom/components/spinner.ts"],"names":[],"mappings":"AAAA;;GAEG;AAIH,MAAM,CAAC,MAAM,cAAc,GAAqB;IAC9C,MAAM;QACJ,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAC9C,OAAO,CAAC,OAAO,CAAC,SAAS,GAAG,SAAS,CAAC;QACtC,OAAO,CAAC,KAAK,CAAC,OAAO,GAAG,cAAc,CAAC;QAEvC,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAC9C,OAAO,CAAC,KAAK,CAAC,KAAK,GAAG,MAAM,CAAC;QAC7B,OAAO,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC;QAC9B,OAAO,CAAC,KAAK,CAAC,MAAM,GAAG,mBAAmB,CAAC;QAC3C,OAAO,CAAC,KAAK,CAAC,SAAS,GAAG,mBAAmB,CAAC;QAC9C,OAAO,CAAC,KAAK,CAAC,YAAY,GAAG,KAAK,CAAC;QACnC,OAAO,CAAC,KAAK,CAAC,SAAS,GAAG,yBAAyB,CAAC;QAEpD,yBAAyB;QACzB,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;QAC9C,KAAK,CAAC,WAAW,GAAG;;;;;KAKnB,CAAC;QAEF,OAAO,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;QAC3B,OAAO,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;QAE7B,OAAO,OAAO,CAAC;IACjB,CAAC;IAED,UAAU,CAAC,EAAe,EAAE,KAA0B;QACpD,MAAM,OAAO,GAAG,EAAE,CAAC,aAAa,CAAC,gBAAgB,CAAgB,CAAC;QAClE,IAAI,CAAC,OAAO;YAAE,OAAO;QAErB,OAAO;QACP,IAAI,KAAK,CAAC,IAAI,KAAK,SAAS,EAAE,CAAC;YAC7B,MAAM,IAAI,GAAG,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;YAChC,MAAM,OAAO,GAA2B;gBACtC,KAAK,EAAE,MAAM;gBACb,MAAM,EAAE,MAAM;gBACd,KAAK,EAAE,MAAM;aACd,CAAC;YACF,MAAM,UAAU,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC;YACzC,OAAO,CAAC,KAAK,CAAC,KAAK,GAAG,UAAU,CAAC;YACjC,OAAO,CAAC,KAAK,CAAC,MAAM,GAAG,UAAU,CAAC;QACpC,CAAC;QAED,QAAQ;QACR,IAAI,KAAK,CAAC,KAAK,KAAK,SAAS,EAAE,CAAC;YAC9B,OAAO,CAAC,KAAK,CAAC,cAAc,GAAG,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QACrD,CAAC;IACH,CAAC;CACF,CAAC"}

package/dist/dom/components/stack.js

@@ -1,54 +1,15 @@
-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/stack.ts
-var exports_stack = {};
-__export(exports_stack, {
-  stackHandler: () => stackHandler
-});
+/**
+ * Stack Component - Overlaying elements with absolute positioning
+ */
+// Inject global styles once
+let stackStylesInjected = false;
 function ensureStackStyles() {
-  if (stackStylesInjected)
-    return;
-  stackStylesInjected = true;
-  const style = document.createElement("style");
-  style.id = "hypen-stack-styles";
-  style.textContent = `
+    if (stackStylesInjected)
+        return;
+    stackStylesInjected = true;
+    const style = document.createElement("style");
+    style.id = "hypen-stack-styles";
+    style.textContent = `
     [data-hypen-type="stack"] {
       position: relative;
       display: grid;
@@ -65,23 +26,14 @@ function ensureStackStyles() {
       /* Don't set justify-self/align-self here - let parent's justify-items/align-items control */
     }
   `;
-  document.head.appendChild(style);
+    document.head.appendChild(style);
 }
-var stackStylesInjected = false, stackHandler;
-var init_stack = __esm(() => {
-  stackHandler = {
+export const stackHandler = {
     create() {
-      ensureStackStyles();
-      const el = document.createElement("div");
-      el.dataset.hypenType = "stack";
-      return el;
-    }
-  };
-});
-init_stack();
-
-export {
-  stackHandler
+        ensureStackStyles();
+        const el = document.createElement("div");
+        el.dataset.hypenType = "stack";
+        return el;
+    },
 };
-
-//# debugId=C1407FA0E87F310464756E2164756E21
+//# sourceMappingURL=stack.js.map

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

@@ -1,10 +1 @@
-{
-  "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\n// Inject global styles once\nlet stackStylesInjected = false;\nfunction ensureStackStyles(): void {\n  if (stackStylesInjected) return;\n  stackStylesInjected = true;\n\n  const style = document.createElement(\"style\");\n  style.id = \"hypen-stack-styles\";\n  style.textContent = `\n    [data-hypen-type=\"stack\"] {\n      position: relative;\n      display: grid;\n      grid-template-areas: \"stack\";\n      /* Default alignment: top-left (matching iOS/Android ZStack default) */\n      justify-items: start;\n      align-items: start;\n      /* Ensure Stack participates properly in flex layouts (Row/Column) */\n      min-width: 0;\n      min-height: 0;\n    }\n    [data-hypen-type=\"stack\"] > * {\n      grid-area: stack;\n      /* Don't set justify-self/align-self here - let parent's justify-items/align-items control */\n    }\n  `;\n  document.head.appendChild(style);\n}\n\nexport const stackHandler: ComponentHandler = {\n  create(): HTMLElement {\n    ensureStackStyles();\n\n    const el = document.createElement(\"div\");\n    el.dataset.hypenType = \"stack\";\n\n    return el;\n  },\n};\n\n\n"
-  ],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,SAAS,iBAAiB,GAAS;AAAA,EACjC,IAAI;AAAA,IAAqB;AAAA,EACzB,sBAAsB;AAAA,EAEtB,MAAM,QAAQ,SAAS,cAAc,OAAO;AAAA,EAC5C,MAAM,KAAK;AAAA,EACX,MAAM,cAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAiBpB,SAAS,KAAK,YAAY,KAAK;AAAA;AAAA,IAxB7B,sBAAsB,OA2Bb;AAAA;AAAA,iBAAiC;AAAA,IAC5C,MAAM,GAAgB;AAAA,MACpB,kBAAkB;AAAA,MAElB,MAAM,KAAK,SAAS,cAAc,KAAK;AAAA,MACvC,GAAG,QAAQ,YAAY;AAAA,MAEvB,OAAO;AAAA;AAAA,EAEX;AAAA;",
-  "debugId": "C1407FA0E87F310464756E2164756E21",
-  "names": []
-}
+{"version":3,"file":"stack.js","sourceRoot":"","sources":["../../../src/dom/components/stack.ts"],"names":[],"mappings":"AAAA;;GAEG;AAIH,4BAA4B;AAC5B,IAAI,mBAAmB,GAAG,KAAK,CAAC;AAChC,SAAS,iBAAiB;IACxB,IAAI,mBAAmB;QAAE,OAAO;IAChC,mBAAmB,GAAG,IAAI,CAAC;IAE3B,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;IAC9C,KAAK,CAAC,EAAE,GAAG,oBAAoB,CAAC;IAChC,KAAK,CAAC,WAAW,GAAG;;;;;;;;;;;;;;;;GAgBnB,CAAC;IACF,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AACnC,CAAC;AAED,MAAM,CAAC,MAAM,YAAY,GAAqB;IAC5C,MAAM;QACJ,iBAAiB,EAAE,CAAC;QAEpB,MAAM,EAAE,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QACzC,EAAE,CAAC,OAAO,CAAC,SAAS,GAAG,OAAO,CAAC;QAE/B,OAAO,EAAE,CAAC;IACZ,CAAC;CACF,CAAC"}