@bearmenu/ui 0.6.1 → 0.7.0

package/dist/chunk-A5ONAJCE.js

@@ -0,0 +1,102 @@
+import { Text } from './chunk-Y5D5LP4A.js';
+import { cn } from './chunk-FEK5XGZW.js';
+import { useRef, useEffect } from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var WEEKDAY_KEYS = [
+  "monday",
+  "tuesday",
+  "wednesday",
+  "thursday",
+  "friday",
+  "saturday",
+  "sunday"
+];
+function formatHour(h) {
+  return `${h.toString().padStart(2, "0")}:00`;
+}
+function todayWeekdayIndex() {
+  const d = (/* @__PURE__ */ new Date()).getDay();
+  return (d + 6) % 7;
+}
+function PlaceScheduleWeek({
+  schedule,
+  labels,
+  autoScrollToToday = false,
+  className
+}) {
+  const todayIdx = todayWeekdayIndex();
+  const todayRowRef = useRef(null);
+  useEffect(() => {
+    var _a;
+    if (autoScrollToToday) {
+      (_a = todayRowRef.current) == null ? void 0 : _a.scrollIntoView({ block: "nearest" });
+    }
+  }, [autoScrollToToday]);
+  if (!schedule) {
+    return /* @__PURE__ */ jsx(Text, { as: "p", variant: "body-sm", color: "muted", children: labels.noHoursAvailable });
+  }
+  return /* @__PURE__ */ jsx("div", { className: cn(className), children: WEEKDAY_KEYS.map((dayKey, idx) => {
+    var _a;
+    const slots = (_a = schedule[dayKey]) != null ? _a : [];
+    const isToday = idx === todayIdx;
+    const isClosed = slots.length === 0;
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref: isToday ? todayRowRef : null,
+        className: cn(
+          "relative flex items-start justify-between gap-3 rounded-lg px-3 py-1.5 overflow-hidden",
+          isToday && "bg-primary/8"
+        ),
+        children: [
+          isToday && /* @__PURE__ */ jsx(
+            "span",
+            {
+              "aria-hidden": true,
+              className: "absolute left-0 top-0 bottom-0 w-1 bg-primary"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Text,
+            {
+              as: "span",
+              variant: "body-sm",
+              weight: isToday ? "semibold" : "medium",
+              className: isToday ? "text-foreground" : "text-muted-foreground",
+              children: labels.days[dayKey]
+            }
+          ),
+          /* @__PURE__ */ jsx("div", { className: "flex flex-col items-end gap-0.5", children: isClosed ? /* @__PURE__ */ jsx(
+            Text,
+            {
+              as: "span",
+              variant: "body-sm",
+              className: "line-through text-muted-foreground/50",
+              children: labels.closed
+            }
+          ) : slots.map((slot, i) => /* @__PURE__ */ jsxs(
+            Text,
+            {
+              as: "span",
+              variant: "body-sm",
+              className: cn(
+                "tabular-nums",
+                isToday ? "text-foreground" : "text-muted-foreground"
+              ),
+              children: [
+                formatHour(slot.opens_at),
+                " \u2013 ",
+                formatHour(slot.closes_at)
+              ]
+            },
+            i
+          )) })
+        ]
+      },
+      dayKey
+    );
+  }) });
+}
+
+export { PlaceScheduleWeek };

package/dist/chunk-AV777R4G.js

@@ -0,0 +1,43 @@
+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 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",
+  {
+    variants: {
+      size: {
+        sm: "h-9 px-3 text-base md:text-sm",
+        default: "h-11 px-4 py-2",
+        lg: "h-12 px-5 text-base"
+      },
+      shape: {
+        rounded: "rounded-xl focus-visible:ring-ring",
+        pill: "rounded-full bg-background shadow-[var(--shadow-card)] focus-visible:ring-accent/30"
+      }
+    },
+    defaultVariants: {
+      size: "default",
+      shape: "rounded"
+    }
+  }
+);
+var Input = React.forwardRef(
+  (_a, ref) => {
+    var _b = _a, { className, type, size, shape } = _b, props = __objRest(_b, ["className", "type", "size", "shape"]);
+    return /* @__PURE__ */ jsx(
+      "input",
+      __spreadValues({
+        type,
+        "data-slot": "input",
+        className: cn(inputVariants({ size, shape }), className),
+        ref
+      }, props)
+    );
+  }
+);
+Input.displayName = "Input";
+
+export { Input, inputVariants };

