@hypen-space/web 0.4.36 → 0.4.38

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

@@ -1,10 +1 @@
-{
-  "version": 3,
-  "sources": ["../src/dom/components/badge.ts"],
-  "sourcesContent": [
-    "/**\n * Badge Component\n */\n\nimport type { ComponentHandler } from \"./index.js\";\n\nexport const badgeHandler: ComponentHandler = {\n  create(): HTMLElement {\n    const el = document.createElement(\"span\");\n    el.dataset.hypenType = \"badge\";\n    el.style.display = \"inline-block\";\n    el.style.padding = \"4px 8px\";\n    el.style.borderRadius = \"4px\";\n    el.style.fontSize = \"12px\";\n    el.style.fontWeight = \"600\";\n    el.style.backgroundColor = \"#e0e0e0\";\n    el.style.color = \"#333\";\n    return el;\n  },\n\n  applyProps(el: HTMLElement, props: Record<string, any>): void {\n    // Theme\n    if (props.theme !== undefined) {\n      const theme = String(props.theme);\n      const themeColors: Record<string, { bg: string; color: string }> = {\n        success: { bg: \"#4CAF50\", color: \"#fff\" },\n        error: { bg: \"#f44336\", color: \"#fff\" },\n        warning: { bg: \"#ff9800\", color: \"#fff\" },\n        info: { bg: \"#2196F3\", color: \"#fff\" },\n        default: { bg: \"#e0e0e0\", color: \"#333\" },\n      };\n      const colors = themeColors[theme] || themeColors.default;\n      el.style.backgroundColor = colors.bg;\n      el.style.color = colors.color;\n    }\n\n    // Text content\n    const text = props[\"0\"] || props.text;\n    if (text !== undefined) {\n      el.textContent = String(text);\n    }\n  },\n};\n\n\n"
-  ],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAMa;AAAA;AAAA,iBAAiC;AAAA,IAC5C,MAAM,GAAgB;AAAA,MACpB,MAAM,KAAK,SAAS,cAAc,MAAM;AAAA,MACxC,GAAG,QAAQ,YAAY;AAAA,MACvB,GAAG,MAAM,UAAU;AAAA,MACnB,GAAG,MAAM,UAAU;AAAA,MACnB,GAAG,MAAM,eAAe;AAAA,MACxB,GAAG,MAAM,WAAW;AAAA,MACpB,GAAG,MAAM,aAAa;AAAA,MACtB,GAAG,MAAM,kBAAkB;AAAA,MAC3B,GAAG,MAAM,QAAQ;AAAA,MACjB,OAAO;AAAA;AAAA,IAGT,UAAU,CAAC,IAAiB,OAAkC;AAAA,MAE5D,IAAI,MAAM,UAAU,WAAW;AAAA,QAC7B,MAAM,QAAQ,OAAO,MAAM,KAAK;AAAA,QAChC,MAAM,cAA6D;AAAA,UACjE,SAAS,EAAE,IAAI,WAAW,OAAO,OAAO;AAAA,UACxC,OAAO,EAAE,IAAI,WAAW,OAAO,OAAO;AAAA,UACtC,SAAS,EAAE,IAAI,WAAW,OAAO,OAAO;AAAA,UACxC,MAAM,EAAE,IAAI,WAAW,OAAO,OAAO;AAAA,UACrC,SAAS,EAAE,IAAI,WAAW,OAAO,OAAO;AAAA,QAC1C;AAAA,QACA,MAAM,SAAS,YAAY,UAAU,YAAY;AAAA,QACjD,GAAG,MAAM,kBAAkB,OAAO;AAAA,QAClC,GAAG,MAAM,QAAQ,OAAO;AAAA,MAC1B;AAAA,MAGA,MAAM,OAAO,MAAM,QAAQ,MAAM;AAAA,MACjC,IAAI,SAAS,WAAW;AAAA,QACtB,GAAG,cAAc,OAAO,IAAI;AAAA,MAC9B;AAAA;AAAA,EAEJ;AAAA;",
-  "debugId": "BDCC12E36B5511A364756E2164756E21",
-  "names": []
-}
+{"version":3,"file":"badge.js","sourceRoot":"","sources":["../../../src/dom/components/badge.ts"],"names":[],"mappings":"AAAA;;GAEG;AAIH,MAAM,CAAC,MAAM,YAAY,GAAqB;IAC5C,MAAM;QACJ,MAAM,EAAE,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;QAC1C,EAAE,CAAC,OAAO,CAAC,SAAS,GAAG,OAAO,CAAC;QAC/B,EAAE,CAAC,KAAK,CAAC,OAAO,GAAG,cAAc,CAAC;QAClC,EAAE,CAAC,KAAK,CAAC,OAAO,GAAG,SAAS,CAAC;QAC7B,EAAE,CAAC,KAAK,CAAC,YAAY,GAAG,KAAK,CAAC;QAC9B,EAAE,CAAC,KAAK,CAAC,QAAQ,GAAG,MAAM,CAAC;QAC3B,EAAE,CAAC,KAAK,CAAC,UAAU,GAAG,KAAK,CAAC;QAC5B,EAAE,CAAC,KAAK,CAAC,eAAe,GAAG,SAAS,CAAC;QACrC,EAAE,CAAC,KAAK,CAAC,KAAK,GAAG,MAAM,CAAC;QACxB,OAAO,EAAE,CAAC;IACZ,CAAC;IAED,UAAU,CAAC,EAAe,EAAE,KAA0B;QACpD,QAAQ;QACR,IAAI,KAAK,CAAC,KAAK,KAAK,SAAS,EAAE,CAAC;YAC9B,MAAM,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;YAClC,MAAM,WAAW,GAAkD;gBACjE,OAAO,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE;gBACzC,KAAK,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE;gBACvC,OAAO,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE;gBACzC,IAAI,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE;gBACtC,OAAO,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE;aAC1C,CAAC;YACF,MAAM,MAAM,GAAG,WAAW,CAAC,KAAK,CAAC,IAAI,WAAW,CAAC,OAAO,CAAC;YACzD,EAAE,CAAC,KAAK,CAAC,eAAe,GAAG,MAAM,CAAC,EAAE,CAAC;YACrC,EAAE,CAAC,KAAK,CAAC,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC;QAChC,CAAC;QAED,eAAe;QACf,MAAM,IAAI,GAAG,KAAK,CAAC,GAAG,CAAC,IAAI,KAAK,CAAC,IAAI,CAAC;QACtC,IAAI,IAAI,KAAK,SAAS,EAAE,CAAC;YACvB,EAAE,CAAC,WAAW,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;QAChC,CAAC;IACH,CAAC;CACF,CAAC"}

package/dist/dom/components/button.js

@@ -1,71 +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/button.ts
-var exports_button = {};
-__export(exports_button, {
-  buttonHandler: () => buttonHandler
-});
-var buttonHandler;
-var init_button = __esm(() => {
-  buttonHandler = {
+/**
+ * Button Component
+ *
+ * Renders as a flex container. Children align to start by default (matching iOS).
+ * Use .horizontalAlignment("center") to center content.
+ * Reset default HTML button styles for cross-platform consistency.
+ */
+export const buttonHandler = {
     create() {
-      const el = document.createElement("button");
-      el.style.border = "none";
-      el.style.background = "none";
-      el.style.padding = "0";
-      el.style.margin = "0";
-      el.style.font = "inherit";
-      el.style.color = "inherit";
-      el.style.cursor = "pointer";
-      el.style.display = "flex";
-      el.style.flexDirection = "column";
-      el.style.alignItems = "flex-start";
-      el.dataset.hypenType = "button";
-      return el;
-    }
-  };
-});
-init_button();
-
-export {
-  buttonHandler
+        const el = document.createElement("button");
+        // Reset default button styles for cross-platform consistency
+        el.style.border = "none";
+        el.style.background = "none";
+        el.style.padding = "0";
+        el.style.margin = "0";
+        el.style.font = "inherit";
+        el.style.color = "inherit";
+        el.style.cursor = "pointer";
+        // Make it a flex container - align to start by default (matching iOS)
+        // Use .horizontalAlignment("center") to center content
+        el.style.display = "flex";
+        el.style.flexDirection = "column";
+        el.style.alignItems = "flex-start";
+        el.dataset.hypenType = "button";
+        return el;
+    },
 };
