prime-ui-kit 0.20.0 → 0.21.0

package/dist/chunks/{chunk-W6EGTNG6.js → chunk-S4H2ZKWJ.js}

@@ -144,6 +144,7 @@ import {
   useCreateStore,
   useEdgeOverflow,
   useElementSize,
+  useEnterOnAppear,
   useFieldCell,
   useFieldCommit,
   useFieldFrame,
@@ -159,6 +160,7 @@ import {
   useLoadMore,
   useMediaQuery,
   useMediaSession,
+  useMediaSlotHost,
   useMergedRefs,
   useNestedSurfaceDepth,
   useOpenState,
@@ -181,7 +183,7 @@ import {
   useTextParts,
   visuallyHiddenClass,
   zonedParts
-} from "./chunk-3PY52JP3.js";
+} from "./chunk-S27VR4ON.js";
 import {
   COMPACT_QUERY,
   ControlSizeProvider,
@@ -1263,7 +1265,8 @@ function BannerRoot({
   ...rest
 }) {
   const rootRef = React6.useRef(null);
-  const mergedRef = useMergedRefs(rootRef, ref);
+  const appear = useEnterOnAppear();
+  const mergedRef = useMergedRefs(rootRef, appear.ref, ref);
   const tier = useHostTier(sizeProp);
   const size = tier.size;
   React6.useLayoutEffect(() => {
@@ -1286,7 +1289,7 @@ function BannerRoot({
     {
       ...rest,
       ref: mergedRef,
-      className: cx(fieldTierClass, Banner_default.root, enterMotion_default.enter, className),
+      className: cx(fieldTierClass, Banner_default.root, appear.entering && enterMotion_default.enter, className),
       "data-depth": depth,
       ...toDataAttributes({ variant, tone, size, placement }),
       children: /* @__PURE__ */ jsx8(SurfaceDepthProvider, { value: depth, children: /* @__PURE__ */ jsx8(BannerContext.Provider, { value: context, children: tier.provide(
@@ -1402,7 +1405,8 @@ function useModalLayer({
   open,
   closeOnEscape,
   closeOnOutsideClick,
-  onDismiss
+  onDismiss,
+  focusStart = "tabStop"
 }) {
   const ref = React8.useRef(null);
   const openerRef = React8.useRef({ element: null, target: null, byPointer: false });
@@ -1411,11 +1415,13 @@ function useModalLayer({
     wasOpenRef.current = open;
     if (open) openerRef.current = captureOpener();
   }
+  const focusStartRef = React8.useRef(focusStart);
+  focusStartRef.current = focusStart;
   useInertSiblings(open, ref);
   React8.useEffect(() => {
     const node = ref.current;
     if (!open || !node) return;
-    focusInto(node);
+    focusInto(node, void 0, openerRef.current.byPointer, focusStartRef.current);
     return () => {
       const { element: opener, byPointer } = openerRef.current;
       if (opener?.closest("[inert]")) queueMicrotask(() => focusBack(opener, byPointer));
@@ -1452,6 +1458,7 @@ var DialogParts_default = {
   close: "DialogParts_close",
   title: "DialogParts_title",
   description: "DialogParts_description",
+  titleSkeleton: "DialogParts_titleSkeleton",
   descriptionSkeleton: "DialogParts_descriptionSkeleton",
   body: "DialogParts_body",
   section: "DialogParts_section",
@@ -1461,6 +1468,7 @@ var DialogParts_default = {
   sectionDescription: "DialogParts_sectionDescription",
   footer: "DialogParts_footer",
   meta: "DialogParts_meta",
+  footerStart: "DialogParts_footerStart",
   footerActions: "DialogParts_footerActions"
 };
 
@@ -1561,6 +1569,7 @@ function DialogPanelBody({
   overlayClassName,
   enterConfirm = false,
   controlSize,
+  focusStart,
   className,
   children,
   "aria-label": ariaLabel,
@@ -1579,7 +1588,8 @@ function DialogPanelBody({
     open: root.open,
     closeOnEscape: root.closeOnEscape,
     closeOnOutsideClick: root.closeOnOutsideClick,
-    onDismiss: root.requestClose
+    onDismiss: root.requestClose,
+    focusStart
   });
   const panelRef = useMergedRefs(layerRef, ref);
   const compact = useMediaQuery(COMPACT_QUERY, swipePolicy === "compact");
@@ -1606,7 +1616,7 @@ function DialogPanelBody({
     onEnterConfirm: root.onEnterConfirm,
     confirmRef
   });
-  const content = /* @__PURE__ */ jsx9(DialogShellProvider, { value: shell.value, children: /* @__PURE__ */ jsx9(LayerProvider, { value: layer, children: /* @__PURE__ */ jsx9(SurfaceDepthProvider, { value: "floating", children }) }) });
+  const content = /* @__PURE__ */ jsx9(DialogShellProvider, { value: shell.value, children: /* @__PURE__ */ jsx9(LayerProvider, { value: layer, children: /* @__PURE__ */ jsx9(DialogFooterContext.Provider, { value: false, children: /* @__PURE__ */ jsx9(SurfaceDepthProvider, { value: "floating", children }) }) }) });
   return /* @__PURE__ */ jsxs6("div", { className: DialogParts_default.root, children: [
     /* @__PURE__ */ jsx9(
       "div",
@@ -1704,15 +1714,8 @@ function DialogShellProvider({
 }) {
   return /* @__PURE__ */ jsx9(DialogShellContext.Provider, { value, children });
 }
-function mediaOf(children) {
-  if (!React9.isValidElement(children)) return null;
-  if (children.type === Avatar.Root) {
-    return React9.cloneElement(children, { size: "l" });
-  }
-  return children.type === Thumbnail.Root ? children : null;
-}
 function DialogIcon({ tone = "neutral", children, className, ...rest }) {
-  const media = mediaOf(children);
+  const { media, provide } = useMediaSlotHost();
   return /* @__PURE__ */ jsx9(
     "span",
     {
@@ -1721,18 +1724,29 @@ function DialogIcon({ tone = "neutral", children, className, ...rest }) {
       "data-tone": media ? void 0 : tone,
       "data-media": media ? true : void 0,
       "aria-hidden": "true",
-      children: media ?? children
+      children: provide(children)
     }
   );
 }
 DialogIcon.displayName = "Dialog.Icon";
-function DialogTitle({ className, ...rest }) {
+function DialogTitle({ loading = false, className, children, ...rest }) {
   const { titleId, registerTitle } = useDialogShell("Title");
+  const swap = useSwapIn(loading ? "loading" : "data");
   React9.useLayoutEffect(() => {
     registerTitle(true);
     return () => registerTitle(false);
   }, [registerTitle]);
-  return /* @__PURE__ */ jsx9("h2", { id: titleId, className: cx(textRole_default.titleM, DialogParts_default.title, className), ...rest });
+  return /* @__PURE__ */ createElement(
+    "h2",
+    {
+      ...rest,
+      key: swap.key,
+      id: titleId,
+      "aria-busy": loading || void 0,
+      className: cx(textRole_default.titleM, DialogParts_default.title, swap.className, className)
+    },
+    loading ? /* @__PURE__ */ jsx9(Skeleton, { size: "l", className: DialogParts_default.titleSkeleton }) : children
+  );
 }
 DialogTitle.displayName = "Dialog.Title";
 function DialogDescription({
@@ -1756,7 +1770,7 @@ function DialogDescription({
       "aria-busy": loading || void 0,
       className: cx(textRole_default.bodyS, DialogParts_default.description, swap.className, className)
     },
-    loading ? /* @__PURE__ */ jsx9(Skeleton, { size: "xs", className: DialogParts_default.descriptionSkeleton }) : children
+    loading ? /* @__PURE__ */ jsx9(Skeleton, { size: "xs", className: DialogParts_default.descriptionSkeleton }) : /* @__PURE__ */ jsx9(ControlSizeProvider, { value: "m", children })
   );
 }
 DialogDescription.displayName = "Dialog.Description";
@@ -1808,8 +1822,13 @@ function DialogHeader({
   );
 }
 DialogHeader.displayName = "Dialog.Header";
+var DialogFooterContext = React9.createContext(false);
 function DialogActions({ className, children, ...rest }) {
   useDialogShell("Actions");
+  const inFooter = React9.useContext(DialogFooterContext);
+  if (inFooter) {
+    return /* @__PURE__ */ jsx9("div", { className: cx(DialogParts_default.footerStart, className), ...rest, children });
+  }
   return /* @__PURE__ */ jsx9("div", { className: cx(fieldTierClass, DialogParts_default.actions, className), "data-size": "s", ...rest, children: /* @__PURE__ */ jsx9(ControlSizeProvider, { value: "s", children }) });
 }
 DialogActions.displayName = "Dialog.Actions";
@@ -1862,17 +1881,19 @@ function DialogSection({
 DialogSection.displayName = "Dialog.Section";
 function DialogFooter({ layout, className, children, ...rest }) {
   const { footerLayout } = useDialogShell("Footer");
-  const { parts: meta, rest: actions } = splitParts(children, DialogMeta);
+  const { parts: start, rest: other } = splitParts(children, DialogActions);
+  const { parts: meta, rest: actions } = splitParts(other, DialogMeta);
   return /* @__PURE__ */ jsx9(
     "footer",
     {
       className: cx(hairline_default.top, DialogParts_default.footer, className),
       "data-layout": layout ?? footerLayout,
       ...rest,
-      children: meta.length > 0 ? /* @__PURE__ */ jsxs6(Fragment4, { children: [
+      children: /* @__PURE__ */ jsx9(DialogFooterContext.Provider, { value: true, children: start.length + meta.length > 0 ? /* @__PURE__ */ jsxs6(Fragment4, { children: [
+        start,
         meta,
         /* @__PURE__ */ jsx9("div", { className: DialogParts_default.footerActions, children: actions })
-      ] }) : children
+      ] }) : children })
     }
   );
 }
@@ -2021,10 +2042,15 @@ var ConfirmDialog = {
   Trigger: ConfirmDialogTrigger
 };
 
+// src/components/crossfade/Crossfade.module.css
+var Crossfade_default = {
+  root: "Crossfade_root"
+};
+
 // src/components/crossfade/Crossfade.tsx
 import { jsx as jsx12 } from "react/jsx-runtime";
-function Crossfade(props) {
-  return /* @__PURE__ */ jsx12(RegionSwap, { ...props });
+function Crossfade({ className, ...props }) {
+  return /* @__PURE__ */ jsx12(RegionSwap, { ...props, className: cx(Crossfade_default.root, className) });
 }
 
 // src/internal/barPlan.ts
@@ -3107,8 +3133,9 @@ var SegmentedControl_default = {
 import { Fragment as Fragment6, jsx as jsx15, jsxs as jsxs10 } from "react/jsx-runtime";
 var [SegmentedControlProvider, useSegmentedControlContext] = createComponentContext("SegmentedControl");
 var CollapseContext = React13.createContext("full");
+var ITEM = `.${SegmentedControl_default.item}`;
 var ENABLED_ITEM2 = '[role="radio"]:not([data-disabled="true"])';
-var CHECKED_ITEM = '[role="radio"][aria-checked="true"]';
+var CHECKED_ITEM = `${ITEM}[data-state="checked"]`;
 function syncThumbColor(thumb, active) {
   const color = active?.dataset.color;
   if (color === thumb.dataset.color) return;
@@ -3118,11 +3145,11 @@ function syncThumbColor(thumb, active) {
 function fitCollapse(viewport2, list) {
   const fits = (level2) => {
     list.dataset.collapse = level2;
-    return list.scrollWidth <= viewport2.clientWidth + 0.5;
+    return viewport2.scrollWidth <= viewport2.clientWidth + 1;
   };
   if (fits("full") || fits("compact")) return list.dataset.collapse;
-  const items = list.querySelectorAll('[role="radio"]');
-  const icons = list.querySelectorAll(`[role="radio"] > .${SegmentedControl_default.icon}`);
+  const items = list.querySelectorAll(ITEM);
+  const icons = list.querySelectorAll(`${ITEM} > .${SegmentedControl_default.icon}`);
   const level = items.length > 0 && icons.length === items.length ? "icon" : "compact";
   list.dataset.collapse = level;
   return level;
@@ -3172,6 +3199,7 @@ function SegmentedControlRoot({
   const size = tier.size;
   const disabled = useInheritedDisabled(disabledProp);
   const ids = useFieldFrame(id, { label, hint, error, invalid }, ariaDescribedBy);
+  const links = hasLinkItems(children);
   const [selectedValue, setSelectedValue] = useControllableState({
     value,
     defaultValue,
@@ -3233,6 +3261,7 @@ function SegmentedControlRoot({
   );
   function handleKeyDown(event) {
     onKeyDown?.(event);
+    if (links) return;
     const items = Array.from(event.currentTarget.querySelectorAll(ENABLED_ITEM2));
     const index = items.indexOf(document.activeElement);
     const next = rovingIndex(event.key, index, items.length, "both");
@@ -3273,13 +3302,13 @@ function SegmentedControlRoot({
         "div",
         {
           id: ids.controlId,
-          role: "radiogroup",
+          role: links ? "navigation" : "radiogroup",
           "aria-label": ariaLabel,
           "aria-labelledby": ariaLabelledBy ?? ids.labelledBy,
           "aria-describedby": ids.describedBy,
-          "aria-invalid": ids.invalid || void 0,
-          "aria-required": required || void 0,
-          "aria-disabled": disabled || void 0,
+          "aria-invalid": !links && ids.invalid || void 0,
+          "aria-required": !links && required || void 0,
+          "aria-disabled": !links && disabled || void 0,
           className: cx(fieldTierClass, SegmentedControl_default.root),
           onKeyDown: handleKeyDown,
           ...toDataAttributes({
@@ -3330,6 +3359,11 @@ function SegmentedControlRoot({
   ) });
 }
 SegmentedControlRoot.displayName = "SegmentedControl.Root";
+function hasLinkItems(children) {
+  return React13.Children.toArray(children).some(
+    (child) => React13.isValidElement(child) && child.type === SegmentedControlItem && child.props.asChild === true
+  );
+}
 function isIconOnly(children) {
   const nodes = React13.Children.toArray(children);
   return nodes.length > 0 && nodes.every((node) => React13.isValidElement(node) && node.type === SegmentedControlIcon);
@@ -3352,6 +3386,7 @@ function SegmentedControlItem({
   value,
   disabled = false,
   color,
+  asChild = false,
   children,
   className,
   onClick,
@@ -3361,43 +3396,63 @@ function SegmentedControlItem({
   const ctx = useSegmentedControlContext();
   const collapse = React13.useContext(CollapseContext);
   const [tooltipOpen, setTooltipOpen] = React13.useState(false);
+  const child = asChild ? slotChild(children, "SegmentedControl.Item") : null;
+  const content = child ? child.props.children : children;
   const isChecked = ctx.value === value;
   const isDisabled = ctx.rootDisabled || disabled;
   const isTabStop = !isDisabled && ctx.focusValue === value;
-  const twoLine = hasChildOfType(children, SegmentedControlDescription);
+  const twoLine = hasChildOfType(content, SegmentedControlDescription);
   const parts = useTextParts();
-  const label = labelOf(children);
-  const segment = (
+  const label = labelOf(content);
+  const shared = {
+    "aria-labelledby": parts.labelledBy,
+    "aria-describedby": parts.describedBy,
+    ...toDataAttributes({
+      state: isChecked ? "checked" : "unchecked",
+      disabled: isDisabled || void 0,
+      "icon-only": isIconOnly(content) || void 0,
+      "two-line": twoLine || void 0,
+      value,
+      color
+    }),
+    className: cx(palette_default.hue, SegmentedControl_default.item, touchTargetBlockClass, className),
+    onClick: (event) => {
+      onClick?.(event);
+      if (!isDisabled && !event.defaultPrevented) ctx.onSelect(value);
+    }
+  };
+  const inner2 = /* @__PURE__ */ jsxs10(Fragment6, { children: [
+    color ? /* @__PURE__ */ jsx15(Badge.Dot, { className: SegmentedControl_default.dot }) : null,
+    parts.provide(labelPlainText(content, SegmentedControlLabel))
+  ] });
+  const segment = child ? (
+    // A link segment: in the Tab order like any link, the current one `aria-current="page"`.
+    /* @__PURE__ */ jsx15(
+      InteractiveElement,
+      {
+        ...rest,
+        ...shared,
+        ref,
+        element: "slot",
+        disabled: isDisabled,
+        "aria-current": isChecked ? "page" : void 0,
+        children: React13.cloneElement(child, void 0, inner2)
+      }
+    )
+  ) : (
     // biome-ignore lint/a11y/useSemanticElements: radiogroup of buttons with roving tabindex (WAI-ARIA APG)
-    /* @__PURE__ */ jsxs10(
+    /* @__PURE__ */ jsx15(
       "button",
       {
         ...rest,
+        ...shared,
         ref,
         role: "radio",
         type: "button",
         "aria-checked": isChecked,
-        "aria-labelledby": parts.labelledBy,
-        "aria-describedby": parts.describedBy,
-        ...toDataAttributes({
-          state: isChecked ? "checked" : "unchecked",
-          disabled: isDisabled || void 0,
-          "icon-only": isIconOnly(children) || void 0,
-          "two-line": twoLine || void 0,
-          value,
-          color
-        }),
         tabIndex: isTabStop ? 0 : -1,
         disabled: isDisabled,
-        className: cx(palette_default.hue, SegmentedControl_default.item, touchTargetBlockClass, className),
-        onClick: (event) => {
-          onClick?.(event);
-          if (!isDisabled && !event.defaultPrevented) ctx.onSelect(value);
-        },
-        children: [
-          color ? /* @__PURE__ */ jsx15(Badge.Dot, { className: SegmentedControl_default.dot }) : null,
-          parts.provide(labelPlainText(children, SegmentedControlLabel))
-        ]
+        children: inner2
       }
     )
   );
@@ -3643,6 +3698,7 @@ var NUMBER = new Intl.NumberFormat("ru-RU");
 function rangeText(field, range, labels) {
   if (field.kind === "date-range") {
     return formatDatepickerValue({
+      ...field.calendar,
       mode: "range",
       value: {
         from: range.from instanceof Date ? range.from : null,
@@ -3867,6 +3923,7 @@ function Panel({ searchable }) {
           ) : /* @__PURE__ */ jsx17(
             Datepicker.Root,
             {
+              ...field.calendar,
               mode: "range",
               size,
               fullWidth: true,
@@ -4156,6 +4213,9 @@ import { jsx as jsx18 } from "react/jsx-runtime";
 function ToolGroup({ className, ...rest }) {
   return /* @__PURE__ */ jsx18("div", { ...rest, className: cx(ToolRow_default.group, className) });
 }
+function ToolCell({ className, ...rest }) {
+  return /* @__PURE__ */ jsx18("div", { ...rest, className: cx(ToolRow_default.cell, className), "data-kind": "fixed" });
+}
 function kindOf(node) {
   if (isPart(node, SmartFilter.Toolbar) || isPart(node, Input.Root) || isPart(node, Typography) || isPart(node, ToolGroup)) {
     return "grow";
@@ -4171,7 +4231,9 @@ function filled(node) {
 }
 var keyOf = (node, index) => React15.isValidElement(node) && node.key != null ? String(node.key) : `#${index}`;
 function ToolRow({ fill = true, className, children, ...rest }) {
-  return /* @__PURE__ */ jsx18("div", { ...rest, className: cx(ToolRow_default.row, className), "data-fill": fill ? "true" : void 0, children: flattenChildren(children).map((item, index) => /* @__PURE__ */ jsx18("div", { className: ToolRow_default.cell, "data-kind": kindOf(item), children: filled(item) }, keyOf(item, index))) });
+  return /* @__PURE__ */ jsx18("div", { ...rest, className: cx(ToolRow_default.row, className), "data-fill": fill ? "true" : void 0, children: flattenChildren(children).map(
+    (item, index) => isPart(item, ToolCell) ? React15.cloneElement(item, { key: keyOf(item, index) }) : /* @__PURE__ */ jsx18("div", { className: ToolRow_default.cell, "data-kind": kindOf(item), children: filled(item) }, keyOf(item, index))
+  ) });
 }
 function ToolChips({ className, ...rest }) {
   return /* @__PURE__ */ jsx18("div", { ...rest, className: cx(ToolRow_default.chips, className) });
@@ -6092,6 +6154,8 @@ function SidebarBrand({
 SidebarBrand.displayName = "Sidebar.Brand";
 function SidebarAccount({ description, className, children, type, ...rest }) {
   const { size } = useSidebar();
+  const popup = rest["aria-haspopup"];
+  const opensMenu = popup === "menu" || popup === true || popup === "true";
   const nodes = React19.Children.toArray(children);
   const avatar = nodes.find((node) => isElementOf(node, Avatar.Root));
   const name = nodes.filter((node) => node !== avatar);
@@ -6107,7 +6171,7 @@ function SidebarAccount({ description, className, children, type, ...rest }) {
           /* @__PURE__ */ jsx22("span", { className: Sidebar_default.accountName, children: name }),
           description == null ? null : /* @__PURE__ */ jsx22("span", { className: Sidebar_default.accountDescription, children: description })
         ] }),
-        /* @__PURE__ */ jsx22(Icon, { name: "nav.chevronsUpDown", className: Sidebar_default.accountChevron })
+        opensMenu ? /* @__PURE__ */ jsx22(Icon, { name: "nav.chevronsUpDown", className: Sidebar_default.accountChevron }) : null
       ]
     }
   ) });
@@ -6508,8 +6572,8 @@ var Card_default = {
   description: "Card_description",
   label: "Card_label",
   value: "Card_value",
-  body: "Card_body",
   icon: "Card_icon",
+  body: "Card_body",
   delta: "Card_delta",
   meta: "Card_meta",
   valueSkeleton: "Card_valueSkeleton",
@@ -6599,13 +6663,17 @@ function CardFooter({ className, ...rest }) {
   return /* @__PURE__ */ jsx25("div", { className: cx(Card_default.footer, ruled && hairline_default.top, className), ...rest });
 }
 CardFooter.displayName = "Card.Footer";
-function CardIcon({ className, ...rest }) {
+function CardIcon({ className, children, ...rest }) {
+  const { media, provide } = useMediaSlotHost();
   return /* @__PURE__ */ jsx25(
     "div",
     {
+      "aria-hidden": media ? true : void 0,
       ...rest,
-      className: cx(iconBox_default.tile, iconSlotClass, Card_default.icon, className),
-      "data-tone": "accent"
+      className: cx(!media && iconBox_default.tile, !media && iconSlotClass, Card_default.icon, className),
+      "data-tone": media ? void 0 : "accent",
+      "data-media": media ? "true" : void 0,
+      children: provide(children)
     }
   );
 }
@@ -8183,6 +8251,7 @@ var Message_default = {
   status: "Message_status",
   tick: "Message_tick",
   actions: "Message_actions",
+  linkMark: "Message_linkMark",
   reactionsSlot: "Message_reactionsSlot",
   reactions: "Message_reactions",
   chipSlot: "Message_chipSlot",
@@ -13199,7 +13268,7 @@ MessageTyping.displayName = "Message.Typing";
 defineRowKind(MessageTyping, { tail: true });
 
 // src/components/message/Message.tsx
-import { jsx as jsx43, jsxs as jsxs32 } from "react/jsx-runtime";
+import { Fragment as Fragment22, jsx as jsx43, jsxs as jsxs32 } from "react/jsx-runtime";
 var STATUS_ICONS = [
   ["sending", "status.pending"],
   ["sent", "status.sent"],
@@ -13365,8 +13434,37 @@ function estimateOf(body, specs, shell, reactions, author, actionRows) {
   return Math.round(size + (reactions ? 36 : 0) + actionRows * ACTIONS_ESTIMATE + 8);
 }
 var NO_REACTIONS = [];
-function MessageActions({ className, ...rest }) {
-  return /* @__PURE__ */ jsx43("div", { className: cx(Message_default.actions, className), ...rest });
+function isLinkKey(props) {
+  const child = props.children;
+  return props.asChild === true && React43.isValidElement(child) && child.type === "a" && child.props.href !== void 0;
+}
+function MessageActions({ className, children, ...rest }) {
+  const { pending, track: track2 } = usePendingKeys();
+  return /* @__PURE__ */ jsx43("div", { className: cx(Message_default.actions, className), ...rest, children: React43.Children.map(children, (child, index) => {
+    if (!React43.isValidElement(child) || child.type !== Button.Root) {
+      return child;
+    }
+    const { props } = child;
+    const link = isLinkKey(props) ? React43.cloneElement(props.children, {
+      children: /* @__PURE__ */ jsxs32(Fragment22, { children: [
+        props.children.props.children,
+        /* @__PURE__ */ jsx43(Icon, { name: "action.externalLink", size: "xs", className: Message_default.linkMark })
+      ] })
+    }) : void 0;
+    return React43.cloneElement(child, {
+      variant: props.variant ?? "soft",
+      tone: props.tone ?? "neutral",
+      fullWidth: true,
+      loading: props.loading || pending.has(index),
+      onClick: (event) => {
+        track2(
+          index,
+          props.onClick?.(event)
+        );
+      },
+      ...link ? { children: link } : null
+    });
+  }) });
 }
 MessageActions.displayName = "Message.Actions";
 var ACTIONS_ESTIMATE = 40;
@@ -13434,6 +13532,7 @@ function MessageRoot({
   const neutralDepth = useNestedSurfaceDepth();
   const depth = direction === "outgoing" ? "tinted" : neutralDepth;
   const { selecting, selected } = useMessageSelection(value);
+  const selectMark = useEnterOnAppear(selecting);
   const toggleSelected = (event) => {
     const article2 = rootRef.current;
     if (article2) list.range.onClick(list.indexOf(article2), event);
@@ -13660,9 +13759,19 @@ function MessageRoot({
             tail ? /* @__PURE__ */ jsx43("span", { className: Message_default.bubbleTail, "data-depth": depth, "aria-hidden": "true" }) : null
           ] }),
           shell === "bubble" ? null : reactionsPart,
-          preview ? actions.map(
-            (row2) => React43.cloneElement(row2, { inert: true })
-          ) : actions,
+          actions.map(
+            (row2, index) => (
+              // The last row ends the message: its outer corners take the bubble's radius.
+              React43.cloneElement(
+                row2,
+                {
+                  key: row2.key ?? index,
+                  inert: preview || void 0,
+                  "data-end": index === actions.length - 1 ? "" : void 0
+                }
+              )
+            )
+          ),
           /* @__PURE__ */ jsx43(BubbleHug, { bubble: bubbleRef }),
           /* @__PURE__ */ jsx43(MorphSnapshot, { morph })
         ]
@@ -13762,7 +13871,15 @@ function MessageRoot({
           quickReact();
         },
         children: [
-          selecting ? /* @__PURE__ */ jsx43("span", { className: cx(Message_default.select, enterMotion_default.enter), "aria-hidden": "true", children: /* @__PURE__ */ jsx43(Checkbox.Indicator, { shape: "circle", checked: selected }) }) : null,
+          selecting ? /* @__PURE__ */ jsx43(
+            "span",
+            {
+              ref: selectMark.ref,
+              className: cx(Message_default.select, selectMark.entering && enterMotion_default.enter),
+              "aria-hidden": "true",
+              children: /* @__PURE__ */ jsx43(Checkbox.Indicator, { shape: "circle", checked: selected })
+            }
+          ) : null,
           gutter ? /* @__PURE__ */ jsx43("div", { className: cx(Message_default.gutter, statusLoop_default.blink), children: showAvatar ? avatar : null }) : null,
           status === "failed" && onRetry && !preview ? /* @__PURE__ */ jsx43("span", { className: cx(Message_default.retry, statusLoop_default.blink), "data-morph-item": "", children: /* @__PURE__ */ jsx43(
             Button.Root,
@@ -13934,6 +14051,7 @@ function ChatPinned({
       if (next !== void 0) onValueChange?.(next);
     }
   });
+  const excerpt = useEnterOnAppear();
   if (items.length === 0) return null;
   const found = items.findIndex((item) => item.value === value);
   const index = found === -1 ? items.length - 1 : found;
@@ -13968,7 +14086,15 @@ function ChatPinned({
           /* @__PURE__ */ jsx44("span", { className: ChatPinned_default.icon, "aria-hidden": "true", children: /* @__PURE__ */ jsx44(Icon, { name: "action.pin" }) }),
           /* @__PURE__ */ jsxs33("span", { className: ChatPinned_default.text, children: [
             /* @__PURE__ */ jsx44("span", { className: ChatPinned_default.title, children: title }),
-            /* @__PURE__ */ jsx44("span", { className: cx(ChatPinned_default.excerpt, enterMotion_default.enter), children: current.text }, current.value)
+            /* @__PURE__ */ jsx44(
+              "span",
+              {
+                ref: excerpt.ref,
+                className: cx(ChatPinned_default.excerpt, excerpt.entering && enterMotion_default.enter),
+                children: current.text
+              },
+              current.value
+            )
           ] })
         ]
       }
@@ -15328,7 +15454,8 @@ function ChatSelectionBar({ className, children, ref, ...rest }) {
   const { container, labels } = React46.useContext(ChromeContext);
   const selected = useListSelection();
   const barRef = React46.useRef(null);
-  const mergedRef = useMergedRefs(barRef, ref);
+  const appear = useEnterOnAppear();
+  const mergedRef = useMergedRefs(barRef, appear.ref, ref);
   useBottomBar(barRef, container, selected !== null);
   if (selected === null) return null;
   const count = formatLabel(labels.selectedCount, { count: selected.length });
@@ -15338,7 +15465,7 @@ function ChatSelectionBar({ className, children, ref, ...rest }) {
       ref: mergedRef,
       role: "toolbar",
       "aria-label": count,
-      className: cx(Chat_default.selectionBar, enterMotion_default.enter, className),
+      className: cx(Chat_default.selectionBar, appear.entering && enterMotion_default.enter, className),
       "data-depth": "floating",
       ...rest,
       children: /* @__PURE__ */ jsxs34(SurfaceDepthProvider, { value: "floating", children: [
@@ -15364,7 +15491,7 @@ ChatSelectionBar.displayName = "Chat.SelectionBar";
 defineRowKind(ChatSelectionBar, { tail: true });
 
 // src/components/chat/Chat.tsx
-import { Fragment as Fragment24, jsx as jsx47, jsxs as jsxs35 } from "react/jsx-runtime";
+import { Fragment as Fragment25, jsx as jsx47, jsxs as jsxs35 } from "react/jsx-runtime";
 var CHAT_LABELS = {
   ...MESSAGE_LIST_LABELS,
   typing: "\u043F\u0435\u0447\u0430\u0442\u0430\u0435\u0442\u2026",
@@ -15714,7 +15841,7 @@ function ChatMessages({
   );
   const name = ariaLabel ?? (ariaLabelledBy || chat.hasTitle ? void 0 : chat.labels.messages);
   const selection = chat.selected === void 0 ? {} : { selected: chat.selected, onSelectedChange: chat.setSelected };
-  return /* @__PURE__ */ jsxs35(Fragment24, { children: [
+  return /* @__PURE__ */ jsxs35(Fragment25, { children: [
     /* @__PURE__ */ jsx47(
       Crossfade,
       {
@@ -16407,22 +16534,51 @@ function translate(point, grab) {
 function isTransparent(color) {
   return color === "" || color === "transparent" || /rgba?\([^)]*,\s*0\s*\)$/.test(color);
 }
+var CONTAINER_SHELL = {
+  display: "block",
+  "box-sizing": "content-box",
+  "min-width": "0",
+  "max-width": "none",
+  "min-height": "0",
+  "max-height": "none",
+  margin: "0",
+  padding: "0",
+  border: "none",
+  background: "none",
+  "box-shadow": "none",
+  outline: "none",
+  overflow: "visible",
+  position: "static",
+  transform: "none",
+  translate: "none",
+  scale: "none",
+  rotate: "none",
+  opacity: "1",
+  filter: "none",
+  "clip-path": "none"
+};
 function inHostCopy(parent, inner2) {
   let outer = inner2;
-  const wrap = (node2) => {
-    const shell = node2.cloneNode(false);
-    shell.style.display = "contents";
-    shell.append(outer);
-    outer = shell;
-  };
   let node = parent;
-  while (node && node !== document.body) {
-    wrap(node);
-    if (node.hasAttribute("data-depth")) {
-      const theme = node.parentElement?.closest("[data-theme]");
-      if (theme && theme !== document.documentElement && theme !== document.body) wrap(theme);
-      break;
+  while (node && node !== document.body && node !== document.documentElement) {
+    const shell = node.cloneNode(false);
+    const source = getComputedStyle(node);
+    const container = source.getPropertyValue("container-type").trim();
+    if (container === "inline-size" || container === "size") {
+      for (const [property, value] of Object.entries(CONTAINER_SHELL))
+        shell.style.setProperty(property, value ?? null);
+      const px3 = (value) => Number.parseFloat(value) || 0;
+      const width = node.clientWidth - px3(source.paddingLeft) - px3(source.paddingRight);
+      shell.style.setProperty("width", `${Math.max(0, width)}px`);
+      if (container === "size") {
+        const height = node.clientHeight - px3(source.paddingTop) - px3(source.paddingBottom);
+        shell.style.setProperty("height", `${Math.max(0, height)}px`);
+      } else shell.style.setProperty("height", "auto");
+    } else {
+      shell.style.display = "contents";
     }
+    shell.append(outer);
+    outer = shell;
     node = node.parentElement;
   }
   return outer;
@@ -16474,11 +16630,6 @@ function cloneFor(preview) {
   clone.style.width = `${preview.origin.width}px`;
   clone.style.height = `${preview.origin.height}px`;
   clone.style.margin = "0";
-  const source = getComputedStyle(preview.element);
-  if (isTransparent(source.backgroundColor)) {
-    const layer = source.getPropertyValue("--prime-color-layer-current").trim();
-    if (layer) clone.style.backgroundColor = layer;
-  }
   const row = preview.element instanceof HTMLTableRowElement ? preview.element : null;
   const cell = preview.element instanceof HTMLTableCellElement ? preview.element : null;
   const lifted = row ? inTableCopy(row, clone, preview.origin) : cell ? inHeadCopy(cell, clone, preview.origin) : clone;
@@ -16503,6 +16654,12 @@ function cloneFor(preview) {
   lifted.classList.add(Dnd_default.lift);
   return outer;
 }
+function fillBareCopy(host, source) {
+  const copy = host.querySelector("[data-dnd-copy]");
+  if (!copy || !isTransparent(getComputedStyle(copy).backgroundColor)) return;
+  const layer = getComputedStyle(source).getPropertyValue("--prime-color-layer-current").trim();
+  if (layer) copy.style.backgroundColor = layer;
+}
 function liftedIn(host) {
   return host.querySelector(`.${Dnd_default.lift}`);
 }
@@ -16687,6 +16844,7 @@ function DragOverlay({ controller }) {
         mirrorRef.current = null;
         const copy = cloneFor(event.preview);
         host.replaceChildren(copy);
+        fillBareCopy(host, event.preview.element);
         host.style.transform = translate(event.preview.point, event.preview.grab);
         const source = event.preview.element;
         if (typeof MutationObserver === "function" && source.querySelector("[data-dnd-mirror]")) {
@@ -16783,7 +16941,7 @@ function DragOverlay({ controller }) {
 
 // src/components/dnd/inPlaceRow.tsx
 import * as React52 from "react";
-var ITEM = "[data-dnd-item]";
+var ITEM2 = "[data-dnd-item]";
 function drawnX(node) {
   const transform = getComputedStyle(node).transform;
   if (!transform || transform === "none") return 0;
@@ -16848,7 +17006,7 @@ function useInPlaceShift(row, order, draggingId, gapBefore) {
     }
     startOrder.current ??= orderKey;
     const cells = new Map(
-      ownNodes(row, ITEM).map((node) => [node.dataset.dndItem ?? "", node])
+      ownNodes(row, ITEM2).map((node) => [node.dataset.dndItem ?? "", node])
     );
     const widthOf2 = (id) => cells.get(id)?.offsetWidth ?? 0;
     const startOf = (list) => {
@@ -17925,7 +18083,7 @@ var List_default = {
 };
 
 // src/components/list/List.tsx
-import { Fragment as Fragment26, jsx as jsx50, jsxs as jsxs37 } from "react/jsx-runtime";
+import { Fragment as Fragment27, jsx as jsx50, jsxs as jsxs37 } from "react/jsx-runtime";
 var LIST_LABELS = {
   reorderItem: "\u041F\u0435\u0440\u0435\u043C\u0435\u0441\u0442\u0438\u0442\u044C {label}"
 };
@@ -18080,10 +18238,10 @@ function splitItemChildren3(children) {
     }
   }
   flushLoose();
-  return /* @__PURE__ */ jsxs37(Fragment26, { children: [
+  return /* @__PURE__ */ jsxs37(Fragment27, { children: [
     leading,
     /* @__PURE__ */ jsx50("span", { className: List_default.body, children: spaced(body) }),
-    trail.length > 0 ? /* @__PURE__ */ jsxs37(Fragment26, { children: [
+    trail.length > 0 ? /* @__PURE__ */ jsxs37(Fragment27, { children: [
       " ",
       /* @__PURE__ */ jsx50("span", { className: cx(List_default.trail, twoLines && List_default.trailStacked), children: spaced(trail) })
     ] }) : null
@@ -18232,7 +18390,7 @@ function formatChatTime(date, now, timeZone) {
 }
 
 // src/components/chat-list/ChatList.tsx
-import { Fragment as Fragment28, jsx as jsx51, jsxs as jsxs38 } from "react/jsx-runtime";
+import { Fragment as Fragment29, jsx as jsx51, jsxs as jsxs38 } from "react/jsx-runtime";
 var CHAT_LIST_LABELS = {
   list: "\u0414\u0438\u0430\u043B\u043E\u0433\u0438",
   search: "\u041F\u043E\u0438\u0441\u043A \u043F\u043E \u0434\u0438\u0430\u043B\u043E\u0433\u0430\u043C",
@@ -18762,7 +18920,7 @@ function ChatListRoot({
   if (virtualized) {
     const laid = rowGaps(virtual);
     const spacer = (height) => height > 0 ? /* @__PURE__ */ jsx51("li", { className: ChatList_default.spacer, style: { height }, "aria-hidden": "true" }) : null;
-    rows2 = /* @__PURE__ */ jsxs38(Fragment28, { children: [
+    rows2 = /* @__PURE__ */ jsxs38(Fragment29, { children: [
       laid.rows.map(({ index, gap }) => /* @__PURE__ */ jsxs38(React59.Fragment, { children: [
         spacer(gap),
         row(index, virtual.measure(index))
@@ -18794,7 +18952,7 @@ function ChatListRoot({
       /* @__PURE__ */ jsx51(EmptyPage.Title, { children: labels.empty })
     ] });
   } else {
-    body = /* @__PURE__ */ jsxs38(Fragment28, { children: [
+    body = /* @__PURE__ */ jsxs38(Fragment29, { children: [
       /* @__PURE__ */ jsx51(List.Root, { ref: setListEl, size, "aria-label": labels.list, className: ChatList_default.list, children: rows2 }),
       hasMore ? placeholders(1) : null
     ] });
@@ -19370,7 +19528,7 @@ var CommandMenu_default = {
 };
 
 // src/components/command-menu/CommandMenu.tsx
-import { Fragment as Fragment29, jsx as jsx55, jsxs as jsxs40 } from "react/jsx-runtime";
+import { Fragment as Fragment30, jsx as jsx55, jsxs as jsxs40 } from "react/jsx-runtime";
 var COMMAND_MENU_LABELS = {
   search: "\u041F\u043E\u0438\u0441\u043A",
   empty: "\u041D\u0438\u0447\u0435\u0433\u043E \u043D\u0435 \u043D\u0430\u0439\u0434\u0435\u043D\u043E",
@@ -19642,7 +19800,7 @@ function CommandMenuList({ className, children, ref, ...rest }) {
     if (inside && !regionRef.current?.contains(document.activeElement)) return;
     dialog.querySelector("[data-autofocus]")?.focus({ preventScroll: true });
   };
-  return /* @__PURE__ */ jsxs40(Fragment29, { children: [
+  return /* @__PURE__ */ jsxs40(Fragment30, { children: [
     /* @__PURE__ */ jsx55(RegionSwap, { ref: regionRef, state: region, fill: true, onSwap: returnToSearch, children: region === "error" ? /* @__PURE__ */ jsxs40(EmptyPage.Root, { layout: "compact", size, role: "alert", children: [
       /* @__PURE__ */ jsx55(EmptyPage.Title, { as: "p", children: loadError }),
       onRetry ? /* @__PURE__ */ jsx55(EmptyPage.Actions, { children: /* @__PURE__ */ jsxs40(Button.Root, { variant: "soft", tone: "neutral", loading: retrying, onClick: onRetry, children: [
@@ -20049,7 +20207,7 @@ var FileUpload_default = {
 };
 
 // src/components/file-upload/FileUpload.tsx
-import { Fragment as Fragment30, jsx as jsx57, jsxs as jsxs42 } from "react/jsx-runtime";
+import { Fragment as Fragment31, jsx as jsx57, jsxs as jsxs42 } from "react/jsx-runtime";
 var FILE_UPLOAD_LABELS = {
   title: "\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u0444\u0430\u0439\u043B \u0438\u043B\u0438 \u043F\u0435\u0440\u0435\u0442\u0430\u0449\u0438\u0442\u0435 \u0435\u0433\u043E \u0441\u044E\u0434\u0430",
   description: "JPEG, PNG, PDF, MP4 \u0434\u043E 50 \u041C\u0411",
@@ -20423,6 +20581,10 @@ function FileSetView({
   listRef
 }) {
   const { files, uploads, busy, canReorder, announcer } = set;
+  const coverId = cover ? files[0]?.id : void 0;
+  const [stillCover, setStillCover] = React64.useState(coverId);
+  if (stillCover !== void 0 && coverId !== stillCover) setStillCover(void 0);
+  const coverEnter = stillCover === void 0 ? enterMotion_default.enter : void 0;
   const ownRef = React64.useRef(null);
   const setListRef = useMergedRefs(ownRef, listRef);
   const kindId = `file-upload-${React64.useId()}`;
@@ -20458,7 +20620,7 @@ function FileSetView({
   };
   const region = announcer.own ? /* @__PURE__ */ jsx57(VisuallyHidden, { live: "polite", children: announcer.message }) : null;
   if (layout === "list") {
-    return /* @__PURE__ */ jsxs42(Fragment30, { children: [
+    return /* @__PURE__ */ jsxs42(Fragment31, { children: [
       files.length > 0 || addTile ? /* @__PURE__ */ jsxs42(
         "ul",
         {
@@ -20522,7 +20684,7 @@ function FileSetView({
             openLabel: formatLabel(labels.open, { name: file.name }),
             badge: cover && index === 0 ? (
               // A new cover: the word comes in where the format stood.
-              kind === "file" ? /* @__PURE__ */ jsx57(Badge.Root, { className: enterMotion_default.enter, children: labels.cover }, "cover") : /* @__PURE__ */ jsx57("span", { className: enterMotion_default.enter, children: labels.cover }, "cover")
+              kind === "file" ? /* @__PURE__ */ jsx57(Badge.Root, { className: coverEnter, children: labels.cover }, "cover") : /* @__PURE__ */ jsx57("span", { className: coverEnter, children: labels.cover }, "cover")
             ) : kind === "file" ? (
               // Decorative: the tile's name carries the extension.
               /* @__PURE__ */ jsx57(Badge.Root, { color: formatColor(format5), "aria-hidden": "true", children: (format5 || "\u2014").slice(0, 8).toUpperCase() })
@@ -20546,7 +20708,7 @@ function FileSetView({
       children: addTile
     }
   );
-  return /* @__PURE__ */ jsxs42(Fragment30, { children: [
+  return /* @__PURE__ */ jsxs42(Fragment31, { children: [
     files.length > 0 || addTile ? /* @__PURE__ */ jsx57("div", { className: FileUpload_default.tiles, ...toDataAttributes({ layout, cover: cover || void 0 }), children: /* @__PURE__ */ jsx57(ControlSizeProvider, { value: "xs", children: strip ? /* @__PURE__ */ jsx57(AttachmentStripScroller, { children: list }) : list }) }) : null,
     region
   ] });
@@ -20568,6 +20730,8 @@ function FileRow({
   onRemove
 }) {
   const rowRef = React64.useRef(null);
+  const appear = useEnterOnAppear();
+  const setRowRef = useMergedRefs(rowRef, appear.ref);
   const { id } = file;
   React64.useLayoutEffect(() => {
     const node = rowRef.current;
@@ -20586,8 +20750,8 @@ function FileRow({
   return /* @__PURE__ */ jsx57(
     "li",
     {
-      ref: rowRef,
-      className: cx(FileUpload_default.queueRow, enterMotion_default.enter),
+      ref: setRowRef,
+      className: cx(FileUpload_default.queueRow, appear.entering && enterMotion_default.enter),
       "aria-busy": pending || void 0,
       "data-pending": pending || void 0,
       children: /* @__PURE__ */ jsxs42(FileUploadItem, { invalid: status === "failed", "data-status": status, children: [
@@ -20727,6 +20891,7 @@ function FileUploadField({
   const pickAccept = React64.useRef(accept);
   const requestedAccept = React64.useRef(null);
   const count = set.files.length;
+  const emptyHint = useEnterOnAppear(count === 0 && max === void 0);
   const room = max === void 0 ? Number.POSITIVE_INFINITY : Math.max(0, max - count);
   const full = room === 0;
   const hasSet = trigger === "tile" || value !== void 0 || defaultValue !== void 0 || queue !== void 0;
@@ -20793,7 +20958,7 @@ function FileUploadField({
   if (none) {
     control = input;
   } else if (button) {
-    const content = children ?? /* @__PURE__ */ jsxs42(Fragment30, { children: [
+    const content = children ?? /* @__PURE__ */ jsxs42(Fragment31, { children: [
       /* @__PURE__ */ jsx57(Button.Icon, { children: /* @__PURE__ */ jsx57(Icon, { name: "action.attach" }) }),
       labels.browse
     ] });
@@ -20851,7 +21016,18 @@ function FileUploadField({
     input,
     /* @__PURE__ */ jsx57("span", { className: cx(fieldTierClass, FileUpload_default.addIcon), "data-size": "xs", "aria-hidden": "true", children: /* @__PURE__ */ jsx57(Icon, { name: "action.add" }) }),
     /* @__PURE__ */ jsx57("span", { className: cx(textRole_default.caption, FileUpload_default.addText), children: /* @__PURE__ */ jsx57(MorphText, { children: full ? labels.full : empty ? labels.empty : labels.add }) }),
-    countText !== null ? /* @__PURE__ */ jsx57("span", { className: cx(textRole_default.caption, FileUpload_default.addHint), children: /* @__PURE__ */ jsx57(RollingNumber, { children: countText }) }) : empty ? /* @__PURE__ */ jsx57("span", { className: cx(textRole_default.caption, FileUpload_default.addHint, enterMotion_default.enter), children: labels.emptyHint }) : null
+    countText !== null ? /* @__PURE__ */ jsx57("span", { className: cx(textRole_default.caption, FileUpload_default.addHint), children: /* @__PURE__ */ jsx57(RollingNumber, { children: countText }) }) : empty ? /* @__PURE__ */ jsx57(
+      "span",
+      {
+        ref: emptyHint.ref,
+        className: cx(
+          textRole_default.caption,
+          FileUpload_default.addHint,
+          emptyHint.entering && enterMotion_default.enter
+        ),
+        children: labels.emptyHint
+      }
+    ) : null
   ] }) }) : null;
   const drops = !hiddenInput && !disabled;
   const dropHandlers = hiddenInput ? {} : {
@@ -21262,7 +21438,7 @@ var Textarea_default = {
 };
 
 // src/components/textarea/Textarea.tsx
-import { Fragment as Fragment31, jsx as jsx59, jsxs as jsxs44 } from "react/jsx-runtime";
+import { Fragment as Fragment32, jsx as jsx59, jsxs as jsxs44 } from "react/jsx-runtime";
 var TEXTAREA_LABELS = {
   optional: "\u043D\u0435\u043E\u0431\u044F\u0437\u0430\u0442\u0435\u043B\u044C\u043D\u043E",
   counter: "{current} \u0438\u0437 {max} \u0441\u0438\u043C\u0432\u043E\u043B\u043E\u0432",
@@ -21427,7 +21603,7 @@ function TextareaRoot({
           "focus-ring": focusRing,
           capped: autoResize && maxRows !== void 0 || void 0
         }),
-        children: hasEdge ? /* @__PURE__ */ jsxs44(Fragment31, { children: [
+        children: hasEdge ? /* @__PURE__ */ jsxs44(Fragment32, { children: [
           /* @__PURE__ */ jsx59("div", { className: Textarea_default.body, children: body }),
           /* @__PURE__ */ jsxs44("div", { className: Textarea_default.edge, children: [
             hasCommit ? /* @__PURE__ */ jsx59(FieldCommitStatus, { state: commit.state, labels }) : null,
@@ -21525,7 +21701,11 @@ var Composer_default = {
   contextIcon: "Composer_contextIcon",
   contextText: "Composer_contextText",
   title: "Composer_title",
-  description: "Composer_description"
+  description: "Composer_description",
+  keyboardToggle: "Composer_keyboardToggle",
+  keyboardSlot: "Composer_keyboardSlot",
+  keyboardKeys: "Composer_keyboardKeys",
+  keyboardRow: "Composer_keyboardRow"
 };
 
 // src/components/composer/liveWave.ts
@@ -21812,7 +21992,7 @@ function useRecorder(onRecorded) {
 }
 
 // src/components/composer/Composer.tsx
-import { jsx as jsx60, jsxs as jsxs45 } from "react/jsx-runtime";
+import { Fragment as Fragment33, jsx as jsx60, jsxs as jsxs45 } from "react/jsx-runtime";
 var COMPOSER_LABELS = {
   region: "\u041D\u043E\u0432\u043E\u0435 \u0441\u043E\u043E\u0431\u0449\u0435\u043D\u0438\u0435",
   placeholder: "\u0421\u043E\u043E\u0431\u0449\u0435\u043D\u0438\u0435",
@@ -21843,7 +22023,8 @@ var COMPOSER_LABELS = {
   sendAsFiles: "\u041E\u0442\u043F\u0440\u0430\u0432\u0438\u0442\u044C \u043A\u0430\u043A \u0444\u0430\u0439\u043B\u044B, \u0431\u0435\u0437 \u0441\u0436\u0430\u0442\u0438\u044F",
   ...TEXT_FORMATTING_LABELS,
   cancelReply: "\u041E\u0442\u043C\u0435\u043D\u0438\u0442\u044C \u043E\u0442\u0432\u0435\u0442",
-  cancelEdit: "\u041E\u0442\u043C\u0435\u043D\u0438\u0442\u044C \u0440\u0435\u0434\u0430\u043A\u0442\u0438\u0440\u043E\u0432\u0430\u043D\u0438\u0435"
+  cancelEdit: "\u041E\u0442\u043C\u0435\u043D\u0438\u0442\u044C \u0440\u0435\u0434\u0430\u043A\u0442\u0438\u0440\u043E\u0432\u0430\u043D\u0438\u0435",
+  keyboard: "\u041A\u043B\u0430\u0432\u0438\u0430\u0442\u0443\u0440\u0430 \u0431\u043E\u0442\u0430"
 };
 var [ComposerProvider, useComposerContext] = createComponentContext("Composer");
 var HOLD_MS = 200;
@@ -22369,9 +22550,43 @@ function ComposerRoot({
     }
   };
   const [attachSlot, setAttachSlot] = React68.useState(null);
+  const [keyboardSlot, setKeyboardSlot] = React68.useState(null);
+  const [keyboardToggleSlot, setKeyboardToggleSlot] = React68.useState(null);
+  const [keyboardPlaceholder, setKeyboardPlaceholder] = React68.useState(null);
+  const sendRef = React68.useRef(onSend);
+  sendRef.current = onSend;
+  const sendText = React68.useCallback(
+    (keyText) => sendRef.current?.({ text: keyText, albums: [], files: [] }),
+    []
+  );
   const contextValue = React68.useMemo(
-    () => ({ size, labels, disabled, addFiles, registerBar, focusFieldIfLive, attachSlot }),
-    [size, labels, disabled, addFiles, registerBar, focusFieldIfLive, attachSlot]
+    () => ({
+      size,
+      labels,
+      disabled,
+      addFiles,
+      registerBar,
+      focusFieldIfLive,
+      attachSlot,
+      keyboardSlot,
+      keyboardToggleSlot,
+      setKeyboardPlaceholder,
+      sendText,
+      recording
+    }),
+    [
+      size,
+      labels,
+      disabled,
+      addFiles,
+      registerBar,
+      focusFieldIfLive,
+      attachSlot,
+      keyboardSlot,
+      keyboardToggleSlot,
+      sendText,
+      recording
+    ]
   );
   const actionKind = recording ? "send" : editing ? "save" : showRecord ? recordMode : "send";
   const pauseIcon = recorder.paused ? "action.play" : "action.pause";
@@ -22512,7 +22727,7 @@ function ComposerRoot({
                   maxRows: MAX_ROWS,
                   focusRing: false,
                   value,
-                  placeholder: labels.placeholder,
+                  placeholder: keyboardPlaceholder ?? labels.placeholder,
                   "aria-label": labels.placeholder,
                   "aria-describedby": [contextIds, recorder.error ? errorId : void 0].filter(Boolean).join(" ") || void 0,
                   disabled,
@@ -22588,6 +22803,14 @@ function ComposerRoot({
               }
             ) : null,
             /* @__PURE__ */ jsxs45("div", { className: Composer_default.end, children: [
+              /* @__PURE__ */ jsx60(
+                "div",
+                {
+                  ref: setKeyboardToggleSlot,
+                  className: Composer_default.keyboardToggle,
+                  inert: recording
+                }
+              ),
               lockPill.mounted ? /* @__PURE__ */ jsxs45(
                 "span",
                 {
@@ -22626,6 +22849,7 @@ function ComposerRoot({
               /* @__PURE__ */ jsx60(VisuallyHidden, { id: hintId, children: videoAvailable && voiceAvailable ? labels.recordSwitchHint : labels.recordHint })
             ] })
           ] }),
+          /* @__PURE__ */ jsx60("div", { ref: setKeyboardSlot, className: Composer_default.keyboardSlot }),
           /* @__PURE__ */ jsx60(VisuallyHidden, { live: "polite", children: announcement })
         ]
       }
@@ -22684,9 +22908,12 @@ function ComposerContext({
   id: idProp,
   className,
   children,
+  ref,
   ...rest
 }) {
   const { size, labels, registerBar, focusFieldIfLive } = useComposerContext();
+  const appear = useEnterOnAppear();
+  const mergedRef = useMergedRefs(appear.ref, ref);
   const ownId = React68.useId();
   const id = idProp ?? ownId;
   const dismissRef = React68.useRef(onDismiss);
@@ -22711,8 +22938,9 @@ function ComposerContext({
     "div",
     {
       ...rest,
+      ref: mergedRef,
       id,
-      className: cx(Composer_default.context, enterMotion_default.enter, className),
+      className: cx(Composer_default.context, appear.entering && enterMotion_default.enter, className),
       "data-mode": mode,
       children: [
         /* @__PURE__ */ jsx60("span", { className: Composer_default.contextIcon, "aria-hidden": "true", children: /* @__PURE__ */ jsx60(GlyphSwap, { children: /* @__PURE__ */ jsx60(Icon, { name: CONTEXT_ICON[mode] }) }) }),
@@ -22815,6 +23043,119 @@ function ComposerItemIcon(props) {
   return /* @__PURE__ */ jsx60(Dropdown.ItemIcon, { ...props });
 }
 ComposerItemIcon.displayName = "Composer.ItemIcon";
+var keyLabel = (key) => typeof key === "string" ? key : key.label;
+function ComposerKeyboard({
+  rows: rows2,
+  placeholder,
+  oneTime = false,
+  open: openProp,
+  defaultOpen = true,
+  onOpenChange,
+  id: idProp,
+  className,
+  "aria-label": ariaLabel,
+  ref,
+  ...rest
+}) {
+  const {
+    labels,
+    disabled,
+    keyboardSlot,
+    keyboardToggleSlot,
+    setKeyboardPlaceholder,
+    sendText,
+    focusFieldIfLive,
+    recording
+  } = useComposerContext();
+  const [open, setOpen] = useControllableState({
+    value: openProp,
+    defaultValue: defaultOpen,
+    onChange: onOpenChange
+  });
+  const { pending, track: track2 } = usePendingKeys();
+  const autoId = React68.useId();
+  const id = idProp ?? autoId;
+  React68.useEffect(() => {
+    if (!open || placeholder === void 0) return;
+    setKeyboardPlaceholder(placeholder);
+    return () => setKeyboardPlaceholder(null);
+  }, [open, placeholder, setKeyboardPlaceholder]);
+  const press = (key, position) => {
+    const outcome = track2(position, sendText(keyLabel(key)));
+    if (!oneTime) return;
+    const hide = () => {
+      setOpen(false);
+      focusFieldIfLive();
+    };
+    if (isPromiseLike(outcome)) outcome.then(hide, () => {
+    });
+    else hide();
+  };
+  if (!keyboardSlot || !keyboardToggleSlot) return null;
+  const toggleIcon = open ? "nav.chevronDown" : "nav.layoutGrid";
+  return /* @__PURE__ */ jsxs45(Fragment33, { children: [
+    createPortal2(
+      /* @__PURE__ */ jsx60(
+        Button.Root,
+        {
+          variant: "ghost",
+          tone: "neutral",
+          "aria-label": ariaLabel ?? labels.keyboard,
+          "aria-expanded": open,
+          "aria-controls": id,
+          disabled,
+          onClick: () => setOpen(!open),
+          children: /* @__PURE__ */ jsx60(Button.Icon, { children: /* @__PURE__ */ jsx60(Icon, { name: toggleIcon }) })
+        }
+      ),
+      keyboardToggleSlot
+    ),
+    createPortal2(
+      /* @__PURE__ */ jsx60(
+        Disclosure,
+        {
+          ...rest,
+          ref,
+          id,
+          role: "group",
+          "aria-label": ariaLabel ?? labels.keyboard,
+          open,
+          inert: recording || void 0,
+          className,
+          children: /* @__PURE__ */ jsx60("div", { className: Composer_default.keyboardKeys, children: rows2.map((row, rowIndex) => /* @__PURE__ */ jsx60(
+            "div",
+            {
+              className: Composer_default.keyboardRow,
+              children: row.map((key, keyIndex) => {
+                const position = `${rowIndex}:${keyIndex}`;
+                const custom = typeof key === "string" ? void 0 : key;
+                return /* @__PURE__ */ jsxs45(
+                  Button.Root,
+                  {
+                    variant: "soft",
+                    tone: custom?.tone ?? "neutral",
+                    fullWidth: true,
+                    disabled,
+                    loading: pending.has(position),
+                    onClick: () => press(key, position),
+                    children: [
+                      custom?.icon ? /* @__PURE__ */ jsx60(Button.Icon, { children: custom.icon }) : null,
+                      keyLabel(key)
+                    ]
+                  },
+                  position
+                );
+              })
+            },
+            rowIndex
+          )) })
+        }
+      ),
+      keyboardSlot
+    )
+  ] });
+}
+ComposerKeyboard.displayName = "Composer.Keyboard";
 var Composer = {
   Root: ComposerRoot,
   Context: ComposerContext,
@@ -22822,7 +23163,8 @@ var Composer = {
   Description: ComposerDescription,
   Attach: ComposerAttach,
   Item: ComposerItem,
-  ItemIcon: ComposerItemIcon
+  ItemIcon: ComposerItemIcon,
+  Keyboard: ComposerKeyboard
 };
 
 // src/components/data-table/DataTable.tsx
@@ -23513,14 +23855,16 @@ function flatten(data, options) {
 }
 
 // src/components/data-table/Row.tsx
-import { Fragment as Fragment32, jsx as jsx65, jsxs as jsxs50 } from "react/jsx-runtime";
+import { Fragment as Fragment34, jsx as jsx65, jsxs as jsxs50 } from "react/jsx-runtime";
 function columnAlign(column) {
   return column.align ?? (column.numeric ? "end" : "start");
 }
-function columnSizeStyle(column) {
-  const { width, minWidth, maxWidth, grow } = column;
-  if (!width && !minWidth && !maxWidth && !grow) return void 0;
-  return { width: width ?? (grow ? "100%" : void 0), minWidth, maxWidth };
+function columnSizeProps(column) {
+  const { width, minWidth = width, maxWidth, grow } = column;
+  return {
+    style: width || minWidth || maxWidth ? { width, minWidth, maxWidth } : void 0,
+    "data-grow": grow ? "true" : void 0
+  };
 }
 function renderCell(row, column, withTitle) {
   const value = column.cell ? void 0 : columnValue(row, column);
@@ -23574,7 +23918,7 @@ function DataTableRowImpl({
   const enter = animate && !foldable && enterMotion_default.enterBase;
   const lead = cx(DataTable_default.cell, enter, shared.stickyFirstColumn && DataTable_default.stickyLead);
   const folded = (node) => foldable ? /* @__PURE__ */ jsx65(Disclosure, { open: !folding, appear: animate, children: /* @__PURE__ */ jsx65("div", { className: DataTable_default.foldPad, children: node }) }) : node;
-  return /* @__PURE__ */ jsxs50(Fragment32, { children: [
+  return /* @__PURE__ */ jsxs50(Fragment34, { children: [
     /* @__PURE__ */ jsxs50(
       RowElement,
       {
@@ -23670,7 +24014,7 @@ function DataTableRowImpl({
                   shared.stickyLastColumn && isLastColumn && DataTable_default.lastColumnSticky,
                   enter
                 ),
-                style: columnSizeStyle(column),
+                ...columnSizeProps(column),
                 "data-align": columnAlign(column),
                 "data-numeric": column.numeric ? "true" : void 0,
                 "data-first-column": isFirstColumn ? "true" : void 0,
@@ -23681,7 +24025,7 @@ function DataTableRowImpl({
                   folded(
                     /* @__PURE__ */ jsx65("a", { href, className: DataTable_default.rowLink, "data-row-link": "", children: renderCell(row, column, true) })
                   )
-                ) : /* @__PURE__ */ jsxs50(Fragment32, { children: [
+                ) : /* @__PURE__ */ jsxs50(Fragment34, { children: [
                   /* @__PURE__ */ jsx65(
                     "a",
                     {
@@ -23808,7 +24152,7 @@ function MeasureBody({
           "td",
           {
             className: DataTable_default.cell,
-            style: columnSizeStyle(column),
+            ...columnSizeProps(column),
             "data-align": columnAlign(column),
             "data-numeric": column.numeric ? "true" : void 0,
             "data-first-column": columnIndex === 0 ? "true" : void 0,
@@ -23824,7 +24168,7 @@ function MeasureBody({
 }
 
 // src/components/data-table/Head.tsx
-import { Fragment as Fragment33, jsx as jsx66, jsxs as jsxs51 } from "react/jsx-runtime";
+import { Fragment as Fragment35, jsx as jsx66, jsxs as jsxs51 } from "react/jsx-runtime";
 var ARIA_SORT = { asc: "ascending", desc: "descending" };
 var SORT_ICON = { asc: "sort.ascending", desc: "sort.descending" };
 var columnLabel2 = (column) => nodeText(column.header) || column.id;
@@ -23852,7 +24196,7 @@ function Head({
     stickyHeader && (pinned ? DataTable_default.cornerCellSticky : DataTable_default.headSticky)
   );
   const lead = cx(headCell(stickyFirstColumn), stickyFirstColumn && DataTable_default.stickyLead);
-  const leading = /* @__PURE__ */ jsxs51(Fragment33, { children: [
+  const leading = /* @__PURE__ */ jsxs51(Fragment35, { children: [
     gripStart ? /* @__PURE__ */ jsx66("td", { className: cx(lead, DataTable_default.handleCell) }) : null,
     selectAll ? /* @__PURE__ */ jsx66("th", { scope: "col", className: cx(lead, DataTable_default.selectCell), children: /* @__PURE__ */ jsx66(
       Checkbox.Root,
@@ -23915,7 +24259,7 @@ function Head({
           )
         ]
       }
-    ) }) : column.hideHeader ? /* @__PURE__ */ jsxs51(Fragment33, { children: [
+    ) }) : column.hideHeader ? /* @__PURE__ */ jsxs51(Fragment35, { children: [
       /* @__PURE__ */ jsx66(VisuallyHidden, { id: labelId, children: column.header }),
       menuHere ? /* @__PURE__ */ jsx66("span", { className: DataTable_default.headMenu, children: columnsMenu }) : null
     ] }) : /* @__PURE__ */ jsxs51("span", { className: DataTable_default.headTitle, children: [
@@ -23931,7 +24275,7 @@ function Head({
           stickyFirstColumn && isFirstColumn && DataTable_default.firstColumnSticky,
           stickyLastColumn && isLastColumn && DataTable_default.lastColumnSticky
         ),
-        style: columnSizeStyle(column),
+        ...columnSizeProps(column),
         "data-align": column.headerAlign ?? "start",
         "data-sorted": order ? "true" : void 0,
         "aria-sort": column.sortable ? order ? ARIA_SORT[order] : "none" : void 0,
@@ -23941,7 +24285,7 @@ function Head({
         "aria-describedby": described ? descriptionId : void 0,
         onClick: column.sortable ? () => onSort(column.id) : void 0
       },
-      content: /* @__PURE__ */ jsxs51(Fragment33, { children: [
+      content: /* @__PURE__ */ jsxs51(Fragment35, { children: [
         label,
         described ? /* @__PURE__ */ jsx66("span", { id: descriptionId, hidden: true, children: column.description }) : null
       ] })
@@ -23996,8 +24340,29 @@ function WithDescription({
   ] });
 }
 
-// src/components/data-table/StateRows.tsx
+// src/components/data-table/SelectionMenu.tsx
 import { jsx as jsx67, jsxs as jsxs52 } from "react/jsx-runtime";
+function SelectionMenu({ selected, actions, onClear, labels, size }) {
+  const name = labels.selectionActions;
+  return /* @__PURE__ */ jsxs52(Dropdown.Root, { children: [
+    /* @__PURE__ */ jsx67(Dropdown.Trigger, { children: /* @__PURE__ */ jsxs52(Button.Root, { "aria-label": `${name} ${selected.length}`, variant: "soft", tone: "neutral", children: [
+      name,
+      /* @__PURE__ */ jsx67(Badge.Root, { children: selected.length }),
+      /* @__PURE__ */ jsx67(Button.Icon, { children: /* @__PURE__ */ jsx67(Icon, { name: "nav.chevronDown" }) })
+    ] }) }),
+    /* @__PURE__ */ jsxs52(Dropdown.Content, { side: "bottom", align: "end", size, children: [
+      /* @__PURE__ */ jsxs52(Dropdown.Item, { onSelect: onClear, children: [
+        /* @__PURE__ */ jsx67(Dropdown.ItemIcon, { children: /* @__PURE__ */ jsx67(Icon, { name: "action.close" }) }),
+        labels.clearSelection
+      ] }),
+      /* @__PURE__ */ jsx67(Dropdown.Separator, {}),
+      actions
+    ] })
+  ] });
+}
+
+// src/components/data-table/StateRows.tsx
+import { jsx as jsx68, jsxs as jsxs53 } from "react/jsx-runtime";
 function StateRows({
   state,
   columns,
@@ -24013,28 +24378,28 @@ function StateRows({
   skeletonRows
 }) {
   if (state === "error") {
-    return /* @__PURE__ */ jsx67("tr", { children: /* @__PURE__ */ jsx67("td", { colSpan: totalColumns, className: cx(DataTable_default.stateCell, DataTable_default.stateError), children: /* @__PURE__ */ jsx67("div", { className: DataTable_default.stateBox, children: /* @__PURE__ */ jsx67("div", { className: DataTable_default.stateContent, role: "alert", children: loadError }) }) }) });
+    return /* @__PURE__ */ jsx68("tr", { children: /* @__PURE__ */ jsx68("td", { colSpan: totalColumns, className: cx(DataTable_default.stateCell, DataTable_default.stateError), children: /* @__PURE__ */ jsx68("div", { className: DataTable_default.stateBox, children: /* @__PURE__ */ jsx68("div", { className: DataTable_default.stateContent, role: "alert", children: loadError }) }) }) });
   }
   if (state === "empty") {
-    return /* @__PURE__ */ jsx67("tr", { children: /* @__PURE__ */ jsx67("td", { colSpan: totalColumns, className: DataTable_default.stateCell, children: /* @__PURE__ */ jsx67("div", { className: DataTable_default.stateBox, children: empty == null || typeof empty === "string" ? /* @__PURE__ */ jsx67(EmptyPage.Root, { layout: "compact", size, role: "status", children: /* @__PURE__ */ jsx67(EmptyPage.Description, { children: empty ?? emptyLabel }) }) : /* @__PURE__ */ jsx67("div", { className: DataTable_default.stateContent, children: empty }) }) }) });
+    return /* @__PURE__ */ jsx68("tr", { children: /* @__PURE__ */ jsx68("td", { colSpan: totalColumns, className: DataTable_default.stateCell, children: /* @__PURE__ */ jsx68("div", { className: DataTable_default.stateBox, children: empty == null || typeof empty === "string" ? /* @__PURE__ */ jsx68(EmptyPage.Root, { layout: "compact", size, role: "status", children: /* @__PURE__ */ jsx68(EmptyPage.Description, { children: empty ?? emptyLabel }) }) : /* @__PURE__ */ jsx68("div", { className: DataTable_default.stateContent, children: empty }) }) }) });
   }
   return Array.from({ length: skeletonRows }, (_, rowIndex) => (
     // biome-ignore lint/suspicious/noArrayIndexKey: static placeholder rows
-    /* @__PURE__ */ jsxs52("tr", { className: cx(DataTable_default.row, DataTable_default.skeletonRow), "data-skeleton": "true", children: [
-      gripStart ? /* @__PURE__ */ jsx67("td", { className: cx(DataTable_default.cell, DataTable_default.handleCell) }) : null,
-      selectable ? /* @__PURE__ */ jsx67("td", { className: cx(DataTable_default.cell, DataTable_default.selectCell), children: /* @__PURE__ */ jsx67(Skeleton, { shape: "block", className: DataTable_default.skeletonChoice }) }) : null,
-      expandEnabled ? /* @__PURE__ */ jsx67("td", { className: cx(DataTable_default.cell, DataTable_default.toggleCell) }) : null,
-      columns.map((column) => /* @__PURE__ */ jsx67(
+    /* @__PURE__ */ jsxs53("tr", { className: cx(DataTable_default.row, DataTable_default.skeletonRow), "data-skeleton": "true", children: [
+      gripStart ? /* @__PURE__ */ jsx68("td", { className: cx(DataTable_default.cell, DataTable_default.handleCell) }) : null,
+      selectable ? /* @__PURE__ */ jsx68("td", { className: cx(DataTable_default.cell, DataTable_default.selectCell), children: /* @__PURE__ */ jsx68(Skeleton, { shape: "block", className: DataTable_default.skeletonChoice }) }) : null,
+      expandEnabled ? /* @__PURE__ */ jsx68("td", { className: cx(DataTable_default.cell, DataTable_default.toggleCell) }) : null,
+      columns.map((column) => /* @__PURE__ */ jsx68(
         "td",
         {
           className: DataTable_default.cell,
-          style: columnSizeStyle(column),
+          ...columnSizeProps(column),
           "data-align": columnAlign(column),
-          children: /* @__PURE__ */ jsx67(Skeleton, { className: DataTable_default.skeleton })
+          children: /* @__PURE__ */ jsx68(Skeleton, { className: DataTable_default.skeleton })
         },
         column.id
       )),
-      endCell ? /* @__PURE__ */ jsx67("td", { className: cx(DataTable_default.cell, DataTable_default.endCell) }) : null
+      endCell ? /* @__PURE__ */ jsx68("td", { className: cx(DataTable_default.cell, DataTable_default.endCell) }) : null
     ] }, rowIndex)
   ));
 }
@@ -24091,8 +24456,15 @@ function unfreeze(table, frozen) {
 }
 function release(table) {
   table.style.tableLayout = "";
+  table.style.minWidth = "";
+  table.dataset.measuring = "true";
   for (const col of colsOf(table)) col.style.width = "";
 }
+function measureReleased(table) {
+  const result = measure2(table);
+  delete table.dataset.measuring;
+  return result;
+}
 function measure2(table) {
   const cols = colsOf(table);
   const lead = table.tHead?.rows[0] ?? [...table.querySelectorAll(":scope > tbody > tr")].find(
@@ -24106,7 +24478,7 @@ function measure2(table) {
 }
 function freeze(table, frozen) {
   release(table);
-  const result = measure2(table);
+  const result = measureReleased(table);
   if (result) apply(table, frozen, result);
 }
 var refreeze = /* @__PURE__ */ new Map();
@@ -24123,7 +24495,7 @@ function scheduleRefreeze(table, frozen) {
       node.style.minWidth = "";
       release(node);
     }
-    const measured = tables.map(([node]) => measure2(node));
+    const measured = tables.map(([node]) => measureReleased(node));
     tables.forEach(([node, state], index) => {
       const result = measured[index];
       if (result) apply(node, state, result);
@@ -24139,7 +24511,7 @@ function apply(table, frozen, { cols, measured, minimums }) {
   cols.forEach((col, index) => {
     const grows = col.dataset.grow === "true";
     if (!grows) col.style.width = `${next[index]}px`;
-    floor += grows ? minimums[index] ?? 0 : next[index] ?? 0;
+    floor += grows ? Math.max(measured[index] ?? 0, minimums[index] ?? 0) : next[index] ?? 0;
   });
   table.style.tableLayout = "fixed";
   table.style.minWidth = `${floor}px`;
@@ -24334,18 +24706,20 @@ function useRowSelection({
     commit(next);
   };
   return {
+    selectedKeys,
     selectedSet,
     allSelected,
     someSelected: selectedInData > 0 && !allSelected,
     announcement,
     dragging: range.dragging,
     toggleAll,
+    clear: () => commit(/* @__PURE__ */ new Set()),
     handlers
   };
 }
 
 // src/components/data-table/DataTable.tsx
-import { jsx as jsx68, jsxs as jsxs53 } from "react/jsx-runtime";
+import { jsx as jsx69, jsxs as jsxs54 } from "react/jsx-runtime";
 var DATA_TABLE_LABELS = {
   loading: "\u0417\u0430\u0433\u0440\u0443\u0437\u043A\u0430 \u0434\u0430\u043D\u043D\u044B\u0445\u2026",
   empty: "\u041D\u0435\u0442 \u0434\u0430\u043D\u043D\u044B\u0445 \u0434\u043B\u044F \u043E\u0442\u043E\u0431\u0440\u0430\u0436\u0435\u043D\u0438\u044F.",
@@ -24355,6 +24729,8 @@ var DATA_TABLE_LABELS = {
   selectAll: "\u0412\u044B\u0431\u0440\u0430\u0442\u044C \u0432\u0441\u0435 \u0441\u0442\u0440\u043E\u043A\u0438",
   selectRow: "\u0412\u044B\u0431\u0440\u0430\u0442\u044C \u0441\u0442\u0440\u043E\u043A\u0443 {label}",
   selectedCount: "\u0412\u044B\u0431\u0440\u0430\u043D\u043E: {count}",
+  selectionActions: "\u0414\u0435\u0439\u0441\u0442\u0432\u0438\u044F",
+  clearSelection: "\u0421\u043D\u044F\u0442\u044C \u0432\u044B\u0431\u043E\u0440",
   expand: "\u0420\u0430\u0437\u0432\u0435\u0440\u043D\u0443\u0442\u044C \u0441\u0442\u0440\u043E\u043A\u0443 {label}",
   collapse: "\u0421\u0432\u0435\u0440\u043D\u0443\u0442\u044C \u0441\u0442\u0440\u043E\u043A\u0443 {label}",
   columns: "\u041A\u043E\u043B\u043E\u043D\u043A\u0438",
@@ -24462,6 +24838,7 @@ function DataTable({
   loadingRows,
   toolbar,
   toolbarChips,
+  renderSelectionActions,
   getRowGroup,
   renderGroupHeader,
   stickyGroupHeaders = false,
@@ -24760,11 +25137,21 @@ function DataTable({
     tableRef,
     announce: (count) => formatLabel(labels.selectedCount, { count })
   });
+  const selectedKeys = selection.selectedKeys ?? EMPTY_KEYS;
+  const showSelectionActions = renderSelectionActions != null && selectedKeys.length > 0;
+  const selectionActions = usePartPresence({
+    present: showSelectionActions,
+    axis: "inline"
+  });
+  const hasToolbar = toolbar != null || toolbarChips != null || showSelectionActions;
+  const toolbarPresence = usePartPresence({ present: hasToolbar, axis: "block" });
   const hasError = loadError != null && loadError !== false;
   const showSkeleton = !hasError && loading && displayedCount === 0;
   const showEmpty = !hasError && !loading && displayedCount === 0;
   const bodyState = hasError ? "error" : showSkeleton ? "loading" : showEmpty ? "empty" : "rows";
-  const { key: bodyKey, className: swapClass } = useSwapIn(`${bodyState}-${rowArrival.batch}`);
+  const { key: bodyKey, className: swapClass } = useSwapIn(
+    bodyState === "loading" ? bodyState : `${bodyState}-${rowArrival.batch}`
+  );
   const rowHandle = reorder.enabled ? reorderHandle : null;
   const gripStart = rowHandle === "start";
   const gripEnd = rowHandle === "end";
@@ -24935,7 +25322,7 @@ function DataTable({
     onReorder: (id, beforeId) => setOrderState(moveBefore(orderIds, id, beforeId, (each) => each)),
     reset: orderIds.join("\0") === defaultOrder ? null : () => setOrderState(allColumns.map((column) => column.id))
   } : null;
-  const columnsMenuTrigger = menuInHead ? /* @__PURE__ */ jsx68(
+  const columnsMenuTrigger = menuInHead ? /* @__PURE__ */ jsx69(
     ColumnsMenu,
     {
       columns: orderedColumns,
@@ -24950,7 +25337,7 @@ function DataTable({
   const rowOpens = Boolean(getRowHref || onRowClick);
   const renderRow = (item, index, inWindow = false) => {
     const opens = rowOpens && (isRowClickable?.(item.row) ?? true);
-    return /* @__PURE__ */ jsx68(
+    return /* @__PURE__ */ jsx69(
       DataTableRow,
       {
         shared,
@@ -24977,7 +25364,7 @@ function DataTable({
   };
   const spacerRow = (key, height) => height > 0 ? (
     // biome-ignore lint/a11y/noAriaHiddenOnFocusable: a spacer `<tr>` holds nothing focusable
-    /* @__PURE__ */ jsx68("tr", { className: DataTable_default.spacerRow, "aria-hidden": "true", children: /* @__PURE__ */ jsx68("td", { colSpan: totalColumns, className: DataTable_default.spacerCell, style: { height } }) }, key)
+    /* @__PURE__ */ jsx69("tr", { className: DataTable_default.spacerRow, "aria-hidden": "true", children: /* @__PURE__ */ jsx69("td", { colSpan: totalColumns, className: DataTable_default.spacerCell, style: { height } }) }, key)
   ) : null;
   const renderWindow = () => {
     const laid = rowGaps(virtual);
@@ -24997,7 +25384,7 @@ function DataTable({
     const { key } = segment;
     const group = groups.get(key);
     const collapsed = collapsedSet.has(key);
-    return /* @__PURE__ */ jsx68(
+    return /* @__PURE__ */ jsx69(
       GroupRow,
       {
         totalColumns,
@@ -25016,8 +25403,8 @@ function DataTable({
       }
     );
   };
-  return /* @__PURE__ */ jsx68(ReorderRoot, { enabled: reorder.enabled || reorderColumns && showHeader, children: /* @__PURE__ */ jsx68(SurfaceDepthProvider, { value: depth, children: tier.provide(
-    /* @__PURE__ */ jsxs53(
+  return /* @__PURE__ */ jsx69(ReorderRoot, { enabled: reorder.enabled || reorderColumns && showHeader, children: /* @__PURE__ */ jsx69(SurfaceDepthProvider, { value: depth, children: tier.provide(
+    /* @__PURE__ */ jsxs54(
       "div",
       {
         ...rest,
@@ -25046,11 +25433,38 @@ function DataTable({
           "scroll-height": fillHeight ? "fill" : void 0
         }),
         children: [
-          toolbar != null || toolbarChips != null ? /* @__PURE__ */ jsxs53("div", { className: DataTable_default.toolbar, children: [
-            toolbar != null ? /* @__PURE__ */ jsx68(ToolRow, { children: toolbar }) : null,
-            toolbarChips != null ? /* @__PURE__ */ jsx68(ToolChips, { children: toolbarChips }) : null
-          ] }) : null,
-          /* @__PURE__ */ jsx68("div", { className: cx(fieldTierClass, DataTable_default.frame), "data-size": compactTier(size), children: /* @__PURE__ */ jsxs53(
+          hasToolbar ? /* @__PURE__ */ jsxs54(
+            "div",
+            {
+              ref: toolbarPresence.ref,
+              className: cx(DataTable_default.toolbar, toolbarPresence.className),
+              children: [
+                toolbar != null || showSelectionActions ? /* @__PURE__ */ jsxs54(ToolRow, { children: [
+                  toolbar,
+                  showSelectionActions ? /* @__PURE__ */ jsx69(
+                    ToolCell,
+                    {
+                      ref: selectionActions.ref,
+                      className: selectionActions.className,
+                      children: /* @__PURE__ */ jsx69(
+                        SelectionMenu,
+                        {
+                          selected: selectedKeys,
+                          actions: renderSelectionActions(selectedKeys),
+                          onClear: selection.clear,
+                          labels,
+                          size
+                        }
+                      )
+                    },
+                    "\\u0000selection"
+                  ) : null
+                ] }) : null,
+                toolbarChips != null ? /* @__PURE__ */ jsx69(ToolChips, { children: toolbarChips }) : null
+              ]
+            }
+          ) : null,
+          /* @__PURE__ */ jsx69("div", { className: cx(fieldTierClass, DataTable_default.frame), "data-size": compactTier(size), children: /* @__PURE__ */ jsxs54(
             ScrollContainer,
             {
               ref: scrollRef,
@@ -25061,7 +25475,7 @@ function DataTable({
               "data-size": "xs",
               style: { maxHeight: typeof maxHeight === "number" ? `${maxHeight}px` : maxHeight },
               children: [
-                /* @__PURE__ */ jsxs53(
+                /* @__PURE__ */ jsxs54(
                   "table",
                   {
                     ref: mergedTableRef,
@@ -25071,14 +25485,14 @@ function DataTable({
                     "aria-rowcount": virtualized ? flatRows.length + headRows : void 0,
                     ...columnHover,
                     children: [
-                      /* @__PURE__ */ jsxs53("colgroup", { children: [
-                        gripStart ? /* @__PURE__ */ jsx68("col", {}) : null,
-                        selectable ? /* @__PURE__ */ jsx68("col", {}) : null,
-                        expandEnabled ? /* @__PURE__ */ jsx68("col", {}) : null,
-                        columns.map((column) => /* @__PURE__ */ jsx68("col", { "data-grow": column.grow ? "true" : void 0 }, column.id)),
-                        endCell ? /* @__PURE__ */ jsx68("col", {}) : null
+                      /* @__PURE__ */ jsxs54("colgroup", { children: [
+                        gripStart ? /* @__PURE__ */ jsx69("col", {}) : null,
+                        selectable ? /* @__PURE__ */ jsx69("col", {}) : null,
+                        expandEnabled ? /* @__PURE__ */ jsx69("col", {}) : null,
+                        columns.map((column) => /* @__PURE__ */ jsx69("col", { "data-grow": column.grow ? "true" : void 0 }, column.id)),
+                        endCell ? /* @__PURE__ */ jsx69("col", {}) : null
                       ] }),
-                      showHeader ? /* @__PURE__ */ jsx68(
+                      showHeader ? /* @__PURE__ */ jsx69(
                         Head,
                         {
                           columns,
@@ -25103,7 +25517,7 @@ function DataTable({
                           } : void 0
                         }
                       ) : null,
-                      reorder.enabled && bodyState === "rows" ? /* @__PURE__ */ jsx68(React77.Fragment, { children: segments.map((segment) => /* @__PURE__ */ jsx68(
+                      reorder.enabled && bodyState === "rows" ? /* @__PURE__ */ jsx69(React77.Fragment, { children: segments.map((segment) => /* @__PURE__ */ jsx69(
                         ReorderBody,
                         {
                           entries: segment.rows,
@@ -25117,10 +25531,10 @@ function DataTable({
                           className: swapClass
                         },
                         `group-${String(segment.key)}`
-                      )) }, bodyKey) : groups && bodyState === "rows" ? /* @__PURE__ */ jsx68(React77.Fragment, { children: segments.map((segment) => /* @__PURE__ */ jsxs53("tbody", { className: swapClass, children: [
+                      )) }, bodyKey) : groups && bodyState === "rows" ? /* @__PURE__ */ jsx69(React77.Fragment, { children: segments.map((segment) => /* @__PURE__ */ jsxs54("tbody", { className: swapClass, children: [
                         groupHeader(segment),
                         segment.rows.map(({ item, index }) => renderRow(item, index))
-                      ] }, `group-${String(segment.key)}`)) }, bodyKey) : /* @__PURE__ */ jsx68("tbody", { className: swapClass, ...trackFocus, children: bodyState === "rows" ? virtualized ? renderWindow() : flat.rows.map((item, index) => renderRow(item, index)) : /* @__PURE__ */ jsx68(
+                      ] }, `group-${String(segment.key)}`)) }, bodyKey) : /* @__PURE__ */ jsx69("tbody", { className: swapClass, ...trackFocus, children: bodyState === "rows" ? virtualized ? renderWindow() : flat.rows.map((item, index) => renderRow(item, index)) : /* @__PURE__ */ jsx69(
                         StateRows,
                         {
                           state: bodyState,
@@ -25140,7 +25554,7 @@ function DataTable({
                           )
                         }
                       ) }, bodyKey),
-                      flat.measure.length > 0 && !hasError ? /* @__PURE__ */ jsx68(
+                      flat.measure.length > 0 && !hasError ? /* @__PURE__ */ jsx69(
                         MeasureBody,
                         {
                           rows: flat.measure,
@@ -25154,7 +25568,7 @@ function DataTable({
                     ]
                   }
                 ),
-                infinite ? /* @__PURE__ */ jsx68(
+                infinite ? /* @__PURE__ */ jsx69(
                   "div",
                   {
                     ref: infiniteRows.sentinelRef,
@@ -25165,9 +25579,9 @@ function DataTable({
               ]
             }
           ) }),
-          showSkeleton ? /* @__PURE__ */ jsx68(VisuallyHidden, { live: "polite", children: labels.loading }) : null,
-          selectable ? /* @__PURE__ */ jsx68(VisuallyHidden, { live: "polite", children: selection.announcement }) : null,
-          /* @__PURE__ */ jsx68(
+          showSkeleton ? /* @__PURE__ */ jsx69(VisuallyHidden, { live: "polite", children: labels.loading }) : null,
+          selectable ? /* @__PURE__ */ jsx69(VisuallyHidden, { live: "polite", children: selection.announcement }) : null,
+          /* @__PURE__ */ jsx69(
             Footer,
             {
               range: showRange ? formatLabel(labels.range, {
@@ -25187,7 +25601,7 @@ function DataTable({
 
 // src/components/data-table/DataTableColumnsMenu.tsx
 import * as React78 from "react";
-import { jsx as jsx69 } from "react/jsx-runtime";
+import { jsx as jsx70 } from "react/jsx-runtime";
 var CHOOSER_LABELS = {
   columns: DATA_TABLE_LABELS.columns,
   showColumns: DATA_TABLE_LABELS.showColumns,
@@ -25220,7 +25634,7 @@ function DataTableColumnsMenu({
     onReorder: (id, beforeId) => onColumnOrderChange(moveBefore(ids, id, beforeId, idOf3)),
     reset: ids.join("\0") === defaultOrder.join("\0") ? null : () => onColumnOrderChange(defaultOrder)
   } : null;
-  return /* @__PURE__ */ jsx69(
+  return /* @__PURE__ */ jsx70(
     ColumnsMenu,
     {
       columns: ordered,
@@ -25250,7 +25664,7 @@ var DescriptionList_default = {
 };
 
 // src/components/description-list/DescriptionList.tsx
-import { Fragment as Fragment35, jsx as jsx70, jsxs as jsxs54 } from "react/jsx-runtime";
+import { Fragment as Fragment37, jsx as jsx71, jsxs as jsxs55 } from "react/jsx-runtime";
 var DESCRIPTION_LIST_LABELS = {
   empty: "\u2014",
   emptyText: "\u041D\u0435 \u0443\u043A\u0430\u0437\u0430\u043D\u043E"
@@ -25270,13 +25684,13 @@ function DescriptionListRoot({
 }) {
   const { size, provide } = useHostTier(sizeProp);
   const mergedLabels = useLabels(DESCRIPTION_LIST_LABELS, labels);
-  return /* @__PURE__ */ jsx70(
+  return /* @__PURE__ */ jsx71(
     "dl",
     {
       ...rest,
       className: cx(fieldTierClass, DescriptionList_default.root, className),
       ...toDataAttributes({ size, orientation, align: align === "end" ? align : void 0 }),
-      children: /* @__PURE__ */ jsx70(DescriptionListContext.Provider, { value: { size, labels: mergedLabels }, children: provide(children) })
+      children: /* @__PURE__ */ jsx71(DescriptionListContext.Provider, { value: { size, labels: mergedLabels }, children: provide(children) })
     }
   );
 }
@@ -25290,21 +25704,21 @@ function DescriptionListItem({ label, children, className, ...rest }) {
   );
   const value = parts.filter((child) => child !== action);
   const empty = value.length === 0 || value.every(isEmptyValue);
-  return /* @__PURE__ */ jsxs54("div", { ...rest, className: cx(DescriptionList_default.item, className), children: [
-    /* @__PURE__ */ jsx70("dt", { className: DescriptionList_default.label, children: label }),
-    /* @__PURE__ */ jsxs54("dd", { className: DescriptionList_default.value, "data-empty": empty || void 0, children: [
-      /* @__PURE__ */ jsx70("span", { className: DescriptionList_default.text, children: empty ? /* @__PURE__ */ jsxs54(Fragment35, { children: [
-        /* @__PURE__ */ jsx70("span", { "aria-hidden": "true", children: labels.empty }),
-        /* @__PURE__ */ jsx70(VisuallyHidden, { children: labels.emptyText })
+  return /* @__PURE__ */ jsxs55("div", { ...rest, className: cx(DescriptionList_default.item, className), children: [
+    /* @__PURE__ */ jsx71("dt", { className: DescriptionList_default.label, children: label }),
+    /* @__PURE__ */ jsxs55("dd", { className: DescriptionList_default.value, "data-empty": empty || void 0, children: [
+      /* @__PURE__ */ jsx71("span", { className: DescriptionList_default.text, children: empty ? /* @__PURE__ */ jsxs55(Fragment37, { children: [
+        /* @__PURE__ */ jsx71("span", { "aria-hidden": "true", children: labels.empty }),
+        /* @__PURE__ */ jsx71(VisuallyHidden, { children: labels.emptyText })
       ] }) : value }),
-      action ? /* @__PURE__ */ jsx70("span", { className: DescriptionList_default.action, children: action }) : null
+      action ? /* @__PURE__ */ jsx71("span", { className: DescriptionList_default.action, children: action }) : null
     ] })
   ] });
 }
 DescriptionListItem.displayName = "DescriptionList.Item";
 function DescriptionListItemAction({ label, children, ...rest }) {
   const { size } = React79.useContext(DescriptionListContext);
-  return /* @__PURE__ */ jsx70(RowAction, { ...rest, label, size, children });
+  return /* @__PURE__ */ jsx71(RowAction, { ...rest, label, size, children });
 }
 DescriptionListItemAction.displayName = "DescriptionList.ItemAction";
 var DescriptionList = {
@@ -25325,7 +25739,7 @@ var DigitInput_default = {
 };
 
 // src/components/digit-input/DigitInput.tsx
-import { jsx as jsx71, jsxs as jsxs55 } from "react/jsx-runtime";
+import { jsx as jsx72, jsxs as jsxs56 } from "react/jsx-runtime";
 var DIGIT_INPUT_LABELS = {
   group: "\u041A\u043E\u0434",
   cell: "\u0426\u0438\u0444\u0440\u0430 {index} \u0438\u0437 {length}",
@@ -25410,6 +25824,13 @@ function DigitInput({
     if (next.length === length && !wasComplete) check(next);
   };
   const cells = Array.from({ length }, (_, index) => value[index] ?? "");
+  const [mountCells] = React80.useState(cells);
+  const [touched2, setTouched] = React80.useState(() => /* @__PURE__ */ new Set());
+  const changed = cells.flatMap(
+    (cell, index) => cell !== mountCells[index] && !touched2.has(index) ? [index] : []
+  );
+  if (changed.length > 0) setTouched(/* @__PURE__ */ new Set([...touched2, ...changed]));
+  const inks = (index) => cells[index] !== "" && (touched2.has(index) || cells[index] !== mountCells[index]);
   const inputRefs = React80.useRef([]);
   const pendingFocusRef = React80.useRef(null);
   React80.useLayoutEffect(() => {
@@ -25470,7 +25891,7 @@ function DigitInput({
     commit(nextCells.join(""));
   };
   return tier.provide(
-    /* @__PURE__ */ jsx71(
+    /* @__PURE__ */ jsx72(
       FieldFrame,
       {
         ...rest,
@@ -25486,7 +25907,7 @@ function DigitInput({
         optionalLabel: labels.optional,
         className: cx(DigitInput_default.frame, className),
         "data-full-width": fullWidth || void 0,
-        children: /* @__PURE__ */ jsxs55(
+        children: /* @__PURE__ */ jsxs56(
           "fieldset",
           {
             "aria-label": ids.labelledBy ? void 0 : labels.group,
@@ -25513,7 +25934,7 @@ function DigitInput({
               if (!event.currentTarget.contains(event.relatedTarget)) setFocusIndex(null);
             },
             children: [
-              /* @__PURE__ */ jsx71(
+              /* @__PURE__ */ jsx72(
                 "span",
                 {
                   ref: ringRef,
@@ -25522,8 +25943,8 @@ function DigitInput({
                   "data-visible": focusIndex !== null || void 0
                 }
               ),
-              name ? /* @__PURE__ */ jsx71("input", { type: "hidden", name, value }) : null,
-              cells.map((cell, index) => /* @__PURE__ */ jsx71(
+              name ? /* @__PURE__ */ jsx72("input", { type: "hidden", name, value }) : null,
+              cells.map((cell, index) => /* @__PURE__ */ jsx72(
                 "input",
                 {
                   ref: (el) => {
@@ -25544,7 +25965,7 @@ function DigitInput({
                     fieldSurfaceClass,
                     fieldCodeCellClass,
                     DigitInput_default.cell,
-                    cell ? enterMotion_default.enterInk : void 0
+                    inks(index) ? enterMotion_default.enterInk : void 0
                   ),
                   "data-focus-ring": "false",
                   style: { "--digit-i": index },
@@ -25584,7 +26005,7 @@ function DigitInput({
                 },
                 index
               )),
-              /* @__PURE__ */ jsx71(VisuallyHidden, { live: "polite", children: verification?.state === "refused" ? verification.reason : "" })
+              /* @__PURE__ */ jsx72(VisuallyHidden, { live: "polite", children: verification?.state === "refused" ? verification.reason : "" })
             ]
           }
         )
@@ -25599,10 +26020,10 @@ var Drawer_default = {
 };
 
 // src/components/drawer/Drawer.tsx
-import { jsx as jsx72 } from "react/jsx-runtime";
+import { jsx as jsx73 } from "react/jsx-runtime";
 function DrawerRoot({ children, ...options }) {
   const state = useDialogRoot(options);
-  return /* @__PURE__ */ jsx72(DialogRootProvider, { value: state, children });
+  return /* @__PURE__ */ jsx73(DialogRootProvider, { value: state, children });
 }
 DrawerRoot.displayName = "Drawer.Root";
 function DrawerContent({
@@ -25610,7 +26031,7 @@ function DrawerContent({
   size = OVERLAY_CONTENT_SIZE,
   ...props
 }) {
-  return /* @__PURE__ */ jsx72(
+  return /* @__PURE__ */ jsx73(
     DialogPanel,
     {
       ...props,
@@ -25618,6 +26039,7 @@ function DrawerContent({
       panelClassName: Drawer_default.panel,
       swipe: "never",
       footerLayout: "end",
+      focusStart: "container",
       "data-side": side,
       "data-size": size
     }
@@ -25671,7 +26093,7 @@ var ExampleFrame_default = {
 };
 
 // src/components/example-frame/ExampleFrame.tsx
-import { jsx as jsx73, jsxs as jsxs56 } from "react/jsx-runtime";
+import { jsx as jsx74, jsxs as jsxs57 } from "react/jsx-runtime";
 var VIEWPORTS = ["desktop", "tablet", "mobile"];
 var EXAMPLE_FRAME_LABELS = {
   paneSwitch: "\u0412\u0438\u0434 \u043F\u0440\u0438\u043C\u0435\u0440\u0430",
@@ -25808,8 +26230,8 @@ function ExampleFrame({
     previousScheme.current = colorScheme;
     if (rootRef.current) suspendTransitions(rootRef.current);
   }, [colorScheme]);
-  return /* @__PURE__ */ jsxs56("div", { ...rest, ref: mergedRef, className: cx(ExampleFrame_default.root, className), "data-depth": depth, children: [
-    /* @__PURE__ */ jsx73(
+  return /* @__PURE__ */ jsxs57("div", { ...rest, ref: mergedRef, className: cx(ExampleFrame_default.root, className), "data-depth": depth, children: [
+    /* @__PURE__ */ jsx74(
       ExampleFrameToolbar,
       {
         code,
@@ -25823,7 +26245,7 @@ function ExampleFrame({
         onCopy
       }
     ),
-    /* @__PURE__ */ jsx73(RegionSwap, { state: pane, children: pane === "preview" ? /* @__PURE__ */ jsx73("div", { className: ExampleFrame_default.previewViewport, "data-viewport": viewport2, children: /* @__PURE__ */ jsx73(
+    /* @__PURE__ */ jsx74(RegionSwap, { state: pane, children: pane === "preview" ? /* @__PURE__ */ jsx74("div", { className: ExampleFrame_default.previewViewport, "data-viewport": viewport2, children: /* @__PURE__ */ jsx74(
       ScrollContainer,
       {
         ref: stageRef,
@@ -25833,12 +26255,12 @@ function ExampleFrame({
         "data-preview-layout": previewLayout,
         "data-theme": colorScheme,
         "data-depth": stageDepth,
-        children: /* @__PURE__ */ jsx73(SurfaceDepthProvider, { value: stageDepth, children: /* @__PURE__ */ jsx73(AppShellBoundary, { children }) })
+        children: /* @__PURE__ */ jsx74(SurfaceDepthProvider, { value: stageDepth, children: /* @__PURE__ */ jsx74(AppShellBoundary, { children }) })
       }
     ) }) : (
       // Plain CodeBlock is not focusable itself; the scrolling pane takes keyboard focus
       // instead. The pane carries the theme, so the block inherits it (and trims the source).
-      /* @__PURE__ */ jsx73(
+      /* @__PURE__ */ jsx74(
         ScrollContainer,
         {
           as: "section",
@@ -25848,7 +26270,7 @@ function ExampleFrame({
           "data-theme": colorScheme,
           tabIndex: 0,
           "aria-label": labels.codeRegion,
-          children: /* @__PURE__ */ jsx73(CodeBlock, { variant: "ghost", code })
+          children: /* @__PURE__ */ jsx74(CodeBlock, { variant: "ghost", code })
         }
       )
     ) })
@@ -25887,9 +26309,9 @@ function ExampleFrameToolbar({
   const copyLabel = copyState === "copied" ? labels.copied : copyState === "error" ? labels.copyError : labels.copy;
   const themeGlyph = colorScheme === "light" ? "theme.dark" : "theme.light";
   const copyGlyph = copyState === "copied" ? "action.check" : "action.copy";
-  return /* @__PURE__ */ jsxs56("div", { ref: toolbarRef, className: ExampleFrame_default.toolbar, "data-narrow": narrow || void 0, children: [
-    /* @__PURE__ */ jsxs56("div", { className: ExampleFrame_default.toolbarLine1, children: [
-      /* @__PURE__ */ jsxs56(
+  return /* @__PURE__ */ jsxs57("div", { ref: toolbarRef, className: ExampleFrame_default.toolbar, "data-narrow": narrow || void 0, children: [
+    /* @__PURE__ */ jsxs57("div", { className: ExampleFrame_default.toolbarLine1, children: [
+      /* @__PURE__ */ jsxs57(
         SegmentedControl.Root,
         {
           className: ExampleFrame_default.toolbarPaneSegment,
@@ -25899,19 +26321,19 @@ function ExampleFrameToolbar({
           size: "s",
           "aria-label": labels.paneSwitch,
           children: [
-            /* @__PURE__ */ jsxs56(SegmentedControl.Item, { value: "preview", children: [
-              /* @__PURE__ */ jsx73(SegmentedControl.Icon, { children: /* @__PURE__ */ jsx73(Icon, { name: "view.preview" }) }),
+            /* @__PURE__ */ jsxs57(SegmentedControl.Item, { value: "preview", children: [
+              /* @__PURE__ */ jsx74(SegmentedControl.Icon, { children: /* @__PURE__ */ jsx74(Icon, { name: "view.preview" }) }),
               labels.preview
             ] }),
-            /* @__PURE__ */ jsxs56(SegmentedControl.Item, { value: "code", children: [
-              /* @__PURE__ */ jsx73(SegmentedControl.Icon, { children: /* @__PURE__ */ jsx73(Icon, { name: "view.code" }) }),
+            /* @__PURE__ */ jsxs57(SegmentedControl.Item, { value: "code", children: [
+              /* @__PURE__ */ jsx74(SegmentedControl.Icon, { children: /* @__PURE__ */ jsx74(Icon, { name: "view.code" }) }),
               labels.code
             ] })
           ]
         }
       ),
-      /* @__PURE__ */ jsxs56("div", { className: ExampleFrame_default.toolbarLine1End, children: [
-        onColorSchemeChange ? /* @__PURE__ */ jsx73(
+      /* @__PURE__ */ jsxs57("div", { className: ExampleFrame_default.toolbarLine1End, children: [
+        onColorSchemeChange ? /* @__PURE__ */ jsx74(
           Button.Root,
           {
             variant: "soft",
@@ -25920,10 +26342,10 @@ function ExampleFrameToolbar({
             size: "s",
             onClick: () => onColorSchemeChange(colorScheme === "light" ? "dark" : "light"),
             "aria-label": colorScheme === "light" ? labels.themeDark : labels.themeLight,
-            children: /* @__PURE__ */ jsx73(Button.Icon, { children: /* @__PURE__ */ jsx73(Icon, { name: themeGlyph, size: "s", tone: "secondary" }) })
+            children: /* @__PURE__ */ jsx74(Button.Icon, { children: /* @__PURE__ */ jsx74(Icon, { name: themeGlyph, size: "s", tone: "secondary" }) })
           }
         ) : null,
-        /* @__PURE__ */ jsx73(
+        /* @__PURE__ */ jsx74(
           Button.Root,
           {
             variant: "soft",
@@ -25932,12 +26354,12 @@ function ExampleFrameToolbar({
             size: "s",
             onClick: handleCopy,
             "aria-label": copyLabel,
-            children: /* @__PURE__ */ jsx73(Button.Icon, { "data-copy-state": copyState, children: /* @__PURE__ */ jsx73(Icon, { name: copyGlyph, size: "s", tone: "secondary" }) })
+            children: /* @__PURE__ */ jsx74(Button.Icon, { "data-copy-state": copyState, children: /* @__PURE__ */ jsx74(Icon, { name: copyGlyph, size: "s", tone: "secondary" }) })
           }
         )
       ] })
     ] }),
-    pane === "preview" ? /* @__PURE__ */ jsx73(
+    pane === "preview" ? /* @__PURE__ */ jsx74(
       SegmentedControl.Root,
       {
         className: ExampleFrame_default.toolbarViewportSegment,
@@ -25946,8 +26368,8 @@ function ExampleFrameToolbar({
         onValueChange: (v) => onViewportChange(v),
         size: "s",
         "aria-label": labels.viewportSwitch,
-        children: VIEWPORTS.map((option) => /* @__PURE__ */ jsxs56(SegmentedControl.Item, { value: option, children: [
-          /* @__PURE__ */ jsx73(SegmentedControl.Icon, { children: /* @__PURE__ */ jsx73(Icon, { name: `viewport.${option}` }) }),
+        children: VIEWPORTS.map((option) => /* @__PURE__ */ jsxs57(SegmentedControl.Item, { value: option, children: [
+          /* @__PURE__ */ jsx74(SegmentedControl.Icon, { children: /* @__PURE__ */ jsx74(Icon, { name: `viewport.${option}` }) }),
           labels[option]
         ] }, option))
       }
@@ -25985,7 +26407,7 @@ var FieldList_default = {
 };
 
 // src/components/field-list/FieldList.tsx
-import { Fragment as Fragment37, jsx as jsx74, jsxs as jsxs57 } from "react/jsx-runtime";
+import { Fragment as Fragment39, jsx as jsx75, jsxs as jsxs58 } from "react/jsx-runtime";
 var FIELD_LIST_LABELS = {
   remove: "\u0423\u0434\u0430\u043B\u0438\u0442\u044C: {row}",
   reorder: "\u041F\u0435\u0440\u0435\u043C\u0435\u0441\u0442\u0438\u0442\u044C: {row}",
@@ -26038,7 +26460,7 @@ var flipRows2 = (list) => list.querySelectorAll(":scope > li[data-fl-row]:not([d
 var flipRowKey2 = (row) => row.dataset.flRow;
 var GRIP_TIER = "xs";
 function GripBox({ children }) {
-  return /* @__PURE__ */ jsx74("span", { className: cx(fieldTierClass, FieldList_default.grip), "data-size": GRIP_TIER, children });
+  return /* @__PURE__ */ jsx75("span", { className: cx(fieldTierClass, FieldList_default.grip), "data-size": GRIP_TIER, children });
 }
 function placesOf(columns) {
   const main = columns.findIndex((column) => column.width !== "compact");
@@ -26280,8 +26702,8 @@ function FieldList({
     if (menu) {
       const canUp = canMove(index, -1);
       const canDown = canMove(index, 1);
-      action = /* @__PURE__ */ jsxs57(Dropdown.Root, { children: [
-        /* @__PURE__ */ jsx74(Dropdown.Trigger, { children: /* @__PURE__ */ jsx74(
+      action = /* @__PURE__ */ jsxs58(Dropdown.Root, { children: [
+        /* @__PURE__ */ jsx75(Dropdown.Trigger, { children: /* @__PURE__ */ jsx75(
           Button.Root,
           {
             variant: "ghost",
@@ -26296,32 +26718,32 @@ function FieldList({
               event.preventDefault();
               move(id, event.key === "ArrowUp" ? -1 : 1);
             },
-            children: /* @__PURE__ */ jsx74(Button.Icon, { children: /* @__PURE__ */ jsx74(Icon, { name: "action.more" }) })
+            children: /* @__PURE__ */ jsx75(Button.Icon, { children: /* @__PURE__ */ jsx75(Icon, { name: "action.more" }) })
           }
         ) }),
-        /* @__PURE__ */ jsxs57(Dropdown.Content, { align: "end", children: [
-          reorderable ? /* @__PURE__ */ jsxs57(Fragment37, { children: [
-            /* @__PURE__ */ jsxs57(Dropdown.Item, { disabled: !canUp, onSelect: () => move(id, -1), children: [
-              /* @__PURE__ */ jsx74(Dropdown.ItemIcon, { children: /* @__PURE__ */ jsx74(Icon, { name: "nav.chevronUp" }) }),
+        /* @__PURE__ */ jsxs58(Dropdown.Content, { align: "end", children: [
+          reorderable ? /* @__PURE__ */ jsxs58(Fragment39, { children: [
+            /* @__PURE__ */ jsxs58(Dropdown.Item, { disabled: !canUp, onSelect: () => move(id, -1), children: [
+              /* @__PURE__ */ jsx75(Dropdown.ItemIcon, { children: /* @__PURE__ */ jsx75(Icon, { name: "nav.chevronUp" }) }),
               labels.moveUp,
-              /* @__PURE__ */ jsx74(Dropdown.ItemShortcut, { children: "Alt \u2191" })
+              /* @__PURE__ */ jsx75(Dropdown.ItemShortcut, { children: "Alt \u2191" })
             ] }),
-            /* @__PURE__ */ jsxs57(Dropdown.Item, { disabled: !canDown, onSelect: () => move(id, 1), children: [
-              /* @__PURE__ */ jsx74(Dropdown.ItemIcon, { children: /* @__PURE__ */ jsx74(Icon, { name: "nav.chevronDown" }) }),
+            /* @__PURE__ */ jsxs58(Dropdown.Item, { disabled: !canDown, onSelect: () => move(id, 1), children: [
+              /* @__PURE__ */ jsx75(Dropdown.ItemIcon, { children: /* @__PURE__ */ jsx75(Icon, { name: "nav.chevronDown" }) }),
               labels.moveDown,
-              /* @__PURE__ */ jsx74(Dropdown.ItemShortcut, { children: "Alt \u2193" })
+              /* @__PURE__ */ jsx75(Dropdown.ItemShortcut, { children: "Alt \u2193" })
             ] }),
-            /* @__PURE__ */ jsx74(Dropdown.Separator, {})
+            /* @__PURE__ */ jsx75(Dropdown.Separator, {})
           ] }) : null,
-          /* @__PURE__ */ jsxs57(Dropdown.Item, { tone: "danger", disabled: removeOff, onSelect: () => remove(id), children: [
-            /* @__PURE__ */ jsx74(Dropdown.ItemIcon, { children: /* @__PURE__ */ jsx74(Icon, { name: "action.delete" }) }),
+          /* @__PURE__ */ jsxs58(Dropdown.Item, { tone: "danger", disabled: removeOff, onSelect: () => remove(id), children: [
+            /* @__PURE__ */ jsx75(Dropdown.ItemIcon, { children: /* @__PURE__ */ jsx75(Icon, { name: "action.delete" }) }),
             labels.removeItem,
-            reason ? /* @__PURE__ */ jsx74(Dropdown.ItemDescription, { children: reason }) : null
+            reason ? /* @__PURE__ */ jsx75(Dropdown.ItemDescription, { children: reason }) : null
           ] })
         ] })
       ] });
     } else {
-      const removeButton = /* @__PURE__ */ jsx74(
+      const removeButton = /* @__PURE__ */ jsx75(
         Button.Root,
         {
           variant: "ghost",
@@ -26330,22 +26752,22 @@ function FieldList({
           disabled: removeOff,
           onClick: () => remove(id),
           "data-fl-action": "",
-          children: /* @__PURE__ */ jsx74(Button.Icon, { children: /* @__PURE__ */ jsx74(Icon, { name: "action.close" }) })
+          children: /* @__PURE__ */ jsx75(Button.Icon, { children: /* @__PURE__ */ jsx75(Icon, { name: "action.close" }) })
         }
       );
-      action = reason ? /* @__PURE__ */ jsxs57(Tooltip.Root, { children: [
-        /* @__PURE__ */ jsx74(Tooltip.Trigger, { children: removeButton }),
-        /* @__PURE__ */ jsx74(Tooltip.Content, { children: reason })
+      action = reason ? /* @__PURE__ */ jsxs58(Tooltip.Root, { children: [
+        /* @__PURE__ */ jsx75(Tooltip.Trigger, { children: removeButton }),
+        /* @__PURE__ */ jsx75(Tooltip.Content, { children: reason })
       ] }) : removeButton;
     }
-    const content = /* @__PURE__ */ jsxs57(Fragment37, { children: [
-      /* @__PURE__ */ jsx74("div", { className: FieldList_default.cells, "data-fl-cells": "", children: cells.map((cell, column) => {
+    const content = /* @__PURE__ */ jsxs58(Fragment39, { children: [
+      /* @__PURE__ */ jsx75("div", { className: FieldList_default.cells, "data-fl-cells": "", children: cells.map((cell, column) => {
         const heading = columns[column];
-        return /* @__PURE__ */ jsx74(
+        return /* @__PURE__ */ jsx75(
           FieldCellContext,
           {
             value: cellValue(heading?.label ?? "", single, Boolean(heading?.required)),
-            children: /* @__PURE__ */ jsx74(
+            children: /* @__PURE__ */ jsx75(
               "div",
               {
                 className: FieldList_default.cell,
@@ -26358,8 +26780,8 @@ function FieldList({
           column
         );
       }) }),
-      /* @__PURE__ */ jsx74("span", { className: FieldList_default.end, children: action }),
-      grip ? /* @__PURE__ */ jsx74(GripBox, { children: /* @__PURE__ */ jsx74(
+      /* @__PURE__ */ jsx75("span", { className: FieldList_default.end, children: action }),
+      grip ? /* @__PURE__ */ jsx75(GripBox, { children: /* @__PURE__ */ jsx75(
         Dnd.Handle,
         {
           "aria-label": formatLabel(labels.reorder, { row: name }),
@@ -26383,6 +26805,8 @@ function FieldList({
         fieldTierClass,
         FieldList_default.row,
         FieldList_default.record,
+        // A list on its own fill draws lines between its rows; a plain one only once they stack
+        // (its one-line rows are parted by air: FieldList.module.css).
         hairline_default.between,
         presence.entering.has(id) && enterMotion_default.enter
       ),
@@ -26392,9 +26816,9 @@ function FieldList({
       "data-locked": locked || void 0,
       "data-single": single || void 0
     };
-    return grip ? /* @__PURE__ */ jsx74(Dnd.SortableItem, { id, locked, ...rowProps, children: content }, id) : /* @__PURE__ */ jsx74("li", { ...rowProps, children: content }, id);
+    return grip ? /* @__PURE__ */ jsx75(Dnd.SortableItem, { id, locked, ...rowProps, children: content }, id) : /* @__PURE__ */ jsx75("li", { ...rowProps, children: content }, id);
   };
-  const sheet = /* @__PURE__ */ jsxs57(
+  const sheet = /* @__PURE__ */ jsxs58(
     "div",
     {
       className: FieldList_default.sheet,
@@ -26402,7 +26826,7 @@ function FieldList({
       "data-depth": surface ? depth : void 0,
       "data-empty": items.length === 0 || void 0,
       children: [
-        hasHead ? /* @__PURE__ */ jsxs57(
+        hasHead ? /* @__PURE__ */ jsxs58(
           "div",
           {
             ref: head.ref,
@@ -26411,7 +26835,7 @@ function FieldList({
             "data-size": size,
             "aria-hidden": "true",
             children: [
-              /* @__PURE__ */ jsx74("div", { className: FieldList_default.cells, children: columns.map((column, index) => /* @__PURE__ */ jsx74(
+              /* @__PURE__ */ jsx75("div", { className: FieldList_default.cells, children: columns.map((column, index) => /* @__PURE__ */ jsx75(
                 Label.Root,
                 {
                   size,
@@ -26424,12 +26848,12 @@ function FieldList({
                 },
                 index
               )) }),
-              /* @__PURE__ */ jsx74("span", {}),
-              grip ? /* @__PURE__ */ jsx74(GripBox, {}) : null
+              /* @__PURE__ */ jsx75("span", {}),
+              grip ? /* @__PURE__ */ jsx75(GripBox, {}) : null
             ]
           }
         ) : null,
-        grip ? /* @__PURE__ */ jsx74(Dnd.Root, { children: /* @__PURE__ */ jsx74(
+        grip ? /* @__PURE__ */ jsx75(Dnd.Root, { children: /* @__PURE__ */ jsx75(
           Dnd.Sortable,
           {
             role: "list",
@@ -26444,7 +26868,7 @@ function FieldList({
             onReorder: (id, beforeId) => setItems((current) => moveBefore(current, id, beforeId, getId)),
             renderItem: renderRow
           }
-        ) }) : /* @__PURE__ */ jsx74(
+        ) }) : /* @__PURE__ */ jsx75(
           "ol",
           {
             ref: setListElement,
@@ -26456,7 +26880,7 @@ function FieldList({
         ),
         totalCells ? (
           // biome-ignore lint/a11y/useSemanticElements: a row of figures, not a form fieldset
-          /* @__PURE__ */ jsxs57(
+          /* @__PURE__ */ jsxs58(
             "div",
             {
               ref: totals.ref,
@@ -26466,29 +26890,29 @@ function FieldList({
               style: trackStyle,
               "data-size": size,
               children: [
-                /* @__PURE__ */ jsx74("div", { className: FieldList_default.cells, children: totalCells.map((total, column) => {
+                /* @__PURE__ */ jsx75("div", { className: FieldList_default.cells, children: totalCells.map((total, column) => {
                   const heading = columns[column];
                   const shown = hasContent(total);
-                  return /* @__PURE__ */ jsx74(
+                  return /* @__PURE__ */ jsx75(
                     "div",
                     {
                       className: cx(FieldList_default.cell, FieldList_default.total),
                       "data-width": heading?.width ?? "fill",
                       "data-empty": !shown && column > 0 || void 0,
                       "data-align": endColumns[column] === "1" ? "end" : void 0,
-                      children: shown ? /* @__PURE__ */ jsxs57(Fragment37, { children: [
-                        /* @__PURE__ */ jsx74("span", { className: cx(visuallyHiddenClass, FieldList_default.totalName), children: heading?.label }),
-                        /* @__PURE__ */ jsx74("span", { className: FieldList_default.totalValue, children: total })
+                      children: shown ? /* @__PURE__ */ jsxs58(Fragment39, { children: [
+                        /* @__PURE__ */ jsx75("span", { className: cx(visuallyHiddenClass, FieldList_default.totalName), children: heading?.label }),
+                        /* @__PURE__ */ jsx75("span", { className: FieldList_default.totalValue, children: total })
                       ] }) : column === 0 ? (
                         // The group's name says it to screen readers.
-                        /* @__PURE__ */ jsx74("span", { className: FieldList_default.totalsLabel, "aria-hidden": "true", children: labels.totals })
+                        /* @__PURE__ */ jsx75("span", { className: FieldList_default.totalsLabel, "aria-hidden": "true", children: labels.totals })
                       ) : null
                     },
                     column
                   );
                 }) }),
-                /* @__PURE__ */ jsx74("span", { className: cx(FieldList_default.end, FieldList_default.totalsEnd) }),
-                grip ? /* @__PURE__ */ jsx74(GripBox, {}) : null
+                /* @__PURE__ */ jsx75("span", { className: cx(FieldList_default.end, FieldList_default.totalsEnd) }),
+                grip ? /* @__PURE__ */ jsx75(GripBox, {}) : null
               ]
             }
           )
@@ -26497,7 +26921,7 @@ function FieldList({
     }
   );
   return tier.provide(
-    /* @__PURE__ */ jsx74(DisabledProvider, { disabled, children: /* @__PURE__ */ jsx74(
+    /* @__PURE__ */ jsx75(DisabledProvider, { disabled, children: /* @__PURE__ */ jsx75(
       FieldFrame,
       {
         ...rest,
@@ -26513,10 +26937,10 @@ function FieldList({
         group: true,
         className: cx(FieldList_default.root, className),
         ...toDataAttributes({ disabled: disabled || void 0 }),
-        children: /* @__PURE__ */ jsxs57("div", { ref: bodyRef, className: FieldList_default.body, children: [
-          surface ? /* @__PURE__ */ jsx74(SurfaceDepthProvider, { value: depth, children: sheet }) : sheet,
-          createItem ? /* @__PURE__ */ jsxs57("div", { className: FieldList_default.add, children: [
-            /* @__PURE__ */ jsxs57(
+        children: /* @__PURE__ */ jsxs58("div", { ref: bodyRef, className: FieldList_default.body, children: [
+          surface ? /* @__PURE__ */ jsx75(SurfaceDepthProvider, { value: depth, children: sheet }) : sheet,
+          createItem ? /* @__PURE__ */ jsxs58("div", { className: FieldList_default.add, children: [
+            /* @__PURE__ */ jsxs58(
               Button.Root,
               {
                 ref: addRef,
@@ -26525,14 +26949,14 @@ function FieldList({
                 disabled: disabled || atMax,
                 onClick: add,
                 children: [
-                  /* @__PURE__ */ jsx74(Button.Icon, { children: /* @__PURE__ */ jsx74(Icon, { name: "action.add" }) }),
+                  /* @__PURE__ */ jsx75(Button.Icon, { children: /* @__PURE__ */ jsx75(Icon, { name: "action.add" }) }),
                   addLabel
                 ]
               }
             ),
-            atMax && max !== void 0 ? /* @__PURE__ */ jsx74("span", { className: cx(textRole_default.caption, FieldList_default.limit), children: formatLabel(labels.maxReached, { max }) }) : null
+            atMax && max !== void 0 ? /* @__PURE__ */ jsx75("span", { className: cx(textRole_default.caption, FieldList_default.limit), children: formatLabel(labels.maxReached, { max }) }) : null
           ] }) : null,
-          menu && reorderable ? /* @__PURE__ */ jsx74(VisuallyHidden, { live: "polite", children: announcement }) : null
+          menu && reorderable ? /* @__PURE__ */ jsx75(VisuallyHidden, { live: "polite", children: announcement }) : null
         ] })
       }
     ) })
@@ -26563,7 +26987,7 @@ var Fieldset_default = {
 };
 
 // src/components/fieldset/Fieldset.tsx
-import { jsx as jsx75, jsxs as jsxs58 } from "react/jsx-runtime";
+import { jsx as jsx76, jsxs as jsxs59 } from "react/jsx-runtime";
 function Fieldset({
   label,
   description,
@@ -26577,7 +27001,7 @@ function Fieldset({
   const descriptionId = React83.useId();
   const hasDescription = hasContent(description);
   const describedBy = [ariaDescribedBy, hasDescription ? descriptionId : void 0].filter(Boolean).join(" ") || void 0;
-  return /* @__PURE__ */ jsxs58(
+  return /* @__PURE__ */ jsxs59(
     "fieldset",
     {
       ...rest,
@@ -26586,10 +27010,10 @@ function Fieldset({
       "aria-describedby": describedBy,
       ...toDataAttributes({ disabled: disabled || void 0 }),
       children: [
-        hasContent(label) ? /* @__PURE__ */ jsx75("legend", { className: cx(textRole_default.titleS, Fieldset_default.legend), children: label }) : null,
-        /* @__PURE__ */ jsxs58("div", { className: Fieldset_default.body, children: [
-          hasDescription ? /* @__PURE__ */ jsx75("p", { id: descriptionId, className: cx(textRole_default.bodyS, Fieldset_default.description), children: description }) : null,
-          /* @__PURE__ */ jsx75("div", { className: Fieldset_default.fields, children: /* @__PURE__ */ jsx75(DisabledProvider, { disabled, children }) })
+        hasContent(label) ? /* @__PURE__ */ jsx76("legend", { className: cx(textRole_default.titleS, Fieldset_default.legend), children: label }) : null,
+        /* @__PURE__ */ jsxs59("div", { className: Fieldset_default.body, children: [
+          hasDescription ? /* @__PURE__ */ jsx76("p", { id: descriptionId, className: cx(textRole_default.bodyS, Fieldset_default.description), children: description }) : null,
+          /* @__PURE__ */ jsx76("div", { className: Fieldset_default.fields, children: /* @__PURE__ */ jsx76(DisabledProvider, { disabled, children }) })
         ] })
       ]
     }
@@ -26882,7 +27306,7 @@ function visibleSegment(rect, viewport2) {
 }
 
 // src/components/gantt/GanttBar.tsx
-import { Fragment as Fragment38, jsx as jsx76, jsxs as jsxs59 } from "react/jsx-runtime";
+import { Fragment as Fragment40, jsx as jsx77, jsxs as jsxs60 } from "react/jsx-runtime";
 var EDIT_SHORTCUTS = [
   "Shift+ArrowLeft",
   "Shift+ArrowRight",
@@ -27048,8 +27472,8 @@ function GanttBarView({
     },
     [barRef]
   );
-  return /* @__PURE__ */ jsxs59(Fragment38, { children: [
-    guide !== null ? /* @__PURE__ */ jsx76(
+  return /* @__PURE__ */ jsxs60(Fragment40, { children: [
+    guide !== null ? /* @__PURE__ */ jsx77(
       "span",
       {
         className: Gantt_default.dayGuide,
@@ -27057,13 +27481,13 @@ function GanttBarView({
         "aria-hidden": "true"
       }
     ) : null,
-    /* @__PURE__ */ jsxs59(
+    /* @__PURE__ */ jsxs60(
       Tooltip.Root,
       {
         open: tipOpen || drag !== null,
         onOpenChange: (open) => setTipOpen(open && canShowTip(bar.id)),
         children: [
-          /* @__PURE__ */ jsx76(Tooltip.Trigger, { children: /* @__PURE__ */ jsxs59(
+          /* @__PURE__ */ jsx77(Tooltip.Trigger, { children: /* @__PURE__ */ jsxs60(
             "button",
             {
               ref: setNode,
@@ -27120,24 +27544,24 @@ function GanttBarView({
                 onActivate();
               },
               children: [
-                milestone ? /* @__PURE__ */ jsx76("span", { className: Gantt_default.diamond, "aria-hidden": "true" }) : null,
-                pending ? /* @__PURE__ */ jsx76(Spinner, { size: "xs", className: Gantt_default.spinner, "aria-hidden": "true" }) : null,
-                /* @__PURE__ */ jsx76("span", { className: Gantt_default.label, "data-gantt-label": "", "aria-hidden": "true", children: bar.label }),
-                editable && !milestone ? /* @__PURE__ */ jsxs59(Fragment38, { children: [
-                  /* @__PURE__ */ jsx76("span", { className: Gantt_default.handle, "data-handle": "start", "aria-hidden": "true" }),
-                  /* @__PURE__ */ jsx76("span", { className: Gantt_default.handle, "data-handle": "end", "aria-hidden": "true" })
+                milestone ? /* @__PURE__ */ jsx77("span", { className: Gantt_default.diamond, "aria-hidden": "true" }) : null,
+                pending ? /* @__PURE__ */ jsx77(Spinner, { size: "xs", className: Gantt_default.spinner, "aria-hidden": "true" }) : null,
+                /* @__PURE__ */ jsx77("span", { className: Gantt_default.label, "data-gantt-label": "", "aria-hidden": "true", children: bar.label }),
+                editable && !milestone ? /* @__PURE__ */ jsxs60(Fragment40, { children: [
+                  /* @__PURE__ */ jsx77("span", { className: Gantt_default.handle, "data-handle": "start", "aria-hidden": "true" }),
+                  /* @__PURE__ */ jsx77("span", { className: Gantt_default.handle, "data-handle": "end", "aria-hidden": "true" })
                 ] }) : null
               ]
             }
           ) }),
-          tipMounted ? /* @__PURE__ */ jsxs59(Tooltip.Content, { children: [
-            /* @__PURE__ */ jsx76("span", { className: Gantt_default.tipTitle, children: bar.label }),
-            /* @__PURE__ */ jsxs59("span", { className: Gantt_default.tipMeta, children: [
+          tipMounted ? /* @__PURE__ */ jsxs60(Tooltip.Content, { children: [
+            /* @__PURE__ */ jsx77("span", { className: Gantt_default.tipTitle, children: bar.label }),
+            /* @__PURE__ */ jsxs60("span", { className: Gantt_default.tipMeta, children: [
               formatSpan(shown, locale),
               milestone ? null : ` \xB7 ${formatDuration(daysBetween2(shown.start, shown.end))}`,
               progress === void 0 ? null : ` \xB7 ${progress}%`
             ] }),
-            renderTip ? /* @__PURE__ */ jsx76("div", { className: Gantt_default.tipExtra, children: renderTip() }) : null
+            renderTip ? /* @__PURE__ */ jsx77("div", { className: Gantt_default.tipExtra, children: renderTip() }) : null
           ] }) : null
         ]
       }
@@ -27146,7 +27570,7 @@ function GanttBarView({
 }
 
 // src/components/gantt/GanttRow.tsx
-import { Fragment as Fragment39, jsx as jsx77, jsxs as jsxs60 } from "react/jsx-runtime";
+import { Fragment as Fragment41, jsx as jsx78, jsxs as jsxs61 } from "react/jsx-runtime";
 function GanttRowView({
   ctx,
   index,
@@ -27184,9 +27608,9 @@ function GanttRowView({
   const start = new Date(rangeStart);
   const windowed = windowFrom <= windowTo;
   const on = (event) => (native) => ctx.track(event, index, native);
-  const content = /* @__PURE__ */ jsxs60(Fragment39, { children: [
-    renderRowAvatar ? /* @__PURE__ */ jsx77("span", { className: Gantt_default.rowAvatar, children: renderRowAvatar(row) }) : null,
-    /* @__PURE__ */ jsx77("span", { className: Gantt_default.rowLabel, children: renderRow ? renderRow(row) : label })
+  const content = /* @__PURE__ */ jsxs61(Fragment41, { children: [
+    renderRowAvatar ? /* @__PURE__ */ jsx78("span", { className: Gantt_default.rowAvatar, children: renderRowAvatar(row) }) : null,
+    /* @__PURE__ */ jsx78("span", { className: Gantt_default.rowLabel, children: renderRow ? renderRow(row) : label })
   ] });
   const stopProps = {
     // With an avatar a narrow chart shows only the picture: the row label names the stop.
@@ -27195,7 +27619,7 @@ function GanttRowView({
     "aria-keyshortcuts": creatable ? "N" : void 0,
     onFocus: () => ctx.focus(navId)
   };
-  return /* @__PURE__ */ jsxs60(
+  return /* @__PURE__ */ jsxs61(
     "div",
     {
       ref: measureRef,
@@ -27204,7 +27628,7 @@ function GanttRowView({
       className: Gantt_default.row,
       style: { "--lanes": laneCount, "--row-top": `${top}px` },
       children: [
-        href === void 0 ? /* @__PURE__ */ jsx77(
+        href === void 0 ? /* @__PURE__ */ jsx78(
           "div",
           {
             ref: ctx.register(navId),
@@ -27225,7 +27649,7 @@ function GanttRowView({
             } : void 0,
             children: content
           }
-        ) : /* @__PURE__ */ jsx77("div", { role: "rowheader", className: Gantt_default.rowHeader, "data-clickable": "", children: /* @__PURE__ */ jsx77(
+        ) : /* @__PURE__ */ jsx78("div", { role: "rowheader", className: Gantt_default.rowHeader, "data-clickable": "", children: /* @__PURE__ */ jsx78(
           "a",
           {
             ref: ctx.register(navId),
@@ -27245,7 +27669,7 @@ function GanttRowView({
             children: content
           }
         ) }),
-        /* @__PURE__ */ jsxs60(
+        /* @__PURE__ */ jsxs61(
           "div",
           {
             role: "gridcell",
@@ -27261,13 +27685,13 @@ function GanttRowView({
             onContextMenu: creatable ? on("contextMenu") : void 0,
             onDoubleClick: creatable ? on("doubleClick") : void 0,
             children: [
-              hover && !ghost ? /* @__PURE__ */ jsx77(
+              hover && !ghost ? /* @__PURE__ */ jsx78(
                 "span",
                 {
                   className: cx(Gantt_default.createCell, enterMotion_default.enterFade),
                   style: { "--x": hover.x, "--span": hover.span },
                   "aria-hidden": "true",
-                  children: /* @__PURE__ */ jsx77(Icon, { name: "action.add", animated: false })
+                  children: /* @__PURE__ */ jsx78(Icon, { name: "action.add", animated: false })
                 }
               ) : null,
               bars.map((bar) => {
@@ -27276,7 +27700,7 @@ function GanttRowView({
                 const span = Math.max(daysBetween2(dates.start, dates.end), 1);
                 const pinned = pending.has(bar.id) || dragging.has(bar.id) || tabStop === bar.id;
                 if (windowed && !pinned && (x + span < windowFrom || x > windowTo)) return null;
-                return /* @__PURE__ */ jsx77(
+                return /* @__PURE__ */ jsx78(
                   GanttBarView,
                   {
                     bar,
@@ -27307,8 +27731,8 @@ function GanttRowView({
                   bar.id
                 );
               }),
-              ghost ? /* @__PURE__ */ jsxs60(Tooltip.Root, { open: ghost.status === "drawing", children: [
-                /* @__PURE__ */ jsx77(Tooltip.Trigger, { children: /* @__PURE__ */ jsxs60(
+              ghost ? /* @__PURE__ */ jsxs61(Tooltip.Root, { open: ghost.status === "drawing", children: [
+                /* @__PURE__ */ jsx78(Tooltip.Trigger, { children: /* @__PURE__ */ jsxs61(
                   "span",
                   {
                     tabIndex: -1,
@@ -27321,14 +27745,14 @@ function GanttRowView({
                       "--lane": ghostLane
                     },
                     children: [
-                      ghost.status === "pending" ? /* @__PURE__ */ jsx77(Skeleton, { shape: "block", className: Gantt_default.ghostBusy }) : null,
-                      /* @__PURE__ */ jsx77("span", { className: Gantt_default.ghostLabel, children: newBarLabel })
+                      ghost.status === "pending" ? /* @__PURE__ */ jsx78(Skeleton, { shape: "block", className: Gantt_default.ghostBusy }) : null,
+                      /* @__PURE__ */ jsx78("span", { className: Gantt_default.ghostLabel, children: newBarLabel })
                     ]
                   }
                 ) }),
-                /* @__PURE__ */ jsxs60(Tooltip.Content, { children: [
-                  /* @__PURE__ */ jsx77("span", { className: Gantt_default.tipTitle, children: newBarLabel }),
-                  /* @__PURE__ */ jsxs60("span", { className: Gantt_default.tipMeta, children: [
+                /* @__PURE__ */ jsxs61(Tooltip.Content, { children: [
+                  /* @__PURE__ */ jsx78("span", { className: Gantt_default.tipTitle, children: newBarLabel }),
+                  /* @__PURE__ */ jsxs61("span", { className: Gantt_default.tipMeta, children: [
                     formatSpan(ghost.dates, locale),
                     " \xB7",
                     " ",
@@ -27346,7 +27770,7 @@ function GanttRowView({
 var GanttRow = React85.memo(GanttRowView);
 
 // src/components/gantt/Gantt.tsx
-import { Fragment as Fragment40, jsx as jsx78, jsxs as jsxs61 } from "react/jsx-runtime";
+import { Fragment as Fragment42, jsx as jsx79, jsxs as jsxs62 } from "react/jsx-runtime";
 var GANTT_LABELS = {
   rowsHeader: "\u041D\u0430\u0437\u0432\u0430\u043D\u0438\u0435",
   timeline: "\u0428\u043A\u0430\u043B\u0430 \u0432\u0440\u0435\u043C\u0435\u043D\u0438",
@@ -28194,10 +28618,10 @@ function Gantt({
   const lineCells = tiers.bottom.filter(
     (cell) => (scale === "month" || cell.boundary) && inWindow(cell.x, 0)
   );
-  const backdrop = /* @__PURE__ */ jsxs61(Fragment40, { children: [
-    /* @__PURE__ */ jsx78("div", { className: Gantt_default.backdropWash, "aria-hidden": "true" }),
-    /* @__PURE__ */ jsxs61("div", { className: Gantt_default.backdropLines, "aria-hidden": "true", children: [
-      lineCells.map((cell) => /* @__PURE__ */ jsx78(
+  const backdrop = /* @__PURE__ */ jsxs62(Fragment42, { children: [
+    /* @__PURE__ */ jsx79("div", { className: Gantt_default.backdropWash, "aria-hidden": "true" }),
+    /* @__PURE__ */ jsxs62("div", { className: Gantt_default.backdropLines, "aria-hidden": "true", children: [
+      lineCells.map((cell) => /* @__PURE__ */ jsx79(
         "span",
         {
           className: Gantt_default.gridLine,
@@ -28206,7 +28630,7 @@ function Gantt({
         },
         `line-${cell.key}`
       )),
-      todayInRange ? /* @__PURE__ */ jsx78(
+      todayInRange ? /* @__PURE__ */ jsx79(
         "span",
         {
           className: Gantt_default.todayLine,
@@ -28318,12 +28742,12 @@ function Gantt({
     const origin = todayInRange ? todayX : 0;
     body = SKELETON_ROWS3.map((bars, index) => (
       // biome-ignore lint/suspicious/noArrayIndexKey: static placeholder rows
-      /* @__PURE__ */ jsxs61("div", { className: Gantt_default.row, style: { "--lanes": 1 }, children: [
-        /* @__PURE__ */ jsxs61("div", { className: Gantt_default.rowHeader, children: [
-          hasAvatar ? /* @__PURE__ */ jsx78("span", { className: Gantt_default.rowAvatar, children: /* @__PURE__ */ jsx78(Skeleton, { shape: "circle" }) }) : null,
-          /* @__PURE__ */ jsx78("span", { className: Gantt_default.rowLabel, children: /* @__PURE__ */ jsx78(Skeleton, { className: Gantt_default.skeletonLabel }) })
+      /* @__PURE__ */ jsxs62("div", { className: Gantt_default.row, style: { "--lanes": 1 }, children: [
+        /* @__PURE__ */ jsxs62("div", { className: Gantt_default.rowHeader, children: [
+          hasAvatar ? /* @__PURE__ */ jsx79("span", { className: Gantt_default.rowAvatar, children: /* @__PURE__ */ jsx79(Skeleton, { shape: "circle" }) }) : null,
+          /* @__PURE__ */ jsx79("span", { className: Gantt_default.rowLabel, children: /* @__PURE__ */ jsx79(Skeleton, { className: Gantt_default.skeletonLabel }) })
         ] }),
-        /* @__PURE__ */ jsx78("div", { className: Gantt_default.track, children: bars.map(([offset, length]) => /* @__PURE__ */ jsx78(
+        /* @__PURE__ */ jsx79("div", { className: Gantt_default.track, children: bars.map(([offset, length]) => /* @__PURE__ */ jsx79(
           Skeleton,
           {
             shape: "block",
@@ -28338,13 +28762,13 @@ function Gantt({
       ] }, index)
     ));
   } else if (bodyState === "empty") {
-    body = /* @__PURE__ */ jsx78("div", { role: "row", className: Gantt_default.emptyRow, children: /* @__PURE__ */ jsx78("div", { role: "gridcell", "aria-colspan": 2, className: Gantt_default.emptyCell, children: empty == null || typeof empty === "string" ? /* @__PURE__ */ jsx78(EmptyPage.Root, { layout: "compact", size, role: "status", children: /* @__PURE__ */ jsx78(EmptyPage.Description, { children: empty ?? labels.empty }) }) : empty }) });
+    body = /* @__PURE__ */ jsx79("div", { role: "row", className: Gantt_default.emptyRow, children: /* @__PURE__ */ jsx79("div", { role: "gridcell", "aria-colspan": 2, className: Gantt_default.emptyCell, children: empty == null || typeof empty === "string" ? /* @__PURE__ */ jsx79(EmptyPage.Root, { layout: "compact", size, role: "status", children: /* @__PURE__ */ jsx79(EmptyPage.Description, { children: empty ?? labels.empty }) }) : empty }) });
   } else {
     body = virtual.rows.map(({ index, start }) => {
       const item = model[index];
       const { lanes, count, ghostLane } = lanesOf(item);
       const hover = hoverCell?.row === item.key ? hoverCell : null;
-      return /* @__PURE__ */ jsx78(
+      return /* @__PURE__ */ jsx79(
         GanttRow,
         {
           ctx: rowContext,
@@ -28386,8 +28810,8 @@ function Gantt({
   }
   const topCells = tiers.top.filter((cell) => inWindow(cell.x, cell.span));
   const bottomCells = tiers.bottom.filter((cell) => inWindow(cell.x, cell.span));
-  return /* @__PURE__ */ jsx78(SurfaceDepthProvider, { value: depth, children: tier.provide(
-    /* @__PURE__ */ jsxs61(
+  return /* @__PURE__ */ jsx79(SurfaceDepthProvider, { value: depth, children: tier.provide(
+    /* @__PURE__ */ jsxs62(
       "div",
       {
         ...rest,
@@ -28406,7 +28830,7 @@ function Gantt({
           "scroll-height": fillHeight ? "fill" : void 0
         }),
         children: [
-          /* @__PURE__ */ jsx78(
+          /* @__PURE__ */ jsx79(
             GanttToolbar,
             {
               toolbar,
@@ -28417,7 +28841,7 @@ function Gantt({
               onScale: toolbarActions.scale
             }
           ),
-          /* @__PURE__ */ jsx78("div", { className: Gantt_default.frame, children: /* @__PURE__ */ jsx78(
+          /* @__PURE__ */ jsx79("div", { className: Gantt_default.frame, children: /* @__PURE__ */ jsx79(
             ScrollContainer,
             {
               ref: scrollRef,
@@ -28435,7 +28859,7 @@ function Gantt({
               },
               onWheel: () => closeTips(false),
               onTouchMove: () => closeTips(false),
-              children: /* @__PURE__ */ jsx78(AnchorRectProvider, { value: anchorToVisible, children: /* @__PURE__ */ jsx78(FloatingBoundaryProvider, { value: timelineBoundary, children: /* @__PURE__ */ jsx78(Tooltip.Provider, { children: /* @__PURE__ */ jsxs61(
+              children: /* @__PURE__ */ jsx79(AnchorRectProvider, { value: anchorToVisible, children: /* @__PURE__ */ jsx79(FloatingBoundaryProvider, { value: timelineBoundary, children: /* @__PURE__ */ jsx79(Tooltip.Provider, { children: /* @__PURE__ */ jsxs62(
                 "div",
                 {
                   role: "grid",
@@ -28447,7 +28871,7 @@ function Gantt({
                   style: gridStyle,
                   onKeyDown: onGridKeyDown,
                   children: [
-                    /* @__PURE__ */ jsxs61(
+                    /* @__PURE__ */ jsxs62(
                       "div",
                       {
                         ref: headRef,
@@ -28455,17 +28879,17 @@ function Gantt({
                         "aria-rowindex": 1,
                         className: cx(Gantt_default.head, stickySurfaceClass),
                         children: [
-                          /* @__PURE__ */ jsx78(
+                          /* @__PURE__ */ jsx79(
                             "div",
                             {
                               ref: cornerRef,
                               role: "columnheader",
                               "aria-label": hasAvatar ? labels.rowsHeader : void 0,
                               className: Gantt_default.corner,
-                              children: /* @__PURE__ */ jsx78("span", { className: Gantt_default.cornerText, children: labels.rowsHeader })
+                              children: /* @__PURE__ */ jsx79("span", { className: Gantt_default.cornerText, children: labels.rowsHeader })
                             }
                           ),
-                          /* @__PURE__ */ jsxs61(
+                          /* @__PURE__ */ jsxs62(
                             "div",
                             {
                               ref: axisRef,
@@ -28473,16 +28897,16 @@ function Gantt({
                               "aria-label": labels.timeline,
                               className: Gantt_default.axis,
                               children: [
-                                /* @__PURE__ */ jsx78("div", { className: Gantt_default.tier, "aria-hidden": "true", children: topCells.map((cell) => /* @__PURE__ */ jsx78(
+                                /* @__PURE__ */ jsx79("div", { className: Gantt_default.tier, "aria-hidden": "true", children: topCells.map((cell) => /* @__PURE__ */ jsx79(
                                   "span",
                                   {
                                     className: Gantt_default.tierCell,
                                     style: { "--x": cell.x, "--span": cell.span },
-                                    children: /* @__PURE__ */ jsx78("span", { className: Gantt_default.tierText, children: cell.text })
+                                    children: /* @__PURE__ */ jsx79("span", { className: Gantt_default.tierText, children: cell.text })
                                   },
                                   cell.key
                                 )) }),
-                                /* @__PURE__ */ jsx78("div", { className: Gantt_default.tier, "data-tier": "bottom", "aria-hidden": "true", children: bottomCells.map((cell) => /* @__PURE__ */ jsx78(
+                                /* @__PURE__ */ jsx79("div", { className: Gantt_default.tier, "data-tier": "bottom", "aria-hidden": "true", children: bottomCells.map((cell) => /* @__PURE__ */ jsx79(
                                   "span",
                                   {
                                     className: Gantt_default.tierCell,
@@ -28492,17 +28916,17 @@ function Gantt({
                                       today: cell.today,
                                       boundary: cell.boundary
                                     }),
-                                    children: /* @__PURE__ */ jsx78("span", { className: Gantt_default.tierText, children: cell.text })
+                                    children: /* @__PURE__ */ jsx79("span", { className: Gantt_default.tierText, children: cell.text })
                                   },
                                   cell.key
                                 )) }),
-                                todayInRange ? /* @__PURE__ */ jsx78(
+                                todayInRange ? /* @__PURE__ */ jsx79(
                                   "span",
                                   {
                                     className: Gantt_default.todayMark,
                                     style: { "--x": todayX + 0.5 },
                                     "aria-hidden": "true",
-                                    children: /* @__PURE__ */ jsx78("span", { className: Gantt_default.todayChip, children: labels.today })
+                                    children: /* @__PURE__ */ jsx79("span", { className: Gantt_default.todayChip, children: labels.today })
                                   }
                                 ) : null
                               ]
@@ -28511,7 +28935,7 @@ function Gantt({
                         ]
                       }
                     ),
-                    /* @__PURE__ */ jsx78(RegionSwap, { state: bodyState, children: /* @__PURE__ */ jsxs61(
+                    /* @__PURE__ */ jsx79(RegionSwap, { state: bodyState, children: /* @__PURE__ */ jsxs62(
                       "div",
                       {
                         role: "rowgroup",
@@ -28533,10 +28957,10 @@ function Gantt({
               ) }) }) })
             }
           ) }),
-          editableAtAll ? /* @__PURE__ */ jsx78(VisuallyHidden, { id: hintId, children: labels.editHint }) : null,
-          creatable ? /* @__PURE__ */ jsx78(VisuallyHidden, { id: createHintId, children: labels.createHint }) : null,
-          bodyState === "loading" ? /* @__PURE__ */ jsx78(VisuallyHidden, { live: "polite", children: labels.loading }) : null,
-          /* @__PURE__ */ jsx78(VisuallyHidden, { live: "polite", children: announcement })
+          editableAtAll ? /* @__PURE__ */ jsx79(VisuallyHidden, { id: hintId, children: labels.editHint }) : null,
+          creatable ? /* @__PURE__ */ jsx79(VisuallyHidden, { id: createHintId, children: labels.createHint }) : null,
+          bodyState === "loading" ? /* @__PURE__ */ jsx79(VisuallyHidden, { live: "polite", children: labels.loading }) : null,
+          /* @__PURE__ */ jsx79(VisuallyHidden, { live: "polite", children: announcement })
         ]
       }
     )
@@ -28550,10 +28974,10 @@ var GanttToolbar = React86.memo(function GanttToolbar2({
   onToday,
   onScale
 }) {
-  return /* @__PURE__ */ jsxs61(ToolRow, { className: Gantt_default.toolbar, children: [
-    toolbar != null && toolbar !== false ? /* @__PURE__ */ jsx78(ToolGroup, { children: toolbar }) : null,
-    /* @__PURE__ */ jsx78(Button.Root, { variant: "ghost", tone: "neutral", disabled: !todayInRange, onClick: onToday, children: labels.today }),
-    /* @__PURE__ */ jsx78(SegmentedControl.Root, { "aria-label": labels.scale, value: scale, onValueChange: onScale, children: SCALES.map((value) => /* @__PURE__ */ jsx78(SegmentedControl.Item, { value, children: labels[value] }, value)) })
+  return /* @__PURE__ */ jsxs62(ToolRow, { className: Gantt_default.toolbar, children: [
+    toolbar != null && toolbar !== false ? /* @__PURE__ */ jsx79(ToolGroup, { children: toolbar }) : null,
+    /* @__PURE__ */ jsx79(Button.Root, { variant: "ghost", tone: "neutral", disabled: !todayInRange, onClick: onToday, children: labels.today }),
+    /* @__PURE__ */ jsx79(SegmentedControl.Root, { "aria-label": labels.scale, value: scale, onValueChange: onScale, children: SCALES.map((value) => /* @__PURE__ */ jsx79(SegmentedControl.Item, { value, children: labels[value] }, value)) })
   ] });
 });
 
@@ -28592,7 +29016,7 @@ var Kanban_default = {
 };
 
 // src/components/kanban/Kanban.tsx
-import { Fragment as Fragment41, jsx as jsx79, jsxs as jsxs62 } from "react/jsx-runtime";
+import { Fragment as Fragment43, jsx as jsx80, jsxs as jsxs63 } from "react/jsx-runtime";
 var KANBAN_LABELS = {
   count: "\u041A\u0430\u0440\u0442\u043E\u0447\u0435\u043A: {count}",
   countLimit: "\u041A\u0430\u0440\u0442\u043E\u0447\u0435\u043A: {count} \u0438\u0437 {limit}",
@@ -28610,7 +29034,7 @@ var ItemIdContext = React87.createContext(null);
 var NARROW_REM = 40;
 var rootFontSize = () => typeof document === "undefined" ? 16 : Number.parseFloat(getComputedStyle(document.documentElement).fontSize) || 16;
 function KanbanRoot(props) {
-  return /* @__PURE__ */ jsx79(Dnd.Root, { children: /* @__PURE__ */ jsx79(KanbanBoard, { ...props }) });
+  return /* @__PURE__ */ jsx80(Dnd.Root, { children: /* @__PURE__ */ jsx80(KanbanBoard, { ...props }) });
 }
 KanbanRoot.displayName = "Kanban.Root";
 var EMPTY_VALUE2 = {};
@@ -28786,7 +29210,7 @@ function KanbanBoard({
     }),
     [locked, links, opens, cardDepth]
   );
-  return /* @__PURE__ */ jsx79(BoardContext, { value: context, children: /* @__PURE__ */ jsx79(
+  return /* @__PURE__ */ jsx80(BoardContext, { value: context, children: /* @__PURE__ */ jsx80(
     "div",
     {
       ref: rootRef,
@@ -28797,7 +29221,7 @@ function KanbanBoard({
       "data-variant": variant,
       "data-loading": loading || void 0,
       "data-disabled": disabled || void 0,
-      children: /* @__PURE__ */ jsx79(
+      children: /* @__PURE__ */ jsx80(
         ScrollContainer,
         {
           axis: "horizontal",
@@ -28806,11 +29230,11 @@ function KanbanBoard({
           "data-full-width": "true",
           children: placeholders ? (
             // Before the columns arrive: placeholder columns in the column geometry.
-            /* @__PURE__ */ jsx79("div", { className: Kanban_default.placeholders, "aria-hidden": "true", children: Array.from({ length: loadingColumns }, (_, columnIndex) => (
+            /* @__PURE__ */ jsx80("div", { className: Kanban_default.placeholders, "aria-hidden": "true", children: Array.from({ length: loadingColumns }, (_, columnIndex) => (
               // biome-ignore lint/suspicious/noArrayIndexKey: identical placeholder columns
-              /* @__PURE__ */ jsxs62("div", { className: Kanban_default.column, children: [
-                /* @__PURE__ */ jsx79("div", { className: cx(Kanban_default.header, hairline_default.bottom), children: /* @__PURE__ */ jsx79(Skeleton, { shape: "block", className: Kanban_default.skeletonTitle }) }),
-                /* @__PURE__ */ jsx79("div", { className: Kanban_default.body, children: /* @__PURE__ */ jsx79(
+              /* @__PURE__ */ jsxs63("div", { className: Kanban_default.column, children: [
+                /* @__PURE__ */ jsx80("div", { className: cx(Kanban_default.header, hairline_default.bottom), children: /* @__PURE__ */ jsx80(Skeleton, { shape: "block", className: Kanban_default.skeletonTitle }) }),
+                /* @__PURE__ */ jsx80("div", { className: Kanban_default.body, children: /* @__PURE__ */ jsx80(
                   SkeletonCards,
                   {
                     count: SKELETON_CARDS[columnIndex % SKELETON_CARDS.length] ?? 1,
@@ -28819,7 +29243,7 @@ function KanbanBoard({
                 ) })
               ] }, columnIndex)
             )) })
-          ) : /* @__PURE__ */ jsx79(
+          ) : /* @__PURE__ */ jsx80(
             Dnd.Sortable,
             {
               as: "ul",
@@ -28831,7 +29255,7 @@ function KanbanBoard({
               getLabel: (column) => formatLabel(labels.column, { column: column.title }),
               disabled: !reorderableColumns || locked,
               onReorder: (id, beforeId) => moveColumn(id, beforeId),
-              renderItem: (column, columnIndex) => /* @__PURE__ */ jsx79(
+              renderItem: (column, columnIndex) => /* @__PURE__ */ jsx80(
                 KanbanColumnView,
                 {
                   column,
@@ -28867,7 +29291,7 @@ function SkeletonCards({
   count,
   cardDepth
 }) {
-  return /* @__PURE__ */ jsx79("div", { className: Kanban_default.list, children: Array.from({ length: count }, (_, index) => /* @__PURE__ */ jsxs62(
+  return /* @__PURE__ */ jsx80("div", { className: Kanban_default.list, children: Array.from({ length: count }, (_, index) => /* @__PURE__ */ jsxs63(
     "div",
     {
       className: cx(Kanban_default.item, Kanban_default.skeleton),
@@ -28875,10 +29299,10 @@ function SkeletonCards({
       "data-surface": cardDepth !== void 0 || void 0,
       "aria-hidden": "true",
       children: [
-        /* @__PURE__ */ jsx79(Skeleton, { lines: 2 }),
-        /* @__PURE__ */ jsxs62("div", { className: Kanban_default.footer, children: [
-          /* @__PURE__ */ jsx79(Skeleton, { shape: "block", className: Kanban_default.skeletonBadge }),
-          /* @__PURE__ */ jsx79(Skeleton, { shape: "circle", size: "s" })
+        /* @__PURE__ */ jsx80(Skeleton, { lines: 2 }),
+        /* @__PURE__ */ jsxs63("div", { className: Kanban_default.footer, children: [
+          /* @__PURE__ */ jsx80(Skeleton, { shape: "block", className: Kanban_default.skeletonBadge }),
+          /* @__PURE__ */ jsx80(Skeleton, { shape: "circle", size: "s" })
         ] })
       ]
     },
@@ -28915,7 +29339,7 @@ function KanbanColumnView({
   );
   const showMeta = metaLines.length > 0;
   const describedBy = [column.description ? descriptionId : null, showMeta ? metaId : null].filter(Boolean).join(" ") || void 0;
-  return /* @__PURE__ */ jsxs62(
+  return /* @__PURE__ */ jsxs63(
     Dnd.SortableItem,
     {
       id: column.id,
@@ -28924,19 +29348,19 @@ function KanbanColumnView({
       "data-kanban-column": column.id,
       "data-full": full || void 0,
       children: [
-        /* @__PURE__ */ jsx79(ControlSizeProvider, { value: "s", children: /* @__PURE__ */ jsxs62(
+        /* @__PURE__ */ jsx80(ControlSizeProvider, { value: "s", children: /* @__PURE__ */ jsxs63(
           "div",
           {
             className: cx(Kanban_default.header, hairline_default.bottom),
             "data-reorderable": reorderable || void 0,
             children: [
-              /* @__PURE__ */ jsx79(Title, { id: headingId, className: cx(textRole_default.titleM, Kanban_default.title), children: column.title }),
-              loading ? null : /* @__PURE__ */ jsxs62(Fragment41, { children: [
-                /* @__PURE__ */ jsx79(Badge.Root, { color: full ? "orange" : column.color ?? "gray", "aria-hidden": "true", children: column.limit === void 0 ? count : `${count} / ${column.limit}` }),
-                /* @__PURE__ */ jsx79(VisuallyHidden, { children: countText })
+              /* @__PURE__ */ jsx80(Title, { id: headingId, className: cx(textRole_default.titleM, Kanban_default.title), children: column.title }),
+              loading ? null : /* @__PURE__ */ jsxs63(Fragment43, { children: [
+                /* @__PURE__ */ jsx80(Badge.Root, { color: full ? "orange" : column.color ?? "gray", "aria-hidden": "true", children: column.limit === void 0 ? count : `${count} / ${column.limit}` }),
+                /* @__PURE__ */ jsx80(VisuallyHidden, { children: countText })
               ] }),
-              actions ? /* @__PURE__ */ jsx79("div", { className: cx(fieldTierClass, Kanban_default.actions), "data-size": "s", children: actions }) : null,
-              reorderable ? /* @__PURE__ */ jsx79(
+              actions ? /* @__PURE__ */ jsx80("div", { className: cx(fieldTierClass, Kanban_default.actions), "data-size": "s", children: actions }) : null,
+              reorderable ? /* @__PURE__ */ jsx80(
                 Dnd.Handle,
                 {
                   className: Kanban_default.grip,
@@ -28944,15 +29368,15 @@ function KanbanColumnView({
                   "aria-label": formatLabel(labels.moveColumn, { column: column.title })
                 }
               ) : null,
-              column.description ? /* @__PURE__ */ jsx79("p", { id: descriptionId, className: cx(textRole_default.caption, Kanban_default.description), children: column.description }) : null,
-              showMeta ? /* @__PURE__ */ jsx79("div", { id: metaId, className: cx(textRole_default.caption, Kanban_default.meta), children: metaLines.map((line, index) => (
+              column.description ? /* @__PURE__ */ jsx80("p", { id: descriptionId, className: cx(textRole_default.caption, Kanban_default.description), children: column.description }) : null,
+              showMeta ? /* @__PURE__ */ jsx80("div", { id: metaId, className: cx(textRole_default.caption, Kanban_default.meta), children: metaLines.map((line, index) => (
                 // biome-ignore lint/suspicious/noArrayIndexKey: a line is its place
-                /* @__PURE__ */ jsx79("span", { className: Kanban_default.metaLine, children: line }, index)
+                /* @__PURE__ */ jsx80("span", { className: Kanban_default.metaLine, children: line }, index)
               )) }) : null
             ]
           }
         ) }),
-        /* @__PURE__ */ jsx79(ScrollContainer, { className: Kanban_default.body, children: /* @__PURE__ */ jsx79(Crossfade, { state: loading ? "loading" : "ready", className: Kanban_default.swap, children: loading ? /* @__PURE__ */ jsx79(SkeletonCards, { count: skeletons, cardDepth }) : /* @__PURE__ */ jsx79("div", { className: Kanban_default.drop, children: /* @__PURE__ */ jsx79(
+        /* @__PURE__ */ jsx80(ScrollContainer, { className: Kanban_default.body, children: /* @__PURE__ */ jsx80(Crossfade, { state: loading ? "loading" : "ready", className: Kanban_default.swap, children: loading ? /* @__PURE__ */ jsx80(SkeletonCards, { count: skeletons, cardDepth }) : /* @__PURE__ */ jsx80("div", { className: Kanban_default.drop, children: /* @__PURE__ */ jsx80(
           Dnd.Sortable,
           {
             as: "ul",
@@ -28966,11 +29390,11 @@ function KanbanColumnView({
             canDrop: accepts,
             disabled,
             onReorder,
-            empty: /* @__PURE__ */ jsxs62(EmptyPage.Root, { layout: "compact", children: [
-              /* @__PURE__ */ jsx79(EmptyPage.Title, { as: "p", children: labels.empty }),
-              disabled ? null : /* @__PURE__ */ jsx79(EmptyPage.Description, { children: labels.emptyHint })
+            empty: /* @__PURE__ */ jsxs63(EmptyPage.Root, { layout: "compact", children: [
+              /* @__PURE__ */ jsx80(EmptyPage.Title, { as: "p", children: labels.empty }),
+              disabled ? null : /* @__PURE__ */ jsx80(EmptyPage.Description, { children: labels.emptyHint })
             ] }),
-            renderItem: (item) => /* @__PURE__ */ jsx79(ItemIdContext, { value: getId(item), children: renderItem(item) })
+            renderItem: (item) => /* @__PURE__ */ jsx80(ItemIdContext, { value: getId(item), children: renderItem(item) })
           }
         ) }) }) })
       ]
@@ -28994,7 +29418,7 @@ function KanbanItem({
   const href = board.hrefOf(id);
   const { openItem } = board;
   const focus = href !== void 0 ? { tabIndex: -1 } : openItem ? { tabIndex: 0 } : null;
-  return /* @__PURE__ */ jsxs62(
+  return /* @__PURE__ */ jsxs63(
     Dnd.SortableItem,
     {
       id,
@@ -29029,7 +29453,7 @@ function KanbanItem({
         href !== void 0 ? (
           // A press on the link drags the card like a press anywhere on it (`data-dnd-handle`).
           // biome-ignore lint/a11y/useAnchorContent: named by `aria-label` (the card's `getLabel`); the card's content stays readable beside it
-          /* @__PURE__ */ jsx79(
+          /* @__PURE__ */ jsx80(
             "a",
             {
               ref: linkRef,
@@ -29050,8 +29474,8 @@ function KanbanItem({
             }
           )
         ) : null,
-        /* @__PURE__ */ jsx79(ControlSizeProvider, { value: "m", children }),
-        /* @__PURE__ */ jsx79(KanbanItemSpinner, {})
+        /* @__PURE__ */ jsx80(ControlSizeProvider, { value: "m", children }),
+        /* @__PURE__ */ jsx80(KanbanItemSpinner, {})
       ]
     }
   );
@@ -29059,10 +29483,10 @@ function KanbanItem({
 KanbanItem.displayName = "Kanban.Item";
 function KanbanItemSpinner() {
   const busy = useSortableItemBusy();
-  return busy ? /* @__PURE__ */ jsx79(Spinner, { size: "s", "aria-hidden": "true", className: Kanban_default.itemSpinner }) : null;
+  return busy ? /* @__PURE__ */ jsx80(Spinner, { size: "s", "aria-hidden": "true", className: Kanban_default.itemSpinner }) : null;
 }
 function KanbanItemHeader({ className, ...rest }) {
-  return /* @__PURE__ */ jsx79(
+  return /* @__PURE__ */ jsx80(
     "div",
     {
       className: cx(
@@ -29079,23 +29503,23 @@ function KanbanItemHeader({ className, ...rest }) {
 }
 KanbanItemHeader.displayName = "Kanban.ItemHeader";
 function KanbanItemTitle({ className, ...rest }) {
-  return /* @__PURE__ */ jsx79("span", { className: cx(textRole_default.bodyM, Kanban_default.itemTitle, className), ...rest });
+  return /* @__PURE__ */ jsx80("span", { className: cx(textRole_default.bodyM, Kanban_default.itemTitle, className), ...rest });
 }
 KanbanItemTitle.displayName = "Kanban.ItemTitle";
 function KanbanItemDescription({ className, ...rest }) {
-  return /* @__PURE__ */ jsx79("span", { className: cx(textRole_default.caption, Kanban_default.itemDescription, className), ...rest });
+  return /* @__PURE__ */ jsx80("span", { className: cx(textRole_default.caption, Kanban_default.itemDescription, className), ...rest });
 }
 KanbanItemDescription.displayName = "Kanban.ItemDescription";
 function KanbanItemBadges(props) {
-  return /* @__PURE__ */ jsx79(Badge.Group, { ...props });
+  return /* @__PURE__ */ jsx80(Badge.Group, { ...props });
 }
 KanbanItemBadges.displayName = "Kanban.ItemBadges";
 function KanbanItemFooter({ className, ...rest }) {
-  return /* @__PURE__ */ jsx79("div", { className: cx(fieldTierClass, Kanban_default.footer, className), "data-size": "xs", ...rest });
+  return /* @__PURE__ */ jsx80("div", { className: cx(fieldTierClass, Kanban_default.footer, className), "data-size": "xs", ...rest });
 }
 KanbanItemFooter.displayName = "Kanban.ItemFooter";
 function KanbanItemCount({ className, ...rest }) {
-  return /* @__PURE__ */ jsx79("span", { className: cx(Kanban_default.count, className), ...rest });
+  return /* @__PURE__ */ jsx80("span", { className: cx(Kanban_default.count, className), ...rest });
 }
 KanbanItemCount.displayName = "Kanban.ItemCount";
 var Kanban = {
@@ -29127,7 +29551,7 @@ var LoginForm_default = {
 };
 
 // src/components/login-form/LoginForm.tsx
-import { jsx as jsx80 } from "react/jsx-runtime";
+import { jsx as jsx81 } from "react/jsx-runtime";
 var TITLE_ROLE = {
   xs: "title-s",
   s: "title-m",
@@ -29161,25 +29585,25 @@ function LoginFormRoot({
   ...rest
 }) {
   const { size, provide } = useHostTier(sizeProp);
-  return /* @__PURE__ */ jsx80(
+  return /* @__PURE__ */ jsx81(
     "div",
     {
       ref,
       ...rest,
       className: cx(LoginForm_default.root, className),
       ...toDataAttributes({ size, align, flat }),
-      children: /* @__PURE__ */ jsx80(Card.Root, { flat, children: /* @__PURE__ */ jsx80("div", { className: LoginForm_default.content, children: /* @__PURE__ */ jsx80(AlignContext, { value: align, children: provide(children) }) }) })
+      children: /* @__PURE__ */ jsx81(Card.Root, { flat, children: /* @__PURE__ */ jsx81("div", { className: LoginForm_default.content, children: /* @__PURE__ */ jsx81(AlignContext, { value: align, children: provide(children) }) }) })
     }
   );
 }
 LoginFormRoot.displayName = "LoginForm.Root";
 function LoginFormHeader({ className, children, ...rest }) {
-  return /* @__PURE__ */ jsx80("header", { className: cx(LoginForm_default.header, className), ...rest, children });
+  return /* @__PURE__ */ jsx81("header", { className: cx(LoginForm_default.header, className), ...rest, children });
 }
 LoginFormHeader.displayName = "LoginForm.Header";
 function LoginFormLogo({ className, children, ...rest }) {
   const align = React88.useContext(AlignContext);
-  return /* @__PURE__ */ jsx80(
+  return /* @__PURE__ */ jsx81(
     "div",
     {
       role: rest["aria-label"] ? "img" : void 0,
@@ -29193,7 +29617,7 @@ function LoginFormLogo({ className, children, ...rest }) {
 LoginFormLogo.displayName = "LoginForm.Logo";
 function LoginFormTitle({ as = "h1", className, children, ...rest }) {
   const size = useLoginFormSize();
-  return /* @__PURE__ */ jsx80(
+  return /* @__PURE__ */ jsx81(
     Typography,
     {
       as,
@@ -29207,7 +29631,7 @@ function LoginFormTitle({ as = "h1", className, children, ...rest }) {
 LoginFormTitle.displayName = "LoginForm.Title";
 function LoginFormDescription({ className, children, ...rest }) {
   const size = useLoginFormSize();
-  return /* @__PURE__ */ jsx80(
+  return /* @__PURE__ */ jsx81(
     Typography,
     {
       as: "p",
@@ -29221,20 +29645,20 @@ function LoginFormDescription({ className, children, ...rest }) {
 }
 LoginFormDescription.displayName = "LoginForm.Description";
 function LoginFormBody({ className, children, ...rest }) {
-  return /* @__PURE__ */ jsx80("div", { className: cx(LoginForm_default.body, className), ...rest, children });
+  return /* @__PURE__ */ jsx81("div", { className: cx(LoginForm_default.body, className), ...rest, children });
 }
 LoginFormBody.displayName = "LoginForm.Body";
 function LoginFormForm({ className, children, ref, ...rest }) {
-  return /* @__PURE__ */ jsx80("form", { ref, className: cx(LoginForm_default.form, className), ...rest, children });
+  return /* @__PURE__ */ jsx81("form", { ref, className: cx(LoginForm_default.form, className), ...rest, children });
 }
 LoginFormForm.displayName = "LoginForm.Form";
 function LoginFormActions({ className, children, ...rest }) {
-  return /* @__PURE__ */ jsx80("div", { className: cx(LoginForm_default.actions, className), ...rest, children });
+  return /* @__PURE__ */ jsx81("div", { className: cx(LoginForm_default.actions, className), ...rest, children });
 }
 LoginFormActions.displayName = "LoginForm.Actions";
 function LoginFormFooter({ className, children, ...rest }) {
   const size = useLoginFormSize();
-  return /* @__PURE__ */ jsx80(
+  return /* @__PURE__ */ jsx81(
     Typography,
     {
       as: "p",
@@ -29268,7 +29692,7 @@ var NativeSelect_default = {
 };
 
 // src/components/native-select/NativeSelect.tsx
-import { jsx as jsx81, jsxs as jsxs63 } from "react/jsx-runtime";
+import { jsx as jsx82, jsxs as jsxs64 } from "react/jsx-runtime";
 var NATIVE_SELECT_LABELS = { optional: "\u043D\u0435\u043E\u0431\u044F\u0437\u0430\u0442\u0435\u043B\u044C\u043D\u043E" };
 function NativeSelect({
   size: sizeProp,
@@ -29300,7 +29724,7 @@ function NativeSelect({
   const ids = useFieldFrame(id, { label, hint, error, invalid, required }, ariaDescribedBy);
   const initial = defaultValue ?? (value === void 0 && placeholder ? "" : void 0);
   return tier.provide(
-    /* @__PURE__ */ jsx81(
+    /* @__PURE__ */ jsx82(
       FieldFrame,
       {
         size,
@@ -29314,8 +29738,8 @@ function NativeSelect({
         disabled,
         optionalLabel: labels.optional,
         className,
-        children: /* @__PURE__ */ jsxs63("span", { className: cx(fieldTierClass, NativeSelect_default.root), ...toDataAttributes({ size }), children: [
-          /* @__PURE__ */ jsxs63(
+        children: /* @__PURE__ */ jsxs64("span", { className: cx(fieldTierClass, NativeSelect_default.root), ...toDataAttributes({ size }), children: [
+          /* @__PURE__ */ jsxs64(
             "select",
             {
               ...rest,
@@ -29337,12 +29761,12 @@ function NativeSelect({
                 "focus-ring": focusRing
               }),
               children: [
-                placeholder ? /* @__PURE__ */ jsx81("option", { value: "", className: NativeSelect_default.placeholder, children: placeholder }) : null,
+                placeholder ? /* @__PURE__ */ jsx82("option", { value: "", className: NativeSelect_default.placeholder, children: placeholder }) : null,
                 children
               ]
             }
           ),
-          /* @__PURE__ */ jsx81("span", { className: NativeSelect_default.chevron, "aria-hidden": "true", children: /* @__PURE__ */ jsx81(Icon, { name: "nav.chevronDown" }) })
+          /* @__PURE__ */ jsx82("span", { className: NativeSelect_default.chevron, "aria-hidden": "true", children: /* @__PURE__ */ jsx82(Icon, { name: "nav.chevronDown" }) })
         ] })
       }
     )
@@ -29378,7 +29802,7 @@ var Notification_default = {
 };
 
 // src/components/notification/Notification.tsx
-import { jsx as jsx82, jsxs as jsxs64 } from "react/jsx-runtime";
+import { jsx as jsx83, jsxs as jsxs65 } from "react/jsx-runtime";
 var NOTIFICATION_LABELS = {
   close: "\u0417\u0430\u043A\u0440\u044B\u0442\u044C \u0443\u0432\u0435\u0434\u043E\u043C\u043B\u0435\u043D\u0438\u0435",
   regionTopLeft: "\u0423\u0432\u0435\u0434\u043E\u043C\u043B\u0435\u043D\u0438\u044F \u0441\u0432\u0435\u0440\u0445\u0443 \u0441\u043B\u0435\u0432\u0430",
@@ -29424,7 +29848,7 @@ function CardView({
   const size = tier.size;
   const liveRole = tone === "danger" || tone === "warning" ? "alert" : "status";
   return tier.provide(
-    /* @__PURE__ */ jsxs64(
+    /* @__PURE__ */ jsxs65(
       "article",
       {
         ...rest,
@@ -29440,14 +29864,14 @@ function CardView({
           "stack-expanded": stackExpanded
         }),
         children: [
-          /* @__PURE__ */ jsx82("div", { className: cx(Notification_default.iconWrap, iconSlotClass), "aria-hidden": "true", children: icon ?? /* @__PURE__ */ jsx82(Icon, { name: TONE_ICON[tone] }) }),
-          /* @__PURE__ */ jsxs64("div", { className: Notification_default.content, children: [
-            /* @__PURE__ */ jsxs64("header", { className: Notification_default.header, children: [
-              /* @__PURE__ */ jsx82("p", { className: Notification_default.title, children: title }),
-              badge !== void 0 ? /* @__PURE__ */ jsx82(Badge.Root, { size: "xs", tone, children: badge }) : null
+          /* @__PURE__ */ jsx83("div", { className: cx(Notification_default.iconWrap, iconSlotClass), "aria-hidden": "true", children: icon ?? /* @__PURE__ */ jsx83(Icon, { name: TONE_ICON[tone] }) }),
+          /* @__PURE__ */ jsxs65("div", { className: Notification_default.content, children: [
+            /* @__PURE__ */ jsxs65("header", { className: Notification_default.header, children: [
+              /* @__PURE__ */ jsx83("p", { className: Notification_default.title, children: title }),
+              badge !== void 0 ? /* @__PURE__ */ jsx83(Badge.Root, { size: "xs", tone, children: badge }) : null
             ] }),
-            description ? /* @__PURE__ */ jsx82("p", { className: Notification_default.description, children: description }) : null,
-            action ? /* @__PURE__ */ jsx82("div", { className: Notification_default.actionRow, children: /* @__PURE__ */ jsx82(
+            description ? /* @__PURE__ */ jsx83("p", { className: Notification_default.description, children: description }) : null,
+            action ? /* @__PURE__ */ jsx83("div", { className: Notification_default.actionRow, children: /* @__PURE__ */ jsx83(
               Button.Root,
               {
                 variant: "soft",
@@ -29461,7 +29885,7 @@ function CardView({
               }
             ) }) : null
           ] }),
-          onClose ? /* @__PURE__ */ jsx82("div", { className: Notification_default.closeWrap, children: /* @__PURE__ */ jsx82(
+          onClose ? /* @__PURE__ */ jsx83("div", { className: Notification_default.closeWrap, children: /* @__PURE__ */ jsx83(
             Button.Root,
             {
               variant: "ghost",
@@ -29469,10 +29893,10 @@ function CardView({
               size: compactTier(size),
               "aria-label": labels.close,
               onClick: onClose,
-              children: /* @__PURE__ */ jsx82(Button.Icon, { children: /* @__PURE__ */ jsx82(Icon, { name: "action.close" }) })
+              children: /* @__PURE__ */ jsx83(Button.Icon, { children: /* @__PURE__ */ jsx83(Icon, { name: "action.close" }) })
             }
           ) }) : null,
-          countdown ? /* @__PURE__ */ jsx82("div", { className: Notification_default.progressTrack, "aria-hidden": "true", children: /* @__PURE__ */ jsx82(CountdownLine, { ...countdown }) }) : null
+          countdown ? /* @__PURE__ */ jsx83("div", { className: Notification_default.progressTrack, "aria-hidden": "true", children: /* @__PURE__ */ jsx83(CountdownLine, { ...countdown }) }) : null
         ]
       }
     )
@@ -29507,10 +29931,10 @@ function CountdownLine({ duration, paused, onEnd }) {
     if (paused) clock.pause();
     else clock.play();
   }, [paused]);
-  return /* @__PURE__ */ jsx82("span", { ref: lineRef, className: Notification_default.progressValue });
+  return /* @__PURE__ */ jsx83("span", { ref: lineRef, className: Notification_default.progressValue });
 }
 function NotificationCard({ onDismiss, ...props }) {
-  return /* @__PURE__ */ jsx82(CardView, { ...props, onClose: onDismiss });
+  return /* @__PURE__ */ jsx83(CardView, { ...props, onClose: onDismiss });
 }
 function subscribeVisibility(listener) {
   document.addEventListener("visibilitychange", listener);
@@ -29526,7 +29950,7 @@ function useDocumentHidden() {
 function ToastCard({ item, paused, onDismiss, stackDepth, stackExpanded }) {
   const hidden = useDocumentHidden();
   const timed = !item.persistent && item.duration > 0;
-  return /* @__PURE__ */ jsx82(
+  return /* @__PURE__ */ jsx83(
     CardView,
     {
       tone: item.tone,
@@ -29551,7 +29975,7 @@ function ToastCard({ item, paused, onDismiss, stackDepth, stackExpanded }) {
 
 // src/components/notification/NotificationStore.tsx
 import * as React90 from "react";
-import { jsx as jsx83, jsxs as jsxs65 } from "react/jsx-runtime";
+import { jsx as jsx84, jsxs as jsxs66 } from "react/jsx-runtime";
 var DEFAULT_DURATION = 5e3;
 var PEEK_VISIBLE = 3;
 var SCALE_STEP = 0.05;
@@ -29682,7 +30106,7 @@ function NotificationStack({
       if (!ids.has(id)) lastLayoutRef.current.delete(id);
     }
   });
-  return /* @__PURE__ */ jsx83(
+  return /* @__PURE__ */ jsx84(
     "ol",
     {
       ref: listRef,
@@ -29709,7 +30133,7 @@ function NotificationStack({
       children: items.map((item) => {
         const closing = item.dismissing === true;
         const layout = layouts.get(item.id) ?? lastLayoutRef.current.get(item.id) ?? RESTING_LAYOUT;
-        return /* @__PURE__ */ jsx83(
+        return /* @__PURE__ */ jsx84(
           NotificationStackItem,
           {
             item,
@@ -29824,7 +30248,7 @@ var NotificationStackItem = React90.memo(function NotificationStackItem2({
     if (amount === 0 || prefersReducedMotion()) delete el.dataset.swipe;
     else el.dataset.swipe = "return";
   };
-  return /* @__PURE__ */ jsx83(
+  return /* @__PURE__ */ jsx84(
     "li",
     {
       ref,
@@ -29838,7 +30262,7 @@ var NotificationStackItem = React90.memo(function NotificationStackItem2({
         "--ntf-opacity": opacity,
         zIndex: Z_FRONT - index
       },
-      children: /* @__PURE__ */ jsx83(
+      children: /* @__PURE__ */ jsx84(
         "div",
         {
           className: Notification_default.motion,
@@ -29855,7 +30279,7 @@ var NotificationStackItem = React90.memo(function NotificationStackItem2({
               delete event.currentTarget.dataset.swipe;
             }
           },
-          children: /* @__PURE__ */ jsx83(
+          children: /* @__PURE__ */ jsx84(
             ToastCard,
             {
               item,
@@ -29891,18 +30315,18 @@ function NotificationToaster({
     }
     return map;
   }, [entries]);
-  return /* @__PURE__ */ jsx83(Portal, { children: /* @__PURE__ */ jsx83("div", { className: Notification_default.viewport, ...{ [LIVE_REGION_ATTR]: "" }, children: POSITIONS.map((pos) => {
+  return /* @__PURE__ */ jsx84(Portal, { children: /* @__PURE__ */ jsx84("div", { className: Notification_default.viewport, ...{ [LIVE_REGION_ATTR]: "" }, children: POSITIONS.map((pos) => {
     const byTone = grouped.get(pos);
     if (!byTone?.size) return null;
     const [vertical, horizontal] = pos.split("-");
     const stacks = TONES.map((tone) => ({ tone, items: byTone.get(tone) ?? [] })).filter(
       (s) => s.items.length > 0
     );
-    return /* @__PURE__ */ jsx83(
+    return /* @__PURE__ */ jsx84(
       "section",
       {
         className: `${Notification_default.zone} ${Notification_default[vertical]} ${Notification_default[horizontal]}`,
-        children: stacks.map((s) => /* @__PURE__ */ jsx83(
+        children: stacks.map((s) => /* @__PURE__ */ jsx84(
           NotificationStack,
           {
             position: pos,
@@ -30023,9 +30447,9 @@ function NotificationProvider({
     () => ({ items: publicItems, notify, dismiss, dismissAll }),
     [publicItems, notify, dismiss, dismissAll]
   );
-  return /* @__PURE__ */ jsx83(StoreProvider, { value, children: /* @__PURE__ */ jsxs65(NotificationLabelsContext.Provider, { value: labels, children: [
+  return /* @__PURE__ */ jsx84(StoreProvider, { value, children: /* @__PURE__ */ jsxs66(NotificationLabelsContext.Provider, { value: labels, children: [
     children,
-    /* @__PURE__ */ jsx83(NotificationToaster, { entries, onDismiss: leave, onExited: exited })
+    /* @__PURE__ */ jsx84(NotificationToaster, { entries, onDismiss: leave, onExited: exited })
   ] }) });
 }
 function useNotifications() {
@@ -30051,7 +30475,7 @@ var ProgressCircle_default = {
 };
 
 // src/components/progress-circle/ProgressCircle.tsx
-import { Fragment as Fragment42, jsx as jsx84, jsxs as jsxs66 } from "react/jsx-runtime";
+import { Fragment as Fragment44, jsx as jsx85, jsxs as jsxs67 } from "react/jsx-runtime";
 var HAIRLINE_GAP = RING_DATA_STROKE * 0.75;
 var LOADING_ROWS3 = 3;
 function arcStyle(start, length) {
@@ -30073,9 +30497,9 @@ function SegmentArcs({
 }) {
   if (gap === "hairline" && arcs.length > 1) {
     const inset = (RING_DATA_STROKE + HAIRLINE_GAP) / 2;
-    return /* @__PURE__ */ jsx84(Fragment42, { children: arcs.map((a, i) => {
+    return /* @__PURE__ */ jsx85(Fragment44, { children: arcs.map((a, i) => {
       const own = a.rest ? { className: void 0 } : fillProps(a.fill);
-      return /* @__PURE__ */ jsx84(
+      return /* @__PURE__ */ jsx85(
         RingCircle,
         {
           ...own,
@@ -30089,10 +30513,10 @@ function SegmentArcs({
   const parts = arcs.filter((a) => !a.rest);
   const first = parts[0];
   const last = parts[parts.length - 1];
-  return /* @__PURE__ */ jsxs66(Fragment42, { children: [
+  return /* @__PURE__ */ jsxs67(Fragment44, { children: [
     parts.map((a, i) => {
       const own = fillProps(a.fill);
-      return /* @__PURE__ */ jsx84(
+      return /* @__PURE__ */ jsx85(
         RingCircle,
         {
           ...own,
@@ -30102,15 +30526,15 @@ function SegmentArcs({
         i
       );
     }),
-    first && last && !closed ? /* @__PURE__ */ jsxs66(Fragment42, { children: [
-      /* @__PURE__ */ jsx84(Cap, { position: first.start, fill: first.fill }),
-      /* @__PURE__ */ jsx84(Cap, { position: last.start + last.length, fill: last.fill })
+    first && last && !closed ? /* @__PURE__ */ jsxs67(Fragment44, { children: [
+      /* @__PURE__ */ jsx85(Cap, { position: first.start, fill: first.fill }),
+      /* @__PURE__ */ jsx85(Cap, { position: last.start + last.length, fill: last.fill })
     ] }) : null
   ] });
 }
 function Cap({ position, fill }) {
   const own = fillProps(fill);
-  return /* @__PURE__ */ jsx84(RingCap, { position, ...own, className: cx(own.className, ProgressCircle_default.cap) });
+  return /* @__PURE__ */ jsx85(RingCap, { position, ...own, className: cx(own.className, ProgressCircle_default.cap) });
 }
 function ProgressCircle(props) {
   const {
@@ -30159,10 +30583,10 @@ function ProgressCircle(props) {
       "aria-describedby": descriptionId
     } : { "aria-label": text };
     if (label && !showLegend) {
-      description = /* @__PURE__ */ jsx84(VisuallyHidden, { id: descriptionId, children: text });
+      description = /* @__PURE__ */ jsx85(VisuallyHidden, { id: descriptionId, children: text });
     }
     if (legend) {
-      legendNode = loading ? /* @__PURE__ */ jsx84(ProgressLegendSkeleton, { rows: segmentsProp.length || LOADING_ROWS3, size }) : showLegend ? /* @__PURE__ */ jsx84(
+      legendNode = loading ? /* @__PURE__ */ jsx85(ProgressLegendSkeleton, { rows: segmentsProp.length || LOADING_ROWS3, size }) : showLegend ? /* @__PURE__ */ jsx85(
         ProgressLegend,
         {
           id: label ? descriptionId : void 0,
@@ -30173,7 +30597,7 @@ function ProgressCircle(props) {
         }
       ) : null;
     }
-    ring = /* @__PURE__ */ jsx84(
+    ring = /* @__PURE__ */ jsx85(
       Ring,
       {
         value: 0,
@@ -30183,14 +30607,14 @@ function ProgressCircle(props) {
         role: "group",
         ...a11y,
         ...toDataAttributes({ "segment-gap": gap }),
-        children: total > 0 ? /* @__PURE__ */ jsx84(SegmentArcs, { arcs, gap, closed: free === 0 }) : null
+        children: total > 0 ? /* @__PURE__ */ jsx85(SegmentArcs, { arcs, gap, closed: free === 0 }) : null
       }
     );
   } else {
     const unknown = valueProp === null || valueProp === void 0;
     const { value, max, ratio } = resolveValue(valueProp ?? 0, maxProp);
     tone = toneProp ?? "accent";
-    ring = /* @__PURE__ */ jsx84(
+    ring = /* @__PURE__ */ jsx85(
       Ring,
       {
         value: unknown ? null : ratio,
@@ -30207,15 +30631,15 @@ function ProgressCircle(props) {
       }
     );
   }
-  const body = /* @__PURE__ */ jsxs66(Fragment42, { children: [
-    /* @__PURE__ */ jsx84(RegionSwap, { state: loading ? "loading" : "data", fill: true, children: loading ? /* @__PURE__ */ jsx84(Skeleton, { shape: "block", className: ProgressCircle_default.ringSkeleton }) : ring }),
+  const body = /* @__PURE__ */ jsxs67(Fragment44, { children: [
+    /* @__PURE__ */ jsx85(RegionSwap, { state: loading ? "loading" : "data", fill: true, children: loading ? /* @__PURE__ */ jsx85(Skeleton, { shape: "block", className: ProgressCircle_default.ringSkeleton }) : ring }),
     loading ? null : description,
-    showInner ? /* @__PURE__ */ jsx84(
+    showInner ? /* @__PURE__ */ jsx85(
       "div",
       {
         className: cx(ProgressCircle_default.inner, tone !== "inherit" && ProgressCircle_default.ink),
         "aria-hidden": valueText !== void 0 ? true : void 0,
-        children: /* @__PURE__ */ jsx84(GlyphSwap, { children })
+        children: /* @__PURE__ */ jsx85(GlyphSwap, { children })
       }
     ) : null
   ] });
@@ -30226,14 +30650,14 @@ function ProgressCircle(props) {
   };
   if (legend) {
     return provide(
-      /* @__PURE__ */ jsxs66("div", { className: cx(ProgressCircle_default.root, className), ...rootProps, children: [
-        /* @__PURE__ */ jsx84("div", { className: ProgressCircle_default.ring, children: body }),
-        /* @__PURE__ */ jsx84(RegionSwap, { state: loading ? "loading" : "data", className: ProgressCircle_default.legend, children: legendNode })
+      /* @__PURE__ */ jsxs67("div", { className: cx(ProgressCircle_default.root, className), ...rootProps, children: [
+        /* @__PURE__ */ jsx85("div", { className: ProgressCircle_default.ring, children: body }),
+        /* @__PURE__ */ jsx85(RegionSwap, { state: loading ? "loading" : "data", className: ProgressCircle_default.legend, children: legendNode })
       ] })
     );
   }
   return provide(
-    /* @__PURE__ */ jsx84("div", { className: cx(ProgressCircle_default.root, className), ...rootProps, children: body })
+    /* @__PURE__ */ jsx85("div", { className: cx(ProgressCircle_default.root, className), ...rootProps, children: body })
   );
 }
 
@@ -30249,7 +30673,7 @@ var Radio_default = {
 };
 
 // src/components/radio/Radio.tsx
-import { Fragment as Fragment43, jsx as jsx85, jsxs as jsxs67 } from "react/jsx-runtime";
+import { Fragment as Fragment45, jsx as jsx86, jsxs as jsxs68 } from "react/jsx-runtime";
 var RADIO_GROUP_LABELS = { optional: "\u043D\u0435\u043E\u0431\u044F\u0437\u0430\u0442\u0435\u043B\u044C\u043D\u043E" };
 var [RadioGroupProvider, useRadioGroupContext] = createComponentContext("Radio.Group");
 function RadioGroup({
@@ -30297,8 +30721,8 @@ function RadioGroup({
     () => ({ name, value, setValue, size, disabled, invalid: ids.invalid, required }),
     [name, value, setValue, size, disabled, ids.invalid, required]
   );
-  return /* @__PURE__ */ jsx85(RadioGroupProvider, { value: ctxValue, children: tier.provide(
-    /* @__PURE__ */ jsx85(
+  return /* @__PURE__ */ jsx86(RadioGroupProvider, { value: ctxValue, children: tier.provide(
+    /* @__PURE__ */ jsx86(
       FieldFrame,
       {
         ...rest,
@@ -30314,7 +30738,7 @@ function RadioGroup({
         optionalLabel: labels.optional,
         group: true,
         className,
-        children: /* @__PURE__ */ jsx85(
+        children: /* @__PURE__ */ jsx86(
           "div",
           {
             id: ids.controlId,
@@ -30351,7 +30775,7 @@ function RadioRoot({
   const ids = useFieldFrame(id, { hint, invalid: group.invalid }, ariaDescribedBy);
   const disabled = group.disabled || disabledProp;
   const checked = group.value === value;
-  return /* @__PURE__ */ jsx85(
+  return /* @__PURE__ */ jsx86(
     ChoiceField,
     {
       ids,
@@ -30362,8 +30786,8 @@ function RadioRoot({
       hint,
       hintTone,
       className: cx(Radio_default.root, className),
-      control: /* @__PURE__ */ jsxs67(Fragment43, { children: [
-        /* @__PURE__ */ jsx85(
+      control: /* @__PURE__ */ jsxs68(Fragment45, { children: [
+        /* @__PURE__ */ jsx86(
           "input",
           {
             ...inputRest,
@@ -30381,12 +30805,12 @@ function RadioRoot({
             "aria-describedby": ids.describedBy
           }
         ),
-        /* @__PURE__ */ jsx85(
+        /* @__PURE__ */ jsx86(
           "span",
           {
             className: cx(choiceVisualClass, choiceBoxClass, Radio_default.control),
             "aria-hidden": "true",
-            children: /* @__PURE__ */ jsx85("span", { className: Radio_default.dot })
+            children: /* @__PURE__ */ jsx86("span", { className: Radio_default.dot })
           }
         )
       ] }),
@@ -30396,7 +30820,7 @@ function RadioRoot({
 }
 RadioRoot.displayName = "Radio.Root";
 function RadioLabel(props) {
-  return /* @__PURE__ */ jsx85(ChoiceLabel, { ...props });
+  return /* @__PURE__ */ jsx86(ChoiceLabel, { ...props });
 }
 RadioLabel.displayName = "Radio.Label";
 var Radio = {
@@ -30411,13 +30835,13 @@ var RichText_default = {
 };
 
 // src/components/rich-text/RichText.tsx
-import { jsx as jsx86 } from "react/jsx-runtime";
+import { jsx as jsx87 } from "react/jsx-runtime";
 var RICH_TEXT_LABELS = {
   spoiler: "\u0421\u043A\u0440\u044B\u0442\u044B\u0439 \u0442\u0435\u043A\u0441\u0442"
 };
 function RichText2({ children, labels: labelsProp, className, ...rest }) {
   const labels = useLabels(RICH_TEXT_LABELS, labelsProp);
-  return /* @__PURE__ */ jsx86("div", { className: cx(RichText_default.root, className), ...rest, children: /* @__PURE__ */ jsx86(RichText, { source: children, labels }) });
+  return /* @__PURE__ */ jsx87("div", { className: cx(RichText_default.root, className), ...rest, children: /* @__PURE__ */ jsx87(RichText, { source: children, labels }) });
 }
 
 // src/components/sheet/Sheet.module.css
@@ -30426,14 +30850,14 @@ var Sheet_default = {
 };
 
 // src/components/sheet/Sheet.tsx
-import { jsx as jsx87 } from "react/jsx-runtime";
+import { jsx as jsx88 } from "react/jsx-runtime";
 function SheetRoot({ children, ...options }) {
   const state = useDialogRoot(options);
-  return /* @__PURE__ */ jsx87(DialogRootProvider, { value: state, children });
+  return /* @__PURE__ */ jsx88(DialogRootProvider, { value: state, children });
 }
 SheetRoot.displayName = "Sheet.Root";
 function SheetContent(props) {
-  return /* @__PURE__ */ jsx87(
+  return /* @__PURE__ */ jsx88(
     DialogPanel,
     {
       ...props,
@@ -30580,7 +31004,7 @@ var Sparkline_default = {
 };
 
 // src/components/sparkline/Sparkline.tsx
-import { Fragment as Fragment44, jsx as jsx88, jsxs as jsxs68 } from "react/jsx-runtime";
+import { Fragment as Fragment46, jsx as jsx89, jsxs as jsxs69 } from "react/jsx-runtime";
 var SPARKLINE_LABELS = {
   point: "{label}: {value}",
   period: "{first} \u2013 {last}",
@@ -30666,8 +31090,8 @@ function Sparkline({
   const drawing = React93.useMemo(() => {
     const { paths } = geometry;
     if (!paths) return null;
-    return /* @__PURE__ */ jsxs68("div", { className: Sparkline_default.drawing, "aria-hidden": "true", children: [
-      /* @__PURE__ */ jsxs68(
+    return /* @__PURE__ */ jsxs69("div", { className: Sparkline_default.drawing, "aria-hidden": "true", children: [
+      /* @__PURE__ */ jsxs69(
         "svg",
         {
           className: Sparkline_default.svg,
@@ -30675,18 +31099,18 @@ function Sparkline({
           preserveAspectRatio: "none",
           "aria-hidden": "true",
           children: [
-            variant === "area" && paths.area ? /* @__PURE__ */ jsxs68(Fragment44, { children: [
-              /* @__PURE__ */ jsx88("defs", { children: /* @__PURE__ */ jsxs68("linearGradient", { id: gradientId, x1: "0", y1: "0", x2: "0", y2: "1", children: [
-                /* @__PURE__ */ jsx88("stop", { offset: "0", className: Sparkline_default.fadeTop }),
-                /* @__PURE__ */ jsx88("stop", { offset: "1", className: Sparkline_default.fadeBottom })
+            variant === "area" && paths.area ? /* @__PURE__ */ jsxs69(Fragment46, { children: [
+              /* @__PURE__ */ jsx89("defs", { children: /* @__PURE__ */ jsxs69("linearGradient", { id: gradientId, x1: "0", y1: "0", x2: "0", y2: "1", children: [
+                /* @__PURE__ */ jsx89("stop", { offset: "0", className: Sparkline_default.fadeTop }),
+                /* @__PURE__ */ jsx89("stop", { offset: "1", className: Sparkline_default.fadeBottom })
               ] }) }),
-              /* @__PURE__ */ jsx88("path", { className: Sparkline_default.area, d: paths.area, fill: `url(#${gradientId})` })
+              /* @__PURE__ */ jsx89("path", { className: Sparkline_default.area, d: paths.area, fill: `url(#${gradientId})` })
             ] }) : null,
-            paths.line ? /* @__PURE__ */ jsx88("path", { className: Sparkline_default.line, d: paths.line }) : null
+            paths.line ? /* @__PURE__ */ jsx89("path", { className: Sparkline_default.line, d: paths.line }) : null
           ]
         }
       ),
-      paths.lone.map((i) => /* @__PURE__ */ jsx88(
+      paths.lone.map((i) => /* @__PURE__ */ jsx89(
         "span",
         {
           className: Sparkline_default.lone,
@@ -30717,7 +31141,7 @@ function Sparkline({
   const layoutAttr = compact ? layout : void 0;
   const plotNode = plotRef.current;
   const tooltipPoint = active === null || !point ? null : pointer ?? (plotNode ? { x: x(index) * plotNode.offsetWidth, y: plotNode.offsetHeight / 2 } : null);
-  return /* @__PURE__ */ jsxs68(
+  return /* @__PURE__ */ jsxs69(
     "div",
     {
       ...rest,
@@ -30729,20 +31153,20 @@ function Sparkline({
       "data-size": compact ? "xs" : void 0,
       "aria-busy": loading || void 0,
       children: [
-        compact ? null : /* @__PURE__ */ jsxs68(Fragment44, { children: [
-          /* @__PURE__ */ jsxs68("div", { className: Sparkline_default.head, children: [
-            /* @__PURE__ */ jsx88("span", { className: Sparkline_default.label, children: label }),
-            /* @__PURE__ */ jsx88(RegionSwap, { state: stateKey, className: Sparkline_default.date, children: loading ? /* @__PURE__ */ jsx88(Skeleton, { shape: "text", size: "s", className: Sparkline_default.dateSkeleton }) : headDate })
+        compact ? null : /* @__PURE__ */ jsxs69(Fragment46, { children: [
+          /* @__PURE__ */ jsxs69("div", { className: Sparkline_default.head, children: [
+            /* @__PURE__ */ jsx89("span", { className: Sparkline_default.label, children: label }),
+            /* @__PURE__ */ jsx89(RegionSwap, { state: stateKey, className: Sparkline_default.date, children: loading ? /* @__PURE__ */ jsx89(Skeleton, { shape: "text", size: "s", className: Sparkline_default.dateSkeleton }) : headDate })
           ] }),
-          /* @__PURE__ */ jsx88(RegionSwap, { state: stateKey, children: loading ? /* @__PURE__ */ jsx88(Skeleton, { shape: "block", className: Sparkline_default.valueSkeleton }) : /* @__PURE__ */ jsxs68("div", { className: Sparkline_default.valueRow, children: [
-            /* @__PURE__ */ jsx88("span", { className: Sparkline_default.value, "data-empty": restValue === null || void 0, children: atRest ? /* @__PURE__ */ jsx88(RollingNumber, { children: headValue }) : headValue }),
-            delta !== null ? /* @__PURE__ */ jsxs68(Badge.Root, { tone: delta < 0 ? "danger" : "success", className: Sparkline_default.change, children: [
-              /* @__PURE__ */ jsx88(Badge.Icon, { className: Sparkline_default.trend, "data-down": delta < 0 || void 0, children: /* @__PURE__ */ jsx88(Icon, { name: "status.trendUp" }) }),
+          /* @__PURE__ */ jsx89(RegionSwap, { state: stateKey, children: loading ? /* @__PURE__ */ jsx89(Skeleton, { shape: "block", className: Sparkline_default.valueSkeleton }) : /* @__PURE__ */ jsxs69("div", { className: Sparkline_default.valueRow, children: [
+            /* @__PURE__ */ jsx89("span", { className: Sparkline_default.value, "data-empty": restValue === null || void 0, children: atRest ? /* @__PURE__ */ jsx89(RollingNumber, { children: headValue }) : headValue }),
+            delta !== null ? /* @__PURE__ */ jsxs69(Badge.Root, { tone: delta < 0 ? "danger" : "success", className: Sparkline_default.change, children: [
+              /* @__PURE__ */ jsx89(Badge.Icon, { className: Sparkline_default.trend, "data-down": delta < 0 || void 0, children: /* @__PURE__ */ jsx89(Icon, { name: "status.trendUp" }) }),
               `${delta > 0 ? "+" : delta < 0 ? "\u2212" : ""}${PERCENT.format(Math.abs(delta))}%`
             ] }) : null
           ] }) })
         ] }),
-        /* @__PURE__ */ jsx88(RegionSwap, { state: stateKey, children: loading ? /* @__PURE__ */ jsx88(Skeleton, { shape: "block", className: Sparkline_default.plotSkeleton }) : /* @__PURE__ */ jsxs68(
+        /* @__PURE__ */ jsx89(RegionSwap, { state: stateKey, children: loading ? /* @__PURE__ */ jsx89(Skeleton, { shape: "block", className: Sparkline_default.plotSkeleton }) : /* @__PURE__ */ jsxs69(
           "div",
           {
             ref: plotRef,
@@ -30779,7 +31203,7 @@ function Sparkline({
             },
             onBlur: () => setActive(null),
             children: [
-              geometry.reference !== null ? /* @__PURE__ */ jsx88(
+              geometry.reference !== null ? /* @__PURE__ */ jsx89(
                 "span",
                 {
                   className: Sparkline_default.reference,
@@ -30787,15 +31211,15 @@ function Sparkline({
                   "aria-hidden": "true"
                 }
               ) : null,
-              /* @__PURE__ */ jsx88(RegionSwap, { state: version, fill: true, children: bars ? /* @__PURE__ */ jsxs68("div", { className: Sparkline_default.bars, "aria-hidden": "true", children: [
-                /* @__PURE__ */ jsx88(
+              /* @__PURE__ */ jsx89(RegionSwap, { state: version, fill: true, children: bars ? /* @__PURE__ */ jsxs69("div", { className: Sparkline_default.bars, "aria-hidden": "true", children: [
+                /* @__PURE__ */ jsx89(
                   "span",
                   {
                     className: Sparkline_default.baseline,
                     style: { "--sparkline-zero": geometry.zero }
                   }
                 ),
-                data.map((p, i) => /* @__PURE__ */ jsx88(
+                data.map((p, i) => /* @__PURE__ */ jsx89(
                   "span",
                   {
                     className: Sparkline_default.slot,
@@ -30803,7 +31227,7 @@ function Sparkline({
                       current: i === index || void 0,
                       quiet: (active !== null || highlight !== void 0) && i !== index ? true : void 0
                     }),
-                    children: p.value === null ? null : /* @__PURE__ */ jsx88(
+                    children: p.value === null ? null : /* @__PURE__ */ jsx89(
                       "span",
                       {
                         className: Sparkline_default.bar,
@@ -30818,7 +31242,7 @@ function Sparkline({
                   i
                 ))
               ] }) : drawing }),
-              point && !bars ? /* @__PURE__ */ jsxs68(
+              point && !bars ? /* @__PURE__ */ jsxs69(
                 "span",
                 {
                   className: Sparkline_default.cursor,
@@ -30829,8 +31253,8 @@ function Sparkline({
                     "--sparkline-y": shownValue === null ? 0.5 : y(shownValue)
                   },
                   children: [
-                    /* @__PURE__ */ jsx88("span", { className: Sparkline_default.guide }),
-                    /* @__PURE__ */ jsx88("span", { className: Sparkline_default.dot, "data-empty": shownValue === null || void 0 })
+                    /* @__PURE__ */ jsx89("span", { className: Sparkline_default.guide }),
+                    /* @__PURE__ */ jsx89("span", { className: Sparkline_default.dot, "data-empty": shownValue === null || void 0 })
                   ]
                 }
               ) : null
@@ -30839,16 +31263,16 @@ function Sparkline({
         ) }),
         reference !== void 0 ? (
           // Hidden text still feeds `aria-describedby` and is not read twice in the page flow.
-          /* @__PURE__ */ jsx88("span", { id: referenceId, hidden: true, children: formatLabel(labels.reference, { value: formatValue(reference) }) })
+          /* @__PURE__ */ jsx89("span", { id: referenceId, hidden: true, children: formatLabel(labels.reference, { value: formatValue(reference) }) })
         ) : null,
-        /* @__PURE__ */ jsx88(
+        /* @__PURE__ */ jsx89(
           ChartTooltip,
           {
             anchorRef: plotRef,
             point: tooltipPoint,
             label: point?.label,
             onDismiss: () => setActive(null),
-            children: /* @__PURE__ */ jsx88("span", { className: Sparkline_default.tooltipValue, children: valueText })
+            children: /* @__PURE__ */ jsx89("span", { className: Sparkline_default.tooltipValue, children: valueText })
           }
         )
       ]
@@ -30873,7 +31297,7 @@ var Stepper_default = {
 };
 
 // src/components/stepper/Stepper.tsx
-import { jsx as jsx89, jsxs as jsxs69 } from "react/jsx-runtime";
+import { jsx as jsx90, jsxs as jsxs70 } from "react/jsx-runtime";
 var STEPPER_LABELS = {
   completed: "\u043F\u0440\u043E\u0439\u0434\u0435\u043D",
   danger: "\u0442\u0440\u0435\u0431\u0443\u0435\u0442 \u0432\u043D\u0438\u043C\u0430\u043D\u0438\u044F"
@@ -30919,11 +31343,11 @@ function StepperRoot({
     const index = nextIndex;
     nextIndex += 1;
     items.push(
-      /* @__PURE__ */ jsx89(StepperIndexContext.Provider, { value: index, children: child }, child.key)
+      /* @__PURE__ */ jsx90(StepperIndexContext.Provider, { value: index, children: child }, child.key)
     );
   }
-  return /* @__PURE__ */ jsx89(StepperRootProvider, { value: contextValue, children: tier.provide(
-    /* @__PURE__ */ jsx89(
+  return /* @__PURE__ */ jsx90(StepperRootProvider, { value: contextValue, children: tier.provide(
+    /* @__PURE__ */ jsx90(
       "ol",
       {
         role: "list",
@@ -30952,9 +31376,9 @@ function StepperItem({
   const status = statusProp ?? deriveStatus(index, value);
   const itemContext = React94.useMemo(() => ({ index, status }), [index, status]);
   const spokenStatus = status === "completed" ? labels.completed : status === "danger" ? labels.danger : null;
-  return /* @__PURE__ */ jsx89(StepperItemProvider, { value: itemContext, children: /* @__PURE__ */ jsxs69("li", { className: Stepper_default.item, children: [
-    /* @__PURE__ */ jsx89("span", { className: Stepper_default.separator, "aria-hidden": "true", children: /* @__PURE__ */ jsx89(Icon, { name: "nav.chevronRight", strokeWidth: 2 }) }),
-    /* @__PURE__ */ jsxs69(
+  return /* @__PURE__ */ jsx90(StepperItemProvider, { value: itemContext, children: /* @__PURE__ */ jsxs70("li", { className: Stepper_default.item, children: [
+    /* @__PURE__ */ jsx90("span", { className: Stepper_default.separator, "aria-hidden": "true", children: /* @__PURE__ */ jsx90(Icon, { name: "nav.chevronRight", strokeWidth: 2 }) }),
+    /* @__PURE__ */ jsxs70(
       "button",
       {
         ...rest,
@@ -30974,8 +31398,8 @@ function StepperItem({
         },
         children: [
           children,
-          spokenStatus === null ? null : /* @__PURE__ */ jsx89(VisuallyHidden, { children: `, ${spokenStatus}` }),
-          arrows && orientation === "vertical" ? /* @__PURE__ */ jsx89("span", { className: Stepper_default.arrow, "aria-hidden": "true", children: /* @__PURE__ */ jsx89(Icon, { name: "nav.chevronRight", strokeWidth: 2 }) }) : null
+          spokenStatus === null ? null : /* @__PURE__ */ jsx90(VisuallyHidden, { children: `, ${spokenStatus}` }),
+          arrows && orientation === "vertical" ? /* @__PURE__ */ jsx90("span", { className: Stepper_default.arrow, "aria-hidden": "true", children: /* @__PURE__ */ jsx90(Icon, { name: "nav.chevronRight", strokeWidth: 2 }) }) : null
         ]
       }
     )
@@ -30983,34 +31407,34 @@ function StepperItem({
 }
 StepperItem.displayName = "Stepper.Item";
 function statusGlyph(status, index) {
-  if (status === "completed") return /* @__PURE__ */ jsx89(Icon, { name: "action.check", strokeWidth: 2 });
-  if (status === "danger") return /* @__PURE__ */ jsx89(Icon, { name: "status.danger" });
+  if (status === "completed") return /* @__PURE__ */ jsx90(Icon, { name: "action.check", strokeWidth: 2 });
+  if (status === "danger") return /* @__PURE__ */ jsx90(Icon, { name: "status.danger" });
   return index + 1;
 }
 function StepperIndicator({ children, className, ...rest }) {
   const { status, index } = useStepperItemContext();
-  return /* @__PURE__ */ jsx89(
+  return /* @__PURE__ */ jsx90(
     "span",
     {
       ...rest,
       className: cx(Stepper_default.indicator, className),
       "data-status": status,
       "aria-hidden": "true",
-      children: /* @__PURE__ */ jsx89(GlyphSwap, { children: children ?? statusGlyph(status, index) })
+      children: /* @__PURE__ */ jsx90(GlyphSwap, { children: children ?? statusGlyph(status, index) })
     }
   );
 }
 StepperIndicator.displayName = "Stepper.Indicator";
 function StepperContent({ className, ...rest }) {
-  return /* @__PURE__ */ jsx89("span", { ...rest, className: cx(Stepper_default.content, className) });
+  return /* @__PURE__ */ jsx90("span", { ...rest, className: cx(Stepper_default.content, className) });
 }
 StepperContent.displayName = "Stepper.Content";
 function StepperTitle({ className, ...rest }) {
-  return /* @__PURE__ */ jsx89("span", { ...rest, className: cx(Stepper_default.title, className) });
+  return /* @__PURE__ */ jsx90("span", { ...rest, className: cx(Stepper_default.title, className) });
 }
 StepperTitle.displayName = "Stepper.Title";
 function StepperDescription({ className, ...rest }) {
-  return /* @__PURE__ */ jsx89("span", { ...rest, className: cx(Stepper_default.description, className) });
+  return /* @__PURE__ */ jsx90("span", { ...rest, className: cx(Stepper_default.description, className) });
 }
 StepperDescription.displayName = "Stepper.Description";
 var Stepper = {
@@ -31030,7 +31454,7 @@ var Switch_default = {
 };
 
 // src/components/switch/Switch.tsx
-import { Fragment as Fragment45, jsx as jsx90, jsxs as jsxs70 } from "react/jsx-runtime";
+import { Fragment as Fragment47, jsx as jsx91, jsxs as jsxs71 } from "react/jsx-runtime";
 var SWITCH_LABELS = { optional: "\u043D\u0435\u043E\u0431\u044F\u0437\u0430\u0442\u0435\u043B\u044C\u043D\u043E" };
 function SwitchRoot({
   id,
@@ -31072,7 +31496,7 @@ function SwitchRoot({
     }
     changes.track(next, outcome, { onResolve: () => setStored(next) });
   };
-  return /* @__PURE__ */ jsx90(
+  return /* @__PURE__ */ jsx91(
     ChoiceField,
     {
       ids,
@@ -31088,8 +31512,8 @@ function SwitchRoot({
       hintTone,
       error,
       className: cx(Switch_default.root, className),
-      control: /* @__PURE__ */ jsxs70(Fragment45, { children: [
-        /* @__PURE__ */ jsx90(
+      control: /* @__PURE__ */ jsxs71(Fragment47, { children: [
+        /* @__PURE__ */ jsx91(
           "input",
           {
             ...inputRest,
@@ -31109,13 +31533,13 @@ function SwitchRoot({
             }
           }
         ),
-        /* @__PURE__ */ jsx90(
+        /* @__PURE__ */ jsx91(
           "span",
           {
             className: cx(choiceVisualClass, choiceTrackClass, Switch_default.track),
             "data-loading": busy || void 0,
             "aria-hidden": "true",
-            children: /* @__PURE__ */ jsx90("span", { className: Switch_default.thumb, children: busy ? /* @__PURE__ */ jsx90(Spinner, { "aria-hidden": "true" }) : null })
+            children: /* @__PURE__ */ jsx91("span", { className: Switch_default.thumb, children: busy ? /* @__PURE__ */ jsx91(Spinner, { "aria-hidden": "true" }) : null })
           }
         )
       ] }),
@@ -31126,7 +31550,7 @@ function SwitchRoot({
 SwitchRoot.displayName = "Switch.Root";
 var takeNext2 = (_current, next) => next;
 function SwitchLabel(props) {
-  return /* @__PURE__ */ jsx90(ChoiceLabel, { ...props });
+  return /* @__PURE__ */ jsx91(ChoiceLabel, { ...props });
 }
 SwitchLabel.displayName = "Switch.Label";
 var Switch = {
@@ -31159,7 +31583,7 @@ var Tabs_default = {
 };
 
 // src/components/tabs/Tabs.tsx
-import { Fragment as Fragment46, jsx as jsx91, jsxs as jsxs71 } from "react/jsx-runtime";
+import { Fragment as Fragment48, jsx as jsx92, jsxs as jsxs72 } from "react/jsx-runtime";
 var TABS_LABELS = {
   remove: "\u0417\u0430\u043A\u0440\u044B\u0442\u044C \u0432\u043A\u043B\u0430\u0434\u043A\u0443 \xAB{label}\xBB"
 };
@@ -31230,14 +31654,14 @@ function TabsRoot({
     ...minItemWidth !== void 0 && { "--tabs-item-min": cssLength(minItemWidth) },
     ...maxItemWidth !== void 0 && { "--tabs-item-max": cssLength(maxItemWidth) }
   };
-  return /* @__PURE__ */ jsx91(TabsProvider, { value: context, children: /* @__PURE__ */ jsx91(
+  return /* @__PURE__ */ jsx92(TabsProvider, { value: context, children: /* @__PURE__ */ jsx92(
     "div",
     {
       ...rest,
       className: cx(fieldTierClass, Tabs_default.root, className),
       style: { ...style, ...widths },
       ...toDataAttributes({ orientation, size, tone, "full-width": fullWidth }),
-      children: tier.provide(/* @__PURE__ */ jsx91("div", { className: Tabs_default.layout, children }))
+      children: tier.provide(/* @__PURE__ */ jsx92("div", { className: Tabs_default.layout, children }))
     }
   ) });
 }
@@ -31394,7 +31818,7 @@ function TabsList({ children, className, ref, ...rest }) {
     // The strip paints the band; the list inside scrolls and fades over it, the band never fades.
     // A column never scrolls sideways: no edge fade, or it would dim the folder where it joins
     // the panel.
-    /* @__PURE__ */ jsx91("div", { className: Tabs_default.strip, children: /* @__PURE__ */ jsxs71(
+    /* @__PURE__ */ jsx92("div", { className: Tabs_default.strip, children: /* @__PURE__ */ jsxs72(
       SwitcherScroller,
       {
         ...rest,
@@ -31406,7 +31830,7 @@ function TabsList({ children, className, ref, ...rest }) {
         "data-collapse": collapse,
         onKeyDown: handleKeyDown,
         children: [
-          /* @__PURE__ */ jsx91(
+          /* @__PURE__ */ jsx92(
             "div",
             {
               ref: folderRef,
@@ -31416,7 +31840,7 @@ function TabsList({ children, className, ref, ...rest }) {
               onTransitionEnd: endIndicatorGlide
             }
           ),
-          /* @__PURE__ */ jsx91(CollapseContext2.Provider, { value: collapse, children })
+          /* @__PURE__ */ jsx92(CollapseContext2.Provider, { value: collapse, children })
         ]
       }
     ) })
@@ -31496,7 +31920,7 @@ function TabsItem({
       () => setRemoving(false)
     );
   }
-  return /* @__PURE__ */ jsxs71(
+  return /* @__PURE__ */ jsxs72(
     "div",
     {
       className: Tabs_default.item,
@@ -31507,8 +31931,8 @@ function TabsItem({
         removable: removable || void 0
       }),
       children: [
-        /* @__PURE__ */ jsxs71(Tooltip.Root, { open: iconOnly && tooltipOpen, onOpenChange: setTooltipOpen, children: [
-          /* @__PURE__ */ jsx91(Tooltip.Trigger, { children: /* @__PURE__ */ jsx91(
+        /* @__PURE__ */ jsxs72(Tooltip.Root, { open: iconOnly && tooltipOpen, onOpenChange: setTooltipOpen, children: [
+          /* @__PURE__ */ jsx92(Tooltip.Trigger, { children: /* @__PURE__ */ jsx92(
             "button",
             {
               ...rest,
@@ -31549,14 +31973,14 @@ function TabsItem({
                 event.preventDefault();
                 remove();
               },
-              children: /* @__PURE__ */ jsx91("span", { className: cx(Tabs_default.content, press_default.pressPartCompact), children: parts.provide(labelPlainText(children, TabsLabel)) })
+              children: /* @__PURE__ */ jsx92("span", { className: cx(Tabs_default.content, press_default.pressPartCompact), children: parts.provide(labelPlainText(children, TabsLabel)) })
             }
           ) }),
-          iconOnly ? /* @__PURE__ */ jsx91(Tooltip.Content, { children: label }) : null
+          iconOnly ? /* @__PURE__ */ jsx92(Tooltip.Content, { children: label }) : null
         ] }),
         removable ? (
           // Out of the tab order: the focused tab closes with Delete; the button is for the pointer.
-          /* @__PURE__ */ jsx91("span", { className: Tabs_default.remove, children: /* @__PURE__ */ jsx91(
+          /* @__PURE__ */ jsx92("span", { className: Tabs_default.remove, children: /* @__PURE__ */ jsx92(
             Button.Root,
             {
               variant: "ghost",
@@ -31566,7 +31990,7 @@ function TabsItem({
               loading: removing,
               "aria-label": formatLabel(labels.remove, { label: labelText }),
               onClick: remove,
-              children: /* @__PURE__ */ jsx91(Button.Icon, { children: /* @__PURE__ */ jsx91(Icon, { name: "action.close" }) })
+              children: /* @__PURE__ */ jsx92(Button.Icon, { children: /* @__PURE__ */ jsx92(Icon, { name: "action.close" }) })
             }
           ) })
         ) : null
@@ -31576,15 +32000,15 @@ function TabsItem({
 }
 TabsItem.displayName = "Tabs.Item";
 function TabsIcon({ children, className, ...rest }) {
-  return /* @__PURE__ */ jsx91("span", { className: cx(iconSlotClass, Tabs_default.icon, className), "aria-hidden": "true", ...rest, children });
+  return /* @__PURE__ */ jsx92("span", { className: cx(iconSlotClass, Tabs_default.icon, className), "aria-hidden": "true", ...rest, children });
 }
 TabsIcon.displayName = "Tabs.Icon";
 function TabsLabel({ children, className, ...rest }) {
   const id = useTextPartId("label");
   const iconOnly = React95.useContext(CollapseContext2) === "icon";
   const text = typeof children === "string" || typeof children === "number" ? String(children) : "";
-  return /* @__PURE__ */ jsxs71(Fragment46, { children: [
-    /* @__PURE__ */ jsx91(
+  return /* @__PURE__ */ jsxs72(Fragment48, { children: [
+    /* @__PURE__ */ jsx92(
       "span",
       {
         id,
@@ -31592,26 +32016,26 @@ function TabsLabel({ children, className, ...rest }) {
         "data-text": text || void 0,
         "aria-hidden": iconOnly || void 0,
         ...rest,
-        children: /* @__PURE__ */ jsx91("span", { className: Tabs_default.labelText, children })
+        children: /* @__PURE__ */ jsx92("span", { className: Tabs_default.labelText, children })
       }
     ),
-    iconOnly ? /* @__PURE__ */ jsx91(VisuallyHidden, { children }) : null
+    iconOnly ? /* @__PURE__ */ jsx92(VisuallyHidden, { children }) : null
   ] });
 }
 TabsLabel.displayName = "Tabs.Label";
 function TabsCount({ color = "gray", children, className, ...rest }) {
   const id = useTextPartId("count");
-  return /* @__PURE__ */ jsx91(Badge.Root, { ...rest, id, color, className: cx(Tabs_default.count, className), children });
+  return /* @__PURE__ */ jsx92(Badge.Root, { ...rest, id, color, className: cx(Tabs_default.count, className), children });
 }
 TabsCount.displayName = "Tabs.Count";
 function TabsDescription({ children, className, ...rest }) {
   const id = useTextPartId("description");
-  return /* @__PURE__ */ jsx91("span", { id, className: cx(Tabs_default.description, className), ...rest, children });
+  return /* @__PURE__ */ jsx92("span", { id, className: cx(Tabs_default.description, className), ...rest, children });
 }
 TabsDescription.displayName = "Tabs.Description";
 function TabsSeparator({ className, ...rest }) {
   const { orientation } = useTabsContext();
-  return /* @__PURE__ */ jsx91(
+  return /* @__PURE__ */ jsx92(
     Divider,
     {
       ...rest,
@@ -31623,25 +32047,39 @@ function TabsSeparator({ className, ...rest }) {
   );
 }
 TabsSeparator.displayName = "Tabs.Separator";
-function TabsPanel({ value, ...rest }) {
+function TabsPanel({ value, keepMounted = false, ...rest }) {
   const { activeValue } = useTabsContext();
-  if (activeValue !== value) return null;
-  return /* @__PURE__ */ jsx91(TabsPanelContent, { value, ...rest });
+  const active = activeValue === value;
+  const [opened, setOpened] = React95.useState(active);
+  if (active && !opened) setOpened(true);
+  if (!active && !(keepMounted && opened)) return null;
+  return /* @__PURE__ */ jsx92(TabsPanelContent, { value, active, ...rest });
 }
 TabsPanel.displayName = "Tabs.Panel";
-function TabsPanelContent({ value, children, className, ...rest }) {
+function TabsPanelContent({
+  value,
+  active,
+  children,
+  className,
+  ref,
+  ...rest
+}) {
   const { rootId, registerPanel } = useTabsContext();
   React95.useLayoutEffect(() => registerPanel(value), [registerPanel, value]);
-  return /* @__PURE__ */ jsx91(
+  const appear = useEnterOnAppear(active);
+  const mergedRef = useMergedRefs(appear.ref, ref);
+  return /* @__PURE__ */ jsx92(
     "div",
     {
       ...rest,
+      ref: mergedRef,
       role: "tabpanel",
       id: panelId(rootId, value),
       "aria-labelledby": tabId(rootId, value),
+      hidden: !active || void 0,
       tabIndex: 0,
       className: cx(Tabs_default.panel, className),
-      children: /* @__PURE__ */ jsx91("div", { className: cx(Tabs_default.panelContent, enterMotion_default.enterBase), children })
+      children: /* @__PURE__ */ jsx92("div", { className: cx(Tabs_default.panelContent, appear.entering && enterMotion_default.enterBase), children })
     }
   );
 }
@@ -31692,7 +32130,7 @@ var TagSelect_default = {
 };
 
 // src/components/tag-select/TagOptionMenu.tsx
-import { Fragment as Fragment47, jsx as jsx92, jsxs as jsxs72 } from "react/jsx-runtime";
+import { Fragment as Fragment49, jsx as jsx93, jsxs as jsxs73 } from "react/jsx-runtime";
 var TAG_COLORS = [
   "gray",
   "red",
@@ -31727,8 +32165,8 @@ function TagOptionMenu({
     if (next && next !== label) onUpdate?.(value, { label: next });
     if (!next) setDraft(label);
   };
-  return /* @__PURE__ */ jsxs72(Popover.Root, { open, onOpenChange, children: [
-    /* @__PURE__ */ jsx92(Popover.Trigger, { children: /* @__PURE__ */ jsx92(
+  return /* @__PURE__ */ jsxs73(Popover.Root, { open, onOpenChange, children: [
+    /* @__PURE__ */ jsx93(Popover.Trigger, { children: /* @__PURE__ */ jsx93(
       Button.Root,
       {
         variant: "ghost",
@@ -31739,11 +32177,11 @@ function TagOptionMenu({
         loading: pending || saving,
         className: TagSelect_default.menuTrigger,
         onMouseDown: (event) => event.preventDefault(),
-        children: /* @__PURE__ */ jsx92(Button.Icon, { children: /* @__PURE__ */ jsx92(Icon, { name: "action.more" }) })
+        children: /* @__PURE__ */ jsx93(Button.Icon, { children: /* @__PURE__ */ jsx93(Icon, { name: "action.more" }) })
       }
     ) }),
-    /* @__PURE__ */ jsx92(Popover.Content, { size: "s", flush: true, className: TagSelect_default.menuPanel, children: /* @__PURE__ */ jsxs72("div", { className: TagSelect_default.menuBody, children: [
-      onUpdate ? /* @__PURE__ */ jsx92(Input.Root, { size: "s", children: /* @__PURE__ */ jsx92(Input.Wrapper, { children: /* @__PURE__ */ jsx92(
+    /* @__PURE__ */ jsx93(Popover.Content, { size: "s", flush: true, className: TagSelect_default.menuPanel, children: /* @__PURE__ */ jsxs73("div", { className: TagSelect_default.menuBody, children: [
+      onUpdate ? /* @__PURE__ */ jsx93(Input.Root, { size: "s", children: /* @__PURE__ */ jsx93(Input.Wrapper, { children: /* @__PURE__ */ jsx93(
         Input.Field,
         {
           autoFocus: true,
@@ -31759,7 +32197,7 @@ function TagOptionMenu({
           }
         }
       ) }) }) : null,
-      onDelete ? /* @__PURE__ */ jsxs72(
+      onDelete ? /* @__PURE__ */ jsxs73(
         Button.Root,
         {
           variant: "ghost",
@@ -31771,15 +32209,15 @@ function TagOptionMenu({
             onDelete(value);
           },
           children: [
-            /* @__PURE__ */ jsx92(Button.Icon, { children: /* @__PURE__ */ jsx92(Icon, { name: "action.delete" }) }),
+            /* @__PURE__ */ jsx93(Button.Icon, { children: /* @__PURE__ */ jsx93(Icon, { name: "action.delete" }) }),
             labels.delete
           ]
         }
       ) : null,
-      onUpdate ? /* @__PURE__ */ jsxs72(Fragment47, { children: [
-        /* @__PURE__ */ jsx92(Divider, { className: menu_default.separator }),
-        /* @__PURE__ */ jsx92("div", { className: cx(textRole_default.caption, menu_default.groupLabel), children: labels.colors }),
-        /* @__PURE__ */ jsx92("div", { className: cx(fieldTierClass, menu_default.tier), "data-size": "s", children: TAG_COLORS.map((hue) => /* @__PURE__ */ jsxs72(
+      onUpdate ? /* @__PURE__ */ jsxs73(Fragment49, { children: [
+        /* @__PURE__ */ jsx93(Divider, { className: menu_default.separator }),
+        /* @__PURE__ */ jsx93("div", { className: cx(textRole_default.caption, menu_default.groupLabel), children: labels.colors }),
+        /* @__PURE__ */ jsx93("div", { className: cx(fieldTierClass, menu_default.tier), "data-size": "s", children: TAG_COLORS.map((hue) => /* @__PURE__ */ jsxs73(
           "button",
           {
             type: "button",
@@ -31787,8 +32225,8 @@ function TagOptionMenu({
             className: cx(menu_default.item, TagSelect_default.colorRow),
             onClick: () => onUpdate(value, { color: hue }),
             children: [
-              /* @__PURE__ */ jsx92(Badge.Root, { color: hue, children: labels.colorNames[hue] }),
-              /* @__PURE__ */ jsx92("span", { className: cx(menu_default.check, TagSelect_default.colorCheck), "aria-hidden": "true", children: /* @__PURE__ */ jsx92(Icon, { name: "action.check" }) })
+              /* @__PURE__ */ jsx93(Badge.Root, { color: hue, children: labels.colorNames[hue] }),
+              /* @__PURE__ */ jsx93("span", { className: cx(menu_default.check, TagSelect_default.colorCheck), "aria-hidden": "true", children: /* @__PURE__ */ jsx93(Icon, { name: "action.check" }) })
             ]
           },
           hue
@@ -31846,7 +32284,7 @@ function useChipOverflow({
 
 // src/components/tag-select/VirtualOptions.tsx
 import * as React98 from "react";
-import { Fragment as Fragment49, jsx as jsx93, jsxs as jsxs73 } from "react/jsx-runtime";
+import { Fragment as Fragment51, jsx as jsx94, jsxs as jsxs74 } from "react/jsx-runtime";
 var ONE_GROUP3 = () => 0;
 function VirtualOptions({
   count,
@@ -31896,10 +32334,10 @@ function VirtualOptions({
     [scrollRef, offset, startOf]
   );
   const laid = rowGaps(virtual);
-  const spacer = (key, height) => height > 0 ? /* @__PURE__ */ jsx93("div", { className: TagSelect_default.spacer, style: { height }, "aria-hidden": "true" }, key) : null;
-  return /* @__PURE__ */ jsxs73(Fragment49, { children: [
-    /* @__PURE__ */ jsx93("div", { ref: startRef, "aria-hidden": "true" }),
-    laid.rows.map(({ index, gap }) => /* @__PURE__ */ jsxs73(React98.Fragment, { children: [
+  const spacer = (key, height) => height > 0 ? /* @__PURE__ */ jsx94("div", { className: TagSelect_default.spacer, style: { height }, "aria-hidden": "true" }, key) : null;
+  return /* @__PURE__ */ jsxs74(Fragment51, { children: [
+    /* @__PURE__ */ jsx94("div", { ref: startRef, "aria-hidden": "true" }),
+    laid.rows.map(({ index, gap }) => /* @__PURE__ */ jsxs74(React98.Fragment, { children: [
       spacer("gap", gap),
       renderOption(index, virtual.measure(index))
     ] }, getKey(index))),
@@ -31908,7 +32346,7 @@ function VirtualOptions({
 }
 
 // src/components/tag-select/TagSelect.tsx
-import { Fragment as Fragment50, jsx as jsx94, jsxs as jsxs74 } from "react/jsx-runtime";
+import { Fragment as Fragment52, jsx as jsx95, jsxs as jsxs75 } from "react/jsx-runtime";
 var TAG_SELECT_LABELS = {
   panelHint: "\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u0432\u0430\u0440\u0438\u0430\u043D\u0442 \u0438\u043B\u0438 \u0441\u043E\u0437\u0434\u0430\u0439\u0442\u0435 \u043D\u043E\u0432\u044B\u0439",
   create: "\u0421\u043E\u0437\u0434\u0430\u0442\u044C",
@@ -32280,19 +32718,19 @@ function TagSelect({
     const pickOption = () => {
       if (!option.disabled) pick(option.value);
     };
-    const content = /* @__PURE__ */ jsxs74(Fragment50, { children: [
-      /* @__PURE__ */ jsx94(Checkbox.Indicator, { checked: isSelected, disabled: option.disabled, size: stepDown(size) }),
-      /* @__PURE__ */ jsx94(
+    const content = /* @__PURE__ */ jsxs75(Fragment52, { children: [
+      /* @__PURE__ */ jsx95(Checkbox.Indicator, { checked: isSelected, disabled: option.disabled, size: stepDown(size) }),
+      /* @__PURE__ */ jsx95(
         Badge.Root,
         {
           color: option.color ?? fallbackColor,
           disabled: option.disabled,
           className: TagSelect_default.chip,
-          children: /* @__PURE__ */ jsx94("span", { className: TagSelect_default.chipLabel, children: option.label })
+          children: /* @__PURE__ */ jsx95("span", { className: TagSelect_default.chipLabel, children: option.label })
         }
       )
     ] });
-    return /* @__PURE__ */ jsx94(
+    return /* @__PURE__ */ jsx95(
       OptionRow,
       {
         id: optionDomId(listboxId, option.value),
@@ -32308,8 +32746,8 @@ function TagSelect({
         ref: windowed?.measure,
         posInSet: windowed ? windowed.index + 1 + (showCreate ? 1 : 0) : void 0,
         setSize: windowed ? setSize : void 0,
-        children: manageable ? /* @__PURE__ */ jsxs74(Fragment50, { children: [
-          /* @__PURE__ */ jsx94(
+        children: manageable ? /* @__PURE__ */ jsxs75(Fragment52, { children: [
+          /* @__PURE__ */ jsx95(
             "button",
             {
               type: "button",
@@ -32323,7 +32761,7 @@ function TagSelect({
               children: content
             }
           ),
-          option.disabled ? null : /* @__PURE__ */ jsx94(
+          option.disabled ? null : /* @__PURE__ */ jsx95(
             TagOptionMenu,
             {
               value: option.value,
@@ -32345,7 +32783,7 @@ function TagSelect({
     );
   };
   return tier.provide(
-    /* @__PURE__ */ jsxs74(
+    /* @__PURE__ */ jsxs75(
       FieldFrame,
       {
         ...rest,
@@ -32361,7 +32799,7 @@ function TagSelect({
         optionalLabel: labels.optional,
         className,
         children: [
-          /* @__PURE__ */ jsxs74(
+          /* @__PURE__ */ jsxs75(
             "div",
             {
               ref: triggerRef,
@@ -32390,7 +32828,7 @@ function TagSelect({
                 "focus-ring": focusRing
               }),
               children: [
-                /* @__PURE__ */ jsxs74(
+                /* @__PURE__ */ jsxs75(
                   ScrollContainer,
                   {
                     ref: chipsRef,
@@ -32398,7 +32836,7 @@ function TagSelect({
                     lock: !expanded,
                     className: TagSelect_default.chips,
                     children: [
-                      visibleChips.map((chip, index) => /* @__PURE__ */ jsx94(
+                      visibleChips.map((chip, index) => /* @__PURE__ */ jsx95(
                         Badge.Root,
                         {
                           color: chip.color,
@@ -32413,14 +32851,14 @@ function TagSelect({
                           onMouseDown: (event) => {
                             if (event.target.closest("button")) event.preventDefault();
                           },
-                          children: /* @__PURE__ */ jsx94("span", { className: TagSelect_default.chipLabel, children: chip.label })
+                          children: /* @__PURE__ */ jsx95("span", { className: TagSelect_default.chipLabel, children: chip.label })
                         },
                         chip.value
                       )),
                       hiddenChips.length > 0 ? (
                         // A real button around the chip; the click bubbles to the field, which expands and
                         // opens the list.
-                        /* @__PURE__ */ jsx94(
+                        /* @__PURE__ */ jsx95(
                           "button",
                           {
                             type: "button",
@@ -32428,17 +32866,17 @@ function TagSelect({
                             disabled,
                             title: hiddenChips.map((chip) => chip.label).join(", "),
                             onClick: () => inputRef.current?.focus(),
-                            children: /* @__PURE__ */ jsxs74(Badge.Root, { color: "gray", disabled, className: TagSelect_default.chipMore, children: [
-                              /* @__PURE__ */ jsxs74("span", { "aria-hidden": "true", children: [
+                            children: /* @__PURE__ */ jsxs75(Badge.Root, { color: "gray", disabled, className: TagSelect_default.chipMore, children: [
+                              /* @__PURE__ */ jsxs75("span", { "aria-hidden": "true", children: [
                                 "+",
                                 hiddenChips.length
                               ] }),
-                              /* @__PURE__ */ jsx94(VisuallyHidden, { children: formatLabel(labels.more, { count: hiddenChips.length }) })
+                              /* @__PURE__ */ jsx95(VisuallyHidden, { children: formatLabel(labels.more, { count: hiddenChips.length }) })
                             ] })
                           }
                         )
                       ) : null,
-                      /* @__PURE__ */ jsx94(
+                      /* @__PURE__ */ jsx95(
                         "input",
                         {
                           ref: inputRef,
@@ -32476,9 +32914,9 @@ function TagSelect({
                     ]
                   }
                 ),
-                name ? selected.map((item) => /* @__PURE__ */ jsx94("input", { type: "hidden", name, value: item, disabled }, item)) : null,
-                /* @__PURE__ */ jsx94(VisuallyHidden, { live: "polite", children: announcement }),
-                /* @__PURE__ */ jsx94(
+                name ? selected.map((item) => /* @__PURE__ */ jsx95("input", { type: "hidden", name, value: item, disabled }, item)) : null,
+                /* @__PURE__ */ jsx95(VisuallyHidden, { live: "polite", children: announcement }),
+                /* @__PURE__ */ jsx95(
                   MeasureRow,
                   {
                     ref: measureRef,
@@ -32487,11 +32925,11 @@ function TagSelect({
                     removeLabel: labels.remove
                   }
                 ),
-                /* @__PURE__ */ jsx94("span", { className: TagSelect_default.chevron, "aria-hidden": "true", children: /* @__PURE__ */ jsx94(Icon, { name: "nav.chevronDown" }) })
+                /* @__PURE__ */ jsx95("span", { className: TagSelect_default.chevron, "aria-hidden": "true", children: /* @__PURE__ */ jsx95(Icon, { name: "nav.chevronDown" }) })
               ]
             }
           ),
-          /* @__PURE__ */ jsxs74(
+          /* @__PURE__ */ jsxs75(
             FloatingPanel,
             {
               floating,
@@ -32506,8 +32944,8 @@ function TagSelect({
               ref: scrollerRef,
               className: cx(fieldTierClass, menu_default.tier, menu_default.menu, TagSelect_default.panel),
               children: [
-                labels.panelHint ? /* @__PURE__ */ jsx94("div", { className: cx(textRole_default.caption, TagSelect_default.panelHint), children: labels.panelHint }) : null,
-                showCreate ? /* @__PURE__ */ jsxs74(
+                labels.panelHint ? /* @__PURE__ */ jsx95("div", { className: cx(textRole_default.caption, TagSelect_default.panelHint), children: labels.panelHint }) : null,
+                showCreate ? /* @__PURE__ */ jsxs75(
                   OptionRow,
                   {
                     id: optionDomId(listboxId, CREATE_VALUE),
@@ -32520,13 +32958,13 @@ function TagSelect({
                     managed: false,
                     onPick: () => pick(CREATE_VALUE),
                     children: [
-                      /* @__PURE__ */ jsx94("span", { className: TagSelect_default.createIcon, "aria-hidden": "true", children: /* @__PURE__ */ jsx94(Icon, { name: "action.add" }) }),
-                      /* @__PURE__ */ jsx94("span", { className: TagSelect_default.createLabel, children: labels.create }),
-                      /* @__PURE__ */ jsx94(Badge.Root, { color: fallbackColor, className: TagSelect_default.chip, children: /* @__PURE__ */ jsx94("span", { className: TagSelect_default.chipLabel, children: inputTrim }) })
+                      /* @__PURE__ */ jsx95("span", { className: TagSelect_default.createIcon, "aria-hidden": "true", children: /* @__PURE__ */ jsx95(Icon, { name: "action.add" }) }),
+                      /* @__PURE__ */ jsx95("span", { className: TagSelect_default.createLabel, children: labels.create }),
+                      /* @__PURE__ */ jsx95(Badge.Root, { color: fallbackColor, className: TagSelect_default.chip, children: /* @__PURE__ */ jsx95("span", { className: TagSelect_default.chipLabel, children: inputTrim }) })
                     ]
                   }
                 ) : null,
-                virtualized ? /* @__PURE__ */ jsx94(
+                virtualized ? /* @__PURE__ */ jsx95(
                   VirtualOptions,
                   {
                     ref: virtualRef,
@@ -32599,7 +33037,7 @@ function OptionRow({
     ...toDataAttributes({ value, highlighted, selected, disabled, pending })
   };
   if (managed) {
-    return /* @__PURE__ */ jsx94(
+    return /* @__PURE__ */ jsx95(
       "div",
       {
         ...props,
@@ -32609,7 +33047,7 @@ function OptionRow({
       }
     );
   }
-  return /* @__PURE__ */ jsx94(
+  return /* @__PURE__ */ jsx95(
     "button",
     {
       type: "button",
@@ -32633,8 +33071,8 @@ var MeasureRow = React99.memo(function MeasureRow2({
   return (
     // The clip keeps the row (wider than the field with many tags) out of the scroll width of
     // every scroller around the field; the row itself keeps its full width to measure.
-    /* @__PURE__ */ jsx94("div", { className: TagSelect_default.measureClip, "aria-hidden": true, inert: true, children: /* @__PURE__ */ jsxs74("div", { ref, className: TagSelect_default.measure, children: [
-      chips.map((chip) => /* @__PURE__ */ jsx94(
+    /* @__PURE__ */ jsx95("div", { className: TagSelect_default.measureClip, "aria-hidden": true, inert: true, children: /* @__PURE__ */ jsxs75("div", { ref, className: TagSelect_default.measure, children: [
+      chips.map((chip) => /* @__PURE__ */ jsx95(
         Badge.Root,
         {
           color: chip.color,
@@ -32642,11 +33080,11 @@ var MeasureRow = React99.memo(function MeasureRow2({
           className: TagSelect_default.chip,
           labels: { remove: formatLabel(removeLabel, { label: chip.label }) },
           onRemove: noop,
-          children: /* @__PURE__ */ jsx94("span", { className: TagSelect_default.chipLabel, children: chip.label })
+          children: /* @__PURE__ */ jsx95("span", { className: TagSelect_default.chipLabel, children: chip.label })
         },
         chip.value
       )),
-      /* @__PURE__ */ jsxs74(Badge.Root, { color: "gray", className: TagSelect_default.chipMore, children: [
+      /* @__PURE__ */ jsxs75(Badge.Root, { color: "gray", className: TagSelect_default.chipMore, children: [
         "+",
         Math.max(chips.length, 9)
       ] })
@@ -32681,11 +33119,11 @@ var Timeline_default = {
 };
 
 // src/components/timeline/Timeline.tsx
-import { Fragment as Fragment51, jsx as jsx95, jsxs as jsxs75 } from "react/jsx-runtime";
+import { Fragment as Fragment53, jsx as jsx96, jsxs as jsxs76 } from "react/jsx-runtime";
 function TimelineRoot({ size: sizeProp, children, className, ...rest }) {
   const tier = useHostTier(sizeProp);
   return tier.provide(
-    /* @__PURE__ */ jsx95(
+    /* @__PURE__ */ jsx96(
       "div",
       {
         ...rest,
@@ -32711,7 +33149,7 @@ function TimelineGroup({ label, children, className, ...rest }) {
   const labelId = React100.useId();
   const hasLabel = hasContent(label);
   const events = React100.Children.toArray(children);
-  const items = events.map((child, index) => /* @__PURE__ */ jsx95(
+  const items = events.map((child, index) => /* @__PURE__ */ jsx96(
     EdgeContext.Provider,
     {
       value: {
@@ -32724,9 +33162,9 @@ function TimelineGroup({ label, children, className, ...rest }) {
     },
     React100.isValidElement(child) ? child.key : index
   ));
-  return /* @__PURE__ */ jsxs75("div", { className: Timeline_default.group, children: [
-    hasLabel ? /* @__PURE__ */ jsx95("div", { id: labelId, className: cx(GROUP_LABEL_ROLE[size], Timeline_default.groupLabel), children: label }) : null,
-    /* @__PURE__ */ jsx95(
+  return /* @__PURE__ */ jsxs76("div", { className: Timeline_default.group, children: [
+    hasLabel ? /* @__PURE__ */ jsx96("div", { id: labelId, className: cx(GROUP_LABEL_ROLE[size], Timeline_default.groupLabel), children: label }) : null,
+    /* @__PURE__ */ jsx96(
       "ol",
       {
         role: "list",
@@ -32778,21 +33216,21 @@ function TimelineItem({
       interactive: interactive || void 0
     })
   };
-  const dot = /* @__PURE__ */ jsx95("span", { className: Timeline_default.dot, "aria-hidden": "true" });
+  const dot = /* @__PURE__ */ jsx96("span", { className: Timeline_default.dot, "aria-hidden": "true" });
   const content = (parts) => {
     const { parts: value, rest: text } = splitParts(parts, TimelineItemValue);
-    return /* @__PURE__ */ jsxs75(Fragment51, { children: [
+    return /* @__PURE__ */ jsxs76(Fragment53, { children: [
       dot,
-      /* @__PURE__ */ jsx95("span", { className: Timeline_default.text, children: text }),
+      /* @__PURE__ */ jsx96("span", { className: Timeline_default.text, children: text }),
       value
     ] });
   };
   let row;
   if (asChild) {
     const child = slotChild(children, "Timeline.Item");
-    row = /* @__PURE__ */ jsx95(InteractiveElement, { ...rowProps, element: "slot", onClick, children: React100.cloneElement(child, void 0, content(child.props.children)) });
+    row = /* @__PURE__ */ jsx96(InteractiveElement, { ...rowProps, element: "slot", onClick, children: React100.cloneElement(child, void 0, content(child.props.children)) });
   } else if (href) {
-    row = /* @__PURE__ */ jsx95(
+    row = /* @__PURE__ */ jsx96(
       InteractiveElement,
       {
         ...rowProps,
@@ -32806,21 +33244,21 @@ function TimelineItem({
       }
     );
   } else if (onClick) {
-    row = /* @__PURE__ */ jsx95(InteractiveElement, { ...rowProps, element: "button", onClick, children: content(children) });
+    row = /* @__PURE__ */ jsx96(InteractiveElement, { ...rowProps, element: "button", onClick, children: content(children) });
   } else {
-    row = /* @__PURE__ */ jsx95(InteractiveElement, { ...rowProps, element: "static", children: content(children) });
+    row = /* @__PURE__ */ jsx96(InteractiveElement, { ...rowProps, element: "static", children: content(children) });
   }
-  return /* @__PURE__ */ jsx95("li", { className: Timeline_default.item, ...toDataAttributes(edgeAttributes(edge)), children: row });
+  return /* @__PURE__ */ jsx96("li", { className: Timeline_default.item, ...toDataAttributes(edgeAttributes(edge)), children: row });
 }
 TimelineItem.displayName = "Timeline.Item";
 function TimelineItemTitle({ children, className, ...rest }) {
-  return /* @__PURE__ */ jsx95("span", { ...rest, className: cx(Timeline_default.title, className), children });
+  return /* @__PURE__ */ jsx96("span", { ...rest, className: cx(Timeline_default.title, className), children });
 }
 TimelineItemTitle.displayName = "Timeline.ItemTitle";
 var ValueContext = React100.createContext(false);
 function TimelineItemMeta({ children, className, ...rest }) {
   const inValue = React100.useContext(ValueContext);
-  return /* @__PURE__ */ jsx95("span", { ...rest, className: cx(inValue ? Timeline_default.valueMeta : Timeline_default.meta, className), children });
+  return /* @__PURE__ */ jsx96("span", { ...rest, className: cx(inValue ? Timeline_default.valueMeta : Timeline_default.meta, className), children });
 }
 TimelineItemMeta.displayName = "Timeline.ItemMeta";
 function TimelineItemValue({
@@ -32829,19 +33267,19 @@ function TimelineItemValue({
   className,
   ...rest
 }) {
-  return /* @__PURE__ */ jsx95(
+  return /* @__PURE__ */ jsx96(
     "span",
     {
       ...rest,
       className: cx(Timeline_default.value, textTone_default.tone, className),
       ...toDataAttributes({ tone }),
-      children: /* @__PURE__ */ jsx95(ValueContext.Provider, { value: true, children })
+      children: /* @__PURE__ */ jsx96(ValueContext.Provider, { value: true, children })
     }
   );
 }
 TimelineItemValue.displayName = "Timeline.ItemValue";
 function TimelineDescription({ className, ...rest }) {
-  return /* @__PURE__ */ jsx95("span", { className: cx(Timeline_default.gapTrailing, className), ...rest });
+  return /* @__PURE__ */ jsx96("span", { className: cx(Timeline_default.gapTrailing, className), ...rest });
 }
 TimelineDescription.displayName = "Timeline.Description";
 function TimelineGap({ tone = "neutral", children, className, ...rest }) {
@@ -32850,9 +33288,9 @@ function TimelineGap({ tone = "neutral", children, className, ...rest }) {
   const caption = parts.filter((child) => !isDescription(child));
   const description = parts.filter(isDescription);
   const edge = React100.useContext(EdgeContext);
-  return /* @__PURE__ */ jsx95("li", { className: cx(Timeline_default.item, Timeline_default.gapItem), ...toDataAttributes(edgeAttributes(edge)), children: /* @__PURE__ */ jsxs75("div", { ...rest, className: cx(Timeline_default.gapRow, className), ...toDataAttributes({ tone }), children: [
-    /* @__PURE__ */ jsx95("span", { className: Timeline_default.gapDot, "aria-hidden": "true" }),
-    /* @__PURE__ */ jsx95("span", { className: Timeline_default.gapCaption, children: caption }),
+  return /* @__PURE__ */ jsx96("li", { className: cx(Timeline_default.item, Timeline_default.gapItem), ...toDataAttributes(edgeAttributes(edge)), children: /* @__PURE__ */ jsxs76("div", { ...rest, className: cx(Timeline_default.gapRow, className), ...toDataAttributes({ tone }), children: [
+    /* @__PURE__ */ jsx96("span", { className: Timeline_default.gapDot, "aria-hidden": "true" }),
+    /* @__PURE__ */ jsx96("span", { className: Timeline_default.gapCaption, children: caption }),
     description
   ] }) });
 }
@@ -32887,7 +33325,7 @@ var VideoNote_default = {
 };
 
 // src/components/video-note/VideoNote.tsx
-import { jsx as jsx96, jsxs as jsxs76 } from "react/jsx-runtime";
+import { jsx as jsx97, jsxs as jsxs77 } from "react/jsx-runtime";
 var VIDEO_NOTE_LABELS = {
   player: "\u0412\u0438\u0434\u0435\u043E\u0441\u043E\u043E\u0431\u0449\u0435\u043D\u0438\u0435",
   play: "\u0412\u043E\u0441\u043F\u0440\u043E\u0438\u0437\u0432\u0435\u0441\u0442\u0438 \u0432\u0438\u0434\u0435\u043E\u0441\u043E\u043E\u0431\u0449\u0435\u043D\u0438\u0435",
@@ -32920,7 +33358,7 @@ function VideoNoteInner(props) {
     }),
     unplayed ? labels.unplayed : null
   ].filter(Boolean).join(", ");
-  return /* @__PURE__ */ jsxs76(
+  return /* @__PURE__ */ jsxs77(
     MediaPlayerRoot,
     {
       label: labels.player,
@@ -32928,7 +33366,7 @@ function VideoNoteInner(props) {
       ...rest,
       className: cx(VideoNote_default.root, className),
       children: [
-        /* @__PURE__ */ jsxs76(
+        /* @__PURE__ */ jsxs77(
           "div",
           {
             className: cx(press_default.press, VideoNote_default.circle),
@@ -32938,9 +33376,9 @@ function VideoNoteInner(props) {
             "data-covered": covered || void 0,
             "data-disabled": inactive || void 0,
             children: [
-              /* @__PURE__ */ jsxs76("span", { className: VideoNote_default.media, "aria-hidden": "true", children: [
-                placeholder.mounted ? /* @__PURE__ */ jsx96(Skeleton, { shape: "block", className: VideoNote_default.fill }) : null,
-                /* @__PURE__ */ jsx96(
+              /* @__PURE__ */ jsxs77("span", { className: VideoNote_default.media, "aria-hidden": "true", children: [
+                placeholder.mounted ? /* @__PURE__ */ jsx97(Skeleton, { shape: "block", className: VideoNote_default.fill }) : null,
+                /* @__PURE__ */ jsx97(
                   "video",
                   {
                     ref: videoRef,
@@ -32956,8 +33394,8 @@ function VideoNoteInner(props) {
                   }
                 )
               ] }),
-              /* @__PURE__ */ jsx96(Ring, { ref: ringRef, value: 0, live: true, track: "none", weight: "band", className: VideoNote_default.ring }),
-              /* @__PURE__ */ jsx96(
+              /* @__PURE__ */ jsx97(Ring, { ref: ringRef, value: 0, live: true, track: "none", weight: "band", className: VideoNote_default.ring }),
+              /* @__PURE__ */ jsx97(
                 "span",
                 {
                   className: VideoNote_default.hit,
@@ -32966,7 +33404,7 @@ function VideoNoteInner(props) {
                   onClick: inactive ? void 0 : player.toggle
                 }
               ),
-              /* @__PURE__ */ jsx96("span", { className: VideoNote_default.play, "data-badge": "play", "data-shown": state !== "playing", children: /* @__PURE__ */ jsx96(
+              /* @__PURE__ */ jsx97("span", { className: VideoNote_default.play, "data-badge": "play", "data-shown": state !== "playing", children: /* @__PURE__ */ jsx97(
                 PlayDisk,
                 {
                   look: "shade",
@@ -32980,8 +33418,8 @@ function VideoNoteInner(props) {
                   describedBy: description ? descriptionId : void 0
                 }
               ) }),
-              description ? /* @__PURE__ */ jsx96(VisuallyHidden, { id: descriptionId, children: description }) : null,
-              shown !== null ? /* @__PURE__ */ jsxs76(
+              description ? /* @__PURE__ */ jsx97(VisuallyHidden, { id: descriptionId, children: description }) : null,
+              shown !== null ? /* @__PURE__ */ jsxs77(
                 "span",
                 {
                   className: cx(textRole_default.caption, mediaPill_default.pill, VideoNote_default.duration),
@@ -32989,11 +33427,11 @@ function VideoNoteInner(props) {
                   "aria-hidden": "true",
                   children: [
                     formatClock(shown),
-                    /* @__PURE__ */ jsx96(UnplayedDot, { shown: unplayed })
+                    /* @__PURE__ */ jsx97(UnplayedDot, { shown: unplayed })
                   ]
                 }
               ) : null,
-              transcript ? /* @__PURE__ */ jsx96(
+              transcript ? /* @__PURE__ */ jsx97(
                 TranscriptButton,
                 {
                   transcript,
@@ -33011,7 +33449,7 @@ function VideoNoteInner(props) {
   );
 }
 function VideoNote(props) {
-  return /* @__PURE__ */ jsx96(VideoNoteInner, { ...props }, props.src);
+  return /* @__PURE__ */ jsx97(VideoNoteInner, { ...props }, props.src);
 }
 defineMessagePart(VideoNote, {
   shell: "round",
@@ -33082,7 +33520,7 @@ async function getWaveform(source, bars = WAVEFORM_BARS) {
 }
 
 // src/components/voice-player/VoicePlayer.tsx
-import { jsx as jsx97, jsxs as jsxs77 } from "react/jsx-runtime";
+import { jsx as jsx98, jsxs as jsxs78 } from "react/jsx-runtime";
 var RATES = [1, 1.5, 2];
 var VOICE_PLAYER_LABELS = {
   player: "\u0413\u043E\u043B\u043E\u0441\u043E\u0432\u043E\u0435 \u0441\u043E\u043E\u0431\u0449\u0435\u043D\u0438\u0435",
@@ -33120,7 +33558,7 @@ function Bars({
   className,
   ref
 }) {
-  return /* @__PURE__ */ jsx97("span", { ref, className: cx(VoicePlayer_default.bars, className), "aria-hidden": "true", children: levels.map((level, i) => /* @__PURE__ */ jsx97(
+  return /* @__PURE__ */ jsx98("span", { ref, className: cx(VoicePlayer_default.bars, className), "aria-hidden": "true", children: levels.map((level, i) => /* @__PURE__ */ jsx98(
     "span",
     {
       className: VoicePlayer_default.bar,
@@ -33188,7 +33626,7 @@ function VoicePlayer(props) {
   const shownTime = showElapsed ? position : total;
   const rateText = formatRate(rate);
   const open = transcript?.expanded ?? false;
-  return /* @__PURE__ */ jsxs77(
+  return /* @__PURE__ */ jsxs78(
     MediaPlayerRoot,
     {
       label: labels.player,
@@ -33196,7 +33634,7 @@ function VoicePlayer(props) {
       ...rest,
       className: cx(VoicePlayer_default.root, className),
       children: [
-        /* @__PURE__ */ jsx97(
+        /* @__PURE__ */ jsx98(
           "audio",
           {
             ref: audioRef,
@@ -33206,8 +33644,8 @@ function VoicePlayer(props) {
             ...player.mediaEvents
           }
         ),
-        /* @__PURE__ */ jsxs77("div", { className: VoicePlayer_default.row, children: [
-          /* @__PURE__ */ jsx97(
+        /* @__PURE__ */ jsxs78("div", { className: VoicePlayer_default.row, children: [
+          /* @__PURE__ */ jsx98(
             PlayDisk,
             {
               look: "solid",
@@ -33219,9 +33657,9 @@ function VoicePlayer(props) {
               onToggle: player.toggle
             }
           ),
-          /* @__PURE__ */ jsxs77("div", { className: VoicePlayer_default.body, children: [
-            /* @__PURE__ */ jsxs77("div", { className: VoicePlayer_default.waveLine, children: [
-              /* @__PURE__ */ jsxs77(
+          /* @__PURE__ */ jsxs78("div", { className: VoicePlayer_default.body, children: [
+            /* @__PURE__ */ jsxs78("div", { className: VoicePlayer_default.waveLine, children: [
+              /* @__PURE__ */ jsxs78(
                 "div",
                 {
                   ref: waveRef,
@@ -33244,12 +33682,12 @@ function VoicePlayer(props) {
                   onLostPointerCapture: endDrag,
                   onKeyDown: player.seekWithKey,
                   children: [
-                    /* @__PURE__ */ jsx97(Bars, { levels: bars }),
-                    /* @__PURE__ */ jsx97(Bars, { ref: playedRef, levels: bars, className: VoicePlayer_default.played })
+                    /* @__PURE__ */ jsx98(Bars, { levels: bars }),
+                    /* @__PURE__ */ jsx98(Bars, { ref: playedRef, levels: bars, className: VoicePlayer_default.played })
                   ]
                 }
               ),
-              transcript ? /* @__PURE__ */ jsx97(
+              transcript ? /* @__PURE__ */ jsx98(
                 TranscriptButton,
                 {
                   transcript,
@@ -33258,11 +33696,11 @@ function VoicePlayer(props) {
                 }
               ) : null
             ] }),
-            /* @__PURE__ */ jsxs77("div", { className: cx(textRole_default.caption, VoicePlayer_default.meta), children: [
-              /* @__PURE__ */ jsx97("span", { className: VoicePlayer_default.time, "aria-hidden": "true", children: formatClock(shownTime) }),
-              /* @__PURE__ */ jsx97(UnplayedDot, { shown: unplayed }),
-              unplayed ? /* @__PURE__ */ jsx97(VisuallyHidden, { children: labels.unplayed }) : null,
-              /* @__PURE__ */ jsx97(
+            /* @__PURE__ */ jsxs78("div", { className: cx(textRole_default.caption, VoicePlayer_default.meta), children: [
+              /* @__PURE__ */ jsx98("span", { className: VoicePlayer_default.time, "aria-hidden": "true", children: formatClock(shownTime) }),
+              /* @__PURE__ */ jsx98(UnplayedDot, { shown: unplayed }),
+              unplayed ? /* @__PURE__ */ jsx98(VisuallyHidden, { children: labels.unplayed }) : null,
+              /* @__PURE__ */ jsx98(
                 Button.Root,
                 {
                   variant: "soft",