@bearmenu/ui 0.1.0 → 0.5.0

package/dist/components/calendar.js

@@ -1,56 +1,170 @@
-import { buttonVariants } from '../chunk-2CUFS5LF.js';
+import { buttonVariants, Button } from '../chunk-2BMJRXQX.js';
 import '../chunk-R47NEOSI.js';
 import { cn } from '../chunk-FEK5XGZW.js';
-import { __objRest, __spreadValues } from '../chunk-3GWWZKX7.js';
-import { ChevronLeft, ChevronRight } from 'lucide-react';
-import { DayPicker } from 'react-day-picker';
+import { __objRest, __spreadValues, __spreadProps } from '../chunk-3GWWZKX7.js';
+import * as React from 'react';
+import { ChevronLeftIcon, ChevronRightIcon, ChevronDownIcon } from 'lucide-react';
+import { getDefaultClassNames, DayPicker } from 'react-day-picker';
 import { jsx } from 'react/jsx-runtime';
 
 function Calendar(_a) {
-  var _b = _a, { className, classNames, showOutsideDays = true } = _b, props = __objRest(_b, ["className", "classNames", "showOutsideDays"]);
+  var _b = _a, {
+    className,
+    classNames,
+    showOutsideDays = true,
+    captionLayout = "label",
+    buttonVariant = "ghost",
+    formatters,
+    components
+  } = _b, props = __objRest(_b, [
+    "className",
+    "classNames",
+    "showOutsideDays",
+    "captionLayout",
+    "buttonVariant",
+    "formatters",
+    "components"
+  ]);
+  const defaultClassNames = getDefaultClassNames();
   return /* @__PURE__ */ jsx(
     DayPicker,
     __spreadValues({
       showOutsideDays,
-      className: cn("p-3", className),
+      className: cn(
+        "group/calendar bg-background p-3 [--cell-size:--spacing(8)] [[data-slot=card-content]_&]:bg-transparent [[data-slot=popover-content]_&]:bg-transparent",
+        String.raw`rtl:**:[.rdp-button\_next>svg]:rotate-180`,
+        String.raw`rtl:**:[.rdp-button\_previous>svg]:rotate-180`,
+        className
+      ),
+      captionLayout,
+      formatters: __spreadValues({
+        formatMonthDropdown: (date) => date.toLocaleString("default", { month: "short" })
+      }, formatters),
       classNames: __spreadValues({
-        months: "flex flex-col sm:flex-row space-y-4 sm:space-x-4 sm:space-y-0",
-        month: "space-y-4",
-        caption: "flex justify-center pt-1 relative items-center",
-        caption_label: "text-sm font-medium",
-        nav: "space-x-1 flex items-center",
-        nav_button: cn(
-          buttonVariants({ variant: "outline" }),
-          "h-7 w-7 bg-transparent p-0 opacity-50 hover:opacity-100 glass-hover"
-        ),
-        nav_button_previous: "absolute left-1",
-        nav_button_next: "absolute right-1",
-        table: "w-full border-collapse space-y-1",
-        head_row: "flex",
-        head_cell: "text-muted-foreground rounded-md w-9 font-normal text-[0.8rem]",
-        row: "flex w-full mt-2",
-        cell: "h-9 w-9 text-center text-sm p-0 relative [&:has([aria-selected].day-range-end)]:rounded-r-md [&:has([aria-selected].day-outside)]:bg-accent/50 [&:has([aria-selected])]:bg-accent first:[&:has([aria-selected])]:rounded-l-md last:[&:has([aria-selected])]:rounded-r-md focus-within:relative focus-within:z-20",
+        root: cn("w-fit", defaultClassNames.root),
+        months: cn("relative flex flex-col gap-4 md:flex-row", defaultClassNames.months),
+        month: cn("flex w-full flex-col gap-4", defaultClassNames.month),
+        nav: cn(
+          "absolute inset-x-0 top-0 flex w-full items-center justify-between gap-1",
+          defaultClassNames.nav
+        ),
+        button_previous: cn(
+          buttonVariants({ variant: buttonVariant }),
+          "size-(--cell-size) p-0 select-none aria-disabled:opacity-50",
+          defaultClassNames.button_previous
+        ),
+        button_next: cn(
+          buttonVariants({ variant: buttonVariant }),
+          "size-(--cell-size) p-0 select-none aria-disabled:opacity-50",
+          defaultClassNames.button_next
+        ),
+        month_caption: cn(
+          "flex h-(--cell-size) w-full items-center justify-center px-(--cell-size)",
+          defaultClassNames.month_caption
+        ),
+        dropdowns: cn(
+          "flex h-(--cell-size) w-full items-center justify-center gap-1.5 text-sm font-medium",
+          defaultClassNames.dropdowns
+        ),
+        dropdown_root: cn(
+          "relative rounded-md border border-input shadow-xs has-focus:border-ring has-focus:ring-[3px] has-focus:ring-ring/50",
+          defaultClassNames.dropdown_root
+        ),
+        dropdown: cn("absolute inset-0 bg-popover opacity-0", defaultClassNames.dropdown),
+        caption_label: cn(
+          "font-medium 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
+        ),
+        table: "w-full border-collapse",
+        weekdays: cn("flex", defaultClassNames.weekdays),
+        weekday: cn(
+          "flex-1 rounded-md text-[0.8rem] font-normal text-muted-foreground select-none",
+          defaultClassNames.weekday
+        ),
+        week: cn("mt-2 flex w-full", defaultClassNames.week),
+        week_number_header: cn("w-(--cell-size) select-none", defaultClassNames.week_number_header),
+        week_number: cn(
+          "text-[0.8rem] text-muted-foreground select-none",
+          defaultClassNames.week_number
+        ),
         day: cn(
-          buttonVariants({ variant: "ghost" }),
-          "h-9 w-9 p-0 font-normal aria-selected:opacity-100 glass-hover"
-        ),
-        day_range_end: "day-range-end",
-        day_selected: "bg-primary text-primary-foreground hover:bg-primary hover:text-primary-foreground focus:bg-primary focus:text-primary-foreground glass-glow",
-        day_today: "bg-accent text-accent-foreground",
-        day_outside: "day-outside text-muted-foreground opacity-50 aria-selected:bg-accent/50 aria-selected:text-muted-foreground aria-selected:opacity-30",
-        day_disabled: "text-muted-foreground opacity-50",
-        day_range_middle: "aria-selected:bg-accent aria-selected:text-accent-foreground",
-        day_hidden: "invisible"
+          "group/day relative aspect-square h-full w-full p-0 text-center select-none [&:last-child[data-selected=true]_button]:rounded-r-md",
+          props.showWeekNumber ? "[&:nth-child(2)[data-selected=true]_button]:rounded-l-md" : "[&:first-child[data-selected=true]_button]:rounded-l-md",
+          defaultClassNames.day
+        ),
+        range_start: cn("rounded-l-md bg-accent", defaultClassNames.range_start),
+        range_middle: cn("rounded-none", defaultClassNames.range_middle),
+        range_end: cn("rounded-r-md bg-accent", defaultClassNames.range_end),
+        today: cn(
+          "rounded-md bg-accent text-accent-foreground data-[selected=true]:rounded-none",
+          defaultClassNames.today
+        ),
+        outside: cn(
+          "text-muted-foreground aria-selected:text-muted-foreground",
+          defaultClassNames.outside
+        ),
+        disabled: cn("text-muted-foreground opacity-50", defaultClassNames.disabled),
+        hidden: cn("invisible", defaultClassNames.hidden)
       }, classNames),
-      components: {
-        Chevron: (props2) => {
-          if (props2.orientation === "left") return /* @__PURE__ */ jsx(ChevronLeft, { className: "h-4 w-4" });
-          return /* @__PURE__ */ jsx(ChevronRight, { className: "h-4 w-4" });
+      components: __spreadValues({
+        Root: (_a2) => {
+          var _b2 = _a2, { className: className2, rootRef } = _b2, props2 = __objRest(_b2, ["className", "rootRef"]);
+          return /* @__PURE__ */ jsx("div", __spreadValues({ "data-slot": "calendar", ref: rootRef, className: cn(className2) }, props2));
+        },
+        Chevron: (_c) => {
+          var _d = _c, { className: className2, orientation } = _d, props2 = __objRest(_d, ["className", "orientation"]);
+          if (orientation === "left") {
+            return /* @__PURE__ */ jsx(ChevronLeftIcon, __spreadValues({ className: cn("size-4", className2) }, props2));
+          }
+          if (orientation === "right") {
+            return /* @__PURE__ */ jsx(ChevronRightIcon, __spreadValues({ className: cn("size-4", className2) }, props2));
+          }
+          return /* @__PURE__ */ jsx(ChevronDownIcon, __spreadValues({ className: cn("size-4", className2) }, props2));
+        },
+        DayButton: CalendarDayButton,
+        WeekNumber: (_e) => {
+          var _f = _e, { children } = _f, props2 = __objRest(_f, ["children"]);
+          return /* @__PURE__ */ jsx("td", __spreadProps(__spreadValues({}, props2), { children: /* @__PURE__ */ jsx("div", { className: "flex size-(--cell-size) items-center justify-center text-center", children }) }));
         }
-      }
+      }, components)
+    }, props)
+  );
+}
+function CalendarDayButton(_a) {
+  var _b = _a, {
+    className,
+    day,
+    modifiers
+  } = _b, props = __objRest(_b, [
+    "className",
+    "day",
+    "modifiers"
+  ]);
+  const defaultClassNames = getDefaultClassNames();
+  const ref = React.useRef(null);
+  React.useEffect(() => {
+    var _a2;
+    if (modifiers.focused) (_a2 = ref.current) == null ? void 0 : _a2.focus();
+  }, [modifiers.focused]);
+  return /* @__PURE__ */ jsx(
+    Button,
+    __spreadValues({
+      ref,
+      variant: "ghost",
+      size: "icon",
+      "data-day": day.date.toLocaleDateString(),
+      "data-selected-single": modifiers.selected && !modifiers.range_start && !modifiers.range_end && !modifiers.range_middle,
+      "data-range-start": modifiers.range_start,
+      "data-range-end": modifiers.range_end,
+      "data-range-middle": modifiers.range_middle,
+      className: cn(
+        "group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-ring/50 data-[range-end=true]:bg-primary data-[range-end=true]:text-primary-foreground data-[range-middle=true]:bg-accent data-[range-middle=true]:text-accent-foreground data-[range-start=true]:bg-primary data-[range-start=true]:text-primary-foreground data-[selected-single=true]:bg-primary data-[selected-single=true]:text-primary-foreground dark:hover:text-accent-foreground flex aspect-square size-auto w-full min-w-(--cell-size) flex-col gap-1 leading-none font-normal group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:ring-[3px] data-[range-end=true]:rounded-md data-[range-end=true]:rounded-r-md data-[range-middle=true]:rounded-none data-[range-start=true]:rounded-md data-[range-start=true]:rounded-l-md [&>span]:text-xs [&>span]:opacity-70",
+        defaultClassNames.day,
+        className
+      )
     }, props)
   );
 }
