@hypen-space/web 0.2.0

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

@@ -0,0 +1,92 @@
+import {
+  __esm,
+  __export
+} from "../../../chunk-2s02mkzs.js";
+
+// src/dom/applicators/transform.ts
+var exports_transform = {};
+__export(exports_transform, {
+  transformHandlers: () => transformHandlers
+});
+var transformHandlers;
+var init_transform = __esm(() => {
+  transformHandlers = {
+    transform: (el, value) => {
+      el.style.transform = String(value);
+    },
+    transformOrigin: (el, value) => {
+      el.style.transformOrigin = String(value);
+    },
+    translateX: (el, value) => {
+      const current = el.style.transform || "";
+      const val = typeof value === "number" ? `${value}px` : String(value);
+      el.style.transform = current ? `${current} translateX(${val})` : `translateX(${val})`;
+    },
+    translateY: (el, value) => {
+      const current = el.style.transform || "";
+      const val = typeof value === "number" ? `${value}px` : String(value);
+      el.style.transform = current ? `${current} translateY(${val})` : `translateY(${val})`;
+    },
+    translateZ: (el, value) => {
+      const current = el.style.transform || "";
+      const val = typeof value === "number" ? `${value}px` : String(value);
+      el.style.transform = current ? `${current} translateZ(${val})` : `translateZ(${val})`;
+    },
+    rotate: (el, value) => {
+      const current = el.style.transform || "";
+      const val = String(value);
+      el.style.transform = current ? `${current} rotate(${val})` : `rotate(${val})`;
+    },
+    rotateX: (el, value) => {
+      const current = el.style.transform || "";
+      const val = String(value);
+      el.style.transform = current ? `${current} rotateX(${val})` : `rotateX(${val})`;
+    },
+    rotateY: (el, value) => {
+      const current = el.style.transform || "";
+      const val = String(value);
+      el.style.transform = current ? `${current} rotateY(${val})` : `rotateY(${val})`;
+    },
+    rotateZ: (el, value) => {
+      const current = el.style.transform || "";
+      const val = String(value);
+      el.style.transform = current ? `${current} rotateZ(${val})` : `rotateZ(${val})`;
+    },
+    scale: (el, value) => {
+      const current = el.style.transform || "";
+      el.style.transform = current ? `${current} scale(${value})` : `scale(${value})`;
+    },
+    scaleX: (el, value) => {
+      const current = el.style.transform || "";
+      el.style.transform = current ? `${current} scaleX(${value})` : `scaleX(${value})`;
+    },
+    scaleY: (el, value) => {
+      const current = el.style.transform || "";
+      el.style.transform = current ? `${current} scaleY(${value})` : `scaleY(${value})`;
+    },
+    skew: (el, value) => {
+      const current = el.style.transform || "";
+      el.style.transform = current ? `${current} skew(${value})` : `skew(${value})`;
+    },
+    skewX: (el, value) => {
+      const current = el.style.transform || "";
+      el.style.transform = current ? `${current} skewX(${value})` : `skewX(${value})`;
+    },
+    skewY: (el, value) => {
+      const current = el.style.transform || "";
+      el.style.transform = current ? `${current} skewY(${value})` : `skewY(${value})`;
+    },
+    perspective: (el, value) => {
+      el.style.perspective = typeof value === "number" ? `${value}px` : String(value);
+    }
+  };
+});
+init_transform();
+
+export {
+  transformHandlers
+};
+
+export { exports_transform, init_transform };
+
+//# debugId=1C6014F4ECFF545F64756E2164756E21

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

@@ -0,0 +1,10 @@
+{
+  "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"
+  ],
+  "mappings": "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",
+  "debugId": "1C6014F4ECFF545F64756E2164756E21",
+  "names": []
+}

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

@@ -0,0 +1,66 @@
+import {
+  __esm,
+  __export
+} from "../../../chunk-2s02mkzs.js";
+
+// 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();
+
+export {
+  transitionHandlers
+};
+
+export { exports_transition, init_transition };
+
+//# debugId=E624A5ECE84FD4B164756E2164756E21

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