package/dist/{chunk-WKMLZDUT.js → chunk-FRPPIXMY.js}

@@ -26,7 +26,7 @@ var DialogOverlay = React.forwardRef((_a, ref) => {
 });
 DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
 var dialogContentVariants = cva(
-  "fixed left-[50%] top-[50%] z-[1000] grid w-full translate-x-[-50%] translate-y-[-50%] gap-4 bg-card p-6 shadow-2xl duration-200 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 rounded-2xl border border-border",
+  "fixed left-[50%] top-[50%] z-[1000] grid w-full translate-x-[-50%] translate-y-[-50%] gap-4 bg-card 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)] data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 rounded-2xl border border-border",
   {
     variants: {
       size: {

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

@@ -1,4 +1,4 @@
-import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription } from './chunk-WKMLZDUT.js';
+import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription } from './chunk-FRPPIXMY.js';
 import { cn } from './chunk-FEK5XGZW.js';
 import { __objRest, __spreadValues, __spreadProps } from './chunk-3GWWZKX7.js';
 import * as React from 'react';

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

@@ -17,16 +17,23 @@ var badgeVariants = cva(
         success: "border-transparent bg-success text-success-foreground",
         warning: "border-transparent bg-warning text-warning-foreground",
         brown: "border-transparent bg-brown text-brown-foreground"
+      },
+      // v1.0 motion: "live" surface signal — applies `live-pulse` archetype.
+      // Pair with a colored variant (e.g. variant="destructive" live).
+      live: {
+        true: "motion-live-pulse motion-reduce:animate-none",
+        false: ""
       }
     },
     defaultVariants: {
-      variant: "default"
+      variant: "default",
+      live: false
     }
   }
 );
 function Badge(_a) {
-  var _b = _a, { className, variant } = _b, props = __objRest(_b, ["className", "variant"]);
-  return /* @__PURE__ */ jsx("div", __spreadValues({ "data-slot": "badge", className: cn(badgeVariants({ variant }), className) }, props));
+  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));
 }
 
 export { Badge, badgeVariants };

package/dist/chunk-UX6SWAKH.js

