@borisj74/bv-ds 0.1.7 → 0.1.9

package/dist/index.cjs

@@ -2,7 +2,14 @@
 
 var React28 = require('react');
 var jsxRuntime = require('react/jsx-runtime');
+var reactBigCalendar = require('react-big-calendar');
+var dateFns = require('date-fns');
+var locale$1 = require('date-fns/locale');
 var bvDsIcons = require('@borisj74/bv-ds-icons');
+var react = require('@tiptap/react');
+var starterKit = require('@tiptap/starter-kit');
+var extensionTextAlign = require('@tiptap/extension-text-align');
+var extensionPlaceholder = require('@tiptap/extension-placeholder');
 
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;
@@ -4884,10 +4891,10 @@ function ActivityFeed({
     }
   );
 }
-function ringGeometry(diameter, stroke, value, opts = {}) {
+function ringGeometry(diameter, stroke2, value, opts = {}) {
   const { ringIndex = 0, ringGap = 0, arcFraction = 1 } = opts;
   const center = diameter / 2;
-  const radius = center - stroke / 2 - ringIndex * (stroke + ringGap);
+  const radius = center - stroke2 / 2 - ringIndex * (stroke2 + ringGap);
   const circumference = 2 * Math.PI * radius;
   const arc = circumference * arcFraction;
   const filled = Math.max(0, Math.min(100, value)) / 100 * arc;
@@ -4895,7 +4902,7 @@ function ringGeometry(diameter, stroke, value, opts = {}) {
 }
 function RingPair({
   geo,
-  stroke,
+  stroke: stroke2,
   trackClass = "stroke-utility-neutral-100",
   progressClass,
   progressColor,
@@ -4911,7 +4918,7 @@ function RingPair({
         r: radius,
         fill: "none",
         className: trackClass,
-        strokeWidth: stroke,
+        strokeWidth: stroke2,
         strokeDasharray: `${arc} ${circumference}`
       }
     ),
@@ -4924,7 +4931,7 @@ function RingPair({
         fill: "none",
         className: clsx_default(!progressColor && progressClass),
         stroke: progressColor,
-        strokeWidth: stroke,
+        strokeWidth: stroke2,
         strokeLinecap: linecap,
         strokeDasharray: `${filled} ${circumference}`
       }
@@ -4956,10 +4963,10 @@ function ActivityGauge({
   legend = "none",
   className
 }) {
-  const { diameter, stroke, gap, valueClass } = sizeSpecs[size];
+  const { diameter, stroke: stroke2, gap, valueClass } = sizeSpecs[size];
   const center = diameter / 2;
   const rings = series.map((s2, i) => {
-    const geo = ringGeometry(diameter, stroke, s2.value, { ringIndex: i, ringGap: gap });
+    const geo = ringGeometry(diameter, stroke2, s2.value, { ringIndex: i, ringGap: gap });
     const strokeClass = DEFAULT_STROKE_CLASSES[i % DEFAULT_STROKE_CLASSES.length];
     return { radius: geo.radius, circumference: geo.circumference, filled: geo.filled, strokeClass, custom: s2.color };
   });
@@ -4981,7 +4988,7 @@ function ActivityGauge({
               r: r2.radius,
               fill: "none",
               className: TRACK_STROKE_CLASS,
-              strokeWidth: stroke
+              strokeWidth: stroke2
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsx(
@@ -4993,7 +5000,7 @@ function ActivityGauge({
               fill: "none",
               className: clsx_default(!r2.custom && r2.strokeClass),
               stroke: r2.custom,
-              strokeWidth: stroke,
+              strokeWidth: stroke2,
               strokeLinecap: "round",
               strokeDasharray: `${r2.filled} ${r2.circumference - r2.filled}`
             }
@@ -6118,6 +6125,91 @@ function ButtonUtility({
     ) : null
   ] });
 }
+function IconBox({ size = 20, className, children }) {
+  const icon = React28.isValidElement(children) ? React28.cloneElement(children, {
+    viewBox: children.props.viewBox ?? "0 0 24 24",
+    className: clsx_default("w-full h-full", children.props.className)
+  }) : children;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "span",
+    {
+      className: clsx_default("relative flex shrink-0 items-center justify-center", className),
+      style: { width: size, height: size },
+      children: icon
+    }
+  );
+}
+function CalendarHeader({
+  title,
+  range: range6,
+  supportingText,
+  badge,
+  dateIcon,
+  actions,
+  className
+}) {
+  const subtitle = range6 ?? supportingText;
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: clsx_default(
+        "flex flex-wrap items-start justify-between gap-lg font-body",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-lg", children: [
+          dateIcon,
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-xxs", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-md", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-lg font-bold text-text-primary", children: title }),
+              badge
+            ] }),
+            subtitle ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-text-tertiary", children: subtitle }) : null
+          ] })
+        ] }),
+        actions ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-md", children: actions }) : null
+      ]
+    }
+  );
+}
+function CalendarColumnHeader({
+  weekday,
+  date: date2,
+  type,
+  current = false,
+  orientation = "vertical",
+  breakpoint = "desktop",
+  className
+}) {
+  const state = type ?? (current ? "selected" : "default");
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: clsx_default(
+        "flex items-center justify-center gap-md py-md font-body",
+        orientation === "vertical" && "flex-col gap-xs",
+        breakpoint === "desktop" && "w-[160px]",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-medium text-text-quaternary", children: weekday }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "span",
+          {
+            className: clsx_default(
+              "flex items-center justify-center text-xs font-semibold",
+              state === "selected" && "size-6 rounded-full bg-bg-brand-solid text-white",
+              state === "today" && "border-b-2 border-border-brand pb-xxs text-text-brand-secondary",
+              state === "default" && "text-text-secondary"
+            ),
+            "aria-current": state !== "default" ? "date" : void 0,
+            children: date2
+          }
+        )
+      ]
+    }
+  );
+}
 var dotClasses = {
   neutral: "bg-utility-neutral-500",
   brand: "bg-utility-brand-500",
@@ -6209,6 +6301,281 @@ function CalendarEvent({
     }
   );
 }
