@bearmenu/ui 0.6.1 → 0.7.0

package/dist/components/card.js

@@ -1,4 +1,127 @@
-export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, cardVariants } from '../chunk-XK2ZDQVE.js';
-import '../chunk-Y5D5LP4A.js';
-import '../chunk-FEK5XGZW.js';
-import '../chunk-3GWWZKX7.js';
+import { textVariants } from '../chunk-Y5D5LP4A.js';
+import { cn } from '../chunk-FEK5XGZW.js';
+import { __objRest, __spreadValues } from '../chunk-3GWWZKX7.js';
+import * as React from 'react';
+import { cva } from 'class-variance-authority';
+import { jsx } from 'react/jsx-runtime';
+
+var cardVariants = cva(
+  "rounded-3xl text-card-foreground transition-[background-color,border-color] duration-[var(--duration-quick)] ease-[var(--ease-standard)]",
+  {
+    variants: {
+      variant: {
+        surface: "bg-card border border-border",
+        glass: "glass",
+        outline: "bg-transparent border border-border",
+        muted: "bg-muted border border-transparent"
+      },
+      size: {
+        sm: "[&_[data-slot=card-header]]:p-4 [&_[data-slot=card-content]]:p-4 [&_[data-slot=card-content]]:pt-0 [&_[data-slot=card-footer]]:p-4 [&_[data-slot=card-footer]]:pt-0",
+        default: "[&_[data-slot=card-header]]:p-6 [&_[data-slot=card-content]]:p-6 [&_[data-slot=card-content]]:pt-0 [&_[data-slot=card-footer]]:p-6 [&_[data-slot=card-footer]]:pt-0",
+        lg: "[&_[data-slot=card-header]]:p-8 [&_[data-slot=card-content]]:p-8 [&_[data-slot=card-content]]:pt-0 [&_[data-slot=card-footer]]:p-8 [&_[data-slot=card-footer]]:pt-0"
+      },
+      // Interactive variant follows v1.0 `press-response` archetype:
+      // hover lift via shadow + translate (200ms), press scale-down (instant).
+      interactive: {
+        true: "cursor-pointer transition-[transform,border-color,box-shadow] duration-[var(--duration-quick)] ease-[var(--ease-standard)] hover:border-primary/40 hover:-translate-y-0.5 hover:shadow-md active:scale-[0.97] active:duration-[var(--duration-instant)] motion-reduce:hover:translate-y-0 motion-reduce:active:scale-100",
+        false: ""
+      }
+    },
+    defaultVariants: {
+      variant: "surface",
+      size: "default",
+      interactive: false
+    }
+  }
+);
+var Card = React.forwardRef((_a, ref) => {
+  var _b = _a, { className, variant, size, interactive } = _b, props = __objRest(_b, ["className", "variant", "size", "interactive"]);
+  return /* @__PURE__ */ jsx(
+    "div",
+    __spreadValues({
+      ref,
+      "data-slot": "card",
+      className: cn(cardVariants({ variant, size, interactive }), className)
+    }, props)
+  );
+});
+Card.displayName = "Card";
+var CardHeader = React.forwardRef(
+  (_a, ref) => {
+    var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+    return /* @__PURE__ */ jsx(
+      "div",
+      __spreadValues({
+        ref,
+        "data-slot": "card-header",
+        className: cn("flex flex-col space-y-1.5 p-6", className)
+      }, props)
+    );
+  }
+);
+CardHeader.displayName = "CardHeader";
+var CardTitle = React.forwardRef(
+  (_a, ref) => {
+    var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+    return /* @__PURE__ */ jsx(
+      "div",
+      __spreadValues({
+        ref,
+        "data-slot": "card-title",
+        className: cn(textVariants({ variant: "h4", wrap: "balance" }), className)
+      }, props)
+    );
+  }
+);
+CardTitle.displayName = "CardTitle";
+var CardDescription = React.forwardRef(
+  (_a, ref) => {
+    var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+    return /* @__PURE__ */ jsx(
+      "div",
+      __spreadValues({
+        ref,
+        "data-slot": "card-description",
+        className: cn("text-sm", textVariants({ color: "muted", wrap: "pretty" }), className)
+      }, props)
+    );
+  }
+);
+CardDescription.displayName = "CardDescription";
+var CardContent = React.forwardRef(
+  (_a, ref) => {
+    var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+    return /* @__PURE__ */ jsx("div", __spreadValues({ ref, "data-slot": "card-content", className: cn("p-6 pt-0", className) }, props));
+  }
+);
+CardContent.displayName = "CardContent";
+var CardAction = React.forwardRef(
+  (_a, ref) => {
+    var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+    return /* @__PURE__ */ jsx(
+      "div",
+      __spreadValues({
+        ref,
+        "data-slot": "card-action",
+        className: cn("col-start-2 row-span-2 row-start-1 self-start justify-self-end", className)
+      }, props)
+    );
+  }
+);
+CardAction.displayName = "CardAction";
+var CardFooter = React.forwardRef(
+  (_a, ref) => {
+    var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+    return /* @__PURE__ */ jsx(
+      "div",
+      __spreadValues({
+        ref,
+        "data-slot": "card-footer",
+        className: cn("flex items-center p-6 pt-0", className)
+      }, props)
+    );
+  }
+);
+CardFooter.displayName = "CardFooter";
+
+export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, cardVariants };

