@bearmenu/ui 0.8.35 → 0.8.37

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

@@ -1,13 +1,13 @@
 import { Checkbox } from '../chunk-L3CDXVEP.js';
 import { Popover, PopoverTrigger, PopoverContent } from '../chunk-2ADCZXZJ.js';
-import { Command, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem } from '../chunk-VCRXL7H5.js';
-import '../chunk-TVEIUTBQ.js';
+import { Command, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem } from '../chunk-PGQXVJXW.js';
+import '../chunk-IQIJCMG2.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) => {

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

@@ -54,7 +54,7 @@ function MultiSelectMenu({
                 onCheckedChange: () => handleToggle(option.value),
                 className: cn(
                   "relative flex cursor-pointer select-none items-center gap-2 rounded-md px-2 py-1.5 text-sm outline-none",
-                  "data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground",
+                  "data-[highlighted]:bg-accent-subtle data-[highlighted]:text-foreground",
                   "data-[disabled]:pointer-events-none data-[disabled]:opacity-50"
                 ),
                 children: [

package/dist/components/pan-zoom-viewport.d.ts

@@ -0,0 +1,137 @@
+import * as React from 'react';
+
+/**
+ * PanZoomViewport — a window onto content larger or smaller than itself, that
+ * pans and zooms: the floor plan in service and in the plan editor
+ * (floor/07-f0, floor/12-s11, seating/01-k2, registry/10-p0, registry/21-p15).
+ *
+ * The content is laid out at its natural size (`contentWidth` ×
+ * `contentHeight`, in CSS px) and moved with ONE transform —
+ * `translate(x, y) scale(s)` from its top-left corner — so what it draws is
+ * the caller's business and nothing here knows about tables.
+ *
+ * Input, all of it through the same clamp:
+ * - Drag with a mouse, a pen or one finger pans. The pan starts after 4px, so
+ *   a tap still reaches a table underneath as a click, and the click a drag
+ *   would otherwise become is swallowed. An element marked
+ *   `data-pan-zoom-ignore` never starts a pan (the plan editor's drag handles).
+ * - Two fingers pinch; a trackpad pinch (a ctrl-wheel in Chromium and
+ *   Firefox, a gesture event in Safari) and ctrl / ⌘ + wheel zoom about the
+ *   pointer. A plain wheel or two-finger scroll pans — and hands the scroll
+ *   back to the page once the content cannot move further that way, so the
+ *   viewport never traps a page scroll.
+ * - Keyboard, with the viewport focused: arrows pan (Shift for four times the
+ *   step); `+` / `-` zoom and `0` fits, from anywhere inside it. Tabbing onto
+ *   a table that sits off screen pans it into view.
+ * - The + / − / Fit controls, bottom right.
+ *
+ * The min-scale floor: `Fit` never shrinks below `minScale`. On a phone the
+ * plan would otherwise fit at a size no finger can hit, so below the floor it
+ * stops shrinking, anchors top-left, and the rest is a pan away — with a
+ * shaded edge on every side where content runs past the viewport, so the
+ * clipped tables read as "more this way", not as a broken layout.
+ *
+ * Zooms from the controls and the keyboard ease over `--duration-quick`;
+ * gestures follow the finger with no easing; `prefers-reduced-motion` drops
+ * the easing entirely. Every string is injected through `labels`: the design
+ * system holds no copy.
+ *
+ * The viewport takes its size from the caller — give it a height. It refits
+ * when the viewport resizes or the content changes size, until the user moves
+ * it; after that it keeps their view and only pulls it back inside the
+ * bounds. To start a different plan fitted (switching Inside → Terrace),
+ * give the viewport a `key` per plan, or call `apiRef.current.fit()`.
+ */
+type PanZoomTransform = {
+    /** 1 is the content's natural size. */
+    scale: number;
+    /** The content's top-left corner, in viewport px. */
+    x: number;
+    y: number;
+};
+type PanZoomViewportLabels = {
+    /** The viewport's accessible name — "Floor plan, Inside". */
+    viewport: string;
+    /** Read after the name — "Arrow keys move the plan; plus and minus zoom; 0 fits it." */
+    instructions?: string;
+    /** The + button — "Zoom in". */
+    zoomIn: string;
+    /** The − button — "Zoom out". */
+    zoomOut: string;
+    /** The fit button's visible text — "Fit". */
+    fit: string;
+    /** The controls group — "Zoom". */
+    controls?: string;
+    /**
+     * Announced politely after a zoom from the controls or the keyboard —
+     * `(percent) => \`${percent}%\``. Omit it and nothing is announced.
+     */
+    zoomLevel?: (percent: number) => string;
+};
+/** Drive the viewport from outside: a "Show T5" link, a reset on area change. */
+type PanZoomViewportHandle = {
+    zoomIn: () => void;
+    zoomOut: () => void;
+    fit: () => void;
+    /** Zoom to `scale` about the viewport's centre. */
+    zoomTo: (scale: number) => void;
+    /** Move the content by `dx`, `dy` viewport px. */
+    panBy: (dx: number, dy: number) => void;
+    /** Bring the content point (`x`, `y`, in natural px) to the viewport's centre. */
+    centerOn: (x: number, y: number) => void;
+    getTransform: () => PanZoomTransform;
+};
+type PanZoomViewportProps = Omit<React.HTMLAttributes<HTMLDivElement>, "children"> & {
+    /** The content's natural width, in CSS px. */
+    contentWidth: number;
+    /** The content's natural height, in CSS px. */
+    contentHeight: number;
+    children: React.ReactNode;
+    labels: PanZoomViewportLabels;
+    /** The floor: neither Fit nor zooming out goes below it. Default 0.5. */
+    minScale?: number;
+    /** Default 2.5. */
+    maxScale?: number;
+    /** The factor one + / − step multiplies by. Default 1.25. */
+    zoomStep?: number;
+    /** One arrow press, in viewport px. Default 48. */
+    panStep?: number;
+    /** The air Fit leaves around the content, and how far past it a pan may go. Default 24. */
+    fitPadding?: number;
+    /** Render the + / − / Fit controls. Default true. */
+    controls?: boolean;
+    /** Called with every transform — gestures included, so keep it cheap. */
+    onTransformChange?: (transform: PanZoomTransform) => void;
+    /** An imperative handle; see `PanZoomViewportHandle`. */
+    apiRef?: React.Ref<PanZoomViewportHandle>;
+    /** Classes for the transformed content layer. */
+    contentClassName?: string;
+};
+declare const PanZoomViewport: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLDivElement>, "children"> & {
+    /** The content's natural width, in CSS px. */
+    contentWidth: number;
+    /** The content's natural height, in CSS px. */
+    contentHeight: number;
+    children: React.ReactNode;
+    labels: PanZoomViewportLabels;
+    /** The floor: neither Fit nor zooming out goes below it. Default 0.5. */
+    minScale?: number;
+    /** Default 2.5. */
+    maxScale?: number;
+    /** The factor one + / − step multiplies by. Default 1.25. */
+    zoomStep?: number;
+    /** One arrow press, in viewport px. Default 48. */
+    panStep?: number;
+    /** The air Fit leaves around the content, and how far past it a pan may go. Default 24. */
+    fitPadding?: number;
+    /** Render the + / − / Fit controls. Default true. */
+    controls?: boolean;
+    /** Called with every transform — gestures included, so keep it cheap. */
+    onTransformChange?: (transform: PanZoomTransform) => void;
+    /** An imperative handle; see `PanZoomViewportHandle`. */
+    apiRef?: React.Ref<PanZoomViewportHandle>;
+    /** Classes for the transformed content layer. */
+    contentClassName?: string;
+} & React.RefAttributes<HTMLDivElement>>;
+
+export { type PanZoomTransform, PanZoomViewport, type PanZoomViewportHandle, type PanZoomViewportLabels, type PanZoomViewportProps };