@vef-framework/dev 1.0.63 → 1.0.64

package/es/tailwind-config.js

@@ -1,3 +1,393 @@
-/*! VefFramework version: 1.0.63, build time: 2025-01-09T12:00:01.787Z, made by Venus. */
-import e from"@tailwindcss/container-queries";import r from"tailwindcss/colors.js";function v(){return{content:["src/**/*.{ts,tsx}"],plugins:[e],theme:{colors:{inherit:"inherit",current:"currentColor",transparent:"transparent",black:"#000000",white:"var(--vef-color-white)",primary:"var(--vef-color-primary)","primary-hover":"var(--vef-color-primary-hover)","primary-active":"var(--vef-color-primary-active)",success:"var(--vef-color-success)","success-hover":"var(--vef-color-success-hover)","success-active":"var(--vef-color-success-active)",warning:"var(--vef-color-warning)","warning-hover":"var(--vef-color-warning-hover)","warning-active":"var(--vef-color-warning-active)",error:"var(--vef-color-error)","error-hover":"var(--vef-color-error-hover)","error-active":"var(--vef-color-error-active)",info:"var(--vef-color-info)","info-hover":"var(--vef-color-info-hover)","info-active":"var(--vef-color-info-active)",link:"var(--vef-color-link)","link-hover":"var(--vef-color-link-hover)","link-active":"var(--vef-color-link-active)",blue:{DEFAULT:"var(--vef-blue-6)",1:"var(--vef-blue-1)",2:"var(--vef-blue-2)",3:"var(--vef-blue-3)",4:"var(--vef-blue-4)",5:"var(--vef-blue-5)",6:"var(--vef-blue-6)",7:"var(--vef-blue-7)",8:"var(--vef-blue-8)",9:"var(--vef-blue-9)",10:"var(--vef-blue-10)"},purple:{DEFAULT:"var(--vef-purple-6)",1:"var(--vef-purple-1)",2:"var(--vef-purple-2)",3:"var(--vef-purple-3)",4:"var(--vef-purple-4)",5:"var(--vef-purple-5)",6:"var(--vef-purple-6)",7:"var(--vef-purple-7)",8:"var(--vef-purple-8)",9:"var(--vef-purple-9)",10:"var(--vef-purple-10)"},cyan:{DEFAULT:"var(--vef-cyan-6)",1:"var(--vef-cyan-1)",2:"var(--vef-cyan-2)",3:"var(--vef-cyan-3)",4:"var(--vef-cyan-4)",5:"var(--vef-cyan-5)",6:"var(--vef-cyan-6)",7:"var(--vef-cyan-7)",8:"var(--vef-cyan-8)",9:"var(--vef-cyan-9)",10:"var(--vef-cyan-10)"},green:{DEFAULT:"var(--vef-green-6)",1:"var(--vef-green-1)",2:"var(--vef-green-2)",3:"var(--vef-green-3)",4:"var(--vef-green-4)",5:"var(--vef-green-5)",6:"var(--vef-green-6)",7:"var(--vef-green-7)",8:"var(--vef-green-8)",9:"var(--vef-green-9)",10:"var(--vef-green-10)"},magenta:{DEFAULT:"var(--vef-magenta-6)",1:"var(--vef-magenta-1)",2:"var(--vef-magenta-2)",3:"var(--vef-magenta-3)",4:"var(--vef-magenta-4)",5:"var(--vef-magenta-5)",6:"var(--vef-magenta-6)",7:"var(--vef-magenta-7)",8:"var(--vef-magenta-8)",9:"var(--vef-magenta-9)",10:"var(--vef-magenta-10)"},pink:{DEFAULT:"var(--vef-pink-6)",1:"var(--vef-pink-1)",2:"var(--vef-pink-2)",3:"var(--vef-pink-3)",4:"var(--vef-pink-4)",5:"var(--vef-pink-5)",6:"var(--vef-pink-6)",7:"var(--vef-pink-7)",8:"var(--vef-pink-8)",9:"var(--vef-pink-9)",10:"var(--vef-pink-10)"},red:{DEFAULT:"var(--vef-red-6)",1:"var(--vef-red-1)",2:"var(--vef-red-2)",3:"var(--vef-red-3)",4:"var(--vef-red-4)",5:"var(--vef-red-5)",6:"var(--vef-red-6)",7:"var(--vef-red-7)",8:"var(--vef-red-8)",9:"var(--vef-red-9)",10:"var(--vef-red-10)"},orange:{DEFAULT:"var(--vef-orange-6)",1:"var(--vef-orange-1)",2:"var(--vef-orange-2)",3:"var(--vef-orange-3)",4:"var(--vef-orange-4)",5:"var(--vef-orange-5)",6:"var(--vef-orange-6)",7:"var(--vef-orange-7)",8:"var(--vef-orange-8)",9:"var(--vef-orange-9)",10:"var(--vef-orange-10)"},yellow:{DEFAULT:"var(--vef-yellow-6)",1:"var(--vef-yellow-1)",2:"var(--vef-yellow-2)",3:"var(--vef-yellow-3)",4:"var(--vef-yellow-4)",5:"var(--vef-yellow-5)",6:"var(--vef-yellow-6)",7:"var(--vef-yellow-7)",8:"var(--vef-yellow-8)",9:"var(--vef-yellow-9)",10:"var(--vef-yellow-10)"},volcano:{DEFAULT:"var(--vef-volcano-6)",1:"var(--vef-volcano-1)",2:"var(--vef-volcano-2)",3:"var(--vef-volcano-3)",4:"var(--vef-volcano-4)",5:"var(--vef-volcano-5)",6:"var(--vef-volcano-6)",7:"var(--vef-volcano-7)",8:"var(--vef-volcano-8)",9:"var(--vef-volcano-9)",10:"var(--vef-volcano-10)"},geekblue:{DEFAULT:"var(--vef-geekblue-6)",1:"var(--vef-geekblue-1)",2:"var(--vef-geekblue-2)",3:"var(--vef-geekblue-3)",4:"var(--vef-geekblue-4)",5:"var(--vef-geekblue-5)",6:"var(--vef-geekblue-6)",7:"var(--vef-geekblue-7)",8:"var(--vef-geekblue-8)",9:"var(--vef-geekblue-9)",10:"var(--vef-geekblue-10)"},gold:{DEFAULT:"var(--vef-gold-6)",1:"var(--vef-gold-1)",2:"var(--vef-gold-2)",3:"var(--vef-gold-3)",4:"var(--vef-gold-4)",5:"var(--vef-gold-5)",6:"var(--vef-gold-6)",7:"var(--vef-gold-7)",8:"var(--vef-gold-8)",9:"var(--vef-gold-9)",10:"var(--vef-gold-10)"},lime:{DEFAULT:"var(--vef-lime-6)",1:"var(--vef-lime-1)",2:"var(--vef-lime-2)",3:"var(--vef-lime-3)",4:"var(--vef-lime-4)",5:"var(--vef-lime-5)",6:"var(--vef-lime-6)",7:"var(--vef-lime-7)",8:"var(--vef-lime-8)",9:"var(--vef-lime-9)",10:"var(--vef-lime-10)"},slate:{DEFAULT:r.slate[500],1:r.slate[50],2:r.slate[100],3:r.slate[200],4:r.slate[300],5:r.slate[400],6:r.slate[500],7:r.slate[600],8:r.slate[700],9:r.slate[800],10:r.slate[900]}},extend:{textColor:{"primary-alt":"var(--vef-color-primary-text)","primary-alt-hover":"var(--vef-color-primary-text-hover)","primary-alt-active":"var(--vef-color-primary-text-active)","success-alt":"var(--vef-color-success-text)","success-alt-hover":"var(--vef-color-success-text-hover)","success-alt-active":"var(--vef-color-success-text-active)","warning-alt":"var(--vef-color-warning-text)","warning-alt-hover":"var(--vef-color-warning-text-hover)","warning-alt-active":"var(--vef-color-warning-text-active)","error-alt":"var(--vef-color-error-text)","error-alt-hover":"var(--vef-color-error-text-hover)","error-alt-active":"var(--vef-color-error-text-active)","info-alt":"var(--vef-color-info-text)","info-alt-hover":"var(--vef-color-info-text-hover)","info-alt-active":"var(--vef-color-info-text-active)",base:"var(--vef-color-text-base)",default:"var(--vef-color-text)",secondary:"var(--vef-color-text-secondary)",tertiary:"var(--vef-color-text-tertiary)",quaternary:"var(--vef-color-text-quaternary)",placeholder:"var(--vef-color-text-placeholder)",disabled:"var(--vef-color-text-disabled)",heading:"var(--vef-color-text-heading)",label:"var(--vef-color-text-label)",description:"var(--vef-color-text-description)","light-solid":"var(--vef-color-text-light-solid)",highlight:"var(--vef-color-highlight)",icon:"var(--vef-color-icon)","icon-hover":"var(--vef-color-icon-hover)"},outlineColor:{error:"var(--vef-color-error-outline)",warning:"var(--vef-color-warning-outline)"},backgroundColor:{"primary-alt":"var(--vef-color-primary-bg)","primary-alt-hover":"var(--vef-color-primary-bg-hover)","success-alt":"var(--vef-color-success-bg)","success-alt-hover":"var(--vef-color-success-bg-hover)","warning-alt":"var(--vef-color-warning-bg)","warning-alt-hover":"var(--vef-color-warning-bg-hover)","error-alt":"var(--vef-color-error-bg)","error-alt-hover":"var(--vef-color-error-bg-hover)","info-alt":"var(--vef-color-info-bg)","info-alt-hover":"var(--vef-color-info-bg-hover)",base:"var(--vef-color-bg-base)",layout:"var(--vef-color-bg-layout)",spotlight:"var(--vef-color-bg-spotlight)",solid:"var(--vef-color-bg-solid)","solid-hover":"var(--vef-color-bg-solid-hover)","solid-active":"var(--vef-color-bg-solid-active)",container:"var(--vef-color-bg-container)","container-disabled":"var(--vef-color-bg-container-disabled)",elevated:"var(--vef-color-bg-elevated)",blur:"var(--vef-color-bg-blur)",fill:"var(--vef-color-fill)","fill-secondary":"var(--vef-color-fill-secondary)","fill-tertiary":"var(--vef-color-fill-tertiary)","fill-quaternary":"var(--vef-color-fill-quaternary)","fill-content":"var(--vef-color-fill-content)","fill-content-hover":"var(--vef-color-fill-content-hover)","fill-alt":"var(--vef-color-fill-alter)",mask:"var(--vef-color-bg-mask)","text-hover":"var(--vef-color-bg-text-hover)","text-active":"var(--vef-color-bg-text-active)","control-item-hover":"var(--vef-control-item-bg-hover)","control-item-active":"var(--vef-control-item-bg-active)","control-item-active-hover":"var(--vef-control-item-bg-active-hover)","control-item-active-disabled":"var(--vef-control-item-bg-active-disabled)"},borderColor:{"primary-alt":"var(--vef-color-primary-border)","primary-alt-hover":"var(--vef-color-primary-border-hover)","success-alt":"var(--vef-color-success-border)","success-alt-hover":"var(--vef-color-success-border-hover)","warning-alt":"var(--vef-color-warning-border)","warning-alt-hover":"var(--vef-color-warning-border-hover)","error-alt":"var(--vef-color-error-border)","error-alt-hover":"var(--vef-color-error-border-hover)","info-alt":"var(--vef-color-info-border)","info-alt-hover":"var(--vef-color-info-border-hover)",base:"var(--vef-color-border)",secondary:"var(--vef-color-border-secondary)"},fontFamily:{base:"var(--vef-font-family)",code:"var(--vef-font-family-code)"},fontSize:{base:"var(--vef-font-size)",sm:"var(--vef-font-size-sm)",lg:"var(--vef-font-size-lg)",xl:"var(--vef-font-size-xl)",heading1:"var(--vef-font-size-heading-1)",heading2:"var(--vef-font-size-heading-2)",heading3:"var(--vef-font-size-heading-3)",heading4:"var(--vef-font-size-heading-4)",heading5:"var(--vef-font-size-heading-5)"},fontWeight:{strong:"var(--vef-font-weight-strong)"},borderWidth:{base:"var(--vef-line-width)",bold:"var(--vef-line-width-bold)"},borderRadius:{DEFAULT:"var(--vef-border-radius)",xs:"var(--vef-border-radius-xs)",sm:"var(--vef-border-radius-sm)",lg:"var(--vef-border-radius-lg)",outer:"var(--vef-border-radius-outer)"},height:{control:"var(--vef-control-height)","control-sm":"var(--vef-control-height-sm)","control-xs":"var(--vef-control-height-xs)","control-lg":"var(--vef-control-height-lg)",font:"var(--vef-font-height)","font-sm":"var(--vef-font-height-sm)","font-lg":"var(--vef-font-height-lg)"},lineHeight:{base:"var(--vef-line-height)",sm:"var(--vef-line-height-sm)",lg:"var(--vef-line-height-lg)","heading-1":"var(--vef-line-height-heading-1)","heading-2":"var(--vef-line-height-heading-2)","heading-3":"var(--vef-line-height-heading-3)","heading-4":"var(--vef-line-height-heading-4)","heading-5":"var(--vef-line-height-heading-5)"},spacing:{base:"var(--vef-margin)",xxs:"var(--vef-margin-xxs)",xs:"var(--vef-margin-xs)",sm:"var(--vef-margin-sm)",md:"var(--vef-margin-md)",lg:"var(--vef-margin-lg)",xl:"var(--vef-margin-xl)",xxl:"var(--vef-margin-xxl)"},boxShadow:{base:"var(--vef-box-shadow)",secondary:"var(--vef-box-shadow-secondary)",tertiary:"var(--vef-box-shadow-tertiary)",card:"var(--vef-box-shadow-card)",elevated:"0 0 1px rgb(0 0 0 / 30%), 0 4px 14px rgb(0 0 0 / 10%)"},transitionDuration:{fast:"var(--vef-motion-duration-fast)",mid:"var(--vef-motion-duration-mid)",slow:"var(--vef-motion-duration-slow)"},transitionTimingFunction:{"ease-out-circ":"var(--vef-motion-ease-out-circ)","ease-in-out-circ":"var(--vef-motion-ease-in-out-circ)","ease-out":"var(--vef-motion-ease-out)","ease-in-out":"var(--vef-motion-ease-in-out)","ease-out-back":"var(--vef-motion-ease-out-back)","ease-in-back":"var(--vef-motion-ease-in-back)","ease-in-quint":"var(--vef-motion-ease-in-quint)","ease-out-quint":"var(--vef-motion-ease-out-quint)"},zIndex:{base:"var(--vef-z-index-base)",popup:"var(--vef-z-index-popup)"}}}}}export{v as defineTailwindConfig};
+/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.941Z, made by Venus. */
+import containerQueries from '@tailwindcss/container-queries';
+import colors from 'tailwindcss/colors.js';
+
+function defineTailwindConfig() {
+  return {
+    content: ["src/**/*.{ts,tsx}"],
+    plugins: [containerQueries],
+    theme: {
+      colors: {
+        "inherit": "inherit",
+        "current": "currentColor",
+        "transparent": "transparent",
+        "black": "#000000",
+        "white": "var(--vef-color-white)",
+        "primary": "var(--vef-color-primary)",
+        "primary-hover": "var(--vef-color-primary-hover)",
+        "primary-active": "var(--vef-color-primary-active)",
+        "success": "var(--vef-color-success)",
+        "success-hover": "var(--vef-color-success-hover)",
+        "success-active": "var(--vef-color-success-active)",
+        "warning": "var(--vef-color-warning)",
+        "warning-hover": "var(--vef-color-warning-hover)",
+        "warning-active": "var(--vef-color-warning-active)",
+        "error": "var(--vef-color-error)",
+        "error-hover": "var(--vef-color-error-hover)",
+        "error-active": "var(--vef-color-error-active)",
+        "info": "var(--vef-color-info)",
+        "info-hover": "var(--vef-color-info-hover)",
+        "info-active": "var(--vef-color-info-active)",
+        "link": "var(--vef-color-link)",
+        "link-hover": "var(--vef-color-link-hover)",
+        "link-active": "var(--vef-color-link-active)",
+        "blue": {
+          DEFAULT: "var(--vef-blue-6)",
+          1: "var(--vef-blue-1)",
+          2: "var(--vef-blue-2)",
+          3: "var(--vef-blue-3)",
+          4: "var(--vef-blue-4)",
+          5: "var(--vef-blue-5)",
+          6: "var(--vef-blue-6)",
+          7: "var(--vef-blue-7)",
+          8: "var(--vef-blue-8)",
+          9: "var(--vef-blue-9)",
+          10: "var(--vef-blue-10)"
+        },
+        "purple": {
+          DEFAULT: "var(--vef-purple-6)",
+          1: "var(--vef-purple-1)",
+          2: "var(--vef-purple-2)",
+          3: "var(--vef-purple-3)",
+          4: "var(--vef-purple-4)",
+          5: "var(--vef-purple-5)",
+          6: "var(--vef-purple-6)",
+          7: "var(--vef-purple-7)",
+          8: "var(--vef-purple-8)",
+          9: "var(--vef-purple-9)",
+          10: "var(--vef-purple-10)"
+        },
+        "cyan": {
+          DEFAULT: "var(--vef-cyan-6)",
+          1: "var(--vef-cyan-1)",
+          2: "var(--vef-cyan-2)",
+          3: "var(--vef-cyan-3)",
+          4: "var(--vef-cyan-4)",
+          5: "var(--vef-cyan-5)",
+          6: "var(--vef-cyan-6)",
+          7: "var(--vef-cyan-7)",
+          8: "var(--vef-cyan-8)",
+          9: "var(--vef-cyan-9)",
+          10: "var(--vef-cyan-10)"
+        },
+        "green": {
+          DEFAULT: "var(--vef-green-6)",
+          1: "var(--vef-green-1)",
+          2: "var(--vef-green-2)",
+          3: "var(--vef-green-3)",
+          4: "var(--vef-green-4)",
+          5: "var(--vef-green-5)",
+          6: "var(--vef-green-6)",
+          7: "var(--vef-green-7)",
+          8: "var(--vef-green-8)",
+          9: "var(--vef-green-9)",
+          10: "var(--vef-green-10)"
+        },
+        "magenta": {
+          DEFAULT: "var(--vef-magenta-6)",
+          1: "var(--vef-magenta-1)",
+          2: "var(--vef-magenta-2)",
+          3: "var(--vef-magenta-3)",
+          4: "var(--vef-magenta-4)",
+          5: "var(--vef-magenta-5)",
+          6: "var(--vef-magenta-6)",
+          7: "var(--vef-magenta-7)",
+          8: "var(--vef-magenta-8)",
+          9: "var(--vef-magenta-9)",
+          10: "var(--vef-magenta-10)"
+        },
+        "pink": {
+          DEFAULT: "var(--vef-pink-6)",
+          1: "var(--vef-pink-1)",
+          2: "var(--vef-pink-2)",
+          3: "var(--vef-pink-3)",
+          4: "var(--vef-pink-4)",
+          5: "var(--vef-pink-5)",
+          6: "var(--vef-pink-6)",
+          7: "var(--vef-pink-7)",
+          8: "var(--vef-pink-8)",
+          9: "var(--vef-pink-9)",
+          10: "var(--vef-pink-10)"
+        },
+        "red": {
+          DEFAULT: "var(--vef-red-6)",
+          1: "var(--vef-red-1)",
+          2: "var(--vef-red-2)",
+          3: "var(--vef-red-3)",
+          4: "var(--vef-red-4)",
+          5: "var(--vef-red-5)",
+          6: "var(--vef-red-6)",
+          7: "var(--vef-red-7)",
+          8: "var(--vef-red-8)",
+          9: "var(--vef-red-9)",
+          10: "var(--vef-red-10)"
+        },
+        "orange": {
+          DEFAULT: "var(--vef-orange-6)",
+          1: "var(--vef-orange-1)",
+          2: "var(--vef-orange-2)",
+          3: "var(--vef-orange-3)",
+          4: "var(--vef-orange-4)",
+          5: "var(--vef-orange-5)",
+          6: "var(--vef-orange-6)",
+          7: "var(--vef-orange-7)",
+          8: "var(--vef-orange-8)",
+          9: "var(--vef-orange-9)",
+          10: "var(--vef-orange-10)"
+        },
+        "yellow": {
+          DEFAULT: "var(--vef-yellow-6)",
+          1: "var(--vef-yellow-1)",
+          2: "var(--vef-yellow-2)",
+          3: "var(--vef-yellow-3)",
+          4: "var(--vef-yellow-4)",
+          5: "var(--vef-yellow-5)",
+          6: "var(--vef-yellow-6)",
+          7: "var(--vef-yellow-7)",
+          8: "var(--vef-yellow-8)",
+          9: "var(--vef-yellow-9)",
+          10: "var(--vef-yellow-10)"
+        },
+        "volcano": {
+          DEFAULT: "var(--vef-volcano-6)",
+          1: "var(--vef-volcano-1)",
+          2: "var(--vef-volcano-2)",
+          3: "var(--vef-volcano-3)",
+          4: "var(--vef-volcano-4)",
+          5: "var(--vef-volcano-5)",
+          6: "var(--vef-volcano-6)",
+          7: "var(--vef-volcano-7)",
+          8: "var(--vef-volcano-8)",
+          9: "var(--vef-volcano-9)",
+          10: "var(--vef-volcano-10)"
+        },
+        "geekblue": {
+          DEFAULT: "var(--vef-geekblue-6)",
+          1: "var(--vef-geekblue-1)",
+          2: "var(--vef-geekblue-2)",
+          3: "var(--vef-geekblue-3)",
+          4: "var(--vef-geekblue-4)",
+          5: "var(--vef-geekblue-5)",
+          6: "var(--vef-geekblue-6)",
+          7: "var(--vef-geekblue-7)",
+          8: "var(--vef-geekblue-8)",
+          9: "var(--vef-geekblue-9)",
+          10: "var(--vef-geekblue-10)"
+        },
+        "gold": {
+          DEFAULT: "var(--vef-gold-6)",
+          1: "var(--vef-gold-1)",
+          2: "var(--vef-gold-2)",
+          3: "var(--vef-gold-3)",
+          4: "var(--vef-gold-4)",
+          5: "var(--vef-gold-5)",
+          6: "var(--vef-gold-6)",
+          7: "var(--vef-gold-7)",
+          8: "var(--vef-gold-8)",
+          9: "var(--vef-gold-9)",
+          10: "var(--vef-gold-10)"
+        },
+        "lime": {
+          DEFAULT: "var(--vef-lime-6)",
+          1: "var(--vef-lime-1)",
+          2: "var(--vef-lime-2)",
+          3: "var(--vef-lime-3)",
+          4: "var(--vef-lime-4)",
+          5: "var(--vef-lime-5)",
+          6: "var(--vef-lime-6)",
+          7: "var(--vef-lime-7)",
+          8: "var(--vef-lime-8)",
+          9: "var(--vef-lime-9)",
+          10: "var(--vef-lime-10)"
+        },
+        "slate": {
+          DEFAULT: colors.slate[500],
+          1: colors.slate[50],
+          2: colors.slate[100],
+          3: colors.slate[200],
+          4: colors.slate[300],
+          5: colors.slate[400],
+          6: colors.slate[500],
+          7: colors.slate[600],
+          8: colors.slate[700],
+          9: colors.slate[800],
+          10: colors.slate[900]
+        }
+      },
+      extend: {
+        textColor: {
+          "primary-alt": "var(--vef-color-primary-text)",
+          "primary-alt-hover": "var(--vef-color-primary-text-hover)",
+          "primary-alt-active": "var(--vef-color-primary-text-active)",
+          "success-alt": "var(--vef-color-success-text)",
+          "success-alt-hover": "var(--vef-color-success-text-hover)",
+          "success-alt-active": "var(--vef-color-success-text-active)",
+          "warning-alt": "var(--vef-color-warning-text)",
+          "warning-alt-hover": "var(--vef-color-warning-text-hover)",
+          "warning-alt-active": "var(--vef-color-warning-text-active)",
+          "error-alt": "var(--vef-color-error-text)",
+          "error-alt-hover": "var(--vef-color-error-text-hover)",
+          "error-alt-active": "var(--vef-color-error-text-active)",
+          "info-alt": "var(--vef-color-info-text)",
+          "info-alt-hover": "var(--vef-color-info-text-hover)",
+          "info-alt-active": "var(--vef-color-info-text-active)",
+          "base": "var(--vef-color-text-base)",
+          "default": "var(--vef-color-text)",
+          "secondary": "var(--vef-color-text-secondary)",
+          "tertiary": "var(--vef-color-text-tertiary)",
+          "quaternary": "var(--vef-color-text-quaternary)",
+          "placeholder": "var(--vef-color-text-placeholder)",
+          "disabled": "var(--vef-color-text-disabled)",
+          "heading": "var(--vef-color-text-heading)",
+          "label": "var(--vef-color-text-label)",
+          "description": "var(--vef-color-text-description)",
+          "light-solid": "var(--vef-color-text-light-solid)",
+          "highlight": "var(--vef-color-highlight)",
+          "icon": "var(--vef-color-icon)",
+          "icon-hover": "var(--vef-color-icon-hover)"
+        },
+        outlineColor: {
+          error: "var(--vef-color-error-outline)",
+          warning: "var(--vef-color-warning-outline)"
+        },
+        backgroundColor: {
+          "primary-alt": "var(--vef-color-primary-bg)",
+          "primary-alt-hover": "var(--vef-color-primary-bg-hover)",
+          "success-alt": "var(--vef-color-success-bg)",
+          "success-alt-hover": "var(--vef-color-success-bg-hover)",
+          "warning-alt": "var(--vef-color-warning-bg)",
+          "warning-alt-hover": "var(--vef-color-warning-bg-hover)",
+          "error-alt": "var(--vef-color-error-bg)",
+          "error-alt-hover": "var(--vef-color-error-bg-hover)",
+          "info-alt": "var(--vef-color-info-bg)",
+          "info-alt-hover": "var(--vef-color-info-bg-hover)",
+          "base": "var(--vef-color-bg-base)",
+          "layout": "var(--vef-color-bg-layout)",
+          "spotlight": "var(--vef-color-bg-spotlight)",
+          "solid": "var(--vef-color-bg-solid)",
+          "solid-hover": "var(--vef-color-bg-solid-hover)",
+          "solid-active": "var(--vef-color-bg-solid-active)",
+          "container": "var(--vef-color-bg-container)",
+          "container-disabled": "var(--vef-color-bg-container-disabled)",
+          "elevated": "var(--vef-color-bg-elevated)",
+          "blur": "var(--vef-color-bg-blur)",
+          "fill": "var(--vef-color-fill)",
+          "fill-secondary": "var(--vef-color-fill-secondary)",
+          "fill-tertiary": "var(--vef-color-fill-tertiary)",
+          "fill-quaternary": "var(--vef-color-fill-quaternary)",
+          "fill-content": "var(--vef-color-fill-content)",
+          "fill-content-hover": "var(--vef-color-fill-content-hover)",
+          "fill-alt": "var(--vef-color-fill-alter)",
+          "mask": "var(--vef-color-bg-mask)",
+          "text-hover": "var(--vef-color-bg-text-hover)",
+          "text-active": "var(--vef-color-bg-text-active)",
+          "control-item-hover": "var(--vef-control-item-bg-hover)",
+          "control-item-active": "var(--vef-control-item-bg-active)",
+          "control-item-active-hover": "var(--vef-control-item-bg-active-hover)",
+          "control-item-active-disabled": "var(--vef-control-item-bg-active-disabled)"
+        },
+        borderColor: {
+          "primary-alt": "var(--vef-color-primary-border)",
+          "primary-alt-hover": "var(--vef-color-primary-border-hover)",
+          "success-alt": "var(--vef-color-success-border)",
+          "success-alt-hover": "var(--vef-color-success-border-hover)",
+          "warning-alt": "var(--vef-color-warning-border)",
+          "warning-alt-hover": "var(--vef-color-warning-border-hover)",
+          "error-alt": "var(--vef-color-error-border)",
+          "error-alt-hover": "var(--vef-color-error-border-hover)",
+          "info-alt": "var(--vef-color-info-border)",
+          "info-alt-hover": "var(--vef-color-info-border-hover)",
+          "base": "var(--vef-color-border)",
+          "secondary": "var(--vef-color-border-secondary)"
+        },
+        fontFamily: {
+          base: "var(--vef-font-family)",
+          code: "var(--vef-font-family-code)"
+        },
+        fontSize: {
+          base: "var(--vef-font-size)",
+          sm: "var(--vef-font-size-sm)",
+          lg: "var(--vef-font-size-lg)",
+          xl: "var(--vef-font-size-xl)",
+          heading1: "var(--vef-font-size-heading-1)",
+          heading2: "var(--vef-font-size-heading-2)",
+          heading3: "var(--vef-font-size-heading-3)",
+          heading4: "var(--vef-font-size-heading-4)",
+          heading5: "var(--vef-font-size-heading-5)"
+        },
+        fontWeight: {
+          strong: "var(--vef-font-weight-strong)"
+        },
+        borderWidth: {
+          base: "var(--vef-line-width)",
+          bold: "var(--vef-line-width-bold)"
+        },
+        borderRadius: {
+          DEFAULT: "var(--vef-border-radius)",
+          xs: "var(--vef-border-radius-xs)",
+          sm: "var(--vef-border-radius-sm)",
+          lg: "var(--vef-border-radius-lg)",
+          outer: "var(--vef-border-radius-outer)"
+        },
+        height: {
+          "control": "var(--vef-control-height)",
+          "control-sm": "var(--vef-control-height-sm)",
+          "control-xs": "var(--vef-control-height-xs)",
+          "control-lg": "var(--vef-control-height-lg)",
+          "font": "var(--vef-font-height)",
+          "font-sm": "var(--vef-font-height-sm)",
+          "font-lg": "var(--vef-font-height-lg)"
+        },
+        lineHeight: {
+          "base": "var(--vef-line-height)",
+          "sm": "var(--vef-line-height-sm)",
+          "lg": "var(--vef-line-height-lg)",
+          "heading-1": "var(--vef-line-height-heading-1)",
+          "heading-2": "var(--vef-line-height-heading-2)",
+          "heading-3": "var(--vef-line-height-heading-3)",
+          "heading-4": "var(--vef-line-height-heading-4)",
+          "heading-5": "var(--vef-line-height-heading-5)"
+        },
+        spacing: {
+          base: "var(--vef-margin)",
+          xxs: "var(--vef-margin-xxs)",
+          xs: "var(--vef-margin-xs)",
+          sm: "var(--vef-margin-sm)",
+          md: "var(--vef-margin-md)",
+          lg: "var(--vef-margin-lg)",
+          xl: "var(--vef-margin-xl)",
+          xxl: "var(--vef-margin-xxl)"
+        },
+        boxShadow: {
+          base: "var(--vef-box-shadow)",
+          secondary: "var(--vef-box-shadow-secondary)",
+          tertiary: "var(--vef-box-shadow-tertiary)",
+          card: "var(--vef-box-shadow-card)",
+          elevated: "0 0 1px rgb(0 0 0 / 30%), 0 4px 14px rgb(0 0 0 / 10%)"
+        },
+        transitionDuration: {
+          fast: "var(--vef-motion-duration-fast)",
+          mid: "var(--vef-motion-duration-mid)",
+          slow: "var(--vef-motion-duration-slow)"
+        },
+        transitionTimingFunction: {
+          "ease-out-circ": "var(--vef-motion-ease-out-circ)",
+          "ease-in-out-circ": "var(--vef-motion-ease-in-out-circ)",
+          "ease-out": "var(--vef-motion-ease-out)",
+          "ease-in-out": "var(--vef-motion-ease-in-out)",
+          "ease-out-back": "var(--vef-motion-ease-out-back)",
+          "ease-in-back": "var(--vef-motion-ease-in-back)",
+          "ease-in-quint": "var(--vef-motion-ease-in-quint)",
+          "ease-out-quint": "var(--vef-motion-ease-out-quint)"
+        },
+        zIndex: {
+          base: "var(--vef-z-index-base)",
+          popup: "var(--vef-z-index-popup)"
+        }
+      }
+    }
+  };
+}
+
+export { defineTailwindConfig };
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */