@talex-touch/tuffex 0.3.3

package/dist/lib/chat/index.js

@@ -0,0 +1,24 @@
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const withInstall = require('../utils/withInstall.js');
+const TxChatComposer = require('./src/TxChatComposer.vue.js');
+const TxChatList = require('./src/TxChatList.vue.js');
+const TxChatMessage = require('./src/TxChatMessage.vue.js');
+const TxTypingIndicator = require('./src/TxTypingIndicator.vue.js');
+
+const ChatList = withInstall.withInstall(TxChatList.default);
+const ChatMessage = withInstall.withInstall(TxChatMessage.default);
+const ChatComposer = withInstall.withInstall(TxChatComposer.default);
+const TypingIndicator = withInstall.withInstall(TxTypingIndicator.default);
+
+exports.TxChatComposer = TxChatComposer.default;
+exports.TxChatList = TxChatList.default;
+exports.TxChatMessage = TxChatMessage.default;
+exports.TxTypingIndicator = TxTypingIndicator.default;
+exports.ChatComposer = ChatComposer;
+exports.ChatList = ChatList;
+exports.ChatMessage = ChatMessage;
+exports.TypingIndicator = TypingIndicator;
+exports.default = ChatList;

package/dist/lib/chat/src/TxChatComposer.vue.js

@@ -0,0 +1,11 @@
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const TxChatComposer_vue_vue_type_script_setup_true_lang = require('./TxChatComposer.vue2.js');
+;/* empty css                     */
+const _pluginVue_exportHelper = require('../../_virtual/_plugin-vue_export-helper.js');
+
+const TxChatComposer = /* @__PURE__ */ _pluginVue_exportHelper.default(TxChatComposer_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-1871fd77"]]);
+
+exports.default = TxChatComposer;

package/dist/lib/chat/src/TxChatComposer.vue2.js

@@ -0,0 +1,105 @@
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const vue = require('vue');
+const button_vue_vue_type_script_setup_true_lang = require('../../button/src/button.vue.js');
+
+const _hoisted_1 = { class: "tx-chat-composer__input" };
+const _hoisted_2 = ["placeholder", "disabled", "rows"];
+const _hoisted_3 = { class: "tx-chat-composer__actions" };
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{
+    name: "TxChatComposer"
+  },
+  __name: "TxChatComposer",
+  props: {
+    modelValue: { default: "" },
+    placeholder: { default: "Message…" },
+    disabled: { type: Boolean, default: false },
+    submitting: { type: Boolean, default: false },
+    minRows: { default: 3 },
+    maxRows: { default: 6 },
+    sendOnEnter: { type: Boolean, default: true },
+    sendOnMetaEnter: { type: Boolean, default: true }
+  },
+  emits: ["update:modelValue", "send", "focus", "blur"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const value = vue.computed({
+      get: () => props.modelValue ?? "",
+      set: (v) => emit("update:modelValue", v)
+    });
+    const textareaRef = vue.ref(null);
+    function trySend() {
+      if (props.disabled || props.submitting)
+        return;
+      const text = (value.value ?? "").trim();
+      if (!text)
+        return;
+      emit("send", { text });
+    }
+    function onKeydown(e) {
+      if (!props.sendOnEnter)
+        return;
+      if (e.key !== "Enter")
+        return;
+      const metaLike = e.metaKey || e.ctrlKey;
+      if (props.sendOnMetaEnter) {
+        if (!metaLike)
+          return;
+        e.preventDefault();
+        trySend();
+        return;
+      }
+      if (metaLike)
+        return;
+      if (e.shiftKey)
+        return;
+      e.preventDefault();
+      trySend();
+    }
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", {
+        class: vue.normalizeClass(["tx-chat-composer", { "is-disabled": __props.disabled, "is-submitting": __props.submitting }])
+      }, [
+        vue.createElementVNode("div", _hoisted_1, [
+          vue.withDirectives(vue.createElementVNode("textarea", {
+            ref_key: "textareaRef",
+            ref: textareaRef,
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => value.value = $event),
+            class: "tx-chat-composer__textarea",
+            placeholder: __props.placeholder,
+            disabled: __props.disabled,
+            rows: __props.minRows,
+            onKeydown,
+            onFocus: _cache[1] || (_cache[1] = ($event) => emit("focus", $event)),
+            onBlur: _cache[2] || (_cache[2] = ($event) => emit("blur", $event))
+          }, null, 40, _hoisted_2), [
+            [vue.vModelText, value.value]
+          ])
+        ]),
+        vue.createElementVNode("div", _hoisted_3, [
+          vue.renderSlot(_ctx.$slots, "actions", {
+            send: trySend,
+            disabled: __props.disabled || __props.submitting
+          }, void 0, true),
+          vue.createVNode(button_vue_vue_type_script_setup_true_lang.default, {
+            type: "primary",
+            disabled: __props.disabled || __props.submitting,
+            onClick: trySend
+          }, {
+            default: vue.withCtx(() => [..._cache[3] || (_cache[3] = [
+              vue.createTextVNode(" Send ", -1)
+            ])]),
+            _: 1
+          }, 8, ["disabled"])
+        ]),
+        vue.renderSlot(_ctx.$slots, "footer", {}, void 0, true)
+      ], 2);
+    };
+  }
+});
+
+exports.default = _sfc_main;

