Make size a responsive property

Author: iromanchuk-dn

packages/design-system/src/components/ds-split-button/ds-split-button.stories.tsx

@@ -1,7 +1,7 @@
 import { useState } from 'react';
 import type { Meta, StoryObj } from '@storybook/react-vite';
 import { fn } from 'storybook/test';
-import DsSplitButton from './ds-split-button';
+import { DsSplitButton } from './';
 import { splitButtonSizes } from './ds-split-button.types';
 import type { DsSelectProps } from '../ds-select';
 

packages/design-system/src/components/ds-split-button/index.ts

@@ -1,6 +1,10 @@
-export { default as DsSplitButton } from './ds-split-button';
-export {
-	type DsSplitButtonProps,
-	type DsSplitButtonSlotProps,
-	splitButtonSizes,
-} from './ds-split-button.types';
+import type { ComponentProps } from 'react';
+import { withResponsiveProps } from '../../utils/responsive';
+import DsSplitButtonBase from './ds-split-button';
+export { type DsSplitButtonSlotProps, splitButtonSizes } from './ds-split-button.types';
+
+export const DsSplitButton = withResponsiveProps(DsSplitButtonBase, ['size']);
+
+DsSplitButton.displayName = 'DsSplitButton';
+
+export type DsSplitButtonProps = ComponentProps<typeof DsSplitButton>;