@pega/cosmos-react-core 9.0.0-build.9.8 → 9.0.0

package/lib/components/PageTemplates/GridLayout/GridLayoutViewer.js.map

@@ -1 +1 @@
-{"version":3,"file":"GridLayoutViewer.js","sourceRoot":"","sources":["../../../../src/components/PageTemplates/GridLayout/GridLayoutViewer.tsx"],"names":[],"mappings":"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","sourcesContent":["import { type FC, forwardRef, type ReactElement, type Ref, useMemo } from 'react';\nimport { Responsive as ResponsiveGridLayout } from 'react-grid-layout';\nimport styled, { css } from 'styled-components';\n\nimport Flex from '../../Flex';\nimport { useDirection, useElement } from '../../../hooks';\n\nimport type { GridBreakPointWiseValues, GridLayoutModel } from './config';\nimport useGridLayoutConfig from './config';\nimport {\n  convertLtrToRtl,\n  getBreakpointAndCols,\n  getLastItemsInLayout,\n  getRowHeight,\n  useGridItemSorter,\n  useMonitoredSize,\n  type GridLayoutRowsProp\n} from './utils';\nimport ReactGridLayoutStyles from './ReactGridLayoutStyles';\n\nconst StyledWrapper = styled(Flex)`\n  block-size: 100%;\n`;\n\nconst StyledEmptyFooter = styled.div`\n  block-size: ${({ theme }) => `calc(${theme.base.spacing} * 2)`};\n`;\n\nconst StyledAutoSizeItem = styled(Flex)<{ autoSize: boolean }>(({ autoSize }) => {\n  if (!autoSize) return '';\n  return css`\n    /* Overriding the inline style added by the RGL plugin. Needed to give the item a free height. */\n    height: auto !important;\n\n    /* Needed to maintain the extra gap at the bottom, since it's position absolute-ly */\n    padding-bottom: 1rem;\n  `;\n});\n\n/**\n * Wrapper on top of GridItems to forward ref, etc.\n * https://github.com/react-grid-layout/react-grid-layout#custom-child-components-and-draggable-handles\n */\nconst ViewerGridItem = forwardRef(\n  ({ children, autoSize, direction, ...restProps }: any, ref: Ref<HTMLDivElement>) => (\n    <StyledAutoSizeItem\n      autoSize={autoSize}\n      container={{ direction: 'column' }}\n      ref={ref}\n      {...restProps}\n      dir={direction}\n    >\n      {children}\n    </StyledAutoSizeItem>\n  )\n);\n\n/** Props for the GridLayoutViewer component */\nexport interface GridLayoutViewerProps {\n  /**\n   * Layout-model saved previously from a GridLayoutEditor.\n   * If undefined, the elements will be rendered in some default layout.\n   * NOTE: A remount is needed if this layoutModel needs to be changed from the outside.\n   * - The component reads it only once on load and populates layouts for missing breakpoints, assuming `lg` as the baseline\n   */\n  layoutModel: GridLayoutModel | undefined;\n\n  /**\n   * Breakpoints set on the Grid.\n   * Needs to be aligned with `rows` and `cols`\n   */\n  breakpoints: GridBreakPointWiseValues;\n\n  /**\n   * # of rows to fit into the container height at each breakpoint (unless a fixed rowHeight is preferred)\n   * rows should be aligned with `breakpoints` prop\n   */\n  rows: GridLayoutRowsProp;\n\n  /**\n   * Breakpoint-wise numColumns on the Grid.\n   * cols should be aligned with `breakpoints` prop\n   */\n  cols: GridBreakPointWiseValues;\n\n  /** Child elements to be rendered as Grid items. Each element should have a unique `key` */\n  children?: ReactElement[];\n\n  /**\n   * List of items that needs to have free-flowing height.\n   * NOTE: This works just for the items which don't have any other content underneath them.\n   * By default, all items will have fixed heights derived from the `layoutModel` prop\n   */\n  autoSizeItemIDs?: string[];\n\n  /**\n   * Add container margin to viewer and runtime\n   * @default true\n   */\n  padContent?: boolean;\n}\n\n/**\n * Viewer component for a Grid created using GridLayoutEditor\n * @component\n */\nconst GridLayoutViewer: FC<GridLayoutViewerProps> = ({\n  children,\n  layoutModel: layoutModelProp,\n  rows,\n  cols,\n  autoSizeItemIDs = [],\n  breakpoints,\n  padContent = true\n}) => {\n  // Track width changes: https://github.com/react-grid-layout/react-grid-layout#providing-grid-width\n  const [wrapperEl, setWrapperEl] = useElement<HTMLElement>();\n  const size = useMonitoredSize(wrapperEl);\n  const width = size?.width;\n  const height = size?.height;\n  const commonGridConfig = useGridLayoutConfig(padContent);\n  const { breakpoint, numColumns } = useMemo(\n    () => getBreakpointAndCols(width || 0, breakpoints, cols),\n    [width, breakpoints, cols]\n  );\n  const { rowHeight } = useMemo(\n    () => getRowHeight(breakpoint, height || 0, commonGridConfig.margin[0], rows, layoutModelProp),\n    [breakpoint, commonGridConfig.margin, height, rows, layoutModelProp]\n  );\n\n  // On load, setting layoutModel based on the direction\n  const { rtl } = useDirection();\n  const layoutModel = useMemo(() => {\n    if (rtl && layoutModelProp) return convertLtrToRtl(layoutModelProp, cols);\n    return layoutModelProp;\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  // Callback to sort child DOM nodes to ensure an intuitive tabbing order\n  const gridItemSorter = useGridItemSorter(layoutModelProp?.[breakpoint], numColumns);\n\n  // Get list of last items in layout\n  const lastItemsInLayout = useMemo(\n    () => getLastItemsInLayout(layoutModel?.[breakpoint]),\n    [breakpoint, layoutModel]\n  );\n\n  return (\n    // Enforcing ltr here due to limitations of the RGL plugin.\n    // The layout is mirrored using convertLtrToRtl above,\n    // and then the direction is explicitly passed to items below.\n    <StyledWrapper ref={setWrapperEl} dir='ltr'>\n      <ReactGridLayoutStyles />\n\n      {!!width && !!height && (\n        <ResponsiveGridLayout\n          {...commonGridConfig}\n          width={width}\n          rowHeight={Math.max(rowHeight, 50)}\n          layouts={layoutModel}\n          isResizable={false}\n          isDraggable={false}\n          isDroppable={false}\n          cols={cols}\n          breakpoints={breakpoints}\n        >\n          {children?.sort(gridItemSorter).map(child => {\n            const autoSize =\n              autoSizeItemIDs.includes(child.key!) && lastItemsInLayout.includes(child.key!);\n\n            return (\n              <ViewerGridItem key={child.key} autoSize={autoSize} direction={rtl ? 'rtl' : 'ltr'}>\n                {child}\n              </ViewerGridItem>\n            );\n          })}\n\n          {(!children || children.length === 0) && (\n            // Placeholder when no children. Needed to avoid exceptions:\n            // https://github.com/react-grid-layout/react-grid-layout/issues/216\n            <div key='--' />\n          )}\n        </ResponsiveGridLayout>\n      )}\n      {/** Removed container padding, hence adding extra space at bottom of grid */}\n      <StyledEmptyFooter />\n    </StyledWrapper>\n  );\n};\n\nexport default GridLayoutViewer;\n"]}
+{"version":3,"file":"GridLayoutViewer.js","sourceRoot":"","sources":["../../../../src/components/PageTemplates/GridLayout/GridLayoutViewer.tsx"],"names":[],"mappings":"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","sourcesContent":["import { type FC, forwardRef, type ReactElement, type Ref, useMemo } from 'react';\nimport { Responsive as ResponsiveGridLayout } from 'react-grid-layout';\nimport styled, { css } from 'styled-components';\n\nimport Flex from '../../Flex';\nimport { useDirection, useElement } from '../../../hooks';\n\nimport type { GridBreakPointWiseValues, GridLayoutModel } from './config';\nimport useGridLayoutConfig from './config';\nimport {\n  convertLtrToRtl,\n  getBreakpointAndCols,\n  getLastItemsInLayout,\n  getRowHeight,\n  useGridItemSorter,\n  useMonitoredSize,\n  type GridLayoutRowsProp\n} from './utils';\nimport ReactGridLayoutStyles from './ReactGridLayoutStyles';\n\nconst StyledWrapper = styled(Flex)`\n  block-size: 100%;\n`;\n\nconst StyledEmptyFooter = styled.div`\n  block-size: ${({ theme }) => `calc(${theme.base.spacing} * 2)`};\n`;\n\nconst StyledAutoSizeItem = styled(Flex)<{ autoSize: boolean }>(({ autoSize }) => {\n  if (!autoSize) return '';\n  return css`\n    /* Overriding the inline style added by the RGL plugin. Needed to give the item a free height. */\n    height: auto !important;\n\n    /* Needed to maintain the extra gap at the bottom, since it's position absolute-ly */\n    padding-bottom: 1rem;\n  `;\n});\n\n/**\n * Wrapper on top of GridItems to forward ref, etc.\n * https://github.com/react-grid-layout/react-grid-layout#custom-child-components-and-draggable-handles\n */\nconst ViewerGridItem = forwardRef(\n  ({ children, autoSize, direction, ...restProps }: any, ref: Ref<HTMLDivElement>) => (\n    <StyledAutoSizeItem\n      autoSize={autoSize}\n      container={{ direction: 'column' }}\n      ref={ref}\n      {...restProps}\n      dir={direction}\n    >\n      {children}\n    </StyledAutoSizeItem>\n  )\n);\n\n/** Props for the GridLayoutViewer component */\nexport interface GridLayoutViewerProps {\n  /**\n   * Layout-model saved previously from a GridLayoutEditor.\n   * If undefined, the elements will be rendered in some default layout.\n   * NOTE: A remount is needed if this layoutModel needs to be changed from the outside.\n   * - The component reads it only once on load and populates layouts for missing breakpoints, assuming `lg` as the baseline\n   */\n  layoutModel: GridLayoutModel | undefined;\n\n  /**\n   * Breakpoints set on the Grid.\n   * Needs to be aligned with `rows` and `cols`\n   */\n  breakpoints: GridBreakPointWiseValues;\n\n  /**\n   * # of rows to fit into the container height at each breakpoint (unless a fixed rowHeight is preferred)\n   * rows should be aligned with `breakpoints` prop\n   */\n  rows: GridLayoutRowsProp;\n\n  /**\n   * Breakpoint-wise numColumns on the Grid.\n   * cols should be aligned with `breakpoints` prop\n   */\n  cols: GridBreakPointWiseValues;\n\n  /** Child elements to be rendered as Grid items. Each element should have a unique `key` */\n  children?: ReactElement[];\n\n  /**\n   * List of items that needs to have free-flowing height.\n   * NOTE: This works just for the items which don't have any other content underneath them.\n   * By default, all items will have fixed heights derived from the `layoutModel` prop\n   */\n  autoSizeItemIDs?: string[];\n\n  /**\n   * Add container margin to viewer and runtime\n   * @default true\n   */\n  padContent?: boolean;\n\n  /**\n   * Optional minimum row height (px) to override the built-in defaults.\n   * Useful when grid items contain content that requires more vertical space\n   * than the default minimum (e.g. compact SimpleValue insights).\n   */\n  minRowHeight?: number;\n}\n\n/**\n * Viewer component for a Grid created using GridLayoutEditor\n * @component\n */\nconst GridLayoutViewer: FC<GridLayoutViewerProps> = ({\n  children,\n  layoutModel: layoutModelProp,\n  rows,\n  cols,\n  autoSizeItemIDs = [],\n  breakpoints,\n  padContent = true,\n  minRowHeight: minRowHeightProp\n}) => {\n  // Track width changes: https://github.com/react-grid-layout/react-grid-layout#providing-grid-width\n  const [wrapperEl, setWrapperEl] = useElement<HTMLElement>();\n  const size = useMonitoredSize(wrapperEl);\n  const width = size?.width;\n  const height = size?.height;\n  const commonGridConfig = useGridLayoutConfig(padContent);\n  const { breakpoint, numColumns } = useMemo(\n    () => getBreakpointAndCols(width || 0, breakpoints, cols),\n    [width, breakpoints, cols]\n  );\n  const { rowHeight } = useMemo(\n    () =>\n      getRowHeight(\n        breakpoint,\n        height || 0,\n        commonGridConfig.margin[0],\n        rows,\n        layoutModelProp,\n        minRowHeightProp\n      ),\n    [breakpoint, commonGridConfig.margin, height, rows, layoutModelProp, minRowHeightProp]\n  );\n\n  // On load, setting layoutModel based on the direction\n  const { rtl } = useDirection();\n  const layoutModel = useMemo(() => {\n    if (rtl && layoutModelProp) return convertLtrToRtl(layoutModelProp, cols);\n    return layoutModelProp;\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  // Callback to sort child DOM nodes to ensure an intuitive tabbing order\n  const gridItemSorter = useGridItemSorter(layoutModelProp?.[breakpoint], numColumns);\n\n  // Get list of last items in layout\n  const lastItemsInLayout = useMemo(\n    () => getLastItemsInLayout(layoutModel?.[breakpoint]),\n    [breakpoint, layoutModel]\n  );\n\n  return (\n    // Enforcing ltr here due to limitations of the RGL plugin.\n    // The layout is mirrored using convertLtrToRtl above,\n    // and then the direction is explicitly passed to items below.\n    <StyledWrapper ref={setWrapperEl} dir='ltr'>\n      <ReactGridLayoutStyles />\n\n      {!!width && !!height && (\n        <ResponsiveGridLayout\n          {...commonGridConfig}\n          width={width}\n          rowHeight={Math.max(rowHeight, 50)}\n          layouts={layoutModel}\n          isResizable={false}\n          isDraggable={false}\n          isDroppable={false}\n          cols={cols}\n          breakpoints={breakpoints}\n        >\n          {children?.sort(gridItemSorter).map(child => {\n            const autoSize =\n              autoSizeItemIDs.includes(child.key!) && lastItemsInLayout.includes(child.key!);\n\n            return (\n              <ViewerGridItem key={child.key} autoSize={autoSize} direction={rtl ? 'rtl' : 'ltr'}>\n                {child}\n              </ViewerGridItem>\n            );\n          })}\n\n          {(!children || children.length === 0) && (\n            // Placeholder when no children. Needed to avoid exceptions:\n            // https://github.com/react-grid-layout/react-grid-layout/issues/216\n            <div key='--' />\n          )}\n        </ResponsiveGridLayout>\n      )}\n      {/** Removed container padding, hence adding extra space at bottom of grid */}\n      <StyledEmptyFooter />\n    </StyledWrapper>\n  );\n};\n\nexport default GridLayoutViewer;\n"]}