@@ -0,0 +1,320 @@
+import { Tag } from './chunk-YLNYXPIH.js';
+import { Separator } from './chunk-WSRWFA6K.js';
+import { PlaceScheduleWeek } from './chunk-A5ONAJCE.js';
+import { Text } from './chunk-Y5D5LP4A.js';
+import { cn } from './chunk-FEK5XGZW.js';
+import { __spreadProps, __spreadValues } from './chunk-3GWWZKX7.js';
+import { Fragment } from 'react';
+import { Phone, Globe, Check } from 'lucide-react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+function Instagram(props) {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    __spreadProps(__spreadValues({
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }, props), {
+      children: [
+        /* @__PURE__ */ jsx("rect", { width: "20", height: "20", x: "2", y: "2", rx: "5", ry: "5" }),
+        /* @__PURE__ */ jsx("path", { d: "M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z" }),
+        /* @__PURE__ */ jsx("line", { x1: "17.5", x2: "17.51", y1: "6.5", y2: "6.5" })
+      ]
+    })
+  );
+}
+function Facebook(props) {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    __spreadProps(__spreadValues({
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }, props), {
+      children: /* @__PURE__ */ jsx("path", { d: "M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z" })
+    })
+  );
+}
+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 });
+}
+function Divider() {
+  return /* @__PURE__ */ jsx(Separator, { className: "mx-4 w-auto" });
+}
+function ChecklistGrid({ items }) {
+  return /* @__PURE__ */ jsx("div", { className: "grid grid-cols-2 gap-x-3 gap-y-1.5", children: items.map((item, i) => /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-2", children: [
+    /* @__PURE__ */ jsx(
+      Check,
+      {
+        className: "w-3.5 h-3.5 mt-0.5 shrink-0 text-muted-foreground",
+        "aria-hidden": true
+      }
+    ),
+    /* @__PURE__ */ jsx(Text, { as: "span", variant: "body-sm", color: "muted", children: item })
+  ] }, i)) });
+}
+function ChipRow({ items }) {
+  return /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-2", children: items.map((item, i) => /* @__PURE__ */ jsx(Tag, { variant: "default", children: item }, i)) });
+}
+function StatusTag({
+  status,
+  label
+}) {
+  const variant = status === "operational" ? "success" : status === "closed_temporarily" ? "warning" : "destructive";
+  return /* @__PURE__ */ jsx(Tag, { variant, className: "capitalize", children: label });
+}
+function PlaceAboutTab({
+  place,
+  labels,
+  mapSlot,
+  busynessSlot,
+  onLinkClick,
+  className
+}) {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r;
+  const handleLinkClick = (kind, url) => {
+    if (onLinkClick && url) onLinkClick(kind, url);
+  };
+  const getAmenityLabel = (key) => labels.amenityLabels[key] || humanizeEnum(key);
+  const getPaymentLabel = (key) => labels.paymentLabels[key] || humanizeEnum(key);
+  const getAccessibilityLabel = (key) => labels.accessibilityLabels[key] || humanizeEnum(key);
+  const getParkingLabel = (key) => labels.parkingLabels[key] || humanizeEnum(key);
+  const getTypeLabel = (key) => labels.typeLabels[key] || humanizeEnum(key);
+  const getStatusLabel = (key) => labels.statusLabels[key] || humanizeEnum(key);
+  const hasDescription = Boolean(
+    place.generative_summary || place.review_summary || place.description
+  );
+  const hasDescriptionChips = Boolean(place.type || place.business_status);
+  const hasContact = Boolean(
+    ((_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 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;
+  const hasAccessibility = ((_k = (_j = place.accessibility_features) == null ? void 0 : _j.length) != null ? _k : 0) > 0;
+  const hasParking = ((_m = (_l = place.parking_options) == null ? void 0 : _l.length) != null ? _m : 0) > 0;
+  const hasLandmarks = ((_o = (_n = place.landmarks) == null ? void 0 : _n.length) != null ? _o : 0) > 0;
+  const neighborhood = place.areas && place.areas.length > 0 ? place.areas.map((a) => a.name).join(" \xB7 ") : null;
+  const sections = [];
+  if (hasDescription || hasDescriptionChips) {
+    sections.push({
+      key: "description",
+      node: /* @__PURE__ */ jsxs("section", { className: "px-4 space-y-2", children: [
+        /* @__PURE__ */ jsx(SectionHeading, { children: labels.description }),
+        hasDescription && /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+          place.generative_summary && /* @__PURE__ */ jsx(Text, { as: "p", variant: "body-sm", leading: "snug", color: "muted", children: place.generative_summary }),
+          place.review_summary && /* @__PURE__ */ jsx(Text, { as: "p", variant: "body-sm", leading: "snug", color: "muted", children: place.review_summary }),
+          place.description && /* @__PURE__ */ jsx(Text, { as: "p", variant: "body-sm", leading: "snug", color: "muted", children: place.description })
+        ] }),
+        hasDescriptionChips && /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-2", children: [
+          place.type && /* @__PURE__ */ jsx(Tag, { variant: "default", className: "capitalize", children: getTypeLabel(place.type) }),
+          place.business_status && /* @__PURE__ */ jsx(
+            StatusTag,
+            {
+              status: place.business_status,
+              label: getStatusLabel(place.business_status)
+            }
+          )
+        ] })
+      ] })
+    });
+  }
+  if (hasContact) {
+    sections.push({
+      key: "contact",
+      node: /* @__PURE__ */ jsxs("section", { className: "px-4 space-y-2", children: [
+        /* @__PURE__ */ jsx(SectionHeading, { children: labels.contactAndLocation }),
+        /* @__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 })
+          ] }),
+          place.phone && /* @__PURE__ */ jsxs(
+            "a",
+            {
+              href: `tel:${place.phone}`,
+              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(Text, { as: "span", variant: "body-sm", children: place.phone })
+              ]
+            }
+          ),
+          place.website_url && /* @__PURE__ */ jsxs(
+            "a",
+            {
+              href: place.website_url,
+              target: "_blank",
+              rel: "noopener noreferrer",
+              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(Text, { as: "span", variant: "body-sm", className: "break-all", children: place.website_url })
+              ]
+            }
+          ),
+          ((_q = place.socials) == null ? void 0 : _q.instagram_url) && /* @__PURE__ */ jsxs(
+            "a",
+            {
+              href: place.socials.instagram_url,
+              target: "_blank",
+              rel: "noopener noreferrer",
+              onClick: () => {
+                var _a2;
+                return handleLinkClick("instagram", (_a2 = place.socials) == null ? void 0 : _a2.instagram_url);
+              },
+              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(Text, { as: "span", variant: "body-sm", children: labels.instagram })
+              ]
+            }
+          ),
+          ((_r = place.socials) == null ? void 0 : _r.facebook_url) && /* @__PURE__ */ jsxs(
+            "a",
+            {
+              href: place.socials.facebook_url,
+              target: "_blank",
+              rel: "noopener noreferrer",
+              onClick: () => {
+                var _a2;
+                return handleLinkClick("facebook", (_a2 = place.socials) == null ? void 0 : _a2.facebook_url);
+              },
+              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(Text, { as: "span", variant: "body-sm", children: labels.facebook })
+              ]
+            }
+          )
+        ] })
+      ] })
+    });
+  }
+  if (hasSchedule) {
+    sections.push({
+      key: "hours",
+      node: /* @__PURE__ */ jsxs("section", { className: "px-4 space-y-2", children: [
+        /* @__PURE__ */ jsx(SectionHeading, { children: labels.todayHours }),
+        /* @__PURE__ */ jsx(
+          PlaceScheduleWeek,
+          {
+            schedule: place.schedule,
+            labels: {
+              days: labels.scheduleDays,
+              closed: labels.statusClosed,
+              noHoursAvailable: labels.noHoursAvailable
+            },
+            autoScrollToToday: false
+          }
+        )
+      ] })
+    });
+  }
+  if (hasBusyness) {
+    sections.push({
+      key: "busyness",
+      node: /* @__PURE__ */ jsxs("section", { className: "px-4 space-y-2", children: [
+        /* @__PURE__ */ jsx(SectionHeading, { children: labels.typicalBusyness }),
+        busynessSlot
+      ] })
+    });
+  }
+  if (hasCuisines) {
+    sections.push({
+      key: "cuisines",
+      node: /* @__PURE__ */ jsxs("section", { className: "px-4 space-y-2", children: [
+        /* @__PURE__ */ jsx(SectionHeading, { children: labels.cuisines }),
+        /* @__PURE__ */ jsx(
+          ChipRow,
+          {
+            items: place.cuisines.map((c) => c.charAt(0).toUpperCase() + c.slice(1))
+          }
+        )
+      ] })
+    });
+  }
+  if (hasAmenities) {
+    sections.push({
+      key: "amenities",
+      node: /* @__PURE__ */ jsxs("section", { className: "px-4 space-y-2", children: [
+        /* @__PURE__ */ jsx(SectionHeading, { children: labels.amenities }),
+        /* @__PURE__ */ jsx(ChecklistGrid, { items: place.amenities.map(getAmenityLabel) })
+      ] })
+    });
+  }
+  if (hasPayment) {
+    sections.push({
+      key: "payment",
+      node: /* @__PURE__ */ jsxs("section", { className: "px-4 space-y-2", children: [
+        /* @__PURE__ */ jsx(SectionHeading, { children: labels.paymentOptions }),
+        /* @__PURE__ */ jsx(ChipRow, { items: place.payment_options.map(getPaymentLabel) })
+      ] })
+    });
+  }
+  if (hasAccessibility) {
+    sections.push({
+      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) })
+      ] })
+    });
+  }
+  if (hasParking) {
+    sections.push({
+      key: "parking",
+      node: /* @__PURE__ */ jsxs("section", { className: "px-4 space-y-2", children: [
+        /* @__PURE__ */ jsx(SectionHeading, { children: labels.parking }),
+        /* @__PURE__ */ jsx(ChipRow, { items: place.parking_options.map(getParkingLabel) })
+      ] })
+    });
+  }
+  if (hasLandmarks) {
+    sections.push({
+      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)) })
+      ] })
+    });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: cn("space-y-6 pt-4", className), children: [
+    mapSlot,
+    sections.map((s, i) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      (i > 0 || mapSlot) && /* @__PURE__ */ jsx(Divider, {}),
+      s.node
+    ] }, s.key))
+  ] });
+}
+
+export { PlaceAboutTab };

