CHANGED: root classname elements on checkbox and radio components

NEW: opportunity control toggled state to each a segmented-buttons
FIXED: hover, focus and active states for slider in stylesheets

app/page.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import testImage1 from './test-images/test-image-1.jpg';
 import { Card } from '../src/primitive-components/card/card';
-import { Checkbox } from '../src/primitive-components/components';
+import {Checkbox, Radio} from '../src/primitive-components/components';
 import { CardBody } from '../src/primitive-components/card/card-body';
 import { CardMedia } from '../src/primitive-components/card/card-media';
 import { CardFooter } from '../src/primitive-components/card/card-footer';
@@ -25,7 +25,7 @@ export default function Page() {
                     padding: '8px',
                 }}
             >
-                <div style={{ display: 'flex', gap: '8px', maxWidth: '768px' }}>
+                <div style={{ display: 'flex', gap: '8px', maxWidth: '1024px' }}>
                     <Card variant={'outlined'}>
                         <CardHeader>
                             <Typography.h3> Header-3 </Typography.h3>
@@ -54,7 +54,7 @@ export default function Page() {
                                 <Button icon={'add'} iconPlace={'right'}>
                                     Label 2
                                 </Button>
-                                <SegmentedButtons toggled>
+                                <SegmentedButtons>
                                     <SegmentButton
                                         fillIcon={1}
                                         icon={'change_history'}
@@ -72,6 +72,8 @@ export default function Page() {
                                         Label 3
                                     </SegmentButton>
                                 </SegmentedButtons>
+                                <Checkbox />
+                                <Radio />
                                 <Slider />
                             </div>
                         </CardFooter>