package/lib/components/PageTemplates/GridLayout/ReactGridLayoutStyles.d.ts

@@ -1,3 +1,3 @@
-declare const ReactGridLayoutStyles: import("styled-components").GlobalStyleComponent<{}, import("styled-components").DefaultTheme>;
+declare const ReactGridLayoutStyles: import("react").NamedExoticComponent<import("styled-components").ExecutionProps & object>;
 export default ReactGridLayoutStyles;
 //# sourceMappingURL=ReactGridLayoutStyles.d.ts.map

package/lib/components/PageTemplates/GridLayout/ReactGridLayoutStyles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ReactGridLayoutStyles.d.ts","sourceRoot":"","sources":["../../../../src/components/PageTemplates/GridLayout/ReactGridLayoutStyles.ts"],"names":[],"mappings":"AAGA,QAAA,MAAM,qBAAqB,gGAuI1B,CAAC;AAEF,eAAe,qBAAqB,CAAC"}
+{"version":3,"file":"ReactGridLayoutStyles.d.ts","sourceRoot":"","sources":["../../../../src/components/PageTemplates/GridLayout/ReactGridLayoutStyles.ts"],"names":[],"mappings":"AAGA,QAAA,MAAM,qBAAqB,2FAuI1B,CAAC;AAEF,eAAe,qBAAqB,CAAC"}

