@hypen-space/web 0.3.8 → 0.3.9

package/dist/src/dom/applicators/transform.js.map

@@ -2,9 +2,9 @@
   "version": 3,
   "sources": ["../src/dom/applicators/transform.ts"],
   "sourcesContent": [
-    "/**\n * Transform Applicators\n */\n\nimport type { ApplicatorHandler } from \"./index.js\";\n\nexport const transformHandlers: Record<string, ApplicatorHandler> = {\n  transform: (el, value) => {\n    el.style.transform = String(value);\n  },\n\n  transformOrigin: (el, value) => {\n    el.style.transformOrigin = String(value);\n  },\n\n  translateX: (el, value) => {\n    const current = el.style.transform || \"\";\n    const val = typeof value === \"number\" ? `${value}px` : String(value);\n    el.style.transform = current ? `${current} translateX(${val})` : `translateX(${val})`;\n  },\n\n  translateY: (el, value) => {\n    const current = el.style.transform || \"\";\n    const val = typeof value === \"number\" ? `${value}px` : String(value);\n    el.style.transform = current ? `${current} translateY(${val})` : `translateY(${val})`;\n  },\n\n  translateZ: (el, value) => {\n    const current = el.style.transform || \"\";\n    const val = typeof value === \"number\" ? `${value}px` : String(value);\n    el.style.transform = current ? `${current} translateZ(${val})` : `translateZ(${val})`;\n  },\n\n  rotate: (el, value) => {\n    const current = el.style.transform || \"\";\n    const val = String(value);\n    el.style.transform = current ? `${current} rotate(${val})` : `rotate(${val})`;\n  },\n\n  rotateX: (el, value) => {\n    const current = el.style.transform || \"\";\n    const val = String(value);\n    el.style.transform = current ? `${current} rotateX(${val})` : `rotateX(${val})`;\n  },\n\n  rotateY: (el, value) => {\n    const current = el.style.transform || \"\";\n    const val = String(value);\n    el.style.transform = current ? `${current} rotateY(${val})` : `rotateY(${val})`;\n  },\n\n  rotateZ: (el, value) => {\n    const current = el.style.transform || \"\";\n    const val = String(value);\n    el.style.transform = current ? `${current} rotateZ(${val})` : `rotateZ(${val})`;\n  },\n\n  scale: (el, value) => {\n    const current = el.style.transform || \"\";\n    el.style.transform = current ? `${current} scale(${value})` : `scale(${value})`;\n  },\n\n  scaleX: (el, value) => {\n    const current = el.style.transform || \"\";\n    el.style.transform = current ? `${current} scaleX(${value})` : `scaleX(${value})`;\n  },\n\n  scaleY: (el, value) => {\n    const current = el.style.transform || \"\";\n    el.style.transform = current ? `${current} scaleY(${value})` : `scaleY(${value})`;\n  },\n\n  skew: (el, value) => {\n    const current = el.style.transform || \"\";\n    el.style.transform = current ? `${current} skew(${value})` : `skew(${value})`;\n  },\n\n  skewX: (el, value) => {\n    const current = el.style.transform || \"\";\n    el.style.transform = current ? `${current} skewX(${value})` : `skewX(${value})`;\n  },\n\n  skewY: (el, value) => {\n    const current = el.style.transform || \"\";\n    el.style.transform = current ? `${current} skewY(${value})` : `skewY(${value})`;\n  },\n\n  perspective: (el, value) => {\n    el.style.perspective = typeof value === \"number\" ? `${value}px` : String(value);\n  },\n};\n\n\n"
+    "/**\n * Transform Applicators\n */\n\nimport type { ApplicatorHandler } from \"./types.js\";\n\nexport const transformHandlers: Record<string, ApplicatorHandler> = {\n  transform: (el, value) => {\n    el.style.transform = String(value);\n  },\n\n  transformOrigin: (el, value) => {\n    el.style.transformOrigin = String(value);\n  },\n\n  translateX: (el, value) => {\n    const current = el.style.transform || \"\";\n    const val = typeof value === \"number\" ? `${value}px` : String(value);\n    el.style.transform = current ? `${current} translateX(${val})` : `translateX(${val})`;\n  },\n\n  translateY: (el, value) => {\n    const current = el.style.transform || \"\";\n    const val = typeof value === \"number\" ? `${value}px` : String(value);\n    el.style.transform = current ? `${current} translateY(${val})` : `translateY(${val})`;\n  },\n\n  translateZ: (el, value) => {\n    const current = el.style.transform || \"\";\n    const val = typeof value === \"number\" ? `${value}px` : String(value);\n    el.style.transform = current ? `${current} translateZ(${val})` : `translateZ(${val})`;\n  },\n\n  rotate: (el, value) => {\n    const current = el.style.transform || \"\";\n    const val = String(value);\n    el.style.transform = current ? `${current} rotate(${val})` : `rotate(${val})`;\n  },\n\n  rotateX: (el, value) => {\n    const current = el.style.transform || \"\";\n    const val = String(value);\n    el.style.transform = current ? `${current} rotateX(${val})` : `rotateX(${val})`;\n  },\n\n  rotateY: (el, value) => {\n    const current = el.style.transform || \"\";\n    const val = String(value);\n    el.style.transform = current ? `${current} rotateY(${val})` : `rotateY(${val})`;\n  },\n\n  rotateZ: (el, value) => {\n    const current = el.style.transform || \"\";\n    const val = String(value);\n    el.style.transform = current ? `${current} rotateZ(${val})` : `rotateZ(${val})`;\n  },\n\n  scale: (el, value) => {\n    const current = el.style.transform || \"\";\n    el.style.transform = current ? `${current} scale(${value})` : `scale(${value})`;\n  },\n\n  scaleX: (el, value) => {\n    const current = el.style.transform || \"\";\n    el.style.transform = current ? `${current} scaleX(${value})` : `scaleX(${value})`;\n  },\n\n  scaleY: (el, value) => {\n    const current = el.style.transform || \"\";\n    el.style.transform = current ? `${current} scaleY(${value})` : `scaleY(${value})`;\n  },\n\n  skew: (el, value) => {\n    const current = el.style.transform || \"\";\n    el.style.transform = current ? `${current} skew(${value})` : `skew(${value})`;\n  },\n\n  skewX: (el, value) => {\n    const current = el.style.transform || \"\";\n    el.style.transform = current ? `${current} skewX(${value})` : `skewX(${value})`;\n  },\n\n  skewY: (el, value) => {\n    const current = el.style.transform || \"\";\n    el.style.transform = current ? `${current} skewY(${value})` : `skewY(${value})`;\n  },\n\n  perspective: (el, value) => {\n    el.style.perspective = typeof value === \"number\" ? `${value}px` : String(value);\n  },\n};\n\n\n"
   ],