package/dist/components/combobox.js

@@ -1,6 +1,6 @@
 import { Popover, PopoverTrigger, PopoverContent } from '../chunk-UUJVXN2O.js';
-import { Command, CommandInput, CommandList, CommandLoading, CommandEmpty, CommandGroup, CommandItem } from '../chunk-PSR7N36A.js';
-import '../chunk-WKMLZDUT.js';
+import { Command, CommandInput, CommandList, CommandLoading, CommandEmpty, CommandGroup, CommandItem } from '../chunk-HCM6LKM5.js';
+import '../chunk-FRPPIXMY.js';
 import { Button } from '../chunk-ZFNOCP6W.js';
 import '../chunk-R47NEOSI.js';
 import { cn } from '../chunk-FEK5XGZW.js';

package/dist/components/command.js

@@ -1,4 +1,4 @@
-export { Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandLoading, CommandSeparator, CommandShortcut } from '../chunk-PSR7N36A.js';
-import '../chunk-WKMLZDUT.js';
+export { Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandLoading, CommandSeparator, CommandShortcut } from '../chunk-HCM6LKM5.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-RIDXFY6M.js';
+import { Input } from '../chunk-AV777R4G.js';
 import { cn } from '../chunk-FEK5XGZW.js';
 import { __objRest, __spreadValues } from '../chunk-3GWWZKX7.js';
 import * as React from 'react';

package/dist/components/date-input.js

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

package/dist/components/dialog.js

@@ -1,3 +1,3 @@
-export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, dialogContentVariants } from '../chunk-WKMLZDUT.js';
+export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, dialogContentVariants } from '../chunk-FRPPIXMY.js';
 import '../chunk-FEK5XGZW.js';
 import '../chunk-3GWWZKX7.js';

package/dist/components/filter-category-row.d.ts

@@ -0,0 +1,13 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { LucideIcon } from 'lucide-react';
+
+interface FilterCategoryRowProps {
+    icon: LucideIcon;
+    label: string;
+    description: string;
+    count?: number;
+    onClick: () => void;
+}
+declare function FilterCategoryRow({ icon: Icon, label, description, count, onClick, }: FilterCategoryRowProps): react_jsx_runtime.JSX.Element;
+
+export { FilterCategoryRow };

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

