@bearmenu/ui 0.8.27 → 0.8.28

package/dist/{chunk-QG6I2ILT.js → chunk-GESB7GCF.js}

@@ -1,4 +1,4 @@
-import { Badge } from './chunk-IEIJP73R.js';
+import { Badge } from './chunk-ZU4NAYN7.js';
 import { cn } from './chunk-FEK5XGZW.js';
 import { jsx } from 'react/jsx-runtime';
 

package/dist/{chunk-VEFKZIK6.js → chunk-GTQSGDYF.js}

@@ -24,7 +24,7 @@ var inputVariants = cva(
        */
       appearance: {
         default: "",
-        booking: "h-[46px] rounded-[11px] bg-card px-[13px] py-0 text-[14px] leading-[1.2] focus-visible:bg-card focus-visible:ring-ring aria-invalid:border-[oklch(0.52_0.16_25)] dark:aria-invalid:border-destructive"
+        booking: "h-[46px] rounded-[11px] bg-card px-[13px] py-0 text-[14px] leading-[1.2] focus-visible:bg-card focus-visible:ring-ring aria-invalid:border-destructive-ink"
       }
     },
     defaultVariants: {

package/dist/{chunk-AHHDC7ML.js → chunk-VSRGEB36.js}

@@ -1,4 +1,4 @@
-import { SignatureChip } from './chunk-QG6I2ILT.js';
+import { SignatureChip } from './chunk-GESB7GCF.js';
 import { cn } from './chunk-FEK5XGZW.js';
 import { __objRest, __spreadValues } from './chunk-MMUBH76A.js';
 import { memo } from 'react';

package/dist/{chunk-IEIJP73R.js → chunk-ZU4NAYN7.js}

@@ -29,9 +29,24 @@ var badgeVariants = cva(
          */
         // `border-0`: the base's transparent hairline would add 2px to each
         // side the design does not have.
-        confirmed: "rounded-full border-0 bg-success/15 px-[9px] py-[3px] text-[10.5px] leading-[1.2] font-bold text-[oklch(0.38_0.1_155)] dark:text-success",
+        confirmed: "rounded-full border-0 bg-success/15 px-[9px] py-[3px] text-[10.5px] leading-[1.2] font-bold text-success-ink",
         pending: "rounded-full border-0 bg-warning/20 px-[9px] py-[3px] text-[10.5px] leading-[1.2] font-bold text-[oklch(0.42_0.1_70)] dark:text-warning",
-        code: "rounded-full border-0 bg-surface-2 px-[9px] py-[3px] font-mono text-[10.5px] leading-[1.2] font-bold tabular-nums text-ink-secondary"
+        code: "rounded-full border-0 bg-surface-2 px-[9px] py-[3px] font-mono text-[10.5px] leading-[1.2] font-bold tabular-nums text-ink-secondary",
+        /**
+         * A booking that is over — "Completed", "Missed". The quiet sibling
+         * of `confirmed` / `pending`: the same pill, the muted ink, because
+         * nothing about it needs acting on.
+         */
+        completed: "rounded-full border-0 bg-muted px-[9px] py-[3px] text-[10.5px] leading-[1.2] font-bold text-muted-foreground"
+      },
+      /**
+       * `status` is the taller pill the booking design draws beside a
+       * summary — the same ink and radius, more air. `chip` (the default) is
+       * the inline one that sits in a row of text.
+       */
+      size: {
+        chip: "",
+        status: "py-[11px]"
       },
       // v1.0 motion: "live" surface signal — applies `live-pulse` archetype.
       // Pair with a colored variant (e.g. variant="destructive" live).
@@ -42,13 +57,20 @@ var badgeVariants = cva(
     },
     defaultVariants: {
       variant: "default",
+      size: "chip",
       live: false
     }
   }
 );
 function Badge(_a) {
-  var _b = _a, { className, variant, live, as: Tag = "div" } = _b, props = __objRest(_b, ["className", "variant", "live", "as"]);
-  return /* @__PURE__ */ jsx(Tag, __spreadValues({ "data-slot": "badge", className: cn(badgeVariants({ variant, live }), className) }, props));
+  var _b = _a, { className, variant, size, live, as: Tag = "div" } = _b, props = __objRest(_b, ["className", "variant", "size", "live", "as"]);
+  return /* @__PURE__ */ jsx(
+    Tag,
+    __spreadValues({
+      "data-slot": "badge",
+      className: cn(badgeVariants({ variant, size, live }), className)
+    }, props)
+  );
 }
 
 export { Badge, badgeVariants };

