@procore/core-react 11.24.0 → 11.24.2

package/dist/Grid/Grid.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Grid.styles.js","names":["styled","css","spacing","breakpointMinWidthValues","breakpointsSmallToLarge","gridColumns","getIsColStackActive","targetBreakpoint","colStackBreakpoint","targetBrkIndex","indexOf","stackBrkIndex","getSpanCSS","span","spanValue","_typeof","getOffsetCSS","$offset","offsetValue","ratio","getColGutterHorizontal","gutterX","breakpoint","gutterKey","gutterCSS","getColGutterVertical","getRowGutterHorizontal","getRowGutterVertical","gutterY","StyledGridRow","div","withConfig","displayName","componentId","_ref","$gutterX","$gutterY","map","gutterXCSS","gutterYCSS","StyledGridCol","_ref2","$span","$colStackBreakpoint","spanCSS","offsetCSS","resultCSS"],"sources":["../../src/Grid/Grid.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { spacing } from '../_styles/spacing'\nimport {\n  breakpointMinWidthValues,\n  breakpointsSmallToLarge,\n} from './Grid.constants'\nimport { GridBreakpoint, GridColProps, GridProps } from './Grid.types'\n\nconst gridColumns = 12\n\nconst getIsColStackActive = (\n  targetBreakpoint: GridBreakpoint,\n  colStackBreakpoint: GridBreakpoint\n) => {\n  const targetBrkIndex = breakpointsSmallToLarge.indexOf(targetBreakpoint)\n  const stackBrkIndex = breakpointsSmallToLarge.indexOf(colStackBreakpoint)\n\n  return targetBrkIndex <= stackBrkIndex\n}\n\nconst getSpanCSS = (\n  span: GridColProps['colWidth'],\n  targetBreakpoint: GridBreakpoint,\n  colStackBreakpoint: GridBreakpoint\n) => {\n  if (getIsColStackActive(targetBreakpoint, colStackBreakpoint)) {\n    return css`\n      width: 100%;\n    `\n  }\n\n  const spanValue = typeof span !== 'object' ? span : span[targetBreakpoint]\n\n  if (typeof spanValue === 'undefined') {\n    return ''\n  }\n\n  if (spanValue === 'auto') {\n    return css`\n      flex: 1 1 0%;\n      max-width: 100%;\n    `\n  }\n\n  return css`\n    flex: 0 0 auto;\n    width: ${(spanValue / gridColumns) * 100}%;\n  `\n}\n\nconst getOffsetCSS = (\n  $offset: GridColProps['colStart'],\n  targetBreakpoint: GridBreakpoint,\n  colStackBreakpoint: GridBreakpoint\n) => {\n  if (getIsColStackActive(targetBreakpoint, colStackBreakpoint)) {\n    return ''\n  }\n\n  const offsetValue =\n    typeof $offset === 'object' ? $offset[targetBreakpoint] : $offset\n\n  if (typeof offsetValue === 'undefined' || offsetValue >= gridColumns) {\n    return ''\n  }\n\n  const ratio = offsetValue / gridColumns\n\n  if (ratio === 0) {\n    return css`\n      margin-left: 0;\n    `\n  }\n\n  return css`\n    margin-left: ${ratio * 100}%;\n  `\n}\n\nconst getColGutterHorizontal = (\n  gutterX: GridProps['gutterX'],\n  breakpoint: GridBreakpoint\n) => {\n  const gutterKey = typeof gutterX === 'object' ? gutterX[breakpoint] : gutterX\n\n  if (typeof gutterKey === 'undefined') {\n    return ''\n  }\n\n  const gutterCSS = css`\n    padding-right: ${spacing[gutterKey] / 2}px;\n    padding-left: ${spacing[gutterKey] / 2}px;\n  `\n\n  return gutterCSS\n}\n\nconst getColGutterVertical = (\n  gutterX: GridProps['gutterX'],\n  breakpoint: GridBreakpoint\n) => {\n  const gutterKey = typeof gutterX === 'object' ? gutterX[breakpoint] : gutterX\n\n  if (typeof gutterKey === 'undefined') {\n    return ''\n  }\n\n  const gutterCSS = css`\n    margin-top: ${spacing[gutterKey]}px;\n  `\n\n  return gutterCSS\n}\n\nconst getRowGutterHorizontal = (\n  gutterX: GridProps['gutterX'],\n  breakpoint: GridBreakpoint\n) => {\n  const gutterKey = typeof gutterX === 'object' ? gutterX[breakpoint] : gutterX\n\n  if (typeof gutterKey === 'undefined') {\n    return ''\n  }\n\n  const gutterCSS = css`\n    margin-right: ${spacing[gutterKey] / -2}px;\n    margin-left: ${spacing[gutterKey] / -2}px;\n  `\n\n  if (breakpoint === breakpointsSmallToLarge[0]) {\n    return gutterCSS\n  }\n\n  return css`\n    @media (min-width: ${breakpointMinWidthValues[breakpoint]}) {\n      ${gutterCSS}\n    }\n  `\n}\n\nconst getRowGutterVertical = (\n  gutterY: GridProps['gutterY'],\n  breakpoint: GridBreakpoint\n) => {\n  const gutterKey = typeof gutterY === 'object' ? gutterY[breakpoint] : gutterY\n\n  if (typeof gutterKey === 'undefined') {\n    return ''\n  }\n\n  const gutterCSS = css`\n    margin-top: ${spacing[gutterKey] * -1}px;\n  `\n\n  if (breakpoint === breakpointsSmallToLarge[0]) {\n    return gutterCSS\n  }\n\n  return css`\n    @media (min-width: ${breakpointMinWidthValues[breakpoint]}) {\n      ${gutterCSS}\n    }\n  `\n}\n\nexport const StyledGridRow = styled.div<{\n  $gutterX: GridProps['gutterX']\n  $gutterY: GridProps['gutterY']\n}>`\n  ${({ $gutterX, $gutterY }) => {\n    return breakpointsSmallToLarge.map((breakpoint) => {\n      const gutterXCSS = getRowGutterHorizontal($gutterX, breakpoint)\n      const gutterYCSS = getRowGutterVertical($gutterY, breakpoint)\n      return css`\n        ${gutterXCSS}\n\n        // only adjust margins on first rows\n        &:first-child {\n          ${gutterYCSS}\n        }\n      `\n    })\n  }}\n\n  display: flex;\n  flex-wrap: wrap;\n`\n\nexport const StyledGridCol = styled.div<{\n  $offset?: GridColProps['colStart']\n  $span?: GridColProps['colWidth']\n  $gutterX: GridProps['gutterX']\n  $gutterY: GridProps['gutterY']\n  $colStackBreakpoint: GridBreakpoint\n}>`\n  flex-shrink: 0;\n  width: 100%;\n  max-width: 100%;\n\n  ${({ $span, $offset, $gutterX, $gutterY, $colStackBreakpoint }) => {\n    return breakpointsSmallToLarge.map((breakpoint) => {\n      const spanCSS = getSpanCSS($span, breakpoint, $colStackBreakpoint)\n      const offsetCSS = getOffsetCSS($offset, breakpoint, $colStackBreakpoint)\n      const gutterXCSS = getColGutterHorizontal($gutterX, breakpoint)\n      const gutterYCSS = getColGutterVertical($gutterY, breakpoint)\n\n      const resultCSS = css`\n        ${offsetCSS}\n        ${gutterXCSS}\n        ${gutterYCSS}\n        ${spanCSS}\n      `\n\n      if (breakpoint === breakpointsSmallToLarge[0]) {\n        return resultCSS\n      }\n\n      return css`\n        @media (min-width: ${breakpointMinWidthValues[breakpoint]}) {\n          ${resultCSS}\n        }\n      `\n    })\n  }}\n`\n"],"mappings":"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"}
+{"version":3,"file":"Grid.styles.js","names":["styled","css","spacing","breakpointMinWidthValues","breakpointsSmallToLarge","gridColumns","getIsColStackActive","targetBreakpoint","colStackBreakpoint","targetBrkIndex","indexOf","stackBrkIndex","getSpanCSS","span","spanValue","_typeof","getOffsetCSS","$offset","offsetValue","ratio","getColGutterHorizontal","gutterX","breakpoint","gutterKey","gutterCSS","getColGutterVertical","getRowGutterHorizontal","getRowGutterVertical","gutterY","StyledGridRow","div","withConfig","displayName","componentId","_ref","$gutterX","$gutterY","map","gutterXCSS","gutterYCSS","StyledGridCol","_ref2","$span","$colStackBreakpoint","spanCSS","offsetCSS","resultCSS"],"sources":["../../src/Grid/Grid.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { spacing } from '../_styles/spacing'\nimport {\n  breakpointMinWidthValues,\n  breakpointsSmallToLarge,\n} from './Grid.constants'\nimport type { GridBreakpoint, GridColProps, GridProps } from './Grid.types'\n\nconst gridColumns = 12\n\nconst getIsColStackActive = (\n  targetBreakpoint: GridBreakpoint,\n  colStackBreakpoint: GridBreakpoint\n) => {\n  const targetBrkIndex = breakpointsSmallToLarge.indexOf(targetBreakpoint)\n  const stackBrkIndex = breakpointsSmallToLarge.indexOf(colStackBreakpoint)\n\n  return targetBrkIndex <= stackBrkIndex\n}\n\nconst getSpanCSS = (\n  span: GridColProps['colWidth'],\n  targetBreakpoint: GridBreakpoint,\n  colStackBreakpoint: GridBreakpoint\n) => {\n  if (getIsColStackActive(targetBreakpoint, colStackBreakpoint)) {\n    return css`\n      width: 100%;\n    `\n  }\n\n  const spanValue = typeof span !== 'object' ? span : span[targetBreakpoint]\n\n  if (typeof spanValue === 'undefined') {\n    return ''\n  }\n\n  if (spanValue === 'auto') {\n    return css`\n      flex: 1 1 0%;\n      max-width: 100%;\n    `\n  }\n\n  return css`\n    flex: 0 0 auto;\n    width: ${(spanValue / gridColumns) * 100}%;\n  `\n}\n\nconst getOffsetCSS = (\n  $offset: GridColProps['colStart'],\n  targetBreakpoint: GridBreakpoint,\n  colStackBreakpoint: GridBreakpoint\n) => {\n  if (getIsColStackActive(targetBreakpoint, colStackBreakpoint)) {\n    return ''\n  }\n\n  const offsetValue =\n    typeof $offset === 'object' ? $offset[targetBreakpoint] : $offset\n\n  if (typeof offsetValue === 'undefined' || offsetValue >= gridColumns) {\n    return ''\n  }\n\n  const ratio = offsetValue / gridColumns\n\n  if (ratio === 0) {\n    return css`\n      margin-left: 0;\n    `\n  }\n\n  return css`\n    margin-left: ${ratio * 100}%;\n  `\n}\n\nconst getColGutterHorizontal = (\n  gutterX: GridProps['gutterX'],\n  breakpoint: GridBreakpoint\n) => {\n  const gutterKey = typeof gutterX === 'object' ? gutterX[breakpoint] : gutterX\n\n  if (typeof gutterKey === 'undefined') {\n    return ''\n  }\n\n  const gutterCSS = css`\n    padding-right: ${spacing[gutterKey] / 2}px;\n    padding-left: ${spacing[gutterKey] / 2}px;\n  `\n\n  return gutterCSS\n}\n\nconst getColGutterVertical = (\n  gutterX: GridProps['gutterX'],\n  breakpoint: GridBreakpoint\n) => {\n  const gutterKey = typeof gutterX === 'object' ? gutterX[breakpoint] : gutterX\n\n  if (typeof gutterKey === 'undefined') {\n    return ''\n  }\n\n  const gutterCSS = css`\n    margin-top: ${spacing[gutterKey]}px;\n  `\n\n  return gutterCSS\n}\n\nconst getRowGutterHorizontal = (\n  gutterX: GridProps['gutterX'],\n  breakpoint: GridBreakpoint\n) => {\n  const gutterKey = typeof gutterX === 'object' ? gutterX[breakpoint] : gutterX\n\n  if (typeof gutterKey === 'undefined') {\n    return ''\n  }\n\n  const gutterCSS = css`\n    margin-right: ${spacing[gutterKey] / -2}px;\n    margin-left: ${spacing[gutterKey] / -2}px;\n  `\n\n  if (breakpoint === breakpointsSmallToLarge[0]) {\n    return gutterCSS\n  }\n\n  return css`\n    @media (min-width: ${breakpointMinWidthValues[breakpoint]}) {\n      ${gutterCSS}\n    }\n  `\n}\n\nconst getRowGutterVertical = (\n  gutterY: GridProps['gutterY'],\n  breakpoint: GridBreakpoint\n) => {\n  const gutterKey = typeof gutterY === 'object' ? gutterY[breakpoint] : gutterY\n\n  if (typeof gutterKey === 'undefined') {\n    return ''\n  }\n\n  const gutterCSS = css`\n    margin-top: ${spacing[gutterKey] * -1}px;\n  `\n\n  if (breakpoint === breakpointsSmallToLarge[0]) {\n    return gutterCSS\n  }\n\n  return css`\n    @media (min-width: ${breakpointMinWidthValues[breakpoint]}) {\n      ${gutterCSS}\n    }\n  `\n}\n\nexport const StyledGridRow = styled.div<{\n  $gutterX: GridProps['gutterX']\n  $gutterY: GridProps['gutterY']\n}>`\n  ${({ $gutterX, $gutterY }) => {\n    return breakpointsSmallToLarge.map((breakpoint) => {\n      const gutterXCSS = getRowGutterHorizontal($gutterX, breakpoint)\n      const gutterYCSS = getRowGutterVertical($gutterY, breakpoint)\n      return css`\n        ${gutterXCSS}\n\n        // only adjust margins on first rows\n        &:first-child {\n          ${gutterYCSS}\n        }\n      `\n    })\n  }}\n\n  display: flex;\n  flex-wrap: wrap;\n`\n\nexport const StyledGridCol = styled.div<{\n  $offset?: GridColProps['colStart']\n  $span?: GridColProps['colWidth']\n  $gutterX: GridProps['gutterX']\n  $gutterY: GridProps['gutterY']\n  $colStackBreakpoint: GridBreakpoint\n}>`\n  flex-shrink: 0;\n  width: 100%;\n  max-width: 100%;\n\n  ${({ $span, $offset, $gutterX, $gutterY, $colStackBreakpoint }) => {\n    return breakpointsSmallToLarge.map((breakpoint) => {\n      const spanCSS = getSpanCSS($span, breakpoint, $colStackBreakpoint)\n      const offsetCSS = getOffsetCSS($offset, breakpoint, $colStackBreakpoint)\n      const gutterXCSS = getColGutterHorizontal($gutterX, breakpoint)\n      const gutterYCSS = getColGutterVertical($gutterY, breakpoint)\n\n      const resultCSS = css`\n        ${offsetCSS}\n        ${gutterXCSS}\n        ${gutterYCSS}\n        ${spanCSS}\n      `\n\n      if (breakpoint === breakpointsSmallToLarge[0]) {\n        return resultCSS\n      }\n\n      return css`\n        @media (min-width: ${breakpointMinWidthValues[breakpoint]}) {\n          ${resultCSS}\n        }\n      `\n    })\n  }}\n`\n"],"mappings":"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"}

package/dist/Grid/Grid.types.d.ts

@@ -1,5 +1,5 @@
-import { Spacing } from '../_styles/spacing';
-import { DivAttributes } from '../_utils/types';
+import type { Spacing } from '../_styles/spacing';
+import type { DivAttributes } from '../_utils/types';
 declare type GridSpacing = Spacing | Partial<SpacingByBreakpoint>;
 export interface GridProps extends DivAttributes {
     /**

package/dist/Grid/Grid.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"Grid.types.js","names":[],"sources":["../../src/Grid/Grid.types.ts"],"sourcesContent":["import { Spacing } from '../_styles/spacing'\nimport { DivAttributes } from '../_utils/types'\n\ntype GridSpacing = Spacing | Partial<SpacingByBreakpoint>\n\nexport interface GridProps extends DivAttributes {\n  /**\n   * If given a spacing string value (e.g. \"sm\" or \"none\"), sets horizontal\n   * column spacing across all breakpoints. Horizontal gutters are ignored when columns are stacked.\n   *\n   * If given an object, sets horizontal column spacing for given breakpoints\n   * (keys in configuration object, e.g. {\"tabletMd\": \"xs\", \"mobileLg\": \"none\"}).\n   * @since 10.19.0\n   */\n  gutterX?: GridSpacing\n  /**\n   * If given a spacing string value (e.g. \"sm\" or \"none\"), sets vertical\n   * column spacing across all breakpoints.\n   *\n   * If given an object, sets vertical column spacing for given breakpoints\n   * (keys in configuration object, e.g. {\"tabletMd\": \"xs\", \"mobileLg\": \"none\"}).\n   * @since 10.19.0\n   */\n  gutterY?: GridSpacing\n  /**\n   * Sets a breakpoing at which columns will start stacking on top of each other.\n   * E.g. if set to \"tabletMd\" - columns will stack on \"tabletMd\", \"tabletSm\"\n   * and \"mobileLg\" breakpoints.\n   * @since 10.19.0\n   */\n  colStackCap?: GridBreakpoint\n}\n\nexport interface GridContextShape {\n  /**\n   * @since 10.19.0\n   */\n  gutterX: GridSpacing\n  /**\n   * @since 10.19.0\n   */\n  gutterY: GridSpacing\n  /**\n   * @since 10.19.0\n   */\n  colStackCap: GridBreakpoint\n}\n\nexport interface GridRowProps extends DivAttributes {}\n\nexport type GridColSpan = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12\n\nexport type SpanByBreakpoint = Record<GridBreakpoint, GridColSpan>\n\nexport type GutterByBreakpoint = Record<GridBreakpoint, Spacing>\n\nexport type OffsetByBreakpoint = Record<GridBreakpoint, number>\n\nexport type SpacingByBreakpoint = Record<GridBreakpoint, Spacing>\n\nexport interface GridColProps extends DivAttributes {\n  /**\n   * @defaultValue auto\n   * If given a number value between 1 and 12, sets column width across all\n   * breakpoints.\n   *\n   * If given an object, sets column widths for given breakpoints\n   * (keys in configuration object, e.g. {\"tabletMd\": 10, \"mobileLg\": 5}).\n   *\n   * If set to \"auto\", the column will take all the available space\n   * @since 10.19.0\n   */\n  colWidth?: number | Partial<SpanByBreakpoint> | 'auto'\n  /**\n   * If given a number value between 1 and 12, sets start positions across all\n   * breakpoints.\n   * @since 10.19.0\n   *\n   * If given an object, sets start positions for given breakpoints\n   * (keys in configuration object, e.g. {\"tabletMd\": 10, \"mobileLg\": 5}).\n   * @since 10.19.0\n   */\n  colStart?: number | Partial<OffsetByBreakpoint>\n}\n\nexport type GridBreakpoint =\n  | 'mobileLg'\n  | 'tabletSm'\n  | 'tabletMd'\n  | 'tabletLg'\n  | 'desktopSm'\n  | 'desktopMd'\n"],"mappings":""}
+{"version":3,"file":"Grid.types.js","names":[],"sources":["../../src/Grid/Grid.types.ts"],"sourcesContent":["import type { Spacing } from '../_styles/spacing'\nimport type { DivAttributes } from '../_utils/types'\n\ntype GridSpacing = Spacing | Partial<SpacingByBreakpoint>\n\nexport interface GridProps extends DivAttributes {\n  /**\n   * If given a spacing string value (e.g. \"sm\" or \"none\"), sets horizontal\n   * column spacing across all breakpoints. Horizontal gutters are ignored when columns are stacked.\n   *\n   * If given an object, sets horizontal column spacing for given breakpoints\n   * (keys in configuration object, e.g. {\"tabletMd\": \"xs\", \"mobileLg\": \"none\"}).\n   * @since 10.19.0\n   */\n  gutterX?: GridSpacing\n  /**\n   * If given a spacing string value (e.g. \"sm\" or \"none\"), sets vertical\n   * column spacing across all breakpoints.\n   *\n   * If given an object, sets vertical column spacing for given breakpoints\n   * (keys in configuration object, e.g. {\"tabletMd\": \"xs\", \"mobileLg\": \"none\"}).\n   * @since 10.19.0\n   */\n  gutterY?: GridSpacing\n  /**\n   * Sets a breakpoing at which columns will start stacking on top of each other.\n   * E.g. if set to \"tabletMd\" - columns will stack on \"tabletMd\", \"tabletSm\"\n   * and \"mobileLg\" breakpoints.\n   * @since 10.19.0\n   */\n  colStackCap?: GridBreakpoint\n}\n\nexport interface GridContextShape {\n  /**\n   * @since 10.19.0\n   */\n  gutterX: GridSpacing\n  /**\n   * @since 10.19.0\n   */\n  gutterY: GridSpacing\n  /**\n   * @since 10.19.0\n   */\n  colStackCap: GridBreakpoint\n}\n\nexport interface GridRowProps extends DivAttributes {}\n\nexport type GridColSpan = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12\n\nexport type SpanByBreakpoint = Record<GridBreakpoint, GridColSpan>\n\nexport type GutterByBreakpoint = Record<GridBreakpoint, Spacing>\n\nexport type OffsetByBreakpoint = Record<GridBreakpoint, number>\n\nexport type SpacingByBreakpoint = Record<GridBreakpoint, Spacing>\n\nexport interface GridColProps extends DivAttributes {\n  /**\n   * @defaultValue auto\n   * If given a number value between 1 and 12, sets column width across all\n   * breakpoints.\n   *\n   * If given an object, sets column widths for given breakpoints\n   * (keys in configuration object, e.g. {\"tabletMd\": 10, \"mobileLg\": 5}).\n   *\n   * If set to \"auto\", the column will take all the available space\n   * @since 10.19.0\n   */\n  colWidth?: number | Partial<SpanByBreakpoint> | 'auto'\n  /**\n   * If given a number value between 1 and 12, sets start positions across all\n   * breakpoints.\n   * @since 10.19.0\n   *\n   * If given an object, sets start positions for given breakpoints\n   * (keys in configuration object, e.g. {\"tabletMd\": 10, \"mobileLg\": 5}).\n   * @since 10.19.0\n   */\n  colStart?: number | Partial<OffsetByBreakpoint>\n}\n\nexport type GridBreakpoint =\n  | 'mobileLg'\n  | 'tabletSm'\n  | 'tabletMd'\n  | 'tabletLg'\n  | 'desktopSm'\n  | 'desktopMd'\n"],"mappings":""}

