@bearmenu/ui 0.8.31 → 0.8.33

package/dist/{chunk-5HHRVJOT.js → chunk-5SGKGFMN.js}

@@ -75,7 +75,7 @@ var buttonVariants = cva(
         /** The `ink` action's shape. Owns the radius so no variant fights it. */
         pill: "h-11 rounded-full px-5 text-[13.5px] font-bold",
         /** The booking design's action: 46px, 12px radius, 15px semibold. */
-        cta: "h-[46px] rounded-xl px-5 text-[15px] font-semibold",
+        cta: "h-[46px] rounded-[12px] px-5 text-[15px] font-semibold",
         /** Its compact form, in dense footers and inline rows: 38px, 10px radius. */
         "cta-sm": "h-[38px] rounded-[10px] px-4 text-[13.5px] font-semibold",
         icon: "h-11 w-11 rounded-full",

package/dist/components/alert-dialog.js

@@ -1,4 +1,4 @@
-import { buttonVariants } from '../chunk-5HHRVJOT.js';
+import { buttonVariants } from '../chunk-5SGKGFMN.js';
 import '../chunk-RIH2IS7X.js';
 import '../chunk-5YNIQ2BL.js';
 import { cn } from '../chunk-FEK5XGZW.js';

package/dist/components/button.js

@@ -1,4 +1,4 @@
-export { Button, buttonVariants } from '../chunk-5HHRVJOT.js';
+export { Button, buttonVariants } from '../chunk-5SGKGFMN.js';
 import '../chunk-RIH2IS7X.js';
 import '../chunk-5YNIQ2BL.js';
 import '../chunk-FEK5XGZW.js';

package/dist/components/calendar.js

@@ -1,4 +1,4 @@
-import { buttonVariants, Button } from '../chunk-5HHRVJOT.js';
+import { buttonVariants, Button } from '../chunk-5SGKGFMN.js';
 import '../chunk-RIH2IS7X.js';
 import '../chunk-5YNIQ2BL.js';
 import { cn } from '../chunk-FEK5XGZW.js';

package/dist/components/carousel.js

@@ -1,4 +1,4 @@
-import { Button } from '../chunk-5HHRVJOT.js';
+import { Button } from '../chunk-5SGKGFMN.js';
 import '../chunk-RIH2IS7X.js';
 import '../chunk-5YNIQ2BL.js';
 import { cn } from '../chunk-FEK5XGZW.js';

package/dist/components/coach-marks.js

@@ -1,4 +1,4 @@
-import { Button } from '../chunk-5HHRVJOT.js';
+import { Button } from '../chunk-5SGKGFMN.js';
 import '../chunk-RIH2IS7X.js';
 import '../chunk-5YNIQ2BL.js';
 import { cn } from '../chunk-FEK5XGZW.js';

package/dist/components/combobox.js

@@ -1,7 +1,7 @@
 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 { Button } from '../chunk-5HHRVJOT.js';
+import { Button } from '../chunk-5SGKGFMN.js';
 import '../chunk-RIH2IS7X.js';
 import '../chunk-5YNIQ2BL.js';
 import { cn } from '../chunk-FEK5XGZW.js';

package/dist/components/empty-state.js

@@ -1,4 +1,4 @@
-import { Button } from '../chunk-5HHRVJOT.js';
+import { Button } from '../chunk-5SGKGFMN.js';
 import '../chunk-RIH2IS7X.js';
 import '../chunk-5YNIQ2BL.js';
 import { Text } from '../chunk-ZLMRVBD7.js';

package/dist/components/event-detail-panel.js

@@ -2,7 +2,7 @@ import { resolveEventEntryFee } from '../chunk-DNSXMHYX.js';
 import { Separator } from '../chunk-NWZGSLPU.js';
 import { EventPosterFallback } from '../chunk-FDITZ2VM.js';
 import { Skeleton } from '../chunk-XBBEX4SF.js';
-import { Button } from '../chunk-5HHRVJOT.js';
+import { Button } from '../chunk-5SGKGFMN.js';
 import '../chunk-RIH2IS7X.js';
 import '../chunk-5YNIQ2BL.js';
 import { cn } from '../chunk-FEK5XGZW.js';

package/dist/components/event-list-row-wide.js

@@ -3,7 +3,7 @@ import { Tag } from '../chunk-MWB7S54O.js';
 import { Separator } from '../chunk-NWZGSLPU.js';
 import { EventPosterFallback } from '../chunk-FDITZ2VM.js';
 import { Skeleton } from '../chunk-XBBEX4SF.js';
-import { buttonVariants } from '../chunk-5HHRVJOT.js';
+import { buttonVariants } from '../chunk-5SGKGFMN.js';
 import '../chunk-RIH2IS7X.js';
 import '../chunk-5YNIQ2BL.js';
 import { cn } from '../chunk-FEK5XGZW.js';

package/dist/components/hold-countdown.js

@@ -3,7 +3,7 @@ import '../chunk-MMUBH76A.js';
 import * as React from 'react';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
-var HOLD_BORDER = "border-[oklch(0.62_0.15_70)] dark:border-warning";
+var HOLD_BORDER = "border-warning-deep";
 function remainingSeconds(expiresAt, now) {
   const end = typeof expiresAt === "number" ? expiresAt : Date.parse(expiresAt);
   return Math.max(0, Math.ceil((end - now) / 1e3));

package/dist/components/link-button.js

@@ -1,4 +1,4 @@
-import { Button } from '../chunk-5HHRVJOT.js';
+import { Button } from '../chunk-5SGKGFMN.js';
 import '../chunk-RIH2IS7X.js';
 import '../chunk-5YNIQ2BL.js';
 import '../chunk-FEK5XGZW.js';

package/dist/components/menu-family-block.js

@@ -3,7 +3,7 @@ import { HueChip } from '../chunk-6VOWT4YR.js';
 import { Separator } from '../chunk-NWZGSLPU.js';
 import { PhotoGround, PHOTO_GROUND } from '../chunk-SWD6CJ35.js';
 import { Skeleton } from '../chunk-XBBEX4SF.js';
-import { buttonVariants } from '../chunk-5HHRVJOT.js';
+import { buttonVariants } from '../chunk-5SGKGFMN.js';
 import '../chunk-RIH2IS7X.js';
 import '../chunk-5YNIQ2BL.js';
 import { cn } from '../chunk-FEK5XGZW.js';

package/dist/components/menu-index-list.js

@@ -1,6 +1,6 @@
 import { Separator } from '../chunk-NWZGSLPU.js';
 import { Skeleton } from '../chunk-XBBEX4SF.js';
-import { Button } from '../chunk-5HHRVJOT.js';
+import { Button } from '../chunk-5SGKGFMN.js';
 import '../chunk-RIH2IS7X.js';
 import '../chunk-5YNIQ2BL.js';
 import { cn } from '../chunk-FEK5XGZW.js';

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

@@ -2,7 +2,7 @@ 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 { Button } from '../chunk-5HHRVJOT.js';
+import { Button } from '../chunk-5SGKGFMN.js';
 import '../chunk-RIH2IS7X.js';
 import '../chunk-5YNIQ2BL.js';
 import { Badge } from '../chunk-ZU4NAYN7.js';

package/dist/components/pagination.js

@@ -1,4 +1,4 @@
-import { buttonVariants } from '../chunk-5HHRVJOT.js';
+import { buttonVariants } from '../chunk-5SGKGFMN.js';
 import '../chunk-RIH2IS7X.js';
 import '../chunk-5YNIQ2BL.js';
 import { cn } from '../chunk-FEK5XGZW.js';

package/dist/components/searchable-select.js

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

package/dist/components/sliding-panels.js

@@ -1,4 +1,4 @@
-import { Button } from '../chunk-5HHRVJOT.js';
+import { Button } from '../chunk-5SGKGFMN.js';
 import '../chunk-RIH2IS7X.js';
 import '../chunk-5YNIQ2BL.js';
 import { cn } from '../chunk-FEK5XGZW.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bearmenu/ui",
-  "version": "0.8.31",
+  "version": "0.8.33",
   "packageManager": "pnpm@10.28.1",
   "description": "BearMenu design system — shared UI tokens, primitives, and components",
   "license": "UNLICENSED",

package/src/components/button.tsx

@@ -80,7 +80,7 @@ const buttonVariants = cva(
         /** The `ink` action's shape. Owns the radius so no variant fights it. */
         pill: "h-11 rounded-full px-5 text-[13.5px] font-bold",
         /** The booking design's action: 46px, 12px radius, 15px semibold. */
-        cta: "h-[46px] rounded-xl px-5 text-[15px] font-semibold",
+        cta: "h-[46px] rounded-[12px] px-5 text-[15px] font-semibold",
         /** Its compact form, in dense footers and inline rows: 38px, 10px radius. */
         "cta-sm": "h-[38px] rounded-[10px] px-4 text-[13.5px] font-semibold",
         icon: "h-11 w-11 rounded-full",

package/src/components/hold-countdown.tsx

@@ -49,7 +49,7 @@ export type HoldCountdownProps = {
  * design's as a timer. Dark mode takes the lifted token, which already has
  * the contrast against the dark card.
  */
-const HOLD_BORDER = "border-[oklch(0.62_0.15_70)] dark:border-warning";
+const HOLD_BORDER = "border-warning-deep";
 
 function remainingSeconds(expiresAt: string | number, now: number): number {
   const end = typeof expiresAt === "number" ? expiresAt : Date.parse(expiresAt);

package/src/globals.css

@@ -94,6 +94,19 @@ h6 {
    */
   --destructive-ink: oklch(0.52 0.16 25);
   --success-ink: oklch(0.42 0.13 155);
+  /**
+   * Warning as INK, the missing twin of the two above. `--warning` is tuned
+   * to be a fill and a border; as a GLYPH on its own 15–20% wash it measures
+   * 2.2:1 in light, which is a graphic nobody can see. This is the design's
+   * own value for that glyph, and it clears 3:1 against the wash.
+   */
+  --warning-ink: oklch(0.45 0.1 70);
+  /**
+   * The hold hairline: deeper than `--warning`, which on white reads as a
+   * yellow alert where the design's reads as a timer. Dark takes the lifted
+   * token, which already has its contrast against the dark card.
+   */
+  --warning-deep: oklch(0.62 0.15 70);
   --border: oklch(0.895 0 0);
   --input: oklch(0.895 0 0);
   --ring: oklch(0.25 0.05 35);
@@ -164,8 +177,14 @@ h6 {
   /* The dim behind a sheet or a dialog. It has to be mode-aware: this value
      over a white page separates plane 2 from plane 0 by 3.6:1, and the same
      value over a near-black one dims nothing at all (the dark block below
-     carries the deeper, more opaque sibling). */
-  --scrim: oklch(0.16 0.01 55 / 0.5);
+     carries the deeper, more opaque sibling).
+
+     NOT `--scrim`: the consumer app's own stylesheet is imported after this
+     one and defines a `--scrim` of its own (an OPAQUE photo-banner hue,
+     consumed through Tailwind's fractional stops). A token named `--scrim`
+     here is silently shadowed there, and `bg-scrim` then paints the banner
+     colour at full alpha over the whole page. */
+  --scrim-overlay: oklch(0.16 0.01 55 / 0.5);
 
   /* Brown variant — replaces hardcoded #482E1F across button/badge */
   --brown: oklch(0.31 0.05 45);
@@ -292,6 +311,9 @@ h6 {
   /** Lifted for text on `--card`, where the solid token measures ~3.8:1. */
   --destructive-ink: oklch(0.72 0.15 25);
   --success-ink: oklch(0.72 0.15 155);
+  /** Lifted for a glyph on the dark wash, as its siblings are. */
+  --warning-ink: oklch(0.82 0.13 70);
+  --warning-deep: var(--warning);
   --border: oklch(0.32 0.01 45);
   --input: oklch(0.32 0.01 45);
   --ring: oklch(0.98 0 0);
@@ -320,7 +342,7 @@ h6 {
      composites to the canvas itself, leaving a sheet with no edge at all —
      in dark, elevation is carried by the scrim and by lightness, not by a
      shadow nobody can see. */
-  --scrim: oklch(0.05 0.01 55 / 0.78);
+  --scrim-overlay: oklch(0.05 0.01 55 / 0.78);
   --sidebar: oklch(0.205 0 0);
   --sidebar-foreground: oklch(0.985 0 0);
   --sidebar-primary: oklch(0.488 0.243 264.376);
@@ -388,8 +410,10 @@ h6 {
   --color-destructive-foreground: var(--destructive-foreground);
   --color-destructive-ink: var(--destructive-ink);
   --color-success-ink: var(--success-ink);
-  /* `bg-scrim` — the dim behind a sheet or a dialog. */
-  --color-scrim: var(--scrim);
+  --color-warning-ink: var(--warning-ink);
+  --color-warning-deep: var(--warning-deep);
+  /* `bg-scrim-overlay` — the dim behind a sheet or a dialog. */
+  --color-scrim-overlay: var(--scrim-overlay);
   --color-border: var(--border);
   --color-input: var(--input);
   --color-ring: var(--ring);