+var DEFAULT_OPTIONS = [
+  { value: "day", label: "Day view", shortcut: "\u2318D" },
+  { value: "week", label: "Week view", shortcut: "\u2318W" },
+  { value: "month", label: "Month view", shortcut: "\u2318M" }
+];
+function Chevron2() {
+  return /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 20 20", fill: "none", className: "size-5 shrink-0", "aria-hidden": true, children: /* @__PURE__ */ jsxRuntime.jsx(
+    "path",
+    {
+      d: "m5 7.5 5 5 5-5",
+      stroke: "currentColor",
+      strokeWidth: "1.667",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }
+  ) });
+}
+function CalendarViewDropdown({
+  value,
+  onChange,
+  onSelect,
+  open: openProp,
+  onOpenChange,
+  options = DEFAULT_OPTIONS,
+  className
+}) {
+  const [internalOpen, setInternalOpen] = React28.useState(false);
+  const isControlled = openProp !== void 0;
+  const open = isControlled ? openProp : internalOpen;
+  const setOpen = (next) => {
+    if (!isControlled) setInternalOpen(next);
+    onOpenChange?.(next);
+  };
+  const selected = options.find((o) => o.value === value) ?? options[0];
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx_default("relative inline-block font-body", className), children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "button",
+      {
+        type: "button",
+        "aria-haspopup": "listbox",
+        "aria-expanded": open,
+        onClick: () => setOpen(!open),
+        className: "inline-flex items-center gap-md rounded-md border border-border-primary bg-bg-primary px-lg py-md text-sm font-semibold text-text-secondary shadow-skeuomorphic transition-colors hover:bg-bg-primary-hover focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-brand focus-visible:ring-offset-2 focus-visible:ring-offset-bg-primary",
+        children: [
+          selected.label,
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-fg-quaternary", children: /* @__PURE__ */ jsxRuntime.jsx(Chevron2, {}) })
+        ]
+      }
+    ),
+    open ? /* @__PURE__ */ jsxRuntime.jsx(
+      "ul",
+      {
+        role: "listbox",
+        className: "absolute left-0 z-10 mt-xs min-w-[200px] rounded-md border border-border-secondary bg-bg-primary p-xs shadow-lg",
+        children: options.map((opt) => {
+          const isSelected = opt.value === value;
+          return /* @__PURE__ */ jsxRuntime.jsx("li", { role: "option", "aria-selected": isSelected, children: /* @__PURE__ */ jsxRuntime.jsxs(
+            "button",
+            {
+              type: "button",
+              onClick: () => {
+                onChange?.(opt.value);
+                onSelect?.(opt.value);
+                setOpen(false);
+              },
+              className: "flex w-full items-center gap-md rounded-sm px-md py-xs text-sm font-medium text-text-secondary transition-colors hover:bg-bg-primary-hover",
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  "span",
+                  {
+                    className: clsx_default(
+                      "flex size-4 shrink-0 items-center justify-center rounded-full border",
+                      isSelected ? "border-border-brand" : "border-border-primary"
+                    ),
+                    children: isSelected ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "size-2 rounded-full bg-bg-brand-solid" }) : null
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-1 text-left", children: opt.label }),
+                opt.shortcut ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-text-quaternary", children: opt.shortcut }) : null
+              ]
+            }
+          ) }, opt.value);
+        })
+      }
+    ) : null
+  ] });
+}
+var localizer = reactBigCalendar.dateFnsLocalizer({
+  format: dateFns.format,
+  parse: dateFns.parse,
+  // Monday-first week, matching the Figma column-header order (Mon…Sun).
+  startOfWeek: (date2) => dateFns.startOfWeek(date2, { weekStartsOn: 1 }),
+  getDay: dateFns.getDay,
+  locales: { "en-US": locale$1.enUS }
+});
+var rbcStructural = clsx_default(
+  "h-full font-body",
+  "[&_.rbc-month-view]:flex [&_.rbc-month-view]:flex-1 [&_.rbc-month-view]:flex-col [&_.rbc-month-view]:overflow-hidden",
+  "[&_.rbc-month-header]:flex [&_.rbc-month-header]:flex-row",
+  "[&_.rbc-header]:min-w-0 [&_.rbc-header]:flex-1 [&_.rbc-header]:overflow-hidden",
+  "[&_.rbc-month-row]:relative [&_.rbc-month-row]:flex [&_.rbc-month-row]:min-h-[120px] [&_.rbc-month-row]:flex-1 [&_.rbc-month-row]:flex-col [&_.rbc-month-row]:overflow-hidden",
+  "[&_.rbc-row-bg]:absolute [&_.rbc-row-bg]:inset-0 [&_.rbc-row-bg]:flex [&_.rbc-row-bg]:flex-row",
+  "[&_.rbc-day-bg]:min-w-0 [&_.rbc-day-bg]:flex-1 [&_.rbc-day-bg]:border-b [&_.rbc-day-bg]:border-r [&_.rbc-day-bg]:border-border-secondary [&_.rbc-day-bg]:bg-bg-primary",
+  "[&_.rbc-off-range-bg]:!bg-bg-secondary-alt",
+  "[&_.rbc-row-content]:relative [&_.rbc-row-content]:z-[1] [&_.rbc-row-content]:flex [&_.rbc-row-content]:flex-1 [&_.rbc-row-content]:flex-col",
+  "[&_.rbc-row]:flex [&_.rbc-row]:flex-row",
+  "[&_.rbc-date-cell]:min-w-0 [&_.rbc-date-cell]:flex-1",
+  "[&_.rbc-off-range]:opacity-50",
+  "[&_.rbc-row-segment]:min-w-0 [&_.rbc-row-segment]:px-md [&_.rbc-row-segment]:pb-xxs",
+  "[&_.rbc-event]:block [&_.rbc-event]:w-full [&_.rbc-event]:outline-none",
+  "[&_.rbc-show-more]:block [&_.rbc-show-more]:px-md [&_.rbc-show-more]:text-xs [&_.rbc-show-more]:font-semibold [&_.rbc-show-more]:text-utility-neutral-500"
+);
+function NavArrow({ dir }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(IconBox, { size: 20, children: dir === "left" ? /* @__PURE__ */ jsxRuntime.jsx(bvDsIcons.ArrowLeft, {}) : /* @__PURE__ */ jsxRuntime.jsx(bvDsIcons.ArrowRight, {}) });
+}
+function Calendar({
+  events,
+  defaultView = "month",
+  defaultDate,
+  onNavigate,
+  onView,
+  onSelectEvent,
+  onSelectSlot,
+  onAddEvent,
+  className
+}) {
+  const [date2, setDate] = React28.useState(defaultDate ?? new Date(2027, 0, 1));
+  const [view, setView] = React28.useState(defaultView);
+  const [selected, setSelected] = React28.useState(null);
+  const handleNavigate = React28.useCallback(
+    (next) => {
+      setDate(next);
+      onNavigate?.(next);
+    },
+    [onNavigate]
+  );
+  const handleView = React28.useCallback(
+    (next) => {
+      setView(next);
+      onView?.(next);
+    },
+    [onView]
+  );
+  const handleSelectSlot = React28.useCallback(
+    (slot) => {
+      setSelected(slot.start);
+      onSelectSlot?.(slot);
+    },
+    [onSelectSlot]
+  );
+  const components = React28.useMemo(
+    () => ({
+      // Header bar → CalendarHeader primitive + nav/view/add controls.
+      toolbar: (tb) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-b border-border-secondary px-3xl py-2xl", children: /* @__PURE__ */ jsxRuntime.jsx(
+        CalendarHeader,
+        {
+          title: tb.label,
+          actions: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-lg", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center overflow-hidden rounded-md border border-border-primary shadow-xs", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "button",
+                {
+                  type: "button",
+                  "aria-label": "Previous",
+                  onClick: () => tb.onNavigate("PREV"),
+                  className: "flex items-center justify-center bg-bg-primary px-[10px] py-md text-fg-quaternary transition-colors hover:bg-bg-primary-hover",
+                  children: /* @__PURE__ */ jsxRuntime.jsx(NavArrow, { dir: "left" })
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => tb.onNavigate("TODAY"),
+                  className: "border-x border-border-primary bg-bg-primary px-[14px] py-md text-sm font-semibold text-text-secondary transition-colors hover:bg-bg-primary-hover",
+                  children: "Today"
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "button",
+                {
+                  type: "button",
+                  "aria-label": "Next",
+                  onClick: () => tb.onNavigate("NEXT"),
+                  className: "flex items-center justify-center bg-bg-primary px-[10px] py-md text-fg-quaternary transition-colors hover:bg-bg-primary-hover",
+                  children: /* @__PURE__ */ jsxRuntime.jsx(NavArrow, { dir: "right" })
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              CalendarViewDropdown,
+              {
+                value: tb.view,
+                onChange: (v) => tb.onView(v)
+              }
+            ),
+            onAddEvent && /* @__PURE__ */ jsxRuntime.jsxs(
+              "button",
+              {
+                type: "button",
+                onClick: onAddEvent,
+                className: "flex items-center gap-xs rounded-md border-2 border-white/[0.12] bg-bg-brand-solid px-lg py-md text-sm font-semibold text-text-white shadow-skeuomorphic",
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "opacity-60", children: /* @__PURE__ */ jsxRuntime.jsx(IconBox, { size: 20, children: /* @__PURE__ */ jsxRuntime.jsx(bvDsIcons.Plus, {}) }) }),
+                  "Add event"
+                ]
+              }
+            )
+          ] })
+        }
+      ) }),
+      month: {
+        // Weekday column header → CalendarColumnHeader primitive.
+        header: ({ label }) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-full items-center justify-center border-b border-r border-border-secondary bg-bg-primary p-md", children: /* @__PURE__ */ jsxRuntime.jsx(CalendarColumnHeader, { weekday: label, date: "" }) }),
+        // Date-number circle (Figma 7991:81840): default / today / selected.
+        dateHeader: ({ date: cellDate, label }) => {
+          const today = dateFns.isSameDay(cellDate, /* @__PURE__ */ new Date());
+          const isSel = selected ? dateFns.isSameDay(cellDate, selected) : false;
+          return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex p-md", children: /* @__PURE__ */ jsxRuntime.jsx(
+            "span",
+            {
+              className: clsx_default(
+                "flex size-6 items-center justify-center rounded-full text-xs font-semibold",
+                today ? "bg-bg-brand-solid text-text-white" : isSel ? "bg-bg-secondary text-text-secondary" : "text-text-secondary"
+              ),
+              children: label
+            }
+          ) });
+        },
+        // Event chip → CalendarEvent primitive (desktop, filled).
+        event: ({ event }) => /* @__PURE__ */ jsxRuntime.jsx(
+          CalendarEvent,
+          {
+            title: event.title,
+            time: event.allDay ? void 0 : dateFns.format(event.start, "h:mm a"),
+            color: event.color ?? "brand",
+            filled: true
+          }
+        )
+      }
+    }),
+    [onAddEvent, selected]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: clsx_default(
+        "flex w-full flex-col overflow-hidden rounded-xl border border-border-secondary bg-bg-primary shadow-xs",
+        className
+      ),
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        reactBigCalendar.Calendar,
+        {
+          localizer,
+          events,
+          date: date2,
+          view,
+          onNavigate: handleNavigate,
+          onView: handleView,
+          views: ["month", "week", "day"],
+          selectable: true,
+          popup: true,
+          startAccessor: "start",
+          endAccessor: "end",
+          onSelectEvent: (e) => onSelectEvent?.(e),
+          onSelectSlot: handleSelectSlot,
+          messages: { showMore: (total) => `${total} more\u2026` },
+          components,
+          className: rbcStructural,
+          style: { height: 800 }
+        }
+      )
+    }
+  );
+}
 function PlusIcon2() {
   return /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 20 20", fill: "none", className: "size-4", "aria-hidden": true, children: /* @__PURE__ */ jsxRuntime.jsx(
     "path",
@@ -6346,44 +6713,6 @@ function CalendarCellDayWeekView({
     }
   );
 }
