@bearmenu/ui 0.7.1 → 0.8.1

package/dist/{chunk-4JOV7FXW.js → chunk-2DEIXTBN.js}

@@ -6,7 +6,7 @@ import { cva } from 'class-variance-authority';
 import { jsx } from 'react/jsx-runtime';
 
 var labelVariants = cva(
-  "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70 transition-all duration-200"
+  "text-sm font-semibold leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70 transition-all duration-200"
 );
 var Label = React.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);

package/dist/{chunk-UUJVXN2O.js → chunk-66MAPLXS.js}

@@ -9,7 +9,7 @@ var PopoverTrigger = PopoverPrimitive.Trigger;
 var PopoverAnchor = PopoverPrimitive.Anchor;
 var PopoverClose = PopoverPrimitive.Close;
 var PopoverContent = React.forwardRef((_a, ref) => {
-  var _b = _a, { className, align = "center", sideOffset = 4 } = _b, props = __objRest(_b, ["className", "align", "sideOffset"]);
+  var _b = _a, { className, align = "center", sideOffset = 4, collisionPadding = 12 } = _b, props = __objRest(_b, ["className", "align", "sideOffset", "collisionPadding"]);
   return /* @__PURE__ */ jsx(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx(
     PopoverPrimitive.Content,
     __spreadValues({
@@ -17,8 +17,10 @@ var PopoverContent = React.forwardRef((_a, ref) => {
       "data-slot": "popover-content",
       align,
       sideOffset,
+      collisionPadding,
       className: cn(
         "z-50 w-72 rounded-xl border border-border bg-popover p-4 text-popover-foreground shadow-xl outline-none",
+        "max-h-[var(--radix-popover-content-available-height)] overflow-y-auto overscroll-contain",
         "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
         className
       )

package/dist/{chunk-Y5D5LP4A.js → chunk-7BWTYWM3.js}

@@ -11,12 +11,19 @@ var textVariants = cva("", {
       h2: "text-2xl font-semibold tracking-tight",
       h3: "text-xl font-semibold",
       h4: "text-lg font-semibold leading-none tracking-tight",
+      /** @deprecated Now identical to `body`. Use `body`. */
       "body-lg": "text-base leading-relaxed",
-      body: "text-base leading-normal",
+      // `leading-relaxed`, absorbing what `body-lg` was: 16px is the prose size
+      // and prose wants relaxed leading. Two variants differing only in
+      // line-height forced every author to choose between two names for one
+      // role, and the two apps duly diverged onto different ones.
+      body: "text-base leading-relaxed",
       "body-sm": "text-sm leading-relaxed",
+      /** @deprecated Use `body-sm` + `color="muted"` — same size, second name. */
       small: "text-sm text-muted-foreground",
       caption: "text-xs leading-normal text-muted-foreground",
-      label: "text-sm font-medium",
+      // 600, not 500 — see the weight scale below.
+      label: "text-sm font-semibold",
       overline: "text-xs font-semibold uppercase tracking-wider"
     },
     color: {
@@ -27,9 +34,13 @@ var textVariants = cva("", {
       "primary-foreground": "text-primary-foreground",
       inherit: ""
     },
+    // Three weights: 400 / 600 / 700. A fourth step is not a hierarchy level,
+    // it is noise — 500 against 600 is indistinguishable at body sizes while
+    // still counting as a separate treatment when you audit a screen.
     weight: {
       normal: "font-normal",
-      medium: "font-medium",
+      /** @deprecated Alias for `semibold`. 500 is not in the 3-weight system. */
+      medium: "font-semibold",
       semibold: "font-semibold",
       bold: "font-bold"
     },

package/dist/{chunk-ZFNOCP6W.js → chunk-H3BV4VAG.js}

@@ -8,7 +8,7 @@ import { Loader2 } from 'lucide-react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 var buttonVariants = cva(
-  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-xl text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 cursor-pointer [@media(pointer:coarse)]:active:scale-95",
+  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-xl text-sm font-semibold transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 cursor-pointer [@media(pointer:coarse)]:active:scale-95",
   {
     variants: {
       variant: {
@@ -19,6 +19,20 @@ var buttonVariants = cva(
         ghost: "hover:bg-accent hover:text-accent-foreground",
         link: "text-primary underline-offset-4 hover:underline",
         glass: "glass glass-hover text-foreground",
+        /**
+         * Chrome sitting ON a photo — share, close, favourite over a hero or
+         * card image. `glass` is the wrong tool there: it resolves
+         * `text-foreground`, which is near-black in light mode and disappears
+         * into a dark photo.
+         *
+         * Deliberately NOT theme-aware, and so deliberately different from
+         * `Badge`'s `overlay` (`bg-foreground/70 text-background`, which
+         * inverts). A photo is equally a photo in both themes — this chrome has
+         * to contrast with the image beneath it, not with the app canvas, so it
+         * stays dark-on-light-glyph either way. Reconcile Badge to this, not the
+         * reverse, if the two are ever unified.
+         */
+        overlay: "bg-black/40 text-white backdrop-blur-sm hover:bg-black/60 focus-visible:ring-white/70",
         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"
       },

package/dist/{chunk-TL4YU2O5.js → chunk-UKBNQO6Q.js}

@@ -32,8 +32,8 @@ var badgeVariants = cva(
   }
 );
 function Badge(_a) {
-  var _b = _a, { className, variant, live } = _b, props = __objRest(_b, ["className", "variant", "live"]);
-  return /* @__PURE__ */ jsx("div", __spreadValues({ "data-slot": "badge", className: cn(badgeVariants({ variant, live }), className) }, props));
+  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));
 }
 
 export { Badge, badgeVariants };

package/dist/{chunk-UX6SWAKH.js → chunk-UZ3PCIE5.js}

@@ -1,7 +1,7 @@
-import { Tag } from './chunk-YLNYXPIH.js';
+import { Tag } from './chunk-VBA45GLP.js';
 import { Separator } from './chunk-WSRWFA6K.js';
-import { PlaceScheduleWeek } from './chunk-A5ONAJCE.js';
-import { Text } from './chunk-Y5D5LP4A.js';
+import { PlaceScheduleWeek } from './chunk-VG3PND3D.js';
+import { Text } from './chunk-7BWTYWM3.js';
 import { cn } from './chunk-FEK5XGZW.js';
 import { __spreadProps, __spreadValues } from './chunk-3GWWZKX7.js';
 import { Fragment } from 'react';
@@ -42,11 +42,38 @@ function Facebook(props) {
     })
   );
 }
+var SECTION_ORDER = [
+  "hours",
+  "contact",
+  "ordering",
+  "busyness",
+  "amenities",
+  "accessibility",
+  "payment",
+  "parking",
+  "reputation",
+  "cuisines",
+  "landmarks",
+  "description"
+];
+function sectionRank(key) {
+  const i = SECTION_ORDER.indexOf(key);
+  return i === -1 ? Number.MAX_SAFE_INTEGER : i;
+}
 function humanizeEnum(value) {
   return value.replace(/_/g, " ");
 }
 function SectionHeading({ children }) {
-  return /* @__PURE__ */ jsx(Text, { as: "h3", variant: "body-sm", weight: "semibold", className: "text-foreground", children });
+  return /* @__PURE__ */ jsx(
+    Text,
+    {
+      as: "h3",
+      variant: "body-sm",
+      weight: "semibold",
+      className: "text-foreground",
+      children
+    }
+  );
 }
 function Divider() {
   return /* @__PURE__ */ jsx(Separator, { className: "mx-4 w-auto" });
@@ -78,6 +105,8 @@ function PlaceAboutTab({
   labels,
   mapSlot,
   busynessSlot,
+  orderingSlot,
+  reputationSlot,
   onLinkClick,
   className
 }) {
@@ -99,7 +128,9 @@ function PlaceAboutTab({
     ((_a = place.location) == null ? void 0 : _a.address) || place.phone || place.website_url || ((_b = place.socials) == null ? void 0 : _b.instagram_url) || ((_c = place.socials) == null ? void 0 : _c.facebook_url)
   );
   const hasSchedule = Boolean(place.schedule);
-  const hasBusyness = Boolean(busynessSlot && place.busyness && place.busyness.length > 0);
+  const hasBusyness = Boolean(
+    busynessSlot && place.busyness && place.busyness.length > 0
+  );
   const hasCuisines = ((_e = (_d = place.cuisines) == null ? void 0 : _d.length) != null ? _e : 0) > 0;
   const hasAmenities = ((_g = (_f = place.amenities) == null ? void 0 : _f.length) != null ? _g : 0) > 0;
   const hasPayment = ((_i = (_h = place.payment_options) == null ? void 0 : _h.length) != null ? _i : 0) > 0;
@@ -139,7 +170,16 @@ function PlaceAboutTab({
         /* @__PURE__ */ jsxs("div", { className: "space-y-2.5", children: [
           ((_p = place.location) == null ? void 0 : _p.address) && /* @__PURE__ */ jsxs("div", { children: [
             /* @__PURE__ */ jsx(Text, { as: "p", variant: "body-sm", color: "muted", children: place.location.address }),
-            neighborhood && /* @__PURE__ */ jsx(Text, { as: "p", variant: "body-sm", color: "muted", className: "mt-0.5", children: neighborhood })
+            neighborhood && /* @__PURE__ */ jsx(
+              Text,
+              {
+                as: "p",
+                variant: "body-sm",
+                color: "muted",
+                className: "mt-0.5",
+                children: neighborhood
+              }
+            )
           ] }),
           place.phone && /* @__PURE__ */ jsxs(
             "a",
@@ -148,7 +188,13 @@ function PlaceAboutTab({
               onClick: () => handleLinkClick("phone", place.phone),
               className: "flex items-center gap-2 text-foreground hover:text-primary transition-colors",
               children: [
-                /* @__PURE__ */ jsx(Phone, { className: "w-4 h-4 text-muted-foreground shrink-0", "aria-hidden": true }),
+                /* @__PURE__ */ jsx(
+                  Phone,
+                  {
+                    className: "w-4 h-4 text-muted-foreground shrink-0",
+                    "aria-hidden": true
+                  }
+                ),
                 /* @__PURE__ */ jsx(Text, { as: "span", variant: "body-sm", children: place.phone })
               ]
             }
@@ -162,7 +208,13 @@ function PlaceAboutTab({
               onClick: () => handleLinkClick("website", place.website_url),
               className: "flex items-center gap-2 text-foreground hover:text-primary transition-colors break-all",
               children: [
-                /* @__PURE__ */ jsx(Globe, { className: "w-4 h-4 text-muted-foreground shrink-0", "aria-hidden": true }),
+                /* @__PURE__ */ jsx(
+                  Globe,
+                  {
+                    className: "w-4 h-4 text-muted-foreground shrink-0",
+                    "aria-hidden": true
+                  }
+                ),
                 /* @__PURE__ */ jsx(Text, { as: "span", variant: "body-sm", className: "break-all", children: place.website_url })
               ]
             }
@@ -179,7 +231,13 @@ function PlaceAboutTab({
               },
               className: "flex items-center gap-2 text-foreground hover:text-primary transition-colors",
               children: [
-                /* @__PURE__ */ jsx(Instagram, { className: "w-4 h-4 text-muted-foreground shrink-0", "aria-hidden": true }),
+                /* @__PURE__ */ jsx(
+                  Instagram,
+                  {
+                    className: "w-4 h-4 text-muted-foreground shrink-0",
+                    "aria-hidden": true
+                  }
+                ),
                 /* @__PURE__ */ jsx(Text, { as: "span", variant: "body-sm", children: labels.instagram })
               ]
             }
@@ -196,7 +254,13 @@ function PlaceAboutTab({
               },
               className: "flex items-center gap-2 text-foreground hover:text-primary transition-colors",
               children: [
-                /* @__PURE__ */ jsx(Facebook, { className: "w-4 h-4 text-muted-foreground shrink-0", "aria-hidden": true }),
+                /* @__PURE__ */ jsx(
+                  Facebook,
+                  {
+                    className: "w-4 h-4 text-muted-foreground shrink-0",
+                    "aria-hidden": true
+                  }
+                ),
                 /* @__PURE__ */ jsx(Text, { as: "span", variant: "body-sm", children: labels.facebook })
               ]
             }
@@ -242,7 +306,9 @@ function PlaceAboutTab({
         /* @__PURE__ */ jsx(
           ChipRow,
           {
-            items: place.cuisines.map((c) => c.charAt(0).toUpperCase() + c.slice(1))
+            items: place.cuisines.map(
+              (c) => c.charAt(0).toUpperCase() + c.slice(1)
+            )
           }
         )
       ] })
@@ -271,7 +337,12 @@ function PlaceAboutTab({
       key: "accessibility",
       node: /* @__PURE__ */ jsxs("section", { className: "px-4 space-y-2", children: [
         /* @__PURE__ */ jsx(SectionHeading, { children: labels.accessibility }),
-        /* @__PURE__ */ jsx(ChecklistGrid, { items: place.accessibility_features.map(getAccessibilityLabel) })
+        /* @__PURE__ */ jsx(
+          ChecklistGrid,
+          {
+            items: place.accessibility_features.map(getAccessibilityLabel)
+          }
+        )
       ] })
     });
   }
@@ -289,25 +360,45 @@ function PlaceAboutTab({
       key: "landmarks",
       node: /* @__PURE__ */ jsxs("section", { className: "px-4 space-y-2", children: [
         /* @__PURE__ */ jsx(SectionHeading, { children: labels.nearbyLandmarks }),
-        /* @__PURE__ */ jsx("div", { className: "space-y-2", children: place.landmarks.map((landmark, i) => /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-baseline gap-3", children: [
-          /* @__PURE__ */ jsx(Text, { as: "span", variant: "body-sm", children: landmark.name }),
-          landmark.distance_meters != null && /* @__PURE__ */ jsxs(
-            Text,
-            {
-              as: "span",
-              variant: "body-sm",
-              color: "muted",
-              className: "tabular-nums shrink-0",
-              children: [
-                (landmark.distance_meters / 1e3).toFixed(1),
-                " km"
-              ]
-            }
-          )
-        ] }, i)) })
+        /* @__PURE__ */ jsx("div", { className: "space-y-2", children: place.landmarks.map((landmark, i) => /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: "flex justify-between items-baseline gap-3",
+            children: [
+              /* @__PURE__ */ jsx(Text, { as: "span", variant: "body-sm", children: landmark.name }),
+              landmark.distance_meters != null && /* @__PURE__ */ jsxs(
+                Text,
+                {
+                  as: "span",
+                  variant: "body-sm",
+                  color: "muted",
+                  className: "tabular-nums shrink-0",
+                  children: [
+                    (landmark.distance_meters / 1e3).toFixed(1),
+                    " km"
+                  ]
+                }
+              )
+            ]
+          },
+          i
+        )) })
       ] })
     });
   }
+  if (orderingSlot) {
+    sections.push({
+      key: "ordering",
+      node: /* @__PURE__ */ jsx("section", { className: "px-4", children: orderingSlot })
+    });
+  }
+  if (reputationSlot) {
+    sections.push({
+      key: "reputation",
+      node: /* @__PURE__ */ jsx("section", { className: "px-4", children: reputationSlot })
+    });
+  }
+  sections.sort((a, b) => sectionRank(a.key) - sectionRank(b.key));
   return /* @__PURE__ */ jsxs("div", { className: cn("space-y-6 pt-4", className), children: [
     mapSlot,
     sections.map((s, i) => /* @__PURE__ */ jsxs(Fragment, { children: [

package/dist/{chunk-YLNYXPIH.js → chunk-VBA45GLP.js}

@@ -6,7 +6,7 @@ import { cva } from 'class-variance-authority';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 var tagVariants = cva(
-  "inline-flex items-center gap-1 rounded-full border text-xs font-medium transition-colors",
+  "inline-flex items-center gap-1 rounded-full border text-xs font-semibold transition-colors",
   {
     variants: {
       variant: {

package/dist/{chunk-A5ONAJCE.js → chunk-VG3PND3D.js}

@@ -1,4 +1,4 @@
-import { Text } from './chunk-Y5D5LP4A.js';
+import { Text } from './chunk-7BWTYWM3.js';
 import { cn } from './chunk-FEK5XGZW.js';
 import { useRef, useEffect } from 'react';
 import { jsx, jsxs } from 'react/jsx-runtime';

package/dist/{chunk-ZBBUKXM5.js → chunk-X3WMRKOW.js}

@@ -5,7 +5,7 @@ import { cva } from 'class-variance-authority';
 import { jsx } from 'react/jsx-runtime';
 
 var toggleVariants = cva(
-  "inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium hover:bg-accent/50 hover:text-accent-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 transition-colors aria-invalid:ring-2 aria-invalid:ring-destructive/40 whitespace-nowrap",
+  "inline-flex items-center justify-center gap-2 rounded-md text-sm font-semibold hover:bg-accent/50 hover:text-accent-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 transition-colors aria-invalid:ring-2 aria-invalid:ring-destructive/40 whitespace-nowrap",
   {
     variants: {
       variant: {

package/dist/{chunk-HCM6LKM5.js → chunk-XNA2INVQ.js}

@@ -36,7 +36,7 @@ var CommandDialog = (_a) => {
       /* @__PURE__ */ jsx(DialogTitle, { children: title }),
       /* @__PURE__ */ jsx(DialogDescription, { children: description })
     ] }),
-    /* @__PURE__ */ jsx(Command, { className: "[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5", children })
+    /* @__PURE__ */ jsx(Command, { className: "[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-semibold [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5", children })
   ] }) }));
 };
 var CommandInput = React.forwardRef((_a, ref) => {
@@ -96,7 +96,7 @@ var CommandGroup = React.forwardRef((_a, ref) => {
     __spreadValues({
       ref,
       className: cn(
-        "overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground",
+        "overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-semibold [&_[cmdk-group-heading]]:text-muted-foreground",
         className
       )
     }, props)

package/dist/{chunk-AV777R4G.js → chunk-YYGB4G4Q.js}

@@ -5,7 +5,7 @@ import { cva } from 'class-variance-authority';
 import { jsx } from 'react/jsx-runtime';
 
 var inputVariants = cva(
-  "flex w-full border border-border bg-input/50 text-base transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-offset-background focus-visible:bg-input disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:focus-visible:ring-destructive/40",
+  "flex w-full border border-border bg-input/50 text-base transition-colors file:border-0 file:bg-transparent file:text-sm file:font-semibold file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-offset-background focus-visible:bg-input disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:focus-visible:ring-destructive/40",
   {
     variants: {
       size: {

package/dist/components/accordion.js

@@ -26,7 +26,7 @@ var AccordionTrigger = React.forwardRef((_a, ref) => {
       ref,
       "data-slot": "accordion-trigger",
       className: cn(
-        "flex flex-1 cursor-pointer items-center justify-between py-4 text-sm font-medium text-foreground transition-colors hover:text-foreground/80",
+        "flex flex-1 cursor-pointer items-center justify-between py-4 text-sm font-semibold text-foreground transition-colors hover:text-foreground/80",
         "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 rounded-sm",
         "disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50",
         "[&[data-state=open]>svg]:rotate-180",

package/dist/components/alert-dialog.js

@@ -1,4 +1,4 @@
-import { buttonVariants } from '../chunk-ZFNOCP6W.js';
+import { buttonVariants } from '../chunk-H3BV4VAG.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" | "destructive" | "success" | "warning" | 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?: "default" | "destructive" | "success" | "warning" | 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/alert.js

@@ -1,4 +1,4 @@
-import { textVariants } from '../chunk-Y5D5LP4A.js';
+import { textVariants } from '../chunk-7BWTYWM3.js';
 import { cn } from '../chunk-FEK5XGZW.js';
 import { __objRest, __spreadValues } from '../chunk-3GWWZKX7.js';
 import * as React from 'react';

package/dist/components/avatar.d.ts

@@ -6,6 +6,7 @@ import { VariantProps } from 'class-variance-authority';
 declare const avatarVariants: (props?: ({
     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?: "default" | "xs" | "sm" | "lg" | "xl" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string> & React.RefAttributes<HTMLSpanElement>>;
@@ -15,9 +16,17 @@ declare const AvatarBadge: React.ForwardRefExoticComponent<React.HTMLAttributes<
     placement?: "top-right" | "bottom-right";
     tone?: "success" | "warning" | "destructive" | "muted";
 } & React.RefAttributes<HTMLSpanElement>>;
+declare const avatarGroupOverflowVariants: (props?: ({
+    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;
     spacing?: "tight" | "default" | "loose";
+    /**
+     * Size for the whole group: sets the "+N" overflow chip and is inherited by
+     * child `Avatar`s that don't set their own `size`. Defaults to "default".
+     */
+    size?: AvatarSize;
 } & React.RefAttributes<HTMLDivElement>>;
 
-export { Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarImage, avatarVariants };
+export { Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarImage, type AvatarSize, avatarGroupOverflowVariants, avatarVariants };

package/dist/components/avatar.js

@@ -24,13 +24,15 @@ var avatarVariants = cva(
 );
 var AvatarContext = React.createContext("default");
 var Avatar = React.forwardRef((_a, ref) => {
-  var _b = _a, { className, size = "default" } = _b, props = __objRest(_b, ["className", "size"]);
-  return /* @__PURE__ */ jsx(AvatarContext.Provider, { value: size, children: /* @__PURE__ */ jsx(
+  var _b = _a, { className, size } = _b, props = __objRest(_b, ["className", "size"]);
+  const inheritedSize = React.useContext(AvatarContext);
+  const resolvedSize = size != null ? size : inheritedSize;
+  return /* @__PURE__ */ jsx(AvatarContext.Provider, { value: resolvedSize, children: /* @__PURE__ */ jsx(
     AvatarPrimitive.Root,
     __spreadValues({
       ref,
       "data-slot": "avatar",
-      className: cn(avatarVariants({ size }), className)
+      className: cn(avatarVariants({ size: resolvedSize }), className)
     }, props)
   ) });
 });
@@ -55,7 +57,7 @@ var AvatarFallback = React.forwardRef((_a, ref) => {
       ref,
       "data-slot": "avatar-fallback",
       className: cn(
-        "flex size-full items-center justify-center rounded-full bg-muted font-medium text-muted-foreground",
+        "flex size-full items-center justify-center rounded-full bg-muted font-semibold text-muted-foreground",
         className
       )
     }, props)
@@ -71,8 +73,7 @@ var badgeOffset = {
 };
 var AvatarBadge = React.forwardRef((_a, ref) => {
   var _b = _a, { className, placement = "bottom-right", tone = "success" } = _b, props = __objRest(_b, ["className", "placement", "tone"]);
-  var _a2;
-  const size = (_a2 = React.useContext(AvatarContext)) != null ? _a2 : "default";
+  const size = React.useContext(AvatarContext);
   return /* @__PURE__ */ jsx(
     "span",
     __spreadValues({
@@ -92,12 +93,31 @@ var AvatarBadge = React.forwardRef((_a, ref) => {
   );
 });
 AvatarBadge.displayName = "AvatarBadge";
+var avatarGroupOverflowVariants = cva(
+  "relative inline-flex shrink-0 items-center justify-center rounded-full bg-muted font-semibold text-muted-foreground ring-2 ring-background",
+  {
+    variants: {
+      size: {
+        xs: "size-6 text-[9px]",
+        sm: "size-8 text-[10px]",
+        default: "size-10 text-xs",
+        lg: "size-12 text-sm",
+        xl: "size-16 text-base"
+      }
+    },
+    defaultVariants: {
+      size: "default"
+    }
+  }
+);
 var AvatarGroup = React.forwardRef((_a, ref) => {
-  var _b = _a, { className, children, max, spacing = "default" } = _b, props = __objRest(_b, ["className", "children", "max", "spacing"]);
+  var _b = _a, { className, children, max, spacing = "default", size } = _b, props = __objRest(_b, ["className", "children", "max", "spacing", "size"]);
+  const inheritedSize = React.useContext(AvatarContext);
+  const resolvedSize = size != null ? size : inheritedSize;
   const items = React.Children.toArray(children);
   const visible = max ? items.slice(0, max) : items;
   const overflow = max ? items.length - max : 0;
-  return /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsx(AvatarContext.Provider, { value: resolvedSize, children: /* @__PURE__ */ jsxs(
     "div",
     __spreadProps(__spreadValues({
       ref,
@@ -113,14 +133,21 @@ var AvatarGroup = React.forwardRef((_a, ref) => {
     }, props), {
       children: [
         visible,
-        overflow > 0 && /* @__PURE__ */ jsxs("span", { className: "relative inline-flex size-10 items-center justify-center rounded-full bg-muted text-xs font-medium text-muted-foreground ring-2 ring-background", children: [
-          "+",
-          overflow
-        ] })
+        overflow > 0 && /* @__PURE__ */ jsxs(
+          "span",
+          {
+            "data-slot": "avatar-group-overflow",
+            className: avatarGroupOverflowVariants({ size: resolvedSize }),
+            children: [
+              "+",
+              overflow
+            ]
+          }
+        )
       ]
     })
-  );
+  ) });
 });
 AvatarGroup.displayName = "AvatarGroup";
 
-export { Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarImage, avatarVariants };
+export { Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarImage, avatarGroupOverflowVariants, avatarVariants };

package/dist/components/badge.d.ts

@@ -4,11 +4,20 @@ import * as React from 'react';
 import { VariantProps } from 'class-variance-authority';
 
 declare const badgeVariants: (props?: ({
-    variant?: "default" | "destructive" | "outline" | "secondary" | "glass" | "brown" | "success" | "warning" | "overlay" | null | undefined;
+    variant?: "default" | "destructive" | "warning" | "success" | "outline" | "secondary" | "glass" | "overlay" | "brown" | null | undefined;
     live?: boolean | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
+    /**
+     * Element to render. Defaults to `div`.
+     *
+     * Use `"span"` when the badge sits inside a `<button>` or a `<p>` — their
+     * content model is phrasing content, so a `div` in there is invalid HTML.
+     * That is the common case for a badge sitting inline with a title on a
+     * clickable row.
+     */
+    as?: "div" | "span";
 }
-declare function Badge({ className, variant, live, ...props }: BadgeProps): react_jsx_runtime.JSX.Element;
+declare function Badge({ className, variant, 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-TL4YU2O5.js';
+export { Badge, badgeVariants } from '../chunk-UKBNQO6Q.js';
 import '../chunk-FEK5XGZW.js';
 import '../chunk-3GWWZKX7.js';

package/dist/components/breadcrumb.js

@@ -60,7 +60,7 @@ function BreadcrumbPage(_a) {
       role: "link",
       "aria-disabled": "true",
       "aria-current": "page",
-      className: cn("font-medium text-foreground", className)
+      className: cn("font-semibold text-foreground", className)
     }, props)
   );
 }

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" | "default" | "destructive" | "outline" | "secondary" | "ghost" | "glass" | "brown" | "antagonist" | null | undefined;
+    variant?: "default" | "destructive" | "link" | "outline" | "secondary" | "ghost" | "glass" | "overlay" | "brown" | "antagonist" | null | undefined;
     size?: "default" | "xs" | "sm" | "lg" | "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-ZFNOCP6W.js';
+export { Button, buttonVariants } from '../chunk-H3BV4VAG.js';
 import '../chunk-R47NEOSI.js';
 import '../chunk-FEK5XGZW.js';
 import '../chunk-3GWWZKX7.js';