@dynatrace/strato-components 3.13.3 → 3.14.1

package/esm/layouts/page-layout/details-layout/useLayoutState.js

@@ -1,42 +0,0 @@
-import { useControllableState } from "../../../core/hooks/useControllableState.js";
-import { useBreakpointCollapse } from "../shared/useBreakpointCollapse.js";
-function useLayoutState({
-  details,
-  containerRef
-}) {
-  const [preferredLayoutMode, setPreferredLayoutMode] = useControllableState({
-    value: details.config.layout,
-    defaultValue: details.config.defaultLayout,
-    onChange: details.config.onLayoutChange
-  });
-  const { containerWidth, collapsed, setCollapsed, isBelowBreakpoint } = useBreakpointCollapse({
-    collapsed: {
-      value: details.config.collapsed,
-      defaultValue: details.config.defaultCollapsed ?? false,
-      onChange: details.config.onCollapsedChange
-    },
-    breakpoint: details.config.breakpoint,
-    containerRef,
-    onBreakpointTransition: details.config.onBreakpointTransition,
-    autoCollapse: false
-  });
-  let mode = preferredLayoutMode ?? "split";
-  if (collapsed) {
-    mode = "collapsed";
-  }
-  if (isBelowBreakpoint) {
-    mode = "drawer";
-  }
-  return {
-    containerWidth,
-    collapsed,
-    setCollapsed,
-    preferredLayoutMode,
-    setPreferredLayoutMode,
-    mode
-  };
-}
-export {
-  useLayoutState
-};
-//# sourceMappingURL=useLayoutState.js.map

package/esm/layouts/page-layout/details-layout/useLayoutState.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../src/layouts/page-layout/details-layout/useLayoutState.ts"],
-  "sourcesContent": ["import { type RefObject } from 'react';\n\nimport type { RenderedLayout } from './DetailsLayoutContext.js';\nimport type { ExtractedDetailsSlot } from './slots.js';\nimport { useControllableState } from '../../../core/hooks/useControllableState.js';\nimport { useBreakpointCollapse } from '../shared/useBreakpointCollapse.js';\n\n/** @internal */\nexport function useLayoutState({\n  details,\n  containerRef,\n}: {\n  details: ExtractedDetailsSlot;\n  containerRef: RefObject<HTMLDivElement | null>;\n}) {\n  const [preferredLayoutMode, setPreferredLayoutMode] = useControllableState({\n    value: details.config.layout,\n    defaultValue: details.config.defaultLayout,\n    onChange: details.config.onLayoutChange,\n  });\n\n  const { containerWidth, collapsed, setCollapsed, isBelowBreakpoint } =\n    useBreakpointCollapse({\n      collapsed: {\n        value: details.config.collapsed,\n        defaultValue: details.config.defaultCollapsed ?? false,\n        onChange: details.config.onCollapsedChange,\n      },\n      breakpoint: details.config.breakpoint,\n      containerRef,\n      onBreakpointTransition: details.config.onBreakpointTransition,\n      autoCollapse: false,\n    });\n\n  let mode: RenderedLayout = preferredLayoutMode ?? 'split';\n  if (collapsed) {\n    mode = 'collapsed';\n  }\n  if (isBelowBreakpoint) {\n    mode = 'drawer';\n  }\n\n  return {\n    containerWidth,\n    collapsed,\n    setCollapsed,\n    preferredLayoutMode,\n    setPreferredLayoutMode,\n    mode,\n  };\n}\n"],
-  "mappings": "AAIA,SAAS,4BAA4B;AACrC,SAAS,6BAA6B;AAG/B,SAAS,eAAe;AAAA,EAC7B;AAAA,EACA;AACF,GAGG;AACD,QAAM,CAAC,qBAAqB,sBAAsB,IAAI,qBAAqB;AAAA,IACzE,OAAO,QAAQ,OAAO;AAAA,IACtB,cAAc,QAAQ,OAAO;AAAA,IAC7B,UAAU,QAAQ,OAAO;AAAA,EAC3B,CAAC;AAED,QAAM,EAAE,gBAAgB,WAAW,cAAc,kBAAkB,IACjE,sBAAsB;AAAA,IACpB,WAAW;AAAA,MACT,OAAO,QAAQ,OAAO;AAAA,MACtB,cAAc,QAAQ,OAAO,oBAAoB;AAAA,MACjD,UAAU,QAAQ,OAAO;AAAA,IAC3B;AAAA,IACA,YAAY,QAAQ,OAAO;AAAA,IAC3B;AAAA,IACA,wBAAwB,QAAQ,OAAO;AAAA,IACvC,cAAc;AAAA,EAChB,CAAC;AAEH,MAAI,OAAuB,uBAAuB;AAClD,MAAI,WAAW;AACb,WAAO;AAAA,EACT;AACA,MAAI,mBAAmB;AACrB,WAAO;AAAA,EACT;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;",
-  "names": []
-}

package/esm/layouts/page-layout/shared/PageLayoutPortalContext.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../src/layouts/page-layout/shared/PageLayoutPortalContext.ts"],
-  "sourcesContent": ["import { createContext, useContext } from 'react';\n\nimport type { SlotRegistry } from './slot-registry.js';\nexport type {\n  ContentSlotConfig,\n  DetailsSlotConfig,\n  HeaderSlotConfig,\n  SidebarSlotConfig,\n} from './slot-config.js';\n\n/** @internal */\nexport interface PageLayoutPortalContextValue {\n  hosts: {\n    header: HTMLDivElement;\n    sidebar: HTMLDivElement;\n    content: HTMLDivElement;\n    details: HTMLDivElement;\n  };\n  registry: SlotRegistry;\n}\n\n/** @internal */\nexport const PageLayoutPortalContext =\n  createContext<PageLayoutPortalContextValue | null>(null);\n\n/** @internal */\nexport function usePageLayoutPortalContext(): PageLayoutPortalContextValue {\n  const ctx = useContext(PageLayoutPortalContext);\n  if (ctx === null) {\n    throw new Error(\n      'PageLayout slot components (Header, Sidebar, Content, Details) must be rendered inside a <PageLayout>.',\n    );\n  }\n  return ctx;\n}\n"],
-  "mappings": "AAAA,SAAS,eAAe,kBAAkB;AAsBnC,MAAM,0BACX,cAAmD,IAAI;AAGlD,SAAS,6BAA2D;AACzE,QAAM,MAAM,WAAW,uBAAuB;AAC9C,MAAI,QAAQ,MAAM;AAChB,UAAM,IAAI;AAAA,MACR;AAAA,IACF;AAAA,EACF;AACA,SAAO;AACT;",
-  "names": []
-}

package/esm/layouts/page-layout/shared/TeleportTarget.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../src/layouts/page-layout/shared/TeleportTarget.tsx"],
-  "sourcesContent": ["import { useLayoutEffect, useRef } from 'react';\n\n/**\n * Places a stable host node into the DOM at this component's mount point.\n * Uses `appendChild` in a `useLayoutEffect` so the host node is moved\n * (not cloned) when `TeleportTarget` remounts in a different position,\n * preserving the React subtree portaled into the host.\n *\n * `useTeleport().Target` uses this component internally. `TeleportTarget`\n * exists as the direct component form for call sites that manage their own\n * host node (e.g. `PageLayout`, which holds hosts in context).\n *\n * @internal\n */\nexport function TeleportTarget({ host }: { host: HTMLDivElement }) {\n  const containerRef = useRef<HTMLDivElement>(null);\n\n  useLayoutEffect(() => {\n    const container = containerRef.current;\n    if (!container || host.parentNode === container) {\n      return;\n    }\n    if (\n      process.env.NODE_ENV !== 'production' &&\n      host.parentNode !== null &&\n      container.ownerDocument.contains(host.parentNode)\n    ) {\n      // Moving a host out of a parent that is still mounted in the document\n      // silently steals the portaled subtree from whoever rendered the other\n      // Target. Almost always a bug: two TeleportTargets rendering for the\n      // same host at the same time.\n      //\n      // Legitimate single-Target moves (e.g. a layout switching between\n      // split/drawer branches) don't hit this path because React unmounts the\n      // old Target's wrapper before the new Target's effect runs, leaving the\n      // host's previous parent detached from the document.\n      // oxlint-disable-next-line no-console\n      console.error(\n        '[TeleportTarget] Host node already has a live parent elsewhere; ' +\n          'moving it will detach the subtree from its previous mount point. ' +\n          'This usually indicates two TeleportTargets rendering for the same host.',\n      );\n    }\n    container.appendChild(host);\n  });\n\n  return <div ref={containerRef} style={{ display: 'contents' }} />;\n}\n"],
-  "mappings": "AA8CS;AA9CT,SAAS,iBAAiB,cAAc;AAcjC,SAAS,eAAe,EAAE,KAAK,GAA6B;AACjE,QAAM,eAAe,OAAuB,IAAI;AAEhD,kBAAgB,MAAM;AACpB,UAAM,YAAY,aAAa;AAC/B,QAAI,CAAC,aAAa,KAAK,eAAe,WAAW;AAC/C;AAAA,IACF;AACA,QAEE,KAAK,eAAe,QACpB,UAAU,cAAc,SAAS,KAAK,UAAU,GAChD;AAWA,cAAQ;AAAA,QACN;AAAA,MAGF;AAAA,IACF;AACA,cAAU,YAAY,IAAI;AAAA,EAC5B,CAAC;AAED,SAAO,oBAAC,SAAI,KAAK,cAAc,OAAO,EAAE,SAAS,WAAW,GAAG;AACjE;",
-  "names": []
-}

package/esm/layouts/page-layout/shared/portal-slots.js

@@ -1,221 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import {
-  forwardRef,
-  useMemo,
-  useRef,
-  useSyncExternalStore
-} from "react";
-import { createPortal } from "react-dom";
-import { usePageLayoutPortalContext } from "./PageLayoutPortalContext.js";
-import {
-  contentDefaults,
-  detailsDefaults,
-  sidebarDefaults
-} from "./slot-defaults.js";
-import { useRegisteredSlot } from "./useRegisteredSlot.js";
-import { DetailsControlBar } from "../details-layout/DetailsControlBar.js";
-import {
-  DetailsLayoutContext
-} from "../details-layout/DetailsLayoutContext.js";
-const toRef = (ref) => ref ?? void 0;
-const noop = () => void 0;
-const PENDING_DETAILS_CONTEXT = {
-  collapsed: false,
-  setCollapsed: noop,
-  preferredLayout: "split",
-  setPreferredLayout: noop,
-  mode: "split"
-};
-function useShallowStable(value) {
-  const ref = useRef(value);
-  const prev = ref.current;
-  const prevKeys = Object.keys(prev);
-  const nextKeys = Object.keys(value);
-  let equal = prevKeys.length === nextKeys.length;
-  if (equal) {
-    for (const key of nextKeys) {
-      if (!Object.is(prev[key], value[key])) {
-        equal = false;
-        break;
-      }
-    }
-  }
-  if (!equal) {
-    ref.current = value;
-  }
-  return ref.current;
-}
-const PageLayoutHeader = forwardRef(
-  function PageLayoutHeader2({ children, ...domProps }, ref) {
-    const { hosts } = usePageLayoutPortalContext();
-    const stableDomProps = useShallowStable(domProps);
-    const refValue = toRef(ref);
-    const config = useMemo(
-      () => ({ domProps: stableDomProps, ref: refValue }),
-      [stableDomProps, refValue]
-    );
-    useRegisteredSlot("header", config);
-    return createPortal(children, hosts.header);
-  }
-);
-const PageLayoutSidebar = forwardRef(
-  function PageLayoutSidebar2({
-    children,
-    defaultWidth = sidebarDefaults.defaultWidth,
-    minWidth = sidebarDefaults.minWidth,
-    maxWidth = sidebarDefaults.maxWidth,
-    resizable = sidebarDefaults.resizable,
-    collapsed,
-    defaultCollapsed = sidebarDefaults.defaultCollapsed,
-    onCollapsedChange,
-    onBreakpointTransition,
-    breakpoint = sidebarDefaults.breakpoint,
-    onResize,
-    ...domProps
-  }, ref) {
-    const { hosts } = usePageLayoutPortalContext();
-    const stableDomProps = useShallowStable(domProps);
-    const refValue = toRef(ref);
-    const config = useMemo(
-      () => ({
-        config: {
-          defaultWidth,
-          minWidth,
-          maxWidth,
-          resizable,
-          collapsed,
-          defaultCollapsed,
-          onCollapsedChange,
-          onBreakpointTransition,
-          breakpoint,
-          onResize
-        },
-        domProps: stableDomProps,
-        ref: refValue
-      }),
-      [
-        defaultWidth,
-        minWidth,
-        maxWidth,
-        resizable,
-        collapsed,
-        defaultCollapsed,
-        onCollapsedChange,
-        onBreakpointTransition,
-        breakpoint,
-        onResize,
-        stableDomProps,
-        refValue
-      ]
-    );
-    useRegisteredSlot("sidebar", config);
-    return createPortal(children, hosts.sidebar);
-  }
-);
-const PageLayoutContent = forwardRef(
-  function PageLayoutContent2({
-    children,
-    minWidth = contentDefaults.minWidth,
-    ...domProps
-  }, ref) {
-    const { hosts } = usePageLayoutPortalContext();
-    const stableDomProps = useShallowStable(domProps);
-    const refValue = toRef(ref);
-    const config = useMemo(
-      () => ({
-        config: { minWidth },
-        domProps: stableDomProps,
-        ref: refValue
-      }),
-      [minWidth, stableDomProps, refValue]
-    );
-    useRegisteredSlot("content", config);
-    return createPortal(children, hosts.content);
-  }
-);
-const PageLayoutDetails = forwardRef(
-  function PageLayoutDetails2({
-    children,
-    minWidth = detailsDefaults.minWidth,
-    maxWidth,
-    defaultWidth = detailsDefaults.defaultWidth,
-    resizable = detailsDefaults.resizable,
-    collapsed,
-    defaultCollapsed = detailsDefaults.defaultCollapsed,
-    onCollapsedChange,
-    onBreakpointTransition,
-    layout,
-    defaultLayout = detailsDefaults.defaultLayout,
-    onLayoutChange,
-    breakpoint = detailsDefaults.breakpoint,
-    onResize,
-    width,
-    ...domProps
-  }, ref) {
-    const { hosts, registry } = usePageLayoutPortalContext();
-    const stableDomProps = useShallowStable(domProps);
-    const refValue = toRef(ref);
-    const config = useMemo(
-      () => ({
-        config: {
-          minWidth,
-          maxWidth,
-          defaultWidth,
-          resizable,
-          collapsed,
-          defaultCollapsed,
-          onCollapsedChange,
-          onBreakpointTransition,
-          layout,
-          defaultLayout,
-          onLayoutChange,
-          breakpoint,
-          onResize,
-          width
-        },
-        domProps: stableDomProps,
-        ref: refValue
-      }),
-      [
-        minWidth,
-        maxWidth,
-        defaultWidth,
-        resizable,
-        collapsed,
-        defaultCollapsed,
-        onCollapsedChange,
-        onBreakpointTransition,
-        layout,
-        defaultLayout,
-        onLayoutChange,
-        breakpoint,
-        onResize,
-        width,
-        stableDomProps,
-        refValue
-      ]
-    );
-    useRegisteredSlot("details", config);
-    const detailsLayoutContext = useSyncExternalStore(
-      registry.subscribe,
-      () => registry.getSnapshot().detailsLayoutContext
-    );
-    const providedContext = detailsLayoutContext ?? PENDING_DETAILS_CONTEXT;
-    return createPortal(
-      /* @__PURE__ */ jsx(DetailsLayoutContext.Provider, { value: providedContext, children }),
-      hosts.details
-    );
-  }
-);
-const PageLayoutDetailsWithControlBar = Object.assign(
-  PageLayoutDetails,
-  { ControlBar: DetailsControlBar }
-);
-export {
-  PageLayoutContent,
-  PageLayoutDetails,
-  PageLayoutDetailsWithControlBar,
-  PageLayoutHeader,
-  PageLayoutSidebar
-};
-//# sourceMappingURL=portal-slots.js.map