-function CalendarColumnHeader({
-  weekday,
-  date: date2,
-  type,
-  current = false,
-  orientation = "vertical",
-  breakpoint = "desktop",
-  className
-}) {
-  const state = type ?? (current ? "selected" : "default");
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "div",
-    {
-      className: clsx_default(
-        "flex items-center justify-center gap-md py-md font-body",
-        orientation === "vertical" && "flex-col gap-xs",
-        breakpoint === "desktop" && "w-[160px]",
-        className
-      ),
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-medium text-text-quaternary", children: weekday }),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "span",
-          {
-            className: clsx_default(
-              "flex items-center justify-center text-xs font-semibold",
-              state === "selected" && "size-6 rounded-full bg-bg-brand-solid text-white",
-              state === "today" && "border-b-2 border-border-brand pb-xxs text-text-brand-secondary",
-              state === "default" && "text-text-secondary"
-            ),
-            "aria-current": state !== "default" ? "date" : void 0,
-            children: date2
-          }
-        )
-      ]
-    }
-  );
-}
 function CalendarDateIcon({ month, day, className }) {
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
@@ -6462,39 +6791,6 @@ function CalendarEventDayWeekView({
     }
   );
 }
-function CalendarHeader({
-  title,
-  range: range6,
-  supportingText,
-  badge,
-  dateIcon,
-  actions,
-  className
-}) {
-  const subtitle = range6 ?? supportingText;
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "div",
-    {
-      className: clsx_default(
-        "flex flex-wrap items-start justify-between gap-lg font-body",
-        className
-      ),
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-lg", children: [
-          dateIcon,
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-xxs", children: [
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-md", children: [
-              /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-lg font-bold text-text-primary", children: title }),
-              badge
-            ] }),
-            subtitle ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-text-tertiary", children: subtitle }) : null
-          ] })
-        ] }),
-        actions ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-md", children: actions }) : null
-      ]
-    }
-  );
-}
 function CalendarRowLabel({ label, time: time2, className }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
@@ -6528,93 +6824,6 @@ function CalendarTimemarker({
     /* @__PURE__ */ jsxRuntime.jsx(Line, {})
   ] }) });
 }
