@talex-touch/tuffex 0.3.3 → 0.3.4

package/dist/lib/empty-state/src/TxEmptyState.vue2.js

@@ -58,16 +58,21 @@ const _hoisted_11 = {
   viewBox: "0 0 64 64",
   "aria-hidden": "true"
 };
-const _hoisted_12 = { class: "tx-empty-state__content" };
-const _hoisted_13 = {
+const _hoisted_12 = {
+  key: 9,
+  viewBox: "0 0 64 64",
+  "aria-hidden": "true"
+};
+const _hoisted_13 = { class: "tx-empty-state__content" };
+const _hoisted_14 = {
   key: 0,
   class: "tx-empty-state__title"
 };
-const _hoisted_14 = {
+const _hoisted_15 = {
   key: 1,
   class: "tx-empty-state__description"
 };
-const _hoisted_15 = {
+const _hoisted_16 = {
   key: 2,
   class: "tx-empty-state__actions"
 };
@@ -174,7 +179,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       "search-empty",
       "no-data",
       "no-selection",
-      "guide"
+      "guide",
+      "error"
     ]);
     const hasIconSlot = vue.computed(() => !!slots.icon);
     const hasIconProp = vue.computed(() => {
@@ -221,17 +227,17 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
               "data-variant": illustrationVariant.value
             }, [
               illustrationVariant.value === "loading" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3, [..._cache[2] || (_cache[2] = [
-                vue.createStaticVNode('<div class="tx-empty-state__loading-row" data-v-dc46790f><div class="tx-empty-state__skeleton-block tx-empty-state__loading-avatar" data-v-dc46790f></div><div class="tx-empty-state__loading-lines" data-v-dc46790f><div class="tx-empty-state__skeleton-block tx-empty-state__loading-line tx-empty-state__loading-line--wide" data-v-dc46790f></div><div class="tx-empty-state__skeleton-block tx-empty-state__loading-line tx-empty-state__loading-line--short" data-v-dc46790f></div></div></div><div class="tx-empty-state__loading-row tx-empty-state__loading-row--muted" data-v-dc46790f><div class="tx-empty-state__skeleton-block tx-empty-state__loading-avatar" data-v-dc46790f></div><div class="tx-empty-state__loading-lines" data-v-dc46790f><div class="tx-empty-state__skeleton-block tx-empty-state__loading-line tx-empty-state__loading-line--wide" data-v-dc46790f></div><div class="tx-empty-state__skeleton-block tx-empty-state__loading-line tx-empty-state__loading-line--short" data-v-dc46790f></div></div></div>', 2)
+                vue.createStaticVNode('<div class="tx-empty-state__loading-row" data-v-90096b41><div class="tx-empty-state__skeleton-block tx-empty-state__loading-avatar" data-v-90096b41></div><div class="tx-empty-state__loading-lines" data-v-90096b41><div class="tx-empty-state__skeleton-block tx-empty-state__loading-line tx-empty-state__loading-line--wide" data-v-90096b41></div><div class="tx-empty-state__skeleton-block tx-empty-state__loading-line tx-empty-state__loading-line--short" data-v-90096b41></div></div></div><div class="tx-empty-state__loading-row tx-empty-state__loading-row--muted" data-v-90096b41><div class="tx-empty-state__skeleton-block tx-empty-state__loading-avatar" data-v-90096b41></div><div class="tx-empty-state__loading-lines" data-v-90096b41><div class="tx-empty-state__skeleton-block tx-empty-state__loading-line tx-empty-state__loading-line--wide" data-v-90096b41></div><div class="tx-empty-state__skeleton-block tx-empty-state__loading-line tx-empty-state__loading-line--short" data-v-90096b41></div></div></div>', 2)
               ])])) : illustrationVariant.value === "no-selection" ? (vue.openBlock(), vue.createElementBlock("svg", _hoisted_4, [..._cache[3] || (_cache[3] = [
-                vue.createStaticVNode('<rect class="tx-empty-state__selection-bg-item" x="12" y="8" width="32" height="4" rx="2" data-v-dc46790f></rect><g class="tx-empty-state__selection-target" data-v-dc46790f><rect class="tx-empty-state__selection-item-bg" x="12" y="18" width="40" height="12" rx="4" data-v-dc46790f></rect><circle class="tx-empty-state__selection-item-icon" cx="20" cy="24" r="3" data-v-dc46790f></circle><rect class="tx-empty-state__selection-item-text" x="26" y="22" width="20" height="4" rx="2" data-v-dc46790f></rect></g><g opacity="0.6" data-v-dc46790f><rect class="tx-empty-state__selection-item-bg-muted" x="12" y="36" width="40" height="12" rx="4" data-v-dc46790f></rect><circle class="tx-empty-state__selection-item-icon" cx="20" cy="42" r="3" data-v-dc46790f></circle><rect class="tx-empty-state__selection-item-text" x="26" y="40" width="16" height="4" rx="2" data-v-dc46790f></rect></g><path class="tx-empty-state__selection-cursor" d="M38 42l-2.9-12.7 10.3 5.4-6.3 1.9 4.3 6.4-3.2 2.1-4.2-6.4Z" data-v-dc46790f></path>', 4)
+                vue.createStaticVNode('<rect class="tx-empty-state__selection-bg-item" x="10" y="8" width="28" height="3" rx="1.5" data-v-90096b41></rect><g class="tx-empty-state__selection-target" data-v-90096b41><rect class="tx-empty-state__selection-item-bg" x="10" y="16" width="36" height="12" rx="3" data-v-90096b41></rect><circle class="tx-empty-state__selection-item-icon" cx="18" cy="22" r="3" data-v-90096b41></circle><rect class="tx-empty-state__selection-item-text" x="24" y="20" width="16" height="4" rx="2" data-v-90096b41></rect></g><g opacity="0.5" data-v-90096b41><rect class="tx-empty-state__selection-item-bg-muted" x="10" y="34" width="36" height="12" rx="3" data-v-90096b41></rect><circle class="tx-empty-state__selection-item-icon" cx="18" cy="40" r="3" data-v-90096b41></circle><rect class="tx-empty-state__selection-item-text" x="24" y="38" width="12" height="4" rx="2" data-v-90096b41></rect></g><g class="tx-empty-state__selection-cursor" data-v-90096b41><path d="M40 38l-8-8v12.5l3-2.5 2.2 4.2 2.4-1.2-2.2-4.2L40 38z" data-v-90096b41></path></g>', 4)
               ])])) : illustrationVariant.value === "search-empty" ? (vue.openBlock(), vue.createElementBlock("svg", _hoisted_5, [..._cache[4] || (_cache[4] = [
-                vue.createStaticVNode('<g class="tx-empty-state__search-group" data-v-dc46790f><circle class="tx-empty-state__search-glass-bg" cx="28" cy="28" r="14" data-v-dc46790f></circle><circle class="tx-empty-state__search-glass-border" cx="28" cy="28" r="14" data-v-dc46790f></circle><line class="tx-empty-state__search-handle" x1="38" y1="38" x2="52" y2="52" data-v-dc46790f></line></g><g class="tx-empty-state__search-bubble" data-v-dc46790f><rect x="30" y="8" width="14" height="18" rx="4" class="tx-empty-state__search-bubble-bg" data-v-dc46790f></rect><text x="37" y="21" font-size="14" font-weight="bold" text-anchor="middle" class="tx-empty-state__search-question" data-v-dc46790f>?</text></g>', 2)
+                vue.createStaticVNode('<g class="tx-empty-state__search-group" data-v-90096b41><circle class="tx-empty-state__search-glass-bg" cx="28" cy="28" r="14" data-v-90096b41></circle><circle class="tx-empty-state__search-glass-border" cx="28" cy="28" r="14" data-v-90096b41></circle><line class="tx-empty-state__search-handle" x1="38" y1="38" x2="52" y2="52" data-v-90096b41></line></g><g class="tx-empty-state__search-bubble" data-v-90096b41><rect x="30" y="8" width="14" height="18" rx="4" class="tx-empty-state__search-bubble-bg" data-v-90096b41></rect><text x="37" y="21" font-size="14" font-weight="bold" text-anchor="middle" class="tx-empty-state__search-question" data-v-90096b41>?</text></g>', 2)
               ])])) : illustrationVariant.value === "no-data" ? (vue.openBlock(), vue.createElementBlock("svg", _hoisted_6, [..._cache[5] || (_cache[5] = [
-                vue.createStaticVNode('<line class="tx-empty-state__chart-axis" x1="8" y1="56" x2="56" y2="56" data-v-dc46790f></line><line class="tx-empty-state__chart-axis" x1="8" y1="16" x2="8" y2="56" data-v-dc46790f></line><path class="tx-empty-state__chart-line" d="M8 48 Q 20 48 32 48 T 56 48" data-v-dc46790f></path><g transform="translate(38, 38)" class="tx-empty-state__chart-marks" data-v-dc46790f><path d="M-3 -3 L3 3 M3 -3 L-3 3" stroke-width="2" stroke-linecap="round" data-v-dc46790f></path></g><g transform="translate(26, 26)" class="tx-empty-state__chart-marks" data-v-dc46790f><path d="M-2 -2 L2 2 M2 -2 L-2 2" stroke-width="2" stroke-linecap="round" data-v-dc46790f></path></g>', 5)
+                vue.createStaticVNode('<line class="tx-empty-state__chart-axis" x1="8" y1="56" x2="56" y2="56" data-v-90096b41></line><line class="tx-empty-state__chart-axis" x1="8" y1="12" x2="8" y2="56" data-v-90096b41></line><line class="tx-empty-state__chart-grid" x1="8" y1="34" x2="56" y2="34" data-v-90096b41></line><line class="tx-empty-state__chart-grid" x1="8" y1="23" x2="56" y2="23" data-v-90096b41></line><path class="tx-empty-state__chart-line" d="M8 46 L18 46 L22 38 L26 50 L30 42 L34 46 L56 46" data-v-90096b41></path><circle class="tx-empty-state__chart-dot" cx="56" cy="46" r="2.5" data-v-90096b41></circle><g class="tx-empty-state__chart-marks" transform="translate(42, 28)" data-v-90096b41><path d="M-3 -3 L3 3 M3 -3 L-3 3" stroke-width="2" stroke-linecap="round" data-v-90096b41></path></g><g class="tx-empty-state__chart-marks" transform="translate(22, 22)" data-v-90096b41><path d="M-2 -2 L2 2 M2 -2 L-2 2" stroke-width="1.5" stroke-linecap="round" data-v-90096b41></path></g>', 8)
               ])])) : illustrationVariant.value === "offline" ? (vue.openBlock(), vue.createElementBlock("svg", _hoisted_7, [..._cache[6] || (_cache[6] = [
-                vue.createStaticVNode('<g class="tx-empty-state__offline-cloud" data-v-dc46790f><path class="tx-empty-state__offline-wave tx-empty-state__offline-wave--1" d="M20 36c7-7 17-7 24 0" data-v-dc46790f></path><path class="tx-empty-state__offline-wave tx-empty-state__offline-wave--2" d="M14 30c10-10 26-10 36 0" data-v-dc46790f></path><path class="tx-empty-state__offline-wave tx-empty-state__offline-wave--3" d="M26 42c4-4 8-4 12 0" data-v-dc46790f></path><circle class="tx-empty-state__offline-dot" cx="32" cy="48" r="2.5" data-v-dc46790f></circle></g><line class="tx-empty-state__offline-slash" x1="16" y1="52" x2="48" y2="16" data-v-dc46790f></line>', 2)
+                vue.createStaticVNode('<g class="tx-empty-state__offline-cloud" data-v-90096b41><path class="tx-empty-state__offline-wave tx-empty-state__offline-wave--1" d="M20 36c7-7 17-7 24 0" data-v-90096b41></path><path class="tx-empty-state__offline-wave tx-empty-state__offline-wave--2" d="M14 30c10-10 26-10 36 0" data-v-90096b41></path><path class="tx-empty-state__offline-wave tx-empty-state__offline-wave--3" d="M26 42c4-4 8-4 12 0" data-v-90096b41></path><circle class="tx-empty-state__offline-dot" cx="32" cy="48" r="2.5" data-v-90096b41></circle></g><line class="tx-empty-state__offline-slash" x1="16" y1="52" x2="48" y2="16" data-v-90096b41></line>', 2)
               ])])) : illustrationVariant.value === "permission" ? (vue.openBlock(), vue.createElementBlock("svg", _hoisted_8, [..._cache[7] || (_cache[7] = [
-                vue.createStaticVNode('<g class="tx-empty-state__lock" data-v-dc46790f><path class="tx-empty-state__lock-shackle" d="M24 28v-6a8 8 0 0 1 16 0v6" data-v-dc46790f></path><rect class="tx-empty-state__lock-body" x="20" y="28" width="24" height="18" rx="4" data-v-dc46790f></rect><circle class="tx-empty-state__lock-keyhole" cx="32" cy="37" r="2.5" data-v-dc46790f></circle><rect class="tx-empty-state__lock-keyhole-line" x="31" y="38" width="2" height="4" data-v-dc46790f></rect></g>', 1)
+                vue.createStaticVNode('<g class="tx-empty-state__lock" data-v-90096b41><path class="tx-empty-state__lock-shackle" d="M24 28v-6a8 8 0 0 1 16 0v6" data-v-90096b41></path><rect class="tx-empty-state__lock-body" x="20" y="28" width="24" height="18" rx="4" data-v-90096b41></rect><circle class="tx-empty-state__lock-keyhole" cx="32" cy="37" r="2.5" data-v-90096b41></circle><rect class="tx-empty-state__lock-keyhole-line" x="31" y="38" width="2" height="4" data-v-90096b41></rect></g>', 1)
               ])])) : illustrationVariant.value === "blank-slate" ? (vue.openBlock(), vue.createElementBlock("svg", _hoisted_9, [..._cache[8] || (_cache[8] = [
                 vue.createElementVNode("path", {
                   class: "tx-empty-state__sheet",
@@ -252,9 +258,11 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                   d: "M48 43v10m-5-5h10"
                 }, null, -1)
               ])])) : illustrationVariant.value === "empty" ? (vue.openBlock(), vue.createElementBlock("svg", _hoisted_10, [..._cache[9] || (_cache[9] = [
-                vue.createStaticVNode('<g transform="translate(0, 4)" data-v-dc46790f><rect class="tx-empty-state__box-body" x="18" y="30" width="28" height="16" rx="2" data-v-dc46790f></rect><path class="tx-empty-state__box-lid-back" d="M18 30h28v-8h-28z" data-v-dc46790f></path><g class="tx-empty-state__box-lid-wrapper" data-v-dc46790f><rect class="tx-empty-state__box-lid" x="18" y="22" width="28" height="8" rx="1" data-v-dc46790f></rect></g><circle class="tx-empty-state__box-dust tx-empty-state__box-dust--1" cx="14" cy="46" r="2" data-v-dc46790f></circle><circle class="tx-empty-state__box-dust tx-empty-state__box-dust--2" cx="10" cy="42" r="1.5" data-v-dc46790f></circle></g>', 1)
+                vue.createStaticVNode('<g transform="translate(0, 4)" data-v-90096b41><rect class="tx-empty-state__box-body" x="18" y="30" width="28" height="16" rx="2" data-v-90096b41></rect><line class="tx-empty-state__box-opening" x1="22" y1="34" x2="42" y2="34" data-v-90096b41></line><rect class="tx-empty-state__box-lid" x="16" y="22" width="32" height="8" rx="2" data-v-90096b41></rect><circle class="tx-empty-state__box-dust tx-empty-state__box-dust--1" cx="28" cy="26" r="1.5" data-v-90096b41></circle><circle class="tx-empty-state__box-dust tx-empty-state__box-dust--2" cx="36" cy="24" r="1" data-v-90096b41></circle><circle class="tx-empty-state__box-dust tx-empty-state__box-dust--3" cx="32" cy="22" r="1.2" data-v-90096b41></circle></g>', 1)
               ])])) : illustrationVariant.value === "guide" ? (vue.openBlock(), vue.createElementBlock("svg", _hoisted_11, [..._cache[10] || (_cache[10] = [
-                vue.createStaticVNode('<g class="tx-empty-state__guide-wrapper" data-v-dc46790f><circle class="tx-empty-state__guide-circle" cx="32" cy="20" r="10" data-v-dc46790f></circle><path class="tx-empty-state__guide-arrow" d="M32 26V14M27 19l5-5 5 5" data-v-dc46790f></path></g><rect class="tx-empty-state__guide-bar" x="20" y="40" width="24" height="4" rx="2" data-v-dc46790f></rect><rect class="tx-empty-state__guide-progress" x="20" y="40" width="12" height="4" rx="2" data-v-dc46790f></rect>', 3)
+                vue.createStaticVNode('<g class="tx-empty-state__guide-wrapper" data-v-90096b41><circle class="tx-empty-state__guide-circle" cx="32" cy="20" r="10" data-v-90096b41></circle><path class="tx-empty-state__guide-arrow" d="M32 26V14M27 19l5-5 5 5" data-v-90096b41></path></g><rect class="tx-empty-state__guide-bar" x="20" y="40" width="24" height="4" rx="2" data-v-90096b41></rect><rect class="tx-empty-state__guide-progress" x="20" y="40" width="12" height="4" rx="2" data-v-90096b41></rect>', 3)
+              ])])) : illustrationVariant.value === "error" ? (vue.openBlock(), vue.createElementBlock("svg", _hoisted_12, [..._cache[11] || (_cache[11] = [
+                vue.createStaticVNode('<g class="tx-empty-state__error-group" data-v-90096b41><path class="tx-empty-state__error-triangle" d="M32 12L8 52h48L32 12z" data-v-90096b41></path><line class="tx-empty-state__error-exclaim-line" x1="32" y1="26" x2="32" y2="38" data-v-90096b41></line><circle class="tx-empty-state__error-exclaim-dot" cx="32" cy="44" r="2.5" data-v-90096b41></circle></g><circle class="tx-empty-state__error-pulse tx-empty-state__error-pulse--1" cx="32" cy="36" r="18" data-v-90096b41></circle><circle class="tx-empty-state__error-pulse tx-empty-state__error-pulse--2" cx="32" cy="36" r="24" data-v-90096b41></circle>', 3)
               ])])) : vue.createCommentVNode("", true)
             ], 8, _hoisted_2)) : iconSource.value ? (vue.openBlock(), vue.createBlock(vue.unref(index.TxIcon), {
               key: 2,
@@ -267,18 +275,18 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
             }, null, 8, ["name", "size"])) : vue.createCommentVNode("", true)
           ], true)
         ])) : vue.createCommentVNode("", true),
