@brightspot/ui 1.0.1-wc.4 → 1.1.0

package/dist/tailwind-plugin-avatar.js

@@ -0,0 +1,130 @@
+import plugin from 'tailwindcss/plugin';
+const className = '.btu-avatar';
+module.exports = plugin(function ({ addComponents, theme, e, matchUtilities }) {
+    const avatarSizes = theme('avatar.size');
+    const fontSizes = theme('fontSize');
+    // Custom color utilities for avatar background and ring
+    matchUtilities({
+        'btu-avatar-background': value => ({
+            '--avatar-bg-color': value,
+        }),
+    }, { values: theme('colors'), type: ['color', 'any'] });
+    matchUtilities({
+        'btu-avatar-ring': value => ({
+            '--avatar-ring-color': value,
+        }),
+    }, { values: theme('colors'), type: ['color', 'any'] });
+    // Base avatar styles
+    addComponents({
+        [className]: {
+            '--avatar-bg-color': 'oklch(var(--btu-theme-purple-600))',
+            '--avatar-ring-width': '0px',
+            display: 'grid',
+            placeContent: 'center',
+            alignItems: 'center',
+            width: 'var(--avatar-size)',
+            height: 'var(--avatar-size)',
+            borderRadius: 'var(--avatar-corner-rounding, 9999px)',
+            backgroundColor: 'var(--avatar-bg-color)',
+            textAlign: 'center',
+            fontWeight: '500',
+            textTransform: 'uppercase',
+            color: 'white',
+            position: 'relative',
+            flexShrink: '0',
+            userSelect: 'none',
+            // Grid stacking
+            '& > *': {
+                gridArea: '1 / 1',
+            },
+            // Hover effect - darken background
+            '&:hover': {
+                backgroundColor: 'oklch(from var(--avatar-bg-color) calc(l * 0.8) c h)',
+            },
+            // After pseudo-element for border overlay
+            '&::after': {
+                content: "''",
+                position: 'absolute',
+                inset: '0',
+                borderRadius: '9999px',
+                borderWidth: 'var(--avatar-ring-width, 0px)',
+                borderColor: 'var(--avatar-ring-color, transparent)',
+                borderStyle: 'solid',
+                pointerEvents: 'none',
+            },
+            // Image styles
+            '& img': {
+                aspectRatio: '1',
+                width: '100%',
+                height: '100%',
+                borderRadius: '9999px',
+                objectFit: 'cover',
+            },
+            // Hide fallback when image is loaded (prevents showing through transparent images)
+            '&.btu-avatar-image-loaded .btu-avatar-fallback': {
+                display: 'none',
+            },
+        },
+        // Fallback text container
+        [`${className}-fallback`]: {
+            display: 'flex',
+            alignItems: 'center',
+            justifyContent: 'center',
+            width: '100%',
+            height: '100%',
+        },
+        // Avatar group styles
+        [`${className}-group`]: {
+            display: 'flex',
+            alignItems: 'center',
+        },
+        // Overflow avatar ("+N" indicator)
+        [`${className}-group-overflow`]: {
+            fontWeight: '500',
+            backgroundColor: 'oklch(var(--btu-theme-gray-100))',
+            color: 'oklch(var(--btu-theme-gray-500))',
+            '&:hover': {
+                backgroundColor: 'oklch(var(--btu-theme-gray-100))',
+            },
+        },
+    });
+    // Size variants
+    if (avatarSizes && fontSizes) {
+        const sizeVariants = [
+            { size: avatarSizes.xs, fontSize: 'xs', fontWeight: 'bold' },
+            { size: avatarSizes.sm, fontSize: 'sm' },
+            { size: avatarSizes.md, fontSize: 'base' },
+            { size: avatarSizes.lg, fontSize: 'base' },
+            { size: avatarSizes.xl, fontSize: 'lg' },
+            { size: avatarSizes.xxl, fontSize: 'xl' },
+        ];
+        const sizeKeys = ['xs', 'sm', 'md', 'lg', 'xl', 'xxl'];
+        sizeKeys.forEach((key, index) => {
+            const variant = sizeVariants[index];
+            const fontSize = fontSizes[variant.fontSize];
+            if (fontSize) {
+                addComponents({
+                    [`${className}-${e(key)}`]: {
+                        '--avatar-size': variant.size,
+                        fontSize: fontSize[0],
+                        lineHeight: fontSize[1],
+                        ...(variant.fontWeight && { fontWeight: variant.fontWeight === 'bold' ? '700' : '500' }),
+                    },
+                });
+            }
+        });
+    }
+    // Container query variants for responsive sizing
+    if (avatarSizes) {
+        const containerVariants = {};
+        Object.keys(avatarSizes).forEach(size => {
+            containerVariants[`@container/avatar (min-width: ${avatarSizes[size]})`] = {
+                [`${className}-${e(size)}`]: {
+                    '--avatar-size': avatarSizes[size],
+                },
+            };
+        });
+        addComponents(containerVariants);
+    }
+});
+//# sourceMappingURL=tailwind-plugin-avatar.js.map

