@talex-touch/tuffex 0.3.3

package/dist/es/file-uploader/src/TxFileUploader.vue2.js

@@ -0,0 +1,177 @@
+import { defineComponent, ref, computed, createElementBlock, openBlock, normalizeClass, createElementVNode, createCommentVNode, toDisplayString, withModifiers, Fragment, renderList } from 'vue';
+
+const _hoisted_1 = ["multiple", "accept", "disabled"];
+const _hoisted_2 = ["aria-disabled"];
+const _hoisted_3 = { class: "tx-file-uploader__drop-title" };
+const _hoisted_4 = { class: "tx-file-uploader__drop-hint" };
+const _hoisted_5 = ["disabled"];
+const _hoisted_6 = {
+  key: 0,
+  class: "tx-file-uploader__list"
+};
+const _hoisted_7 = { class: "tx-file-uploader__meta" };
+const _hoisted_8 = { class: "tx-file-uploader__name" };
+const _hoisted_9 = {
+  key: 0,
+  class: "tx-file-uploader__size"
+};
+const _hoisted_10 = ["aria-label", "disabled", "onClick"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ name: "TxFileUploader" },
+  __name: "TxFileUploader",
+  props: {
+    modelValue: {},
+    multiple: { type: Boolean, default: true },
+    accept: { default: "*/*" },
+    disabled: { type: Boolean, default: false },
+    max: { default: 10 },
+    showSize: { type: Boolean, default: true },
+    allowDrop: { type: Boolean, default: true },
+    buttonText: { default: "Choose files" },
+    dropText: { default: "Drop files here" },
+    hintText: { default: "or click to browse" }
+  },
+  emits: ["update:modelValue", "change", "add", "remove"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const inputRef = ref(null);
+    const dropActive = ref(false);
+    const value = computed(() => props.modelValue ?? []);
+    function uid() {
+      return `${Date.now().toString(36)}_${Math.random().toString(36).slice(2, 8)}`;
+    }
+    function formatSize(bytes) {
+      if (!Number.isFinite(bytes))
+        return "";
+      if (bytes < 1024)
+        return `${bytes} B`;
+      const kb = bytes / 1024;
+      if (kb < 1024)
+        return `${kb.toFixed(1)} KB`;
+      const mb = kb / 1024;
+      return `${mb.toFixed(1)} MB`;
+    }
+    function sync(next) {
+      emit("update:modelValue", next);
+      emit("change", next);
+    }
+    function addFiles(files) {
+      if (!files.length)
+        return;
+      const remain = Math.max(0, (props.max ?? 10) - value.value.length);
+      const take = remain > 0 ? files.slice(0, remain) : [];
+      if (!take.length)
+        return;
+      const added = take.map((file) => ({
+        id: uid(),
+        name: file.name,
+        size: file.size,
+        type: file.type,
+        file
+      }));
+      const next = [...value.value, ...added];
+      emit("add", added);
+      sync(next);
+    }
+    function pick() {
+      if (props.disabled)
+        return;
+      inputRef.value?.click();
+    }
+    function onInputChange(e) {
+      const el = e.target;
+      const files = Array.from(el.files ?? []);
+      el.value = "";
+      addFiles(files);
+    }
+    function remove(id) {
+      const cur = value.value;
+      const idx = cur.findIndex((i) => i.id === id);
+      if (idx < 0)
+        return;
+      const next = cur.slice(0, idx).concat(cur.slice(idx + 1));
+      emit("remove", { id, value: next });
+      sync(next);
+    }
+    function onDragOver(e) {
+      if (!props.allowDrop || props.disabled)
+        return;
+      e.preventDefault();
+      dropActive.value = true;
+    }
+    function onDragLeave() {
+      dropActive.value = false;
+    }
+    function onDrop(e) {
+      if (!props.allowDrop || props.disabled)
+        return;
+      e.preventDefault();
+      dropActive.value = false;
+      const files = Array.from(e.dataTransfer?.files ?? []);
+      addFiles(files);
+    }
+    __expose({ pick });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["tx-file-uploader", { "is-disabled": __props.disabled, "is-dragging": dropActive.value }]),
+        onDragover: onDragOver,
+        onDragleave: onDragLeave,
+        onDrop
+      }, [
+        createElementVNode("input", {
+          ref_key: "inputRef",
+          ref: inputRef,
+          class: "tx-file-uploader__input",
+          type: "file",
+          multiple: __props.multiple,
+          accept: __props.accept,
+          disabled: __props.disabled,
+          onChange: onInputChange
+        }, null, 40, _hoisted_1),
+        createElementVNode("div", {
+          class: "tx-file-uploader__drop",
+          role: "button",
+          "aria-disabled": __props.disabled,
+          onClick: pick
+        }, [
+          createElementVNode("div", _hoisted_3, toDisplayString(__props.dropText), 1),
+          createElementVNode("div", _hoisted_4, toDisplayString(__props.hintText), 1),
+          createElementVNode("button", {
+            type: "button",
+            class: "tx-file-uploader__button",
+            disabled: __props.disabled,
+            onClick: withModifiers(pick, ["stop"])
+          }, toDisplayString(__props.buttonText), 9, _hoisted_5)
+        ], 8, _hoisted_2),
+        value.value.length ? (openBlock(), createElementBlock("div", _hoisted_6, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(value.value, (item) => {
+            return openBlock(), createElementBlock("div", {
+              key: item.id,
+              class: "tx-file-uploader__item"
+            }, [
+              createElementVNode("div", _hoisted_7, [
+                createElementVNode("span", _hoisted_8, toDisplayString(item.name), 1),
+                __props.showSize ? (openBlock(), createElementBlock("span", _hoisted_9, toDisplayString(formatSize(item.size)), 1)) : createCommentVNode("", true)
+              ]),
+              createElementVNode("button", {
+                type: "button",
+                class: "tx-file-uploader__remove",
+                "aria-label": `Remove ${item.name}`,
+                disabled: __props.disabled,
+                onClick: ($event) => remove(item.id)
+              }, [..._cache[0] || (_cache[0] = [
+                createElementVNode("i", {
+                  class: "i-carbon-close",
+                  "aria-hidden": "true"
+                }, null, -1)
+              ])], 8, _hoisted_10)
+            ]);
+          }), 128))
+        ])) : createCommentVNode("", true)
+      ], 34);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/dist/es/file-uploader/src/types.d.ts

