@voltstack/bravais 1.0.0

package/dist/index.js

@@ -0,0 +1,4717 @@
+import React, { forwardRef, useId, useRef, Children, createContext, useState, useMemo, useEffect, useCallback, memo, useImperativeHandle, useLayoutEffect, isValidElement, useContext, cloneElement } from 'react';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { Link } from 'react-router-dom';
+import { X, Search, Minus, Check, ChevronDown, AlertCircle, Plus, Copy, ChevronUp, ChevronRight, Trash2, Info, CircleAlert, TriangleAlert, CircleCheck, Bell } from 'lucide-react';
+import { useFloating, autoUpdate, offset, flip, shift, useClick, useDismiss, useRole, useListNavigation, useTypeahead, useInteractions, FloatingPortal, FloatingFocusManager, size, useHover, useFocus } from '@floating-ui/react';
+import { motion, AnimatePresence } from 'framer-motion';
+import { ResponsiveContainer, AreaChart, YAxis, Area } from 'recharts';
+
+// src/shared/presentation/primitives/types.ts
+var STATUS_TONE_VARS = {
+  neutral: { fg: "var(--color-text-secondary)", bg: "var(--color-surface-2)", border: "var(--color-border-soft)" },
+  brand: { fg: "var(--color-brand-primary)", bg: "color-mix(in srgb, var(--color-brand-primary) 12%, transparent)", border: "color-mix(in srgb, var(--color-brand-primary) 24%, transparent)" },
+  success: { fg: "var(--status-success)", bg: "var(--status-success-bg)", border: "var(--status-success-border)" },
+  warning: { fg: "var(--status-warning)", bg: "var(--status-warning-bg)", border: "var(--status-warning-border)" },
+  danger: { fg: "var(--status-error)", bg: "var(--status-error-bg)", border: "var(--status-error-border)" },
+  info: { fg: "var(--status-info)", bg: "var(--status-info-bg)", border: "var(--status-info-border)" }
+};
+
+// src/shared/presentation/primitives/buildBoxClasses.ts
+var alignMap = {
+  start: "items-start",
+  center: "items-center",
+  end: "items-end"
+};
+var justifyMap = {
+  start: "",
+  center: "content-center",
+  end: "content-end",
+  between: "content-between",
+  around: "content-around"
+};
+var displayMap = {
+  flex: "d-flex",
+  grid: "d-grid",
+  block: "d-block",
+  none: "d-none"
+};
+var directionMap = {
+  row: "",
+  column: "column",
+  "row-reverse": "row-reverse"
+};
+var textAlignMap = {
+  left: "",
+  center: "text-center",
+  right: "text-right"
+};
+var borderMap = {
+  soft: "b-soft",
+  none: "b-none",
+  "bottom-soft": "border-bottom-soft",
+  "top-soft": "border-top-soft"
+};
+var widthMap = {
+  max: "w-max",
+  "50": "w-50",
+  "vw-max": "wh-max"
+};
+var heightMap = {
+  max: "h-max",
+  "vh-max": "vh-max"
+};
+var buildBoxClasses = (props) => {
+  const classes = [];
+  if (props.display) classes.push(displayMap[props.display]);
+  if (props.direction) {
+    const directionClass = directionMap[props.direction];
+    if (directionClass) classes.push(directionClass);
+  }
+  if (props.align) classes.push(alignMap[props.align]);
+  if (props.justify) {
+    const justifyClass = justifyMap[props.justify];
+    if (justifyClass) classes.push(justifyClass);
+  }
+  if (props.wrap) classes.push("flex-wrap");
+  if (props.gap) classes.push(`gap-${props.gap}`);
+  if (props.p !== void 0) classes.push(`p-${props.p}`);
+  if (props.px) classes.push(`px-${props.px}`);
+  if (props.m !== void 0) classes.push(`m-${props.m}`);
+  if (props.mt) classes.push(`mt-${props.mt}`);
+  if (props.mb) classes.push(`mb-${props.mb}`);
+  if (props.mx) classes.push(`mx-${props.mx}`);
+  if (props.radius) classes.push(`radius-${props.radius}`);
+  if (props.border) classes.push(borderMap[props.border]);
+  if (props.position) classes.push(`p-${props.position}`);
+  if (props.overflow) classes.push(`${props.overflow}`.includes("-") ? props.overflow : `overflow-${props.overflow}`);
+  if (props.width) classes.push(widthMap[props.width]);
+  if (props.height) classes.push(heightMap[props.height]);
+  if (props.flex) classes.push(`flex-${props.flex}`);
+  if (props.textAlign) {
+    const taClass = textAlignMap[props.textAlign];
+    if (taClass) classes.push(taClass);
+  }
+  if (props.shrink === "0") classes.push("f-shrink-0");
+  if (props.minH === "0") classes.push("min-h-0");
+  if (props.minW === "0") classes.push("min-w-0");
+  if (props.inset === "0") classes.push("inset-0");
+  if (props.top !== void 0) classes.push(`top-${props.top}`);
+  if (props.left !== void 0) classes.push(`left-${props.left}`);
+  if (props.bottom !== void 0) classes.push(`bottom-${props.bottom}`);
+  if (props.right !== void 0) classes.push(`right-${props.right}`);
+  if (props.zIndex) classes.push(`z-${props.zIndex}`);
+  if (props.transition) classes.push(`transition-${props.transition}`);
+  if (props.cursor === "pointer") classes.push("cursor-pointer");
+  if (props.selectNone) classes.push("u-select-none");
+  return classes;
+};
+var BOX_STYLE_KEYS = [
+  "display",
+  "direction",
+  "align",
+  "justify",
+  "wrap",
+  "gap",
+  "p",
+  "px",
+  "m",
+  "mt",
+  "mb",
+  "mx",
+  "radius",
+  "border",
+  "position",
+  "overflow",
+  "width",
+  "height",
+  "flex",
+  "textAlign",
+  "shrink",
+  "minH",
+  "minW",
+  "inset",
+  "top",
+  "left",
+  "bottom",
+  "right",
+  "zIndex",
+  "transition",
+  "cursor",
+  "selectNone"
+];
+var splitBoxProps = (props) => {
+  const styleProps = {};
+  const rest = {};
+  for (const key of Object.keys(props)) {
+    if (BOX_STYLE_KEYS.includes(key)) {
+      styleProps[key] = props[key];
+    } else {
+      rest[key] = props[key];
+    }
+  }
+  return {
+    styleProps,
+    rest
+  };
+};
+
+// src/shared/utils/cn.ts
+var cn = (...classes) => {
+  return classes.filter(Boolean).join(" ");
+};
+
+// src/shared/presentation/primitives/typography.ts
+var sizeMap = {
+  xs: "font-size-05",
+  sm: "font-size-1",
+  md: "font-size-2",
+  lg: "font-size-3",
+  xl: "font-size-4",
+  "2xl": "font-size-5",
+  "3xl": "font-size-6"
+};
+var weightMap = {
+  regular: "font-weight-4",
+  medium: "font-weight-5",
+  semibold: "font-weight-5-5",
+  bold: "font-weight-6"
+};
+var toneMap = {
+  primary: "color-primary",
+  secondary: "color-secondary",
+  muted: "color-muted",
+  "muted-foreground": "color-muted-foreground"
+};
+var alignMap2 = {
+  left: "",
+  center: "text-center",
+  right: "text-right"
+};
+var buildTypographyClasses = ({
+  size: size2,
+  weight,
+  tone,
+  align,
+  truncate,
+  lineHeight,
+  className
+}) => cn(
+  size2 ? sizeMap[size2] : void 0,
+  weight ? weightMap[weight] : void 0,
+  tone ? toneMap[tone] : void 0,
+  align ? alignMap2[align] : void 0,
+  truncate ? "text-truncate" : void 0,
+  lineHeight ? `line-height-${lineHeight}` : void 0,
+  className
+);
+var BoxImpl = ({ as, className, children, ...props }, ref) => {
+  const Component = as ?? "div";
+  const { styleProps, rest } = splitBoxProps(props);
+  const classes = cn(...buildBoxClasses(styleProps), className);
+  return /* @__PURE__ */ jsx(Component, { ref, className: classes, ...rest, children });
+};
+var Box = forwardRef(BoxImpl);
+var Box_default = Box;
+var Stack = forwardRef(function Stack2(props, ref) {
+  return /* @__PURE__ */ jsx(
+    Box_default,
+    {
+      ref,
+      display: "flex",
+      direction: "column",
+      ...props
+    }
+  );
+});
+var Stack_default = Stack;
+var Row = forwardRef(function Row2({ reverse, align = "center", ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    Box_default,
+    {
+      ref,
+      display: "flex",
+      direction: reverse ? "row-reverse" : "row",
+      align,
+      ...props
+    }
+  );
+});
+var Row_default = Row;
+var columnsClass = {
+  "2": "grid-cols-2",
+  "3": "grid-cols-3",
+  "4": "grid-cols-4",
+  "auto-fit": "grid-auto-fit",
+  "auto-fill": "grid-auto-fill"
+};
+var Grid = forwardRef(function Grid2({ columns, minColumnWidth, className, style, ...props }, ref) {
+  const colClass = columns !== void 0 ? columnsClass[String(columns)] : void 0;
+  const mergedStyle = minColumnWidth ? { ...style, "--grid-min": minColumnWidth } : style;
+  return /* @__PURE__ */ jsx(
+    Box_default,
+    {
+      ref,
+      display: "grid",
+      className: [colClass, className].filter(Boolean).join(" ") || void 0,
+      style: mergedStyle,
+      ...props
+    }
+  );
+});
+var Grid_default = Grid;
+var variantMap = {
+  primary: "primary-surface",
+  glass: "glass-bg",
+  elevated: "card-elevated",
+  danger: "zone-danger",
+  warning: "zone-warning"
+};
+var Surface = forwardRef(({
+  as,
+  variant,
+  className,
+  children,
+  ...props
+}, ref) => {
+  const Component = as ?? "div";
+  const { styleProps, rest } = splitBoxProps(props);
+  const classes = cn(
+    variant ? variantMap[variant] : void 0,
+    ...buildBoxClasses(styleProps),
+    className
+  );
+  return /* @__PURE__ */ jsx(Component, { ref, className: classes, ...rest, children });
+});
+Surface.displayName = "Surface";
+var Surface_default = Surface;
+var Divider = forwardRef(({
+  orientation = "horizontal",
+  className,
+  ...rest
+}, ref) => {
+  const classes = cn(
+    "volt-divider",
+    `volt-divider--${orientation}`,
+    className
+  );
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      role: "separator",
+      "aria-orientation": orientation,
+      className: classes,
+      ...rest
+    }
+  );
+});
+Divider.displayName = "Divider";
+var Divider_default = Divider;
+var Text = forwardRef(({
+  as = "span",
+  size: size2,
+  weight,
+  tone,
+  align,
+  truncate,
+  lineHeight,
+  className,
+  children,
+  ...rest
+}, ref) => {
+  const Component = as;
+  const classes = buildTypographyClasses({ size: size2, weight, tone, align, truncate, lineHeight, className });
+  return /* @__PURE__ */ jsx(Component, { ref, className: classes, ...rest, children });
+});
+Text.displayName = "Text";
+var Text_default = Text;
+var Heading = forwardRef(({
+  level,
+  size: size2 = "lg",
+  weight = "medium",
+  tone = "primary",
+  truncate,
+  className,
+  children,
+  ...rest
+}, ref) => {
+  const Component = `h${level}`;
+  const classes = buildTypographyClasses({ size: size2, weight, tone, truncate, className });
+  return /* @__PURE__ */ jsx(Component, { ref, className: classes, ...rest, children });
+});
+Heading.displayName = "Heading";
+var Heading_default = Heading;
+var SectionLabel = forwardRef(({
+  className,
+  children,
+  ...rest
+}, ref) => {
+  return /* @__PURE__ */ jsx("span", { ref, className: cn("text-eyebrow", className), ...rest, children });
+});
+SectionLabel.displayName = "SectionLabel";
+var SectionLabel_default = SectionLabel;
+var Loader = forwardRef(({
+  scale,
+  isFixed = true,
+  fillParent = false,
+  className = "",
+  label,
+  announce = false,
+  reducedMotionLabel = "Loading"
+}, ref) => {
+  const loaderItems = Array.from({ length: 12 }, (_, index) => index + 1);
+  const statusId = useId();
+  const statusLabel = label ?? "Loading";
+  let accessibilityProps = {};
+  if (announce) {
+    accessibilityProps = {
+      role: "status",
+      "aria-live": "polite",
+      "aria-atomic": true,
+      "aria-label": label ? void 0 : statusLabel,
+      "aria-labelledby": label ? statusId : void 0
+    };
+  }
+  const positioningClass = fillParent ? "loader-fill-parent" : isFixed ? "p-fixed inset-0" : "";
+  return /* @__PURE__ */ jsx("div", { ref, className: `d-flex flex-center ${positioningClass} ${className}`, ...accessibilityProps, children: /* @__PURE__ */ jsxs("div", { className: "d-flex column items-center gap-2 loader-content", children: [
+    /* @__PURE__ */ jsx("div", { className: "p-relative loader-visual", style: { transform: `scale(${scale})` }, children: loaderItems.map((item) => /* @__PURE__ */ jsx("div", { className: `p-absolute Loader-Item Loader-Item-${item}` }, item)) }),
+    label && /* @__PURE__ */ jsx("span", { id: statusId, className: "loader-label font-size-2 color-secondary text-center line-height-5", children: label }),
+    /* @__PURE__ */ jsx("span", { className: "loader-reduced-motion-label", children: reducedMotionLabel })
+  ] }) });
+});
+Loader.displayName = "Loader";
+var Loader_default = Loader;
+var MISSING_ICON_ONLY_LABEL_ERROR = "Button with iconOnly requires an accessible name via aria-label, title, or text children.";
+var FALLBACK_ICON_ONLY_LABEL = "Icon button";
+var Button = forwardRef(({
+  className = "",
+  variant = "solid",
+  intent = "neutral",
+  size: size2 = "md",
+  shape = "rounded",
+  block = false,
+  align = "center",
+  isLoading = false,
+  to,
+  disabled,
+  leftIcon,
+  rightIcon,
+  iconOnly = false,
+  iconSize,
+  premium = false,
+  children,
+  onClick,
+  style,
+  title,
+  type = "button",
+  "aria-label": ariaLabel,
+  "aria-labelledby": ariaLabelledBy,
+  "aria-describedby": ariaDescribedBy,
+  "aria-controls": ariaControls,
+  "aria-expanded": ariaExpanded,
+  id,
+  role,
+  tabIndex,
+  ...props
+}, ref) => {
+  const hasWarnedForMissingLabelRef = useRef(false);
+  const isDisabled = disabled || isLoading;
+  const textContent = Children.toArray(children).filter((child) => typeof child === "string" || typeof child === "number").join(" ").trim();
+  const resolvedTextContent = textContent || void 0;
+  const normalizedAriaLabel = ariaLabel?.trim() || void 0;
+  const normalizedTitle = title?.trim() || void 0;
+  let resolvedAriaLabel = normalizedAriaLabel;
+  if (iconOnly && !resolvedAriaLabel) {
+    resolvedAriaLabel = normalizedTitle ?? resolvedTextContent;
+  }
+  if (iconOnly && !resolvedAriaLabel) {
+    if (!hasWarnedForMissingLabelRef.current) {
+      console.warn(MISSING_ICON_ONLY_LABEL_ERROR);
+      hasWarnedForMissingLabelRef.current = true;
+    }
+    resolvedAriaLabel = FALLBACK_ICON_ONLY_LABEL;
+  }
+  const resolvedStyle = {
+    ...style,
+    ...iconSize ? { "--button-icon-size": `${iconSize}px` } : {}
+  };
+  const resolvedTitle = normalizedTitle ?? (iconOnly ? resolvedAriaLabel : void 0);
+  const classes = cn(
+    "button",
+    `variant-${variant}`,
+    `intent-${intent}`,
+    `size-${size2}`,
+    `shape-${shape}`,
+    block && "block",
+    align !== "center" && `align-${align}`,
+    isLoading && "is-loading",
+    iconOnly && "icon-only",
+    premium && "premium",
+    "p-relative",
+    "items-center",
+    "content-center",
+    "font-weight-5",
+    "u-select-none",
+    "cursor-pointer",
+    "transition-fast",
+    className
+  );
+  const handleButtonClick = (event) => {
+    if (isDisabled) {
+      event.preventDefault();
+      return;
+    }
+    onClick?.(event);
+  };
+  const handleLinkClick = (event) => {
+    if (isDisabled) {
+      event.preventDefault();
+      return;
+    }
+    onClick?.(event);
+  };
+  const content = /* @__PURE__ */ jsxs(Fragment, { children: [
+    isLoading && /* @__PURE__ */ jsx("div", { className: "button-loader p-absolute d-flex items-center content-center", children: /* @__PURE__ */ jsx(Loader_default, { scale: 0.6, isFixed: false }) }),
+    leftIcon && /* @__PURE__ */ jsx("span", { className: "button-icon-left font-size-4", "aria-hidden": "true", children: leftIcon }),
+    iconOnly ? /* @__PURE__ */ jsx("span", { className: "button-icon-only-content d-flex items-center content-center", "aria-hidden": "true", children }) : children,
+    rightIcon && /* @__PURE__ */ jsx("span", { className: "button-icon-right", "aria-hidden": "true", children: rightIcon })
+  ] });
+  if (to) {
+    return /* @__PURE__ */ jsx(
+      Link,
+      {
+        to,
+        id,
+        className: classes,
+        role,
+        onClick: handleLinkClick,
+        title: resolvedTitle,
+        "aria-label": resolvedAriaLabel,
+        "aria-labelledby": ariaLabelledBy,
+        "aria-describedby": ariaDescribedBy,
+        "aria-controls": ariaControls,
+        "aria-expanded": ariaExpanded,
+        "aria-busy": isLoading || void 0,
+        "aria-disabled": isDisabled || void 0,
+        tabIndex: isDisabled ? -1 : tabIndex,
+        style: resolvedStyle,
+        children: content
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      ref,
+      type,
+      className: classes,
+      disabled: isDisabled,
+      onClick: handleButtonClick,
+      title: resolvedTitle,
+      "aria-label": resolvedAriaLabel,
+      "aria-labelledby": ariaLabelledBy,
+      "aria-describedby": ariaDescribedBy,
+      "aria-controls": ariaControls,
+      "aria-expanded": ariaExpanded,
+      "aria-busy": isLoading || void 0,
+      id,
+      role,
+      tabIndex,
+      style: resolvedStyle,
+      ...props,
+      children: content
+    }
+  );
+});
+Button.displayName = "Button";
+var Button_default = Button;
+var MISSING_ICON_BUTTON_LABEL_ERROR = "IconButton requires an accessible name via aria-label, aria-labelledby, or title.";
+var FALLBACK_ICON_BUTTON_LABEL = "Icon button";
+var IconButton = forwardRef(({
+  children,
+  className = "",
+  variant = "default",
+  size: size2 = "md",
+  disabled,
+  title,
+  "aria-label": ariaLabel,
+  "aria-labelledby": ariaLabelledBy,
+  onClick,
+  ...props
+}, ref) => {
+  const hasWarnedForMissingLabelRef = useRef(false);
+  const textContent = Children.toArray(children).filter((child) => typeof child === "string" || typeof child === "number").join(" ").trim();
+  const resolvedTitle = title?.trim() || void 0;
+  const labelledBy = ariaLabelledBy?.trim() || void 0;
+  let resolvedAriaLabel = ariaLabel?.trim() || resolvedTitle || textContent || void 0;
+  if (!labelledBy && !resolvedAriaLabel) {
+    if (!hasWarnedForMissingLabelRef.current) {
+      console.warn(MISSING_ICON_BUTTON_LABEL_ERROR);
+      hasWarnedForMissingLabelRef.current = true;
+    }
+    resolvedAriaLabel = FALLBACK_ICON_BUTTON_LABEL;
+  }
+  const handleClick = (event) => {
+    if (disabled) {
+      event.preventDefault();
+      return;
+    }
+    onClick?.(event);
+  };
+  const classes = [
+    "volt-icon-button",
+    "flex-center",
+    "transition-fast",
+    `volt-icon-button--${variant}`,
+    `volt-icon-button--${size2}`,
+    disabled && "volt-icon-button--disabled",
+    className
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      ref,
+      className: classes,
+      disabled,
+      type: "button",
+      title: resolvedTitle ?? resolvedAriaLabel,
+      "aria-label": resolvedAriaLabel,
+      "aria-labelledby": labelledBy,
+      onClick: handleClick,
+      ...props,
+      children
+    }
+  );
+});
+IconButton.displayName = "IconButton";
+var IconButton_default = IconButton;
+var CloseButton = forwardRef(({
+  onClick,
+  command,
+  commandfor,
+  "aria-label": ariaLabel = "Close"
+}, ref) => {
+  return /* @__PURE__ */ jsx(
+    Button_default,
+    {
+      ref,
+      variant: "ghost",
+      intent: "neutral",
+      iconOnly: true,
+      size: "sm",
+      onClick,
+      command,
+      commandfor,
+      "aria-label": ariaLabel,
+      children: /* @__PURE__ */ jsx(X, { size: 20 })
+    }
+  );
+});
+CloseButton.displayName = "CloseButton";
+var CloseButton_default = CloseButton;
+var MISSING_SEARCH_INPUT_NAME_ERROR = "SearchInput requires an accessible name via aria-label, aria-labelledby, or an external label bound to its id.";
+var FALLBACK_SEARCH_LABEL = "Search";
+var SearchInput = forwardRef(({
+  containerClassName,
+  variant = "default",
+  className,
+  placeholder = "Search\u2026",
+  overlayContent,
+  overlayVisible = false,
+  id,
+  title,
+  autoComplete = "off",
+  "aria-label": ariaLabel,
+  "aria-labelledby": ariaLabelledBy,
+  ...props
+}, ref) => {
+  const hasWarnedForMissingNameRef = useRef(false);
+  const resolvedAriaLabel = ariaLabel?.trim() || void 0;
+  const resolvedAriaLabelledBy = ariaLabelledBy?.trim() || void 0;
+  const resolvedTitle = title?.trim() || void 0;
+  const hasExternalLabelContract = Boolean(id);
+  let accessibleName = resolvedAriaLabel ?? resolvedTitle;
+  if (!resolvedAriaLabelledBy && !accessibleName && !hasExternalLabelContract) {
+    if (!hasWarnedForMissingNameRef.current) {
+      console.warn(MISSING_SEARCH_INPUT_NAME_ERROR);
+      hasWarnedForMissingNameRef.current = true;
+    }
+    accessibleName = FALLBACK_SEARCH_LABEL;
+  }
+  return /* @__PURE__ */ jsxs("div", { className: `${cn("search-input-container d-flex items-center gap-05", variant === "small" && "search-input-container--small", containerClassName)}`, children: [
+    /* @__PURE__ */ jsx(Search, { "aria-hidden": "true", className: cn("search-input-icon color-muted f-shrink-0", variant === "small" && "search-input-icon--small") }),
+    /* @__PURE__ */ jsxs("div", { className: "search-input-content p-relative flex-1", children: [
+      overlayVisible && overlayContent && /* @__PURE__ */ jsx("div", { className: "search-input-overlay d-flex items-center", children: overlayContent }),
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          ref,
+          id,
+          type: "search",
+          title: resolvedTitle,
+          "aria-label": accessibleName,
+          "aria-labelledby": resolvedAriaLabelledBy,
+          autoComplete,
+          placeholder: overlayVisible ? "" : placeholder || "Search\u2026",
+          className: cn("search-input font-size-2 color-primary flex-1", variant === "small" && "search-input--small", className, overlayVisible && "search-input--with-overlay"),
+          ...props
+        }
+      )
+    ] })
+  ] });
+});
+SearchInput.displayName = "SearchInput";
+var SearchInput_default = SearchInput;
+var FloatingRootContext = createContext(void 0);
+var TopLayerRootContext = createContext(void 0);
+var FloatingOwnerIdsContext = createContext([]);
+var FLOATING_OWNER_IDS_ATTRIBUTE = "data-floating-owner-ids";
+var useFloatingRoot = () => {
+  return useContext(FloatingRootContext);
+};
+var useTopLayerRoot = () => {
+  return useContext(TopLayerRootContext);
+};
+var useFloatingOwnerIds = () => {
+  return useContext(FloatingOwnerIdsContext);
+};
+var appendFloatingOwnerIds = (ownerIds, ownerId) => {
+  if (!ownerId) {
+    return ownerIds;
+  }
+  return [...ownerIds, ownerId];
+};
+var getFloatingOwnerIdsAttribute = (ownerIds) => {
+  if (!ownerIds.length) {
+    return void 0;
+  }
+  return ownerIds.join(" ");
+};
+var hasFloatingOwnerId = (element, ownerId) => {
+  if (!element || !ownerId) {
+    return false;
+  }
+  const ownerIdsValue = element.closest(`[${FLOATING_OWNER_IDS_ATTRIBUTE}]`)?.getAttribute(FLOATING_OWNER_IDS_ATTRIBUTE);
+  if (!ownerIdsValue) {
+    return false;
+  }
+  return ownerIdsValue.split(/\s+/).includes(ownerId);
+};
+var FloatingRootContext_default = FloatingRootContext;
+var matchReferenceWidth = (padding = 8) => {
+  return size({
+    apply({ rects, elements }) {
+      Object.assign(elements.floating.style, {
+        minWidth: `${rects.reference.width}px`
+      });
+    },
+    padding
+  });
+};
+var useFloatingLayerRoot = () => {
+  const floatingRoot = useTopLayerRoot();
+  const floatingOwnerIds = useFloatingOwnerIds();
+  const floatingOwnerIdsAttribute = getFloatingOwnerIdsAttribute(floatingOwnerIds);
+  return {
+    floatingRoot,
+    floatingOwnerIdsAttribute
+  };
+};
+var Select = forwardRef(({
+  options,
+  id,
+  value = null,
+  onChange,
+  disabled = false,
+  onDark = false,
+  placeholder = "Select\u2026",
+  className = "",
+  style,
+  optionClassName = "",
+  showSelectionIcon = true,
+  isLoading = false,
+  onScrollEnd,
+  renderOptionAction,
+  isEditable = false,
+  inputClassName = "",
+  title,
+  onFocusCapture,
+  isMulti = false,
+  selectedValues,
+  onMultiChange,
+  allOption,
+  renderTriggerLabel,
+  hasSearch = false,
+  searchPlaceholder = "Search\u2026",
+  "aria-label": ariaLabel,
+  "aria-labelledby": ariaLabelledBy,
+  "aria-describedby": ariaDescribedBy,
+  "aria-invalid": ariaInvalid,
+  "aria-errormessage": ariaErrorMessage
+}, ref) => {
+  const uid = useId();
+  const { floatingRoot, floatingOwnerIdsAttribute } = useFloatingLayerRoot();
+  const [isOpen, setIsOpen] = useState(false);
+  const [activeIndex, setActiveIndex] = useState(null);
+  const [searchQuery, setSearchQuery] = useState("");
+  const listRef = useRef([]);
+  const listContentRef = useRef([]);
+  const inputRef = useRef(null);
+  const selectedValuesSet = useMemo(() => new Set(selectedValues ?? []), [selectedValues]);
+  const selectedOption = useMemo(() => {
+    if (!value) return null;
+    return options.find((option) => option.value === value) || null;
+  }, [options, value]);
+  const filteredOptions = useMemo(() => {
+    if (!isEditable && !hasSearch || !searchQuery) return options;
+    const lowerQuery = searchQuery.toLowerCase();
+    return options.filter((option) => option.title.toLowerCase().includes(lowerQuery));
+  }, [options, isEditable, hasSearch, searchQuery]);
+  const displayOptions = useMemo(() => {
+    if (isMulti && allOption) {
+      return [{ value: allOption.value, title: allOption.title }, ...filteredOptions];
+    }
+    return filteredOptions;
+  }, [isMulti, allOption, filteredOptions]);
+  const selectedIndex = useMemo(() => {
+    if (isMulti) return null;
+    if (!value) return null;
+    const optionIndex = displayOptions.findIndex((option) => option.value === value);
+    if (optionIndex < 0) return null;
+    return optionIndex;
+  }, [isMulti, displayOptions, value]);
+  listContentRef.current = displayOptions.map((option) => option.title);
+  useEffect(() => {
+    if (!isOpen) {
+      setActiveIndex(null);
+      setSearchQuery("");
+      return;
+    }
+    if (selectedIndex !== null) {
+      setActiveIndex(selectedIndex);
+      return;
+    }
+    if (displayOptions.length > 0) {
+      setActiveIndex(0);
+    }
+  }, [isOpen, displayOptions.length, selectedIndex]);
+  const { refs, floatingStyles, context } = useFloating({
+    open: isOpen,
+    onOpenChange: setIsOpen,
+    placement: "bottom-start",
+    middleware: [
+      offset(6),
+      flip({ padding: 8 }),
+      shift({ padding: 8 }),
+      matchReferenceWidth()
+    ],
+    whileElementsMounted: autoUpdate
+  });
+  const click = useClick(context, { keyboardHandlers: !isEditable });
+  const dismiss = useDismiss(context);
+  const role = useRole(context, { role: "listbox" });
+  const listNavigation = useListNavigation(context, {
+    listRef,
+    activeIndex,
+    selectedIndex: selectedIndex ?? void 0,
+    onNavigate: setActiveIndex,
+    loop: true
+  });
+  const typeahead = useTypeahead(context, {
+    listRef: listContentRef,
+    activeIndex,
+    selectedIndex: selectedIndex ?? void 0,
+    onMatch: setActiveIndex,
+    enabled: !isEditable && !isMulti
+  });
+  const { getReferenceProps, getFloatingProps, getItemProps } = useInteractions([
+    click,
+    dismiss,
+    role,
+    listNavigation,
+    typeahead
+  ]);
+  const handleSelect = useCallback((optionValue) => {
+    if (isMulti) {
+      if (allOption && optionValue === allOption.value) {
+        onMultiChange?.([]);
+      } else {
+        const currentValues = selectedValues ?? [];
+        const isSelected = currentValues.includes(optionValue);
+        const nextValues = isSelected ? currentValues.filter((v) => v !== optionValue) : [...currentValues, optionValue];
+        onMultiChange?.(nextValues);
+      }
+      return;
+    }
+    onChange?.(optionValue);
+    setIsOpen(false);
+  }, [isMulti, allOption, selectedValues, onMultiChange, onChange]);
+  const handleScroll = useCallback((event) => {
+    if (!onScrollEnd) return;
+    const target = event.currentTarget;
+    const threshold = 50;
+    const isNearBottom = target.scrollHeight - target.scrollTop - target.clientHeight < threshold;
+    if (isNearBottom && !isLoading) {
+      onScrollEnd();
+    }
+  }, [onScrollEnd, isLoading]);
+  const handleInputChange = useCallback((e) => {
+    setSearchQuery(e.target.value);
+    if (!isOpen) {
+      setIsOpen(true);
+    }
+  }, [isOpen]);
+  const handleInputFocus = useCallback(() => {
+    setSearchQuery("");
+    setIsOpen(true);
+    requestAnimationFrame(() => inputRef.current?.select());
+  }, []);
+  const handleInputKeyDown = useCallback((e) => {
+    if (e.key === "Enter") {
+      e.preventDefault();
+      if (activeIndex !== null && filteredOptions[activeIndex]) {
+        handleSelect(filteredOptions[activeIndex].value);
+      } else if (filteredOptions.length === 1) {
+        handleSelect(filteredOptions[0].value);
+      }
+      return;
+    }
+    if (e.key === "Escape") {
+      setIsOpen(false);
+      setSearchQuery("");
+    }
+  }, [activeIndex, filteredOptions, handleSelect]);
+  const setInputReference = useCallback((node) => {
+    refs.setReference(node);
+    inputRef.current = node;
+    if (typeof ref === "function") {
+      ref(node);
+    } else if (ref) {
+      ref.current = node;
+    }
+  }, [refs, ref]);
+  const inputDisplayValue = isOpen ? searchQuery : selectedOption?.title ?? "";
+  const multiTriggerLabel = useMemo(() => {
+    const count = selectedValues?.length ?? 0;
+    if (renderTriggerLabel) {
+      return renderTriggerLabel(count, options.length);
+    }
+    if (count === 0) return placeholder;
+    return `${count} selected`;
+  }, [selectedValues, renderTriggerLabel, options.length, placeholder]);
+  const renderOption = (option, index) => {
+    let isSelected;
+    if (isMulti) {
+      if (allOption && option.value === allOption.value) {
+        isSelected = (selectedValues?.length ?? 0) === 0;
+      } else {
+        isSelected = selectedValuesSet.has(option.value);
+      }
+    } else {
+      isSelected = option.value === value;
+    }
+    const handleOptionKeyDown = (event) => {
+      if (event.key !== "Enter" && event.key !== " ") {
+        return;
+      }
+      event.preventDefault();
+      handleSelect(option.value);
+    };
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref: (node) => {
+          listRef.current[index] = node;
+        },
+        role: "option",
+        tabIndex: activeIndex === index ? 0 : -1,
+        "aria-selected": isSelected,
+        className: `select-option d-flex items-center content-between gap-05 ${optionClassName} ${isSelected ? "selected" : ""} ${activeIndex === index ? "active" : ""} color-primary cursor-pointer`,
+        ...getItemProps({
+          onClick: () => handleSelect(option.value),
+          onKeyDown: handleOptionKeyDown
+        }),
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: "d-flex column", children: [
+            /* @__PURE__ */ jsx("p", { className: "font-size-2", children: option.title }),
+            option.description && /* @__PURE__ */ jsx("p", { className: "select-option-description color-muted font-size-1", children: option.description })
+          ] }),
+          showSelectionIcon && isSelected && /* @__PURE__ */ jsx(
+            "svg",
+            {
+              className: "select-option-check color-muted",
+              width: "16",
+              height: "16",
+              viewBox: "0 0 24 24",
+              "aria-hidden": "true",
+              children: /* @__PURE__ */ jsx(
+                "path",
+                {
+                  d: "M20 6L9 17l-5-5",
+                  fill: "none",
+                  stroke: "currentColor",
+                  strokeWidth: "2"
+                }
+              )
+            }
+          ),
+          renderOptionAction?.(option, isSelected)
+        ]
+      },
+      option.value
+    );
+  };
+  const renderTrigger = () => {
+    const triggerAriaProps = {
+      "aria-haspopup": "listbox",
+      "aria-expanded": isOpen,
+      "aria-label": ariaLabel,
+      "aria-labelledby": ariaLabelledBy,
+      "aria-describedby": ariaDescribedBy,
+      "aria-invalid": ariaInvalid,
+      "aria-errormessage": ariaErrorMessage
+    };
+    if (isEditable) {
+      return /* @__PURE__ */ jsx(
+        "input",
+        {
+          ref: setInputReference,
+          id: id ?? uid,
+          type: "text",
+          value: inputDisplayValue,
+          placeholder,
+          onChange: handleInputChange,
+          onFocus: handleInputFocus,
+          onKeyDown: handleInputKeyDown,
+          className: `select-trigger select-trigger--editable ${className} ${inputClassName} ${isOpen ? "open" : ""}`,
+          style,
+          disabled,
+          title,
+          ...triggerAriaProps,
+          onFocusCapture,
+          ...getReferenceProps()
+        }
+      );
+    }
+    const label = isMulti ? multiTriggerLabel : selectedOption ? selectedOption.title : /* @__PURE__ */ jsx("span", { className: "color-muted", children: placeholder });
+    const setButtonReference = (node) => {
+      refs.setReference(node);
+      if (typeof ref === "function") {
+        ref(node);
+      } else if (ref) {
+        ref.current = node;
+      }
+    };
+    return /* @__PURE__ */ jsxs(
+      "button",
+      {
+        ref: setButtonReference,
+        id: id ?? uid,
+        type: "button",
+        className: `select-trigger d-flex items-center gap-05 ${onDark ? "on-dark" : ""} ${className} ${isOpen ? "open" : ""} overflow-hidden cursor-pointer`,
+        style,
+        disabled,
+        title,
+        ...triggerAriaProps,
+        onFocusCapture,
+        ...getReferenceProps(),
+        children: [
+          /* @__PURE__ */ jsx("span", { className: "select-value overflow-hidden", children: label }),
+          /* @__PURE__ */ jsx(
+            "svg",
+            {
+              className: `select-chevron ${isOpen ? "rotated" : ""}`,
+              width: "18",
+              height: "18",
+              viewBox: "0 0 24 24",
+              "aria-hidden": "true",
+              children: /* @__PURE__ */ jsx(
+                "path",
+                {
+                  d: "M7 10l5 5 5-5",
+                  fill: "none",
+                  stroke: "currentColor",
+                  strokeWidth: "2"
+                }
+              )
+            }
+          )
+        ]
+      }
+    );
+  };
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    renderTrigger(),
+    isOpen && /* @__PURE__ */ jsx(FloatingPortal, { root: floatingRoot, children: /* @__PURE__ */ jsx(FloatingFocusManager, { context, modal: false, children: /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref: refs.setFloating,
+        className: "select-dropdown y-auto glass-bg",
+        "data-floating-owner-ids": floatingOwnerIdsAttribute,
+        style: floatingStyles,
+        onScroll: handleScroll,
+        ...getFloatingProps(),
+        children: [
+          hasSearch && /* @__PURE__ */ jsx(
+            SearchInput_default,
+            {
+              variant: "small",
+              value: searchQuery,
+              onChange: (e) => setSearchQuery(e.target.value),
+              placeholder: searchPlaceholder,
+              "aria-label": "Search options",
+              containerClassName: "select-dropdown-search"
+            }
+          ),
+          displayOptions.map(renderOption),
+          isLoading && /* @__PURE__ */ jsx("div", { className: "select-option-loading d-flex items-center content-center", children: /* @__PURE__ */ jsx("p", { className: "color-muted font-size-1", children: "Loading\u2026" }) })
+        ]
+      }
+    ) }) })
+  ] });
+});
+Select.displayName = "Select";
+var Select_default = Select;
+var supportsMatchMedia = () => {
+  return typeof window.matchMedia === "function";
+};
+var getInitialMatch = (query) => {
+  if (!supportsMatchMedia()) {
+    return false;
+  }
+  return window.matchMedia(query).matches;
+};
+var useMedia = (query) => {
+  const [matches, setMatches] = useState(() => getInitialMatch(query));
+  useEffect(() => {
+    if (!supportsMatchMedia()) {
+      return;
+    }
+    const mediaQueryList = window.matchMedia(query);
+    const handleChange = (event) => setMatches(event.matches);
+    setMatches(mediaQueryList.matches);
+    mediaQueryList.addEventListener("change", handleChange);
+    return () => mediaQueryList.removeEventListener("change", handleChange);
+  }, [query]);
+  return matches;
+};
+var use_media_default = useMedia;
+
+// src/shared/presentation/hooks/use-prefers-reduced-motion.ts
+var REDUCED_MOTION_MEDIA_QUERY = "(prefers-reduced-motion: reduce)";
+var usePrefersReducedMotion = () => use_media_default(REDUCED_MOTION_MEDIA_QUERY);
+var SegmentedTabs = forwardRef(function SegmentedTabs2({
+  tabs,
+  activeTab,
+  onChange,
+  ariaLabel,
+  layoutId,
+  size: size2 = "md",
+  fullWidth = false,
+  className = ""
+}, ref) {
+  const prefersReducedMotion = usePrefersReducedMotion();
+  const autoLayoutId = useId();
+  const resolvedLayoutId = layoutId ?? autoLayoutId;
+  const containerClassName = [
+    "segmented-tabs",
+    `segmented-tabs--${size2}`,
+    fullWidth ? "segmented-tabs--full" : "",
+    className
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsx("div", { ref, className: `${containerClassName}`, role: "tablist", "aria-label": ariaLabel, children: tabs.map((tab) => {
+    const isActive = activeTab === tab.id;
+    return /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        role: "tab",
+        "aria-selected": isActive,
+        tabIndex: isActive ? 0 : -1,
+        className: `segmented-tabs__tab ${isActive ? "is-active" : ""}`,
+        onClick: () => onChange(tab.id),
+        children: [
+          isActive && /* @__PURE__ */ jsx(
+            motion.span,
+            {
+              layoutId: `${resolvedLayoutId}-pill`,
+              className: "segmented-tabs__pill",
+              transition: prefersReducedMotion ? { duration: 0 } : { type: "spring", stiffness: 420, damping: 36 }
+            }
+          ),
+          /* @__PURE__ */ jsxs("span", { className: "segmented-tabs__label", children: [
+            tab.icon ? /* @__PURE__ */ jsx("span", { className: "segmented-tabs__icon d-flex flex-center", children: tab.icon }) : null,
+            tab.label
+          ] })
+        ]
+      },
+      tab.id
+    );
+  }) });
+});
+SegmentedTabs.displayName = "SegmentedTabs";
+var SegmentedTabs_default = SegmentedTabs;
+var clamp = (v, min, max) => Math.min(max, Math.max(min, v));
+var getStepDecimals = (step) => {
+  const s = step.toString();
+  if (s.includes("e-")) return parseInt(s.split("e-")[1], 10);
+  const i = s.indexOf(".");
+  return i === -1 ? 0 : s.length - i - 1;
+};
+var snapToStep = (raw, min, step, decimals) => Number((Math.round((raw - min) / step) * step + min).toFixed(decimals));
+var Slider = forwardRef(({
+  min,
+  max,
+  value,
+  onChange,
+  step = 1,
+  disabled = false,
+  className = "",
+  style
+}, ref) => {
+  const trackRef = useRef(null);
+  const auraKeyRef = useRef(0);
+  const [isDragging, setIsDragging] = useState(false);
+  const [isHovered, setIsHovered] = useState(false);
+  const [auraPulseKey, setAuraPulseKey] = useState(0);
+  const prefersReducedMotion = usePrefersReducedMotion();
+  const decimals = useMemo(() => getStepDecimals(step), [step]);
+  const ratioFromValue = useCallback(
+    (v) => max === min ? 0 : clamp((v - min) / (max - min), 0, 1),
+    [min, max]
+  );
+  const ratio = ratioFromValue(value);
+  const updateFromClientX = useCallback((clientX) => {
+    if (!trackRef.current || disabled) return;
+    const rect = trackRef.current.getBoundingClientRect();
+    const r = clamp((clientX - rect.left) / rect.width, 0, 1);
+    const raw = min + r * (max - min);
+    const next = clamp(snapToStep(raw, min, step, decimals), min, max);
+    onChange(next);
+  }, [disabled, min, max, step, decimals, onChange]);
+  const onPointerDown = useCallback((e) => {
+    if (disabled) return;
+    e.currentTarget.setPointerCapture?.(e.pointerId);
+    setIsDragging(true);
+    updateFromClientX(e.clientX);
+  }, [disabled, updateFromClientX]);
+  const onPointerMove = useCallback((e) => {
+    if (!isDragging || disabled) return;
+    updateFromClientX(e.clientX);
+  }, [isDragging, disabled, updateFromClientX]);
+  const finishDrag = useCallback((target, pointerId) => {
+    target.releasePointerCapture?.(pointerId);
+    setIsDragging(false);
+  }, []);
+  const onPointerUp = useCallback((e) => {
+    if (!isDragging) return;
+    finishDrag(e.currentTarget, e.pointerId);
+  }, [isDragging, finishDrag]);
+  const onPointerCancel = useCallback((e) => {
+    if (!isDragging) return;
+    finishDrag(e.currentTarget, e.pointerId);
+  }, [isDragging, finishDrag]);
+  const onLostCapture = useCallback(() => {
+    if (isDragging) setIsDragging(false);
+  }, [isDragging]);
+  const onMouseEnter = useCallback(() => {
+    if (disabled || isDragging) return;
+    setIsHovered(true);
+  }, [disabled, isDragging]);
+  const onMouseLeave = useCallback(() => {
+    if (disabled || isDragging) return;
+    setIsHovered(false);
+  }, [disabled, isDragging]);
+  const triggerAuraPulse = useCallback(() => {
+    if (prefersReducedMotion) return;
+    auraKeyRef.current += 1;
+    setAuraPulseKey(auraKeyRef.current);
+  }, [prefersReducedMotion]);
+  const onKeyDown = useCallback((e) => {
+    if (disabled) return;
+    let next = value;
+    const coarse = step * 10;
+    switch (e.key) {
+      case "ArrowLeft":
+      case "ArrowDown":
+        e.preventDefault();
+        next = clamp(value - step, min, max);
+        break;
+      case "ArrowRight":
+      case "ArrowUp":
+        e.preventDefault();
+        next = clamp(value + step, min, max);
+        break;
+      case "PageDown":
+        e.preventDefault();
+        next = clamp(value - coarse, min, max);
+        break;
+      case "PageUp":
+        e.preventDefault();
+        next = clamp(value + coarse, min, max);
+        break;
+      case "Home":
+        e.preventDefault();
+        next = min;
+        break;
+      case "End":
+        e.preventDefault();
+        next = max;
+        break;
+      default:
+        return;
+    }
+    next = snapToStep(next, min, step, decimals);
+    triggerAuraPulse();
+    onChange(next);
+  }, [disabled, value, step, min, max, decimals, onChange, triggerAuraPulse]);
+  useEffect(() => {
+    if (disabled) {
+      setIsHovered(false);
+      setIsDragging(false);
+    }
+  }, [disabled]);
+  const trackStyle = {
+    "--slider-ratio": ratio,
+    "--slider-ring-a": isDragging ? 1 : isHovered ? 0.5 : 0,
+    "--slider-ring-b": isDragging ? 1 : 0,
+    "--slider-elev": isDragging ? 1 : 0,
+    "--slider-scale": isDragging ? 1.05 : isHovered ? 1.02 : 1,
+    "--slider-aura-opacity": isDragging ? 1 : 0,
+    "--slider-aura-scale": isDragging ? 1.1 : 1,
+    "--slider-aura-intensity": isDragging ? 0.5 : 0,
+    "--slider-sheen-opacity": isDragging ? 1 : 0
+  };
+  return /* @__PURE__ */ jsx("div", { ref, className: `slider slider--ios ${disabled ? "slider--disabled" : ""} ${className || ""} u-select-none`, style, "aria-disabled": disabled || void 0, "data-disabled": disabled || void 0, children: /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref: trackRef,
+      className: "slider__track p-relative w-max overflow-hidden cursor-pointer",
+      role: "slider",
+      "aria-valuemin": min,
+      "aria-valuemax": max,
+      "aria-valuenow": value,
+      "aria-valuetext": `${value}`,
+      tabIndex: disabled ? -1 : 0,
+      "data-dragging": isDragging || void 0,
+      "data-hovered": isHovered || void 0,
+      style: trackStyle,
+      onPointerDown,
+      onPointerMove,
+      onPointerUp,
+      onPointerCancel,
+      onLostPointerCapture: onLostCapture,
+      onKeyDown,
+      onMouseEnter,
+      onMouseLeave,
+      children: /* @__PURE__ */ jsxs("div", { className: "slider__progress p-absolute inset-0", children: [
+        /* @__PURE__ */ jsx("div", { className: "slider__gloss p-absolute" }),
+        /* @__PURE__ */ jsx("div", { className: "slider__sheen p-absolute", "data-running": isDragging || void 0 }),
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: "slider__aura p-absolute",
+            "data-pulse": auraPulseKey > 0 || void 0
+          },
+          auraPulseKey
+        ),
+        /* @__PURE__ */ jsxs("div", { className: "slider__sparkles p-absolute overflow-hidden inset-0", children: [
+          /* @__PURE__ */ jsx("span", {}),
+          /* @__PURE__ */ jsx("span", {}),
+          /* @__PURE__ */ jsx("span", {}),
+          /* @__PURE__ */ jsx("span", {}),
+          /* @__PURE__ */ jsx("span", {}),
+          /* @__PURE__ */ jsx("span", {}),
+          /* @__PURE__ */ jsx("span", {}),
+          /* @__PURE__ */ jsx("span", {})
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "slider__noise p-absolute inset-0" })
+      ] })
+    }
+  ) });
+});
+Slider.displayName = "Slider";
+var Slider_default = memo(Slider);
+var LiquidToggle = forwardRef(({
+  className,
+  id,
+  pressed,
+  defaultPressed = false,
+  onChange,
+  bounce = true,
+  disabled = false,
+  "aria-label": ariaLabel = "toggle",
+  "aria-labelledby": ariaLabelledBy,
+  "aria-describedby": ariaDescribedBy,
+  "aria-invalid": ariaInvalid,
+  "aria-errormessage": ariaErrorMessage
+}, ref) => {
+  const btnRef = useRef(null);
+  const isControlled = typeof pressed === "boolean";
+  const [internalPressed, setInternalPressed] = useState(defaultPressed);
+  const effectivePressed = isControlled ? pressed : internalPressed;
+  const [active, setActive] = useState(false);
+  const [complete, setComplete] = useState(effectivePressed ? 100 : 0);
+  const [isDragging, setIsDragging] = useState(false);
+  const [dragStart, setDragStart] = useState(null);
+  const [dragBounds, setDragBounds] = useState(0);
+  const pressTimeRef = useRef(0);
+  usePrefersReducedMotion();
+  const completeRef = useRef(effectivePressed ? 100 : 0);
+  const commitPressedState = useCallback((nextPressed) => {
+    const targetComplete = nextPressed ? 100 : 0;
+    setActive(false);
+    setComplete(targetComplete);
+    completeRef.current = targetComplete;
+    if (btnRef.current) {
+      btnRef.current.setAttribute("aria-pressed", String(nextPressed));
+    }
+    onChange?.(nextPressed);
+    if (!isControlled) {
+      setInternalPressed(nextPressed);
+    }
+  }, [isControlled, onChange]);
+  useEffect(() => {
+    document.documentElement.dataset.bounce = String(bounce);
+  }, [bounce]);
+  useEffect(() => {
+    if (btnRef.current) {
+      btnRef.current.style.setProperty("--complete", String(complete));
+      completeRef.current = complete;
+    }
+  }, [complete]);
+  useEffect(() => {
+    if (!isControlled) return;
+    const targetComplete = pressed ? 100 : 0;
+    setComplete(targetComplete);
+    if (btnRef.current) {
+      btnRef.current.setAttribute("aria-pressed", String(pressed));
+    }
+  }, [isControlled, pressed]);
+  const toggleTimeline = useCallback(() => {
+    if (!btnRef.current || disabled) return;
+    const el = btnRef.current;
+    const wasPressed = el.getAttribute("aria-pressed") === "true";
+    const nextPressed = !wasPressed;
+    setActive(true);
+    commitPressedState(nextPressed);
+  }, [commitPressedState, disabled]);
+  const handlePointerDown = useCallback((e) => {
+    if (!btnRef.current || disabled) return;
+    pressTimeRef.current = Date.now();
+    const rect = btnRef.current.getBoundingClientRect();
+    const isOn = btnRef.current.getAttribute("aria-pressed") === "true";
+    setDragStart({ x: e.clientX, y: e.clientY });
+    setDragBounds(isOn ? rect.left - e.clientX : rect.left + rect.width - e.clientX);
+    setActive(true);
+    btnRef.current.setPointerCapture(e.pointerId);
+  }, [disabled]);
+  const handlePointerMove = useCallback((e) => {
+    if (disabled) return;
+    if (!dragStart) return;
+    if (!isDragging) {
+      const distance = Math.abs(e.clientX - dragStart.x);
+      if (distance > 4) setIsDragging(true);
+    }
+    if (isDragging && btnRef.current) {
+      const isOn = btnRef.current.getAttribute("aria-pressed") === "true";
+      const dragged = e.clientX - dragStart.x;
+      let rawComplete;
+      if (isOn) {
+        rawComplete = (dragBounds - dragged) / Math.abs(dragBounds) * 100;
+      } else {
+        rawComplete = dragged / Math.abs(dragBounds) * 100;
+      }
+      const clampedComplete = Math.max(0, Math.min(100, rawComplete));
+      setComplete(clampedComplete);
+      completeRef.current = clampedComplete;
+    }
+  }, [disabled, isDragging, dragStart, dragBounds]);
+  const handlePointerUp = useCallback((e) => {
+    if (disabled) return;
+    const releaseTime = Date.now();
+    const pressDuration = releaseTime - pressTimeRef.current;
+    if (isDragging) {
+      const targetComplete = complete >= 50 ? 100 : 0;
+      commitPressedState(targetComplete >= 50);
+    } else if (pressDuration <= 150) {
+      toggleTimeline();
+    } else {
+      setActive(false);
+    }
+    setIsDragging(false);
+    setDragStart(null);
+    if (btnRef.current) {
+      btnRef.current.releasePointerCapture(e.pointerId);
+    }
+  }, [commitPressedState, disabled, isDragging, complete, toggleTimeline]);
+  const onClick = useCallback((e) => {
+    if (isDragging) e.preventDefault();
+  }, [isDragging]);
+  const onKeyDown = useCallback((e) => {
+    if (disabled) return;
+    if (e.key === " ") e.preventDefault();
+    if (e.key === "Enter") toggleTimeline();
+  }, [disabled, toggleTimeline]);
+  const onKeyUp = useCallback((e) => {
+    if (disabled) return;
+    if (e.key === " ") toggleTimeline();
+  }, [disabled, toggleTimeline]);
+  return /* @__PURE__ */ jsx("div", { ref, className: "liquid-toggle-wrapper", children: /* @__PURE__ */ jsxs(
+    "button",
+    {
+      ref: btnRef,
+      id,
+      "aria-label": ariaLabel,
+      "aria-labelledby": ariaLabelledBy,
+      "aria-describedby": ariaDescribedBy,
+      "aria-invalid": ariaInvalid,
+      "aria-errormessage": ariaErrorMessage,
+      "aria-pressed": effectivePressed,
+      className: `liquid-toggle${className ? ` ${className}` : ""}`,
+      "data-active": String(active),
+      type: "button",
+      disabled,
+      onKeyDown,
+      onKeyUp,
+      onClick,
+      onPointerDown: handlePointerDown,
+      onPointerMove: handlePointerMove,
+      onPointerUp: handlePointerUp,
+      style: { touchAction: "none" },
+      children: [
+        /* @__PURE__ */ jsx("div", { className: "knockout", children: /* @__PURE__ */ jsx("div", { className: "indicator indicator--masked", children: /* @__PURE__ */ jsx("div", { className: "mask" }) }) }),
+        /* @__PURE__ */ jsxs("div", { className: "indicator__liquid", children: [
+          /* @__PURE__ */ jsx("div", { className: "shadow" }),
+          /* @__PURE__ */ jsx("div", { className: "wrapper", children: /* @__PURE__ */ jsxs("div", { className: "liquids", children: [
+            /* @__PURE__ */ jsx("div", { className: "liquid__shadow" }),
+            /* @__PURE__ */ jsx("div", { className: "liquid__track" })
+          ] }) }),
+          /* @__PURE__ */ jsx("div", { className: "cover" })
+        ] })
+      ]
+    }
+  ) });
+});
+LiquidToggle.displayName = "LiquidToggle";
+var LiquidToggle_default = LiquidToggle;
+var variants = {
+  enter: (direction) => ({
+    x: direction === "forward" ? 20 : -20,
+    opacity: 0
+  }),
+  center: {
+    x: 0,
+    opacity: 1
+  },
+  exit: (direction) => ({
+    x: direction === "forward" ? -20 : 20,
+    opacity: 0
+  })
+};
+var reducedMotionVariants = {
+  enter: {
+    x: 0,
+    opacity: 0
+  },
+  center: {
+    x: 0,
+    opacity: 1
+  },
+  exit: {
+    x: 0,
+    opacity: 0
+  }
+};
+var Stepper = forwardRef(function Stepper2({
+  steps,
+  activeStep,
+  className = "",
+  indicators,
+  onStepClick,
+  canNavigateTo
+}, ref) {
+  const [prevStep, setPrevStep] = useState(activeStep);
+  const prefersReducedMotion = usePrefersReducedMotion();
+  const stepperId = useId();
+  const stepIndicators = indicators ?? [];
+  const stepVariants = prefersReducedMotion ? reducedMotionVariants : variants;
+  const currentIndex = steps.findIndex((step) => step.key === activeStep);
+  const prevIndex = steps.findIndex((step) => step.key === prevStep);
+  const direction = currentIndex >= prevIndex ? "forward" : "backward";
+  useEffect(() => {
+    if (activeStep !== prevStep) {
+      setPrevStep(activeStep);
+    }
+  }, [activeStep, prevStep]);
+  const currentStep = steps.find((state) => state.key === activeStep);
+  const activePanelId = `${stepperId}-${activeStep}-panel`;
+  const handleIndicatorClick = (key) => {
+    if (!onStepClick) return;
+    if (canNavigateTo && !canNavigateTo(key)) return;
+    onStepClick(key);
+  };
+  const getNavigableIndex = (startIndex, increment) => {
+    let nextIndex = startIndex;
+    while (nextIndex >= 0 && nextIndex < stepIndicators.length) {
+      const nextIndicator = stepIndicators[nextIndex];
+      if (!nextIndicator) {
+        return null;
+      }
+      if (!canNavigateTo || canNavigateTo(nextIndicator.key)) {
+        return nextIndex;
+      }
+      nextIndex += increment;
+    }
+    return null;
+  };
+  const handleIndicatorKeyDown = (event, index) => {
+    if (!indicators || !onStepClick) {
+      return;
+    }
+    if (event.key === "ArrowDown" || event.key === "ArrowRight") {
+      event.preventDefault();
+      const nextIndex = getNavigableIndex(index + 1, 1);
+      if (nextIndex !== null) {
+        handleIndicatorClick(stepIndicators[nextIndex].key);
+      }
+      return;
+    }
+    if (event.key === "ArrowUp" || event.key === "ArrowLeft") {
+      event.preventDefault();
+      const nextIndex = getNavigableIndex(index - 1, -1);
+      if (nextIndex !== null) {
+        handleIndicatorClick(stepIndicators[nextIndex].key);
+      }
+      return;
+    }
+    if (event.key === "Home") {
+      event.preventDefault();
+      const nextIndex = getNavigableIndex(0, 1);
+      if (nextIndex !== null) {
+        handleIndicatorClick(stepIndicators[nextIndex].key);
+      }
+      return;
+    }
+    if (event.key === "End") {
+      event.preventDefault();
+      const nextIndex = getNavigableIndex(stepIndicators.length - 1, -1);
+      if (nextIndex !== null) {
+        handleIndicatorClick(stepIndicators[nextIndex].key);
+      }
+    }
+  };
+  const renderStepContent = () => /* @__PURE__ */ jsx(
+    AnimatePresence,
+    {
+      mode: "wait",
+      custom: direction,
+      initial: false,
+      children: /* @__PURE__ */ jsx(
+        motion.div,
+        {
+          custom: direction,
+          variants: stepVariants,
+          initial: "enter",
+          animate: "center",
+          exit: "exit",
+          transition: { duration: prefersReducedMotion ? 0 : 0.25 },
+          className: `stepper-step ${className}`,
+          id: activePanelId,
+          role: indicators ? "tabpanel" : void 0,
+          "aria-labelledby": indicators ? `${stepperId}-${activeStep}-tab` : void 0,
+          tabIndex: 0,
+          children: currentStep?.content
+        },
+        activeStep
+      )
+    }
+  );
+  if (!indicators) {
+    return /* @__PURE__ */ jsx("div", { ref, className: "stepper-standalone", children: renderStepContent() });
+  }
+  return /* @__PURE__ */ jsxs("div", { ref, className: "stepper-with-sidebar d-flex overflow-hidden flex-1", children: [
+    /* @__PURE__ */ jsx("div", { className: "stepper-sidebar d-flex column gap-05", role: "tablist", "aria-orientation": "vertical", children: stepIndicators.map((indicator, index) => {
+      const indicatorIndex = steps.findIndex((s) => s.key === indicator.key);
+      const isActive = indicator.key === activeStep;
+      const isComplete = indicatorIndex < currentIndex;
+      const isClickable = !canNavigateTo || canNavigateTo(indicator.key);
+      const tabId2 = `${stepperId}-${indicator.key}-tab`;
+      const panelId2 = `${stepperId}-${indicator.key}-panel`;
+      return /* @__PURE__ */ jsxs("div", { className: "", children: [
+        /* @__PURE__ */ jsxs(
+          "button",
+          {
+            id: tabId2,
+            type: "button",
+            role: "tab",
+            "aria-selected": isActive,
+            "aria-controls": panelId2,
+            tabIndex: isActive ? 0 : -1,
+            className: `stepper-indicator d-flex items-center gap-1 ${isActive ? "active" : ""} ${isComplete ? "complete" : ""} ${isClickable && onStepClick ? "cursor-pointer" : ""}`,
+            disabled: !isClickable || !onStepClick,
+            onClick: () => handleIndicatorClick(indicator.key),
+            onKeyDown: (event) => handleIndicatorKeyDown(event, index),
+            children: [
+              /* @__PURE__ */ jsx("div", { className: "stepper-indicator-number d-flex flex-center font-weight-6", children: index + 1 }),
+              /* @__PURE__ */ jsxs("div", { className: "stepper-indicator-label d-flex column gap-025", children: [
+                /* @__PURE__ */ jsx("span", { className: "stepper-indicator-title", children: indicator.label }),
+                indicator.description && /* @__PURE__ */ jsx("small", { className: "stepper-indicator-desc", children: indicator.description })
+              ] })
+            ]
+          }
+        ),
+        index < stepIndicators.length - 1 && /* @__PURE__ */ jsx("div", { className: `stepper-line ${indicatorIndex < currentIndex ? "active" : ""}` })
+      ] }, indicator.key);
+    }) }),
+    /* @__PURE__ */ jsx("div", { className: "stepper-content y-auto flex-1", children: renderStepContent() })
+  ] });
+});
+Stepper.displayName = "Stepper";
+var Stepper_default = Stepper;
+var MISSING_TEXT_INPUT_NAME_ERROR = "TextInput requires an accessible name via aria-label, aria-labelledby, or an external label bound to its id.";
+var TextInput = forwardRef(({
+  size: size2 = "md",
+  hasError = false,
+  leftIcon,
+  rightIcon,
+  fullWidth = false,
+  containerClassName,
+  className,
+  disabled,
+  type = "text",
+  id,
+  title,
+  onFocus,
+  onBlur,
+  "aria-label": ariaLabel,
+  "aria-labelledby": ariaLabelledBy,
+  "aria-invalid": ariaInvalid,
+  ...props
+}, ref) => {
+  const hasWarnedForMissingNameRef = useRef(false);
+  const [isFocused, setIsFocused] = useState(false);
+  const resolvedAriaLabel = ariaLabel?.trim() || void 0;
+  const resolvedAriaLabelledBy = ariaLabelledBy?.trim() || void 0;
+  const resolvedTitle = title?.trim() || void 0;
+  const hasExternalLabelContract = Boolean(id);
+  const accessibleName = resolvedAriaLabel ?? resolvedTitle;
+  if (!resolvedAriaLabelledBy && !accessibleName && !hasExternalLabelContract) {
+    if (!hasWarnedForMissingNameRef.current) {
+      console.warn(MISSING_TEXT_INPUT_NAME_ERROR);
+      hasWarnedForMissingNameRef.current = true;
+    }
+  }
+  const handleFocus = (event) => {
+    setIsFocused(true);
+    onFocus?.(event);
+  };
+  const handleBlur = (event) => {
+    setIsFocused(false);
+    onBlur?.(event);
+  };
+  const containerClasses = cn(
+    "volt-text-input",
+    `volt-text-input--${size2}`,
+    fullWidth && "volt-text-input--full-width",
+    hasError && "volt-text-input--error",
+    isFocused && "volt-text-input--focused",
+    disabled && "volt-text-input--disabled",
+    containerClassName
+  );
+  return /* @__PURE__ */ jsxs("div", { className: containerClasses, children: [
+    leftIcon && /* @__PURE__ */ jsx("span", { className: "volt-text-input__affix volt-text-input__affix--left", "aria-hidden": "true", children: leftIcon }),
+    /* @__PURE__ */ jsx(
+      "input",
+      {
+        ref,
+        id,
+        type,
+        disabled,
+        title: resolvedTitle,
+        "aria-label": accessibleName,
+        "aria-labelledby": resolvedAriaLabelledBy,
+        "aria-invalid": ariaInvalid ?? (hasError || void 0),
+        onFocus: handleFocus,
+        onBlur: handleBlur,
+        className: cn("volt-text-input__field", className),
+        ...props
+      }
+    ),
+    rightIcon && /* @__PURE__ */ jsx("span", { className: "volt-text-input__affix volt-text-input__affix--right", "aria-hidden": "true", children: rightIcon })
+  ] });
+});
+TextInput.displayName = "TextInput";
+var TextInput_default = TextInput;
+var MISSING_TEXTAREA_NAME_ERROR = "Textarea requires an accessible name via aria-label, aria-labelledby, or an external label bound to its id.";
+var Textarea = forwardRef(({
+  size: size2 = "md",
+  hasError = false,
+  autosize = false,
+  minRows = 2,
+  maxRows = 8,
+  className,
+  disabled,
+  id,
+  title,
+  value,
+  onChange,
+  "aria-label": ariaLabel,
+  "aria-labelledby": ariaLabelledBy,
+  "aria-invalid": ariaInvalid,
+  ...props
+}, ref) => {
+  const hasWarnedForMissingNameRef = useRef(false);
+  const innerRef = useRef(null);
+  useImperativeHandle(ref, () => innerRef.current, []);
+  const resolvedAriaLabel = ariaLabel?.trim() || void 0;
+  const resolvedAriaLabelledBy = ariaLabelledBy?.trim() || void 0;
+  const resolvedTitle = title?.trim() || void 0;
+  const hasExternalLabelContract = Boolean(id);
+  const accessibleName = resolvedAriaLabel ?? resolvedTitle;
+  if (!resolvedAriaLabelledBy && !accessibleName && !hasExternalLabelContract) {
+    if (!hasWarnedForMissingNameRef.current) {
+      console.warn(MISSING_TEXTAREA_NAME_ERROR);
+      hasWarnedForMissingNameRef.current = true;
+    }
+  }
+  const resize = useCallback(() => {
+    const node = innerRef.current;
+    if (!node || !autosize) return;
+    const computed = window.getComputedStyle(node);
+    const lineHeight = parseFloat(computed.lineHeight) || 20;
+    const paddingY = parseFloat(computed.paddingTop) + parseFloat(computed.paddingBottom);
+    const borderY = parseFloat(computed.borderTopWidth) + parseFloat(computed.borderBottomWidth);
+    const verticalChrome = paddingY + borderY;
+    node.style.height = "auto";
+    const minHeight = minRows * lineHeight + verticalChrome;
+    const maxHeight = maxRows * lineHeight + verticalChrome;
+    const next = Math.min(Math.max(node.scrollHeight, minHeight), maxHeight);
+    node.style.height = `${next}px`;
+  }, [autosize, minRows, maxRows]);
+  useLayoutEffect(() => {
+    resize();
+  }, [resize, value]);
+  useEffect(() => {
+    if (!autosize) return;
+    window.addEventListener("resize", resize);
+    return () => window.removeEventListener("resize", resize);
+  }, [autosize, resize]);
+  const handleChange = (event) => {
+    onChange?.(event);
+    if (autosize) resize();
+  };
+  const classes = cn(
+    "volt-textarea",
+    `volt-textarea--${size2}`,
+    autosize && "volt-textarea--autosize",
+    hasError && "volt-textarea--error",
+    className
+  );
+  return /* @__PURE__ */ jsx(
+    "textarea",
+    {
+      ref: innerRef,
+      id,
+      rows: minRows,
+      disabled,
+      title: resolvedTitle,
+      "aria-label": accessibleName,
+      "aria-labelledby": resolvedAriaLabelledBy,
+      "aria-invalid": ariaInvalid ?? (hasError || void 0),
+      value,
+      onChange: handleChange,
+      className: classes,
+      ...props
+    }
+  );
+});
+Textarea.displayName = "Textarea";
+var Textarea_default = Textarea;
+var clamp2 = (value, min, max) => {
+  let next = value;
+  if (typeof min === "number") next = Math.max(next, min);
+  if (typeof max === "number") next = Math.min(next, max);
+  return next;
+};
+var NumberInput = forwardRef(({
+  min,
+  max,
+  step = 1,
+  value,
+  defaultValue,
+  onChange,
+  onValueChange,
+  showSteppers = true,
+  disabled,
+  containerClassName,
+  rightIcon,
+  ...props
+}, ref) => {
+  const innerRef = useRef(null);
+  const setRefs = useCallback((node) => {
+    innerRef.current = node;
+    if (typeof ref === "function") ref(node);
+    else if (ref) ref.current = node;
+  }, [ref]);
+  const emitValue = useCallback((next) => {
+    onValueChange?.(next);
+  }, [onValueChange]);
+  const handleChange = (event) => {
+    onChange?.(event);
+    const raw = event.target.value;
+    emitValue(raw === "" ? Number.NaN : Number(raw));
+  };
+  const stepBy = useCallback((direction) => {
+    if (disabled) return;
+    const current = (() => {
+      if (typeof value === "number") return value;
+      const parsed = Number(innerRef.current?.value);
+      return Number.isFinite(parsed) ? parsed : min ?? 0;
+    })();
+    const next = clamp2(current + direction * step, min, max);
+    emitValue(next);
+    if (value === void 0 && innerRef.current) {
+      innerRef.current.value = String(next);
+    }
+  }, [disabled, value, min, max, step, emitValue]);
+  const steppers = showSteppers ? /* @__PURE__ */ jsxs("span", { className: "volt-number-input__steppers", "aria-hidden": "true", children: [
+    /* @__PURE__ */ jsx(
+      IconButton_default,
+      {
+        tabIndex: -1,
+        "aria-label": "Increment value",
+        className: "volt-number-input__stepper",
+        disabled: disabled || typeof max === "number" && typeof value === "number" && value >= max,
+        onClick: () => stepBy(1),
+        children: /* @__PURE__ */ jsx(ChevronUp, {})
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      IconButton_default,
+      {
+        tabIndex: -1,
+        "aria-label": "Decrement value",
+        className: "volt-number-input__stepper",
+        disabled: disabled || typeof min === "number" && typeof value === "number" && value <= min,
+        onClick: () => stepBy(-1),
+        children: /* @__PURE__ */ jsx(ChevronDown, {})
+      }
+    )
+  ] }) : null;
+  return /* @__PURE__ */ jsx(
+    TextInput_default,
+    {
+      ref: setRefs,
+      type: "number",
+      inputMode: "decimal",
+      min,
+      max,
+      step,
+      value,
+      defaultValue,
+      disabled,
+      onChange: handleChange,
+      containerClassName: cn("volt-number-input", containerClassName),
+      rightIcon: steppers ?? rightIcon,
+      ...props
+    }
+  );
+});
+NumberInput.displayName = "NumberInput";
+var NumberInput_default = NumberInput;
+var FormField = forwardRef(({
+  label,
+  htmlFor,
+  required = false,
+  error,
+  helpText,
+  layout = "stacked",
+  children,
+  className,
+  id,
+  ...rest
+}, ref) => {
+  const reactId = useId();
+  const baseId = id ?? `volt-form-field-${reactId}`;
+  const messageId = `${baseId}-message`;
+  const hasLabel = label != null && label !== "";
+  const hasError = error != null && error !== "";
+  const hasHelp = !hasError && helpText != null && helpText !== "";
+  const message = hasError ? error : helpText;
+  const hasMessage = hasError || hasHelp;
+  const labelText = /* @__PURE__ */ jsxs(Text_default, { as: "span", size: "sm", weight: "medium", tone: "secondary", children: [
+    label,
+    required && /* @__PURE__ */ jsx("span", { className: "volt-form-field__required", "aria-hidden": "true", children: "*" })
+  ] });
+  const labelNode = hasLabel ? htmlFor ? /* @__PURE__ */ jsx("label", { htmlFor, className: "volt-form-field__label", children: labelText }) : /* @__PURE__ */ jsx("div", { className: "volt-form-field__label", children: labelText }) : null;
+  const messageNode = hasMessage ? /* @__PURE__ */ jsx(
+    Text_default,
+    {
+      id: messageId,
+      as: "small",
+      size: "xs",
+      tone: hasError ? void 0 : "muted",
+      className: cn("volt-form-field__message", hasError && "volt-form-field__message--error"),
+      role: hasError ? "alert" : void 0,
+      children: message
+    }
+  ) : null;
+  if (layout === "inline") {
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref,
+        id: baseId,
+        className: cn(
+          "volt-form-field volt-form-field--inline",
+          !hasLabel && "volt-form-field--no-label",
+          className
+        ),
+        ...rest,
+        children: [
+          labelNode,
+          /* @__PURE__ */ jsxs("div", { className: "volt-form-field__body", children: [
+            /* @__PURE__ */ jsx("div", { className: "volt-form-field__control", children }),
+            messageNode
+          ] })
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs(
+    Stack_default,
+    {
+      ref,
+      id: baseId,
+      className: cn("volt-form-field", className),
+      ...rest,
+      children: [
+        labelNode,
+        /* @__PURE__ */ jsx("div", { className: "volt-form-field__control", children }),
+        messageNode
+      ]
+    }
+  );
+});
+FormField.displayName = "FormField";
+var FormField_default = FormField;
+var MISSING_CHECKBOX_NAME_ERROR = "Checkbox requires an accessible name via the `label` prop, `aria-label`, `aria-labelledby`, or an external label bound to its id.";
+var Checkbox = forwardRef(({
+  checked,
+  onChange,
+  label,
+  indeterminate = false,
+  disabled = false,
+  size: size2 = "md",
+  className,
+  containerClassName,
+  id,
+  title,
+  "aria-label": ariaLabel,
+  "aria-labelledby": ariaLabelledBy,
+  ...props
+}, ref) => {
+  const innerRef = useRef(null);
+  const hasWarnedForMissingNameRef = useRef(false);
+  const reactId = useId();
+  const inputId = id ?? `volt-checkbox-${reactId}`;
+  useEffect(() => {
+    if (innerRef.current) {
+      innerRef.current.indeterminate = indeterminate;
+    }
+  }, [indeterminate]);
+  const setRefs = (node) => {
+    innerRef.current = node;
+    if (typeof ref === "function") ref(node);
+    else if (ref) ref.current = node;
+  };
+  const hasVisibleLabel = label != null && label !== "";
+  const resolvedAriaLabel = ariaLabel?.trim() || void 0;
+  const resolvedAriaLabelledBy = ariaLabelledBy?.trim() || void 0;
+  const resolvedTitle = title?.trim() || void 0;
+  if (!hasVisibleLabel && !resolvedAriaLabel && !resolvedAriaLabelledBy && !resolvedTitle) {
+    if (!hasWarnedForMissingNameRef.current) {
+      console.warn(MISSING_CHECKBOX_NAME_ERROR);
+      hasWarnedForMissingNameRef.current = true;
+    }
+  }
+  return /* @__PURE__ */ jsxs(
+    "label",
+    {
+      htmlFor: inputId,
+      className: cn(
+        "volt-checkbox",
+        `volt-checkbox--${size2}`,
+        checked && "volt-checkbox--checked",
+        indeterminate && "volt-checkbox--indeterminate",
+        disabled && "volt-checkbox--disabled",
+        containerClassName
+      ),
+      title: resolvedTitle,
+      children: [
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            ref: setRefs,
+            id: inputId,
+            type: "checkbox",
+            className: cn("volt-checkbox__input", className),
+            checked,
+            onChange,
+            disabled,
+            "aria-checked": indeterminate ? "mixed" : void 0,
+            "aria-label": !hasVisibleLabel ? resolvedAriaLabel : void 0,
+            "aria-labelledby": resolvedAriaLabelledBy,
+            ...props
+          }
+        ),
+        /* @__PURE__ */ jsx("span", { className: "volt-checkbox__box", "aria-hidden": "true", children: indeterminate ? /* @__PURE__ */ jsx(Minus, { className: "volt-checkbox__indicator", strokeWidth: 3 }) : /* @__PURE__ */ jsx(Check, { className: "volt-checkbox__indicator", strokeWidth: 3 }) }),
+        hasVisibleLabel && /* @__PURE__ */ jsx(Text_default, { as: "span", size: "sm", tone: "primary", className: "volt-checkbox__label", children: label })
+      ]
+    }
+  );
+});
+Checkbox.displayName = "Checkbox";
+var Checkbox_default = Checkbox;
+var MISSING_RADIO_NAME_ERROR = "Radio requires an accessible name via the `label` prop, `aria-label`, `aria-labelledby`, or an external label bound to its id.";
+var Radio = forwardRef(({
+  checked,
+  onChange,
+  label,
+  name,
+  value,
+  disabled = false,
+  size: size2 = "md",
+  className,
+  containerClassName,
+  id,
+  title,
+  "aria-label": ariaLabel,
+  "aria-labelledby": ariaLabelledBy,
+  ...props
+}, ref) => {
+  const hasWarnedForMissingNameRef = useRef(false);
+  const reactId = useId();
+  const inputId = id ?? `volt-radio-${reactId}`;
+  const hasVisibleLabel = label != null && label !== "";
+  const resolvedAriaLabel = ariaLabel?.trim() || void 0;
+  const resolvedAriaLabelledBy = ariaLabelledBy?.trim() || void 0;
+  const resolvedTitle = title?.trim() || void 0;
+  if (!hasVisibleLabel && !resolvedAriaLabel && !resolvedAriaLabelledBy && !resolvedTitle) {
+    if (!hasWarnedForMissingNameRef.current) {
+      console.warn(MISSING_RADIO_NAME_ERROR);
+      hasWarnedForMissingNameRef.current = true;
+    }
+  }
+  return /* @__PURE__ */ jsxs(
+    "label",
+    {
+      htmlFor: inputId,
+      className: cn(
+        "volt-radio",
+        `volt-radio--${size2}`,
+        checked && "volt-radio--checked",
+        disabled && "volt-radio--disabled",
+        containerClassName
+      ),
+      title: resolvedTitle,
+      children: [
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            ref,
+            id: inputId,
+            type: "radio",
+            className: cn("volt-radio__input", className),
+            checked,
+            onChange,
+            name,
+            value,
+            disabled,
+            "aria-label": !hasVisibleLabel ? resolvedAriaLabel : void 0,
+            "aria-labelledby": resolvedAriaLabelledBy,
+            ...props
+          }
+        ),
+        /* @__PURE__ */ jsx("span", { className: "volt-radio__box", "aria-hidden": "true", children: /* @__PURE__ */ jsx("span", { className: "volt-radio__indicator" }) }),
+        hasVisibleLabel && /* @__PURE__ */ jsx(Text_default, { as: "span", size: "sm", tone: "primary", className: "volt-radio__label", children: label })
+      ]
+    }
+  );
+});
+Radio.displayName = "Radio";
+var Radio_default = Radio;
+var MISSING_TABS_LABEL_ERROR = "Tabs.List requires an accessible name via aria-label or aria-labelledby so assistive tech can announce the tab group.";
+var TabsContext = createContext(null);
+var useTabsContext = (component) => {
+  const ctx = useContext(TabsContext);
+  if (!ctx) {
+    throw new Error(`${component} must be rendered inside <Tabs>.`);
+  }
+  return ctx;
+};
+var tabId = (baseId, value) => `${baseId}-tab-${value}`;
+var panelId = (baseId, value) => `${baseId}-panel-${value}`;
+var TabsRoot = forwardRef(({
+  value: controlledValue,
+  defaultValue,
+  onChange,
+  size: size2 = "md",
+  className,
+  children,
+  ...rest
+}, ref) => {
+  const baseId = useId();
+  const isControlled = controlledValue !== void 0;
+  const [uncontrolledValue, setUncontrolledValue] = useState(defaultValue);
+  const value = isControlled ? controlledValue : uncontrolledValue;
+  const registryRef = useRef(/* @__PURE__ */ new Map());
+  const orderedValuesRef = useRef([]);
+  const tabNodesRef = useRef(/* @__PURE__ */ new Map());
+  const recomputeOrder = useCallback(() => {
+    orderedValuesRef.current = Array.from(registryRef.current.entries()).filter(([, disabled]) => !disabled).map(([tabValue]) => tabValue);
+  }, []);
+  const registerTab = useCallback((tabValue, disabled) => {
+    registryRef.current.set(tabValue, disabled);
+    recomputeOrder();
+  }, [recomputeOrder]);
+  const unregisterTab = useCallback((tabValue) => {
+    registryRef.current.delete(tabValue);
+    tabNodesRef.current.delete(tabValue);
+    recomputeOrder();
+  }, [recomputeOrder]);
+  const selectValue = useCallback((next) => {
+    if (!isControlled) {
+      setUncontrolledValue(next);
+    }
+    onChange?.(next);
+  }, [isControlled, onChange]);
+  const focusTab = useCallback((tabValue) => {
+    tabNodesRef.current.get(tabValue)?.focus();
+  }, []);
+  const contextValue = useMemo(() => ({
+    baseId,
+    value,
+    selectValue,
+    size: size2,
+    registerTab,
+    unregisterTab,
+    focusTab,
+    orderedValuesRef,
+    tabNodesRef
+  }), [baseId, value, selectValue, size2, registerTab, unregisterTab, focusTab]);
+  return /* @__PURE__ */ jsx(TabsContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      className: cn("volt-tabs", `volt-tabs--${size2}`, className),
+      ...rest,
+      children
+    }
+  ) });
+});
+TabsRoot.displayName = "Tabs";
+var TabsList = forwardRef(({
+  className,
+  children,
+  "aria-label": ariaLabel,
+  "aria-labelledby": ariaLabelledBy,
+  ...rest
+}, ref) => {
+  const { size: size2 } = useTabsContext("Tabs.List");
+  const hasWarnedForMissingNameRef = useRef(false);
+  const resolvedAriaLabel = ariaLabel?.trim() || void 0;
+  const resolvedAriaLabelledBy = ariaLabelledBy?.trim() || void 0;
+  if (!resolvedAriaLabel && !resolvedAriaLabelledBy && !hasWarnedForMissingNameRef.current) {
+    console.warn(MISSING_TABS_LABEL_ERROR);
+    hasWarnedForMissingNameRef.current = true;
+  }
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      role: "tablist",
+      "aria-label": resolvedAriaLabel,
+      "aria-labelledby": resolvedAriaLabelledBy,
+      "aria-orientation": "horizontal",
+      className: cn("volt-tabs__list", "d-flex", "items-end", "border-bottom-soft", `volt-tabs__list--${size2}`, className),
+      ...rest,
+      children
+    }
+  );
+});
+TabsList.displayName = "Tabs.List";
+var Tab = forwardRef(({
+  value,
+  children,
+  leftIcon,
+  disabled = false,
+  className,
+  id,
+  onKeyDown,
+  ...rest
+}, ref) => {
+  const {
+    baseId,
+    value: selectedValue,
+    selectValue,
+    size: size2,
+    registerTab,
+    unregisterTab,
+    focusTab,
+    orderedValuesRef,
+    tabNodesRef
+  } = useTabsContext("Tabs.Tab");
+  const isSelected = selectedValue === value;
+  const resolvedTabId = id ?? tabId(baseId, value);
+  const resolvedPanelId = panelId(baseId, value);
+  const setNodeRef = useCallback((node) => {
+    if (node) {
+      tabNodesRef.current.set(value, node);
+      registerTab(value, disabled);
+    } else {
+      unregisterTab(value);
+    }
+    if (typeof ref === "function") {
+      ref(node);
+    } else if (ref) {
+      ref.current = node;
+    }
+  }, [value, disabled, registerTab, unregisterTab, tabNodesRef, ref]);
+  const handleKeyDown = (event) => {
+    onKeyDown?.(event);
+    if (event.defaultPrevented) {
+      return;
+    }
+    const order = orderedValuesRef.current;
+    const currentIndex = order.indexOf(value);
+    if (currentIndex === -1) {
+      return;
+    }
+    let nextValue;
+    switch (event.key) {
+      case "ArrowRight":
+      case "ArrowDown":
+        nextValue = order[(currentIndex + 1) % order.length];
+        break;
+      case "ArrowLeft":
+      case "ArrowUp":
+        nextValue = order[(currentIndex - 1 + order.length) % order.length];
+        break;
+      case "Home":
+        nextValue = order[0];
+        break;
+      case "End":
+        nextValue = order[order.length - 1];
+        break;
+      default:
+        return;
+    }
+    if (nextValue !== void 0) {
+      event.preventDefault();
+      selectValue(nextValue);
+      focusTab(nextValue);
+    }
+  };
+  return /* @__PURE__ */ jsxs(
+    "button",
+    {
+      ref: setNodeRef,
+      type: "button",
+      role: "tab",
+      id: resolvedTabId,
+      "aria-selected": isSelected,
+      "aria-controls": resolvedPanelId,
+      tabIndex: isSelected ? 0 : -1,
+      disabled,
+      className: cn(
+        "volt-tabs__tab",
+        "d-flex",
+        "items-center",
+        "transition-fast",
+        `volt-tabs__tab--${size2}`,
+        isSelected && "is-selected",
+        disabled && "is-disabled",
+        className
+      ),
+      onClick: () => {
+        if (disabled) return;
+        selectValue(value);
+      },
+      onKeyDown: handleKeyDown,
+      ...rest,
+      children: [
+        leftIcon && /* @__PURE__ */ jsx("span", { className: "volt-tabs__tab-icon d-flex flex-center", "aria-hidden": "true", children: leftIcon }),
+        /* @__PURE__ */ jsx("span", { className: "volt-tabs__tab-label", children }),
+        /* @__PURE__ */ jsx("span", { className: "volt-tabs__indicator", "aria-hidden": "true" })
+      ]
+    }
+  );
+});
+Tab.displayName = "Tabs.Tab";
+var TabsPanel = forwardRef(({
+  value,
+  children,
+  keepMounted = false,
+  className,
+  id,
+  ...rest
+}, ref) => {
+  const { baseId, value: selectedValue } = useTabsContext("Tabs.Panel");
+  const isSelected = selectedValue === value;
+  if (!isSelected && !keepMounted) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      role: "tabpanel",
+      id: id ?? panelId(baseId, value),
+      "aria-labelledby": tabId(baseId, value),
+      hidden: !isSelected,
+      tabIndex: 0,
+      className: cn("volt-tabs__panel", className),
+      ...rest,
+      children
+    }
+  );
+});
+TabsPanel.displayName = "Tabs.Panel";
+var Tabs = TabsRoot;
+Tabs.List = TabsList;
+Tabs.Tab = Tab;
+Tabs.Panel = TabsPanel;
+var Tabs_default = Tabs;
+var MAX_BREADCRUMB_LABEL_LENGTH = 24;
+var truncateBreadcrumbLabel = (label) => {
+  if (label.length <= MAX_BREADCRUMB_LABEL_LENGTH) {
+    return label;
+  }
+  return `${label.slice(0, MAX_BREADCRUMB_LABEL_LENGTH - 1)}\u2026`;
+};
+var Breadcrumbs = forwardRef(({
+  items,
+  variant = "default",
+  separator,
+  ariaLabel = "Breadcrumbs",
+  title,
+  className,
+  onItemClick
+}, ref) => {
+  if (!items.length) {
+    return null;
+  }
+  const resolvedSeparator = separator ?? (variant === "compact" ? /* @__PURE__ */ jsx("span", { className: "volt-breadcrumbs__separator", children: "/" }) : /* @__PURE__ */ jsx(ChevronRight, { size: 12, className: "volt-breadcrumbs__separator", "aria-hidden": "true" }));
+  return /* @__PURE__ */ jsx(
+    "nav",
+    {
+      ref,
+      className: cn("volt-breadcrumbs", `volt-breadcrumbs--${variant}`, className),
+      "aria-label": ariaLabel,
+      title,
+      children: /* @__PURE__ */ jsx("ol", { className: "volt-breadcrumbs__list", children: items.map((item, index) => {
+        const isCurrent = index === items.length - 1;
+        const displayTitle = variant === "compact" ? truncateBreadcrumbLabel(item.title) : item.title;
+        const handleClick = () => {
+          item.onClick?.();
+          onItemClick?.(item, index);
+        };
+        return /* @__PURE__ */ jsxs("li", { className: "volt-breadcrumbs__item", children: [
+          index > 0 && resolvedSeparator,
+          isCurrent ? /* @__PURE__ */ jsxs(
+            "span",
+            {
+              className: "volt-breadcrumbs__current",
+              "aria-current": "page",
+              title: item.title,
+              children: [
+                item.leftIcon && /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: item.leftIcon }),
+                displayTitle
+              ]
+            }
+          ) : /* @__PURE__ */ jsxs(
+            "button",
+            {
+              type: "button",
+              className: "volt-breadcrumbs__trigger",
+              onClick: handleClick,
+              title: item.title,
+              "aria-label": `Open ${item.title}`,
+              children: [
+                item.leftIcon && /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: item.leftIcon }),
+                displayTitle
+              ]
+            }
+          )
+        ] }, item.id);
+      }) })
+    }
+  );
+});
+Breadcrumbs.displayName = "Breadcrumbs";
+var Breadcrumbs_default = Breadcrumbs;
+var CollapsibleSection = forwardRef(({
+  title,
+  children,
+  defaultExpanded = false,
+  expanded,
+  onExpandedChange,
+  className = "",
+  headerClassName = "",
+  titleClassName = "",
+  bodyClassName = "",
+  contentClassName = "",
+  noSpacing = false,
+  arrowSize = 20,
+  useDefaultHeaderStyles = true,
+  useDefaultTitleStyles = true,
+  onDelete,
+  deleteActionLabel = "Delete section",
+  deleteActionAlwaysVisible = false,
+  onAdd,
+  headerAction,
+  collapsible = true,
+  titleAs = "h3"
+}, ref) => {
+  const [isExpanded, setIsExpanded] = useState(defaultExpanded);
+  const [hasBeenExpanded, setHasBeenExpanded] = useState(defaultExpanded);
+  const [height, setHeight] = useState(defaultExpanded ? "auto" : 0);
+  const reactId = useId();
+  const isControlled = typeof expanded === "boolean";
+  const actualExpanded = isControlled ? expanded : isExpanded;
+  const headerBaseClass = useDefaultHeaderStyles ? "collapsible-section-header" : "";
+  const titleBaseClass = useDefaultTitleStyles ? "collapsible-section-title font-weight-6 color-primary" : "collapsible-section-title";
+  const bodyId = `collapsible-section-body-${reactId}`;
+  const headingId = `collapsible-section-heading-${reactId}`;
+  const triggerId = `collapsible-section-trigger-${reactId}`;
+  const TitleTag = titleAs;
+  useEffect(() => {
+    if (actualExpanded && !hasBeenExpanded) {
+      setHasBeenExpanded(true);
+    }
+  }, [actualExpanded, hasBeenExpanded]);
+  useEffect(() => {
+    setHeight(actualExpanded ? "auto" : 0);
+  }, [actualExpanded]);
+  const handleToggle = () => {
+    if (!collapsible) return;
+    const next = !actualExpanded;
+    if (isControlled) {
+      onExpandedChange?.(next);
+      return;
+    }
+    setIsExpanded(next);
+  };
+  const handleDelete = (e) => {
+    e.stopPropagation();
+    onDelete?.();
+  };
+  const handleAdd = (e) => {
+    e.stopPropagation();
+    onAdd?.();
+  };
+  const actions = /* @__PURE__ */ jsxs(Row_default, { gap: "025", className: "collapsible-section-actions", children: [
+    headerAction,
+    onAdd && /* @__PURE__ */ jsx(
+      IconButton_default,
+      {
+        size: "sm",
+        variant: "ghost",
+        onClick: handleAdd,
+        className: "collapsible-section-action--add",
+        title: "Add item",
+        children: /* @__PURE__ */ jsx(Plus, { size: 16 })
+      }
+    ),
+    onDelete && /* @__PURE__ */ jsx(
+      IconButton_default,
+      {
+        size: "sm",
+        variant: "ghost",
+        onClick: handleDelete,
+        className: `collapsible-section-action--delete ${deleteActionAlwaysVisible ? "collapsible-section-action--delete-visible" : ""}`,
+        title: deleteActionLabel,
+        "aria-label": deleteActionLabel,
+        children: /* @__PURE__ */ jsx(Trash2, { size: 16 })
+      }
+    )
+  ] });
+  return /* @__PURE__ */ jsxs(Stack_default, { ref, mb: noSpacing ? void 0 : "1-5", className, children: [
+    /* @__PURE__ */ jsx(Row_default, { justify: "between", gap: "05", className: `${headerBaseClass} ${headerClassName}`, children: /* @__PURE__ */ jsx(TitleTag, { id: headingId, className: "collapsible-section-heading", children: collapsible ? /* @__PURE__ */ jsxs(Row_default, { gap: "05", className: "collapsible-section-header-row", children: [
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          id: triggerId,
+          type: "button",
+          className: "collapsible-section-trigger d-flex items-center gap-05 u-select-none",
+          onClick: handleToggle,
+          "aria-expanded": actualExpanded,
+          "aria-controls": bodyId,
+          children: /* @__PURE__ */ jsx(Row_default, { gap: "05", className: "collapsible-section-trigger-content", children: /* @__PURE__ */ jsx("span", { className: `${titleBaseClass} ${titleClassName}`, children: title }) })
+        }
+      ),
+      actions,
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          className: "collapsible-section-chevron-trigger d-flex flex-center color-muted",
+          onClick: handleToggle,
+          "aria-expanded": actualExpanded,
+          "aria-controls": bodyId,
+          "aria-label": `${actualExpanded ? "Collapse" : "Expand"} ${title}`,
+          children: /* @__PURE__ */ jsx("div", { className: `collapsible-section-arrow d-flex flex-center ${!actualExpanded ? "collapsible-section-arrow--collapsed" : ""}`, "aria-hidden": "true", children: /* @__PURE__ */ jsx(ChevronDown, { size: arrowSize }) })
+        }
+      )
+    ] }) : /* @__PURE__ */ jsxs(Row_default, { gap: "05", className: "collapsible-section-title-row", children: [
+      /* @__PURE__ */ jsx(Row_default, { gap: "05", className: "collapsible-section-trigger-content", children: /* @__PURE__ */ jsx("span", { className: `${titleBaseClass} ${titleClassName}`, children: title }) }),
+      actions
+    ] }) }) }),
+    collapsible && /* @__PURE__ */ jsx(
+      "div",
+      {
+        id: bodyId,
+        className: `collapsible-section-body ${bodyClassName}`,
+        style: { height },
+        role: "region",
+        "aria-labelledby": triggerId,
+        children: /* @__PURE__ */ jsx(Stack_default, { className: `collapsible-section-content ${contentClassName}`, children: hasBeenExpanded ? children : null })
+      }
+    ),
+    !collapsible && /* @__PURE__ */ jsx("div", { id: bodyId, className: `collapsible-section-body collapsible-section-body--static ${bodyClassName}`, role: "region", "aria-labelledby": headingId, children: /* @__PURE__ */ jsx(Stack_default, { className: `collapsible-section-content ${contentClassName}`, children }) })
+  ] });
+});
+CollapsibleSection.displayName = "CollapsibleSection";
+var CollapsibleSection_default = memo(CollapsibleSection);
+var COARSE_POINTER_MEDIA_QUERY = "(pointer: coarse)";
+var LAZY_MOUNT_UNMOUNT_DELAY_MS = 250;
+var isDialogElement = (element) => {
+  return element instanceof HTMLDialogElement;
+};
+var getFocusableElements = (dialog) => {
+  const selector = [
+    "button:not([disabled])",
+    "[href]",
+    "input:not([disabled])",
+    "select:not([disabled])",
+    "textarea:not([disabled])",
+    '[tabindex]:not([tabindex="-1"])'
+  ].join(",");
+  const focusableElements = dialog.querySelectorAll(selector);
+  return Array.from(focusableElements).filter((element) => {
+    return !element.hasAttribute("hidden") && element.getAttribute("aria-hidden") !== "true";
+  });
+};
+var getInitialFocusTarget = (dialog, isCoarsePointer) => {
+  if (isCoarsePointer) {
+    return dialog;
+  }
+  const preferredFocusTarget = dialog.querySelector('[data-modal-initial-focus="true"]');
+  if (preferredFocusTarget && !preferredFocusTarget.hasAttribute("disabled")) {
+    return preferredFocusTarget;
+  }
+  const autofocusElement = dialog.querySelector("[autofocus]");
+  if (autofocusElement && !autofocusElement.hasAttribute("disabled")) {
+    return autofocusElement;
+  }
+  return getFocusableElements(dialog)[0] ?? dialog;
+};
+var Modal = ({
+  id,
+  trigger,
+  title,
+  description,
+  children,
+  footer,
+  className = "",
+  width,
+  onClose,
+  dismissible = true,
+  lazyMount = false
+}) => {
+  const [dialogElement, setDialogElement] = useState(null);
+  const [shouldRenderContents, setShouldRenderContents] = useState(!lazyMount);
+  const restoreFocusElementRef = useRef(null);
+  const isCoarsePointer = use_media_default(COARSE_POINTER_MEDIA_QUERY);
+  const titleId = title ? `${id}-title` : void 0;
+  const descriptionId = description ? `${id}-description` : void 0;
+  useEffect(() => {
+    if (!dialogElement) {
+      return;
+    }
+    let unmountTimeoutId = null;
+    const clearUnmountTimer = () => {
+      if (unmountTimeoutId !== null) {
+        clearTimeout(unmountTimeoutId);
+        unmountTimeoutId = null;
+      }
+    };
+    const syncDialogState = () => {
+      if (dialogElement.open) {
+        if (lazyMount) {
+          clearUnmountTimer();
+          setShouldRenderContents(true);
+        }
+        if (!restoreFocusElementRef.current && document.activeElement instanceof HTMLElement) {
+          restoreFocusElementRef.current = document.activeElement;
+        }
+        window.requestAnimationFrame(() => {
+          if (!dialogElement.open) {
+            return;
+          }
+          const focusTarget = getInitialFocusTarget(dialogElement, isCoarsePointer);
+          focusTarget.focus({ preventScroll: true });
+        });
+        return;
+      }
+      if (lazyMount) {
+        clearUnmountTimer();
+        unmountTimeoutId = setTimeout(() => {
+          setShouldRenderContents(false);
+          unmountTimeoutId = null;
+        }, LAZY_MOUNT_UNMOUNT_DELAY_MS);
+      }
+      if (restoreFocusElementRef.current?.isConnected) {
+        restoreFocusElementRef.current.focus({ preventScroll: true });
+      }
+      restoreFocusElementRef.current = null;
+    };
+    const observer = new MutationObserver(syncDialogState);
+    observer.observe(dialogElement, { attributes: true, attributeFilter: ["open"] });
+    syncDialogState();
+    return () => {
+      observer.disconnect();
+      clearUnmountTimer();
+      restoreFocusElementRef.current = null;
+    };
+  }, [dialogElement, isCoarsePointer, lazyMount]);
+  const handleBackdropClick = (event) => {
+    if (!dismissible) {
+      return;
+    }
+    const dialog = event.currentTarget;
+    const rect = dialog.getBoundingClientRect();
+    const isInDialog = rect.top <= event.clientY && event.clientY <= rect.top + rect.height && rect.left <= event.clientX && event.clientX <= rect.left + rect.width;
+    if (!isInDialog) {
+      dialog.close();
+    }
+  };
+  const handleCancel = (event) => {
+    if (!dismissible) {
+      event.preventDefault();
+    }
+  };
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    trigger && React.isValidElement(trigger) ? React.cloneElement(trigger, {
+      command: "show-modal",
+      commandfor: id,
+      "aria-controls": id,
+      "aria-haspopup": "dialog",
+      type: "button"
+    }) : null,
+    /* @__PURE__ */ jsx(
+      "dialog",
+      {
+        ref: setDialogElement,
+        id,
+        className: `volt-modal ${className}`,
+        style: width ? { maxWidth: width } : void 0,
+        onClick: handleBackdropClick,
+        onCancel: handleCancel,
+        onClose,
+        "aria-modal": "true",
+        "aria-labelledby": titleId,
+        "aria-describedby": descriptionId,
+        tabIndex: -1,
+        children: /* @__PURE__ */ jsx(TopLayerRootContext.Provider, { value: dialogElement ?? void 0, children: /* @__PURE__ */ jsx(FloatingRootContext_default.Provider, { value: dialogElement ?? void 0, children: shouldRenderContents && /* @__PURE__ */ jsxs("div", { className: "d-flex column w-max", children: [
+          (title || description) && /* @__PURE__ */ jsxs("div", { className: "d-flex items-start content-between volt-modal-header", children: [
+            /* @__PURE__ */ jsxs("div", { className: "d-flex column gap-025", children: [
+              title && /* @__PURE__ */ jsx("h3", { id: titleId, className: "font-size-4 font-weight-6", children: title }),
+              description && /* @__PURE__ */ jsx("p", { id: descriptionId, className: "font-size-2 color-secondary", children: description })
+            ] }),
+            dismissible && /* @__PURE__ */ jsx(
+              CloseButton_default,
+              {
+                commandfor: id,
+                command: "close",
+                "aria-label": "Close modal"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "volt-modal-body", children }),
+          footer && /* @__PURE__ */ jsx("div", { className: "d-flex items-center content-end gap-05 volt-modal-footer", children: footer })
+        ] }) }) })
+      }
+    )
+  ] });
+};
+var Modal_default = Modal;
+var openModal = (id) => {
+  const element = document.getElementById(id);
+  if (isDialogElement(element) && !element.open) {
+    element.showModal();
+    const toaster = document.getElementById("app-toaster-popover");
+    if (toaster) {
+      toaster.hidePopover();
+      toaster.showPopover();
+    }
+  }
+};
+var closeModal = (id) => {
+  const element = document.getElementById(id);
+  if (isDialogElement(element) && element.open) {
+    element.close();
+  }
+};
+var resetModal = (id, reset, delay = 300) => {
+  closeModal(id);
+  window.setTimeout(reset, delay);
+};
+
+// src/shared/presentation/utilities/compose-refs.ts
+var setRef = (ref, value) => {
+  if (typeof ref === "function") {
+    ref(value);
+    return;
+  }
+  if (ref && typeof ref === "object") {
+    Object.assign(ref, { current: value });
+  }
+};
+var composeRefs = (...refs) => {
+  return (node) => {
+    refs.forEach((ref) => {
+      setRef(ref, node);
+    });
+  };
+};
+var compose_refs_default = composeRefs;
+var Popover = ({
+  id,
+  trigger,
+  children,
+  className = "",
+  noPadding = false,
+  triggerAction = "click",
+  onOpenChange,
+  placement = "bottom-start",
+  role: popoverRole = "dialog",
+  triggerAriaHaspopup,
+  ariaLabel,
+  ariaLabelledBy,
+  ariaDescribedBy,
+  shouldOpenOnContextMenu
+}) => {
+  const [isOpen, setIsOpen] = useState(false);
+  const [contextMenuPosition, setContextMenuPosition] = useState(null);
+  const [floatingElement, setFloatingElement] = useState(null);
+  const floatingRoot = useFloatingRoot();
+  const floatingOwnerIds = useFloatingOwnerIds();
+  const onOpenChangeRef = React.useRef(onOpenChange);
+  const nextFloatingOwnerIds = useMemo(() => appendFloatingOwnerIds(floatingOwnerIds, id), [floatingOwnerIds, id]);
+  useLayoutEffect(() => {
+    onOpenChangeRef.current = onOpenChange;
+  });
+  const handleOpenChange = useCallback((nextOpen) => {
+    setIsOpen(nextOpen);
+    if (!nextOpen) {
+      setContextMenuPosition(null);
+    }
+    onOpenChangeRef.current?.(nextOpen);
+  }, []);
+  const { refs, floatingStyles, context } = useFloating({
+    open: isOpen,
+    onOpenChange: handleOpenChange,
+    placement,
+    middleware: [
+      offset(8),
+      flip({ padding: 16 }),
+      shift({ padding: 16 })
+    ],
+    whileElementsMounted: autoUpdate
+  });
+  const positionReference = useMemo(() => {
+    if (triggerAction !== "contextmenu" || !contextMenuPosition) {
+      return null;
+    }
+    return {
+      getBoundingClientRect() {
+        return {
+          width: 0,
+          height: 0,
+          x: contextMenuPosition.x,
+          y: contextMenuPosition.y,
+          top: contextMenuPosition.y,
+          right: contextMenuPosition.x,
+          bottom: contextMenuPosition.y,
+          left: contextMenuPosition.x
+        };
+      }
+    };
+  }, [contextMenuPosition, triggerAction]);
+  useLayoutEffect(() => {
+    if (positionReference) {
+      refs.setPositionReference(positionReference);
+      return;
+    }
+    const referenceElement = refs.domReference.current;
+    if (referenceElement) {
+      refs.setPositionReference(referenceElement);
+    }
+  }, [positionReference, refs]);
+  const click = useClick(context, {
+    enabled: triggerAction === "click"
+  });
+  const dismiss = useDismiss(context, {
+    outsidePress: (event) => {
+      return !hasFloatingOwnerId(event.target instanceof Element ? event.target : null, id);
+    }
+  });
+  const role = useRole(context, { role: popoverRole });
+  const { getReferenceProps, getFloatingProps } = useInteractions([
+    click,
+    dismiss,
+    role
+  ]);
+  const close = useCallback(() => {
+    handleOpenChange(false);
+  }, [handleOpenChange]);
+  const handleFloatingRef = useCallback((node) => {
+    refs.setFloating(node);
+    setFloatingElement(node);
+  }, [refs]);
+  const handleContextMenu = useCallback((event) => {
+    if (triggerAction !== "contextmenu") return;
+    if (event.defaultPrevented) return;
+    if (shouldOpenOnContextMenu && !shouldOpenOnContextMenu(event)) return;
+    event.preventDefault();
+    event.stopPropagation();
+    setContextMenuPosition({
+      x: event.clientX,
+      y: event.clientY
+    });
+    handleOpenChange(true);
+  }, [triggerAction, handleOpenChange, shouldOpenOnContextMenu]);
+  const renderChildren = () => {
+    if (typeof children === "function") {
+      return children(close);
+    }
+    return children;
+  };
+  const triggerElement = trigger && isValidElement(trigger) ? cloneElement(trigger, {
+    ...triggerAction === "contextmenu" ? {} : {
+      ref: compose_refs_default(
+        refs.setReference,
+        trigger.props.ref
+      )
+    },
+    "data-popover-trigger": id,
+    "aria-controls": isOpen ? id : void 0,
+    "aria-expanded": triggerAction === "click" ? isOpen : void 0,
+    "aria-haspopup": triggerAriaHaspopup ?? (popoverRole === "menu" ? "menu" : "dialog"),
+    ...getReferenceProps({
+      onContextMenu: handleContextMenu
+    })
+  }) : null;
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    triggerElement,
+    isOpen && /* @__PURE__ */ jsx(FloatingPortal, { root: floatingRoot, children: /* @__PURE__ */ jsx(FloatingFocusManager, { context, modal: false, children: /* @__PURE__ */ jsx("div", { ref: handleFloatingRef, id, className: `popover ${noPadding ? "popover--no-padding" : ""} radius-lg d-flex column glass-bg ${className} color-primary`, style: floatingStyles, onClick: (event) => event.stopPropagation(), "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, "aria-describedby": ariaDescribedBy, tabIndex: -1, ...getFloatingProps(), children: /* @__PURE__ */ jsx(FloatingOwnerIdsContext.Provider, { value: nextFloatingOwnerIds, children: /* @__PURE__ */ jsx(FloatingRootContext_default.Provider, { value: floatingElement ?? floatingRoot, children: renderChildren() }) }) }) }) })
+  ] });
+};
+var Popover_default = Popover;
+var MENU_ITEM_SELECTOR = '[role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"]';
+var getMenuItems = (menuElement) => {
+  if (!menuElement) {
+    return [];
+  }
+  const items = Array.from(menuElement.querySelectorAll(MENU_ITEM_SELECTOR));
+  return items.filter((item) => {
+    return item.closest('[role="menu"]') === menuElement && !item.hasAttribute("disabled") && item.getAttribute("aria-disabled") !== "true";
+  });
+};
+var PopoverMenu = forwardRef(({ children, label = "Menu", onClose }, ref) => {
+  const menuRef = useRef(null);
+  const setRefs = (node) => {
+    menuRef.current = node;
+    if (typeof ref === "function") {
+      ref(node);
+    } else if (ref) {
+      ref.current = node;
+    }
+  };
+  useEffect(() => {
+    const focusTimer = window.requestAnimationFrame(() => {
+      const menuItems = getMenuItems(menuRef.current);
+      menuItems[0]?.focus();
+    });
+    return () => {
+      window.cancelAnimationFrame(focusTimer);
+    };
+  }, []);
+  const handleKeyDown = (event) => {
+    const menuItems = getMenuItems(menuRef.current);
+    const activeElement = document.activeElement;
+    const currentIndex = menuItems.findIndex((item) => item === activeElement || item.contains(activeElement));
+    if (event.key === "Escape") {
+      event.preventDefault();
+      onClose?.();
+      return;
+    }
+    if (menuItems.length === 0) {
+      return;
+    }
+    if (event.key === "ArrowDown") {
+      event.preventDefault();
+      const nextIndex = currentIndex < 0 ? 0 : (currentIndex + 1) % menuItems.length;
+      menuItems[nextIndex]?.focus();
+      return;
+    }
+    if (event.key === "ArrowUp") {
+      event.preventDefault();
+      const nextIndex = currentIndex < 0 ? menuItems.length - 1 : (currentIndex - 1 + menuItems.length) % menuItems.length;
+      menuItems[nextIndex]?.focus();
+      return;
+    }
+    if (event.key === "Home") {
+      event.preventDefault();
+      menuItems[0]?.focus();
+      return;
+    }
+    if (event.key === "End") {
+      event.preventDefault();
+      menuItems[menuItems.length - 1]?.focus();
+    }
+  };
+  return /* @__PURE__ */ jsx("div", { ref: setRefs, className: "popover-menu d-flex column gap-025", role: "menu", "aria-label": label, "aria-orientation": "vertical", onKeyDown: handleKeyDown, children });
+});
+PopoverMenu.displayName = "PopoverMenu";
+var PopoverMenu_default = PopoverMenu;
+var PopoverMenuItem = forwardRef(({
+  icon,
+  label,
+  children,
+  onClick,
+  variant = "default",
+  size: size2 = "md",
+  disabled = false,
+  isLoading = false,
+  rightAdornment,
+  role = "menuitem",
+  ariaHaspopup,
+  ariaExpanded,
+  ariaControls,
+  tabIndex = -1,
+  onKeyDown,
+  onBlur,
+  onMouseEnter,
+  onMouseLeave
+}, ref) => {
+  const content = children ?? label;
+  return /* @__PURE__ */ jsx(
+    Button_default,
+    {
+      ref,
+      variant: "ghost",
+      intent: variant === "danger" ? "danger" : "neutral",
+      size: size2,
+      block: true,
+      align: "start",
+      className: `popover-menu-item popover-menu-item--${size2} radius-sm color-primary u-select-none cursor-pointer`,
+      onClick: isLoading ? void 0 : onClick,
+      disabled: disabled || isLoading,
+      isLoading,
+      role,
+      "aria-haspopup": ariaHaspopup,
+      "aria-expanded": ariaExpanded,
+      "aria-controls": ariaControls,
+      "aria-disabled": disabled || isLoading,
+      tabIndex,
+      onKeyDown,
+      onBlur,
+      onMouseEnter,
+      onMouseLeave,
+      "data-popover-menu-item": "true",
+      leftIcon: icon ? /* @__PURE__ */ jsx("span", { className: "popover-menu-item-icon d-flex items-center content-center f-shrink-0", children: icon }) : void 0,
+      children: /* @__PURE__ */ jsxs("span", { className: "popover-menu-item-content d-flex items-center content-between gap-05 w-max", children: [
+        /* @__PURE__ */ jsx("span", { className: "popover-menu-item-label", children: content }),
+        rightAdornment ? /* @__PURE__ */ jsx("span", { className: "popover-menu-item-adornment d-flex items-center content-center f-shrink-0", children: rightAdornment }) : null
+      ] })
+    }
+  );
+});
+PopoverMenuItem.displayName = "PopoverMenuItem";
+var PopoverMenuItem_default = PopoverMenuItem;
+var MISSING_MENU_NAME_ERROR = "Menu requires an accessible name via ariaLabel (or menuLabel) so assistive tech can announce the menu.";
+var FALLBACK_MENU_LABEL = "Menu";
+var isRenderProp = (value) => typeof value === "function";
+var Menu = forwardRef(({
+  trigger,
+  items,
+  placement = "bottom-start",
+  size: size2 = "md",
+  id,
+  ariaLabel,
+  menuLabel = "Menu",
+  triggerAriaLabel,
+  emptyContent,
+  onOpenChange,
+  className,
+  triggerClassName
+}, ref) => {
+  const generatedId = useId();
+  const popoverId = id ?? `menu-${generatedId}`;
+  const [isOpen, setIsOpen] = useState(false);
+  const hasWarnedForMissingNameRef = useRef(false);
+  const resolvedAriaLabel = ariaLabel?.trim() || menuLabel?.trim() || void 0;
+  let accessibleName = resolvedAriaLabel;
+  if (!accessibleName) {
+    if (!hasWarnedForMissingNameRef.current) {
+      console.warn(MISSING_MENU_NAME_ERROR);
+      hasWarnedForMissingNameRef.current = true;
+    }
+    accessibleName = FALLBACK_MENU_LABEL;
+  }
+  const handleOpenChange = (nextOpen) => {
+    setIsOpen(nextOpen);
+    onOpenChange?.(nextOpen);
+  };
+  const triggerNode = isRenderProp(trigger) ? trigger({ isOpen }) : trigger;
+  const triggerElement = /* @__PURE__ */ jsx(
+    "span",
+    {
+      ref,
+      className: cn("menu-trigger u-select-none cursor-pointer", triggerClassName),
+      role: "button",
+      tabIndex: isValidElement(triggerNode) ? -1 : 0,
+      "aria-label": triggerAriaLabel,
+      children: triggerNode
+    }
+  );
+  const actionableItems = items.filter((item) => !item.divider);
+  return /* @__PURE__ */ jsx(
+    Popover_default,
+    {
+      id: popoverId,
+      trigger: triggerElement,
+      placement,
+      role: "menu",
+      triggerAriaHaspopup: "menu",
+      ariaLabel: accessibleName,
+      noPadding: true,
+      className: cn("menu-popover", className),
+      onOpenChange: handleOpenChange,
+      children: (close) => /* @__PURE__ */ jsx(PopoverMenu_default, { label: accessibleName, onClose: close, children: actionableItems.length === 0 ? emptyContent ?? /* @__PURE__ */ jsx(Text_default, { as: "p", size: "sm", className: "menu-empty color-muted", role: "status", "aria-live": "polite", children: "No actions available" }) : items.map((item) => {
+        if (item.divider) {
+          return /* @__PURE__ */ jsx("div", { className: "menu-separator", role: "separator", "aria-hidden": "true" }, item.id);
+        }
+        return /* @__PURE__ */ jsx(
+          PopoverMenuItem_default,
+          {
+            icon: item.icon,
+            size: size2,
+            variant: item.tone === "danger" ? "danger" : "default",
+            disabled: item.disabled,
+            onClick: () => {
+              item.onSelect?.();
+              close();
+            },
+            children: item.label
+          },
+          item.id
+        );
+      }) })
+    }
+  );
+});
+Menu.displayName = "Menu";
+var Menu_default = Menu;
+var Tooltip = ({
+  children,
+  content,
+  placement = "top",
+  delay = 300,
+  disabled = false,
+  className = ""
+}) => {
+  const [isVisible, setIsVisible] = useState(false);
+  const floatingRoot = useFloatingRoot();
+  const tooltipId = useId();
+  const { refs, floatingStyles, context, placement: actualPlacement } = useFloating({
+    open: isVisible,
+    onOpenChange: setIsVisible,
+    placement,
+    middleware: [
+      offset(8),
+      flip({ padding: 8 }),
+      shift({ padding: 8 })
+    ],
+    whileElementsMounted: autoUpdate
+  });
+  const hover = useHover(context, {
+    delay: {
+      open: delay,
+      close: 0
+    },
+    enabled: !disabled
+  });
+  const focus = useFocus(context, {
+    enabled: !disabled
+  });
+  const dismiss = useDismiss(context);
+  const role = useRole(context, { role: "tooltip" });
+  const { getReferenceProps, getFloatingProps } = useInteractions([
+    hover,
+    focus,
+    dismiss,
+    role
+  ]);
+  if (!content) return /* @__PURE__ */ jsx(Fragment, { children });
+  const child = React.Children.only(children);
+  if (!isValidElement(child)) {
+    return /* @__PURE__ */ jsx(Fragment, { children });
+  }
+  const triggerElement = child;
+  const placementSide = actualPlacement.split("-")[0];
+  const childProps = triggerElement.props;
+  const originalRef = childProps.ref;
+  const childDescribedBy = typeof childProps["aria-describedby"] === "string" ? childProps["aria-describedby"] : void 0;
+  const describedBy = [childDescribedBy, tooltipId].filter(Boolean).join(" ") || void 0;
+  const clonedChild = cloneElement(triggerElement, {
+    ref: compose_refs_default(refs.setReference, originalRef),
+    "aria-describedby": describedBy,
+    ...getReferenceProps(childProps)
+  });
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    clonedChild,
+    isVisible && /* @__PURE__ */ jsx(FloatingPortal, { root: floatingRoot, children: /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref: refs.setFloating,
+        id: tooltipId,
+        className: `volt-tooltip volt-tooltip-${placementSide} ${className} overflow-hidden`,
+        style: floatingStyles,
+        role: "tooltip",
+        ...getFloatingProps(),
+        children: content
+      }
+    ) })
+  ] });
+};
+var Tooltip_default = Tooltip;
+var createVirtualCursorRect = (x, y) => ({
+  x,
+  y,
+  top: y,
+  right: x,
+  bottom: y,
+  left: x,
+  width: 0,
+  height: 0
+});
+var CursorTooltip = ({
+  isOpen,
+  x,
+  y,
+  content,
+  className = "",
+  autoPosition = true,
+  interactive = false,
+  offset: cursorOffset = 16,
+  ariaLabel = "Additional details"
+}) => {
+  const arrowOffset = cursorOffset;
+  const floatingRoot = useFloatingRoot();
+  const prefersReducedMotion = usePrefersReducedMotion();
+  const reactId = useId();
+  const tooltipId = `cursor-tooltip-${reactId}`;
+  const virtualElementRef = useRef({
+    getBoundingClientRect: () => createVirtualCursorRect(x, y)
+  });
+  const middleware = [offset({ mainAxis: arrowOffset, crossAxis: arrowOffset })];
+  if (autoPosition) {
+    middleware.push(flip({ padding: 16 }));
+    middleware.push(shift({ padding: 16 }));
+  }
+  const { refs, floatingStyles } = useFloating({
+    open: isOpen,
+    placement: "right-start",
+    middleware,
+    whileElementsMounted: autoUpdate
+  });
+  useEffect(() => {
+    virtualElementRef.current.getBoundingClientRect = () => createVirtualCursorRect(x, y);
+    refs.setPositionReference(virtualElementRef.current);
+  }, [x, y, refs]);
+  if (!isOpen) return null;
+  return /* @__PURE__ */ jsx(FloatingPortal, { root: floatingRoot, children: /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref: refs.setFloating,
+      className: `cursor-tooltip visible ${interactive ? "interactive" : ""} ${className}`,
+      style: floatingStyles,
+      id: tooltipId,
+      role: interactive ? "dialog" : "tooltip",
+      "aria-label": interactive ? ariaLabel : void 0,
+      "aria-modal": interactive ? false : void 0,
+      tabIndex: interactive ? -1 : void 0,
+      "data-reduced-motion": prefersReducedMotion ? "true" : "false",
+      children: content
+    }
+  ) });
+};
+var CursorTooltip_default = CursorTooltip;
+var FloatingToolbar = forwardRef(({
+  placement = "top",
+  align = "center",
+  offset: offset5 = 1,
+  className,
+  style,
+  children,
+  role = "toolbar",
+  ...rest
+}, ref) => {
+  const classes = cn(
+    "volt-floating-toolbar",
+    `volt-floating-toolbar--${placement}`,
+    `volt-floating-toolbar--align-${align}`,
+    "glass-bg",
+    className
+  );
+  const anchorStyle = {
+    ...style,
+    [placement]: `${offset5}rem`
+  };
+  return /* @__PURE__ */ jsx("div", { ref, role, className: classes, style: anchorStyle, ...rest, children });
+});
+FloatingToolbar.displayName = "FloatingToolbar";
+var FloatingToolbar_default = FloatingToolbar;
+var Tag = forwardRef(({
+  tone = "neutral",
+  size: size2 = "sm",
+  variant = "soft",
+  shape = "pill",
+  leftIcon,
+  rightIcon,
+  className,
+  children,
+  ...rest
+}, ref) => {
+  const classes = cn(
+    "volt-tag",
+    `volt-tag--tone-${tone}`,
+    `volt-tag--size-${size2}`,
+    `volt-tag--variant-${variant}`,
+    `volt-tag--shape-${shape}`,
+    className
+  );
+  return /* @__PURE__ */ jsxs("span", { ref, className: classes, ...rest, children: [
+    leftIcon && /* @__PURE__ */ jsx("span", { className: "volt-tag__icon", "aria-hidden": "true", children: leftIcon }),
+    /* @__PURE__ */ jsx("span", { className: "volt-tag__label", children }),
+    rightIcon && /* @__PURE__ */ jsx("span", { className: "volt-tag__icon", "aria-hidden": "true", children: rightIcon })
+  ] });
+});
+Tag.displayName = "Tag";
+var Tag_default = Tag;
+var STATUS_VARIANTS = {
+  ready: "success",
+  completed: "success",
+  success: "success",
+  active: "success",
+  published: "success",
+  healthy: "success",
+  online: "success",
+  accepted: "success",
+  connected: "success",
+  processing: "warning",
+  queued: "warning",
+  rendering: "warning",
+  warning: "warning",
+  pending: "warning",
+  "waiting-for-process": "warning",
+  analyzing: "warning",
+  running: "active",
+  failed: "danger",
+  error: "danger",
+  danger: "danger",
+  critical: "danger",
+  rejected: "danger",
+  inactive: "inactive",
+  draft: "inactive",
+  disabled: "inactive",
+  offline: "inactive",
+  disconnected: "inactive",
+  brand: "brand",
+  primary: "primary"
+};
+var statusToVariant = (status) => {
+  return STATUS_VARIANTS[status.toLowerCase()] ?? "neutral";
+};
+var StatusBadge = forwardRef(({ status, variant, size: size2 = "default", children, className = "" }, ref) => {
+  const computedVariant = variant ?? (status ? statusToVariant(status) : "neutral");
+  const content = children ?? status;
+  const classes = cn(
+    "status-badge",
+    "radius-full",
+    `variant-${computedVariant}`,
+    size2 !== "default" && `size-${size2}`,
+    "gap-025",
+    "font-size-1",
+    "font-weight-5",
+    className
+  );
+  return /* @__PURE__ */ jsx("span", { ref, className: classes, children: content });
+});
+StatusBadge.displayName = "StatusBadge";
+var StatusBadge_default = StatusBadge;
+var StatusDot = forwardRef(({
+  tone = "neutral",
+  size: size2 = "sm",
+  className = "",
+  label,
+  pulse = false,
+  glow = false
+}, ref) => {
+  const classes = cn(
+    "status-dot",
+    "radius-full",
+    "f-shrink-0",
+    `size-${size2}`,
+    `status-dot--tone-${tone}`,
+    pulse && "status-dot--pulse",
+    glow && "status-dot--glow",
+    className
+  );
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      ref,
+      className: classes,
+      role: "status",
+      "aria-label": label ?? `${tone} status`
+    }
+  );
+});
+StatusDot.displayName = "StatusDot";
+var StatusDot_default = StatusDot;
+var toneClass = {
+  neutral: "color-primary",
+  muted: "color-muted",
+  success: "status-success",
+  warning: "status-warning",
+  danger: "status-error"
+};
+var InlineStatus = forwardRef(({
+  tone = "neutral",
+  icon,
+  live = "polite",
+  severity = "status",
+  className,
+  children,
+  ...rest
+}, ref) => {
+  const textTone = tone === "muted" ? "muted" : tone === "neutral" ? "secondary" : void 0;
+  const inlineStyle = tone !== "neutral" && tone !== "muted" ? { color: `var(--${toneClass[tone]})` } : void 0;
+  return /* @__PURE__ */ jsxs(
+    Row_default,
+    {
+      ref,
+      gap: "05",
+      role: severity,
+      "aria-live": live,
+      "aria-atomic": "true",
+      className: cn("font-size-1", className),
+      style: inlineStyle,
+      ...rest,
+      children: [
+        icon && /* @__PURE__ */ jsx("span", { className: "d-flex items-center", "aria-hidden": "true", children: icon }),
+        /* @__PURE__ */ jsx(Text_default, { as: "span", size: "sm", tone: textTone, children })
+      ]
+    }
+  );
+});
+InlineStatus.displayName = "InlineStatus";
+var InlineStatus_default = InlineStatus;
+var SaveStatusIndicator = forwardRef(({
+  status,
+  savingLabel = "Saving\u2026",
+  savedLabel = "Saved",
+  errorLabel = "Save failed",
+  hideIdle = true,
+  className,
+  ...rest
+}, ref) => {
+  if (hideIdle && status === "idle") return null;
+  const tone = status === "saved" ? "muted" : "secondary";
+  const errorStyle = status === "error" ? { color: "var(--status-error)" } : void 0;
+  return /* @__PURE__ */ jsxs(
+    Row_default,
+    {
+      ref,
+      gap: "025",
+      role: "status",
+      "aria-live": "polite",
+      "aria-atomic": "true",
+      className: cn("font-size-1", className),
+      style: errorStyle,
+      ...rest,
+      children: [
+        status === "saving" && /* @__PURE__ */ jsx(Loader_default, { scale: 0.35, isFixed: false }),
+        status === "saved" && /* @__PURE__ */ jsx(Check, { size: 12, "aria-hidden": "true" }),
+        status === "error" && /* @__PURE__ */ jsx(AlertCircle, { size: 12, "aria-hidden": "true" }),
+        /* @__PURE__ */ jsxs(Text_default, { as: "span", size: "sm", tone: status === "error" ? void 0 : tone, children: [
+          status === "saving" && savingLabel,
+          status === "saved" && savedLabel,
+          status === "error" && errorLabel
+        ] })
+      ]
+    }
+  );
+});
+SaveStatusIndicator.displayName = "SaveStatusIndicator";
+var SaveStatusIndicator_default = SaveStatusIndicator;
+
+// src/shared/utils/user.ts
+var getInitialsFromUser = (user) => {
+  if (!user || typeof user === "string") return "?";
+  if (user.firstName && user.lastName) {
+    return (user.firstName[0] + user.lastName[0]).toUpperCase();
+  }
+  if (user.email) {
+    const parts = user.email.split("@")[0].split(".");
+    if (parts.length >= 2) {
+      return (parts[0][0] + parts[1][0]).toUpperCase();
+    }
+    return user.email[0].toUpperCase();
+  }
+  return "?";
+};
+var Avatar = forwardRef(({
+  src,
+  alt,
+  fallback,
+  user,
+  size: size2 = "md",
+  className = "",
+  isOnline = false,
+  showStatus = false,
+  icon
+}, ref) => {
+  const imageSrc = src ?? user?.avatar;
+  const initials = fallback ?? (user ? getInitialsFromUser(user) : "?");
+  const altText = alt ?? (user ? `${user.firstName ?? ""} ${user.lastName ?? ""}`.trim() : "Avatar");
+  return /* @__PURE__ */ jsxs("div", { ref, className: `${cn("avatar", `avatar-${size2}`, "d-flex flex-center radius-full overflow-hidden f-shrink-0 p-relative", className)}`, children: [
+    icon ? /* @__PURE__ */ jsx("div", { className: "avatar-icon d-flex flex-center", children: icon }) : imageSrc ? /* @__PURE__ */ jsx("img", { src: imageSrc, alt: altText, className: "w-max h-max avatar-image" }) : /* @__PURE__ */ jsx("p", { className: "avatar-initials font-weight-6", children: initials }),
+    showStatus && /* @__PURE__ */ jsx(StatusDot_default, { tone: isOnline ? "success" : "neutral", className: "avatar-status p-absolute bottom-0 right-0" })
+  ] });
+});
+Avatar.displayName = "Avatar";
+var Avatar_default = Avatar;
+var AvatarStack = forwardRef(({ users, maxDisplay = 3, size: size2 = "sm", className = "" }, ref) => {
+  if (users.length === 0) return null;
+  const displayedUsers = users.slice(0, maxDisplay);
+  const remainingCount = users.length - maxDisplay;
+  return /* @__PURE__ */ jsxs(Row_default, { ref, className: `avatar-stack ${className}`, children: [
+    displayedUsers.map((user, index) => /* @__PURE__ */ jsx(
+      Avatar_default,
+      {
+        user,
+        size: size2,
+        className: "avatar-stack-item"
+      },
+      user._id ?? user.id ?? index
+    )),
+    remainingCount > 0 && /* @__PURE__ */ jsx("div", { className: `avatar-stack-overflow avatar avatar-${size2} d-flex flex-center radius-full`, children: /* @__PURE__ */ jsxs(Text_default, { as: "p", weight: "bold", className: "avatar-initials", children: [
+      "+",
+      remainingCount
+    ] }) })
+  ] });
+});
+AvatarStack.displayName = "AvatarStack";
+var AvatarStack_default = AvatarStack;
+var IconFrame = forwardRef(({
+  size: size2 = "md",
+  tone = "neutral",
+  shape = "square",
+  className,
+  children,
+  ...rest
+}, ref) => {
+  const classes = cn(
+    "volt-icon-frame",
+    `volt-icon-frame--size-${size2}`,
+    `volt-icon-frame--tone-${tone}`,
+    `volt-icon-frame--shape-${shape}`,
+    className
+  );
+  return /* @__PURE__ */ jsx("div", { ref, className: classes, "aria-hidden": "true", ...rest, children });
+});
+IconFrame.displayName = "IconFrame";
+var IconFrame_default = IconFrame;
+var MISSING_INTERACTIVE_NAME_ERROR = "Card with `interactive` requires an accessible name via aria-label or aria-labelledby.";
+var SURFACE_VARIANT = {
+  elevated: "elevated",
+  glass: "glass",
+  plain: void 0
+};
+var Card = forwardRef(({
+  variant = "elevated",
+  interactive = false,
+  selected = false,
+  padding = "none",
+  as,
+  className,
+  children,
+  onKeyDown,
+  role,
+  tabIndex,
+  "aria-label": ariaLabel,
+  "aria-labelledby": ariaLabelledBy,
+  ...rest
+}, ref) => {
+  const hasWarnedForMissingNameRef = useRef(false);
+  const Component = as ?? (interactive ? "button" : "div");
+  const isNativeButton = interactive && Component === "button";
+  const resolvedAriaLabel = ariaLabel?.trim() || void 0;
+  const resolvedAriaLabelledBy = ariaLabelledBy?.trim() || void 0;
+  if (interactive && !resolvedAriaLabel && !resolvedAriaLabelledBy) {
+    if (!hasWarnedForMissingNameRef.current) {
+      console.warn(MISSING_INTERACTIVE_NAME_ERROR);
+      hasWarnedForMissingNameRef.current = true;
+    }
+  }
+  const classes = cn(
+    "volt-card",
+    `volt-card--${variant}`,
+    interactive && "volt-card--interactive",
+    selected && "volt-card--selected",
+    padding !== "none" && `volt-card--pad-${padding}`,
+    className
+  );
+  const needsButtonSemantics = interactive && !isNativeButton;
+  const handleKeyDown = needsButtonSemantics ? (event) => {
+    onKeyDown?.(event);
+    if (event.defaultPrevented) return;
+    if (event.key === "Enter" || event.key === " " || event.key === "Spacebar") {
+      event.preventDefault();
+      event.currentTarget.click();
+    }
+  } : onKeyDown;
+  const interactiveProps = interactive ? {
+    role: needsButtonSemantics ? role ?? "button" : role,
+    tabIndex: needsButtonSemantics ? tabIndex ?? 0 : tabIndex,
+    ...isNativeButton ? { type: "button" } : {},
+    "aria-label": resolvedAriaLabel,
+    "aria-labelledby": resolvedAriaLabelledBy,
+    "aria-selected": selected || void 0,
+    onKeyDown: handleKeyDown
+  } : {
+    role,
+    tabIndex,
+    "aria-label": resolvedAriaLabel,
+    "aria-labelledby": resolvedAriaLabelledBy,
+    onKeyDown
+  };
+  return /* @__PURE__ */ jsx(
+    Surface_default,
+    {
+      ref,
+      as: Component,
+      variant: SURFACE_VARIANT[variant],
+      className: classes,
+      ...interactiveProps,
+      ...rest,
+      children
+    }
+  );
+});
+Card.displayName = "Card";
+var CardHeader = forwardRef(({
+  as,
+  className,
+  children,
+  ...rest
+}, ref) => {
+  const Component = as ?? "div";
+  return /* @__PURE__ */ jsx(
+    Component,
+    {
+      ref,
+      className: cn("volt-card__header", "panel-header-bordered", className),
+      ...rest,
+      children
+    }
+  );
+});
+CardHeader.displayName = "Card.Header";
+var CardBody = forwardRef(({
+  as,
+  padding = "md",
+  className,
+  children,
+  ...rest
+}, ref) => {
+  const Component = as ?? "div";
+  return /* @__PURE__ */ jsx(
+    Component,
+    {
+      ref,
+      className: cn(
+        "volt-card__body",
+        padding !== "none" && `volt-card__body--pad-${padding}`,
+        className
+      ),
+      ...rest,
+      children
+    }
+  );
+});
+CardBody.displayName = "Card.Body";
+var CardFooter = forwardRef(({
+  as,
+  className,
+  children,
+  ...rest
+}, ref) => {
+  const Component = as ?? "div";
+  return /* @__PURE__ */ jsx(
+    Component,
+    {
+      ref,
+      className: cn("volt-card__footer", "panel-footer-bordered", className),
+      ...rest,
+      children
+    }
+  );
+});
+CardFooter.displayName = "Card.Footer";
+var CardWithSlots = Card;
+CardWithSlots.Header = CardHeader;
+CardWithSlots.Body = CardBody;
+CardWithSlots.Footer = CardFooter;
+var Card_default = CardWithSlots;
+var toCssSize = (value) => {
+  if (value === void 0) return void 0;
+  if (typeof value === "number") return `${value}px`;
+  return value;
+};
+var Skeleton = forwardRef(({
+  variant = "text",
+  animation = "pulse",
+  width,
+  height,
+  className = "",
+  style
+}, ref) => {
+  const classes = cn(
+    "volt-skeleton",
+    `volt-skeleton--${variant}`,
+    `volt-skeleton--${animation}`,
+    className
+  );
+  const resolvedStyle = {
+    ...style,
+    width: toCssSize(width) ?? style?.width,
+    height: toCssSize(height) ?? style?.height
+  };
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      ref,
+      className: classes,
+      style: resolvedStyle,
+      "aria-hidden": "true",
+      "data-variant": variant,
+      "data-animation": animation
+    }
+  );
+});
+Skeleton.displayName = "Skeleton";
+var Skeleton_default = Skeleton;
+var StatCard = forwardRef(({
+  label,
+  value,
+  unit,
+  icon,
+  trend,
+  footer,
+  tone = "neutral",
+  state = "ready",
+  tabular = true,
+  surface = "soft",
+  className,
+  ...rest
+}, ref) => {
+  const classes = cn(
+    "volt-stat-card",
+    `volt-stat-card--tone-${tone}`,
+    surface === "elevated" ? "card-elevated" : "b-soft radius-md",
+    "p-1-5",
+    className
+  );
+  return /* @__PURE__ */ jsxs(Stack_default, { ref, gap: "075", className: classes, ...rest, children: [
+    /* @__PURE__ */ jsxs(Row_default, { gap: "05", align: "center", children: [
+      icon && /* @__PURE__ */ jsx("span", { className: "volt-stat-card__icon", "aria-hidden": "true", children: icon }),
+      /* @__PURE__ */ jsx(SectionLabel_default, { className: "volt-stat-card__label", children: label })
+    ] }),
+    state === "loading" ? /* @__PURE__ */ jsx(Skeleton_default, { variant: "text", width: "60%", height: 28, animation: "wave" }) : /* @__PURE__ */ jsxs(Row_default, { gap: "05", className: cn("items-baseline", tabular && "tabular-nums"), children: [
+      value !== void 0 && value !== null && /* @__PURE__ */ jsx(Text_default, { as: "span", size: "3xl", weight: "bold", tone: "primary", className: "volt-stat-card__value", children: value }),
+      unit && /* @__PURE__ */ jsx(Text_default, { as: "span", size: "md", tone: "muted", className: "volt-stat-card__unit", children: unit }),
+      trend && /* @__PURE__ */ jsx("span", { className: "volt-stat-card__trend", children: trend })
+    ] }),
+    footer && /* @__PURE__ */ jsx("div", { className: "volt-stat-card__footer", children: footer })
+  ] });
+});
+StatCard.displayName = "StatCard";
+var StatCard_default = StatCard;
+var SelectableCard = forwardRef(({
+  title,
+  description,
+  icon,
+  iconTone = "brand",
+  selected = false,
+  badge,
+  selectionRole,
+  onSelect,
+  onClick,
+  className,
+  children,
+  type = "button",
+  ...rest
+}, ref) => {
+  const classes = cn(
+    "volt-selectable-card",
+    selected && "volt-selectable-card--selected",
+    className
+  );
+  const ariaProps = selectionRole === "radio" ? { role: "radio", "aria-checked": selected } : selectionRole === "checkbox" ? { role: "checkbox", "aria-checked": selected } : { "aria-pressed": selected };
+  return /* @__PURE__ */ jsxs(
+    "button",
+    {
+      ref,
+      type,
+      className: classes,
+      onClick: (event) => {
+        onSelect?.();
+        onClick?.(event);
+      },
+      ...ariaProps,
+      ...rest,
+      children: [
+        badge && /* @__PURE__ */ jsx("span", { className: "volt-selectable-card__badge", children: badge }),
+        /* @__PURE__ */ jsxs(Stack_default, { align: "center", gap: "075", textAlign: "center", children: [
+          icon && /* @__PURE__ */ jsx(IconFrame_default, { size: "lg", tone: iconTone, children: icon }),
+          /* @__PURE__ */ jsx(Heading_default, { level: 3, size: "md", weight: "semibold", children: title }),
+          description && /* @__PURE__ */ jsx(Text_default, { size: "sm", tone: "secondary", lineHeight: "5", children: description }),
+          children
+        ] })
+      ]
+    }
+  );
+});
+SelectableCard.displayName = "SelectableCard";
+var SelectableCard_default = SelectableCard;
+var DashedActionBox = forwardRef(({
+  icon,
+  label,
+  tone = "muted",
+  size: size2 = "md",
+  block = false,
+  className,
+  children,
+  type = "button",
+  ...rest
+}, ref) => {
+  const classes = cn(
+    "volt-dashed-action",
+    `volt-dashed-action--tone-${tone}`,
+    `volt-dashed-action--size-${size2}`,
+    block && "volt-dashed-action--block",
+    className
+  );
+  return /* @__PURE__ */ jsxs("button", { ref, type, className: classes, ...rest, children: [
+    /* @__PURE__ */ jsx("span", { className: "volt-dashed-action__icon", "aria-hidden": "true", children: icon ?? /* @__PURE__ */ jsx(Plus, { size: 16 }) }),
+    /* @__PURE__ */ jsx("span", { className: "volt-dashed-action__label", children: label }),
+    children
+  ] });
+});
+DashedActionBox.displayName = "DashedActionBox";
+var DashedActionBox_default = DashedActionBox;
+
+// node_modules/sileo/dist/cc-B6peeNak.mjs
+function _extends() {
+  _extends = Object.assign || function assign(target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+      for (var key in source) if (Object.prototype.hasOwnProperty.call(source, key)) target[key] = source[key];
+    }
+    return target;
+  };
+  return _extends.apply(this, arguments);
+}
+function __insertCSS(code) {
+  if (typeof document == "undefined") return;
+  let head = document.head || document.getElementsByTagName("head")[0];
+  let style = document.createElement("style");
+  style.type = "text/css";
+  head.appendChild(style);
+  style.styleSheet ? style.styleSheet.cssText = code : style.appendChild(document.createTextNode(code));
+}
+__insertCSS(":root{--sileo-spring-easing:linear(\n		0,\n		0.002 0.6%,\n		0.007 1.2%,\n		0.015 1.8%,\n		0.026 2.4%,\n		0.041 3.1%,\n		0.06 3.8%,\n		0.108 5.3%,\n		0.157 6.6%,\n		0.214 8%,\n		0.467 13.7%,\n		0.577 16.3%,\n		0.631 17.7%,\n		0.682 19.1%,\n		0.73 20.5%,\n		0.771 21.8%,\n		0.808 23.1%,\n		0.844 24.5%,\n		0.874 25.8%,\n		0.903 27.2%,\n		0.928 28.6%,\n		0.952 30.1%,\n		0.972 31.6%,\n		0.988 33.1%,\n		1.01 35.7%,\n		1.025 38.5%,\n		1.034 41.6%,\n		1.038 45%,\n		1.035 50.1%,\n		1.012 64.2%,\n		1.003 73%,\n		0.999 83.7%,\n		1\n	);--sileo-duration:600ms;--sileo-height:40px;--sileo-width:350px;--sileo-state-success:oklch(0.723 0.219 142.136);--sileo-state-loading:oklch(0.556 0 0);--sileo-state-error:oklch(0.637 0.237 25.331);--sileo-state-warning:oklch(0.795 0.184 86.047);--sileo-state-info:oklch(0.685 0.169 237.323);--sileo-state-action:oklch(0.623 0.214 259.815)}[data-sileo-toast]{position:relative;cursor:pointer;pointer-events:auto;touch-action:none;border:0;background:0 0;padding:0;width:var(--sileo-width);height:var(--_h,var(--sileo-height));opacity:0;transform:translateZ(0) scale(.95);transform-origin:center;contain:layout style;overflow:visible}[data-sileo-toast][data-state=loading]{cursor:default}[data-sileo-toast][data-ready=true]{opacity:1;transform:translateZ(0) scale(1);transition:transform calc(var(--sileo-duration) * .66) var(--sileo-spring-easing),opacity calc(var(--sileo-duration) * .66) var(--sileo-spring-easing),margin-bottom calc(var(--sileo-duration) * .66) var(--sileo-spring-easing),margin-top calc(var(--sileo-duration) * .66) var(--sileo-spring-easing),height var(--sileo-duration) var(--sileo-spring-easing)}[data-sileo-viewport][data-position^=top] [data-sileo-toast]:not([data-ready=true]){transform:translateY(-6px) scale(.95)}[data-sileo-viewport][data-position^=bottom] [data-sileo-toast]:not([data-ready=true]){transform:translateY(6px) scale(.95)}[data-sileo-toast][data-ready=true][data-exiting=true]{opacity:0;pointer-events:none}[data-sileo-viewport][data-position^=top] [data-sileo-toast][data-ready=true][data-exiting=true]{transform:translateY(-6px) scale(.95)}[data-sileo-viewport][data-position^=bottom] [data-sileo-toast][data-ready=true][data-exiting=true]{transform:translateY(6px) scale(.95)}[data-sileo-canvas]{position:absolute;left:0;right:0;pointer-events:none;transform:translateZ(0);contain:layout style;overflow:visible}[data-sileo-canvas][data-edge=top]{bottom:0;transform:scaleY(-1) translateZ(0)}[data-sileo-canvas][data-edge=bottom]{top:0}[data-sileo-svg]{overflow:visible}[data-sileo-header]{position:absolute;z-index:20;display:flex;align-items:center;padding:.5rem;height:var(--sileo-height);overflow:hidden;left:var(--_px,0);transform:var(--_ht);max-width:var(--_pw)}[data-sileo-toast][data-ready=true] [data-sileo-header]{transition:transform var(--sileo-duration) var(--sileo-spring-easing),left var(--sileo-duration) var(--sileo-spring-easing),max-width var(--sileo-duration) var(--sileo-spring-easing)}[data-sileo-header][data-edge=top]{bottom:0}[data-sileo-header][data-edge=bottom]{top:0}[data-sileo-header-stack]{position:relative;display:inline-flex;align-items:center;height:100%}[data-sileo-header-inner]{display:flex;align-items:center;gap:.5rem;white-space:nowrap;opacity:1;filter:blur(0px);transform:translateZ(0)}[data-sileo-header-inner][data-layer=current]{position:relative;z-index:1;animation:sileo-header-enter var(--sileo-duration) var(--sileo-spring-easing) both}[data-sileo-header-inner][data-exiting=true],[data-sileo-header-inner][data-layer=current]:not(:only-child){will-change:opacity,filter}[data-sileo-header-inner][data-layer=prev]{position:absolute;left:0;top:0;z-index:0;pointer-events:none}[data-sileo-header-inner][data-exiting=true]{animation:sileo-header-exit calc(var(--sileo-duration) * .7) ease forwards}[data-sileo-badge]{display:flex;height:24px;width:24px;flex-shrink:0;align-items:center;justify-content:center;padding:2px;box-sizing:border-box;border-radius:9999px;color:var(--sileo-tone,currentColor);background-color:var(--sileo-tone-bg,transparent)}[data-sileo-title]{font-size:.825rem;line-height:1rem;font-weight:500;text-transform:capitalize;color:var(--sileo-tone,currentColor)}:is([data-sileo-badge],[data-sileo-title],[data-sileo-button])[data-state]{--_c:var(--sileo-state-success)}:is(\n[data-sileo-badge],[data-sileo-title],[data-sileo-button]\n)[data-state=loading]{--_c:var(--sileo-state-loading)}:is(\n[data-sileo-badge],[data-sileo-title],[data-sileo-button]\n)[data-state=error]{--_c:var(--sileo-state-error)}:is(\n[data-sileo-badge],[data-sileo-title],[data-sileo-button]\n)[data-state=warning]{--_c:var(--sileo-state-warning)}:is(\n[data-sileo-badge],[data-sileo-title],[data-sileo-button]\n)[data-state=info]{--_c:var(--sileo-state-info)}:is(\n[data-sileo-badge],[data-sileo-title],[data-sileo-button]\n)[data-state=action]{--_c:var(--sileo-state-action)}:is([data-sileo-badge],[data-sileo-title])[data-state]{--sileo-tone:var(--_c);--sileo-tone-bg:color-mix(in oklch, var(--_c) 20%, transparent)}[data-sileo-content]{position:absolute;left:0;z-index:10;width:100%;pointer-events:none;opacity:var(--_co, 0)}[data-sileo-content]:not([data-visible=true]){content-visibility:hidden}[data-sileo-toast][data-ready=true] [data-sileo-content]{transition:opacity calc(var(--sileo-duration) * .08) ease calc(var(--sileo-duration) * .04)}[data-sileo-content][data-edge=top]{top:0}[data-sileo-content][data-edge=bottom]{top:var(--sileo-height)}[data-sileo-content][data-visible=true]{pointer-events:auto}[data-sileo-toast][data-ready=true] [data-sileo-content][data-visible=true]{transition:opacity calc(var(--sileo-duration) * .6) ease calc(var(--sileo-duration) * .3)}[data-sileo-description]{width:100%;text-align:left;padding:1rem;font-size:.875rem;line-height:1.25rem;contain:layout style paint;content-visibility:auto}[data-sileo-button]{display:flex;align-items:center;justify-content:center;height:1.75rem;padding:0 .625rem;margin-top:.75rem;border-radius:9999px;border:0;font-size:.75rem;font-weight:500;cursor:pointer;color:var(--sileo-btn-color,currentColor);background-color:var(--sileo-btn-bg,transparent);transition:background-color 150ms ease}[data-sileo-button]:hover{background-color:var(--sileo-btn-bg-hover,transparent)}[data-sileo-button][data-state]{--sileo-btn-color:var(--_c);--sileo-btn-bg:color-mix(in oklch, var(--_c) 15%, transparent);--sileo-btn-bg-hover:color-mix(in oklch, var(--_c) 25%, transparent)}[data-sileo-icon=spin]{animation:sileo-spin 1s linear infinite}@keyframes sileo-spin{to{transform:rotate(360deg)}}@keyframes sileo-header-enter{from{opacity:0;filter:blur(6px)}to{opacity:1;filter:blur(0px)}}@keyframes sileo-header-exit{from{opacity:1;filter:blur(0px)}to{opacity:0;filter:blur(6px)}}[data-sileo-viewport]{position:fixed;z-index:50;display:flex;gap:.75rem;padding:.75rem;pointer-events:none;max-width:calc(100vw - 1.5rem);contain:layout style}[data-sileo-viewport][data-position^=top] [data-sileo-toast]:not([data-ready=true]){margin-bottom:calc(-1 * (var(--sileo-height) + .75rem))}[data-sileo-viewport][data-position^=bottom] [data-sileo-toast]:not([data-ready=true]){margin-top:calc(-1 * (var(--sileo-height) + .75rem))}[data-sileo-viewport][data-position^=top]{top:0;flex-direction:column-reverse}[data-sileo-viewport][data-position^=bottom]{bottom:0;flex-direction:column}[data-sileo-viewport][data-position$=left]{left:0;align-items:flex-start}[data-sileo-viewport][data-position$=right]{right:0;align-items:flex-end}[data-sileo-viewport][data-position$=center]{left:50%;transform:translateX(-50%);align-items:center}@media (prefers-reduced-motion:no-preference){[data-sileo-toast][data-ready=true]:hover,[data-sileo-toast][data-ready=true][data-exiting=true]{will-change:transform,opacity,height}}@media (prefers-reduced-motion:reduce){[data-sileo-viewport],[data-sileo-viewport] *,[data-sileo-viewport] ::after,[data-sileo-viewport] ::before{animation-duration:0s;animation-iteration-count:1;transition-duration:0s}}[data-sileo-viewport][data-theme=dark] [data-sileo-description]{color:rgba(0,0,0,.5)}[data-sileo-viewport][data-theme=light] [data-sileo-description]{color:rgba(255,255,255,.5)}");
+var DEFAULT_TOAST_DURATION = 6e3;
+var EXIT_DURATION = DEFAULT_TOAST_DURATION * 0.1;
+var AUTO_EXPAND_DELAY = DEFAULT_TOAST_DURATION * 0.025;
+var AUTO_COLLAPSE_DELAY = DEFAULT_TOAST_DURATION - 2e3;
+var store = {
+  toasts: [],
+  listeners: /* @__PURE__ */ new Set(),
+  position: "top-right",
+  options: void 0,
+  emit() {
+    for (const fn of this.listeners) fn(this.toasts);
+  },
+  update(fn) {
+    this.toasts = fn(this.toasts);
+    this.emit();
+  }
+};
+var idCounter = 0;
+var generateId = () => `${++idCounter}-${Date.now().toString(36)}-${Math.random().toString(36).slice(2, 8)}`;
+var dismissToast = (id) => {
+  const item = store.toasts.find((t) => t.id === id);
+  if (!item || item.exiting) return;
+  store.update((prev) => prev.map((t) => t.id === id ? _extends({}, t, {
+    exiting: true
+  }) : t));
+  setTimeout(() => store.update((prev) => prev.filter((t) => t.id !== id)), EXIT_DURATION);
+};
+var resolveAutopilot = (opts, duration) => {
+  var _ref, _ref1;
+  if (opts.autopilot === false || !duration || duration <= 0) return {};
+  const cfg = typeof opts.autopilot === "object" ? opts.autopilot : void 0;
+  const clamp4 = (v) => Math.min(duration, Math.max(0, v));
+  return {
+    expandDelayMs: clamp4((_ref = cfg == null ? void 0 : cfg.expand) != null ? _ref : AUTO_EXPAND_DELAY),
+    collapseDelayMs: clamp4((_ref1 = cfg == null ? void 0 : cfg.collapse) != null ? _ref1 : AUTO_COLLAPSE_DELAY)
+  };
+};
+var mergeOptions = (options) => {
+  var _store_options;
+  return _extends({}, store.options, options, {
+    styles: _extends({}, (_store_options = store.options) == null ? void 0 : _store_options.styles, options.styles)
+  });
+};
+var buildSileoItem = (merged, id, fallbackPosition) => {
+  var _merged_duration, _ref, _merged_position;
+  const duration = (_merged_duration = merged.duration) != null ? _merged_duration : DEFAULT_TOAST_DURATION;
+  const auto = resolveAutopilot(merged, duration);
+  return _extends({}, merged, {
+    id,
+    instanceId: generateId(),
+    position: (_ref = (_merged_position = merged.position) != null ? _merged_position : fallbackPosition) != null ? _ref : store.position,
+    autoExpandDelayMs: auto.expandDelayMs,
+    autoCollapseDelayMs: auto.collapseDelayMs
+  });
+};
+var createToast = (options) => {
+  var _merged_id, _merged_duration;
+  const live = store.toasts.filter((t) => !t.exiting);
+  const merged = mergeOptions(options);
+  const id = (_merged_id = merged.id) != null ? _merged_id : "sileo-default";
+  const prev = live.find((t) => t.id === id);
+  const item = buildSileoItem(merged, id, prev == null ? void 0 : prev.position);
+  if (prev) {
+    store.update((p) => p.map((t) => t.id === id ? item : t));
+  } else {
+    store.update((p) => [
+      ...p.filter((t) => t.id !== id),
+      item
+    ]);
+  }
+  return {
+    id,
+    duration: (_merged_duration = merged.duration) != null ? _merged_duration : DEFAULT_TOAST_DURATION
+  };
+};
+var updateToast = (id, options) => {
+  const existing = store.toasts.find((t) => t.id === id);
+  if (!existing) return;
+  const item = buildSileoItem(mergeOptions(options), id, existing.position);
+  store.update((prev) => prev.map((t) => t.id === id ? item : t));
+};
+var sileo = {
+  show: (opts) => createToast(_extends({}, opts, {
+    state: opts.type
+  })).id,
+  success: (opts) => createToast(_extends({}, opts, {
+    state: "success"
+  })).id,
+  error: (opts) => createToast(_extends({}, opts, {
+    state: "error"
+  })).id,
+  warning: (opts) => createToast(_extends({}, opts, {
+    state: "warning"
+  })).id,
+  info: (opts) => createToast(_extends({}, opts, {
+    state: "info"
+  })).id,
+  action: (opts) => createToast(_extends({}, opts, {
+    state: "action"
+  })).id,
+  promise: (promise, opts) => {
+    const { id } = createToast(_extends({}, opts.loading, {
+      state: "loading",
+      duration: null,
+      position: opts.position
+    }));
+    const p = typeof promise === "function" ? promise() : promise;
+    p.then((data) => {
+      if (opts.action) {
+        const actionOpts = typeof opts.action === "function" ? opts.action(data) : opts.action;
+        updateToast(id, _extends({}, actionOpts, {
+          state: "action",
+          id
+        }));
+      } else {
+        const successOpts = typeof opts.success === "function" ? opts.success(data) : opts.success;
+        updateToast(id, _extends({}, successOpts, {
+          state: "success",
+          id
+        }));
+      }
+    }).catch((err) => {
+      const errorOpts = typeof opts.error === "function" ? opts.error(err) : opts.error;
+      updateToast(id, _extends({}, errorOpts, {
+        state: "error",
+        id
+      }));
+    });
+    return p;
+  },
+  dismiss: dismissToast,
+  clear: (position) => store.update((prev) => position ? prev.filter((t) => t.position !== position) : [])
+};
+
+// src/shared/presentation/utilities/copy-to-clipboard.ts
+var DEFAULT_SUCCESS_MESSAGE = "Copied to clipboard";
+var DEFAULT_ERROR_MESSAGE = "Failed to copy to clipboard";
+var copyTextToClipboard = async (text, {
+  successMessage = DEFAULT_SUCCESS_MESSAGE,
+  errorMessage = DEFAULT_ERROR_MESSAGE
+} = {}) => {
+  try {
+    await navigator.clipboard.writeText(text);
+    sileo.success({ title: successMessage });
+    return true;
+  } catch {
+    sileo.error({ title: errorMessage });
+    return false;
+  }
+};
+var KeyValueRow = forwardRef(({
+  label,
+  value,
+  copyValue,
+  action,
+  tabular = false,
+  className,
+  ...rest
+}, ref) => {
+  const [copied, setCopied] = useState(false);
+  const handleCopy = useCallback(async () => {
+    if (!copyValue) return;
+    const ok = await copyTextToClipboard(copyValue);
+    if (ok) {
+      setCopied(true);
+      setTimeout(() => setCopied(false), 1400);
+    }
+  }, [copyValue]);
+  return /* @__PURE__ */ jsxs("div", { ref, className: cn("volt-kv-row", className), ...rest, children: [
+    /* @__PURE__ */ jsx(Text_default, { as: "span", size: "sm", tone: "secondary", className: "volt-kv-row__label", children: label }),
+    /* @__PURE__ */ jsxs(Row_default, { gap: "05", align: "center", className: "volt-kv-row__value-group", children: [
+      /* @__PURE__ */ jsx(
+        Text_default,
+        {
+          as: "span",
+          size: "sm",
+          tone: "primary",
+          weight: "medium",
+          className: cn("volt-kv-row__value", tabular && "tabular-nums"),
+          children: value
+        }
+      ),
+      copyValue && /* @__PURE__ */ jsx(
+        IconButton_default,
+        {
+          size: "sm",
+          variant: "ghost",
+          onClick: handleCopy,
+          "aria-label": copied ? "Copied" : "Copy value",
+          children: copied ? /* @__PURE__ */ jsx(Check, { size: 14 }) : /* @__PURE__ */ jsx(Copy, { size: 14 })
+        }
+      ),
+      action
+    ] })
+  ] });
+});
+KeyValueRow.displayName = "KeyValueRow";
+var KeyValueList = forwardRef(({
+  dividers = true,
+  className,
+  children,
+  ...rest
+}, ref) => {
+  return /* @__PURE__ */ jsx(
+    Stack_default,
+    {
+      ref,
+      className: cn("volt-kv-list", dividers && "volt-kv-list--dividers", className),
+      ...rest,
+      children
+    }
+  );
+});
+KeyValueList.displayName = "KeyValueList";
+var KeyValueList_default = KeyValueList;
+var ListRow = forwardRef(({
+  leading,
+  title,
+  subtitle,
+  meta,
+  trailing,
+  selected = false,
+  active = false,
+  onClick,
+  to,
+  as,
+  disabled,
+  className,
+  ...rest
+}, ref) => {
+  const classes = cn(
+    "volt-list-row",
+    "list-item-hoverable",
+    selected && "volt-list-row--selected",
+    active && "volt-list-row--active",
+    disabled && "volt-list-row--disabled",
+    className
+  );
+  const inner = /* @__PURE__ */ jsxs(Fragment, { children: [
+    leading && /* @__PURE__ */ jsx("div", { className: "volt-list-row__leading", "aria-hidden": "true", children: leading }),
+    /* @__PURE__ */ jsxs("div", { className: "volt-list-row__content", children: [
+      title && /* @__PURE__ */ jsx(Text_default, { as: "span", size: "md", weight: "medium", tone: "primary", truncate: true, children: title }),
+      subtitle && /* @__PURE__ */ jsx(Text_default, { as: "span", size: "sm", tone: "muted", truncate: true, children: subtitle }),
+      meta
+    ] }),
+    trailing && /* @__PURE__ */ jsx("div", { className: "volt-list-row__trailing", children: trailing })
+  ] });
+  if (to) {
+    return /* @__PURE__ */ jsx(
+      Link,
+      {
+        ref,
+        to,
+        className: classes,
+        "aria-current": selected ? "page" : void 0,
+        ...rest,
+        children: inner
+      }
+    );
+  }
+  if (onClick || as === "button") {
+    return /* @__PURE__ */ jsx(
+      "button",
+      {
+        ref,
+        type: "button",
+        className: classes,
+        onClick,
+        disabled,
+        "aria-pressed": selected || void 0,
+        ...rest,
+        children: inner
+      }
+    );
+  }
+  const Component = as ?? "div";
+  return /* @__PURE__ */ jsx(
+    Component,
+    {
+      ref,
+      className: classes,
+      ...rest,
+      children: inner
+    }
+  );
+});
+ListRow.displayName = "ListRow";
+var ListRow_default = ListRow;
+
+// src/shared/utils/format.ts
+var formatUnknownValue = (value) => {
+  if (value === null || value === void 0) return "-";
+  if (typeof value === "string") return value;
+  if (typeof value === "number" || typeof value === "bigint" || typeof value === "boolean") {
+    return String(value);
+  }
+  if (value instanceof Date) return value.toISOString();
+  if (Array.isArray(value)) {
+    if (value.length === 0) return "[]";
+    const preview = value.slice(0, 3).map(formatUnknownValue).join(", ");
+    return value.length > 3 ? `[${preview}, ...]` : `[${preview}]`;
+  }
+  if (typeof value === "object") {
+    const entries = Object.entries(value);
+    if (entries.length === 0) return "{}";
+    const preview = entries.slice(0, 3).map(([key, entry]) => `${key}: ${formatUnknownValue(entry)}`).join(", ");
+    return entries.length > 3 ? `{${preview}, ...}` : `{${preview}}`;
+  }
+  try {
+    const serialized = JSON.stringify(value);
+    return typeof serialized === "string" ? serialized : String(value);
+  } catch {
+    return String(value);
+  }
+};
+var TableSortDirection = /* @__PURE__ */ ((TableSortDirection2) => {
+  TableSortDirection2["Ascending"] = "ascending";
+  TableSortDirection2["Descending"] = "descending";
+  TableSortDirection2["None"] = "none";
+  return TableSortDirection2;
+})(TableSortDirection || {});
+var TableImpl = ({
+  columns,
+  data,
+  getRowKey,
+  isLoading = false,
+  skeletonRows = 5,
+  onRowClick,
+  rowClassName,
+  className = "",
+  getAriaSort = () => "none" /* None */,
+  onSort,
+  caption
+}, ref) => {
+  const getRowClass = useCallback((row) => {
+    const base = onRowClick ? "clickable" : "";
+    if (!rowClassName) return base;
+    if (typeof rowClassName === "string") return `${base} ${rowClassName}`;
+    return `${base} ${rowClassName(row)}`;
+  }, [onRowClick, rowClassName]);
+  const renderSkeletonRows = () => Array.from({ length: skeletonRows }).map((_, i) => /* @__PURE__ */ jsx("tr", { "aria-hidden": "true", children: columns.map((col) => /* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsx(Skeleton_default, { variant: "text", width: "70%", height: 20, animation: "wave" }) }, col.key)) }, `skeleton-${i}`));
+  const renderCell = (row, col) => {
+    if (col.render) return col.render(row);
+    return formatUnknownValue(row[col.key]);
+  };
+  const renderHeaderCell = (col) => {
+    if (!col.sortable || !onSort) {
+      return col.header;
+    }
+    return /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        className: "table-sort-button",
+        onClick: () => onSort(col),
+        "aria-label": `Sort by ${col.header}`,
+        children: col.header
+      }
+    );
+  };
+  return /* @__PURE__ */ jsx("div", { ref, className: "table-scroll-wrapper", children: /* @__PURE__ */ jsxs("table", { className: `table ${className}`, children: [
+    caption && /* @__PURE__ */ jsx("caption", { className: "table-caption", children: caption }),
+    /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsx("tr", { children: columns.map((col) => /* @__PURE__ */ jsx("th", { scope: "col", className: col.headerClassName, "aria-sort": getAriaSort(col), children: renderHeaderCell(col) }, col.key)) }) }),
+    /* @__PURE__ */ jsx("tbody", { children: isLoading ? renderSkeletonRows() : data.map((row, index) => /* @__PURE__ */ jsx(
+      "tr",
+      {
+        className: getRowClass(row),
+        onClick: onRowClick ? () => onRowClick(row) : void 0,
+        children: columns.map((col) => /* @__PURE__ */ jsx("td", { className: col.cellClassName, children: renderCell(row, col) }, col.key))
+      },
+      getRowKey(row, index)
+    )) })
+  ] }) });
+};
+var Table = forwardRef(TableImpl);
+Table.displayName = "Table";
+var Table_default = Table;
+var TimelineItem = forwardRef(({
+  icon,
+  tone = "neutral",
+  connector = true,
+  className,
+  children,
+  ...rest
+}, ref) => {
+  return /* @__PURE__ */ jsxs(
+    "li",
+    {
+      ref,
+      className: cn("volt-timeline-item", `volt-timeline-item--tone-${tone}`, className),
+      ...rest,
+      children: [
+        /* @__PURE__ */ jsxs("span", { className: "volt-timeline-item__rail", "aria-hidden": "true", children: [
+          /* @__PURE__ */ jsx("span", { className: "volt-timeline-item__dot", children: icon }),
+          connector && /* @__PURE__ */ jsx("span", { className: "volt-timeline-item__line" })
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "volt-timeline-item__content", children })
+      ]
+    }
+  );
+});
+TimelineItem.displayName = "TimelineItem";
+var Timeline = forwardRef(({
+  className,
+  children,
+  ...rest
+}, ref) => {
+  return /* @__PURE__ */ jsx("ol", { ref, className: cn("volt-timeline", className), ...rest, children });
+});
+Timeline.displayName = "Timeline";
+var Timeline_default = Timeline;
+var Sparkline = ({
+  color,
+  values,
+  labels,
+  yDomain,
+  width = "100%",
+  height = 80,
+  strokeWidth = 2,
+  fillOpacityStart = 0.25,
+  fillOpacityEnd = 0.25,
+  interpolation = "linear",
+  animate,
+  minDataMax
+}) => {
+  const prefersReducedMotion = usePrefersReducedMotion();
+  const gradientId = useId();
+  const fillId = `${gradientId}-sparkline-fill`;
+  const chartData = useMemo(() => {
+    if (!values.length) {
+      return [{ label: "", value: 0 }, { label: "", value: 0 }];
+    }
+    if (values.length === 1) {
+      const only = Number.isFinite(values[0]) ? values[0] : 0;
+      return [{ label: labels?.[0] ?? "", value: only }, { label: labels?.[0] ?? "", value: only }];
+    }
+    const length = Math.max(labels?.length || 0, values.length);
+    return Array.from({ length }, (_, i) => {
+      const raw = Number(values[i]);
+      return {
+        label: labels?.[i] ?? "",
+        value: Number.isFinite(raw) ? raw : 0
+      };
+    });
+  }, [values, labels]);
+  const yAxisDomain = yDomain ? [yDomain.min, yDomain.max] : minDataMax !== void 0 ? ["dataMin", (max) => Math.max(max, minDataMax)] : ["auto", "auto"];
+  const isAnimationActive = animate !== void 0 ? animate : !prefersReducedMotion;
+  return /* @__PURE__ */ jsx(ResponsiveContainer, { width, height, children: /* @__PURE__ */ jsxs(
+    AreaChart,
+    {
+      data: chartData,
+      margin: { top: 2, right: 0, left: 0, bottom: 0 },
+      children: [
+        /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsxs("linearGradient", { id: fillId, x1: "0", y1: "0", x2: "0", y2: "1", children: [
+          /* @__PURE__ */ jsx("stop", { offset: "0%", stopColor: color, stopOpacity: fillOpacityStart }),
+          /* @__PURE__ */ jsx("stop", { offset: "100%", stopColor: color, stopOpacity: fillOpacityEnd })
+        ] }) }),
+        /* @__PURE__ */ jsx(YAxis, { hide: true, domain: yAxisDomain }),
+        /* @__PURE__ */ jsx(
+          Area,
+          {
+            type: interpolation,
+            dataKey: "value",
+            stroke: color,
+            strokeWidth,
+            fill: `url(#${fillId})`,
+            fillOpacity: 1,
+            dot: false,
+            activeDot: false,
+            isAnimationActive
+          }
+        )
+      ]
+    }
+  ) });
+};
+var Sparkline_default = Sparkline;
+var toneToIntent = {
+  danger: "danger",
+  warning: "neutral",
+  info: "brand",
+  success: "success"
+};
+var Callout = forwardRef(({
+  tone,
+  title,
+  description,
+  message,
+  icon,
+  action,
+  children,
+  className,
+  ariaLabel,
+  role,
+  ariaLive
+}, ref) => {
+  const hasHeaderContent = Boolean(title || description);
+  const layout = hasHeaderContent ? "stacked" : "inline";
+  const resolvedRole = role ?? (hasHeaderContent ? "region" : "status");
+  const resolvedAriaLive = ariaLive ?? (hasHeaderContent ? void 0 : "polite");
+  const resolvedAriaLabel = ariaLabel ?? title;
+  const classes = cn(
+    "volt-callout",
+    `volt-callout--tone-${tone}`,
+    `volt-callout--layout-${layout}`,
+    className
+  );
+  if (layout === "inline") {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        className: classes,
+        role: resolvedRole,
+        "aria-live": resolvedAriaLive,
+        "aria-label": resolvedAriaLabel,
+        children: /* @__PURE__ */ jsxs(Row_default, { gap: "05", className: "font-size-2", children: [
+          icon && /* @__PURE__ */ jsx("span", { className: "volt-callout__icon", children: icon }),
+          /* @__PURE__ */ jsx("div", { className: "volt-callout__body", children: message ?? children })
+        ] })
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      className: classes,
+      role: resolvedRole,
+      "aria-live": resolvedAriaLive,
+      "aria-label": resolvedAriaLabel,
+      children: /* @__PURE__ */ jsxs(Row_default, { justify: "between", gap: "1", children: [
+        /* @__PURE__ */ jsxs(Stack_default, { gap: "025", children: [
+          title && /* @__PURE__ */ jsx(Heading_default, { level: 2, size: "md", weight: "bold", children: title }),
+          description && /* @__PURE__ */ jsx(Text_default, { as: "p", tone: "muted", size: "sm", children: description }),
+          children
+        ] }),
+        action && /* @__PURE__ */ jsx(
+          Button_default,
+          {
+            intent: toneToIntent[tone],
+            variant: "outline",
+            size: "sm",
+            leftIcon: action.icon,
+            onClick: action.onClick,
+            isLoading: action.isLoading,
+            disabled: action.disabled,
+            children: action.label
+          }
+        )
+      ] })
+    }
+  );
+});
+Callout.displayName = "Callout";
+var Callout_default = Callout;
+var EmptyState = forwardRef(({
+  title,
+  description,
+  icon,
+  buttonText,
+  buttonOnClick,
+  buttonIsLoading = false,
+  className,
+  headingLevel = "h2",
+  announce = false
+}, ref) => {
+  const headingId = useId();
+  const level = Number(headingLevel.slice(1));
+  return /* @__PURE__ */ jsx("section", { ref, "aria-labelledby": headingId, className: `d-flex items-center content-center w-max h-max empty-state-container ${className || ""}`, children: /* @__PURE__ */ jsxs(Stack_default, { align: "center", gap: "1-5", textAlign: "center", className: "empty-state-content", children: [
+    announce && /* @__PURE__ */ jsxs("span", { className: "empty-state-live-region", "aria-live": "polite", "aria-atomic": "true", children: [
+      title,
+      ". ",
+      description
+    ] }),
+    icon && /* @__PURE__ */ jsx(Stack_default, { align: "center", justify: "center", className: "empty-state-icon color-muted", children: icon }),
+    /* @__PURE__ */ jsxs(Stack_default, { gap: "05", textAlign: "center", children: [
+      /* @__PURE__ */ jsx(Heading_default, { level, id: headingId, children: title }),
+      /* @__PURE__ */ jsx(Text_default, { size: "md", tone: "secondary", lineHeight: "5", children: description })
+    ] }),
+    buttonText && buttonOnClick && /* @__PURE__ */ jsx(
+      Button_default,
+      {
+        variant: "solid",
+        intent: "brand",
+        size: "sm",
+        onClick: buttonOnClick,
+        isLoading: buttonIsLoading,
+        className: "mt-05",
+        children: buttonText
+      }
+    )
+  ] }) });
+});
+EmptyState.displayName = "EmptyState";
+var EmptyState_default = EmptyState;
+var DEFAULT_TONE_ICON = {
+  neutral: /* @__PURE__ */ jsx(Bell, { size: 18 }),
+  brand: /* @__PURE__ */ jsx(Info, { size: 18 }),
+  success: /* @__PURE__ */ jsx(CircleCheck, { size: 18 }),
+  warning: /* @__PURE__ */ jsx(TriangleAlert, { size: 18 }),
+  danger: /* @__PURE__ */ jsx(CircleAlert, { size: 18 }),
+  info: /* @__PURE__ */ jsx(Info, { size: 18 })
+};
+var Toast = forwardRef(({
+  tone = "neutral",
+  title,
+  message,
+  icon,
+  onDismiss,
+  action,
+  dismissLabel = "Dismiss notification",
+  ariaLive,
+  className
+}, ref) => {
+  const resolvedAriaLive = ariaLive ?? (tone === "danger" ? "assertive" : "polite");
+  const showIcon = icon !== null;
+  const resolvedIcon = icon ?? DEFAULT_TONE_ICON[tone];
+  return /* @__PURE__ */ jsx(
+    Surface_default,
+    {
+      ref,
+      variant: "elevated",
+      role: "status",
+      "aria-live": resolvedAriaLive,
+      "aria-atomic": "true",
+      className: cn("volt-toast", `volt-toast--tone-${tone}`, className),
+      children: /* @__PURE__ */ jsxs(Row_default, { align: "start", gap: "075", className: "volt-toast__layout", children: [
+        showIcon && /* @__PURE__ */ jsx(IconFrame_default, { tone, size: "sm", className: "volt-toast__icon", children: resolvedIcon }),
+        /* @__PURE__ */ jsxs(Stack_default, { gap: "025", className: "volt-toast__body", children: [
+          title && /* @__PURE__ */ jsx(Text_default, { as: "p", size: "sm", weight: "semibold", tone: "primary", children: title }),
+          /* @__PURE__ */ jsx(Text_default, { as: "div", size: "sm", tone: title ? "secondary" : "primary", children: message }),
+          action && /* @__PURE__ */ jsx(Row_default, { gap: "05", className: "volt-toast__actions", children: action })
+        ] }),
+        onDismiss && /* @__PURE__ */ jsx("div", { className: "volt-toast__dismiss", children: /* @__PURE__ */ jsx(CloseButton_default, { onClick: onDismiss, "aria-label": dismissLabel }) })
+      ] })
+    }
+  );
+});
+Toast.displayName = "Toast";
+var Toast_default = Toast;
+var ThinkingDots = forwardRef(({
+  label = "Thinking",
+  size: size2 = "md",
+  className,
+  ...rest
+}, ref) => {
+  return /* @__PURE__ */ jsxs(
+    "span",
+    {
+      ref,
+      role: "status",
+      "aria-live": "polite",
+      className: cn("volt-thinking-dots", `volt-thinking-dots--${size2}`, className),
+      ...rest,
+      children: [
+        /* @__PURE__ */ jsx("span", { className: "sr-only", children: label }),
+        /* @__PURE__ */ jsx("span", { className: "volt-thinking-dots__dot", "aria-hidden": "true" }),
+        /* @__PURE__ */ jsx("span", { className: "volt-thinking-dots__dot", "aria-hidden": "true" }),
+        /* @__PURE__ */ jsx("span", { className: "volt-thinking-dots__dot", "aria-hidden": "true" })
+      ]
+    }
+  );
+});
+ThinkingDots.displayName = "ThinkingDots";
+var ThinkingDots_default = ThinkingDots;
+var MISSING_PROGRESS_NAME_WARNING = "ProgressBar requires an accessible name via `label`, `aria-label`, or `aria-labelledby`.";
+var clampPercent = (value) => {
+  if (Number.isNaN(value)) return 0;
+  if (value < 0) return 0;
+  if (value > 100) return 100;
+  return value;
+};
+var ProgressBar = forwardRef(({
+  value = 0,
+  tone = "brand",
+  size: size2 = "md",
+  label,
+  showValue = false,
+  indeterminate = false,
+  className,
+  id,
+  style,
+  "aria-label": ariaLabel,
+  "aria-labelledby": ariaLabelledBy,
+  "aria-describedby": ariaDescribedBy,
+  ...rest
+}, ref) => {
+  const hasWarnedForMissingNameRef = useRef(false);
+  const generatedId = useId();
+  const labelId = `${generatedId}-label`;
+  const percent = clampPercent(value);
+  const rounded = Math.round(percent);
+  const resolvedAriaLabel = ariaLabel?.trim() || void 0;
+  const resolvedAriaLabelledBy = ariaLabelledBy?.trim() || void 0;
+  const hasVisibleLabel = label !== void 0 && label !== null && label !== false;
+  const computedLabelledBy = resolvedAriaLabelledBy ?? (hasVisibleLabel ? labelId : void 0);
+  if (!computedLabelledBy && !resolvedAriaLabel) {
+    if (!hasWarnedForMissingNameRef.current) {
+      console.warn(MISSING_PROGRESS_NAME_WARNING);
+      hasWarnedForMissingNameRef.current = true;
+    }
+  }
+  const fill = tone === "brand" ? "var(--color-brand-primary)" : STATUS_TONE_VARS[tone].fg;
+  const resolvedStyle = {
+    ...style,
+    "--progress-fill": fill,
+    "--progress-value": `${percent}%`
+  };
+  const classes = cn(
+    "volt-progress",
+    `volt-progress--size-${size2}`,
+    indeterminate && "volt-progress--indeterminate"
+  );
+  const showHeader = hasVisibleLabel || showValue && !indeterminate;
+  return /* @__PURE__ */ jsxs("div", { className: cn("volt-progress-root", className), children: [
+    showHeader && /* @__PURE__ */ jsxs(Row_default, { justify: "between", align: "center", gap: "05", className: "volt-progress-header", children: [
+      hasVisibleLabel ? /* @__PURE__ */ jsx(Text_default, { as: "span", id: labelId, size: "sm", tone: "secondary", children: label }) : /* @__PURE__ */ jsx("span", {}),
+      showValue && !indeterminate && /* @__PURE__ */ jsxs(Text_default, { as: "span", size: "sm", tone: "muted", className: "volt-progress-value", children: [
+        rounded,
+        "%"
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        id,
+        role: "progressbar",
+        className: classes,
+        style: resolvedStyle,
+        "aria-label": resolvedAriaLabel,
+        "aria-labelledby": computedLabelledBy,
+        "aria-describedby": ariaDescribedBy,
+        "aria-valuemin": indeterminate ? void 0 : 0,
+        "aria-valuemax": indeterminate ? void 0 : 100,
+        "aria-valuenow": indeterminate ? void 0 : rounded,
+        "aria-valuetext": indeterminate ? void 0 : `${rounded}%`,
+        "aria-busy": indeterminate || void 0,
+        ...rest,
+        children: /* @__PURE__ */ jsx("div", { className: "volt-progress-fill", "aria-hidden": "true" })
+      }
+    )
+  ] });
+});
+ProgressBar.displayName = "ProgressBar";
+var ProgressBar_default = ProgressBar;
+var MISSING_METER_NAME_WARNING = "Meter requires an accessible name via `label`, `aria-label`, or `aria-labelledby`.";
+var clamp3 = (value, min, max) => {
+  if (Number.isNaN(value)) return min;
+  if (value < min) return min;
+  if (value > max) return max;
+  return value;
+};
+var Meter = forwardRef(({
+  value,
+  min = 0,
+  max = 100,
+  tone = "brand",
+  label,
+  showValue = false,
+  formatValue,
+  className,
+  id,
+  style,
+  "aria-label": ariaLabel,
+  "aria-labelledby": ariaLabelledBy,
+  "aria-describedby": ariaDescribedBy,
+  ...rest
+}, ref) => {
+  const hasWarnedForMissingNameRef = useRef(false);
+  const generatedId = useId();
+  const labelId = `${generatedId}-label`;
+  const safeMax = max > min ? max : min + 1;
+  const clamped = clamp3(value, min, safeMax);
+  const percent = (clamped - min) / (safeMax - min) * 100;
+  const resolvedAriaLabel = ariaLabel?.trim() || void 0;
+  const resolvedAriaLabelledBy = ariaLabelledBy?.trim() || void 0;
+  const hasVisibleLabel = label !== void 0 && label !== null && label !== false;
+  const computedLabelledBy = resolvedAriaLabelledBy ?? (hasVisibleLabel ? labelId : void 0);
+  if (!computedLabelledBy && !resolvedAriaLabel) {
+    if (!hasWarnedForMissingNameRef.current) {
+      console.warn(MISSING_METER_NAME_WARNING);
+      hasWarnedForMissingNameRef.current = true;
+    }
+  }
+  const fill = tone === "brand" ? "var(--color-brand-primary)" : STATUS_TONE_VARS[tone].fg;
+  const resolvedStyle = {
+    ...style,
+    "--progress-fill": fill,
+    "--progress-value": `${percent}%`
+  };
+  const formattedValue = formatValue ? formatValue(clamped, min, safeMax) : clamped;
+  return /* @__PURE__ */ jsxs(
+    Row_default,
+    {
+      align: "center",
+      gap: "05",
+      className: cn("volt-meter", className),
+      children: [
+        hasVisibleLabel && /* @__PURE__ */ jsx(Text_default, { as: "span", id: labelId, size: "sm", tone: "secondary", className: "volt-meter-label", children: label }),
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            ref,
+            id,
+            role: "meter",
+            className: "volt-meter-track",
+            style: resolvedStyle,
+            "aria-label": resolvedAriaLabel,
+            "aria-labelledby": computedLabelledBy,
+            "aria-describedby": ariaDescribedBy,
+            "aria-valuemin": min,
+            "aria-valuemax": safeMax,
+            "aria-valuenow": clamped,
+            ...rest,
+            children: /* @__PURE__ */ jsx("div", { className: "volt-meter-fill", "aria-hidden": "true" })
+          }
+        ),
+        showValue && /* @__PURE__ */ jsx(Text_default, { as: "span", size: "sm", tone: "muted", className: "volt-meter-value", children: formattedValue })
+      ]
+    }
+  );
+});
+Meter.displayName = "Meter";
+var Meter_default = Meter;
+var AsyncBoundary = ({
+  state,
+  loading,
+  error,
+  accessDenied,
+  empty,
+  children
+}) => {
+  if (state.accessDenied && accessDenied) return /* @__PURE__ */ jsx(Fragment, { children: accessDenied });
+  if (state.error !== void 0 && state.error !== null) return /* @__PURE__ */ jsx(Fragment, { children: error(state.error) });
+  if (state.loading) return /* @__PURE__ */ jsx(Fragment, { children: loading });
+  if (state.empty && empty !== void 0) return /* @__PURE__ */ jsx(Fragment, { children: empty });
+  return /* @__PURE__ */ jsx(Fragment, { children });
+};
+var AsyncBoundary_default = AsyncBoundary;
+var VisuallyHidden = forwardRef(({
+  as,
+  className,
+  children,
+  ...rest
+}, ref) => {
+  const Component = as ?? "span";
+  return /* @__PURE__ */ jsx(Component, { ref, className: cn("sr-only", className), ...rest, children });
+});
+VisuallyHidden.displayName = "VisuallyHidden";
+var VisuallyHidden_default = VisuallyHidden;
+
+export { AsyncBoundary_default as AsyncBoundary, Avatar_default as Avatar, AvatarStack_default as AvatarStack, BOX_STYLE_KEYS, Box_default as Box, Breadcrumbs_default as Breadcrumbs, Button_default as Button, Callout_default as Callout, Card_default as Card, CardBody, CardFooter, CardHeader, Checkbox_default as Checkbox, CloseButton_default as CloseButton, CollapsibleSection_default as CollapsibleSection, CursorTooltip_default as CursorTooltip, DashedActionBox_default as DashedActionBox, Divider_default as Divider, EmptyState_default as EmptyState, FloatingToolbar_default as FloatingToolbar, FormField_default as FormField, Grid_default as Grid, Heading_default as Heading, IconButton_default as IconButton, IconFrame_default as IconFrame, InlineStatus_default as InlineStatus, KeyValueList_default as KeyValueList, KeyValueRow, LiquidToggle_default as LiquidToggle, ListRow_default as ListRow, Loader_default as Loader, Menu_default as Menu, Meter_default as Meter, Modal_default as Modal, NumberInput_default as NumberInput, Popover_default as Popover, PopoverMenu_default as PopoverMenu, PopoverMenuItem_default as PopoverMenuItem, ProgressBar_default as ProgressBar, Radio_default as Radio, Row_default as Row, STATUS_TONE_VARS, SaveStatusIndicator_default as SaveStatusIndicator, SearchInput_default as SearchInput, SectionLabel_default as SectionLabel, SegmentedTabs_default as SegmentedTabs, Select_default as Select, SelectableCard_default as SelectableCard, Skeleton_default as Skeleton, Slider_default as Slider, Sparkline_default as Sparkline, Stack_default as Stack, StatCard_default as StatCard, StatusBadge_default as StatusBadge, StatusDot_default as StatusDot, Stepper_default as Stepper, Surface_default as Surface, Tab, Table_default as Table, TableSortDirection, Tabs_default as Tabs, TabsList, TabsPanel, Tag_default as Tag, Text_default as Text, TextInput_default as TextInput, Textarea_default as Textarea, ThinkingDots_default as ThinkingDots, Timeline_default as Timeline, TimelineItem, Toast_default as Toast, Tooltip_default as Tooltip, VisuallyHidden_default as VisuallyHidden, buildBoxClasses, buildTypographyClasses, closeModal, openModal, resetModal, splitBoxProps };
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map