package/dist/tailwind-plugin-avatar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tailwind-plugin-avatar.js","sourceRoot":"","sources":["../src/tailwind-plugin-avatar.ts"],"names":[],"mappings":"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"}

package/dist/tailwind-plugin-avatar.ts

@@ -0,0 +1,181 @@
+import plugin from 'tailwindcss/plugin'
+import type { CSSRuleObject } from 'tailwindcss/types/config'
+declare let module: any
+
+/**
+ * Avatar component for displaying user profile images with fallback support.
+ *
+ * Class Names:
+ *
+ *  btu-avatar - Base avatar styles
+ *  btu-avatar-[xs|sm|md|lg|xl|xxl] - Size variants
+ *  btu-avatar-fallback - Fallback text container
+ *
+ * Example Usages:
+ *
+ *  <btu-avatar class="btu-avatar btu-avatar-md">
+ *    <div class="btu-avatar-fallback">JP</div>
+ *    <img src="..." alt="..." />
+ *  </btu-avatar>
+ */
+
+type AvatarSize = {
+  size: string
+  fontSize: 'xs' | 'sm' | 'base' | 'md' | 'lg' | 'xl'
+  fontWeight?: 'medium' | 'bold'
+}
+
+const className = '.btu-avatar'
+
+module.exports = plugin(function ({ addComponents, theme, e, matchUtilities }) {
+  const avatarSizes = theme('avatar.size')
+  const fontSizes: Record<string, CSSRuleObject> = theme('fontSize')
+
+  // Custom color utilities for avatar background and ring
+  matchUtilities(
+    {
+      'btu-avatar-background': value => ({
+        '--avatar-bg-color': value,
+      }),
+    },
+    { values: theme('colors'), type: ['color', 'any'] },
+  )
+
+  matchUtilities(
+    {
+      'btu-avatar-ring': value => ({
+        '--avatar-ring-color': value,
+      }),
+    },
+    { values: theme('colors'), type: ['color', 'any'] },
+  )
+
+  // Base avatar styles
+  addComponents({
+    [className]: {
+      '--avatar-bg-color': 'oklch(var(--btu-theme-purple-600))',
+      '--avatar-ring-width': '0px',
+      display: 'grid',
+      placeContent: 'center',
+      alignItems: 'center',
+      width: 'var(--avatar-size)',
+      height: 'var(--avatar-size)',
+      borderRadius: 'var(--avatar-corner-rounding, 9999px)',
+      backgroundColor: 'var(--avatar-bg-color)',
+      textAlign: 'center',
+      fontWeight: '500',
+      textTransform: 'uppercase',
+      color: 'white',
+      position: 'relative',
+      flexShrink: '0',
+      userSelect: 'none',
+
+      // Grid stacking
+      '& > *': {
+        gridArea: '1 / 1',
+      },
+
+      // Hover effect - darken background
+      '&:hover': {
+        backgroundColor: 'oklch(from var(--avatar-bg-color) calc(l * 0.8) c h)',
+      },
+
+      // After pseudo-element for border overlay
+      '&::after': {
+        content: "''",
+        position: 'absolute',
+        inset: '0',
+        borderRadius: '9999px',
+        borderWidth: 'var(--avatar-ring-width, 0px)',
+        borderColor: 'var(--avatar-ring-color, transparent)',
+        borderStyle: 'solid',
+        pointerEvents: 'none',
+      },
+
+      // Image styles
+      '& img': {
+        aspectRatio: '1',
+        width: '100%',
+        height: '100%',
+        borderRadius: '9999px',
+        objectFit: 'cover',
+      },
+
+      // Hide fallback when image is loaded (prevents showing through transparent images)
+      '&.btu-avatar-image-loaded .btu-avatar-fallback': {
+        display: 'none',
+      },
+    },
+
+    // Fallback text container
+    [`${className}-fallback`]: {
+      display: 'flex',
+      alignItems: 'center',
+      justifyContent: 'center',
+      width: '100%',
+      height: '100%',
+    },
+
+    // Avatar group styles
+    [`${className}-group`]: {
+      display: 'flex',
+      alignItems: 'center',
+    },
+
+    // Overflow avatar ("+N" indicator)
+    [`${className}-group-overflow`]: {
+      fontWeight: '500',
+      backgroundColor: 'oklch(var(--btu-theme-gray-100))',
+      color: 'oklch(var(--btu-theme-gray-500))',
+
+      '&:hover': {
+        backgroundColor: 'oklch(var(--btu-theme-gray-100))',
+      },
+    },
+  })
+
+  // Size variants
+  if (avatarSizes && fontSizes) {
+    const sizeVariants: AvatarSize[] = [
+      { size: avatarSizes.xs, fontSize: 'xs', fontWeight: 'bold' },
+      { size: avatarSizes.sm, fontSize: 'sm' },
+      { size: avatarSizes.md, fontSize: 'base' },
+      { size: avatarSizes.lg, fontSize: 'base' },
+      { size: avatarSizes.xl, fontSize: 'lg' },
+      { size: avatarSizes.xxl, fontSize: 'xl' },
+    ]
+
+    const sizeKeys = ['xs', 'sm', 'md', 'lg', 'xl', 'xxl']
+
+    sizeKeys.forEach((key, index) => {
+      const variant = sizeVariants[index]
+      const fontSize = fontSizes[variant.fontSize]
+
+      if (fontSize) {
+        addComponents({
+          [`${className}-${e(key)}`]: {
+            '--avatar-size': variant.size,
+            fontSize: fontSize[0],
+            lineHeight: fontSize[1],
+            ...(variant.fontWeight && { fontWeight: variant.fontWeight === 'bold' ? '700' : '500' }),
+          },
+        })
+      }
+    })
+  }
+
+  // Container query variants for responsive sizing
+  if (avatarSizes) {
+    const containerVariants: CSSRuleObject = {}
+
+    Object.keys(avatarSizes).forEach(size => {
+      containerVariants[`@container/avatar (min-width: ${avatarSizes[size]})`] = {
+        [`${className}-${e(size)}`]: {
+          '--avatar-size': avatarSizes[size],
+        },
+      }
+    })
+
+    addComponents(containerVariants)
+  }
+})

