CHANGED: style and components directories, removed redundant imports from styles

ADDED: container and card component, card-subcomponents WIP

src/primitive-components/button-components/segmented-buttons/segmented-buttons.tsx

@@ -0,0 +1,20 @@
+import React, { forwardRef } from 'react';
+import { SegmentedButtonProps } from './segmented-buttons.types';
+
+export const SegmentedButtons = forwardRef<
+    HTMLDivElement,
+    SegmentedButtonProps
+>(({ children, ...props }, ref) => {
+    if (children.length <= 1) {
+        throw 'You must build segmented button with 2 or more buttton';
+    }
+
+    return (
+        <div
+            className={`m3 m3-segmented-buttons ${props.className ?? ''}`.trimEnd()}
+            ref={ref}
+        >
+            {children}
+        </div>
+    );
+});

src/primitive-components/button-components/segmented-buttons/segmented-buttons.types.ts

@@ -0,0 +1,8 @@
+import { HTMLAttributes, ReactElement } from 'react';
+
+export interface SegmentedButton {
+    children?: ReactElement<HTMLButtonElement>[];
+}
+
+export type SegmentedButtonProps = SegmentedButton &
+    HTMLAttributes<HTMLDivElement>;