fix(components): add select parameter to fit content

Author: martykan

packages/components/src/components/form/Select/Select.tsx

@@ -116,6 +116,7 @@ type WrapperProps = TransientProps<
     $isWithPlaceholder: boolean;
     $elevation: Elevation;
     $isLoading?: boolean;
+    $menuFitContent?: boolean;
 };
 
 const SelectWrapper = styled.div<WrapperProps>`
@@ -230,6 +231,11 @@ const SelectWrapper = styled.div<WrapperProps>`
         ${menuStyle}
         border: none;
         z-index: ${zIndices.base};
+        ${({ $menuFitContent }) =>
+            $menuFitContent &&
+            css`
+                width: fit-content;
+            `}
     }
 
     ${({ $isDisabled }) =>
@@ -276,6 +282,7 @@ export type SelectProps = KeyPressScrollProps &
         label?: ReactNode;
         size?: InputSize;
         minValueWidth?: string;
+        menuFitContent?: boolean;
         isMenuOpen?: boolean;
         isLoading?: boolean;
         onChange?: (value: Option, ref?: SelectInstance<Option, boolean> | null) => void;
@@ -289,6 +296,7 @@ export const Select = ({
     useKeyPressScroll,
     isSearchable = false,
     minValueWidth = 'initial',
+    menuFitContent,
     isMenuOpen,
     components,
     onChange,
@@ -348,6 +356,7 @@ export const Select = ({
                 $isSearchable={isSearchable}
                 $size={size}
                 $minValueWidth={minValueWidth}
+                $menuFitContent={menuFitContent}
                 $isDisabled={isDisabled}
                 $isLoading={isLoading}
                 $isMenuOpen={isMenuOpen}