package/dist/tailwind-plugin-badge.js

@@ -1,6 +1,6 @@
 import plugin from 'tailwindcss/plugin';
 const className = '.btu-badge';
-module.exports = plugin(function ({ addComponents, theme, e, matchUtilities }) {
+module.exports = plugin(function ({ addComponents, theme, e, matchUtilities, addUtilities }) {
     const sizes = theme('badgeSize');
     const colors = theme('colors');
     const fontSizes = theme('fontSize');
@@ -16,6 +16,19 @@ module.exports = plugin(function ({ addComponents, theme, e, matchUtilities }) {
             '--badge-color-background': value,
         }),
     }, { values: theme('colors'), type: ['color', 'any'] });
+    addUtilities({
+        '.btu-badge-dot': {
+            '--badge-dot-size': '6px',
+            '&::before': {
+                content: "''",
+                display: 'inline-block',
+                width: 'var(--badge-dot-size)',
+                height: 'var(--badge-dot-size)',
+                backgroundColor: 'currentColor',
+                clipPath: 'circle(50% at center)',
+            },
+        },
+    }, {});
     if (colors) {
         const badgeColors = [];
         for (const key in colors) {
@@ -37,7 +50,7 @@ module.exports = plugin(function ({ addComponents, theme, e, matchUtilities }) {
         const badgeSizes = [];
         const fontSizeStyles = {
             display: 'inline-block',
-            borderRadius: '1rem',
+            borderRadius: 'var(--badge-radius-size, 999px)',
         };
         for (const key in sizes) {
             const size = sizes[key];
@@ -45,12 +58,14 @@ module.exports = plugin(function ({ addComponents, theme, e, matchUtilities }) {
             if (fontSize) {
                 badgeSizes.push({
                     [`${className}-${e(key)}`]: {
+                        '--badge-px': size.px,
+                        '--badge-py': size.py,
                         alignItems: 'center',
                         gap: '0.38rem',
                         ...fontSizeStyles,
                         fontSize: fontSize[0],
                         lineHeight: fontSize[1],
-                        padding: `${size.paddingTop} ${size.paddingRight}`,
+                        padding: `var(--badge-py) var(--badge-px)`,
                         minWidth: size.minWidth,
                         maxWidth: 'max-content',
                         display: 'inline-flex',
@@ -64,21 +79,21 @@ module.exports = plugin(function ({ addComponents, theme, e, matchUtilities }) {
     theme: {
         badgeSize: {
             sm: {
+                px: '0.5rem',
+                py: '.13rem',
                 fontSize: 'xs',
-                paddingTop: '.13rem',
-                paddingRight: '.5rem',
                 minWidth: '1.375rem',
             },
             md: {
+                px: '0.63rem',
+                py: '.13rem',
                 fontSize: 'sm',
-                paddingTop: '.13rem',
-                paddingRight: '.63rem',
                 minWidth: '1.813rem',
             },
             lg: {
+                px: '0.75rem',
+                py: '.25rem',
                 fontSize: 'sm',
-                paddingTop: '.25rem',
-                paddingRight: '.75rem',
                 minWidth: '1.813rem',
             },
         },

package/dist/tailwind-plugin-badge.js.map

@@ -1 +1 @@
-{"version":3,"file":"tailwind-plugin-badge.js","sourceRoot":"","sources":["../src/tailwind-plugin-badge.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"tailwind-plugin-badge.js","sourceRoot":"","sources":["../src/tailwind-plugin-badge.ts"],"names":[],"mappings":"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"}

package/dist/tailwind-plugin-badge.ts

@@ -21,15 +21,15 @@ declare let module: any
 
 type Size = {
   fontSize: 'xs' | 'sm'
-  paddingTop: string
-  paddingRight: string
   minWidth: string
+  px: string
+  py: string
 }
 
 const className = '.btu-badge'
 
 module.exports = plugin(
-  function ({ addComponents, theme, e, matchUtilities }) {
+  function ({ addComponents, theme, e, matchUtilities, addUtilities }) {
     const sizes = theme('badgeSize')
     const colors: [CSSRuleObject] = theme('colors')
     const fontSizes: Record<string, CSSRuleObject> = theme('fontSize')
@@ -54,6 +54,23 @@ module.exports = plugin(
       { values: theme('colors'), type: ['color', 'any'] },
     )
 
+    addUtilities(
+      {
+        '.btu-badge-dot': {
+          '--badge-dot-size': '6px',
+          '&::before': {
+            content: "''",
+            display: 'inline-block',
+            width: 'var(--badge-dot-size)',
+            height: 'var(--badge-dot-size)',
+            backgroundColor: 'currentColor',
+            clipPath: 'circle(50% at center)',
+          },
+        },
+      },
+      {},
+    )
+
     if (colors) {
       const badgeColors: CSSRuleObject[] = []
       for (const key in colors) {
@@ -76,7 +93,7 @@ module.exports = plugin(
       const badgeSizes: CSSRuleObject[] = []
       const fontSizeStyles = {
         display: 'inline-block',
-        borderRadius: '1rem',
+        borderRadius: 'var(--badge-radius-size, 999px)',
       }
 
       for (const key in sizes) {
@@ -86,12 +103,14 @@ module.exports = plugin(
         if (fontSize) {
           badgeSizes.push({
             [`${className}-${e(key)}`]: {
+              '--badge-px': size.px,
+              '--badge-py': size.py,
               alignItems: 'center',
               gap: '0.38rem',
               ...fontSizeStyles,
               fontSize: fontSize[0],
               lineHeight: fontSize[1],
-              padding: `${size.paddingTop} ${size.paddingRight}`,
+              padding: `var(--badge-py) var(--badge-px)`,
               minWidth: size.minWidth,
               maxWidth: 'max-content',
               display: 'inline-flex',
@@ -106,21 +125,21 @@ module.exports = plugin(
     theme: {
       badgeSize: {
         sm: {
+          px: '0.5rem',
+          py: '.13rem',
           fontSize: 'xs',
-          paddingTop: '.13rem',
-          paddingRight: '.5rem',
           minWidth: '1.375rem',
         },
         md: {
+          px: '0.63rem',
+          py: '.13rem',
           fontSize: 'sm',
-          paddingTop: '.13rem',
-          paddingRight: '.63rem',
           minWidth: '1.813rem',
         },
         lg: {
+          px: '0.75rem',
+          py: '.25rem',
           fontSize: 'sm',
-          paddingTop: '.25rem',
-          paddingRight: '.75rem',
           minWidth: '1.813rem',
         },
       },

package/dist/tailwind-plugin-button.js

@@ -26,7 +26,6 @@ module.exports = plugin(function ({ addComponents, addUtilities, theme }) {
     const iconSizes = theme('iconSize') || {};
     const prefix = '.btu-button';
     const disabledStyle = {
-        '--button-bg-gradient': 'none',
         '--button-disabled-color': `var(--button-disabled-color-fill-none, var(--button-disabled-color-fill, oklch(var(--btu-theme-gray-100))))`,
         '--button-disabled-text-color': `var(--button-disabled-text-color-fill-none, var(--button-text-color, oklch(var(--btu-theme-gray-400))))`,
         pointerEvents: 'none',
@@ -38,7 +37,6 @@ module.exports = plugin(function ({ addComponents, addUtilities, theme }) {
     const components = {
         '.btu-button': {
             // default button
-            '--button-bg-gradient': 'none',
             '--button-color': '',
             '--button-text-color': '',
             '--button-pressed': 'initial',
@@ -56,7 +54,7 @@ module.exports = plugin(function ({ addComponents, addUtilities, theme }) {
             alignItems: 'center',
             justifyContent: 'center',
             gap: '0.5rem',
-            background: 'var(--button-bg-gradient), var(--button-pressed-color, var(--button-disabled-color, var(--button-color)))',
+            background: 'var(--button-pressed-color, var(--button-disabled-color, var(--button-color)))',
             borderRadius: 'var(--button-border-radius, 0.5rem)',
             color: 'var(--button-pressed-text-color, var(--button-disabled-text-color, var(--button-text-color)))',
             padding: 'var(--button-padding-sm)',
@@ -119,7 +117,6 @@ module.exports = plugin(function ({ addComponents, addUtilities, theme }) {
         '.btu-button-disabled': disabledStyle,
         '.btu-button-pressed': activeStyle,
         '.btu-button-ai': {
-            '--button-bg-gradient': `var(--button-fill-none, ${theme('backgroundImage.ai-gradient')})`,
             '--button-color': 'transparent',
             '--button-text-color': 'oklch(100% 0 0)',
             '--button-fill-none-color': 'transparent',
@@ -130,10 +127,11 @@ module.exports = plugin(function ({ addComponents, addUtilities, theme }) {
             '--button-disabled-text-color-fill-none': 'var(--button-fill-none) oklch(var(--btu-theme-gray-300))',
             '--button-pressed-color': 'var(--button-pressed) var(--button-disabled-color, oklch(0.5346 0.3041 294.17))',
             '--button-pressed-text-color': 'var(--button-pressed) var(--button-disabled-text-color, var(--btu-theme-white))',
+            background: `var(--button-fill-none, ${theme('backgroundImage.ai-gradient')})`,
             '&:hover': {
-                '--button-bg-gradient': `var(--button-fill-none, ${theme('backgroundImage.ai-gradient')})`,
                 '--button-fill-none-color': 'oklch(0.7 0.3281 339.6 / 0.1)',
                 '--button-fill-none-text-color': 'oklch(0.5346 0.3041 294.17)',
+                background: `var(--button-fill-none, ${theme('backgroundImage.ai-gradient')})`,
             },
         },
     };
@@ -151,7 +149,6 @@ module.exports = plugin(function ({ addComponents, addUtilities, theme }) {
             '--tw-ring-offset-color': `${key === 'gray' ? 'oklch(var(--btu-theme-primary-800))' : 'var(--button-outline-offset-color, var(--button-color))'}`,
         };
         components[prefix + '-' + key] = {
-            '--button-bg-gradient': `var(--button-fill-none, ${key === 'primary' ? theme('backgroundImage.primary-gradient') : key === 'success' ? theme('backgroundImage.success-gradient') : 'none'})`,
             '--button-color': `oklch(var(--btu-theme-${key}-${key === 'gray' ? '100' : key === 'success' ? '700' : '600'}))`,
             '--button-text-color': `${key === 'gray' ? 'oklch(var(--btu-theme-gray-700))' : 'var(--btu-theme-white)'}`,
             '--button-fill-none-color': 'transparent',

package/dist/tailwind-plugin-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"tailwind-plugin-button.js","sourceRoot":"","sources":["../src/tailwind-plugin-button.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"tailwind-plugin-button.js","sourceRoot":"","sources":["../src/tailwind-plugin-button.ts"],"names":[],"mappings":"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"}

package/dist/tailwind-plugin-button.ts

@@ -31,7 +31,6 @@ module.exports = plugin(function ({ addComponents, addUtilities, theme }) {
   const prefix = '.btu-button'
 
   const disabledStyle: CSSRuleObject = {
-    '--button-bg-gradient': 'none',
     '--button-disabled-color': `var(--button-disabled-color-fill-none, var(--button-disabled-color-fill, oklch(var(--btu-theme-gray-100))))`,
     '--button-disabled-text-color': `var(--button-disabled-text-color-fill-none, var(--button-text-color, oklch(var(--btu-theme-gray-400))))`,
     pointerEvents: 'none',
@@ -45,7 +44,6 @@ module.exports = plugin(function ({ addComponents, addUtilities, theme }) {
   const components: CSSRuleObject = {
     '.btu-button': {
       // default button
-      '--button-bg-gradient': 'none',
       '--button-color': '',
       '--button-text-color': '',
       '--button-pressed': 'initial',
@@ -63,8 +61,7 @@ module.exports = plugin(function ({ addComponents, addUtilities, theme }) {
       alignItems: 'center',
       justifyContent: 'center',
       gap: '0.5rem',
-      background:
-        'var(--button-bg-gradient), var(--button-pressed-color, var(--button-disabled-color, var(--button-color)))',
+      background: 'var(--button-pressed-color, var(--button-disabled-color, var(--button-color)))',
       borderRadius: 'var(--button-border-radius, 0.5rem)',
       color: 'var(--button-pressed-text-color, var(--button-disabled-text-color, var(--button-text-color)))',
       padding: 'var(--button-padding-sm)',
@@ -129,7 +126,6 @@ module.exports = plugin(function ({ addComponents, addUtilities, theme }) {
     '.btu-button-disabled': disabledStyle,
     '.btu-button-pressed': activeStyle,
     '.btu-button-ai': {
-      '--button-bg-gradient': `var(--button-fill-none, ${theme('backgroundImage.ai-gradient')})`,
       '--button-color': 'transparent',
       '--button-text-color': 'oklch(100% 0 0)',
       '--button-fill-none-color': 'transparent',
@@ -140,10 +136,11 @@ module.exports = plugin(function ({ addComponents, addUtilities, theme }) {
       '--button-disabled-text-color-fill-none': 'var(--button-fill-none) oklch(var(--btu-theme-gray-300))',
       '--button-pressed-color': 'var(--button-pressed) var(--button-disabled-color, oklch(0.5346 0.3041 294.17))',
       '--button-pressed-text-color': 'var(--button-pressed) var(--button-disabled-text-color, var(--btu-theme-white))',
+      background: `var(--button-fill-none, ${theme('backgroundImage.ai-gradient')})`,
       '&:hover': {
-        '--button-bg-gradient': `var(--button-fill-none, ${theme('backgroundImage.ai-gradient')})`,
         '--button-fill-none-color': 'oklch(0.7 0.3281 339.6 / 0.1)',
         '--button-fill-none-text-color': 'oklch(0.5346 0.3041 294.17)',
+        background: `var(--button-fill-none, ${theme('backgroundImage.ai-gradient')})`,
       },
     },
   }
@@ -161,7 +158,6 @@ module.exports = plugin(function ({ addComponents, addUtilities, theme }) {
       '--tw-ring-offset-color': `${key === 'gray' ? 'oklch(var(--btu-theme-primary-800))' : 'var(--button-outline-offset-color, var(--button-color))'}`,
     }
     components[prefix + '-' + key] = {
-      '--button-bg-gradient': `var(--button-fill-none, ${key === 'primary' ? theme('backgroundImage.primary-gradient') : key === 'success' ? theme('backgroundImage.success-gradient') : 'none'})`,
       '--button-color': `oklch(var(--btu-theme-${key}-${key === 'gray' ? '100' : key === 'success' ? '700' : '600'}))`,
       '--button-text-color': `${key === 'gray' ? 'oklch(var(--btu-theme-gray-700))' : 'var(--btu-theme-white)'}`,
       '--button-fill-none-color': 'transparent',

package/dist/tailwind.config.js

@@ -10,9 +10,9 @@ export default {
     content: [],
     safelist: [
         // BTU component classes with dynamic color, size, and numbered variants
-        // Matches: btu-button-primary, btu-badge-lg, btu-icon-error, btu-heading-2xl, etc.
+        // Matches: btu-button-primary, btu-badge-lg, btu-icon-error, btu-heading-2xl, btu-avatar-md, etc.
         {
-            pattern: /btu-.*?-(ai|black|white|primary|teal|gray|purple|rose|error|warning|success|xs|sm|md|lg|xl|2xl|1|2|3|4|5|6)/,
+            pattern: /btu-.*?-(ai|black|white|primary|teal|gray|purple|rose|error|warning|success|xs|sm|md|lg|xl|xxl|2xl|1|2|3|4|5|6)/,
         },
         // Padding and margin classes for all directions and values 0-8 (including decimals)
         // Matches: p-0, px-2, py-6, pt-4, pb-8, pl-1, pr-3, ps-5, pe-7, m-0, mx-2, p-1.5, mx-2.5, etc.