@bearmenu/ui 0.8.32 → 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/alert.d.ts

@@ -3,10 +3,10 @@ import * as React from 'react';
 import { VariantProps } from 'class-variance-authority';
 
 declare const alertVariants: (props?: ({
-    variant?: "success" | "warning" | "default" | "destructive" | null | undefined;
+    variant?: "default" | "destructive" | "warning" | "success" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare const Alert: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & VariantProps<(props?: ({
-    variant?: "success" | "warning" | "default" | "destructive" | null | undefined;
+    variant?: "default" | "destructive" | "warning" | "success" | 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?: "code" | "success" | "warning" | "default" | "destructive" | "outline" | "secondary" | "glass" | "overlay" | "brown" | "onPrimary" | "confirmed" | "pending" | "completed" | null | undefined;
+    variant?: "code" | "default" | "destructive" | "outline" | "secondary" | "glass" | "overlay" | "brown" | "warning" | "success" | "onPrimary" | "confirmed" | "pending" | "completed" | null | undefined;
     size?: "status" | "chip" | null | undefined;
     live?: boolean | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;

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" | "warning" | "default" | "destructive" | "outline" | "secondary" | "ghost" | "glass" | "overlay" | "ink" | "brown" | "cta" | null | undefined;
+    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;
     fullWidth?: boolean | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;

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/dist/components/tag.d.ts

@@ -3,11 +3,11 @@ import * as React from 'react';
 import { VariantProps } from 'class-variance-authority';
 
 declare const tagVariants: (props?: ({
-    variant?: "success" | "warning" | "default" | "destructive" | "outline" | "primary" | "quiet" | null | undefined;
+    variant?: "default" | "destructive" | "outline" | "warning" | "success" | "primary" | "quiet" | null | undefined;
     size?: "default" | "sm" | "lg" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare const Tag: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLSpanElement> & VariantProps<(props?: ({
-    variant?: "success" | "warning" | "default" | "destructive" | "outline" | "primary" | "quiet" | null | undefined;
+    variant?: "default" | "destructive" | "outline" | "warning" | "success" | "primary" | "quiet" | null | undefined;
     size?: "default" | "sm" | "lg" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string> & {
     onRemove?: () => void;

package/dist/components/text.d.ts

@@ -22,7 +22,7 @@ import { VariantProps } from 'class-variance-authority';
  * Weights are 400 / 600 / 700. 500 is not in the system.
  */
 declare const textVariants: (props?: ({
-    variant?: "body" | "caption" | "h1" | "h2" | "h3" | "h4" | "label" | "small" | "display" | "body-lg" | "body-sm" | "overline" | null | undefined;
+    variant?: "h2" | "h3" | "label" | "body" | "caption" | "h1" | "h4" | "small" | "display" | "body-lg" | "body-sm" | "overline" | null | undefined;
     color?: "inherit" | "default" | "destructive" | "muted" | "primary" | "primary-foreground" | null | undefined;
     weight?: "bold" | "medium" | "normal" | "semibold" | null | undefined;
     leading?: "none" | "normal" | "tight" | "snug" | "relaxed" | "loose" | null | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bearmenu/ui",
-  "version": "0.8.32",
+  "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);
@@ -298,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);
@@ -394,6 +410,8 @@ h6 {
   --color-destructive-foreground: var(--destructive-foreground);
   --color-destructive-ink: var(--destructive-ink);
   --color-success-ink: var(--success-ink);
+  --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);