package/lib/components/PageTemplates/GridLayout/ReactResizableStyles.d.ts

@@ -1,3 +1,3 @@
-declare const ReactResizableStyles: import("styled-components").GlobalStyleComponent<{}, import("styled-components").DefaultTheme>;
+declare const ReactResizableStyles: import("react").NamedExoticComponent<import("styled-components").ExecutionProps & object>;
 export default ReactResizableStyles;
 //# sourceMappingURL=ReactResizableStyles.d.ts.map

package/lib/components/PageTemplates/GridLayout/ReactResizableStyles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ReactResizableStyles.d.ts","sourceRoot":"","sources":["../../../../src/components/PageTemplates/GridLayout/ReactResizableStyles.ts"],"names":[],"mappings":"AAGA,QAAA,MAAM,oBAAoB,gGA8EzB,CAAC;AAEF,eAAe,oBAAoB,CAAC"}
+{"version":3,"file":"ReactResizableStyles.d.ts","sourceRoot":"","sources":["../../../../src/components/PageTemplates/GridLayout/ReactResizableStyles.ts"],"names":[],"mappings":"AAGA,QAAA,MAAM,oBAAoB,2FA8EzB,CAAC;AAEF,eAAe,oBAAoB,CAAC"}

package/lib/components/PageTemplates/GridLayout/utils.d.ts