-        vue.createElementVNode("div", _hoisted_12, [
-          showTitle.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_13, [
+        vue.createElementVNode("div", _hoisted_13, [
+          showTitle.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_14, [
             vue.renderSlot(_ctx.$slots, "title", {}, () => [
               vue.createTextVNode(vue.toDisplayString(title.value), 1)
             ], true)
           ])) : vue.createCommentVNode("", true),
-          showDescription.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_14, [
+          showDescription.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_15, [
             vue.renderSlot(_ctx.$slots, "description", {}, () => [
               vue.createTextVNode(vue.toDisplayString(description.value), 1)
             ], true)
           ])) : vue.createCommentVNode("", true),
-          showActions.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_15, [
+          showActions.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_16, [
             vue.renderSlot(_ctx.$slots, "actions", {}, () => [
               __props.secondaryAction ? (vue.openBlock(), vue.createBlock(vue.unref(index$1.TxButton), {
                 key: 0,

package/dist/lib/error-state/index.js

@@ -0,0 +1,11 @@
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const withInstall = require('../packages/tuffex/packages/utils/withInstall.js');
+const TxErrorState_vue_vue_type_script_setup_true_lang = require('./src/TxErrorState.vue.js');
+
+const TxErrorState = withInstall.withInstall(TxErrorState_vue_vue_type_script_setup_true_lang.default);
+
+exports.TxErrorState = TxErrorState;
+exports.default = TxErrorState;

package/dist/lib/error-state/src/TxErrorState.vue.js

@@ -0,0 +1,39 @@
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const vue = require('vue');
+const index = require('../../empty-state/index.js');
+
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{
+    name: "TxErrorState"
+  },
+  __name: "TxErrorState",
+  props: {
+    title: {},
+    description: {},
+    icon: {},
+    iconSize: {},
+    layout: {},
+    align: {},
+    size: {},
+    surface: {},
+    primaryAction: {},
+    secondaryAction: {},
+    actionSize: {},
+    loading: { type: Boolean }
+  },
+  setup(__props) {
+    const props = __props;
+    const slots = vue.useSlots();
+    return (_ctx, _cache) => {
+      const _directive_slots = vue.resolveDirective("slots");
+      return vue.withDirectives((vue.openBlock(), vue.createBlock(vue.unref(index.TxEmptyState), vue.mergeProps(props, { variant: "error" }), null, 16)), [
+        [_directive_slots, vue.unref(slots)]
+      ]);
+    };
+  }
+});
+
+exports.default = _sfc_main;

package/dist/lib/error-state/src/TxErrorState.vue2.js

@@ -0,0 +1,9 @@
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const TxErrorState_vue_vue_type_script_setup_true_lang = require('./TxErrorState.vue.js');
+
+
+
+exports.default = TxErrorState_vue_vue_type_script_setup_true_lang.default;

package/dist/lib/file-uploader/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
 
-const withInstall = require('../utils/withInstall.js');
+const withInstall = require('../packages/tuffex/packages/utils/withInstall.js');
 const TxFileUploader = require('./src/TxFileUploader.vue.js');
 
 const FileUploader = withInstall.withInstall(TxFileUploader.default);

package/dist/lib/flat-radio/index.js

@@ -0,0 +1,16 @@
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const withInstall = require('../packages/tuffex/packages/utils/withInstall.js');
+const TxFlatRadio = require('./src/TxFlatRadio.vue.js');
+const TxFlatRadioItem = require('./src/TxFlatRadioItem.vue.js');
+
+const FlatRadio = withInstall.withInstall(TxFlatRadio.default);
+const FlatRadioItem = withInstall.withInstall(TxFlatRadioItem.default);
+
+exports.TxFlatRadio = TxFlatRadio.default;
+exports.TxFlatRadioItem = TxFlatRadioItem.default;
+exports.FlatRadio = FlatRadio;
+exports.FlatRadioItem = FlatRadioItem;
+exports.default = FlatRadio;

package/dist/lib/flat-radio/src/TxFlatRadio.vue.js

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

package/dist/lib/flat-radio/src/TxFlatRadio.vue2.js

@@ -0,0 +1,241 @@
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const vue = require('vue');
+const types = require('./types.js');
+
+const _hoisted_1 = ["role", "tabindex", "aria-disabled"];
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{ name: "TxFlatRadio" },
+  __name: "TxFlatRadio",
+  props: {
+    modelValue: {},
+    multiple: { type: Boolean, default: false },
+    disabled: { type: Boolean, default: false },
+    size: { default: "md" },
+    bordered: { type: Boolean, default: false }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const { disabled, multiple } = vue.toRefs(props);
+    const itemMap = /* @__PURE__ */ new Map();
+    const orderedValues = vue.ref([]);
+    function rebuildOrder() {
+      const root = containerRef.value;
+      if (!root) return;
+      const els = Array.from(root.querySelectorAll(".tx-flat-radio-item"));
+      const sorted = [];
+      for (const el of els) {
+        for (const [val, registered] of itemMap) {
+          if (registered === el) {
+            sorted.push(val);
+            break;
+          }
+        }
+      }
+      orderedValues.value = sorted;
+    }
+    function registerItem(value, el) {
+      itemMap.set(value, el);
+      rebuildOrder();
+      updateIndicatorNoTransition();
+    }
+    function unregisterItem(value) {
+      itemMap.delete(value);
+      rebuildOrder();
+      updateIndicatorNoTransition();
+    }
+    function isSelected(value) {
+      if (props.multiple) {
+        const arr = Array.isArray(props.modelValue) ? props.modelValue : [];
+        return arr.includes(value);
+      }
+      return props.modelValue === value;
+    }
+    function select(value) {
+      if (props.disabled) return;
+      if (props.multiple) {
+        const arr = Array.isArray(props.modelValue) ? [...props.modelValue] : [];
+        const idx = arr.indexOf(value);
+        if (idx >= 0) {
+          arr.splice(idx, 1);
+        } else {
+          arr.push(value);
+        }
+        emit("update:modelValue", arr);
+        emit("change", arr);
+      } else {
+        emit("update:modelValue", value);
+        emit("change", value);
+      }
+    }
+    vue.provide(types.FLAT_RADIO_KEY, {
+      modelValue: vue.computed(() => props.modelValue),
+      multiple: vue.computed(() => props.multiple),
+      disabled: vue.computed(() => props.disabled),
+      size: vue.computed(() => props.size),
+      registerItem,
+      unregisterItem,
+      select,
+      isSelected
+    });
+    const containerRef = vue.ref(null);
+    const indicatorStyle = vue.ref({
+      opacity: "0",
+      transform: "translateX(0)",
+      width: "0px"
+    });
+    const indicatorTransition = vue.ref(true);
+    function updateIndicator(animate) {
+      if (props.multiple) {
+        indicatorStyle.value = { ...indicatorStyle.value, opacity: "0" };
+        return;
+      }
+      const current = props.modelValue;
+      const el = itemMap.get(current);
+      if (!el || !containerRef.value) {
+        indicatorStyle.value = { ...indicatorStyle.value, opacity: "0" };
+        return;
+      }
+      const left = el.offsetLeft;
+      const width = el.offsetWidth;
+      indicatorTransition.value = animate;
+      indicatorStyle.value = {
+        opacity: "1",
+        transform: `translateX(${left}px)`,
+        width: `${width}px`
+      };
+    }
+    function updateIndicatorNoTransition() {
+      vue.nextTick(() => updateIndicator(false));
+    }
+    let resizeObserver = null;
+    vue.onMounted(async () => {
+      await vue.nextTick();
+      updateIndicator(false);
+      if (containerRef.value) {
+        resizeObserver = new ResizeObserver(() => {
+          updateIndicator(false);
+        });
+        resizeObserver.observe(containerRef.value);
+      }
+    });
+    vue.onBeforeUnmount(() => {
+      resizeObserver?.disconnect();
+      resizeObserver = null;
+    });
+    vue.watch(
+      () => props.modelValue,
+      async () => {
+        await vue.nextTick();
+        updateIndicator(true);
+      },
+      { flush: "post", deep: true }
+    );
+    function getEnabledValues() {
+      return orderedValues.value.filter((v) => {
+        const el = itemMap.get(v);
+        return el && !el.hasAttribute("disabled");
+      });
+    }
+    const focusedValue = vue.ref(null);
+    function handleKeydown(e) {
+      if (props.disabled) return;
+      const enabled = getEnabledValues();
+      if (enabled.length === 0) return;
+      const fallbackValue = enabled[0];
+      if (fallbackValue == null)
+        return;
+      const singleValue = Array.isArray(props.modelValue) ? void 0 : props.modelValue;
+      const currentVal = props.multiple ? focusedValue.value ?? fallbackValue : singleValue ?? fallbackValue;
+      const currentIdx = enabled.indexOf(currentVal);
+      let nextIdx = -1;
+      switch (e.key) {
+        case "ArrowRight":
+        case "ArrowDown":
+          e.preventDefault();
+          nextIdx = currentIdx < 0 ? 0 : (currentIdx + 1) % enabled.length;
+          break;
+        case "ArrowLeft":
+        case "ArrowUp":
+          e.preventDefault();
+          nextIdx = currentIdx < 0 ? enabled.length - 1 : (currentIdx - 1 + enabled.length) % enabled.length;
+          break;
+        case "Home":
+          e.preventDefault();
+          nextIdx = 0;
+          break;
+        case "End":
+          e.preventDefault();
+          nextIdx = enabled.length - 1;
+          break;
+        case " ":
+        case "Enter":
+          if (props.multiple) {
+            e.preventDefault();
+            if (focusedValue.value != null) {
+              select(focusedValue.value);
+            }
+          }
+          return;
+        default:
+          return;
+      }
+      if (nextIdx >= 0) {
+        const nextValue = enabled[nextIdx];
+        if (nextValue == null)
+          return;
+        if (props.multiple) {
+          focusedValue.value = nextValue;
+        } else if (nextValue !== props.modelValue) {
+          select(nextValue);
+        }
+      }
+    }
+    const sizeConfig = vue.computed(() => {
+      const map = {
+        sm: { height: "24px", padding: "2px", fontSize: "12px", gap: "2px", radius: "6px", itemRadius: "4px" },
+        md: { height: "30px", padding: "3px", fontSize: "13px", gap: "4px", radius: "8px", itemRadius: "6px" },
+        lg: { height: "36px", padding: "4px", fontSize: "14px", gap: "4px", radius: "10px", itemRadius: "8px" }
+      };
+      return map[props.size] ?? map.md;
+    });
+    const cssVars = vue.computed(() => ({
+      "--tx-flat-radio-height": sizeConfig.value.height,
+      "--tx-flat-radio-padding": sizeConfig.value.padding,
+      "--tx-flat-radio-font-size": sizeConfig.value.fontSize,
+      "--tx-flat-radio-gap": sizeConfig.value.gap,
+      "--tx-flat-radio-radius": sizeConfig.value.radius,
+      "--tx-flat-radio-item-radius": sizeConfig.value.itemRadius
+    }));
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", {
+        ref_key: "containerRef",
+        ref: containerRef,
+        class: vue.normalizeClass(["tx-flat-radio", {
+          "is-disabled": vue.unref(disabled),
+          "is-bordered": __props.bordered,
+          "is-multiple": vue.unref(multiple)
+        }]),
+        style: vue.normalizeStyle(cssVars.value),
+        role: vue.unref(multiple) ? "group" : "radiogroup",
+        tabindex: vue.unref(disabled) ? -1 : 0,
+        "aria-disabled": vue.unref(disabled),
+        onKeydown: handleKeydown
+      }, [
+        !vue.unref(multiple) ? (vue.openBlock(), vue.createElementBlock("span", {
+          key: 0,
+          class: vue.normalizeClass(["tx-flat-radio__indicator", { "no-transition": !indicatorTransition.value }]),
+          style: vue.normalizeStyle(indicatorStyle.value),
+          "aria-hidden": "true"
+        }, null, 6)) : vue.createCommentVNode("", true),
+        vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
+      ], 46, _hoisted_1);
+    };
+  }
+});
+
+exports.default = _sfc_main;

package/dist/lib/flat-radio/src/TxFlatRadioItem.vue.js

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

package/dist/lib/flat-radio/src/TxFlatRadioItem.vue2.js

@@ -0,0 +1,91 @@
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const vue = require('vue');
+const types = require('./types.js');
+
+const _hoisted_1 = ["role", "aria-checked", "disabled"];
+const _hoisted_2 = {
+  key: 0,
+  class: "tx-flat-radio-item__icon"
+};
+const _hoisted_3 = {
+  key: 1,
+  class: "tx-flat-radio-item__label"
+};
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{ name: "TxFlatRadioItem" },
+  __name: "TxFlatRadioItem",
+  props: {
+    value: {},
+    label: { default: void 0 },
+    icon: { default: void 0 },
+    disabled: { type: Boolean, default: false }
+  },
+  setup(__props) {
+    const props = __props;
+    const ctx = vue.inject(types.FLAT_RADIO_KEY);
+    if (!ctx) {
+      if (vue.getCurrentInstance()) {
+        console.warn("[TxFlatRadioItem] must be used inside <TxFlatRadio>");
+      }
+    }
+    const itemRef = vue.ref(null);
+    const isSelected = vue.computed(() => {
+      if (!ctx) return false;
+      const mv = ctx.modelValue.value;
+      if (ctx.multiple.value) {
+        return Array.isArray(mv) ? mv.includes(props.value) : false;
+      }
+      return mv === props.value;
+    });
+    const isDisabled = vue.computed(() => props.disabled || ctx?.disabled.value);
+    const isMultiple = vue.computed(() => ctx?.multiple.value ?? false);
+    function handleClick() {
+      if (isDisabled.value) return;
+      ctx?.select(props.value);
+    }
+    vue.onMounted(() => {
+      if (itemRef.value && ctx) {
+        ctx.registerItem(props.value, itemRef.value);
+      }
+    });
+    vue.onBeforeUnmount(() => {
+      ctx?.unregisterItem(props.value);
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("button", {
+        ref_key: "itemRef",
+        ref: itemRef,
+        class: vue.normalizeClass(["tx-flat-radio-item", {
+          "is-selected": isSelected.value,
+          "is-disabled": isDisabled.value,
+          "is-multiple-selected": isMultiple.value && isSelected.value
+        }]),
+        type: "button",
+        role: isMultiple.value ? "checkbox" : "radio",
+        "aria-checked": isSelected.value,
+        disabled: isDisabled.value || void 0,
+        tabindex: -1,
+        onClick: handleClick
+      }, [
+        _ctx.$slots.icon || __props.icon ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2, [
+          vue.renderSlot(_ctx.$slots, "icon", {}, () => [
+            __props.icon ? (vue.openBlock(), vue.createElementBlock("i", {
+              key: 0,
+              class: vue.normalizeClass(__props.icon)
+            }, null, 2)) : vue.createCommentVNode("", true)
+          ], true)
+        ])) : vue.createCommentVNode("", true),
+        _ctx.$slots.default || __props.label ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3, [
+          vue.renderSlot(_ctx.$slots, "default", {}, () => [
+            vue.createTextVNode(vue.toDisplayString(__props.label), 1)
+          ], true)
+        ])) : vue.createCommentVNode("", true)
+      ], 10, _hoisted_1);
+    };
+  }
+});
+
+exports.default = _sfc_main;

package/dist/lib/flat-radio/src/types.js

@@ -0,0 +1,7 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const FLAT_RADIO_KEY = Symbol("TxFlatRadio");
+
+exports.FLAT_RADIO_KEY = FLAT_RADIO_KEY;

package/dist/lib/flat-select/index.js

@@ -0,0 +1,16 @@
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const withInstall = require('../packages/tuffex/packages/utils/withInstall.js');
+const TxFlatSelect = require('./src/TxFlatSelect.vue.js');
+const TxFlatSelectItem = require('./src/TxFlatSelectItem.vue.js');
+
+const FlatSelect = withInstall.withInstall(TxFlatSelect.default);
+const FlatSelectItem = withInstall.withInstall(TxFlatSelectItem.default);
+
+exports.TxFlatSelect = TxFlatSelect.default;
+exports.TxFlatSelectItem = TxFlatSelectItem.default;
+exports.FlatSelect = FlatSelect;
+exports.FlatSelectItem = FlatSelectItem;
+exports.default = FlatSelect;

package/dist/lib/flat-select/src/TxFlatSelect.vue.js

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