@cube-dev/ui-kit 0.197.0 → 0.198.1

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

@@ -1 +1 @@
-{"version":3,"file":"LayoutGrid.js","names":["Styles","tasty","ForwardedRef","forwardRef","CubeLayoutContentProps","LayoutContent","GridElement","qa","styles","container","flexShrink","flexGrow","Inner","display","flow","padding","CubeLayoutGridProps","columns","rows","template","LayoutGrid","props","ref","$","_c","children","otherProps","t0","scrollbar","undefined","t1","_LayoutGrid","displayName"],"sources":["../../../../src/components/content/Layout/LayoutGrid.tsx"],"sourcesContent":["import { Styles, tasty } from '@tenphi/tasty';\nimport { ForwardedRef, forwardRef } from 'react';\n\nimport { CubeLayoutContentProps, LayoutContent } from './LayoutContent';\n\nconst GridElement = tasty(LayoutContent, {\n  qa: 'LayoutGrid',\n  styles: {\n    container: 'none',\n    flexShrink: 0,\n    flexGrow: 0,\n\n    Inner: {\n      display: 'grid',\n      flow: 'row',\n      padding: 0,\n    },\n  },\n});\n\nexport interface CubeLayoutGridProps extends CubeLayoutContentProps {\n  /** Grid template columns */\n  columns?: Styles['gridColumns'];\n  /** Grid template rows */\n  rows?: Styles['gridRows'];\n  /** Grid template shorthand */\n  template?: Styles['gridTemplate'];\n}\n\nfunction LayoutGrid(\n  props: CubeLayoutGridProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  const {\n    children,\n    scrollbar = 'tiny',\n    columns,\n    rows,\n    template,\n    ...otherProps\n  } = props;\n\n  return (\n    <GridElement\n      {...otherProps}\n      ref={ref}\n      scrollbar={scrollbar}\n      gridColumns={columns}\n      gridRows={rows}\n      gridTemplate={template}\n    >\n      {children}\n    </GridElement>\n  );\n}\n\nconst _LayoutGrid = forwardRef(LayoutGrid);\n\n_LayoutGrid.displayName = 'Layout.Grid';\n\nexport { _LayoutGrid as LayoutGrid };\n"],"mappings":";;;;;;;;AAKA,MAAMM,cAAcL,MAAMI,gBAAe;CACvCE,IAAI;CACJC,QAAQ;EACNC,WAAW;EACXC,YAAY;EACZC,UAAU;EAEVC,OAAO;GACLC,SAAS;GACTC,MAAM;GACNC,SAAS;GACX;EACF;CACD,CAAC;AAWF,SAAAK,WAAAC,OAAAC,KAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CAAA,IAAAC;CAAA,IAAAR;CAAA,IAAAS;CAAA,IAAAR;CAAA,IAAAS;CAAA,IAAAR;AAAA,KAAAI,EAAA,OAAAF,OAAA;AAIE,GAAA,CAAAI,UAAAG,WAAAD,IAAAV,SAAAC,MAAAC,aAAAO,cAOIL;AAAME,IAAA,KAAAF;AAAAE,IAAA,KAAAE;AAAAF,IAAA,KAAAN;AAAAM,IAAA,KAAAG;AAAAH,IAAA,KAAAL;AAAAK,IAAA,KAAAI;AAAAJ,IAAA,KAAAJ;QAAA;AAAAM,aAAAF,EAAA;AAAAN,YAAAM,EAAA;AAAAG,eAAAH,EAAA;AAAAL,SAAAK,EAAA;AAAAI,OAAAJ,EAAA;AAAAJ,aAAAI,EAAA;;CALR,MAAAK,YAAAD,OAAAE,SAAA,SAAAF;CAAkB,IAAAG;AAAA,KAAAP,EAAA,OAAAE,YAAAF,EAAA,OAAAN,WAAAM,EAAA,OAAAG,cAAAH,EAAA,QAAAD,OAAAC,EAAA,QAAAL,QAAAK,EAAA,QAAAK,aAAAL,EAAA,QAAAJ,UAAA;AAQlBW,OAAA,oBAAC;GAAW,GACNJ;GACCJ;GACMM;GACEX,aAAAA;GACHC,UAAAA;GACIC,cAAAA;GAEbM;IACW;AAAAF,IAAA,KAAAE;AAAAF,IAAA,KAAAN;AAAAM,IAAA,KAAAG;AAAAH,IAAA,MAAAD;AAAAC,IAAA,MAAAL;AAAAK,IAAA,MAAAK;AAAAL,IAAA,MAAAJ;AAAAI,IAAA,MAAAO;OAAAA,MAAAP,EAAA;AAAA,QATdO;;AAaJ,MAAMC,cAAc5B,WAAWiB,WAAW;AAE1CW,YAAYC,cAAc"}
+{"version":3,"file":"LayoutGrid.js","names":["Styles","tasty","ForwardedRef","forwardRef","CubeLayoutContentProps","LayoutContent","GridElement","qa","styles","container","flexShrink","flexGrow","Inner","display","flow","padding","CubeLayoutGridProps","columns","rows","template","LayoutGrid","props","ref","$","_c","children","otherProps","t0","scrollbar","undefined","t1","_LayoutGrid","displayName","LayoutContent","_c"],"sources":["../../../../src/components/content/Layout/LayoutGrid.tsx"],"sourcesContent":["import { Styles, tasty } from '@tenphi/tasty';\nimport { ForwardedRef, forwardRef } from 'react';\n\nimport { CubeLayoutContentProps, LayoutContent } from './LayoutContent';\n\nconst GridElement = tasty(LayoutContent, {\n  qa: 'LayoutGrid',\n  styles: {\n    container: 'none',\n    flexShrink: 0,\n    flexGrow: 0,\n\n    Inner: {\n      display: 'grid',\n      flow: 'row',\n      padding: 0,\n    },\n  },\n});\n\nexport interface CubeLayoutGridProps extends CubeLayoutContentProps {\n  /** Grid template columns */\n  columns?: Styles['gridColumns'];\n  /** Grid template rows */\n  rows?: Styles['gridRows'];\n  /** Grid template shorthand */\n  template?: Styles['gridTemplate'];\n}\n\nfunction LayoutGrid(\n  props: CubeLayoutGridProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  const {\n    children,\n    scrollbar = 'tiny',\n    columns,\n    rows,\n    template,\n    ...otherProps\n  } = props;\n\n  return (\n    <GridElement\n      {...otherProps}\n      ref={ref}\n      scrollbar={scrollbar}\n      gridColumns={columns}\n      gridRows={rows}\n      gridTemplate={template}\n    >\n      {children}\n    </GridElement>\n  );\n}\n\nconst _LayoutGrid = forwardRef(LayoutGrid);\n\n_LayoutGrid.displayName = 'Layout.Grid';\n\nexport { _LayoutGrid as LayoutGrid };\n"],"mappings":";;;;;;;AAKA,MAAMM,cAAcL,MAAMI,gBAAe;CACvCE,IAAI;CACJC,QAAQ;EACNC,WAAW;EACXC,YAAY;EACZC,UAAU;EAEVC,OAAO;GACLC,SAAS;GACTC,MAAM;GACNC,SAAS;EACX;CACF;AACF,CAAC;AAWD,SAAAK,WAAAC,OAAAC,KAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAAA,IAAAC;CAAA,IAAAR;CAAA,IAAAS;CAAA,IAAAR;CAAA,IAAAS;CAAA,IAAAR;CAAA,IAAAI,EAAA,OAAAF,OAAA;EAIE,CAAA,CAAAI,UAAAG,WAAAD,IAAAV,SAAAC,MAAAC,UAAA,GAAAO,cAOIL;EAAME,EAAA,KAAAF;EAAAE,EAAA,KAAAE;EAAAF,EAAA,KAAAN;EAAAM,EAAA,KAAAG;EAAAH,EAAA,KAAAL;EAAAK,EAAA,KAAAI;EAAAJ,EAAA,KAAAJ;CAAA,OAAA;EAAAM,WAAAF,EAAA;EAAAN,UAAAM,EAAA;EAAAG,aAAAH,EAAA;EAAAL,OAAAK,EAAA;EAAAI,KAAAJ,EAAA;EAAAJ,WAAAI,EAAA;CAAA;CALR,MAAAK,YAAAD,OAAAE,KAAAA,IAAA,SAAAF;CAAkB,IAAAG;CAAA,IAAAP,EAAA,OAAAE,YAAAF,EAAA,OAAAN,WAAAM,EAAA,OAAAG,cAAAH,EAAA,QAAAD,OAAAC,EAAA,QAAAL,QAAAK,EAAA,QAAAK,aAAAL,EAAA,QAAAJ,UAAA;EAQlBW,KAAA,oBAAC,aAAD;GAAY,GACNJ;GACCJ;GACMM;GACEX,aAAAA;GACHC,UAAAA;GACIC,cAAAA;GAEbM;EARS,CAAA;EASEF,EAAA,KAAAE;EAAAF,EAAA,KAAAN;EAAAM,EAAA,KAAAG;EAAAH,EAAA,MAAAD;EAAAC,EAAA,MAAAL;EAAAK,EAAA,MAAAK;EAAAL,EAAA,MAAAJ;EAAAI,EAAA,MAAAO;CAAA,OAAAA,KAAAP,EAAA;CAAA,OATdO;AASc;AAIlB,MAAMC,cAAc5B,WAAWiB,UAAU;AAEzCW,YAAYC,cAAc"}

package/dist/components/content/Layout/LayoutHeader.d.ts

@@ -1,10 +1,8 @@
 
 import { CubeLayoutContentProps } from "./LayoutContent.js";
-import * as react from "react";
 import { ReactNode } from "react";
-
 //#region src/components/content/Layout/LayoutHeader.d.ts
