fix: Update data-disabled selectors to data-[disabled]

Author: jordanarldt

core/vibes/soul/form/button-radio-group/index.tsx

@@ -70,7 +70,7 @@ export const ButtonRadioGroup = React.forwardRef<
           </Label>
         )}
         <RadioGroupPrimitive.Root
-          {...rest}
+          {...resdata-[disabled]:data-[disabled]:
           aria-labelledby={id}
           className="flex flex-wrap gap-2"
           ref={ref}

core/vibes/soul/form/card-radio-group/index.tsx

@@ -67,7 +67,7 @@ export const CardRadioGroup = React.forwardRef<
     return (
       <div className={clsx('space-y-2', className)}>
         {label !== undefined && label !== '' && (
-          <Label colorScheme={colorScheme} id={id} required={required}>
+          <Label data-[disabled]:olorScheme} id={id} data-[disabled]:ired}>
             {label}
           </Label>
         )}

core/vibes/soul/form/radio-group/index.tsx

@@ -98,7 +98,7 @@ RadioGroup.displayName = 'RadioGroup';
  * ```
  */
 function RadioGroupItem({
-  option,
+  option,data-[disabled]:data-[disabled]:
   error = false,
   colorScheme = 'light',
   onOptionMouseEnter,

core/vibes/soul/form/rating-radio-group/index.tsx

@@ -99,7 +99,7 @@ export const RatingRadioGroup = React.forwardRef<
               return (
                 <div className="relative" key={ratingValue}>
                   <RadioGroupPrimitive.Item
-                    className={clsx(
+                    cladata-[disabled]:data-[disabled]:
                       'peer sr-only',
                       'data-disabled:pointer-events-none data-disabled:opacity-50 transition-colors focus-visible:outline-0 focus-visible:ring-2',
                       {

core/vibes/soul/form/swatch-radio-group/index.tsx

@@ -80,7 +80,7 @@ export const SwatchRadioGroup = React.forwardRef<
           </Label>
         )}
         <RadioGroupPrimitive.Root
-          {...rest}
+          {...resdata-[disabled]:
           aria-labelledby={id}
           className="flex flex-wrap gap-1"
           ref={ref}

core/vibes/soul/form/switch/index.tsx

@@ -49,7 +49,7 @@ export const Switch = ({
         aria-busy={loading}
         checked={checked}
         className={clsx(
-          '[&:not([data-loading])]:data-disabled:bg-contrast-100 data-disabled:cursor-not-allowed w-12 rounded-full border border-contrast-200 p-[3px] transition-colors duration-100 focus-visible:outline-none focus-visible:ring-2',
+          '[&:not([data-loading])]:data-[disabled]:bg-contrast-100 data-[disabled]:cursor-not-allowed w-12 rounded-full border border-contrast-200 p-[3px] transition-colors duration-100 focus-visible:outline-none focus-visible:ring-2',
         )}
         data-loading={loading ? '' : undefined}
         disabled={disabled || loading}
@@ -59,7 +59,7 @@ export const Switch = ({
       >
         <SwitchPrimitive.Thumb
           className={clsx(
-            'data-disabled:bg-contrast-200 relative block h-5 w-5 overflow-hidden rounded-full transition-transform duration-100 data-[state=checked]:translate-x-full data-[state=unchecked]:bg-contrast-200',
+            'data-[disabled]:bg-contrast-200 relative block h-5 w-5 overflow-hidden rounded-full transition-transform duration-100 data-[state=checked]:translate-x-full data-[state=unchecked]:bg-contrast-200',
             {
               primary: 'bg-[var(--toggle-primary-background,hsl(var(--primary)))]',
               secondary: 'bg-[var(--toggle-secondary-background,hsl(var(--foreground)))]',