-
-//# debugId=F23C4150260FFE7D64756E2164756E21
+//# sourceMappingURL=button.js.map

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

@@ -1,10 +1 @@
-{
-  "version": 3,
-  "sources": ["../src/dom/components/button.ts"],
-  "sourcesContent": [
-    "/**\n * Button Component\n *\n * Renders as a flex container. Children align to start by default (matching iOS).\n * Use .horizontalAlignment(\"center\") to center content.\n * Reset default HTML button styles for cross-platform consistency.\n */\n\nimport type { ComponentHandler } from \"./index.js\";\n\nexport const buttonHandler: ComponentHandler = {\n  create(): HTMLElement {\n    const el = document.createElement(\"button\");\n    // Reset default button styles for cross-platform consistency\n    el.style.border = \"none\";\n    el.style.background = \"none\";\n    el.style.padding = \"0\";\n    el.style.margin = \"0\";\n    el.style.font = \"inherit\";\n    el.style.color = \"inherit\";\n    el.style.cursor = \"pointer\";\n    // Make it a flex container - align to start by default (matching iOS)\n    // Use .horizontalAlignment(\"center\") to center content\n    el.style.display = \"flex\";\n    el.style.flexDirection = \"column\";\n    el.style.alignItems = \"flex-start\";\n    el.dataset.hypenType = \"button\";\n    return el;\n  },\n};\n"
-  ],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAUa;AAAA;AAAA,kBAAkC;AAAA,IAC7C,MAAM,GAAgB;AAAA,MACpB,MAAM,KAAK,SAAS,cAAc,QAAQ;AAAA,MAE1C,GAAG,MAAM,SAAS;AAAA,MAClB,GAAG,MAAM,aAAa;AAAA,MACtB,GAAG,MAAM,UAAU;AAAA,MACnB,GAAG,MAAM,SAAS;AAAA,MAClB,GAAG,MAAM,OAAO;AAAA,MAChB,GAAG,MAAM,QAAQ;AAAA,MACjB,GAAG,MAAM,SAAS;AAAA,MAGlB,GAAG,MAAM,UAAU;AAAA,MACnB,GAAG,MAAM,gBAAgB;AAAA,MACzB,GAAG,MAAM,aAAa;AAAA,MACtB,GAAG,QAAQ,YAAY;AAAA,MACvB,OAAO;AAAA;AAAA,EAEX;AAAA;",
-  "debugId": "F23C4150260FFE7D64756E2164756E21",
-  "names": []
-}
+{"version":3,"file":"button.js","sourceRoot":"","sources":["../../../src/dom/components/button.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAIH,MAAM,CAAC,MAAM,aAAa,GAAqB;IAC7C,MAAM;QACJ,MAAM,EAAE,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;QAC5C,6DAA6D;QAC7D,EAAE,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC;QACzB,EAAE,CAAC,KAAK,CAAC,UAAU,GAAG,MAAM,CAAC;QAC7B,EAAE,CAAC,KAAK,CAAC,OAAO,GAAG,GAAG,CAAC;QACvB,EAAE,CAAC,KAAK,CAAC,MAAM,GAAG,GAAG,CAAC;QACtB,EAAE,CAAC,KAAK,CAAC,IAAI,GAAG,SAAS,CAAC;QAC1B,EAAE,CAAC,KAAK,CAAC,KAAK,GAAG,SAAS,CAAC;QAC3B,EAAE,CAAC,KAAK,CAAC,MAAM,GAAG,SAAS,CAAC;QAC5B,sEAAsE;QACtE,uDAAuD;QACvD,EAAE,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM,CAAC;QAC1B,EAAE,CAAC,KAAK,CAAC,aAAa,GAAG,QAAQ,CAAC;QAClC,EAAE,CAAC,KAAK,CAAC,UAAU,GAAG,YAAY,CAAC;QACnC,EAAE,CAAC,OAAO,CAAC,SAAS,GAAG,QAAQ,CAAC;QAChC,OAAO,EAAE,CAAC;IACZ,CAAC;CACF,CAAC"}

package/dist/dom/components/card.js

@@ -1,65 +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/card.ts
-var exports_card = {};
-__export(exports_card, {
-  cardHandler: () => cardHandler
-});
-var cardHandler;
-var init_card = __esm(() => {
-  cardHandler = {
+/**
+ * Card Component - Container with default styling
+ */
+export const cardHandler = {
     create() {
-      const el = document.createElement("div");
-      el.dataset.hypenType = "card";
-      el.style.backgroundColor = "#ffffff";
-      el.style.borderRadius = "8px";
-      el.style.boxShadow = "0 2px 4px rgba(0, 0, 0, 0.1)";
-      el.style.padding = "16px";
-      return el;
-    }
-  };
-});
-init_card();
-
-export {
-  cardHandler
+        const el = document.createElement("div");
+        el.dataset.hypenType = "card";
+        el.style.backgroundColor = "#ffffff";
+        el.style.borderRadius = "8px";
+        el.style.boxShadow = "0 2px 4px rgba(0, 0, 0, 0.1)";
+        el.style.padding = "16px";
+        return el;
+    },
 };
-
-//# debugId=4422519CD429CA1264756E2164756E21
+//# sourceMappingURL=card.js.map

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

@@ -1,10 +1 @@
-{
-  "version": 3,
-  "sources": ["../src/dom/components/card.ts"],
-  "sourcesContent": [
-    "/**\n * Card Component - Container with default styling\n */\n\nimport type { ComponentHandler } from \"./index.js\";\n\nexport const cardHandler: ComponentHandler = {\n  create(): HTMLElement {\n    const el = document.createElement(\"div\");\n    el.dataset.hypenType = \"card\";\n    el.style.backgroundColor = \"#ffffff\";\n    el.style.borderRadius = \"8px\";\n    el.style.boxShadow = \"0 2px 4px rgba(0, 0, 0, 0.1)\";\n    el.style.padding = \"16px\";\n    return el;\n  },\n};\n\n\n"
-  ],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAMa;AAAA;AAAA,gBAAgC;AAAA,IAC3C,MAAM,GAAgB;AAAA,MACpB,MAAM,KAAK,SAAS,cAAc,KAAK;AAAA,MACvC,GAAG,QAAQ,YAAY;AAAA,MACvB,GAAG,MAAM,kBAAkB;AAAA,MAC3B,GAAG,MAAM,eAAe;AAAA,MACxB,GAAG,MAAM,YAAY;AAAA,MACrB,GAAG,MAAM,UAAU;AAAA,MACnB,OAAO;AAAA;AAAA,EAEX;AAAA;",
-  "debugId": "4422519CD429CA1264756E2164756E21",
-  "names": []
-}
+{"version":3,"file":"card.js","sourceRoot":"","sources":["../../../src/dom/components/card.ts"],"names":[],"mappings":"AAAA;;GAEG;AAIH,MAAM,CAAC,MAAM,WAAW,GAAqB;IAC3C,MAAM;QACJ,MAAM,EAAE,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QACzC,EAAE,CAAC,OAAO,CAAC,SAAS,GAAG,MAAM,CAAC;QAC9B,EAAE,CAAC,KAAK,CAAC,eAAe,GAAG,SAAS,CAAC;QACrC,EAAE,CAAC,KAAK,CAAC,YAAY,GAAG,KAAK,CAAC;QAC9B,EAAE,CAAC,KAAK,CAAC,SAAS,GAAG,8BAA8B,CAAC;QACpD,EAAE,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM,CAAC;QAC1B,OAAO,EAAE,CAAC;IACZ,CAAC;CACF,CAAC"}

package/dist/dom/components/center.js

@@ -1,67 +1,23 @@
-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/center.ts
-var exports_center = {};
-__export(exports_center, {
-  centerHandler: () => centerHandler
-});
-var centerHandler;
-var init_center = __esm(() => {
-  centerHandler = {
+/**
+ * Center Component - Centers content
+ *
+ * Center expands to fill available space by default (matching iOS/Android behavior).
+ * This is because a Center that wraps to content can't meaningfully center anything.
+ * The expansion is constrained by parent's layout rules.
+ */
+export const centerHandler = {
     create() {
-      const el = document.createElement("div");
-      el.style.display = "flex";
-      el.style.alignItems = "center";
-      el.style.justifyContent = "center";
-      el.style.width = "100%";
-      el.style.height = "100%";
-      el.style.alignSelf = "stretch";
-      el.dataset.hypenType = "center";
-      return el;
-    }
-  };
-});
-init_center();
-
-export {
-  centerHandler
+        const el = document.createElement("div");
+        el.style.display = "flex";
+        el.style.alignItems = "center";
+        el.style.justifyContent = "center";
+        // Center expands to fill available space by default
+        // This matches iOS which has .frame(maxWidth: .infinity, maxHeight: .infinity)
+        el.style.width = "100%";
+        el.style.height = "100%";
+        el.style.alignSelf = "stretch"; // Needed for flex containers with alignItems: flex-start
+        el.dataset.hypenType = "center";
+        return el;
+    },
 };
-
-//# debugId=D52827955C9DCD9D64756E2164756E21
+//# sourceMappingURL=center.js.map

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

@@ -1,10 +1 @@
-{
-  "version": 3,
-  "sources": ["../src/dom/components/center.ts"],
-  "sourcesContent": [
-    "/**\n * Center Component - Centers content\n *\n * Center expands to fill available space by default (matching iOS/Android behavior).\n * This is because a Center that wraps to content can't meaningfully center anything.\n * The expansion is constrained by parent's layout rules.\n */\n\nimport type { ComponentHandler } from \"./index.js\";\n\nexport const centerHandler: ComponentHandler = {\n  create(): HTMLElement {\n    const el = document.createElement(\"div\");\n    el.style.display = \"flex\";\n    el.style.alignItems = \"center\";\n    el.style.justifyContent = \"center\";\n    // Center expands to fill available space by default\n    // This matches iOS which has .frame(maxWidth: .infinity, maxHeight: .infinity)\n    el.style.width = \"100%\";\n    el.style.height = \"100%\";\n    el.style.alignSelf = \"stretch\"; // Needed for flex containers with alignItems: flex-start\n    el.dataset.hypenType = \"center\";\n    return el;\n  },\n};\n"
-  ],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAUa;AAAA;AAAA,kBAAkC;AAAA,IAC7C,MAAM,GAAgB;AAAA,MACpB,MAAM,KAAK,SAAS,cAAc,KAAK;AAAA,MACvC,GAAG,MAAM,UAAU;AAAA,MACnB,GAAG,MAAM,aAAa;AAAA,MACtB,GAAG,MAAM,iBAAiB;AAAA,MAG1B,GAAG,MAAM,QAAQ;AAAA,MACjB,GAAG,MAAM,SAAS;AAAA,MAClB,GAAG,MAAM,YAAY;AAAA,MACrB,GAAG,QAAQ,YAAY;AAAA,MACvB,OAAO;AAAA;AAAA,EAEX;AAAA;",
-  "debugId": "D52827955C9DCD9D64756E2164756E21",
-  "names": []
-}
+{"version":3,"file":"center.js","sourceRoot":"","sources":["../../../src/dom/components/center.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;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,UAAU,GAAG,QAAQ,CAAC;QAC/B,EAAE,CAAC,KAAK,CAAC,cAAc,GAAG,QAAQ,CAAC;QACnC,oDAAoD;QACpD,+EAA+E;QAC/E,EAAE,CAAC,KAAK,CAAC,KAAK,GAAG,MAAM,CAAC;QACxB,EAAE,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC;QACzB,EAAE,CAAC,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC,CAAC,yDAAyD;QACzF,EAAE,CAAC,OAAO,CAAC,SAAS,GAAG,QAAQ,CAAC;QAChC,OAAO,EAAE,CAAC;IACZ,CAAC;CACF,CAAC"}

package/dist/dom/components/checkbox.js

@@ -1,86 +1,41 @@
-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/checkbox.ts
-var exports_checkbox = {};
-__export(exports_checkbox, {
-  checkboxHandler: () => checkboxHandler
-});
-var checkboxHandler;
-var init_checkbox = __esm(() => {
-  checkboxHandler = {
+/**
+ * Checkbox Component
+ */
+export const checkboxHandler = {
     create() {
-      const wrapper = document.createElement("label");
-      wrapper.dataset.hypenType = "checkbox";
-      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.hypenCheckbox = "true";
-      wrapper.appendChild(input);
-      return wrapper;
+        const wrapper = document.createElement("label");
+        wrapper.dataset.hypenType = "checkbox";
+        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.hypenCheckbox = "true";
+        wrapper.appendChild(input);
+        return wrapper;
     },
     applyProps(el, props) {
-      const input = el.querySelector('input[type="checkbox"]');
-      if (!input)
-        return;
-      if (props.checked !== undefined) {
-        input.checked = Boolean(props.checked);
-      }
-      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_checkbox();
-
-export {
-  checkboxHandler
+        const input = el.querySelector('input[type="checkbox"]');
+        if (!input)
+            return;
+        // Checked state
+        if (props.checked !== undefined) {
+            input.checked = Boolean(props.checked);
+        }
+        // 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=EFB127D486565CD564756E2164756E21
+//# sourceMappingURL=checkbox.js.map

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

@@ -1,10 +1 @@
-{
-  "version": 3,
-  "sources": ["../src/dom/components/checkbox.ts"],
-  "sourcesContent": [
-    "/**\n * Checkbox Component\n */\n\nimport type { ComponentHandler } from \"./index.js\";\n\nexport const checkboxHandler: ComponentHandler = {\n  create(): HTMLElement {\n    const wrapper = document.createElement(\"label\");\n    wrapper.dataset.hypenType = \"checkbox\";\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.hypenCheckbox = \"true\";\n    \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    // Checked state\n    if (props.checked !== undefined) {\n      input.checked = Boolean(props.checked);\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,oBAAoC;AAAA,IAC/C,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,gBAAgB;AAAA,MAE9B,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,YAAY,WAAW;AAAA,QAC/B,MAAM,UAAU,QAAQ,MAAM,OAAO;AAAA,MACvC;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": "EFB127D486565CD564756E2164756E21",
-  "names": []
-}
+{"version":3,"file":"checkbox.js","sourceRoot":"","sources":["../../../src/dom/components/checkbox.ts"],"names":[],"mappings":"AAAA;;GAEG;AAIH,MAAM,CAAC,MAAM,eAAe,GAAqB;IAC/C,MAAM;QACJ,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;QAChD,OAAO,CAAC,OAAO,CAAC,SAAS,GAAG,UAAU,CAAC;QACvC,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,aAAa,GAAG,MAAM,CAAC;QAErC,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,gBAAgB;QAChB,IAAI,KAAK,CAAC,OAAO,KAAK,SAAS,EAAE,CAAC;YAChC,KAAK,CAAC,OAAO,GAAG,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;QACzC,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/column.js

@@ -1,64 +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/column.ts
-var exports_column = {};
-__export(exports_column, {
-  columnHandler: () => columnHandler
-});
-var columnHandler;
-var init_column = __esm(() => {
-  columnHandler = {
+/**
+ * Column Component - Vertical Stack
+ *
+ * Children wrap to content by default (matching Android/iOS behavior).
+ * Use .fillMaxWidth() on children or .horizontalAlignment("stretch") to stretch.
+ */
+export const columnHandler = {
     create() {
-      const el = document.createElement("div");
-      el.style.display = "flex";
-      el.style.flexDirection = "column";
-      el.style.alignItems = "flex-start";
-      el.dataset.hypenType = "column";
-      return el;
-    }
-  };
-});
-init_column();
-
-export {
-  columnHandler
+        const el = document.createElement("div");
+        el.style.display = "flex";
+        el.style.flexDirection = "column";
+        // Wrap children to content by default (match iOS/Android behavior)
+        el.style.alignItems = "flex-start";
+        el.dataset.hypenType = "column";
+        return el;
+    },
 };
-
-//# debugId=2E61126970FBC27C64756E2164756E21
+//# sourceMappingURL=column.js.map

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

@@ -1,10 +1 @@
-{
-  "version": 3,
-  "sources": ["../src/dom/components/column.ts"],
-  "sourcesContent": [
-    "/**\n * Column Component - Vertical Stack\n *\n * Children wrap to content by default (matching Android/iOS behavior).\n * Use .fillMaxWidth() on children or .horizontalAlignment(\"stretch\") to stretch.\n */\n\nimport type { ComponentHandler } from \"./index.js\";\n\nexport const columnHandler: ComponentHandler = {\n  create(): HTMLElement {\n    const el = document.createElement(\"div\");\n    el.style.display = \"flex\";\n    el.style.flexDirection = \"column\";\n    // Wrap children to content by default (match iOS/Android behavior)\n    el.style.alignItems = \"flex-start\";\n    el.dataset.hypenType = \"column\";\n    return el;\n  },\n};\n"
-  ],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IASa;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,MAEzB,GAAG,MAAM,aAAa;AAAA,MACtB,GAAG,QAAQ,YAAY;AAAA,MACvB,OAAO;AAAA;AAAA,EAEX;AAAA;",
-  "debugId": "2E61126970FBC27C64756E2164756E21",
-  "names": []
-}
+{"version":3,"file":"column.js","sourceRoot":"","sources":["../../../src/dom/components/column.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;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,mEAAmE;QACnE,EAAE,CAAC,KAAK,CAAC,UAAU,GAAG,YAAY,CAAC;QACnC,EAAE,CAAC,OAAO,CAAC,SAAS,GAAG,QAAQ,CAAC;QAChC,OAAO,EAAE,CAAC;IACZ,CAAC;CACF,CAAC"}

package/dist/dom/components/container.js

@@ -1,61 +1,13 @@
-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/container.ts
-var exports_container = {};
-__export(exports_container, {
-  containerHandler: () => containerHandler
-});
-var containerHandler;
-var init_container = __esm(() => {
-  containerHandler = {
+/**
+ * Container/Box Component
+ */
+export const containerHandler = {
     create() {
-      const el = document.createElement("div");
-      el.dataset.hypenType = "container";
-      return el;
-    }
-  };
-});
-init_container();
-
-export {
-  containerHandler
+        const el = document.createElement("div");
+        // Simple block container - wraps to content by default
+        // Use .fillMaxWidth(true) to stretch
+        el.dataset.hypenType = "container";
+        return el;
+    },
 };
-
-//# debugId=DC11F92D0D1E3B6D64756E2164756E21
+//# sourceMappingURL=container.js.map