package/esm/layouts/page-layout/shared/portal-slots.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../src/layouts/page-layout/shared/portal-slots.tsx"],
-  "sourcesContent": ["import {\n  forwardRef,\n  useMemo,\n  useRef,\n  useSyncExternalStore,\n  type ForwardedRef,\n  type PropsWithChildren,\n} from 'react';\nimport { createPortal } from 'react-dom';\n\nimport { usePageLayoutPortalContext } from './PageLayoutPortalContext.js';\nimport {\n  contentDefaults,\n  detailsDefaults,\n  sidebarDefaults,\n} from './slot-defaults.js';\nimport { useRegisteredSlot } from './useRegisteredSlot.js';\nimport type { AriaLabelingProps } from '../../../core/types/a11y-props.js';\nimport type { BehaviorTrackingProps } from '../../../core/types/behavior-tracking-props.js';\nimport type { DataTestId } from '../../../core/types/data-props.js';\nimport type { MaskingProps } from '../../../core/types/masking-props.js';\nimport type { StylingProps } from '../../../core/types/styling-props.js';\nimport { DetailsControlBar } from '../details-layout/DetailsControlBar.js';\nimport {\n  DetailsLayoutContext,\n  type DetailsLayoutContextValue,\n} from '../details-layout/DetailsLayoutContext.js';\nimport type { DetailsProps, ContentProps } from '../details-layout/slots.js';\nimport type { SidebarProps } from '../sidebar-layout/slots.js';\n\nconst toRef = <T,>(ref: ForwardedRef<T>) => ref ?? undefined;\n\nconst noop = () => undefined;\n\n/**\n * Placeholder context used while the real `DetailsLayoutInner` value is still\n * being bridged through the slot registry (it is published one commit late via\n * a layout effect). Keeps `DetailsControlBar` from reading a null context on\n * first render when it is correctly placed inside the portaled details\n * children. Replaced by the live value on the next commit.\n */\nconst PENDING_DETAILS_CONTEXT: DetailsLayoutContextValue = {\n  collapsed: false,\n  setCollapsed: noop,\n  preferredLayout: 'split',\n  setPreferredLayout: noop,\n  mode: 'split',\n};\n\n/**\n * Returns a stable reference to `value` that only changes identity when one of\n * its own enumerable keys changes (shallow equality). Used to keep registry\n * entries from churning when callers spread anonymous objects (e.g. `domProps`)\n * into them on every render.\n */\nfunction useShallowStable<T extends Record<string, unknown>>(value: T): T {\n  const ref = useRef<T>(value);\n  const prev = ref.current;\n  const prevKeys = Object.keys(prev);\n  const nextKeys = Object.keys(value);\n  let equal = prevKeys.length === nextKeys.length;\n  if (equal) {\n    for (const key of nextKeys) {\n      if (!Object.is(prev[key], value[key])) {\n        equal = false;\n        break;\n      }\n    }\n  }\n  if (!equal) {\n    ref.current = value;\n  }\n  return ref.current;\n}\n\n/**\n * PageLayout.Header - portals children into the header host node and\n * registers layout config via the slot registry in a layout effect.\n * @public\n */\nexport interface HeaderProps\n  extends PropsWithChildren,\n    BehaviorTrackingProps,\n    AriaLabelingProps,\n    StylingProps,\n    MaskingProps,\n    DataTestId {}\n\nexport const PageLayoutHeader = forwardRef<HTMLDivElement, HeaderProps>(\n  function PageLayoutHeader(\n    { children, ...domProps }: HeaderProps,\n    ref: ForwardedRef<HTMLDivElement>,\n  ) {\n    const { hosts } = usePageLayoutPortalContext();\n    const stableDomProps = useShallowStable(domProps);\n    const refValue = toRef(ref);\n    const config = useMemo(\n      () => ({ domProps: stableDomProps, ref: refValue }),\n      [stableDomProps, refValue],\n    );\n\n    useRegisteredSlot('header', config);\n\n    return createPortal(children, hosts.header);\n  },\n);\n\n/**\n * PageLayout.Sidebar - portals children into the sidebar host node and\n * registers sidebar config via the slot registry in a layout effect.\n * @internal\n */\nexport const PageLayoutSidebar = forwardRef<HTMLElement, SidebarProps>(\n  function PageLayoutSidebar(\n    {\n      children,\n      defaultWidth = sidebarDefaults.defaultWidth,\n      minWidth = sidebarDefaults.minWidth,\n      maxWidth = sidebarDefaults.maxWidth,\n      resizable = sidebarDefaults.resizable,\n      collapsed,\n      defaultCollapsed = sidebarDefaults.defaultCollapsed,\n      onCollapsedChange,\n      onBreakpointTransition,\n      breakpoint = sidebarDefaults.breakpoint,\n      onResize,\n      ...domProps\n    }: SidebarProps,\n    ref: ForwardedRef<HTMLElement>,\n  ) {\n    const { hosts } = usePageLayoutPortalContext();\n    const stableDomProps = useShallowStable(domProps);\n    const refValue = toRef(ref);\n    const config = useMemo(\n      () => ({\n        config: {\n          defaultWidth,\n          minWidth,\n          maxWidth,\n          resizable,\n          collapsed,\n          defaultCollapsed,\n          onCollapsedChange,\n          onBreakpointTransition,\n          breakpoint,\n          onResize,\n        },\n        domProps: stableDomProps,\n        ref: refValue,\n      }),\n      [\n        defaultWidth,\n        minWidth,\n        maxWidth,\n        resizable,\n        collapsed,\n        defaultCollapsed,\n        onCollapsedChange,\n        onBreakpointTransition,\n        breakpoint,\n        onResize,\n        stableDomProps,\n        refValue,\n      ],\n    );\n\n    useRegisteredSlot('sidebar', config);\n\n    return createPortal(children, hosts.sidebar);\n  },\n);\n\n/**\n * PageLayout.Content - portals children into the content host node and\n * registers content config via the slot registry in a layout effect.\n * @internal\n */\nexport const PageLayoutContent = forwardRef<HTMLElement, ContentProps>(\n  function PageLayoutContent(\n    {\n      children,\n      minWidth = contentDefaults.minWidth,\n      ...domProps\n    }: ContentProps,\n    ref: ForwardedRef<HTMLElement>,\n  ) {\n    const { hosts } = usePageLayoutPortalContext();\n    const stableDomProps = useShallowStable(domProps);\n    const refValue = toRef(ref);\n    const config = useMemo(\n      () => ({\n        config: { minWidth },\n        domProps: stableDomProps,\n        ref: refValue,\n      }),\n      [minWidth, stableDomProps, refValue],\n    );\n\n    useRegisteredSlot('content', config);\n\n    return createPortal(children, hosts.content);\n  },\n);\n\n/**\n * PageLayout.Details - portals children into the details host node and\n * registers details config via the slot registry in a layout effect.\n *\n * Children are wrapped in `DetailsLayoutContext.Provider` using the value\n * bridged through the slot registry. Without this, `DetailsControlBar` would\n * fall back to the context's default value because the portal originates\n * outside the provider placed by `DetailsLayoutInner`.\n *\n * @internal\n */\nexport const PageLayoutDetails = forwardRef<HTMLElement, DetailsProps>(\n  function PageLayoutDetails(\n    {\n      children,\n      minWidth = detailsDefaults.minWidth,\n      maxWidth,\n      defaultWidth = detailsDefaults.defaultWidth,\n      resizable = detailsDefaults.resizable,\n      collapsed,\n      defaultCollapsed = detailsDefaults.defaultCollapsed,\n      onCollapsedChange,\n      onBreakpointTransition,\n      layout,\n      defaultLayout = detailsDefaults.defaultLayout,\n      onLayoutChange,\n      breakpoint = detailsDefaults.breakpoint,\n      onResize,\n      width,\n      ...domProps\n    }: DetailsProps,\n    ref: ForwardedRef<HTMLElement>,\n  ) {\n    const { hosts, registry } = usePageLayoutPortalContext();\n    const stableDomProps = useShallowStable(domProps);\n    const refValue = toRef(ref);\n    const config = useMemo(\n      () => ({\n        config: {\n          minWidth,\n          maxWidth,\n          defaultWidth,\n          resizable,\n          collapsed,\n          defaultCollapsed,\n          onCollapsedChange,\n          onBreakpointTransition,\n          layout,\n          defaultLayout,\n          onLayoutChange,\n          breakpoint,\n          onResize,\n          width,\n        },\n        domProps: stableDomProps,\n        ref: refValue,\n      }),\n      [\n        minWidth,\n        maxWidth,\n        defaultWidth,\n        resizable,\n        collapsed,\n        defaultCollapsed,\n        onCollapsedChange,\n        onBreakpointTransition,\n        layout,\n        defaultLayout,\n        onLayoutChange,\n        breakpoint,\n        onResize,\n        width,\n        stableDomProps,\n        refValue,\n      ],\n    );\n\n    useRegisteredSlot('details', config);\n\n    const detailsLayoutContext = useSyncExternalStore(\n      registry.subscribe,\n      () => registry.getSnapshot().detailsLayoutContext,\n    );\n\n    // The bridged value is published one commit late (DetailsLayoutInner\n    // registers it in a layout effect). Until it arrives, provide a non-null\n    // pending value so the portaled ControlBar can read the context on first\n    // render instead of falling back to the provider default.\n    const providedContext = detailsLayoutContext ?? PENDING_DETAILS_CONTEXT;\n\n    return createPortal(\n      <DetailsLayoutContext.Provider value={providedContext}>\n        {children}\n      </DetailsLayoutContext.Provider>,\n      hosts.details,\n    );\n  },\n);\n\nexport const PageLayoutDetailsWithControlBar = Object.assign(\n  PageLayoutDetails,\n  { ControlBar: DetailsControlBar },\n);\n"],
-  "mappings": "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",
-  "names": ["PageLayoutHeader", "PageLayoutSidebar", "PageLayoutContent", "PageLayoutDetails"]
-}

package/esm/layouts/page-layout/shared/slot-defaults.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../src/layouts/page-layout/shared/slot-defaults.ts"],
-  "sourcesContent": ["import type { PanelWidth } from '../../split-layout/width-utils.js';\nimport type { LayoutMode } from '../details-layout/DetailsLayoutContext.js';\n\nexport const sidebarDefaults: {\n  defaultWidth: PanelWidth;\n  minWidth: PanelWidth;\n  maxWidth: PanelWidth;\n  resizable: boolean;\n  defaultCollapsed: boolean;\n  breakpoint: number;\n} = {\n  defaultWidth: '15%',\n  minWidth: 200,\n  maxWidth: '50%',\n  resizable: true,\n  defaultCollapsed: false,\n  breakpoint: 960,\n};\n\n// The content pane reserves half the details region. In split this caps the\n// details panel at ~50% (its old `maxWidth` default, expressed at the content\n// layer); in overlay the panel floats, so the reserve does not constrain it.\nexport const contentDefaults: { minWidth: PanelWidth } = {\n  minWidth: '50%',\n};\n\nexport const detailsDefaults: {\n  minWidth: PanelWidth;\n  defaultWidth: PanelWidth;\n  resizable: boolean;\n  defaultCollapsed: boolean;\n  defaultLayout: LayoutMode;\n  breakpoint: number;\n} = {\n  minWidth: 320,\n  defaultWidth: '25%',\n  resizable: true,\n  defaultCollapsed: false,\n  defaultLayout: 'split',\n  breakpoint: 600,\n};\n"],
-  "mappings": "AAGO,MAAM,kBAOT;AAAA,EACF,cAAc;AAAA,EACd,UAAU;AAAA,EACV,UAAU;AAAA,EACV,WAAW;AAAA,EACX,kBAAkB;AAAA,EAClB,YAAY;AACd;AAKO,MAAM,kBAA4C;AAAA,EACvD,UAAU;AACZ;AAEO,MAAM,kBAOT;AAAA,EACF,UAAU;AAAA,EACV,cAAc;AAAA,EACd,WAAW;AAAA,EACX,kBAAkB;AAAA,EAClB,eAAe;AAAA,EACf,YAAY;AACd;",
-  "names": []
-}

package/esm/layouts/page-layout/shared/slot-registry.js