@@ -0,0 +1,10 @@
+{
+  "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"
+  ],
+  "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": "E624A5ECE84FD4B164756E2164756E21",
+  "names": []
+}

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

@@ -0,0 +1,87 @@
+import {
+  __esm,
+  __export
+} from "../../../chunk-2s02mkzs.js";
+
+// 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";
+      }
+    }
+  };
+});
+init_typography();
+
+export {
+  typographyHandlers
+};
+
+export { exports_typography, init_typography };
+
+//# debugId=CCD4B77D0AF578CE64756E2164756E21

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

@@ -0,0 +1,10 @@
+{
+  "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"
+  ],
+  "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": "CCD4B77D0AF578CE64756E2164756E21",
+  "names": []
+}

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

@@ -0,0 +1,50 @@
+import"../../../chunk-2s02mkzs.js";
+
+// src/dom/canvas/index.ts
+var canvasHandler = {
+  create() {
+    const el = document.createElement("canvas");
+    el.dataset.hypenType = "canvas";
+    return el;
+  },
+  applyProps(el, props) {
+    const canvas = el;
+    if (props.width !== undefined) {
+      canvas.width = Number(props.width);
+    }
+    if (props.height !== undefined) {
+      canvas.height = Number(props.height);
+    }
+  }
+};
+var canvasApplicators = {
+  fillStyle: (el, value) => {
+    const canvas = el;
+    const ctx = canvas.getContext("2d");
+    if (ctx) {
+      ctx.fillStyle = String(value);
+    }
+  },
+  strokeStyle: (el, value) => {
+    const canvas = el;
+    const ctx = canvas.getContext("2d");
+    if (ctx) {
+      ctx.strokeStyle = String(value);
+    }
+  },
+  lineWidth: (el, value) => {
+    const canvas = el;
+    const ctx = canvas.getContext("2d");
+    if (ctx) {
+      ctx.lineWidth = Number(value);
+    }
+  }
+};
+export {
+  canvasHandler,
+  canvasApplicators
+};
+
+export { canvasHandler, canvasApplicators };
+
+//# debugId=E47B978768E3822264756E2164756E21

package/dist/src/dom/canvas/index.js.map

