@cube-dev/ui-kit 0.0.0-canary-e75ef64 → 0.0.0-canary-f53c097

package/dist/components/content/Layout/Layout.js.map

@@ -1 +1 @@
-{"version":3,"file":"Layout.js","names":["useResizeObserver","BaseProps","BlockStyleProps","ColorStyleProps","filterBaseProps","FlowStyleProps","INNER_STYLES","mergeStyles","OUTER_STYLES","OuterStyleProps","Styles","tasty","CSSProperties","FocusEvent","ForwardedRef","forwardRef","HTMLAttributes","KeyboardEvent","ReactNode","useCallback","useContext","useEffect","useMemo","useRef","useState","isDevEnv","useCombinedRefs","extractStyles","Alert","LayoutPanelTransitionContext","LayoutProvider","useLayoutActionsContext","useLayoutRefsContext","useLayoutStateContext","LayoutElement","as","qa","styles","position","display","overflow","flexGrow","placeSelf","height","collapsed","vertical","Inner","$","container","inset","flow","placeContent","placeItems","transition","DEV_WARNING_STYLES","zIndex","CubeLayoutProps","isGrid","columns","rows","template","contentPadding","hasTransition","minContentSize","children","innerRef","HTMLDivElement","innerProps","_forceShowDevWarning","doNotOverflow","LayoutInner","props","forwardedRef","layoutActions","layoutState","layoutRefs","localRef","isAutoHeight","setIsAutoHeight","isCollapsed","setIsCollapsed","style","innerRefProp","otherProps","combinedInnerRef","updateContainerSize","ref","onResize","current","offsetWidth","offsetHeight","outerStyles","innerStyles","isVertical","flowFromProp","flowFromStyles","Record","flowValue","startsWith","finalStyles","gridStyles","gridColumns","gridRows","gridTemplate","panelSizes","left","top","right","bottom","isDragging","isReady","markReady","dismissOverlayPanels","hasOverlayPanels","isClippingPanels","frameId","requestAnimationFrame","cancelAnimationFrame","insetStyle","baseStyle","transitionStyle","overflowX","overflowY","overflowInline","overflowBlock","overflowClipMargin","mods","dragging","setRefs","element","showDevWarning","handleInnerFocus","e","inner","currentTarget","relatedTarget","Node","contains","handleKeyDown","key","preventDefault","stopPropagation","eventProps","undefined","setPanelContainer","Layout","_c","t0","t1","_Layout","displayName"],"sources":["../../../../src/components/content/Layout/Layout.tsx"],"sourcesContent":["import { useResizeObserver } from '@react-aria/utils';\nimport {\n  BaseProps,\n  BlockStyleProps,\n  ColorStyleProps,\n  filterBaseProps,\n  FlowStyleProps,\n  INNER_STYLES,\n  mergeStyles,\n  OUTER_STYLES,\n  OuterStyleProps,\n  Styles,\n  tasty,\n} from '@tenphi/tasty';\nimport {\n  CSSProperties,\n  FocusEvent,\n  ForwardedRef,\n  forwardRef,\n  HTMLAttributes,\n  KeyboardEvent,\n  ReactNode,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\n\nimport { isDevEnv } from '../../../utils/is-dev-env';\nimport { useCombinedRefs } from '../../../utils/react';\nimport { extractStyles } from '../../../utils/styles';\nimport { Alert } from '../Alert';\n\nimport {\n  LayoutPanelTransitionContext,\n  LayoutProvider,\n  useLayoutActionsContext,\n  useLayoutRefsContext,\n  useLayoutStateContext,\n} from './LayoutContext';\n\nconst LayoutElement = tasty({\n  as: 'div',\n  qa: 'Layout',\n  styles: {\n    position: 'relative',\n    display: 'block',\n    overflow: {\n      '': 'visible',\n      'do-not-overflow': 'hidden',\n    },\n    flexGrow: 1,\n    placeSelf: 'stretch',\n    height: {\n      '': 'auto',\n      'auto-height': 'fixed 100%',\n      collapsed: '6x',\n    },\n\n    '$content-padding': '1x',\n    // Auto-border size for sub-components (set when layout is vertical)\n    '$layout-border-size': {\n      '': '0',\n      vertical: '1bw',\n    },\n\n    Inner: {\n      // .base-class[data-hover] > [data-element=\"Inner\"] { ...}\n      // Direct child selector required for nested layouts\n      $: '>',\n      container: 'layout / inline-size',\n      position: 'absolute',\n      inset: '$inset-top $inset-right $inset-bottom $inset-left',\n      display: 'flex',\n      flow: 'column',\n      placeContent: 'stretch',\n      placeItems: 'stretch',\n      // Disable transition during panel resize for snappy feedback\n      // Also disable transition when not ready to prevent initial animation\n      // Only animate when has-transition is enabled (and not dragging/not-ready)\n      transition: {\n        '': 'none',\n        'has-transition': 'inset $transition ease-out',\n        'dragging | not-ready': 'none',\n      },\n    },\n  },\n});\n\n// The collapse warning sits on top of `Inner` rather than in place of it.\n// `Inner` is absolutely positioned, so an in-flow sibling would paint beneath\n// it; match its box and take the layer above.\nconst DEV_WARNING_STYLES: Styles = {\n  position: 'absolute',\n  inset: '0',\n  zIndex: 1,\n  overflow: 'auto',\n};\n\nexport interface CubeLayoutProps\n  extends BaseProps,\n    OuterStyleProps,\n    BlockStyleProps,\n    ColorStyleProps,\n    FlowStyleProps {\n  /** Switch to grid display mode */\n  isGrid?: boolean;\n  /** Grid template columns (when isGrid=true) */\n  columns?: Styles['gridColumns'];\n  /** Grid template rows (when isGrid=true) */\n  rows?: Styles['gridRows'];\n  /** Grid template shorthand */\n  template?: Styles['gridTemplate'];\n  /** Padding for content areas (Layout.Content components). Default: '1x' */\n  contentPadding?: Styles['padding'];\n  /** Enable transition animation for Inner content when panels open/close */\n  hasTransition?: boolean;\n  /** Minimum size reserved for the content area between panels. Default: 320 */\n  minContentSize?: number;\n  /** Styles for wrapper and Inner sub-element */\n  styles?: Styles;\n  children?: ReactNode;\n  /** Ref for the inner content element */\n  innerRef?: ForwardedRef<HTMLDivElement>;\n  /** Props to spread on the Inner sub-element */\n  innerProps?: HTMLAttributes<HTMLDivElement>;\n  /**\n   * @internal Force show dev warning even in production (for storybook testing)\n   */\n  _forceShowDevWarning?: boolean;\n  /**\n   * When true, applies overflow: hidden to the root element.\n   * By default, overflow is visible.\n   */\n  doNotOverflow?: boolean;\n}\n\nfunction LayoutInner(\n  props: CubeLayoutProps & { forwardedRef?: ForwardedRef<HTMLDivElement> },\n) {\n  const layoutActions = useLayoutActionsContext();\n  const layoutState = useLayoutStateContext();\n  const layoutRefs = useLayoutRefsContext();\n  const localRef = useRef<HTMLDivElement>(null);\n  const [isAutoHeight, setIsAutoHeight] = useState(false);\n  const [isCollapsed, setIsCollapsed] = useState(false);\n\n  const {\n    isGrid,\n    columns,\n    rows,\n    template,\n    contentPadding,\n    hasTransition = false,\n    minContentSize,\n    styles,\n    children,\n    style,\n    forwardedRef,\n    innerRef: innerRefProp,\n    innerProps,\n    _forceShowDevWarning,\n    doNotOverflow,\n    ...otherProps\n  } = props;\n\n  const combinedInnerRef = useCombinedRefs(innerRefProp);\n  const updateContainerSize = layoutActions?.updateContainerSize;\n\n  useResizeObserver({\n    ref: localRef,\n    onResize: useCallback(() => {\n      if (localRef.current) {\n        updateContainerSize?.(\n          localRef.current.offsetWidth,\n          localRef.current.offsetHeight,\n        );\n      }\n    }, [updateContainerSize]),\n  });\n\n  // Extract outer wrapper styles and inner content styles\n  const outerStyles = extractStyles(otherProps, OUTER_STYLES);\n  const innerStyles = extractStyles(otherProps, INNER_STYLES);\n\n  // Calculate if the layout flow is vertical (for auto-border feature)\n  // Default flow is 'column' (vertical), only horizontal when explicitly set to 'row'\n  const isVertical = useMemo(() => {\n    const flowFromProp = innerStyles?.flow;\n    const flowFromStyles = (styles?.Inner as Record<string, unknown>)?.flow;\n    const flowValue = flowFromProp ?? flowFromStyles;\n\n    return typeof flowValue !== 'string' || !flowValue.startsWith('row');\n  }, [innerStyles?.flow, styles?.Inner]);\n\n  // Merge styles using the same pattern as LayoutPane\n  const finalStyles = useMemo(() => {\n    // Handle grid mode and grid properties\n    const gridStyles: Styles = {};\n\n    if (isGrid) {\n      gridStyles.display = 'grid';\n    }\n\n    if (columns) {\n      gridStyles.gridColumns = columns;\n    }\n\n    if (rows) {\n      gridStyles.gridRows = rows;\n    }\n\n    if (template) {\n      gridStyles.gridTemplate = template;\n    }\n\n    return mergeStyles(\n      outerStyles,\n      contentPadding != null ? { '$content-padding': contentPadding } : null,\n      styles,\n      { Inner: mergeStyles(innerStyles, gridStyles, styles?.Inner as Styles) },\n    );\n  }, [\n    outerStyles,\n    innerStyles,\n    contentPadding,\n    styles,\n    isGrid,\n    columns,\n    rows,\n    template,\n  ]);\n\n  // Calculate inset values from panel sizes\n  const panelSizes = layoutState?.panelSizes ?? {\n    left: 0,\n    top: 0,\n    right: 0,\n    bottom: 0,\n  };\n\n  const isDragging = layoutState?.isDragging ?? false;\n  const isReady = layoutState?.isReady ?? true;\n  const markReady = layoutActions?.markReady;\n  const dismissOverlayPanels = layoutActions?.dismissOverlayPanels;\n  const hasOverlayPanels = layoutState?.hasOverlayPanels ?? false;\n  const isClippingPanels =\n    useContext(LayoutPanelTransitionContext)?.isClippingPanels ?? false;\n\n  // Mark layout as ready after first paint\n  // Using useEffect + requestAnimationFrame ensures:\n  // 1. Panels register in useLayoutEffect → correct insets before first paint\n  // 2. First paint with not-ready=true (transition disabled)\n  // 3. After paint completes → enables transitions for subsequent changes\n  useEffect(() => {\n    const frameId = requestAnimationFrame(() => {\n      markReady?.();\n    });\n\n    return () => cancelAnimationFrame(frameId);\n  }, [markReady]);\n\n  // Auto-height detection: if layout collapses to 0 height after initialization,\n  // automatically set height to 100% to prevent invisible layout\n  useEffect(() => {\n    if (isReady && localRef.current && localRef.current.offsetHeight === 0) {\n      setIsAutoHeight(true);\n    }\n  }, [isReady]);\n\n  // Second check: if still 0 height after auto-height was applied,\n  // show collapsed state with warning\n  useEffect(() => {\n    if (isAutoHeight && localRef.current) {\n      // Use requestAnimationFrame to check after styles have been applied\n      const frameId = requestAnimationFrame(() => {\n        if (localRef.current && localRef.current.offsetHeight === 0) {\n          setIsCollapsed(true);\n        }\n      });\n\n      return () => cancelAnimationFrame(frameId);\n    }\n  }, [isAutoHeight]);\n\n  const insetStyle = useMemo(() => {\n    const baseStyle: Record<string, string> = {\n      '--inset-top': `${panelSizes.top}px`,\n      '--inset-right': `${panelSizes.right}px`,\n      '--inset-bottom': `${panelSizes.bottom}px`,\n      '--inset-left': `${panelSizes.left}px`,\n    };\n\n    if (style) {\n      return { ...baseStyle, ...style } as CSSProperties;\n    }\n\n    return baseStyle as CSSProperties;\n  }, [panelSizes, style]);\n\n  // Remove consumer longhands while clipping so they cannot override the shorthand.\n  // Restoring the original style object also restores the latest consumer values.\n  const transitionStyle = { ...insetStyle };\n  if (isClippingPanels) {\n    delete transitionStyle.overflowX;\n    delete transitionStyle.overflowY;\n    delete transitionStyle.overflowInline;\n    delete transitionStyle.overflowBlock;\n    transitionStyle.overflow = 'clip';\n    transitionStyle.overflowClipMargin = '0px';\n  }\n\n  const mods = useMemo(\n    () => ({\n      dragging: isDragging,\n      'not-ready': !isReady,\n      'has-transition': hasTransition,\n      'auto-height': isAutoHeight && !isCollapsed,\n      collapsed: isCollapsed,\n      vertical: isVertical,\n      'do-not-overflow': doNotOverflow,\n    }),\n    [\n      isDragging,\n      isReady,\n      hasTransition,\n      isAutoHeight,\n      isCollapsed,\n      isVertical,\n      doNotOverflow,\n    ],\n  );\n\n  // Combine local ref with forwarded ref\n  const setRefs = (element: HTMLDivElement | null) => {\n    localRef.current = element;\n\n    if (typeof forwardedRef === 'function') {\n      forwardedRef(element);\n    } else if (forwardedRef) {\n      forwardedRef.current = element;\n    }\n  };\n\n  // Show dev warning when collapsed and in dev mode (or forced for stories)\n  const showDevWarning = isCollapsed && (_forceShowDevWarning || isDevEnv());\n\n  // Handle focus entering the Inner element - dismiss overlay panels\n  const handleInnerFocus = useCallback(\n    (e: FocusEvent<HTMLDivElement>) => {\n      // Only dismiss if there are overlay panels\n      if (!hasOverlayPanels) return;\n\n      // Check if focus is coming from outside the Inner element\n      const inner = e.currentTarget;\n      const relatedTarget = e.relatedTarget as Node | null;\n\n      // If relatedTarget is null or not inside the Inner element,\n      // focus is entering from outside - dismiss overlay panels\n      if (!relatedTarget || !inner.contains(relatedTarget)) {\n        dismissOverlayPanels?.();\n      }\n    },\n    [hasOverlayPanels, dismissOverlayPanels],\n  );\n\n  // Handle Escape key anywhere in the Layout - dismiss overlay panels\n  const handleKeyDown = useCallback(\n    (e: KeyboardEvent) => {\n      if (hasOverlayPanels && e.key === 'Escape') {\n        e.preventDefault();\n        e.stopPropagation();\n        dismissOverlayPanels?.();\n      }\n    },\n    [hasOverlayPanels, dismissOverlayPanels],\n  );\n\n  return (\n    <LayoutElement\n      ref={setRefs}\n      {...filterBaseProps(otherProps, { eventProps: true })}\n      mods={mods}\n      styles={finalStyles}\n      style={transitionStyle}\n      onKeyDown={hasOverlayPanels ? handleKeyDown : undefined}\n    >\n      {/* All children go inside the Inner element - panels will portal themselves out */}\n      <div\n        ref={combinedInnerRef}\n        data-element=\"Inner\"\n        onFocus={handleInnerFocus}\n        {...innerProps}\n      >\n        {children}\n      </div>\n      {/* Container for panels to portal into - rendered after Inner so panels paint on top via DOM order */}\n      <div ref={layoutRefs?.setPanelContainer} data-element=\"PanelContainer\" />\n      {/* Overlaid, never substituted for `children`. A zero-height measurement is\n          not proof of a mistake - a hidden tab, a collapsed accordion and a\n          container mid-animation all measure zero - so unmounting the subtree\n          would turn a wrong guess into an outage, and remounting it on the way\n          back would drop whatever state it held. */}\n      {showDevWarning ? (\n        <Alert theme=\"danger\" styles={DEV_WARNING_STYLES}>\n          <b>UIKit:</b> <b>&lt;Layout/&gt;</b> has collapsed to <b>0</b> height.\n          Ensure the parent container has a defined height or use the{' '}\n          <b>height</b> prop on <b>&lt;Layout/&gt;</b>.\n        </Alert>\n      ) : null}\n    </LayoutElement>\n  );\n}\n\n/**\n * Layout component provides a vertical flex layout with overflow-safe content.\n * Uses a two-element architecture (wrapper + content) to ensure content never overflows.\n */\nfunction Layout(props: CubeLayoutProps, ref: ForwardedRef<HTMLDivElement>) {\n  const { hasTransition, minContentSize } = props;\n\n  return (\n    <LayoutProvider\n      hasTransition={hasTransition}\n      minContentSize={minContentSize}\n    >\n      <LayoutInner {...props} forwardedRef={ref} />\n    </LayoutProvider>\n  );\n}\n\nconst _Layout = forwardRef(Layout);\n\n_Layout.displayName = 'Layout';\n\nexport { _Layout as Layout };\n"],"mappings":"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"}
+{"version":3,"file":"Layout.js","names":["useResizeObserver","BaseProps","BlockStyleProps","ColorStyleProps","filterBaseProps","FlowStyleProps","INNER_STYLES","mergeStyles","OUTER_STYLES","OuterStyleProps","Styles","tasty","CSSProperties","FocusEvent","ForwardedRef","forwardRef","HTMLAttributes","KeyboardEvent","ReactNode","useCallback","useContext","useEffect","useMemo","useRef","useState","isDevEnv","useCombinedRefs","extractStyles","Alert","LayoutPanelTransitionContext","LayoutProvider","useLayoutActionsContext","useLayoutRefsContext","useLayoutStateContext","LayoutElement","as","qa","styles","position","display","overflow","flexGrow","placeSelf","height","collapsed","vertical","Inner","$","container","inset","flow","placeContent","placeItems","transition","DEV_WARNING_STYLES","zIndex","CubeLayoutProps","isGrid","columns","rows","template","contentPadding","hasTransition","minContentSize","children","innerRef","HTMLDivElement","innerProps","_forceShowDevWarning","doNotOverflow","LayoutInner","props","forwardedRef","layoutActions","layoutState","layoutRefs","localRef","isAutoHeight","setIsAutoHeight","isCollapsed","setIsCollapsed","style","innerRefProp","otherProps","combinedInnerRef","updateContainerSize","ref","box","onResize","current","offsetWidth","offsetHeight","outerStyles","innerStyles","isVertical","flowFromProp","flowFromStyles","Record","flowValue","startsWith","finalStyles","gridStyles","gridColumns","gridRows","gridTemplate","panelSizes","left","top","right","bottom","isDragging","isReady","markReady","dismissOverlayPanels","hasOverlayPanels","isClippingPanels","frameId","requestAnimationFrame","cancelAnimationFrame","insetStyle","baseStyle","transitionStyle","overflowX","overflowY","overflowInline","overflowBlock","overflowClipMargin","mods","dragging","setRefs","element","showDevWarning","handleInnerFocus","e","inner","currentTarget","relatedTarget","Node","contains","handleKeyDown","key","preventDefault","stopPropagation","eventProps","undefined","setPanelContainer","Layout","_c","t0","t1","_Layout","displayName"],"sources":["../../../../src/components/content/Layout/Layout.tsx"],"sourcesContent":["import { useResizeObserver } from '@react-aria/utils';\nimport {\n  BaseProps,\n  BlockStyleProps,\n  ColorStyleProps,\n  filterBaseProps,\n  FlowStyleProps,\n  INNER_STYLES,\n  mergeStyles,\n  OUTER_STYLES,\n  OuterStyleProps,\n  Styles,\n  tasty,\n} from '@tenphi/tasty';\nimport {\n  CSSProperties,\n  FocusEvent,\n  ForwardedRef,\n  forwardRef,\n  HTMLAttributes,\n  KeyboardEvent,\n  ReactNode,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\n\nimport { isDevEnv } from '../../../utils/is-dev-env';\nimport { useCombinedRefs } from '../../../utils/react';\nimport { extractStyles } from '../../../utils/styles';\nimport { Alert } from '../Alert';\n\nimport {\n  LayoutPanelTransitionContext,\n  LayoutProvider,\n  useLayoutActionsContext,\n  useLayoutRefsContext,\n  useLayoutStateContext,\n} from './LayoutContext';\n\nconst LayoutElement = tasty({\n  as: 'div',\n  qa: 'Layout',\n  styles: {\n    position: 'relative',\n    display: 'block',\n    overflow: {\n      '': 'visible',\n      'do-not-overflow': 'hidden',\n    },\n    flexGrow: 1,\n    placeSelf: 'stretch',\n    height: {\n      '': 'auto',\n      'auto-height': 'fixed 100%',\n      collapsed: '6x',\n    },\n\n    '$content-padding': '1x',\n    // Auto-border size for sub-components (set when layout is vertical)\n    '$layout-border-size': {\n      '': '0',\n      vertical: '1bw',\n    },\n\n    Inner: {\n      // .base-class[data-hover] > [data-element=\"Inner\"] { ...}\n      // Direct child selector required for nested layouts\n      $: '>',\n      container: 'layout / inline-size',\n      position: 'absolute',\n      inset: '$inset-top $inset-right $inset-bottom $inset-left',\n      display: 'flex',\n      flow: 'column',\n      placeContent: 'stretch',\n      placeItems: 'stretch',\n      // Disable transition during panel resize for snappy feedback\n      // Also disable transition when not ready to prevent initial animation\n      // Only animate when has-transition is enabled (and not dragging/not-ready)\n      transition: {\n        '': 'none',\n        'has-transition': 'inset $transition ease-out',\n        'dragging | not-ready': 'none',\n      },\n    },\n  },\n});\n\n// The collapse warning sits on top of `Inner` rather than in place of it.\n// `Inner` is absolutely positioned, so an in-flow sibling would paint beneath\n// it; match its box and take the layer above.\nconst DEV_WARNING_STYLES: Styles = {\n  position: 'absolute',\n  inset: '0',\n  zIndex: 1,\n  overflow: 'auto',\n};\n\nexport interface CubeLayoutProps\n  extends BaseProps,\n    OuterStyleProps,\n    BlockStyleProps,\n    ColorStyleProps,\n    FlowStyleProps {\n  /** Switch to grid display mode */\n  isGrid?: boolean;\n  /** Grid template columns (when isGrid=true) */\n  columns?: Styles['gridColumns'];\n  /** Grid template rows (when isGrid=true) */\n  rows?: Styles['gridRows'];\n  /** Grid template shorthand */\n  template?: Styles['gridTemplate'];\n  /** Padding for content areas (Layout.Content components). Default: '1x' */\n  contentPadding?: Styles['padding'];\n  /** Enable transition animation for Inner content when panels open/close */\n  hasTransition?: boolean;\n  /** Minimum size reserved for the content area between panels. Default: 320 */\n  minContentSize?: number;\n  /** Styles for wrapper and Inner sub-element */\n  styles?: Styles;\n  children?: ReactNode;\n  /** Ref for the inner content element */\n  innerRef?: ForwardedRef<HTMLDivElement>;\n  /** Props to spread on the Inner sub-element */\n  innerProps?: HTMLAttributes<HTMLDivElement>;\n  /**\n   * @internal Force show dev warning even in production (for storybook testing)\n   */\n  _forceShowDevWarning?: boolean;\n  /**\n   * When true, applies overflow: hidden to the root element.\n   * By default, overflow is visible.\n   */\n  doNotOverflow?: boolean;\n}\n\nfunction LayoutInner(\n  props: CubeLayoutProps & { forwardedRef?: ForwardedRef<HTMLDivElement> },\n) {\n  const layoutActions = useLayoutActionsContext();\n  const layoutState = useLayoutStateContext();\n  const layoutRefs = useLayoutRefsContext();\n  const localRef = useRef<HTMLDivElement>(null);\n  const [isAutoHeight, setIsAutoHeight] = useState(false);\n  const [isCollapsed, setIsCollapsed] = useState(false);\n\n  const {\n    isGrid,\n    columns,\n    rows,\n    template,\n    contentPadding,\n    hasTransition = false,\n    minContentSize,\n    styles,\n    children,\n    style,\n    forwardedRef,\n    innerRef: innerRefProp,\n    innerProps,\n    _forceShowDevWarning,\n    doNotOverflow,\n    ...otherProps\n  } = props;\n\n  const combinedInnerRef = useCombinedRefs(innerRefProp);\n  const updateContainerSize = layoutActions?.updateContainerSize;\n\n  useResizeObserver({\n    ref: localRef,\n    box: 'border-box',\n    onResize: useCallback(() => {\n      if (localRef.current) {\n        updateContainerSize?.(\n          localRef.current.offsetWidth,\n          localRef.current.offsetHeight,\n        );\n      }\n    }, [updateContainerSize]),\n  });\n\n  // Extract outer wrapper styles and inner content styles\n  const outerStyles = extractStyles(otherProps, OUTER_STYLES);\n  const innerStyles = extractStyles(otherProps, INNER_STYLES);\n\n  // Calculate if the layout flow is vertical (for auto-border feature)\n  // Default flow is 'column' (vertical), only horizontal when explicitly set to 'row'\n  const isVertical = useMemo(() => {\n    const flowFromProp = innerStyles?.flow;\n    const flowFromStyles = (styles?.Inner as Record<string, unknown>)?.flow;\n    const flowValue = flowFromProp ?? flowFromStyles;\n\n    return typeof flowValue !== 'string' || !flowValue.startsWith('row');\n  }, [innerStyles?.flow, styles?.Inner]);\n\n  // Merge styles using the same pattern as LayoutPane\n  const finalStyles = useMemo(() => {\n    // Handle grid mode and grid properties\n    const gridStyles: Styles = {};\n\n    if (isGrid) {\n      gridStyles.display = 'grid';\n    }\n\n    if (columns) {\n      gridStyles.gridColumns = columns;\n    }\n\n    if (rows) {\n      gridStyles.gridRows = rows;\n    }\n\n    if (template) {\n      gridStyles.gridTemplate = template;\n    }\n\n    return mergeStyles(\n      outerStyles,\n      contentPadding != null ? { '$content-padding': contentPadding } : null,\n      styles,\n      { Inner: mergeStyles(innerStyles, gridStyles, styles?.Inner as Styles) },\n    );\n  }, [\n    outerStyles,\n    innerStyles,\n    contentPadding,\n    styles,\n    isGrid,\n    columns,\n    rows,\n    template,\n  ]);\n\n  // Calculate inset values from panel sizes\n  const panelSizes = layoutState?.panelSizes ?? {\n    left: 0,\n    top: 0,\n    right: 0,\n    bottom: 0,\n  };\n\n  const isDragging = layoutState?.isDragging ?? false;\n  const isReady = layoutState?.isReady ?? true;\n  const markReady = layoutActions?.markReady;\n  const dismissOverlayPanels = layoutActions?.dismissOverlayPanels;\n  const hasOverlayPanels = layoutState?.hasOverlayPanels ?? false;\n  const isClippingPanels =\n    useContext(LayoutPanelTransitionContext)?.isClippingPanels ?? false;\n\n  // Mark layout as ready after first paint\n  // Using useEffect + requestAnimationFrame ensures:\n  // 1. Panels register in useLayoutEffect → correct insets before first paint\n  // 2. First paint with not-ready=true (transition disabled)\n  // 3. After paint completes → enables transitions for subsequent changes\n  useEffect(() => {\n    const frameId = requestAnimationFrame(() => {\n      markReady?.();\n    });\n\n    return () => cancelAnimationFrame(frameId);\n  }, [markReady]);\n\n  // Auto-height detection: if layout collapses to 0 height after initialization,\n  // automatically set height to 100% to prevent invisible layout\n  useEffect(() => {\n    if (isReady && localRef.current && localRef.current.offsetHeight === 0) {\n      setIsAutoHeight(true);\n    }\n  }, [isReady]);\n\n  // Second check: if still 0 height after auto-height was applied,\n  // show collapsed state with warning\n  useEffect(() => {\n    if (isAutoHeight && localRef.current) {\n      // Use requestAnimationFrame to check after styles have been applied\n      const frameId = requestAnimationFrame(() => {\n        if (localRef.current && localRef.current.offsetHeight === 0) {\n          setIsCollapsed(true);\n        }\n      });\n\n      return () => cancelAnimationFrame(frameId);\n    }\n  }, [isAutoHeight]);\n\n  const insetStyle = useMemo(() => {\n    const baseStyle: Record<string, string> = {\n      '--inset-top': `${panelSizes.top}px`,\n      '--inset-right': `${panelSizes.right}px`,\n      '--inset-bottom': `${panelSizes.bottom}px`,\n      '--inset-left': `${panelSizes.left}px`,\n    };\n\n    if (style) {\n      return { ...baseStyle, ...style } as CSSProperties;\n    }\n\n    return baseStyle as CSSProperties;\n  }, [panelSizes, style]);\n\n  // Remove consumer longhands while clipping so they cannot override the shorthand.\n  // Restoring the original style object also restores the latest consumer values.\n  const transitionStyle = { ...insetStyle };\n  if (isClippingPanels) {\n    delete transitionStyle.overflowX;\n    delete transitionStyle.overflowY;\n    delete transitionStyle.overflowInline;\n    delete transitionStyle.overflowBlock;\n    transitionStyle.overflow = 'clip';\n    transitionStyle.overflowClipMargin = '0px';\n  }\n\n  const mods = useMemo(\n    () => ({\n      dragging: isDragging,\n      'not-ready': !isReady,\n      'has-transition': hasTransition,\n      'auto-height': isAutoHeight && !isCollapsed,\n      collapsed: isCollapsed,\n      vertical: isVertical,\n      'do-not-overflow': doNotOverflow,\n    }),\n    [\n      isDragging,\n      isReady,\n      hasTransition,\n      isAutoHeight,\n      isCollapsed,\n      isVertical,\n      doNotOverflow,\n    ],\n  );\n\n  // Combine local ref with forwarded ref\n  const setRefs = (element: HTMLDivElement | null) => {\n    localRef.current = element;\n\n    if (typeof forwardedRef === 'function') {\n      forwardedRef(element);\n    } else if (forwardedRef) {\n      forwardedRef.current = element;\n    }\n  };\n\n  // Show dev warning when collapsed and in dev mode (or forced for stories)\n  const showDevWarning = isCollapsed && (_forceShowDevWarning || isDevEnv());\n\n  // Handle focus entering the Inner element - dismiss overlay panels\n  const handleInnerFocus = useCallback(\n    (e: FocusEvent<HTMLDivElement>) => {\n      // Only dismiss if there are overlay panels\n      if (!hasOverlayPanels) return;\n\n      // Check if focus is coming from outside the Inner element\n      const inner = e.currentTarget;\n      const relatedTarget = e.relatedTarget as Node | null;\n\n      // If relatedTarget is null or not inside the Inner element,\n      // focus is entering from outside - dismiss overlay panels\n      if (!relatedTarget || !inner.contains(relatedTarget)) {\n        dismissOverlayPanels?.();\n      }\n    },\n    [hasOverlayPanels, dismissOverlayPanels],\n  );\n\n  // Handle Escape key anywhere in the Layout - dismiss overlay panels\n  const handleKeyDown = useCallback(\n    (e: KeyboardEvent) => {\n      if (hasOverlayPanels && e.key === 'Escape') {\n        e.preventDefault();\n        e.stopPropagation();\n        dismissOverlayPanels?.();\n      }\n    },\n    [hasOverlayPanels, dismissOverlayPanels],\n  );\n\n  return (\n    <LayoutElement\n      ref={setRefs}\n      {...filterBaseProps(otherProps, { eventProps: true })}\n      mods={mods}\n      styles={finalStyles}\n      style={transitionStyle}\n      onKeyDown={hasOverlayPanels ? handleKeyDown : undefined}\n    >\n      {/* All children go inside the Inner element - panels will portal themselves out */}\n      <div\n        ref={combinedInnerRef}\n        data-element=\"Inner\"\n        onFocus={handleInnerFocus}\n        {...innerProps}\n      >\n        {children}\n      </div>\n      {/* Container for panels to portal into - rendered after Inner so panels paint on top via DOM order */}\n      <div ref={layoutRefs?.setPanelContainer} data-element=\"PanelContainer\" />\n      {/* Overlaid, never substituted for `children`. A zero-height measurement is\n          not proof of a mistake - a hidden tab, a collapsed accordion and a\n          container mid-animation all measure zero - so unmounting the subtree\n          would turn a wrong guess into an outage, and remounting it on the way\n          back would drop whatever state it held. */}\n      {showDevWarning ? (\n        <Alert theme=\"danger\" styles={DEV_WARNING_STYLES}>\n          <b>UIKit:</b> <b>&lt;Layout/&gt;</b> has collapsed to <b>0</b> height.\n          Ensure the parent container has a defined height or use the{' '}\n          <b>height</b> prop on <b>&lt;Layout/&gt;</b>.\n        </Alert>\n      ) : null}\n    </LayoutElement>\n  );\n}\n\n/**\n * Layout component provides a vertical flex layout with overflow-safe content.\n * Uses a two-element architecture (wrapper + content) to ensure content never overflows.\n */\nfunction Layout(props: CubeLayoutProps, ref: ForwardedRef<HTMLDivElement>) {\n  const { hasTransition, minContentSize } = props;\n\n  return (\n    <LayoutProvider\n      hasTransition={hasTransition}\n      minContentSize={minContentSize}\n    >\n      <LayoutInner {...props} forwardedRef={ref} />\n    </LayoutProvider>\n  );\n}\n\nconst _Layout = forwardRef(Layout);\n\n_Layout.displayName = 'Layout';\n\nexport { _Layout as Layout };\n"],"mappings":"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"}

