@cube-dev/ui-kit 0.197.0 → 0.198.0

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

@@ -1,10 +1,9 @@
-/** @license MIT | @cube-dev/ui-kit v0.197.0 | Cube Dev Team */
-import { _LayoutContainer } from "./LayoutContainer.js";
+/** @license MIT | @cube-dev/ui-kit v0.198.0 | Cube Dev Team */
+import { LayoutContainer as _LayoutContainer } from "./LayoutContainer.js";
 import { c } from "react/compiler-runtime";
 import { tasty } from "@tenphi/tasty";
 import { forwardRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-
 //#region src/components/content/Layout/LayoutCenter.tsx
 const CenterElement = tasty(_LayoutContainer, {
 	qa: "LayoutCenter",
@@ -82,7 +81,7 @@ function LayoutCenter(props, ref) {
 }
 const _LayoutCenter = forwardRef(LayoutCenter);
 _LayoutCenter.displayName = "Layout.Center";
-
 //#endregion
-export { _LayoutCenter };
+export { _LayoutCenter as LayoutCenter };
+
 //# sourceMappingURL=LayoutCenter.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"LayoutCenter.js","names":["tasty","ForwardedRef","forwardRef","CubeLayoutContainerProps","LayoutContainer","CenterElement","qa","styles","placeItems","placeContent","Inner","textAlign","GoldenRatioSpacerElement","flexGrow","flexShrink","flexBasis","height","pointerEvents","CubeLayoutCenterProps","isGoldenRatio","LayoutCenter","props","ref","$","_c","children","otherProps","t0","position","t1","t2","_LayoutCenter","displayName"],"sources":["../../../../src/components/content/Layout/LayoutCenter.tsx"],"sourcesContent":["import { tasty } from '@tenphi/tasty';\nimport { ForwardedRef, forwardRef } from 'react';\n\nimport { CubeLayoutContainerProps, LayoutContainer } from './LayoutContainer';\n\nconst CenterElement = tasty(LayoutContainer, {\n  qa: 'LayoutCenter',\n  styles: {\n    placeItems: 'stretch',\n    placeContent: 'stretch',\n\n    Inner: {\n      textAlign: 'center',\n      placeItems: 'center',\n      placeContent: 'center',\n    },\n  },\n});\n\nconst GoldenRatioSpacerElement = tasty({\n  'aria-hidden': 'true',\n  qa: 'LayoutCenterGoldenRatioSpacer',\n  styles: {\n    flexGrow: {\n      '': 0.382,\n      'position=bottom': 0.618,\n    },\n    flexShrink: 1,\n    flexBasis: 0,\n    height: 'min 0',\n    pointerEvents: 'none',\n  },\n});\n\nexport interface CubeLayoutCenterProps extends CubeLayoutContainerProps {\n  /**\n   * Position content slightly above the visual center using the golden ratio\n   * (~38.2% empty space above, ~61.8% below) for a more aesthetically pleasing\n   * placement. Only takes effect while the content is smaller than the\n   * container; once the content overflows, layout falls back to the default\n   * centered behavior.\n   * @default false\n   */\n  isGoldenRatio?: boolean;\n}\n\nfunction LayoutCenter(\n  props: CubeLayoutCenterProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  const { children, isGoldenRatio, ...otherProps } = props;\n\n  return (\n    <CenterElement {...otherProps} ref={ref}>\n      {isGoldenRatio && <GoldenRatioSpacerElement mods={{ position: 'top' }} />}\n      {children}\n      {isGoldenRatio && (\n        <GoldenRatioSpacerElement mods={{ position: 'bottom' }} />\n      )}\n    </CenterElement>\n  );\n}\n\nconst _LayoutCenter = forwardRef(LayoutCenter);\n\n_LayoutCenter.displayName = 'Layout.Center';\n\nexport { _LayoutCenter as LayoutCenter };\n"],"mappings":";;;;;;;;AAKA,MAAMK,gBAAgBL,MAAMI,kBAAiB;CAC3CE,IAAI;CACJC,QAAQ;EACNC,YAAY;EACZC,cAAc;EAEdC,OAAO;GACLC,WAAW;GACXH,YAAY;GACZC,cAAc;GAChB;EACF;CACD,CAAC;AAEF,MAAMG,2BAA2BZ,MAAM;CACrC,eAAe;CACfM,IAAI;CACJC,QAAQ;EACNM,UAAU;GACR,IAAI;GACJ,mBAAmB;GACpB;EACDC,YAAY;EACZC,WAAW;EACXC,QAAQ;EACRC,eAAe;EACjB;CACD,CAAC;AAcF,SAAAG,aAAAC,OAAAC,KAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CAAA,IAAAC;CAAA,IAAAN;CAAA,IAAAO;AAAA,KAAAH,EAAA,OAAAF,OAAA;AAIE,GAAA,CAAAI,UAAAN,kBAAAO,cAAmDL;AAAME,IAAA,KAAAF;AAAAE,IAAA,KAAAE;AAAAF,IAAA,KAAAJ;AAAAI,IAAA,KAAAG;QAAA;AAAAD,aAAAF,EAAA;AAAAJ,kBAAAI,EAAA;AAAAG,eAAAH,EAAA;;CAAA,IAAAI;AAAA,KAAAJ,EAAA,OAAAJ,eAAA;AAIpDQ,OAAAR,iBAAiB,oBAAC,4BAA+B,MAAA,EAAAS,UAAY,OAAM,GAAK;AAAAL,IAAA,KAAAJ;AAAAI,IAAA,KAAAI;OAAAA,MAAAJ,EAAA;CAAA,IAAAM;AAAA,KAAAN,EAAA,OAAAJ,eAAA;AAExEU,OAAAV,iBACC,oBAAC,4BAA+B,MAAA,EAAAS,UAAY,UAAS,GACtD;AAAAL,IAAA,KAAAJ;AAAAI,IAAA,KAAAM;OAAAA,MAAAN,EAAA;CAAA,IAAAO;AAAA,KAAAP,EAAA,OAAAE,YAAAF,EAAA,OAAAG,cAAAH,EAAA,QAAAD,OAAAC,EAAA,QAAAI,MAAAJ,EAAA,QAAAM,IAAA;AALHC,OAAA,qBAAC;GAAa,GAAKJ;GAAiBJ;;IACjCK;IACAF;IACAI;;IAGa;AAAAN,IAAA,KAAAE;AAAAF,IAAA,KAAAG;AAAAH,IAAA,MAAAD;AAAAC,IAAA,MAAAI;AAAAJ,IAAA,MAAAM;AAAAN,IAAA,MAAAO;OAAAA,MAAAP,EAAA;AAAA,QANhBO;;AAUJ,MAAMC,gBAAgB7B,WAAWkB,aAAa;AAE9CW,cAAcC,cAAc"}
+{"version":3,"file":"LayoutCenter.js","names":["tasty","ForwardedRef","forwardRef","CubeLayoutContainerProps","LayoutContainer","CenterElement","qa","styles","placeItems","placeContent","Inner","textAlign","GoldenRatioSpacerElement","flexGrow","flexShrink","flexBasis","height","pointerEvents","CubeLayoutCenterProps","isGoldenRatio","LayoutCenter","props","ref","$","_c","children","otherProps","t0","position","t1","t2","_LayoutCenter","displayName","LayoutContainer","_c"],"sources":["../../../../src/components/content/Layout/LayoutCenter.tsx"],"sourcesContent":["import { tasty } from '@tenphi/tasty';\nimport { ForwardedRef, forwardRef } from 'react';\n\nimport { CubeLayoutContainerProps, LayoutContainer } from './LayoutContainer';\n\nconst CenterElement = tasty(LayoutContainer, {\n  qa: 'LayoutCenter',\n  styles: {\n    placeItems: 'stretch',\n    placeContent: 'stretch',\n\n    Inner: {\n      textAlign: 'center',\n      placeItems: 'center',\n      placeContent: 'center',\n    },\n  },\n});\n\nconst GoldenRatioSpacerElement = tasty({\n  'aria-hidden': 'true',\n  qa: 'LayoutCenterGoldenRatioSpacer',\n  styles: {\n    flexGrow: {\n      '': 0.382,\n      'position=bottom': 0.618,\n    },\n    flexShrink: 1,\n    flexBasis: 0,\n    height: 'min 0',\n    pointerEvents: 'none',\n  },\n});\n\nexport interface CubeLayoutCenterProps extends CubeLayoutContainerProps {\n  /**\n   * Position content slightly above the visual center using the golden ratio\n   * (~38.2% empty space above, ~61.8% below) for a more aesthetically pleasing\n   * placement. Only takes effect while the content is smaller than the\n   * container; once the content overflows, layout falls back to the default\n   * centered behavior.\n   * @default false\n   */\n  isGoldenRatio?: boolean;\n}\n\nfunction LayoutCenter(\n  props: CubeLayoutCenterProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  const { children, isGoldenRatio, ...otherProps } = props;\n\n  return (\n    <CenterElement {...otherProps} ref={ref}>\n      {isGoldenRatio && <GoldenRatioSpacerElement mods={{ position: 'top' }} />}\n      {children}\n      {isGoldenRatio && (\n        <GoldenRatioSpacerElement mods={{ position: 'bottom' }} />\n      )}\n    </CenterElement>\n  );\n}\n\nconst _LayoutCenter = forwardRef(LayoutCenter);\n\n_LayoutCenter.displayName = 'Layout.Center';\n\nexport { _LayoutCenter as LayoutCenter };\n"],"mappings":";;;;;;;AAKA,MAAMK,gBAAgBL,MAAMI,kBAAiB;CAC3CE,IAAI;CACJC,QAAQ;EACNC,YAAY;EACZC,cAAc;EAEdC,OAAO;GACLC,WAAW;GACXH,YAAY;GACZC,cAAc;EAChB;CACF;AACF,CAAC;AAED,MAAMG,2BAA2BZ,MAAM;CACrC,eAAe;CACfM,IAAI;CACJC,QAAQ;EACNM,UAAU;GACR,IAAI;GACJ,mBAAmB;EACrB;EACAC,YAAY;EACZC,WAAW;EACXC,QAAQ;EACRC,eAAe;CACjB;AACF,CAAC;AAcD,SAAAG,aAAAC,OAAAC,KAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAAA,IAAAC;CAAA,IAAAN;CAAA,IAAAO;CAAA,IAAAH,EAAA,OAAAF,OAAA;EAIE,CAAA,CAAAI,UAAAN,eAAA,GAAAO,cAAmDL;EAAME,EAAA,KAAAF;EAAAE,EAAA,KAAAE;EAAAF,EAAA,KAAAJ;EAAAI,EAAA,KAAAG;CAAA,OAAA;EAAAD,WAAAF,EAAA;EAAAJ,gBAAAI,EAAA;EAAAG,aAAAH,EAAA;CAAA;CAAA,IAAAI;CAAA,IAAAJ,EAAA,OAAAJ,eAAA;EAIpDQ,KAAAR,iBAAiB,oBAAC,0BAAD,EAAgC,MAAA,EAAAS,UAAY,MAAM,EAAC,CAAA;EAAIL,EAAA,KAAAJ;EAAAI,EAAA,KAAAI;CAAA,OAAAA,KAAAJ,EAAA;CAAA,IAAAM;CAAA,IAAAN,EAAA,OAAAJ,eAAA;EAExEU,KAAAV,iBACC,oBAAC,0BAAD,EAAgC,MAAA,EAAAS,UAAY,SAAS,EAAC,CAAA;EACvDL,EAAA,KAAAJ;EAAAI,EAAA,KAAAM;CAAA,OAAAA,KAAAN,EAAA;CAAA,IAAAO;CAAA,IAAAP,EAAA,OAAAE,YAAAF,EAAA,OAAAG,cAAAH,EAAA,QAAAD,OAAAC,EAAA,QAAAI,MAAAJ,EAAA,QAAAM,IAAA;EALHC,KAAA,qBAAC,eAAD;GAAc,GAAKJ;GAAiBJ;GAApC,UAAA;IACGK;IACAF;IACAI;GAHW;;EAMEN,EAAA,KAAAE;EAAAF,EAAA,KAAAG;EAAAH,EAAA,MAAAD;EAAAC,EAAA,MAAAI;EAAAJ,EAAA,MAAAM;EAAAN,EAAA,MAAAO;CAAA,OAAAA,KAAAP,EAAA;CAAA,OANhBO;AAMgB;AAIpB,MAAMC,gBAAgB7B,WAAWkB,YAAY;AAE7CW,cAAcC,cAAc"}

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

@@ -1,10 +1,8 @@
 
 import { BaseProps, ContainerStyleProps, Styles } from "@tenphi/tasty";
-import * as react from "react";
 import { ForwardedRef, HTMLAttributes, ReactNode } from "react";
-
 //#region src/components/content/Layout/LayoutContainer.d.ts
-interface CubeLayoutContainerProps extends BaseProps, ContainerStyleProps {
+export interface CubeLayoutContainerProps extends BaseProps, ContainerStyleProps {
   children?: ReactNode;
   /** Custom styles for container and inner elements */
   styles?: Styles;
@@ -15,7 +13,7 @@ interface CubeLayoutContainerProps extends BaseProps, ContainerStyleProps {
   /** Props to spread on the Inner sub-element */
   innerProps?: HTMLAttributes<HTMLDivElement>;
 }
-declare const _LayoutContainer: react.ForwardRefExoticComponent<CubeLayoutContainerProps & react.RefAttributes<HTMLDivElement>>;
+declare const _LayoutContainer: import("react").ForwardRefExoticComponent<CubeLayoutContainerProps & import("react").RefAttributes<HTMLDivElement>>;
 //#endregion
-export { CubeLayoutContainerProps, _LayoutContainer };
+export { _LayoutContainer as LayoutContainer };
 //# sourceMappingURL=LayoutContainer.d.ts.map

package/dist/components/content/Layout/LayoutContainer.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.0 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { useCombinedRefs } from "../../../utils/react/useCombinedRefs.js";
 import { LayoutContextReset } from "./LayoutContext.js";
@@ -6,7 +6,6 @@ import { c } from "react/compiler-runtime";
 import { CONTAINER_STYLES, filterBaseProps, mergeStyles, tasty } from "@tenphi/tasty";
 import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
-
 //#region src/components/content/Layout/LayoutContainer.tsx
 const ContainerElement = tasty({
 	as: "div",
@@ -42,7 +41,8 @@ function LayoutContainer(props, ref) {
 	const $ = c(12);
 	const { children, styles, innerStyles: innerStylesProp, innerRef: innerRefProp, innerProps, ...otherProps } = props;
 	const innerStyles = extractStyles(otherProps, CONTAINER_STYLES, innerStylesProp);
-	const finalStyles = mergeStyles(styles, Object.keys(innerStyles).length > 0 ? { Inner: innerStyles } : null);
+	const hasInnerStyles = Object.keys(innerStyles).length > 0;
+	const finalStyles = mergeStyles(styles, hasInnerStyles ? { Inner: innerStyles } : null);
 	const combinedInnerRef = useCombinedRefs(innerRefProp);
 	const T0 = ContainerElement;
 	const t0 = filterBaseProps(otherProps, { eventProps: true });
@@ -84,7 +84,7 @@ function LayoutContainer(props, ref) {
 }
 const _LayoutContainer = forwardRef(LayoutContainer);
 _LayoutContainer.displayName = "Layout.Container";
-
 //#endregion
-export { _LayoutContainer };
+export { _LayoutContainer as LayoutContainer };
+
 //# sourceMappingURL=LayoutContainer.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"LayoutContainer.js","names":["BaseProps","CONTAINER_STYLES","ContainerStyleProps","filterBaseProps","mergeStyles","Styles","tasty","ForwardedRef","forwardRef","HTMLAttributes","ReactNode","useCombinedRefs","extractStyles","LayoutContextReset","ContainerElement","as","qa","styles","display","flow","flexGrow","flexShrink","placeItems","placeContent","overflow","scrollbar","padding","placeSelf","border","Inner","$","boxSizing","width","CubeLayoutContainerProps","children","innerStyles","innerRef","HTMLDivElement","innerProps","LayoutContainer","props","ref","_c","innerStylesProp","innerRefProp","otherProps","hasInnerStyles","Object","keys","length","finalStyles","combinedInnerRef","T0","t0","eventProps","t1","t2","t3","_LayoutContainer","displayName"],"sources":["../../../../src/components/content/Layout/LayoutContainer.tsx"],"sourcesContent":["import {\n  BaseProps,\n  CONTAINER_STYLES,\n  ContainerStyleProps,\n  filterBaseProps,\n  mergeStyles,\n  Styles,\n  tasty,\n} from '@tenphi/tasty';\nimport { ForwardedRef, forwardRef, HTMLAttributes, ReactNode } from 'react';\n\nimport { useCombinedRefs } from '../../../utils/react';\nimport { extractStyles } from '../../../utils/styles';\n\nimport { LayoutContextReset } from './LayoutContext';\n\nconst ContainerElement = tasty({\n  as: 'div',\n  qa: 'LayoutContainer',\n  styles: {\n    display: 'flex',\n    flow: 'column',\n    flexGrow: 1,\n    flexShrink: 1,\n    placeItems: 'center start',\n    placeContent: 'stretch',\n    overflow: 'auto',\n    scrollbar: 'thin',\n    padding: '$content-padding',\n    placeSelf: 'stretch',\n    border: {\n      '': 0,\n      '!:last-child': '($layout-border-size, 1bw) solid #border bottom',\n    },\n\n    Inner: {\n      $: '>',\n      placeSelf: 'center',\n      display: 'flex',\n      flow: 'column',\n      boxSizing: 'border-box',\n      width: '40x 100% 120x',\n      flexGrow: 1,\n\n      '$layout-border-size': '0',\n    },\n  },\n});\n\nexport interface CubeLayoutContainerProps\n  extends BaseProps,\n    ContainerStyleProps {\n  children?: ReactNode;\n  /** Custom styles for container and inner elements */\n  styles?: Styles;\n  /** Custom styles for the inner element */\n  innerStyles?: Styles;\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\nfunction LayoutContainer(\n  props: CubeLayoutContainerProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  const {\n    children,\n    styles,\n    innerStyles: innerStylesProp,\n    innerRef: innerRefProp,\n    innerProps,\n    ...otherProps\n  } = props;\n  const innerStyles = extractStyles(\n    otherProps,\n    CONTAINER_STYLES,\n    innerStylesProp,\n  );\n\n  const hasInnerStyles = Object.keys(innerStyles).length > 0;\n\n  const finalStyles = mergeStyles(\n    styles,\n    hasInnerStyles ? { Inner: innerStyles } : null,\n  );\n\n  const combinedInnerRef = useCombinedRefs(innerRefProp);\n\n  return (\n    <ContainerElement\n      ref={ref}\n      {...filterBaseProps(otherProps, { eventProps: true })}\n      styles={finalStyles}\n    >\n      <div ref={combinedInnerRef} data-element=\"Inner\" {...innerProps}>\n        <LayoutContextReset>{children}</LayoutContextReset>\n      </div>\n    </ContainerElement>\n  );\n}\n\nconst _LayoutContainer = forwardRef(LayoutContainer);\n\n_LayoutContainer.displayName = 'Layout.Container';\n\nexport { _LayoutContainer as LayoutContainer };\n"],"mappings":";;;;;;;;;;AAgBA,MAAMc,mBAAmBR,MAAM;CAC7BS,IAAI;CACJC,IAAI;CACJC,QAAQ;EACNC,SAAS;EACTC,MAAM;EACNC,UAAU;EACVC,YAAY;EACZC,YAAY;EACZC,cAAc;EACdC,UAAU;EACVC,WAAW;EACXC,SAAS;EACTC,WAAW;EACXC,QAAQ;GACN,IAAI;GACJ,gBAAgB;GACjB;EAEDC,OAAO;GACLC,GAAG;GACHH,WAAW;GACXT,SAAS;GACTC,MAAM;GACNY,WAAW;GACXC,OAAO;GACPZ,UAAU;GAEV,uBAAuB;GACzB;EACF;CACD,CAAC;AAgBF,SAAAmB,gBAAAC,OAAAC,KAAA;CAAA,MAAAX,IAAAY,EAAA,GAAA;CAIE,MAAA,EAAAR,UAAAjB,QAAAkB,aAAAQ,iBAAAP,UAAAQ,cAAAN,YAAA,GAAAO,eAOIL;CACJ,MAAAL,cAAoBvB,cAClBiC,YACA5C,kBACA0C,gBACD;CAID,MAAAO,cAAoB9C,YAClBa,QAHqB8B,OAAMC,KAAMb,YAAY,CAAAc,SAAU,IAIvD,EAAApB,OAA0BM,aAAoB,GAA9C,KACD;CAED,MAAAgB,mBAAyBxC,gBAAgBiC,aAAa;CAGnD,MAAAQ,KAAAtC;CAEK,MAAAuC,KAAAlD,gBAAgB0C,YAAY,EAAAS,YAAc,MAAM,CAAC;CAAA,IAAAC;AAAA,KAAAzB,EAAA,OAAAI,UAAA;AAInDqB,OAAA,oBAAC,sBAAoBrB,WAA8B;AAAAJ,IAAA,KAAAI;AAAAJ,IAAA,KAAAyB;OAAAA,MAAAzB,EAAA;CAAA,IAAA0B;AAAA,KAAA1B,EAAA,OAAAqB,oBAAArB,EAAA,OAAAQ,cAAAR,EAAA,OAAAyB,IAAA;AADrDC,OAAA,oBAAA;GAAUL,KAAAA;GAA+B,gBAAA;GAAO,GAAKb;aACnDiB;IACI;AAAAzB,IAAA,KAAAqB;AAAArB,IAAA,KAAAQ;AAAAR,IAAA,KAAAyB;AAAAzB,IAAA,KAAA0B;OAAAA,MAAA1B,EAAA;CAAA,IAAA2B;AAAA,KAAA3B,EAAA,OAAAsB,MAAAtB,EAAA,OAAAoB,eAAApB,EAAA,OAAAW,OAAAX,EAAA,OAAAuB,MAAAvB,EAAA,QAAA0B,IAAA;AAPRC,OAAA,oBAAC;GACMhB;GAAG,GACJY;GACIH,QAAAA;aAERM;IAGiB;AAAA1B,IAAA,KAAAsB;AAAAtB,IAAA,KAAAoB;AAAApB,IAAA,KAAAW;AAAAX,IAAA,KAAAuB;AAAAvB,IAAA,MAAA0B;AAAA1B,IAAA,MAAA2B;OAAAA,MAAA3B,EAAA;AAAA,QARnB2B;;AAYJ,MAAMC,mBAAmBlD,WAAW+B,gBAAgB;AAEpDmB,iBAAiBC,cAAc"}
+{"version":3,"file":"LayoutContainer.js","names":["BaseProps","CONTAINER_STYLES","ContainerStyleProps","filterBaseProps","mergeStyles","Styles","tasty","ForwardedRef","forwardRef","HTMLAttributes","ReactNode","useCombinedRefs","extractStyles","LayoutContextReset","ContainerElement","as","qa","styles","display","flow","flexGrow","flexShrink","placeItems","placeContent","overflow","scrollbar","padding","placeSelf","border","Inner","$","boxSizing","width","CubeLayoutContainerProps","children","innerStyles","innerRef","HTMLDivElement","innerProps","LayoutContainer","props","ref","_c","innerStylesProp","innerRefProp","otherProps","hasInnerStyles","Object","keys","length","finalStyles","combinedInnerRef","T0","t0","eventProps","t1","t2","t3","_LayoutContainer","displayName","_c"],"sources":["../../../../src/components/content/Layout/LayoutContainer.tsx"],"sourcesContent":["import {\n  BaseProps,\n  CONTAINER_STYLES,\n  ContainerStyleProps,\n  filterBaseProps,\n  mergeStyles,\n  Styles,\n  tasty,\n} from '@tenphi/tasty';\nimport { ForwardedRef, forwardRef, HTMLAttributes, ReactNode } from 'react';\n\nimport { useCombinedRefs } from '../../../utils/react';\nimport { extractStyles } from '../../../utils/styles';\n\nimport { LayoutContextReset } from './LayoutContext';\n\nconst ContainerElement = tasty({\n  as: 'div',\n  qa: 'LayoutContainer',\n  styles: {\n    display: 'flex',\n    flow: 'column',\n    flexGrow: 1,\n    flexShrink: 1,\n    placeItems: 'center start',\n    placeContent: 'stretch',\n    overflow: 'auto',\n    scrollbar: 'thin',\n    padding: '$content-padding',\n    placeSelf: 'stretch',\n    border: {\n      '': 0,\n      '!:last-child': '($layout-border-size, 1bw) solid #border bottom',\n    },\n\n    Inner: {\n      $: '>',\n      placeSelf: 'center',\n      display: 'flex',\n      flow: 'column',\n      boxSizing: 'border-box',\n      width: '40x 100% 120x',\n      flexGrow: 1,\n\n      '$layout-border-size': '0',\n    },\n  },\n});\n\nexport interface CubeLayoutContainerProps\n  extends BaseProps, ContainerStyleProps {\n  children?: ReactNode;\n  /** Custom styles for container and inner elements */\n  styles?: Styles;\n  /** Custom styles for the inner element */\n  innerStyles?: Styles;\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\nfunction LayoutContainer(\n  props: CubeLayoutContainerProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  const {\n    children,\n    styles,\n    innerStyles: innerStylesProp,\n    innerRef: innerRefProp,\n    innerProps,\n    ...otherProps\n  } = props;\n  const innerStyles = extractStyles(\n    otherProps,\n    CONTAINER_STYLES,\n    innerStylesProp,\n  );\n\n  const hasInnerStyles = Object.keys(innerStyles).length > 0;\n\n  const finalStyles = mergeStyles(\n    styles,\n    hasInnerStyles ? { Inner: innerStyles } : null,\n  );\n\n  const combinedInnerRef = useCombinedRefs(innerRefProp);\n\n  return (\n    <ContainerElement\n      ref={ref}\n      {...filterBaseProps(otherProps, { eventProps: true })}\n      styles={finalStyles}\n    >\n      <div ref={combinedInnerRef} data-element=\"Inner\" {...innerProps}>\n        <LayoutContextReset>{children}</LayoutContextReset>\n      </div>\n    </ContainerElement>\n  );\n}\n\nconst _LayoutContainer = forwardRef(LayoutContainer);\n\n_LayoutContainer.displayName = 'Layout.Container';\n\nexport { _LayoutContainer as LayoutContainer };\n"],"mappings":";;;;;;;;;AAgBA,MAAMc,mBAAmBR,MAAM;CAC7BS,IAAI;CACJC,IAAI;CACJC,QAAQ;EACNC,SAAS;EACTC,MAAM;EACNC,UAAU;EACVC,YAAY;EACZC,YAAY;EACZC,cAAc;EACdC,UAAU;EACVC,WAAW;EACXC,SAAS;EACTC,WAAW;EACXC,QAAQ;GACN,IAAI;GACJ,gBAAgB;EAClB;EAEAC,OAAO;GACLC,GAAG;GACHH,WAAW;GACXT,SAAS;GACTC,MAAM;GACNY,WAAW;GACXC,OAAO;GACPZ,UAAU;GAEV,uBAAuB;EACzB;CACF;AACF,CAAC;AAeD,SAAAmB,gBAAAC,OAAAC,KAAA;CAAA,MAAAX,IAAAY,EAAA,EAAA;CAIE,MAAA,EAAAR,UAAAjB,QAAAkB,aAAAQ,iBAAAP,UAAAQ,cAAAN,YAAA,GAAAO,eAOIL;CACJ,MAAAL,cAAoBvB,cAClBiC,YACA5C,kBACA0C,eACF;CAEA,MAAAG,iBAAuBC,OAAMC,KAAMb,WAAW,CAAC,CAAAc,SAAU;CAEzD,MAAAC,cAAoB9C,YAClBa,QACA6B,iBAAA,EAAAjB,OAA0BM,YAAmB,IAA7C,IACF;CAEA,MAAAgB,mBAAyBxC,gBAAgBiC,YAAY;CAGlD,MAAAQ,KAAAtC;CAEK,MAAAuC,KAAAlD,gBAAgB0C,YAAY,EAAAS,YAAc,KAAK,CAAC;CAAC,IAAAC;CAAA,IAAAzB,EAAA,OAAAI,UAAA;EAInDqB,KAAA,oBAAC,oBAAD,EAAqBrB,SAAF,CAAA;EAAgCJ,EAAA,KAAAI;EAAAJ,EAAA,KAAAyB;CAAA,OAAAA,KAAAzB,EAAA;CAAA,IAAA0B;CAAA,IAAA1B,EAAA,OAAAqB,oBAAArB,EAAA,OAAAQ,cAAAR,EAAA,OAAAyB,IAAA;EADrDC,KAAA,oBAAA,OAAA;GAAUL,KAAAA;GAA+B,gBAAA;GAAO,GAAKb;GACnDiB,UAAAA;EACI,CAAA;EAAAzB,EAAA,KAAAqB;EAAArB,EAAA,KAAAQ;EAAAR,EAAA,KAAAyB;EAAAzB,EAAA,KAAA0B;CAAA,OAAAA,KAAA1B,EAAA;CAAA,IAAA2B;CAAA,IAAA3B,EAAA,OAAAsB,MAAAtB,EAAA,OAAAoB,eAAApB,EAAA,OAAAW,OAAAX,EAAA,OAAAuB,MAAAvB,EAAA,QAAA0B,IAAA;EAPRC,KAAA,oBAAC,IAAD;GACOhB;GAAG,GACJY;GACIH,QAAAA;GAERM,UAAAA;EALe,CAAA;EAQE1B,EAAA,KAAAsB;EAAAtB,EAAA,KAAAoB;EAAApB,EAAA,KAAAW;EAAAX,EAAA,KAAAuB;EAAAvB,EAAA,MAAA0B;EAAA1B,EAAA,MAAA2B;CAAA,OAAAA,KAAA3B,EAAA;CAAA,OARnB2B;AAQmB;AAIvB,MAAMC,mBAAmBlD,WAAW+B,eAAe;AAEnDmB,iBAAiBC,cAAc"}

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

@@ -1,11 +1,9 @@
 
 import { BaseProps, ContainerStyleProps, Mods } from "@tenphi/tasty";
-import * as react from "react";
 import { ForwardedRef, HTMLAttributes, ReactNode } from "react";
-
 //#region src/components/content/Layout/LayoutContent.d.ts
-type ScrollbarType = 'default' | 'thin' | 'tiny' | 'none';
-interface CubeLayoutContentProps extends BaseProps, ContainerStyleProps {
+export type ScrollbarType = 'default' | 'thin' | 'tiny' | 'none';
+export interface CubeLayoutContentProps extends BaseProps, ContainerStyleProps {
   /** Scrollbar style: 'default' | 'thin' | 'tiny' | 'none' */
   scrollbar?: ScrollbarType;
   children?: ReactNode;
@@ -16,7 +14,7 @@ interface CubeLayoutContentProps extends BaseProps, ContainerStyleProps {
   /** Props to spread on the Inner sub-element */
   innerProps?: HTMLAttributes<HTMLDivElement>;
 }
-declare const _LayoutContent: react.ForwardRefExoticComponent<CubeLayoutContentProps & react.RefAttributes<HTMLDivElement>>;
+declare const _LayoutContent: import("react").ForwardRefExoticComponent<CubeLayoutContentProps & import("react").RefAttributes<HTMLDivElement>>;
 //#endregion
-export { CubeLayoutContentProps, ScrollbarType, _LayoutContent };
+export { _LayoutContent as LayoutContent };
 //# sourceMappingURL=LayoutContent.d.ts.map

package/dist/components/content/Layout/LayoutContent.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.0 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { useCombinedRefs } from "../../../utils/react/useCombinedRefs.js";
 import { LayoutContextReset } from "./LayoutContext.js";
@@ -8,7 +8,6 @@ import { INNER_STYLES, OUTER_STYLES, filterBaseProps, mergeStyles, tasty } from
 import { forwardRef, useRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useHover } from "react-aria";
-
 //#region src/components/content/Layout/LayoutContent.tsx
 const ContentElement = tasty({
 	as: "div",
@@ -193,7 +192,7 @@ function LayoutContent(props, ref) {
 }
 const _LayoutContent = forwardRef(LayoutContent);
 _LayoutContent.displayName = "Layout.Content";
-
 //#endregion
-export { _LayoutContent };
+export { _LayoutContent as LayoutContent };
+
 //# sourceMappingURL=LayoutContent.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"LayoutContent.js","names":["BaseProps","ContainerStyleProps","filterBaseProps","INNER_STYLES","mergeStyles","Mods","OUTER_STYLES","tasty","ForwardedRef","forwardRef","HTMLAttributes","ReactNode","useRef","useHover","useCombinedRefs","extractStyles","useTinyScrollbar","LayoutContextReset","ContentElement","as","qa","styles","container","position","display","gridColumns","gridRows","placeContent","placeItems","placeSelf","flexGrow","flexShrink","height","overflow","boxSizing","border","Inner","$","flow","padding","scrollbar","ScrollbarV","right","top","width","radius","fill","opacity","transition","pointerEvents","ScrollbarH","bottom","left","ScrollbarType","CubeLayoutContentProps","children","mods","innerRef","HTMLDivElement","innerProps","LayoutContent","props","ref","_c","t0","externalMods","innerRefProp","otherProps","undefined","outerStyles","innerStyles","internalInnerRef","combinedInnerRef","combinedRef","isTinyScrollbar","t1","Symbol","for","hoverProps","isHovered","handleVStyle","handleHStyle","hasOverflowY","hasOverflowX","isScrolling","t2","scrollbarStyle","t3","hovered","scrolling","finalStyles","T0","t4","eventProps","t5","t6","t7","t8","t9","_LayoutContent","displayName"],"sources":["../../../../src/components/content/Layout/LayoutContent.tsx"],"sourcesContent":["import {\n  BaseProps,\n  ContainerStyleProps,\n  filterBaseProps,\n  INNER_STYLES,\n  mergeStyles,\n  Mods,\n  OUTER_STYLES,\n  tasty,\n} from '@tenphi/tasty';\nimport {\n  ForwardedRef,\n  forwardRef,\n  HTMLAttributes,\n  ReactNode,\n  useRef,\n} from 'react';\nimport { useHover } from 'react-aria';\n\nimport { useCombinedRefs } from '../../../utils/react';\nimport { extractStyles } from '../../../utils/styles';\n\nimport { useTinyScrollbar } from './hooks/useTinyScrollbar';\nimport { LayoutContextReset } from './LayoutContext';\n\nconst ContentElement = tasty({\n  as: 'div',\n  qa: 'LayoutContent',\n  styles: {\n    container: 'content / inline-size',\n    position: 'relative',\n    display: 'grid',\n    gridColumns: '1sf',\n    gridRows: '1sf',\n    placeContent: 'stretch',\n    placeItems: 'stretch',\n    placeSelf: 'stretch',\n    flexGrow: 1,\n    flexShrink: 1,\n    height: 'min 0',\n    overflow: 'hidden',\n    boxSizing: 'content-box',\n    border: {\n      '': 0,\n      '!:last-child': '($layout-border-size, 1bw) solid #border bottom',\n    },\n\n    Inner: {\n      $: '>',\n      display: 'flex',\n      flow: 'column',\n      padding: '($content-padding, 1x)',\n      overflow: {\n        '': 'auto',\n        'scrollbar=none': 'clip',\n      },\n      placeSelf: 'stretch',\n      scrollbar: {\n        '': 'auto',\n        'scrollbar=thin': '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      $: '>',\n      position: 'absolute',\n      right: '1px',\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: '1px',\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});\n\nexport type ScrollbarType = 'default' | 'thin' | 'tiny' | 'none';\n\nexport interface CubeLayoutContentProps extends BaseProps, ContainerStyleProps {\n  /** Scrollbar style: 'default' | 'thin' | 'tiny' | 'none' */\n  scrollbar?: ScrollbarType;\n  children?: ReactNode;\n  /** Additional modifiers to apply */\n  mods?: Mods;\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\nfunction LayoutContent(\n  props: CubeLayoutContentProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  const {\n    children,\n    scrollbar = 'thin',\n    styles,\n    mods: externalMods,\n    innerRef: innerRefProp,\n    innerProps,\n    ...otherProps\n  } = props;\n  const outerStyles = extractStyles(otherProps, OUTER_STYLES);\n  const innerStyles = extractStyles(otherProps, INNER_STYLES);\n  const internalInnerRef = useRef<HTMLDivElement>(null);\n  const combinedInnerRef = useCombinedRefs(innerRefProp, internalInnerRef);\n  const combinedRef = useCombinedRefs(ref);\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  const scrollbarStyle = isTinyScrollbar\n    ? { ...handleVStyle, ...handleHStyle }\n    : {};\n\n  const mods = {\n    ...externalMods,\n    scrollbar,\n    hovered: isHovered,\n    scrolling: isScrolling,\n  };\n\n  // Merge styles: outer styles to root, inner styles to Inner element\n  const finalStyles = mergeStyles(\n    styles,\n    outerStyles,\n    innerStyles ? { Inner: innerStyles } : null,\n  );\n\n  return (\n    <ContentElement\n      ref={combinedRef}\n      {...filterBaseProps(otherProps, { eventProps: true })}\n      {...hoverProps}\n      mods={mods}\n      styles={finalStyles}\n      style={scrollbarStyle}\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    </ContentElement>\n  );\n}\n\nconst _LayoutContent = forwardRef(LayoutContent);\n\n_LayoutContent.displayName = 'Layout.Content';\n\nexport { _LayoutContent as LayoutContent };\n"],"mappings":";;;;;;;;;;;;AAyBA,MAAMkB,iBAAiBX,MAAM;CAC3BY,IAAI;CACJC,IAAI;CACJC,QAAQ;EACNC,WAAW;EACXC,UAAU;EACVC,SAAS;EACTC,aAAa;EACbC,UAAU;EACVC,cAAc;EACdC,YAAY;EACZC,WAAW;EACXC,UAAU;EACVC,YAAY;EACZC,QAAQ;EACRC,UAAU;EACVC,WAAW;EACXC,QAAQ;GACN,IAAI;GACJ,gBAAgB;GACjB;EAEDC,OAAO;GACLC,GAAG;GACHb,SAAS;GACTc,MAAM;GACNC,SAAS;GACTN,UAAU;IACR,IAAI;IACJ,kBAAkB;IACnB;GACDJ,WAAW;GACXW,WAAW;IACT,IAAI;IACJ,kBAAkB;IAClB,mCAAmC;IACpC;GAED,uBAAuB;GACxB;EAGDC,YAAY;GACVJ,GAAG;GACHd,UAAU;GACVmB,OAAO;GACPC,KAAK;GACLC,OAAO;GACPZ,QAAQ;GACRa,QAAQ;GACRC,MAAM;GACNC,SAAS;IACP,IAAI;IACJ,0CAA0C;IAC3C;GACDC,YAAY;GACZC,eAAe;GAChB;EAEDC,YAAY;GACVb,GAAG;GACHd,UAAU;GACV4B,QAAQ;GACRC,MAAM;GACNpB,QAAQ;GACRY,OAAO;GACPC,QAAQ;GACRC,MAAM;GACNC,SAAS;IACP,IAAI;IACJ,0CAA0C;IAC3C;GACDC,YAAY;GACZC,eAAe;GACjB;EACF;CACD,CAAC;AAgBF,SAAAW,cAAAC,OAAAC,KAAA;CAAA,MAAAzB,IAAA0B,EAAA,GAAA;CAIE,MAAA,EAAAR,UAAAf,WAAAwB,IAAA3C,QAAAmC,MAAAS,cAAAR,UAAAS,cAAAP,YAAA,GAAAQ,eAQIN;CANF,MAAArB,YAAAwB,OAAAI,SAAA,SAAAJ;CAOF,MAAAK,cAAoBtD,cAAcoD,YAAY7D,aAAa;CAC3D,MAAAgE,cAAoBvD,cAAcoD,YAAYhE,aAAa;CAC3D,MAAAoE,mBAAyB3D,OAAuB,KAAK;CACrD,MAAA4D,mBAAyB1D,gBAAgBoD,cAAcK,iBAAiB;CACxE,MAAAE,cAAoB3D,gBAAgBgD,IAAI;CACxC,MAAAY,kBAAwBlC,cAAc;CAAO,IAAAmC;AAAA,KAAAtC,EAAA,OAAAuC,OAAAC,IAAA,4BAAA,EAAA;AACFF,OAAA,EAAE;AAAAtC,IAAA,KAAAsC;OAAAA,MAAAtC,EAAA;CAA7C,MAAA,EAAAyC,YAAAC,cAAkClE,SAAS8D,GAAG;CAE9C,MAAA,EAAAK,cAAAC,cAAAC,cAAAC,cAAAC,gBAMIpE,iBAAiBuD,kBAAkBG,gBAAgB;CAAC,IAAAW;AAAA,KAAAhD,EAAA,OAAA4C,gBAAA5C,EAAA,OAAA2C,gBAAA3C,EAAA,OAAAqC,iBAAA;AAEjCW,OAAAX,kBAAA;GAAA,GACdM;GAAY,GAAKC;GACpB,GAFiB,EAEjB;AAAA5C,IAAA,KAAA4C;AAAA5C,IAAA,KAAA2C;AAAA3C,IAAA,KAAAqC;AAAArC,IAAA,KAAAgD;OAAAA,MAAAhD,EAAA;CAFN,MAAAiD,iBAAuBD;CAEhB,IAAAE;AAAA,KAAAlD,EAAA,OAAA4B,gBAAA5B,EAAA,OAAA0C,aAAA1C,EAAA,OAAA+C,eAAA/C,EAAA,OAAAG,WAAA;AAEM+C,OAAA;GAAA,GACRtB;GAAYzB;GAAAgD,SAENT;GAASU,WACPL;GACZ;AAAA/C,IAAA,KAAA4B;AAAA5B,IAAA,KAAA0C;AAAA1C,IAAA,KAAA+C;AAAA/C,IAAA,KAAAG;AAAAH,IAAA,KAAAkD;OAAAA,MAAAlD,EAAA;CALD,MAAAmB,OAAa+B;CAQb,MAAAG,cAAoBtF,YAClBiB,QACAgD,aACAC,cAAA,EAAAlC,OAAuBkC,aAAoB,GAA3C,KACD;CAGE,MAAAqB,KAAAzE;CAEK,MAAA0E,KAAA1F,gBAAgBiE,YAAY,EAAA0B,YAAc,MAAM,CAAC;CAAA,IAAAC;AAAA,KAAAzD,EAAA,QAAAkB,UAAA;AAOnDuC,OAAA,oBAAC,sBAAoBvC,WAA8B;AAAAlB,IAAA,MAAAkB;AAAAlB,IAAA,MAAAyD;OAAAA,MAAAzD,EAAA;CAAA,IAAA0D;AAAA,KAAA1D,EAAA,QAAAmC,oBAAAnC,EAAA,QAAAsB,cAAAtB,EAAA,QAAAyD,IAAA;AADrDC,OAAA,oBAAA;GAAUvB,KAAAA;GAA+B,gBAAA;GAAO,GAAKb;aACnDmC;IACI;AAAAzD,IAAA,MAAAmC;AAAAnC,IAAA,MAAAsB;AAAAtB,IAAA,MAAAyD;AAAAzD,IAAA,MAAA0D;OAAAA,MAAA1D,EAAA;CAAA,IAAA2D;AAAA,KAAA3D,EAAA,QAAA6C,gBAAA7C,EAAA,QAAAqC,iBAAA;AACLsB,OAAAtB,mBAAAQ,gBAAmC,oBAAA,SAAkB,gBAAA,eAAe;AAAA7C,IAAA,MAAA6C;AAAA7C,IAAA,MAAAqC;AAAArC,IAAA,MAAA2D;OAAAA,MAAA3D,EAAA;CAAA,IAAA4D;AAAA,KAAA5D,EAAA,QAAA8C,gBAAA9C,EAAA,QAAAqC,iBAAA;AACpEuB,OAAAvB,mBAAAS,gBAAmC,oBAAA,SAAkB,gBAAA,eAAe;AAAA9C,IAAA,MAAA8C;AAAA9C,IAAA,MAAAqC;AAAArC,IAAA,MAAA4D;OAAAA,MAAA5D,EAAA;CAAA,IAAA6D;AAAA,KAAA7D,EAAA,QAAAsD,MAAAtD,EAAA,QAAAoC,eAAApC,EAAA,QAAAqD,eAAArD,EAAA,QAAAyC,cAAAzC,EAAA,QAAAmB,QAAAnB,EAAA,QAAAiD,kBAAAjD,EAAA,QAAAuD,MAAAvD,EAAA,QAAA0D,MAAA1D,EAAA,QAAA2D,MAAA3D,EAAA,QAAA4D,IAAA;AAZvEC,OAAA,qBAAC;GACMzB,KAAAA;GAAW,GACZmB;GAAiD,GACjDd;GACEtB;GACEkC,QAAAA;GACDJ,OAAAA;;IAEPS;IAGCC;IACAC;;IACc;AAAA5D,IAAA,MAAAsD;AAAAtD,IAAA,MAAAoC;AAAApC,IAAA,MAAAqD;AAAArD,IAAA,MAAAyC;AAAAzC,IAAA,MAAAmB;AAAAnB,IAAA,MAAAiD;AAAAjD,IAAA,MAAAuD;AAAAvD,IAAA,MAAA0D;AAAA1D,IAAA,MAAA2D;AAAA3D,IAAA,MAAA4D;AAAA5D,IAAA,MAAA6D;OAAAA,MAAA7D,EAAA;AAAA,QAbjB6D;;AAiBJ,MAAMC,iBAAiB1F,WAAWmD,cAAc;AAEhDuC,eAAeC,cAAc"}
+{"version":3,"file":"LayoutContent.js","names":["BaseProps","ContainerStyleProps","filterBaseProps","INNER_STYLES","mergeStyles","Mods","OUTER_STYLES","tasty","ForwardedRef","forwardRef","HTMLAttributes","ReactNode","useRef","useHover","useCombinedRefs","extractStyles","useTinyScrollbar","LayoutContextReset","ContentElement","as","qa","styles","container","position","display","gridColumns","gridRows","placeContent","placeItems","placeSelf","flexGrow","flexShrink","height","overflow","boxSizing","border","Inner","$","flow","padding","scrollbar","ScrollbarV","right","top","width","radius","fill","opacity","transition","pointerEvents","ScrollbarH","bottom","left","ScrollbarType","CubeLayoutContentProps","children","mods","innerRef","HTMLDivElement","innerProps","LayoutContent","props","ref","_c","t0","externalMods","innerRefProp","otherProps","undefined","outerStyles","innerStyles","internalInnerRef","combinedInnerRef","combinedRef","isTinyScrollbar","t1","Symbol","for","hoverProps","isHovered","handleVStyle","handleHStyle","hasOverflowY","hasOverflowX","isScrolling","t2","scrollbarStyle","t3","hovered","scrolling","finalStyles","T0","t4","eventProps","t5","t6","t7","t8","t9","_LayoutContent","displayName","_c"],"sources":["../../../../src/components/content/Layout/LayoutContent.tsx"],"sourcesContent":["import {\n  BaseProps,\n  ContainerStyleProps,\n  filterBaseProps,\n  INNER_STYLES,\n  mergeStyles,\n  Mods,\n  OUTER_STYLES,\n  tasty,\n} from '@tenphi/tasty';\nimport {\n  ForwardedRef,\n  forwardRef,\n  HTMLAttributes,\n  ReactNode,\n  useRef,\n} from 'react';\nimport { useHover } from 'react-aria';\n\nimport { useCombinedRefs } from '../../../utils/react';\nimport { extractStyles } from '../../../utils/styles';\n\nimport { useTinyScrollbar } from './hooks/useTinyScrollbar';\nimport { LayoutContextReset } from './LayoutContext';\n\nconst ContentElement = tasty({\n  as: 'div',\n  qa: 'LayoutContent',\n  styles: {\n    container: 'content / inline-size',\n    position: 'relative',\n    display: 'grid',\n    gridColumns: '1sf',\n    gridRows: '1sf',\n    placeContent: 'stretch',\n    placeItems: 'stretch',\n    placeSelf: 'stretch',\n    flexGrow: 1,\n    flexShrink: 1,\n    height: 'min 0',\n    overflow: 'hidden',\n    boxSizing: 'content-box',\n    border: {\n      '': 0,\n      '!:last-child': '($layout-border-size, 1bw) solid #border bottom',\n    },\n\n    Inner: {\n      $: '>',\n      display: 'flex',\n      flow: 'column',\n      padding: '($content-padding, 1x)',\n      overflow: {\n        '': 'auto',\n        'scrollbar=none': 'clip',\n      },\n      placeSelf: 'stretch',\n      scrollbar: {\n        '': 'auto',\n        'scrollbar=thin': '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      $: '>',\n      position: 'absolute',\n      right: '1px',\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: '1px',\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});\n\nexport type ScrollbarType = 'default' | 'thin' | 'tiny' | 'none';\n\nexport interface CubeLayoutContentProps extends BaseProps, ContainerStyleProps {\n  /** Scrollbar style: 'default' | 'thin' | 'tiny' | 'none' */\n  scrollbar?: ScrollbarType;\n  children?: ReactNode;\n  /** Additional modifiers to apply */\n  mods?: Mods;\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\nfunction LayoutContent(\n  props: CubeLayoutContentProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  const {\n    children,\n    scrollbar = 'thin',\n    styles,\n    mods: externalMods,\n    innerRef: innerRefProp,\n    innerProps,\n    ...otherProps\n  } = props;\n  const outerStyles = extractStyles(otherProps, OUTER_STYLES);\n  const innerStyles = extractStyles(otherProps, INNER_STYLES);\n  const internalInnerRef = useRef<HTMLDivElement>(null);\n  const combinedInnerRef = useCombinedRefs(innerRefProp, internalInnerRef);\n  const combinedRef = useCombinedRefs(ref);\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  const scrollbarStyle = isTinyScrollbar\n    ? { ...handleVStyle, ...handleHStyle }\n    : {};\n\n  const mods = {\n    ...externalMods,\n    scrollbar,\n    hovered: isHovered,\n    scrolling: isScrolling,\n  };\n\n  // Merge styles: outer styles to root, inner styles to Inner element\n  const finalStyles = mergeStyles(\n    styles,\n    outerStyles,\n    innerStyles ? { Inner: innerStyles } : null,\n  );\n\n  return (\n    <ContentElement\n      ref={combinedRef}\n      {...filterBaseProps(otherProps, { eventProps: true })}\n      {...hoverProps}\n      mods={mods}\n      styles={finalStyles}\n      style={scrollbarStyle}\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    </ContentElement>\n  );\n}\n\nconst _LayoutContent = forwardRef(LayoutContent);\n\n_LayoutContent.displayName = 'Layout.Content';\n\nexport { _LayoutContent as LayoutContent };\n"],"mappings":"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"}

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

@@ -1,8 +1,6 @@
 
 import { MutableRefObject, ReactNode } from "react";
-
 //#region src/components/content/Layout/LayoutContext.d.ts
-type Side = 'left' | 'top' | 'right' | 'bottom';
+export type Side = 'left' | 'top' | 'right' | 'bottom';
 //#endregion
-export { Side };
 //# sourceMappingURL=LayoutContext.d.ts.map

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

@@ -1,9 +1,8 @@
-/** @license MIT | @cube-dev/ui-kit v0.197.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.198.0 | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { c } from "react/compiler-runtime";
 import { createContext, useContext, useRef, useState } from "react";
 import { jsx } from "react/jsx-runtime";
-
 //#region src/components/content/Layout/LayoutContext.tsx
 const LayoutRefsContext = createContext(null);
 function useLayoutRefsContext() {
@@ -316,7 +315,7 @@ const LayoutPanelContext = createContext(null);
 function useLayoutPanelContext() {
 	return useContext(LayoutPanelContext);
 }
-
 //#endregion
 export { LayoutActionsContext, LayoutContextReset, LayoutNestedContext, LayoutPanelContext, LayoutPanelTransitionContext, LayoutProvider, LayoutRefsContext, LayoutStateContext, useLayoutActionsContext, useLayoutPanelContext, useLayoutRefsContext, useLayoutStateContext };
+
 //# sourceMappingURL=LayoutContext.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"LayoutContext.js","names":["createContext","MutableRefObject","ReactNode","useCallback","useContext","useMemo","useRef","useState","useEvent","Side","LayoutRefsContextValue","panelContainerRef","HTMLDivElement","isPanelContainerReady","setPanelContainer","element","LayoutRefsContext","useLayoutRefsContext","OverlayDismissCallback","LayoutActionsContextValue","registerPanel","side","size","unregisterPanel","updatePanelSize","setDragging","isDragging","markReady","updateContainerSize","width","height","registerOverlayPanel","dismiss","dismissOverlayPanels","hasTransition","minContentSize","LayoutStateContextValue","panelSizes","Record","isReady","hasOverlayPanels","containerWidth","containerHeight","LayoutActionsContext","LayoutStateContext","LayoutPanelTransitionContext","isClippingPanels","registerPanelTransition","useLayoutActionsContext","useLayoutStateContext","LayoutContextValue","useLayoutContext","$","_c","actions","state","refs","t0","LayoutProviderProps","children","LayoutProvider","t1","t2","undefined","t3","Symbol","for","Set","registeredPanels","t4","overlayPanelCallbacks","setIsPanelContainerReady","t5","current","t6","left","top","right","bottom","setPanelSizes","setIsDragging","setIsReady","setHasOverlayPanels","panelTransitionCount","setPanelTransitionCount","setContainerWidth","setContainerHeight","t7","prev","t8","side_0","size_0","has","Error","isHorizontal","conflictingSides","conflictSide","add","t9","side_1","delete","t10","dragging","t11","t12","t13","forEach","_temp","t14","_temp2","_temp3","t15","prev_0","prev_1","t16","actionsValue","t17","stateValue","t18","refsValue","t19","t20","t21","t22","t23","t24","count_0","count","dismiss_0","LayoutNestedContext","LayoutContextReset","LayoutPanelContextValue","onOpenChange","isOpen","LayoutPanelContext","useLayoutPanelContext"],"sources":["../../../../src/components/content/Layout/LayoutContext.tsx"],"sourcesContent":["import {\n  createContext,\n  MutableRefObject,\n  ReactNode,\n  useCallback,\n  useContext,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\n\nimport { useEvent } from '../../../_internal/hooks';\n\nexport type Side = 'left' | 'top' | 'right' | 'bottom';\n\n/**\n * Refs context - stable refs that don't change and don't trigger re-renders.\n * Provides portal container ref for panels to render into.\n */\nexport interface LayoutRefsContextValue {\n  /** Container element ref for panels to portal into */\n  panelContainerRef: MutableRefObject<HTMLDivElement | null>;\n  /** Whether the panel container is mounted and ready for portals */\n  isPanelContainerReady: boolean;\n  /** Callback ref to set on the panel container element */\n  setPanelContainer: (element: HTMLDivElement | null) => void;\n}\n\nexport const LayoutRefsContext = createContext<LayoutRefsContextValue | null>(\n  null,\n);\n\nexport function useLayoutRefsContext(): LayoutRefsContextValue | null {\n  return useContext(LayoutRefsContext);\n}\n\n/** Callback to dismiss an overlay panel */\nexport type OverlayDismissCallback = () => void;\n\n/**\n * Actions context - stable functions and configuration that don't change.\n * Separating these from state prevents unnecessary re-renders when only state changes.\n */\nexport interface LayoutActionsContextValue {\n  /** Register a panel on a specific side with initial size */\n  registerPanel: (side: Side, size: number) => void;\n  /** Unregister a panel from a specific side */\n  unregisterPanel: (side: Side) => void;\n  /** Update the size of a registered panel */\n  updatePanelSize: (side: Side, size: number) => void;\n  /** Set global dragging state (when any panel is being resized) */\n  setDragging: (isDragging: boolean) => void;\n  /** Mark the layout as ready (after initial mount) */\n  markReady: () => void;\n  /** Update the container dimensions (called from ResizeObserver) */\n  updateContainerSize: (width: number, height: number) => void;\n  /** Register an overlay panel's dismiss callback. Returns unregister function. */\n  registerOverlayPanel: (dismiss: OverlayDismissCallback) => () => void;\n  /** Dismiss all overlay panels */\n  dismissOverlayPanels: () => void;\n  /** Whether transitions are enabled for panels (stable config value) */\n  hasTransition: boolean;\n  /** Minimum size reserved for the content area between panels */\n  minContentSize: number;\n}\n\n/** State context - reactive state that triggers re-renders */\nexport interface LayoutStateContextValue {\n  panelSizes: Record<Side, number>;\n  isDragging: boolean;\n  isReady: boolean;\n  hasOverlayPanels: boolean;\n  containerWidth: number;\n  containerHeight: number;\n}\n\nexport const LayoutActionsContext =\n  createContext<LayoutActionsContextValue | null>(null);\nexport const LayoutStateContext = createContext<LayoutStateContextValue | null>(\n  null,\n);\n\n/** Private transition coordination; not part of the public Layout context API. */\nexport const LayoutPanelTransitionContext = createContext<{\n  isClippingPanels: boolean;\n  registerPanelTransition: () => () => void;\n} | null>(null);\n\nexport function useLayoutActionsContext(): LayoutActionsContextValue | null {\n  return useContext(LayoutActionsContext);\n}\n\nexport function useLayoutStateContext(): LayoutStateContextValue | null {\n  return useContext(LayoutStateContext);\n}\n\n/** Combined layout context value for convenience */\nexport interface LayoutContextValue\n  extends LayoutActionsContextValue,\n    LayoutStateContextValue,\n    LayoutRefsContextValue {}\n\n/**\n * Combined hook that returns all layout context values.\n * Convenience wrapper around the individual context hooks.\n * Returns null if used outside of a Layout component.\n */\nexport function useLayoutContext(): LayoutContextValue | null {\n  const actions = useLayoutActionsContext();\n  const state = useLayoutStateContext();\n  const refs = useLayoutRefsContext();\n\n  if (!actions || !state || !refs) {\n    return null;\n  }\n\n  return { ...actions, ...state, ...refs };\n}\n\nexport interface LayoutProviderProps {\n  children: ReactNode;\n  /** Whether transitions are enabled for panels */\n  hasTransition?: boolean;\n  /** Minimum size reserved for the content area between panels. Default: 320 */\n  minContentSize?: number;\n}\n\nexport function LayoutProvider({\n  children,\n  hasTransition = false,\n  minContentSize = 320,\n}: LayoutProviderProps) {\n  const registeredPanels = useRef<Set<Side>>(new Set());\n  const overlayPanelCallbacks = useRef<Set<OverlayDismissCallback>>(new Set());\n  const panelContainerRef = useRef<HTMLDivElement | null>(null);\n  const [isPanelContainerReady, setIsPanelContainerReady] = useState(false);\n\n  // Callback ref for panel container - triggers re-render when container mounts\n  const setPanelContainer = useEvent((element: HTMLDivElement | null) => {\n    panelContainerRef.current = element;\n    setIsPanelContainerReady(element !== null);\n  });\n\n  const [panelSizes, setPanelSizes] = useState<Record<Side, number>>({\n    left: 0,\n    top: 0,\n    right: 0,\n    bottom: 0,\n  });\n  const [isDragging, setIsDragging] = useState(false);\n  const [isReady, setIsReady] = useState(false);\n  const [hasOverlayPanels, setHasOverlayPanels] = useState(false);\n  const [panelTransitionCount, setPanelTransitionCount] = useState(0);\n  const [containerWidth, setContainerWidth] = useState(0);\n  const [containerHeight, setContainerHeight] = useState(0);\n\n  const updatePanelSize = useEvent((side: Side, size: number) => {\n    setPanelSizes((prev) => {\n      if (prev[side] === size) return prev;\n      return { ...prev, [side]: size };\n    });\n  });\n\n  const registerPanel = useEvent((side: Side, size: number) => {\n    if (registeredPanels.current.has(side)) {\n      throw new Error(\n        `Layout: Only one panel per side is allowed. ` +\n          `A panel is already registered on the \"${side}\" side.`,\n      );\n    }\n\n    // Check for axis conflict\n    const isHorizontal = side === 'left' || side === 'right';\n    const conflictingSides: Side[] = isHorizontal\n      ? ['top', 'bottom']\n      : ['left', 'right'];\n\n    for (const conflictSide of conflictingSides) {\n      if (registeredPanels.current.has(conflictSide)) {\n        throw new Error(\n          `Layout: Panels from different axes cannot be combined. ` +\n            `Cannot register \"${side}\" panel when \"${conflictSide}\" panel exists. ` +\n            `Use either horizontal (left/right) or vertical (top/bottom) panels.`,\n        );\n      }\n    }\n\n    registeredPanels.current.add(side);\n    updatePanelSize(side, size);\n  });\n\n  const unregisterPanel = useEvent((side: Side) => {\n    registeredPanels.current.delete(side);\n    updatePanelSize(side, 0);\n  });\n\n  const setDragging = useEvent((dragging: boolean) => {\n    setIsDragging(dragging);\n  });\n\n  const markReady = useEvent(() => {\n    setIsReady(true);\n  });\n\n  const registerOverlayPanel = useEvent((dismiss: OverlayDismissCallback) => {\n    overlayPanelCallbacks.current.add(dismiss);\n    setHasOverlayPanels(true);\n\n    // Return unregister function\n    return () => {\n      overlayPanelCallbacks.current.delete(dismiss);\n      setHasOverlayPanels(overlayPanelCallbacks.current.size > 0);\n    };\n  });\n\n  const dismissOverlayPanels = useEvent(() => {\n    overlayPanelCallbacks.current.forEach((dismiss) => dismiss());\n  });\n\n  const registerPanelTransition = useCallback(() => {\n    setPanelTransitionCount((count) => count + 1);\n    return () => setPanelTransitionCount((count) => count - 1);\n  }, [setPanelTransitionCount]);\n\n  const updateContainerSize = useEvent((width: number, height: number) => {\n    setContainerWidth((prev) => (prev === width ? prev : width));\n    setContainerHeight((prev) => (prev === height ? prev : height));\n  });\n\n  // Actions context - stable because all callbacks use useEvent\n  const actionsValue = useMemo(\n    () => ({\n      registerPanel,\n      unregisterPanel,\n      updatePanelSize,\n      setDragging,\n      markReady,\n      updateContainerSize,\n      hasTransition,\n      minContentSize,\n      registerOverlayPanel,\n      dismissOverlayPanels,\n    }),\n    // Only hasTransition and minContentSize can change - the callbacks are\n    // stable useEvent ones, listed so React Compiler can preserve the memo.\n    [\n      registerPanel,\n      unregisterPanel,\n      updatePanelSize,\n      setDragging,\n      markReady,\n      updateContainerSize,\n      hasTransition,\n      minContentSize,\n      registerOverlayPanel,\n      dismissOverlayPanels,\n    ],\n  );\n\n  // State context - changes when state updates\n  const stateValue = useMemo(\n    () => ({\n      panelSizes,\n      isDragging,\n      isReady,\n      hasOverlayPanels,\n      containerWidth,\n      containerHeight,\n    }),\n    [\n      panelSizes,\n      isDragging,\n      isReady,\n      hasOverlayPanels,\n      containerWidth,\n      containerHeight,\n    ],\n  );\n\n  // Refs context - includes container ready state\n  const refsValue = useMemo(\n    () => ({\n      panelContainerRef,\n      isPanelContainerReady,\n      setPanelContainer,\n    }),\n    [isPanelContainerReady, setPanelContainer],\n  );\n\n  return (\n    <LayoutRefsContext.Provider value={refsValue}>\n      <LayoutActionsContext.Provider value={actionsValue}>\n        <LayoutStateContext.Provider value={stateValue}>\n          <LayoutPanelTransitionContext.Provider\n            value={{\n              isClippingPanels: panelTransitionCount > 0,\n              registerPanelTransition,\n            }}\n          >\n            {children}\n          </LayoutPanelTransitionContext.Provider>\n        </LayoutStateContext.Provider>\n      </LayoutActionsContext.Provider>\n    </LayoutRefsContext.Provider>\n  );\n}\n\n/**\n * Private: `true` inside a Layout region (Content, Pane, Panel and the other\n * parts that reset the context) and inside a Layout that is itself nested, so\n * a footer rendered there is not page-level. Not reset by `LayoutContextReset`,\n * and not part of the public Layout context API.\n */\nexport const LayoutNestedContext = createContext(false);\n\n/**\n * Provider that resets the layout context for sub-components.\n * Used to prevent panels in nested Layouts from affecting parent layouts.\n */\nexport function LayoutContextReset({ children }: { children: ReactNode }) {\n  return (\n    <LayoutNestedContext.Provider value>\n      <LayoutRefsContext.Provider value={null}>\n        <LayoutActionsContext.Provider value={null}>\n          <LayoutStateContext.Provider value={null}>\n            <LayoutPanelTransitionContext.Provider value={null}>\n              {children}\n            </LayoutPanelTransitionContext.Provider>\n          </LayoutStateContext.Provider>\n        </LayoutActionsContext.Provider>\n      </LayoutRefsContext.Provider>\n    </LayoutNestedContext.Provider>\n  );\n}\n\n// Panel context - provides panel-level callbacks to child components\nexport interface LayoutPanelContextValue {\n  /** Callback to change the panel's open state */\n  onOpenChange: (isOpen: boolean) => void;\n  /** Current open state of the panel */\n  isOpen: boolean;\n}\n\nexport const LayoutPanelContext = createContext<LayoutPanelContextValue | null>(\n  null,\n);\n\nexport function useLayoutPanelContext(): LayoutPanelContextValue | null {\n  return useContext(LayoutPanelContext);\n}\n"],"mappings":"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"}
+{"version":3,"file":"LayoutContext.js","names":["createContext","MutableRefObject","ReactNode","useCallback","useContext","useMemo","useRef","useState","useEvent","Side","LayoutRefsContextValue","panelContainerRef","HTMLDivElement","isPanelContainerReady","setPanelContainer","element","LayoutRefsContext","useLayoutRefsContext","OverlayDismissCallback","LayoutActionsContextValue","registerPanel","side","size","unregisterPanel","updatePanelSize","setDragging","isDragging","markReady","updateContainerSize","width","height","registerOverlayPanel","dismiss","dismissOverlayPanels","hasTransition","minContentSize","LayoutStateContextValue","panelSizes","Record","isReady","hasOverlayPanels","containerWidth","containerHeight","LayoutActionsContext","LayoutStateContext","LayoutPanelTransitionContext","isClippingPanels","registerPanelTransition","useLayoutActionsContext","useLayoutStateContext","LayoutContextValue","useLayoutContext","$","_c","actions","state","refs","t0","LayoutProviderProps","children","LayoutProvider","t1","t2","undefined","t3","Symbol","for","Set","registeredPanels","t4","overlayPanelCallbacks","setIsPanelContainerReady","t5","current","t6","left","top","right","bottom","setPanelSizes","setIsDragging","setIsReady","setHasOverlayPanels","panelTransitionCount","setPanelTransitionCount","setContainerWidth","setContainerHeight","t7","prev","t8","side_0","size_0","has","Error","isHorizontal","conflictingSides","conflictSide","add","t9","side_1","delete","t10","dragging","t11","t12","t13","forEach","_temp","t14","_temp2","_temp3","t15","prev_0","prev_1","t16","actionsValue","t17","stateValue","t18","refsValue","t19","t20","t21","t22","t23","t24","count_0","count","dismiss_0","LayoutNestedContext","LayoutContextReset","LayoutPanelContextValue","onOpenChange","isOpen","LayoutPanelContext","useLayoutPanelContext","_c"],"sources":["../../../../src/components/content/Layout/LayoutContext.tsx"],"sourcesContent":["import {\n  createContext,\n  MutableRefObject,\n  ReactNode,\n  useCallback,\n  useContext,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\n\nimport { useEvent } from '../../../_internal/hooks';\n\nexport type Side = 'left' | 'top' | 'right' | 'bottom';\n\n/**\n * Refs context - stable refs that don't change and don't trigger re-renders.\n * Provides portal container ref for panels to render into.\n */\nexport interface LayoutRefsContextValue {\n  /** Container element ref for panels to portal into */\n  panelContainerRef: MutableRefObject<HTMLDivElement | null>;\n  /** Whether the panel container is mounted and ready for portals */\n  isPanelContainerReady: boolean;\n  /** Callback ref to set on the panel container element */\n  setPanelContainer: (element: HTMLDivElement | null) => void;\n}\n\nexport const LayoutRefsContext = createContext<LayoutRefsContextValue | null>(\n  null,\n);\n\nexport function useLayoutRefsContext(): LayoutRefsContextValue | null {\n  return useContext(LayoutRefsContext);\n}\n\n/** Callback to dismiss an overlay panel */\nexport type OverlayDismissCallback = () => void;\n\n/**\n * Actions context - stable functions and configuration that don't change.\n * Separating these from state prevents unnecessary re-renders when only state changes.\n */\nexport interface LayoutActionsContextValue {\n  /** Register a panel on a specific side with initial size */\n  registerPanel: (side: Side, size: number) => void;\n  /** Unregister a panel from a specific side */\n  unregisterPanel: (side: Side) => void;\n  /** Update the size of a registered panel */\n  updatePanelSize: (side: Side, size: number) => void;\n  /** Set global dragging state (when any panel is being resized) */\n  setDragging: (isDragging: boolean) => void;\n  /** Mark the layout as ready (after initial mount) */\n  markReady: () => void;\n  /** Update the container dimensions (called from ResizeObserver) */\n  updateContainerSize: (width: number, height: number) => void;\n  /** Register an overlay panel's dismiss callback. Returns unregister function. */\n  registerOverlayPanel: (dismiss: OverlayDismissCallback) => () => void;\n  /** Dismiss all overlay panels */\n  dismissOverlayPanels: () => void;\n  /** Whether transitions are enabled for panels (stable config value) */\n  hasTransition: boolean;\n  /** Minimum size reserved for the content area between panels */\n  minContentSize: number;\n}\n\n/** State context - reactive state that triggers re-renders */\nexport interface LayoutStateContextValue {\n  panelSizes: Record<Side, number>;\n  isDragging: boolean;\n  isReady: boolean;\n  hasOverlayPanels: boolean;\n  containerWidth: number;\n  containerHeight: number;\n}\n\nexport const LayoutActionsContext =\n  createContext<LayoutActionsContextValue | null>(null);\nexport const LayoutStateContext = createContext<LayoutStateContextValue | null>(\n  null,\n);\n\n/** Private transition coordination; not part of the public Layout context API. */\nexport const LayoutPanelTransitionContext = createContext<{\n  isClippingPanels: boolean;\n  registerPanelTransition: () => () => void;\n} | null>(null);\n\nexport function useLayoutActionsContext(): LayoutActionsContextValue | null {\n  return useContext(LayoutActionsContext);\n}\n\nexport function useLayoutStateContext(): LayoutStateContextValue | null {\n  return useContext(LayoutStateContext);\n}\n\n/** Combined layout context value for convenience */\nexport interface LayoutContextValue\n  extends\n    LayoutActionsContextValue,\n    LayoutStateContextValue,\n    LayoutRefsContextValue {}\n\n/**\n * Combined hook that returns all layout context values.\n * Convenience wrapper around the individual context hooks.\n * Returns null if used outside of a Layout component.\n */\nexport function useLayoutContext(): LayoutContextValue | null {\n  const actions = useLayoutActionsContext();\n  const state = useLayoutStateContext();\n  const refs = useLayoutRefsContext();\n\n  if (!actions || !state || !refs) {\n    return null;\n  }\n\n  return { ...actions, ...state, ...refs };\n}\n\nexport interface LayoutProviderProps {\n  children: ReactNode;\n  /** Whether transitions are enabled for panels */\n  hasTransition?: boolean;\n  /** Minimum size reserved for the content area between panels. Default: 320 */\n  minContentSize?: number;\n}\n\nexport function LayoutProvider({\n  children,\n  hasTransition = false,\n  minContentSize = 320,\n}: LayoutProviderProps) {\n  const registeredPanels = useRef<Set<Side>>(new Set());\n  const overlayPanelCallbacks = useRef<Set<OverlayDismissCallback>>(new Set());\n  const panelContainerRef = useRef<HTMLDivElement | null>(null);\n  const [isPanelContainerReady, setIsPanelContainerReady] = useState(false);\n\n  // Callback ref for panel container - triggers re-render when container mounts\n  const setPanelContainer = useEvent((element: HTMLDivElement | null) => {\n    panelContainerRef.current = element;\n    setIsPanelContainerReady(element !== null);\n  });\n\n  const [panelSizes, setPanelSizes] = useState<Record<Side, number>>({\n    left: 0,\n    top: 0,\n    right: 0,\n    bottom: 0,\n  });\n  const [isDragging, setIsDragging] = useState(false);\n  const [isReady, setIsReady] = useState(false);\n  const [hasOverlayPanels, setHasOverlayPanels] = useState(false);\n  const [panelTransitionCount, setPanelTransitionCount] = useState(0);\n  const [containerWidth, setContainerWidth] = useState(0);\n  const [containerHeight, setContainerHeight] = useState(0);\n\n  const updatePanelSize = useEvent((side: Side, size: number) => {\n    setPanelSizes((prev) => {\n      if (prev[side] === size) return prev;\n      return { ...prev, [side]: size };\n    });\n  });\n\n  const registerPanel = useEvent((side: Side, size: number) => {\n    if (registeredPanels.current.has(side)) {\n      throw new Error(\n        `Layout: Only one panel per side is allowed. ` +\n          `A panel is already registered on the \"${side}\" side.`,\n      );\n    }\n\n    // Check for axis conflict\n    const isHorizontal = side === 'left' || side === 'right';\n    const conflictingSides: Side[] = isHorizontal\n      ? ['top', 'bottom']\n      : ['left', 'right'];\n\n    for (const conflictSide of conflictingSides) {\n      if (registeredPanels.current.has(conflictSide)) {\n        throw new Error(\n          `Layout: Panels from different axes cannot be combined. ` +\n            `Cannot register \"${side}\" panel when \"${conflictSide}\" panel exists. ` +\n            `Use either horizontal (left/right) or vertical (top/bottom) panels.`,\n        );\n      }\n    }\n\n    registeredPanels.current.add(side);\n    updatePanelSize(side, size);\n  });\n\n  const unregisterPanel = useEvent((side: Side) => {\n    registeredPanels.current.delete(side);\n    updatePanelSize(side, 0);\n  });\n\n  const setDragging = useEvent((dragging: boolean) => {\n    setIsDragging(dragging);\n  });\n\n  const markReady = useEvent(() => {\n    setIsReady(true);\n  });\n\n  const registerOverlayPanel = useEvent((dismiss: OverlayDismissCallback) => {\n    overlayPanelCallbacks.current.add(dismiss);\n    setHasOverlayPanels(true);\n\n    // Return unregister function\n    return () => {\n      overlayPanelCallbacks.current.delete(dismiss);\n      setHasOverlayPanels(overlayPanelCallbacks.current.size > 0);\n    };\n  });\n\n  const dismissOverlayPanels = useEvent(() => {\n    overlayPanelCallbacks.current.forEach((dismiss) => dismiss());\n  });\n\n  const registerPanelTransition = useCallback(() => {\n    setPanelTransitionCount((count) => count + 1);\n    return () => setPanelTransitionCount((count) => count - 1);\n  }, [setPanelTransitionCount]);\n\n  const updateContainerSize = useEvent((width: number, height: number) => {\n    setContainerWidth((prev) => (prev === width ? prev : width));\n    setContainerHeight((prev) => (prev === height ? prev : height));\n  });\n\n  // Actions context - stable because all callbacks use useEvent\n  const actionsValue = useMemo(\n    () => ({\n      registerPanel,\n      unregisterPanel,\n      updatePanelSize,\n      setDragging,\n      markReady,\n      updateContainerSize,\n      hasTransition,\n      minContentSize,\n      registerOverlayPanel,\n      dismissOverlayPanels,\n    }),\n    // Only hasTransition and minContentSize can change - the callbacks are\n    // stable useEvent ones, listed so React Compiler can preserve the memo.\n    [\n      registerPanel,\n      unregisterPanel,\n      updatePanelSize,\n      setDragging,\n      markReady,\n      updateContainerSize,\n      hasTransition,\n      minContentSize,\n      registerOverlayPanel,\n      dismissOverlayPanels,\n    ],\n  );\n\n  // State context - changes when state updates\n  const stateValue = useMemo(\n    () => ({\n      panelSizes,\n      isDragging,\n      isReady,\n      hasOverlayPanels,\n      containerWidth,\n      containerHeight,\n    }),\n    [\n      panelSizes,\n      isDragging,\n      isReady,\n      hasOverlayPanels,\n      containerWidth,\n      containerHeight,\n    ],\n  );\n\n  // Refs context - includes container ready state\n  const refsValue = useMemo(\n    () => ({\n      panelContainerRef,\n      isPanelContainerReady,\n      setPanelContainer,\n    }),\n    [isPanelContainerReady, setPanelContainer],\n  );\n\n  return (\n    <LayoutRefsContext.Provider value={refsValue}>\n      <LayoutActionsContext.Provider value={actionsValue}>\n        <LayoutStateContext.Provider value={stateValue}>\n          <LayoutPanelTransitionContext.Provider\n            value={{\n              isClippingPanels: panelTransitionCount > 0,\n              registerPanelTransition,\n            }}\n          >\n            {children}\n          </LayoutPanelTransitionContext.Provider>\n        </LayoutStateContext.Provider>\n      </LayoutActionsContext.Provider>\n    </LayoutRefsContext.Provider>\n  );\n}\n\n/**\n * Private: `true` inside a Layout region (Content, Pane, Panel and the other\n * parts that reset the context) and inside a Layout that is itself nested, so\n * a footer rendered there is not page-level. Not reset by `LayoutContextReset`,\n * and not part of the public Layout context API.\n */\nexport const LayoutNestedContext = createContext(false);\n\n/**\n * Provider that resets the layout context for sub-components.\n * Used to prevent panels in nested Layouts from affecting parent layouts.\n */\nexport function LayoutContextReset({ children }: { children: ReactNode }) {\n  return (\n    <LayoutNestedContext.Provider value>\n      <LayoutRefsContext.Provider value={null}>\n        <LayoutActionsContext.Provider value={null}>\n          <LayoutStateContext.Provider value={null}>\n            <LayoutPanelTransitionContext.Provider value={null}>\n              {children}\n            </LayoutPanelTransitionContext.Provider>\n          </LayoutStateContext.Provider>\n        </LayoutActionsContext.Provider>\n      </LayoutRefsContext.Provider>\n    </LayoutNestedContext.Provider>\n  );\n}\n\n// Panel context - provides panel-level callbacks to child components\nexport interface LayoutPanelContextValue {\n  /** Callback to change the panel's open state */\n  onOpenChange: (isOpen: boolean) => void;\n  /** Current open state of the panel */\n  isOpen: boolean;\n}\n\nexport const LayoutPanelContext = createContext<LayoutPanelContextValue | null>(\n  null,\n);\n\nexport function useLayoutPanelContext(): LayoutPanelContextValue | null {\n  return useContext(LayoutPanelContext);\n}\n"],"mappings":";;;;;;AA4BA,MAAagB,oBAAoBhB,cAC/B,IACF;AAEA,SAAOiB,uBAAA;CAAA,OACEb,WAAWY,iBAAiB;AAAC;AA2CtC,MAAa2B,uBACX3C,cAAgD,IAAI;AACtD,MAAa4C,qBAAqB5C,cAChC,IACF;;AAGA,MAAa6C,+BAA+B7C,cAGlC,IAAI;AAEd,SAAOgD,0BAAA;CAAA,OACE5C,WAAWuC,oBAAoB;AAAC;AAGzC,SAAOM,wBAAA;CAAA,OACE7C,WAAWwC,kBAAkB;AAAC;AAmCvC,SAAOgB,eAAAH,IAAA;CAAA,MAAAL,IAAAC,EAAA,EAAA;CAAwB,MAAA,EAAAM,UAAAzB,eAAA2B,IAAA1B,gBAAA2B,OAAAL;CAE7B,MAAAvB,gBAAA2B,OAAAE,KAAAA,IAAA,QAAAF;CACA,MAAA1B,iBAAA2B,OAAAC,KAAAA,IAAA,MAAAD;CAAoB,IAAAE;CAAA,IAAAZ,EAAA,OAAAa,OAAAC,IAAA,2BAAA,GAAA;EAEuBF,qBAAA,IAAIG,IAAI;EAACf,EAAA,KAAAY;CAAA,OAAAA,KAAAZ,EAAA;CAApD,MAAAgB,mBAAyB9D,OAAkB0D,EAAS;CAAE,IAAAK;CAAA,IAAAjB,EAAA,OAAAa,OAAAC,IAAA,2BAAA,GAAA;EACYG,qBAAA,IAAIF,IAAI;EAACf,EAAA,KAAAiB;CAAA,OAAAA,KAAAjB,EAAA;CAA3E,MAAAkB,wBAA8BhE,OAAoC+D,EAAS;CAC3E,MAAA1D,oBAA0BL,OAA8B,IAAI;CAC5D,MAAA,CAAAO,uBAAA0D,4BAA0DhE,SAAS,KAAK;CAAE,IAAAiE;CAAA,IAAApB,EAAA,OAAAa,OAAAC,IAAA,2BAAA,GAAA;EAGvCM,MAAAzD,YAAA;GACjCJ,kBAAiB8D,UAAW1D;GAC5BwD,yBAAyBxD,YAAY,IAAI;EAAC;EAC3CqC,EAAA,KAAAoB;CAAA,OAAAA,KAAApB,EAAA;CAHD,MAAAtC,oBAA0BN,SAASgE,EAGlC;CAAE,IAAAE;CAAA,IAAAtB,EAAA,OAAAa,OAAAC,IAAA,2BAAA,GAAA;EAEgEQ,KAAA;GAAAC,MAC3D;GAACC,KACF;GAACC,OACC;GAACC,QACA;EACV;EAAC1B,EAAA,KAAAsB;CAAA,OAAAA,KAAAtB,EAAA;CALD,MAAA,CAAAf,YAAA0C,iBAAoCxE,SAA+BmE,EAKlE;CACD,MAAA,CAAAhD,YAAAsD,iBAAoCzE,SAAS,KAAK;CAClD,MAAA,CAAAgC,SAAA0C,cAA8B1E,SAAS,KAAK;CAC5C,MAAA,CAAAiC,kBAAA0C,uBAAgD3E,SAAS,KAAK;CAC9D,MAAA,CAAA4E,sBAAAC,2BAAwD7E,SAAS,CAAC;CAClE,MAAA,CAAAkC,gBAAA4C,qBAA4C9E,SAAS,CAAC;CACtD,MAAA,CAAAmC,iBAAA4C,sBAA8C/E,SAAS,CAAC;CAAE,IAAAgF;CAAA,IAAAnC,EAAA,OAAAa,OAAAC,IAAA,2BAAA,GAAA;EAEzBqB,MAAAlE,MAAAC,SAAA;GAC/ByD,eAAcS,SAAA;IACZ,IAAIA,KAAKnE,UAAUC,MAAI,OAASkE;IAAK,OAC9B;KAAA,GAAKA;MAAOnE,OAAOC;IAAK;GAAC,CACjC;EAAC;EACH8B,EAAA,KAAAmC;CAAA,OAAAA,KAAAnC,EAAA;CALD,MAAA5B,kBAAwBhB,SAAS+E,EAKhC;CAAE,IAAAE;CAAA,IAAArC,EAAA,OAAA5B,iBAAA;EAE4BiE,MAAAC,QAAAC,WAAA;GAC7B,IAAIvB,iBAAgBK,QAAQmB,IAAKvE,MAAI,GACnC,MAAM,IAAIwE,MACR,qFAC2CxE,OAAI,QACjD;GAKF,MAAA0E,mBADqB1E,WAAS,UAAUA,WAAS,UAChB,CAC5B,OAAO,QAAQ,IADa,CAE5B,QAAQ,OAAO;GAEpB,KAAK,MAAA2E,gBAAsBD,kBACzB,IAAI3B,iBAAgBK,QAAQmB,IAAKI,YAAY,GAC3C,MAAM,IAAIH,MACR,2EACsBxE,OAAI,gBAAiB2E,aAAY,oFAEzD;GAIJ5B,iBAAgBK,QAAQwB,IAAK5E,MAAI;GACjCG,gBAAgBH,QAAMC,MAAI;EAAC;EAC5B8B,EAAA,KAAA5B;EAAA4B,EAAA,KAAAqC;CAAA,OAAAA,KAAArC,EAAA;CA1BD,MAAAhC,gBAAsBZ,SAASiF,EA0B9B;CAAE,IAAAS;CAAA,IAAA9C,EAAA,OAAA5B,iBAAA;EAE8B0E,MAAAC,WAAA;GAC/B/B,iBAAgBK,QAAQ2B,OAAQ/E,MAAI;GACpCG,gBAAgBH,QAAM,CAAC;EAAC;EACzB+B,EAAA,KAAA5B;EAAA4B,EAAA,KAAA8C;CAAA,OAAAA,KAAA9C,EAAA;CAHD,MAAA7B,kBAAwBf,SAAS0F,EAGhC;CAAE,IAAAG;CAAA,IAAAjD,EAAA,OAAAa,OAAAC,IAAA,2BAAA,GAAA;EAE0BmC,OAAAC,aAAA;GAC3BtB,cAAcsB,QAAQ;EAAC;EACxBlD,EAAA,KAAAiD;CAAA,OAAAA,MAAAjD,EAAA;CAFD,MAAA3B,cAAoBjB,SAAS6F,GAE5B;CAAE,IAAAE;CAAA,IAAAnD,EAAA,QAAAa,OAAAC,IAAA,2BAAA,GAAA;EAEwBqC,YAAA;GACzBtB,WAAW,IAAI;EAAC;EACjB7B,EAAA,MAAAmD;CAAA,OAAAA,MAAAnD,EAAA;CAFD,MAAAzB,YAAkBnB,SAAS+F,GAE1B;CAAE,IAAAC;CAAA,IAAApD,EAAA,QAAAa,OAAAC,IAAA,2BAAA,GAAA;EAEmCsC,OAAAxE,YAAA;GACpCsC,sBAAqBG,QAAQwB,IAAKjE,OAAO;GACzCkD,oBAAoB,IAAI;GAAC,aAGlB;IACLZ,sBAAqBG,QAAQ2B,OAAQpE,OAAO;IAC5CkD,oBAAoBZ,sBAAqBG,QAAQnD,OAAQ,CAAC;GAAC;EAC5D;EACF8B,EAAA,MAAAoD;CAAA,OAAAA,MAAApD,EAAA;CATD,MAAArB,uBAA6BvB,SAASgG,GASrC;CAAE,IAAAC;CAAA,IAAArD,EAAA,QAAAa,OAAAC,IAAA,2BAAA,GAAA;EAEmCuC,YAAA;GACpCnC,sBAAqBG,QAAQiC,QAASC,KAAsB;EAAC;EAC9DvD,EAAA,MAAAqD;CAAA,OAAAA,MAAArD,EAAA;CAFD,MAAAnB,uBAA6BzB,SAASiG,GAErC;CAAE,IAAAG;CAAA,IAAAxD,EAAA,QAAAa,OAAAC,IAAA,2BAAA,GAAA;EAEyC0C,YAAA;GAC1CxB,wBAAwByB,MAAoB;GAAC,aAChCzB,wBAAwB0B,MAAoB;EAAC;EAC3D1D,EAAA,MAAAwD;CAAA,OAAAA,MAAAxD,EAAA;CAHD,MAAAL,0BAAgC6D;CAGF,IAAAG;CAAA,IAAA3D,EAAA,QAAAa,OAAAC,IAAA,2BAAA,GAAA;EAEO6C,OAAAlF,OAAAC,WAAA;GACnCuD,mBAAkB2B,WAAWxB,WAAS3D,QAATmF,SAAAnF,KAA8B;GAC3DyD,oBAAmB2B,WAAWzB,WAAS1D,SAATmF,SAAAnF,MAAgC;EAAC;EAChEsB,EAAA,MAAA2D;CAAA,OAAAA,MAAA3D,EAAA;CAHD,MAAAxB,sBAA4BpB,SAASuG,GAGpC;CAAE,IAAAG;CAAA,IAAA9D,EAAA,QAAAnB,wBAAAmB,EAAA,QAAAlB,iBAAAkB,EAAA,QAAAzB,aAAAyB,EAAA,QAAAjB,kBAAAiB,EAAA,QAAArB,wBAAAqB,EAAA,QAAAhC,iBAAAgC,EAAA,QAAA3B,eAAA2B,EAAA,QAAA7B,mBAAA6B,EAAA,QAAAxB,uBAAAwB,EAAA,QAAA5B,iBAAA;EAIM0F,MAAA;GAAA9F;GAAAG;GAAAC;GAAAC;GAAAE;GAAAC;GAAAM;GAAAC;GAAAJ;GAAAE;EAWP;EAACmB,EAAA,MAAAnB;EAAAmB,EAAA,MAAAlB;EAAAkB,EAAA,MAAAzB;EAAAyB,EAAA,MAAAjB;EAAAiB,EAAA,MAAArB;EAAAqB,EAAA,MAAAhC;EAAAgC,EAAA,MAAA3B;EAAA2B,EAAA,MAAA7B;EAAA6B,EAAA,MAAAxB;EAAAwB,EAAA,MAAA5B;EAAA4B,EAAA,MAAA8D;CAAA,OAAAA,MAAA9D,EAAA;CAZH,MAAA+D,eACSD;CA0BP,IAAAE;CAAA,IAAAhE,EAAA,QAAAV,mBAAAU,EAAA,QAAAX,kBAAAW,EAAA,QAAAZ,oBAAAY,EAAA,QAAA1B,cAAA0B,EAAA,QAAAb,WAAAa,EAAA,QAAAf,YAAA;EAIO+E,MAAA;GAAA/E;GAAAX;GAAAa;GAAAC;GAAAC;GAAAC;EAOP;EAACU,EAAA,MAAAV;EAAAU,EAAA,MAAAX;EAAAW,EAAA,MAAAZ;EAAAY,EAAA,MAAA1B;EAAA0B,EAAA,MAAAb;EAAAa,EAAA,MAAAf;EAAAe,EAAA,MAAAgE;CAAA,OAAAA,MAAAhE,EAAA;CARH,MAAAiE,aACSD;CAgBP,IAAAE;CAAA,IAAAlE,EAAA,QAAAvC,yBAAAuC,EAAA,QAAAtC,mBAAA;EAIOwG,MAAA;GAAA3G;GAAAE;GAAAC;EAIP;EAACsC,EAAA,MAAAvC;EAAAuC,EAAA,MAAAtC;EAAAsC,EAAA,MAAAkE;CAAA,OAAAA,MAAAlE,EAAA;CALH,MAAAmE,YACSD;CAcqB,MAAAE,MAAArC,uBAAuB;CAAC,IAAAsC;CAAA,IAAArE,EAAA,QAAAoE,KAAA;EADrCC,MAAA;GAAA3E,kBACa0E;GAAwBzE;EAE5C;EAACK,EAAA,MAAAoE;EAAApE,EAAA,MAAAqE;CAAA,OAAAA,MAAArE,EAAA;CAAA,IAAAsE;CAAA,IAAAtE,EAAA,QAAAO,YAAAP,EAAA,QAAAqE,KAAA;EAJHC,MAAA,oBAAA,6BAAA,UAAA;GACS,OAAAD;GAKN9D;EACH,CAAA;EAAwCP,EAAA,MAAAO;EAAAP,EAAA,MAAAqE;EAAArE,EAAA,MAAAsE;CAAA,OAAAA,MAAAtE,EAAA;CAAA,IAAAuE;CAAA,IAAAvE,EAAA,QAAAiE,cAAAjE,EAAA,QAAAsE,KAAA;EAR1CC,MAAA,oBAAA,mBAAA,UAAA;GAAoCN,OAAAA;GAClCK,UAAAA;EAQF,CAAA;EAA8BtE,EAAA,MAAAiE;EAAAjE,EAAA,MAAAsE;EAAAtE,EAAA,MAAAuE;CAAA,OAAAA,MAAAvE,EAAA;CAAA,IAAAwE;CAAA,IAAAxE,EAAA,QAAA+D,gBAAA/D,EAAA,QAAAuE,KAAA;EAVhCC,MAAA,oBAAA,qBAAA,UAAA;GAAsCT,OAAAA;GACpCQ,UAAAA;EAUF,CAAA;EAAgCvE,EAAA,MAAA+D;EAAA/D,EAAA,MAAAuE;EAAAvE,EAAA,MAAAwE;CAAA,OAAAA,MAAAxE,EAAA;CAAA,IAAAyE;CAAA,IAAAzE,EAAA,QAAAmE,aAAAnE,EAAA,QAAAwE,KAAA;EAZlCC,MAAA,oBAAA,kBAAA,UAAA;GAAmCN,OAAAA;GACjCK,UAAAA;EAYF,CAAA;EAA6BxE,EAAA,MAAAmE;EAAAnE,EAAA,MAAAwE;EAAAxE,EAAA,MAAAyE;CAAA,OAAAA,MAAAzE,EAAA;CAAA,OAb7ByE;AAa6B;;;;;;;AAhL1B,SAAAf,OAAAgB,SAAA;CAAA,OA8F6CC,UAAQ;AAAC;AA9FtD,SAAAlB,OAAAkB,OAAA;CAAA,OA6FgCA,QAAQ;AAAC;AA7FzC,SAAApB,MAAAqB,WAAA;CAAA,OAyFgDhG,UAAQ;AAAC;AAiGhE,MAAaiG,sBAAsBjI,cAAc,KAAK;;;;;AAMtD,SAAOkI,mBAAAzE,IAAA;CAAA,MAAAL,IAAAC,EAAA,CAAA;CAA4B,MAAA,EAAAM,aAAAF;CAAqC,IAAAI;CAAA,IAAAT,EAAA,OAAAO,UAAA;EAEpEE,KAAA,oBAAA,oBAAA,UAAA;GAA8B,OAAA;GAC5B,UAAA,oBAAA,kBAAA,UAAA;IAAmC,OAAA;IACjC,UAAA,oBAAA,qBAAA,UAAA;KAAsC,OAAA;KACpC,UAAA,oBAAA,mBAAA,UAAA;MAAoC,OAAA;MAClC,UAAA,oBAAA,6BAAA,UAAA;OAA8C,OAAA;OAC3CF;MACH,CAAA;KACF,CAAA;IACF,CAAA;GACF,CAAA;EACF,CAAA;EAA+BP,EAAA,KAAAO;EAAAP,EAAA,KAAAS;CAAA,OAAAA,KAAAT,EAAA;CAAA,OAV/BS;AAU+B;AAYnC,MAAayE,qBAAqBtI,cAChC,IACF;AAEA,SAAOuI,wBAAA;CAAA,OACEnI,WAAWkI,kBAAkB;AAAC"}

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

@@ -1,10 +1,8 @@
 
 import { CubeLayoutContentProps } from "./LayoutContent.js";
-import * as react from "react";
-
 //#region src/components/content/Layout/LayoutFlex.d.ts
-interface CubeLayoutFlexProps extends CubeLayoutContentProps {}
-declare const _LayoutFlex: react.ForwardRefExoticComponent<CubeLayoutFlexProps & react.RefAttributes<HTMLDivElement>>;
+export interface CubeLayoutFlexProps extends CubeLayoutContentProps {}
+declare const _LayoutFlex: import("react").ForwardRefExoticComponent<CubeLayoutFlexProps & import("react").RefAttributes<HTMLDivElement>>;
 //#endregion
-export { CubeLayoutFlexProps, _LayoutFlex };
+export { _LayoutFlex as LayoutFlex };
 //# sourceMappingURL=LayoutFlex.d.ts.map

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

@@ -1,10 +1,9 @@
-/** @license MIT | @cube-dev/ui-kit v0.197.0 | Cube Dev Team */
-import { _LayoutContent } from "./LayoutContent.js";
+/** @license MIT | @cube-dev/ui-kit v0.198.0 | Cube Dev Team */
+import { LayoutContent as _LayoutContent } from "./LayoutContent.js";
 import { c } from "react/compiler-runtime";
 import { tasty } from "@tenphi/tasty";
 import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
-
 //#region src/components/content/Layout/LayoutFlex.tsx
 const FlexElement = tasty(_LayoutContent, {
 	qa: "LayoutFlex",
@@ -54,7 +53,7 @@ function LayoutFlex(props, ref) {
 }
 const _LayoutFlex = forwardRef(LayoutFlex);
 _LayoutFlex.displayName = "Layout.Flex";
-
 //#endregion
-export { _LayoutFlex };
+export { _LayoutFlex as LayoutFlex };
+
 //# sourceMappingURL=LayoutFlex.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"LayoutFlex.js","names":["tasty","ForwardedRef","forwardRef","CubeLayoutContentProps","LayoutContent","FlexElement","qa","styles","container","flexShrink","flexGrow","Inner","display","flow","padding","CubeLayoutFlexProps","LayoutFlex","props","ref","$","_c","children","otherProps","t0","scrollbar","undefined","t1","_LayoutFlex","displayName"],"sources":["../../../../src/components/content/Layout/LayoutFlex.tsx"],"sourcesContent":["import { tasty } from '@tenphi/tasty';\nimport { ForwardedRef, forwardRef } from 'react';\n\nimport { CubeLayoutContentProps, LayoutContent } from './LayoutContent';\n\nconst FlexElement = tasty(LayoutContent, {\n  qa: 'LayoutFlex',\n  styles: {\n    container: 'none',\n    flexShrink: 0,\n    flexGrow: 0,\n\n    Inner: {\n      display: 'flex',\n      flow: 'row',\n      padding: 0,\n    },\n  },\n});\n\nexport interface CubeLayoutFlexProps extends CubeLayoutContentProps {}\n\nfunction LayoutFlex(\n  props: CubeLayoutFlexProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  const { children, scrollbar = 'tiny', ...otherProps } = props;\n\n  return (\n    <FlexElement {...otherProps} ref={ref} scrollbar={scrollbar}>\n      {children}\n    </FlexElement>\n  );\n}\n\nconst _LayoutFlex = forwardRef(LayoutFlex);\n\n_LayoutFlex.displayName = 'Layout.Flex';\n\nexport { _LayoutFlex as LayoutFlex };\n"],"mappings":";;;;;;;;AAKA,MAAMK,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;AAIF,SAAAE,WAAAC,OAAAC,KAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;AAAA,KAAAJ,EAAA,OAAAF,OAAA;AAIE,GAAA,CAAAI,UAAAG,WAAAD,OAAAD,cAAwDL;AAAME,IAAA,KAAAF;AAAAE,IAAA,KAAAE;AAAAF,IAAA,KAAAG;AAAAH,IAAA,KAAAI;QAAA;AAAAF,aAAAF,EAAA;AAAAG,eAAAH,EAAA;AAAAI,OAAAJ,EAAA;;CAA5C,MAAAK,YAAAD,OAAAE,SAAA,SAAAF;CAAkB,IAAAG;AAAA,KAAAP,EAAA,OAAAE,YAAAF,EAAA,OAAAG,cAAAH,EAAA,OAAAD,OAAAC,EAAA,OAAAK,WAAA;AAGlCE,OAAA,oBAAC;GAAW,GAAKJ;GAAiBJ;GAAgBM;GAC/CH;IACW;AAAAF,IAAA,KAAAE;AAAAF,IAAA,KAAAG;AAAAH,IAAA,KAAAD;AAAAC,IAAA,KAAAK;AAAAL,IAAA,KAAAO;OAAAA,MAAAP,EAAA;AAAA,QAFdO;;AAMJ,MAAMC,cAAczB,WAAWc,WAAW;AAE1CW,YAAYC,cAAc"}
+{"version":3,"file":"LayoutFlex.js","names":["tasty","ForwardedRef","forwardRef","CubeLayoutContentProps","LayoutContent","FlexElement","qa","styles","container","flexShrink","flexGrow","Inner","display","flow","padding","CubeLayoutFlexProps","LayoutFlex","props","ref","$","_c","children","otherProps","t0","scrollbar","undefined","t1","_LayoutFlex","displayName","LayoutContent","_c"],"sources":["../../../../src/components/content/Layout/LayoutFlex.tsx"],"sourcesContent":["import { tasty } from '@tenphi/tasty';\nimport { ForwardedRef, forwardRef } from 'react';\n\nimport { CubeLayoutContentProps, LayoutContent } from './LayoutContent';\n\nconst FlexElement = tasty(LayoutContent, {\n  qa: 'LayoutFlex',\n  styles: {\n    container: 'none',\n    flexShrink: 0,\n    flexGrow: 0,\n\n    Inner: {\n      display: 'flex',\n      flow: 'row',\n      padding: 0,\n    },\n  },\n});\n\nexport interface CubeLayoutFlexProps extends CubeLayoutContentProps {}\n\nfunction LayoutFlex(\n  props: CubeLayoutFlexProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  const { children, scrollbar = 'tiny', ...otherProps } = props;\n\n  return (\n    <FlexElement {...otherProps} ref={ref} scrollbar={scrollbar}>\n      {children}\n    </FlexElement>\n  );\n}\n\nconst _LayoutFlex = forwardRef(LayoutFlex);\n\n_LayoutFlex.displayName = 'Layout.Flex';\n\nexport { _LayoutFlex as LayoutFlex };\n"],"mappings":";;;;;;;AAKA,MAAMK,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;AAID,SAAAE,WAAAC,OAAAC,KAAA;CAAA,MAAAC,IAAAC,EAAA,CAAA;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAJ,EAAA,OAAAF,OAAA;EAIE,CAAA,CAAAI,UAAAG,WAAAD,IAAA,GAAAD,cAAwDL;EAAME,EAAA,KAAAF;EAAAE,EAAA,KAAAE;EAAAF,EAAA,KAAAG;EAAAH,EAAA,KAAAI;CAAA,OAAA;EAAAF,WAAAF,EAAA;EAAAG,aAAAH,EAAA;EAAAI,KAAAJ,EAAA;CAAA;CAA5C,MAAAK,YAAAD,OAAAE,KAAAA,IAAA,SAAAF;CAAkB,IAAAG;CAAA,IAAAP,EAAA,OAAAE,YAAAF,EAAA,OAAAG,cAAAH,EAAA,OAAAD,OAAAC,EAAA,OAAAK,WAAA;EAGlCE,KAAA,oBAAC,aAAD;GAAY,GAAKJ;GAAiBJ;GAAgBM;GAC/CH;EADS,CAAA;EAEEF,EAAA,KAAAE;EAAAF,EAAA,KAAAG;EAAAH,EAAA,KAAAD;EAAAC,EAAA,KAAAK;EAAAL,EAAA,KAAAO;CAAA,OAAAA,KAAAP,EAAA;CAAA,OAFdO;AAEc;AAIlB,MAAMC,cAAczB,WAAWc,UAAU;AAEzCW,YAAYC,cAAc"}

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

@@ -1,13 +1,11 @@
 
 import { CubeLayoutContentProps } from "./LayoutContent.js";
-import * as react from "react";
-
 //#region src/components/content/Layout/LayoutFooter.d.ts
-interface CubeLayoutFooterProps extends CubeLayoutContentProps {
+export interface CubeLayoutFooterProps extends CubeLayoutContentProps {
   /** Inverts the order of children (primary action on right) */
   invertOrder?: boolean;
 }
-declare const _LayoutFooter: react.ForwardRefExoticComponent<CubeLayoutFooterProps & react.RefAttributes<HTMLDivElement>>;
+declare const _LayoutFooter: import("react").ForwardRefExoticComponent<CubeLayoutFooterProps & import("react").RefAttributes<HTMLDivElement>>;
 //#endregion
-export { CubeLayoutFooterProps, _LayoutFooter };
+export { _LayoutFooter as LayoutFooter };
 //# sourceMappingURL=LayoutFooter.d.ts.map

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

@@ -1,11 +1,10 @@
-/** @license MIT | @cube-dev/ui-kit v0.197.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.198.0 | Cube Dev Team */
 import { LayoutNestedContext } from "./LayoutContext.js";
-import { _LayoutContent } from "./LayoutContent.js";
+import { LayoutContent as _LayoutContent } from "./LayoutContent.js";
 import { c } from "react/compiler-runtime";
 import { tasty } from "@tenphi/tasty";
 import { forwardRef, useContext } from "react";
 import { jsx } from "react/jsx-runtime";
-
 //#region src/components/content/Layout/LayoutFooter.tsx
 const FooterElement = tasty(_LayoutContent, {
 	as: "footer",
@@ -89,7 +88,7 @@ function LayoutFooter(props, ref) {
 }
 const _LayoutFooter = forwardRef(LayoutFooter);
 _LayoutFooter.displayName = "Layout.Footer";
-
 //#endregion
-export { _LayoutFooter };
+export { _LayoutFooter as LayoutFooter };
+
 //# sourceMappingURL=LayoutFooter.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"LayoutFooter.js","names":["tasty","ForwardedRef","forwardRef","useContext","CubeLayoutContentProps","LayoutContent","LayoutNestedContext","FooterElement","as","qa","styles","container","height","flexShrink","flexGrow","whiteSpace","border","Inner","display","flow","inverted","placeContent","placeItems","gap","CubeLayoutFooterProps","invertOrder","LayoutFooter","props","ref","$","_c","children","mods","otherProps","t0","scrollbar","undefined","t1","finalMods","isNested","t2","t3","_LayoutFooter","displayName"],"sources":["../../../../src/components/content/Layout/LayoutFooter.tsx"],"sourcesContent":["import { tasty } from '@tenphi/tasty';\nimport { ForwardedRef, forwardRef, useContext } from 'react';\n\nimport { CubeLayoutContentProps, LayoutContent } from './LayoutContent';\nimport { LayoutNestedContext } from './LayoutContext';\n\nconst FooterElement = tasty(LayoutContent, {\n  as: 'footer',\n  qa: 'LayoutFooter',\n  styles: {\n    container: 'none',\n    // Footer inherits auto-border from LayoutContent\n    // (no border when last-child, which is typical for footers)\n    height: 'min 5x',\n    flexShrink: 0,\n    flexGrow: 0,\n    whiteSpace: 'nowrap',\n    border: {\n      '': 0,\n      '!:last-child': '($layout-border-size, 1bw) solid #border bottom',\n    },\n\n    Inner: {\n      display: 'flex',\n      flow: {\n        '': 'row nowrap',\n        inverted: 'row-reverse nowrap',\n      },\n      placeContent: 'center space-between',\n      placeItems: 'center stretch',\n      gap: '1x',\n    },\n  },\n});\n\nexport interface CubeLayoutFooterProps extends CubeLayoutContentProps {\n  /** Inverts the order of children (primary action on right) */\n  invertOrder?: boolean;\n}\n\nfunction LayoutFooter(\n  props: CubeLayoutFooterProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  const {\n    children,\n    invertOrder,\n    scrollbar = 'tiny',\n    mods,\n    ...otherProps\n  } = props;\n\n  const finalMods = {\n    inverted: invertOrder,\n    ...mods,\n  };\n\n  // `contentinfo` is a page-level landmark: only the footer of a top-level\n  // Layout gets it. Inside a panel or a nested Layout, `none` also cancels the\n  // implicit `contentinfo` of the `<footer>` element. An explicit `role` wins.\n  const isNested = useContext(LayoutNestedContext);\n\n  return (\n    <FooterElement\n      role={isNested ? 'none' : 'contentinfo'}\n      {...otherProps}\n      ref={ref}\n      mods={finalMods}\n      scrollbar={scrollbar}\n    >\n      {children}\n    </FooterElement>\n  );\n}\n\nconst _LayoutFooter = forwardRef(LayoutFooter);\n\n_LayoutFooter.displayName = 'Layout.Footer';\n\nexport { _LayoutFooter as LayoutFooter };\n"],"mappings":";;;;;;;;;AAMA,MAAMO,gBAAgBP,MAAMK,gBAAe;CACzCG,IAAI;CACJC,IAAI;CACJC,QAAQ;EACNC,WAAW;EAGXC,QAAQ;EACRC,YAAY;EACZC,UAAU;EACVC,YAAY;EACZC,QAAQ;GACN,IAAI;GACJ,gBAAgB;GACjB;EAEDC,OAAO;GACLC,SAAS;GACTC,MAAM;IACJ,IAAI;IACJC,UAAU;IACX;GACDC,cAAc;GACdC,YAAY;GACZC,KAAK;GACP;EACF;CACD,CAAC;AAOF,SAAAG,aAAAC,OAAAC,KAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CAAA,IAAAC;CAAA,IAAAN;CAAA,IAAAO;CAAA,IAAAC;CAAA,IAAAC;AAAA,KAAAL,EAAA,OAAAF,OAAA;AAIE,GAAA,CAAAI,UAAAN,aAAAU,WAAAD,IAAAF,SAAAC,cAMIN;AAAME,IAAA,KAAAF;AAAAE,IAAA,KAAAE;AAAAF,IAAA,KAAAJ;AAAAI,IAAA,KAAAG;AAAAH,IAAA,KAAAI;AAAAJ,IAAA,KAAAK;QAAA;AAAAH,aAAAF,EAAA;AAAAJ,gBAAAI,EAAA;AAAAG,SAAAH,EAAA;AAAAI,eAAAJ,EAAA;AAAAK,OAAAL,EAAA;;CAHR,MAAAM,YAAAD,OAAAE,SAAA,SAAAF;CAAkB,IAAAG;AAAA,KAAAR,EAAA,OAAAJ,eAAAI,EAAA,OAAAG,MAAA;AAKFK,OAAA;GAAAjB,UACNK;GAAW,GAClBO;GACJ;AAAAH,IAAA,KAAAJ;AAAAI,IAAA,KAAAG;AAAAH,IAAA,KAAAQ;OAAAA,MAAAR,EAAA;CAHD,MAAAS,YAAkBD;CAYR,MAAAG,KAJOrC,WAAWG,oBAAoB,GAItC,SAAA;CAAiC,IAAAmC;AAAA,KAAAZ,EAAA,OAAAE,YAAAF,EAAA,QAAAS,aAAAT,EAAA,QAAAI,cAAAJ,EAAA,QAAAD,OAAAC,EAAA,QAAAM,aAAAN,EAAA,QAAAW,IAAA;AADzCC,OAAA,oBAAC;GACO,MAAAD;GAAiC,GACnCP;GACCL;GACCU,MAAAA;GACKH;GAEVJ;IACa;AAAAF,IAAA,KAAAE;AAAAF,IAAA,MAAAS;AAAAT,IAAA,MAAAI;AAAAJ,IAAA,MAAAD;AAAAC,IAAA,MAAAM;AAAAN,IAAA,MAAAW;AAAAX,IAAA,MAAAY;OAAAA,MAAAZ,EAAA;AAAA,QARhBY;;AAYJ,MAAMC,gBAAgBxC,WAAWwB,aAAa;AAE9CgB,cAAcC,cAAc"}
+{"version":3,"file":"LayoutFooter.js","names":["tasty","ForwardedRef","forwardRef","useContext","CubeLayoutContentProps","LayoutContent","LayoutNestedContext","FooterElement","as","qa","styles","container","height","flexShrink","flexGrow","whiteSpace","border","Inner","display","flow","inverted","placeContent","placeItems","gap","CubeLayoutFooterProps","invertOrder","LayoutFooter","props","ref","$","_c","children","mods","otherProps","t0","scrollbar","undefined","t1","finalMods","isNested","t2","t3","_LayoutFooter","displayName","LayoutContent","_c"],"sources":["../../../../src/components/content/Layout/LayoutFooter.tsx"],"sourcesContent":["import { tasty } from '@tenphi/tasty';\nimport { ForwardedRef, forwardRef, useContext } from 'react';\n\nimport { CubeLayoutContentProps, LayoutContent } from './LayoutContent';\nimport { LayoutNestedContext } from './LayoutContext';\n\nconst FooterElement = tasty(LayoutContent, {\n  as: 'footer',\n  qa: 'LayoutFooter',\n  styles: {\n    container: 'none',\n    // Footer inherits auto-border from LayoutContent\n    // (no border when last-child, which is typical for footers)\n    height: 'min 5x',\n    flexShrink: 0,\n    flexGrow: 0,\n    whiteSpace: 'nowrap',\n    border: {\n      '': 0,\n      '!:last-child': '($layout-border-size, 1bw) solid #border bottom',\n    },\n\n    Inner: {\n      display: 'flex',\n      flow: {\n        '': 'row nowrap',\n        inverted: 'row-reverse nowrap',\n      },\n      placeContent: 'center space-between',\n      placeItems: 'center stretch',\n      gap: '1x',\n    },\n  },\n});\n\nexport interface CubeLayoutFooterProps extends CubeLayoutContentProps {\n  /** Inverts the order of children (primary action on right) */\n  invertOrder?: boolean;\n}\n\nfunction LayoutFooter(\n  props: CubeLayoutFooterProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  const {\n    children,\n    invertOrder,\n    scrollbar = 'tiny',\n    mods,\n    ...otherProps\n  } = props;\n\n  const finalMods = {\n    inverted: invertOrder,\n    ...mods,\n  };\n\n  // `contentinfo` is a page-level landmark: only the footer of a top-level\n  // Layout gets it. Inside a panel or a nested Layout, `none` also cancels the\n  // implicit `contentinfo` of the `<footer>` element. An explicit `role` wins.\n  const isNested = useContext(LayoutNestedContext);\n\n  return (\n    <FooterElement\n      role={isNested ? 'none' : 'contentinfo'}\n      {...otherProps}\n      ref={ref}\n      mods={finalMods}\n      scrollbar={scrollbar}\n    >\n      {children}\n    </FooterElement>\n  );\n}\n\nconst _LayoutFooter = forwardRef(LayoutFooter);\n\n_LayoutFooter.displayName = 'Layout.Footer';\n\nexport { _LayoutFooter as LayoutFooter };\n"],"mappings":";;;;;;;;AAMA,MAAMO,gBAAgBP,MAAMK,gBAAe;CACzCG,IAAI;CACJC,IAAI;CACJC,QAAQ;EACNC,WAAW;EAGXC,QAAQ;EACRC,YAAY;EACZC,UAAU;EACVC,YAAY;EACZC,QAAQ;GACN,IAAI;GACJ,gBAAgB;EAClB;EAEAC,OAAO;GACLC,SAAS;GACTC,MAAM;IACJ,IAAI;IACJC,UAAU;GACZ;GACAC,cAAc;GACdC,YAAY;GACZC,KAAK;EACP;CACF;AACF,CAAC;AAOD,SAAAG,aAAAC,OAAAC,KAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAAA,IAAAC;CAAA,IAAAN;CAAA,IAAAO;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAL,EAAA,OAAAF,OAAA;EAIE,CAAA,CAAAI,UAAAN,aAAAU,WAAAD,IAAAF,MAAA,GAAAC,cAMIN;EAAME,EAAA,KAAAF;EAAAE,EAAA,KAAAE;EAAAF,EAAA,KAAAJ;EAAAI,EAAA,KAAAG;EAAAH,EAAA,KAAAI;EAAAJ,EAAA,KAAAK;CAAA,OAAA;EAAAH,WAAAF,EAAA;EAAAJ,cAAAI,EAAA;EAAAG,OAAAH,EAAA;EAAAI,aAAAJ,EAAA;EAAAK,KAAAL,EAAA;CAAA;CAHR,MAAAM,YAAAD,OAAAE,KAAAA,IAAA,SAAAF;CAAkB,IAAAG;CAAA,IAAAR,EAAA,OAAAJ,eAAAI,EAAA,OAAAG,MAAA;EAKFK,KAAA;GAAAjB,UACNK;GAAW,GAClBO;EACL;EAACH,EAAA,KAAAJ;EAAAI,EAAA,KAAAG;EAAAH,EAAA,KAAAQ;CAAA,OAAAA,KAAAR,EAAA;CAHD,MAAAS,YAAkBD;CAYR,MAAAG,KAJOrC,WAAWG,mBAIlBiC,IAAA,SAAA;CAAiC,IAAAE;CAAA,IAAAZ,EAAA,OAAAE,YAAAF,EAAA,QAAAS,aAAAT,EAAA,QAAAI,cAAAJ,EAAA,QAAAD,OAAAC,EAAA,QAAAM,aAAAN,EAAA,QAAAW,IAAA;EADzCC,KAAA,oBAAC,eAAD;GACQ,MAAAD;GAAiC,GACnCP;GACCL;GACCU,MAAAA;GACKH;GAEVJ;EAPW,CAAA;EAQEF,EAAA,KAAAE;EAAAF,EAAA,MAAAS;EAAAT,EAAA,MAAAI;EAAAJ,EAAA,MAAAD;EAAAC,EAAA,MAAAM;EAAAN,EAAA,MAAAW;EAAAX,EAAA,MAAAY;CAAA,OAAAA,KAAAZ,EAAA;CAAA,OARhBY;AAQgB;AAIpB,MAAMC,gBAAgBxC,WAAWwB,YAAY;AAE7CgB,cAAcC,cAAc"}

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

@@ -1,10 +1,8 @@
 
 import { CubeLayoutContentProps } from "./LayoutContent.js";
 import { Styles } from "@tenphi/tasty";
-import * as react from "react";
-
 //#region src/components/content/Layout/LayoutGrid.d.ts
-interface CubeLayoutGridProps extends CubeLayoutContentProps {
+export interface CubeLayoutGridProps extends CubeLayoutContentProps {
   /** Grid template columns */
   columns?: Styles['gridColumns'];
   /** Grid template rows */
@@ -12,7 +10,7 @@ interface CubeLayoutGridProps extends CubeLayoutContentProps {
   /** Grid template shorthand */
   template?: Styles['gridTemplate'];
 }
-declare const _LayoutGrid: react.ForwardRefExoticComponent<CubeLayoutGridProps & react.RefAttributes<HTMLDivElement>>;
+declare const _LayoutGrid: import("react").ForwardRefExoticComponent<CubeLayoutGridProps & import("react").RefAttributes<HTMLDivElement>>;
 //#endregion
-export { CubeLayoutGridProps, _LayoutGrid };
+export { _LayoutGrid as LayoutGrid };
 //# sourceMappingURL=LayoutGrid.d.ts.map

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

@@ -1,10 +1,9 @@
-/** @license MIT | @cube-dev/ui-kit v0.197.0 | Cube Dev Team */
-import { _LayoutContent } from "./LayoutContent.js";
+/** @license MIT | @cube-dev/ui-kit v0.198.0 | Cube Dev Team */
+import { LayoutContent as _LayoutContent } from "./LayoutContent.js";
 import { c } from "react/compiler-runtime";
 import { tasty } from "@tenphi/tasty";
 import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
-
 //#region src/components/content/Layout/LayoutGrid.tsx
 const GridElement = tasty(_LayoutContent, {
 	qa: "LayoutGrid",
@@ -69,7 +68,7 @@ function LayoutGrid(props, ref) {
 }
 const _LayoutGrid = forwardRef(LayoutGrid);
 _LayoutGrid.displayName = "Layout.Grid";
-
 //#endregion
-export { _LayoutGrid };
+export { _LayoutGrid as LayoutGrid };
+
 //# sourceMappingURL=LayoutGrid.js.map

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"}