@borisj74/bv-ds 0.1.7 → 0.1.9

package/dist/index.js

@@ -1,7 +1,14 @@
 import * as React28 from 'react';
-import React28__default, { forwardRef, isValidElement, cloneElement, Children, useContext, useMemo, createContext, Fragment, useState, PureComponent, createElement, Component, useRef, useEffect, useCallback, useId, useImperativeHandle } from 'react';
+import React28__default, { forwardRef, isValidElement, cloneElement, Children, useContext, useMemo, createContext, Fragment, useState, useCallback, PureComponent, createElement, Component, useRef, useEffect, useId, useImperativeHandle } from 'react';
 import { jsx, jsxs, Fragment as Fragment$1 } from 'react/jsx-runtime';
-import { LogOut01, ChevronSelectorVertical, ChevronDown as ChevronDown$1, XClose as XClose$1, Menu02 } from '@borisj74/bv-ds-icons';
+import { dateFnsLocalizer, Calendar as Calendar$1 } from 'react-big-calendar';
+import { getDay, parse, format, startOfWeek, isSameDay } from 'date-fns';
+import { enUS } from 'date-fns/locale';
+import { Plus, LogOut01, ChevronSelectorVertical, ChevronDown as ChevronDown$1, XClose as XClose$1, Menu02, Bold01, AlignLeft, AlignCenter, AlignRight, Link01, ArrowLeft, ArrowRight } from '@borisj74/bv-ds-icons';
+import { useEditor, EditorContent } from '@tiptap/react';
+import { StarterKit } from '@tiptap/starter-kit';
+import { TextAlign } from '@tiptap/extension-text-align';
+import { Placeholder } from '@tiptap/extension-placeholder';
 
 var __create = Object.create;
 var __defProp = Object.defineProperty;
@@ -4863,10 +4870,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;
@@ -4874,7 +4881,7 @@ function ringGeometry(diameter, stroke, value, opts = {}) {
 }
 function RingPair({
   geo,
-  stroke,
+  stroke: stroke2,
   trackClass = "stroke-utility-neutral-100",
   progressClass,
   progressColor,
@@ -4890,7 +4897,7 @@ function RingPair({
         r: radius,
         fill: "none",
         className: trackClass,
-        strokeWidth: stroke,
+        strokeWidth: stroke2,
         strokeDasharray: `${arc} ${circumference}`
       }
     ),
@@ -4903,7 +4910,7 @@ function RingPair({
         fill: "none",
         className: clsx_default(!progressColor && progressClass),
         stroke: progressColor,
-        strokeWidth: stroke,
+        strokeWidth: stroke2,
         strokeLinecap: linecap,
         strokeDasharray: `${filled} ${circumference}`
       }
@@ -4935,10 +4942,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 };
   });