@@ -0,0 +1,28 @@
+export interface FileUploaderFile {
+    id: string;
+    name: string;
+    size: number;
+    type: string;
+    file: File;
+}
+export interface FileUploaderProps {
+    modelValue?: FileUploaderFile[];
+    multiple?: boolean;
+    accept?: string;
+    disabled?: boolean;
+    max?: number;
+    showSize?: boolean;
+    allowDrop?: boolean;
+    buttonText?: string;
+    dropText?: string;
+    hintText?: string;
+}
+export interface FileUploaderEmits {
+    (e: 'update:modelValue', value: FileUploaderFile[]): void;
+    (e: 'change', value: FileUploaderFile[]): void;
+    (e: 'add', value: FileUploaderFile[]): void;
+    (e: 'remove', payload: {
+        id: string;
+        value: FileUploaderFile[];
+    }): void;
+}

package/dist/es/flat-button/index.d.ts

@@ -0,0 +1,4 @@
+import { default as TuffFlatButton } from './src/TxFlatButton.vue';
+
+export { TuffFlatButton };
+export default TuffFlatButton;

package/dist/es/flat-button/index.js

@@ -0,0 +1,7 @@
+import TuffFlatButton from './src/TxFlatButton.vue.js';
+
+TuffFlatButton.install = (app) => {
+  app.component(TuffFlatButton.name || "TuffFlatButton", TuffFlatButton);
+};
+
+export { TuffFlatButton, TuffFlatButton as default };

package/dist/es/flat-button/src/TxFlatButton.vue.d.ts

