@talex-touch/tuffex 0.3.3 → 0.3.4

package/dist/es/edge-fade-mask/index.d.ts

@@ -0,0 +1,120 @@
+import { EdgeFadeMaskAxis, EdgeFadeMaskProps } from './src/types';
+import { default as TxEdgeFadeMask } from './src/TxEdgeFadeMask.vue';
+
+export type { EdgeFadeMaskAxis, EdgeFadeMaskProps };
+declare const EdgeFadeMask: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+        disabled: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        size: {
+            type: import('vue').PropType<string | number>;
+            default: number;
+        };
+        as: {
+            type: import('vue').PropType<string>;
+            default: string;
+        };
+        axis: {
+            type: import('vue').PropType<EdgeFadeMaskAxis>;
+            default: string;
+        };
+        threshold: {
+            type: import('vue').PropType<number>;
+            default: number;
+        };
+        observeResize: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+    }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+        disabled: boolean;
+        size: string | number;
+        as: string;
+        axis: EdgeFadeMaskAxis;
+        threshold: number;
+        observeResize: boolean;
+    }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('vue').ExtractPropTypes<{
+        disabled: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        size: {
+            type: import('vue').PropType<string | number>;
+            default: number;
+        };
+        as: {
+            type: import('vue').PropType<string>;
+            default: string;
+        };
+        axis: {
+            type: import('vue').PropType<EdgeFadeMaskAxis>;
+            default: string;
+        };
+        threshold: {
+            type: import('vue').PropType<number>;
+            default: number;
+        };
+        observeResize: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+    }>> & Readonly<{}>, {}, {}, {}, {}, {
+        disabled: boolean;
+        size: string | number;
+        as: string;
+        axis: EdgeFadeMaskAxis;
+        threshold: number;
+        observeResize: boolean;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+    disabled: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+    size: {
+        type: import('vue').PropType<string | number>;
+        default: number;
+    };
+    as: {
+        type: import('vue').PropType<string>;
+        default: string;
+    };
+    axis: {
+        type: import('vue').PropType<EdgeFadeMaskAxis>;
+        default: string;
+    };
+    threshold: {
+        type: import('vue').PropType<number>;
+        default: number;
+    };
+    observeResize: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+    disabled: boolean;
+    size: string | number;
+    as: string;
+    axis: EdgeFadeMaskAxis;
+    threshold: number;
+    observeResize: boolean;
+}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+    $slots: {
+        default?(_: {}): any;
+    };
+}) & import('vue').Plugin;
+export { EdgeFadeMask, TxEdgeFadeMask };
+export type TxEdgeFadeMaskInstance = InstanceType<typeof TxEdgeFadeMask>;
+export default EdgeFadeMask;

package/dist/es/edge-fade-mask/index.js

@@ -0,0 +1,6 @@
+import { withInstall } from '../packages/tuffex/packages/utils/withInstall.js';
+import TxEdgeFadeMask from './src/TxEdgeFadeMask.vue.js';
+
+const EdgeFadeMask = withInstall(TxEdgeFadeMask);
+
+export { EdgeFadeMask, TxEdgeFadeMask, EdgeFadeMask as default };

package/dist/es/edge-fade-mask/src/TxEdgeFadeMask.vue.d.ts

