@talex-touch/tuffex 0.3.3 → 0.3.4

package/dist/lib/flip-overlay/src/TxFlipOverlay.vue3.js

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const TxFlipOverlay_vue_vue_type_script_setup_true_lang = require('./TxFlipOverlay.vue.js');
+;/* empty css                    */
+
+
+
+exports.default = TxFlipOverlay_vue_vue_type_script_setup_true_lang.default;

package/dist/lib/floating/index.js

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

package/dist/lib/floating/src/TxFloating.vue.js

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

package/dist/lib/floating/src/TxFloating.vue2.js

@@ -0,0 +1,122 @@
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const vue = require('vue');
+const env = require('../../packages/tuffex/packages/utils/env.js');
+const context = require('./context.js');
+
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{
+    name: "TxFloating"
+  },
+  __name: "TxFloating",
+  props: {
+    className: { default: "" },
+    sensitivity: { default: 1 },
+    easingFactor: { default: 0.05 },
+    disabled: { type: Boolean, default: false }
+  },
+  setup(__props) {
+    const props = __props;
+    const containerRef = vue.ref(null);
+    const elementsMap = /* @__PURE__ */ new Map();
+    const mousePosition = { x: 0, y: 0 };
+    let rafId = null;
+    function updatePosition(x, y) {
+      const container = containerRef.value;
+      if (container) {
+        const rect = container.getBoundingClientRect();
+        mousePosition.x = x - rect.left;
+        mousePosition.y = y - rect.top;
+        return;
+      }
+      mousePosition.x = x;
+      mousePosition.y = y;
+    }
+    function handleMouseMove(event) {
+      updatePosition(event.clientX, event.clientY);
+    }
+    function handleTouchMove(event) {
+      const touch = event.touches[0];
+      if (!touch)
+        return;
+      updatePosition(touch.clientX, touch.clientY);
+    }
+    function registerElement(id, element, depth) {
+      const existing = elementsMap.get(id);
+      const currentPosition = existing?.currentPosition ?? { x: 0, y: 0 };
+      elementsMap.set(id, {
+        element,
+        depth,
+        currentPosition
+      });
+    }
+    function unregisterElement(id) {
+      elementsMap.delete(id);
+    }
+    function resetPositions() {
+      elementsMap.forEach((data) => {
+        data.currentPosition.x = 0;
+        data.currentPosition.y = 0;
+        data.element.style.transform = "translate3d(0px, 0px, 0)";
+      });
+    }
+    function animate() {
+      if (!props.disabled) {
+        elementsMap.forEach((data) => {
+          const strength = data.depth * props.sensitivity / 20;
+          const targetX = mousePosition.x * strength;
+          const targetY = mousePosition.y * strength;
+          const dx = targetX - data.currentPosition.x;
+          const dy = targetY - data.currentPosition.y;
+          data.currentPosition.x += dx * props.easingFactor;
+          data.currentPosition.y += dy * props.easingFactor;
+          data.element.style.transform = `translate3d(${data.currentPosition.x}px, ${data.currentPosition.y}px, 0)`;
+        });
+      }
+      rafId = requestAnimationFrame(animate);
+    }
+    function startListeners() {
+      if (!env.hasWindow())
+        return;
+      window.addEventListener("mousemove", handleMouseMove, { passive: true });
+      window.addEventListener("touchmove", handleTouchMove, { passive: true });
+      rafId = requestAnimationFrame(animate);
+    }
+    function stopListeners() {
+      if (!env.hasWindow())
+        return;
+      window.removeEventListener("mousemove", handleMouseMove);
+      window.removeEventListener("touchmove", handleTouchMove);
+      if (rafId !== null) {
+        cancelAnimationFrame(rafId);
+        rafId = null;
+      }
+    }
+    vue.provide(context.TX_FLOATING_CONTEXT_KEY, {
+      registerElement,
+      unregisterElement
+    });
+    vue.watch(() => props.disabled, (disabled) => {
+      if (disabled)
+        resetPositions();
+    });
+    vue.onMounted(startListeners);
+    vue.onBeforeUnmount(() => {
+      stopListeners();
+      elementsMap.clear();
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", {
+        ref_key: "containerRef",
+        ref: containerRef,
+        class: vue.normalizeClass(["tx-floating", props.className])
+      }, [
+        vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
+      ], 2);
+    };
+  }
+});
+
+exports.default = _sfc_main;