@@ -0,0 +1,10 @@
+{
+  "version": 3,
+  "sources": ["../src/dom/canvas/index.ts"],
+  "sourcesContent": [
+    "/**\n * Canvas Component with Applicators\n *\n * Special handling for canvas rendering\n */\n\nimport type { ComponentHandler } from \"../components/index.js\";\nimport type { ApplicatorHandler } from \"../applicators/index.js\";\n\nexport const canvasHandler: ComponentHandler = {\n  create(): HTMLElement {\n    const el = document.createElement(\"canvas\");\n    el.dataset.hypenType = \"canvas\";\n    return el as any as HTMLElement;\n  },\n\n  applyProps(el: HTMLElement, props: Record<string, any>): void {\n    const canvas = el as HTMLCanvasElement;\n\n    if (props.width !== undefined) {\n      canvas.width = Number(props.width);\n    }\n\n    if (props.height !== undefined) {\n      canvas.height = Number(props.height);\n    }\n  },\n};\n\n/**\n * Canvas applicators - special drawing commands\n */\nexport const canvasApplicators: Record<string, ApplicatorHandler> = {\n  // Fill style\n  fillStyle: (el, value) => {\n    const canvas = el as HTMLCanvasElement;\n    const ctx = canvas.getContext(\"2d\");\n    if (ctx) {\n      ctx.fillStyle = String(value);\n    }\n  },\n\n  // Stroke style\n  strokeStyle: (el, value) => {\n    const canvas = el as HTMLCanvasElement;\n    const ctx = canvas.getContext(\"2d\");\n    if (ctx) {\n      ctx.strokeStyle = String(value);\n    }\n  },\n\n  // Line width\n  lineWidth: (el, value) => {\n    const canvas = el as HTMLCanvasElement;\n    const ctx = canvas.getContext(\"2d\");\n    if (ctx) {\n      ctx.lineWidth = Number(value);\n    }\n  },\n};\n"
+  ],
+  "mappings": ";;;AASO,IAAM,gBAAkC;AAAA,EAC7C,MAAM,GAAgB;AAAA,IACpB,MAAM,KAAK,SAAS,cAAc,QAAQ;AAAA,IAC1C,GAAG,QAAQ,YAAY;AAAA,IACvB,OAAO;AAAA;AAAA,EAGT,UAAU,CAAC,IAAiB,OAAkC;AAAA,IAC5D,MAAM,SAAS;AAAA,IAEf,IAAI,MAAM,UAAU,WAAW;AAAA,MAC7B,OAAO,QAAQ,OAAO,MAAM,KAAK;AAAA,IACnC;AAAA,IAEA,IAAI,MAAM,WAAW,WAAW;AAAA,MAC9B,OAAO,SAAS,OAAO,MAAM,MAAM;AAAA,IACrC;AAAA;AAEJ;AAKO,IAAM,oBAAuD;AAAA,EAElE,WAAW,CAAC,IAAI,UAAU;AAAA,IACxB,MAAM,SAAS;AAAA,IACf,MAAM,MAAM,OAAO,WAAW,IAAI;AAAA,IAClC,IAAI,KAAK;AAAA,MACP,IAAI,YAAY,OAAO,KAAK;AAAA,IAC9B;AAAA;AAAA,EAIF,aAAa,CAAC,IAAI,UAAU;AAAA,IAC1B,MAAM,SAAS;AAAA,IACf,MAAM,MAAM,OAAO,WAAW,IAAI;AAAA,IAClC,IAAI,KAAK;AAAA,MACP,IAAI,cAAc,OAAO,KAAK;AAAA,IAChC;AAAA;AAAA,EAIF,WAAW,CAAC,IAAI,UAAU;AAAA,IACxB,MAAM,SAAS;AAAA,IACf,MAAM,MAAM,OAAO,WAAW,IAAI;AAAA,IAClC,IAAI,KAAK;AAAA,MACP,IAAI,YAAY,OAAO,KAAK;AAAA,IAC9B;AAAA;AAEJ;",
+  "debugId": "E47B978768E3822264756E2164756E21",
+  "names": []
+}

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

@@ -0,0 +1,48 @@
+import {
+  __esm,
+  __export
+} from "../../../chunk-2s02mkzs.js";
+
+// src/dom/components/audio.ts
+var exports_audio = {};
+__export(exports_audio, {
+  audioHandler: () => audioHandler
+});
+var audioHandler;
+var init_audio = __esm(() => {
+  audioHandler = {
+    create() {
+      const el = document.createElement("audio");
+      el.dataset.hypenType = "audio";
+      return el;
+    },
+    applyProps(el, props) {
+      const audio = el;
+      const src = props["0"] || props.src;
+      if (src !== undefined) {
+        audio.src = String(src);
+      }
+      if (props.controls !== undefined) {
+        audio.controls = Boolean(props.controls);
+      }
+      if (props.autoplay !== undefined) {
+        audio.autoplay = Boolean(props.autoplay);
+      }
+      if (props.loop !== undefined) {
+        audio.loop = Boolean(props.loop);
+      }
+      if (props.muted !== undefined) {
+        audio.muted = Boolean(props.muted);
+      }
+    }
+  };
+});
+init_audio();
+
+export {
+  audioHandler
+};
+
+export { exports_audio, init_audio };
+
+//# debugId=CA87707D1036F2B864756E2164756E21

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

