@bearmenu/ui 0.8.34 → 0.8.36

package/dist/chunk-EGU6EG73.js

@@ -0,0 +1,39 @@
+import { cn } from './chunk-FEK5XGZW.js';
+import { __objRest, __spreadValues } from './chunk-MMUBH76A.js';
+import * as React from 'react';
+import { cva } from 'class-variance-authority';
+import { jsx } from 'react/jsx-runtime';
+
+var buttonGroupVariants = cva("inline-flex", {
+  variants: {
+    orientation: {
+      horizontal: "flex-row [&>[data-slot=button]]:rounded-none [&>[data-slot=button]:first-child]:rounded-l-xl [&>[data-slot=button]:last-child]:rounded-r-xl [&>[data-slot=button]:not(:first-child)]:-ml-px",
+      vertical: "flex-col [&>[data-slot=button]]:rounded-none [&>[data-slot=button]:first-child]:rounded-t-xl [&>[data-slot=button]:last-child]:rounded-b-xl [&>[data-slot=button]:not(:first-child)]:-mt-px"
+    },
+    attached: {
+      true: "",
+      false: "gap-1"
+    }
+  },
+  defaultVariants: {
+    orientation: "horizontal",
+    attached: true
+  }
+});
+var ButtonGroup = React.forwardRef(
+  (_a, ref) => {
+    var _b = _a, { className, orientation, attached } = _b, props = __objRest(_b, ["className", "orientation", "attached"]);
+    return /* @__PURE__ */ jsx(
+      "div",
+      __spreadValues({
+        ref,
+        role: "group",
+        "data-slot": "button-group",
+        className: cn(buttonGroupVariants({ orientation, attached }), className)
+      }, props)
+    );
+  }
+);
+ButtonGroup.displayName = "ButtonGroup";
+
+export { ButtonGroup, buttonGroupVariants };

package/dist/{chunk-NIAL4ZU2.js → chunk-FQAIYKAS.js}

@@ -1,7 +1,7 @@
 import { cn } from './chunk-FEK5XGZW.js';
-import { __objRest, __spreadValues } from './chunk-MMUBH76A.js';
+import { __objRest, __spreadProps, __spreadValues } from './chunk-MMUBH76A.js';
 import { cva } from 'class-variance-authority';