package/dist/components/content/Layout/LayoutBlock.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e75ef64 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-f53c097 | Cube Dev Team */
 import { _LayoutContent } from "./LayoutContent.js";
 import { c } from "react/compiler-runtime";
 import { tasty } from "@tenphi/tasty";

package/dist/components/content/Layout/LayoutCenter.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e75ef64 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-f53c097 | Cube Dev Team */
 import { _LayoutContainer } from "./LayoutContainer.js";
 import { c } from "react/compiler-runtime";
 import { tasty } from "@tenphi/tasty";

package/dist/components/content/Layout/LayoutContainer.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e75ef64 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-f53c097 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { useCombinedRefs } from "../../../utils/react/useCombinedRefs.js";
 import { LayoutContextReset } from "./LayoutContext.js";

package/dist/components/content/Layout/LayoutContent.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e75ef64 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-f53c097 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { useCombinedRefs } from "../../../utils/react/useCombinedRefs.js";
 import { LayoutContextReset } from "./LayoutContext.js";

package/dist/components/content/Layout/LayoutContext.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e75ef64 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-f53c097 | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { c } from "react/compiler-runtime";
 import { createContext, useContext, useRef, useState } from "react";

package/dist/components/content/Layout/LayoutFlex.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e75ef64 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-f53c097 | Cube Dev Team */
 import { _LayoutContent } from "./LayoutContent.js";
 import { c } from "react/compiler-runtime";
 import { tasty } from "@tenphi/tasty";

