@talex-touch/tuffex 0.3.3

package/dist/lib/dropdown-menu/index.js

@@ -0,0 +1,16 @@
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const withInstall = require('../utils/withInstall.js');
+const TxDropdownItem = require('./src/TxDropdownItem.vue.js');
+const TxDropdownMenu = require('./src/TxDropdownMenu.vue.js');
+
+const DropdownMenu = withInstall.withInstall(TxDropdownMenu.default);
+const DropdownItem = withInstall.withInstall(TxDropdownItem.default);
+
+exports.TxDropdownItem = TxDropdownItem.default;
+exports.TxDropdownMenu = TxDropdownMenu.default;
+exports.DropdownItem = DropdownItem;
+exports.DropdownMenu = DropdownMenu;
+exports.default = DropdownMenu;

package/dist/lib/dropdown-menu/src/TxDropdownItem.vue.js

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

package/dist/lib/dropdown-menu/src/TxDropdownItem.vue2.js

@@ -0,0 +1,60 @@
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const vue = require('vue');
+const TxCardItem = require('../../card-item/src/TxCardItem.vue.js');
+const TxIcon = require('../../icon/src/TxIcon.vue.js');
+
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{ name: "TxDropdownItem" },
+  __name: "TxDropdownItem",
+  props: {
+    disabled: { type: Boolean, default: false },
+    danger: { type: Boolean, default: false },
+    arrow: { type: Boolean, default: false }
+  },
+  emits: ["select"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const ctx = vue.inject("txDropdownMenu");
+    function onClick() {
+      if (props.disabled)
+        return;
+      emit("select");
+      if (ctx?.closeOnSelect)
+        ctx?.close();
+    }
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(TxCardItem.default, {
+        class: vue.normalizeClass(["tx-dropdown-item", { "is-disabled": __props.disabled, "is-danger": __props.danger }]),
+        role: "menuitem",
+        clickable: !__props.disabled,
+        disabled: __props.disabled,
+        onClick
+      }, vue.createSlots({
+        title: vue.withCtx(() => [
+          vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
+        ]),
+        _: 2
+      }, [
+        _ctx.$slots.right || __props.arrow ? {
+          name: "right",
+          fn: vue.withCtx(() => [
+            vue.renderSlot(_ctx.$slots, "right", {}, () => [
+              vue.createVNode(TxIcon.default, {
+                name: "chevron-down",
+                class: "tx-dropdown-item__arrow",
+                "aria-hidden": "true"
+              })
+            ], true)
+          ]),
+          key: "0"
+        } : void 0
+      ]), 1032, ["class", "clickable", "disabled"]);
+    };
+  }
+});
+
+exports.default = _sfc_main;

package/dist/lib/dropdown-menu/src/TxDropdownMenu.vue.js

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

package/dist/lib/dropdown-menu/src/TxDropdownMenu.vue2.js

@@ -0,0 +1,78 @@
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const vue = require('vue');
+const TxPopover = require('../../popover/src/TxPopover.vue.js');
+
+const _hoisted_1 = {
+  class: "tx-dropdown__panel",
+  role: "menu"
+};
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{ name: "TxDropdownMenu" },
+  __name: "TxDropdownMenu",
+  props: {
+    modelValue: { type: Boolean, default: false },
+    placement: { default: "bottom-start" },
+    offset: { default: 6 },
+    closeOnSelect: { type: Boolean, default: true },
+    minWidth: { default: 220 },
+    panelVariant: { default: "solid" },
+    panelBackground: { default: "glass" },
+    panelShadow: { default: "soft" },
+    panelRadius: { default: 18 },
+    panelPadding: { default: 8 }
+  },
+  emits: ["update:modelValue", "open", "close"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const open = vue.computed({
+      get: () => !!props.modelValue,
+      set: (v) => {
+        emit("update:modelValue", v);
+        if (v)
+          emit("open");
+        else
+          emit("close");
+      }
+    });
+    function close() {
+      open.value = false;
+    }
+    vue.provide("txDropdownMenu", {
+      close,
+      closeOnSelect: props.closeOnSelect
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(TxPopover.default, {
+        modelValue: open.value,
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => open.value = $event),
+        class: "tx-dropdown",
+        placement: __props.placement,
+        offset: __props.offset,
+        width: 0,
+        "min-width": __props.minWidth,
+        "max-width": 360,
+        "panel-variant": __props.panelVariant,
+        "panel-background": __props.panelBackground,
+        "panel-shadow": __props.panelShadow,
+        "panel-radius": __props.panelRadius,
+        "panel-padding": __props.panelPadding
+      }, {
+        reference: vue.withCtx(() => [
+          vue.renderSlot(_ctx.$slots, "trigger", {}, void 0, true)
+        ]),
+        default: vue.withCtx(() => [
+          vue.createElementVNode("div", _hoisted_1, [
+            vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
+          ])
+        ]),
+        _: 3
+      }, 8, ["modelValue", "placement", "offset", "min-width", "panel-variant", "panel-background", "panel-shadow", "panel-radius", "panel-padding"]);
+    };
+  }
+});
+
+exports.default = _sfc_main;