-import { jsx } from 'react/jsx-runtime';
+import { jsxs, jsx } from 'react/jsx-runtime';
 
 var badgeVariants = cva(
   "inline-flex items-center rounded-lg border px-2.5 py-0.5 text-xs font-semibold transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
@@ -49,7 +49,23 @@ var badgeVariants = cva(
          * target when it is the row's own control — see `MenuPickRow` for the
          * same rule on the add toggle.
          */
-        assignee: "rounded-full border-0 bg-surface-2 py-1 pl-1 pr-2 gap-1.5 text-[12px] leading-[1.2] font-semibold text-foreground"
+        assignee: "rounded-full border-0 bg-surface-2 py-1 pl-1 pr-2 gap-1.5 text-[12px] leading-[1.2] font-semibold text-foreground",
+        /**
+         * Soft tones — a wash of the status colour with its INK on top, for a
+         * status that sits in a list and should not shout: the booking
+         * design's "Seated" (success), "25 min late" (destructive), "Needs an
+         * answer" (warning) and "Confirmed" (neutral) pills in a table row
+         * (calendar/11-dp, floor/14-w1, queue/02-q0).
+         *
+         * The ink tokens, not the solid ones: `--success` / `--warning` /
+         * `--destructive` are tuned as fills and fall short of AA as text on
+         * their own wash; `--*-ink` exists for exactly that. Usually paired
+         * with an `icon`, so the status does not rest on colour alone.
+         */
+        softSuccess: "rounded-md border-0 bg-success/15 px-2 py-1 text-success-ink",
+        softWarning: "rounded-md border-0 bg-warning/20 px-2 py-1 text-warning-ink",
+        softDestructive: "rounded-md border-0 bg-destructive/12 px-2 py-1 text-destructive-ink",
+        softNeutral: "rounded-md border-0 bg-surface-2 px-2 py-1 text-ink-secondary"
       },
       /**
        * `status` is the taller pill the booking design draws beside a
@@ -75,13 +91,34 @@ var badgeVariants = cva(
   }
 );
 function Badge(_a) {
-  var _b = _a, { className, variant, size, live, as: Tag = "div" } = _b, props = __objRest(_b, ["className", "variant", "size", "live", "as"]);
-  return /* @__PURE__ */ jsx(
+  var _b = _a, {
+    className,
+    variant,
+    size,
+    live,
+    as: Tag = "div",
+    icon,
+    children
+  } = _b, props = __objRest(_b, [
+    "className",
+    "variant",
+    "size",
+    "live",
+    "as",
+    "icon",
+    "children"
+  ]);
+  return /* @__PURE__ */ jsxs(
     Tag,
-    __spreadValues({
+    __spreadProps(__spreadValues({
       "data-slot": "badge",
-      className: cn(badgeVariants({ variant, size, live }), className)
-    }, props)
+      className: cn(badgeVariants({ variant, size, live }), icon ? "gap-1" : void 0, className)
+    }, props), {
+      children: [
+        icon ? /* @__PURE__ */ jsx("span", { "data-slot": "badge-icon", "aria-hidden": true, className: "inline-flex shrink-0 [&>svg]:size-3.5", children: icon }) : null,
+        children
+      ]
+    })
   );
 }
 

package/dist/{chunk-6W25S5CF.js → chunk-KGXTBTCJ.js}

@@ -1,4 +1,4 @@
-import { Badge } from './chunk-NIAL4ZU2.js';
+import { Badge } from './chunk-FQAIYKAS.js';
 import { cn } from './chunk-FEK5XGZW.js';
 import { jsx } from 'react/jsx-runtime';
 

package/dist/chunk-LAEVMNJN.js

@@ -0,0 +1,135 @@
+import { cn } from './chunk-FEK5XGZW.js';
+import { __objRest, __spreadProps, __spreadValues } from './chunk-MMUBH76A.js';
+import * as React from 'react';
+import * as SheetPrimitive from '@radix-ui/react-dialog';
+import { cva } from 'class-variance-authority';
+import { X } from 'lucide-react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var Sheet = SheetPrimitive.Root;
+var SheetTrigger = SheetPrimitive.Trigger;
+var SheetClose = SheetPrimitive.Close;
+var SheetPortal = SheetPrimitive.Portal;
+var SheetOverlay = React.forwardRef((_a, ref) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx(
+    SheetPrimitive.Overlay,
+    __spreadProps(__spreadValues({
+      className: cn(
+        "fixed inset-0 z-[1000] bg-black/50 backdrop-blur-sm data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+        className
+      )
+    }, props), {
+      ref
+    })
+  );
+});
+SheetOverlay.displayName = SheetPrimitive.Overlay.displayName;
+var sheetVariants = cva(
+  "fixed z-[1000] gap-4 bg-background border-border shadow-[var(--shadow-overlay)] data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=open]:duration-[var(--duration-deliberate)] data-[state=closed]:duration-[var(--duration-exit-standard)] data-[state=open]:ease-[var(--ease-enter)] data-[state=closed]:ease-[var(--ease-exit)]",
+  {
+    variants: {
+      side: {
+        top: "inset-x-0 top-0 data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top",
+        bottom: "inset-x-0 bottom-0 data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom",
+        left: "inset-y-0 left-0 h-full w-3/4 data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left",
+        right: "inset-y-0 right-0 h-full w-3/4 data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right"
+      },
+      attachment: {
+        edge: "p-6",
+        // Padding is the caller's business here: a detail surface runs a gallery
+        // and a sticky action bar to the panel edge, and a fixed p-6 would inset
+        // both. `edge` keeps its p-6 so nothing already shipped shifts.
+        inset: "rounded-2xl overflow-hidden"
+      }
+    },
+    compoundVariants: [
+      // `edge` restates exactly what each side carried before `attachment`
+      // existed — the seam border and the two inward-facing corners. Kept as
+      // compounds rather than left on `side` so `inset` is not fighting them
+      // through class-merge order.
+      // `sm:max-w-sm` lives here, not on `side`: an inset panel is sized by its
+      // caller, and a responsive cap left on `side` cannot be overridden from
+      // className — tailwind-merge scopes `sm:max-w-*` and `max-w-*` to
+      // different groups, so `max-w-none` loses to it at every width ≥ sm.
+      { side: "top", attachment: "edge", class: "border-b" },
+      { side: "bottom", attachment: "edge", class: "border-t rounded-t-2xl" },
+      { side: "left", attachment: "edge", class: "border-r rounded-r-2xl sm:max-w-sm" },
+      { side: "right", attachment: "edge", class: "border-l rounded-l-2xl sm:max-w-sm" },
+      // The inset offsets live here rather than on `attachment` because each
+      // side has to give up its own edge: a right-side panel clears top, right
+      // and bottom but is still anchored to the right.
+      { side: "right", attachment: "inset", class: "inset-y-3 right-3 h-auto" },
+      { side: "left", attachment: "inset", class: "inset-y-3 left-3 h-auto" },
+      { side: "top", attachment: "inset", class: "inset-x-3 top-3" },
+      { side: "bottom", attachment: "inset", class: "inset-x-3 bottom-3" }
+    ],
+    defaultVariants: {
+      side: "right",
+      attachment: "edge"
+    }
+  }
+);
+var SheetContent = React.forwardRef(
+  (_a, ref) => {
+    var _b = _a, { side = "right", attachment = "edge", className, children, hideClose, overlayClassName } = _b, props = __objRest(_b, ["side", "attachment", "className", "children", "hideClose", "overlayClassName"]);
+    return /* @__PURE__ */ jsxs(SheetPortal, { children: [
+      /* @__PURE__ */ jsx(SheetOverlay, { className: overlayClassName }),
+      /* @__PURE__ */ jsxs(
+        SheetPrimitive.Content,
+        __spreadProps(__spreadValues({
+          ref,
+          className: cn(sheetVariants({ side, attachment }), className)
+        }, props), {
+          children: [
+            children,
+            !hideClose && /* @__PURE__ */ jsxs(SheetPrimitive.Close, { className: "absolute right-4 top-4 rounded-lg opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-secondary glass-hover p-2", children: [
+              /* @__PURE__ */ jsx(X, { className: "h-4 w-4" }),
+              /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
+            ] })
+          ]
+        })
+      )
+    ] });
+  }
+);
+SheetContent.displayName = SheetPrimitive.Content.displayName;
+var SheetHeader = (_a) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx("div", __spreadValues({ className: cn("flex flex-col space-y-2 text-center sm:text-left", className) }, props));
+};
+SheetHeader.displayName = "SheetHeader";
+var SheetFooter = (_a) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx(
+    "div",
+    __spreadValues({
+      className: cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className)
+    }, props)
+  );
+};
+SheetFooter.displayName = "SheetFooter";
+var SheetTitle = React.forwardRef((_a, ref) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx(
+    SheetPrimitive.Title,
+    __spreadValues({
+      ref,
+      className: cn("text-lg font-semibold text-foreground", className)
+    }, props)
+  );
+});
+SheetTitle.displayName = SheetPrimitive.Title.displayName;
+var SheetDescription = React.forwardRef((_a, ref) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx(
+    SheetPrimitive.Description,
+    __spreadValues({
+      ref,
+      className: cn("text-sm text-muted-foreground", className)
+    }, props)
+  );
+});
+SheetDescription.displayName = SheetPrimitive.Description.displayName;
+
+export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger };

package/dist/{chunk-XNBDACL7.js → chunk-ZUBBMLBD.js}

@@ -1,4 +1,4 @@
-import { SignatureChip } from './chunk-6W25S5CF.js';
+import { SignatureChip } from './chunk-KGXTBTCJ.js';
 import { cn } from './chunk-FEK5XGZW.js';
 import { __objRest, __spreadValues } from './chunk-MMUBH76A.js';
 import { memo } from 'react';

package/dist/components/badge.d.ts

@@ -4,7 +4,7 @@ import * as React from 'react';
 import { VariantProps } from 'class-variance-authority';
 
 declare const badgeVariants: (props?: ({
-    variant?: "default" | "secondary" | "success" | "warning" | "destructive" | "outline" | "glass" | "overlay" | "brown" | "code" | "onPrimary" | "confirmed" | "pending" | "completed" | "assignee" | null | undefined;
+    variant?: "default" | "secondary" | "success" | "warning" | "destructive" | "outline" | "glass" | "overlay" | "brown" | "code" | "onPrimary" | "confirmed" | "pending" | "completed" | "assignee" | "softSuccess" | "softWarning" | "softDestructive" | "softNeutral" | null | undefined;
     size?: "status" | "chip" | null | undefined;
     live?: boolean | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
@@ -18,7 +18,13 @@ interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<
      * clickable row.
      */
     as?: "div" | "span";
+    /**
+     * A lucide glyph drawn at 14px before the label — the armchair on
+     * "Seated", the clock on "25 min late". Decorative: the label carries the
+     * meaning, so the slot is `aria-hidden`.
+     */
+    icon?: React.ReactNode;
 }
-declare function Badge({ className, variant, size, live, as: Tag, ...props }: BadgeProps): react_jsx_runtime.JSX.Element;
+declare function Badge({ className, variant, size, live, as: Tag, icon, children, ...props }: BadgeProps): react_jsx_runtime.JSX.Element;
 
 export { Badge, type BadgeProps, badgeVariants };

package/dist/components/badge.js

@@ -1,3 +1,3 @@
-export { Badge, badgeVariants } from '../chunk-NIAL4ZU2.js';
+export { Badge, badgeVariants } from '../chunk-FQAIYKAS.js';
 import '../chunk-FEK5XGZW.js';
 import '../chunk-MMUBH76A.js';

package/dist/components/banner.d.ts

@@ -21,9 +21,17 @@ import { VariantProps } from 'class-variance-authority';
  * - `warning`: a 16% amber wash with the design's amber ink — darker than
  *   the solid `--warning`, which falls short of AA on its own wash at this
  *   size; dark mode uses the lifted token.
+ * - `destructive`: something did not load or did not happen — "The queue
+ *   didn't load", "Walk-ins didn't load" (today/04-d3, floor/02-s2,
+ *   reports/03-p9). A red wash with `--destructive-ink`, and the one tone
+ *   with a hairline: the booking frames draw it, because a failure has to
+ *   read as a boundary on a page already full of soft grounds.
+ *
+ * `action` takes the trailing control — the frames' "Retry". It sits on the
+ * right edge, centred on the text, and never wraps under it.
  */
 declare const bannerVariants: (props?: ({
-    tone?: "warning" | "info" | null | undefined;
+    tone?: "warning" | "destructive" | "info" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 type BannerProps = Omit<React.HTMLAttributes<HTMLDivElement>, "title"> & VariantProps<typeof bannerVariants> & {
     /**
@@ -33,7 +41,14 @@ type BannerProps = Omit<React.HTMLAttributes<HTMLDivElement>, "title"> & Variant
     icon?: React.ReactNode;
     /** The bold first line — "19:30 just went". */
     title?: React.ReactNode;
+    /**
+     * A trailing control — "Retry". Pass a real button (a `Button
+     * variant="link"` reads as the frames draw it); the banner only places it.
+     * A banner that announces a failure the user did not just cause is
+     * usually worth `role="status"` from the caller.
+     */
+    action?: React.ReactNode;
 };
-declare function Banner({ tone, icon, title, className, children, ...props }: BannerProps): react_jsx_runtime.JSX.Element;
+declare function Banner({ tone, icon, title, action, className, children, ...props }: BannerProps): react_jsx_runtime.JSX.Element;
 
 export { Banner, type BannerProps, bannerVariants };

package/dist/components/banner.js

@@ -1,7 +1,7 @@
 import { cn } from '../chunk-FEK5XGZW.js';
 import { __objRest, __spreadProps, __spreadValues } from '../chunk-MMUBH76A.js';
 import { cva } from 'class-variance-authority';
-import { TriangleAlert, Info } from 'lucide-react';
+import { CircleAlert, TriangleAlert, Info } from 'lucide-react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 var bannerVariants = cva(
@@ -10,7 +10,8 @@ var bannerVariants = cva(
     variants: {
       tone: {
         info: "bg-surface-2 text-ink-secondary",
-        warning: "bg-[oklch(0.62_0.15_70/0.16)] text-[oklch(0.42_0.1_70)] dark:bg-warning/15 dark:text-warning"
+        warning: "bg-[oklch(0.62_0.15_70/0.16)] text-[oklch(0.42_0.1_70)] dark:bg-warning/15 dark:text-warning",
+        destructive: "border border-destructive/25 bg-destructive/10 text-destructive-ink"
       }
     },
     defaultVariants: { tone: "info" }
@@ -18,16 +19,18 @@ var bannerVariants = cva(
 );
 var TONE_ICON = {
   info: /* @__PURE__ */ jsx(Info, { "aria-hidden": true }),
-  warning: /* @__PURE__ */ jsx(TriangleAlert, { "aria-hidden": true })
+  warning: /* @__PURE__ */ jsx(TriangleAlert, { "aria-hidden": true }),
+  destructive: /* @__PURE__ */ jsx(CircleAlert, { "aria-hidden": true })
 };
 function Banner(_a) {
-  var _b = _a, { tone, icon, title, className, children } = _b, props = __objRest(_b, ["tone", "icon", "title", "className", "children"]);
+  var _b = _a, { tone, icon, title, action, className, children } = _b, props = __objRest(_b, ["tone", "icon", "title", "action", "className", "children"]);
   return /* @__PURE__ */ jsxs("div", __spreadProps(__spreadValues({ "data-slot": "banner", className: cn(bannerVariants({ tone }), className) }, props), { children: [
     icon === void 0 ? TONE_ICON[tone != null ? tone : "info"] : icon,
-    /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+    /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
       title ? /* @__PURE__ */ jsx("b", { className: "mb-[3px] block text-[13px] font-bold", children: title }) : null,
-      /* @__PURE__ */ jsx("div", { className: cn(tone === "warning" && title ? "opacity-90" : void 0), children })
-    ] })
+      /* @__PURE__ */ jsx("div", { className: cn((tone === "warning" || tone === "destructive") && title ? "opacity-90" : void 0), children })
+    ] }),
+    action ? /* @__PURE__ */ jsx("div", { "data-slot": "banner-action", className: "shrink-0 self-center", children: action }) : null
   ] }));
 }
 

