prime-ui-kit 0.9.3 → 0.10.0

package/dist/chunks/{chunk-6JTZOA5I.js → chunk-4TRNUP45.js}

@@ -1,27 +1,91 @@
-// src/internal/ControlSizeContext.tsx
-import * as React from "react";
-import { jsx } from "react/jsx-runtime";
-var ControlSizeContext = React.createContext(null);
-ControlSizeContext.displayName = "ControlSizeContext";
-function ControlSizeProvider({ value, children }) {
-  return /* @__PURE__ */ jsx(ControlSizeContext.Provider, { value, children });
-}
-ControlSizeProvider.displayName = "ControlSizeProvider";
-function useOptionalControlSize() {
-  return React.useContext(ControlSizeContext) ?? void 0;
-}
-function useControlSize(sizeProp) {
-  const host = React.useContext(ControlSizeContext);
-  return sizeProp ?? host ?? "m";
-}
+import {
+  Activity,
+  ArrowDown,
+  ArrowUp,
+  ArrowUpDown,
+  Bell,
+  Bold,
+  BookOpen,
+  Calendar,
+  ChartColumn,
+  Check,
+  ChevronDown,
+  ChevronLeft,
+  ChevronRight,
+  ChevronUp,
+  ChevronsLeft,
+  ChevronsUpDown,
+  Circle,
+  CircleCheck,
+  CircleX,
+  CloudOff,
+  CloudUpload,
+  CodeXml,
+  ControlSizeProvider,
+  Copy,
+  Download,
+  Ellipsis,
+  ExternalLink,
+  Eye,
+  EyeOff,
+  FileText,
+  GripVertical,
+  HardDrive,
+  House,
+  Image,
+  Inbox,
+  Info,
+  Italic,
+  KeyRound,
+  LayoutDashboard,
+  LayoutGrid,
+  Link2,
+  List,
+  ListFilter,
+  ListTodo,
+  Lock,
+  LogIn,
+  LogOut,
+  Mail,
+  MailCheck,
+  Menu,
+  MessageSquare,
+  Minus,
+  Monitor,
+  Moon,
+  Package,
+  PanelLeftClose,
+  PanelLeftOpen,
+  Pipette,
+  Plus,
+  Receipt,
+  RefreshCw,
+  Rocket,
+  Search,
+  Send,
+  Settings,
+  ShoppingCart,
+  Smartphone,
+  Sun,
+  Tablet,
+  Trash2,
+  TriangleAlert,
+  Truck,
+  Underline,
+  UserRound,
+  Users,
+  Wallet,
+  X,
+  cx,
+  iconBoxClass,
+  textTone_default,
+  useControlSize,
+  useIconRoot,
+  useOptionalControlSize
+} from "./chunk-GFKDZFQR.js";
 
 // src/components/spinner/Spinner.tsx
