@bearmenu/ui 0.8.21 → 0.8.23

package/dist/{chunk-DJD3EMPK.js → chunk-YE4ZQUTI.js}

@@ -94,7 +94,7 @@ function GradeAtom({
     );
   }
   const band = resolveGradeBand(overall);
-  const value = formatGrade(overall);
+  const value = labels.value ? labels.value(Math.round(Math.min(10, Math.max(1, overall)) * 10) / 10) : formatGrade(overall);
   const descriptor = labels.bands[band];
   const showDesc = sz.showDesc && !hideDescriptor;
   const photo = onPhoto ? BAND_CLASSES_PHOTO[band] : null;

package/dist/components/alert.d.ts

@@ -3,10 +3,10 @@ import * as React from 'react';
 import { VariantProps } from 'class-variance-authority';
 
 declare const alertVariants: (props?: ({
-    variant?: "default" | "destructive" | "warning" | "success" | null | undefined;
+    variant?: "default" | "destructive" | "success" | "warning" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare const Alert: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & VariantProps<(props?: ({
-    variant?: "default" | "destructive" | "warning" | "success" | null | undefined;
+    variant?: "default" | "destructive" | "success" | "warning" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string> & React.RefAttributes<HTMLDivElement>>;
 declare const AlertTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLParagraphElement>>;
 declare const AlertDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;

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" | "destructive" | "outline" | "secondary" | "glass" | "overlay" | "brown" | "warning" | "success" | "onPrimary" | null | undefined;
+    variant?: "default" | "secondary" | "destructive" | "outline" | "overlay" | "glass" | "success" | "warning" | "brown" | "onPrimary" | null | undefined;
     live?: boolean | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {

package/dist/components/button.d.ts

@@ -3,7 +3,7 @@ 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" | null | undefined;
+    variant?: "default" | "secondary" | "destructive" | "outline" | "overlay" | "glass" | "warning" | "brown" | "link" | "ghost" | "ink" | null | undefined;
     size?: "default" | "xs" | "sm" | "lg" | "pill" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
     fullWidth?: boolean | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;

package/dist/components/coach-marks.d.ts

@@ -25,15 +25,50 @@ import * as React from 'react';
  * side, re-measure on scroll and resize) and the keys (Escape closes, the
  * arrows step). `onProgress` reports the current stop for a toolbar label.
  *
- * Rendered into `document.body`: a page wrapper with an opacity or transform
- * transition is a stacking context, and the tour must sit above everything
- * the page and its chrome draw, whatever wraps the consumer.
+ * The spotlight is a hole in the dimming, in hit-testing as well as in
+ * paint: a tap on the ringed control reaches it. A gold ring around a real,
+ * un-dimmed control is an invitation, and a tour that swallowed the tap
+ * would be lying. Acting ends the tour — the thing the reader opened is the
+ * lesson, and whatever it opened would otherwise sit under or over an
+ * `aria-modal` dialog that promises the page beneath is inert. The consumer
+ * has already heard the stop through `onProgress`, so a "N new" door can
+ * pick the tour up later. The dimmed page itself does not close the tour: a
+ * thumb resting on it while reading is not a decision.
+ *
+ * A target is scrolled into view only when it is not already in it. The
+ * page's fixed chrome (`inset`) narrows what "in view" means, and a stop can
+ * opt out of scrolling altogether (`scroll: false`): `scrollIntoView` on a
+ * pinned rail scrolls the document to the rail's in-flow position, which is
+ * the top of whatever it pins over, and a reader mid-feed loses their place.
+ *
+ * Rendered into `document.body` above every drawer, sheet and dialog: a page
+ * wrapper with an opacity or transform transition is a stacking context, and
+ * the tour must sit above everything the page and its chrome draw, whatever
+ * wraps the consumer.
  */
 type CoachMarkStop = {
     /** Matches the target's `data-coach-mark` attribute. */
     id: string;
     title: string;
     body: string;
+    /**
+     * A `control` (a button, a field, a toggle) wears the gold ring; a `region`
+     * (a list, a rail, a block) is defined by the cut-out's edge alone. Stated,
+     * not inferred: a toggle group is a div of buttons and a results region a
+     * list of links. Defaults to `control`.
+     */
+    kind?: "control" | "region";
+    /**
+     * Never scroll to this target — for a control pinned to the viewport, whose
+     * box says where it is but whose in-flow position is somewhere else.
+     * Defaults to scrolling when the target is out of view.
+     */
+    scroll?: boolean;
+};
+/** The viewport's fixed chrome: what a target must clear to count as in view. */
+type CoachMarksInset = {
+    top?: number;
+    bottom?: number;
 };
 type CoachMarksLabels = {
     /** "Step 2 of 4". */
@@ -47,7 +82,7 @@ type CoachMarksLabels = {
 type CoachMarksProps = {
     open: boolean;
     stops: CoachMarkStop[];
-    /** Skip, Done, Escape and a tap on the dimmed page all end here. */
+    /** Skip, Done, Escape and a tap on the spotlit target all end here. */
     onClose: () => void;
     /**
      * 1-based position, the count of stops the page actually has, and the
@@ -56,8 +91,10 @@ type CoachMarksProps = {
      */
     onProgress?: (step: number, total: number, stop: CoachMarkStop) => void;
     labels: CoachMarksLabels;
+    /** The page's fixed header and bottom bar, in px; the callout keeps clear of them too. */
+    inset?: CoachMarksInset;
     className?: string;
 };
-declare function CoachMarks({ open, stops, onClose, onProgress, labels, className }: CoachMarksProps): React.ReactPortal | null;
+declare function CoachMarks({ open, stops, onClose, onProgress, labels, inset, className, }: CoachMarksProps): React.ReactPortal | null;
 
-export { type CoachMarkStop, CoachMarks, type CoachMarksLabels, type CoachMarksProps };
+export { type CoachMarkStop, CoachMarks, type CoachMarksInset, type CoachMarksLabels, type CoachMarksProps };

package/dist/components/coach-marks.js

@@ -3,7 +3,7 @@ import '../chunk-RIH2IS7X.js';
 import '../chunk-5YNIQ2BL.js';
 import { cn } from '../chunk-FEK5XGZW.js';
 import '../chunk-MMUBH76A.js';
-import { useState, useLayoutEffect, useCallback, useEffect } from 'react';
+import { useState, useLayoutEffect, useCallback, useRef, useEffect } from 'react';
 import { createPortal } from 'react-dom';
 import { Lightbulb, ArrowRight } from 'lucide-react';
 import { jsxs, jsx } from 'react/jsx-runtime';
@@ -13,7 +13,15 @@ var CALLOUT_WIDTH = 320;
 var CALLOUT_GAP = 14;
 var CALLOUT_ROOM = 280;
 var EDGE = 12;
+var PIN_SIZE = 32;
+var PIN_SNAP = 56;
+var CARET_MARGIN = 16;
 var PIN = "pointer-events-none absolute z-[1] flex h-8 w-8 -translate-x-1/2 -translate-y-1/2 items-center justify-center rounded-full bg-[oklch(0.26_0.03_60)] text-[13px] font-extrabold text-[oklch(0.82_0.15_85)] ring-2 ring-[oklch(0.82_0.15_85)] shadow-[0_2px_8px_oklch(0.16_0.012_55_/_0.45)] transition-[top,left] duration-300 motion-reduce:transition-none";
+function dimClip(spot, viewport) {
+  const right = spot.left + spot.width;
+  const bottom = spot.top + spot.height;
+  return `polygon(evenodd, 0 0, ${viewport.width}px 0, ${viewport.width}px ${viewport.height}px, 0 ${viewport.height}px, 0 0, ${spot.left}px ${spot.top}px, ${spot.left}px ${bottom}px, ${right}px ${bottom}px, ${right}px ${spot.top}px, ${spot.left}px ${spot.top}px)`;
+}
 function findTarget(id) {
   if (typeof document === "undefined") return null;
   const candidates = document.querySelectorAll(`[data-coach-mark="${id}"]`);
@@ -26,7 +34,22 @@ function measure(element) {
   const box = element.getBoundingClientRect();
   return { top: box.top, left: box.left, width: box.width, height: box.height };
 }
-function CoachMarks({ open, stops, onClose, onProgress, labels, className }) {
+function inView(element, inset) {
+  var _a, _b;
+  const box = element.getBoundingClientRect();
+  return box.top - PAD >= ((_a = inset.top) != null ? _a : 0) && box.bottom + PAD <= window.innerHeight - ((_b = inset.bottom) != null ? _b : 0);
+}
+var NO_INSET = {};
+function CoachMarks({
+  open,
+  stops,
+  onClose,
+  onProgress,
+  labels,
+  inset = NO_INSET,
+  className
+}) {
+  var _a, _b;
   const [available, setAvailable] = useState([]);
   const [index, setIndex] = useState(0);
   const [rect, setRect] = useState(null);
@@ -34,36 +57,57 @@ function CoachMarks({ open, stops, onClose, onProgress, labels, className }) {
   const itinerary = stops.map((stop) => stop.id).join("|");
   useLayoutEffect(() => {
     if (!open) return;
-    const present = stops.filter((stop) => findTarget(stop.id));
+    const present = stops.filter((stop) => findTarget(stop.id)).map((stop) => stop.id);
     setAvailable(present);
     setIndex(0);
     if (present.length === 0) onClose();
   }, [open, itinerary]);
-  const current = available[index];
-  const currentId = current == null ? void 0 : current.id;
+  const currentId = available[index];
+  const current = currentId ? stops.find((stop) => stop.id === currentId) : void 0;
+  const scrolls = (current == null ? void 0 : current.scroll) !== false;
+  const insetTop = (_a = inset.top) != null ? _a : 0;
+  const insetBottom = (_b = inset.bottom) != null ? _b : 0;
   const remeasure = useCallback(() => {
     const element = currentId ? findTarget(currentId) : null;
     setRect(element ? measure(element) : null);
     setViewport({ width: window.innerWidth, height: window.innerHeight });
   }, [currentId]);
   useLayoutEffect(() => {
-    if (!open || !current) return;
-    const element = findTarget(current.id);
+    if (!open || !currentId) return;
+    const element = findTarget(currentId);
     if (!element) {
-      const forward = available.findIndex((stop, at) => at > index && findTarget(stop.id));
+      const forward = available.findIndex((id, at) => at > index && findTarget(id));
       if (forward !== -1) setIndex(forward);
       else onClose();
       return;
     }
-    element.scrollIntoView({ block: "center", behavior: "smooth", inline: "nearest" });
+    if (scrolls) {
+      const band = window.innerHeight - insetTop - insetBottom;
+      const tall = element.getBoundingClientRect().height + PAD * 2 > band;
+      const visible = inView(element, { top: insetTop, bottom: insetBottom });
+      element.style.scrollMarginTop = `${insetTop + PAD}px`;
+      element.scrollIntoView({
+        block: visible ? "nearest" : tall ? "start" : "center",
+        behavior: "smooth",
+        inline: "nearest"
+      });
+    }
     remeasure();
     const settle = setTimeout(remeasure, 400);
-    return () => clearTimeout(settle);
-  }, [open, current, index, available, remeasure, onClose]);
+    return () => {
+      clearTimeout(settle);
+      element.style.scrollMarginTop = "";
+    };
+  }, [open, currentId, scrolls, index, available, insetTop, insetBottom, remeasure, onClose]);
+  const progressRef = useRef(onProgress);
+  useLayoutEffect(() => {
+    progressRef.current = onProgress;
+  });
   useEffect(() => {
+    var _a2;
     if (!open || !current) return;
-    onProgress == null ? void 0 : onProgress(index + 1, available.length, current);
-  }, [open, current, index, available.length, onProgress]);
+    (_a2 = progressRef.current) == null ? void 0 : _a2.call(progressRef, index + 1, available.length, current);
+  }, [open, currentId, index, available.length]);
   useEffect(() => {
     if (!open) return;
     window.addEventListener("resize", remeasure);
@@ -73,73 +117,105 @@ function CoachMarks({ open, stops, onClose, onProgress, labels, className }) {
       if (event.key === "ArrowRight") setIndex((at) => Math.min(at + 1, available.length - 1));
       if (event.key === "ArrowLeft") setIndex((at) => Math.max(at - 1, 0));
     };
+    const onClick = (event) => {
+      const target = currentId ? findTarget(currentId) : null;
+      if (target && event.target instanceof Node && target.contains(event.target)) onClose();
+    };
     window.addEventListener("keydown", onKey);
+    window.addEventListener("click", onClick, true);
     return () => {
       window.removeEventListener("resize", remeasure);
       window.removeEventListener("scroll", remeasure, true);
       window.removeEventListener("keydown", onKey);
+      window.removeEventListener("click", onClick, true);
     };
-  }, [open, remeasure, onClose, available.length]);
+  }, [open, currentId, remeasure, onClose, available.length]);
   if (!open || !current || !rect) return null;
   const last = index === available.length - 1;
+  const region = current.kind === "region";
   const spot = {
     top: rect.top - PAD,
     left: rect.left - PAD,
     width: rect.width + PAD * 2,
     height: rect.height + PAD * 2
   };
-  const roomBelow = viewport.height - (spot.top + spot.height);
+  const small = rect.width <= PIN_SNAP || rect.height <= PIN_SNAP;
+  const pinLeft = small ? spot.left : rect.left - 2;
+  const pinTop = spot.top - PIN_SIZE / 2 < insetTop + EDGE ? spot.top + spot.height : small ? spot.top : rect.top - 2;
+  const bandTop = insetTop;
+  const bandBottom = viewport.height - insetBottom;
+  const roomBelow = bandBottom - (spot.top + spot.height);
+  const roomAbove = spot.top - bandTop;
   const calloutLeft = Math.min(
     Math.max(spot.left, EDGE),
     Math.max(EDGE, viewport.width - CALLOUT_WIDTH - EDGE)
   );
-  const calloutPlace = roomBelow > CALLOUT_ROOM ? { top: spot.top + spot.height + CALLOUT_GAP, left: calloutLeft } : spot.top > CALLOUT_ROOM ? { bottom: viewport.height - spot.top + CALLOUT_GAP, left: calloutLeft } : { bottom: EDGE, left: calloutLeft };
+  const side = roomBelow > CALLOUT_ROOM ? "below" : roomAbove > CALLOUT_ROOM ? "above" : "edge";
+  const calloutPlace = side === "below" ? { top: spot.top + spot.height + CALLOUT_GAP, left: calloutLeft } : side === "above" ? { bottom: viewport.height - spot.top + CALLOUT_GAP, left: calloutLeft } : { bottom: viewport.height - bandBottom + EDGE, left: calloutLeft };
+  const calloutWidth = Math.min(CALLOUT_WIDTH, viewport.width - EDGE * 2);
+  const caretLeft = Math.min(
+    Math.max(spot.left + spot.width / 2 - calloutLeft, CARET_MARGIN),
+    calloutWidth - CARET_MARGIN
+  );
   return createPortal(
     /* @__PURE__ */ jsxs(
       "div",
       {
-        className: cn("fixed inset-0 z-[80]", className),
+        className: cn("pointer-events-none fixed inset-0 z-[1100]", className),
         role: "dialog",
         "aria-modal": true,
         "aria-label": current.title,
         children: [
           /* @__PURE__ */ jsx(
-            "button",
+            "div",
             {
-              type: "button",
-              "aria-label": labels.skip,
-              onClick: onClose,
-              className: "absolute inset-0 cursor-default"
+              "aria-hidden": true,
+              className: "pointer-events-auto absolute inset-0",
+              style: { clipPath: dimClip(spot, viewport) }
             }
           ),
           /* @__PURE__ */ jsx(
             "div",
             {
               "aria-hidden": true,
-              className: "pointer-events-none absolute rounded-[18px] shadow-[0_0_0_9999px_oklch(0.16_0.012_55_/_0.55)] ring-2 ring-[oklch(0.82_0.15_85)] transition-[top,left,width,height] duration-300 motion-reduce:transition-none",
+              className: cn(
+                "pointer-events-none absolute shadow-[0_0_0_9999px_oklch(0.16_0.012_55_/_0.55)] transition-[top,left,width,height] duration-300 motion-reduce:transition-none",
+                region ? "rounded-2xl" : "rounded-[18px] ring-2 ring-[oklch(0.82_0.15_85)]"
+              ),
               style: spot
             }
           ),
-          /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: PIN, style: { top: rect.top - 2, left: rect.left - 2 }, children: index + 1 }),
+          /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: PIN, style: { top: pinTop, left: pinLeft }, children: index + 1 }),
           /* @__PURE__ */ jsxs(
             "div",
             {
-              className: "absolute z-[2] w-[min(320px,calc(100vw-24px))] rounded-2xl border border-border bg-card p-4 text-card-foreground shadow-xl",
+              className: "pointer-events-auto absolute z-[2] w-[min(320px,calc(100vw-24px))] rounded-2xl border border-border bg-card p-4 text-card-foreground shadow-[var(--shadow-overlay)]",
               style: calloutPlace,
               children: [
-                /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1.5 rounded-full bg-[oklch(0.82_0.15_85)] px-2.5 py-1 text-[10.5px] font-extrabold uppercase tracking-[0.08em] text-[oklch(0.26_0.03_60)]", children: [
+                side !== "edge" && /* @__PURE__ */ jsx(
+                  "span",
+                  {
+                    "aria-hidden": true,
+                    className: cn(
+                      "absolute h-3 w-3 -translate-x-1/2 rotate-45 border-border bg-card",
+                      side === "below" ? "-top-[7px] border-l border-t" : "-bottom-[7px] border-b border-r"
+                    ),
+                    style: { left: caretLeft }
+                  }
+                ),
+                /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1.5 rounded-full bg-[oklch(0.82_0.15_85)] px-2.5 py-1 text-xs font-extrabold uppercase tracking-[0.08em] text-[oklch(0.26_0.03_60)]", children: [
                   /* @__PURE__ */ jsx(Lightbulb, { className: "h-3 w-3", "aria-hidden": true }),
                   labels.progress(index + 1, available.length)
                 ] }),
-                /* @__PURE__ */ jsx("p", { className: "mt-3 text-[15px] font-bold leading-snug", children: current.title }),
+                /* @__PURE__ */ jsx("p", { className: "mt-3 text-base font-semibold leading-snug", children: current.title }),
                 /* @__PURE__ */ jsx("p", { className: "mt-1.5 text-sm leading-relaxed text-muted-foreground", children: current.body }),
                 /* @__PURE__ */ jsxs("div", { className: "mt-4 flex items-center gap-2", children: [
-                  index > 0 && /* @__PURE__ */ jsx(Button, { type: "button", variant: "ghost", size: "sm", onClick: () => setIndex(index - 1), children: labels.back }),
+                  index > 0 && /* @__PURE__ */ jsx(Button, { type: "button", variant: "ghost", size: "pill", onClick: () => setIndex(index - 1), children: labels.back }),
                   /* @__PURE__ */ jsxs(
                     Button,
                     {
                       type: "button",
-                      size: "sm",
+                      size: "pill",
                       onClick: () => last ? onClose() : setIndex(index + 1),
                       children: [
                         last ? labels.done : labels.next,
@@ -147,7 +223,17 @@ function CoachMarks({ open, stops, onClose, onProgress, labels, className }) {
                       ]
                     }
                   ),
-                  /* @__PURE__ */ jsx(Button, { type: "button", variant: "link", size: "sm", className: "ml-auto", onClick: onClose, children: labels.skip })
+                  /* @__PURE__ */ jsx(
+                    Button,
+                    {
+                      type: "button",
+                      variant: "link",
+                      size: "sm",
+                      className: "ml-auto min-h-11",
+                      onClick: onClose,
+                      children: labels.skip
+                    }
+                  )
                 ] })
               ]
             }

package/dist/components/command.d.ts

@@ -8,7 +8,7 @@ declare const Command: React.ForwardRefExoticComponent<Omit<{
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & {
+}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>> & {
     label?: string;
     shouldFilter?: boolean;
     filter?: (value: string, search: string, keywords?: string[]) => number;
@@ -38,7 +38,7 @@ declare const CommandList: React.ForwardRefExoticComponent<Omit<{
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & {
+}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>> & {
     label?: string;
 } & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const CommandEmpty: React.ForwardRefExoticComponent<Omit<{
@@ -47,14 +47,14 @@ declare const CommandEmpty: React.ForwardRefExoticComponent<Omit<{
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>> & 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>> & {
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & {
+}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>> & {
     progress?: number;
     label?: string;
 } & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
@@ -64,7 +64,7 @@ declare const CommandGroup: React.ForwardRefExoticComponent<Omit<{
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild">, "heading" | "value"> & {
+}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>>, "heading" | "value"> & {
     heading?: React.ReactNode;
     value?: string;
     forceMount?: boolean;
@@ -73,7 +73,7 @@ declare const CommandSeparator: React.ForwardRefExoticComponent<Omit<Pick<Pick<R
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & {
+}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>> & {
     alwaysRender?: boolean;
 } & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const CommandItem: React.ForwardRefExoticComponent<Omit<{
@@ -82,7 +82,7 @@ declare const CommandItem: React.ForwardRefExoticComponent<Omit<{
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild">, "onSelect" | "disabled" | "value"> & {
+}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>>, "onSelect" | "disabled" | "value"> & {
     disabled?: boolean;
     onSelect?: (value: string) => void;
     value?: string;

package/dist/components/concept-compare.d.ts

@@ -1,7 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { MenuConceptPreview, MenuLinkComponent, MenuLinkProps } from './menu-types.js';
 import 'react';
-import '../place-types-BHdeMMiG.js';
+import '../place-types-C4rR3LTs.js';
 import '../lib/grade.js';
 
 /**

package/dist/components/doorway-tiles.d.ts

@@ -1,7 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { MenuLinkComponent } from './menu-types.js';
 import 'react';
-import '../place-types-BHdeMMiG.js';
+import '../place-types-C4rR3LTs.js';
 import '../lib/grade.js';
 
 /**

package/dist/components/grade-atom.d.ts

@@ -1,3 +1,3 @@
 import 'react/jsx-runtime';
 import '../lib/grade.js';
-export { G as GradeAtom, h as GradeAtomLabels, i as GradeAtomProps, j as GradeAtomSize } from '../place-types-BHdeMMiG.js';
+export { G as GradeAtom, h as GradeAtomLabels, i as GradeAtomProps, j as GradeAtomSize } from '../place-types-C4rR3LTs.js';

package/dist/components/grade-atom.js

@@ -1,4 +1,4 @@
-export { GradeAtom } from '../chunk-DJD3EMPK.js';
+export { GradeAtom } from '../chunk-YE4ZQUTI.js';
 import '../chunk-I5V446BX.js';
 import '../chunk-FEK5XGZW.js';
 import '../chunk-MMUBH76A.js';

package/dist/components/kitchen-dossier.d.ts

@@ -1,7 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ReactNode } from 'react';
 import { MenuVenueSignature, MenuLinkComponent, MenuLinkProps } from './menu-types.js';
-import { P as PlacePreview, C as CitedText, a as PlaceGradeDimensions } from '../place-types-BHdeMMiG.js';
+import { P as PlacePreview, C as CitedText, a as PlaceGradeDimensions } from '../place-types-C4rR3LTs.js';
 import { VenueGradeDimensionKey } from './venue-grade-dimensions.js';
 import '../lib/grade.js';
 

package/dist/components/menu-dead-end.d.ts

@@ -1,7 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { MenuLinkComponent, MenuLoosenOption } from './menu-types.js';
 import 'react';
-import '../place-types-BHdeMMiG.js';
+import '../place-types-C4rR3LTs.js';
 import '../lib/grade.js';
 
 /**

package/dist/components/menu-family-block.d.ts

@@ -2,7 +2,7 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import { MenuKitchenListLabels } from './menu-kitchen-list.js';
 import { MenuFamilyBlockPreview, MenuLinkComponent, MenuLinkProps } from './menu-types.js';
 import 'react';
-import '../place-types-BHdeMMiG.js';
+import '../place-types-C4rR3LTs.js';
 import '../lib/grade.js';
 
 /**

package/dist/components/menu-family-card.d.ts

@@ -1,7 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { MenuFamilyPreview, MenuLinkComponent, MenuLinkProps } from './menu-types.js';
 import 'react';
-import '../place-types-BHdeMMiG.js';
+import '../place-types-C4rR3LTs.js';
 import '../lib/grade.js';
 
 /**

package/dist/components/menu-filter-chips.d.ts

@@ -1,7 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { MenuFilterChip } from './menu-types.js';
 import 'react';
-import '../place-types-BHdeMMiG.js';
+import '../place-types-C4rR3LTs.js';
 import '../lib/grade.js';
 
 /**

package/dist/components/menu-group-rows.d.ts

@@ -1,7 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { MenuLinkComponent, MenuLinkProps } from './menu-types.js';
 import 'react';
-import '../place-types-BHdeMMiG.js';
+import '../place-types-C4rR3LTs.js';
 import '../lib/grade.js';
 
 /**

package/dist/components/menu-index-header.d.ts

@@ -1,7 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { MenuIndexEntry, MenuLinkComponent } from './menu-types.js';
 import 'react';
-import '../place-types-BHdeMMiG.js';
+import '../place-types-C4rR3LTs.js';
 import '../lib/grade.js';
 
 type MenuIndexHeaderProps = {

package/dist/components/menu-index-list.d.ts

@@ -1,7 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { MenuIndexEntry, MenuLinkComponent, MenuLinkProps } from './menu-types.js';
 import 'react';
-import '../place-types-BHdeMMiG.js';
+import '../place-types-C4rR3LTs.js';
 import '../lib/grade.js';
 
 /**

package/dist/components/menu-intent-hero.d.ts

@@ -1,7 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { MenuIntentFigure, MenuLinkComponent } from './menu-types.js';
 import 'react';
-import '../place-types-BHdeMMiG.js';
+import '../place-types-C4rR3LTs.js';
 import '../lib/grade.js';
 
 /**

package/dist/components/menu-item.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { MenuItemPreview, MenuLinkComponent, MenuLinkProps } from './menu-types.js';
-import '../place-types-BHdeMMiG.js';
+import '../place-types-C4rR3LTs.js';
 import '../lib/grade.js';
 
 /**

package/dist/components/menu-kitchen-list.d.ts

@@ -1,7 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { MenuKitchenPreview, MenuLinkComponent, MenuLinkProps } from './menu-types.js';
 import 'react';
-import '../place-types-BHdeMMiG.js';
+import '../place-types-C4rR3LTs.js';
 import '../lib/grade.js';
 
 /**

package/dist/components/menu-mocks.d.ts

@@ -1,6 +1,6 @@
 import { MenuFamilyBlockPreview, MenuConceptPreview, MenuFamilyPreview, MenuFilterChip, MenuIndexEntry, MenuIntentFigure, MenuItemPreview, MenuKitchenPreview, MenuLoosenOption, QaItem, MenuVenuePreview } from './menu-types.js';
 import { DoorwayTile } from './doorway-tiles.js';
-import { P as PlacePreview } from '../place-types-BHdeMMiG.js';
+import { P as PlacePreview } from '../place-types-C4rR3LTs.js';
 import 'react';
 import 'react/jsx-runtime';
 import '../lib/grade.js';

package/dist/components/menu-types.d.ts

@@ -1,5 +1,5 @@
 import { ComponentType, CSSProperties, ReactNode } from 'react';
-import { M as MenuSizeAndPrice, P as PlacePreview } from '../place-types-BHdeMMiG.js';
+import { M as MenuSizeAndPrice, P as PlacePreview } from '../place-types-C4rR3LTs.js';
 import 'react/jsx-runtime';
 import '../lib/grade.js';
 

package/dist/components/open-now-list.d.ts

@@ -1,7 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { MenuVenuePreview, MenuLinkComponent, MenuLinkProps } from './menu-types.js';
 import 'react';
-import '../place-types-BHdeMMiG.js';
+import '../place-types-C4rR3LTs.js';
 import '../lib/grade.js';
 
 /**

package/dist/components/place-about-tab.d.ts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { P as PlacePreview, b as PlaceAboutTabLabels, c as PlaceLinkKind } from '../place-types-BHdeMMiG.js';
+import { P as PlacePreview, b as PlaceAboutTabLabels, c as PlaceLinkKind } from '../place-types-C4rR3LTs.js';
 import '../lib/grade.js';
 
 interface PlaceAboutTabProps {

package/dist/components/place-card.d.ts

@@ -1,7 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React$1 from 'react';
 import { ReactNode, MouseEvent } from 'react';
-import { P as PlacePreview, d as PlaceCardLabels } from '../place-types-BHdeMMiG.js';
+import { P as PlacePreview, d as PlaceCardLabels } from '../place-types-C4rR3LTs.js';
 import '../lib/grade.js';
 
 /**