prime-ui-kit 0.11.0 → 0.12.0

package/dist/chunks/{chunk-CUH6DJ57.js → chunk-YJO3NJIJ.js}

@@ -126,7 +126,7 @@ import {
   useSwatchOptions,
   useSwipeDismiss,
   visuallyHiddenClass
-} from "./chunk-WDTSHOTD.js";
+} from "./chunk-VOZ7J72X.js";
 import {
   ControlSizeProvider,
   cx,
@@ -14227,7 +14227,7 @@ function DndRoot({ labels, children }) {
   return /* @__PURE__ */ jsxs32(DragControllerContext, { value: controller, children: [
     children,
     /* @__PURE__ */ jsx43(DragOverlay, { controller }),
-    /* @__PURE__ */ jsx43(VisuallyHidden, { role: "status", "aria-live": "polite", "aria-atomic": "true", children: message })
+    /* @__PURE__ */ jsx43(VisuallyHidden, { live: "polite", children: message })
   ] });
 }
 DndRoot.displayName = "Dnd.Root";
@@ -15233,7 +15233,7 @@ function FileSetView({
       status
     });
   };
-  const region = announcer.own ? /* @__PURE__ */ jsx45(VisuallyHidden, { role: "status", "aria-live": "polite", "aria-atomic": "true", children: announcer.message }) : null;
+  const region = announcer.own ? /* @__PURE__ */ jsx45(VisuallyHidden, { live: "polite", children: announcer.message }) : null;
   if (layout === "list") {
     return /* @__PURE__ */ jsxs34(Fragment20, { children: [
       files.length > 0 || addTile ? /* @__PURE__ */ jsxs34("ul", { ...listProps, ref: setListRef, className: cx(FileUpload_default.queue, listProps.className), children: [
@@ -17252,7 +17252,7 @@ function ComposerRoot({
             /* @__PURE__ */ jsx47(VisuallyHidden, { id: hintId, children: videoAvailable && voiceAvailable ? labels.recordSwitchHint : labels.recordHint })
           ] })
         ] }),
-        /* @__PURE__ */ jsx47(VisuallyHidden, { role: "status", "aria-live": "polite", "aria-atomic": "true", children: announcement })
+        /* @__PURE__ */ jsx47(VisuallyHidden, { live: "polite", children: announcement })
       ]
     }
   ) }) });
@@ -19286,7 +19286,7 @@ function DataTable({
           }
         ) }),
         showSkeleton ? /* @__PURE__ */ jsx55(VisuallyHidden, { role: "status", children: labels.loading }) : null,
-        selectable ? /* @__PURE__ */ jsx55(VisuallyHidden, { role: "status", "aria-live": "polite", "aria-atomic": "true", children: selection.announcement }) : null,
+        selectable ? /* @__PURE__ */ jsx55(VisuallyHidden, { live: "polite", children: selection.announcement }) : null,
         /* @__PURE__ */ jsx55(
           Footer,
           {
@@ -23401,7 +23401,7 @@ function Gantt({
         editableAtAll ? /* @__PURE__ */ jsx66(VisuallyHidden, { id: hintId, children: labels.editHint }) : null,
         creatable ? /* @__PURE__ */ jsx66(VisuallyHidden, { id: createHintId, children: labels.createHint }) : null,
         bodyState === "loading" ? /* @__PURE__ */ jsx66(VisuallyHidden, { role: "status", children: labels.loading }) : null,
-        /* @__PURE__ */ jsx66(VisuallyHidden, { role: "status", "aria-live": "polite", "aria-atomic": "true", children: announcement })
+        /* @__PURE__ */ jsx66(VisuallyHidden, { live: "polite", children: announcement })
       ]
     }
   ) }) });
@@ -23869,13 +23869,179 @@ var Kanban = {
   ItemCount: KanbanItemCount
 };
 
