ADDED: Card sub-components

TODO: Complete styles for card sub-components and section button

src/primitive-components/input-components/checkbox/checkbox.tsx

@@ -26,7 +26,7 @@ export const Checkbox = forwardRef<HTMLInputElement, CheckboxProps>(
             checkboxRef = useRef(null),
             events = useRippleEffect(ripplesRef, setIsActive);
 
-        const classes =
+        const extraClassStyles =
             `m3 m3-checkbox-label ${isActive === true ? 'visible' : ''}`.trimEnd();
 
         useImperativeHandle(ref, () => checkboxRef.current);
@@ -36,7 +36,7 @@ export const Checkbox = forwardRef<HTMLInputElement, CheckboxProps>(
         }, [checkboxRef.current?.checked]);
 
         return (
-            <label {...events} className={classes}>
+            <label {...events} className={extraClassStyles}>
                 <CheckBoxLayout
                     {...props}
                     indeterminate={props.indeterminate}