-Calendar.displayName = "Calendar";
 
-export { Calendar };
+export { Calendar, CalendarDayButton };

package/dist/components/card.d.ts

@@ -8,6 +8,7 @@ declare const CardHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<H
 declare const CardTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
 declare const CardDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
 declare const CardContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const CardAction: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
 declare const CardFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
 
-export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle };
+export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle };

package/dist/components/card.js

@@ -1,4 +1,4 @@
-export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from '../chunk-UXAYXRFN.js';
+export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from '../chunk-QJ54Z7TC.js';
 import '../chunk-4KOMHDZD.js';
 import '../chunk-FEK5XGZW.js';
 import '../chunk-3GWWZKX7.js';

package/dist/components/carousel.js

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

package/dist/components/checkbox.js

@@ -1,25 +1,3 @@
-import { cn } from '../chunk-FEK5XGZW.js';
-import { __objRest, __spreadProps, __spreadValues } from '../chunk-3GWWZKX7.js';
-import * as React from 'react';
-import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
-import { Check } from 'lucide-react';
-import { jsx } from 'react/jsx-runtime';
-
-var Checkbox = React.forwardRef((_a, ref) => {
-  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx(
-    CheckboxPrimitive.Root,
-    __spreadProps(__spreadValues({
-      ref,
-      className: cn(
-        "peer h-5 w-5 shrink-0 rounded-md border border-border glass transition-all duration-300 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground data-[state=checked]:border-primary data-[state=checked]:shadow-lg data-[state=checked]:shadow-primary/20 hover:border-accent/50 hover:shadow-md",
-        className
-      )
-    }, props), {
-      children: /* @__PURE__ */ jsx(CheckboxPrimitive.Indicator, { className: cn("flex items-center justify-center text-current"), children: /* @__PURE__ */ jsx(Check, { className: "h-3.5 w-3.5 animate-in zoom-in-50 duration-200" }) })
-    })
-  );
-});
-Checkbox.displayName = CheckboxPrimitive.Root.displayName;
-
-export { Checkbox };
+export { Checkbox } from '../chunk-IQASCH2V.js';
+import '../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;
@@ -25,51 +25,51 @@ 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 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/dropdown-menu.js

