@flux-ui/components 3.0.0-next.66 → 3.0.0-next.67

package/dist/transition/FluxAutoHeightTransition.vue.d.ts

@@ -1,19 +1,12 @@
 import { VNode, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: Readonly<{
-        default(): VNode[];
-    }> & {
-        default(): VNode[];
-    };
-    refs: {};
-    rootEl: any;
+type __VLS_Slots = {
+    default(): VNode[];
 };
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: DefineComponent<{}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+declare const __VLS_base: DefineComponent<{}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
 export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
+type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;
     };

package/dist/transition/FluxAutoWidthTransition.vue.d.ts

@@ -1,19 +1,12 @@
 import { VNode, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: Readonly<{
-        default(): VNode[];
-    }> & {
-        default(): VNode[];
-    };
-    refs: {};
-    rootEl: any;
+type __VLS_Slots = {
+    default(): VNode[];
 };
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: DefineComponent<{}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+declare const __VLS_base: DefineComponent<{}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
 export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
+type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;
     };

package/dist/transition/FluxBreakthroughTransition.vue.d.ts

@@ -3,21 +3,14 @@ type __VLS_Props = {
     readonly isBack?: boolean;
     readonly mode?: 'in-out' | 'out-in';
 };
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: Readonly<{
-        default(): VNode[];
-    }> & {
-        default(): VNode[];
-    };
-    refs: {};
-    rootEl: any;
+type __VLS_Slots = {
+    default(): VNode[];
 };
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+declare const __VLS_base: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
 export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
+type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;
     };

package/dist/transition/FluxFadeTransition.vue.d.ts

@@ -2,21 +2,14 @@ import { VNode, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentPr
 type __VLS_Props = {
     readonly mode?: 'in-out' | 'out-in';
 };
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: Readonly<{
-        default(): VNode[];
-    }> & {
-        default(): VNode[];
-    };
-    refs: {};
-    rootEl: any;
+type __VLS_Slots = {
+    default(): VNode[];
 };
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+declare const __VLS_base: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
 export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
+type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;
     };

package/dist/transition/FluxOverlayTransition.vue.d.ts

@@ -2,21 +2,14 @@ import { VNode, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentPr
 type __VLS_Props = {
     readonly mode?: 'in-out' | 'out-in';
 };
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: Readonly<{
-        default(): VNode[];
-    }> & {
-        default(): VNode[];
-    };
-    refs: {};
-    rootEl: any;
+type __VLS_Slots = {
+    default(): VNode[];
 };
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+declare const __VLS_base: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
 export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
+type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;
     };

package/dist/transition/FluxRouteTransition.vue.d.ts

@@ -3,21 +3,14 @@ type __VLS_Props = {
     readonly isBack?: boolean;
     readonly mode?: 'in-out' | 'out-in';
 };
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: Readonly<{
-        default(): VNode[];
-    }> & {
-        default(): VNode[];
-    };
-    refs: {};
-    rootEl: any;
+type __VLS_Slots = {
+    default(): VNode[];
 };
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+declare const __VLS_base: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
 export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
+type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;
     };

package/dist/transition/FluxSlideOverTransition.vue.d.ts

@@ -2,21 +2,14 @@ import { VNode, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentPr
 type __VLS_Props = {
     readonly mode?: 'in-out' | 'out-in';
 };
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: Readonly<{
-        default(): VNode[];
-    }> & {
-        default(): VNode[];
-    };
-    refs: {};
-    rootEl: any;
+type __VLS_Slots = {
+    default(): VNode[];
 };
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+declare const __VLS_base: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
 export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
+type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;
     };

package/dist/transition/FluxTooltipTransition.vue.d.ts

@@ -2,21 +2,14 @@ import { VNode, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentPr
 type __VLS_Props = {
     readonly mode?: 'in-out' | 'out-in';
 };
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: Readonly<{
-        default(): VNode[];
-    }> & {
-        default(): VNode[];
-    };
-    refs: {};
-    rootEl: any;
+type __VLS_Slots = {
+    default(): VNode[];
 };
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+declare const __VLS_base: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
 export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
+type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;
     };

package/dist/transition/FluxVerticalWindowTransition.vue.d.ts

@@ -3,21 +3,14 @@ type __VLS_Props = {
     readonly isBack?: boolean;
     readonly mode?: 'in-out' | 'out-in';
 };
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: Readonly<{
-        default(): VNode[];
-    }> & {
-        default(): VNode[];
-    };
-    refs: {};
-    rootEl: any;
+type __VLS_Slots = {
+    default(): VNode[];
 };
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+declare const __VLS_base: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
 export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