@@ -0,0 +1,10 @@
+{
+  "version": 3,
+  "sources": ["../src/dom/components/audio.ts"],
+  "sourcesContent": [
+    "/**\n * Audio Component\n */\n\nimport type { ComponentHandler } from \"./index.js\";\n\nexport const audioHandler: ComponentHandler = {\n  create(): HTMLElement {\n    const el = document.createElement(\"audio\");\n    el.dataset.hypenType = \"audio\";\n    return el as any as HTMLElement;\n  },\n\n  applyProps(el: HTMLElement, props: Record<string, any>): void {\n    const audio = el as HTMLAudioElement;\n\n    // Source\n    const src = props[\"0\"] || props.src;\n    if (src !== undefined) {\n      audio.src = String(src);\n    }\n\n    // Controls\n    if (props.controls !== undefined) {\n      audio.controls = Boolean(props.controls);\n    }\n\n    // Autoplay\n    if (props.autoplay !== undefined) {\n      audio.autoplay = Boolean(props.autoplay);\n    }\n\n    // Loop\n    if (props.loop !== undefined) {\n      audio.loop = Boolean(props.loop);\n    }\n\n    // Muted\n    if (props.muted !== undefined) {\n      audio.muted = Boolean(props.muted);\n    }\n  },\n};\n\n\n"
+  ],
+  "mappings": ";;;;;;;;;;IAMa;AAAA;AAAA,iBAAiC;AAAA,IAC5C,MAAM,GAAgB;AAAA,MACpB,MAAM,KAAK,SAAS,cAAc,OAAO;AAAA,MACzC,GAAG,QAAQ,YAAY;AAAA,MACvB,OAAO;AAAA;AAAA,IAGT,UAAU,CAAC,IAAiB,OAAkC;AAAA,MAC5D,MAAM,QAAQ;AAAA,MAGd,MAAM,MAAM,MAAM,QAAQ,MAAM;AAAA,MAChC,IAAI,QAAQ,WAAW;AAAA,QACrB,MAAM,MAAM,OAAO,GAAG;AAAA,MACxB;AAAA,MAGA,IAAI,MAAM,aAAa,WAAW;AAAA,QAChC,MAAM,WAAW,QAAQ,MAAM,QAAQ;AAAA,MACzC;AAAA,MAGA,IAAI,MAAM,aAAa,WAAW;AAAA,QAChC,MAAM,WAAW,QAAQ,MAAM,QAAQ;AAAA,MACzC;AAAA,MAGA,IAAI,MAAM,SAAS,WAAW;AAAA,QAC5B,MAAM,OAAO,QAAQ,MAAM,IAAI;AAAA,MACjC;AAAA,MAGA,IAAI,MAAM,UAAU,WAAW;AAAA,QAC7B,MAAM,QAAQ,QAAQ,MAAM,KAAK;AAAA,MACnC;AAAA;AAAA,EAEJ;AAAA;",
+  "debugId": "CA87707D1036F2B864756E2164756E21",
+  "names": []
+}

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

@@ -0,0 +1,58 @@
+import {
+  __esm,
+  __export
+} from "../../../chunk-2s02mkzs.js";
+
+// src/dom/components/avatar.ts
+var exports_avatar = {};
+__export(exports_avatar, {
+  avatarHandler: () => avatarHandler
+});
+var avatarHandler;
+var init_avatar = __esm(() => {
+  avatarHandler = {
+    create() {
+      const el = document.createElement("div");
+      el.dataset.hypenType = "avatar";
+      el.style.display = "inline-flex";
+      el.style.alignItems = "center";
+      el.style.justifyContent = "center";
+      el.style.width = "40px";
+      el.style.height = "40px";
+      el.style.borderRadius = "50%";
+      el.style.backgroundColor = "#9e9e9e";
+      el.style.color = "#fff";
+      el.style.fontSize = "16px";
+      el.style.fontWeight = "600";
+      el.style.overflow = "hidden";
+      return el;
+    },
+    applyProps(el, props) {
+      if (props.src !== undefined) {
+        const img = document.createElement("img");
+        img.src = String(props.src);
+        img.style.width = "100%";
+        img.style.height = "100%";
+        img.style.objectFit = "cover";
+        el.innerHTML = "";
+        el.appendChild(img);
+      } else if (props.initials !== undefined) {
+        el.textContent = String(props.initials).toUpperCase();
+      }
+      if (props.size !== undefined) {
+        const size = typeof props.size === "number" ? `${props.size}px` : String(props.size);
+        el.style.width = size;
+        el.style.height = size;
+      }
+    }
+  };
+});
+init_avatar();
+
+export {
+  avatarHandler
+};
+
+export { exports_avatar, init_avatar };
+
+//# debugId=21661C195E73E18A64756E2164756E21

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