+// src/components/list/List.tsx
+import * as React78 from "react";
+
+// src/components/list/List.module.css
+var List_default = {
+  root: "List_root",
+  row: "List_row",
+  item: "List_item",
+  icon: "List_icon",
+  body: "List_body",
+  text: "List_text",
+  description: "List_description",
+  trail: "List_trail",
+  trailStacked: "List_trailStacked",
+  meta: "List_meta",
+  count: "List_count"
+};
+
+// src/components/list/List.tsx
+import { Fragment as Fragment29, jsx as jsx68, jsxs as jsxs57 } from "react/jsx-runtime";
+function ListRoot({ size = "m", className, ...rest }) {
+  return /* @__PURE__ */ jsx68(ControlSizeProvider, { value: size, children: /* @__PURE__ */ jsx68("ul", { ...rest, className: cx(List_default.root, className), ...toDataAttributes({ size }) }) });
+}
+ListRoot.displayName = "List.Root";
+function ListItemIcon({ className, ...rest }) {
+  return /* @__PURE__ */ jsx68("span", { ...rest, className: cx(List_default.icon, className), "aria-hidden": "true" });
+}
+ListItemIcon.displayName = "List.ItemIcon";
+function ListItemText({ className, ...rest }) {
+  return /* @__PURE__ */ jsx68("span", { ...rest, className: cx(List_default.text, className) });
+}
+ListItemText.displayName = "List.ItemText";
+function ListItemDescription({ className, ...rest }) {
+  return /* @__PURE__ */ jsx68("span", { ...rest, className: cx(List_default.description, className) });
+}
+ListItemDescription.displayName = "List.ItemDescription";
+function ListItemMeta({ className, ...rest }) {
+  return /* @__PURE__ */ jsx68("span", { ...rest, className: cx(List_default.meta, className) });
+}
+ListItemMeta.displayName = "List.ItemMeta";
+function ListItemCount({ color = "gray", className, ...rest }) {
+  return /* @__PURE__ */ jsx68(Badge.Root, { ...rest, color, className: cx(List_default.count, className) });
+}
+ListItemCount.displayName = "List.ItemCount";
+var isPart = (node, type) => React78.isValidElement(node) && node.type === type;
+function spaced(nodes) {
+  return nodes.flatMap((node, index) => index === 0 ? [node] : [" ", node]);
+}
+function splitItemChildren3(children) {
+  let leading = null;
+  const body = [];
+  const trail = [];
+  let loose = [];
+  let twoLines = false;
+  const flushLoose = () => {
+    if (loose.length === 0) return;
+    body.push(
+      /* @__PURE__ */ jsx68("span", { className: List_default.text, children: loose }, `text-${body.length}`)
+    );
+    loose = [];
+  };
+  for (const node of React78.Children.toArray(children)) {
+    if (isPart(node, ListItemIcon)) {
+      if (leading === null && body.length === 0 && loose.length === 0) leading = node;
+      else
+        trail.push(
+          React78.cloneElement(node, {
+            "data-edge": "end"
+          })
+        );
+    } else if (isPart(node, ListItemMeta) || isPart(node, ListItemCount)) {
+      trail.push(node);
+    } else if (isPart(node, ListItemText) || isPart(node, ListItemDescription)) {
+      flushLoose();
+      if (isPart(node, ListItemDescription)) twoLines = true;
+      body.push(node);
+    } else {
+      loose.push(node);
+    }
+  }
+  flushLoose();
+  return /* @__PURE__ */ jsxs57(Fragment29, { children: [
+    leading,
+    /* @__PURE__ */ jsx68("span", { className: List_default.body, children: spaced(body) }),
+    trail.length > 0 ? /* @__PURE__ */ jsxs57(Fragment29, { children: [
+      " ",
+      /* @__PURE__ */ jsx68("span", { className: cx(List_default.trail, twoLines && List_default.trailStacked), children: spaced(trail) })
+    ] }) : null
+  ] });
+}
+function ListItem({
+  current = false,
+  disabled = false,
+  asChild = false,
+  href,
+  className,
+  children,
+  onClick,
+  type,
+  ref,
+  ...rest
+}) {
+  const link = href !== void 0 || asChild;
+  const shared = {
+    ...rest,
+    className: cx(List_default.item, className),
+    onClick: (event) => {
+      if (disabled) {
+        event.preventDefault();
+        return;
+      }
+      onClick?.(event);
+    },
+    "aria-current": current ? link ? "page" : "true" : rest["aria-current"],
+    ...toDataAttributes({ disabled: disabled || void 0 })
+  };
+  const child = asChild && React78.isValidElement(children) ? children : null;
+  let element;
+  if (child) {
+    element = // A disabled child keeps its own `href` / `to`: out of the Tab order like the other kinds.
+    /* @__PURE__ */ jsx68(
+      Slot,
+      {
+        ...shared,
+        ref,
+        "aria-disabled": disabled || void 0,
+        tabIndex: disabled ? -1 : rest.tabIndex,
+        children: React78.cloneElement(child, void 0, splitItemChildren3(child.props.children))
+      }
+    );
+  } else if (href !== void 0) {
+    element = /* @__PURE__ */ jsx68(
+      "a",
+      {
+        ...shared,
+        ref,
+        href: disabled ? void 0 : href,
+        "aria-disabled": disabled || void 0,
+        children: splitItemChildren3(children)
+      }
+    );
+  } else {
+    element = /* @__PURE__ */ jsx68(
+      "button",
+      {
+        ...shared,
+        ref,
+        type: type ?? "button",
+        disabled,
+        children: splitItemChildren3(children)
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx68("li", { className: List_default.row, children: element });
+}
+ListItem.displayName = "List.Item";
+var List = {
+  Root: ListRoot,
+  Item: ListItem,
+  ItemIcon: ListItemIcon,
+  ItemText: ListItemText,
+  ItemDescription: ListItemDescription,
+  ItemMeta: ListItemMeta,
+  ItemCount: ListItemCount
+};
+
 // src/components/typography/Typography.module.css
 var Typography_default = {
   root: "Typography_root"
 };
 
 // src/components/typography/Typography.tsx
-import { jsx as jsx68 } from "react/jsx-runtime";
+import { jsx as jsx69 } from "react/jsx-runtime";
 var ROLE_CLASS = {
   caption: textRole_default.caption,
   "body-s": textRole_default.bodyS,
@@ -23905,7 +24071,7 @@ function Typography({
   ref,
   ...rest
 }) {
-  return /* @__PURE__ */ jsx68(
+  return /* @__PURE__ */ jsx69(
     Tag,
     {
       ref,
@@ -23938,7 +24104,7 @@ var LoginForm_default = {
 };
 
 // src/components/login-form/LoginForm.tsx
-import { jsx as jsx69 } from "react/jsx-runtime";
+import { jsx as jsx70 } from "react/jsx-runtime";
 var TITLE_ROLE = {
   xs: "title-s",
   s: "title-m",
@@ -23971,7 +24137,7 @@ function LoginFormRoot({
   ...rest
 }) {
   const depth = useNestedSurfaceDepth();
-  return /* @__PURE__ */ jsx69(
+  return /* @__PURE__ */ jsx70(
     "div",
     {
       ref,
@@ -23979,22 +24145,22 @@ function LoginFormRoot({
       className: cx(LoginForm_default.root, className),
       "data-depth": depth,
       ...toDataAttributes({ size, align, flat }),
-      children: /* @__PURE__ */ jsx69(SurfaceDepthProvider, { value: depth, children: /* @__PURE__ */ jsx69(ControlSizeProvider, { value: size, children }) })
+      children: /* @__PURE__ */ jsx70(SurfaceDepthProvider, { value: depth, children: /* @__PURE__ */ jsx70(ControlSizeProvider, { value: size, children }) })
     }
   );
 }
 LoginFormRoot.displayName = "LoginForm.Root";
 function LoginFormHeader({ className, children, ...rest }) {
-  return /* @__PURE__ */ jsx69("header", { className: cx(LoginForm_default.header, className), ...rest, children });
+  return /* @__PURE__ */ jsx70("header", { className: cx(LoginForm_default.header, className), ...rest, children });
 }
 LoginFormHeader.displayName = "LoginForm.Header";
 function LoginFormLogo({ className, children, ...rest }) {
-  return /* @__PURE__ */ jsx69("div", { className: cx(LoginForm_default.logo, className), ...rest, children });
+  return /* @__PURE__ */ jsx70("div", { className: cx(LoginForm_default.logo, className), ...rest, children });
 }
 LoginFormLogo.displayName = "LoginForm.Logo";
 function LoginFormTitle({ as = "h1", className, children, ...rest }) {
   const size = useLoginFormSize();
-  return /* @__PURE__ */ jsx69(
+  return /* @__PURE__ */ jsx70(
     Typography,
     {
       as,
@@ -24008,7 +24174,7 @@ function LoginFormTitle({ as = "h1", className, children, ...rest }) {
 LoginFormTitle.displayName = "LoginForm.Title";
 function LoginFormDescription({ className, children, ...rest }) {
   const size = useLoginFormSize();
-  return /* @__PURE__ */ jsx69(
+  return /* @__PURE__ */ jsx70(
     Typography,
     {
       as: "p",
@@ -24022,20 +24188,20 @@ function LoginFormDescription({ className, children, ...rest }) {
 }
 LoginFormDescription.displayName = "LoginForm.Description";
 function LoginFormBody({ className, children, ...rest }) {
-  return /* @__PURE__ */ jsx69("div", { className: cx(LoginForm_default.body, className), ...rest, children });
+  return /* @__PURE__ */ jsx70("div", { className: cx(LoginForm_default.body, className), ...rest, children });
 }
 LoginFormBody.displayName = "LoginForm.Body";
 function LoginFormForm({ className, children, ref, ...rest }) {
-  return /* @__PURE__ */ jsx69("form", { ref, className: cx(LoginForm_default.form, className), ...rest, children });
+  return /* @__PURE__ */ jsx70("form", { ref, className: cx(LoginForm_default.form, className), ...rest, children });
 }
 LoginFormForm.displayName = "LoginForm.Form";
 function LoginFormActions({ className, children, ...rest }) {
-  return /* @__PURE__ */ jsx69("div", { className: cx(LoginForm_default.actions, className), ...rest, children });
+  return /* @__PURE__ */ jsx70("div", { className: cx(LoginForm_default.actions, className), ...rest, children });
 }
 LoginFormActions.displayName = "LoginForm.Actions";
 function LoginFormFooter({ className, children, ...rest }) {
   const size = useLoginFormSize();
-  return /* @__PURE__ */ jsx69(
+  return /* @__PURE__ */ jsx70(
     Typography,
     {
       as: "p",
@@ -24069,7 +24235,7 @@ var NativeSelect_default = {
 };
 
 // src/components/native-select/NativeSelect.tsx
-import { jsx as jsx70, jsxs as jsxs57 } from "react/jsx-runtime";
+import { jsx as jsx71, jsxs as jsxs58 } 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 = "m",
@@ -24097,7 +24263,7 @@ function NativeSelect({
   const labels = { ...NATIVE_SELECT_LABELS, ...labelsProp };
   const ids = useFieldFrame(id, { hint, error, invalid }, ariaDescribedBy);
   const initial = defaultValue ?? (value === void 0 && placeholder ? "" : void 0);
-  return /* @__PURE__ */ jsx70(
+  return /* @__PURE__ */ jsx71(
     FieldFrame,
     {
       size,
@@ -24110,8 +24276,8 @@ function NativeSelect({
       disabled,
       optionalLabel: labels.optional,
       className,
-      children: /* @__PURE__ */ jsx70(ControlSizeProvider, { value: size, children: /* @__PURE__ */ jsxs57("span", { className: cx(fieldTierClass, NativeSelect_default.root), ...toDataAttributes({ size }), children: [
-        /* @__PURE__ */ jsxs57(
+      children: /* @__PURE__ */ jsx71(ControlSizeProvider, { value: size, children: /* @__PURE__ */ jsxs58("span", { className: cx(fieldTierClass, NativeSelect_default.root), ...toDataAttributes({ size }), children: [
+        /* @__PURE__ */ jsxs58(
           "select",
           {
             ...rest,
@@ -24133,12 +24299,12 @@ function NativeSelect({
               "focus-ring": focusRing ? void 0 : false
             }),
             children: [
-              placeholder ? /* @__PURE__ */ jsx70("option", { value: "", className: NativeSelect_default.placeholder, children: placeholder }) : null,
+              placeholder ? /* @__PURE__ */ jsx71("option", { value: "", className: NativeSelect_default.placeholder, children: placeholder }) : null,
               children
             ]
           }
         ),
-        /* @__PURE__ */ jsx70("span", { className: NativeSelect_default.chevron, "aria-hidden": "true", children: /* @__PURE__ */ jsx70(Icon, { name: "nav.chevronDown" }) })
+        /* @__PURE__ */ jsx71("span", { className: NativeSelect_default.chevron, "aria-hidden": "true", children: /* @__PURE__ */ jsx71(Icon, { name: "nav.chevronDown" }) })
       ] }) })
     }
   );
@@ -24146,7 +24312,7 @@ function NativeSelect({
 NativeSelect.displayName = "NativeSelect";
 
 // src/components/notification/Notification.tsx
-import * as React78 from "react";
+import * as React79 from "react";
 
 // src/components/notification/Notification.module.css
 var Notification_default = {
@@ -24174,7 +24340,7 @@ var Notification_default = {
 };
 
 // src/components/notification/Notification.tsx
-import { jsx as jsx71, jsxs as jsxs58 } from "react/jsx-runtime";
+import { jsx as jsx72, jsxs as jsxs59 } 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",
@@ -24192,7 +24358,7 @@ var REGION_LABEL_KEY = {
   "bottom-center": "regionBottomCenter",
   "bottom-right": "regionBottomRight"
 };
-var NotificationLabelsContext = React78.createContext(NOTIFICATION_LABELS);
+var NotificationLabelsContext = React79.createContext(NOTIFICATION_LABELS);
 var TONE_ICON = {
   info: "status.info",
   success: "status.success",
@@ -24220,9 +24386,9 @@ function CardView({
   stackExpanded = false,
   ...rest
 }) {
-  const labels = React78.useContext(NotificationLabelsContext);
+  const labels = React79.useContext(NotificationLabelsContext);
   const liveRole = tone === "danger" || tone === "warning" ? "alert" : "status";
-  return /* @__PURE__ */ jsxs58(
+  return /* @__PURE__ */ jsxs59(
     "article",
     {
       ...rest,
@@ -24238,14 +24404,14 @@ function CardView({
         "stack-expanded": stackExpanded
       }),
       children: [
-        /* @__PURE__ */ jsx71("div", { className: Notification_default.iconWrap, "aria-hidden": "true", children: icon ?? /* @__PURE__ */ jsx71(Icon, { name: TONE_ICON[tone] }) }),
-        /* @__PURE__ */ jsxs58("div", { className: Notification_default.content, children: [
-          /* @__PURE__ */ jsxs58("header", { className: Notification_default.header, children: [
-            /* @__PURE__ */ jsx71("p", { className: Notification_default.title, children: title }),
-            badge !== void 0 ? /* @__PURE__ */ jsx71(Badge.Root, { size: "xs", color: TONE_BADGE_COLOR[tone], children: badge }) : null
+        /* @__PURE__ */ jsx72("div", { className: Notification_default.iconWrap, "aria-hidden": "true", children: icon ?? /* @__PURE__ */ jsx72(Icon, { name: TONE_ICON[tone] }) }),
+        /* @__PURE__ */ jsxs59("div", { className: Notification_default.content, children: [
+          /* @__PURE__ */ jsxs59("header", { className: Notification_default.header, children: [
+            /* @__PURE__ */ jsx72("p", { className: Notification_default.title, children: title }),
+            badge !== void 0 ? /* @__PURE__ */ jsx72(Badge.Root, { size: "xs", color: TONE_BADGE_COLOR[tone], children: badge }) : null
           ] }),
-          description ? /* @__PURE__ */ jsx71("p", { className: Notification_default.description, children: description }) : null,
-          action ? /* @__PURE__ */ jsx71("div", { className: Notification_default.actionRow, children: /* @__PURE__ */ jsx71(
+          description ? /* @__PURE__ */ jsx72("p", { className: Notification_default.description, children: description }) : null,
+          action ? /* @__PURE__ */ jsx72("div", { className: Notification_default.actionRow, children: /* @__PURE__ */ jsx72(
             Button.Root,
             {
               variant: "soft",
@@ -24256,7 +24422,7 @@ function CardView({
             }
           ) }) : null
         ] }),
-        onClose ? /* @__PURE__ */ jsx71("div", { className: Notification_default.closeWrap, children: /* @__PURE__ */ jsx71(
+        onClose ? /* @__PURE__ */ jsx72("div", { className: Notification_default.closeWrap, children: /* @__PURE__ */ jsx72(
           Button.Root,
           {
             variant: "ghost",
@@ -24264,10 +24430,10 @@ function CardView({
             size: stepDown(size, 2),
             "aria-label": labels.close,
             onClick: onClose,
-            children: /* @__PURE__ */ jsx71(Button.Icon, { children: /* @__PURE__ */ jsx71(Icon, { name: "action.close" }) })
+            children: /* @__PURE__ */ jsx72(Button.Icon, { children: /* @__PURE__ */ jsx72(Icon, { name: "action.close" }) })
           }
         ) }) : null,
-        countdown ? /* @__PURE__ */ jsx71("div", { className: Notification_default.progressTrack, "aria-hidden": "true", children: /* @__PURE__ */ jsx71(
+        countdown ? /* @__PURE__ */ jsx72("div", { className: Notification_default.progressTrack, "aria-hidden": "true", children: /* @__PURE__ */ jsx72(
           "span",
           {
             className: Notification_default.progressValue,
@@ -24285,14 +24451,14 @@ function CardView({
   );
 }
 function NotificationCard({ onDismiss, ...props }) {
-  return /* @__PURE__ */ jsx71(CardView, { ...props, onClose: onDismiss });
+  return /* @__PURE__ */ jsx72(CardView, { ...props, onClose: onDismiss });
 }
 function subscribeVisibility(listener) {
   document.addEventListener("visibilitychange", listener);
   return () => document.removeEventListener("visibilitychange", listener);
 }
 function useDocumentHidden() {
-  return React78.useSyncExternalStore(
+  return React79.useSyncExternalStore(
     subscribeVisibility,
     () => document.visibilityState === "hidden",
     () => false
@@ -24301,7 +24467,7 @@ function useDocumentHidden() {
 function ToastCard({ item, paused, onDismiss, stackDepth, stackExpanded }) {
   const hidden = useDocumentHidden();
   const timed = !item.persistent && item.duration > 0;
-  return /* @__PURE__ */ jsx71(
+  return /* @__PURE__ */ jsx72(
     CardView,
     {
       tone: item.tone,
@@ -24320,8 +24486,8 @@ function ToastCard({ item, paused, onDismiss, stackDepth, stackExpanded }) {
 }
 
 // src/components/notification/NotificationStore.tsx
-import * as React79 from "react";
-import { jsx as jsx72, jsxs as jsxs59 } from "react/jsx-runtime";
+import * as React80 from "react";
+import { jsx as jsx73, jsxs as jsxs60 } from "react/jsx-runtime";
 var DEFAULT_DURATION = 5e3;
 var PEEK_VISIBLE = 3;
 var SCALE_STEP = 0.05;
@@ -24353,7 +24519,7 @@ var POSITIONS = [
   "bottom-right"
 ];
 var TONES = ["success", "danger", "warning", "info"];
-var StoreContext = React79.createContext(null);
+var StoreContext = React80.createContext(null);
 function newId() {
   return globalThis.crypto?.randomUUID?.() ?? `ntf-${Date.now()}-${Math.random().toString(16).slice(2)}`;
 }
@@ -24367,17 +24533,17 @@ function NotificationStack({
   onDismiss,
   onExited
 }) {
-  const labels = React79.useContext(NotificationLabelsContext);
-  const [expanded, setExpanded] = React79.useState(false);
-  const [heights, setHeights] = React79.useState({});
-  const collapseTimerRef = React79.useRef(null);
-  const lastLayoutRef = React79.useRef(/* @__PURE__ */ new Map());
-  const listRef = React79.useRef(null);
-  const hoveredRef = React79.useRef(false);
-  const focusedRef = React79.useRef(false);
+  const labels = React80.useContext(NotificationLabelsContext);
+  const [expanded, setExpanded] = React80.useState(false);
+  const [heights, setHeights] = React80.useState({});
+  const collapseTimerRef = React80.useRef(null);
+  const lastLayoutRef = React80.useRef(/* @__PURE__ */ new Map());
+  const listRef = React80.useRef(null);
+  const hoveredRef = React80.useRef(false);
+  const focusedRef = React80.useRef(false);
   const top = isTop(position);
-  const step = React79.useMemo(space2Px, []);
-  const syncExpanded = React79.useCallback(() => {
+  const step = React80.useMemo(space2Px, []);
+  const syncExpanded = React80.useCallback(() => {
     if (collapseTimerRef.current !== null) {
       clearTimeout(collapseTimerRef.current);
       collapseTimerRef.current = null;
@@ -24388,29 +24554,29 @@ function NotificationStack({
       collapseTimerRef.current = window.setTimeout(() => setExpanded(false), COLLAPSE_DELAY_MS);
     }
   }, []);
-  const handleHover = React79.useCallback(
+  const handleHover = React80.useCallback(
     (hovered) => {
       hoveredRef.current = hovered;
       syncExpanded();
     },
     [syncExpanded]
   );
-  React79.useLayoutEffect(() => {
+  React80.useLayoutEffect(() => {
     if (!focusedRef.current) return;
     if (listRef.current?.contains(document.activeElement)) return;
     focusedRef.current = false;
     syncExpanded();
   });
-  React79.useEffect(
+  React80.useEffect(
     () => () => {
       if (collapseTimerRef.current !== null) clearTimeout(collapseTimerRef.current);
     },
     []
   );
-  const reportHeight = React79.useCallback((id, height) => {
+  const reportHeight = React80.useCallback((id, height) => {
     setHeights((prev) => prev[id] === height ? prev : { ...prev, [id]: height });
   }, []);
-  React79.useEffect(() => {
+  React80.useEffect(() => {
     setHeights((prev) => {
       const ids = new Set(items.map((n) => n.id));
       const stale = Object.keys(prev).filter((id) => !ids.has(id));
@@ -24437,14 +24603,14 @@ function NotificationStack({
   });
   const frontHeight = active.length > 0 ? heights[active[0].id] ?? 0 : 0;
   const stackHeight = active.length === 0 ? 0 : expanded ? flowHeight - step : frontHeight + Math.min(active.length - 1, PEEK_VISIBLE - 1) * step;
-  React79.useLayoutEffect(() => {
+  React80.useLayoutEffect(() => {
     for (const [id, layout] of layouts) lastLayoutRef.current.set(id, layout);
     const ids = new Set(items.map((n) => n.id));
     for (const id of lastLayoutRef.current.keys()) {
       if (!ids.has(id)) lastLayoutRef.current.delete(id);
     }
   });
-  return /* @__PURE__ */ jsx72(
+  return /* @__PURE__ */ jsx73(
     "ol",
     {
       ref: listRef,
@@ -24466,7 +24632,7 @@ function NotificationStack({
       children: items.map((item) => {
         const closing = item.dismissing === true;
         const layout = layouts.get(item.id) ?? lastLayoutRef.current.get(item.id) ?? RESTING_LAYOUT;
-        return /* @__PURE__ */ jsx72(
+        return /* @__PURE__ */ jsx73(
           NotificationStackItem,
           {
             item,
@@ -24488,7 +24654,7 @@ function NotificationStack({
     }
   );
 }
-var NotificationStackItem = React79.memo(function NotificationStackItem2({
+var NotificationStackItem = React80.memo(function NotificationStackItem2({
   item,
   position,
   index,
@@ -24502,9 +24668,9 @@ var NotificationStackItem = React79.memo(function NotificationStackItem2({
   onExited,
   onHeight
 }) {
-  const ref = React79.useRef(null);
+  const ref = React80.useRef(null);
   const { id } = item;
-  React79.useLayoutEffect(() => {
+  React80.useLayoutEffect(() => {
     const el = ref.current;
     if (!el) return;
     onHeight(id, el.offsetHeight);
@@ -24515,10 +24681,10 @@ var NotificationStackItem = React79.memo(function NotificationStackItem2({
   }, [id, onHeight]);
   const state = closing ? "closed" : "open";
   const { axis, sign } = swipeDirection(position);
-  const dragRef = React79.useRef(
+  const dragRef = React80.useRef(
     null
   );
-  const [swiping, setSwiping] = React79.useState(false);
+  const [swiping, setSwiping] = React80.useState(false);
   const swipeAmount = (client, origin) => {
     const toward = (client - origin) * sign;
     if (toward >= 0) return toward;
@@ -24569,7 +24735,7 @@ var NotificationStackItem = React79.memo(function NotificationStackItem2({
     if (amount === 0 || prefersReducedMotion()) delete el.dataset.swipe;
     else el.dataset.swipe = "return";
   };
-  return /* @__PURE__ */ jsx72(
+  return /* @__PURE__ */ jsx73(
     "li",
     {
       ref,
@@ -24583,7 +24749,7 @@ var NotificationStackItem = React79.memo(function NotificationStackItem2({
         "--ntf-opacity": opacity,
         zIndex: Z_FRONT - index
       },
-      children: /* @__PURE__ */ jsx72(
+      children: /* @__PURE__ */ jsx73(
         "div",
         {
           className: Notification_default.motion,
@@ -24600,7 +24766,7 @@ var NotificationStackItem = React79.memo(function NotificationStackItem2({
               delete event.currentTarget.dataset.swipe;
             }
           },
-          children: /* @__PURE__ */ jsx72(
+          children: /* @__PURE__ */ jsx73(
             ToastCard,
             {
               item,
@@ -24620,7 +24786,7 @@ function NotificationToaster({
   onDismiss,
   onExited
 }) {
-  const grouped = React79.useMemo(() => {
+  const grouped = React80.useMemo(() => {
     const map = /* @__PURE__ */ new Map();
     for (const entry of entries) {
       if (!map.has(entry.position)) map.set(entry.position, /* @__PURE__ */ new Map());
@@ -24636,18 +24802,18 @@ function NotificationToaster({
     }
     return map;
   }, [entries]);
-  return /* @__PURE__ */ jsx72(Portal, { children: /* @__PURE__ */ jsx72("div", { className: Notification_default.viewport, ...{ [LIVE_REGION_ATTR]: "" }, children: POSITIONS.map((pos) => {
+  return /* @__PURE__ */ jsx73(Portal, { children: /* @__PURE__ */ jsx73("div", { className: Notification_default.viewport, ...{ [LIVE_REGION_ATTR]: "" }, children: POSITIONS.map((pos) => {
     const byTone = grouped.get(pos);
     if (!byTone?.size) return null;
     const [vertical, horizontal] = pos.split("-");
     const stacks = TONES.map((tone) => ({ tone, items: byTone.get(tone) ?? [] })).filter(
       (s) => s.items.length > 0
     );
-    return /* @__PURE__ */ jsx72(
+    return /* @__PURE__ */ jsx73(
       "section",
       {
         className: `${Notification_default.zone} ${Notification_default[vertical]} ${Notification_default[horizontal]}`,
-        children: stacks.map((s) => /* @__PURE__ */ jsx72(
+        children: stacks.map((s) => /* @__PURE__ */ jsx73(
           NotificationStack,
           {
             position: pos,
@@ -24668,22 +24834,22 @@ function NotificationProvider({
   max = 5,
   labels: labelsProp
 }) {
-  const labels = React79.useMemo(
+  const labels = React80.useMemo(
     () => ({ ...NOTIFICATION_LABELS, ...labelsProp }),
     [labelsProp]
   );
-  const [entries, setEntries] = React79.useState([]);
-  const entriesRef = React79.useRef(entries);
+  const [entries, setEntries] = React80.useState([]);
+  const entriesRef = React80.useRef(entries);
   entriesRef.current = entries;
-  const exitTimersRef = React79.useRef(/* @__PURE__ */ new Map());
-  React79.useEffect(() => {
+  const exitTimersRef = React80.useRef(/* @__PURE__ */ new Map());
+  React80.useEffect(() => {
     const timers = exitTimersRef.current;
     return () => {
       for (const timer of timers.values()) clearTimeout(timer);
       timers.clear();
     };
   }, []);
-  const remove = React79.useCallback((id) => {
+  const remove = React80.useCallback((id) => {
     const timer = exitTimersRef.current.get(id);
     if (timer !== void 0) {
       clearTimeout(timer);
@@ -24691,14 +24857,14 @@ function NotificationProvider({
     }
     setEntries((prev) => prev.filter((n) => n.id !== id));
   }, []);
-  const announceLeave = React79.useCallback((ids) => {
+  const announceLeave = React80.useCallback((ids) => {
     const target = new Set(ids);
     for (const entry of entriesRef.current) {
       if (!target.has(entry.id) || entry.dismissing) continue;
       entry.onDismiss?.();
     }
   }, []);
-  const startExit = React79.useCallback(
+  const startExit = React80.useCallback(
     (ids) => {
       if (ids.length === 0) return;
       announceLeave(ids);
@@ -24726,12 +24892,12 @@ function NotificationProvider({
     },
     [remove, announceLeave]
   );
-  const dismiss = React79.useCallback((id) => startExit([id]), [startExit]);
-  const dismissAll = React79.useCallback(
+  const dismiss = React80.useCallback((id) => startExit([id]), [startExit]);
+  const dismissAll = React80.useCallback(
     () => startExit(entriesRef.current.filter((n) => !n.dismissing).map((n) => n.id)),
     [startExit]
   );
-  const notify = React79.useCallback(
+  const notify = React80.useCallback(
     (options) => {
       const id = newId();
       const record = {
@@ -24762,24 +24928,24 @@ function NotificationProvider({
     },
     [position, max, announceLeave]
   );
-  const publicItems = React79.useMemo(() => entries.filter((n) => !n.dismissing), [entries]);
-  const value = React79.useMemo(
+  const publicItems = React80.useMemo(() => entries.filter((n) => !n.dismissing), [entries]);
+  const value = React80.useMemo(
     () => ({ items: publicItems, notify, dismiss, dismissAll }),
     [publicItems, notify, dismiss, dismissAll]
   );
-  return /* @__PURE__ */ jsx72(StoreContext.Provider, { value, children: /* @__PURE__ */ jsxs59(NotificationLabelsContext.Provider, { value: labels, children: [
+  return /* @__PURE__ */ jsx73(StoreContext.Provider, { value, children: /* @__PURE__ */ jsxs60(NotificationLabelsContext.Provider, { value: labels, children: [
     children,
-    /* @__PURE__ */ jsx72(NotificationToaster, { entries, onDismiss: dismiss, onExited: remove })
+    /* @__PURE__ */ jsx73(NotificationToaster, { entries, onDismiss: dismiss, onExited: remove })
   ] }) });
 }
 function useNotifications() {
-  const ctx = React79.useContext(StoreContext);
+  const ctx = React80.useContext(StoreContext);
   if (!ctx) throw new Error("useNotifications must be used within NotificationProvider");
   return ctx;
 }
 
 // src/components/page-content/PageContent.tsx
-import * as React80 from "react";
+import * as React81 from "react";
 
 // src/components/page-content/PageContent.module.css
 var PageContent_default = {
@@ -24801,14 +24967,14 @@ var PageContent_default = {
 };
 
 // src/components/page-content/PageContent.tsx
-import { jsx as jsx73, jsxs as jsxs60 } from "react/jsx-runtime";
+import { jsx as jsx74, jsxs as jsxs61 } from "react/jsx-runtime";
 function PageContentRoot({
   maxWidth = "full",
   fill = false,
   className,
   ...rest
 }) {
-  return /* @__PURE__ */ jsx73(
+  return /* @__PURE__ */ jsx74(
     "div",
     {
       className: cx(PageContent_default.root, className),
@@ -24822,25 +24988,25 @@ function PageContentRoot({
 }
 PageContentRoot.displayName = "PageContent.Root";
 function PageContentSection({ className, ...rest }) {
-  return /* @__PURE__ */ jsx73("section", { className: cx(PageContent_default.section, className), ...rest });
+  return /* @__PURE__ */ jsx74("section", { className: cx(PageContent_default.section, className), ...rest });
 }
 PageContentSection.displayName = "PageContent.Section";
 function PageContentActions({ className, ...rest }) {
-  return /* @__PURE__ */ jsx73("div", { className: cx(PageContent_default.actions, className), ...rest });
+  return /* @__PURE__ */ jsx74("div", { className: cx(PageContent_default.actions, className), ...rest });
 }
 PageContentActions.displayName = "PageContent.Actions";
 function PageContentHeader({ className, children, ...rest }) {
-  const items = React80.Children.toArray(children);
-  const isActions = (child) => React80.isValidElement(child) && child.type === PageContentActions;
+  const items = React81.Children.toArray(children);
+  const isActions = (child) => React81.isValidElement(child) && child.type === PageContentActions;
   const actions = items.filter(isActions);
-  return /* @__PURE__ */ jsxs60(
+  return /* @__PURE__ */ jsxs61(
     "div",
     {
       className: cx(PageContent_default.header, className),
       "data-has-actions": actions.length > 0 ? "true" : void 0,
       ...rest,
       children: [
-        /* @__PURE__ */ jsx73("div", { className: PageContent_default.heading, children: items.filter((child) => !isActions(child)) }),
+        /* @__PURE__ */ jsx74("div", { className: PageContent_default.heading, children: items.filter((child) => !isActions(child)) }),
         actions
       ]
     }
@@ -24848,7 +25014,7 @@ function PageContentHeader({ className, children, ...rest }) {
 }
 PageContentHeader.displayName = "PageContent.Header";
 function PageContentTitle({ className, ...rest }) {
-  return /* @__PURE__ */ jsx73("h1", { className: cx(PageContent_default.title, className), ...rest });
+  return /* @__PURE__ */ jsx74("h1", { className: cx(PageContent_default.title, className), ...rest });
 }
 PageContentTitle.displayName = "PageContent.Title";
 function PageContentDescription({
@@ -24856,7 +25022,7 @@ function PageContentDescription({
   measure: measure3 = "readable",
   ...rest
 }) {
-  return /* @__PURE__ */ jsx73(
+  return /* @__PURE__ */ jsx74(
     "p",
     {
       className: cx(PageContent_default.description, className),
@@ -24867,15 +25033,15 @@ function PageContentDescription({
 }
 PageContentDescription.displayName = "PageContent.Description";
 function PageContentBody({ className, ...rest }) {
-  return /* @__PURE__ */ jsx73("div", { className: cx(PageContent_default.body, className), ...rest });
+  return /* @__PURE__ */ jsx74("div", { className: cx(PageContent_default.body, className), ...rest });
 }
 PageContentBody.displayName = "PageContent.Body";
 var PAGE_CONTENT_LABELS = {
   back: "\u041D\u0430\u0437\u0430\u0434 \u043A \u0441\u043F\u0438\u0441\u043A\u0443"
 };
-var SplitContext = React80.createContext(null);
+var SplitContext = React81.createContext(null);
 function useSplit(part) {
-  const value = React80.useContext(SplitContext);
+  const value = React81.useContext(SplitContext);
   if (value === null) {
     throw new Error(`[prime-ui-kit] \`${part}\` must be used inside \`PageContent.Split\`.`);
   }
@@ -24896,13 +25062,13 @@ function PageContentSplit({
     defaultValue: defaultOpen,
     onChange: onOpenChange
   });
-  const listRef = React80.useRef(null);
-  const detailRef = React80.useRef(null);
-  const lastListFocus = React80.useRef(null);
-  const [entering, setEntering] = React80.useState(null);
-  const previousOpen = React80.useRef(open);
-  const mergedLabels = React80.useMemo(() => ({ ...PAGE_CONTENT_LABELS, ...labels }), [labels]);
-  React80.useLayoutEffect(() => {
+  const listRef = React81.useRef(null);
+  const detailRef = React81.useRef(null);
+  const lastListFocus = React81.useRef(null);
+  const [entering, setEntering] = React81.useState(null);
+  const previousOpen = React81.useRef(open);
+  const mergedLabels = React81.useMemo(() => ({ ...PAGE_CONTENT_LABELS, ...labels }), [labels]);
+  React81.useLayoutEffect(() => {
     if (previousOpen.current === open) return;
     previousOpen.current = open;
     const list = listRef.current;
@@ -24919,7 +25085,7 @@ function PageContentSplit({
       });
     }
   }, [open]);
-  const value = React80.useMemo(
+  const value = React81.useMemo(
     () => ({
       open,
       close: () => setOpen(false),
@@ -24932,13 +25098,13 @@ function PageContentSplit({
     }),
     [open, setOpen, mergedLabels, entering]
   );
-  return /* @__PURE__ */ jsx73(SplitContext, { value, children: /* @__PURE__ */ jsx73(
+  return /* @__PURE__ */ jsx74(SplitContext, { value, children: /* @__PURE__ */ jsx74(
     "div",
     {
       ...rest,
       className: cx(PageContent_default.split, className),
       ...toDataAttributes({ open: open || void 0 }),
-      children: /* @__PURE__ */ jsx73("div", { className: PageContent_default.panes, children })
+      children: /* @__PURE__ */ jsx74("div", { className: PageContent_default.panes, children })
     }
   ) });
 }
@@ -24954,7 +25120,7 @@ function PageContentList({
   const mergedRef = useMergedRefs(split.listRef, ref);
   return (
     // biome-ignore lint/a11y/noStaticElementInteractions: the pane only records which list control had focus (focus bubbles from it), so going back can return there; it handles no input.
-    /* @__PURE__ */ jsx73(
+    /* @__PURE__ */ jsx74(
       "div",
       {
         tabIndex: -1,
@@ -24982,7 +25148,7 @@ PageContentList.displayName = "PageContent.List";
 function PageContentDetail({ className, ref, onAnimationEnd, ...rest }) {
   const split = useSplit("PageContent.Detail");
   const mergedRef = useMergedRefs(split.detailRef, ref);
-  return /* @__PURE__ */ jsx73(
+  return /* @__PURE__ */ jsx74(
     "div",
     {
       tabIndex: -1,
@@ -25004,7 +25170,7 @@ function PageContentDetail({ className, ref, onAnimationEnd, ...rest }) {
 PageContentDetail.displayName = "PageContent.Detail";
 function PageContentBackButton({ className, onClick, ...rest }) {
   const split = useSplit("PageContent.BackButton");
-  return /* @__PURE__ */ jsx73(
+  return /* @__PURE__ */ jsx74(
     Button.Root,
     {
       variant: "soft",
@@ -25016,7 +25182,7 @@ function PageContentBackButton({ className, onClick, ...rest }) {
         onClick?.(event);
         if (!event.defaultPrevented) split.close();
       },
-      children: /* @__PURE__ */ jsx73(Button.Icon, { children: /* @__PURE__ */ jsx73(Icon, { name: "nav.chevronLeft" }) })
+      children: /* @__PURE__ */ jsx74(Button.Icon, { children: /* @__PURE__ */ jsx74(Icon, { name: "nav.chevronLeft" }) })
     }
   );
 }
@@ -25036,7 +25202,7 @@ var PageContent = {
 };
 
 // src/components/page-toolbar/PageToolbar.tsx
-import * as React81 from "react";
+import * as React82 from "react";
 
 // src/components/page-toolbar/PageToolbar.module.css
 var PageToolbar_default = {
@@ -25051,34 +25217,34 @@ var PageToolbar_default = {
 };
 
 // src/components/page-toolbar/PageToolbar.tsx
-import { jsx as jsx74, jsxs as jsxs61 } from "react/jsx-runtime";
+import { jsx as jsx75, jsxs as jsxs62 } from "react/jsx-runtime";
 function PageToolbarRoot({ className, children, ref, ...rest }) {
-  const items = React81.Children.toArray(children);
-  const isChips = (child) => React81.isValidElement(child) && child.type === PageToolbarChips;
-  return /* @__PURE__ */ jsx74("div", { ...rest, ref, className: cx(PageToolbar_default.root, className), children: /* @__PURE__ */ jsxs61("div", { className: PageToolbar_default.layout, children: [
-    /* @__PURE__ */ jsx74("div", { className: PageToolbar_default.bar, children: items.filter((child) => !isChips(child)) }),
+  const items = React82.Children.toArray(children);
+  const isChips = (child) => React82.isValidElement(child) && child.type === PageToolbarChips;
+  return /* @__PURE__ */ jsx75("div", { ...rest, ref, className: cx(PageToolbar_default.root, className), children: /* @__PURE__ */ jsxs62("div", { className: PageToolbar_default.layout, children: [
+    /* @__PURE__ */ jsx75("div", { className: PageToolbar_default.bar, children: items.filter((child) => !isChips(child)) }),
     items.filter(isChips)
   ] }) });
 }
 PageToolbarRoot.displayName = "PageToolbar.Root";
 function PageToolbarSections({ className, ...rest }) {
-  return /* @__PURE__ */ jsx74("div", { ...rest, className: cx(PageToolbar_default.sections, className) });
+  return /* @__PURE__ */ jsx75("div", { ...rest, className: cx(PageToolbar_default.sections, className) });
 }
 PageToolbarSections.displayName = "PageToolbar.Sections";
 function PageToolbarTools({ className, ...rest }) {
-  return /* @__PURE__ */ jsx74("div", { ...rest, className: cx(PageToolbar_default.tools, className) });
+  return /* @__PURE__ */ jsx75("div", { ...rest, className: cx(PageToolbar_default.tools, className) });
 }
 PageToolbarTools.displayName = "PageToolbar.Tools";
 function PageToolbarView({ className, ...rest }) {
-  return /* @__PURE__ */ jsx74("div", { ...rest, className: cx(PageToolbar_default.view, className) });
+  return /* @__PURE__ */ jsx75("div", { ...rest, className: cx(PageToolbar_default.view, className) });
 }
 PageToolbarView.displayName = "PageToolbar.View";
 function PageToolbarActions({ className, ...rest }) {
-  return /* @__PURE__ */ jsx74("div", { ...rest, className: cx(PageToolbar_default.actions, className) });
+  return /* @__PURE__ */ jsx75("div", { ...rest, className: cx(PageToolbar_default.actions, className) });
 }
 PageToolbarActions.displayName = "PageToolbar.Actions";
 function PageToolbarChips({ className, ...rest }) {
-  return /* @__PURE__ */ jsx74("div", { ...rest, className: cx(PageToolbar_default.chips, className) });
+  return /* @__PURE__ */ jsx75("div", { ...rest, className: cx(PageToolbar_default.chips, className) });
 }
 PageToolbarChips.displayName = "PageToolbar.Chips";
 var PageToolbar = {
@@ -25091,7 +25257,7 @@ var PageToolbar = {
 };
 
 // src/components/progress-circle/ProgressCircle.tsx
-import * as React82 from "react";
+import * as React83 from "react";
 
 // src/components/progress-circle/ProgressCircle.module.css
 var ProgressCircle_default = {
@@ -25108,7 +25274,7 @@ var ProgressCircle_default = {
 };
 
 // src/components/progress-circle/ProgressCircle.tsx
-import { Fragment as Fragment29, jsx as jsx75, jsxs as jsxs62 } from "react/jsx-runtime";
+import { Fragment as Fragment30, jsx as jsx76, jsxs as jsxs63 } from "react/jsx-runtime";
 var HAIRLINE_GAP = RING_DATA_STROKE * 0.75;
 var LOADING_ROWS2 = 3;
 function arcStyle(start, length) {
@@ -25130,9 +25296,9 @@ function SegmentArcs({
 }) {
   if (gap === "hairline" && arcs.length > 1) {
     const inset = (RING_DATA_STROKE + HAIRLINE_GAP) / 2;
-    return /* @__PURE__ */ jsx75(Fragment29, { children: arcs.map((a, i) => {
+    return /* @__PURE__ */ jsx76(Fragment30, { children: arcs.map((a, i) => {
       const own = a.rest ? { className: void 0 } : fillProps(a.fill);
-      return /* @__PURE__ */ jsx75(
+      return /* @__PURE__ */ jsx76(
         RingCircle,
         {
           ...own,
@@ -25146,10 +25312,10 @@ function SegmentArcs({
   const parts = arcs.filter((a) => !a.rest);
   const first = parts[0];
   const last = parts[parts.length - 1];
-  return /* @__PURE__ */ jsxs62(Fragment29, { children: [
+  return /* @__PURE__ */ jsxs63(Fragment30, { children: [
     parts.map((a, i) => {
       const own = fillProps(a.fill);
-      return /* @__PURE__ */ jsx75(
+      return /* @__PURE__ */ jsx76(
         RingCircle,
         {
           ...own,
@@ -25159,15 +25325,15 @@ function SegmentArcs({
         i
       );
     }),
-    first && last && !closed ? /* @__PURE__ */ jsxs62(Fragment29, { children: [
-      /* @__PURE__ */ jsx75(Cap, { position: first.start, fill: first.fill }),
-      /* @__PURE__ */ jsx75(Cap, { position: last.start + last.length, fill: last.fill })
+    first && last && !closed ? /* @__PURE__ */ jsxs63(Fragment30, { children: [
+      /* @__PURE__ */ jsx76(Cap, { position: first.start, fill: first.fill }),
+      /* @__PURE__ */ jsx76(Cap, { position: last.start + last.length, fill: last.fill })
     ] }) : null
   ] });
 }
 function Cap({ position, fill }) {
   const own = fillProps(fill);
-  return /* @__PURE__ */ jsx75(RingCap, { position, ...own, className: cx(own.className, ProgressCircle_default.cap) });
+  return /* @__PURE__ */ jsx76(RingCap, { position, ...own, className: cx(own.className, ProgressCircle_default.cap) });
 }
 function ProgressCircle(props) {
   const {
@@ -25187,7 +25353,7 @@ function ProgressCircle(props) {
     labels,
     ...rest
   } = props;
-  const descriptionId = React82.useId();
+  const descriptionId = React83.useId();
   const swapped = useStateSwap(loading ? "loading" : "data");
   const swapClass = swapped ? swapMotion_default.swapIn : void 0;
   const isText2 = typeof children === "string" || typeof children === "number";
@@ -25216,10 +25382,10 @@ function ProgressCircle(props) {
     const showLegend = legend && segments.length > 0;
     const a11y = label ? { "aria-label": label, "aria-describedby": descriptionId } : { "aria-label": text };
     if (label && !showLegend) {
-      description = /* @__PURE__ */ jsx75(VisuallyHidden, { id: descriptionId, children: text });
+      description = /* @__PURE__ */ jsx76(VisuallyHidden, { id: descriptionId, children: text });
     }
     if (legend) {
-      legendNode = loading ? /* @__PURE__ */ jsx75(
+      legendNode = loading ? /* @__PURE__ */ jsx76(
         ProgressLegendSkeleton,
         {
           rows: segmentsProp.length || LOADING_ROWS2,
@@ -25227,7 +25393,7 @@ function ProgressCircle(props) {
           className: cx(ProgressCircle_default.legend, swapClass)
         },
         "loading"
-      ) : showLegend ? /* @__PURE__ */ jsx75(
+      ) : showLegend ? /* @__PURE__ */ jsx76(
         ProgressLegend,
         {
           id: label ? descriptionId : void 0,
@@ -25240,7 +25406,7 @@ function ProgressCircle(props) {
         "data"
       ) : null;
     }
-    ring = /* @__PURE__ */ jsx75(
+    ring = /* @__PURE__ */ jsx76(
       Ring,
       {
         value: 0,
@@ -25250,7 +25416,7 @@ function ProgressCircle(props) {
         role: "group",
         ...a11y,
         ...toDataAttributes({ "segment-gap": gap }),
-        children: total > 0 ? /* @__PURE__ */ jsx75(SegmentArcs, { arcs, gap, closed: free === 0 }) : null
+        children: total > 0 ? /* @__PURE__ */ jsx76(SegmentArcs, { arcs, gap, closed: free === 0 }) : null
       },
       "data"
     );
@@ -25258,7 +25424,7 @@ function ProgressCircle(props) {
     const unknown = valueProp === null || valueProp === void 0;
     const { value, max, ratio } = resolveValue(valueProp ?? 0, maxProp);
     tone = toneProp ?? "accent";
-    ring = /* @__PURE__ */ jsx75(
+    ring = /* @__PURE__ */ jsx76(
       Ring,
       {
         value: unknown ? null : ratio,
@@ -25275,10 +25441,10 @@ function ProgressCircle(props) {
       "data"
     );
   }
-  const body = /* @__PURE__ */ jsxs62(Fragment29, { children: [
-    loading ? /* @__PURE__ */ jsx75(Skeleton, { shape: "block", className: cx(ProgressCircle_default.ringSkeleton, swapClass) }, "loading") : ring,
+  const body = /* @__PURE__ */ jsxs63(Fragment30, { children: [
+    loading ? /* @__PURE__ */ jsx76(Skeleton, { shape: "block", className: cx(ProgressCircle_default.ringSkeleton, swapClass) }, "loading") : ring,
     loading ? null : description,
-    showInner ? /* @__PURE__ */ jsx75("div", { className: ProgressCircle_default.inner, "aria-hidden": valueText !== void 0 ? true : void 0, children: /* @__PURE__ */ jsx75(GlyphSwap, { children }) }) : null
+    showInner ? /* @__PURE__ */ jsx76("div", { className: ProgressCircle_default.inner, "aria-hidden": valueText !== void 0 ? true : void 0, children: /* @__PURE__ */ jsx76(GlyphSwap, { children }) }) : null
   ] });
   const rootProps = {
     ...rest,
@@ -25286,16 +25452,16 @@ function ProgressCircle(props) {
     ...toDataAttributes({ size, tone, legend: legend || void 0 })
   };
   if (legend) {
-    return /* @__PURE__ */ jsxs62("div", { className: cx(ProgressCircle_default.root, className), ...rootProps, children: [
-      /* @__PURE__ */ jsx75("div", { className: ProgressCircle_default.ring, children: body }),
+    return /* @__PURE__ */ jsxs63("div", { className: cx(ProgressCircle_default.root, className), ...rootProps, children: [
+      /* @__PURE__ */ jsx76("div", { className: ProgressCircle_default.ring, children: body }),
       legendNode
     ] });
   }
-  return /* @__PURE__ */ jsx75("div", { className: cx(ProgressCircle_default.root, className), ...rootProps, children: body });
+  return /* @__PURE__ */ jsx76("div", { className: cx(ProgressCircle_default.root, className), ...rootProps, children: body });
 }
 
 // src/components/radio/Radio.tsx
-import * as React83 from "react";
+import * as React84 from "react";
 
 // src/components/radio/Radio.module.css
 var Radio_default = {
@@ -25306,7 +25472,7 @@ var Radio_default = {
 };
 
 // src/components/radio/Radio.tsx
-import { Fragment as Fragment30, jsx as jsx76, jsxs as jsxs63 } from "react/jsx-runtime";
+import { Fragment as Fragment31, jsx as jsx77, jsxs as jsxs64 } 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({
@@ -25336,7 +25502,7 @@ function RadioGroup({
   const disabled = useInheritedDisabled(disabledProp);
   const ids = useFieldFrame(id, { label, hint, error, invalid }, ariaDescribedBy);
   const name = nameProp ?? ids.controlId;
-  const reportChange = React83.useCallback(
+  const reportChange = React84.useCallback(
     (next) => {
       if (next !== void 0) onValueChange?.(next);
     },
@@ -25347,11 +25513,11 @@ function RadioGroup({
     defaultValue,
     onChange: reportChange
   });
-  const ctxValue = React83.useMemo(
+  const ctxValue = React84.useMemo(
     () => ({ name, value, setValue, size, disabled, invalid: ids.invalid, required }),
     [name, value, setValue, size, disabled, ids.invalid, required]
   );
-  return /* @__PURE__ */ jsx76(RadioGroupProvider, { value: ctxValue, children: /* @__PURE__ */ jsx76(ControlSizeProvider, { value: size, children: /* @__PURE__ */ jsx76(
+  return /* @__PURE__ */ jsx77(RadioGroupProvider, { value: ctxValue, children: /* @__PURE__ */ jsx77(ControlSizeProvider, { value: size, children: /* @__PURE__ */ jsx77(
     FieldFrame,
     {
       ...rest,
@@ -25366,7 +25532,7 @@ function RadioGroup({
       optionalLabel: labelsProp?.optional ?? RADIO_GROUP_LABELS.optional,
       group: true,
       className,
-      children: /* @__PURE__ */ jsx76(
+      children: /* @__PURE__ */ jsx77(
         "div",
         {
           id: ids.controlId,
@@ -25401,7 +25567,7 @@ function RadioRoot({
   const ids = useFieldFrame(id, { hint, invalid: group.invalid }, ariaDescribedBy);
   const disabled = group.disabled || disabledProp;
   const checked = group.value === value;
-  return /* @__PURE__ */ jsx76(
+  return /* @__PURE__ */ jsx77(
     ChoiceField,
     {
       ids,
@@ -25410,8 +25576,8 @@ function RadioRoot({
       disabled,
       hint,
       className: cx(Radio_default.root, className),
-      control: /* @__PURE__ */ jsxs63(Fragment30, { children: [
-        /* @__PURE__ */ jsx76(
+      control: /* @__PURE__ */ jsxs64(Fragment31, { children: [
+        /* @__PURE__ */ jsx77(
           "input",
           {
             ...inputRest,
@@ -25429,7 +25595,7 @@ function RadioRoot({
             "aria-describedby": ids.describedBy
           }
         ),
-        /* @__PURE__ */ jsx76("span", { className: cx(choiceVisualClass, Radio_default.control), "aria-hidden": "true", children: /* @__PURE__ */ jsx76("span", { className: Radio_default.dot }) })
+        /* @__PURE__ */ jsx77("span", { className: cx(choiceVisualClass, Radio_default.control), "aria-hidden": "true", children: /* @__PURE__ */ jsx77("span", { className: Radio_default.dot }) })
       ] }),
       children
     }
@@ -25437,7 +25603,7 @@ function RadioRoot({
 }
 RadioRoot.displayName = "Radio.Root";
 function RadioLabel(props) {
-  return /* @__PURE__ */ jsx76(ChoiceLabel, { ...props });
+  return /* @__PURE__ */ jsx77(ChoiceLabel, { ...props });
 }
 RadioLabel.displayName = "Radio.Label";
 var Radio = {
@@ -25447,7 +25613,7 @@ var Radio = {
 };
 
 // src/components/sheet/Sheet.tsx
-import * as React84 from "react";
+import * as React85 from "react";
 
 // src/components/sheet/Sheet.module.css
 var Sheet_default = {
@@ -25457,7 +25623,7 @@ var Sheet_default = {
 };
 
 // src/components/sheet/Sheet.tsx
-import { jsx as jsx77, jsxs as jsxs64 } from "react/jsx-runtime";
+import { jsx as jsx78, jsxs as jsxs65 } from "react/jsx-runtime";
 var SHEET_LABELS = {
   close: "\u0417\u0430\u043A\u0440\u044B\u0442\u044C",
   ...DIALOG_DISCARD_LABELS
@@ -25467,12 +25633,12 @@ function SheetRoot({ labels, children, ...options }) {
     ...SHEET_LABELS,
     ...labels
   };
-  const discardLabels = React84.useMemo(
+  const discardLabels = React85.useMemo(
     () => ({ discardTitle, discardDescription, discardConfirm, discardCancel }),
     [discardTitle, discardDescription, discardConfirm, discardCancel]
   );
   const state = useDialogRoot({ ...options, closeLabel: close, discardLabels });
-  return /* @__PURE__ */ jsx77(DialogRootProvider, { value: state, children });
+  return /* @__PURE__ */ jsx78(DialogRootProvider, { value: state, children });
 }
 SheetRoot.displayName = "Sheet.Root";
 function SheetContent({ children, ...props }) {
@@ -25480,7 +25646,7 @@ function SheetContent({ children, ...props }) {
   const presence = usePresence(open, { exitDuration: "base" });
   const shown = useExitSnapshot(open, children);
   if (!presence.mounted) return null;
-  return /* @__PURE__ */ jsx77(Portal, { children: /* @__PURE__ */ jsx77(SheetDialog, { ...props, state: presence.state, onExitEnd: presence.onExitEnd, children: shown }) });
+  return /* @__PURE__ */ jsx78(Portal, { children: /* @__PURE__ */ jsx78(SheetDialog, { ...props, state: presence.state, onExitEnd: presence.onExitEnd, children: shown }) });
 }
 function SheetDialog({
   overlayClassName,
@@ -25498,7 +25664,7 @@ function SheetDialog({
   const root = useDialogRootContext();
   const { ref: layerRef, layer, onClose } = useDialogLayer(root);
   const panelRef = useMergedRefs(layerRef, ref);
-  const scrimRef = React84.useRef(null);
+  const scrimRef = React85.useRef(null);
   const swipe = useSwipeDismiss({
     // A guarded sheet does not slide away: busy ignores the dismiss, dirty asks first.
     enabled: root.closeOnOutsideClick && state === "open" && !root.busy && !root.dirty,
@@ -25518,8 +25684,8 @@ function SheetDialog({
   });
   return (
     // One portal root for scrim + sheet, so `useInertSiblings` never makes the scrim inert.
-    /* @__PURE__ */ jsxs64("div", { className: Sheet_default.root, children: [
-      /* @__PURE__ */ jsx77(
+    /* @__PURE__ */ jsxs65("div", { className: Sheet_default.root, children: [
+      /* @__PURE__ */ jsx78(
         "div",
         {
           ref: scrimRef,
@@ -25528,7 +25694,7 @@ function SheetDialog({
           "data-state": state
         }
       ),
-      /* @__PURE__ */ jsxs64(
+      /* @__PURE__ */ jsxs65(
         "div",
         {
           ref: panelRef,
@@ -25552,8 +25718,8 @@ function SheetDialog({
             swipe.onPointerDown(event);
           },
           children: [
-            /* @__PURE__ */ jsx77("div", { className: sheet_default.handle, "data-swipe-handle": "", "aria-hidden": "true" }),
-            /* @__PURE__ */ jsx77(DialogShellProvider, { value: shell.value, children: /* @__PURE__ */ jsx77(LayerProvider, { value: layer, children: /* @__PURE__ */ jsx77(SurfaceDepthProvider, { value: "floating", children }) }) })
+            /* @__PURE__ */ jsx78("div", { className: sheet_default.handle, "data-swipe-handle": "", "aria-hidden": "true" }),
+            /* @__PURE__ */ jsx78(DialogShellProvider, { value: shell.value, children: /* @__PURE__ */ jsx78(LayerProvider, { value: layer, children: /* @__PURE__ */ jsx78(SurfaceDepthProvider, { value: "floating", children }) }) })
           ]
         }
       )
@@ -25578,7 +25744,7 @@ var Sheet = {
 };
 
 // src/components/smart-filter/SmartFilter.tsx
-import * as React85 from "react";
+import * as React86 from "react";
 
 // src/components/smart-filter/model.ts
 var EMPTY = { include: [], exclude: [] };
@@ -25675,7 +25841,7 @@ var SmartFilter_default = {
 };
 
 // src/components/smart-filter/SmartFilter.tsx
-import { Fragment as Fragment32, jsx as jsx78, jsxs as jsxs65 } from "react/jsx-runtime";
+import { Fragment as Fragment33, jsx as jsx79, jsxs as jsxs66 } from "react/jsx-runtime";
 var DEFAULT_LABELS7 = {
   filter: "\u0424\u0438\u043B\u044C\u0442\u0440",
   searchPlaceholder: "\u041F\u043E\u0438\u0441\u043A",
@@ -25748,7 +25914,7 @@ function SmartFilterRoot({
     defaultValue: defaultSearch,
     onChange: onSearchChange
   });
-  const [open, setOpen] = React85.useState(false);
+  const [open, setOpen] = React86.useState(false);
   const context = {
     fields,
     value: current,
@@ -25765,14 +25931,14 @@ function SmartFilterRoot({
     size,
     collapsedLimit
   };
-  return /* @__PURE__ */ jsx78(SmartFilterProvider, { value: context, children: /* @__PURE__ */ jsx78(Popover.Root, { open, onOpenChange: setOpen, children: /* @__PURE__ */ jsx78("div", { ref, className: cx(SmartFilter_default.root, className), "data-size": size, children }) }) });
+  return /* @__PURE__ */ jsx79(SmartFilterProvider, { value: context, children: /* @__PURE__ */ jsx79(Popover.Root, { open, onOpenChange: setOpen, children: /* @__PURE__ */ jsx79("div", { ref, className: cx(SmartFilter_default.root, className), "data-size": size, children }) }) });
 }
 SmartFilterRoot.displayName = "SmartFilter.Root";
 function SmartFilterToolbar({ searchable = true, className, ...rest }) {
   const { fields, total, open, setOpen, search, setSearch, labels, size } = useSmartFilter();
   const hasFilters = fields.length > 0;
-  return /* @__PURE__ */ jsxs65(Fragment32, { children: [
-    /* @__PURE__ */ jsx78(Popover.Anchor, { children: /* @__PURE__ */ jsxs65(
+  return /* @__PURE__ */ jsxs66(Fragment33, { children: [
+    /* @__PURE__ */ jsx79(Popover.Anchor, { children: /* @__PURE__ */ jsxs66(
       "div",
       {
         ...rest,
@@ -25780,15 +25946,15 @@ function SmartFilterToolbar({ searchable = true, className, ...rest }) {
         "data-slot": "smart-filter-toolbar",
         "data-searchable": searchable ? void 0 : "false",
         children: [
-          searchable && /* @__PURE__ */ jsx78(
+          searchable && /* @__PURE__ */ jsx79(
             Input.Root,
             {
               size,
               className: SmartFilter_default.search,
               labels: { clear: labels.clearSearch },
-              children: /* @__PURE__ */ jsxs65(Input.Wrapper, { children: [
-                /* @__PURE__ */ jsx78(Input.Icon, { side: "start", children: /* @__PURE__ */ jsx78(Icon, { name: "action.search", tone: "secondary" }) }),
-                /* @__PURE__ */ jsx78(
+              children: /* @__PURE__ */ jsxs66(Input.Wrapper, { children: [
+                /* @__PURE__ */ jsx79(Input.Icon, { side: "start", children: /* @__PURE__ */ jsx79(Icon, { name: "action.search", tone: "secondary" }) }),
+                /* @__PURE__ */ jsx79(
                   Input.Field,
                   {
                     type: "search",
@@ -25803,11 +25969,11 @@ function SmartFilterToolbar({ searchable = true, className, ...rest }) {
                     }
                   }
                 ),
-                search.length > 0 && /* @__PURE__ */ jsx78(Input.ClearButton, { onClick: () => setSearch("") })
+                search.length > 0 && /* @__PURE__ */ jsx79(Input.ClearButton, { onClick: () => setSearch("") })
               ] })
             }
           ),
-          hasFilters && /* @__PURE__ */ jsxs65(
+          hasFilters && /* @__PURE__ */ jsxs66(
             Button.Root,
             {
               variant: "soft",
@@ -25818,16 +25984,16 @@ function SmartFilterToolbar({ searchable = true, className, ...rest }) {
               "aria-haspopup": "dialog",
               onClick: () => setOpen(!open),
               children: [
-                /* @__PURE__ */ jsx78(Button.Icon, { children: /* @__PURE__ */ jsx78(Icon, { name: "action.filter" }) }),
+                /* @__PURE__ */ jsx79(Button.Icon, { children: /* @__PURE__ */ jsx79(Icon, { name: "action.filter" }) }),
                 labels.filter,
-                total > 0 && /* @__PURE__ */ jsx78(Badge.Root, { color: "blue", children: total })
+                total > 0 && /* @__PURE__ */ jsx79(Badge.Root, { color: "blue", children: total })
               ]
             }
           )
         ]
       }
     ) }),
-    hasFilters && /* @__PURE__ */ jsx78(Popover.Content, { matchTriggerWidth: searchable, flush: true, size, children: /* @__PURE__ */ jsx78(Panel, { searchable }) })
+    hasFilters && /* @__PURE__ */ jsx79(Popover.Content, { matchTriggerWidth: searchable, flush: true, size, children: /* @__PURE__ */ jsx79(Panel, { searchable }) })
   ] });
 }
 SmartFilterToolbar.displayName = "SmartFilter.Toolbar";
@@ -25854,13 +26020,13 @@ function Panel({ searchable }) {
     collapsedLimit
   } = useSmartFilter();
   const query = searchable ? search.trim() : "";
-  const [expanded, setExpanded] = React85.useState(() => /* @__PURE__ */ new Set());
+  const [expanded, setExpanded] = React86.useState(() => /* @__PURE__ */ new Set());
   const sections = [];
   const empty = [];
   if (query) {
     sections.push({
       key: "query",
-      node: /* @__PURE__ */ jsx78("div", { className: SmartFilter_default.queryRow, children: /* @__PURE__ */ jsxs65(
+      node: /* @__PURE__ */ jsx79("div", { className: SmartFilter_default.queryRow, children: /* @__PURE__ */ jsxs66(
         Button.Root,
         {
           variant: "ghost",
@@ -25869,9 +26035,9 @@ function Panel({ searchable }) {
           fullWidth: true,
           onClick: () => setOpen(false),
           children: [
-            /* @__PURE__ */ jsx78(Button.Icon, { children: /* @__PURE__ */ jsx78(Icon, { name: "action.search" }) }),
+            /* @__PURE__ */ jsx79(Button.Icon, { children: /* @__PURE__ */ jsx79(Icon, { name: "action.search" }) }),
             formatLabel(labels.searchText, { query }),
-            /* @__PURE__ */ jsx78(Kbd, { className: SmartFilter_default.queryKey, children: "\u21B5" })
+            /* @__PURE__ */ jsx79(Kbd, { className: SmartFilter_default.queryKey, children: "\u21B5" })
           ]
         }
       ) })
@@ -25883,16 +26049,16 @@ function Panel({ searchable }) {
       if (query && matchIndex(field.label, query) < 0) continue;
       sections.push({
         key: `field:${field.key}`,
-        node: /* @__PURE__ */ jsxs65("div", { className: SmartFilter_default.row, "data-field": field.key, children: [
-          /* @__PURE__ */ jsx78(Typography, { as: "span", variant: "body-s", tone: "secondary", children: field.label }),
-          field.kind === "range" ? /* @__PURE__ */ jsx78(
+        node: /* @__PURE__ */ jsxs66("div", { className: SmartFilter_default.row, "data-field": field.key, children: [
+          /* @__PURE__ */ jsx79(Typography, { as: "span", variant: "body-s", tone: "secondary", children: field.label }),
+          field.kind === "range" ? /* @__PURE__ */ jsx79(
             NumberRange,
             {
               field,
               range: isSmartFilterRange(entry) ? entry : void 0,
               onRange: (range) => setEntry(field.key, range)
             }
-          ) : /* @__PURE__ */ jsx78(
+          ) : /* @__PURE__ */ jsx79(
             Datepicker.Root,
             {
               mode: "range",
@@ -25924,7 +26090,7 @@ function Panel({ searchable }) {
     const all = field.options.map((o) => o.value);
     const single = field.multiple === false;
     const groups = groupOptions(shown);
-    const toggle = (option) => /* @__PURE__ */ jsx78(
+    const toggle = (option) => /* @__PURE__ */ jsx79(
       ValueToggle,
       {
         option,
@@ -25940,7 +26106,7 @@ function Panel({ searchable }) {
       },
       option.value
     );
-    const more = collapsible ? /* @__PURE__ */ jsxs65(
+    const more = collapsible ? /* @__PURE__ */ jsxs66(
       Badge.Root,
       {
         size,
@@ -25948,25 +26114,25 @@ function Panel({ searchable }) {
         onPress: () => setExpanded((prev) => new Set(prev).add(field.key)),
         children: [
           formatLabel(labels.more, { count: matched.length - collapsedLimit }),
-          /* @__PURE__ */ jsx78(Badge.Icon, { children: /* @__PURE__ */ jsx78(Icon, { name: "nav.chevronDown" }) })
+          /* @__PURE__ */ jsx79(Badge.Icon, { children: /* @__PURE__ */ jsx79(Icon, { name: "nav.chevronDown" }) })
         ]
       }
     ) : null;
     sections.push({
       key: `field:${field.key}`,
-      node: /* @__PURE__ */ jsxs65("div", { className: SmartFilter_default.row, "data-field": field.key, children: [
-        /* @__PURE__ */ jsx78(Typography, { as: "span", variant: "body-s", tone: "secondary", children: field.label }),
-        groups.some((g) => g.label !== void 0) ? /* @__PURE__ */ jsx78("div", { className: SmartFilter_default.groups, children: groups.map((group, index) => (
+      node: /* @__PURE__ */ jsxs66("div", { className: SmartFilter_default.row, "data-field": field.key, children: [
+        /* @__PURE__ */ jsx79(Typography, { as: "span", variant: "body-s", tone: "secondary", children: field.label }),
+        groups.some((g) => g.label !== void 0) ? /* @__PURE__ */ jsx79("div", { className: SmartFilter_default.groups, children: groups.map((group, index) => (
           // biome-ignore lint/a11y/useSemanticElements: a labelled set of toggles, not a form fieldset
-          /* @__PURE__ */ jsxs65(
+          /* @__PURE__ */ jsxs66(
             "div",
             {
               className: SmartFilter_default.group,
               role: "group",
               "aria-label": group.label,
               children: [
-                group.label !== void 0 ? /* @__PURE__ */ jsx78(Typography, { as: "span", variant: "caption", tone: "muted", children: group.label }) : null,
-                /* @__PURE__ */ jsxs65("div", { className: SmartFilter_default.values, children: [
+                group.label !== void 0 ? /* @__PURE__ */ jsx79(Typography, { as: "span", variant: "caption", tone: "muted", children: group.label }) : null,
+                /* @__PURE__ */ jsxs66("div", { className: SmartFilter_default.values, children: [
                   group.options.map(toggle),
                   index === groups.length - 1 ? more : null
                 ] })
@@ -25974,7 +26140,7 @@ function Panel({ searchable }) {
             },
             group.label ?? `group-${index}`
           )
-        )) }) : /* @__PURE__ */ jsxs65("div", { className: SmartFilter_default.values, children: [
+        )) }) : /* @__PURE__ */ jsxs66("div", { className: SmartFilter_default.values, children: [
           shown.map(toggle),
           more
         ] })
@@ -25984,21 +26150,21 @@ function Panel({ searchable }) {
   if (empty.length > 0) {
     sections.push({
       key: "empty",
-      node: /* @__PURE__ */ jsx78(EmptyPage.Root, { layout: "compact", size, role: "status", children: /* @__PURE__ */ jsx78(EmptyPage.Description, { children: formatLabel(labels.noMatches, { fields: empty.join(", ") }) }) })
+      node: /* @__PURE__ */ jsx79(EmptyPage.Root, { layout: "compact", size, role: "status", children: /* @__PURE__ */ jsx79(EmptyPage.Description, { children: formatLabel(labels.noMatches, { fields: empty.join(", ") }) }) })
     });
   }
   sections.push({
     key: "footer",
-    node: /* @__PURE__ */ jsxs65("div", { className: SmartFilter_default.footer, children: [
-      /* @__PURE__ */ jsx78(Typography, { as: "span", variant: "caption", tone: "muted", className: SmartFilter_default.hint, children: labels.hint }),
-      /* @__PURE__ */ jsx78(Typography, { as: "span", variant: "caption", tone: "muted", children: formatLabel(labels.count, { count: total }) }),
-      total > 0 && /* @__PURE__ */ jsx78(Button.Root, { variant: "ghost", tone: "neutral", size: "xs", onClick: clearAll, children: labels.reset })
+    node: /* @__PURE__ */ jsxs66("div", { className: SmartFilter_default.footer, children: [
+      /* @__PURE__ */ jsx79(Typography, { as: "span", variant: "caption", tone: "muted", className: SmartFilter_default.hint, children: labels.hint }),
+      /* @__PURE__ */ jsx79(Typography, { as: "span", variant: "caption", tone: "muted", children: formatLabel(labels.count, { count: total }) }),
+      total > 0 && /* @__PURE__ */ jsx79(Button.Root, { variant: "ghost", tone: "neutral", size: "xs", onClick: clearAll, children: labels.reset })
     ] })
   });
-  return /* @__PURE__ */ jsxs65(Fragment32, { children: [
-    /* @__PURE__ */ jsx78(Popover.Title, { children: /* @__PURE__ */ jsx78(VisuallyHidden, { children: labels.filter }) }),
-    sections.map((section, index) => /* @__PURE__ */ jsxs65(React85.Fragment, { children: [
-      index > 0 && /* @__PURE__ */ jsx78(Divider, { role: "presentation" }),
+  return /* @__PURE__ */ jsxs66(Fragment33, { children: [
+    /* @__PURE__ */ jsx79(Popover.Title, { children: /* @__PURE__ */ jsx79(VisuallyHidden, { children: labels.filter }) }),
+    sections.map((section, index) => /* @__PURE__ */ jsxs66(React86.Fragment, { children: [
+      index > 0 && /* @__PURE__ */ jsx79(Divider, { role: "presentation" }),
       section.node
     ] }, section.key))
   ] });
@@ -26018,8 +26184,8 @@ function NumberRange({
   const { labels, size } = useSmartFilter();
   const from = range?.from ?? null;
   const to = range?.to ?? null;
-  const [draft, setDraft] = React85.useState({ from: boundText(from), to: boundText(to) });
-  const [seen, setSeen] = React85.useState({ from, to });
+  const [draft, setDraft] = React86.useState({ from: boundText(from), to: boundText(to) });
+  const [seen, setSeen] = React86.useState({ from, to });
   if (seen.from !== from || seen.to !== to) {
     setSeen({ from, to });
     if (parseBound(draft.from) !== from || parseBound(draft.to) !== to) {
@@ -26027,7 +26193,7 @@ function NumberRange({
     }
   }
   const invalid = from !== null && to !== null && from > to;
-  const bound = (side) => /* @__PURE__ */ jsx78(Input.Root, { size, invalid, className: SmartFilter_default.bound, children: /* @__PURE__ */ jsx78(Input.Wrapper, { children: /* @__PURE__ */ jsx78(
+  const bound = (side) => /* @__PURE__ */ jsx79(Input.Root, { size, invalid, className: SmartFilter_default.bound, children: /* @__PURE__ */ jsx79(Input.Wrapper, { children: /* @__PURE__ */ jsx79(
     Input.Field,
     {
       inputMode: "decimal",
@@ -26045,9 +26211,9 @@ function NumberRange({
       }
     }
   ) }) });
-  return /* @__PURE__ */ jsxs65("div", { className: SmartFilter_default.range, children: [
+  return /* @__PURE__ */ jsxs66("div", { className: SmartFilter_default.range, children: [
     bound("from"),
-    /* @__PURE__ */ jsx78("span", { className: SmartFilter_default.rangeDash, "aria-hidden": "true", children: "\u2013" }),
+    /* @__PURE__ */ jsx79("span", { className: SmartFilter_default.rangeDash, "aria-hidden": "true", children: "\u2013" }),
     bound("to")
   ] });
 }
@@ -26062,7 +26228,7 @@ var TIER_BELOW = {
 };
 function ValueToggle({ option, size, mode, single, canHide, query, onMode }) {
   const { labels } = useSmartFilter();
-  return /* @__PURE__ */ jsxs65(
+  return /* @__PURE__ */ jsxs66(
     Badge.Root,
     {
       size: tagSizeOf(size),
@@ -26079,9 +26245,9 @@ function ValueToggle({ option, size, mode, single, canHide, query, onMode }) {
       },
       children: [
         mode === "exclude" && `${labels.not} `,
-        option.icon ? /* @__PURE__ */ jsx78(Badge.Icon, { children: option.icon }) : null,
-        /* @__PURE__ */ jsx78("span", { children: /* @__PURE__ */ jsx78(HighlightMatch, { text: option.label, query }) }),
-        single ? null : /* @__PURE__ */ jsx78(
+        option.icon ? /* @__PURE__ */ jsx79(Badge.Icon, { children: option.icon }) : null,
+        /* @__PURE__ */ jsx79("span", { children: /* @__PURE__ */ jsx79(HighlightMatch, { text: option.label, query }) }),
+        single ? null : /* @__PURE__ */ jsx79(
           Badge.Action,
           {
             label: formatLabel(mode === "exclude" ? labels.unhideValue : labels.hideValue, {
@@ -26101,7 +26267,7 @@ function SmartFilterChips({ className, ...rest }) {
   const { fields, value, setEntry, total, clearAll, setOpen, setSearch, labels, size } = useSmartFilter();
   if (total === 0) return null;
   const tagSize = tagSizeOf(size);
-  const chip = (key, text, negated, onRemove) => /* @__PURE__ */ jsx78(
+  const chip = (key, text, negated, onRemove) => /* @__PURE__ */ jsx79(
     Badge.Root,
     {
       size: tagSize,
@@ -26113,7 +26279,7 @@ function SmartFilterChips({ className, ...rest }) {
     },
     key
   );
-  return /* @__PURE__ */ jsxs65("div", { ...rest, className: cx(SmartFilter_default.chips, className), "data-slot": "smart-filter-chips", children: [
+  return /* @__PURE__ */ jsxs66("div", { ...rest, className: cx(SmartFilter_default.chips, className), "data-slot": "smart-filter-chips", children: [
     fields.flatMap((field) => {
       const entry = value[field.key];
       if (!entry) return [];
@@ -26147,7 +26313,7 @@ function SmartFilterChips({ className, ...rest }) {
         ...selection.exclude.map((v) => tag(v, true))
       ];
     }),
-    /* @__PURE__ */ jsxs65(
+    /* @__PURE__ */ jsxs66(
       Badge.Root,
       {
         size: tagSize,
@@ -26156,12 +26322,12 @@ function SmartFilterChips({ className, ...rest }) {
           setOpen(true);
         },
         children: [
-          /* @__PURE__ */ jsx78(Badge.Icon, { children: /* @__PURE__ */ jsx78(Icon, { name: "action.add" }) }),
+          /* @__PURE__ */ jsx79(Badge.Icon, { children: /* @__PURE__ */ jsx79(Icon, { name: "action.add" }) }),
           labels.add
         ]
       }
     ),
-    /* @__PURE__ */ jsx78(LinkButton, { asChild: true, tone: "neutral", size: TIER_BELOW[tagSize], className: SmartFilter_default.clearAll, children: /* @__PURE__ */ jsx78("button", { type: "button", onClick: clearAll, children: labels.clearAll }) })
+    /* @__PURE__ */ jsx79(LinkButton, { asChild: true, tone: "neutral", size: TIER_BELOW[tagSize], className: SmartFilter_default.clearAll, children: /* @__PURE__ */ jsx79("button", { type: "button", onClick: clearAll, children: labels.clearAll }) })
   ] });
 }
 SmartFilterChips.displayName = "SmartFilter.Chips";
@@ -26172,7 +26338,7 @@ var SmartFilter = {
 };
 
 // src/components/sparkline/Sparkline.tsx
-import * as React86 from "react";
+import * as React87 from "react";
 
 // src/components/sparkline/Sparkline.module.css
 var Sparkline_default = {
@@ -26201,7 +26367,7 @@ var Sparkline_default = {
 };
 
 // src/components/sparkline/Sparkline.tsx
-import { Fragment as Fragment33, jsx as jsx79, jsxs as jsxs66 } from "react/jsx-runtime";
+import { Fragment as Fragment34, jsx as jsx80, jsxs as jsxs67 } from "react/jsx-runtime";
 var SPARKLINE_LABELS = { point: "{label}: {value}" };
 var NUMBER3 = new Intl.NumberFormat("ru-RU");
 var PERCENT = new Intl.NumberFormat("ru-RU", { maximumFractionDigits: 1 });
@@ -26227,11 +26393,11 @@ function Sparkline({
   const labels = { ...SPARKLINE_LABELS, ...labelsProp };
   const last = data.length - 1;
   const restIndex = highlight !== void 0 && highlight >= 0 && highlight <= last ? Math.floor(highlight) : last;
-  const [active, setActive] = React86.useState(null);
+  const [active, setActive] = React87.useState(null);
   const index = active === null ? restIndex : Math.min(active, last);
   const point = data[index];
   const bars = variant === "bars";
-  const [series, setSeries] = React86.useState({ data, version: 0 });
+  const [series, setSeries] = React87.useState({ data, version: 0 });
   if (series.data !== data) setSeries({ data, version: series.version + 1 });
   const version = series.data === data ? series.version : series.version + 1;
   const swapped = useStateSwap(loading ? "loading" : version);
@@ -26254,16 +26420,16 @@ function Sparkline({
   const change = changeAt(data, index);
   const valueText = point ? formatValue(point.value) : "";
   if (loading) {
-    return /* @__PURE__ */ jsxs66("div", { ...rest, ref, className: cx(Sparkline_default.root, className), "aria-busy": "true", children: [
-      /* @__PURE__ */ jsxs66("div", { className: Sparkline_default.head, children: [
-        /* @__PURE__ */ jsx79("span", { className: Sparkline_default.label, children: label }),
-        /* @__PURE__ */ jsx79(Skeleton, { shape: "text", size: "s", className: cx(Sparkline_default.dateSkeleton, swapClass) })
+    return /* @__PURE__ */ jsxs67("div", { ...rest, ref, className: cx(Sparkline_default.root, className), "aria-busy": "true", children: [
+      /* @__PURE__ */ jsxs67("div", { className: Sparkline_default.head, children: [
+        /* @__PURE__ */ jsx80("span", { className: Sparkline_default.label, children: label }),
+        /* @__PURE__ */ jsx80(Skeleton, { shape: "text", size: "s", className: cx(Sparkline_default.dateSkeleton, swapClass) })
       ] }),
-      /* @__PURE__ */ jsx79(Skeleton, { shape: "block", className: cx(Sparkline_default.valueSkeleton, swapClass) }),
-      /* @__PURE__ */ jsx79(Skeleton, { shape: "block", className: cx(Sparkline_default.plotSkeleton, swapClass) })
+      /* @__PURE__ */ jsx80(Skeleton, { shape: "block", className: cx(Sparkline_default.valueSkeleton, swapClass) }),
+      /* @__PURE__ */ jsx80(Skeleton, { shape: "block", className: cx(Sparkline_default.plotSkeleton, swapClass) })
     ] });
   }
-  return /* @__PURE__ */ jsxs66(
+  return /* @__PURE__ */ jsxs67(
     "div",
     {
       ...rest,
@@ -26272,18 +26438,18 @@ function Sparkline({
       "data-scrubbing": active !== null || void 0,
       "data-variant": variant,
       children: [
-        /* @__PURE__ */ jsxs66("div", { className: Sparkline_default.head, children: [
-          /* @__PURE__ */ jsx79("span", { className: Sparkline_default.label, children: label }),
-          /* @__PURE__ */ jsx79("span", { className: Sparkline_default.date, children: point?.label })
+        /* @__PURE__ */ jsxs67("div", { className: Sparkline_default.head, children: [
+          /* @__PURE__ */ jsx80("span", { className: Sparkline_default.label, children: label }),
+          /* @__PURE__ */ jsx80("span", { className: Sparkline_default.date, children: point?.label })
         ] }),
-        /* @__PURE__ */ jsxs66("div", { className: Sparkline_default.valueRow, children: [
-          /* @__PURE__ */ jsx79("span", { className: Sparkline_default.value, children: active === null ? /* @__PURE__ */ jsx79(RollingNumber, { children: valueText }) : valueText }),
-          change !== null ? /* @__PURE__ */ jsxs66(Badge.Root, { color: change < 0 ? "red" : "green", className: Sparkline_default.change, children: [
-            /* @__PURE__ */ jsx79(Badge.Icon, { className: Sparkline_default.trend, "data-down": change < 0 || void 0, children: /* @__PURE__ */ jsx79(Icon, { name: "status.trendUp" }) }),
+        /* @__PURE__ */ jsxs67("div", { className: Sparkline_default.valueRow, children: [
+          /* @__PURE__ */ jsx80("span", { className: Sparkline_default.value, children: active === null ? /* @__PURE__ */ jsx80(RollingNumber, { children: valueText }) : valueText }),
+          change !== null ? /* @__PURE__ */ jsxs67(Badge.Root, { color: change < 0 ? "red" : "green", className: Sparkline_default.change, children: [
+            /* @__PURE__ */ jsx80(Badge.Icon, { className: Sparkline_default.trend, "data-down": change < 0 || void 0, children: /* @__PURE__ */ jsx80(Icon, { name: "status.trendUp" }) }),
             `${change > 0 ? "+" : change < 0 ? "\u2212" : ""}${PERCENT.format(Math.abs(change))}%`
           ] }) : null
         ] }),
-        /* @__PURE__ */ jsxs66(
+        /* @__PURE__ */ jsxs67(
           "div",
           {
             className: Sparkline_default.plot,
@@ -26312,8 +26478,8 @@ function Sparkline({
             },
             onBlur: () => setActive(null),
             children: [
-              bars ? /* @__PURE__ */ jsxs66("div", { className: cx(Sparkline_default.bars, swapClass), "aria-hidden": "true", children: [
-                /* @__PURE__ */ jsx79(
+              bars ? /* @__PURE__ */ jsxs67("div", { className: cx(Sparkline_default.bars, swapClass), "aria-hidden": "true", children: [
+                /* @__PURE__ */ jsx80(
                   "span",
                   {
                     className: Sparkline_default.baseline,
@@ -26323,7 +26489,7 @@ function Sparkline({
                 data.map((p, i) => {
                   const top = Math.min(y(p.value), zero);
                   const height = Math.abs(zero - y(p.value));
-                  return /* @__PURE__ */ jsx79(
+                  return /* @__PURE__ */ jsx80(
                     "span",
                     {
                       className: Sparkline_default.slot,
@@ -26331,7 +26497,7 @@ function Sparkline({
                         current: i === index || void 0,
                         quiet: (active !== null || highlight !== void 0) && i !== index ? true : void 0
                       }),
-                      children: /* @__PURE__ */ jsx79(
+                      children: /* @__PURE__ */ jsx80(
                         "span",
                         {
                           className: Sparkline_default.bar,
@@ -26346,29 +26512,29 @@ function Sparkline({
                     i
                   );
                 })
-              ] }, version) : /* @__PURE__ */ jsx79(
+              ] }, version) : /* @__PURE__ */ jsx80(
                 "svg",
                 {
                   className: cx(Sparkline_default.svg, swapClass),
                   viewBox: "0 0 100 100",
                   preserveAspectRatio: "none",
                   "aria-hidden": "true",
-                  children: data.length > 1 ? /* @__PURE__ */ jsxs66(Fragment33, { children: [
-                    /* @__PURE__ */ jsx79("path", { className: Sparkline_default.area, d: `${line}L100,100L0,100Z` }),
-                    /* @__PURE__ */ jsx79("path", { className: Sparkline_default.line, d: line })
+                  children: data.length > 1 ? /* @__PURE__ */ jsxs67(Fragment34, { children: [
+                    /* @__PURE__ */ jsx80("path", { className: Sparkline_default.area, d: `${line}L100,100L0,100Z` }),
+                    /* @__PURE__ */ jsx80("path", { className: Sparkline_default.line, d: line })
                   ] }) : null
                 },
                 version
               ),
-              point && !bars ? /* @__PURE__ */ jsxs66(
+              point && !bars ? /* @__PURE__ */ jsxs67(
                 "span",
                 {
                   className: Sparkline_default.cursor,
                   "aria-hidden": "true",
                   style: { "--sparkline-x": x(index), "--sparkline-y": y(point.value) },
                   children: [
-                    /* @__PURE__ */ jsx79("span", { className: Sparkline_default.guide }),
-                    /* @__PURE__ */ jsx79("span", { className: Sparkline_default.dot })
+                    /* @__PURE__ */ jsx80("span", { className: Sparkline_default.guide }),
+                    /* @__PURE__ */ jsx80("span", { className: Sparkline_default.dot })
                   ]
                 }
               ) : null
@@ -26381,7 +26547,7 @@ function Sparkline({
 }
 
 // src/components/stepper/Stepper.tsx
-import * as React87 from "react";
+import * as React88 from "react";
 
 // src/components/stepper/Stepper.module.css
 var Stepper_default = {
@@ -26399,10 +26565,10 @@ var Stepper_default = {
 };
 
 // src/components/stepper/Stepper.tsx
-import { jsx as jsx80, jsxs as jsxs67 } from "react/jsx-runtime";
+import { jsx as jsx81, jsxs as jsxs68 } from "react/jsx-runtime";
 var [StepperRootProvider, useStepperRootContext] = createComponentContext("Stepper");
 var [StepperItemProvider, useStepperItemContext] = createComponentContext("Stepper.Item");
-var StepperIndexContext = React87.createContext(null);
+var StepperIndexContext = React88.createContext(null);
 function deriveStatus(index, current) {
   if (index < current) return "completed";
   if (index === current) return "active";
@@ -26423,21 +26589,21 @@ function StepperRoot({
     defaultValue,
     onChange: onValueChange
   });
-  const contextValue = React87.useMemo(() => ({ value, select: setValue }), [value, setValue]);
+  const contextValue = React88.useMemo(() => ({ value, select: setValue }), [value, setValue]);
   let nextIndex = 0;
   const items = [];
-  for (const child of React87.Children.toArray(children)) {
-    if (!React87.isValidElement(child) || child.type !== StepperItem) {
+  for (const child of React88.Children.toArray(children)) {
+    if (!React88.isValidElement(child) || child.type !== StepperItem) {
       items.push(child);
       continue;
     }
     const index = nextIndex;
     nextIndex += 1;
     items.push(
-      /* @__PURE__ */ jsx80(StepperIndexContext.Provider, { value: index, children: child }, child.key)
+      /* @__PURE__ */ jsx81(StepperIndexContext.Provider, { value: index, children: child }, child.key)
     );
   }
-  return /* @__PURE__ */ jsx80(StepperRootProvider, { value: contextValue, children: /* @__PURE__ */ jsx80(ControlSizeProvider, { value: size, children: /* @__PURE__ */ jsx80(
+  return /* @__PURE__ */ jsx81(StepperRootProvider, { value: contextValue, children: /* @__PURE__ */ jsx81(ControlSizeProvider, { value: size, children: /* @__PURE__ */ jsx81(
     "ol",
     {
       ...rest,
@@ -26457,15 +26623,15 @@ function StepperItem({
   ...rest
 }) {
   const { value, select } = useStepperRootContext();
-  const index = React87.useContext(StepperIndexContext);
+  const index = React88.useContext(StepperIndexContext);
   if (index === null) {
     throw new Error("Stepper.Item must be a direct child of Stepper.Root");
   }
   const status = statusProp ?? deriveStatus(index, value);
-  const itemContext = React87.useMemo(() => ({ index, status }), [index, status]);
-  return /* @__PURE__ */ jsx80(StepperItemProvider, { value: itemContext, children: /* @__PURE__ */ jsxs67("li", { className: Stepper_default.item, children: [
-    /* @__PURE__ */ jsx80("span", { className: Stepper_default.separator, "aria-hidden": "true", children: /* @__PURE__ */ jsx80(Icon, { name: "nav.chevronRight", className: Stepper_default.separatorIcon, strokeWidth: 2 }) }),
-    /* @__PURE__ */ jsx80(
+  const itemContext = React88.useMemo(() => ({ index, status }), [index, status]);
+  return /* @__PURE__ */ jsx81(StepperItemProvider, { value: itemContext, children: /* @__PURE__ */ jsxs68("li", { className: Stepper_default.item, children: [
+    /* @__PURE__ */ jsx81("span", { className: Stepper_default.separator, "aria-hidden": "true", children: /* @__PURE__ */ jsx81(Icon, { name: "nav.chevronRight", className: Stepper_default.separatorIcon, strokeWidth: 2 }) }),
+    /* @__PURE__ */ jsx81(
       "button",
       {
         ...rest,
@@ -26486,32 +26652,32 @@ function StepperItem({
 StepperItem.displayName = "Stepper.Item";
 function StepperIndicator({ children, className, ...rest }) {
   const { status, index } = useStepperItemContext();
-  return /* @__PURE__ */ jsx80(
+  return /* @__PURE__ */ jsx81(
     "span",
     {
       ...rest,
       className: cx(Stepper_default.indicator, className),
       "data-status": status,
       "aria-hidden": "true",
-      children: children ?? (status === "completed" ? /* @__PURE__ */ jsx80(Icon, { name: "action.check", className: Stepper_default.check, strokeWidth: 2 }) : index + 1)
+      children: children ?? (status === "completed" ? /* @__PURE__ */ jsx81(Icon, { name: "action.check", className: Stepper_default.check, strokeWidth: 2 }) : index + 1)
     }
   );
 }
 StepperIndicator.displayName = "Stepper.Indicator";
 function StepperContent({ className, ...rest }) {
-  return /* @__PURE__ */ jsx80("span", { ...rest, className: cx(Stepper_default.content, className) });
+  return /* @__PURE__ */ jsx81("span", { ...rest, className: cx(Stepper_default.content, className) });
 }
 StepperContent.displayName = "Stepper.Content";
 function StepperTitle({ className, ...rest }) {
-  return /* @__PURE__ */ jsx80("span", { ...rest, className: cx(Stepper_default.title, className) });
+  return /* @__PURE__ */ jsx81("span", { ...rest, className: cx(Stepper_default.title, className) });
 }
 StepperTitle.displayName = "Stepper.Title";
 function StepperDescription({ className, ...rest }) {
-  return /* @__PURE__ */ jsx80("span", { ...rest, className: cx(Stepper_default.description, className) });
+  return /* @__PURE__ */ jsx81("span", { ...rest, className: cx(Stepper_default.description, className) });
 }
 StepperDescription.displayName = "Stepper.Description";
 function StepperArrow({ className, ...rest }) {
-  return /* @__PURE__ */ jsx80(
+  return /* @__PURE__ */ jsx81(
     Icon,
     {
       ...rest,
@@ -26541,7 +26707,7 @@ var Switch_default = {
 };
 
 // src/components/switch/Switch.tsx
-import { Fragment as Fragment34, jsx as jsx81, jsxs as jsxs68 } from "react/jsx-runtime";
+import { Fragment as Fragment35, jsx as jsx82, jsxs as jsxs69 } from "react/jsx-runtime";
 function SwitchRoot({
   id,
   checked: checkedProp,
@@ -26578,7 +26744,7 @@ function SwitchRoot({
     }
     changes.track(next, outcome, { onResolve: () => setStored(next) });
   };
-  return /* @__PURE__ */ jsx81(
+  return /* @__PURE__ */ jsx82(
     ChoiceField,
     {
       ids,
@@ -26589,8 +26755,8 @@ function SwitchRoot({
       hint,
       error,
       className: cx(Switch_default.root, className),
-      control: /* @__PURE__ */ jsxs68(Fragment34, { children: [
-        /* @__PURE__ */ jsx81(
+      control: /* @__PURE__ */ jsxs69(Fragment35, { children: [
+        /* @__PURE__ */ jsx82(
           "input",
           {
             ...inputRest,
@@ -26610,13 +26776,13 @@ function SwitchRoot({
             }
           }
         ),
-        /* @__PURE__ */ jsx81(
+        /* @__PURE__ */ jsx82(
           "span",
           {
             className: cx(choiceVisualClass, Switch_default.track),
             "data-loading": busy || void 0,
             "aria-hidden": "true",
-            children: /* @__PURE__ */ jsx81("span", { className: Switch_default.thumb, children: busy ? /* @__PURE__ */ jsx81(Spinner, { "aria-hidden": "true", className: cx(Switch_default.spinner, enterMotion_default.enter) }) : null })
+            children: /* @__PURE__ */ jsx82("span", { className: Switch_default.thumb, children: busy ? /* @__PURE__ */ jsx82(Spinner, { "aria-hidden": "true", className: cx(Switch_default.spinner, enterMotion_default.enter) }) : null })
           }
         )
       ] }),
@@ -26627,7 +26793,7 @@ function SwitchRoot({
 SwitchRoot.displayName = "Switch.Root";
 var takeNext = (_current, next) => next;
 function SwitchLabel(props) {
-  return /* @__PURE__ */ jsx81(ChoiceLabel, { ...props });
+  return /* @__PURE__ */ jsx82(ChoiceLabel, { ...props });
 }
 SwitchLabel.displayName = "Switch.Label";
 var Switch = {
@@ -26636,7 +26802,7 @@ var Switch = {
 };
 
 // src/components/tabs/Tabs.tsx
-import * as React88 from "react";
+import * as React89 from "react";
 
 // src/components/tabs/Tabs.module.css
 var Tabs_default = {
@@ -26661,13 +26827,13 @@ var Tabs_default = {
 };
 
 // src/components/tabs/Tabs.tsx
-import { jsx as jsx82, jsxs as jsxs69 } from "react/jsx-runtime";
+import { jsx as jsx83, jsxs as jsxs70 } 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"
 };
 var [TabsProvider, useTabsContext] = createComponentContext("Tabs");
-var CollapseContext = React88.createContext("full");
-var TabIdContext = React88.createContext(null);
+var CollapseContext = React89.createContext("full");
+var TabIdContext = React89.createContext(null);
 var idPart = (value) => value.replace(/[^A-Za-z0-9_-]/g, "_");
 var tabId = (rootId, value) => `prime-ui-kit-tab-${rootId}-${idPart(value)}`;
 var panelId = (rootId, value) => `prime-ui-kit-panel-${rootId}-${idPart(value)}`;
@@ -26688,15 +26854,15 @@ function TabsRoot({
   style,
   ...rest
 }) {
-  const rootId = React88.useId();
+  const rootId = React89.useId();
   const [activeValue, setActiveValue] = useControllableState({
     value,
     defaultValue,
     onChange: onValueChange
   });
   const removeLabel = labels?.remove ?? TABS_LABELS.remove;
-  const userChangeRef = React88.useRef(false);
-  const select = React88.useCallback(
+  const userChangeRef = React89.useRef(false);
+  const select = React89.useCallback(
     (next) => {
       if (next === activeValue) return;
       userChangeRef.current = true;
@@ -26704,7 +26870,7 @@ function TabsRoot({
     },
     [activeValue, setActiveValue]
   );
-  const context = React88.useMemo(
+  const context = React89.useMemo(
     () => ({
       activeValue,
       select,
@@ -26720,14 +26886,14 @@ function TabsRoot({
     ...minItemWidth !== void 0 && { "--tabs-item-min": cssLength(minItemWidth) },
     ...maxItemWidth !== void 0 && { "--tabs-item-max": cssLength(maxItemWidth) }
   };
-  return /* @__PURE__ */ jsx82(TabsProvider, { value: context, children: /* @__PURE__ */ jsx82(
+  return /* @__PURE__ */ jsx83(TabsProvider, { value: context, children: /* @__PURE__ */ jsx83(
     "div",
     {
       ...rest,
       className: cx(Tabs_default.root, className),
       style: { ...style, ...widths },
       ...toDataAttributes({ orientation, size, tone, "full-width": fullWidth }),
-      children: /* @__PURE__ */ jsx82("div", { className: Tabs_default.layout, children })
+      children: /* @__PURE__ */ jsx83("div", { className: Tabs_default.layout, children })
     }
   ) });
 }
@@ -26833,8 +26999,8 @@ function revealActive(list, smooth) {
   list.scrollTo({ left, behavior: smooth ? "smooth" : "auto" });
 }
 function useListLayout(listRef, indicatorRef, userChangeRef, activeValue, horizontal) {
-  const [collapse, setCollapse] = React88.useState("full");
-  React88.useLayoutEffect(() => {
+  const [collapse, setCollapse] = React89.useState("full");
+  React89.useLayoutEffect(() => {
     const list = listRef.current;
     const indicator = indicatorRef.current;
     if (!list || !indicator) return;
@@ -26871,15 +27037,15 @@ function useListLayout(listRef, indicatorRef, userChangeRef, activeValue, horizo
       resize?.disconnect();
     };
   }, [listRef, indicatorRef, userChangeRef, activeValue, horizontal]);
-  React88.useLayoutEffect(() => {
+  React89.useLayoutEffect(() => {
     userChangeRef.current = false;
   });
   return collapse;
 }
 function TabsList({ children, className, ref, ...rest }) {
   const { orientation, activeValue, select, userChangeRef, size } = useTabsContext();
-  const listRef = React88.useRef(null);
-  const indicatorRef = React88.useRef(null);
+  const listRef = React89.useRef(null);
+  const indicatorRef = React89.useRef(null);
   const mergedRef = useMergedRefs(listRef, ref);
   const horizontal = orientation === "horizontal";
   const collapse = useListLayout(listRef, indicatorRef, userChangeRef, activeValue, horizontal);
@@ -26898,7 +27064,7 @@ function TabsList({ children, className, ref, ...rest }) {
   }
   return (
     // The strip paints the band; the list inside scrolls and fades over it, the band never fades.
-    /* @__PURE__ */ jsx82("div", { className: Tabs_default.strip, children: /* @__PURE__ */ jsxs69(
+    /* @__PURE__ */ jsx83("div", { className: Tabs_default.strip, children: /* @__PURE__ */ jsxs70(
       ScrollContainer,
       {
         ...rest,
@@ -26912,7 +27078,7 @@ function TabsList({ children, className, ref, ...rest }) {
         "data-collapse": collapse,
         onKeyDown: handleKeyDown,
         children: [
-          /* @__PURE__ */ jsx82(
+          /* @__PURE__ */ jsx83(
             "div",
             {
               ref: indicatorRef,
@@ -26926,7 +27092,7 @@ function TabsList({ children, className, ref, ...rest }) {
               }
             }
           ),
-          /* @__PURE__ */ jsx82(ControlSizeProvider, { value: size, children: /* @__PURE__ */ jsx82(CollapseContext.Provider, { value: collapse, children }) })
+          /* @__PURE__ */ jsx83(ControlSizeProvider, { value: size, children: /* @__PURE__ */ jsx83(CollapseContext.Provider, { value: collapse, children }) })
         ]
       }
     ) })
@@ -26934,23 +27100,23 @@ function TabsList({ children, className, ref, ...rest }) {
 }
 TabsList.displayName = "Tabs.List";
 function hasChildOfType2(children, type) {
-  return React88.Children.toArray(children).some(
-    (child) => React88.isValidElement(child) && child.type === type
+  return React89.Children.toArray(children).some(
+    (child) => React89.isValidElement(child) && child.type === type
   );
 }
 function labelOf(children) {
-  for (const child of React88.Children.toArray(children)) {
+  for (const child of React89.Children.toArray(children)) {
     if (typeof child === "string" || typeof child === "number") return child;
-    if (React88.isValidElement(child) && child.type === TabsLabel) {
+    if (React89.isValidElement(child) && child.type === TabsLabel) {
       return child.props.children;
     }
   }
   return null;
 }
 function wrapText2(children) {
-  return React88.Children.map(
+  return React89.Children.map(
     children,
-    (child) => (typeof child === "string" || typeof child === "number") && String(child).trim() !== "" ? /* @__PURE__ */ jsx82(TabsLabel, { children: child }) : child
+    (child) => (typeof child === "string" || typeof child === "number") && String(child).trim() !== "" ? /* @__PURE__ */ jsx83(TabsLabel, { children: child }) : child
   );
 }
 function TabsItem({
@@ -26966,10 +27132,10 @@ function TabsItem({
   ...rest
 }) {
   const { activeValue, select, size, rootId, labels } = useTabsContext();
-  const collapse = React88.useContext(CollapseContext);
-  const [tooltipOpen, setTooltipOpen] = React88.useState(false);
-  const [removing, setRemoving] = React88.useState(false);
-  const tabRef = React88.useRef(null);
+  const collapse = React89.useContext(CollapseContext);
+  const [tooltipOpen, setTooltipOpen] = React89.useState(false);
+  const [removing, setRemoving] = React89.useState(false);
+  const tabRef = React89.useRef(null);
   const mergedRef = useMergedRefs(tabRef, ref);
   const isActive = activeValue === value;
   const id = tabId(rootId, value);
@@ -27012,7 +27178,7 @@ function TabsItem({
       () => setRemoving(false)
     );
   }
-  return /* @__PURE__ */ jsxs69(
+  return /* @__PURE__ */ jsxs70(
     "div",
     {
       className: Tabs_default.item,
@@ -27023,8 +27189,8 @@ function TabsItem({
         removable: removable || void 0
       }),
       children: [
-        /* @__PURE__ */ jsxs69(Tooltip.Root, { open: iconOnly && tooltipOpen, onOpenChange: setTooltipOpen, children: [
-          /* @__PURE__ */ jsx82(Tooltip.Trigger, { children: /* @__PURE__ */ jsx82(
+        /* @__PURE__ */ jsxs70(Tooltip.Root, { open: iconOnly && tooltipOpen, onOpenChange: setTooltipOpen, children: [
+          /* @__PURE__ */ jsx83(Tooltip.Trigger, { children: /* @__PURE__ */ jsx83(
             "button",
             {
               ...rest,
@@ -27065,14 +27231,14 @@ function TabsItem({
                 event.preventDefault();
                 remove();
               },
-              children: /* @__PURE__ */ jsx82("span", { className: Tabs_default.content, children: /* @__PURE__ */ jsx82(TabIdContext.Provider, { value: id, children: wrapText2(children) }) })
+              children: /* @__PURE__ */ jsx83("span", { className: Tabs_default.content, children: /* @__PURE__ */ jsx83(TabIdContext.Provider, { value: id, children: wrapText2(children) }) })
             }
           ) }),
-          iconOnly ? /* @__PURE__ */ jsx82(Tooltip.Content, { children: label }) : null
+          iconOnly ? /* @__PURE__ */ jsx83(Tooltip.Content, { children: label }) : null
         ] }),
         removable ? (
           // Out of the tab order: the focused tab closes with Delete; the button is for the pointer.
-          /* @__PURE__ */ jsx82("span", { className: Tabs_default.remove, children: /* @__PURE__ */ jsx82(
+          /* @__PURE__ */ jsx83("span", { className: Tabs_default.remove, children: /* @__PURE__ */ jsx83(
             Button.Root,
             {
               variant: "ghost",
@@ -27082,7 +27248,7 @@ function TabsItem({
               loading: removing,
               "aria-label": formatLabel(labels.remove, { label: labelText }),
               onClick: remove,
-              children: /* @__PURE__ */ jsx82(Button.Icon, { children: /* @__PURE__ */ jsx82(Icon, { name: "action.close" }) })
+              children: /* @__PURE__ */ jsx83(Button.Icon, { children: /* @__PURE__ */ jsx83(Icon, { name: "action.close" }) })
             }
           ) })
         ) : null
@@ -27092,27 +27258,27 @@ function TabsItem({
 }
 TabsItem.displayName = "Tabs.Item";
 function TabsIcon({ children, className, ...rest }) {
-  return /* @__PURE__ */ jsx82("span", { className: cx(Tabs_default.icon, className), "aria-hidden": "true", ...rest, children });
+  return /* @__PURE__ */ jsx83("span", { className: cx(Tabs_default.icon, className), "aria-hidden": "true", ...rest, children });
 }
 TabsIcon.displayName = "Tabs.Icon";
 function TabsLabel({ children, className, ...rest }) {
-  const id = React88.useContext(TabIdContext);
+  const id = React89.useContext(TabIdContext);
   const text = typeof children === "string" || typeof children === "number" ? String(children) : "";
-  return /* @__PURE__ */ jsx82(
+  return /* @__PURE__ */ jsx83(
     "span",
     {
       id: id ? `${id}-label` : void 0,
       className: cx(Tabs_default.label, className),
       "data-text": text || void 0,
       ...rest,
-      children: /* @__PURE__ */ jsx82("span", { className: Tabs_default.labelText, children })
+      children: /* @__PURE__ */ jsx83("span", { className: Tabs_default.labelText, children })
     }
   );
 }
 TabsLabel.displayName = "Tabs.Label";
 function TabsCount({ color = "gray", children, className, ...rest }) {
-  const id = React88.useContext(TabIdContext);
-  return /* @__PURE__ */ jsx82(
+  const id = React89.useContext(TabIdContext);
+  return /* @__PURE__ */ jsx83(
     Badge.Root,
     {
       ...rest,
@@ -27125,8 +27291,8 @@ function TabsCount({ color = "gray", children, className, ...rest }) {
 }
 TabsCount.displayName = "Tabs.Count";
 function TabsDescription({ children, className, ...rest }) {
-  const id = React88.useContext(TabIdContext);
-  return /* @__PURE__ */ jsx82(
+  const id = React89.useContext(TabIdContext);
+  return /* @__PURE__ */ jsx83(
     "span",
     {
       id: id ? `${id}-description` : void 0,
@@ -27139,7 +27305,7 @@ function TabsDescription({ children, className, ...rest }) {
 TabsDescription.displayName = "Tabs.Description";
 function TabsSeparator({ className, ...rest }) {
   const { orientation } = useTabsContext();
-  return /* @__PURE__ */ jsx82(
+  return /* @__PURE__ */ jsx83(
     Divider,
     {
       ...rest,
@@ -27154,7 +27320,7 @@ TabsSeparator.displayName = "Tabs.Separator";
 function TabsPanel({ value, children, className, ...rest }) {
   const { activeValue, rootId } = useTabsContext();
   if (activeValue !== value) return null;
-  return /* @__PURE__ */ jsx82(
+  return /* @__PURE__ */ jsx83(
     "div",
     {
       ...rest,
@@ -27163,7 +27329,7 @@ function TabsPanel({ value, children, className, ...rest }) {
       "aria-labelledby": tabId(rootId, value),
       tabIndex: 0,
       className: cx(Tabs_default.panel, className),
-      children: /* @__PURE__ */ jsx82("div", { className: cx(Tabs_default.panelContent, enterMotion_default.enterBase), children })
+      children: /* @__PURE__ */ jsx83("div", { className: cx(Tabs_default.panelContent, enterMotion_default.enterBase), children })
     }
   );
 }
@@ -27181,10 +27347,10 @@ var Tabs = {
 };
 
 // src/components/tag-select/TagSelect.tsx
-import * as React92 from "react";
+import * as React93 from "react";
 
 // src/components/tag-select/TagOptionMenu.tsx
-import * as React89 from "react";
+import * as React90 from "react";
 
 // src/components/tag-select/TagSelect.module.css
 var TagSelect_default = {
@@ -27213,7 +27379,7 @@ var TagSelect_default = {
 };
 
 // src/components/tag-select/TagOptionMenu.tsx
-import { Fragment as Fragment35, jsx as jsx83, jsxs as jsxs70 } from "react/jsx-runtime";
+import { Fragment as Fragment36, jsx as jsx84, jsxs as jsxs71 } from "react/jsx-runtime";
 var TAG_COLORS = [
   "gray",
   "red",
@@ -27239,8 +27405,8 @@ function TagOptionMenu({
   pending,
   saving
 }) {
-  const [draft, setDraft] = React89.useState(label);
-  React89.useEffect(() => {
+  const [draft, setDraft] = React90.useState(label);
+  React90.useEffect(() => {
     if (open) setDraft(label);
   }, [open, label]);
   const commitLabel = () => {
@@ -27248,8 +27414,8 @@ function TagOptionMenu({
     if (next && next !== label) onUpdate?.(value, { label: next });
     if (!next) setDraft(label);
   };
-  return /* @__PURE__ */ jsxs70(Popover.Root, { open, onOpenChange, children: [
-    /* @__PURE__ */ jsx83(Popover.Trigger, { children: /* @__PURE__ */ jsx83(
+  return /* @__PURE__ */ jsxs71(Popover.Root, { open, onOpenChange, children: [
+    /* @__PURE__ */ jsx84(Popover.Trigger, { children: /* @__PURE__ */ jsx84(
       Button.Root,
       {
         variant: "ghost",
@@ -27260,11 +27426,11 @@ function TagOptionMenu({
         loading: pending || saving,
         className: TagSelect_default.menuTrigger,
         onMouseDown: (event) => event.preventDefault(),
-        children: /* @__PURE__ */ jsx83(Button.Icon, { children: /* @__PURE__ */ jsx83(Icon, { name: "action.more" }) })
+        children: /* @__PURE__ */ jsx84(Button.Icon, { children: /* @__PURE__ */ jsx84(Icon, { name: "action.more" }) })
       }
     ) }),
-    /* @__PURE__ */ jsx83(Popover.Content, { size: "s", flush: true, className: TagSelect_default.menuPanel, children: /* @__PURE__ */ jsxs70("div", { className: TagSelect_default.menuBody, children: [
-      onUpdate ? /* @__PURE__ */ jsx83(Input.Root, { size: "s", children: /* @__PURE__ */ jsx83(Input.Wrapper, { children: /* @__PURE__ */ jsx83(
+    /* @__PURE__ */ jsx84(Popover.Content, { size: "s", flush: true, className: TagSelect_default.menuPanel, children: /* @__PURE__ */ jsxs71("div", { className: TagSelect_default.menuBody, children: [
+      onUpdate ? /* @__PURE__ */ jsx84(Input.Root, { size: "s", children: /* @__PURE__ */ jsx84(Input.Wrapper, { children: /* @__PURE__ */ jsx84(
         Input.Field,
         {
           autoFocus: true,
@@ -27280,7 +27446,7 @@ function TagOptionMenu({
           }
         }
       ) }) }) : null,
-      onDelete ? /* @__PURE__ */ jsxs70(
+      onDelete ? /* @__PURE__ */ jsxs71(
         Button.Root,
         {
           variant: "ghost",
@@ -27292,15 +27458,15 @@ function TagOptionMenu({
             onDelete(value);
           },
           children: [
-            /* @__PURE__ */ jsx83(Button.Icon, { children: /* @__PURE__ */ jsx83(Icon, { name: "action.delete" }) }),
+            /* @__PURE__ */ jsx84(Button.Icon, { children: /* @__PURE__ */ jsx84(Icon, { name: "action.delete" }) }),
             labels.delete
           ]
         }
       ) : null,
-      onUpdate ? /* @__PURE__ */ jsxs70(Fragment35, { children: [
-        /* @__PURE__ */ jsx83(Divider, { className: menu_default.separator }),
-        /* @__PURE__ */ jsx83("div", { className: menu_default.groupLabel, children: labels.colors }),
-        /* @__PURE__ */ jsx83("div", { className: menu_default.tier, "data-size": "s", children: TAG_COLORS.map((hue) => /* @__PURE__ */ jsxs70(
+      onUpdate ? /* @__PURE__ */ jsxs71(Fragment36, { children: [
+        /* @__PURE__ */ jsx84(Divider, { className: menu_default.separator }),
+        /* @__PURE__ */ jsx84("div", { className: menu_default.groupLabel, children: labels.colors }),
+        /* @__PURE__ */ jsx84("div", { className: menu_default.tier, "data-size": "s", children: TAG_COLORS.map((hue) => /* @__PURE__ */ jsxs71(
           "button",
           {
             type: "button",
@@ -27308,8 +27474,8 @@ function TagOptionMenu({
             className: cx(menu_default.item, TagSelect_default.colorRow),
             onClick: () => onUpdate(value, { color: hue }),
             children: [
-              /* @__PURE__ */ jsx83(Badge.Root, { color: hue, children: labels.colorNames[hue] }),
-              /* @__PURE__ */ jsx83("span", { className: TagSelect_default.colorCheck, "aria-hidden": "true", children: color === hue ? /* @__PURE__ */ jsx83(Icon, { name: "action.check" }) : null })
+              /* @__PURE__ */ jsx84(Badge.Root, { color: hue, children: labels.colorNames[hue] }),
+              /* @__PURE__ */ jsx84("span", { className: TagSelect_default.colorCheck, "aria-hidden": "true", children: color === hue ? /* @__PURE__ */ jsx84(Icon, { name: "action.check" }) : null })
             ]
           },
           hue
@@ -27320,7 +27486,7 @@ function TagOptionMenu({
 }
 
 // src/components/tag-select/useChipOverflow.ts
-import * as React90 from "react";
+import * as React91 from "react";
 function useChipOverflow({
   rowRef,
   measureRef,
@@ -27329,8 +27495,8 @@ function useChipOverflow({
   inputCollapsed
 }) {
   const count = chips.length;
-  const [visible, setVisible] = React90.useState(count);
-  const recompute = React90.useCallback(() => {
+  const [visible, setVisible] = React91.useState(count);
+  const recompute = React91.useCallback(() => {
     const row = rowRef.current;
     const measure3 = measureRef.current;
     if (!row || !measure3) return;
@@ -27357,10 +27523,10 @@ function useChipOverflow({
     }
     setVisible((prev) => prev === next ? prev : next);
   }, [rowRef, measureRef, inputRef, inputCollapsed]);
-  React90.useLayoutEffect(() => {
+  React91.useLayoutEffect(() => {
     recompute();
   }, [recompute, chips]);
-  React90.useEffect(() => {
+  React91.useEffect(() => {
     const row = rowRef.current;
     const measure3 = measureRef.current;
     if (!row || typeof ResizeObserver === "undefined") return;
@@ -27373,8 +27539,8 @@ function useChipOverflow({
 }
 
 // src/components/tag-select/VirtualOptions.tsx
-import * as React91 from "react";
-import { Fragment as Fragment37, jsx as jsx84, jsxs as jsxs71 } from "react/jsx-runtime";
+import * as React92 from "react";
+import { Fragment as Fragment38, jsx as jsx85, jsxs as jsxs72 } from "react/jsx-runtime";
 var ONE_GROUP2 = () => 0;
 function VirtualOptions({
   count,
@@ -27385,18 +27551,18 @@ function VirtualOptions({
   renderOption,
   ref
 }) {
-  const startRef = React91.useRef(null);
-  const offset = React91.useCallback(() => {
+  const startRef = React92.useRef(null);
+  const offset = React92.useCallback(() => {
     const scroller = scrollRef.current;
     const start = startRef.current;
     if (!scroller || !start) return 0;
     return start.getBoundingClientRect().top - scroller.getBoundingClientRect().top + scroller.scrollTop;
   }, [scrollRef]);
-  const estimate = React91.useMemo(
+  const estimate = React92.useMemo(
     () => readCssLengthPx(`--prime-control-${size}-height`, 36),
     [size]
   );
-  const estimateSize = React91.useCallback(() => estimate, [estimate]);
+  const estimateSize = React92.useCallback(() => estimate, [estimate]);
   const virtual = useVirtualRows({
     count,
     scrollRef,
@@ -27407,7 +27573,7 @@ function VirtualOptions({
     pinned
   });
   const { startOf } = virtual;
-  React91.useImperativeHandle(
+  React92.useImperativeHandle(
     ref,
     () => ({
       reveal(index) {
@@ -27424,10 +27590,10 @@ function VirtualOptions({
     [scrollRef, offset, startOf]
   );
   const laid = rowGaps(virtual);
-  const spacer = (key, height) => height > 0 ? /* @__PURE__ */ jsx84("div", { className: TagSelect_default.spacer, style: { height }, "aria-hidden": "true" }, key) : null;
-  return /* @__PURE__ */ jsxs71(Fragment37, { children: [
-    /* @__PURE__ */ jsx84("div", { ref: startRef, "aria-hidden": "true" }),
-    laid.rows.map(({ index, gap }) => /* @__PURE__ */ jsxs71(React91.Fragment, { children: [
+  const spacer = (key, height) => height > 0 ? /* @__PURE__ */ jsx85("div", { className: TagSelect_default.spacer, style: { height }, "aria-hidden": "true" }, key) : null;
+  return /* @__PURE__ */ jsxs72(Fragment38, { children: [
+    /* @__PURE__ */ jsx85("div", { ref: startRef, "aria-hidden": "true" }),
+    laid.rows.map(({ index, gap }) => /* @__PURE__ */ jsxs72(React92.Fragment, { children: [
       spacer("gap", gap),
       renderOption(index, virtual.measure(index))
     ] }, getKey(index))),
@@ -27436,7 +27602,7 @@ function VirtualOptions({
 }
 
 // src/components/tag-select/TagSelect.tsx
-import { Fragment as Fragment38, jsx as jsx85, jsxs as jsxs72 } from "react/jsx-runtime";
+import { Fragment as Fragment39, jsx as jsx86, jsxs as jsxs73 } from "react/jsx-runtime";
 var TAG_SELECT_LABELS = {
   panelHint: "\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u0432\u0430\u0440\u0438\u0430\u043D\u0442 \u0438\u043B\u0438 \u0441\u043E\u0437\u0434\u0430\u0439\u0442\u0435 \u043D\u043E\u0432\u044B\u0439",
   create: "\u0421\u043E\u0437\u0434\u0430\u0442\u044C",
@@ -27514,7 +27680,7 @@ function TagSelect({
   ...rest
 }) {
   const disabled = useInheritedDisabled(disabledProp);
-  const labels = React92.useMemo(
+  const labels = React93.useMemo(
     () => ({
       ...TAG_SELECT_LABELS,
       ...labelsProp,
@@ -27535,31 +27701,31 @@ function TagSelect({
     defaultValue: defaultOpen,
     onChange: onOpenChange
   });
-  const [inputValue, setInputValue] = React92.useState("");
-  const [focusWithin, setFocusWithin] = React92.useState(false);
-  const [announcement, setAnnouncement] = React92.useState("");
+  const [inputValue, setInputValue] = React93.useState("");
+  const [focusWithin, setFocusWithin] = React93.useState(false);
+  const [announcement, setAnnouncement] = React93.useState("");
   const highlight = useCreateStore(void 0);
-  const [menuValue, setMenuValue] = React92.useState(null);
-  const [created, setCreated] = React92.useState([]);
-  const [deleting, setDeleting] = React92.useState(() => /* @__PURE__ */ new Set());
-  const [creating, setCreating] = React92.useState(() => /* @__PURE__ */ new Set());
-  const pendingChipFocus = React92.useRef(null);
-  const triggerRef = React92.useRef(null);
-  const chipsRef = React92.useRef(null);
-  const measureRef = React92.useRef(null);
-  const inputRef = React92.useRef(null);
-  const knownOptions = React92.useMemo(() => {
+  const [menuValue, setMenuValue] = React93.useState(null);
+  const [created, setCreated] = React93.useState([]);
+  const [deleting, setDeleting] = React93.useState(() => /* @__PURE__ */ new Set());
+  const [creating, setCreating] = React93.useState(() => /* @__PURE__ */ new Set());
+  const pendingChipFocus = React93.useRef(null);
+  const triggerRef = React93.useRef(null);
+  const chipsRef = React93.useRef(null);
+  const measureRef = React93.useRef(null);
+  const inputRef = React93.useRef(null);
+  const knownOptions = React93.useMemo(() => {
     const extra = created.filter((c) => !options.some((o) => o.value === c.value));
     return extra.length ? [...options, ...extra] : options;
   }, [options, created]);
   const optionChanges = usePendingChanges(knownOptions, updateOption);
   const allOptions = optionChanges.shown;
-  const updating = React92.useMemo(
+  const updating = React93.useMemo(
     () => new Set(optionChanges.pending.map((change) => change.value)),
     [optionChanges.pending]
   );
   const inputTrim = inputValue.trim();
-  const listed = React92.useMemo(
+  const listed = React93.useMemo(
     () => listOptions(allOptions, inputValue, selected),
     [allOptions, inputValue, selected]
   );
@@ -27567,14 +27733,14 @@ function TagSelect({
   const hasPanelContent = listed.length > 0 || showCreate;
   const manageable = Boolean(onOptionUpdate || onOptionDelete);
   const shown = open && hasPanelContent;
-  const navigable = React92.useMemo(
+  const navigable = React93.useMemo(
     () => [
       ...showCreate ? [CREATE_VALUE] : [],
       ...listed.filter((o) => !o.disabled).map((o) => o.value)
     ],
     [listed, showCreate]
   );
-  React92.useLayoutEffect(() => {
+  React93.useLayoutEffect(() => {
     const current = highlight.get();
     if (!shown || navigable.length === 0) highlight.set(void 0);
     else if (current === void 0 || !navigable.includes(current)) highlight.set(navigable[0]);
@@ -27587,17 +27753,17 @@ function TagSelect({
     matchAnchorWidth: true
   });
   const listboxRef = floating.contentRef;
-  const scrollerRef = React92.useRef(null);
-  const virtualRef = React92.useRef(null);
+  const scrollerRef = React93.useRef(null);
+  const virtualRef = React93.useRef(null);
   const virtualized = listed.length > VIRTUAL_FROM2;
   const pinnedHighlight = useStoreSlice(highlight, (value) => virtualized ? value : void 0);
-  const pinnedOptions = React92.useMemo(() => {
+  const pinnedOptions = React93.useMemo(() => {
     if (!virtualized) return [];
     return listed.flatMap(
       (option, index) => option.value === pinnedHighlight || option.value === menuValue ? [index] : []
     );
   }, [virtualized, listed, pinnedHighlight, menuValue]);
-  const getOptionKey = React92.useCallback((index) => listed[index]?.value ?? "", [listed]);
+  const getOptionKey = React93.useCallback((index) => listed[index]?.value ?? "", [listed]);
   const revealOption = (value) => {
     const index = virtualized ? listed.findIndex((option) => option.value === value) : -1;
     if (index >= 0) virtualRef.current?.reveal(index);
@@ -27687,7 +27853,7 @@ function TagSelect({
     }
     setInputValue("");
   };
-  const chips = React92.useMemo(() => {
+  const chips = React93.useMemo(() => {
     const byValue = new Map(allOptions.map((o) => [o.value, o]));
     return selected.map((v) => {
       const option = byValue.get(v);
@@ -27703,7 +27869,7 @@ function TagSelect({
     // A chip on its way out (`data-leaving`) is a copy that only closes up.
     chipsRef.current?.querySelectorAll("[data-chip-value]:not([data-leaving])") ?? []
   );
-  React92.useLayoutEffect(() => {
+  React93.useLayoutEffect(() => {
     const target = pendingChipFocus.current;
     if (target === null) return;
     pendingChipFocus.current = null;
@@ -27722,7 +27888,7 @@ function TagSelect({
   });
   const visibleChips = expanded ? chips : chips.slice(0, visibleCount);
   const hiddenChips = expanded ? [] : chips.slice(visibleCount);
-  React92.useEffect(() => {
+  React93.useEffect(() => {
     const row = chipsRef.current;
     if (expanded && row) row.scrollTop = row.scrollHeight;
   }, [expanded]);
@@ -27800,19 +27966,19 @@ function TagSelect({
     const pickOption = () => {
       if (!option.disabled) pick(option.value);
     };
-    const content = /* @__PURE__ */ jsxs72(Fragment38, { children: [
-      /* @__PURE__ */ jsx85(Checkbox.Indicator, { checked: isSelected, disabled: option.disabled, size: stepDown(size) }),
-      /* @__PURE__ */ jsx85(
+    const content = /* @__PURE__ */ jsxs73(Fragment39, { children: [
+      /* @__PURE__ */ jsx86(Checkbox.Indicator, { checked: isSelected, disabled: option.disabled, size: stepDown(size) }),
+      /* @__PURE__ */ jsx86(
         Badge.Root,
         {
           color: option.color ?? defaultColor,
           disabled: option.disabled,
           className: TagSelect_default.chip,
-          children: /* @__PURE__ */ jsx85("span", { className: TagSelect_default.chipLabel, children: option.label })
+          children: /* @__PURE__ */ jsx86("span", { className: TagSelect_default.chipLabel, children: option.label })
         }
       )
     ] });
-    return /* @__PURE__ */ jsx85(
+    return /* @__PURE__ */ jsx86(
       OptionRow,
       {
         id: optionDomId(listboxId, option.value),
@@ -27827,8 +27993,8 @@ function TagSelect({
         ref: windowed?.measure,
         posInSet: windowed ? windowed.index + 1 + (showCreate ? 1 : 0) : void 0,
         setSize: windowed ? setSize : void 0,
-        children: manageable ? /* @__PURE__ */ jsxs72(Fragment38, { children: [
-          /* @__PURE__ */ jsx85(
+        children: manageable ? /* @__PURE__ */ jsxs73(Fragment39, { children: [
+          /* @__PURE__ */ jsx86(
             "button",
             {
               type: "button",
@@ -27842,7 +28008,7 @@ function TagSelect({
               children: content
             }
           ),
-          option.disabled ? null : /* @__PURE__ */ jsx85(
+          option.disabled ? null : /* @__PURE__ */ jsx86(
             TagOptionMenu,
             {
               value: option.value,
@@ -27863,7 +28029,7 @@ function TagSelect({
       option.value
     );
   };
-  return /* @__PURE__ */ jsx85(
+  return /* @__PURE__ */ jsx86(
     FieldFrame,
     {
       ...rest,
@@ -27877,8 +28043,8 @@ function TagSelect({
       disabled,
       optionalLabel: labels.optional,
       className,
-      children: /* @__PURE__ */ jsxs72(ControlSizeProvider, { value: size, children: [
-        /* @__PURE__ */ jsxs72(
+      children: /* @__PURE__ */ jsxs73(ControlSizeProvider, { value: size, children: [
+        /* @__PURE__ */ jsxs73(
           "div",
           {
             ref: triggerRef,
@@ -27905,7 +28071,7 @@ function TagSelect({
               "focus-ring": focusRing ? void 0 : false
             }),
             children: [
-              /* @__PURE__ */ jsxs72(
+              /* @__PURE__ */ jsxs73(
                 ScrollContainer,
                 {
                   ref: chipsRef,
@@ -27913,7 +28079,7 @@ function TagSelect({
                   lock: !expanded,
                   className: TagSelect_default.chips,
                   children: [
-                    visibleChips.map((chip, index) => /* @__PURE__ */ jsx85(
+                    visibleChips.map((chip, index) => /* @__PURE__ */ jsx86(
                       Badge.Root,
                       {
                         color: chip.color,
@@ -27931,13 +28097,13 @@ function TagSelect({
                         onClick: (event) => {
                           if (event.target.closest("button")) event.stopPropagation();
                         },
-                        children: /* @__PURE__ */ jsx85("span", { className: TagSelect_default.chipLabel, children: chip.label })
+                        children: /* @__PURE__ */ jsx86("span", { className: TagSelect_default.chipLabel, children: chip.label })
                       },
                       chip.value
                     )),
                     hiddenChips.length > 0 ? (
                       // A real button; the click bubbles to the field, which expands and opens the list.
-                      /* @__PURE__ */ jsxs72(
+                      /* @__PURE__ */ jsxs73(
                         Badge.Root,
                         {
                           disabled,
@@ -27945,16 +28111,16 @@ function TagSelect({
                           title: hiddenChips.map((chip) => chip.label).join(", "),
                           onPress: () => inputRef.current?.focus(),
                           children: [
-                            /* @__PURE__ */ jsxs72("span", { "aria-hidden": "true", children: [
+                            /* @__PURE__ */ jsxs73("span", { "aria-hidden": "true", children: [
                               "+",
                               hiddenChips.length
                             ] }),
-                            /* @__PURE__ */ jsx85(VisuallyHidden, { children: formatLabel(labels.more, { count: hiddenChips.length }) })
+                            /* @__PURE__ */ jsx86(VisuallyHidden, { children: formatLabel(labels.more, { count: hiddenChips.length }) })
                           ]
                         }
                       )
                     ) : null,
-                    /* @__PURE__ */ jsx85(
+                    /* @__PURE__ */ jsx86(
                       "input",
                       {
                         ref: inputRef,
@@ -27991,9 +28157,9 @@ function TagSelect({
                   ]
                 }
               ),
-              name ? selected.map((item) => /* @__PURE__ */ jsx85("input", { type: "hidden", name, value: item, disabled }, item)) : null,
-              /* @__PURE__ */ jsx85(VisuallyHidden, { role: "status", "aria-live": "polite", children: announcement }),
-              /* @__PURE__ */ jsx85(
+              name ? selected.map((item) => /* @__PURE__ */ jsx86("input", { type: "hidden", name, value: item, disabled }, item)) : null,
+              /* @__PURE__ */ jsx86(VisuallyHidden, { role: "status", "aria-live": "polite", children: announcement }),
+              /* @__PURE__ */ jsx86(
                 MeasureRow,
                 {
                   ref: measureRef,
@@ -28002,11 +28168,11 @@ function TagSelect({
                   removeLabel: labels.remove
                 }
               ),
-              /* @__PURE__ */ jsx85("span", { className: TagSelect_default.chevron, "aria-hidden": "true", children: /* @__PURE__ */ jsx85(Icon, { name: "nav.chevronDown" }) })
+              /* @__PURE__ */ jsx86("span", { className: TagSelect_default.chevron, "aria-hidden": "true", children: /* @__PURE__ */ jsx86(Icon, { name: "nav.chevronDown" }) })
             ]
           }
         ),
-        /* @__PURE__ */ jsxs72(
+        /* @__PURE__ */ jsxs73(
           FloatingPanel,
           {
             floating,
@@ -28021,8 +28187,8 @@ function TagSelect({
             ref: scrollerRef,
             className: cx(menu_default.tier, menu_default.menu, TagSelect_default.panel),
             children: [
-              labels.panelHint ? /* @__PURE__ */ jsx85("div", { className: TagSelect_default.panelHint, children: labels.panelHint }) : null,
-              showCreate ? /* @__PURE__ */ jsxs72(
+              labels.panelHint ? /* @__PURE__ */ jsx86("div", { className: TagSelect_default.panelHint, children: labels.panelHint }) : null,
+              showCreate ? /* @__PURE__ */ jsxs73(
                 OptionRow,
                 {
                   id: optionDomId(listboxId, CREATE_VALUE),
@@ -28034,13 +28200,13 @@ function TagSelect({
                   managed: false,
                   onPick: () => pick(CREATE_VALUE),
                   children: [
-                    /* @__PURE__ */ jsx85("span", { className: TagSelect_default.createIcon, "aria-hidden": "true", children: /* @__PURE__ */ jsx85(Icon, { name: "action.add" }) }),
-                    /* @__PURE__ */ jsx85("span", { className: TagSelect_default.createLabel, children: labels.create }),
-                    /* @__PURE__ */ jsx85(Badge.Root, { color: defaultColor, className: TagSelect_default.chip, children: /* @__PURE__ */ jsx85("span", { className: TagSelect_default.chipLabel, children: inputTrim }) })
+                    /* @__PURE__ */ jsx86("span", { className: TagSelect_default.createIcon, "aria-hidden": "true", children: /* @__PURE__ */ jsx86(Icon, { name: "action.add" }) }),
+                    /* @__PURE__ */ jsx86("span", { className: TagSelect_default.createLabel, children: labels.create }),
+                    /* @__PURE__ */ jsx86(Badge.Root, { color: defaultColor, className: TagSelect_default.chip, children: /* @__PURE__ */ jsx86("span", { className: TagSelect_default.chipLabel, children: inputTrim }) })
                   ]
                 }
               ) : null,
-              virtualized ? /* @__PURE__ */ jsx85(
+              virtualized ? /* @__PURE__ */ jsx86(
                 VirtualOptions,
                 {
                   ref: virtualRef,
@@ -28098,7 +28264,7 @@ function OptionRow({
     ...toDataAttributes({ value, label, highlighted, selected, disabled, pending })
   };
   if (managed) {
-    return /* @__PURE__ */ jsx85(
+    return /* @__PURE__ */ jsx86(
       "div",
       {
         ...props,
@@ -28108,7 +28274,7 @@ function OptionRow({
       }
     );
   }
-  return /* @__PURE__ */ jsx85(
+  return /* @__PURE__ */ jsx86(
     "button",
     {
       type: "button",
@@ -28123,14 +28289,14 @@ function OptionRow({
     }
   );
 }
-var MeasureRow = React92.memo(function MeasureRow2({
+var MeasureRow = React93.memo(function MeasureRow2({
   chips,
   disabled,
   removeLabel,
   ref
 }) {
-  return /* @__PURE__ */ jsxs72("div", { ref, className: TagSelect_default.measure, "aria-hidden": true, inert: true, children: [
-    chips.map((chip) => /* @__PURE__ */ jsx85(
+  return /* @__PURE__ */ jsxs73("div", { ref, className: TagSelect_default.measure, "aria-hidden": true, inert: true, children: [
+    chips.map((chip) => /* @__PURE__ */ jsx86(
       Badge.Root,
       {
         color: chip.color,
@@ -28138,11 +28304,11 @@ var MeasureRow = React92.memo(function MeasureRow2({
         className: TagSelect_default.chip,
         labels: { remove: formatLabel(removeLabel, { label: chip.label }) },
         onRemove: noop,
-        children: /* @__PURE__ */ jsx85("span", { className: TagSelect_default.chipLabel, children: chip.label })
+        children: /* @__PURE__ */ jsx86("span", { className: TagSelect_default.chipLabel, children: chip.label })
       },
       chip.value
     )),
-    /* @__PURE__ */ jsxs72(Badge.Root, { className: TagSelect_default.chipMore, children: [
+    /* @__PURE__ */ jsxs73(Badge.Root, { className: TagSelect_default.chipMore, children: [
       "+",
       Math.max(chips.length, 9)
     ] })
@@ -28152,7 +28318,7 @@ function noop() {
 }
 
 // src/components/timeline/Timeline.tsx
-import * as React93 from "react";
+import * as React94 from "react";
 
 // src/components/timeline/Timeline.module.css
 var Timeline_default = {
@@ -28176,18 +28342,18 @@ var Timeline_default = {
 };
 
 // src/components/timeline/Timeline.tsx
-import { Fragment as Fragment39, jsx as jsx86, jsxs as jsxs73 } from "react/jsx-runtime";
+import { Fragment as Fragment40, jsx as jsx87, jsxs as jsxs74 } from "react/jsx-runtime";
 function TimelineRoot({ size = "m", children, className, ...rest }) {
-  return /* @__PURE__ */ jsx86(ControlSizeProvider, { value: size, children: /* @__PURE__ */ jsx86("div", { ...rest, className: cx(Timeline_default.root, className), ...toDataAttributes({ size }), children }) });
+  return /* @__PURE__ */ jsx87(ControlSizeProvider, { value: size, children: /* @__PURE__ */ jsx87("div", { ...rest, className: cx(Timeline_default.root, className), ...toDataAttributes({ size }), children }) });
 }
 TimelineRoot.displayName = "Timeline.Root";
-var EdgeContext = React93.createContext({ first: false, last: false });
-var isGap = (child) => React93.isValidElement(child) && child.type === TimelineGap;
+var EdgeContext = React94.createContext({ first: false, last: false });
+var isGap = (child) => React94.isValidElement(child) && child.type === TimelineGap;
 function TimelineGroup({ label, children, className, ...rest }) {
-  const labelId = React93.useId();
+  const labelId = React94.useId();
   const hasLabel = label !== void 0 && label !== null && label !== false;
-  const events = React93.Children.toArray(children);
-  const items = events.map((child, index) => /* @__PURE__ */ jsx86(
+  const events = React94.Children.toArray(children);
+  const items = events.map((child, index) => /* @__PURE__ */ jsx87(
     EdgeContext.Provider,
     {
       value: {
@@ -28198,11 +28364,11 @@ function TimelineGroup({ label, children, className, ...rest }) {
       },
       children: child
     },
-    React93.isValidElement(child) ? child.key : index
+    React94.isValidElement(child) ? child.key : index
   ));
-  return /* @__PURE__ */ jsxs73("div", { className: Timeline_default.group, children: [
-    hasLabel ? /* @__PURE__ */ jsx86("div", { id: labelId, className: Timeline_default.groupLabel, children: label }) : null,
-    /* @__PURE__ */ jsx86(
+  return /* @__PURE__ */ jsxs74("div", { className: Timeline_default.group, children: [
+    hasLabel ? /* @__PURE__ */ jsx87("div", { id: labelId, className: Timeline_default.groupLabel, children: label }) : null,
+    /* @__PURE__ */ jsx87(
       "ol",
       {
         "aria-labelledby": hasLabel ? labelId : void 0,
@@ -28232,7 +28398,7 @@ function TimelineItem({
   ref,
   ...rest
 }) {
-  const edge = React93.useContext(EdgeContext);
+  const edge = React94.useContext(EdgeContext);
   const rowRef = useMergedRefs(ref);
   const interactive = Boolean(asChild || href || onClick);
   const rowProps = {
@@ -28245,73 +28411,73 @@ function TimelineItem({
       interactive: interactive || void 0
     })
   };
-  const dot = /* @__PURE__ */ jsx86("span", { className: Timeline_default.dot, "aria-hidden": "true" });
+  const dot = /* @__PURE__ */ jsx87("span", { className: Timeline_default.dot, "aria-hidden": "true" });
   let row;
   if (asChild) {
-    const child = React93.Children.only(children);
-    if (!React93.isValidElement(child)) {
+    const child = React94.Children.only(children);
+    if (!React94.isValidElement(child)) {
       throw new Error("Timeline.Item asChild needs a single element child");
     }
-    row = /* @__PURE__ */ jsx86(Slot, { ...rowProps, onClick, children: React93.cloneElement(
+    row = /* @__PURE__ */ jsx87(Slot, { ...rowProps, onClick, children: React94.cloneElement(
       child,
       void 0,
-      /* @__PURE__ */ jsxs73(Fragment39, { children: [
+      /* @__PURE__ */ jsxs74(Fragment40, { children: [
         dot,
         child.props.children
       ] })
     ) });
   } else if (href) {
-    row = /* @__PURE__ */ jsxs73("a", { ...rowProps, href, onClick, children: [
+    row = /* @__PURE__ */ jsxs74("a", { ...rowProps, href, onClick, children: [
       dot,
       children
     ] });
   } else if (onClick) {
-    row = /* @__PURE__ */ jsxs73("button", { ...rowProps, type: "button", onClick, children: [
+    row = /* @__PURE__ */ jsxs74("button", { ...rowProps, type: "button", onClick, children: [
       dot,
       children
     ] });
   } else {
-    row = /* @__PURE__ */ jsxs73("div", { ...rowProps, children: [
+    row = /* @__PURE__ */ jsxs74("div", { ...rowProps, children: [
       dot,
       children
     ] });
   }
-  return /* @__PURE__ */ jsx86("li", { className: Timeline_default.item, ...toDataAttributes(edgeAttributes(edge)), children: row });
+  return /* @__PURE__ */ jsx87("li", { className: Timeline_default.item, ...toDataAttributes(edgeAttributes(edge)), children: row });
 }
 TimelineItem.displayName = "Timeline.Item";
 function TimelineTitle({ children, className, ...rest }) {
-  return /* @__PURE__ */ jsx86("span", { ...rest, className: cx(Timeline_default.title, className), children });
+  return /* @__PURE__ */ jsx87("span", { ...rest, className: cx(Timeline_default.title, className), children });
 }
 TimelineTitle.displayName = "Timeline.Title";
 function TimelineMeta({ children, className, ...rest }) {
-  return /* @__PURE__ */ jsx86("span", { ...rest, className: cx(Timeline_default.meta, className), children });
+  return /* @__PURE__ */ jsx87("span", { ...rest, className: cx(Timeline_default.meta, className), children });
 }
 TimelineMeta.displayName = "Timeline.Meta";
 function TimelineMetaPrimary({ children, className, ...rest }) {
-  return /* @__PURE__ */ jsx86("span", { ...rest, className: cx(Timeline_default.metaPrimary, className), children });
+  return /* @__PURE__ */ jsx87("span", { ...rest, className: cx(Timeline_default.metaPrimary, className), children });
 }
 TimelineMetaPrimary.displayName = "Timeline.MetaPrimary";
 function TimelineValue({ tone = "neutral", children, className, ...rest }) {
-  return /* @__PURE__ */ jsx86("span", { ...rest, className: cx(Timeline_default.value, className), ...toDataAttributes({ tone }), children });
+  return /* @__PURE__ */ jsx87("span", { ...rest, className: cx(Timeline_default.value, className), ...toDataAttributes({ tone }), children });
 }
 TimelineValue.displayName = "Timeline.Value";
 function TimelineValueMeta({ children, className, ...rest }) {
-  return /* @__PURE__ */ jsx86("span", { ...rest, className: cx(Timeline_default.valueMeta, className), children });
+  return /* @__PURE__ */ jsx87("span", { ...rest, className: cx(Timeline_default.valueMeta, className), children });
 }
 TimelineValueMeta.displayName = "Timeline.ValueMeta";
 function TimelineGapMeta({ className, ...rest }) {
-  return /* @__PURE__ */ jsx86("span", { className: cx(Timeline_default.gapTrailing, className), ...rest });
+  return /* @__PURE__ */ jsx87("span", { className: cx(Timeline_default.gapTrailing, className), ...rest });
 }
 TimelineGapMeta.displayName = "Timeline.GapMeta";
 function TimelineGap({ tone = "neutral", children, className, ...rest }) {
-  const parts = React93.Children.toArray(children);
-  const isMeta = (child) => React93.isValidElement(child) && child.type === TimelineGapMeta;
+  const parts = React94.Children.toArray(children);
+  const isMeta = (child) => React94.isValidElement(child) && child.type === TimelineGapMeta;
   const caption = parts.filter((child) => !isMeta(child));
   const meta = parts.filter(isMeta);
-  const edge = React93.useContext(EdgeContext);
-  return /* @__PURE__ */ jsx86("li", { className: cx(Timeline_default.item, Timeline_default.gapItem), ...toDataAttributes(edgeAttributes(edge)), children: /* @__PURE__ */ jsxs73("div", { ...rest, className: cx(Timeline_default.gapRow, className), ...toDataAttributes({ tone }), children: [
-    /* @__PURE__ */ jsx86("span", { className: Timeline_default.gapDot, "aria-hidden": "true" }),
-    /* @__PURE__ */ jsx86("span", { className: Timeline_default.gapCaption, children: caption }),
+  const edge = React94.useContext(EdgeContext);
+  return /* @__PURE__ */ jsx87("li", { className: cx(Timeline_default.item, Timeline_default.gapItem), ...toDataAttributes(edgeAttributes(edge)), children: /* @__PURE__ */ jsxs74("div", { ...rest, className: cx(Timeline_default.gapRow, className), ...toDataAttributes({ tone }), children: [
+    /* @__PURE__ */ jsx87("span", { className: Timeline_default.gapDot, "aria-hidden": "true" }),
+    /* @__PURE__ */ jsx87("span", { className: Timeline_default.gapCaption, children: caption }),
     meta
   ] }) });
 }
@@ -28330,7 +28496,7 @@ var Timeline = {
 };
 
 // src/components/video-note/VideoNote.tsx
-import * as React94 from "react";
+import * as React95 from "react";
 
 // src/components/video-note/VideoNote.module.css
 var VideoNote_default = {
@@ -28349,7 +28515,7 @@ var VideoNote_default = {
 };
 
 // src/components/video-note/VideoNote.tsx
-import { jsx as jsx87, jsxs as jsxs74 } from "react/jsx-runtime";
+import { jsx as jsx88, jsxs as jsxs75 } 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",
@@ -28365,22 +28531,22 @@ function VideoNoteInner(props) {
   const { overlay } = useMessagePart();
   const around = useSurfaceDepth();
   const blockDepth = useInMessage() ? void 0 : nextSurfaceDepth(around);
-  const videoRef = React94.useRef(null);
-  const ringRef = React94.useRef(null);
-  const rootRef = React94.useRef(null);
+  const videoRef = React95.useRef(null);
+  const ringRef = React95.useRef(null);
+  const rootRef = React95.useRef(null);
   const mergedRef = useMergedRefs(rootRef, ref);
-  const descriptionId = React94.useId();
-  const [state, setState] = React94.useState("idle");
-  const [frame, setFrame] = React94.useState("loading");
-  const [metaDuration, setMetaDuration] = React94.useState(null);
-  const [current, setCurrent] = React94.useState(0);
-  const stateRef = React94.useRef(state);
+  const descriptionId = React95.useId();
+  const [state, setState] = React95.useState("idle");
+  const [frame, setFrame] = React95.useState("loading");
+  const [metaDuration, setMetaDuration] = React95.useState(null);
+  const [current, setCurrent] = React95.useState(0);
+  const stateRef = React95.useRef(state);
   stateRef.current = state;
   const { wanted, setWanted, transcript, disabled, covered, inactive, transferDisk } = useMediaPlayer(videoRef, player, labels);
-  const inactiveRef = React94.useRef(inactive);
+  const inactiveRef = React95.useRef(inactive);
   inactiveRef.current = inactive;
   const duration = metaDuration ?? durationProp ?? null;
-  React94.useEffect(() => {
+  React95.useEffect(() => {
     const video = videoRef.current;
     const ring = ringRef.current;
     if (!video || !ring) return;
@@ -28421,7 +28587,7 @@ function VideoNoteInner(props) {
     if (stateRef.current === "playing") videoRef.current?.pause();
     else start();
   };
-  React94.useEffect(() => {
+  React95.useEffect(() => {
     if (wanted && stateRef.current !== "playing") start();
     else if (!wanted && stateRef.current === "playing") videoRef.current?.pause();
   }, [wanted]);
@@ -28469,7 +28635,7 @@ function VideoNoteInner(props) {
   ].filter(Boolean).join(", ");
   return (
     // biome-ignore lint/a11y/useSemanticElements: a media player's controls, not a form fieldset
-    /* @__PURE__ */ jsxs74(
+    /* @__PURE__ */ jsxs75(
       "div",
       {
         role: "group",
@@ -28483,7 +28649,7 @@ function VideoNoteInner(props) {
           transfer: covered || void 0
         }),
         children: [
-          /* @__PURE__ */ jsxs74(
+          /* @__PURE__ */ jsxs75(
             "div",
             {
               className: VideoNote_default.circle,
@@ -28492,9 +28658,9 @@ function VideoNoteInner(props) {
               "data-frame": frame,
               "data-covered": covered || void 0,
               children: [
-                /* @__PURE__ */ jsxs74("span", { className: VideoNote_default.media, "aria-hidden": "true", children: [
-                  frame === "loading" ? /* @__PURE__ */ jsx87(Skeleton, { shape: "block", className: VideoNote_default.fill }) : null,
-                  /* @__PURE__ */ jsx87(
+                /* @__PURE__ */ jsxs75("span", { className: VideoNote_default.media, "aria-hidden": "true", children: [
+                  frame === "loading" ? /* @__PURE__ */ jsx88(Skeleton, { shape: "block", className: VideoNote_default.fill }) : null,
+                  /* @__PURE__ */ jsx88(
                     "video",
                     {
                       ref: videoRef,
@@ -28515,8 +28681,8 @@ function VideoNoteInner(props) {
                     }
                   )
                 ] }),
-                /* @__PURE__ */ jsx87(Ring, { ref: ringRef, value: 0, live: true, track: false, className: VideoNote_default.ring }),
-                /* @__PURE__ */ jsx87(
+                /* @__PURE__ */ jsx88(Ring, { ref: ringRef, value: 0, live: true, track: false, className: VideoNote_default.ring }),
+                /* @__PURE__ */ jsx88(
                   "span",
                   {
                     className: VideoNote_default.hit,
@@ -28525,7 +28691,7 @@ function VideoNoteInner(props) {
                     onClick: inactive ? void 0 : toggle
                   }
                 ),
-                /* @__PURE__ */ jsx87("span", { className: VideoNote_default.play, "data-badge": "play", "data-shown": state !== "playing", children: /* @__PURE__ */ jsx87(
+                /* @__PURE__ */ jsx88("span", { className: VideoNote_default.play, "data-badge": "play", "data-shown": state !== "playing", children: /* @__PURE__ */ jsx88(
                   PlayDisk,
                   {
                     look: "shade",
@@ -28539,12 +28705,12 @@ function VideoNoteInner(props) {
                     describedBy: description ? descriptionId : void 0
                   }
                 ) }),
-                description ? /* @__PURE__ */ jsx87(VisuallyHidden, { id: descriptionId, children: description }) : null,
-                shown !== null ? /* @__PURE__ */ jsxs74("span", { className: cx(mediaPill_default.pill, VideoNote_default.duration), "data-badge": "duration", "aria-hidden": "true", children: [
+                description ? /* @__PURE__ */ jsx88(VisuallyHidden, { id: descriptionId, children: description }) : null,
+                shown !== null ? /* @__PURE__ */ jsxs75("span", { className: cx(mediaPill_default.pill, VideoNote_default.duration), "data-badge": "duration", "aria-hidden": "true", children: [
                   formatClock(shown),
-                  unplayed ? /* @__PURE__ */ jsx87("span", { className: VideoNote_default.dot }) : null
+                  unplayed ? /* @__PURE__ */ jsx88("span", { className: VideoNote_default.dot }) : null
                 ] }) : null,
-                transcript ? /* @__PURE__ */ jsx87(
+                transcript ? /* @__PURE__ */ jsx88(
                   TranscriptButton,
                   {
                     transcript,
@@ -28563,7 +28729,7 @@ function VideoNoteInner(props) {
   );
 }
 function VideoNote(props) {
-  return /* @__PURE__ */ jsx87(VideoNoteInner, { ...props }, props.src);
+  return /* @__PURE__ */ jsx88(VideoNoteInner, { ...props }, props.src);
 }
 var NOTE_PX = 14.5 * 16 * 1.15;
 defineMessagePart(VideoNote, {
@@ -28575,7 +28741,7 @@ defineMessagePart(VideoNote, {
 });
 
 // src/components/voice-player/VoicePlayer.tsx
-import * as React95 from "react";
+import * as React96 from "react";
 
 // src/components/voice-player/VoicePlayer.module.css
 var VoicePlayer_default = {
@@ -28642,7 +28808,7 @@ async function getWaveform(source, bars = WAVEFORM_BARS) {
 }
 
 // src/components/voice-player/VoicePlayer.tsx
-import { jsx as jsx88, jsxs as jsxs75 } from "react/jsx-runtime";
+import { jsx as jsx89, jsxs as jsxs76 } 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",
@@ -28680,7 +28846,7 @@ function Bars({
   className,
   ref
 }) {
-  return /* @__PURE__ */ jsx88("span", { ref, className: cx(VoicePlayer_default.bars, className), "aria-hidden": "true", children: levels.map((level, i) => /* @__PURE__ */ jsx88(
+  return /* @__PURE__ */ jsx89("span", { ref, className: cx(VoicePlayer_default.bars, className), "aria-hidden": "true", children: levels.map((level, i) => /* @__PURE__ */ jsx89(
     "span",
     {
       className: VoicePlayer_default.bar,
@@ -28702,31 +28868,31 @@ function VoicePlayer(props) {
     ref,
     ...rest
   } = own;
-  const labels = React95.useMemo(() => ({ ...VOICE_PLAYER_LABELS, ...labelsProp }), [labelsProp]);
+  const labels = React96.useMemo(() => ({ ...VOICE_PLAYER_LABELS, ...labelsProp }), [labelsProp]);
   const { spacer } = useMessagePart();
   const [rate, setRate] = useControllableState({
     value: rateProp,
     defaultValue: defaultRate,
     onChange: onRateChange
   });
-  const rootRef = React95.useRef(null);
+  const rootRef = React96.useRef(null);
   const mergedRef = useMergedRefs(rootRef, ref);
-  const audioRef = React95.useRef(null);
-  const waveRef = React95.useRef(null);
-  const playedRef = React95.useRef(null);
-  const resumeAfterDrag = React95.useRef(false);
-  const seekingRef = React95.useRef(false);
-  const [playing, setMediaPlaying] = React95.useState(false);
+  const audioRef = React96.useRef(null);
+  const waveRef = React96.useRef(null);
+  const playedRef = React96.useRef(null);
+  const resumeAfterDrag = React96.useRef(false);
+  const seekingRef = React96.useRef(false);
+  const [playing, setMediaPlaying] = React96.useState(false);
   const { wanted, setWanted, transcript, disabled, covered, inactive, transferDisk } = useMediaPlayer(audioRef, player, labels);
-  const [seeking, setSeeking] = React95.useState(false);
-  const [position, setPosition] = React95.useState(0);
-  const [mediaDuration, setMediaDuration] = React95.useState(null);
-  const [barCount, setBarCount] = React95.useState(DEFAULT_BARS);
+  const [seeking, setSeeking] = React96.useState(false);
+  const [position, setPosition] = React96.useState(0);
+  const [mediaDuration, setMediaDuration] = React96.useState(null);
+  const [barCount, setBarCount] = React96.useState(DEFAULT_BARS);
   const total = mediaDuration ?? Math.max(0, durationProp ?? 0);
   const showElapsed = playing || seeking || position > 0;
-  const bars = React95.useMemo(() => resample(waveform, barCount), [waveform, barCount]);
+  const bars = React96.useMemo(() => resample(waveform, barCount), [waveform, barCount]);
   const dot = usePresence(unplayed, { exitDuration: "fast" });
-  const paint = React95.useCallback(
+  const paint = React96.useCallback(
     (seconds) => {
       playedRef.current?.style.setProperty(
         "--vp-progress",
@@ -28735,10 +28901,10 @@ function VoicePlayer(props) {
     },
     [total]
   );
-  React95.useLayoutEffect(() => {
+  React96.useLayoutEffect(() => {
     if (!playing) paint(position);
   }, [playing, position, paint]);
-  React95.useEffect(() => {
+  React96.useEffect(() => {
     if (!playing) return;
     let frame = 0;
     const tick = () => {
@@ -28753,11 +28919,11 @@ function VoicePlayer(props) {
     frame = requestAnimationFrame(tick);
     return () => cancelAnimationFrame(frame);
   }, [playing, paint]);
-  React95.useEffect(() => {
+  React96.useEffect(() => {
     const audio = audioRef.current;
     if (audio) audio.playbackRate = rate;
   }, [rate]);
-  React95.useEffect(() => {
+  React96.useEffect(() => {
     const wave = waveRef.current;
     if (!wave || typeof ResizeObserver === "undefined") return;
     const observer2 = new ResizeObserver(([entry]) => {
@@ -28767,7 +28933,7 @@ function VoicePlayer(props) {
     observer2.observe(wave);
     return () => observer2.disconnect();
   }, []);
-  React95.useEffect(() => {
+  React96.useEffect(() => {
     const audio = audioRef.current;
     if (!audio || seekingRef.current) return;
     if (wanted && audio.paused && !inactive) {
@@ -28865,7 +29031,7 @@ function VoicePlayer(props) {
   const open = transcript?.expanded ?? false;
   return (
     // biome-ignore lint/a11y/useSemanticElements: a media player's controls, not a form fieldset
-    /* @__PURE__ */ jsxs75(
+    /* @__PURE__ */ jsxs76(
       "div",
       {
         role: "group",
@@ -28880,7 +29046,7 @@ function VoicePlayer(props) {
           transfer: covered || void 0
         }),
         children: [
-          /* @__PURE__ */ jsx88(
+          /* @__PURE__ */ jsx89(
             "audio",
             {
               ref: audioRef,
@@ -28894,8 +29060,8 @@ function VoicePlayer(props) {
               onDurationChange: handleMetadata
             }
           ),
-          /* @__PURE__ */ jsxs75("div", { className: VoicePlayer_default.row, children: [
-            /* @__PURE__ */ jsx88(
+          /* @__PURE__ */ jsxs76("div", { className: VoicePlayer_default.row, children: [
+            /* @__PURE__ */ jsx89(
               PlayDisk,
               {
                 look: "solid",
@@ -28907,9 +29073,9 @@ function VoicePlayer(props) {
                 onToggle: toggle
               }
             ),
-            /* @__PURE__ */ jsxs75("div", { className: VoicePlayer_default.body, children: [
-              /* @__PURE__ */ jsxs75("div", { className: VoicePlayer_default.waveLine, children: [
-                /* @__PURE__ */ jsxs75(
+            /* @__PURE__ */ jsxs76("div", { className: VoicePlayer_default.body, children: [
+              /* @__PURE__ */ jsxs76("div", { className: VoicePlayer_default.waveLine, children: [
+                /* @__PURE__ */ jsxs76(
                   "div",
                   {
                     ref: waveRef,
@@ -28932,12 +29098,12 @@ function VoicePlayer(props) {
                     onLostPointerCapture: endDrag,
                     onKeyDown: handleKeyDown,
                     children: [
-                      /* @__PURE__ */ jsx88(Bars, { levels: bars }),
-                      /* @__PURE__ */ jsx88(Bars, { ref: playedRef, levels: bars, className: VoicePlayer_default.played })
+                      /* @__PURE__ */ jsx89(Bars, { levels: bars }),
+                      /* @__PURE__ */ jsx89(Bars, { ref: playedRef, levels: bars, className: VoicePlayer_default.played })
                     ]
                   }
                 ),
-                transcript ? /* @__PURE__ */ jsx88(
+                transcript ? /* @__PURE__ */ jsx89(
                   TranscriptButton,
                   {
                     transcript,
@@ -28946,9 +29112,9 @@ function VoicePlayer(props) {
                   }
                 ) : null
               ] }),
-              /* @__PURE__ */ jsxs75("div", { className: VoicePlayer_default.meta, children: [
-                /* @__PURE__ */ jsx88("span", { className: VoicePlayer_default.time, "aria-hidden": "true", children: formatClock(shownTime) }),
-                dot.mounted ? /* @__PURE__ */ jsx88(
+              /* @__PURE__ */ jsxs76("div", { className: VoicePlayer_default.meta, children: [
+                /* @__PURE__ */ jsx89("span", { className: VoicePlayer_default.time, "aria-hidden": "true", children: formatClock(shownTime) }),
+                dot.mounted ? /* @__PURE__ */ jsx89(
                   "span",
                   {
                     className: VoicePlayer_default.dot,
@@ -28957,8 +29123,8 @@ function VoicePlayer(props) {
                     "aria-hidden": "true"
                   }
                 ) : null,
-                unplayed ? /* @__PURE__ */ jsx88(VisuallyHidden, { children: labels.unplayed }) : null,
-                /* @__PURE__ */ jsx88(
+                unplayed ? /* @__PURE__ */ jsx89(VisuallyHidden, { children: labels.unplayed }) : null,
+                /* @__PURE__ */ jsx89(
                   "button",
                   {
                     type: "button",
@@ -28966,7 +29132,7 @@ function VoicePlayer(props) {
                     "aria-label": formatLabel(labels.rate, { rate: rateText }),
                     disabled: inactive,
                     onClick: cycleRate,
-                    children: /* @__PURE__ */ jsx88(MorphText, { children: rateText })
+                    children: /* @__PURE__ */ jsx89(MorphText, { children: rateText })
                   }
                 ),
                 open ? null : spacer
@@ -28986,10 +29152,10 @@ defineMessagePart(VoicePlayer, {
 });
 
 // src/hooks/useTokenValue.ts
-import * as React96 from "react";
+import * as React97 from "react";
 function useTokenValue(token, fallbackPx = 0) {
-  const [value, setValue] = React96.useState(() => readCssLengthPx(token, fallbackPx));
-  React96.useLayoutEffect(() => {
+  const [value, setValue] = React97.useState(() => readCssLengthPx(token, fallbackPx));
+  React97.useLayoutEffect(() => {
     const update = () => setValue(readCssLengthPx(token, fallbackPx));
     update();
     const observer2 = new MutationObserver(update);
@@ -29008,7 +29174,7 @@ function useTokenValue(token, fallbackPx = 0) {
 }
 
 // src/hooks/useUploadQueue.ts
-import * as React97 from "react";
+import * as React98 from "react";
 var DEFAULT_CONCURRENCY = 3;
 var sequence = 0;
 function reasonOf2(error) {
@@ -29023,17 +29189,17 @@ function revokePreview(url) {
   if (url && typeof URL.revokeObjectURL === "function") URL.revokeObjectURL(url);
 }
 function useUploadQueue(options) {
-  const [items, setItems] = React97.useState([]);
-  const itemsRef = React97.useRef(items);
+  const [items, setItems] = React98.useState([]);
+  const itemsRef = React98.useRef(items);
   itemsRef.current = items;
-  const optionsRef = React97.useRef(options);
+  const optionsRef = React98.useRef(options);
   optionsRef.current = options;
-  const running = React97.useRef(/* @__PURE__ */ new Map());
-  const prefix = React97.useId();
-  const update = React97.useCallback((id, patch) => {
+  const running = React98.useRef(/* @__PURE__ */ new Map());
+  const prefix = React98.useId();
+  const update = React98.useCallback((id, patch) => {
     setItems((current) => current.map((item) => item.id === id ? { ...item, ...patch } : item));
   }, []);
-  const start = React97.useCallback(
+  const start = React98.useCallback(
     (item) => {
       const controller = new AbortController();
       running.current.set(item.id, controller);
@@ -29063,7 +29229,7 @@ function useUploadQueue(options) {
     },
     [update]
   );
-  React97.useEffect(() => {
+  React98.useEffect(() => {
     const limit = Math.max(1, optionsRef.current.concurrency ?? DEFAULT_CONCURRENCY);
     let free = limit - running.current.size;
     if (free <= 0) return;
@@ -29077,7 +29243,7 @@ function useUploadQueue(options) {
       free -= 1;
     }
   });
-  React97.useEffect(() => {
+  React98.useEffect(() => {
     const current = itemsRef.current;
     if (current.some((item) => item.preview === "")) {
       setItems(
@@ -29097,7 +29263,7 @@ function useUploadQueue(options) {
       setItems(itemsRef.current);
     };
   }, []);
-  const add = React97.useCallback(
+  const add = React98.useCallback(
     (files) => {
       const added = files.map(
         (file) => ({
@@ -29113,27 +29279,27 @@ function useUploadQueue(options) {
     },
     [prefix]
   );
-  const retry = React97.useCallback((id) => {
+  const retry = React98.useCallback((id) => {
     setItems(
       (current) => current.map(
         (item) => item.id === id && item.status === "failed" ? { ...item, status: "queued", progress: 0, error: void 0 } : item
       )
     );
   }, []);
-  const remove = React97.useCallback((id) => {
+  const remove = React98.useCallback((id) => {
     running.current.get(id)?.abort();
     running.current.delete(id);
     const item = itemsRef.current.find((entry) => entry.id === id);
     revokePreview(item?.preview);
     setItems((current) => current.filter((entry) => entry.id !== id));
   }, []);
-  const clear = React97.useCallback(() => {
+  const clear = React98.useCallback(() => {
     for (const controller of running.current.values()) controller.abort();
     running.current.clear();
     for (const item of itemsRef.current) revokePreview(item.preview);
     setItems([]);
   }, []);
-  const move = React97.useCallback((id, beforeId) => {
+  const move = React98.useCallback((id, beforeId) => {
     setItems((current) => {
       const item = current.find((entry) => entry.id === id);
       if (!item || id === beforeId) return current;
@@ -29143,7 +29309,7 @@ function useUploadQueue(options) {
       return next.every((entry, index) => entry === current[index]) ? current : next;
     });
   }, []);
-  return React97.useMemo(
+  return React98.useMemo(
     () => ({ items, add, retry, remove, clear, move }),
     [items, add, retry, remove, clear, move]
   );
@@ -29269,6 +29435,7 @@ export {
   ChartFrame,
   Dropdown,
   formatMessageTime,
+  formatFileSize,
   Slider,
   MediaViewer,
   Gallery,
@@ -29305,6 +29472,7 @@ export {
   Fieldset,
   Gantt,
   Kanban,
+  List,
   Typography,
   LoginForm,
   NativeSelect,