prime-ui-kit 0.21.2 → 0.21.4

package/dist/chunks/{chunk-7JYPFRZ3.js → chunk-PFASPQSJ.js}

@@ -104,6 +104,7 @@ import {
   Sun,
   TOKEN_DEFAULTS,
   Tablet,
+  Telegram,
   TextQuote,
   Trash2,
   TriangleAlert,
@@ -114,9 +115,11 @@ import {
   UserRound,
   Users,
   Video,
+  Vk,
   Volume2,
   VolumeX,
   Wallet,
+  Whatsapp,
   X,
   ZoomIn,
   ZoomOut,
@@ -140,7 +143,7 @@ import {
   useIconRoot,
   useOptionalControlSize,
   usePresence
-} from "./chunk-T7IEJSTH.js";
+} from "./chunk-HMLQCKRL.js";
 
 // src/components/scroll-container/ScrollContainer.tsx
 import * as React9 from "react";
@@ -510,24 +513,30 @@ function useEdgeOverflow(ref, axis, depth = false) {
 // src/hooks/useMergedRefs.ts
 import * as React4 from "react";
 function assignRef(ref, value) {
-  if (typeof ref === "function") ref(value);
-  else if (ref) ref.current = value;
+  if (typeof ref === "function") {
+    const cleanup = ref(value);
+    return typeof cleanup === "function" ? cleanup : void 0;
+  }
+  if (ref) ref.current = value;
+  return void 0;
 }
-function releaseRef(ref, node) {
-  if (typeof ref === "function") ref(null);
-  else if (ref && ref.current === node) ref.current = null;
+function releaseRef(ref, node, cleanup) {
+  if (typeof ref === "function") {
+    if (cleanup) cleanup();
+    else ref(null);
+  } else if (ref && ref.current === node) ref.current = null;
 }
 function useMergedRefs(a, b, c) {
   return React4.useCallback(
     (value) => {
-      assignRef(a, value);
-      assignRef(b, value);
-      assignRef(c, value);
       if (value === null) return;
+      const cleanupA = assignRef(a, value);
+      const cleanupB = assignRef(b, value);
+      const cleanupC = assignRef(c, value);
       return () => {
-        releaseRef(a, value);
-        releaseRef(b, value);
-        releaseRef(c, value);
+        releaseRef(a, value, cleanupA);
+        releaseRef(b, value, cleanupB);
+        releaseRef(c, value, cleanupC);
       };
     },
     [a, b, c]
@@ -2929,7 +2938,13 @@ var iconRegistry = {
   "view.preview": Eye,
   "viewport.desktop": Monitor,
   "viewport.mobile": Smartphone,
-  "viewport.tablet": Tablet
+  "viewport.tablet": Tablet,
+  /** A channel or account on Telegram (a filter, a connect choice). */
+  "brand.telegram": Telegram,
+  /** A channel or account on VK. */
+  "brand.vk": Vk,
+  /** A channel or account on WhatsApp. */
+  "brand.whatsapp": Whatsapp
 };
 
 // src/icons/Icon.tsx
@@ -5268,10 +5283,31 @@ function getPasswordStrength(value) {
 }
 
 // src/components/input/Input.tsx
-import * as React51 from "react";
+import * as React52 from "react";
 
-// src/internal/FieldAction.tsx
+// src/internal/autofill.tsx
 import * as React44 from "react";
+import { jsx as jsx24 } from "react/jsx-runtime";
+var AUTOFILL_OFF = {
+  autoComplete: "off",
+  "data-1p-ignore": "true",
+  "data-lpignore": "true",
+  "data-bwignore": "true",
+  "data-form-type": "other"
+};
+var AutofillContext = React44.createContext(false);
+function AutofillScope({ children }) {
+  return /* @__PURE__ */ jsx24(AutofillContext.Provider, { value: true, children });
+}
+function useAutofill(autoComplete) {
+  const scoped = React44.useContext(AutofillContext);
+  if (autoComplete && autoComplete !== "off") return { autoComplete };
+  if (scoped && !autoComplete) return {};
+  return AUTOFILL_OFF;
+}
+
+// src/internal/FieldAction.tsx
+import * as React45 from "react";
 
 // src/internal/FieldAction.module.css
 var FieldAction_default = {
@@ -5279,7 +5315,7 @@ var FieldAction_default = {
 };
 
 // src/internal/FieldAction.tsx
-import { Fragment as Fragment7, jsx as jsx24, jsxs as jsxs13 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx25, jsxs as jsxs13 } from "react/jsx-runtime";
 var fieldActionClass = cx(FieldAction_default.action, touchTargetBlockClass);
 function FieldActionButton({
   label,
@@ -5298,17 +5334,17 @@ function FieldActionButton({
     "aria-label": label,
     "data-field-action": ""
   };
-  const segment = asChild ? /* @__PURE__ */ jsx24(Slot, { ...shared, ref, "aria-disabled": disabled || void 0, children }) : /* @__PURE__ */ jsx24("button", { ...shared, ref, type, disabled, children: /* @__PURE__ */ jsx24(GlyphSwap, { children }) });
+  const segment = asChild ? /* @__PURE__ */ jsx25(Slot, { ...shared, ref, "aria-disabled": disabled || void 0, children }) : /* @__PURE__ */ jsx25("button", { ...shared, ref, type, disabled, children: /* @__PURE__ */ jsx25(GlyphSwap, { children }) });
   if (!tooltip) return segment;
   return /* @__PURE__ */ jsxs13(Tooltip.Root, { children: [
-    /* @__PURE__ */ jsx24(Tooltip.Trigger, { children: segment }),
-    /* @__PURE__ */ jsx24(Tooltip.Content, { children: label })
+    /* @__PURE__ */ jsx25(Tooltip.Trigger, { children: segment }),
+    /* @__PURE__ */ jsx25(Tooltip.Content, { children: label })
   ] });
 }
 var COPY_FEEDBACK_MS = 1600;
 function FieldCopyButton({ getText, labels, onClick: onClick2, ...rest }) {
-  const [state, setState] = React44.useState("idle");
-  React44.useEffect(() => {
+  const [state, setState] = React45.useState("idle");
+  React45.useEffect(() => {
     if (state === "idle") return;
     const timer = window.setTimeout(() => setState("idle"), COPY_FEEDBACK_MS);
     return () => window.clearTimeout(timer);
@@ -5316,7 +5352,7 @@ function FieldCopyButton({ getText, labels, onClick: onClick2, ...rest }) {
   const label = state === "copied" ? labels.copied : state === "error" ? labels.copyError : labels.copy;
   const glyph = state === "copied" ? "action.check" : "action.copy";
   return /* @__PURE__ */ jsxs13(Fragment7, { children: [
-    /* @__PURE__ */ jsx24(
+    /* @__PURE__ */ jsx25(
       FieldActionButton,
       {
         ...rest,
@@ -5332,15 +5368,15 @@ function FieldCopyButton({ getText, labels, onClick: onClick2, ...rest }) {
             setState("error");
           }
         },
-        children: /* @__PURE__ */ jsx24(Icon, { name: glyph })
+        children: /* @__PURE__ */ jsx25(Icon, { name: glyph })
       }
     ),
-    /* @__PURE__ */ jsx24(VisuallyHidden, { live: "polite", children: state === "idle" ? "" : label })
+    /* @__PURE__ */ jsx25(VisuallyHidden, { live: "polite", children: state === "idle" ? "" : label })
   ] });
 }
 
 // src/internal/FieldCommit.tsx
-import * as React45 from "react";
+import * as React46 from "react";
 
 // src/internal/controlValue.ts
 function setControlValue(control, value) {
@@ -5355,36 +5391,36 @@ var FieldCommit_default = {
 };
 
 // src/internal/FieldCommit.tsx
-import { Fragment as Fragment8, jsx as jsx25, jsxs as jsxs14 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx26, jsxs as jsxs14 } from "react/jsx-runtime";
 var SAVED_MS = 1600;
 function useFieldCommit(controlRef, onCommit) {
-  const [state, setState] = React45.useState("idle");
-  const committed = React45.useRef(null);
-  const started = React45.useRef(0);
-  const settled = React45.useRef(0);
-  const pending2 = React45.useRef(0);
-  const onCommitRef = React45.useRef(onCommit);
+  const [state, setState] = React46.useState("idle");
+  const committed = React46.useRef(null);
+  const started = React46.useRef(0);
+  const settled = React46.useRef(0);
+  const pending2 = React46.useRef(0);
+  const onCommitRef = React46.useRef(onCommit);
   onCommitRef.current = onCommit;
-  React45.useLayoutEffect(() => {
+  React46.useLayoutEffect(() => {
     if (committed.current === null && controlRef.current) {
       committed.current = controlRef.current.value;
     }
   }, [controlRef]);
-  React45.useEffect(() => {
+  React46.useEffect(() => {
     if (state !== "saved") return;
     const timer = window.setTimeout(() => setState("idle"), SAVED_MS);
     return () => window.clearTimeout(timer);
   }, [state]);
-  const sync = React45.useCallback(() => {
+  const sync = React46.useCallback(() => {
     if (pending2.current === 0 && controlRef.current) committed.current = controlRef.current.value;
   }, [controlRef]);
-  const revert = React45.useCallback(() => {
+  const revert = React46.useCallback(() => {
     const control = controlRef.current;
     if (!control || committed.current === null || control.value === committed.current) return false;
     setControlValue(control, committed.current);
     return true;
   }, [controlRef]);
-  const commit = React45.useCallback(() => {
+  const commit = React46.useCallback(() => {
     const control = controlRef.current;
     const handler = onCommitRef.current;
     if (!control || !handler) return;
@@ -5438,11 +5474,11 @@ function FieldCommitStatus({
 }) {
   const shown = state !== "idle";
   const presence = usePresence(shown, { exitDuration: "fast" });
-  const last = React45.useRef(state);
+  const last = React46.useRef(state);
   if (shown) last.current = state;
   const glyph = shown ? state : last.current;
   return /* @__PURE__ */ jsxs14(Fragment8, { children: [
-    presence.mounted ? /* @__PURE__ */ jsx25(
+    presence.mounted ? /* @__PURE__ */ jsx26(
       "span",
       {
         className: cx(
@@ -5453,21 +5489,21 @@ function FieldCommitStatus({
         "data-commit": glyph,
         "aria-hidden": "true",
         onAnimationEnd: presence.onExitEnd,
-        children: /* @__PURE__ */ jsx25(GlyphSwap, { children: glyph === "saved" ? /* @__PURE__ */ jsx25(Icon, { name: "action.check" }) : /* @__PURE__ */ jsx25(Spinner, { "aria-hidden": "true" }) })
+        children: /* @__PURE__ */ jsx26(GlyphSwap, { children: glyph === "saved" ? /* @__PURE__ */ jsx26(Icon, { name: "action.check" }) : /* @__PURE__ */ jsx26(Spinner, { "aria-hidden": "true" }) })
       }
     ) : null,
-    /* @__PURE__ */ jsx25(VisuallyHidden, { live: "polite", children: state === "pending" ? labels.saving : state === "saved" ? labels.saved : "" })
+    /* @__PURE__ */ jsx26(VisuallyHidden, { live: "polite", children: state === "pending" ? labels.saving : state === "saved" ? labels.saved : "" })
   ] });
 }
 
 // src/internal/FieldFrame.tsx
-import * as React47 from "react";
+import * as React48 from "react";
 
 // src/internal/fieldCell.ts
-import * as React46 from "react";
-var FieldCellContext = React46.createContext(null);
+import * as React47 from "react";
+var FieldCellContext = React47.createContext(null);
 function useFieldCell() {
-  return React46.useContext(FieldCellContext);
+  return React47.useContext(FieldCellContext);
 }
 
 // src/internal/FieldFrame.module.css
@@ -5485,7 +5521,7 @@ var FieldFrame_default = {
 };
 
 // src/internal/FieldFrame.tsx
-import { jsx as jsx26, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx27, jsxs as jsxs15 } from "react/jsx-runtime";
 var REQUIRED_ROLES = /* @__PURE__ */ new Set([
   "checkbox",
   "combobox",
@@ -5504,7 +5540,7 @@ function useFieldFrame(explicitId, {
   invalid,
   required
 }, ariaDescribedBy) {
-  const generated = React47.useId();
+  const generated = React48.useId();
   const cell = useFieldCell();
   const controlId = explicitId ?? generated;
   const labelId = `${controlId}-label`;
@@ -5544,9 +5580,9 @@ function useFieldFrame(explicitId, {
 }
 function useErrorShake(invalid, error) {
   const key = !invalid ? null : typeof error === "string" || typeof error === "number" ? String(error) : "invalid";
-  const previous = React47.useRef(key);
-  const [count, setCount] = React47.useState(0);
-  React47.useEffect(() => {
+  const previous = React48.useRef(key);
+  const [count, setCount] = React48.useState(0);
+  React48.useEffect(() => {
     if (key !== null && key !== previous.current) setCount((n) => n + 1);
     previous.current = key;
   }, [key]);
@@ -5554,7 +5590,7 @@ function useErrorShake(invalid, error) {
   return count % 2 ? "odd" : "even";
 }
 function useLeavingError(showError, error) {
-  const last = React47.useRef(error);
+  const last = React48.useRef(error);
   if (showError) last.current = error;
   const presence = usePresence(showError, { exitDuration: "fast" });
   if (showError || !presence.mounted) return null;
@@ -5574,9 +5610,9 @@ function FieldSupport({
 }) {
   let text = null;
   if (ids.showError) {
-    text = /* @__PURE__ */ jsx26(Hint.Root, { id: ids.errorId, size, invalid: true, className: textClassName, children: error });
+    text = /* @__PURE__ */ jsx27(Hint.Root, { id: ids.errorId, size, invalid: true, className: textClassName, children: error });
   } else if (leaving) {
-    text = /* @__PURE__ */ jsx26(
+    text = /* @__PURE__ */ jsx27(
       Hint.Root,
       {
         size,
@@ -5588,7 +5624,7 @@ function FieldSupport({
       }
     );
   } else if (ids.showHint) {
-    text = /* @__PURE__ */ jsx26(
+    text = /* @__PURE__ */ jsx27(
       Hint.Root,
       {
         id: ids.hintId,
@@ -5600,7 +5636,7 @@ function FieldSupport({
       }
     );
   }
-  return /* @__PURE__ */ jsx26("div", { className, "aria-live": live ? "polite" : void 0, children: text });
+  return /* @__PURE__ */ jsx27("div", { className, "aria-live": live ? "polite" : void 0, children: text });
 }
 function FieldFrame({
   size,
@@ -5627,7 +5663,7 @@ function FieldFrame({
   const shake = useErrorShake(ids.invalid, error);
   const cell = useFieldCell();
   const shownLabel = hasContent(label) ? label : cell?.label;
-  const labelNode = hasContent(shownLabel) ? /* @__PURE__ */ jsx26(
+  const labelNode = hasContent(shownLabel) ? /* @__PURE__ */ jsx27(
     Label.Root,
     {
       id: ids.labelId,
@@ -5659,7 +5695,7 @@ function FieldFrame({
       children: [
         labelEnd != null ? /* @__PURE__ */ jsxs15("div", { className: FieldFrame_default.labelRow, children: [
           labelNode,
-          /* @__PURE__ */ jsx26("span", { className: FieldFrame_default.labelEnd, children: labelEnd })
+          /* @__PURE__ */ jsx27("span", { className: FieldFrame_default.labelEnd, children: labelEnd })
         ] }) : labelNode,
         /* @__PURE__ */ jsxs15("div", { className: cx(FieldFrame_default.body, enterMotion_default.shakeParts), "data-shake": shake, children: [
           children,
@@ -5674,7 +5710,7 @@ function FieldFrame({
                 empty: !showSupport || void 0
               }),
               children: [
-                /* @__PURE__ */ jsx26(
+                /* @__PURE__ */ jsx27(
                   FieldSupport,
                   {
                     ids,
@@ -5693,7 +5729,7 @@ function FieldFrame({
             }
           )
         ] }),
-        requiredLabel && ids.required ? /* @__PURE__ */ jsx26(VisuallyHidden, { id: ids.requiredId, children: requiredLabel }) : null
+        requiredLabel && ids.required ? /* @__PURE__ */ jsx27(VisuallyHidden, { id: ids.requiredId, children: requiredLabel }) : null
       ]
     }
   );
@@ -5708,18 +5744,18 @@ function FieldCounter({ current, max, size, label, className, ...rest }) {
       "data-invalid": current > max || void 0,
       children: [
         /* @__PURE__ */ jsxs15("span", { "aria-hidden": "true", children: [
-          /* @__PURE__ */ jsx26(RollingNumber, { children: current }),
+          /* @__PURE__ */ jsx27(RollingNumber, { children: current }),
           "/",
           max
         ] }),
-        /* @__PURE__ */ jsx26(VisuallyHidden, { live: "polite", children: formatLabel(label, { current, max }) })
+        /* @__PURE__ */ jsx27(VisuallyHidden, { live: "polite", children: formatLabel(label, { current, max }) })
       ]
     }
   );
 }
 
 // src/internal/listbox.ts
-import * as React48 from "react";
+import * as React49 from "react";
 
 // src/internal/rovingFocus.ts
 var PREV = {
@@ -5787,11 +5823,11 @@ function createStore(initial) {
   };
 }
 function useCreateStore(initial) {
-  return React48.useState(() => createStore(initial))[0];
+  return React49.useState(() => createStore(initial))[0];
 }
 function useStoreSlice(store, select) {
   const read = () => select(store.get());
-  return React48.useSyncExternalStore(store.subscribe, read, read);
+  return React49.useSyncExternalStore(store.subscribe, read, read);
 }
 function createListboxRegistry() {
   const entries = /* @__PURE__ */ new Map();
@@ -5848,19 +5884,19 @@ function createListboxRegistry() {
   };
 }
 function useListboxRegistry() {
-  return React48.useState(createListboxRegistry)[0];
+  return React49.useState(createListboxRegistry)[0];
 }
 function useListboxView(registry, query = "", filter = true) {
   const read = () => registry.view(query, filter);
-  return React48.useSyncExternalStore(registry.subscribe, read, read);
+  return React49.useSyncExternalStore(registry.subscribe, read, read);
 }
 function useListboxItem(registry, id, item, nodeRef) {
-  const activateRef = React48.useRef(item.onActivate);
-  React48.useLayoutEffect(() => {
+  const activateRef = React49.useRef(item.onActivate);
+  React49.useLayoutEffect(() => {
     activateRef.current = item.onActivate;
   });
   const { label, haystack, disabled = false, persistent = false } = item;
-  React48.useLayoutEffect(
+  React49.useLayoutEffect(
     () => registry.register(
       id,
       { label, haystack, disabled, persistent, onActivate: () => activateRef.current() },
@@ -5893,10 +5929,10 @@ function handleListboxKeyDown(event, { ids, highlight, activate }) {
 }
 var TYPEAHEAD_RESET_MS = 500;
 function useTypeahead() {
-  const state = React48.useRef({ buffer: "", timer: 0 });
-  React48.useEffect(() => () => window.clearTimeout(state.current.timer), []);
-  const isTyping = React48.useCallback(() => state.current.buffer !== "", []);
-  const find = React48.useCallback(
+  const state = React49.useRef({ buffer: "", timer: 0 });
+  React49.useEffect(() => () => window.clearTimeout(state.current.timer), []);
+  const isTyping = React49.useCallback(() => state.current.buffer !== "", []);
+  const find = React49.useCallback(
     (key, ids, highlighted, labelOf) => {
       const s = state.current;
       window.clearTimeout(s.timer);
@@ -5931,10 +5967,10 @@ var Input_default = {
 };
 
 // src/components/input/inputSuggestions.tsx
-import * as React50 from "react";
+import * as React51 from "react";
 
 // src/internal/HighlightMatch.tsx
-import * as React49 from "react";
+import * as React50 from "react";
 
 // src/internal/HighlightMatch.module.css
 var HighlightMatch_default = {
@@ -5942,7 +5978,7 @@ var HighlightMatch_default = {
 };
 
 // src/internal/HighlightMatch.tsx
-import { Fragment as Fragment9, jsx as jsx27, jsxs as jsxs16 } from "react/jsx-runtime";
+import { Fragment as Fragment9, jsx as jsx28, jsxs as jsxs16 } from "react/jsx-runtime";
 function matchIndex(text, query) {
   if (!query) return -1;
   return text.toLowerCase().indexOf(query.toLowerCase());
@@ -5954,11 +5990,11 @@ function HighlightMatch({
 }) {
   const q = query.trim();
   const at = matchIndex(text, q);
-  if (at < 0) return /* @__PURE__ */ jsx27(Fragment9, { children: text });
+  if (at < 0) return /* @__PURE__ */ jsx28(Fragment9, { children: text });
   if (!all) {
     return /* @__PURE__ */ jsxs16("span", { children: [
       text.slice(0, at),
-      /* @__PURE__ */ jsx27("mark", { className: HighlightMatch_default.match, children: text.slice(at, at + q.length) }),
+      /* @__PURE__ */ jsx28("mark", { className: HighlightMatch_default.match, children: text.slice(at, at + q.length) }),
       text.slice(at + q.length)
     ] });
   }
@@ -5969,18 +6005,18 @@ function HighlightMatch({
   for (let found = at; found >= 0; found = lower.indexOf(needle, from)) {
     if (found > from) pieces.push(text.slice(from, found));
     pieces.push(
-      /* @__PURE__ */ jsx27("mark", { className: HighlightMatch_default.match, children: text.slice(found, found + q.length) }, found)
+      /* @__PURE__ */ jsx28("mark", { className: HighlightMatch_default.match, children: text.slice(found, found + q.length) }, found)
     );
     from = found + q.length;
   }
   if (from < text.length) pieces.push(text.slice(from));
-  return /* @__PURE__ */ jsx27("span", { children: pieces });
+  return /* @__PURE__ */ jsx28("span", { children: pieces });
 }
 function highlightChildren(children, query) {
   if (!query.trim()) return children;
-  return React49.Children.map(
+  return React50.Children.map(
     children,
-    (child) => typeof child === "string" || typeof child === "number" ? /* @__PURE__ */ jsx27(HighlightMatch, { text: String(child), query }) : child
+    (child) => typeof child === "string" || typeof child === "number" ? /* @__PURE__ */ jsx28(HighlightMatch, { text: String(child), query }) : child
   );
 }
 
@@ -6006,26 +6042,26 @@ var menu_default = {
 };
 
 // src/components/input/inputSuggestions.tsx
-import { jsx as jsx28 } from "react/jsx-runtime";
+import { jsx as jsx29 } from "react/jsx-runtime";
 function matchesOf(items, text) {
   const query = text.trim().toLocaleLowerCase();
   const found = items.filter((item) => item.toLocaleLowerCase().includes(query));
   return found.length === 1 && found[0]?.toLocaleLowerCase() === query ? [] : found;
 }
 function useInputSuggestions(items, inputRef, listboxId, labelledBy, { closeOnEscape, closeOnOutsideClick }) {
-  const [open, setOpen] = React50.useState(false);
-  const [query, setQuery] = React50.useState("");
+  const [open, setOpen] = React51.useState(false);
+  const [query, setQuery] = React51.useState("");
   const highlight = useCreateStore(void 0);
-  const anchorRef = React50.useRef(null);
-  const pickingRef = React50.useRef(false);
+  const anchorRef = React51.useRef(null);
+  const pickingRef = React51.useRef(false);
   const list = items ?? [];
-  const matches = React50.useMemo(() => items ? matchesOf(items, query) : [], [items, query]);
+  const matches = React51.useMemo(() => items ? matchesOf(items, query) : [], [items, query]);
   const shown = open && matches.length > 0;
-  React50.useEffect(() => {
+  React51.useEffect(() => {
     const current = highlight.get();
     if (current !== void 0 && !matches.includes(current)) highlight.set(void 0);
   }, [matches, highlight]);
-  const close = React50.useCallback(() => {
+  const close = React51.useCallback(() => {
     setOpen(false);
     highlight.set(void 0);
   }, [highlight]);
@@ -6117,7 +6153,7 @@ function InputSuggestionList({
     closeOnOutsideClick: suggest.closeOnOutsideClick,
     matchAnchorWidth: true
   });
-  return /* @__PURE__ */ jsx28(
+  return /* @__PURE__ */ jsx29(
     FloatingPanel,
     {
       floating,
@@ -6125,7 +6161,7 @@ function InputSuggestionList({
       scroll: true,
       width: "trigger",
       className: cx(fieldTierClass, menu_default.tier, menu_default.menu),
-      children: /* @__PURE__ */ jsx28("div", { id: suggest.listboxId, role: "listbox", "aria-labelledby": suggest.labelledBy, children: suggest.matches.map((item) => /* @__PURE__ */ jsx28(SuggestionOption, { item, suggest }, item)) })
+      children: /* @__PURE__ */ jsx29("div", { id: suggest.listboxId, role: "listbox", "aria-labelledby": suggest.labelledBy, children: suggest.matches.map((item) => /* @__PURE__ */ jsx29(SuggestionOption, { item, suggest }, item)) })
     }
   );
 }
@@ -6133,7 +6169,7 @@ function SuggestionOption({ item, suggest }) {
   const highlighted = useStoreSlice(suggest.highlight, (value) => value === item);
   return (
     // biome-ignore lint/a11y/useKeyWithClickEvents: the keyboard stays in the field (`aria-activedescendant`)
-    /* @__PURE__ */ jsx28(
+    /* @__PURE__ */ jsx29(
       "div",
       {
         id: optionDomId(suggest.listboxId, item),
@@ -6147,14 +6183,14 @@ function SuggestionOption({ item, suggest }) {
           if (!highlighted) suggest.highlight.set(item);
         },
         onClick: () => suggest.pick(item),
-        children: /* @__PURE__ */ jsx28(HighlightMatch, { text: item, query: suggest.query })
+        children: /* @__PURE__ */ jsx29(HighlightMatch, { text: item, query: suggest.query })
       }
     )
   );
 }
 
 // src/components/input/Input.tsx
-import { Fragment as Fragment10, jsx as jsx29, jsxs as jsxs17 } from "react/jsx-runtime";
+import { Fragment as Fragment10, jsx as jsx30, jsxs as jsxs17 } from "react/jsx-runtime";
 var INPUT_LABELS = {
   optional: "\u043D\u0435\u043E\u0431\u044F\u0437\u0430\u0442\u0435\u043B\u044C\u043D\u043E",
   clear: "\u041E\u0447\u0438\u0441\u0442\u0438\u0442\u044C",
@@ -6180,7 +6216,7 @@ var STRENGTH_TONES = {
   4: "success"
 };
 var [InputProvider, useInputContext] = createComponentContext("Input");
-var InputSegmentContext = React51.createContext(false);
+var InputSegmentContext = React52.createContext(false);
 var NO_HIGHLIGHT = createStore(void 0);
 function InputRoot({
   size: sizeProp,
@@ -6208,18 +6244,18 @@ function InputRoot({
   className,
   ...rest
 }) {
-  const [strengthValue, setStrengthValue] = React51.useState("");
+  const [strengthValue, setStrengthValue] = React52.useState("");
   const tier = useHostTier(sizeProp);
   const { size } = tier;
   const labels = useLabels(INPUT_LABELS, labelsProp);
   const level = strength ? getStrength(strengthValue) : 0;
   const tooWeak = level > 0 && minStrength !== void 0 && level < minStrength;
-  const [weakReported, setWeakReported] = React51.useState(false);
-  const reportInvalid = React51.useCallback(() => setWeakReported(true), []);
+  const [weakReported, setWeakReported] = React52.useState(false);
+  const reportInvalid = React52.useCallback(() => setWeakReported(true), []);
   const shownError = error ?? (weakReported && tooWeak ? labels.strengthTooWeak : void 0);
   const ids = useFieldFrame(id, { label, hint, error: shownError, invalid, required });
   const { invalid: isInvalid, controlId: inputId, describedBy, required: isRequired } = ids;
-  const inputRef = React51.useRef(null);
+  const inputRef = React52.useRef(null);
   const suggest = useInputSuggestions(
     suggestions,
     inputRef,
@@ -6229,14 +6265,14 @@ function InputRoot({
   );
   const commit = useFieldCommit(inputRef, onCommit);
   const hasCommit = onCommit !== void 0;
-  const [revealed, setRevealed] = React51.useState(false);
-  const selectionRef = React51.useRef(null);
-  const mountedRef = React51.useRef(false);
-  React51.useEffect(() => {
+  const [revealed, setRevealed] = React52.useState(false);
+  const selectionRef = React52.useRef(null);
+  const mountedRef = React52.useRef(false);
+  React52.useEffect(() => {
     mountedRef.current = true;
   }, []);
-  const [affixes, setAffixes] = React51.useState([]);
-  const addAffix = React51.useCallback((affixId) => {
+  const [affixes, setAffixes] = React52.useState([]);
+  const addAffix = React52.useCallback((affixId) => {
     setAffixes((current) => [...current, affixId]);
     return () => setAffixes((current) => current.filter((item) => item !== affixId));
   }, []);
@@ -6244,7 +6280,7 @@ function InputRoot({
   const isValid = Boolean(valid) && !isInvalid;
   const validId = valid === void 0 ? "" : `${inputId}-valid`;
   const customValidity = minStrength === void 0 ? null : tooWeak ? labels.strengthTooWeak : "";
-  const contextValue = React51.useMemo(
+  const contextValue = React52.useMemo(
     () => ({
       size,
       invalid: isInvalid,
@@ -6292,7 +6328,7 @@ function InputRoot({
   );
   const levelTone = tooWeak ? "danger" : level ? STRENGTH_TONES[level] : void 0;
   const levelWord = level ? [labels.strengthWeak, labels.strengthEasy, labels.strengthMedium, labels.strengthHard][level - 1] : "";
-  return /* @__PURE__ */ jsx29(InputProvider, { value: contextValue, children: tier.provide(
+  return /* @__PURE__ */ jsx30(InputProvider, { value: contextValue, children: tier.provide(
     /* @__PURE__ */ jsxs17(
       FieldFrame,
       {
@@ -6306,15 +6342,15 @@ function InputRoot({
         hintTone,
         error: shownError,
         counter: strength ? /* @__PURE__ */ jsxs17(Fragment10, { children: [
-          /* @__PURE__ */ jsx29(
+          /* @__PURE__ */ jsx30(
             "span",
             {
               className: cx(textTone_default.tone, Input_default.strengthWord),
               "data-tone": levelTone,
               "aria-live": "polite",
               children: levelWord ? /* @__PURE__ */ jsxs17(Fragment10, { children: [
-                /* @__PURE__ */ jsx29(VisuallyHidden, { children: `${labels.strength}: ` }),
-                /* @__PURE__ */ jsx29(MorphText, { children: levelWord })
+                /* @__PURE__ */ jsx30(VisuallyHidden, { children: `${labels.strength}: ` }),
+                /* @__PURE__ */ jsx30(MorphText, { children: levelWord })
               ] }) : null
             }
           ),
@@ -6325,7 +6361,7 @@ function InputRoot({
         className: cx(fieldTierClass, Input_default.root, className),
         children: [
           children,
-          strength ? /* @__PURE__ */ jsx29(
+          strength ? /* @__PURE__ */ jsx30(
             ProgressBar,
             {
               steps: true,
@@ -6358,11 +6394,11 @@ function InputWrapper({ children, className, ref, ...rest }) {
         "focus-ring": focusRing
       }),
       children: [
-        /* @__PURE__ */ jsx29(InputSegmentContext, { value: true, children }),
-        valid ? /* @__PURE__ */ jsx29(InputValidMark, {}) : null,
-        validId ? /* @__PURE__ */ jsx29(VisuallyHidden, { id: validId, live: "polite", children: valid ? labels.valid : "" }) : null,
-        hasCommit ? /* @__PURE__ */ jsx29(FieldCommitStatus, { state: commit.state, labels, className: Input_default.status }) : null,
-        suggest ? /* @__PURE__ */ jsx29(InputSuggestionList, { suggest, size }) : null
+        /* @__PURE__ */ jsx30(InputSegmentContext, { value: true, children }),
+        valid ? /* @__PURE__ */ jsx30(InputValidMark, {}) : null,
+        validId ? /* @__PURE__ */ jsx30(VisuallyHidden, { id: validId, live: "polite", children: valid ? labels.valid : "" }) : null,
+        hasCommit ? /* @__PURE__ */ jsx30(FieldCommitStatus, { state: commit.state, labels, className: Input_default.status }) : null,
+        suggest ? /* @__PURE__ */ jsx30(InputSuggestionList, { suggest, size }) : null
       ]
     }
   );
@@ -6370,21 +6406,21 @@ function InputWrapper({ children, className, ref, ...rest }) {
 InputWrapper.displayName = "Input.Wrapper";
 function InputValidMark() {
   const { mountedRef } = useInputContext();
-  const [arrived] = React51.useState(() => mountedRef.current);
-  const [drawn, setDrawn] = React51.useState(!arrived);
-  React51.useEffect(() => {
+  const [arrived] = React52.useState(() => mountedRef.current);
+  const [drawn, setDrawn] = React52.useState(!arrived);
+  React52.useEffect(() => {
     if (drawn) return;
     const frame2 = requestAnimationFrame(() => setDrawn(true));
     return () => cancelAnimationFrame(frame2);
   }, [drawn]);
   const presence = usePartPresence({ axis: "inline" });
-  return /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsx30(
     "span",
     {
       ref: presence.ref,
       className: cx(iconSlotClass, Input_default.validMark, arrived && enterMotion_default.enter),
       "aria-hidden": "true",
-      children: /* @__PURE__ */ jsx29(Icon, { name: "action.check", drawn })
+      children: /* @__PURE__ */ jsx30(Icon, { name: "action.check", drawn })
     }
   );
 }
@@ -6394,6 +6430,7 @@ function InputField({
   required,
   disabled: disabledProp,
   type,
+  autoComplete,
   onChange,
   onValueChange,
   onFocus,
@@ -6425,8 +6462,9 @@ function InputField({
   const setRefs = useMergedRefs(inputRef, ref);
   const highlighted = useStoreSlice(suggest?.highlight ?? NO_HIGHLIGHT, (value) => value);
   const disabled = useInheritedDisabled(disabledProp);
+  const autofill = useAutofill(autoComplete);
   const fieldType = type === "password" && revealed ? "text" : type;
-  React51.useLayoutEffect(() => {
+  React52.useLayoutEffect(() => {
     const selection = selectionRef.current;
     const input = inputRef.current;
     if (!selection || !input || input.type !== (fieldType ?? "text")) return;
@@ -6434,16 +6472,16 @@ function InputField({
     input.setSelectionRange(selection[0], selection[1]);
   }, [fieldType, selectionRef, inputRef]);
   const controlled = rest.value;
-  React51.useEffect(() => {
+  React52.useEffect(() => {
     if (!reportValue) return;
     if (controlled !== void 0) reportValue(String(controlled));
     else if (inputRef.current) reportValue(inputRef.current.value);
   }, [reportValue, controlled, inputRef]);
-  React51.useEffect(() => {
+  React52.useEffect(() => {
     if (customValidity !== null) inputRef.current?.setCustomValidity(customValidity);
   }, [customValidity, inputRef]);
   const resolvedDescribedBy = [ariaDescribedBy, affixIds, describedBy, valid ? validId : void 0].filter(Boolean).join(" ") || void 0;
-  return /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsx30(
     "input",
     {
       ...rest,
@@ -6456,9 +6494,11 @@ function InputField({
       required: required ?? (requiredCtx || void 0),
       type: fieldType,
       "aria-busy": commit.state === "pending" || void 0,
+      ...autofill,
       ...suggest ? {
+        // The kit's own list: no browser or password-manager list on top of it.
+        ...AUTOFILL_OFF,
         role: "combobox",
-        autoComplete: "off",
         "aria-autocomplete": "list",
         "aria-expanded": suggest.shown,
         "aria-controls": suggest.shown ? suggest.listboxId : void 0,
@@ -6499,7 +6539,7 @@ function InputField({
 }
 InputField.displayName = "Input.Field";
 function InputIcon({ side, children, className, ...rest }) {
-  return /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsx30(
     "span",
     {
       ...rest,
@@ -6513,12 +6553,12 @@ function InputIcon({ side, children, className, ...rest }) {
 InputIcon.displayName = "Input.Icon";
 function useAffixDescription(id, spokenText) {
   const { addAffix } = useInputContext();
-  const generated = React51.useId();
+  const generated = React52.useId();
   const target = spokenText ? generated : id ?? generated;
-  React51.useLayoutEffect(() => addAffix(target), [addAffix, target]);
+  React52.useLayoutEffect(() => addAffix(target), [addAffix, target]);
   return spokenText ? {
     id,
-    spoken: /* @__PURE__ */ jsx29("span", { id: generated, hidden: true, children: spokenText })
+    spoken: /* @__PURE__ */ jsx30("span", { id: generated, hidden: true, children: spokenText })
   } : { id: target, spoken: null };
 }
 function InputAffix({
@@ -6573,10 +6613,10 @@ function InputInlineAffix({
 InputInlineAffix.displayName = "Input.InlineAffix";
 function InputClearButton({ onClick: onClick2, className, ref, ...rest }) {
   const { inputId, inputRef, labels, mountedRef } = useInputContext();
-  const [arrived] = React51.useState(() => mountedRef.current);
+  const [arrived] = React52.useState(() => mountedRef.current);
   const presence = usePartPresence({ axis: "inline" });
   const setRefs = useMergedRefs(presence.ref, ref);
-  return /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsx30(
     FieldActionButton,
     {
       tooltip: false,
@@ -6589,18 +6629,18 @@ function InputClearButton({ onClick: onClick2, className, ref, ...rest }) {
         onClick2?.(event);
         if (!event.defaultPrevented) inputRef.current?.focus();
       },
-      children: /* @__PURE__ */ jsx29(Icon, { name: "action.close" })
+      children: /* @__PURE__ */ jsx30(Icon, { name: "action.close" })
     }
   );
 }
 InputClearButton.displayName = "Input.ClearButton";
 function InputAction(props) {
-  return /* @__PURE__ */ jsx29(FieldActionButton, { ...props });
+  return /* @__PURE__ */ jsx30(FieldActionButton, { ...props });
 }
 InputAction.displayName = "Input.Action";
 function InputCopyButton({ value, ...rest }) {
   const { inputRef, labels } = useInputContext();
-  return /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsx30(
     FieldCopyButton,
     {
       ...rest,
@@ -6613,7 +6653,7 @@ InputCopyButton.displayName = "Input.CopyButton";
 function InputRevealButton({ onClick: onClick2, onMouseDown, ref, ...rest }) {
   const { inputId, inputRef, labels, revealed, setRevealed, selectionRef } = useInputContext();
   const glyph = revealed ? "field.password.hide" : "field.password.show";
-  return /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsx30(
     FieldActionButton,
     {
       tooltip: false,
@@ -6637,14 +6677,14 @@ function InputRevealButton({ onClick: onClick2, onMouseDown, ref, ...rest }) {
         }
         setRevealed((shown) => !shown);
       },
-      children: /* @__PURE__ */ jsx29(Icon, { name: glyph })
+      children: /* @__PURE__ */ jsx30(Icon, { name: glyph })
     }
   );
 }
 InputRevealButton.displayName = "Input.RevealButton";
 function InputCounter(props) {
   const { size, labels } = useInputContext();
-  return /* @__PURE__ */ jsx29(FieldCounter, { ...props, size, label: labels.counter });
+  return /* @__PURE__ */ jsx30(FieldCounter, { ...props, size, label: labels.counter });
 }
 InputCounter.displayName = "Input.Counter";
 var Input = {
@@ -6662,7 +6702,7 @@ var Input = {
 };
 
 // src/components/empty-page/EmptyPage.tsx
-import * as React52 from "react";
+import * as React53 from "react";
 
 // src/components/empty-page/EmptyPage.module.css
 var EmptyPage_default = {
@@ -6674,7 +6714,7 @@ var EmptyPage_default = {
 };
 
 // src/components/empty-page/EmptyPage.tsx
-import { jsx as jsx30, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx31, jsxs as jsxs18 } from "react/jsx-runtime";
 var EMPTY_PAGE_LABELS = { retry: "\u041F\u043E\u0432\u0442\u043E\u0440\u0438\u0442\u044C" };
 var TITLE_ROLE = {
   xs: textRole_default.titleS,
@@ -6690,7 +6730,7 @@ var DESCRIPTION_ROLE = {
   l: textRole_default.bodyM,
   xl: textRole_default.bodyL
 };
-var EmptyPageContext = React52.createContext({
+var EmptyPageContext = React53.createContext({
   tone: "neutral",
   size: "m",
   compact: false,
@@ -6717,7 +6757,7 @@ function EmptyPageRoot({
     labels: mergedLabels
   };
   return provide(
-    /* @__PURE__ */ jsx30(
+    /* @__PURE__ */ jsx31(
       "div",
       {
         className: cx(EmptyPage_default.root, appear.entering && enterMotion_default.enterBaseChildren, className),
@@ -6729,17 +6769,17 @@ function EmptyPageRoot({
           layout: layout === "default" ? void 0 : layout,
           tone: tone === "neutral" ? void 0 : tone
         }),
-        children: /* @__PURE__ */ jsx30(EmptyPageContext.Provider, { value: context, children })
+        children: /* @__PURE__ */ jsx31(EmptyPageContext.Provider, { value: context, children })
       }
     )
   );
 }
 EmptyPageRoot.displayName = "EmptyPage.Root";
 function EmptyPageIcon({ tone: toneProp, className, ...rest }) {
-  const { tone: rootTone, size, compact } = React52.useContext(EmptyPageContext);
+  const { tone: rootTone, size, compact } = React53.useContext(EmptyPageContext);
   return (
     // The tile is decorative: the title says what the state is.
-    /* @__PURE__ */ jsx30(
+    /* @__PURE__ */ jsx31(
       "div",
       {
         "aria-hidden": "true",
@@ -6753,8 +6793,8 @@ function EmptyPageIcon({ tone: toneProp, className, ...rest }) {
 }
 EmptyPageIcon.displayName = "EmptyPage.Icon";
 function EmptyPageTitle({ as: Tag = "h2", className, ref, ...rest }) {
-  const { size, compact } = React52.useContext(EmptyPageContext);
-  return /* @__PURE__ */ jsx30(
+  const { size, compact } = React53.useContext(EmptyPageContext);
+  return /* @__PURE__ */ jsx31(
     Tag,
     {
       ref,
@@ -6765,8 +6805,8 @@ function EmptyPageTitle({ as: Tag = "h2", className, ref, ...rest }) {
 }
 EmptyPageTitle.displayName = "EmptyPage.Title";
 function EmptyPageDescription({ className, ...rest }) {
-  const { size, compact } = React52.useContext(EmptyPageContext);
-  return /* @__PURE__ */ jsx30(
+  const { size, compact } = React53.useContext(EmptyPageContext);
+  return /* @__PURE__ */ jsx31(
     "p",
     {
       className: cx(
@@ -6780,11 +6820,11 @@ function EmptyPageDescription({ className, ...rest }) {
 }
 EmptyPageDescription.displayName = "EmptyPage.Description";
 function EmptyPageActions({ className, ...rest }) {
-  return /* @__PURE__ */ jsx30("div", { className: cx(EmptyPage_default.actions, className), ...rest });
+  return /* @__PURE__ */ jsx31("div", { className: cx(EmptyPage_default.actions, className), ...rest });
 }
 EmptyPageActions.displayName = "EmptyPage.Actions";
 function EmptyPageRetryButton({ onRetry, children, disabled, ...rest }) {
-  const { labels } = React52.useContext(EmptyPageContext);
+  const { labels } = React53.useContext(EmptyPageContext);
   const retry = usePendingAction(onRetry);
   return /* @__PURE__ */ jsxs18(
     Button.Root,
@@ -6796,7 +6836,7 @@ function EmptyPageRetryButton({ onRetry, children, disabled, ...rest }) {
       disabled,
       onClick: () => retry.run?.(),
       children: [
-        /* @__PURE__ */ jsx30(Button.Icon, { children: /* @__PURE__ */ jsx30(Icon, { name: "action.refresh" }) }),
+        /* @__PURE__ */ jsx31(Button.Icon, { children: /* @__PURE__ */ jsx31(Icon, { name: "action.refresh" }) }),
         children ?? labels.retry
       ]
     }
@@ -6813,21 +6853,21 @@ var EmptyPage = {
 };
 
 // src/components/avatar/Avatar.tsx
-import * as React56 from "react";
+import * as React57 from "react";
 
 // src/internal/imageSlot.tsx
-import * as React54 from "react";
+import * as React55 from "react";
 
 // src/hooks/useImageStatus.ts
-import * as React53 from "react";
+import * as React54 from "react";
 function useImageStatus(report, { onLoad, onError, decode = false } = {}) {
-  const [status, setStatus] = React53.useState("loading");
-  const settled = React53.useRef(false);
-  React53.useLayoutEffect(() => {
+  const [status, setStatus] = React54.useState("loading");
+  const settled = React54.useRef(false);
+  React54.useLayoutEffect(() => {
     report("loading");
     return () => report("idle");
   }, [report]);
-  const loaded = React53.useCallback(
+  const loaded = React54.useCallback(
     (element, event) => {
       const settle2 = () => {
         if (decode && (settled.current || !element.isConnected)) return;
@@ -6844,11 +6884,11 @@ function useImageStatus(report, { onLoad, onError, decode = false } = {}) {
     },
     [decode, onLoad, report]
   );
-  const handleLoad = React53.useCallback(
+  const handleLoad = React54.useCallback(
     (event) => loaded(event.currentTarget, event),
     [loaded]
   );
-  const handleError = React53.useCallback(
+  const handleError = React54.useCallback(
     (event) => {
       setStatus("error");
       report("error");
@@ -6856,7 +6896,7 @@ function useImageStatus(report, { onLoad, onError, decode = false } = {}) {
     },
     [onError, report]
   );
-  const ref = React53.useCallback(
+  const ref = React54.useCallback(
     (element) => {
       if (decode && element instanceof HTMLImageElement && element.complete && element.naturalWidth > 0) {
         loaded(element, null);
@@ -6868,18 +6908,18 @@ function useImageStatus(report, { onLoad, onError, decode = false } = {}) {
 }
 
 // src/internal/imageSlot.tsx
-import { Fragment as Fragment11, jsx as jsx31, jsxs as jsxs19 } from "react/jsx-runtime";
+import { Fragment as Fragment11, jsx as jsx32, jsxs as jsxs19 } from "react/jsx-runtime";
 function createImageSlot(name, classNames) {
   const [Provider, useSlotContext] = createComponentContext(name);
   function ImageSlotProvider({ children }) {
-    const [imageStatus, setImageStatus] = React54.useState("idle");
-    const value = React54.useMemo(() => ({ imageStatus, setImageStatus }), [imageStatus]);
-    return /* @__PURE__ */ jsx31(Provider, { value, children });
+    const [imageStatus, setImageStatus] = React55.useState("idle");
+    const value = React55.useMemo(() => ({ imageStatus, setImageStatus }), [imageStatus]);
+    return /* @__PURE__ */ jsx32(Provider, { value, children });
   }
   function ImageInner({ src, alt = "", className, onLoad, onError, ...rest }) {
     const { setImageStatus } = useSlotContext();
     const image = useImageStatus(setImageStatus, { onLoad, onError });
-    return /* @__PURE__ */ jsx31(
+    return /* @__PURE__ */ jsx32(
       "img",
       {
         loading: "lazy",
@@ -6896,7 +6936,7 @@ function createImageSlot(name, classNames) {
   }
   function LeavingImage({ image }) {
     const { ref: _ref, src, alt: _alt, className, ...rest } = image;
-    return /* @__PURE__ */ jsx31(
+    return /* @__PURE__ */ jsx32(
       "img",
       {
         ...rest,
@@ -6910,23 +6950,23 @@ function createImageSlot(name, classNames) {
     );
   }
   function Image2({ onLoad, onError, onTransitionEnd, ...props }) {
-    const [shown, setShown] = React54.useState(null);
-    const [leaving, setLeaving] = React54.useState(null);
-    const [src, setSrc] = React54.useState(props.src);
+    const [shown, setShown] = React55.useState(null);
+    const [leaving, setLeaving] = React55.useState(null);
+    const [src, setSrc] = React55.useState(props.src);
     if (props.src !== src) {
       setSrc(props.src);
       setLeaving(shown && !prefersReducedMotion() ? shown : null);
       setShown(null);
     }
     const leavingSrc = leaving?.src;
-    React54.useEffect(() => {
+    React55.useEffect(() => {
       if (!leavingSrc || !shown) return;
       const timer = window.setTimeout(() => setLeaving(null), exitTimeoutMs("slow"));
       return () => window.clearTimeout(timer);
     }, [leavingSrc, shown]);
     return /* @__PURE__ */ jsxs19(Fragment11, { children: [
-      leaving ? /* @__PURE__ */ jsx31(LeavingImage, { image: leaving }) : null,
-      /* @__PURE__ */ jsx31(
+      leaving ? /* @__PURE__ */ jsx32(LeavingImage, { image: leaving }) : null,
+      /* @__PURE__ */ jsx32(
         ImageInner,
         {
           ...props,
@@ -6950,7 +6990,7 @@ function createImageSlot(name, classNames) {
   Image2.displayName = `${name}.Image`;
   function Fallback({ className, ...rest }) {
     const { imageStatus } = useSlotContext();
-    return /* @__PURE__ */ jsx31(
+    return /* @__PURE__ */ jsx32(
       "span",
       {
         className: cx(classNames.fallback, className),
@@ -6970,22 +7010,22 @@ function createImageSlot(name, classNames) {
 }
 
 // src/internal/mediaSlot.tsx
-import * as React55 from "react";
-import { jsx as jsx32 } from "react/jsx-runtime";
-var MediaSlotContext = React55.createContext(null);
+import * as React56 from "react";
+import { jsx as jsx33 } from "react/jsx-runtime";
+var MediaSlotContext = React56.createContext(null);
 var MEDIA_SLOT_SIZE = { avatar: "l", thumbnail: "m" };
 function useMediaSlotHost() {
-  const [count, setCount] = React55.useState(0);
-  const value = React55.useMemo(
+  const [count, setCount] = React56.useState(0);
+  const value = React56.useMemo(
     () => ({ report: (present) => setCount((n) => Math.max(0, n + (present ? 1 : -1))) }),
     []
   );
-  const provide = (children) => /* @__PURE__ */ jsx32(MediaSlotContext.Provider, { value, children });
+  const provide = (children) => /* @__PURE__ */ jsx33(MediaSlotContext.Provider, { value, children });
   return { media: count > 0, provide };
 }
 function useMediaSlotSize(kind) {
-  const slot3 = React55.useContext(MediaSlotContext);
-  React55.useLayoutEffect(() => {
+  const slot3 = React56.useContext(MediaSlotContext);
+  React56.useLayoutEffect(() => {
     if (!slot3) return;
     slot3.report(true);
     return () => slot3.report(false);
@@ -7004,16 +7044,16 @@ var Avatar_default = {
 };
 
 // src/components/avatar/Avatar.tsx
-import { jsx as jsx33 } from "react/jsx-runtime";
+import { jsx as jsx34 } from "react/jsx-runtime";
 var slot = createImageSlot("Avatar", {
   image: Avatar_default.image,
   fallback: cx(Avatar_default.fallback, iconSlotClass)
 });
-var AvatarGroupSizeContext = React56.createContext(void 0);
+var AvatarGroupSizeContext = React57.createContext(void 0);
 function AvatarRoot({ size, color = "gray", className, children, ...rest }) {
-  const groupSize = React56.useContext(AvatarGroupSizeContext);
+  const groupSize = React57.useContext(AvatarGroupSizeContext);
   const slotSize = useMediaSlotSize("avatar");
-  return /* @__PURE__ */ jsx33(slot.ImageSlotProvider, { children: /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsx34(slot.ImageSlotProvider, { children: /* @__PURE__ */ jsx34(
     "div",
     {
       role: namedRole(rest, "img"),
@@ -7035,7 +7075,7 @@ var AVATAR_STATUS_LABELS = {
 };
 function AvatarStatus({ status, labels, className, ...rest }) {
   slot.useImageSlot();
-  return /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsx34(
     "span",
     {
       role: "img",
@@ -7048,7 +7088,7 @@ function AvatarStatus({ status, labels, className, ...rest }) {
 }
 AvatarStatus.displayName = "Avatar.Status";
 function AvatarGroup({ size, className, role = "group", ...rest }) {
-  return /* @__PURE__ */ jsx33(AvatarGroupSizeContext.Provider, { value: size, children: /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsx34(AvatarGroupSizeContext.Provider, { value: size, children: /* @__PURE__ */ jsx34(
     "div",
     {
       role,
@@ -7060,8 +7100,8 @@ function AvatarGroup({ size, className, role = "group", ...rest }) {
 }
 AvatarGroup.displayName = "Avatar.Group";
 function AvatarOverflow({ size, className, ...rest }) {
-  const groupSize = React56.useContext(AvatarGroupSizeContext);
-  return /* @__PURE__ */ jsx33(
+  const groupSize = React57.useContext(AvatarGroupSizeContext);
+  return /* @__PURE__ */ jsx34(
     "div",
     {
       role: namedRole(rest, "img"),
@@ -7082,7 +7122,7 @@ var Avatar = {
 };
 
 // src/components/checkbox/Checkbox.tsx
-import * as React58 from "react";
+import * as React59 from "react";
 
 // src/internal/CheckMark.module.css
 var CheckMark_default = {
@@ -7092,7 +7132,7 @@ var CheckMark_default = {
 };
 
 // src/internal/CheckMark.tsx
-import { jsx as jsx34, jsxs as jsxs20 } from "react/jsx-runtime";
+import { jsx as jsx35, jsxs as jsxs20 } from "react/jsx-runtime";
 function CheckMark({ state, className }) {
   return /* @__PURE__ */ jsxs20(
     "svg",
@@ -7103,15 +7143,15 @@ function CheckMark({ state, className }) {
       "aria-hidden": "true",
       focusable: "false",
       children: [
-        /* @__PURE__ */ jsx34("path", { d: "M5.5 12.5l4.25 4.25L18.5 8", pathLength: 1, className: CheckMark_default.check }),
-        /* @__PURE__ */ jsx34("path", { d: "M7 12h10", pathLength: 1, className: CheckMark_default.bar })
+        /* @__PURE__ */ jsx35("path", { d: "M5.5 12.5l4.25 4.25L18.5 8", pathLength: 1, className: CheckMark_default.check }),
+        /* @__PURE__ */ jsx35("path", { d: "M7 12h10", pathLength: 1, className: CheckMark_default.bar })
       ]
     }
   );
 }
 
 // src/internal/ChoiceField.tsx
-import * as React57 from "react";
+import * as React58 from "react";
 
 // src/internal/ChoiceField.module.css
 var ChoiceField_default = {
@@ -7127,12 +7167,12 @@ var ChoiceField_default = {
 };
 
 // src/internal/ChoiceField.tsx
-import { Fragment as Fragment12, jsx as jsx35, jsxs as jsxs21 } from "react/jsx-runtime";
+import { Fragment as Fragment12, jsx as jsx36, jsxs as jsxs21 } from "react/jsx-runtime";
 var choiceInputClass = ChoiceField_default.input;
 var choiceVisualClass = cx(ChoiceField_default.visual, press_default.pressPartCompact);
 var choiceBoxClass = ChoiceField_default.box;
 var choiceTrackClass = ChoiceField_default.track;
-var ChoiceMarksContext = React57.createContext(null);
+var ChoiceMarksContext = React58.createContext(null);
 function ChoiceField({
   ids,
   size,
@@ -7153,11 +7193,11 @@ function ChoiceField({
 }) {
   const shake = useErrorShake(!groupOption && ids.invalid, error);
   const leaving = useLeavingError(ids.showError, error);
-  const marks = React57.useMemo(
+  const marks = React58.useMemo(
     () => ({ required, optional, optionalLabel, disabled }),
     [required, optional, optionalLabel, disabled]
   );
-  return /* @__PURE__ */ jsx35(ControlSizeProvider, { value: size, children: /* @__PURE__ */ jsxs21(
+  return /* @__PURE__ */ jsx36(ControlSizeProvider, { value: size, children: /* @__PURE__ */ jsxs21(
     "div",
     {
       className: cx(fieldTierClass, ChoiceField_default.field, className),
@@ -7176,7 +7216,7 @@ function ChoiceField({
             className: cx(ChoiceField_default.row, press_default.pressHost),
             "data-loading": busy || void 0,
             children: [
-              /* @__PURE__ */ jsx35(
+              /* @__PURE__ */ jsx36(
                 "span",
                 {
                   className: cx(ChoiceField_default.controlCell, enterMotion_default.shake, touchTargetClass),
@@ -7184,11 +7224,11 @@ function ChoiceField({
                   children: control
                 }
               ),
-              /* @__PURE__ */ jsx35(ChoiceMarksContext, { value: marks, children })
+              /* @__PURE__ */ jsx36(ChoiceMarksContext, { value: marks, children })
             ]
           }
         ),
-        /* @__PURE__ */ jsx35(
+        /* @__PURE__ */ jsx36(
           FieldSupport,
           {
             ids,
@@ -7207,13 +7247,13 @@ function ChoiceField({
   ) });
 }
 function ChoiceLabel({ className, children, ...rest }) {
-  const marks = React57.use(ChoiceMarksContext);
+  const marks = React58.use(ChoiceMarksContext);
   const marked = marks && (marks.required || marks.optional);
   return /* @__PURE__ */ jsxs21("span", { className: cx(ChoiceField_default.text, className), ...rest, children: [
     children,
     marked ? /* @__PURE__ */ jsxs21(Fragment12, { children: [
       " ",
-      /* @__PURE__ */ jsx35(
+      /* @__PURE__ */ jsx36(
         LabelMarks,
         {
           required: marks.required,
@@ -7234,7 +7274,7 @@ var Checkbox_default = {
 };
 
 // src/components/checkbox/Checkbox.tsx
-import { Fragment as Fragment13, jsx as jsx36, jsxs as jsxs22 } from "react/jsx-runtime";
+import { Fragment as Fragment13, jsx as jsx37, jsxs as jsxs22 } from "react/jsx-runtime";
 var CHECKBOX_LABELS = { optional: "\u043D\u0435\u043E\u0431\u044F\u0437\u0430\u0442\u0435\u043B\u044C\u043D\u043E" };
 function CheckboxRoot({
   id,
@@ -7267,12 +7307,12 @@ function CheckboxRoot({
     defaultValue: defaultChecked,
     onChange: onCheckedChange
   });
-  const internalRef = React58.useRef(null);
+  const internalRef = React59.useRef(null);
   const mergedRef = useMergedRefs(internalRef, ref);
-  React58.useLayoutEffect(() => {
+  React59.useLayoutEffect(() => {
     if (internalRef.current) internalRef.current.indeterminate = indeterminate;
   });
-  return /* @__PURE__ */ jsx36(
+  return /* @__PURE__ */ jsx37(
     ChoiceField,
     {
       ids,
@@ -7288,7 +7328,7 @@ function CheckboxRoot({
       error,
       className: cx(Checkbox_default.root, className),
       control: /* @__PURE__ */ jsxs22(Fragment13, { children: [
-        /* @__PURE__ */ jsx36(
+        /* @__PURE__ */ jsx37(
           "input",
           {
             ...inputRest,
@@ -7307,13 +7347,13 @@ function CheckboxRoot({
             "aria-describedby": ids.describedBy
           }
         ),
-        /* @__PURE__ */ jsx36(
+        /* @__PURE__ */ jsx37(
           "span",
           {
             className: cx(choiceVisualClass, choiceBoxClass, Checkbox_default.control),
             "data-shape": shape,
             "aria-hidden": "true",
-            children: /* @__PURE__ */ jsx36(
+            children: /* @__PURE__ */ jsx37(
               CheckMark,
               {
                 state: indeterminate ? "indeterminate" : checked ? "checked" : "unchecked"
@@ -7328,7 +7368,7 @@ function CheckboxRoot({
 }
 CheckboxRoot.displayName = "Checkbox.Root";
 function CheckboxLabel(props) {
-  return /* @__PURE__ */ jsx36(ChoiceLabel, { ...props });
+  return /* @__PURE__ */ jsx37(ChoiceLabel, { ...props });
 }
 CheckboxLabel.displayName = "Checkbox.Label";
 function CheckboxIndicator({
@@ -7341,7 +7381,7 @@ function CheckboxIndicator({
   ...rest
 }) {
   const size = useControlSize(sizeProp);
-  return /* @__PURE__ */ jsx36(
+  return /* @__PURE__ */ jsx37(
     "span",
     {
       "aria-hidden": "true",
@@ -7360,7 +7400,7 @@ function CheckboxIndicator({
         disabled: disabled || void 0
       }),
       ...rest,
-      children: /* @__PURE__ */ jsx36(CheckMark, { state: indeterminate ? "indeterminate" : checked ? "checked" : "unchecked" })
+      children: /* @__PURE__ */ jsx37(CheckMark, { state: indeterminate ? "indeterminate" : checked ? "checked" : "unchecked" })
     }
   );
 }
@@ -7372,7 +7412,7 @@ var Checkbox = {
 };
 
 // src/components/thumbnail/Thumbnail.tsx
-import * as React60 from "react";
+import * as React61 from "react";
 
 // src/internal/formatClock.ts
 var pad = (value) => String(value).padStart(2, "0");
@@ -7444,20 +7484,20 @@ var mediaDisk_default = {
 };
 
 // src/internal/mediaDisk.tsx
-import { jsx as jsx37 } from "react/jsx-runtime";
+import { jsx as jsx38 } from "react/jsx-runtime";
 var mediaDiskClass = cx(fieldTierClass, mediaPill_default.ink, mediaDisk_default.disk);
 function MediaPlayMark({
   shown = true,
   className
 }) {
-  return /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx38(
     "span",
     {
       className: cx(mediaDiskClass, className),
       "data-size": "l",
       "data-shown": shown,
       "aria-hidden": "true",
-      children: /* @__PURE__ */ jsx37(Icon, { name: "action.play", fill: "currentColor" })
+      children: /* @__PURE__ */ jsx38(Icon, { name: "action.play", fill: "currentColor" })
     }
   );
 }
@@ -7468,7 +7508,7 @@ function firstFrame(src) {
 }
 
 // src/internal/mediaSession.ts
-import * as React59 from "react";
+import * as React60 from "react";
 var active = null;
 var audible = (media) => !media.muted && media.volume > 0;
 function claimPlayback(media) {
@@ -7480,7 +7520,7 @@ function releasePlayback(media) {
   if (active === media) active = null;
 }
 function useMediaSession(ref) {
-  React59.useEffect(() => {
+  React60.useEffect(() => {
     const media = ref.current;
     if (!media) return;
     const claim = () => claimPlayback(media);
@@ -7517,7 +7557,7 @@ var Thumbnail_default = {
 };
 
 // src/components/thumbnail/Thumbnail.tsx
-import { Fragment as Fragment14, jsx as jsx38, jsxs as jsxs23 } from "react/jsx-runtime";
+import { Fragment as Fragment14, jsx as jsx39, jsxs as jsxs23 } from "react/jsx-runtime";
 var slot2 = createImageSlot("Thumbnail", { image: Thumbnail_default.image, fallback: Thumbnail_default.fallback });
 function ThumbnailRoot({
   size: sizeProp,
@@ -7559,7 +7599,7 @@ function ThumbnailRoot({
   if (selectable) {
     const { onClick: onClick2 } = rest;
     return provide(
-      /* @__PURE__ */ jsx38(slot2.ImageSlotProvider, { children: /* @__PURE__ */ jsxs23(
+      /* @__PURE__ */ jsx39(slot2.ImageSlotProvider, { children: /* @__PURE__ */ jsxs23(
         "button",
         {
           ...rest,
@@ -7574,7 +7614,7 @@ function ThumbnailRoot({
           },
           children: [
             children,
-            /* @__PURE__ */ jsx38("span", { className: cx(Thumbnail_default.check, mediaPill_default.choice), "aria-hidden": "true", children: /* @__PURE__ */ jsx38(Checkbox.Indicator, { checked, size: fullWidth ? "s" : compactTier(size) }) })
+            /* @__PURE__ */ jsx39("span", { className: cx(Thumbnail_default.check, mediaPill_default.choice), "aria-hidden": "true", children: /* @__PURE__ */ jsx39(Checkbox.Indicator, { checked, size: fullWidth ? "s" : compactTier(size) }) })
           ]
         }
       ) })
@@ -7582,16 +7622,16 @@ function ThumbnailRoot({
   }
   if (asChild) {
     return provide(
-      /* @__PURE__ */ jsx38(slot2.ImageSlotProvider, { children: /* @__PURE__ */ jsx38(Slot, { ...rest, ...frame2, ref, children }) })
+      /* @__PURE__ */ jsx39(slot2.ImageSlotProvider, { children: /* @__PURE__ */ jsx39(Slot, { ...rest, ...frame2, ref, children }) })
     );
   }
   return provide(
-    /* @__PURE__ */ jsx38(slot2.ImageSlotProvider, { children: /* @__PURE__ */ jsx38("div", { ref, ...frame2, ...rest, children }) })
+    /* @__PURE__ */ jsx39(slot2.ImageSlotProvider, { children: /* @__PURE__ */ jsx39("div", { ref, ...frame2, ...rest, children }) })
   );
 }
 ThumbnailRoot.displayName = "Thumbnail.Root";
 function ThumbnailImage({ fit = "cover", ...rest }) {
-  return /* @__PURE__ */ jsx38(slot2.Image, { ...rest, "data-fit": fit });
+  return /* @__PURE__ */ jsx39(slot2.Image, { ...rest, "data-fit": fit });
 }
 ThumbnailImage.displayName = "Thumbnail.Image";
 function ThumbnailVideoInner({
@@ -7611,22 +7651,22 @@ function ThumbnailVideoInner({
   ...rest
 }) {
   const report = slot2.useReportStatus();
-  const mute = React60.useCallback(
+  const mute = React61.useCallback(
     (node) => {
       if (node) node.muted = autoPlay && !controls;
     },
     [autoPlay, controls]
   );
-  const sessionRef = React60.useRef(null);
+  const sessionRef = React61.useRef(null);
   useMediaSession(sessionRef);
   const videoRef = useMergedRefs(mute, sessionRef, ref);
   const media = useImageStatus(report, { onError });
-  const [duration, setDuration] = React60.useState(null);
-  const [playing, setPlaying] = React60.useState(false);
-  const [still] = React60.useState(prefersReducedMotion);
+  const [duration, setDuration] = React61.useState(null);
+  const [playing, setPlaying] = React61.useState(false);
+  const [still] = React61.useState(prefersReducedMotion);
   const loops = autoPlay && !still && !controls;
   return /* @__PURE__ */ jsxs23(Fragment14, { children: [
-    /* @__PURE__ */ jsx38(
+    /* @__PURE__ */ jsx39(
       "video",
       {
         ...rest,
@@ -7661,12 +7701,12 @@ function ThumbnailVideoInner({
         }
       }
     ),
-    !controls && !loops ? /* @__PURE__ */ jsx38(MediaPlayMark, { shown: !playing, className: Thumbnail_default.play }) : null,
-    !controls && duration !== null ? /* @__PURE__ */ jsx38("span", { className: cx(textRole_default.caption, mediaPill_default.pill, Thumbnail_default.duration), children: formatDuration(duration) }) : null
+    !controls && !loops ? /* @__PURE__ */ jsx39(MediaPlayMark, { shown: !playing, className: Thumbnail_default.play }) : null,
+    !controls && duration !== null ? /* @__PURE__ */ jsx39("span", { className: cx(textRole_default.caption, mediaPill_default.pill, Thumbnail_default.duration), children: formatDuration(duration) }) : null
   ] });
 }
 function ThumbnailVideo(props) {
-  return /* @__PURE__ */ jsx38(ThumbnailVideoInner, { ...props }, props.src);
+  return /* @__PURE__ */ jsx39(ThumbnailVideoInner, { ...props }, props.src);
 }
 ThumbnailVideo.displayName = "Thumbnail.Video";
 var ThumbnailFallback = slot2.Fallback;
@@ -7678,10 +7718,10 @@ var Thumbnail = {
 };
 
 // src/components/select/Select.tsx
-import * as React64 from "react";
+import * as React65 from "react";
 
 // src/hooks/useLoadMore.ts
-import * as React61 from "react";
+import * as React62 from "react";
 var LIST_ROOT_MARGIN = "0px 0px 48px 0px";
 var NONE2 = /* @__PURE__ */ Symbol("none");
 function useLoadMore({
@@ -7691,19 +7731,19 @@ function useLoadMore({
   round,
   rootMargin = LIST_ROOT_MARGIN
 }) {
-  const sentinelRef = React61.useRef(null);
-  const handlerRef = React61.useRef(onLoadMore);
+  const sentinelRef = React62.useRef(null);
+  const handlerRef = React62.useRef(onLoadMore);
   handlerRef.current = onLoadMore;
-  const askedIn = React61.useRef(NONE2);
-  React61.useLayoutEffect(() => {
+  const askedIn = React62.useRef(NONE2);
+  React62.useLayoutEffect(() => {
     if (!enabled) askedIn.current = NONE2;
   }, [enabled]);
-  const request = React61.useCallback(() => {
+  const request = React62.useCallback(() => {
     if (!enabled || Object.is(askedIn.current, round)) return;
     askedIn.current = round;
     void handlerRef.current?.();
   }, [enabled, round]);
-  React61.useEffect(() => {
+  React62.useEffect(() => {
     const root = scrollRef.current;
     const target = sentinelRef.current;
     if (!enabled || !root || !target || typeof IntersectionObserver === "undefined") return;
@@ -7720,10 +7760,10 @@ function useLoadMore({
 }
 
 // src/internal/MenuGroup.tsx
-import * as React62 from "react";
-import { jsx as jsx39, jsxs as jsxs24 } from "react/jsx-runtime";
+import * as React63 from "react";
+import { jsx as jsx40, jsxs as jsxs24 } from "react/jsx-runtime";
 function MenuGroup({ label, className, children, ...rest }) {
-  const labelId = React62.useId();
+  const labelId = React63.useId();
   return (
     // biome-ignore lint/a11y/useSemanticElements: role="group" inside a menu / listbox; <fieldset> is not allowed there
     /* @__PURE__ */ jsxs24(
@@ -7734,7 +7774,7 @@ function MenuGroup({ label, className, children, ...rest }) {
         "aria-labelledby": label != null ? labelId : void 0,
         className: cx(menu_default.group, className),
         children: [
-          label != null ? /* @__PURE__ */ jsx39("div", { id: labelId, role: "presentation", className: cx(textRole_default.caption, menu_default.groupLabel), children: label }) : null,
+          label != null ? /* @__PURE__ */ jsx40("div", { id: labelId, role: "presentation", className: cx(textRole_default.caption, menu_default.groupLabel), children: label }) : null,
           children
         ]
       }
@@ -7768,22 +7808,22 @@ var Select_default = {
 };
 
 // src/components/select/SelectItem.tsx
-import * as React63 from "react";
+import * as React64 from "react";
 
 // src/components/select/selectContext.ts
 var normalize = (text) => text.trim().toLocaleLowerCase();
 var [SelectProvider, useSelectContext] = createComponentContext("Select");
 
 // src/components/select/SelectItem.tsx
-import { jsx as jsx40, jsxs as jsxs25 } from "react/jsx-runtime";
+import { jsx as jsx41, jsxs as jsxs25 } from "react/jsx-runtime";
 function SelectItemIcon({ className, ...rest }) {
-  return /* @__PURE__ */ jsx40("span", { "aria-hidden": "true", className: cx(menu_default.itemIcon, iconSlotClass, className), ...rest });
+  return /* @__PURE__ */ jsx41("span", { "aria-hidden": "true", className: cx(menu_default.itemIcon, iconSlotClass, className), ...rest });
 }
 SelectItemIcon.displayName = "Select.ItemIcon";
-var OptionQueryContext = React63.createContext("");
+var OptionQueryContext = React64.createContext("");
 function SelectItemText({ children, className, ...rest }) {
-  const query = React63.useContext(OptionQueryContext);
-  return /* @__PURE__ */ jsx40("span", { ...rest, className: cx(Select_default.itemTitle, className), children: highlightChildren(children, query) });
+  const query = React64.useContext(OptionQueryContext);
+  return /* @__PURE__ */ jsx41("span", { ...rest, className: cx(Select_default.itemTitle, className), children: highlightChildren(children, query) });
 }
 SelectItemText.displayName = "Select.ItemText";
 function SelectItemDescription({
@@ -7791,12 +7831,12 @@ function SelectItemDescription({
   className,
   ...rest
 }) {
-  const query = React63.useContext(OptionQueryContext);
-  return /* @__PURE__ */ jsx40("span", { ...rest, className: cx(Select_default.itemDescription, className), children: highlightChildren(children, query) });
+  const query = React64.useContext(OptionQueryContext);
+  return /* @__PURE__ */ jsx41("span", { ...rest, className: cx(Select_default.itemDescription, className), children: highlightChildren(children, query) });
 }
 SelectItemDescription.displayName = "Select.ItemDescription";
 function SelectItemMeta({ children, className, ...rest }) {
-  return /* @__PURE__ */ jsx40("span", { ...rest, className: cx(Select_default.itemMeta, className), children });
+  return /* @__PURE__ */ jsx41("span", { ...rest, className: cx(Select_default.itemMeta, className), children });
 }
 SelectItemMeta.displayName = "Select.ItemMeta";
 function splitItemChildren(children) {
@@ -7809,11 +7849,11 @@ function splitItemChildren(children) {
     description: ""
   };
   let plain = "";
-  for (const child of React63.Children.toArray(children)) {
-    if (!React63.isValidElement(child)) {
+  for (const child of React64.Children.toArray(children)) {
+    if (!React64.isValidElement(child)) {
       plain += nodeText(child);
       parts.body.push(child);
-    } else if (child.type === React63.Fragment) {
+    } else if (child.type === React64.Fragment) {
       const inner = splitItemChildren(child.props.children);
       parts.leading.push(...inner.leading);
       parts.body.push(...inner.body);
@@ -7843,7 +7883,7 @@ function splitItemChildren(children) {
 }
 function sizeMedia(leading, size) {
   return leading.map(
-    (node) => React63.isValidElement(node) && (node.type === Thumbnail.Root || node.type === Avatar.Root) ? React63.cloneElement(node, {
+    (node) => React64.isValidElement(node) && (node.type === Thumbnail.Root || node.type === Avatar.Root) ? React64.cloneElement(node, {
       size: node.props.size ?? tierMappings.rowMedia[size],
       className: cx(Select_default.media, node.props.className),
       "aria-hidden": true
@@ -7868,7 +7908,7 @@ function SelectItem({
   const haystack = normalize(`${resolvedLabel} ${parts.description} ${keywords ?? ""}`);
   const isSelected = selected.includes(value);
   const isHighlighted = useStoreSlice(highlight, (current) => current === value);
-  const nodeRef = React63.useRef(null);
+  const nodeRef = React64.useRef(null);
   const setRefs = useMergedRefs(nodeRef, ref);
   useListboxItem(
     registry,
@@ -7907,11 +7947,11 @@ function SelectItem({
           rich: parts.rich || void 0
         }),
         children: [
-          multiple ? /* @__PURE__ */ jsx40(Checkbox.Indicator, { checked: isSelected, disabled, size: stepDown(size) }) : null,
+          multiple ? /* @__PURE__ */ jsx41(Checkbox.Indicator, { checked: isSelected, disabled, size: stepDown(size) }) : null,
           sizeMedia(parts.leading, size),
-          /* @__PURE__ */ jsx40("span", { className: Select_default.itemText, children: /* @__PURE__ */ jsx40(OptionQueryContext.Provider, { value: query, children: highlightChildren(parts.body, query) }) }),
+          /* @__PURE__ */ jsx41("span", { className: Select_default.itemText, children: /* @__PURE__ */ jsx41(OptionQueryContext.Provider, { value: query, children: highlightChildren(parts.body, query) }) }),
           parts.meta,
-          multiple ? null : /* @__PURE__ */ jsx40("span", { className: menu_default.check, "aria-hidden": "true", children: isSelected ? /* @__PURE__ */ jsx40(Icon, { name: "action.check" }) : null })
+          multiple ? null : /* @__PURE__ */ jsx41("span", { className: menu_default.check, "aria-hidden": "true", children: isSelected ? /* @__PURE__ */ jsx41(Icon, { name: "action.check" }) : null })
         ]
       }
     )
@@ -7931,10 +7971,10 @@ function SelectAction({
   ...rest
 }) {
   const { highlight, listboxId, setOpen, size, registry } = useSelectContext();
-  const value = `${ACTION_PREFIX}${React63.useId()}`;
+  const value = `${ACTION_PREFIX}${React64.useId()}`;
   const isHighlighted = useStoreSlice(highlight, (current) => current === value);
   const parts = splitItemChildren(children);
-  const nodeRef = React63.useRef(null);
+  const nodeRef = React64.useRef(null);
   const setRefs = useMergedRefs(nodeRef, ref);
   useListboxItem(
     registry,
@@ -7979,7 +8019,7 @@ function SelectAction({
         }),
         children: [
           sizeMedia(parts.leading, size),
-          /* @__PURE__ */ jsx40("span", { className: Select_default.itemText, children: parts.body })
+          /* @__PURE__ */ jsx41("span", { className: Select_default.itemText, children: parts.body })
         ]
       }
     )
@@ -7988,11 +8028,10 @@ function SelectAction({
 SelectAction.displayName = "Select.Action";
 
 // src/components/select/Select.tsx
-import { Fragment as Fragment16, jsx as jsx41, jsxs as jsxs26 } from "react/jsx-runtime";
+import { Fragment as Fragment16, jsx as jsx42, jsxs as jsxs26 } from "react/jsx-runtime";
 var SELECT_LABELS = {
   search: "\u041F\u043E\u0438\u0441\u043A",
   empty: "\u041D\u0438\u0447\u0435\u0433\u043E \u043D\u0435 \u043D\u0430\u0439\u0434\u0435\u043D\u043E",
-  emptyHint: "\u041F\u043E\u043F\u0440\u043E\u0431\u0443\u0439\u0442\u0435 \u0438\u0437\u043C\u0435\u043D\u0438\u0442\u044C \u0437\u0430\u043F\u0440\u043E\u0441",
   loading: "\u0417\u0430\u0433\u0440\u0443\u0437\u043A\u0430\u2026",
   retry: "\u041F\u043E\u0432\u0442\u043E\u0440\u0438\u0442\u044C",
   clear: "\u041E\u0447\u0438\u0441\u0442\u0438\u0442\u044C",
@@ -8053,7 +8092,7 @@ function SelectRoot(props) {
   const changes = usePendingChanges(stored, takeNext);
   const value = changes.shown;
   const saving = changes.pending.length > 0;
-  const [announcement, setAnnouncement] = React64.useState("");
+  const [announcement, setAnnouncement] = React65.useState("");
   const onValueChange = props.onValueChange;
   const commit = (next) => {
     if (saving || Object.is(next, value)) return;
@@ -8068,9 +8107,9 @@ function SelectRoot(props) {
       onReject: () => setAnnouncement(labels.changeFailed)
     });
   };
-  const commitRef = React64.useRef(commit);
+  const commitRef = React65.useRef(commit);
   commitRef.current = commit;
-  const selected = React64.useMemo(
+  const selected = React65.useMemo(
     () => Array.isArray(value) ? value : value ? [value] : [],
     [value]
   );
@@ -8082,18 +8121,18 @@ function SelectRoot(props) {
     defaultValue: defaultSearch,
     onChange: onSearchChange
   });
-  const triggerRef = React64.useRef(null);
-  const inSegment = React64.useContext(InputSegmentContext);
-  const segment = React64.useMemo(
+  const triggerRef = React65.useRef(null);
+  const inSegment = React65.useContext(InputSegmentContext);
+  const segment = React65.useMemo(
     () => inSegment ? { label: ariaLabel } : null,
     [inSegment, ariaLabel]
   );
-  const wasOpenRef = React64.useRef(isOpen);
-  React64.useEffect(() => {
+  const wasOpenRef = React65.useRef(isOpen);
+  React65.useEffect(() => {
     if (wasOpenRef.current && !isOpen) setQuery("");
     wasOpenRef.current = isOpen;
   }, [isOpen, setQuery]);
-  const pick = React64.useCallback(
+  const pick = React65.useCallback(
     (optionValue) => {
       if (multiple) {
         const list = Array.isArray(value) ? value : [];
@@ -8107,8 +8146,8 @@ function SelectRoot(props) {
     },
     [multiple, value, setOpen]
   );
-  const clear = React64.useCallback(() => commitRef.current(multiple ? [] : ""), [multiple]);
-  const context = React64.useMemo(
+  const clear = React65.useCallback(() => commitRef.current(multiple ? [] : ""), [multiple]);
+  const context = React65.useMemo(
     () => ({
       size,
       invalid: ids.invalid,
@@ -8179,13 +8218,13 @@ function SelectRoot(props) {
     ]
   );
   const body = /* @__PURE__ */ jsxs26(Fragment16, { children: [
-    /* @__PURE__ */ jsx41(SelectProvider, { value: context, children }),
-    name ? (selected.length > 0 || multiple ? selected : [""]).map((item) => /* @__PURE__ */ jsx41("input", { type: "hidden", name, value: item, disabled }, item)) : null,
-    /* @__PURE__ */ jsx41(VisuallyHidden, { live: "polite", children: announcement })
+    /* @__PURE__ */ jsx42(SelectProvider, { value: context, children }),
+    name ? (selected.length > 0 || multiple ? selected : [""]).map((item) => /* @__PURE__ */ jsx42("input", { type: "hidden", name, value: item, disabled }, item)) : null,
+    /* @__PURE__ */ jsx42(VisuallyHidden, { live: "polite", children: announcement })
   ] });
   if (segment) {
     return tier.provide(
-      /* @__PURE__ */ jsx41(
+      /* @__PURE__ */ jsx42(
         "div",
         {
           ...rest,
@@ -8198,7 +8237,7 @@ function SelectRoot(props) {
     );
   }
   return tier.provide(
-    /* @__PURE__ */ jsx41(
+    /* @__PURE__ */ jsx42(
       FieldFrame,
       {
         ...rest,
@@ -8255,8 +8294,8 @@ function SelectTrigger({
   useListboxView(registry);
   const valueText = selected.map(registry.labelOf).join(", ");
   const segmentName = segment?.label ? valueText ? `${segment.label}: ${valueText}` : segment.label : void 0;
-  const parts = React64.Children.toArray(children);
-  const iconOnly = parts.some((node) => React64.isValidElement(node) && node.type === SelectTriggerIcon) && !parts.some((node) => React64.isValidElement(node) && node.type === SelectValue);
+  const parts = React65.Children.toArray(children);
+  const iconOnly = parts.some((node) => React65.isValidElement(node) && node.type === SelectTriggerIcon) && !parts.some((node) => React65.isValidElement(node) && node.type === SelectValue);
   const busy = loading || saving;
   const showClear = clearable && selected.length > 0 && !disabled && !busy;
   const clearPresence = usePartPresence({ present: showClear, axis: "inline" });
@@ -8312,13 +8351,13 @@ function SelectTrigger({
       children: [
         /* @__PURE__ */ jsxs26("span", { className: Select_default.triggerMain, children: [
           children,
-          iconOnly ? /* @__PURE__ */ jsx41(SelectValue, { className: visuallyHiddenClass }) : null
+          iconOnly ? /* @__PURE__ */ jsx42(SelectValue, { className: visuallyHiddenClass }) : null
         ] }),
         showClear ? (
           // A segment, not a button: interactive content inside a <button> is invalid. The keyboard
           // clears with Delete / Backspace on the trigger. A touch target in height, like the clear
           // segment of a field (`FieldAction`).
-          /* @__PURE__ */ jsx41(
+          /* @__PURE__ */ jsx42(
             "span",
             {
               ref: clearPresence.ref,
@@ -8331,11 +8370,11 @@ function SelectTrigger({
                 event.stopPropagation();
                 clear();
               },
-              children: /* @__PURE__ */ jsx41(Icon, { name: "action.close" })
+              children: /* @__PURE__ */ jsx42(Icon, { name: "action.close" })
             }
           )
         ) : null,
-        /* @__PURE__ */ jsx41("span", { className: Select_default.chevron, "aria-hidden": "true", children: /* @__PURE__ */ jsx41(GlyphSwap, { children: busy ? /* @__PURE__ */ jsx41(Spinner, { "aria-hidden": "true" }) : /* @__PURE__ */ jsx41(Icon, { name: "nav.chevronDown" }) }) })
+        /* @__PURE__ */ jsx42("span", { className: Select_default.chevron, "aria-hidden": "true", children: /* @__PURE__ */ jsx42(GlyphSwap, { children: busy ? /* @__PURE__ */ jsx42(Spinner, { "aria-hidden": "true" }) : /* @__PURE__ */ jsx42(Icon, { name: "nav.chevronDown" }) }) })
       ]
     }
   );
@@ -8359,13 +8398,13 @@ function SelectValue({ renderValue, className, ...rest }) {
         }),
         children: [
           sizeMedia(parts.leading, size),
-          /* @__PURE__ */ jsx41("span", { className: Select_default.valueBody, children: parts.body }),
+          /* @__PURE__ */ jsx42("span", { className: Select_default.valueBody, children: parts.body }),
           parts.meta
         ]
       }
     );
   }
-  return /* @__PURE__ */ jsx41(
+  return /* @__PURE__ */ jsx42(
     "span",
     {
       ...rest,
@@ -8377,19 +8416,19 @@ function SelectValue({ renderValue, className, ...rest }) {
 }
 SelectValue.displayName = "Select.Value";
 function SelectTriggerIcon({ className, ...rest }) {
-  return /* @__PURE__ */ jsx41("span", { "aria-hidden": "true", className: cx(Select_default.triggerIcon, className), ...rest });
+  return /* @__PURE__ */ jsx42("span", { "aria-hidden": "true", className: cx(Select_default.triggerIcon, className), ...rest });
 }
 SelectTriggerIcon.displayName = "Select.TriggerIcon";
 var LOADING_ROWS2 = 4;
 var LOADING_MORE_ROWS = 2;
 function SkeletonRows({ count }) {
-  return Array.from({ length: count }, (_, index) => /* @__PURE__ */ jsx41(
+  return Array.from({ length: count }, (_, index) => /* @__PURE__ */ jsx42(
     "div",
     {
       "aria-hidden": "true",
       className: cx(menu_default.item, menu_default.skeletonRow),
       "data-skeleton": "",
-      children: /* @__PURE__ */ jsx41(Skeleton, {})
+      children: /* @__PURE__ */ jsx42(Skeleton, {})
     },
     index
   ));
@@ -8419,12 +8458,12 @@ function SelectContent({ searchable = false, className, children, ...rest }) {
     labels,
     registry
   } = useSelectContext();
-  const listboxRef = React64.useRef(null);
+  const listboxRef = React65.useRef(null);
   const setListboxRef = useMergedRefs(listboxRef);
   const items = [];
   const actions = [];
-  for (const child of React64.Children.toArray(children)) {
-    (React64.isValidElement(child) && child.type === SelectAction ? actions : items).push(child);
+  for (const child of React65.Children.toArray(children)) {
+    (React65.isValidElement(child) && child.type === SelectAction ? actions : items).push(child);
   }
   const actionsId = `${listboxId}-actions`;
   const floating = useFloatingLayer({
@@ -8451,7 +8490,7 @@ function SelectContent({ searchable = false, className, children, ...rest }) {
   });
   const setSentinelRef = useMergedRefs(sentinelRef);
   const lastOption = view.navigable.filter((id) => !isActionValue(id)).at(-1);
-  React64.useEffect(() => {
+  React65.useEffect(() => {
     if (highlighted !== void 0 && highlighted === lastOption) requestMore();
   }, [highlighted, lastOption, requestMore]);
   const handleKeyDown = (event) => {
@@ -8482,7 +8521,7 @@ function SelectContent({ searchable = false, className, children, ...rest }) {
     });
     if (moved !== null) revealHighlighted(registry.nodeOf(moved));
   };
-  if (!floating.mounted) return /* @__PURE__ */ jsx41("div", { hidden: true, children: items });
+  if (!floating.mounted) return /* @__PURE__ */ jsx42("div", { hidden: true, children: items });
   const activeDescendant = isOpen && highlighted !== void 0 ? optionDomId(listboxId, highlighted) : void 0;
   return /* @__PURE__ */ jsxs26(
     FloatingPanel,
@@ -8497,11 +8536,11 @@ function SelectContent({ searchable = false, className, children, ...rest }) {
         searchable ? (
           // The permanent focus of the panel: no ring, the caret is the indicator (foundation §7).
           /* @__PURE__ */ jsxs26("div", { className: cx(menu_default.searchRow, Select_default.search), children: [
-            /* @__PURE__ */ jsx41(Icon, { name: "action.search", size: "s" }),
-            /* @__PURE__ */ jsx41(
+            /* @__PURE__ */ jsx42(Icon, { name: "action.search", size: "s" }),
+            /* @__PURE__ */ jsx42(
               "input",
               {
-                type: "text",
+                type: "search",
                 className: menu_default.searchInput,
                 value: query,
                 placeholder: labels.search,
@@ -8509,7 +8548,7 @@ function SelectContent({ searchable = false, className, children, ...rest }) {
                 "aria-controls": region === "error" ? void 0 : listboxId,
                 "aria-activedescendant": activeDescendant,
                 "aria-autocomplete": "list",
-                autoComplete: "off",
+                ...AUTOFILL_OFF,
                 spellCheck: false,
                 "data-autofocus": "",
                 onChange: (event) => setQuery(event.target.value)
@@ -8517,10 +8556,10 @@ function SelectContent({ searchable = false, className, children, ...rest }) {
             )
           ] })
         ) : null,
-        /* @__PURE__ */ jsx41(RegionSwap, { state: region, fill: true, children: region === "error" ? /* @__PURE__ */ jsxs26(EmptyPage.Root, { layout: "compact", size, role: "alert", children: [
-          /* @__PURE__ */ jsx41(EmptyPage.Title, { as: "p", children: loadError }),
-          onRetry ? /* @__PURE__ */ jsx41(EmptyPage.Actions, { children: /* @__PURE__ */ jsxs26(Button.Root, { variant: "soft", tone: "neutral", onClick: onRetry, children: [
-            /* @__PURE__ */ jsx41(Button.Icon, { children: /* @__PURE__ */ jsx41(Icon, { name: "action.refresh" }) }),
+        /* @__PURE__ */ jsx42(RegionSwap, { state: region, fill: true, children: region === "error" ? /* @__PURE__ */ jsxs26(EmptyPage.Root, { layout: "compact", size, role: "alert", children: [
+          /* @__PURE__ */ jsx42(EmptyPage.Title, { as: "p", children: loadError }),
+          onRetry ? /* @__PURE__ */ jsx42(EmptyPage.Actions, { children: /* @__PURE__ */ jsxs26(Button.Root, { variant: "soft", tone: "neutral", onClick: onRetry, children: [
+            /* @__PURE__ */ jsx42(Button.Icon, { children: /* @__PURE__ */ jsx42(Icon, { name: "action.refresh" }) }),
             labels.retry
           ] }) }) : null
         ] }) : /* @__PURE__ */ jsxs26(Fragment16, { children: [
@@ -8540,25 +8579,22 @@ function SelectContent({ searchable = false, className, children, ...rest }) {
               className: Select_default.listbox,
               children: [
                 items,
-                region === "loading" ? /* @__PURE__ */ jsx41(SkeletonRows, { count: LOADING_ROWS2 }) : null,
-                region === "ready" && hasMore ? /* @__PURE__ */ jsx41("div", { ref: setSentinelRef, "aria-hidden": "true", className: menu_default.loadSentinel }) : null,
-                region === "ready" && loadingMore ? /* @__PURE__ */ jsx41(SkeletonRows, { count: LOADING_MORE_ROWS }) : null
+                region === "loading" ? /* @__PURE__ */ jsx42(SkeletonRows, { count: LOADING_ROWS2 }) : null,
+                region === "ready" && hasMore ? /* @__PURE__ */ jsx42("div", { ref: setSentinelRef, "aria-hidden": "true", className: menu_default.loadSentinel }) : null,
+                region === "ready" && loadingMore ? /* @__PURE__ */ jsx42(SkeletonRows, { count: LOADING_MORE_ROWS }) : null
               ]
             }
           ),
-          region === "ready" && isEmpty ? /* @__PURE__ */ jsxs26(EmptyPage.Root, { layout: "compact", size, role: "status", children: [
-            /* @__PURE__ */ jsx41(EmptyPage.Title, { as: "p", children: labels.empty }),
-            query !== "" && labels.emptyHint ? /* @__PURE__ */ jsx41(EmptyPage.Description, { children: labels.emptyHint }) : null
-          ] }) : null,
+          region === "ready" && isEmpty ? /* @__PURE__ */ jsx42(EmptyPage.Root, { layout: "compact", size, role: "status", children: /* @__PURE__ */ jsx42(EmptyPage.Title, { as: "p", children: labels.empty }) }) : null,
           actions.length > 0 ? (
             // Owned by the listbox (`aria-owns`): its options for assistive tech, pinned under
             // the scroller and the empty state for the eye.
             // biome-ignore lint/a11y/useSemanticElements: a group of options inside a listbox, not a form fieldset
-            /* @__PURE__ */ jsx41("div", { id: actionsId, role: "group", className: Select_default.actions, children: actions })
+            /* @__PURE__ */ jsx42("div", { id: actionsId, role: "group", className: Select_default.actions, children: actions })
           ) : null
         ] }) }),
-        /* @__PURE__ */ jsx41(VisuallyHidden, { live: "polite", children: loading || loadingMore ? labels.loading : "" }),
-        /* @__PURE__ */ jsx41(HighlightOnOpen, {})
+        /* @__PURE__ */ jsx42(VisuallyHidden, { live: "polite", children: loading || loadingMore ? labels.loading : "" }),
+        /* @__PURE__ */ jsx42(HighlightOnOpen, {})
       ]
     }
   );
@@ -8567,9 +8603,9 @@ SelectContent.displayName = "Select.Content";
 function HighlightOnOpen() {
   const { isOpen, query, filter, selected, registry, highlight } = useSelectContext();
   const view = useListboxView(registry, query, filter);
-  const latest = React64.useRef({ query, filter, selected });
+  const latest = React65.useRef({ query, filter, selected });
   latest.current = { query, filter, selected };
-  React64.useLayoutEffect(() => {
+  React65.useLayoutEffect(() => {
     if (!isOpen) return;
     const { query: text, filter: filtered, selected: picked } = latest.current;
     const first = registry.view(text, filtered).navigable.find((id) => picked.includes(id));
@@ -8577,12 +8613,12 @@ function HighlightOnOpen() {
     if (first !== void 0) revealHighlighted(registry.nodeOf(first));
     return () => highlight.set(void 0);
   }, [isOpen, registry, highlight]);
-  const latestView = React64.useRef(view);
+  const latestView = React65.useRef(view);
   latestView.current = view;
-  React64.useLayoutEffect(() => {
+  React65.useLayoutEffect(() => {
     if (query !== "") highlight.set(latestView.current.navigable[0]);
   }, [query, highlight]);
-  React64.useLayoutEffect(() => {
+  React65.useLayoutEffect(() => {
     if (query === "") return;
     const current = highlight.get();
     if (current === void 0 || isActionValue(current) || !view.navigable.includes(current)) {
@@ -8592,11 +8628,11 @@ function HighlightOnOpen() {
   return null;
 }
 function SelectGroup({ className, ...rest }) {
-  return /* @__PURE__ */ jsx41(MenuGroup, { ...rest, className: cx(Select_default.group, className) });
+  return /* @__PURE__ */ jsx42(MenuGroup, { ...rest, className: cx(Select_default.group, className) });
 }
 SelectGroup.displayName = "Select.Group";
 function SelectSeparator({ className, ...rest }) {
-  return /* @__PURE__ */ jsx41(Divider, { ...rest, className: cx(menu_default.separator, Select_default.separator, className) });
+  return /* @__PURE__ */ jsx42(Divider, { ...rest, className: cx(menu_default.separator, Select_default.separator, className) });
 }
 SelectSeparator.displayName = "Select.Separator";
 var Select = {
@@ -8616,7 +8652,7 @@ var Select = {
 };
 
 // src/internal/swatch.tsx
-import * as React65 from "react";
+import * as React66 from "react";
 
 // src/internal/swatch.module.css
 var swatch_default = {
@@ -8633,7 +8669,7 @@ var swatch_default = {
 };
 
 // src/internal/swatch.tsx
-import { Fragment as Fragment17, jsx as jsx42, jsxs as jsxs27 } from "react/jsx-runtime";
+import { Fragment as Fragment17, jsx as jsx43, jsxs as jsxs27 } from "react/jsx-runtime";
 var COLOR_PRESETS = [
   { value: "#ef4444", label: "\u041A\u0440\u0430\u0441\u043D\u044B\u0439" },
   { value: "#f97316", label: "\u041E\u0440\u0430\u043D\u0436\u0435\u0432\u044B\u0439" },
@@ -8666,7 +8702,7 @@ var PALETTE_COLOR_NAMES = {
 };
 var PALETTE_ORDER = Object.keys(PALETTE_COLOR_NAMES);
 function useSwatchOptions(presets, allowEmpty, emptyLabel) {
-  return React65.useMemo(
+  return React66.useMemo(
     () => [
       ...presets.map((preset) => ({ ...preset, contrast: markContrast(preset.value) })),
       ...allowEmpty ? [{ value: null, label: emptyLabel, contrast: "surface" }] : []
@@ -8675,7 +8711,7 @@ function useSwatchOptions(presets, allowEmpty, emptyLabel) {
   );
 }
 function usePaletteOptions(palette, allowEmpty, emptyLabel, names) {
-  return React65.useMemo(
+  return React66.useMemo(
     () => [
       ...palette.map((hue) => ({ value: hue, label: names[hue], contrast: "hue" })),
       ...allowEmpty ? [{ value: null, label: emptyLabel, contrast: "surface" }] : []
@@ -8689,9 +8725,9 @@ var swatchTierClass = cx(fieldTierClass, swatch_default.tier);
 var swatchGridClass = swatch_default.grid;
 var checkerboardClass = swatch_default.checkerboard;
 function SwatchFill({ value, hue = false }) {
-  if (value == null) return /* @__PURE__ */ jsx42("span", { "aria-hidden": true, className: swatch_default.checker });
-  if (hue) return /* @__PURE__ */ jsx42("span", { "aria-hidden": true, className: cx(swatch_default.fill, swatch_default.hueFill) });
-  return /* @__PURE__ */ jsx42("svg", { className: swatch_default.fill, "aria-hidden": "true", viewBox: "0 0 1 1", preserveAspectRatio: "none", children: /* @__PURE__ */ jsx42("rect", { width: "1", height: "1", fill: value }) });
+  if (value == null) return /* @__PURE__ */ jsx43("span", { "aria-hidden": true, className: swatch_default.checker });
+  if (hue) return /* @__PURE__ */ jsx43("span", { "aria-hidden": true, className: cx(swatch_default.fill, swatch_default.hueFill) });
+  return /* @__PURE__ */ jsx43("svg", { className: swatch_default.fill, "aria-hidden": "true", viewBox: "0 0 1 1", preserveAspectRatio: "none", children: /* @__PURE__ */ jsx43("rect", { width: "1", height: "1", fill: value }) });
 }
 function SwatchContent({
   value,
@@ -8699,12 +8735,12 @@ function SwatchContent({
   hue = false
 }) {
   return /* @__PURE__ */ jsxs27(Fragment17, { children: [
-    /* @__PURE__ */ jsx42(SwatchFill, { value, hue }),
-    /* @__PURE__ */ jsx42(CheckMark, { state: selected ? "checked" : "unchecked", className: swatch_default.check })
+    /* @__PURE__ */ jsx43(SwatchFill, { value, hue }),
+    /* @__PURE__ */ jsx43(CheckMark, { state: selected ? "checked" : "unchecked", className: swatch_default.check })
   ] });
 }
 function SwatchChip({ value, className, ...rest }) {
-  return /* @__PURE__ */ jsx42("span", { ...rest, "aria-hidden": true, className: cx(swatch_default.chip, className), children: /* @__PURE__ */ jsx42(SwatchFill, { value }) });
+  return /* @__PURE__ */ jsx43("span", { ...rest, "aria-hidden": true, className: cx(swatch_default.chip, className), children: /* @__PURE__ */ jsx43(SwatchFill, { value }) });
 }
 function parseHexColor(text) {
   const hex = /^#?([0-9a-f]{3}|[0-9a-f]{6})$/i.exec(text.trim())?.[1]?.toLowerCase();
@@ -8758,15 +8794,15 @@ function balancedColumns(count, width, cell, gap) {
   return Math.ceil(count / rows);
 }
 function useBalancedColumns(gridRef, count, cellSelector) {
-  const [columns, setColumns] = React65.useState();
-  const measure = React65.useCallback(() => {
+  const [columns, setColumns] = React66.useState();
+  const measure = React66.useCallback(() => {
     const grid = gridRef.current;
     if (!grid) return;
     const cell = grid.querySelector(cellSelector)?.offsetHeight ?? 0;
     const gap = Number.parseFloat(getComputedStyle(grid).columnGap) || 0;
     setColumns(cell > 0 ? balancedColumns(count, grid.clientWidth, cell, gap) : void 0);
   }, [gridRef, count, cellSelector]);
-  React65.useLayoutEffect(measure, [measure]);
+  React66.useLayoutEffect(measure, [measure]);
   useResizeEffect(gridRef, measure);
   return columns;
 }
@@ -8776,14 +8812,14 @@ function firstRowLength(items) {
   return Math.max(1, count === -1 ? items.length : count);
 }
 function useSwatchGrid(count) {
-  const items = React65.useRef([]);
-  const itemRef = React65.useCallback(
+  const items = React66.useRef([]);
+  const itemRef = React66.useCallback(
     (index) => (node) => {
       items.current[index] = node;
     },
     []
   );
-  const move = React65.useCallback(
+  const move = React66.useCallback(
     (event, from, columns) => {
       const focused = document.activeElement;
       const current = focused instanceof HTMLElement ? items.current.indexOf(focused) : -1;
@@ -8800,14 +8836,14 @@ function useSwatchGrid(count) {
     },
     [count]
   );
-  const focus = React65.useCallback((index) => {
+  const focus = React66.useCallback((index) => {
     items.current[index]?.focus({ preventScroll: true });
   }, []);
   return { itemRef, move, focus };
 }
 
 // src/components/color-swatches/ColorSwatches.tsx
-import * as React66 from "react";
+import * as React67 from "react";
 
 // src/components/color-swatches/ColorSwatches.module.css
 var ColorSwatches_default = {
@@ -8815,7 +8851,7 @@ var ColorSwatches_default = {
 };
 
 // src/components/color-swatches/ColorSwatches.tsx
-import { jsx as jsx43, jsxs as jsxs28 } from "react/jsx-runtime";
+import { jsx as jsx44, jsxs as jsxs28 } from "react/jsx-runtime";
 var COLOR_SWATCHES_LABELS = {
   group: "\u0426\u0432\u0435\u0442",
   empty: "\u0411\u0435\u0437 \u0446\u0432\u0435\u0442\u0430",
@@ -8832,7 +8868,7 @@ function ColorSwatches(props) {
     palette = PALETTE_ORDER,
     ...rest
   } = props;
-  return /* @__PURE__ */ jsx43(
+  return /* @__PURE__ */ jsx44(
     SwatchGrid,
     {
       ...rest,
@@ -8875,7 +8911,7 @@ function SwatchGrid({
   const disabled = useInheritedDisabled(disabledProp);
   const frameSize = useControlSize(void 0);
   const merged = useLabels(COLOR_SWATCHES_LABELS, labelsProp);
-  const labels = React66.useMemo(
+  const labels = React67.useMemo(
     () => ({
       ...merged,
       colorNames: { ...COLOR_SWATCHES_LABELS.colorNames, ...labelsProp?.colorNames }
@@ -8894,14 +8930,14 @@ function SwatchGrid({
   const selectedIndex = options.findIndex((option) => sameColor(option.value, value));
   const focusIndex = Math.max(0, selectedIndex);
   const grid = useSwatchGrid(options.length);
-  const gridRef = React66.useRef(null);
+  const gridRef = React67.useRef(null);
   const columns = useBalancedColumns(gridRef, options.length, "[role='radio']");
   const labelledBy = ariaLabelledBy ?? ids.labelledBy;
   const onKeyDown2 = (event) => {
     const next = grid.move(event, focusIndex);
     if (next !== null) setValue(options[next]?.value ?? null);
   };
-  return /* @__PURE__ */ jsx43(
+  return /* @__PURE__ */ jsx44(
     FieldFrame,
     {
       ...rest,
@@ -8946,7 +8982,7 @@ function SwatchGrid({
               const selected = index === selectedIndex;
               return (
                 // biome-ignore lint/a11y/useSemanticElements: a swatch is a styled button in a roving radiogroup; a native radio cannot carry the color fill and check mark
-                /* @__PURE__ */ jsx43(
+                /* @__PURE__ */ jsx44(
                   "button",
                   {
                     ref: grid.itemRef(index),
@@ -8964,13 +9000,13 @@ function SwatchGrid({
                       color: hues ? option.value ?? void 0 : void 0
                     }),
                     onClick: () => setValue(option.value),
-                    children: /* @__PURE__ */ jsx43(SwatchContent, { value: option.value, selected, hue: hues })
+                    children: /* @__PURE__ */ jsx44(SwatchContent, { value: option.value, selected, hue: hues })
                   },
                   option.value ?? "empty"
                 )
               );
             }),
-            name ? /* @__PURE__ */ jsx43("input", { type: "hidden", name, value: value ?? "" }) : null
+            name ? /* @__PURE__ */ jsx44("input", { type: "hidden", name, value: value ?? "" }) : null
           ]
         }
       )
@@ -9107,6 +9143,9 @@ export {
   useFieldFrame,
   FieldFrame,
   FieldCounter,
+  AUTOFILL_OFF,
+  AutofillScope,
+  useAutofill,
   FieldActionButton,
   FieldCopyButton,
   setControlValue,