@bearmenu/ui 0.5.2 → 0.6.1

package/dist/components/input-group.js

@@ -0,0 +1,92 @@
+import { cn } from '../chunk-FEK5XGZW.js';
+import { __objRest, __spreadProps, __spreadValues } from '../chunk-3GWWZKX7.js';
+import * as React from 'react';
+import { Slot } from '@radix-ui/react-slot';
+import { cva } from 'class-variance-authority';
+import { jsx } from 'react/jsx-runtime';
+
+var inputGroupVariants = cva(
+  "flex items-center w-full rounded-xl border border-border bg-background text-base md:text-sm text-foreground transition-colors focus-within:outline-none focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 has-[input:disabled]:cursor-not-allowed has-[input:disabled]:opacity-50 aria-invalid:border-destructive aria-invalid:focus-within:ring-destructive/40",
+  {
+    variants: {
+      size: {
+        sm: "h-9",
+        default: "h-11",
+        lg: "h-12"
+      }
+    },
+    defaultVariants: {
+      size: "default"
+    }
+  }
+);
+var InputGroupContext = React.createContext({});
+var InputGroup = React.forwardRef((_a, ref) => {
+  var _b = _a, { className, size, children } = _b, props = __objRest(_b, ["className", "size", "children"]);
+  return /* @__PURE__ */ jsx(InputGroupContext.Provider, { value: { size }, children: /* @__PURE__ */ jsx(
+    "div",
+    __spreadProps(__spreadValues({
+      ref,
+      "data-slot": "input-group",
+      className: cn(inputGroupVariants({ size }), className)
+    }, props), {
+      children
+    })
+  ) });
+});
+InputGroup.displayName = "InputGroup";
+var InputGroupInput = React.forwardRef(
+  (_a, ref) => {
+    var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+    return /* @__PURE__ */ jsx(
+      "input",
+      __spreadValues({
+        ref,
+        "data-slot": "input-group-input",
+        className: cn(
+          "h-full min-w-0 flex-1 bg-transparent px-3 outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed",
+          className
+        )
+      }, props)
+    );
+  }
+);
+InputGroupInput.displayName = "InputGroupInput";
+var InputGroupAddon = React.forwardRef((_a, ref) => {
+  var _b = _a, { className, align = "start", asChild } = _b, props = __objRest(_b, ["className", "align", "asChild"]);
+  const Comp = asChild ? Slot : "div";
+  return /* @__PURE__ */ jsx(
+    Comp,
+    __spreadValues({
+      ref,
+      "data-slot": "input-group-addon",
+      "data-align": align,
+      className: cn(
+        "inline-flex h-full items-center gap-1 text-sm text-muted-foreground",
+        align === "start" ? "pl-3 pr-1" : "pl-1 pr-3",
+        className
+      )
+    }, props)
+  );
+});
+InputGroupAddon.displayName = "InputGroupAddon";
+var InputGroupButton = React.forwardRef(
+  (_a, ref) => {
+    var _b = _a, { className, type = "button" } = _b, props = __objRest(_b, ["className", "type"]);
+    return /* @__PURE__ */ jsx(
+      "button",
+      __spreadValues({
+        ref,
+        type,
+        "data-slot": "input-group-button",
+        className: cn(
+          "inline-flex h-7 min-w-7 cursor-pointer items-center justify-center gap-1 rounded-md px-2 text-xs font-medium text-muted-foreground transition-colors hover:bg-accent hover:text-accent-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&:has(svg:only-child)]:w-7 [&:has(svg:only-child)]:px-0 [&_svg]:size-4",
+          className
+        )
+      }, props)
+    );
+  }
+);
+InputGroupButton.displayName = "InputGroupButton";
+
+export { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, inputGroupVariants };

package/dist/components/input.d.ts

@@ -1,6 +1,12 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
 import * as React from 'react';
+import { VariantProps } from 'class-variance-authority';
 