-var DEFAULT_OPTIONS = [
-  { value: "day", label: "Day view", shortcut: "\u2318D" },
-  { value: "week", label: "Week view", shortcut: "\u2318W" },
-  { value: "month", label: "Month view", shortcut: "\u2318M" }
-];
-function Chevron2() {
-  return /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 20 20", fill: "none", className: "size-5 shrink-0", "aria-hidden": true, children: /* @__PURE__ */ jsxRuntime.jsx(
-    "path",
-    {
-      d: "m5 7.5 5 5 5-5",
-      stroke: "currentColor",
-      strokeWidth: "1.667",
-      strokeLinecap: "round",
-      strokeLinejoin: "round"
-    }
-  ) });
-}
-function CalendarViewDropdown({
-  value,
-  onChange,
-  onSelect,
-  open: openProp,
-  onOpenChange,
-  options = DEFAULT_OPTIONS,
-  className
-}) {
-  const [internalOpen, setInternalOpen] = React28.useState(false);
-  const isControlled = openProp !== void 0;
-  const open = isControlled ? openProp : internalOpen;
-  const setOpen = (next) => {
-    if (!isControlled) setInternalOpen(next);
-    onOpenChange?.(next);
-  };
-  const selected = options.find((o) => o.value === value) ?? options[0];
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx_default("relative inline-block font-body", className), children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(
-      "button",
-      {
-        type: "button",
-        "aria-haspopup": "listbox",
-        "aria-expanded": open,
-        onClick: () => setOpen(!open),
-        className: "inline-flex items-center gap-md rounded-md border border-border-primary bg-bg-primary px-lg py-md text-sm font-semibold text-text-secondary shadow-skeuomorphic transition-colors hover:bg-bg-primary-hover focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-brand focus-visible:ring-offset-2 focus-visible:ring-offset-bg-primary",
-        children: [
-          selected.label,
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-fg-quaternary", children: /* @__PURE__ */ jsxRuntime.jsx(Chevron2, {}) })
-        ]
-      }
-    ),
-    open ? /* @__PURE__ */ jsxRuntime.jsx(
-      "ul",
-      {
-        role: "listbox",
-        className: "absolute left-0 z-10 mt-xs min-w-[200px] rounded-md border border-border-secondary bg-bg-primary p-xs shadow-lg",
-        children: options.map((opt) => {
-          const isSelected = opt.value === value;
-          return /* @__PURE__ */ jsxRuntime.jsx("li", { role: "option", "aria-selected": isSelected, children: /* @__PURE__ */ jsxRuntime.jsxs(
-            "button",
-            {
-              type: "button",
-              onClick: () => {
-                onChange?.(opt.value);
-                onSelect?.(opt.value);
-                setOpen(false);
-              },
-              className: "flex w-full items-center gap-md rounded-sm px-md py-xs text-sm font-medium text-text-secondary transition-colors hover:bg-bg-primary-hover",
-              children: [
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  "span",
-                  {
-                    className: clsx_default(
-                      "flex size-4 shrink-0 items-center justify-center rounded-full border",
-                      isSelected ? "border-border-brand" : "border-border-primary"
-                    ),
-                    children: isSelected ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "size-2 rounded-full bg-bg-brand-solid" }) : null
-                  }
-                ),
-                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-1 text-left", children: opt.label }),
-                opt.shortcut ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-text-quaternary", children: opt.shortcut }) : null
-              ]
-            }
-          ) }, opt.value);
-        })
-      }
-    ) : null
-  ] });
-}
 function CardHeader({
   title,
   description,
@@ -7701,20 +7910,20 @@ var import_isFunction2 = __toESM(require_isFunction());
 
 // node_modules/recharts/es6/util/LogUtils.js
 var isDev = process.env.NODE_ENV !== "production";
-var warn = function warn2(condition, format2) {
+var warn = function warn2(condition, format3) {
   for (var _len = arguments.length, args = new Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
     args[_key - 2] = arguments[_key];
   }
   if (isDev && typeof console !== "undefined" && console.warn) {
-    if (format2 === void 0) {
+    if (format3 === void 0) {
       console.warn("LogUtils requires an error message argument");
     }
     if (!condition) {
-      if (format2 === void 0) {
+      if (format3 === void 0) {
         console.warn("Minified exception occurred; use the non-minified dev environment for the full error message and additional helpful warnings.");
       } else {
         var argIndex = 0;
-        console.warn(format2.replace(/%s/g, function() {
+        console.warn(format3.replace(/%s/g, function() {
           return args[argIndex++];
         }));
       }
@@ -10728,7 +10937,7 @@ var DecimalCSS = /* @__PURE__ */ (function() {
     }
   }], [{
     key: "parse",
-    value: function parse(str) {
+    value: function parse2(str) {
       var _NUM_SPLIT_REGEX$exec;
       var _ref = (_NUM_SPLIT_REGEX$exec = NUM_SPLIT_REGEX.exec(str)) !== null && _NUM_SPLIT_REGEX$exec !== void 0 ? _NUM_SPLIT_REGEX$exec : [], _ref2 = _slicedToArray3(_ref, 3), numStr = _ref2[1], unit2 = _ref2[2];
       return new DecimalCSS2(parseFloat(numStr), unit2 !== null && unit2 !== void 0 ? unit2 : "");
@@ -11718,10 +11927,10 @@ function color_formatHsl() {
 function color_formatRgb() {
   return this.rgb().formatRgb();
 }
-function color(format2) {
+function color(format3) {
   var m, l;
-  format2 = (format2 + "").trim().toLowerCase();
-  return (m = reHex.exec(format2)) ? (l = m[1].length, m = parseInt(m[1], 16), l === 6 ? rgbn(m) : l === 3 ? new Rgb(m >> 8 & 15 | m >> 4 & 240, m >> 4 & 15 | m & 240, (m & 15) << 4 | m & 15, 1) : l === 8 ? rgba(m >> 24 & 255, m >> 16 & 255, m >> 8 & 255, (m & 255) / 255) : l === 4 ? rgba(m >> 12 & 15 | m >> 8 & 240, m >> 8 & 15 | m >> 4 & 240, m >> 4 & 15 | m & 240, ((m & 15) << 4 | m & 15) / 255) : null) : (m = reRgbInteger.exec(format2)) ? new Rgb(m[1], m[2], m[3], 1) : (m = reRgbPercent.exec(format2)) ? new Rgb(m[1] * 255 / 100, m[2] * 255 / 100, m[3] * 255 / 100, 1) : (m = reRgbaInteger.exec(format2)) ? rgba(m[1], m[2], m[3], m[4]) : (m = reRgbaPercent.exec(format2)) ? rgba(m[1] * 255 / 100, m[2] * 255 / 100, m[3] * 255 / 100, m[4]) : (m = reHslPercent.exec(format2)) ? hsla(m[1], m[2] / 100, m[3] / 100, 1) : (m = reHslaPercent.exec(format2)) ? hsla(m[1], m[2] / 100, m[3] / 100, m[4]) : named.hasOwnProperty(format2) ? rgbn(named[format2]) : format2 === "transparent" ? new Rgb(NaN, NaN, NaN, 0) : null;
+  format3 = (format3 + "").trim().toLowerCase();
+  return (m = reHex.exec(format3)) ? (l = m[1].length, m = parseInt(m[1], 16), l === 6 ? rgbn(m) : l === 3 ? new Rgb(m >> 8 & 15 | m >> 4 & 240, m >> 4 & 15 | m & 240, (m & 15) << 4 | m & 15, 1) : l === 8 ? rgba(m >> 24 & 255, m >> 16 & 255, m >> 8 & 255, (m & 255) / 255) : l === 4 ? rgba(m >> 12 & 15 | m >> 8 & 240, m >> 8 & 15 | m >> 4 & 240, m >> 4 & 15 | m & 240, ((m & 15) << 4 | m & 15) / 255) : null) : (m = reRgbInteger.exec(format3)) ? new Rgb(m[1], m[2], m[3], 1) : (m = reRgbPercent.exec(format3)) ? new Rgb(m[1] * 255 / 100, m[2] * 255 / 100, m[3] * 255 / 100, 1) : (m = reRgbaInteger.exec(format3)) ? rgba(m[1], m[2], m[3], m[4]) : (m = reRgbaPercent.exec(format3)) ? rgba(m[1] * 255 / 100, m[2] * 255 / 100, m[3] * 255 / 100, m[4]) : (m = reHslPercent.exec(format3)) ? hsla(m[1], m[2] / 100, m[3] / 100, 1) : (m = reHslaPercent.exec(format3)) ? hsla(m[1], m[2] / 100, m[3] / 100, m[4]) : named.hasOwnProperty(format3) ? rgbn(named[format3]) : format3 === "transparent" ? new Rgb(NaN, NaN, NaN, 0) : null;
 }
 function rgbn(n) {
   return new Rgb(n >> 16 & 255, n >> 8 & 255, n & 255, 1);
@@ -12273,7 +12482,7 @@ function locale_default(locale3) {
     var prefix2 = (options && options.prefix !== void 0 ? options.prefix : "") + (symbol === "$" ? currencyPrefix : symbol === "#" && /[boxX]/.test(type) ? "0" + type.toLowerCase() : ""), suffix = (symbol === "$" ? currencySuffix : /[%p]/.test(type) ? percent : "") + (options && options.suffix !== void 0 ? options.suffix : "");
     var formatType = formatTypes_default[type], maybeSuffix = /[defgprs%]/.test(type);
     precision = precision === void 0 ? 6 : /[gprs]/.test(type) ? Math.max(1, Math.min(21, precision)) : Math.max(0, Math.min(20, precision));
-    function format2(value) {
+    function format3(value) {
       var valuePrefix = prefix2, valueSuffix = suffix, i, n, c2;
       if (type === "c") {
         valueSuffix = formatType(value) + valueSuffix;
@@ -12316,10 +12525,10 @@ function locale_default(locale3) {
       }
       return numerals(value);
     }
-    format2.toString = function() {
+    format3.toString = function() {
       return specifier + "";
     };
-    return format2;
+    return format3;
   }
   function formatPrefix2(specifier, value) {
     var e = Math.max(-8, Math.min(8, Math.floor(exponent_default(value) / 3))) * 3, k2 = Math.pow(10, -e), f = newFormat((specifier = formatSpecifier(specifier), specifier.type = "f", specifier), { suffix: prefixes[8 + e / 3] });
@@ -12335,7 +12544,7 @@ function locale_default(locale3) {
 
 // node_modules/d3-format/src/defaultLocale.js
 var locale;
-var format;
+var format2;
 var formatPrefix;
 defaultLocale({
   thousands: ",",
@@ -12344,7 +12553,7 @@ defaultLocale({
 });
 function defaultLocale(definition) {
   locale = locale_default(definition);
-  format = locale.format;
+  format2 = locale.format;
   formatPrefix = locale.formatPrefix;
   return locale;
 }
@@ -12389,7 +12598,7 @@ function tickFormat(start, stop, count, specifier) {
       break;
     }
   }
-  return format(specifier);
+  return format2(specifier);
 }
 
 // node_modules/d3-scale/src/linear.js
@@ -12568,7 +12777,7 @@ function loggish(transform) {
     if (specifier == null) specifier = base === 10 ? "s" : ",";
     if (typeof specifier !== "function") {
       if (!(base % 1) && (specifier = formatSpecifier(specifier)).precision == null) specifier.trim = true;
-      specifier = format(specifier);
+      specifier = format2(specifier);
     }
     if (count === Infinity) return specifier;
     const k2 = Math.max(1, base * count / scale.ticks().length);
@@ -13261,14 +13470,14 @@ function formatLocale(locale3) {
   utcFormats.c = newFormat(locale_dateTime, utcFormats);
   function newFormat(specifier, formats2) {
     return function(date2) {
-      var string = [], i = -1, j = 0, n = specifier.length, c2, pad4, format2;
+      var string = [], i = -1, j = 0, n = specifier.length, c2, pad4, format3;
       if (!(date2 instanceof Date)) date2 = /* @__PURE__ */ new Date(+date2);
       while (++i < n) {
         if (specifier.charCodeAt(i) === 37) {
           string.push(specifier.slice(j, i));
           if ((pad4 = pads[c2 = specifier.charAt(++i)]) != null) c2 = specifier.charAt(++i);
           else pad4 = c2 === "e" ? " " : "0";
-          if (format2 = formats2[c2]) c2 = format2(date2, pad4);
+          if (format3 = formats2[c2]) c2 = format3(date2, pad4);
           string.push(c2);
           j = i + 1;
         }
@@ -13319,14 +13528,14 @@ function formatLocale(locale3) {
     };
   }
   function parseSpecifier(d, specifier, string, j) {
-    var i = 0, n = specifier.length, m = string.length, c2, parse;
+    var i = 0, n = specifier.length, m = string.length, c2, parse2;
     while (i < n) {
       if (j >= m) return -1;
       c2 = specifier.charCodeAt(i++);
       if (c2 === 37) {
         c2 = specifier.charAt(i++);
-        parse = parses[c2 in pads ? specifier.charAt(i++) : c2];
-        if (!parse || (j = parse(d, string, j)) < 0) return -1;
+        parse2 = parses[c2 in pads ? specifier.charAt(i++) : c2];
+        if (!parse2 || (j = parse2(d, string, j)) < 0) return -1;
       } else if (c2 != string.charCodeAt(j++)) {
         return -1;
       }
@@ -13699,9 +13908,9 @@ function date(t) {
 function number3(t) {
   return t instanceof Date ? +t : +/* @__PURE__ */ new Date(+t);
 }
-function calendar(ticks2, tickInterval, year, month, week, day, hour, minute, second2, format2) {
+function calendar(ticks2, tickInterval, year, month, week, day, hour, minute, second2, format3) {
   var scale = continuous(), invert = scale.invert, domain = scale.domain;
-  var formatMillisecond = format2(".%L"), formatSecond = format2(":%S"), formatMinute = format2("%I:%M"), formatHour = format2("%I %p"), formatDay = format2("%a %d"), formatWeek = format2("%b %d"), formatMonth = format2("%B"), formatYear2 = format2("%Y");
+  var formatMillisecond = format3(".%L"), formatSecond = format3(":%S"), formatMinute = format3("%I:%M"), formatHour = format3("%I %p"), formatDay = format3("%a %d"), formatWeek = format3("%b %d"), formatMonth = format3("%B"), formatYear2 = format3("%Y");
   function tickFormat2(date2) {
     return (second2(date2) < date2 ? formatMillisecond : minute(date2) < date2 ? formatSecond : hour(date2) < date2 ? formatMinute : day(date2) < date2 ? formatHour : month(date2) < date2 ? week(date2) < date2 ? formatDay : formatWeek : year(date2) < date2 ? formatMonth : formatYear2)(date2);
   }
@@ -13716,7 +13925,7 @@ function calendar(ticks2, tickInterval, year, month, week, day, hour, minute, se
     return ticks2(d[0], d[d.length - 1], interval == null ? 10 : interval);
   };
   scale.tickFormat = function(count, specifier) {
-    return specifier == null ? tickFormat2 : format2(specifier);
+    return specifier == null ? tickFormat2 : format3(specifier);
   };
   scale.nice = function(interval) {
     var d = domain();
@@ -13724,7 +13933,7 @@ function calendar(ticks2, tickInterval, year, month, week, day, hour, minute, se
     return interval ? domain(nice(d, interval)) : scale;
   };
   scale.copy = function() {
-    return copy(scale, calendar(ticks2, tickInterval, year, month, week, day, hour, minute, second2, format2));
+    return copy(scale, calendar(ticks2, tickInterval, year, month, week, day, hour, minute, second2, format3));
   };
   return scale;
 }
@@ -15793,15 +16002,15 @@ var getMainColorOfGraphicItem = function getMainColorOfGraphicItem2(item) {
   var _item$type;
   var _ref = item, displayName = _ref.type.displayName;
   var defaultedProps = (_item$type = item.type) !== null && _item$type !== void 0 && _item$type.defaultProps ? _objectSpread10(_objectSpread10({}, item.type.defaultProps), item.props) : item.props;
-  var stroke = defaultedProps.stroke, fill = defaultedProps.fill;
+  var stroke2 = defaultedProps.stroke, fill = defaultedProps.fill;
   var result;
   switch (displayName) {
     case "Line":
-      result = stroke;
+      result = stroke2;
       break;
     case "Area":
     case "Radar":
-      result = stroke && stroke !== "none" ? stroke : fill;
+      result = stroke2 && stroke2 !== "none" ? stroke2 : fill;
       break;
     default:
       result = fill;
@@ -18465,18 +18674,18 @@ var getTransitionVal = function getTransitionVal2(props, duration, easing) {
   }).join(",");
 };
 var isDev2 = process.env.NODE_ENV !== "production";
-var warn3 = function warn4(condition, format2, a2, b, c2, d, e, f) {
+var warn3 = function warn4(condition, format3, a2, b, c2, d, e, f) {
   if (isDev2 && typeof console !== "undefined" && console.warn) {
-    if (format2 === void 0) {
+    if (format3 === void 0) {
       console.warn("LogUtils requires an error message argument");
     }
     if (!condition) {
-      if (format2 === void 0) {
+      if (format3 === void 0) {
         console.warn("Minified exception occurred; use the non-minified dev environment for the full error message and additional helpful warnings.");
       } else {
         var args = [a2, b, c2, d, e, f];
         var argIndex = 0;
-        console.warn(format2.replace(/%s/g, function() {
+        console.warn(format3.replace(/%s/g, function() {
           return args[argIndex++];
         }));
       }
@@ -20311,7 +20520,7 @@ var PolarRadiusAxis = /* @__PURE__ */ (function(_PureComponent) {
     key: "renderTicks",
     value: function renderTicks() {
       var _this = this;
-      var _this$props4 = this.props, ticks2 = _this$props4.ticks, tick = _this$props4.tick, angle = _this$props4.angle, tickFormatter = _this$props4.tickFormatter, stroke = _this$props4.stroke, others = _objectWithoutProperties14(_this$props4, _excluded24);
+      var _this$props4 = this.props, ticks2 = _this$props4.ticks, tick = _this$props4.tick, angle = _this$props4.angle, tickFormatter = _this$props4.tickFormatter, stroke2 = _this$props4.stroke, others = _objectWithoutProperties14(_this$props4, _excluded24);
       var textAnchor = this.getTickTextAnchor();
       var axisProps = filterProps(others, false);
       var customTickProps = filterProps(tick, false);
@@ -20322,7 +20531,7 @@ var PolarRadiusAxis = /* @__PURE__ */ (function(_PureComponent) {
           transform: "rotate(".concat(90 - angle, ", ").concat(coord.x, ", ").concat(coord.y, ")")
         }, axisProps), {}, {
           stroke: "none",
-          fill: stroke
+          fill: stroke2
         }, customTickProps), {}, {
           index: i
         }, coord), {}, {
@@ -20600,7 +20809,7 @@ var PolarAngleAxis = /* @__PURE__ */ (function(_PureComponent) {
     key: "renderTicks",
     value: function renderTicks() {
       var _this = this;
-      var _this$props3 = this.props, ticks2 = _this$props3.ticks, tick = _this$props3.tick, tickLine = _this$props3.tickLine, tickFormatter = _this$props3.tickFormatter, stroke = _this$props3.stroke;
+      var _this$props3 = this.props, ticks2 = _this$props3.ticks, tick = _this$props3.tick, tickLine = _this$props3.tickLine, tickFormatter = _this$props3.tickFormatter, stroke2 = _this$props3.stroke;
       var axisProps = filterProps(this.props, false);
       var customTickProps = filterProps(tick, false);
       var tickLineProps = _objectSpread23(_objectSpread23({}, axisProps), {}, {
@@ -20613,7 +20822,7 @@ var PolarAngleAxis = /* @__PURE__ */ (function(_PureComponent) {
           textAnchor
         }, axisProps), {}, {
           stroke: "none",
-          fill: stroke
+          fill: stroke2
         }, customTickProps), {}, {
           index: i,
           payload: entry,
@@ -22547,9 +22756,9 @@ var Brush = /* @__PURE__ */ (function(_PureComponent) {
   }, {
     key: "renderBackground",
     value: function renderBackground() {
-      var _this$props6 = this.props, x2 = _this$props6.x, y2 = _this$props6.y, width = _this$props6.width, height = _this$props6.height, fill = _this$props6.fill, stroke = _this$props6.stroke;
+      var _this$props6 = this.props, x2 = _this$props6.x, y2 = _this$props6.y, width = _this$props6.width, height = _this$props6.height, fill = _this$props6.fill, stroke2 = _this$props6.stroke;
       return /* @__PURE__ */ React28__namespace.default.createElement("rect", {
-        stroke,
+        stroke: stroke2,
         fill,
         x: x2,
         y: y2,
@@ -22624,7 +22833,7 @@ var Brush = /* @__PURE__ */ (function(_PureComponent) {
   }, {
     key: "renderSlide",
     value: function renderSlide(startX, endX) {
-      var _this$props9 = this.props, y2 = _this$props9.y, height = _this$props9.height, stroke = _this$props9.stroke, travellerWidth = _this$props9.travellerWidth;
+      var _this$props9 = this.props, y2 = _this$props9.y, height = _this$props9.height, stroke2 = _this$props9.stroke, travellerWidth = _this$props9.travellerWidth;
       var x2 = Math.min(startX, endX) + travellerWidth;
       var width = Math.max(Math.abs(endX - startX) - travellerWidth, 0);
       return /* @__PURE__ */ React28__namespace.default.createElement("rect", {
@@ -22637,7 +22846,7 @@ var Brush = /* @__PURE__ */ (function(_PureComponent) {
           cursor: "move"
         },
         stroke: "none",
-        fill: stroke,
+        fill: stroke2,
         fillOpacity: 0.2,
         x: x2,
         y: y2,
@@ -22648,12 +22857,12 @@ var Brush = /* @__PURE__ */ (function(_PureComponent) {
   }, {
     key: "renderText",
     value: function renderText() {
-      var _this$props10 = this.props, startIndex = _this$props10.startIndex, endIndex = _this$props10.endIndex, y2 = _this$props10.y, height = _this$props10.height, travellerWidth = _this$props10.travellerWidth, stroke = _this$props10.stroke;
+      var _this$props10 = this.props, startIndex = _this$props10.startIndex, endIndex = _this$props10.endIndex, y2 = _this$props10.y, height = _this$props10.height, travellerWidth = _this$props10.travellerWidth, stroke2 = _this$props10.stroke;
       var _this$state4 = this.state, startX = _this$state4.startX, endX = _this$state4.endX;
       var offset = 5;
       var attrs = {
         pointerEvents: "none",
-        fill: stroke
+        fill: stroke2
       };
       return /* @__PURE__ */ React28__namespace.default.createElement(Layer, {
         className: "recharts-brush-texts"
@@ -22690,14 +22899,14 @@ var Brush = /* @__PURE__ */ (function(_PureComponent) {
   }], [{
     key: "renderDefaultTraveller",
     value: function renderDefaultTraveller(props) {
-      var x2 = props.x, y2 = props.y, width = props.width, height = props.height, stroke = props.stroke;
+      var x2 = props.x, y2 = props.y, width = props.width, height = props.height, stroke2 = props.stroke;
       var lineY = Math.floor(y2 + height / 2) - 1;
       return /* @__PURE__ */ React28__namespace.default.createElement(React28__namespace.default.Fragment, null, /* @__PURE__ */ React28__namespace.default.createElement("rect", {
         x: x2,
         y: y2,
         width,
         height,
-        fill: stroke,
+        fill: stroke2,
         stroke: "none"
       }), /* @__PURE__ */ React28__namespace.default.createElement("line", {
         x1: x2 + 1,
@@ -25212,7 +25421,7 @@ var CartesianAxis = /* @__PURE__ */ (function(_Component) {
        */
       function renderTicks(ticks2, fontSize, letterSpacing) {
         var _this2 = this;
-        var _this$props6 = this.props, tickLine = _this$props6.tickLine, stroke = _this$props6.stroke, tick = _this$props6.tick, tickFormatter = _this$props6.tickFormatter, unit2 = _this$props6.unit;
+        var _this$props6 = this.props, tickLine = _this$props6.tickLine, stroke2 = _this$props6.stroke, tick = _this$props6.tick, tickFormatter = _this$props6.tickFormatter, unit2 = _this$props6.unit;
         var finalTicks = getTicks(_objectSpread37(_objectSpread37({}, this.props), {}, {
           ticks: ticks2
         }), fontSize, letterSpacing);
@@ -25230,7 +25439,7 @@ var CartesianAxis = /* @__PURE__ */ (function(_Component) {
             verticalAnchor
           }, axisProps), {}, {
             stroke: "none",
-            fill: stroke
+            fill: stroke2
           }, customTickProps), tickCoord), {}, {
             index: i,
             payload: entry,
@@ -28922,13 +29131,13 @@ function ChartMini({
   className,
   style
 }) {
-  const stroke = resolveColor(color2, trend);
+  const stroke2 = resolveColor(color2, trend);
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className, style: { width, height, ...style }, children: /* @__PURE__ */ jsxRuntime.jsx(ResponsiveContainer, { width: "100%", height: "100%", children: /* @__PURE__ */ jsxRuntime.jsx(LineChart, { data, margin: { top: 4, right: 4, bottom: 4, left: 4 }, children: /* @__PURE__ */ jsxRuntime.jsx(
     Line2,
     {
       type: "monotone",
       dataKey: "value",
-      stroke,
+      stroke: stroke2,
       strokeWidth: 2,
       dot: false,
       isAnimationActive: false
@@ -31101,8 +31310,8 @@ function LoadingIndicator({
   if (variant === "dot-circle") {
     spinner = /* @__PURE__ */ jsxRuntime.jsx(DotCircle, { px });
   } else {
-    const stroke = borderPx[size];
-    const r2 = (px - stroke) / 2;
+    const stroke2 = borderPx[size];
+    const r2 = (px - stroke2) / 2;
     const c2 = 2 * Math.PI * r2;
     spinner = /* @__PURE__ */ jsxRuntime.jsxs(
       "svg",
@@ -31120,7 +31329,7 @@ function LoadingIndicator({
               r: r2,
               fill: "none",
               className: "stroke-bg-quaternary",
-              strokeWidth: stroke
+              strokeWidth: stroke2
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsx(
@@ -31131,7 +31340,7 @@ function LoadingIndicator({
               r: r2,
               fill: "none",
               className: "stroke-fg-brand-primary",
-              strokeWidth: stroke,
+              strokeWidth: stroke2,
               strokeDasharray: c2,
               strokeDashoffset: c2 * 0.75,
               strokeLinecap: variant === "line-spinner" ? "round" : "butt"
@@ -31957,20 +32166,6 @@ function MultiSelect({
     hint && /* @__PURE__ */ jsxRuntime.jsx("span", { className: clsx_default("text-sm", invalid ? "text-text-error-primary" : "text-text-tertiary"), children: hint })
   ] });
 }
-function IconBox({ size = 20, className, children }) {
-  const icon = React28.isValidElement(children) ? React28.cloneElement(children, {
-    viewBox: children.props.viewBox ?? "0 0 24 24",
-    className: clsx_default("w-full h-full", children.props.className)
-  }) : children;
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "span",
-    {
-      className: clsx_default("relative flex shrink-0 items-center justify-center", className),
-      style: { width: size, height: size },
-      children: icon
-    }
-  );
-}
 var LayeredAvatar = ({ src, online }) => /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "relative inline-flex size-10 shrink-0 rounded-full border-[0.75px] border-border-secondary-alt bg-bg-primary p-[1px] shadow-xs", children: [
   /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex size-full overflow-hidden rounded-full border-[0.5px] border-[rgba(0,0,0,0.16)]", children: /* @__PURE__ */ jsxRuntime.jsx("img", { src, alt: "", className: "size-full rounded-full object-cover" }) }),
   online !== void 0 && /* @__PURE__ */ jsxRuntime.jsx(
@@ -32376,7 +32571,7 @@ function NumberInput({
   const dec = () => set2(value - step);
   const inc = () => set2(value + step);
   const Minus = /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 20 20", fill: "none", className: "size-5", "aria-hidden": true, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M4.167 10h11.666", stroke: "currentColor", strokeWidth: "1.67", strokeLinecap: "round" }) });
-  const Plus = /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 20 20", fill: "none", className: "size-5", "aria-hidden": true, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M10 4.167v11.666M4.167 10h11.666", stroke: "currentColor", strokeWidth: "1.67", strokeLinecap: "round" }) });
+  const Plus2 = /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 20 20", fill: "none", className: "size-5", "aria-hidden": true, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M10 4.167v11.666M4.167 10h11.666", stroke: "currentColor", strokeWidth: "1.67", strokeLinecap: "round" }) });
   const Chevron5 = ({ up }) => /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 12 12", fill: "none", className: clsx_default("size-3", up && "rotate-180"), "aria-hidden": true, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M3 4.5 6 7.5 9 4.5", stroke: "currentColor", strokeWidth: "1.2", strokeLinecap: "round", strokeLinejoin: "round" }) });
   const numberEl = /* @__PURE__ */ jsxRuntime.jsx(
     "input",
@@ -32399,7 +32594,7 @@ function NumberInput({
   const box = layout === "horizontal" ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx_default(boxClasses(destructive), "gap-0 overflow-hidden p-0"), children: [
     /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", onClick: dec, disabled, "aria-label": "Decrease", className: "flex items-center justify-center border-r border-border-primary p-2.5 text-fg-quaternary hover:bg-bg-primary-hover disabled:opacity-60", children: Minus }),
     numberEl,
-    /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", onClick: inc, disabled, "aria-label": "Increase", className: "flex items-center justify-center border-l border-border-primary p-2.5 text-fg-quaternary hover:bg-bg-primary-hover disabled:opacity-60", children: Plus })
+    /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", onClick: inc, disabled, "aria-label": "Increase", className: "flex items-center justify-center border-l border-border-primary p-2.5 text-fg-quaternary hover:bg-bg-primary-hover disabled:opacity-60", children: Plus2 })
   ] }) : /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx_default(boxClasses(destructive), "gap-0 overflow-hidden p-0"), children: [
     numberEl,
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col self-stretch border-l border-border-primary", children: [
@@ -32489,8 +32684,8 @@ function PaginationNumberBase({
     }
   );
 }
-var ArrowLeft = () => /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 20 20", fill: "none", className: "size-5", "aria-hidden": true, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M15.83 10H4.17M4.17 10l5 5M4.17 10l5-5", stroke: "currentColor", strokeWidth: "1.67", strokeLinecap: "round", strokeLinejoin: "round" }) });
-var ArrowRight = () => /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 20 20", fill: "none", className: "size-5", "aria-hidden": true, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M4.17 10h11.66M15.83 10l-5 5M15.83 10l-5-5", stroke: "currentColor", strokeWidth: "1.67", strokeLinecap: "round", strokeLinejoin: "round" }) });
+var ArrowLeft2 = () => /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 20 20", fill: "none", className: "size-5", "aria-hidden": true, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M15.83 10H4.17M4.17 10l5 5M4.17 10l5-5", stroke: "currentColor", strokeWidth: "1.67", strokeLinecap: "round", strokeLinejoin: "round" }) });
+var ArrowRight2 = () => /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 20 20", fill: "none", className: "size-5", "aria-hidden": true, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M4.17 10h11.66M15.83 10l-5 5M15.83 10l-5-5", stroke: "currentColor", strokeWidth: "1.67", strokeLinecap: "round", strokeLinejoin: "round" }) });
 function PaginationButtonGroupBase({
   cellType = "number",
   active = false,
@@ -32519,11 +32714,11 @@ function PaginationButtonGroupBase({
       ),
       ...rest,
       children: [
-        isLeading && (icon ?? /* @__PURE__ */ jsxRuntime.jsx(ArrowLeft, {})),
+        isLeading && (icon ?? /* @__PURE__ */ jsxRuntime.jsx(ArrowLeft2, {})),
         (isLeading || isTrailing) && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "px-xxs", children: children ?? (isLeading ? "Previous" : "Next") }),
-        isTrailing && (icon ?? /* @__PURE__ */ jsxRuntime.jsx(ArrowRight, {})),
+        isTrailing && (icon ?? /* @__PURE__ */ jsxRuntime.jsx(ArrowRight2, {})),
         isNumber3 && children,
-        isIcon && (icon ?? /* @__PURE__ */ jsxRuntime.jsx(ArrowRight, {}))
+        isIcon && (icon ?? /* @__PURE__ */ jsxRuntime.jsx(ArrowRight2, {}))
       ]
     }
   );
@@ -32728,22 +32923,22 @@ function ProgressCircle({
   size = "xxs",
   className
 }) {
-  const { d, stroke, valueClass, labelClass } = SPECS[size];
+  const { d, stroke: stroke2, valueClass, labelClass } = SPECS[size];
   const isHalf = shape === "half";
-  const geo = ringGeometry(d, stroke, value, { arcFraction: isHalf ? 0.5 : 1 });
+  const geo = ringGeometry(d, stroke2, value, { arcFraction: isHalf ? 0.5 : 1 });
   const center = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center text-center", children: [
     label && /* @__PURE__ */ jsxRuntime.jsx("span", { className: clsx_default("font-medium text-text-tertiary", labelClass), children: label }),
     /* @__PURE__ */ jsxRuntime.jsx("span", { className: clsx_default("font-display font-semibold text-text-primary", valueClass), children: valueText ?? `${value}%` })
   ] });
   if (isHalf) {
-    const h = geo.center + stroke;
+    const h = geo.center + stroke2;
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx_default("relative", className), style: { width: d, height: h }, children: [
-      /* @__PURE__ */ jsxRuntime.jsx("svg", { width: d, height: d, viewBox: `0 0 ${d} ${d}`, className: "absolute left-0 top-0", role: "img", "aria-label": `${value}%`, children: /* @__PURE__ */ jsxRuntime.jsx("g", { transform: `rotate(180 ${geo.center} ${geo.center})`, children: /* @__PURE__ */ jsxRuntime.jsx(RingPair, { geo, stroke, trackClass: "stroke-bg-quaternary", progressClass: "stroke-fg-brand-primary" }) }) }),
+      /* @__PURE__ */ jsxRuntime.jsx("svg", { width: d, height: d, viewBox: `0 0 ${d} ${d}`, className: "absolute left-0 top-0", role: "img", "aria-label": `${value}%`, children: /* @__PURE__ */ jsxRuntime.jsx("g", { transform: `rotate(180 ${geo.center} ${geo.center})`, children: /* @__PURE__ */ jsxRuntime.jsx(RingPair, { geo, stroke: stroke2, trackClass: "stroke-bg-quaternary", progressClass: "stroke-fg-brand-primary" }) }) }),
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute bottom-0 left-1/2 -translate-x-1/2", children: center })
     ] });
   }
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx_default("relative", className), style: { width: d, height: d }, children: [
-    /* @__PURE__ */ jsxRuntime.jsx("svg", { width: d, height: d, viewBox: `0 0 ${d} ${d}`, className: "block", role: "img", "aria-label": `${value}%`, children: /* @__PURE__ */ jsxRuntime.jsx("g", { transform: `rotate(-90 ${geo.center} ${geo.center})`, children: /* @__PURE__ */ jsxRuntime.jsx(RingPair, { geo, stroke, trackClass: "stroke-bg-quaternary", progressClass: "stroke-fg-brand-primary" }) }) }),
+    /* @__PURE__ */ jsxRuntime.jsx("svg", { width: d, height: d, viewBox: `0 0 ${d} ${d}`, className: "block", role: "img", "aria-label": `${value}%`, children: /* @__PURE__ */ jsxRuntime.jsx("g", { transform: `rotate(-90 ${geo.center} ${geo.center})`, children: /* @__PURE__ */ jsxRuntime.jsx(RingPair, { geo, stroke: stroke2, trackClass: "stroke-bg-quaternary", progressClass: "stroke-fg-brand-primary" }) }) }),
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 flex items-center justify-center", children: center })
   ] });
 }
@@ -33705,6 +33900,137 @@ function TextEditorTooltip({ children, className, ...rest }) {
     }
   );
 }
+function useTextEditor({
+  placeholder,
+  content,
+  editable = true,
+  onUpdate
+} = {}) {
+  return react.useEditor({
+    editable,
+    content: content ?? "",
+    extensions: [
+      starterKit.StarterKit.configure({ link: { openOnClick: false } }),
+      extensionTextAlign.TextAlign.configure({ types: ["heading", "paragraph"] }),
+      extensionPlaceholder.Placeholder.configure({ placeholder: placeholder ?? "" })
+    ],
+    onUpdate: ({ editor }) => onUpdate?.(editor.getHTML())
+  });
+}
+var stroke = {
+  fill: "none",
+  stroke: "currentColor",
+  strokeWidth: 2,
+  strokeLinecap: "round",
+  strokeLinejoin: "round"
+};
+var ItalicIcon = () => /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 24 24", ...stroke, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M19 4h-9M14 20H5M15 4 9 20" }) });
+var UnderlineIcon = () => /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 24 24", ...stroke, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M6 4v6a6 6 0 0 0 12 0V4M4 21h16" }) });
+var StrikeIcon = () => /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 24 24", ...stroke, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M4 12h16M16 7.5A4 3 0 0 0 8 8M8 16.5a4 3 0 0 0 8-.5" }) });
+var HeadingIcon = () => /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 24 24", ...stroke, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M6 4v16M18 4v16M6 12h12" }) });
+var BulletListIcon = () => /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 24 24", ...stroke, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M9 6h11M9 12h11M9 18h11M4.5 6h.01M4.5 12h.01M4.5 18h.01" }) });
+var OrderedListIcon = () => /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 24 24", ...stroke, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M10 6h10M10 12h10M10 18h10M4 4v4M3 14h2l-2 3h2" }) });
+var proseClass = clsx_default(
+  "font-body text-sm text-text-primary",
+  "[&_.ProseMirror]:min-h-[80px] [&_.ProseMirror]:outline-none",
+  "[&_.ProseMirror_p]:my-0",
+  "[&_.ProseMirror_ul]:list-disc [&_.ProseMirror_ul]:pl-2xl",
+  "[&_.ProseMirror_ol]:list-decimal [&_.ProseMirror_ol]:pl-2xl",
+  "[&_.ProseMirror_h2]:text-lg [&_.ProseMirror_h2]:font-semibold [&_.ProseMirror_h2]:text-text-primary",
+  "[&_.ProseMirror_a]:text-text-brand-secondary [&_.ProseMirror_a]:underline",
+  // Placeholder (extension adds .is-editor-empty + data-placeholder).
+  "[&_.ProseMirror_p.is-editor-empty:first-child]:before:pointer-events-none",
+  "[&_.ProseMirror_p.is-editor-empty:first-child]:before:float-left",
+  "[&_.ProseMirror_p.is-editor-empty:first-child]:before:h-0",
+  "[&_.ProseMirror_p.is-editor-empty:first-child]:before:text-text-placeholder",
+  "[&_.ProseMirror_p.is-editor-empty:first-child]:before:content-[attr(data-placeholder)]"
+);
+function TextEditor({
+  placeholder,
+  content,
+  onUpdate,
+  disabled = false,
+  className
+}) {
+  const editor = useTextEditor({ placeholder, content, editable: !disabled, onUpdate });
+  React28.useEffect(() => {
+    editor?.setEditable(!disabled);
+  }, [editor, disabled]);
+  const isActive = (name, attrs) => editor?.isActive(name, attrs) ?? false;
+  const setLink = () => {
+    if (!editor) return;
+    const prev = editor.getAttributes("link").href ?? "";
+    const url = window.prompt("Link URL", prev);
+    if (url === null) return;
+    const chain = editor.chain().focus().extendMarkRange("link");
+    if (url === "") chain.unsetLink().run();
+    else chain.setLink({ href: url }).run();
+  };
+  const ToolbarButton = ({
+    label,
+    icon,
+    active,
+    onRun
+  }) => /* @__PURE__ */ jsxRuntime.jsx(
+    ButtonUtility,
+    {
+      variant: "ghost",
+      label,
+      icon: /* @__PURE__ */ jsxRuntime.jsx(IconBox, { size: 20, children: icon }),
+      "aria-pressed": active,
+      disabled: disabled || !editor,
+      className: active ? "!bg-bg-secondary !text-fg-secondary" : void 0,
+      onMouseDown: (e) => e.preventDefault(),
+      onClick: onRun
+    }
+  );
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: clsx_default(
+        "relative flex flex-col overflow-hidden rounded-xl border border-border-primary bg-bg-primary",
+        "focus-within:ring-2 focus-within:ring-border-brand",
+        disabled && "opacity-60",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(TextEditorToolbar, { className: "w-full !rounded-none !border-l-0 !border-r-0 !border-t-0 !shadow-none", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(ToolbarButton, { label: "Bold", icon: /* @__PURE__ */ jsxRuntime.jsx(bvDsIcons.Bold01, {}), active: isActive("bold"), onRun: () => editor?.chain().focus().toggleBold().run() }),
+          /* @__PURE__ */ jsxRuntime.jsx(ToolbarButton, { label: "Italic", icon: /* @__PURE__ */ jsxRuntime.jsx(ItalicIcon, {}), active: isActive("italic"), onRun: () => editor?.chain().focus().toggleItalic().run() }),
+          /* @__PURE__ */ jsxRuntime.jsx(ToolbarButton, { label: "Underline", icon: /* @__PURE__ */ jsxRuntime.jsx(UnderlineIcon, {}), active: isActive("underline"), onRun: () => editor?.chain().focus().toggleUnderline().run() }),
+          /* @__PURE__ */ jsxRuntime.jsx(ToolbarButton, { label: "Strikethrough", icon: /* @__PURE__ */ jsxRuntime.jsx(StrikeIcon, {}), active: isActive("strike"), onRun: () => editor?.chain().focus().toggleStrike().run() }),
+          /* @__PURE__ */ jsxRuntime.jsx(TextEditorToolbarDivider, {}),
+          /* @__PURE__ */ jsxRuntime.jsx(ToolbarButton, { label: "Heading", icon: /* @__PURE__ */ jsxRuntime.jsx(HeadingIcon, {}), active: isActive("heading", { level: 2 }), onRun: () => editor?.chain().focus().toggleHeading({ level: 2 }).run() }),
+          /* @__PURE__ */ jsxRuntime.jsx(ToolbarButton, { label: "Bullet list", icon: /* @__PURE__ */ jsxRuntime.jsx(BulletListIcon, {}), active: isActive("bulletList"), onRun: () => editor?.chain().focus().toggleBulletList().run() }),
+          /* @__PURE__ */ jsxRuntime.jsx(ToolbarButton, { label: "Ordered list", icon: /* @__PURE__ */ jsxRuntime.jsx(OrderedListIcon, {}), active: isActive("orderedList"), onRun: () => editor?.chain().focus().toggleOrderedList().run() }),
+          /* @__PURE__ */ jsxRuntime.jsx(TextEditorToolbarDivider, {}),
+          /* @__PURE__ */ jsxRuntime.jsx(ToolbarButton, { label: "Align left", icon: /* @__PURE__ */ jsxRuntime.jsx(bvDsIcons.AlignLeft, {}), active: editor?.isActive({ textAlign: "left" }) ?? false, onRun: () => editor?.chain().focus().setTextAlign("left").run() }),
+          /* @__PURE__ */ jsxRuntime.jsx(ToolbarButton, { label: "Align center", icon: /* @__PURE__ */ jsxRuntime.jsx(bvDsIcons.AlignCenter, {}), active: editor?.isActive({ textAlign: "center" }) ?? false, onRun: () => editor?.chain().focus().setTextAlign("center").run() }),
+          /* @__PURE__ */ jsxRuntime.jsx(ToolbarButton, { label: "Align right", icon: /* @__PURE__ */ jsxRuntime.jsx(bvDsIcons.AlignRight, {}), active: editor?.isActive({ textAlign: "right" }) ?? false, onRun: () => editor?.chain().focus().setTextAlign("right").run() }),
+          /* @__PURE__ */ jsxRuntime.jsx(TextEditorToolbarDivider, {}),
+          /* @__PURE__ */ jsxRuntime.jsx(ToolbarButton, { label: "Link", icon: /* @__PURE__ */ jsxRuntime.jsx(bvDsIcons.Link01, {}), active: isActive("link"), onRun: setLink })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative min-h-[120px] px-3xl py-2xl", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(react.EditorContent, { editor, className: proseClass }),
+          editor?.isActive("link") && /* @__PURE__ */ jsxRuntime.jsxs(TextEditorTooltip, { className: "absolute right-3xl top-md z-10", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "max-w-[160px] truncate px-xs text-xs text-text-secondary", children: String(editor.getAttributes("link").href ?? "") }),
+            /* @__PURE__ */ jsxRuntime.jsx(ButtonUtility, { variant: "ghost", size: "xs", label: "Edit link", icon: /* @__PURE__ */ jsxRuntime.jsx(IconBox, { size: 16, children: /* @__PURE__ */ jsxRuntime.jsx(bvDsIcons.Link01, {}) }), onClick: setLink }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              ButtonUtility,
+              {
+                variant: "ghost",
+                size: "xs",
+                label: "Remove link",
+                icon: /* @__PURE__ */ jsxRuntime.jsx(IconBox, { size: 16, children: /* @__PURE__ */ jsxRuntime.jsx(bvDsIcons.XClose, {}) }),
+                onClick: () => editor.chain().focus().extendMarkRange("link").unsetLink().run()
+              }
+            )
+          ] })
+        ] })
+      ]
+    }
+  );
+}
 function TextareaInputField({
   size = "md",
   label,
@@ -34098,6 +34424,7 @@ exports.ButtonDestructive = ButtonDestructive;
 exports.ButtonGroup = ButtonGroup;
 exports.ButtonGroupSegment = ButtonGroupSegment;
 exports.ButtonUtility = ButtonUtility;
+exports.Calendar = Calendar;
 exports.CalendarCell = CalendarCell;
 exports.CalendarCellDayWeekView = CalendarCellDayWeekView;
 exports.CalendarColumnHeader = CalendarColumnHeader;
@@ -34217,6 +34544,7 @@ exports.TableHeaderLabel = TableHeaderLabel;
 exports.Tabs = Tabs;
 exports.Tag = Tag;
 exports.TagsInputField = TagsInputField;
+exports.TextEditor = TextEditor;
 exports.TextEditorToolbar = TextEditorToolbar;
 exports.TextEditorToolbarDivider = TextEditorToolbarDivider;
 exports.TextEditorTooltip = TextEditorTooltip;
@@ -34230,5 +34558,6 @@ exports.TreeViewItem = TreeViewItem;
 exports.VerificationCodeInput = VerificationCodeInput;
 exports.illustrations = illustrations_exports;
 exports.useContextMenu = useContextMenu;
+exports.useTextEditor = useTextEditor;
 //# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map