@brightspot/ui 5.0.2 → 5.0.3-css-bloat.1

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

@@ -3,9 +3,15 @@ import plugin from 'tailwindcss/plugin';
  * Button Group — Tailwind CSS plugin for grouping related buttons.
  *
  * Provides connected (joined) and spaced layouts with horizontal/vertical orientation.
- * Supports both direct `.btu-button` children and `btu-icon-button` children.
- * `btu-icon-button` uses `display: contents` so its inner button participates
- * directly in the group's flex layout.
+ * Supports both direct `<button class="btu-button">` children and `btu-icon-button`
+ * children. `btu-icon-button` uses `display: contents` so its inner `<button>`
+ * participates directly in the group's flex layout.
+ *
+ * Selectors target the `button` element, not the `.btu-button` class. So an
+ * anchor styled as `.btu-button` (`<a class="btu-button">`) slotted directly
+ * into a connected group will NOT get the outer-corner radius. Use a real
+ * `<button>` (or `<btu-icon-button>`) for grouped controls; for link-styled
+ * ones, use the spaced variant.
  *
  * Selection uses a circular wipe transition: a `::after` pseudo-element with
  * `clip-path: circle()` reveals the selection color from the center outward.
@@ -22,15 +28,13 @@ import plugin from 'tailwindcss/plugin';
  *  --button-group-selection-bg    - Selection background color (auto-set per color variant)
  *  --button-group-selection-color - Selection text color (auto-set per color variant)
  */