@@ -0,0 +1,51 @@
+import { EdgeFadeMaskProps } from './types';
+
+declare function __VLS_template(): {
+    default?(_: {}): any;
+};
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<EdgeFadeMaskProps>, {
+    as: string;
+    axis: string;
+    size: number;
+    threshold: number;
+    disabled: boolean;
+    observeResize: boolean;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<EdgeFadeMaskProps>, {
+    as: string;
+    axis: string;
+    size: number;
+    threshold: number;
+    disabled: boolean;
+    observeResize: boolean;
+}>>> & Readonly<{}>, {
+    disabled: boolean;
+    size: string | number;
+    as: string;
+    axis: import('./types').EdgeFadeMaskAxis;
+    threshold: number;
+    observeResize: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/es/edge-fade-mask/src/TxEdgeFadeMask.vue.js

@@ -0,0 +1,7 @@
+import _sfc_main from './TxEdgeFadeMask.vue2.js';
+/* empty css                    */
+import _export_sfc from '../../_virtual/_plugin-vue_export-helper.js';
+
+const TxEdgeFadeMask = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-a0790b7e"]]);
+
+export { TxEdgeFadeMask as default };

package/dist/es/edge-fade-mask/src/TxEdgeFadeMask.vue2.js

@@ -0,0 +1,154 @@
+import { defineComponent, ref, computed, watch, nextTick, onMounted, onUnmounted, onUpdated, createBlock, openBlock, resolveDynamicComponent, normalizeClass, withCtx, createElementVNode, normalizeStyle, renderSlot } from 'vue';
+
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "TxEdgeFadeMask"
+  },
+  __name: "TxEdgeFadeMask",
+  props: {
+    as: { default: "div" },
+    axis: { default: "vertical" },
+    size: { default: 24 },
+    threshold: { default: 1 },
+    disabled: { type: Boolean, default: false },
+    observeResize: { type: Boolean, default: true }
+  },
+  setup(__props) {
+    const props = __props;
+    const viewportRef = ref(null);
+    const canScroll = ref(false);
+    const showLeadingFade = ref(false);
+    const showTrailingFade = ref(false);
+    function toCssUnit(value) {
+      return typeof value === "number" ? `${value}px` : value;
+    }
+    function updateFadeState() {
+      const element = viewportRef.value;
+      if (!element || props.disabled) {
+        canScroll.value = false;
+        showLeadingFade.value = false;
+        showTrailingFade.value = false;
+        return;
+      }
+      const threshold = Math.max(0, props.threshold);
+      if (props.axis === "horizontal") {
+        const maxScroll2 = Math.max(0, element.scrollWidth - element.clientWidth);
+        const current2 = Math.max(0, element.scrollLeft);
+        const scrollable2 = maxScroll2 > threshold;
+        canScroll.value = scrollable2;
+        showLeadingFade.value = scrollable2 && current2 > threshold;
+        showTrailingFade.value = scrollable2 && current2 < maxScroll2 - threshold;
+        return;
+      }
+      const maxScroll = Math.max(0, element.scrollHeight - element.clientHeight);
+      const current = Math.max(0, element.scrollTop);
+      const scrollable = maxScroll > threshold;
+      canScroll.value = scrollable;
+      showLeadingFade.value = scrollable && current > threshold;
+      showTrailingFade.value = scrollable && current < maxScroll - threshold;
+    }
+    const maskStyle = computed(() => {
+      if (props.disabled || !canScroll.value)
+        return {};
+      const size = toCssUnit(props.size);
+      const direction = props.axis === "horizontal" ? "to right" : "to bottom";
+      const leading = showLeadingFade.value ? "transparent" : "black";
+      const trailing = showTrailingFade.value ? "transparent" : "black";
+      const maskImage = `linear-gradient(${direction}, ${leading} 0, black ${size}, black calc(100% - ${size}), ${trailing} 100%)`;
+      return {
+        WebkitMaskImage: maskImage,
+        maskImage,
+        WebkitMaskRepeat: "no-repeat",
+        maskRepeat: "no-repeat",
+        WebkitMaskSize: "100% 100%",
+        maskSize: "100% 100%",
+        WebkitMaskPosition: "center",
+        maskPosition: "center"
+      };
+    });
+    const rootClass = computed(() => ({
+      "tx-edge-fade-mask--vertical": props.axis === "vertical",
+      "tx-edge-fade-mask--horizontal": props.axis === "horizontal"
+    }));
+    let resizeObserver = null;
+    function teardownResizeObserver() {
+      if (!resizeObserver)
+        return;
+      resizeObserver.disconnect();
+      resizeObserver = null;
+    }
+    function setupResizeObserver() {
+      if (!props.observeResize)
+        return;
+      if (typeof ResizeObserver === "undefined")
+        return;
+      const element = viewportRef.value;
+      if (!element)
+        return;
+      resizeObserver = new ResizeObserver(() => {
+        updateFadeState();
+      });
+      resizeObserver.observe(element);
+      const firstChild = element.firstElementChild;
+      if (firstChild)
+        resizeObserver.observe(firstChild);
+    }
+    function handleScroll() {
+      updateFadeState();
+    }
+    watch(
+      () => [props.axis, props.disabled, props.threshold],
+      () => {
+        void nextTick(() => {
+          updateFadeState();
+        });
+      }
+    );
+    watch(
+      () => props.observeResize,
+      () => {
+        teardownResizeObserver();
+        setupResizeObserver();
+        updateFadeState();
+      }
+    );
+    onMounted(() => {
+      const element = viewportRef.value;
+      if (!element)
+        return;
+      element.addEventListener("scroll", handleScroll, { passive: true });
+      setupResizeObserver();
+      void nextTick(() => {
+        updateFadeState();
+      });
+    });
+    onUnmounted(() => {
+      const element = viewportRef.value;
+      if (element)
+        element.removeEventListener("scroll", handleScroll);
+      teardownResizeObserver();
+    });
+    onUpdated(() => {
+      updateFadeState();
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(resolveDynamicComponent(__props.as), {
+        class: normalizeClass(["tx-edge-fade-mask", rootClass.value])
+      }, {
+        default: withCtx(() => [
+          createElementVNode("div", {
+            ref_key: "viewportRef",
+            ref: viewportRef,
+            class: "tx-edge-fade-mask__viewport",
+            style: normalizeStyle(maskStyle.value)
+          }, [
+            renderSlot(_ctx.$slots, "default", {}, void 0, true)
+          ], 4)
+        ]),
+        _: 3
+      }, 8, ["class"]);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/dist/es/edge-fade-mask/src/types.d.ts

@@ -0,0 +1,9 @@
+export type EdgeFadeMaskAxis = 'vertical' | 'horizontal';
+export interface EdgeFadeMaskProps {
+    as?: string;
+    axis?: EdgeFadeMaskAxis;
+    size?: string | number;
+    threshold?: number;
+    disabled?: boolean;
+    observeResize?: boolean;
+}

package/dist/es/empty/index.js

@@ -1,4 +1,4 @@
-import { withInstall } from '../utils/withInstall.js';
+import { withInstall } from '../packages/tuffex/packages/utils/withInstall.js';
 import _sfc_main from './src/TxEmpty.vue.js';
 
 const Empty = withInstall(_sfc_main);

package/dist/es/empty-state/index.d.ts

@@ -24,13 +24,13 @@ declare const TxEmptyState: {
             type: import('vue').PropType<EmptyStateVariant>;
             default: string;
         };
-        iconSize: {
-            type: import('vue').PropType<number>;
-        };
         layout: {
             type: import('vue').PropType<EmptyStateLayout>;
             default: string;
         };
+        iconSize: {
+            type: import('vue').PropType<number>;
+        };
         align: {
             type: import('vue').PropType<EmptyStateAlign>;
             default: string;
@@ -92,13 +92,13 @@ declare const TxEmptyState: {
             type: import('vue').PropType<EmptyStateVariant>;
             default: string;
         };
-        iconSize: {
-            type: import('vue').PropType<number>;
-        };
         layout: {
             type: import('vue').PropType<EmptyStateLayout>;
             default: string;
         };
+        iconSize: {
+            type: import('vue').PropType<number>;
+        };
         align: {
             type: import('vue').PropType<EmptyStateAlign>;
             default: string;
@@ -154,13 +154,13 @@ declare const TxEmptyState: {
         type: import('vue').PropType<EmptyStateVariant>;
         default: string;
     };
-    iconSize: {
-        type: import('vue').PropType<number>;
-    };
     layout: {
         type: import('vue').PropType<EmptyStateLayout>;
         default: string;
     };
+    iconSize: {
+        type: import('vue').PropType<number>;
+    };
     align: {
         type: import('vue').PropType<EmptyStateAlign>;
         default: string;

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

@@ -1,4 +1,4 @@
-import { withInstall } from '../utils/withInstall.js';
+import { withInstall } from '../packages/tuffex/packages/utils/withInstall.js';
 import component from './src/TxEmptyState.vue.js';
 
 const TxEmptyState = withInstall(component);

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

@@ -2,6 +2,6 @@ import _sfc_main from './TxEmptyState.vue2.js';
 /* empty css                  */
 import _export_sfc from '../../_virtual/_plugin-vue_export-helper.js';
 
-const component = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-dc46790f"]]);
+const component = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-90096b41"]]);
 
 export { component as default };

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

@@ -54,16 +54,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"
 };
@@ -170,7 +175,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       "search-empty",
       "no-data",
       "no-selection",
-      "guide"
+      "guide",
+      "error"
     ]);
     const hasIconSlot = computed(() => !!slots.icon);
     const hasIconProp = computed(() => {
@@ -217,17 +223,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               "data-variant": illustrationVariant.value
             }, [
               illustrationVariant.value === "loading" ? (openBlock(), createElementBlock("div", _hoisted_3, [..._cache[2] || (_cache[2] = [
-                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)
+                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" ? (openBlock(), createElementBlock("svg", _hoisted_4, [..._cache[3] || (_cache[3] = [
-                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)
+                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" ? (openBlock(), createElementBlock("svg", _hoisted_5, [..._cache[4] || (_cache[4] = [
-                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)
+                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" ? (openBlock(), createElementBlock("svg", _hoisted_6, [..._cache[5] || (_cache[5] = [
-                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)
+                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" ? (openBlock(), createElementBlock("svg", _hoisted_7, [..._cache[6] || (_cache[6] = [
-                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)
+                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" ? (openBlock(), createElementBlock("svg", _hoisted_8, [..._cache[7] || (_cache[7] = [
-                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)
+                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" ? (openBlock(), createElementBlock("svg", _hoisted_9, [..._cache[8] || (_cache[8] = [
                 createElementVNode("path", {
                   class: "tx-empty-state__sheet",
@@ -248,9 +254,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   d: "M48 43v10m-5-5h10"
                 }, null, -1)
               ])])) : illustrationVariant.value === "empty" ? (openBlock(), createElementBlock("svg", _hoisted_10, [..._cache[9] || (_cache[9] = [
-                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)
+                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" ? (openBlock(), createElementBlock("svg", _hoisted_11, [..._cache[10] || (_cache[10] = [
-                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)
+                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" ? (openBlock(), createElementBlock("svg", _hoisted_12, [..._cache[11] || (_cache[11] = [
+                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)
               ])])) : createCommentVNode("", true)
             ], 8, _hoisted_2)) : iconSource.value ? (openBlock(), createBlock(unref(TxIcon), {
               key: 2,
@@ -263,18 +271,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             }, null, 8, ["name", "size"])) : createCommentVNode("", true)
           ], true)
         ])) : createCommentVNode("", true),
-        createElementVNode("div", _hoisted_12, [
-          showTitle.value ? (openBlock(), createElementBlock("div", _hoisted_13, [
+        createElementVNode("div", _hoisted_13, [
+          showTitle.value ? (openBlock(), createElementBlock("div", _hoisted_14, [
             renderSlot(_ctx.$slots, "title", {}, () => [
               createTextVNode(toDisplayString(title.value), 1)
             ], true)
           ])) : createCommentVNode("", true),
-          showDescription.value ? (openBlock(), createElementBlock("div", _hoisted_14, [
+          showDescription.value ? (openBlock(), createElementBlock("div", _hoisted_15, [
             renderSlot(_ctx.$slots, "description", {}, () => [
               createTextVNode(toDisplayString(description.value), 1)
             ], true)
           ])) : createCommentVNode("", true),
-          showActions.value ? (openBlock(), createElementBlock("div", _hoisted_15, [
+          showActions.value ? (openBlock(), createElementBlock("div", _hoisted_16, [
             renderSlot(_ctx.$slots, "actions", {}, () => [
               __props.secondaryAction ? (openBlock(), createBlock(unref(TxButton), {
                 key: 0,