+type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;
     };

package/dist/transition/FluxWindowTransition.vue.d.ts

@@ -3,21 +3,14 @@ type __VLS_Props = {
     readonly isBack?: boolean;
     readonly mode?: 'in-out' | 'out-in';
 };
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: Readonly<{
-        default(): VNode[];
-    }> & {
-        default(): VNode[];
-    };
-    refs: {};
-    rootEl: any;
+type __VLS_Slots = {
+    default(): VNode[];
 };
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+declare const __VLS_base: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
 export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
+type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;
     };

package/dist/vite.js.map

@@ -1 +1 @@
-{"version":3,"file":"vite.js","names":[],"sources":["../src/vite/defineFilterMacro.ts"],"sourcesContent":["import type { Plugin } from 'vite';\n\nconst SCRIPT_SETUP_REGEX = /<script\\b([^>]*)\\bsetup\\b([^>]*)>([\\s\\S]*?)<\\/script>/gi;\n\nfunction defineFilterMacro(): Plugin {\n    return {\n        name: '@flux-ui/components/define-filter-macro',\n        enforce: 'pre',\n\n        transform(code, id) {\n            if (!id.endsWith('.vue')) {\n                return;\n            }\n\n            if (!code.includes('defineFilter')) {\n                return;\n            }\n\n            let transformed = false;\n\n            const newCode = code.replace(SCRIPT_SETUP_REGEX, (match, before, after, content) => {\n                if (!content.includes('defineFilter')) {\n                    return match;\n                }\n\n                if (content.includes('__filterDefinitionFactory')) {\n                    return match;\n                }\n\n                if (containsTopLevelCall(content, 'defineOptions')) {\n                    return match;\n                }\n\n                const wrapped = wrapDefineFilter(content);\n\n                if (wrapped === content) {\n                    return match;\n                }\n\n                transformed = true;\n                return `<script${before}setup${after}>${wrapped}</script>`;\n            });\n\n            if (!transformed) {\n                return;\n            }\n\n            return {\n                code: newCode,\n                map: null\n            };\n        }\n    };\n}\n\nexport default defineFilterMacro;\n\nfunction wrapDefineFilter(content: string): string {\n    const range = findTopLevelCall(content, 'defineFilter');\n\n    if (!range) {\n        return content;\n    }\n\n    const callExpression = content.slice(range.callStart, range.callEnd);\n    const replacement = `defineOptions({\\n    __filterDefinitionFactory: ${callExpression}\\n})`;\n\n    return content.slice(0, range.callStart) + replacement + content.slice(range.callEnd);\n}\n\nfunction containsTopLevelCall(content: string, name: string): boolean {\n    return findTopLevelCall(content, name) !== null;\n}\n\ntype CallRange = {\n    readonly callStart: number;\n    readonly callEnd: number;\n};\n\nfunction findTopLevelCall(content: string, name: string): CallRange | null {\n    let parenDepth = 0;\n    let braceDepth = 0;\n    let bracketDepth = 0;\n    let inString: string | null = null;\n    let inComment: 'single' | 'multi' | null = null;\n\n    let i = 0;\n\n    while (i < content.length) {\n        const c = content[i];\n        const n = content[i + 1];\n\n        if (inComment === 'single') {\n            if (c === '\\n') {\n                inComment = null;\n            }\n\n            i++;\n            continue;\n        }\n\n        if (inComment === 'multi') {\n            if (c === '*' && n === '/') {\n                inComment = null;\n                i += 2;\n                continue;\n            }\n\n            i++;\n            continue;\n        }\n\n        if (inString) {\n            if (c === '\\\\') {\n                i += 2;\n                continue;\n            }\n\n            if (c === inString) {\n                inString = null;\n            }\n\n            i++;\n            continue;\n        }\n\n        if (c === '/' && n === '/') {\n            inComment = 'single';\n            i += 2;\n            continue;\n        }\n\n        if (c === '/' && n === '*') {\n            inComment = 'multi';\n            i += 2;\n            continue;\n        }\n\n        if (c === '\"' || c === '\\'' || c === '`') {\n            inString = c;\n            i++;\n            continue;\n        }\n\n        if (c === '(') {\n            parenDepth++;\n            i++;\n            continue;\n        }\n\n        if (c === ')') {\n            parenDepth--;\n            i++;\n            continue;\n        }\n\n        if (c === '{') {\n            braceDepth++;\n            i++;\n            continue;\n        }\n\n        if (c === '}') {\n            braceDepth--;\n            i++;\n            continue;\n        }\n\n        if (c === '[') {\n            bracketDepth++;\n            i++;\n            continue;\n        }\n\n        if (c === ']') {\n            bracketDepth--;\n            i++;\n            continue;\n        }\n\n        const isTopLevel = parenDepth === 0 && braceDepth === 0 && bracketDepth === 0;\n\n        if (!isTopLevel || !content.startsWith(name, i)) {\n            i++;\n            continue;\n        }\n\n        const prevChar = i > 0 ? content[i - 1] : '';\n\n        if (/[A-Za-z0-9_$]/.test(prevChar)) {\n            i++;\n            continue;\n        }\n\n        const afterName = i + name.length;\n        const nextChar = content[afterName];\n\n        if (nextChar && /[A-Za-z0-9_$]/.test(nextChar)) {\n            i++;\n            continue;\n        }\n\n        const callOpen = skipGenericAndWhitespace(content, afterName);\n\n        if (callOpen === -1 || content[callOpen] !== '(') {\n            i++;\n            continue;\n        }\n\n        const callClose = matchClosingParen(content, callOpen);\n\n        if (callClose === -1) {\n            return null;\n        }\n\n        return {\n            callStart: i,\n            callEnd: callClose + 1\n        };\n    }\n\n    return null;\n}\n\nfunction skipGenericAndWhitespace(content: string, start: number): number {\n    let i = start;\n\n    while (i < content.length && /\\s/.test(content[i])) {\n        i++;\n    }\n\n    if (content[i] !== '<') {\n        return i;\n    }\n\n    let depth = 1;\n    i++;\n\n    while (i < content.length && depth > 0) {\n        const c = content[i];\n\n        if (c === '<') {\n            depth++;\n        } else if (c === '>') {\n            depth--;\n        }\n\n        i++;\n    }\n\n    while (i < content.length && /\\s/.test(content[i])) {\n        i++;\n    }\n\n    return i;\n}\n\nfunction matchClosingParen(content: string, openIndex: number): number {\n    let depth = 1;\n    let inString: string | null = null;\n    let inComment: 'single' | 'multi' | null = null;\n\n    let i = openIndex + 1;\n\n    while (i < content.length) {\n        const c = content[i];\n        const n = content[i + 1];\n\n        if (inComment === 'single') {\n            if (c === '\\n') {\n                inComment = null;\n            }\n\n            i++;\n            continue;\n        }\n\n        if (inComment === 'multi') {\n            if (c === '*' && n === '/') {\n                inComment = null;\n                i += 2;\n                continue;\n            }\n\n            i++;\n            continue;\n        }\n\n        if (inString) {\n            if (c === '\\\\') {\n                i += 2;\n                continue;\n            }\n\n            if (c === inString) {\n                inString = null;\n            }\n\n            i++;\n            continue;\n        }\n\n        if (c === '/' && n === '/') {\n            inComment = 'single';\n            i += 2;\n            continue;\n        }\n\n        if (c === '/' && n === '*') {\n            inComment = 'multi';\n            i += 2;\n            continue;\n        }\n\n        if (c === '\"' || c === '\\'' || c === '`') {\n            inString = c;\n            i++;\n            continue;\n        }\n\n        if (c === '(') {\n            depth++;\n        } else if (c === ')') {\n            depth--;\n\n            if (depth === 0) {\n                return i;\n            }\n        }\n\n        i++;\n    }\n\n    return -1;\n}\n"],"mappings":"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"}
+{"version":3,"file":"vite.js","names":[],"sources":["../src/vite/defineFilterMacro.ts"],"sourcesContent":["import type { Plugin } from 'vite';\n\nconst SCRIPT_SETUP_REGEX = /<script\\b([^>]*)\\bsetup\\b([^>]*)>([\\s\\S]*?)<\\/script>/gi;\n\nfunction defineFilterMacro(): Plugin {\n    return {\n        name: '@flux-ui/components/define-filter-macro',\n        enforce: 'pre',\n\n        transform(code, id) {\n            if (!id.endsWith('.vue')) {\n                return;\n            }\n\n            if (!code.includes('defineFilter')) {\n                return;\n            }\n\n            let transformed = false;\n\n            const newCode = code.replace(SCRIPT_SETUP_REGEX, (match, before, after, content) => {\n                if (!content.includes('defineFilter')) {\n                    return match;\n                }\n\n                if (content.includes('__filterDefinitionFactory')) {\n                    return match;\n                }\n\n                if (containsTopLevelCall(content, 'defineOptions')) {\n                    return match;\n                }\n\n                const wrapped = wrapDefineFilter(content);\n\n                if (wrapped === content) {\n                    return match;\n                }\n\n                transformed = true;\n                return `<script${before}setup${after}>${wrapped}</script>`;\n            });\n\n            if (!transformed) {\n                return;\n            }\n\n            return {\n                code: newCode,\n                map: null\n            };\n        }\n    };\n}\n\nexport default defineFilterMacro;\n\nfunction wrapDefineFilter(content: string): string {\n    const range = findTopLevelCall(content, 'defineFilter');\n\n    if (!range) {\n        return content;\n    }\n\n    const callExpression = content.slice(range.callStart, range.callEnd);\n    const replacement = `defineOptions({\\n    __filterDefinitionFactory: ${callExpression}\\n})`;\n\n    return content.slice(0, range.callStart) + replacement + content.slice(range.callEnd);\n}\n\nfunction containsTopLevelCall(content: string, name: string): boolean {\n    return findTopLevelCall(content, name) !== null;\n}\n\ntype CallRange = {\n    readonly callStart: number;\n    readonly callEnd: number;\n};\n\nfunction findTopLevelCall(content: string, name: string): CallRange | null {\n    let parenDepth = 0;\n    let braceDepth = 0;\n    let bracketDepth = 0;\n    let inString: string | null = null;\n    let inComment: 'single' | 'multi' | null = null;\n\n    let i = 0;\n\n    while (i < content.length) {\n        const c = content[i];\n        const n = content[i + 1];\n\n        if (inComment === 'single') {\n            if (c === '\\n') {\n                inComment = null;\n            }\n\n            i++;\n            continue;\n        }\n\n        if (inComment === 'multi') {\n            if (c === '*' && n === '/') {\n                inComment = null;\n                i += 2;\n                continue;\n            }\n\n            i++;\n            continue;\n        }\n\n        if (inString) {\n            if (c === '\\\\') {\n                i += 2;\n                continue;\n            }\n\n            if (c === inString) {\n                inString = null;\n            }\n\n            i++;\n            continue;\n        }\n\n        if (c === '/' && n === '/') {\n            inComment = 'single';\n            i += 2;\n            continue;\n        }\n\n        if (c === '/' && n === '*') {\n            inComment = 'multi';\n            i += 2;\n            continue;\n        }\n\n        if (c === '\"' || c === '\\'' || c === '`') {\n            inString = c;\n            i++;\n            continue;\n        }\n\n        if (c === '(') {\n            parenDepth++;\n            i++;\n            continue;\n        }\n\n        if (c === ')') {\n            parenDepth--;\n            i++;\n            continue;\n        }\n\n        if (c === '{') {\n            braceDepth++;\n            i++;\n            continue;\n        }\n\n        if (c === '}') {\n            braceDepth--;\n            i++;\n            continue;\n        }\n\n        if (c === '[') {\n            bracketDepth++;\n            i++;\n            continue;\n        }\n\n        if (c === ']') {\n            bracketDepth--;\n            i++;\n            continue;\n        }\n\n        const isTopLevel = parenDepth === 0 && braceDepth === 0 && bracketDepth === 0;\n\n        if (!isTopLevel || !content.startsWith(name, i)) {\n            i++;\n            continue;\n        }\n\n        const prevChar = i > 0 ? content[i - 1] : '';\n\n        if (/[A-Za-z0-9_$]/.test(prevChar)) {\n            i++;\n            continue;\n        }\n\n        const afterName = i + name.length;\n        const nextChar = content[afterName];\n\n        if (nextChar && /[A-Za-z0-9_$]/.test(nextChar)) {\n            i++;\n            continue;\n        }\n\n        const callOpen = skipGenericAndWhitespace(content, afterName);\n\n        if (callOpen === -1 || content[callOpen] !== '(') {\n            i++;\n            continue;\n        }\n\n        const callClose = matchClosingParen(content, callOpen);\n\n        if (callClose === -1) {\n            return null;\n        }\n\n        return {\n            callStart: i,\n            callEnd: callClose + 1\n        };\n    }\n\n    return null;\n}\n\nfunction skipGenericAndWhitespace(content: string, start: number): number {\n    let i = start;\n\n    while (i < content.length && /\\s/.test(content[i])) {\n        i++;\n    }\n\n    if (content[i] !== '<') {\n        return i;\n    }\n\n    let depth = 1;\n    i++;\n\n    while (i < content.length && depth > 0) {\n        const c = content[i];\n\n        if (c === '<') {\n            depth++;\n        } else if (c === '>') {\n            depth--;\n        }\n\n        i++;\n    }\n\n    while (i < content.length && /\\s/.test(content[i])) {\n        i++;\n    }\n\n    return i;\n}\n\nfunction matchClosingParen(content: string, openIndex: number): number {\n    let depth = 1;\n    let inString: string | null = null;\n    let inComment: 'single' | 'multi' | null = null;\n\n    let i = openIndex + 1;\n\n    while (i < content.length) {\n        const c = content[i];\n        const n = content[i + 1];\n\n        if (inComment === 'single') {\n            if (c === '\\n') {\n                inComment = null;\n            }\n\n            i++;\n            continue;\n        }\n\n        if (inComment === 'multi') {\n            if (c === '*' && n === '/') {\n                inComment = null;\n                i += 2;\n                continue;\n            }\n\n            i++;\n            continue;\n        }\n\n        if (inString) {\n            if (c === '\\\\') {\n                i += 2;\n                continue;\n            }\n\n            if (c === inString) {\n                inString = null;\n            }\n\n            i++;\n            continue;\n        }\n\n        if (c === '/' && n === '/') {\n            inComment = 'single';\n            i += 2;\n            continue;\n        }\n\n        if (c === '/' && n === '*') {\n            inComment = 'multi';\n            i += 2;\n            continue;\n        }\n\n        if (c === '\"' || c === '\\'' || c === '`') {\n            inString = c;\n            i++;\n            continue;\n        }\n\n        if (c === '(') {\n            depth++;\n        } else if (c === ')') {\n            depth--;\n\n            if (depth === 0) {\n                return i;\n            }\n        }\n\n        i++;\n    }\n\n    return -1;\n}\n"],"mappings":"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"}

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@flux-ui/components",
     "description": "A set of opiniated UI components.",