@@ -1,39 +0,0 @@
-const INITIAL_STATE = {
-  header: null,
-  sidebar: null,
-  content: null,
-  details: null,
-  detailsLayoutContext: null
-};
-function createSlotRegistry() {
-  let state = INITIAL_STATE;
-  let frozenSnapshot = INITIAL_STATE;
-  const listeners = /* @__PURE__ */ new Set();
-  function notify() {
-    frozenSnapshot = Object.freeze({ ...state });
-    for (const listener of listeners) {
-      listener();
-    }
-  }
-  const subscribe = (listener) => {
-    listeners.add(listener);
-    return () => listeners.delete(listener);
-  };
-  const getSnapshot = () => frozenSnapshot;
-  const register = (slot, config) => {
-    if (state[slot] === config) {
-      return;
-    }
-    state = { ...state, [slot]: config };
-    notify();
-  };
-  const unregister = (slot) => {
-    state = { ...state, [slot]: null };
-    notify();
-  };
-  return { subscribe, getSnapshot, register, unregister };
-}
-export {
-  createSlotRegistry
-};
-//# sourceMappingURL=slot-registry.js.map

package/esm/layouts/page-layout/shared/slot-registry.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../src/layouts/page-layout/shared/slot-registry.ts"],
-  "sourcesContent": ["import type {\n  ContentSlotConfig,\n  DetailsSlotConfig,\n  HeaderSlotConfig,\n  SidebarSlotConfig,\n} from './slot-config.js';\nimport type { DetailsLayoutContextValue } from '../details-layout/DetailsLayoutContext.js';\n\n/** @internal */\nexport interface SlotRegistryState {\n  header: HeaderSlotConfig | null;\n  sidebar: SidebarSlotConfig | null;\n  content: ContentSlotConfig | null;\n  details: DetailsSlotConfig | null;\n  /**\n   * Bridge: `DetailsLayoutInner` publishes its context value here so\n   * `PageLayoutDetails` can re-provide it around its portal. The provider\n   * placed by `DetailsLayoutInner` only covers the split/overlay DOM it\n   * renders, not the portaled `PageLayout.Details` children which live in a\n   * different React subtree. This is a context value, not a slot config; it\n   * piggybacks on the registry's pub/sub to avoid a second primitive.\n   */\n  detailsLayoutContext: DetailsLayoutContextValue | null;\n}\n\n/** @internal */\nexport interface SlotRegistry {\n  subscribe: (listener: () => void) => () => void;\n  getSnapshot: () => SlotRegistryState;\n  register: <K extends keyof SlotRegistryState>(\n    slot: K,\n    config: NonNullable<SlotRegistryState[K]>,\n  ) => void;\n  unregister: (slot: keyof SlotRegistryState) => void;\n}\n\nconst INITIAL_STATE: SlotRegistryState = {\n  header: null,\n  sidebar: null,\n  content: null,\n  details: null,\n  detailsLayoutContext: null,\n};\n\n/** @internal */\nexport function createSlotRegistry(): SlotRegistry {\n  let state: SlotRegistryState = INITIAL_STATE;\n  let frozenSnapshot: SlotRegistryState = INITIAL_STATE;\n  const listeners = new Set<() => void>();\n\n  function notify() {\n    frozenSnapshot = Object.freeze({ ...state });\n    for (const listener of listeners) {\n      listener();\n    }\n  }\n\n  const subscribe: SlotRegistry['subscribe'] = (listener) => {\n    listeners.add(listener);\n    return () => listeners.delete(listener);\n  };\n\n  const getSnapshot: SlotRegistry['getSnapshot'] = () => frozenSnapshot;\n\n  const register: SlotRegistry['register'] = (slot, config) => {\n    if (state[slot] === config) {\n      // No-op: identical reference already registered. Avoid notifying\n      // subscribers (and re-rendering MainShell/HeaderShell) for unchanged\n      // input. Callers are expected to memoize the registered config\n      // (see portal-slots.tsx).\n      return;\n    }\n    state = { ...state, [slot]: config };\n    notify();\n  };\n\n  const unregister: SlotRegistry['unregister'] = (slot) => {\n    state = { ...state, [slot]: null };\n    notify();\n  };\n\n  return { subscribe, getSnapshot, register, unregister };\n}\n"],
-  "mappings": "AAoCA,MAAM,gBAAmC;AAAA,EACvC,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AAAA,EACT,sBAAsB;AACxB;AAGO,SAAS,qBAAmC;AACjD,MAAI,QAA2B;AAC/B,MAAI,iBAAoC;AACxC,QAAM,YAAY,oBAAI,IAAgB;AAEtC,WAAS,SAAS;AAChB,qBAAiB,OAAO,OAAO,EAAE,GAAG,MAAM,CAAC;AAC3C,eAAW,YAAY,WAAW;AAChC,eAAS;AAAA,IACX;AAAA,EACF;AAEA,QAAM,YAAuC,CAAC,aAAa;AACzD,cAAU,IAAI,QAAQ;AACtB,WAAO,MAAM,UAAU,OAAO,QAAQ;AAAA,EACxC;AAEA,QAAM,cAA2C,MAAM;AAEvD,QAAM,WAAqC,CAAC,MAAM,WAAW;AAC3D,QAAI,MAAM,IAAI,MAAM,QAAQ;AAK1B;AAAA,IACF;AACA,YAAQ,EAAE,GAAG,OAAO,CAAC,IAAI,GAAG,OAAO;AACnC,WAAO;AAAA,EACT;AAEA,QAAM,aAAyC,CAAC,SAAS;AACvD,YAAQ,EAAE,GAAG,OAAO,CAAC,IAAI,GAAG,KAAK;AACjC,WAAO;AAAA,EACT;AAEA,SAAO,EAAE,WAAW,aAAa,UAAU,WAAW;AACxD;",
-  "names": []
-}

package/esm/layouts/page-layout/shared/useBreakpointCollapse.js

@@ -1,56 +0,0 @@
-import {
-  useRef,
-  useState
-} from "react";
-import { useCallbackRef } from "../../../core/hooks/useCallbackRef.js";
-import { useControllableState } from "../../../core/hooks/useControllableState.js";
-import { useResizeObserver } from "../../../core/hooks/useResizeObserver.js";
-function useBreakpointCollapse({
-  collapsed: collapsedProps,
-  breakpoint,
-  containerRef,
-  onBreakpointTransition,
-  autoCollapse
-}) {
-  const [containerWidth, setContainerWidth] = useState(0);
-  const [collapsed, setCollapsed] = useControllableState({
-    value: collapsedProps.value,
-    defaultValue: collapsedProps.defaultValue,
-    onChange: collapsedProps.onChange
-  });
-  const isControlled = collapsedProps.value !== void 0;
-  const emitBreakpointTransition = useCallbackRef(onBreakpointTransition);
-  const prevBelowBreakpointRef = useRef(null);
-  useResizeObserver({
-    ref: containerRef,
-    onResize: (size) => {
-      if (!size.width) {
-        return;
-      }
-      setContainerWidth(size.width);
-      const isBelowBreakpoint2 = size.width < breakpoint;
-      const prevBelowBreakpoint = prevBelowBreakpointRef.current;
-      prevBelowBreakpointRef.current = isBelowBreakpoint2;
-      if (prevBelowBreakpoint === isBelowBreakpoint2) {
-        return;
-      }
-      const shouldAutoCollapse = autoCollapse && !isControlled;
-      emitBreakpointTransition(isBelowBreakpoint2);
-      if (prevBelowBreakpoint === null) {
-        if (shouldAutoCollapse && isBelowBreakpoint2 && !collapsed) {
-          setCollapsed(true);
-        }
-        return;
-      }
-      if (shouldAutoCollapse) {
-        setCollapsed(isBelowBreakpoint2);
-      }
-    }
-  });
-  const isBelowBreakpoint = containerWidth !== 0 && containerWidth < breakpoint;
-  return { containerWidth, collapsed, setCollapsed, isBelowBreakpoint };
-}
-export {
-  useBreakpointCollapse
-};
-//# sourceMappingURL=useBreakpointCollapse.js.map

