@amboss/design-system 4.0.0-next.4 → 4.0.0-next.6

package/build/esm/components/Layout/Content.d.ts

@@ -0,0 +1,7 @@
+import type React from "react";
+import type { ContentProps } from "./-types";
+/**
+ * Primary content panel. Always shown (never collapsible) and flexes to fill the
+ * space the side panels leave. Declares the `content` slot and portals into it.
+ */
+export declare const Content: React.FC<ContentProps>;

package/build/esm/components/Layout/Content.js

@@ -0,0 +1 @@
+import{Slot}from"./-constants";import{useDeclarePanel,useLayoutPortal}from"./registry";export const Content=({children,minSize,maxSize})=>(useDeclarePanel(Slot.content,{minSize,maxSize,collapsible:!1}),useLayoutPortal(Slot.content,children));

package/build/esm/components/Layout/Layout.d.ts

@@ -0,0 +1,17 @@
+import React from "react";
+import { LayoutProvider } from "./LayoutProvider";
+import { Content } from "./Content";
+import { RightPanel } from "./RightPanel";
+import { Sidebar } from "./Sidebar";
+import { Split } from "./Split";
+import type { LayoutProps } from "./-types";
+declare function LayoutBase({ children, persistenceKey, storage, }: LayoutProps): React.ReactElement;
+type LayoutComponent = typeof LayoutBase & {
+    Provider: typeof LayoutProvider;
+    Sidebar: typeof Sidebar;
+    RightPanel: typeof RightPanel;
+    Content: typeof Content;
+    Split: typeof Split;
+};
+export declare const Layout: LayoutComponent;
+export {};

package/build/esm/components/Layout/Layout.js