package/dist/lib/chat/src/TxChatList.vue.js

@@ -0,0 +1,11 @@
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const TxChatList_vue_vue_type_script_setup_true_lang = require('./TxChatList.vue2.js');
+;/* empty css                 */
+const _pluginVue_exportHelper = require('../../_virtual/_plugin-vue_export-helper.js');
+
+const TxChatList = /* @__PURE__ */ _pluginVue_exportHelper.default(TxChatList_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-3c597ac8"]]);
+
+exports.default = TxChatList;

package/dist/lib/chat/src/TxChatList.vue2.js

@@ -0,0 +1,63 @@
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const vue = require('vue');
+const TxStagger_vue_vue_type_script_setup_true_lang = require('../../stagger/src/TxStagger.vue.js');
+;/* empty css                                */
+const TxChatMessage = require('./TxChatMessage.vue.js');
+
+const _hoisted_1 = { class: "tx-chat-list" };
+const _hoisted_2 = {
+  key: 1,
+  class: "tx-chat-list__inner"
+};
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{
+    name: "TxChatList"
+  },
+  __name: "TxChatList",
+  props: {
+    messages: {},
+    markdown: { type: Boolean, default: true },
+    stagger: { type: Boolean, default: true }
+  },
+  emits: ["imageClick"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const list = vue.computed(() => props.messages ?? []);
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        __props.stagger ? (vue.openBlock(), vue.createBlock(TxStagger_vue_vue_type_script_setup_true_lang.default, {
+          key: 0,
+          tag: "div",
+          class: "tx-chat-list__inner"
+        }, {
+          default: vue.withCtx(() => [
+            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(list.value, (m) => {
+              return vue.openBlock(), vue.createBlock(TxChatMessage.default, {
+                key: m.id,
+                message: m,
+                markdown: __props.markdown,
+                onImageClick: _cache[0] || (_cache[0] = ($event) => emit("imageClick", $event))
+              }, null, 8, ["message", "markdown"]);
+            }), 128))
+          ]),
+          _: 1
+        })) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, [
+          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(list.value, (m) => {
+            return vue.openBlock(), vue.createBlock(TxChatMessage.default, {
+              key: m.id,
+              message: m,
+              markdown: __props.markdown,
+              onImageClick: _cache[1] || (_cache[1] = ($event) => emit("imageClick", $event))
+            }, null, 8, ["message", "markdown"]);
+          }), 128))
+        ]))
+      ]);
+    };
+  }
+});
+
+exports.default = _sfc_main;

package/dist/lib/chat/src/TxChatMessage.vue.js