package/dist/GroupSelect/GroupSelect.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { MultiSelectProps } from '../MultiSelect/MultiSelect.types';
-import { GroupSelectProps } from './GroupSelect.types';
+import type { MultiSelectProps } from '../MultiSelect/MultiSelect.types';
+import type { GroupSelectProps } from './GroupSelect.types';
 /**
 
  Group select allows users to select multiple options from a single item in a

package/dist/GroupSelect/GroupSelect.js.map

@@ -1 +1 @@
-{"version":3,"file":"GroupSelect.js","names":["React","MenuImperative","MultiSelect","StyledGroupSelectOption","emptyArray","noop","defaultGetId","item","id","defaultGetLabel","label","defaultGetGroup","options","defaultGetOptGroup","groupId","defaultOptionRenderer","_ref","getId","getLabel","_ref$disabled","disabled","value","props","_objectWithoutProperties","_excluded","createElement","_extends","key","concat","defaultOptGroupRenderer","_ref2","Group","clickable","useGroupSelect","_ref3","groups","getGroup","onChange","_onSearch","onSearch","_React$useState","useState","_React$useState2","_slicedToArray","searchValue","setSearchValue","groupOptionsDictionary","useMemo","reduce","acc","curr","_objectSpread","_defineProperty","collectOptionIds","useCallback","cur","add","Set","groupIds","isGroup","groupdId","has","externalOnSearch","e","internalOnSearch","target","selectedOptions","filter","option","selectedOptionIds","selectedGroups","group","length","every","selectedGroupIds","getGroupOptions","groupOptiodId","groupOptions","groupOption","onSelect","selection","newSelected","optionId","_toConsumableArray","searchFilterCallback","toLowerCase","includes","computedOptions","filteredGroups","computedGroups","GroupSelect","forwardRef","_ref4","ref","_ref4$value","_ref4$options","_ref4$groups","_ref4$getId","_ref4$getLabel","_ref4$getGroup","_ref4$getOptGroup","getOptGroup","_ref4$onChange","optionRenderer","groupRenderer","_ref4$optGroupRendere","optGroupRenderer","_excluded2","_useGroupSelect","multiselectOptionRenderer","renderer","isSelected","isDisabled","selected","groupHeaderRenderer","displayName"],"sources":["../../src/GroupSelect/GroupSelect.tsx"],"sourcesContent":["import React from 'react'\nimport { MenuImperative } from '../MenuImperative/MenuImperative'\nimport { MultiSelect } from '../MultiSelect/MultiSelect'\nimport { GroupItem, MultiSelectProps } from '../MultiSelect/MultiSelect.types'\nimport { StyledGroupSelectOption } from './GroupSelect.styles'\nimport {\n  ChangeEvent,\n  GroupOption,\n  GroupSelectConfig,\n  GroupSelectOptionRendererParams,\n  GroupSelectProps,\n  Option,\n} from './GroupSelect.types'\n\nconst emptyArray: Option[] = []\nconst noop: GroupSelectProps['onChange'] = () => {}\nconst defaultGetId: GroupSelectProps['getId'] = (item) => item.id\nconst defaultGetLabel: GroupSelectProps['getLabel'] = (item) => item.label\nconst defaultGetGroup: GroupSelectProps['getGroup'] = (item) => item.options\nconst defaultGetOptGroup: GroupSelectProps['getOptGroup'] = (item) =>\n  item.groupId\n\nfunction defaultOptionRenderer(\n  item: Option | GroupOption,\n  {\n    getId,\n    getLabel,\n    disabled = false,\n    value,\n    ...props\n  }: GroupSelectOptionRendererParams\n) {\n  return (\n    <StyledGroupSelectOption\n      {...props}\n      key={`group-select-menu-item-${getId(item)}`}\n      value={value || item}\n      disabled={disabled}\n    >\n      {getLabel(item)}\n    </StyledGroupSelectOption>\n  )\n}\n\nfunction defaultOptGroupRenderer({ id, label }: GroupItem) {\n  return (\n    <MenuImperative.Group key={`group_${id}`} clickable={false}>\n      {label}\n    </MenuImperative.Group>\n  )\n}\n\nfunction useGroupSelect({\n  value,\n  options,\n  groups,\n  getId,\n  getLabel,\n  getGroup,\n  onChange,\n  onSearch: _onSearch,\n}: GroupSelectConfig) {\n  const [searchValue, setSearchValue] = React.useState('')\n\n  const groupOptionsDictionary: Record<string | number, Option> = React.useMemo(\n    () =>\n      groups.reduce(\n        (acc, curr) => ({\n          ...acc,\n          [getId(curr)]: getGroup(curr),\n        }),\n        {}\n      ),\n    [getGroup, getId, groups]\n  )\n\n  const collectOptionIds = React.useCallback(\n    (value: Option[]) =>\n      value.reduce<Set<number | string>>(\n        (acc, cur) => acc.add(getId(cur)),\n        new Set()\n      ),\n    [getId]\n  )\n\n  const groupIds = React.useMemo(\n    () => collectOptionIds(groups),\n    [collectOptionIds, groups]\n  )\n\n  const isGroup = (groupdId: string | number) => groupIds.has(groupdId)\n\n  const externalOnSearch = React.useCallback(\n    (e: ChangeEvent) => {\n      if (_onSearch) {\n        _onSearch(e)\n      }\n    },\n    [_onSearch]\n  )\n\n  const internalOnSearch = React.useCallback((e: ChangeEvent) => {\n    setSearchValue(e.target.value)\n  }, [])\n\n  const onSearch = _onSearch ? externalOnSearch : internalOnSearch\n\n  const selectedOptions = React.useMemo(\n    () => value.filter((option) => !groupIds.has(getId(option))),\n    [getId, groupIds, value]\n  )\n\n  const selectedOptionIds = React.useMemo(\n    () => collectOptionIds(selectedOptions),\n    [collectOptionIds, selectedOptions]\n  )\n\n  const selectedGroups = React.useMemo(\n    () =>\n      groups.filter(\n        (group) =>\n          getGroup(group).length &&\n          getGroup(group).every((option: Option) =>\n            selectedOptionIds.has(getId(option))\n          )\n      ),\n    [getGroup, getId, groups, selectedOptionIds]\n  )\n\n  const selectedGroupIds = React.useMemo(\n    () => collectOptionIds(selectedGroups),\n    [collectOptionIds, selectedGroups]\n  )\n\n  const getGroupOptions = (groupOptiodId: string | number) => {\n    const groupOptions = groupOptionsDictionary[groupOptiodId] || []\n    return groupOptions.filter(\n      (groupOption: Option) => !selectedOptionIds.has(getId(groupOption))\n    )\n  }\n\n  const onSelect = (selection: (Option | GroupOption)[]) => {\n    const newSelected = selection.reduce((acc, option) => {\n      const optionId = getId(option)\n\n      if (isGroup(optionId)) {\n        return !selectedGroupIds.has(optionId)\n          ? [...acc, ...getGroupOptions(optionId)]\n          : acc\n      }\n\n      return [...acc, option]\n    }, [])\n\n    setSearchValue('')\n\n    onChange(newSelected)\n  }\n\n  const searchFilterCallback = React.useCallback(\n    (option) =>\n      getLabel(option).toLowerCase().includes(searchValue.toLowerCase()),\n    [getLabel, searchValue]\n  )\n\n  const computedOptions = _onSearch\n    ? options\n    : options.filter(searchFilterCallback)\n\n  const filteredGroups = _onSearch\n    ? groups\n    : groups.filter(searchFilterCallback)\n\n  const computedGroups = React.useMemo(\n    () => filteredGroups.filter((group: Option) => getGroup(group).length),\n    [filteredGroups, getGroup]\n  )\n\n  return {\n    selectedOptions,\n    computedOptions: [...computedGroups, ...computedOptions],\n    selectedOptionIds,\n    selectedGroupIds,\n    isGroup,\n    onSearch,\n    onSelect,\n  }\n}\n\n/**\n\n Group select allows users to select multiple options from a single item in a\n menu. Other select components are multi select, and select, tiered select.\n\n @since 10.19.0\n\n @see [Storybook](https://procore.github.io/core/core-react/latest/?path=/story/demos-groupselect--custom-search)\n\n @see [Design Guidelines](https://design.procore.com/group-select)\n\n */\nexport const GroupSelect = React.forwardRef<\n  HTMLDivElement & MultiSelectProps,\n  GroupSelectProps\n>(function GroupSelect(\n  {\n    value = emptyArray,\n    options = emptyArray,\n    groups = emptyArray,\n    getId = defaultGetId,\n    getLabel = defaultGetLabel,\n    getGroup = defaultGetGroup,\n    getOptGroup = defaultGetOptGroup,\n    onChange = noop,\n    onSearch: _onSearch,\n    optionRenderer,\n    groupRenderer,\n    optGroupRenderer = defaultOptGroupRenderer,\n    ...props\n  },\n  ref\n) {\n  const {\n    selectedOptions,\n    selectedOptionIds,\n    selectedGroupIds,\n    computedOptions,\n    isGroup,\n    onSelect,\n    onSearch,\n  } = useGroupSelect({\n    value,\n    options,\n    groups,\n    getId,\n    getLabel,\n    getGroup,\n    onChange,\n    onSearch: _onSearch,\n  })\n\n  const multiselectOptionRenderer = React.useCallback(\n    (option: Option) => {\n      const optionId = getId(option)\n      const renderer =\n        (isGroup(optionId) ? groupRenderer : optionRenderer) ||\n        defaultOptionRenderer\n\n      const isSelected = selectedOptionIds.has(optionId)\n      const isDisabled = selectedGroupIds.has(optionId)\n\n      return renderer(option, {\n        getId,\n        getLabel,\n        value: option,\n        selected: isSelected,\n        disabled: isDisabled,\n      })\n    },\n    [\n      getId,\n      getLabel,\n      groupRenderer,\n      isGroup,\n      optionRenderer,\n      selectedGroupIds,\n      selectedOptionIds,\n    ]\n  )\n\n  return (\n    <MultiSelect\n      ref={ref}\n      {...props}\n      value={selectedOptions}\n      options={computedOptions}\n      getId={getId}\n      getLabel={getLabel}\n      onChange={onSelect}\n      onSearch={onSearch}\n      getGroup={getOptGroup}\n      optionRenderer={multiselectOptionRenderer}\n      groupHeaderRenderer={optGroupRenderer}\n    />\n  )\n})\n\nGroupSelect.displayName = 'GroupSelect'\n"],"mappings":"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"}
+{"version":3,"file":"GroupSelect.js","names":["React","MenuImperative","MultiSelect","StyledGroupSelectOption","emptyArray","noop","defaultGetId","item","id","defaultGetLabel","label","defaultGetGroup","options","defaultGetOptGroup","groupId","defaultOptionRenderer","_ref","getId","getLabel","_ref$disabled","disabled","value","props","_objectWithoutProperties","_excluded","createElement","_extends","key","concat","defaultOptGroupRenderer","_ref2","Group","clickable","useGroupSelect","_ref3","groups","getGroup","onChange","_onSearch","onSearch","_React$useState","useState","_React$useState2","_slicedToArray","searchValue","setSearchValue","groupOptionsDictionary","useMemo","reduce","acc","curr","_objectSpread","_defineProperty","collectOptionIds","useCallback","cur","add","Set","groupIds","isGroup","groupdId","has","externalOnSearch","e","internalOnSearch","target","selectedOptions","filter","option","selectedOptionIds","selectedGroups","group","length","every","selectedGroupIds","getGroupOptions","groupOptiodId","groupOptions","groupOption","onSelect","selection","newSelected","optionId","_toConsumableArray","searchFilterCallback","toLowerCase","includes","computedOptions","filteredGroups","computedGroups","GroupSelect","forwardRef","_ref4","ref","_ref4$value","_ref4$options","_ref4$groups","_ref4$getId","_ref4$getLabel","_ref4$getGroup","_ref4$getOptGroup","getOptGroup","_ref4$onChange","optionRenderer","groupRenderer","_ref4$optGroupRendere","optGroupRenderer","_excluded2","_useGroupSelect","multiselectOptionRenderer","renderer","isSelected","isDisabled","selected","groupHeaderRenderer","displayName"],"sources":["../../src/GroupSelect/GroupSelect.tsx"],"sourcesContent":["import React from 'react'\nimport { MenuImperative } from '../MenuImperative/MenuImperative'\nimport { MultiSelect } from '../MultiSelect/MultiSelect'\nimport type {\n  GroupItem,\n  MultiSelectProps,\n} from '../MultiSelect/MultiSelect.types'\nimport { StyledGroupSelectOption } from './GroupSelect.styles'\nimport type {\n  ChangeEvent,\n  GroupOption,\n  GroupSelectConfig,\n  GroupSelectOptionRendererParams,\n  GroupSelectProps,\n  Option,\n} from './GroupSelect.types'\n\nconst emptyArray: Option[] = []\nconst noop: GroupSelectProps['onChange'] = () => {}\nconst defaultGetId: GroupSelectProps['getId'] = (item) => item.id\nconst defaultGetLabel: GroupSelectProps['getLabel'] = (item) => item.label\nconst defaultGetGroup: GroupSelectProps['getGroup'] = (item) => item.options\nconst defaultGetOptGroup: GroupSelectProps['getOptGroup'] = (item) =>\n  item.groupId\n\nfunction defaultOptionRenderer(\n  item: Option | GroupOption,\n  {\n    getId,\n    getLabel,\n    disabled = false,\n    value,\n    ...props\n  }: GroupSelectOptionRendererParams\n) {\n  return (\n    <StyledGroupSelectOption\n      {...props}\n      key={`group-select-menu-item-${getId(item)}`}\n      value={value || item}\n      disabled={disabled}\n    >\n      {getLabel(item)}\n    </StyledGroupSelectOption>\n  )\n}\n\nfunction defaultOptGroupRenderer({ id, label }: GroupItem) {\n  return (\n    <MenuImperative.Group key={`group_${id}`} clickable={false}>\n      {label}\n    </MenuImperative.Group>\n  )\n}\n\nfunction useGroupSelect({\n  value,\n  options,\n  groups,\n  getId,\n  getLabel,\n  getGroup,\n  onChange,\n  onSearch: _onSearch,\n}: GroupSelectConfig) {\n  const [searchValue, setSearchValue] = React.useState('')\n\n  const groupOptionsDictionary: Record<string | number, Option> = React.useMemo(\n    () =>\n      groups.reduce(\n        (acc, curr) => ({\n          ...acc,\n          [getId(curr)]: getGroup(curr),\n        }),\n        {}\n      ),\n    [getGroup, getId, groups]\n  )\n\n  const collectOptionIds = React.useCallback(\n    (value: Option[]) =>\n      value.reduce<Set<number | string>>(\n        (acc, cur) => acc.add(getId(cur)),\n        new Set()\n      ),\n    [getId]\n  )\n\n  const groupIds = React.useMemo(\n    () => collectOptionIds(groups),\n    [collectOptionIds, groups]\n  )\n\n  const isGroup = (groupdId: string | number) => groupIds.has(groupdId)\n\n  const externalOnSearch = React.useCallback(\n    (e: ChangeEvent) => {\n      if (_onSearch) {\n        _onSearch(e)\n      }\n    },\n    [_onSearch]\n  )\n\n  const internalOnSearch = React.useCallback((e: ChangeEvent) => {\n    setSearchValue(e.target.value)\n  }, [])\n\n  const onSearch = _onSearch ? externalOnSearch : internalOnSearch\n\n  const selectedOptions = React.useMemo(\n    () => value.filter((option) => !groupIds.has(getId(option))),\n    [getId, groupIds, value]\n  )\n\n  const selectedOptionIds = React.useMemo(\n    () => collectOptionIds(selectedOptions),\n    [collectOptionIds, selectedOptions]\n  )\n\n  const selectedGroups = React.useMemo(\n    () =>\n      groups.filter(\n        (group) =>\n          getGroup(group).length &&\n          getGroup(group).every((option: Option) =>\n            selectedOptionIds.has(getId(option))\n          )\n      ),\n    [getGroup, getId, groups, selectedOptionIds]\n  )\n\n  const selectedGroupIds = React.useMemo(\n    () => collectOptionIds(selectedGroups),\n    [collectOptionIds, selectedGroups]\n  )\n\n  const getGroupOptions = (groupOptiodId: string | number) => {\n    const groupOptions = groupOptionsDictionary[groupOptiodId] || []\n    return groupOptions.filter(\n      (groupOption: Option) => !selectedOptionIds.has(getId(groupOption))\n    )\n  }\n\n  const onSelect = (selection: (Option | GroupOption)[]) => {\n    const newSelected = selection.reduce((acc, option) => {\n      const optionId = getId(option)\n\n      if (isGroup(optionId)) {\n        return !selectedGroupIds.has(optionId)\n          ? [...acc, ...getGroupOptions(optionId)]\n          : acc\n      }\n\n      return [...acc, option]\n    }, [])\n\n    setSearchValue('')\n\n    onChange(newSelected)\n  }\n\n  const searchFilterCallback = React.useCallback(\n    (option) =>\n      getLabel(option).toLowerCase().includes(searchValue.toLowerCase()),\n    [getLabel, searchValue]\n  )\n\n  const computedOptions = _onSearch\n    ? options\n    : options.filter(searchFilterCallback)\n\n  const filteredGroups = _onSearch\n    ? groups\n    : groups.filter(searchFilterCallback)\n\n  const computedGroups = React.useMemo(\n    () => filteredGroups.filter((group: Option) => getGroup(group).length),\n    [filteredGroups, getGroup]\n  )\n\n  return {\n    selectedOptions,\n    computedOptions: [...computedGroups, ...computedOptions],\n    selectedOptionIds,\n    selectedGroupIds,\n    isGroup,\n    onSearch,\n    onSelect,\n  }\n}\n\n/**\n\n Group select allows users to select multiple options from a single item in a\n menu. Other select components are multi select, and select, tiered select.\n\n @since 10.19.0\n\n @see [Storybook](https://procore.github.io/core/core-react/latest/?path=/story/demos-groupselect--custom-search)\n\n @see [Design Guidelines](https://design.procore.com/group-select)\n\n */\nexport const GroupSelect = React.forwardRef<\n  HTMLDivElement & MultiSelectProps,\n  GroupSelectProps\n>(function GroupSelect(\n  {\n    value = emptyArray,\n    options = emptyArray,\n    groups = emptyArray,\n    getId = defaultGetId,\n    getLabel = defaultGetLabel,\n    getGroup = defaultGetGroup,\n    getOptGroup = defaultGetOptGroup,\n    onChange = noop,\n    onSearch: _onSearch,\n    optionRenderer,\n    groupRenderer,\n    optGroupRenderer = defaultOptGroupRenderer,\n    ...props\n  },\n  ref\n) {\n  const {\n    selectedOptions,\n    selectedOptionIds,\n    selectedGroupIds,\n    computedOptions,\n    isGroup,\n    onSelect,\n    onSearch,\n  } = useGroupSelect({\n    value,\n    options,\n    groups,\n    getId,\n    getLabel,\n    getGroup,\n    onChange,\n    onSearch: _onSearch,\n  })\n\n  const multiselectOptionRenderer = React.useCallback(\n    (option: Option) => {\n      const optionId = getId(option)\n      const renderer =\n        (isGroup(optionId) ? groupRenderer : optionRenderer) ||\n        defaultOptionRenderer\n\n      const isSelected = selectedOptionIds.has(optionId)\n      const isDisabled = selectedGroupIds.has(optionId)\n\n      return renderer(option, {\n        getId,\n        getLabel,\n        value: option,\n        selected: isSelected,\n        disabled: isDisabled,\n      })\n    },\n    [\n      getId,\n      getLabel,\n      groupRenderer,\n      isGroup,\n      optionRenderer,\n      selectedGroupIds,\n      selectedOptionIds,\n    ]\n  )\n\n  return (\n    <MultiSelect\n      ref={ref}\n      {...props}\n      value={selectedOptions}\n      options={computedOptions}\n      getId={getId}\n      getLabel={getLabel}\n      onChange={onSelect}\n      onSearch={onSearch}\n      getGroup={getOptGroup}\n      optionRenderer={multiselectOptionRenderer}\n      groupHeaderRenderer={optGroupRenderer}\n    />\n  )\n})\n\nGroupSelect.displayName = 'GroupSelect'\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,QAAQ,kCAAkC;AACjE,SAASC,WAAW,QAAQ,4BAA4B;AAKxD,SAASC,uBAAuB,QAAQ,sBAAsB;AAU9D,IAAMC,UAAoB,GAAG,EAAE;AAC/B,IAAMC,IAAkC,GAAG,SAArCA,IAAkCA,CAAA,EAAS,CAAC,CAAC;AACnD,IAAMC,YAAuC,GAAG,SAA1CA,YAAuCA,CAAIC,IAAI;EAAA,OAAKA,IAAI,CAACC,EAAE;AAAA;AACjE,IAAMC,eAA6C,GAAG,SAAhDA,eAA6CA,CAAIF,IAAI;EAAA,OAAKA,IAAI,CAACG,KAAK;AAAA;AAC1E,IAAMC,eAA6C,GAAG,SAAhDA,eAA6CA,CAAIJ,IAAI;EAAA,OAAKA,IAAI,CAACK,OAAO;AAAA;AAC5E,IAAMC,kBAAmD,GAAG,SAAtDA,kBAAmDA,CAAIN,IAAI;EAAA,OAC/DA,IAAI,CAACO,OAAO;AAAA;AAEd,SAASC,qBAAqBA,CAC5BR,IAA0B,EAAAS,IAAA,EAQ1B;EAAA,IANEC,KAAK,GAAAD,IAAA,CAALC,KAAK;IACLC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAAC,aAAA,GAAAH,IAAA,CACRI,QAAQ;IAARA,QAAQ,GAAAD,aAAA,cAAG,KAAK,GAAAA,aAAA;IAChBE,KAAK,GAAAL,IAAA,CAALK,KAAK;IACFC,KAAK,GAAAC,wBAAA,CAAAP,IAAA,EAAAQ,SAAA;EAGV,oBACExB,KAAA,CAAAyB,aAAA,CAACtB,uBAAuB,EAAAuB,QAAA,KAClBJ,KAAK;IACTK,GAAG,4BAAAC,MAAA,CAA4BX,KAAK,CAACV,IAAI,CAAC,CAAG;IAC7Cc,KAAK,EAAEA,KAAK,IAAId,IAAK;IACrBa,QAAQ,EAAEA;EAAS,IAElBF,QAAQ,CAACX,IAAI,CACS,CAAC;AAE9B;AAEA,SAASsB,uBAAuBA,CAAAC,KAAA,EAA2B;EAAA,IAAxBtB,EAAE,GAAAsB,KAAA,CAAFtB,EAAE;IAAEE,KAAK,GAAAoB,KAAA,CAALpB,KAAK;EAC1C,oBACEV,KAAA,CAAAyB,aAAA,CAACxB,cAAc,CAAC8B,KAAK;IAACJ,GAAG,WAAAC,MAAA,CAAWpB,EAAE,CAAG;IAACwB,SAAS,EAAE;EAAM,GACxDtB,KACmB,CAAC;AAE3B;AAEA,SAASuB,cAAcA,CAAAC,KAAA,EASD;EAAA,IARpBb,KAAK,GAAAa,KAAA,CAALb,KAAK;IACLT,OAAO,GAAAsB,KAAA,CAAPtB,OAAO;IACPuB,MAAM,GAAAD,KAAA,CAANC,MAAM;IACNlB,KAAK,GAAAiB,KAAA,CAALjB,KAAK;IACLC,QAAQ,GAAAgB,KAAA,CAARhB,QAAQ;IACRkB,QAAQ,GAAAF,KAAA,CAARE,QAAQ;IACRC,QAAQ,GAAAH,KAAA,CAARG,QAAQ;IACEC,SAAS,GAAAJ,KAAA,CAAnBK,QAAQ;EAER,IAAAC,eAAA,GAAsCxC,KAAK,CAACyC,QAAQ,CAAC,EAAE,CAAC;IAAAC,gBAAA,GAAAC,cAAA,CAAAH,eAAA;IAAjDI,WAAW,GAAAF,gBAAA;IAAEG,cAAc,GAAAH,gBAAA;EAElC,IAAMI,sBAAuD,GAAG9C,KAAK,CAAC+C,OAAO,CAC3E;IAAA,OACEZ,MAAM,CAACa,MAAM,CACX,UAACC,GAAG,EAAEC,IAAI;MAAA,OAAAC,aAAA,CAAAA,aAAA,KACLF,GAAG,OAAAG,eAAA,KACLnC,KAAK,CAACiC,IAAI,CAAC,EAAGd,QAAQ,CAACc,IAAI,CAAC;IAAA,CAC7B,EACF,CAAC,CACH,CAAC;EAAA,GACH,CAACd,QAAQ,EAAEnB,KAAK,EAAEkB,MAAM,CAC1B,CAAC;EAED,IAAMkB,gBAAgB,GAAGrD,KAAK,CAACsD,WAAW,CACxC,UAACjC,KAAe;IAAA,OACdA,KAAK,CAAC2B,MAAM,CACV,UAACC,GAAG,EAAEM,GAAG;MAAA,OAAKN,GAAG,CAACO,GAAG,CAACvC,KAAK,CAACsC,GAAG,CAAC,CAAC;IAAA,GACjC,IAAIE,GAAG,CAAC,CACV,CAAC;EAAA,GACH,CAACxC,KAAK,CACR,CAAC;EAED,IAAMyC,QAAQ,GAAG1D,KAAK,CAAC+C,OAAO,CAC5B;IAAA,OAAMM,gBAAgB,CAAClB,MAAM,CAAC;EAAA,GAC9B,CAACkB,gBAAgB,EAAElB,MAAM,CAC3B,CAAC;EAED,IAAMwB,OAAO,GAAG,SAAVA,OAAOA,CAAIC,QAAyB;IAAA,OAAKF,QAAQ,CAACG,GAAG,CAACD,QAAQ,CAAC;EAAA;EAErE,IAAME,gBAAgB,GAAG9D,KAAK,CAACsD,WAAW,CACxC,UAACS,CAAc,EAAK;IAClB,IAAIzB,SAAS,EAAE;MACbA,SAAS,CAACyB,CAAC,CAAC;IACd;EACF,CAAC,EACD,CAACzB,SAAS,CACZ,CAAC;EAED,IAAM0B,gBAAgB,GAAGhE,KAAK,CAACsD,WAAW,CAAC,UAACS,CAAc,EAAK;IAC7DlB,cAAc,CAACkB,CAAC,CAACE,MAAM,CAAC5C,KAAK,CAAC;EAChC,CAAC,EAAE,EAAE,CAAC;EAEN,IAAMkB,QAAQ,GAAGD,SAAS,GAAGwB,gBAAgB,GAAGE,gBAAgB;EAEhE,IAAME,eAAe,GAAGlE,KAAK,CAAC+C,OAAO,CACnC;IAAA,OAAM1B,KAAK,CAAC8C,MAAM,CAAC,UAACC,MAAM;MAAA,OAAK,CAACV,QAAQ,CAACG,GAAG,CAAC5C,KAAK,CAACmD,MAAM,CAAC,CAAC;IAAA,EAAC;EAAA,GAC5D,CAACnD,KAAK,EAAEyC,QAAQ,EAAErC,KAAK,CACzB,CAAC;EAED,IAAMgD,iBAAiB,GAAGrE,KAAK,CAAC+C,OAAO,CACrC;IAAA,OAAMM,gBAAgB,CAACa,eAAe,CAAC;EAAA,GACvC,CAACb,gBAAgB,EAAEa,eAAe,CACpC,CAAC;EAED,IAAMI,cAAc,GAAGtE,KAAK,CAAC+C,OAAO,CAClC;IAAA,OACEZ,MAAM,CAACgC,MAAM,CACX,UAACI,KAAK;MAAA,OACJnC,QAAQ,CAACmC,KAAK,CAAC,CAACC,MAAM,IACtBpC,QAAQ,CAACmC,KAAK,CAAC,CAACE,KAAK,CAAC,UAACL,MAAc;QAAA,OACnCC,iBAAiB,CAACR,GAAG,CAAC5C,KAAK,CAACmD,MAAM,CAAC,CAAC;MAAA,CACtC,CAAC;IAAA,CACL,CAAC;EAAA,GACH,CAAChC,QAAQ,EAAEnB,KAAK,EAAEkB,MAAM,EAAEkC,iBAAiB,CAC7C,CAAC;EAED,IAAMK,gBAAgB,GAAG1E,KAAK,CAAC+C,OAAO,CACpC;IAAA,OAAMM,gBAAgB,CAACiB,cAAc,CAAC;EAAA,GACtC,CAACjB,gBAAgB,EAAEiB,cAAc,CACnC,CAAC;EAED,IAAMK,eAAe,GAAG,SAAlBA,eAAeA,CAAIC,aAA8B,EAAK;IAC1D,IAAMC,YAAY,GAAG/B,sBAAsB,CAAC8B,aAAa,CAAC,IAAI,EAAE;IAChE,OAAOC,YAAY,CAACV,MAAM,CACxB,UAACW,WAAmB;MAAA,OAAK,CAACT,iBAAiB,CAACR,GAAG,CAAC5C,KAAK,CAAC6D,WAAW,CAAC,CAAC;IAAA,CACrE,CAAC;EACH,CAAC;EAED,IAAMC,QAAQ,GAAG,SAAXA,QAAQA,CAAIC,SAAmC,EAAK;IACxD,IAAMC,WAAW,GAAGD,SAAS,CAAChC,MAAM,CAAC,UAACC,GAAG,EAAEmB,MAAM,EAAK;MACpD,IAAMc,QAAQ,GAAGjE,KAAK,CAACmD,MAAM,CAAC;MAE9B,IAAIT,OAAO,CAACuB,QAAQ,CAAC,EAAE;QACrB,OAAO,CAACR,gBAAgB,CAACb,GAAG,CAACqB,QAAQ,CAAC,MAAAtD,MAAA,CAAAuD,kBAAA,CAC9BlC,GAAG,GAAAkC,kBAAA,CAAKR,eAAe,CAACO,QAAQ,CAAC,KACrCjC,GAAG;MACT;MAEA,UAAArB,MAAA,CAAAuD,kBAAA,CAAWlC,GAAG,IAAEmB,MAAM;IACxB,CAAC,EAAE,EAAE,CAAC;IAENvB,cAAc,CAAC,EAAE,CAAC;IAElBR,QAAQ,CAAC4C,WAAW,CAAC;EACvB,CAAC;EAED,IAAMG,oBAAoB,GAAGpF,KAAK,CAACsD,WAAW,CAC5C,UAACc,MAAM;IAAA,OACLlD,QAAQ,CAACkD,MAAM,CAAC,CAACiB,WAAW,CAAC,CAAC,CAACC,QAAQ,CAAC1C,WAAW,CAACyC,WAAW,CAAC,CAAC,CAAC;EAAA,GACpE,CAACnE,QAAQ,EAAE0B,WAAW,CACxB,CAAC;EAED,IAAM2C,eAAe,GAAGjD,SAAS,GAC7B1B,OAAO,GACPA,OAAO,CAACuD,MAAM,CAACiB,oBAAoB,CAAC;EAExC,IAAMI,cAAc,GAAGlD,SAAS,GAC5BH,MAAM,GACNA,MAAM,CAACgC,MAAM,CAACiB,oBAAoB,CAAC;EAEvC,IAAMK,cAAc,GAAGzF,KAAK,CAAC+C,OAAO,CAClC;IAAA,OAAMyC,cAAc,CAACrB,MAAM,CAAC,UAACI,KAAa;MAAA,OAAKnC,QAAQ,CAACmC,KAAK,CAAC,CAACC,MAAM;IAAA,EAAC;EAAA,GACtE,CAACgB,cAAc,EAAEpD,QAAQ,CAC3B,CAAC;EAED,OAAO;IACL8B,eAAe,EAAfA,eAAe;IACfqB,eAAe,KAAA3D,MAAA,CAAAuD,kBAAA,CAAMM,cAAc,GAAAN,kBAAA,CAAKI,eAAe,EAAC;IACxDlB,iBAAiB,EAAjBA,iBAAiB;IACjBK,gBAAgB,EAAhBA,gBAAgB;IAChBf,OAAO,EAAPA,OAAO;IACPpB,QAAQ,EAARA,QAAQ;IACRwC,QAAQ,EAARA;EACF,CAAC;AACH;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMW,WAAW,gBAAG1F,KAAK,CAAC2F,UAAU,CAGzC,SAASD,WAAWA,CAAAE,KAAA,EAgBpBC,GAAG,EACH;EAAA,IAAAC,WAAA,GAAAF,KAAA,CAfEvE,KAAK;IAALA,KAAK,GAAAyE,WAAA,cAAG1F,UAAU,GAAA0F,WAAA;IAAAC,aAAA,GAAAH,KAAA,CAClBhF,OAAO;IAAPA,OAAO,GAAAmF,aAAA,cAAG3F,UAAU,GAAA2F,aAAA;IAAAC,YAAA,GAAAJ,KAAA,CACpBzD,MAAM;IAANA,MAAM,GAAA6D,YAAA,cAAG5F,UAAU,GAAA4F,YAAA;IAAAC,WAAA,GAAAL,KAAA,CACnB3E,KAAK;IAALA,KAAK,GAAAgF,WAAA,cAAG3F,YAAY,GAAA2F,WAAA;IAAAC,cAAA,GAAAN,KAAA,CACpB1E,QAAQ;IAARA,QAAQ,GAAAgF,cAAA,cAAGzF,eAAe,GAAAyF,cAAA;IAAAC,cAAA,GAAAP,KAAA,CAC1BxD,QAAQ;IAARA,QAAQ,GAAA+D,cAAA,cAAGxF,eAAe,GAAAwF,cAAA;IAAAC,iBAAA,GAAAR,KAAA,CAC1BS,WAAW;IAAXA,WAAW,GAAAD,iBAAA,cAAGvF,kBAAkB,GAAAuF,iBAAA;IAAAE,cAAA,GAAAV,KAAA,CAChCvD,QAAQ;IAARA,QAAQ,GAAAiE,cAAA,cAAGjG,IAAI,GAAAiG,cAAA;IACLhE,SAAS,GAAAsD,KAAA,CAAnBrD,QAAQ;IACRgE,cAAc,GAAAX,KAAA,CAAdW,cAAc;IACdC,aAAa,GAAAZ,KAAA,CAAbY,aAAa;IAAAC,qBAAA,GAAAb,KAAA,CACbc,gBAAgB;IAAhBA,gBAAgB,GAAAD,qBAAA,cAAG5E,uBAAuB,GAAA4E,qBAAA;IACvCnF,KAAK,GAAAC,wBAAA,CAAAqE,KAAA,EAAAe,UAAA;EAIV,IAAAC,eAAA,GAQI3E,cAAc,CAAC;MACjBZ,KAAK,EAALA,KAAK;MACLT,OAAO,EAAPA,OAAO;MACPuB,MAAM,EAANA,MAAM;MACNlB,KAAK,EAALA,KAAK;MACLC,QAAQ,EAARA,QAAQ;MACRkB,QAAQ,EAARA,QAAQ;MACRC,QAAQ,EAARA,QAAQ;MACRE,QAAQ,EAAED;IACZ,CAAC,CAAC;IAhBA4B,eAAe,GAAA0C,eAAA,CAAf1C,eAAe;IACfG,iBAAiB,GAAAuC,eAAA,CAAjBvC,iBAAiB;IACjBK,gBAAgB,GAAAkC,eAAA,CAAhBlC,gBAAgB;IAChBa,eAAe,GAAAqB,eAAA,CAAfrB,eAAe;IACf5B,OAAO,GAAAiD,eAAA,CAAPjD,OAAO;IACPoB,QAAQ,GAAA6B,eAAA,CAAR7B,QAAQ;IACRxC,QAAQ,GAAAqE,eAAA,CAARrE,QAAQ;EAYV,IAAMsE,yBAAyB,GAAG7G,KAAK,CAACsD,WAAW,CACjD,UAACc,MAAc,EAAK;IAClB,IAAMc,QAAQ,GAAGjE,KAAK,CAACmD,MAAM,CAAC;IAC9B,IAAM0C,QAAQ,GACZ,CAACnD,OAAO,CAACuB,QAAQ,CAAC,GAAGsB,aAAa,GAAGD,cAAc,KACnDxF,qBAAqB;IAEvB,IAAMgG,UAAU,GAAG1C,iBAAiB,CAACR,GAAG,CAACqB,QAAQ,CAAC;IAClD,IAAM8B,UAAU,GAAGtC,gBAAgB,CAACb,GAAG,CAACqB,QAAQ,CAAC;IAEjD,OAAO4B,QAAQ,CAAC1C,MAAM,EAAE;MACtBnD,KAAK,EAALA,KAAK;MACLC,QAAQ,EAARA,QAAQ;MACRG,KAAK,EAAE+C,MAAM;MACb6C,QAAQ,EAAEF,UAAU;MACpB3F,QAAQ,EAAE4F;IACZ,CAAC,CAAC;EACJ,CAAC,EACD,CACE/F,KAAK,EACLC,QAAQ,EACRsF,aAAa,EACb7C,OAAO,EACP4C,cAAc,EACd7B,gBAAgB,EAChBL,iBAAiB,CAErB,CAAC;EAED,oBACErE,KAAA,CAAAyB,aAAA,CAACvB,WAAW,EAAAwB,QAAA;IACVmE,GAAG,EAAEA;EAAI,GACLvE,KAAK;IACTD,KAAK,EAAE6C,eAAgB;IACvBtD,OAAO,EAAE2E,eAAgB;IACzBtE,KAAK,EAAEA,KAAM;IACbC,QAAQ,EAAEA,QAAS;IACnBmB,QAAQ,EAAE0C,QAAS;IACnBxC,QAAQ,EAAEA,QAAS;IACnBH,QAAQ,EAAEiE,WAAY;IACtBE,cAAc,EAAEM,yBAA0B;IAC1CK,mBAAmB,EAAER;EAAiB,EACvC,CAAC;AAEN,CAAC,CAAC;AAEFhB,WAAW,CAACyB,WAAW,GAAG,aAAa"}

package/dist/GroupSelect/GroupSelect.styles.js

@@ -3,7 +3,7 @@ import { MultiSelect } from '../MultiSelect/MultiSelect';
 import { colors } from '../_styles/colors';
 export var StyledGroupSelectOption = /*#__PURE__*/styled(MultiSelect.Option).withConfig({
   displayName: "StyledGroupSelectOption",
-  componentId: "core-11_24_0__sc-u5gu8j-0"
+  componentId: "core-11_24_2__sc-u5gu8j-0"
 })(["", ""], function (_ref) {
   var disabled = _ref.disabled;
   return disabled && css(["color:", ";cursor:not-allowed;a,a:hover{color:", ";text-decoration:none;}"], colors.gray70, colors.gray70);

package/dist/GroupSelect/GroupSelect.types.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
-import { MenuNavigationProps } from '../Menu/Menu.types';
-import { GroupItem, MultiSelectProps } from '../MultiSelect/MultiSelect.types';
+import type React from 'react';
+import type { MenuNavigationProps } from '../Menu/Menu.types';
+import type { GroupItem, MultiSelectProps } from '../MultiSelect/MultiSelect.types';
 export declare type ChangeEvent = React.ChangeEvent<HTMLInputElement>;
 export declare type Option = any;
 export declare type GroupOption = any;

package/dist/GroupSelect/GroupSelect.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"GroupSelect.types.js","names":[],"sources":["../../src/GroupSelect/GroupSelect.types.ts"],"sourcesContent":["import React from 'react'\nimport { MenuNavigationProps } from '../Menu/Menu.types'\nimport { GroupItem, MultiSelectProps } from '../MultiSelect/MultiSelect.types'\n\nexport type ChangeEvent = React.ChangeEvent<HTMLInputElement>\n\nexport type Option = any\n\nexport type GroupOption = any\n\nexport type PickedMultiSelectProps = Omit<\n  MultiSelectProps,\n  | 'value'\n  | 'options'\n  | 'getId'\n  | 'getLabel'\n  | 'onChange'\n  | 'optionRenderer'\n  | 'getGroup'\n  | 'groupHeaderRenderer'\n>\n\nexport interface GroupSelectProps extends PickedMultiSelectProps {\n  /**\n   * @since 10.19.0\n   */\n  value?: Option[]\n  /**\n   * Array of available options\n   * `{ id: number label: string groupId?: string | number }`\n   * `arrayOf: [object]`\n   * @since 10.19.0\n   */\n  options?: Option[]\n  /**\n   * Array of available collections, field options contain option id's\n   * `{ id: number label: string options: Option[] groupId?: string | number }`\n   * `arrayOf: [object]`\n   * @since 10.19.0\n   */\n  groups?: GroupOption[]\n  /**\n   * Callback with options selected when selecting or removing an option\n   * `(value: T[]) => void`\n   * @since 10.19.0\n   */\n  onChange?: (value: Option[], event?: Event) => void\n  /**\n   * @since 10.19.0\n   */\n  getId?: (option: Option | GroupOption) => number | string\n  /**\n   * Callback for each entry in options to generate the token label, also used for default searching.\n   * `(option: T) => string`\n   * @since 10.19.0\n   */\n  getLabel?: (option: Option | GroupOption) => string\n  /**\n   * Callback for each entry in groups for keying and optimizations\n   * `(option: T) => Option[]`\n   * @since 10.19.0\n   */\n  getGroup?: (option: Option | GroupOption) => Option[]\n  /**\n   * Callback for each entry in groups and options to define relation in optgroups\n   * `(option: OptionItem) => number | string`\n   * @since 10.19.0\n   */\n  getOptGroup?: (option: Option | GroupOption) => number | string\n  /**\n   * @since 10.19.0\n   */\n  onSearch?: (e: ChangeEvent) => void\n  /**\n   * Callback for rendering each option\n   * `(option: T, props: OptionRendererProps) => React.ReactNode`\n   * @since 10.19.0\n   */\n  optionRenderer?: (\n    option: Option,\n    props: GroupSelectOptionRendererParams\n  ) => React.ReactNode\n  /**\n   * Callback for rendering each group option\n   * `(groupOption: T, props: OptionRendererProps) => React.ReactNode`\n   * @since 10.19.0\n   */\n  groupRenderer?: (\n    option: GroupOption,\n    props: GroupSelectOptionRendererParams\n  ) => React.ReactNode\n  /**\n   * Callback for rendering header for each entry in `optgroups`\n   * `(group: GroupItem) => React.ReactNode`\n   * @since 10.19.0\n   */\n  optGroupRenderer?: (option: GroupItem) => React.ReactNode\n}\n\nexport interface GroupSelectOptionRendererParams\n  extends MenuNavigationProps,\n    Required<Pick<GroupSelectProps, 'getId' | 'getLabel'>> {\n  /**\n   * @since 10.19.0\n   */\n  value: Option\n  /**\n   * @since 10.19.0\n   */\n  selected?: boolean\n  /**\n   * @since 10.19.0\n   */\n  disabled?: boolean\n}\n\nexport interface GroupSelectConfig {\n  /**\n   * @since 10.19.0\n   */\n  value: Option[]\n  /**\n   * @since 10.19.0\n   */\n  options: Option[]\n  /**\n   * @since 10.19.0\n   */\n  groups: GroupOption[]\n  /**\n   * @since 10.19.0\n   */\n  getId: (option: Option | GroupOption) => number | string\n  /**\n   * @since 10.19.0\n   */\n  getLabel: (option: Option | GroupOption) => string\n  /**\n   * @since 10.19.0\n   */\n  getGroup: (option: Option | GroupOption) => Option[]\n  /**\n   * @since 10.19.0\n   */\n  onChange: (value: Option[]) => void\n  /**\n   * @since 10.19.0\n   */\n  onSearch?: (e: ChangeEvent) => void\n}\n"],"mappings":""}
+{"version":3,"file":"GroupSelect.types.js","names":[],"sources":["../../src/GroupSelect/GroupSelect.types.ts"],"sourcesContent":["import type React from 'react'\nimport type { MenuNavigationProps } from '../Menu/Menu.types'\nimport type {\n  GroupItem,\n  MultiSelectProps,\n} from '../MultiSelect/MultiSelect.types'\n\nexport type ChangeEvent = React.ChangeEvent<HTMLInputElement>\n\nexport type Option = any\n\nexport type GroupOption = any\n\nexport type PickedMultiSelectProps = Omit<\n  MultiSelectProps,\n  | 'value'\n  | 'options'\n  | 'getId'\n  | 'getLabel'\n  | 'onChange'\n  | 'optionRenderer'\n  | 'getGroup'\n  | 'groupHeaderRenderer'\n>\n\nexport interface GroupSelectProps extends PickedMultiSelectProps {\n  /**\n   * @since 10.19.0\n   */\n  value?: Option[]\n  /**\n   * Array of available options\n   * `{ id: number label: string groupId?: string | number }`\n   * `arrayOf: [object]`\n   * @since 10.19.0\n   */\n  options?: Option[]\n  /**\n   * Array of available collections, field options contain option id's\n   * `{ id: number label: string options: Option[] groupId?: string | number }`\n   * `arrayOf: [object]`\n   * @since 10.19.0\n   */\n  groups?: GroupOption[]\n  /**\n   * Callback with options selected when selecting or removing an option\n   * `(value: T[]) => void`\n   * @since 10.19.0\n   */\n  onChange?: (value: Option[], event?: Event) => void\n  /**\n   * @since 10.19.0\n   */\n  getId?: (option: Option | GroupOption) => number | string\n  /**\n   * Callback for each entry in options to generate the token label, also used for default searching.\n   * `(option: T) => string`\n   * @since 10.19.0\n   */\n  getLabel?: (option: Option | GroupOption) => string\n  /**\n   * Callback for each entry in groups for keying and optimizations\n   * `(option: T) => Option[]`\n   * @since 10.19.0\n   */\n  getGroup?: (option: Option | GroupOption) => Option[]\n  /**\n   * Callback for each entry in groups and options to define relation in optgroups\n   * `(option: OptionItem) => number | string`\n   * @since 10.19.0\n   */\n  getOptGroup?: (option: Option | GroupOption) => number | string\n  /**\n   * @since 10.19.0\n   */\n  onSearch?: (e: ChangeEvent) => void\n  /**\n   * Callback for rendering each option\n   * `(option: T, props: OptionRendererProps) => React.ReactNode`\n   * @since 10.19.0\n   */\n  optionRenderer?: (\n    option: Option,\n    props: GroupSelectOptionRendererParams\n  ) => React.ReactNode\n  /**\n   * Callback for rendering each group option\n   * `(groupOption: T, props: OptionRendererProps) => React.ReactNode`\n   * @since 10.19.0\n   */\n  groupRenderer?: (\n    option: GroupOption,\n    props: GroupSelectOptionRendererParams\n  ) => React.ReactNode\n  /**\n   * Callback for rendering header for each entry in `optgroups`\n   * `(group: GroupItem) => React.ReactNode`\n   * @since 10.19.0\n   */\n  optGroupRenderer?: (option: GroupItem) => React.ReactNode\n}\n\nexport interface GroupSelectOptionRendererParams\n  extends MenuNavigationProps,\n    Required<Pick<GroupSelectProps, 'getId' | 'getLabel'>> {\n  /**\n   * @since 10.19.0\n   */\n  value: Option\n  /**\n   * @since 10.19.0\n   */\n  selected?: boolean\n  /**\n   * @since 10.19.0\n   */\n  disabled?: boolean\n}\n\nexport interface GroupSelectConfig {\n  /**\n   * @since 10.19.0\n   */\n  value: Option[]\n  /**\n   * @since 10.19.0\n   */\n  options: Option[]\n  /**\n   * @since 10.19.0\n   */\n  groups: GroupOption[]\n  /**\n   * @since 10.19.0\n   */\n  getId: (option: Option | GroupOption) => number | string\n  /**\n   * @since 10.19.0\n   */\n  getLabel: (option: Option | GroupOption) => string\n  /**\n   * @since 10.19.0\n   */\n  getGroup: (option: Option | GroupOption) => Option[]\n  /**\n   * @since 10.19.0\n   */\n  onChange: (value: Option[]) => void\n  /**\n   * @since 10.19.0\n   */\n  onSearch?: (e: ChangeEvent) => void\n}\n"],"mappings":""}

package/dist/Input/Input.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { InputAttributes } from '../_utils/types';
-import { InputProps } from './Input.types';
+import type { InputAttributes } from '../_utils/types';
+import type { InputProps } from './Input.types';
 /**
 
  @since 10.19.0

package/dist/Input/Input.js.map

@@ -1 +1 @@
-{"version":3,"file":"Input.js","names":["React","StyledInput","Input","forwardRef","_ref","ref","children","props","_objectWithoutProperties","_excluded","createElement","_extends","displayName"],"sources":["../../src/Input/Input.tsx"],"sourcesContent":["import React from 'react'\nimport { InputAttributes } from '../_utils/types'\nimport { StyledInput } from './Input.styles'\nimport { InputProps } from './Input.types'\n\n/**\n\n @since 10.19.0\n\n @see [Storybook](https://procore.github.io/core/core-react/latest/?path=/story/demos-input--demo)\n\n @see [Design Guidelines](https://design.procore.com/text-input)\n\n */\nexport const Input = React.forwardRef<\n  HTMLInputElement,\n  InputAttributes & InputProps\n>(function Input({ children, ...props }, ref) {\n  return <StyledInput {...props} ref={ref} />\n})\n\nInput.displayName = 'Input'\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,WAAW,QAAQ,gBAAgB;AAG5C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMC,KAAK,gBAAGF,KAAK,CAACG,UAAU,CAGnC,SAASD,KAAKA,CAAAE,IAAA,EAAyBC,GAAG,EAAE;EAAA,IAA3BC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAKC,KAAK,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,SAAA;EACnC,oBAAOT,KAAA,CAAAU,aAAA,CAACT,WAAW,EAAAU,QAAA,KAAKJ,KAAK;IAAEF,GAAG,EAAEA;EAAI,EAAE,CAAC;AAC7C,CAAC,CAAC;AAEFH,KAAK,CAACU,WAAW,GAAG,OAAO"}
+{"version":3,"file":"Input.js","names":["React","StyledInput","Input","forwardRef","_ref","ref","children","props","_objectWithoutProperties","_excluded","createElement","_extends","displayName"],"sources":["../../src/Input/Input.tsx"],"sourcesContent":["import React from 'react'\nimport type { InputAttributes } from '../_utils/types'\nimport { StyledInput } from './Input.styles'\nimport type { InputProps } from './Input.types'\n\n/**\n\n @since 10.19.0\n\n @see [Storybook](https://procore.github.io/core/core-react/latest/?path=/story/demos-input--demo)\n\n @see [Design Guidelines](https://design.procore.com/text-input)\n\n */\nexport const Input = React.forwardRef<\n  HTMLInputElement,\n  InputAttributes & InputProps\n>(function Input({ children, ...props }, ref) {\n  return <StyledInput {...props} ref={ref} />\n})\n\nInput.displayName = 'Input'\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,WAAW,QAAQ,gBAAgB;AAG5C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMC,KAAK,gBAAGF,KAAK,CAACG,UAAU,CAGnC,SAASD,KAAKA,CAAAE,IAAA,EAAyBC,GAAG,EAAE;EAAA,IAA3BC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAKC,KAAK,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,SAAA;EACnC,oBAAOT,KAAA,CAAAU,aAAA,CAACT,WAAW,EAAAU,QAAA,KAAKJ,KAAK;IAAEF,GAAG,EAAEA;EAAI,EAAE,CAAC;AAC7C,CAAC,CAAC;AAEFH,KAAK,CAACU,WAAW,GAAG,OAAO"}

package/dist/Input/Input.styles.js

@@ -16,6 +16,6 @@ export function getInputStyles(_ref) {
 }
 export var StyledInput = /*#__PURE__*/styled.input.withConfig({
   displayName: "StyledInput",
-  componentId: "core-11_24_0__sc-12sjkxg-0"
+  componentId: "core-11_24_2__sc-12sjkxg-0"
 })(["", " padding:0 ", "px;&::-ms-clear{display:none;}&[type='number']{-moz-appearance:textfield;&::-webkit-inner-spin-button,&::-webkit-outer-spin-button{-webkit-appearance:none;margin:0;}}"], getInputStyles, spacing.md);
 //# sourceMappingURL=Input.styles.js.map

package/dist/Input/Input.types.d.ts

@@ -1,4 +1,4 @@
-import { InputAttributes } from '../_utils/types';
+import type { InputAttributes } from '../_utils/types';
 export interface InputProps extends InputAttributes {
     /**
      * Controls the error state of the `Input`, changing the

package/dist/Input/Input.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"Input.types.js","names":[],"sources":["../../src/Input/Input.types.ts"],"sourcesContent":["import { InputAttributes } from '../_utils/types'\n\nexport interface InputProps extends InputAttributes {\n  /**\n   * Controls the error state of the `Input`, changing the\n   * background color and border colors to red\n   * @since 10.19.0\n   */\n  error?: boolean\n\n  /**\n   * @deprecated Use the `error` prop instead\n   * @since 10.19.0\n   */\n  variant?: 'error' | ''\n}\n"],"mappings":""}
+{"version":3,"file":"Input.types.js","names":[],"sources":["../../src/Input/Input.types.ts"],"sourcesContent":["import type { InputAttributes } from '../_utils/types'\n\nexport interface InputProps extends InputAttributes {\n  /**\n   * Controls the error state of the `Input`, changing the\n   * background color and border colors to red\n   * @since 10.19.0\n   */\n  error?: boolean\n\n  /**\n   * @deprecated Use the `error` prop instead\n   * @since 10.19.0\n   */\n  variant?: 'error' | ''\n}\n"],"mappings":""}

package/dist/Link/Link.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { LinkProps } from './Link.types';
+import type { LinkProps } from './Link.types';
 /**
 
  Links provide users with quick references to relevant Procore or affiliate

package/dist/Link/Link.js.map

@@ -1 +1 @@
-{"version":3,"file":"Link.js","names":["React","StyledLink","Link","forwardRef","_ref","ref","children","props","_objectWithoutProperties","_excluded","createElement","_extends","displayName"],"sources":["../../src/Link/Link.tsx"],"sourcesContent":["import React from 'react'\nimport { StyledLink } from './Link.styles'\nimport { LinkProps } from './Link.types'\n\n/**\n\n Links provide users with quick references to relevant Procore or affiliate\n websites that will provide more contextual information to a page or feature.\n\n Links should not be used to reference a page or modal in Procore’s product.\n In that case, use a button.\n\n @since 10.19.0\n\n @see [Storybook](https://procore.github.io/core/core-react/latest/?path=/story/demos-link--demo)\n\n @see [Design Guidelines](https://design.procore.com/link)\n\n */\nexport const Link = React.forwardRef<HTMLAnchorElement, LinkProps>(\n  ({ children, ...props }, ref) => {\n    return (\n      <StyledLink {...props} ref={ref}>\n        {children}\n      </StyledLink>\n    )\n  }\n)\n\nLink.displayName = 'Link'\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,QAAQ,eAAe;AAG1C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMC,IAAI,gBAAGF,KAAK,CAACG,UAAU,CAClC,UAAAC,IAAA,EAAyBC,GAAG,EAAK;EAAA,IAA9BC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAKC,KAAK,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,SAAA;EACnB,oBACET,KAAA,CAAAU,aAAA,CAACT,UAAU,EAAAU,QAAA,KAAKJ,KAAK;IAAEF,GAAG,EAAEA;EAAI,IAC7BC,QACS,CAAC;AAEjB,CACF,CAAC;AAEDJ,IAAI,CAACU,WAAW,GAAG,MAAM"}
+{"version":3,"file":"Link.js","names":["React","StyledLink","Link","forwardRef","_ref","ref","children","props","_objectWithoutProperties","_excluded","createElement","_extends","displayName"],"sources":["../../src/Link/Link.tsx"],"sourcesContent":["import React from 'react'\nimport { StyledLink } from './Link.styles'\nimport type { LinkProps } from './Link.types'\n\n/**\n\n Links provide users with quick references to relevant Procore or affiliate\n websites that will provide more contextual information to a page or feature.\n\n Links should not be used to reference a page or modal in Procore’s product.\n In that case, use a button.\n\n @since 10.19.0\n\n @see [Storybook](https://procore.github.io/core/core-react/latest/?path=/story/demos-link--demo)\n\n @see [Design Guidelines](https://design.procore.com/link)\n\n */\nexport const Link = React.forwardRef<HTMLAnchorElement, LinkProps>(\n  ({ children, ...props }, ref) => {\n    return (\n      <StyledLink {...props} ref={ref}>\n        {children}\n      </StyledLink>\n    )\n  }\n)\n\nLink.displayName = 'Link'\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,QAAQ,eAAe;AAG1C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMC,IAAI,gBAAGF,KAAK,CAACG,UAAU,CAClC,UAAAC,IAAA,EAAyBC,GAAG,EAAK;EAAA,IAA9BC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAKC,KAAK,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,SAAA;EACnB,oBACET,KAAA,CAAAU,aAAA,CAACT,UAAU,EAAAU,QAAA,KAAKJ,KAAK;IAAEF,GAAG,EAAEA;EAAI,IAC7BC,QACS,CAAC;AAEjB,CACF,CAAC;AAEDJ,IAAI,CAACU,WAAW,GAAG,MAAM"}

package/dist/Link/Link.styles.d.ts

@@ -1,2 +1,2 @@
-import { LinkProps } from './Link.types';
+import type { LinkProps } from './Link.types';
 export declare const StyledLink: import("styled-components").StyledComponent<"a", any, LinkProps, never>;

package/dist/Link/Link.styles.js

@@ -17,6 +17,6 @@ function getLinkColors(_ref) {
 }
 export var StyledLink = /*#__PURE__*/styled.a.withConfig({
   displayName: "StyledLink",
-  componentId: "core-11_24_0__sc-jfowrl-0"
+  componentId: "core-11_24_2__sc-jfowrl-0"
 })(["text-decoration:underline;&:hover{cursor:pointer;text-decoration:underline;}", " &.focus,&:focus{", ";}", ""], focusable, getBorderRadius('md'), getLinkColors);
 //# sourceMappingURL=Link.styles.js.map

package/dist/Link/Link.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Link.styles.js","names":["styled","css","getBorderRadius","colors","focusable","getLinkColors","_ref","_ref$variant","variant","gray30","orange50","white","blue45","blue30","StyledLink","a","withConfig","displayName","componentId"],"sources":["../../src/Link/Link.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { getBorderRadius } from '../_styles/borderRadius'\nimport { colors } from '../_styles/colors'\nimport { focusable } from '../_styles/mixins'\nimport { LinkProps } from './Link.types'\n\nfunction getLinkColors({ variant = 'default' }) {\n  switch (variant) {\n    case 'gray':\n      return css`\n        color: ${colors.gray30};\n\n        &:hover {\n          color: ${colors.orange50};\n        }\n      `\n    case 'white':\n      return css`\n        color: ${colors.white};\n\n        &:hover {\n          color: ${colors.white};\n        }\n      `\n    case 'default':\n    default:\n      return css`\n        color: ${colors.blue45};\n\n        &:hover {\n          color: ${colors.blue30};\n        }\n      `\n  }\n}\n\nexport const StyledLink = styled.a<LinkProps>`\n  text-decoration: underline;\n\n  &:hover {\n    cursor: pointer;\n    text-decoration: underline;\n  }\n\n  ${focusable}\n\n  // the focusable mixin applies the class and pseudo selector\n  &.focus,\n  &:focus {\n    ${getBorderRadius('md')};\n  }\n\n  ${getLinkColors}\n`\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAC/C,SAASC,eAAe,QAAQ,yBAAyB;AACzD,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,SAASC,SAAS,QAAQ,mBAAmB;AAG7C,SAASC,aAAaA,CAAAC,IAAA,EAA0B;EAAA,IAAAC,YAAA,GAAAD,IAAA,CAAvBE,OAAO;IAAPA,OAAO,GAAAD,YAAA,cAAG,SAAS,GAAAA,YAAA;EAC1C,QAAQC,OAAO;IACb,KAAK,MAAM;MACT,OAAOP,GAAG,sCACCE,MAAM,CAACM,MAAM,EAGXN,MAAM,CAACO,QAAQ;IAG9B,KAAK,OAAO;MACV,OAAOT,GAAG,sCACCE,MAAM,CAACQ,KAAK,EAGVR,MAAM,CAACQ,KAAK;IAG3B,KAAK,SAAS;IACd;MACE,OAAOV,GAAG,sCACCE,MAAM,CAACS,MAAM,EAGXT,MAAM,CAACU,MAAM;EAG9B;AACF;AAEA,OAAO,IAAMC,UAAU,gBAAGd,MAAM,CAACe,CAAC,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,oHAQ9Bd,SAAS,EAKPF,eAAe,CAAC,IAAI,CAAC,EAGvBG,aAAa,CAChB"}
+{"version":3,"file":"Link.styles.js","names":["styled","css","getBorderRadius","colors","focusable","getLinkColors","_ref","_ref$variant","variant","gray30","orange50","white","blue45","blue30","StyledLink","a","withConfig","displayName","componentId"],"sources":["../../src/Link/Link.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { getBorderRadius } from '../_styles/borderRadius'\nimport { colors } from '../_styles/colors'\nimport { focusable } from '../_styles/mixins'\nimport type { LinkProps } from './Link.types'\n\nfunction getLinkColors({ variant = 'default' }) {\n  switch (variant) {\n    case 'gray':\n      return css`\n        color: ${colors.gray30};\n\n        &:hover {\n          color: ${colors.orange50};\n        }\n      `\n    case 'white':\n      return css`\n        color: ${colors.white};\n\n        &:hover {\n          color: ${colors.white};\n        }\n      `\n    case 'default':\n    default:\n      return css`\n        color: ${colors.blue45};\n\n        &:hover {\n          color: ${colors.blue30};\n        }\n      `\n  }\n}\n\nexport const StyledLink = styled.a<LinkProps>`\n  text-decoration: underline;\n\n  &:hover {\n    cursor: pointer;\n    text-decoration: underline;\n  }\n\n  ${focusable}\n\n  // the focusable mixin applies the class and pseudo selector\n  &.focus,\n  &:focus {\n    ${getBorderRadius('md')};\n  }\n\n  ${getLinkColors}\n`\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAC/C,SAASC,eAAe,QAAQ,yBAAyB;AACzD,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,SAASC,SAAS,QAAQ,mBAAmB;AAG7C,SAASC,aAAaA,CAAAC,IAAA,EAA0B;EAAA,IAAAC,YAAA,GAAAD,IAAA,CAAvBE,OAAO;IAAPA,OAAO,GAAAD,YAAA,cAAG,SAAS,GAAAA,YAAA;EAC1C,QAAQC,OAAO;IACb,KAAK,MAAM;MACT,OAAOP,GAAG,sCACCE,MAAM,CAACM,MAAM,EAGXN,MAAM,CAACO,QAAQ;IAG9B,KAAK,OAAO;MACV,OAAOT,GAAG,sCACCE,MAAM,CAACQ,KAAK,EAGVR,MAAM,CAACQ,KAAK;IAG3B,KAAK,SAAS;IACd;MACE,OAAOV,GAAG,sCACCE,MAAM,CAACS,MAAM,EAGXT,MAAM,CAACU,MAAM;EAG9B;AACF;AAEA,OAAO,IAAMC,UAAU,gBAAGd,MAAM,CAACe,CAAC,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,oHAQ9Bd,SAAS,EAKPF,eAAe,CAAC,IAAI,CAAC,EAGvBG,aAAa,CAChB"}

package/dist/Link/Link.types.d.ts

@@ -1,4 +1,4 @@
-import { AnchorAttributes, Props } from '../_utils/types';
+import type { AnchorAttributes, Props } from '../_utils/types';
 declare type LinkVariant = 'gray' | 'white';
 export interface LinkProps extends Props, AnchorAttributes {
     /**

package/dist/Link/Link.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"Link.types.js","names":[],"sources":["../../src/Link/Link.types.ts"],"sourcesContent":["import { AnchorAttributes, Props } from '../_utils/types'\n\ntype LinkVariant = 'gray' | 'white'\n\nexport interface LinkProps extends Props, AnchorAttributes {\n  /**\n   * The color variant of the link\n   * @since 10.19.0\n   */\n  variant?: LinkVariant\n}\n"],"mappings":""}
+{"version":3,"file":"Link.types.js","names":[],"sources":["../../src/Link/Link.types.ts"],"sourcesContent":["import type { AnchorAttributes, Props } from '../_utils/types'\n\ntype LinkVariant = 'gray' | 'white'\n\nexport interface LinkProps extends Props, AnchorAttributes {\n  /**\n   * The color variant of the link\n   * @since 10.19.0\n   */\n  variant?: LinkVariant\n}\n"],"mappings":""}

package/dist/ListPage/ListPage.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { Props } from '../_utils/types';
-import { ListPageControlProps, ListPageProps } from './ListPage.types';
+import type { Props } from '../_utils/types';
+import type { ListPageControlProps, ListPageProps } from './ListPage.types';
 export declare const ListPage_: React.ForwardRefExoticComponent<ListPageProps & React.RefAttributes<HTMLDivElement>>;
 export declare const Main: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
 export declare const Banner: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;

package/dist/ListPage/ListPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListPage.js","names":["React","addSubcomponents","StyledListPage","StyledListPageBanner","StyledListPageBody","StyledListPageBodyContent","StyledListPageContentControls","StyledListPageControl","StyledListPageMain","StyledListPageToolHeader","ListPage_","forwardRef","ListPage","_ref","ref","children","props","_objectWithoutProperties","_excluded","createElement","_extends","Main","_ref2","_excluded2","Banner","_ref3","_excluded3","ToolHeader","_ref4","_excluded4","ContentControls","_ref5","_excluded5","Body","_ref6","_excluded6","Control","_ref7","_ref7$alignRight","alignRight","_ref7$block","block","_ref7$search","search","variant","_excluded7","$alignRight","$block","$search","displayName"],"sources":["../../src/ListPage/ListPage.tsx"],"sourcesContent":["import React from 'react'\nimport { addSubcomponents } from '../_utils/addSubcomponents'\nimport { Props } from '../_utils/types'\nimport {\n  StyledListPage,\n  StyledListPageBanner,\n  StyledListPageBody,\n  StyledListPageBodyContent,\n  StyledListPageContentControls,\n  StyledListPageControl,\n  StyledListPageMain,\n  StyledListPageToolHeader,\n} from './ListPage.styles'\nimport { ListPageControlProps, ListPageProps } from './ListPage.types'\n\nexport const ListPage_ = React.forwardRef<HTMLDivElement, ListPageProps>(\n  function ListPage({ children, ...props }, ref) {\n    return (\n      <StyledListPage {...props} ref={ref}>\n        {children}\n      </StyledListPage>\n    )\n  }\n)\n\nexport const Main = React.forwardRef<HTMLDivElement, Props>(function Main(\n  { children, ...props },\n  ref\n) {\n  return (\n    <StyledListPageMain {...props} ref={ref}>\n      {children}\n    </StyledListPageMain>\n  )\n})\n\nexport const Banner = React.forwardRef<HTMLDivElement, Props>(function Banner(\n  { children, ...props },\n  ref\n) {\n  return (\n    <StyledListPageBanner {...props} ref={ref}>\n      {children}\n    </StyledListPageBanner>\n  )\n})\n\nexport const ToolHeader = React.forwardRef<HTMLDivElement, Props>(\n  function ToolHeader({ children, ...props }, ref) {\n    return (\n      <StyledListPageToolHeader {...props} ref={ref}>\n        {children}\n      </StyledListPageToolHeader>\n    )\n  }\n)\n\nexport const ContentControls = React.forwardRef<HTMLDivElement, Props>(\n  function ContentControls({ children, ...props }, ref) {\n    return (\n      <StyledListPageContentControls {...props} ref={ref}>\n        {children}\n      </StyledListPageContentControls>\n    )\n  }\n)\n\nexport const Body = React.forwardRef<HTMLDivElement, Props>(function Body(\n  { children, ...props },\n  ref\n) {\n  return (\n    <StyledListPageBody {...props} ref={ref}>\n      <StyledListPageBodyContent>{children}</StyledListPageBodyContent>\n    </StyledListPageBody>\n  )\n})\n\nexport const Control = React.forwardRef<HTMLDivElement, ListPageControlProps>(\n  function Control(\n    {\n      alignRight = false,\n      block = false,\n      children,\n      search = false,\n      variant,\n      ...props\n    },\n    ref\n  ) {\n    return (\n      <StyledListPageControl\n        {...props}\n        $alignRight={alignRight || variant === 'align-right'}\n        $block={block || variant === 'block'}\n        $search={search || variant === 'search'}\n        ref={ref}\n      >\n        {children}\n      </StyledListPageControl>\n    )\n  }\n)\n\nBanner.displayName = 'ListPage.Banner'\n\nBody.displayName = 'ListPage.Body'\n\nContentControls.displayName = 'ListPage.ContentControls'\n\nControl.displayName = 'ListPage.Control'\n\nMain.displayName = 'ListPage.Main'\n\nToolHeader.displayName = 'ListPage.ToolHeader'\n\nexport const ListPage = addSubcomponents(\n  {\n    Banner,\n    Body,\n    ContentControls,\n    Control,\n    Main,\n    ToolHeader,\n  },\n  ListPage_\n)\n"],"mappings":"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"}
+{"version":3,"file":"ListPage.js","names":["React","addSubcomponents","StyledListPage","StyledListPageBanner","StyledListPageBody","StyledListPageBodyContent","StyledListPageContentControls","StyledListPageControl","StyledListPageMain","StyledListPageToolHeader","ListPage_","forwardRef","ListPage","_ref","ref","children","props","_objectWithoutProperties","_excluded","createElement","_extends","Main","_ref2","_excluded2","Banner","_ref3","_excluded3","ToolHeader","_ref4","_excluded4","ContentControls","_ref5","_excluded5","Body","_ref6","_excluded6","Control","_ref7","_ref7$alignRight","alignRight","_ref7$block","block","_ref7$search","search","variant","_excluded7","$alignRight","$block","$search","displayName"],"sources":["../../src/ListPage/ListPage.tsx"],"sourcesContent":["import React from 'react'\nimport { addSubcomponents } from '../_utils/addSubcomponents'\nimport type { Props } from '../_utils/types'\nimport {\n  StyledListPage,\n  StyledListPageBanner,\n  StyledListPageBody,\n  StyledListPageBodyContent,\n  StyledListPageContentControls,\n  StyledListPageControl,\n  StyledListPageMain,\n  StyledListPageToolHeader,\n} from './ListPage.styles'\nimport type { ListPageControlProps, ListPageProps } from './ListPage.types'\n\nexport const ListPage_ = React.forwardRef<HTMLDivElement, ListPageProps>(\n  function ListPage({ children, ...props }, ref) {\n    return (\n      <StyledListPage {...props} ref={ref}>\n        {children}\n      </StyledListPage>\n    )\n  }\n)\n\nexport const Main = React.forwardRef<HTMLDivElement, Props>(function Main(\n  { children, ...props },\n  ref\n) {\n  return (\n    <StyledListPageMain {...props} ref={ref}>\n      {children}\n    </StyledListPageMain>\n  )\n})\n\nexport const Banner = React.forwardRef<HTMLDivElement, Props>(function Banner(\n  { children, ...props },\n  ref\n) {\n  return (\n    <StyledListPageBanner {...props} ref={ref}>\n      {children}\n    </StyledListPageBanner>\n  )\n})\n\nexport const ToolHeader = React.forwardRef<HTMLDivElement, Props>(\n  function ToolHeader({ children, ...props }, ref) {\n    return (\n      <StyledListPageToolHeader {...props} ref={ref}>\n        {children}\n      </StyledListPageToolHeader>\n    )\n  }\n)\n\nexport const ContentControls = React.forwardRef<HTMLDivElement, Props>(\n  function ContentControls({ children, ...props }, ref) {\n    return (\n      <StyledListPageContentControls {...props} ref={ref}>\n        {children}\n      </StyledListPageContentControls>\n    )\n  }\n)\n\nexport const Body = React.forwardRef<HTMLDivElement, Props>(function Body(\n  { children, ...props },\n  ref\n) {\n  return (\n    <StyledListPageBody {...props} ref={ref}>\n      <StyledListPageBodyContent>{children}</StyledListPageBodyContent>\n    </StyledListPageBody>\n  )\n})\n\nexport const Control = React.forwardRef<HTMLDivElement, ListPageControlProps>(\n  function Control(\n    {\n      alignRight = false,\n      block = false,\n      children,\n      search = false,\n      variant,\n      ...props\n    },\n    ref\n  ) {\n    return (\n      <StyledListPageControl\n        {...props}\n        $alignRight={alignRight || variant === 'align-right'}\n        $block={block || variant === 'block'}\n        $search={search || variant === 'search'}\n        ref={ref}\n      >\n        {children}\n      </StyledListPageControl>\n    )\n  }\n)\n\nBanner.displayName = 'ListPage.Banner'\n\nBody.displayName = 'ListPage.Body'\n\nContentControls.displayName = 'ListPage.ContentControls'\n\nControl.displayName = 'ListPage.Control'\n\nMain.displayName = 'ListPage.Main'\n\nToolHeader.displayName = 'ListPage.ToolHeader'\n\nexport const ListPage = addSubcomponents(\n  {\n    Banner,\n    Body,\n    ContentControls,\n    Control,\n    Main,\n    ToolHeader,\n  },\n  ListPage_\n)\n"],"mappings":"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"}

package/dist/ListPage/ListPage.styles.js

@@ -3,19 +3,19 @@ import { colors } from '../_styles/colors';
 import { spacing } from '../_styles/spacing';
 export var StyledListPageMain = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledListPageMain",
-  componentId: "core-11_24_0__sc-1eq7fzi-0"
+  componentId: "core-11_24_2__sc-1eq7fzi-0"
 })(["display:flex;flex:1 0 auto;flex-direction:column;min-width:0;padding:", "px ", "px;width:100%;"], spacing.lg, spacing.xl);
 export var StyledListPageBanner = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledListPageBanner",
-  componentId: "core-11_24_0__sc-1eq7fzi-1"
+  componentId: "core-11_24_2__sc-1eq7fzi-1"
 })(["flex:0 0 auto;"]);
 export var StyledListPageToolHeader = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledListPageToolHeader",
-  componentId: "core-11_24_0__sc-1eq7fzi-2"
+  componentId: "core-11_24_2__sc-1eq7fzi-2"
 })(["flex:0 0 auto;padding-bottom:", "px;"], spacing.lg);
 export var StyledListPageControl = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledListPageControl",