package/dist/components/badge.d.ts

@@ -4,7 +4,8 @@ import * as React from 'react';
 import { VariantProps } from 'class-variance-authority';
 
 declare const badgeVariants: (props?: ({
-    variant?: "default" | "destructive" | "warning" | "success" | "outline" | "secondary" | "glass" | "overlay" | "brown" | "code" | "onPrimary" | "confirmed" | "pending" | 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;
 interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
@@ -18,6 +19,6 @@ interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<
      */
     as?: "div" | "span";
 }
-declare function Badge({ className, variant, live, as: Tag, ...props }: BadgeProps): react_jsx_runtime.JSX.Element;
+declare function Badge({ className, variant, size, live, as: Tag, ...props }: BadgeProps): react_jsx_runtime.JSX.Element;
 
 export { Badge, type BadgeProps, badgeVariants };

package/dist/components/badge.js

@@ -1,3 +1,3 @@
-export { Badge, badgeVariants } from '../chunk-IEIJP73R.js';
+export { Badge, badgeVariants } from '../chunk-ZU4NAYN7.js';
 import '../chunk-FEK5XGZW.js';
 import '../chunk-MMUBH76A.js';

package/dist/components/banner.d.ts

@@ -26,7 +26,10 @@ declare const bannerVariants: (props?: ({
     tone?: "warning" | "info" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 type BannerProps = Omit<React.HTMLAttributes<HTMLDivElement>, "title"> & VariantProps<typeof bannerVariants> & {
-    /** A lucide icon, drawn at 16px beside the text. */
+    /**
+     * A lucide icon, drawn at 16px beside the text. Omit it for the tone's
+     * own glyph; pass `null` for a note with no icon at all.
+     */
     icon?: React.ReactNode;
     /** The bold first line — "19:30 just went". */
     title?: React.ReactNode;

package/dist/components/banner.js

@@ -1,6 +1,7 @@
 import { cn } from '../chunk-FEK5XGZW.js';
 import { __objRest, __spreadProps, __spreadValues } from '../chunk-MMUBH76A.js';
 import { cva } from 'class-variance-authority';
+import { TriangleAlert, Info } from 'lucide-react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 var bannerVariants = cva(
@@ -15,10 +16,14 @@ var bannerVariants = cva(
     defaultVariants: { tone: "info" }
   }
 );
+var TONE_ICON = {
+  info: /* @__PURE__ */ jsx(Info, { "aria-hidden": true }),
+  warning: /* @__PURE__ */ jsx(TriangleAlert, { "aria-hidden": true })
+};
 function Banner(_a) {
   var _b = _a, { tone, icon, title, className, children } = _b, props = __objRest(_b, ["tone", "icon", "title", "className", "children"]);
   return /* @__PURE__ */ jsxs("div", __spreadProps(__spreadValues({ "data-slot": "banner", className: cn(bannerVariants({ tone }), className) }, props), { children: [
-    icon,
+    icon === void 0 ? TONE_ICON[tone != null ? tone : "info"] : icon,
     /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
       title ? /* @__PURE__ */ jsx("b", { className: "mb-[3px] block text-[13px] font-bold", children: title }) : null,
       /* @__PURE__ */ jsx("div", { className: cn(tone === "warning" && title ? "opacity-90" : void 0), children })

package/dist/components/booking-row.js

@@ -1,4 +1,4 @@
-import { Badge } from '../chunk-IEIJP73R.js';
+import { Badge } from '../chunk-ZU4NAYN7.js';
 import { cn } from '../chunk-FEK5XGZW.js';
 import { __objRest, __spreadValues } from '../chunk-MMUBH76A.js';
 import * as React from 'react';

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?: "default" | "destructive" | "warning" | "link" | "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/card.d.ts

@@ -3,12 +3,12 @@ import * as React from 'react';
 import { VariantProps } from 'class-variance-authority';
 
 declare const cardVariants: (props?: ({
-    variant?: "muted" | "outline" | "glass" | "surface" | "elevated" | "elevatedPanel" | null | undefined;
+    variant?: "outline" | "glass" | "muted" | "surface" | "elevated" | "elevatedPanel" | null | undefined;
     size?: "default" | "sm" | "lg" | null | undefined;
     interactive?: boolean | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare const Card: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & VariantProps<(props?: ({
-    variant?: "muted" | "outline" | "glass" | "surface" | "elevated" | "elevatedPanel" | null | undefined;
+    variant?: "outline" | "glass" | "muted" | "surface" | "elevated" | "elevatedPanel" | null | undefined;
     size?: "default" | "sm" | "lg" | null | undefined;
     interactive?: boolean | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string> & React.RefAttributes<HTMLDivElement>>;

package/dist/components/command.d.ts

@@ -4,11 +4,11 @@ import { DialogProps } from '@radix-ui/react-dialog';
 
 declare const Command: React.ForwardRefExoticComponent<Omit<{
     children?: React.ReactNode;
-} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement> | "key"> & {
+} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, keyof React.HTMLAttributes<HTMLDivElement> | "asChild" | "key"> & {
+}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & {
     label?: string;
     shouldFilter?: boolean;
     filter?: (value: string, search: string, keywords?: string[]) => number;
@@ -28,61 +28,61 @@ declare const CommandInput: React.ForwardRefExoticComponent<Omit<Omit<Pick<Pick<
     ref?: React.Ref<HTMLInputElement>;
 } & {
     asChild?: boolean;
-}, "asChild" | "key" | keyof React.InputHTMLAttributes<HTMLInputElement>>, "onChange" | "type" | "value"> & {
+}, "key" | "asChild" | keyof React.InputHTMLAttributes<HTMLInputElement>>, "onChange" | "type" | "value"> & {
     value?: string;
     onValueChange?: (search: string) => void;
 } & React.RefAttributes<HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
 declare const CommandList: React.ForwardRefExoticComponent<Omit<{
     children?: React.ReactNode;
-} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement> | "key"> & {
+} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, keyof React.HTMLAttributes<HTMLDivElement> | "asChild" | "key"> & {
+}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & {
     label?: string;
 } & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const CommandEmpty: React.ForwardRefExoticComponent<Omit<{
     children?: React.ReactNode;
-} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement> | "key"> & {
+} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, keyof React.HTMLAttributes<HTMLDivElement> | "asChild" | "key"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const CommandLoading: React.ForwardRefExoticComponent<Omit<{
     children?: React.ReactNode;
-} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement> | "key"> & {
+} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, keyof React.HTMLAttributes<HTMLDivElement> | "asChild" | "key"> & {
+}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & {
     progress?: number;
     label?: string;
 } & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const CommandGroup: React.ForwardRefExoticComponent<Omit<{
     children?: React.ReactNode;
-} & Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement> | "key"> & {
+} & Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, keyof React.HTMLAttributes<HTMLDivElement> | "asChild" | "key">, "heading" | "value"> & {
+}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild">, "heading" | "value"> & {
     heading?: React.ReactNode;
     value?: string;
     forceMount?: boolean;
 } & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const CommandSeparator: React.ForwardRefExoticComponent<Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement> | "key"> & {
+declare const CommandSeparator: React.ForwardRefExoticComponent<Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, keyof React.HTMLAttributes<HTMLDivElement> | "asChild" | "key"> & {
+}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & {
     alwaysRender?: boolean;
 } & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const CommandItem: React.ForwardRefExoticComponent<Omit<{
     children?: React.ReactNode;
-} & Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement> | "key"> & {
+} & Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, keyof React.HTMLAttributes<HTMLDivElement> | "asChild" | "key">, "onSelect" | "disabled" | "value"> & {
+}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild">, "onSelect" | "disabled" | "value"> & {
     disabled?: boolean;
     onSelect?: (value: string) => void;
     value?: string;

package/dist/components/concept-convergence.js

@@ -1,7 +1,7 @@
 import { Convergence } from '../chunk-4XDJXMLF.js';
 import '../chunk-OIV7B44M.js';
 import { PhotoGround } from '../chunk-SWD6CJ35.js';
-import { Badge } from '../chunk-IEIJP73R.js';
+import { Badge } from '../chunk-ZU4NAYN7.js';
 import { cn } from '../chunk-FEK5XGZW.js';
 import '../chunk-MMUBH76A.js';
 import { jsxs, jsx } from 'react/jsx-runtime';

package/dist/components/currency-input.js

@@ -1,4 +1,4 @@
-import { Input } from '../chunk-VEFKZIK6.js';
+import { Input } from '../chunk-GTQSGDYF.js';
 import { cn } from '../chunk-FEK5XGZW.js';
 import { __objRest, __spreadValues } from '../chunk-MMUBH76A.js';
 import * as React from 'react';

package/dist/components/date-input.js

@@ -1,4 +1,4 @@
-import { Input } from '../chunk-VEFKZIK6.js';
+import { Input } from '../chunk-GTQSGDYF.js';
 import { cn } from '../chunk-FEK5XGZW.js';
 import { __objRest, __spreadValues } from '../chunk-MMUBH76A.js';
 import * as React from 'react';

package/dist/components/field.js

@@ -126,11 +126,10 @@ var FieldError = React.forwardRef(
         "data-slot": "field-error",
         className: cn(
           appearance === "booking" ? (
-            // The design's error ink: the solid token is too bright for AA
-            // at 11.5px on white; dark mode's lifted token already clears it.
-            // Light: the design's ink. Dark: lifted further than the solid
-            // token, which lands at ~3.8:1 on the card ground at 11.5px.
-            "m-0 text-[11.5px] leading-[1.2] text-[oklch(0.52_0.16_25)] dark:text-[oklch(0.75_0.13_25)]"
+            // `destructive-ink`, not the solid token: red AS TEXT, dark
+            // enough for AA on white and lifted enough for the card ground
+            // in dark, where the solid one measures ~3.8:1 at 11.5px.
+            "m-0 text-[11.5px] leading-[1.2] text-destructive-ink"
           ) : "text-sm text-destructive",
           className
         )

package/dist/components/filter-category-row.js

@@ -1,5 +1,5 @@
 import { Text } from '../chunk-ZLMRVBD7.js';
-import { Badge } from '../chunk-IEIJP73R.js';
+import { Badge } from '../chunk-ZU4NAYN7.js';
 import '../chunk-FEK5XGZW.js';
 import '../chunk-MMUBH76A.js';
 import { ChevronRight } from 'lucide-react';

package/dist/components/input.js

@@ -1,3 +1,3 @@
-export { Input, inputVariants } from '../chunk-VEFKZIK6.js';
+export { Input, inputVariants } from '../chunk-GTQSGDYF.js';
 import '../chunk-FEK5XGZW.js';
 import '../chunk-MMUBH76A.js';

package/dist/components/item.d.ts

@@ -3,12 +3,12 @@ import * as React from 'react';
 import { VariantProps } from 'class-variance-authority';
 
 declare const itemVariants: (props?: ({
-    variant?: "default" | "muted" | "outline" | null | undefined;
+    variant?: "default" | "outline" | "muted" | null | undefined;
     size?: "default" | "sm" | "lg" | null | undefined;
     interactive?: boolean | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare const Item: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & VariantProps<(props?: ({
-    variant?: "default" | "muted" | "outline" | null | undefined;
+    variant?: "default" | "outline" | "muted" | null | undefined;
     size?: "default" | "sm" | "lg" | null | undefined;
     interactive?: boolean | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string> & {

package/dist/components/menu-item.js

@@ -1,5 +1,5 @@
-export { MentionSignal, MenuItem } from '../chunk-AHHDC7ML.js';
-import '../chunk-QG6I2ILT.js';
-import '../chunk-IEIJP73R.js';
+export { MentionSignal, MenuItem } from '../chunk-VSRGEB36.js';
+import '../chunk-GESB7GCF.js';
+import '../chunk-ZU4NAYN7.js';
 import '../chunk-FEK5XGZW.js';
 import '../chunk-MMUBH76A.js';

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

@@ -5,7 +5,7 @@ import '../chunk-PDTPO6NG.js';
 import { Button } from '../chunk-5HHRVJOT.js';
 import '../chunk-RIH2IS7X.js';
 import '../chunk-5YNIQ2BL.js';
-import { Badge } from '../chunk-IEIJP73R.js';
+import { Badge } from '../chunk-ZU4NAYN7.js';
 import { cn } from '../chunk-FEK5XGZW.js';
 import '../chunk-MMUBH76A.js';
 import * as React from 'react';

package/dist/components/place-card.js

@@ -6,7 +6,7 @@ import { showsGradeAtom } from '../chunk-I5V446BX.js';
 import { Separator } from '../chunk-NWZGSLPU.js';
 import { springSnappy } from '../chunk-OIV7B44M.js';
 import { Skeleton } from '../chunk-XBBEX4SF.js';
-import { Badge } from '../chunk-IEIJP73R.js';
+import { Badge } from '../chunk-ZU4NAYN7.js';
 import { cn } from '../chunk-FEK5XGZW.js';
 import { __objRest, __spreadValues } from '../chunk-MMUBH76A.js';
 import { forwardRef, memo, useState, useMemo } from 'react';

package/dist/components/place-details-mobile.js

@@ -3,7 +3,7 @@ import '../chunk-FMTJGO76.js';
 import '../chunk-MWB7S54O.js';
 import '../chunk-NWZGSLPU.js';
 import { Text } from '../chunk-ZLMRVBD7.js';
-import { Badge } from '../chunk-IEIJP73R.js';
+import { Badge } from '../chunk-ZU4NAYN7.js';
 import { cn } from '../chunk-FEK5XGZW.js';
 import '../chunk-MMUBH76A.js';
 import { useState } from 'react';

package/dist/components/signature-chip.js

@@ -1,4 +1,4 @@
-export { SignatureChip } from '../chunk-QG6I2ILT.js';
-import '../chunk-IEIJP73R.js';
+export { SignatureChip } from '../chunk-GESB7GCF.js';
+import '../chunk-ZU4NAYN7.js';
 import '../chunk-FEK5XGZW.js';
 import '../chunk-MMUBH76A.js';

package/dist/components/spinner.d.ts

@@ -4,11 +4,11 @@ import { VariantProps } from 'class-variance-authority';
 
 declare const spinnerVariants: (props?: ({
     size?: "default" | "xs" | "sm" | "lg" | "xl" | null | undefined;
-    tone?: "default" | "destructive" | "inherit" | "primary" | null | undefined;
+    tone?: "inherit" | "default" | "destructive" | "primary" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare const Spinner: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLSpanElement> & VariantProps<(props?: ({
     size?: "default" | "xs" | "sm" | "lg" | "xl" | null | undefined;
-    tone?: "default" | "destructive" | "inherit" | "primary" | null | undefined;
+    tone?: "inherit" | "default" | "destructive" | "primary" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string> & {
     /** Visually-hidden label for screen readers. Defaults to "Loading". */
     label?: string;

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?: "default" | "destructive" | "warning" | "success" | "primary" | "outline" | "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?: "default" | "destructive" | "warning" | "success" | "primary" | "outline" | "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,9 +22,9 @@ import { VariantProps } from 'class-variance-authority';
  * Weights are 400 / 600 / 700. 500 is not in the system.
  */
 declare const textVariants: (props?: ({
-    variant?: "small" | "display" | "h1" | "h2" | "h3" | "h4" | "body-lg" | "body" | "body-sm" | "caption" | "label" | "overline" | null | undefined;
-    color?: "default" | "destructive" | "inherit" | "muted" | "primary" | "primary-foreground" | null | undefined;
-    weight?: "bold" | "normal" | "medium" | "semibold" | 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;
     tracking?: "normal" | "tight" | "wide" | "wider" | null | undefined;
     wrap?: "balance" | "pretty" | "nowrap" | null | undefined;

package/dist/components/textarea.js

@@ -15,7 +15,7 @@ var textareaVariants = cva(
        */
       appearance: {
         default: "",
-        booking: "min-h-[66px] resize-none rounded-[11px] bg-card px-[13px] py-3 text-[14px] leading-[1.4] focus-visible:bg-card aria-invalid:border-[oklch(0.52_0.16_25)] dark:aria-invalid:border-destructive"
+        booking: "min-h-[66px] resize-none rounded-[11px] bg-card px-[13px] py-3 text-[14px] leading-[1.4] focus-visible:bg-card aria-invalid:border-destructive-ink"
       }
     },
     defaultVariants: { appearance: "default" }

package/dist/components/toggle.d.ts

@@ -5,7 +5,7 @@ import * as TogglePrimitive from '@radix-ui/react-toggle';
 import { VariantProps } from 'class-variance-authority';
 
 declare const toggleVariants: (props?: ({
-    variant?: "default" | "tab" | "outline" | "chip" | "segmented" | null | undefined;
+    variant?: "tab" | "default" | "outline" | "chip" | "segmented" | null | undefined;
     size?: "default" | "sm" | "lg" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare function Toggle({ className, variant, size, ...props }: React.ComponentProps<typeof TogglePrimitive.Root> & VariantProps<typeof toggleVariants>): react_jsx_runtime.JSX.Element;

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

@@ -1,8 +1,8 @@
-import { MenuItem } from '../chunk-AHHDC7ML.js';
-import '../chunk-QG6I2ILT.js';
+import { MenuItem } from '../chunk-VSRGEB36.js';
+import '../chunk-GESB7GCF.js';
 import { Separator } from '../chunk-NWZGSLPU.js';
 import { Skeleton } from '../chunk-XBBEX4SF.js';
-import '../chunk-IEIJP73R.js';
+import '../chunk-ZU4NAYN7.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,6 +1,6 @@
 {
   "name": "@bearmenu/ui",
-  "version": "0.8.27",
+  "version": "0.8.28",
   "packageManager": "pnpm@10.28.1",
   "description": "BearMenu design system — shared UI tokens, primitives, and components",
   "license": "UNLICENSED",

package/src/components/badge.tsx

@@ -34,10 +34,26 @@ const badgeVariants = cva(
         // `border-0`: the base's transparent hairline would add 2px to each
         // side the design does not have.
         confirmed:
-          "rounded-full border-0 bg-success/15 px-[9px] py-[3px] text-[10.5px] leading-[1.2] font-bold text-[oklch(0.38_0.1_155)] dark:text-success",
+          "rounded-full border-0 bg-success/15 px-[9px] py-[3px] text-[10.5px] leading-[1.2] font-bold text-success-ink",
         pending:
           "rounded-full border-0 bg-warning/20 px-[9px] py-[3px] text-[10.5px] leading-[1.2] font-bold text-[oklch(0.42_0.1_70)] dark:text-warning",
         code: "rounded-full border-0 bg-surface-2 px-[9px] py-[3px] font-mono text-[10.5px] leading-[1.2] font-bold tabular-nums text-ink-secondary",
+        /**
+         * A booking that is over — "Completed", "Missed". The quiet sibling
+         * of `confirmed` / `pending`: the same pill, the muted ink, because
+         * nothing about it needs acting on.
+         */
+        completed:
+          "rounded-full border-0 bg-muted px-[9px] py-[3px] text-[10.5px] leading-[1.2] font-bold text-muted-foreground",
+      },
+      /**
+       * `status` is the taller pill the booking design draws beside a
+       * summary — the same ink and radius, more air. `chip` (the default) is
+       * the inline one that sits in a row of text.
+       */
+      size: {
+        chip: "",
+        status: "py-[11px]",
       },
       // v1.0 motion: "live" surface signal — applies `live-pulse` archetype.
       // Pair with a colored variant (e.g. variant="destructive" live).
@@ -48,6 +64,7 @@ const badgeVariants = cva(
     },
     defaultVariants: {
       variant: "default",
+      size: "chip",
       live: false,
     },
   }
@@ -66,9 +83,13 @@ export interface BadgeProps
   as?: "div" | "span";
 }
 
-function Badge({ className, variant, live, as: Tag = "div", ...props }: BadgeProps) {
+function Badge({ className, variant, size, live, as: Tag = "div", ...props }: BadgeProps) {
   return (
-    <Tag data-slot="badge" className={cn(badgeVariants({ variant, live }), className)} {...props} />
+    <Tag
+      data-slot="badge"
+      className={cn(badgeVariants({ variant, size, live }), className)}
+      {...props}
+    />
   );
 }
 

package/src/components/banner.tsx

@@ -1,5 +1,6 @@
 import * as React from "react";
 import { cva, type VariantProps } from "class-variance-authority";
+import { Info, TriangleAlert } from "lucide-react";
 import { cn } from "../lib/utils";
 
 /**
@@ -37,16 +38,25 @@ const bannerVariants = cva(
 
 export type BannerProps = Omit<React.HTMLAttributes<HTMLDivElement>, "title"> &
   VariantProps<typeof bannerVariants> & {
-    /** A lucide icon, drawn at 16px beside the text. */
+    /**
+     * A lucide icon, drawn at 16px beside the text. Omit it for the tone's
+     * own glyph; pass `null` for a note with no icon at all.
+     */
     icon?: React.ReactNode;
     /** The bold first line — "19:30 just went". */
     title?: React.ReactNode;
   };
 
+/** Each tone's own glyph, so a caller never has to remember which. */
+const TONE_ICON = {
+  info: <Info aria-hidden />,
+  warning: <TriangleAlert aria-hidden />,
+} as const;
+
 function Banner({ tone, icon, title, className, children, ...props }: BannerProps) {
   return (
     <div data-slot="banner" className={cn(bannerVariants({ tone }), className)} {...props}>
-      {icon}
+      {icon === undefined ? TONE_ICON[tone ?? "info"] : icon}
       <div className="min-w-0">
         {title ? <b className="mb-[3px] block text-[13px] font-bold">{title}</b> : null}
         <div className={cn(tone === "warning" && title ? "opacity-90" : undefined)}>{children}</div>

package/src/components/field.tsx

@@ -154,11 +154,10 @@ const FieldError = React.forwardRef<HTMLParagraphElement, React.HTMLAttributes<H
         data-slot="field-error"
         className={cn(
           appearance === "booking"
-            ? // The design's error ink: the solid token is too bright for AA
-              // at 11.5px on white; dark mode's lifted token already clears it.
-              // Light: the design's ink. Dark: lifted further than the solid
-              // token, which lands at ~3.8:1 on the card ground at 11.5px.
-              "m-0 text-[11.5px] leading-[1.2] text-[oklch(0.52_0.16_25)] dark:text-[oklch(0.75_0.13_25)]"
+            ? // `destructive-ink`, not the solid token: red AS TEXT, dark
+              // enough for AA on white and lifted enough for the card ground
+              // in dark, where the solid one measures ~3.8:1 at 11.5px.
+              "m-0 text-[11.5px] leading-[1.2] text-destructive-ink"
             : "text-sm text-destructive",
           className
         )}

package/src/components/input.tsx

@@ -23,7 +23,7 @@ const inputVariants = cva(
       appearance: {
         default: "",
         booking:
-          "h-[46px] rounded-[11px] bg-card px-[13px] py-0 text-[14px] leading-[1.2] focus-visible:bg-card focus-visible:ring-ring aria-invalid:border-[oklch(0.52_0.16_25)] dark:aria-invalid:border-destructive",
+          "h-[46px] rounded-[11px] bg-card px-[13px] py-0 text-[14px] leading-[1.2] focus-visible:bg-card focus-visible:ring-ring aria-invalid:border-destructive-ink",
       },
     },
     defaultVariants: {

package/src/components/textarea.tsx

@@ -14,7 +14,7 @@ const textareaVariants = cva(
       appearance: {
         default: "",
         booking:
-          "min-h-[66px] resize-none rounded-[11px] bg-card px-[13px] py-3 text-[14px] leading-[1.4] focus-visible:bg-card aria-invalid:border-[oklch(0.52_0.16_25)] dark:aria-invalid:border-destructive",
+          "min-h-[66px] resize-none rounded-[11px] bg-card px-[13px] py-3 text-[14px] leading-[1.4] focus-visible:bg-card aria-invalid:border-destructive-ink",
       },
     },
     defaultVariants: { appearance: "default" },

package/src/globals.css

@@ -82,6 +82,13 @@ h6 {
   --accent-subtle: oklch(0.945 0 0);
   --destructive: oklch(0.577 0.245 27.325);
   --destructive-foreground: oklch(0.985 0 0);
+  /**
+   * Destructive and success as INK — a red or green label on a card, where
+   * the solid tokens above (tuned for fills, and for text on --background)
+   * fall short of AA. Light mode darkens, dark mode lifts.
+   */
+  --destructive-ink: oklch(0.52 0.16 25);
+  --success-ink: oklch(0.42 0.13 155);
   --border: oklch(0.895 0 0);
   --input: oklch(0.895 0 0);
   --ring: oklch(0.25 0.05 35);
@@ -271,6 +278,9 @@ h6 {
   /* AA-compliant on dark surfaces but dialed back from 0.68 to soften eye strain */
   --destructive: oklch(0.58 0.17 25.7);
   --destructive-foreground: oklch(0.985 0 0);
+  /** 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);
   --border: oklch(0.32 0.01 45);
   --input: oklch(0.32 0.01 45);
   --ring: oklch(0.98 0 0);
@@ -360,6 +370,8 @@ h6 {
   --color-accent-foreground: var(--accent-foreground);
   --color-destructive: var(--destructive);
   --color-destructive-foreground: var(--destructive-foreground);
+  --color-destructive-ink: var(--destructive-ink);
+  --color-success-ink: var(--success-ink);
   --color-border: var(--border);
   --color-input: var(--input);
   --color-ring: var(--ring);