@flux-ui/components 3.0.0-next.65 → 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.65",
+    "version": "3.0.0-next.67",
     "type": "module",
     "license": "MIT",
     "funding": "https://github.com/sponsors/basmilius",
@@ -50,11 +50,15 @@
     "main": "./dist/index.js",
     "module": "./dist/index.js",
     "types": "./dist/index.d.ts",
+    "sideEffects": [
+        "**/css/index.scss",
+        "**/dist/index.css"
+    ],
     "dependencies": {
-        "@basmilius/common": "^3.25.0",
-        "@basmilius/utils": "^3.25.0",
-        "@flux-ui/internals": "3.0.0-next.65",
-        "@flux-ui/types": "3.0.0-next.65",
+        "@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",
@@ -62,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",
@@ -73,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/FluxCheckbox.vue

@@ -26,12 +26,12 @@
             <FluxIcon
                 v-if="isIndeterminate"
                 name="minus"
-                :size="16"/>
+                :size="12"/>
 
             <FluxIcon
                 v-else
                 name="check"
-                :size="16"/>
+                :size="12"/>
         </button>
 
         <span

package/src/component/FluxDataTable.vue

@@ -1,5 +1,6 @@
 <template>
     <FluxTable
+        ref="table"
         :fill-columns="fillColumns"
         :is-bordered="isBordered"
         :is-hoverable="isHoverable"
@@ -13,13 +14,23 @@
         </template>
 
         <template
-            v-if="'header' in slots"
+            v-if="'header' in slots || selectionMode"
             #header>
             <slot
                 name="filter"
                 v-bind="{page, perPage, items: limitedItems, total}"/>
 
             <FluxTableRow>
+                <FluxTableHeader
+                    v-if="selectionMode"
+                    is-shrinking
+                    :class="$style.tableCellSelection">
+                    <FluxCheckbox
+                        v-if="selectionMode === 'multiple'"
+                        :model-value="selectAllState"
+                        @update:model-value="onSelectAll"/>
+                </FluxTableHeader>
+
                 <slot
                     name="header"
                     v-bind="{page, perPage, items: limitedItems, total}"/>
@@ -54,11 +65,22 @@
 
         <FluxTableRow
             v-for="(item, index) of limitedItems"
-            :key="uniqueKey ? item[uniqueKey] : index">
+            :key="uniqueKey ? item[uniqueKey] : index"
+            :class="selectionMode && !treeDisabled && $style.isSelectableRow"
+            :is-selected="selectionMode ? isItemSelected(item) : false"
+            @click="onRowClick(item, $event)">
+            <FluxTableCell
+                v-if="selectionMode"
+                :class="$style.tableCellSelection">
+                <FluxCheckbox
+                    :model-value="isItemSelected(item)"
+                    @update:model-value="onSelectRow(item)"/>
+            </FluxTableCell>
+
             <template v-for="(_, name) of slots">
                 <slot
                     v-if="!IGNORED_SLOTS.includes(name as string)"
-                    v-bind="{index, item, items: limitedItems, page, perPage, total}"
+                    v-bind="{index, item, items: limitedItems, page, perPage, total, isSelected: isItemSelected(item)}"
                     :name="name"/>
             </template>
         </FluxTableRow>
@@ -69,10 +91,18 @@
     lang="ts"
     setup
     generic="T extends Record<string, any>">
-    import { computed, 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';
+    import FluxTableCell from './FluxTableCell.vue';
+    import FluxTableHeader from './FluxTableHeader.vue';
     import FluxTableRow from './FluxTableRow.vue';
+    import $style from '~flux/components/css/component/Table.module.scss';
+
+    type SelectionId = string | number;
+    type SelectionValue = SelectionId | null | SelectionId[];
 
     const IGNORED_SLOTS: string[] = ['filter', 'header', 'footer', 'colgroups', 'pagination'];
 
@@ -81,6 +111,8 @@
         navigate: [number];
     }>();
 
+    const selected = defineModel<SelectionValue>('selected');
+
     const {
         isBordered = true,
         isHoverable = false,
@@ -88,7 +120,9 @@
         isSeparated = true,
         isStriped = false,
         items,
-        perPage
+        perPage,
+        selectionMode,
+        uniqueKey
     } = defineProps<{
         readonly fillColumns?: number;
         readonly isBordered?: boolean;
@@ -100,6 +134,7 @@
         readonly limits: number[];
         readonly page: number;
         readonly perPage: number;
+        readonly selectionMode?: 'single' | 'multiple';
         readonly total: number;
         readonly uniqueKey?: string;
     }>();
@@ -112,6 +147,7 @@
             readonly item: T;
             readonly items: T[];
             readonly total: number;
+            readonly isSelected: boolean;
         }) => VNode;
 
         filter(props: {
@@ -145,5 +181,124 @@
         colgroups(): VNode;
     }>();
 
+    const table = useTemplateRef('table');
+    const treeDisabled = useDisabledInjection();
+
     const limitedItems = computed(() => items.slice(0, perPage));
+
+    const currentPageIds = computed<SelectionId[]>(() => {
+        if (!uniqueKey) {
+            return [];
+        }
+
+        return unref(limitedItems).map(item => item[uniqueKey] as SelectionId);
+    });
+
+    const selectAllState = computed<boolean | null>(() => {
+        const ids = unref(currentPageIds);
+        const value = unref(selected);
+
+        if (ids.length === 0 || !Array.isArray(value)) {
+            return false;
+        }
+
+        const selectedOnPage = ids.filter(id => value.includes(id)).length;
+
+        if (selectedOnPage === 0) {
+            return false;
+        }
+
+        if (selectedOnPage === ids.length) {
+            return true;
+        }
+
+        return null;
+    });
+
+    function getItemId(item: T): SelectionId | undefined {
+        if (!uniqueKey) {
+            return undefined;
+        }
+
+        return item[uniqueKey] as SelectionId;
+    }
+
+    function isItemSelected(item: T): boolean {
+        if (!selectionMode) {
+            return false;
+        }
+
+        const id = getItemId(item);
+
+        if (id === undefined) {
+            return false;
+        }
+
+        const value = unref(selected);
+
+        if (Array.isArray(value)) {
+            return value.includes(id);
+        }
+
+        return value === id;
+    }
+
+    function onRowClick(item: T, event: MouseEvent): void {
+        if (!selectionMode || unref(treeDisabled)) {
+            return;
+        }
+
+        const target = event.target as HTMLElement | null;
+
+        if (target?.closest('a, button, input, label, select, textarea, [role="button"]')) {
+            return;
+        }
+
+        onSelectRow(item);
+    }
+
+    function onSelectRow(item: T): void {
+        const id = getItemId(item);
+
+        if (id === undefined) {
+            return;
+        }
+
+        if (selectionMode === 'multiple') {
+            const current = Array.isArray(unref(selected)) ? unref(selected) as SelectionId[] : [];
+            selected.value = current.includes(id)
+                ? current.filter(v => v !== id)
+                : [...current, id];
+            return;
+        }
+
+        if (selectionMode === 'single') {
+            selected.value = isItemSelected(item) ? null : id;
+        }
+    }
+
+    function onSelectAll(value: boolean | null): void {
+        if (selectionMode !== 'multiple') {
+            return;
+        }
+
+        const ids = unref(currentPageIds);
+        const current = Array.isArray(unref(selected)) ? unref(selected) as SelectionId[] : [];
+
+        if (value) {
+            const additions = ids.filter(id => !current.includes(id));
+            selected.value = [...current, ...additions];
+            return;
+        }
+
+        selected.value = current.filter(id => !ids.includes(id));
+    }
+
+    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>