-  componentId: "core-11_24_0__sc-1eq7fzi-3"
+  componentId: "core-11_24_2__sc-1eq7fzi-3"
 })(["flex:", ";", " ", ""], function (_ref) {
   var $block = _ref.$block;
   return $block ? '1 0 auto' : '0 0 auto';
@@ -32,18 +32,18 @@ export var StyledListPageControl = /*#__PURE__*/styled.div.withConfig({
 });
 export var StyledListPageContentControls = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledListPageContentControls",
-  componentId: "core-11_24_0__sc-1eq7fzi-4"
+  componentId: "core-11_24_2__sc-1eq7fzi-4"
 })(["align-items:center;display:flex;flex:0 0 auto;justify-content:space-between;padding:", "px 0;", " + ", "{margin-left:", "px;}"], spacing.md, StyledListPageControl, StyledListPageControl, spacing.lg);
 export var StyledListPageBody = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledListPageBody",
-  componentId: "core-11_24_0__sc-1eq7fzi-5"
+  componentId: "core-11_24_2__sc-1eq7fzi-5"
 })(["display:flex;flex:1 0 auto;padding-top:", "px;"], spacing.md);
 export var StyledListPageBodyContent = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledListPageBodyContent",
-  componentId: "core-11_24_0__sc-1eq7fzi-6"
+  componentId: "core-11_24_2__sc-1eq7fzi-6"
 })(["flex:1 1 auto;"]);
 export var StyledListPage = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledListPage",
