chore: fix type and lint errors

Author: mdeliatf

components/Button/Button.theme.css.ts

@@ -1,3 +1,3 @@
 // Re-export from plain TypeScript file to avoid circular dependencies
 // The source of truth is Button.theme.ts
-export { buttonLightTheme, buttonDarkTheme } from './Button.theme';
+export { buttonDarkTheme, buttonLightTheme } from './Button.theme';

components/ButtonSwitch/ButtonSwitch.theme.css.ts

@@ -1,3 +1,3 @@
 // Re-export from plain TypeScript file to avoid circular dependencies
 // The source of truth is ButtonSwitch.theme.ts
-export { buttonSwitchLightTheme, buttonSwitchDarkTheme } from './ButtonSwitch.theme';
+export { buttonSwitchDarkTheme, buttonSwitchLightTheme } from './ButtonSwitch.theme';

components/ButtonSwitch/ButtonSwitch.vanilla.tsx

@@ -1,15 +1,17 @@
 import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
 import { assignInlineVars } from '@vanilla-extract/dynamic';
-import { ComponentProps, forwardRef } from 'react';
+import { forwardRef } from 'react';
 
 import { CSSProps, processCSSProp } from '../../styles/cssProps';
 import { useVanillaExtractTheme } from '../../styles/themeContext';
 import { buttonSwitchContainer, buttonSwitchItem } from './ButtonSwitch.vanilla.css';
 
 // Container Component
-interface ButtonSwitchContainerVanillaProps
-  extends ComponentProps<typeof ToggleGroupPrimitive.Root>,
-    CSSProps {}
+type ButtonSwitchContainerVanillaProps = (
+  | ToggleGroupPrimitive.ToggleGroupSingleProps
+  | ToggleGroupPrimitive.ToggleGroupMultipleProps
+) &
+  CSSProps;
 
 export const ButtonSwitchContainerVanilla = forwardRef<
   React.ElementRef<typeof ToggleGroupPrimitive.Root>,
@@ -38,9 +40,8 @@ export const ButtonSwitchContainerVanilla = forwardRef<
 ButtonSwitchContainerVanilla.displayName = 'ButtonSwitchContainerVanilla';
 
 // Item Component
-interface ButtonSwitchItemVanillaProps
-  extends ComponentProps<typeof ToggleGroupPrimitive.Item>,
-    CSSProps {}
+type ButtonSwitchItemVanillaProps = Omit<ToggleGroupPrimitive.ToggleGroupItemProps, 'css'> &
+  CSSProps;
 
 export const ButtonSwitchItemVanilla = forwardRef<
   React.ElementRef<typeof ToggleGroupPrimitive.Item>,

components/IconButton/IconButton.theme.css.ts

@@ -1,3 +1,3 @@
 // Re-export from plain TypeScript file to avoid circular dependencies
 // The source of truth is IconButton.theme.ts
-export { iconButtonLightTheme, iconButtonDarkTheme } from './IconButton.theme';
+export { iconButtonDarkTheme, iconButtonLightTheme } from './IconButton.theme';

components/Label/Label.vanilla.test.tsx

@@ -52,7 +52,7 @@ describe('LabelVanilla', () => {
   });
 
   it('should apply variant prop', () => {
-    const variants = ['gray', 'contrast'] as const;
+    const variants = ['subtle', 'contrast'] as const;
 
     variants.forEach((variant) => {
       const { container, unmount } = renderWithTheme(
@@ -69,7 +69,7 @@ describe('LabelVanilla', () => {
   });
 
   it('should apply transform prop', () => {
-    const transforms = ['uppercase', 'lowercase', 'capitalize'] as const;
+    const transforms = ['uppercase', 'capitalize', 'capitalizeWords'] as const;
 
     transforms.forEach((transform) => {
       const { container, unmount } = renderWithTheme(