@exponential_app/eui-react 0.0.0-stage → 0.2.1

package/dist/primitives/index.js

@@ -0,0 +1,3154 @@
+import {
+  cn2,
+  getInitials2,
+  ChoiceTilesFrame2,
+  ChoiceTiles2,
+  choiceColumns2,
+  choiceToggle2,
+  choiceValues2
+} from "../chunks/index-5yzzfez5.js";
+
+// packages/exponential-ui-react/src/primitives/alert.tsx
+import { ALERT_CLASSES, alertVariants } from "@exponential_app/eui/web/primitives";
+import { jsx } from "react/jsx-runtime";
+function Alert({
+  className,
+  variant,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx("div", {
+    "data-slot": "alert",
+    role: "alert",
+    className: cn2(alertVariants({ variant }), className),
+    ...props
+  });
+}
+function AlertTitle({ className, ...props }) {
+  return /* @__PURE__ */ jsx("div", {
+    "data-slot": "alert-title",
+    className: cn2(ALERT_CLASSES.title, className),
+    ...props
+  });
+}
+function AlertDescription({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx("div", {
+    "data-slot": "alert-description",
+    className: cn2(ALERT_CLASSES.description, className),
+    ...props
+  });
+}
+// packages/exponential-ui-react/src/primitives/alert-dialog.tsx
+import { AlertDialog as AlertDialogPrimitive } from "radix-ui";
+import { ALERT_DIALOG_CLASSES } from "@exponential_app/eui/web/primitives";
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+function AlertDialog({ ...props }) {
+  return /* @__PURE__ */ jsx2(AlertDialogPrimitive.Root, {
+    "data-slot": "alert-dialog",
+    ...props
+  });
+}
+function AlertDialogTrigger({ ...props }) {
+  return /* @__PURE__ */ jsx2(AlertDialogPrimitive.Trigger, {
+    "data-slot": "alert-dialog-trigger",
+    ...props
+  });
+}
+function AlertDialogPortal({ ...props }) {
+  return /* @__PURE__ */ jsx2(AlertDialogPrimitive.Portal, {
+    "data-slot": "alert-dialog-portal",
+    ...props
+  });
+}
+function AlertDialogOverlay({ className, ...props }) {
+  return /* @__PURE__ */ jsx2(AlertDialogPrimitive.Overlay, {
+    "data-slot": "alert-dialog-overlay",
+    className: cn2(ALERT_DIALOG_CLASSES.overlay, className),
+    ...props
+  });
+}
+function AlertDialogContent({ className, ...props }) {
+  return /* @__PURE__ */ jsxs(AlertDialogPortal, {
+    children: [
+      /* @__PURE__ */ jsx2(AlertDialogOverlay, {}),
+      /* @__PURE__ */ jsx2(AlertDialogPrimitive.Content, {
+        "data-slot": "alert-dialog-content",
+        className: cn2(ALERT_DIALOG_CLASSES.content, className),
+        ...props
+      })
+    ]
+  });
+}
+function AlertDialogHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsx2("div", {
+    "data-slot": "alert-dialog-header",
+    className: cn2(ALERT_DIALOG_CLASSES.header, className),
+    ...props
+  });
+}
+function AlertDialogFooter({ className, ...props }) {
+  return /* @__PURE__ */ jsx2("div", {
+    "data-slot": "alert-dialog-footer",
+    className: cn2(ALERT_DIALOG_CLASSES.footer, className),
+    ...props
+  });
+}
+function AlertDialogTitle({ className, ...props }) {
+  return /* @__PURE__ */ jsx2(AlertDialogPrimitive.Title, {
+    "data-slot": "alert-dialog-title",
+    className: cn2(ALERT_DIALOG_CLASSES.title, className),
+    ...props
+  });
+}
+function AlertDialogDescription({ className, ...props }) {
+  return /* @__PURE__ */ jsx2(AlertDialogPrimitive.Description, {
+    "data-slot": "alert-dialog-description",
+    className: cn2(ALERT_DIALOG_CLASSES.description, className),
+    ...props
+  });
+}
+function AlertDialogAction({ className, ...props }) {
+  return /* @__PURE__ */ jsx2(AlertDialogPrimitive.Action, {
+    className: cn2(ALERT_DIALOG_CLASSES.action, className),
+    ...props
+  });
+}
+function AlertDialogCancel({ className, ...props }) {
+  return /* @__PURE__ */ jsx2(AlertDialogPrimitive.Cancel, {
+    className: cn2(ALERT_DIALOG_CLASSES.cancel, className),
+    ...props
+  });
+}
+// packages/exponential-ui-react/src/primitives/avatar.tsx
+import { Avatar as AvatarPrimitive } from "radix-ui";
+import { AVATAR_CLASSES, avatarFallbackColors, avatarFallbackHue } from "@exponential_app/eui/web/primitives";
+import { jsx as jsx3 } from "react/jsx-runtime";
+function Avatar({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx3(AvatarPrimitive.Root, {
+    "data-slot": "avatar",
+    className: cn2(AVATAR_CLASSES.root, className),
+    ...props
+  });
+}
+function AvatarImage({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx3(AvatarPrimitive.Image, {
+    "data-slot": "avatar-image",
+    className: cn2(AVATAR_CLASSES.image, className),
+    ...props
+  });
+}
+function AvatarFallback({
+  className,
+  userId,
+  style,
+  ...props
+}) {
+  const hue = avatarFallbackHue(userId);
+  return /* @__PURE__ */ jsx3(AvatarPrimitive.Fallback, {
+    "data-slot": "avatar-fallback",
+    className: cn2(AVATAR_CLASSES.fallback, hue === undefined && AVATAR_CLASSES.fallbackMuted, className),
+    style: hue === undefined ? style : { ...avatarFallbackColors(hue), ...style },
+    ...props
+  });
+}
+// packages/exponential-ui-react/src/primitives/avatar-color.ts
+import { AVATAR_HUE_COUNT, avatarHueIndex } from "@exponential_app/eui/web/primitives";
+// packages/exponential-ui-react/src/primitives/badge.tsx
+import { BADGE_CLASSES, badgeLabel } from "@exponential_app/eui/web/primitives";
+import { jsx as jsx4 } from "react/jsx-runtime";
+function Badge({
+  count,
+  max = 99,
+  tone = `muted`,
+  className,
+  ...props
+}) {
+  if (count <= 0)
+    return null;
+  return /* @__PURE__ */ jsx4("span", {
+    "data-slot": "badge",
+    "data-tone": tone,
+    className: cn2(BADGE_CLASSES.root, BADGE_CLASSES.tones[tone], className),
+    ...props,
+    children: badgeLabel(count, max)
+  });
+}
+// packages/exponential-ui-react/src/primitives/breadcrumb.tsx
+import { ChevronRight, Ellipsis } from "lucide-react";
+import { Slot } from "radix-ui";
+import { BREADCRUMB_CLASSES } from "@exponential_app/eui/web/primitives";
+import { jsx as jsx5, jsxs as jsxs2 } from "react/jsx-runtime";
+function Breadcrumb({ ...props }) {
+  return /* @__PURE__ */ jsx5("nav", {
+    "aria-label": "breadcrumb",
+    "data-slot": "breadcrumb",
+    ...props
+  });
+}
+function BreadcrumbList({ className, ...props }) {
+  return /* @__PURE__ */ jsx5("ol", {
+    "data-slot": "breadcrumb-list",
+    className: cn2(BREADCRUMB_CLASSES.list, className),
+    ...props
+  });
+}
+function BreadcrumbItem({ className, ...props }) {
+  return /* @__PURE__ */ jsx5("li", {
+    "data-slot": "breadcrumb-item",
+    className: cn2(BREADCRUMB_CLASSES.item, className),
+    ...props
+  });
+}
+function BreadcrumbLink({ asChild, className, ...props }) {
+  const Comp = asChild ? Slot.Root : `a`;
+  return /* @__PURE__ */ jsx5(Comp, {
+    "data-slot": "breadcrumb-link",
+    className: cn2(BREADCRUMB_CLASSES.link, className),
+    ...props
+  });
+}
+function BreadcrumbPage({ className, ...props }) {
+  return /* @__PURE__ */ jsx5("span", {
+    "data-slot": "breadcrumb-page",
+    role: "link",
+    "aria-disabled": "true",
+    "aria-current": "page",
+    className: cn2(BREADCRUMB_CLASSES.page, className),
+    ...props
+  });
+}
+function BreadcrumbSeparator({ children, className, ...props }) {
+  return /* @__PURE__ */ jsx5("li", {
+    "data-slot": "breadcrumb-separator",
+    role: "presentation",
+    "aria-hidden": "true",
+    className: cn2(BREADCRUMB_CLASSES.separator, className),
+    ...props,
+    children: children ?? /* @__PURE__ */ jsx5(ChevronRight, {})
+  });
+}
+function BreadcrumbEllipsis({ className, ...props }) {
+  return /* @__PURE__ */ jsxs2("span", {
+    "data-slot": "breadcrumb-ellipsis",
+    role: "presentation",
+    "aria-hidden": "true",
+    className: cn2(BREADCRUMB_CLASSES.ellipsis, className),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx5(Ellipsis, {
+        className: BREADCRUMB_CLASSES.ellipsisIcon
+      }),
+      /* @__PURE__ */ jsx5("span", {
+        className: BREADCRUMB_CLASSES.srOnly,
+        children: "More"
+      })
+    ]
+  });
+}
+// packages/exponential-ui-react/src/primitives/button.tsx
+import { Slot as Slot2 } from "radix-ui";
+import { buttonVariants } from "@exponential_app/eui/web/primitives";
+import { jsx as jsx6 } from "react/jsx-runtime";
+function Button({
+  className,
+  variant = `default`,
+  size = `default`,
+  asChild = false,
+  ...props
+}) {
+  const Comp = asChild ? Slot2.Root : `button`;
+  return /* @__PURE__ */ jsx6(Comp, {
+    "data-slot": "button",
+    "data-variant": variant,
+    "data-size": size,
+    className: cn2(buttonVariants({ variant, size, className })),
+    ...props
+  });
+}
+// packages/exponential-ui-react/src/primitives/calendar.tsx
+import * as React from "react";
+import {
+  ChevronDownIcon,
+  ChevronLeftIcon,
+  ChevronRightIcon
+} from "lucide-react";
+import {
+  DayPicker,
+  getDefaultClassNames
+} from "react-day-picker";
+import { CALENDAR_CLASSES, buttonVariants as buttonVariants2 } from "@exponential_app/eui/web/primitives";
+import { jsx as jsx7 } from "react/jsx-runtime";
+function Calendar({
+  className,
+  classNames,
+  showOutsideDays = true,
+  captionLayout = `label`,
+  buttonVariant = `ghost`,
+  formatters,
+  components,
+  ...props
+}) {
+  const defaultClassNames = getDefaultClassNames();
+  const parts = CALENDAR_CLASSES.classNames;
+  return /* @__PURE__ */ jsx7(DayPicker, {
+    showOutsideDays,
+    className: cn2(CALENDAR_CLASSES.root, className),
+    captionLayout,
+    formatters: {
+      formatMonthDropdown: (date) => date.toLocaleString(`default`, { month: `short` }),
+      ...formatters
+    },
+    classNames: {
+      root: cn2(parts.root, defaultClassNames.root),
+      months: cn2(parts.months, defaultClassNames.months),
+      month: cn2(parts.month, defaultClassNames.month),
+      nav: cn2(parts.nav, defaultClassNames.nav),
+      button_previous: cn2(buttonVariants2({ variant: buttonVariant }), parts.button_previous, defaultClassNames.button_previous),
+      button_next: cn2(buttonVariants2({ variant: buttonVariant }), parts.button_next, defaultClassNames.button_next),
+      month_caption: cn2(parts.month_caption, defaultClassNames.month_caption),
+      dropdowns: cn2(parts.dropdowns, defaultClassNames.dropdowns),
+      dropdown_root: cn2(parts.dropdown_root, defaultClassNames.dropdown_root),
+      dropdown: cn2(parts.dropdown, defaultClassNames.dropdown),
+      caption_label: cn2(parts.caption_label, captionLayout === `label` ? CALENDAR_CLASSES.captionLabel.label : CALENDAR_CLASSES.captionLabel.dropdown, defaultClassNames.caption_label),
+      table: parts.table,
+      weekdays: cn2(parts.weekdays, defaultClassNames.weekdays),
+      weekday: cn2(parts.weekday, defaultClassNames.weekday),
+      week: cn2(parts.week, defaultClassNames.week),
+      week_number_header: cn2(parts.week_number_header, defaultClassNames.week_number_header),
+      week_number: cn2(parts.week_number, defaultClassNames.week_number),
+      day: cn2(parts.day, props.showWeekNumber ? CALENDAR_CLASSES.dayFirst.weekNumbers : CALENDAR_CLASSES.dayFirst.plain, defaultClassNames.day),
+      range_start: cn2(parts.range_start, defaultClassNames.range_start),
+      range_middle: cn2(parts.range_middle, defaultClassNames.range_middle),
+      range_end: cn2(parts.range_end, defaultClassNames.range_end),
+      today: cn2(parts.today, defaultClassNames.today),
+      outside: cn2(parts.outside, defaultClassNames.outside),
+      disabled: cn2(parts.disabled, defaultClassNames.disabled),
+      hidden: cn2(parts.hidden, defaultClassNames.hidden),
+      ...classNames
+    },
+    components: {
+      Root: ({ className, rootRef, ...props }) => {
+        return /* @__PURE__ */ jsx7("div", {
+          "data-slot": "calendar",
+          ref: rootRef,
+          className: cn2(className),
+          ...props
+        });
+      },
+      Chevron: ({ className, orientation, ...props }) => {
+        if (orientation === `left`) {
+          return /* @__PURE__ */ jsx7(ChevronLeftIcon, {
+            className: cn2(CALENDAR_CLASSES.chevron, className),
+            ...props
+          });
+        }
+        if (orientation === `right`) {
+          return /* @__PURE__ */ jsx7(ChevronRightIcon, {
+            className: cn2(CALENDAR_CLASSES.chevron, className),
+            ...props
+          });
+        }
+        return /* @__PURE__ */ jsx7(ChevronDownIcon, {
+          className: cn2(CALENDAR_CLASSES.chevron, className),
+          ...props
+        });
+      },
+      DayButton: CalendarDayButton,
+      WeekNumber: ({ children, ...props }) => {
+        return /* @__PURE__ */ jsx7("td", {
+          ...props,
+          children: /* @__PURE__ */ jsx7("div", {
+            className: CALENDAR_CLASSES.weekNumber,
+            children
+          })
+        });
+      },
+      ...components
+    },
+    ...props
+  });
+}
+function CalendarDayButton({
+  className,
+  day,
+  modifiers,
+  ...props
+}) {
+  const defaultClassNames = getDefaultClassNames();
+  const ref = React.useRef(null);
+  React.useEffect(() => {
+    if (modifiers.focused)
+      ref.current?.focus();
+  }, [modifiers.focused]);
+  return /* @__PURE__ */ jsx7(Button, {
+    ref,
+    variant: "ghost",
+    size: "icon",
+    "data-day": day.date.toLocaleDateString(),
+    "data-selected-single": modifiers.selected && !modifiers.range_start && !modifiers.range_end && !modifiers.range_middle,
+    "data-range-start": modifiers.range_start,
+    "data-range-end": modifiers.range_end,
+    "data-range-middle": modifiers.range_middle,
+    className: cn2(CALENDAR_CLASSES.dayButton, defaultClassNames.day, className),
+    ...props
+  });
+}
+// packages/exponential-ui-react/src/primitives/card.tsx
+import { CARD_CLASSES } from "@exponential_app/eui/web/primitives";
+import { jsx as jsx8 } from "react/jsx-runtime";
+function Card({ className, ...props }) {
+  return /* @__PURE__ */ jsx8("div", {
+    "data-slot": "card",
+    className: cn2(CARD_CLASSES.root, className),
+    ...props
+  });
+}
+function CardHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsx8("div", {
+    "data-slot": "card-header",
+    className: cn2(CARD_CLASSES.header, className),
+    ...props
+  });
+}
+function CardTitle({ className, ...props }) {
+  return /* @__PURE__ */ jsx8("div", {
+    "data-slot": "card-title",
+    className: cn2(CARD_CLASSES.title, className),
+    ...props
+  });
+}
+function CardDescription({ className, ...props }) {
+  return /* @__PURE__ */ jsx8("div", {
+    "data-slot": "card-description",
+    className: cn2(CARD_CLASSES.description, className),
+    ...props
+  });
+}
+function CardAction({ className, ...props }) {
+  return /* @__PURE__ */ jsx8("div", {
+    "data-slot": "card-action",
+    className: cn2(CARD_CLASSES.action, className),
+    ...props
+  });
+}
+function CardContent({ className, ...props }) {
+  return /* @__PURE__ */ jsx8("div", {
+    "data-slot": "card-content",
+    className: cn2(CARD_CLASSES.content, className),
+    ...props
+  });
+}
+function CardFooter({ className, ...props }) {
+  return /* @__PURE__ */ jsx8("div", {
+    "data-slot": "card-footer",
+    className: cn2(CARD_CLASSES.footer, className),
+    ...props
+  });
+}
+// packages/exponential-ui-react/src/primitives/checkbox.tsx
+import { CheckIcon } from "lucide-react";
+import { Checkbox as CheckboxPrimitive } from "radix-ui";
+import { CHECKBOX_CLASSES } from "@exponential_app/eui/web/primitives";
+import { jsx as jsx9 } from "react/jsx-runtime";
+function Checkbox({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx9(CheckboxPrimitive.Root, {
+    "data-slot": "checkbox",
+    className: cn2(CHECKBOX_CLASSES.root, className),
+    ...props,
+    children: /* @__PURE__ */ jsx9(CheckboxPrimitive.Indicator, {
+      "data-slot": "checkbox-indicator",
+      className: CHECKBOX_CLASSES.indicator,
+      children: /* @__PURE__ */ jsx9(CheckIcon, {
+        className: CHECKBOX_CLASSES.icon
+      })
+    })
+  });
+}
+// packages/exponential-ui-react/src/primitives/code-block.tsx
+import * as React2 from "react";
+import { Check, Copy } from "lucide-react";
+import { tokenizeCode } from "@exponential_app/eui";
+import { CODE_BLOCK_CLASSES, CODE_TOKEN_CLASS, codeBlockLineVariants, codeBlockVariants } from "@exponential_app/eui/web/primitives";
+import { jsx as jsx10, jsxs as jsxs3, Fragment } from "react/jsx-runtime";
+function CodeBlock({
+  className,
+  variant = `default`,
+  size = `default`,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx10("div", {
+    "data-slot": "code-block",
+    "data-variant": variant,
+    "data-size": size,
+    className: cn2(codeBlockVariants({ variant }), className),
+    ...props
+  });
+}
+function CodeBlockHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsx10("div", {
+    "data-slot": "code-block-header",
+    className: cn2(CODE_BLOCK_CLASSES.header, className),
+    ...props
+  });
+}
+function CodeBlockTitle({ className, ...props }) {
+  return /* @__PURE__ */ jsx10("div", {
+    "data-slot": "code-block-title",
+    className: cn2(CODE_BLOCK_CLASSES.title, className),
+    ...props
+  });
+}
+function CodeBlockActions({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx10("div", {
+    "data-slot": "code-block-actions",
+    className: cn2(CODE_BLOCK_CLASSES.actions, className),
+    ...props
+  });
+}
+function CodeBlockCopyButton({
+  value,
+  variant = `ghost`,
+  size = `icon-xs`,
+  className,
+  onClick,
+  labels = { copy: `Copy`, copied: `Copied` },
+  ...props
+}) {
+  const [copied, setCopied] = React2.useState(false);
+  React2.useEffect(() => {
+    if (!copied)
+      return;
+    const timeout = setTimeout(() => setCopied(false), 2000);
+    return () => clearTimeout(timeout);
+  }, [copied]);
+  return /* @__PURE__ */ jsxs3(Fragment, {
+    children: [
+      /* @__PURE__ */ jsx10(Button, {
+        "data-slot": "code-block-copy-button",
+        "data-copied": copied || undefined,
+        variant,
+        size,
+        "aria-label": copied ? labels.copied : labels.copy,
+        className: cn2(className),
+        onClick: (event) => {
+          onClick?.(event);
+          const clipboard = typeof navigator === `undefined` ? undefined : navigator.clipboard;
+          if (!clipboard?.writeText)
+            return;
+          clipboard.writeText(value).then(() => setCopied(true)).catch(() => {});
+        },
+        ...props,
+        children: copied ? /* @__PURE__ */ jsx10(Check, {}) : /* @__PURE__ */ jsx10(Copy, {})
+      }),
+      /* @__PURE__ */ jsx10("span", {
+        "aria-live": "polite",
+        className: CODE_BLOCK_CLASSES.srOnly,
+        children: copied ? labels.copied : ``
+      })
+    ]
+  });
+}
+function CodeBlockContent({
+  className,
+  children,
+  style,
+  wrap = false,
+  lineNumbers = false,
+  startLine = 1,
+  language,
+  maxLines = 16,
+  ...props
+}) {
+  const source = typeof children === `string` ? children : null;
+  const lines = React2.useMemo(() => source !== null && language ? tokenizeCode(source.replace(/\n$/, ``), language) : null, [source, language]);
+  return /* @__PURE__ */ jsx10("pre", {
+    "data-slot": "code-block-content",
+    "data-wrap": wrap || undefined,
+    "data-numbered": lineNumbers || undefined,
+    "data-language": language,
+    dir: "ltr",
+    tabIndex: 0,
+    style: {
+      counterReset: `line ${startLine - 1}`,
+      ...maxLines > 0 ? { maxHeight: `calc(${maxLines}lh + var(--code-block-pad, 1.5rem))` } : null,
+      ...style
+    },
+    className: cn2(CODE_BLOCK_CLASSES.content, className),
+    ...props,
+    children: /* @__PURE__ */ jsx10("code", {
+      "data-slot": "code-block-code",
+      className: CODE_BLOCK_CLASSES.code,
+      children: lines !== null ? lines.map((tokens, index) => /* @__PURE__ */ jsx10(CodeBlockLine, {
+        children: tokens.length === 0 ? null : tokens.map((token, j) => /* @__PURE__ */ jsx10("span", {
+          "data-token": token.kind,
+          className: cn2(CODE_TOKEN_CLASS[token.kind], CODE_BLOCK_CLASSES.token),
+          children: token.text
+        }, j))
+      }, index)) : lineNumbers && source !== null ? source.replace(/\n$/, ``).split(`
+`).map((line, index) => /* @__PURE__ */ jsx10(CodeBlockLine, {
+        children: line
+      }, index)) : children
+    })
+  });
+}
+function CodeBlockLine({
+  className,
+  variant = `default`,
+  children,
+  ...props
+}) {
+  const empty = children === undefined || children === null || children === `` || Array.isArray(children) && children.length === 0;
+  return /* @__PURE__ */ jsx10("span", {
+    "data-slot": "code-block-line",
+    "data-variant": variant,
+    className: cn2(codeBlockLineVariants({ variant }), className),
+    ...props,
+    children: /* @__PURE__ */ jsx10("span", {
+      "data-slot": "code-block-line-content",
+      className: CODE_BLOCK_CLASSES.lineContent,
+      children: empty ? `
+` : children
+    })
+  });
+}
+function CodeBlockFooter({ className, ...props }) {
+  return /* @__PURE__ */ jsx10("div", {
+    "data-slot": "code-block-footer",
+    className: cn2(CODE_BLOCK_CLASSES.footer, className),
+    ...props
+  });
+}
+// packages/exponential-ui-react/src/primitives/collapsible.tsx
+import { Collapsible as CollapsiblePrimitive } from "radix-ui";
+import { jsx as jsx11 } from "react/jsx-runtime";
+function Collapsible({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx11(CollapsiblePrimitive.Root, {
+    "data-slot": "collapsible",
+    ...props
+  });
+}
+function CollapsibleTrigger({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx11(CollapsiblePrimitive.Trigger, {
+    "data-slot": "collapsible-trigger",
+    ...props
+  });
+}
+function CollapsibleContent({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx11(CollapsiblePrimitive.Content, {
+    "data-slot": "collapsible-content",
+    ...props
+  });
+}
+// packages/exponential-ui-react/src/primitives/command.tsx
+import * as React3 from "react";
+import { CircleXIcon, SearchIcon } from "lucide-react";
+import { COMMAND_CLASSES, COMMAND_LABEL_STYLE, COMMAND_SELECT_EVENT, commandItemValue, createCommandStore, observeCommandListHeight } from "@exponential_app/eui/web/primitives";
+import { jsx as jsx12, jsxs as jsxs4 } from "react/jsx-runtime";
+"use client";
+var CommandContext = React3.createContext(null);
+var GroupContext = React3.createContext(null);
+function useRoot() {
+  const ctx = React3.useContext(CommandContext);
+  if (!ctx)
+    throw new Error(`Command parts must sit inside <Command>`);
+  return ctx;
+}
+function useStore(store) {
+  React3.useSyncExternalStore(store.subscribe, () => store.version, () => store.version);
+}
+function Command({ className, value, defaultValue, onValueChange, filter, shouldFilter, loop, label, children, onKeyDown, ...props }) {
+  const latest = React3.useRef({ value, onValueChange, filter, shouldFilter, loop });
+  latest.current = { value, onValueChange, filter, shouldFilter, loop };
+  const [, setTick] = React3.useState(0);
+  const [store] = React3.useState(() => {
+    const s = createCommandStore({ props: () => latest.current, schedule: () => setTick((t) => t + 1) });
+    if (value === undefined && defaultValue !== undefined)
+      s.setValue(defaultValue.trim());
+    return s;
+  });
+  useStore(store);
+  React3.useLayoutEffect(() => {
+    store.syncValue();
+  }, [store, value]);
+  React3.useLayoutEffect(() => store.flush());
+  const listId = React3.useId();
+  const inputId = React3.useId();
+  const labelId = React3.useId();
+  const ctx = React3.useMemo(() => ({ store, listId, inputId, labelId }), [store, listId, inputId, labelId]);
+  return /* @__PURE__ */ jsxs4("div", {
+    "data-slot": "command",
+    tabIndex: -1,
+    className: cn2(COMMAND_CLASSES.root, className),
+    ...props,
+    onKeyDown: (e) => {
+      onKeyDown?.(e);
+      store.onKeyDown(e.nativeEvent);
+    },
+    children: [
+      /* @__PURE__ */ jsx12("label", {
+        "data-slot": "command-label",
+        htmlFor: inputId,
+        id: labelId,
+        style: COMMAND_LABEL_STYLE,
+        children: label
+      }),
+      /* @__PURE__ */ jsx12(CommandContext.Provider, {
+        value: ctx,
+        children
+      })
+    ]
+  });
+}
+function CommandInput({ className, value, defaultValue, onValueChange, clearLabel, ref, ...props }) {
+  const { store, listId, inputId, labelId } = useRoot();
+  useStore(store);
+  const input = React3.useRef(null);
+  const controlled = value !== undefined;
+  React3.useState(() => store.setSearch(controlled ? value : defaultValue ?? ``, true));
+  React3.useEffect(() => {
+    if (controlled)
+      store.setSearch(value);
+  }, [controlled, value, store]);
+  const shown = controlled ? value : store.search;
+  const change = (next) => {
+    if (!controlled)
+      store.setSearch(next);
+    onValueChange?.(next);
+  };
+  return /* @__PURE__ */ jsxs4("div", {
+    "data-slot": "command-input-wrapper",
+    className: COMMAND_CLASSES.inputWrapper,
+    children: [
+      /* @__PURE__ */ jsx12(SearchIcon, {
+        className: COMMAND_CLASSES.inputGlyph
+      }),
+      /* @__PURE__ */ jsx12("input", {
+        ref: (node) => {
+          input.current = node;
+          if (typeof ref === `function`)
+            ref(node);
+          else if (ref)
+            ref.current = node;
+        },
+        "data-slot": "command-input",
+        className: cn2(COMMAND_CLASSES.input, className),
+        ...props,
+        autoComplete: "off",
+        autoCorrect: "off",
+        spellCheck: false,
+        "aria-autocomplete": "list",
+        role: "combobox",
+        "aria-expanded": true,
+        "aria-controls": listId,
+        "aria-labelledby": labelId,
+        "aria-activedescendant": store.selectedId,
+        id: inputId,
+        type: "text",
+        value: shown,
+        onChange: (e) => change(e.target.value)
+      }),
+      shown !== `` ? /* @__PURE__ */ jsx12("button", {
+        type: "button",
+        "data-slot": "command-input-clear",
+        "aria-label": clearLabel ?? `Clear search`,
+        className: COMMAND_CLASSES.inputClear,
+        onClick: () => {
+          change(``);
+          input.current?.focus();
+        },
+        children: /* @__PURE__ */ jsx12(CircleXIcon, {})
+      }) : null
+    ]
+  });
+}
+function CommandList({ className, children, "aria-label": ariaLabel, ...props }) {
+  const { store, listId } = useRoot();
+  useStore(store);
+  const list = React3.useRef(null);
+  const sizer = React3.useRef(null);
+  React3.useEffect(() => {
+    if (list.current && sizer.current)
+      return observeCommandListHeight(list.current, sizer.current);
+  }, []);
+  return /* @__PURE__ */ jsx12("div", {
+    ref: list,
+    "data-slot": "command-list",
+    className: cn2(COMMAND_CLASSES.list, className),
+    ...props,
+    role: "listbox",
+    tabIndex: -1,
+    "aria-activedescendant": store.selectedId,
+    "aria-label": ariaLabel ?? `Suggestions`,
+    id: listId,
+    children: /* @__PURE__ */ jsx12("div", {
+      ref: (node) => {
+        sizer.current = node;
+        store.setSizer(node);
+      },
+      "data-slot": "command-list-sizer",
+      children
+    })
+  });
+}
+function CommandEmpty({ className, ...props }) {
+  const { store } = useRoot();
+  useStore(store);
+  return store.empty() ? /* @__PURE__ */ jsx12("div", {
+    "data-slot": "command-empty",
+    className: cn2(COMMAND_CLASSES.empty, className),
+    ...props,
+    role: "presentation"
+  }) : null;
+}
+function CommandGroup({ className, heading, value, forceMount, children, ...props }) {
+  const { store } = useRoot();
+  useStore(store);
+  const id = React3.useId();
+  const headingId = React3.useId();
+  const el = React3.useRef(null);
+  const [seq] = React3.useState(() => store.nextSeq());
+  React3.useLayoutEffect(() => store.register({ id, kind: `group`, seq }), [store, id, seq]);
+  React3.useLayoutEffect(() => store.update(id, { el: el.current }));
+  const visible = forceMount || store.groupVisible(id);
+  const groupValue = value ?? (typeof heading === `string` ? heading : undefined);
+  const ctx = React3.useMemo(() => ({ id, forceMount }), [id, forceMount]);
+  return /* @__PURE__ */ jsxs4("div", {
+    ref: el,
+    "data-slot": "command-group",
+    className: cn2(COMMAND_CLASSES.group, className),
+    ...props,
+    role: "presentation",
+    "data-value": groupValue,
+    hidden: visible ? undefined : true,
+    children: [
+      heading ? /* @__PURE__ */ jsx12("div", {
+        "data-slot": "command-group-heading",
+        className: COMMAND_CLASSES.groupHeading,
+        "aria-hidden": true,
+        id: headingId,
+        children: heading
+      }) : null,
+      /* @__PURE__ */ jsx12("div", {
+        "data-slot": "command-group-items",
+        role: "group",
+        "aria-labelledby": heading ? headingId : undefined,
+        children: /* @__PURE__ */ jsx12(GroupContext.Provider, {
+          value: ctx,
+          children
+        })
+      })
+    ]
+  });
+}
+function CommandItem({ className, value, keywords, onSelect, disabled, forceMount, children, ...props }) {
+  const { store } = useRoot();
+  useStore(store);
+  const group = React3.useContext(GroupContext);
+  const id = React3.useId();
+  const el = React3.useRef(null);
+  const [seq] = React3.useState(() => store.nextSeq());
+  const known = React3.useRef(``);
+  const forced = forceMount ?? group?.forceMount ?? false;
+  React3.useLayoutEffect(() => store.register({ id, kind: `item`, seq, group: group?.id, forceMount: forced }), [store, id, seq, group?.id, forced]);
+  const own = commandItemValue(value, children, el.current, known.current);
+  React3.useLayoutEffect(() => {
+    const next = commandItemValue(value, children, el.current, known.current);
+    known.current = next;
+    store.update(id, { el: el.current, value: next, keywords: keywords?.map((k) => k.trim()), disabled });
+  });
+  const select = React3.useRef(() => {});
+  select.current = () => {
+    const v = known.current;
+    store.setValue(v, { pointer: true });
+    onSelect?.(v);
+  };
+  React3.useEffect(() => {
+    const node = el.current;
+    if (!node || disabled)
+      return;
+    const listener = () => select.current();
+    node.addEventListener(COMMAND_SELECT_EVENT, listener);
+    return () => node.removeEventListener(COMMAND_SELECT_EVENT, listener);
+  });
+  const visible = forced || store.score(own, keywords) > 0;
+  if (!visible)
+    return null;
+  const selected = own !== `` && store.value === own;
+  return /* @__PURE__ */ jsx12("div", {
+    ref: el,
+    "data-slot": "command-item",
+    className: cn2(COMMAND_CLASSES.item, className),
+    ...props,
+    id,
+    role: "option",
+    "aria-disabled": Boolean(disabled),
+    "aria-selected": selected,
+    "data-disabled": Boolean(disabled),
+    "data-selected": selected,
+    "data-value": own || undefined,
+    onPointerMove: disabled ? undefined : () => store.setValue(known.current, { pointer: true }),
+    onClick: disabled ? undefined : () => select.current(),
+    children
+  });
+}
+function CommandSeparator({ className, alwaysRender, ...props }) {
+  const { store } = useRoot();
+  useStore(store);
+  const id = React3.useId();
+  const [seq] = React3.useState(() => store.nextSeq());
+  const el = React3.useRef(null);
+  React3.useLayoutEffect(() => store.register({ id, kind: `separator`, seq }), [store, id, seq]);
+  React3.useLayoutEffect(() => store.update(id, { el: el.current }));
+  if (!alwaysRender && store.search !== ``)
+    return null;
+  return /* @__PURE__ */ jsx12("div", {
+    ref: el,
+    "data-slot": "command-separator",
+    className: cn2(COMMAND_CLASSES.separator, className),
+    ...props,
+    role: "separator"
+  });
+}
+function CommandShortcut({ className, ...props }) {
+  return /* @__PURE__ */ jsx12("span", {
+    "data-slot": "command-shortcut",
+    className: cn2(COMMAND_CLASSES.shortcut, className),
+    ...props
+  });
+}
+// packages/exponential-ui-react/src/primitives/context-ring.tsx
+import { forwardRef } from "react";
+import { CONTEXT_RING_CLASSES, RING_RADIUS, RING_SIZE, RING_STROKE, RING_TONE_CLASS, ringGeometry } from "@exponential_app/eui/web/primitives";
+import { RING_RADIUS as RING_RADIUS2, RING_SIZE as RING_SIZE2, RING_STROKE as RING_STROKE2, RING_TONE_CLASS as RING_TONE_CLASS2, ringGeometry as ringGeometry2 } from "@exponential_app/eui/web/primitives";
+import { jsx as jsx13, jsxs as jsxs5 } from "react/jsx-runtime";
+var ContextRing = forwardRef(function ContextRing({ percent, tone, showEmpty = false, className, ...props }, ref) {
+  const value = percent ?? null;
+  if (value === null && !showEmpty)
+    return null;
+  const { circumference, dashOffset } = ringGeometry(value ?? 0);
+  return /* @__PURE__ */ jsx13(Button, {
+    ref,
+    type: "button",
+    variant: "ghost",
+    size: "icon-xs",
+    "aria-label": "Usage",
+    title: "Usage",
+    "data-testid": "session-context-ring",
+    className: cn2(CONTEXT_RING_CLASSES.root, value === null ? RING_TONE_CLASS.normal : RING_TONE_CLASS[tone ?? `normal`], className),
+    ...props,
+    children: /* @__PURE__ */ jsxs5("svg", {
+      viewBox: `0 0 ${RING_SIZE} ${RING_SIZE}`,
+      width: RING_SIZE,
+      height: RING_SIZE,
+      "aria-hidden": true,
+      className: CONTEXT_RING_CLASSES.svg,
+      children: [
+        /* @__PURE__ */ jsx13("circle", {
+          cx: RING_SIZE / 2,
+          cy: RING_SIZE / 2,
+          r: RING_RADIUS,
+          fill: "none",
+          stroke: "currentColor",
+          strokeWidth: RING_STROKE,
+          opacity: 0.2
+        }),
+        value !== null && /* @__PURE__ */ jsx13("circle", {
+          cx: RING_SIZE / 2,
+          cy: RING_SIZE / 2,
+          r: RING_RADIUS,
+          fill: "none",
+          stroke: "currentColor",
+          strokeWidth: RING_STROKE,
+          strokeLinecap: "round",
+          strokeDasharray: circumference,
+          strokeDashoffset: dashOffset
+        })
+      ]
+    })
+  });
+});
+// packages/exponential-ui-react/src/primitives/dialog.tsx
+import * as React7 from "react";
+import { XIcon as XIcon2 } from "lucide-react";
+import { Dialog as DialogPrimitive } from "radix-ui";
+import { DIALOG_CLASSES, DIALOG_PHONE_QUERY, isTypeaheadPortalInteraction as isTypeaheadPortalInteraction2 } from "@exponential_app/eui/web/primitives";
+
+// packages/exponential-ui-react/src/primitives/dialog-arms.ts
+import { MOBILE_ALERT, MOBILE_ARMS, MOBILE_PAGE, MOBILE_SHEET, MOBILE_SHEET_FULL } from "@exponential_app/eui/web/primitives";
+
+// packages/exponential-ui-react/src/primitives/sheet-chrome.tsx
+import * as React4 from "react";
+import { SHEET_CHROME_CLASSES } from "@exponential_app/eui/web/primitives";
+import { jsx as jsx14 } from "react/jsx-runtime";
+var SheetDragContext = React4.createContext(null);
+function SheetDragProvider({
+  value,
+  children
+}) {
+  return /* @__PURE__ */ jsx14(SheetDragContext.Provider, {
+    value,
+    children
+  });
+}
+function useSheetDragHandleProps() {
+  return React4.useContext(SheetDragContext);
+}
+function SheetGrabber({
+  className,
+  ...props
+}) {
+  const drag = useSheetDragHandleProps();
+  return /* @__PURE__ */ jsx14("div", {
+    "data-slot": "sheet-grabber",
+    "aria-hidden": true,
+    ...drag,
+    ...props,
+    className: cn2(SHEET_CHROME_CLASSES.grabber, className)
+  });
+}
+
+// packages/exponential-ui-react/src/primitives/sheet.tsx
+import * as React6 from "react";
+import { XIcon } from "lucide-react";
+import { Dialog as SheetPrimitive } from "radix-ui";
+import { SHEET_CLASSES, isTypeaheadPortalInteraction } from "@exponential_app/eui/web/primitives";
+
+// packages/exponential-ui-react/src/primitives/use-sheet-drag.ts
+import * as React5 from "react";
+var SHEET_MEDIA_QUERY = `(max-width: 639px)`;
+var DISMISS_DISTANCE_PX = 80;
+var DISMISS_VELOCITY = 0.6;
+var FLICK_DISTANCE_PX = 24;
+var DISMISS_ANIMATION_MS = 180;
+var DISMISS_TRANSITION = `transform var(--motion-duration-standard, ${DISMISS_ANIMATION_MS}ms) var(--motion-ease-accelerate, cubic-bezier(0.3, 0, 1, 1))`;
+var SNAP_BACK_TRANSITION = `transform var(--motion-duration-standard, ${DISMISS_ANIMATION_MS}ms) var(--motion-ease-decelerate, cubic-bezier(0, 0, 0.2, 1))`;
+function shouldDismissSheet(dy, dtMs) {
+  if (dy > DISMISS_DISTANCE_PX) {
+    return true;
+  }
+  if (dy <= FLICK_DISTANCE_PX) {
+    return false;
+  }
+  return dtMs > 0 && dy / dtMs > DISMISS_VELOCITY;
+}
+function useSheetDrag({
+  panelRef,
+  onDismiss
+}) {
+  const drag = React5.useRef(null);
+  const paint = React5.useCallback((transform, transition) => {
+    const panel = panelRef.current;
+    if (!panel) {
+      return;
+    }
+    panel.style.transition = transition;
+    panel.style.transform = transform;
+  }, [panelRef]);
+  const release = React5.useCallback(() => {
+    const panel = panelRef.current;
+    if (!panel) {
+      return;
+    }
+    panel.style.transition = ``;
+    panel.style.transform = ``;
+  }, [panelRef]);
+  const handleProps = React5.useMemo(() => ({
+    style: { touchAction: `none` },
+    onPointerDown: (event) => {
+      if (typeof window === `undefined` || typeof window.matchMedia !== `function` || !window.matchMedia(SHEET_MEDIA_QUERY).matches) {
+        return;
+      }
+      drag.current = {
+        pointerId: event.pointerId,
+        y: event.clientY,
+        at: Date.now()
+      };
+      const target = event.currentTarget;
+      if (typeof target.setPointerCapture === `function`) {
+        target.setPointerCapture(event.pointerId);
+      }
+    },
+    onPointerMove: (event) => {
+      const started = drag.current;
+      if (!started || started.pointerId !== event.pointerId) {
+        return;
+      }
+      const dy = event.clientY - started.y;
+      paint(`translateY(${dy > 0 ? dy : dy / 4}px)`, `none`);
+    },
+    onPointerUp: (event) => {
+      const started = drag.current;
+      if (!started || started.pointerId !== event.pointerId) {
+        return;
+      }
+      drag.current = null;
+      const dy = event.clientY - started.y;
+      if (shouldDismissSheet(dy, Date.now() - started.at)) {
+        paint(`translateY(100%)`, DISMISS_TRANSITION);
+        window.setTimeout(() => {
+          onDismiss();
+          window.requestAnimationFrame(() => {
+            const panel = panelRef.current;
+            if (panel && panel.dataset.state === `open`) {
+              release();
+            }
+          });
+        }, DISMISS_ANIMATION_MS);
+        return;
+      }
+      paint(`translateY(0px)`, SNAP_BACK_TRANSITION);
+      window.setTimeout(release, DISMISS_ANIMATION_MS);
+    },
+    onPointerCancel: (event) => {
+      if (!drag.current || drag.current.pointerId !== event.pointerId) {
+        return;
+      }
+      drag.current = null;
+      release();
+    }
+  }), [onDismiss, paint, panelRef, release]);
+  return { handleProps };
+}
+
+// packages/exponential-ui-react/src/primitives/sheet.tsx
+import { jsx as jsx15, jsxs as jsxs6, Fragment as Fragment2 } from "react/jsx-runtime";
+function Sheet({ ...props }) {
+  return /* @__PURE__ */ jsx15(SheetPrimitive.Root, {
+    "data-slot": "sheet",
+    ...props
+  });
+}
+function SheetTrigger({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx15(SheetPrimitive.Trigger, {
+    "data-slot": "sheet-trigger",
+    ...props
+  });
+}
+function SheetClose({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx15(SheetPrimitive.Close, {
+    "data-slot": "sheet-close",
+    ...props
+  });
+}
+function SheetPortal({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx15(SheetPrimitive.Portal, {
+    "data-slot": "sheet-portal",
+    ...props
+  });
+}
+function SheetOverlay({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx15(SheetPrimitive.Overlay, {
+    "data-slot": "sheet-overlay",
+    className: cn2(SHEET_CLASSES.overlay, className),
+    ...props
+  });
+}
+function SheetContent({
+  className,
+  children,
+  side = `right`,
+  showCloseButton = side !== `bottom`,
+  showGrabber = side === `bottom`,
+  ref,
+  onInteractOutside,
+  ...props
+}) {
+  const panelRef = React6.useRef(null);
+  const dragCloseRef = React6.useRef(null);
+  const onDragDismiss = React6.useCallback(() => {
+    dragCloseRef.current?.click();
+  }, []);
+  const { handleProps } = useSheetDrag({ panelRef, onDismiss: onDragDismiss });
+  const setPanel = React6.useCallback((node) => {
+    panelRef.current = node;
+    if (typeof ref === `function`) {
+      ref(node);
+    } else if (ref) {
+      ref.current = node;
+    }
+  }, [ref]);
+  return /* @__PURE__ */ jsxs6(SheetPortal, {
+    children: [
+      /* @__PURE__ */ jsx15(SheetPrimitive.Close, {
+        asChild: true,
+        children: /* @__PURE__ */ jsx15(SheetOverlay, {})
+      }),
+      /* @__PURE__ */ jsx15(SheetPrimitive.Content, {
+        "data-slot": "sheet-content",
+        "data-side": side,
+        ref: setPanel,
+        className: cn2(SHEET_CLASSES.content, SHEET_CLASSES.sides[side], className),
+        onInteractOutside: (event) => {
+          onInteractOutside?.(event);
+          if (!event.defaultPrevented && isTypeaheadPortalInteraction(event)) {
+            event.preventDefault();
+          }
+        },
+        ...props,
+        children: /* @__PURE__ */ jsxs6(SheetDragProvider, {
+          value: side === `bottom` ? handleProps : null,
+          children: [
+            showGrabber && /* @__PURE__ */ jsxs6(Fragment2, {
+              children: [
+                /* @__PURE__ */ jsx15(SheetGrabber, {}),
+                /* @__PURE__ */ jsx15(SheetPrimitive.Close, {
+                  ref: dragCloseRef,
+                  "aria-hidden": true,
+                  tabIndex: -1,
+                  className: SHEET_CLASSES.dragClose
+                })
+              ]
+            }),
+            children,
+            showCloseButton && /* @__PURE__ */ jsxs6(SheetPrimitive.Close, {
+              className: SHEET_CLASSES.close,
+              children: [
+                /* @__PURE__ */ jsx15(XIcon, {
+                  className: SHEET_CLASSES.closeIcon
+                }),
+                /* @__PURE__ */ jsx15("span", {
+                  className: SHEET_CLASSES.srOnly,
+                  children: "Close"
+                })
+              ]
+            })
+          ]
+        })
+      })
+    ]
+  });
+}
+function SheetHeader({ className, ...props }) {
+  const drag = useSheetDragHandleProps();
+  return /* @__PURE__ */ jsx15("div", {
+    "data-slot": "sheet-header",
+    ...drag,
+    className: cn2(SHEET_CLASSES.header, className),
+    ...props
+  });
+}
+function SheetFooter({ className, ...props }) {
+  return /* @__PURE__ */ jsx15("div", {
+    "data-slot": "sheet-footer",
+    className: cn2(SHEET_CLASSES.footer, className),
+    ...props
+  });
+}
+function SheetTitle({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx15(SheetPrimitive.Title, {
+    "data-slot": "sheet-title",
+    className: cn2(SHEET_CLASSES.title, className),
+    ...props
+  });
+}
+function SheetDescription({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx15(SheetPrimitive.Description, {
+    "data-slot": "sheet-description",
+    className: cn2(SHEET_CLASSES.description, className),
+    ...props
+  });
+}
+
+// packages/exponential-ui-react/src/primitives/use-media-query.ts
+import { useCallback as useCallback3, useSyncExternalStore as useSyncExternalStore2 } from "react";
+function useMediaQuery(query) {
+  const subscribe = useCallback3((onChange) => {
+    if (typeof window === `undefined` || typeof window.matchMedia !== `function`)
+      return () => {};
+    const mql = window.matchMedia(query);
+    mql.addEventListener(`change`, onChange);
+    return () => mql.removeEventListener(`change`, onChange);
+  }, [query]);
+  const read = () => typeof window !== `undefined` && typeof window.matchMedia === `function` && window.matchMedia(query).matches;
+  return useSyncExternalStore2(subscribe, read, () => false);
+}
+
+// packages/exponential-ui-react/src/primitives/dialog.tsx
+import { jsx as jsx16, jsxs as jsxs7, Fragment as Fragment3 } from "react/jsx-runtime";
+function Dialog({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx16(DialogPrimitive.Root, {
+    "data-slot": "dialog",
+    ...props
+  });
+}
+function DialogTrigger({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx16(DialogPrimitive.Trigger, {
+    "data-slot": "dialog-trigger",
+    ...props
+  });
+}
+function DialogPortal({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx16(DialogPrimitive.Portal, {
+    "data-slot": "dialog-portal",
+    ...props
+  });
+}
+function DialogClose({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx16(DialogPrimitive.Close, {
+    "data-slot": "dialog-close",
+    ...props
+  });
+}
+function DialogOverlay({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx16(DialogPrimitive.Overlay, {
+    "data-slot": "dialog-overlay",
+    className: cn2(DIALOG_CLASSES.overlay, className),
+    ...props
+  });
+}
+var DialogPresentationContext = React7.createContext(null);
+function DialogContent({
+  className,
+  children,
+  showCloseButton = true,
+  mobile = `sheet`,
+  ref,
+  onInteractOutside,
+  ...props
+}) {
+  const isSheet = mobile === `sheet` || mobile === `sheet-full`;
+  const panelRef = React7.useRef(null);
+  const dragCloseRef = React7.useRef(null);
+  const onDragDismiss = React7.useCallback(() => {
+    dragCloseRef.current?.click();
+  }, []);
+  const { handleProps } = useSheetDrag({ panelRef, onDismiss: onDragDismiss });
+  const setPanel = React7.useCallback((node) => {
+    panelRef.current = node;
+    if (typeof ref === `function`) {
+      ref(node);
+    } else if (ref) {
+      ref.current = node;
+    }
+  }, [ref]);
+  const isPhone = useMediaQuery(DIALOG_PHONE_QUERY);
+  if (isSheet && isPhone) {
+    return /* @__PURE__ */ jsx16(SheetContent, {
+      side: "bottom",
+      "data-slot": "dialog-content",
+      "data-mobile": mobile,
+      ref,
+      className: cn2(DIALOG_CLASSES.phoneSheet, mobile === `sheet-full` && DIALOG_CLASSES.phoneSheetFull, className),
+      onInteractOutside,
+      ...props,
+      children: /* @__PURE__ */ jsx16(DialogPresentationContext.Provider, {
+        value: mobile,
+        children
+      })
+    });
+  }
+  return /* @__PURE__ */ jsxs7(DialogPortal, {
+    "data-slot": "dialog-portal",
+    children: [
+      /* @__PURE__ */ jsx16(DialogOverlay, {}),
+      /* @__PURE__ */ jsx16(DialogPrimitive.Content, {
+        "data-slot": "dialog-content",
+        "data-mobile": mobile,
+        ref: setPanel,
+        className: cn2(DIALOG_CLASSES.content, MOBILE_ARMS[mobile], className),
+        onInteractOutside: (event) => {
+          onInteractOutside?.(event);
+          if (!event.defaultPrevented && isTypeaheadPortalInteraction2(event)) {
+            event.preventDefault();
+          }
+        },
+        ...props,
+        children: /* @__PURE__ */ jsx16(DialogPresentationContext.Provider, {
+          value: mobile,
+          children: /* @__PURE__ */ jsxs7(SheetDragProvider, {
+            value: isSheet ? handleProps : null,
+            children: [
+              isSheet && /* @__PURE__ */ jsxs7(Fragment3, {
+                children: [
+                  /* @__PURE__ */ jsx16(SheetGrabber, {
+                    className: DIALOG_CLASSES.grabber
+                  }),
+                  /* @__PURE__ */ jsx16(DialogPrimitive.Close, {
+                    ref: dragCloseRef,
+                    "aria-hidden": true,
+                    tabIndex: -1,
+                    className: DIALOG_CLASSES.dragClose
+                  })
+                ]
+              }),
+              children,
+              showCloseButton && /* @__PURE__ */ jsxs7(DialogPrimitive.Close, {
+                "data-slot": "dialog-close",
+                className: cn2(DIALOG_CLASSES.close, mobile !== `page` && DIALOG_CLASSES.closePhoneHidden),
+                children: [
+                  /* @__PURE__ */ jsx16(XIcon2, {}),
+                  /* @__PURE__ */ jsx16("span", {
+                    className: DIALOG_CLASSES.srOnly,
+                    children: "Close"
+                  })
+                ]
+              })
+            ]
+          })
+        })
+      })
+    ]
+  });
+}
+function DialogHeader({ className, ...props }) {
+  const drag = useSheetDragHandleProps();
+  return /* @__PURE__ */ jsx16("div", {
+    "data-slot": "dialog-header",
+    ...drag,
+    className: cn2(DIALOG_CLASSES.header, className),
+    ...props
+  });
+}
+function DialogBody({ className, ...props }) {
+  return /* @__PURE__ */ jsx16("div", {
+    "data-slot": "dialog-body",
+    className: cn2(DIALOG_CLASSES.body, className),
+    ...props
+  });
+}
+function DialogFooter({ className, ...props }) {
+  return /* @__PURE__ */ jsx16("div", {
+    "data-slot": "dialog-footer",
+    className: cn2(DIALOG_CLASSES.footer, className),
+    ...props
+  });
+}
+function DialogCancel({
+  className,
+  children = `Cancel`,
+  ...props
+}) {
+  const mobile = React7.useContext(DialogPresentationContext);
+  const keepOnMobile = mobile === `alert` || mobile === `page`;
+  return /* @__PURE__ */ jsx16(DialogPrimitive.Close, {
+    asChild: true,
+    children: /* @__PURE__ */ jsx16(Button, {
+      type: "button",
+      variant: "ghost",
+      "data-dialog-cancel": "",
+      className: cn2(!keepOnMobile && DIALOG_CLASSES.cancelPhoneHidden, className),
+      ...props,
+      children
+    })
+  });
+}
+function DialogTitle({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx16(DialogPrimitive.Title, {
+    "data-slot": "dialog-title",
+    className: cn2(DIALOG_CLASSES.title, className),
+    ...props
+  });
+}
+function DialogDescription({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx16(DialogPrimitive.Description, {
+    "data-slot": "dialog-description",
+    className: cn2(DIALOG_CLASSES.description, className),
+    ...props
+  });
+}
+// packages/exponential-ui-react/src/primitives/disclosure-header.tsx
+import { ChevronDown, ChevronRight as ChevronRight2 } from "lucide-react";
+import { DISCLOSURE_HEADER_CLASSES } from "@exponential_app/eui/web/primitives";
+import { jsx as jsx17, jsxs as jsxs8 } from "react/jsx-runtime";
+var ChevronRightGlyph = ChevronRight2;
+var ChevronDownGlyph = ChevronDown;
+function DisclosureHeader({
+  open,
+  onToggle,
+  chevron = `leading`,
+  className,
+  children,
+  ...props
+}) {
+  const Glyph = open ? ChevronDownGlyph : ChevronRightGlyph;
+  const glyph = /* @__PURE__ */ jsx17(Glyph, {
+    "data-slot": "disclosure-chevron",
+    className: cn2(DISCLOSURE_HEADER_CLASSES.chevron, chevron === `trailing` && DISCLOSURE_HEADER_CLASSES.chevronTrailing)
+  });
+  return /* @__PURE__ */ jsxs8("button", {
+    type: "button",
+    "data-slot": "disclosure-header",
+    "data-chevron": chevron,
+    "aria-expanded": open,
+    onClick: onToggle,
+    className: cn2(DISCLOSURE_HEADER_CLASSES.root, className),
+    ...props,
+    children: [
+      chevron === `leading` && glyph,
+      children,
+      chevron === `trailing` && glyph
+    ]
+  });
+}
+// packages/exponential-ui-react/src/primitives/dock-card.tsx
+import * as React8 from "react";
+import { ChevronRight as ChevronRight3 } from "lucide-react";
+import { DOCK_CARD_CLASSES, DOCK_PILE_CLASSES, dockPileGeometry } from "@exponential_app/eui/web/primitives";
+import { DOCK_CARD_CLASSES as DOCK_CARD_CLASSES2, DOCK_PILE_CLASSES as DOCK_PILE_CLASSES2, DOCK_PILE_CONSTANTS, dockPileGeometry as dockPileGeometry2 } from "@exponential_app/eui/web/primitives";
+import { jsx as jsx18, jsxs as jsxs9 } from "react/jsx-runtime";
+function DockCard({
+  tint = `muted`,
+  icon: Icon,
+  label,
+  caption,
+  meta,
+  title,
+  onOpen,
+  trailing,
+  hidden = false,
+  openLabel,
+  className,
+  onKeyDown,
+  ...props
+}) {
+  const pressable = onOpen !== undefined;
+  return /* @__PURE__ */ jsx18("div", {
+    "data-slot": "dock-card",
+    role: pressable ? `button` : undefined,
+    tabIndex: pressable && !hidden ? 0 : undefined,
+    "aria-label": pressable ? openLabel : undefined,
+    "aria-hidden": hidden ? true : undefined,
+    className: cn2(DOCK_CARD_CLASSES.root, pressable && DOCK_CARD_CLASSES.pressable, className),
+    onClick: onOpen,
+    onKeyDown: (event) => {
+      onKeyDown?.(event);
+      if (!pressable || event.defaultPrevented)
+        return;
+      if (event.key === `Enter` || event.key === ` `) {
+        event.preventDefault();
+        onOpen();
+      }
+    },
+    ...props,
+    children: /* @__PURE__ */ jsxs9("div", {
+      "data-slot": "dock-card-body",
+      "data-hidden": hidden ? `true` : `false`,
+      className: DOCK_CARD_CLASSES.body,
+      children: [
+        Icon && /* @__PURE__ */ jsx18(Icon, {
+          "aria-hidden": true,
+          "data-slot": "dock-card-icon",
+          className: cn2(DOCK_CARD_CLASSES.icon, DOCK_CARD_CLASSES.tint[tint])
+        }),
+        /* @__PURE__ */ jsxs9("div", {
+          className: DOCK_CARD_CLASSES.text,
+          children: [
+            /* @__PURE__ */ jsxs9("div", {
+              className: DOCK_CARD_CLASSES.header,
+              children: [
+                /* @__PURE__ */ jsx18("span", {
+                  "data-slot": "dock-card-label",
+                  className: cn2(DOCK_CARD_CLASSES.label, DOCK_CARD_CLASSES.tint[tint]),
+                  children: label
+                }),
+                caption !== undefined && caption !== null && /* @__PURE__ */ jsx18("span", {
+                  "data-slot": "dock-card-caption",
+                  className: DOCK_CARD_CLASSES.caption,
+                  children: caption
+                }),
+                meta !== undefined && meta !== null && /* @__PURE__ */ jsx18("span", {
+                  "data-slot": "dock-card-meta",
+                  className: DOCK_CARD_CLASSES.meta,
+                  children: meta
+                })
+              ]
+            }),
+            /* @__PURE__ */ jsxs9("div", {
+              className: DOCK_CARD_CLASSES.row,
+              children: [
+                /* @__PURE__ */ jsx18("span", {
+                  "data-slot": "dock-card-title",
+                  className: DOCK_CARD_CLASSES.title,
+                  children: title
+                }),
+                pressable ? /* @__PURE__ */ jsx18(ChevronRight3, {
+                  "aria-hidden": true,
+                  "data-slot": "dock-card-chevron",
+                  className: DOCK_CARD_CLASSES.chevron
+                }) : trailing !== undefined && trailing !== null ? /* @__PURE__ */ jsx18("span", {
+                  "data-slot": "dock-card-trailing",
+                  className: DOCK_CARD_CLASSES.trailing,
+                  children: trailing
+                }) : null
+              ]
+            })
+          ]
+        })
+      ]
+    })
+  });
+}
+function DockPile({ items, expanded, onExpandedChange, className, style, ...props }) {
+  const [measured, setMeasured] = React8.useState({});
+  const nodes = React8.useRef(new Map);
+  React8.useLayoutEffect(() => {
+    const measure = () => {
+      const next = {};
+      for (const item of items) {
+        const el = nodes.current.get(item.id);
+        if (item.height === undefined && el)
+          next[item.id] = el.offsetHeight;
+      }
+      setMeasured((prev) => Object.keys(next).length === Object.keys(prev).length && Object.entries(next).every(([k, v]) => prev[k] === v) ? prev : next);
+    };
+    measure();
+    if (typeof ResizeObserver === `undefined`)
+      return;
+    const observer = new ResizeObserver(measure);
+    for (const el of nodes.current.values())
+      observer.observe(el);
+    return () => observer.disconnect();
+  }, [items]);
+  const geometry = dockPileGeometry(items.map((item) => item.height ?? measured[item.id] ?? 0), expanded);
+  return /* @__PURE__ */ jsx18("div", {
+    "data-slot": "dock-pile",
+    "data-expanded": expanded ? `true` : `false`,
+    className: cn2(DOCK_PILE_CLASSES.root, className),
+    style: { ...style, height: geometry.height },
+    onPointerEnter: (event) => {
+      if (event.pointerType !== `touch`)
+        onExpandedChange?.(true);
+    },
+    onPointerLeave: (event) => {
+      if (event.pointerType !== `touch`)
+        onExpandedChange?.(false);
+    },
+    onFocus: () => onExpandedChange?.(true),
+    onBlur: (event) => {
+      const next = event.relatedTarget;
+      if (!next || !event.currentTarget.contains(next))
+        onExpandedChange?.(false);
+    },
+    ...props,
+    children: items.map((item, i) => {
+      const placed = geometry.items[i] ?? { offset: 0, scale: 1, visible: true };
+      return /* @__PURE__ */ jsx18("div", {
+        ref: (el) => {
+          if (el)
+            nodes.current.set(item.id, el);
+          else
+            nodes.current.delete(item.id);
+        },
+        "data-slot": "dock-pile-item",
+        "data-front": i === items.length - 1 ? `true` : `false`,
+        "data-visible": placed.visible ? `true` : `false`,
+        className: DOCK_PILE_CLASSES.item,
+        style: { "--offset": `${placed.offset}px`, "--scale": `${placed.scale}`, zIndex: i + 1 },
+        children: item.node
+      }, item.id);
+    })
+  });
+}
+// packages/exponential-ui-react/src/primitives/dropdown-menu.tsx
+import { CheckIcon as CheckIcon2, ChevronRightIcon as ChevronRightIcon2, CircleIcon } from "lucide-react";
+import { DropdownMenu as DropdownMenuPrimitive } from "radix-ui";
+import { DROPDOWN_MENU_CLASSES } from "@exponential_app/eui/web/primitives";
+import { jsx as jsx19, jsxs as jsxs10 } from "react/jsx-runtime";
+"use client";
+function DropdownMenu({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx19(DropdownMenuPrimitive.Root, {
+    "data-slot": "dropdown-menu",
+    ...props
+  });
+}
+function DropdownMenuPortal({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx19(DropdownMenuPrimitive.Portal, {
+    "data-slot": "dropdown-menu-portal",
+    ...props
+  });
+}
+function DropdownMenuTrigger({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx19(DropdownMenuPrimitive.Trigger, {
+    "data-slot": "dropdown-menu-trigger",
+    ...props
+  });
+}
+function DropdownMenuContent({
+  className,
+  sideOffset = 4,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx19(DropdownMenuPrimitive.Portal, {
+    children: /* @__PURE__ */ jsx19(DropdownMenuPrimitive.Content, {
+      "data-slot": "dropdown-menu-content",
+      sideOffset,
+      className: cn2(DROPDOWN_MENU_CLASSES.content, className),
+      ...props
+    })
+  });
+}
+function DropdownMenuGroup({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx19(DropdownMenuPrimitive.Group, {
+    "data-slot": "dropdown-menu-group",
+    ...props
+  });
+}
+function DropdownMenuItem({
+  className,
+  inset,
+  variant = `default`,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx19(DropdownMenuPrimitive.Item, {
+    "data-slot": "dropdown-menu-item",
+    "data-inset": inset,
+    "data-variant": variant,
+    className: cn2(DROPDOWN_MENU_CLASSES.item, className),
+    ...props
+  });
+}
+function DropdownMenuCheckboxItem({
+  className,
+  children,
+  checked,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs10(DropdownMenuPrimitive.CheckboxItem, {
+    "data-slot": "dropdown-menu-checkbox-item",
+    className: cn2(DROPDOWN_MENU_CLASSES.checkItem, className),
+    checked,
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx19("span", {
+        className: DROPDOWN_MENU_CLASSES.itemIndicator,
+        children: /* @__PURE__ */ jsx19(DropdownMenuPrimitive.ItemIndicator, {
+          children: /* @__PURE__ */ jsx19(CheckIcon2, {
+            className: DROPDOWN_MENU_CLASSES.checkIcon
+          })
+        })
+      }),
+      children
+    ]
+  });
+}
+function DropdownMenuRadioGroup({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx19(DropdownMenuPrimitive.RadioGroup, {
+    "data-slot": "dropdown-menu-radio-group",
+    ...props
+  });
+}
+function DropdownMenuRadioItem({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs10(DropdownMenuPrimitive.RadioItem, {
+    "data-slot": "dropdown-menu-radio-item",
+    className: cn2(DROPDOWN_MENU_CLASSES.checkItem, className),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx19("span", {
+        className: DROPDOWN_MENU_CLASSES.itemIndicator,
+        children: /* @__PURE__ */ jsx19(DropdownMenuPrimitive.ItemIndicator, {
+          children: /* @__PURE__ */ jsx19(CircleIcon, {
+            className: DROPDOWN_MENU_CLASSES.radioIcon
+          })
+        })
+      }),
+      children
+    ]
+  });
+}
+function DropdownMenuLabel({
+  className,
+  inset,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx19(DropdownMenuPrimitive.Label, {
+    "data-slot": "dropdown-menu-label",
+    "data-inset": inset,
+    className: cn2(DROPDOWN_MENU_CLASSES.label, className),
+    ...props
+  });
+}
+function DropdownMenuSeparator({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx19(DropdownMenuPrimitive.Separator, {
+    "data-slot": "dropdown-menu-separator",
+    className: cn2(DROPDOWN_MENU_CLASSES.separator, className),
+    ...props
+  });
+}
+function DropdownMenuShortcut({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx19("span", {
+    "data-slot": "dropdown-menu-shortcut",
+    className: cn2(DROPDOWN_MENU_CLASSES.shortcut, className),
+    ...props
+  });
+}
+function DropdownMenuSub({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx19(DropdownMenuPrimitive.Sub, {
+    "data-slot": "dropdown-menu-sub",
+    ...props
+  });
+}
+function DropdownMenuSubTrigger({
+  className,
+  inset,
+  children,
+  variant = `default`,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs10(DropdownMenuPrimitive.SubTrigger, {
+    "data-slot": "dropdown-menu-sub-trigger",
+    "data-inset": inset,
+    "data-variant": variant,
+    className: cn2(DROPDOWN_MENU_CLASSES.subTrigger, className),
+    ...props,
+    children: [
+      children,
+      /* @__PURE__ */ jsx19(ChevronRightIcon2, {
+        className: DROPDOWN_MENU_CLASSES.subChevron
+      })
+    ]
+  });
+}
+function DropdownMenuSubContent({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx19(DropdownMenuPrimitive.Portal, {
+    children: /* @__PURE__ */ jsx19(DropdownMenuPrimitive.SubContent, {
+      "data-slot": "dropdown-menu-sub-content",
+      className: cn2(DROPDOWN_MENU_CLASSES.subContent, className),
+      ...props
+    })
+  });
+}
+// packages/exponential-ui-react/src/primitives/empty-state.tsx
+import { EMPTY_STATE_CLASSES } from "@exponential_app/eui/web/primitives";
+
+// packages/exponential-ui-react/src/primitives/icon-disc.tsx
+import { ICON_DISC_CLASSES } from "@exponential_app/eui/web/primitives";
+import { ICON_DISC_TONES } from "@exponential_app/eui/web/primitives";
+import { jsx as jsx20 } from "react/jsx-runtime";
+function IconDisc({
+  icon: Icon,
+  tone = `primary`,
+  strokeWidth,
+  className
+}) {
+  return /* @__PURE__ */ jsx20("div", {
+    "data-slot": "icon-disc",
+    className: cn2(ICON_DISC_CLASSES.root, ICON_DISC_CLASSES.tones[tone], className),
+    children: /* @__PURE__ */ jsx20(Icon, {
+      className: ICON_DISC_CLASSES.icon,
+      strokeWidth,
+      "aria-hidden": "true",
+      focusable: "false"
+    })
+  });
+}
+
+// packages/exponential-ui-react/src/primitives/empty-state.tsx
+import { EMPTY_STATE_SIZES } from "@exponential_app/eui/web/primitives";
+import { jsx as jsx21, jsxs as jsxs11 } from "react/jsx-runtime";
+function EmptyState({
+  icon: Icon,
+  title,
+  description,
+  size = `page`,
+  className,
+  children
+}) {
+  if (size === `list`) {
+    return /* @__PURE__ */ jsxs11("div", {
+      "data-slot": "empty-state",
+      "data-size": "list",
+      role: "status",
+      className: cn2(EMPTY_STATE_CLASSES.list, className),
+      children: [
+        Icon && /* @__PURE__ */ jsx21(Icon, {
+          "aria-hidden": "true",
+          focusable: "false",
+          className: EMPTY_STATE_CLASSES.listIcon
+        }),
+        /* @__PURE__ */ jsx21("span", {
+          children: title
+        })
+      ]
+    });
+  }
+  return /* @__PURE__ */ jsxs11("div", {
+    "data-slot": "empty-state",
+    "data-size": "page",
+    role: "status",
+    className: cn2(EMPTY_STATE_CLASSES.page, className),
+    children: [
+      Icon && /* @__PURE__ */ jsx21(IconDisc, {
+        icon: Icon
+      }),
+      /* @__PURE__ */ jsx21("h2", {
+        className: EMPTY_STATE_CLASSES.pageTitle,
+        children: title
+      }),
+      description && /* @__PURE__ */ jsx21("p", {
+        className: EMPTY_STATE_CLASSES.pageDescription,
+        children: description
+      }),
+      children && /* @__PURE__ */ jsx21("div", {
+        className: EMPTY_STATE_CLASSES.pageActions,
+        children
+      })
+    ]
+  });
+}
+function ListEmpty({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx21("p", {
+    "data-slot": "list-empty",
+    role: "status",
+    className: cn2(EMPTY_STATE_CLASSES.listEmpty, className),
+    ...props,
+    children
+  });
+}
+function EmptyCta({
+  icon: Icon,
+  title,
+  description,
+  className,
+  type,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs11("button", {
+    type: type ?? `button`,
+    "data-slot": "empty-cta",
+    className: cn2(EMPTY_STATE_CLASSES.cta, className),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsxs11("span", {
+        className: EMPTY_STATE_CLASSES.ctaTitle,
+        children: [
+          /* @__PURE__ */ jsx21(Icon, {
+            className: EMPTY_STATE_CLASSES.ctaIcon
+          }),
+          title
+        ]
+      }),
+      /* @__PURE__ */ jsx21("span", {
+        className: EMPTY_STATE_CLASSES.ctaDescription,
+        children: description
+      })
+    ]
+  });
+}
+// packages/exponential-ui-react/src/primitives/glass-card.tsx
+import { GLASS_CARD_CLASSES } from "@exponential_app/eui/web/primitives";
+import { GLASS_CARD_CLASS, GLASS_CARD_CLASSES as GLASS_CARD_CLASSES2 } from "@exponential_app/eui/web/primitives";
+import { jsx as jsx22 } from "react/jsx-runtime";
+function GlassCard({ className, ...props }) {
+  return /* @__PURE__ */ jsx22("div", {
+    "data-slot": "glass-card",
+    className: cn2(GLASS_CARD_CLASSES.root, className),
+    ...props
+  });
+}
+// packages/exponential-ui-react/src/primitives/hover-card.tsx
+import { HoverCard as HoverCardPrimitive } from "radix-ui";
+import { HOVER_CARD_CLASSES, HOVER_CARD_DELAYS } from "@exponential_app/eui/web/primitives";
+import { jsx as jsx23 } from "react/jsx-runtime";
+function HoverCard({
+  openDelay = HOVER_CARD_DELAYS.openDelay,
+  closeDelay = HOVER_CARD_DELAYS.closeDelay,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx23(HoverCardPrimitive.Root, {
+    "data-slot": "hover-card",
+    openDelay,
+    closeDelay,
+    ...props
+  });
+}
+function HoverCardTrigger({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx23(HoverCardPrimitive.Trigger, {
+    "data-slot": "hover-card-trigger",
+    ...props
+  });
+}
+function HoverCardContent({
+  className,
+  align = `start`,
+  sideOffset = 6,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx23(HoverCardPrimitive.Portal, {
+    children: /* @__PURE__ */ jsx23(HoverCardPrimitive.Content, {
+      "data-slot": "hover-card-content",
+      align,
+      sideOffset,
+      className: cn2(HOVER_CARD_CLASSES.content, className),
+      ...props
+    })
+  });
+}
+// packages/exponential-ui-react/src/primitives/input.tsx
+import * as React9 from "react";
+import { INPUT_CLASSES } from "@exponential_app/eui/web/primitives";
+import { BARE_FIELD_CLASS, FIELD_CHROME_CLASS } from "@exponential_app/eui/web/primitives";
+import { jsx as jsx24 } from "react/jsx-runtime";
+var Input = React9.forwardRef(({ className, type, ...props }, ref) => {
+  return /* @__PURE__ */ jsx24("input", {
+    ref,
+    type,
+    "data-slot": "input",
+    className: cn2(INPUT_CLASSES.root, className),
+    ...props
+  });
+});
+Input.displayName = `Input`;
+// packages/exponential-ui-react/src/primitives/kbd.tsx
+import { KBD_CLASSES } from "@exponential_app/eui/web/primitives";
+import { jsx as jsx25 } from "react/jsx-runtime";
+function Kbd({ className, ...props }) {
+  return /* @__PURE__ */ jsx25("kbd", {
+    "data-slot": "kbd",
+    className: cn2(KBD_CLASSES.root, className),
+    ...props
+  });
+}
+function KbdGroup({ className, ...props }) {
+  return /* @__PURE__ */ jsx25("span", {
+    "data-slot": "kbd-group",
+    className: cn2(KBD_CLASSES.group, className),
+    ...props
+  });
+}
+// packages/exponential-ui-react/src/primitives/label.tsx
+import { Label as LabelPrimitive } from "radix-ui";
+import { LABEL_CLASSES } from "@exponential_app/eui/web/primitives";
+import { jsx as jsx26 } from "react/jsx-runtime";
+function Label({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx26(LabelPrimitive.Root, {
+    "data-slot": "label",
+    className: cn2(LABEL_CLASSES.root, className),
+    ...props
+  });
+}
+// packages/exponential-ui-react/src/primitives/menu-surface.ts
+import { MENU_CHECK_ITEM_CLASS, MENU_CHEVRON_CLASS, MENU_CONTENT_CLASS, MENU_ITEM_CLASS, MENU_LABEL_CLASS, MENU_SEPARATOR_CLASS, MENU_SHORTCUT_CLASS, MENU_SUB_TRIGGER_CLASS, MENU_SURFACE_CLASS, MENU_VALUE_CLASS } from "@exponential_app/eui/web/primitives";
+// packages/exponential-ui-react/src/primitives/meter.tsx
+import { METER_CLASSES } from "@exponential_app/eui/web/primitives";
+
+// packages/exponential-ui-react/src/primitives/progress.tsx
+import { Progress as ProgressPrimitive } from "radix-ui";
+import { PROGRESS_CLASSES, progressIndicatorTransform } from "@exponential_app/eui/web/primitives";
+import { jsx as jsx27 } from "react/jsx-runtime";
+function Progress({
+  className,
+  value,
+  ...props
+}) {
+  const indeterminate = value === null || value === undefined;
+  return /* @__PURE__ */ jsx27(ProgressPrimitive.Root, {
+    "data-slot": "progress",
+    value,
+    className: cn2(PROGRESS_CLASSES.root, className),
+    ...props,
+    children: /* @__PURE__ */ jsx27(ProgressPrimitive.Indicator, {
+      "data-slot": "progress-indicator",
+      className: cn2(PROGRESS_CLASSES.indicator, indeterminate ? PROGRESS_CLASSES.indicatorIndeterminate : PROGRESS_CLASSES.indicatorDeterminate),
+      style: indeterminate ? undefined : { transform: progressIndicatorTransform(value) }
+    })
+  });
+}
+
+// packages/exponential-ui-react/src/primitives/meter.tsx
+import { jsx as jsx28 } from "react/jsx-runtime";
+function Meter({
+  value,
+  tone = `normal`,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx28(Progress, {
+    "data-slot": "meter",
+    "data-tone": tone,
+    value,
+    className: cn2(METER_CLASSES.root, METER_CLASSES.tones[tone], className),
+    ...props
+  });
+}
+// packages/exponential-ui-react/src/primitives/popover.tsx
+import { Popover as PopoverPrimitive } from "radix-ui";
+import { POPOVER_CLASSES } from "@exponential_app/eui/web/primitives";
+import { jsx as jsx29 } from "react/jsx-runtime";
+function Popover({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx29(PopoverPrimitive.Root, {
+    "data-slot": "popover",
+    ...props
+  });
+}
+function PopoverTrigger({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx29(PopoverPrimitive.Trigger, {
+    "data-slot": "popover-trigger",
+    ...props
+  });
+}
+function PopoverContent({
+  className,
+  align = `center`,
+  sideOffset = 4,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx29(PopoverPrimitive.Portal, {
+    children: /* @__PURE__ */ jsx29(PopoverPrimitive.Content, {
+      "data-slot": "popover-content",
+      align,
+      sideOffset,
+      className: cn2(POPOVER_CLASSES.content, className),
+      ...props
+    })
+  });
+}
+function PopoverAnchor({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx29(PopoverPrimitive.Anchor, {
+    "data-slot": "popover-anchor",
+    ...props
+  });
+}
+// packages/exponential-ui-react/src/primitives/progress-ring.tsx
+import { PROGRESS_RING_CLASSES, RING_RADIUS as RING_RADIUS3, RING_SIZE as RING_SIZE3, RING_STROKE as RING_STROKE3, progressRingPercent, ringGeometry as ringGeometry3 } from "@exponential_app/eui/web/primitives";
+import { progressRingPercent as progressRingPercent2 } from "@exponential_app/eui/web/primitives";
+import { jsx as jsx30, jsxs as jsxs12 } from "react/jsx-runtime";
+function ProgressRing({
+  done,
+  total,
+  size = 14,
+  colorClass,
+  colorHex,
+  className
+}) {
+  const { circumference, dashOffset } = ringGeometry3(progressRingPercent(done, total));
+  const centre = RING_SIZE3 / 2;
+  return /* @__PURE__ */ jsxs12("svg", {
+    viewBox: `0 0 ${RING_SIZE3} ${RING_SIZE3}`,
+    width: size,
+    height: size,
+    "aria-hidden": true,
+    "data-slot": "progress-ring",
+    "data-done": done,
+    "data-total": total,
+    className: cn2(PROGRESS_RING_CLASSES.root, colorClass, className),
+    style: colorHex ? { color: colorHex } : undefined,
+    children: [
+      /* @__PURE__ */ jsx30("circle", {
+        cx: centre,
+        cy: centre,
+        r: RING_RADIUS3,
+        fill: "none",
+        stroke: "currentColor",
+        strokeWidth: RING_STROKE3,
+        opacity: 0.2
+      }),
+      done > 0 && /* @__PURE__ */ jsx30("circle", {
+        "data-slot": "progress-ring-arc",
+        cx: centre,
+        cy: centre,
+        r: RING_RADIUS3,
+        fill: "none",
+        stroke: "currentColor",
+        strokeWidth: RING_STROKE3,
+        strokeLinecap: "round",
+        strokeDasharray: circumference,
+        strokeDashoffset: dashOffset
+      })
+    ]
+  });
+}
+// packages/exponential-ui-react/src/primitives/scroll-area.tsx
+import { ScrollArea as ScrollAreaPrimitive } from "radix-ui";
+import { SCROLL_AREA_CLASSES } from "@exponential_app/eui/web/primitives";
+import { jsx as jsx31, jsxs as jsxs13 } from "react/jsx-runtime";
+function ScrollArea({ className, children, ...props }) {
+  return /* @__PURE__ */ jsxs13(ScrollAreaPrimitive.Root, {
+    "data-slot": "scroll-area",
+    className: cn2(SCROLL_AREA_CLASSES.root, className),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx31(ScrollAreaPrimitive.Viewport, {
+        "data-slot": "scroll-area-viewport",
+        className: SCROLL_AREA_CLASSES.viewport,
+        children
+      }),
+      /* @__PURE__ */ jsx31(ScrollBar, {}),
+      /* @__PURE__ */ jsx31(ScrollAreaPrimitive.Corner, {})
+    ]
+  });
+}
+function ScrollBar({ className, orientation = `vertical`, ...props }) {
+  return /* @__PURE__ */ jsx31(ScrollAreaPrimitive.ScrollAreaScrollbar, {
+    "data-slot": "scroll-area-scrollbar",
+    orientation,
+    className: cn2(SCROLL_AREA_CLASSES.scrollbar, SCROLL_AREA_CLASSES.orientations[orientation], className),
+    ...props,
+    children: /* @__PURE__ */ jsx31(ScrollAreaPrimitive.ScrollAreaThumb, {
+      "data-slot": "scroll-area-thumb",
+      className: SCROLL_AREA_CLASSES.thumb
+    })
+  });
+}
+// packages/exponential-ui-react/src/primitives/segmented-control.tsx
+import { SEGMENTED_CONTROL_CLASSES } from "@exponential_app/eui/web/primitives";
+
+// packages/exponential-ui-react/src/primitives/tabs.tsx
+import { Tabs as TabsPrimitive } from "radix-ui";
+import { TABS_CLASSES } from "@exponential_app/eui/web/primitives";
+import { SEGMENTED_ITEM, SEGMENTED_LIST, SEGMENTED_ROW, SEGMENTED_ROW_COMPACT, SEGMENTED_TAB } from "@exponential_app/eui/web/primitives";
+import { jsx as jsx32 } from "react/jsx-runtime";
+function Tabs({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx32(TabsPrimitive.Root, {
+    "data-slot": "tabs",
+    className: cn2(TABS_CLASSES.root, className),
+    ...props
+  });
+}
+function TabsList({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx32(TabsPrimitive.List, {
+    "data-slot": "tabs-list",
+    className: cn2(TABS_CLASSES.list, className),
+    ...props
+  });
+}
+function TabsTrigger({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx32(TabsPrimitive.Trigger, {
+    "data-slot": "tabs-trigger",
+    className: cn2(TABS_CLASSES.trigger, className),
+    ...props
+  });
+}
+function TabsContent({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx32(TabsPrimitive.Content, {
+    "data-slot": "tabs-content",
+    className: cn2(TABS_CLASSES.content, className),
+    ...props
+  });
+}
+
+// packages/exponential-ui-react/src/primitives/segmented-control.tsx
+import { jsx as jsx33, jsxs as jsxs14 } from "react/jsx-runtime";
+function SegmentedControl({
+  value,
+  onValueChange,
+  options,
+  fill = false,
+  disabled = false,
+  className
+}) {
+  const triggers = options.map((option) => {
+    const Glyph = option.icon;
+    return /* @__PURE__ */ jsxs14(TabsTrigger, {
+      value: option.value,
+      disabled: disabled || option.disabled,
+      className: SEGMENTED_CONTROL_CLASSES.trigger,
+      children: [
+        Glyph ? /* @__PURE__ */ jsx33(Glyph, {
+          "aria-hidden": true
+        }) : null,
+        option.label
+      ]
+    }, option.value);
+  });
+  return /* @__PURE__ */ jsx33(Tabs, {
+    "data-slot": "segmented-control",
+    value,
+    onValueChange: (next) => onValueChange(next),
+    children: /* @__PURE__ */ jsx33(TabsList, {
+      className: cn2(fill && SEGMENTED_CONTROL_CLASSES.fill, className),
+      children: triggers
+    })
+  });
+}
+// packages/exponential-ui-react/src/primitives/select.tsx
+import { CheckIcon as CheckIcon3, ChevronDownIcon as ChevronDownIcon2, ChevronUpIcon } from "lucide-react";
+import { Select as SelectPrimitive } from "radix-ui";
+import { SELECT_CLASSES } from "@exponential_app/eui/web/primitives";
+import { jsx as jsx34, jsxs as jsxs15 } from "react/jsx-runtime";
+"use client";
+function Select({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx34(SelectPrimitive.Root, {
+    "data-slot": "select",
+    ...props
+  });
+}
+function SelectGroup({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx34(SelectPrimitive.Group, {
+    "data-slot": "select-group",
+    ...props
+  });
+}
+function SelectValue({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx34(SelectPrimitive.Value, {
+    "data-slot": "select-value",
+    ...props
+  });
+}
+function SelectTrigger({
+  className,
+  size = `default`,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs15(SelectPrimitive.Trigger, {
+    "data-slot": "select-trigger",
+    "data-size": size,
+    className: cn2(SELECT_CLASSES.trigger, className),
+    ...props,
+    children: [
+      children,
+      /* @__PURE__ */ jsx34(SelectPrimitive.Icon, {
+        asChild: true,
+        children: /* @__PURE__ */ jsx34(ChevronDownIcon2, {
+          className: SELECT_CLASSES.triggerIcon
+        })
+      })
+    ]
+  });
+}
+function SelectContent({
+  className,
+  children,
+  position = `item-aligned`,
+  align = `center`,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx34(SelectPrimitive.Portal, {
+    children: /* @__PURE__ */ jsxs15(SelectPrimitive.Content, {
+      "data-slot": "select-content",
+      className: cn2(SELECT_CLASSES.content, position === `popper` && SELECT_CLASSES.contentPopper, className),
+      position,
+      align,
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx34(SelectScrollUpButton, {}),
+        /* @__PURE__ */ jsx34(SelectPrimitive.Viewport, {
+          className: cn2(SELECT_CLASSES.viewport, position === `popper` && SELECT_CLASSES.viewportPopper),
+          children
+        }),
+        /* @__PURE__ */ jsx34(SelectScrollDownButton, {})
+      ]
+    })
+  });
+}
+function SelectLabel({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx34(SelectPrimitive.Label, {
+    "data-slot": "select-label",
+    className: cn2(SELECT_CLASSES.label, className),
+    ...props
+  });
+}
+function SelectItem({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs15(SelectPrimitive.Item, {
+    "data-slot": "select-item",
+    className: cn2(SELECT_CLASSES.item, className),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx34("span", {
+        "data-slot": "select-item-indicator",
+        className: SELECT_CLASSES.itemIndicator,
+        children: /* @__PURE__ */ jsx34(SelectPrimitive.ItemIndicator, {
+          children: /* @__PURE__ */ jsx34(CheckIcon3, {
+            className: SELECT_CLASSES.itemCheck
+          })
+        })
+      }),
+      /* @__PURE__ */ jsx34(SelectPrimitive.ItemText, {
+        children
+      })
+    ]
+  });
+}
+function SelectSeparator({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx34(SelectPrimitive.Separator, {
+    "data-slot": "select-separator",
+    className: cn2(SELECT_CLASSES.separator, className),
+    ...props
+  });
+}
+function SelectScrollUpButton({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx34(SelectPrimitive.ScrollUpButton, {
+    "data-slot": "select-scroll-up-button",
+    className: cn2(SELECT_CLASSES.scrollButton, className),
+    ...props,
+    children: /* @__PURE__ */ jsx34(ChevronUpIcon, {
+      className: SELECT_CLASSES.scrollIcon
+    })
+  });
+}
+function SelectScrollDownButton({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx34(SelectPrimitive.ScrollDownButton, {
+    "data-slot": "select-scroll-down-button",
+    className: cn2(SELECT_CLASSES.scrollButton, className),
+    ...props,
+    children: /* @__PURE__ */ jsx34(ChevronDownIcon2, {
+      className: SELECT_CLASSES.scrollIcon
+    })
+  });
+}
+// packages/exponential-ui-react/src/primitives/separator.tsx
+import { Separator as SeparatorPrimitive } from "radix-ui";
+import { SEPARATOR_CLASSES } from "@exponential_app/eui/web/primitives";
+import { jsx as jsx35 } from "react/jsx-runtime";
+"use client";
+function Separator({
+  className,
+  orientation = `horizontal`,
+  decorative = true,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx35(SeparatorPrimitive.Root, {
+    "data-slot": "separator",
+    decorative,
+    orientation,
+    className: cn2(SEPARATOR_CLASSES.root, className),
+    ...props
+  });
+}
+// packages/exponential-ui-react/src/primitives/skeleton.tsx
+import { SKELETON_CLASSES } from "@exponential_app/eui/web/primitives";
+import { jsx as jsx36 } from "react/jsx-runtime";
+function Skeleton({ className, ...props }) {
+  return /* @__PURE__ */ jsx36("div", {
+    "data-slot": "skeleton",
+    className: cn2(SKELETON_CLASSES.root, className),
+    ...props
+  });
+}
+// packages/exponential-ui-react/src/primitives/spinner.tsx
+import { LoaderCircle } from "lucide-react";
+import { SPINNER_CLASSES } from "@exponential_app/eui/web/primitives";
+import { jsx as jsx37 } from "react/jsx-runtime";
+function Spinner({
+  size = 10,
+  label = `Loading`,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx37(LoaderCircle, {
+    "data-slot": "spinner",
+    "data-testid": "feedback-spinner",
+    "aria-label": label,
+    width: size,
+    height: size,
+    style: { width: size, height: size },
+    className: cn2(SPINNER_CLASSES.root, className),
+    ...props
+  });
+}
+// packages/exponential-ui-react/src/primitives/switch.tsx
+import { Switch as SwitchPrimitive } from "radix-ui";
+import { SWITCH_CLASSES } from "@exponential_app/eui/web/primitives";
+import { jsx as jsx38 } from "react/jsx-runtime";
+function Switch({
+  className,
+  size = `default`,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx38(SwitchPrimitive.Root, {
+    "data-slot": "switch",
+    "data-size": size,
+    className: cn2(SWITCH_CLASSES.root, className),
+    ...props,
+    children: /* @__PURE__ */ jsx38(SwitchPrimitive.Thumb, {
+      "data-slot": "switch-thumb",
+      className: cn2(SWITCH_CLASSES.thumb)
+    })
+  });
+}
+// packages/exponential-ui-react/src/primitives/table.tsx
+import { TABLE_CLASSES } from "@exponential_app/eui/web/primitives";
+import { jsx as jsx39 } from "react/jsx-runtime";
+function Table({ className, ...props }) {
+  return /* @__PURE__ */ jsx39("div", {
+    "data-slot": "table-container",
+    className: TABLE_CLASSES.container,
+    children: /* @__PURE__ */ jsx39("table", {
+      "data-slot": "table",
+      className: cn2(TABLE_CLASSES.root, className),
+      ...props
+    })
+  });
+}
+function TableHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsx39("thead", {
+    "data-slot": "table-header",
+    className: cn2(TABLE_CLASSES.header, className),
+    ...props
+  });
+}
+function TableBody({ className, ...props }) {
+  return /* @__PURE__ */ jsx39("tbody", {
+    "data-slot": "table-body",
+    className: cn2(TABLE_CLASSES.body, className),
+    ...props
+  });
+}
+function TableFooter({ className, ...props }) {
+  return /* @__PURE__ */ jsx39("tfoot", {
+    "data-slot": "table-footer",
+    className: cn2(TABLE_CLASSES.footer, className),
+    ...props
+  });
+}
+function TableRow({ className, ...props }) {
+  return /* @__PURE__ */ jsx39("tr", {
+    "data-slot": "table-row",
+    className: cn2(TABLE_CLASSES.row, className),
+    ...props
+  });
+}
+function TableHead({ className, ...props }) {
+  return /* @__PURE__ */ jsx39("th", {
+    "data-slot": "table-head",
+    className: cn2(TABLE_CLASSES.head, className),
+    ...props
+  });
+}
+function TableCell({ className, ...props }) {
+  return /* @__PURE__ */ jsx39("td", {
+    "data-slot": "table-cell",
+    className: cn2(TABLE_CLASSES.cell, className),
+    ...props
+  });
+}
+function TableCaption({ className, ...props }) {
+  return /* @__PURE__ */ jsx39("caption", {
+    "data-slot": "table-caption",
+    className: cn2(TABLE_CLASSES.caption, className),
+    ...props
+  });
+}
+// packages/exponential-ui-react/src/primitives/textarea.tsx
+import { TEXTAREA_CLASSES } from "@exponential_app/eui/web/primitives";
+import { jsx as jsx40 } from "react/jsx-runtime";
+function Textarea({ className, ...props }) {
+  return /* @__PURE__ */ jsx40("textarea", {
+    "data-slot": "textarea",
+    className: cn2(TEXTAREA_CLASSES.root, className),
+    ...props
+  });
+}
+// packages/exponential-ui-react/src/primitives/toast.tsx
+import * as React10 from "react";
+import { CircleCheck, CircleX, Info, TriangleAlert, XIcon as XIcon3 } from "lucide-react";
+import {
+  TOAST_CLASSES,
+  TOAST_TOUCH_QUERY,
+  createToastStore,
+  layoutSize,
+  toastPlacement,
+  toastStackGeometry
+} from "@exponential_app/eui/web/primitives";
+import { createToastStore as createToastStore2, toastStackGeometry as toastStackGeometry2, toastPlacement as toastPlacement2, TOAST_CONSTANTS, TOAST_KINDS, TOAST_TOUCH_QUERY as TOAST_TOUCH_QUERY2 } from "@exponential_app/eui/web/primitives";
+import { jsx as jsx41, jsxs as jsxs16 } from "react/jsx-runtime";
+var KIND_ICONS = {
+  success: CircleCheck,
+  error: CircleX,
+  info: Info,
+  warning: TriangleAlert
+};
+var toastStore = createToastStore();
+var toast = toastStore.toast;
+function useToasts(store) {
+  return React10.useSyncExternalStore(store.subscribe, store.toasts, store.toasts);
+}
+function Toaster({ store = toastStore, touch, closeLabel = `Close`, className, ...props }) {
+  const toasts = useToasts(store);
+  const touchQuery = useMediaQuery(TOAST_TOUCH_QUERY);
+  const { placement, anchoredBottom } = toastPlacement(touch ?? touchQuery);
+  const [expanded, setExpanded] = React10.useState(false);
+  const [measured, setMeasured] = React10.useState({});
+  const items = React10.useRef(new Map);
+  const open = expanded && toasts.length > 0;
+  React10.useEffect(() => {
+    if (open)
+      store.pauseAll();
+    else
+      store.resumeAll();
+  }, [open, store]);
+  React10.useLayoutEffect(() => {
+    const next = {};
+    for (const t of toasts) {
+      const el = items.current.get(t.id);
+      if (t.height === undefined && el)
+        next[t.id] = layoutSize(el).height;
+    }
+    setMeasured((prev) => Object.keys(next).length === Object.keys(prev).length && Object.entries(next).every(([k, v]) => prev[k] === v) ? prev : next);
+  }, [toasts]);
+  const geometry = toastStackGeometry(toasts.map((t) => t.height ?? measured[t.id] ?? 0), open, anchoredBottom);
+  return /* @__PURE__ */ jsx41("section", {
+    "aria-label": "Notifications",
+    "data-slot": "toaster",
+    "data-placement": placement,
+    className: cn2(TOAST_CLASSES.region, TOAST_CLASSES.regionPlacement[placement], className),
+    ...props,
+    children: /* @__PURE__ */ jsx41("ol", {
+      "data-slot": "toast-list",
+      "data-expanded": open ? `true` : `false`,
+      className: cn2(TOAST_CLASSES.list, TOAST_CLASSES.listPlacement[placement]),
+      style: { height: geometry.height },
+      onPointerEnter: (event) => {
+        if (event.pointerType !== `touch`)
+          setExpanded(true);
+      },
+      onPointerLeave: (event) => {
+        if (event.pointerType !== `touch`)
+          setExpanded(false);
+      },
+      onPointerDown: (event) => {
+        if (event.pointerType === `touch`)
+          setExpanded((was) => !was);
+      },
+      children: toasts.map((t, i) => {
+        const item = geometry.items[i];
+        const rank = toasts.length - 1 - i;
+        const Icon = t.kind ? KIND_ICONS[t.kind] : null;
+        return /* @__PURE__ */ jsxs16("li", {
+          ref: (el) => {
+            if (el)
+              items.current.set(t.id, el);
+            else
+              items.current.delete(t.id);
+          },
+          role: "status",
+          "aria-live": "polite",
+          "aria-atomic": "true",
+          "data-slot": "toast",
+          "data-kind": t.kind ?? `default`,
+          "data-front": rank === 0 ? `true` : `false`,
+          "data-expanded": open ? `true` : `false`,
+          "data-visible": item.visible ? `true` : `false`,
+          "data-index": rank,
+          className: cn2(TOAST_CLASSES.toast, TOAST_CLASSES.toastOrigin[anchoredBottom ? `bottom` : `top`]),
+          style: { "--offset": `${item.offset}px`, "--scale": `${item.scale}`, zIndex: i + 1 },
+          children: [
+            Icon && /* @__PURE__ */ jsx41("div", {
+              className: TOAST_CLASSES.iconSlot,
+              children: /* @__PURE__ */ jsx41(Icon, {
+                "data-toast-kind": t.kind,
+                className: cn2(TOAST_CLASSES.icon, TOAST_CLASSES.kindIcon[t.kind])
+              })
+            }),
+            /* @__PURE__ */ jsxs16("div", {
+              className: TOAST_CLASSES.content,
+              children: [
+                /* @__PURE__ */ jsx41("div", {
+                  "data-slot": "toast-title",
+                  className: TOAST_CLASSES.title,
+                  children: t.title
+                }),
+                t.description !== undefined && /* @__PURE__ */ jsx41("div", {
+                  "data-slot": "toast-description",
+                  className: TOAST_CLASSES.description,
+                  children: t.description
+                })
+              ]
+            }),
+            t.action && /* @__PURE__ */ jsx41("button", {
+              type: "button",
+              "data-slot": "toast-action",
+              className: TOAST_CLASSES.action,
+              onClick: (event) => {
+                t.action?.onClick?.(event.nativeEvent);
+                store.dismiss(t.id);
+              },
+              children: t.action.label
+            }),
+            /* @__PURE__ */ jsx41("button", {
+              type: "button",
+              "data-slot": "toast-close",
+              "aria-label": closeLabel,
+              className: TOAST_CLASSES.close,
+              onClick: () => store.dismiss(t.id),
+              children: /* @__PURE__ */ jsx41(XIcon3, {})
+            })
+          ]
+        }, t.id);
+      })
+    })
+  });
+}
+// packages/exponential-ui-react/src/primitives/tooltip.tsx
+import { Tooltip as TooltipPrimitive } from "radix-ui";
+import { TOOLTIP_CLASSES } from "@exponential_app/eui/web/primitives";
+import { jsx as jsx42 } from "react/jsx-runtime";
+function TooltipProvider({
+  delayDuration = 0,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx42(TooltipPrimitive.Provider, {
+    "data-slot": "tooltip-provider",
+    delayDuration,
+    ...props
+  });
+}
+function Tooltip({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx42(TooltipPrimitive.Root, {
+    "data-slot": "tooltip",
+    ...props
+  });
+}
+function TooltipTrigger({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx42(TooltipPrimitive.Trigger, {
+    "data-slot": "tooltip-trigger",
+    ...props
+  });
+}
+function TooltipContent({
+  className,
+  sideOffset = 0,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx42(TooltipPrimitive.Portal, {
+    children: /* @__PURE__ */ jsx42(TooltipPrimitive.Content, {
+      "data-slot": "tooltip-content",
+      sideOffset,
+      className: cn2(TOOLTIP_CLASSES.content, className),
+      ...props,
+      children
+    })
+  });
+}
+// packages/exponential-ui-react/src/primitives/truncate.ts
+import { middleTruncate } from "@exponential_app/eui/web/primitives";
+// packages/exponential-ui-react/src/primitives/use-mobile.ts
+import * as React11 from "react";
+var MOBILE_BREAKPOINT = 768;
+function useIsMobile() {
+  const [isMobile, setIsMobile] = React11.useState(() => typeof window !== `undefined` && window.innerWidth < MOBILE_BREAKPOINT);
+  React11.useEffect(() => {
+    if (typeof window.matchMedia !== `function`) {
+      setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
+      return;
+    }
+    const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);
+    const onChange = () => {
+      setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
+    };
+    mql.addEventListener(`change`, onChange);
+    setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
+    return () => mql.removeEventListener(`change`, onChange);
+  }, []);
+  return isMobile;
+}
+// packages/exponential-ui-react/src/primitives/voice-wave.tsx
+import { useEffect as useEffect6, useLayoutEffect as useLayoutEffect4, useRef as useRef8 } from "react";
+import { voiceWave, voiceWaveChildBox, voiceWavePath } from "@exponential_app/eui";
+import {
+  VOICE_WAVE_CLASSES,
+  VOICE_WAVE_SIZE_PX,
+  voiceWaveAnimates,
+  voiceWaveClock,
+  voiceWaveFitChild,
+  voiceWaveName,
+  voiceWaveQuiet
+} from "@exponential_app/eui/web/primitives";
+import { jsx as jsx43, jsxs as jsxs17 } from "react/jsx-runtime";
+var hasChild = (c) => c !== undefined && c !== null && c !== false && !(Array.isArray(c) && c.length === 0);
+function VoiceWave({ activity = `idle`, level = 0, bands, size = `md`, label, className, children }) {
+  const px = VOICE_WAVE_SIZE_PX[size] ?? VOICE_WAVE_SIZE_PX.md;
+  const reducedMotion = useMediaQuery(`(prefers-reduced-motion: reduce)`);
+  const input = { size: px, activity, level, bands, reducedMotion };
+  const latest = useRef8(input);
+  latest.current = input;
+  const elapsed = useRef8(0);
+  const paths = useRef8([]);
+  const animates = voiceWaveAnimates(activity) && !reducedMotion;
+  useEffect6(() => {
+    if (!animates) {
+      elapsed.current = 0;
+      return;
+    }
+    return voiceWaveClock((t) => {
+      elapsed.current = t;
+      voiceWave({ ...latest.current, elapsed: t }).rings.forEach((ring, k) => paths.current[k]?.setAttribute(`d`, voiceWavePath(ring)));
+    });
+  }, [animates]);
+  const childEl = useRef8(null);
+  const present = hasChild(children);
+  useLayoutEffect4(() => present && childEl.current ? voiceWaveFitChild(childEl.current, (c) => voiceWaveChildBox(px, c).scale) : undefined, [present, px]);
+  const wave = voiceWave({ ...input, elapsed: elapsed.current });
+  const quiet = voiceWaveQuiet(activity);
+  const name = voiceWaveName(label, activity);
+  return /* @__PURE__ */ jsxs17("span", {
+    "data-slot": "voice-wave",
+    "data-activity": activity,
+    "data-size": size,
+    role: name ? `img` : undefined,
+    "aria-label": name,
+    "aria-hidden": name ? undefined : true,
+    className: cn2(VOICE_WAVE_CLASSES.root, VOICE_WAVE_CLASSES.size[size], quiet && VOICE_WAVE_CLASSES.quiet, className),
+    children: [
+      /* @__PURE__ */ jsx43("svg", {
+        viewBox: `0 0 ${px} ${px}`,
+        width: px,
+        height: px,
+        "aria-hidden": true,
+        className: VOICE_WAVE_CLASSES.svg,
+        children: wave.rings.map((ring, k) => /* @__PURE__ */ jsx43("path", {
+          ref: (el) => {
+            paths.current[k] = el;
+          },
+          "data-slot": "voice-wave-ring",
+          "data-ring": ring.part,
+          className: quiet ? VOICE_WAVE_CLASSES.ringQuiet : VOICE_WAVE_CLASSES.ring[ring.part],
+          d: voiceWavePath(ring),
+          fill: "currentColor",
+          fillOpacity: ring.fillAlpha,
+          stroke: "currentColor",
+          strokeOpacity: ring.strokeAlpha,
+          strokeWidth: ring.strokeWidth,
+          strokeLinejoin: "round"
+        }, ring.part))
+      }),
+      present ? /* @__PURE__ */ jsx43("span", {
+        ref: childEl,
+        "data-slot": "voice-wave-child",
+        "aria-hidden": wave.childSize > 0 ? undefined : true,
+        className: cn2(VOICE_WAVE_CLASSES.child, activity === `muted` && VOICE_WAVE_CLASSES.childMuted, wave.childSize > 0 ? undefined : VOICE_WAVE_CLASSES.childHidden),
+        children
+      }) : null
+    ]
+  });
+}
+export {
+  AVATAR_HUE_COUNT,
+  Alert,
+  AlertDescription,
+  AlertDialog,
+  AlertDialogAction,
+  AlertDialogCancel,
+  AlertDialogContent,
+  AlertDialogDescription,
+  AlertDialogFooter,
+  AlertDialogHeader,
+  AlertDialogOverlay,
+  AlertDialogPortal,
+  AlertDialogTitle,
+  AlertDialogTrigger,
+  AlertTitle,
+  Avatar,
+  AvatarFallback,
+  AvatarImage,
+  BARE_FIELD_CLASS,
+  Badge,
+  Breadcrumb,
+  BreadcrumbEllipsis,
+  BreadcrumbItem,
+  BreadcrumbLink,
+  BreadcrumbList,
+  BreadcrumbPage,
+  BreadcrumbSeparator,
+  Button,
+  CODE_TOKEN_CLASS,
+  Calendar,
+  CalendarDayButton,
+  Card,
+  CardAction,
+  CardContent,
+  CardDescription,
+  CardFooter,
+  CardHeader,
+  CardTitle,
+  Checkbox,
+  ChoiceTiles2 as ChoiceTiles,
+  ChoiceTilesFrame2 as ChoiceTilesFrame,
+  CodeBlock,
+  CodeBlockActions,
+  CodeBlockContent,
+  CodeBlockCopyButton,
+  CodeBlockFooter,
+  CodeBlockHeader,
+  CodeBlockLine,
+  CodeBlockTitle,
+  Collapsible,
+  CollapsibleContent,
+  CollapsibleTrigger,
+  Command,
+  CommandEmpty,
+  CommandGroup,
+  CommandInput,
+  CommandItem,
+  CommandList,
+  CommandSeparator,
+  CommandShortcut,
+  ContextRing,
+  DOCK_CARD_CLASSES2 as DOCK_CARD_CLASSES,
+  DOCK_PILE_CLASSES2 as DOCK_PILE_CLASSES,
+  DOCK_PILE_CONSTANTS,
+  Dialog,
+  DialogBody,
+  DialogCancel,
+  DialogClose,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogOverlay,
+  DialogPortal,
+  DialogPresentationContext,
+  DialogTitle,
+  DialogTrigger,
+  DisclosureHeader,
+  DockCard,
+  DockPile,
+  DropdownMenu,
+  DropdownMenuCheckboxItem,
+  DropdownMenuContent,
+  DropdownMenuGroup,
+  DropdownMenuItem,
+  DropdownMenuLabel,
+  DropdownMenuPortal,
+  DropdownMenuRadioGroup,
+  DropdownMenuRadioItem,
+  DropdownMenuSeparator,
+  DropdownMenuShortcut,
+  DropdownMenuSub,
+  DropdownMenuSubContent,
+  DropdownMenuSubTrigger,
+  DropdownMenuTrigger,
+  EMPTY_STATE_SIZES,
+  EmptyCta,
+  EmptyState,
+  FIELD_CHROME_CLASS,
+  GLASS_CARD_CLASS,
+  GLASS_CARD_CLASSES2 as GLASS_CARD_CLASSES,
+  GlassCard,
+  HoverCard,
+  HoverCardContent,
+  HoverCardTrigger,
+  ICON_DISC_TONES,
+  IconDisc,
+  Input,
+  Kbd,
+  KbdGroup,
+  Label,
+  ListEmpty,
+  MENU_CHECK_ITEM_CLASS,
+  MENU_CHEVRON_CLASS,
+  MENU_CONTENT_CLASS,
+  MENU_ITEM_CLASS,
+  MENU_LABEL_CLASS,
+  MENU_SEPARATOR_CLASS,
+  MENU_SHORTCUT_CLASS,
+  MENU_SUB_TRIGGER_CLASS,
+  MENU_SURFACE_CLASS,
+  MENU_VALUE_CLASS,
+  MOBILE_ALERT,
+  MOBILE_ARMS,
+  MOBILE_PAGE,
+  MOBILE_SHEET,
+  MOBILE_SHEET_FULL,
+  Meter,
+  Popover,
+  PopoverAnchor,
+  PopoverContent,
+  PopoverTrigger,
+  Progress,
+  ProgressRing,
+  RING_RADIUS2 as RING_RADIUS,
+  RING_SIZE2 as RING_SIZE,
+  RING_STROKE2 as RING_STROKE,
+  RING_TONE_CLASS2 as RING_TONE_CLASS,
+  SEGMENTED_ITEM,
+  SEGMENTED_LIST,
+  SEGMENTED_ROW,
+  SEGMENTED_ROW_COMPACT,
+  SEGMENTED_TAB,
+  ScrollArea,
+  ScrollBar,
+  SegmentedControl,
+  Select,
+  SelectContent,
+  SelectGroup,
+  SelectItem,
+  SelectLabel,
+  SelectScrollDownButton,
+  SelectScrollUpButton,
+  SelectSeparator,
+  SelectTrigger,
+  SelectValue,
+  Separator,
+  Sheet,
+  SheetClose,
+  SheetContent,
+  SheetDescription,
+  SheetDragProvider,
+  SheetFooter,
+  SheetGrabber,
+  SheetHeader,
+  SheetTitle,
+  SheetTrigger,
+  Skeleton,
+  Spinner,
+  Switch,
+  TOAST_CONSTANTS,
+  TOAST_KINDS,
+  TOAST_TOUCH_QUERY2 as TOAST_TOUCH_QUERY,
+  Table,
+  TableBody,
+  TableCaption,
+  TableCell,
+  TableFooter,
+  TableHead,
+  TableHeader,
+  TableRow,
+  Tabs,
+  TabsContent,
+  TabsList,
+  TabsTrigger,
+  Textarea,
+  Toaster,
+  Tooltip,
+  TooltipContent,
+  TooltipProvider,
+  TooltipTrigger,
+  VoiceWave,
+  alertVariants,
+  avatarHueIndex,
+  buttonVariants,
+  choiceColumns2 as choiceColumns,
+  choiceToggle2 as choiceToggle,
+  choiceValues2 as choiceValues,
+  cn2 as cn,
+  createToastStore2 as createToastStore,
+  dockPileGeometry2 as dockPileGeometry,
+  getInitials2 as getInitials,
+  middleTruncate,
+  progressRingPercent2 as progressRingPercent,
+  ringGeometry2 as ringGeometry,
+  shouldDismissSheet,
+  toast,
+  toastPlacement2 as toastPlacement,
+  toastStackGeometry2 as toastStackGeometry,
+  toastStore,
+  useIsMobile,
+  useMediaQuery,
+  useSheetDrag,
+  useSheetDragHandleProps
+};
+
+//# debugId=F72B037A10E5B0A264756E2164756E21
+//# sourceMappingURL=index.js.map