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

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.67",
+    "version": "3.0.0-next.68",
     "type": "module",
     "license": "MIT",
     "funding": "https://github.com/sponsors/basmilius",
@@ -55,10 +55,10 @@
         "**/dist/index.css"
     ],
     "dependencies": {
-        "@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",
+        "@basmilius/common": "^3.33.0",
+        "@basmilius/utils": "^3.33.0",
+        "@flux-ui/internals": "3.0.0-next.68",
+        "@flux-ui/types": "3.0.0-next.68",
         "@fortawesome/fontawesome-common-types": "^7.2.0",
         "clsx": "^2.1.1",
         "imask": "^7.6.1",
@@ -66,18 +66,18 @@
     },
     "peerDependencies": {
         "luxon": "^3.7.2",
-        "vue": "^3.6.0-beta.11"
+        "vue": "^3.6.0-beta.12"
     },
     "devDependencies": {
-        "@basmilius/vite-preset": "^3.30.0",
+        "@basmilius/vite-preset": "^3.33.0",
         "@types/lodash-es": "^4.17.12",
         "@types/luxon": "^3.7.1",
-        "@types/node": "^25.6.0",
-        "@vitejs/plugin-vue": "^6.0.6",
+        "@types/node": "^25.8.0",
+        "@vitejs/plugin-vue": "^6.0.7",
         "@vue/tsconfig": "^0.9.1",
         "sass-embedded": "^1.99.0",
         "typescript": "^6.0.3",
-        "vite": "^8.0.11",
-        "vue-tsc": "^3.2.8"
+        "vite": "^8.0.13",
+        "vue-tsc": "^3.2.9"
     }
 }

package/src/component/FluxLayerPane.vue

@@ -1,5 +1,13 @@
 <template>
-    <div :class="$style.layerPane">
+    <div
+        :class="clsx(
+        color === 'gray' && $style.layerPaneGray,
+            color === 'primary' && $style.layerPanePrimary,
+            color === 'danger' && $style.layerPaneDanger,
+            color === 'info' && $style.layerPaneInfo,
+            color === 'success' && $style.layerPaneSuccess,
+            color === 'warning' && $style.layerPaneWarning
+        )">
         <slot/>
     </div>
 </template>
@@ -7,9 +15,17 @@
 <script
     lang="ts"
     setup>
+    import type { FluxColor } from '@flux-ui/types';
+    import { clsx } from 'clsx';
     import type { VNode } from 'vue';
     import $style from '~flux/components/css/component/LayerPane.module.scss';
 
+    const {
+        color = 'gray'
+    } = defineProps<{
+        readonly color?: FluxColor;
+    }>();
+
     defineSlots<{
         default(): VNode[];
     }>();

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

@@ -32,7 +32,7 @@
     }
 
     &.isOpening {
-        animation: open 210ms var(--deceleration-curve) both;
+        animation: open 210ms var(--swift-out) both;
     }
 }
 

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