@@ -0,0 +1 @@
+import React,{useMemo,useState}from"react";import styled from"@emotion/styled";import{Panel}from"../Internal/Panel/Panel";import{PANEL_ORDER,Slot}from"./-constants";import{useLayoutPersistence}from"./context";import{LayoutProvider}from"./LayoutProvider";import{Content}from"./Content";import{RightPanel}from"./RightPanel";import{Sidebar}from"./Sidebar";import{Split}from"./Split";import{LayoutPortalContext,PanelRegistryContext}from"./registry";import{usePortalContainerRefs}from"./usePortalContainerRefs";import{useLayout}from"./useLayout";let StyledLayout=styled("div",{target:"eu1s17s0",label:"StyledLayout"})({position:"relative",height:"100%",width:"100%"},"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvTGF5b3V0L0xheW91dC50c3giLCJzb3VyY2VzIjpbInNyYy9jb21wb25lbnRzL0xheW91dC9MYXlvdXQudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyB1c2VNZW1vLCB1c2VTdGF0ZSB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBQYW5lbCB9IGZyb20gXCIuLi9JbnRlcm5hbC9QYW5lbC9QYW5lbFwiO1xuaW1wb3J0IHR5cGUgeyBQYW5lbEl0ZW0gfSBmcm9tIFwiLi4vSW50ZXJuYWwvUGFuZWwvUGFuZWxcIjtcbmltcG9ydCB7IFBBTkVMX09SREVSLCBTbG90IH0gZnJvbSBcIi4vLWNvbnN0YW50c1wiO1xuaW1wb3J0IHsgdXNlTGF5b3V0UGVyc2lzdGVuY2UgfSBmcm9tIFwiLi9jb250ZXh0XCI7XG5pbXBvcnQgeyBMYXlvdXRQcm92aWRlciB9IGZyb20gXCIuL0xheW91dFByb3ZpZGVyXCI7XG5pbXBvcnQgeyBDb250ZW50IH0gZnJvbSBcIi4vQ29udGVudFwiO1xuaW1wb3J0IHsgUmlnaHRQYW5lbCB9IGZyb20gXCIuL1JpZ2h0UGFuZWxcIjtcbmltcG9ydCB7IFNpZGViYXIgfSBmcm9tIFwiLi9TaWRlYmFyXCI7XG5pbXBvcnQgeyBTcGxpdCB9IGZyb20gXCIuL1NwbGl0XCI7XG5pbXBvcnQge1xuICBMYXlvdXRQb3J0YWxDb250ZXh0LFxuICBQYW5lbFJlZ2lzdHJ5Q29udGV4dCxcbiAgdHlwZSBQYW5lbFJlZyxcbiAgdHlwZSBQYW5lbFJlZ2lzdHJ5LFxufSBmcm9tIFwiLi9yZWdpc3RyeVwiO1xuaW1wb3J0IHsgdXNlUG9ydGFsQ29udGFpbmVyUmVmcyB9IGZyb20gXCIuL3VzZVBvcnRhbENvbnRhaW5lclJlZnNcIjtcbmltcG9ydCB7IHVzZUxheW91dCB9IGZyb20gXCIuL3VzZUxheW91dFwiO1xuaW1wb3J0IHR5cGUgeyBMYXlvdXRQcm9wcywgU2l6ZSwgU2xvdEtleSB9IGZyb20gXCIuLy10eXBlc1wiO1xuXG4vKiAtLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLSAqL1xuLyogTGF5b3V0IOKAlCByZWdpc3RyeSArIGhvc3RzOyBtYXJrZXJzIGRlY2xhcmUvcG9ydGFsOyB0aGUgcmVzaXphYmxlIHBhbmVsIHJvdyAgICovXG4vKiAtLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLSAqL1xuXG5jb25zdCBTdHlsZWRMYXlvdXQgPSBzdHlsZWQuZGl2KHtcbiAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcbiAgaGVpZ2h0OiBcIjEwMCVcIixcbiAgd2lkdGg6IFwiMTAwJVwiLFxufSk7XG5cbi8vIFNvbG8tbW9kZSBob3N0OiBhIGxvbmUgcGFuZWwgKG5vIHJlc2l6YWJsZSBzaWJsaW5nKSBpcyBob3N0ZWQgaGVyZSBpbnN0ZWFkIG9mXG4vLyBpbnNpZGUgcmVhY3QtcmVzaXphYmxlLXBhbmVscy4gTWF0Y2hlcyB0aGUgcGVyLXBhbmVsIGhvc3QgdGhlIEdyb3VwIHJlbmRlcnNcbi8vIChgcmVsYXRpdmVgICsgZnVsbC1ibGVlZCkgc28gY29udGVudCByZWZsb3dzL3Njcm9sbHMgaWRlbnRpY2FsbHkgZWl0aGVyIHdheS5cbmNvbnN0IFN0eWxlZFNvbG9Ib3N0ID0gc3R5bGVkLmRpdih7XG4gIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gIGhlaWdodDogXCIxMDAlXCIsXG4gIHdpZHRoOiBcIjEwMCVcIixcbn0pO1xuXG5mdW5jdGlvbiBMYXlvdXRCYXNlKHtcbiAgY2hpbGRyZW4sXG4gIHBlcnNpc3RlbmNlS2V5LFxuICBzdG9yYWdlLFxufTogTGF5b3V0UHJvcHMpOiBSZWFjdC5SZWFjdEVsZW1lbnQge1xuICBjb25zdCBbZGVjbGFyZWQsIHNldERlY2xhcmVkXSA9IHVzZVN0YXRlPFBhcnRpYWw8UmVjb3JkPFNsb3RLZXksIFBhbmVsUmVnPj4+KFxuICAgIHt9XG4gICk7XG4gIGNvbnN0IHsgc3RhdGU6IGxheW91dFN0YXRlLCAuLi5wYW5lbENhbGxiYWNrcyB9ID0gdXNlTGF5b3V0KCk7XG4gIGNvbnN0IHBlcnNpc3RlbmNlID0gdXNlTGF5b3V0UGVyc2lzdGVuY2UoKTtcbiAgY29uc3QgcmVzb2x2ZWRLZXkgPSBwZXJzaXN0ZW5jZUtleSA/PyBwZXJzaXN0ZW5jZS5wZXJzaXN0ZW5jZUtleTtcbiAgY29uc3QgcmVzb2x2ZWRTdG9yYWdlID0gc3RvcmFnZSA/PyBwZXJzaXN0ZW5jZS5zdG9yYWdlO1xuXG4gIGNvbnN0IGlzU2hvd24gPSAoc2xvdDogU2xvdEtleSk6IGJvb2xlYW4gPT4gbGF5b3V0U3RhdGVbc2xvdF0udmlzaWJsZTtcblxuICBjb25zdCByZWdpc3RyeSA9IHVzZU1lbW88UGFuZWxSZWdpc3RyeT4oXG4gICAgKCkgPT4gKHtcbiAgICAgIHJlZ2lzdGVyOiAoc2xvdCwgcmVnKSA9PlxuICAgICAgICBzZXREZWNsYXJlZCgocHJldikgPT4gKHsgLi4ucHJldiwgW3Nsb3RdOiByZWcgfSkpLFxuICAgICAgdW5yZWdpc3RlcjogKHNsb3QpID0+XG4gICAgICAgIHNldERlY2xhcmVkKChwcmV2KSA9PiB7XG4gICAgICAgICAgaWYgKCEoc2xvdCBpbiBwcmV2KSkgcmV0dXJuIHByZXY7XG4gICAgICAgICAgY29uc3QgbmV4dCA9IHsgLi4ucHJldiB9O1xuICAgICAgICAgIGRlbGV0ZSBuZXh0W3Nsb3RdO1xuICAgICAgICAgIHJldHVybiBuZXh0O1xuICAgICAgICB9KSxcbiAgICB9KSxcbiAgICBbXVxuICApO1xuXG4gIGNvbnN0IFtub2RlcywgaG9zdFJlZnNdID0gdXNlUG9ydGFsQ29udGFpbmVyUmVmcyhQQU5FTF9PUkRFUik7XG5cbiAgLy8gUGFuZWxzIHRoYXQgZXhpc3QgaW4gdGhlIGxheW91dCwgcmVnYXJkbGVzcyBvZiB2aXNpYmlsaXR5LiBEcml2ZXMgdGhlXG4gIC8vIHNvbG8tdnMtcmVzaXphYmxlIGRlY2lzaW9uIGJlbG93IOKAlCBrZXllZCBvbiBERUNMQVJFRCAobm90IHNob3duKSBzbyB0aGF0XG4gIC8vIHNob3dpbmcvaGlkaW5nIGEgcGFuZWwgbmV2ZXIgZmxpcHMgdGhlIG1vZGUuXG4gIGNvbnN0IGRlY2xhcmVkU2xvdHMgPSBQQU5FTF9PUkRFUi5maWx0ZXIoKHNsb3QpID0+IGRlY2xhcmVkW3Nsb3RdKTtcblxuICAvLyBTb2xvIG1vZGU6IGEgc2luZ2xlIHBhbmVsIGlzIGRlY2xhcmVkIChlLmcuIGp1c3QgYENvbnRlbnRgLCB3aXRoIG5vXG4gIC8vIFJpZ2h0UGFuZWwvU2lkZWJhci9TcGxpdCBpbiB0aGUgdHJlZSkg4oCUIG5vdGhpbmcgdG8gcmVzaXplIGFnYWluc3QsIHNvIGhvc3RcbiAgLy8gaXQgaW4gYSBwbGFpbiBkaXYgYW5kIHNraXAgcmVhY3QtcmVzaXphYmxlLXBhbmVscyBlbnRpcmVseS4gQmVjYXVzZSB0aGVcbiAgLy8gY2hlY2sgaXMgb24gREVDTEFSRUQgcGFuZWxzLCB0b2dnbGluZyBhICpkZWNsYXJlZCogcGFuZWwncyB2aXNpYmlsaXR5IGtlZXBzXG4gIC8vIHRoZSBtb2RlIHN0YWJsZSwgc28gYENvbnRlbnRgIGlzIG5ldmVyIHJlbW91bnRlZCBieSBhIHNob3cvaGlkZS4gVGhlIG1vZGVcbiAgLy8gb25seSBmbGlwcyB3aGVuIGEgcGFuZWwgbWFya2VyIGlzIGFkZGVkIHRvIC8gcmVtb3ZlZCBmcm9tIHRoZSB0cmVlIChhXG4gIC8vIHN0cnVjdHVyYWwgY2hhbmdlKSwgd2hlcmUgYSBvbmUtdGltZSByZW1vdW50IGlzIGFjY2VwdGFibGUuXG4gIGNvbnN0IGlzU29sbyA9IGRlY2xhcmVkU2xvdHMubGVuZ3RoIDw9IDE7XG4gIGNvbnN0IHNvbG9TbG90ID0gZGVjbGFyZWRTbG90c1swXTtcblxuICAvLyBjb250ZW50IGZsZXhlcyAobm8gZml4ZWQgc2l6ZSk7IG90aGVycyB1c2UgdGhlIGRlY2xhcmVkIGRlZmF1bHQsIGZhbGxpbmdcbiAgLy8gYmFjayB0byB0aGUgcGVyc2lzdGVkL2NvbmZpZyBzaXplLlxuICBjb25zdCBkZWZhdWx0U2l6ZUZvciA9IChzbG90OiBTbG90S2V5KTogU2l6ZSB8IHVuZGVmaW5lZCA9PiB7XG4gICAgaWYgKHNsb3QgPT09IFNsb3QuY29udGVudCkgcmV0dXJuIHVuZGVmaW5lZDtcbiAgICByZXR1cm4gZGVjbGFyZWRbc2xvdF0/LmRlZmF1bHRTaXplID8/IGxheW91dFN0YXRlW3Nsb3RdLnNpemU7XG4gIH07XG5cbiAgLy8gT25seSB0aGUgcGFuZWxzIHRoYXQgYXJlIGRlY2xhcmVkIEFORCBjdXJyZW50bHkgc2hvd24uIENsb3NlZC9oaWRkZW4gcGFuZWxzXG4gIC8vIGFyZSBub3QgcmVuZGVyZWQgYXQgYWxsIOKAlCBubyByZXNlcnZlZCBzcGFjZS5cbiAgY29uc3QgcGFuZWxJdGVtczogUGFuZWxJdGVtW10gPSBQQU5FTF9PUkRFUi5maWx0ZXIoXG4gICAgKHNsb3QpID0+IGRlY2xhcmVkW3Nsb3RdICYmIGlzU2hvd24oc2xvdClcbiAgKS5tYXAoKHNsb3QpID0+ICh7XG4gICAgaWQ6IHNsb3QsXG4gICAgZGVmYXVsdFNpemU6IGRlZmF1bHRTaXplRm9yKHNsb3QpLFxuICAgIG1pblNpemU6IGRlY2xhcmVkW3Nsb3RdPy5taW5TaXplID8/IGxheW91dFN0YXRlW3Nsb3RdLm1pblNpemUsXG4gICAgbWF4U2l6ZTogZGVjbGFyZWRbc2xvdF0/Lm1heFNpemUgPz8gbGF5b3V0U3RhdGVbc2xvdF0ubWF4U2l6ZSxcbiAgICBjb2xsYXBzaWJsZTogc2xvdCAhPT0gU2xvdC5jb250ZW50ICYmIChkZWNsYXJlZFtzbG90XT8uY29sbGFwc2libGUgPz8gdHJ1ZSksXG4gIH0pKTtcblxuICByZXR1cm4gKFxuICAgIDxQYW5lbFJlZ2lzdHJ5Q29udGV4dC5Qcm92aWRlciB2YWx1ZT17cmVnaXN0cnl9PlxuICAgICAgPExheW91dFBvcnRhbENvbnRleHQuUHJvdmlkZXIgdmFsdWU9e25vZGVzfT5cbiAgICAgICAgPFN0eWxlZExheW91dCBkYXRhLWRzLWlkPVwiTGF5b3V0XCI+XG4gICAgICAgICAge2lzU29sb1xuICAgICAgICAgICAgPyAvLyBMb25lIHBhbmVsIOKAlCBob3N0IGl0IGluIGEgcGxhaW4gZGl2LCBubyByZXNpemFibGUgR3JvdXAuIEhpZGRlblxuICAgICAgICAgICAgICAvLyBsb25lIHBhbmVscyByZW5kZXIgbm90aGluZyAoQ29udGVudCBpcyBhbHdheXMgc2hvd24pLlxuICAgICAgICAgICAgICBzb2xvU2xvdCAmJlxuICAgICAgICAgICAgICBpc1Nob3duKHNvbG9TbG90KSAmJiA8U3R5bGVkU29sb0hvc3QgcmVmPXtob3N0UmVmc1tzb2xvU2xvdF19IC8+XG4gICAgICAgICAgICA6IHBhbmVsSXRlbXMubGVuZ3RoID4gMCAmJiAoXG4gICAgICAgICAgICAgICAgLy8gYGtleWAgPSB0aGUgcGVyc2lzdGVuY2UgbmFtZXNwYWNlLiByZWFjdC1yZXNpemFibGUtcGFuZWxzXG4gICAgICAgICAgICAgICAgLy8gcmVhZHMgc3RvcmVkIHNpemVzIG9ubHkgb24gbW91bnQsIGFuZCB0aGlzIGdyb3VwIHN0YXlzXG4gICAgICAgICAgICAgICAgLy8gbW91bnRlZCBhY3Jvc3MgbmF2aWdhdGlvbiDigJQgc28gcmVtb3VudCBpdCB3aGVuIHRoZSBrZXlcbiAgICAgICAgICAgICAgICAvLyBjaGFuZ2VzIHRvIGxvYWQgVEhBVCBpbnN0YW5jZSdzIHNpemVzLiBVc2UgY2FzZTpcbiAgICAgICAgICAgICAgICAvLyBwZXItcm91dGUvcGVyLWluc3RhbmNlIHNpemUgbWVtb3J5IChlLmcuXG4gICAgICAgICAgICAgICAgLy8gYHBlcnNpc3RlbmNlS2V5PXtgbGF5b3V0OiR7cm91dGVJZH1gfWApIOKAlCBkcmFnIHRoZSBjaGF0IHdpZGVcbiAgICAgICAgICAgICAgICAvLyBvbiBwYWdlIEEsIHN3aXRjaCB0byBwYWdlIEIgKGl0cyBvd24gd2lkdGhzKSwgY29tZSBiYWNrIHRvIEFcbiAgICAgICAgICAgICAgICAvLyBhbmQgZmluZCBBJ3Mgd2lkdGhzIHJlc3RvcmVkLiBUaGUga2V5IG9ubHkgY2hhbmdlcyBvblxuICAgICAgICAgICAgICAgIC8vIGluc3RhbmNlIHN3aXRjaCwgbmV2ZXIgb24gcGFuZWwgb3Blbi9jbG9zZSwgc28gbm9ybWFsXG4gICAgICAgICAgICAgICAgLy8gdG9nZ2xpbmcgc3RheXMgcmVtb3VudC1mcmVlLlxuICAgICAgICAgICAgICAgIDxQYW5lbFxuICAgICAgICAgICAgICAgICAga2V5PXtyZXNvbHZlZEtleX1cbiAgICAgICAgICAgICAgICAgIHBhbmVscz17cGFuZWxJdGVtc31cbiAgICAgICAgICAgICAgICAgIHBlcnNpc3RlbmNlS2V5PXtyZXNvbHZlZEtleX1cbiAgICAgICAgICAgICAgICAgIHN0b3JhZ2U9e3Jlc29sdmVkU3RvcmFnZX1cbiAgICAgICAgICAgICAgICAgIGhvc3RGb3I9eyhpZCkgPT4gaG9zdFJlZnNbaWQgYXMgU2xvdEtleV19XG4gICAgICAgICAgICAgICAgICBvblJlc2l6ZT17KGlkLCBzaXplKSA9PlxuICAgICAgICAgICAgICAgICAgICBwYW5lbENhbGxiYWNrc1tpZCBhcyBTbG90S2V5XS5yZXNpemUoc2l6ZSlcbiAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICAgIG9uQ29sbGFwc2U9eyhpZCkgPT4gcGFuZWxDYWxsYmFja3NbaWQgYXMgU2xvdEtleV0uaGlkZSgpfVxuICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICl9XG4gICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICA8L1N0eWxlZExheW91dD5cbiAgICAgIDwvTGF5b3V0UG9ydGFsQ29udGV4dC5Qcm92aWRlcj5cbiAgICA8L1BhbmVsUmVnaXN0cnlDb250ZXh0LlByb3ZpZGVyPlxuICApO1xufVxuXG4vKiAtLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLSAqL1xuLyogUHVibGljIExheW91dCDigJQgdGhlIHJlc2l6YWJsZSBwYW5lbCByb3cgKyBjb21wb3VuZCBwYXJ0cyBhcyBzdGF0aWNzICAgICAgICAgKi9cbi8qIC0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tICovXG5cbnR5cGUgTGF5b3V0Q29tcG9uZW50ID0gdHlwZW9mIExheW91dEJhc2UgJiB7XG4gIFByb3ZpZGVyOiB0eXBlb2YgTGF5b3V0UHJvdmlkZXI7XG4gIFNpZGViYXI6IHR5cGVvZiBTaWRlYmFyO1xuICBSaWdodFBhbmVsOiB0eXBlb2YgUmlnaHRQYW5lbDtcbiAgQ29udGVudDogdHlwZW9mIENvbnRlbnQ7XG4gIFNwbGl0OiB0eXBlb2YgU3BsaXQ7XG59O1xuXG5leHBvcnQgY29uc3QgTGF5b3V0ID0gTGF5b3V0QmFzZSBhcyBMYXlvdXRDb21wb25lbnQ7XG5cbkxheW91dC5Qcm92aWRlciA9IExheW91dFByb3ZpZGVyO1xuTGF5b3V0LlNpZGViYXIgPSBTaWRlYmFyO1xuTGF5b3V0LlJpZ2h0UGFuZWwgPSBSaWdodFBhbmVsO1xuTGF5b3V0LkNvbnRlbnQgPSBDb250ZW50O1xuTGF5b3V0LlNwbGl0ID0gU3BsaXQ7XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeUJxQiJ9 */"),StyledSoloHost=styled("div",{target:"eu1s17s1",label:"StyledSoloHost"})({position:"relative",height:"100%",width:"100%"},"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvTGF5b3V0L0xheW91dC50c3giLCJzb3VyY2VzIjpbInNyYy9jb21wb25lbnRzL0xheW91dC9MYXlvdXQudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyB1c2VNZW1vLCB1c2VTdGF0ZSB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBQYW5lbCB9IGZyb20gXCIuLi9JbnRlcm5hbC9QYW5lbC9QYW5lbFwiO1xuaW1wb3J0IHR5cGUgeyBQYW5lbEl0ZW0gfSBmcm9tIFwiLi4vSW50ZXJuYWwvUGFuZWwvUGFuZWxcIjtcbmltcG9ydCB7IFBBTkVMX09SREVSLCBTbG90IH0gZnJvbSBcIi4vLWNvbnN0YW50c1wiO1xuaW1wb3J0IHsgdXNlTGF5b3V0UGVyc2lzdGVuY2UgfSBmcm9tIFwiLi9jb250ZXh0XCI7XG5pbXBvcnQgeyBMYXlvdXRQcm92aWRlciB9IGZyb20gXCIuL0xheW91dFByb3ZpZGVyXCI7XG5pbXBvcnQgeyBDb250ZW50IH0gZnJvbSBcIi4vQ29udGVudFwiO1xuaW1wb3J0IHsgUmlnaHRQYW5lbCB9IGZyb20gXCIuL1JpZ2h0UGFuZWxcIjtcbmltcG9ydCB7IFNpZGViYXIgfSBmcm9tIFwiLi9TaWRlYmFyXCI7XG5pbXBvcnQgeyBTcGxpdCB9IGZyb20gXCIuL1NwbGl0XCI7XG5pbXBvcnQge1xuICBMYXlvdXRQb3J0YWxDb250ZXh0LFxuICBQYW5lbFJlZ2lzdHJ5Q29udGV4dCxcbiAgdHlwZSBQYW5lbFJlZyxcbiAgdHlwZSBQYW5lbFJlZ2lzdHJ5LFxufSBmcm9tIFwiLi9yZWdpc3RyeVwiO1xuaW1wb3J0IHsgdXNlUG9ydGFsQ29udGFpbmVyUmVmcyB9IGZyb20gXCIuL3VzZVBvcnRhbENvbnRhaW5lclJlZnNcIjtcbmltcG9ydCB7IHVzZUxheW91dCB9IGZyb20gXCIuL3VzZUxheW91dFwiO1xuaW1wb3J0IHR5cGUgeyBMYXlvdXRQcm9wcywgU2l6ZSwgU2xvdEtleSB9IGZyb20gXCIuLy10eXBlc1wiO1xuXG4vKiAtLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLSAqL1xuLyogTGF5b3V0IOKAlCByZWdpc3RyeSArIGhvc3RzOyBtYXJrZXJzIGRlY2xhcmUvcG9ydGFsOyB0aGUgcmVzaXphYmxlIHBhbmVsIHJvdyAgICovXG4vKiAtLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLSAqL1xuXG5jb25zdCBTdHlsZWRMYXlvdXQgPSBzdHlsZWQuZGl2KHtcbiAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcbiAgaGVpZ2h0OiBcIjEwMCVcIixcbiAgd2lkdGg6IFwiMTAwJVwiLFxufSk7XG5cbi8vIFNvbG8tbW9kZSBob3N0OiBhIGxvbmUgcGFuZWwgKG5vIHJlc2l6YWJsZSBzaWJsaW5nKSBpcyBob3N0ZWQgaGVyZSBpbnN0ZWFkIG9mXG4vLyBpbnNpZGUgcmVhY3QtcmVzaXphYmxlLXBhbmVscy4gTWF0Y2hlcyB0aGUgcGVyLXBhbmVsIGhvc3QgdGhlIEdyb3VwIHJlbmRlcnNcbi8vIChgcmVsYXRpdmVgICsgZnVsbC1ibGVlZCkgc28gY29udGVudCByZWZsb3dzL3Njcm9sbHMgaWRlbnRpY2FsbHkgZWl0aGVyIHdheS5cbmNvbnN0IFN0eWxlZFNvbG9Ib3N0ID0gc3R5bGVkLmRpdih7XG4gIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gIGhlaWdodDogXCIxMDAlXCIsXG4gIHdpZHRoOiBcIjEwMCVcIixcbn0pO1xuXG5mdW5jdGlvbiBMYXlvdXRCYXNlKHtcbiAgY2hpbGRyZW4sXG4gIHBlcnNpc3RlbmNlS2V5LFxuICBzdG9yYWdlLFxufTogTGF5b3V0UHJvcHMpOiBSZWFjdC5SZWFjdEVsZW1lbnQge1xuICBjb25zdCBbZGVjbGFyZWQsIHNldERlY2xhcmVkXSA9IHVzZVN0YXRlPFBhcnRpYWw8UmVjb3JkPFNsb3RLZXksIFBhbmVsUmVnPj4+KFxuICAgIHt9XG4gICk7XG4gIGNvbnN0IHsgc3RhdGU6IGxheW91dFN0YXRlLCAuLi5wYW5lbENhbGxiYWNrcyB9ID0gdXNlTGF5b3V0KCk7XG4gIGNvbnN0IHBlcnNpc3RlbmNlID0gdXNlTGF5b3V0UGVyc2lzdGVuY2UoKTtcbiAgY29uc3QgcmVzb2x2ZWRLZXkgPSBwZXJzaXN0ZW5jZUtleSA/PyBwZXJzaXN0ZW5jZS5wZXJzaXN0ZW5jZUtleTtcbiAgY29uc3QgcmVzb2x2ZWRTdG9yYWdlID0gc3RvcmFnZSA/PyBwZXJzaXN0ZW5jZS5zdG9yYWdlO1xuXG4gIGNvbnN0IGlzU2hvd24gPSAoc2xvdDogU2xvdEtleSk6IGJvb2xlYW4gPT4gbGF5b3V0U3RhdGVbc2xvdF0udmlzaWJsZTtcblxuICBjb25zdCByZWdpc3RyeSA9IHVzZU1lbW88UGFuZWxSZWdpc3RyeT4oXG4gICAgKCkgPT4gKHtcbiAgICAgIHJlZ2lzdGVyOiAoc2xvdCwgcmVnKSA9PlxuICAgICAgICBzZXREZWNsYXJlZCgocHJldikgPT4gKHsgLi4ucHJldiwgW3Nsb3RdOiByZWcgfSkpLFxuICAgICAgdW5yZWdpc3RlcjogKHNsb3QpID0+XG4gICAgICAgIHNldERlY2xhcmVkKChwcmV2KSA9PiB7XG4gICAgICAgICAgaWYgKCEoc2xvdCBpbiBwcmV2KSkgcmV0dXJuIHByZXY7XG4gICAgICAgICAgY29uc3QgbmV4dCA9IHsgLi4ucHJldiB9O1xuICAgICAgICAgIGRlbGV0ZSBuZXh0W3Nsb3RdO1xuICAgICAgICAgIHJldHVybiBuZXh0O1xuICAgICAgICB9KSxcbiAgICB9KSxcbiAgICBbXVxuICApO1xuXG4gIGNvbnN0IFtub2RlcywgaG9zdFJlZnNdID0gdXNlUG9ydGFsQ29udGFpbmVyUmVmcyhQQU5FTF9PUkRFUik7XG5cbiAgLy8gUGFuZWxzIHRoYXQgZXhpc3QgaW4gdGhlIGxheW91dCwgcmVnYXJkbGVzcyBvZiB2aXNpYmlsaXR5LiBEcml2ZXMgdGhlXG4gIC8vIHNvbG8tdnMtcmVzaXphYmxlIGRlY2lzaW9uIGJlbG93IOKAlCBrZXllZCBvbiBERUNMQVJFRCAobm90IHNob3duKSBzbyB0aGF0XG4gIC8vIHNob3dpbmcvaGlkaW5nIGEgcGFuZWwgbmV2ZXIgZmxpcHMgdGhlIG1vZGUuXG4gIGNvbnN0IGRlY2xhcmVkU2xvdHMgPSBQQU5FTF9PUkRFUi5maWx0ZXIoKHNsb3QpID0+IGRlY2xhcmVkW3Nsb3RdKTtcblxuICAvLyBTb2xvIG1vZGU6IGEgc2luZ2xlIHBhbmVsIGlzIGRlY2xhcmVkIChlLmcuIGp1c3QgYENvbnRlbnRgLCB3aXRoIG5vXG4gIC8vIFJpZ2h0UGFuZWwvU2lkZWJhci9TcGxpdCBpbiB0aGUgdHJlZSkg4oCUIG5vdGhpbmcgdG8gcmVzaXplIGFnYWluc3QsIHNvIGhvc3RcbiAgLy8gaXQgaW4gYSBwbGFpbiBkaXYgYW5kIHNraXAgcmVhY3QtcmVzaXphYmxlLXBhbmVscyBlbnRpcmVseS4gQmVjYXVzZSB0aGVcbiAgLy8gY2hlY2sgaXMgb24gREVDTEFSRUQgcGFuZWxzLCB0b2dnbGluZyBhICpkZWNsYXJlZCogcGFuZWwncyB2aXNpYmlsaXR5IGtlZXBzXG4gIC8vIHRoZSBtb2RlIHN0YWJsZSwgc28gYENvbnRlbnRgIGlzIG5ldmVyIHJlbW91bnRlZCBieSBhIHNob3cvaGlkZS4gVGhlIG1vZGVcbiAgLy8gb25seSBmbGlwcyB3aGVuIGEgcGFuZWwgbWFya2VyIGlzIGFkZGVkIHRvIC8gcmVtb3ZlZCBmcm9tIHRoZSB0cmVlIChhXG4gIC8vIHN0cnVjdHVyYWwgY2hhbmdlKSwgd2hlcmUgYSBvbmUtdGltZSByZW1vdW50IGlzIGFjY2VwdGFibGUuXG4gIGNvbnN0IGlzU29sbyA9IGRlY2xhcmVkU2xvdHMubGVuZ3RoIDw9IDE7XG4gIGNvbnN0IHNvbG9TbG90ID0gZGVjbGFyZWRTbG90c1swXTtcblxuICAvLyBjb250ZW50IGZsZXhlcyAobm8gZml4ZWQgc2l6ZSk7IG90aGVycyB1c2UgdGhlIGRlY2xhcmVkIGRlZmF1bHQsIGZhbGxpbmdcbiAgLy8gYmFjayB0byB0aGUgcGVyc2lzdGVkL2NvbmZpZyBzaXplLlxuICBjb25zdCBkZWZhdWx0U2l6ZUZvciA9IChzbG90OiBTbG90S2V5KTogU2l6ZSB8IHVuZGVmaW5lZCA9PiB7XG4gICAgaWYgKHNsb3QgPT09IFNsb3QuY29udGVudCkgcmV0dXJuIHVuZGVmaW5lZDtcbiAgICByZXR1cm4gZGVjbGFyZWRbc2xvdF0/LmRlZmF1bHRTaXplID8/IGxheW91dFN0YXRlW3Nsb3RdLnNpemU7XG4gIH07XG5cbiAgLy8gT25seSB0aGUgcGFuZWxzIHRoYXQgYXJlIGRlY2xhcmVkIEFORCBjdXJyZW50bHkgc2hvd24uIENsb3NlZC9oaWRkZW4gcGFuZWxzXG4gIC8vIGFyZSBub3QgcmVuZGVyZWQgYXQgYWxsIOKAlCBubyByZXNlcnZlZCBzcGFjZS5cbiAgY29uc3QgcGFuZWxJdGVtczogUGFuZWxJdGVtW10gPSBQQU5FTF9PUkRFUi5maWx0ZXIoXG4gICAgKHNsb3QpID0+IGRlY2xhcmVkW3Nsb3RdICYmIGlzU2hvd24oc2xvdClcbiAgKS5tYXAoKHNsb3QpID0+ICh7XG4gICAgaWQ6IHNsb3QsXG4gICAgZGVmYXVsdFNpemU6IGRlZmF1bHRTaXplRm9yKHNsb3QpLFxuICAgIG1pblNpemU6IGRlY2xhcmVkW3Nsb3RdPy5taW5TaXplID8/IGxheW91dFN0YXRlW3Nsb3RdLm1pblNpemUsXG4gICAgbWF4U2l6ZTogZGVjbGFyZWRbc2xvdF0/Lm1heFNpemUgPz8gbGF5b3V0U3RhdGVbc2xvdF0ubWF4U2l6ZSxcbiAgICBjb2xsYXBzaWJsZTogc2xvdCAhPT0gU2xvdC5jb250ZW50ICYmIChkZWNsYXJlZFtzbG90XT8uY29sbGFwc2libGUgPz8gdHJ1ZSksXG4gIH0pKTtcblxuICByZXR1cm4gKFxuICAgIDxQYW5lbFJlZ2lzdHJ5Q29udGV4dC5Qcm92aWRlciB2YWx1ZT17cmVnaXN0cnl9PlxuICAgICAgPExheW91dFBvcnRhbENvbnRleHQuUHJvdmlkZXIgdmFsdWU9e25vZGVzfT5cbiAgICAgICAgPFN0eWxlZExheW91dCBkYXRhLWRzLWlkPVwiTGF5b3V0XCI+XG4gICAgICAgICAge2lzU29sb1xuICAgICAgICAgICAgPyAvLyBMb25lIHBhbmVsIOKAlCBob3N0IGl0IGluIGEgcGxhaW4gZGl2LCBubyByZXNpemFibGUgR3JvdXAuIEhpZGRlblxuICAgICAgICAgICAgICAvLyBsb25lIHBhbmVscyByZW5kZXIgbm90aGluZyAoQ29udGVudCBpcyBhbHdheXMgc2hvd24pLlxuICAgICAgICAgICAgICBzb2xvU2xvdCAmJlxuICAgICAgICAgICAgICBpc1Nob3duKHNvbG9TbG90KSAmJiA8U3R5bGVkU29sb0hvc3QgcmVmPXtob3N0UmVmc1tzb2xvU2xvdF19IC8+XG4gICAgICAgICAgICA6IHBhbmVsSXRlbXMubGVuZ3RoID4gMCAmJiAoXG4gICAgICAgICAgICAgICAgLy8gYGtleWAgPSB0aGUgcGVyc2lzdGVuY2UgbmFtZXNwYWNlLiByZWFjdC1yZXNpemFibGUtcGFuZWxzXG4gICAgICAgICAgICAgICAgLy8gcmVhZHMgc3RvcmVkIHNpemVzIG9ubHkgb24gbW91bnQsIGFuZCB0aGlzIGdyb3VwIHN0YXlzXG4gICAgICAgICAgICAgICAgLy8gbW91bnRlZCBhY3Jvc3MgbmF2aWdhdGlvbiDigJQgc28gcmVtb3VudCBpdCB3aGVuIHRoZSBrZXlcbiAgICAgICAgICAgICAgICAvLyBjaGFuZ2VzIHRvIGxvYWQgVEhBVCBpbnN0YW5jZSdzIHNpemVzLiBVc2UgY2FzZTpcbiAgICAgICAgICAgICAgICAvLyBwZXItcm91dGUvcGVyLWluc3RhbmNlIHNpemUgbWVtb3J5IChlLmcuXG4gICAgICAgICAgICAgICAgLy8gYHBlcnNpc3RlbmNlS2V5PXtgbGF5b3V0OiR7cm91dGVJZH1gfWApIOKAlCBkcmFnIHRoZSBjaGF0IHdpZGVcbiAgICAgICAgICAgICAgICAvLyBvbiBwYWdlIEEsIHN3aXRjaCB0byBwYWdlIEIgKGl0cyBvd24gd2lkdGhzKSwgY29tZSBiYWNrIHRvIEFcbiAgICAgICAgICAgICAgICAvLyBhbmQgZmluZCBBJ3Mgd2lkdGhzIHJlc3RvcmVkLiBUaGUga2V5IG9ubHkgY2hhbmdlcyBvblxuICAgICAgICAgICAgICAgIC8vIGluc3RhbmNlIHN3aXRjaCwgbmV2ZXIgb24gcGFuZWwgb3Blbi9jbG9zZSwgc28gbm9ybWFsXG4gICAgICAgICAgICAgICAgLy8gdG9nZ2xpbmcgc3RheXMgcmVtb3VudC1mcmVlLlxuICAgICAgICAgICAgICAgIDxQYW5lbFxuICAgICAgICAgICAgICAgICAga2V5PXtyZXNvbHZlZEtleX1cbiAgICAgICAgICAgICAgICAgIHBhbmVscz17cGFuZWxJdGVtc31cbiAgICAgICAgICAgICAgICAgIHBlcnNpc3RlbmNlS2V5PXtyZXNvbHZlZEtleX1cbiAgICAgICAgICAgICAgICAgIHN0b3JhZ2U9e3Jlc29sdmVkU3RvcmFnZX1cbiAgICAgICAgICAgICAgICAgIGhvc3RGb3I9eyhpZCkgPT4gaG9zdFJlZnNbaWQgYXMgU2xvdEtleV19XG4gICAgICAgICAgICAgICAgICBvblJlc2l6ZT17KGlkLCBzaXplKSA9PlxuICAgICAgICAgICAgICAgICAgICBwYW5lbENhbGxiYWNrc1tpZCBhcyBTbG90S2V5XS5yZXNpemUoc2l6ZSlcbiAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICAgIG9uQ29sbGFwc2U9eyhpZCkgPT4gcGFuZWxDYWxsYmFja3NbaWQgYXMgU2xvdEtleV0uaGlkZSgpfVxuICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICl9XG4gICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICA8L1N0eWxlZExheW91dD5cbiAgICAgIDwvTGF5b3V0UG9ydGFsQ29udGV4dC5Qcm92aWRlcj5cbiAgICA8L1BhbmVsUmVnaXN0cnlDb250ZXh0LlByb3ZpZGVyPlxuICApO1xufVxuXG4vKiAtLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLSAqL1xuLyogUHVibGljIExheW91dCDigJQgdGhlIHJlc2l6YWJsZSBwYW5lbCByb3cgKyBjb21wb3VuZCBwYXJ0cyBhcyBzdGF0aWNzICAgICAgICAgKi9cbi8qIC0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tICovXG5cbnR5cGUgTGF5b3V0Q29tcG9uZW50ID0gdHlwZW9mIExheW91dEJhc2UgJiB7XG4gIFByb3ZpZGVyOiB0eXBlb2YgTGF5b3V0UHJvdmlkZXI7XG4gIFNpZGViYXI6IHR5cGVvZiBTaWRlYmFyO1xuICBSaWdodFBhbmVsOiB0eXBlb2YgUmlnaHRQYW5lbDtcbiAgQ29udGVudDogdHlwZW9mIENvbnRlbnQ7XG4gIFNwbGl0OiB0eXBlb2YgU3BsaXQ7XG59O1xuXG5leHBvcnQgY29uc3QgTGF5b3V0ID0gTGF5b3V0QmFzZSBhcyBMYXlvdXRDb21wb25lbnQ7XG5cbkxheW91dC5Qcm92aWRlciA9IExheW91dFByb3ZpZGVyO1xuTGF5b3V0LlNpZGViYXIgPSBTaWRlYmFyO1xuTGF5b3V0LlJpZ2h0UGFuZWwgPSBSaWdodFBhbmVsO1xuTGF5b3V0LkNvbnRlbnQgPSBDb250ZW50O1xuTGF5b3V0LlNwbGl0ID0gU3BsaXQ7XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0N1QiJ9 */");export const Layout=function({children,persistenceKey,storage}){let[declared,setDeclared]=useState({}),{state:layoutState,...panelCallbacks}=useLayout(),persistence=useLayoutPersistence(),resolvedKey=persistenceKey??persistence.persistenceKey,resolvedStorage=storage??persistence.storage,isShown=slot=>layoutState[slot].visible,registry=useMemo(()=>({register:(slot,reg)=>setDeclared(prev=>({...prev,[slot]:reg})),unregister:slot=>setDeclared(prev=>{if(!(slot in prev))return prev;let next={...prev};return delete next[slot],next})}),[]),[nodes,hostRefs]=usePortalContainerRefs(PANEL_ORDER),declaredSlots=PANEL_ORDER.filter(slot=>declared[slot]),isSolo=declaredSlots.length<=1,soloSlot=declaredSlots[0],defaultSizeFor=slot=>{if(slot!==Slot.content)return declared[slot]?.defaultSize??layoutState[slot].size},panelItems=PANEL_ORDER.filter(slot=>declared[slot]&&isShown(slot)).map(slot=>({id:slot,defaultSize:defaultSizeFor(slot),minSize:declared[slot]?.minSize??layoutState[slot].minSize,maxSize:declared[slot]?.maxSize??layoutState[slot].maxSize,collapsible:slot!==Slot.content&&(declared[slot]?.collapsible??!0)}));return React.createElement(PanelRegistryContext.Provider,{value:registry},React.createElement(LayoutPortalContext.Provider,{value:nodes},React.createElement(StyledLayout,{"data-ds-id":"Layout"},isSolo?soloSlot&&isShown(soloSlot)&&React.createElement(StyledSoloHost,{ref:hostRefs[soloSlot]}):panelItems.length>0&&React.createElement(Panel,{key:resolvedKey,panels:panelItems,persistenceKey:resolvedKey,storage:resolvedStorage,hostFor:id=>hostRefs[id],onResize:(id,size)=>panelCallbacks[id].resize(size),onCollapse:id=>panelCallbacks[id].hide()}),children)))};Layout.Provider=LayoutProvider,Layout.Sidebar=Sidebar,Layout.RightPanel=RightPanel,Layout.Content=Content,Layout.Split=Split;

