@wealthx/shadcn 1.4.1 → 1.5.0

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

@@ -1,14 +1,14 @@
-import {
-  Field,
-  FieldError,
-  FieldLabel
-} from "./chunk-7BTFGCFC.mjs";
 import {
   ChatWidgetHeader,
   ChatWidgetInputBar,
   ChatWidgetLauncher,
   ChatWidgetMessage
 } from "./chunk-BBXSNDS3.mjs";
+import {
+  Field,
+  FieldError,
+  FieldLabel
+} from "./chunk-MUV4EGDW.mjs";
 import {
   Input
 } from "./chunk-LBTHZSBT.mjs";

package/dist/{chunk-K4KOD3KR.mjs → chunk-42NEC57Y.mjs}

@@ -1,23 +1,29 @@
 import {
   TaskCheckItem
-} from "./chunk-K5QV4TT6.mjs";
-import {
-  formatCurrency
-} from "./chunk-MN5NYQCL.mjs";
+} from "./chunk-2WCIORP7.mjs";
 import {
   DropdownMenu,
   DropdownMenuContent,
   DropdownMenuItem,
   DropdownMenuSeparator,
   DropdownMenuTrigger
-} from "./chunk-RSUIPKGX.mjs";
+} from "./chunk-HNDTLT5X.mjs";
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipProvider,
+  TooltipTrigger
+} from "./chunk-6SR4K5T5.mjs";
+import {
+  Separator
+} from "./chunk-2GIYVERS.mjs";
 import {
   Badge
 } from "./chunk-WL6WVV47.mjs";
 import {
   formatDateDayMonth,
   formatDateShort
-} from "./chunk-M4VYX2PV.mjs";
+} from "./chunk-PV3Y7QGK.mjs";
 import {
   Accordion,
   AccordionContent,
@@ -25,8 +31,8 @@ import {
   AccordionTrigger
 } from "./chunk-UNACI2YK.mjs";
 import {
-  Separator
-} from "./chunk-2GIYVERS.mjs";
+  formatCurrency
+} from "./chunk-MN5NYQCL.mjs";
 import {
   Button,
   buttonVariants
@@ -87,6 +93,7 @@ function OpportunityCard({
   isModifyCompletedLoan,
   tasks = [],
   nextTask,
+  onCardClick,
   onViewDetails,
   onTaskToggle,
   onMarkAsDone,
@@ -96,6 +103,8 @@ function OpportunityCard({
   onDelete,
   onPutOnHold,
   isSubmitting = false,
+  draggable = false,
+  onDragStart,
   className
 }) {
   const resolvedPriority = resolvePriority(
@@ -110,15 +119,21 @@ function OpportunityCard({
   const hasTasks = tasks.length > 0;
   const hasActions = onMarkAsDone || onMoveToNextStage;
   const hasMenu = onViewDetails || onChangePriority || onPutOnHold || onDelete;
+  const stopProp = (e) => e.stopPropagation();
   return /* @__PURE__ */ jsxs(
     "div",
     {
       className: cn(
         "flex flex-col gap-2 border border-border bg-background p-4 text-foreground shadow-sm",
+        onCardClick && "cursor-pointer",
+        draggable && "cursor-grab active:cursor-grabbing",
         isSubmitting && "opacity-60",
         className
       ),
       "data-slot": "opportunity-card",
+      draggable,
+      onDragStart,
+      onClick: onCardClick,
       children: [
         onHoldTo && /* @__PURE__ */ jsxs(
           "div",
@@ -145,20 +160,22 @@ function OpportunityCard({
             (loanPurposeLabel || loanType) && /* @__PURE__ */ jsx(Badge, { variant: "outline", className: "self-start", children: loanPurposeLabel != null ? loanPurposeLabel : formatLoanType(loanType) }),
             /* @__PURE__ */ jsx("span", { className: "text-base font-bold tabular-nums text-foreground", children: formatCurrency(amount) })
           ] }),
-          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1 -mr-1 -mt-1", children: [
-            onLaunchAssistant && /* @__PURE__ */ jsx(
-              Button,
-              {
-                type: "button",
-                variant: "ghost",
-                size: "icon",
-                className: "size-7 shrink-0",
-                onClick: onLaunchAssistant,
-                "aria-label": "Launch AI Assistant",
-                title: "Launch AI Assistant",
-                children: /* @__PURE__ */ jsx(Bot, { className: "size-4" })
-              }
-            ),
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1 -mr-1 -mt-1", onClick: stopProp, children: [
+            onLaunchAssistant && /* @__PURE__ */ jsx(TooltipProvider, { delay: 0, children: /* @__PURE__ */ jsxs(Tooltip, { children: [
+              /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+                Button,
+                {
+                  type: "button",
+                  variant: "ghost",
+                  size: "icon",
+                  className: "size-7 shrink-0",
+                  onClick: onLaunchAssistant,
+                  "aria-label": "Launch AI",
+                  children: /* @__PURE__ */ jsx(Bot, { className: "size-4" })
+                }
+              ) }),
+              /* @__PURE__ */ jsx(TooltipContent, { children: "Launch AI" })
+            ] }) }),
             hasMenu && /* @__PURE__ */ jsxs(DropdownMenu, { children: [
               /* @__PURE__ */ jsx(
                 DropdownMenuTrigger,
@@ -243,7 +260,8 @@ function OpportunityCard({
             )
           ] })
         ] }),
-        hasTasks && /* @__PURE__ */ jsxs(Fragment, { children: [
+        hasTasks && // stopPropagation: accordion expand/collapse + task checkboxes must not bubble to onCardClick
+        /* @__PURE__ */ jsxs("div", { onClick: stopProp, children: [
           /* @__PURE__ */ jsx(
             "div",
             {
@@ -297,9 +315,10 @@ function OpportunityCard({
             /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: nextTask })
           ] })
         ] }),
-        hasActions && /* @__PURE__ */ jsxs(Fragment, { children: [
+        hasActions && // stopPropagation: button clicks must not bubble to onCardClick
+        /* @__PURE__ */ jsxs("div", { onClick: stopProp, children: [
           /* @__PURE__ */ jsx(Separator, {}),
-          (onMoveToNextStage || onMarkAsDone) && /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
+          (onMoveToNextStage || onMarkAsDone) && /* @__PURE__ */ jsxs("div", { className: "flex gap-2 pt-2", children: [
             onMoveToNextStage && /* @__PURE__ */ jsx(
               Button,
               {

package/dist/{chunk-FL6DZFJK.mjs → chunk-46Q4335I.mjs}

@@ -1,46 +1,27 @@
-import {
-  AddressAutocomplete
-} from "./chunk-57ZXILTS.mjs";
 import {
   RadioGroup,
   RadioGroupCard,
   RadioGroupItem
 } from "./chunk-JTK6VJXY.mjs";
 import {
-  Avatar,
-  AvatarFallback
-} from "./chunk-H6NQTIF4.mjs";
+  AddressAutocomplete
+} from "./chunk-MXP2RX2V.mjs";
 import {
   AppointmentSlotSection
-} from "./chunk-5VOTTIXF.mjs";
-import {
-  Toggle
-} from "./chunk-6QAFGZC2.mjs";
-import {
-  Textarea
-} from "./chunk-BS75ICOO.mjs";
-import {
-  Calendar
-} from "./chunk-6HIOM2HL.mjs";
-import {
-  formatDateLong
-} from "./chunk-M4VYX2PV.mjs";
-import {
-  Label
-} from "./chunk-P7CEBZM6.mjs";
-import {
-  Separator
-} from "./chunk-2GIYVERS.mjs";
+} from "./chunk-FRT3S72S.mjs";
 import {
   Select,
   SelectContent,
   SelectItem,
   SelectTrigger,
   SelectValue
-} from "./chunk-ZEDMKQK2.mjs";
+} from "./chunk-TAX3KL66.mjs";
 import {
-  Input
-} from "./chunk-LBTHZSBT.mjs";
+  Separator
+} from "./chunk-2GIYVERS.mjs";
+import {
+  Textarea
+} from "./chunk-BS75ICOO.mjs";
 import {
   Dialog,
   DialogClose,
@@ -49,14 +30,36 @@ import {
   DialogFooter,
   DialogHeader,
   DialogTitle
-} from "./chunk-P2N2PEFY.mjs";
+} from "./chunk-NCUH54IZ.mjs";
+import {
+  Avatar,
+  AvatarFallback
+} from "./chunk-H6NQTIF4.mjs";
+import {
+  Badge
+} from "./chunk-WL6WVV47.mjs";
+import {
+  Calendar
+} from "./chunk-Q35PNFJ7.mjs";
+import {
+  formatDateLong
+} from "./chunk-PV3Y7QGK.mjs";
+import {
+  Label
+} from "./chunk-P7CEBZM6.mjs";
+import {
+  Toggle
+} from "./chunk-6QAFGZC2.mjs";
+import {
+  Input
+} from "./chunk-LBTHZSBT.mjs";
 import {
   Button
 } from "./chunk-NOOEKOWY.mjs";
 
 // src/components/ui/appointment-book-dialog.tsx
 import React from "react";
-import { MapPin, Phone, Video } from "lucide-react";
+import { CalendarCheck, MapPin, Phone, Users, Video } from "lucide-react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 function ClientSearch({
   clients,
@@ -113,15 +116,24 @@ var FORMAT_OPTIONS = [
     label: "Google Meet",
     icon: /* @__PURE__ */ jsx(Video, { className: "h-4 w-4" })
   },
+  {
+    value: "microsoft-teams",
+    label: "MS Teams",
+    icon: /* @__PURE__ */ jsx(Users, { className: "h-4 w-4" })
+  },
   {
     value: "offline",
     label: "Offline",
     icon: /* @__PURE__ */ jsx(MapPin, { className: "h-4 w-4" })
   }
 ];
+var FORMAT_CALL = FORMAT_OPTIONS[0];
+var FORMAT_OFFLINE = FORMAT_OPTIONS[3];
+var ONLINE_MEETING_ICON = /* @__PURE__ */ jsx(Video, { className: "h-4 w-4" });
 function MeetingFormatSection({
   format,
   onFormatChange,
+  options = FORMAT_OPTIONS,
   offlineLocation,
   onOfflineLocationChange,
   customAddress,
@@ -131,7 +143,7 @@ function MeetingFormatSection({
   isClientMode
 }) {
   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: options.map((opt) => /* @__PURE__ */ jsxs(
       Toggle,
       {
         variant: "outline",
@@ -192,6 +204,48 @@ function MeetingFormatSection({
     ] })
   ] });
 }
+function SummaryRow({
+  label,
+  value,
+  border = true
+}) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: `flex items-center justify-between px-4 py-3 ${border ? "border-b border-border" : ""}`,
+      children: [
+        /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: label }),
+        typeof value === "string" ? /* @__PURE__ */ jsx("span", { className: "text-xs font-medium", children: value }) : value
+      ]
+    }
+  );
+}
+function BookingConfirmationScreen({
+  booking,
+  onDone
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-6 py-4 text-center", children: [
+    /* @__PURE__ */ jsx("div", { className: "flex h-16 w-16 items-center justify-center bg-success/10", children: /* @__PURE__ */ jsx(CalendarCheck, { className: "h-8 w-8 text-success" }) }),
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1.5", children: [
+      /* @__PURE__ */ jsx("h3", { className: "text-lg font-semibold", children: "Booking request sent!" }),
+      /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: "Your advisor will review and confirm the appointment. You'll receive a notification once it's confirmed." })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "w-full border border-border bg-muted/30 text-left", children: [
+      booking.advisorName && /* @__PURE__ */ jsx(SummaryRow, { label: "Advisor", value: booking.advisorName }),
+      /* @__PURE__ */ jsx(SummaryRow, { label: "Date", value: formatDateLong(booking.date) }),
+      /* @__PURE__ */ jsx(SummaryRow, { label: "Time", value: booking.slotLabel }),
+      /* @__PURE__ */ jsx(
+        SummaryRow,
+        {
+          label: "Status",
+          value: /* @__PURE__ */ jsx(Badge, { variant: "warning", children: "Pending confirmation" }),
+          border: false
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx(Button, { className: "w-full", onClick: onDone, children: "Done" })
+  ] });
+}
 var DAY_MAP = {
   Sun: 0,
   Mon: 1,
@@ -214,24 +268,35 @@ function AppointmentBookDialog({
   clientHomeAddress,
   advisorInfo,
   initialClientId,
+  defaultMeetingFormat,
   guestInfo,
   onBook
 }) {
   var _a, _b, _c;
   const isClientMode = clients.length === 0;
   const showGuestForm = isClientMode && !((guestInfo == null ? void 0 : guestInfo.name) && (guestInfo == null ? void 0 : guestInfo.email));
+  const visibleFormatOptions = isClientMode && defaultMeetingFormat ? [
+    FORMAT_CALL,
+    {
+      value: defaultMeetingFormat,
+      label: "Online Meeting",
+      icon: ONLINE_MEETING_ICON
+    },
+    FORMAT_OFFLINE
+  ] : FORMAT_OPTIONS;
   const disabledDayOfWeek = React.useMemo(
     () => schedule == null ? void 0 : schedule.filter((d) => !d.enabled).map((d) => DAY_MAP[d.day]).filter((n) => n !== void 0),
     [schedule]
   );
+  const today = React.useMemo(() => /* @__PURE__ */ new Date(), []);
   const [clientId, setClientId] = React.useState(void 0);
   const [meetingType, setMeetingType] = React.useState("");
-  const [meetingFormat, setMeetingFormat] = React.useState("call");
+  const [meetingFormat, setMeetingFormat] = React.useState(defaultMeetingFormat != null ? defaultMeetingFormat : "call");
   const [offlineLocation, setOfflineLocation] = React.useState(
     advisorOfficeAddress ? "office" : "custom"
   );
   const [customAddress, setCustomAddress] = React.useState("");
-  const [date, setDate] = React.useState(/* @__PURE__ */ new Date());
+  const [date, setDate] = React.useState(() => /* @__PURE__ */ new Date());
   const [selectedSlot, setSelectedSlot] = React.useState(void 0);
   const [notes, setNotes] = React.useState("");
   const [selectedPhone, setSelectedPhone] = React.useState(
@@ -240,6 +305,7 @@ function AppointmentBookDialog({
   const [guestName, setGuestName] = React.useState((_a = guestInfo == null ? void 0 : guestInfo.name) != null ? _a : "");
   const [guestEmail, setGuestEmail] = React.useState((_b = guestInfo == null ? void 0 : guestInfo.email) != null ? _b : "");
   const [guestPhone, setGuestPhone] = React.useState((_c = guestInfo == null ? void 0 : guestInfo.phone) != null ? _c : "");
+  const [submittedBooking, setSubmittedBooking] = React.useState(null);
   const selectedClient = React.useMemo(
     () => clients.find((c) => c.id === clientId),
     [clients, clientId]
@@ -267,7 +333,7 @@ function AppointmentBookDialog({
     if (!next) {
       setClientId(void 0);
       setMeetingType("");
-      setMeetingFormat("call");
+      setMeetingFormat(defaultMeetingFormat != null ? defaultMeetingFormat : "call");
       setOfflineLocation(advisorOfficeAddress ? "office" : "custom");
       setCustomAddress("");
       setDate(/* @__PURE__ */ new Date());
@@ -277,10 +343,17 @@ function AppointmentBookDialog({
       setGuestName((_a2 = guestInfo == null ? void 0 : guestInfo.name) != null ? _a2 : "");
       setGuestEmail((_b2 = guestInfo == null ? void 0 : guestInfo.email) != null ? _b2 : "");
       setGuestPhone((_c2 = guestInfo == null ? void 0 : guestInfo.phone) != null ? _c2 : "");
+      setSubmittedBooking(null);
     }
     onOpenChange(next);
   };
-  return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ jsxs(DialogContent, { size: "2xl", align: "top", children: [
+  return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ jsx(DialogContent, { size: "2xl", children: submittedBooking ? /* @__PURE__ */ jsx(
+    BookingConfirmationScreen,
+    {
+      booking: submittedBooking,
+      onDone: () => handleOpenChange(false)
+    }
+  ) : /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsxs(DialogHeader, { children: [
       /* @__PURE__ */ jsx(DialogTitle, { children: isClientMode ? "Book an Appointment" : "New appointment" }),
       /* @__PURE__ */ jsx(DialogDescription, { children: isClientMode ? "Request a meeting with your advisor. They will confirm once the appointment is reviewed." : "Book a meeting with a client. They will receive a confirmation email once the appointment is created." }),
@@ -366,6 +439,7 @@ function AppointmentBookDialog({
           {
             format: meetingFormat,
             onFormatChange: setMeetingFormat,
+            options: visibleFormatOptions,
             offlineLocation,
             onOfflineLocationChange: setOfflineLocation,
             customAddress,
@@ -422,8 +496,8 @@ function AppointmentBookDialog({
                 if (d) onDateChange == null ? void 0 : onDateChange(d);
               },
               captionLayout: "label",
-              fromDate: /* @__PURE__ */ new Date(),
-              disabled: disabledDayOfWeek && disabledDayOfWeek.length > 0 ? [{ before: /* @__PURE__ */ new Date() }, { dayOfWeek: disabledDayOfWeek }] : { before: /* @__PURE__ */ new Date() },
+              fromDate: today,
+              disabled: disabledDayOfWeek && disabledDayOfWeek.length > 0 ? [{ before: today }, { dayOfWeek: disabledDayOfWeek }] : { before: today },
               className: "border border-border"
             }
           )
@@ -494,14 +568,22 @@ function AppointmentBookDialog({
                 guestEmail: isClientMode ? guestEmail.trim() || void 0 : void 0,
                 guestPhone: isClientMode ? guestPhone.trim() || void 0 : void 0
               });
-              handleOpenChange(false);
+              if (isClientMode) {
+                setSubmittedBooking({
+                  advisorName: advisorInfo == null ? void 0 : advisorInfo.name,
+                  date,
+                  slotLabel: selectedSlot.label
+                });
+              } else {
+                handleOpenChange(false);
+              }
             }
           },
           children: isClientMode ? "Book Appointment" : "Create appointment"
         }
       )
     ] })
-  ] }) });
+  ] }) }) });
 }
 
 export {

package/dist/chunk-4DO3WM7V.mjs

@@ -0,0 +1,48 @@
+import {
+  Badge
+} from "./chunk-WL6WVV47.mjs";
+import {
+  cn
+} from "./chunk-AFML43VJ.mjs";
+
+// src/components/ui/loan-application-badge.tsx
+import { CheckIcon } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var STATUS_CONFIG = {
+  SENT: {
+    label: "Sent Application",
+    statusClassName: "border-info/40 bg-info/10 text-info-text",
+    showCheck: false
+  },
+  IN_PROGRESS: {
+    label: "Application In Progress",
+    statusClassName: "border-warning/40 bg-warning/10 text-warning-text",
+    showCheck: false
+  },
+  COMPLETED: {
+    label: "Loan Application",
+    statusClassName: "border-success/40 bg-success/10 text-success-text",
+    showCheck: true
+  }
+};
+function LoanApplicationBadge({
+  status,
+  className
+}) {
+  const { label, statusClassName, showCheck } = STATUS_CONFIG[status];
+  return /* @__PURE__ */ jsxs(
+    Badge,
+    {
+      variant: "outline",
+      className: cn("w-fit text-xs gap-1", statusClassName, className),
+      children: [
+        showCheck && /* @__PURE__ */ jsx(CheckIcon, { "aria-hidden": "true", className: "size-3" }),
+        label
+      ]
+    }
+  );
+}
+
+export {
+  LoanApplicationBadge
+};

package/dist/chunk-5FHBC6DY.mjs

@@ -0,0 +1,68 @@
+import {
+  formatCurrency
+} from "./chunk-MN5NYQCL.mjs";
+import {
+  Button
+} from "./chunk-NOOEKOWY.mjs";
+import {
+  cn
+} from "./chunk-AFML43VJ.mjs";
+
+// src/components/ui/account-list-carousel.tsx
+import { Plus } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function AccountCard({
+  item,
+  isCombined
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 flex-col gap-1.5 border border-border p-3 w-36", children: [
+    /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground truncate", children: isCombined ? "All accounts" : item.institution }),
+    /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-foreground truncate", children: item.name }),
+    /* @__PURE__ */ jsx("p", { className: "text-sm font-semibold tabular-nums text-foreground", children: formatCurrency(item.balance) })
+  ] });
+}
+function AccountListCarousel({
+  accounts,
+  type,
+  onAddAccount,
+  className
+}) {
+  const combinedBalance = accounts.reduce((sum, a) => sum + a.balance, 0);
+  const showCombined = type === "bankAccount" && accounts.length > 0;
+  const showAddButton = type !== "propertyLoan" && onAddAccount;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "flex gap-2 overflow-x-auto pb-1 scrollbar-none",
+        className
+      ),
+      children: [
+        showCombined && /* @__PURE__ */ jsx(
+          AccountCard,
+          {
+            item: { name: "Combined", balance: combinedBalance },
+            isCombined: true
+          }
+        ),
+        accounts.map((account) => /* @__PURE__ */ jsx(AccountCard, { item: account }, account.id)),
+        showAddButton && /* @__PURE__ */ jsxs(
+          Button,
+          {
+            variant: "outline",
+            onClick: onAddAccount,
+            className: "shrink-0 h-auto w-36 flex-col gap-1.5 border-dashed p-3 text-muted-foreground",
+            children: [
+              /* @__PURE__ */ jsx(Plus, { className: "h-4 w-4" }),
+              /* @__PURE__ */ jsx("span", { className: "text-xs", children: "Add Account" })
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+
+export {
+  AccountListCarousel
+};

package/dist/chunk-5SAYZ4CI.mjs

@@ -0,0 +1,40 @@
+import {
+  cn
+} from "./chunk-AFML43VJ.mjs";
+
+// src/components/ui/calculator-input-item.tsx
+import { Pencil } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function CalculatorInputItem({
+  label,
+  value,
+  onEdit,
+  className
+}) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn("flex items-center justify-between gap-3 py-2", className),
+      children: [
+        /* @__PURE__ */ jsx("span", { className: "truncate text-sm text-muted-foreground", children: label }),
+        /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 items-center gap-1", children: [
+          /* @__PURE__ */ jsx("span", { className: "text-base font-semibold tabular-nums text-foreground", children: value }),
+          onEdit && /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              "aria-label": "Edit value",
+              onClick: onEdit,
+              className: "p-1 text-muted-foreground transition-colors hover:text-foreground",
+              children: /* @__PURE__ */ jsx(Pencil, { size: 14 })
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+
+export {
+  CalculatorInputItem
+};