-module.exports = plugin(function ({ addComponents, addBase, theme }) {
+module.exports = plugin(function ({ addComponents, addBase }) {
     const connected = 'btu-button-group[variant="connected"]';
     const connectedH = `${connected}[orientation="horizontal"]`;
     const connectedV = `${connected}[orientation="vertical"]`;
     const allSelected = `${connected}[data-all-selected]`;
     const borderColor = 'var(--button-group-border-color, oklch(var(--btu-theme-gray-300)))';
     const outerRadius = 'var(--button-group-border-radius, 0.5rem)';
-    const skipColors = new Set(['currentColor', 'transparent', 'white', 'black', 'ai']);
-    const colors = theme('colors') || {};
     const components = {
         // ─── Base ─────────────────────────────────────────────────────────
         '.btu-button-group': {
@@ -52,31 +56,31 @@ module.exports = plugin(function ({ addComponents, addBase, theme }) {
             gap: 'var(--button-group-gap, var(--gap-s, 0.5rem))',
         },
         // ─── slot="end" auto-margin ──────────────────────────────────────
-        // Direct children and inner .btu-button (for display:contents wrappers like btu-icon-button)
-        'btu-button-group[orientation="horizontal"] > [slot="end"], btu-button-group[orientation="horizontal"] > [slot="end"] > .btu-button': {
+        // Direct children and inner button (for display:contents wrappers like btu-icon-button)
+        'btu-button-group[orientation="horizontal"] > [slot="end"], btu-button-group[orientation="horizontal"] > [slot="end"] > button': {
             marginInlineStart: 'auto',
         },
-        'btu-button-group[orientation="vertical"] > [slot="end"], btu-button-group[orientation="vertical"] > [slot="end"] > .btu-button': {
+        'btu-button-group[orientation="vertical"] > [slot="end"], btu-button-group[orientation="vertical"] > [slot="end"] > button': {
             marginBlockStart: 'auto',
         },
         // ─── Size propagation via CSS ─────────────────────────────────────
-        'btu-button-group[size="small"] .btu-button': {
+        'btu-button-group[size="small"] button': {
             padding: 'var(--button-padding-sm)',
             width: 'var(--button-size-sm, auto)',
             height: 'var(--button-size-sm, auto)',
         },
-        'btu-button-group[size="medium"] .btu-button': {
+        'btu-button-group[size="medium"] button': {
             padding: 'var(--button-padding-md)',
             width: 'var(--button-size-md, auto)',
             height: 'var(--button-size-md, auto)',
         },
-        'btu-button-group[size="large"] .btu-button': {
+        'btu-button-group[size="large"] button': {
             padding: 'var(--button-padding-lg)',
             width: 'var(--button-size-lg, auto)',
             height: 'var(--button-size-lg, auto)',
         },
         // ─── Connected: convert outline buttons to border-based ───────────
-        [`${connected} .btu-button`]: {
+        [`${connected} button`]: {
             outline: 'none',
             border: `1px solid ${borderColor}`,
             transition: 'box-shadow 100ms ease, filter 100ms ease',
@@ -87,52 +91,54 @@ module.exports = plugin(function ({ addComponents, addBase, theme }) {
             },
         },
         // ─── Disabled buttons ─────────────────────────────────────────────
-        '.btu-button-group .btu-button:disabled, .btu-button-group .btu-button[disabled]': {
+        '.btu-button-group button:disabled, .btu-button-group button[disabled]': {
             opacity: '0.5',
             cursor: 'default',
         },
         // ─── Selection wipe: disable button plugin's instant pressed toggle ─
         // The ::after pseudo handles the pressed background via clip-path wipe,
         // so the button itself must stay at its normal (non-pressed) color.
-        '.btu-button-group .btu-button[aria-pressed]': {
+        // Selection colors default to the button's own --button-tint-* shades,
+        // overridable via the documented --button-group-* properties.
+        '.btu-button-group button[aria-pressed]': {
             '--button-pressed-color': 'initial',
             '--button-pressed-text-color': 'initial',
             isolation: 'isolate',
             transition: 'color 150ms ease-in',
         },
-        '.btu-button-group .btu-button[aria-pressed]::after': {
+        '.btu-button-group button[aria-pressed]::after': {
             content: '""',
             position: 'absolute',
             inset: '0',
             zIndex: '-1',
             borderRadius: 'inherit',
-            background: 'var(--button-group-selection-bg)',
+            background: 'var(--button-group-selection-bg, var(--button-tint-subtle))',
             clipPath: 'circle(0% at center)',
             transition: 'clip-path 150ms ease-in',
         },
         // ─── Selection wipe: active state ─────────────────────────────────
-        '.btu-button-group .btu-button[aria-pressed="true"]': {
-            color: 'var(--button-group-selection-color)',
+        '.btu-button-group button[aria-pressed="true"]': {
+            color: 'var(--button-group-selection-color, var(--button-tint-strong))',
             transition: 'color 200ms ease-out',
         },
-        '.btu-button-group .btu-button[aria-pressed="true"]::after': {
+        '.btu-button-group button[aria-pressed="true"]::after': {
             clipPath: 'circle(75% at center)',
             transition: 'clip-path 200ms ease-out',
         },
         // ─── Reduced motion ─────────────────────────────────────────────────
         '@media (prefers-reduced-motion: reduce)': {
-            '.btu-button-group .btu-button[aria-pressed]': {
+            '.btu-button-group button[aria-pressed]': {
                 transition: 'color 0.01ms ease',
             },
-            '.btu-button-group .btu-button[aria-pressed]::after': {
+            '.btu-button-group button[aria-pressed]::after': {
                 transition: 'clip-path 0.01ms ease',
             },
-            [`${allSelected} .btu-button[aria-pressed="true"]`]: {
+            [`${allSelected} button[aria-pressed="true"]`]: {
                 animation: 'none',
             },
         },
         // ─── Connected variant — horizontal ───────────────────────────────
-        [`${connectedH} .btu-button`]: {
+        [`${connectedH} button`]: {
             borderRadius: '0',
             marginInlineEnd: '-1px',
             position: 'relative',
@@ -143,17 +149,17 @@ module.exports = plugin(function ({ addComponents, addBase, theme }) {
                 zIndex: '2',
             },
         },
-        [`${connectedH} > :first-child:is(.btu-button), ${connectedH} > :first-child > .btu-button`]: {
+        [`${connectedH} > :first-child:is(button), ${connectedH} > :first-child > button`]: {
             borderStartStartRadius: outerRadius,
             borderEndStartRadius: outerRadius,
         },
-        [`${connectedH} > :last-child:is(.btu-button), ${connectedH} > :last-child > .btu-button`]: {
+        [`${connectedH} > :last-child:is(button), ${connectedH} > :last-child > button`]: {
             borderStartEndRadius: outerRadius,
             borderEndEndRadius: outerRadius,
             marginInlineEnd: '0',
         },
         // ─── Connected variant — vertical ─────────────────────────────────
-        [`${connectedV} .btu-button`]: {
+        [`${connectedV} button`]: {
             borderRadius: '0',
             marginBlockEnd: '-1px',
             position: 'relative',
@@ -164,11 +170,11 @@ module.exports = plugin(function ({ addComponents, addBase, theme }) {
                 zIndex: '2',
             },
         },
-        [`${connectedV} > :first-child:is(.btu-button), ${connectedV} > :first-child > .btu-button`]: {
+        [`${connectedV} > :first-child:is(button), ${connectedV} > :first-child > button`]: {
             borderStartStartRadius: outerRadius,
             borderStartEndRadius: outerRadius,
         },
-        [`${connectedV} > :last-child:is(.btu-button), ${connectedV} > :last-child > .btu-button`]: {
+        [`${connectedV} > :last-child:is(button), ${connectedV} > :last-child > button`]: {
             borderEndStartRadius: outerRadius,
             borderEndEndRadius: outerRadius,
             marginBlockEnd: '0',
@@ -182,32 +188,25 @@ module.exports = plugin(function ({ addComponents, addBase, theme }) {
     };
     // ─── All-selected shimmer (connected only) ─────────────────────────
     // Text color pulse + border color pulse on each button, staggered.
-    components[`${allSelected} .btu-button[aria-pressed="true"]`] = {
+    components[`${allSelected} button[aria-pressed="true"]`] = {
         animation: 'btu-shimmer-all 500ms ease-in-out both',
         animationDelay: 'calc((var(--_btn-index, 1) - 1) * 100ms)',
     };
-    // ─── Selection color variants ─────────────────────────────────────
-    for (const key in colors) {
-        if (skipColors.has(key))
-            continue;
-        const pressedKey = key === 'gray' ? 'primary' : key;
-        components[`.btu-button-group .btu-button-${key}`] = {
-            '--button-group-selection-bg': `oklch(var(--btu-theme-${pressedKey}-50))`,
-            '--button-group-selection-color': `oklch(var(--btu-theme-${pressedKey}-800))`,
-            '--button-group-shimmer-highlight': `oklch(var(--btu-theme-${pressedKey}-200))`,
-        };
-    }
+    // Selection colors come from each button's own --button-tint-* shades
+    // (set by the button plugin per color variant). The documented
+    // --button-group-selection-* / --button-group-shimmer-highlight properties
+    // still override them.
     addComponents(components);
     // Keyframes must be added via addBase (not addComponents)
     addBase({
         '@keyframes btu-shimmer-all': {
             '0%, 100%': {
-                color: 'var(--button-group-selection-color)',
+                color: 'var(--button-group-selection-color, var(--button-tint-strong))',
                 borderColor: 'var(--button-group-border-color, oklch(var(--btu-theme-gray-300)))',
             },
             '40%, 60%': {
-                color: 'var(--button-group-shimmer-highlight)',
-                borderColor: 'var(--button-group-shimmer-highlight)',
+                color: 'var(--button-group-shimmer-highlight, var(--button-tint-highlight))',
+                borderColor: 'var(--button-group-shimmer-highlight, var(--button-tint-highlight))',
             },
         },
     });

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

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

package/dist/tailwind-plugin-button-group.ts

@@ -6,9 +6,15 @@ declare let module: any
  * Button Group — Tailwind CSS plugin for grouping related buttons.
  *
  * Provides connected (joined) and spaced layouts with horizontal/vertical orientation.
- * Supports both direct `.btu-button` children and `btu-icon-button` children.
- * `btu-icon-button` uses `display: contents` so its inner button participates
- * directly in the group's flex layout.
+ * Supports both direct `<button class="btu-button">` children and `btu-icon-button`
+ * children. `btu-icon-button` uses `display: contents` so its inner `<button>`
+ * participates directly in the group's flex layout.
+ *
+ * Selectors target the `button` element, not the `.btu-button` class. So an
+ * anchor styled as `.btu-button` (`<a class="btu-button">`) slotted directly
+ * into a connected group will NOT get the outer-corner radius. Use a real
+ * `<button>` (or `<btu-icon-button>`) for grouped controls; for link-styled
+ * ones, use the spaced variant.
  *
  * Selection uses a circular wipe transition: a `::after` pseudo-element with
  * `clip-path: circle()` reveals the selection color from the center outward.
@@ -26,15 +32,13 @@ declare let module: any
  *  --button-group-selection-color - Selection text color (auto-set per color variant)
  */
 
-module.exports = plugin(function ({ addComponents, addBase, theme }) {
+module.exports = plugin(function ({ addComponents, addBase }) {
   const connected = 'btu-button-group[variant="connected"]'
   const connectedH = `${connected}[orientation="horizontal"]`
   const connectedV = `${connected}[orientation="vertical"]`
   const allSelected = `${connected}[data-all-selected]`
   const borderColor = 'var(--button-group-border-color, oklch(var(--btu-theme-gray-300)))'
   const outerRadius = 'var(--button-group-border-radius, 0.5rem)'
-  const skipColors = new Set(['currentColor', 'transparent', 'white', 'black', 'ai'])
-  const colors: CSSRuleObject = theme('colors') || {}
 
   const components: CSSRuleObject = {
     // ─── Base ─────────────────────────────────────────────────────────
@@ -61,35 +65,35 @@ module.exports = plugin(function ({ addComponents, addBase, theme }) {
     },
 
     // ─── slot="end" auto-margin ──────────────────────────────────────
-    // Direct children and inner .btu-button (for display:contents wrappers like btu-icon-button)
-    'btu-button-group[orientation="horizontal"] > [slot="end"], btu-button-group[orientation="horizontal"] > [slot="end"] > .btu-button':
+    // Direct children and inner button (for display:contents wrappers like btu-icon-button)
+    'btu-button-group[orientation="horizontal"] > [slot="end"], btu-button-group[orientation="horizontal"] > [slot="end"] > button':
       {
         marginInlineStart: 'auto',
       },
-    'btu-button-group[orientation="vertical"] > [slot="end"], btu-button-group[orientation="vertical"] > [slot="end"] > .btu-button':
+    'btu-button-group[orientation="vertical"] > [slot="end"], btu-button-group[orientation="vertical"] > [slot="end"] > button':
       {
         marginBlockStart: 'auto',
       },
 
     // ─── Size propagation via CSS ─────────────────────────────────────
-    'btu-button-group[size="small"] .btu-button': {
+    'btu-button-group[size="small"] button': {
       padding: 'var(--button-padding-sm)',
       width: 'var(--button-size-sm, auto)',
       height: 'var(--button-size-sm, auto)',
     },
-    'btu-button-group[size="medium"] .btu-button': {
+    'btu-button-group[size="medium"] button': {
       padding: 'var(--button-padding-md)',
       width: 'var(--button-size-md, auto)',
       height: 'var(--button-size-md, auto)',
     },
-    'btu-button-group[size="large"] .btu-button': {
+    'btu-button-group[size="large"] button': {
       padding: 'var(--button-padding-lg)',
       width: 'var(--button-size-lg, auto)',
       height: 'var(--button-size-lg, auto)',
     },
 
     // ─── Connected: convert outline buttons to border-based ───────────
-    [`${connected} .btu-button`]: {
+    [`${connected} button`]: {
       outline: 'none',
       border: `1px solid ${borderColor}`,
       transition: 'box-shadow 100ms ease, filter 100ms ease',
@@ -101,7 +105,7 @@ module.exports = plugin(function ({ addComponents, addBase, theme }) {
     },
 
     // ─── Disabled buttons ─────────────────────────────────────────────
-    '.btu-button-group .btu-button:disabled, .btu-button-group .btu-button[disabled]': {
+    '.btu-button-group button:disabled, .btu-button-group button[disabled]': {
       opacity: '0.5',
       cursor: 'default',
     },
@@ -109,49 +113,51 @@ module.exports = plugin(function ({ addComponents, addBase, theme }) {
     // ─── Selection wipe: disable button plugin's instant pressed toggle ─
     // The ::after pseudo handles the pressed background via clip-path wipe,
     // so the button itself must stay at its normal (non-pressed) color.
-    '.btu-button-group .btu-button[aria-pressed]': {
+    // Selection colors default to the button's own --button-tint-* shades,
+    // overridable via the documented --button-group-* properties.
+    '.btu-button-group button[aria-pressed]': {
       '--button-pressed-color': 'initial',
       '--button-pressed-text-color': 'initial',
       isolation: 'isolate',
       transition: 'color 150ms ease-in',
     },
-    '.btu-button-group .btu-button[aria-pressed]::after': {
+    '.btu-button-group button[aria-pressed]::after': {
       content: '""',
       position: 'absolute',
       inset: '0',
       zIndex: '-1',
       borderRadius: 'inherit',
-      background: 'var(--button-group-selection-bg)',
+      background: 'var(--button-group-selection-bg, var(--button-tint-subtle))',
       clipPath: 'circle(0% at center)',
       transition: 'clip-path 150ms ease-in',
     },
 
     // ─── Selection wipe: active state ─────────────────────────────────
-    '.btu-button-group .btu-button[aria-pressed="true"]': {
-      color: 'var(--button-group-selection-color)',
+    '.btu-button-group button[aria-pressed="true"]': {
+      color: 'var(--button-group-selection-color, var(--button-tint-strong))',
       transition: 'color 200ms ease-out',
     },
 
-    '.btu-button-group .btu-button[aria-pressed="true"]::after': {
+    '.btu-button-group button[aria-pressed="true"]::after': {
       clipPath: 'circle(75% at center)',
       transition: 'clip-path 200ms ease-out',
     },
 
     // ─── Reduced motion ─────────────────────────────────────────────────
     '@media (prefers-reduced-motion: reduce)': {
-      '.btu-button-group .btu-button[aria-pressed]': {
+      '.btu-button-group button[aria-pressed]': {
         transition: 'color 0.01ms ease',
       },
-      '.btu-button-group .btu-button[aria-pressed]::after': {
+      '.btu-button-group button[aria-pressed]::after': {
         transition: 'clip-path 0.01ms ease',
       },
-      [`${allSelected} .btu-button[aria-pressed="true"]`]: {
+      [`${allSelected} button[aria-pressed="true"]`]: {
         animation: 'none',
       },
     },
 
     // ─── Connected variant — horizontal ───────────────────────────────
-    [`${connectedH} .btu-button`]: {
+    [`${connectedH} button`]: {
       borderRadius: '0',
       marginInlineEnd: '-1px',
       position: 'relative',
@@ -162,18 +168,18 @@ module.exports = plugin(function ({ addComponents, addBase, theme }) {
         zIndex: '2',
       },
     },
-    [`${connectedH} > :first-child:is(.btu-button), ${connectedH} > :first-child > .btu-button`]: {
+    [`${connectedH} > :first-child:is(button), ${connectedH} > :first-child > button`]: {
       borderStartStartRadius: outerRadius,
       borderEndStartRadius: outerRadius,
     },
-    [`${connectedH} > :last-child:is(.btu-button), ${connectedH} > :last-child > .btu-button`]: {
+    [`${connectedH} > :last-child:is(button), ${connectedH} > :last-child > button`]: {
       borderStartEndRadius: outerRadius,
       borderEndEndRadius: outerRadius,
       marginInlineEnd: '0',
     },
 
     // ─── Connected variant — vertical ─────────────────────────────────
-    [`${connectedV} .btu-button`]: {
+    [`${connectedV} button`]: {
       borderRadius: '0',
       marginBlockEnd: '-1px',
       position: 'relative',
@@ -184,11 +190,11 @@ module.exports = plugin(function ({ addComponents, addBase, theme }) {
         zIndex: '2',
       },
     },
-    [`${connectedV} > :first-child:is(.btu-button), ${connectedV} > :first-child > .btu-button`]: {
+    [`${connectedV} > :first-child:is(button), ${connectedV} > :first-child > button`]: {
       borderStartStartRadius: outerRadius,
       borderStartEndRadius: outerRadius,
     },
-    [`${connectedV} > :last-child:is(.btu-button), ${connectedV} > :last-child > .btu-button`]: {
+    [`${connectedV} > :last-child:is(button), ${connectedV} > :last-child > button`]: {
       borderEndStartRadius: outerRadius,
       borderEndEndRadius: outerRadius,
       marginBlockEnd: '0',
@@ -204,21 +210,15 @@ module.exports = plugin(function ({ addComponents, addBase, theme }) {
 
   // ─── All-selected shimmer (connected only) ─────────────────────────
   // Text color pulse + border color pulse on each button, staggered.
-  components[`${allSelected} .btu-button[aria-pressed="true"]`] = {
+  components[`${allSelected} button[aria-pressed="true"]`] = {
     animation: 'btu-shimmer-all 500ms ease-in-out both',
     animationDelay: 'calc((var(--_btn-index, 1) - 1) * 100ms)',
   }
 
-  // ─── Selection color variants ─────────────────────────────────────
-  for (const key in colors) {
-    if (skipColors.has(key)) continue
-    const pressedKey = key === 'gray' ? 'primary' : key
-    components[`.btu-button-group .btu-button-${key}`] = {
-      '--button-group-selection-bg': `oklch(var(--btu-theme-${pressedKey}-50))`,
-      '--button-group-selection-color': `oklch(var(--btu-theme-${pressedKey}-800))`,
-      '--button-group-shimmer-highlight': `oklch(var(--btu-theme-${pressedKey}-200))`,
-    }
-  }
+  // Selection colors come from each button's own --button-tint-* shades
+  // (set by the button plugin per color variant). The documented
+  // --button-group-selection-* / --button-group-shimmer-highlight properties
+  // still override them.
 
   addComponents(components)
 
@@ -226,12 +226,12 @@ module.exports = plugin(function ({ addComponents, addBase, theme }) {
   addBase({
     '@keyframes btu-shimmer-all': {
       '0%, 100%': {
-        color: 'var(--button-group-selection-color)',
+        color: 'var(--button-group-selection-color, var(--button-tint-strong))',
         borderColor: 'var(--button-group-border-color, oklch(var(--btu-theme-gray-300)))',
       },
       '40%, 60%': {
-        color: 'var(--button-group-shimmer-highlight)',
-        borderColor: 'var(--button-group-shimmer-highlight)',
+        color: 'var(--button-group-shimmer-highlight, var(--button-tint-highlight))',
+        borderColor: 'var(--button-group-shimmer-highlight, var(--button-tint-highlight))',
       },
     },
   })

package/dist/tailwind-plugin-button.js

@@ -19,6 +19,14 @@ import plugin from 'tailwindcss/plugin';
  *
  *  Search toolbar icon button            ->      btu-button btu-button-text-hidden btu-button-fill-none
  *                                                btu-button-gray before:btu-icon before:btu-icon-search
+ *
+ * Each color variant exposes a few CSS custom properties so a parent (e.g.
+ * btu-button-group) can pick up the button's color family without having to
+ * name its color class:
+ *
+ *  --button-tint-subtle    - light shade (selected background)
+ *  --button-tint-strong    - dark shade (selected text)
+ *  --button-tint-highlight - mid shade (accent/highlight)
  */
 module.exports = plugin(function ({ addComponents, addUtilities, theme }) {
     const textSizes = theme('fontSize');
@@ -41,6 +49,12 @@ module.exports = plugin(function ({ addComponents, addUtilities, theme }) {
             '--button-text-color': '',
             '--button-pressed': 'initial',
             '--button-fill-none': 'initial',
+            // Baseline color-family tints so an uncolored .btu-button still has
+            // sensible values for components that read these (e.g. btu-button-group
+            // selection background). Per-color variants overwrite further below.
+            '--button-tint-subtle': 'oklch(var(--btu-theme-primary-50))',
+            '--button-tint-strong': 'oklch(var(--btu-theme-primary-800))',
+            '--button-tint-highlight': 'oklch(var(--btu-theme-primary-200))',
             '--button-padding-xs': '0.25rem 0.5rem',
             '--button-padding-sm': '0.5rem 0.875rem',
             '--button-padding-md': '0.625rem 1rem',
@@ -145,6 +159,8 @@ module.exports = plugin(function ({ addComponents, addUtilities, theme }) {
         if (key === 'currentColor' || key === 'transparent' || key === 'white' || key === 'black' || key === 'ai')
             continue;
         const ringColorKey = key === 'success' || key === 'error' ? key : 'primary';
+        // Gray buttons borrow primary for their pressed/selected tint.
+        const tintKey = key === 'gray' ? 'primary' : key;
         const focusStyle = {
             '--button-color': `oklch(var(--btu-theme-${key}-${key === 'gray' ? '100' : key === 'success' ? '700' : '600'}))`,
             '--button-fill-none-color': `transparent`,
@@ -166,8 +182,12 @@ module.exports = plugin(function ({ addComponents, addUtilities, theme }) {
             '--button-disabled-color-fill': `oklch(var(--btu-theme-${key}-${key === 'gray' ? '100' : key === 'primary' ? '300' : '200'}))`,
             '--button-disabled-color-fill-none': `var(--button-fill-none) oklch(var(--btu-theme-white))`,
             '--button-disabled-text-color-fill-none': `var(--button-fill-none) oklch(var(--btu-theme-${key}-${key === 'gray' ? '400' : '300'}))`,
-            '--button-pressed-color': `var(--button-pressed) var(--button-disabled-color, oklch(var(--btu-theme-${key === 'gray' ? 'primary' : key}-50)))`,
-            '--button-pressed-text-color': `var(--button-pressed) var(--button-disabled-text-color, oklch(var(--btu-theme-${key === 'gray' ? 'primary' : key}-800)))`,
+            '--button-pressed-color': `var(--button-pressed) var(--button-disabled-color, oklch(var(--btu-theme-${tintKey}-50)))`,
+            '--button-pressed-text-color': `var(--button-pressed) var(--button-disabled-text-color, oklch(var(--btu-theme-${tintKey}-800)))`,
+            // Plain color tints other components can read (always set, no toggle).
+            '--button-tint-subtle': `oklch(var(--btu-theme-${tintKey}-50))`,
+            '--button-tint-strong': `oklch(var(--btu-theme-${tintKey}-800))`,
+            '--button-tint-highlight': `oklch(var(--btu-theme-${tintKey}-200))`,
             '&:hover': {
                 '--button-color': `oklch(var(--btu-theme-${key}-${key === 'gray' ? '200' : key === 'success' ? '800' : '700'}))`,
                 '--button-fill-none-color': `oklch(var(--btu-theme-${key}-${key === 'gray' ? '200' : '50'}))`,

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

@@ -22,6 +22,14 @@ declare let module: any
  *
  *  Search toolbar icon button            ->      btu-button btu-button-text-hidden btu-button-fill-none
  *                                                btu-button-gray before:btu-icon before:btu-icon-search
+ *
+ * Each color variant exposes a few CSS custom properties so a parent (e.g.
+ * btu-button-group) can pick up the button's color family without having to
+ * name its color class:
+ *
+ *  --button-tint-subtle    - light shade (selected background)
+ *  --button-tint-strong    - dark shade (selected text)
+ *  --button-tint-highlight - mid shade (accent/highlight)
  */
 
 module.exports = plugin(function ({ addComponents, addUtilities, theme }) {
@@ -48,6 +56,12 @@ module.exports = plugin(function ({ addComponents, addUtilities, theme }) {
       '--button-text-color': '',
       '--button-pressed': 'initial',
       '--button-fill-none': 'initial',
+      // Baseline color-family tints so an uncolored .btu-button still has
+      // sensible values for components that read these (e.g. btu-button-group
+      // selection background). Per-color variants overwrite further below.
+      '--button-tint-subtle': 'oklch(var(--btu-theme-primary-50))',
+      '--button-tint-strong': 'oklch(var(--btu-theme-primary-800))',
+      '--button-tint-highlight': 'oklch(var(--btu-theme-primary-200))',
       '--button-padding-xs': '0.25rem 0.5rem',
       '--button-padding-sm': '0.5rem 0.875rem',
       '--button-padding-md': '0.625rem 1rem',
@@ -153,6 +167,8 @@ module.exports = plugin(function ({ addComponents, addUtilities, theme }) {
   for (const key in colors) {
     if (key === 'currentColor' || key === 'transparent' || key === 'white' || key === 'black' || key === 'ai') continue
     const ringColorKey = key === 'success' || key === 'error' ? key : 'primary'
+    // Gray buttons borrow primary for their pressed/selected tint.
+    const tintKey = key === 'gray' ? 'primary' : key
     const focusStyle: CSSRuleObject = {
       '--button-color': `oklch(var(--btu-theme-${key}-${key === 'gray' ? '100' : key === 'success' ? '700' : '600'}))`,
       '--button-fill-none-color': `transparent`,
@@ -174,8 +190,12 @@ module.exports = plugin(function ({ addComponents, addUtilities, theme }) {
       '--button-disabled-color-fill': `oklch(var(--btu-theme-${key}-${key === 'gray' ? '100' : key === 'primary' ? '300' : '200'}))`,
       '--button-disabled-color-fill-none': `var(--button-fill-none) oklch(var(--btu-theme-white))`,
       '--button-disabled-text-color-fill-none': `var(--button-fill-none) oklch(var(--btu-theme-${key}-${key === 'gray' ? '400' : '300'}))`,
-      '--button-pressed-color': `var(--button-pressed) var(--button-disabled-color, oklch(var(--btu-theme-${key === 'gray' ? 'primary' : key}-50)))`,
-      '--button-pressed-text-color': `var(--button-pressed) var(--button-disabled-text-color, oklch(var(--btu-theme-${key === 'gray' ? 'primary' : key}-800)))`,
+      '--button-pressed-color': `var(--button-pressed) var(--button-disabled-color, oklch(var(--btu-theme-${tintKey}-50)))`,
+      '--button-pressed-text-color': `var(--button-pressed) var(--button-disabled-text-color, oklch(var(--btu-theme-${tintKey}-800)))`,
+      // Plain color tints other components can read (always set, no toggle).
+      '--button-tint-subtle': `oklch(var(--btu-theme-${tintKey}-50))`,
+      '--button-tint-strong': `oklch(var(--btu-theme-${tintKey}-800))`,
+      '--button-tint-highlight': `oklch(var(--btu-theme-${tintKey}-200))`,
       '&:hover': {
         '--button-color': `oklch(var(--btu-theme-${key}-${key === 'gray' ? '200' : key === 'success' ? '800' : '700'}))`,
         '--button-fill-none-color': `oklch(var(--btu-theme-${key}-${key === 'gray' ? '200' : '50'}))`,

package/dist/tailwind-plugin-dropdown.js

@@ -192,8 +192,12 @@ module.exports = plugin(function ({ addComponents, config, theme }) {
             transition: 'transform 200ms ease',
             flexShrink: '0',
         },
-        /* Icon-only trigger with chevron: override square sizing so both icons fit */
-        '.btu-button-text-hidden:has(.btu-dropdown-chevron)': {
+        /* Trigger with chevron: restore auto width + gap so the icon and chevron
+           fit. Matches every chevron trigger, but is a no-op on labelled triggers
+           (`.btu-button` already defaults to width:auto/gap:0.5rem). The effective
+           target is icon-only triggers, where `.btu-button-text-hidden` forces a
+           fixed square width and gap:0 — which would otherwise clip the chevron. */
+        'btu-dropdown > button:has(.btu-dropdown-chevron)': {
             width: 'auto',
             gap: '0.5rem',
         },