@wealthx/shadcn 1.5.10 → 1.5.12

package/dist/{chunk-54TRNCID.mjs → chunk-EB626HVW.mjs}

@@ -1,10 +1,3 @@
-import {
-  DropdownMenu,
-  DropdownMenuContent,
-  DropdownMenuItem,
-  DropdownMenuSeparator,
-  DropdownMenuTrigger
-} from "./chunk-H5DTKPJ2.mjs";
 import {
   Tooltip,
   TooltipContent,
@@ -16,6 +9,13 @@ import {
   TabsList,
   TabsTrigger
 } from "./chunk-WE4YKBDE.mjs";
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuSeparator,
+  DropdownMenuTrigger
+} from "./chunk-H5DTKPJ2.mjs";
 import {
   Separator
 } from "./chunk-2GIYVERS.mjs";
@@ -36,7 +36,7 @@ import {
 } from "./chunk-H6NQTIF4.mjs";
 import {
   Badge
-} from "./chunk-WL6WVV47.mjs";
+} from "./chunk-X6RC5UWB.mjs";
 import {
   ToggleGroup,
   ToggleGroupItem
@@ -424,15 +424,19 @@ function ChatComposer({
   mode,
   channel: channelProp = "chat",
   onChannelChange,
+  isEmailIntegrated = false,
   contactEmail = "",
   inputValue = "",
   onInputChange,
   onSend,
+  onSendEmail,
   onTakeOver,
   onLetAiHandle,
   className
 }) {
-  const [channel, setChannel] = React.useState(channelProp);
+  const [channel, setChannel] = React.useState(
+    isEmailIntegrated ? channelProp : "chat"
+  );
   const [emailTo, setEmailTo] = React.useState(contactEmail);
   const [emailCc, setEmailCc] = React.useState("");
   const [showCc, setShowCc] = React.useState(false);
@@ -482,7 +486,7 @@ function ChatComposer({
         className
       ),
       children: [
-        /* @__PURE__ */ jsx("div", { className: "border-b border-border px-3 py-2", children: /* @__PURE__ */ jsx(
+        isEmailIntegrated && /* @__PURE__ */ jsx("div", { className: "border-b border-border px-3 py-2", children: /* @__PURE__ */ jsx(
           Tabs,
           {
             value: channel,
@@ -617,7 +621,12 @@ function ChatComposer({
                       Button,
                       {
                         size: "sm",
-                        onClick: () => onSend == null ? void 0 : onSend(inputValue),
+                        onClick: () => onSendEmail == null ? void 0 : onSendEmail({
+                          content: inputValue,
+                          to: emailTo,
+                          cc: emailCc,
+                          subject: emailSubject
+                        }),
                         disabled: !inputValue.trim() || !emailTo.trim(),
                         children: [
                           /* @__PURE__ */ jsx(Send, { className: "mr-1.5 size-3.5" }),
@@ -672,9 +681,11 @@ function ChatThread({
   isAiTyping = false,
   channel,
   onChannelChange,
+  isEmailIntegrated,
   inputValue,
   onInputChange,
   onSend,
+  onSendEmail,
   onTakeOver,
   onLetAiHandle,
   onReopen,
@@ -682,12 +693,53 @@ function ChatThread({
   onUnmarkUrgent,
   onArchive,
   onAssignToAdvisor,
+  hasMoreMessages,
+  isLoadingMoreMessages,
+  onLoadMoreMessages,
   onBack,
   onShowLeadInfo,
   className
 }) {
   const aiIsHandling = mode === "ai";
   const isClosed = status === "closed";
+  const scrollRef = React.useRef(null);
+  const preLoadScrollHeightRef = React.useRef(null);
+  const handleScroll = (e) => {
+    if (!hasMoreMessages || isLoadingMoreMessages || !onLoadMoreMessages) {
+      return;
+    }
+    if (e.currentTarget.scrollTop <= 80) {
+      preLoadScrollHeightRef.current = e.currentTarget.scrollHeight;
+      onLoadMoreMessages();
+    }
+  };
+  const prevLastMessageIdRef = React.useRef(void 0);
+  const prevContactIdRef = React.useRef(contact.id);
+  React.useLayoutEffect(() => {
+    var _a, _b;
+    const el = scrollRef.current;
+    if (!el) return;
+    if (preLoadScrollHeightRef.current !== null) {
+      el.scrollTop = el.scrollHeight - preLoadScrollHeightRef.current;
+      preLoadScrollHeightRef.current = null;
+      prevLastMessageIdRef.current = (_a = messages[messages.length - 1]) == null ? void 0 : _a.id;
+      prevContactIdRef.current = contact.id;
+      return;
+    }
+    const currentLastId = (_b = messages[messages.length - 1]) == null ? void 0 : _b.id;
+    const contactChanged = prevContactIdRef.current !== contact.id;
+    const tailChanged = prevLastMessageIdRef.current !== currentLastId;
+    if (contactChanged || tailChanged) {
+      el.scrollTop = el.scrollHeight;
+    }
+    prevLastMessageIdRef.current = currentLastId;
+    prevContactIdRef.current = contact.id;
+  }, [contact.id, messages]);
+  React.useLayoutEffect(() => {
+    if (!isAiTyping) return;
+    const el = scrollRef.current;
+    if (el) el.scrollTop = el.scrollHeight;
+  }, [isAiTyping]);
   return /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col bg-background", className), children: [
     /* @__PURE__ */ jsxs(
       "div",
@@ -777,9 +829,12 @@ function ChatThread({
     /* @__PURE__ */ jsxs(
       "div",
       {
+        ref: scrollRef,
+        onScroll: handleScroll,
         className: "flex flex-1 flex-col gap-4 overflow-y-auto p-4",
         tabIndex: 0,
         children: [
+          isLoadingMoreMessages && /* @__PURE__ */ jsx("div", { className: "flex justify-center py-1 text-caption text-muted-foreground", children: "Loading older messages..." }),
           messages.length === 0 ? /* @__PURE__ */ jsxs("div", { className: "flex flex-1 flex-col items-center justify-center gap-2 text-muted-foreground", children: [
             /* @__PURE__ */ jsx(MessageSquare, { className: "size-8 opacity-30" }),
             /* @__PURE__ */ jsx("p", { className: "text-sm", children: "No messages yet" })
@@ -817,10 +872,12 @@ function ChatThread({
         mode,
         channel,
         onChannelChange,
+        isEmailIntegrated,
         contactEmail: contact.email,
         inputValue,
         onInputChange,
         onSend,
+        onSendEmail,
         onTakeOver,
         onLetAiHandle
       }
@@ -1171,11 +1228,15 @@ function ConversationsPage({
   onChannelFilterChange,
   channel,
   onChannelChange,
+  isEmailIntegrated,
   inputValue,
   internalNotes,
   showLeadPanel = true,
   hasMore,
   isLoadingMore,
+  hasMoreMessages,
+  isLoadingMoreMessages,
+  onLoadMoreMessages,
   isAiTyping,
   notesSaveStatus,
   onSelectConversation,
@@ -1184,6 +1245,7 @@ function ConversationsPage({
   onFilterChange,
   onInputChange,
   onSend,
+  onSendEmail,
   onTakeOver,
   onLetAiHandle,
   onReopen,
@@ -1252,9 +1314,11 @@ function ConversationsPage({
             isAiTyping,
             channel,
             onChannelChange,
+            isEmailIntegrated,
             inputValue,
             onInputChange,
             onSend,
+            onSendEmail,
             onTakeOver,
             onLetAiHandle,
             onReopen,
@@ -1262,6 +1326,9 @@ function ConversationsPage({
             onUnmarkUrgent,
             onArchive,
             onAssignToAdvisor,
+            hasMoreMessages,
+            isLoadingMoreMessages,
+            onLoadMoreMessages,
             onBack: () => setMobilePanel("list"),
             onShowLeadInfo: () => setMobilePanel("lead"),
             className: cn(

package/dist/{chunk-E2BNCA6L.mjs → chunk-EHQL64B7.mjs}

@@ -3,7 +3,7 @@ import {
   DebtCard,
   OtherLiabilityCard,
   PropertyCard
-} from "./chunk-W5QJ57PU.mjs";
+} from "./chunk-7LN5OGC2.mjs";
 import {
   FinancialCardHeader,
   FinancialDetailField,

package/dist/{chunk-2WCIORP7.mjs → chunk-EXI64H46.mjs}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-PNSYFE3K.mjs";
 import {
   Badge
-} from "./chunk-WL6WVV47.mjs";
+} from "./chunk-X6RC5UWB.mjs";
 import {
   cn
 } from "./chunk-AFML43VJ.mjs";

package/dist/{chunk-BBXSNDS3.mjs → chunk-FQYFPHDO.mjs}

@@ -4,7 +4,7 @@ import {
 } from "./chunk-H6NQTIF4.mjs";
 import {
   Badge
-} from "./chunk-WL6WVV47.mjs";
+} from "./chunk-X6RC5UWB.mjs";
 import {
   Input
 } from "./chunk-LBTHZSBT.mjs";

package/dist/{chunk-3VZ6CYY2.mjs → chunk-GAXNO4JB.mjs}

@@ -20,7 +20,7 @@ import {
 } from "./chunk-H6NQTIF4.mjs";
 import {
   Badge
-} from "./chunk-WL6WVV47.mjs";
+} from "./chunk-X6RC5UWB.mjs";
 import {
   Button
 } from "./chunk-NOOEKOWY.mjs";

package/dist/{chunk-3WGFIFP6.mjs → chunk-I4P7RXAE.mjs}

@@ -3,7 +3,7 @@ import {
   ChatWidgetInputBar,
   ChatWidgetLauncher,
   ChatWidgetMessage
-} from "./chunk-BBXSNDS3.mjs";
+} from "./chunk-FQYFPHDO.mjs";
 import {
   Field,
   FieldError,

package/dist/{chunk-Z2BW5T7P.mjs → chunk-IODGRCQG.mjs}

@@ -13,7 +13,7 @@ import {
 } from "./chunk-H6NQTIF4.mjs";
 import {
   Badge
-} from "./chunk-WL6WVV47.mjs";
+} from "./chunk-X6RC5UWB.mjs";
 import {
   formatWeekdayShort
 } from "./chunk-LHWJQNLG.mjs";

package/dist/{chunk-GS47ZSSA.mjs → chunk-J7KQON2N.mjs}

@@ -8,7 +8,7 @@ import {
 } from "./chunk-MXP2RX2V.mjs";
 import {
   AppointmentSlotSection
-} from "./chunk-FRT3S72S.mjs";
+} from "./chunk-CQ7HKBEX.mjs";
 import {
   Select,
   SelectContent,
@@ -37,7 +37,7 @@ import {
 } from "./chunk-H6NQTIF4.mjs";
 import {
   Badge
-} from "./chunk-WL6WVV47.mjs";
+} from "./chunk-X6RC5UWB.mjs";
 import {
   Calendar
 } from "./chunk-FBNEIYSE.mjs";
@@ -127,6 +127,19 @@ var FORMAT_OPTIONS = [
     icon: /* @__PURE__ */ jsx(MapPin, { className: "h-4 w-4" })
   }
 ];
+var CLIENT_FORMAT_OPTIONS = [
+  { value: "call", label: "Call", icon: /* @__PURE__ */ jsx(Phone, { className: "h-4 w-4" }) },
+  {
+    value: "online",
+    label: "Online Meeting",
+    icon: /* @__PURE__ */ jsx(Video, { className: "h-4 w-4" })
+  },
+  {
+    value: "offline",
+    label: "Offline Meeting",
+    icon: /* @__PURE__ */ jsx(MapPin, { className: "h-4 w-4" })
+  }
+];
 function MeetingFormatSection({
   format,
   onFormatChange,
@@ -136,10 +149,11 @@ function MeetingFormatSection({
   onCustomAddressChange,
   advisorOfficeAddress,
   clientHomeAddress,
-  isClientMode
+  isClientMode,
+  formatOptions
 }) {
   return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
-    /* @__PURE__ */ jsx("div", { className: "flex gap-2", children: FORMAT_OPTIONS.map((opt) => /* @__PURE__ */ jsxs(
+    /* @__PURE__ */ jsx("div", { className: "flex gap-2", children: formatOptions.map((opt) => /* @__PURE__ */ jsxs(
       Toggle,
       {
         variant: "outline",
@@ -432,7 +446,8 @@ function AppointmentBookDialog({
             onCustomAddressChange: setCustomAddress,
             advisorOfficeAddress,
             clientHomeAddress,
-            isClientMode
+            isClientMode,
+            formatOptions: isClientMode ? CLIENT_FORMAT_OPTIONS : FORMAT_OPTIONS
           }
         )
       ] }),

package/dist/{chunk-IQGKOT7A.mjs → chunk-K35TFQUB.mjs}

@@ -1,6 +1,6 @@
 import {
   TaskCheckItem
-} from "./chunk-2WCIORP7.mjs";
+} from "./chunk-EXI64H46.mjs";
 import {
   Progress
 } from "./chunk-JPGL36WQ.mjs";

package/dist/{chunk-4DO3WM7V.mjs → chunk-K4VWSDJJ.mjs}

@@ -1,6 +1,6 @@
 import {
   Badge
-} from "./chunk-WL6WVV47.mjs";
+} from "./chunk-X6RC5UWB.mjs";
 import {
   cn
 } from "./chunk-AFML43VJ.mjs";

package/dist/{chunk-KWD6GANL.mjs → chunk-MPA2HV5U.mjs}

@@ -1,6 +1,6 @@
 import {
   badgeVariants
-} from "./chunk-WL6WVV47.mjs";
+} from "./chunk-X6RC5UWB.mjs";
 import {
   Button
 } from "./chunk-NOOEKOWY.mjs";

package/dist/{chunk-5LZZYODG.mjs → chunk-QHAMVWDG.mjs}

@@ -48,6 +48,7 @@ import {
 
 // src/components/ui/contact-alert-dialog/contact-alert-dialog.tsx
 import * as React2 from "react";
+import { AlertCircleIcon, EyeIcon, InfoIcon } from "lucide-react";
 import {
   Query,
   Utils as QbUtils4
@@ -837,7 +838,24 @@ function ContactAlertDialog({
           size: "sm",
           value: severity,
           onValueChange: (v) => v && setSeverity(v),
-          children: ["NEED_ACTION", "WATCH", "HEALTHY"].map((s) => /* @__PURE__ */ jsx2(ToggleGroupItem, { value: s, children: SEVERITY_LABELS[s] }, s))
+          children: ["NEED_ACTION", "WATCH", "HEALTHY"].map((s) => /* @__PURE__ */ jsxs2(
+            ToggleGroupItem,
+            {
+              value: s,
+              className: cn(
+                s === "NEED_ACTION" && "data-pressed:bg-destructive/10 data-pressed:inset-ring-destructive data-pressed:text-destructive-text data-pressed:hover:bg-destructive/10",
+                s === "WATCH" && "data-pressed:bg-warning/10 data-pressed:inset-ring-warning data-pressed:text-warning-text data-pressed:hover:bg-warning/10",
+                s === "HEALTHY" && "data-pressed:bg-info/10 data-pressed:inset-ring-info data-pressed:text-info-text data-pressed:hover:bg-info/10"
+              ),
+              children: [
+                s === "NEED_ACTION" && /* @__PURE__ */ jsx2(AlertCircleIcon, { className: "size-3.5" }),
+                s === "WATCH" && /* @__PURE__ */ jsx2(EyeIcon, { className: "size-3.5" }),
+                s === "HEALTHY" && /* @__PURE__ */ jsx2(InfoIcon, { className: "size-3.5" }),
+                SEVERITY_LABELS[s]
+              ]
+            },
+            s
+          ))
         }
       )
     ] }),

package/dist/{chunk-XUCDPAVI.mjs → chunk-R6U246E4.mjs}

@@ -1,7 +1,7 @@
 import {
   AppointmentConfirmDialog,
   AppointmentRescheduleDialog
-} from "./chunk-AANINK2B.mjs";
+} from "./chunk-2KNQZG5S.mjs";
 import {
   Sheet,
   SheetContent
@@ -15,7 +15,7 @@ import {
 } from "./chunk-H6NQTIF4.mjs";
 import {
   Badge
-} from "./chunk-WL6WVV47.mjs";
+} from "./chunk-X6RC5UWB.mjs";
 import {
   Button
 } from "./chunk-NOOEKOWY.mjs";

package/dist/{chunk-VCDGLN25.mjs → chunk-S6AYZJYO.mjs}

@@ -1,3 +1,9 @@
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuTrigger
+} from "./chunk-H5DTKPJ2.mjs";
 import {
   Separator
 } from "./chunk-2GIYVERS.mjs";
@@ -8,7 +14,7 @@ import {
 } from "./chunk-H6NQTIF4.mjs";
 import {
   Badge
-} from "./chunk-WL6WVV47.mjs";
+} from "./chunk-X6RC5UWB.mjs";
 import {
   Button
 } from "./chunk-NOOEKOWY.mjs";
@@ -54,6 +60,7 @@ function AdvisorCard({
   isPrimary = false,
   appointments,
   onRefer,
+  menuItems,
   onMoreOptions,
   onBookAppointment,
   onViewAppointment
@@ -64,17 +71,17 @@ function AdvisorCard({
     /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-4 p-4", children: [
       /* @__PURE__ */ jsxs(Avatar, { className: "h-10 w-10 shrink-0", children: [
         companyLogoUrl && /* @__PURE__ */ jsx(AvatarImage, { src: companyLogoUrl, alt: `${name} company logo` }),
-        /* @__PURE__ */ jsx(AvatarFallback, { className: "text-sm", children: avatarInitials != null ? avatarInitials : companyName ? companyName.split(" ").map((w) => w[0]).join("").slice(0, 2).toUpperCase() : name.slice(0, 2).toUpperCase() })
+        /* @__PURE__ */ jsx(AvatarFallback, { className: "text-caption", children: avatarInitials != null ? avatarInitials : companyName ? companyName.split(" ").map((w) => w[0]).join("").slice(0, 2).toUpperCase() : name.slice(0, 2).toUpperCase() })
       ] }),
       /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 flex-col gap-0.5", children: [
-        /* @__PURE__ */ jsx("p", { className: "text-sm font-semibold leading-tight", children: name }),
-        /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: role }),
+        /* @__PURE__ */ jsx("p", { className: "text-label-large leading-tight", children: name }),
+        /* @__PURE__ */ jsx("p", { className: "text-body-small text-muted-foreground", children: role }),
         /* @__PURE__ */ jsxs("div", { className: "mt-2 flex flex-col gap-1", children: [
-          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5 text-sm text-muted-foreground", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5 text-body-small text-muted-foreground", children: [
             /* @__PURE__ */ jsx(Phone, { className: "h-4 w-4 shrink-0" }),
             /* @__PURE__ */ jsx("span", { children: phone })
           ] }),
-          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5 text-sm text-muted-foreground", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5 text-body-small text-muted-foreground", children: [
             /* @__PURE__ */ jsx(Mail, { className: "h-4 w-4 shrink-0" }),
             /* @__PURE__ */ jsx("span", { children: email })
           ] })
@@ -82,7 +89,33 @@ function AdvisorCard({
       ] }),
       /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 items-center gap-1.5", children: [
         isPrimary && /* @__PURE__ */ jsx(Badge, { variant: "success", children: "Primary" }),
-        /* @__PURE__ */ jsx(
+        menuItems && menuItems.length > 0 ? /* @__PURE__ */ jsxs(DropdownMenu, { children: [
+          /* @__PURE__ */ jsx(
+            DropdownMenuTrigger,
+            {
+              render: /* @__PURE__ */ jsx(
+                Button,
+                {
+                  variant: "ghost",
+                  size: "icon",
+                  className: "h-7 w-7",
+                  "aria-label": "More options"
+                }
+              ),
+              children: /* @__PURE__ */ jsx(MoreVertical, { className: "h-4 w-4" })
+            }
+          ),
+          /* @__PURE__ */ jsx(DropdownMenuContent, { align: "end", children: menuItems.map((item, i) => /* @__PURE__ */ jsx(
+            DropdownMenuItem,
+            {
+              variant: item.variant,
+              disabled: item.disabled,
+              onClick: item.onClick,
+              children: item.label
+            },
+            i
+          )) })
+        ] }) : /* @__PURE__ */ jsx(
           Button,
           {
             variant: "ghost",
@@ -107,17 +140,10 @@ function AdvisorCard({
               /* @__PURE__ */ jsx(CalendarCheck, { className: "h-4 w-4 shrink-0 text-muted-foreground" }),
               /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 flex-col gap-0.5", children: [
                 /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-                  /* @__PURE__ */ jsx(
-                    Badge,
-                    {
-                      variant: STATUS_VARIANT[appt.status],
-                      className: "text-[10px]",
-                      children: STATUS_LABEL[appt.status]
-                    }
-                  ),
-                  appt.appointmentType && /* @__PURE__ */ jsx("span", { className: "truncate text-sm font-semibold", children: appt.appointmentType })
+                  /* @__PURE__ */ jsx(Badge, { variant: STATUS_VARIANT[appt.status], children: STATUS_LABEL[appt.status] }),
+                  appt.appointmentType && /* @__PURE__ */ jsx("span", { className: "truncate text-h6", children: appt.appointmentType })
                 ] }),
-                /* @__PURE__ */ jsxs("p", { className: "whitespace-nowrap text-sm text-muted-foreground", children: [
+                /* @__PURE__ */ jsxs("p", { className: "whitespace-nowrap text-body-small text-muted-foreground", children: [
                   appt.date,
                   " \xB7 ",
                   appt.timeStart,
@@ -145,7 +171,7 @@ function AdvisorCard({
         /* Empty state */
         /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 px-4 py-3", children: [
           /* @__PURE__ */ jsx(Calendar, { className: "h-4 w-4 shrink-0 text-muted-foreground" }),
-          /* @__PURE__ */ jsx("p", { className: "flex-1 text-xs text-muted-foreground", children: "No upcoming appointments" })
+          /* @__PURE__ */ jsx("p", { className: "flex-1 text-caption text-muted-foreground", children: "No upcoming appointments" })
         ] })
       )
     ] }),
@@ -164,7 +190,7 @@ function AdvisorCard({
       onRefer && /* @__PURE__ */ jsxs(
         Button,
         {
-          variant: "outline",
+          variant: "default",
           size: "sm",
           className: "w-full",
           onClick: onRefer,
@@ -188,8 +214,8 @@ function AdvisorInviteCard({ onInvite }) {
       children: [
         /* @__PURE__ */ jsx("div", { className: "flex h-10 w-10 items-center justify-center border border-dashed border-muted-foreground/40", children: /* @__PURE__ */ jsx(Plus, { className: "h-5 w-5 text-muted-foreground" }) }),
         /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1", children: [
-          /* @__PURE__ */ jsx("p", { className: "text-sm font-medium", children: "Add Another Advisor" }),
-          /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: "Connect more advisors to your account" })
+          /* @__PURE__ */ jsx("p", { className: "text-label-large", children: "Add Another Advisor" }),
+          /* @__PURE__ */ jsx("p", { className: "text-caption text-muted-foreground", children: "Connect more advisors to your account" })
         ] })
       ]
     }

package/dist/{chunk-WL6WVV47.mjs → chunk-X6RC5UWB.mjs}

@@ -13,7 +13,7 @@ import {
 import { cva } from "class-variance-authority";
 import { jsx } from "react/jsx-runtime";
 var badgeVariants = cva(
-  "inline-flex w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-full border border-transparent px-2.5 py-0.5 text-xs font-medium font-sans whitespace-nowrap transition-[color,box-shadow] focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&>svg]:pointer-events-none [&>svg]:size-3",
+  "inline-flex w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-full border border-transparent px-2.5 py-0.5 text-caption whitespace-nowrap transition-[color,box-shadow] focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&>svg]:pointer-events-none [&>svg]:size-3",
   {
     variants: {
       variant: {

package/dist/{chunk-4BHDDLWK.mjs → chunk-XAS6KBIG.mjs}

@@ -1,6 +1,6 @@
 import {
   AppointmentSlotSection
-} from "./chunk-FRT3S72S.mjs";
+} from "./chunk-CQ7HKBEX.mjs";
 import {
   Separator
 } from "./chunk-2GIYVERS.mjs";
@@ -22,7 +22,7 @@ import {
 } from "./chunk-H6NQTIF4.mjs";
 import {
   Badge
-} from "./chunk-WL6WVV47.mjs";
+} from "./chunk-X6RC5UWB.mjs";
 import {
   Calendar
 } from "./chunk-FBNEIYSE.mjs";

package/dist/{chunk-VWZS32ZQ.mjs → chunk-XYWEGBAA.mjs}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-LI2CTS5O.mjs";
 import {
   Badge
-} from "./chunk-WL6WVV47.mjs";
+} from "./chunk-X6RC5UWB.mjs";
 import {
   Button
 } from "./chunk-NOOEKOWY.mjs";