diff --git a/src/components/ui/smart-select.tsx b/src/components/ui/smart-select.tsx index cfeaeb9..6cce2d4 100644 --- a/src/components/ui/smart-select.tsx +++ b/src/components/ui/smart-select.tsx @@ -72,7 +72,7 @@ export interface SmartSelectProps { debounceMs?: number /** Additional class for the trigger button */ className?: string - /** Width class for the popover content @default "w-[250px]" */ + /** Additional class for the popover content */ contentClassName?: string /** Custom render function for each option */ renderOption?: (option: SmartSelectOption, isSelected: boolean) => React.ReactNode @@ -230,6 +230,7 @@ function SmartSelect({ { onValueChange?.(currentValue === value ? "" : currentValue) @@ -323,7 +324,7 @@ function SmartSelect({ disabled={disabled} data-slot="smart-select-trigger" className={cn( - "w-[250px] justify-between border-input text-foreground font-normal", + "w-full justify-between border-input text-foreground font-normal", invalid && "border-destructive ring-destructive/20 ring-[3px] dark:ring-destructive/40", className @@ -368,7 +369,7 @@ function SmartSelect({ className={cn("!w-(--anchor-width) gap-0 p-0", contentClassName)} align="start" > - + {!disableSearch && (