package/build/esm/components/Layout/LayoutProvider.d.ts

@@ -0,0 +1,15 @@
+import React from "react";
+import type { LayoutProviderProps } from "./-types";
+/**
+ * Owns the state engine + the public persistence-config surface. Mount once,
+ * above the router. Pass `store` to replace the default vanilla engine with a
+ * zustand/redux-backed one; otherwise a default store is built from `config`.
+ *
+ * `storage`/`persistenceKey` are accepted here so consumers configure the whole
+ * layout in one provider — but the Provider **never reads storage itself**.
+ * It publishes them to the nested, which owns persistence.
+ * Two tracks: panel sizes (via react-resizable-panels, working today) and the panels'
+ * "intent" — open/visible/variant (restore on mount + save on store.subscribe, still deferred).
+ * That deferral is the default store's; a bring-your-own store can persist intent itself.
+ */
+export declare function LayoutProvider({ children, config, store, persistenceKey, storage, }: LayoutProviderProps): React.ReactElement;

package/build/esm/components/Layout/LayoutProvider.js

@@ -0,0 +1 @@
+import React,{useMemo,useRef}from"react";import{useTheme}from"@emotion/react";import{SLIDE_VAR}from"./-constants";import{LayoutPersistenceProvider,LayoutStoreProvider}from"./context";import{LayoutVars,LayoutVarStoreProvider,useLayoutVar}from"./LayoutVars";import{createLayoutVarStore}from"./varStore";import{createInitialState}from"./reducer";import{createLayoutStore}from"./store";function SlideVars(){let theme=useTheme(),open=theme.variables?.animation?.navSlide?.open;return useLayoutVar(SLIDE_VAR.duration,open?.duration??""),useLayoutVar(SLIDE_VAR.easing,open?.timingFunction??""),null}export function LayoutProvider({children,config,store,persistenceKey,storage}){let storeRef=useRef(null);null===storeRef.current&&(storeRef.current=store??createLayoutStore(createInitialState(config)));let varStoreRef=useRef(null);null===varStoreRef.current&&(varStoreRef.current=createLayoutVarStore());let persistence=useMemo(()=>({persistenceKey,storage}),[persistenceKey,storage]);return React.createElement(LayoutStoreProvider,{value:storeRef.current},React.createElement(LayoutPersistenceProvider,{value:persistence},React.createElement(LayoutVarStoreProvider,{value:varStoreRef.current},React.createElement(LayoutVars,null),React.createElement(SlideVars,null),children)))}

package/build/esm/components/Layout/LayoutVars.d.ts

@@ -0,0 +1,18 @@
+import React from "react";
+import type { LayoutVarStore } from "./varStore";
+export declare const LayoutVarStoreProvider: React.Provider<LayoutVarStore>;
+/**
+ * Publish one layout CSS var. Call it from the component that owns the logic of
+ * *why* the value changes (e.g. the subnav: `compact ? 0 : height`). The value
+ * is registered on mount/update and removed on unmount, so the var only exists
+ * while its producer is mounted. An empty-string value is treated as unset (the
+ * var is removed) — lets a producer opt out without breaking hook order. No-op
+ * outside a `Layout.Provider`.
+ */
+export declare function useLayoutVar(name: string, value: string): void;
+/**
+ * The single sink: renders every registered layout var in ONE place. Today it
+ * targets `:root`; to scope the vars to a host element later, change only this
+ * component — producers are untouched.
+ */
+export declare function LayoutVars(): React.ReactElement;

package/build/esm/components/Layout/LayoutVars.js

@@ -0,0 +1 @@
+import React,{createContext,useContext,useEffect,useSyncExternalStore}from"react";import{Global}from"@emotion/react";let LayoutVarStoreContext=createContext(null);export const LayoutVarStoreProvider=LayoutVarStoreContext.Provider;let EMPTY_VARS={},NOOP_SUBSCRIBE=()=>()=>{};export function useLayoutVar(name,value){let store=useContext(LayoutVarStoreContext);useEffect(()=>{if(store)return""===value?void store.remove(name):(store.set(name,value),()=>store.remove(name))},[store,name,value])}export function LayoutVars(){let vars=function(){let store=useContext(LayoutVarStoreContext);return useSyncExternalStore(store?.subscribe??NOOP_SUBSCRIBE,store?store.getSnapshot:()=>EMPTY_VARS,()=>EMPTY_VARS)}();return React.createElement(Global,{styles:[{":root":vars},"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvTGF5b3V0L0xheW91dFZhcnMudHN4Iiwic291cmNlcyI6WyJzcmMvY29tcG9uZW50cy9MYXlvdXQvTGF5b3V0VmFycy50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7XG4gIGNyZWF0ZUNvbnRleHQsXG4gIHVzZUNvbnRleHQsXG4gIHVzZUVmZmVjdCxcbiAgdXNlU3luY0V4dGVybmFsU3RvcmUsXG59IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHsgR2xvYmFsIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgdHlwZSB7IExheW91dFZhclN0b3JlIH0gZnJvbSBcIi4vdmFyU3RvcmVcIjtcblxuLyoqXG4gKiBDb250ZXh0IGNhcnJpZXMgdGhlIFZBUi1TVE9SRSBSRUZFUkVOQ0UgKHN0YWJsZSBmb3IgdGhlIHByb3ZpZGVyJ3MgbGlmZXRpbWUpLFxuICogbm90IHRoZSB2YWx1ZXMg4oCUIHNhbWUgYXBwcm9hY2ggYXMgdGhlIGxheW91dCBzdG9yZS4gUHJvZHVjZXJzIHB1Ymxpc2ggdGhyb3VnaFxuICogYHVzZUxheW91dFZhcmA7IHRoZSBgPExheW91dFZhcnM+YCBzaW5rIHJlYWRzIHRoZSB3aG9sZSBtYXAuXG4gKi9cbmNvbnN0IExheW91dFZhclN0b3JlQ29udGV4dCA9IGNyZWF0ZUNvbnRleHQ8TGF5b3V0VmFyU3RvcmUgfCBudWxsPihudWxsKTtcblxuZXhwb3J0IGNvbnN0IExheW91dFZhclN0b3JlUHJvdmlkZXIgPSBMYXlvdXRWYXJTdG9yZUNvbnRleHQuUHJvdmlkZXI7XG5cbi8vIFN0YWJsZSBmYWxsYmFja3Mgc28gdGhlIGhvb2tzIGJlbG93IGFyZSBzYWZlIHRvIGNhbGwgb3V0c2lkZSBhIHByb3ZpZGVyLlxuY29uc3QgRU1QVFlfVkFSUzogUmVjb3JkPHN0cmluZywgc3RyaW5nPiA9IHt9O1xuY29uc3QgTk9PUF9TVUJTQ1JJQkUgPSAoKTogKCgpID0+IHZvaWQpID0+ICgpID0+IHt9O1xuXG4vKipcbiAqIFB1Ymxpc2ggb25lIGxheW91dCBDU1MgdmFyLiBDYWxsIGl0IGZyb20gdGhlIGNvbXBvbmVudCB0aGF0IG93bnMgdGhlIGxvZ2ljIG9mXG4gKiAqd2h5KiB0aGUgdmFsdWUgY2hhbmdlcyAoZS5nLiB0aGUgc3VibmF2OiBgY29tcGFjdCA/IDAgOiBoZWlnaHRgKS4gVGhlIHZhbHVlXG4gKiBpcyByZWdpc3RlcmVkIG9uIG1vdW50L3VwZGF0ZSBhbmQgcmVtb3ZlZCBvbiB1bm1vdW50LCBzbyB0aGUgdmFyIG9ubHkgZXhpc3RzXG4gKiB3aGlsZSBpdHMgcHJvZHVjZXIgaXMgbW91bnRlZC4gQW4gZW1wdHktc3RyaW5nIHZhbHVlIGlzIHRyZWF0ZWQgYXMgdW5zZXQgKHRoZVxuICogdmFyIGlzIHJlbW92ZWQpIOKAlCBsZXRzIGEgcHJvZHVjZXIgb3B0IG91dCB3aXRob3V0IGJyZWFraW5nIGhvb2sgb3JkZXIuIE5vLW9wXG4gKiBvdXRzaWRlIGEgYExheW91dC5Qcm92aWRlcmAuXG4gKi9cbmV4cG9ydCBmdW5jdGlvbiB1c2VMYXlvdXRWYXIobmFtZTogc3RyaW5nLCB2YWx1ZTogc3RyaW5nKTogdm9pZCB7XG4gIGNvbnN0IHN0b3JlID0gdXNlQ29udGV4dChMYXlvdXRWYXJTdG9yZUNvbnRleHQpO1xuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmICghc3RvcmUpIHJldHVybiB1bmRlZmluZWQ7XG4gICAgaWYgKHZhbHVlID09PSBcIlwiKSB7XG4gICAgICBzdG9yZS5yZW1vdmUobmFtZSk7XG4gICAgICByZXR1cm4gdW5kZWZpbmVkO1xuICAgIH1cbiAgICBzdG9yZS5zZXQobmFtZSwgdmFsdWUpO1xuICAgIHJldHVybiAoKSA9PiBzdG9yZS5yZW1vdmUobmFtZSk7XG4gIH0sIFtzdG9yZSwgbmFtZSwgdmFsdWVdKTtcbn1cblxuZnVuY3Rpb24gdXNlTGF5b3V0VmFycygpOiBSZWNvcmQ8c3RyaW5nLCBzdHJpbmc+IHtcbiAgY29uc3Qgc3RvcmUgPSB1c2VDb250ZXh0KExheW91dFZhclN0b3JlQ29udGV4dCk7XG4gIHJldHVybiB1c2VTeW5jRXh0ZXJuYWxTdG9yZShcbiAgICBzdG9yZT8uc3Vic2NyaWJlID8/IE5PT1BfU1VCU0NSSUJFLFxuICAgIHN0b3JlID8gc3RvcmUuZ2V0U25hcHNob3QgOiAoKSA9PiBFTVBUWV9WQVJTLFxuICAgICgpID0+IEVNUFRZX1ZBUlNcbiAgKTtcbn1cblxuLyoqXG4gKiBUaGUgc2luZ2xlIHNpbms6IHJlbmRlcnMgZXZlcnkgcmVnaXN0ZXJlZCBsYXlvdXQgdmFyIGluIE9ORSBwbGFjZS4gVG9kYXkgaXRcbiAqIHRhcmdldHMgYDpyb290YDsgdG8gc2NvcGUgdGhlIHZhcnMgdG8gYSBob3N0IGVsZW1lbnQgbGF0ZXIsIGNoYW5nZSBvbmx5IHRoaXNcbiAqIGNvbXBvbmVudCDigJQgcHJvZHVjZXJzIGFyZSB1bnRvdWNoZWQuXG4gKi9cbmV4cG9ydCBmdW5jdGlvbiBMYXlvdXRWYXJzKCk6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIGNvbnN0IHZhcnMgPSB1c2VMYXlvdXRWYXJzKCk7XG4gIHJldHVybiA8R2xvYmFsIHN0eWxlcz17eyBcIjpyb290XCI6IHZhcnMgfX0gLz47XG59XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkRVIn0= */"]})}

package/build/esm/components/Layout/RightPanel.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import type { RightPanelProps } from "./-types";
+/**
+ * Right side panel. Declares the `rightPanel` slot and portals its content into
+ * the Group's host while visible. Renders in-flow (a resizable column) — the
+ * offcanvas overlay / mobile sheet is deferred. Content is wrapped in a slot
+ * that tracks the `--ds-layout-subnav-offset` var.
+ */
+export declare const RightPanel: React.FC<RightPanelProps>;

package/build/esm/components/Layout/RightPanel.js