package/esm/layouts/page-layout/shared/useBreakpointCollapse.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../src/layouts/page-layout/shared/useBreakpointCollapse.ts"],
-  "sourcesContent": ["import {\n  useRef,\n  useState,\n  type Dispatch,\n  type RefObject,\n  type SetStateAction,\n} from 'react';\n\nimport { useCallbackRef } from '../../../core/hooks/useCallbackRef.js';\nimport { useControllableState } from '../../../core/hooks/useControllableState.js';\nimport { useResizeObserver } from '../../../core/hooks/useResizeObserver.js';\n\ninterface UseBreakpointCollapseArgs {\n  /** Controlled / uncontrolled props for the collapsed state. */\n  collapsed: {\n    value: boolean | undefined;\n    defaultValue: boolean;\n    onChange: ((value: boolean) => void) | undefined;\n  };\n  /** Container width below which the panel renders as a drawer. */\n  breakpoint: number;\n  /** Container element observed for size changes. */\n  containerRef: RefObject<HTMLDivElement | null>;\n  /** Fired on the first measurement and whenever the container crosses `breakpoint`. */\n  onBreakpointTransition?: (belowBreakpoint: boolean) => void;\n  /**\n   * When `true`, an *uncontrolled* panel auto-collapses below the breakpoint\n   * and reopens above it (the Sidebar's responsive default). Details passes\n   * `false`: it never auto-collapses and honors `defaultCollapsed` everywhere.\n   */\n  autoCollapse: boolean;\n}\n\ninterface UseBreakpointCollapseResult {\n  /** Most recent measured container width (`0` until first measurement). */\n  containerWidth: number;\n  /** Current collapsed state (controlled value if provided). */\n  collapsed: boolean;\n  /** Setter for the collapsed state. */\n  setCollapsed: Dispatch<SetStateAction<boolean>>;\n  /** True once measured and the container is narrower than `breakpoint`. */\n  isBelowBreakpoint: boolean;\n}\n\n/**\n * Tracks the container width and fires `onBreakpointTransition` on the first\n * measurement and on every subsequent crossing. Shared by the sidebar and\n * details `useLayoutState` hooks. A crossing never touches a controlled\n * `collapsed`; with `autoCollapse` (the Sidebar) an uncontrolled panel\n * additionally auto-collapses below the breakpoint and reopens above it.\n *\n * @internal\n */\nexport function useBreakpointCollapse({\n  collapsed: collapsedProps,\n  breakpoint,\n  containerRef,\n  onBreakpointTransition,\n  autoCollapse,\n}: UseBreakpointCollapseArgs): UseBreakpointCollapseResult {\n  const [containerWidth, setContainerWidth] = useState(0);\n\n  const [collapsed, setCollapsed] = useControllableState({\n    value: collapsedProps.value,\n    defaultValue: collapsedProps.defaultValue,\n    onChange: collapsedProps.onChange,\n  });\n\n  const isControlled = collapsedProps.value !== undefined;\n  const emitBreakpointTransition = useCallbackRef(onBreakpointTransition);\n\n  // Tracks which side of the breakpoint the container was on at the previous\n  // measurement. `null` until the first measurement so we can distinguish\n  // \"first ever measurement\" from \"stayed on the same side\".\n  const prevBelowBreakpointRef = useRef<boolean | null>(null);\n\n  useResizeObserver({\n    ref: containerRef,\n    onResize: (size) => {\n      if (!size.width) {\n        return;\n      }\n\n      setContainerWidth(size.width);\n\n      const isBelowBreakpoint = size.width < breakpoint;\n      const prevBelowBreakpoint = prevBelowBreakpointRef.current;\n      prevBelowBreakpointRef.current = isBelowBreakpoint;\n\n      // Same side as the last measurement: no crossing, nothing to do.\n      if (prevBelowBreakpoint === isBelowBreakpoint) {\n        return;\n      }\n\n      const shouldAutoCollapse = autoCollapse && !isControlled;\n\n      emitBreakpointTransition(isBelowBreakpoint);\n\n      if (prevBelowBreakpoint === null) {\n        // First measurement: auto-collapse an uncontrolled Sidebar starting\n        // narrow so the nav never covers the content.\n        if (shouldAutoCollapse && isBelowBreakpoint && !collapsed) {\n          setCollapsed(true);\n        }\n        return;\n      }\n\n      // Only an uncontrolled Sidebar auto-adjusts `collapsed` on crossings;\n      // controlled panels and Details are left to the consumer.\n      if (shouldAutoCollapse) {\n        setCollapsed(isBelowBreakpoint);\n      }\n    },\n  });\n\n  const isBelowBreakpoint = containerWidth !== 0 && containerWidth < breakpoint;\n\n  return { containerWidth, collapsed, setCollapsed, isBelowBreakpoint };\n}\n"],
-  "mappings": "AAAA;AAAA,EACE;AAAA,EACA;AAAA,OAIK;AAEP,SAAS,sBAAsB;AAC/B,SAAS,4BAA4B;AACrC,SAAS,yBAAyB;AA2C3B,SAAS,sBAAsB;AAAA,EACpC,WAAW;AAAA,EACX;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA2D;AACzD,QAAM,CAAC,gBAAgB,iBAAiB,IAAI,SAAS,CAAC;AAEtD,QAAM,CAAC,WAAW,YAAY,IAAI,qBAAqB;AAAA,IACrD,OAAO,eAAe;AAAA,IACtB,cAAc,eAAe;AAAA,IAC7B,UAAU,eAAe;AAAA,EAC3B,CAAC;AAED,QAAM,eAAe,eAAe,UAAU;AAC9C,QAAM,2BAA2B,eAAe,sBAAsB;AAKtE,QAAM,yBAAyB,OAAuB,IAAI;AAE1D,oBAAkB;AAAA,IAChB,KAAK;AAAA,IACL,UAAU,CAAC,SAAS;AAClB,UAAI,CAAC,KAAK,OAAO;AACf;AAAA,MACF;AAEA,wBAAkB,KAAK,KAAK;AAE5B,YAAMA,qBAAoB,KAAK,QAAQ;AACvC,YAAM,sBAAsB,uBAAuB;AACnD,6BAAuB,UAAUA;AAGjC,UAAI,wBAAwBA,oBAAmB;AAC7C;AAAA,MACF;AAEA,YAAM,qBAAqB,gBAAgB,CAAC;AAE5C,+BAAyBA,kBAAiB;AAE1C,UAAI,wBAAwB,MAAM;AAGhC,YAAI,sBAAsBA,sBAAqB,CAAC,WAAW;AACzD,uBAAa,IAAI;AAAA,QACnB;AACA;AAAA,MACF;AAIA,UAAI,oBAAoB;AACtB,qBAAaA,kBAAiB;AAAA,MAChC;AAAA,IACF;AAAA,EACF,CAAC;AAED,QAAM,oBAAoB,mBAAmB,KAAK,iBAAiB;AAEnE,SAAO,EAAE,gBAAgB,WAAW,cAAc,kBAAkB;AACtE;",
-  "names": ["isBelowBreakpoint"]
-}

