@bearmenu/ui 0.8.34 → 0.8.36

package/dist/components/responsive-overlay.d.ts

@@ -23,6 +23,32 @@ type ResponsiveOverlayProps = {
     closeLabel?: string;
     /** Widths for the desktop dialog. Mobile is always the full-width drawer. */
     size?: React.ComponentPropsWithoutRef<typeof DialogContent>["size"];
+    /**
+     * The container on a wide screen. `dialog` (the default) is the centred box.
+     * `sheet` is a right rail: an inset panel held 12px off the top, right and
+     * bottom, 420px wide — the booking pages' table sheet, booking details,
+     * guest panel and create forms (floor/14-w1, calendar/07-n1, guests/07-g6).
+     * Narrow screens get the bottom drawer either way.
+     */
+    desktop?: "dialog" | "sheet";
+    /**
+     * Whether the wide `sheet` dims and locks the page. `true` (the default)
+     * is a form rail: a scrim, focus held inside, the page inert. `false` is a
+     * working rail: no scrim, no focus trap, and the page behind stays live —
+     * clicking another table on the floor does NOT close it, so the caller can
+     * swap what it shows. Escape and the close button still close it.
+     *
+     * Applies to `desktop="sheet"` only. The dialog is always modal, and so is
+     * the phone drawer: at 390 the rail covers most of the page, and a page
+     * that stays live under a sheet the thumb cannot see past is a trap.
+     */
+    modal?: boolean;
+    /**
+     * Where the wide container takes over from the drawer. `md` (768, the
+     * default) for most overlays; `lg` (1024) where the page beside the rail
+     * needs the room — the floor plan's rails switch there.
+     */
+    wideFrom?: "md" | "lg";
     /** Classes for the panel itself — the dialog box or the drawer sheet. */
     className?: string;
     /** Classes for the scrolling body. */
@@ -30,7 +56,9 @@ type ResponsiveOverlayProps = {
 };
 /**
  * ResponsiveOverlay — one overlay authored once: a `Drawer` under md, a
- * `Dialog` from md.
+ * `Dialog` from md — or, with `desktop="sheet"`, an inset right rail that can
+ * leave the page live (`modal={false}`), switching at md or at lg
+ * (`wideFrom`).
  *
  * The shared-table board draws the same chrome on T1, T3, T5, T6 and T8
  * (16-shared-table.html) and the two widths never disagree about it: the

package/dist/components/responsive-overlay.js

@@ -1,13 +1,20 @@
-import { useMediaQuery } from '../chunk-OPVKL4VS.js';
+import { useMediaQuery, DESKTOP_MEDIA_QUERY } from '../chunk-OPVKL4VS.js';
+import { Sheet, SheetContent, SheetTitle, SheetDescription } from '../chunk-LAEVMNJN.js';
 import { Drawer, DrawerContent, DrawerTitle, DrawerDescription } from '../chunk-XLHMF6F5.js';
 import { Dialog, DialogContent, DialogTitle, DialogDescription } from '../chunk-TVEIUTBQ.js';
 import { cn } from '../chunk-FEK5XGZW.js';
-import '../chunk-MMUBH76A.js';
+import { __spreadProps, __spreadValues } from '../chunk-MMUBH76A.js';
 import * as React from 'react';
 import { X } from 'lucide-react';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 var MD_MEDIA_QUERY = "(min-width: 768px)";
+var CONTAINER_TITLE = { drawer: DrawerTitle, dialog: DialogTitle, sheet: SheetTitle };
+var CONTAINER_DESCRIPTION = {
+  drawer: DrawerDescription,
+  dialog: DialogDescription,
+  sheet: SheetDescription
+};
 function useFocusReturn(open) {
   const openerRef = React.useRef(null);
   const wasOpen = React.useRef(false);
@@ -44,17 +51,23 @@ var ResponsiveOverlay = React.forwardRef(
     footer,
     closeLabel = "Close",
     size = "lg",
+    desktop = "dialog",
+    modal = true,
+    wideFrom = "md",
     className,
     bodyClassName
   }, ref) => {
-    const isWide = useMediaQuery(MD_MEDIA_QUERY);
+    const isWide = useMediaQuery(wideFrom === "lg" ? DESKTOP_MEDIA_QUERY : MD_MEDIA_QUERY);
+    const container = isWide ? desktop : "drawer";
     const titleId = React.useId();
     const subtitleId = React.useId();
     useFocusReturn(open);
+    const Title = CONTAINER_TITLE[container];
+    const Description = CONTAINER_DESCRIPTION[container];
     const header = /* @__PURE__ */ jsxs("div", { "data-slot": "responsive-overlay-header", className: "flex items-start gap-3 px-5 pt-5", children: [
       /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
-        isWide ? /* @__PURE__ */ jsx(DialogTitle, { id: titleId, className: "text-[19px] font-bold leading-tight", children: title }) : /* @__PURE__ */ jsx(DrawerTitle, { id: titleId, className: "text-[19px] font-bold leading-tight", children: title }),
-        subtitle ? isWide ? /* @__PURE__ */ jsx(DialogDescription, { id: subtitleId, className: "mt-1 text-[13px] text-muted-foreground", children: subtitle }) : /* @__PURE__ */ jsx(DrawerDescription, { id: subtitleId, className: "mt-1 text-[13px] text-muted-foreground", children: subtitle }) : null
+        /* @__PURE__ */ jsx(Title, { id: titleId, className: "text-[19px] font-bold leading-tight", children: title }),
+        subtitle ? /* @__PURE__ */ jsx(Description, { id: subtitleId, className: "mt-1 text-[13px] text-muted-foreground", children: subtitle }) : null
       ] }),
       /* @__PURE__ */ jsxs(
         "button",
@@ -86,7 +99,33 @@ var ResponsiveOverlay = React.forwardRef(
         children: footer
       }
     ) : null;
-    if (isWide) {
+    if (container === "sheet") {
+      return /* @__PURE__ */ jsx(Sheet, { open, onOpenChange, modal, children: /* @__PURE__ */ jsxs(
+        SheetContent,
+        __spreadProps(__spreadValues({
+          ref,
+          side: "right",
+          attachment: "inset",
+          hideClose: true,
+          overlayClassName: "bg-scrim-overlay backdrop-blur-none",
+          "aria-labelledby": titleId,
+          "aria-describedby": subtitle ? subtitleId : void 0,
+          "data-slot": "responsive-overlay-sheet",
+          "data-modal": modal ? "true" : "false"
+        }, modal ? {} : { onInteractOutside: (event) => event.preventDefault() }), {
+          className: cn(
+            "flex w-[420px] max-w-[calc(100vw-1.5rem)] flex-col gap-0 bg-card p-0",
+            className
+          ),
+          children: [
+            header,
+            body,
+            foot
+          ]
+        })
+      ) });
+    }
+    if (container === "dialog") {
       return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs(
         DialogContent,
         {

package/dist/components/sheet.d.ts

@@ -36,6 +36,12 @@ interface SheetContentProps extends React.ComponentPropsWithoutRef<typeof Dialog
      * buttons in the same corner.
      */
     hideClose?: boolean;
+    /**
+     * Classes for the scrim. The default `bg-black/50` is kept for every
+     * existing caller; pass `bg-scrim-overlay` for the themed dim, as `Drawer`
+     * and `Dialog` already allow. A non-modal sheet renders no scrim at all.
+     */
+    overlayClassName?: string;
 }
 declare const SheetContent: React.ForwardRefExoticComponent<SheetContentProps & React.RefAttributes<HTMLDivElement>>;
 declare const SheetHeader: {

package/dist/components/sheet.js

@@ -1,133 +1,3 @@
-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 } = _b, props = __objRest(_b, ["side", "attachment", "className", "children", "hideClose"]);
-  return /* @__PURE__ */ jsxs(SheetPortal, { children: [
-    /* @__PURE__ */ jsx(SheetOverlay, {}),
-    /* @__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 };
+export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger } from '../chunk-LAEVMNJN.js';
+import '../chunk-FEK5XGZW.js';
+import '../chunk-MMUBH76A.js';

package/dist/components/signature-chip.js

@@ -1,4 +1,4 @@
-export { SignatureChip } from '../chunk-6W25S5CF.js';
-import '../chunk-NIAL4ZU2.js';
+export { SignatureChip } from '../chunk-KGXTBTCJ.js';
+import '../chunk-FQAIYKAS.js';
 import '../chunk-FEK5XGZW.js';
 import '../chunk-MMUBH76A.js';

package/dist/components/tabs.d.ts

@@ -8,7 +8,22 @@ declare const TabsList: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsL
     /** Make horizontal lists scrollable when overflowing. Default true for underline, false for pill. */
     scrollable?: boolean;
 } & React.RefAttributes<HTMLDivElement>>;
-declare const TabsTrigger: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const TabsTrigger: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & {
+    /**
+     * A count after the label — "Today 3", "Queue 2" (today/03-d0). `null`
+     * means the count is unknown (still loading, or its read failed) and draws
+     * an em dash, "Queue —" (today/04-d3); `undefined` draws nothing.
+     * Tabular figures, so the strip does not shift as a count ticks.
+     */
+    count?: number | null;
+    /**
+     * What a screen reader hears for the count, in place of the bare figure —
+     * "3 waiting", "count unavailable". Injected, like every label here: the
+     * design system holds no copy. Without it the figure is read as is and the
+     * dash is silent.
+     */
+    countLabel?: string;
+} & React.RefAttributes<HTMLButtonElement>>;
 declare const TabsContent: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 
 export { Tabs, TabsContent, TabsList, TabsTrigger };

package/dist/components/tabs.js

@@ -4,7 +4,7 @@ import { __objRest, __spreadValues, __spreadProps } from '../chunk-MMUBH76A.js';
 import * as React from 'react';
 import * as TabsPrimitive from '@radix-ui/react-tabs';
 import { motion } from 'framer-motion';
-import { jsx, jsxs } from 'react/jsx-runtime';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 var TabsContext = React.createContext({
   variant: "pill",
@@ -50,7 +50,7 @@ var TabsList = React.forwardRef((_a, ref) => {
 });
 TabsList.displayName = TabsPrimitive.List.displayName;
 var TabsTrigger = React.forwardRef((_a, ref) => {
-  var _b = _a, { className, children } = _b, props = __objRest(_b, ["className", "children"]);
+  var _b = _a, { className, children, count, countLabel } = _b, props = __objRest(_b, ["className", "children", "count", "countLabel"]);
   const { variant, orientation, indicatorId } = React.useContext(TabsContext);
   const triggerRef = React.useRef(null);
   const [isActive, setIsActive] = React.useState(false);
@@ -111,7 +111,25 @@ var TabsTrigger = React.forwardRef((_a, ref) => {
             )
           }
         ),
-        /* @__PURE__ */ jsx("span", { className: "relative z-10 flex items-center gap-2", children })
+        /* @__PURE__ */ jsxs("span", { className: "relative z-10 flex items-center gap-2", children: [
+          children,
+          count !== void 0 ? /* @__PURE__ */ jsxs(Fragment, { children: [
+            " ",
+            /* @__PURE__ */ jsx(
+              "span",
+              {
+                "data-slot": "tabs-trigger-count",
+                "aria-hidden": countLabel !== void 0 || count === null ? true : void 0,
+                className: "tabular-nums",
+                children: count === null ? "\u2014" : count
+              }
+            ),
+            countLabel !== void 0 ? /* @__PURE__ */ jsxs("span", { className: "sr-only", children: [
+              " ",
+              countLabel
+            ] }) : null
+          ] }) : null
+        ] })
       ]
     })
   );

package/dist/components/top-ranking-entry.js

@@ -1,8 +1,8 @@
-import { MenuItem } from '../chunk-XNBDACL7.js';
-import '../chunk-6W25S5CF.js';
+import { MenuItem } from '../chunk-ZUBBMLBD.js';
+import '../chunk-KGXTBTCJ.js';
 import { Separator } from '../chunk-NWZGSLPU.js';
 import { Skeleton } from '../chunk-XBBEX4SF.js';
-import '../chunk-NIAL4ZU2.js';
+import '../chunk-FQAIYKAS.js';
 import { cn } from '../chunk-FEK5XGZW.js';
 import { __objRest, __spreadValues } from '../chunk-MMUBH76A.js';
 import { MapPin, Star, MessageSquareQuote } from 'lucide-react';

package/package.json

@@ -1,7 +1,6 @@
 {
   "name": "@bearmenu/ui",
-  "version": "0.8.34",
-  "packageManager": "pnpm@10.28.1",
+  "version": "0.8.36",
   "description": "BearMenu design system — shared UI tokens, primitives, and components",
   "license": "UNLICENSED",
   "repository": {
@@ -17,222 +16,20 @@
     "src"
   ],
   "exports": {
-    "./components/accordion": "./src/components/accordion.tsx",
-    "./components/action-bar": "./src/components/action-bar.tsx",
-    "./components/activity-row": "./src/components/activity-row.tsx",
-    "./components/alert": "./src/components/alert.tsx",
-    "./components/alert-dialog": "./src/components/alert-dialog.tsx",
-    "./components/aspect-ratio": "./src/components/aspect-ratio.tsx",
-    "./components/avatar": "./src/components/avatar.tsx",
-    "./components/badge": "./src/components/badge.tsx",
-    "./components/banner": "./src/components/banner.tsx",
-    "./components/booking-row": "./src/components/booking-row.tsx",
-    "./components/booking-summary-card": "./src/components/booking-summary-card.tsx",
-    "./components/breadcrumb": "./src/components/breadcrumb.tsx",
-    "./components/button": "./src/components/button.tsx",
-    "./components/button-group": "./src/components/button-group.tsx",
-    "./components/calendar": "./src/components/calendar.tsx",
-    "./components/card": "./src/components/card.tsx",
-    "./components/carousel": "./src/components/carousel.tsx",
-    "./components/category-deck": "./src/components/category-deck.tsx",
-    "./components/checkbox": "./src/components/checkbox.tsx",
-    "./components/circular-progress": "./src/components/circular-progress.tsx",
-    "./components/coach-marks": "./src/components/coach-marks.tsx",
-    "./components/collapsible": "./src/components/collapsible.tsx",
-    "./components/combobox": "./src/components/combobox.tsx",
-    "./components/command": "./src/components/command.tsx",
-    "./components/concept-card": "./src/components/concept-card.tsx",
-    "./components/concept-compare": "./src/components/concept-compare.tsx",
-    "./components/concept-compare-rail": "./src/components/concept-compare-rail.tsx",
-    "./components/concept-convergence": "./src/components/concept-convergence.tsx",
-    "./components/convergence": "./src/components/convergence.tsx",
-    "./components/coverflow": "./src/components/coverflow.tsx",
-    "./components/currency-input": "./src/components/currency-input.tsx",
-    "./components/date-input": "./src/components/date-input.tsx",
-    "./components/day-rail-chip": "./src/components/day-rail-chip.tsx",
-    "./components/description-list": "./src/components/description-list.tsx",
-    "./components/dialog": "./src/components/dialog.tsx",
-    "./components/doorway-tiles": "./src/components/doorway-tiles.tsx",
-    "./components/drawer": "./src/components/drawer.tsx",
-    "./components/drift-rail": "./src/components/drift-rail.tsx",
-    "./components/dropdown-menu": "./src/components/dropdown-menu.tsx",
-    "./components/empty-state": "./src/components/empty-state.tsx",
-    "./components/event-card": "./src/components/event-card.tsx",
-    "./components/event-compact-row": "./src/components/event-compact-row.tsx",
-    "./components/event-day-header": "./src/components/event-day-header.tsx",
-    "./components/event-day-separator": "./src/components/event-day-separator.tsx",
-    "./components/event-detail-panel": "./src/components/event-detail-panel.tsx",
-    "./components/event-hub-hero": "./src/components/event-hub-hero.tsx",
-    "./components/event-index-row": "./src/components/event-index-row.tsx",
-    "./components/event-list-row": "./src/components/event-list-row.tsx",
-    "./components/event-list-row-wide": "./src/components/event-list-row-wide.tsx",
-    "./components/event-poster-fallback": "./src/components/event-poster-fallback.tsx",
-    "./components/event-tonight-strip": "./src/components/event-tonight-strip.tsx",
-    "./components/event-types": "./src/components/event-types.ts",
-    "./components/events-empty-state": "./src/components/events-empty-state.tsx",
-    "./components/explainer-steps": "./src/components/explainer-steps.tsx",
-    "./components/facet-group": "./src/components/facet-group.tsx",
-    "./components/featured-rail-item": "./src/components/featured-rail-item.tsx",
-    "./components/field": "./src/components/field.tsx",
-    "./components/filter-category-row": "./src/components/filter-category-row.tsx",
-    "./components/form": "./src/components/form.tsx",
-    "./components/glass-ground": "./src/components/glass-ground.tsx",
-    "./components/grade-atom": "./src/components/grade-atom.tsx",
-    "./components/haptic-switch": "./src/components/haptic-switch.tsx",
-    "./components/hold-countdown": "./src/components/hold-countdown.tsx",
-    "./components/hub-surface": "./src/components/hub-surface.tsx",
-    "./components/hue-chip": "./src/components/hue-chip.tsx",
-    "./components/icon": "./src/components/icon.tsx",
-    "./components/input": "./src/components/input.tsx",
-    "./components/input-group": "./src/components/input-group.tsx",
-    "./components/input-otp": "./src/components/input-otp.tsx",
-    "./components/item": "./src/components/item.tsx",
-    "./components/kbd": "./src/components/kbd.tsx",
-    "./components/label": "./src/components/label.tsx",
-    "./components/kitchen-dossier": "./src/components/kitchen-dossier.tsx",
-    "./components/lazy-markdown": "./src/components/lazy-markdown.tsx",
-    "./components/link-button": "./src/components/link-button.tsx",
-    "./components/markdown-renderer": "./src/components/markdown-renderer.tsx",
-    "./components/menu-dead-end": "./src/components/menu-dead-end.tsx",
-    "./components/menu-family-block": "./src/components/menu-family-block.tsx",
-    "./components/menu-family-card": "./src/components/menu-family-card.tsx",
-    "./components/menu-field": "./src/components/menu-field.tsx",
-    "./components/menu-filter-chips": "./src/components/menu-filter-chips.tsx",
-    "./components/menu-group-rows": "./src/components/menu-group-rows.tsx",
-    "./components/menu-hub-hero": "./src/components/menu-hub-hero.tsx",
-    "./components/menu-index-header": "./src/components/menu-index-header.tsx",
-    "./components/menu-index-list": "./src/components/menu-index-list.tsx",
-    "./components/menu-intent-hero": "./src/components/menu-intent-hero.tsx",
-    "./components/menu-item": "./src/components/menu-item.tsx",
-    "./components/menu-pick-row": "./src/components/menu-pick-row.tsx",
-    "./components/menu-kitchen-list": "./src/components/menu-kitchen-list.tsx",
-    "./components/menu-mocks": "./src/components/menu-mocks.ts",
-    "./components/menu-types": "./src/components/menu-types.ts",
-    "./components/motion-icon": "./src/components/motion-icon.tsx",
-    "./components/motion-icon-actions": "./src/components/motion-icon-actions.tsx",
-    "./components/motion-icon-controls": "./src/components/motion-icon-controls.tsx",
-    "./components/motion-icon-set": "./src/components/motion-icon-set.tsx",
-    "./components/multi-select-combobox": "./src/components/multi-select-combobox.tsx",
-    "./components/multi-select-menu": "./src/components/multi-select-menu.tsx",
-    "./components/native-select": "./src/components/native-select.tsx",
-    "./components/open-now-list": "./src/components/open-now-list.tsx",
-    "./components/pagination": "./src/components/pagination.tsx",
-    "./components/party-counter": "./src/components/party-counter.tsx",
-    "./components/phone-frame": "./src/components/phone-frame.tsx",
-    "./components/photo-ground": "./src/components/photo-ground.tsx",
-    "./components/place-about-tab": "./src/components/place-about-tab.tsx",
-    "./components/place-card": "./src/components/place-card.tsx",
-    "./components/place-details-mobile": "./src/components/place-details-mobile.tsx",
-    "./components/place-schedule-week": "./src/components/place-schedule-week.tsx",
-    "./components/place-types": "./src/components/place-types.ts",
-    "./components/popover": "./src/components/popover.tsx",
-    "./components/poster-stack": "./src/components/poster-stack.tsx",
-    "./components/poster-tape": "./src/components/poster-tape.tsx",
-    "./components/poster-wall": "./src/components/poster-wall.tsx",
-    "./components/progress": "./src/components/progress.tsx",
-    "./components/qa-block": "./src/components/qa-block.tsx",
-    "./components/qr-panel": "./src/components/qr-panel.tsx",
-    "./components/quiet-stretch": "./src/components/quiet-stretch.tsx",
-    "./components/radio-group": "./src/components/radio-group.tsx",
-    "./components/reconcile-bar": "./src/components/reconcile-bar.tsx",
-    "./components/responsive-overlay": "./src/components/responsive-overlay.tsx",
-    "./components/rating": "./src/components/rating.tsx",
-    "./components/scroll-area": "./src/components/scroll-area.tsx",
-    "./components/scroll-fade": "./src/components/scroll-fade.tsx",
-    "./components/search-bar": "./src/components/search-bar.tsx",
-    "./components/searchable-select": "./src/components/searchable-select.tsx",
-    "./components/section-header": "./src/components/section-header.tsx",
-    "./components/segmented-nav": "./src/components/segmented-nav.tsx",
-    "./components/select": "./src/components/select.tsx",
-    "./components/selection-bar": "./src/components/selection-bar.tsx",
-    "./components/separator": "./src/components/separator.tsx",
-    "./components/sheet": "./src/components/sheet.tsx",
-    "./components/signature-chip": "./src/components/signature-chip.tsx",
-    "./components/skeleton": "./src/components/skeleton.tsx",
-    "./components/skeleton-card": "./src/components/skeleton-card.tsx",
-    "./components/slider": "./src/components/slider.tsx",
-    "./components/sliding-panels": "./src/components/sliding-panels.tsx",
-    "./components/sonner": "./src/components/sonner.tsx",
-    "./components/sort-option-list": "./src/components/sort-option-list.tsx",
-    "./components/spinner": "./src/components/spinner.tsx",
-    "./components/split-share-row": "./src/components/split-share-row.tsx",
-    "./components/stat-banner": "./src/components/stat-banner.tsx",
-    "./components/stepper": "./src/components/stepper.tsx",
-    "./components/sticky-container": "./src/components/sticky-container.tsx",
-    "./components/story": "./src/components/story.tsx",
-    "./components/switch": "./src/components/switch.tsx",
-    "./components/table": "./src/components/table.tsx",
-    "./components/table-ledger-card": "./src/components/table-ledger-card.tsx",
-    "./components/table-trigger-band": "./src/components/table-trigger-band.tsx",
-    "./components/tabs": "./src/components/tabs.tsx",
-    "./components/tag": "./src/components/tag.tsx",
-    "./components/tag-group": "./src/components/tag-group.tsx",
-    "./components/text": "./src/components/text.tsx",
-    "./components/textarea": "./src/components/textarea.tsx",
-    "./components/time-slot": "./src/components/time-slot.tsx",
-    "./components/timeline-day": "./src/components/timeline-day.tsx",
-    "./components/timeline-hour": "./src/components/timeline-hour.tsx",
-    "./components/timeline-hour-puck": "./src/components/timeline-hour-puck.tsx",
-    "./components/toggle": "./src/components/toggle.tsx",
-    "./components/toggle-group": "./src/components/toggle-group.tsx",
-    "./components/tooltip": "./src/components/tooltip.tsx",
-    "./components/top-comparison": "./src/components/top-comparison.tsx",
-    "./components/top-cross-link": "./src/components/top-cross-link.tsx",
-    "./components/top-ranking-entry": "./src/components/top-ranking-entry.tsx",
-    "./components/top-ranking-hero": "./src/components/top-ranking-hero.tsx",
-    "./components/top-ranking-legend": "./src/components/top-ranking-legend.tsx",
-    "./components/top-types": "./src/components/top-types.ts",
-    "./components/use-mobile": "./src/components/use-mobile.tsx",
-    "./components/venue-events-block": "./src/components/venue-events-block.tsx",
-    "./components/venue-grade-dimensions": "./src/components/venue-grade-dimensions.tsx",
-    "./components/venue-quotes": "./src/components/venue-quotes.tsx",
-    "./components/venue-wall": "./src/components/venue-wall.tsx",
-    "./components/weekday-chip": "./src/components/weekday-chip.tsx",
-    "./components/weekday-theme-banner": "./src/components/weekday-theme-banner.tsx",
-    "./components/weekend-panel": "./src/components/weekend-panel.tsx",
     "./globals.css": "./src/globals.css",
-    "./hooks/use-drag-swipe": "./src/hooks/use-drag-swipe.ts",
-    "./hooks/use-haptic": "./src/hooks/use-haptic.ts",
-    "./hooks/use-media-query": "./src/hooks/use-media-query.ts",
-    "./hooks/use-mobile": "./src/hooks/use-mobile.ts",
-    "./hooks/use-mounted-theme": "./src/hooks/use-mounted-theme.ts",
-    "./hooks/use-sticky": "./src/hooks/use-sticky.ts",
-    "./lib/card-hover": "./src/lib/card-hover.ts",
-    "./lib/grade": "./src/lib/grade.ts",
-    "./lib/icon-depth": "./src/lib/icon-depth.ts",
-    "./lib/icon-registry": "./src/lib/icon-registry.ts",
-    "./lib/motion": "./src/lib/motion.ts",
-    "./lib/overlay-pill": "./src/lib/overlay-pill.ts",
-    "./lib/utils": "./src/lib/utils.ts"
-  },
-  "publishConfig": {
-    "exports": {
-      "./globals.css": "./src/globals.css",
-      "./components/*": {
-        "types": "./dist/components/*.d.ts",
-        "import": "./dist/components/*.js"
-      },
-      "./hooks/*": {
-        "types": "./dist/hooks/*.d.ts",
-        "import": "./dist/hooks/*.js"
-      },
-      "./lib/*": {
-        "types": "./dist/lib/*.d.ts",
-        "import": "./dist/lib/*.js"
-      }
+    "./components/*": {
+      "types": "./dist/components/*.d.ts",
+      "import": "./dist/components/*.js"
+    },
+    "./hooks/*": {
+      "types": "./dist/hooks/*.d.ts",
+      "import": "./dist/hooks/*.js"
+    },
+    "./lib/*": {
+      "types": "./dist/lib/*.d.ts",
+      "import": "./dist/lib/*.js"
     }
   },
-  "scripts": {
-    "storybook": "storybook dev -p 6006",
-    "build-storybook": "storybook build",
-    "build": "tsup",
-    "dev": "tsup --watch",
-    "typecheck": "tsc --noEmit",
-    "test": "vitest run",
-    "test:watch": "vitest",
-    "clean": "rm -rf dist",
-    "prepublishOnly": "pnpm run build"
-  },
   "peerDependencies": {
     "@hookform/resolvers": "^3.0.0 || ^5.0.0",
     "@radix-ui/react-accordion": "*",
@@ -341,5 +138,15 @@
     "vaul": "^1.1.2",
     "vitest": "^4.1.5",
     "zod": "^3.25.67"
+  },
+  "scripts": {
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build",
+    "build": "tsup",
+    "dev": "tsup --watch",
+    "typecheck": "tsc --noEmit",
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "clean": "rm -rf dist"
   }
-}
+}