package/dist/components/content/Layout/LayoutFooter.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e75ef64 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-f53c097 | Cube Dev Team */
 import { _LayoutContent } from "./LayoutContent.js";
 import { c } from "react/compiler-runtime";
 import { tasty } from "@tenphi/tasty";

package/dist/components/content/Layout/LayoutGrid.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e75ef64 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-f53c097 | Cube Dev Team */
 import { _LayoutContent } from "./LayoutContent.js";
 import { c } from "react/compiler-runtime";
 import { tasty } from "@tenphi/tasty";

package/dist/components/content/Layout/LayoutHeader.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e75ef64 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-f53c097 | Cube Dev Team */
 import { useAutoTooltip } from "../use-auto-tooltip.js";
 import { useI18n } from "../../../i18n/useI18n.js";
 import { Button } from "../../actions/Button/Button.js";

package/dist/components/content/Layout/LayoutPane.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e75ef64 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-f53c097 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useCombinedRefs } from "../../../utils/react/useCombinedRefs.js";

package/dist/components/content/Layout/LayoutPanel.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e75ef64 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-f53c097 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useCombinedRefs } from "../../../utils/react/useCombinedRefs.js";
@@ -302,6 +302,9 @@ function ResizeHandler(props) {
 	} else t4 = $[18];
 	return t4;
 }