-type InputProps = React.InputHTMLAttributes<HTMLInputElement>;
+declare const inputVariants: (props?: ({
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "size">, VariantProps<typeof inputVariants> {
+}
 declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
 
-export { Input, type InputProps };
+export { Input, type InputProps, inputVariants };

package/dist/components/input.js

@@ -1,3 +1,3 @@
-export { Input } from '../chunk-CW24PLDW.js';
+export { Input, inputVariants } from '../chunk-RIDXFY6M.js';
 import '../chunk-FEK5XGZW.js';
 import '../chunk-3GWWZKX7.js';

package/dist/components/item.d.ts

@@ -0,0 +1,23 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React from 'react';
+import { VariantProps } from 'class-variance-authority';
+
+declare const itemVariants: (props?: ({
+    variant?: "default" | "outline" | "muted" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
+    interactive?: boolean | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const Item: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & VariantProps<(props?: ({
+    variant?: "default" | "outline" | "muted" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
+    interactive?: boolean | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string> & {
+    asChild?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const ItemMedia: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const ItemContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const ItemTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const ItemDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const ItemActions: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+
+export { Item, ItemActions, ItemContent, ItemDescription, ItemMedia, ItemTitle, itemVariants };

package/dist/components/item.js

@@ -0,0 +1,120 @@
+import { cn } from '../chunk-FEK5XGZW.js';
+import { __objRest, __spreadValues } from '../chunk-3GWWZKX7.js';
+import * as React from 'react';
+import { Slot } from '@radix-ui/react-slot';
+import { cva } from 'class-variance-authority';
+import { jsx } from 'react/jsx-runtime';
+
+var itemVariants = cva(
+  "flex w-full items-center gap-3 rounded-xl text-sm text-foreground transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
+  {
+    variants: {
+      variant: {
+        default: "bg-transparent",
+        muted: "bg-muted",
+        outline: "border border-border bg-transparent"
+      },
+      size: {
+        sm: "px-3 py-2",
+        default: "px-4 py-3",
+        lg: "px-5 py-4"
+      },
+      interactive: {
+        true: "cursor-pointer hover:bg-accent hover:text-accent-foreground active:scale-[0.99]",
+        false: ""
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default",
+      interactive: false
+    }
+  }
+);
+var Item = React.forwardRef(
+  (_a, ref) => {
+    var _b = _a, { className, variant, size, interactive, asChild } = _b, props = __objRest(_b, ["className", "variant", "size", "interactive", "asChild"]);
+    const Comp = asChild ? Slot : "div";
+    return /* @__PURE__ */ jsx(
+      Comp,
+      __spreadValues({
+        ref,
+        "data-slot": "item",
+        className: cn(itemVariants({ variant, size, interactive }), className)
+      }, props)
+    );
+  }
+);
+Item.displayName = "Item";
+var ItemMedia = React.forwardRef(
+  (_a, ref) => {
+    var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+    return /* @__PURE__ */ jsx(
+      "div",
+      __spreadValues({
+        ref,
+        "data-slot": "item-media",
+        className: cn("inline-flex shrink-0 items-center justify-center text-muted-foreground", className)
+      }, props)
+    );
+  }
+);
+ItemMedia.displayName = "ItemMedia";
+var ItemContent = React.forwardRef(
+  (_a, ref) => {
+    var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+    return /* @__PURE__ */ jsx(
+      "div",
+      __spreadValues({
+        ref,
+        "data-slot": "item-content",
+        className: cn("flex min-w-0 flex-1 flex-col gap-0.5", className)
+      }, props)
+    );
+  }
+);
+ItemContent.displayName = "ItemContent";
+var ItemTitle = React.forwardRef(
+  (_a, ref) => {
+    var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+    return /* @__PURE__ */ jsx(
+      "div",
+      __spreadValues({
+        ref,
+        "data-slot": "item-title",
+        className: cn("truncate text-sm font-medium text-foreground", className)
+      }, props)
+    );
+  }
+);
+ItemTitle.displayName = "ItemTitle";
+var ItemDescription = React.forwardRef(
+  (_a, ref) => {
+    var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+    return /* @__PURE__ */ jsx(
+      "div",
+      __spreadValues({
+        ref,
+        "data-slot": "item-description",
+        className: cn("truncate text-xs text-muted-foreground", className)
+      }, props)
+    );
+  }
+);
+ItemDescription.displayName = "ItemDescription";
+var ItemActions = React.forwardRef(
+  (_a, ref) => {
+    var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+    return /* @__PURE__ */ jsx(
+      "div",
+      __spreadValues({
+        ref,
+        "data-slot": "item-actions",
+        className: cn("ml-auto inline-flex shrink-0 items-center gap-1", className)
+      }, props)
+    );
+  }
+);
+ItemActions.displayName = "ItemActions";
+
+export { Item, ItemActions, ItemContent, ItemDescription, ItemMedia, ItemTitle, itemVariants };

package/dist/components/kbd.d.ts

@@ -0,0 +1,13 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React from 'react';
+import { VariantProps } from 'class-variance-authority';
+
+declare const kbdVariants: (props?: ({
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const Kbd: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & VariantProps<(props?: ({
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string> & React.RefAttributes<HTMLElement>>;
+declare const KbdGroup: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLSpanElement> & React.RefAttributes<HTMLSpanElement>>;
+
+export { Kbd, KbdGroup, kbdVariants };

package/dist/components/kbd.js

@@ -0,0 +1,49 @@
+import { cn } from '../chunk-FEK5XGZW.js';
+import { __objRest, __spreadValues } from '../chunk-3GWWZKX7.js';
+import * as React from 'react';
+import { cva } from 'class-variance-authority';
+import { jsx } from 'react/jsx-runtime';
+
+var kbdVariants = cva(
+  "inline-flex select-none items-center justify-center gap-1 rounded-md border border-border bg-muted font-mono font-medium text-muted-foreground shadow-[0_1px_0_0_var(--border)]",
+  {
+    variants: {
+      size: {
+        sm: "h-5 min-w-5 px-1 text-[10px]",
+        default: "h-6 min-w-6 px-1.5 text-xs",
+        lg: "h-7 min-w-7 px-2 text-sm"
+      }
+    },
+    defaultVariants: {
+      size: "default"
+    }
+  }
+);
+var Kbd = React.forwardRef((_a, ref) => {
+  var _b = _a, { className, size } = _b, props = __objRest(_b, ["className", "size"]);
+  return /* @__PURE__ */ jsx(
+    "kbd",
+    __spreadValues({
+      ref,
+      "data-slot": "kbd",
+      className: cn(kbdVariants({ size }), className)
+    }, props)
+  );
+});
+Kbd.displayName = "Kbd";
+var KbdGroup = React.forwardRef(
+  (_a, ref) => {
+    var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+    return /* @__PURE__ */ jsx(
+      "span",
+      __spreadValues({
+        ref,
+        "data-slot": "kbd-group",
+        className: cn("inline-flex items-center gap-1", className)
+      }, props)
+    );
+  }
+);
+KbdGroup.displayName = "KbdGroup";
+
+export { Kbd, KbdGroup, kbdVariants };

package/dist/components/lazy-markdown.d.ts

@@ -1,11 +1,13 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
 import { Components } from 'react-markdown';
 
 type LazyMarkdownProps = {
     content: string;
     className?: string;
     components?: Components;
+    fallback?: React.ReactNode;
 };
-declare function LazyMarkdown(props: LazyMarkdownProps): react_jsx_runtime.JSX.Element;
+declare function LazyMarkdown({ fallback, ...props }: LazyMarkdownProps): react_jsx_runtime.JSX.Element;
 
 export { LazyMarkdown };

package/dist/components/lazy-markdown.js

@@ -1,13 +1,13 @@
-import { __spreadValues } from '../chunk-3GWWZKX7.js';
-import dynamic from 'next/dynamic';
+import { __objRest, __spreadValues } from '../chunk-3GWWZKX7.js';
+import * as React from 'react';
 import { jsx } from 'react/jsx-runtime';
 
-var MarkdownRendererDynamic = dynamic(
-  () => import('./markdown-renderer.js').then((m) => m.MarkdownRenderer),
-  { ssr: false }
+var MarkdownRendererLazy = React.lazy(
+  () => import('./markdown-renderer.js').then((m) => ({ default: m.MarkdownRenderer }))
 );
-function LazyMarkdown(props) {
-  return /* @__PURE__ */ jsx(MarkdownRendererDynamic, __spreadValues({}, props));
+function LazyMarkdown(_a) {
+  var _b = _a, { fallback = null } = _b, props = __objRest(_b, ["fallback"]);
+  return /* @__PURE__ */ jsx(React.Suspense, { fallback, children: /* @__PURE__ */ jsx(MarkdownRendererLazy, __spreadValues({}, props)) });
 }
 
 export { LazyMarkdown };

package/dist/components/link-button.js

@@ -1,4 +1,4 @@
-import { Button } from '../chunk-2BMJRXQX.js';
+import { Button } from '../chunk-ZFNOCP6W.js';
 import '../chunk-R47NEOSI.js';
 import '../chunk-FEK5XGZW.js';
 import { __objRest, __spreadProps, __spreadValues } from '../chunk-3GWWZKX7.js';

package/dist/components/multi-select-combobox.js

@@ -1,14 +1,15 @@
-import { Popover, PopoverTrigger, PopoverContent } from '../chunk-4UO73SKC.js';
-import { Command, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem } from '../chunk-7H54PTVH.js';
-import '../chunk-4AVS6CV4.js';
-import { Badge } from '../chunk-NKHH23YK.js';
-import { Button } from '../chunk-2BMJRXQX.js';
+import { Checkbox } from '../chunk-D5QHEHXJ.js';
+import { Popover, PopoverTrigger, PopoverContent } from '../chunk-UUJVXN2O.js';
+import { Command, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem } from '../chunk-PSR7N36A.js';
+import '../chunk-WKMLZDUT.js';
+import { Button } from '../chunk-ZFNOCP6W.js';
 import '../chunk-R47NEOSI.js';
+import { Badge } from '../chunk-YJ6OBKZJ.js';
 import { cn } from '../chunk-FEK5XGZW.js';
 import '../chunk-3GWWZKX7.js';
 import * as React from 'react';
-import { X, ChevronsUpDown, Check } from 'lucide-react';
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { ChevronsUpDown, X } from 'lucide-react';
+import { jsxs, jsx } from 'react/jsx-runtime';
 
 function MultiSelectCombobox({
   options,
@@ -25,89 +26,97 @@ function MultiSelectCombobox({
   shouldFilter = true
 }) {
   const [open, setOpen] = React.useState(false);
+  const listboxId = React.useId();
   const handleSelect = (value) => {
     const newSelected = selected.includes(value) ? selected.filter((item) => item !== value) : [...selected, value];
     onSelectionChange(newSelected);
   };
-  const handleRemove = (value, e) => {
-    e.stopPropagation();
-    onSelectionChange(selected.filter((item) => item !== value));
-  };
-  const selectedLabels = selected.map((value) => {
-    var _a;
-    return ((_a = options.find((opt) => opt.value === value)) == null ? void 0 : _a.label) || value;
-  }).slice(0, maxDisplay);
-  const remainingCount = selected.length - maxDisplay;
-  return /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: setOpen, children: [
-    /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
-      Button,
-      {
-        variant: "outline",
-        role: "combobox",
-        "aria-expanded": open,
-        className: cn(
-          "w-full justify-between h-auto min-h-10 py-2",
-          selected.length === 0 && "text-muted-foreground",
-          className
-        ),
-        disabled,
-        children: [
-          /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1 flex-1 text-left", children: selected.length === 0 ? /* @__PURE__ */ jsx("span", { children: placeholder }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-            selectedLabels.map((label, i) => /* @__PURE__ */ jsxs(Badge, { variant: "secondary", className: "text-xs", children: [
-              label,
-              /* @__PURE__ */ jsx(
-                "div",
-                {
-                  role: "button",
-                  tabIndex: 0,
-                  className: "ml-1 rounded-full outline-none ring-offset-background focus:ring-2 focus:ring-ring focus:ring-offset-2 cursor-pointer",
-                  onClick: (e) => handleRemove(selected[i], e),
-                  onKeyDown: (e) => {
-                    if (e.key === "Enter" || e.key === " ") {
-                      e.preventDefault();
-                      handleRemove(selected[i], e);
-                    }
+  const visible = selected.slice(0, maxDisplay);
+  const remaining = selected.length - maxDisplay;
+  return /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col gap-2", className), children: [
+    /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: setOpen, children: [
+      /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+        Button,
+        {
+          variant: "outline",
+          role: "combobox",
+          "aria-expanded": open,
+          "aria-haspopup": "listbox",
+          "aria-controls": open ? listboxId : void 0,
+          className: cn(
+            "w-full justify-between font-normal",
+            selected.length === 0 && "text-muted-foreground"
+          ),
+          disabled,
+          children: [
+            /* @__PURE__ */ jsx("span", { className: "truncate", children: selected.length === 0 ? placeholder : `${selected.length} selected` }),
+            /* @__PURE__ */ jsx(ChevronsUpDown, { className: "size-4 shrink-0 opacity-50" })
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ jsx(
+        PopoverContent,
+        {
+          id: listboxId,
+          className: "w-[var(--radix-popover-trigger-width)] p-0",
+          align: "start",
+          children: /* @__PURE__ */ jsxs(Command, { shouldFilter, children: [
+            /* @__PURE__ */ jsx(CommandInput, { placeholder: searchPlaceholder, onValueChange: onSearchChange }),
+            /* @__PURE__ */ jsxs(CommandList, { children: [
+              /* @__PURE__ */ jsx(CommandEmpty, { children: loading ? "Loading\u2026" : emptyText }),
+              /* @__PURE__ */ jsx(CommandGroup, { children: options.map((option) => {
+                const isSelected = selected.includes(option.value);
+                return /* @__PURE__ */ jsxs(
+                  CommandItem,
+                  {
+                    value: option.value,
+                    onSelect: () => handleSelect(option.value),
+                    className: "gap-2",
+                    children: [
+                      /* @__PURE__ */ jsx(
+                        Checkbox,
+                        {
+                          checked: isSelected,
+                          tabIndex: -1,
+                          "aria-hidden": true,
+                          className: "pointer-events-none"
+                        }
+                      ),
+                      option.label
+                    ]
                   },
-                  children: /* @__PURE__ */ jsx(X, { className: "h-3 w-3" })
-                }
-              )
-            ] }, selected[i])),
-            remainingCount > 0 && /* @__PURE__ */ jsxs(Badge, { variant: "secondary", className: "text-xs", children: [
-              "+",
-              remainingCount,
-              " more"
+                  option.value
+                );
+              }) })
             ] })
-          ] }) }),
-          /* @__PURE__ */ jsx(ChevronsUpDown, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" })
-        ]
-      }
-    ) }),
-    /* @__PURE__ */ jsx(PopoverContent, { className: "w-full p-0", align: "start", children: /* @__PURE__ */ jsxs(Command, { shouldFilter, children: [
-      /* @__PURE__ */ jsx(CommandInput, { placeholder: searchPlaceholder, onValueChange: onSearchChange }),
-      /* @__PURE__ */ jsxs(CommandList, { children: [
-        /* @__PURE__ */ jsx(CommandEmpty, { children: loading ? "Loading..." : emptyText }),
-        /* @__PURE__ */ jsx(CommandGroup, { children: options.map((option) => /* @__PURE__ */ jsxs(
-          CommandItem,
-          {
-            value: option.value,
-            onSelect: () => handleSelect(option.value),
-            children: [
-              /* @__PURE__ */ jsx(
-                Check,
-                {
-                  className: cn(
-                    "mr-2 h-4 w-4",
-                    selected.includes(option.value) ? "opacity-100" : "opacity-0"
-                  )
-                }
-              ),
-              option.label
-            ]
-          },
-          option.value
-        )) })
+          ] })
+        }
+      )
+    ] }),
+    selected.length > 0 && /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-1", children: [
+      visible.map((value) => {
+        var _a;
+        const label = ((_a = options.find((opt) => opt.value === value)) == null ? void 0 : _a.label) || value;
+        return /* @__PURE__ */ jsxs(Badge, { variant: "secondary", className: "gap-1 pr-1", children: [
+          label,
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              "aria-label": `Remove ${label}`,
+              onClick: () => onSelectionChange(selected.filter((item) => item !== value)),
+              className: "rounded-full p-0.5 hover:bg-foreground/10 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring transition-colors",
+              children: /* @__PURE__ */ jsx(X, { className: "size-3" })
+            }
+          )
+        ] }, value);
+      }),
+      remaining > 0 && /* @__PURE__ */ jsxs(Badge, { variant: "secondary", children: [
+        "+",
+        remaining,
+        " more"
       ] })
-    ] }) })
+    ] })
   ] });
 }
 

package/dist/components/multi-select-menu.d.ts

@@ -10,14 +10,10 @@ interface MultiSelectMenuProps {
     options: MultiSelectMenuOption[];
     selected: string[];
     onSelectedChange: (values: string[]) => void;
-    /** Trigger element rendered via Radix `asChild` — typically a Button. */
     trigger: React.ReactNode;
-    /** Optional heading rendered above the option list. */
     label?: string;
     align?: "start" | "center" | "end";
-    /** Pixel width of the popover content. Defaults to 220. */
     width?: number;
-    /** className for the popover content. */
     contentClassName?: string;
     emptyText?: string;
 }