@cdx-ui/components 0.0.1-alpha.25 → 0.0.1-alpha.27

package/lib/commonjs/components/IconButton/styles.js

@@ -0,0 +1,91 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.iconButtonRootVariants = exports.iconButtonIconColorVariants = exports.iconButtonGlyphVariants = void 0;
+var _reactNative = require("react-native");
+var _classVarianceAuthority = require("class-variance-authority");
+var _primitives = require("../../styles/primitives");
+var _buttonSharedVariants = require("../Button/buttonSharedVariants");
+function actionOnlyCompounds(compounds) {
+  return compounds.filter(c => c.color === 'action').map(c => {
+    const {
+      color,
+      ...rest
+    } = c;
+    void color;
+    return rest;
+  });
+}
+
+/** Dark-mode hover/active surface for ghost (solid uses a separate compound with border). */
+const iconButtonDarkGhostSurfaceCompounds = actionOnlyCompounds(_buttonSharedVariants.sharedGhostSurfaceCompounds).map(c => ({
+  variant: 'ghost',
+  ...c
+}));
+const iconButtonForegroundTextCompounds = actionOnlyCompounds(_buttonSharedVariants.sharedOutlineGhostForegroundTextCompounds).map(c => ({
+  variant: ['solid', 'ghost'],
+  ...c
+}));
+const iconButtonRootVariants = exports.iconButtonRootVariants = (0, _classVarianceAuthority.cva)(['flex items-center justify-center', _primitives.RADIUS_FULL, 'web:outline-none web:focus:outline-none web:focus-visible:outline-none', _primitives.TRANSITION_COLORS, _primitives.DISABLED_OPACITY, _primitives.DISABLED_CURSOR, 'web:data-[focus-visible=true]:ring-2 web:data-[focus-visible=true]:ring-slate-400/50 web:data-[focus-visible=true]:ring-offset-2'], {
+  variants: {
+    variant: {
+      /** Same surface as ghost, with a light gray border (aligned with Button `outline`). */
+      solid: ['bg-transparent', `border ${_primitives.COLOR_BORDER_DEFAULT}`, 'data-[hover=true]:bg-slate-50', 'data-[active=true]:bg-slate-100'],
+      ghost: ['bg-transparent', 'data-[hover=true]:bg-slate-50', 'data-[active=true]:bg-slate-100']
+    },
+    size: {
+      default: 'h-10 w-10 min-w-10 shrink-0 p-0',
+      small: 'h-8 w-8 min-w-8 shrink-0 p-0'
+    },
+    mode: {
+      light: [],
+      dark: []
+    }
+  },
+  compoundVariants: [...iconButtonDarkGhostSurfaceCompounds, {
+    variant: 'solid',
+    mode: 'dark',
+    className: ['border-slate-700', _reactNative.Platform.select({
+      default: 'data-[active=true]:bg-slate-700',
+      web: 'data-[hover=true]:bg-slate-800 data-[active=true]:data-[hover=true]:bg-slate-700'
+    })]
+  }],
+  defaultVariants: {
+    variant: 'solid',
+    size: 'default',
+    mode: 'light'
+  }
+});
+const iconButtonGlyphVariants = exports.iconButtonGlyphVariants = (0, _classVarianceAuthority.cva)([], {
+  variants: {
+    size: {
+      default: 'size-5',
+      small: 'size-4'
+    }
+  },
+  defaultVariants: {
+    size: 'default'
+  }
+});
+
+/** Icon fill aligned with Button outline/ghost action label colors (solid matches ghost). */
+const iconButtonIconColorVariants = exports.iconButtonIconColorVariants = (0, _classVarianceAuthority.cva)([], {
+  variants: {
+    variant: {
+      solid: [],
+      ghost: []
+    },
+    mode: {
+      light: [],
+      dark: []
+    }
+  },
+  compoundVariants: [...iconButtonForegroundTextCompounds],
+  defaultVariants: {
+    variant: 'solid',
+    mode: 'light'
+  }
+});
+//# sourceMappingURL=styles.js.map

