prime-ui-kit 0.14.0 → 0.15.0

package/dist/chunks/{chunk-SYEX7OVT.js → chunk-THFZIHKU.js}

@@ -129,7 +129,7 @@ import {
   useSwatchOptions,
   useSwipeDismiss,
   visuallyHiddenClass
-} from "./chunk-WXKRUVSE.js";
+} from "./chunk-XJAVS6FH.js";
 import {
   ControlSizeProvider,
   cx,
@@ -142,26 +142,6 @@ import {
 // src/layout/app-header/AppHeader.tsx
 import * as React from "react";
 
-// src/components/kbd/Kbd.module.css
-var Kbd_default = {
-  root: "Kbd_root"
-};
-
-// src/components/kbd/Kbd.tsx
-import { jsx } from "react/jsx-runtime";
-function Kbd({ children, className, size: sizeProp, ...rest }) {
-  const { size, tier } = useBadgeTier(sizeProp);
-  return /* @__PURE__ */ jsx(
-    "kbd",
-    {
-      className: cx(Kbd_default.root, chipTier_default.tier, className),
-      ...rest,
-      ...toDataAttributes({ size, tier }),
-      children: /* @__PURE__ */ jsx(ControlSizeProvider, { value: tier, children })
-    }
-  );
-}
-
 // src/internal/sticky.module.css
 var sticky_default = {
   surface: "sticky_surface"
@@ -202,15 +182,11 @@ var AppHeader_default = {
   titleText: "AppHeader_titleText",
   titleName: "AppHeader_titleName",
   description: "AppHeader_description",
-  search: "AppHeader_search",
-  searchIcon: "AppHeader_searchIcon",
-  searchText: "AppHeader_searchText",
-  searchKbd: "AppHeader_searchKbd",
   menuButton: "AppHeader_menuButton"
 };
 
 // src/layout/app-header/AppHeader.tsx
-import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 var APP_HEADER_LABELS = {
   menu: "\u041E\u0442\u043A\u0440\u044B\u0442\u044C \u043C\u0435\u043D\u044E"
 };
@@ -219,22 +195,17 @@ function AppHeaderRoot({ labels, className, children, ...rest }) {
   const value = React.useMemo(() => ({ ...APP_HEADER_LABELS, ...labels }), [labels]);
   const items = React.Children.toArray(children);
   const isTools = (child) => React.isValidElement(child) && child.type === AppHeaderTools;
-  return /* @__PURE__ */ jsx2(LabelsContext.Provider, { value, children: /* @__PURE__ */ jsx2(ControlSizeProvider, { value: "m", children: /* @__PURE__ */ jsxs("header", { ...rest, className: cx(AppHeader_default.root, stickySurfaceClass, className), children: [
-    /* @__PURE__ */ jsx2("div", { className: AppHeader_default.row, children: items.filter((child) => !isTools(child)) }),
+  return /* @__PURE__ */ jsx(LabelsContext.Provider, { value, children: /* @__PURE__ */ jsx(ControlSizeProvider, { value: "m", children: /* @__PURE__ */ jsxs("header", { ...rest, className: cx(AppHeader_default.root, stickySurfaceClass, className), children: [
+    /* @__PURE__ */ jsx("div", { className: AppHeader_default.row, children: items.filter((child) => !isTools(child)) }),
     items.filter(isTools)
   ] }) }) });
 }
 AppHeaderRoot.displayName = "AppHeader.Root";
 function AppHeaderStart({ className, ...rest }) {
-  return /* @__PURE__ */ jsx2("div", { ...rest, className: cx(AppHeader_default.start, className) });
+  return /* @__PURE__ */ jsx("div", { ...rest, className: cx(AppHeader_default.start, className) });
 }
 AppHeaderStart.displayName = "AppHeader.Start";
-function AppHeaderTitle({
-  as: NameTag = "span",
-  className,
-  children,
-  ...rest
-}) {
+function AppHeaderTitle({ className, children, ...rest }) {
   const items = React.Children.toArray(children);
   const isIcon = (child) => React.isValidElement(child) && child.type === AppHeaderIcon;
   const isDescription = (child) => React.isValidElement(child) && child.type === AppHeaderDescription;
@@ -244,51 +215,35 @@ function AppHeaderTitle({
   return /* @__PURE__ */ jsxs("div", { ...rest, className: cx(AppHeader_default.title, className), children: [
     icon,
     /* @__PURE__ */ jsxs("div", { className: AppHeader_default.titleText, children: [
-      /* @__PURE__ */ jsx2(NameTag, { className: cx(textRole_default.titleS, AppHeader_default.titleName), children: name }),
+      /* @__PURE__ */ jsx("h1", { className: cx(textRole_default.titleS, AppHeader_default.titleName), children: name }),
       description
     ] })
   ] });
 }
 AppHeaderTitle.displayName = "AppHeader.Title";
 function AppHeaderIcon({ className, ...rest }) {
-  return /* @__PURE__ */ jsx2("span", { "aria-hidden": "true", ...rest, className: cx(AppHeader_default.icon, className) });
+  return /* @__PURE__ */ jsx("span", { "aria-hidden": "true", ...rest, className: cx(AppHeader_default.icon, className) });
 }
 AppHeaderIcon.displayName = "AppHeader.Icon";
 function AppHeaderDescription({ className, ...rest }) {
-  return /* @__PURE__ */ jsx2("span", { ...rest, className: cx(textRole_default.caption, AppHeader_default.description, className) });
+  return /* @__PURE__ */ jsx("span", { ...rest, className: cx(textRole_default.caption, AppHeader_default.description, className) });
 }
 AppHeaderDescription.displayName = "AppHeader.Description";
 function AppHeaderSeparator({ className, ...rest }) {
-  return /* @__PURE__ */ jsx2(Divider, { ...rest, orientation: "vertical", className: cx(AppHeader_default.separator, className) });
+  return /* @__PURE__ */ jsx(Divider, { ...rest, orientation: "vertical", className: cx(AppHeader_default.separator, className) });
 }
 AppHeaderSeparator.displayName = "AppHeader.Separator";
-function AppHeaderSearch({ children, shortcut = "\u2318K", className, ...rest }) {
-  return /* @__PURE__ */ jsxs(
-    "button",
-    {
-      type: "button",
-      ...rest,
-      className: cx(fieldTierClass, fieldSurfaceClass, AppHeader_default.search, className),
-      children: [
-        /* @__PURE__ */ jsx2(Icon, { name: "action.search", className: AppHeader_default.searchIcon }),
-        /* @__PURE__ */ jsx2("span", { className: AppHeader_default.searchText, children }),
-        shortcut == null ? null : /* @__PURE__ */ jsx2(Kbd, { className: AppHeader_default.searchKbd, "aria-hidden": "true", children: shortcut })
-      ]
-    }
-  );
-}
-AppHeaderSearch.displayName = "AppHeader.Search";
 function AppHeaderTools({ className, ...rest }) {
-  return /* @__PURE__ */ jsx2("div", { ...rest, className: cx(AppHeader_default.tools, className) });
+  return /* @__PURE__ */ jsx("div", { ...rest, className: cx(AppHeader_default.tools, className) });
 }
 AppHeaderTools.displayName = "AppHeader.Tools";
 function AppHeaderActions({ className, ...rest }) {
-  return /* @__PURE__ */ jsx2("div", { ...rest, className: cx(AppHeader_default.actions, className) });
+  return /* @__PURE__ */ jsx("div", { ...rest, className: cx(AppHeader_default.actions, className) });
 }
 AppHeaderActions.displayName = "AppHeader.Actions";
 function AppHeaderMenuButton({ show = "narrow", className, ...rest }) {
   const labels = React.useContext(LabelsContext);
-  return /* @__PURE__ */ jsx2(
+  return /* @__PURE__ */ jsx(
     Button.Root,
     {
       variant: "soft",
@@ -297,7 +252,7 @@ function AppHeaderMenuButton({ show = "narrow", className, ...rest }) {
       ...rest,
       className: cx(AppHeader_default.menuButton, className),
       ...toDataAttributes({ show }),
-      children: /* @__PURE__ */ jsx2(Button.Icon, { children: /* @__PURE__ */ jsx2(Icon, { name: "nav.menu" }) })
+      children: /* @__PURE__ */ jsx(Button.Icon, { children: /* @__PURE__ */ jsx(Icon, { name: "nav.menu" }) })
     }
   );
 }
@@ -309,7 +264,6 @@ var AppHeader = {
   Icon: AppHeaderIcon,
   Description: AppHeaderDescription,
   Separator: AppHeaderSeparator,
-  Search: AppHeaderSearch,
   Tools: AppHeaderTools,
   Actions: AppHeaderActions,
   MenuButton: AppHeaderMenuButton
@@ -328,9 +282,9 @@ var AppShell_default = {
 };
 
 // src/layout/app-shell/AppShell.tsx
-import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 function AppShellNav({ className, ...rest }) {
-  return /* @__PURE__ */ jsx3("div", { ...rest, className: cx(AppShell_default.nav, className) });
+  return /* @__PURE__ */ jsx2("div", { ...rest, className: cx(AppShell_default.nav, className) });
 }
 AppShellNav.displayName = "AppShell.Nav";
 function AppShellRoot({ fillViewport = false, className, children, ...rest }) {
@@ -349,18 +303,18 @@ function AppShellRoot({ fillViewport = false, className, children, ...rest }) {
       }),
       children: [
         nav,
-        /* @__PURE__ */ jsx3("div", { className: AppShell_default.panel, children: panel })
+        /* @__PURE__ */ jsx2("div", { className: AppShell_default.panel, children: panel })
       ]
     }
   );
 }
 AppShellRoot.displayName = "AppShell.Root";
 function AppShellFooter({ className, ...rest }) {
-  return /* @__PURE__ */ jsx3("div", { ...rest, className: cx(AppShell_default.footer, className) });
+  return /* @__PURE__ */ jsx2("div", { ...rest, className: cx(AppShell_default.footer, className) });
 }
 AppShellFooter.displayName = "AppShell.Footer";
 function AppShellMain({ contentWidth = "full", className, children, ...rest }) {
-  return /* @__PURE__ */ jsx3(
+  return /* @__PURE__ */ jsx2(
     ScrollContainer,
     {
       ...rest,
@@ -392,10 +346,10 @@ function AppShellTemplate({
     if (main) main.scrollTop = 0;
   }, [scrollResetKey]);
   return /* @__PURE__ */ jsxs2(AppShellRoot, { ...rootProps, children: [
-    nav == null ? null : /* @__PURE__ */ jsx3(AppShellNav, { children: nav }),
+    nav == null ? null : /* @__PURE__ */ jsx2(AppShellNav, { children: nav }),
     header,
-    /* @__PURE__ */ jsx3(AppShellMain, { ...mainProps, ref: setMainRef, children }),
-    footer == null ? null : /* @__PURE__ */ jsx3(AppShellFooter, { children: footer })
+    /* @__PURE__ */ jsx2(AppShellMain, { ...mainProps, ref: setMainRef, children }),
+    footer == null ? null : /* @__PURE__ */ jsx2(AppShellFooter, { children: footer })
   ] });
 }
 AppShellTemplate.displayName = "AppShell.Template";
@@ -424,7 +378,7 @@ var BottomNav_default = {
 };
 
 // src/layout/bottom-nav/BottomNav.tsx
-import { Fragment, jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
+import { Fragment, jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
 var BOTTOM_NAV_LABELS = {
   nav: "\u041E\u0441\u043D\u043E\u0432\u043D\u044B\u0435 \u0440\u0430\u0437\u0434\u0435\u043B\u044B"
 };
@@ -492,7 +446,7 @@ function BottomNavRoot({
       resize?.disconnect();
     };
   }, [floating]);
-  return /* @__PURE__ */ jsx4(IconOnlyContext.Provider, { value: iconOnly, children: /* @__PURE__ */ jsxs3(
+  return /* @__PURE__ */ jsx3(IconOnlyContext.Provider, { value: iconOnly, children: /* @__PURE__ */ jsxs3(
     "nav",
     {
       "aria-label": labels?.nav ?? BOTTOM_NAV_LABELS.nav,
@@ -505,7 +459,7 @@ function BottomNavRoot({
       children: [
         start,
         /* @__PURE__ */ jsxs3("div", { ref: barRef, className: BottomNav_default.bar, children: [
-          floating ? /* @__PURE__ */ jsx4("span", { ref: selectionRef, className: BottomNav_default.selection, "aria-hidden": "true" }) : null,
+          floating ? /* @__PURE__ */ jsx3("span", { ref: selectionRef, className: BottomNav_default.selection, "aria-hidden": "true" }) : null,
           items
         ] }),
         end
@@ -515,7 +469,7 @@ function BottomNavRoot({
 }
 BottomNavRoot.displayName = "BottomNav.Root";
 function BottomNavAction({ className, children, ...rest }) {
-  return /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ jsx3(
     Button.Root,
     {
       ...rest,
@@ -524,13 +478,13 @@ function BottomNavAction({ className, children, ...rest }) {
       variant: "solid",
       tone: "neutral",
       className: cx(BottomNav_default.action, className),
-      children: /* @__PURE__ */ jsx4(Button.Icon, { children })
+      children: /* @__PURE__ */ jsx3(Button.Icon, { children })
     }
   );
 }
 BottomNavAction.displayName = "BottomNav.Action";
 function BottomNavItemIcon({ className, ...rest }) {
-  return /* @__PURE__ */ jsx4("span", { ...rest, className: cx(BottomNav_default.icon, className), "aria-hidden": "true" });
+  return /* @__PURE__ */ jsx3("span", { ...rest, className: cx(BottomNav_default.icon, className), "aria-hidden": "true" });
 }
 BottomNavItemIcon.displayName = "BottomNav.ItemIcon";
 function BottomNavItemCount({
@@ -539,7 +493,7 @@ function BottomNavItemCount({
   className,
   ...rest
 }) {
-  return /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ jsx3(
     Badge.Root,
     {
       ...rest,
@@ -562,9 +516,9 @@ function splitItemChildren(children, iconOnly) {
     }
   });
   return /* @__PURE__ */ jsxs3(Fragment, { children: [
-    /* @__PURE__ */ jsx4("span", { className: iconOnly ? visuallyHiddenClass : BottomNav_default.label, children: label }),
+    /* @__PURE__ */ jsx3("span", { className: iconOnly ? visuallyHiddenClass : BottomNav_default.label, children: label }),
     " ",
-    /* @__PURE__ */ jsx4("span", { className: BottomNav_default.glyph, children: icon })
+    /* @__PURE__ */ jsx3("span", { className: BottomNav_default.glyph, children: icon })
   ] });
 }
 function BottomNavItem({
@@ -597,7 +551,7 @@ function BottomNavItem({
   if (child) {
     return (
       // A disabled child keeps its own `href` / `to`: out of the Tab order like the other kinds.
-      /* @__PURE__ */ jsx4(
+      /* @__PURE__ */ jsx3(
         Slot,
         {
           ...shared,
@@ -610,7 +564,7 @@ function BottomNavItem({
     );
   }
   if (href !== void 0) {
-    return /* @__PURE__ */ jsx4(
+    return /* @__PURE__ */ jsx3(
       "a",
       {
         ...shared,
@@ -621,7 +575,7 @@ function BottomNavItem({
       }
     );
   }
-  return /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ jsx3(
     "button",
     {
       ...shared,
@@ -758,7 +712,7 @@ var Sidebar_default = {
 };
 
 // src/layout/sidebar/Sidebar.tsx
-import { Fragment as Fragment2, jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
 var defaultLabels = {
   navigation: "\u041D\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u044F",
   collapse: "\u0421\u0432\u0435\u0440\u043D\u0443\u0442\u044C \u043F\u0430\u043D\u0435\u043B\u044C",
@@ -932,7 +886,7 @@ var SidebarRoot = React6.forwardRef(function SidebarRoot2({
     () => ({ persist, mode, setMode, open, setOpen, toggle, offCanvas, size, navId, labels }),
     [persist, mode, setMode, open, setOpen, toggle, offCanvas, size, navId, labels]
   );
-  return /* @__PURE__ */ jsx5(SidebarProvider, { value: context, children: /* @__PURE__ */ jsxs4(
+  return /* @__PURE__ */ jsx4(SidebarProvider, { value: context, children: /* @__PURE__ */ jsxs4(
     "div",
     {
       ...rest,
@@ -949,7 +903,7 @@ var SidebarRoot = React6.forwardRef(function SidebarRoot2({
         ready: ready || void 0
       }),
       children: [
-        offCanvas ? /* @__PURE__ */ jsx5(
+        offCanvas ? /* @__PURE__ */ jsx4(
           "button",
           {
             type: "button",
@@ -959,7 +913,7 @@ var SidebarRoot = React6.forwardRef(function SidebarRoot2({
             onClick: close
           }
         ) : null,
-        /* @__PURE__ */ jsx5(
+        /* @__PURE__ */ jsx4(
           "nav",
           {
             ref: panelRef,
@@ -967,7 +921,7 @@ var SidebarRoot = React6.forwardRef(function SidebarRoot2({
             className: Sidebar_default.panel,
             "aria-label": labels.navigation,
             inert: offCanvas && !open || !offCanvas && mode === "hidden" || void 0,
-            children: /* @__PURE__ */ jsx5(LayerProvider, { value: offCanvas ? layer : null, children: /* @__PURE__ */ jsx5(AnchorRectProvider, { value: offCanvas ? null : anchorRect, children: /* @__PURE__ */ jsx5(SurfaceDepthProvider, { value: depth, children: /* @__PURE__ */ jsx5(ControlSizeProvider, { value: size, children }) }) }) })
+            children: /* @__PURE__ */ jsx4(LayerProvider, { value: offCanvas ? layer : null, children: /* @__PURE__ */ jsx4(AnchorRectProvider, { value: offCanvas ? null : anchorRect, children: /* @__PURE__ */ jsx4(SurfaceDepthProvider, { value: depth, children: /* @__PURE__ */ jsx4(ControlSizeProvider, { value: size, children }) }) }) })
           }
         )
       ]
@@ -976,11 +930,11 @@ var SidebarRoot = React6.forwardRef(function SidebarRoot2({
 });
 SidebarRoot.displayName = "Sidebar.Root";
 function SidebarHeader({ className, ...rest }) {
-  return /* @__PURE__ */ jsx5("div", { ...rest, className: cx(Sidebar_default.header, className) });
+  return /* @__PURE__ */ jsx4("div", { ...rest, className: cx(Sidebar_default.header, className) });
 }
 SidebarHeader.displayName = "Sidebar.Header";
 var SidebarContent = React6.forwardRef(function SidebarContent2({ className, ...rest }, ref) {
-  return /* @__PURE__ */ jsx5(
+  return /* @__PURE__ */ jsx4(
     ScrollContainer,
     {
       ...rest,
@@ -992,7 +946,7 @@ var SidebarContent = React6.forwardRef(function SidebarContent2({ className, ...
 });
 SidebarContent.displayName = "Sidebar.Content";
 function SidebarFooter({ className, ...rest }) {
-  return /* @__PURE__ */ jsx5("div", { ...rest, className: cx(Sidebar_default.footer, className) });
+  return /* @__PURE__ */ jsx4("div", { ...rest, className: cx(Sidebar_default.footer, className) });
 }
 SidebarFooter.displayName = "Sidebar.Footer";
 function SidebarGroup({
@@ -1036,7 +990,7 @@ function SidebarGroup({
           children: [
             label === void 0 ? null : (
               // On the rail the heading shows its first letters; the tooltip gives the whole name.
-              /* @__PURE__ */ jsx5(CompactTooltip, { text: textOf(label), children: /* @__PURE__ */ jsx5("div", { id: labelId, className: Sidebar_default.groupLabel, children: /* @__PURE__ */ jsx5("span", { className: Sidebar_default.groupText, children: label }) }) })
+              /* @__PURE__ */ jsx4(CompactTooltip, { text: textOf(label), children: /* @__PURE__ */ jsx4("div", { id: labelId, className: Sidebar_default.groupLabel, children: /* @__PURE__ */ jsx4("span", { className: Sidebar_default.groupText, children: label }) }) })
             ),
             children
           ]
@@ -1056,7 +1010,7 @@ function SidebarGroup({
         className: cx(Sidebar_default.group, className),
         "data-collapsible": "true",
         children: [
-          /* @__PURE__ */ jsx5(CompactTooltip, { text, children: /* @__PURE__ */ jsxs4(
+          /* @__PURE__ */ jsx4(CompactTooltip, { text, children: /* @__PURE__ */ jsxs4(
             "button",
             {
               id: labelId,
@@ -1069,9 +1023,9 @@ function SidebarGroup({
                 setOpen((prev) => !prev);
               },
               children: [
-                /* @__PURE__ */ jsx5("span", { className: Sidebar_default.groupText, children: label }),
-                /* @__PURE__ */ jsx5(AttentionDot, { hue, shown: !open && !rail, inline: true }),
-                /* @__PURE__ */ jsx5(Icon, { name: "nav.chevronDown", className: Sidebar_default.groupChevron })
+                /* @__PURE__ */ jsx4("span", { className: Sidebar_default.groupText, children: label }),
+                /* @__PURE__ */ jsx4(AttentionDot, { hue, shown: !open && !rail, inline: true }),
+                /* @__PURE__ */ jsx4(Icon, { name: "nav.chevronDown", className: Sidebar_default.groupChevron })
               ]
             }
           ) }),
@@ -1081,14 +1035,14 @@ function SidebarGroup({
               className: Sidebar_default.groupBody,
               ...toDataAttributes({ swap: swap && rail || void 0 }),
               children: [
-                /* @__PURE__ */ jsx5(
+                /* @__PURE__ */ jsx4(
                   "div",
                   {
                     className: cx(Sidebar_default.disclosure, Sidebar_default.groupRail),
                     "data-state": folded ? "open" : "closed",
                     inert: !folded || void 0,
                     "aria-hidden": !folded || void 0,
-                    children: /* @__PURE__ */ jsx5("div", { className: Sidebar_default.disclosureClip, children: /* @__PURE__ */ jsx5("div", { className: Sidebar_default.groupItems, children: /* @__PURE__ */ jsxs4(
+                    children: /* @__PURE__ */ jsx4("div", { className: Sidebar_default.disclosureClip, children: /* @__PURE__ */ jsx4("div", { className: Sidebar_default.groupItems, children: /* @__PURE__ */ jsxs4(
                       Popover.Root,
                       {
                         open: flyout.open,
@@ -1096,12 +1050,12 @@ function SidebarGroup({
                           if (!next) flyout.close(false);
                         },
                         children: [
-                          /* @__PURE__ */ jsx5(
+                          /* @__PURE__ */ jsx4(
                             CompactTooltip,
                             {
                               text,
                               canOpen: () => !flyout.pointerInside.current && !flyout.open,
-                              children: /* @__PURE__ */ jsx5(Popover.Anchor, { children: /* @__PURE__ */ jsxs4(
+                              children: /* @__PURE__ */ jsx4(Popover.Anchor, { children: /* @__PURE__ */ jsxs4(
                                 "button",
                                 {
                                   ref: flyout.triggerRef,
@@ -1113,20 +1067,20 @@ function SidebarGroup({
                                   ...toDataAttributes({ "active-path": active || void 0 }),
                                   ...flyout.triggerHandlers,
                                   children: [
-                                    /* @__PURE__ */ jsx5("span", { className: Sidebar_default.icon, "aria-hidden": "true", children: /* @__PURE__ */ jsx5(Icon, { name: "action.more" }) }),
-                                    /* @__PURE__ */ jsx5(AttentionDot, { hue, shown: folded })
+                                    /* @__PURE__ */ jsx4("span", { className: Sidebar_default.icon, "aria-hidden": "true", children: /* @__PURE__ */ jsx4(Icon, { name: "action.more" }) }),
+                                    /* @__PURE__ */ jsx4(AttentionDot, { hue, shown: folded })
                                   ]
                                 }
                               ) })
                             }
                           ),
-                          folded ? /* @__PURE__ */ jsx5(RailFlyout, { flyout, children: /* @__PURE__ */ jsx5("div", { className: Sidebar_default.groupItems, children }) }) : null
+                          folded ? /* @__PURE__ */ jsx4(RailFlyout, { flyout, children: /* @__PURE__ */ jsx4("div", { className: Sidebar_default.groupItems, children }) }) : null
                         ]
                       }
                     ) }) })
                   }
                 ),
-                /* @__PURE__ */ jsx5(
+                /* @__PURE__ */ jsx4(
                   "div",
                   {
                     ref: bodyRef,
@@ -1134,7 +1088,7 @@ function SidebarGroup({
                     className: Sidebar_default.disclosure,
                     "data-state": open ? "open" : "closed",
                     inert: !open || void 0,
-                    children: /* @__PURE__ */ jsx5("div", { className: Sidebar_default.disclosureClip, children: /* @__PURE__ */ jsx5("div", { className: Sidebar_default.groupItems, children }) })
+                    children: /* @__PURE__ */ jsx4("div", { className: Sidebar_default.disclosureClip, children: /* @__PURE__ */ jsx4("div", { className: Sidebar_default.groupItems, children }) })
                   }
                 )
               ]
@@ -1147,16 +1101,16 @@ function SidebarGroup({
 }
 SidebarGroup.displayName = "Sidebar.Group";
 function SidebarItemIcon({ className, ...rest }) {
-  return /* @__PURE__ */ jsx5("span", { ...rest, className: cx(Sidebar_default.icon, className), "aria-hidden": "true" });
+  return /* @__PURE__ */ jsx4("span", { ...rest, className: cx(Sidebar_default.icon, className), "aria-hidden": "true" });
 }
 SidebarItemIcon.displayName = "Sidebar.ItemIcon";
 function SidebarItemCount({ children, color, variant, className, ...rest }) {
   if (color === void 0 && variant === void 0) {
-    return /* @__PURE__ */ jsx5("span", { ...rest, className: cx(Sidebar_default.count, Sidebar_default.countPlain, className), children });
+    return /* @__PURE__ */ jsx4("span", { ...rest, className: cx(Sidebar_default.count, Sidebar_default.countPlain, className), children });
   }
   const hue = color ?? "gray";
   return /* @__PURE__ */ jsxs4(Fragment2, { children: [
-    /* @__PURE__ */ jsx5(
+    /* @__PURE__ */ jsx4(
       Badge.Root,
       {
         ...rest,
@@ -1166,7 +1120,7 @@ function SidebarItemCount({ children, color, variant, className, ...rest }) {
         children
       }
     ),
-    /* @__PURE__ */ jsx5(ControlSizeProvider, { value: "l", children: /* @__PURE__ */ jsx5(Badge.Dot, { className: cx(palette_default.hue, Sidebar_default.dot), "data-color": hue }) })
+    /* @__PURE__ */ jsx4(ControlSizeProvider, { value: "l", children: /* @__PURE__ */ jsx4(Badge.Dot, { className: cx(palette_default.hue, Sidebar_default.dot), "data-color": hue }) })
   ] });
 }
 SidebarItemCount.displayName = "Sidebar.ItemCount";
@@ -1189,7 +1143,7 @@ function AttentionDot({
   inline = false
 }) {
   if (!hue) return null;
-  return /* @__PURE__ */ jsx5(ControlSizeProvider, { value: "l", children: /* @__PURE__ */ jsx5(
+  return /* @__PURE__ */ jsx4(ControlSizeProvider, { value: "l", children: /* @__PURE__ */ jsx4(
     Badge.Dot,
     {
       className: cx(palette_default.hue, Sidebar_default.dot, inline && Sidebar_default.dotInline),
@@ -1199,7 +1153,7 @@ function AttentionDot({
   ) });
 }
 function SidebarItemShortcut({ children, className, ...rest }) {
-  return /* @__PURE__ */ jsx5("span", { ...rest, className: cx(Sidebar_default.shortcut, className), "aria-hidden": "true", children });
+  return /* @__PURE__ */ jsx4("span", { ...rest, className: cx(Sidebar_default.shortcut, className), "aria-hidden": "true", children });
 }
 SidebarItemShortcut.displayName = "Sidebar.ItemShortcut";
 function SidebarItemAction({
@@ -1212,7 +1166,7 @@ function SidebarItemAction({
 }) {
   const { size } = useSidebar();
   return /* @__PURE__ */ jsxs4(Tooltip.Root, { children: [
-    /* @__PURE__ */ jsx5(Tooltip.Trigger, { children: /* @__PURE__ */ jsx5(
+    /* @__PURE__ */ jsx4(Tooltip.Trigger, { children: /* @__PURE__ */ jsx4(
       Button.Root,
       {
         ...rest,
@@ -1223,10 +1177,10 @@ function SidebarItemAction({
         "aria-label": label,
         disabled,
         onClick,
-        children: /* @__PURE__ */ jsx5(Button.Icon, { children: children ?? /* @__PURE__ */ jsx5(Icon, { name: "action.add" }) })
+        children: /* @__PURE__ */ jsx4(Button.Icon, { children: children ?? /* @__PURE__ */ jsx4(Icon, { name: "action.add" }) })
       }
     ) }),
-    /* @__PURE__ */ jsx5(Tooltip.Content, { side: "right", children: label })
+    /* @__PURE__ */ jsx4(Tooltip.Content, { side: "right", children: label })
   ] });
 }
 SidebarItemAction.displayName = "Sidebar.ItemAction";
@@ -1253,7 +1207,7 @@ function splitItemChildren2(children, end) {
     action,
     content: /* @__PURE__ */ jsxs4(Fragment2, { children: [
       leading,
-      /* @__PURE__ */ jsx5("span", { className: Sidebar_default.label, children: label }),
+      /* @__PURE__ */ jsx4("span", { className: Sidebar_default.label, children: label }),
       trail ? /* @__PURE__ */ jsxs4("span", { className: Sidebar_default.trail, children: [
         count,
         shortcut,
@@ -1279,8 +1233,8 @@ function CompactTooltip({
       onOpenChange: (next) => setOpen(enabled && next && (canOpen2?.() ?? true)),
       delayDuration: 0,
       children: [
-        /* @__PURE__ */ jsx5(Tooltip.Trigger, { children: /* @__PURE__ */ jsx5(Slot, { children }) }),
-        /* @__PURE__ */ jsx5(Tooltip.Content, { side: "right", children: text })
+        /* @__PURE__ */ jsx4(Tooltip.Trigger, { children: /* @__PURE__ */ jsx4(Slot, { children }) }),
+        /* @__PURE__ */ jsx4(Tooltip.Content, { side: "right", children: text })
       ]
     }
   );
@@ -1329,9 +1283,9 @@ var SidebarItem = React6.forwardRef(function SidebarItem2({
   const parts = splitItemChildren2(child ? child.props.children : children);
   let element;
   if (child) {
-    element = /* @__PURE__ */ jsx5(Slot, { ...shared, ref, "aria-disabled": disabled || void 0, children: React6.cloneElement(child, void 0, parts.content) });
+    element = /* @__PURE__ */ jsx4(Slot, { ...shared, ref, "aria-disabled": disabled || void 0, children: React6.cloneElement(child, void 0, parts.content) });
   } else if (href !== void 0) {
-    element = /* @__PURE__ */ jsx5(
+    element = /* @__PURE__ */ jsx4(
       "a",
       {
         ...shared,
@@ -1342,7 +1296,7 @@ var SidebarItem = React6.forwardRef(function SidebarItem2({
       }
     );
   } else {
-    element = /* @__PURE__ */ jsx5(
+    element = /* @__PURE__ */ jsx4(
       "button",
       {
         ...shared,
@@ -1354,7 +1308,7 @@ var SidebarItem = React6.forwardRef(function SidebarItem2({
     );
   }
   const tooltipText = parts.text || (rest["aria-label"] ?? "");
-  return withAction(/* @__PURE__ */ jsx5(CompactTooltip, { text: tooltipText, children: element }), parts.action);
+  return withAction(/* @__PURE__ */ jsx4(CompactTooltip, { text: tooltipText, children: element }), parts.action);
 });
 SidebarItem.displayName = "Sidebar.Item";
 var [SubProvider, useSubContext] = createComponentContext("Sidebar.Sub");
@@ -1475,7 +1429,7 @@ function useRailFlyout(rail) {
 }
 function RailFlyout({ flyout, children }) {
   const { size } = useSidebar();
-  return /* @__PURE__ */ jsx5(
+  return /* @__PURE__ */ jsx4(
     Popover.Content,
     {
       ref: flyout.attach,
@@ -1490,7 +1444,7 @@ function RailFlyout({ flyout, children }) {
         if (event.pointerType !== "touch") flyout.hoverEnd();
       },
       onKeyDown: flyout.onFlyoutKeyDown,
-      children: /* @__PURE__ */ jsx5(InFlyoutRailContext.Provider, { value: true, children: /* @__PURE__ */ jsx5(FlyoutContext.Provider, { value: flyout.flyoutContext, children }) })
+      children: /* @__PURE__ */ jsx4(InFlyoutRailContext.Provider, { value: true, children: /* @__PURE__ */ jsx4(FlyoutContext.Provider, { value: flyout.flyoutContext, children }) })
     }
   );
 }
@@ -1534,7 +1488,7 @@ function SidebarSub({
     }),
     [open, setOpen, id, active, flyout, hue]
   );
-  return /* @__PURE__ */ jsx5(SubProvider, { value: context, children: /* @__PURE__ */ jsxs4(
+  return /* @__PURE__ */ jsx4(SubProvider, { value: context, children: /* @__PURE__ */ jsxs4(
     Popover.Root,
     {
       open: flyout.open,
@@ -1542,8 +1496,8 @@ function SidebarSub({
         if (!next) flyout.close(false);
       },
       children: [
-        /* @__PURE__ */ jsx5("div", { ...rest, className: cx(Sidebar_default.sub, className), "data-state": open ? "open" : "closed", children }),
-        rail && content ? /* @__PURE__ */ jsx5(RailFlyout, { flyout, children: /* @__PURE__ */ jsx5("div", { className: Sidebar_default.groupItems, children: content.props.children }) }) : null
+        /* @__PURE__ */ jsx4("div", { ...rest, className: cx(Sidebar_default.sub, className), "data-state": open ? "open" : "closed", children }),
+        rail && content ? /* @__PURE__ */ jsx4(RailFlyout, { flyout, children: /* @__PURE__ */ jsx4("div", { className: Sidebar_default.groupItems, children: content.props.children }) }) : null
       ]
     }
   ) });
@@ -1564,7 +1518,7 @@ var SidebarSubTrigger = React6.forwardRef(
     const rail = useRail();
     const parts = splitItemChildren2(
       children,
-      /* @__PURE__ */ jsx5(Icon, { name: "nav.chevronDown", className: Sidebar_default.chevron })
+      /* @__PURE__ */ jsx4(Icon, { name: "nav.chevronDown", className: Sidebar_default.chevron })
     );
     const { flyout } = sub;
     const mergedRef = useMergedRefs(ref, flyout.triggerRef);
@@ -1616,23 +1570,23 @@ var SidebarSubTrigger = React6.forwardRef(
         },
         children: [
           parts.content,
-          /* @__PURE__ */ jsx5(AttentionDot, { hue: sub.hue, shown: rail || !sub.open })
+          /* @__PURE__ */ jsx4(AttentionDot, { hue: sub.hue, shown: rail || !sub.open })
         ]
       }
     );
-    return /* @__PURE__ */ jsx5(
+    return /* @__PURE__ */ jsx4(
       CompactTooltip,
       {
         text: parts.text || (rest["aria-label"] ?? ""),
         canOpen: () => !flyout.pointerInside.current && !flyout.open,
-        children: /* @__PURE__ */ jsx5(Popover.Anchor, { children: button })
+        children: /* @__PURE__ */ jsx4(Popover.Anchor, { children: button })
       }
     );
   }
 );
 SidebarSubTrigger.displayName = "Sidebar.SubTrigger";
 function subRows(children) {
-  return React6.Children.toArray(children).map((child, index) => /* @__PURE__ */ jsx5(
+  return React6.Children.toArray(children).map((child, index) => /* @__PURE__ */ jsx4(
     "div",
     {
       className: Sidebar_default.subRow,
@@ -1649,7 +1603,7 @@ function SidebarSubContent({ className, children, ref, ...rest }) {
   const shown = sub.open && !rail;
   return (
     // biome-ignore lint/a11y/useSemanticElements: a nav group of links, not a form fieldset
-    /* @__PURE__ */ jsx5(
+    /* @__PURE__ */ jsx4(
       "div",
       {
         ...rest,
@@ -1660,14 +1614,14 @@ function SidebarSubContent({ className, children, ref, ...rest }) {
         className: Sidebar_default.disclosure,
         "data-state": shown ? "open" : "closed",
         inert: !shown || void 0,
-        children: /* @__PURE__ */ jsx5("div", { className: Sidebar_default.disclosureClip, children: /* @__PURE__ */ jsx5("div", { className: cx(Sidebar_default.subList, className), children: subRows(children) }) })
+        children: /* @__PURE__ */ jsx4("div", { className: Sidebar_default.disclosureClip, children: /* @__PURE__ */ jsx4("div", { className: cx(Sidebar_default.subList, className), children: subRows(children) }) })
       }
     )
   );
 }
 SidebarSubContent.displayName = "Sidebar.SubContent";
 function SidebarBrandLogo({ className, ...rest }) {
-  return /* @__PURE__ */ jsx5("span", { ...rest, className: cx(Sidebar_default.brandLogo, className), "aria-hidden": "true" });
+  return /* @__PURE__ */ jsx4("span", { ...rest, className: cx(Sidebar_default.brandLogo, className), "aria-hidden": "true" });
 }
 SidebarBrandLogo.displayName = "Sidebar.BrandLogo";
 var SidebarBrand = React6.forwardRef(function SidebarBrand2({ description, href, asChild = false, className, children, onClick, ...rest }, ref) {
@@ -1679,8 +1633,8 @@ var SidebarBrand = React6.forwardRef(function SidebarBrand2({ description, href,
   const content = /* @__PURE__ */ jsxs4(Fragment2, { children: [
     logo,
     /* @__PURE__ */ jsxs4("span", { className: Sidebar_default.brandText, children: [
-      /* @__PURE__ */ jsx5("span", { className: Sidebar_default.brandName, children: name }),
-      description == null ? null : /* @__PURE__ */ jsx5("span", { className: Sidebar_default.brandDescription, children: description })
+      /* @__PURE__ */ jsx4("span", { className: Sidebar_default.brandName, children: name }),
+      description == null ? null : /* @__PURE__ */ jsx4("span", { className: Sidebar_default.brandDescription, children: description })
     ] })
   ] });
   const shared = {
@@ -1692,10 +1646,10 @@ var SidebarBrand = React6.forwardRef(function SidebarBrand2({ description, href,
     }
   };
   if (child) {
-    return /* @__PURE__ */ jsx5(Slot, { ...shared, ref, children: React6.cloneElement(child, void 0, content) });
+    return /* @__PURE__ */ jsx4(Slot, { ...shared, ref, children: React6.cloneElement(child, void 0, content) });
   }
   if (href !== void 0) {
-    return /* @__PURE__ */ jsx5(
+    return /* @__PURE__ */ jsx4(
       "a",
       {
         ...shared,
@@ -1705,7 +1659,7 @@ var SidebarBrand = React6.forwardRef(function SidebarBrand2({ description, href,
       }
     );
   }
-  return /* @__PURE__ */ jsx5("div", { ...rest, ref, className: shared.className, children: content });
+  return /* @__PURE__ */ jsx4("div", { ...rest, ref, className: shared.className, children: content });
 });
 SidebarBrand.displayName = "Sidebar.Brand";
 var SidebarAccount = React6.forwardRef(
@@ -1713,7 +1667,7 @@ var SidebarAccount = React6.forwardRef(
     const nodes = React6.Children.toArray(children);
     const avatar = nodes.find((node) => isElementOf(node, Avatar.Root));
     const name = nodes.filter((node) => node !== avatar);
-    return /* @__PURE__ */ jsx5(CompactTooltip, { text: textOf(name).trim(), children: /* @__PURE__ */ jsxs4(
+    return /* @__PURE__ */ jsx4(CompactTooltip, { text: textOf(name).trim(), children: /* @__PURE__ */ jsxs4(
       "button",
       {
         ...rest,
@@ -1721,12 +1675,12 @@ var SidebarAccount = React6.forwardRef(
         type: type ?? "button",
         className: cx(Sidebar_default.account, className),
         children: [
-          avatar ? /* @__PURE__ */ jsx5("span", { className: Sidebar_default.accountAvatar, "aria-hidden": "true", children: avatar }) : null,
+          avatar ? /* @__PURE__ */ jsx4("span", { className: Sidebar_default.accountAvatar, "aria-hidden": "true", children: avatar }) : null,
           /* @__PURE__ */ jsxs4("span", { className: Sidebar_default.accountText, children: [
-            /* @__PURE__ */ jsx5("span", { className: Sidebar_default.accountName, children: name }),
-            description == null ? null : /* @__PURE__ */ jsx5("span", { className: Sidebar_default.accountDescription, children: description })
+            /* @__PURE__ */ jsx4("span", { className: Sidebar_default.accountName, children: name }),
+            description == null ? null : /* @__PURE__ */ jsx4("span", { className: Sidebar_default.accountDescription, children: description })
           ] }),
-          /* @__PURE__ */ jsx5(Icon, { name: "nav.chevronsUpDown", className: Sidebar_default.accountChevron })
+          /* @__PURE__ */ jsx4(Icon, { name: "nav.chevronsUpDown", className: Sidebar_default.accountChevron })
         ]
       }
     ) });
@@ -1745,7 +1699,7 @@ var SidebarToggle = React6.forwardRef(
     if (variant === "header") {
       const onEdge = !offCanvas && mode === "compact";
       return /* @__PURE__ */ jsxs4(Tooltip.Root, { children: [
-        /* @__PURE__ */ jsx5(Tooltip.Trigger, { children: /* @__PURE__ */ jsx5(
+        /* @__PURE__ */ jsx4(Tooltip.Trigger, { children: /* @__PURE__ */ jsx4(
           Button.Root,
           {
             ...rest,
@@ -1758,13 +1712,13 @@ var SidebarToggle = React6.forwardRef(
             "aria-controls": navId,
             "aria-label": label,
             onClick: handleClick,
-            children: /* @__PURE__ */ jsx5(Button.Icon, { children: /* @__PURE__ */ jsx5(Icon, { name: "nav.chevronsLeft", className: Sidebar_default.headerToggleIcon }) })
+            children: /* @__PURE__ */ jsx4(Button.Icon, { children: /* @__PURE__ */ jsx4(Icon, { name: "nav.chevronsLeft", className: Sidebar_default.headerToggleIcon }) })
           }
         ) }),
-        /* @__PURE__ */ jsx5(Tooltip.Content, { side: "right", children: label })
+        /* @__PURE__ */ jsx4(Tooltip.Content, { side: "right", children: label })
       ] });
     }
-    return /* @__PURE__ */ jsx5(CompactTooltip, { text: label, children: /* @__PURE__ */ jsxs4(
+    return /* @__PURE__ */ jsx4(CompactTooltip, { text: label, children: /* @__PURE__ */ jsxs4(
       "button",
       {
         ...rest,
@@ -1776,8 +1730,8 @@ var SidebarToggle = React6.forwardRef(
         "aria-label": label,
         onClick: handleClick,
         children: [
-          /* @__PURE__ */ jsx5(SidebarItemIcon, { children: /* @__PURE__ */ jsx5(Icon, { name: expanded ? "nav.sidebarCollapse" : "nav.sidebarExpand" }) }),
-          /* @__PURE__ */ jsx5("span", { className: Sidebar_default.label, children: label })
+          /* @__PURE__ */ jsx4(SidebarItemIcon, { children: /* @__PURE__ */ jsx4(Icon, { name: expanded ? "nav.sidebarCollapse" : "nav.sidebarExpand" }) }),
+          /* @__PURE__ */ jsx4("span", { className: Sidebar_default.label, children: label })
         ]
       }
     ) });
@@ -1821,7 +1775,7 @@ var Accordion_default = {
 };
 
 // src/components/accordion/Accordion.tsx
-import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
 var [AccordionProvider, useAccordionContext] = createComponentContext("Accordion");
 var [AccordionItemProvider, useAccordionItem] = createComponentContext("Accordion");
 var toOpenValues = (value) => value === void 0 ? void 0 : [...new Set([value].flat().filter((entry) => entry !== ""))];
@@ -1867,14 +1821,14 @@ function AccordionRoot(props) {
     ...rest
   } = props;
   const depth = useNestedSurfaceDepth();
-  return /* @__PURE__ */ jsx6(AccordionProvider, { value: contextValue, children: /* @__PURE__ */ jsx6(
+  return /* @__PURE__ */ jsx5(AccordionProvider, { value: contextValue, children: /* @__PURE__ */ jsx5(
     "div",
     {
       ...rest,
       className: cx(Accordion_default.root, className),
       "data-depth": depth,
       ...toDataAttributes({ size, layout }),
-      children: /* @__PURE__ */ jsx6(SurfaceDepthProvider, { value: depth, children: /* @__PURE__ */ jsx6(ControlSizeProvider, { value: size, children }) })
+      children: /* @__PURE__ */ jsx5(SurfaceDepthProvider, { value: depth, children: /* @__PURE__ */ jsx5(ControlSizeProvider, { value: size, children }) })
     }
   ) });
 }
@@ -1899,7 +1853,7 @@ function AccordionItem({
     }),
     [disabled, open, reactId, value]
   );
-  return /* @__PURE__ */ jsx6(AccordionItemProvider, { value: itemContextValue, children: /* @__PURE__ */ jsx6(
+  return /* @__PURE__ */ jsx5(AccordionItemProvider, { value: itemContextValue, children: /* @__PURE__ */ jsx5(
     "div",
     {
       ...rest,
@@ -1911,7 +1865,7 @@ function AccordionItem({
 }
 AccordionItem.displayName = "Accordion.Item";
 function AccordionHeader({ className, ...rest }) {
-  return /* @__PURE__ */ jsx6("h3", { className: cx(Accordion_default.header, className), ...rest });
+  return /* @__PURE__ */ jsx5("h3", { className: cx(Accordion_default.header, className), ...rest });
 }
 AccordionHeader.displayName = "Accordion.Header";
 function AccordionTrigger({ className, children, onClick, ...rest }) {
@@ -1937,19 +1891,19 @@ function AccordionTrigger({ className, children, onClick, ...rest }) {
       },
       children: [
         children,
-        /* @__PURE__ */ jsx6(Icon, { name: "nav.chevronDown", className: Accordion_default.chevron })
+        /* @__PURE__ */ jsx5(Icon, { name: "nav.chevronDown", className: Accordion_default.chevron })
       ]
     }
   );
 }
 AccordionTrigger.displayName = "Accordion.Trigger";
 function AccordionIcon({ className, children, ...rest }) {
-  return /* @__PURE__ */ jsx6("span", { className: cx(Accordion_default.icon, className), "aria-hidden": "true", ...rest, children });
+  return /* @__PURE__ */ jsx5("span", { className: cx(Accordion_default.icon, className), "aria-hidden": "true", ...rest, children });
 }
 AccordionIcon.displayName = "Accordion.Icon";
 function AccordionContent({ className, children, ...rest }) {
   const item = useAccordionItem();
-  return /* @__PURE__ */ jsx6(
+  return /* @__PURE__ */ jsx5(
     "section",
     {
       id: item.contentId,
@@ -1958,7 +1912,7 @@ function AccordionContent({ className, children, ...rest }) {
       "data-state": item.open ? "open" : "closed",
       className: Accordion_default.content,
       ...rest,
-      children: /* @__PURE__ */ jsx6("div", { className: Accordion_default.contentClip, children: /* @__PURE__ */ jsx6("div", { className: cx(Accordion_default.contentInner, className), children }) })
+      children: /* @__PURE__ */ jsx5("div", { className: Accordion_default.contentClip, children: /* @__PURE__ */ jsx5("div", { className: cx(Accordion_default.contentInner, className), children }) })
     }
   );
 }
@@ -1988,7 +1942,7 @@ var Banner_default = {
 };
 
 // src/components/banner/Banner.tsx
-import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
 var BANNER_LABELS = { dismiss: "\u0417\u0430\u043A\u0440\u044B\u0442\u044C" };
 var BannerContext = React8.createContext(null);
 var CORNER_CLOSE_SIZE = {
@@ -2025,7 +1979,7 @@ function BannerRoot({
   );
   const nested = useNestedSurfaceDepth();
   const depth = variant === "outline" ? nested : "tinted";
-  return /* @__PURE__ */ jsx7(
+  return /* @__PURE__ */ jsx6(
     "div",
     {
       ...rest,
@@ -2033,9 +1987,9 @@ function BannerRoot({
       className: cx(Banner_default.root, enterMotion_default.enter, className),
       "data-depth": depth,
       ...toDataAttributes({ variant, tone, size, placement }),
-      children: /* @__PURE__ */ jsx7(SurfaceDepthProvider, { value: depth, children: /* @__PURE__ */ jsx7(BannerContext.Provider, { value: context, children: /* @__PURE__ */ jsxs6(ControlSizeProvider, { value: size, children: [
+      children: /* @__PURE__ */ jsx6(SurfaceDepthProvider, { value: depth, children: /* @__PURE__ */ jsx6(BannerContext.Provider, { value: context, children: /* @__PURE__ */ jsxs6(ControlSizeProvider, { value: size, children: [
         children,
-        onDismiss ? /* @__PURE__ */ jsx7("span", { className: Banner_default.close, children: /* @__PURE__ */ jsx7(
+        onDismiss ? /* @__PURE__ */ jsx6("span", { className: Banner_default.close, children: /* @__PURE__ */ jsx6(
           Button.Root,
           {
             variant: "ghost",
@@ -2043,7 +1997,7 @@ function BannerRoot({
             size: CORNER_CLOSE_SIZE[size],
             "aria-label": dismissLabel,
             onClick: onDismiss,
-            children: /* @__PURE__ */ jsx7(Button.Icon, { children: /* @__PURE__ */ jsx7(Icon, { name: "action.close" }) })
+            children: /* @__PURE__ */ jsx6(Button.Icon, { children: /* @__PURE__ */ jsx6(Icon, { name: "action.close" }) })
           }
         ) }) : null
       ] }) }) })
@@ -2052,26 +2006,26 @@ function BannerRoot({
 }
 BannerRoot.displayName = "Banner.Root";
 function BannerContent({ className, ...rest }) {
-  return /* @__PURE__ */ jsx7("div", { className: cx(Banner_default.content, className), ...rest });
+  return /* @__PURE__ */ jsx6("div", { className: cx(Banner_default.content, className), ...rest });
 }
 BannerContent.displayName = "Banner.Content";
 function BannerIcon({ className, ...rest }) {
-  return /* @__PURE__ */ jsx7("span", { className: cx(Banner_default.icon, className), "aria-hidden": "true", ...rest });
+  return /* @__PURE__ */ jsx6("span", { className: cx(Banner_default.icon, className), "aria-hidden": "true", ...rest });
 }
 BannerIcon.displayName = "Banner.Icon";
 function BannerTitle({ className, ...rest }) {
-  return /* @__PURE__ */ jsx7("span", { className: cx(Banner_default.title, className), ...rest });
+  return /* @__PURE__ */ jsx6("span", { className: cx(Banner_default.title, className), ...rest });
 }
 BannerTitle.displayName = "Banner.Title";
 function BannerDescription({ className, ...rest }) {
-  return /* @__PURE__ */ jsx7("span", { className: cx(Banner_default.description, className), ...rest });
+  return /* @__PURE__ */ jsx6("span", { className: cx(Banner_default.description, className), ...rest });
 }
 BannerDescription.displayName = "Banner.Description";
 function BannerActions({ className, children, ...rest }) {
   const banner = React8.useContext(BannerContext);
   return /* @__PURE__ */ jsxs6("div", { className: cx(Banner_default.actions, className), ...rest, children: [
     children,
-    banner?.onDismiss ? /* @__PURE__ */ jsx7(
+    banner?.onDismiss ? /* @__PURE__ */ jsx6(
       Button.Root,
       {
         variant: "outline",
@@ -2080,7 +2034,7 @@ function BannerActions({ className, children, ...rest }) {
         "aria-label": banner.dismissLabel,
         className: Banner_default.actionsClose,
         onClick: banner.onDismiss,
-        children: /* @__PURE__ */ jsx7(Button.Icon, { children: /* @__PURE__ */ jsx7(Icon, { name: "action.close" }) })
+        children: /* @__PURE__ */ jsx6(Button.Icon, { children: /* @__PURE__ */ jsx6(Icon, { name: "action.close" }) })
       }
     ) : null
   ] });
@@ -2104,7 +2058,7 @@ var LinkButton_default = {
 };
 
 // src/components/link-button/LinkButton.tsx
-import { jsx as jsx8 } from "react/jsx-runtime";
+import { jsx as jsx7 } from "react/jsx-runtime";
 function LinkButton({
   size: sizeProp,
   tone = "accent",
@@ -2125,7 +2079,7 @@ function LinkButton({
   };
   const swallowClick = (event) => event.preventDefault();
   if (asChild) {
-    return /* @__PURE__ */ jsx8(ControlSizeProvider, { value: size, children: /* @__PURE__ */ jsx8(
+    return /* @__PURE__ */ jsx7(ControlSizeProvider, { value: size, children: /* @__PURE__ */ jsx7(
       Slot,
       {
         ...rest,
@@ -2138,7 +2092,7 @@ function LinkButton({
       }
     ) });
   }
-  return /* @__PURE__ */ jsx8(
+  return /* @__PURE__ */ jsx7(
     "a",
     {
       ...rest,
@@ -2149,7 +2103,7 @@ function LinkButton({
       "aria-disabled": disabled || void 0,
       tabIndex: disabled ? -1 : rest.tabIndex,
       onClick: disabled ? swallowClick : onClick,
-      children: /* @__PURE__ */ jsx8(ControlSizeProvider, { value: size, children })
+      children: /* @__PURE__ */ jsx7(ControlSizeProvider, { value: size, children })
     }
   );
 }
@@ -2169,7 +2123,7 @@ var Breadcrumb_default = {
 };
 
 // src/components/breadcrumb/Breadcrumb.tsx
-import { Fragment as Fragment3, jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
 var DEFAULT_LABELS = {
   nav: "\u041D\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u043E\u043D\u043D\u0430\u044F \u0446\u0435\u043F\u043E\u0447\u043A\u0430",
   ellipsis: "\u0421\u043A\u0440\u044B\u0442\u044B\u0435 \u0440\u0430\u0437\u0434\u0435\u043B\u044B"
@@ -2184,7 +2138,7 @@ function Separator() {
   const { size } = React9.useContext(BreadcrumbContext);
   const first = React9.useContext(FirstLevelContext);
   if (first) return null;
-  return /* @__PURE__ */ jsx9("span", { "aria-hidden": "true", className: Breadcrumb_default.separator, children: /* @__PURE__ */ jsx9(Icon, { name: "nav.chevronRight", size, tone: "secondary" }) });
+  return /* @__PURE__ */ jsx8("span", { "aria-hidden": "true", className: Breadcrumb_default.separator, children: /* @__PURE__ */ jsx8(Icon, { name: "nav.chevronRight", size, tone: "secondary" }) });
 }
 function BreadcrumbRoot({
   children,
@@ -2199,7 +2153,7 @@ function BreadcrumbRoot({
     () => ({ size, labels: { nav, ellipsis } }),
     [size, nav, ellipsis]
   );
-  const items = React9.Children.toArray(children).map((child, index) => /* @__PURE__ */ jsx9(
+  const items = React9.Children.toArray(children).map((child, index) => /* @__PURE__ */ jsx8(
     FirstLevelContext.Provider,
     {
       value: index === 0,
@@ -2208,16 +2162,16 @@ function BreadcrumbRoot({
     React9.isValidElement(child) ? child.key : index
   ));
   const collapsible = items.length >= COLLAPSIBLE_MIN_ITEMS;
-  return /* @__PURE__ */ jsx9(BreadcrumbContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx9(ControlSizeProvider, { value: size, children: /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsx8(BreadcrumbContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx8(ControlSizeProvider, { value: size, children: /* @__PURE__ */ jsx8(
     "nav",
     {
       "aria-label": nav,
       ...rest,
       className: cx(Breadcrumb_default.root, className),
       ...toDataAttributes({ size, collapsible }),
-      children: /* @__PURE__ */ jsx9("ol", { className: Breadcrumb_default.list, children: collapsible ? /* @__PURE__ */ jsxs7(Fragment3, { children: [
+      children: /* @__PURE__ */ jsx8("ol", { className: Breadcrumb_default.list, children: collapsible ? /* @__PURE__ */ jsxs7(Fragment3, { children: [
         items[0],
-        /* @__PURE__ */ jsx9(FirstLevelContext.Provider, { value: false, children: /* @__PURE__ */ jsx9(BreadcrumbEllipsis, { className: Breadcrumb_default.autoCollapse }) }),
+        /* @__PURE__ */ jsx8(FirstLevelContext.Provider, { value: false, children: /* @__PURE__ */ jsx8(BreadcrumbEllipsis, { className: Breadcrumb_default.autoCollapse }) }),
         items.slice(1)
       ] }) : items })
     }
@@ -2234,8 +2188,8 @@ function BreadcrumbItem({
 }) {
   const { size } = React9.useContext(BreadcrumbContext);
   return /* @__PURE__ */ jsxs7("li", { ...rest, className: cx(Breadcrumb_default.item, className), children: [
-    /* @__PURE__ */ jsx9(Separator, {}),
-    href ? /* @__PURE__ */ jsx9(
+    /* @__PURE__ */ jsx8(Separator, {}),
+    href ? /* @__PURE__ */ jsx8(
       LinkButton,
       {
         href,
@@ -2245,7 +2199,7 @@ function BreadcrumbItem({
         "aria-current": current ? "page" : void 0,
         children
       }
-    ) : /* @__PURE__ */ jsx9(
+    ) : /* @__PURE__ */ jsx8(
       "span",
       {
         className: cx(Breadcrumb_default.text, current && Breadcrumb_default.current),
@@ -2260,9 +2214,9 @@ BreadcrumbItem.displayName = "Breadcrumb.Item";
 function BreadcrumbEllipsis({ className, ...rest }) {
   const { labels } = React9.useContext(BreadcrumbContext);
   return /* @__PURE__ */ jsxs7("li", { ...rest, className: cx(Breadcrumb_default.item, Breadcrumb_default.ellipsis, className), children: [
-    /* @__PURE__ */ jsx9(Separator, {}),
-    /* @__PURE__ */ jsx9("span", { "aria-hidden": "true", children: "\u2026" }),
-    /* @__PURE__ */ jsx9(VisuallyHidden, { children: labels.ellipsis })
+    /* @__PURE__ */ jsx8(Separator, {}),
+    /* @__PURE__ */ jsx8("span", { "aria-hidden": "true", children: "\u2026" }),
+    /* @__PURE__ */ jsx8(VisuallyHidden, { children: labels.ellipsis })
   ] });
 }
 BreadcrumbEllipsis.displayName = "Breadcrumb.Ellipsis";
@@ -2281,7 +2235,7 @@ var ButtonGroup_default = {
 };
 
 // src/components/button-group/ButtonGroup.tsx
-import { jsx as jsx10 } from "react/jsx-runtime";
+import { jsx as jsx9 } from "react/jsx-runtime";
 var BUTTON_GROUP_LABELS = { optional: "\u043D\u0435\u043E\u0431\u044F\u0437\u0430\u0442\u0435\u043B\u044C\u043D\u043E" };
 function ButtonGroupRoot({
   orientation = "horizontal",
@@ -2306,7 +2260,7 @@ function ButtonGroupRoot({
 }) {
   const size = useControlSize(sizeProp);
   const ids = useFieldFrame(id, { label, hint, error, invalid }, ariaDescribedBy);
-  return /* @__PURE__ */ jsx10(
+  return /* @__PURE__ */ jsx9(
     FieldFrame,
     {
       ...rest,
@@ -2322,7 +2276,7 @@ function ButtonGroupRoot({
       group: true,
       className: cx(ButtonGroup_default.field, className),
       "data-full-width": fullWidth || void 0,
-      children: /* @__PURE__ */ jsx10(
+      children: /* @__PURE__ */ jsx9(
         "div",
         {
           id: ids.controlId,
@@ -2339,7 +2293,7 @@ function ButtonGroupRoot({
             invalid: ids.invalid || void 0,
             "full-width": fullWidth
           }),
-          children: /* @__PURE__ */ jsx10(ControlSizeProvider, { value: size, children })
+          children: /* @__PURE__ */ jsx9(ControlSizeProvider, { value: size, children })
         }
       )
     }
@@ -2357,7 +2311,7 @@ function ButtonGroupItem({
 }) {
   const disabled = useInheritedDisabled(disabledProp);
   const layout = iconLayout(children, ButtonGroupIcon);
-  return /* @__PURE__ */ jsx10(
+  return /* @__PURE__ */ jsx9(
     "button",
     {
       ref,
@@ -2378,7 +2332,7 @@ function ButtonGroupItem({
 }
 ButtonGroupItem.displayName = "ButtonGroup.Item";
 function ButtonGroupIcon({ children, className, ...rest }) {
-  return /* @__PURE__ */ jsx10("span", { className: cx(ButtonGroup_default.icon, className), "aria-hidden": "true", ...rest, children });
+  return /* @__PURE__ */ jsx9("span", { className: cx(ButtonGroup_default.icon, className), "aria-hidden": "true", ...rest, children });
 }
 ButtonGroupIcon.displayName = "ButtonGroup.Icon";
 var ButtonGroup = { Root: ButtonGroupRoot, Item: ButtonGroupItem, Icon: ButtonGroupIcon };
@@ -2405,7 +2359,7 @@ var Card_default = {
 };
 
 // src/components/card/Card.tsx
-import { jsx as jsx11 } from "react/jsx-runtime";
+import { jsx as jsx10 } from "react/jsx-runtime";
 function CardRoot({
   variant = "panel",
   flat = false,
@@ -2430,65 +2384,65 @@ function CardRoot({
     if (!React10.isValidElement(child)) {
       throw new Error("Card.Root asChild needs a single element child");
     }
-    return /* @__PURE__ */ jsx11(Slot, { ...rootProps, children: React10.cloneElement(
+    return /* @__PURE__ */ jsx10(Slot, { ...rootProps, children: React10.cloneElement(
       child,
       void 0,
-      /* @__PURE__ */ jsx11(SurfaceDepthProvider, { value: depth, children: child.props.children })
+      /* @__PURE__ */ jsx10(SurfaceDepthProvider, { value: depth, children: child.props.children })
     ) });
   }
-  return /* @__PURE__ */ jsx11("div", { ...rootProps, children: /* @__PURE__ */ jsx11(SurfaceDepthProvider, { value: depth, children }) });
+  return /* @__PURE__ */ jsx10("div", { ...rootProps, children: /* @__PURE__ */ jsx10(SurfaceDepthProvider, { value: depth, children }) });
 }
 CardRoot.displayName = "Card.Root";
 function CardHeader({ className, ...rest }) {
-  return /* @__PURE__ */ jsx11("div", { className: cx(Card_default.header, className), ...rest });
+  return /* @__PURE__ */ jsx10("div", { className: cx(Card_default.header, className), ...rest });
 }
 CardHeader.displayName = "Card.Header";
 function CardTitle({ as: Tag = "h3", className, ...rest }) {
-  return /* @__PURE__ */ jsx11(Tag, { className: cx(textRole_default.titleS, Card_default.title, className), ...rest });
+  return /* @__PURE__ */ jsx10(Tag, { className: cx(textRole_default.titleS, Card_default.title, className), ...rest });
 }
 CardTitle.displayName = "Card.Title";
 function CardDescription({ className, ...rest }) {
-  return /* @__PURE__ */ jsx11("p", { className: cx(textRole_default.bodyS, Card_default.description, className), ...rest });
+  return /* @__PURE__ */ jsx10("p", { className: cx(textRole_default.bodyS, Card_default.description, className), ...rest });
 }
 CardDescription.displayName = "Card.Description";
 function CardBody({ className, ...rest }) {
-  return /* @__PURE__ */ jsx11("div", { className: cx(Card_default.body, className), ...rest });
+  return /* @__PURE__ */ jsx10("div", { className: cx(Card_default.body, className), ...rest });
 }
 CardBody.displayName = "Card.Body";
 function CardMedia({ className, ...rest }) {
-  return /* @__PURE__ */ jsx11("div", { className: cx(Card_default.media, className), ...rest });
+  return /* @__PURE__ */ jsx10("div", { className: cx(Card_default.media, className), ...rest });
 }
 CardMedia.displayName = "Card.Media";
 function CardFooter({ className, ...rest }) {
-  return /* @__PURE__ */ jsx11("div", { className: cx(Card_default.footer, className), ...rest });
+  return /* @__PURE__ */ jsx10("div", { className: cx(Card_default.footer, className), ...rest });
 }
 CardFooter.displayName = "Card.Footer";
 function CardIcon({ className, ...rest }) {
-  return /* @__PURE__ */ jsx11("div", { className: cx(Card_default.icon, className), ...rest });
+  return /* @__PURE__ */ jsx10("div", { className: cx(Card_default.icon, className), ...rest });
 }
 CardIcon.displayName = "Card.Icon";
 function CardLabel({ className, ...rest }) {
-  return /* @__PURE__ */ jsx11("span", { className: cx(textRole_default.bodyS, Card_default.label, className), ...rest });
+  return /* @__PURE__ */ jsx10("span", { className: cx(textRole_default.bodyS, Card_default.label, className), ...rest });
 }
 CardLabel.displayName = "Card.Label";
 function CardValue({ className, ...rest }) {
-  return /* @__PURE__ */ jsx11("span", { className: cx(textRole_default.titleL, Card_default.value, className), ...rest });
+  return /* @__PURE__ */ jsx10("span", { className: cx(textRole_default.titleL, Card_default.value, className), ...rest });
 }
 CardValue.displayName = "Card.Value";
 function CardDelta({ className, tone = "neutral", ...rest }) {
-  return /* @__PURE__ */ jsx11("span", { ...rest, className: cx(Card_default.delta, className), "data-tone": tone });
+  return /* @__PURE__ */ jsx10("span", { ...rest, className: cx(Card_default.delta, className), "data-tone": tone });
 }
 CardDelta.displayName = "Card.Delta";
 function CardMeta({ className, ...rest }) {
-  return /* @__PURE__ */ jsx11("span", { className: cx(textRole_default.caption, Card_default.meta, className), ...rest });
+  return /* @__PURE__ */ jsx10("span", { className: cx(textRole_default.caption, Card_default.meta, className), ...rest });
 }
 CardMeta.displayName = "Card.Meta";
 function CardList({ className, ...rest }) {
-  return /* @__PURE__ */ jsx11("ul", { className: cx(Card_default.list, className), ...rest });
+  return /* @__PURE__ */ jsx10("ul", { className: cx(Card_default.list, className), ...rest });
 }
 CardList.displayName = "Card.List";
 function CardListItem({ className, ...rest }) {
-  return /* @__PURE__ */ jsx11("li", { className: cx(textRole_default.bodyM, Card_default.listItem, className), ...rest });
+  return /* @__PURE__ */ jsx10("li", { className: cx(textRole_default.bodyM, Card_default.listItem, className), ...rest });
 }
 CardListItem.displayName = "Card.ListItem";
 var Card = {
@@ -2521,9 +2475,9 @@ var chartTooltip_default = {
 };
 
 // src/internal/ChartTooltip.tsx
-import { jsx as jsx12, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx11, jsxs as jsxs8 } from "react/jsx-runtime";
 function ChartTooltip({ anchorRef, ...props }) {
-  return anchorRef ? /* @__PURE__ */ jsx12(FloatingChartTooltip, { ...props, anchorRef }) : /* @__PURE__ */ jsx12(Body, { ...props });
+  return anchorRef ? /* @__PURE__ */ jsx11(FloatingChartTooltip, { ...props, anchorRef }) : /* @__PURE__ */ jsx11(Body, { ...props });
 }
 function Body({
   label,
@@ -2534,7 +2488,7 @@ function Body({
   ...rest
 }) {
   return /* @__PURE__ */ jsxs8("div", { ...rest, className: cx(chartTooltip_default.root, className), "data-depth": "floating", children: [
-    label !== void 0 && label !== null ? /* @__PURE__ */ jsx12("div", { className: chartTooltip_default.label, children: label }) : null,
+    label !== void 0 && label !== null ? /* @__PURE__ */ jsx11("div", { className: chartTooltip_default.label, children: label }) : null,
     children
   ] });
 }
@@ -2580,7 +2534,7 @@ function FloatingChartTooltip({
       "data-depth": "floating",
       "aria-hidden": "true",
       children: [
-        shown.label !== void 0 && shown.label !== null ? /* @__PURE__ */ jsx12("div", { className: chartTooltip_default.label, children: shown.label }) : null,
+        shown.label !== void 0 && shown.label !== null ? /* @__PURE__ */ jsx11("div", { className: chartTooltip_default.label, children: shown.label }) : null,
         shown.children
       ]
     }
@@ -2652,7 +2606,7 @@ var Crossfade_default = {
 };
 
 // src/components/crossfade/Crossfade.tsx
-import { jsx as jsx13 } from "react/jsx-runtime";
+import { jsx as jsx12 } from "react/jsx-runtime";
 function isEmptyNode(node) {
   if (node == null || typeof node === "boolean" || node === "") return true;
   if (Array.isArray(node)) return node.every(isEmptyNode);
@@ -2724,7 +2678,7 @@ function Crossfade({
     setLeaving((list) => list.filter((layer) => layer.key !== key));
   };
   const layers = [
-    ...leaving.map((layer) => /* @__PURE__ */ jsx13(
+    ...leaving.map((layer) => /* @__PURE__ */ jsx12(
       "div",
       {
         className: cx(Crossfade_default.layer, Crossfade_default.leaving, swapMotion_default.swapOut),
@@ -2737,7 +2691,7 @@ function Crossfade({
       `state-${String(layer.key)}`
     )),
     // An empty state draws no layer: with no leaving layer either, the root is `:empty` and hides.
-    isEmptyNode(children) ? null : /* @__PURE__ */ jsx13(
+    isEmptyNode(children) ? null : /* @__PURE__ */ jsx12(
       "div",
       {
         className: cx(Crossfade_default.layer, swapped && swapMotion_default.swapIn),
@@ -2747,7 +2701,7 @@ function Crossfade({
       `state-${String(state)}`
     )
   ];
-  return /* @__PURE__ */ jsx13(
+  return /* @__PURE__ */ jsx12(
     "div",
     {
       ...rest,
@@ -2791,7 +2745,7 @@ var ChartFrame_default = {
 };
 
 // src/components/chart-frame/ChartFrame.tsx
-import { Fragment as Fragment4, jsx as jsx14, jsxs as jsxs9 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx13, jsxs as jsxs9 } from "react/jsx-runtime";
 var DEFAULT_LABELS2 = {
   empty: "\u041D\u0435\u0442 \u0434\u0430\u043D\u043D\u044B\u0445 \u0437\u0430 \u043F\u0435\u0440\u0438\u043E\u0434",
   error: "\u041D\u0435 \u0443\u0434\u0430\u043B\u043E\u0441\u044C \u0437\u0430\u0433\u0440\u0443\u0437\u0438\u0442\u044C \u0433\u0440\u0430\u0444\u0438\u043A",
@@ -2863,7 +2817,7 @@ function ChartFrameRoot({
     setHasDescription,
     plotRef
   };
-  return /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsx13(
     "figure",
     {
       "aria-labelledby": hasTitle ? titleId : void 0,
@@ -2873,13 +2827,13 @@ function ChartFrameRoot({
       className: cx(ChartFrame_default.root, className),
       "data-depth": depth,
       "data-state": state,
-      children: /* @__PURE__ */ jsx14(SurfaceDepthProvider, { value: depth, children: /* @__PURE__ */ jsx14(ChartFrameContext.Provider, { value: context, children }) })
+      children: /* @__PURE__ */ jsx13(SurfaceDepthProvider, { value: depth, children: /* @__PURE__ */ jsx13(ChartFrameContext.Provider, { value: context, children }) })
     }
   );
 }
 ChartFrameRoot.displayName = "ChartFrame.Root";
 function ChartFrameHeader({ className, ...rest }) {
-  return /* @__PURE__ */ jsx14("div", { ...rest, className: cx(ChartFrame_default.header, className) });
+  return /* @__PURE__ */ jsx13("div", { ...rest, className: cx(ChartFrame_default.header, className) });
 }
 ChartFrameHeader.displayName = "ChartFrame.Header";
 function ChartFrameTitle({ as: Tag = "h3", className, ref, ...rest }) {
@@ -2888,7 +2842,7 @@ function ChartFrameTitle({ as: Tag = "h3", className, ref, ...rest }) {
     setHasTitle(true);
     return () => setHasTitle(false);
   }, [setHasTitle]);
-  return /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsx13(
     Tag,
     {
       id: titleId,
@@ -2905,11 +2859,11 @@ function ChartFrameDescription({ className, ...rest }) {
     setHasDescription(true);
     return () => setHasDescription(false);
   }, [setHasDescription]);
-  return /* @__PURE__ */ jsx14("p", { id: descriptionId, ...rest, className: cx(textRole_default.bodyS, ChartFrame_default.description, className) });
+  return /* @__PURE__ */ jsx13("p", { id: descriptionId, ...rest, className: cx(textRole_default.bodyS, ChartFrame_default.description, className) });
 }
 ChartFrameDescription.displayName = "ChartFrame.Description";
 function ChartFrameActions({ className, ...rest }) {
-  return /* @__PURE__ */ jsx14("div", { ...rest, className: cx(ChartFrame_default.actions, className) });
+  return /* @__PURE__ */ jsx13("div", { ...rest, className: cx(ChartFrame_default.actions, className) });
 }
 ChartFrameActions.displayName = "ChartFrame.Actions";
 function ChartFrameValue({ className, children, ...rest }) {
@@ -2917,14 +2871,14 @@ function ChartFrameValue({ className, children, ...rest }) {
   const shown = state === "loading" || state === "error" ? state : "data";
   const swapped = useStateSwap(shown);
   const swapClass = swapped ? swapMotion_default.swapIn : void 0;
-  return /* @__PURE__ */ jsx14("div", { ...rest, className: cx(textRole_default.headingM, ChartFrame_default.value, className), children: shown === "loading" ? /* @__PURE__ */ jsx14(Skeleton, { shape: "block", className: cx(ChartFrame_default.valueSkeleton, swapClass) }) : shown === "error" ? (
+  return /* @__PURE__ */ jsx13("div", { ...rest, className: cx(textRole_default.headingM, ChartFrame_default.value, className), children: shown === "loading" ? /* @__PURE__ */ jsx13(Skeleton, { shape: "block", className: cx(ChartFrame_default.valueSkeleton, swapClass) }) : shown === "error" ? (
     // The data failed to load: the number is unknown, not the last one seen.
-    /* @__PURE__ */ jsx14("span", { className: cx(ChartFrame_default.valueContent, ChartFrame_default.valueUnknown, swapClass), children: "\u2014" }, "error")
-  ) : /* @__PURE__ */ jsx14("span", { className: cx(ChartFrame_default.valueContent, swapClass), children }, "data") });
+    /* @__PURE__ */ jsx13("span", { className: cx(ChartFrame_default.valueContent, ChartFrame_default.valueUnknown, swapClass), children: "\u2014" }, "error")
+  ) : /* @__PURE__ */ jsx13("span", { className: cx(ChartFrame_default.valueContent, swapClass), children }, "data") });
 }
 ChartFrameValue.displayName = "ChartFrame.Value";
 function ChartFrameDelta({ tone = "neutral", className, ...rest }) {
-  return /* @__PURE__ */ jsx14("span", { ...rest, className: cx(ChartFrame_default.delta, className), "data-tone": tone });
+  return /* @__PURE__ */ jsx13("span", { ...rest, className: cx(ChartFrame_default.delta, className), "data-tone": tone });
 }
 ChartFrameDelta.displayName = "ChartFrame.Delta";
 function ChartFramePlot({
@@ -2963,7 +2917,7 @@ function ChartFramePlot({
     height: size.height,
     series: series.map(({ id, label, color, hidden }) => ({ id, label, color, hidden }))
   }) : null : children;
-  return /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsx13(
     "div",
     {
       ...rest,
@@ -2971,14 +2925,14 @@ function ChartFramePlot({
       className: cx(ChartFrame_default.plot, className),
       "data-height": height === "fill" ? "fill" : void 0,
       style: typeof height === "number" ? { ...style, "--chart-frame-plot-height": `${height}px` } : style,
-      children: /* @__PURE__ */ jsx14(Crossfade, { state, fill: true, children: state === "loading" ? /* @__PURE__ */ jsx14(Skeleton, { shape: "block", className: ChartFrame_default.plotSkeleton }) : state === "empty" ? /* @__PURE__ */ jsx14("div", { className: ChartFrame_default.stateBox, children: /* @__PURE__ */ jsxs9(EmptyPage.Root, { layout: "compact", role: "status", children: [
-        /* @__PURE__ */ jsx14(EmptyPage.Icon, { children: /* @__PURE__ */ jsx14(Icon, { name: "object.chart" }) }),
-        /* @__PURE__ */ jsx14(EmptyPage.Title, { as: "p", children: labels.empty })
-      ] }) }) : state === "error" ? /* @__PURE__ */ jsx14("div", { className: ChartFrame_default.stateBox, children: /* @__PURE__ */ jsxs9(EmptyPage.Root, { layout: "compact", tone: "danger", labels: { retry: labels.retry }, children: [
-        /* @__PURE__ */ jsx14(EmptyPage.Icon, { children: /* @__PURE__ */ jsx14(Icon, { name: "status.failed" }) }),
-        /* @__PURE__ */ jsx14(EmptyPage.Title, { as: "p", children: labels.error }),
-        onRetry ? /* @__PURE__ */ jsx14(EmptyPage.Actions, { children: /* @__PURE__ */ jsx14(EmptyPage.RetryButton, { onRetry }) }) : null
-      ] }) }) : /* @__PURE__ */ jsx14("div", { className: ChartFrame_default.canvas, children: plot }) })
+      children: /* @__PURE__ */ jsx13(Crossfade, { state, fill: true, children: state === "loading" ? /* @__PURE__ */ jsx13(Skeleton, { shape: "block", className: ChartFrame_default.plotSkeleton }) : state === "empty" ? /* @__PURE__ */ jsx13("div", { className: ChartFrame_default.stateBox, children: /* @__PURE__ */ jsxs9(EmptyPage.Root, { layout: "compact", role: "status", children: [
+        /* @__PURE__ */ jsx13(EmptyPage.Icon, { children: /* @__PURE__ */ jsx13(Icon, { name: "object.chart" }) }),
+        /* @__PURE__ */ jsx13(EmptyPage.Title, { as: "p", children: labels.empty })
+      ] }) }) : state === "error" ? /* @__PURE__ */ jsx13("div", { className: ChartFrame_default.stateBox, children: /* @__PURE__ */ jsxs9(EmptyPage.Root, { layout: "compact", tone: "danger", labels: { retry: labels.retry }, children: [
+        /* @__PURE__ */ jsx13(EmptyPage.Icon, { children: /* @__PURE__ */ jsx13(Icon, { name: "status.failed" }) }),
+        /* @__PURE__ */ jsx13(EmptyPage.Title, { as: "p", children: labels.error }),
+        onRetry ? /* @__PURE__ */ jsx13(EmptyPage.Actions, { children: /* @__PURE__ */ jsx13(EmptyPage.RetryButton, { onRetry }) }) : null
+      ] }) }) : /* @__PURE__ */ jsx13("div", { className: ChartFrame_default.canvas, children: plot }) })
     }
   );
 }
@@ -2998,7 +2952,7 @@ function ChartFrameLegend({ readOnly = false, className, ...rest }) {
     setFocusIndex(next);
     buttons.current[next]?.focus();
   };
-  return /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsx13(
     "ul",
     {
       "aria-label": labels.legend,
@@ -3007,7 +2961,7 @@ function ChartFrameLegend({ readOnly = false, className, ...rest }) {
       "data-read-only": readOnly || void 0,
       children: series.map((item, index) => {
         const content = /* @__PURE__ */ jsxs9(Fragment4, { children: [
-          /* @__PURE__ */ jsx14(
+          /* @__PURE__ */ jsx13(
             "span",
             {
               className: ChartFrame_default.swatch,
@@ -3015,20 +2969,20 @@ function ChartFrameLegend({ readOnly = false, className, ...rest }) {
               style: { "--chart-frame-swatch": item.color }
             }
           ),
-          /* @__PURE__ */ jsx14("span", { className: ChartFrame_default.legendLabel, children: item.label }),
-          item.value !== void 0 ? loading ? /* @__PURE__ */ jsx14(
+          /* @__PURE__ */ jsx13("span", { className: ChartFrame_default.legendLabel, children: item.label }),
+          item.value !== void 0 ? loading ? /* @__PURE__ */ jsx13(
             Skeleton,
             {
               shape: "text",
               size: "xs",
               className: cx(ChartFrame_default.legendValueSkeleton, swapped && swapMotion_default.swapIn)
             }
-          ) : /* @__PURE__ */ jsx14("span", { className: cx(ChartFrame_default.legendValue, swapped && swapMotion_default.swapIn), children: formatValue(item.value) }) : null
+          ) : /* @__PURE__ */ jsx13("span", { className: cx(ChartFrame_default.legendValue, swapped && swapMotion_default.swapIn), children: formatValue(item.value) }) : null
         ] });
-        return /* @__PURE__ */ jsx14("li", { className: ChartFrame_default.legendItem, children: readOnly ? /* @__PURE__ */ jsx14("span", { className: ChartFrame_default.entry, children: content }) : (
+        return /* @__PURE__ */ jsx13("li", { className: ChartFrame_default.legendItem, children: readOnly ? /* @__PURE__ */ jsx13("span", { className: ChartFrame_default.entry, children: content }) : (
           // A legend entry names a series and toggles it; Button's command look (filled label,
           // tier padding) would read as an action, so the entry draws its own quiet chip.
-          /* @__PURE__ */ jsx14(
+          /* @__PURE__ */ jsx13(
             "button",
             {
               ref: (node) => {
@@ -3068,7 +3022,7 @@ function ChartFrameTooltip({ label, items, point, className, ...rest }) {
       }
     ];
   });
-  return /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsx13(
     ChartTooltip,
     {
       ...rest,
@@ -3076,8 +3030,8 @@ function ChartFrameTooltip({ label, items, point, className, ...rest }) {
       label: label || void 0,
       anchorRef: point === void 0 ? void 0 : plotRef,
       point,
-      children: rows2.length > 0 ? /* @__PURE__ */ jsx14("ul", { className: ChartFrame_default.tooltipRows, children: rows2.map((row) => /* @__PURE__ */ jsxs9("li", { className: ChartFrame_default.tooltipRow, children: [
-        /* @__PURE__ */ jsx14(
+      children: rows2.length > 0 ? /* @__PURE__ */ jsx13("ul", { className: ChartFrame_default.tooltipRows, children: rows2.map((row) => /* @__PURE__ */ jsxs9("li", { className: ChartFrame_default.tooltipRow, children: [
+        /* @__PURE__ */ jsx13(
           "span",
           {
             className: ChartFrame_default.swatch,
@@ -3085,8 +3039,8 @@ function ChartFrameTooltip({ label, items, point, className, ...rest }) {
             style: { "--chart-frame-swatch": row.color }
           }
         ),
-        /* @__PURE__ */ jsx14("span", { className: ChartFrame_default.tooltipName, children: row.label }),
-        /* @__PURE__ */ jsx14("span", { className: ChartFrame_default.tooltipValue, children: formatValue(row.value) })
+        /* @__PURE__ */ jsx13("span", { className: ChartFrame_default.tooltipName, children: row.label }),
+        /* @__PURE__ */ jsx13("span", { className: ChartFrame_default.tooltipValue, children: formatValue(row.value) })
       ] }, row.id)) }) : null
     }
   );
@@ -3097,15 +3051,15 @@ function ChartFrameTable({ rows: rows2, className, ...rest }) {
   if (state !== "ready") return null;
   const columns = series.filter((item) => !item.hidden);
   return /* @__PURE__ */ jsxs9("table", { "aria-labelledby": titleId, ...rest, className: cx(visuallyHiddenClass, className), children: [
-    /* @__PURE__ */ jsx14("thead", { children: /* @__PURE__ */ jsxs9("tr", { children: [
-      /* @__PURE__ */ jsx14("th", { scope: "col", children: labels.category }),
-      columns.map((column) => /* @__PURE__ */ jsx14("th", { scope: "col", children: column.label }, column.id))
+    /* @__PURE__ */ jsx13("thead", { children: /* @__PURE__ */ jsxs9("tr", { children: [
+      /* @__PURE__ */ jsx13("th", { scope: "col", children: labels.category }),
+      columns.map((column) => /* @__PURE__ */ jsx13("th", { scope: "col", children: column.label }, column.id))
     ] }) }),
-    /* @__PURE__ */ jsx14("tbody", { children: rows2.map((row) => /* @__PURE__ */ jsxs9("tr", { children: [
-      /* @__PURE__ */ jsx14("th", { scope: "row", children: row.label }),
+    /* @__PURE__ */ jsx13("tbody", { children: rows2.map((row) => /* @__PURE__ */ jsxs9("tr", { children: [
+      /* @__PURE__ */ jsx13("th", { scope: "row", children: row.label }),
       columns.map((column) => {
         const value = row.values[column.id];
-        return /* @__PURE__ */ jsx14("td", { children: value === void 0 ? "\u2014" : formatValue(value) }, column.id);
+        return /* @__PURE__ */ jsx13("td", { children: value === void 0 ? "\u2014" : formatValue(value) }, column.id);
       })
     ] }, row.label)) })
   ] });
@@ -3134,6 +3088,26 @@ import * as React32 from "react";
 // src/components/dropdown/Dropdown.tsx
 import * as React14 from "react";
 
+// src/components/kbd/Kbd.module.css
+var Kbd_default = {
+  root: "Kbd_root"
+};
+
+// src/components/kbd/Kbd.tsx
+import { jsx as jsx14 } from "react/jsx-runtime";
+function Kbd({ children, className, size: sizeProp, ...rest }) {
+  const { size, tier } = useBadgeTier(sizeProp);
+  return /* @__PURE__ */ jsx14(
+    "kbd",
+    {
+      className: cx(Kbd_default.root, chipTier_default.tier, className),
+      ...rest,
+      ...toDataAttributes({ size, tier }),
+      children: /* @__PURE__ */ jsx14(ControlSizeProvider, { value: tier, children })
+    }
+  );
+}
+
 // src/components/dropdown/Dropdown.module.css
 var Dropdown_default = {
   item: "Dropdown_item",
@@ -14679,7 +14653,10 @@ function ColorPresetsRoot({
     onChange: onOpenChange
   });
   const triggerRef = React48.useRef(null);
-  const cellLabel = useFieldCell()?.label;
+  const cell = useFieldCell();
+  const cellLabel = cell?.label;
+  const ids = useFieldFrame(void 0, {});
+  const triggerId = cell ? ids.controlId : void 0;
   const labels = React48.useMemo(
     () => ({
       ...COLOR_PRESETS_LABELS,
@@ -14716,11 +14693,13 @@ function ColorPresetsRoot({
       size,
       disabled,
       labels,
-      triggerRef
+      triggerRef,
+      triggerId
     }),
-    [value, select, close, options, selectedLabel, columns, size, disabled, labels]
+    [value, select, close, options, selectedLabel, columns, size, disabled, labels, triggerId]
   );
-  return /* @__PURE__ */ jsx41(ColorPresetsProvider, { value: ctx, children: /* @__PURE__ */ jsx41(Popover.Root, { open: open && !disabled, onOpenChange: setOpen, children }) });
+  const popover = /* @__PURE__ */ jsx41(Popover.Root, { open: open && !disabled, onOpenChange: setOpen, children });
+  return /* @__PURE__ */ jsx41(ColorPresetsProvider, { value: ctx, children: cell ? /* @__PURE__ */ jsx41(FieldFrame, { size, ids, disabled, optionalLabel: "", children: popover }) : popover });
 }
 ColorPresetsRoot.displayName = "ColorPresets.Root";
 function Swatch(props) {
@@ -14729,11 +14708,12 @@ function Swatch(props) {
 }
 Swatch.displayName = "ColorPresets.Swatch";
 function Trigger({ children }) {
-  const { disabled, labels, selectedLabel, triggerRef } = useColorPresetsContext();
+  const { disabled, labels, selectedLabel, triggerRef, triggerId } = useColorPresetsContext();
   return /* @__PURE__ */ jsx41(Popover.Trigger, { children: /* @__PURE__ */ jsx41(
     Slot,
     {
       ref: triggerRef,
+      ...triggerId ? { id: triggerId } : null,
       disabled: disabled || void 0,
       "aria-label": `${labels.trigger}: ${selectedLabel}`,
       onKeyDown: (event) => {
@@ -16840,7 +16820,11 @@ function FileUploadField({
       accept,
       multiple,
       required,
-      disabled: disabled || tile && full,
+      disabled,
+      "aria-disabled": tile && full || void 0,
+      onClick: (event) => {
+        if (tile && full) event.preventDefault();
+      },
       tabIndex: button ? -1 : void 0,
       "aria-hidden": button || void 0,
       "aria-label": button ? void 0 : tile ? labels.addLabel : ariaLabel,
@@ -21506,7 +21490,7 @@ function PanelView(props) {
             }
           ),
           promptText ? /* @__PURE__ */ jsx60("p", { className: Datepicker_default.hint, "aria-live": "polite", children: promptText }) : null,
-          footer ? /* @__PURE__ */ jsxs49("div", { className: Datepicker_default.footer, children: [
+          footer ? /* @__PURE__ */ jsxs49("div", { className: Datepicker_default.footer, "data-time": withTime || void 0, children: [
             /* @__PURE__ */ jsxs49("div", { className: Datepicker_default.footerFields, children: [
               /* @__PURE__ */ jsx60(
                 FooterField,
@@ -21674,7 +21658,7 @@ function formatDatepickerValue(props) {
   if (!to) return null;
   const fromDay = from ? startOfDay4(from) : null;
   const lastDay = startOfDay4(to);
-  const wholeDays = (from == null || minutesOf(from) === DAY_START_MINUTES) && minutesOf(to) === DAY_END_MINUTES;
+  const wholeDays = !props.withTime || (from == null || minutesOf(from) === DAY_START_MINUTES) && minutesOf(to) === DAY_END_MINUTES;
   if (wholeDays && props.presets) {
     const preset = matchPreset(props.presets, fromDay, lastDay, today);
     if (preset) return preset.label;
@@ -22737,6 +22721,21 @@ function usePreviewFacts(stageRef, layout, active) {
   React75.useLayoutEffect(() => {
     const stage = stageRef.current;
     if (!active || !stage) return;
+    let gridWidth = 0;
+    const fitMatrix = (remeasure) => {
+      if (layout !== "matrix") {
+        stage.removeAttribute("data-matrix-wrap");
+        return;
+      }
+      if (stage.hasAttribute("data-matrix-wrap")) {
+        if (!remeasure && stage.clientWidth < gridWidth) return;
+        stage.removeAttribute("data-matrix-wrap");
+      }
+      if (stage.scrollWidth > stage.clientWidth + 1) {
+        gridWidth = stage.scrollWidth;
+        stage.setAttribute("data-matrix-wrap", "");
+      }
+    };
     const read = () => {
       for (const child of Array.from(stage.children)) {
         if (!child.hasAttribute("data-preview-stretch") && child.querySelector(STRETCH_SELECTOR)) {
@@ -22755,6 +22754,7 @@ function usePreviewFacts(stageRef, layout, active) {
       } else {
         stage.style.removeProperty("--matrix-columns");
       }
+      fitMatrix(true);
     };
     read();
     const observer2 = new MutationObserver((records) => {
@@ -22773,7 +22773,12 @@ function usePreviewFacts(stageRef, layout, active) {
       attributes: true,
       attributeFilter: ["data-full-width"]
     });
-    return () => observer2.disconnect();
+    const resize = layout === "matrix" && typeof ResizeObserver !== "undefined" ? new ResizeObserver(() => fitMatrix(false)) : null;
+    resize?.observe(stage);
+    return () => {
+      observer2.disconnect();
+      resize?.disconnect();
+    };
   }, [stageRef, layout, active]);
 }
 function ExampleFrame({
@@ -25960,7 +25965,15 @@ function LoginFormHeader({ className, children, ...rest }) {
 }
 LoginFormHeader.displayName = "LoginForm.Header";
 function LoginFormLogo({ className, children, ...rest }) {
-  return /* @__PURE__ */ jsx74("div", { className: cx(LoginForm_default.logo, className), ...rest, children });
+  return /* @__PURE__ */ jsx74(
+    "div",
+    {
+      role: rest["aria-label"] ? "img" : void 0,
+      className: cx(LoginForm_default.logo, className),
+      ...rest,
+      children
+    }
+  );
 }
 LoginFormLogo.displayName = "LoginForm.Logo";
 function LoginFormTitle({ as = "h1", className, children, ...rest }) {
@@ -31502,7 +31515,6 @@ function celebrate(options = {}) {
 }
 
 export {
-  Kbd,
   AppHeader,
   AppShell,
   BottomNav,
@@ -31518,6 +31530,7 @@ export {
   hueOf,
   Crossfade,
   ChartFrame,
+  Kbd,
   Dropdown,
   formatMessageTime,
   formatFileSize,