@@ -4960,7 +4967,7 @@ function ActivityGauge({
               r: r2.radius,
               fill: "none",
               className: TRACK_STROKE_CLASS,
-              strokeWidth: stroke
+              strokeWidth: stroke2
             }
           ),
           /* @__PURE__ */ jsx(
@@ -4972,7 +4979,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}`
             }
@@ -6097,6 +6104,91 @@ function ButtonUtility({
     ) : null
   ] });
 }
+function IconBox({ size = 20, className, children }) {
+  const icon = isValidElement(children) ? cloneElement(children, {
+    viewBox: children.props.viewBox ?? "0 0 24 24",
+    className: clsx_default("w-full h-full", children.props.className)
+  }) : children;
+  return /* @__PURE__ */ 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__ */ jsxs(
+    "div",
+    {
+      className: clsx_default(
+        "flex flex-wrap items-start justify-between gap-lg font-body",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-lg", children: [
+          dateIcon,
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-xxs", children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-md", children: [
+              /* @__PURE__ */ jsx("h2", { className: "text-lg font-bold text-text-primary", children: title }),
+              badge
+            ] }),
+            subtitle ? /* @__PURE__ */ jsx("p", { className: "text-sm text-text-tertiary", children: subtitle }) : null
+          ] })
+        ] }),
+        actions ? /* @__PURE__ */ 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__ */ 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__ */ jsx("span", { className: "text-xs font-medium text-text-quaternary", children: weekday }),
+        /* @__PURE__ */ 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",
@@ -6188,6 +6280,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__ */ jsx("svg", { viewBox: "0 0 20 20", fill: "none", className: "size-5 shrink-0", "aria-hidden": true, children: /* @__PURE__ */ 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] = 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__ */ jsxs("div", { className: clsx_default("relative inline-block font-body", className), children: [
+    /* @__PURE__ */ 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__ */ jsx("span", { className: "text-fg-quaternary", children: /* @__PURE__ */ jsx(Chevron2, {}) })
+        ]
+      }
+    ),
+    open ? /* @__PURE__ */ 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__ */ jsx("li", { role: "option", "aria-selected": isSelected, children: /* @__PURE__ */ 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__ */ 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__ */ jsx("span", { className: "size-2 rounded-full bg-bg-brand-solid" }) : null
+                  }
+                ),
+                /* @__PURE__ */ jsx("span", { className: "flex-1 text-left", children: opt.label }),
+                opt.shortcut ? /* @__PURE__ */ jsx("span", { className: "text-xs text-text-quaternary", children: opt.shortcut }) : null
+              ]
+            }
+          ) }, opt.value);
+        })
+      }
+    ) : null
+  ] });
+}
+var localizer = dateFnsLocalizer({
+  format,
+  parse,
+  // Monday-first week, matching the Figma column-header order (Mon…Sun).
+  startOfWeek: (date2) => startOfWeek(date2, { weekStartsOn: 1 }),
+  getDay,
+  locales: { "en-US": 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__ */ jsx(IconBox, { size: 20, children: dir === "left" ? /* @__PURE__ */ jsx(ArrowLeft, {}) : /* @__PURE__ */ jsx(ArrowRight, {}) });
+}
+function Calendar({
+  events,
+  defaultView = "month",
+  defaultDate,
+  onNavigate,
+  onView,
+  onSelectEvent,
+  onSelectSlot,
+  onAddEvent,
+  className
+}) {
+  const [date2, setDate] = useState(defaultDate ?? new Date(2027, 0, 1));
+  const [view, setView] = useState(defaultView);
+  const [selected, setSelected] = useState(null);
+  const handleNavigate = useCallback(
+    (next) => {
+      setDate(next);
+      onNavigate?.(next);
+    },
+    [onNavigate]
+  );
+  const handleView = useCallback(
+    (next) => {
+      setView(next);
+      onView?.(next);
+    },
+    [onView]
+  );
+  const handleSelectSlot = useCallback(
+    (slot) => {
+      setSelected(slot.start);
+      onSelectSlot?.(slot);
+    },
+    [onSelectSlot]
+  );
+  const components = useMemo(
+    () => ({
+      // Header bar → CalendarHeader primitive + nav/view/add controls.
+      toolbar: (tb) => /* @__PURE__ */ jsx("div", { className: "border-b border-border-secondary px-3xl py-2xl", children: /* @__PURE__ */ jsx(
+        CalendarHeader,
+        {
+          title: tb.label,
+          actions: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-lg", children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center overflow-hidden rounded-md border border-border-primary shadow-xs", children: [
+              /* @__PURE__ */ 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__ */ jsx(NavArrow, { dir: "left" })
+                }
+              ),
+              /* @__PURE__ */ 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__ */ 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__ */ jsx(NavArrow, { dir: "right" })
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsx(
+              CalendarViewDropdown,
+              {
+                value: tb.view,
+                onChange: (v) => tb.onView(v)
+              }
+            ),
+            onAddEvent && /* @__PURE__ */ 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__ */ jsx("span", { className: "opacity-60", children: /* @__PURE__ */ jsx(IconBox, { size: 20, children: /* @__PURE__ */ jsx(Plus, {}) }) }),
+                  "Add event"
+                ]
+              }
+            )
+          ] })
+        }
+      ) }),
+      month: {
+        // Weekday column header → CalendarColumnHeader primitive.
+        header: ({ label }) => /* @__PURE__ */ jsx("div", { className: "flex h-full items-center justify-center border-b border-r border-border-secondary bg-bg-primary p-md", children: /* @__PURE__ */ jsx(CalendarColumnHeader, { weekday: label, date: "" }) }),
+        // Date-number circle (Figma 7991:81840): default / today / selected.
+        dateHeader: ({ date: cellDate, label }) => {
+          const today = isSameDay(cellDate, /* @__PURE__ */ new Date());
+          const isSel = selected ? isSameDay(cellDate, selected) : false;
+          return /* @__PURE__ */ jsx("div", { className: "flex p-md", children: /* @__PURE__ */ 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__ */ jsx(
+          CalendarEvent,
+          {
+            title: event.title,
+            time: event.allDay ? void 0 : format(event.start, "h:mm a"),
+            color: event.color ?? "brand",
+            filled: true
+          }
+        )
+      }
+    }),
+    [onAddEvent, selected]
+  );
+  return /* @__PURE__ */ 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__ */ jsx(
+        Calendar$1,
+        {
+          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__ */ jsx("svg", { viewBox: "0 0 20 20", fill: "none", className: "size-4", "aria-hidden": true, children: /* @__PURE__ */ jsx(
     "path",
@@ -6325,44 +6692,6 @@ function CalendarCellDayWeekView({
     }
   );
 }
-function CalendarColumnHeader({
-  weekday,
-  date: date2,
-  type,
-  current = false,
-  orientation = "vertical",
-  breakpoint = "desktop",
-  className
-}) {
-  const state = type ?? (current ? "selected" : "default");
-  return /* @__PURE__ */ 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__ */ jsx("span", { className: "text-xs font-medium text-text-quaternary", children: weekday }),
-        /* @__PURE__ */ 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__ */ jsxs(
     "div",
@@ -6441,39 +6770,6 @@ function CalendarEventDayWeekView({
     }
   );
 }
-function CalendarHeader({
-  title,
-  range: range6,
-  supportingText,
-  badge,
-  dateIcon,
-  actions,
-  className
-}) {
-  const subtitle = range6 ?? supportingText;
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: clsx_default(
-        "flex flex-wrap items-start justify-between gap-lg font-body",
-        className
-      ),
-      children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-lg", children: [
-          dateIcon,
-          /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-xxs", children: [
-            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-md", children: [
-              /* @__PURE__ */ jsx("h2", { className: "text-lg font-bold text-text-primary", children: title }),
-              badge
-            ] }),
-            subtitle ? /* @__PURE__ */ jsx("p", { className: "text-sm text-text-tertiary", children: subtitle }) : null
-          ] })
-        ] }),
-        actions ? /* @__PURE__ */ jsx("div", { className: "flex items-center gap-md", children: actions }) : null
-      ]
-    }
-  );
-}
 function CalendarRowLabel({ label, time: time2, className }) {
   return /* @__PURE__ */ jsx(
     "div",
@@ -6507,93 +6803,6 @@ function CalendarTimemarker({
     /* @__PURE__ */ 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__ */ jsx("svg", { viewBox: "0 0 20 20", fill: "none", className: "size-5 shrink-0", "aria-hidden": true, children: /* @__PURE__ */ 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] = 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__ */ jsxs("div", { className: clsx_default("relative inline-block font-body", className), children: [
-    /* @__PURE__ */ 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__ */ jsx("span", { className: "text-fg-quaternary", children: /* @__PURE__ */ jsx(Chevron2, {}) })
-        ]
-      }
-    ),
-    open ? /* @__PURE__ */ 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__ */ jsx("li", { role: "option", "aria-selected": isSelected, children: /* @__PURE__ */ 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__ */ 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__ */ jsx("span", { className: "size-2 rounded-full bg-bg-brand-solid" }) : null
-                  }
-                ),
-                /* @__PURE__ */ jsx("span", { className: "flex-1 text-left", children: opt.label }),
-                opt.shortcut ? /* @__PURE__ */ jsx("span", { className: "text-xs text-text-quaternary", children: opt.shortcut }) : null
-              ]
-            }
-          ) }, opt.value);
-        })
-      }
-    ) : null
-  ] });
-}
 function CardHeader({
   title,
   description,
@@ -7680,20 +7889,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++];
         }));
       }
@@ -10707,7 +10916,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 : "");
@@ -11697,10 +11906,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);
@@ -12252,7 +12461,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;
@@ -12295,10 +12504,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] });
@@ -12314,7 +12523,7 @@ function locale_default(locale3) {
 
 // node_modules/d3-format/src/defaultLocale.js
 var locale;
-var format;
+var format2;
 var formatPrefix;
 defaultLocale({
   thousands: ",",
@@ -12323,7 +12532,7 @@ defaultLocale({
 });
 function defaultLocale(definition) {
   locale = locale_default(definition);
-  format = locale.format;
+  format2 = locale.format;
   formatPrefix = locale.formatPrefix;
   return locale;
 }
@@ -12368,7 +12577,7 @@ function tickFormat(start, stop, count, specifier) {
       break;
     }
   }
-  return format(specifier);
+  return format2(specifier);
 }
 
 // node_modules/d3-scale/src/linear.js
@@ -12547,7 +12756,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);
@@ -13240,14 +13449,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;
         }
@@ -13298,14 +13507,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;
       }
@@ -13678,9 +13887,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);
   }
@@ -13695,7 +13904,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();
@@ -13703,7 +13912,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;
 }
@@ -15772,15 +15981,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;
@@ -18444,18 +18653,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++];
         }));
       }
@@ -20290,7 +20499,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);
@@ -20301,7 +20510,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), {}, {
@@ -20579,7 +20788,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), {}, {
@@ -20592,7 +20801,7 @@ var PolarAngleAxis = /* @__PURE__ */ (function(_PureComponent) {
           textAnchor
         }, axisProps), {}, {
           stroke: "none",
-          fill: stroke
+          fill: stroke2
         }, customTickProps), {}, {
           index: i,
           payload: entry,
@@ -22526,9 +22735,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__default.createElement("rect", {
-        stroke,
+        stroke: stroke2,
         fill,
         x: x2,
         y: y2,
@@ -22603,7 +22812,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__default.createElement("rect", {
@@ -22616,7 +22825,7 @@ var Brush = /* @__PURE__ */ (function(_PureComponent) {
           cursor: "move"
         },
         stroke: "none",
-        fill: stroke,
+        fill: stroke2,
         fillOpacity: 0.2,
         x: x2,
         y: y2,
@@ -22627,12 +22836,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__default.createElement(Layer, {
         className: "recharts-brush-texts"
@@ -22669,14 +22878,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__default.createElement(React28__default.Fragment, null, /* @__PURE__ */ React28__default.createElement("rect", {
         x: x2,
         y: y2,
         width,
         height,
-        fill: stroke,
+        fill: stroke2,
         stroke: "none"
       }), /* @__PURE__ */ React28__default.createElement("line", {
         x1: x2 + 1,
@@ -25191,7 +25400,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);
@@ -25209,7 +25418,7 @@ var CartesianAxis = /* @__PURE__ */ (function(_Component) {
             verticalAnchor
           }, axisProps), {}, {
             stroke: "none",
-            fill: stroke
+            fill: stroke2
           }, customTickProps), tickCoord), {}, {
             index: i,
             payload: entry,
@@ -28901,13 +29110,13 @@ function ChartMini({
   className,
   style
 }) {
-  const stroke = resolveColor(color2, trend);
+  const stroke2 = resolveColor(color2, trend);
   return /* @__PURE__ */ jsx("div", { className, style: { width, height, ...style }, children: /* @__PURE__ */ jsx(ResponsiveContainer, { width: "100%", height: "100%", children: /* @__PURE__ */ jsx(LineChart, { data, margin: { top: 4, right: 4, bottom: 4, left: 4 }, children: /* @__PURE__ */ jsx(
     Line2,
     {
       type: "monotone",
       dataKey: "value",
-      stroke,
+      stroke: stroke2,
       strokeWidth: 2,
       dot: false,
       isAnimationActive: false
@@ -31080,8 +31289,8 @@ function LoadingIndicator({
   if (variant === "dot-circle") {
     spinner = /* @__PURE__ */ 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__ */ jsxs(
       "svg",
@@ -31099,7 +31308,7 @@ function LoadingIndicator({
               r: r2,
               fill: "none",
               className: "stroke-bg-quaternary",
-              strokeWidth: stroke
+              strokeWidth: stroke2
             }
           ),
           /* @__PURE__ */ jsx(
@@ -31110,7 +31319,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"
@@ -31936,20 +32145,6 @@ function MultiSelect({
     hint && /* @__PURE__ */ 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 = isValidElement(children) ? cloneElement(children, {
-    viewBox: children.props.viewBox ?? "0 0 24 24",
-    className: clsx_default("w-full h-full", children.props.className)
-  }) : children;
-  return /* @__PURE__ */ 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__ */ 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__ */ jsx("span", { className: "flex size-full overflow-hidden rounded-full border-[0.5px] border-[rgba(0,0,0,0.16)]", children: /* @__PURE__ */ jsx("img", { src, alt: "", className: "size-full rounded-full object-cover" }) }),
   online !== void 0 && /* @__PURE__ */ jsx(
@@ -32355,7 +32550,7 @@ function NumberInput({
   const dec = () => set2(value - step);
   const inc = () => set2(value + step);
   const Minus = /* @__PURE__ */ jsx("svg", { viewBox: "0 0 20 20", fill: "none", className: "size-5", "aria-hidden": true, children: /* @__PURE__ */ jsx("path", { d: "M4.167 10h11.666", stroke: "currentColor", strokeWidth: "1.67", strokeLinecap: "round" }) });
-  const Plus = /* @__PURE__ */ jsx("svg", { viewBox: "0 0 20 20", fill: "none", className: "size-5", "aria-hidden": true, children: /* @__PURE__ */ jsx("path", { d: "M10 4.167v11.666M4.167 10h11.666", stroke: "currentColor", strokeWidth: "1.67", strokeLinecap: "round" }) });
+  const Plus2 = /* @__PURE__ */ jsx("svg", { viewBox: "0 0 20 20", fill: "none", className: "size-5", "aria-hidden": true, children: /* @__PURE__ */ jsx("path", { d: "M10 4.167v11.666M4.167 10h11.666", stroke: "currentColor", strokeWidth: "1.67", strokeLinecap: "round" }) });
   const Chevron5 = ({ up }) => /* @__PURE__ */ jsx("svg", { viewBox: "0 0 12 12", fill: "none", className: clsx_default("size-3", up && "rotate-180"), "aria-hidden": true, children: /* @__PURE__ */ jsx("path", { d: "M3 4.5 6 7.5 9 4.5", stroke: "currentColor", strokeWidth: "1.2", strokeLinecap: "round", strokeLinejoin: "round" }) });
   const numberEl = /* @__PURE__ */ jsx(
     "input",
@@ -32378,7 +32573,7 @@ function NumberInput({
   const box = layout === "horizontal" ? /* @__PURE__ */ jsxs("div", { className: clsx_default(boxClasses(destructive), "gap-0 overflow-hidden p-0"), children: [
     /* @__PURE__ */ 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__ */ 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__ */ 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__ */ jsxs("div", { className: clsx_default(boxClasses(destructive), "gap-0 overflow-hidden p-0"), children: [
     numberEl,
     /* @__PURE__ */ jsxs("div", { className: "flex flex-col self-stretch border-l border-border-primary", children: [
@@ -32468,8 +32663,8 @@ function PaginationNumberBase({
     }
   );
 }
-var ArrowLeft = () => /* @__PURE__ */ jsx("svg", { viewBox: "0 0 20 20", fill: "none", className: "size-5", "aria-hidden": true, children: /* @__PURE__ */ 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__ */ jsx("svg", { viewBox: "0 0 20 20", fill: "none", className: "size-5", "aria-hidden": true, children: /* @__PURE__ */ 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__ */ jsx("svg", { viewBox: "0 0 20 20", fill: "none", className: "size-5", "aria-hidden": true, children: /* @__PURE__ */ 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__ */ jsx("svg", { viewBox: "0 0 20 20", fill: "none", className: "size-5", "aria-hidden": true, children: /* @__PURE__ */ 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,
@@ -32498,11 +32693,11 @@ function PaginationButtonGroupBase({
       ),
       ...rest,
       children: [
-        isLeading && (icon ?? /* @__PURE__ */ jsx(ArrowLeft, {})),
+        isLeading && (icon ?? /* @__PURE__ */ jsx(ArrowLeft2, {})),
         (isLeading || isTrailing) && /* @__PURE__ */ jsx("span", { className: "px-xxs", children: children ?? (isLeading ? "Previous" : "Next") }),
-        isTrailing && (icon ?? /* @__PURE__ */ jsx(ArrowRight, {})),
+        isTrailing && (icon ?? /* @__PURE__ */ jsx(ArrowRight2, {})),
         isNumber3 && children,
-        isIcon && (icon ?? /* @__PURE__ */ jsx(ArrowRight, {}))
+        isIcon && (icon ?? /* @__PURE__ */ jsx(ArrowRight2, {}))
       ]
     }
   );
@@ -32707,22 +32902,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__ */ jsxs("div", { className: "flex flex-col items-center text-center", children: [
     label && /* @__PURE__ */ jsx("span", { className: clsx_default("font-medium text-text-tertiary", labelClass), children: label }),
     /* @__PURE__ */ 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__ */ jsxs("div", { className: clsx_default("relative", className), style: { width: d, height: h }, children: [
-      /* @__PURE__ */ jsx("svg", { width: d, height: d, viewBox: `0 0 ${d} ${d}`, className: "absolute left-0 top-0", role: "img", "aria-label": `${value}%`, children: /* @__PURE__ */ jsx("g", { transform: `rotate(180 ${geo.center} ${geo.center})`, children: /* @__PURE__ */ jsx(RingPair, { geo, stroke, trackClass: "stroke-bg-quaternary", progressClass: "stroke-fg-brand-primary" }) }) }),
+      /* @__PURE__ */ jsx("svg", { width: d, height: d, viewBox: `0 0 ${d} ${d}`, className: "absolute left-0 top-0", role: "img", "aria-label": `${value}%`, children: /* @__PURE__ */ jsx("g", { transform: `rotate(180 ${geo.center} ${geo.center})`, children: /* @__PURE__ */ jsx(RingPair, { geo, stroke: stroke2, trackClass: "stroke-bg-quaternary", progressClass: "stroke-fg-brand-primary" }) }) }),
       /* @__PURE__ */ jsx("div", { className: "absolute bottom-0 left-1/2 -translate-x-1/2", children: center })
     ] });
   }
   return /* @__PURE__ */ jsxs("div", { className: clsx_default("relative", className), style: { width: d, height: d }, children: [
-    /* @__PURE__ */ jsx("svg", { width: d, height: d, viewBox: `0 0 ${d} ${d}`, className: "block", role: "img", "aria-label": `${value}%`, children: /* @__PURE__ */ jsx("g", { transform: `rotate(-90 ${geo.center} ${geo.center})`, children: /* @__PURE__ */ jsx(RingPair, { geo, stroke, trackClass: "stroke-bg-quaternary", progressClass: "stroke-fg-brand-primary" }) }) }),
+    /* @__PURE__ */ jsx("svg", { width: d, height: d, viewBox: `0 0 ${d} ${d}`, className: "block", role: "img", "aria-label": `${value}%`, children: /* @__PURE__ */ jsx("g", { transform: `rotate(-90 ${geo.center} ${geo.center})`, children: /* @__PURE__ */ jsx(RingPair, { geo, stroke: stroke2, trackClass: "stroke-bg-quaternary", progressClass: "stroke-fg-brand-primary" }) }) }),
     /* @__PURE__ */ jsx("div", { className: "absolute inset-0 flex items-center justify-center", children: center })
   ] });
 }
@@ -33684,6 +33879,137 @@ function TextEditorTooltip({ children, className, ...rest }) {
     }
   );
 }
+function useTextEditor({
+  placeholder,
+  content,
+  editable = true,
+  onUpdate
+} = {}) {
+  return useEditor({
+    editable,
+    content: content ?? "",
+    extensions: [
+      StarterKit.configure({ link: { openOnClick: false } }),
+      TextAlign.configure({ types: ["heading", "paragraph"] }),
+      Placeholder.configure({ placeholder: placeholder ?? "" })
+    ],
+    onUpdate: ({ editor }) => onUpdate?.(editor.getHTML())
+  });
+}
+var stroke = {
+  fill: "none",
+  stroke: "currentColor",
+  strokeWidth: 2,
+  strokeLinecap: "round",
+  strokeLinejoin: "round"
+};
+var ItalicIcon = () => /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", ...stroke, children: /* @__PURE__ */ jsx("path", { d: "M19 4h-9M14 20H5M15 4 9 20" }) });
+var UnderlineIcon = () => /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", ...stroke, children: /* @__PURE__ */ jsx("path", { d: "M6 4v6a6 6 0 0 0 12 0V4M4 21h16" }) });
+var StrikeIcon = () => /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", ...stroke, children: /* @__PURE__ */ jsx("path", { d: "M4 12h16M16 7.5A4 3 0 0 0 8 8M8 16.5a4 3 0 0 0 8-.5" }) });
+var HeadingIcon = () => /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", ...stroke, children: /* @__PURE__ */ jsx("path", { d: "M6 4v16M18 4v16M6 12h12" }) });
+var BulletListIcon = () => /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", ...stroke, children: /* @__PURE__ */ jsx("path", { d: "M9 6h11M9 12h11M9 18h11M4.5 6h.01M4.5 12h.01M4.5 18h.01" }) });
+var OrderedListIcon = () => /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", ...stroke, children: /* @__PURE__ */ 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 });
+  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__ */ jsx(
+    ButtonUtility,
+    {
+      variant: "ghost",
+      label,
+      icon: /* @__PURE__ */ 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__ */ 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__ */ jsxs(TextEditorToolbar, { className: "w-full !rounded-none !border-l-0 !border-r-0 !border-t-0 !shadow-none", children: [
+          /* @__PURE__ */ jsx(ToolbarButton, { label: "Bold", icon: /* @__PURE__ */ jsx(Bold01, {}), active: isActive("bold"), onRun: () => editor?.chain().focus().toggleBold().run() }),
+          /* @__PURE__ */ jsx(ToolbarButton, { label: "Italic", icon: /* @__PURE__ */ jsx(ItalicIcon, {}), active: isActive("italic"), onRun: () => editor?.chain().focus().toggleItalic().run() }),
+          /* @__PURE__ */ jsx(ToolbarButton, { label: "Underline", icon: /* @__PURE__ */ jsx(UnderlineIcon, {}), active: isActive("underline"), onRun: () => editor?.chain().focus().toggleUnderline().run() }),
+          /* @__PURE__ */ jsx(ToolbarButton, { label: "Strikethrough", icon: /* @__PURE__ */ jsx(StrikeIcon, {}), active: isActive("strike"), onRun: () => editor?.chain().focus().toggleStrike().run() }),
+          /* @__PURE__ */ jsx(TextEditorToolbarDivider, {}),
+          /* @__PURE__ */ jsx(ToolbarButton, { label: "Heading", icon: /* @__PURE__ */ jsx(HeadingIcon, {}), active: isActive("heading", { level: 2 }), onRun: () => editor?.chain().focus().toggleHeading({ level: 2 }).run() }),
+          /* @__PURE__ */ jsx(ToolbarButton, { label: "Bullet list", icon: /* @__PURE__ */ jsx(BulletListIcon, {}), active: isActive("bulletList"), onRun: () => editor?.chain().focus().toggleBulletList().run() }),
+          /* @__PURE__ */ jsx(ToolbarButton, { label: "Ordered list", icon: /* @__PURE__ */ jsx(OrderedListIcon, {}), active: isActive("orderedList"), onRun: () => editor?.chain().focus().toggleOrderedList().run() }),
+          /* @__PURE__ */ jsx(TextEditorToolbarDivider, {}),
+          /* @__PURE__ */ jsx(ToolbarButton, { label: "Align left", icon: /* @__PURE__ */ jsx(AlignLeft, {}), active: editor?.isActive({ textAlign: "left" }) ?? false, onRun: () => editor?.chain().focus().setTextAlign("left").run() }),
+          /* @__PURE__ */ jsx(ToolbarButton, { label: "Align center", icon: /* @__PURE__ */ jsx(AlignCenter, {}), active: editor?.isActive({ textAlign: "center" }) ?? false, onRun: () => editor?.chain().focus().setTextAlign("center").run() }),
+          /* @__PURE__ */ jsx(ToolbarButton, { label: "Align right", icon: /* @__PURE__ */ jsx(AlignRight, {}), active: editor?.isActive({ textAlign: "right" }) ?? false, onRun: () => editor?.chain().focus().setTextAlign("right").run() }),
+          /* @__PURE__ */ jsx(TextEditorToolbarDivider, {}),
+          /* @__PURE__ */ jsx(ToolbarButton, { label: "Link", icon: /* @__PURE__ */ jsx(Link01, {}), active: isActive("link"), onRun: setLink })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "relative min-h-[120px] px-3xl py-2xl", children: [
+          /* @__PURE__ */ jsx(EditorContent, { editor, className: proseClass }),
+          editor?.isActive("link") && /* @__PURE__ */ jsxs(TextEditorTooltip, { className: "absolute right-3xl top-md z-10", children: [
+            /* @__PURE__ */ jsx("span", { className: "max-w-[160px] truncate px-xs text-xs text-text-secondary", children: String(editor.getAttributes("link").href ?? "") }),
+            /* @__PURE__ */ jsx(ButtonUtility, { variant: "ghost", size: "xs", label: "Edit link", icon: /* @__PURE__ */ jsx(IconBox, { size: 16, children: /* @__PURE__ */ jsx(Link01, {}) }), onClick: setLink }),
+            /* @__PURE__ */ jsx(
+              ButtonUtility,
+              {
+                variant: "ghost",
+                size: "xs",
+                label: "Remove link",
+                icon: /* @__PURE__ */ jsx(IconBox, { size: 16, children: /* @__PURE__ */ jsx(XClose$1, {}) }),
+                onClick: () => editor.chain().focus().extendMarkRange("link").unsetLink().run()
+              }
+            )
+          ] })
+        ] })
+      ]
+    }
+  );
+}
 function TextareaInputField({
   size = "md",
   label,
@@ -34058,6 +34384,6 @@ object-assign/index.js:
   *)
 */
 
-export { ActivityFeed, ActivityGauge, AdvancedFilterBar, Alert, Avatar, AvatarAddButton, AvatarGroup, AvatarLabelGroup, AvatarProfilePhoto, BadgeCloseX, BadgeGroup, BreadcrumbButtonBase, Breadcrumbs, Button, ButtonCloseX, ButtonDestructive, ButtonGroup, ButtonGroupSegment, ButtonUtility, CalendarCell, CalendarCellDayWeekView, CalendarColumnHeader, CalendarDateIcon, CalendarEvent, CalendarEventDayWeekView, CalendarHeader, CalendarRowLabel, CalendarTimemarker, CalendarViewDropdown, CardHeader, CarouselArrow, CarouselImage, Change, ChartLegend, ChartMarker, ChartMini, ChartTooltip, Checkbox, CodeSnippet, CodeSnippetTabs, ColorBadge, CommandBar, CommandBarFooter, CommandBarMenuSection, CommandBarNavigationIcon, CommandDropdownMenuItem, CommandInput, CommandShortcut, ContentDivider, ContentFeatureText, ContentHeading, ContentParagraph, ContentQuote, ContentRule, ContextMenu, DatePickerCell, DatePickerListItem, DatePickerMenu, DropdownAccountListItem, DropdownMenuFooter, DropdownMenuHeader, DropdownMenuItemInsetIcon, DropdownMenuListItem, EmptyState, FeaturedIcon, FeedItemBase, FileUpload, FileUploadBase, FileUploadItemBase, FilterBar, FilterTabs, FiltersDropdownMenu, FiltersSlideoutMenu, HeaderNavigation, HelpIcon2 as HelpIcon, InputField, LeadingInputField, LineAndBarChart, LinkMessage, LoadingIndicator, MediaMessage, MegaInputFieldBase, Message, MessageAction, MessageActionButton, MessageActionPanel, MessageReaction, MessageStatusIcon, MetricItem, Modal, ModalActions, ModalHeader, ModernBadge, MultiSelect, NavAccountCard, NavAccountCardMenuItem, NavButton2 as NavButton, NavFeaturedCard, NavItemBase, NavItemDropdownBase, NavMenuButton, Notification, NumberInput, PageHeader, Pagination, PaginationButtonGroupBase, PaginationCards, PaginationDotGroup, PaginationDotIndicator, PaginationNumberBase, PieChart2 as PieChart, PillBadge, ProgressBar, ProgressCircle, RadarChart2 as RadarChart, Radio, RadioGroup, RadioGroupItem, SectionFooter, SectionHeader, SectionLabel, Select, SelectMenuItem, SidebarNavigation, SlideOutMenuHeader, SlideoutMenu, Slider, SocialButton, StatusIcon, StepBase, StepIconBase, TabButtonBase, TableCell, TableHeaderCell, TableHeaderLabel, Tabs, Tag, TagsInputField, TextEditorToolbar, TextEditorToolbarDivider, TextEditorTooltip, TextareaInputField, Toggle, Tooltip2 as Tooltip, TrailingInputField, TreeView, TreeViewConnector, TreeViewItem, VerificationCodeInput, illustrations_exports as illustrations, useContextMenu };
+export { ActivityFeed, ActivityGauge, AdvancedFilterBar, Alert, Avatar, AvatarAddButton, AvatarGroup, AvatarLabelGroup, AvatarProfilePhoto, BadgeCloseX, BadgeGroup, BreadcrumbButtonBase, Breadcrumbs, Button, ButtonCloseX, ButtonDestructive, ButtonGroup, ButtonGroupSegment, ButtonUtility, Calendar, CalendarCell, CalendarCellDayWeekView, CalendarColumnHeader, CalendarDateIcon, CalendarEvent, CalendarEventDayWeekView, CalendarHeader, CalendarRowLabel, CalendarTimemarker, CalendarViewDropdown, CardHeader, CarouselArrow, CarouselImage, Change, ChartLegend, ChartMarker, ChartMini, ChartTooltip, Checkbox, CodeSnippet, CodeSnippetTabs, ColorBadge, CommandBar, CommandBarFooter, CommandBarMenuSection, CommandBarNavigationIcon, CommandDropdownMenuItem, CommandInput, CommandShortcut, ContentDivider, ContentFeatureText, ContentHeading, ContentParagraph, ContentQuote, ContentRule, ContextMenu, DatePickerCell, DatePickerListItem, DatePickerMenu, DropdownAccountListItem, DropdownMenuFooter, DropdownMenuHeader, DropdownMenuItemInsetIcon, DropdownMenuListItem, EmptyState, FeaturedIcon, FeedItemBase, FileUpload, FileUploadBase, FileUploadItemBase, FilterBar, FilterTabs, FiltersDropdownMenu, FiltersSlideoutMenu, HeaderNavigation, HelpIcon2 as HelpIcon, InputField, LeadingInputField, LineAndBarChart, LinkMessage, LoadingIndicator, MediaMessage, MegaInputFieldBase, Message, MessageAction, MessageActionButton, MessageActionPanel, MessageReaction, MessageStatusIcon, MetricItem, Modal, ModalActions, ModalHeader, ModernBadge, MultiSelect, NavAccountCard, NavAccountCardMenuItem, NavButton2 as NavButton, NavFeaturedCard, NavItemBase, NavItemDropdownBase, NavMenuButton, Notification, NumberInput, PageHeader, Pagination, PaginationButtonGroupBase, PaginationCards, PaginationDotGroup, PaginationDotIndicator, PaginationNumberBase, PieChart2 as PieChart, PillBadge, ProgressBar, ProgressCircle, RadarChart2 as RadarChart, Radio, RadioGroup, RadioGroupItem, SectionFooter, SectionHeader, SectionLabel, Select, SelectMenuItem, SidebarNavigation, SlideOutMenuHeader, SlideoutMenu, Slider, SocialButton, StatusIcon, StepBase, StepIconBase, TabButtonBase, TableCell, TableHeaderCell, TableHeaderLabel, Tabs, Tag, TagsInputField, TextEditor, TextEditorToolbar, TextEditorToolbarDivider, TextEditorTooltip, TextareaInputField, Toggle, Tooltip2 as Tooltip, TrailingInputField, TreeView, TreeViewConnector, TreeViewItem, VerificationCodeInput, illustrations_exports as illustrations, useContextMenu, useTextEditor };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map