@@ -0,0 +1,57 @@
+declare function __VLS_template(): {
+    default?(_: {}): any;
+};
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    primary?: boolean;
+    mini?: boolean;
+    disabled?: boolean;
+    loading?: boolean;
+}>, {
+    primary: boolean;
+    mini: boolean;
+    disabled: boolean;
+    loading: boolean;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    click: (event: MouseEvent) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    primary?: boolean;
+    mini?: boolean;
+    disabled?: boolean;
+    loading?: boolean;
+}>, {
+    primary: boolean;
+    mini: boolean;
+    disabled: boolean;
+    loading: boolean;
+}>>> & Readonly<{
+    onClick?: ((event: MouseEvent) => any) | undefined;
+}>, {
+    disabled: boolean;
+    loading: boolean;
+    primary: boolean;
+    mini: 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/flat-button/src/TxFlatButton.vue.js

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

package/dist/es/flat-button/src/TxFlatButton.vue2.js

@@ -0,0 +1,78 @@
+import { defineComponent, createElementBlock, openBlock, withKeys, normalizeClass, withModifiers, createCommentVNode, createElementVNode, renderSlot } from 'vue';
+
+const _hoisted_1 = ["tabindex", "aria-disabled", "onKeydown"];
+const _hoisted_2 = {
+  key: 0,
+  class: "tx-flat-button__loading"
+};
+const _hoisted_3 = { class: "tx-flat-button__content" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "TuffFlatButton"
+  },
+  __name: "TxFlatButton",
+  props: {
+    primary: { type: Boolean, default: false },
+    mini: { type: Boolean, default: false },
+    disabled: { type: Boolean, default: false },
+    loading: { type: Boolean, default: false }
+  },
+  emits: ["click"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    function handleClick(event) {
+      if (props.disabled || props.loading)
+        return;
+      emit("click", event);
+    }
+    function handleKeyActivate(event) {
+      if (props.disabled || props.loading) {
+        return;
+      }
+      event.currentTarget?.click();
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        role: "button",
+        tabindex: __props.disabled || __props.loading ? -1 : 0,
+        "aria-disabled": __props.disabled || __props.loading || void 0,
+        class: normalizeClass(["tuff-flat-button", [
+          {
+            "is-primary": __props.primary,
+            "fake-background": !__props.primary,
+            "is-mini": __props.mini,
+            "is-disabled": __props.disabled,
+            "is-loading": __props.loading
+          }
+        ]]),
+        onClick: handleClick,
+        onKeydown: [
+          withKeys(withModifiers(handleKeyActivate, ["prevent"]), ["enter"]),
+          withKeys(withModifiers(handleKeyActivate, ["prevent"]), ["space"])
+        ]
+      }, [
+        __props.loading ? (openBlock(), createElementBlock("span", _hoisted_2, [..._cache[0] || (_cache[0] = [
+          createElementVNode("svg", {
+            class: "tx-flat-button__spinner",
+            viewBox: "0 0 24 24"
+          }, [
+            createElementVNode("circle", {
+              cx: "12",
+              cy: "12",
+              r: "10",
+              fill: "none",
+              stroke: "currentColor",
+              "stroke-width": "2"
+            })
+          ], -1)
+        ])])) : createCommentVNode("", true),
+        createElementVNode("span", _hoisted_3, [
+          renderSlot(_ctx.$slots, "default", {}, void 0, true)
+        ])
+      ], 42, _hoisted_1);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/dist/es/flat-input/index.d.ts

@@ -0,0 +1,4 @@
+import { default as FlatInput } from './src/FlatInput.vue';
+
+export { FlatInput };
+export default FlatInput;

package/dist/es/flat-input/index.js

@@ -0,0 +1,7 @@
+import FlatInput from './src/FlatInput.vue.js';
+
+FlatInput.install = (app) => {
+  app.component(FlatInput.name || "FlatInput", FlatInput);
+};
+
+export { FlatInput, FlatInput as default };

package/dist/es/flat-input/src/FlatInput.vue.d.ts

@@ -0,0 +1,64 @@
+declare function __VLS_template(): {
+    default?(_: {}): any;
+};
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    modelValue: string;
+    placeholder?: string;
+    icon?: string;
+    password?: boolean;
+    nonWin?: boolean;
+    area?: boolean;
+}>, {
+    placeholder: string;
+    icon: string;
+    password: boolean;
+    nonWin: boolean;
+    area: boolean;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: string) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    modelValue: string;
+    placeholder?: string;
+    icon?: string;
+    password?: boolean;
+    nonWin?: boolean;
+    area?: boolean;
+}>, {
+    placeholder: string;
+    icon: string;
+    password: boolean;
+    nonWin: boolean;
+    area: boolean;
+}>>> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+}>, {
+    area: boolean;
+    placeholder: string;
+    icon: string;
+    password: boolean;
+    nonWin: 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/flat-input/src/FlatInput.vue.js

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

package/dist/es/flat-input/src/FlatInput.vue2.js

@@ -0,0 +1,82 @@
+import { defineComponent, computed, ref, createElementBlock, openBlock, normalizeClass, createCommentVNode, withDirectives, createBlock, renderSlot, vModelText, vModelDynamic, unref } from 'vue';
+import '../../tag/index.js';
+import _sfc_main$1 from '../../tag/src/TxTag.vue.js';
+/* empty css                       */
+
+const _hoisted_1 = {
+  key: 0,
+  class: "flat-input__prefix"
+};
+const _hoisted_2 = ["placeholder"];
+const _hoisted_3 = ["placeholder", "type"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "FlatInput"
+  },
+  __name: "FlatInput",
+  props: {
+    modelValue: {},
+    placeholder: { default: "" },
+    icon: { default: "" },
+    password: { type: Boolean, default: false },
+    nonWin: { type: Boolean, default: false },
+    area: { type: Boolean, default: false }
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const value = computed({
+      get: () => props.modelValue,
+      set: (v) => emit("update:modelValue", v)
+    });
+    const capsLockOn = ref(false);
+    function onKeyDown(e) {
+      if (!props.password)
+        return;
+      const keyCode = e.keyCode ? e.keyCode : e.which;
+      const shift = e.shiftKey ? e.shiftKey : keyCode === 16;
+      capsLockOn.value = keyCode >= 65 && keyCode <= 90 && !shift || keyCode >= 97 && keyCode <= 122 && shift;
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        tabindex: "0",
+        class: normalizeClass(["flat-input fake-background", { "none-prefix": !_ctx.$slots?.default, "win": __props.nonWin !== true, area: __props.area }]),
+        onKeydown: onKeyDown
+      }, [
+        _ctx.$slots.default ? (openBlock(), createElementBlock("span", _hoisted_1, [
+          renderSlot(_ctx.$slots, "default", {}, () => [
+            __props.icon ? (openBlock(), createElementBlock("i", {
+              key: 0,
+              class: normalizeClass(__props.icon)
+            }, null, 2)) : createCommentVNode("", true)
+          ], true)
+        ])) : createCommentVNode("", true),
+        __props.area ? withDirectives((openBlock(), createElementBlock("textarea", {
+          key: 1,
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => value.value = $event),
+          placeholder: __props.placeholder,
+          class: "flat-input__control"
+        }, null, 8, _hoisted_2)), [
+          [vModelText, value.value]
+        ]) : withDirectives((openBlock(), createElementBlock("input", {
+          key: 2,
+          "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => value.value = $event),
+          placeholder: __props.placeholder,
+          type: __props.password ? "password" : "text",
+          class: "flat-input__control"
+        }, null, 8, _hoisted_3)), [
+          [vModelDynamic, value.value]
+        ]),
+        __props.password && capsLockOn.value ? (openBlock(), createBlock(unref(_sfc_main$1), {
+          key: 3,
+          class: "flat-input__caps",
+          label: "Caps Lock",
+          color: "var(--tx-color-danger)"
+        })) : createCommentVNode("", true)
+      ], 34);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/dist/es/flex/index.d.ts