-  componentId: "core-11_24_0__sc-1eq7fzi-7"
+  componentId: "core-11_24_2__sc-1eq7fzi-7"
 })(["display:flex;flex-direction:row;height:100%;width:100%;", " + ", "{padding-top:", "px;}", " + ", "{border-top-color:", ";border-top-style:solid;border-top-width:1px;}", " + ", ",", " + ", "{border-top-color:", ";border-top-style:solid;border-top-width:1px;}", " + ", "{padding-top:0;}"], StyledListPageBanner, StyledListPageToolHeader, spacing.lg, StyledListPageContentControls, StyledListPageContentControls, colors.gray85, StyledListPageToolHeader, StyledListPageContentControls, StyledListPageToolHeader, StyledListPageBody, colors.gray85, StyledListPageContentControls, StyledListPageBody);
 //# sourceMappingURL=ListPage.styles.js.map

package/dist/ListPage/ListPage.types.d.ts

@@ -1,4 +1,4 @@
-import { Props } from '../_utils/types';
+import type { Props } from '../_utils/types';
 export declare type ControlVariant = 'align-right' | 'block' | 'search';
 export interface DivProps extends Props {
 }

package/dist/ListPage/ListPage.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListPage.types.js","names":[],"sources":["../../src/ListPage/ListPage.types.ts"],"sourcesContent":["import { Props } from '../_utils/types'\n\nexport type ControlVariant = 'align-right' | 'block' | 'search'\n\nexport interface DivProps extends Props {}\n\nexport interface ListPageProps extends Props {}\n\nexport interface ListPageControlProps extends Props {\n  /**\n   * Controls whether the contents will align to the right\n   * @since 10.19.0\n   */\n  alignRight?: boolean\n  /**\n   * Controls whether the contents will attmpt to span the full width\n   * @since 10.19.0\n   */\n  block?: boolean\n  /**\n   * Sets width to a specific size for Search to fit\n   * @since 10.19.0\n   */\n  search?: boolean\n  /**\n   * @deprecated please use the equivalent boolean prop instead\n   * @since 10.19.0\n   */\n  variant?: ControlVariant\n}\n"],"mappings":""}
+{"version":3,"file":"ListPage.types.js","names":[],"sources":["../../src/ListPage/ListPage.types.ts"],"sourcesContent":["import type { Props } from '../_utils/types'\n\nexport type ControlVariant = 'align-right' | 'block' | 'search'\n\nexport interface DivProps extends Props {}\n\nexport interface ListPageProps extends Props {}\n\nexport interface ListPageControlProps extends Props {\n  /**\n   * Controls whether the contents will align to the right\n   * @since 10.19.0\n   */\n  alignRight?: boolean\n  /**\n   * Controls whether the contents will attmpt to span the full width\n   * @since 10.19.0\n   */\n  block?: boolean\n  /**\n   * Sets width to a specific size for Search to fit\n   * @since 10.19.0\n   */\n  search?: boolean\n  /**\n   * @deprecated please use the equivalent boolean prop instead\n   * @since 10.19.0\n   */\n  variant?: ControlVariant\n}\n"],"mappings":""}

