@bearmenu/ui 0.7.0 → 0.8.1

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';

package/dist/components/calendar.js

@@ -1,4 +1,4 @@
-import { buttonVariants, Button } from '../chunk-ZFNOCP6W.js';
+import { buttonVariants, Button } from '../chunk-H3BV4VAG.js';
 import '../chunk-R47NEOSI.js';
 import { cn } from '../chunk-FEK5XGZW.js';
 import { __objRest, __spreadValues, __spreadProps } from '../chunk-3GWWZKX7.js';
@@ -63,7 +63,7 @@ function Calendar(_a) {
           defaultClassNames.month_caption
         ),
         dropdowns: cn(
-          "flex h-(--cell-size) w-full items-center justify-center gap-1.5 text-sm font-medium",
+          "flex h-(--cell-size) w-full items-center justify-center gap-1.5 text-sm font-semibold",
           defaultClassNames.dropdowns
         ),
         dropdown_root: cn(
@@ -72,7 +72,7 @@ function Calendar(_a) {
         ),
         dropdown: cn("absolute inset-0 bg-popover opacity-0", defaultClassNames.dropdown),
         caption_label: cn(
-          "font-medium select-none",
+          "font-semibold select-none",
           captionLayout === "label" ? "text-sm" : "flex h-8 items-center gap-1 rounded-md pr-1 pl-2 text-sm [&>svg]:size-3.5 [&>svg]:text-muted-foreground",
           defaultClassNames.caption_label
         ),

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?: "outline" | "glass" | "muted" | "surface" | null | undefined;
+    variant?: "muted" | "outline" | "glass" | "surface" | 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?: "outline" | "glass" | "muted" | "surface" | null | undefined;
+    variant?: "muted" | "outline" | "glass" | "surface" | 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/card.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/carousel.js

@@ -1,4 +1,4 @@
-import { Button } from '../chunk-ZFNOCP6W.js';
+import { Button } 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/circular-progress.js

@@ -91,7 +91,7 @@ var CircularProgress = React.forwardRef(
               ]
             }
           ),