package/dist/{chunk-7PPCH42H.js → chunk-VQNDZVI7.js}

@@ -22,7 +22,7 @@ var ToastViewport = React.forwardRef((_a, ref) => {
 });
 ToastViewport.displayName = ToastPrimitives.Viewport.displayName;
 var toastVariants = cva(
-  "group pointer-events-auto relative flex w-full items-center justify-between space-x-4 overflow-hidden rounded-xl p-6 pr-8 shadow-2xl transition-all data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80 data-[state=closed]:slide-out-to-right-full data-[state=open]:slide-in-from-top-full data-[state=open]:sm:slide-in-from-bottom-full",
+  "group pointer-events-auto relative flex w-full items-center justify-between space-x-4 overflow-hidden rounded-xl p-6 pr-8 shadow-2xl transition-[transform,opacity] duration-[var(--duration-standard)] ease-[var(--ease-standard)] data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=open]:duration-[var(--duration-standard)] data-[state=closed]:duration-[var(--duration-exit-standard)] data-[state=open]:ease-[var(--ease-enter)] data-[state=closed]:ease-[var(--ease-exit)] data-[state=closed]:fade-out-80 data-[state=closed]:slide-out-to-right-full data-[state=open]:slide-in-from-top-full data-[state=open]:sm:slide-in-from-bottom-full",
   {
     variants: {
       variant: {

package/dist/chunk-WSRWFA6K.js

@@ -0,0 +1,26 @@
+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 };

package/dist/chunk-YLNYXPIH.js

@@ -0,0 +1,61 @@
+import { cn } from './chunk-FEK5XGZW.js';
+import { __objRest, __spreadProps, __spreadValues } from './chunk-3GWWZKX7.js';
+import * as React from 'react';
+import { X } from 'lucide-react';
+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",
+  {
+    variants: {
+      variant: {
+        default: "border-border bg-muted text-foreground",
+        primary: "border-primary/30 bg-primary/10 text-primary",
+        success: "border-success/30 bg-success/10 text-success",
+        warning: "border-warning/30 bg-warning/10 text-warning",
+        destructive: "border-destructive/30 bg-destructive/10 text-destructive",
+        outline: "border-border bg-transparent text-foreground"
+      },
+      size: {
+        sm: "h-5 px-2 text-[10px]",
+        default: "h-6 px-2.5",
+        lg: "h-7 px-3 text-sm"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+var Tag = React.forwardRef(
+  (_a, ref) => {
+    var _b = _a, { className, variant, size, onRemove, removeLabel = "Remove", children } = _b, props = __objRest(_b, ["className", "variant", "size", "onRemove", "removeLabel", "children"]);
+    return /* @__PURE__ */ jsxs(
+      "span",
+      __spreadProps(__spreadValues({
+        ref,
+        "data-slot": "tag",
+        className: cn(tagVariants({ variant, size }), className)
+      }, props), {
+        children: [
+          children,
+          onRemove && /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              "aria-label": removeLabel,
+              onClick: onRemove,
+              className: "-mr-0.5 inline-flex size-3.5 items-center justify-center rounded-full transition-colors hover:bg-foreground/10 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+              children: /* @__PURE__ */ jsx(X, { className: "size-3" })
+            }
+          )
+        ]
+      })
+    );
+  }
+);
+Tag.displayName = "Tag";
+
+export { Tag, tagVariants };

package/dist/components/accordion.js

@@ -35,7 +35,7 @@ var AccordionTrigger = React.forwardRef((_a, ref) => {
     }, props), {
       children: [
         children,
-        /* @__PURE__ */ jsx(ChevronDown, { className: "size-4 shrink-0 text-muted-foreground transition-transform duration-200" })
+        /* @__PURE__ */ jsx(ChevronDown, { className: "size-4 shrink-0 text-muted-foreground transition-transform duration-[var(--duration-quick)] ease-[var(--ease-standard)]" })
       ]
     })
   ) });

package/dist/components/badge.d.ts

@@ -5,9 +5,10 @@ import { VariantProps } from 'class-variance-authority';
 
 declare const badgeVariants: (props?: ({
     variant?: "default" | "destructive" | "outline" | "secondary" | "glass" | "brown" | "success" | "warning" | "overlay" | null | undefined;
+    live?: boolean | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
 }
-declare function Badge({ className, variant, ...props }: BadgeProps): react_jsx_runtime.JSX.Element;
+declare function Badge({ className, variant, live, ...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-YJ6OBKZJ.js';
+export { Badge, badgeVariants } from '../chunk-TL4YU2O5.js';
 import '../chunk-FEK5XGZW.js';
 import '../chunk-3GWWZKX7.js';