@@ -0,0 +1 @@
+import React from"react";import styled from"@emotion/styled";import{SLIDE_VAR,Slot,SUBNAV_OFFSET_VAR}from"./-constants";import{useDeclarePanel,useLayoutPortal,useVisibleChange}from"./registry";import{useLayout}from"./useLayout";import{RightPanelContainer}from"./RightPanelContainer";let StyledRightPanelSlot=styled("div",{target:"e1jmp3pg0",label:"StyledRightPanelSlot"})({position:"absolute",left:0,right:0,bottom:0,top:`var(${SUBNAV_OFFSET_VAR}, 0px)`,overflow:"hidden",transition:`top var(${SLIDE_VAR.duration}) var(${SLIDE_VAR.easing})`},"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvTGF5b3V0L1JpZ2h0UGFuZWwudHN4Iiwic291cmNlcyI6WyJzcmMvY29tcG9uZW50cy9MYXlvdXQvUmlnaHRQYW5lbC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBTTElERV9WQVIsIFNsb3QsIFNVQk5BVl9PRkZTRVRfVkFSIH0gZnJvbSBcIi4vLWNvbnN0YW50c1wiO1xuaW1wb3J0IHsgdXNlRGVjbGFyZVBhbmVsLCB1c2VMYXlvdXRQb3J0YWwsIHVzZVZpc2libGVDaGFuZ2UgfSBmcm9tIFwiLi9yZWdpc3RyeVwiO1xuaW1wb3J0IHsgdXNlTGF5b3V0IH0gZnJvbSBcIi4vdXNlTGF5b3V0XCI7XG5pbXBvcnQgeyBSaWdodFBhbmVsQ29udGFpbmVyIH0gZnJvbSBcIi4vUmlnaHRQYW5lbENvbnRhaW5lclwiO1xuaW1wb3J0IHR5cGUgeyBSaWdodFBhbmVsUHJvcHMgfSBmcm9tIFwiLi8tdHlwZXNcIjtcblxuLy8gQnVpbHQtaW4gc2xvdDogb2Zmc2V0cyB0aGUgcGFuZWwgY29udGVudCBieSB0aGUgc3VibmF2LW9mZnNldCB2YXIgKDAgd2hlblxuLy8gdW5zZXQpLCB0cmFuc2l0aW9uZWQgd2l0aCB0aGUgc2hhcmVkIHNsaWRlIHZhcnMg4oCUIHNvIHRoZSByaWdodCBwYW5lbCB0cmFja3MgYVxuLy8gc3RpY2t5IHN1Ym5hdiB3aXRoIG5vIHdpcmluZyBvbiB0aGUgY29uc3VtZXIncyBzaWRlLlxuY29uc3QgU3R5bGVkUmlnaHRQYW5lbFNsb3QgPSBzdHlsZWQuZGl2KHtcbiAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgbGVmdDogMCxcbiAgcmlnaHQ6IDAsXG4gIGJvdHRvbTogMCxcbiAgdG9wOiBgdmFyKCR7U1VCTkFWX09GRlNFVF9WQVJ9LCAwcHgpYCxcbiAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gIHRyYW5zaXRpb246IGB0b3AgdmFyKCR7U0xJREVfVkFSLmR1cmF0aW9ufSkgdmFyKCR7U0xJREVfVkFSLmVhc2luZ30pYCxcbn0pO1xuXG4vKipcbiAqIFJpZ2h0IHNpZGUgcGFuZWwuIERlY2xhcmVzIHRoZSBgcmlnaHRQYW5lbGAgc2xvdCBhbmQgcG9ydGFscyBpdHMgY29udGVudCBpbnRvXG4gKiB0aGUgR3JvdXAncyBob3N0IHdoaWxlIHZpc2libGUuIFJlbmRlcnMgaW4tZmxvdyAoYSByZXNpemFibGUgY29sdW1uKSDigJQgdGhlXG4gKiBvZmZjYW52YXMgb3ZlcmxheSAvIG1vYmlsZSBzaGVldCBpcyBkZWZlcnJlZC4gQ29udGVudCBpcyB3cmFwcGVkIGluIGEgc2xvdFxuICogdGhhdCB0cmFja3MgdGhlIGAtLWRzLWxheW91dC1zdWJuYXYtb2Zmc2V0YCB2YXIuXG4gKi9cbmV4cG9ydCBjb25zdCBSaWdodFBhbmVsOiBSZWFjdC5GQzxSaWdodFBhbmVsUHJvcHM+ID0gKHtcbiAgY2hpbGRyZW4sXG4gIGRlZmF1bHRTaXplID0gMzc4LFxuICBtaW5TaXplID0gMzI4LFxuICBtYXhTaXplID0gXCIzMCVcIixcbiAgY29sbGFwc2libGUgPSBmYWxzZSxcbiAgb25WaXNpYmxlQ2hhbmdlLFxuICB0aXRsZSxcbiAgb25DbG9zZSxcbiAgc2xvdFByb3BzLFxuICBzY3JvbGxDb250YWluZXJSZWYsXG4gIG9uU2Nyb2xsLFxufSkgPT4ge1xuICBjb25zdCB7IGlzVmlzaWJsZSwgaGlkZSB9ID0gdXNlTGF5b3V0KClbU2xvdC5yaWdodFBhbmVsXTtcbiAgdXNlRGVjbGFyZVBhbmVsKFNsb3QucmlnaHRQYW5lbCwge1xuICAgIGRlZmF1bHRTaXplLFxuICAgIG1pblNpemUsXG4gICAgbWF4U2l6ZSxcbiAgICBjb2xsYXBzaWJsZSxcbiAgfSk7XG4gIHVzZVZpc2libGVDaGFuZ2UoaXNWaXNpYmxlLCBvblZpc2libGVDaGFuZ2UpO1xuICBjb25zdCBoYW5kbGVDbG9zZSA9ICgpOiB2b2lkID0+IHtcbiAgICBoaWRlKCk7XG4gICAgb25DbG9zZT8uKCk7XG4gIH07XG4gIHJldHVybiB1c2VMYXlvdXRQb3J0YWwoXG4gICAgU2xvdC5yaWdodFBhbmVsLFxuICAgIGlzVmlzaWJsZSA/IChcbiAgICAgIDxTdHlsZWRSaWdodFBhbmVsU2xvdD5cbiAgICAgICAgPFJpZ2h0UGFuZWxDb250YWluZXJcbiAgICAgICAgICB0aXRsZT17dGl0bGV9XG4gICAgICAgICAgb25DbG9zZT17aGFuZGxlQ2xvc2V9XG4gICAgICAgICAgc2xvdFByb3BzPXtzbG90UHJvcHN9XG4gICAgICAgICAgc2Nyb2xsQ29udGFpbmVyUmVmPXtzY3JvbGxDb250YWluZXJSZWZ9XG4gICAgICAgICAgb25TY3JvbGw9e29uU2Nyb2xsfVxuICAgICAgICA+XG4gICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICA8L1JpZ2h0UGFuZWxDb250YWluZXI+XG4gICAgICA8L1N0eWxlZFJpZ2h0UGFuZWxTbG90PlxuICAgICkgOiBudWxsXG4gICk7XG59O1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVc2QiJ9 */");export const RightPanel=({children,defaultSize=378,minSize=328,maxSize="30%",collapsible=!1,onVisibleChange,title,onClose,slotProps,scrollContainerRef,onScroll})=>{let{isVisible,hide}=useLayout()[Slot.rightPanel];return useDeclarePanel(Slot.rightPanel,{defaultSize,minSize,maxSize,collapsible}),useVisibleChange(isVisible,onVisibleChange),useLayoutPortal(Slot.rightPanel,isVisible?React.createElement(StyledRightPanelSlot,null,React.createElement(RightPanelContainer,{title:title,onClose:()=>{hide(),onClose?.()},slotProps:slotProps,scrollContainerRef:scrollContainerRef,onScroll:onScroll},children)):null)};

package/build/esm/components/Layout/RightPanelContainer.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import type { RightPanelContainerProps } from "./-types";
+export declare function RightPanelContainer({ title, children, onClose, slotProps, scrollContainerRef, onScroll, "data-e2e-test-id": dataE2eTestId, }: RightPanelContainerProps): React.ReactElement;

package/build/esm/components/Layout/RightPanelContainer.js

@@ -0,0 +1 @@
+import React from"react";import styled from"@emotion/styled";import{Sandwich}from"../Internal/Sandwich/Sandwich";import{Icon}from"../Icon/Icon";import{H5}from"../Typography/Header/Header";import{Box}from"../Box/Box";import{Inline}from"../Inline/Inline";import{PictogramButton}from"../PictogramButton/PictogramButton";import{Divider}from"../Divider/Divider";import{Container}from"../Container/Container";let CustomContainer=styled(Container,{target:"e5j03vd0",label:"CustomContainer"})({height:"100%"},"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvTGF5b3V0L1JpZ2h0UGFuZWxDb250YWluZXIudHN4Iiwic291cmNlcyI6WyJzcmMvY29tcG9uZW50cy9MYXlvdXQvUmlnaHRQYW5lbENvbnRhaW5lci50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBTYW5kd2ljaCB9IGZyb20gXCIuLi9JbnRlcm5hbC9TYW5kd2ljaC9TYW5kd2ljaFwiO1xuaW1wb3J0IHsgSWNvbiB9IGZyb20gXCIuLi9JY29uL0ljb25cIjtcbmltcG9ydCB7IEg1IH0gZnJvbSBcIi4uL1R5cG9ncmFwaHkvSGVhZGVyL0hlYWRlclwiO1xuaW1wb3J0IHsgQm94IH0gZnJvbSBcIi4uL0JveC9Cb3hcIjtcbmltcG9ydCB7IElubGluZSB9IGZyb20gXCIuLi9JbmxpbmUvSW5saW5lXCI7XG5pbXBvcnQgeyBQaWN0b2dyYW1CdXR0b24gfSBmcm9tIFwiLi4vUGljdG9ncmFtQnV0dG9uL1BpY3RvZ3JhbUJ1dHRvblwiO1xuaW1wb3J0IHsgRGl2aWRlciB9IGZyb20gXCIuLi9EaXZpZGVyL0RpdmlkZXJcIjtcbmltcG9ydCB7IENvbnRhaW5lciB9IGZyb20gXCIuLi9Db250YWluZXIvQ29udGFpbmVyXCI7XG5pbXBvcnQgdHlwZSB7IFJpZ2h0UGFuZWxDb250YWluZXJQcm9wcyB9IGZyb20gXCIuLy10eXBlc1wiO1xuXG5jb25zdCBDdXN0b21Db250YWluZXIgPSBzdHlsZWQoQ29udGFpbmVyKSh7XG4gIGhlaWdodDogXCIxMDAlXCIsXG59KTtcblxuZXhwb3J0IGZ1bmN0aW9uIFJpZ2h0UGFuZWxDb250YWluZXIoe1xuICB0aXRsZSxcbiAgY2hpbGRyZW4sXG4gIG9uQ2xvc2UsXG4gIHNsb3RQcm9wcyxcbiAgc2Nyb2xsQ29udGFpbmVyUmVmLFxuICBvblNjcm9sbCxcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IGRhdGFFMmVUZXN0SWQsXG59OiBSaWdodFBhbmVsQ29udGFpbmVyUHJvcHMpOiBSZWFjdC5SZWFjdEVsZW1lbnQge1xuICBjb25zdCB7IGlzVmlzaWJsZTogaXNUaXRsZVZpc2libGUgPSB0cnVlIH0gPSB0aXRsZTtcbiAgcmV0dXJuIChcbiAgICA8Q3VzdG9tQ29udGFpbmVyXG4gICAgICBlbGV2YXRpb249ezB9XG4gICAgICBzcXVhcmVDb3JuZXJzXG4gICAgICBkYXRhLWRzLWlkPVwiUmlnaHRQYW5lbENvbnRhaW5lclwiXG4gICAgICBkYXRhLWUyZS10ZXN0LWlkPXtkYXRhRTJlVGVzdElkfVxuICAgID5cbiAgICAgIDxTYW5kd2ljaCByb2xlPVwicmVnaW9uXCIgYXJpYS1sYWJlbD17dGl0bGUubGFiZWx9PlxuICAgICAgICA8U2FuZHdpY2guSGVhZGVyIHNob3dTZXBhcmF0b3I9XCJhbHdheXNcIj5cbiAgICAgICAgICA8Qm94IHNwYWNlPVwic1wiIHZTcGFjZT1cInhzXCI+XG4gICAgICAgICAgICA8SW5saW5lXG4gICAgICAgICAgICAgIGFsaWduSXRlbXM9XCJzcGFjZUJldHdlZW5cIlxuICAgICAgICAgICAgICB2QWxpZ25JdGVtcz1cImNlbnRlclwiXG4gICAgICAgICAgICAgIG5vV3JhcFxuICAgICAgICAgICAgICBmdWxsV2lkdGhcbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgPElubGluZSBzcGFjZT1cInhzXCIgdkFsaWduSXRlbXM9XCJjZW50ZXJcIiBub1dyYXA+XG4gICAgICAgICAgICAgICAge3Nsb3RQcm9wcy5oZWFkZXI/LmxlZnRTbG90fVxuICAgICAgICAgICAgICAgIHtpc1RpdGxlVmlzaWJsZSAmJiAoXG4gICAgICAgICAgICAgICAgICA8SW5saW5lIHNwYWNlPVwieHNcIiB2QWxpZ25JdGVtcz1cImNlbnRlclwiIG5vV3JhcD5cbiAgICAgICAgICAgICAgICAgICAge3RpdGxlLmljb24gJiYgPEljb24gey4uLnRpdGxlLmljb259IC8+fVxuICAgICAgICAgICAgICAgICAgICA8SDU+e3RpdGxlLmxhYmVsfTwvSDU+XG4gICAgICAgICAgICAgICAgICA8L0lubGluZT5cbiAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICA8L0lubGluZT5cbiAgICAgICAgICAgICAgPElubGluZSBzcGFjZT1cInh4c1wiIHZBbGlnbkl0ZW1zPVwiY2VudGVyXCIgbm9XcmFwPlxuICAgICAgICAgICAgICAgIHtzbG90UHJvcHMuaGVhZGVyPy5yaWdodFNsb3R9XG4gICAgICAgICAgICAgICAgey8qIGRpdmlkZXIgc2VwYXJhdGluZyBjb25zdW1lciBoZWFkZXIgYWN0aW9ucyBmcm9tIHRoZSBjbG9zZSBidXR0b24gKi99XG4gICAgICAgICAgICAgICAge3Nsb3RQcm9wcy5oZWFkZXI/LnJpZ2h0U2xvdCAmJiAoXG4gICAgICAgICAgICAgICAgICA8RGl2aWRlciBvcmllbnRhdGlvbj1cInZlcnRpY2FsXCIgLz5cbiAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICAgIDxQaWN0b2dyYW1CdXR0b25cbiAgICAgICAgICAgICAgICAgIGljb249XCJ4XCJcbiAgICAgICAgICAgICAgICAgIHNpemU9XCJzXCJcbiAgICAgICAgICAgICAgICAgIHZhcmlhbnQ9XCJ0ZXJ0aWFyeVwiXG4gICAgICAgICAgICAgICAgICBhcmlhLWxhYmVsPXtzbG90UHJvcHMuY2xvc2VCdXR0b25bXCJhcmlhLWxhYmVsXCJdfVxuICAgICAgICAgICAgICAgICAgb25DbGljaz17KCkgPT4gb25DbG9zZT8uKCl9XG4gICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgPC9JbmxpbmU+XG4gICAgICAgICAgICA8L0lubGluZT5cbiAgICAgICAgICA8L0JveD5cbiAgICAgICAgPC9TYW5kd2ljaC5IZWFkZXI+XG4gICAgICAgIDxTYW5kd2ljaC5Cb2R5IHNjcm9sbFJlZj17c2Nyb2xsQ29udGFpbmVyUmVmfSBvblNjcm9sbD17b25TY3JvbGx9PlxuICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgPC9TYW5kd2ljaC5Cb2R5PlxuICAgICAgICB7c2xvdFByb3BzLmZvb3RlciAmJiAoXG4gICAgICAgICAgPFNhbmR3aWNoLkZvb3RlciBzaG93U2VwYXJhdG9yPVwibmV2ZXJcIj5cbiAgICAgICAgICAgIHtzbG90UHJvcHMuZm9vdGVyfVxuICAgICAgICAgIDwvU2FuZHdpY2guRm9vdGVyPlxuICAgICAgICApfVxuICAgICAgPC9TYW5kd2ljaD5cbiAgICA8L0N1c3RvbUNvbnRhaW5lcj5cbiAgKTtcbn1cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFZd0IifQ== */");export function RightPanelContainer({title,children,onClose,slotProps,scrollContainerRef,onScroll,"data-e2e-test-id":dataE2eTestId}){let{isVisible:isTitleVisible=!0}=title;return React.createElement(CustomContainer,{elevation:0,squareCorners:!0,"data-ds-id":"RightPanelContainer","data-e2e-test-id":dataE2eTestId},React.createElement(Sandwich,{role:"region","aria-label":title.label},React.createElement(Sandwich.Header,{showSeparator:"always"},React.createElement(Box,{space:"s",vSpace:"xs"},React.createElement(Inline,{alignItems:"spaceBetween",vAlignItems:"center",noWrap:!0,fullWidth:!0},React.createElement(Inline,{space:"xs",vAlignItems:"center",noWrap:!0},slotProps.header?.leftSlot,isTitleVisible&&React.createElement(Inline,{space:"xs",vAlignItems:"center",noWrap:!0},title.icon&&React.createElement(Icon,title.icon),React.createElement(H5,null,title.label))),React.createElement(Inline,{space:"xxs",vAlignItems:"center",noWrap:!0},slotProps.header?.rightSlot,slotProps.header?.rightSlot&&React.createElement(Divider,{orientation:"vertical"}),React.createElement(PictogramButton,{icon:"x",size:"s",variant:"tertiary","aria-label":slotProps.closeButton["aria-label"],onClick:()=>onClose?.()}))))),React.createElement(Sandwich.Body,{scrollRef:scrollContainerRef,onScroll:onScroll},children),slotProps.footer&&React.createElement(Sandwich.Footer,{showSeparator:"never"},slotProps.footer)))}

package/build/esm/components/Layout/Sidebar.d.ts

@@ -0,0 +1,8 @@
+import type React from "react";
+import type { SidePanelProps } from "./-types";
+/**
+ * Left side panel. Declares the `sidebar` slot and portals its content into the
+ * Group's host while visible. Renders in-flow (a resizable column) — the
+ * offcanvas overlay / mobile sheet is deferred.
+ */
+export declare const Sidebar: React.FC<SidePanelProps>;

package/build/esm/components/Layout/Sidebar.js

@@ -0,0 +1 @@
+import{Slot}from"./-constants";import{useDeclarePanel,useLayoutPortal,useVisibleChange}from"./registry";import{useLayout}from"./useLayout";export const Sidebar=({children,defaultSize,minSize,maxSize,collapsible=!0,onVisibleChange})=>{let{isVisible}=useLayout()[Slot.sidebar];return useDeclarePanel(Slot.sidebar,{defaultSize,minSize,maxSize,collapsible}),useVisibleChange(isVisible,onVisibleChange),useLayoutPortal(Slot.sidebar,isVisible?children:null)};

package/build/esm/components/Layout/Split.d.ts

@@ -0,0 +1,7 @@
+import type React from "react";
+import type { SplitProps } from "./-types";
+/**
+ * Split view panel. Declares the `splitview` slot and portals its content while
+ * visible — a toggleable in-flow column beside `content`.
+ */
+export declare const Split: React.FC<SplitProps>;

package/build/esm/components/Layout/Split.js

@@ -0,0 +1 @@
+import{Slot}from"./-constants";import{useDeclarePanel,useLayoutPortal}from"./registry";import{useLayout}from"./useLayout";export const Split=({children,defaultSize,minSize,maxSize})=>{let{isVisible}=useLayout()[Slot.splitview];return useDeclarePanel(Slot.splitview,{defaultSize,minSize,maxSize,collapsible:!0}),useLayoutPortal(Slot.splitview,isVisible?children:null)};

package/build/esm/components/Layout/context.d.ts

@@ -0,0 +1,22 @@
+import type { LayoutState, LayoutStorage, LayoutStore } from "./-types";
+export declare const LayoutStoreProvider: React.Provider<LayoutStore>;
+/** Get the store from context, or throw if used outside the provider. */
+export declare function useLayoutStore(): LayoutStore;
+/**
+ * Persistence config for the layout namespace. Set on `Layout.Provider` (single
+ * external surface) and read by the nested `<Layout>`. The Provider only
+ * forwards it — it never touches storage itself.
+ */
+export type LayoutPersistence = {
+    persistenceKey?: string;
+    storage?: LayoutStorage;
+};
+export declare const LayoutPersistenceProvider: React.Provider<LayoutPersistence>;
+/** Persistence config from the nearest `Layout.Provider` (empty if none). */
+export declare function useLayoutPersistence(): LayoutPersistence;
+/**
+ * Subscribe to a slice of layout state via `useSyncExternalStore`. The selector
+ * should return a stable reference when nothing relevant changed — the reducer
+ * preserves references for untouched positions, so slice selectors are safe.
+ */
+export declare function useLayoutSelector<T>(selector: (state: LayoutState) => T): T;

package/build/esm/components/Layout/context.js

@@ -0,0 +1 @@
+import{createContext,useContext,useSyncExternalStore}from"react";let LayoutStoreContext=createContext(null);export const LayoutStoreProvider=LayoutStoreContext.Provider;export function useLayoutStore(){let store=useContext(LayoutStoreContext);if(!store)throw Error("useLayout must be used within a <LayoutProvider>.");return store}let LayoutPersistenceContext=createContext({});export const LayoutPersistenceProvider=LayoutPersistenceContext.Provider;export function useLayoutPersistence(){return useContext(LayoutPersistenceContext)}export function useLayoutSelector(selector){let store=useLayoutStore(),getSnapshot=()=>selector(store.getState());return useSyncExternalStore(store.subscribe,getSnapshot,getSnapshot)}

package/build/esm/components/Layout/index.d.ts