@@ -0,0 +1,11 @@
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const TxChatMessage_vue_vue_type_script_setup_true_lang = require('./TxChatMessage.vue2.js');
+;/* empty css                    */
+const _pluginVue_exportHelper = require('../../_virtual/_plugin-vue_export-helper.js');
+
+const TxChatMessage = /* @__PURE__ */ _pluginVue_exportHelper.default(TxChatMessage_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-d4cc6081"]]);
+
+exports.default = TxChatMessage;

package/dist/lib/chat/src/TxChatMessage.vue2.js

@@ -0,0 +1,113 @@
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const vue = require('vue');
+const TxMarkdownView_vue_vue_type_script_setup_true_lang = require('../../markdown-view/src/TxMarkdownView.vue.js');
+;/* empty css                                           */
+
+const _hoisted_1 = { class: "tx-chat-message__meta" };
+const _hoisted_2 = { class: "tx-chat-message__avatar" };
+const _hoisted_3 = ["src"];
+const _hoisted_4 = {
+  key: 1,
+  class: "tx-chat-message__avatar-fallback",
+  "aria-hidden": "true"
+};
+const _hoisted_5 = { class: "tx-chat-message__bubble" };
+const _hoisted_6 = {
+  key: 0,
+  class: "tx-chat-message__header"
+};
+const _hoisted_7 = {
+  key: 0,
+  class: "tx-chat-message__time"
+};
+const _hoisted_8 = { class: "tx-chat-message__content" };
+const _hoisted_9 = {
+  key: 1,
+  class: "tx-chat-message__plain"
+};
+const _hoisted_10 = {
+  key: 1,
+  class: "tx-chat-message__attachments"
+};
+const _hoisted_11 = ["onClick"];
+const _hoisted_12 = ["src", "alt"];
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{
+    name: "TxChatMessage"
+  },
+  __name: "TxChatMessage",
+  props: {
+    message: {},
+    markdown: { type: Boolean, default: true }
+  },
+  emits: ["imageClick"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const roleClass = vue.computed(() => {
+      return `tx-chat-message--${props.message.role}`;
+    });
+    const createdText = vue.computed(() => {
+      if (!props.message.createdAt)
+        return "";
+      const d = new Date(props.message.createdAt);
+      return `${d.getHours().toString().padStart(2, "0")}:${d.getMinutes().toString().padStart(2, "0")}`;
+    });
+    function onImageClick(url, name) {
+      emit("imageClick", { url, name, messageId: props.message.id });
+    }
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("article", {
+        class: vue.normalizeClass(["tx-chat-message", roleClass.value])
+      }, [
+        vue.createElementVNode("div", _hoisted_1, [
+          vue.createElementVNode("div", _hoisted_2, [
+            vue.renderSlot(_ctx.$slots, "avatar", { message: __props.message }, () => [
+              __props.message.avatarUrl ? (vue.openBlock(), vue.createElementBlock("img", {
+                key: 0,
+                src: __props.message.avatarUrl,
+                alt: ""
+              }, null, 8, _hoisted_3)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_4))
+            ], true)
+          ]),
+          vue.createElementVNode("div", _hoisted_5, [
+            _ctx.$slots.header || createdText.value ? (vue.openBlock(), vue.createElementBlock("header", _hoisted_6, [
+              vue.renderSlot(_ctx.$slots, "header", { message: __props.message }, () => [
+                createdText.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_7, vue.toDisplayString(createdText.value), 1)) : vue.createCommentVNode("", true)
+              ], true)
+            ])) : vue.createCommentVNode("", true),
+            vue.createElementVNode("div", _hoisted_8, [
+              vue.renderSlot(_ctx.$slots, "content", { message: __props.message }, () => [
+                __props.markdown ? (vue.openBlock(), vue.createBlock(TxMarkdownView_vue_vue_type_script_setup_true_lang.default, {
+                  key: 0,
+                  content: __props.message.content
+                }, null, 8, ["content"])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_9, vue.toDisplayString(__props.message.content), 1))
+              ], true)
+            ]),
+            __props.message.attachments?.length ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_10, [
+              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.message.attachments, (a, idx) => {
+                return vue.openBlock(), vue.createElementBlock("button", {
+                  key: idx,
+                  type: "button",
+                  class: "tx-chat-message__thumb",
+                  onClick: ($event) => onImageClick(a.url, a.name)
+                }, [
+                  vue.createElementVNode("img", {
+                    src: a.url,
+                    alt: a.name || "",
+                    loading: "lazy"
+                  }, null, 8, _hoisted_12)
+                ], 8, _hoisted_11);
+              }), 128))
+            ])) : vue.createCommentVNode("", true)
+          ])
+        ])
+      ], 2);
+    };
+  }
+});
+
+exports.default = _sfc_main;

package/dist/lib/chat/src/TxTypingIndicator.vue.js