-    "version": "3.0.0-next.66",
+    "version": "3.0.0-next.67",
     "type": "module",
     "license": "MIT",
     "funding": "https://github.com/sponsors/basmilius",
@@ -55,10 +55,10 @@
         "**/dist/index.css"
     ],
     "dependencies": {
-        "@basmilius/common": "^3.25.0",
-        "@basmilius/utils": "^3.25.0",
-        "@flux-ui/internals": "3.0.0-next.66",
-        "@flux-ui/types": "3.0.0-next.66",
+        "@basmilius/common": "^3.30.0",
+        "@basmilius/utils": "^3.30.0",
+        "@flux-ui/internals": "3.0.0-next.67",
+        "@flux-ui/types": "3.0.0-next.67",
         "@fortawesome/fontawesome-common-types": "^7.2.0",
         "clsx": "^2.1.1",
         "imask": "^7.6.1",
@@ -66,10 +66,10 @@
     },
     "peerDependencies": {
         "luxon": "^3.7.2",
-        "vue": "^3.6.0-beta.10"
+        "vue": "^3.6.0-beta.11"
     },
     "devDependencies": {
-        "@basmilius/vite-preset": "^3.25.0",
+        "@basmilius/vite-preset": "^3.30.0",
         "@types/lodash-es": "^4.17.12",
         "@types/luxon": "^3.7.1",
         "@types/node": "^25.6.0",
@@ -77,7 +77,7 @@
         "@vue/tsconfig": "^0.9.1",
         "sass-embedded": "^1.99.0",
         "typescript": "^6.0.3",
-        "vite": "^8.0.10",
+        "vite": "^8.0.11",
         "vue-tsc": "^3.2.8"
     }
 }

