ADDED: Card sub-components

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

src/primitive-components/ripple/ripple-area.tsx

@@ -24,7 +24,7 @@ const RippleArea = forwardRef(
             uniqueKey = useRef<number>(0),
             uniqueId = useId();
 
-        const classes = props.className
+        const extraClassStyles = props.className
             ? `m3 m3-ripple-domain ${props.className}`.trimEnd()
             : 'm3 m3-ripple-domain';
 
@@ -121,7 +121,7 @@ const RippleArea = forwardRef(
         );
 
         return (
-            <span className={classes} id={uniqueId} ref={rippleDomain}>
+            <span className={extraClassStyles} id={uniqueId} ref={rippleDomain}>
                 <rippleAreaContext.Provider value={clicked.current}>
                     <Ripples>{ripples}</Ripples>
                 </rippleAreaContext.Provider>