@@ -0,0 +1,11 @@
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const TxTypingIndicator_vue_vue_type_script_setup_true_lang = require('./TxTypingIndicator.vue2.js');
+;/* empty css                        */
+const _pluginVue_exportHelper = require('../../_virtual/_plugin-vue_export-helper.js');
+
+const TxTypingIndicator = /* @__PURE__ */ _pluginVue_exportHelper.default(TxTypingIndicator_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-4366ee81"]]);
+
+exports.default = TxTypingIndicator;

package/dist/lib/chat/src/TxTypingIndicator.vue2.js

@@ -0,0 +1,152 @@
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const vue = require('vue');
+
+const _hoisted_1 = {
+  class: "tx-typing-indicator",
+  role: "status",
+  "aria-live": "polite"
+};
+const _hoisted_2 = { class: "tx-typing-indicator__ai" };
+const _hoisted_3 = {
+  key: 6,
+  class: "tx-typing-indicator__text"
+};
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{
+    name: "TxTypingIndicator"
+  },
+  __name: "TxTypingIndicator",
+  props: {
+    variant: { default: "dots" },
+    text: { default: "Typing…" },
+    showText: { type: Boolean, default: true },
+    size: { default: 6 },
+    gap: { default: 5 },
+    loaderSize: { default: 44 },
+    pureSize: { default: 14 },
+    ringSize: { default: 18 },
+    ringThickness: { default: 2 },
+    circleDashSize: { default: 18 },
+    circleDashThickness: { default: 2 },
+    circleDashDashDeg: { default: 12 },
+    circleDashGapDeg: { default: 12 },
+    barsSize: { default: 12 }
+  },
+  setup(__props) {
+    const props = __props;
+    const uid = vue.useId();
+    const maskId = `tx-typing-indicator-mask-${uid}`;
+    const normalizedVariant = vue.computed(() => props.variant ?? "dots");
+    const dotStyle = vue.computed(() => ({
+      width: `${props.size}px`,
+      height: `${props.size}px`
+    }));
+    const dotsStyle = vue.computed(() => ({
+      gap: `${props.gap}px`
+    }));
+    const aiWrapStyle = vue.computed(() => ({
+      "--tx-typing-ai-size": `${props.loaderSize ?? 44}px`,
+      "--tx-typing-ai-scale": String((props.loaderSize ?? 44) / 100)
+    }));
+    const aiBoxMaskStyle = vue.computed(() => ({
+      mask: `url(#${maskId})`,
+      WebkitMask: `url(#${maskId})`
+    }));
+    const pureStyle = vue.computed(() => ({
+      "--tx-typing-pure-size": `${props.pureSize ?? 14}px`
+    }));
+    const ringStyle = vue.computed(() => ({
+      "--tx-typing-ring-size": `${props.ringSize ?? 18}px`,
+      "--tx-typing-ring-thickness": `${props.ringThickness ?? 2}px`
+    }));
+    const barsStyle = vue.computed(() => ({
+      "--tx-typing-bars-size": `${props.barsSize ?? 12}px`
+    }));
+    const circleDashStyle = vue.computed(() => ({
+      "--tx-typing-circle-dash-size": `${props.circleDashSize ?? 18}px`,
+      "--tx-typing-circle-dash-thickness": `${props.circleDashThickness ?? 2}px`,
+      "--tx-typing-circle-dash-deg": `${props.circleDashDashDeg ?? 12}deg`,
+      "--tx-typing-circle-gap-deg": `${props.circleDashGapDeg ?? 12}deg`
+    }));
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        normalizedVariant.value === "ai" ? (vue.openBlock(), vue.createElementBlock("div", {
+          key: 0,
+          class: "tx-typing-indicator__ai-wrap",
+          style: vue.normalizeStyle(aiWrapStyle.value),
+          "aria-hidden": "true"
+        }, [
+          vue.createElementVNode("div", _hoisted_2, [
+            vue.createElementVNode("svg", {
+              class: "tx-typing-indicator__ai-svg",
+              width: "100",
+              height: "100",
+              viewBox: "0 0 100 100"
+            }, [
+              vue.createElementVNode("defs", null, [
+                vue.createElementVNode("mask", {
+                  id: maskId,
+                  class: "tx-typing-indicator__ai-mask"
+                }, [..._cache[0] || (_cache[0] = [
+                  vue.createStaticVNode('<polygon points="0,0 100,0 100,100 0,100" fill="black" data-v-4366ee81></polygon><polygon points="25,25 75,25 50,75" fill="white" data-v-4366ee81></polygon><polygon points="50,25 75,75 25,75" fill="white" data-v-4366ee81></polygon><polygon points="35,35 65,35 50,65" fill="white" data-v-4366ee81></polygon><polygon points="35,35 65,35 50,65" fill="white" data-v-4366ee81></polygon><polygon points="35,35 65,35 50,65" fill="white" data-v-4366ee81></polygon><polygon points="35,35 65,35 50,65" fill="white" data-v-4366ee81></polygon>', 7)
+                ])])
+              ])
+            ]),
+            vue.createElementVNode("div", {
+              class: "tx-typing-indicator__ai-box",
+              style: vue.normalizeStyle(aiBoxMaskStyle.value)
+            }, null, 4)
+          ])
+        ], 4)) : normalizedVariant.value === "pure" ? (vue.openBlock(), vue.createElementBlock("div", {
+          key: 1,
+          class: "tx-typing-indicator__pure",
+          style: vue.normalizeStyle(pureStyle.value),
+          "aria-hidden": "true"
+        }, null, 4)) : normalizedVariant.value === "ring" ? (vue.openBlock(), vue.createElementBlock("div", {
+          key: 2,
+          class: "tx-typing-indicator__ring",
+          style: vue.normalizeStyle(ringStyle.value),
+          "aria-hidden": "true"
+        }, null, 4)) : normalizedVariant.value === "circle-dash" ? (vue.openBlock(), vue.createElementBlock("div", {
+          key: 3,
+          class: "tx-typing-indicator__circle-dash",
+          style: vue.normalizeStyle(circleDashStyle.value),
+          "aria-hidden": "true"
+        }, null, 4)) : normalizedVariant.value === "bars" ? (vue.openBlock(), vue.createElementBlock("div", {
+          key: 4,
+          class: "tx-typing-indicator__bars",
+          style: vue.normalizeStyle(barsStyle.value),
+          "aria-hidden": "true"
+        }, [..._cache[1] || (_cache[1] = [
+          vue.createElementVNode("span", { class: "tx-typing-indicator__bar" }, null, -1),
+          vue.createElementVNode("span", { class: "tx-typing-indicator__bar" }, null, -1),
+          vue.createElementVNode("span", { class: "tx-typing-indicator__bar" }, null, -1)
+        ])], 4)) : (vue.openBlock(), vue.createElementBlock("div", {
+          key: 5,
+          class: "tx-typing-indicator__dots",
+          style: vue.normalizeStyle(dotsStyle.value),
+          "aria-hidden": "true"
+        }, [
+          vue.createElementVNode("span", {
+            class: "tx-typing-indicator__dot",
+            style: vue.normalizeStyle(dotStyle.value)
+          }, null, 4),
+          vue.createElementVNode("span", {
+            class: "tx-typing-indicator__dot",
+            style: vue.normalizeStyle(dotStyle.value)
+          }, null, 4),
+          vue.createElementVNode("span", {
+            class: "tx-typing-indicator__dot",
+            style: vue.normalizeStyle(dotStyle.value)
+          }, null, 4)
+        ], 4)),
+        __props.showText ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3, vue.toDisplayString(__props.text), 1)) : vue.createCommentVNode("", true)
+      ]);
+    };
+  }
+});
+
+exports.default = _sfc_main;