-          showLabel && !indeterminate && /* @__PURE__ */ jsxs("span", { className: "absolute text-xs font-medium tabular-nums text-foreground", children: [
+          showLabel && !indeterminate && /* @__PURE__ */ jsxs("span", { className: "absolute text-xs font-semibold tabular-nums text-foreground", children: [
             Math.round(percent),
             "%"
           ] })

package/dist/components/combobox.js

@@ -1,7 +1,7 @@
-import { Popover, PopoverTrigger, PopoverContent } from '../chunk-UUJVXN2O.js';
-import { Command, CommandInput, CommandList, CommandLoading, CommandEmpty, CommandGroup, CommandItem } from '../chunk-HCM6LKM5.js';
+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-ZFNOCP6W.js';
+import { Button } from '../chunk-H3BV4VAG.js';
 import '../chunk-R47NEOSI.js';
 import { cn } from '../chunk-FEK5XGZW.js';
 import '../chunk-3GWWZKX7.js';

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>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement> | "key"> & {
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & {
+}, keyof React.HTMLAttributes<HTMLDivElement> | "asChild" | "key"> & {
     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;
-}, "key" | "asChild" | keyof React.InputHTMLAttributes<HTMLInputElement>>, "onChange" | "type" | "value"> & {
+}, "asChild" | "key" | 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>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement> | "key"> & {
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & {
+}, keyof React.HTMLAttributes<HTMLDivElement> | "asChild" | "key"> & {
     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>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement> | "key"> & {
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+}, keyof React.HTMLAttributes<HTMLDivElement> | "asChild" | "key"> & 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>> & {
+} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement> | "key"> & {
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & {
+}, keyof React.HTMLAttributes<HTMLDivElement> | "asChild" | "key"> & {
     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>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+} & Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement> | "key"> & {
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild">, "heading" | "value"> & {
+}, keyof React.HTMLAttributes<HTMLDivElement> | "asChild" | "key">, "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>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+declare const CommandSeparator: React.ForwardRefExoticComponent<Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement> | "key"> & {
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & {
+}, keyof React.HTMLAttributes<HTMLDivElement> | "asChild" | "key"> & {
     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>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+} & Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement> | "key"> & {
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild">, "onSelect" | "disabled" | "value"> & {
+}, keyof React.HTMLAttributes<HTMLDivElement> | "asChild" | "key">, "onSelect" | "disabled" | "value"> & {
     disabled?: boolean;
     onSelect?: (value: string) => void;
     value?: string;

package/dist/components/command.js

@@ -1,4 +1,4 @@
-export { Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandLoading, CommandSeparator, CommandShortcut } from '../chunk-HCM6LKM5.js';
+export { Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandLoading, CommandSeparator, CommandShortcut } from '../chunk-XNA2INVQ.js';
 import '../chunk-FRPPIXMY.js';
 import '../chunk-FEK5XGZW.js';
 import '../chunk-3GWWZKX7.js';

package/dist/components/currency-input.js

@@ -1,4 +1,4 @@
-import { Input } from '../chunk-AV777R4G.js';
+import { Input } from '../chunk-YYGB4G4Q.js';
 import { cn } from '../chunk-FEK5XGZW.js';
 import { __objRest, __spreadValues } from '../chunk-3GWWZKX7.js';
 import * as React from 'react';
@@ -109,7 +109,7 @@ var CurrencyInput = React.forwardRef(
           "span",
           {
             "aria-hidden": true,
-            className: "pointer-events-none absolute left-3 top-1/2 -translate-y-1/2 text-sm font-medium text-muted-foreground",
+            className: "pointer-events-none absolute left-3 top-1/2 -translate-y-1/2 text-sm font-semibold text-muted-foreground",
             children: currency
           }
         ),

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>, "type" | "size"> & {
+declare const DateInput: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "type"> & {
     /** Native input type. Defaults to "date". */
     type?: "date" | "datetime-local" | "time" | "month" | "week";
     size?: "sm" | "default" | "lg";

package/dist/components/date-input.js

@@ -1,4 +1,4 @@
-import { Input } from '../chunk-AV777R4G.js';
+import { Input } from '../chunk-YYGB4G4Q.js';
 import { cn } from '../chunk-FEK5XGZW.js';
 import { __objRest, __spreadValues } from '../chunk-3GWWZKX7.js';
 import * as React from 'react';

package/dist/components/description-list.js

@@ -43,7 +43,7 @@ var DescriptionTerm = React.forwardRef(
       __spreadValues({
         ref,
         "data-slot": "description-term",
-        className: cn("text-xs font-medium uppercase tracking-wide text-muted-foreground", className)
+        className: cn("text-xs font-semibold uppercase tracking-wide text-muted-foreground", className)
       }, props)
     );
   }

package/dist/components/dropdown-menu.js

@@ -147,7 +147,7 @@ function DropdownMenuLabel(_a) {
     __spreadValues({
       "data-slot": "dropdown-menu-label",
       "data-inset": inset,
-      className: cn("px-2 py-1.5 text-sm font-medium data-[inset]:pl-8", className)
+      className: cn("px-2 py-1.5 text-sm font-semibold data-[inset]:pl-8", className)
     }, props)
   );
 }

package/dist/components/empty-state.js

@@ -1,6 +1,6 @@
-import { Button } from '../chunk-ZFNOCP6W.js';
+import { Button } from '../chunk-H3BV4VAG.js';
 import '../chunk-R47NEOSI.js';
-import { Text } from '../chunk-Y5D5LP4A.js';
+import { Text } from '../chunk-7BWTYWM3.js';
 import { cn } from '../chunk-FEK5XGZW.js';
 import { __objRest, __spreadProps, __spreadValues } from '../chunk-3GWWZKX7.js';
 import * as React from 'react';

package/dist/components/field.js

@@ -1,4 +1,4 @@
-import { Label } from '../chunk-4JOV7FXW.js';
+import { Label } from '../chunk-2DEIXTBN.js';
 import { cn } from '../chunk-FEK5XGZW.js';
 import { __objRest, __spreadProps, __spreadValues } from '../chunk-3GWWZKX7.js';
 import * as React from 'react';
@@ -120,7 +120,7 @@ var FieldLegend = React.forwardRef(
       __spreadValues({
         ref,
         "data-slot": "field-legend",
-        className: cn("px-1 text-sm font-medium text-foreground", className)
+        className: cn("px-1 text-sm font-semibold text-foreground", className)
       }, props)
     );
   }

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

@@ -1,5 +1,5 @@
-import { Text } from '../chunk-Y5D5LP4A.js';
-import { Badge } from '../chunk-TL4YU2O5.js';
+import { Text } from '../chunk-7BWTYWM3.js';
+import { Badge } from '../chunk-UKBNQO6Q.js';
 import '../chunk-FEK5XGZW.js';
 import '../chunk-3GWWZKX7.js';
 import { ChevronRight } from 'lucide-react';

package/dist/components/form.js

@@ -1,4 +1,4 @@
-import { Label } from '../chunk-4JOV7FXW.js';
+import { Label } from '../chunk-2DEIXTBN.js';
 import { cn } from '../chunk-FEK5XGZW.js';
 import { __objRest, __spreadValues, __spreadProps } from '../chunk-3GWWZKX7.js';
 import * as React from 'react';

package/dist/components/haptic-button.js

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

package/dist/components/input-group.js

@@ -85,7 +85,7 @@ var InputGroupButton = React.forwardRef(
         type,
         "data-slot": "input-group-button",
         className: cn(
-          "inline-flex h-7 min-w-7 cursor-pointer items-center justify-center gap-1 rounded-md px-2 text-xs font-medium text-muted-foreground transition-colors hover:bg-accent hover:text-accent-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&:has(svg:only-child)]:w-7 [&:has(svg:only-child)]:px-0 [&_svg]:size-4",
+          "inline-flex h-7 min-w-7 cursor-pointer items-center justify-center gap-1 rounded-md px-2 text-xs font-semibold text-muted-foreground transition-colors hover:bg-accent hover:text-accent-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&:has(svg:only-child)]:w-7 [&:has(svg:only-child)]:px-0 [&_svg]:size-4",
           className
         )
       }, props)

package/dist/components/input.js

@@ -1,3 +1,3 @@
-export { Input, inputVariants } from '../chunk-AV777R4G.js';
+export { Input, inputVariants } from '../chunk-YYGB4G4Q.js';
 import '../chunk-FEK5XGZW.js';
 import '../chunk-3GWWZKX7.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" | "outline" | "muted" | null | undefined;
+    variant?: "default" | "muted" | "outline" | 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" | "outline" | "muted" | null | undefined;
+    variant?: "default" | "muted" | "outline" | null | undefined;
     size?: "default" | "sm" | "lg" | null | undefined;
     interactive?: boolean | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string> & {

package/dist/components/item.js

@@ -82,7 +82,7 @@ var ItemTitle = React.forwardRef(
       __spreadValues({
         ref,
         "data-slot": "item-title",
-        className: cn("truncate text-sm font-medium text-foreground", className)
+        className: cn("truncate text-sm font-semibold text-foreground", className)
       }, props)
     );
   }

package/dist/components/kbd.js

@@ -5,7 +5,7 @@ import { cva } from 'class-variance-authority';
 import { jsx } from 'react/jsx-runtime';
 
 var kbdVariants = cva(
-  "inline-flex select-none items-center justify-center gap-1 rounded-md border border-border bg-muted font-mono font-medium text-muted-foreground shadow-[0_1px_0_0_var(--border)]",
+  "inline-flex select-none items-center justify-center gap-1 rounded-md border border-border bg-muted font-mono font-semibold text-muted-foreground shadow-[0_1px_0_0_var(--border)]",
   {
     variants: {
       size: {

package/dist/components/label.js

@@ -1,3 +1,3 @@
-export { Label } from '../chunk-4JOV7FXW.js';
+export { Label } from '../chunk-2DEIXTBN.js';
 import '../chunk-FEK5XGZW.js';
 import '../chunk-3GWWZKX7.js';

package/dist/components/link-button.js

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

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

@@ -1,10 +1,10 @@
 import { Checkbox } from '../chunk-D5QHEHXJ.js';
-import { Popover, PopoverTrigger, PopoverContent } from '../chunk-UUJVXN2O.js';
-import { Command, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem } from '../chunk-HCM6LKM5.js';
+import { Popover, PopoverTrigger, PopoverContent } from '../chunk-66MAPLXS.js';
+import { Command, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem } from '../chunk-XNA2INVQ.js';
 import '../chunk-FRPPIXMY.js';
-import { Button } from '../chunk-ZFNOCP6W.js';
+import { Button } from '../chunk-H3BV4VAG.js';
 import '../chunk-R47NEOSI.js';
-import { Badge } from '../chunk-TL4YU2O5.js';
+import { Badge } from '../chunk-UKBNQO6Q.js';
 import { cn } from '../chunk-FEK5XGZW.js';
 import '../chunk-3GWWZKX7.js';
 import * as React from 'react';

package/dist/components/pagination.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, __spreadValues, __spreadProps } from '../chunk-3GWWZKX7.js';

package/dist/components/place-about-tab.d.ts

@@ -8,10 +8,26 @@ interface PlaceAboutTabProps {
     mapSlot?: React.ReactNode;
     /** Slot for an embedded busyness chart. Rendered only when both this prop and `place.busyness` are present. */
     busynessSlot?: React.ReactNode;
+    /**
+     * Slot for "how to order from here" — delivery platforms and the like.
+     * Sits directly after contact, because it answers the same question contact
+     * does (how do I transact with this venue) and is the most actionable thing
+     * the sheet carries.
+     *
+     * Named for its MEANING, not its position, so a later reordering doesn't turn
+     * the prop name into a lie.
+     */
+    orderingSlot?: React.ReactNode;
+    /**
+     * Slot for "what the rest of the web says / where else this venue lives" —
+     * third-party ratings and the venue's own profiles. Sits after the practical
+     * block: it is corroboration, wanted after the facts, not before them.
+     */
+    reputationSlot?: React.ReactNode;
     /** Fires when the user clicks a contact link (phone/website/social). */
     onLinkClick?: (kind: PlaceLinkKind, url: string) => void;
     className?: string;
 }
-declare function PlaceAboutTab({ place, labels, mapSlot, busynessSlot, onLinkClick, className, }: PlaceAboutTabProps): react_jsx_runtime.JSX.Element;
+declare function PlaceAboutTab({ place, labels, mapSlot, busynessSlot, orderingSlot, reputationSlot, onLinkClick, className, }: PlaceAboutTabProps): react_jsx_runtime.JSX.Element;
 
 export { PlaceAboutTab, type PlaceAboutTabProps };

package/dist/components/place-about-tab.js

@@ -1,7 +1,7 @@
-export { PlaceAboutTab } from '../chunk-UX6SWAKH.js';
-import '../chunk-YLNYXPIH.js';
+export { PlaceAboutTab } from '../chunk-UZ3PCIE5.js';
+import '../chunk-VBA45GLP.js';
 import '../chunk-WSRWFA6K.js';
-import '../chunk-A5ONAJCE.js';
-import '../chunk-Y5D5LP4A.js';
+import '../chunk-VG3PND3D.js';
+import '../chunk-7BWTYWM3.js';
 import '../chunk-FEK5XGZW.js';
 import '../chunk-3GWWZKX7.js';

package/dist/components/place-card.js

@@ -1,4 +1,4 @@
-import { Text } from '../chunk-Y5D5LP4A.js';
+import { Text } from '../chunk-7BWTYWM3.js';
 import { cn } from '../chunk-FEK5XGZW.js';
 import '../chunk-3GWWZKX7.js';
 import { memo, useState } from 'react';
@@ -61,7 +61,7 @@ var PlaceCard = memo(function PlaceCard2({
         /* @__PURE__ */ jsx(Text, { as: "h3", weight: "bold", leading: "tight", color: "default", className: "text-lg mb-2", children: place.name }),
         ratingDisplay !== null && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
           /* @__PURE__ */ jsx(Star, { className: "w-4 h-4 fill-primary text-primary", "aria-hidden": "true" }),
-          /* @__PURE__ */ jsx("span", { className: "font-medium text-sm", children: ratingDisplay }),
+          /* @__PURE__ */ jsx("span", { className: "font-semibold text-sm", children: ratingDisplay }),
           reviewCount !== void 0 && reviewCount !== null && /* @__PURE__ */ jsxs("span", { className: "text-xs text-muted-foreground", children: [
             "(",
             reviewCount,

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

@@ -1,9 +1,9 @@
-import { PlaceAboutTab } from '../chunk-UX6SWAKH.js';
-import '../chunk-YLNYXPIH.js';
+import { PlaceAboutTab } from '../chunk-UZ3PCIE5.js';
+import '../chunk-VBA45GLP.js';
 import '../chunk-WSRWFA6K.js';
-import '../chunk-A5ONAJCE.js';
-import { Text } from '../chunk-Y5D5LP4A.js';
-import { Badge } from '../chunk-TL4YU2O5.js';
+import '../chunk-VG3PND3D.js';
+import { Text } from '../chunk-7BWTYWM3.js';
+import { Badge } from '../chunk-UKBNQO6Q.js';
 import { cn } from '../chunk-FEK5XGZW.js';
 import '../chunk-3GWWZKX7.js';
 import { useState } from 'react';
@@ -55,7 +55,7 @@ function PlaceDetailsMobile({
   return /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col bg-background", className), children: [
     /* @__PURE__ */ jsxs("div", { className: "px-4 pt-4", children: [
       /* @__PURE__ */ jsx("div", { className: "rounded-[22px] overflow-hidden relative", children: /* @__PURE__ */ jsxs("div", { className: "h-44 flex items-center justify-center relative overflow-hidden", children: [
-        /* @__PURE__ */ jsxs("div", { className: "absolute bottom-2 right-2 z-20 flex items-center gap-1.5 bg-surface border border-border px-2.5 h-7 rounded-[12px] text-[11px] font-medium text-foreground", children: [
+        /* @__PURE__ */ jsxs("div", { className: "absolute bottom-2 right-2 z-20 flex items-center gap-1.5 bg-surface border border-border px-2.5 h-7 rounded-[12px] text-[11px] font-semibold text-foreground", children: [
           /* @__PURE__ */ jsx(
             "span",
             {
@@ -174,7 +174,7 @@ function MobileTabPlaceholder({
     "div",
     {
       className: cn(
-        "flex flex-1 min-w-0 items-center justify-center gap-1 px-1 py-2.5 text-[12px] font-medium border-b-2 -mb-px",
+        "flex flex-1 min-w-0 items-center justify-center gap-1 px-1 py-2.5 text-[12px] font-semibold border-b-2 -mb-px",
         active ? "border-primary text-foreground" : "border-transparent text-muted-foreground"
       ),
       "aria-hidden": true,