package/dist/components/booking-row.d.ts

@@ -43,12 +43,22 @@ type BookingRowProps = {
     href: string;
     /** The venue photo, rendered by the app; a quiet placeholder when absent. */
     thumbnail?: React.ReactNode;
+    /**
+     * One more chip about this booking, beside the status — "on this phone" for
+     * a booking the signed-in guest has not put in their account yet.
+     *
+     * A node rather than a string because the app owns what it says and how it
+     * is marked; the row only owns where it sits. It rides with the status on
+     * both layouts, so the two read as one cluster of facts about the booking
+     * rather than a second row of chrome.
+     */
+    note?: React.ReactNode;
     /** The next booking up — tinted on desktop. */
     highlighted?: boolean;
     linkComponent?: React.ComponentType<BookingRowLinkProps>;
     className?: string;
 };
-declare function BookingRow({ venueName, venueType, when, party, status, statusLabel, code, href, thumbnail, highlighted, linkComponent: LinkComponent, className, }: BookingRowProps): react_jsx_runtime.JSX.Element;
+declare function BookingRow({ venueName, venueType, when, party, status, statusLabel, code, href, thumbnail, note, highlighted, linkComponent: LinkComponent, className, }: BookingRowProps): react_jsx_runtime.JSX.Element;
 type BookingRowListProps = {
     children: React.ReactNode;
     /** "Upcoming bookings" — names the list for assistive tech. */

package/dist/components/booking-row.js

@@ -1,4 +1,4 @@
-import { Badge } from '../chunk-NIAL4ZU2.js';
+import { Badge } from '../chunk-FQAIYKAS.js';
 import { cn } from '../chunk-FEK5XGZW.js';
 import { __objRest, __spreadValues } from '../chunk-MMUBH76A.js';
 import * as React from 'react';
@@ -34,6 +34,7 @@ function BookingRow({
   code,
   href,
   thumbnail,
+  note,
   highlighted,
   linkComponent: LinkComponent = DefaultLink,
   className
@@ -65,6 +66,7 @@ function BookingRow({
           /* @__PURE__ */ jsxs("div", { className: "mt-2 flex flex-wrap items-center gap-[7px]", children: [
             /* @__PURE__ */ jsx("span", { className: "text-[12.5px] font-medium", children: when }),
             /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: party }),
+            note,
             statusPill
           ] })
         ] }),