+function matchesContainerSize(container, isHorizontal, dimension) {
+	return (isHorizontal ? container?.offsetWidth : container?.offsetHeight) === dimension;
+}
 function LayoutPanel(props, ref) {
 	const layoutActions = useLayoutActionsContext();
 	const layoutState = useLayoutStateContext();
@@ -321,7 +324,8 @@ function LayoutPanel(props, ref) {
 	const oppositeSide = getOppositeSide(side);
 	const oppositePanelSize = layoutState.panelSizes[oppositeSide];
 	const ownInsetOffset = isResizable ? RESIZABLE_INSET_OFFSET : 0;
-	const naturalMax = useMemo(() => containerDimension > 0 ? Math.max(0, containerDimension - oppositePanelSize - minContentSize - ownInsetOffset) : Infinity, [
+	const naturalMax = useMemo(() => !isDialogMode && containerDimension > 0 ? Math.max(0, containerDimension - oppositePanelSize - minContentSize - ownInsetOffset) : Infinity, [
+		isDialogMode,
 		containerDimension,
 		oppositePanelSize,
 		minContentSize,
@@ -354,8 +358,12 @@ function LayoutPanel(props, ref) {
 	]);
 	const resolvedMax = useMemo(() => {
 		if (typeof maxSize === "number") return maxSize;
-		if (typeof maxSize === "string" && containerDimension > 0) return resolveCssSize(maxSize, containerDimension);
-	}, [maxSize, containerDimension]);
+		if (typeof maxSize === "string" && containerDimension > 0 && (!isDialogMode || !maxSize.trim().endsWith("%"))) return resolveCssSize(maxSize, containerDimension);
+	}, [
+		maxSize,
+		containerDimension,
+		isDialogMode
+	]);
 	const effectiveMax = useMemo(() => {
 		const values = [];
 		if (resolvedMax != null) values.push(resolvedMax);
@@ -366,12 +374,12 @@ function LayoutPanel(props, ref) {
 	const setContextDragging = layoutActions.setDragging;
 	const { moveProps } = useMove({
 		onMoveStart() {
-			if (!isResizable) return;
+			if (!isResizable || isDialogMode) return;
 			setIsDragging(true);
 			setContextDragging(true);
 		},
 		onMove(e) {
-			if (!isResizable) return;
+			if (!isResizable || isDialogMode) return;
 			let delta;
 			if (e.pointerType === "keyboard") {
 				const step = e.shiftKey ? 50 : 10;
@@ -384,6 +392,7 @@ function LayoutPanel(props, ref) {
 		onMoveEnd() {
 			setIsDragging(false);
 			setContextDragging(false);
+			if (isDialogMode && !isDragging) return;
 			setSize((currentSize_0) => {
 				const finalSize = Math.round(clampValue(currentSize_0));
 				onSizeChange?.(finalSize);
@@ -394,27 +403,38 @@ function LayoutPanel(props, ref) {
 	});
 	useEffect(() => {
 		if (prevProvidedSizeRef.current !== providedSize) {
+			if (!isDialogMode && !matchesContainerSize(layoutRefs.panelContainerRef.current?.parentElement, isHorizontal, containerDimension)) return;
 			prevProvidedSizeRef.current = providedSize;
 			if (typeof providedSize === "number" && !isDragging) setSize(clampValue(providedSize));
 		}
 	}, [
 		providedSize,
 		isDragging,
-		clampValue
+		clampValue,
+		isDialogMode,
+		isHorizontal,
+		containerDimension,
+		layoutRefs.panelContainerRef
 	]);
 	useEffect(() => {
-		if (!isDragging && containerDimension > 0) setSize((prev) => {
-			const clamped = clampValue(prev);
-			if (clamped !== prev) {
-				onSizeChange?.(Math.round(clamped));
-				setStoredSize(Math.round(clamped));
-			}
-			return clamped;
-		});
+		if (!isDialogMode && !isDragging && containerDimension > 0) {
+			if (!matchesContainerSize(layoutRefs.panelContainerRef.current?.parentElement, isHorizontal, containerDimension)) return;
+			setSize((prev) => {
+				const clamped = clampValue(prev);
+				if (clamped !== prev) {
+					onSizeChange?.(Math.round(clamped));
+					setStoredSize(Math.round(clamped));
+				}
+				return clamped;
+			});
+		}
 	}, [
+		isDialogMode,
 		isDragging,
 		clampValue,
-		containerDimension
+		containerDimension,
+		isHorizontal,
+		layoutRefs.panelContainerRef
 	]);
 	const effectivePanelSize = isPanelShown && mode === "default" ? size : 0;
 	const effectiveInsetSize = Math.round(effectivePanelSize + (isResizable && effectivePanelSize > 0 ? RESIZABLE_INSET_OFFSET : 0));

package/dist/components/content/Layout/LayoutPanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"LayoutPanel.js","names":["BaseProps","CONTAINER_STYLES","ContainerStyleProps","filterBaseProps","mergeStyles","Styles","tasty","ForwardedRef","forwardRef","HTMLAttributes","ReactNode","RefCallback","useCallback","useEffect","useLayoutEffect","useMemo","useRef","useState","useFocusRing","useHover","useMove","createPortal","useDebouncedValue","mergeProps","useCombinedRefs","useLocalStorage","extractStyles","DisplayTransition","Dialog","CubeDialogContainerProps","DialogContainer","LayoutContextReset","LayoutPanelContext","Side","useLayoutActionsContext","useLayoutRefsContext","useLayoutStateContext","LayoutPanelTransition","clampSize","getOppositeSide","resolveCssSize","HANDLER_WIDTH","HANDLER_OFFSET","RESIZABLE_INSET_OFFSET","PanelElement","as","qa","styles","container","position","display","flow","overflow","boxSizing","top","right","bottom","left","width","height","border","fill","transform","transition","ResizeHandlerElement","horizontal","cursor","disabled","touchAction","padding","outline","Track","inset","outlineOffset","Drag","gap","gridColumns","gridRows","DragPart","radius","OverlayBackdrop","backdropFilter","opacity","visible","pointerEvents","ResizeHandlerProps","side","isDisabled","mods","Record","moveProps","ReturnType","style","onDoubleClick","ResizeHandler","props","$","_c","t0","Symbol","for","hoverProps","isHovered","focusProps","isFocusVisible","isHorizontal","localIsHovered","t1","hovered","focused","tabIndex","undefined","role","t2","t3","t4","LayoutPanelMode","CubeLayoutPanelProps","mode","size","defaultSize","minSize","maxSize","isResizable","onSizeChange","isOpen","defaultIsOpen","onOpenChange","hasTransition","isDismissable","overlayStyles","isDialog","isDialogOpen","defaultIsDialogOpen","onDialogOpenChange","dialogProps","Omit","contentPadding","sizeStorageKey","children","LayoutPanel","ref","HTMLDivElement","layoutActions","layoutState","layoutRefs","Error","modeProp","providedSize","providedIsOpen","hasTransitionProp","providedIsDialogOpen","otherProps","isDialogMode","isOverlayMode","isStickyMode","combinedRef","prevProvidedSizeRef","containerWidth","containerHeight","minContentSize","containerDimension","oppositeSide","oppositePanelSize","panelSizes","ownInsetOffset","naturalMax","Math","max","Infinity","internalIsOpen","setInternalIsOpen","isTransitionActive","isPanelContainerReady","visualState","setVisualState","isShown","isPanelShown","internalIsDialogOpen","setInternalIsDialogOpen","dialogOpen","storedSize","setStoredSize","isDragging","setIsDragging","setSize","initialSize","extractedStyles","finalStyles","resolvedMax","effectiveMax","values","push","Number","isFinite","length","min","clampValue","value","setContextDragging","setDragging","onMoveStart","onMove","e","delta","pointerType","step","shiftKey","rawDelta","deltaX","deltaY","direction","currentSize","onMoveEnd","finalSize","round","current","prev","clamped","effectivePanelSize","effectiveInsetSize","registerPanel","unregisterPanel","updatePanelSize","isReady","lastSizeRef","handleOpenChange","newIsOpen","handleDismiss","registerOverlayPanel","unregister","handleDialogOpenChange","panelContextValue","dialogPanelContextValue","panelMods","drag","maxSizeCss","parts","join","panelStyle","panelRefCallback","node","transitionRef","HTMLElement","handleResetSize","resetSize","parseInt","clampedSize","renderPanelContent","offscreen","showOverlay","eventProps","portalContainer","panelContainerRef","isExiting","_LayoutPanel","displayName"],"sources":["../../../../src/components/content/Layout/LayoutPanel.tsx"],"sourcesContent":["import {\n  BaseProps,\n  CONTAINER_STYLES,\n  ContainerStyleProps,\n  filterBaseProps,\n  mergeStyles,\n  Styles,\n  tasty,\n} from '@tenphi/tasty';\nimport {\n  ForwardedRef,\n  forwardRef,\n  HTMLAttributes,\n  ReactNode,\n  RefCallback,\n  useCallback,\n  useEffect,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { useFocusRing, useHover, useMove } from 'react-aria';\nimport { createPortal } from 'react-dom';\n\nimport { useDebouncedValue } from '../../../_internal/hooks';\nimport {\n  mergeProps,\n  useCombinedRefs,\n  useLocalStorage,\n} from '../../../utils/react';\nimport { extractStyles } from '../../../utils/styles';\nimport { DisplayTransition } from '../../helpers/DisplayTransition/DisplayTransition';\nimport { Dialog } from '../../overlays/Dialog';\nimport {\n  CubeDialogContainerProps,\n  DialogContainer,\n} from '../../overlays/Dialog/DialogContainer';\n\nimport {\n  LayoutContextReset,\n  LayoutPanelContext,\n  Side,\n  useLayoutActionsContext,\n  useLayoutRefsContext,\n  useLayoutStateContext,\n} from './LayoutContext';\nimport { LayoutPanelTransition } from './LayoutPanelTransition';\nimport { clampSize, getOppositeSide, resolveCssSize } from './utils';\n\n// Resize handler dimensions\nconst HANDLER_WIDTH = 9;\n// How far from panel edge to position handler's inner edge (centers the 3px track on the edge)\nconst HANDLER_OFFSET = 4;\n// Extra inset added for resizable panels (to accommodate handler grab area)\nconst RESIZABLE_INSET_OFFSET = 2;\n\nconst PanelElement = tasty({\n  as: 'div',\n  qa: 'LayoutPanel',\n  styles: {\n    container: 'panel / inline-size',\n    position: 'absolute',\n    display: 'flex',\n    flow: 'column',\n    overflow: 'hidden',\n    boxSizing: 'border-box',\n\n    '$content-padding': '1x',\n    // Auto-border size for sub-components (panels are always vertical)\n    '$layout-border-size': '1bw',\n\n    // Position based on side prop\n    top: {\n      '': 0,\n      'side=bottom': 'initial',\n    },\n    right: {\n      '': 0,\n      'side=left': 'initial',\n    },\n    bottom: {\n      '': 0,\n      'side=top': 'initial',\n    },\n    left: {\n      '': 0,\n      'side=right': 'initial',\n    },\n\n    // Size handling with CSS-level min/max clamping\n    width: {\n      '': '$min-size $panel-size $max-size',\n      'side=top | side=bottom': '100%',\n    },\n    height: {\n      '': '100%',\n      'side=top | side=bottom': '$min-size $panel-size $max-size',\n    },\n\n    // Visual styling\n    border: {\n      '': false,\n      'side=left': 'right',\n      'side=right': 'left',\n      'side=top': 'bottom',\n      'side=bottom': 'top',\n    },\n    fill: '#surface',\n\n    // Transition styles - offscreen mod controls slide animation\n    transform: {\n      '': 'translateX(0) translateY(0)',\n      'offscreen & side=left': 'translateX(-100%)',\n      'offscreen & side=right': 'translateX(100%)',\n      'offscreen & side=top': 'translateY(-100%)',\n      'offscreen & side=bottom': 'translateY(100%)',\n    },\n    transition: {\n      '': 'none',\n      'has-transition': 'transform $transition ease-out',\n    },\n  },\n});\n\n// Handler is positioned as sibling to panel (in Fragment), relative to Layout\nconst ResizeHandlerElement = tasty({\n  qa: 'PanelResizeHandler',\n  styles: {\n    position: 'absolute',\n\n    // Handler size\n    width: {\n      '': '100%',\n      horizontal: `${HANDLER_WIDTH}px`,\n      'disabled & horizontal': '1bw',\n    },\n    height: {\n      '': `${HANDLER_WIDTH}px`,\n      horizontal: '100%',\n      'disabled & !horizontal': '1bw',\n    },\n\n    // Position handler with direct offset (no centering needed)\n    top: {\n      '': 0,\n      'side=top': `calc($panel-size - ${HANDLER_OFFSET}px)`,\n      'side=bottom': 'initial',\n    },\n    bottom: {\n      '': 0,\n      'side=bottom': `calc($panel-size - ${HANDLER_OFFSET}px)`,\n      'side=top': 'initial',\n    },\n    left: {\n      '': 0,\n      'side=left': `calc($panel-size - ${HANDLER_OFFSET}px)`,\n      'side=right': 'initial',\n    },\n    right: {\n      '': 0,\n      'side=right': `calc($panel-size - ${HANDLER_OFFSET}px)`,\n      'side=left': 'initial',\n    },\n\n    // Offscreen transforms only (no centering needed with direct offset positioning)\n    transform: {\n      '': 'translateX(0)',\n      'offscreen & side=left': `translateX(calc(-1 * $panel-size - ${HANDLER_WIDTH - HANDLER_OFFSET}px))`,\n      'offscreen & side=right': `translateX(calc($panel-size + ${HANDLER_WIDTH - HANDLER_OFFSET}px))`,\n      'offscreen & side=top': `translateY(calc(-1 * $panel-size - ${HANDLER_WIDTH - HANDLER_OFFSET}px))`,\n      'offscreen & side=bottom': `translateY(calc($panel-size + ${HANDLER_WIDTH - HANDLER_OFFSET}px))`,\n    },\n\n    cursor: {\n      '': 'row-resize',\n      horizontal: 'col-resize',\n      disabled: 'not-allowed',\n    },\n    touchAction: {\n      '': 'none',\n      disabled: 'auto',\n    },\n    padding: 0,\n    outline: 0,\n    boxSizing: 'border-box',\n\n    // Transition must match panel for synchronized animation\n    transition: {\n      '': 'theme',\n      'has-transition': 'transform $transition ease-out, theme',\n    },\n\n    Track: {\n      width: {\n        '': 'initial',\n        horizontal: '3px',\n        'disabled & horizontal': '1px',\n      },\n      height: {\n        '': '3px',\n        horizontal: 'initial',\n        'disabled & !horizontal': '1px',\n      },\n      position: 'absolute',\n      inset: {\n        '': '3px 0',\n        horizontal: '0 3px',\n        disabled: '0 0',\n      },\n      fill: {\n        '': '#border',\n        '(hovered | drag | focused) & !disabled': '#purple-03',\n      },\n      border: 0,\n      transition: 'theme',\n      outline: {\n        '': '1bw #primary-text.0',\n        'drag | focused': '1bw #primary-text',\n      },\n      outlineOffset: 1,\n    },\n\n    Drag: {\n      display: 'grid',\n      gap: '2bw',\n      border: 0,\n      flow: {\n        '': 'row',\n        horizontal: 'column',\n      },\n      gridColumns: {\n        '': '3px 3px 3px 3px 3px',\n        horizontal: 'auto',\n      },\n      gridRows: {\n        '': 'auto',\n        horizontal: '3px 3px 3px 3px 3px',\n      },\n      width: {\n        '': 'auto',\n        horizontal: '1px',\n      },\n      height: {\n        '': '1px',\n        horizontal: 'auto',\n      },\n      inset: {\n        '': '4px 50% auto auto',\n        horizontal: '50% 4px auto auto',\n      },\n      transform: {\n        '': 'translate(-50%, 0)',\n        horizontal: 'translate(0, -50%)',\n      },\n      position: 'absolute',\n      transition: 'theme',\n    },\n\n    DragPart: {\n      radius: true,\n      fill: {\n        '': '#dark-03',\n        'hovered | drag | focused': '#primary-text',\n        disabled: '#disabled-surface-text',\n      },\n    },\n  },\n});\n\n// Overlay backdrop for overlay mode - covers the content area behind the panel\nconst OverlayBackdrop = tasty({\n  qa: 'PanelOverlay',\n  styles: {\n    position: 'absolute',\n    inset: 0,\n    // fill: '#white.2',\n    backdropFilter: 'invert(.15)',\n    cursor: 'pointer',\n    opacity: {\n      '': 0,\n      visible: 1,\n    },\n    pointerEvents: {\n      '': 'none',\n      visible: 'auto',\n    },\n    transition: 'opacity .15s ease-out',\n  },\n});\n\ninterface ResizeHandlerProps {\n  side: Side;\n  isDisabled?: boolean;\n  mods?: Record<string, boolean>;\n  moveProps: ReturnType<typeof useMove>['moveProps'];\n  style?: Record<string, string | number | null | undefined>;\n  onDoubleClick?: () => void;\n}\n\nfunction ResizeHandler(props: ResizeHandlerProps) {\n  const { side, isDisabled, mods, moveProps, style, onDoubleClick } = props;\n  const { hoverProps, isHovered } = useHover({});\n  const { focusProps, isFocusVisible } = useFocusRing();\n  const isHorizontal = side === 'left' || side === 'right';\n  const localIsHovered = useDebouncedValue(isHovered, 150);\n\n  return (\n    <ResizeHandlerElement\n      {...mergeProps(hoverProps, focusProps, moveProps, {\n        mods: {\n          hovered: localIsHovered,\n          horizontal: isHorizontal,\n          disabled: isDisabled,\n          focused: isFocusVisible,\n          side,\n          ...mods,\n        },\n        style,\n        tabIndex: isDisabled ? undefined : 0,\n        role: 'separator',\n        'aria-orientation': isHorizontal ? 'vertical' : 'horizontal',\n        'aria-label': `Resize ${side} panel`,\n        onDoubleClick: isDisabled ? undefined : onDoubleClick,\n      })}\n    >\n      <div data-element=\"Track\" />\n      {!isDisabled && (\n        <div data-element=\"Drag\">\n          <div data-element=\"DragPart\" />\n          <div data-element=\"DragPart\" />\n          <div data-element=\"DragPart\" />\n          <div data-element=\"DragPart\" />\n          <div data-element=\"DragPart\" />\n        </div>\n      )}\n    </ResizeHandlerElement>\n  );\n}\n\n/** Panel rendering mode */\nexport type LayoutPanelMode = 'default' | 'sticky' | 'overlay' | 'dialog';\n\nexport interface CubeLayoutPanelProps extends BaseProps, ContainerStyleProps {\n  /** Side of the layout where panel is positioned */\n  side: Side;\n  /**\n   * Panel rendering mode:\n   * - `default`: Standard panel that pushes content aside\n   * - `sticky`: Panel floats over content without pushing it\n   * - `overlay`: Panel with dismissable backdrop overlay\n   * - `dialog`: Panel renders as a modal dialog\n   */\n  mode?: LayoutPanelMode;\n  /** Panel size (width for left/right, height for top/bottom) - controlled */\n  size?: number | string;\n  /** Default panel size for uncontrolled state */\n  defaultSize?: number | string;\n  /** Minimum panel size */\n  minSize?: number | string;\n  /** Maximum panel size */\n  maxSize?: number | string;\n  /** Enable resize functionality */\n  isResizable?: boolean;\n  /** Size change callback */\n  onSizeChange?: (size: number) => void;\n  /** Controlled open state */\n  isOpen?: boolean;\n  /** Default open state */\n  defaultIsOpen?: boolean;\n  /** Open state change callback */\n  onOpenChange?: (isOpen: boolean) => void;\n  /** Enable slide transition on open/close */\n  hasTransition?: boolean;\n  /**\n   * Whether the panel can be dismissed by clicking the overlay (overlay mode) or pressing Escape.\n   * Only applies to `overlay` and `dialog` modes. Default: true\n   */\n  isDismissable?: boolean;\n  /** Styles for the overlay backdrop in overlay mode */\n  overlayStyles?: Styles;\n  /**\n   * @deprecated Use `mode=\"dialog\"` instead. Switch to dialog mode (renders panel inside Dialog)\n   */\n  isDialog?: boolean;\n  /** Controlled dialog open state (used with mode=\"dialog\") */\n  isDialogOpen?: boolean;\n  /** Default dialog open state */\n  defaultIsDialogOpen?: boolean;\n  /** Dialog open state change callback */\n  onDialogOpenChange?: (isOpen: boolean) => void;\n  /** Props passed to Dialog component when in dialog mode */\n  dialogProps?: Omit<\n    CubeDialogContainerProps,\n    'isDismissable' | 'onDismiss' | 'isOpen'\n  >;\n  /** Padding for content areas inside the panel. Default: '1x' */\n  contentPadding?: Styles['padding'];\n  /** localStorage key for persisting panel size. When provided, size is stored and restored across instances. */\n  sizeStorageKey?: string;\n  /** Styles for the panel */\n  styles?: Styles;\n  children?: ReactNode;\n}\n\nfunction LayoutPanel(\n  props: CubeLayoutPanelProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  const layoutActions = useLayoutActionsContext();\n  const layoutState = useLayoutStateContext();\n  const layoutRefs = useLayoutRefsContext();\n\n  if (!layoutActions || !layoutState || !layoutRefs) {\n    throw new Error(\n      'Layout.Panel must be used within a Layout component. ' +\n        'Ensure your panel is rendered inside a <Layout> parent.',\n    );\n  }\n\n  const {\n    side = 'left',\n    mode: modeProp,\n    size: providedSize,\n    defaultSize = 280,\n    minSize = 200,\n    maxSize,\n    isResizable = false,\n    onSizeChange,\n    isOpen: providedIsOpen,\n    defaultIsOpen = true,\n    onOpenChange,\n    hasTransition: hasTransitionProp,\n    isDismissable = true,\n    overlayStyles,\n    // Deprecated prop - use mode=\"dialog\" instead\n    isDialog = false,\n    isDialogOpen: providedIsDialogOpen,\n    defaultIsDialogOpen = false,\n    onDialogOpenChange,\n    dialogProps,\n    contentPadding,\n    sizeStorageKey,\n    children,\n    styles,\n    mods,\n    ...otherProps\n  } = props;\n\n  // Resolve mode from prop or deprecated isDialog\n  const mode: LayoutPanelMode = modeProp ?? (isDialog ? 'dialog' : 'default');\n  const isDialogMode = mode === 'dialog';\n  const isOverlayMode = mode === 'overlay';\n  const isStickyMode = mode === 'sticky';\n\n  // Use prop value if provided, otherwise fall back to context value\n  const hasTransition = hasTransitionProp ?? layoutActions.hasTransition;\n\n  const combinedRef = useCombinedRefs(ref);\n  const prevProvidedSizeRef = useRef(providedSize);\n  const isHorizontal = side === 'left' || side === 'right';\n\n  // Natural boundary computation\n  const { containerWidth, containerHeight } = layoutState;\n  const { minContentSize } = layoutActions;\n  const containerDimension = isHorizontal ? containerWidth : containerHeight;\n  const oppositeSide = getOppositeSide(side);\n  const oppositePanelSize = layoutState.panelSizes[oppositeSide];\n  const ownInsetOffset = isResizable ? RESIZABLE_INSET_OFFSET : 0;\n  const naturalMax = useMemo(\n    () =>\n      containerDimension > 0\n        ? Math.max(\n            0,\n            containerDimension -\n              oppositePanelSize -\n              minContentSize -\n              ownInsetOffset,\n          )\n        : Infinity,\n    [containerDimension, oppositePanelSize, minContentSize, ownInsetOffset],\n  );\n\n  // Panel open state\n  const [internalIsOpen, setInternalIsOpen] = useState(defaultIsOpen);\n  const isOpen = providedIsOpen ?? internalIsOpen;\n  const isTransitionActive =\n    hasTransition && !isDialogMode && layoutRefs.isPanelContainerReady;\n  const [visualState, setVisualState] = useState({\n    isShown: isOpen,\n    isTransitionActive,\n  });\n\n  // A newly mounted DisplayTransition starts at the requested visibility.\n  if (visualState.isTransitionActive !== isTransitionActive) {\n    setVisualState({ isShown: isOpen, isTransitionActive });\n  }\n  const isPanelShown = isTransitionActive ? visualState.isShown : isOpen;\n\n  // Dialog open state\n  const [internalIsDialogOpen, setInternalIsDialogOpen] =\n    useState(defaultIsDialogOpen);\n  const dialogOpen = providedIsDialogOpen ?? internalIsDialogOpen;\n\n  // Persistent size storage\n  const [storedSize, setStoredSize] = useLocalStorage<number | null>(\n    sizeStorageKey ?? null,\n    null,\n  );\n\n  // Resize state\n  const [isDragging, setIsDragging] = useState(false);\n  const [size, setSize] = useState<number>(() => {\n    const initialSize =\n      typeof providedSize === 'number'\n        ? providedSize\n        : storedSize != null\n          ? storedSize\n          : typeof defaultSize === 'number'\n            ? defaultSize\n            : 280;\n\n    return clampSize(initialSize, minSize, maxSize);\n  });\n\n  const extractedStyles = extractStyles(otherProps, CONTAINER_STYLES);\n\n  // Merge styles with contentPadding support\n  const finalStyles = useMemo(\n    () =>\n      mergeStyles(\n        styles,\n        contentPadding != null ? { '$content-padding': contentPadding } : null,\n        extractedStyles,\n      ),\n    [extractedStyles, contentPadding, styles],\n  );\n\n  // Resolve user's maxSize to pixels for JS-level clamping.\n  // String values (e.g. \"50%\") can only be resolved once we know the container size.\n  const resolvedMax = useMemo(() => {\n    if (typeof maxSize === 'number') return maxSize;\n    if (typeof maxSize === 'string' && containerDimension > 0) {\n      return resolveCssSize(maxSize, containerDimension);\n    }\n    return undefined;\n  }, [maxSize, containerDimension]);\n\n  // Effective max combines user's maxSize with natural boundary\n  const effectiveMax = useMemo(() => {\n    const values: number[] = [];\n    if (resolvedMax != null) values.push(resolvedMax);\n    if (Number.isFinite(naturalMax)) values.push(naturalMax);\n    return values.length > 0 ? Math.min(...values) : undefined;\n  }, [resolvedMax, naturalMax]);\n\n  // Clamp size to min/max constraints (including natural boundaries)\n  const clampValue = useCallback(\n    (value: number) => clampSize(value, minSize, undefined, effectiveMax),\n    [minSize, effectiveMax],\n  );\n\n  const setContextDragging = layoutActions.setDragging;\n\n  const { moveProps } = useMove({\n    onMoveStart() {\n      if (!isResizable) return;\n      setIsDragging(true);\n      setContextDragging(true);\n    },\n    onMove(e) {\n      if (!isResizable) return;\n\n      let delta: number;\n\n      if (e.pointerType === 'keyboard') {\n        // Keyboard resize: 10px per step, 50px with Shift\n        const step = e.shiftKey ? 50 : 10;\n        // For keyboard, deltaX/deltaY are direction indicators (-1, 0, 1)\n        const rawDelta = isHorizontal ? e.deltaX : e.deltaY;\n        const direction = side === 'right' || side === 'bottom' ? -1 : 1;\n        delta = rawDelta * step * direction;\n      } else {\n        // Pointer resize: use exact delta values\n        delta = isHorizontal\n          ? e.deltaX * (side === 'right' ? -1 : 1)\n          : e.deltaY * (side === 'bottom' ? -1 : 1);\n      }\n\n      setSize((currentSize) => clampValue(currentSize + delta));\n    },\n    onMoveEnd() {\n      setIsDragging(false);\n      setContextDragging(false);\n      // Round to integer on release and notify parent\n      setSize((currentSize) => {\n        const finalSize = Math.round(clampValue(currentSize));\n        // Call onSizeChange synchronously to ensure parent state is updated\n        onSizeChange?.(finalSize);\n        // Persist to localStorage if key is provided\n        setStoredSize(finalSize);\n        return finalSize;\n      });\n    },\n  });\n\n  // Sync provided size with internal state (only when providedSize actually changes)\n  // This prevents resetting size when only isDragging changes (which would cause a flash)\n  useEffect(() => {\n    if (prevProvidedSizeRef.current !== providedSize) {\n      prevProvidedSizeRef.current = providedSize;\n      if (typeof providedSize === 'number' && !isDragging) {\n        setSize(clampValue(providedSize));\n      }\n    }\n  }, [providedSize, isDragging, clampValue]);\n\n  // Auto-shrink: re-clamp when container resizes or opposite panel changes\n  useEffect(() => {\n    if (!isDragging && containerDimension > 0) {\n      setSize((prev) => {\n        const clamped = clampValue(prev);\n\n        if (clamped !== prev) {\n          onSizeChange?.(Math.round(clamped));\n          setStoredSize(Math.round(clamped));\n        }\n\n        return clamped;\n      });\n    }\n  }, [isDragging, clampValue, containerDimension]);\n\n  // Register panel with layout context\n  // Include handler outside portion (minus border overlap) for proper content inset\n  // In sticky, overlay, and dialog modes, panel doesn't push content, so size is 0\n  // NOTE: We intentionally use `size` (not `clampValue(size)`) here to avoid a feedback\n  // loop. `clampValue` depends on the opposite panel's context size, so clamping here\n  // would create a period-2 oscillation through shared context. CSS --max-size handles\n  // visual clamping immediately; the auto-shrink effect converges `size` state.\n  const effectivePanelSize = isPanelShown && mode === 'default' ? size : 0;\n  const effectiveInsetSize = Math.round(\n    effectivePanelSize +\n      (isResizable && effectivePanelSize > 0 ? RESIZABLE_INSET_OFFSET : 0),\n  );\n\n  const { registerPanel, unregisterPanel, updatePanelSize } = layoutActions;\n  const { isReady } = layoutState;\n\n  // Track the last reported size to prevent unnecessary updates\n  const lastSizeRef = useRef<number>(effectiveInsetSize);\n\n  // Register on mount, unregister on unmount\n  // Using useLayoutEffect ensures registration happens before browser paint\n  useLayoutEffect(() => {\n    registerPanel(side, lastSizeRef.current);\n\n    return () => {\n      unregisterPanel(side);\n    };\n  }, [side, registerPanel, unregisterPanel]);\n\n  // Update size when it changes (after initial mount)\n  // Using useLayoutEffect ensures size updates happen before browser paint\n  useLayoutEffect(() => {\n    if (lastSizeRef.current !== effectiveInsetSize) {\n      lastSizeRef.current = effectiveInsetSize;\n      updatePanelSize(side, effectiveInsetSize);\n    }\n  }, [side, effectiveInsetSize, updatePanelSize]);\n\n  const handleOpenChange = useCallback(\n    (newIsOpen: boolean) => {\n      setInternalIsOpen(newIsOpen);\n      onOpenChange?.(newIsOpen);\n    },\n    [onOpenChange],\n  );\n\n  // Dismiss handler for overlay mode (click on overlay)\n  const handleDismiss = useCallback(() => {\n    if (isDismissable) {\n      handleOpenChange(false);\n    }\n  }, [isDismissable, handleOpenChange]);\n\n  // Register overlay panel with Layout context for coordinated dismissal\n  const { registerOverlayPanel } = layoutActions;\n\n  useEffect(() => {\n    // Only register if in overlay mode, open, and dismissable\n    if (isOverlayMode && isOpen && isDismissable) {\n      const unregister = registerOverlayPanel(() => handleOpenChange(false));\n      return unregister;\n    }\n  }, [\n    isOverlayMode,\n    isOpen,\n    isDismissable,\n    registerOverlayPanel,\n    handleOpenChange,\n  ]);\n\n  const handleDialogOpenChange = useCallback(\n    (newIsOpen: boolean) => {\n      setInternalIsDialogOpen(newIsOpen);\n      onDialogOpenChange?.(newIsOpen);\n    },\n    [onDialogOpenChange],\n  );\n\n  // Panel context value for child components (like LayoutPanelHeader)\n  const panelContextValue = useMemo(\n    () => ({\n      onOpenChange: handleOpenChange,\n      isOpen,\n    }),\n    [handleOpenChange, isOpen],\n  );\n\n  // Dialog mode context value - uses dialog state instead of panel state\n  const dialogPanelContextValue = useMemo(\n    () => ({\n      onOpenChange: handleDialogOpenChange,\n      isOpen: dialogOpen,\n    }),\n    [handleDialogOpenChange, dialogOpen],\n  );\n\n  const panelMods = useMemo(\n    () => ({\n      side,\n      drag: isDragging,\n      horizontal: isHorizontal,\n      // Only enable transition after layout is ready to prevent initial animation\n      'has-transition': hasTransition && isReady,\n      ...mods,\n    }),\n    [side, isDragging, isHorizontal, hasTransition, isReady, mods],\n  );\n\n  // Build --max-size CSS variable combining user maxSize and natural boundary\n  const maxSizeCss = useMemo(() => {\n    const parts: string[] = [];\n\n    if (maxSize != null) {\n      parts.push(typeof maxSize === 'number' ? `${maxSize}px` : maxSize);\n    }\n\n    if (containerDimension > 0 && Number.isFinite(naturalMax)) {\n      parts.push(`${naturalMax}px`);\n    }\n\n    if (parts.length === 0) return undefined;\n    return parts.length === 1 ? parts[0] : `min(${parts.join(', ')})`;\n  }, [maxSize, naturalMax, containerDimension]);\n\n  const panelStyle = useMemo(\n    () => ({\n      '--panel-size': `${size}px`,\n      '--min-size': typeof minSize === 'number' ? `${minSize}px` : minSize,\n      '--max-size': maxSizeCss,\n    }),\n    [size, minSize, maxSizeCss],\n  );\n\n  // Combine refs for panel element\n  const panelRefCallback = useCallback(\n    (node: HTMLDivElement | null, transitionRef?: RefCallback<HTMLElement>) => {\n      // Update the combined ref\n      (combinedRef as { current: HTMLDivElement | null }).current = node;\n      // Call transition ref if provided\n      transitionRef?.(node);\n    },\n    [combinedRef],\n  );\n\n  // Reset to default size on double-click\n  const handleResetSize = useCallback(() => {\n    const resetSize =\n      typeof defaultSize === 'number' ? defaultSize : parseInt(defaultSize, 10);\n    const clampedSize = clampValue(resetSize || 280);\n    setSize(clampedSize);\n    onSizeChange?.(clampedSize);\n    setStoredSize(clampedSize);\n  }, [defaultSize, clampValue, onSizeChange, setStoredSize]);\n\n  const renderPanelContent = (\n    offscreen = false,\n    transitionRef?: RefCallback<HTMLElement>,\n  ) => {\n    const showOverlay = isOverlayMode && !offscreen;\n\n    return (\n      <>\n        {/* Overlay backdrop for overlay mode */}\n        {isOverlayMode && (\n          <OverlayBackdrop\n            mods={{ visible: showOverlay }}\n            styles={overlayStyles}\n            aria-hidden=\"true\"\n            onClick={handleDismiss}\n          />\n        )}\n        <PanelElement\n          ref={(node: HTMLDivElement | null) =>\n            panelRefCallback(node, transitionRef)\n          }\n          {...filterBaseProps(otherProps, { eventProps: true })}\n          mods={{ ...panelMods, offscreen }}\n          styles={finalStyles}\n          style={panelStyle}\n          data-side={side}\n        >\n          <LayoutPanelContext.Provider value={panelContextValue}>\n            <LayoutContextReset>{children}</LayoutContextReset>\n          </LayoutPanelContext.Provider>\n        </PanelElement>\n        {isResizable && (\n          <ResizeHandler\n            side={side}\n            isDisabled={!isResizable}\n            mods={{\n              drag: isDragging,\n              offscreen,\n              'has-transition': hasTransition && isReady,\n            }}\n            moveProps={moveProps}\n            style={panelStyle}\n            onDoubleClick={handleResetSize}\n          />\n        )}\n      </>\n    );\n  };\n\n  // Dialog mode - uses its own portal via DialogContainer\n  if (isDialogMode) {\n    return (\n      <DialogContainer\n        isOpen={dialogOpen}\n        isDismissable={isDismissable}\n        onDismiss={() => handleDialogOpenChange(false)}\n        {...dialogProps}\n      >\n        <Dialog isDismissable={false}>\n          <LayoutPanelContext.Provider value={dialogPanelContextValue}>\n            <LayoutContextReset>{children}</LayoutContextReset>\n          </LayoutPanelContext.Provider>\n        </Dialog>\n      </DialogContainer>\n    );\n  }\n\n  // Wait for portal container to be ready before rendering\n  if (!layoutRefs.isPanelContainerReady) {\n    return null;\n  }\n\n  const portalContainer = layoutRefs.panelContainerRef.current!;\n\n  // Panel with transition - portal to panel container\n  if (hasTransition) {\n    return createPortal(\n      <DisplayTransition\n        isShown={isOpen}\n        animateOnMount={false}\n        onToggle={(isShown) => setVisualState({ isShown, isTransitionActive })}\n      >\n        {({ isShown, isExiting, ref: transitionRef }) => (\n          <LayoutPanelTransition isShown={isShown} isExiting={isExiting}>\n            {renderPanelContent(!isShown, transitionRef)}\n          </LayoutPanelTransition>\n        )}\n      </DisplayTransition>,\n      portalContainer,\n    );\n  }\n\n  // Simple panel (no transition) - portal to panel container\n  if (!isOpen) return null;\n\n  return createPortal(renderPanelContent(false), portalContainer);\n}\n\nconst _LayoutPanel = forwardRef(LayoutPanel);\n\n_LayoutPanel.displayName = 'Layout.Panel';\n\nexport { _LayoutPanel as LayoutPanel };\n"],"mappings":"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"}
+{"version":3,"file":"LayoutPanel.js","names":["BaseProps","CONTAINER_STYLES","ContainerStyleProps","filterBaseProps","mergeStyles","Styles","tasty","ForwardedRef","forwardRef","HTMLAttributes","ReactNode","RefCallback","useCallback","useEffect","useLayoutEffect","useMemo","useRef","useState","useFocusRing","useHover","useMove","createPortal","useDebouncedValue","mergeProps","useCombinedRefs","useLocalStorage","extractStyles","DisplayTransition","Dialog","CubeDialogContainerProps","DialogContainer","LayoutContextReset","LayoutPanelContext","Side","useLayoutActionsContext","useLayoutRefsContext","useLayoutStateContext","LayoutPanelTransition","clampSize","getOppositeSide","resolveCssSize","HANDLER_WIDTH","HANDLER_OFFSET","RESIZABLE_INSET_OFFSET","PanelElement","as","qa","styles","container","position","display","flow","overflow","boxSizing","top","right","bottom","left","width","height","border","fill","transform","transition","ResizeHandlerElement","horizontal","cursor","disabled","touchAction","padding","outline","Track","inset","outlineOffset","Drag","gap","gridColumns","gridRows","DragPart","radius","OverlayBackdrop","backdropFilter","opacity","visible","pointerEvents","ResizeHandlerProps","side","isDisabled","mods","Record","moveProps","ReturnType","style","onDoubleClick","ResizeHandler","props","$","_c","t0","Symbol","for","hoverProps","isHovered","focusProps","isFocusVisible","isHorizontal","localIsHovered","t1","hovered","focused","tabIndex","undefined","role","t2","t3","t4","LayoutPanelMode","CubeLayoutPanelProps","mode","size","defaultSize","minSize","maxSize","isResizable","onSizeChange","isOpen","defaultIsOpen","onOpenChange","hasTransition","isDismissable","overlayStyles","isDialog","isDialogOpen","defaultIsDialogOpen","onDialogOpenChange","dialogProps","Omit","contentPadding","sizeStorageKey","children","matchesContainerSize","HTMLElement","dimension","offsetWidth","offsetHeight","LayoutPanel","ref","HTMLDivElement","layoutActions","layoutState","layoutRefs","Error","modeProp","providedSize","providedIsOpen","hasTransitionProp","providedIsDialogOpen","otherProps","isDialogMode","isOverlayMode","isStickyMode","combinedRef","prevProvidedSizeRef","containerWidth","containerHeight","minContentSize","containerDimension","oppositeSide","oppositePanelSize","panelSizes","ownInsetOffset","naturalMax","Math","max","Infinity","internalIsOpen","setInternalIsOpen","isTransitionActive","isPanelContainerReady","visualState","setVisualState","isShown","isPanelShown","internalIsDialogOpen","setInternalIsDialogOpen","dialogOpen","storedSize","setStoredSize","isDragging","setIsDragging","setSize","initialSize","extractedStyles","finalStyles","resolvedMax","trim","endsWith","effectiveMax","values","push","Number","isFinite","length","min","clampValue","value","setContextDragging","setDragging","onMoveStart","onMove","e","delta","pointerType","step","shiftKey","rawDelta","deltaX","deltaY","direction","currentSize","onMoveEnd","finalSize","round","current","panelContainerRef","parentElement","prev","clamped","effectivePanelSize","effectiveInsetSize","registerPanel","unregisterPanel","updatePanelSize","isReady","lastSizeRef","handleOpenChange","newIsOpen","handleDismiss","registerOverlayPanel","unregister","handleDialogOpenChange","panelContextValue","dialogPanelContextValue","panelMods","drag","maxSizeCss","parts","join","panelStyle","panelRefCallback","node","transitionRef","handleResetSize","resetSize","parseInt","clampedSize","renderPanelContent","offscreen","showOverlay","eventProps","portalContainer","isExiting","_LayoutPanel","displayName"],"sources":["../../../../src/components/content/Layout/LayoutPanel.tsx"],"sourcesContent":["import {\n  BaseProps,\n  CONTAINER_STYLES,\n  ContainerStyleProps,\n  filterBaseProps,\n  mergeStyles,\n  Styles,\n  tasty,\n} from '@tenphi/tasty';\nimport {\n  ForwardedRef,\n  forwardRef,\n  HTMLAttributes,\n  ReactNode,\n  RefCallback,\n  useCallback,\n  useEffect,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { useFocusRing, useHover, useMove } from 'react-aria';\nimport { createPortal } from 'react-dom';\n\nimport { useDebouncedValue } from '../../../_internal/hooks';\nimport {\n  mergeProps,\n  useCombinedRefs,\n  useLocalStorage,\n} from '../../../utils/react';\nimport { extractStyles } from '../../../utils/styles';\nimport { DisplayTransition } from '../../helpers/DisplayTransition/DisplayTransition';\nimport { Dialog } from '../../overlays/Dialog';\nimport {\n  CubeDialogContainerProps,\n  DialogContainer,\n} from '../../overlays/Dialog/DialogContainer';\n\nimport {\n  LayoutContextReset,\n  LayoutPanelContext,\n  Side,\n  useLayoutActionsContext,\n  useLayoutRefsContext,\n  useLayoutStateContext,\n} from './LayoutContext';\nimport { LayoutPanelTransition } from './LayoutPanelTransition';\nimport { clampSize, getOppositeSide, resolveCssSize } from './utils';\n\n// Resize handler dimensions\nconst HANDLER_WIDTH = 9;\n// How far from panel edge to position handler's inner edge (centers the 3px track on the edge)\nconst HANDLER_OFFSET = 4;\n// Extra inset added for resizable panels (to accommodate handler grab area)\nconst RESIZABLE_INSET_OFFSET = 2;\n\nconst PanelElement = tasty({\n  as: 'div',\n  qa: 'LayoutPanel',\n  styles: {\n    container: 'panel / inline-size',\n    position: 'absolute',\n    display: 'flex',\n    flow: 'column',\n    overflow: 'hidden',\n    boxSizing: 'border-box',\n\n    '$content-padding': '1x',\n    // Auto-border size for sub-components (panels are always vertical)\n    '$layout-border-size': '1bw',\n\n    // Position based on side prop\n    top: {\n      '': 0,\n      'side=bottom': 'initial',\n    },\n    right: {\n      '': 0,\n      'side=left': 'initial',\n    },\n    bottom: {\n      '': 0,\n      'side=top': 'initial',\n    },\n    left: {\n      '': 0,\n      'side=right': 'initial',\n    },\n\n    // Size handling with CSS-level min/max clamping\n    width: {\n      '': '$min-size $panel-size $max-size',\n      'side=top | side=bottom': '100%',\n    },\n    height: {\n      '': '100%',\n      'side=top | side=bottom': '$min-size $panel-size $max-size',\n    },\n\n    // Visual styling\n    border: {\n      '': false,\n      'side=left': 'right',\n      'side=right': 'left',\n      'side=top': 'bottom',\n      'side=bottom': 'top',\n    },\n    fill: '#surface',\n\n    // Transition styles - offscreen mod controls slide animation\n    transform: {\n      '': 'translateX(0) translateY(0)',\n      'offscreen & side=left': 'translateX(-100%)',\n      'offscreen & side=right': 'translateX(100%)',\n      'offscreen & side=top': 'translateY(-100%)',\n      'offscreen & side=bottom': 'translateY(100%)',\n    },\n    transition: {\n      '': 'none',\n      'has-transition': 'transform $transition ease-out',\n    },\n  },\n});\n\n// Handler is positioned as sibling to panel (in Fragment), relative to Layout\nconst ResizeHandlerElement = tasty({\n  qa: 'PanelResizeHandler',\n  styles: {\n    position: 'absolute',\n\n    // Handler size\n    width: {\n      '': '100%',\n      horizontal: `${HANDLER_WIDTH}px`,\n      'disabled & horizontal': '1bw',\n    },\n    height: {\n      '': `${HANDLER_WIDTH}px`,\n      horizontal: '100%',\n      'disabled & !horizontal': '1bw',\n    },\n\n    // Position handler with direct offset (no centering needed)\n    top: {\n      '': 0,\n      'side=top': `calc($panel-size - ${HANDLER_OFFSET}px)`,\n      'side=bottom': 'initial',\n    },\n    bottom: {\n      '': 0,\n      'side=bottom': `calc($panel-size - ${HANDLER_OFFSET}px)`,\n      'side=top': 'initial',\n    },\n    left: {\n      '': 0,\n      'side=left': `calc($panel-size - ${HANDLER_OFFSET}px)`,\n      'side=right': 'initial',\n    },\n    right: {\n      '': 0,\n      'side=right': `calc($panel-size - ${HANDLER_OFFSET}px)`,\n      'side=left': 'initial',\n    },\n\n    // Offscreen transforms only (no centering needed with direct offset positioning)\n    transform: {\n      '': 'translateX(0)',\n      'offscreen & side=left': `translateX(calc(-1 * $panel-size - ${HANDLER_WIDTH - HANDLER_OFFSET}px))`,\n      'offscreen & side=right': `translateX(calc($panel-size + ${HANDLER_WIDTH - HANDLER_OFFSET}px))`,\n      'offscreen & side=top': `translateY(calc(-1 * $panel-size - ${HANDLER_WIDTH - HANDLER_OFFSET}px))`,\n      'offscreen & side=bottom': `translateY(calc($panel-size + ${HANDLER_WIDTH - HANDLER_OFFSET}px))`,\n    },\n\n    cursor: {\n      '': 'row-resize',\n      horizontal: 'col-resize',\n      disabled: 'not-allowed',\n    },\n    touchAction: {\n      '': 'none',\n      disabled: 'auto',\n    },\n    padding: 0,\n    outline: 0,\n    boxSizing: 'border-box',\n\n    // Transition must match panel for synchronized animation\n    transition: {\n      '': 'theme',\n      'has-transition': 'transform $transition ease-out, theme',\n    },\n\n    Track: {\n      width: {\n        '': 'initial',\n        horizontal: '3px',\n        'disabled & horizontal': '1px',\n      },\n      height: {\n        '': '3px',\n        horizontal: 'initial',\n        'disabled & !horizontal': '1px',\n      },\n      position: 'absolute',\n      inset: {\n        '': '3px 0',\n        horizontal: '0 3px',\n        disabled: '0 0',\n      },\n      fill: {\n        '': '#border',\n        '(hovered | drag | focused) & !disabled': '#purple-03',\n      },\n      border: 0,\n      transition: 'theme',\n      outline: {\n        '': '1bw #primary-text.0',\n        'drag | focused': '1bw #primary-text',\n      },\n      outlineOffset: 1,\n    },\n\n    Drag: {\n      display: 'grid',\n      gap: '2bw',\n      border: 0,\n      flow: {\n        '': 'row',\n        horizontal: 'column',\n      },\n      gridColumns: {\n        '': '3px 3px 3px 3px 3px',\n        horizontal: 'auto',\n      },\n      gridRows: {\n        '': 'auto',\n        horizontal: '3px 3px 3px 3px 3px',\n      },\n      width: {\n        '': 'auto',\n        horizontal: '1px',\n      },\n      height: {\n        '': '1px',\n        horizontal: 'auto',\n      },\n      inset: {\n        '': '4px 50% auto auto',\n        horizontal: '50% 4px auto auto',\n      },\n      transform: {\n        '': 'translate(-50%, 0)',\n        horizontal: 'translate(0, -50%)',\n      },\n      position: 'absolute',\n      transition: 'theme',\n    },\n\n    DragPart: {\n      radius: true,\n      fill: {\n        '': '#dark-03',\n        'hovered | drag | focused': '#primary-text',\n        disabled: '#disabled-surface-text',\n      },\n    },\n  },\n});\n\n// Overlay backdrop for overlay mode - covers the content area behind the panel\nconst OverlayBackdrop = tasty({\n  qa: 'PanelOverlay',\n  styles: {\n    position: 'absolute',\n    inset: 0,\n    // fill: '#white.2',\n    backdropFilter: 'invert(.15)',\n    cursor: 'pointer',\n    opacity: {\n      '': 0,\n      visible: 1,\n    },\n    pointerEvents: {\n      '': 'none',\n      visible: 'auto',\n    },\n    transition: 'opacity .15s ease-out',\n  },\n});\n\ninterface ResizeHandlerProps {\n  side: Side;\n  isDisabled?: boolean;\n  mods?: Record<string, boolean>;\n  moveProps: ReturnType<typeof useMove>['moveProps'];\n  style?: Record<string, string | number | null | undefined>;\n  onDoubleClick?: () => void;\n}\n\nfunction ResizeHandler(props: ResizeHandlerProps) {\n  const { side, isDisabled, mods, moveProps, style, onDoubleClick } = props;\n  const { hoverProps, isHovered } = useHover({});\n  const { focusProps, isFocusVisible } = useFocusRing();\n  const isHorizontal = side === 'left' || side === 'right';\n  const localIsHovered = useDebouncedValue(isHovered, 150);\n\n  return (\n    <ResizeHandlerElement\n      {...mergeProps(hoverProps, focusProps, moveProps, {\n        mods: {\n          hovered: localIsHovered,\n          horizontal: isHorizontal,\n          disabled: isDisabled,\n          focused: isFocusVisible,\n          side,\n          ...mods,\n        },\n        style,\n        tabIndex: isDisabled ? undefined : 0,\n        role: 'separator',\n        'aria-orientation': isHorizontal ? 'vertical' : 'horizontal',\n        'aria-label': `Resize ${side} panel`,\n        onDoubleClick: isDisabled ? undefined : onDoubleClick,\n      })}\n    >\n      <div data-element=\"Track\" />\n      {!isDisabled && (\n        <div data-element=\"Drag\">\n          <div data-element=\"DragPart\" />\n          <div data-element=\"DragPart\" />\n          <div data-element=\"DragPart\" />\n          <div data-element=\"DragPart\" />\n          <div data-element=\"DragPart\" />\n        </div>\n      )}\n    </ResizeHandlerElement>\n  );\n}\n\n/** Panel rendering mode */\nexport type LayoutPanelMode = 'default' | 'sticky' | 'overlay' | 'dialog';\n\nexport interface CubeLayoutPanelProps extends BaseProps, ContainerStyleProps {\n  /** Side of the layout where panel is positioned */\n  side: Side;\n  /**\n   * Panel rendering mode:\n   * - `default`: Standard panel that pushes content aside\n   * - `sticky`: Panel floats over content without pushing it\n   * - `overlay`: Panel with dismissable backdrop overlay\n   * - `dialog`: Panel renders as a modal dialog\n   */\n  mode?: LayoutPanelMode;\n  /** Panel size (width for left/right, height for top/bottom) - controlled */\n  size?: number | string;\n  /** Default panel size for uncontrolled state */\n  defaultSize?: number | string;\n  /** Minimum panel size */\n  minSize?: number | string;\n  /** Maximum panel size */\n  maxSize?: number | string;\n  /** Enable resize functionality */\n  isResizable?: boolean;\n  /** Size change callback */\n  onSizeChange?: (size: number) => void;\n  /** Controlled open state */\n  isOpen?: boolean;\n  /** Default open state */\n  defaultIsOpen?: boolean;\n  /** Open state change callback */\n  onOpenChange?: (isOpen: boolean) => void;\n  /** Enable slide transition on open/close */\n  hasTransition?: boolean;\n  /**\n   * Whether the panel can be dismissed by clicking the overlay (overlay mode) or pressing Escape.\n   * Only applies to `overlay` and `dialog` modes. Default: true\n   */\n  isDismissable?: boolean;\n  /** Styles for the overlay backdrop in overlay mode */\n  overlayStyles?: Styles;\n  /**\n   * @deprecated Use `mode=\"dialog\"` instead. Switch to dialog mode (renders panel inside Dialog)\n   */\n  isDialog?: boolean;\n  /** Controlled dialog open state (used with mode=\"dialog\") */\n  isDialogOpen?: boolean;\n  /** Default dialog open state */\n  defaultIsDialogOpen?: boolean;\n  /** Dialog open state change callback */\n  onDialogOpenChange?: (isOpen: boolean) => void;\n  /** Props passed to Dialog component when in dialog mode */\n  dialogProps?: Omit<\n    CubeDialogContainerProps,\n    'isDismissable' | 'onDismiss' | 'isOpen'\n  >;\n  /** Padding for content areas inside the panel. Default: '1x' */\n  contentPadding?: Styles['padding'];\n  /** localStorage key for persisting panel size. When provided, size is stored and restored across instances. */\n  sizeStorageKey?: string;\n  /** Styles for the panel */\n  styles?: Styles;\n  children?: ReactNode;\n}\n\nfunction matchesContainerSize(\n  container: HTMLElement | null | undefined,\n  isHorizontal: boolean,\n  dimension: number,\n) {\n  return (\n    (isHorizontal ? container?.offsetWidth : container?.offsetHeight) ===\n    dimension\n  );\n}\n\nfunction LayoutPanel(\n  props: CubeLayoutPanelProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  const layoutActions = useLayoutActionsContext();\n  const layoutState = useLayoutStateContext();\n  const layoutRefs = useLayoutRefsContext();\n\n  if (!layoutActions || !layoutState || !layoutRefs) {\n    throw new Error(\n      'Layout.Panel must be used within a Layout component. ' +\n        'Ensure your panel is rendered inside a <Layout> parent.',\n    );\n  }\n\n  const {\n    side = 'left',\n    mode: modeProp,\n    size: providedSize,\n    defaultSize = 280,\n    minSize = 200,\n    maxSize,\n    isResizable = false,\n    onSizeChange,\n    isOpen: providedIsOpen,\n    defaultIsOpen = true,\n    onOpenChange,\n    hasTransition: hasTransitionProp,\n    isDismissable = true,\n    overlayStyles,\n    // Deprecated prop - use mode=\"dialog\" instead\n    isDialog = false,\n    isDialogOpen: providedIsDialogOpen,\n    defaultIsDialogOpen = false,\n    onDialogOpenChange,\n    dialogProps,\n    contentPadding,\n    sizeStorageKey,\n    children,\n    styles,\n    mods,\n    ...otherProps\n  } = props;\n\n  // Resolve mode from prop or deprecated isDialog\n  const mode: LayoutPanelMode = modeProp ?? (isDialog ? 'dialog' : 'default');\n  const isDialogMode = mode === 'dialog';\n  const isOverlayMode = mode === 'overlay';\n  const isStickyMode = mode === 'sticky';\n\n  // Use prop value if provided, otherwise fall back to context value\n  const hasTransition = hasTransitionProp ?? layoutActions.hasTransition;\n\n  const combinedRef = useCombinedRefs(ref);\n  const prevProvidedSizeRef = useRef(providedSize);\n  const isHorizontal = side === 'left' || side === 'right';\n\n  // Natural boundary computation\n  const { containerWidth, containerHeight } = layoutState;\n  const { minContentSize } = layoutActions;\n  const containerDimension = isHorizontal ? containerWidth : containerHeight;\n  const oppositeSide = getOppositeSide(side);\n  const oppositePanelSize = layoutState.panelSizes[oppositeSide];\n  const ownInsetOffset = isResizable ? RESIZABLE_INSET_OFFSET : 0;\n  const naturalMax = useMemo(\n    () =>\n      !isDialogMode && containerDimension > 0\n        ? Math.max(\n            0,\n            containerDimension -\n              oppositePanelSize -\n              minContentSize -\n              ownInsetOffset,\n          )\n        : Infinity,\n    [\n      isDialogMode,\n      containerDimension,\n      oppositePanelSize,\n      minContentSize,\n      ownInsetOffset,\n    ],\n  );\n\n  // Panel open state\n  const [internalIsOpen, setInternalIsOpen] = useState(defaultIsOpen);\n  const isOpen = providedIsOpen ?? internalIsOpen;\n  const isTransitionActive =\n    hasTransition && !isDialogMode && layoutRefs.isPanelContainerReady;\n  const [visualState, setVisualState] = useState({\n    isShown: isOpen,\n    isTransitionActive,\n  });\n\n  // A newly mounted DisplayTransition starts at the requested visibility.\n  if (visualState.isTransitionActive !== isTransitionActive) {\n    setVisualState({ isShown: isOpen, isTransitionActive });\n  }\n  const isPanelShown = isTransitionActive ? visualState.isShown : isOpen;\n\n  // Dialog open state\n  const [internalIsDialogOpen, setInternalIsDialogOpen] =\n    useState(defaultIsDialogOpen);\n  const dialogOpen = providedIsDialogOpen ?? internalIsDialogOpen;\n\n  // Persistent size storage\n  const [storedSize, setStoredSize] = useLocalStorage<number | null>(\n    sizeStorageKey ?? null,\n    null,\n  );\n\n  // Resize state\n  const [isDragging, setIsDragging] = useState(false);\n  const [size, setSize] = useState<number>(() => {\n    const initialSize =\n      typeof providedSize === 'number'\n        ? providedSize\n        : storedSize != null\n          ? storedSize\n          : typeof defaultSize === 'number'\n            ? defaultSize\n            : 280;\n\n    return clampSize(initialSize, minSize, maxSize);\n  });\n\n  const extractedStyles = extractStyles(otherProps, CONTAINER_STYLES);\n\n  // Merge styles with contentPadding support\n  const finalStyles = useMemo(\n    () =>\n      mergeStyles(\n        styles,\n        contentPadding != null ? { '$content-padding': contentPadding } : null,\n        extractedStyles,\n      ),\n    [extractedStyles, contentPadding, styles],\n  );\n\n  // Resolve user's maxSize to pixels for JS-level clamping.\n  // Percentage bounds belong to the inline host, not the dialog's host.\n  const resolvedMax = useMemo(() => {\n    if (typeof maxSize === 'number') return maxSize;\n    if (\n      typeof maxSize === 'string' &&\n      containerDimension > 0 &&\n      (!isDialogMode || !maxSize.trim().endsWith('%'))\n    ) {\n      return resolveCssSize(maxSize, containerDimension);\n    }\n    return undefined;\n  }, [maxSize, containerDimension, isDialogMode]);\n\n  // Effective max combines user's maxSize with natural boundary\n  const effectiveMax = useMemo(() => {\n    const values: number[] = [];\n    if (resolvedMax != null) values.push(resolvedMax);\n    if (Number.isFinite(naturalMax)) values.push(naturalMax);\n    return values.length > 0 ? Math.min(...values) : undefined;\n  }, [resolvedMax, naturalMax]);\n\n  // Clamp size to min/max constraints (including natural boundaries)\n  const clampValue = useCallback(\n    (value: number) => clampSize(value, minSize, undefined, effectiveMax),\n    [minSize, effectiveMax],\n  );\n\n  const setContextDragging = layoutActions.setDragging;\n\n  const { moveProps } = useMove({\n    onMoveStart() {\n      if (!isResizable || isDialogMode) return;\n      setIsDragging(true);\n      setContextDragging(true);\n    },\n    onMove(e) {\n      if (!isResizable || isDialogMode) return;\n\n      let delta: number;\n\n      if (e.pointerType === 'keyboard') {\n        // Keyboard resize: 10px per step, 50px with Shift\n        const step = e.shiftKey ? 50 : 10;\n        // For keyboard, deltaX/deltaY are direction indicators (-1, 0, 1)\n        const rawDelta = isHorizontal ? e.deltaX : e.deltaY;\n        const direction = side === 'right' || side === 'bottom' ? -1 : 1;\n        delta = rawDelta * step * direction;\n      } else {\n        // Pointer resize: use exact delta values\n        delta = isHorizontal\n          ? e.deltaX * (side === 'right' ? -1 : 1)\n          : e.deltaY * (side === 'bottom' ? -1 : 1);\n      }\n\n      setSize((currentSize) => clampValue(currentSize + delta));\n    },\n    onMoveEnd() {\n      setIsDragging(false);\n      setContextDragging(false);\n      if (isDialogMode && !isDragging) return;\n      // Round to integer on release and notify parent\n      setSize((currentSize) => {\n        const finalSize = Math.round(clampValue(currentSize));\n        // Call onSizeChange synchronously to ensure parent state is updated\n        onSizeChange?.(finalSize);\n        // Persist to localStorage if key is provided\n        setStoredSize(finalSize);\n        return finalSize;\n      });\n    },\n  });\n\n  // Sync provided size with internal state (only when providedSize actually changes)\n  // This prevents resetting size when only isDragging changes (which would cause a flash)\n  useEffect(() => {\n    if (prevProvidedSizeRef.current !== providedSize) {\n      if (\n        !isDialogMode &&\n        !matchesContainerSize(\n          layoutRefs.panelContainerRef.current?.parentElement,\n          isHorizontal,\n          containerDimension,\n        )\n      ) {\n        return;\n      }\n\n      prevProvidedSizeRef.current = providedSize;\n      if (typeof providedSize === 'number' && !isDragging) {\n        setSize(clampValue(providedSize));\n      }\n    }\n  }, [\n    providedSize,\n    isDragging,\n    clampValue,\n    isDialogMode,\n    isHorizontal,\n    containerDimension,\n    layoutRefs.panelContainerRef,\n  ]);\n\n  // Dialogs retain inline size; only inline panels follow the host's bounds.\n  useEffect(() => {\n    if (!isDialogMode && !isDragging && containerDimension > 0) {\n      // A responsive mode switch can precede ResizeObserver's new measurement.\n      // Wait for matching host bounds before shrinking and persisting size.\n      if (\n        !matchesContainerSize(\n          layoutRefs.panelContainerRef.current?.parentElement,\n          isHorizontal,\n          containerDimension,\n        )\n      ) {\n        return;\n      }\n\n      setSize((prev) => {\n        const clamped = clampValue(prev);\n\n        if (clamped !== prev) {\n          onSizeChange?.(Math.round(clamped));\n          setStoredSize(Math.round(clamped));\n        }\n\n        return clamped;\n      });\n    }\n  }, [\n    isDialogMode,\n    isDragging,\n    clampValue,\n    containerDimension,\n    isHorizontal,\n    layoutRefs.panelContainerRef,\n  ]);\n\n  // Register panel with layout context\n  // Include handler outside portion (minus border overlap) for proper content inset\n  // In sticky, overlay, and dialog modes, panel doesn't push content, so size is 0\n  // NOTE: We intentionally use `size` (not `clampValue(size)`) here to avoid a feedback\n  // loop. `clampValue` depends on the opposite panel's context size, so clamping here\n  // would create a period-2 oscillation through shared context. CSS --max-size handles\n  // visual clamping immediately; the auto-shrink effect converges `size` state.\n  const effectivePanelSize = isPanelShown && mode === 'default' ? size : 0;\n  const effectiveInsetSize = Math.round(\n    effectivePanelSize +\n      (isResizable && effectivePanelSize > 0 ? RESIZABLE_INSET_OFFSET : 0),\n  );\n\n  const { registerPanel, unregisterPanel, updatePanelSize } = layoutActions;\n  const { isReady } = layoutState;\n\n  // Track the last reported size to prevent unnecessary updates\n  const lastSizeRef = useRef<number>(effectiveInsetSize);\n\n  // Register on mount, unregister on unmount\n  // Using useLayoutEffect ensures registration happens before browser paint\n  useLayoutEffect(() => {\n    registerPanel(side, lastSizeRef.current);\n\n    return () => {\n      unregisterPanel(side);\n    };\n  }, [side, registerPanel, unregisterPanel]);\n\n  // Update size when it changes (after initial mount)\n  // Using useLayoutEffect ensures size updates happen before browser paint\n  useLayoutEffect(() => {\n    if (lastSizeRef.current !== effectiveInsetSize) {\n      lastSizeRef.current = effectiveInsetSize;\n      updatePanelSize(side, effectiveInsetSize);\n    }\n  }, [side, effectiveInsetSize, updatePanelSize]);\n\n  const handleOpenChange = useCallback(\n    (newIsOpen: boolean) => {\n      setInternalIsOpen(newIsOpen);\n      onOpenChange?.(newIsOpen);\n    },\n    [onOpenChange],\n  );\n\n  // Dismiss handler for overlay mode (click on overlay)\n  const handleDismiss = useCallback(() => {\n    if (isDismissable) {\n      handleOpenChange(false);\n    }\n  }, [isDismissable, handleOpenChange]);\n\n  // Register overlay panel with Layout context for coordinated dismissal\n  const { registerOverlayPanel } = layoutActions;\n\n  useEffect(() => {\n    // Only register if in overlay mode, open, and dismissable\n    if (isOverlayMode && isOpen && isDismissable) {\n      const unregister = registerOverlayPanel(() => handleOpenChange(false));\n      return unregister;\n    }\n  }, [\n    isOverlayMode,\n    isOpen,\n    isDismissable,\n    registerOverlayPanel,\n    handleOpenChange,\n  ]);\n\n  const handleDialogOpenChange = useCallback(\n    (newIsOpen: boolean) => {\n      setInternalIsDialogOpen(newIsOpen);\n      onDialogOpenChange?.(newIsOpen);\n    },\n    [onDialogOpenChange],\n  );\n\n  // Panel context value for child components (like LayoutPanelHeader)\n  const panelContextValue = useMemo(\n    () => ({\n      onOpenChange: handleOpenChange,\n      isOpen,\n    }),\n    [handleOpenChange, isOpen],\n  );\n\n  // Dialog mode context value - uses dialog state instead of panel state\n  const dialogPanelContextValue = useMemo(\n    () => ({\n      onOpenChange: handleDialogOpenChange,\n      isOpen: dialogOpen,\n    }),\n    [handleDialogOpenChange, dialogOpen],\n  );\n\n  const panelMods = useMemo(\n    () => ({\n      side,\n      drag: isDragging,\n      horizontal: isHorizontal,\n      // Only enable transition after layout is ready to prevent initial animation\n      'has-transition': hasTransition && isReady,\n      ...mods,\n    }),\n    [side, isDragging, isHorizontal, hasTransition, isReady, mods],\n  );\n\n  // Build --max-size CSS variable combining user maxSize and natural boundary\n  const maxSizeCss = useMemo(() => {\n    const parts: string[] = [];\n\n    if (maxSize != null) {\n      parts.push(typeof maxSize === 'number' ? `${maxSize}px` : maxSize);\n    }\n\n    if (containerDimension > 0 && Number.isFinite(naturalMax)) {\n      parts.push(`${naturalMax}px`);\n    }\n\n    if (parts.length === 0) return undefined;\n    return parts.length === 1 ? parts[0] : `min(${parts.join(', ')})`;\n  }, [maxSize, naturalMax, containerDimension]);\n\n  const panelStyle = useMemo(\n    () => ({\n      '--panel-size': `${size}px`,\n      '--min-size': typeof minSize === 'number' ? `${minSize}px` : minSize,\n      '--max-size': maxSizeCss,\n    }),\n    [size, minSize, maxSizeCss],\n  );\n\n  // Combine refs for panel element\n  const panelRefCallback = useCallback(\n    (node: HTMLDivElement | null, transitionRef?: RefCallback<HTMLElement>) => {\n      // Update the combined ref\n      (combinedRef as { current: HTMLDivElement | null }).current = node;\n      // Call transition ref if provided\n      transitionRef?.(node);\n    },\n    [combinedRef],\n  );\n\n  // Reset to default size on double-click\n  const handleResetSize = useCallback(() => {\n    const resetSize =\n      typeof defaultSize === 'number' ? defaultSize : parseInt(defaultSize, 10);\n    const clampedSize = clampValue(resetSize || 280);\n    setSize(clampedSize);\n    onSizeChange?.(clampedSize);\n    setStoredSize(clampedSize);\n  }, [defaultSize, clampValue, onSizeChange, setStoredSize]);\n\n  const renderPanelContent = (\n    offscreen = false,\n    transitionRef?: RefCallback<HTMLElement>,\n  ) => {\n    const showOverlay = isOverlayMode && !offscreen;\n\n    return (\n      <>\n        {/* Overlay backdrop for overlay mode */}\n        {isOverlayMode && (\n          <OverlayBackdrop\n            mods={{ visible: showOverlay }}\n            styles={overlayStyles}\n            aria-hidden=\"true\"\n            onClick={handleDismiss}\n          />\n        )}\n        <PanelElement\n          ref={(node: HTMLDivElement | null) =>\n            panelRefCallback(node, transitionRef)\n          }\n          {...filterBaseProps(otherProps, { eventProps: true })}\n          mods={{ ...panelMods, offscreen }}\n          styles={finalStyles}\n          style={panelStyle}\n          data-side={side}\n        >\n          <LayoutPanelContext.Provider value={panelContextValue}>\n            <LayoutContextReset>{children}</LayoutContextReset>\n          </LayoutPanelContext.Provider>\n        </PanelElement>\n        {isResizable && (\n          <ResizeHandler\n            side={side}\n            isDisabled={!isResizable}\n            mods={{\n              drag: isDragging,\n              offscreen,\n              'has-transition': hasTransition && isReady,\n            }}\n            moveProps={moveProps}\n            style={panelStyle}\n            onDoubleClick={handleResetSize}\n          />\n        )}\n      </>\n    );\n  };\n\n  // Dialog mode - uses its own portal via DialogContainer\n  if (isDialogMode) {\n    return (\n      <DialogContainer\n        isOpen={dialogOpen}\n        isDismissable={isDismissable}\n        onDismiss={() => handleDialogOpenChange(false)}\n        {...dialogProps}\n      >\n        <Dialog isDismissable={false}>\n          <LayoutPanelContext.Provider value={dialogPanelContextValue}>\n            <LayoutContextReset>{children}</LayoutContextReset>\n          </LayoutPanelContext.Provider>\n        </Dialog>\n      </DialogContainer>\n    );\n  }\n\n  // Wait for portal container to be ready before rendering\n  if (!layoutRefs.isPanelContainerReady) {\n    return null;\n  }\n\n  const portalContainer = layoutRefs.panelContainerRef.current!;\n\n  // Panel with transition - portal to panel container\n  if (hasTransition) {\n    return createPortal(\n      <DisplayTransition\n        isShown={isOpen}\n        animateOnMount={false}\n        onToggle={(isShown) => setVisualState({ isShown, isTransitionActive })}\n      >\n        {({ isShown, isExiting, ref: transitionRef }) => (\n          <LayoutPanelTransition isShown={isShown} isExiting={isExiting}>\n            {renderPanelContent(!isShown, transitionRef)}\n          </LayoutPanelTransition>\n        )}\n      </DisplayTransition>,\n      portalContainer,\n    );\n  }\n\n  // Simple panel (no transition) - portal to panel container\n  if (!isOpen) return null;\n\n  return createPortal(renderPanelContent(false), portalContainer);\n}\n\nconst _LayoutPanel = forwardRef(LayoutPanel);\n\n_LayoutPanel.displayName = 'Layout.Panel';\n\nexport { _LayoutPanel as LayoutPanel };\n"],"mappings":"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"}

package/dist/components/content/Layout/LayoutPanelHeader.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e75ef64 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-f53c097 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { ItemAction } from "../../actions/ItemAction/ItemAction.js";
 import { _Item } from "../Item/Item.js";

package/dist/components/content/Layout/LayoutPanelTransition.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e75ef64 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-f53c097 | Cube Dev Team */
 import { LayoutPanelTransitionContext, useLayoutRefsContext } from "./LayoutContext.js";
 import { c } from "react/compiler-runtime";
 import { useContext, useLayoutEffect, useState } from "react";

package/dist/components/content/Layout/LayoutToolbar.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e75ef64 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-f53c097 | Cube Dev Team */
 import { _LayoutContent } from "./LayoutContent.js";
 import { c } from "react/compiler-runtime";
 import { tasty } from "@tenphi/tasty";

package/dist/components/content/Layout/hooks/useTinyScrollbar.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e75ef64 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-f53c097 | Cube Dev Team */
 import { c } from "react/compiler-runtime";
 import { useEffect, useRef, useState } from "react";
 

package/dist/components/content/Layout/index.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e75ef64 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-f53c097 | Cube Dev Team */
 import { LayoutActionsContext, LayoutContextReset, LayoutPanelContext, LayoutRefsContext, LayoutStateContext, useLayoutActionsContext, useLayoutPanelContext, useLayoutRefsContext, useLayoutStateContext } from "./LayoutContext.js";
 import { _Layout } from "./Layout.js";
 import { _LayoutContent } from "./LayoutContent.js";

package/dist/components/content/Layout/utils.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e75ef64 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-f53c097 | Cube Dev Team */
 //#region src/components/content/Layout/utils.ts
 /**
 * Clamps a size value within min/max constraints.

package/dist/components/content/Paragraph.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e75ef64 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-f53c097 | Cube Dev Team */
 import { extractStyles } from "../../utils/styles.js";
 import { _Text } from "./Text.js";
 import { c } from "react/compiler-runtime";

package/dist/components/content/Placeholder/Placeholder.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e75ef64 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-f53c097 | Cube Dev Team */
 import { extractStyles, mergeStyleLayers } from "../../../utils/styles.js";
 import { useI18n } from "../../../i18n/useI18n.js";
 import { c } from "react/compiler-runtime";

package/dist/components/content/PrismCode/PrismCode.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e75ef64 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-f53c097 | Cube Dev Team */
 import { RendererPrism, ensureYamlSqlExtensions } from "./prismSetup.js";
 import { CONTAINER_STYLES, tasty } from "@tenphi/tasty";
 import { forwardRef } from "react";

package/dist/components/content/PrismCode/prismSetup.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e75ef64 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-f53c097 | Cube Dev Team */
 import { Prism as RendererPrism } from "prism-react-renderer";
 
 //#region src/components/content/PrismCode/prismSetup.tsx