package/dist/lib/empty/index.js

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

package/dist/lib/empty/src/TxEmpty.vue.js

@@ -0,0 +1,64 @@
+'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: "TxEmpty" },
+  __name: "TxEmpty",
+  props: {
+    title: { default: "Nothing here" },
+    description: { default: "" },
+    iconClass: { default: "i-carbon-incomplete" },
+    compact: { type: Boolean, default: false }
+  },
+  setup(__props) {
+    const props = __props;
+    const slots = vue.useSlots();
+    const emptyStateSize = vue.computed(() => props.compact ? "small" : "medium");
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.unref(index.TxEmptyState), {
+        variant: "empty",
+        title: __props.title,
+        description: __props.description,
+        icon: __props.iconClass,
+        size: emptyStateSize.value,
+        surface: "card",
+        layout: "vertical"
+      }, vue.createSlots({ _: 2 }, [
+        vue.unref(slots).icon ? {
+          name: "icon",
+          fn: vue.withCtx(() => [
+            vue.renderSlot(_ctx.$slots, "icon")
+          ]),
+          key: "0"
+        } : void 0,
+        vue.unref(slots).title ? {
+          name: "title",
+          fn: vue.withCtx(() => [
+            vue.renderSlot(_ctx.$slots, "title")
+          ]),
+          key: "1"
+        } : void 0,
+        vue.unref(slots).description ? {
+          name: "description",
+          fn: vue.withCtx(() => [
+            vue.renderSlot(_ctx.$slots, "description")
+          ]),
+          key: "2"
+        } : void 0,
+        vue.unref(slots).action ? {
+          name: "actions",
+          fn: vue.withCtx(() => [
+            vue.renderSlot(_ctx.$slots, "action")
+          ]),
+          key: "3"
+        } : void 0
+      ]), 1032, ["title", "description", "icon", "size"]);
+    };
+  }
+});
+
+exports.default = _sfc_main;

package/dist/lib/empty/src/TxEmpty.vue2.js

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

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

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

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

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

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