package/esm/layouts/page-layout/shared/useRegisteredSlot.js

@@ -1,13 +0,0 @@
-import { usePageLayoutPortalContext } from "./PageLayoutPortalContext.js";
-import { useSafeLayoutEffect } from "../../../core/hooks/useSafeLayoutEffect.js";
-function useRegisteredSlot(slotName, config) {
-  const { registry } = usePageLayoutPortalContext();
-  useSafeLayoutEffect(() => {
-    registry.register(slotName, config);
-    return () => registry.unregister(slotName);
-  }, [registry, slotName, config]);
-}
-export {
-  useRegisteredSlot
-};
-//# sourceMappingURL=useRegisteredSlot.js.map

package/esm/layouts/page-layout/shared/useRegisteredSlot.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../src/layouts/page-layout/shared/useRegisteredSlot.ts"],
-  "sourcesContent": ["import { usePageLayoutPortalContext } from './PageLayoutPortalContext.js';\nimport type { SlotRegistryState } from './slot-registry.js';\nimport { useSafeLayoutEffect } from '../../../core/hooks/useSafeLayoutEffect.js';\n\n/**\n * Registers `config` for `slotName` in the slot registry on mount and\n * unregisters on unmount. Re-registers when `config` identity changes.\n *\n * Uses a layout effect so the registration is observable before the next\n * paint \u2014 the layout shells (`MainShell`, `HeaderShell`) need to see the\n * registered config in the same commit as the slot component mounts to\n * avoid a frame of unstyled content.\n *\n * Callers must memoize `config` themselves (typically via `useMemo` with an\n * explicit dependency array) so the effect only re-runs when something\n * meaningful changes.\n *\n * @internal\n */\nexport function useRegisteredSlot<K extends keyof SlotRegistryState>(\n  slotName: K,\n  config: NonNullable<SlotRegistryState[K]>,\n): void {\n  const { registry } = usePageLayoutPortalContext();\n  useSafeLayoutEffect(() => {\n    registry.register(slotName, config);\n    return () => registry.unregister(slotName);\n  }, [registry, slotName, config]);\n}\n"],
-  "mappings": "AAAA,SAAS,kCAAkC;AAE3C,SAAS,2BAA2B;AAiB7B,SAAS,kBACd,UACA,QACM;AACN,QAAM,EAAE,SAAS,IAAI,2BAA2B;AAChD,sBAAoB,MAAM;AACxB,aAAS,SAAS,UAAU,MAAM;AAClC,WAAO,MAAM,SAAS,WAAW,QAAQ;AAAA,EAC3C,GAAG,CAAC,UAAU,UAAU,MAAM,CAAC;AACjC;",
-  "names": []
-}

package/esm/layouts/page-layout/shared/useStableHost.js

@@ -1,14 +0,0 @@
-import { useRef } from "react";
-function useStableHost() {
-  const hostRef = useRef(null);
-  if (hostRef.current === null) {
-    const el = document.createElement("div");
-    el.style.display = "contents";
-    hostRef.current = el;
-  }
-  return hostRef.current;
-}
-export {
-  useStableHost
-};
-//# sourceMappingURL=useStableHost.js.map

package/esm/layouts/page-layout/shared/useStableHost.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../src/layouts/page-layout/shared/useStableHost.ts"],
-  "sourcesContent": ["import { useRef } from 'react';\n\n/**\n * Creates a stable `<div style=\"display:contents\">` DOM element on first\n * render and returns the same element on every subsequent render.\n *\n * The element is created lazily on first access via `useRef` \u2014 not via\n * `useMemo` \u2014 so StrictMode / cache-eviction cannot cause it to be\n * recreated and break referential stability for callers that capture it\n * (e.g. `createPortal`).\n *\n * @internal\n */\nexport function useStableHost(): HTMLDivElement {\n  const hostRef = useRef<HTMLDivElement | null>(null);\n  if (hostRef.current === null) {\n    const el = document.createElement('div');\n    el.style.display = 'contents';\n    hostRef.current = el;\n  }\n  return hostRef.current;\n}\n"],
-  "mappings": "AAAA,SAAS,cAAc;AAahB,SAAS,gBAAgC;AAC9C,QAAM,UAAU,OAA8B,IAAI;AAClD,MAAI,QAAQ,YAAY,MAAM;AAC5B,UAAM,KAAK,SAAS,cAAc,KAAK;AACvC,OAAG,MAAM,UAAU;AACnB,YAAQ,UAAU;AAAA,EACpB;AACA,SAAO,QAAQ;AACjB;",
-  "names": []
-}

package/esm/layouts/page-layout/shared/useTeleport.js

@@ -1,40 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { useMemo } from "react";
-import { createPortal } from "react-dom";
-import { TeleportTarget } from "./TeleportTarget.js";
-import { useStableHost } from "./useStableHost.js";
-function useTeleport() {
-  const host = useStableHost();
-  return useMemo(
-    () => ({
-      // `Source` and `Target` are declared in `useMemo` on purpose.
-      // `host` is stable per hook instance, so `[host]` keeps these component
-      // identities stable across re-renders. If this were changed to depend
-      // on something unstable, consumers would see new component types and
-      // React would remount their subtrees.
-      /**
-       * Renders `children` into `host` via a React portal.
-       * Must be rendered exactly **once** and must not be rendered conditionally.
-       */
-      Source: function TeleportSource({ children }) {
-        return createPortal(children, host);
-      },
-      /**
-       * Places the `host` element in the DOM at the point where this
-       * component is mounted. When `Target` moves between different parents
-       * the DOM node is re-appended without React unmounting it.
-       *
-       * Delegates to `TeleportTarget` — the same component used by call sites
-       * that manage their own host node directly (e.g. `PageLayout`).
-       */
-      Target: function TeleportTarget_() {
-        return /* @__PURE__ */ jsx(TeleportTarget, { host });
-      }
-    }),
-    [host]
-  );
-}
-export {
-  useTeleport
-};
-//# sourceMappingURL=useTeleport.js.map