@@ -67,7 +67,7 @@ function DropdownMenuCheckboxItem(_a) {
   var _b = _a, {
     className,
     children,
-    checked
+    checked = false
   } = _b, props = __objRest(_b, [
     "className",
     "children",

package/dist/components/empty-state.js

@@ -1,5 +1,5 @@
 import { Text } from '../chunk-4KOMHDZD.js';
-import { Button } from '../chunk-2CUFS5LF.js';
+import { Button } from '../chunk-2BMJRXQX.js';
 import '../chunk-R47NEOSI.js';
 import { cn } from '../chunk-FEK5XGZW.js';
 import { __objRest, __spreadProps, __spreadValues } from '../chunk-3GWWZKX7.js';

package/dist/components/haptic-button.js

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

package/dist/components/link-button.js

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

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

@@ -2,7 +2,7 @@ import { Popover, PopoverTrigger, PopoverContent } from '../chunk-4UO73SKC.js';
 import { Command, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem } from '../chunk-7H54PTVH.js';
 import '../chunk-4AVS6CV4.js';
 import { Badge } from '../chunk-NKHH23YK.js';
-import { Button } from '../chunk-2CUFS5LF.js';
+import { Button } from '../chunk-2BMJRXQX.js';
 import '../chunk-R47NEOSI.js';
 import { cn } from '../chunk-FEK5XGZW.js';
 import '../chunk-3GWWZKX7.js';

package/dist/components/multi-select-menu.d.ts

@@ -0,0 +1,26 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+
+interface MultiSelectMenuOption {
+    value: string;
+    label: React.ReactNode;
+    disabled?: boolean;
+}
+interface MultiSelectMenuProps {
+    options: MultiSelectMenuOption[];
+    selected: string[];
+    onSelectedChange: (values: string[]) => void;
+    /** Trigger element rendered via Radix `asChild` — typically a Button. */
+    trigger: React.ReactNode;
+    /** Optional heading rendered above the option list. */
+    label?: string;
+    align?: "start" | "center" | "end";
+    /** Pixel width of the popover content. Defaults to 220. */
+    width?: number;
+    /** className for the popover content. */
+    contentClassName?: string;
+    emptyText?: string;
+}
+declare function MultiSelectMenu({ options, selected, onSelectedChange, trigger, label, align, width, contentClassName, emptyText, }: MultiSelectMenuProps): react_jsx_runtime.JSX.Element;
+
+export { MultiSelectMenu, type MultiSelectMenuOption, type MultiSelectMenuProps };

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

@@ -0,0 +1,71 @@
+import { Popover, PopoverTrigger, PopoverContent } from '../chunk-4UO73SKC.js';
+import { Checkbox } from '../chunk-IQASCH2V.js';
+import { cn } from '../chunk-FEK5XGZW.js';
+import '../chunk-3GWWZKX7.js';
+import * as React from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+function MultiSelectMenu({
+  options,
+  selected,
+  onSelectedChange,
+  trigger,
+  label,
+  align = "end",
+  width = 220,
+  contentClassName,
+  emptyText = "No options"
+}) {
+  const selectedSet = React.useMemo(() => new Set(selected), [selected]);
+  function handleToggle(value) {
+    const next = new Set(selectedSet);
+    if (next.has(value)) {
+      next.delete(value);
+    } else {
+      next.add(value);
+    }
+    onSelectedChange(Array.from(next));
+  }
+  return /* @__PURE__ */ jsxs(Popover, { children: [
+    /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: trigger }),
+    /* @__PURE__ */ jsxs(
+      PopoverContent,
+      {
+        align,
+        className: cn("p-2", contentClassName),
+        style: { width },
+        children: [
+          label && /* @__PURE__ */ jsx("div", { className: "text-foreground px-2 py-1.5 text-sm font-semibold", children: label }),
+          /* @__PURE__ */ jsx("div", { role: "group", "aria-label": label, className: "flex flex-col gap-0.5", children: options.length === 0 ? /* @__PURE__ */ jsx("p", { className: "text-muted-foreground px-2 py-1.5 text-sm", children: emptyText }) : options.map((option) => {
+            const checked = selectedSet.has(option.value);
+            return /* @__PURE__ */ jsxs(
+              "label",
+              {
+                className: cn(
+                  "flex cursor-pointer items-center gap-2 rounded-md px-2 py-1.5 text-sm select-none",
+                  "hover:bg-sidebar-accent hover:text-sidebar-accent-foreground",
+                  option.disabled && "pointer-events-none opacity-50"
+                ),
+                children: [
+                  /* @__PURE__ */ jsx(
+                    Checkbox,
+                    {
+                      checked,
+                      onCheckedChange: () => handleToggle(option.value),
+                      disabled: option.disabled,
+                      "aria-label": typeof option.label === "string" ? option.label : option.value
+                    }
+                  ),
+                  /* @__PURE__ */ jsx("span", { className: "flex-1", children: option.label })
+                ]
+              },
+              option.value
+            );
+          }) })
+        ]
+      }
+    )
+  ] });
+}
+
+export { MultiSelectMenu };

package/dist/components/pagination.js

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

package/dist/components/phone-frame.d.ts

@@ -0,0 +1,17 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface PhoneFrameProps {
+    children: React.ReactNode;
+    className?: string;
+    /** Outer frame width in pixels. Height derives from iPhone 17 Pro Max aspect. Default 220. */
+    width?: number;
+    /**
+     * When set, children are rendered at this virtual viewport width and CSS-scaled
+     * to fit the actual frame. Use this to render mobile UIs at native sizing
+     * (e.g. 390 for iPhone 13/14/15) while displaying inside a smaller frame.
+     */
+    mobileViewportWidth?: number;
+}
+declare function PhoneFrame({ children, className, width, mobileViewportWidth, }: PhoneFrameProps): react_jsx_runtime.JSX.Element;
+
+export { PhoneFrame, type PhoneFrameProps };

package/dist/components/phone-frame.js

@@ -0,0 +1,41 @@
+import { cn } from '../chunk-FEK5XGZW.js';
+import '../chunk-3GWWZKX7.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var SCREEN_ASPECT = 956 / 440;
+var FRAME_PADDING = 6;
+function PhoneFrame({
+  children,
+  className,
+  width = 220,
+  mobileViewportWidth
+}) {
+  const screenHeight = Math.round(width * SCREEN_ASPECT);
+  const innerWidth = width - FRAME_PADDING * 2;
+  const scale = mobileViewportWidth ? innerWidth / mobileViewportWidth : 1;
+  const viewportHeight = mobileViewportWidth ? screenHeight / scale : screenHeight;
+  return /* @__PURE__ */ jsx("div", { className: cn("relative mx-auto shrink-0", className), style: { width }, children: /* @__PURE__ */ jsxs("div", { className: "rounded-[2.5rem] border-[1.5px] border-white/15 bg-black/80 p-1.5 shadow-2xl shadow-black/40", children: [
+    /* @__PURE__ */ jsx("div", { className: "absolute top-[10px] left-1/2 -translate-x-1/2 w-[68px] h-[20px] bg-black rounded-full z-10" }),
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "rounded-[2rem] overflow-hidden bg-background relative",
+        style: { height: screenHeight },
+        children: mobileViewportWidth ? /* @__PURE__ */ jsx(
+          "div",
+          {
+            style: {
+              width: mobileViewportWidth,
+              height: viewportHeight,
+              transform: `scale(${scale})`,
+              transformOrigin: "top left"
+            },
+            children
+          }
+        ) : children
+      }
+    )
+  ] }) });
+}
+
+export { PhoneFrame };

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

