@bearmenu/ui 0.8.11 → 0.8.12

package/dist/{chunk-H3ZZDX5L.js → chunk-7A42J73Q.js}

@@ -1,5 +1,5 @@
 import { SnapRail, SnapRailDots } from './chunk-DTXNDLSE.js';
-import { PhotoGround } from './chunk-5RWTOT5Y.js';
+import { PhotoGround } from './chunk-CNJQUHCU.js';
 import { cn } from './chunk-FEK5XGZW.js';
 import * as React from 'react';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';

package/dist/{chunk-5RWTOT5Y.js → chunk-CNJQUHCU.js}

@@ -14,6 +14,7 @@ function PhotoGround({
   overlay,
   overlayClassName,
   loading = "lazy",
+  glyphClassName,
   className
 }) {
   const initialOf = (index) => {
@@ -39,7 +40,16 @@ function PhotoGround({
       /* Never a grey box: the ground with the venue's initial. A missing
          photograph is not a broken image, and drawing one as a placeholder
          makes a real city look unfinished. */
-      /* @__PURE__ */ jsx("span", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsx("span", { className: "font-serif text-[64px] font-semibold leading-none text-white/15", children: initialOf(index) }) })
+      /* @__PURE__ */ jsx("span", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsx(
+        "span",
+        {
+          className: cn(
+            "font-serif text-[64px] font-semibold leading-none text-white/15",
+            glyphClassName
+          ),
+          children: initialOf(index)
+        }
+      ) })
     ) }, index);
   };
   return /* @__PURE__ */ jsxs("span", { "aria-hidden": true, className: cn("absolute inset-0 block", PHOTO_GROUND, className), children: [

package/dist/{chunk-JS3EINZD.js → chunk-VAXOQS7W.js}

@@ -33,6 +33,16 @@ var buttonVariants = cva(
          * reverse, if the two are ever unified.
          */
         overlay: "bg-black/50 text-white hover:bg-black/65 focus-visible:ring-white/70",
+        /**
+         * The LABELLED action on a photo surface — "Open the menu", "See all
+         * 46 bars", "How we read menus" — where `overlay` is the unlabelled
+         * chrome. Glass on the ink: translucent white with a hairline, white
+         * type. Same reasoning as `overlay`: not theme-aware, because it
+         * contrasts with the photograph, not the canvas. Pair with `size="pill"`.
+         * Icons trail, never lead: `ArrowRight` when it navigates to a page,
+         * `ChevronRight` when it opens a sheet or drawer.
+         */
+        ink: "border border-white/20 bg-white/[0.16] text-white hover:bg-white/25 focus-visible:ring-white/70 focus-visible:ring-offset-0",
         brown: "bg-brown text-brown-foreground shadow-sm hover:bg-brown/85 hover:shadow",
         antagonist: "bg-primary-foreground text-primary shadow-sm hover:bg-accent hover:text-accent-foreground border border-border hover:border-accent"
       },
@@ -41,6 +51,8 @@ var buttonVariants = cva(
         sm: "h-9 rounded-lg px-4",
         default: "h-11 px-6 py-2",
         lg: "h-12 rounded-2xl px-8",
+        /** 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",
         icon: "h-11 w-11 rounded-full",
         "icon-xs": "h-8 w-8 rounded-full [&_svg]:size-3.5",
         "icon-sm": "h-9 w-9 rounded-full",

package/dist/{chunk-AKQ57NXY.js → chunk-ZQ53AGML.js}

@@ -38,11 +38,11 @@ function VenueGradeDimensions({
             "div",
             {
               "aria-hidden": true,
-              className: "relative block h-[3px] overflow-hidden rounded-full bg-muted",
+              className: "relative block h-[3px] overflow-hidden rounded-full bg-current/15",
               children: /* @__PURE__ */ jsx(
                 "span",
                 {
-                  className: "absolute inset-y-0 left-0 rounded-full bg-[var(--gradient-primary,currentColor)]",
+                  className: "absolute inset-y-0 left-0 rounded-full bg-current bg-[image:var(--gradient-primary)]",
                   style: { width: `${Math.min(100, Math.max(0, value))}%` }
                 }
               )

package/dist/components/alert-dialog.js

@@ -1,4 +1,4 @@
-import { buttonVariants } from '../chunk-JS3EINZD.js';
+import { buttonVariants } from '../chunk-VAXOQS7W.js';
 import '../chunk-R47NEOSI.js';
 import { cn } from '../chunk-FEK5XGZW.js';
 import { __objRest, __spreadProps, __spreadValues } from '../chunk-3GWWZKX7.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?: "default" | "success" | "warning" | "destructive" | null | undefined;
+    variant?: "default" | "destructive" | "success" | "warning" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare const Alert: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & VariantProps<(props?: ({
-    variant?: "default" | "success" | "warning" | "destructive" | null | undefined;
+    variant?: "default" | "destructive" | "success" | "warning" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string> & React.RefAttributes<HTMLDivElement>>;
 declare const AlertTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLParagraphElement>>;
 declare const AlertDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;

package/dist/components/avatar.d.ts

@@ -4,11 +4,11 @@ import * as AvatarPrimitive from '@radix-ui/react-avatar';
 import { VariantProps } from 'class-variance-authority';
 
 declare const avatarVariants: (props?: ({
-    size?: "xs" | "sm" | "default" | "lg" | "xl" | null | undefined;
+    size?: "default" | "xs" | "sm" | "lg" | "xl" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 type AvatarSize = NonNullable<VariantProps<typeof avatarVariants>["size"]>;
 declare const Avatar: React.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarProps & React.RefAttributes<HTMLSpanElement>, "ref"> & VariantProps<(props?: ({
-    size?: "xs" | "sm" | "default" | "lg" | "xl" | null | undefined;
+    size?: "default" | "xs" | "sm" | "lg" | "xl" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string> & React.RefAttributes<HTMLSpanElement>>;
 declare const AvatarImage: React.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarImageProps & React.RefAttributes<HTMLImageElement>, "ref"> & React.RefAttributes<HTMLImageElement>>;
 declare const AvatarFallback: React.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarFallbackProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
@@ -17,7 +17,7 @@ declare const AvatarBadge: React.ForwardRefExoticComponent<React.HTMLAttributes<
     tone?: "success" | "warning" | "destructive" | "muted";
 } & React.RefAttributes<HTMLSpanElement>>;
 declare const avatarGroupOverflowVariants: (props?: ({
-    size?: "xs" | "sm" | "default" | "lg" | "xl" | null | undefined;
+    size?: "default" | "xs" | "sm" | "lg" | "xl" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare const AvatarGroup: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
     max?: number;

package/dist/components/badge.d.ts

@@ -4,7 +4,7 @@ import * as React from 'react';
 import { VariantProps } from 'class-variance-authority';
 
 declare const badgeVariants: (props?: ({
-    variant?: "default" | "success" | "warning" | "destructive" | "outline" | "secondary" | "glass" | "overlay" | "brown" | null | undefined;
+    variant?: "default" | "destructive" | "outline" | "secondary" | "glass" | "overlay" | "brown" | "success" | "warning" | null | undefined;
     live?: boolean | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {

package/dist/components/button.d.ts

@@ -3,8 +3,8 @@ import * as React from 'react';
 import { VariantProps } from 'class-variance-authority';
 
 declare const buttonVariants: (props?: ({
-    variant?: "default" | "link" | "destructive" | "outline" | "secondary" | "ghost" | "glass" | "overlay" | "brown" | "antagonist" | null | undefined;
-    size?: "xs" | "sm" | "default" | "lg" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
+    variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | "glass" | "overlay" | "ink" | "brown" | "antagonist" | null | undefined;
+    size?: "default" | "xs" | "sm" | "lg" | "pill" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
     fullWidth?: boolean | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {

package/dist/components/button.js

@@ -1,4 +1,4 @@
-export { Button, buttonVariants } from '../chunk-JS3EINZD.js';
+export { Button, buttonVariants } from '../chunk-VAXOQS7W.js';
 import '../chunk-R47NEOSI.js';
 import '../chunk-FEK5XGZW.js';
 import '../chunk-3GWWZKX7.js';

package/dist/components/calendar.js

@@ -1,4 +1,4 @@
-import { buttonVariants, Button } from '../chunk-JS3EINZD.js';
+import { buttonVariants, Button } from '../chunk-VAXOQS7W.js';
 import '../chunk-R47NEOSI.js';
 import { cn } from '../chunk-FEK5XGZW.js';
 import { __objRest, __spreadValues, __spreadProps } from '../chunk-3GWWZKX7.js';

package/dist/components/card.d.ts

@@ -3,13 +3,13 @@ import * as React from 'react';
 import { VariantProps } from 'class-variance-authority';
 
 declare const cardVariants: (props?: ({
-    variant?: "muted" | "outline" | "glass" | "surface" | "elevated" | "elevatedPanel" | null | undefined;
-    size?: "sm" | "default" | "lg" | 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;
-    size?: "sm" | "default" | "lg" | 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>>;
 declare const CardHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;

package/dist/components/carousel.js

@@ -1,4 +1,4 @@
-import { Button } from '../chunk-JS3EINZD.js';
+import { Button } from '../chunk-VAXOQS7W.js';
 import '../chunk-R47NEOSI.js';
 import { cn } from '../chunk-FEK5XGZW.js';
 import { __objRest, __spreadProps, __spreadValues } from '../chunk-3GWWZKX7.js';

package/dist/components/combobox.js

@@ -1,7 +1,7 @@
 import { Popover, PopoverTrigger, PopoverContent } from '../chunk-66MAPLXS.js';
 import { Command, CommandInput, CommandList, CommandLoading, CommandEmpty, CommandGroup, CommandItem } from '../chunk-XNA2INVQ.js';
 import '../chunk-FRPPIXMY.js';
-import { Button } from '../chunk-JS3EINZD.js';
+import { Button } from '../chunk-VAXOQS7W.js';
 import '../chunk-R47NEOSI.js';
 import { cn } from '../chunk-FEK5XGZW.js';
 import '../chunk-3GWWZKX7.js';

package/dist/components/command.d.ts

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

package/dist/components/concept-compare-rail.js

@@ -1,5 +1,5 @@
-export { ConceptCompareRail } from '../chunk-H3ZZDX5L.js';
+export { ConceptCompareRail } from '../chunk-7A42J73Q.js';
 import '../chunk-DTXNDLSE.js';
-import '../chunk-5RWTOT5Y.js';
+import '../chunk-CNJQUHCU.js';
 import '../chunk-FEK5XGZW.js';
 import '../chunk-3GWWZKX7.js';

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

@@ -69,7 +69,7 @@ type ConceptCompareFigure = {
 type ConceptCompareLabels = {
     /** Small caps kicker, e.g. "DISH CONCEPT". */
     kind: string;
-    /** The badge on the lowest-priced room, e.g. "CHEAPEST". */
+    /** The badge on the lowest-priced room, e.g. "CHEAPEST" — the fallback when a row carries no `badge`. */
     cheapest: string;
     /** The badge on every other room, e.g. "#2". Defaults to `#${rank}`. */
     rank?: (rank: number) => string;

package/dist/components/concept-compare.js

@@ -1,7 +1,7 @@
 import { Separator } from '../chunk-WSRWFA6K.js';
-import { ConceptCompareRail } from '../chunk-H3ZZDX5L.js';
+import { ConceptCompareRail } from '../chunk-7A42J73Q.js';
 import '../chunk-DTXNDLSE.js';
-import { PhotoGround, PHOTO_GROUND } from '../chunk-5RWTOT5Y.js';
+import { PhotoGround, PHOTO_GROUND } from '../chunk-CNJQUHCU.js';
 import { Skeleton } from '../chunk-QXHMPJ35.js';
 import { cn } from '../chunk-FEK5XGZW.js';
 import { __objRest, __spreadValues } from '../chunk-3GWWZKX7.js';
@@ -106,8 +106,11 @@ function ConceptCompare({
               actions && /* @__PURE__ */ jsx("div", { className: "flex shrink-0 [&>*]:w-full lg:[&>*]:w-auto", children: actions })
             ] }) : void 0,
             children: rooms.map((room, index) => {
+              var _a2, _b2;
               const href = hrefs == null ? void 0 : hrefs[room.place_slug];
-              const isCheapest = room.price === cheapest;
+              const badge = (_a2 = room.badge) != null ? _a2 : room.price === cheapest ? labels.cheapest : rankOf(index + 1);
+              const isCheapest = badge === labels.cheapest;
+              const lead = (_b2 = room.lead) != null ? _b2 : isCheapest ? "price" : void 0;
               const roomClass = cn(
                 /* Transparent on the phone — the card behind it is the room's
                    photograph — with only its scrim and its line. A photograph of
@@ -140,14 +143,23 @@ function ConceptCompare({
                     ),
                     children: [
                       isCheapest && /* @__PURE__ */ jsx(ArrowDown, { className: "h-3 w-3 shrink-0", "aria-hidden": true }),
-                      isCheapest ? labels.cheapest : rankOf(index + 1)
+                      badge
                     ]
                   }
                 ),
                 /* @__PURE__ */ jsxs("span", { className: "mt-2.5 flex items-center gap-1.5 text-white", children: [
                   /* @__PURE__ */ jsx(MapPin, { className: "h-3.5 w-3.5 shrink-0 text-white/70", "aria-hidden": true }),
                   /* @__PURE__ */ jsx("b", { className: "min-w-0 flex-1 truncate text-[15px] font-bold leading-tight", children: room.place_name }),
-                  room.rating !== void 0 && /* @__PURE__ */ jsxs("span", { className: "flex shrink-0 items-center gap-1 text-[12px] text-white/70", children: [
+                  room.grade ? /* @__PURE__ */ jsx(
+                    "span",
+                    {
+                      className: cn(
+                        "shrink-0 text-[14px] font-extrabold leading-none tabular-nums text-[oklch(0.82_0.15_85)]",
+                        lead === "grade" && "text-[16px]"
+                      ),
+                      children: room.grade
+                    }
+                  ) : room.rating !== void 0 && /* @__PURE__ */ jsxs("span", { className: "flex shrink-0 items-center gap-1 text-[12px] text-white/70", children: [
                     /* @__PURE__ */ jsx(Star, { className: "h-3 w-3 shrink-0", "aria-hidden": true }),
                     /* @__PURE__ */ jsx("span", { className: "tabular-nums", children: room.rating })
                   ] })
@@ -155,7 +167,7 @@ function ConceptCompare({
                 room.place_area && /* @__PURE__ */ jsx("span", { className: "mt-0.5 block text-[12px] text-white/70", children: room.place_area }),
                 /* @__PURE__ */ jsx("span", { className: "mt-2 block truncate font-serif text-[14px] text-white/90", children: room.alias }),
                 /* @__PURE__ */ jsx(Separator, { className: "my-2.5 via-white/20" }),
-                /* @__PURE__ */ jsxs("span", { className: "flex items-baseline gap-2", children: [
+                /* @__PURE__ */ jsxs("span", { className: "flex flex-wrap items-baseline gap-x-2 gap-y-1", children: [
                   /* @__PURE__ */ jsx(
                     "b",
                     {
@@ -166,7 +178,16 @@ function ConceptCompare({
                       children: formatPrice(room.price)
                     }
                   ),
-                  room.mentions !== void 0 && room.mentions > 0 && /* @__PURE__ */ jsx("span", { className: "text-[11.5px] text-white/65", children: labels.mentions(room.mentions) })
+                  room.mentions !== void 0 && room.mentions > 0 && /* @__PURE__ */ jsx(
+                    "span",
+                    {
+                      className: cn(
+                        "text-[11.5px]",
+                        lead === "mentions" ? "font-bold text-white" : "text-white/65"
+                      ),
+                      children: labels.mentions(room.mentions)
+                    }
+                  )
                 ] })
               ] });
               return href ? /* @__PURE__ */ jsx(

package/dist/components/concept-convergence.js

@@ -1,4 +1,4 @@
-import { PhotoGround } from '../chunk-5RWTOT5Y.js';
+import { PhotoGround } from '../chunk-CNJQUHCU.js';
 import { Convergence } from '../chunk-MZL7CGCL.js';
 import '../chunk-LEAYBICI.js';
 import { Badge } from '../chunk-2CXU5WZO.js';

package/dist/components/date-input.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 
-declare const DateInput: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "type"> & {
+declare const DateInput: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "size"> & {
     /** Native input type. Defaults to "date". */
     type?: "date" | "datetime-local" | "time" | "month" | "week";
     size?: "sm" | "default" | "lg";

package/dist/components/dialog.d.ts

@@ -10,11 +10,11 @@ declare const DialogPortal: React.FC<DialogPrimitive.DialogPortalProps>;
 declare const DialogClose: React.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
 declare const DialogOverlay: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const dialogContentVariants: (props?: ({
-    size?: "sm" | "default" | "lg" | "xl" | "full" | null | undefined;
+    size?: "default" | "sm" | "lg" | "xl" | "full" | null | undefined;
     scrollBehavior?: "inside" | "outside" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare const DialogContent: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & VariantProps<(props?: ({
-    size?: "sm" | "default" | "lg" | "xl" | "full" | null | undefined;
+    size?: "default" | "sm" | "lg" | "xl" | "full" | null | undefined;
     scrollBehavior?: "inside" | "outside" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string> & {
     showCloseButton?: boolean;

package/dist/components/empty-state.js

@@ -1,4 +1,4 @@
-import { Button } from '../chunk-JS3EINZD.js';
+import { Button } from '../chunk-VAXOQS7W.js';
 import '../chunk-R47NEOSI.js';
 import { Text } from '../chunk-7BWTYWM3.js';
 import { cn } from '../chunk-FEK5XGZW.js';

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

@@ -2,7 +2,7 @@ import { resolveEventEntryFee } from '../chunk-DNSXMHYX.js';
 import { Separator } from '../chunk-WSRWFA6K.js';
 import { EventPosterFallback } from '../chunk-FDITZ2VM.js';
 import { Skeleton } from '../chunk-QXHMPJ35.js';
-import { Button } from '../chunk-JS3EINZD.js';
+import { Button } from '../chunk-VAXOQS7W.js';
 import '../chunk-R47NEOSI.js';
 import { cn } from '../chunk-FEK5XGZW.js';
 import { __spreadProps, __spreadValues, __objRest } from '../chunk-3GWWZKX7.js';

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

@@ -3,7 +3,7 @@ import { Tag } from '../chunk-ZDAHKI3A.js';
 import { Separator } from '../chunk-WSRWFA6K.js';
 import { EventPosterFallback } from '../chunk-FDITZ2VM.js';
 import { Skeleton } from '../chunk-QXHMPJ35.js';
-import { buttonVariants } from '../chunk-JS3EINZD.js';
+import { buttonVariants } from '../chunk-VAXOQS7W.js';
 import '../chunk-R47NEOSI.js';
 import { cn } from '../chunk-FEK5XGZW.js';
 import { __objRest, __spreadValues } from '../chunk-3GWWZKX7.js';

package/dist/components/haptic-button.js

@@ -1,4 +1,4 @@
-import { Button } from '../chunk-JS3EINZD.js';
+import { Button } from '../chunk-VAXOQS7W.js';
 import { useHaptic } from '../chunk-R47NEOSI.js';
 import '../chunk-FEK5XGZW.js';
 import { __objRest, __spreadProps, __spreadValues } from '../chunk-3GWWZKX7.js';

package/dist/components/input-group.d.ts

@@ -3,12 +3,12 @@ import * as React from 'react';
 import { VariantProps } from 'class-variance-authority';
 
 declare const inputGroupVariants: (props?: ({
-    size?: "sm" | "default" | "lg" | null | undefined;
-    shape?: "rounded" | "pill" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
+    shape?: "pill" | "rounded" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare const InputGroup: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & VariantProps<(props?: ({
-    size?: "sm" | "default" | "lg" | null | undefined;
-    shape?: "rounded" | "pill" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
+    shape?: "pill" | "rounded" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string> & React.RefAttributes<HTMLDivElement>>;
 declare const InputGroupInput: React.ForwardRefExoticComponent<React.InputHTMLAttributes<HTMLInputElement> & React.RefAttributes<HTMLInputElement>>;
 declare const InputGroupAddon: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {

package/dist/components/input.d.ts

@@ -3,8 +3,8 @@ import * as React from 'react';
 import { VariantProps } from 'class-variance-authority';
 
 declare const inputVariants: (props?: ({
-    size?: "sm" | "default" | "lg" | null | undefined;
-    shape?: "rounded" | "pill" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
+    shape?: "pill" | "rounded" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "size">, VariantProps<typeof inputVariants> {
 }

package/dist/components/item.d.ts

@@ -3,21 +3,31 @@ import * as React from 'react';
 import { VariantProps } from 'class-variance-authority';
 
 declare const itemVariants: (props?: ({
-    variant?: "default" | "muted" | "outline" | null | undefined;
-    size?: "sm" | "default" | "lg" | 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;
-    size?: "sm" | "default" | "lg" | 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> & {
     asChild?: boolean;
 } & React.RefAttributes<HTMLDivElement>>;
-declare const ItemMedia: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-declare const ItemContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-declare const ItemTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-declare const ItemDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-declare const ItemActions: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const ItemMedia: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+    asChild?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const ItemContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+    asChild?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const ItemTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+    asChild?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const ItemDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+    asChild?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const ItemActions: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+    asChild?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
 
 export { Item, ItemActions, ItemContent, ItemDescription, ItemMedia, ItemTitle, itemVariants };

package/dist/components/item.js

@@ -48,9 +48,10 @@ var Item = React.forwardRef(
 Item.displayName = "Item";
 var ItemMedia = React.forwardRef(
   (_a, ref) => {
-    var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+    var _b = _a, { className, asChild } = _b, props = __objRest(_b, ["className", "asChild"]);
+    const Comp = asChild ? Slot : "div";
     return /* @__PURE__ */ jsx(
-      "div",
+      Comp,
       __spreadValues({
         ref,
         "data-slot": "item-media",
@@ -62,9 +63,10 @@ var ItemMedia = React.forwardRef(
 ItemMedia.displayName = "ItemMedia";
 var ItemContent = React.forwardRef(
   (_a, ref) => {
-    var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+    var _b = _a, { className, asChild } = _b, props = __objRest(_b, ["className", "asChild"]);
+    const Comp = asChild ? Slot : "div";
     return /* @__PURE__ */ jsx(
-      "div",
+      Comp,
       __spreadValues({
         ref,
         "data-slot": "item-content",
@@ -76,9 +78,10 @@ var ItemContent = React.forwardRef(
 ItemContent.displayName = "ItemContent";
 var ItemTitle = React.forwardRef(
   (_a, ref) => {
-    var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+    var _b = _a, { className, asChild } = _b, props = __objRest(_b, ["className", "asChild"]);
+    const Comp = asChild ? Slot : "div";
     return /* @__PURE__ */ jsx(
-      "div",
+      Comp,
       __spreadValues({
         ref,
         "data-slot": "item-title",
@@ -90,9 +93,10 @@ var ItemTitle = React.forwardRef(
 ItemTitle.displayName = "ItemTitle";
 var ItemDescription = React.forwardRef(
   (_a, ref) => {
-    var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+    var _b = _a, { className, asChild } = _b, props = __objRest(_b, ["className", "asChild"]);
+    const Comp = asChild ? Slot : "div";
     return /* @__PURE__ */ jsx(
-      "div",
+      Comp,
       __spreadValues({
         ref,
         "data-slot": "item-description",
@@ -104,9 +108,10 @@ var ItemDescription = React.forwardRef(
 ItemDescription.displayName = "ItemDescription";
 var ItemActions = React.forwardRef(
   (_a, ref) => {
-    var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+    var _b = _a, { className, asChild } = _b, props = __objRest(_b, ["className", "asChild"]);
+    const Comp = asChild ? Slot : "div";
     return /* @__PURE__ */ jsx(
-      "div",
+      Comp,
       __spreadValues({
         ref,
         "data-slot": "item-actions",

package/dist/components/kbd.d.ts

@@ -3,10 +3,10 @@ import * as React from 'react';
 import { VariantProps } from 'class-variance-authority';
 
 declare const kbdVariants: (props?: ({
-    size?: "sm" | "default" | "lg" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare const Kbd: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & VariantProps<(props?: ({
-    size?: "sm" | "default" | "lg" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string> & React.RefAttributes<HTMLElement>>;
 declare const KbdGroup: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLSpanElement> & React.RefAttributes<HTMLSpanElement>>;
 

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

@@ -56,6 +56,8 @@ type KitchenDossierLabels = {
     next: string;
     /** Dimension key → translated label. */
     dimensions: Partial<Record<VenueGradeDimensionKey, string>>;
+    /** Beside the grade in the title row, e.g. "/10". Omit for the bare numeral. */
+    gradeUnit?: string;
 };
 type KitchenDossierProps = {
     place: PlacePreview;