-interface CubeLayoutHeaderProps extends CubeLayoutContentProps {
+export interface CubeLayoutHeaderProps extends CubeLayoutContentProps {
   /** Page/section title */
   title?: ReactNode;
   /** Title heading level (1-6) */
@@ -23,7 +21,7 @@ interface CubeLayoutHeaderProps extends CubeLayoutContentProps {
   /** Callback for the back button. When provided, a back arrow button is rendered to the left of the title. */
   onBack?: () => void;
 }
-declare const _LayoutHeader: react.ForwardRefExoticComponent<CubeLayoutHeaderProps & react.RefAttributes<HTMLDivElement>>;
+declare const _LayoutHeader: import("react").ForwardRefExoticComponent<CubeLayoutHeaderProps & import("react").RefAttributes<HTMLDivElement>>;
 //#endregion
-export { CubeLayoutHeaderProps, _LayoutHeader };
+export { _LayoutHeader as LayoutHeader };
 //# sourceMappingURL=LayoutHeader.d.ts.map

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

@@ -1,16 +1,15 @@
-/** @license MIT | @cube-dev/ui-kit v0.197.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.198.1 | Cube Dev Team */
 import { useAutoTooltip } from "../use-auto-tooltip.js";
 import { useI18n } from "../../../i18n/useI18n.js";
 import { Button } from "../../actions/Button/Button.js";
 import { Link } from "../../actions/Link/Link.js";
-import { _LayoutContent } from "./LayoutContent.js";
+import { LayoutContent as _LayoutContent } from "./LayoutContent.js";
 import { SlashIcon } from "../../../icons/SlashIcon.js";
 import { c } from "react/compiler-runtime";
 import { tasty } from "@tenphi/tasty";
 import { Fragment, forwardRef, useRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { IconArrowLeft } from "@tabler/icons-react";
-
 //#region src/components/content/Layout/LayoutHeader.tsx
 const HeaderElement = tasty(_LayoutContent, {
 	as: "header",
@@ -183,7 +182,8 @@ function LayoutHeader(props, ref) {
 	if ($[18] !== labelRef || $[19] !== level || $[20] !== mods || $[21] !== onBack || $[22] !== otherProps || $[23] !== ref || $[24] !== renderBreadcrumbs || $[25] !== renderWithTooltip || $[26] !== scrollbar || $[27] !== t || $[28] !== title) {
 		const renderTitle = (tooltipProps) => {
 			if (!title) return null;
-			return /* @__PURE__ */ jsx(`h${level}`, {
+			const TitleTag = `h${level}`;
+			return /* @__PURE__ */ jsx(TitleTag, {
 				ref: labelRef,
 				"data-element": "Title",
 				"data-level": level,
@@ -322,7 +322,7 @@ function _temp(t0, index) {
 }
 const _LayoutHeader = forwardRef(LayoutHeader);
 _LayoutHeader.displayName = "Layout.Header";
-
 //#endregion
-export { _LayoutHeader };
+export { _LayoutHeader as LayoutHeader };
+
 //# sourceMappingURL=LayoutHeader.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"LayoutHeader.js","names":["IconArrowLeft","tasty","ForwardedRef","forwardRef","Fragment","HTMLAttributes","ReactNode","useMemo","useRef","useI18n","SlashIcon","Button","Link","useAutoTooltip","CubeLayoutContentProps","LayoutContent","HeaderElement","as","qa","styles","container","border","flexShrink","flexGrow","height","Inner","$","display","gridTemplate","gap","placeContent","placeItems","padding","placeSelf","Back","gridArea","margin","Breadcrumbs","flow","preset","color","Title","lineHeight","overflow","textOverflow","whiteSpace","Suffix","Extra","width","Subtitle","CubeLayoutHeaderProps","title","level","suffix","extra","subtitle","breadcrumbs","Array","label","href","onBack","LayoutHeader","props","ref","_c","t","children","mods","otherProps","t0","t1","scrollbar","undefined","titleRef","t2","Symbol","for","targetRef","titleTooltip","t3","t4","tooltip","labelRef","renderWithTooltip","hasBreadcrumbs","length","t5","map","_temp","renderBreadcrumbs","T0","t10","t11","t12","t6","t7","t8","t9","renderTitle","tooltipProps","TitleTag","t13","t14","t15","t16","index","_LayoutHeader","displayName"],"sources":["../../../../src/components/content/Layout/LayoutHeader.tsx"],"sourcesContent":["import { IconArrowLeft } from '@tabler/icons-react';\nimport { tasty } from '@tenphi/tasty';\nimport {\n  ForwardedRef,\n  forwardRef,\n  Fragment,\n  HTMLAttributes,\n  ReactNode,\n  useMemo,\n  useRef,\n} from 'react';\n\nimport { useI18n } from '../../../i18n';\nimport { SlashIcon } from '../../../icons/SlashIcon';\nimport { Button } from '../../actions/Button/Button';\nimport { Link } from '../../actions/Link/Link';\nimport { useAutoTooltip } from '../use-auto-tooltip';\n\nimport { CubeLayoutContentProps, LayoutContent } from './LayoutContent';\n\nconst HeaderElement = tasty(LayoutContent, {\n  as: 'header',\n  qa: 'LayoutHeader',\n  styles: {\n    container: 'none',\n    // Header always has bottom border (inherent style)\n    border: 'bottom',\n    flexShrink: 0,\n    flexGrow: 0,\n    height: 'min 6x',\n\n    Inner: {\n      $: '>',\n      display: 'grid',\n      gridTemplate: `\n        \"breadcrumbs breadcrumbs breadcrumbs extra\" auto\n        \"back title suffix extra\" max-content\n        \".. subtitle subtitle extra\" auto\n        / auto minmax(0, max-content) 1fr minmax(0, auto)\n      `,\n      gap: 0,\n      placeContent: 'center stretch',\n      placeItems: 'center stretch',\n      padding: '0 ($content-padding, 1x)',\n      placeSelf: 'center stretch',\n    },\n\n    Back: {\n      $: '> Inner >',\n      gridArea: 'back',\n      display: 'flex',\n      placeItems: 'center',\n      margin: '.5x right',\n    },\n\n    Breadcrumbs: {\n      $: '> Inner >',\n      gridArea: 'breadcrumbs',\n      display: 'flex',\n      flow: 'row nowrap',\n      placeItems: 'center start',\n      gap: '1bw',\n      preset: 't3 / strong',\n      color: '#dark-02',\n    },\n\n    Title: {\n      $: '> Inner >',\n      gridArea: 'title',\n      preset: {\n        '': 'h3',\n        'level=1': 'h1',\n        'level=2': 'h2',\n        'level=3': 'h3',\n        'level=4': 'h4',\n        'level=5': 'h5',\n        'level=6': 'h6',\n      },\n      lineHeight: 'normal',\n      color: '#dark',\n      margin: 0,\n      overflow: 'hidden',\n      textOverflow: 'ellipsis',\n      whiteSpace: 'nowrap',\n    },\n\n    Suffix: {\n      $: '> Inner >',\n      gridArea: 'suffix',\n      display: 'flex',\n      placeItems: 'center',\n    },\n\n    Extra: {\n      $: '> Inner >',\n      gridArea: 'extra',\n      display: 'flex',\n      placeItems: 'center',\n      placeSelf: 'center',\n      gap: '1x',\n      width: 'max 100%',\n    },\n\n    Subtitle: {\n      $: '> Inner >',\n      gridArea: 'subtitle',\n      preset: 't3',\n      color: '#dark-02',\n    },\n  },\n});\n\nexport interface CubeLayoutHeaderProps extends CubeLayoutContentProps {\n  /** Page/section title */\n  title?: ReactNode;\n  /** Title heading level (1-6) */\n  level?: 1 | 2 | 3 | 4 | 5 | 6;\n  /** Content next to the title */\n  suffix?: ReactNode;\n  /** Content on the right side */\n  extra?: ReactNode;\n  /** Text below the title */\n  subtitle?: ReactNode;\n  /**\n   * Navigation breadcrumbs (max 3 items recommended).\n   * Uses Link component which integrates with the navigation provider.\n   */\n  breadcrumbs?: Array<[label: string, href: string]>;\n  /** Callback for the back button. When provided, a back arrow button is rendered to the left of the title. */\n  onBack?: () => void;\n}\n\nfunction LayoutHeader(\n  props: CubeLayoutHeaderProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  const { t } = useI18n();\n\n  const {\n    title,\n    level = 3,\n    suffix,\n    extra,\n    subtitle,\n    breadcrumbs,\n    onBack,\n    scrollbar = 'tiny',\n    children,\n    mods,\n    ...otherProps\n  } = props;\n\n  // Use auto tooltip for title overflow detection. The heading is what clips\n  // (`overflow: hidden` + ellipsis), so it is both the element measured and\n  // the tooltip's anchor — one stable ref for the two, rather than a ref merged\n  // afresh on every render, which would re-attach the measuring ref (and\n  // rebuild its ResizeObserver) each time the header rendered.\n  const titleRef = useRef<HTMLElement>(null!);\n  const titleTooltip = useMemo(() => ({ targetRef: titleRef }), []);\n  const { labelRef, renderWithTooltip } = useAutoTooltip({\n    tooltip: titleTooltip,\n    children: typeof title === 'string' ? title : undefined,\n    labelRef: titleRef,\n  });\n\n  const hasBreadcrumbs = breadcrumbs && breadcrumbs.length > 0;\n\n  const renderBreadcrumbs = () => {\n    if (!hasBreadcrumbs) return null;\n\n    return (\n      <div data-element=\"Breadcrumbs\">\n        {breadcrumbs.map(([label, href], index) => (\n          <Fragment key={href}>\n            <Link to={href}>{label}</Link>\n            <SlashIcon />\n          </Fragment>\n        ))}\n      </div>\n    );\n  };\n\n  const renderTitle = (tooltipProps?: HTMLAttributes<HTMLElement>) => {\n    if (!title) return null;\n\n    const TitleTag = `h${level}` as 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';\n\n    // Measured on the heading itself: an inline wrapper around the text\n    // reports a `clientWidth` of 0 and could never read as truncated.\n    return (\n      <TitleTag\n        ref={labelRef}\n        data-element=\"Title\"\n        data-level={level}\n        {...tooltipProps}\n      >\n        {title}\n      </TitleTag>\n    );\n  };\n\n  return (\n    <HeaderElement\n      {...otherProps}\n      ref={ref}\n      mods={{ ...mods, level }}\n      scrollbar={scrollbar}\n    >\n      {renderBreadcrumbs()}\n      {onBack && (\n        <div data-element=\"Back\">\n          <Button\n            type=\"clear\"\n            icon={<IconArrowLeft />}\n            aria-label={t('layout.goBack', 'Go back')}\n            onPress={onBack}\n          />\n        </div>\n      )}\n      {renderWithTooltip(renderTitle, 'bottom')}\n      {suffix && <div data-element=\"Suffix\">{suffix}</div>}\n      {extra && <div data-element=\"Extra\">{extra}</div>}\n      {subtitle && <div data-element=\"Subtitle\">{subtitle}</div>}\n      {children}\n    </HeaderElement>\n  );\n}\n\nconst _LayoutHeader = forwardRef(LayoutHeader);\n\n_LayoutHeader.displayName = 'Layout.Header';\n\nexport { _LayoutHeader as LayoutHeader };\n"],"mappings":"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"}
+{"version":3,"file":"LayoutHeader.js","names":["IconArrowLeft","tasty","ForwardedRef","forwardRef","Fragment","HTMLAttributes","ReactNode","useMemo","useRef","useI18n","SlashIcon","Button","Link","useAutoTooltip","CubeLayoutContentProps","LayoutContent","HeaderElement","as","qa","styles","container","border","flexShrink","flexGrow","height","Inner","$","display","gridTemplate","gap","placeContent","placeItems","padding","placeSelf","Back","gridArea","margin","Breadcrumbs","flow","preset","color","Title","lineHeight","overflow","textOverflow","whiteSpace","Suffix","Extra","width","Subtitle","CubeLayoutHeaderProps","title","level","suffix","extra","subtitle","breadcrumbs","Array","label","href","onBack","LayoutHeader","props","ref","_c","t","children","mods","otherProps","t0","t1","scrollbar","undefined","titleRef","t2","Symbol","for","targetRef","titleTooltip","t3","t4","tooltip","labelRef","renderWithTooltip","hasBreadcrumbs","length","t5","map","_temp","renderBreadcrumbs","T0","t10","t11","t12","t6","t7","t8","t9","renderTitle","tooltipProps","TitleTag","t13","t14","t15","t16","index","_LayoutHeader","displayName","LayoutContent","_c"],"sources":["../../../../src/components/content/Layout/LayoutHeader.tsx"],"sourcesContent":["import { IconArrowLeft } from '@tabler/icons-react';\nimport { tasty } from '@tenphi/tasty';\nimport {\n  ForwardedRef,\n  forwardRef,\n  Fragment,\n  HTMLAttributes,\n  ReactNode,\n  useMemo,\n  useRef,\n} from 'react';\n\nimport { useI18n } from '../../../i18n';\nimport { SlashIcon } from '../../../icons/SlashIcon';\nimport { Button } from '../../actions/Button/Button';\nimport { Link } from '../../actions/Link/Link';\nimport { useAutoTooltip } from '../use-auto-tooltip';\n\nimport { CubeLayoutContentProps, LayoutContent } from './LayoutContent';\n\nconst HeaderElement = tasty(LayoutContent, {\n  as: 'header',\n  qa: 'LayoutHeader',\n  styles: {\n    container: 'none',\n    // Header always has bottom border (inherent style)\n    border: 'bottom',\n    flexShrink: 0,\n    flexGrow: 0,\n    height: 'min 6x',\n\n    Inner: {\n      $: '>',\n      display: 'grid',\n      gridTemplate: `\n        \"breadcrumbs breadcrumbs breadcrumbs extra\" auto\n        \"back title suffix extra\" max-content\n        \".. subtitle subtitle extra\" auto\n        / auto minmax(0, max-content) 1fr minmax(0, auto)\n      `,\n      gap: 0,\n      placeContent: 'center stretch',\n      placeItems: 'center stretch',\n      padding: '0 ($content-padding, 1x)',\n      placeSelf: 'center stretch',\n    },\n\n    Back: {\n      $: '> Inner >',\n      gridArea: 'back',\n      display: 'flex',\n      placeItems: 'center',\n      margin: '.5x right',\n    },\n\n    Breadcrumbs: {\n      $: '> Inner >',\n      gridArea: 'breadcrumbs',\n      display: 'flex',\n      flow: 'row nowrap',\n      placeItems: 'center start',\n      gap: '1bw',\n      preset: 't3 / strong',\n      color: '#dark-02',\n    },\n\n    Title: {\n      $: '> Inner >',\n      gridArea: 'title',\n      preset: {\n        '': 'h3',\n        'level=1': 'h1',\n        'level=2': 'h2',\n        'level=3': 'h3',\n        'level=4': 'h4',\n        'level=5': 'h5',\n        'level=6': 'h6',\n      },\n      lineHeight: 'normal',\n      color: '#dark',\n      margin: 0,\n      overflow: 'hidden',\n      textOverflow: 'ellipsis',\n      whiteSpace: 'nowrap',\n    },\n\n    Suffix: {\n      $: '> Inner >',\n      gridArea: 'suffix',\n      display: 'flex',\n      placeItems: 'center',\n    },\n\n    Extra: {\n      $: '> Inner >',\n      gridArea: 'extra',\n      display: 'flex',\n      placeItems: 'center',\n      placeSelf: 'center',\n      gap: '1x',\n      width: 'max 100%',\n    },\n\n    Subtitle: {\n      $: '> Inner >',\n      gridArea: 'subtitle',\n      preset: 't3',\n      color: '#dark-02',\n    },\n  },\n});\n\nexport interface CubeLayoutHeaderProps extends CubeLayoutContentProps {\n  /** Page/section title */\n  title?: ReactNode;\n  /** Title heading level (1-6) */\n  level?: 1 | 2 | 3 | 4 | 5 | 6;\n  /** Content next to the title */\n  suffix?: ReactNode;\n  /** Content on the right side */\n  extra?: ReactNode;\n  /** Text below the title */\n  subtitle?: ReactNode;\n  /**\n   * Navigation breadcrumbs (max 3 items recommended).\n   * Uses Link component which integrates with the navigation provider.\n   */\n  breadcrumbs?: Array<[label: string, href: string]>;\n  /** Callback for the back button. When provided, a back arrow button is rendered to the left of the title. */\n  onBack?: () => void;\n}\n\nfunction LayoutHeader(\n  props: CubeLayoutHeaderProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  const { t } = useI18n();\n\n  const {\n    title,\n    level = 3,\n    suffix,\n    extra,\n    subtitle,\n    breadcrumbs,\n    onBack,\n    scrollbar = 'tiny',\n    children,\n    mods,\n    ...otherProps\n  } = props;\n\n  // Use auto tooltip for title overflow detection. The heading is what clips\n  // (`overflow: hidden` + ellipsis), so it is both the element measured and\n  // the tooltip's anchor — one stable ref for the two, rather than a ref merged\n  // afresh on every render, which would re-attach the measuring ref (and\n  // rebuild its ResizeObserver) each time the header rendered.\n  const titleRef = useRef<HTMLElement>(null!);\n  const titleTooltip = useMemo(() => ({ targetRef: titleRef }), []);\n  const { labelRef, renderWithTooltip } = useAutoTooltip({\n    tooltip: titleTooltip,\n    children: typeof title === 'string' ? title : undefined,\n    labelRef: titleRef,\n  });\n\n  const hasBreadcrumbs = breadcrumbs && breadcrumbs.length > 0;\n\n  const renderBreadcrumbs = () => {\n    if (!hasBreadcrumbs) return null;\n\n    return (\n      <div data-element=\"Breadcrumbs\">\n        {breadcrumbs.map(([label, href], index) => (\n          <Fragment key={href}>\n            <Link to={href}>{label}</Link>\n            <SlashIcon />\n          </Fragment>\n        ))}\n      </div>\n    );\n  };\n\n  const renderTitle = (tooltipProps?: HTMLAttributes<HTMLElement>) => {\n    if (!title) return null;\n\n    const TitleTag = `h${level}` as 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';\n\n    // Measured on the heading itself: an inline wrapper around the text\n    // reports a `clientWidth` of 0 and could never read as truncated.\n    return (\n      <TitleTag\n        ref={labelRef}\n        data-element=\"Title\"\n        data-level={level}\n        {...tooltipProps}\n      >\n        {title}\n      </TitleTag>\n    );\n  };\n\n  return (\n    <HeaderElement\n      {...otherProps}\n      ref={ref}\n      mods={{ ...mods, level }}\n      scrollbar={scrollbar}\n    >\n      {renderBreadcrumbs()}\n      {onBack && (\n        <div data-element=\"Back\">\n          <Button\n            type=\"clear\"\n            icon={<IconArrowLeft />}\n            aria-label={t('layout.goBack', 'Go back')}\n            onPress={onBack}\n          />\n        </div>\n      )}\n      {renderWithTooltip(renderTitle, 'bottom')}\n      {suffix && <div data-element=\"Suffix\">{suffix}</div>}\n      {extra && <div data-element=\"Extra\">{extra}</div>}\n      {subtitle && <div data-element=\"Subtitle\">{subtitle}</div>}\n      {children}\n    </HeaderElement>\n  );\n}\n\nconst _LayoutHeader = forwardRef(LayoutHeader);\n\n_LayoutHeader.displayName = 'Layout.Header';\n\nexport { _LayoutHeader as LayoutHeader };\n"],"mappings":"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"}

package/dist/components/content/Layout/LayoutPane.d.ts

@@ -1,12 +1,10 @@
 
 import { ScrollbarType } from "./LayoutContent.js";
 import { BaseProps, ContainerStyleProps, Styles } from "@tenphi/tasty";
-import * as react from "react";
 import { ForwardedRef, HTMLAttributes, ReactNode } from "react";
-
 //#region src/components/content/Layout/LayoutPane.d.ts
-type ResizeEdge = 'right' | 'bottom';
-interface CubeLayoutPaneProps extends BaseProps, ContainerStyleProps {
+export type ResizeEdge = 'right' | 'bottom';
+export interface CubeLayoutPaneProps extends BaseProps, ContainerStyleProps {
   /** Edge where resize handler appears */
   resizeEdge?: ResizeEdge;
   /** Enable resize functionality */
@@ -35,7 +33,7 @@ interface CubeLayoutPaneProps extends BaseProps, ContainerStyleProps {
   /** Props to spread on the Inner sub-element */
   innerProps?: HTMLAttributes<HTMLDivElement>;
 }
-declare const _LayoutPane: react.ForwardRefExoticComponent<CubeLayoutPaneProps & react.RefAttributes<HTMLDivElement>>;
+declare const _LayoutPane: import("react").ForwardRefExoticComponent<CubeLayoutPaneProps & import("react").RefAttributes<HTMLDivElement>>;
 //#endregion
-export { CubeLayoutPaneProps, ResizeEdge, _LayoutPane };
+export { _LayoutPane as LayoutPane };
 //# sourceMappingURL=LayoutPane.d.ts.map

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.197.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.198.1 | 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";
@@ -12,7 +12,6 @@ import { INNER_STYLES, OUTER_STYLES, filterBaseProps, mergeStyles, tasty } from
 import { forwardRef, useEffect, useEffectEvent, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useFocusRing, useHover, useMove } from "react-aria";
-
 //#region src/components/content/Layout/LayoutPane.tsx
 const HANDLER_WIDTH = 9;
 const HANDLER_RESERVED = 5;
@@ -118,7 +117,7 @@ const PaneElement = tasty({
 			position: "absolute",
 			right: {
 				"": "1px",
-				"edge=right": `${HANDLER_RESERVED + 1}px`
+				"edge=right": `6px`
 			},
 			top: "$scrollbar-v-top",
 			width: "1ow",
@@ -137,7 +136,7 @@ const PaneElement = tasty({
 			position: "absolute",
 			bottom: {
 				"": "1px",
-				"edge=bottom": `${HANDLER_RESERVED + 1}px`
+				"edge=bottom": `6px`
 			},
 			left: "$scrollbar-h-left",
 			height: "1ow",
@@ -163,10 +162,10 @@ const PaneElement = tasty({
 			},
 			right: {
 				"": "initial",
-				"edge=right": `${(HANDLER_RESERVED - HANDLER_WIDTH) / 2}px`
+				"edge=right": `-2px`
 			},
 			bottom: {
-				"": `${(HANDLER_RESERVED - HANDLER_WIDTH) / 2}px`,
+				"": `-2px`,
 				"edge=right": "initial"
 			},
 			top: {
@@ -693,7 +692,7 @@ function _temp(item) {
 }
 const _LayoutPane = forwardRef(LayoutPane);
 _LayoutPane.displayName = "Layout.Pane";
-
 //#endregion
-export { _LayoutPane };
+export { _LayoutPane as LayoutPane };
+
 //# sourceMappingURL=LayoutPane.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"LayoutPane.js","names":["BaseProps","ContainerStyleProps","filterBaseProps","INNER_STYLES","mergeStyles","OUTER_STYLES","Styles","tasty","ForwardedRef","forwardRef","HTMLAttributes","ReactNode","useCallback","useEffect","useEffectEvent","useRef","useState","useFocusRing","useHover","useMove","useDebouncedValue","useI18n","mergeProps","useCombinedRefs","extractStyles","useTinyScrollbar","ScrollbarType","LayoutContextReset","clampSize","HANDLER_WIDTH","HANDLER_RESERVED","mountedPanes","WeakMap","Element","isHorizontal","adoptSize","drawn","setPaneSize","pane","HTMLElement","size","style","setProperty","getDrawnSize","element","getClientRects","length","NaN","getComputedStyle","parseFloat","width","height","givesWay","flexShrink","getOverflow","container","rect","getBoundingClientRect","scale","offsetWidth","offsetHeight","available","clientWidth","paddingLeft","paddingRight","clientHeight","paddingTop","paddingBottom","used","count","item","Array","from","children","itemStyle","display","position","itemRect","marginLeft","marginRight","marginTop","marginBottom","gap","columnGap","rowGap","Math","max","getPanesBeside","parentElement","flexDirection","startsWith","flexWrap","HTMLCollectionOf","filter","get","Number","isFinite","PaneMove","target","start","ownSize","pointerType","beside","besideSizes","held","maxOverflow","undoMove","move","forEach","index","removeProperty","PaneElement","as","qa","styles","gridColumns","gridRows","placeContent","placeItems","placeSelf","flexGrow","boxSizing","Inner","$","flow","padding","overflow","scrollbar","ScrollbarV","right","top","radius","fill","opacity","transition","pointerEvents","ScrollbarH","bottom","left","ResizeHandler","cursor","disabled","outline","Drag","border","transform","outlineOffset","DragPart","ResizeEdge","CubeLayoutPaneProps","resizeEdge","isResizable","defaultSize","minSize","maxSize","onSizeChange","innerRef","HTMLDivElement","innerProps","PaneResizeHandlerProps","edge","isDisabled","moveProps","ReturnType","onDoubleClick","onHoverChange","isHovered","onFocusChange","isFocused","PaneResizeHandler","props","_c","t","t0","hoverProps","focusProps","isFocusVisible","t1","t2","t3","tabIndex","undefined","role","t4","t5","LayoutPane","ref","providedSize","mods","innerRefProp","otherProps","combinedRef","internalInnerRef","combinedInnerRef","prevProvidedSizeRef","isDragging","setIsDragging","isHandlerHovered","setIsHandlerHovered","isHandlerFocused","setIsHandlerFocused","debouncedHandlerHovered","initialSize","setSize","outerStyles","innerStyles","isTinyScrollbar","Symbol","for","handleVStyle","handleHStyle","hasOverflowY","hasOverflowX","isScrolling","t6","value","clampValue","moveRef","t7","rounded","round","abs","getPropertyValue","map","_temp","side","paneStart","sizes","item_0","item_1","item_2","_temp2","beginMove","t8","move_0","finalSize","pane_0","current","sizes_0","item_4","item_5","index_0","endMove","t9","onMoveStart","onMove","e","delta","step","shiftKey","rawDelta","deltaX","deltaY","pane_1","move_1","next","excess","onMoveEnd","e_0","move_2","t10","drawn_0","t11","pane_2","set","drawn_1","delete","t12","t13","t14","t15","resetSize","parseInt","clampedSize","handleResetSize","t16","scrollbarStyle","t17","t18","hovered","scrolling","handlerHovered","focused","drag","paneMods","finalStyles","t19","t20","t21","paneStyle","T0","t22","eventProps","t23","t24","t25","t26","t27","t28","item_3","_LayoutPane","displayName"],"sources":["../../../../src/components/content/Layout/LayoutPane.tsx"],"sourcesContent":["import {\n  BaseProps,\n  ContainerStyleProps,\n  filterBaseProps,\n  INNER_STYLES,\n  mergeStyles,\n  OUTER_STYLES,\n  Styles,\n  tasty,\n} from '@tenphi/tasty';\nimport {\n  ForwardedRef,\n  forwardRef,\n  HTMLAttributes,\n  ReactNode,\n  useCallback,\n  useEffect,\n  useEffectEvent,\n  useRef,\n  useState,\n} from 'react';\nimport { useFocusRing, useHover, useMove } from 'react-aria';\n\nimport { useDebouncedValue } from '../../../_internal/hooks';\nimport { useI18n } from '../../../i18n';\nimport { mergeProps, useCombinedRefs } from '../../../utils/react';\nimport { extractStyles } from '../../../utils/styles';\n\nimport { useTinyScrollbar } from './hooks/useTinyScrollbar';\nimport { ScrollbarType } from './LayoutContent';\nimport { LayoutContextReset } from './LayoutContext';\nimport { clampSize } from './utils';\n\n// Handler dimensions\nconst HANDLER_WIDTH = 9; // Interactive area\nconst HANDLER_RESERVED = 5; // Space reserved in Inner padding\n\n/** Mounted panes by element: the axis each resizes along, and how it takes a size. */\nconst mountedPanes = new WeakMap<\n  Element,\n  { isHorizontal: boolean; adoptSize: (drawn: number) => void }\n>();\n\nfunction setPaneSize(pane: HTMLElement, size: number) {\n  pane.style.setProperty('--pane-size', `${size}px`);\n}\n\n/** The size an element is drawn at, or `NaN` when it is not drawn. */\nfunction getDrawnSize(element: HTMLElement, isHorizontal: boolean) {\n  // Hidden, an element reports the size it is set to.\n  if (!element.getClientRects().length) return NaN;\n\n  const style = getComputedStyle(element);\n\n  return parseFloat(isHorizontal ? style.width : style.height);\n}\n\nfunction givesWay(element: Element) {\n  return parseFloat(getComputedStyle(element).flexShrink) > 0;\n}\n\n/** How far a flex container's items run past its content box. */\nfunction getOverflow(container: HTMLElement, isHorizontal: boolean) {\n  const style = getComputedStyle(container);\n  const rect = container.getBoundingClientRect();\n  // Items are measured as drawn, which a zoomed or scaled ancestor makes\n  // differ from the container's own layout size.\n  const scale =\n    (isHorizontal\n      ? rect.width / container.offsetWidth\n      : rect.height / container.offsetHeight) || 1;\n  const available = isHorizontal\n    ? container.clientWidth -\n      parseFloat(style.paddingLeft) -\n      parseFloat(style.paddingRight)\n    : container.clientHeight -\n      parseFloat(style.paddingTop) -\n      parseFloat(style.paddingBottom);\n  let used = 0;\n  let count = 0;\n\n  for (const item of Array.from(container.children)) {\n    const itemStyle = getComputedStyle(item);\n\n    if (\n      itemStyle.display === 'none' ||\n      itemStyle.position === 'absolute' ||\n      itemStyle.position === 'fixed'\n    ) {\n      continue;\n    }\n\n    const itemRect = item.getBoundingClientRect();\n\n    used += isHorizontal\n      ? itemRect.width / scale +\n        parseFloat(itemStyle.marginLeft) +\n        parseFloat(itemStyle.marginRight)\n      : itemRect.height / scale +\n        parseFloat(itemStyle.marginTop) +\n        parseFloat(itemStyle.marginBottom);\n    count += 1;\n  }\n\n  const gap = parseFloat(isHorizontal ? style.columnGap : style.rowGap) || 0;\n\n  return used + gap * Math.max(count - 1, 0) - available;\n}\n\n/**\n * The other drawn panes that give way along the same axis, when this one gives\n * way in a non-wrapping flex container along it.\n */\nfunction getPanesBeside(pane: HTMLElement, isHorizontal: boolean) {\n  const container = pane.parentElement;\n\n  if (!container || !givesWay(pane)) return [];\n\n  const style = getComputedStyle(container);\n\n  if (\n    (style.display !== 'flex' && style.display !== 'inline-flex') ||\n    style.flexDirection.startsWith('row') !== isHorizontal ||\n    style.flexWrap !== 'nowrap'\n  ) {\n    return [];\n  }\n\n  return Array.from(container.children as HTMLCollectionOf<HTMLElement>).filter(\n    (item) =>\n      item !== pane &&\n      mountedPanes.get(item)?.isHorizontal === isHorizontal &&\n      givesWay(item) &&\n      Number.isFinite(getDrawnSize(item, isHorizontal)),\n  );\n}\n\ninterface PaneMove {\n  /** Where the pointer or keys ask the pane to be. */\n  target: number;\n  /** The size so far, ahead of the rendered one. */\n  size: number;\n  /** The size the move begins at. */\n  start: number;\n  /** The pane's own size before the move. */\n  ownSize: string;\n  /** What began the move: a pointer or the keyboard. */\n  pointerType: string;\n  /** The flex container the pane gives way in beside other panes, or `null`. */\n  container: HTMLElement | null;\n  /** The panes beside it, sized as drawn for the move. */\n  beside: HTMLElement[];\n  /** Their own sizes before the move. */\n  besideSizes: string[];\n  /** The panes that hold their size until the move ends. */\n  held: HTMLElement[];\n  /** How far the container's items may run past it, as they did at the start. */\n  maxOverflow: number;\n}\n\n/**\n * Gives the panes beside a move back their own sizes and lets go of every\n * held pane.\n */\nfunction undoMove(move: PaneMove) {\n  move.beside.forEach((item, index) =>\n    item.style.setProperty('--pane-size', move.besideSizes[index]),\n  );\n  move.held.forEach((item) => item.style.removeProperty('flex-shrink'));\n}\n\nconst PaneElement = tasty({\n  as: 'div',\n  qa: 'LayoutPane',\n  styles: {\n    container: 'pane / inline-size',\n    position: 'relative',\n    display: 'grid',\n    gridColumns: '1sf',\n    gridRows: '1sf',\n    placeContent: 'stretch',\n    placeItems: 'stretch',\n    placeSelf: 'stretch',\n    // Holds its size. With `flexShrink={1}` it gives way down to its minimum\n    // when a flex container runs short.\n    flexShrink: 0,\n    flexGrow: 0,\n    // Size is set via CSS custom property for performance during drag\n    width: {\n      '': 'auto',\n      'edge=right': '($pane-min-size, 2x) $pane-size $pane-size',\n    },\n    height: {\n      '': '($pane-min-size, 2x) $pane-size $pane-size',\n      'edge=right': 'auto',\n    },\n    boxSizing: 'content-box',\n\n    Inner: {\n      $: '>',\n      display: 'flex',\n      flow: 'column',\n      padding: '($content-padding, 1x)',\n      // Reserve space for handler on resize edge\n      paddingRight: {\n        '': '($content-padding, 1x)',\n        'edge=right': `calc(($content-padding, 1x) + ${HANDLER_RESERVED}px)`,\n      },\n      paddingBottom: {\n        '': '($content-padding, 1x)',\n        'edge=bottom': `calc(($content-padding, 1x) + ${HANDLER_RESERVED}px)`,\n      },\n      overflow: {\n        '': 'auto',\n        'scrollbar=none': 'clip',\n      },\n      placeSelf: 'stretch',\n      scrollbar: {\n        '': 'thin',\n        'scrollbar=tiny | scrollbar=none': 'none',\n      },\n\n      '$layout-border-size': '0',\n    },\n\n    // Custom scrollbar handles (when scrollbar=\"tiny\")\n    ScrollbarV: {\n      position: 'absolute',\n      right: {\n        '': '1px',\n        'edge=right': `${HANDLER_RESERVED + 1}px`,\n      },\n      top: '$scrollbar-v-top',\n      width: '1ow',\n      height: '$scrollbar-v-height',\n      radius: 'round',\n      fill: '#dark.35',\n      opacity: {\n        '': 0,\n        '(focused | scrolling) & scrollbar=tiny': 1,\n      },\n      transition: 'opacity 0.15s',\n      pointerEvents: 'none',\n    },\n\n    ScrollbarH: {\n      $: '>',\n      position: 'absolute',\n      bottom: {\n        '': '1px',\n        'edge=bottom': `${HANDLER_RESERVED + 1}px`,\n      },\n      left: '$scrollbar-h-left',\n      height: '1ow',\n      width: '$scrollbar-h-width',\n      radius: 'round',\n      fill: '#dark.35',\n      opacity: {\n        '': 0,\n        '(focused | scrolling) & scrollbar=tiny': 1,\n      },\n      transition: 'opacity 0.15s',\n      pointerEvents: 'none',\n    },\n\n    // Compact resize handler - only drag dots\n    ResizeHandler: {\n      position: 'absolute',\n      // Size: 9px interactive area\n      width: {\n        '': '100%',\n        'edge=right': `${HANDLER_WIDTH}px`,\n      },\n      height: {\n        '': `${HANDLER_WIDTH}px`,\n        'edge=right': '100%',\n      },\n      // Position at edge, centered on the reserved space boundary\n      right: {\n        '': 'initial',\n        'edge=right': `${(HANDLER_RESERVED - HANDLER_WIDTH) / 2}px`,\n      },\n      bottom: {\n        '': `${(HANDLER_RESERVED - HANDLER_WIDTH) / 2}px`,\n        'edge=right': 'initial',\n      },\n      top: {\n        '': 'initial',\n        'edge=right': 0,\n      },\n      left: {\n        '': 0,\n        'edge=right': 'initial',\n      },\n      cursor: {\n        '': 'row-resize',\n        'edge=right': 'col-resize',\n        disabled: 'not-allowed',\n      },\n      padding: 0,\n      outline: 0,\n      boxSizing: 'border-box',\n      transition: 'theme',\n    },\n\n    Drag: {\n      display: 'grid',\n      gap: '2bw',\n      border: 0,\n      flow: {\n        '': 'row',\n        'edge=right': 'column',\n      },\n      gridColumns: {\n        '': '3px 3px 3px 3px 3px',\n        'edge=right': 'auto',\n      },\n      gridRows: {\n        '': 'auto',\n        'edge=right': '3px 3px 3px 3px 3px',\n      },\n      width: {\n        '': 'auto',\n        'edge=right': '3px',\n      },\n      height: {\n        '': '3px',\n        'edge=right': 'auto',\n      },\n      position: 'absolute',\n      top: '50%',\n      left: '50%',\n      transform: 'translate(-50%, -50%)',\n      transition: 'theme',\n      radius: 'round',\n      outline: {\n        '': '0',\n        'focused | drag': '1bw #primary-text',\n      },\n      outlineOffset: 1,\n    },\n\n    DragPart: {\n      radius: true,\n      fill: {\n        '': '#dark-03',\n        'handlerHovered | drag | focused': '#primary-text',\n        disabled: '#disabled-surface-text',\n      },\n    },\n  },\n});\n\nexport type ResizeEdge = 'right' | 'bottom';\n\nexport interface CubeLayoutPaneProps extends BaseProps, ContainerStyleProps {\n  /** Edge where resize handler appears */\n  resizeEdge?: ResizeEdge;\n  /** Enable resize functionality */\n  isResizable?: boolean;\n  /** Controlled size (width for right edge, height for bottom edge) */\n  size?: number | string;\n  /** Default size for uncontrolled state */\n  defaultSize?: number | string;\n  /** Minimum size constraint */\n  minSize?: number | string;\n  /** Maximum size constraint */\n  maxSize?: number | string;\n  /**\n   * Size change callback. With `flexShrink={1}`, also called when another\n   * such pane beside it is resized and this pane keeps the size it is drawn\n   * at.\n   */\n  onSizeChange?: (size: number) => void;\n  /** Scrollbar style */\n  scrollbar?: ScrollbarType;\n  /** Custom styles */\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\ninterface PaneResizeHandlerProps {\n  edge: ResizeEdge;\n  isDisabled?: boolean;\n  moveProps: ReturnType<typeof useMove>['moveProps'];\n  onDoubleClick?: () => void;\n  onHoverChange?: (isHovered: boolean) => void;\n  onFocusChange?: (isFocused: boolean) => void;\n}\n\nfunction PaneResizeHandler(props: PaneResizeHandlerProps) {\n  const {\n    edge,\n    isDisabled,\n    moveProps,\n    onDoubleClick,\n    onHoverChange,\n    onFocusChange,\n  } = props;\n  const { t } = useI18n();\n  const { hoverProps, isHovered } = useHover({\n    onHoverChange,\n  });\n  const { focusProps, isFocusVisible } = useFocusRing();\n  const isHorizontal = edge === 'right';\n\n  // Notify parent of focus changes\n  useEffect(() => {\n    onFocusChange?.(isFocusVisible);\n  }, [isFocusVisible, onFocusChange]);\n\n  return (\n    <div\n      data-element=\"ResizeHandler\"\n      {...mergeProps(hoverProps, focusProps, isDisabled ? {} : moveProps, {\n        tabIndex: isDisabled ? undefined : 0,\n        role: 'separator',\n        'aria-orientation': isHorizontal ? 'vertical' : 'horizontal',\n        'aria-label':\n          edge === 'right'\n            ? t('layout.resizePaneRight', 'Resize pane right')\n            : t('layout.resizePaneBottom', 'Resize pane bottom'),\n        onDoubleClick: isDisabled ? undefined : onDoubleClick,\n      })}\n    >\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    </div>\n  );\n}\n\nfunction LayoutPane(\n  props: CubeLayoutPaneProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  const {\n    resizeEdge = 'right',\n    isResizable = false,\n    size: providedSize,\n    defaultSize = 200,\n    minSize,\n    maxSize,\n    onSizeChange,\n    scrollbar = 'thin',\n    styles,\n    mods,\n    children,\n    innerRef: innerRefProp,\n    innerProps,\n    ...otherProps\n  } = props;\n\n  const combinedRef = useCombinedRefs(ref);\n  const internalInnerRef = useRef<HTMLDivElement>(null);\n  const combinedInnerRef = useCombinedRefs(innerRefProp, internalInnerRef);\n  const prevProvidedSizeRef = useRef(providedSize);\n  const isHorizontal = resizeEdge === 'right';\n\n  // Resize state\n  const [isDragging, setIsDragging] = useState(false);\n  const [isHandlerHovered, setIsHandlerHovered] = useState(false);\n  const [isHandlerFocused, setIsHandlerFocused] = useState(false);\n  const debouncedHandlerHovered = useDebouncedValue(isHandlerHovered, 150);\n  const [size, setSize] = useState<number>(() => {\n    const initialSize =\n      typeof providedSize === 'number'\n        ? providedSize\n        : typeof defaultSize === 'number'\n          ? defaultSize\n          : 200;\n\n    return clampSize(initialSize, minSize, maxSize);\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  const isTinyScrollbar = scrollbar === 'tiny';\n  const { hoverProps, isHovered } = useHover({});\n\n  const {\n    handleVStyle,\n    handleHStyle,\n    hasOverflowY,\n    hasOverflowX,\n    isScrolling,\n  } = useTinyScrollbar(internalInnerRef, isTinyScrollbar);\n\n  // Clamp size to min/max constraints\n  const clampValue = useCallback(\n    (value: number) => clampSize(value, minSize, maxSize),\n    [minSize, maxSize],\n  );\n\n  const moveRef = useRef<PaneMove | null>(null);\n\n  const beginMove = (pane: HTMLElement, pointerType: string): PaneMove => {\n    const drawn = getDrawnSize(pane, isHorizontal);\n    const beside = getPanesBeside(pane, isHorizontal);\n    const rounded = Math.round(drawn);\n    // Flex shrinking or a CSS minimum can draw the pane at another size than\n    // `size`; resize from the one on screen, or the first moves do nothing.\n    // Beside other panes the move begins exactly there, so nothing shifts.\n    const start = beside.length\n      ? drawn\n      : Math.abs(rounded - size) >= 1\n        ? rounded\n        : size;\n    const move: PaneMove = {\n      target: start,\n      size: start,\n      start,\n      ownSize: pane.style.getPropertyValue('--pane-size'),\n      pointerType,\n      container: beside.length ? pane.parentElement : null,\n      beside,\n      besideSizes: beside.map((item) =>\n        item.style.getPropertyValue('--pane-size'),\n      ),\n      held: [],\n      maxOverflow: 0,\n    };\n\n    // Beside other panes that give way, this one would hand them part of every\n    // move: flex shares the room by size, and theirs are larger than drawn. So\n    // they take the sizes they are drawn at, and this pane holds its size until\n    // the move ends, as do the panes before its grip: the room comes from\n    // beyond the grip. Keyboard moves start and end within one event, so this\n    // goes to the DOM, not through a render. Every size is read before one is\n    // written, as each write reflows the rest.\n    if (move.container) {\n      const side = isHorizontal ? 'left' : 'top';\n      const paneStart = pane.getBoundingClientRect()[side];\n      const sizes = beside.map((item) => getDrawnSize(item, isHorizontal));\n\n      move.maxOverflow = Math.max(getOverflow(move.container, isHorizontal), 0);\n      move.held = [\n        pane,\n        ...beside.filter(\n          (item) => item.getBoundingClientRect()[side] < paneStart,\n        ),\n      ];\n      beside.forEach((item, index) => setPaneSize(item, sizes[index]));\n      move.held.forEach((item) => item.style.setProperty('flex-shrink', '0'));\n    }\n\n    return move;\n  };\n\n  const endMove = (move: PaneMove) => {\n    // Round to integer when the move ends and notify parent\n    const finalSize = Math.round(clampValue(move.size));\n    const pane = combinedRef.current;\n\n    if (move.container) {\n      // A move that ends where it began, as a key pressed at a stop does,\n      // leaves every pane as it found them.\n      if (finalSize === Math.round(move.start)) {\n        undoMove(move);\n        pane.style.setProperty('--pane-size', move.ownSize);\n        setSize(parseFloat(move.ownSize));\n\n        return;\n      }\n\n      setPaneSize(pane, finalSize);\n\n      // The panes beside it keep the sizes they are left at, read while the\n      // panes still hold, before one is written. A pane left at its own size,\n      // or hidden meanwhile, keeps its own.\n      const sizes = move.beside.map((item) =>\n        Math.round(getDrawnSize(item, isHorizontal)),\n      );\n\n      undoMove(move);\n      move.beside.forEach((item, index) => {\n        if (\n          Number.isFinite(sizes[index]) &&\n          sizes[index] !== Math.round(parseFloat(move.besideSizes[index]))\n        ) {\n          mountedPanes.get(item)?.adoptSize(sizes[index]);\n        }\n      });\n    }\n\n    setSize(finalSize);\n    onSizeChange?.(finalSize);\n  };\n\n  const { moveProps } = useMove({\n    onMoveStart() {\n      if (!isResizable) return;\n      setIsDragging(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        const rawDelta = isHorizontal ? e.deltaX : e.deltaY;\n        delta = rawDelta * step;\n      } else {\n        // Pointer resize: use exact delta values\n        delta = isHorizontal ? e.deltaX : e.deltaY;\n      }\n\n      // A move across the resize axis changes nothing.\n      if (!delta) return;\n\n      const pane = combinedRef.current;\n      // An arrow key pressed during a drag joins it.\n      const move = moveRef.current ?? beginMove(pane, e.pointerType);\n\n      moveRef.current = move;\n      move.target += delta;\n\n      let next = clampValue(move.target);\n\n      if (!move.container) {\n        // On its own, the pane keeps no travel past its limits.\n        move.target = next;\n      } else {\n        setPaneSize(pane, next);\n\n        // Holding its size, the pane would push the items beyond its grip out\n        // of the container once none of them can give way. It grows only into\n        // the room it would have taken while giving way, and the target keeps\n        // the travel past that, as flex did.\n        if (next > move.size) {\n          const excess =\n            getOverflow(move.container, isHorizontal) - move.maxOverflow;\n\n          if (excess > 0) {\n            next = Math.max(next - excess, move.size);\n            setPaneSize(pane, next);\n          }\n        }\n      }\n\n      move.size = next;\n      setSize(next);\n    },\n    onMoveEnd(e) {\n      const move = moveRef.current;\n\n      // Beside other panes, a key pressed during a drag leaves the move to the\n      // pointer. On its own, the pane reports at the key's end, and the drag\n      // goes on as a new move, as before.\n      if (move?.container && move.pointerType !== e.pointerType) return;\n\n      moveRef.current = null;\n      setIsDragging(false);\n\n      if (move) endMove(move);\n    },\n  });\n\n  const adoptSize = useEffectEvent((drawn: number) => {\n    setPaneSize(combinedRef.current, drawn);\n    setSize(drawn);\n    onSizeChange?.(drawn);\n  });\n\n  useEffect(() => {\n    const pane = combinedRef.current;\n\n    mountedPanes.set(pane, {\n      isHorizontal,\n      adoptSize: (drawn) => adoptSize(drawn),\n    });\n\n    return () => {\n      mountedPanes.delete(pane);\n\n      // Unmounted or turned to the other axis mid-move, the pane gives the\n      // panes beside it back.\n      if (moveRef.current) undoMove(moveRef.current);\n\n      moveRef.current = null;\n    };\n  }, [combinedRef, isHorizontal]);\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  // Reset to default size on double-click\n  const handleResetSize = () => {\n    const resetSize =\n      typeof defaultSize === 'number' ? defaultSize : parseInt(defaultSize, 10);\n    const clampedSize = clampValue(resetSize || 200);\n    setSize(clampedSize);\n    onSizeChange?.(clampedSize);\n  };\n\n  const scrollbarStyle = isTinyScrollbar\n    ? { ...handleVStyle, ...handleHStyle }\n    : {};\n\n  const paneMods = {\n    scrollbar,\n    hovered: isHovered,\n    scrolling: isScrolling,\n    handlerHovered: debouncedHandlerHovered,\n    focused: isHandlerFocused,\n    disabled: !isResizable,\n    edge: resizeEdge,\n    drag: isDragging,\n    ...mods,\n  };\n\n  // Merge styles: outer styles to root, inner styles to Inner element\n  // Size is NOT included here - it's set via CSS custom property in paneStyle for performance\n  const finalStyles = mergeStyles(\n    styles,\n    outerStyles,\n    innerStyles ? { Inner: innerStyles } : null,\n  );\n\n  // Size is set via CSS custom property for performance during drag\n  // This avoids expensive style recalculation on every mouse move\n  const paneStyle = {\n    ...scrollbarStyle,\n    '--pane-size': `${size}px`,\n    // Reset rather than left unset: a custom property inherits, and an\n    // enclosing pane's minimum is not this one's.\n    '--pane-min-size':\n      minSize == null\n        ? 'initial'\n        : typeof minSize === 'number'\n          ? `${minSize}px`\n          : minSize,\n  };\n\n  return (\n    <PaneElement\n      ref={combinedRef}\n      {...filterBaseProps(otherProps, { eventProps: true })}\n      {...hoverProps}\n      mods={paneMods}\n      styles={finalStyles}\n      style={paneStyle}\n    >\n      <div ref={combinedInnerRef} data-element=\"Inner\" {...innerProps}>\n        <LayoutContextReset>{children}</LayoutContextReset>\n      </div>\n      {isTinyScrollbar && hasOverflowY && <div data-element=\"ScrollbarV\" />}\n      {isTinyScrollbar && hasOverflowX && <div data-element=\"ScrollbarH\" />}\n      {isResizable && (\n        <PaneResizeHandler\n          edge={resizeEdge}\n          isDisabled={!isResizable}\n          moveProps={moveProps}\n          onDoubleClick={handleResetSize}\n          onHoverChange={setIsHandlerHovered}\n          onFocusChange={setIsHandlerFocused}\n        />\n      )}\n    </PaneElement>\n  );\n}\n\nconst _LayoutPane = forwardRef(LayoutPane);\n\n_LayoutPane.displayName = 'Layout.Pane';\n\nexport { _LayoutPane as LayoutPane };\n"],"mappings":"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"}
+{"version":3,"file":"LayoutPane.js","names":["BaseProps","ContainerStyleProps","filterBaseProps","INNER_STYLES","mergeStyles","OUTER_STYLES","Styles","tasty","ForwardedRef","forwardRef","HTMLAttributes","ReactNode","useCallback","useEffect","useEffectEvent","useRef","useState","useFocusRing","useHover","useMove","useDebouncedValue","useI18n","mergeProps","useCombinedRefs","extractStyles","useTinyScrollbar","ScrollbarType","LayoutContextReset","clampSize","HANDLER_WIDTH","HANDLER_RESERVED","mountedPanes","WeakMap","Element","isHorizontal","adoptSize","drawn","setPaneSize","pane","HTMLElement","size","style","setProperty","getDrawnSize","element","getClientRects","length","NaN","getComputedStyle","parseFloat","width","height","givesWay","flexShrink","getOverflow","container","rect","getBoundingClientRect","scale","offsetWidth","offsetHeight","available","clientWidth","paddingLeft","paddingRight","clientHeight","paddingTop","paddingBottom","used","count","item","Array","from","children","itemStyle","display","position","itemRect","marginLeft","marginRight","marginTop","marginBottom","gap","columnGap","rowGap","Math","max","getPanesBeside","parentElement","flexDirection","startsWith","flexWrap","HTMLCollectionOf","filter","get","Number","isFinite","PaneMove","target","start","ownSize","pointerType","beside","besideSizes","held","maxOverflow","undoMove","move","forEach","index","removeProperty","PaneElement","as","qa","styles","gridColumns","gridRows","placeContent","placeItems","placeSelf","flexGrow","boxSizing","Inner","$","flow","padding","overflow","scrollbar","ScrollbarV","right","top","radius","fill","opacity","transition","pointerEvents","ScrollbarH","bottom","left","ResizeHandler","cursor","disabled","outline","Drag","border","transform","outlineOffset","DragPart","ResizeEdge","CubeLayoutPaneProps","resizeEdge","isResizable","defaultSize","minSize","maxSize","onSizeChange","innerRef","HTMLDivElement","innerProps","PaneResizeHandlerProps","edge","isDisabled","moveProps","ReturnType","onDoubleClick","onHoverChange","isHovered","onFocusChange","isFocused","PaneResizeHandler","props","_c","t","t0","hoverProps","focusProps","isFocusVisible","t1","t2","t3","tabIndex","undefined","role","t4","t5","LayoutPane","ref","providedSize","mods","innerRefProp","otherProps","combinedRef","internalInnerRef","combinedInnerRef","prevProvidedSizeRef","isDragging","setIsDragging","isHandlerHovered","setIsHandlerHovered","isHandlerFocused","setIsHandlerFocused","debouncedHandlerHovered","initialSize","setSize","outerStyles","innerStyles","isTinyScrollbar","Symbol","for","handleVStyle","handleHStyle","hasOverflowY","hasOverflowX","isScrolling","t6","value","clampValue","moveRef","t7","rounded","round","abs","getPropertyValue","map","_temp","side","paneStart","sizes","item_0","item_1","item_2","_temp2","beginMove","t8","move_0","finalSize","pane_0","current","sizes_0","item_4","item_5","index_0","endMove","t9","onMoveStart","onMove","e","delta","step","shiftKey","rawDelta","deltaX","deltaY","pane_1","move_1","next","excess","onMoveEnd","e_0","move_2","t10","drawn_0","t11","pane_2","set","drawn_1","delete","t12","t13","t14","t15","resetSize","parseInt","clampedSize","handleResetSize","t16","scrollbarStyle","t17","t18","hovered","scrolling","handlerHovered","focused","drag","paneMods","finalStyles","t19","t20","t21","paneStyle","T0","t22","eventProps","t23","t24","t25","t26","t27","t28","item_3","_LayoutPane","displayName","_c","mergeProps"],"sources":["../../../../src/components/content/Layout/LayoutPane.tsx"],"sourcesContent":["import {\n  BaseProps,\n  ContainerStyleProps,\n  filterBaseProps,\n  INNER_STYLES,\n  mergeStyles,\n  OUTER_STYLES,\n  Styles,\n  tasty,\n} from '@tenphi/tasty';\nimport {\n  ForwardedRef,\n  forwardRef,\n  HTMLAttributes,\n  ReactNode,\n  useCallback,\n  useEffect,\n  useEffectEvent,\n  useRef,\n  useState,\n} from 'react';\nimport { useFocusRing, useHover, useMove } from 'react-aria';\n\nimport { useDebouncedValue } from '../../../_internal/hooks';\nimport { useI18n } from '../../../i18n';\nimport { mergeProps, useCombinedRefs } from '../../../utils/react';\nimport { extractStyles } from '../../../utils/styles';\n\nimport { useTinyScrollbar } from './hooks/useTinyScrollbar';\nimport { ScrollbarType } from './LayoutContent';\nimport { LayoutContextReset } from './LayoutContext';\nimport { clampSize } from './utils';\n\n// Handler dimensions\nconst HANDLER_WIDTH = 9; // Interactive area\nconst HANDLER_RESERVED = 5; // Space reserved in Inner padding\n\n/** Mounted panes by element: the axis each resizes along, and how it takes a size. */\nconst mountedPanes = new WeakMap<\n  Element,\n  { isHorizontal: boolean; adoptSize: (drawn: number) => void }\n>();\n\nfunction setPaneSize(pane: HTMLElement, size: number) {\n  pane.style.setProperty('--pane-size', `${size}px`);\n}\n\n/** The size an element is drawn at, or `NaN` when it is not drawn. */\nfunction getDrawnSize(element: HTMLElement, isHorizontal: boolean) {\n  // Hidden, an element reports the size it is set to.\n  if (!element.getClientRects().length) return NaN;\n\n  const style = getComputedStyle(element);\n\n  return parseFloat(isHorizontal ? style.width : style.height);\n}\n\nfunction givesWay(element: Element) {\n  return parseFloat(getComputedStyle(element).flexShrink) > 0;\n}\n\n/** How far a flex container's items run past its content box. */\nfunction getOverflow(container: HTMLElement, isHorizontal: boolean) {\n  const style = getComputedStyle(container);\n  const rect = container.getBoundingClientRect();\n  // Items are measured as drawn, which a zoomed or scaled ancestor makes\n  // differ from the container's own layout size.\n  const scale =\n    (isHorizontal\n      ? rect.width / container.offsetWidth\n      : rect.height / container.offsetHeight) || 1;\n  const available = isHorizontal\n    ? container.clientWidth -\n      parseFloat(style.paddingLeft) -\n      parseFloat(style.paddingRight)\n    : container.clientHeight -\n      parseFloat(style.paddingTop) -\n      parseFloat(style.paddingBottom);\n  let used = 0;\n  let count = 0;\n\n  for (const item of Array.from(container.children)) {\n    const itemStyle = getComputedStyle(item);\n\n    if (\n      itemStyle.display === 'none' ||\n      itemStyle.position === 'absolute' ||\n      itemStyle.position === 'fixed'\n    ) {\n      continue;\n    }\n\n    const itemRect = item.getBoundingClientRect();\n\n    used += isHorizontal\n      ? itemRect.width / scale +\n        parseFloat(itemStyle.marginLeft) +\n        parseFloat(itemStyle.marginRight)\n      : itemRect.height / scale +\n        parseFloat(itemStyle.marginTop) +\n        parseFloat(itemStyle.marginBottom);\n    count += 1;\n  }\n\n  const gap = parseFloat(isHorizontal ? style.columnGap : style.rowGap) || 0;\n\n  return used + gap * Math.max(count - 1, 0) - available;\n}\n\n/**\n * The other drawn panes that give way along the same axis, when this one gives\n * way in a non-wrapping flex container along it.\n */\nfunction getPanesBeside(pane: HTMLElement, isHorizontal: boolean) {\n  const container = pane.parentElement;\n\n  if (!container || !givesWay(pane)) return [];\n\n  const style = getComputedStyle(container);\n\n  if (\n    (style.display !== 'flex' && style.display !== 'inline-flex') ||\n    style.flexDirection.startsWith('row') !== isHorizontal ||\n    style.flexWrap !== 'nowrap'\n  ) {\n    return [];\n  }\n\n  return Array.from(container.children as HTMLCollectionOf<HTMLElement>).filter(\n    (item) =>\n      item !== pane &&\n      mountedPanes.get(item)?.isHorizontal === isHorizontal &&\n      givesWay(item) &&\n      Number.isFinite(getDrawnSize(item, isHorizontal)),\n  );\n}\n\ninterface PaneMove {\n  /** Where the pointer or keys ask the pane to be. */\n  target: number;\n  /** The size so far, ahead of the rendered one. */\n  size: number;\n  /** The size the move begins at. */\n  start: number;\n  /** The pane's own size before the move. */\n  ownSize: string;\n  /** What began the move: a pointer or the keyboard. */\n  pointerType: string;\n  /** The flex container the pane gives way in beside other panes, or `null`. */\n  container: HTMLElement | null;\n  /** The panes beside it, sized as drawn for the move. */\n  beside: HTMLElement[];\n  /** Their own sizes before the move. */\n  besideSizes: string[];\n  /** The panes that hold their size until the move ends. */\n  held: HTMLElement[];\n  /** How far the container's items may run past it, as they did at the start. */\n  maxOverflow: number;\n}\n\n/**\n * Gives the panes beside a move back their own sizes and lets go of every\n * held pane.\n */\nfunction undoMove(move: PaneMove) {\n  move.beside.forEach((item, index) =>\n    item.style.setProperty('--pane-size', move.besideSizes[index]),\n  );\n  move.held.forEach((item) => item.style.removeProperty('flex-shrink'));\n}\n\nconst PaneElement = tasty({\n  as: 'div',\n  qa: 'LayoutPane',\n  styles: {\n    container: 'pane / inline-size',\n    position: 'relative',\n    display: 'grid',\n    gridColumns: '1sf',\n    gridRows: '1sf',\n    placeContent: 'stretch',\n    placeItems: 'stretch',\n    placeSelf: 'stretch',\n    // Holds its size. With `flexShrink={1}` it gives way down to its minimum\n    // when a flex container runs short.\n    flexShrink: 0,\n    flexGrow: 0,\n    // Size is set via CSS custom property for performance during drag\n    width: {\n      '': 'auto',\n      'edge=right': '($pane-min-size, 2x) $pane-size $pane-size',\n    },\n    height: {\n      '': '($pane-min-size, 2x) $pane-size $pane-size',\n      'edge=right': 'auto',\n    },\n    boxSizing: 'content-box',\n\n    Inner: {\n      $: '>',\n      display: 'flex',\n      flow: 'column',\n      padding: '($content-padding, 1x)',\n      // Reserve space for handler on resize edge\n      paddingRight: {\n        '': '($content-padding, 1x)',\n        'edge=right': `calc(($content-padding, 1x) + ${HANDLER_RESERVED}px)`,\n      },\n      paddingBottom: {\n        '': '($content-padding, 1x)',\n        'edge=bottom': `calc(($content-padding, 1x) + ${HANDLER_RESERVED}px)`,\n      },\n      overflow: {\n        '': 'auto',\n        'scrollbar=none': 'clip',\n      },\n      placeSelf: 'stretch',\n      scrollbar: {\n        '': 'thin',\n        'scrollbar=tiny | scrollbar=none': 'none',\n      },\n\n      '$layout-border-size': '0',\n    },\n\n    // Custom scrollbar handles (when scrollbar=\"tiny\")\n    ScrollbarV: {\n      position: 'absolute',\n      right: {\n        '': '1px',\n        'edge=right': `${HANDLER_RESERVED + 1}px`,\n      },\n      top: '$scrollbar-v-top',\n      width: '1ow',\n      height: '$scrollbar-v-height',\n      radius: 'round',\n      fill: '#dark.35',\n      opacity: {\n        '': 0,\n        '(focused | scrolling) & scrollbar=tiny': 1,\n      },\n      transition: 'opacity 0.15s',\n      pointerEvents: 'none',\n    },\n\n    ScrollbarH: {\n      $: '>',\n      position: 'absolute',\n      bottom: {\n        '': '1px',\n        'edge=bottom': `${HANDLER_RESERVED + 1}px`,\n      },\n      left: '$scrollbar-h-left',\n      height: '1ow',\n      width: '$scrollbar-h-width',\n      radius: 'round',\n      fill: '#dark.35',\n      opacity: {\n        '': 0,\n        '(focused | scrolling) & scrollbar=tiny': 1,\n      },\n      transition: 'opacity 0.15s',\n      pointerEvents: 'none',\n    },\n\n    // Compact resize handler - only drag dots\n    ResizeHandler: {\n      position: 'absolute',\n      // Size: 9px interactive area\n      width: {\n        '': '100%',\n        'edge=right': `${HANDLER_WIDTH}px`,\n      },\n      height: {\n        '': `${HANDLER_WIDTH}px`,\n        'edge=right': '100%',\n      },\n      // Position at edge, centered on the reserved space boundary\n      right: {\n        '': 'initial',\n        'edge=right': `${(HANDLER_RESERVED - HANDLER_WIDTH) / 2}px`,\n      },\n      bottom: {\n        '': `${(HANDLER_RESERVED - HANDLER_WIDTH) / 2}px`,\n        'edge=right': 'initial',\n      },\n      top: {\n        '': 'initial',\n        'edge=right': 0,\n      },\n      left: {\n        '': 0,\n        'edge=right': 'initial',\n      },\n      cursor: {\n        '': 'row-resize',\n        'edge=right': 'col-resize',\n        disabled: 'not-allowed',\n      },\n      padding: 0,\n      outline: 0,\n      boxSizing: 'border-box',\n      transition: 'theme',\n    },\n\n    Drag: {\n      display: 'grid',\n      gap: '2bw',\n      border: 0,\n      flow: {\n        '': 'row',\n        'edge=right': 'column',\n      },\n      gridColumns: {\n        '': '3px 3px 3px 3px 3px',\n        'edge=right': 'auto',\n      },\n      gridRows: {\n        '': 'auto',\n        'edge=right': '3px 3px 3px 3px 3px',\n      },\n      width: {\n        '': 'auto',\n        'edge=right': '3px',\n      },\n      height: {\n        '': '3px',\n        'edge=right': 'auto',\n      },\n      position: 'absolute',\n      top: '50%',\n      left: '50%',\n      transform: 'translate(-50%, -50%)',\n      transition: 'theme',\n      radius: 'round',\n      outline: {\n        '': '0',\n        'focused | drag': '1bw #primary-text',\n      },\n      outlineOffset: 1,\n    },\n\n    DragPart: {\n      radius: true,\n      fill: {\n        '': '#dark-03',\n        'handlerHovered | drag | focused': '#primary-text',\n        disabled: '#disabled-surface-text',\n      },\n    },\n  },\n});\n\nexport type ResizeEdge = 'right' | 'bottom';\n\nexport interface CubeLayoutPaneProps extends BaseProps, ContainerStyleProps {\n  /** Edge where resize handler appears */\n  resizeEdge?: ResizeEdge;\n  /** Enable resize functionality */\n  isResizable?: boolean;\n  /** Controlled size (width for right edge, height for bottom edge) */\n  size?: number | string;\n  /** Default size for uncontrolled state */\n  defaultSize?: number | string;\n  /** Minimum size constraint */\n  minSize?: number | string;\n  /** Maximum size constraint */\n  maxSize?: number | string;\n  /**\n   * Size change callback. With `flexShrink={1}`, also called when another\n   * such pane beside it is resized and this pane keeps the size it is drawn\n   * at.\n   */\n  onSizeChange?: (size: number) => void;\n  /** Scrollbar style */\n  scrollbar?: ScrollbarType;\n  /** Custom styles */\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\ninterface PaneResizeHandlerProps {\n  edge: ResizeEdge;\n  isDisabled?: boolean;\n  moveProps: ReturnType<typeof useMove>['moveProps'];\n  onDoubleClick?: () => void;\n  onHoverChange?: (isHovered: boolean) => void;\n  onFocusChange?: (isFocused: boolean) => void;\n}\n\nfunction PaneResizeHandler(props: PaneResizeHandlerProps) {\n  const {\n    edge,\n    isDisabled,\n    moveProps,\n    onDoubleClick,\n    onHoverChange,\n    onFocusChange,\n  } = props;\n  const { t } = useI18n();\n  const { hoverProps, isHovered } = useHover({\n    onHoverChange,\n  });\n  const { focusProps, isFocusVisible } = useFocusRing();\n  const isHorizontal = edge === 'right';\n\n  // Notify parent of focus changes\n  useEffect(() => {\n    onFocusChange?.(isFocusVisible);\n  }, [isFocusVisible, onFocusChange]);\n\n  return (\n    <div\n      data-element=\"ResizeHandler\"\n      {...mergeProps(hoverProps, focusProps, isDisabled ? {} : moveProps, {\n        tabIndex: isDisabled ? undefined : 0,\n        role: 'separator',\n        'aria-orientation': isHorizontal ? 'vertical' : 'horizontal',\n        'aria-label':\n          edge === 'right'\n            ? t('layout.resizePaneRight', 'Resize pane right')\n            : t('layout.resizePaneBottom', 'Resize pane bottom'),\n        onDoubleClick: isDisabled ? undefined : onDoubleClick,\n      })}\n    >\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    </div>\n  );\n}\n\nfunction LayoutPane(\n  props: CubeLayoutPaneProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  const {\n    resizeEdge = 'right',\n    isResizable = false,\n    size: providedSize,\n    defaultSize = 200,\n    minSize,\n    maxSize,\n    onSizeChange,\n    scrollbar = 'thin',\n    styles,\n    mods,\n    children,\n    innerRef: innerRefProp,\n    innerProps,\n    ...otherProps\n  } = props;\n\n  const combinedRef = useCombinedRefs(ref);\n  const internalInnerRef = useRef<HTMLDivElement>(null);\n  const combinedInnerRef = useCombinedRefs(innerRefProp, internalInnerRef);\n  const prevProvidedSizeRef = useRef(providedSize);\n  const isHorizontal = resizeEdge === 'right';\n\n  // Resize state\n  const [isDragging, setIsDragging] = useState(false);\n  const [isHandlerHovered, setIsHandlerHovered] = useState(false);\n  const [isHandlerFocused, setIsHandlerFocused] = useState(false);\n  const debouncedHandlerHovered = useDebouncedValue(isHandlerHovered, 150);\n  const [size, setSize] = useState<number>(() => {\n    const initialSize =\n      typeof providedSize === 'number'\n        ? providedSize\n        : typeof defaultSize === 'number'\n          ? defaultSize\n          : 200;\n\n    return clampSize(initialSize, minSize, maxSize);\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  const isTinyScrollbar = scrollbar === 'tiny';\n  const { hoverProps, isHovered } = useHover({});\n\n  const {\n    handleVStyle,\n    handleHStyle,\n    hasOverflowY,\n    hasOverflowX,\n    isScrolling,\n  } = useTinyScrollbar(internalInnerRef, isTinyScrollbar);\n\n  // Clamp size to min/max constraints\n  const clampValue = useCallback(\n    (value: number) => clampSize(value, minSize, maxSize),\n    [minSize, maxSize],\n  );\n\n  const moveRef = useRef<PaneMove | null>(null);\n\n  const beginMove = (pane: HTMLElement, pointerType: string): PaneMove => {\n    const drawn = getDrawnSize(pane, isHorizontal);\n    const beside = getPanesBeside(pane, isHorizontal);\n    const rounded = Math.round(drawn);\n    // Flex shrinking or a CSS minimum can draw the pane at another size than\n    // `size`; resize from the one on screen, or the first moves do nothing.\n    // Beside other panes the move begins exactly there, so nothing shifts.\n    const start = beside.length\n      ? drawn\n      : Math.abs(rounded - size) >= 1\n        ? rounded\n        : size;\n    const move: PaneMove = {\n      target: start,\n      size: start,\n      start,\n      ownSize: pane.style.getPropertyValue('--pane-size'),\n      pointerType,\n      container: beside.length ? pane.parentElement : null,\n      beside,\n      besideSizes: beside.map((item) =>\n        item.style.getPropertyValue('--pane-size'),\n      ),\n      held: [],\n      maxOverflow: 0,\n    };\n\n    // Beside other panes that give way, this one would hand them part of every\n    // move: flex shares the room by size, and theirs are larger than drawn. So\n    // they take the sizes they are drawn at, and this pane holds its size until\n    // the move ends, as do the panes before its grip: the room comes from\n    // beyond the grip. Keyboard moves start and end within one event, so this\n    // goes to the DOM, not through a render. Every size is read before one is\n    // written, as each write reflows the rest.\n    if (move.container) {\n      const side = isHorizontal ? 'left' : 'top';\n      const paneStart = pane.getBoundingClientRect()[side];\n      const sizes = beside.map((item) => getDrawnSize(item, isHorizontal));\n\n      move.maxOverflow = Math.max(getOverflow(move.container, isHorizontal), 0);\n      move.held = [\n        pane,\n        ...beside.filter(\n          (item) => item.getBoundingClientRect()[side] < paneStart,\n        ),\n      ];\n      beside.forEach((item, index) => setPaneSize(item, sizes[index]));\n      move.held.forEach((item) => item.style.setProperty('flex-shrink', '0'));\n    }\n\n    return move;\n  };\n\n  const endMove = (move: PaneMove) => {\n    // Round to integer when the move ends and notify parent\n    const finalSize = Math.round(clampValue(move.size));\n    const pane = combinedRef.current;\n\n    if (move.container) {\n      // A move that ends where it began, as a key pressed at a stop does,\n      // leaves every pane as it found them.\n      if (finalSize === Math.round(move.start)) {\n        undoMove(move);\n        pane.style.setProperty('--pane-size', move.ownSize);\n        setSize(parseFloat(move.ownSize));\n\n        return;\n      }\n\n      setPaneSize(pane, finalSize);\n\n      // The panes beside it keep the sizes they are left at, read while the\n      // panes still hold, before one is written. A pane left at its own size,\n      // or hidden meanwhile, keeps its own.\n      const sizes = move.beside.map((item) =>\n        Math.round(getDrawnSize(item, isHorizontal)),\n      );\n\n      undoMove(move);\n      move.beside.forEach((item, index) => {\n        if (\n          Number.isFinite(sizes[index]) &&\n          sizes[index] !== Math.round(parseFloat(move.besideSizes[index]))\n        ) {\n          mountedPanes.get(item)?.adoptSize(sizes[index]);\n        }\n      });\n    }\n\n    setSize(finalSize);\n    onSizeChange?.(finalSize);\n  };\n\n  const { moveProps } = useMove({\n    onMoveStart() {\n      if (!isResizable) return;\n      setIsDragging(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        const rawDelta = isHorizontal ? e.deltaX : e.deltaY;\n        delta = rawDelta * step;\n      } else {\n        // Pointer resize: use exact delta values\n        delta = isHorizontal ? e.deltaX : e.deltaY;\n      }\n\n      // A move across the resize axis changes nothing.\n      if (!delta) return;\n\n      const pane = combinedRef.current;\n      // An arrow key pressed during a drag joins it.\n      const move = moveRef.current ?? beginMove(pane, e.pointerType);\n\n      moveRef.current = move;\n      move.target += delta;\n\n      let next = clampValue(move.target);\n\n      if (!move.container) {\n        // On its own, the pane keeps no travel past its limits.\n        move.target = next;\n      } else {\n        setPaneSize(pane, next);\n\n        // Holding its size, the pane would push the items beyond its grip out\n        // of the container once none of them can give way. It grows only into\n        // the room it would have taken while giving way, and the target keeps\n        // the travel past that, as flex did.\n        if (next > move.size) {\n          const excess =\n            getOverflow(move.container, isHorizontal) - move.maxOverflow;\n\n          if (excess > 0) {\n            next = Math.max(next - excess, move.size);\n            setPaneSize(pane, next);\n          }\n        }\n      }\n\n      move.size = next;\n      setSize(next);\n    },\n    onMoveEnd(e) {\n      const move = moveRef.current;\n\n      // Beside other panes, a key pressed during a drag leaves the move to the\n      // pointer. On its own, the pane reports at the key's end, and the drag\n      // goes on as a new move, as before.\n      if (move?.container && move.pointerType !== e.pointerType) return;\n\n      moveRef.current = null;\n      setIsDragging(false);\n\n      if (move) endMove(move);\n    },\n  });\n\n  const adoptSize = useEffectEvent((drawn: number) => {\n    setPaneSize(combinedRef.current, drawn);\n    setSize(drawn);\n    onSizeChange?.(drawn);\n  });\n\n  useEffect(() => {\n    const pane = combinedRef.current;\n\n    mountedPanes.set(pane, {\n      isHorizontal,\n      adoptSize: (drawn) => adoptSize(drawn),\n    });\n\n    return () => {\n      mountedPanes.delete(pane);\n\n      // Unmounted or turned to the other axis mid-move, the pane gives the\n      // panes beside it back.\n      if (moveRef.current) undoMove(moveRef.current);\n\n      moveRef.current = null;\n    };\n  }, [combinedRef, isHorizontal]);\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  // Reset to default size on double-click\n  const handleResetSize = () => {\n    const resetSize =\n      typeof defaultSize === 'number' ? defaultSize : parseInt(defaultSize, 10);\n    const clampedSize = clampValue(resetSize || 200);\n    setSize(clampedSize);\n    onSizeChange?.(clampedSize);\n  };\n\n  const scrollbarStyle = isTinyScrollbar\n    ? { ...handleVStyle, ...handleHStyle }\n    : {};\n\n  const paneMods = {\n    scrollbar,\n    hovered: isHovered,\n    scrolling: isScrolling,\n    handlerHovered: debouncedHandlerHovered,\n    focused: isHandlerFocused,\n    disabled: !isResizable,\n    edge: resizeEdge,\n    drag: isDragging,\n    ...mods,\n  };\n\n  // Merge styles: outer styles to root, inner styles to Inner element\n  // Size is NOT included here - it's set via CSS custom property in paneStyle for performance\n  const finalStyles = mergeStyles(\n    styles,\n    outerStyles,\n    innerStyles ? { Inner: innerStyles } : null,\n  );\n\n  // Size is set via CSS custom property for performance during drag\n  // This avoids expensive style recalculation on every mouse move\n  const paneStyle = {\n    ...scrollbarStyle,\n    '--pane-size': `${size}px`,\n    // Reset rather than left unset: a custom property inherits, and an\n    // enclosing pane's minimum is not this one's.\n    '--pane-min-size':\n      minSize == null\n        ? 'initial'\n        : typeof minSize === 'number'\n          ? `${minSize}px`\n          : minSize,\n  };\n\n  return (\n    <PaneElement\n      ref={combinedRef}\n      {...filterBaseProps(otherProps, { eventProps: true })}\n      {...hoverProps}\n      mods={paneMods}\n      styles={finalStyles}\n      style={paneStyle}\n    >\n      <div ref={combinedInnerRef} data-element=\"Inner\" {...innerProps}>\n        <LayoutContextReset>{children}</LayoutContextReset>\n      </div>\n      {isTinyScrollbar && hasOverflowY && <div data-element=\"ScrollbarV\" />}\n      {isTinyScrollbar && hasOverflowX && <div data-element=\"ScrollbarH\" />}\n      {isResizable && (\n        <PaneResizeHandler\n          edge={resizeEdge}\n          isDisabled={!isResizable}\n          moveProps={moveProps}\n          onDoubleClick={handleResetSize}\n          onHoverChange={setIsHandlerHovered}\n          onFocusChange={setIsHandlerFocused}\n        />\n      )}\n    </PaneElement>\n  );\n}\n\nconst _LayoutPane = forwardRef(LayoutPane);\n\n_LayoutPane.displayName = 'Layout.Pane';\n\nexport { _LayoutPane as LayoutPane };\n"],"mappings":"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"}

package/dist/components/content/Layout/LayoutPanel.d.ts

@@ -2,13 +2,11 @@
 import { CubeDialogContainerProps } from "../../overlays/Dialog/DialogContainer.js";
 import { Side } from "./LayoutContext.js";
 import { BaseProps, ContainerStyleProps, Styles } from "@tenphi/tasty";
-import * as react from "react";
 import { ReactNode } from "react";
-
 //#region src/components/content/Layout/LayoutPanel.d.ts
 /** Panel rendering mode */
-type LayoutPanelMode = 'default' | 'sticky' | 'overlay' | 'dialog';
-interface CubeLayoutPanelProps extends BaseProps, ContainerStyleProps {
+export type LayoutPanelMode = 'default' | 'sticky' | 'overlay' | 'dialog';
+export interface CubeLayoutPanelProps extends BaseProps, ContainerStyleProps {
   /** Side of the layout where panel is positioned */
   side: Side;
   /**
@@ -40,6 +38,22 @@ interface CubeLayoutPanelProps extends BaseProps, ContainerStyleProps {
   onOpenChange?: (isOpen: boolean) => void;
   /** Enable slide transition on open/close */
   hasTransition?: boolean;
+  /**
+   * Hide the closed panel instead of unmounting its content, so the content
+   * keeps its state (an unsent draft, scroll position, a request in flight)
+   * until the panel reopens. A hidden panel takes no space and no focus.
+   * The content mounts once, even while the panel starts closed, so mount
+   * effects and a native `autoFocus` do not run again on reopen. Content that
+   * mounts while closed is hidden: `autoFocus` does nothing and measurements
+   * read zero until the panel opens. In dialog mode the dialog is kept the
+   * same way, and moves focus itself as a dialog that mounts on open does: to
+   * an autofocused kit control on every open, and on close back to its
+   * opener, or to the trigger of the menu or popover it sat in once that has
+   * closed
+   * (DialogContainer's docs list what still differs);
+   * `dialogProps.hideOnClose` takes precedence. Default: false
+   */
+  hideOnClose?: boolean;
   /**
    * Whether the panel can be dismissed by clicking the overlay (overlay mode), pressing Escape,
    * or, in overlay mode, moving focus into the main content.
@@ -70,7 +84,7 @@ interface CubeLayoutPanelProps extends BaseProps, ContainerStyleProps {
   styles?: Styles;
   children?: ReactNode;
 }
-declare const _LayoutPanel: react.ForwardRefExoticComponent<CubeLayoutPanelProps & react.RefAttributes<HTMLDivElement>>;
+declare const _LayoutPanel: import("react").ForwardRefExoticComponent<CubeLayoutPanelProps & import("react").RefAttributes<HTMLDivElement>>;
 //#endregion
-export { CubeLayoutPanelProps, LayoutPanelMode, _LayoutPanel };
+export { _LayoutPanel as LayoutPanel };
 //# sourceMappingURL=LayoutPanel.d.ts.map