@@ -80,6 +82,7 @@ function BookingRow({
           ] })
         ] }),
         /* @__PURE__ */ jsxs("span", { className: "hidden md:contents", children: [
+          note,
           statusPill,
           codeChip,
           /* @__PURE__ */ jsx(ChevronRight, { "aria-hidden": true, className: "size-[15px] shrink-0 text-muted-foreground" })

package/dist/components/button-group.js

@@ -1,39 +1,3 @@
-import { cn } from '../chunk-FEK5XGZW.js';
-import { __objRest, __spreadValues } from '../chunk-MMUBH76A.js';
-import * as React from 'react';
-import { cva } from 'class-variance-authority';
-import { jsx } from 'react/jsx-runtime';
-
-var buttonGroupVariants = cva("inline-flex", {
-  variants: {
-    orientation: {
-      horizontal: "flex-row [&>[data-slot=button]]:rounded-none [&>[data-slot=button]:first-child]:rounded-l-xl [&>[data-slot=button]:last-child]:rounded-r-xl [&>[data-slot=button]:not(:first-child)]:-ml-px",
-      vertical: "flex-col [&>[data-slot=button]]:rounded-none [&>[data-slot=button]:first-child]:rounded-t-xl [&>[data-slot=button]:last-child]:rounded-b-xl [&>[data-slot=button]:not(:first-child)]:-mt-px"
-    },
-    attached: {
-      true: "",
-      false: "gap-1"
-    }
-  },
-  defaultVariants: {
-    orientation: "horizontal",
-    attached: true
-  }
-});
-var ButtonGroup = React.forwardRef(
-  (_a, ref) => {
-    var _b = _a, { className, orientation, attached } = _b, props = __objRest(_b, ["className", "orientation", "attached"]);
-    return /* @__PURE__ */ jsx(
-      "div",
-      __spreadValues({
-        ref,
-        role: "group",
-        "data-slot": "button-group",
-        className: cn(buttonGroupVariants({ orientation, attached }), className)
-      }, props)
-    );
-  }
-);
-ButtonGroup.displayName = "ButtonGroup";
-
-export { ButtonGroup, buttonGroupVariants };
+export { ButtonGroup, buttonGroupVariants } from '../chunk-EGU6EG73.js';
+import '../chunk-FEK5XGZW.js';
+import '../chunk-MMUBH76A.js';

package/dist/components/concept-convergence.js

@@ -1,7 +1,7 @@
 import { PhotoGround } from '../chunk-SWD6CJ35.js';
 import { Convergence } from '../chunk-4XDJXMLF.js';
 import '../chunk-OIV7B44M.js';
-import { Badge } from '../chunk-NIAL4ZU2.js';
+import { Badge } from '../chunk-FQAIYKAS.js';
 import { cn } from '../chunk-FEK5XGZW.js';
 import '../chunk-MMUBH76A.js';
 import { jsxs, jsx } from 'react/jsx-runtime';

package/dist/components/filter-category-row.js

@@ -1,5 +1,5 @@
 import { Text } from '../chunk-ZLMRVBD7.js';
-import { Badge } from '../chunk-NIAL4ZU2.js';
+import { Badge } from '../chunk-FQAIYKAS.js';
 import '../chunk-FEK5XGZW.js';
 import '../chunk-MMUBH76A.js';
 import { ChevronRight } from 'lucide-react';

package/dist/components/menu-item.js

@@ -1,5 +1,5 @@
-export { MentionSignal, MenuItem } from '../chunk-XNBDACL7.js';
-import '../chunk-6W25S5CF.js';
-import '../chunk-NIAL4ZU2.js';
+export { MentionSignal, MenuItem } from '../chunk-ZUBBMLBD.js';
+import '../chunk-KGXTBTCJ.js';
+import '../chunk-FQAIYKAS.js';
 import '../chunk-FEK5XGZW.js';
 import '../chunk-MMUBH76A.js';

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

@@ -5,9 +5,9 @@ import '../chunk-TVEIUTBQ.js';
 import { Button } from '../chunk-5SGKGFMN.js';
 import '../chunk-RIH2IS7X.js';
 import '../chunk-5YNIQ2BL.js';
-import { Badge } from '../chunk-NIAL4ZU2.js';
+import { Badge } from '../chunk-FQAIYKAS.js';
 import { cn } from '../chunk-FEK5XGZW.js';
-import '../chunk-MMUBH76A.js';
+import { __spreadValues } from '../chunk-MMUBH76A.js';
 import * as React from 'react';
 import { ChevronsUpDown, X } from 'lucide-react';
 import { jsxs, jsx } from 'react/jsx-runtime';
@@ -62,7 +62,12 @@ function MultiSelectCombobox({
           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__ */ jsx(
+              CommandInput,
+              __spreadValues({
+                placeholder: searchPlaceholder
+              }, onSearchChange ? { onValueChange: onSearchChange } : {})
+            ),
             /* @__PURE__ */ jsxs(CommandList, { children: [
               /* @__PURE__ */ jsx(CommandEmpty, { children: loading ? "Loading\u2026" : emptyText }),
               /* @__PURE__ */ jsx(CommandGroup, { children: options.map((option) => {