comp: add overflow-hidden to multiple-select

Author: irsyadadl

Diff for: app/(home)/partials/navbar.tsx

@@ -130,6 +130,11 @@ export const menus = [
   { href: "/icons", label: "Icons" },
   { href: "/colors", label: "Colors" },
   { href: "/blocks", label: "Blocks" },
-  { href: "https://blocks.getjustd.com", label: "Pro", icon: IconBrandJustdBlocks, external: true },
+  {
+    href: "https://blocks.getjustd.com",
+    label: "Premium blocks",
+    icon: IconBrandJustdBlocks,
+    external: true,
+  },
   { href: "https://blocks.getjustd.com/templates", label: "Templates", external: true },
 ]

Diff for: components/ui/multiple-select.tsx

@@ -261,12 +261,13 @@ const MultipleSelect = <T extends SelectedKey>({
             <PopoverContent
               respectScreen={false}
               isNonModal
-              className="max-w-none"
+              className="max-w-none overflow-hidden"
               style={{ width: `${width}px` }}
               triggerRef={triggerRef}
               trigger="ComboBox"
             >
               <ListBox
+                className="border-0 shadow-0"
                 renderEmptyState={() =>
                   renderEmptyState ? (
                     renderEmptyState(fieldState.inputValue)

Diff for: components/ui/select.tsx

@@ -147,5 +147,5 @@ Select.Section = SelectSection
 Select.Trigger = SelectTrigger
 Select.List = SelectList
 
-export type { SelectProps, SelectTriggerProps }
 export { Select }
+export type { SelectProps, SelectTriggerProps }