@mark-sorcery/vue 0.3.0 → 0.4.1

package/dist/{TableBody-DWmHYRny.js → TableBody-CSGKit_J.js}

@@ -1,4 +1,5 @@
-import { n as useMarkdown, t as _sfc_main$1 } from "./NodeList-DliNdSdR.js";
+import { n as useMarkdown, t as _sfc_main$1 } from "./NodeList-B6FFRkNh.js";
+import { t as elementPropertiesToProps } from "./elementPropertiesToProps-C6wCdFop.js";
 import { createElementBlock, createVNode, defineComponent, mergeProps, openBlock, unref } from "vue";
 
 //#region src/components/elements/TableBody.vue
@@ -15,7 +16,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 	setup(__props) {
 		const { components, transition } = useMarkdown();
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("tbody", mergeProps({ "data-mark-sorcery": "table-body" }, __props.element.properties), [createVNode(_sfc_main$1, {
+			return openBlock(), createElementBlock("tbody", mergeProps({ "data-mark-sorcery": "table-body" }, unref(elementPropertiesToProps)(__props.element.properties)), [createVNode(_sfc_main$1, {
 				nodes: __props.element.children,
 				nodeIdx: __props.nodeIdx,
 				deep: __props.deep,
@@ -38,4 +39,4 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 
 //#endregion
 export { _sfc_main as default };
-//# sourceMappingURL=TableBody-DWmHYRny.js.map
+//# sourceMappingURL=TableBody-CSGKit_J.js.map

package/dist/TableBody-CSGKit_J.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableBody-CSGKit_J.js","names":[],"sources":["../src/components/elements/TableBody.vue","../src/components/elements/TableBody.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport type { ElementProps } from \"../../types\";\r\n\r\nimport { useMarkdown } from \"../../composables/markdown\";\r\nimport NodeList from \"../NodeList.vue\";\r\nimport { elementPropertiesToProps } from \"../utils/elementPropertiesToProps\";\r\n\r\ndefineOptions({\r\n  inheritAttrs: false,\r\n});\r\n\r\nconst { element, nodeIdx, deep, nodeKey } = defineProps<ElementProps>();\r\nconst { components, transition } = useMarkdown();\r\n</script>\r\n\r\n<template>\r\n  <tbody data-mark-sorcery=\"table-body\" v-bind=\"elementPropertiesToProps(element.properties)\">\r\n    <NodeList\r\n      :nodes=\"element.children\"\r\n      :nodeIdx=\"nodeIdx\"\r\n      :deep=\"deep\"\r\n      :nodeKey=\"nodeKey\"\r\n      :parentNode=\"element\"\r\n      :components=\"components\"\r\n      :transition=\"transition\"\r\n    />\r\n  </tbody>\r\n</template>\r\n","<script setup lang=\"ts\">\r\nimport type { ElementProps } from \"../../types\";\r\n\r\nimport { useMarkdown } from \"../../composables/markdown\";\r\nimport NodeList from \"../NodeList.vue\";\r\nimport { elementPropertiesToProps } from \"../utils/elementPropertiesToProps\";\r\n\r\ndefineOptions({\r\n  inheritAttrs: false,\r\n});\r\n\r\nconst { element, nodeIdx, deep, nodeKey } = defineProps<ElementProps>();\r\nconst { components, transition } = useMarkdown();\r\n</script>\r\n\r\n<template>\r\n  <tbody data-mark-sorcery=\"table-body\" v-bind=\"elementPropertiesToProps(element.properties)\">\r\n    <NodeList\r\n      :nodes=\"element.children\"\r\n      :nodeIdx=\"nodeIdx\"\r\n      :deep=\"deep\"\r\n      :nodeKey=\"nodeKey\"\r\n      :parentNode=\"element\"\r\n      :components=\"components\"\r\n      :transition=\"transition\"\r\n    />\r\n  </tbody>\r\n</template>\r\n"],"mappings":";;;;;;;;;;;;;;;;EAYA,MAAM,EAAE,YAAY,eAAe,aAAa;;uBCI9C,mBAUQ,SAVR,WAUQ,EAVD,qBAAkB,cAAY,EAAS,MAAA,yBAAwB,CAAC,QAAA,QAAQ,WAAU,CAAA,EAAA,CACvF,YAQE,aAAA;IAPC,OAAO,QAAA,QAAQ;IACf,SAAS,QAAA;IACT,MAAM,QAAA;IACN,SAAS,QAAA;IACT,YAAY,QAAA;IACZ,YAAY,MAAA,WAAU;IACtB,YAAY,MAAA,WAAU"}

package/dist/{TableBody-D6I9wlwE.cjs → TableBody-sT7ckPUs.cjs}

@@ -1,4 +1,5 @@
-const require_NodeList = require('./NodeList-CXCRf4Sf.cjs');
+const require_NodeList = require('./NodeList-CakCke5U.cjs');
+const require_elementPropertiesToProps = require('./elementPropertiesToProps-Bo-5NitC.cjs');
 let vue = require("vue");
 
 //#region src/components/elements/TableBody.vue
@@ -15,7 +16,7 @@ const _sfc_main = /* @__PURE__ */ (0, vue.defineComponent)({
 	setup(__props) {
 		const { components, transition } = require_NodeList.useMarkdown();
 		return (_ctx, _cache) => {
-			return (0, vue.openBlock)(), (0, vue.createElementBlock)("tbody", (0, vue.mergeProps)({ "data-mark-sorcery": "table-body" }, __props.element.properties), [(0, vue.createVNode)(require_NodeList._sfc_main, {
+			return (0, vue.openBlock)(), (0, vue.createElementBlock)("tbody", (0, vue.mergeProps)({ "data-mark-sorcery": "table-body" }, (0, vue.unref)(require_elementPropertiesToProps.elementPropertiesToProps)(__props.element.properties)), [(0, vue.createVNode)(require_NodeList._sfc_main, {
 				nodes: __props.element.children,
 				nodeIdx: __props.nodeIdx,
 				deep: __props.deep,
@@ -38,4 +39,4 @@ const _sfc_main = /* @__PURE__ */ (0, vue.defineComponent)({
 
 //#endregion
 exports.default = _sfc_main;
-//# sourceMappingURL=TableBody-D6I9wlwE.cjs.map
+//# sourceMappingURL=TableBody-sT7ckPUs.cjs.map

package/dist/TableBody-sT7ckPUs.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableBody-sT7ckPUs.cjs","names":[],"sources":["../src/components/elements/TableBody.vue","../src/components/elements/TableBody.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport type { ElementProps } from \"../../types\";\r\n\r\nimport { useMarkdown } from \"../../composables/markdown\";\r\nimport NodeList from \"../NodeList.vue\";\r\nimport { elementPropertiesToProps } from \"../utils/elementPropertiesToProps\";\r\n\r\ndefineOptions({\r\n  inheritAttrs: false,\r\n});\r\n\r\nconst { element, nodeIdx, deep, nodeKey } = defineProps<ElementProps>();\r\nconst { components, transition } = useMarkdown();\r\n</script>\r\n\r\n<template>\r\n  <tbody data-mark-sorcery=\"table-body\" v-bind=\"elementPropertiesToProps(element.properties)\">\r\n    <NodeList\r\n      :nodes=\"element.children\"\r\n      :nodeIdx=\"nodeIdx\"\r\n      :deep=\"deep\"\r\n      :nodeKey=\"nodeKey\"\r\n      :parentNode=\"element\"\r\n      :components=\"components\"\r\n      :transition=\"transition\"\r\n    />\r\n  </tbody>\r\n</template>\r\n","<script setup lang=\"ts\">\r\nimport type { ElementProps } from \"../../types\";\r\n\r\nimport { useMarkdown } from \"../../composables/markdown\";\r\nimport NodeList from \"../NodeList.vue\";\r\nimport { elementPropertiesToProps } from \"../utils/elementPropertiesToProps\";\r\n\r\ndefineOptions({\r\n  inheritAttrs: false,\r\n});\r\n\r\nconst { element, nodeIdx, deep, nodeKey } = defineProps<ElementProps>();\r\nconst { components, transition } = useMarkdown();\r\n</script>\r\n\r\n<template>\r\n  <tbody data-mark-sorcery=\"table-body\" v-bind=\"elementPropertiesToProps(element.properties)\">\r\n    <NodeList\r\n      :nodes=\"element.children\"\r\n      :nodeIdx=\"nodeIdx\"\r\n      :deep=\"deep\"\r\n      :nodeKey=\"nodeKey\"\r\n      :parentNode=\"element\"\r\n      :components=\"components\"\r\n      :transition=\"transition\"\r\n    />\r\n  </tbody>\r\n</template>\r\n"],"mappings":";;;;;;;;;;;;;;;;EAYA,MAAM,EAAE,YAAY,eAAe,8BAAa;;4DCctC,6BAAA,EAVD,qBAAkB,cAAY,iBAAS,0DAAwB,CAAC,QAAA,QAAQ,WAAU,CAAA,EAAA,sBASrF,4BAAA;IAPC,OAAO,QAAA,QAAQ;IACf,SAAS,QAAA;IACT,MAAM,QAAA;IACN,SAAS,QAAA;IACT,YAAY,QAAA;IACZ,2BAAY,WAAU;IACtB,2BAAY,WAAU"}

package/dist/{TableData-CXjn9U8M.js → TableData-VHkGe-Wb.js}

@@ -1,4 +1,5 @@
-import { n as useMarkdown, t as _sfc_main$1 } from "./NodeList-DliNdSdR.js";
+import { n as useMarkdown, t as _sfc_main$1 } from "./NodeList-B6FFRkNh.js";
+import { t as elementPropertiesToProps } from "./elementPropertiesToProps-C6wCdFop.js";
 import { createElementBlock, createVNode, defineComponent, mergeProps, openBlock, unref } from "vue";
 
 //#region src/components/elements/TableData.vue
@@ -15,7 +16,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 	setup(__props) {
 		const { components, transition } = useMarkdown();
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("td", mergeProps({ "data-mark-sorcery": "table-data" }, __props.element.properties), [createVNode(_sfc_main$1, {
+			return openBlock(), createElementBlock("td", mergeProps({ "data-mark-sorcery": "table-data" }, unref(elementPropertiesToProps)(__props.element.properties)), [createVNode(_sfc_main$1, {
 				nodes: __props.element.children,
 				nodeIdx: __props.nodeIdx,
 				deep: __props.deep,
@@ -38,4 +39,4 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 
 //#endregion
 export { _sfc_main as default };
-//# sourceMappingURL=TableData-CXjn9U8M.js.map
+//# sourceMappingURL=TableData-VHkGe-Wb.js.map

package/dist/TableData-VHkGe-Wb.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableData-VHkGe-Wb.js","names":[],"sources":["../src/components/elements/TableData.vue","../src/components/elements/TableData.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport type { ElementProps } from \"../../types\";\r\n\r\nimport { useMarkdown } from \"../../composables/markdown\";\r\nimport NodeList from \"../NodeList.vue\";\r\nimport { elementPropertiesToProps } from \"../utils/elementPropertiesToProps\";\r\n\r\ndefineOptions({\r\n  inheritAttrs: false,\r\n});\r\n\r\nconst { element, nodeIdx, deep, nodeKey } = defineProps<ElementProps>();\r\nconst { components, transition } = useMarkdown();\r\n</script>\r\n\r\n<template>\r\n  <td data-mark-sorcery=\"table-data\" v-bind=\"elementPropertiesToProps(element.properties)\">\r\n    <NodeList\r\n      :nodes=\"element.children\"\r\n      :nodeIdx=\"nodeIdx\"\r\n      :deep=\"deep\"\r\n      :nodeKey=\"nodeKey\"\r\n      :parentNode=\"element\"\r\n      :components=\"components\"\r\n      :transition=\"transition\"\r\n    />\r\n  </td>\r\n</template>\r\n","<script setup lang=\"ts\">\r\nimport type { ElementProps } from \"../../types\";\r\n\r\nimport { useMarkdown } from \"../../composables/markdown\";\r\nimport NodeList from \"../NodeList.vue\";\r\nimport { elementPropertiesToProps } from \"../utils/elementPropertiesToProps\";\r\n\r\ndefineOptions({\r\n  inheritAttrs: false,\r\n});\r\n\r\nconst { element, nodeIdx, deep, nodeKey } = defineProps<ElementProps>();\r\nconst { components, transition } = useMarkdown();\r\n</script>\r\n\r\n<template>\r\n  <td data-mark-sorcery=\"table-data\" v-bind=\"elementPropertiesToProps(element.properties)\">\r\n    <NodeList\r\n      :nodes=\"element.children\"\r\n      :nodeIdx=\"nodeIdx\"\r\n      :deep=\"deep\"\r\n      :nodeKey=\"nodeKey\"\r\n      :parentNode=\"element\"\r\n      :components=\"components\"\r\n      :transition=\"transition\"\r\n    />\r\n  </td>\r\n</template>\r\n"],"mappings":";;;;;;;;;;;;;;;;EAYA,MAAM,EAAE,YAAY,eAAe,aAAa;;uBCI9C,mBAUK,MAVL,WAUK,EAVD,qBAAkB,cAAY,EAAS,MAAA,yBAAwB,CAAC,QAAA,QAAQ,WAAU,CAAA,EAAA,CACpF,YAQE,aAAA;IAPC,OAAO,QAAA,QAAQ;IACf,SAAS,QAAA;IACT,MAAM,QAAA;IACN,SAAS,QAAA;IACT,YAAY,QAAA;IACZ,YAAY,MAAA,WAAU;IACtB,YAAY,MAAA,WAAU"}

package/dist/{TableData-8V3hQ4i0.cjs → TableData-ZjNHJOHx.cjs}

@@ -1,4 +1,5 @@
-const require_NodeList = require('./NodeList-CXCRf4Sf.cjs');
+const require_NodeList = require('./NodeList-CakCke5U.cjs');
+const require_elementPropertiesToProps = require('./elementPropertiesToProps-Bo-5NitC.cjs');
 let vue = require("vue");
 
 //#region src/components/elements/TableData.vue
@@ -15,7 +16,7 @@ const _sfc_main = /* @__PURE__ */ (0, vue.defineComponent)({
 	setup(__props) {
 		const { components, transition } = require_NodeList.useMarkdown();
 		return (_ctx, _cache) => {
-			return (0, vue.openBlock)(), (0, vue.createElementBlock)("td", (0, vue.mergeProps)({ "data-mark-sorcery": "table-data" }, __props.element.properties), [(0, vue.createVNode)(require_NodeList._sfc_main, {
+			return (0, vue.openBlock)(), (0, vue.createElementBlock)("td", (0, vue.mergeProps)({ "data-mark-sorcery": "table-data" }, (0, vue.unref)(require_elementPropertiesToProps.elementPropertiesToProps)(__props.element.properties)), [(0, vue.createVNode)(require_NodeList._sfc_main, {
 				nodes: __props.element.children,
 				nodeIdx: __props.nodeIdx,
 				deep: __props.deep,
@@ -38,4 +39,4 @@ const _sfc_main = /* @__PURE__ */ (0, vue.defineComponent)({
 
 //#endregion
 exports.default = _sfc_main;
-//# sourceMappingURL=TableData-8V3hQ4i0.cjs.map
+//# sourceMappingURL=TableData-ZjNHJOHx.cjs.map

package/dist/TableData-ZjNHJOHx.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableData-ZjNHJOHx.cjs","names":[],"sources":["../src/components/elements/TableData.vue","../src/components/elements/TableData.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport type { ElementProps } from \"../../types\";\r\n\r\nimport { useMarkdown } from \"../../composables/markdown\";\r\nimport NodeList from \"../NodeList.vue\";\r\nimport { elementPropertiesToProps } from \"../utils/elementPropertiesToProps\";\r\n\r\ndefineOptions({\r\n  inheritAttrs: false,\r\n});\r\n\r\nconst { element, nodeIdx, deep, nodeKey } = defineProps<ElementProps>();\r\nconst { components, transition } = useMarkdown();\r\n</script>\r\n\r\n<template>\r\n  <td data-mark-sorcery=\"table-data\" v-bind=\"elementPropertiesToProps(element.properties)\">\r\n    <NodeList\r\n      :nodes=\"element.children\"\r\n      :nodeIdx=\"nodeIdx\"\r\n      :deep=\"deep\"\r\n      :nodeKey=\"nodeKey\"\r\n      :parentNode=\"element\"\r\n      :components=\"components\"\r\n      :transition=\"transition\"\r\n    />\r\n  </td>\r\n</template>\r\n","<script setup lang=\"ts\">\r\nimport type { ElementProps } from \"../../types\";\r\n\r\nimport { useMarkdown } from \"../../composables/markdown\";\r\nimport NodeList from \"../NodeList.vue\";\r\nimport { elementPropertiesToProps } from \"../utils/elementPropertiesToProps\";\r\n\r\ndefineOptions({\r\n  inheritAttrs: false,\r\n});\r\n\r\nconst { element, nodeIdx, deep, nodeKey } = defineProps<ElementProps>();\r\nconst { components, transition } = useMarkdown();\r\n</script>\r\n\r\n<template>\r\n  <td data-mark-sorcery=\"table-data\" v-bind=\"elementPropertiesToProps(element.properties)\">\r\n    <NodeList\r\n      :nodes=\"element.children\"\r\n      :nodeIdx=\"nodeIdx\"\r\n      :deep=\"deep\"\r\n      :nodeKey=\"nodeKey\"\r\n      :parentNode=\"element\"\r\n      :components=\"components\"\r\n      :transition=\"transition\"\r\n    />\r\n  </td>\r\n</template>\r\n"],"mappings":";;;;;;;;;;;;;;;;EAYA,MAAM,EAAE,YAAY,eAAe,8BAAa;;4DCczC,0BAAA,EAVD,qBAAkB,cAAY,iBAAS,0DAAwB,CAAC,QAAA,QAAQ,WAAU,CAAA,EAAA,sBASlF,4BAAA;IAPC,OAAO,QAAA,QAAQ;IACf,SAAS,QAAA;IACT,MAAM,QAAA;IACN,SAAS,QAAA;IACT,YAAY,QAAA;IACZ,2BAAY,WAAU;IACtB,2BAAY,WAAU"}

package/dist/{TableHead-RMl2XF2I.js → TableHead-B7iF-rqm.js}

@@ -1,4 +1,5 @@
-import { n as useMarkdown, t as _sfc_main$1 } from "./NodeList-DliNdSdR.js";
+import { n as useMarkdown, t as _sfc_main$1 } from "./NodeList-B6FFRkNh.js";
+import { t as elementPropertiesToProps } from "./elementPropertiesToProps-C6wCdFop.js";
 import { createElementBlock, createVNode, defineComponent, mergeProps, openBlock, unref } from "vue";
 
 //#region src/components/elements/TableHead.vue
@@ -15,7 +16,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 	setup(__props) {
 		const { components, transition } = useMarkdown();
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("thead", mergeProps({ "data-mark-sorcery": "table-head" }, __props.element.properties), [createVNode(_sfc_main$1, {
+			return openBlock(), createElementBlock("thead", mergeProps({ "data-mark-sorcery": "table-head" }, unref(elementPropertiesToProps)(__props.element.properties)), [createVNode(_sfc_main$1, {
 				nodes: __props.element.children,
 				nodeIdx: __props.nodeIdx,
 				deep: __props.deep,
@@ -38,4 +39,4 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 
 //#endregion
 export { _sfc_main as default };
-//# sourceMappingURL=TableHead-RMl2XF2I.js.map
+//# sourceMappingURL=TableHead-B7iF-rqm.js.map

package/dist/TableHead-B7iF-rqm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableHead-B7iF-rqm.js","names":[],"sources":["../src/components/elements/TableHead.vue","../src/components/elements/TableHead.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport type { ElementProps } from \"../../types\";\r\n\r\nimport { useMarkdown } from \"../../composables/markdown\";\r\nimport NodeList from \"../NodeList.vue\";\r\nimport { elementPropertiesToProps } from \"../utils/elementPropertiesToProps\";\r\n\r\ndefineOptions({\r\n  inheritAttrs: false,\r\n});\r\n\r\nconst { element, nodeIdx, deep, nodeKey } = defineProps<ElementProps>();\r\nconst { components, transition } = useMarkdown();\r\n</script>\r\n\r\n<template>\r\n  <thead data-mark-sorcery=\"table-head\" v-bind=\"elementPropertiesToProps(element.properties)\">\r\n    <NodeList\r\n      :nodes=\"element.children\"\r\n      :nodeIdx=\"nodeIdx\"\r\n      :deep=\"deep\"\r\n      :nodeKey=\"nodeKey\"\r\n      :parentNode=\"element\"\r\n      :components=\"components\"\r\n      :transition=\"transition\"\r\n    />\r\n  </thead>\r\n</template>\r\n","<script setup lang=\"ts\">\r\nimport type { ElementProps } from \"../../types\";\r\n\r\nimport { useMarkdown } from \"../../composables/markdown\";\r\nimport NodeList from \"../NodeList.vue\";\r\nimport { elementPropertiesToProps } from \"../utils/elementPropertiesToProps\";\r\n\r\ndefineOptions({\r\n  inheritAttrs: false,\r\n});\r\n\r\nconst { element, nodeIdx, deep, nodeKey } = defineProps<ElementProps>();\r\nconst { components, transition } = useMarkdown();\r\n</script>\r\n\r\n<template>\r\n  <thead data-mark-sorcery=\"table-head\" v-bind=\"elementPropertiesToProps(element.properties)\">\r\n    <NodeList\r\n      :nodes=\"element.children\"\r\n      :nodeIdx=\"nodeIdx\"\r\n      :deep=\"deep\"\r\n      :nodeKey=\"nodeKey\"\r\n      :parentNode=\"element\"\r\n      :components=\"components\"\r\n      :transition=\"transition\"\r\n    />\r\n  </thead>\r\n</template>\r\n"],"mappings":";;;;;;;;;;;;;;;;EAYA,MAAM,EAAE,YAAY,eAAe,aAAa;;uBCI9C,mBAUQ,SAVR,WAUQ,EAVD,qBAAkB,cAAY,EAAS,MAAA,yBAAwB,CAAC,QAAA,QAAQ,WAAU,CAAA,EAAA,CACvF,YAQE,aAAA;IAPC,OAAO,QAAA,QAAQ;IACf,SAAS,QAAA;IACT,MAAM,QAAA;IACN,SAAS,QAAA;IACT,YAAY,QAAA;IACZ,YAAY,MAAA,WAAU;IACtB,YAAY,MAAA,WAAU"}

package/dist/{TableHead-DSWO60r-.cjs → TableHead-DUncp1CF.cjs}

@@ -1,4 +1,5 @@
-const require_NodeList = require('./NodeList-CXCRf4Sf.cjs');
+const require_NodeList = require('./NodeList-CakCke5U.cjs');
+const require_elementPropertiesToProps = require('./elementPropertiesToProps-Bo-5NitC.cjs');
 let vue = require("vue");
 
 //#region src/components/elements/TableHead.vue
@@ -15,7 +16,7 @@ const _sfc_main = /* @__PURE__ */ (0, vue.defineComponent)({
 	setup(__props) {
 		const { components, transition } = require_NodeList.useMarkdown();
 		return (_ctx, _cache) => {
-			return (0, vue.openBlock)(), (0, vue.createElementBlock)("thead", (0, vue.mergeProps)({ "data-mark-sorcery": "table-head" }, __props.element.properties), [(0, vue.createVNode)(require_NodeList._sfc_main, {
+			return (0, vue.openBlock)(), (0, vue.createElementBlock)("thead", (0, vue.mergeProps)({ "data-mark-sorcery": "table-head" }, (0, vue.unref)(require_elementPropertiesToProps.elementPropertiesToProps)(__props.element.properties)), [(0, vue.createVNode)(require_NodeList._sfc_main, {
 				nodes: __props.element.children,
 				nodeIdx: __props.nodeIdx,
 				deep: __props.deep,
@@ -38,4 +39,4 @@ const _sfc_main = /* @__PURE__ */ (0, vue.defineComponent)({
 
 //#endregion
 exports.default = _sfc_main;
-//# sourceMappingURL=TableHead-DSWO60r-.cjs.map
+//# sourceMappingURL=TableHead-DUncp1CF.cjs.map

package/dist/TableHead-DUncp1CF.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableHead-DUncp1CF.cjs","names":[],"sources":["../src/components/elements/TableHead.vue","../src/components/elements/TableHead.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport type { ElementProps } from \"../../types\";\r\n\r\nimport { useMarkdown } from \"../../composables/markdown\";\r\nimport NodeList from \"../NodeList.vue\";\r\nimport { elementPropertiesToProps } from \"../utils/elementPropertiesToProps\";\r\n\r\ndefineOptions({\r\n  inheritAttrs: false,\r\n});\r\n\r\nconst { element, nodeIdx, deep, nodeKey } = defineProps<ElementProps>();\r\nconst { components, transition } = useMarkdown();\r\n</script>\r\n\r\n<template>\r\n  <thead data-mark-sorcery=\"table-head\" v-bind=\"elementPropertiesToProps(element.properties)\">\r\n    <NodeList\r\n      :nodes=\"element.children\"\r\n      :nodeIdx=\"nodeIdx\"\r\n      :deep=\"deep\"\r\n      :nodeKey=\"nodeKey\"\r\n      :parentNode=\"element\"\r\n      :components=\"components\"\r\n      :transition=\"transition\"\r\n    />\r\n  </thead>\r\n</template>\r\n","<script setup lang=\"ts\">\r\nimport type { ElementProps } from \"../../types\";\r\n\r\nimport { useMarkdown } from \"../../composables/markdown\";\r\nimport NodeList from \"../NodeList.vue\";\r\nimport { elementPropertiesToProps } from \"../utils/elementPropertiesToProps\";\r\n\r\ndefineOptions({\r\n  inheritAttrs: false,\r\n});\r\n\r\nconst { element, nodeIdx, deep, nodeKey } = defineProps<ElementProps>();\r\nconst { components, transition } = useMarkdown();\r\n</script>\r\n\r\n<template>\r\n  <thead data-mark-sorcery=\"table-head\" v-bind=\"elementPropertiesToProps(element.properties)\">\r\n    <NodeList\r\n      :nodes=\"element.children\"\r\n      :nodeIdx=\"nodeIdx\"\r\n      :deep=\"deep\"\r\n      :nodeKey=\"nodeKey\"\r\n      :parentNode=\"element\"\r\n      :components=\"components\"\r\n      :transition=\"transition\"\r\n    />\r\n  </thead>\r\n</template>\r\n"],"mappings":";;;;;;;;;;;;;;;;EAYA,MAAM,EAAE,YAAY,eAAe,8BAAa;;4DCctC,6BAAA,EAVD,qBAAkB,cAAY,iBAAS,0DAAwB,CAAC,QAAA,QAAQ,WAAU,CAAA,EAAA,sBASrF,4BAAA;IAPC,OAAO,QAAA,QAAQ;IACf,SAAS,QAAA;IACT,MAAM,QAAA;IACN,SAAS,QAAA;IACT,YAAY,QAAA;IACZ,2BAAY,WAAU;IACtB,2BAAY,WAAU"}

package/dist/{TableHeader-D4nI4o6p.cjs → TableHeader-DieQbLnR.cjs}

@@ -1,4 +1,5 @@
-const require_NodeList = require('./NodeList-CXCRf4Sf.cjs');
+const require_NodeList = require('./NodeList-CakCke5U.cjs');
+const require_elementPropertiesToProps = require('./elementPropertiesToProps-Bo-5NitC.cjs');
 let vue = require("vue");
 
 //#region src/components/elements/TableHeader.vue
@@ -15,7 +16,7 @@ const _sfc_main = /* @__PURE__ */ (0, vue.defineComponent)({
 	setup(__props) {
 		const { components, transition } = require_NodeList.useMarkdown();
 		return (_ctx, _cache) => {
-			return (0, vue.openBlock)(), (0, vue.createElementBlock)("th", (0, vue.mergeProps)({ "data-mark-sorcery": "table-header" }, __props.element.properties), [(0, vue.createVNode)(require_NodeList._sfc_main, {
+			return (0, vue.openBlock)(), (0, vue.createElementBlock)("th", (0, vue.mergeProps)({ "data-mark-sorcery": "table-header" }, (0, vue.unref)(require_elementPropertiesToProps.elementPropertiesToProps)(__props.element.properties)), [(0, vue.createVNode)(require_NodeList._sfc_main, {
 				nodes: __props.element.children,
 				nodeIdx: __props.nodeIdx,
 				deep: __props.deep,
@@ -38,4 +39,4 @@ const _sfc_main = /* @__PURE__ */ (0, vue.defineComponent)({
 
 //#endregion
 exports.default = _sfc_main;
-//# sourceMappingURL=TableHeader-D4nI4o6p.cjs.map
+//# sourceMappingURL=TableHeader-DieQbLnR.cjs.map

package/dist/TableHeader-DieQbLnR.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableHeader-DieQbLnR.cjs","names":[],"sources":["../src/components/elements/TableHeader.vue","../src/components/elements/TableHeader.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport type { ElementProps } from \"../../types\";\r\n\r\nimport { useMarkdown } from \"../../composables/markdown\";\r\nimport NodeList from \"../NodeList.vue\";\r\nimport { elementPropertiesToProps } from \"../utils/elementPropertiesToProps\";\r\n\r\ndefineOptions({\r\n  inheritAttrs: false,\r\n});\r\n\r\nconst { element, nodeIdx, deep, nodeKey } = defineProps<ElementProps>();\r\nconst { components, transition } = useMarkdown();\r\n</script>\r\n\r\n<template>\r\n  <th data-mark-sorcery=\"table-header\" v-bind=\"elementPropertiesToProps(element.properties)\">\r\n    <NodeList\r\n      :nodes=\"element.children\"\r\n      :nodeIdx=\"nodeIdx\"\r\n      :deep=\"deep\"\r\n      :nodeKey=\"nodeKey\"\r\n      :parentNode=\"element\"\r\n      :components=\"components\"\r\n      :transition=\"transition\"\r\n    />\r\n  </th>\r\n</template>\r\n","<script setup lang=\"ts\">\r\nimport type { ElementProps } from \"../../types\";\r\n\r\nimport { useMarkdown } from \"../../composables/markdown\";\r\nimport NodeList from \"../NodeList.vue\";\r\nimport { elementPropertiesToProps } from \"../utils/elementPropertiesToProps\";\r\n\r\ndefineOptions({\r\n  inheritAttrs: false,\r\n});\r\n\r\nconst { element, nodeIdx, deep, nodeKey } = defineProps<ElementProps>();\r\nconst { components, transition } = useMarkdown();\r\n</script>\r\n\r\n<template>\r\n  <th data-mark-sorcery=\"table-header\" v-bind=\"elementPropertiesToProps(element.properties)\">\r\n    <NodeList\r\n      :nodes=\"element.children\"\r\n      :nodeIdx=\"nodeIdx\"\r\n      :deep=\"deep\"\r\n      :nodeKey=\"nodeKey\"\r\n      :parentNode=\"element\"\r\n      :components=\"components\"\r\n      :transition=\"transition\"\r\n    />\r\n  </th>\r\n</template>\r\n"],"mappings":";;;;;;;;;;;;;;;;EAYA,MAAM,EAAE,YAAY,eAAe,8BAAa;;4DCczC,0BAAA,EAVD,qBAAkB,gBAAc,iBAAS,0DAAwB,CAAC,QAAA,QAAQ,WAAU,CAAA,EAAA,sBASpF,4BAAA;IAPC,OAAO,QAAA,QAAQ;IACf,SAAS,QAAA;IACT,MAAM,QAAA;IACN,SAAS,QAAA;IACT,YAAY,QAAA;IACZ,2BAAY,WAAU;IACtB,2BAAY,WAAU"}

package/dist/{TableHeader-CO5WWCf6.js → TableHeader-UERC7Klx.js}

@@ -1,4 +1,5 @@
-import { n as useMarkdown, t as _sfc_main$1 } from "./NodeList-DliNdSdR.js";
+import { n as useMarkdown, t as _sfc_main$1 } from "./NodeList-B6FFRkNh.js";
+import { t as elementPropertiesToProps } from "./elementPropertiesToProps-C6wCdFop.js";
 import { createElementBlock, createVNode, defineComponent, mergeProps, openBlock, unref } from "vue";
 
 //#region src/components/elements/TableHeader.vue
@@ -15,7 +16,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 	setup(__props) {
 		const { components, transition } = useMarkdown();
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("th", mergeProps({ "data-mark-sorcery": "table-header" }, __props.element.properties), [createVNode(_sfc_main$1, {
+			return openBlock(), createElementBlock("th", mergeProps({ "data-mark-sorcery": "table-header" }, unref(elementPropertiesToProps)(__props.element.properties)), [createVNode(_sfc_main$1, {
 				nodes: __props.element.children,
 				nodeIdx: __props.nodeIdx,
 				deep: __props.deep,
@@ -38,4 +39,4 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 
 //#endregion
 export { _sfc_main as default };
-//# sourceMappingURL=TableHeader-CO5WWCf6.js.map
+//# sourceMappingURL=TableHeader-UERC7Klx.js.map

package/dist/TableHeader-UERC7Klx.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableHeader-UERC7Klx.js","names":[],"sources":["../src/components/elements/TableHeader.vue","../src/components/elements/TableHeader.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport type { ElementProps } from \"../../types\";\r\n\r\nimport { useMarkdown } from \"../../composables/markdown\";\r\nimport NodeList from \"../NodeList.vue\";\r\nimport { elementPropertiesToProps } from \"../utils/elementPropertiesToProps\";\r\n\r\ndefineOptions({\r\n  inheritAttrs: false,\r\n});\r\n\r\nconst { element, nodeIdx, deep, nodeKey } = defineProps<ElementProps>();\r\nconst { components, transition } = useMarkdown();\r\n</script>\r\n\r\n<template>\r\n  <th data-mark-sorcery=\"table-header\" v-bind=\"elementPropertiesToProps(element.properties)\">\r\n    <NodeList\r\n      :nodes=\"element.children\"\r\n      :nodeIdx=\"nodeIdx\"\r\n      :deep=\"deep\"\r\n      :nodeKey=\"nodeKey\"\r\n      :parentNode=\"element\"\r\n      :components=\"components\"\r\n      :transition=\"transition\"\r\n    />\r\n  </th>\r\n</template>\r\n","<script setup lang=\"ts\">\r\nimport type { ElementProps } from \"../../types\";\r\n\r\nimport { useMarkdown } from \"../../composables/markdown\";\r\nimport NodeList from \"../NodeList.vue\";\r\nimport { elementPropertiesToProps } from \"../utils/elementPropertiesToProps\";\r\n\r\ndefineOptions({\r\n  inheritAttrs: false,\r\n});\r\n\r\nconst { element, nodeIdx, deep, nodeKey } = defineProps<ElementProps>();\r\nconst { components, transition } = useMarkdown();\r\n</script>\r\n\r\n<template>\r\n  <th data-mark-sorcery=\"table-header\" v-bind=\"elementPropertiesToProps(element.properties)\">\r\n    <NodeList\r\n      :nodes=\"element.children\"\r\n      :nodeIdx=\"nodeIdx\"\r\n      :deep=\"deep\"\r\n      :nodeKey=\"nodeKey\"\r\n      :parentNode=\"element\"\r\n      :components=\"components\"\r\n      :transition=\"transition\"\r\n    />\r\n  </th>\r\n</template>\r\n"],"mappings":";;;;;;;;;;;;;;;;EAYA,MAAM,EAAE,YAAY,eAAe,aAAa;;uBCI9C,mBAUK,MAVL,WAUK,EAVD,qBAAkB,gBAAc,EAAS,MAAA,yBAAwB,CAAC,QAAA,QAAQ,WAAU,CAAA,EAAA,CACtF,YAQE,aAAA;IAPC,OAAO,QAAA,QAAQ;IACf,SAAS,QAAA;IACT,MAAM,QAAA;IACN,SAAS,QAAA;IACT,YAAY,QAAA;IACZ,YAAY,MAAA,WAAU;IACtB,YAAY,MAAA,WAAU"}

package/dist/{TableRow-CFEKUaRS.js → TableRow-86r4tnIv.js}

@@ -1,4 +1,5 @@
-import { n as useMarkdown, t as _sfc_main$1 } from "./NodeList-DliNdSdR.js";
+import { n as useMarkdown, t as _sfc_main$1 } from "./NodeList-B6FFRkNh.js";
+import { t as elementPropertiesToProps } from "./elementPropertiesToProps-C6wCdFop.js";
 import { createElementBlock, createVNode, defineComponent, mergeProps, openBlock, unref } from "vue";
 
 //#region src/components/elements/TableRow.vue
@@ -15,7 +16,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 	setup(__props) {
 		const { components, transition } = useMarkdown();
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("tr", mergeProps({ "data-mark-sorcery": "table-row" }, __props.element.properties), [createVNode(_sfc_main$1, {
+			return openBlock(), createElementBlock("tr", mergeProps({ "data-mark-sorcery": "table-row" }, unref(elementPropertiesToProps)(__props.element.properties)), [createVNode(_sfc_main$1, {
 				nodes: __props.element.children,
 				nodeIdx: __props.nodeIdx,
 				deep: __props.deep,
@@ -38,4 +39,4 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 
 //#endregion
 export { _sfc_main as default };
-//# sourceMappingURL=TableRow-CFEKUaRS.js.map
+//# sourceMappingURL=TableRow-86r4tnIv.js.map

package/dist/TableRow-86r4tnIv.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableRow-86r4tnIv.js","names":[],"sources":["../src/components/elements/TableRow.vue","../src/components/elements/TableRow.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport type { ElementProps } from \"../../types\";\r\n\r\nimport { useMarkdown } from \"../../composables/markdown\";\r\nimport NodeList from \"../NodeList.vue\";\r\nimport { elementPropertiesToProps } from \"../utils/elementPropertiesToProps\";\r\n\r\ndefineOptions({\r\n  inheritAttrs: false,\r\n});\r\n\r\nconst { element, nodeIdx, deep, nodeKey } = defineProps<ElementProps>();\r\nconst { components, transition } = useMarkdown();\r\n</script>\r\n\r\n<template>\r\n  <tr data-mark-sorcery=\"table-row\" v-bind=\"elementPropertiesToProps(element.properties)\">\r\n    <NodeList\r\n      :nodes=\"element.children\"\r\n      :nodeIdx=\"nodeIdx\"\r\n      :deep=\"deep\"\r\n      :nodeKey=\"nodeKey\"\r\n      :parentNode=\"element\"\r\n      :components=\"components\"\r\n      :transition=\"transition\"\r\n    />\r\n  </tr>\r\n</template>\r\n","<script setup lang=\"ts\">\r\nimport type { ElementProps } from \"../../types\";\r\n\r\nimport { useMarkdown } from \"../../composables/markdown\";\r\nimport NodeList from \"../NodeList.vue\";\r\nimport { elementPropertiesToProps } from \"../utils/elementPropertiesToProps\";\r\n\r\ndefineOptions({\r\n  inheritAttrs: false,\r\n});\r\n\r\nconst { element, nodeIdx, deep, nodeKey } = defineProps<ElementProps>();\r\nconst { components, transition } = useMarkdown();\r\n</script>\r\n\r\n<template>\r\n  <tr data-mark-sorcery=\"table-row\" v-bind=\"elementPropertiesToProps(element.properties)\">\r\n    <NodeList\r\n      :nodes=\"element.children\"\r\n      :nodeIdx=\"nodeIdx\"\r\n      :deep=\"deep\"\r\n      :nodeKey=\"nodeKey\"\r\n      :parentNode=\"element\"\r\n      :components=\"components\"\r\n      :transition=\"transition\"\r\n    />\r\n  </tr>\r\n</template>\r\n"],"mappings":";;;;;;;;;;;;;;;;EAYA,MAAM,EAAE,YAAY,eAAe,aAAa;;uBCI9C,mBAUK,MAVL,WAUK,EAVD,qBAAkB,aAAW,EAAS,MAAA,yBAAwB,CAAC,QAAA,QAAQ,WAAU,CAAA,EAAA,CACnF,YAQE,aAAA;IAPC,OAAO,QAAA,QAAQ;IACf,SAAS,QAAA;IACT,MAAM,QAAA;IACN,SAAS,QAAA;IACT,YAAY,QAAA;IACZ,YAAY,MAAA,WAAU;IACtB,YAAY,MAAA,WAAU"}

package/dist/{TableRow-Cso50UW2.cjs → TableRow-C-77H7tZ.cjs}

@@ -1,4 +1,5 @@
-const require_NodeList = require('./NodeList-CXCRf4Sf.cjs');
+const require_NodeList = require('./NodeList-CakCke5U.cjs');
+const require_elementPropertiesToProps = require('./elementPropertiesToProps-Bo-5NitC.cjs');
 let vue = require("vue");
 
 //#region src/components/elements/TableRow.vue
@@ -15,7 +16,7 @@ const _sfc_main = /* @__PURE__ */ (0, vue.defineComponent)({
 	setup(__props) {
 		const { components, transition } = require_NodeList.useMarkdown();
 		return (_ctx, _cache) => {
-			return (0, vue.openBlock)(), (0, vue.createElementBlock)("tr", (0, vue.mergeProps)({ "data-mark-sorcery": "table-row" }, __props.element.properties), [(0, vue.createVNode)(require_NodeList._sfc_main, {
+			return (0, vue.openBlock)(), (0, vue.createElementBlock)("tr", (0, vue.mergeProps)({ "data-mark-sorcery": "table-row" }, (0, vue.unref)(require_elementPropertiesToProps.elementPropertiesToProps)(__props.element.properties)), [(0, vue.createVNode)(require_NodeList._sfc_main, {
 				nodes: __props.element.children,
 				nodeIdx: __props.nodeIdx,
 				deep: __props.deep,
@@ -38,4 +39,4 @@ const _sfc_main = /* @__PURE__ */ (0, vue.defineComponent)({
 
 //#endregion
 exports.default = _sfc_main;
-//# sourceMappingURL=TableRow-Cso50UW2.cjs.map
+//# sourceMappingURL=TableRow-C-77H7tZ.cjs.map

package/dist/TableRow-C-77H7tZ.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableRow-C-77H7tZ.cjs","names":[],"sources":["../src/components/elements/TableRow.vue","../src/components/elements/TableRow.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport type { ElementProps } from \"../../types\";\r\n\r\nimport { useMarkdown } from \"../../composables/markdown\";\r\nimport NodeList from \"../NodeList.vue\";\r\nimport { elementPropertiesToProps } from \"../utils/elementPropertiesToProps\";\r\n\r\ndefineOptions({\r\n  inheritAttrs: false,\r\n});\r\n\r\nconst { element, nodeIdx, deep, nodeKey } = defineProps<ElementProps>();\r\nconst { components, transition } = useMarkdown();\r\n</script>\r\n\r\n<template>\r\n  <tr data-mark-sorcery=\"table-row\" v-bind=\"elementPropertiesToProps(element.properties)\">\r\n    <NodeList\r\n      :nodes=\"element.children\"\r\n      :nodeIdx=\"nodeIdx\"\r\n      :deep=\"deep\"\r\n      :nodeKey=\"nodeKey\"\r\n      :parentNode=\"element\"\r\n      :components=\"components\"\r\n      :transition=\"transition\"\r\n    />\r\n  </tr>\r\n</template>\r\n","<script setup lang=\"ts\">\r\nimport type { ElementProps } from \"../../types\";\r\n\r\nimport { useMarkdown } from \"../../composables/markdown\";\r\nimport NodeList from \"../NodeList.vue\";\r\nimport { elementPropertiesToProps } from \"../utils/elementPropertiesToProps\";\r\n\r\ndefineOptions({\r\n  inheritAttrs: false,\r\n});\r\n\r\nconst { element, nodeIdx, deep, nodeKey } = defineProps<ElementProps>();\r\nconst { components, transition } = useMarkdown();\r\n</script>\r\n\r\n<template>\r\n  <tr data-mark-sorcery=\"table-row\" v-bind=\"elementPropertiesToProps(element.properties)\">\r\n    <NodeList\r\n      :nodes=\"element.children\"\r\n      :nodeIdx=\"nodeIdx\"\r\n      :deep=\"deep\"\r\n      :nodeKey=\"nodeKey\"\r\n      :parentNode=\"element\"\r\n      :components=\"components\"\r\n      :transition=\"transition\"\r\n    />\r\n  </tr>\r\n</template>\r\n"],"mappings":";;;;;;;;;;;;;;;;EAYA,MAAM,EAAE,YAAY,eAAe,8BAAa;;4DCczC,0BAAA,EAVD,qBAAkB,aAAW,iBAAS,0DAAwB,CAAC,QAAA,QAAQ,WAAU,CAAA,EAAA,sBASjF,4BAAA;IAPC,OAAO,QAAA,QAAQ;IACf,SAAS,QAAA;IACT,MAAM,QAAA;IACN,SAAS,QAAA;IACT,YAAY,QAAA;IACZ,2BAAY,WAAU;IACtB,2BAAY,WAAU"}

package/dist/{TaskListInput-BlFjVLdG.cjs → TaskListInput-Bt3jUvR8.cjs}

@@ -1,3 +1,4 @@
+const require_elementPropertiesToProps = require('./elementPropertiesToProps-Bo-5NitC.cjs');
 let vue = require("vue");
 
 //#region src/components/elements/TaskListInput.vue
@@ -13,10 +14,7 @@ const _sfc_main = /* @__PURE__ */ (0, vue.defineComponent)({
 	},
 	setup(__props) {
 		const properties = (0, vue.computed)(() => {
-			return {
-				checked: __props.element.properties.checked,
-				class: __props.element.properties.class
-			};
+			return require_elementPropertiesToProps.elementPropertiesToProps(__props.element.properties);
 		});
 		return (_ctx, _cache) => {
 			return (0, vue.openBlock)(), (0, vue.createElementBlock)("input", (0, vue.mergeProps)({
@@ -30,4 +28,4 @@ const _sfc_main = /* @__PURE__ */ (0, vue.defineComponent)({
 
 //#endregion
 exports.default = _sfc_main;
-//# sourceMappingURL=TaskListInput-BlFjVLdG.cjs.map
+//# sourceMappingURL=TaskListInput-Bt3jUvR8.cjs.map

package/dist/TaskListInput-Bt3jUvR8.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TaskListInput-Bt3jUvR8.cjs","names":[],"sources":["../src/components/elements/TaskListInput.vue","../src/components/elements/TaskListInput.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport { computed } from \"vue\";\r\n\r\nimport type { ElementProps } from \"../../types\";\r\n\r\nimport { elementPropertiesToProps } from \"../utils/elementPropertiesToProps\";\r\n\r\ndefineOptions({\r\n  inheritAttrs: false,\r\n});\r\n\r\nconst { element } = defineProps<ElementProps>();\r\n\r\nconst properties = computed(() => {\r\n  return elementPropertiesToProps(element.properties);\r\n});\r\n</script>\r\n\r\n<template>\r\n  <input data-mark-sorcery=\"task-list-input\" type=\"checkbox\" disabled v-bind=\"properties\" />\r\n</template>\r\n","<script setup lang=\"ts\">\r\nimport { computed } from \"vue\";\r\n\r\nimport type { ElementProps } from \"../../types\";\r\n\r\nimport { elementPropertiesToProps } from \"../utils/elementPropertiesToProps\";\r\n\r\ndefineOptions({\r\n  inheritAttrs: false,\r\n});\r\n\r\nconst { element } = defineProps<ElementProps>();\r\n\r\nconst properties = computed(() => {\r\n  return elementPropertiesToProps(element.properties);\r\n});\r\n</script>\r\n\r\n<template>\r\n  <input data-mark-sorcery=\"task-list-input\" type=\"checkbox\" disabled v-bind=\"properties\" />\r\n</template>\r\n"],"mappings":";;;;;;;;;;;;;;;EAaA,MAAM,qCAA4B;AAChC,UAAO,0DAAyB,QAAA,QAAQ,WAAW;IACnD;;4DCI0F,6BAAA;IAAnF,qBAAkB;IAAkB,MAAK;IAAW,UAAA;MAAiB,WAAA,MAAU,EAAA,MAAA,GAAA"}

package/dist/{TaskListInput-DiQhjFqy.js → TaskListInput-DU9WsO1_.js}

@@ -1,3 +1,4 @@
+import { t as elementPropertiesToProps } from "./elementPropertiesToProps-C6wCdFop.js";
 import { computed, createElementBlock, defineComponent, mergeProps, openBlock } from "vue";
 
 //#region src/components/elements/TaskListInput.vue
@@ -13,10 +14,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 	},
 	setup(__props) {
 		const properties = computed(() => {
-			return {
-				checked: __props.element.properties.checked,
-				class: __props.element.properties.class
-			};
+			return elementPropertiesToProps(__props.element.properties);
 		});
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("input", mergeProps({
@@ -30,4 +28,4 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 
 //#endregion
 export { _sfc_main as default };
-//# sourceMappingURL=TaskListInput-DiQhjFqy.js.map
+//# sourceMappingURL=TaskListInput-DU9WsO1_.js.map

package/dist/TaskListInput-DU9WsO1_.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TaskListInput-DU9WsO1_.js","names":[],"sources":["../src/components/elements/TaskListInput.vue","../src/components/elements/TaskListInput.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport { computed } from \"vue\";\r\n\r\nimport type { ElementProps } from \"../../types\";\r\n\r\nimport { elementPropertiesToProps } from \"../utils/elementPropertiesToProps\";\r\n\r\ndefineOptions({\r\n  inheritAttrs: false,\r\n});\r\n\r\nconst { element } = defineProps<ElementProps>();\r\n\r\nconst properties = computed(() => {\r\n  return elementPropertiesToProps(element.properties);\r\n});\r\n</script>\r\n\r\n<template>\r\n  <input data-mark-sorcery=\"task-list-input\" type=\"checkbox\" disabled v-bind=\"properties\" />\r\n</template>\r\n","<script setup lang=\"ts\">\r\nimport { computed } from \"vue\";\r\n\r\nimport type { ElementProps } from \"../../types\";\r\n\r\nimport { elementPropertiesToProps } from \"../utils/elementPropertiesToProps\";\r\n\r\ndefineOptions({\r\n  inheritAttrs: false,\r\n});\r\n\r\nconst { element } = defineProps<ElementProps>();\r\n\r\nconst properties = computed(() => {\r\n  return elementPropertiesToProps(element.properties);\r\n});\r\n</script>\r\n\r\n<template>\r\n  <input data-mark-sorcery=\"task-list-input\" type=\"checkbox\" disabled v-bind=\"properties\" />\r\n</template>\r\n"],"mappings":";;;;;;;;;;;;;;;EAaA,MAAM,aAAa,eAAe;AAChC,UAAO,yBAAyB,QAAA,QAAQ,WAAW;IACnD;;uBCIA,mBAA0F,SAA1F,WAA0F;IAAnF,qBAAkB;IAAkB,MAAK;IAAW,UAAA;MAAiB,WAAA,MAAU,EAAA,MAAA,GAAA"}

package/dist/Text-D79bZuY-.cjs

@@ -0,0 +1,24 @@
+let vue = require("vue");
+
+//#region src/components/elements/Text.vue
+const _hoisted_1 = { "data-mark-sorcery": "text" };
+const _sfc_main = /* @__PURE__ */ (0, vue.defineComponent)({
+	inheritAttrs: false,
+	__name: "Text",
+	props: {
+		nodeIdx: {},
+		deep: {},
+		nodeKey: {},
+		parentNode: {},
+		element: {}
+	},
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_1, (0, vue.toDisplayString)(__props.element.value), 1);
+		};
+	}
+});
+
+//#endregion
+exports.default = _sfc_main;
+//# sourceMappingURL=Text-D79bZuY-.cjs.map

package/dist/Text-D79bZuY-.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Text-D79bZuY-.cjs","names":[],"sources":["../src/components/elements/Text.vue","../src/components/elements/Text.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport type { TextProps } from \"../../types\";\r\n\r\ndefineOptions({\r\n  inheritAttrs: false,\r\n});\r\n\r\nconst { element } = defineProps<TextProps>();\r\n</script>\r\n\r\n<template>\r\n  <span data-mark-sorcery=\"text\">{{ element.value }}</span>\r\n</template>\r\n","<script setup lang=\"ts\">\r\nimport type { TextProps } from \"../../types\";\r\n\r\ndefineOptions({\r\n  inheritAttrs: false,\r\n});\r\n\r\nconst { element } = defineProps<TextProps>();\r\n</script>\r\n\r\n<template>\r\n  <span data-mark-sorcery=\"text\">{{ element.value }}</span>\r\n</template>\r\n"],"mappings":";;;;;;;;;;;;;;;;4DCW2D,QAAzD,qCAAkC,QAAA,QAAQ,MAAK,EAAA,EAAA"}

package/dist/Text-D_rADG7w.js

@@ -0,0 +1,24 @@
+import { createElementBlock, defineComponent, openBlock, toDisplayString } from "vue";
+
+//#region src/components/elements/Text.vue
+const _hoisted_1 = { "data-mark-sorcery": "text" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+	inheritAttrs: false,
+	__name: "Text",
+	props: {
+		nodeIdx: {},
+		deep: {},
+		nodeKey: {},
+		parentNode: {},
+		element: {}
+	},
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("span", _hoisted_1, toDisplayString(__props.element.value), 1);
+		};
+	}
+});
+
+//#endregion
+export { _sfc_main as default };
+//# sourceMappingURL=Text-D_rADG7w.js.map

package/dist/Text-D_rADG7w.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Text-D_rADG7w.js","names":[],"sources":["../src/components/elements/Text.vue","../src/components/elements/Text.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport type { TextProps } from \"../../types\";\r\n\r\ndefineOptions({\r\n  inheritAttrs: false,\r\n});\r\n\r\nconst { element } = defineProps<TextProps>();\r\n</script>\r\n\r\n<template>\r\n  <span data-mark-sorcery=\"text\">{{ element.value }}</span>\r\n</template>\r\n","<script setup lang=\"ts\">\r\nimport type { TextProps } from \"../../types\";\r\n\r\ndefineOptions({\r\n  inheritAttrs: false,\r\n});\r\n\r\nconst { element } = defineProps<TextProps>();\r\n</script>\r\n\r\n<template>\r\n  <span data-mark-sorcery=\"text\">{{ element.value }}</span>\r\n</template>\r\n"],"mappings":";;;;;;;;;;;;;;;;uBCWE,mBAAyD,QAAzD,YAAyD,gBAAvB,QAAA,QAAQ,MAAK,EAAA,EAAA"}

package/dist/{UnorderedList-BCqaq94d.js → UnorderedList-D5yqk0mO.js}

@@ -1,4 +1,5 @@
-import { n as useMarkdown, t as _sfc_main$1 } from "./NodeList-DliNdSdR.js";
+import { n as useMarkdown, t as _sfc_main$1 } from "./NodeList-B6FFRkNh.js";
+import { t as elementPropertiesToProps } from "./elementPropertiesToProps-C6wCdFop.js";
 import { createElementBlock, createVNode, defineComponent, mergeProps, openBlock, unref } from "vue";
 
 //#region src/components/elements/UnorderedList.vue
@@ -15,7 +16,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 	setup(__props) {
 		const { components, transition } = useMarkdown();
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("ul", mergeProps({ "data-mark-sorcery": "unordered-list" }, __props.element.properties), [createVNode(_sfc_main$1, {
+			return openBlock(), createElementBlock("ul", mergeProps({ "data-mark-sorcery": "unordered-list" }, unref(elementPropertiesToProps)(__props.element.properties)), [createVNode(_sfc_main$1, {
 				nodes: __props.element.children,
 				nodeIdx: __props.nodeIdx,
 				deep: __props.deep,
@@ -38,4 +39,4 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 
 //#endregion
 export { _sfc_main as default };
-//# sourceMappingURL=UnorderedList-BCqaq94d.js.map
+//# sourceMappingURL=UnorderedList-D5yqk0mO.js.map

package/dist/UnorderedList-D5yqk0mO.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UnorderedList-D5yqk0mO.js","names":[],"sources":["../src/components/elements/UnorderedList.vue","../src/components/elements/UnorderedList.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport type { ElementProps } from \"../../types\";\r\n\r\nimport { useMarkdown } from \"../../composables/markdown\";\r\nimport NodeList from \"../NodeList.vue\";\r\nimport { elementPropertiesToProps } from \"../utils/elementPropertiesToProps\";\r\n\r\ndefineOptions({\r\n  inheritAttrs: false,\r\n});\r\n\r\nconst { element, nodeIdx, deep, nodeKey } = defineProps<ElementProps>();\r\nconst { components, transition } = useMarkdown();\r\n</script>\r\n\r\n<template>\r\n  <ul data-mark-sorcery=\"unordered-list\" v-bind=\"elementPropertiesToProps(element.properties)\">\r\n    <NodeList\r\n      :nodes=\"element.children\"\r\n      :nodeIdx=\"nodeIdx\"\r\n      :deep=\"deep\"\r\n      :nodeKey=\"nodeKey\"\r\n      :parentNode=\"element\"\r\n      :components=\"components\"\r\n      :transition=\"transition\"\r\n    />\r\n  </ul>\r\n</template>\r\n","<script setup lang=\"ts\">\r\nimport type { ElementProps } from \"../../types\";\r\n\r\nimport { useMarkdown } from \"../../composables/markdown\";\r\nimport NodeList from \"../NodeList.vue\";\r\nimport { elementPropertiesToProps } from \"../utils/elementPropertiesToProps\";\r\n\r\ndefineOptions({\r\n  inheritAttrs: false,\r\n});\r\n\r\nconst { element, nodeIdx, deep, nodeKey } = defineProps<ElementProps>();\r\nconst { components, transition } = useMarkdown();\r\n</script>\r\n\r\n<template>\r\n  <ul data-mark-sorcery=\"unordered-list\" v-bind=\"elementPropertiesToProps(element.properties)\">\r\n    <NodeList\r\n      :nodes=\"element.children\"\r\n      :nodeIdx=\"nodeIdx\"\r\n      :deep=\"deep\"\r\n      :nodeKey=\"nodeKey\"\r\n      :parentNode=\"element\"\r\n      :components=\"components\"\r\n      :transition=\"transition\"\r\n    />\r\n  </ul>\r\n</template>\r\n"],"mappings":";;;;;;;;;;;;;;;;EAYA,MAAM,EAAE,YAAY,eAAe,aAAa;;uBCI9C,mBAUK,MAVL,WAUK,EAVD,qBAAkB,kBAAgB,EAAS,MAAA,yBAAwB,CAAC,QAAA,QAAQ,WAAU,CAAA,EAAA,CACxF,YAQE,aAAA;IAPC,OAAO,QAAA,QAAQ;IACf,SAAS,QAAA;IACT,MAAM,QAAA;IACN,SAAS,QAAA;IACT,YAAY,QAAA;IACZ,YAAY,MAAA,WAAU;IACtB,YAAY,MAAA,WAAU"}

package/dist/{UnorderedList-C_w27MXB.cjs → UnorderedList-O99Lrb-R.cjs}

@@ -1,4 +1,5 @@
-const require_NodeList = require('./NodeList-CXCRf4Sf.cjs');
+const require_NodeList = require('./NodeList-CakCke5U.cjs');
+const require_elementPropertiesToProps = require('./elementPropertiesToProps-Bo-5NitC.cjs');
 let vue = require("vue");
 
 //#region src/components/elements/UnorderedList.vue
@@ -15,7 +16,7 @@ const _sfc_main = /* @__PURE__ */ (0, vue.defineComponent)({
 	setup(__props) {
 		const { components, transition } = require_NodeList.useMarkdown();
 		return (_ctx, _cache) => {
-			return (0, vue.openBlock)(), (0, vue.createElementBlock)("ul", (0, vue.mergeProps)({ "data-mark-sorcery": "unordered-list" }, __props.element.properties), [(0, vue.createVNode)(require_NodeList._sfc_main, {
+			return (0, vue.openBlock)(), (0, vue.createElementBlock)("ul", (0, vue.mergeProps)({ "data-mark-sorcery": "unordered-list" }, (0, vue.unref)(require_elementPropertiesToProps.elementPropertiesToProps)(__props.element.properties)), [(0, vue.createVNode)(require_NodeList._sfc_main, {
 				nodes: __props.element.children,
 				nodeIdx: __props.nodeIdx,
 				deep: __props.deep,
@@ -38,4 +39,4 @@ const _sfc_main = /* @__PURE__ */ (0, vue.defineComponent)({
 
 //#endregion
 exports.default = _sfc_main;
-//# sourceMappingURL=UnorderedList-C_w27MXB.cjs.map
+//# sourceMappingURL=UnorderedList-O99Lrb-R.cjs.map

package/dist/UnorderedList-O99Lrb-R.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"UnorderedList-O99Lrb-R.cjs","names":[],"sources":["../src/components/elements/UnorderedList.vue","../src/components/elements/UnorderedList.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport type { ElementProps } from \"../../types\";\r\n\r\nimport { useMarkdown } from \"../../composables/markdown\";\r\nimport NodeList from \"../NodeList.vue\";\r\nimport { elementPropertiesToProps } from \"../utils/elementPropertiesToProps\";\r\n\r\ndefineOptions({\r\n  inheritAttrs: false,\r\n});\r\n\r\nconst { element, nodeIdx, deep, nodeKey } = defineProps<ElementProps>();\r\nconst { components, transition } = useMarkdown();\r\n</script>\r\n\r\n<template>\r\n  <ul data-mark-sorcery=\"unordered-list\" v-bind=\"elementPropertiesToProps(element.properties)\">\r\n    <NodeList\r\n      :nodes=\"element.children\"\r\n      :nodeIdx=\"nodeIdx\"\r\n      :deep=\"deep\"\r\n      :nodeKey=\"nodeKey\"\r\n      :parentNode=\"element\"\r\n      :components=\"components\"\r\n      :transition=\"transition\"\r\n    />\r\n  </ul>\r\n</template>\r\n","<script setup lang=\"ts\">\r\nimport type { ElementProps } from \"../../types\";\r\n\r\nimport { useMarkdown } from \"../../composables/markdown\";\r\nimport NodeList from \"../NodeList.vue\";\r\nimport { elementPropertiesToProps } from \"../utils/elementPropertiesToProps\";\r\n\r\ndefineOptions({\r\n  inheritAttrs: false,\r\n});\r\n\r\nconst { element, nodeIdx, deep, nodeKey } = defineProps<ElementProps>();\r\nconst { components, transition } = useMarkdown();\r\n</script>\r\n\r\n<template>\r\n  <ul data-mark-sorcery=\"unordered-list\" v-bind=\"elementPropertiesToProps(element.properties)\">\r\n    <NodeList\r\n      :nodes=\"element.children\"\r\n      :nodeIdx=\"nodeIdx\"\r\n      :deep=\"deep\"\r\n      :nodeKey=\"nodeKey\"\r\n      :parentNode=\"element\"\r\n      :components=\"components\"\r\n      :transition=\"transition\"\r\n    />\r\n  </ul>\r\n</template>\r\n"],"mappings":";;;;;;;;;;;;;;;;EAYA,MAAM,EAAE,YAAY,eAAe,8BAAa;;4DCczC,0BAAA,EAVD,qBAAkB,kBAAgB,iBAAS,0DAAwB,CAAC,QAAA,QAAQ,WAAU,CAAA,EAAA,sBAStF,4BAAA;IAPC,OAAO,QAAA,QAAQ;IACf,SAAS,QAAA;IACT,MAAM,QAAA;IACN,SAAS,QAAA;IACT,YAAY,QAAA;IACZ,2BAAY,WAAU;IACtB,2BAAY,WAAU"}

package/dist/elementPropertiesToProps-Bo-5NitC.cjs

@@ -0,0 +1,37 @@
+
+//#region src/components/utils/elementPropertiesToProps.ts
+const classNameProp = "className";
+const toKebabCase = (value) => value.replace(/([a-z0-9])([A-Z])/g, "$1-$2").replace(/([A-Z])([A-Z][a-z])/g, "$1-$2").toLowerCase();
+const normalizeClassValue = (value) => {
+	if (Array.isArray(value)) return value.flatMap((entry) => String(entry).split(/\s+/)).filter(Boolean);
+	if (typeof value === "string") return value.split(/\s+/).filter(Boolean);
+	return value;
+};
+const normalizeAttributeValue = (value) => {
+	if (Array.isArray(value)) return value.map(String).join(" ");
+	return value;
+};
+const normalizePropertyName = (propertyName) => {
+	if (propertyName === classNameProp) return "class";
+	if (propertyName === "htmlFor") return "for";
+	if (/^(aria|data)[A-Z]/.test(propertyName)) return toKebabCase(propertyName);
+	return propertyName;
+};
+const elementPropertiesToProps = (properties) => {
+	if (!properties) return {};
+	return Object.entries(properties).reduce((props, [propertyName, propertyValue]) => {
+		if (propertyValue === null || propertyValue === void 0) return props;
+		const normalizedPropertyName = normalizePropertyName(propertyName);
+		props[normalizedPropertyName] = normalizedPropertyName === "class" ? normalizeClassValue(propertyValue) : normalizeAttributeValue(propertyValue);
+		return props;
+	}, {});
+};
+
+//#endregion
+Object.defineProperty(exports, 'elementPropertiesToProps', {
+  enumerable: true,
+  get: function () {
+    return elementPropertiesToProps;
+  }
+});
+//# sourceMappingURL=elementPropertiesToProps-Bo-5NitC.cjs.map

package/dist/elementPropertiesToProps-Bo-5NitC.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"elementPropertiesToProps-Bo-5NitC.cjs","names":[],"sources":["../src/components/utils/elementPropertiesToProps.ts"],"sourcesContent":["import type { Element } from \"hast\";\r\n\r\ntype ElementProperties = Element[\"properties\"];\r\ntype ElementPropertyValue = NonNullable<ElementProperties>[string];\r\n\r\nconst classNameProp = \"className\";\r\n\r\nconst toKebabCase = (value: string) =>\r\n    value\r\n        .replace(/([a-z0-9])([A-Z])/g, \"$1-$2\")\r\n        .replace(/([A-Z])([A-Z][a-z])/g, \"$1-$2\")\r\n        .toLowerCase();\r\n\r\nconst normalizeClassValue = (value: ElementPropertyValue) => {\r\n    if (Array.isArray(value)) {\r\n        return value\r\n            .flatMap((entry) => String(entry).split(/\\s+/))\r\n            .filter(Boolean);\r\n    }\r\n\r\n    if (typeof value === \"string\") {\r\n        return value.split(/\\s+/).filter(Boolean);\r\n    }\r\n\r\n    return value;\r\n};\r\n\r\nconst normalizeAttributeValue = (value: ElementPropertyValue) => {\r\n    if (Array.isArray(value)) {\r\n        return value.map(String).join(\" \");\r\n    }\r\n\r\n    return value;\r\n};\r\n\r\nconst normalizePropertyName = (propertyName: string) => {\r\n    if (propertyName === classNameProp) {\r\n        return \"class\";\r\n    }\r\n\r\n    if (propertyName === \"htmlFor\") {\r\n        return \"for\";\r\n    }\r\n\r\n    if (/^(aria|data)[A-Z]/.test(propertyName)) {\r\n        return toKebabCase(propertyName);\r\n    }\r\n\r\n    return propertyName;\r\n};\r\n\r\nexport const elementPropertiesToProps = (properties: Element[\"properties\"]) => {\r\n    if (!properties) {\r\n        return {};\r\n    }\r\n\r\n    return Object.entries(properties).reduce<Record<string, ElementPropertyValue>>(\r\n        (props, [propertyName, propertyValue]) => {\r\n            if (propertyValue === null || propertyValue === undefined) {\r\n                return props;\r\n            }\r\n\r\n            const normalizedPropertyName = normalizePropertyName(propertyName);\r\n\r\n            props[normalizedPropertyName] =\r\n                normalizedPropertyName === \"class\"\r\n                    ? normalizeClassValue(propertyValue)\r\n                    : normalizeAttributeValue(propertyValue);\r\n\r\n            return props;\r\n        },\r\n        {},\r\n    );\r\n};"],"mappings":";;AAKA,MAAM,gBAAgB;AAEtB,MAAM,eAAe,UACjB,MACK,QAAQ,sBAAsB,QAAQ,CACtC,QAAQ,wBAAwB,QAAQ,CACxC,aAAa;AAEtB,MAAM,uBAAuB,UAAgC;AACzD,KAAI,MAAM,QAAQ,MAAM,CACpB,QAAO,MACF,SAAS,UAAU,OAAO,MAAM,CAAC,MAAM,MAAM,CAAC,CAC9C,OAAO,QAAQ;AAGxB,KAAI,OAAO,UAAU,SACjB,QAAO,MAAM,MAAM,MAAM,CAAC,OAAO,QAAQ;AAG7C,QAAO;;AAGX,MAAM,2BAA2B,UAAgC;AAC7D,KAAI,MAAM,QAAQ,MAAM,CACpB,QAAO,MAAM,IAAI,OAAO,CAAC,KAAK,IAAI;AAGtC,QAAO;;AAGX,MAAM,yBAAyB,iBAAyB;AACpD,KAAI,iBAAiB,cACjB,QAAO;AAGX,KAAI,iBAAiB,UACjB,QAAO;AAGX,KAAI,oBAAoB,KAAK,aAAa,CACtC,QAAO,YAAY,aAAa;AAGpC,QAAO;;AAGX,MAAa,4BAA4B,eAAsC;AAC3E,KAAI,CAAC,WACD,QAAO,EAAE;AAGb,QAAO,OAAO,QAAQ,WAAW,CAAC,QAC7B,OAAO,CAAC,cAAc,mBAAmB;AACtC,MAAI,kBAAkB,QAAQ,kBAAkB,OAC5C,QAAO;EAGX,MAAM,yBAAyB,sBAAsB,aAAa;AAElE,QAAM,0BACF,2BAA2B,UACrB,oBAAoB,cAAc,GAClC,wBAAwB,cAAc;AAEhD,SAAO;IAEX,EAAE,CACL"}

package/dist/elementPropertiesToProps-C6wCdFop.js

@@ -0,0 +1,31 @@
+//#region src/components/utils/elementPropertiesToProps.ts
+const classNameProp = "className";
+const toKebabCase = (value) => value.replace(/([a-z0-9])([A-Z])/g, "$1-$2").replace(/([A-Z])([A-Z][a-z])/g, "$1-$2").toLowerCase();
+const normalizeClassValue = (value) => {
+	if (Array.isArray(value)) return value.flatMap((entry) => String(entry).split(/\s+/)).filter(Boolean);
+	if (typeof value === "string") return value.split(/\s+/).filter(Boolean);
+	return value;
+};
+const normalizeAttributeValue = (value) => {
+	if (Array.isArray(value)) return value.map(String).join(" ");
+	return value;
+};
+const normalizePropertyName = (propertyName) => {
+	if (propertyName === classNameProp) return "class";
+	if (propertyName === "htmlFor") return "for";
+	if (/^(aria|data)[A-Z]/.test(propertyName)) return toKebabCase(propertyName);
+	return propertyName;
+};
+const elementPropertiesToProps = (properties) => {
+	if (!properties) return {};
+	return Object.entries(properties).reduce((props, [propertyName, propertyValue]) => {
+		if (propertyValue === null || propertyValue === void 0) return props;
+		const normalizedPropertyName = normalizePropertyName(propertyName);
+		props[normalizedPropertyName] = normalizedPropertyName === "class" ? normalizeClassValue(propertyValue) : normalizeAttributeValue(propertyValue);
+		return props;
+	}, {});
+};
+
+//#endregion
+export { elementPropertiesToProps as t };
+//# sourceMappingURL=elementPropertiesToProps-C6wCdFop.js.map

package/dist/elementPropertiesToProps-C6wCdFop.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"elementPropertiesToProps-C6wCdFop.js","names":[],"sources":["../src/components/utils/elementPropertiesToProps.ts"],"sourcesContent":["import type { Element } from \"hast\";\r\n\r\ntype ElementProperties = Element[\"properties\"];\r\ntype ElementPropertyValue = NonNullable<ElementProperties>[string];\r\n\r\nconst classNameProp = \"className\";\r\n\r\nconst toKebabCase = (value: string) =>\r\n    value\r\n        .replace(/([a-z0-9])([A-Z])/g, \"$1-$2\")\r\n        .replace(/([A-Z])([A-Z][a-z])/g, \"$1-$2\")\r\n        .toLowerCase();\r\n\r\nconst normalizeClassValue = (value: ElementPropertyValue) => {\r\n    if (Array.isArray(value)) {\r\n        return value\r\n            .flatMap((entry) => String(entry).split(/\\s+/))\r\n            .filter(Boolean);\r\n    }\r\n\r\n    if (typeof value === \"string\") {\r\n        return value.split(/\\s+/).filter(Boolean);\r\n    }\r\n\r\n    return value;\r\n};\r\n\r\nconst normalizeAttributeValue = (value: ElementPropertyValue) => {\r\n    if (Array.isArray(value)) {\r\n        return value.map(String).join(\" \");\r\n    }\r\n\r\n    return value;\r\n};\r\n\r\nconst normalizePropertyName = (propertyName: string) => {\r\n    if (propertyName === classNameProp) {\r\n        return \"class\";\r\n    }\r\n\r\n    if (propertyName === \"htmlFor\") {\r\n        return \"for\";\r\n    }\r\n\r\n    if (/^(aria|data)[A-Z]/.test(propertyName)) {\r\n        return toKebabCase(propertyName);\r\n    }\r\n\r\n    return propertyName;\r\n};\r\n\r\nexport const elementPropertiesToProps = (properties: Element[\"properties\"]) => {\r\n    if (!properties) {\r\n        return {};\r\n    }\r\n\r\n    return Object.entries(properties).reduce<Record<string, ElementPropertyValue>>(\r\n        (props, [propertyName, propertyValue]) => {\r\n            if (propertyValue === null || propertyValue === undefined) {\r\n                return props;\r\n            }\r\n\r\n            const normalizedPropertyName = normalizePropertyName(propertyName);\r\n\r\n            props[normalizedPropertyName] =\r\n                normalizedPropertyName === \"class\"\r\n                    ? normalizeClassValue(propertyValue)\r\n                    : normalizeAttributeValue(propertyValue);\r\n\r\n            return props;\r\n        },\r\n        {},\r\n    );\r\n};"],"mappings":";AAKA,MAAM,gBAAgB;AAEtB,MAAM,eAAe,UACjB,MACK,QAAQ,sBAAsB,QAAQ,CACtC,QAAQ,wBAAwB,QAAQ,CACxC,aAAa;AAEtB,MAAM,uBAAuB,UAAgC;AACzD,KAAI,MAAM,QAAQ,MAAM,CACpB,QAAO,MACF,SAAS,UAAU,OAAO,MAAM,CAAC,MAAM,MAAM,CAAC,CAC9C,OAAO,QAAQ;AAGxB,KAAI,OAAO,UAAU,SACjB,QAAO,MAAM,MAAM,MAAM,CAAC,OAAO,QAAQ;AAG7C,QAAO;;AAGX,MAAM,2BAA2B,UAAgC;AAC7D,KAAI,MAAM,QAAQ,MAAM,CACpB,QAAO,MAAM,IAAI,OAAO,CAAC,KAAK,IAAI;AAGtC,QAAO;;AAGX,MAAM,yBAAyB,iBAAyB;AACpD,KAAI,iBAAiB,cACjB,QAAO;AAGX,KAAI,iBAAiB,UACjB,QAAO;AAGX,KAAI,oBAAoB,KAAK,aAAa,CACtC,QAAO,YAAY,aAAa;AAGpC,QAAO;;AAGX,MAAa,4BAA4B,eAAsC;AAC3E,KAAI,CAAC,WACD,QAAO,EAAE;AAGb,QAAO,OAAO,QAAQ,WAAW,CAAC,QAC7B,OAAO,CAAC,cAAc,mBAAmB;AACtC,MAAI,kBAAkB,QAAQ,kBAAkB,OAC5C,QAAO;EAGX,MAAM,yBAAyB,sBAAsB,aAAa;AAElE,QAAM,0BACF,2BAA2B,UACrB,oBAAoB,cAAc,GAClC,wBAAwB,cAAc;AAEhD,SAAO;IAEX,EAAE,CACL"}