@@ -0,0 +1,319 @@
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const vue = require('vue');
+const index$1 = require('../../button/index.js');
+const index = require('../../icon/index.js');
+require('../../spinner/index.js');
+const TxSpinner_vue_vue_type_script_setup_true_lang = require('../../spinner/src/TxSpinner.vue.js');
+;/* empty css                                */
+
+const _hoisted_1 = {
+  key: 0,
+  class: "tx-empty-state__icon"
+};
+const _hoisted_2 = ["data-variant"];
+const _hoisted_3 = {
+  key: 0,
+  class: "tx-empty-state__loading"
+};
+const _hoisted_4 = {
+  key: 1,
+  viewBox: "0 0 64 64",
+  "aria-hidden": "true"
+};
+const _hoisted_5 = {
+  key: 2,
+  viewBox: "0 0 64 64",
+  "aria-hidden": "true"
+};
+const _hoisted_6 = {
+  key: 3,
+  viewBox: "0 0 64 64",
+  "aria-hidden": "true"
+};
+const _hoisted_7 = {
+  key: 4,
+  viewBox: "0 0 64 64",
+  "aria-hidden": "true"
+};
+const _hoisted_8 = {
+  key: 5,
+  viewBox: "0 0 64 64",
+  "aria-hidden": "true"
+};
+const _hoisted_9 = {
+  key: 6,
+  viewBox: "0 0 64 64",
+  "aria-hidden": "true"
+};
+const _hoisted_10 = {
+  key: 7,
+  viewBox: "0 0 64 64",
+  "aria-hidden": "true"
+};
+const _hoisted_11 = {
+  key: 8,
+  viewBox: "0 0 64 64",
+  "aria-hidden": "true"
+};
+const _hoisted_12 = { class: "tx-empty-state__content" };
+const _hoisted_13 = {
+  key: 0,
+  class: "tx-empty-state__title"
+};
+const _hoisted_14 = {
+  key: 1,
+  class: "tx-empty-state__description"
+};
+const _hoisted_15 = {
+  key: 2,
+  class: "tx-empty-state__actions"
+};
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{
+    name: "TxEmptyState"
+  },
+  __name: "TxEmptyState",
+  props: {
+    variant: { default: "empty" },
+    title: {},
+    description: {},
+    icon: {},
+    iconSize: {},
+    layout: { default: "vertical" },
+    align: { default: "center" },
+    size: { default: "medium" },
+    surface: { default: "plain" },
+    primaryAction: {},
+    secondaryAction: {},
+    actionSize: { default: "small" },
+    loading: { type: Boolean, default: false }
+  },
+  emits: ["primary", "secondary"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const slots = vue.useSlots();
+    const variantDefaults = {
+      "empty": {
+        title: "Nothing here",
+        description: "There is nothing to show yet.",
+        icon: "i-carbon-incomplete"
+      },
+      "blank-slate": {
+        title: "Start from scratch",
+        description: "Create your first item to get started.",
+        icon: ""
+      },
+      "no-data": {
+        title: "No data",
+        description: "No data available yet.",
+        icon: "i-carbon-data-base"
+      },
+      "no-selection": {
+        title: "Nothing selected",
+        description: "Select an item to see details.",
+        icon: "i-carbon-view"
+      },
+      "search-empty": {
+        title: "No results",
+        description: "Try a different keyword or filter.",
+        icon: "i-carbon-search"
+      },
+      "loading": {
+        title: "Loading",
+        description: "Please wait a moment.",
+        icon: ""
+      },
+      "offline": {
+        title: "You are offline",
+        description: "Check your connection and retry.",
+        icon: "i-carbon-cloud-offline"
+      },
+      "permission": {
+        title: "Access denied",
+        description: "You do not have permission to view this content.",
+        icon: "i-carbon-locked"
+      },
+      "error": {
+        title: "Something went wrong",
+        description: "Please try again later.",
+        icon: "i-carbon-warning"
+      },
+      "guide": {
+        title: "Start here",
+        description: "Follow the steps to get started.",
+        icon: "i-carbon-direction-straight-right"
+      },
+      "custom": {
+        title: "",
+        description: "",
+        icon: ""
+      }
+    };
+    const variantInfo = vue.computed(() => variantDefaults[props.variant]);
+    const title = vue.computed(() => props.title !== void 0 ? props.title : variantInfo.value.title);
+    const description = vue.computed(() => props.description !== void 0 ? props.description : variantInfo.value.description);
+    const iconValue = vue.computed(() => {
+      if (props.icon === null)
+        return null;
+      if (props.icon !== void 0)
+        return props.icon;
+      return variantInfo.value.icon ?? "";
+    });
+    const iconName = vue.computed(() => typeof iconValue.value === "string" ? iconValue.value : "");
+    const iconSource = vue.computed(() => typeof iconValue.value === "string" ? null : iconValue.value);
+    const illustrationVariants = /* @__PURE__ */ new Set([
+      "empty",
+      "blank-slate",
+      "loading",
+      "offline",
+      "permission",
+      "search-empty",
+      "no-data",
+      "no-selection",
+      "guide"
+    ]);
+    const hasIconSlot = vue.computed(() => !!slots.icon);
+    const hasIconProp = vue.computed(() => {
+      if (props.icon === void 0 || props.icon === null)
+        return false;
+      if (typeof props.icon === "string")
+        return props.icon.trim().length > 0;
+      return true;
+    });
+    const showSpinner = vue.computed(() => props.loading && !hasIconSlot.value && !hasIconProp.value);
+    const useIllustration = vue.computed(() => !hasIconSlot.value && !hasIconProp.value && !showSpinner.value && illustrationVariants.has(props.variant));
+    const illustrationVariant = vue.computed(() => useIllustration.value ? props.variant : "");
+    const sizeMap = {
+      small: 28,
+      medium: 36,
+      large: 44
+    };
+    const resolvedIconSize = vue.computed(() => props.iconSize ?? sizeMap[props.size]);
+    const showIcon = vue.computed(() => hasIconSlot.value || showSpinner.value || useIllustration.value || !!iconName.value || !!iconSource.value);
+    const showTitle = vue.computed(() => !!slots.title || !!title.value);
+    const showDescription = vue.computed(() => !!slots.description || !!description.value);
+    const showActions = vue.computed(() => !!slots.actions || !!props.primaryAction || !!props.secondaryAction);
+    function getActionSize(action) {
+      return action?.size ?? props.actionSize;
+    }
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", {
+        class: vue.normalizeClass(["tx-empty-state", [
+          `tx-empty-state--layout-${__props.layout}`,
+          `tx-empty-state--align-${__props.align}`,
+          `tx-empty-state--size-${__props.size}`,
+          `tx-empty-state--variant-${__props.variant}`,
+          { "tx-empty-state--card": __props.surface === "card" }
+        ]])
+      }, [
+        showIcon.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+          vue.renderSlot(_ctx.$slots, "icon", {}, () => [
+            showSpinner.value ? (vue.openBlock(), vue.createBlock(vue.unref(TxSpinner_vue_vue_type_script_setup_true_lang.default), {
+              key: 0,
+              size: resolvedIconSize.value
+            }, null, 8, ["size"])) : useIllustration.value ? (vue.openBlock(), vue.createElementBlock("span", {
+              key: 1,
+              class: "tx-empty-state__illustration",
+              "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)
+              ])])) : 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)
+              ])])) : 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)
+              ])])) : 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)
+              ])])) : 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)
+              ])])) : 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)
+              ])])) : illustrationVariant.value === "blank-slate" ? (vue.openBlock(), vue.createElementBlock("svg", _hoisted_9, [..._cache[8] || (_cache[8] = [
+                vue.createElementVNode("path", {
+                  class: "tx-empty-state__sheet",
+                  d: "M18 10h18l12 12v30a4 4 0 0 1-4 4H18a4 4 0 0 1-4-4V14a4 4 0 0 1 4-4z"
+                }, null, -1),
+                vue.createElementVNode("path", {
+                  class: "tx-empty-state__sheet-corner",
+                  d: "M36 10v8a4 4 0 0 0 4 4h8"
+                }, null, -1),
+                vue.createElementVNode("circle", {
+                  class: "tx-empty-state__sheet-plus-bg",
+                  cx: "48",
+                  cy: "48",
+                  r: "10"
+                }, null, -1),
+                vue.createElementVNode("path", {
+                  class: "tx-empty-state__sheet-plus-icon",
+                  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)
+              ])])) : 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.createCommentVNode("", true)
+            ], 8, _hoisted_2)) : iconSource.value ? (vue.openBlock(), vue.createBlock(vue.unref(index.TxIcon), {
+              key: 2,
+              icon: iconSource.value,
+              size: resolvedIconSize.value
+            }, null, 8, ["icon", "size"])) : iconName.value ? (vue.openBlock(), vue.createBlock(vue.unref(index.TxIcon), {
+              key: 3,
+              name: iconName.value,
+              size: resolvedIconSize.value
+            }, 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.renderSlot(_ctx.$slots, "title", {}, () => [
+              vue.createTextVNode(vue.toDisplayString(title.value), 1)
+            ], true)
+          ])) : vue.createCommentVNode("", true),
+          showDescription.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_14, [
+            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, [
+            vue.renderSlot(_ctx.$slots, "actions", {}, () => [
+              __props.secondaryAction ? (vue.openBlock(), vue.createBlock(vue.unref(index$1.TxButton), {
+                key: 0,
+                variant: __props.secondaryAction.variant,
+                type: __props.secondaryAction.type,
+                size: getActionSize(__props.secondaryAction),
+                disabled: __props.secondaryAction.disabled,
+                icon: __props.secondaryAction.icon,
+                onClick: _cache[0] || (_cache[0] = ($event) => emit("secondary"))
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createTextVNode(vue.toDisplayString(__props.secondaryAction.label), 1)
+                ]),
+                _: 1
+              }, 8, ["variant", "type", "size", "disabled", "icon"])) : vue.createCommentVNode("", true),
+              __props.primaryAction ? (vue.openBlock(), vue.createBlock(vue.unref(index$1.TxButton), {
+                key: 1,
+                variant: __props.primaryAction.variant,
+                type: __props.primaryAction.type,
+                size: getActionSize(__props.primaryAction),
+                disabled: __props.primaryAction.disabled,
+                icon: __props.primaryAction.icon,
+                onClick: _cache[1] || (_cache[1] = ($event) => emit("primary"))
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createTextVNode(vue.toDisplayString(__props.primaryAction.label), 1)
+                ]),
+                _: 1
+              }, 8, ["variant", "type", "size", "disabled", "icon"])) : vue.createCommentVNode("", true)
+            ], true)
+          ])) : vue.createCommentVNode("", true)
+        ])
+      ], 2);
+    };
+  }
+});
+
+exports.default = _sfc_main;

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

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

package/dist/lib/file-uploader/src/TxFileUploader.vue.js

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