@@ -0,0 +1,44 @@
+import { Text } from '../chunk-Y5D5LP4A.js';
+import { Badge } from '../chunk-TL4YU2O5.js';
+import '../chunk-FEK5XGZW.js';
+import '../chunk-3GWWZKX7.js';
+import { ChevronRight } from 'lucide-react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+function FilterCategoryRow({
+  icon: Icon,
+  label,
+  description,
+  count = 0,
+  onClick
+}) {
+  return /* @__PURE__ */ jsxs(
+    "button",
+    {
+      type: "button",
+      onClick,
+      className: "flex items-center justify-between w-full py-3 transition-colors hover:bg-muted/50 rounded-lg px-2 -mx-2",
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+          /* @__PURE__ */ jsx(
+            Icon,
+            {
+              "aria-hidden": "true",
+              className: "w-5 h-5 text-muted-foreground flex-shrink-0"
+            }
+          ),
+          /* @__PURE__ */ jsxs("div", { className: "text-left", children: [
+            /* @__PURE__ */ jsx(Text, { as: "p", weight: "medium", children: label }),
+            /* @__PURE__ */ jsx(Text, { as: "p", variant: "body-sm", color: "muted", children: description })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+          count > 0 && /* @__PURE__ */ jsx(Badge, { variant: "secondary", className: "text-xs", children: count }),
+          /* @__PURE__ */ jsx(ChevronRight, { className: "w-5 h-5 text-muted-foreground" })
+        ] })
+      ]
+    }
+  );
+}
+
+export { FilterCategoryRow };

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

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

package/dist/components/input-group.js