@@ -0,0 +1,120 @@
+import { FlexProps } from './src/types';
+import { default as TxFlex } from './src/TxFlex.vue';
+
+declare const Flex: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+        inline: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        align: {
+            type: import('vue').PropType<string>;
+            default: string;
+        };
+        gap: {
+            type: import('vue').PropType<string | number>;
+            default: number;
+        };
+        justify: {
+            type: import('vue').PropType<string>;
+            default: string;
+        };
+        wrap: {
+            type: import('vue').PropType<"wrap" | "nowrap" | "wrap-reverse">;
+            default: string;
+        };
+        direction: {
+            type: import('vue').PropType<"column" | "row" | "row-reverse" | "column-reverse">;
+            default: string;
+        };
+    }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+        inline: boolean;
+        align: string;
+        gap: number | string;
+        justify: string;
+        wrap: "nowrap" | "wrap" | "wrap-reverse";
+        direction: "row" | "row-reverse" | "column" | "column-reverse";
+    }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('vue').ExtractPropTypes<{
+        inline: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        align: {
+            type: import('vue').PropType<string>;
+            default: string;
+        };
+        gap: {
+            type: import('vue').PropType<string | number>;
+            default: number;
+        };
+        justify: {
+            type: import('vue').PropType<string>;
+            default: string;
+        };
+        wrap: {
+            type: import('vue').PropType<"wrap" | "nowrap" | "wrap-reverse">;
+            default: string;
+        };
+        direction: {
+            type: import('vue').PropType<"column" | "row" | "row-reverse" | "column-reverse">;
+            default: string;
+        };
+    }>> & Readonly<{}>, {}, {}, {}, {}, {
+        inline: boolean;
+        align: string;
+        gap: number | string;
+        justify: string;
+        wrap: "nowrap" | "wrap" | "wrap-reverse";
+        direction: "row" | "row-reverse" | "column" | "column-reverse";
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+    inline: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+    align: {
+        type: import('vue').PropType<string>;
+        default: string;
+    };
+    gap: {
+        type: import('vue').PropType<string | number>;
+        default: number;
+    };
+    justify: {
+        type: import('vue').PropType<string>;
+        default: string;
+    };
+    wrap: {
+        type: import('vue').PropType<"wrap" | "nowrap" | "wrap-reverse">;
+        default: string;
+    };
+    direction: {
+        type: import('vue').PropType<"column" | "row" | "row-reverse" | "column-reverse">;
+        default: string;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+    inline: boolean;
+    align: string;
+    gap: number | string;
+    justify: string;
+    wrap: "nowrap" | "wrap" | "wrap-reverse";
+    direction: "row" | "row-reverse" | "column" | "column-reverse";
+}, {}, 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 { Flex, TxFlex };
+export type { FlexProps };
+export type TxFlexInstance = InstanceType<typeof TxFlex>;
+export default Flex;

package/dist/es/flex/index.js

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