prime-ui-kit 0.21.3 → 0.21.5

package/dist/chunks/{chunk-R5LI5BO3.js → chunk-CM2KZEDV.js}

@@ -1,7 +1,9 @@
 "use client";
 
 import {
+  AUTOFILL_OFF,
   AnchorRectProvider,
+  AutofillScope,
   Avatar,
   Badge,
   Button,
@@ -138,6 +140,7 @@ import {
   touchTargetClass,
   touchTargetRowClass,
   useAnchorName,
+  useAutofill,
   useBalancedColumns,
   useChipTier,
   useControllableState,
@@ -183,7 +186,7 @@ import {
   useTextParts,
   visuallyHiddenClass,
   zonedParts
-} from "./chunk-JO7E6SZQ.js";
+} from "./chunk-XH64AMXF.js";
 import {
   COMPACT_QUERY,
   ControlSizeProvider,
@@ -206,7 +209,7 @@ import {
   useHostTier,
   useOptionalControlSize,
   usePresence
-} from "./chunk-HMLQCKRL.js";
+} from "./chunk-FWL3NJYA.js";
 
 // src/layout/app-shell/AppShell.tsx
 import * as React from "react";
@@ -2969,6 +2972,7 @@ function FooterField({
             className: cx(fieldInputTextClass, Datepicker_default.fieldTime),
             value: time,
             inputMode: "numeric",
+            ...AUTOFILL_OFF,
             maxLength: 5,
             onChange: (e) => onTime(e.target.value)
           }
@@ -3850,7 +3854,6 @@ function SmartFilterToolbar({
                   Input.Field,
                   {
                     type: "search",
-                    autoComplete: "off",
                     "aria-label": labels.searchPlaceholder,
                     placeholder: labels.searchPlaceholder,
                     value: search,
@@ -4103,7 +4106,6 @@ function NumberRange({
     Input.Field,
     {
       inputMode: "decimal",
-      autoComplete: "off",
       "aria-label": formatLabel(side === "from" ? labels.fromLabel : labels.toLabel, {
         field: field.label
       }),
@@ -14456,6 +14458,10 @@ var Chat_default = {
   separator: "Chat_separator",
   service: "Chat_service",
   pill: "Chat_pill",
+  serviceIcon: "Chat_serviceIcon",
+  serviceChange: "Chat_serviceChange",
+  serviceChangeValues: "Chat_serviceChangeValues",
+  serviceTime: "Chat_serviceTime",
   unread: "Chat_unread",
   footer: "Chat_footer"
 };
@@ -14570,18 +14576,71 @@ function ChatPinned({
 ChatPinned.displayName = "Chat.Pinned";
 
 // src/components/chat/ChatRows.tsx
-import { jsx as jsx45 } from "react/jsx-runtime";
+import { jsx as jsx45, jsxs as jsxs34 } from "react/jsx-runtime";
+var SERVICE_ESTIMATE = 48;
 function ChatSeparator({ className, children, ...rest }) {
   const depth = nextSurfaceDepth(useNestedSurfaceDepth());
   return /* @__PURE__ */ jsx45("div", { className: cx(Chat_default.separator, className), "data-scroll-skip": "", ...rest, children: /* @__PURE__ */ jsx45("span", { className: Chat_default.pill, "data-depth": depth, children }) });
 }
 ChatSeparator.displayName = "Chat.Separator";
 defineRowKind(ChatSeparator, { sticky: true });
-function ChatService({ className, children, ...rest }) {
-  return /* @__PURE__ */ jsx45("div", { className: cx(Chat_default.separator, Chat_default.service, className), ...rest, children: /* @__PURE__ */ jsx45("span", { className: Chat_default.pill, children }) });
+function ChatService({
+  time: timeProp,
+  timeZone,
+  formatTime: formatTime2 = formatTimeOfDay,
+  className,
+  children,
+  ...rest
+}) {
+  const list = useMessageList();
+  const tier = compactTier(useControlSize(void 0));
+  const time = timeProp instanceof Date ? formatTime2(timeProp, timeZone ?? list.timeZone) : timeProp;
+  return /* @__PURE__ */ jsx45("div", { className: cx(Chat_default.separator, Chat_default.service, className), ...rest, children: /* @__PURE__ */ jsx45(ControlSizeProvider, { value: tier, children: /* @__PURE__ */ jsxs34("span", { className: Chat_default.pill, children: [
+    children,
+    time === void 0 ? null : /* @__PURE__ */ jsx45(
+      "time",
+      {
+        className: Chat_default.serviceTime,
+        dateTime: timeProp instanceof Date ? timeProp.toISOString() : void 0,
+        children: time
+      }
+    )
+  ] }) }) });
 }
 ChatService.displayName = "Chat.Service";
-defineRowKind(ChatService, {});
+defineRowKind(ChatService, { estimate: SERVICE_ESTIMATE });
+function ChatServiceIcon({ className, ...rest }) {
+  return /* @__PURE__ */ jsx45(
+    "span",
+    {
+      className: cx(Chat_default.serviceIcon, iconSlotClass, className),
+      "aria-hidden": "true",
+      ...rest
+    }
+  );
+}
+ChatServiceIcon.displayName = "Chat.ServiceIcon";
+var CHAT_SERVICE_CHANGE_LABELS = {
+  change: "\u0441 \xAB{from}\xBB \u043D\u0430 \xAB{to}\xBB"
+};
+function ChatServiceChange({
+  from,
+  to,
+  labels: labelsProp,
+  className,
+  ...rest
+}) {
+  const labels = useLabels(CHAT_SERVICE_CHANGE_LABELS, labelsProp);
+  return /* @__PURE__ */ jsxs34("span", { className: cx(Chat_default.serviceChange, className), ...rest, children: [
+    /* @__PURE__ */ jsxs34("span", { className: Chat_default.serviceChangeValues, "aria-hidden": "true", children: [
+      from,
+      /* @__PURE__ */ jsx45(Icon, { name: "nav.arrowRight" }),
+      to
+    ] }),
+    /* @__PURE__ */ jsx45(VisuallyHidden, { children: formatLabel(labels.change, { from: nodeText(from), to: nodeText(to) }) })
+  ] });
+}
+ChatServiceChange.displayName = "Chat.ServiceChange";
 function ChatUnread({ labels, className, ...rest }) {
   const { unread } = { unread: "\u041D\u0435\u043F\u0440\u043E\u0447\u0438\u0442\u0430\u043D\u043D\u044B\u0435 \u0441\u043E\u043E\u0431\u0449\u0435\u043D\u0438\u044F", ...labels };
   return /* @__PURE__ */ jsx45("div", { className: cx(Chat_default.unread, className), ...rest, children: unread });
@@ -15204,9 +15263,23 @@ function createMessageFlow({ region, onNew }) {
     }
   };
 }
+function createRowArrivals() {
+  let committed = null;
+  let planned = /* @__PURE__ */ new Set();
+  return {
+    plan(keys) {
+      planned = newAtEnd(committed, keys);
+    },
+    isFresh: (key) => planned.has(key),
+    commit(keys) {
+      committed = keys;
+      planned = /* @__PURE__ */ new Set();
+    }
+  };
+}
 
 // src/components/chat/MessageList.tsx
-import { jsx as jsx46, jsxs as jsxs34 } from "react/jsx-runtime";
+import { jsx as jsx46, jsxs as jsxs35 } from "react/jsx-runtime";
 var MESSAGE_LIST_LABELS = {
   selectedCount: "\u0412\u044B\u0431\u0440\u0430\u043D\u043E: {count}",
   cancel: "\u041E\u0442\u043C\u0435\u043D\u0430",
@@ -15258,7 +15331,7 @@ function rowOf(element, key) {
       value: described ? described.value ?? key : own ? key : void 0,
       direction: described?.direction ?? props.direction ?? "incoming",
       // A fragment adds its other rows (the unread band before a message).
-      estimate: (described?.estimate ?? ROW_ESTIMATE) + (message && message !== element ? (React47.Children.toArray(element.props.children).length - 1) * ROW_ESTIMATE : 0),
+      estimate: (described?.estimate ?? kind?.estimate ?? ROW_ESTIMATE) + (message && message !== element ? (React47.Children.toArray(element.props.children).length - 1) * ROW_ESTIMATE : 0),
       text: described?.text.toLowerCase() ?? ""
     };
     parsed.set(element, info);
@@ -15383,6 +15456,22 @@ function MessageList({
   React47.useLayoutEffect(() => {
     flow.commit(messages.map((row) => ({ value: row.value, direction: row.direction })));
   }, [flow, messages]);
+  const [arrivals] = React47.useState(createRowArrivals);
+  arrivals.plan(shape.map((row) => row.key));
+  React47.useLayoutEffect(() => {
+    arrivals.commit(shape.map((row) => row.key));
+    const marked = innerRef.current?.querySelectorAll(":scope > [data-row-enter]");
+    for (const row of marked ?? []) {
+      delete row.dataset.rowEnter;
+      row.classList.add(enterMotion_default.enter);
+      const clear = (event) => {
+        if (event.target !== row) return;
+        row.classList.remove(enterMotion_default.enter);
+        row.removeEventListener("animationend", clear);
+      };
+      row.addEventListener("animationend", clear);
+    }
+  }, [arrivals, shape]);
   const receipts = React47.useRef(null);
   const receiptsOf = React47.useCallback(() => {
     receipts.current ??= createReadReceipts((values) => handlers.current.onRead?.(values));
@@ -15714,6 +15803,7 @@ function MessageList({
         ref: windowed ? virtual.measure(index) : void 0,
         className: Chat_default.row,
         "data-message-row": "",
+        "data-row-enter": row.value === void 0 && arrivals.isFresh(row.key) ? "" : void 0,
         children: /* @__PURE__ */ jsx46(MessageRowProvider, { value: positions.get(row.key) ?? null, children: row.element })
       },
       row.key
@@ -15759,7 +15849,7 @@ function MessageList({
       );
     }
   }
-  return /* @__PURE__ */ jsx46(MessageListProvider, { value, children: /* @__PURE__ */ jsx46(ChromeContext.Provider, { value: chrome, children: /* @__PURE__ */ jsxs34(
+  return /* @__PURE__ */ jsx46(MessageListProvider, { value, children: /* @__PURE__ */ jsx46(ChromeContext.Provider, { value: chrome, children: /* @__PURE__ */ jsxs35(
     "div",
     {
       ref: mergedRef,
@@ -15798,7 +15888,7 @@ function MessageList({
       ...rest,
       children: [
         /* @__PURE__ */ jsx46(Announcer, { setterRef: announcer }),
-        /* @__PURE__ */ jsxs34(MessageHighlightContext.Provider, { value: highlight, children: [
+        /* @__PURE__ */ jsxs35(MessageHighlightContext.Provider, { value: highlight, children: [
           body,
           React47.Children.toArray(tail)
         ] }),
@@ -15860,7 +15950,7 @@ function JumpToEnd({ flow, labels }) {
       className: cx(Chat_default.jump, presence.state === "open" ? enterMotion_default.enter : enterMotion_default.exit),
       "data-state": presence.state,
       onAnimationEnd: presence.onExitEnd,
-      children: /* @__PURE__ */ jsxs34("div", { className: Chat_default.jumpBox, children: [
+      children: /* @__PURE__ */ jsxs35("div", { className: Chat_default.jumpBox, children: [
         /* @__PURE__ */ jsx46(
           Button.Root,
           {
@@ -15922,9 +16012,9 @@ function ChatSelectionBar({ className, children, ref, ...rest }) {
       className: cx(Chat_default.selectionBar, appear.entering && enterMotion_default.enter, className),
       "data-depth": "floating",
       ...rest,
-      children: /* @__PURE__ */ jsxs34(SurfaceDepthProvider, { value: "floating", children: [
+      children: /* @__PURE__ */ jsxs35(SurfaceDepthProvider, { value: "floating", children: [
         /* @__PURE__ */ jsx46("span", { className: Chat_default.selectionCount, "aria-live": "polite", children: count }),
-        /* @__PURE__ */ jsxs34("span", { className: Chat_default.selectionActions, children: [
+        /* @__PURE__ */ jsxs35("span", { className: Chat_default.selectionActions, children: [
           children,
           /* @__PURE__ */ jsx46(
             Button.Root,
@@ -15945,7 +16035,7 @@ ChatSelectionBar.displayName = "Chat.SelectionBar";
 defineRowKind(ChatSelectionBar, { tail: true });
 
 // src/components/chat/Chat.tsx
-import { Fragment as Fragment25, jsx as jsx47, jsxs as jsxs35 } from "react/jsx-runtime";
+import { Fragment as Fragment25, jsx as jsx47, jsxs as jsxs36 } from "react/jsx-runtime";
 var CHAT_LABELS = {
   ...MESSAGE_LIST_LABELS,
   typing: "\u043F\u0435\u0447\u0430\u0442\u0430\u0435\u0442\u2026",
@@ -16051,7 +16141,7 @@ function ChatHeader({ className, children, ...rest }) {
     const own = React48.isValidElement(child) && (child.type === ChatTitle || child.type === ChatDescription || child.type === ChatActions);
     (own ? text : lead).push(child);
   }
-  return /* @__PURE__ */ jsxs35("div", { className: cx(Chat_default.header, className), ...rest, children: [
+  return /* @__PURE__ */ jsxs36("div", { className: cx(Chat_default.header, className), ...rest, children: [
     lead.length > 0 ? /* @__PURE__ */ jsx47("div", { className: Chat_default.lead, children: lead }) : null,
     text
   ] });
@@ -16116,8 +16206,8 @@ function ChatSearch({ className, ...rest }) {
     if (count > 1) step2(-1);
   };
   const place = search.trim() ? count > 0 ? formatLabel(labels.matches, { index: count - Math.min(matchIndex2, count - 1), count }) : labels.noMatches : "";
-  return /* @__PURE__ */ jsxs35("div", { className: cx(Chat_default.search, className), ...rest, children: [
-    /* @__PURE__ */ jsx47(Input.Root, { className: Chat_default.searchField, children: /* @__PURE__ */ jsxs35(Input.Wrapper, { children: [
+  return /* @__PURE__ */ jsxs36("div", { className: cx(Chat_default.search, className), ...rest, children: [
+    /* @__PURE__ */ jsx47(Input.Root, { className: Chat_default.searchField, children: /* @__PURE__ */ jsxs36(Input.Wrapper, { children: [
       /* @__PURE__ */ jsx47(Input.Icon, { side: "start", children: /* @__PURE__ */ jsx47(Icon, { name: "action.search", tone: "secondary" }) }),
       /* @__PURE__ */ jsx47(
         Input.Field,
@@ -16214,7 +16304,7 @@ function useItemRows(props, unreadLabel) {
       value: props2.value ?? entry.key,
       position: props2.position ?? entry.position
     }) : rendered;
-    const element = isUnread ? /* @__PURE__ */ jsxs35(React48.Fragment, { children: [
+    const element = isUnread ? /* @__PURE__ */ jsxs36(React48.Fragment, { children: [
       /* @__PURE__ */ jsx47(ChatUnread, { labels: { unread: isUnread } }),
       message
     ] }, entry.key) : React48.cloneElement(message, { key: entry.key });
@@ -16238,7 +16328,7 @@ var LOADING_ROWS = [
   { direction: "outgoing", lines: 1 }
 ];
 function ChatLoading({ group }) {
-  return /* @__PURE__ */ jsx47("div", { className: Chat_default.loading, "aria-hidden": "true", children: LOADING_ROWS.map((row, index) => /* @__PURE__ */ jsxs35(
+  return /* @__PURE__ */ jsx47("div", { className: Chat_default.loading, "aria-hidden": "true", children: LOADING_ROWS.map((row, index) => /* @__PURE__ */ jsxs36(
     "div",
     {
       className: Chat_default.loadingRow,
@@ -16295,7 +16385,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(Fragment25, { children: [
+  return /* @__PURE__ */ jsxs36(Fragment25, { children: [
     /* @__PURE__ */ jsx47(
       Crossfade,
       {
@@ -16303,7 +16393,7 @@ function ChatMessages({
         fill: true,
         className: Chat_default.messages,
         "aria-busy": loading || void 0,
-        children: loading ? /* @__PURE__ */ jsx47(ChatLoading, { group }) : /* @__PURE__ */ jsxs35(
+        children: loading ? /* @__PURE__ */ jsx47(ChatLoading, { group }) : /* @__PURE__ */ jsxs36(
           ScrollContainer,
           {
             anchor: "end",
@@ -16312,7 +16402,7 @@ function ChatMessages({
             className: Chat_default.scroller,
             children: [
               hasOlder ? /* @__PURE__ */ jsx47("div", { className: Chat_default.older, "aria-hidden": "true", children: /* @__PURE__ */ jsx47(Skeleton, { shape: "block", className: Chat_default.skeletonBubble }) }) : null,
-              /* @__PURE__ */ jsxs35(
+              /* @__PURE__ */ jsxs36(
                 MessageList,
                 {
                   ...rest,
@@ -16359,6 +16449,8 @@ var Chat = {
   SelectionBar: ChatSelectionBar,
   Separator: ChatSeparator,
   Service: ChatService,
+  ServiceIcon: ChatServiceIcon,
+  ServiceChange: ChatServiceChange,
   Unread: ChatUnread,
   Footer: ChatFooter
 };
@@ -17980,7 +18072,7 @@ function useSortableList(options) {
 }
 
 // src/components/dnd/Dnd.tsx
-import { jsx as jsx49, jsxs as jsxs36 } from "react/jsx-runtime";
+import { jsx as jsx49, jsxs as jsxs37 } from "react/jsx-runtime";
 var DND_CARRYING_ATTRIBUTE = "data-dnd-carrying";
 function DndRoot(props) {
   const outer = React57.useContext(DragControllerContext);
@@ -17997,7 +18089,7 @@ function DndSession({ labels, children }) {
   const [controller] = React57.useState(() => createDragController(() => labelsRef.current));
   const message = useStoreSelector(controller.store, (state) => state.announcement.message);
   React57.useEffect(() => controller.destroy, [controller]);
-  return /* @__PURE__ */ jsxs36(DragControllerContext, { value: controller, children: [
+  return /* @__PURE__ */ jsxs37(DragControllerContext, { value: controller, children: [
     children,
     /* @__PURE__ */ jsx49(DragOverlay, { controller }),
     /* @__PURE__ */ jsx49(VisuallyHidden, { live: "polite", children: message })
@@ -18178,7 +18270,7 @@ function DndSortable({
   }
   const { ref: targetRef, ...targetData } = list.containerProps;
   const ref = useMergedRefs(targetRef, forwardedRef, setRowElement);
-  return /* @__PURE__ */ jsx49(SortableContext, { value: context, children: /* @__PURE__ */ jsxs36(
+  return /* @__PURE__ */ jsx49(SortableContext, { value: context, children: /* @__PURE__ */ jsxs37(
     Tag,
     {
       ref,
@@ -18547,7 +18639,7 @@ var List_default = {
 };
 
 // src/components/list/List.tsx
-import { Fragment as Fragment27, jsx as jsx50, jsxs as jsxs37 } from "react/jsx-runtime";
+import { Fragment as Fragment27, jsx as jsx50, jsxs as jsxs38 } from "react/jsx-runtime";
 var LIST_LABELS = {
   reorderItem: "\u041F\u0435\u0440\u0435\u043C\u0435\u0441\u0442\u0438\u0442\u044C {label}",
   lockedItem: "{label}: \u0437\u0430\u043A\u0440\u0435\u043F\u043B\u0435\u043D\u043E"
@@ -18706,10 +18798,10 @@ function splitItemChildren3(children) {
     }
   }
   flushLoose();
-  return /* @__PURE__ */ jsxs37(Fragment27, { children: [
+  return /* @__PURE__ */ jsxs38(Fragment27, { children: [
     leading,
     /* @__PURE__ */ jsx50("span", { className: List_default.body, children: spaced(body) }),
-    trail.length > 0 ? /* @__PURE__ */ jsxs37(Fragment27, { children: [
+    trail.length > 0 ? /* @__PURE__ */ jsxs38(Fragment27, { children: [
       " ",
       /* @__PURE__ */ jsx50("span", { className: cx(List_default.trail, twoLines && List_default.trailStacked), children: spaced(trail) })
     ] }) : null
@@ -18787,7 +18879,7 @@ function ListItem({
   if (actions.length > 0) {
     const leading = actions.filter((part) => part.props.side === "start");
     const trailing = actions.filter((part) => part.props.side !== "start");
-    element = /* @__PURE__ */ jsxs37("div", { ref: frameRef, className: List_default.frame, children: [
+    element = /* @__PURE__ */ jsxs38("div", { ref: frameRef, className: List_default.frame, children: [
       leading,
       element,
       trailing
@@ -18798,7 +18890,7 @@ function ListItem({
     return /* @__PURE__ */ jsx50("li", { ref: rowRef, className: rowClass, children: element });
   }
   const text = { label: itemLabel({ asChild, children }) };
-  return /* @__PURE__ */ jsxs37(
+  return /* @__PURE__ */ jsxs38(
     Dnd.SortableItem,
     {
       ref: rowRef,
@@ -18876,7 +18968,7 @@ function formatChatTime(date, now, timeZone) {
 }
 
 // src/components/chat-list/ChatList.tsx
-import { Fragment as Fragment29, jsx as jsx51, jsxs as jsxs38 } from "react/jsx-runtime";
+import { Fragment as Fragment29, jsx as jsx51, jsxs as jsxs39 } 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",
@@ -19002,13 +19094,13 @@ function ChatListItem({
   const countPart = usePartPresence({ present: count, axis: "inline" });
   const pinPart = usePartPresence({ present: pin, axis: "inline" });
   const textProps = parts.text?.props;
-  const title = /* @__PURE__ */ jsxs38(List.ItemText, { ...textProps, className: cx(ChatList_default.title, textProps?.className), children: [
+  const title = /* @__PURE__ */ jsxs39(List.ItemText, { ...textProps, className: cx(ChatList_default.title, textProps?.className), children: [
     /* @__PURE__ */ jsx51("span", { className: ChatList_default.name, children: highlightChildren(textProps?.children, query) }),
     parts.glyphs.map((glyph, index) => {
       const { children: glyphChildren, className: glyphClass, ...glyphRest } = glyph.props;
       return (
         // biome-ignore lint/suspicious/noArrayIndexKey: glyphs keep their written order
-        /* @__PURE__ */ jsxs38(React60.Fragment, { children: [
+        /* @__PURE__ */ jsxs39(React60.Fragment, { children: [
           " ",
           /* @__PURE__ */ jsx51(
             "span",
@@ -19026,7 +19118,7 @@ function ChatListItem({
     muted ? /* @__PURE__ */ jsx51("span", { ref: mutedPart.ref, className: cx(ChatList_default.pop, ChatList_default.glyph, mutedPart.className), children: /* @__PURE__ */ jsx51(Icon, { name: "status.muted", size: glyphSize, label: labels.muted, animated: false }) }) : null
   ] }, "title");
   const formatted = time instanceof Date ? list.formatTime(time, list.now, list.timeZone) : time;
-  const meta = formatted || status ? /* @__PURE__ */ jsxs38(List.ItemMeta, { className: ChatList_default.meta, children: [
+  const meta = formatted || status ? /* @__PURE__ */ jsxs39(List.ItemMeta, { className: ChatList_default.meta, children: [
     status ? /* @__PURE__ */ jsx51(
       "span",
       {
@@ -19060,7 +19152,7 @@ function ChatListItem({
       ...descRest
     } = descProps;
     const hasText = hasContent(descChildren);
-    preview = /* @__PURE__ */ jsxs38(
+    preview = /* @__PURE__ */ jsxs39(
       "span",
       {
         ...descRest,
@@ -19070,7 +19162,7 @@ function ChatListItem({
         children: [
           author ? /* @__PURE__ */ jsx51("span", { className: ChatList_default.author, children: `${author}:` }) : null,
           author ? " " : null,
-          kind ? /* @__PURE__ */ jsxs38("span", { className: ChatList_default.kind, children: [
+          kind ? /* @__PURE__ */ jsxs39("span", { className: ChatList_default.kind, children: [
             labels[kind],
             duration !== void 0 ? ` ${formatClock(duration)}` : null,
             hasText ? ", " : null
@@ -19080,7 +19172,7 @@ function ChatListItem({
       }
     );
   }
-  const secondLine = hasSecondLine ? /* @__PURE__ */ jsxs38(
+  const secondLine = hasSecondLine ? /* @__PURE__ */ jsxs39(
     List.ItemDescription,
     {
       ref: descProps?.ref,
@@ -19088,7 +19180,7 @@ function ChatListItem({
       "data-shown": shown,
       children: [
         preview,
-        draftText ? /* @__PURE__ */ jsxs38(
+        draftText ? /* @__PURE__ */ jsxs39(
           "span",
           {
             className: ChatList_default.layer,
@@ -19114,13 +19206,13 @@ function ChatListItem({
     },
     "description"
   ) : null;
-  const badges = count || mention || pin || hasSecondLine ? /* @__PURE__ */ jsxs38(List.ItemMeta, { className: ChatList_default.badges, children: [
-    mention ? /* @__PURE__ */ jsxs38("span", { ref: mentionPart.ref, className: cx(ChatList_default.pop, mentionPart.className), children: [
+  const badges = count || mention || pin || hasSecondLine ? /* @__PURE__ */ jsxs39(List.ItemMeta, { className: ChatList_default.badges, children: [
+    mention ? /* @__PURE__ */ jsxs39("span", { ref: mentionPart.ref, className: cx(ChatList_default.pop, mentionPart.className), children: [
       /* @__PURE__ */ jsx51(Badge.Root, { color: "blue", variant: "solid", className: ChatList_default.mention, "aria-hidden": "true", children: "@" }),
       /* @__PURE__ */ jsx51(VisuallyHidden, { children: labels.mention })
     ] }) : null,
     mention && count ? " " : null,
-    count ? /* @__PURE__ */ jsxs38("span", { ref: countPart.ref, className: cx(ChatList_default.pop, countPart.className), children: [
+    count ? /* @__PURE__ */ jsxs39("span", { ref: countPart.ref, className: cx(ChatList_default.pop, countPart.className), children: [
       /* @__PURE__ */ jsx51(
         Badge.Root,
         {
@@ -19210,7 +19302,7 @@ function ChatListItem({
     }
   );
   if (!parts.menu) return item;
-  return /* @__PURE__ */ jsxs38(
+  return /* @__PURE__ */ jsxs39(
     Dropdown.Root,
     {
       open: menuAt !== null,
@@ -19414,8 +19506,8 @@ 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(Fragment29, { children: [
-      laid.rows.map(({ index, gap }) => /* @__PURE__ */ jsxs38(React60.Fragment, { children: [
+    rows2 = /* @__PURE__ */ jsxs39(Fragment29, { children: [
+      laid.rows.map(({ index, gap }) => /* @__PURE__ */ jsxs39(React60.Fragment, { children: [
         spacer(gap),
         row(index, virtual.measure(index))
       ] }, keys[index])),
@@ -19428,7 +19520,7 @@ function ChatListRoot({
   const state = loading ? "loading" : items.length === 0 ? "empty" : "ready";
   const placeholders = (count) => /* @__PURE__ */ jsx51(List.Root, { size, className: ChatList_default.list, inert: true, "aria-hidden": "true", children: Array.from({ length: count }, (_, index) => (
     // biome-ignore lint/suspicious/noArrayIndexKey: identical placeholder rows
-    /* @__PURE__ */ jsxs38(List.Item, { tabIndex: -1, className: cx(ChatList_default.item, ChatList_default.placeholder), children: [
+    /* @__PURE__ */ jsxs39(List.Item, { tabIndex: -1, className: cx(ChatList_default.item, ChatList_default.placeholder), children: [
       /* @__PURE__ */ jsx51(List.ItemIcon, { children: /* @__PURE__ */ jsx51(Skeleton, { shape: "circle" }) }),
       /* @__PURE__ */ jsx51(List.ItemText, { children: /* @__PURE__ */ jsx51(Skeleton, { className: ChatList_default.placeholderName }) }),
       /* @__PURE__ */ jsx51(List.ItemDescription, { children: /* @__PURE__ */ jsx51(Skeleton, { size: stepDown(size), className: ChatList_default.placeholderPreview }) }),
@@ -19438,22 +19530,22 @@ function ChatListRoot({
   let body;
   if (state === "loading") body = placeholders(SKELETON_ROWS);
   else if (state === "empty") {
-    body = searching ? /* @__PURE__ */ jsxs38(EmptyPage.Root, { layout: "compact", size, children: [
+    body = searching ? /* @__PURE__ */ jsxs39(EmptyPage.Root, { layout: "compact", size, children: [
       /* @__PURE__ */ jsx51(EmptyPage.Icon, { children: /* @__PURE__ */ jsx51(Icon, { name: "action.search" }) }),
       /* @__PURE__ */ jsx51(EmptyPage.Title, { children: labels.noResults })
-    ] }) : empty ?? /* @__PURE__ */ jsxs38(EmptyPage.Root, { layout: "compact", size, children: [
+    ] }) : empty ?? /* @__PURE__ */ jsxs39(EmptyPage.Root, { layout: "compact", size, children: [
       /* @__PURE__ */ jsx51(EmptyPage.Icon, { children: /* @__PURE__ */ jsx51(Icon, { name: "object.message" }) }),
       /* @__PURE__ */ jsx51(EmptyPage.Title, { children: labels.empty })
     ] });
   } else {
-    body = /* @__PURE__ */ jsxs38(Fragment29, { children: [
+    body = /* @__PURE__ */ jsxs39(Fragment29, { children: [
       /* @__PURE__ */ jsx51(List.Root, { ref: setListEl, size, "aria-label": labels.list, className: ChatList_default.list, children: rows2 }),
       hasMore ? placeholders(1) : null
     ] });
   }
   const announcement = loading ? labels.loading : searching ? items.length > 0 ? formatLabel(labels.results, { count: items.length }) : labels.noResults : "";
   return tier.provide(
-    /* @__PURE__ */ jsx51(ChatListProvider, { value: context, children: /* @__PURE__ */ jsxs38(
+    /* @__PURE__ */ jsx51(ChatListProvider, { value: context, children: /* @__PURE__ */ jsxs39(
       "div",
       {
         ...rest,
@@ -19461,7 +19553,7 @@ function ChatListRoot({
         className: cx(ChatList_default.root, className),
         ...toDataAttributes({ size }),
         children: [
-          searchable ? /* @__PURE__ */ jsx51("div", { className: ChatList_default.search, children: /* @__PURE__ */ jsx51(Input.Root, { children: /* @__PURE__ */ jsxs38(Input.Wrapper, { children: [
+          searchable ? /* @__PURE__ */ jsx51("div", { className: ChatList_default.search, children: /* @__PURE__ */ jsx51(Input.Root, { children: /* @__PURE__ */ jsxs39(Input.Wrapper, { children: [
             /* @__PURE__ */ jsx51(Input.Icon, { side: "start", children: /* @__PURE__ */ jsx51(Icon, { name: "action.search", tone: "secondary" }) }),
             /* @__PURE__ */ jsx51(
               Input.Field,
@@ -19679,7 +19771,7 @@ var ColorPresets_default = {
 };
 
 // src/components/color-picker/ColorPresets.tsx
-import { jsx as jsx53, jsxs as jsxs39 } from "react/jsx-runtime";
+import { jsx as jsx53, jsxs as jsxs40 } from "react/jsx-runtime";
 var COLOR_PRESETS_LABELS = {
   trigger: "\u0426\u0432\u0435\u0442",
   list: "\u0426\u0432\u0435\u0442\u0430",
@@ -19866,7 +19958,7 @@ function SwatchList({ label }) {
     const next = grid.move(event, active, balanced ?? Math.min(columns, options.length));
     if (next !== null) setActive(next);
   };
-  return /* @__PURE__ */ jsxs39("div", { className: ColorPresets_default.body, children: [
+  return /* @__PURE__ */ jsxs40("div", { className: ColorPresets_default.body, children: [
     label != null ? /* @__PURE__ */ jsx53(
       "div",
       {
@@ -19928,14 +20020,13 @@ function CustomColorField() {
   );
   const [error, setError] = React62.useState();
   const typed = parseHexColor(draft);
-  return /* @__PURE__ */ jsx53(Input.Root, { label: labels.custom, error, className: ColorPresets_default.custom, children: /* @__PURE__ */ jsxs39(Input.Wrapper, { children: [
+  return /* @__PURE__ */ jsx53(Input.Root, { label: labels.custom, error, className: ColorPresets_default.custom, children: /* @__PURE__ */ jsxs40(Input.Wrapper, { children: [
     /* @__PURE__ */ jsx53(Input.Icon, { side: "start", children: /* @__PURE__ */ jsx53(SwatchChip, { value: typed ?? value }) }),
     /* @__PURE__ */ jsx53(
       Input.Field,
       {
         value: draft,
         placeholder: "#12A594",
-        autoComplete: "off",
         spellCheck: false,
         onValueChange: (next) => {
           setDraft(next);
@@ -20022,7 +20113,7 @@ var CommandMenu_default = {
 };
 
 // src/components/command-menu/CommandMenu.tsx
-import { Fragment as Fragment30, jsx as jsx55, jsxs as jsxs40 } from "react/jsx-runtime";
+import { Fragment as Fragment30, jsx as jsx55, jsxs as jsxs41 } 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",
@@ -20218,7 +20309,7 @@ function CommandMenuInput({
   };
   return (
     // The palette's search is a field of tier `l` (its text and height), whatever the rows' tier.
-    /* @__PURE__ */ jsxs40(
+    /* @__PURE__ */ jsxs41(
       "div",
       {
         className: cx(menu_default.searchRow, fieldTierClass, fieldInputTextClass, CommandMenu_default.inputRow),
@@ -20237,7 +20328,7 @@ function CommandMenuInput({
               "aria-controls": listboxId,
               "aria-activedescendant": activeId ? optionId(activeId) : void 0,
               "aria-busy": loading || loadingMore || void 0,
-              autoComplete: "off",
+              ...AUTOFILL_OFF,
               autoCorrect: "off",
               spellCheck: false,
               "data-autofocus": "",
@@ -20293,14 +20384,14 @@ function CommandMenuList({ className, children, ref, ...rest }) {
     if (inside && !regionRef.current?.contains(document.activeElement)) return;
     dialog.querySelector("[data-autofocus]")?.focus({ preventScroll: true });
   };
-  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: [
+  return /* @__PURE__ */ jsxs41(Fragment30, { children: [
+    /* @__PURE__ */ jsx55(RegionSwap, { ref: regionRef, state: region, fill: true, onSwap: returnToSearch, children: region === "error" ? /* @__PURE__ */ jsxs41(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: [
+      onRetry ? /* @__PURE__ */ jsx55(EmptyPage.Actions, { children: /* @__PURE__ */ jsxs41(Button.Root, { variant: "soft", tone: "neutral", loading: retrying, onClick: onRetry, children: [
         /* @__PURE__ */ jsx55(Button.Icon, { children: /* @__PURE__ */ jsx55(Icon, { name: "action.refresh" }) }),
         labels.retry
       ] }) }) : null
-    ] }) : /* @__PURE__ */ jsxs40(
+    ] }) : /* @__PURE__ */ jsxs41(
       ScrollContainer,
       {
         ...rest,
@@ -20412,7 +20503,7 @@ function CommandMenuItemText({
   ...rest
 }) {
   const { search } = useCommandMenuContext();
-  return /* @__PURE__ */ jsxs40("span", { className: cx(CommandMenu_default.itemText, className), ...rest, children: [
+  return /* @__PURE__ */ jsxs41("span", { className: cx(CommandMenu_default.itemText, className), ...rest, children: [
     /* @__PURE__ */ jsx55("span", { className: CommandMenu_default.itemLabel, children: highlightChildren(children, search) }),
     description ? /* @__PURE__ */ jsx55("span", { className: cx(textRole_default.caption, CommandMenu_default.itemDescription), children: highlightChildren(description, search) }) : null
   ] });
@@ -20434,7 +20525,7 @@ function CommandMenuFooter({ className, ...rest }) {
 }
 CommandMenuFooter.displayName = "CommandMenu.Footer";
 function CommandMenuFooterHint({ keys, children, className, ...rest }) {
-  return /* @__PURE__ */ jsxs40("span", { className: cx(CommandMenu_default.footerHint, className), ...rest, children: [
+  return /* @__PURE__ */ jsxs41("span", { className: cx(CommandMenu_default.footerHint, className), ...rest, children: [
     keys.map((key, index) => (
       // biome-ignore lint/suspicious/noArrayIndexKey: a static list of keys
       /* @__PURE__ */ jsx55(Kbd, { children: key }, index)
@@ -20489,7 +20580,7 @@ var attachmentTile_default = {
 };
 
 // src/internal/attachmentTile.tsx
-import { jsx as jsx56, jsxs as jsxs41 } from "react/jsx-runtime";
+import { jsx as jsx56, jsxs as jsxs42 } from "react/jsx-runtime";
 function AttachmentTile({
   id,
   kind,
@@ -20526,7 +20617,7 @@ function AttachmentTile({
       if (node && leaving?.current.delete(id)) leaveInPlace(node, "inline");
     };
   }, [id, leaving]);
-  return /* @__PURE__ */ jsxs41(
+  return /* @__PURE__ */ jsxs42(
     Dnd.SortableItem,
     {
       ...rest,
@@ -20564,7 +20655,7 @@ function AttachmentTile({
         ) : null,
         name || bandMeta ? (
           // Decorative: the tile's name carries the file name and its state.
-          /* @__PURE__ */ jsxs41(
+          /* @__PURE__ */ jsxs42(
             "span",
             {
               className: cx(textRole_default.caption, onMedia && mediaPill_default.fade, attachmentTile_default.band),
@@ -20628,7 +20719,7 @@ function AttachmentStripScroller({ children }) {
 function TileVideo({ src, onDuration }) {
   const frameRef = React64.useRef(null);
   const near = useNearView(frameRef);
-  return /* @__PURE__ */ jsxs41(Thumbnail.Root, { ref: frameRef, size: "m", className: attachmentTile_default.media, children: [
+  return /* @__PURE__ */ jsxs42(Thumbnail.Root, { ref: frameRef, size: "m", className: attachmentTile_default.media, children: [
     near && src ? /* @__PURE__ */ jsx56(
       Thumbnail.Video,
       {
@@ -20696,7 +20787,7 @@ var FileUpload_default = {
 };
 
 // src/components/file-upload/FileUpload.tsx
-import { Fragment as Fragment31, jsx as jsx57, jsxs as jsxs42 } from "react/jsx-runtime";
+import { Fragment as Fragment31, jsx as jsx57, jsxs as jsxs43 } 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",
   browse: "\u0412\u044B\u0431\u0440\u0430\u0442\u044C \u0444\u0430\u0439\u043B",
@@ -20787,7 +20878,7 @@ function FileUploadFormatBadge({
 FileUploadFormatBadge.displayName = "FileUpload.FormatBadge";
 function FileUploadItemPreview({ src, className, ...rest }) {
   const size = useControlSize(void 0);
-  return /* @__PURE__ */ jsxs42(
+  return /* @__PURE__ */ jsxs43(
     Thumbnail.Root,
     {
       ...rest,
@@ -21105,8 +21196,8 @@ function FileSetView({
   };
   const region = announcer.own ? /* @__PURE__ */ jsx57(VisuallyHidden, { live: "polite", children: announcer.message }) : null;
   if (layout === "list") {
-    return /* @__PURE__ */ jsxs42(Fragment31, { children: [
-      files.length > 0 || addTile ? /* @__PURE__ */ jsxs42(
+    return /* @__PURE__ */ jsxs43(Fragment31, { children: [
+      files.length > 0 || addTile ? /* @__PURE__ */ jsxs43(
         "ul",
         {
           role: "list",
@@ -21193,7 +21284,7 @@ function FileSetView({
       children: addTile
     }
   );
-  return /* @__PURE__ */ jsxs42(Fragment31, { children: [
+  return /* @__PURE__ */ jsxs43(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
   ] });
@@ -21239,7 +21330,7 @@ function FileRow({
       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: [
+      children: /* @__PURE__ */ jsxs43(FileUploadItem, { invalid: status === "failed", "data-status": status, children: [
         picture ? /* @__PURE__ */ jsx57(FileUploadItemPreview, { src: picture }) : /* @__PURE__ */ jsx57(FileUploadFormatBadge, { format: format5 || "\u2014", color: formatColor(format5) }),
         /* @__PURE__ */ jsx57(FileUploadItemText, { title: file.name, children: file.href ? /* @__PURE__ */ jsx57(
           LinkButton,
@@ -21253,7 +21344,7 @@ function FileRow({
           }
         ) : picture ? file.name : splitFileName(file.name).base }),
         parts.length > 0 ? /* @__PURE__ */ jsx57(FileUploadItemDescription, { children: /* @__PURE__ */ jsx57(MorphText, { children: parts.join(" \xB7 ") }) }) : null,
-        onRetry || onRemove ? /* @__PURE__ */ jsxs42(FileUploadItemActions, { children: [
+        onRetry || onRemove ? /* @__PURE__ */ jsxs43(FileUploadItemActions, { children: [
           status === "failed" && onRetry ? /* @__PURE__ */ jsx57(
             Button.Root,
             {
@@ -21437,13 +21528,13 @@ function FileUploadField({
   if (none) {
     control = input;
   } else if (button) {
-    const content = children ?? /* @__PURE__ */ jsxs42(Fragment31, { children: [
+    const content = children ?? /* @__PURE__ */ jsxs43(Fragment31, { children: [
       /* @__PURE__ */ jsx57(Button.Icon, { children: /* @__PURE__ */ jsx57(Icon, { name: "action.attach" }) }),
       labels.browse
     ] });
     const iconOnly = React65.Children.count(content) === 1 && React65.isValidElement(content) && content.type === Button.Icon;
     const buttonId = `${ids.controlId}-button`;
-    control = /* @__PURE__ */ jsxs42("span", { className: FileUpload_default.buttonRoot, children: [
+    control = /* @__PURE__ */ jsxs43("span", { className: FileUpload_default.buttonRoot, children: [
       input,
       /* @__PURE__ */ jsx57(
         Button.Root,
@@ -21464,7 +21555,7 @@ function FileUploadField({
     ] });
   } else if (!tile) {
     control = // biome-ignore lint/a11y/noLabelWithoutControl: the file input (`input`) is its first child
-    /* @__PURE__ */ jsxs42(
+    /* @__PURE__ */ jsxs43(
       "label",
       {
         className: cx(fieldTierClass, FileUpload_default.root),
@@ -21477,7 +21568,7 @@ function FileUploadField({
         }),
         children: [
           input,
-          children ?? /* @__PURE__ */ jsxs42(FileUploadBody, { children: [
+          children ?? /* @__PURE__ */ jsxs43(FileUploadBody, { children: [
             /* @__PURE__ */ jsx57(FileUploadIcon, { children: /* @__PURE__ */ jsx57(Icon, { name: "action.upload", size, tone: "secondary" }) }),
             /* @__PURE__ */ jsx57(FileUploadTitle, { children: labels.title }),
             /* @__PURE__ */ jsx57(Button.Root, { asChild: true, variant: "soft", tone: "neutral", size, disabled, children: /* @__PURE__ */ jsx57("span", { children: labels.browse }) })
@@ -21514,7 +21605,7 @@ function FileUploadField({
       ref: addTileRef,
       className: cx(FileUpload_default.add, addPresence.className),
       "data-empty": empty || void 0,
-      children: /* @__PURE__ */ jsxs42("label", { className: FileUpload_default.addTarget, children: [
+      children: /* @__PURE__ */ jsxs43("label", { className: FileUpload_default.addTarget, children: [
         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: empty ? labels.empty : labels.add }) })
@@ -21562,7 +21653,7 @@ function FileUploadField({
         disabled,
         optionalLabel: labels.optional,
         group: tile,
-        children: /* @__PURE__ */ jsxs42(
+        children: /* @__PURE__ */ jsxs43(
           "div",
           {
             className: FileUpload_default.field,
@@ -21811,7 +21902,7 @@ var textFormattingToolbar_default = {
 };
 
 // src/internal/textFormattingToolbar.tsx
-import { jsx as jsx58, jsxs as jsxs43 } from "react/jsx-runtime";
+import { jsx as jsx58, jsxs as jsxs44 } from "react/jsx-runtime";
 var TOOL_ICONS = {
   bold: "format.bold",
   italic: "format.italic",
@@ -21908,7 +21999,7 @@ function useTextFormatting({
       },
       children: /* @__PURE__ */ jsx58(Tooltip.Provider, { children: TEXT_FORMATS.map((format5, index) => {
         const shortcut = FORMAT_SHORTCUTS[format5];
-        return /* @__PURE__ */ jsxs43(Tooltip.Root, { children: [
+        return /* @__PURE__ */ jsxs44(Tooltip.Root, { children: [
           /* @__PURE__ */ jsx58(Tooltip.Trigger, { children: /* @__PURE__ */ jsx58(
             Button.Root,
             {
@@ -21925,7 +22016,7 @@ function useTextFormatting({
               children: /* @__PURE__ */ jsx58(Button.Icon, { children: /* @__PURE__ */ jsx58(Icon, { name: TOOL_ICONS[format5] }) })
             }
           ) }),
-          /* @__PURE__ */ jsxs43(Tooltip.Content, { size: toolSize, side: "top", children: [
+          /* @__PURE__ */ jsxs44(Tooltip.Content, { size: toolSize, side: "top", children: [
             labels[format5],
             " ",
             /* @__PURE__ */ jsx58(Kbd, { children: shortcutText(format5, apple) })
@@ -21950,7 +22041,7 @@ var Textarea_default = {
 };
 
 // src/components/textarea/Textarea.tsx
-import { Fragment as Fragment32, jsx as jsx59, jsxs as jsxs44 } from "react/jsx-runtime";
+import { Fragment as Fragment32, jsx as jsx59, jsxs as jsxs45 } 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",
@@ -21982,6 +22073,7 @@ function TextareaRoot({
   disabled: disabledProp,
   readOnly,
   value,
+  autoComplete,
   onInput,
   onChange,
   onValueChange,
@@ -22002,6 +22094,7 @@ function TextareaRoot({
   const disabled = useInheritedDisabled(disabledProp);
   const ids = useFieldFrame(id, { label, hint, error, invalid, required }, ariaDescribedBy);
   const labels = useLabels(TEXTAREA_LABELS, labelsProp);
+  const autofill = useAutofill(autoComplete);
   const innerRef = React67.useRef(null);
   const setRefs = useMergedRefs(innerRef, ref);
   const mirrorRef = React67.useRef(null);
@@ -22061,6 +22154,7 @@ function TextareaRoot({
       "aria-invalid": ids.invalid || void 0,
       "aria-describedby": ids.describedBy,
       "aria-busy": commit.state === "pending" || void 0,
+      ...autofill,
       value,
       onInput: (event) => {
         if (autoResize && mirrorRef.current) {
@@ -22115,9 +22209,9 @@ function TextareaRoot({
           "focus-ring": focusRing,
           capped: autoResize && maxRows !== void 0 || void 0
         }),
-        children: hasEdge ? /* @__PURE__ */ jsxs44(Fragment32, { children: [
+        children: hasEdge ? /* @__PURE__ */ jsxs45(Fragment32, { children: [
           /* @__PURE__ */ jsx59("div", { className: Textarea_default.body, children: body }),
-          /* @__PURE__ */ jsxs44("div", { className: Textarea_default.edge, children: [
+          /* @__PURE__ */ jsxs45("div", { className: Textarea_default.edge, children: [
             hasCommit ? /* @__PURE__ */ jsx59(FieldCommitStatus, { state: commit.state, labels }) : null,
             children
           ] })
@@ -22144,7 +22238,7 @@ function TextareaRoot({
         className: cx(fieldTierClass, Textarea_default.root, className),
         children: formatting ? (
           // The toolbar floats over the box; the box clips its corner actions, so it cannot hold it.
-          /* @__PURE__ */ jsxs44("div", { className: Textarea_default.anchor, ...format5.anchorProps, children: [
+          /* @__PURE__ */ jsxs45("div", { className: Textarea_default.anchor, ...format5.anchorProps, children: [
             control,
             format5.toolbar
           ] })
@@ -22504,7 +22598,7 @@ function useRecorder(onRecorded) {
 }
 
 // src/components/composer/Composer.tsx
-import { Fragment as Fragment33, jsx as jsx60, jsxs as jsxs45 } from "react/jsx-runtime";
+import { Fragment as Fragment33, jsx as jsx60, jsxs as jsxs46 } 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",
@@ -23114,7 +23208,7 @@ function ComposerRoot({
   const errorId = `${fieldId}-error`;
   const contextIds = bars.map((item) => item.id).join(" ") || void 0;
   return /* @__PURE__ */ jsx60(ComposerProvider, { value: contextValue, children: tier.provide(
-    /* @__PURE__ */ jsxs45(
+    /* @__PURE__ */ jsxs46(
       "form",
       {
         "aria-label": labels.region,
@@ -23191,8 +23285,8 @@ function ComposerRoot({
               onExitEnd: preview.onExitEnd
             }
           ) : null,
-          /* @__PURE__ */ jsxs45("div", { className: Composer_default.top, children: [
-            /* @__PURE__ */ jsx60(Crossfade, { state: uploads.length > 0 ? "tray" : "empty", className: Composer_default.tray, children: queue && uploads.length > 0 ? /* @__PURE__ */ jsxs45("div", { className: Composer_default.trayBody, inert: disabled || pending, children: [
+          /* @__PURE__ */ jsxs46("div", { className: Composer_default.top, children: [
+            /* @__PURE__ */ jsx60(Crossfade, { state: uploads.length > 0 ? "tray" : "empty", className: Composer_default.tray, children: queue && uploads.length > 0 ? /* @__PURE__ */ jsxs46("div", { className: Composer_default.trayBody, inert: disabled || pending, children: [
               /* @__PURE__ */ jsx60(
                 FileUpload.Queue,
                 {
@@ -23227,9 +23321,9 @@ function ComposerRoot({
               }
             ) : null
           ] }),
-          /* @__PURE__ */ jsxs45("div", { className: Composer_default.row, "data-composer-row": "", children: [
+          /* @__PURE__ */ jsxs46("div", { className: Composer_default.row, "data-composer-row": "", children: [
             /* @__PURE__ */ jsx60("div", { ref: setAttachSlot, className: Composer_default.start, inert: recording }),
-            /* @__PURE__ */ jsxs45("div", { inert: recording, className: Composer_default.field, ...format5.anchorProps, children: [
+            /* @__PURE__ */ jsxs46("div", { inert: recording, className: Composer_default.field, ...format5.anchorProps, children: [
               /* @__PURE__ */ jsx60(
                 Textarea.Root,
                 {
@@ -23262,7 +23356,7 @@ function ComposerRoot({
               ),
               format5.toolbar
             ] }),
-            recording ? /* @__PURE__ */ jsxs45(
+            recording ? /* @__PURE__ */ jsxs46(
               "div",
               {
                 ref: setBarRef,
@@ -23307,14 +23401,14 @@ function ComposerRoot({
                     // A canvas without fallback content is not exposed: the timer and the live
                     // region speak for the recording.
                     /* @__PURE__ */ jsx60("canvas", { ref: waveRef, className: cx(Composer_default.wave, enterMotion_default.enter) })
-                  ) : /* @__PURE__ */ jsxs45("span", { className: Composer_default.slide, "aria-hidden": "true", children: [
+                  ) : /* @__PURE__ */ jsxs46("span", { className: Composer_default.slide, "aria-hidden": "true", children: [
                     /* @__PURE__ */ jsx60(Icon, { name: "nav.chevronLeft" }),
                     labels.slideToCancel
                   ] })
                 ]
               }
             ) : null,
-            /* @__PURE__ */ jsxs45("div", { className: Composer_default.end, children: [
+            /* @__PURE__ */ jsxs46("div", { className: Composer_default.end, children: [
               /* @__PURE__ */ jsx60(
                 "div",
                 {
@@ -23323,7 +23417,7 @@ function ComposerRoot({
                   inert: recording
                 }
               ),
-              lockPill.mounted ? /* @__PURE__ */ jsxs45(
+              lockPill.mounted ? /* @__PURE__ */ jsxs46(
                 "span",
                 {
                   className: cx(
@@ -23382,7 +23476,7 @@ function VideoPreview({
     },
     [stream]
   );
-  return /* @__PURE__ */ jsxs45(
+  return /* @__PURE__ */ jsxs46(
     "div",
     {
       ref,
@@ -23446,7 +23540,7 @@ function ComposerContext({
     focusedMode.current = mode;
     focusFieldIfLive();
   });
-  return /* @__PURE__ */ jsxs45(
+  return /* @__PURE__ */ jsxs46(
     "div",
     {
       ...rest,
@@ -23517,7 +23611,7 @@ function ComposerAttach({
     );
   }
   return createPortal2(
-    /* @__PURE__ */ jsxs45("div", { ...rest, className: cx(Composer_default.attach, className), children: [
+    /* @__PURE__ */ jsxs46("div", { ...rest, className: cx(Composer_default.attach, className), children: [
       /* @__PURE__ */ jsx60(
         FileUpload.Root,
         {
@@ -23528,7 +23622,7 @@ function ComposerAttach({
           onFilesChange: addFiles
         }
       ),
-      /* @__PURE__ */ jsxs45(Dropdown.Root, { children: [
+      /* @__PURE__ */ jsxs46(Dropdown.Root, { children: [
         /* @__PURE__ */ jsx60(Dropdown.Trigger, { children: /* @__PURE__ */ jsx60(Button.Root, { variant: "ghost", tone: "neutral", "aria-label": name, disabled, children: icon }) }),
         /* @__PURE__ */ jsx60(Dropdown.Content, { side: "top", size, children: /* @__PURE__ */ jsx60(AttachPickContext.Provider, { value: pick, children }) })
       ] })
@@ -23605,7 +23699,7 @@ function ComposerKeyboard({
   };
   if (!keyboardSlot || !keyboardToggleSlot) return null;
   const toggleIcon = open ? "nav.chevronDown" : "nav.layoutGrid";
-  return /* @__PURE__ */ jsxs45(Fragment33, { children: [
+  return /* @__PURE__ */ jsxs46(Fragment33, { children: [
     createPortal2(
       /* @__PURE__ */ jsx60(
         Button.Root,
@@ -23641,7 +23735,7 @@ function ComposerKeyboard({
               children: row.map((key, keyIndex) => {
                 const position = `${rowIndex}:${keyIndex}`;
                 const custom = typeof key === "string" ? void 0 : key;
-                return /* @__PURE__ */ jsxs45(
+                return /* @__PURE__ */ jsxs46(
                   Button.Root,
                   {
                     variant: "soft",
@@ -23745,7 +23839,7 @@ var DataTable_default = {
 };
 
 // src/components/data-table/ColumnsMenu.tsx
-import { jsx as jsx61, jsxs as jsxs46 } from "react/jsx-runtime";
+import { jsx as jsx61, jsxs as jsxs47 } from "react/jsx-runtime";
 var columnId = (column) => column.id;
 var columnLabel = (column) => nodeText(column.header) || column.id;
 var MOVE_KEYS = "Alt+ArrowUp Alt+ArrowDown";
@@ -23807,10 +23901,10 @@ function ColumnsMenu({
     }
     reorder.onReorder(id, beforeId);
   };
-  const opener = trigger === "icon" ? /* @__PURE__ */ jsxs46(Tooltip.Root, { children: [
+  const opener = trigger === "icon" ? /* @__PURE__ */ jsxs47(Tooltip.Root, { children: [
     /* @__PURE__ */ jsx61(Tooltip.Trigger, { children: /* @__PURE__ */ jsx61(Dropdown.Trigger, { children: /* @__PURE__ */ jsx61(Button.Root, { variant: "ghost", tone: "neutral", size, "aria-label": name, children: /* @__PURE__ */ jsx61(Button.Icon, { children: /* @__PURE__ */ jsx61(Icon, { name: "view.columns" }) }) }) }) }),
     /* @__PURE__ */ jsx61(Tooltip.Content, { children: name })
-  ] }) : /* @__PURE__ */ jsx61(Dropdown.Trigger, { children: /* @__PURE__ */ jsxs46(
+  ] }) : /* @__PURE__ */ jsx61(Dropdown.Trigger, { children: /* @__PURE__ */ jsxs47(
     Button.Root,
     {
       "aria-label": `${name} ${shown}`,
@@ -23825,9 +23919,9 @@ function ColumnsMenu({
       ]
     }
   ) });
-  const menu = /* @__PURE__ */ jsxs46(Dropdown.Root, { children: [
+  const menu = /* @__PURE__ */ jsxs47(Dropdown.Root, { children: [
     opener,
-    /* @__PURE__ */ jsxs46(
+    /* @__PURE__ */ jsxs47(
       Dropdown.Content,
       {
         ref: contentRef,
@@ -23846,7 +23940,7 @@ function ColumnsMenu({
               className: DataTable_default.chooserList,
               renderItem: (column) => {
                 const locked = reorder.locked.has(column.id);
-                return /* @__PURE__ */ jsxs46(Dnd.SortableItem, { id: column.id, locked, className: DataTable_default.chooserItem, children: [
+                return /* @__PURE__ */ jsxs47(Dnd.SortableItem, { id: column.id, locked, className: DataTable_default.chooserItem, children: [
                   checkItem(column, !locked),
                   /* @__PURE__ */ jsx61(
                     Dnd.Handle,
@@ -23912,7 +24006,7 @@ var Pagination_default = {
 };
 
 // src/components/pagination/Pagination.tsx
-import { jsx as jsx62, jsxs as jsxs47 } from "react/jsx-runtime";
+import { jsx as jsx62, jsxs as jsxs48 } from "react/jsx-runtime";
 function pageRange(page, total, siblings) {
   if (total <= 2 * siblings + 5) return Array.from({ length: total }, (_, i) => i + 1);
   const left = Math.max(2, page - siblings);
@@ -23961,7 +24055,7 @@ function Pagination({
         "aria-label": labels.nav,
         className: cx(fieldTierClass, Pagination_default.root, className),
         ...toDataAttributes({ size, compact: mode, align }),
-        children: /* @__PURE__ */ jsxs47("div", { className: Pagination_default.list, children: [
+        children: /* @__PURE__ */ jsxs48("div", { className: Pagination_default.list, children: [
           /* @__PURE__ */ jsx62(
             Button.Root,
             {
@@ -23997,7 +24091,7 @@ function Pagination({
               item
             )
           ) : null,
-          /* @__PURE__ */ jsxs47("span", { className: Pagination_default.summary, children: [
+          /* @__PURE__ */ jsxs48("span", { className: Pagination_default.summary, children: [
             /* @__PURE__ */ jsx62("span", { className: Pagination_default.summaryCurrent, children: current }),
             /* @__PURE__ */ jsx62("span", { "aria-hidden": "true", children: "/" }),
             /* @__PURE__ */ jsx62(VisuallyHidden, { children: labels.of }),
@@ -24021,12 +24115,12 @@ function Pagination({
 }
 
 // src/components/data-table/Footer.tsx
-import { jsx as jsx63, jsxs as jsxs48 } from "react/jsx-runtime";
+import { jsx as jsx63, jsxs as jsxs49 } from "react/jsx-runtime";
 function Footer({ range, pagination, status }) {
   const present = range !== null || pagination !== null || status !== null;
   const presence = usePartPresence({ present, axis: "block" });
   if (!present) return null;
-  return /* @__PURE__ */ jsxs48("div", { ref: presence.ref, className: cx(DataTable_default.footer, presence.className), children: [
+  return /* @__PURE__ */ jsxs49("div", { ref: presence.ref, className: cx(DataTable_default.footer, presence.className), children: [
     range !== null ? /* @__PURE__ */ jsx63("p", { className: DataTable_default.meta, children: range }) : null,
     pagination ? /* @__PURE__ */ jsx63(
       Pagination,
@@ -24038,7 +24132,7 @@ function Footer({ range, pagination, status }) {
         onValueChange: pagination.onPageChange
       }
     ) : null,
-    status !== null ? /* @__PURE__ */ jsxs48("p", { className: cx(DataTable_default.meta, DataTable_default.status), "aria-hidden": "true", children: [
+    status !== null ? /* @__PURE__ */ jsxs49("p", { className: cx(DataTable_default.meta, DataTable_default.status), "aria-hidden": "true", children: [
       /* @__PURE__ */ jsx63(Spinner, { "aria-hidden": "true" }),
       status
     ] }) : null
@@ -24103,7 +24197,7 @@ var rowLink_default = {
 
 // src/components/data-table/reorder.tsx
 import * as React71 from "react";
-import { jsx as jsx64, jsxs as jsxs49 } from "react/jsx-runtime";
+import { jsx as jsx64, jsxs as jsxs50 } from "react/jsx-runtime";
 function useRowReorder(options) {
   const { onReorder, expandEnabled, sorted, rows: rows2, orderedRows, offset, getRowKey, getRowGroup } = options;
   const enabled = onReorder !== void 0 && !expandEnabled;
@@ -24224,7 +24318,7 @@ function ReorderHandleCell({ reorder, rowLabel, className, wrap: wrap2 }) {
   const label = formatLabel(reorder.handleLabel, { label: rowLabel ?? "" }).trim();
   let content;
   if (reorder.locked) {
-    content = /* @__PURE__ */ jsxs49(Tooltip.Root, { children: [
+    content = /* @__PURE__ */ jsxs50(Tooltip.Root, { children: [
       /* @__PURE__ */ jsx64(Tooltip.Trigger, { children: /* @__PURE__ */ jsx64(Dnd.Handle, { "aria-label": label, disabled: true }) }),
       /* @__PURE__ */ jsx64(Tooltip.Content, { children: reorder.lockedHint })
     ] });
@@ -24373,7 +24467,7 @@ function flatten(data, options) {
 }
 
 // src/components/data-table/Row.tsx
-import { Fragment as Fragment34, jsx as jsx65, jsxs as jsxs50 } from "react/jsx-runtime";
+import { Fragment as Fragment34, jsx as jsx65, jsxs as jsxs51 } from "react/jsx-runtime";
 function columnAlign(column) {
   return column.align ?? (column.numeric ? "end" : "start");
 }
@@ -24436,8 +24530,8 @@ 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(Fragment34, { children: [
-    /* @__PURE__ */ jsxs50(
+  return /* @__PURE__ */ jsxs51(Fragment34, { children: [
+    /* @__PURE__ */ jsxs51(
       RowElement,
       {
         reorder: shared.reorder,
@@ -24543,7 +24637,7 @@ function DataTableRowImpl({
                   folded(
                     /* @__PURE__ */ jsx65("a", { href, className: DataTable_default.rowLink, "data-row-link": "", children: renderCell(row, column, true) })
                   )
-                ) : /* @__PURE__ */ jsxs50(Fragment34, { children: [
+                ) : /* @__PURE__ */ jsxs51(Fragment34, { children: [
                   /* @__PURE__ */ jsx65(
                     "a",
                     {
@@ -24629,7 +24723,7 @@ function GroupRow({ totalColumns, sticky, size, toggle, children }) {
       colSpan: totalColumns,
       className: DataTable_default.groupCell,
       "data-sticky": sticky ? "true" : void 0,
-      children: /* @__PURE__ */ jsxs50("div", { className: DataTable_default.groupContent, children: [
+      children: /* @__PURE__ */ jsxs51("div", { className: DataTable_default.groupContent, children: [
         toggle ? /* @__PURE__ */ jsx65(
           Button.Root,
           {
@@ -24656,7 +24750,7 @@ function MeasureBody({
   gripStart,
   endCell
 }) {
-  return /* @__PURE__ */ jsx65("tbody", { className: DataTable_default.measureBody, "aria-hidden": "true", inert: true, children: rows2.map(({ row, key, depth }) => /* @__PURE__ */ jsxs50(
+  return /* @__PURE__ */ jsx65("tbody", { className: DataTable_default.measureBody, "aria-hidden": "true", inert: true, children: rows2.map(({ row, key, depth }) => /* @__PURE__ */ jsxs51(
     "tr",
     {
       className: DataTable_default.row,
@@ -24686,7 +24780,7 @@ function MeasureBody({
 }
 
 // src/components/data-table/Head.tsx
-import { Fragment as Fragment35, jsx as jsx66, jsxs as jsxs51 } from "react/jsx-runtime";
+import { Fragment as Fragment35, jsx as jsx66, jsxs as jsxs52 } 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;
@@ -24714,7 +24808,7 @@ function Head({
     stickyHeader && (pinned ? DataTable_default.cornerCellSticky : DataTable_default.headSticky)
   );
   const lead = cx(headCell(stickyFirstColumn), stickyFirstColumn && DataTable_default.stickyLead);
-  const leading = /* @__PURE__ */ jsxs51(Fragment35, { children: [
+  const leading = /* @__PURE__ */ jsxs52(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,
@@ -24756,14 +24850,14 @@ function Head({
         label: column.sortable ? void 0 : infoLabel
       }
     ) : null;
-    const label = column.sortable ? /* @__PURE__ */ jsx66(WithDescription, { description: described ? column.description : void 0, children: /* @__PURE__ */ jsxs51(
+    const label = column.sortable ? /* @__PURE__ */ jsx66(WithDescription, { description: described ? column.description : void 0, children: /* @__PURE__ */ jsxs52(
       "button",
       {
         type: "button",
         className: DataTable_default.sortButton,
         "aria-keyshortcuts": moves ? "Alt+ArrowLeft Alt+ArrowRight" : void 0,
         children: [
-          /* @__PURE__ */ jsxs51("span", { className: DataTable_default.headTitle, children: [
+          /* @__PURE__ */ jsxs52("span", { className: DataTable_default.headTitle, children: [
             /* @__PURE__ */ jsx66("span", { className: DataTable_default.headLabel, children: column.header }),
             info
           ] }),
@@ -24777,10 +24871,10 @@ function Head({
           )
         ]
       }
-    ) }) : column.hideHeader ? /* @__PURE__ */ jsxs51(Fragment35, { children: [
+    ) }) : column.hideHeader ? /* @__PURE__ */ jsxs52(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: [
+    ] }) : /* @__PURE__ */ jsxs52("span", { className: DataTable_default.headTitle, children: [
       /* @__PURE__ */ jsx66("span", { id: labelId, className: DataTable_default.headLabel, children: column.header }),
       info ? /* @__PURE__ */ jsx66(WithDescription, { description: column.description, children: info }) : null
     ] });
@@ -24803,7 +24897,7 @@ function Head({
         "aria-describedby": described ? descriptionId : void 0,
         onClick: column.sortable ? () => onSort(column.id) : void 0
       },
-      content: /* @__PURE__ */ jsxs51(Fragment35, { children: [
+      content: /* @__PURE__ */ jsxs52(Fragment35, { children: [
         label,
         described ? /* @__PURE__ */ jsx66("span", { id: descriptionId, hidden: true, children: column.description }) : null
       ] })
@@ -24838,7 +24932,7 @@ function Head({
       }
     ) });
   }
-  return /* @__PURE__ */ jsx66("thead", { className: DataTable_default.head, children: /* @__PURE__ */ jsxs51("tr", { children: [
+  return /* @__PURE__ */ jsx66("thead", { className: DataTable_default.head, children: /* @__PURE__ */ jsxs52("tr", { children: [
     leading,
     columns.map((column, columnIndex) => {
       const { props, content } = cell(column, columnIndex);
@@ -24852,24 +24946,24 @@ function WithDescription({
   children
 }) {
   if (description === void 0) return children;
-  return /* @__PURE__ */ jsxs51(Tooltip.Root, { children: [
+  return /* @__PURE__ */ jsxs52(Tooltip.Root, { children: [
     /* @__PURE__ */ jsx66(Tooltip.Trigger, { children }),
     /* @__PURE__ */ jsx66(Tooltip.Content, { children: description })
   ] });
 }
 
 // src/components/data-table/SelectionMenu.tsx
-import { jsx as jsx67, jsxs as jsxs52 } from "react/jsx-runtime";
+import { jsx as jsx67, jsxs as jsxs53 } 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: [
+  return /* @__PURE__ */ jsxs53(Dropdown.Root, { children: [
+    /* @__PURE__ */ jsx67(Dropdown.Trigger, { children: /* @__PURE__ */ jsxs53(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__ */ jsxs53(Dropdown.Content, { side: "bottom", align: "end", size, children: [
+      /* @__PURE__ */ jsxs53(Dropdown.Item, { onSelect: onClear, children: [
         /* @__PURE__ */ jsx67(Dropdown.ItemIcon, { children: /* @__PURE__ */ jsx67(Icon, { name: "action.close" }) }),
         labels.clearSelection
       ] }),
@@ -24880,7 +24974,7 @@ function SelectionMenu({ selected, actions, onClear, labels, size }) {
 }
 
 // src/components/data-table/StateRows.tsx
-import { jsx as jsx68, jsxs as jsxs53 } from "react/jsx-runtime";
+import { jsx as jsx68, jsxs as jsxs54 } from "react/jsx-runtime";
 function StateRows({
   state,
   columns,
@@ -24903,7 +24997,7 @@ function StateRows({
   }
   return Array.from({ length: skeletonRows }, (_, rowIndex) => (
     // biome-ignore lint/suspicious/noArrayIndexKey: static placeholder rows
-    /* @__PURE__ */ jsxs53("tr", { className: cx(DataTable_default.row, DataTable_default.skeletonRow), "data-skeleton": "true", children: [
+    /* @__PURE__ */ jsxs54("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,
@@ -25239,7 +25333,7 @@ function useRowSelection({
 }
 
 // src/components/data-table/DataTable.tsx
-import { jsx as jsx69, jsxs as jsxs54 } from "react/jsx-runtime";
+import { jsx as jsx69, jsxs as jsxs55 } 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.",
@@ -25928,7 +26022,7 @@ function DataTable({
     );
   };
   return /* @__PURE__ */ jsx69(ReorderRoot, { enabled: reorder.enabled || reorderColumns && showHeader, children: /* @__PURE__ */ jsx69(SurfaceDepthProvider, { value: depth, children: tier.provide(
-    /* @__PURE__ */ jsxs54(
+    /* @__PURE__ */ jsxs55(
       "div",
       {
         ...rest,
@@ -25957,13 +26051,13 @@ function DataTable({
           "scroll-height": fillHeight ? "fill" : void 0
         }),
         children: [
-          hasToolbar ? /* @__PURE__ */ jsxs54(
+          hasToolbar ? /* @__PURE__ */ jsxs55(
             "div",
             {
               ref: toolbarPresence.ref,
               className: cx(DataTable_default.toolbar, toolbarPresence.className),
               children: [
-                toolbar != null || showSelectionActions ? /* @__PURE__ */ jsxs54(ToolRow, { children: [
+                toolbar != null || showSelectionActions ? /* @__PURE__ */ jsxs55(ToolRow, { children: [
                   toolbar,
                   showSelectionActions ? /* @__PURE__ */ jsx69(
                     ToolCell,
@@ -25988,7 +26082,7 @@ function DataTable({
               ]
             }
           ) : null,
-          /* @__PURE__ */ jsx69("div", { className: cx(fieldTierClass, DataTable_default.frame), "data-size": compactTier(size), children: /* @__PURE__ */ jsxs54(
+          /* @__PURE__ */ jsx69("div", { className: cx(fieldTierClass, DataTable_default.frame), "data-size": compactTier(size), children: /* @__PURE__ */ jsxs55(
             ScrollContainer,
             {
               ref: scrollRef,
@@ -25998,7 +26092,7 @@ function DataTable({
               "data-size": "xs",
               style: { maxHeight: typeof maxHeight === "number" ? `${maxHeight}px` : maxHeight },
               children: [
-                /* @__PURE__ */ jsxs54(
+                /* @__PURE__ */ jsxs55(
                   "table",
                   {
                     ref: mergedTableRef,
@@ -26008,7 +26102,7 @@ function DataTable({
                     "aria-rowcount": virtualized ? flatRows.length + headRows : void 0,
                     ...columnHover,
                     children: [
-                      /* @__PURE__ */ jsxs54("colgroup", { children: [
+                      /* @__PURE__ */ jsxs55("colgroup", { children: [
                         gripStart ? /* @__PURE__ */ jsx69("col", {}) : null,
                         selectable ? /* @__PURE__ */ jsx69("col", {}) : null,
                         expandEnabled ? /* @__PURE__ */ jsx69("col", {}) : null,
@@ -26054,7 +26148,7 @@ function DataTable({
                           className: swapClass
                         },
                         `group-${String(segment.key)}`
-                      )) }, bodyKey) : groups && bodyState === "rows" ? /* @__PURE__ */ jsx69(React78.Fragment, { children: segments.map((segment) => /* @__PURE__ */ jsxs54("tbody", { className: swapClass, children: [
+                      )) }, bodyKey) : groups && bodyState === "rows" ? /* @__PURE__ */ jsx69(React78.Fragment, { children: segments.map((segment) => /* @__PURE__ */ jsxs55("tbody", { className: swapClass, children: [
                         groupHeader(segment),
                         segment.rows.map(({ item, index }) => renderRow(item, index))
                       ] }, `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(
@@ -26184,7 +26278,7 @@ var DescriptionList_default = {
 };
 
 // src/components/description-list/DescriptionList.tsx
-import { Fragment as Fragment37, jsx as jsx71, jsxs as jsxs55 } from "react/jsx-runtime";
+import { Fragment as Fragment37, jsx as jsx71, jsxs as jsxs56 } from "react/jsx-runtime";
 var DESCRIPTION_LIST_LABELS = {
   empty: "\u2014",
   emptyText: "\u041D\u0435 \u0443\u043A\u0430\u0437\u0430\u043D\u043E"
@@ -26224,10 +26318,10 @@ function DescriptionListItem({ label, children, className, ...rest }) {
   );
   const value = parts.filter((child) => child !== action);
   const empty = value.length === 0 || value.every(isEmptyValue);
-  return /* @__PURE__ */ jsxs55("div", { ...rest, className: cx(DescriptionList_default.item, className), children: [
+  return /* @__PURE__ */ jsxs56("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__ */ jsxs56("dd", { className: DescriptionList_default.value, "data-empty": empty || void 0, children: [
+      /* @__PURE__ */ jsx71("span", { className: DescriptionList_default.text, children: empty ? /* @__PURE__ */ jsxs56(Fragment37, { children: [
         /* @__PURE__ */ jsx71("span", { "aria-hidden": "true", children: labels.empty }),
         /* @__PURE__ */ jsx71(VisuallyHidden, { children: labels.emptyText })
       ] }) : value }),
@@ -26259,7 +26353,7 @@ var DigitInput_default = {
 };
 
 // src/components/digit-input/DigitInput.tsx
-import { jsx as jsx72, jsxs as jsxs56 } from "react/jsx-runtime";
+import { jsx as jsx72, jsxs as jsxs57 } from "react/jsx-runtime";
 var DIGIT_INPUT_LABELS = {
   group: "\u041A\u043E\u0434",
   cell: "\u0426\u0438\u0444\u0440\u0430 {index} \u0438\u0437 {length}",
@@ -26427,7 +26521,7 @@ function DigitInput({
         optionalLabel: labels.optional,
         className: cx(DigitInput_default.frame, className),
         "data-full-width": fullWidth || void 0,
-        children: /* @__PURE__ */ jsxs56(
+        children: /* @__PURE__ */ jsxs57(
           "fieldset",
           {
             "aria-label": ids.labelledBy ? void 0 : labels.group,
@@ -26613,7 +26707,7 @@ var ExampleFrame_default = {
 };
 
 // src/components/example-frame/ExampleFrame.tsx
-import { jsx as jsx74, jsxs as jsxs57 } from "react/jsx-runtime";
+import { jsx as jsx74, jsxs as jsxs58 } from "react/jsx-runtime";
 var VIEWPORTS = ["desktop", "tablet", "mobile"];
 var EXAMPLE_FRAME_LABELS = {
   paneSwitch: "\u0412\u0438\u0434 \u043F\u0440\u0438\u043C\u0435\u0440\u0430",
@@ -26750,7 +26844,7 @@ function ExampleFrame({
     previousScheme.current = colorScheme;
     if (rootRef.current) suspendTransitions(rootRef.current);
   }, [colorScheme]);
-  return /* @__PURE__ */ jsxs57("div", { ...rest, ref: mergedRef, className: cx(ExampleFrame_default.root, className), "data-depth": depth, children: [
+  return /* @__PURE__ */ jsxs58("div", { ...rest, ref: mergedRef, className: cx(ExampleFrame_default.root, className), "data-depth": depth, children: [
     /* @__PURE__ */ jsx74(
       ExampleFrameToolbar,
       {
@@ -26829,9 +26923,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__ */ jsxs57("div", { ref: toolbarRef, className: ExampleFrame_default.toolbar, "data-narrow": narrow || void 0, children: [
-    /* @__PURE__ */ jsxs57("div", { className: ExampleFrame_default.toolbarLine1, children: [
-      /* @__PURE__ */ jsxs57(
+  return /* @__PURE__ */ jsxs58("div", { ref: toolbarRef, className: ExampleFrame_default.toolbar, "data-narrow": narrow || void 0, children: [
+    /* @__PURE__ */ jsxs58("div", { className: ExampleFrame_default.toolbarLine1, children: [
+      /* @__PURE__ */ jsxs58(
         SegmentedControl.Root,
         {
           className: ExampleFrame_default.toolbarPaneSegment,
@@ -26841,18 +26935,18 @@ function ExampleFrameToolbar({
           size: "s",
           "aria-label": labels.paneSwitch,
           children: [
-            /* @__PURE__ */ jsxs57(SegmentedControl.Item, { value: "preview", children: [
+            /* @__PURE__ */ jsxs58(SegmentedControl.Item, { value: "preview", children: [
               /* @__PURE__ */ jsx74(SegmentedControl.Icon, { children: /* @__PURE__ */ jsx74(Icon, { name: "view.preview" }) }),
               labels.preview
             ] }),
-            /* @__PURE__ */ jsxs57(SegmentedControl.Item, { value: "code", children: [
+            /* @__PURE__ */ jsxs58(SegmentedControl.Item, { value: "code", children: [
               /* @__PURE__ */ jsx74(SegmentedControl.Icon, { children: /* @__PURE__ */ jsx74(Icon, { name: "view.code" }) }),
               labels.code
             ] })
           ]
         }
       ),
-      /* @__PURE__ */ jsxs57("div", { className: ExampleFrame_default.toolbarLine1End, children: [
+      /* @__PURE__ */ jsxs58("div", { className: ExampleFrame_default.toolbarLine1End, children: [
         onColorSchemeChange ? /* @__PURE__ */ jsx74(
           Button.Root,
           {
@@ -26888,7 +26982,7 @@ function ExampleFrameToolbar({
         onValueChange: (v) => onViewportChange(v),
         size: "s",
         "aria-label": labels.viewportSwitch,
-        children: VIEWPORTS.map((option) => /* @__PURE__ */ jsxs57(SegmentedControl.Item, { value: option, children: [
+        children: VIEWPORTS.map((option) => /* @__PURE__ */ jsxs58(SegmentedControl.Item, { value: option, children: [
           /* @__PURE__ */ jsx74(SegmentedControl.Icon, { children: /* @__PURE__ */ jsx74(Icon, { name: `viewport.${option}` }) }),
           labels[option]
         ] }, option))
@@ -26926,7 +27020,7 @@ var FieldList_default = {
 };
 
 // src/components/field-list/FieldList.tsx
-import { Fragment as Fragment39, jsx as jsx75, jsxs as jsxs58 } from "react/jsx-runtime";
+import { Fragment as Fragment39, jsx as jsx75, jsxs as jsxs59 } 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}",
@@ -27222,7 +27316,7 @@ function FieldList({
     if (menu) {
       const canUp = canMove(index, -1);
       const canDown = canMove(index, 1);
-      action = /* @__PURE__ */ jsxs58(Dropdown.Root, { children: [
+      action = /* @__PURE__ */ jsxs59(Dropdown.Root, { children: [
         /* @__PURE__ */ jsx75(Dropdown.Trigger, { children: /* @__PURE__ */ jsx75(
           Button.Root,
           {
@@ -27241,21 +27335,21 @@ function FieldList({
             children: /* @__PURE__ */ jsx75(Button.Icon, { children: /* @__PURE__ */ jsx75(Icon, { name: "action.more" }) })
           }
         ) }),
-        /* @__PURE__ */ jsxs58(Dropdown.Content, { align: "end", children: [
-          reorderable ? /* @__PURE__ */ jsxs58(Fragment39, { children: [
-            /* @__PURE__ */ jsxs58(Dropdown.Item, { disabled: !canUp, onSelect: () => move(id, -1), children: [
+        /* @__PURE__ */ jsxs59(Dropdown.Content, { align: "end", children: [
+          reorderable ? /* @__PURE__ */ jsxs59(Fragment39, { children: [
+            /* @__PURE__ */ jsxs59(Dropdown.Item, { disabled: !canUp, onSelect: () => move(id, -1), children: [
               /* @__PURE__ */ jsx75(Dropdown.ItemIcon, { children: /* @__PURE__ */ jsx75(Icon, { name: "nav.chevronUp" }) }),
               labels.moveUp,
               /* @__PURE__ */ jsx75(Dropdown.ItemShortcut, { children: "Alt \u2191" })
             ] }),
-            /* @__PURE__ */ jsxs58(Dropdown.Item, { disabled: !canDown, onSelect: () => move(id, 1), children: [
+            /* @__PURE__ */ jsxs59(Dropdown.Item, { disabled: !canDown, onSelect: () => move(id, 1), children: [
               /* @__PURE__ */ jsx75(Dropdown.ItemIcon, { children: /* @__PURE__ */ jsx75(Icon, { name: "nav.chevronDown" }) }),
               labels.moveDown,
               /* @__PURE__ */ jsx75(Dropdown.ItemShortcut, { children: "Alt \u2193" })
             ] }),
             /* @__PURE__ */ jsx75(Dropdown.Separator, {})
           ] }) : null,
-          /* @__PURE__ */ jsxs58(Dropdown.Item, { tone: "danger", disabled: removeOff, onSelect: () => remove(id), children: [
+          /* @__PURE__ */ jsxs59(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__ */ jsx75(Dropdown.ItemDescription, { children: reason }) : null
@@ -27275,12 +27369,12 @@ function FieldList({
           children: /* @__PURE__ */ jsx75(Button.Icon, { children: /* @__PURE__ */ jsx75(Icon, { name: "action.close" }) })
         }
       );
-      action = reason ? /* @__PURE__ */ jsxs58(Tooltip.Root, { children: [
+      action = reason ? /* @__PURE__ */ jsxs59(Tooltip.Root, { children: [
         /* @__PURE__ */ jsx75(Tooltip.Trigger, { children: removeButton }),
         /* @__PURE__ */ jsx75(Tooltip.Content, { children: reason })
       ] }) : removeButton;
     }
-    const content = /* @__PURE__ */ jsxs58(Fragment39, { children: [
+    const content = /* @__PURE__ */ jsxs59(Fragment39, { children: [
       /* @__PURE__ */ jsx75("div", { className: FieldList_default.cells, "data-fl-cells": "", children: cells.map((cell, column) => {
         const heading = columns[column];
         return /* @__PURE__ */ jsx75(
@@ -27338,7 +27432,7 @@ function FieldList({
     };
     return grip ? /* @__PURE__ */ jsx75(Dnd.SortableItem, { id, locked, ...rowProps, children: content }, id) : /* @__PURE__ */ jsx75("li", { ...rowProps, children: content }, id);
   };
-  const sheet = /* @__PURE__ */ jsxs58(
+  const sheet = /* @__PURE__ */ jsxs59(
     "div",
     {
       className: FieldList_default.sheet,
@@ -27346,7 +27440,7 @@ function FieldList({
       "data-depth": surface ? depth : void 0,
       "data-empty": items.length === 0 || void 0,
       children: [
-        hasHead ? /* @__PURE__ */ jsxs58(
+        hasHead ? /* @__PURE__ */ jsxs59(
           "div",
           {
             ref: head.ref,
@@ -27400,7 +27494,7 @@ function FieldList({
         ),
         totalCells ? (
           // biome-ignore lint/a11y/useSemanticElements: a row of figures, not a form fieldset
-          /* @__PURE__ */ jsxs58(
+          /* @__PURE__ */ jsxs59(
             "div",
             {
               ref: totals.ref,
@@ -27420,7 +27514,7 @@ function FieldList({
                       "data-width": heading?.width ?? "fill",
                       "data-empty": !shown && column > 0 || void 0,
                       "data-align": endColumns[column] === "1" ? "end" : void 0,
-                      children: shown ? /* @__PURE__ */ jsxs58(Fragment39, { children: [
+                      children: shown ? /* @__PURE__ */ jsxs59(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 ? (
@@ -27457,9 +27551,9 @@ function FieldList({
         group: true,
         className: cx(FieldList_default.root, className),
         ...toDataAttributes({ disabled: disabled || void 0 }),
-        children: /* @__PURE__ */ jsxs58("div", { ref: bodyRef, className: FieldList_default.body, children: [
+        children: /* @__PURE__ */ jsxs59("div", { ref: bodyRef, className: FieldList_default.body, children: [
           surface ? /* @__PURE__ */ jsx75(SurfaceDepthProvider, { value: depth, children: sheet }) : sheet,
-          canAdd ? /* @__PURE__ */ jsx75("div", { ref: addZone.ref, className: cx(FieldList_default.add, addZone.className), children: /* @__PURE__ */ jsxs58(
+          canAdd ? /* @__PURE__ */ jsx75("div", { ref: addZone.ref, className: cx(FieldList_default.add, addZone.className), children: /* @__PURE__ */ jsxs59(
             Button.Root,
             {
               ref: addRef,
@@ -27504,7 +27598,7 @@ var Fieldset_default = {
 };
 
 // src/components/fieldset/Fieldset.tsx
-import { jsx as jsx76, jsxs as jsxs59 } from "react/jsx-runtime";
+import { jsx as jsx76, jsxs as jsxs60 } from "react/jsx-runtime";
 function Fieldset({
   label,
   description,
@@ -27518,7 +27612,7 @@ function Fieldset({
   const descriptionId = React84.useId();
   const hasDescription = hasContent(description);
   const describedBy = [ariaDescribedBy, hasDescription ? descriptionId : void 0].filter(Boolean).join(" ") || void 0;
-  return /* @__PURE__ */ jsxs59(
+  return /* @__PURE__ */ jsxs60(
     "fieldset",
     {
       ...rest,
@@ -27528,7 +27622,7 @@ function Fieldset({
       ...toDataAttributes({ disabled: disabled || void 0 }),
       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: [
+        /* @__PURE__ */ jsxs60("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 }) })
         ] })
@@ -27823,7 +27917,7 @@ function visibleSegment(rect, viewport2) {
 }
 
 // src/components/gantt/GanttBar.tsx
-import { Fragment as Fragment40, jsx as jsx77, jsxs as jsxs60 } from "react/jsx-runtime";
+import { Fragment as Fragment40, jsx as jsx77, jsxs as jsxs61 } from "react/jsx-runtime";
 var EDIT_SHORTCUTS = [
   "Shift+ArrowLeft",
   "Shift+ArrowRight",
@@ -27989,7 +28083,7 @@ function GanttBarView({
     },
     [barRef]
   );
-  return /* @__PURE__ */ jsxs60(Fragment40, { children: [
+  return /* @__PURE__ */ jsxs61(Fragment40, { children: [
     guide !== null ? /* @__PURE__ */ jsx77(
       "span",
       {
@@ -27998,13 +28092,13 @@ function GanttBarView({
         "aria-hidden": "true"
       }
     ) : null,
-    /* @__PURE__ */ jsxs60(
+    /* @__PURE__ */ jsxs61(
       Tooltip.Root,
       {
         open: tipOpen || drag !== null,
         onOpenChange: (open) => setTipOpen(open && canShowTip(bar.id)),
         children: [
-          /* @__PURE__ */ jsx77(Tooltip.Trigger, { children: /* @__PURE__ */ jsxs60(
+          /* @__PURE__ */ jsx77(Tooltip.Trigger, { children: /* @__PURE__ */ jsxs61(
             "button",
             {
               ref: setNode,
@@ -28064,16 +28158,16 @@ function GanttBarView({
                 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: [
+                editable && !milestone ? /* @__PURE__ */ jsxs61(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__ */ jsxs60(Tooltip.Content, { children: [
+          tipMounted ? /* @__PURE__ */ jsxs61(Tooltip.Content, { children: [
             /* @__PURE__ */ jsx77("span", { className: Gantt_default.tipTitle, children: bar.label }),
-            /* @__PURE__ */ jsxs60("span", { className: Gantt_default.tipMeta, children: [
+            /* @__PURE__ */ jsxs61("span", { className: Gantt_default.tipMeta, children: [
               formatSpan(shown, locale),
               milestone ? null : ` \xB7 ${formatDuration(daysBetween2(shown.start, shown.end))}`,
               progress === void 0 ? null : ` \xB7 ${progress}%`
@@ -28087,7 +28181,7 @@ function GanttBarView({
 }
 
 // src/components/gantt/GanttRow.tsx
-import { Fragment as Fragment41, jsx as jsx78, jsxs as jsxs61 } from "react/jsx-runtime";
+import { Fragment as Fragment41, jsx as jsx78, jsxs as jsxs62 } from "react/jsx-runtime";
 function GanttRowView({
   ctx,
   index,
@@ -28125,7 +28219,7 @@ function GanttRowView({
   const start = new Date(rangeStart);
   const windowed = windowFrom <= windowTo;
   const on = (event) => (native) => ctx.track(event, index, native);
-  const content = /* @__PURE__ */ jsxs61(Fragment41, { children: [
+  const content = /* @__PURE__ */ jsxs62(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 })
   ] });
@@ -28136,7 +28230,7 @@ function GanttRowView({
     "aria-keyshortcuts": creatable ? "N" : void 0,
     onFocus: () => ctx.focus(navId)
   };
-  return /* @__PURE__ */ jsxs61(
+  return /* @__PURE__ */ jsxs62(
     "div",
     {
       ref: measureRef,
@@ -28186,7 +28280,7 @@ function GanttRowView({
             children: content
           }
         ) }),
-        /* @__PURE__ */ jsxs61(
+        /* @__PURE__ */ jsxs62(
           "div",
           {
             role: "gridcell",
@@ -28248,8 +28342,8 @@ function GanttRowView({
                   bar.id
                 );
               }),
-              ghost ? /* @__PURE__ */ jsxs61(Tooltip.Root, { open: ghost.status === "drawing", children: [
-                /* @__PURE__ */ jsx78(Tooltip.Trigger, { children: /* @__PURE__ */ jsxs61(
+              ghost ? /* @__PURE__ */ jsxs62(Tooltip.Root, { open: ghost.status === "drawing", children: [
+                /* @__PURE__ */ jsx78(Tooltip.Trigger, { children: /* @__PURE__ */ jsxs62(
                   "span",
                   {
                     tabIndex: -1,
@@ -28267,9 +28361,9 @@ function GanttRowView({
                     ]
                   }
                 ) }),
-                /* @__PURE__ */ jsxs61(Tooltip.Content, { children: [
+                /* @__PURE__ */ jsxs62(Tooltip.Content, { children: [
                   /* @__PURE__ */ jsx78("span", { className: Gantt_default.tipTitle, children: newBarLabel }),
-                  /* @__PURE__ */ jsxs61("span", { className: Gantt_default.tipMeta, children: [
+                  /* @__PURE__ */ jsxs62("span", { className: Gantt_default.tipMeta, children: [
                     formatSpan(ghost.dates, locale),
                     " \xB7",
                     " ",
@@ -28287,7 +28381,7 @@ function GanttRowView({
 var GanttRow = React86.memo(GanttRowView);
 
 // src/components/gantt/Gantt.tsx
-import { Fragment as Fragment42, jsx as jsx79, jsxs as jsxs62 } from "react/jsx-runtime";
+import { Fragment as Fragment42, jsx as jsx79, jsxs as jsxs63 } 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",
@@ -29135,9 +29229,9 @@ function Gantt({
   const lineCells = tiers.bottom.filter(
     (cell) => (scale === "month" || cell.boundary) && inWindow(cell.x, 0)
   );
-  const backdrop = /* @__PURE__ */ jsxs62(Fragment42, { children: [
+  const backdrop = /* @__PURE__ */ jsxs63(Fragment42, { children: [
     /* @__PURE__ */ jsx79("div", { className: Gantt_default.backdropWash, "aria-hidden": "true" }),
-    /* @__PURE__ */ jsxs62("div", { className: Gantt_default.backdropLines, "aria-hidden": "true", children: [
+    /* @__PURE__ */ jsxs63("div", { className: Gantt_default.backdropLines, "aria-hidden": "true", children: [
       lineCells.map((cell) => /* @__PURE__ */ jsx79(
         "span",
         {
@@ -29259,8 +29353,8 @@ function Gantt({
     const origin = todayInRange ? todayX : 0;
     body = SKELETON_ROWS3.map((bars, index) => (
       // biome-ignore lint/suspicious/noArrayIndexKey: static placeholder rows
-      /* @__PURE__ */ jsxs62("div", { className: Gantt_default.row, style: { "--lanes": 1 }, children: [
-        /* @__PURE__ */ jsxs62("div", { className: Gantt_default.rowHeader, children: [
+      /* @__PURE__ */ jsxs63("div", { className: Gantt_default.row, style: { "--lanes": 1 }, children: [
+        /* @__PURE__ */ jsxs63("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 }) })
         ] }),
@@ -29328,7 +29422,7 @@ 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__ */ jsx79(SurfaceDepthProvider, { value: depth, children: tier.provide(
-    /* @__PURE__ */ jsxs62(
+    /* @__PURE__ */ jsxs63(
       "div",
       {
         ...rest,
@@ -29375,7 +29469,7 @@ function Gantt({
               },
               onWheel: () => closeTips(false),
               onTouchMove: () => closeTips(false),
-              children: /* @__PURE__ */ jsx79(AnchorRectProvider, { value: anchorToVisible, children: /* @__PURE__ */ jsx79(FloatingBoundaryProvider, { value: timelineBoundary, children: /* @__PURE__ */ jsx79(Tooltip.Provider, { children: /* @__PURE__ */ jsxs62(
+              children: /* @__PURE__ */ jsx79(AnchorRectProvider, { value: anchorToVisible, children: /* @__PURE__ */ jsx79(FloatingBoundaryProvider, { value: timelineBoundary, children: /* @__PURE__ */ jsx79(Tooltip.Provider, { children: /* @__PURE__ */ jsxs63(
                 "div",
                 {
                   role: "grid",
@@ -29387,7 +29481,7 @@ function Gantt({
                   style: gridStyle,
                   onKeyDown: onGridKeyDown,
                   children: [
-                    /* @__PURE__ */ jsxs62(
+                    /* @__PURE__ */ jsxs63(
                       "div",
                       {
                         ref: headRef,
@@ -29405,7 +29499,7 @@ function Gantt({
                               children: /* @__PURE__ */ jsx79("span", { className: Gantt_default.cornerText, children: labels.rowsHeader })
                             }
                           ),
-                          /* @__PURE__ */ jsxs62(
+                          /* @__PURE__ */ jsxs63(
                             "div",
                             {
                               ref: axisRef,
@@ -29451,7 +29545,7 @@ function Gantt({
                         ]
                       }
                     ),
-                    /* @__PURE__ */ jsx79(RegionSwap, { state: bodyState, children: /* @__PURE__ */ jsxs62(
+                    /* @__PURE__ */ jsx79(RegionSwap, { state: bodyState, children: /* @__PURE__ */ jsxs63(
                       "div",
                       {
                         role: "rowgroup",
@@ -29490,7 +29584,7 @@ var GanttToolbar = React87.memo(function GanttToolbar2({
   onToday,
   onScale
 }) {
-  return /* @__PURE__ */ jsxs62(ToolRow, { className: Gantt_default.toolbar, children: [
+  return /* @__PURE__ */ jsxs63(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)) })
@@ -29532,7 +29626,7 @@ var Kanban_default = {
 };
 
 // src/components/kanban/Kanban.tsx
-import { Fragment as Fragment43, jsx as jsx80, jsxs as jsxs63 } from "react/jsx-runtime";
+import { Fragment as Fragment43, jsx as jsx80, jsxs as jsxs64 } 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}",
@@ -29747,7 +29841,7 @@ function KanbanBoard({
             // Before the columns arrive: placeholder columns in the column geometry.
             /* @__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__ */ jsxs63("div", { className: Kanban_default.column, children: [
+              /* @__PURE__ */ jsxs64("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,
@@ -29806,7 +29900,7 @@ function SkeletonCards({
   count,
   cardDepth
 }) {
-  return /* @__PURE__ */ jsx80("div", { className: Kanban_default.list, children: Array.from({ length: count }, (_, index) => /* @__PURE__ */ jsxs63(
+  return /* @__PURE__ */ jsx80("div", { className: Kanban_default.list, children: Array.from({ length: count }, (_, index) => /* @__PURE__ */ jsxs64(
     "div",
     {
       className: cx(Kanban_default.item, Kanban_default.skeleton),
@@ -29815,7 +29909,7 @@ function SkeletonCards({
       "aria-hidden": "true",
       children: [
         /* @__PURE__ */ jsx80(Skeleton, { lines: 2 }),
-        /* @__PURE__ */ jsxs63("div", { className: Kanban_default.footer, children: [
+        /* @__PURE__ */ jsxs64("div", { className: Kanban_default.footer, children: [
           /* @__PURE__ */ jsx80(Skeleton, { shape: "block", className: Kanban_default.skeletonBadge }),
           /* @__PURE__ */ jsx80(Skeleton, { shape: "circle", size: "s" })
         ] })
@@ -29854,7 +29948,7 @@ function KanbanColumnView({
   );
   const showMeta = metaLines.length > 0;
   const describedBy = [column.description ? descriptionId : null, showMeta ? metaId : null].filter(Boolean).join(" ") || void 0;
-  return /* @__PURE__ */ jsxs63(
+  return /* @__PURE__ */ jsxs64(
     Dnd.SortableItem,
     {
       id: column.id,
@@ -29863,14 +29957,14 @@ function KanbanColumnView({
       "data-kanban-column": column.id,
       "data-full": full || void 0,
       children: [
-        /* @__PURE__ */ jsx80(ControlSizeProvider, { value: "s", children: /* @__PURE__ */ jsxs63(
+        /* @__PURE__ */ jsx80(ControlSizeProvider, { value: "s", children: /* @__PURE__ */ jsxs64(
           "div",
           {
             className: cx(Kanban_default.header, hairline_default.bottom),
             "data-reorderable": reorderable || void 0,
             children: [
               /* @__PURE__ */ jsx80(Title, { id: headingId, className: cx(textRole_default.titleM, Kanban_default.title), children: column.title }),
-              loading ? null : /* @__PURE__ */ jsxs63(Fragment43, { children: [
+              loading ? null : /* @__PURE__ */ jsxs64(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 })
               ] }),
@@ -29930,7 +30024,7 @@ function KanbanItem({
   const href = board.hrefOf(id);
   const { openItem } = board;
   const focus = href !== void 0 ? { tabIndex: -1 } : openItem ? { tabIndex: 0 } : null;
-  return /* @__PURE__ */ jsxs63(
+  return /* @__PURE__ */ jsxs64(
     Dnd.SortableItem,
     {
       id,
@@ -30161,7 +30255,7 @@ function LoginFormBody({ className, children, ...rest }) {
 }
 LoginFormBody.displayName = "LoginForm.Body";
 function LoginFormForm({ className, children, ref, ...rest }) {
-  return /* @__PURE__ */ jsx81("form", { ref, className: cx(LoginForm_default.form, className), ...rest, children });
+  return /* @__PURE__ */ jsx81("form", { ref, className: cx(LoginForm_default.form, className), ...rest, children: /* @__PURE__ */ jsx81(AutofillScope, { children }) });
 }
 LoginFormForm.displayName = "LoginForm.Form";
 function LoginFormActions({ className, children, ...rest }) {
@@ -30204,7 +30298,7 @@ var NativeSelect_default = {
 };
 
 // src/components/native-select/NativeSelect.tsx
-import { jsx as jsx82, jsxs as jsxs64 } from "react/jsx-runtime";
+import { jsx as jsx82, jsxs as jsxs65 } 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,
@@ -30250,8 +30344,8 @@ function NativeSelect({
         disabled,
         optionalLabel: labels.optional,
         className,
-        children: /* @__PURE__ */ jsxs64("span", { className: cx(fieldTierClass, NativeSelect_default.root), ...toDataAttributes({ size }), children: [
-          /* @__PURE__ */ jsxs64(
+        children: /* @__PURE__ */ jsxs65("span", { className: cx(fieldTierClass, NativeSelect_default.root), ...toDataAttributes({ size }), children: [
+          /* @__PURE__ */ jsxs65(
             "select",
             {
               ...rest,
@@ -30314,7 +30408,7 @@ var Notification_default = {
 };
 
 // src/components/notification/Notification.tsx
-import { jsx as jsx83, jsxs as jsxs65 } from "react/jsx-runtime";
+import { jsx as jsx83, jsxs as jsxs66 } 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",
@@ -30360,7 +30454,7 @@ function CardView({
   const size = tier.size;
   const liveRole = tone === "danger" || tone === "warning" ? "alert" : "status";
   return tier.provide(
-    /* @__PURE__ */ jsxs65(
+    /* @__PURE__ */ jsxs66(
       "article",
       {
         ...rest,
@@ -30377,8 +30471,8 @@ function CardView({
         }),
         children: [
           /* @__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__ */ jsxs66("div", { className: Notification_default.content, children: [
+            /* @__PURE__ */ jsxs66("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
             ] }),
@@ -30487,7 +30581,7 @@ function ToastCard({ item, paused, onDismiss, stackDepth, stackExpanded }) {
 
 // src/components/notification/NotificationStore.tsx
 import * as React91 from "react";
-import { jsx as jsx84, jsxs as jsxs66 } from "react/jsx-runtime";
+import { jsx as jsx84, jsxs as jsxs67 } from "react/jsx-runtime";
 var DEFAULT_DURATION = 5e3;
 var PEEK_VISIBLE = 3;
 var SCALE_STEP = 0.05;
@@ -30959,7 +31053,7 @@ function NotificationProvider({
     () => ({ items: publicItems, notify, dismiss, dismissAll }),
     [publicItems, notify, dismiss, dismissAll]
   );
-  return /* @__PURE__ */ jsx84(StoreProvider, { value, children: /* @__PURE__ */ jsxs66(NotificationLabelsContext.Provider, { value: labels, children: [
+  return /* @__PURE__ */ jsx84(StoreProvider, { value, children: /* @__PURE__ */ jsxs67(NotificationLabelsContext.Provider, { value: labels, children: [
     children,
     /* @__PURE__ */ jsx84(NotificationToaster, { entries, onDismiss: leave, onExited: exited })
   ] }) });
@@ -30987,7 +31081,7 @@ var ProgressCircle_default = {
 };
 
 // src/components/progress-circle/ProgressCircle.tsx
-import { Fragment as Fragment44, jsx as jsx85, jsxs as jsxs67 } from "react/jsx-runtime";
+import { Fragment as Fragment44, jsx as jsx85, jsxs as jsxs68 } from "react/jsx-runtime";
 var HAIRLINE_GAP = RING_DATA_STROKE * 0.75;
 var LOADING_ROWS3 = 3;
 function arcStyle(start, length) {
@@ -31025,7 +31119,7 @@ function SegmentArcs({
   const parts = arcs.filter((a) => !a.rest);
   const first = parts[0];
   const last = parts[parts.length - 1];
-  return /* @__PURE__ */ jsxs67(Fragment44, { children: [
+  return /* @__PURE__ */ jsxs68(Fragment44, { children: [
     parts.map((a, i) => {
       const own = fillProps(a.fill);
       return /* @__PURE__ */ jsx85(
@@ -31038,7 +31132,7 @@ function SegmentArcs({
         i
       );
     }),
-    first && last && !closed ? /* @__PURE__ */ jsxs67(Fragment44, { children: [
+    first && last && !closed ? /* @__PURE__ */ jsxs68(Fragment44, { children: [
       /* @__PURE__ */ jsx85(Cap, { position: first.start, fill: first.fill }),
       /* @__PURE__ */ jsx85(Cap, { position: last.start + last.length, fill: last.fill })
     ] }) : null
@@ -31143,7 +31237,7 @@ function ProgressCircle(props) {
       }
     );
   }
-  const body = /* @__PURE__ */ jsxs67(Fragment44, { children: [
+  const body = /* @__PURE__ */ jsxs68(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__ */ jsx85(
@@ -31162,7 +31256,7 @@ function ProgressCircle(props) {
   };
   if (legend) {
     return provide(
-      /* @__PURE__ */ jsxs67("div", { className: cx(ProgressCircle_default.root, className), ...rootProps, children: [
+      /* @__PURE__ */ jsxs68("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 })
       ] })
@@ -31185,7 +31279,7 @@ var Radio_default = {
 };
 
 // src/components/radio/Radio.tsx
-import { Fragment as Fragment45, jsx as jsx86, jsxs as jsxs68 } from "react/jsx-runtime";
+import { Fragment as Fragment45, jsx as jsx86, jsxs as jsxs69 } 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({
@@ -31298,7 +31392,7 @@ function RadioRoot({
       hint,
       hintTone,
       className: cx(Radio_default.root, className),
-      control: /* @__PURE__ */ jsxs68(Fragment45, { children: [
+      control: /* @__PURE__ */ jsxs69(Fragment45, { children: [
         /* @__PURE__ */ jsx86(
           "input",
           {
@@ -31522,7 +31616,7 @@ var Sparkline_default = {
 };
 
 // src/components/sparkline/Sparkline.tsx
-import { Fragment as Fragment46, jsx as jsx89, jsxs as jsxs69 } from "react/jsx-runtime";
+import { Fragment as Fragment46, jsx as jsx89, jsxs as jsxs70 } from "react/jsx-runtime";
 var SPARKLINE_LABELS = {
   point: "{label}: {value}",
   period: "{first} \u2013 {last}",
@@ -31613,8 +31707,8 @@ function Sparkline({
   const drawing = React94.useMemo(() => {
     const { paths } = geometry;
     if (!paths) return null;
-    return /* @__PURE__ */ jsxs69("div", { className: Sparkline_default.drawing, "aria-hidden": "true", children: [
-      /* @__PURE__ */ jsxs69(
+    return /* @__PURE__ */ jsxs70("div", { className: Sparkline_default.drawing, "aria-hidden": "true", children: [
+      /* @__PURE__ */ jsxs70(
         "svg",
         {
           className: Sparkline_default.svg,
@@ -31622,8 +31716,8 @@ function Sparkline({
           preserveAspectRatio: "none",
           "aria-hidden": "true",
           children: [
-            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: [
+            variant === "area" && paths.area ? /* @__PURE__ */ jsxs70(Fragment46, { children: [
+              /* @__PURE__ */ jsx89("defs", { children: /* @__PURE__ */ jsxs70("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 })
               ] }) }),
@@ -31669,7 +31763,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__ */ jsxs69(
+  return /* @__PURE__ */ jsxs70(
     "div",
     {
       ...rest,
@@ -31681,20 +31775,20 @@ function Sparkline({
       "data-size": compact ? "xs" : void 0,
       "aria-busy": loading || void 0,
       children: [
-        compact ? null : /* @__PURE__ */ jsxs69(Fragment46, { children: [
-          /* @__PURE__ */ jsxs69("div", { className: Sparkline_default.head, children: [
+        compact ? null : /* @__PURE__ */ jsxs70(Fragment46, { children: [
+          /* @__PURE__ */ jsxs70("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__ */ 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(RegionSwap, { state: stateKey, children: loading ? /* @__PURE__ */ jsx89(Skeleton, { shape: "block", className: Sparkline_default.valueSkeleton }) : /* @__PURE__ */ jsxs70("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 }),
-            shownDelta !== null ? /* @__PURE__ */ jsxs69(Badge.Root, { tone: deltaTone, className: Sparkline_default.change, children: [
+            shownDelta !== null ? /* @__PURE__ */ jsxs70(Badge.Root, { tone: deltaTone, className: Sparkline_default.change, children: [
               shownDelta !== 0 ? /* @__PURE__ */ jsx89(Badge.Icon, { className: Sparkline_default.trend, "data-down": shownDelta < 0 || void 0, children: /* @__PURE__ */ jsx89(Icon, { name: "status.trendUp" }) }) : null,
               deltaText
             ] }) : null
           ] }) })
         ] }),
-        /* @__PURE__ */ jsx89(RegionSwap, { state: stateKey, children: loading ? /* @__PURE__ */ jsx89(Skeleton, { shape: "block", className: Sparkline_default.plotSkeleton }) : /* @__PURE__ */ jsxs69(
+        /* @__PURE__ */ jsx89(RegionSwap, { state: stateKey, children: loading ? /* @__PURE__ */ jsx89(Skeleton, { shape: "block", className: Sparkline_default.plotSkeleton }) : /* @__PURE__ */ jsxs70(
           "div",
           {
             ref: plotRef,
@@ -31739,7 +31833,7 @@ function Sparkline({
                   "aria-hidden": "true"
                 }
               ) : null,
-              /* @__PURE__ */ jsx89(RegionSwap, { state: version, fill: true, children: bars ? /* @__PURE__ */ jsxs69("div", { className: Sparkline_default.bars, "aria-hidden": "true", children: [
+              /* @__PURE__ */ jsx89(RegionSwap, { state: version, fill: true, children: bars ? /* @__PURE__ */ jsxs70("div", { className: Sparkline_default.bars, "aria-hidden": "true", children: [
                 /* @__PURE__ */ jsx89(
                   "span",
                   {
@@ -31770,7 +31864,7 @@ function Sparkline({
                   i
                 ))
               ] }) : drawing }),
-              point && !bars ? /* @__PURE__ */ jsxs69(
+              point && !bars ? /* @__PURE__ */ jsxs70(
                 "span",
                 {
                   className: Sparkline_default.cursor,
@@ -31825,7 +31919,7 @@ var Stepper_default = {
 };
 
 // src/components/stepper/Stepper.tsx
-import { jsx as jsx90, jsxs as jsxs70 } from "react/jsx-runtime";
+import { jsx as jsx90, jsxs as jsxs71 } 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"
@@ -31904,9 +31998,9 @@ function StepperItem({
   const status = statusProp ?? deriveStatus(index, value);
   const itemContext = React95.useMemo(() => ({ index, status }), [index, status]);
   const spokenStatus = status === "completed" ? labels.completed : status === "danger" ? labels.danger : null;
-  return /* @__PURE__ */ jsx90(StepperItemProvider, { value: itemContext, children: /* @__PURE__ */ jsxs70("li", { className: Stepper_default.item, children: [
+  return /* @__PURE__ */ jsx90(StepperItemProvider, { value: itemContext, children: /* @__PURE__ */ jsxs71("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(
+    /* @__PURE__ */ jsxs71(
       "button",
       {
         ...rest,
@@ -31982,7 +32076,7 @@ var Switch_default = {
 };
 
 // src/components/switch/Switch.tsx
-import { Fragment as Fragment47, jsx as jsx91, jsxs as jsxs71 } from "react/jsx-runtime";
+import { Fragment as Fragment47, jsx as jsx91, jsxs as jsxs72 } from "react/jsx-runtime";
 var SWITCH_LABELS = { optional: "\u043D\u0435\u043E\u0431\u044F\u0437\u0430\u0442\u0435\u043B\u044C\u043D\u043E" };
 function SwitchRoot({
   id,
@@ -32040,7 +32134,7 @@ function SwitchRoot({
       hintTone,
       error,
       className: cx(Switch_default.root, className),
-      control: /* @__PURE__ */ jsxs71(Fragment47, { children: [
+      control: /* @__PURE__ */ jsxs72(Fragment47, { children: [
         /* @__PURE__ */ jsx91(
           "input",
           {
@@ -32111,7 +32205,7 @@ var Tabs_default = {
 };
 
 // src/components/tabs/Tabs.tsx
-import { Fragment as Fragment48, jsx as jsx92, jsxs as jsxs72 } from "react/jsx-runtime";
+import { Fragment as Fragment48, jsx as jsx92, jsxs as jsxs73 } 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"
 };
@@ -32346,7 +32440,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__ */ jsx92("div", { className: Tabs_default.strip, children: /* @__PURE__ */ jsxs72(
+    /* @__PURE__ */ jsx92("div", { className: Tabs_default.strip, children: /* @__PURE__ */ jsxs73(
       SwitcherScroller,
       {
         ...rest,
@@ -32448,7 +32542,7 @@ function TabsItem({
       () => setRemoving(false)
     );
   }
-  return /* @__PURE__ */ jsxs72(
+  return /* @__PURE__ */ jsxs73(
     "div",
     {
       className: Tabs_default.item,
@@ -32459,7 +32553,7 @@ function TabsItem({
         removable: removable || void 0
       }),
       children: [
-        /* @__PURE__ */ jsxs72(Tooltip.Root, { open: iconOnly && tooltipOpen, onOpenChange: setTooltipOpen, children: [
+        /* @__PURE__ */ jsxs73(Tooltip.Root, { open: iconOnly && tooltipOpen, onOpenChange: setTooltipOpen, children: [
           /* @__PURE__ */ jsx92(Tooltip.Trigger, { children: /* @__PURE__ */ jsx92(
             "button",
             {
@@ -32535,7 +32629,7 @@ function TabsLabel({ children, className, ...rest }) {
   const id = useTextPartId("label");
   const iconOnly = React96.useContext(CollapseContext2) === "icon";
   const text = typeof children === "string" || typeof children === "number" ? String(children) : "";
-  return /* @__PURE__ */ jsxs72(Fragment48, { children: [
+  return /* @__PURE__ */ jsxs73(Fragment48, { children: [
     /* @__PURE__ */ jsx92(
       "span",
       {
@@ -32665,7 +32759,7 @@ var TagSelect_default = {
 };
 
 // src/components/tag-select/TagOptionMenu.tsx
-import { Fragment as Fragment49, jsx as jsx93, jsxs as jsxs73 } from "react/jsx-runtime";
+import { Fragment as Fragment49, jsx as jsx93, jsxs as jsxs74 } from "react/jsx-runtime";
 var TAG_COLORS = [
   "gray",
   "red",
@@ -32700,7 +32794,7 @@ function TagOptionMenu({
     if (next && next !== label) onUpdate?.(value, { label: next });
     if (!next) setDraft(label);
   };
-  return /* @__PURE__ */ jsxs73(Popover.Root, { open, onOpenChange, children: [
+  return /* @__PURE__ */ jsxs74(Popover.Root, { open, onOpenChange, children: [
     /* @__PURE__ */ jsx93(Popover.Trigger, { children: /* @__PURE__ */ jsx93(
       Button.Root,
       {
@@ -32715,7 +32809,7 @@ function TagOptionMenu({
         children: /* @__PURE__ */ jsx93(Button.Icon, { children: /* @__PURE__ */ jsx93(Icon, { name: "action.more" }) })
       }
     ) }),
-    /* @__PURE__ */ jsx93(Popover.Content, { size: "s", flush: true, className: TagSelect_default.menuPanel, children: /* @__PURE__ */ jsxs73("div", { className: TagSelect_default.menuBody, children: [
+    /* @__PURE__ */ jsx93(Popover.Content, { size: "s", flush: true, className: TagSelect_default.menuPanel, children: /* @__PURE__ */ jsxs74("div", { className: TagSelect_default.menuBody, children: [
       onUpdate ? /* @__PURE__ */ jsx93(Input.Root, { size: "s", children: /* @__PURE__ */ jsx93(Input.Wrapper, { children: /* @__PURE__ */ jsx93(
         Input.Field,
         {
@@ -32732,7 +32826,7 @@ function TagOptionMenu({
           }
         }
       ) }) }) : null,
-      onDelete ? /* @__PURE__ */ jsxs73(
+      onDelete ? /* @__PURE__ */ jsxs74(
         Button.Root,
         {
           variant: "ghost",
@@ -32749,10 +32843,10 @@ function TagOptionMenu({
           ]
         }
       ) : null,
-      onUpdate ? /* @__PURE__ */ jsxs73(Fragment49, { children: [
+      onUpdate ? /* @__PURE__ */ jsxs74(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(
+        /* @__PURE__ */ jsx93("div", { className: cx(fieldTierClass, menu_default.tier), "data-size": "s", children: TAG_COLORS.map((hue) => /* @__PURE__ */ jsxs74(
           "button",
           {
             type: "button",
@@ -32819,7 +32913,7 @@ function useChipOverflow({
 
 // src/components/tag-select/VirtualOptions.tsx
 import * as React99 from "react";
-import { Fragment as Fragment51, jsx as jsx94, jsxs as jsxs74 } from "react/jsx-runtime";
+import { Fragment as Fragment51, jsx as jsx94, jsxs as jsxs75 } from "react/jsx-runtime";
 var ONE_GROUP3 = () => 0;
 function VirtualOptions({
   count,
@@ -32870,9 +32964,9 @@ function VirtualOptions({
   );
   const laid = rowGaps(virtual);
   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: [
+  return /* @__PURE__ */ jsxs75(Fragment51, { children: [
     /* @__PURE__ */ jsx94("div", { ref: startRef, "aria-hidden": "true" }),
-    laid.rows.map(({ index, gap }) => /* @__PURE__ */ jsxs74(React99.Fragment, { children: [
+    laid.rows.map(({ index, gap }) => /* @__PURE__ */ jsxs75(React99.Fragment, { children: [
       spacer("gap", gap),
       renderOption(index, virtual.measure(index))
     ] }, getKey(index))),
@@ -32881,7 +32975,7 @@ function VirtualOptions({
 }
 
 // src/components/tag-select/TagSelect.tsx
-import { Fragment as Fragment52, jsx as jsx95, jsxs as jsxs75 } from "react/jsx-runtime";
+import { Fragment as Fragment52, jsx as jsx95, jsxs as jsxs76 } from "react/jsx-runtime";
 var TAG_SELECT_LABELS = {
   create: "\u0421\u043E\u0437\u0434\u0430\u0442\u044C",
   remove: "\u0423\u0434\u0430\u043B\u0438\u0442\u044C {label}",
@@ -33252,7 +33346,7 @@ function TagSelect({
     const pickOption = () => {
       if (!option.disabled) pick(option.value);
     };
-    const content = /* @__PURE__ */ jsxs75(Fragment52, { children: [
+    const content = /* @__PURE__ */ jsxs76(Fragment52, { children: [
       /* @__PURE__ */ jsx95(Checkbox.Indicator, { checked: isSelected, disabled: option.disabled, size: stepDown(size) }),
       /* @__PURE__ */ jsx95(
         Badge.Root,
@@ -33280,7 +33374,7 @@ function TagSelect({
         ref: windowed?.measure,
         posInSet: windowed ? windowed.index + 1 + (showCreate ? 1 : 0) : void 0,
         setSize: windowed ? setSize : void 0,
-        children: manageable ? /* @__PURE__ */ jsxs75(Fragment52, { children: [
+        children: manageable ? /* @__PURE__ */ jsxs76(Fragment52, { children: [
           /* @__PURE__ */ jsx95(
             "button",
             {
@@ -33317,7 +33411,7 @@ function TagSelect({
     );
   };
   return tier.provide(
-    /* @__PURE__ */ jsxs75(
+    /* @__PURE__ */ jsxs76(
       FieldFrame,
       {
         ...rest,
@@ -33333,7 +33427,7 @@ function TagSelect({
         optionalLabel: labels.optional,
         className,
         children: [
-          /* @__PURE__ */ jsxs75(
+          /* @__PURE__ */ jsxs76(
             "div",
             {
               ref: triggerRef,
@@ -33362,7 +33456,7 @@ function TagSelect({
                 "focus-ring": focusRing
               }),
               children: [
-                /* @__PURE__ */ jsxs75(
+                /* @__PURE__ */ jsxs76(
                   ScrollContainer,
                   {
                     ref: chipsRef,
@@ -33400,8 +33494,8 @@ function TagSelect({
                             disabled,
                             title: hiddenChips.map((chip) => chip.label).join(", "),
                             onClick: () => inputRef.current?.focus(),
-                            children: /* @__PURE__ */ jsxs75(Badge.Root, { color: "gray", disabled, className: TagSelect_default.chipMore, children: [
-                              /* @__PURE__ */ jsxs75("span", { "aria-hidden": "true", children: [
+                            children: /* @__PURE__ */ jsxs76(Badge.Root, { color: "gray", disabled, className: TagSelect_default.chipMore, children: [
+                              /* @__PURE__ */ jsxs76("span", { "aria-hidden": "true", children: [
                                 "+",
                                 hiddenChips.length
                               ] }),
@@ -33420,6 +33514,7 @@ function TagSelect({
                           "aria-expanded": shown,
                           "aria-controls": shown ? listboxId : void 0,
                           "aria-autocomplete": "list",
+                          ...AUTOFILL_OFF,
                           "aria-label": ariaLabel,
                           "aria-labelledby": ariaLabelledBy,
                           "aria-invalid": ids.invalid || void 0,
@@ -33463,7 +33558,7 @@ function TagSelect({
               ]
             }
           ),
-          /* @__PURE__ */ jsxs75(
+          /* @__PURE__ */ jsxs76(
             FloatingPanel,
             {
               floating,
@@ -33478,7 +33573,7 @@ function TagSelect({
               ref: scrollerRef,
               className: cx(fieldTierClass, menu_default.tier, menu_default.menu, TagSelect_default.panel),
               children: [
-                showCreate ? /* @__PURE__ */ jsxs75(
+                showCreate ? /* @__PURE__ */ jsxs76(
                   OptionRow,
                   {
                     id: optionDomId(listboxId, CREATE_VALUE),
@@ -33604,7 +33699,7 @@ var MeasureRow = React100.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__ */ jsx95("div", { className: TagSelect_default.measureClip, "aria-hidden": true, inert: true, children: /* @__PURE__ */ jsxs75("div", { ref, className: TagSelect_default.measure, children: [
+    /* @__PURE__ */ jsx95("div", { className: TagSelect_default.measureClip, "aria-hidden": true, inert: true, children: /* @__PURE__ */ jsxs76("div", { ref, className: TagSelect_default.measure, children: [
       chips.map((chip) => /* @__PURE__ */ jsx95(
         Badge.Root,
         {
@@ -33617,7 +33712,7 @@ var MeasureRow = React100.memo(function MeasureRow2({
         },
         chip.value
       )),
-      /* @__PURE__ */ jsxs75(Badge.Root, { color: "gray", className: TagSelect_default.chipMore, children: [
+      /* @__PURE__ */ jsxs76(Badge.Root, { color: "gray", className: TagSelect_default.chipMore, children: [
         "+",
         Math.max(chips.length, 9)
       ] })
@@ -33652,7 +33747,7 @@ var Timeline_default = {
 };
 
 // src/components/timeline/Timeline.tsx
-import { Fragment as Fragment53, jsx as jsx96, jsxs as jsxs76 } from "react/jsx-runtime";
+import { Fragment as Fragment53, jsx as jsx96, jsxs as jsxs77 } from "react/jsx-runtime";
 function TimelineRoot({ size: sizeProp, children, className, ...rest }) {
   const tier = useHostTier(sizeProp);
   return tier.provide(
@@ -33695,7 +33790,7 @@ function TimelineGroup({ label, children, className, ...rest }) {
     },
     React101.isValidElement(child) ? child.key : index
   ));
-  return /* @__PURE__ */ jsxs76("div", { className: Timeline_default.group, children: [
+  return /* @__PURE__ */ jsxs77("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",
@@ -33752,7 +33847,7 @@ function TimelineItem({
   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__ */ jsxs76(Fragment53, { children: [
+    return /* @__PURE__ */ jsxs77(Fragment53, { children: [
       dot,
       /* @__PURE__ */ jsx96("span", { className: Timeline_default.text, children: text }),
       value
@@ -33821,7 +33916,7 @@ function TimelineGap({ tone = "neutral", children, className, ...rest }) {
   const caption = parts.filter((child) => !isDescription(child));
   const description = parts.filter(isDescription);
   const edge = React101.useContext(EdgeContext);
-  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: [
+  return /* @__PURE__ */ jsx96("li", { className: cx(Timeline_default.item, Timeline_default.gapItem), ...toDataAttributes(edgeAttributes(edge)), children: /* @__PURE__ */ jsxs77("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
@@ -33858,7 +33953,7 @@ var VideoNote_default = {
 };
 
 // src/components/video-note/VideoNote.tsx
-import { jsx as jsx97, jsxs as jsxs77 } from "react/jsx-runtime";
+import { jsx as jsx97, jsxs as jsxs78 } 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",
@@ -33891,7 +33986,7 @@ function VideoNoteInner(props) {
     }),
     unplayed ? labels.unplayed : null
   ].filter(Boolean).join(", ");
-  return /* @__PURE__ */ jsxs77(
+  return /* @__PURE__ */ jsxs78(
     MediaPlayerRoot,
     {
       label: labels.player,
@@ -33899,7 +33994,7 @@ function VideoNoteInner(props) {
       ...rest,
       className: cx(VideoNote_default.root, className),
       children: [
-        /* @__PURE__ */ jsxs77(
+        /* @__PURE__ */ jsxs78(
           "div",
           {
             className: cx(press_default.press, VideoNote_default.circle),
@@ -33909,7 +34004,7 @@ function VideoNoteInner(props) {
             "data-covered": covered || void 0,
             "data-disabled": inactive || void 0,
             children: [
-              /* @__PURE__ */ jsxs77("span", { className: VideoNote_default.media, "aria-hidden": "true", children: [
+              /* @__PURE__ */ jsxs78("span", { className: VideoNote_default.media, "aria-hidden": "true", children: [
                 placeholder.mounted ? /* @__PURE__ */ jsx97(Skeleton, { shape: "block", className: VideoNote_default.fill }) : null,
                 /* @__PURE__ */ jsx97(
                   "video",
@@ -33952,7 +34047,7 @@ function VideoNoteInner(props) {
                 }
               ) }),
               description ? /* @__PURE__ */ jsx97(VisuallyHidden, { id: descriptionId, children: description }) : null,
-              shown !== null ? /* @__PURE__ */ jsxs77(
+              shown !== null ? /* @__PURE__ */ jsxs78(
                 "span",
                 {
                   className: cx(textRole_default.caption, mediaPill_default.pill, VideoNote_default.duration),
@@ -34053,7 +34148,7 @@ async function getWaveform(source, bars = WAVEFORM_BARS) {
 }
 
 // src/components/voice-player/VoicePlayer.tsx
-import { jsx as jsx98, jsxs as jsxs78 } from "react/jsx-runtime";
+import { jsx as jsx98, jsxs as jsxs79 } 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",
@@ -34159,7 +34254,7 @@ function VoicePlayer(props) {
   const shownTime = showElapsed ? position : total;
   const rateText = formatRate(rate);
   const open = transcript?.expanded ?? false;
-  return /* @__PURE__ */ jsxs78(
+  return /* @__PURE__ */ jsxs79(
     MediaPlayerRoot,
     {
       label: labels.player,
@@ -34177,7 +34272,7 @@ function VoicePlayer(props) {
             ...player.mediaEvents
           }
         ),
-        /* @__PURE__ */ jsxs78("div", { className: VoicePlayer_default.row, children: [
+        /* @__PURE__ */ jsxs79("div", { className: VoicePlayer_default.row, children: [
           /* @__PURE__ */ jsx98(
             PlayDisk,
             {
@@ -34190,9 +34285,9 @@ function VoicePlayer(props) {
               onToggle: player.toggle
             }
           ),
-          /* @__PURE__ */ jsxs78("div", { className: VoicePlayer_default.body, children: [
-            /* @__PURE__ */ jsxs78("div", { className: VoicePlayer_default.waveLine, children: [
-              /* @__PURE__ */ jsxs78(
+          /* @__PURE__ */ jsxs79("div", { className: VoicePlayer_default.body, children: [
+            /* @__PURE__ */ jsxs79("div", { className: VoicePlayer_default.waveLine, children: [
+              /* @__PURE__ */ jsxs79(
                 "div",
                 {
                   ref: waveRef,
@@ -34229,7 +34324,7 @@ function VoicePlayer(props) {
                 }
               ) : null
             ] }),
-            /* @__PURE__ */ jsxs78("div", { className: cx(textRole_default.caption, VoicePlayer_default.meta), children: [
+            /* @__PURE__ */ jsxs79("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,