@@ -1,23 +1,85 @@
 .layerPane {
     display: flex;
     flex-flow: column;
-    border: 1px solid var(--surface-stroke-out);
-    border-radius: var(--radius);
-    background: var(--gray-50);
     background-clip: padding-box;
+    border: 1px solid;
+    border-radius: var(--radius);
+    contain: paint;
+
+    > :local(.basePaneStructure) {
+        border-color: inherit;
+    }
+}
+
+.layerPaneGray {
+    composes: layerPane;
+
+    background-color: var(--gray-50);
+    border-color: var(--surface-stroke-out);
+}
+
+.layerPanePrimary {
+    composes: layerPane;
+
+    background-color: var(--primary-100);
+    border-color: var(--primary-200);
+}
+
+.layerPaneDanger {
+    composes: layerPane;
+
+    background-color: var(--danger-100);
+    border-color: var(--danger-200);
+
+    :local(.paneHeaderIcon) {
+        color: var(--danger-600);
+    }
+}
+
+.layerPaneInfo {
+    composes: layerPane;
+
+    background-color: var(--info-100);
+    border-color: var(--info-200);
+
+    :local(.paneHeaderIcon) {
+        color: var(--info-600);
+    }
+}
+
+.layerPaneSuccess {
+    composes: layerPane;
+
+    background-color: var(--success-100);
+    border-color: var(--success-200);
+
+    :local(.paneHeaderIcon) {
+        color: var(--success-600);
+    }
+}
+
+.layerPaneWarning {
+    composes: layerPane;
+
+    background-color: var(--warning-100);
+    border-color: var(--warning-200);
+
+    :local(.paneHeaderIcon) {
+        color: var(--warning-600);
+    }
 }
 
 .layerPane > .basePaneStructure {
-    border-right-width: 0;
-    border-left-width: 0;
+    margin-left: -1px;
+    margin-right: -1px;
 }
 
 .layerPane > .basePaneStructure:first-child {
-    border-top-width: 0;
+    margin-top: -1px;
 }
 
 .layerPane > .basePaneStructure:last-child {
-    border-bottom-width: 0;
+    margin-bottom: -1px;
 }
 
 .layerPane > .basePaneStructure + .basePaneStructure {

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

@@ -16,7 +16,7 @@
     composes: overlayView;
 
     background: var(--overlay);
-    backdrop-filter: blur(3px) saturate(180%);
+    backdrop-filter: blur(3px) grayscale(.5) saturate(180%);
     pointer-events: none;
     transition: opacity 600ms var(--swift-out);
 }
@@ -58,8 +58,8 @@
             background: var(--overlay-secondary);
             opacity: 0;
             pointer-events: none;
-            transition: opacity 420ms var(--swift-out);
-            z-index: 1;
+            transition: opacity 600ms var(--swift-out);
+            z-index: 1000;
         }
     }
 
@@ -111,6 +111,7 @@
         max-height: calc(100% - 18px);
         width: min(100dvw, 720px);
         contain: paint;
+        transition-duration: 600ms;
         overflow: auto;
 
         > .paneHeader,
@@ -154,10 +155,10 @@
 
 .overlayTransitionEnterActive,
 .overlayTransitionLeaveActive {
-    transition: opacity 420ms var(--swift-out);
+    transition: opacity 300ms var(--swift-out);
 
     > .basePaneStructure {
-        transition: 420ms var(--swift-out);
+        transition: 300ms var(--swift-out);
         transition-property: opacity, scale;
     }
 }
@@ -182,10 +183,10 @@
 
 .slideOverTransitionEnterActive,
 .slideOverTransitionLeaveActive {
-    transition: opacity 600ms var(--swift-out);
+    transition: opacity 480ms var(--swift-out);
 
     > .basePaneStructure {
-        transition: 600ms var(--swift-out);
+        transition: 480ms var(--swift-out);
         transition-property: opacity, transform;
     }
 }

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

@@ -95,13 +95,13 @@
 .verticalWindowTransitionEnterActive,
 .verticalWindowTransitionBackEnterActive {
     contain: paint;
-    transition: 120ms var(--deceleration-curve);
+    transition: 105ms var(--deceleration-curve);
     transition-property: opacity, transform;
 }
 
 .verticalWindowTransitionLeaveActive,
 .verticalWindowTransitionBackLeaveActive {
-    transition: 120ms var(--acceleration-curve);
+    transition: 105ms var(--acceleration-curve);
     transition-property: opacity, transform;
 }
 
@@ -119,13 +119,13 @@
 
 .windowTransitionEnterActive,
 .windowTransitionBackEnterActive {
-    transition: 120ms var(--deceleration-curve);
+    transition: 105ms var(--deceleration-curve);
     transition-property: height, opacity, transform;
 }
 
 .windowTransitionLeaveActive,
 .windowTransitionBackLeaveActive {
-    transition: 120ms var(--acceleration-curve);
+    transition: 105ms var(--acceleration-curve);
     transition-property: height, opacity, transform;
 }
 

package/src/index.ts

@@ -6,6 +6,7 @@ export * from './transition';
 
 export {
     fluxRegisterIcons,
+    iconRegistry,
     isFluxFormSelectGroup,
     isFluxFormSelectOption,
     showAlert,