@@ -0,0 +1,17 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { PlacePreview, PlaceAboutTabLabels, PlaceLinkKind } from './place-types.js';
+
+interface PlaceAboutTabProps {
+    place: PlacePreview;
+    labels: PlaceAboutTabLabels;
+    /** Slot for an embedded map (FE only). Omit to skip the map row. */
+    mapSlot?: React.ReactNode;
+    /** Slot for an embedded busyness chart. Rendered only when both this prop and `place.busyness` are present. */
+    busynessSlot?: React.ReactNode;
+    /** Fires when the user clicks a contact link (phone/website/social). The URL is what the caller passed in. */
+    onLinkClick?: (kind: PlaceLinkKind, url: string) => void;
+    className?: string;
+}
+declare function PlaceAboutTab({ place, labels, mapSlot, busynessSlot, onLinkClick, className, }: PlaceAboutTabProps): react_jsx_runtime.JSX.Element;
+
+export { PlaceAboutTab, type PlaceAboutTabProps };

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

@@ -0,0 +1,6 @@
+export { PlaceAboutTab } from '../chunk-HLQ2IRE7.js';
+import '../chunk-QJ54Z7TC.js';
+import '../chunk-4KOMHDZD.js';
+import '../chunk-NKHH23YK.js';
+import '../chunk-FEK5XGZW.js';
+import '../chunk-3GWWZKX7.js';

package/dist/components/place-card.d.ts

@@ -0,0 +1,17 @@
+import * as React from 'react';
+import { PlacePreview, PlaceCardLabels } from './place-types.js';
+
+interface PlaceCardProps {
+    place: PlacePreview;
+    labels: PlaceCardLabels;
+    /** Locale tag (e.g. `"en"`, `"ro"`). Reserved for future Intl number/distance formatting. */
+    locale?: string;
+    /** Optional click handler. When omitted the card renders as a non-interactive div. */
+    onClick?: (place: PlacePreview) => void;
+    className?: string;
+    /** Forwarded to the thumbnail's `loading` attribute (`"eager"` when true). */
+    priority?: boolean;
+}
+declare const PlaceCard: React.NamedExoticComponent<PlaceCardProps>;
+
+export { PlaceCard, type PlaceCardProps };