package/dist/Loader/Loader.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { LoaderProps } from './Loader.types';
+import type { LoaderProps } from './Loader.types';
 export declare const minProgressValue = 0;
 export declare const maxProgressValue = 100;
 export declare const clamp: (value: number, minValue?: number, maxValue?: number) => number;

package/dist/Loader/Loader.js.map

@@ -1 +1 @@
-{"version":3,"file":"Loader.js","names":["React","StyledGradient","StyledLoader","minProgressValue","maxProgressValue","clamp","value","minValue","arguments","length","undefined","maxValue","Math","max","min","floor","Loader","_ref","_ref$value","_ref$animated","animated","children","props","_objectWithoutProperties","_excluded","progressValue","createElement","_extends","style","width","concat","$animated","displayName"],"sources":["../../src/Loader/Loader.tsx"],"sourcesContent":["import React from 'react'\nimport { StyledGradient, StyledLoader } from './Loader.styles'\nimport { LoaderProps } from './Loader.types'\n\nexport const minProgressValue = 0\nexport const maxProgressValue = 100\n\nexport const clamp = (\n  value: number,\n  minValue: number = minProgressValue,\n  maxValue: number = maxProgressValue\n) => Math.max(minValue, Math.min(maxValue, Math.floor(value)))\n\n/**\n * @deprecatedSince 11\n * @deprecated Intended for internal library development.\n */\nexport const Loader: React.FC<LoaderProps> = function Loader({\n  value = 0,\n  animated = false,\n  children,\n  ...props\n}) {\n  const progressValue = clamp(value)\n\n  return (\n    <StyledLoader {...props} style={{ width: `${progressValue}%` }}>\n      <StyledGradient $animated={animated}>{children}</StyledGradient>\n    </StyledLoader>\n  )\n}\n\nLoader.displayName = 'Loader'\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,EAAEC,YAAY,QAAQ,iBAAiB;AAG9D,OAAO,IAAMC,gBAAgB,GAAG,CAAC;AACjC,OAAO,IAAMC,gBAAgB,GAAG,GAAG;AAEnC,OAAO,IAAMC,KAAK,GAAG,SAARA,KAAKA,CAChBC,KAAa;EAAA,IACbC,QAAgB,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAGL,gBAAgB;EAAA,IACnCQ,QAAgB,GAAAH,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAGJ,gBAAgB;EAAA,OAChCQ,IAAI,CAACC,GAAG,CAACN,QAAQ,EAAEK,IAAI,CAACE,GAAG,CAACH,QAAQ,EAAEC,IAAI,CAACG,KAAK,CAACT,KAAK,CAAC,CAAC,CAAC;AAAA;;AAE9D;AACA;AACA;AACA;AACA,OAAO,IAAMU,MAA6B,GAAG,SAASA,MAAMA,CAAAC,IAAA,EAKzD;EAAA,IAAAC,UAAA,GAAAD,IAAA,CAJDX,KAAK;IAALA,KAAK,GAAAY,UAAA,cAAG,CAAC,GAAAA,UAAA;IAAAC,aAAA,GAAAF,IAAA,CACTG,QAAQ;IAARA,QAAQ,GAAAD,aAAA,cAAG,KAAK,GAAAA,aAAA;IAChBE,QAAQ,GAAAJ,IAAA,CAARI,QAAQ;IACLC,KAAK,GAAAC,wBAAA,CAAAN,IAAA,EAAAO,SAAA;EAER,IAAMC,aAAa,GAAGpB,KAAK,CAACC,KAAK,CAAC;EAElC,oBACEN,KAAA,CAAA0B,aAAA,CAACxB,YAAY,EAAAyB,QAAA,KAAKL,KAAK;IAAEM,KAAK,EAAE;MAAEC,KAAK,KAAAC,MAAA,CAAKL,aAAa;IAAI;EAAE,iBAC7DzB,KAAA,CAAA0B,aAAA,CAACzB,cAAc;IAAC8B,SAAS,EAAEX;EAAS,GAAEC,QAAyB,CACnD,CAAC;AAEnB,CAAC;AAEDL,MAAM,CAACgB,WAAW,GAAG,QAAQ"}
+{"version":3,"file":"Loader.js","names":["React","StyledGradient","StyledLoader","minProgressValue","maxProgressValue","clamp","value","minValue","arguments","length","undefined","maxValue","Math","max","min","floor","Loader","_ref","_ref$value","_ref$animated","animated","children","props","_objectWithoutProperties","_excluded","progressValue","createElement","_extends","style","width","concat","$animated","displayName"],"sources":["../../src/Loader/Loader.tsx"],"sourcesContent":["import React from 'react'\nimport { StyledGradient, StyledLoader } from './Loader.styles'\nimport type { LoaderProps } from './Loader.types'\n\nexport const minProgressValue = 0\nexport const maxProgressValue = 100\n\nexport const clamp = (\n  value: number,\n  minValue: number = minProgressValue,\n  maxValue: number = maxProgressValue\n) => Math.max(minValue, Math.min(maxValue, Math.floor(value)))\n\n/**\n * @deprecatedSince 11\n * @deprecated Intended for internal library development.\n */\nexport const Loader: React.FC<LoaderProps> = function Loader({\n  value = 0,\n  animated = false,\n  children,\n  ...props\n}) {\n  const progressValue = clamp(value)\n\n  return (\n    <StyledLoader {...props} style={{ width: `${progressValue}%` }}>\n      <StyledGradient $animated={animated}>{children}</StyledGradient>\n    </StyledLoader>\n  )\n}\n\nLoader.displayName = 'Loader'\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,EAAEC,YAAY,QAAQ,iBAAiB;AAG9D,OAAO,IAAMC,gBAAgB,GAAG,CAAC;AACjC,OAAO,IAAMC,gBAAgB,GAAG,GAAG;AAEnC,OAAO,IAAMC,KAAK,GAAG,SAARA,KAAKA,CAChBC,KAAa;EAAA,IACbC,QAAgB,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAGL,gBAAgB;EAAA,IACnCQ,QAAgB,GAAAH,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAGJ,gBAAgB;EAAA,OAChCQ,IAAI,CAACC,GAAG,CAACN,QAAQ,EAAEK,IAAI,CAACE,GAAG,CAACH,QAAQ,EAAEC,IAAI,CAACG,KAAK,CAACT,KAAK,CAAC,CAAC,CAAC;AAAA;;AAE9D;AACA;AACA;AACA;AACA,OAAO,IAAMU,MAA6B,GAAG,SAASA,MAAMA,CAAAC,IAAA,EAKzD;EAAA,IAAAC,UAAA,GAAAD,IAAA,CAJDX,KAAK;IAALA,KAAK,GAAAY,UAAA,cAAG,CAAC,GAAAA,UAAA;IAAAC,aAAA,GAAAF,IAAA,CACTG,QAAQ;IAARA,QAAQ,GAAAD,aAAA,cAAG,KAAK,GAAAA,aAAA;IAChBE,QAAQ,GAAAJ,IAAA,CAARI,QAAQ;IACLC,KAAK,GAAAC,wBAAA,CAAAN,IAAA,EAAAO,SAAA;EAER,IAAMC,aAAa,GAAGpB,KAAK,CAACC,KAAK,CAAC;EAElC,oBACEN,KAAA,CAAA0B,aAAA,CAACxB,YAAY,EAAAyB,QAAA,KAAKL,KAAK;IAAEM,KAAK,EAAE;MAAEC,KAAK,KAAAC,MAAA,CAAKL,aAAa;IAAI;EAAE,iBAC7DzB,KAAA,CAAA0B,aAAA,CAACzB,cAAc;IAAC8B,SAAS,EAAEX;EAAS,GAAEC,QAAyB,CACnD,CAAC;AAEnB,CAAC;AAEDL,MAAM,CAACgB,WAAW,GAAG,QAAQ"}

package/dist/Loader/Loader.styles.js

@@ -7,11 +7,11 @@ export var loaderTransitionDuration = 250;
 var movingStripes = /*#__PURE__*/keyframes(["from{background-position:", "px 0;}100%{background-position:0 ", "px;}"], backgroundSize, backgroundSize);
 export var StyledLoader = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledLoader",
-  componentId: "core-11_24_0__sc-wgvjj9-0"
+  componentId: "core-11_24_2__sc-wgvjj9-0"
 })(["display:block;height:100%;left:0;min-width:12px;position:absolute;transition:width ", "ms ease-out;top:0;"], loaderTransitionDuration);
 export var StyledGradient = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledGradient",