@@ -6,29 +6,34 @@ import { cva } from 'class-variance-authority';
 import { jsx } from 'react/jsx-runtime';
 
 var inputGroupVariants = cva(
-  "flex items-center w-full rounded-xl border border-border bg-background text-base md:text-sm text-foreground transition-colors focus-within:outline-none focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 has-[input:disabled]:cursor-not-allowed has-[input:disabled]:opacity-50 aria-invalid:border-destructive aria-invalid:focus-within:ring-destructive/40",
+  "flex items-center w-full border border-border bg-background text-base md:text-sm text-foreground transition-colors focus-within:outline-none focus-within:ring-2 focus-within:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 has-[input:disabled]:cursor-not-allowed has-[input:disabled]:opacity-50 aria-invalid:border-destructive aria-invalid:focus-within:ring-destructive/40",
   {
     variants: {
       size: {
         sm: "h-9",
         default: "h-11",
         lg: "h-12"
+      },
+      shape: {
+        rounded: "rounded-xl focus-within:ring-ring",
+        pill: "rounded-full shadow-[var(--shadow-card)] focus-within:ring-accent/30"
       }
     },
     defaultVariants: {
-      size: "default"
+      size: "default",
+      shape: "rounded"
     }
   }
 );
 var InputGroupContext = React.createContext({});
 var InputGroup = React.forwardRef((_a, ref) => {
-  var _b = _a, { className, size, children } = _b, props = __objRest(_b, ["className", "size", "children"]);
-  return /* @__PURE__ */ jsx(InputGroupContext.Provider, { value: { size }, children: /* @__PURE__ */ jsx(
+  var _b = _a, { className, size, shape, children } = _b, props = __objRest(_b, ["className", "size", "shape", "children"]);
+  return /* @__PURE__ */ jsx(InputGroupContext.Provider, { value: { size, shape }, children: /* @__PURE__ */ jsx(
     "div",
     __spreadProps(__spreadValues({
       ref,
       "data-slot": "input-group",
-      className: cn(inputGroupVariants({ size }), className)
+      className: cn(inputGroupVariants({ size, shape }), className)
     }, props), {
       children
     })

package/dist/components/input.d.ts

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

package/dist/components/input.js

@@ -1,3 +1,3 @@
-export { Input, inputVariants } from '../chunk-RIDXFY6M.js';
+export { Input, inputVariants } from '../chunk-AV777R4G.js';
 import '../chunk-FEK5XGZW.js';
 import '../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-PSR7N36A.js';
-import '../chunk-WKMLZDUT.js';
+import { Command, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem } from '../chunk-HCM6LKM5.js';
+import '../chunk-FRPPIXMY.js';
 import { Button } from '../chunk-ZFNOCP6W.js';
 import '../chunk-R47NEOSI.js';
-import { Badge } from '../chunk-YJ6OBKZJ.js';
+import { Badge } from '../chunk-TL4YU2O5.js';
 import { cn } from '../chunk-FEK5XGZW.js';
 import '../chunk-3GWWZKX7.js';
 import * as React from 'react';

package/dist/components/phone-frame.js

@@ -14,7 +14,7 @@ function PhoneFrame({
   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: [
+  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 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",

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

@@ -4,11 +4,11 @@ import { PlacePreview, PlaceAboutTabLabels, PlaceLinkKind } from './place-types.
 interface PlaceAboutTabProps {
     place: PlacePreview;
     labels: PlaceAboutTabLabels;
-    /** Slot for an embedded map (FE only). Omit to skip the map row. */
+    /** Slot for an embedded map. Rendered first, full-bleed — the caller controls the breakout / gradient treatment. */
     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. */
+    /** Fires when the user clicks a contact link (phone/website/social). */
     onLinkClick?: (kind: PlaceLinkKind, url: string) => void;
     className?: string;
 }

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

@@ -1,6 +1,7 @@
-export { PlaceAboutTab } from '../chunk-BAZFVSSG.js';
-import '../chunk-XK2ZDQVE.js';
+export { PlaceAboutTab } from '../chunk-UX6SWAKH.js';
+import '../chunk-YLNYXPIH.js';
+import '../chunk-WSRWFA6K.js';
+import '../chunk-A5ONAJCE.js';
 import '../chunk-Y5D5LP4A.js';
-import '../chunk-YJ6OBKZJ.js';
 import '../chunk-FEK5XGZW.js';
 import '../chunk-3GWWZKX7.js';

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

@@ -1,7 +1,9 @@
-import { PlaceAboutTab } from '../chunk-BAZFVSSG.js';
-import '../chunk-XK2ZDQVE.js';
+import { PlaceAboutTab } from '../chunk-UX6SWAKH.js';
+import '../chunk-YLNYXPIH.js';
+import '../chunk-WSRWFA6K.js';
+import '../chunk-A5ONAJCE.js';
 import { Text } from '../chunk-Y5D5LP4A.js';
-import { Badge } from '../chunk-YJ6OBKZJ.js';
+import { Badge } from '../chunk-TL4YU2O5.js';
 import { cn } from '../chunk-FEK5XGZW.js';
 import '../chunk-3GWWZKX7.js';
 import { useState } from 'react';

package/dist/components/place-schedule-week.d.ts

@@ -0,0 +1,19 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { PlaceSchedule, PlaceScheduleWeekLabels } from './place-types.js';
+
+interface PlaceScheduleWeekProps {
+    schedule?: PlaceSchedule;
+    labels: PlaceScheduleWeekLabels;
+    /**
+     * When true, scrolls the today row into view on mount. Use inside a drawer/dialog
+     * where the schedule is the only content — auto-scrolling avoids weekend rows
+     * being clipped at the bottom of small viewports. Default false: do not auto-scroll
+     * when the schedule sits inline on a longer page, where the behaviour disorients
+     * the reader.
+     */
+    autoScrollToToday?: boolean;
+    className?: string;
+}
+declare function PlaceScheduleWeek({ schedule, labels, autoScrollToToday, className, }: PlaceScheduleWeekProps): react_jsx_runtime.JSX.Element;
+
+export { PlaceScheduleWeek, type PlaceScheduleWeekProps };

package/dist/components/place-schedule-week.js

@@ -0,0 +1,4 @@
+export { PlaceScheduleWeek } from '../chunk-A5ONAJCE.js';
+import '../chunk-Y5D5LP4A.js';
+import '../chunk-FEK5XGZW.js';
+import '../chunk-3GWWZKX7.js';

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

@@ -18,6 +18,7 @@ type PlacePreview = {
     review_count?: number;
     hours?: PlaceHourBlock[];
     today_schedule?: PlaceHourBlock[];
+    schedule?: PlaceSchedule;
     location?: {
         address?: string;
         geolocation?: {
@@ -65,6 +66,8 @@ type PlaceHourBlock = {
     opens_at: number;
     closes_at: number;
 };
+type WeekdayKey = 'monday' | 'tuesday' | 'wednesday' | 'thursday' | 'friday' | 'saturday' | 'sunday';
+type PlaceSchedule = Record<WeekdayKey, PlaceHourBlock[]>;
 type PlacePriceRange = {
     price_range_low?: number;
     price_range_high?: number;
@@ -85,15 +88,14 @@ type PlaceCardLabels = {
  * to the raw enum value (with underscores → spaces).
  */
 type PlaceAboutTabLabels = {
-    overview: string;
+    /** Section heading for the editorial prose block (generative summary + review summary + description). */
     description: string;
-    whatPeopleSay: string;
     contactAndLocation: string;
-    address: string;
     instagram: string;
     facebook: string;
+    /** Section heading for the inline weekly schedule. */
     todayHours: string;
-    statusOpen: string;
+    /** Used by the inline schedule's closed-day line-through. */
     statusClosed: string;
     typicalBusyness: string;
     cuisines: string;
@@ -102,10 +104,10 @@ type PlaceAboutTabLabels = {
     accessibility: string;
     parking: string;
     nearbyLandmarks: string;
-    neighborhood: string;
-    businessInformation: string;
-    type: string;
-    status: string;
+    /** Weekday key → translated day name, consumed by the inline `<PlaceScheduleWeek>`. */
+    scheduleDays: Record<WeekdayKey, string>;
+    /** Fallback shown by `<PlaceScheduleWeek>` when no schedule data is present. */
+    noHoursAvailable: string;
     amenityLabels: Record<string, string>;
     paymentLabels: Record<string, string>;
     accessibilityLabels: Record<string, string>;
@@ -115,6 +117,13 @@ type PlaceAboutTabLabels = {
 };
 /** Discriminator for `<PlaceAboutTab>`'s `onLinkClick` callback. */
 type PlaceLinkKind = 'phone' | 'website' | 'instagram' | 'facebook' | 'address';
+/** Labels passed to `<PlaceScheduleWeek>`. */
+type PlaceScheduleWeekLabels = {
+    days: Record<WeekdayKey, string>;
+    closed: string;
+    /** Shown when the `schedule` prop is missing or empty. */
+    noHoursAvailable: string;
+};
 /**
  * Labels passed to `<PlaceDetailsMobile>`. Extends `PlaceAboutTabLabels` with
  * the header/tab-strip strings unique to the mobile place-details surface.
@@ -142,4 +151,4 @@ type PlaceDetailsMobileLabels = PlaceAboutTabLabels & {
     noImageAvailable: string;
 };
 
-export type { PlaceAboutTabLabels, PlaceCardLabels, PlaceDetailsMobileLabels, PlaceHourBlock, PlaceLinkKind, PlacePreview, PlacePriceRange };
+export type { PlaceAboutTabLabels, PlaceCardLabels, PlaceDetailsMobileLabels, PlaceHourBlock, PlaceLinkKind, PlacePreview, PlacePriceRange, PlaceSchedule, PlaceScheduleWeekLabels, WeekdayKey };

package/dist/components/scroll-fade.js

@@ -88,7 +88,12 @@ var ScrollFade = React.forwardRef(
               "aria-hidden": true,
               className: cn(
                 "pointer-events-none absolute z-10 transition-opacity duration-300",
-                orientation === "vertical" ? `inset-x-0 top-0 ${fadeSize} bg-gradient-to-b` : `inset-y-0 left-0 ${fadeSize} bg-gradient-to-r`,
+                // `from-30%` adds a solid plateau before the gradient starts
+                // fading — without it the gradient is a pure linear ramp and only
+                // the very top pixel reads as solid, leaving the cut edge visible.
+                // -4px inset pulls the fade past the container edge so the very
+                // edge of clipped content is covered by the solid plateau.
+                orientation === "vertical" ? `inset-x-0 -top-1 ${fadeSize} bg-gradient-to-b from-30%` : `inset-y-0 -left-1 ${fadeSize} bg-gradient-to-r from-30%`,
                 fromClass,
                 atStart ? "opacity-0" : "opacity-100"
               )
@@ -100,7 +105,7 @@ var ScrollFade = React.forwardRef(
               "aria-hidden": true,
               className: cn(
                 "pointer-events-none absolute z-10 transition-opacity duration-300",
-                orientation === "vertical" ? `inset-x-0 bottom-0 ${fadeSize} bg-gradient-to-t` : `inset-y-0 right-0 ${fadeSize} bg-gradient-to-l`,
+                orientation === "vertical" ? `inset-x-0 -bottom-1 ${fadeSize} bg-gradient-to-t from-30%` : `inset-y-0 -right-1 ${fadeSize} bg-gradient-to-l from-30%`,
                 fromClass,
                 atEnd ? "opacity-0" : "opacity-100"
               )

package/dist/components/searchable-select.js

@@ -1,6 +1,6 @@
 import { Popover, PopoverTrigger, PopoverContent } from '../chunk-UUJVXN2O.js';
-import { Command, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem } from '../chunk-PSR7N36A.js';
-import '../chunk-WKMLZDUT.js';
+import { Command, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem } from '../chunk-HCM6LKM5.js';
+import '../chunk-FRPPIXMY.js';
 import { Button } from '../chunk-ZFNOCP6W.js';
 import '../chunk-R47NEOSI.js';
 import { cn } from '../chunk-FEK5XGZW.js';

package/dist/components/separator.js

@@ -1,26 +1,3 @@
-import { cn } from '../chunk-FEK5XGZW.js';
-import { __objRest, __spreadValues } from '../chunk-3GWWZKX7.js';
-import * as React from 'react';
-import * as SeparatorPrimitive from '@radix-ui/react-separator';
-import { jsx } from 'react/jsx-runtime';
-
-var Separator = React.forwardRef((_a, ref) => {
-  var _b = _a, { className, orientation = "horizontal", decorative = true } = _b, props = __objRest(_b, ["className", "orientation", "decorative"]);
-  return /* @__PURE__ */ jsx(
-    SeparatorPrimitive.Root,
-    __spreadValues({
-      ref,
-      "data-slot": "separator",
-      decorative,
-      orientation,
-      className: cn(
-        "shrink-0",
-        orientation === "horizontal" ? "h-px w-full bg-gradient-to-r from-transparent via-border to-transparent" : "h-full w-px bg-gradient-to-b from-transparent via-border to-transparent",
-        className
-      )
-    }, props)
-  );
-});
-Separator.displayName = SeparatorPrimitive.Root.displayName;
-
-export { Separator };
+export { Separator } from '../chunk-WSRWFA6K.js';
+import '../chunk-FEK5XGZW.js';
+import '../chunk-3GWWZKX7.js';

package/dist/components/sheet.js

@@ -26,7 +26,7 @@ var SheetOverlay = React.forwardRef((_a, ref) => {
 });
 SheetOverlay.displayName = SheetPrimitive.Overlay.displayName;
 var sheetVariants = cva(
-  "fixed z-[1000] gap-4 bg-background border-border p-6 shadow-2xl transition ease-in-out data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:duration-300 data-[state=open]:duration-500",
+  "fixed z-[1000] gap-4 bg-background border-border p-6 shadow-2xl data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=open]:duration-[var(--duration-deliberate)] data-[state=closed]:duration-[var(--duration-exit-standard)] data-[state=open]:ease-[var(--ease-enter)] data-[state=closed]:ease-[var(--ease-exit)]",
   {
     variants: {
       side: {

package/dist/components/sliding-panels.d.ts

@@ -7,6 +7,7 @@ interface Panel {
     showBackButton?: boolean;
     backButtonLabel?: string;
     onBack?: () => void;
+    parentId?: string;
 }
 interface SlidingPanelsProps {
     panels: Panel[];

package/dist/components/sliding-panels.js

@@ -2,6 +2,7 @@ import { Button } from '../chunk-ZFNOCP6W.js';
 import '../chunk-R47NEOSI.js';
 import { cn } from '../chunk-FEK5XGZW.js';
 import '../chunk-3GWWZKX7.js';
+import * as React from 'react';
 import { useRef, useState, useLayoutEffect } from 'react';
 import { ChevronLeft } from 'lucide-react';
 import { jsx, jsxs } from 'react/jsx-runtime';
@@ -16,6 +17,18 @@ var SlidingPanels = ({
   const currentPanelData = panels[currentIndex];
   const panelRefs = useRef([]);
   const [containerHeight, setContainerHeight] = useState();
+  const usesTreeModel = panels.some((p) => p.parentId);
+  const activeAncestors = React.useMemo(() => {
+    if (!usesTreeModel) return /* @__PURE__ */ new Set();
+    const ancestors = /* @__PURE__ */ new Set();
+    let cursor = panels.find((p) => p.id === currentPanel);
+    while (cursor == null ? void 0 : cursor.parentId) {
+      ancestors.add(cursor.parentId);
+      const nextId = cursor.parentId;
+      cursor = panels.find((p) => p.id === nextId);
+    }
+    return ancestors;
+  }, [panels, currentPanel, usesTreeModel]);
   useLayoutEffect(() => {
     const activeEl = panelRefs.current[currentIndex];
     if (!activeEl) return;
@@ -26,13 +39,16 @@ var SlidingPanels = ({
     return () => ro.disconnect();
   }, [currentIndex]);
   const handleBack = () => {
-    const previousPanel = panels[currentIndex - 1];
-    if (!previousPanel) return;
     if (currentPanelData == null ? void 0 : currentPanelData.onBack) {
       currentPanelData.onBack();
-    } else {
-      onPanelChange(previousPanel.id);
+      return;
     }
+    if (currentPanelData == null ? void 0 : currentPanelData.parentId) {
+      onPanelChange(currentPanelData.parentId);
+      return;
+    }
+    const previousPanel = panels[currentIndex - 1];
+    if (previousPanel) onPanelChange(previousPanel.id);
   };
   return /* @__PURE__ */ jsx(
     "div",
@@ -44,8 +60,8 @@ var SlidingPanels = ({
       style: { height: containerHeight, overflowClipMargin: "8px" },
       children: panels.map((panel, index) => {
         const isActive = panel.id === currentPanel;
-        const isLeft = index < currentIndex;
-        const isRight = index > currentIndex;
+        const isLeft = usesTreeModel ? activeAncestors.has(panel.id) : index < currentIndex;
+        const isRight = !isActive && !isLeft;
         return /* @__PURE__ */ jsxs(
           "div",
           {

package/dist/components/sort-option-list.d.ts

@@ -0,0 +1,16 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+type SortOptionListItem<T extends string> = {
+    value: T;
+    label: string;
+};
+interface SortOptionListProps<T extends string> {
+    options: SortOptionListItem<T>[];
+    value: T;
+    onChange: (value: T) => void;
+    ariaLabel: string;
+    className?: string;
+}
+declare function SortOptionList<T extends string>({ options, value, onChange, ariaLabel, className, }: SortOptionListProps<T>): react_jsx_runtime.JSX.Element;
+
+export { SortOptionList, type SortOptionListItem };