package/dist/lib/checkbox/index.js

@@ -0,0 +1,13 @@
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const TxCheckbox = require('./src/TxCheckbox.vue.js');
+
+TxCheckbox.default.install = (app) => {
+  app.component(TxCheckbox.default.name || "TuffCheckbox", TxCheckbox.default);
+};
+
+exports.TuffCheckbox = TxCheckbox.default;
+exports.TxCheckbox = TxCheckbox.default;
+exports.default = TxCheckbox.default;

package/dist/lib/checkbox/src/TxCheckbox.vue.js

@@ -0,0 +1,11 @@
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const TxCheckbox_vue_vue_type_script_setup_true_lang = require('./TxCheckbox.vue2.js');
+;/* empty css                 */
+const _pluginVue_exportHelper = require('../../_virtual/_plugin-vue_export-helper.js');
+
+const TxCheckbox = /* @__PURE__ */ _pluginVue_exportHelper.default(TxCheckbox_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-ec0ea0b0"]]);
+
+exports.default = TxCheckbox;

package/dist/lib/checkbox/src/TxCheckbox.vue2.js

@@ -0,0 +1,102 @@
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const vue = require('vue');
+
+const _hoisted_1 = ["aria-checked", "aria-disabled", "aria-label", "tabindex", "onKeydown"];
+const _hoisted_2 = {
+  key: 0,
+  class: "tx-checkbox__label"
+};
+const _hoisted_3 = {
+  key: 1,
+  class: "tx-checkbox__label"
+};
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{
+    name: "TxCheckbox"
+  },
+  __name: "TxCheckbox",
+  props: {
+    modelValue: { type: Boolean, default: false },
+    disabled: { type: Boolean, default: false },
+    label: {},
+    labelPlacement: { default: "end" },
+    ariaLabel: {}
+  },
+  emits: ["update:modelValue", "change"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const isChecked = vue.computed({
+      get: () => props.modelValue,
+      set: (val) => {
+        emit("update:modelValue", val);
+        emit("change", val);
+      }
+    });
+    const hasLabel = vue.computed(() => Boolean(props.label) || Boolean(vue.useSlots().default));
+    const effectiveAriaLabel = vue.computed(() => {
+      if (hasLabel.value)
+        return void 0;
+      return props.ariaLabel;
+    });
+    function toggle() {
+      if (props.disabled)
+        return;
+      isChecked.value = !isChecked.value;
+    }
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", {
+        role: "checkbox",
+        "aria-checked": isChecked.value,
+        "aria-disabled": __props.disabled,
+        "aria-label": effectiveAriaLabel.value,
+        tabindex: __props.disabled ? -1 : 0,
+        class: vue.normalizeClass(["tx-checkbox", [
+          {
+            "is-checked": isChecked.value,
+            "is-disabled": __props.disabled
+          }
+        ]]),
+        onClick: toggle,
+        onKeydown: [
+          vue.withKeys(vue.withModifiers(toggle, ["prevent"]), ["enter"]),
+          vue.withKeys(vue.withModifiers(toggle, ["prevent"]), ["space"])
+        ]
+      }, [
+        (__props.label || _ctx.$slots.default) && __props.labelPlacement === "start" ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2, [
+          vue.renderSlot(_ctx.$slots, "default", {}, () => [
+            vue.createTextVNode(vue.toDisplayString(__props.label), 1)
+          ], true)
+        ])) : vue.createCommentVNode("", true),
+        _cache[0] || (_cache[0] = vue.createElementVNode("span", {
+          class: "tx-checkbox__box",
+          "aria-hidden": "true"
+        }, [
+          vue.createElementVNode("svg", {
+            viewBox: "0 0 400 400",
+            xmlns: "http://www.w3.org/2000/svg"
+          }, [
+            vue.createElementVNode("polyline", {
+              fill: "none",
+              "stroke-width": "24",
+              points: "88,214 173,284 304,138",
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round",
+              class: "tx-checkbox__tick"
+            })
+          ])
+        ], -1)),
+        (__props.label || _ctx.$slots.default) && __props.labelPlacement === "end" ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3, [
+          vue.renderSlot(_ctx.$slots, "default", {}, () => [
+            vue.createTextVNode(vue.toDisplayString(__props.label), 1)
+          ], true)
+        ])) : vue.createCommentVNode("", true)
+      ], 42, _hoisted_1);
+    };
+  }
+});
+
+exports.default = _sfc_main;

package/dist/lib/collapse/src/TxCollapse.vue.js

@@ -0,0 +1,11 @@
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const TxCollapse_vue_vue_type_script_setup_true_lang = require('./TxCollapse.vue2.js');
+;/* empty css                 */
+const _pluginVue_exportHelper = require('../../_virtual/_plugin-vue_export-helper.js');
+
+const TxCollapse = /* @__PURE__ */ _pluginVue_exportHelper.default(TxCollapse_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-3c6ec9fb"]]);
+
+exports.default = TxCollapse;