package/lib/commonjs/components/IconButton/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_classVarianceAuthority","_primitives","_buttonSharedVariants","actionOnlyCompounds","compounds","filter","c","color","map","rest","iconButtonDarkGhostSurfaceCompounds","sharedGhostSurfaceCompounds","variant","iconButtonForegroundTextCompounds","sharedOutlineGhostForegroundTextCompounds","iconButtonRootVariants","exports","cva","RADIUS_FULL","TRANSITION_COLORS","DISABLED_OPACITY","DISABLED_CURSOR","variants","solid","COLOR_BORDER_DEFAULT","ghost","size","default","small","mode","light","dark","compoundVariants","className","Platform","select","web","defaultVariants","iconButtonGlyphVariants","iconButtonIconColorVariants"],"sourceRoot":"../../../../src","sources":["components/IconButton/styles.ts"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/index.js

@@ -236,4 +236,16 @@ Object.keys(_Icon).forEach(function (key) {
     }
   });
 });
+var _IconButton = require("./IconButton");
+Object.keys(_IconButton).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _IconButton[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _IconButton[key];
+    }
+  });
+});
 //# sourceMappingURL=index.js.map

package/lib/commonjs/components/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_AlertDialog","require","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_Avatar","_BottomSheet","_Box","_Button","_Card","_Checkbox","_Chip","_Dialog","_Input","_Link","_ProgressSegmented","_Select","_VirtualizedList","_Switch","_Stack","_Heading","_Text","_Icon"],"sourceRoot":"../../../src","sources":["components/index.ts"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_AlertDialog","require","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_Avatar","_BottomSheet","_Box","_Button","_Card","_Checkbox","_Chip","_Dialog","_Input","_Link","_ProgressSegmented","_Select","_VirtualizedList","_Switch","_Stack","_Heading","_Text","_Icon","_IconButton"],"sourceRoot":"../../../src","sources":["components/index.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/components/Button/buttonSharedVariants.js

@@ -0,0 +1,195 @@
+"use strict";
+
+/**
+ * Neutral compound-variant **slices** shared by Button and IconButton (no consumer `variant` keys).
+ *
+ * Each consumer maps these into its own CVA, e.g. filled surface → Button `strong` or IconButton `solid`;
+ * ghost surface / outline+ghost foreground → attach the appropriate `variant` / tuple for that component.
+ *
+ * Button-only outline **surface** (borders) stays in `Button/styles.ts`.
+ */
+import { Platform } from 'react-native';
+import { SEMANTIC_COLORS } from '../../styles/primitives';
+/** Root surface: filled semantic background (maps to Button `strong`, IconButton `solid`). */
+export const sharedFilledSurfaceCompounds = [{
+  color: 'action',
+  className: [SEMANTIC_COLORS.action.bg, Platform.select({
+    default: 'data-[active=true]:bg-slate-700',
+    web: 'data-[hover=true]:bg-slate-800 data-[active=true]:data-[hover=true]:bg-slate-700'
+  })]
+}, {
+  color: 'danger',
+  className: [SEMANTIC_COLORS.danger.bg, Platform.select({
+    default: 'data-[active=true]:bg-red-800',
+    web: 'data-[hover=true]:bg-red-700 data-[active=true]:data-[hover=true]:bg-red-800'
+  })]
+}, {
+  color: 'warning',
+  className: [SEMANTIC_COLORS.warning.bg, Platform.select({
+    default: 'data-[active=true]:bg-amber-700',
+    web: 'data-[hover=true]:bg-amber-600 data-[active=true]:data-[hover=true]:bg-amber-700'
+  })]
+}, {
+  color: 'success',
+  className: [SEMANTIC_COLORS.success.bg, Platform.select({
+    default: 'data-[active=true]:bg-green-800',
+    web: 'data-[hover=true]:bg-green-700 data-[active=true]:data-[hover=true]:bg-green-800'
+  })]
+}, {
+  color: 'info',
+  className: [SEMANTIC_COLORS.info.bg, Platform.select({
+    default: 'data-[active=true]:bg-sky-700',
+    web: 'data-[hover=true]:bg-sky-600 data-[active=true]:data-[hover=true]:bg-sky-700'
+  })]
+}, {
+  color: 'action',
+  mode: 'dark',
+  className: ['bg-slate-200', Platform.select({
+    default: 'data-[active=true]:bg-slate-400',
+    web: 'data-[hover=true]:bg-slate-300 data-[active=true]:data-[hover=true]:bg-slate-400'
+  })]
+}];
+
+/** Root surface: ghost hover/active fills (maps to `variant: 'ghost'` on Button and IconButton). */
+export const sharedGhostSurfaceCompounds = [{
+  color: 'danger',
+  className: [Platform.select({
+    default: 'data-[active=true]:bg-red-100',
+    web: 'data-[hover=true]:bg-red-50 data-[active=true]:data-[hover=true]:bg-red-100'
+  })]
+}, {
+  color: 'warning',
+  className: [Platform.select({
+    default: 'data-[active=true]:bg-amber-100',
+    web: 'data-[hover=true]:bg-amber-50 data-[active=true]:data-[hover=true]:bg-amber-100'
+  })]
+}, {
+  color: 'success',
+  className: [Platform.select({
+    default: 'data-[active=true]:bg-green-100',
+    web: 'data-[hover=true]:bg-green-50 data-[active=true]:data-[hover=true]:bg-green-100'
+  })]
+}, {
+  color: 'info',
+  className: [Platform.select({
+    default: 'data-[active=true]:bg-sky-100',
+    web: 'data-[hover=true]:bg-sky-50 data-[active=true]:data-[hover=true]:bg-sky-100'
+  })]
+}, {
+  color: 'action',
+  mode: 'dark',
+  className: [Platform.select({
+    default: 'data-[active=true]:bg-slate-700',
+    web: 'data-[hover=true]:bg-slate-800 data-[active=true]:data-[hover=true]:bg-slate-700'
+  })]
+}, {
+  color: 'danger',
+  mode: 'dark',
+  className: [Platform.select({
+    default: 'data-[active=true]:bg-red-950',
+    web: 'data-[hover=true]:bg-red-950/50 data-[active=true]:data-[hover=true]:bg-red-950'
+  })]
+}, {
+  color: 'warning',
+  mode: 'dark',
+  className: [Platform.select({
+    default: 'data-[active=true]:bg-amber-950',
+    web: 'data-[hover=true]:bg-amber-950/50 data-[active=true]:data-[hover=true]:bg-amber-950'
+  })]
+}, {
+  color: 'success',
+  mode: 'dark',
+  className: [Platform.select({
+    default: 'data-[active=true]:bg-green-950',
+    web: 'data-[hover=true]:bg-green-950/50 data-[active=true]:data-[hover=true]:bg-green-950'
+  })]
+}, {
+  color: 'info',
+  mode: 'dark',
+  className: [Platform.select({
+    default: 'data-[active=true]:bg-sky-950',
+    web: 'data-[hover=true]:bg-sky-950/50 data-[active=true]:data-[hover=true]:bg-sky-950'
+  })]
+}];
+
+/** Foreground on filled controls (maps to Button `strong`, IconButton `solid`). */
+export const sharedFilledForegroundTextCompounds = [{
+  color: 'action',
+  className: 'text-white'
+}, {
+  color: 'danger',
+  className: 'text-white'
+}, {
+  color: 'warning',
+  className: 'text-white'
+}, {
+  color: 'success',
+  className: 'text-white'
+}, {
+  color: 'info',
+  className: 'text-white'
+}, {
+  color: 'action',
+  mode: 'dark',
+  className: 'text-slate-900'
+}];
+
+/**
+ * Foreground for transparent controls: same class names for Button `outline` and `ghost`, and for IconButton `ghost`.
+ * Consumers attach their own `variant` key(s).
+ */
+export const sharedOutlineGhostForegroundTextCompounds = [{
+  color: 'action',
+  className: ['text-slate-900', Platform.select({
+    default: 'data-[active=true]:text-slate-700',
+    web: 'data-[hover=true]:text-slate-800 data-[active=true]:data-[hover=true]:text-slate-700'
+  })]
+}, {
+  color: 'danger',
+  className: ['text-red-600', Platform.select({
+    default: 'data-[active=true]:text-red-800',
+    web: 'data-[hover=true]:text-red-700 data-[active=true]:data-[hover=true]:text-red-800'
+  })]
+}, {
+  color: 'warning',
+  className: ['text-amber-600', Platform.select({
+    default: 'data-[active=true]:text-amber-800',
+    web: 'data-[hover=true]:text-amber-700 data-[active=true]:data-[hover=true]:text-amber-800'
+  })]
+}, {
+  color: 'success',
+  className: ['text-green-600', Platform.select({
+    default: 'data-[active=true]:text-green-800',
+    web: 'data-[hover=true]:text-green-700 data-[active=true]:data-[hover=true]:text-green-800'
+  })]
+}, {
+  color: 'info',
+  className: ['text-sky-600', Platform.select({
+    default: 'data-[active=true]:text-sky-800',
+    web: 'data-[hover=true]:text-sky-700 data-[active=true]:data-[hover=true]:text-sky-800'
+  })]
+}, {
+  color: 'action',
+  mode: 'dark',
+  className: ['text-white', Platform.select({
+    default: 'data-[active=true]:text-white',
+    web: 'data-[hover=true]:text-white data-[active=true]:data-[hover=true]:text-white'
+  })]
+}, {
+  color: 'danger',
+  mode: 'dark',
+  className: 'text-red-400'
+}, {
+  color: 'warning',
+  mode: 'dark',
+  className: 'text-amber-400'
+}, {
+  color: 'success',
+  mode: 'dark',
+  className: 'text-green-400'
+}, {
+  color: 'info',
+  mode: 'dark',
+  className: 'text-sky-400'
+}];
+//# sourceMappingURL=buttonSharedVariants.js.map

package/lib/module/components/Button/buttonSharedVariants.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Platform","SEMANTIC_COLORS","sharedFilledSurfaceCompounds","color","className","action","bg","select","default","web","danger","warning","success","info","mode","sharedGhostSurfaceCompounds","sharedFilledForegroundTextCompounds","sharedOutlineGhostForegroundTextCompounds"],"sourceRoot":"../../../../src","sources":["components/Button/buttonSharedVariants.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/components/Button/styles.js

@@ -2,7 +2,24 @@
 
 import { Platform } from 'react-native';
 import { cva } from 'class-variance-authority';
-import { COLOR_BORDER_DEFAULT, DISABLED_CURSOR, DISABLED_OPACITY, RADIUS_SM, SEMANTIC_COLORS, TRANSITION_COLORS } from '../../styles/primitives';
+import { COLOR_BORDER_DEFAULT, DISABLED_CURSOR, DISABLED_OPACITY, RADIUS_SM, TRANSITION_COLORS } from '../../styles/primitives';
+import { sharedFilledForegroundTextCompounds, sharedFilledSurfaceCompounds, sharedGhostSurfaceCompounds, sharedOutlineGhostForegroundTextCompounds } from './buttonSharedVariants';
+const buttonStrongSurfaceCompounds = sharedFilledSurfaceCompounds.map(c => ({
+  variant: 'strong',
+  ...c
+}));
+const buttonGhostSurfaceCompounds = sharedGhostSurfaceCompounds.map(c => ({
+  variant: 'ghost',
+  ...c
+}));
+const buttonStrongForegroundTextCompounds = sharedFilledForegroundTextCompounds.map(c => ({
+  variant: 'strong',
+  ...c
+}));
+const buttonOutlineGhostForegroundTextCompounds = sharedOutlineGhostForegroundTextCompounds.map(c => ({
+  variant: ['outline', 'ghost'],
+  ...c
+}));
 
 // TODO: Split into 2 files
 // TODO: Create cva wrapper
@@ -34,54 +51,7 @@ export const buttonRootVariants = cva(['flex-row items-center justify-center', R
       false: ''
     }
   },
-  compoundVariants: [
-  // --- strong × color (light mode) ---
-  {
-    variant: 'strong',
-    color: 'action',
-    className: [SEMANTIC_COLORS.action.bg, Platform.select({
-      default: 'data-[active=true]:bg-slate-700',
-      web: 'data-[hover=true]:bg-slate-800 data-[active=true]:data-[hover=true]:bg-slate-700'
-    })]
-  }, {
-    variant: 'strong',
-    color: 'danger',
-    className: [SEMANTIC_COLORS.danger.bg, Platform.select({
-      default: 'data-[active=true]:bg-red-800',
-      web: 'data-[hover=true]:bg-red-700 data-[active=true]:data-[hover=true]:bg-red-800'
-    })]
-  }, {
-    variant: 'strong',
-    color: 'warning',
-    className: [SEMANTIC_COLORS.warning.bg, Platform.select({
-      default: 'data-[active=true]:bg-amber-700',
-      web: 'data-[hover=true]:bg-amber-600 data-[active=true]:data-[hover=true]:bg-amber-700'
-    })]
-  }, {
-    variant: 'strong',
-    color: 'success',
-    className: [SEMANTIC_COLORS.success.bg, Platform.select({
-      default: 'data-[active=true]:bg-green-800',
-      web: 'data-[hover=true]:bg-green-700 data-[active=true]:data-[hover=true]:bg-green-800'
-    })]
-  }, {
-    variant: 'strong',
-    color: 'info',
-    className: [SEMANTIC_COLORS.info.bg, Platform.select({
-      default: 'data-[active=true]:bg-sky-700',
-      web: 'data-[hover=true]:bg-sky-600 data-[active=true]:data-[hover=true]:bg-sky-700'
-    })]
-  },
-  // --- strong × action × mode: dark ---
-  {
-    variant: 'strong',
-    color: 'action',
-    mode: 'dark',
-    className: ['bg-slate-200', Platform.select({
-      default: 'data-[active=true]:bg-slate-400',
-      web: 'data-[hover=true]:bg-slate-300 data-[active=true]:data-[hover=true]:bg-slate-400'
-    })]
-  },
+  compoundVariants: [...buttonStrongSurfaceCompounds,
   // --- outline × color (light mode) ---
   {
     variant: 'outline',
@@ -162,81 +132,7 @@ export const buttonRootVariants = cva(['flex-row items-center justify-center', R
       default: 'data-[active=true]:bg-sky-950',
       web: 'data-[hover=true]:bg-sky-950/50 data-[active=true]:data-[hover=true]:bg-sky-950'
     })]
-  },
-  // --- ghost × color (light mode, non-action) ---
-  {
-    variant: 'ghost',
-    color: 'danger',
-    className: [Platform.select({
-      default: 'data-[active=true]:bg-red-100',
-      web: 'data-[hover=true]:bg-red-50 data-[active=true]:data-[hover=true]:bg-red-100'
-    })]
-  }, {
-    variant: 'ghost',
-    color: 'warning',
-    className: [Platform.select({
-      default: 'data-[active=true]:bg-amber-100',
-      web: 'data-[hover=true]:bg-amber-50 data-[active=true]:data-[hover=true]:bg-amber-100'
-    })]
-  }, {
-    variant: 'ghost',
-    color: 'success',
-    className: [Platform.select({
-      default: 'data-[active=true]:bg-green-100',
-      web: 'data-[hover=true]:bg-green-50 data-[active=true]:data-[hover=true]:bg-green-100'
-    })]
-  }, {
-    variant: 'ghost',
-    color: 'info',
-    className: [Platform.select({
-      default: 'data-[active=true]:bg-sky-100',
-      web: 'data-[hover=true]:bg-sky-50 data-[active=true]:data-[hover=true]:bg-sky-100'
-    })]
-  },
-  // --- ghost × action × mode: dark ---
-  {
-    variant: 'ghost',
-    color: 'action',
-    mode: 'dark',
-    className: [Platform.select({
-      default: 'data-[active=true]:bg-slate-700',
-      web: 'data-[hover=true]:bg-slate-800 data-[active=true]:data-[hover=true]:bg-slate-700'
-    })]
-  },
-  // --- ghost × semantic colors × mode: dark ---
-  {
-    variant: 'ghost',
-    color: 'danger',
-    mode: 'dark',
-    className: [Platform.select({
-      default: 'data-[active=true]:bg-red-950',
-      web: 'data-[hover=true]:bg-red-950/50 data-[active=true]:data-[hover=true]:bg-red-950'
-    })]
-  }, {
-    variant: 'ghost',
-    color: 'warning',
-    mode: 'dark',
-    className: [Platform.select({
-      default: 'data-[active=true]:bg-amber-950',
-      web: 'data-[hover=true]:bg-amber-950/50 data-[active=true]:data-[hover=true]:bg-amber-950'
-    })]
-  }, {
-    variant: 'ghost',
-    color: 'success',
-    mode: 'dark',
-    className: [Platform.select({
-      default: 'data-[active=true]:bg-green-950',
-      web: 'data-[hover=true]:bg-green-950/50 data-[active=true]:data-[hover=true]:bg-green-950'
-    })]
-  }, {
-    variant: 'ghost',
-    color: 'info',
-    mode: 'dark',
-    className: [Platform.select({
-      default: 'data-[active=true]:bg-sky-950',
-      web: 'data-[hover=true]:bg-sky-950/50 data-[active=true]:data-[hover=true]:bg-sky-950'
-    })]
-  }],
+  }, ...buttonGhostSurfaceCompounds],
   defaultVariants: {
     variant: 'strong',
     color: 'action',
@@ -268,105 +164,7 @@ export const buttonTextVariants = cva(['font-medium', 'text-center'], {
       dark: []
     }
   },
-  compoundVariants: [
-  // --- strong × color (light mode) — always white text ---
-  {
-    variant: 'strong',
-    color: 'action',
-    className: 'text-white'
-  }, {
-    variant: 'strong',
-    color: 'danger',
-    className: 'text-white'
-  }, {
-    variant: 'strong',
-    color: 'warning',
-    className: 'text-white'
-  }, {
-    variant: 'strong',
-    color: 'success',
-    className: 'text-white'
-  }, {
-    variant: 'strong',
-    color: 'info',
-    className: 'text-white'
-  },
-  // --- strong × action × mode: dark ---
-  {
-    variant: 'strong',
-    color: 'action',
-    mode: 'dark',
-    className: 'text-slate-900'
-  },
-  // --- outline/ghost × color (light mode text) ---
-  {
-    variant: ['outline', 'ghost'],
-    color: 'action',
-    className: ['text-slate-900', Platform.select({
-      default: 'data-[active=true]:text-slate-700',
-      web: 'data-[hover=true]:text-slate-800 data-[active=true]:data-[hover=true]:text-slate-700'
-    })]
-  }, {
-    variant: ['outline', 'ghost'],
-    color: 'danger',
-    className: ['text-red-600', Platform.select({
-      default: 'data-[active=true]:text-red-800',
-      web: 'data-[hover=true]:text-red-700 data-[active=true]:data-[hover=true]:text-red-800'
-    })]
-  }, {
-    variant: ['outline', 'ghost'],
-    color: 'warning',
-    className: ['text-amber-600', Platform.select({
-      default: 'data-[active=true]:text-amber-800',
-      web: 'data-[hover=true]:text-amber-700 data-[active=true]:data-[hover=true]:text-amber-800'
-    })]
-  }, {
-    variant: ['outline', 'ghost'],
-    color: 'success',
-    className: ['text-green-600', Platform.select({
-      default: 'data-[active=true]:text-green-800',
-      web: 'data-[hover=true]:text-green-700 data-[active=true]:data-[hover=true]:text-green-800'
-    })]
-  }, {
-    variant: ['outline', 'ghost'],
-    color: 'info',
-    className: ['text-sky-600', Platform.select({
-      default: 'data-[active=true]:text-sky-800',
-      web: 'data-[hover=true]:text-sky-700 data-[active=true]:data-[hover=true]:text-sky-800'
-    })]
-  },
-  // --- outline/ghost × action × mode: dark ---
-  {
-    variant: ['outline', 'ghost'],
-    color: 'action',
-    mode: 'dark',
-    className: ['text-white', Platform.select({
-      default: 'data-[active=true]:text-white',
-      web: 'data-[hover=true]:text-white data-[active=true]:data-[hover=true]:text-white'
-    })]
-  },
-  // --- outline/ghost × semantic colors × mode: dark ---
-  {
-    variant: ['outline', 'ghost'],
-    color: 'danger',
-    mode: 'dark',
-    className: 'text-red-400'
-  }, {
-    variant: ['outline', 'ghost'],
-    color: 'warning',
-    mode: 'dark',
-    className: 'text-amber-400'
-  }, {
-    variant: ['outline', 'ghost'],
-    color: 'success',
-    mode: 'dark',
-    className: 'text-green-400'
-  }, {
-    variant: ['outline', 'ghost'],
-    color: 'info',
-    mode: 'dark',
-    className: 'text-sky-400'
-  }],
+  compoundVariants: [...buttonStrongForegroundTextCompounds, ...buttonOutlineGhostForegroundTextCompounds],
   defaultVariants: {
     variant: 'strong',
     color: 'action',