@bearmenu/ui 0.8.33 → 0.8.35

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-ZU4NAYN7.js';
+import { Badge } from '../chunk-NIAL4ZU2.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.d.ts

@@ -3,8 +3,8 @@ import * as React from 'react';
 import { VariantProps } from 'class-variance-authority';
 
 declare const buttonVariants: (props?: ({
-    variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | "glass" | "overlay" | "ink" | "brown" | "warning" | "cta" | null | undefined;
-    size?: "default" | "cta" | "xs" | "sm" | "lg" | "pill" | "cta-sm" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
+    variant?: "secondary" | "default" | "link" | "warning" | "destructive" | "outline" | "ghost" | "glass" | "overlay" | "ink" | "brown" | "cta" | null | undefined;
+    size?: "default" | "icon" | "cta" | "xs" | "sm" | "lg" | "pill" | "cta-sm" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
     fullWidth?: boolean | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {

package/dist/components/combobox.js

@@ -1,6 +1,6 @@
 import { Popover, PopoverTrigger, PopoverContent } from '../chunk-2ADCZXZJ.js';
-import { Command, CommandInput, CommandList, CommandLoading, CommandEmpty, CommandGroup, CommandItem } from '../chunk-ZJMCU7MI.js';
-import '../chunk-JWTN7MNK.js';
+import { Command, CommandInput, CommandList, CommandLoading, CommandEmpty, CommandGroup, CommandItem } from '../chunk-VCRXL7H5.js';
+import '../chunk-TVEIUTBQ.js';
 import { Button } from '../chunk-5SGKGFMN.js';
 import '../chunk-RIH2IS7X.js';
 import '../chunk-5YNIQ2BL.js';

package/dist/components/command.d.ts

@@ -4,11 +4,11 @@ import { DialogProps } from '@radix-ui/react-dialog';
 
 declare const Command: React.ForwardRefExoticComponent<Omit<{
     children?: React.ReactNode;
-} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement> | "key"> & {
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & {
+}, keyof React.HTMLAttributes<HTMLDivElement> | "asChild" | "key"> & {
     label?: string;
     shouldFilter?: boolean;
     filter?: (value: string, search: string, keywords?: string[]) => number;
@@ -28,61 +28,61 @@ declare const CommandInput: React.ForwardRefExoticComponent<Omit<Omit<Pick<Pick<
     ref?: React.Ref<HTMLInputElement>;
 } & {
     asChild?: boolean;
-}, "key" | "asChild" | keyof React.InputHTMLAttributes<HTMLInputElement>>, "onChange" | "type" | "value"> & {
+}, "asChild" | "key" | keyof React.InputHTMLAttributes<HTMLInputElement>>, "onChange" | "value" | "type"> & {
     value?: string;
     onValueChange?: (search: string) => void;
 } & React.RefAttributes<HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
 declare const CommandList: React.ForwardRefExoticComponent<Omit<{
     children?: React.ReactNode;
-} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement> | "key"> & {
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & {
+}, keyof React.HTMLAttributes<HTMLDivElement> | "asChild" | "key"> & {
     label?: string;
 } & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const CommandEmpty: React.ForwardRefExoticComponent<Omit<{
     children?: React.ReactNode;
-} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement> | "key"> & {
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+}, keyof React.HTMLAttributes<HTMLDivElement> | "asChild" | "key"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const CommandLoading: React.ForwardRefExoticComponent<Omit<{
     children?: React.ReactNode;
-} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement> | "key"> & {
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & {
+}, keyof React.HTMLAttributes<HTMLDivElement> | "asChild" | "key"> & {
     progress?: number;
     label?: string;
 } & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const CommandGroup: React.ForwardRefExoticComponent<Omit<{
     children?: React.ReactNode;
-} & Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+} & Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement> | "key"> & {
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild">, "heading" | "value"> & {
+}, keyof React.HTMLAttributes<HTMLDivElement> | "asChild" | "key">, "heading" | "value"> & {
     heading?: React.ReactNode;
     value?: string;
     forceMount?: boolean;
 } & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const CommandSeparator: React.ForwardRefExoticComponent<Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+declare const CommandSeparator: React.ForwardRefExoticComponent<Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement> | "key"> & {
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & {
+}, keyof React.HTMLAttributes<HTMLDivElement> | "asChild" | "key"> & {
     alwaysRender?: boolean;
 } & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const CommandItem: React.ForwardRefExoticComponent<Omit<{
     children?: React.ReactNode;
-} & Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+} & Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement> | "key"> & {
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild">, "onSelect" | "disabled" | "value"> & {
+}, keyof React.HTMLAttributes<HTMLDivElement> | "asChild" | "key">, "onSelect" | "value" | "disabled"> & {
     disabled?: boolean;
     onSelect?: (value: string) => void;
     value?: string;

package/dist/components/command.js

@@ -1,4 +1,4 @@
-export { Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandLoading, CommandSeparator, CommandShortcut } from '../chunk-ZJMCU7MI.js';
-import '../chunk-JWTN7MNK.js';
+export { Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandLoading, CommandSeparator, CommandShortcut } from '../chunk-VCRXL7H5.js';
+import '../chunk-TVEIUTBQ.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 { PhotoGround } from '../chunk-SWD6CJ35.js';
-import { Badge } from '../chunk-ZU4NAYN7.js';
+import { Badge } from '../chunk-NIAL4ZU2.js';
 import { cn } from '../chunk-FEK5XGZW.js';
 import '../chunk-MMUBH76A.js';
 import { jsxs, jsx } from 'react/jsx-runtime';

package/dist/components/currency-input.js

@@ -1,142 +1,4 @@
-import { Input } from '../chunk-GTQSGDYF.js';
-import { cn } from '../chunk-FEK5XGZW.js';
-import { __objRest, __spreadValues } from '../chunk-MMUBH76A.js';
-import * as React from 'react';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-var ALLOWED_NAVIGATION_KEYS = /* @__PURE__ */ new Set([
-  "Backspace",
-  "Tab",
-  "Escape",
-  "Enter",
-  "Delete",
-  "Home",
-  "End",
-  "ArrowLeft",
-  "ArrowRight",
-  "ArrowUp",
-  "ArrowDown"
-]);
-var ALLOWED_SHORTCUT_KEYS = /* @__PURE__ */ new Set(["a", "c", "v", "x", "z"]);
-var CurrencyInput = React.forwardRef(
-  (_a, ref) => {
-    var _b = _a, {
-      value,
-      onChange,
-      placeholder = "Enter amount",
-      currency = "$",
-      locale = "en-US",
-      min,
-      max,
-      disabled = false,
-      className,
-      error,
-      id: providedId
-    } = _b, props = __objRest(_b, [
-      "value",
-      "onChange",
-      "placeholder",
-      "currency",
-      "locale",
-      "min",
-      "max",
-      "disabled",
-      "className",
-      "error",
-      "id"
-    ]);
-    const reactId = React.useId();
-    const id = providedId != null ? providedId : reactId;
-    const errorId = `${id}-error`;
-    const [displayValue, setDisplayValue] = React.useState("");
-    const [isFocused, setIsFocused] = React.useState(false);
-    const formatNumber = React.useCallback(
-      (num) => {
-        if (num === null || isNaN(num)) return "";
-        return new Intl.NumberFormat(locale, {
-          minimumFractionDigits: 0,
-          maximumFractionDigits: 2
-        }).format(num);
-      },
-      [locale]
-    );
-    const parseInput = (input) => {
-      const cleaned = input.replace(/[^\d.-]/g, "");
-      const parsed = parseFloat(cleaned);
-      return isNaN(parsed) ? null : parsed;
-    };
-    React.useEffect(() => {
-      if (!isFocused) {
-        setDisplayValue(formatNumber(value));
-      }
-    }, [value, isFocused, formatNumber]);
-    const handleInputChange = (e) => {
-      const inputValue = e.target.value;
-      setDisplayValue(inputValue);
-      const parsedValue = parseInput(inputValue);
-      if (parsedValue !== null) {
-        if (min !== void 0 && parsedValue < min) return;
-        if (max !== void 0 && parsedValue > max) return;
-      }
-      onChange(parsedValue);
-    };
-    const handleFocus = () => {
-      setIsFocused(true);
-      if (value !== null && value !== void 0 && !isNaN(value)) {
-        setDisplayValue(value.toString());
-      }
-    };
-    const handleBlur = () => {
-      setIsFocused(false);
-      if (value !== null && value !== void 0 && !isNaN(value)) {
-        setDisplayValue(formatNumber(value));
-      } else {
-        setDisplayValue("");
-      }
-    };
-    const handleKeyDown = (e) => {
-      if (ALLOWED_NAVIGATION_KEYS.has(e.key)) return;
-      if ((e.ctrlKey || e.metaKey) && ALLOWED_SHORTCUT_KEYS.has(e.key.toLowerCase())) return;
-      if (/^[0-9]$/.test(e.key)) return;
-      if (e.key === "." || e.key === "-") return;
-      e.preventDefault();
-    };
-    const symbolLength = currency.length;
-    const inputPaddingClass = symbolLength <= 1 ? "pl-8" : symbolLength === 2 ? "pl-10" : symbolLength === 3 ? "pl-12" : "pl-14";
-    return /* @__PURE__ */ jsxs("div", { className: "w-full", children: [
-      /* @__PURE__ */ jsxs("div", { className: "relative", children: [
-        /* @__PURE__ */ jsx(
-          "span",
-          {
-            "aria-hidden": true,
-            className: "pointer-events-none absolute left-3 top-1/2 -translate-y-1/2 text-sm font-semibold text-muted-foreground",
-            children: currency
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          Input,
-          __spreadValues({
-            ref,
-            id,
-            type: "text",
-            inputMode: "decimal",
-            value: displayValue,
-            onChange: handleInputChange,
-            onFocus: handleFocus,
-            onBlur: handleBlur,
-            onKeyDown: handleKeyDown,
-            placeholder,
-            disabled,
-            "aria-invalid": error ? true : void 0,
-            "aria-describedby": error ? errorId : void 0,
-            className: cn(inputPaddingClass, className)
-          }, props)
-        )
-      ] }),
-      error && /* @__PURE__ */ jsx("p", { id: errorId, className: "ml-1 mt-1 text-sm text-destructive", children: error })
-    ] });
-  }
-);
-CurrencyInput.displayName = "CurrencyInput";
-
-export { CurrencyInput };
+export { CurrencyInput } from '../chunk-LY67SOFC.js';
+import '../chunk-GTQSGDYF.js';
+import '../chunk-FEK5XGZW.js';
+import '../chunk-MMUBH76A.js';

package/dist/components/dialog.d.ts

@@ -18,6 +18,12 @@ declare const DialogContent: React.ForwardRefExoticComponent<Omit<DialogPrimitiv
     scrollBehavior?: "inside" | "outside" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string> & {
     showCloseButton?: boolean;
+    /**
+     * Classes for the scrim behind the dialog. The default `bg-black/50` is
+     * kept for every existing caller; pass `bg-scrim-overlay` for the themed
+     * dim (see `--scrim-overlay` in globals.css, and why it is not `--scrim`).
+     */
+    overlayClassName?: string;
 } & React.RefAttributes<HTMLDivElement>>;
 declare const DialogHeader: {
     ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;

package/dist/components/dialog.js

@@ -1,3 +1,3 @@
-export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, dialogContentVariants } from '../chunk-JWTN7MNK.js';
+export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, dialogContentVariants } from '../chunk-TVEIUTBQ.js';
 import '../chunk-FEK5XGZW.js';
 import '../chunk-MMUBH76A.js';

package/dist/components/drawer.d.ts

@@ -15,6 +15,12 @@ declare const DrawerOverlay: React.ForwardRefExoticComponent<Omit<Omit<DialogPri
 declare const DrawerContent: React.ForwardRefExoticComponent<Omit<Omit<DialogPrimitive.DialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & {
     variant?: "flush" | "floating";
     showHandle?: boolean;
+    /**
+     * Classes for the scrim behind the sheet. The default `bg-black/60` is kept
+     * for every existing caller; pass `bg-scrim-overlay` for the themed dim (see
+     * `--scrim-overlay` in globals.css, and why it is not `--scrim`).
+     */
+    overlayClassName?: string;
 } & React.RefAttributes<HTMLDivElement>>;
 declare const DrawerHeader: {
     ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;

package/dist/components/drawer.js

@@ -1,127 +1,3 @@
-import { cn } from '../chunk-FEK5XGZW.js';
-import { __objRest, __spreadValues, __spreadProps } from '../chunk-MMUBH76A.js';
-import * as React from 'react';
-import { Drawer as Drawer$1 } from 'vaul';
-import { jsx, jsxs } from 'react/jsx-runtime';
-
-var DrawerDirectionContext = React.createContext("bottom");
-var Drawer = (_a) => {
-  var _b = _a, {
-    shouldScaleBackground = false,
-    direction = "bottom"
-  } = _b, props = __objRest(_b, [
-    "shouldScaleBackground",
-    "direction"
-  ]);
-  return /* @__PURE__ */ jsx(DrawerDirectionContext.Provider, { value: direction, children: /* @__PURE__ */ jsx(
-    Drawer$1.Root,
-    __spreadValues({
-      shouldScaleBackground,
-      direction
-    }, props)
-  ) });
-};
-Drawer.displayName = "Drawer";
-var DrawerTrigger = Drawer$1.Trigger;
-var DrawerPortal = Drawer$1.Portal;
-var DrawerClose = Drawer$1.Close;
-var DrawerOverlay = React.forwardRef((_a, ref) => {
-  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx(
-    Drawer$1.Overlay,
-    __spreadValues({
-      ref,
-      "data-slot": "drawer-overlay",
-      className: cn("fixed inset-0 z-[1000] bg-black/60", className)
-    }, props)
-  );
-});
-DrawerOverlay.displayName = Drawer$1.Overlay.displayName;
-var DrawerContent = React.forwardRef((_a, ref) => {
-  var _b = _a, { className, variant = "flush", showHandle, children } = _b, props = __objRest(_b, ["className", "variant", "showHandle", "children"]);
-  const direction = React.useContext(DrawerDirectionContext);
-  const isVertical = direction === "top" || direction === "bottom";
-  const handleEnabled = showHandle != null ? showHandle : direction === "bottom";
-  const positionClasses = direction === "bottom" ? "inset-x-0 bottom-0 flex-col rounded-t-2xl border-t [padding-bottom:max(env(safe-area-inset-bottom),0px)]" : direction === "top" ? "inset-x-0 top-0 flex-col rounded-b-2xl border-b [padding-top:max(env(safe-area-inset-top),0px)]" : direction === "left" ? "inset-y-0 left-0 h-full w-3/4 max-w-sm flex-col rounded-r-2xl border-r [padding-left:max(env(safe-area-inset-left),0px)]" : "inset-y-0 right-0 h-full w-3/4 max-w-sm flex-col rounded-l-2xl border-l [padding-right:max(env(safe-area-inset-right),0px)]";
-  return /* @__PURE__ */ jsxs(DrawerPortal, { children: [
-    /* @__PURE__ */ jsx(DrawerOverlay, {}),
-    /* @__PURE__ */ jsxs(
-      Drawer$1.Content,
-      __spreadProps(__spreadValues({
-        ref,
-        "data-slot": "drawer-content",
-        className: cn(
-          "fixed z-[1000] flex border-border bg-card shadow-[var(--shadow-overlay)]",
-          positionClasses,
-          // The single height cap for every vertical drawer. Consumers should
-          // NOT restate it: six app call sites carried an identical
-          // `!max-h-[90vh]`, so this default governed nothing and changing it
-          // here would have reached none of them.
-          isVertical ? "max-h-[85vh]" : "",
-          variant === "floating" && "m-3 rounded-2xl border",
-          className
-        )
-      }, props), {
-        children: [
-          handleEnabled && /* @__PURE__ */ jsx(
-            "div",
-            {
-              "aria-hidden": true,
-              className: "mx-auto mt-2 h-1.5 w-[60px] shrink-0 rounded-full bg-muted-foreground/30"
-            }
-          ),
-          children
-        ]
-      })
-    )
-  ] });
-});
-DrawerContent.displayName = "DrawerContent";
-var DrawerHeader = (_a) => {
-  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx(
-    "div",
-    __spreadValues({
-      "data-slot": "drawer-header",
-      className: cn("grid gap-1.5 p-4 text-center sm:text-left", className)
-    }, props)
-  );
-};
-DrawerHeader.displayName = "DrawerHeader";
-var DrawerFooter = (_a) => {
-  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx(
-    "div",
-    __spreadValues({
-      "data-slot": "drawer-footer",
-      className: cn("mt-auto flex flex-col gap-2 p-4", className)
-    }, props)
-  );
-};
-DrawerFooter.displayName = "DrawerFooter";
-var DrawerTitle = React.forwardRef((_a, ref) => {
-  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx(
-    Drawer$1.Title,
-    __spreadValues({
-      ref,
-      "data-slot": "drawer-title",
-      className: cn("text-lg font-semibold leading-none tracking-tight", className)
-    }, props)
-  );
-});
-DrawerTitle.displayName = Drawer$1.Title.displayName;
-var DrawerDescription = React.forwardRef((_a, ref) => {
-  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx(
-    Drawer$1.Description,
-    __spreadValues({
-      ref,
-      "data-slot": "drawer-description",
-      className: cn("text-sm text-muted-foreground", className)
-    }, props)
-  );
-});
-DrawerDescription.displayName = Drawer$1.Description.displayName;
-
-export { Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger };
+export { Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger } from '../chunk-XLHMF6F5.js';
+import '../chunk-FEK5XGZW.js';
+import '../chunk-MMUBH76A.js';

package/dist/components/empty-state.d.ts

@@ -16,7 +16,7 @@ interface EmptyStateProps {
     className?: string;
 }
 declare const EmptyState: React.ForwardRefExoticComponent<EmptyStateProps & React.RefAttributes<HTMLDivElement>>;
-declare const SearchEmptyState: React.ForwardRefExoticComponent<Omit<EmptyStateProps, "variant" | "icon"> & React.RefAttributes<HTMLDivElement>>;
-declare const ErrorEmptyState: React.ForwardRefExoticComponent<Omit<EmptyStateProps, "variant" | "icon"> & React.RefAttributes<HTMLDivElement>>;
+declare const SearchEmptyState: React.ForwardRefExoticComponent<Omit<EmptyStateProps, "icon" | "variant"> & React.RefAttributes<HTMLDivElement>>;
+declare const ErrorEmptyState: React.ForwardRefExoticComponent<Omit<EmptyStateProps, "icon" | "variant"> & React.RefAttributes<HTMLDivElement>>;
 
 export { EmptyState, ErrorEmptyState, SearchEmptyState };

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

@@ -1,5 +1,5 @@
 import { Text } from '../chunk-ZLMRVBD7.js';
-import { Badge } from '../chunk-ZU4NAYN7.js';
+import { Badge } from '../chunk-NIAL4ZU2.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-VSRGEB36.js';
-import '../chunk-GESB7GCF.js';
-import '../chunk-ZU4NAYN7.js';
+export { MentionSignal, MenuItem } from '../chunk-XNBDACL7.js';
+import '../chunk-6W25S5CF.js';
+import '../chunk-NIAL4ZU2.js';
 import '../chunk-FEK5XGZW.js';
 import '../chunk-MMUBH76A.js';

package/dist/components/menu-pick-row.d.ts

@@ -0,0 +1,47 @@
+import * as React from 'react';
+
+/**
+ * MenuPickRow — a dish in the add-an-item overlay (16-shared-table.html T3):
+ * its name, its price, and a disc that adds it.
+ *
+ * The disc is the control and the row is not: a whole-row target would make
+ * "read the menu" and "add this" the same gesture, and a reader scrolling a
+ * long menu would add things by accident. It is 44×44 as the accessibility
+ * floor asks, with the drawn 28px disc inside it.
+ *
+ * A tap adds one unit. There is no stepper and no quantity anywhere in the
+ * shared table — one row per unit, so removing one is removing one thing and
+ * never an arithmetic edit (the board's ruling 3). `selected` is therefore
+ * "this dish is on the table", not a count; a caller showing a second unit
+ * shows a second row.
+ */
+type MenuPickRowProps = Omit<React.HTMLAttributes<HTMLDivElement>, "onToggle"> & {
+    /** The dish. */
+    label: React.ReactNode;
+    /** Its price, formatted by the caller. */
+    price: React.ReactNode;
+    /** Is it on the table already? Fills the disc. */
+    selected?: boolean;
+    onToggle?: () => void;
+    /** The disc's accessible name when it would add — "Add Papanași". Injected. */
+    addLabel?: string;
+    /** Its name when it would remove — "Remove Papanași". Injected. */
+    removeLabel?: string;
+    disabled?: boolean;
+};
+declare const MenuPickRow: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLDivElement>, "onToggle"> & {
+    /** The dish. */
+    label: React.ReactNode;
+    /** Its price, formatted by the caller. */
+    price: React.ReactNode;
+    /** Is it on the table already? Fills the disc. */
+    selected?: boolean;
+    onToggle?: () => void;
+    /** The disc's accessible name when it would add — "Add Papanași". Injected. */
+    addLabel?: string;
+    /** Its name when it would remove — "Remove Papanași". Injected. */
+    removeLabel?: string;
+    disabled?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+
+export { MenuPickRow, type MenuPickRowProps };

package/dist/components/menu-pick-row.js

@@ -0,0 +1,49 @@
+import { cn } from '../chunk-FEK5XGZW.js';
+import { __objRest, __spreadProps, __spreadValues } from '../chunk-MMUBH76A.js';
+import * as React from 'react';
+import { Plus } from 'lucide-react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var MenuPickRow = React.forwardRef(
+  (_a, ref) => {
+    var _b = _a, { className, label, price, selected = false, onToggle, addLabel, removeLabel, disabled = false } = _b, props = __objRest(_b, ["className", "label", "price", "selected", "onToggle", "addLabel", "removeLabel", "disabled"]);
+    return /* @__PURE__ */ jsxs(
+      "div",
+      __spreadProps(__spreadValues({
+        ref,
+        "data-slot": "menu-pick-row",
+        "data-selected": selected ? "" : void 0,
+        className: cn("flex items-center gap-3 py-2.5", className)
+      }, props), {
+        children: [
+          /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate text-[14px] font-bold", children: label }),
+          /* @__PURE__ */ jsx("span", { className: "shrink-0 text-[14px] font-bold tabular-nums", children: price }),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              onClick: onToggle,
+              disabled,
+              "aria-pressed": selected,
+              "aria-label": selected ? removeLabel : addLabel,
+              className: "grid size-11 shrink-0 place-items-center rounded-full focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
+              children: /* @__PURE__ */ jsx(
+                "span",
+                {
+                  className: cn(
+                    "grid size-7 place-items-center rounded-full border transition-colors",
+                    selected ? "border-transparent bg-primary text-primary-foreground" : "border-border bg-background text-muted-foreground"
+                  ),
+                  children: /* @__PURE__ */ jsx(Plus, { className: "size-4", "aria-hidden": true, strokeWidth: 2.5 })
+                }
+              )
+            }
+          )
+        ]
+      })
+    );
+  }
+);
+MenuPickRow.displayName = "MenuPickRow";
+
+export { MenuPickRow };

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

@@ -1,11 +1,11 @@
 import { Checkbox } from '../chunk-L3CDXVEP.js';
 import { Popover, PopoverTrigger, PopoverContent } from '../chunk-2ADCZXZJ.js';
-import { Command, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem } from '../chunk-ZJMCU7MI.js';
-import '../chunk-JWTN7MNK.js';
+import { Command, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem } from '../chunk-VCRXL7H5.js';
+import '../chunk-TVEIUTBQ.js';
 import { Button } from '../chunk-5SGKGFMN.js';
 import '../chunk-RIH2IS7X.js';
 import '../chunk-5YNIQ2BL.js';
-import { Badge } from '../chunk-ZU4NAYN7.js';
+import { Badge } from '../chunk-NIAL4ZU2.js';
 import { cn } from '../chunk-FEK5XGZW.js';
 import '../chunk-MMUBH76A.js';
 import * as React from 'react';