✨ feat: add labelAction prop to Select component

lib/components/Select/Select.test.tsx

@@ -177,6 +177,14 @@ describe('Select', () => {
 
       expect(option).toBeInTheDocument();
     });
+
+    it('should render the labelAction next to the label', () => {
+      setup({
+        labelAction: <button type="button">Action</button>,
+      });
+
+      expect(screen.getByText('Action')).toBeInTheDocument();
+    });
   });
 
   describe('select inside a form', () => {

lib/components/Select/Select.types.ts

@@ -88,6 +88,7 @@ export type SelectProps = VariantProps<typeof selectVariants> &
     isLoading?: boolean;
     isRequired?: boolean;
     label?: string;
+    labelAction?: ReactNode;
     labelClassName?: string;
     labelWrapperClassName?: string;
     listClassName?: string;

lib/components/Select/components/Wrapper.tsx

@@ -46,6 +46,7 @@ export const Wrapper: ForwardRefExoticComponent<
       isLoading,
       isRequired,
       label,
+      labelAction,
       labelClassName,
       labelWrapperClassName,
       listClassName,
@@ -135,7 +136,12 @@ export const Wrapper: ForwardRefExoticComponent<
         data-theme={theme}
       >
         {label ? (
-          <div className={cn(labelWrapperClassName)}>
+          <div
+            className={cn(
+              'flex items-center justify-between',
+              labelWrapperClassName,
+            )}
+          >
             <label
               id={htmlFor}
               className={cn(labelVariants({ className: labelClassName }))}
@@ -147,6 +153,7 @@ export const Wrapper: ForwardRefExoticComponent<
                 <span className="text-red-600 dark:text-red-500 ml-1">*</span>
               )}
             </label>
+            {labelAction}
           </div>
         ) : null}