package/esm/layouts/page-layout/shared/useTeleport.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../src/layouts/page-layout/shared/useTeleport.tsx"],
-  "sourcesContent": ["import { type ReactNode, useMemo } from 'react';\nimport { createPortal } from 'react-dom';\n\nimport { TeleportTarget } from './TeleportTarget.js';\nimport { useStableHost } from './useStableHost.js';\n\n/**\n * Creates a stable DOM element whose React subtree\n * survives parent re-mounts. Call `Source` once (outside any conditional\n * branches) to declare *what* to render, and place `Target` wherever the\n * content should appear in the DOM.\n *\n * Because the host `<div>` is created once (via `useStableHost`) and only\n * moved via `appendChild` in a `useLayoutEffect`, React never unmounts the\n * subtree when the layout switches between split / overlay / collapsed /\n * drawer modes.\n *\n * @example\n * ```tsx\n * const content = useTeleport();\n * const panel = useTeleport();\n *\n * // Always rendered \u2013 defines *what* goes into each slot.\n * <content.Source>main area</content.Source>\n * <panel.Source>sidebar / details</panel.Source>\n *\n * // Placed in the appropriate layout branch.\n * {mode === 'split' ? <content.Target /> : null}\n * {mode === 'drawer' ? <panel.Target /> : null}\n * ```\n *\n * @internal\n */\nexport function useTeleport() {\n  const host = useStableHost();\n\n  return useMemo(\n    () => ({\n      // `Source` and `Target` are declared in `useMemo` on purpose.\n      // `host` is stable per hook instance, so `[host]` keeps these component\n      // identities stable across re-renders. If this were changed to depend\n      // on something unstable, consumers would see new component types and\n      // React would remount their subtrees.\n\n      /**\n       * Renders `children` into `host` via a React portal.\n       * Must be rendered exactly **once** and must not be rendered conditionally.\n       */\n      Source: function TeleportSource({ children }: { children: ReactNode }) {\n        return createPortal(children, host);\n      },\n\n      /**\n       * Places the `host` element in the DOM at the point where this\n       * component is mounted. When `Target` moves between different parents\n       * the DOM node is re-appended without React unmounting it.\n       *\n       * Delegates to `TeleportTarget` \u2014 the same component used by call sites\n       * that manage their own host node directly (e.g. `PageLayout`).\n       */\n      Target: function TeleportTarget_() {\n        return <TeleportTarget host={host} />;\n      },\n    }),\n    [host],\n  );\n}\n"],
-  "mappings": "AA6De;AA7Df,SAAyB,eAAe;AACxC,SAAS,oBAAoB;AAE7B,SAAS,sBAAsB;AAC/B,SAAS,qBAAqB;AA6BvB,SAAS,cAAc;AAC5B,QAAM,OAAO,cAAc;AAE3B,SAAO;AAAA,IACL,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAWL,QAAQ,SAAS,eAAe,EAAE,SAAS,GAA4B;AACrE,eAAO,aAAa,UAAU,IAAI;AAAA,MACpC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAUA,QAAQ,SAAS,kBAAkB;AACjC,eAAO,oBAAC,kBAAe,MAAY;AAAA,MACrC;AAAA,IACF;AAAA,IACA,CAAC,IAAI;AAAA,EACP;AACF;",
-  "names": []
-}

package/esm/layouts/page-layout/sidebar-layout/CollapsedSidebarRail.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../src/layouts/page-layout/sidebar-layout/CollapsedSidebarRail.tsx"],
-  "sourcesContent": ["import { type Ref } from 'react';\n\nimport { ChevronSmallRightDoubleIcon } from '@dynatrace/strato-icons';\n\nimport * as styles from './SidebarLayout.sty.js';\nimport { Button } from '../../../buttons/button/Button.js';\nimport { Tooltip } from '../../../overlays/tooltip/Tooltip.js';\n\ninterface SidebarHint {\n  panelId: string;\n  expandSidebarLabel: string;\n  expandButtonRef: Ref<HTMLButtonElement>;\n  /**\n   * Called when the user activates the rail to expand the sidebar. Receives\n   * the new collapsed state, which is always `false` from this component but\n   * matches the controlled-collapse callback shape used elsewhere.\n   */\n  onCollapsedChange: (collapsed: boolean) => void;\n  /**\n   * Whether the panel controlled by the expand button is currently collapsed.\n   * In `collapsed` mode this is always `true`, but in `drawer` mode the\n   * drawer can be open while the rail is still rendered, in which case this\n   * must reflect the live state for assistive technologies.\n   */\n  isCollapsed?: boolean;\n}\n\n/**\n * The narrow vertical hint rendered when the sidebar is collapsed (in either\n * the `collapsed` mode or the `drawer` mode while the drawer is dismissed).\n * Suggests to the user that there is a sidebar outside the frame, which can be expanded.\n *\n * @internal\n */\nexport function SidebarHint({\n  panelId,\n  expandSidebarLabel,\n  expandButtonRef,\n  onCollapsedChange,\n  isCollapsed = true,\n}: SidebarHint) {\n  const expand = () => {\n    onCollapsedChange(false);\n  };\n\n  return (\n    <div className={styles.collapsedSidebar} id={panelId}>\n      <button\n        className={styles.hint}\n        type=\"button\"\n        onClick={expand}\n        tabIndex={-1}\n        aria-hidden=\"true\"\n        aria-label={expandSidebarLabel}\n      />\n      <div className={styles.expandButtonContainer}>\n        <Tooltip text={expandSidebarLabel}>\n          <Button\n            className={styles.expandButton}\n            aria-expanded={!isCollapsed}\n            ref={expandButtonRef}\n            aria-controls={panelId}\n            aria-label={expandSidebarLabel}\n            size=\"condensed\"\n            data-dt-children-name=\"ExpandCollapse\"\n            data-dt-properties=\"state:expand\"\n            onClick={expand}\n          >\n            <Button.Prefix>\n              <ChevronSmallRightDoubleIcon />\n            </Button.Prefix>\n          </Button>\n        </Tooltip>\n      </div>\n    </div>\n  );\n}\n"],
-  "mappings": "AA8CI,SACE,KADF;AA5CJ,SAAS,mCAAmC;AAE5C,YAAY,YAAY;AACxB,SAAS,cAAc;AACvB,SAAS,eAAe;AA4BjB,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,cAAc;AAChB,GAAgB;AACd,QAAM,SAAS,MAAM;AACnB,sBAAkB,KAAK;AAAA,EACzB;AAEA,SACE,qBAAC,SAAI,WAAW,OAAO,kBAAkB,IAAI,SAC3C;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,WAAW,OAAO;AAAA,QAClB,MAAK;AAAA,QACL,SAAS;AAAA,QACT,UAAU;AAAA,QACV,eAAY;AAAA,QACZ,cAAY;AAAA;AAAA,IACd;AAAA,IACA,oBAAC,SAAI,WAAW,OAAO,uBACrB,8BAAC,WAAQ,MAAM,oBACb;AAAA,MAAC;AAAA;AAAA,QACC,WAAW,OAAO;AAAA,QAClB,iBAAe,CAAC;AAAA,QAChB,KAAK;AAAA,QACL,iBAAe;AAAA,QACf,cAAY;AAAA,QACZ,MAAK;AAAA,QACL,yBAAsB;AAAA,QACtB,sBAAmB;AAAA,QACnB,SAAS;AAAA,QAET,8BAAC,OAAO,QAAP,EACC,8BAAC,+BAA4B,GAC/B;AAAA;AAAA,IACF,GACF,GACF;AAAA,KACF;AAEJ;",
-  "names": []
-}