@@ -0,0 +1,9 @@
+export { SLIDE_VAR, SUBNAV_OFFSET_VAR } from "./-constants";
+export { Layout } from "./Layout";
+export { LayoutProvider } from "./LayoutProvider";
+export { useLayoutVar } from "./LayoutVars";
+export { useLayout } from "./useLayout";
+export { RightPanelContainer } from "./RightPanelContainer";
+export { createLayoutStore } from "./store";
+export { createInitialState, layoutReducer } from "./reducer";
+export * from "./-types";

package/build/esm/components/Layout/index.js

@@ -0,0 +1 @@
+export{SLIDE_VAR,SUBNAV_OFFSET_VAR}from"./-constants";export{Layout}from"./Layout";export{LayoutProvider}from"./LayoutProvider";export{useLayoutVar}from"./LayoutVars";export{useLayout}from"./useLayout";export{RightPanelContainer}from"./RightPanelContainer";export{createLayoutStore}from"./store";export{createInitialState,layoutReducer}from"./reducer";export*from"./-types";

package/build/esm/components/Layout/reducer.d.ts

@@ -0,0 +1,5 @@
+import type { LayoutConfig, LayoutReducer, LayoutState } from "./-types";
+/** Build the initial state from optional config. */
+export declare function createInitialState(config?: LayoutConfig): LayoutState;
+/** Pure reducer. Returns the same reference when nothing changes. */
+export declare const layoutReducer: LayoutReducer;

package/build/esm/components/Layout/reducer.js

@@ -0,0 +1 @@
+function sidePanel(config={}){return{kind:"sidePanel",visible:config.defaultVisible??!0,collapsible:config.collapsible??!0,variant:config.variant??"sidebar",size:config.defaultSize,minSize:config.minSize,maxSize:config.maxSize}}function panelState(config={}){return{kind:"panel",visible:config.defaultVisible??!0,size:config.defaultSize,minSize:config.minSize,maxSize:config.maxSize}}export function createInitialState(config={}){return{sidebar:sidePanel(config.sidebar),rightPanel:sidePanel({defaultVisible:!1,...config.rightPanel}),content:panelState(config.content),splitview:panelState({defaultVisible:!1,...config.splitview})}}export const layoutReducer=(state,action,initial)=>{switch(action.type){case"setVisible":{let slot=state[action.slot];if(slot.visible===action.visible)return state;return{...state,[action.slot]:{...slot,visible:action.visible}}}case"setVariant":{let panel=state[action.panel];if(panel.variant===action.variant)return state;return{...state,[action.panel]:{...panel,variant:action.variant}}}case"resize":{let slot=state[action.slot];if(slot.size===action.size)return state;return{...state,[action.slot]:{...slot,size:action.size}}}case"reset":if(!initial)return state;if(!action.slot)return initial;if(state[action.slot]===initial[action.slot])return state;return{...state,[action.slot]:initial[action.slot]};default:return state}};

package/build/esm/components/Layout/registry.d.ts

@@ -0,0 +1,31 @@
+import { type ReactNode } from "react";
+import type { Size, SlotKey } from "./-types";
+export type HostNodes = Partial<Record<SlotKey, HTMLElement | null>>;
+export declare const LayoutPortalContext: React.Context<Partial<Record<"content" | "sidebar" | "splitview" | "rightPanel", HTMLElement>>>;
+/**
+ * Portal `children` into the host DOM node registered for `slot`. Returns the
+ * portal (or `null` if the host isn't mounted yet). Call unconditionally —
+ * gate content by passing `null` as `children`, not by skipping the call.
+ */
+export declare function useLayoutPortal(slot: SlotKey, children: ReactNode): ReactNode;
+/**
+ * Panel descriptor a marker contributes. The Group renders one resizable Panel
+ * per *declared* panel that is currently shown — regardless of nesting depth.
+ * So a page can drop `<Layout.Split>` deep in its tree and it joins the app's
+ * single Layout as a panel; toggling a panel never remounts the others.
+ */
+export type PanelReg = {
+    defaultSize?: Size;
+    minSize?: Size;
+    maxSize?: Size;
+    collapsible?: boolean;
+};
+export type PanelRegistry = {
+    register: (slot: SlotKey, reg: PanelReg) => void;
+    unregister: (slot: SlotKey) => void;
+};
+export declare const PanelRegistryContext: React.Context<PanelRegistry>;
+/** Register this slot as a panel for the marker's lifetime. */
+export declare function useDeclarePanel(slot: SlotKey, reg: PanelReg): void;
+/** Fire `onChange(visible)` when `visible` transitions (not on initial mount). */
+export declare function useVisibleChange(visible: boolean, onChange?: (visible: boolean) => void): void;

package/build/esm/components/Layout/registry.js

@@ -0,0 +1 @@
+import{createContext,useContext,useEffect,useLayoutEffect,useRef}from"react";import{createPortal}from"react-dom";export const LayoutPortalContext=createContext({});export function useLayoutPortal(slot,children){let slotNode=useContext(LayoutPortalContext)[slot]??null;return slotNode?createPortal(children,slotNode):null}export const PanelRegistryContext=createContext(null);export function useDeclarePanel(slot,reg){let registry=useContext(PanelRegistryContext),{defaultSize,minSize,maxSize,collapsible}=reg;useLayoutEffect(()=>{if(registry)return registry.register(slot,{defaultSize,minSize,maxSize,collapsible}),()=>registry.unregister(slot)},[registry,slot,defaultSize,minSize,maxSize,collapsible])}export function useVisibleChange(visible,onChange){let prev=useRef(visible);useEffect(()=>{prev.current!==visible&&(prev.current=visible,onChange?.(visible))},[visible,onChange])}

package/build/esm/components/Layout/store.d.ts

@@ -0,0 +1,10 @@
+import type { LayoutState, LayoutStore } from "./-types";
+/**
+ * Default, dependency-free `LayoutStore` implementation: a tiny pub/sub wrapper
+ * around the pure `layoutReducer`. Skips notifying subscribers when an action is
+ * a no-op (reducer returns the same reference).
+ *
+ * Swap this for a zustand/redux-backed store by implementing the same
+ * `LayoutStore` interface — bindings and primitives are unaffected.
+ */
+export declare function createLayoutStore(initial: LayoutState): LayoutStore;

package/build/esm/components/Layout/store.js

@@ -0,0 +1 @@
+import{layoutReducer}from"./reducer";export function createLayoutStore(initial){let state=initial,listeners=new Set;return{getState:()=>state,dispatch:action=>{let next=layoutReducer(state,action,initial);next!==state&&(state=next,listeners.forEach(listener=>listener()))},subscribe:listener=>(listeners.add(listener),()=>{listeners.delete(listener)})}}

package/build/esm/components/Layout/useLayout.d.ts

@@ -0,0 +1,7 @@
+import type { LayoutValue } from "./-types";
+/**
+ * The single control hook. Returns `state` plus a typed handle per slot. Works
+ * from any descendant of `<LayoutProvider>` — remote control without prop
+ * drilling.
+ */
+export declare function useLayout(): LayoutValue;

package/build/esm/components/Layout/useLayout.js

@@ -0,0 +1 @@
+import{useLayoutSelector,useLayoutStore}from"./context";let selectAll=state=>state;function sidePanelHandle(panel,state,dispatch){let slot=state[panel];return{state:slot,isVisible:slot.visible,show:()=>dispatch({type:"setVisible",slot:panel,visible:!0}),hide:()=>dispatch({type:"setVisible",slot:panel,visible:!1}),resize:size=>dispatch({type:"resize",slot:panel,size}),setVariant:variant=>dispatch({type:"setVariant",panel,variant}),reset:()=>dispatch({type:"reset",slot:panel})}}function panelHandle(panel,state,dispatch){let slot=state[panel];return{state:slot,isVisible:slot.visible,show:()=>dispatch({type:"setVisible",slot:panel,visible:!0}),hide:()=>dispatch({type:"setVisible",slot:panel,visible:!1}),resize:size=>dispatch({type:"resize",slot:panel,size}),reset:()=>dispatch({type:"reset",slot:panel})}}export function useLayout(){let store=useLayoutStore(),state=useLayoutSelector(selectAll),{dispatch}=store;return{state,sidebar:sidePanelHandle("sidebar",state,dispatch),rightPanel:sidePanelHandle("rightPanel",state,dispatch),content:panelHandle("content",state,dispatch),splitview:panelHandle("splitview",state,dispatch)}}

package/build/esm/components/Layout/usePanelRefs.d.ts

@@ -0,0 +1,19 @@
+/**
+ * Track a set of DOM elements by key, with stable per-key ref callbacks.
+ *
+ * Given a fixed list of keys, returns `[elements, refs]`:
+ *  - `refs[key]` — a ref callback to attach to an element; captures it into
+ *    `elements[key]` (and clears it to `null` on unmount).
+ *  - `elements[key]` — the currently-attached element (undefined until set).
+ *
+ * The callbacks are **stable** across renders, so React invokes them only on
+ * mount/unmount — not detach/attach every render. (An inline `ref={el => …}`
+ * that calls setState would get a new identity each render and loop.)
+ *
+ * Agnostic utility — useful whenever something needs the live DOM node of a
+ * child: portal targets, measurement, focus management, etc.
+ */
+export declare function usePanelRefs<K extends string>(keys: readonly K[]): [
+    Partial<Record<K, HTMLElement | null>>,
+    Record<K, (el: HTMLElement | null) => void>
+];

package/build/esm/components/Layout/usePanelRefs.js

@@ -0,0 +1 @@
+import{useMemo,useState}from"react";export function usePanelRefs(keys){let[elements,setElements]=useState({});return[elements,useMemo(()=>{let map={};return keys.forEach(key=>{map[key]=el=>setElements(prev=>prev[key]===el?prev:{...prev,[key]:el})}),map},[keys])]}

package/build/esm/components/Layout/usePortalContainerRefs.d.ts

@@ -0,0 +1,20 @@
+/**
+ * Track portal-container DOM elements by key, with stable per-key ref callbacks.
+ * Used by `Layout` to capture each panel's host `<div>` (the `createPortal`
+ * container) so markers can portal their content into it.
+ *
+ * Given a fixed list of keys, returns `[elements, refs]`:
+ *  - `refs[key]` — a ref callback to attach to an element; captures it into
+ *    `elements[key]` (and clears it to `null` on unmount).
+ *  - `elements[key]` — the currently-attached element (undefined until set).
+ *
+ * The callbacks are **stable** across renders, so React invokes them only on
+ * mount/unmount — not detach/attach every render. (An inline `ref={el => …}`
+ * that calls setState would get a new identity each render and loop.)
+ *
+ * Generic over the key type, so it works for any fixed key set.
+ */
+export declare function usePortalContainerRefs<K extends string>(keys: readonly K[]): [
+    Partial<Record<K, HTMLElement | null>>,
+    Record<K, (el: HTMLElement | null) => void>
+];

package/build/esm/components/Layout/usePortalContainerRefs.js

@@ -0,0 +1 @@
+import{useMemo,useState}from"react";export function usePortalContainerRefs(keys){let[elements,setElements]=useState({});return[elements,useMemo(()=>{let map={};return keys.forEach(key=>{map[key]=el=>setElements(prev=>prev[key]===el?prev:{...prev,[key]:el})}),map},[keys])]}

package/build/esm/components/Layout/varStore.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Tiny pub/sub registry for the layout's CSS custom properties. Producers
+ * publish a value by name (the component that owns the *why* — e.g. the NavBar
+ * subnav publishing its offset); a single sink (`<LayoutVars>`) subscribes and
+ * renders them all in ONE place. Mirrors the `LayoutStore` shape so it reads
+ * via the same `useSyncExternalStore` pattern.
+ *
+ * One name = one producer. The registry is keyed by name, so a second writer to
+ * the same name last-wins; don't share a name across unrelated producers.
+ */
+export type LayoutVarStore = {
+    getSnapshot: () => Record<string, string>;
+    set: (name: string, value: string) => void;
+    remove: (name: string) => void;
+    subscribe: (listener: () => void) => () => void;
+};
+export declare function createLayoutVarStore(): LayoutVarStore;

package/build/esm/components/Layout/varStore.js

@@ -0,0 +1 @@
+export function createLayoutVarStore(){let vars={},listeners=new Set,notify=()=>listeners.forEach(listener=>listener());return{getSnapshot:()=>vars,set:(name,value)=>{vars[name]!==value&&(vars={...vars,[name]:value},notify())},remove:name=>{if(!(name in vars))return;let next={...vars};delete next[name],vars=next,notify()},subscribe:listener=>(listeners.add(listener),()=>{listeners.delete(listener)})}}

package/build/esm/components/Lightbox/Lightbox.d.ts

@@ -1,5 +1,5 @@
 import React, { type PropsWithChildren, type RefObject } from "react";