-  "mappings": "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",
-  "debugId": "41DFEAB82B296EF164756E2164756E21",
+  "mappings": "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",
+  "debugId": "BD897C0C88D7BC7664756E2164756E21",
   "names": []
 }

package/dist/src/dom/applicators/transition.js

@@ -28,61 +28,52 @@ var __export = (target, all) => {
 var __esm = (fn, res) => () => (fn && (res = fn(fn = 0)), res);
 
 // src/dom/applicators/transition.ts
-var exports_transition = {};
-__export(exports_transition, {
-  transitionHandlers: () => transitionHandlers
-});
-var transitionHandlers;
-var init_transition = __esm(() => {
-  transitionHandlers = {
-    transition: (el, value) => {
-      el.style.transition = String(value);
-    },
-    transitionProperty: (el, value) => {
-      el.style.transitionProperty = String(value);
-    },
-    transitionDuration: (el, value) => {
-      el.style.transitionDuration = String(value);
-    },
-    transitionTimingFunction: (el, value) => {
-      el.style.transitionTimingFunction = String(value);
-    },
-    transitionDelay: (el, value) => {
-      el.style.transitionDelay = String(value);
-    },
-    animation: (el, value) => {
-      el.style.animation = String(value);
-    },
-    animationName: (el, value) => {
-      el.style.animationName = String(value);
-    },
-    animationDuration: (el, value) => {
-      el.style.animationDuration = String(value);
-    },
-    animationTimingFunction: (el, value) => {
-      el.style.animationTimingFunction = String(value);
-    },
-    animationDelay: (el, value) => {
-      el.style.animationDelay = String(value);
-    },
-    animationIterationCount: (el, value) => {
-      el.style.animationIterationCount = String(value);
-    },
-    animationDirection: (el, value) => {
-      el.style.animationDirection = String(value);
-    },
-    animationFillMode: (el, value) => {
-      el.style.animationFillMode = String(value);
-    },
-    animationPlayState: (el, value) => {
-      el.style.animationPlayState = String(value);
-    }
-  };
-});
-init_transition();
-
+var transitionHandlers = {
+  transition: (el, value) => {
+    el.style.transition = String(value);
+  },
+  transitionProperty: (el, value) => {
+    el.style.transitionProperty = String(value);
+  },
+  transitionDuration: (el, value) => {
+    el.style.transitionDuration = String(value);
+  },
+  transitionTimingFunction: (el, value) => {
+    el.style.transitionTimingFunction = String(value);
+  },
+  transitionDelay: (el, value) => {
+    el.style.transitionDelay = String(value);
+  },
+  animation: (el, value) => {
+    el.style.animation = String(value);
+  },
+  animationName: (el, value) => {
+    el.style.animationName = String(value);
+  },
+  animationDuration: (el, value) => {
+    el.style.animationDuration = String(value);
+  },
+  animationTimingFunction: (el, value) => {
+    el.style.animationTimingFunction = String(value);
+  },
+  animationDelay: (el, value) => {
+    el.style.animationDelay = String(value);
+  },
+  animationIterationCount: (el, value) => {
+    el.style.animationIterationCount = String(value);
+  },
+  animationDirection: (el, value) => {
+    el.style.animationDirection = String(value);
+  },
+  animationFillMode: (el, value) => {
+    el.style.animationFillMode = String(value);
+  },
+  animationPlayState: (el, value) => {
+    el.style.animationPlayState = String(value);
+  }
+};
 export {
   transitionHandlers
 };
 
-//# debugId=3E2E306AE569ACC964756E2164756E21
+//# debugId=17561367A0C20BD464756E2164756E21

package/dist/src/dom/applicators/transition.js.map

@@ -2,9 +2,9 @@
   "version": 3,
   "sources": ["../src/dom/applicators/transition.ts"],
   "sourcesContent": [
-    "/**\n * Transition and Animation Applicators\n */\n\nimport type { ApplicatorHandler } from \"./index.js\";\n\nexport const transitionHandlers: Record<string, ApplicatorHandler> = {\n  transition: (el, value) => {\n    el.style.transition = String(value);\n  },\n\n  transitionProperty: (el, value) => {\n    el.style.transitionProperty = String(value);\n  },\n\n  transitionDuration: (el, value) => {\n    el.style.transitionDuration = String(value);\n  },\n\n  transitionTimingFunction: (el, value) => {\n    el.style.transitionTimingFunction = String(value);\n  },\n\n  transitionDelay: (el, value) => {\n    el.style.transitionDelay = String(value);\n  },\n\n  animation: (el, value) => {\n    el.style.animation = String(value);\n  },\n\n  animationName: (el, value) => {\n    el.style.animationName = String(value);\n  },\n\n  animationDuration: (el, value) => {\n    el.style.animationDuration = String(value);\n  },\n\n  animationTimingFunction: (el, value) => {\n    el.style.animationTimingFunction = String(value);\n  },\n\n  animationDelay: (el, value) => {\n    el.style.animationDelay = String(value);\n  },\n\n  animationIterationCount: (el, value) => {\n    el.style.animationIterationCount = String(value);\n  },\n\n  animationDirection: (el, value) => {\n    el.style.animationDirection = String(value);\n  },\n\n  animationFillMode: (el, value) => {\n    el.style.animationFillMode = String(value);\n  },\n\n  animationPlayState: (el, value) => {\n    el.style.animationPlayState = String(value);\n  },\n};\n\n\n"
+    "/**\n * Transition and Animation Applicators\n */\n\nimport type { ApplicatorHandler } from \"./types.js\";\n\nexport const transitionHandlers: Record<string, ApplicatorHandler> = {\n  transition: (el, value) => {\n    el.style.transition = String(value);\n  },\n\n  transitionProperty: (el, value) => {\n    el.style.transitionProperty = String(value);\n  },\n\n  transitionDuration: (el, value) => {\n    el.style.transitionDuration = String(value);\n  },\n\n  transitionTimingFunction: (el, value) => {\n    el.style.transitionTimingFunction = String(value);\n  },\n\n  transitionDelay: (el, value) => {\n    el.style.transitionDelay = String(value);\n  },\n\n  animation: (el, value) => {\n    el.style.animation = String(value);\n  },\n\n  animationName: (el, value) => {\n    el.style.animationName = String(value);\n  },\n\n  animationDuration: (el, value) => {\n    el.style.animationDuration = String(value);\n  },\n\n  animationTimingFunction: (el, value) => {\n    el.style.animationTimingFunction = String(value);\n  },\n\n  animationDelay: (el, value) => {\n    el.style.animationDelay = String(value);\n  },\n\n  animationIterationCount: (el, value) => {\n    el.style.animationIterationCount = String(value);\n  },\n\n  animationDirection: (el, value) => {\n    el.style.animationDirection = String(value);\n  },\n\n  animationFillMode: (el, value) => {\n    el.style.animationFillMode = String(value);\n  },\n\n  animationPlayState: (el, value) => {\n    el.style.animationPlayState = String(value);\n  },\n};\n\n\n"
   ],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAMa;AAAA;AAAA,uBAAwD;AAAA,IACnE,YAAY,CAAC,IAAI,UAAU;AAAA,MACzB,GAAG,MAAM,aAAa,OAAO,KAAK;AAAA;AAAA,IAGpC,oBAAoB,CAAC,IAAI,UAAU;AAAA,MACjC,GAAG,MAAM,qBAAqB,OAAO,KAAK;AAAA;AAAA,IAG5C,oBAAoB,CAAC,IAAI,UAAU;AAAA,MACjC,GAAG,MAAM,qBAAqB,OAAO,KAAK;AAAA;AAAA,IAG5C,0BAA0B,CAAC,IAAI,UAAU;AAAA,MACvC,GAAG,MAAM,2BAA2B,OAAO,KAAK;AAAA;AAAA,IAGlD,iBAAiB,CAAC,IAAI,UAAU;AAAA,MAC9B,GAAG,MAAM,kBAAkB,OAAO,KAAK;AAAA;AAAA,IAGzC,WAAW,CAAC,IAAI,UAAU;AAAA,MACxB,GAAG,MAAM,YAAY,OAAO,KAAK;AAAA;AAAA,IAGnC,eAAe,CAAC,IAAI,UAAU;AAAA,MAC5B,GAAG,MAAM,gBAAgB,OAAO,KAAK;AAAA;AAAA,IAGvC,mBAAmB,CAAC,IAAI,UAAU;AAAA,MAChC,GAAG,MAAM,oBAAoB,OAAO,KAAK;AAAA;AAAA,IAG3C,yBAAyB,CAAC,IAAI,UAAU;AAAA,MACtC,GAAG,MAAM,0BAA0B,OAAO,KAAK;AAAA;AAAA,IAGjD,gBAAgB,CAAC,IAAI,UAAU;AAAA,MAC7B,GAAG,MAAM,iBAAiB,OAAO,KAAK;AAAA;AAAA,IAGxC,yBAAyB,CAAC,IAAI,UAAU;AAAA,MACtC,GAAG,MAAM,0BAA0B,OAAO,KAAK;AAAA;AAAA,IAGjD,oBAAoB,CAAC,IAAI,UAAU;AAAA,MACjC,GAAG,MAAM,qBAAqB,OAAO,KAAK;AAAA;AAAA,IAG5C,mBAAmB,CAAC,IAAI,UAAU;AAAA,MAChC,GAAG,MAAM,oBAAoB,OAAO,KAAK;AAAA;AAAA,IAG3C,oBAAoB,CAAC,IAAI,UAAU;AAAA,MACjC,GAAG,MAAM,qBAAqB,OAAO,KAAK;AAAA;AAAA,EAE9C;AAAA;",
-  "debugId": "3E2E306AE569ACC964756E2164756E21",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMO,IAAM,qBAAwD;AAAA,EACnE,YAAY,CAAC,IAAI,UAAU;AAAA,IACzB,GAAG,MAAM,aAAa,OAAO,KAAK;AAAA;AAAA,EAGpC,oBAAoB,CAAC,IAAI,UAAU;AAAA,IACjC,GAAG,MAAM,qBAAqB,OAAO,KAAK;AAAA;AAAA,EAG5C,oBAAoB,CAAC,IAAI,UAAU;AAAA,IACjC,GAAG,MAAM,qBAAqB,OAAO,KAAK;AAAA;AAAA,EAG5C,0BAA0B,CAAC,IAAI,UAAU;AAAA,IACvC,GAAG,MAAM,2BAA2B,OAAO,KAAK;AAAA;AAAA,EAGlD,iBAAiB,CAAC,IAAI,UAAU;AAAA,IAC9B,GAAG,MAAM,kBAAkB,OAAO,KAAK;AAAA;AAAA,EAGzC,WAAW,CAAC,IAAI,UAAU;AAAA,IACxB,GAAG,MAAM,YAAY,OAAO,KAAK;AAAA;AAAA,EAGnC,eAAe,CAAC,IAAI,UAAU;AAAA,IAC5B,GAAG,MAAM,gBAAgB,OAAO,KAAK;AAAA;AAAA,EAGvC,mBAAmB,CAAC,IAAI,UAAU;AAAA,IAChC,GAAG,MAAM,oBAAoB,OAAO,KAAK;AAAA;AAAA,EAG3C,yBAAyB,CAAC,IAAI,UAAU;AAAA,IACtC,GAAG,MAAM,0BAA0B,OAAO,KAAK;AAAA;AAAA,EAGjD,gBAAgB,CAAC,IAAI,UAAU;AAAA,IAC7B,GAAG,MAAM,iBAAiB,OAAO,KAAK;AAAA;AAAA,EAGxC,yBAAyB,CAAC,IAAI,UAAU;AAAA,IACtC,GAAG,MAAM,0BAA0B,OAAO,KAAK;AAAA;AAAA,EAGjD,oBAAoB,CAAC,IAAI,UAAU;AAAA,IACjC,GAAG,MAAM,qBAAqB,OAAO,KAAK;AAAA;AAAA,EAG5C,mBAAmB,CAAC,IAAI,UAAU;AAAA,IAChC,GAAG,MAAM,oBAAoB,OAAO,KAAK;AAAA;AAAA,EAG3C,oBAAoB,CAAC,IAAI,UAAU;AAAA,IACjC,GAAG,MAAM,qBAAqB,OAAO,KAAK;AAAA;AAE9C;",
+  "debugId": "17561367A0C20BD464756E2164756E21",
   "names": []
 }