@@ -0,0 +1,10 @@
+{
+  "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"
+  ],
+  "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": "21661C195E73E18A64756E2164756E21",
+  "names": []
+}

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

@@ -0,0 +1,55 @@
+import {
+  __esm,
+  __export
+} from "../../../chunk-2s02mkzs.js";
+
+// src/dom/components/badge.ts
+var exports_badge = {};
+__export(exports_badge, {
+  badgeHandler: () => badgeHandler
+});
+var badgeHandler;
+var init_badge = __esm(() => {
+  badgeHandler = {
+    create() {
+      const el = document.createElement("span");
+      el.dataset.hypenType = "badge";
+      el.style.display = "inline-block";
+      el.style.padding = "4px 8px";
+      el.style.borderRadius = "4px";
+      el.style.fontSize = "12px";
+      el.style.fontWeight = "600";
+      el.style.backgroundColor = "#e0e0e0";
+      el.style.color = "#333";
+      return el;
+    },
+    applyProps(el, props) {
+      if (props.theme !== undefined) {
+        const theme = String(props.theme);
+        const themeColors = {
+          success: { bg: "#4CAF50", color: "#fff" },
+          error: { bg: "#f44336", color: "#fff" },
+          warning: { bg: "#ff9800", color: "#fff" },
+          info: { bg: "#2196F3", color: "#fff" },
+          default: { bg: "#e0e0e0", color: "#333" }
+        };
+        const colors = themeColors[theme] || themeColors.default;
+        el.style.backgroundColor = colors.bg;
+        el.style.color = colors.color;
+      }
+      const text = props["0"] || props.text;
+      if (text !== undefined) {
+        el.textContent = String(text);
+      }
+    }
+  };
+});
+init_badge();
+
+export {
+  badgeHandler
+};
+
+export { exports_badge, init_badge };
+
+//# debugId=CBDA3869361AB69864756E2164756E21

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

@@ -0,0 +1,10 @@
+{
+  "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": "CBDA3869361AB69864756E2164756E21",
+  "names": []
+}

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

@@ -0,0 +1,29 @@
+import {
+  __esm,
+  __export
+} from "../../../chunk-2s02mkzs.js";
+
+// src/dom/components/button.ts
+var exports_button = {};
+__export(exports_button, {
+  buttonHandler: () => buttonHandler
+});
+var buttonHandler;
+var init_button = __esm(() => {
+  buttonHandler = {
+    create() {
+      const el = document.createElement("button");
+      el.dataset.hypenType = "button";
+      return el;
+    }
+  };
+});
+init_button();
+
+export {
+  buttonHandler
+};
+
+export { exports_button, init_button };
+
+//# debugId=03C791EC737DE08D64756E2164756E21

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

@@ -0,0 +1,10 @@
+{
+  "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"
+  ],
+  "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": "03C791EC737DE08D64756E2164756E21",
+  "names": []
+}

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

@@ -0,0 +1,33 @@
+import {
+  __esm,
+  __export
+} from "../../../chunk-2s02mkzs.js";
+
+// src/dom/components/card.ts
+var exports_card = {};
+__export(exports_card, {
+  cardHandler: () => cardHandler
+});
+var cardHandler;
+var init_card = __esm(() => {
+  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
+};
+
+export { exports_card, init_card };
+
+//# debugId=8394E9989A5D439964756E2164756E21

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

@@ -0,0 +1,10 @@
+{
+  "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": "8394E9989A5D439964756E2164756E21",
+  "names": []
+}