package/src/component/FluxDataTable.vue

@@ -1,5 +1,6 @@
 <template>
     <FluxTable
+        ref="table"
         :fill-columns="fillColumns"
         :is-bordered="isBordered"
         :is-hoverable="isHoverable"
@@ -65,7 +66,7 @@
         <FluxTableRow
             v-for="(item, index) of limitedItems"
             :key="uniqueKey ? item[uniqueKey] : index"
-            :class="selectionMode && $style.isSelectableRow"
+            :class="selectionMode && !treeDisabled && $style.isSelectableRow"
             :is-selected="selectionMode ? isItemSelected(item) : false"
             @click="onRowClick(item, $event)">
             <FluxTableCell
@@ -90,7 +91,8 @@
     lang="ts"
     setup
     generic="T extends Record<string, any>">
-    import { computed, unref, type VNode } from 'vue';
+    import { computed, unref, useTemplateRef, type VNode, watch } from 'vue';
+    import { useDisabledInjection } from '~flux/components/composable';
     import FluxCheckbox from './FluxCheckbox.vue';
     import FluxPaginationBar from './FluxPaginationBar.vue';
     import FluxTable from './FluxTable.vue';
@@ -179,6 +181,9 @@
         colgroups(): VNode;
     }>();
 
+    const table = useTemplateRef('table');
+    const treeDisabled = useDisabledInjection();
+
     const limitedItems = computed(() => items.slice(0, perPage));
 
     const currentPageIds = computed<SelectionId[]>(() => {
@@ -239,7 +244,7 @@
     }
 
     function onRowClick(item: T, event: MouseEvent): void {
-        if (!selectionMode) {
+        if (!selectionMode || unref(treeDisabled)) {
             return;
         }
 
@@ -292,4 +297,8 @@
     if (import.meta.env.DEV && selectionMode && !uniqueKey) {
         console.warn('[FluxDataTable] `uniqueKey` is required when `selectionMode` is set, otherwise rows cannot be tracked across renders.');
     }
+
+    watch(() => items, () => {
+        unref(table)?.$el.scrollTo(0, 0);
+    });
 </script>

package/src/component/FluxTable.vue

@@ -1,5 +1,10 @@
 <template>
-    <div :class="[$style.table, isBordered && $style.isBordered]">
+    <div
+        ref="base"
+        :class="[
+            $style.table,
+            isBordered && $style.isBordered
+        ]">
         <table :class="$style.tableBase">
             <slot name="colgroups"/>
 
@@ -30,7 +35,8 @@
 
         <div
             v-if="isLoading"
-            :class="$style.tableLoader">
+            :class="$style.tableLoader"
+            :style="{transform: `translate(${x}px, ${y}px)`}">
             <FluxSpinner/>
         </div>
 
@@ -45,7 +51,8 @@
 <script
     lang="ts"
     setup>
-    import { provide, type VNode } from 'vue';
+    import { useScrollPosition } from '@flux-ui/internals';
+    import { provide, useTemplateRef, type VNode } from 'vue';
     import { FluxTableInjectionKey } from '~flux/components/data';
     import FluxPaneBody from './FluxPaneBody.vue';
     import FluxSpinner from './FluxSpinner.vue';
@@ -79,6 +86,9 @@
         pagination?(): VNode;
     }>();
 
+    const base = useTemplateRef('base');
+    const {x, y} = useScrollPosition(base);
+
     provide(FluxTableInjectionKey, {
         isBordered,
         isHoverable,

package/src/css/component/Form.module.scss

@@ -651,7 +651,7 @@
         transition-property: opacity;
 
         :is(path) {
-            stroke: white;
+            stroke: currentColor;
             stroke-width: 54px;
         }
     }
@@ -684,6 +684,16 @@
     &:focus-visible + .checkboxElement {
         @include mixin.focus-outline-visible(2px);
     }
+
+    &:disabled {
+        cursor: not-allowed;
+    }
+
+    &:disabled + .checkboxElement {
+        background: var(--gray-100);
+        border-color: var(--gray-200);
+        color: var(--foreground-secondary);
+    }
 }
 
 .quantitySelector {
@@ -813,6 +823,12 @@
     border-radius: var(--radius-full);
     contain: paint;
 
+    @include mixin.focus-outline;
+
+    &:has(.toggleInput:focus-visible) {
+        @include mixin.focus-outline-visible(2px);
+    }
+
     &.isChecked {
         border-color: transparent;
 
@@ -890,8 +906,6 @@
     cursor: pointer;
     outline: 0;
 
-    @include mixin.focus-ring(2px);
-
     &::after {
         position: absolute;
         display: block;

package/src/util/createDialogRenderer.ts

@@ -31,7 +31,6 @@ export default function (attrs: object, props: Props, emit: Emit, slots: Slots,
         }
 
         dialog.addEventListener('keydown', onKeyDown, {passive: true});
-        dialog.focus();
 
         onCleanup(() => {
             dialog.removeEventListener('keydown', onKeyDown);