-  componentId: "core-11_24_0__sc-wgvjj9-1"
+  componentId: "core-11_24_2__sc-wgvjj9-1"
 })(["height:100%;", ""], function (_ref) {
   var $animated = _ref.$animated;
   return $animated ? css(["animation:", " 0.5s linear infinite;background-image:linear-gradient( 45deg,", " 26%,", " 25%,", " 51%,", " 50%,", " 76%,", " 75%,", " );background-size:", "px ", "px;"], movingStripes, color1, color2, color2, color1, color1, color2, color2, backgroundSize, backgroundSize) : css(["background-color:", ";"], colors.blue50);

package/dist/Loader/Loader.types.d.ts

@@ -1,4 +1,4 @@
-import { Props } from '../_utils/types';
+import type { Props } from '../_utils/types';
 export interface LoaderProps extends Props {
     /**
      * @since 10.19.0

package/dist/Loader/Loader.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"Loader.types.js","names":[],"sources":["../../src/Loader/Loader.types.ts"],"sourcesContent":["import { Props } from '../_utils/types'\n\nexport interface LoaderProps extends Props {\n  /**\n   * @since 10.19.0\n   */\n  value: number\n  /**\n   * @since 10.19.0\n   */\n  animated?: boolean\n}\n"],"mappings":""}
+{"version":3,"file":"Loader.types.js","names":[],"sources":["../../src/Loader/Loader.types.ts"],"sourcesContent":["import type { Props } from '../_utils/types'\n\nexport interface LoaderProps extends Props {\n  /**\n   * @since 10.19.0\n   */\n  value: number\n  /**\n   * @since 10.19.0\n   */\n  animated?: boolean\n}\n"],"mappings":""}

package/dist/Menu/Menu.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { DivAttributes } from '../_utils/types';
-import { ElementTypeChecker, MenuFooterProps, MenuGroupProps, MenuHeaderProps, MenuHook, MenuHookConfig, MenuItemProps, MenuOptionsProps, MenuProps, MenuSearchProps } from './Menu.types';
+import type { DivAttributes } from '../_utils/types';
+import type { ElementTypeChecker, MenuFooterProps, MenuGroupProps, MenuHeaderProps, MenuHook, MenuHookConfig, MenuItemProps, MenuOptionsProps, MenuProps, MenuSearchProps } from './Menu.types';
 export declare const isItem: ElementTypeChecker;
 export declare function useMenu({ isSelectable, keyHandlerRef: externalKeyHandlerRef, multiple, onScrollBottom, onSearch, onSelect, scrollable, }: MenuHookConfig): MenuHook;
 export declare const MenuHookContext: React.Context<MenuHook | null>;