@@ -41,9 +41,10 @@ export type GridLayoutRowsProp = Partial<Record<GridBreakPoint, {
  * @param gap - Gutter size in pixels
  * @param rows - Rows configuration
  * @param layoutModel - Breakpoint-wise layout model
+ * @param minRowHeightOverride - Optional minimum row height (px) that overrides the built-in defaults
  * @returns Row height in pixels
  */
-export declare const getRowHeight: (breakpoint: GridBreakPoint, parentHeight: number, gap: number, rows: GridLayoutRowsProp, layoutModel: GridLayoutModel | undefined) => {
+export declare const getRowHeight: (breakpoint: GridBreakPoint, parentHeight: number, gap: number, rows: GridLayoutRowsProp, layoutModel: GridLayoutModel | undefined, minRowHeightOverride?: number) => {
     rowHeight: number;
     numRowsPerPage: number | null;
 };

package/lib/components/PageTemplates/GridLayout/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../src/components/PageTemplates/GridLayout/utils.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,YAAY,EAAwB,MAAM,OAAO,CAAC;AAChE,OAAO,EAAE,KAAK,MAAM,EAAc,MAAM,mBAAmB,CAAC;AAK5D,OAAa,EAAE,KAAK,SAAS,EAAE,MAAM,YAAY,CAAC;AAClD,OAAO,KAAK,EAAE,+BAA+B,EAAE,MAAM,gBAAgB,CAAC;AAEtE,OAAO,KAAK,EAAE,cAAc,EAAE,wBAAwB,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAE1F;;;;;GAKG;AACH,eAAO,MAAM,iBAAiB,GAAI,gBAAgB,MAAM,EAAE,EAAE,aAAa,MAAM,SAuBvE,YAAY,KAAK,YAAY,KAAG,MAiBvC,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,oBAAoB,GAC/B,OAAO,MAAM,EACb,aAAa,wBAAwB,EACrC,MAAM,wBAAwB;;;CAS/B,CAAC;AAEF;;;GAGG;AACH,MAAM,MAAM,kBAAkB,GAAG,OAAO,CACtC,MAAM,CACJ,cAAc,EACZ;IACE,gFAAgF;IAChF,WAAW,EAAE,MAAM,CAAC;CACrB,GACD;IACE,sDAAsD;IACtD,SAAS,EAAE,MAAM,CAAC;CACnB,CACJ,CACF,CAAC;AAEF;;;;;;;;;GASG;AACH,eAAO,MAAM,YAAY,GACvB,YAAY,cAAc,EAC1B,cAAc,MAAM,EACpB,KAAK,MAAM,EACX,MAAM,kBAAkB,EACxB,aAAa,eAAe,GAAG,SAAS,KACvC;IAAE,SAAS,EAAE,MAAM,CAAC;IAAC,cAAc,EAAE,MAAM,GAAG,IAAI,CAAA;CAuBpD,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,kBAAkB,GAAI,QAAQ,MAAM,EAAE,EAAE,YAAY,MAAM,KAAG,OAczE,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,gBAAgB,GAC3B,SAAS,WAAW,GAAG,IAAI,EAC3B,cAAW,KACV,eAAe,GAAG,IAkBpB,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,iBAAiB,GAAI,MAAM,MAAM,EAAE,OAAO,MAAM,EAAE,WAAW,OAAO,aAShF,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,cAAc,GAAI,CAAC,SAAS,MAAM,EAAE,CAAC,SAAS,WAAW,EACpE,KAAK,CAAC,EACN,MAAM,CAAC,KAEN,GAAG,IAAI,OAAO,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,EAAE,EAAE,CAAC,CAEjC,CAAC;AAQF;;;;;GAKG;AACH,eAAO,MAAM,iBAAiB,EAAE,+BAA+B,CAAC,OAAO,CAAC,SAAS,CAAC,CASjF,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,oBAAoB,GAAI,QAAQ,MAAM,EAAE,GAAG,SAAS,aAmBhE,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,eAAe,GAAI,QAAQ,eAAe,EAAE,MAAM,wBAAwB,8CActF,CAAC"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../src/components/PageTemplates/GridLayout/utils.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,YAAY,EAAwB,MAAM,OAAO,CAAC;AAChE,OAAO,EAAE,KAAK,MAAM,EAAc,MAAM,mBAAmB,CAAC;AAK5D,OAAa,EAAE,KAAK,SAAS,EAAE,MAAM,YAAY,CAAC;AAClD,OAAO,KAAK,EAAE,+BAA+B,EAAE,MAAM,gBAAgB,CAAC;AAEtE,OAAO,KAAK,EAAE,cAAc,EAAE,wBAAwB,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAE1F;;;;;GAKG;AACH,eAAO,MAAM,iBAAiB,GAAI,gBAAgB,MAAM,EAAE,EAAE,aAAa,MAAM,SAuBvE,YAAY,KAAK,YAAY,KAAG,MAiBvC,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,oBAAoB,GAC/B,OAAO,MAAM,EACb,aAAa,wBAAwB,EACrC,MAAM,wBAAwB;;;CAS/B,CAAC;AAEF;;;GAGG;AACH,MAAM,MAAM,kBAAkB,GAAG,OAAO,CACtC,MAAM,CACJ,cAAc,EACZ;IACE,gFAAgF;IAChF,WAAW,EAAE,MAAM,CAAC;CACrB,GACD;IACE,sDAAsD;IACtD,SAAS,EAAE,MAAM,CAAC;CACnB,CACJ,CACF,CAAC;AAEF;;;;;;;;;;GAUG;AACH,eAAO,MAAM,YAAY,GACvB,YAAY,cAAc,EAC1B,cAAc,MAAM,EACpB,KAAK,MAAM,EACX,MAAM,kBAAkB,EACxB,aAAa,eAAe,GAAG,SAAS,EACxC,uBAAuB,MAAM,KAC5B;IAAE,SAAS,EAAE,MAAM,CAAC;IAAC,cAAc,EAAE,MAAM,GAAG,IAAI,CAAA;CAuBpD,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,kBAAkB,GAAI,QAAQ,MAAM,EAAE,EAAE,YAAY,MAAM,KAAG,OAczE,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,gBAAgB,GAC3B,SAAS,WAAW,GAAG,IAAI,EAC3B,cAAW,KACV,eAAe,GAAG,IAkBpB,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,iBAAiB,GAAI,MAAM,MAAM,EAAE,OAAO,MAAM,EAAE,WAAW,OAAO,aAShF,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,cAAc,GAAI,CAAC,SAAS,MAAM,EAAE,CAAC,SAAS,WAAW,EACpE,KAAK,CAAC,EACN,MAAM,CAAC,KAEN,GAAG,IAAI,OAAO,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,EAAE,EAAE,CAAC,CAEjC,CAAC;AAQF;;;;;GAKG;AACH,eAAO,MAAM,iBAAiB,EAAE,+BAA+B,CAAC,OAAO,CAAC,SAAS,CAAC,CASjF,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,oBAAoB,GAAI,QAAQ,MAAM,EAAE,GAAG,SAAS,aAmBhE,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,eAAe,GAAI,QAAQ,eAAe,EAAE,MAAM,wBAAwB,8CActF,CAAC"}

package/lib/components/PageTemplates/GridLayout/utils.js

@@ -65,9 +65,10 @@ export const getBreakpointAndCols = (width, breakpoints, cols) => {
  * @param gap - Gutter size in pixels
  * @param rows - Rows configuration
  * @param layoutModel - Breakpoint-wise layout model
+ * @param minRowHeightOverride - Optional minimum row height (px) that overrides the built-in defaults
  * @returns Row height in pixels
  */
-export const getRowHeight = (breakpoint, parentHeight, gap, rows, layoutModel) => {
+export const getRowHeight = (breakpoint, parentHeight, gap, rows, layoutModel, minRowHeightOverride) => {
     // If no rows configuration specified at the current breakpoint, return static values.
     if (!rows[breakpoint]) {
         return { rowHeight: 80, numRowsPerPage: null };
@@ -81,10 +82,10 @@ export const getRowHeight = (breakpoint, parentHeight, gap, rows, layoutModel) =
     const marginY = gap;
     // AUTO-FIT CALC: numRowsPerPage * (rowHeight + marginY) = parentHeight
     const rowHeight = parentHeight / numRowsPerPage - marginY;
-    // When single-row items are present, ensure a minimum of 80px for those items
+    // When single-row items are present, ensure a minimum of minRowHeightOverride/80px for those items
     // Else, ensure a minimum of 60px to keep the content from getting squished too much
     const hasSingleRowItems = layoutModel?.[breakpoint]?.some(item => item.h === 1);
-    const minRowHeight = hasSingleRowItems ? 80 : 60;
+    const minRowHeight = hasSingleRowItems ? minRowHeightOverride ?? 80 : 60;
     return { rowHeight: Math.max(rowHeight, minRowHeight), numRowsPerPage };
 };
 /**

package/lib/components/PageTemplates/GridLayout/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../src/components/PageTemplates/GridLayout/utils.tsx"],"names":[],"mappings":"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","sourcesContent":["import { type ReactElement, useCallback, useMemo } from 'react';\nimport { type Layout, Responsive } from 'react-grid-layout';\nimport { useLayoutEffect, useState, forwardRef } from 'react';\nimport styled from 'styled-components';\n\nimport { debounce, hasProp } from '../../../utils';\nimport Flex, { type FlexProps } from '../../Flex';\nimport type { ForwardRefForwardPropsComponent } from '../../../types';\n\nimport type { GridBreakPoint, GridBreakPointWiseValues, GridLayoutModel } from './config';\n\n/**\n * Returns a sorter function to apply on Grid children to ensure intuitive tabbing order\n * @param currentLayout - Layout objects at the current breakpoint\n * @param numColumns - Number of columns at the current breakpoint\n * @returns A sorter function to apply on Grid children\n */\nexport const useGridItemSorter = (currentLayout?: Layout[], numColumns?: number) => {\n  // Elements are expected to be navigated/tabbed in a row-major order.\n  // This order should be based on the top-left {x,y} coordinates of each element.\n  // Setting up weighted values based on each item's location, to ensure the row-major order.\n  const keyWiseValues: { [key: string]: number } = useMemo(() => {\n    // Can be undefined on load and on breakpoint changes.\n    if (\n      currentLayout === undefined ||\n      currentLayout === null ||\n      numColumns === undefined ||\n      numColumns === null\n    )\n      return {};\n\n    const returnObj: { [key: string]: number } = {};\n    currentLayout.forEach(item => {\n      returnObj[item.i] = item.x + numColumns * item.y;\n    });\n    return returnObj;\n  }, [currentLayout, numColumns]);\n\n  // Function to be used in `Array.sort()`\n  return useCallback(\n    (a: ReactElement, b: ReactElement): number => {\n      // Safety check. By default, we expect `key`s to be present on all children.\n      if (a.key === undefined || a.key === null || b.key === undefined || b.key === null) return 0;\n\n      // In case the element is just added to the layout or if the grid just moved to a different breakpoint.\n      if (\n        keyWiseValues[a.key] === undefined ||\n        keyWiseValues[a.key] === null ||\n        keyWiseValues[b.key] === undefined ||\n        keyWiseValues[b.key] === null\n      )\n        return 0;\n\n      return keyWiseValues[a.key] - keyWiseValues[b.key];\n    },\n    [keyWiseValues]\n  );\n};\n\n/**\n * Determines the current breakpoint and numColumns based on the given width.\n * Uses the same mechanism as React-grid-layout.\n * @param width - Container width\n * @param breakpoints - Breakpoint configuration\n * @param cols - Columns configured at different breakpoints\n * @returns Current breakpoint and # of columns\n */\nexport const getBreakpointAndCols = (\n  width: number,\n  breakpoints: GridBreakPointWiseValues,\n  cols: GridBreakPointWiseValues\n) => {\n  // Reading it this way due to: https://github.com/DefinitelyTyped/DefinitelyTyped/issues/35370\n  const { getBreakpointFromWidth } = (Responsive as typeof Responsive & { utils: any }).utils;\n\n  const breakpoint: GridBreakPoint = getBreakpointFromWidth(breakpoints, width);\n  const numColumns = cols[breakpoint]!;\n\n  return { breakpoint, numColumns };\n};\n\n/**\n * Breakpoint-wise configuration for GridLayout rows\n * For each breakpoint, specify wither a fixed height(px) or # of rows to fit into container\n */\nexport type GridLayoutRowsProp = Partial<\n  Record<\n    GridBreakPoint,\n    | {\n        /** Pass this if these many rows should exactly fit into the container height */\n        rowsPerPage: number;\n      }\n    | {\n        /** Pass this if a fixed row-height (px) is desired */\n        rowHeight: number;\n      }\n  >\n>;\n\n/**\n * Determines the rowHeight to use based on auto-fit configuration.\n * Returns a static rowHeight & `rowsPerPage: null` if no auto-fit configuration specified for the current breakpoint.\n * @param breakpoint - Current breakpoint\n * @param parentHeight - Height of the container element\n * @param gap - Gutter size in pixels\n * @param rows - Rows configuration\n * @param layoutModel - Breakpoint-wise layout model\n * @returns Row height in pixels\n */\nexport const getRowHeight = (\n  breakpoint: GridBreakPoint,\n  parentHeight: number,\n  gap: number,\n  rows: GridLayoutRowsProp,\n  layoutModel: GridLayoutModel | undefined\n): { rowHeight: number; numRowsPerPage: number | null } => {\n  // If no rows configuration specified at the current breakpoint, return static values.\n  if (!rows[breakpoint]) {\n    return { rowHeight: 80, numRowsPerPage: null };\n  }\n\n  // If a fixed height is specified, use that\n  if ('rowHeight' in rows[breakpoint]) {\n    return { rowHeight: rows[breakpoint].rowHeight, numRowsPerPage: null };\n  }\n\n  // If rowsPerPage is specified, apply AUTO-FIT\n  const numRowsPerPage = rows[breakpoint].rowsPerPage;\n  const marginY = gap;\n\n  // AUTO-FIT CALC: numRowsPerPage * (rowHeight + marginY) = parentHeight\n  const rowHeight = parentHeight / numRowsPerPage - marginY;\n\n  // When single-row items are present, ensure a minimum of 80px for those items\n  // Else, ensure a minimum of 60px to keep the content from getting squished too much\n  const hasSingleRowItems = layoutModel?.[breakpoint]?.some(item => item.h === 1);\n  const minRowHeight = hasSingleRowItems ? 80 : 60;\n  return { rowHeight: Math.max(rowHeight, minRowHeight), numRowsPerPage };\n};\n\n/**\n * Checks the current layouts for any gaps between/around grid items.\n * @param layout - Layout objects at a given breakpoint\n * @param numColumns - # of columns at the breakpoint\n * @returns A flag indicating whether there are gaps\n */\nexport const checkLayoutForGaps = (layout: Layout[], numColumns: number): boolean => {\n  // Since the grid items don't overlap,\n  // we can simply count how many cells are occupied by the grid-items\n  // and then see if the full grid has more cells than the filled count.\n\n  // Y-coordinate for the lowermost row (dummy row)\n  let lastRowY = 0;\n  let numFilledCells = 0;\n  layout.forEach(item => {\n    lastRowY = Math.max(lastRowY, item.y + item.h);\n    numFilledCells += item.w * item.h;\n  });\n\n  return numFilledCells < numColumns * lastRowY;\n};\n\n/**\n * Sets up a ResizeObserver on the given element and returns a new size whenever the element is resized.\n * NOTE: The input element and the output can be null on load when the corresponding ref is yet to be initialized.\n * @param element - Element to monitor size\n * @param delay - Debounce delay for the observer\n * @returns The current size object for the element\n */\nexport const useMonitoredSize = (\n  element: HTMLElement | null,\n  delay = 250\n): DOMRectReadOnly | null => {\n  const [size, setSize] = useState<DOMRectReadOnly | null>(null);\n\n  useLayoutEffect(() => {\n    if (!element) return; // If not yet initialized\n\n    const resizeObserver = new ResizeObserver(\n      debounce((entries: ResizeObserverEntry[]) => {\n        setSize(entries[0].contentRect);\n      }, delay)\n    );\n\n    resizeObserver.observe(element);\n\n    return () => resizeObserver.disconnect();\n  }, [element, delay]);\n\n  return size;\n};\n\n/**\n * Creates an array from the range specified by the args. Supports both ascending and descending ranges\n * @param left - Left bound for the range\n * @param right - Right bound for the range\n * @param inclusive - Specifies whether the right bound should be included in the range\n * @returns - A new array\n */\nexport const getArrayFromRange = (left: number, right: number, inclusive: boolean) => {\n  const range = [];\n  const ascending = left < right;\n  const increment = ascending ? 1 : -1;\n  const end = !inclusive ? right : right + increment;\n  for (let i = left; ascending ? i < end : i > end; i += increment) {\n    range.push(i);\n  }\n  return range;\n};\n\n/**\n * Check for a non-null existence of the prop.\n * @param obj - Target object.\n * @param prop - Target property.\n * @returns A boolean flag indicating the non-null existence of the property.\n */\nexport const hasNonNullProp = <T extends object, P extends PropertyKey>(\n  obj: T,\n  prop: P\n  // eslint-disable-next-line @typescript-eslint/ban-types\n): obj is Extract<T, Record<P, {}>> => {\n  return hasProp(obj, prop) && obj[prop] !== null && obj[prop] !== undefined;\n};\n\nconst StyledContent = styled(Flex)`\n  /* https://stackoverflow.com/a/36247448 */\n  min-height: 0;\n  min-width: 0;\n`;\n\n/**\n * Wraps the children around a Flex item,\n * that grows exactly into the remaining parent height/width (depending on flex direction),\n * regardless of the child content.\n * @component\n */\nexport const ParentFitFlexItem: ForwardRefForwardPropsComponent<Partial<FlexProps>> = forwardRef(\n  ({ children, item, ...restProps }, ref) => {\n    // TODO Do we need basis: '0'? Everything seems to work fine without it\n    return (\n      <StyledContent ref={ref} item={{ grow: 1, basis: '0', ...item }} {...restProps}>\n        {children}\n      </StyledContent>\n    );\n  }\n);\n\n/**\n * Returns last items in layout, vertically\n * @param layout - Grid layout\n * @returns Last items in layout\n */\nexport const getLastItemsInLayout = (layout: Layout[] | undefined) => {\n  if (!layout) return [];\n  // To store the last elements\n  const lastElements: string[] = [];\n\n  layout.forEach(({ x, y, w, h, i }) => {\n    const bottomEdge = y + h;\n    const isLast = !layout.some(\n      ({ x: x2, y: y2, w: w2, i: i2 }) =>\n        // Check if another item is below the current one\n        i2 !== i && x2 < x + w && x2 + w2 > x && y2 >= bottomEdge\n    );\n\n    if (isLast) {\n      lastElements.push(i);\n    }\n  });\n\n  return lastElements;\n};\n\n/**\n * This method converts the layout model from ltr to rtl\n * @param layout - current layoutModel\n * @param cols - numColumns on the Grid for each breakpoint\n * @returns rtl layout\n */\nexport const convertLtrToRtl = (layout: GridLayoutModel, cols: GridBreakPointWiseValues) => {\n  const newLayout: GridLayoutModel = {};\n\n  // Updating the x positions for RTL by calculating the mirrored x value\n  (Object.keys(layout) as GridBreakPoint[]).forEach(breakpoint => {\n    const totalWidth = cols[breakpoint];\n    newLayout[breakpoint] = layout[breakpoint]?.map((item: Layout) => {\n      return {\n        ...item,\n        x: totalWidth ? totalWidth - item.x - item.w : item.x\n      };\n    });\n  });\n  return newLayout;\n};\n"]}
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../src/components/PageTemplates/GridLayout/utils.tsx"],"names":[],"mappings":"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","sourcesContent":["import { type ReactElement, useCallback, useMemo } from 'react';\nimport { type Layout, Responsive } from 'react-grid-layout';\nimport { useLayoutEffect, useState, forwardRef } from 'react';\nimport styled from 'styled-components';\n\nimport { debounce, hasProp } from '../../../utils';\nimport Flex, { type FlexProps } from '../../Flex';\nimport type { ForwardRefForwardPropsComponent } from '../../../types';\n\nimport type { GridBreakPoint, GridBreakPointWiseValues, GridLayoutModel } from './config';\n\n/**\n * Returns a sorter function to apply on Grid children to ensure intuitive tabbing order\n * @param currentLayout - Layout objects at the current breakpoint\n * @param numColumns - Number of columns at the current breakpoint\n * @returns A sorter function to apply on Grid children\n */\nexport const useGridItemSorter = (currentLayout?: Layout[], numColumns?: number) => {\n  // Elements are expected to be navigated/tabbed in a row-major order.\n  // This order should be based on the top-left {x,y} coordinates of each element.\n  // Setting up weighted values based on each item's location, to ensure the row-major order.\n  const keyWiseValues: { [key: string]: number } = useMemo(() => {\n    // Can be undefined on load and on breakpoint changes.\n    if (\n      currentLayout === undefined ||\n      currentLayout === null ||\n      numColumns === undefined ||\n      numColumns === null\n    )\n      return {};\n\n    const returnObj: { [key: string]: number } = {};\n    currentLayout.forEach(item => {\n      returnObj[item.i] = item.x + numColumns * item.y;\n    });\n    return returnObj;\n  }, [currentLayout, numColumns]);\n\n  // Function to be used in `Array.sort()`\n  return useCallback(\n    (a: ReactElement, b: ReactElement): number => {\n      // Safety check. By default, we expect `key`s to be present on all children.\n      if (a.key === undefined || a.key === null || b.key === undefined || b.key === null) return 0;\n\n      // In case the element is just added to the layout or if the grid just moved to a different breakpoint.\n      if (\n        keyWiseValues[a.key] === undefined ||\n        keyWiseValues[a.key] === null ||\n        keyWiseValues[b.key] === undefined ||\n        keyWiseValues[b.key] === null\n      )\n        return 0;\n\n      return keyWiseValues[a.key] - keyWiseValues[b.key];\n    },\n    [keyWiseValues]\n  );\n};\n\n/**\n * Determines the current breakpoint and numColumns based on the given width.\n * Uses the same mechanism as React-grid-layout.\n * @param width - Container width\n * @param breakpoints - Breakpoint configuration\n * @param cols - Columns configured at different breakpoints\n * @returns Current breakpoint and # of columns\n */\nexport const getBreakpointAndCols = (\n  width: number,\n  breakpoints: GridBreakPointWiseValues,\n  cols: GridBreakPointWiseValues\n) => {\n  // Reading it this way due to: https://github.com/DefinitelyTyped/DefinitelyTyped/issues/35370\n  const { getBreakpointFromWidth } = (Responsive as typeof Responsive & { utils: any }).utils;\n\n  const breakpoint: GridBreakPoint = getBreakpointFromWidth(breakpoints, width);\n  const numColumns = cols[breakpoint]!;\n\n  return { breakpoint, numColumns };\n};\n\n/**\n * Breakpoint-wise configuration for GridLayout rows\n * For each breakpoint, specify wither a fixed height(px) or # of rows to fit into container\n */\nexport type GridLayoutRowsProp = Partial<\n  Record<\n    GridBreakPoint,\n    | {\n        /** Pass this if these many rows should exactly fit into the container height */\n        rowsPerPage: number;\n      }\n    | {\n        /** Pass this if a fixed row-height (px) is desired */\n        rowHeight: number;\n      }\n  >\n>;\n\n/**\n * Determines the rowHeight to use based on auto-fit configuration.\n * Returns a static rowHeight & `rowsPerPage: null` if no auto-fit configuration specified for the current breakpoint.\n * @param breakpoint - Current breakpoint\n * @param parentHeight - Height of the container element\n * @param gap - Gutter size in pixels\n * @param rows - Rows configuration\n * @param layoutModel - Breakpoint-wise layout model\n * @param minRowHeightOverride - Optional minimum row height (px) that overrides the built-in defaults\n * @returns Row height in pixels\n */\nexport const getRowHeight = (\n  breakpoint: GridBreakPoint,\n  parentHeight: number,\n  gap: number,\n  rows: GridLayoutRowsProp,\n  layoutModel: GridLayoutModel | undefined,\n  minRowHeightOverride?: number\n): { rowHeight: number; numRowsPerPage: number | null } => {\n  // If no rows configuration specified at the current breakpoint, return static values.\n  if (!rows[breakpoint]) {\n    return { rowHeight: 80, numRowsPerPage: null };\n  }\n\n  // If a fixed height is specified, use that\n  if ('rowHeight' in rows[breakpoint]) {\n    return { rowHeight: rows[breakpoint].rowHeight, numRowsPerPage: null };\n  }\n\n  // If rowsPerPage is specified, apply AUTO-FIT\n  const numRowsPerPage = rows[breakpoint].rowsPerPage;\n  const marginY = gap;\n\n  // AUTO-FIT CALC: numRowsPerPage * (rowHeight + marginY) = parentHeight\n  const rowHeight = parentHeight / numRowsPerPage - marginY;\n  // When single-row items are present, ensure a minimum of minRowHeightOverride/80px for those items\n  // Else, ensure a minimum of 60px to keep the content from getting squished too much\n  const hasSingleRowItems = layoutModel?.[breakpoint]?.some(item => item.h === 1);\n\n  const minRowHeight = hasSingleRowItems ? minRowHeightOverride ?? 80 : 60;\n  return { rowHeight: Math.max(rowHeight, minRowHeight), numRowsPerPage };\n};\n\n/**\n * Checks the current layouts for any gaps between/around grid items.\n * @param layout - Layout objects at a given breakpoint\n * @param numColumns - # of columns at the breakpoint\n * @returns A flag indicating whether there are gaps\n */\nexport const checkLayoutForGaps = (layout: Layout[], numColumns: number): boolean => {\n  // Since the grid items don't overlap,\n  // we can simply count how many cells are occupied by the grid-items\n  // and then see if the full grid has more cells than the filled count.\n\n  // Y-coordinate for the lowermost row (dummy row)\n  let lastRowY = 0;\n  let numFilledCells = 0;\n  layout.forEach(item => {\n    lastRowY = Math.max(lastRowY, item.y + item.h);\n    numFilledCells += item.w * item.h;\n  });\n\n  return numFilledCells < numColumns * lastRowY;\n};\n\n/**\n * Sets up a ResizeObserver on the given element and returns a new size whenever the element is resized.\n * NOTE: The input element and the output can be null on load when the corresponding ref is yet to be initialized.\n * @param element - Element to monitor size\n * @param delay - Debounce delay for the observer\n * @returns The current size object for the element\n */\nexport const useMonitoredSize = (\n  element: HTMLElement | null,\n  delay = 250\n): DOMRectReadOnly | null => {\n  const [size, setSize] = useState<DOMRectReadOnly | null>(null);\n\n  useLayoutEffect(() => {\n    if (!element) return; // If not yet initialized\n\n    const resizeObserver = new ResizeObserver(\n      debounce((entries: ResizeObserverEntry[]) => {\n        setSize(entries[0].contentRect);\n      }, delay)\n    );\n\n    resizeObserver.observe(element);\n\n    return () => resizeObserver.disconnect();\n  }, [element, delay]);\n\n  return size;\n};\n\n/**\n * Creates an array from the range specified by the args. Supports both ascending and descending ranges\n * @param left - Left bound for the range\n * @param right - Right bound for the range\n * @param inclusive - Specifies whether the right bound should be included in the range\n * @returns - A new array\n */\nexport const getArrayFromRange = (left: number, right: number, inclusive: boolean) => {\n  const range = [];\n  const ascending = left < right;\n  const increment = ascending ? 1 : -1;\n  const end = !inclusive ? right : right + increment;\n  for (let i = left; ascending ? i < end : i > end; i += increment) {\n    range.push(i);\n  }\n  return range;\n};\n\n/**\n * Check for a non-null existence of the prop.\n * @param obj - Target object.\n * @param prop - Target property.\n * @returns A boolean flag indicating the non-null existence of the property.\n */\nexport const hasNonNullProp = <T extends object, P extends PropertyKey>(\n  obj: T,\n  prop: P\n  // eslint-disable-next-line @typescript-eslint/ban-types\n): obj is Extract<T, Record<P, {}>> => {\n  return hasProp(obj, prop) && obj[prop] !== null && obj[prop] !== undefined;\n};\n\nconst StyledContent = styled(Flex)`\n  /* https://stackoverflow.com/a/36247448 */\n  min-height: 0;\n  min-width: 0;\n`;\n\n/**\n * Wraps the children around a Flex item,\n * that grows exactly into the remaining parent height/width (depending on flex direction),\n * regardless of the child content.\n * @component\n */\nexport const ParentFitFlexItem: ForwardRefForwardPropsComponent<Partial<FlexProps>> = forwardRef(\n  ({ children, item, ...restProps }, ref) => {\n    // TODO Do we need basis: '0'? Everything seems to work fine without it\n    return (\n      <StyledContent ref={ref} item={{ grow: 1, basis: '0', ...item }} {...restProps}>\n        {children}\n      </StyledContent>\n    );\n  }\n);\n\n/**\n * Returns last items in layout, vertically\n * @param layout - Grid layout\n * @returns Last items in layout\n */\nexport const getLastItemsInLayout = (layout: Layout[] | undefined) => {\n  if (!layout) return [];\n  // To store the last elements\n  const lastElements: string[] = [];\n\n  layout.forEach(({ x, y, w, h, i }) => {\n    const bottomEdge = y + h;\n    const isLast = !layout.some(\n      ({ x: x2, y: y2, w: w2, i: i2 }) =>\n        // Check if another item is below the current one\n        i2 !== i && x2 < x + w && x2 + w2 > x && y2 >= bottomEdge\n    );\n\n    if (isLast) {\n      lastElements.push(i);\n    }\n  });\n\n  return lastElements;\n};\n\n/**\n * This method converts the layout model from ltr to rtl\n * @param layout - current layoutModel\n * @param cols - numColumns on the Grid for each breakpoint\n * @returns rtl layout\n */\nexport const convertLtrToRtl = (layout: GridLayoutModel, cols: GridBreakPointWiseValues) => {\n  const newLayout: GridLayoutModel = {};\n\n  // Updating the x positions for RTL by calculating the mirrored x value\n  (Object.keys(layout) as GridBreakPoint[]).forEach(breakpoint => {\n    const totalWidth = cols[breakpoint];\n    newLayout[breakpoint] = layout[breakpoint]?.map((item: Layout) => {\n      return {\n        ...item,\n        x: totalWidth ? totalWidth - item.x - item.w : item.x\n      };\n    });\n  });\n  return newLayout;\n};\n"]}

package/lib/components/PageTemplates/PageTemplates.d.ts

@@ -84,20 +84,202 @@ export interface PageLayoutProps extends PageTemplateProps {
     cols?: string;
     padContent?: boolean;
 }
-export declare const StyledPageIcon: import("styled-components").StyledComponent<ForwardRefForwardPropsComponent<import("../Flex").FlexProps>, import("styled-components").DefaultTheme, {}, never>;
-export declare const StyledPageHeader: import("styled-components").StyledComponent<"header", import("styled-components").DefaultTheme, {}, never>;
-export declare const StyledRegion: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+export declare const StyledPageIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<(Omit<Omit<Pick<import("../Flex/Flex").BaseFlexProps & BaseProps & AsProp & {
+    children?: ReactNode;
+    ref?: Ref<Element>;
+    xs?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
+    sm?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
+    md?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
+    lg?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
+    xl?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
+}, "ref" | "className" | "children" | keyof AsProp> & Required<Pick<import("../Flex/Flex").BaseFlexProps & BaseProps & AsProp & {
+    children?: ReactNode;
+    ref?: Ref<Element>;
+    xs?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
+    sm?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
+    md?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
+    lg?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
+    xl?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
+}, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps & BaseProps & AsProp & {
+    children?: ReactNode;
+    ref?: Ref<Element>;
+    xs?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
+    sm?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
+    md?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
+    lg?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
+    xl?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
+}, "item" | "xs" | "xl" | "sm" | "md" | "lg">>, "ref"> & import("react").RefAttributes<Element> & import("../../types").ForwardProps, "ref"> & {
+    ref?: import("react").RefObject<Element> | ((instance: Element | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | null | undefined;
+}) | (Omit<Omit<Pick<import("../Flex/Flex").BaseFlexProps & BaseProps & AsProp & {
+    children?: ReactNode;
+    ref?: Ref<Element>;
+    xs?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
+    sm?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
+    md?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
+    lg?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
+    xl?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
+}, "ref" | "className" | "children" | keyof AsProp> & Required<Pick<import("../Flex/Flex").BaseFlexProps & BaseProps & AsProp & {
+    children?: ReactNode;
+    ref?: Ref<Element>;
+    xs?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
+    sm?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
+    md?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
+    lg?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
+    xl?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
+}, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps & BaseProps & AsProp & {
+    children?: ReactNode;
+    ref?: Ref<Element>;
+    xs?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
+    sm?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
+    md?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
+    lg?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
+    xl?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
+}, "container" | "xs" | "xl" | "sm" | "md" | "lg">>, "ref"> & import("react").RefAttributes<Element> & import("../../types").ForwardProps, "ref"> & {
+    ref?: import("react").RefObject<Element> | ((instance: Element | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | null | undefined;
+}) | (Omit<Omit<Pick<import("../Flex/Flex").BaseFlexProps & BaseProps & AsProp & {
+    children?: ReactNode;
+    ref?: Ref<Element>;
+    xs?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
+    sm?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
+    md?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
+    lg?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
+    xl?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
+}, "ref" | "className" | "children" | keyof AsProp> & Required<Pick<import("../Flex/Flex").BaseFlexProps & BaseProps & AsProp & {
+    children?: ReactNode;
+    ref?: Ref<Element>;
+    xs?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
+    sm?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
+    md?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
+    lg?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
+    xl?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
+}, "xs">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps & BaseProps & AsProp & {
+    children?: ReactNode;
+    ref?: Ref<Element>;
+    xs?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
+    sm?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
+    md?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
+    lg?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
+    xl?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
+}, "container" | "item" | "xl" | "sm" | "md" | "lg">>, "ref"> & import("react").RefAttributes<Element> & import("../../types").ForwardProps, "ref"> & {
+    ref?: import("react").RefObject<Element> | ((instance: Element | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | null | undefined;
+}) | (Omit<Omit<Pick<import("../Flex/Flex").BaseFlexProps & BaseProps & AsProp & {
+    children?: ReactNode;
+    ref?: Ref<Element>;
+    xs?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
+    sm?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
+    md?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
+    lg?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
+    xl?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
+}, "ref" | "className" | "children" | keyof AsProp> & Required<Pick<import("../Flex/Flex").BaseFlexProps & BaseProps & AsProp & {
+    children?: ReactNode;
+    ref?: Ref<Element>;
+    xs?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
+    sm?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
+    md?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
+    lg?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
+    xl?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
+}, "xl">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps & BaseProps & AsProp & {
+    children?: ReactNode;
+    ref?: Ref<Element>;
+    xs?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
+    sm?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
+    md?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
+    lg?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
+    xl?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
+}, "container" | "item" | "xs" | "sm" | "md" | "lg">>, "ref"> & import("react").RefAttributes<Element> & import("../../types").ForwardProps, "ref"> & {
+    ref?: import("react").RefObject<Element> | ((instance: Element | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | null | undefined;
+}) | (Omit<Omit<Pick<import("../Flex/Flex").BaseFlexProps & BaseProps & AsProp & {
+    children?: ReactNode;
+    ref?: Ref<Element>;
+    xs?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
+    sm?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
+    md?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
+    lg?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
+    xl?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
+}, "ref" | "className" | "children" | keyof AsProp> & Required<Pick<import("../Flex/Flex").BaseFlexProps & BaseProps & AsProp & {
+    children?: ReactNode;
+    ref?: Ref<Element>;
+    xs?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
+    sm?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
+    md?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
+    lg?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
+    xl?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
+}, "sm">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps & BaseProps & AsProp & {
+    children?: ReactNode;
+    ref?: Ref<Element>;
+    xs?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
+    sm?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
+    md?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
+    lg?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
+    xl?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
+}, "container" | "item" | "xs" | "xl" | "md" | "lg">>, "ref"> & import("react").RefAttributes<Element> & import("../../types").ForwardProps, "ref"> & {
+    ref?: import("react").RefObject<Element> | ((instance: Element | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | null | undefined;
+}) | (Omit<Omit<Pick<import("../Flex/Flex").BaseFlexProps & BaseProps & AsProp & {
+    children?: ReactNode;
+    ref?: Ref<Element>;
+    xs?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
+    sm?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
+    md?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
+    lg?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
+    xl?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
+}, "ref" | "className" | "children" | keyof AsProp> & Required<Pick<import("../Flex/Flex").BaseFlexProps & BaseProps & AsProp & {
+    children?: ReactNode;
+    ref?: Ref<Element>;
+    xs?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
+    sm?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
+    md?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
+    lg?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
+    xl?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
+}, "md">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps & BaseProps & AsProp & {
+    children?: ReactNode;
+    ref?: Ref<Element>;
+    xs?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
+    sm?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
+    md?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
+    lg?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
+    xl?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
+}, "container" | "item" | "xs" | "xl" | "sm" | "lg">>, "ref"> & import("react").RefAttributes<Element> & import("../../types").ForwardProps, "ref"> & {
+    ref?: import("react").RefObject<Element> | ((instance: Element | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | null | undefined;
+}) | (Omit<Omit<Pick<import("../Flex/Flex").BaseFlexProps & BaseProps & AsProp & {
+    children?: ReactNode;
+    ref?: Ref<Element>;
+    xs?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
+    sm?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
+    md?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
+    lg?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
+    xl?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
+}, "ref" | "className" | "children" | keyof AsProp> & Required<Pick<import("../Flex/Flex").BaseFlexProps & BaseProps & AsProp & {
+    children?: ReactNode;
+    ref?: Ref<Element>;
+    xs?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
+    sm?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
+    md?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
+    lg?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
+    xl?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
+}, "lg">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps & BaseProps & AsProp & {
+    children?: ReactNode;
+    ref?: Ref<Element>;
+    xs?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
+    sm?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
+    md?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
+    lg?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
+    xl?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
+}, "container" | "item" | "xs" | "xl" | "sm" | "md">>, "ref"> & import("react").RefAttributes<Element> & import("../../types").ForwardProps, "ref"> & {
+    ref?: import("react").RefObject<Element> | ((instance: Element | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | null | undefined;
+}), import("styled-components/dist/types").BaseObject>> & string & Omit<ForwardRefForwardPropsComponent<import("../Flex").FlexProps>, keyof import("react").Component<any, {}, any>>;
+export declare const StyledPageHeader: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, never>> & string;
+export declare const StyledRegion: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     renderSingleRegion?: boolean;
-}, never>;
-export declare const StyledRegions: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+}>> & string;
+export declare const StyledRegions: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     pad: boolean;
-}, never>;
-export declare const StyledContent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+}>> & string;
+export declare const StyledContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const StyledScrollableTabPanel: typeof TabPanel;
-export declare const StyledPageLayout: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+export declare const StyledPageLayout: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     scrollContent: PageLayoutProps["scrollContent"];
     minContentHeight?: number;
-}, never>;
+}>> & string;
 export declare const TabbedPage: ForwardRefForwardPropsComponent<TabbedPageProps>;
 export declare const DynamicLayoutPage: ForwardRefForwardPropsComponent<DynamicLayoutPageProps>;
 export declare const OneColumnPage: ForwardRefForwardPropsComponent<OneColumnPageProps>;

package/lib/components/PageTemplates/PageTemplates.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PageTemplates.d.ts","sourceRoot":"","sources":["../../../src/components/PageTemplates/PageTemplates.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"PageTemplates.d.ts","sourceRoot":"","sources":["../../../src/components/PageTemplates/PageTemplates.tsx"],"names":[],"mappings":"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"}