package/dist/lib/floating/src/TxFloatingElement.vue.js

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

package/dist/lib/floating/src/TxFloatingElement.vue2.js

@@ -0,0 +1,47 @@
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const vue = require('vue');
+const context = require('./context.js');
+
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{
+    name: "TxFloatingElement"
+  },
+  __name: "TxFloatingElement",
+  props: {
+    className: { default: "" },
+    depth: { default: 1 }
+  },
+  setup(__props) {
+    const props = __props;
+    const elementRef = vue.ref(null);
+    const elementId = vue.useId();
+    const context$1 = vue.inject(context.TX_FLOATING_CONTEXT_KEY, null);
+    function register() {
+      if (!context$1 || !elementRef.value)
+        return;
+      const resolvedDepth = props.depth ?? 0.01;
+      context$1.registerElement(elementId, elementRef.value, resolvedDepth);
+    }
+    vue.onMounted(register);
+    vue.watch(() => props.depth, register);
+    vue.onBeforeUnmount(() => {
+      if (!context$1)
+        return;
+      context$1.unregisterElement(elementId);
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", {
+        ref_key: "elementRef",
+        ref: elementRef,
+        class: vue.normalizeClass(["tx-floating-element", props.className])
+      }, [
+        vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
+      ], 2);
+    };
+  }
+});
+
+exports.default = _sfc_main;

package/dist/lib/floating/src/context.js

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

package/dist/lib/form/index.js

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

package/dist/lib/fusion/index.js

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

package/dist/lib/glass-surface/index.js

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

package/dist/lib/glass-surface/src/TxGlassSurface.vue.js

@@ -3,7 +3,7 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
 
 const vue = require('vue');