package/dist/src/dom/applicators/types.js

@@ -0,0 +1,2 @@
+
+//# debugId=880B3EEF061926C964756E2164756E21

package/dist/src/dom/applicators/types.js.map

@@ -0,0 +1,9 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [
+  ],
+  "mappings": "",
+  "debugId": "880B3EEF061926C964756E2164756E21",
+  "names": []
+}

package/dist/src/dom/applicators/typography.js

@@ -28,82 +28,73 @@ var __export = (target, all) => {
 var __esm = (fn, res) => () => (fn && (res = fn(fn = 0)), res);
 
 // src/dom/applicators/typography.ts
-var exports_typography = {};
-__export(exports_typography, {
-  typographyHandlers: () => typographyHandlers
-});
-var typographyHandlers;
-var init_typography = __esm(() => {
-  typographyHandlers = {
-    textAlign: (el, value) => {
-      el.style.textAlign = String(value);
-    },
-    textTransform: (el, value) => {
-      el.style.textTransform = String(value);
-    },
-    textDecoration: (el, value) => {
-      el.style.textDecoration = String(value);
-    },
-    textDecorationColor: (el, value) => {
-      el.style.textDecorationColor = String(value);
-    },
-    textDecorationStyle: (el, value) => {
-      el.style.textDecorationStyle = String(value);
-    },
-    textDecorationThickness: (el, value) => {
-      el.style.textDecorationThickness = typeof value === "number" ? `${value}px` : String(value);
-    },
-    letterSpacing: (el, value) => {
-      el.style.letterSpacing = typeof value === "number" ? `${value}px` : String(value);
-    },
-    wordSpacing: (el, value) => {
-      el.style.wordSpacing = typeof value === "number" ? `${value}px` : String(value);
-    },
-    lineHeight: (el, value) => {
-      el.style.lineHeight = String(value);
-    },
-    textIndent: (el, value) => {
-      el.style.textIndent = typeof value === "number" ? `${value}px` : String(value);
-    },
-    textOverflow: (el, value) => {
-      el.style.textOverflow = String(value);
-    },
-    whiteSpace: (el, value) => {
-      el.style.whiteSpace = String(value);
-    },
-    wordBreak: (el, value) => {
-      el.style.wordBreak = String(value);
-    },
-    verticalAlign: (el, value) => {
-      el.style.verticalAlign = String(value);
-    },
-    fontVariant: (el, value) => {
-      el.style.fontVariant = String(value);
-    },
-    fontStretch: (el, value) => {
-      el.style.fontStretch = String(value);
-    },
-    fontStyle: (el, value) => {
-      el.style.fontStyle = String(value);
-    },
-    writingMode: (el, value) => {
-      el.style.writingMode = String(value);
-    },
-    maxLines: (el, value) => {
-      const lines = typeof value === "number" ? value : parseInt(String(value), 10);
-      if (!isNaN(lines) && lines > 0) {
-        el.style.display = "-webkit-box";
-        el.style.setProperty("-webkit-line-clamp", String(lines));
-        el.style.setProperty("-webkit-box-orient", "vertical");
-        el.style.overflow = "hidden";
-      }
+var typographyHandlers = {
+  textAlign: (el, value) => {
+    el.style.textAlign = String(value);
+  },
+  textTransform: (el, value) => {
+    el.style.textTransform = String(value);
+  },
+  textDecoration: (el, value) => {
+    el.style.textDecoration = String(value);
+  },
+  textDecorationColor: (el, value) => {
+    el.style.textDecorationColor = String(value);
+  },
+  textDecorationStyle: (el, value) => {
+    el.style.textDecorationStyle = String(value);
+  },
+  textDecorationThickness: (el, value) => {
+    el.style.textDecorationThickness = typeof value === "number" ? `${value}px` : String(value);
+  },
+  letterSpacing: (el, value) => {
+    el.style.letterSpacing = typeof value === "number" ? `${value}px` : String(value);
+  },
+  wordSpacing: (el, value) => {
+    el.style.wordSpacing = typeof value === "number" ? `${value}px` : String(value);
+  },
+  lineHeight: (el, value) => {
+    el.style.lineHeight = String(value);
+  },
+  textIndent: (el, value) => {
+    el.style.textIndent = typeof value === "number" ? `${value}px` : String(value);
+  },
+  textOverflow: (el, value) => {
+    el.style.textOverflow = String(value);
+  },
+  whiteSpace: (el, value) => {
+    el.style.whiteSpace = String(value);
+  },
+  wordBreak: (el, value) => {
+    el.style.wordBreak = String(value);
+  },
+  verticalAlign: (el, value) => {
+    el.style.verticalAlign = String(value);
+  },
+  fontVariant: (el, value) => {
+    el.style.fontVariant = String(value);
+  },
+  fontStretch: (el, value) => {
+    el.style.fontStretch = String(value);
+  },
+  fontStyle: (el, value) => {
+    el.style.fontStyle = String(value);
+  },
+  writingMode: (el, value) => {
+    el.style.writingMode = String(value);
+  },
+  maxLines: (el, value) => {
+    const lines = typeof value === "number" ? value : parseInt(String(value), 10);
+    if (!isNaN(lines) && lines > 0) {
+      el.style.display = "-webkit-box";
+      el.style.setProperty("-webkit-line-clamp", String(lines));
+      el.style.setProperty("-webkit-box-orient", "vertical");
+      el.style.overflow = "hidden";
     }
-  };
-});
-init_typography();
-
+  }
+};
 export {
   typographyHandlers
 };
 
-//# debugId=E16867140495B48C64756E2164756E21
+//# debugId=870309F40808C64B64756E2164756E21

package/dist/src/dom/applicators/typography.js.map

@@ -2,9 +2,9 @@
   "version": 3,
   "sources": ["../src/dom/applicators/typography.ts"],
   "sourcesContent": [
-    "/**\n * Typography Applicators\n */\n\nimport type { ApplicatorHandler } from \"./index.js\";\n\nexport const typographyHandlers: Record<string, ApplicatorHandler> = {\n  textAlign: (el, value) => {\n    el.style.textAlign = String(value);\n  },\n\n  textTransform: (el, value) => {\n    el.style.textTransform = String(value);\n  },\n\n  textDecoration: (el, value) => {\n    el.style.textDecoration = String(value);\n  },\n\n  textDecorationColor: (el, value) => {\n    el.style.textDecorationColor = String(value);\n  },\n\n  textDecorationStyle: (el, value) => {\n    el.style.textDecorationStyle = String(value);\n  },\n\n  textDecorationThickness: (el, value) => {\n    el.style.textDecorationThickness = typeof value === \"number\" ? `${value}px` : String(value);\n  },\n\n  letterSpacing: (el, value) => {\n    el.style.letterSpacing = typeof value === \"number\" ? `${value}px` : String(value);\n  },\n\n  wordSpacing: (el, value) => {\n    el.style.wordSpacing = typeof value === \"number\" ? `${value}px` : String(value);\n  },\n\n  lineHeight: (el, value) => {\n    el.style.lineHeight = String(value);\n  },\n\n  textIndent: (el, value) => {\n    el.style.textIndent = typeof value === \"number\" ? `${value}px` : String(value);\n  },\n\n  textOverflow: (el, value) => {\n    el.style.textOverflow = String(value);\n  },\n\n  whiteSpace: (el, value) => {\n    el.style.whiteSpace = String(value);\n  },\n\n  wordBreak: (el, value) => {\n    el.style.wordBreak = String(value);\n  },\n\n  verticalAlign: (el, value) => {\n    el.style.verticalAlign = String(value);\n  },\n\n  fontVariant: (el, value) => {\n    el.style.fontVariant = String(value);\n  },\n\n  fontStretch: (el, value) => {\n    el.style.fontStretch = String(value);\n  },\n\n  fontStyle: (el, value) => {\n    el.style.fontStyle = String(value);\n  },\n\n  writingMode: (el, value) => {\n    el.style.writingMode = String(value);\n  },\n\n  maxLines: (el, value) => {\n    const lines = typeof value === \"number\" ? value : parseInt(String(value), 10);\n    if (!isNaN(lines) && lines > 0) {\n      el.style.display = \"-webkit-box\";\n      el.style.setProperty(\"-webkit-line-clamp\", String(lines));\n      el.style.setProperty(\"-webkit-box-orient\", \"vertical\");\n      el.style.overflow = \"hidden\";\n    }\n  },\n};\n\n\n"
+    "/**\n * Typography Applicators\n */\n\nimport type { ApplicatorHandler } from \"./types.js\";\n\nexport const typographyHandlers: Record<string, ApplicatorHandler> = {\n  textAlign: (el, value) => {\n    el.style.textAlign = String(value);\n  },\n\n  textTransform: (el, value) => {\n    el.style.textTransform = String(value);\n  },\n\n  textDecoration: (el, value) => {\n    el.style.textDecoration = String(value);\n  },\n\n  textDecorationColor: (el, value) => {\n    el.style.textDecorationColor = String(value);\n  },\n\n  textDecorationStyle: (el, value) => {\n    el.style.textDecorationStyle = String(value);\n  },\n\n  textDecorationThickness: (el, value) => {\n    el.style.textDecorationThickness = typeof value === \"number\" ? `${value}px` : String(value);\n  },\n\n  letterSpacing: (el, value) => {\n    el.style.letterSpacing = typeof value === \"number\" ? `${value}px` : String(value);\n  },\n\n  wordSpacing: (el, value) => {\n    el.style.wordSpacing = typeof value === \"number\" ? `${value}px` : String(value);\n  },\n\n  lineHeight: (el, value) => {\n    el.style.lineHeight = String(value);\n  },\n\n  textIndent: (el, value) => {\n    el.style.textIndent = typeof value === \"number\" ? `${value}px` : String(value);\n  },\n\n  textOverflow: (el, value) => {\n    el.style.textOverflow = String(value);\n  },\n\n  whiteSpace: (el, value) => {\n    el.style.whiteSpace = String(value);\n  },\n\n  wordBreak: (el, value) => {\n    el.style.wordBreak = String(value);\n  },\n\n  verticalAlign: (el, value) => {\n    el.style.verticalAlign = String(value);\n  },\n\n  fontVariant: (el, value) => {\n    el.style.fontVariant = String(value);\n  },\n\n  fontStretch: (el, value) => {\n    el.style.fontStretch = String(value);\n  },\n\n  fontStyle: (el, value) => {\n    el.style.fontStyle = String(value);\n  },\n\n  writingMode: (el, value) => {\n    el.style.writingMode = String(value);\n  },\n\n  maxLines: (el, value) => {\n    const lines = typeof value === \"number\" ? value : parseInt(String(value), 10);\n    if (!isNaN(lines) && lines > 0) {\n      el.style.display = \"-webkit-box\";\n      el.style.setProperty(\"-webkit-line-clamp\", String(lines));\n      el.style.setProperty(\"-webkit-box-orient\", \"vertical\");\n      el.style.overflow = \"hidden\";\n    }\n  },\n};\n\n\n"
   ],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAMa;AAAA;AAAA,uBAAwD;AAAA,IACnE,WAAW,CAAC,IAAI,UAAU;AAAA,MACxB,GAAG,MAAM,YAAY,OAAO,KAAK;AAAA;AAAA,IAGnC,eAAe,CAAC,IAAI,UAAU;AAAA,MAC5B,GAAG,MAAM,gBAAgB,OAAO,KAAK;AAAA;AAAA,IAGvC,gBAAgB,CAAC,IAAI,UAAU;AAAA,MAC7B,GAAG,MAAM,iBAAiB,OAAO,KAAK;AAAA;AAAA,IAGxC,qBAAqB,CAAC,IAAI,UAAU;AAAA,MAClC,GAAG,MAAM,sBAAsB,OAAO,KAAK;AAAA;AAAA,IAG7C,qBAAqB,CAAC,IAAI,UAAU;AAAA,MAClC,GAAG,MAAM,sBAAsB,OAAO,KAAK;AAAA;AAAA,IAG7C,yBAAyB,CAAC,IAAI,UAAU;AAAA,MACtC,GAAG,MAAM,0BAA0B,OAAO,UAAU,WAAW,GAAG,YAAY,OAAO,KAAK;AAAA;AAAA,IAG5F,eAAe,CAAC,IAAI,UAAU;AAAA,MAC5B,GAAG,MAAM,gBAAgB,OAAO,UAAU,WAAW,GAAG,YAAY,OAAO,KAAK;AAAA;AAAA,IAGlF,aAAa,CAAC,IAAI,UAAU;AAAA,MAC1B,GAAG,MAAM,cAAc,OAAO,UAAU,WAAW,GAAG,YAAY,OAAO,KAAK;AAAA;AAAA,IAGhF,YAAY,CAAC,IAAI,UAAU;AAAA,MACzB,GAAG,MAAM,aAAa,OAAO,KAAK;AAAA;AAAA,IAGpC,YAAY,CAAC,IAAI,UAAU;AAAA,MACzB,GAAG,MAAM,aAAa,OAAO,UAAU,WAAW,GAAG,YAAY,OAAO,KAAK;AAAA;AAAA,IAG/E,cAAc,CAAC,IAAI,UAAU;AAAA,MAC3B,GAAG,MAAM,eAAe,OAAO,KAAK;AAAA;AAAA,IAGtC,YAAY,CAAC,IAAI,UAAU;AAAA,MACzB,GAAG,MAAM,aAAa,OAAO,KAAK;AAAA;AAAA,IAGpC,WAAW,CAAC,IAAI,UAAU;AAAA,MACxB,GAAG,MAAM,YAAY,OAAO,KAAK;AAAA;AAAA,IAGnC,eAAe,CAAC,IAAI,UAAU;AAAA,MAC5B,GAAG,MAAM,gBAAgB,OAAO,KAAK;AAAA;AAAA,IAGvC,aAAa,CAAC,IAAI,UAAU;AAAA,MAC1B,GAAG,MAAM,cAAc,OAAO,KAAK;AAAA;AAAA,IAGrC,aAAa,CAAC,IAAI,UAAU;AAAA,MAC1B,GAAG,MAAM,cAAc,OAAO,KAAK;AAAA;AAAA,IAGrC,WAAW,CAAC,IAAI,UAAU;AAAA,MACxB,GAAG,MAAM,YAAY,OAAO,KAAK;AAAA;AAAA,IAGnC,aAAa,CAAC,IAAI,UAAU;AAAA,MAC1B,GAAG,MAAM,cAAc,OAAO,KAAK;AAAA;AAAA,IAGrC,UAAU,CAAC,IAAI,UAAU;AAAA,MACvB,MAAM,QAAQ,OAAO,UAAU,WAAW,QAAQ,SAAS,OAAO,KAAK,GAAG,EAAE;AAAA,MAC5E,IAAI,CAAC,MAAM,KAAK,KAAK,QAAQ,GAAG;AAAA,QAC9B,GAAG,MAAM,UAAU;AAAA,QACnB,GAAG,MAAM,YAAY,sBAAsB,OAAO,KAAK,CAAC;AAAA,QACxD,GAAG,MAAM,YAAY,sBAAsB,UAAU;AAAA,QACrD,GAAG,MAAM,WAAW;AAAA,MACtB;AAAA;AAAA,EAEJ;AAAA;",
-  "debugId": "E16867140495B48C64756E2164756E21",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMO,IAAM,qBAAwD;AAAA,EACnE,WAAW,CAAC,IAAI,UAAU;AAAA,IACxB,GAAG,MAAM,YAAY,OAAO,KAAK;AAAA;AAAA,EAGnC,eAAe,CAAC,IAAI,UAAU;AAAA,IAC5B,GAAG,MAAM,gBAAgB,OAAO,KAAK;AAAA;AAAA,EAGvC,gBAAgB,CAAC,IAAI,UAAU;AAAA,IAC7B,GAAG,MAAM,iBAAiB,OAAO,KAAK;AAAA;AAAA,EAGxC,qBAAqB,CAAC,IAAI,UAAU;AAAA,IAClC,GAAG,MAAM,sBAAsB,OAAO,KAAK;AAAA;AAAA,EAG7C,qBAAqB,CAAC,IAAI,UAAU;AAAA,IAClC,GAAG,MAAM,sBAAsB,OAAO,KAAK;AAAA;AAAA,EAG7C,yBAAyB,CAAC,IAAI,UAAU;AAAA,IACtC,GAAG,MAAM,0BAA0B,OAAO,UAAU,WAAW,GAAG,YAAY,OAAO,KAAK;AAAA;AAAA,EAG5F,eAAe,CAAC,IAAI,UAAU;AAAA,IAC5B,GAAG,MAAM,gBAAgB,OAAO,UAAU,WAAW,GAAG,YAAY,OAAO,KAAK;AAAA;AAAA,EAGlF,aAAa,CAAC,IAAI,UAAU;AAAA,IAC1B,GAAG,MAAM,cAAc,OAAO,UAAU,WAAW,GAAG,YAAY,OAAO,KAAK;AAAA;AAAA,EAGhF,YAAY,CAAC,IAAI,UAAU;AAAA,IACzB,GAAG,MAAM,aAAa,OAAO,KAAK;AAAA;AAAA,EAGpC,YAAY,CAAC,IAAI,UAAU;AAAA,IACzB,GAAG,MAAM,aAAa,OAAO,UAAU,WAAW,GAAG,YAAY,OAAO,KAAK;AAAA;AAAA,EAG/E,cAAc,CAAC,IAAI,UAAU;AAAA,IAC3B,GAAG,MAAM,eAAe,OAAO,KAAK;AAAA;AAAA,EAGtC,YAAY,CAAC,IAAI,UAAU;AAAA,IACzB,GAAG,MAAM,aAAa,OAAO,KAAK;AAAA;AAAA,EAGpC,WAAW,CAAC,IAAI,UAAU;AAAA,IACxB,GAAG,MAAM,YAAY,OAAO,KAAK;AAAA;AAAA,EAGnC,eAAe,CAAC,IAAI,UAAU;AAAA,IAC5B,GAAG,MAAM,gBAAgB,OAAO,KAAK;AAAA;AAAA,EAGvC,aAAa,CAAC,IAAI,UAAU;AAAA,IAC1B,GAAG,MAAM,cAAc,OAAO,KAAK;AAAA;AAAA,EAGrC,aAAa,CAAC,IAAI,UAAU;AAAA,IAC1B,GAAG,MAAM,cAAc,OAAO,KAAK;AAAA;AAAA,EAGrC,WAAW,CAAC,IAAI,UAAU;AAAA,IACxB,GAAG,MAAM,YAAY,OAAO,KAAK;AAAA;AAAA,EAGnC,aAAa,CAAC,IAAI,UAAU;AAAA,IAC1B,GAAG,MAAM,cAAc,OAAO,KAAK;AAAA;AAAA,EAGrC,UAAU,CAAC,IAAI,UAAU;AAAA,IACvB,MAAM,QAAQ,OAAO,UAAU,WAAW,QAAQ,SAAS,OAAO,KAAK,GAAG,EAAE;AAAA,IAC5E,IAAI,CAAC,MAAM,KAAK,KAAK,QAAQ,GAAG;AAAA,MAC9B,GAAG,MAAM,UAAU;AAAA,MACnB,GAAG,MAAM,YAAY,sBAAsB,OAAO,KAAK,CAAC;AAAA,MACxD,GAAG,MAAM,YAAY,sBAAsB,UAAU;AAAA,MACrD,GAAG,MAAM,WAAW;AAAA,IACtB;AAAA;AAEJ;",
+  "debugId": "870309F40808C64B64756E2164756E21",
   "names": []
 }

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

@@ -52,9 +52,10 @@ var init_avatar = __esm(() => {
       return el;
     },
     applyProps(el, props) {
-      if (props.src !== undefined) {
+      const src = props["src.0"] || props["0"] || props.src || props.source;
+      if (src !== undefined) {
         const img = document.createElement("img");
-        img.src = String(props.src);
+        img.src = String(src);
         img.style.width = "100%";
         img.style.height = "100%";
         img.style.objectFit = "cover";
@@ -77,4 +78,4 @@ export {
   avatarHandler
 };
 
-//# debugId=9070AD72B5A383EE64756E2164756E21
+//# debugId=3766EFC713FB5BBD64756E2164756E21

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

@@ -2,9 +2,9 @@
   "version": 3,
   "sources": ["../src/dom/components/avatar.ts"],
   "sourcesContent": [
-    "/**\n * Avatar Component\n */\n\nimport type { ComponentHandler } from \"./index.js\";\n\nexport const avatarHandler: ComponentHandler = {\n  create(): HTMLElement {\n    const el = document.createElement(\"div\");\n    el.dataset.hypenType = \"avatar\";\n    el.style.display = \"inline-flex\";\n    el.style.alignItems = \"center\";\n    el.style.justifyContent = \"center\";\n    el.style.width = \"40px\";\n    el.style.height = \"40px\";\n    el.style.borderRadius = \"50%\";\n    el.style.backgroundColor = \"#9e9e9e\";\n    el.style.color = \"#fff\";\n    el.style.fontSize = \"16px\";\n    el.style.fontWeight = \"600\";\n    el.style.overflow = \"hidden\";\n    return el;\n  },\n\n  applyProps(el: HTMLElement, props: Record<string, any>): void {\n    // Image source\n    if (props.src !== undefined) {\n      const img = document.createElement(\"img\");\n      img.src = String(props.src);\n      img.style.width = \"100%\";\n      img.style.height = \"100%\";\n      img.style.objectFit = \"cover\";\n      el.innerHTML = \"\";\n      el.appendChild(img);\n    } else if (props.initials !== undefined) {\n      // Show initials\n      el.textContent = String(props.initials).toUpperCase();\n    }\n\n    // Size\n    if (props.size !== undefined) {\n      const size = typeof props.size === \"number\" ? `${props.size}px` : String(props.size);\n      el.style.width = size;\n      el.style.height = size;\n    }\n  },\n};\n\n\n"
+    "/**\n * Avatar Component\n */\n\nimport type { ComponentHandler } from \"./index.js\";\n\nexport const avatarHandler: ComponentHandler = {\n  create(): HTMLElement {\n    const el = document.createElement(\"div\");\n    el.dataset.hypenType = \"avatar\";\n    el.style.display = \"inline-flex\";\n    el.style.alignItems = \"center\";\n    el.style.justifyContent = \"center\";\n    el.style.width = \"40px\";\n    el.style.height = \"40px\";\n    el.style.borderRadius = \"50%\";\n    el.style.backgroundColor = \"#9e9e9e\";\n    el.style.color = \"#fff\";\n    el.style.fontSize = \"16px\";\n    el.style.fontWeight = \"600\";\n    el.style.overflow = \"hidden\";\n    return el;\n  },\n\n  applyProps(el: HTMLElement, props: Record<string, any>): void {\n    // Image source - support named arg with .0 suffix, positional arg, or plain name\n    const src = props[\"src.0\"] || props[\"0\"] || props.src || props.source;\n    if (src !== undefined) {\n      const img = document.createElement(\"img\");\n      img.src = String(src);\n      img.style.width = \"100%\";\n      img.style.height = \"100%\";\n      img.style.objectFit = \"cover\";\n      el.innerHTML = \"\";\n      el.appendChild(img);\n    } else if (props.initials !== undefined) {\n      // Show initials\n      el.textContent = String(props.initials).toUpperCase();\n    }\n\n    // Size\n    if (props.size !== undefined) {\n      const size = typeof props.size === \"number\" ? `${props.size}px` : String(props.size);\n      el.style.width = size;\n      el.style.height = size;\n    }\n  },\n};\n\n\n"
   ],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAMa;AAAA;AAAA,kBAAkC;AAAA,IAC7C,MAAM,GAAgB;AAAA,MACpB,MAAM,KAAK,SAAS,cAAc,KAAK;AAAA,MACvC,GAAG,QAAQ,YAAY;AAAA,MACvB,GAAG,MAAM,UAAU;AAAA,MACnB,GAAG,MAAM,aAAa;AAAA,MACtB,GAAG,MAAM,iBAAiB;AAAA,MAC1B,GAAG,MAAM,QAAQ;AAAA,MACjB,GAAG,MAAM,SAAS;AAAA,MAClB,GAAG,MAAM,eAAe;AAAA,MACxB,GAAG,MAAM,kBAAkB;AAAA,MAC3B,GAAG,MAAM,QAAQ;AAAA,MACjB,GAAG,MAAM,WAAW;AAAA,MACpB,GAAG,MAAM,aAAa;AAAA,MACtB,GAAG,MAAM,WAAW;AAAA,MACpB,OAAO;AAAA;AAAA,IAGT,UAAU,CAAC,IAAiB,OAAkC;AAAA,MAE5D,IAAI,MAAM,QAAQ,WAAW;AAAA,QAC3B,MAAM,MAAM,SAAS,cAAc,KAAK;AAAA,QACxC,IAAI,MAAM,OAAO,MAAM,GAAG;AAAA,QAC1B,IAAI,MAAM,QAAQ;AAAA,QAClB,IAAI,MAAM,SAAS;AAAA,QACnB,IAAI,MAAM,YAAY;AAAA,QACtB,GAAG,YAAY;AAAA,QACf,GAAG,YAAY,GAAG;AAAA,MACpB,EAAO,SAAI,MAAM,aAAa,WAAW;AAAA,QAEvC,GAAG,cAAc,OAAO,MAAM,QAAQ,EAAE,YAAY;AAAA,MACtD;AAAA,MAGA,IAAI,MAAM,SAAS,WAAW;AAAA,QAC5B,MAAM,OAAO,OAAO,MAAM,SAAS,WAAW,GAAG,MAAM,WAAW,OAAO,MAAM,IAAI;AAAA,QACnF,GAAG,MAAM,QAAQ;AAAA,QACjB,GAAG,MAAM,SAAS;AAAA,MACpB;AAAA;AAAA,EAEJ;AAAA;",
-  "debugId": "9070AD72B5A383EE64756E2164756E21",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAMa;AAAA;AAAA,kBAAkC;AAAA,IAC7C,MAAM,GAAgB;AAAA,MACpB,MAAM,KAAK,SAAS,cAAc,KAAK;AAAA,MACvC,GAAG,QAAQ,YAAY;AAAA,MACvB,GAAG,MAAM,UAAU;AAAA,MACnB,GAAG,MAAM,aAAa;AAAA,MACtB,GAAG,MAAM,iBAAiB;AAAA,MAC1B,GAAG,MAAM,QAAQ;AAAA,MACjB,GAAG,MAAM,SAAS;AAAA,MAClB,GAAG,MAAM,eAAe;AAAA,MACxB,GAAG,MAAM,kBAAkB;AAAA,MAC3B,GAAG,MAAM,QAAQ;AAAA,MACjB,GAAG,MAAM,WAAW;AAAA,MACpB,GAAG,MAAM,aAAa;AAAA,MACtB,GAAG,MAAM,WAAW;AAAA,MACpB,OAAO;AAAA;AAAA,IAGT,UAAU,CAAC,IAAiB,OAAkC;AAAA,MAE5D,MAAM,MAAM,MAAM,YAAY,MAAM,QAAQ,MAAM,OAAO,MAAM;AAAA,MAC/D,IAAI,QAAQ,WAAW;AAAA,QACrB,MAAM,MAAM,SAAS,cAAc,KAAK;AAAA,QACxC,IAAI,MAAM,OAAO,GAAG;AAAA,QACpB,IAAI,MAAM,QAAQ;AAAA,QAClB,IAAI,MAAM,SAAS;AAAA,QACnB,IAAI,MAAM,YAAY;AAAA,QACtB,GAAG,YAAY;AAAA,QACf,GAAG,YAAY,GAAG;AAAA,MACpB,EAAO,SAAI,MAAM,aAAa,WAAW;AAAA,QAEvC,GAAG,cAAc,OAAO,MAAM,QAAQ,EAAE,YAAY;AAAA,MACtD;AAAA,MAGA,IAAI,MAAM,SAAS,WAAW;AAAA,QAC5B,MAAM,OAAO,OAAO,MAAM,SAAS,WAAW,GAAG,MAAM,WAAW,OAAO,MAAM,IAAI;AAAA,QACnF,GAAG,MAAM,QAAQ;AAAA,QACjB,GAAG,MAAM,SAAS;AAAA,MACpB;AAAA;AAAA,EAEJ;AAAA;",
+  "debugId": "3766EFC713FB5BBD64756E2164756E21",
   "names": []
 }

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

@@ -37,6 +37,16 @@ var init_button = __esm(() => {
   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;
     }
@@ -48,4 +58,4 @@ export {
   buttonHandler
 };
 
-//# debugId=C97F585A40A1711164756E2164756E21
+//# debugId=315C3A47E9E96BE664756E2164756E21

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

@@ -2,9 +2,9 @@
   "version": 3,
   "sources": ["../src/dom/components/button.ts"],
   "sourcesContent": [
-    "/**\n * Button Component\n */\n\nimport type { ComponentHandler } from \"./index.js\";\n\nexport const buttonHandler: ComponentHandler = {\n  create(): HTMLElement {\n    const el = document.createElement(\"button\");\n    el.dataset.hypenType = \"button\";\n    return el;\n  },\n};\n"
+    "/**\n * Button Component\n *\n * Renders as a flex container (like Column) to match iOS/Android behavior.\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 like Column (vertical layout by default)\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": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;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,EAEX;AAAA;",
-  "debugId": "C97F585A40A1711164756E2164756E21",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IASa;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,MAElB,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": "315C3A47E9E96BE664756E2164756E21",
   "names": []
 }

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

@@ -51,25 +51,10 @@ var exports_row = {};
 __export(exports_row, {
   rowHandler: () => rowHandler
 });
-function ensureRowStyles() {
-  if (rowStylesInjected)
-    return;
-  rowStylesInjected = true;
-  const style = document.createElement("style");
-  style.id = "hypen-row-styles";
-  style.textContent = `
-    [data-hypen-type="row"] > * {
-      flex: 1 1 0%;
-      min-width: 0;
-    }
-  `;
-  document.head.appendChild(style);
-}
-var rowStylesInjected = false, rowHandler;
+var rowHandler;
 var init_row = __esm(() => {
   rowHandler = {
     create() {
-      ensureRowStyles();
       const el = document.createElement("div");
       el.style.display = "flex";
       el.style.flexDirection = "row";
@@ -140,6 +125,16 @@ var init_button = __esm(() => {
   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;
     }
@@ -791,9 +786,10 @@ var init_avatar = __esm(() => {
       return el;
     },
     applyProps(el, props) {
-      if (props.src !== undefined) {
+      const src = props["src.0"] || props["0"] || props.src || props.source;
+      if (src !== undefined) {
         const img = document.createElement("img");
-        img.src = String(props.src);
+        img.src = String(src);
         img.style.width = "100%";
         img.style.height = "100%";
         img.style.objectFit = "cover";
@@ -1353,4 +1349,4 @@ export {
   ComponentRegistry
 };
 
-//# debugId=2703B71A177D99FD64756E2164756E21
+//# debugId=6F6BE7749C39DB8964756E2164756E21