-import * as React2 from "react";
-
-// src/internal/cx.ts
-function cx(...classNames) {
-  return classNames.filter(Boolean).join(" ");
-}
+import * as React from "react";
 
 // src/internal/data-attributes.ts
 function toDataAttributes(input) {
@@ -36,37 +100,16 @@ function toDataAttributes(input) {
   return result;
 }
 
-// src/internal/iconBox.module.css
-var iconBox_default = {
-  box: "iconBox_box",
-  xs: "iconBox_xs",
-  s: "iconBox_s",
-  m: "iconBox_m",
-  l: "iconBox_l",
-  xl: "iconBox_xl",
-  inherit: "iconBox_inherit"
-};
-
-// src/internal/iconBox.ts
-function iconBoxClass(size, tier) {
-  return cx(iconBox_default.box, iconBox_default[size ?? tier ?? "m"], size === void 0 && iconBox_default.inherit);
-}
-
-// src/internal/textTone.module.css
-var textTone_default = {
-  tone: "textTone_tone"
-};
-
 // src/internal/VisuallyHidden.module.css
 var VisuallyHidden_default = {
   root: "VisuallyHidden_root"
 };
 
 // src/internal/VisuallyHidden.tsx
-import { jsx as jsx2 } from "react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
 var visuallyHiddenClass = VisuallyHidden_default.root;
 function VisuallyHidden({ className, ...rest }) {
-  return /* @__PURE__ */ jsx2("span", { className: cx(VisuallyHidden_default.root, className), ...rest });
+  return /* @__PURE__ */ jsx("span", { className: cx(VisuallyHidden_default.root, className), ...rest });
 }
 
 // src/components/spinner/Spinner.module.css
@@ -77,7 +120,7 @@ var Spinner_default = {
 };
 
 // src/components/spinner/Spinner.tsx
-import { jsx as jsx3, jsxs } from "react/jsx-runtime";
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
 var SPINNER_LABELS = {
   loading: "\u0417\u0430\u0433\u0440\u0443\u0437\u043A\u0430"
 };
@@ -89,7 +132,7 @@ function Spinner({
   ...rest
 }) {
   const controlSize = useOptionalControlSize();
-  const labels = React2.useMemo(() => ({ ...SPINNER_LABELS, ...labelsProp }), [labelsProp]);
+  const labels = React.useMemo(() => ({ ...SPINNER_LABELS, ...labelsProp }), [labelsProp]);
   const size = sizeProp ?? controlSize ?? "m";
   return /* @__PURE__ */ jsxs(
     "span",
@@ -99,15 +142,15 @@ function Spinner({
       ...toDataAttributes({ size, tone: tone === "default" ? void 0 : tone }),
       ...rest,
       children: [
-        /* @__PURE__ */ jsx3("span", { className: Spinner_default.ring, "aria-hidden": "true" }),
-        /* @__PURE__ */ jsx3(VisuallyHidden, { children: labels.loading })
+        /* @__PURE__ */ jsx2("span", { className: Spinner_default.ring, "aria-hidden": "true" }),
+        /* @__PURE__ */ jsx2(VisuallyHidden, { children: labels.loading })
       ]
     }
   );
 }
 
 // src/components/button/Button.tsx
-import * as React8 from "react";
+import * as React7 from "react";
 
 // src/internal/fieldSurface.module.css
 var fieldSurface_default = {
@@ -130,12 +173,12 @@ var fieldTierClass = fieldTier_default.tier;
 var fieldTriggerClass = `${fieldTier_default.tier} ${fieldSurface_default.surface} ${fieldTrigger_default.trigger}`;
 
 // src/internal/iconLayout.ts
-import * as React3 from "react";
+import * as React2 from "react";
 function iconLayout(children, iconType) {
-  const content = React3.Children.toArray(children).filter(
+  const content = React2.Children.toArray(children).filter(
     (child) => !(typeof child === "string" && child.trim() === "")
   );
-  const isIcon = (child) => React3.isValidElement(child) && child.type === iconType;
+  const isIcon = (child) => React2.isValidElement(child) && child.type === iconType;
   const iconOnly = content.length > 0 && content.every(isIcon);
   return {
     iconOnly,
@@ -145,10 +188,10 @@ function iconLayout(children, iconType) {
 }
 
 // src/internal/MorphText.tsx
-import * as React5 from "react";
+import * as React4 from "react";
 
 // src/hooks/usePresence.ts
-import * as React4 from "react";
+import * as React3 from "react";
 var DURATION_FALLBACK_MS = {
   fast: 230,
   base: 380,
@@ -179,17 +222,17 @@ function exitTimeoutMs(token) {
 }
 function usePresence(open, options = {}) {
   const { exitDuration = "base" } = options;
-  const [mounted, setMounted] = React4.useState(open);
+  const [mounted, setMounted] = React3.useState(open);
   if (open && !mounted) setMounted(true);
   if (!open && mounted && prefersReducedMotion()) setMounted(false);
-  const openRef = React4.useRef(open);
+  const openRef = React3.useRef(open);
   openRef.current = open;
-  React4.useEffect(() => {
+  React3.useEffect(() => {
     if (open || !mounted) return;
     const id = window.setTimeout(() => setMounted(false), exitTimeoutMs(exitDuration));
     return () => window.clearTimeout(id);
   }, [open, mounted, exitDuration]);
-  const onExitEnd = React4.useCallback((event) => {
+  const onExitEnd = React3.useCallback((event) => {
     if (event.target !== event.currentTarget) return;
     if (!openRef.current) setMounted(false);
   }, []);
@@ -210,12 +253,12 @@ var MorphText_default = {
 };
 
 // src/internal/MorphText.tsx
-import { jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
+import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
 function digitsOnly(a, b) {
   return a.replace(/\d/g, "") === b.replace(/\d/g, "");
 }
 function letters(text, kind) {
-  return [...text].map((char, i) => /* @__PURE__ */ jsx4(
+  return [...text].map((char, i) => /* @__PURE__ */ jsx3(
     "span",
     {
       className: cx(MorphText_default.letter, kind === "in" ? MorphText_default.letterIn : MorphText_default.letterOut),
@@ -233,15 +276,15 @@ function settleMs(text, root) {
   return base + step * text.length + 50;
 }
 function MorphText({ children: text, className }) {
-  const rootRef = React5.useRef(null);
-  const sizerRef = React5.useRef(null);
-  const prevText = React5.useRef(null);
-  const restWidth = React5.useRef(0);
-  const nextId = React5.useRef(0);
-  const [morph, setMorph] = React5.useState(null);
-  const morphRef = React5.useRef(morph);
+  const rootRef = React4.useRef(null);
+  const sizerRef = React4.useRef(null);
+  const prevText = React4.useRef(null);
+  const restWidth = React4.useRef(0);
+  const nextId = React4.useRef(0);
+  const [morph, setMorph] = React4.useState(null);
+  const morphRef = React4.useRef(morph);
   morphRef.current = morph;
-  React5.useLayoutEffect(() => {
+  React4.useLayoutEffect(() => {
     const root = rootRef.current;
     const prev = prevText.current;
     prevText.current = text;
@@ -255,7 +298,7 @@ function MorphText({ children: text, className }) {
     nextId.current += 1;
     setMorph({ id: nextId.current, from: running ? running.to : prev, to: text, width });
   }, [text]);
-  React5.useLayoutEffect(() => {
+  React4.useLayoutEffect(() => {
     if (!morph) return;
     const root = rootRef.current;
     const sizer = sizerRef.current;
@@ -269,27 +312,27 @@ function MorphText({ children: text, className }) {
     const timer = window.setTimeout(() => setMorph(null), settleMs(morph.to, root));
     return () => window.clearTimeout(timer);
   }, [morph]);
-  React5.useLayoutEffect(() => {
+  React4.useLayoutEffect(() => {
     if (morph || !rootRef.current) return;
     rootRef.current.style.width = "";
     restWidth.current = rootRef.current.getBoundingClientRect().width;
   });
   if (!morph) {
-    return /* @__PURE__ */ jsx4("span", { ref: rootRef, className: cx(MorphText_default.root, className), children: text });
+    return /* @__PURE__ */ jsx3("span", { ref: rootRef, className: cx(MorphText_default.root, className), children: text });
   }
   return /* @__PURE__ */ jsxs2("span", { ref: rootRef, className: cx(MorphText_default.root, MorphText_default.morphing, className), children: [
-    /* @__PURE__ */ jsx4("span", { ref: sizerRef, className: MorphText_default.sizer, "aria-hidden": "true", children: morph.to }),
-    /* @__PURE__ */ jsx4("span", { className: MorphText_default.layer, "aria-hidden": "true", children: letters(morph.from, "out") }, `out-${morph.id}`),
-    /* @__PURE__ */ jsx4("span", { className: MorphText_default.layer, "aria-hidden": "true", children: letters(morph.to, "in") }, `in-${morph.id}`),
-    /* @__PURE__ */ jsx4(VisuallyHidden, { children: morph.to })
+    /* @__PURE__ */ jsx3("span", { ref: sizerRef, className: MorphText_default.sizer, "aria-hidden": "true", children: morph.to }),
+    /* @__PURE__ */ jsx3("span", { className: MorphText_default.layer, "aria-hidden": "true", children: letters(morph.from, "out") }, `out-${morph.id}`),
+    /* @__PURE__ */ jsx3("span", { className: MorphText_default.layer, "aria-hidden": "true", children: letters(morph.to, "in") }, `in-${morph.id}`),
+    /* @__PURE__ */ jsx3(VisuallyHidden, { children: morph.to })
   ] });
 }
 
 // src/internal/slot.tsx
-import * as React7 from "react";
+import * as React6 from "react";
 
 // src/hooks/useMergedRefs.ts
-import * as React6 from "react";
+import * as React5 from "react";
 
 // src/internal/mergeRefs.ts
 function mergeRefs(...refs) {
@@ -307,11 +350,11 @@ function mergeRefs(...refs) {
 
 // src/hooks/useMergedRefs.ts
 function useMergedRefs(...refs) {
-  return React6.useMemo(() => mergeRefs(...refs), refs);
+  return React5.useMemo(() => mergeRefs(...refs), refs);
 }
 
 // src/internal/slot.tsx
-import { Fragment, jsx as jsx5 } from "react/jsx-runtime";
+import { Fragment, jsx as jsx4 } from "react/jsx-runtime";
 var isPrevented = (event) => typeof event === "object" && event !== null && event.defaultPrevented === true;
 function mergeProps(slotProps, childProps) {
   const merged = { ...slotProps };
@@ -350,14 +393,14 @@ function blockDisabledClick(event) {
   event.stopPropagation();
 }
 function Slot({ children, ref, ...slotProps }) {
-  const child = React7.isValidElement(children) ? children : null;
+  const child = React6.isValidElement(children) ? children : null;
   const childRef = child?.props.ref ?? void 0;
   const composedRef = useMergedRefs(ref, childRef);
-  if (!child) return /* @__PURE__ */ jsx5(Fragment, { children });
+  if (!child) return /* @__PURE__ */ jsx4(Fragment, { children });
   const merged = mergeProps(slotProps, child.props);
   const disabled = slotProps["aria-disabled"] === true || slotProps["aria-disabled"] === "true";
   if (disabled) merged.onClickCapture = blockDisabledClick;
-  return React7.cloneElement(child, { ...merged, ref: composedRef });
+  return React6.cloneElement(child, { ...merged, ref: composedRef });
 }
 Slot.displayName = "Slot";
 
@@ -381,15 +424,15 @@ var Button_default = {
 };
 
 // src/components/button/Button.tsx
-import { Fragment as Fragment2, jsx as jsx6, jsxs as jsxs3 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
 var BUTTON_LABELS = { holdHint: "\u0423\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0439\u0442\u0435, \u0447\u0442\u043E\u0431\u044B \u043F\u043E\u0434\u0442\u0432\u0435\u0440\u0434\u0438\u0442\u044C" };
 var HOLD_MS = 1200;
 function useHoldToConfirm(enabled, onConfirm) {
-  const [phase, setPhase] = React8.useState("idle");
-  const timer = React8.useRef(void 0);
-  const confirm = React8.useRef(onConfirm);
+  const [phase, setPhase] = React7.useState("idle");
+  const timer = React7.useRef(void 0);
+  const confirm = React7.useRef(onConfirm);
   confirm.current = onConfirm;
-  React8.useEffect(() => () => window.clearTimeout(timer.current), []);
+  React7.useEffect(() => () => window.clearTimeout(timer.current), []);
   const start = () => {
     if (!enabled || phase === "holding" || phase === "done") return;
     setPhase("holding");
@@ -411,11 +454,11 @@ function morphLabels(children) {
   let run = null;
   const flush = () => {
     if (run !== null && run !== "") {
-      out.push(/* @__PURE__ */ jsx6(MorphText, { children: run }, `label-${out.length}`));
+      out.push(/* @__PURE__ */ jsx5(MorphText, { children: run }, `label-${out.length}`));
     }
     run = null;
   };
-  for (const child of React8.Children.toArray(children)) {
+  for (const child of React7.Children.toArray(children)) {
     if (typeof child === "string" || typeof child === "number") {
       run = (run ?? "") + String(child);
     } else {
@@ -449,9 +492,9 @@ function ButtonRoot({
   const isDisabled = disabled || loading;
   const layout = iconLayout(children, ButtonIcon);
   const hold = useHoldToConfirm(holdToConfirm && !isDisabled, onConfirm);
-  const hintId = React8.useId();
+  const hintId = React7.useId();
   const inProgress = progress !== void 0;
-  const [fillUsed, setFillUsed] = React8.useState(false);
+  const [fillUsed, setFillUsed] = React7.useState(false);
   if ((inProgress || holdToConfirm) && !fillUsed) setFillUsed(true);
   const dataAttrs = toDataAttributes({
     variant,
@@ -471,7 +514,7 @@ function ButtonRoot({
   });
   const classes = cx(fieldTierClass, touchTargetClass, Button_default.root, className);
   if (asChild) {
-    return /* @__PURE__ */ jsx6(ControlSizeProvider, { value: size, children: /* @__PURE__ */ jsx6(
+    return /* @__PURE__ */ jsx5(ControlSizeProvider, { value: size, children: /* @__PURE__ */ jsx5(
       Slot,
       {
         ...rest,
@@ -551,9 +594,9 @@ function ButtonRoot({
       } : rest.style,
       ...dataAttrs,
       children: [
-        fillUsed ? /* @__PURE__ */ jsx6("span", { className: Button_default.fillTrack, "aria-hidden": "true", children: /* @__PURE__ */ jsx6("span", { className: Button_default.fill }) }) : null,
+        fillUsed ? /* @__PURE__ */ jsx5("span", { className: Button_default.fillTrack, "aria-hidden": "true", children: /* @__PURE__ */ jsx5("span", { className: Button_default.fill }) }) : null,
         /* @__PURE__ */ jsxs3(ControlSizeProvider, { value: size, children: [
-          loading ? /* @__PURE__ */ jsx6(Spinner, { className: Button_default.spinner, "aria-hidden": "true" }) : null,
+          loading ? /* @__PURE__ */ jsx5(Spinner, { className: Button_default.spinner, "aria-hidden": "true" }) : null,
           morphLabels(children)
         ] })
       ]
@@ -562,12 +605,12 @@ function ButtonRoot({
   if (!holdToConfirm) return button;
   return /* @__PURE__ */ jsxs3(Fragment2, { children: [
     button,
-    /* @__PURE__ */ jsx6(VisuallyHidden, { id: hintId, children: { ...BUTTON_LABELS, ...labels }.holdHint })
+    /* @__PURE__ */ jsx5(VisuallyHidden, { id: hintId, children: { ...BUTTON_LABELS, ...labels }.holdHint })
   ] });
 }
 ButtonRoot.displayName = "Button.Root";
 function ButtonIcon({ children, className, ...rest }) {
-  return /* @__PURE__ */ jsx6("span", { className: cx(Button_default.icon, className), "aria-hidden": "true", ...rest, children });
+  return /* @__PURE__ */ jsx5("span", { className: cx(Button_default.icon, className), "aria-hidden": "true", ...rest, children });
 }
 ButtonIcon.displayName = "Button.Icon";
 var Button = { Root: ButtonRoot, Icon: ButtonIcon };
@@ -579,7 +622,7 @@ var Divider_default = {
 };
 
 // src/components/divider/Divider.tsx
-import { jsx as jsx7 } from "react/jsx-runtime";
+import { jsx as jsx6 } from "react/jsx-runtime";
 function Divider({
   orientation = "horizontal",
   align = "center",
@@ -589,7 +632,7 @@ function Divider({
   role = "separator",
   ...rest
 }) {
-  return /* @__PURE__ */ jsx7(
+  return /* @__PURE__ */ jsx6(
     "div",
     {
       ...rest,
@@ -597,95 +640,12 @@ function Divider({
       role,
       ...orientation === "vertical" ? { "aria-orientation": "vertical" } : {},
       ...toDataAttributes({ orientation, align, size }),
-      children: children != null ? /* @__PURE__ */ jsx7(ControlSizeProvider, { value: size, children: /* @__PURE__ */ jsx7("span", { className: Divider_default.content, children }) }) : null
+      children: children != null ? /* @__PURE__ */ jsx6(ControlSizeProvider, { value: size, children: /* @__PURE__ */ jsx6("span", { className: Divider_default.content, children }) }) : null
     }
   );
 }
 
-// src/icons/Icon.module.css
-var Icon_default = {
-  root: "Icon_root"
-};
-
 // src/icons/registry.ts
-import {
-  Activity,
-  AlertTriangle,
-  ArrowDown,
-  ArrowUp,
-  ArrowUpDown,
-  Bell,
-  Bold,
-  BookOpen,
-  Calendar,
-  ChartColumn,
-  Check,
-  CheckCircle2,
-  ChevronDown,
-  ChevronLeft,
-  ChevronRight,
-  ChevronsLeft,
-  ChevronsUpDown,
-  ChevronUp,
-  Circle,
-  CloudOff,
-  CloudUpload,
-  Code2,
-  Copy,
-  Download,
-  ExternalLink,
-  Eye,
-  EyeOff,
-  FileText,
-  GripVertical,
-  HardDrive,
-  House,
-  Image,
-  Inbox,
-  Info,
-  Italic,
-  KeyRound,
-  LayoutDashboard,
-  LayoutGrid,
-  Link2,
-  List,
-  ListFilter,
-  ListTodo,
-  Lock,
-  LogIn,
-  LogOut,
-  Mail,
-  MailCheck,
-  Menu,
-  MessageSquare,
-  Minus,
-  Monitor,
-  Moon,
-  MoreHorizontal,
-  Package,
-  PanelLeftClose,
-  PanelLeftOpen,
-  Pipette,
-  Plus,
-  Receipt,
-  RefreshCw,
-  Rocket,
-  Search,
-  Send,
-  Settings,
-  ShoppingCart,
-  Smartphone,
-  Sun,
-  Tablet,
-  Trash2,
-  Truck,
-  Underline,
-  UserRound,
-  Users,
-  Wallet,
-  X,
-  XCircle
-} from "lucide-react";
 var iconRegistry = {
   "nav.chevronDown": ChevronDown,
   "nav.chevronLeft": ChevronLeft,
@@ -712,7 +672,7 @@ var iconRegistry = {
   "action.filter": ListFilter,
   "action.login": LogIn,
   "action.logout": LogOut,
-  "action.more": MoreHorizontal,
+  "action.more": Ellipsis,
   "action.refresh": RefreshCw,
   "action.remove": Minus,
   "action.search": Search,
@@ -750,18 +710,18 @@ var iconRegistry = {
   "sort.ascending": ArrowUp,
   "sort.descending": ArrowDown,
   "sort.none": ArrowUpDown,
-  "status.danger": XCircle,
+  "status.danger": CircleX,
   "status.emailSent": MailCheck,
   "status.info": Info,
   "status.locked": Lock,
   "status.offline": CloudOff,
-  "status.success": CheckCircle2,
+  "status.success": CircleCheck,
   /** A rising trend; a falling one is the same arrow turned half a turn (it rotates between them). */
   "status.trendUp": ArrowUp,
-  "status.warning": AlertTriangle,
+  "status.warning": TriangleAlert,
   "theme.dark": Moon,
   "theme.light": Sun,
-  "view.code": Code2,
+  "view.code": CodeXml,
   "view.preview": Eye,
   "viewport.desktop": Monitor,
   "viewport.mobile": Smartphone,
@@ -769,47 +729,45 @@ var iconRegistry = {
 };
 
 // src/icons/Icon.tsx
-import { jsx as jsx8 } from "react/jsx-runtime";
-function IconSvg({
-  glyph: GlyphSvg,
-  className,
-  size,
-  tone = "default",
-  strokeWidth = 1.75,
-  ...rest
-}) {
-  const tier = useOptionalControlSize();
-  return /* @__PURE__ */ jsx8(
-    GlyphSvg,
-    {
-      className: cx(Icon_default.root, iconBoxClass(size, tier), textTone_default.tone, className),
-      "data-tone": tone === "default" ? void 0 : tone,
-      strokeWidth,
-      "aria-hidden": "true",
-      ...rest
-    }
-  );
-}
+import { jsx as jsx7 } from "react/jsx-runtime";
 function Icon({ name, ...rest }) {
-  return /* @__PURE__ */ jsx8(IconSvg, { glyph: iconRegistry[name], ...rest });
+  const Glyph = iconRegistry[name];
+  return /* @__PURE__ */ jsx7(Glyph, { ...rest });
 }
 function createIcon(glyph) {
-  function DomainIcon(props) {
-    return /* @__PURE__ */ jsx8(IconSvg, { glyph, ...props });
+  const LucideGlyph = glyph;
+  function DomainIcon({
+    className,
+    size,
+    tone,
+    animated,
+    strokeWidth = 1.75,
+    ...rest
+  }) {
+    const root = useIconRoot({ className, size, tone, animated, motion: "generic" });
+    return /* @__PURE__ */ jsx7(
+      LucideGlyph,
+      {
+        strokeWidth,
+        "aria-hidden": "true",
+        ...root,
+        ...rest
+      }
+    );
   }
   DomainIcon.displayName = `Icon(${glyph.displayName ?? "Glyph"})`;
   return DomainIcon;
 }
 
 // src/components/scroll-container/ScrollContainer.tsx
-import * as React10 from "react";
+import * as React9 from "react";
 
 // src/hooks/useEdgeOverflow.ts
-import * as React9 from "react";
+import * as React8 from "react";
 var NONE = { start: false, end: false };
 function useEdgeOverflow(ref, enabled, horizontal) {
-  const [overflow, setOverflow] = React9.useState(NONE);
-  React9.useLayoutEffect(() => {
+  const [overflow, setOverflow] = React8.useState(NONE);
+  React8.useLayoutEffect(() => {
     const node = ref.current;
     if (!enabled || !node) return;
     const update = () => {
@@ -864,7 +822,7 @@ var ScrollContainer_default = {
 };
 
 // src/components/scroll-container/ScrollContainer.tsx
-import { jsx as jsx9 } from "react/jsx-runtime";
+import { jsx as jsx8 } from "react/jsx-runtime";
 var axisClass = {
   vertical: ScrollContainer_default.vertical,
   horizontal: ScrollContainer_default.horizontal,
@@ -880,11 +838,11 @@ function ScrollContainer({
   ref,
   ...rest
 }) {
-  const innerRef = React10.useRef(null);
+  const innerRef = React9.useRef(null);
   const mergedRef = useMergedRefs(innerRef, ref);
   const horizontal = axis === "horizontal";
   const overflow = useEdgeOverflow(innerRef, fade, horizontal);
-  return /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsx8(
     Component,
     {
       ref: mergedRef,
@@ -959,9 +917,9 @@ var Hint_default = {
 };
 
 // src/components/hint/Hint.tsx
-import { jsx as jsx10 } from "react/jsx-runtime";
+import { jsx as jsx9 } from "react/jsx-runtime";
 function HintRoot({ className, size = "m", invalid, disabled, children, ...rest }) {
-  return /* @__PURE__ */ jsx10(ControlSizeProvider, { value: size, children: /* @__PURE__ */ jsx10(
+  return /* @__PURE__ */ jsx9(ControlSizeProvider, { value: size, children: /* @__PURE__ */ jsx9(
     "p",
     {
       ...rest,
@@ -977,7 +935,7 @@ function HintRoot({ className, size = "m", invalid, disabled, children, ...rest
 }
 HintRoot.displayName = "Hint.Root";
 function HintIcon({ className, ...rest }) {
-  return /* @__PURE__ */ jsx10("span", { "aria-hidden": "true", className: cx(Hint_default.icon, className), ...rest });
+  return /* @__PURE__ */ jsx9("span", { "aria-hidden": "true", className: cx(Hint_default.icon, className), ...rest });
 }
 HintIcon.displayName = "Hint.Icon";
 var Hint = { Root: HintRoot, Icon: HintIcon };
@@ -992,7 +950,7 @@ var Label_default = {
 };
 
 // src/components/label/Label.tsx
-import { jsx as jsx11, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx10, jsxs as jsxs4 } from "react/jsx-runtime";
 var LABEL_LABELS = { optional: "\u043D\u0435\u043E\u0431\u044F\u0437\u0430\u0442\u0435\u043B\u044C\u043D\u043E" };
 function LabelRoot({
   className,
@@ -1008,7 +966,7 @@ function LabelRoot({
   const size = useControlSize(sizeProp);
   return (
     // biome-ignore lint/a11y/noLabelWithoutControl: field label primitive; association via htmlFor or wrapping control is caller responsibility
-    /* @__PURE__ */ jsx11(
+    /* @__PURE__ */ jsx10(
       "label",
       {
         ref,
@@ -1018,8 +976,8 @@ function LabelRoot({
         ...toDataAttributes({ disabled: disabled || void 0, size }),
         children: /* @__PURE__ */ jsxs4(ControlSizeProvider, { value: size, children: [
           children,
-          required ? /* @__PURE__ */ jsx11("span", { className: Label_default.asterisk, "aria-hidden": "true", children: "*" }) : null,
-          optional ? /* @__PURE__ */ jsx11("span", { className: Label_default.optional, children: labels?.optional ?? LABEL_LABELS.optional }) : null
+          required ? /* @__PURE__ */ jsx10("span", { className: Label_default.asterisk, "aria-hidden": "true", children: "*" }) : null,
+          optional ? /* @__PURE__ */ jsx10("span", { className: Label_default.optional, children: labels?.optional ?? LABEL_LABELS.optional }) : null
         ] })
       }
     )
@@ -1027,11 +985,11 @@ function LabelRoot({
 }
 LabelRoot.displayName = "Label.Root";
 function LabelIcon({ className, ...rest }) {
-  return /* @__PURE__ */ jsx11("span", { className: cx(Label_default.icon, className), "aria-hidden": "true", ...rest });
+  return /* @__PURE__ */ jsx10("span", { className: cx(Label_default.icon, className), "aria-hidden": "true", ...rest });
 }
 LabelIcon.displayName = "Label.Icon";
 function LabelDescription({ className, ...rest }) {
-  return /* @__PURE__ */ jsx11("span", { className: cx(Label_default.description, className), ...rest });
+  return /* @__PURE__ */ jsx10("span", { className: cx(Label_default.description, className), ...rest });
 }
 LabelDescription.displayName = "Label.Description";
 var Label = {
@@ -1041,21 +999,21 @@ var Label = {
 };
 
 // src/components/checkbox/Checkbox.tsx
-import * as React13 from "react";
+import * as React12 from "react";
 
 // src/hooks/useControllableState.ts
-import * as React11 from "react";
+import * as React10 from "react";
 function useControllableState({
   value,
   defaultValue,
   onChange
 }) {
-  const [internalValue, setInternalValue] = React11.useState(defaultValue);
+  const [internalValue, setInternalValue] = React10.useState(defaultValue);
   const isControlled = value !== void 0;
   const currentValue = isControlled ? value : internalValue;
-  const currentValueRef = React11.useRef(currentValue);
+  const currentValueRef = React10.useRef(currentValue);
   currentValueRef.current = currentValue;
-  const setValue = React11.useCallback(
+  const setValue = React10.useCallback(
     (nextValue) => {
       const previousValue = currentValueRef.current;
       const computedValue = typeof nextValue === "function" ? nextValue(previousValue) : nextValue;
@@ -1081,7 +1039,7 @@ var CheckMark_default = {
 };
 
 // src/internal/CheckMark.tsx
-import { jsx as jsx12, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx11, jsxs as jsxs5 } from "react/jsx-runtime";
 function CheckMark({ state, className }) {
   return /* @__PURE__ */ jsxs5(
     "svg",
@@ -1092,69 +1050,15 @@ function CheckMark({ state, className }) {
       "aria-hidden": "true",
       focusable: "false",
       children: [
-        /* @__PURE__ */ jsx12("path", { d: "M5.5 12.5l4.25 4.25L18.5 8", pathLength: 1, className: CheckMark_default.check }),
-        /* @__PURE__ */ jsx12("path", { d: "M7 12h10", pathLength: 1, className: CheckMark_default.bar })
+        /* @__PURE__ */ jsx11("path", { d: "M5.5 12.5l4.25 4.25L18.5 8", pathLength: 1, className: CheckMark_default.check }),
+        /* @__PURE__ */ jsx11("path", { d: "M7 12h10", pathLength: 1, className: CheckMark_default.bar })
       ]
     }
   );
 }
 
-// src/internal/ChoiceField.module.css
-var ChoiceField_default = {
-  tier: "ChoiceField_tier",
-  field: "ChoiceField_field",
-  row: "ChoiceField_row",
-  controlCell: "ChoiceField_controlCell",
-  input: "ChoiceField_input",
-  text: "ChoiceField_text",
-  support: "ChoiceField_support",
-  visual: "ChoiceField_visual"
-};
-
-// src/internal/ChoiceField.tsx
-import { jsx as jsx13, jsxs as jsxs6 } from "react/jsx-runtime";
-var choiceInputClass = ChoiceField_default.input;
-var choiceVisualClass = ChoiceField_default.visual;
-var choiceTierClass = ChoiceField_default.tier;
-function ChoiceField({
-  ids,
-  size,
-  state,
-  disabled,
-  readOnly = false,
-  hint,
-  error,
-  control,
-  className,
-  children
-}) {
-  return /* @__PURE__ */ jsx13(ControlSizeProvider, { value: size, children: /* @__PURE__ */ jsxs6(
-    "div",
-    {
-      className: cx(ChoiceField_default.tier, ChoiceField_default.field, className),
-      ...toDataAttributes({
-        size,
-        state,
-        invalid: ids.invalid || void 0,
-        disabled: disabled || void 0,
-        readonly: readOnly || void 0
-      }),
-      children: [
-        /* @__PURE__ */ jsxs6("label", { htmlFor: ids.controlId, className: ChoiceField_default.row, children: [
-          /* @__PURE__ */ jsx13("span", { className: cx(ChoiceField_default.controlCell, touchTargetClass), children: control }),
-          children
-        ] }),
-        ids.showError ? /* @__PURE__ */ jsx13(Hint.Root, { id: ids.errorId, size, invalid: true, className: ChoiceField_default.support, children: error }) : ids.showHint ? /* @__PURE__ */ jsx13(Hint.Root, { id: ids.hintId, size, disabled, className: ChoiceField_default.support, children: hint }) : null
-      ]
-    }
-  ) });
-}
-function ChoiceLabel({ className, ...rest }) {
-  return /* @__PURE__ */ jsx13("span", { className: cx(ChoiceField_default.text, className), ...rest });
-}
-
 // src/internal/FieldFrame.tsx
-import * as React12 from "react";
+import * as React11 from "react";
 
 // src/internal/formatLabel.ts
 function formatLabel(template, values) {
@@ -1172,12 +1076,12 @@ var RollingNumber_default = {
 };
 
 // src/internal/RollingNumber.tsx
-import { jsx as jsx14 } from "react/jsx-runtime";
+import { jsx as jsx12 } from "react/jsx-runtime";
 function RollingNumber({ children, className }) {
   const chars = [...String(children)];
-  return /* @__PURE__ */ jsx14("span", { className: cx(RollingNumber_default.root, className), children: chars.map((char, i) => {
+  return /* @__PURE__ */ jsx12("span", { className: cx(RollingNumber_default.root, className), children: chars.map((char, i) => {
     const key = chars.length - i;
-    return /\d/.test(char) ? /* @__PURE__ */ jsx14(
+    return /\d/.test(char) ? /* @__PURE__ */ jsx12(
       "span",
       {
         className: RollingNumber_default.digit,
@@ -1185,7 +1089,7 @@ function RollingNumber({ children, className }) {
         children: char
       },
       `d${key}`
-    ) : /* @__PURE__ */ jsx14("span", { className: RollingNumber_default.char, children: char }, `c${key}`);
+    ) : /* @__PURE__ */ jsx12("span", { className: RollingNumber_default.char, children: char }, `c${key}`);
   }) });
 }
 
@@ -1198,11 +1102,16 @@ var FieldFrame_default = {
   body: "FieldFrame_body",
   supportText: "FieldFrame_supportText",
   support: "FieldFrame_support",
-  counter: "FieldFrame_counter"
+  shakeSelf: "FieldFrame_shakeSelf",
+  "field-shake-odd": "FieldFrame_field-shake-odd",
+  "field-shake-even": "FieldFrame_field-shake-even",
+  counter: "FieldFrame_counter",
+  leaving: "FieldFrame_leaving",
+  "field-error-leave": "FieldFrame_field-error-leave"
 };
 
 // src/internal/FieldFrame.tsx
-import { jsx as jsx15, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx13, jsxs as jsxs6 } from "react/jsx-runtime";
 function hasContent(node) {
   return node != null && node !== false && node !== "";
 }
@@ -1212,7 +1121,7 @@ function useFieldFrame(explicitId, {
   error,
   invalid
 }, ariaDescribedBy) {
-  const generated = React12.useId();
+  const generated = React11.useId();
   const controlId = explicitId ?? generated;
   const labelId = `${controlId}-label`;
   const hintId = `${controlId}-hint`;
@@ -1232,6 +1141,25 @@ function useFieldFrame(explicitId, {
     invalid: Boolean(invalid) || showError
   };
 }
+function useErrorShake(invalid, error) {
+  const key = !invalid ? null : typeof error === "string" || typeof error === "number" ? String(error) : "invalid";
+  const previous = React11.useRef(key);
+  const [count, setCount] = React11.useState(0);
+  React11.useEffect(() => {
+    if (key !== null && key !== previous.current) setCount((n) => n + 1);
+    previous.current = key;
+  }, [key]);
+  if (count === 0) return void 0;
+  return count % 2 ? "odd" : "even";
+}
+function useLeavingError(showError, error) {
+  const last = React11.useRef(error);
+  if (showError) last.current = error;
+  const presence = usePresence(showError, { exitDuration: "fast" });
+  if (showError || !presence.mounted) return null;
+  return { node: last.current, onExitEnd: presence.onExitEnd };
+}
+var leavingErrorClass = FieldFrame_default.leaving;
 function FieldFrame({
   size,
   ids,
@@ -1251,8 +1179,10 @@ function FieldFrame({
   ...rest
 }) {
   const { showError, showHint } = ids;
-  const showSupport = showError || showHint || counter != null || reserveSupportRow;
-  const labelNode = hasContent(label) ? /* @__PURE__ */ jsx15(
+  const leaving = useLeavingError(showError, error);
+  const showSupport = showError || showHint || leaving != null || counter != null || reserveSupportRow;
+  const shake = useErrorShake(ids.invalid, error);
+  const labelNode = hasContent(label) ? /* @__PURE__ */ jsx13(
     Label.Root,
     {
       id: ids.labelId,
@@ -1266,7 +1196,7 @@ function FieldFrame({
       children: label
     }
   ) : null;
-  return /* @__PURE__ */ jsxs7(
+  return /* @__PURE__ */ jsxs6(
     "div",
     {
       ...rest,
@@ -1274,22 +1204,34 @@ function FieldFrame({
       ...toDataAttributes({
         size,
         invalid: ids.invalid || void 0,
-        disabled: disabled || void 0
+        disabled: disabled || void 0,
+        shake
       }),
       children: [
-        labelEnd != null ? /* @__PURE__ */ jsxs7("div", { className: FieldFrame_default.labelRow, children: [
+        labelEnd != null ? /* @__PURE__ */ jsxs6("div", { className: FieldFrame_default.labelRow, children: [
           labelNode,
-          /* @__PURE__ */ jsx15("span", { className: FieldFrame_default.labelEnd, children: labelEnd })
+          /* @__PURE__ */ jsx13("span", { className: FieldFrame_default.labelEnd, children: labelEnd })
         ] }) : labelNode,
-        /* @__PURE__ */ jsxs7("div", { className: FieldFrame_default.body, children: [
+        /* @__PURE__ */ jsxs6("div", { className: FieldFrame_default.body, children: [
           children,
-          showSupport ? /* @__PURE__ */ jsxs7(
+          showSupport ? /* @__PURE__ */ jsxs6(
             "div",
             {
               className: FieldFrame_default.support,
               ...toDataAttributes({ size, reserve: reserveSupportRow || void 0 }),
               children: [
-                showError ? /* @__PURE__ */ jsx15(Hint.Root, { id: ids.errorId, size, invalid: true, className: FieldFrame_default.supportText, children: error }) : showHint ? /* @__PURE__ */ jsx15(
+                showError ? /* @__PURE__ */ jsx13(Hint.Root, { id: ids.errorId, size, invalid: true, className: FieldFrame_default.supportText, children: error }) : leaving ? /* @__PURE__ */ jsx13(
+                  Hint.Root,
+                  {
+                    size,
+                    invalid: true,
+                    "aria-hidden": "true",
+                    "data-state": "closed",
+                    onAnimationEnd: leaving.onExitEnd,
+                    className: cx(FieldFrame_default.supportText, FieldFrame_default.leaving),
+                    children: leaving.node
+                  }
+                ) : showHint ? /* @__PURE__ */ jsx13(
                   Hint.Root,
                   {
                     id: ids.hintId,
@@ -1298,7 +1240,7 @@ function FieldFrame({
                     className: FieldFrame_default.supportText,
                     children: hint
                   }
-                ) : /* @__PURE__ */ jsx15("span", { className: FieldFrame_default.supportText }),
+                ) : /* @__PURE__ */ jsx13("span", { className: FieldFrame_default.supportText }),
                 counter
               ]
             }
@@ -1309,7 +1251,7 @@ function FieldFrame({
   );
 }
 function FieldCounter({ current, max, size, label, className, ...rest }) {
-  return /* @__PURE__ */ jsxs7(
+  return /* @__PURE__ */ jsxs6(
     "span",
     {
       ...rest,
@@ -1318,17 +1260,92 @@ function FieldCounter({ current, max, size, label, className, ...rest }) {
       "data-invalid": current > max || void 0,
       "aria-live": "polite",
       children: [
-        /* @__PURE__ */ jsxs7("span", { "aria-hidden": "true", children: [
-          /* @__PURE__ */ jsx15(RollingNumber, { children: current }),
+        /* @__PURE__ */ jsxs6("span", { "aria-hidden": "true", children: [
+          /* @__PURE__ */ jsx13(RollingNumber, { children: current }),
           "/",
           max
         ] }),
-        /* @__PURE__ */ jsx15(VisuallyHidden, { children: formatLabel(label, { current, max }) })
+        /* @__PURE__ */ jsx13(VisuallyHidden, { children: formatLabel(label, { current, max }) })
       ]
     }
   );
 }
 
+// src/internal/ChoiceField.module.css
+var ChoiceField_default = {
+  tier: "ChoiceField_tier",
+  field: "ChoiceField_field",
+  row: "ChoiceField_row",
+  controlCell: "ChoiceField_controlCell",
+  input: "ChoiceField_input",
+  text: "ChoiceField_text",
+  support: "ChoiceField_support",
+  visual: "ChoiceField_visual"
+};
+
+// src/internal/ChoiceField.tsx
+import { jsx as jsx14, jsxs as jsxs7 } from "react/jsx-runtime";
+var choiceInputClass = ChoiceField_default.input;
+var choiceVisualClass = ChoiceField_default.visual;
+var choiceTierClass = ChoiceField_default.tier;
+function ChoiceField({
+  ids,
+  size,
+  state,
+  disabled,
+  readOnly = false,
+  hint,
+  error,
+  control,
+  className,
+  children
+}) {
+  const shake = useErrorShake(ids.invalid, error);
+  const leaving = useLeavingError(ids.showError, error);
+  return /* @__PURE__ */ jsx14(ControlSizeProvider, { value: size, children: /* @__PURE__ */ jsxs7(
+    "div",
+    {
+      className: cx(ChoiceField_default.tier, ChoiceField_default.field, className),
+      ...toDataAttributes({
+        size,
+        state,
+        invalid: ids.invalid || void 0,
+        disabled: disabled || void 0,
+        readonly: readOnly || void 0
+      }),
+      children: [
+        /* @__PURE__ */ jsxs7(
+          "label",
+          {
+            htmlFor: ids.controlId,
+            className: cx(ChoiceField_default.row, FieldFrame_default.shakeSelf),
+            "data-shake": shake,
+            children: [
+              /* @__PURE__ */ jsx14("span", { className: cx(ChoiceField_default.controlCell, touchTargetClass), children: control }),
+              children
+            ]
+          }
+        ),
+        ids.showError ? /* @__PURE__ */ jsx14(Hint.Root, { id: ids.errorId, size, invalid: true, className: ChoiceField_default.support, children: error }) : leaving ? /* @__PURE__ */ jsx14(
+          Hint.Root,
+          {
+            size,
+            invalid: true,
+            "aria-hidden": "true",
+            "data-state": "closed",
+            onAnimationEnd: leaving.onExitEnd,
+            className: cx(ChoiceField_default.support, leavingErrorClass),
+            children: leaving.node
+          }
+        ) : ids.showHint ? /* @__PURE__ */ jsx14(Hint.Root, { id: ids.hintId, size, disabled, className: ChoiceField_default.support, children: hint }) : null
+      ]
+    }
+  ) });
+}
+function ChoiceLabel({ className, ...rest }) {
+  return /* @__PURE__ */ jsx14("span", { className: cx(ChoiceField_default.text, className), ...rest });
+}
+
 // src/components/checkbox/Checkbox.module.css
 var Checkbox_default = {
   root: "Checkbox_root",
@@ -1337,7 +1354,7 @@ var Checkbox_default = {
 };
 
 // src/components/checkbox/Checkbox.tsx
-import { Fragment as Fragment3, jsx as jsx16, jsxs as jsxs8 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx15, jsxs as jsxs8 } from "react/jsx-runtime";
 function CheckboxRoot({
   id,
   checked: checkedProp,
@@ -1363,12 +1380,12 @@ function CheckboxRoot({
     defaultValue: defaultChecked,
     onChange: onCheckedChange
   });
-  const internalRef = React13.useRef(null);
+  const internalRef = React12.useRef(null);
   const mergedRef = useMergedRefs(internalRef, ref);
-  React13.useEffect(() => {
+  React12.useEffect(() => {
     if (internalRef.current) internalRef.current.indeterminate = indeterminate;
   }, [indeterminate]);
-  return /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsx15(
     ChoiceField,
     {
       ids,
@@ -1380,7 +1397,7 @@ function CheckboxRoot({
       error,
       className: cx(Checkbox_default.root, className),
       control: /* @__PURE__ */ jsxs8(Fragment3, { children: [
-        /* @__PURE__ */ jsx16(
+        /* @__PURE__ */ jsx15(
           "input",
           {
             ...inputRest,
@@ -1398,7 +1415,7 @@ function CheckboxRoot({
             "aria-describedby": ids.describedBy
           }
         ),
-        /* @__PURE__ */ jsx16("span", { className: cx(choiceVisualClass, Checkbox_default.control), "aria-hidden": "true", children: /* @__PURE__ */ jsx16(
+        /* @__PURE__ */ jsx15("span", { className: cx(choiceVisualClass, Checkbox_default.control), "aria-hidden": "true", children: /* @__PURE__ */ jsx15(
           CheckMark,
           {
             state: indeterminate ? "indeterminate" : checked ? "checked" : "unchecked"
@@ -1411,7 +1428,7 @@ function CheckboxRoot({
 }
 CheckboxRoot.displayName = "Checkbox.Root";
 function CheckboxLabel(props) {
-  return /* @__PURE__ */ jsx16(ChoiceLabel, { ...props });
+  return /* @__PURE__ */ jsx15(ChoiceLabel, { ...props });
 }
 CheckboxLabel.displayName = "Checkbox.Label";
 function CheckboxIndicator({
@@ -1423,7 +1440,7 @@ function CheckboxIndicator({
   ...rest
 }) {
   const size = useControlSize(sizeProp);
-  return /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsx15(
     "span",
     {
       "aria-hidden": "true",
@@ -1440,7 +1457,7 @@ function CheckboxIndicator({
         disabled: disabled || void 0
       }),
       ...rest,
-      children: /* @__PURE__ */ jsx16(CheckMark, { state: indeterminate ? "indeterminate" : checked ? "checked" : "unchecked" })
+      children: /* @__PURE__ */ jsx15(CheckMark, { state: indeterminate ? "indeterminate" : checked ? "checked" : "unchecked" })
     }
   );
 }
@@ -1452,7 +1469,7 @@ var Checkbox = {
 };
 
 // src/internal/swatch.tsx
-import * as React14 from "react";
+import * as React13 from "react";
 
 // src/internal/swatch.module.css
 var swatch_default = {
@@ -1465,7 +1482,7 @@ var swatch_default = {
 };
 
 // src/internal/swatch.tsx
-import { Fragment as Fragment4, jsx as jsx17, jsxs as jsxs9 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx16, jsxs as jsxs9 } 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" },
@@ -1485,7 +1502,7 @@ var COLOR_PRESETS = [
   { value: "#be185d", label: "\u0422\u0451\u043C\u043D\u043E-\u0440\u043E\u0437\u043E\u0432\u044B\u0439" }
 ];
 function useSwatchOptions(presets, allowEmpty, emptyLabel) {
-  return React14.useMemo(
+  return React13.useMemo(
     () => [
       ...presets.map((preset) => ({ ...preset, contrast: markContrast(preset.value) })),
       ...allowEmpty ? [{ value: null, label: emptyLabel, contrast: "dark" }] : []
@@ -1496,17 +1513,17 @@ function useSwatchOptions(presets, allowEmpty, emptyLabel) {
 var swatchClass = swatch_default.swatch;
 var swatchTierClass = swatch_default.tier;
 function SwatchFill({ value }) {
-  if (value == null) return /* @__PURE__ */ jsx17("span", { "aria-hidden": true, className: swatch_default.checker });
-  return /* @__PURE__ */ jsx17("svg", { className: swatch_default.fill, "aria-hidden": "true", viewBox: "0 0 1 1", preserveAspectRatio: "none", children: /* @__PURE__ */ jsx17("rect", { width: "1", height: "1", fill: value }) });
+  if (value == null) return /* @__PURE__ */ jsx16("span", { "aria-hidden": true, className: swatch_default.checker });
+  return /* @__PURE__ */ jsx16("svg", { className: swatch_default.fill, "aria-hidden": "true", viewBox: "0 0 1 1", preserveAspectRatio: "none", children: /* @__PURE__ */ jsx16("rect", { width: "1", height: "1", fill: value }) });
 }
 function SwatchContent({ value, selected }) {
   return /* @__PURE__ */ jsxs9(Fragment4, { children: [
-    /* @__PURE__ */ jsx17(SwatchFill, { value }),
-    /* @__PURE__ */ jsx17(CheckMark, { state: selected ? "checked" : "unchecked", className: swatch_default.check })
+    /* @__PURE__ */ jsx16(SwatchFill, { value }),
+    /* @__PURE__ */ jsx16(CheckMark, { state: selected ? "checked" : "unchecked", className: swatch_default.check })
   ] });
 }
 function SwatchChip({ value, className, ...rest }) {
-  return /* @__PURE__ */ jsx17("span", { ...rest, "aria-hidden": true, className: cx(swatch_default.chip, className), children: /* @__PURE__ */ jsx17(SwatchFill, { value }) });
+  return /* @__PURE__ */ jsx16("span", { ...rest, "aria-hidden": true, className: cx(swatch_default.chip, className), children: /* @__PURE__ */ jsx16(SwatchFill, { value }) });
 }
 function sameColor(a, b) {
   return (a ?? "").trim().toLowerCase() === (b ?? "").trim().toLowerCase();
@@ -1550,7 +1567,7 @@ function markContrast(value) {
 }
 
 // src/components/color-swatches/ColorSwatches.tsx
-import * as React15 from "react";
+import * as React14 from "react";
 
 // src/internal/rovingFocus.ts
 var PREV = {
@@ -1599,7 +1616,7 @@ var ColorSwatches_default = {
 };
 
 // src/components/color-swatches/ColorSwatches.tsx
-import { jsx as jsx18, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx17, jsxs as jsxs10 } from "react/jsx-runtime";
 var COLOR_SWATCHES_LABELS = {
   group: "\u0426\u0432\u0435\u0442",
   empty: "\u0411\u0435\u0437 \u0446\u0432\u0435\u0442\u0430",
@@ -1644,7 +1661,7 @@ function ColorSwatches({
   const options = useSwatchOptions(presets, allowEmpty, labels.empty);
   const selectedIndex = options.findIndex((option) => sameColor(option.value, value));
   const focusIndex = Math.max(0, selectedIndex);
-  const itemRefs = React15.useRef([]);
+  const itemRefs = React14.useRef([]);
   const labelledBy = ariaLabelledBy ?? ids.labelledBy;
   const onKeyDown2 = (event) => {
     const current = itemRefs.current.indexOf(document.activeElement);
@@ -1659,7 +1676,7 @@ function ColorSwatches({
     setValue(options[next].value);
     itemRefs.current[next]?.focus();
   };
-  return /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx17(
     FieldFrame,
     {
       ...rest,
@@ -1696,7 +1713,7 @@ function ColorSwatches({
               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__ */ jsx18(
+                /* @__PURE__ */ jsx17(
                   "button",
                   {
                     ref: (el) => {
@@ -1715,13 +1732,13 @@ function ColorSwatches({
                       contrast: option.contrast
                     }),
                     onClick: () => setValue(option.value),
-                    children: /* @__PURE__ */ jsx18(SwatchContent, { value: option.value, selected })
+                    children: /* @__PURE__ */ jsx17(SwatchContent, { value: option.value, selected })
                   },
                   option.value ?? "empty"
                 )
               );
             }),
-            name ? /* @__PURE__ */ jsx18("input", { type: "hidden", name, value: value ?? "" }) : null
+            name ? /* @__PURE__ */ jsx17("input", { type: "hidden", name, value: value ?? "" }) : null
           ]
         }
       )
@@ -1739,7 +1756,7 @@ var EmptyPage_default = {
 };
 
 // src/components/empty-page/EmptyPage.tsx
-import { jsx as jsx19 } from "react/jsx-runtime";
+import { jsx as jsx18 } from "react/jsx-runtime";
 function EmptyPageRoot({
   size = "m",
   layout = "default",
@@ -1747,31 +1764,31 @@ function EmptyPageRoot({
   children,
   ...rest
 }) {
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx18(
     "div",
     {
       className: cx(EmptyPage_default.root, layout !== "compact" && enterMotion_default.enterBaseChildren, className),
       ...rest,
       ...toDataAttributes({ size, layout: layout === "default" ? void 0 : layout }),
-      children: /* @__PURE__ */ jsx19(ControlSizeProvider, { value: size, children })
+      children: /* @__PURE__ */ jsx18(ControlSizeProvider, { value: size, children })
     }
   );
 }
 EmptyPageRoot.displayName = "EmptyPage.Root";
 function EmptyPageIcon({ tone = "neutral", className, ...rest }) {
-  return /* @__PURE__ */ jsx19("div", { className: cx(EmptyPage_default.iconWrap, className), "data-tone": tone, ...rest });
+  return /* @__PURE__ */ jsx18("div", { className: cx(EmptyPage_default.iconWrap, className), "data-tone": tone, ...rest });
 }
 EmptyPageIcon.displayName = "EmptyPage.Icon";
 function EmptyPageTitle({ as: Tag = "h2", className, ref, ...rest }) {
-  return /* @__PURE__ */ jsx19(Tag, { ref, className: cx(EmptyPage_default.title, className), ...rest });
+  return /* @__PURE__ */ jsx18(Tag, { ref, className: cx(EmptyPage_default.title, className), ...rest });
 }
 EmptyPageTitle.displayName = "EmptyPage.Title";
 function EmptyPageDescription({ className, ...rest }) {
-  return /* @__PURE__ */ jsx19("p", { className: cx(EmptyPage_default.description, className), ...rest });
+  return /* @__PURE__ */ jsx18("p", { className: cx(EmptyPage_default.description, className), ...rest });
 }
 EmptyPageDescription.displayName = "EmptyPage.Description";
 function EmptyPageActions({ className, ...rest }) {
-  return /* @__PURE__ */ jsx19("div", { className: cx(EmptyPage_default.actions, className), ...rest });
+  return /* @__PURE__ */ jsx18("div", { className: cx(EmptyPage_default.actions, className), ...rest });
 }
 EmptyPageActions.displayName = "EmptyPage.Actions";
 var EmptyPage = {
@@ -1783,7 +1800,7 @@ var EmptyPage = {
 };
 
 // src/components/progress-bar/ProgressBar.tsx
-import * as React16 from "react";
+import * as React15 from "react";
 
 // src/internal/progressSegments.ts
 function resolveValue(value, max) {
@@ -1841,13 +1858,13 @@ var ProgressBar_default = {
 };
 
 // src/components/progress-bar/ProgressBar.tsx
-import { Fragment as Fragment5, jsx as jsx20, jsxs as jsxs11 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx19, jsxs as jsxs11 } from "react/jsx-runtime";
 var MIN_STEPS = 2;
 var MAX_STEPS = 12;
 function useStepOrder(filled, count) {
-  const prev = React16.useRef(filled);
+  const prev = React15.useRef(filled);
   const from = prev.current;
-  React16.useEffect(() => {
+  React15.useEffect(() => {
     prev.current = filled;
   }, [filled]);
   return Array.from(
@@ -1871,8 +1888,8 @@ function ProgressBar(props) {
     "aria-label": ariaLabel,
     ...rest
   } = props;
-  const labelId = React16.useId();
-  const descriptionId = React16.useId();
+  const labelId = React15.useId();
+  const descriptionId = React15.useId();
   const stepResolved = !segmentsProp && steps ? resolveValue(valueProp ?? 0, maxProp) : null;
   const stepCount = stepResolved ? Math.min(MAX_STEPS, Math.max(MIN_STEPS, Math.round(stepResolved.max))) : 0;
   const stepFilled = stepResolved ? Math.round(stepResolved.value / stepResolved.max * stepCount) : 0;
@@ -1894,7 +1911,7 @@ function ProgressBar(props) {
       "aria-describedby": descriptionId
     } : { "aria-label": text };
     bar = /* @__PURE__ */ jsxs11(Fragment5, { children: [
-      named ? /* @__PURE__ */ jsx20(VisuallyHidden, { id: descriptionId, children: text }) : null,
+      named ? /* @__PURE__ */ jsx19(VisuallyHidden, { id: descriptionId, children: text }) : null,
       /* @__PURE__ */ jsxs11(
         "div",
         {
@@ -1903,7 +1920,7 @@ function ProgressBar(props) {
           ...a11y,
           ...toDataAttributes({ "segment-gap": segmentGap }),
           children: [
-            total > 0 ? /* @__PURE__ */ jsx20("span", { className: ProgressBar_default.segments, style: { flexGrow: total }, children: segments.map((seg, i) => /* @__PURE__ */ jsx20(
+            total > 0 ? /* @__PURE__ */ jsx19("span", { className: ProgressBar_default.segments, style: { flexGrow: total }, children: segments.map((seg, i) => /* @__PURE__ */ jsx19(
               "span",
               {
                 className: ProgressBar_default.segment,
@@ -1913,7 +1930,7 @@ function ProgressBar(props) {
               },
               i
             )) }) : null,
-            free > 0 || total === 0 ? /* @__PURE__ */ jsx20("span", { className: ProgressBar_default.rest, style: { flexGrow: free > 0 ? free : 1 } }) : null
+            free > 0 || total === 0 ? /* @__PURE__ */ jsx19("span", { className: ProgressBar_default.rest, style: { flexGrow: free > 0 ? free : 1 } }) : null
           ]
         }
       )
@@ -1924,7 +1941,7 @@ function ProgressBar(props) {
     percent = resolved.percent;
     tone = toneProp ?? "accent";
     bar = /* @__PURE__ */ jsxs11(Fragment5, { children: [
-      /* @__PURE__ */ jsx20(
+      /* @__PURE__ */ jsx19(
         "progress",
         {
           value,
@@ -1934,7 +1951,7 @@ function ProgressBar(props) {
           className: ProgressBar_default.native
         }
       ),
-      steps ? /* @__PURE__ */ jsx20("span", { className: ProgressBar_default.bar, "aria-hidden": "true", "data-steps": "true", children: stepOrder.map((order, i) => /* @__PURE__ */ jsx20(
+      steps ? /* @__PURE__ */ jsx19("span", { className: ProgressBar_default.bar, "aria-hidden": "true", "data-steps": "true", children: stepOrder.map((order, i) => /* @__PURE__ */ jsx19(
         "span",
         {
           className: ProgressBar_default.step,
@@ -1942,20 +1959,20 @@ function ProgressBar(props) {
           style: { "--pb-step-order": order }
         },
         i
-      )) }) : /* @__PURE__ */ jsx20(
+      )) }) : /* @__PURE__ */ jsx19(
         "span",
         {
           className: ProgressBar_default.bar,
           "aria-hidden": "true",
           style: { "--pb-ratio": resolved.ratio },
-          children: /* @__PURE__ */ jsx20("span", { className: ProgressBar_default.fill })
+          children: /* @__PURE__ */ jsx19("span", { className: ProgressBar_default.fill })
         }
       )
     ] });
   }
   return /* @__PURE__ */ jsxs11("div", { className: cx(ProgressBar_default.root, className), ...rest, ...toDataAttributes({ size, tone }), children: [
     label || showValue ? /* @__PURE__ */ jsxs11("div", { className: ProgressBar_default.header, children: [
-      label ? /* @__PURE__ */ jsx20("span", { className: ProgressBar_default.label, id: labelId, children: label }) : null,
+      label ? /* @__PURE__ */ jsx19("span", { className: ProgressBar_default.label, id: labelId, children: label }) : null,
       showValue ? /* @__PURE__ */ jsxs11("span", { className: ProgressBar_default.value, "aria-hidden": "true", children: [
         percent,
         "%"
@@ -1975,15 +1992,15 @@ function getPasswordStrength(value) {
 }
 
 // src/components/input/Input.tsx
-import * as React18 from "react";
+import * as React17 from "react";
 
 // src/internal/context.ts
-import * as React17 from "react";
+import * as React16 from "react";
 function createComponentContext(displayName) {
-  const Ctx = React17.createContext(null);
+  const Ctx = React16.createContext(null);
   Ctx.displayName = `${displayName}Context`;
   function useComponentContext() {
-    const value = React17.useContext(Ctx);
+    const value = React16.useContext(Ctx);
     if (value === null) {
       throw new Error(
         `[prime-ui-kit] \`${displayName}\` sub-component must be used inside \`${displayName}.Root\`.`
@@ -2007,7 +2024,7 @@ var Input_default = {
 };
 
 // src/components/input/Input.tsx
-import { Fragment as Fragment6, jsx as jsx21, jsxs as jsxs12 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx20, jsxs as jsxs12 } 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",
@@ -2044,13 +2061,13 @@ function InputRoot({
   className,
   ...rest
 }) {
-  const [strengthValue, setStrengthValue] = React18.useState("");
+  const [strengthValue, setStrengthValue] = React17.useState("");
   const size = useControlSize(sizeProp);
   const ids = useFieldFrame(id, { label, hint, error, invalid });
-  const labels = React18.useMemo(() => ({ ...INPUT_LABELS, ...labelsProp }), [labelsProp]);
+  const labels = React17.useMemo(() => ({ ...INPUT_LABELS, ...labelsProp }), [labelsProp]);
   const { invalid: isInvalid, controlId: inputId, describedBy } = ids;
-  const inputRef = React18.useRef(null);
-  const contextValue = React18.useMemo(
+  const inputRef = React17.useRef(null);
+  const contextValue = React17.useMemo(
     () => ({
       size,
       invalid: isInvalid,
@@ -2066,7 +2083,7 @@ function InputRoot({
   );
   const level = strength ? getStrength(strengthValue) : 0;
   const levelWord = level ? [labels.strengthWeak, labels.strengthEasy, labels.strengthMedium, labels.strengthHard][level - 1] : "";
-  return /* @__PURE__ */ jsx21(InputProvider, { value: contextValue, children: /* @__PURE__ */ jsx21(ControlSizeProvider, { value: size, children: /* @__PURE__ */ jsxs12(
+  return /* @__PURE__ */ jsx20(InputProvider, { value: contextValue, children: /* @__PURE__ */ jsx20(ControlSizeProvider, { value: size, children: /* @__PURE__ */ jsxs12(
     FieldFrame,
     {
       ...rest,
@@ -2078,15 +2095,15 @@ function InputRoot({
       hint,
       error,
       counter: strength ? /* @__PURE__ */ jsxs12(Fragment6, { children: [
-        /* @__PURE__ */ jsx21(
+        /* @__PURE__ */ jsx20(
           "span",
           {
             className: Input_default.strengthWord,
             "data-tone": level ? STRENGTH_TONES[level] : void 0,
             "aria-live": "polite",
             children: levelWord ? /* @__PURE__ */ jsxs12(Fragment6, { children: [
-              /* @__PURE__ */ jsx21(VisuallyHidden, { children: `${labels.strength}: ` }),
-              /* @__PURE__ */ jsx21(MorphText, { children: levelWord })
+              /* @__PURE__ */ jsx20(VisuallyHidden, { children: `${labels.strength}: ` }),
+              /* @__PURE__ */ jsx20(MorphText, { children: levelWord })
             ] }) : null
           }
         ),
@@ -2097,7 +2114,7 @@ function InputRoot({
       className: cx(fieldTierClass, Input_default.root, className),
       children: [
         children,
-        strength ? /* @__PURE__ */ jsx21(
+        strength ? /* @__PURE__ */ jsx20(
           ProgressBar,
           {
             steps: true,
@@ -2115,7 +2132,7 @@ function InputRoot({
 InputRoot.displayName = "Input.Root";
 function InputWrapper({ children, className, ...rest }) {
   const { size, invalid, focusRing } = useInputContext();
-  return /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx20(
     "div",
     {
       ...rest,
@@ -2149,13 +2166,13 @@ function InputField({
   } = useInputContext();
   const setRefs = useMergedRefs(inputRef, ref);
   const controlled = rest.value;
-  React18.useEffect(() => {
+  React17.useEffect(() => {
     if (!reportValue) return;
     if (controlled !== void 0) reportValue(String(controlled));
     else if (inputRef.current) reportValue(inputRef.current.value);
   }, [reportValue, controlled, inputRef]);
   const resolvedDescribedBy = [ariaDescribedBy, describedBy].filter(Boolean).join(" ") || void 0;
-  return /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx20(
     "input",
     {
       ...rest,
@@ -2175,15 +2192,15 @@ function InputField({
 }
 InputField.displayName = "Input.Field";
 function InputIcon({ side, children, className, ...rest }) {
-  return /* @__PURE__ */ jsx21("span", { ...rest, className: cx(Input_default.icon, className), "data-side": side, "aria-hidden": "true", children });
+  return /* @__PURE__ */ jsx20("span", { ...rest, className: cx(Input_default.icon, className), "data-side": side, "aria-hidden": "true", children });
 }
 InputIcon.displayName = "Input.Icon";
 function InputAffix({ side, children, className, ...rest }) {
-  return /* @__PURE__ */ jsx21("div", { ...rest, className: cx(Input_default.affix, className), "data-side": side, "aria-hidden": "true", children });
+  return /* @__PURE__ */ jsx20("div", { ...rest, className: cx(Input_default.affix, className), "data-side": side, "aria-hidden": "true", children });
 }
 InputAffix.displayName = "Input.Affix";
 function InputInlineAffix({ side, children, className, ...rest }) {
-  return /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx20(
     "span",
     {
       ...rest,
@@ -2197,7 +2214,7 @@ function InputInlineAffix({ side, children, className, ...rest }) {
 InputInlineAffix.displayName = "Input.InlineAffix";
 function InputClearButton({ className, onClick: onClick2, ref, ...rest }) {
   const { inputId, inputRef, labels } = useInputContext();
-  return /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx20(
     "button",
     {
       ...rest,
@@ -2210,14 +2227,14 @@ function InputClearButton({ className, onClick: onClick2, ref, ...rest }) {
         onClick2?.(event);
         if (!event.defaultPrevented) inputRef.current?.focus();
       },
-      children: /* @__PURE__ */ jsx21(Icon, { name: "action.close" })
+      children: /* @__PURE__ */ jsx20(Icon, { name: "action.close" })
     }
   );
 }
 InputClearButton.displayName = "Input.ClearButton";
 function InputCounter(props) {
   const { size, labels } = useInputContext();
-  return /* @__PURE__ */ jsx21(FieldCounter, { ...props, size, label: labels.counter });
+  return /* @__PURE__ */ jsx20(FieldCounter, { ...props, size, label: labels.counter });
 }
 InputCounter.displayName = "Input.Counter";
 var Input = {
@@ -2232,17 +2249,17 @@ var Input = {
 };
 
 // src/internal/imageSlot.tsx
-import * as React20 from "react";
+import * as React19 from "react";
 
 // src/hooks/useImageStatus.ts
-import * as React19 from "react";
+import * as React18 from "react";
 function useImageStatus(report, { onLoad, onError } = {}) {
-  const [status, setStatus] = React19.useState("loading");
-  React19.useLayoutEffect(() => {
+  const [status, setStatus] = React18.useState("loading");
+  React18.useLayoutEffect(() => {
     report("loading");
     return () => report("idle");
   }, [report]);
-  const handleLoad = React19.useCallback(
+  const handleLoad = React18.useCallback(
     (event) => {
       setStatus("loaded");
       report("loaded");
@@ -2250,7 +2267,7 @@ function useImageStatus(report, { onLoad, onError } = {}) {
     },
     [onLoad, report]
   );
-  const handleError = React19.useCallback(
+  const handleError = React18.useCallback(
     (event) => {
       setStatus("error");
       report("error");
@@ -2262,18 +2279,18 @@ function useImageStatus(report, { onLoad, onError } = {}) {
 }
 
 // src/internal/imageSlot.tsx
-import { jsx as jsx22 } from "react/jsx-runtime";
+import { jsx as jsx21 } from "react/jsx-runtime";
 function createImageSlot(name, classNames) {
   const [Provider, useSlotContext] = createComponentContext(name);
   function ImageSlotProvider({ children }) {
-    const [imageStatus, setImageStatus] = React20.useState("idle");
-    const value = React20.useMemo(() => ({ imageStatus, setImageStatus }), [imageStatus]);
-    return /* @__PURE__ */ jsx22(Provider, { value, children });
+    const [imageStatus, setImageStatus] = React19.useState("idle");
+    const value = React19.useMemo(() => ({ imageStatus, setImageStatus }), [imageStatus]);
+    return /* @__PURE__ */ jsx21(Provider, { value, children });
   }
   function ImageInner({ src, alt = "", className, onLoad, onError, ...rest }) {
     const { setImageStatus } = useSlotContext();
     const image = useImageStatus(setImageStatus, { onLoad, onError });
-    return /* @__PURE__ */ jsx22(
+    return /* @__PURE__ */ jsx21(
       "img",
       {
         src,
@@ -2287,12 +2304,12 @@ function createImageSlot(name, classNames) {
     );
   }
   function Image2(props) {
-    return /* @__PURE__ */ jsx22(ImageInner, { ...props }, props.src);
+    return /* @__PURE__ */ jsx21(ImageInner, { ...props }, props.src);
   }
   Image2.displayName = `${name}.Image`;
   function Fallback({ className, ...rest }) {
     const { imageStatus } = useSlotContext();
-    return /* @__PURE__ */ jsx22(
+    return /* @__PURE__ */ jsx21(
       "span",
       {
         className: cx(classNames.fallback, className),
@@ -2323,7 +2340,7 @@ var Thumbnail_default = {
 };
 
 // src/components/thumbnail/Thumbnail.tsx
-import { jsx as jsx23 } from "react/jsx-runtime";
+import { jsx as jsx22 } from "react/jsx-runtime";
 var slot = createImageSlot("Thumbnail", { image: Thumbnail_default.image, fallback: Thumbnail_default.fallback });
 function ThumbnailRoot({
   size = "m",
@@ -2336,7 +2353,7 @@ function ThumbnailRoot({
   children,
   ...rest
 }) {
-  return /* @__PURE__ */ jsx23(slot.ImageSlotProvider, { children: /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx22(slot.ImageSlotProvider, { children: /* @__PURE__ */ jsx22(
     "div",
     {
       className: cx(Thumbnail_default.root, palette_default.hue, className),
@@ -2355,7 +2372,7 @@ function ThumbnailRoot({
 }
 ThumbnailRoot.displayName = "Thumbnail.Root";
 function ThumbnailImage({ fit = "cover", ...rest }) {
-  return /* @__PURE__ */ jsx23(slot.Image, { ...rest, "data-fit": fit });
+  return /* @__PURE__ */ jsx22(slot.Image, { ...rest, "data-fit": fit });
 }
 ThumbnailImage.displayName = "Thumbnail.Image";
 var ThumbnailFallback = slot.Fallback;
@@ -2366,10 +2383,10 @@ var Thumbnail = {
 };
 
 // src/components/select/Select.tsx
-import * as React34 from "react";
+import * as React33 from "react";
 
 // src/internal/listbox.ts
-import * as React21 from "react";
+import * as React20 from "react";
 var optionDomId = (listboxId, value) => `${listboxId}-opt-${value.replace(/\s+/g, "_")}`;
 function enabledOptions(container) {
   if (!container) return [];
@@ -2394,11 +2411,11 @@ function createStore(initial) {
   };
 }
 function useCreateStore(initial) {
-  return React21.useState(() => createStore(initial))[0];
+  return React20.useState(() => createStore(initial))[0];
 }
 function useStoreSlice(store, select) {
   const read = () => select(store.get());
-  return React21.useSyncExternalStore(store.subscribe, read, read);
+  return React20.useSyncExternalStore(store.subscribe, read, read);
 }
 function handleListboxKeyDown(event, { items, highlight, onSelect }) {
   if (items.length === 0) return;
@@ -2420,10 +2437,10 @@ function handleListboxKeyDown(event, { items, highlight, onSelect }) {
 }
 var TYPEAHEAD_RESET_MS = 500;
 function useTypeahead() {
-  const state = React21.useRef({ buffer: "", timer: 0 });
-  React21.useEffect(() => () => window.clearTimeout(state.current.timer), []);
-  const isTyping = React21.useCallback(() => state.current.buffer !== "", []);
-  const find = React21.useCallback(
+  const state = React20.useRef({ buffer: "", timer: 0 });
+  React20.useEffect(() => () => window.clearTimeout(state.current.timer), []);
+  const isTyping = React20.useCallback(() => state.current.buffer !== "", []);
+  const find = React20.useCallback(
     (key, items, highlighted) => {
       const s = state.current;
       window.clearTimeout(s.timer);
@@ -2445,7 +2462,7 @@ function useTypeahead() {
 }
 
 // src/internal/MenuGroup.tsx
-import * as React22 from "react";
+import * as React21 from "react";
 
 // src/internal/menu.module.css
 var menu_default = {
@@ -2463,9 +2480,9 @@ var menu_default = {
 };
 
 // src/internal/MenuGroup.tsx
-import { jsx as jsx24, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx23, jsxs as jsxs13 } from "react/jsx-runtime";
 function MenuGroup({ label, className, children, ...rest }) {
-  const labelId = React22.useId();
+  const labelId = React21.useId();
   return (
     // biome-ignore lint/a11y/useSemanticElements: role="group" inside a menu / listbox; <fieldset> is not allowed there
     /* @__PURE__ */ jsxs13(
@@ -2476,7 +2493,7 @@ function MenuGroup({ label, className, children, ...rest }) {
         "aria-labelledby": label != null ? labelId : void 0,
         className: cx(menu_default.group, className),
         children: [
-          label != null ? /* @__PURE__ */ jsx24("div", { id: labelId, role: "presentation", className: menu_default.groupLabel, children: label }) : null,
+          label != null ? /* @__PURE__ */ jsx23("div", { id: labelId, role: "presentation", className: menu_default.groupLabel, children: label }) : null,
           children
         ]
       }
@@ -2513,11 +2530,11 @@ var overlayMotion_default = {
 };
 
 // src/internal/Portal.tsx
-import * as React23 from "react";
+import * as React22 from "react";
 import { createPortal } from "react-dom";
 function Portal({ children, container }) {
-  const [mounted, setMounted] = React23.useState(false);
-  React23.useLayoutEffect(() => {
+  const [mounted, setMounted] = React22.useState(false);
+  React22.useLayoutEffect(() => {
     setMounted(true);
     return () => setMounted(false);
   }, []);
@@ -2533,8 +2550,8 @@ var sheet_default = {
 };
 
 // src/internal/surfaceDepth.tsx
-import * as React24 from "react";
-var SurfaceDepthContext = React24.createContext(0);
+import * as React23 from "react";
+var SurfaceDepthContext = React23.createContext(0);
 SurfaceDepthContext.displayName = "SurfaceDepthContext";
 function nextSurfaceDepth(depth) {
   if (typeof depth === "number") return Math.min(depth + 1, 4);
@@ -2542,18 +2559,18 @@ function nextSurfaceDepth(depth) {
   return depth === "floating" ? "floating-1" : "floating-2";
 }
 function useNestedSurfaceDepth() {
-  return nextSurfaceDepth(React24.useContext(SurfaceDepthContext));
+  return nextSurfaceDepth(React23.useContext(SurfaceDepthContext));
 }
 var SurfaceDepthProvider = SurfaceDepthContext.Provider;
-var StageDepthContext = React24.createContext(0);
+var StageDepthContext = React23.createContext(0);
 StageDepthContext.displayName = "StageDepthContext";
 var StageDepthProvider = StageDepthContext.Provider;
 function useStageDepth() {
-  return React24.useContext(StageDepthContext);
+  return React23.useContext(StageDepthContext);
 }
 
 // src/internal/overlay/layerStack.ts
-import * as React25 from "react";
+import * as React24 from "react";
 
 // src/internal/overlay/focus.ts
 var FOCUSABLE = [
@@ -2674,22 +2691,22 @@ function push(entry) {
     if (stack.length === 0) listen(false);
   };
 }
-var LayerContext = React25.createContext(null);
+var LayerContext = React24.createContext(null);
 var LayerProvider = LayerContext.Provider;
 function useLayer(open, options) {
-  const parent = React25.useContext(LayerContext);
-  const [entry] = React25.useState(() => ({ parent, trap: false, ...options }));
+  const parent = React24.useContext(LayerContext);
+  const [entry] = React24.useState(() => ({ parent, trap: false, ...options }));
   entry.parent = parent;
   entry.refs = options.refs;
   entry.dismiss = options.dismiss;
   entry.trap = options.trap ?? false;
   entry.onDismiss = options.onDismiss;
-  React25.useLayoutEffect(() => open ? push(entry) : void 0, [open, entry]);
+  React24.useLayoutEffect(() => open ? push(entry) : void 0, [open, entry]);
   return entry;
 }
 
 // src/internal/overlay/FloatingPanel.tsx
-import { Fragment as Fragment7, jsx as jsx25, jsxs as jsxs14 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx24, jsxs as jsxs14 } from "react/jsx-runtime";
 function FloatingPanel({
   floating,
   size,
@@ -2725,9 +2742,9 @@ function FloatingPanel({
       floating.onKeyDown(event);
     }
   };
-  const panel = scroll ? /* @__PURE__ */ jsx25(ScrollContainer, { ...props, ref: panelRef, children }) : /* @__PURE__ */ jsx25("div", { ...props, ref: panelRef, children });
-  return /* @__PURE__ */ jsx25(Portal, { children: /* @__PURE__ */ jsx25(LayerProvider, { value: floating.layer, children: /* @__PURE__ */ jsx25(SurfaceDepthProvider, { value: "floating", children: /* @__PURE__ */ jsx25(ControlSizeProvider, { value: size, children: sheet ? /* @__PURE__ */ jsxs14(Fragment7, { children: [
-    /* @__PURE__ */ jsx25(
+  const panel = scroll ? /* @__PURE__ */ jsx24(ScrollContainer, { ...props, ref: panelRef, children }) : /* @__PURE__ */ jsx24("div", { ...props, ref: panelRef, children });
+  return /* @__PURE__ */ jsx24(Portal, { children: /* @__PURE__ */ jsx24(LayerProvider, { value: floating.layer, children: /* @__PURE__ */ jsx24(SurfaceDepthProvider, { value: "floating", children: /* @__PURE__ */ jsx24(ControlSizeProvider, { value: size, children: sheet ? /* @__PURE__ */ jsxs14(Fragment7, { children: [
+    /* @__PURE__ */ jsx24(
       "div",
       {
         role: "presentation",
@@ -2750,7 +2767,7 @@ function FloatingPanel({
         onAnimationEnd: presence.onExitEnd,
         onPointerDown: floating.onSheetPointerDown,
         children: [
-          /* @__PURE__ */ jsx25("div", { className: sheet_default.handle, "data-swipe-handle": "", "aria-hidden": "true" }),
+          /* @__PURE__ */ jsx24("div", { className: sheet_default.handle, "data-swipe-handle": "", "aria-hidden": "true" }),
           panel
         ]
       }
@@ -2758,17 +2775,17 @@ function FloatingPanel({
   ] }) : panel }) }) }) });
 }
 function FloatingTrigger({ triggerProps, children, ...forwarded }) {
-  return /* @__PURE__ */ jsx25(Slot, { ...forwarded, children: /* @__PURE__ */ jsx25(Slot, { ...triggerProps, children }) });
+  return /* @__PURE__ */ jsx24(Slot, { ...forwarded, children: /* @__PURE__ */ jsx24(Slot, { ...triggerProps, children }) });
 }
 
 // src/internal/overlay/useFloatingLayer.ts
-import * as React31 from "react";
+import * as React30 from "react";
 
 // src/hooks/useMediaQuery.ts
-import * as React26 from "react";
+import * as React25 from "react";
 var COMPACT_QUERY = "(max-width: 639px)";
 function useMediaQuery(query, enabled = true) {
-  const subscribe = React26.useCallback(
+  const subscribe = React25.useCallback(
     (onChange) => {
       if (!enabled || typeof window === "undefined" || !window.matchMedia) return () => {
       };
@@ -2779,18 +2796,18 @@ function useMediaQuery(query, enabled = true) {
     [enabled, query]
   );
   const getSnapshot = () => enabled && typeof window !== "undefined" && !!window.matchMedia ? window.matchMedia(query).matches : false;
-  return React26.useSyncExternalStore(subscribe, getSnapshot, () => false);
+  return React25.useSyncExternalStore(subscribe, getSnapshot, () => false);
 }
 
 // src/hooks/usePosition.ts
-import * as React28 from "react";
+import * as React27 from "react";
 
 // src/internal/AnchorRectContext.tsx
-import * as React27 from "react";
-var AnchorRectContext = React27.createContext(null);
+import * as React26 from "react";
+var AnchorRectContext = React26.createContext(null);
 var AnchorRectProvider = AnchorRectContext.Provider;
 function useAnchorRectResolver() {
-  return React27.useContext(AnchorRectContext);
+  return React26.useContext(AnchorRectContext);
 }
 
 // src/internal/layoutPxFromPrimitives.ts
@@ -2915,11 +2932,11 @@ function usePosition(enabled, anchorRef, layerRef, {
   offsetToken = "--prime-panel-offset",
   arrowInset
 } = {}) {
-  const [attached, setAttached] = React28.useState(false);
-  const [resolvedSide, setResolvedSide] = React28.useState(preferredSide);
+  const [attached, setAttached] = React27.useState(false);
+  const [resolvedSide, setResolvedSide] = React27.useState(preferredSide);
   const resolveAnchorRect = useAnchorRectResolver();
-  const metricsRef = React28.useRef(null);
-  const update = React28.useCallback(
+  const metricsRef = React27.useRef(null);
+  const update = React27.useCallback(
     (remeasure) => {
       const anchor = anchorRef.current;
       const layer = layerRef.current;
@@ -2973,9 +2990,9 @@ function usePosition(enabled, anchorRef, layerRef, {
       resolveAnchorRect
     ]
   );
-  const updateRef = React28.useRef(update);
+  const updateRef = React27.useRef(update);
   updateRef.current = update;
-  const attachLayer = React28.useCallback(
+  const attachLayer = React27.useCallback(
     (node) => {
       layerRef.current = node;
       setAttached(node !== null);
@@ -2983,10 +3000,10 @@ function usePosition(enabled, anchorRef, layerRef, {
     [layerRef]
   );
   const active = enabled && attached;
-  React28.useLayoutEffect(() => {
+  React27.useLayoutEffect(() => {
     if (active) update(true);
   }, [active, update]);
-  React28.useLayoutEffect(() => {
+  React27.useLayoutEffect(() => {
     if (!active) return;
     let frame = 0;
     let remeasure = false;
@@ -3021,7 +3038,7 @@ function usePosition(enabled, anchorRef, layerRef, {
 }
 
 // src/hooks/useScrollLock.ts
-import * as React29 from "react";
+import * as React28 from "react";
 var lockCount = 0;
 var saved = null;
 function lockScroll() {
@@ -3046,7 +3063,7 @@ function unlockScroll() {
   }
 }
 function useScrollLock(enabled) {
-  React29.useEffect(() => {
+  React28.useEffect(() => {
     if (!enabled) return;
     lockScroll();
     return unlockScroll;
@@ -3054,7 +3071,7 @@ function useScrollLock(enabled) {
 }
 
 // src/hooks/useSwipeDismiss.ts
-import * as React30 from "react";
+import * as React29 from "react";
 var SLOP_PX = 8;
 var DISTANCE_RATIO = 0.3;
 var FLICK_VELOCITY = 0.5;
@@ -3082,11 +3099,11 @@ function useSwipeDismiss({
   touchAnywhere = false,
   onProgress
 }) {
-  const optionsRef = React30.useRef({ direction, onDismiss, handle, touchAnywhere, onProgress });
+  const optionsRef = React29.useRef({ direction, onDismiss, handle, touchAnywhere, onProgress });
   optionsRef.current = { direction, onDismiss, handle, touchAnywhere, onProgress };
-  const cleanupRef = React30.useRef(null);
-  React30.useEffect(() => () => cleanupRef.current?.(), []);
-  const onPointerDown2 = React30.useCallback(
+  const cleanupRef = React29.useRef(null);
+  React29.useEffect(() => () => cleanupRef.current?.(), []);
+  const onPointerDown2 = React29.useCallback(
     (event) => {
       if (!enabled || event.defaultPrevented || !event.isPrimary || event.button !== 0) return;
       const { direction: direction2, handle: handle2, touchAnywhere: touchAnywhere2 } = optionsRef.current;
@@ -3193,24 +3210,24 @@ function useFloatingLayer({
   const sheet = useMediaQuery(COMPACT_QUERY, sheetOption);
   const presence = usePresence(open, { exitDuration: sheet ? "base" : exitDuration });
   const mounted = presence.mounted && (open || !skipExit);
-  const contentRef = React31.useRef(null);
+  const contentRef = React30.useRef(null);
   const position = usePosition(mounted && !sheet, triggerRef, contentRef, positionOptions);
   useScrollLock(open && sheet);
-  const [panel, setPanel] = React31.useState(null);
+  const [panel, setPanel] = React30.useState(null);
   const { attachLayer } = position;
-  const panelRef = React31.useCallback(
+  const panelRef = React30.useCallback(
     (node) => {
       attachLayer(node);
       setPanel(node);
     },
     [attachLayer]
   );
-  const outsideRef = React31.useRef(false);
-  const close = React31.useCallback(() => {
+  const outsideRef = React30.useRef(false);
+  const close = React30.useCallback(() => {
     outsideRef.current = false;
     onOpenChange(false);
   }, [onOpenChange]);
-  const dismissOutside = React31.useCallback(() => {
+  const dismissOutside = React30.useCallback(() => {
     outsideRef.current = true;
     onOpenChange(false);
   }, [onOpenChange]);
@@ -3234,7 +3251,7 @@ function useFloatingLayer({
     onDismiss
   });
   const passive = dismiss === "none";
-  React31.useEffect(() => {
+  React30.useEffect(() => {
     if (!open || !panel || passive) return;
     outsideRef.current = false;
     if (focusOnOpen) focusInto(panel);
@@ -3299,10 +3316,10 @@ var Select_default = {
 };
 
 // src/components/select/SelectItem.tsx
-import * as React33 from "react";
+import * as React32 from "react";
 
 // src/internal/HighlightMatch.tsx
-import * as React32 from "react";
+import * as React31 from "react";
 
 // src/internal/HighlightMatch.module.css
 var HighlightMatch_default = {
@@ -3310,7 +3327,7 @@ var HighlightMatch_default = {
 };
 
 // src/internal/HighlightMatch.tsx
-import { Fragment as Fragment8, jsx as jsx26, jsxs as jsxs15 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx25, jsxs as jsxs15 } from "react/jsx-runtime";
 function matchIndex(text, query) {
   if (!query) return -1;
   return text.toLowerCase().indexOf(query.toLowerCase());
@@ -3318,18 +3335,18 @@ function matchIndex(text, query) {
 function HighlightMatch({ text, query }) {
   const q = query.trim();
   const at = matchIndex(text, q);
-  if (at < 0) return /* @__PURE__ */ jsx26(Fragment8, { children: text });
+  if (at < 0) return /* @__PURE__ */ jsx25(Fragment8, { children: text });
   return /* @__PURE__ */ jsxs15("span", { children: [
     text.slice(0, at),
-    /* @__PURE__ */ jsx26("mark", { className: HighlightMatch_default.match, children: text.slice(at, at + q.length) }),
+    /* @__PURE__ */ jsx25("mark", { className: HighlightMatch_default.match, children: text.slice(at, at + q.length) }),
     text.slice(at + q.length)
   ] });
 }
 function highlightChildren(children, query) {
   if (!query.trim()) return children;
-  return React32.Children.map(
+  return React31.Children.map(
     children,
-    (child) => typeof child === "string" || typeof child === "number" ? /* @__PURE__ */ jsx26(HighlightMatch, { text: String(child), query }) : child
+    (child) => typeof child === "string" || typeof child === "number" ? /* @__PURE__ */ jsx25(HighlightMatch, { text: String(child), query }) : child
   );
 }
 
@@ -3363,24 +3380,24 @@ function createItemRegistry() {
 var [SelectProvider, useSelectContext] = createComponentContext("Select");
 
 // src/components/select/SelectItem.tsx
-import { jsx as jsx27, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx26, jsxs as jsxs16 } from "react/jsx-runtime";
 var MEDIA_SIZE = { xs: "xs", s: "xs", m: "s", l: "s", xl: "m" };
 function textOf(node) {
   if (node == null || typeof node === "boolean") return "";
   if (typeof node === "string" || typeof node === "number") return String(node);
   if (Array.isArray(node)) return node.map(textOf).join("");
-  if (React33.isValidElement(node))
+  if (React32.isValidElement(node))
     return textOf(node.props.children);
   return "";
 }
 function SelectItemIcon({ className, ...rest }) {
-  return /* @__PURE__ */ jsx27("span", { "aria-hidden": "true", className: cx(menu_default.itemIcon, className), ...rest });
+  return /* @__PURE__ */ jsx26("span", { "aria-hidden": "true", className: cx(menu_default.itemIcon, className), ...rest });
 }
 SelectItemIcon.displayName = "Select.ItemIcon";
-var OptionQueryContext = React33.createContext("");
+var OptionQueryContext = React32.createContext("");
 function SelectItemText({ children, className, ...rest }) {
-  const query = React33.useContext(OptionQueryContext);
-  return /* @__PURE__ */ jsx27("span", { ...rest, className: cx(Select_default.itemTitle, className), children: highlightChildren(children, query) });
+  const query = React32.useContext(OptionQueryContext);
+  return /* @__PURE__ */ jsx26("span", { ...rest, className: cx(Select_default.itemTitle, className), children: highlightChildren(children, query) });
 }
 SelectItemText.displayName = "Select.ItemText";
 function SelectItemDescription({
@@ -3388,12 +3405,12 @@ function SelectItemDescription({
   className,
   ...rest
 }) {
-  const query = React33.useContext(OptionQueryContext);
-  return /* @__PURE__ */ jsx27("span", { ...rest, className: cx(Select_default.itemDescription, className), children: highlightChildren(children, query) });
+  const query = React32.useContext(OptionQueryContext);
+  return /* @__PURE__ */ jsx26("span", { ...rest, className: cx(Select_default.itemDescription, className), children: highlightChildren(children, query) });
 }
 SelectItemDescription.displayName = "Select.ItemDescription";
 function SelectItemMeta({ children, className, ...rest }) {
-  return /* @__PURE__ */ jsx27("span", { ...rest, className: cx(Select_default.itemMeta, className), children });
+  return /* @__PURE__ */ jsx26("span", { ...rest, className: cx(Select_default.itemMeta, className), children });
 }
 SelectItemMeta.displayName = "Select.ItemMeta";
 function splitItemChildren(children) {
@@ -3406,11 +3423,11 @@ function splitItemChildren(children) {
     description: ""
   };
   let plain = "";
-  for (const child of React33.Children.toArray(children)) {
-    if (!React33.isValidElement(child)) {
+  for (const child of React32.Children.toArray(children)) {
+    if (!React32.isValidElement(child)) {
       plain += textOf(child);
       parts.body.push(child);
-    } else if (child.type === React33.Fragment) {
+    } else if (child.type === React32.Fragment) {
       const inner = splitItemChildren(child.props.children);
       parts.leading.push(...inner.leading);
       parts.body.push(...inner.body);
@@ -3440,7 +3457,7 @@ function splitItemChildren(children) {
 }
 function sizeMedia(leading, size) {
   return leading.map(
-    (node) => React33.isValidElement(node) && node.type === Thumbnail.Root ? React33.cloneElement(node, {
+    (node) => React32.isValidElement(node) && node.type === Thumbnail.Root ? React32.cloneElement(node, {
       size: node.props.size ?? MEDIA_SIZE[size],
       className: cx(Select_default.media, node.props.className),
       "aria-hidden": true
@@ -3462,7 +3479,7 @@ function SelectItem({
   const haystack = normalize(`${resolvedLabel} ${parts.description} ${keywords ?? ""}`);
   const isSelected = selected.includes(value);
   const isHighlighted = useStoreSlice(highlight, (current) => current === value);
-  React33.useLayoutEffect(
+  React32.useLayoutEffect(
     () => registry.register(value, resolvedLabel, haystack),
     [registry, value, resolvedLabel, haystack]
   );
@@ -3495,11 +3512,11 @@ function SelectItem({
           rich: parts.rich || void 0
         }),
         children: [
-          multiple ? /* @__PURE__ */ jsx27(Checkbox.Indicator, { checked: isSelected, disabled, size: stepDown(size) }) : null,
+          multiple ? /* @__PURE__ */ jsx26(Checkbox.Indicator, { checked: isSelected, disabled, size: stepDown(size) }) : null,
           sizeMedia(parts.leading, size),
-          /* @__PURE__ */ jsx27("span", { className: Select_default.itemText, children: /* @__PURE__ */ jsx27(OptionQueryContext.Provider, { value: query, children: highlightChildren(parts.body, query) }) }),
+          /* @__PURE__ */ jsx26("span", { className: Select_default.itemText, children: /* @__PURE__ */ jsx26(OptionQueryContext.Provider, { value: query, children: highlightChildren(parts.body, query) }) }),
           parts.meta,
-          multiple ? null : /* @__PURE__ */ jsx27("span", { className: menu_default.check, "aria-hidden": "true", children: isSelected ? /* @__PURE__ */ jsx27(Icon, { name: "action.check" }) : null })
+          multiple ? null : /* @__PURE__ */ jsx26("span", { className: menu_default.check, "aria-hidden": "true", children: isSelected ? /* @__PURE__ */ jsx26(Icon, { name: "action.check" }) : null })
         ]
       }
     )
@@ -3508,7 +3525,7 @@ function SelectItem({
 SelectItem.displayName = "Select.Item";
 
 // src/components/select/Select.tsx
-import { jsx as jsx28, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx27, jsxs as jsxs17 } 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",
@@ -3545,14 +3562,14 @@ function SelectRoot(props) {
     ...rest
   } = props;
   const multiple = props.multiple === true;
-  const labels = React34.useMemo(() => ({ ...SELECT_LABELS, ...labelsProp }), [labelsProp]);
+  const labels = React33.useMemo(() => ({ ...SELECT_LABELS, ...labelsProp }), [labelsProp]);
   const ids = useFieldFrame(id, { hint, error, invalid });
   const [value, setValue] = useControllableState({
     value: props.value,
     defaultValue: props.defaultValue ?? (multiple ? [] : void 0),
     onChange: props.onValueChange
   });
-  const selected = React34.useMemo(
+  const selected = React33.useMemo(
     () => Array.isArray(value) ? value : value ? [value] : [],
     [value]
   );
@@ -3562,11 +3579,11 @@ function SelectRoot(props) {
     onChange: onOpenChange
   });
   const highlight = useCreateStore(void 0);
-  const [registry] = React34.useState(createItemRegistry);
-  const [query, setQuery] = React34.useState("");
-  const triggerRef = React34.useRef(null);
+  const [registry] = React33.useState(createItemRegistry);
+  const [query, setQuery] = React33.useState("");
+  const triggerRef = React33.useRef(null);
   if (!isOpen && query !== "") setQuery("");
-  const pick = React34.useCallback(
+  const pick = React33.useCallback(
     (optionValue) => {
       if (multiple) {
         setValue((prev) => {
@@ -3580,8 +3597,8 @@ function SelectRoot(props) {
     },
     [multiple, setValue, setOpen]
   );
-  const clear = React34.useCallback(() => setValue(multiple ? [] : ""), [multiple, setValue]);
-  const context = React34.useMemo(
+  const clear = React33.useCallback(() => setValue(multiple ? [] : ""), [multiple, setValue]);
+  const context = React33.useMemo(
     () => ({
       size,
       invalid: ids.invalid,
@@ -3630,7 +3647,7 @@ function SelectRoot(props) {
       labels
     ]
   );
-  return /* @__PURE__ */ jsx28(
+  return /* @__PURE__ */ jsx27(
     FieldFrame,
     {
       ...rest,
@@ -3644,7 +3661,7 @@ function SelectRoot(props) {
       disabled,
       optionalLabel: labels.optional,
       className,
-      children: /* @__PURE__ */ jsx28(SelectProvider, { value: context, children: /* @__PURE__ */ jsx28(ControlSizeProvider, { value: size, children }) })
+      children: /* @__PURE__ */ jsx27(SelectProvider, { value: context, children: /* @__PURE__ */ jsx27(ControlSizeProvider, { value: size, children }) })
     }
   );
 }
@@ -3719,11 +3736,11 @@ function SelectTrigger({
         "focus-ring": focusRing ? void 0 : false
       }),
       children: [
-        /* @__PURE__ */ jsx28("span", { className: Select_default.triggerMain, children }),
+        /* @__PURE__ */ jsx27("span", { className: Select_default.triggerMain, children }),
         showClear ? (
           // A segment, not a button: interactive content inside a <button> is invalid. The keyboard
           // clears with Delete / Backspace on the trigger.
-          /* @__PURE__ */ jsx28(
+          /* @__PURE__ */ jsx27(
             "span",
             {
               className: Select_default.clear,
@@ -3735,11 +3752,11 @@ function SelectTrigger({
                 event.stopPropagation();
                 clear();
               },
-              children: /* @__PURE__ */ jsx28(Icon, { name: "action.close" })
+              children: /* @__PURE__ */ jsx27(Icon, { name: "action.close" })
             }
           )
         ) : null,
-        /* @__PURE__ */ jsx28("span", { className: Select_default.chevron, "aria-hidden": "true", children: loading ? /* @__PURE__ */ jsx28(Spinner, { "aria-hidden": "true" }) : /* @__PURE__ */ jsx28(Icon, { name: "nav.chevronDown" }) })
+        /* @__PURE__ */ jsx27("span", { className: Select_default.chevron, "aria-hidden": "true", children: loading ? /* @__PURE__ */ jsx27(Spinner, { "aria-hidden": "true" }) : /* @__PURE__ */ jsx27(Icon, { name: "nav.chevronDown" }) })
       ]
     }
   );
@@ -3759,12 +3776,12 @@ function SelectValue({ renderValue, className, ...rest }) {
         ...toDataAttributes({ rich: parts.rich || void 0 }),
         children: [
           sizeMedia(parts.leading, size),
-          /* @__PURE__ */ jsx28("span", { className: Select_default.valueBody, children: parts.body })
+          /* @__PURE__ */ jsx27("span", { className: Select_default.valueBody, children: parts.body })
         ]
       }
     );
   }
-  return /* @__PURE__ */ jsx28(
+  return /* @__PURE__ */ jsx27(
     "span",
     {
       ...rest,
@@ -3776,7 +3793,7 @@ function SelectValue({ renderValue, className, ...rest }) {
 }
 SelectValue.displayName = "Select.Value";
 function SelectTriggerIcon({ className, ...rest }) {
-  return /* @__PURE__ */ jsx28("span", { "aria-hidden": "true", className: cx(Select_default.triggerIcon, className), ...rest });
+  return /* @__PURE__ */ jsx27("span", { "aria-hidden": "true", className: cx(Select_default.triggerIcon, className), ...rest });
 }
 SelectTriggerIcon.displayName = "Select.TriggerIcon";
 function SelectContent({ searchable = false, className, children, ...rest }) {
@@ -3796,7 +3813,7 @@ function SelectContent({ searchable = false, className, children, ...rest }) {
     labels,
     registry
   } = useSelectContext();
-  const listboxRef = React34.useRef(null);
+  const listboxRef = React33.useRef(null);
   const floating = useFloatingLayer({
     open: isOpen,
     onOpenChange: setOpen,
@@ -3827,7 +3844,7 @@ function SelectContent({ searchable = false, className, children, ...rest }) {
     }
     handleListboxKeyDown(event, { items, highlight, onSelect: pick });
   };
-  if (!floating.mounted) return /* @__PURE__ */ jsx28("div", { hidden: true, children });
+  if (!floating.mounted) return /* @__PURE__ */ jsx27("div", { hidden: true, children });
   const activeDescendant = isOpen && highlighted !== void 0 ? optionDomId(listboxId, highlighted) : void 0;
   return /* @__PURE__ */ jsxs17(
     FloatingPanel,
@@ -3842,8 +3859,8 @@ function SelectContent({ searchable = false, className, children, ...rest }) {
         searchable ? (
           // The permanent focus of the panel: no ring, the caret is the indicator (foundation §7).
           /* @__PURE__ */ jsxs17("div", { className: cx(menu_default.searchRow, Select_default.search), "data-focus-ring": "false", children: [
-            /* @__PURE__ */ jsx28(Icon, { name: "action.search", size: "s" }),
-            /* @__PURE__ */ jsx28(
+            /* @__PURE__ */ jsx27(Icon, { name: "action.search", size: "s" }),
+            /* @__PURE__ */ jsx27(
               "input",
               {
                 type: "text",
@@ -3863,10 +3880,10 @@ function SelectContent({ searchable = false, className, children, ...rest }) {
           ] })
         ) : null,
         loading ? /* @__PURE__ */ jsxs17("div", { className: Select_default.status, role: "status", children: [
-          /* @__PURE__ */ jsx28(Spinner, { "aria-hidden": "true" }),
+          /* @__PURE__ */ jsx27(Spinner, { "aria-hidden": "true" }),
           labels.loading
         ] }) : null,
-        /* @__PURE__ */ jsx28(
+        /* @__PURE__ */ jsx27(
           ScrollContainer,
           {
             ref: listboxRef,
@@ -3883,10 +3900,10 @@ function SelectContent({ searchable = false, className, children, ...rest }) {
           }
         ),
         isEmpty && !loading ? /* @__PURE__ */ jsxs17(EmptyPage.Root, { layout: "compact", role: "status", children: [
-          /* @__PURE__ */ jsx28(EmptyPage.Title, { as: "p", children: labels.empty }),
-          query !== "" && labels.emptyHint ? /* @__PURE__ */ jsx28(EmptyPage.Description, { children: labels.emptyHint }) : null
+          /* @__PURE__ */ jsx27(EmptyPage.Title, { as: "p", children: labels.empty }),
+          query !== "" && labels.emptyHint ? /* @__PURE__ */ jsx27(EmptyPage.Description, { children: labels.emptyHint }) : null
         ] }) : null,
-        /* @__PURE__ */ jsx28(HighlightOnOpen, { listboxRef, highlight })
+        /* @__PURE__ */ jsx27(HighlightOnOpen, { listboxRef, highlight })
       ]
     }
   );
@@ -3897,9 +3914,9 @@ function HighlightOnOpen({
   highlight
 }) {
   const { isOpen, query, selected } = useSelectContext();
-  const selectedRef = React34.useRef(selected);
+  const selectedRef = React33.useRef(selected);
   selectedRef.current = selected;
-  React34.useLayoutEffect(() => {
+  React33.useLayoutEffect(() => {
     if (!isOpen) return;
     const options = enabledOptions(listboxRef.current);
     const first = options.find((item) => selectedRef.current.includes(item.dataset.value ?? ""));
@@ -3907,17 +3924,17 @@ function HighlightOnOpen({
     first?.scrollIntoView?.({ block: "nearest" });
     return () => highlight.set(void 0);
   }, [isOpen, listboxRef, highlight]);
-  React34.useLayoutEffect(() => {
+  React33.useLayoutEffect(() => {
     if (query !== "") highlight.set(enabledOptions(listboxRef.current)[0]?.dataset.value);
   }, [query, listboxRef, highlight]);
   return null;
 }
 function SelectGroup({ className, ...rest }) {
-  return /* @__PURE__ */ jsx28(MenuGroup, { ...rest, className: cx(Select_default.group, className) });
+  return /* @__PURE__ */ jsx27(MenuGroup, { ...rest, className: cx(Select_default.group, className) });
 }
 SelectGroup.displayName = "Select.Group";
 function SelectSeparator({ className, ...rest }) {
-  return /* @__PURE__ */ jsx28(Divider, { ...rest, className: cx(menu_default.separator, Select_default.separator, className) });
+  return /* @__PURE__ */ jsx27(Divider, { ...rest, className: cx(menu_default.separator, Select_default.separator, className) });
 }
 SelectSeparator.displayName = "Select.Separator";
 var Select = {
@@ -3936,10 +3953,6 @@ var Select = {
 };
 
 export {
-  ControlSizeProvider,
-  useOptionalControlSize,
-  useControlSize,
-  cx,
   toDataAttributes,
   fieldSurfaceClass,
   fieldTierClass,
@@ -3954,7 +3967,6 @@ export {
   useMergedRefs,
   Slot,
   touchTargetBlockClass,
-  textTone_default,
   Spinner,
   Button,
   Divider,
@@ -3999,15 +4011,15 @@ export {
   textTones,
   enterMotion_default,
   Hint,
-  choiceInputClass,
-  choiceVisualClass,
-  ChoiceField,
-  ChoiceLabel,
   Label,
   formatLabel,
   useFieldFrame,
   FieldFrame,
   FieldCounter,
+  choiceInputClass,
+  choiceVisualClass,
+  ChoiceField,
+  ChoiceLabel,
   Checkbox,
   COLOR_PRESETS,
   useSwatchOptions,