@talex-touch/tuffex 0.3.3

package/dist/es/gradient-border/index.d.ts

@@ -0,0 +1,110 @@
+import { default as TxGradientBorder } from './src/TxGradientBorder.vue';
+
+export interface GradientBorderProps {
+    as?: string;
+    borderWidth?: string | number;
+    borderRadius?: string | number;
+    padding?: string | number;
+    animationDuration?: number;
+}
+declare const GradientBorder: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+        as: {
+            type: import('vue').PropType<string>;
+            default: string;
+        };
+        padding: {
+            type: import('vue').PropType<string | number>;
+            default: string;
+        };
+        borderRadius: {
+            type: import('vue').PropType<string | number>;
+            default: string;
+        };
+        borderWidth: {
+            type: import('vue').PropType<string | number>;
+            default: string;
+        };
+        animationDuration: {
+            type: import('vue').PropType<number>;
+            default: number;
+        };
+    }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+        as: string;
+        padding: string | number;
+        borderRadius: string | number;
+        borderWidth: string | number;
+        animationDuration: number;
+    }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('vue').ExtractPropTypes<{
+        as: {
+            type: import('vue').PropType<string>;
+            default: string;
+        };
+        padding: {
+            type: import('vue').PropType<string | number>;
+            default: string;
+        };
+        borderRadius: {
+            type: import('vue').PropType<string | number>;
+            default: string;
+        };
+        borderWidth: {
+            type: import('vue').PropType<string | number>;
+            default: string;
+        };
+        animationDuration: {
+            type: import('vue').PropType<number>;
+            default: number;
+        };
+    }>> & Readonly<{}>, {}, {}, {}, {}, {
+        as: string;
+        padding: string | number;
+        borderRadius: string | number;
+        borderWidth: string | number;
+        animationDuration: number;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+    as: {
+        type: import('vue').PropType<string>;
+        default: string;
+    };
+    padding: {
+        type: import('vue').PropType<string | number>;
+        default: string;
+    };
+    borderRadius: {
+        type: import('vue').PropType<string | number>;
+        default: string;
+    };
+    borderWidth: {
+        type: import('vue').PropType<string | number>;
+        default: string;
+    };
+    animationDuration: {
+        type: import('vue').PropType<number>;
+        default: number;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+    as: string;
+    padding: string | number;
+    borderRadius: string | number;
+    borderWidth: string | number;
+    animationDuration: number;
+}, {}, 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 { GradientBorder, TxGradientBorder };
+export type TxGradientBorderInstance = InstanceType<typeof TxGradientBorder>;
+export default GradientBorder;

package/dist/es/gradient-border/index.js

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

package/dist/es/gradient-border/src/TxGradientBorder.vue.d.ts

@@ -0,0 +1,48 @@
+import { GradientBorderProps } from '../index';
+
+declare function __VLS_template(): {
+    default?(_: {}): any;
+};
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<GradientBorderProps>, {
+    as: string;
+    borderWidth: string;
+    borderRadius: string;
+    padding: string;
+    animationDuration: number;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<GradientBorderProps>, {
+    as: string;
+    borderWidth: string;
+    borderRadius: string;
+    padding: string;
+    animationDuration: number;
+}>>> & Readonly<{}>, {
+    as: string;
+    padding: string | number;
+    borderRadius: string | number;
+    borderWidth: string | number;
+    animationDuration: number;
+}, {}, {}, {}, 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/gradient-border/src/TxGradientBorder.vue.js

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

package/dist/es/gradient-border/src/TxGradientBorder.vue2.js

@@ -0,0 +1,45 @@
+import { defineComponent, computed, createBlock, openBlock, resolveDynamicComponent, normalizeStyle, withCtx, createElementVNode, renderSlot } from 'vue';
+
+const _hoisted_1 = { class: "tx-gradient-border__inner" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "TxGradientBorder"
+  },
+  __name: "TxGradientBorder",
+  props: {
+    as: { default: "div" },
+    borderWidth: { default: "2px" },
+    borderRadius: { default: "12px" },
+    padding: { default: "12px" },
+    animationDuration: { default: 4 }
+  },
+  setup(__props) {
+    const props = __props;
+    function toCssUnit(value) {
+      return typeof value === "number" ? `${value}px` : value;
+    }
+    const rootStyle = computed(() => {
+      return {
+        "--tx-gradient-border-width": toCssUnit(props.borderWidth),
+        "--tx-gradient-border-radius": toCssUnit(props.borderRadius),
+        "--tx-gradient-inner-padding": toCssUnit(props.padding),
+        "--tx-gradient-duration": `${props.animationDuration}s`
+      };
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(resolveDynamicComponent(__props.as), {
+        class: "tx-gradient-border",
+        style: normalizeStyle(rootStyle.value)
+      }, {
+        default: withCtx(() => [
+          createElementVNode("span", _hoisted_1, [
+            renderSlot(_ctx.$slots, "default", {}, void 0, true)
+          ])
+        ]),
+        _: 3
+      }, 8, ["style"]);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/dist/es/gradual-blur/index.d.ts

@@ -0,0 +1,360 @@
+import { GradualBlurProps } from './src/types';
+import { default as TxGradualBlur } from './src/TxGradualBlur.vue';
+
+declare const GradualBlur: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+        style: {
+            type: import('vue').PropType<import('vue').CSSProperties>;
+            default: () => {};
+        };
+        duration: {
+            type: import('vue').PropType<string>;
+            default: string;
+        };
+        target: {
+            type: import('vue').PropType<import('./src/types').GradualBlurTarget>;
+            default: string;
+        };
+        width: {
+            type: import('vue').PropType<string>;
+            default: undefined;
+        };
+        height: {
+            type: import('vue').PropType<string>;
+            default: string;
+        };
+        easing: {
+            type: import('vue').PropType<string>;
+            default: string;
+        };
+        position: {
+            type: import('vue').PropType<import('./src/types').GradualBlurPosition>;
+            default: string;
+        };
+        opacity: {
+            type: import('vue').PropType<number>;
+            default: number;
+        };
+        responsive: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        zIndex: {
+            type: import('vue').PropType<number>;
+            default: number;
+        };
+        strength: {
+            type: import('vue').PropType<number>;
+            default: number;
+        };
+        divCount: {
+            type: import('vue').PropType<number>;
+            default: number;
+        };
+        exponential: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        animated: {
+            type: import('vue').PropType<import('./src/types').GradualBlurAnimated>;
+            default: boolean;
+        };
+        curve: {
+            type: import('vue').PropType<import('./src/types').GradualBlurCurve>;
+            default: string;
+        };
+        mobileHeight: {
+            type: import('vue').PropType<string>;
+        };
+        tabletHeight: {
+            type: import('vue').PropType<string>;
+        };
+        desktopHeight: {
+            type: import('vue').PropType<string>;
+        };
+        mobileWidth: {
+            type: import('vue').PropType<string>;
+        };
+        tabletWidth: {
+            type: import('vue').PropType<string>;
+        };
+        desktopWidth: {
+            type: import('vue').PropType<string>;
+        };
+        preset: {
+            type: import('vue').PropType<"footer" | "header" | "right" | "top" | "bottom" | "left" | "smooth" | "subtle" | "intense" | "sharp" | "sidebar" | "page-header" | "page-footer">;
+        };
+        gpuOptimized: {
+            type: import('vue').PropType<boolean>;
+        };
+        hoverIntensity: {
+            type: import('vue').PropType<number>;
+        };
+        onAnimationComplete: {
+            type: import('vue').PropType<() => void>;
+        };
+        className: {
+            type: import('vue').PropType<string>;
+            default: string;
+        };
+    }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+        style: import('vue').CSSProperties;
+        duration: string;
+        target: import('./src/types').GradualBlurTarget;
+        width: string;
+        height: string;
+        easing: string;
+        position: import('./src/types').GradualBlurPosition;
+        opacity: number;
+        responsive: boolean;
+        zIndex: number;
+        strength: number;
+        divCount: number;
+        exponential: boolean;
+        animated: import('./src/types').GradualBlurAnimated;
+        curve: import('./src/types').GradualBlurCurve;
+        className: string;
+    }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('vue').ExtractPropTypes<{
+        style: {
+            type: import('vue').PropType<import('vue').CSSProperties>;
+            default: () => {};
+        };
+        duration: {
+            type: import('vue').PropType<string>;
+            default: string;
+        };
+        target: {
+            type: import('vue').PropType<import('./src/types').GradualBlurTarget>;
+            default: string;
+        };
+        width: {
+            type: import('vue').PropType<string>;
+            default: undefined;
+        };
+        height: {
+            type: import('vue').PropType<string>;
+            default: string;
+        };
+        easing: {
+            type: import('vue').PropType<string>;
+            default: string;
+        };
+        position: {
+            type: import('vue').PropType<import('./src/types').GradualBlurPosition>;
+            default: string;
+        };
+        opacity: {
+            type: import('vue').PropType<number>;
+            default: number;
+        };
+        responsive: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        zIndex: {
+            type: import('vue').PropType<number>;
+            default: number;
+        };
+        strength: {
+            type: import('vue').PropType<number>;
+            default: number;
+        };
+        divCount: {
+            type: import('vue').PropType<number>;
+            default: number;
+        };
+        exponential: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        animated: {
+            type: import('vue').PropType<import('./src/types').GradualBlurAnimated>;
+            default: boolean;
+        };
+        curve: {
+            type: import('vue').PropType<import('./src/types').GradualBlurCurve>;
+            default: string;
+        };
+        mobileHeight: {
+            type: import('vue').PropType<string>;
+        };
+        tabletHeight: {
+            type: import('vue').PropType<string>;
+        };
+        desktopHeight: {
+            type: import('vue').PropType<string>;
+        };
+        mobileWidth: {
+            type: import('vue').PropType<string>;
+        };
+        tabletWidth: {
+            type: import('vue').PropType<string>;
+        };
+        desktopWidth: {
+            type: import('vue').PropType<string>;
+        };
+        preset: {
+            type: import('vue').PropType<"footer" | "header" | "right" | "top" | "bottom" | "left" | "smooth" | "subtle" | "intense" | "sharp" | "sidebar" | "page-header" | "page-footer">;
+        };
+        gpuOptimized: {
+            type: import('vue').PropType<boolean>;
+        };
+        hoverIntensity: {
+            type: import('vue').PropType<number>;
+        };
+        onAnimationComplete: {
+            type: import('vue').PropType<() => void>;
+        };
+        className: {
+            type: import('vue').PropType<string>;
+            default: string;
+        };
+    }>> & Readonly<{}>, {}, {}, {}, {}, {
+        style: import('vue').CSSProperties;
+        duration: string;
+        target: import('./src/types').GradualBlurTarget;
+        width: string;
+        height: string;
+        easing: string;
+        position: import('./src/types').GradualBlurPosition;
+        opacity: number;
+        responsive: boolean;
+        zIndex: number;
+        strength: number;
+        divCount: number;
+        exponential: boolean;
+        animated: import('./src/types').GradualBlurAnimated;
+        curve: import('./src/types').GradualBlurCurve;
+        className: string;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+    style: {
+        type: import('vue').PropType<import('vue').CSSProperties>;
+        default: () => {};
+    };
+    duration: {
+        type: import('vue').PropType<string>;
+        default: string;
+    };
+    target: {
+        type: import('vue').PropType<import('./src/types').GradualBlurTarget>;
+        default: string;
+    };
+    width: {
+        type: import('vue').PropType<string>;
+        default: undefined;
+    };
+    height: {
+        type: import('vue').PropType<string>;
+        default: string;
+    };
+    easing: {
+        type: import('vue').PropType<string>;
+        default: string;
+    };
+    position: {
+        type: import('vue').PropType<import('./src/types').GradualBlurPosition>;
+        default: string;
+    };
+    opacity: {
+        type: import('vue').PropType<number>;
+        default: number;
+    };
+    responsive: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+    zIndex: {
+        type: import('vue').PropType<number>;
+        default: number;
+    };
+    strength: {
+        type: import('vue').PropType<number>;
+        default: number;
+    };
+    divCount: {
+        type: import('vue').PropType<number>;
+        default: number;
+    };
+    exponential: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+    animated: {
+        type: import('vue').PropType<import('./src/types').GradualBlurAnimated>;
+        default: boolean;
+    };
+    curve: {
+        type: import('vue').PropType<import('./src/types').GradualBlurCurve>;
+        default: string;
+    };
+    mobileHeight: {
+        type: import('vue').PropType<string>;
+    };
+    tabletHeight: {
+        type: import('vue').PropType<string>;
+    };
+    desktopHeight: {
+        type: import('vue').PropType<string>;
+    };
+    mobileWidth: {
+        type: import('vue').PropType<string>;
+    };
+    tabletWidth: {
+        type: import('vue').PropType<string>;
+    };
+    desktopWidth: {
+        type: import('vue').PropType<string>;
+    };
+    preset: {
+        type: import('vue').PropType<"footer" | "header" | "right" | "top" | "bottom" | "left" | "smooth" | "subtle" | "intense" | "sharp" | "sidebar" | "page-header" | "page-footer">;
+    };
+    gpuOptimized: {
+        type: import('vue').PropType<boolean>;
+    };
+    hoverIntensity: {
+        type: import('vue').PropType<number>;
+    };
+    onAnimationComplete: {
+        type: import('vue').PropType<() => void>;
+    };
+    className: {
+        type: import('vue').PropType<string>;
+        default: string;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+    style: import('vue').CSSProperties;
+    duration: string;
+    target: import('./src/types').GradualBlurTarget;
+    width: string;
+    height: string;
+    easing: string;
+    position: import('./src/types').GradualBlurPosition;
+    opacity: number;
+    responsive: boolean;
+    zIndex: number;
+    strength: number;
+    divCount: number;
+    exponential: boolean;
+    animated: import('./src/types').GradualBlurAnimated;
+    curve: import('./src/types').GradualBlurCurve;
+    className: string;
+}, {}, 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 { GradualBlur, TxGradualBlur };
+export type { GradualBlurProps };
+export type TxGradualBlurInstance = InstanceType<typeof TxGradualBlur>;
+export default GradualBlur;

package/dist/es/gradual-blur/index.js

@@ -0,0 +1,7 @@
+import { withInstall } from '../utils/withInstall.js';
+import _sfc_main from './src/TxGradualBlur.vue.js';
+/* empty css                       */
+
+const GradualBlur = withInstall(_sfc_main);
+
+export { GradualBlur, _sfc_main as TxGradualBlur, GradualBlur as default };

package/dist/es/gradual-blur/src/TxGradualBlur.vue.d.ts

@@ -0,0 +1,82 @@
+import { CSSProperties } from 'vue';
+import { GradualBlurProps } from './types';
+
+declare function __VLS_template(): {
+    default?(_: {}): any;
+};
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<GradualBlurProps>, {
+    position: string;
+    strength: number;
+    height: string;
+    width: undefined;
+    divCount: number;
+    exponential: boolean;
+    zIndex: number;
+    animated: boolean;
+    duration: string;
+    easing: string;
+    opacity: number;
+    curve: string;
+    responsive: boolean;
+    target: string;
+    className: string;
+    style: () => {};
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<GradualBlurProps>, {
+    position: string;
+    strength: number;
+    height: string;
+    width: undefined;
+    divCount: number;
+    exponential: boolean;
+    zIndex: number;
+    animated: boolean;
+    duration: string;
+    easing: string;
+    opacity: number;
+    curve: string;
+    responsive: boolean;
+    target: string;
+    className: string;
+    style: () => {};
+}>>> & Readonly<{}>, {
+    style: CSSProperties;
+    duration: string;
+    target: import('./types').GradualBlurTarget;
+    width: string;
+    height: string;
+    easing: string;
+    position: import('./types').GradualBlurPosition;
+    opacity: number;
+    responsive: boolean;
+    zIndex: number;
+    strength: number;
+    divCount: number;
+    exponential: boolean;
+    animated: import('./types').GradualBlurAnimated;
+    curve: import('./types').GradualBlurCurve;
+    className: string;
+}, {}, {}, {}, 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;
+    };
+};