-import type { LightboxVerticalAlignment, MQ } from "src/types";
+import type { LightboxVerticalAlignment, MQ } from "../../types";
 import { type PortalProps } from "../Portal/Portal";
 export type LightboxProps = React.HTMLAttributes<HTMLDivElement> & {
     children?: React.ReactNode[] | React.ReactNode;

package/build/esm/components/NavBar/NavBarPrimaryNav.d.ts

@@ -1,12 +1,14 @@
 import React from "react";
+import type { MissingProps } from "../../types";
 type PrimaryNavContainerProps = {
     "data-e2e-test-id"?: string;
     children: React.ReactNode;
 };
 export declare function PrimaryNavContainer({ children, "data-e2e-test-id": dataE2eTestId, }: PrimaryNavContainerProps): React.ReactElement;
-export type PrimaryNavProps = {
+export type PrimaryNavProps = ({
     "aria-label": string;
+} | MissingProps<"Fix: A `<nav>` landmark needs an `aria-label` to tell it apart from other navigation regions.">) & {
     children: React.ReactNode;
 };
-export declare function PrimaryNav({ "aria-label": ariaLabel, children, }: PrimaryNavProps): React.ReactElement;
+export declare function PrimaryNav(props: PrimaryNavProps): React.ReactElement;
 export {};

package/build/esm/components/NavBar/NavBarPrimaryNav.js

@@ -1 +1 @@
-import React from"react";import styled from"@emotion/styled";import{SubThemeProvider}from"../SubThemeProvider/SubThemeProvider";import{Container}from"../Container/Container";import{NAV_BAR_Z_INDEX}from"./constants";import{useNavBarContext}from"./NavBarContext";let StyledPrimaryNav=styled("div",{target:"e13a1z8k0",label:"StyledPrimaryNav"})({position:"relative",zIndex:NAV_BAR_Z_INDEX.primary},"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvTmF2QmFyL05hdkJhclByaW1hcnlOYXYudHN4Iiwic291cmNlcyI6WyJzcmMvY29tcG9uZW50cy9OYXZCYXIvTmF2QmFyUHJpbWFyeU5hdi50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQge1xuICBTdWJUaGVtZVByb3ZpZGVyLFxuICB0eXBlIFN1YlRoZW1lUHJvdmlkZXJQcm9wcyxcbn0gZnJvbSBcIi4uL1N1YlRoZW1lUHJvdmlkZXIvU3ViVGhlbWVQcm92aWRlclwiO1xuaW1wb3J0IHsgQ29udGFpbmVyIH0gZnJvbSBcIi4uL0NvbnRhaW5lci9Db250YWluZXJcIjtcbmltcG9ydCB7IE5BVl9CQVJfWl9JTkRFWCB9IGZyb20gXCIuL2NvbnN0YW50c1wiO1xuaW1wb3J0IHsgdXNlTmF2QmFyQ29udGV4dCB9IGZyb20gXCIuL05hdkJhckNvbnRleHRcIjtcbmltcG9ydCB0eXBlIHsgTmF2QmFyTmFtZSB9IGZyb20gXCIuL3R5cGVzXCI7XG5cbnR5cGUgUHJpbWFyeU5hdkNvbnRhaW5lclByb3BzID0ge1xuICBcImRhdGEtZTJlLXRlc3QtaWRcIj86IHN0cmluZztcbiAgY2hpbGRyZW46IFJlYWN0LlJlYWN0Tm9kZTtcbn07XG5cbmNvbnN0IFN0eWxlZFByaW1hcnlOYXYgPSBzdHlsZWQuZGl2KHtcbiAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcbiAgekluZGV4OiBOQVZfQkFSX1pfSU5ERVgucHJpbWFyeSxcbn0pO1xuXG5jb25zdCBzdWJUaGVtZU1hcHBpbmc6IFJlY29yZDxOYXZCYXJOYW1lLCBTdWJUaGVtZVByb3ZpZGVyUHJvcHNbXCJuYW1lXCJdPiA9IHtcbiAgbGVhcm5pbmc6IFwiYnJhbmRcIixcbiAgdGVhY2hpbmc6IFwiZGltbWVkXCIsXG4gIGNsaW5pY2FsQ2FyZTogXCJ1bnNldFwiLFxuICB1bnNldDogXCJ1bnNldFwiLFxufTtcblxuZXhwb3J0IGZ1bmN0aW9uIFByaW1hcnlOYXZDb250YWluZXIoe1xuICBjaGlsZHJlbixcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IGRhdGFFMmVUZXN0SWQsXG59OiBQcmltYXJ5TmF2Q29udGFpbmVyUHJvcHMpOiBSZWFjdC5SZWFjdEVsZW1lbnQge1xuICBjb25zdCB7IHN1YlRoZW1lIH0gPSB1c2VOYXZCYXJDb250ZXh0KCk7XG5cbiAgcmV0dXJuIChcbiAgICA8U3ViVGhlbWVQcm92aWRlclxuICAgICAgbmFtZT17c3ViVGhlbWVNYXBwaW5nW3N1YlRoZW1lXX1cbiAgICAgIGRhdGEtZTJlLXRlc3QtaWQ9e2RhdGFFMmVUZXN0SWR9XG4gICAgPlxuICAgICAgPFN0eWxlZFByaW1hcnlOYXY+XG4gICAgICAgIDxDb250YWluZXIgc3F1YXJlQ29ybmVycyBlbGV2YXRpb249ezB9PlxuICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgPC9Db250YWluZXI+XG4gICAgICA8L1N0eWxlZFByaW1hcnlOYXY+XG4gICAgPC9TdWJUaGVtZVByb3ZpZGVyPlxuICApO1xufVxuXG5leHBvcnQgdHlwZSBQcmltYXJ5TmF2UHJvcHMgPSB7XG4gIFwiYXJpYS1sYWJlbFwiOiBzdHJpbmc7XG4gIGNoaWxkcmVuOiBSZWFjdC5SZWFjdE5vZGU7XG59O1xuXG5leHBvcnQgZnVuY3Rpb24gUHJpbWFyeU5hdih7XG4gIFwiYXJpYS1sYWJlbFwiOiBhcmlhTGFiZWwsXG4gIGNoaWxkcmVuLFxufTogUHJpbWFyeU5hdlByb3BzKTogUmVhY3QuUmVhY3RFbGVtZW50IHtcbiAgY29uc3QgeyBwcmltYXJ5TmF2UmVmIH0gPSB1c2VOYXZCYXJDb250ZXh0KCk7XG5cbiAgcmV0dXJuIChcbiAgICA8bmF2IHJlZj17cHJpbWFyeU5hdlJlZn0gYXJpYS1sYWJlbD17YXJpYUxhYmVsfT5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L25hdj5cbiAgKTtcbn1cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnQnlCIn0= */"),subThemeMapping={learning:"brand",teaching:"dimmed",clinicalCare:"unset",unset:"unset"};export function PrimaryNavContainer({children,"data-e2e-test-id":dataE2eTestId}){let{subTheme}=useNavBarContext();return React.createElement(SubThemeProvider,{name:subThemeMapping[subTheme],"data-e2e-test-id":dataE2eTestId},React.createElement(StyledPrimaryNav,null,React.createElement(Container,{squareCorners:!0,elevation:0},children)))}export function PrimaryNav({"aria-label":ariaLabel,children}){let{primaryNavRef}=useNavBarContext();return React.createElement("nav",{ref:primaryNavRef,"aria-label":ariaLabel},children)}
+import React from"react";import styled from"@emotion/styled";import{SubThemeProvider}from"../SubThemeProvider/SubThemeProvider";import{Container}from"../Container/Container";import{NAV_BAR_Z_INDEX}from"./constants";import{useNavBarContext}from"./NavBarContext";import{asValidProps}from"../../types";let StyledPrimaryNav=styled("div",{target:"eovjctl0",label:"StyledPrimaryNav"})({position:"relative",zIndex:NAV_BAR_Z_INDEX.primary},"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvTmF2QmFyL05hdkJhclByaW1hcnlOYXYudHN4Iiwic291cmNlcyI6WyJzcmMvY29tcG9uZW50cy9OYXZCYXIvTmF2QmFyUHJpbWFyeU5hdi50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQge1xuICBTdWJUaGVtZVByb3ZpZGVyLFxuICB0eXBlIFN1YlRoZW1lUHJvdmlkZXJQcm9wcyxcbn0gZnJvbSBcIi4uL1N1YlRoZW1lUHJvdmlkZXIvU3ViVGhlbWVQcm92aWRlclwiO1xuaW1wb3J0IHsgQ29udGFpbmVyIH0gZnJvbSBcIi4uL0NvbnRhaW5lci9Db250YWluZXJcIjtcbmltcG9ydCB7IE5BVl9CQVJfWl9JTkRFWCB9IGZyb20gXCIuL2NvbnN0YW50c1wiO1xuaW1wb3J0IHsgdXNlTmF2QmFyQ29udGV4dCB9IGZyb20gXCIuL05hdkJhckNvbnRleHRcIjtcbmltcG9ydCB0eXBlIHsgTmF2QmFyTmFtZSB9IGZyb20gXCIuL3R5cGVzXCI7XG5pbXBvcnQgdHlwZSB7IE1pc3NpbmdQcm9wcyB9IGZyb20gXCIuLi8uLi90eXBlc1wiO1xuaW1wb3J0IHsgYXNWYWxpZFByb3BzIH0gZnJvbSBcIi4uLy4uL3R5cGVzXCI7XG5cbnR5cGUgUHJpbWFyeU5hdkNvbnRhaW5lclByb3BzID0ge1xuICBcImRhdGEtZTJlLXRlc3QtaWRcIj86IHN0cmluZztcbiAgY2hpbGRyZW46IFJlYWN0LlJlYWN0Tm9kZTtcbn07XG5cbmNvbnN0IFN0eWxlZFByaW1hcnlOYXYgPSBzdHlsZWQuZGl2KHtcbiAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcbiAgekluZGV4OiBOQVZfQkFSX1pfSU5ERVgucHJpbWFyeSxcbn0pO1xuXG5jb25zdCBzdWJUaGVtZU1hcHBpbmc6IFJlY29yZDxOYXZCYXJOYW1lLCBTdWJUaGVtZVByb3ZpZGVyUHJvcHNbXCJuYW1lXCJdPiA9IHtcbiAgbGVhcm5pbmc6IFwiYnJhbmRcIixcbiAgdGVhY2hpbmc6IFwiZGltbWVkXCIsXG4gIGNsaW5pY2FsQ2FyZTogXCJ1bnNldFwiLFxuICB1bnNldDogXCJ1bnNldFwiLFxufTtcblxuZXhwb3J0IGZ1bmN0aW9uIFByaW1hcnlOYXZDb250YWluZXIoe1xuICBjaGlsZHJlbixcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IGRhdGFFMmVUZXN0SWQsXG59OiBQcmltYXJ5TmF2Q29udGFpbmVyUHJvcHMpOiBSZWFjdC5SZWFjdEVsZW1lbnQge1xuICBjb25zdCB7IHN1YlRoZW1lIH0gPSB1c2VOYXZCYXJDb250ZXh0KCk7XG5cbiAgcmV0dXJuIChcbiAgICA8U3ViVGhlbWVQcm92aWRlclxuICAgICAgbmFtZT17c3ViVGhlbWVNYXBwaW5nW3N1YlRoZW1lXX1cbiAgICAgIGRhdGEtZTJlLXRlc3QtaWQ9e2RhdGFFMmVUZXN0SWR9XG4gICAgPlxuICAgICAgPFN0eWxlZFByaW1hcnlOYXY+XG4gICAgICAgIDxDb250YWluZXIgc3F1YXJlQ29ybmVycyBlbGV2YXRpb249ezB9PlxuICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgPC9Db250YWluZXI+XG4gICAgICA8L1N0eWxlZFByaW1hcnlOYXY+XG4gICAgPC9TdWJUaGVtZVByb3ZpZGVyPlxuICApO1xufVxuXG5leHBvcnQgdHlwZSBQcmltYXJ5TmF2UHJvcHMgPSAoXG4gIHwgeyBcImFyaWEtbGFiZWxcIjogc3RyaW5nIH1cbiAgfCBNaXNzaW5nUHJvcHM8XCJGaXg6IEEgYDxuYXY+YCBsYW5kbWFyayBuZWVkcyBhbiBgYXJpYS1sYWJlbGAgdG8gdGVsbCBpdCBhcGFydCBmcm9tIG90aGVyIG5hdmlnYXRpb24gcmVnaW9ucy5cIj5cbikgJiB7XG4gIGNoaWxkcmVuOiBSZWFjdC5SZWFjdE5vZGU7XG59O1xuXG5leHBvcnQgZnVuY3Rpb24gUHJpbWFyeU5hdihwcm9wczogUHJpbWFyeU5hdlByb3BzKTogUmVhY3QuUmVhY3RFbGVtZW50IHtcbiAgLy8gYGNoaWxkcmVuYCBzaXRzIG9uIHRoZSBwbGFpbiBzaWRlIG9mIHRoZSBpbnRlcnNlY3Rpb24sIHNvIGl0IHJlYWRzIHN0cmFpZ2h0XG4gIC8vIG9mZiBgcHJvcHNgLiBPbmx5IGBhcmlhLWxhYmVsYCBsaXZlcyBiZWhpbmQgdGhlIGJyYW5kZWQtZXJyb3IgdW5pb24sIHNvIHdlXG4gIC8vIHN0cmlwIHRoYXQgYnJhbmNoIGJlZm9yZSByZWFkaW5nIGl0LlxuICBjb25zdCB7IGNoaWxkcmVuIH0gPSBwcm9wcztcbiAgY29uc3QgeyBcImFyaWEtbGFiZWxcIjogYXJpYUxhYmVsIH0gPSBhc1ZhbGlkUHJvcHMocHJvcHMpO1xuICBjb25zdCB7IHByaW1hcnlOYXZSZWYgfSA9IHVzZU5hdkJhckNvbnRleHQoKTtcblxuICByZXR1cm4gKFxuICAgIDxuYXYgcmVmPXtwcmltYXJ5TmF2UmVmfSBhcmlhLWxhYmVsPXthcmlhTGFiZWx9PlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvbmF2PlxuICApO1xufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtCeUIifQ== */"),subThemeMapping={learning:"brand",teaching:"dimmed",clinicalCare:"unset",unset:"unset"};export function PrimaryNavContainer({children,"data-e2e-test-id":dataE2eTestId}){let{subTheme}=useNavBarContext();return React.createElement(SubThemeProvider,{name:subThemeMapping[subTheme],"data-e2e-test-id":dataE2eTestId},React.createElement(StyledPrimaryNav,null,React.createElement(Container,{squareCorners:!0,elevation:0},children)))}export function PrimaryNav(props){let{children}=props,{"aria-label":ariaLabel}=asValidProps(props),{primaryNavRef}=useNavBarContext();return React.createElement("nav",{ref:primaryNavRef,"aria-label":ariaLabel},children)}

package/build/esm/components/NavBar/NavBarSearchInput.d.ts

@@ -1,5 +1,4 @@
 import React from "react";
-import type { ConditionalPictogramButtonAccessibleName } from "../PictogramButton/PictogramButton";
 export type NavBarSearchInputProps = {
     onClick?: (e: React.MouseEvent) => void;
     onFocus?: (e: React.FocusEvent) => void;
@@ -9,7 +8,9 @@ export type NavBarSearchInputProps = {
     placeholder?: string;
     hotkeyLabel?: string;
     slotProps: {
-        clearButton: ConditionalPictogramButtonAccessibleName;
+        clearButton: {
+            "aria-label": string;
+        };
     };
 };
 export declare const NavBarSearchInput: React.ForwardRefExoticComponent<NavBarSearchInputProps & React.RefAttributes<HTMLButtonElement>>;

package/build/esm/components/NavBar/NavBarSearchInput.js

@@ -1 +1 @@
-import React,{forwardRef}from"react";import styled from"@emotion/styled";import{getInputTextStyles}from"../../shared/mixins";import{Inline}from"../Inline/Inline";import{InteractiveBox}from"../InteractiveBox/InteractiveBox";import{NAV_BAR_Z_INDEX}from"./constants";import{HotkeyLabel}from"../Internal/HotkeyLabel/HotkeyLabel";import{TextClamped}from"../Typography/TextClamped/TextClamped";import{PictogramButton}from"../PictogramButton/PictogramButton";import{Box}from"../Box/Box";import{useBreakpoints}from"../../shared/useBreakpoints";let StyledFakeInput=styled("div",{target:"eixx5ik0",label:"StyledFakeInput"})(({theme})=>({...getInputTextStyles({theme,size:"s"}),borderWidth:0,flexGrow:1,width:"100%",position:"relative",zIndex:NAV_BAR_Z_INDEX.overlayContent,padding:theme.variables.size.spacing.zero,backgroundColor:theme.values.color.searchInput.background.default,lineHeight:"normal",display:"flex",alignItems:"center",justifyContent:"space-between",flexWrap:"nowrap"}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvTmF2QmFyL05hdkJhclNlYXJjaElucHV0LnRzeCIsInNvdXJjZXMiOlsic3JjL2NvbXBvbmVudHMvTmF2QmFyL05hdkJhclNlYXJjaElucHV0LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSByZWFjdC9qc3gtcHJvcHMtbm8tc3ByZWFkaW5nICovXG5pbXBvcnQgUmVhY3QsIHsgZm9yd2FyZFJlZiB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBnZXRJbnB1dFRleHRTdHlsZXMgfSBmcm9tIFwiLi4vLi4vc2hhcmVkL21peGluc1wiO1xuaW1wb3J0IHsgSW5saW5lIH0gZnJvbSBcIi4uL0lubGluZS9JbmxpbmVcIjtcbmltcG9ydCB7IEludGVyYWN0aXZlQm94IH0gZnJvbSBcIi4uL0ludGVyYWN0aXZlQm94L0ludGVyYWN0aXZlQm94XCI7XG5pbXBvcnQgeyBOQVZfQkFSX1pfSU5ERVggfSBmcm9tIFwiLi9jb25zdGFudHNcIjtcbmltcG9ydCB7IEhvdGtleUxhYmVsIH0gZnJvbSBcIi4uL0ludGVybmFsL0hvdGtleUxhYmVsL0hvdGtleUxhYmVsXCI7XG5pbXBvcnQgeyBUZXh0Q2xhbXBlZCB9IGZyb20gXCIuLi9UeXBvZ3JhcGh5L1RleHRDbGFtcGVkL1RleHRDbGFtcGVkXCI7XG5pbXBvcnQgdHlwZSB7IENvbmRpdGlvbmFsUGljdG9ncmFtQnV0dG9uQWNjZXNzaWJsZU5hbWUgfSBmcm9tIFwiLi4vUGljdG9ncmFtQnV0dG9uL1BpY3RvZ3JhbUJ1dHRvblwiO1xuaW1wb3J0IHsgUGljdG9ncmFtQnV0dG9uIH0gZnJvbSBcIi4uL1BpY3RvZ3JhbUJ1dHRvbi9QaWN0b2dyYW1CdXR0b25cIjtcbmltcG9ydCB7IEJveCB9IGZyb20gXCIuLi9Cb3gvQm94XCI7XG5pbXBvcnQgeyB1c2VCcmVha3BvaW50cyB9IGZyb20gXCIuLi8uLi9zaGFyZWQvdXNlQnJlYWtwb2ludHNcIjtcblxuY29uc3QgU3R5bGVkRmFrZUlucHV0ID0gc3R5bGVkKFwiZGl2XCIpKCh7IHRoZW1lIH0pID0+ICh7XG4gIC4uLmdldElucHV0VGV4dFN0eWxlcyh7XG4gICAgdGhlbWUsXG4gICAgc2l6ZTogXCJzXCIsXG4gIH0pLFxuICBib3JkZXJXaWR0aDogMCxcbiAgZmxleEdyb3c6IDEsXG4gIHdpZHRoOiBcIjEwMCVcIixcbiAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcbiAgekluZGV4OiBOQVZfQkFSX1pfSU5ERVgub3ZlcmxheUNvbnRlbnQsXG4gIHBhZGRpbmc6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcuemVybyxcbiAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3Iuc2VhcmNoSW5wdXQuYmFja2dyb3VuZC5kZWZhdWx0LFxuICBsaW5lSGVpZ2h0OiBcIm5vcm1hbFwiLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAganVzdGlmeUNvbnRlbnQ6IFwic3BhY2UtYmV0d2VlblwiLFxuICBmbGV4V3JhcDogXCJub3dyYXBcIixcbn0pKTtcblxuY29uc3QgSXRhbGljVGV4dENsYW1wZWQgPSBzdHlsZWQoVGV4dENsYW1wZWQpKCgpID0+ICh7XG4gIGZvbnRTdHlsZTogXCJpdGFsaWNcIixcbn0pKTtcblxuZXhwb3J0IHR5cGUgTmF2QmFyU2VhcmNoSW5wdXRQcm9wcyA9IHtcbiAgb25DbGljaz86IChlOiBSZWFjdC5Nb3VzZUV2ZW50KSA9PiB2b2lkO1xuICBvbkZvY3VzPzogKGU6IFJlYWN0LkZvY3VzRXZlbnQpID0+IHZvaWQ7XG4gIG9uQmx1cj86IChlOiBSZWFjdC5Gb2N1c0V2ZW50KSA9PiB2b2lkO1xuICBvbkNsZWFyPzogKGU6IFJlYWN0Lk1vdXNlRXZlbnQpID0+IHZvaWQ7XG4gIHZhbHVlPzogc3RyaW5nO1xuICBwbGFjZWhvbGRlcj86IHN0cmluZztcbiAgaG90a2V5TGFiZWw/OiBzdHJpbmc7XG4gIHNsb3RQcm9wczoge1xuICAgIGNsZWFyQnV0dG9uOiBDb25kaXRpb25hbFBpY3RvZ3JhbUJ1dHRvbkFjY2Vzc2libGVOYW1lO1xuICB9O1xufTtcblxuZXhwb3J0IGNvbnN0IE5hdkJhclNlYXJjaElucHV0ID0gZm9yd2FyZFJlZihcbiAgKFxuICAgIHtcbiAgICAgIG9uQmx1cixcbiAgICAgIG9uQ2xpY2ssXG4gICAgICBvbkZvY3VzLFxuICAgICAgcGxhY2Vob2xkZXIsXG4gICAgICB2YWx1ZSxcbiAgICAgIG9uQ2xlYXIsXG4gICAgICBob3RrZXlMYWJlbCxcbiAgICAgIHNsb3RQcm9wcyxcbiAgICAgIC4uLmFyaWFBdHRyaWJ1dGVzXG4gICAgfTogTmF2QmFyU2VhcmNoSW5wdXRQcm9wcyxcbiAgICByZWY6IFJlYWN0LlJlZjxIVE1MQnV0dG9uRWxlbWVudD5cbiAgKTogUmVhY3QuUmVhY3RFbGVtZW50ID0+IHtcbiAgICBjb25zdCBoYXNQbGFjZWhvbGRlciA9ICF2YWx1ZSAmJiAhIXBsYWNlaG9sZGVyO1xuICAgIGNvbnN0IHsgaXNEZXNrdG9wIH0gPSB1c2VCcmVha3BvaW50cygpO1xuXG4gICAgcmV0dXJuIChcbiAgICAgIDxTdHlsZWRGYWtlSW5wdXQ+XG4gICAgICAgIDxJbnRlcmFjdGl2ZUJveFxuICAgICAgICAgIHJlZj17cmVmfVxuICAgICAgICAgIG9uQ2xpY2s9e29uQ2xpY2t9XG4gICAgICAgICAgb25Gb2N1cz17b25Gb2N1c31cbiAgICAgICAgICBvbkJsdXI9e29uQmx1cn1cbiAgICAgICAgICBsU3BhY2U9XCJzXCJcbiAgICAgICAgICByU3BhY2U9XCJ4c1wiXG4gICAgICAgICAgdlNwYWNlPXtpc0Rlc2t0b3AgPyBcInh4c1wiIDogXCJ4c1wifVxuICAgICAgICAgIGZ1bGxXaWR0aFxuICAgICAgICAgIHsuLi5hcmlhQXR0cmlidXRlc31cbiAgICAgICAgPlxuICAgICAgICAgIDxJbmxpbmVcbiAgICAgICAgICAgIHZBbGlnbkl0ZW1zPVwiY2VudGVyXCJcbiAgICAgICAgICAgIGFsaWduSXRlbXM9XCJzcGFjZUJldHdlZW5cIlxuICAgICAgICAgICAgc3BhY2U9XCJ4eHNcIlxuICAgICAgICAgICAgbm9XcmFwXG4gICAgICAgICAgICBmdWxsV2lkdGhcbiAgICAgICAgICA+XG4gICAgICAgICAgICA8SW5saW5lIHZBbGlnbkl0ZW1zPVwiY2VudGVyXCIgYWxpZ25JdGVtcz1cImNlbnRlclwiIHNwYWNlPVwieHhzXCIgbm9XcmFwPlxuICAgICAgICAgICAgICB7dmFsdWUgJiYgKFxuICAgICAgICAgICAgICAgIDxUZXh0Q2xhbXBlZCBjb2xvcj1cInByaW1hcnlcIiBzaXplPVwibVwiIGFzPVwic3BhblwiPlxuICAgICAgICAgICAgICAgICAge3ZhbHVlfVxuICAgICAgICAgICAgICAgIDwvVGV4dENsYW1wZWQ+XG4gICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgIHtoYXNQbGFjZWhvbGRlciAmJiAoXG4gICAgICAgICAgICAgICAgPEl0YWxpY1RleHRDbGFtcGVkIHNpemU9XCJtXCIgYXM9XCJzcGFuXCIgY29sb3I9XCJ0ZXJ0aWFyeVwiPlxuICAgICAgICAgICAgICAgICAge3BsYWNlaG9sZGVyfVxuICAgICAgICAgICAgICAgIDwvSXRhbGljVGV4dENsYW1wZWQ+XG4gICAgICAgICAgICAgICl9XG4gICAgICAgICAgICA8L0lubGluZT5cbiAgICAgICAgICAgIHtoYXNQbGFjZWhvbGRlciAmJiBob3RrZXlMYWJlbCAmJiAoXG4gICAgICAgICAgICAgIDxIb3RrZXlMYWJlbCBsYWJlbD17aG90a2V5TGFiZWx9IGNvbG9yPVwidGVydGlhcnlcIiAvPlxuICAgICAgICAgICAgKX1cbiAgICAgICAgICA8L0lubGluZT5cbiAgICAgICAgPC9JbnRlcmFjdGl2ZUJveD5cbiAgICAgICAge3ZhbHVlICYmIChcbiAgICAgICAgICA8Qm94IHNwYWNlPVwieHhzXCIgdlNwYWNlPVwieHh4c1wiPlxuICAgICAgICAgICAgPFBpY3RvZ3JhbUJ1dHRvblxuICAgICAgICAgICAgICBpY29uPVwieFwiXG4gICAgICAgICAgICAgIHNpemU9XCJ4c1wiXG4gICAgICAgICAgICAgIGNvbG9yPVwicXVhdGVybmFyeVwiXG4gICAgICAgICAgICAgIG9uQ2xpY2s9e29uQ2xlYXJ9XG4gICAgICAgICAgICAgIHsuLi5zbG90UHJvcHMuY2xlYXJCdXR0b259XG4gICAgICAgICAgICAvPlxuICAgICAgICAgIDwvQm94PlxuICAgICAgICApfVxuICAgICAgPC9TdHlsZWRGYWtlSW5wdXQ+XG4gICAgKTtcbiAgfVxuKTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFjd0IifQ== */"),ItalicTextClamped=styled(TextClamped,{target:"eixx5ik1",label:"ItalicTextClamped"})(()=>({fontStyle:"italic"}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvTmF2QmFyL05hdkJhclNlYXJjaElucHV0LnRzeCIsInNvdXJjZXMiOlsic3JjL2NvbXBvbmVudHMvTmF2QmFyL05hdkJhclNlYXJjaElucHV0LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSByZWFjdC9qc3gtcHJvcHMtbm8tc3ByZWFkaW5nICovXG5pbXBvcnQgUmVhY3QsIHsgZm9yd2FyZFJlZiB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBnZXRJbnB1dFRleHRTdHlsZXMgfSBmcm9tIFwiLi4vLi4vc2hhcmVkL21peGluc1wiO1xuaW1wb3J0IHsgSW5saW5lIH0gZnJvbSBcIi4uL0lubGluZS9JbmxpbmVcIjtcbmltcG9ydCB7IEludGVyYWN0aXZlQm94IH0gZnJvbSBcIi4uL0ludGVyYWN0aXZlQm94L0ludGVyYWN0aXZlQm94XCI7XG5pbXBvcnQgeyBOQVZfQkFSX1pfSU5ERVggfSBmcm9tIFwiLi9jb25zdGFudHNcIjtcbmltcG9ydCB7IEhvdGtleUxhYmVsIH0gZnJvbSBcIi4uL0ludGVybmFsL0hvdGtleUxhYmVsL0hvdGtleUxhYmVsXCI7XG5pbXBvcnQgeyBUZXh0Q2xhbXBlZCB9IGZyb20gXCIuLi9UeXBvZ3JhcGh5L1RleHRDbGFtcGVkL1RleHRDbGFtcGVkXCI7XG5pbXBvcnQgdHlwZSB7IENvbmRpdGlvbmFsUGljdG9ncmFtQnV0dG9uQWNjZXNzaWJsZU5hbWUgfSBmcm9tIFwiLi4vUGljdG9ncmFtQnV0dG9uL1BpY3RvZ3JhbUJ1dHRvblwiO1xuaW1wb3J0IHsgUGljdG9ncmFtQnV0dG9uIH0gZnJvbSBcIi4uL1BpY3RvZ3JhbUJ1dHRvbi9QaWN0b2dyYW1CdXR0b25cIjtcbmltcG9ydCB7IEJveCB9IGZyb20gXCIuLi9Cb3gvQm94XCI7XG5pbXBvcnQgeyB1c2VCcmVha3BvaW50cyB9IGZyb20gXCIuLi8uLi9zaGFyZWQvdXNlQnJlYWtwb2ludHNcIjtcblxuY29uc3QgU3R5bGVkRmFrZUlucHV0ID0gc3R5bGVkKFwiZGl2XCIpKCh7IHRoZW1lIH0pID0+ICh7XG4gIC4uLmdldElucHV0VGV4dFN0eWxlcyh7XG4gICAgdGhlbWUsXG4gICAgc2l6ZTogXCJzXCIsXG4gIH0pLFxuICBib3JkZXJXaWR0aDogMCxcbiAgZmxleEdyb3c6IDEsXG4gIHdpZHRoOiBcIjEwMCVcIixcbiAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcbiAgekluZGV4OiBOQVZfQkFSX1pfSU5ERVgub3ZlcmxheUNvbnRlbnQsXG4gIHBhZGRpbmc6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcuemVybyxcbiAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3Iuc2VhcmNoSW5wdXQuYmFja2dyb3VuZC5kZWZhdWx0LFxuICBsaW5lSGVpZ2h0OiBcIm5vcm1hbFwiLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAganVzdGlmeUNvbnRlbnQ6IFwic3BhY2UtYmV0d2VlblwiLFxuICBmbGV4V3JhcDogXCJub3dyYXBcIixcbn0pKTtcblxuY29uc3QgSXRhbGljVGV4dENsYW1wZWQgPSBzdHlsZWQoVGV4dENsYW1wZWQpKCgpID0+ICh7XG4gIGZvbnRTdHlsZTogXCJpdGFsaWNcIixcbn0pKTtcblxuZXhwb3J0IHR5cGUgTmF2QmFyU2VhcmNoSW5wdXRQcm9wcyA9IHtcbiAgb25DbGljaz86IChlOiBSZWFjdC5Nb3VzZUV2ZW50KSA9PiB2b2lkO1xuICBvbkZvY3VzPzogKGU6IFJlYWN0LkZvY3VzRXZlbnQpID0+IHZvaWQ7XG4gIG9uQmx1cj86IChlOiBSZWFjdC5Gb2N1c0V2ZW50KSA9PiB2b2lkO1xuICBvbkNsZWFyPzogKGU6IFJlYWN0Lk1vdXNlRXZlbnQpID0+IHZvaWQ7XG4gIHZhbHVlPzogc3RyaW5nO1xuICBwbGFjZWhvbGRlcj86IHN0cmluZztcbiAgaG90a2V5TGFiZWw/OiBzdHJpbmc7XG4gIHNsb3RQcm9wczoge1xuICAgIGNsZWFyQnV0dG9uOiBDb25kaXRpb25hbFBpY3RvZ3JhbUJ1dHRvbkFjY2Vzc2libGVOYW1lO1xuICB9O1xufTtcblxuZXhwb3J0IGNvbnN0IE5hdkJhclNlYXJjaElucHV0ID0gZm9yd2FyZFJlZihcbiAgKFxuICAgIHtcbiAgICAgIG9uQmx1cixcbiAgICAgIG9uQ2xpY2ssXG4gICAgICBvbkZvY3VzLFxuICAgICAgcGxhY2Vob2xkZXIsXG4gICAgICB2YWx1ZSxcbiAgICAgIG9uQ2xlYXIsXG4gICAgICBob3RrZXlMYWJlbCxcbiAgICAgIHNsb3RQcm9wcyxcbiAgICAgIC4uLmFyaWFBdHRyaWJ1dGVzXG4gICAgfTogTmF2QmFyU2VhcmNoSW5wdXRQcm9wcyxcbiAgICByZWY6IFJlYWN0LlJlZjxIVE1MQnV0dG9uRWxlbWVudD5cbiAgKTogUmVhY3QuUmVhY3RFbGVtZW50ID0+IHtcbiAgICBjb25zdCBoYXNQbGFjZWhvbGRlciA9ICF2YWx1ZSAmJiAhIXBsYWNlaG9sZGVyO1xuICAgIGNvbnN0IHsgaXNEZXNrdG9wIH0gPSB1c2VCcmVha3BvaW50cygpO1xuXG4gICAgcmV0dXJuIChcbiAgICAgIDxTdHlsZWRGYWtlSW5wdXQ+XG4gICAgICAgIDxJbnRlcmFjdGl2ZUJveFxuICAgICAgICAgIHJlZj17cmVmfVxuICAgICAgICAgIG9uQ2xpY2s9e29uQ2xpY2t9XG4gICAgICAgICAgb25Gb2N1cz17b25Gb2N1c31cbiAgICAgICAgICBvbkJsdXI9e29uQmx1cn1cbiAgICAgICAgICBsU3BhY2U9XCJzXCJcbiAgICAgICAgICByU3BhY2U9XCJ4c1wiXG4gICAgICAgICAgdlNwYWNlPXtpc0Rlc2t0b3AgPyBcInh4c1wiIDogXCJ4c1wifVxuICAgICAgICAgIGZ1bGxXaWR0aFxuICAgICAgICAgIHsuLi5hcmlhQXR0cmlidXRlc31cbiAgICAgICAgPlxuICAgICAgICAgIDxJbmxpbmVcbiAgICAgICAgICAgIHZBbGlnbkl0ZW1zPVwiY2VudGVyXCJcbiAgICAgICAgICAgIGFsaWduSXRlbXM9XCJzcGFjZUJldHdlZW5cIlxuICAgICAgICAgICAgc3BhY2U9XCJ4eHNcIlxuICAgICAgICAgICAgbm9XcmFwXG4gICAgICAgICAgICBmdWxsV2lkdGhcbiAgICAgICAgICA+XG4gICAgICAgICAgICA8SW5saW5lIHZBbGlnbkl0ZW1zPVwiY2VudGVyXCIgYWxpZ25JdGVtcz1cImNlbnRlclwiIHNwYWNlPVwieHhzXCIgbm9XcmFwPlxuICAgICAgICAgICAgICB7dmFsdWUgJiYgKFxuICAgICAgICAgICAgICAgIDxUZXh0Q2xhbXBlZCBjb2xvcj1cInByaW1hcnlcIiBzaXplPVwibVwiIGFzPVwic3BhblwiPlxuICAgICAgICAgICAgICAgICAge3ZhbHVlfVxuICAgICAgICAgICAgICAgIDwvVGV4dENsYW1wZWQ+XG4gICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgIHtoYXNQbGFjZWhvbGRlciAmJiAoXG4gICAgICAgICAgICAgICAgPEl0YWxpY1RleHRDbGFtcGVkIHNpemU9XCJtXCIgYXM9XCJzcGFuXCIgY29sb3I9XCJ0ZXJ0aWFyeVwiPlxuICAgICAgICAgICAgICAgICAge3BsYWNlaG9sZGVyfVxuICAgICAgICAgICAgICAgIDwvSXRhbGljVGV4dENsYW1wZWQ+XG4gICAgICAgICAgICAgICl9XG4gICAgICAgICAgICA8L0lubGluZT5cbiAgICAgICAgICAgIHtoYXNQbGFjZWhvbGRlciAmJiBob3RrZXlMYWJlbCAmJiAoXG4gICAgICAgICAgICAgIDxIb3RrZXlMYWJlbCBsYWJlbD17aG90a2V5TGFiZWx9IGNvbG9yPVwidGVydGlhcnlcIiAvPlxuICAgICAgICAgICAgKX1cbiAgICAgICAgICA8L0lubGluZT5cbiAgICAgICAgPC9JbnRlcmFjdGl2ZUJveD5cbiAgICAgICAge3ZhbHVlICYmIChcbiAgICAgICAgICA8Qm94IHNwYWNlPVwieHhzXCIgdlNwYWNlPVwieHh4c1wiPlxuICAgICAgICAgICAgPFBpY3RvZ3JhbUJ1dHRvblxuICAgICAgICAgICAgICBpY29uPVwieFwiXG4gICAgICAgICAgICAgIHNpemU9XCJ4c1wiXG4gICAgICAgICAgICAgIGNvbG9yPVwicXVhdGVybmFyeVwiXG4gICAgICAgICAgICAgIG9uQ2xpY2s9e29uQ2xlYXJ9XG4gICAgICAgICAgICAgIHsuLi5zbG90UHJvcHMuY2xlYXJCdXR0b259XG4gICAgICAgICAgICAvPlxuICAgICAgICAgIDwvQm94PlxuICAgICAgICApfVxuICAgICAgPC9TdHlsZWRGYWtlSW5wdXQ+XG4gICAgKTtcbiAgfVxuKTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpQzBCIn0= */");export const NavBarSearchInput=forwardRef(({onBlur,onClick,onFocus,placeholder,value,onClear,hotkeyLabel,slotProps,...ariaAttributes},ref)=>{let hasPlaceholder=!value&&!!placeholder,{isDesktop}=useBreakpoints();return React.createElement(StyledFakeInput,null,React.createElement(InteractiveBox,{ref:ref,onClick:onClick,onFocus:onFocus,onBlur:onBlur,lSpace:"s",rSpace:"xs",vSpace:isDesktop?"xxs":"xs",fullWidth:!0,...ariaAttributes},React.createElement(Inline,{vAlignItems:"center",alignItems:"spaceBetween",space:"xxs",noWrap:!0,fullWidth:!0},React.createElement(Inline,{vAlignItems:"center",alignItems:"center",space:"xxs",noWrap:!0},value&&React.createElement(TextClamped,{color:"primary",size:"m",as:"span"},value),hasPlaceholder&&React.createElement(ItalicTextClamped,{size:"m",as:"span",color:"tertiary"},placeholder)),hasPlaceholder&&hotkeyLabel&&React.createElement(HotkeyLabel,{label:hotkeyLabel,color:"tertiary"}))),value&&React.createElement(Box,{space:"xxs",vSpace:"xxxs"},React.createElement(PictogramButton,{icon:"x",size:"xs",color:"quaternary",onClick:onClear,...slotProps.clearButton})))});
+import React,{forwardRef}from"react";import styled from"@emotion/styled";import{getInputTextStyles}from"../../shared/mixins";import{Inline}from"../Inline/Inline";import{InteractiveBox}from"../InteractiveBox/InteractiveBox";import{NAV_BAR_Z_INDEX}from"./constants";import{HotkeyLabel}from"../Internal/HotkeyLabel/HotkeyLabel";import{TextClamped}from"../Typography/TextClamped/TextClamped";import{PictogramButton}from"../PictogramButton/PictogramButton";import{Box}from"../Box/Box";import{useBreakpoints}from"../../shared/useBreakpoints";let StyledFakeInput=styled("div",{target:"e213uw80",label:"StyledFakeInput"})(({theme})=>({...getInputTextStyles({theme,size:"s"}),borderWidth:0,flexGrow:1,width:"100%",position:"relative",zIndex:NAV_BAR_Z_INDEX.overlayContent,padding:theme.variables.size.spacing.zero,backgroundColor:theme.values.color.searchInput.background.default,lineHeight:"normal",display:"flex",alignItems:"center",justifyContent:"space-between",flexWrap:"nowrap"}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvTmF2QmFyL05hdkJhclNlYXJjaElucHV0LnRzeCIsInNvdXJjZXMiOlsic3JjL2NvbXBvbmVudHMvTmF2QmFyL05hdkJhclNlYXJjaElucHV0LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSByZWFjdC9qc3gtcHJvcHMtbm8tc3ByZWFkaW5nICovXG5pbXBvcnQgUmVhY3QsIHsgZm9yd2FyZFJlZiB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBnZXRJbnB1dFRleHRTdHlsZXMgfSBmcm9tIFwiLi4vLi4vc2hhcmVkL21peGluc1wiO1xuaW1wb3J0IHsgSW5saW5lIH0gZnJvbSBcIi4uL0lubGluZS9JbmxpbmVcIjtcbmltcG9ydCB7IEludGVyYWN0aXZlQm94IH0gZnJvbSBcIi4uL0ludGVyYWN0aXZlQm94L0ludGVyYWN0aXZlQm94XCI7XG5pbXBvcnQgeyBOQVZfQkFSX1pfSU5ERVggfSBmcm9tIFwiLi9jb25zdGFudHNcIjtcbmltcG9ydCB7IEhvdGtleUxhYmVsIH0gZnJvbSBcIi4uL0ludGVybmFsL0hvdGtleUxhYmVsL0hvdGtleUxhYmVsXCI7XG5pbXBvcnQgeyBUZXh0Q2xhbXBlZCB9IGZyb20gXCIuLi9UeXBvZ3JhcGh5L1RleHRDbGFtcGVkL1RleHRDbGFtcGVkXCI7XG5pbXBvcnQgeyBQaWN0b2dyYW1CdXR0b24gfSBmcm9tIFwiLi4vUGljdG9ncmFtQnV0dG9uL1BpY3RvZ3JhbUJ1dHRvblwiO1xuaW1wb3J0IHsgQm94IH0gZnJvbSBcIi4uL0JveC9Cb3hcIjtcbmltcG9ydCB7IHVzZUJyZWFrcG9pbnRzIH0gZnJvbSBcIi4uLy4uL3NoYXJlZC91c2VCcmVha3BvaW50c1wiO1xuXG5jb25zdCBTdHlsZWRGYWtlSW5wdXQgPSBzdHlsZWQoXCJkaXZcIikoKHsgdGhlbWUgfSkgPT4gKHtcbiAgLi4uZ2V0SW5wdXRUZXh0U3R5bGVzKHtcbiAgICB0aGVtZSxcbiAgICBzaXplOiBcInNcIixcbiAgfSksXG4gIGJvcmRlcldpZHRoOiAwLFxuICBmbGV4R3JvdzogMSxcbiAgd2lkdGg6IFwiMTAwJVwiLFxuICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLFxuICB6SW5kZXg6IE5BVl9CQVJfWl9JTkRFWC5vdmVybGF5Q29udGVudCxcbiAgcGFkZGluZzogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy56ZXJvLFxuICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5zZWFyY2hJbnB1dC5iYWNrZ3JvdW5kLmRlZmF1bHQsXG4gIGxpbmVIZWlnaHQ6IFwibm9ybWFsXCIsXG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICBqdXN0aWZ5Q29udGVudDogXCJzcGFjZS1iZXR3ZWVuXCIsXG4gIGZsZXhXcmFwOiBcIm5vd3JhcFwiLFxufSkpO1xuXG5jb25zdCBJdGFsaWNUZXh0Q2xhbXBlZCA9IHN0eWxlZChUZXh0Q2xhbXBlZCkoKCkgPT4gKHtcbiAgZm9udFN0eWxlOiBcIml0YWxpY1wiLFxufSkpO1xuXG5leHBvcnQgdHlwZSBOYXZCYXJTZWFyY2hJbnB1dFByb3BzID0ge1xuICBvbkNsaWNrPzogKGU6IFJlYWN0Lk1vdXNlRXZlbnQpID0+IHZvaWQ7XG4gIG9uRm9jdXM/OiAoZTogUmVhY3QuRm9jdXNFdmVudCkgPT4gdm9pZDtcbiAgb25CbHVyPzogKGU6IFJlYWN0LkZvY3VzRXZlbnQpID0+IHZvaWQ7XG4gIG9uQ2xlYXI/OiAoZTogUmVhY3QuTW91c2VFdmVudCkgPT4gdm9pZDtcbiAgdmFsdWU/OiBzdHJpbmc7XG4gIHBsYWNlaG9sZGVyPzogc3RyaW5nO1xuICBob3RrZXlMYWJlbD86IHN0cmluZztcbiAgc2xvdFByb3BzOiB7XG4gICAgY2xlYXJCdXR0b246IHsgXCJhcmlhLWxhYmVsXCI6IHN0cmluZyB9O1xuICB9O1xufTtcblxuZXhwb3J0IGNvbnN0IE5hdkJhclNlYXJjaElucHV0ID0gZm9yd2FyZFJlZihcbiAgKFxuICAgIHtcbiAgICAgIG9uQmx1cixcbiAgICAgIG9uQ2xpY2ssXG4gICAgICBvbkZvY3VzLFxuICAgICAgcGxhY2Vob2xkZXIsXG4gICAgICB2YWx1ZSxcbiAgICAgIG9uQ2xlYXIsXG4gICAgICBob3RrZXlMYWJlbCxcbiAgICAgIHNsb3RQcm9wcyxcbiAgICAgIC4uLmFyaWFBdHRyaWJ1dGVzXG4gICAgfTogTmF2QmFyU2VhcmNoSW5wdXRQcm9wcyxcbiAgICByZWY6IFJlYWN0LlJlZjxIVE1MQnV0dG9uRWxlbWVudD5cbiAgKTogUmVhY3QuUmVhY3RFbGVtZW50ID0+IHtcbiAgICBjb25zdCBoYXNQbGFjZWhvbGRlciA9ICF2YWx1ZSAmJiAhIXBsYWNlaG9sZGVyO1xuICAgIGNvbnN0IHsgaXNEZXNrdG9wIH0gPSB1c2VCcmVha3BvaW50cygpO1xuXG4gICAgcmV0dXJuIChcbiAgICAgIDxTdHlsZWRGYWtlSW5wdXQ+XG4gICAgICAgIDxJbnRlcmFjdGl2ZUJveFxuICAgICAgICAgIHJlZj17cmVmfVxuICAgICAgICAgIG9uQ2xpY2s9e29uQ2xpY2t9XG4gICAgICAgICAgb25Gb2N1cz17b25Gb2N1c31cbiAgICAgICAgICBvbkJsdXI9e29uQmx1cn1cbiAgICAgICAgICBsU3BhY2U9XCJzXCJcbiAgICAgICAgICByU3BhY2U9XCJ4c1wiXG4gICAgICAgICAgdlNwYWNlPXtpc0Rlc2t0b3AgPyBcInh4c1wiIDogXCJ4c1wifVxuICAgICAgICAgIGZ1bGxXaWR0aFxuICAgICAgICAgIHsuLi5hcmlhQXR0cmlidXRlc31cbiAgICAgICAgPlxuICAgICAgICAgIDxJbmxpbmVcbiAgICAgICAgICAgIHZBbGlnbkl0ZW1zPVwiY2VudGVyXCJcbiAgICAgICAgICAgIGFsaWduSXRlbXM9XCJzcGFjZUJldHdlZW5cIlxuICAgICAgICAgICAgc3BhY2U9XCJ4eHNcIlxuICAgICAgICAgICAgbm9XcmFwXG4gICAgICAgICAgICBmdWxsV2lkdGhcbiAgICAgICAgICA+XG4gICAgICAgICAgICA8SW5saW5lIHZBbGlnbkl0ZW1zPVwiY2VudGVyXCIgYWxpZ25JdGVtcz1cImNlbnRlclwiIHNwYWNlPVwieHhzXCIgbm9XcmFwPlxuICAgICAgICAgICAgICB7dmFsdWUgJiYgKFxuICAgICAgICAgICAgICAgIDxUZXh0Q2xhbXBlZCBjb2xvcj1cInByaW1hcnlcIiBzaXplPVwibVwiIGFzPVwic3BhblwiPlxuICAgICAgICAgICAgICAgICAge3ZhbHVlfVxuICAgICAgICAgICAgICAgIDwvVGV4dENsYW1wZWQ+XG4gICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgIHtoYXNQbGFjZWhvbGRlciAmJiAoXG4gICAgICAgICAgICAgICAgPEl0YWxpY1RleHRDbGFtcGVkIHNpemU9XCJtXCIgYXM9XCJzcGFuXCIgY29sb3I9XCJ0ZXJ0aWFyeVwiPlxuICAgICAgICAgICAgICAgICAge3BsYWNlaG9sZGVyfVxuICAgICAgICAgICAgICAgIDwvSXRhbGljVGV4dENsYW1wZWQ+XG4gICAgICAgICAgICAgICl9XG4gICAgICAgICAgICA8L0lubGluZT5cbiAgICAgICAgICAgIHtoYXNQbGFjZWhvbGRlciAmJiBob3RrZXlMYWJlbCAmJiAoXG4gICAgICAgICAgICAgIDxIb3RrZXlMYWJlbCBsYWJlbD17aG90a2V5TGFiZWx9IGNvbG9yPVwidGVydGlhcnlcIiAvPlxuICAgICAgICAgICAgKX1cbiAgICAgICAgICA8L0lubGluZT5cbiAgICAgICAgPC9JbnRlcmFjdGl2ZUJveD5cbiAgICAgICAge3ZhbHVlICYmIChcbiAgICAgICAgICA8Qm94IHNwYWNlPVwieHhzXCIgdlNwYWNlPVwieHh4c1wiPlxuICAgICAgICAgICAgPFBpY3RvZ3JhbUJ1dHRvblxuICAgICAgICAgICAgICBpY29uPVwieFwiXG4gICAgICAgICAgICAgIHNpemU9XCJ4c1wiXG4gICAgICAgICAgICAgIGNvbG9yPVwicXVhdGVybmFyeVwiXG4gICAgICAgICAgICAgIG9uQ2xpY2s9e29uQ2xlYXJ9XG4gICAgICAgICAgICAgIGFyaWEtbGFiZWw9e3Nsb3RQcm9wcy5jbGVhckJ1dHRvbltcImFyaWEtbGFiZWxcIl19XG4gICAgICAgICAgICAvPlxuICAgICAgICAgIDwvQm94PlxuICAgICAgICApfVxuICAgICAgPC9TdHlsZWRGYWtlSW5wdXQ+XG4gICAgKTtcbiAgfVxuKTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFhd0IifQ== */"),ItalicTextClamped=styled(TextClamped,{target:"e213uw81",label:"ItalicTextClamped"})(()=>({fontStyle:"italic"}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvTmF2QmFyL05hdkJhclNlYXJjaElucHV0LnRzeCIsInNvdXJjZXMiOlsic3JjL2NvbXBvbmVudHMvTmF2QmFyL05hdkJhclNlYXJjaElucHV0LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSByZWFjdC9qc3gtcHJvcHMtbm8tc3ByZWFkaW5nICovXG5pbXBvcnQgUmVhY3QsIHsgZm9yd2FyZFJlZiB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBnZXRJbnB1dFRleHRTdHlsZXMgfSBmcm9tIFwiLi4vLi4vc2hhcmVkL21peGluc1wiO1xuaW1wb3J0IHsgSW5saW5lIH0gZnJvbSBcIi4uL0lubGluZS9JbmxpbmVcIjtcbmltcG9ydCB7IEludGVyYWN0aXZlQm94IH0gZnJvbSBcIi4uL0ludGVyYWN0aXZlQm94L0ludGVyYWN0aXZlQm94XCI7XG5pbXBvcnQgeyBOQVZfQkFSX1pfSU5ERVggfSBmcm9tIFwiLi9jb25zdGFudHNcIjtcbmltcG9ydCB7IEhvdGtleUxhYmVsIH0gZnJvbSBcIi4uL0ludGVybmFsL0hvdGtleUxhYmVsL0hvdGtleUxhYmVsXCI7XG5pbXBvcnQgeyBUZXh0Q2xhbXBlZCB9IGZyb20gXCIuLi9UeXBvZ3JhcGh5L1RleHRDbGFtcGVkL1RleHRDbGFtcGVkXCI7XG5pbXBvcnQgeyBQaWN0b2dyYW1CdXR0b24gfSBmcm9tIFwiLi4vUGljdG9ncmFtQnV0dG9uL1BpY3RvZ3JhbUJ1dHRvblwiO1xuaW1wb3J0IHsgQm94IH0gZnJvbSBcIi4uL0JveC9Cb3hcIjtcbmltcG9ydCB7IHVzZUJyZWFrcG9pbnRzIH0gZnJvbSBcIi4uLy4uL3NoYXJlZC91c2VCcmVha3BvaW50c1wiO1xuXG5jb25zdCBTdHlsZWRGYWtlSW5wdXQgPSBzdHlsZWQoXCJkaXZcIikoKHsgdGhlbWUgfSkgPT4gKHtcbiAgLi4uZ2V0SW5wdXRUZXh0U3R5bGVzKHtcbiAgICB0aGVtZSxcbiAgICBzaXplOiBcInNcIixcbiAgfSksXG4gIGJvcmRlcldpZHRoOiAwLFxuICBmbGV4R3JvdzogMSxcbiAgd2lkdGg6IFwiMTAwJVwiLFxuICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLFxuICB6SW5kZXg6IE5BVl9CQVJfWl9JTkRFWC5vdmVybGF5Q29udGVudCxcbiAgcGFkZGluZzogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy56ZXJvLFxuICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5zZWFyY2hJbnB1dC5iYWNrZ3JvdW5kLmRlZmF1bHQsXG4gIGxpbmVIZWlnaHQ6IFwibm9ybWFsXCIsXG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICBqdXN0aWZ5Q29udGVudDogXCJzcGFjZS1iZXR3ZWVuXCIsXG4gIGZsZXhXcmFwOiBcIm5vd3JhcFwiLFxufSkpO1xuXG5jb25zdCBJdGFsaWNUZXh0Q2xhbXBlZCA9IHN0eWxlZChUZXh0Q2xhbXBlZCkoKCkgPT4gKHtcbiAgZm9udFN0eWxlOiBcIml0YWxpY1wiLFxufSkpO1xuXG5leHBvcnQgdHlwZSBOYXZCYXJTZWFyY2hJbnB1dFByb3BzID0ge1xuICBvbkNsaWNrPzogKGU6IFJlYWN0Lk1vdXNlRXZlbnQpID0+IHZvaWQ7XG4gIG9uRm9jdXM/OiAoZTogUmVhY3QuRm9jdXNFdmVudCkgPT4gdm9pZDtcbiAgb25CbHVyPzogKGU6IFJlYWN0LkZvY3VzRXZlbnQpID0+IHZvaWQ7XG4gIG9uQ2xlYXI/OiAoZTogUmVhY3QuTW91c2VFdmVudCkgPT4gdm9pZDtcbiAgdmFsdWU/OiBzdHJpbmc7XG4gIHBsYWNlaG9sZGVyPzogc3RyaW5nO1xuICBob3RrZXlMYWJlbD86IHN0cmluZztcbiAgc2xvdFByb3BzOiB7XG4gICAgY2xlYXJCdXR0b246IHsgXCJhcmlhLWxhYmVsXCI6IHN0cmluZyB9O1xuICB9O1xufTtcblxuZXhwb3J0IGNvbnN0IE5hdkJhclNlYXJjaElucHV0ID0gZm9yd2FyZFJlZihcbiAgKFxuICAgIHtcbiAgICAgIG9uQmx1cixcbiAgICAgIG9uQ2xpY2ssXG4gICAgICBvbkZvY3VzLFxuICAgICAgcGxhY2Vob2xkZXIsXG4gICAgICB2YWx1ZSxcbiAgICAgIG9uQ2xlYXIsXG4gICAgICBob3RrZXlMYWJlbCxcbiAgICAgIHNsb3RQcm9wcyxcbiAgICAgIC4uLmFyaWFBdHRyaWJ1dGVzXG4gICAgfTogTmF2QmFyU2VhcmNoSW5wdXRQcm9wcyxcbiAgICByZWY6IFJlYWN0LlJlZjxIVE1MQnV0dG9uRWxlbWVudD5cbiAgKTogUmVhY3QuUmVhY3RFbGVtZW50ID0+IHtcbiAgICBjb25zdCBoYXNQbGFjZWhvbGRlciA9ICF2YWx1ZSAmJiAhIXBsYWNlaG9sZGVyO1xuICAgIGNvbnN0IHsgaXNEZXNrdG9wIH0gPSB1c2VCcmVha3BvaW50cygpO1xuXG4gICAgcmV0dXJuIChcbiAgICAgIDxTdHlsZWRGYWtlSW5wdXQ+XG4gICAgICAgIDxJbnRlcmFjdGl2ZUJveFxuICAgICAgICAgIHJlZj17cmVmfVxuICAgICAgICAgIG9uQ2xpY2s9e29uQ2xpY2t9XG4gICAgICAgICAgb25Gb2N1cz17b25Gb2N1c31cbiAgICAgICAgICBvbkJsdXI9e29uQmx1cn1cbiAgICAgICAgICBsU3BhY2U9XCJzXCJcbiAgICAgICAgICByU3BhY2U9XCJ4c1wiXG4gICAgICAgICAgdlNwYWNlPXtpc0Rlc2t0b3AgPyBcInh4c1wiIDogXCJ4c1wifVxuICAgICAgICAgIGZ1bGxXaWR0aFxuICAgICAgICAgIHsuLi5hcmlhQXR0cmlidXRlc31cbiAgICAgICAgPlxuICAgICAgICAgIDxJbmxpbmVcbiAgICAgICAgICAgIHZBbGlnbkl0ZW1zPVwiY2VudGVyXCJcbiAgICAgICAgICAgIGFsaWduSXRlbXM9XCJzcGFjZUJldHdlZW5cIlxuICAgICAgICAgICAgc3BhY2U9XCJ4eHNcIlxuICAgICAgICAgICAgbm9XcmFwXG4gICAgICAgICAgICBmdWxsV2lkdGhcbiAgICAgICAgICA+XG4gICAgICAgICAgICA8SW5saW5lIHZBbGlnbkl0ZW1zPVwiY2VudGVyXCIgYWxpZ25JdGVtcz1cImNlbnRlclwiIHNwYWNlPVwieHhzXCIgbm9XcmFwPlxuICAgICAgICAgICAgICB7dmFsdWUgJiYgKFxuICAgICAgICAgICAgICAgIDxUZXh0Q2xhbXBlZCBjb2xvcj1cInByaW1hcnlcIiBzaXplPVwibVwiIGFzPVwic3BhblwiPlxuICAgICAgICAgICAgICAgICAge3ZhbHVlfVxuICAgICAgICAgICAgICAgIDwvVGV4dENsYW1wZWQ+XG4gICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgIHtoYXNQbGFjZWhvbGRlciAmJiAoXG4gICAgICAgICAgICAgICAgPEl0YWxpY1RleHRDbGFtcGVkIHNpemU9XCJtXCIgYXM9XCJzcGFuXCIgY29sb3I9XCJ0ZXJ0aWFyeVwiPlxuICAgICAgICAgICAgICAgICAge3BsYWNlaG9sZGVyfVxuICAgICAgICAgICAgICAgIDwvSXRhbGljVGV4dENsYW1wZWQ+XG4gICAgICAgICAgICAgICl9XG4gICAgICAgICAgICA8L0lubGluZT5cbiAgICAgICAgICAgIHtoYXNQbGFjZWhvbGRlciAmJiBob3RrZXlMYWJlbCAmJiAoXG4gICAgICAgICAgICAgIDxIb3RrZXlMYWJlbCBsYWJlbD17aG90a2V5TGFiZWx9IGNvbG9yPVwidGVydGlhcnlcIiAvPlxuICAgICAgICAgICAgKX1cbiAgICAgICAgICA8L0lubGluZT5cbiAgICAgICAgPC9JbnRlcmFjdGl2ZUJveD5cbiAgICAgICAge3ZhbHVlICYmIChcbiAgICAgICAgICA8Qm94IHNwYWNlPVwieHhzXCIgdlNwYWNlPVwieHh4c1wiPlxuICAgICAgICAgICAgPFBpY3RvZ3JhbUJ1dHRvblxuICAgICAgICAgICAgICBpY29uPVwieFwiXG4gICAgICAgICAgICAgIHNpemU9XCJ4c1wiXG4gICAgICAgICAgICAgIGNvbG9yPVwicXVhdGVybmFyeVwiXG4gICAgICAgICAgICAgIG9uQ2xpY2s9e29uQ2xlYXJ9XG4gICAgICAgICAgICAgIGFyaWEtbGFiZWw9e3Nsb3RQcm9wcy5jbGVhckJ1dHRvbltcImFyaWEtbGFiZWxcIl19XG4gICAgICAgICAgICAvPlxuICAgICAgICAgIDwvQm94PlxuICAgICAgICApfVxuICAgICAgPC9TdHlsZWRGYWtlSW5wdXQ+XG4gICAgKTtcbiAgfVxuKTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnQzBCIn0= */");export const NavBarSearchInput=forwardRef(({onBlur,onClick,onFocus,placeholder,value,onClear,hotkeyLabel,slotProps,...ariaAttributes},ref)=>{let hasPlaceholder=!value&&!!placeholder,{isDesktop}=useBreakpoints();return React.createElement(StyledFakeInput,null,React.createElement(InteractiveBox,{ref:ref,onClick:onClick,onFocus:onFocus,onBlur:onBlur,lSpace:"s",rSpace:"xs",vSpace:isDesktop?"xxs":"xs",fullWidth:!0,...ariaAttributes},React.createElement(Inline,{vAlignItems:"center",alignItems:"spaceBetween",space:"xxs",noWrap:!0,fullWidth:!0},React.createElement(Inline,{vAlignItems:"center",alignItems:"center",space:"xxs",noWrap:!0},value&&React.createElement(TextClamped,{color:"primary",size:"m",as:"span"},value),hasPlaceholder&&React.createElement(ItalicTextClamped,{size:"m",as:"span",color:"tertiary"},placeholder)),hasPlaceholder&&hotkeyLabel&&React.createElement(HotkeyLabel,{label:hotkeyLabel,color:"tertiary"}))),value&&React.createElement(Box,{space:"xxs",vSpace:"xxxs"},React.createElement(PictogramButton,{icon:"x",size:"xs",color:"quaternary",onClick:onClear,"aria-label":slotProps.clearButton["aria-label"]})))});

package/build/esm/components/NavBar/NavBarSecondaryNav.d.ts

@@ -1,5 +1,6 @@
 import React from "react";
 import type { Tab } from "../Tabs/-types";
+import type { MissingProps } from "../../types";
 type SecondaryNavItemBase = Pick<Tab, "label" | "icon">;
 /**
  * Each item accepts `label`, `isActive`, and any extra props that should be
@@ -11,15 +12,17 @@ export type SecondaryNavItem = SecondaryNavItemBase & {
     href?: string;
     target?: React.HTMLAttributeAnchorTarget;
     ref?: React.Ref<HTMLElement>;
+    onClick?: (e: React.MouseEvent) => void;
     [key: string]: unknown;
 };
-export type SecondaryNavProps = {
+export type SecondaryNavProps = ({
     "aria-label": string;
+} | MissingProps<"Fix: A `<nav>` landmark needs an `aria-label` to tell it apart from other navigation regions.">) & {
     items: SecondaryNavItem[];
     /** When provided, the item at this index is marked as active. */
     activeIndex?: number;
     /** Callback fired when any nav item is clicked, receiving the item and its index. */
     onNavClick?: (item: SecondaryNavItem, index: number) => void;
 };
-export declare function SecondaryNav({ "aria-label": ariaLabel, items, activeIndex, onNavClick, ...ariaAttributes }: SecondaryNavProps): React.ReactElement;
+export declare function SecondaryNav(props: SecondaryNavProps): React.ReactElement;
 export {};