-const env = require('../../utils/env.js');
+const env = require('../../packages/tuffex/packages/utils/env.js');
 
 const _hoisted_1 = {
   class: "tx-glass-surface__svg",
@@ -36,7 +36,6 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   },
   setup(__props) {
     const props = __props;
-    const isDarkMode = vue.ref(false);
     const containerRef = vue.ref(null);
     const feImageRef = vue.ref(null);
     const redChannelRef = vue.ref(null);
@@ -51,17 +50,6 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const redGradId = `tx-glass-red-grad-${uniqueId}`;
     const blueGradId = `tx-glass-blue-grad-${uniqueId}`;
     let resizeObserver = null;
-    function updateDarkMode() {
-      if (!env.hasWindow())
-        return;
-      const mediaQuery = window.matchMedia("(prefers-color-scheme: dark)");
-      isDarkMode.value = mediaQuery.matches;
-      const handler = (e) => {
-        isDarkMode.value = e.matches;
-      };
-      mediaQuery.addEventListener("change", handler);
-      return () => mediaQuery.removeEventListener("change", handler);
-    }
     function supportsSVGFilters() {
       if (!env.hasWindow() || !env.hasNavigator() || !env.hasDocument())
         return false;
@@ -77,6 +65,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     function supportsBackdropFilter() {
       if (!env.hasWindow())
         return false;
+      if (typeof CSS === "undefined" || typeof CSS.supports !== "function")
+        return false;
       return CSS.supports("backdrop-filter", "blur(10px)");
     }
     function generateDisplacementMap() {
@@ -127,6 +117,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       }
     }
     const containerStyles = vue.computed(() => {
+      const monochromeMask = "var(--tx-surface-refraction-mask-rgb, 255 255 255)";
       const baseStyles = {
         width: typeof props.width === "number" ? `${props.width}px` : props.width,
         height: typeof props.height === "number" ? `${props.height}px` : props.height,
@@ -138,43 +129,26 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       if (svgSupported) {
         return {
           ...baseStyles,
-          background: isDarkMode.value ? `hsl(0 0% 0% / ${props.backgroundOpacity})` : `hsl(0 0% 100% / ${props.backgroundOpacity})`,
+          background: `rgb(${monochromeMask} / ${props.backgroundOpacity})`,
           backdropFilter: `url(#${filterId}) saturate(${props.saturation})`
         };
       }
-      if (isDarkMode.value) {
-        if (!backdropFilterSupported) {
-          return {
-            ...baseStyles,
-            background: "rgba(0, 0, 0, 0.4)",
-            border: "1px solid rgba(255, 255, 255, 0.2)"
-          };
-        }
-        return {
-          ...baseStyles,
-          background: "rgba(255, 255, 255, 0.1)",
-          backdropFilter: `blur(${fallbackBlur}px) saturate(1.8) brightness(1.2)`,
-          WebkitBackdropFilter: `blur(${fallbackBlur}px) saturate(1.8) brightness(1.2)`,
-          border: "1px solid rgba(255, 255, 255, 0.2)"
-        };
-      }
       if (!backdropFilterSupported) {
         return {
           ...baseStyles,
-          background: "rgba(255, 255, 255, 0.4)",
-          border: "1px solid rgba(255, 255, 255, 0.3)"
+          background: `rgb(${monochromeMask} / 0.4)`,
+          border: `1px solid rgb(${monochromeMask} / 0.24)`
         };
       }
       return {
         ...baseStyles,
-        background: "rgba(255, 255, 255, 0.25)",
-        backdropFilter: `blur(${fallbackBlur}px) saturate(1.8) brightness(1.1)`,
-        WebkitBackdropFilter: `blur(${fallbackBlur}px) saturate(1.8) brightness(1.1)`,
-        border: "1px solid rgba(255, 255, 255, 0.3)"
+        background: `rgb(${monochromeMask} / 0.22)`,
+        backdropFilter: `blur(${fallbackBlur}px) saturate(1.8) brightness(1.06)`,
+        WebkitBackdropFilter: `blur(${fallbackBlur}px) saturate(1.8) brightness(1.06)`,
+        border: `1px solid rgb(${monochromeMask} / 0.24)`
       };
     });
     vue.onMounted(() => {
-      updateDarkMode();
       vue.nextTick(() => {
         updateDisplacementMap();
         updateFilterElements();
@@ -186,6 +160,10 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         }
       });
     });
+    vue.onBeforeUnmount(() => {
+      resizeObserver?.disconnect();
+      resizeObserver = null;
+    });
     vue.watch(
       [
         () => props.width,

package/dist/lib/glow-text/index.js

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

package/dist/lib/glow-text/src/TxGlowText.vue.js

@@ -6,6 +6,6 @@ const TxGlowText_vue_vue_type_script_setup_true_lang = require('./TxGlowText.vue
 ;/* empty css                 */
 const _pluginVue_exportHelper = require('../../_virtual/_plugin-vue_export-helper.js');
 
-const TxGlowText = /* @__PURE__ */ _pluginVue_exportHelper.default(TxGlowText_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-66ff95f1"]]);
+const TxGlowText = /* @__PURE__ */ _pluginVue_exportHelper.default(TxGlowText_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-423f7e0c"]]);
 
 exports.default = TxGlowText;

package/dist/lib/glow-text/src/TxGlowText.vue2.js

@@ -4,7 +4,11 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 
 const vue = require('vue');
 
-const _hoisted_1 = { class: "tx-glow-text__content" };
+const _hoisted_1 = {
+  key: 0,
+  class: "tx-glow-text__clip-shine",
+  "aria-hidden": "true"
+};
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   ...{ name: "TxGlowText" },
   __name: "TxGlowText",
@@ -17,33 +21,112 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     bandSize: { default: 38 },
     color: { default: "rgba(255, 255, 255, 0.9)" },
     opacity: { default: 0.75 },
-    blendMode: { default: "screen" },
+    blendMode: {},
+    mode: { default: "adaptive" },
+    backdrop: {},
     radius: { default: 10 },
     repeat: { type: Boolean, default: true }
   },
   setup(__props) {
     const props = __props;
-    const styleVars = vue.computed(() => {
+    const rootRef = vue.ref();
+    const textMaskContent = vue.ref("");
+    let textObserver = null;
+    function collectSlotText(node) {
+      if (node.nodeType === 3)
+        return node.textContent ?? "";
+      if (node.nodeType !== 1)
+        return "";
+      const element = node;
+      if (element.classList.contains("tx-glow-text__clip-shine") || element.classList.contains("tx-glow-text__shine")) {
+        return "";
+      }
+      return Array.from(element.childNodes).map(collectSlotText).join("");
+    }
+    function syncTextMaskContent() {
+      const el = rootRef.value;
+      if (!el)
+        return;
+      const text = Array.from(el.childNodes).map(collectSlotText).join("").trim();
+      textMaskContent.value = text;
+    }
+    function disconnectTextObserver() {
+      if (!textObserver)
+        return;
+      textObserver.disconnect();
+      textObserver = null;
+    }
+    function connectTextObserver() {
+      const el = rootRef.value;
+      if (!el || props.mode !== "text-clip")
+        return;
+      disconnectTextObserver();
+      syncTextMaskContent();
+      textObserver = new MutationObserver(() => {
+        syncTextMaskContent();
+      });
+      textObserver.observe(el, {
+        childList: true,
+        subtree: true,
+        characterData: true
+      });
+    }
+    vue.watch(
+      () => props.mode,
+      async (mode) => {
+        if (mode !== "text-clip") {
+          disconnectTextObserver();
+          textMaskContent.value = "";
+          return;
+        }
+        await vue.nextTick();
+        connectTextObserver();
+      }
+    );
+    const rootClasses = vue.computed(() => {
       return {
+        "is-inactive": !props.active,
+        "is-once": !props.repeat,
+        "is-adaptive": props.mode === "adaptive",
+        "is-text-clip": props.mode === "text-clip",
+        "has-custom-blend": Boolean(props.blendMode),
+        "has-custom-backdrop": Boolean(props.backdrop)
+      };
+    });
+    const styleVars = vue.computed(() => {
+      const vars = {
         "--tx-glow-duration": `${props.durationMs}ms`,
         "--tx-glow-delay": `${props.delayMs}ms`,
         "--tx-glow-angle": `${props.angle}deg`,
         "--tx-glow-band": `${props.bandSize}%`,
         "--tx-glow-color": props.color,
         "--tx-glow-opacity": String(props.opacity),
-        "--tx-glow-radius": `${props.radius}px`,
-        "--tx-glow-blend-mode": props.blendMode
+        "--tx-glow-radius": `${props.radius}px`
       };
+      if (props.blendMode)
+        vars["--tx-glow-blend-mode"] = props.blendMode;
+      if (props.backdrop)
+        vars["--tx-glow-backdrop"] = props.backdrop;
+      return vars;
+    });
+    vue.onMounted(() => {
+      if (props.mode !== "text-clip")
+        return;
+      connectTextObserver();
+    });
+    vue.onBeforeUnmount(() => {
+      disconnectTextObserver();
     });
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(__props.tag), {
-        class: vue.normalizeClass(["tx-glow-text", { "is-inactive": !__props.active, "is-once": !__props.repeat }]),
+        ref_key: "rootRef",
+        ref: rootRef,
+        class: vue.normalizeClass(["tx-glow-text", rootClasses.value]),
         style: vue.normalizeStyle(styleVars.value)
       }, {
         default: vue.withCtx(() => [
-          vue.createElementVNode("span", _hoisted_1, [
-            vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
-          ]),
+          vue.renderSlot(_ctx.$slots, "default", {}, void 0, true),
+          __props.mode === "text-clip" && textMaskContent.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1, vue.toDisplayString(textMaskContent.value), 1)) : vue.createCommentVNode("", true),
           _cache[0] || (_cache[0] = vue.createElementVNode("span", {
             class: "tx-glow-text__shine",
             "aria-hidden": "true"

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

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

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

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

package/dist/lib/gradual-blur/src/TxGradualBlur.vue.js

@@ -3,7 +3,7 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
 
 const vue = require('vue');
-const env = require('../../utils/env.js');
+const env = require('../../packages/tuffex/packages/utils/env.js');
 
 const _hoisted_1 = { class: "tx-gradual-blur__inner" };
 const _hoisted_2 = {

package/dist/lib/grid/src/TxGrid.vue2.js

@@ -3,7 +3,7 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
 
 const vue = require('vue');
-const env = require('../../utils/env.js');
+const env = require('../../packages/tuffex/packages/utils/env.js');
 
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   ...{ name: "TxGrid" },

package/dist/lib/grid-layout/index.js

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

package/dist/lib/group-block/index.js

@@ -2,9 +2,13 @@
 
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
 
-const withInstall = require('../utils/withInstall.js');
+const withInstall = require('../packages/tuffex/packages/utils/withInstall.js');
+const TxBlockInput_vue_vue_type_script_setup_true_lang = require('./src/TxBlockInput.vue.js');
+;/* empty css                       */
 const TxBlockLine_vue_vue_type_script_setup_true_lang = require('./src/TxBlockLine.vue.js');
 ;/* empty css                      */
+const TxBlockSelect_vue_vue_type_script_setup_true_lang = require('./src/TxBlockSelect.vue.js');
+;/* empty css                        */
 const TxBlockSlot_vue_vue_type_script_setup_true_lang = require('./src/TxBlockSlot.vue.js');
 ;/* empty css                      */
 const TxBlockSwitch_vue_vue_type_script_setup_true_lang = require('./src/TxBlockSwitch.vue.js');
@@ -16,12 +20,18 @@ const GroupBlock = withInstall.withInstall(TxGroupBlock_vue_vue_type_script_setu
 const BlockLine = withInstall.withInstall(TxBlockLine_vue_vue_type_script_setup_true_lang.default);
 const BlockSlot = withInstall.withInstall(TxBlockSlot_vue_vue_type_script_setup_true_lang.default);
 const BlockSwitch = withInstall.withInstall(TxBlockSwitch_vue_vue_type_script_setup_true_lang.default);
+const BlockInput = withInstall.withInstall(TxBlockInput_vue_vue_type_script_setup_true_lang.default);
+const BlockSelect = withInstall.withInstall(TxBlockSelect_vue_vue_type_script_setup_true_lang.default);
 
+exports.TxBlockInput = TxBlockInput_vue_vue_type_script_setup_true_lang.default;
 exports.TxBlockLine = TxBlockLine_vue_vue_type_script_setup_true_lang.default;
+exports.TxBlockSelect = TxBlockSelect_vue_vue_type_script_setup_true_lang.default;
 exports.TxBlockSlot = TxBlockSlot_vue_vue_type_script_setup_true_lang.default;
 exports.TxBlockSwitch = TxBlockSwitch_vue_vue_type_script_setup_true_lang.default;
 exports.TxGroupBlock = TxGroupBlock_vue_vue_type_script_setup_true_lang.default;
+exports.BlockInput = BlockInput;
 exports.BlockLine = BlockLine;
+exports.BlockSelect = BlockSelect;
 exports.BlockSlot = BlockSlot;
 exports.BlockSwitch = BlockSwitch;
 exports.GroupBlock = GroupBlock;