@procore/core-react 12.52.0 → 12.53.1

package/dist/Required/Required.js.map

@@ -1 +1 @@
-{"version":3,"file":"Required.js","names":["React","useI18nContext","StyledRequiredContainer","StyledRequiredMark","StyledRequiredText","Required","forwardRef","_ref","ref","children","_ref$i18nScope","i18nScope","_ref$showLabel","showLabel","props","_objectWithoutProperties","_excluded","I18n","labelOrChildren","Boolean","createElement","_extends","$showLabel","t","scope","displayName"],"sources":["../../src/Required/Required.tsx"],"sourcesContent":["import React from 'react'\nimport { useI18nContext } from '../_hooks/I18n'\nimport {\n  StyledRequiredContainer,\n  StyledRequiredMark,\n  StyledRequiredText,\n} from './Required.styles'\nimport type { RequiredProps } from './Required.types'\n\n/**\n\n @since 10.19.0\n\n @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-required--demo)\n\n */\nexport const Required = React.forwardRef<HTMLSpanElement, RequiredProps>(\n  (\n    { children, i18nScope = 'core.required', showLabel = false, ...props },\n    ref\n  ) => {\n    const I18n = useI18nContext()\n    const labelOrChildren = showLabel || Boolean(children)\n\n    return (\n      <StyledRequiredContainer {...props} ref={ref}>\n        <StyledRequiredMark aria-hidden $showLabel={labelOrChildren}>\n          *\n        </StyledRequiredMark>\n        {labelOrChildren ? (\n          <StyledRequiredText>\n            {children\n              ? children\n              : I18n.t('requiredFields', { scope: i18nScope })}\n          </StyledRequiredText>\n        ) : null}\n      </StyledRequiredContainer>\n    )\n  }\n)\n\nRequired.displayName = 'Required'\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,QAAQ,gBAAgB;AAC/C,SACEC,uBAAuB,EACvBC,kBAAkB,EAClBC,kBAAkB,QACb,mBAAmB;AAG1B;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMC,QAAQ,gBAAGL,KAAK,CAACM,UAAU,CACtC,UAAAC,IAAA,EAEEC,GAAG,EACA;EAAA,IAFDC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAAC,cAAA,GAAAH,IAAA,CAAEI,SAAS;IAATA,SAAS,GAAAD,cAAA,cAAG,eAAe,GAAAA,cAAA;IAAAE,cAAA,GAAAL,IAAA,CAAEM,SAAS;IAATA,SAAS,GAAAD,cAAA,cAAG,KAAK,GAAAA,cAAA;IAAKE,KAAK,GAAAC,wBAAA,CAAAR,IAAA,EAAAS,SAAA;EAGpE,IAAMC,IAAI,GAAGhB,cAAc,CAAC,CAAC;EAC7B,IAAMiB,eAAe,GAAGL,SAAS,IAAIM,OAAO,CAACV,QAAQ,CAAC;EAEtD,oBACET,KAAA,CAAAoB,aAAA,CAAClB,uBAAuB,EAAAmB,QAAA,KAAKP,KAAK;IAAEN,GAAG,EAAEA;EAAI,iBAC3CR,KAAA,CAAAoB,aAAA,CAACjB,kBAAkB;IAAC,mBAAW;IAACmB,UAAU,EAAEJ;EAAgB,GAAC,GAEzC,CAAC,EACpBA,eAAe,gBACdlB,KAAA,CAAAoB,aAAA,CAAChB,kBAAkB,QAChBK,QAAQ,GACLA,QAAQ,GACRQ,IAAI,CAACM,CAAC,CAAC,gBAAgB,EAAE;IAAEC,KAAK,EAAEb;EAAU,CAAC,CAC/B,CAAC,GACnB,IACmB,CAAC;AAE9B,CACF,CAAC;AAEDN,QAAQ,CAACoB,WAAW,GAAG,UAAU"}
+{"version":3,"file":"Required.js","names":["React","useI18nContext","StyledRequiredContainer","StyledRequiredMark","StyledRequiredText","Required","forwardRef","_ref","ref","children","_ref$i18nScope","i18nScope","_ref$showLabel","showLabel","props","_objectWithoutProperties","_excluded","I18n","labelOrChildren","Boolean","createElement","_extends","$showLabel","t","scope","displayName"],"sources":["../../src/Required/Required.tsx"],"sourcesContent":["import React from 'react'\nimport { useI18nContext } from '../_hooks/I18n'\nimport {\n  StyledRequiredContainer,\n  StyledRequiredMark,\n  StyledRequiredText,\n} from './Required.styles'\nimport type { RequiredProps } from './Required.types'\n\n/**\n\n @since 10.19.0\n\n @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-required--demo)\n\n */\nexport const Required = React.forwardRef<HTMLSpanElement, RequiredProps>(\n  (\n    { children, i18nScope = 'core.required', showLabel = false, ...props },\n    ref\n  ) => {\n    const I18n = useI18nContext()\n    const labelOrChildren = showLabel || Boolean(children)\n\n    return (\n      <StyledRequiredContainer {...props} ref={ref}>\n        <StyledRequiredMark aria-hidden $showLabel={labelOrChildren}>\n          *\n        </StyledRequiredMark>\n        {labelOrChildren ? (\n          <StyledRequiredText>\n            {children\n              ? children\n              : I18n.t('requiredFields', { scope: i18nScope })}\n          </StyledRequiredText>\n        ) : null}\n      </StyledRequiredContainer>\n    )\n  }\n)\n\nRequired.displayName = 'Required'\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,QAAQ,gBAAgB;AAC/C,SACEC,uBAAuB,EACvBC,kBAAkB,EAClBC,kBAAkB,QACb,mBAAmB;AAG1B;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMC,QAAQ,gBAAGL,KAAK,CAACM,UAAU,CACtC,UAAAC,IAAA,EAEEC,GAAG,EACA;EAAA,IAFDC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAAC,cAAA,GAAAH,IAAA,CAAEI,SAAS;IAATA,SAAS,GAAAD,cAAA,cAAG,eAAe,GAAAA,cAAA;IAAAE,cAAA,GAAAL,IAAA,CAAEM,SAAS;IAATA,SAAS,GAAAD,cAAA,cAAG,KAAK,GAAAA,cAAA;IAAKE,KAAK,GAAAC,wBAAA,CAAAR,IAAA,EAAAS,SAAA;EAGpE,IAAMC,IAAI,GAAGhB,cAAc,CAAC,CAAC;EAC7B,IAAMiB,eAAe,GAAGL,SAAS,IAAIM,OAAO,CAACV,QAAQ,CAAC;EAEtD,oBACET,KAAA,CAAAoB,aAAA,CAAClB,uBAAuB,EAAAmB,QAAA,KAAKP,KAAK;IAAEN,GAAG,EAAEA;EAAI,iBAC3CR,KAAA,CAAAoB,aAAA,CAACjB,kBAAkB;IAAC,mBAAW;IAACmB,UAAU,EAAEJ;EAAgB,GAAC,GAEzC,CAAC,EACpBA,eAAe,gBACdlB,KAAA,CAAAoB,aAAA,CAAChB,kBAAkB,QAChBK,QAAQ,GACLA,QAAQ,GACRQ,IAAI,CAACM,CAAC,CAAC,gBAAgB,EAAE;IAAEC,KAAK,EAAEb;EAAU,CAAC,CAC/B,CAAC,GACnB,IACmB,CAAC;AAE9B,CACF,CAAC;AAEDN,QAAQ,CAACoB,WAAW,GAAG,UAAU","ignoreList":[]}

package/dist/Required/Required.styles.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const StyledRequiredMark: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
     $showLabel: boolean;
 }>> & string;

package/dist/Required/Required.styles.js

@@ -5,7 +5,7 @@ import { colors } from '../_styles/colors';
 import { spacing } from '../_styles/spacing';
 export var StyledRequiredMark = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledRequiredMark",
-  componentId: "core-12_52_0__sc-bja1ql-0"
+  componentId: "core-12_53_1__sc-bja1ql-0"
 })(["color:", ";font-weight:bold;", ""], colors.red50, function (_ref) {
   var $showLabel = _ref.$showLabel;
   if ($showLabel) {
@@ -15,10 +15,10 @@ export var StyledRequiredMark = /*#__PURE__*/styled.span.withConfig({
 });
 export var StyledRequiredContainer = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledRequiredContainer",
-  componentId: "core-12_52_0__sc-bja1ql-1"
+  componentId: "core-12_53_1__sc-bja1ql-1"
 })(["display:inline-flex;", " ", " > &{margin-left:", "px;}"], getTypographyIntent('small'), StyledCheckboxLabel, spacing.xs);
 export var StyledRequiredText = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledRequiredText",
-  componentId: "core-12_52_0__sc-bja1ql-2"
+  componentId: "core-12_53_1__sc-bja1ql-2"
 })(["font-style:italic;color:", ";margin-left:4px;"], colors.gray45);
 //# sourceMappingURL=Required.styles.js.map

package/dist/Required/Required.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Required.styles.js","names":["styled","css","StyledCheckboxLabel","getTypographyIntent","typographyWeights","colors","spacing","StyledRequiredMark","span","withConfig","displayName","componentId","red50","_ref","$showLabel","semibold","StyledRequiredContainer","xs","StyledRequiredText","gray45"],"sources":["../../src/Required/Required.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { StyledCheckboxLabel } from '../Checkbox/Checkbox.styles'\nimport {\n  getTypographyIntent,\n  typographyWeights,\n} from '../Typography/Typography.styles'\nimport { colors } from '../_styles/colors'\nimport { spacing } from '../_styles/spacing'\n\nexport const StyledRequiredMark = styled.span<{ $showLabel: boolean }>`\n  color: ${colors.red50};\n  font-weight: bold;\n\n  ${({ $showLabel }) => {\n    if ($showLabel) {\n      return\n    }\n\n    return css`\n      ${getTypographyIntent('body')}\n      font-weight: ${typographyWeights.semibold};\n    `\n  }}\n`\n\nexport const StyledRequiredContainer = styled.span`\n  display: inline-flex;\n\n  ${getTypographyIntent('small')}\n\n  ${StyledCheckboxLabel} > & {\n    margin-left: ${spacing.xs}px;\n  }\n`\n\nexport const StyledRequiredText = styled.span`\n  font-style: italic;\n  color: ${colors.gray45};\n  margin-left: 4px;\n`\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAC/C,SAASC,mBAAmB,QAAQ,6BAA6B;AACjE,SACEC,mBAAmB,EACnBC,iBAAiB,QACZ,iCAAiC;AACxC,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,SAASC,OAAO,QAAQ,oBAAoB;AAE5C,OAAO,IAAMC,kBAAkB,gBAAGP,MAAM,CAACQ,IAAI,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,yCAClCN,MAAM,CAACO,KAAK,EAGnB,UAAAC,IAAA,EAAoB;EAAA,IAAjBC,UAAU,GAAAD,IAAA,CAAVC,UAAU;EACb,IAAIA,UAAU,EAAE;IACd;EACF;EAEA,OAAOb,GAAG,6BACNE,mBAAmB,CAAC,MAAM,CAAC,EACdC,iBAAiB,CAACW,QAAQ;AAE7C,CAAC,CACF;AAED,OAAO,IAAMC,uBAAuB,gBAAGhB,MAAM,CAACQ,IAAI,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,+DAG9CR,mBAAmB,CAAC,OAAO,CAAC,EAE5BD,mBAAmB,EACJI,OAAO,CAACW,EAAE,CAE5B;AAED,OAAO,IAAMC,kBAAkB,gBAAGlB,MAAM,CAACQ,IAAI,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,sDAElCN,MAAM,CAACc,MAAM,CAEvB"}
+{"version":3,"file":"Required.styles.js","names":["styled","css","StyledCheckboxLabel","getTypographyIntent","typographyWeights","colors","spacing","StyledRequiredMark","span","withConfig","displayName","componentId","red50","_ref","$showLabel","semibold","StyledRequiredContainer","xs","StyledRequiredText","gray45"],"sources":["../../src/Required/Required.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { StyledCheckboxLabel } from '../Checkbox/Checkbox.styles'\nimport {\n  getTypographyIntent,\n  typographyWeights,\n} from '../Typography/Typography.styles'\nimport { colors } from '../_styles/colors'\nimport { spacing } from '../_styles/spacing'\n\nexport const StyledRequiredMark = styled.span<{ $showLabel: boolean }>`\n  color: ${colors.red50};\n  font-weight: bold;\n\n  ${({ $showLabel }) => {\n    if ($showLabel) {\n      return\n    }\n\n    return css`\n      ${getTypographyIntent('body')}\n      font-weight: ${typographyWeights.semibold};\n    `\n  }}\n`\n\nexport const StyledRequiredContainer = styled.span`\n  display: inline-flex;\n\n  ${getTypographyIntent('small')}\n\n  ${StyledCheckboxLabel} > & {\n    margin-left: ${spacing.xs}px;\n  }\n`\n\nexport const StyledRequiredText = styled.span`\n  font-style: italic;\n  color: ${colors.gray45};\n  margin-left: 4px;\n`\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAC/C,SAASC,mBAAmB,QAAQ,6BAA6B;AACjE,SACEC,mBAAmB,EACnBC,iBAAiB,QACZ,iCAAiC;AACxC,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,SAASC,OAAO,QAAQ,oBAAoB;AAE5C,OAAO,IAAMC,kBAAkB,gBAAGP,MAAM,CAACQ,IAAI,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,yCAClCN,MAAM,CAACO,KAAK,EAGnB,UAAAC,IAAA,EAAoB;EAAA,IAAjBC,UAAU,GAAAD,IAAA,CAAVC,UAAU;EACb,IAAIA,UAAU,EAAE;IACd;EACF;EAEA,OAAOb,GAAG,6BACNE,mBAAmB,CAAC,MAAM,CAAC,EACdC,iBAAiB,CAACW,QAAQ;AAE7C,CAAC,CACF;AAED,OAAO,IAAMC,uBAAuB,gBAAGhB,MAAM,CAACQ,IAAI,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,+DAG9CR,mBAAmB,CAAC,OAAO,CAAC,EAE5BD,mBAAmB,EACJI,OAAO,CAACW,EAAE,CAE5B;AAED,OAAO,IAAMC,kBAAkB,gBAAGlB,MAAM,CAACQ,IAAI,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,sDAElCN,MAAM,CAACc,MAAM,CAEvB","ignoreList":[]}

package/dist/Required/Required.types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { Props } from '../_utils/types';
 export interface RequiredProps extends Props {
     /**

package/dist/Required/Required.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"Required.types.js","names":[],"sources":["../../src/Required/Required.types.ts"],"sourcesContent":["import type { Props } from '../_utils/types'\n\nexport interface RequiredProps extends Props {\n  /**\n   * If provided, takes the place of label normally reading \"required fields\"\n   * @since 10.19.0\n   * @deprecated Required legend is a lock-up and should not be modified.\n   * @deprecatedSince 12.28.0\n   */\n  children?: React.ReactNode\n  /**\n   * Changes where I18n looks for the requiredFields key\n   * @since 10.19.0\n   */\n  i18nScope?: string\n  /**\n   * Controls showing text reading \"required fields\"\n   * @since 10.19.0\n   */\n  showLabel?: boolean\n}\n"],"mappings":""}
+{"version":3,"file":"Required.types.js","names":[],"sources":["../../src/Required/Required.types.ts"],"sourcesContent":["import type { Props } from '../_utils/types'\n\nexport interface RequiredProps extends Props {\n  /**\n   * If provided, takes the place of label normally reading \"required fields\"\n   * @since 10.19.0\n   * @deprecated Required legend is a lock-up and should not be modified.\n   * @deprecatedSince 12.28.0\n   */\n  children?: React.ReactNode\n  /**\n   * Changes where I18n looks for the requiredFields key\n   * @since 10.19.0\n   */\n  i18nScope?: string\n  /**\n   * Controls showing text reading \"required fields\"\n   * @since 10.19.0\n   */\n  showLabel?: boolean\n}\n"],"mappings":"","ignoreList":[]}

package/dist/Required/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["Required"],"sources":["../../src/Required/index.ts"],"sourcesContent":["export { Required } from './Required'\nexport type { RequiredProps } from './Required.types'\n"],"mappings":"AAAA,SAASA,QAAQ,QAAQ,YAAY"}
+{"version":3,"file":"index.js","names":["Required"],"sources":["../../src/Required/index.ts"],"sourcesContent":["export { Required } from './Required'\nexport type { RequiredProps } from './Required.types'\n"],"mappings":"AAAA,SAASA,QAAQ,QAAQ,YAAY","ignoreList":[]}

package/dist/Search/Search.hooks.js.map

@@ -1 +1 @@
-{"version":3,"file":"Search.hooks.js","names":["React","useSearch","_ref","_ref$onChange","onChange","externalOnChange","_ref$onClear","onClear","_ref$onSubmit","onSubmit","_ref$initialValue","initialValue","_React$useState","useState","_React$useState2","_slicedToArray","value","setValue","useEffect","isEmpty","clear","target","submit","e","onKeyDown","key","stopPropagation","domHandlers"],"sources":["../../src/Search/Search.hooks.ts"],"sourcesContent":["import React from 'react'\nimport type { ChangeEvent } from '../_hooks/TextEntry'\nimport type { SearchHook, SearchHookConfig } from './Search.types'\n\n// TODO remove this and do a breaking change on Search to `useImperativeHandle`\n// to support controlled/uncontrolled behavior\nexport function useSearch({\n  onChange: externalOnChange = () => {},\n  onClear = () => {},\n  onSubmit = () => {},\n  initialValue = '',\n}: SearchHookConfig): SearchHook {\n  const [value, setValue] = React.useState(initialValue)\n\n  React.useEffect(() => {\n    setValue(initialValue)\n  }, [initialValue])\n\n  const isEmpty = value === ''\n\n  function clear() {\n    setValue('')\n    onChange({ target: { value: '' } } as ChangeEvent)\n    onClear()\n  }\n\n  function submit() {\n    onSubmit(value)\n  }\n\n  function onChange(e: ChangeEvent) {\n    setValue(e.target.value)\n\n    externalOnChange(e)\n  }\n\n  function onKeyDown(e: React.KeyboardEvent<HTMLInputElement>) {\n    if (e.key === 'Enter') {\n      submit()\n    } else if (e.key === 'Escape' || e.key === 'Esc') {\n      // only let parent listeners (modal, overlay) know when empty\n      if (value) {\n        e.stopPropagation()\n      }\n      clear()\n    }\n  }\n\n  return {\n    clear,\n    domHandlers: {\n      onChange,\n      onKeyDown,\n    },\n    isEmpty,\n    submit,\n    value,\n  }\n}\n"],"mappings":";;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AAIzB;AACA;AACA,OAAO,SAASC,SAASA,CAAAC,IAAA,EAKQ;EAAA,IAAAC,aAAA,GAAAD,IAAA,CAJ/BE,QAAQ;IAAEC,gBAAgB,GAAAF,aAAA,cAAG,YAAM,CAAC,CAAC,GAAAA,aAAA;IAAAG,YAAA,GAAAJ,IAAA,CACrCK,OAAO;IAAPA,OAAO,GAAAD,YAAA,cAAG,YAAM,CAAC,CAAC,GAAAA,YAAA;IAAAE,aAAA,GAAAN,IAAA,CAClBO,QAAQ;IAARA,QAAQ,GAAAD,aAAA,cAAG,YAAM,CAAC,CAAC,GAAAA,aAAA;IAAAE,iBAAA,GAAAR,IAAA,CACnBS,YAAY;IAAZA,YAAY,GAAAD,iBAAA,cAAG,EAAE,GAAAA,iBAAA;EAEjB,IAAAE,eAAA,GAA0BZ,KAAK,CAACa,QAAQ,CAACF,YAAY,CAAC;IAAAG,gBAAA,GAAAC,cAAA,CAAAH,eAAA;IAA/CI,KAAK,GAAAF,gBAAA;IAAEG,QAAQ,GAAAH,gBAAA;EAEtBd,KAAK,CAACkB,SAAS,CAAC,YAAM;IACpBD,QAAQ,CAACN,YAAY,CAAC;EACxB,CAAC,EAAE,CAACA,YAAY,CAAC,CAAC;EAElB,IAAMQ,OAAO,GAAGH,KAAK,KAAK,EAAE;EAE5B,SAASI,KAAKA,CAAA,EAAG;IACfH,QAAQ,CAAC,EAAE,CAAC;IACZb,QAAQ,CAAC;MAAEiB,MAAM,EAAE;QAAEL,KAAK,EAAE;MAAG;IAAE,CAAgB,CAAC;IAClDT,OAAO,CAAC,CAAC;EACX;EAEA,SAASe,MAAMA,CAAA,EAAG;IAChBb,QAAQ,CAACO,KAAK,CAAC;EACjB;EAEA,SAASZ,QAAQA,CAACmB,CAAc,EAAE;IAChCN,QAAQ,CAACM,CAAC,CAACF,MAAM,CAACL,KAAK,CAAC;IAExBX,gBAAgB,CAACkB,CAAC,CAAC;EACrB;EAEA,SAASC,SAASA,CAACD,CAAwC,EAAE;IAC3D,IAAIA,CAAC,CAACE,GAAG,KAAK,OAAO,EAAE;MACrBH,MAAM,CAAC,CAAC;IACV,CAAC,MAAM,IAAIC,CAAC,CAACE,GAAG,KAAK,QAAQ,IAAIF,CAAC,CAACE,GAAG,KAAK,KAAK,EAAE;MAChD;MACA,IAAIT,KAAK,EAAE;QACTO,CAAC,CAACG,eAAe,CAAC,CAAC;MACrB;MACAN,KAAK,CAAC,CAAC;IACT;EACF;EAEA,OAAO;IACLA,KAAK,EAALA,KAAK;IACLO,WAAW,EAAE;MACXvB,QAAQ,EAARA,QAAQ;MACRoB,SAAS,EAATA;IACF,CAAC;IACDL,OAAO,EAAPA,OAAO;IACPG,MAAM,EAANA,MAAM;IACNN,KAAK,EAALA;EACF,CAAC;AACH"}
+{"version":3,"file":"Search.hooks.js","names":["React","useSearch","_ref","_ref$onChange","onChange","externalOnChange","_ref$onClear","onClear","_ref$onSubmit","onSubmit","_ref$initialValue","initialValue","_React$useState","useState","_React$useState2","_slicedToArray","value","setValue","useEffect","isEmpty","clear","target","submit","e","onKeyDown","key","stopPropagation","domHandlers"],"sources":["../../src/Search/Search.hooks.ts"],"sourcesContent":["import React from 'react'\nimport type { ChangeEvent } from '../_hooks/TextEntry'\nimport type { SearchHook, SearchHookConfig } from './Search.types'\n\n// TODO remove this and do a breaking change on Search to `useImperativeHandle`\n// to support controlled/uncontrolled behavior\nexport function useSearch({\n  onChange: externalOnChange = () => {},\n  onClear = () => {},\n  onSubmit = () => {},\n  initialValue = '',\n}: SearchHookConfig): SearchHook {\n  const [value, setValue] = React.useState(initialValue)\n\n  React.useEffect(() => {\n    setValue(initialValue)\n  }, [initialValue])\n\n  const isEmpty = value === ''\n\n  function clear() {\n    setValue('')\n    onChange({ target: { value: '' } } as ChangeEvent)\n    onClear()\n  }\n\n  function submit() {\n    onSubmit(value)\n  }\n\n  function onChange(e: ChangeEvent) {\n    setValue(e.target.value)\n\n    externalOnChange(e)\n  }\n\n  function onKeyDown(e: React.KeyboardEvent<HTMLInputElement>) {\n    if (e.key === 'Enter') {\n      submit()\n    } else if (e.key === 'Escape' || e.key === 'Esc') {\n      // only let parent listeners (modal, overlay) know when empty\n      if (value) {\n        e.stopPropagation()\n      }\n      clear()\n    }\n  }\n\n  return {\n    clear,\n    domHandlers: {\n      onChange,\n      onKeyDown,\n    },\n    isEmpty,\n    submit,\n    value,\n  }\n}\n"],"mappings":";;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AAIzB;AACA;AACA,OAAO,SAASC,SAASA,CAAAC,IAAA,EAKQ;EAAA,IAAAC,aAAA,GAAAD,IAAA,CAJ/BE,QAAQ;IAAEC,gBAAgB,GAAAF,aAAA,cAAG,YAAM,CAAC,CAAC,GAAAA,aAAA;IAAAG,YAAA,GAAAJ,IAAA,CACrCK,OAAO;IAAPA,OAAO,GAAAD,YAAA,cAAG,YAAM,CAAC,CAAC,GAAAA,YAAA;IAAAE,aAAA,GAAAN,IAAA,CAClBO,QAAQ;IAARA,QAAQ,GAAAD,aAAA,cAAG,YAAM,CAAC,CAAC,GAAAA,aAAA;IAAAE,iBAAA,GAAAR,IAAA,CACnBS,YAAY;IAAZA,YAAY,GAAAD,iBAAA,cAAG,EAAE,GAAAA,iBAAA;EAEjB,IAAAE,eAAA,GAA0BZ,KAAK,CAACa,QAAQ,CAACF,YAAY,CAAC;IAAAG,gBAAA,GAAAC,cAAA,CAAAH,eAAA;IAA/CI,KAAK,GAAAF,gBAAA;IAAEG,QAAQ,GAAAH,gBAAA;EAEtBd,KAAK,CAACkB,SAAS,CAAC,YAAM;IACpBD,QAAQ,CAACN,YAAY,CAAC;EACxB,CAAC,EAAE,CAACA,YAAY,CAAC,CAAC;EAElB,IAAMQ,OAAO,GAAGH,KAAK,KAAK,EAAE;EAE5B,SAASI,KAAKA,CAAA,EAAG;IACfH,QAAQ,CAAC,EAAE,CAAC;IACZb,QAAQ,CAAC;MAAEiB,MAAM,EAAE;QAAEL,KAAK,EAAE;MAAG;IAAE,CAAgB,CAAC;IAClDT,OAAO,CAAC,CAAC;EACX;EAEA,SAASe,MAAMA,CAAA,EAAG;IAChBb,QAAQ,CAACO,KAAK,CAAC;EACjB;EAEA,SAASZ,QAAQA,CAACmB,CAAc,EAAE;IAChCN,QAAQ,CAACM,CAAC,CAACF,MAAM,CAACL,KAAK,CAAC;IAExBX,gBAAgB,CAACkB,CAAC,CAAC;EACrB;EAEA,SAASC,SAASA,CAACD,CAAwC,EAAE;IAC3D,IAAIA,CAAC,CAACE,GAAG,KAAK,OAAO,EAAE;MACrBH,MAAM,CAAC,CAAC;IACV,CAAC,MAAM,IAAIC,CAAC,CAACE,GAAG,KAAK,QAAQ,IAAIF,CAAC,CAACE,GAAG,KAAK,KAAK,EAAE;MAChD;MACA,IAAIT,KAAK,EAAE;QACTO,CAAC,CAACG,eAAe,CAAC,CAAC;MACrB;MACAN,KAAK,CAAC,CAAC;IACT;EACF;EAEA,OAAO;IACLA,KAAK,EAALA,KAAK;IACLO,WAAW,EAAE;MACXvB,QAAQ,EAARA,QAAQ;MACRoB,SAAS,EAATA;IACF,CAAC;IACDL,OAAO,EAAPA,OAAO;IACPG,MAAM,EAANA,MAAM;IACNN,KAAK,EAALA;EACF,CAAC;AACH","ignoreList":[]}

package/dist/Search/Search.js.map

@@ -1 +1 @@
-{"version":3,"file":"Search.js","names":["Clear","Search","SearchIcon","mergeProps","React","useI18nContext","mergeRefs","usingHookOrDefault","useSearch","StyledClearButton","StyledInput","StyledSearch","StyledSearchButton","forwardRef","_ref","ref","_ref$onChange","onChange","_ref$onClear","onClear","_ref$onSubmit","onSubmit","usingHook","_ref$value","value","error","variant","props","_objectWithoutProperties","_excluded","i18n","search","initialValue","inputRef","useRef","setFocusToInput","current","focus","createElement","_extends","t","domHandlers","type","$error","$variant","isEmpty","icon","size","disabled","onClick","clear","submit","displayName"],"sources":["../../src/Search/Search.tsx"],"sourcesContent":["import { Clear, Search as SearchIcon } from '@procore/core-icons/dist'\nimport { mergeProps } from '@react-aria/utils'\nimport React from 'react'\nimport { useI18nContext } from '../_hooks/I18n'\nimport { mergeRefs } from '../_utils/mergeRefs'\nimport { usingHookOrDefault } from '../_utils/usingHookOrDefault'\nimport { useSearch } from './Search.hooks'\nimport {\n  StyledClearButton,\n  StyledInput,\n  StyledSearch,\n  StyledSearchButton,\n} from './Search.styles'\nimport type { SearchProps } from './Search.types'\n\n/**\n\n Our users use search to find items on a tool’s landing page or, in forms, users\n use a search typeahead to find information to associate with the form.\n\n @since 10.19.0\n\n @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-search--demo)\n\n @see [Design Guidelines](https://design.procore.com/search-component)\n\n */\nexport const Search = React.forwardRef<HTMLInputElement, SearchProps>(\n  function Search(\n    {\n      onChange = () => {},\n      onClear = () => {},\n      onSubmit = () => {},\n      usingHook,\n      value = '',\n      error,\n      variant,\n      ...props\n    },\n    ref\n  ) {\n    const i18n = useI18nContext()\n    const search = usingHookOrDefault(\n      usingHook,\n      useSearch\n    )({\n      initialValue: value,\n      onChange,\n      onClear,\n      onSubmit,\n    })\n\n    const inputRef = React.useRef<HTMLInputElement>(null)\n\n    const setFocusToInput = () => {\n      if (inputRef.current) {\n        inputRef.current.focus()\n      }\n    }\n\n    return (\n      <StyledSearch>\n        <StyledInput\n          aria-label={i18n.t('core.search.label')}\n          {...mergeProps(props, search.domHandlers)}\n          data-qa=\"core-search-input\"\n          ref={mergeRefs(ref, inputRef)}\n          type=\"search\"\n          value={search.value}\n          $error={error}\n          $variant={variant}\n        />\n        {!search.isEmpty && (\n          <StyledClearButton\n            aria-label={i18n.t('core.search.clear')}\n            data-qa=\"core-search-clear-icon\"\n            icon={<Clear />}\n            size=\"sm\"\n            variant=\"tertiary\"\n            disabled={props.disabled}\n            onClick={() => {\n              search.clear()\n\n              setFocusToInput()\n            }}\n          />\n        )}\n        {\n          <StyledSearchButton\n            aria-label={i18n.t('core.search.goSearch')}\n            data-qa=\"core-search-search-icon\"\n            icon={<SearchIcon />}\n            size=\"sm\"\n            variant=\"tertiary\"\n            disabled={props.disabled}\n            onClick={() => {\n              search.submit()\n\n              setFocusToInput()\n            }}\n          />\n        }\n      </StyledSearch>\n    )\n  }\n)\n\nSearch.displayName = 'Search'\n"],"mappings":"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"}
+{"version":3,"file":"Search.js","names":["Clear","Search","SearchIcon","mergeProps","React","useI18nContext","mergeRefs","usingHookOrDefault","useSearch","StyledClearButton","StyledInput","StyledSearch","StyledSearchButton","forwardRef","_ref","ref","_ref$onChange","onChange","_ref$onClear","onClear","_ref$onSubmit","onSubmit","usingHook","_ref$value","value","error","variant","props","_objectWithoutProperties","_excluded","i18n","search","initialValue","inputRef","useRef","setFocusToInput","current","focus","createElement","_extends","t","domHandlers","type","$error","$variant","isEmpty","icon","size","disabled","onClick","clear","submit","displayName"],"sources":["../../src/Search/Search.tsx"],"sourcesContent":["import { Clear, Search as SearchIcon } from '@procore/core-icons/dist'\nimport { mergeProps } from '@react-aria/utils'\nimport React from 'react'\nimport { useI18nContext } from '../_hooks/I18n'\nimport { mergeRefs } from '../_utils/mergeRefs'\nimport { usingHookOrDefault } from '../_utils/usingHookOrDefault'\nimport { useSearch } from './Search.hooks'\nimport {\n  StyledClearButton,\n  StyledInput,\n  StyledSearch,\n  StyledSearchButton,\n} from './Search.styles'\nimport type { SearchProps } from './Search.types'\n\n/**\n\n Our users use search to find items on a tool’s landing page or, in forms, users\n use a search typeahead to find information to associate with the form.\n\n @since 10.19.0\n\n @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-search--demo)\n\n @see [Design Guidelines](https://design.procore.com/search-component)\n\n */\nexport const Search = React.forwardRef<HTMLInputElement, SearchProps>(\n  function Search(\n    {\n      onChange = () => {},\n      onClear = () => {},\n      onSubmit = () => {},\n      usingHook,\n      value = '',\n      error,\n      variant,\n      ...props\n    },\n    ref\n  ) {\n    const i18n = useI18nContext()\n    const search = usingHookOrDefault(\n      usingHook,\n      useSearch\n    )({\n      initialValue: value,\n      onChange,\n      onClear,\n      onSubmit,\n    })\n\n    const inputRef = React.useRef<HTMLInputElement>(null)\n\n    const setFocusToInput = () => {\n      if (inputRef.current) {\n        inputRef.current.focus()\n      }\n    }\n\n    return (\n      <StyledSearch>\n        <StyledInput\n          aria-label={i18n.t('core.search.label')}\n          {...mergeProps(props, search.domHandlers)}\n          data-qa=\"core-search-input\"\n          ref={mergeRefs(ref, inputRef)}\n          type=\"search\"\n          value={search.value}\n          $error={error}\n          $variant={variant}\n        />\n        {!search.isEmpty && (\n          <StyledClearButton\n            aria-label={i18n.t('core.search.clear')}\n            data-qa=\"core-search-clear-icon\"\n            icon={<Clear />}\n            size=\"sm\"\n            variant=\"tertiary\"\n            disabled={props.disabled}\n            onClick={() => {\n              search.clear()\n\n              setFocusToInput()\n            }}\n          />\n        )}\n        {\n          <StyledSearchButton\n            aria-label={i18n.t('core.search.goSearch')}\n            data-qa=\"core-search-search-icon\"\n            icon={<SearchIcon />}\n            size=\"sm\"\n            variant=\"tertiary\"\n            disabled={props.disabled}\n            onClick={() => {\n              search.submit()\n\n              setFocusToInput()\n            }}\n          />\n        }\n      </StyledSearch>\n    )\n  }\n)\n\nSearch.displayName = 'Search'\n"],"mappings":";;;;AAAA,SAASA,KAAK,EAAEC,MAAM,IAAIC,UAAU,QAAQ,0BAA0B;AACtE,SAASC,UAAU,QAAQ,mBAAmB;AAC9C,OAAOC,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,QAAQ,gBAAgB;AAC/C,SAASC,SAAS,QAAQ,qBAAqB;AAC/C,SAASC,kBAAkB,QAAQ,8BAA8B;AACjE,SAASC,SAAS,QAAQ,gBAAgB;AAC1C,SACEC,iBAAiB,EACjBC,WAAW,EACXC,YAAY,EACZC,kBAAkB,QACb,iBAAiB;AAGxB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMX,MAAM,gBAAGG,KAAK,CAACS,UAAU,CACpC,SAASZ,MAAMA,CAAAa,IAAA,EAWbC,GAAG,EACH;EAAA,IAAAC,aAAA,GAAAF,IAAA,CAVEG,QAAQ;IAARA,QAAQ,GAAAD,aAAA,cAAG,YAAM,CAAC,CAAC,GAAAA,aAAA;IAAAE,YAAA,GAAAJ,IAAA,CACnBK,OAAO;IAAPA,OAAO,GAAAD,YAAA,cAAG,YAAM,CAAC,CAAC,GAAAA,YAAA;IAAAE,aAAA,GAAAN,IAAA,CAClBO,QAAQ;IAARA,QAAQ,GAAAD,aAAA,cAAG,YAAM,CAAC,CAAC,GAAAA,aAAA;IACnBE,SAAS,GAAAR,IAAA,CAATQ,SAAS;IAAAC,UAAA,GAAAT,IAAA,CACTU,KAAK;IAALA,KAAK,GAAAD,UAAA,cAAG,EAAE,GAAAA,UAAA;IACVE,KAAK,GAAAX,IAAA,CAALW,KAAK;IACLC,OAAO,GAAAZ,IAAA,CAAPY,OAAO;IACJC,KAAK,GAAAC,wBAAA,CAAAd,IAAA,EAAAe,SAAA;EAIV,IAAMC,IAAI,GAAGzB,cAAc,CAAC,CAAC;EAC7B,IAAM0B,MAAM,GAAGxB,kBAAkB,CAC/Be,SAAS,EACTd,SACF,CAAC,CAAC;IACAwB,YAAY,EAAER,KAAK;IACnBP,QAAQ,EAARA,QAAQ;IACRE,OAAO,EAAPA,OAAO;IACPE,QAAQ,EAARA;EACF,CAAC,CAAC;EAEF,IAAMY,QAAQ,GAAG7B,KAAK,CAAC8B,MAAM,CAAmB,IAAI,CAAC;EAErD,IAAMC,eAAe,GAAG,SAAlBA,eAAeA,CAAA,EAAS;IAC5B,IAAIF,QAAQ,CAACG,OAAO,EAAE;MACpBH,QAAQ,CAACG,OAAO,CAACC,KAAK,CAAC,CAAC;IAC1B;EACF,CAAC;EAED,oBACEjC,KAAA,CAAAkC,aAAA,CAAC3B,YAAY,qBACXP,KAAA,CAAAkC,aAAA,CAAC5B,WAAW,EAAA6B,QAAA;IACV,cAAYT,IAAI,CAACU,CAAC,CAAC,mBAAmB;EAAE,GACpCrC,UAAU,CAACwB,KAAK,EAAEI,MAAM,CAACU,WAAW,CAAC;IACzC,WAAQ,mBAAmB;IAC3B1B,GAAG,EAAET,SAAS,CAACS,GAAG,EAAEkB,QAAQ,CAAE;IAC9BS,IAAI,EAAC,QAAQ;IACblB,KAAK,EAAEO,MAAM,CAACP,KAAM;IACpBmB,MAAM,EAAElB,KAAM;IACdmB,QAAQ,EAAElB;EAAQ,EACnB,CAAC,EACD,CAACK,MAAM,CAACc,OAAO,iBACdzC,KAAA,CAAAkC,aAAA,CAAC7B,iBAAiB;IAChB,cAAYqB,IAAI,CAACU,CAAC,CAAC,mBAAmB,CAAE;IACxC,WAAQ,wBAAwB;IAChCM,IAAI,eAAE1C,KAAA,CAAAkC,aAAA,CAACtC,KAAK,MAAE,CAAE;IAChB+C,IAAI,EAAC,IAAI;IACTrB,OAAO,EAAC,UAAU;IAClBsB,QAAQ,EAAErB,KAAK,CAACqB,QAAS;IACzBC,OAAO,EAAE,SAATA,OAAOA,CAAA,EAAQ;MACblB,MAAM,CAACmB,KAAK,CAAC,CAAC;MAEdf,eAAe,CAAC,CAAC;IACnB;EAAE,CACH,CACF,eAEC/B,KAAA,CAAAkC,aAAA,CAAC1B,kBAAkB;IACjB,cAAYkB,IAAI,CAACU,CAAC,CAAC,sBAAsB,CAAE;IAC3C,WAAQ,yBAAyB;IACjCM,IAAI,eAAE1C,KAAA,CAAAkC,aAAA,CAACpC,UAAU,MAAE,CAAE;IACrB6C,IAAI,EAAC,IAAI;IACTrB,OAAO,EAAC,UAAU;IAClBsB,QAAQ,EAAErB,KAAK,CAACqB,QAAS;IACzBC,OAAO,EAAE,SAATA,OAAOA,CAAA,EAAQ;MACblB,MAAM,CAACoB,MAAM,CAAC,CAAC;MAEfhB,eAAe,CAAC,CAAC;IACnB;EAAE,CACH,CAES,CAAC;AAEnB,CACF,CAAC;AAEDlC,MAAM,CAACmD,WAAW,GAAG,QAAQ","ignoreList":[]}

package/dist/Search/Search.styles.d.ts

@@ -1,13 +1,12 @@
-/// <reference types="react" />
 import type { InputStylesProps } from '../Input/Input.styles';
 export declare function getSearchInputStyles({ $error, $variant, }?: InputStylesProps): import("styled-components").RuleSet<object>;
 export declare const StyledInput: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, InputStylesProps>> & string;
 export declare const StyledSearchButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<Omit<import("../Button").ButtonProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & {
-    ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
+    ref?: ((instance: HTMLButtonElement | 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]) | import("react").RefObject<HTMLButtonElement> | null | undefined;
 }, never>, never>> & string;
 export declare const StyledClearButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<Omit<import("../Button").ButtonProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & {
-    ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
+    ref?: ((instance: HTMLButtonElement | 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]) | import("react").RefObject<HTMLButtonElement> | null | undefined;
 }, never>, never>> & string;
 export declare const StyledSearch: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    disabled?: boolean | undefined;
+    disabled?: boolean;
 }>> & string;

package/dist/Search/Search.styles.js

@@ -33,22 +33,22 @@ export function getSearchInputStyles() {
 }
 export var StyledInput = /*#__PURE__*/styled.input.withConfig({
   displayName: "StyledInput",
-  componentId: "core-12_52_0__sc-3j8khv-0"
+  componentId: "core-12_53_1__sc-3j8khv-0"
 })(["", ""], getSearchInputStyles);
 var StyledButton = /*#__PURE__*/styled(Button).withConfig({
   displayName: "StyledButton",
-  componentId: "core-12_52_0__sc-3j8khv-1"
+  componentId: "core-12_53_1__sc-3j8khv-1"
 })(["position:absolute;top:", "px;"], buttonTop);
 export var StyledSearchButton = /*#__PURE__*/styled(StyledButton).withConfig({
   displayName: "StyledSearchButton",
-  componentId: "core-12_52_0__sc-3j8khv-2"
+  componentId: "core-12_53_1__sc-3j8khv-2"
 })([""]);
 export var StyledClearButton = /*#__PURE__*/styled(StyledButton).withConfig({
   displayName: "StyledClearButton",
-  componentId: "core-12_52_0__sc-3j8khv-3"
+  componentId: "core-12_53_1__sc-3j8khv-3"
 })([""]);
 export var StyledSearch = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledSearch",
-  componentId: "core-12_52_0__sc-3j8khv-4"
+  componentId: "core-12_53_1__sc-3j8khv-4"
 })(["position:relative;width:100%;", "{padding-right:", "px;}", "{right:", "px;}", "{right:", "px;}"], StyledInput, inputRight, StyledSearchButton, searchRight, StyledClearButton, clearRight);
 //# sourceMappingURL=Search.styles.js.map

package/dist/Search/Search.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Search.styles.js","names":["styled","css","Button","getInputStyles","spacing","inputHeight","buttonSize","buttonTop","searchRight","clearRight","xs","inputRight","sm","legacyTypeahedInputRight","getSearchInputStyles","_ref","arguments","length","undefined","$error","$variant","md","StyledInput","input","withConfig","displayName","componentId","StyledButton","StyledSearchButton","StyledClearButton","StyledSearch","div"],"sources":["../../src/Search/Search.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { Button } from '../Button'\nimport type { InputStylesProps } from '../Input/Input.styles'\nimport { getInputStyles } from '../Input/Input.styles'\nimport { spacing } from '../_styles/spacing'\n\n// Search has the buttons embedded into the input, So we have to do some manual\n// absolute positioning of the clear and search buttons and also adjust the\n// padding of the input so that the input text does not run into the buttons.\n// This used to be accomplished with IconLayout but that was a rarely used and\n// messy abstraction which was also intended to be used with clickable Icons\n// and not the new icon button style.\n\nconst inputHeight = 36\n\nconst buttonSize = 24\n\nconst buttonTop = (inputHeight - buttonSize) / 2 // vertically center the buttons\n\nconst searchRight = 6 // search icon sits 6px from the right edge\n\nconst clearRight = searchRight + buttonSize + spacing.xs // clear icon shifted\n\nconst inputRight = clearRight + buttonSize + spacing.sm // padding-right on the input to account for buttons\n\nconst legacyTypeahedInputRight = searchRight + buttonSize + spacing.sm // padding-right on the input to account for legacy typeahead prop\n\nexport function getSearchInputStyles({\n  $error,\n  $variant,\n}: InputStylesProps = {}) {\n  return css`\n    ${getInputStyles({ $error, $variant })}\n    -webkit-appearance: textfield;\n    padding-left: ${spacing.md}px;\n\n    &::-ms-clear,\n    &::-ms-reveal {\n      display: none;\n    }\n\n    &::-webkit-search-decoration,\n    &::-webkit-search-cancel-button,\n    &::-webkit-search-results-button,\n    &::-webkit-search-results-decoration {\n      display: none;\n    }\n  `\n}\n\nexport const StyledInput = styled.input<InputStylesProps>`\n  ${getSearchInputStyles}\n`\n\nconst StyledButton = styled(Button)`\n  position: absolute;\n  top: ${buttonTop}px;\n`\n\nexport const StyledSearchButton = styled(StyledButton)``\n\nexport const StyledClearButton = styled(StyledButton)``\n\nexport const StyledSearch = styled.div<{\n  disabled?: boolean\n}>`\n  position: relative;\n  width: 100%;\n\n  ${StyledInput} {\n    padding-right: ${inputRight}px;\n  }\n\n  ${StyledSearchButton} {\n    right: ${searchRight}px;\n  }\n\n  ${StyledClearButton} {\n    right: ${clearRight}px;\n  }\n`\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAC/C,SAASC,MAAM,QAAQ,WAAW;AAElC,SAASC,cAAc,QAAQ,uBAAuB;AACtD,SAASC,OAAO,QAAQ,oBAAoB;;AAE5C;AACA;AACA;AACA;AACA;AACA;;AAEA,IAAMC,WAAW,GAAG,EAAE;AAEtB,IAAMC,UAAU,GAAG,EAAE;AAErB,IAAMC,SAAS,GAAG,CAACF,WAAW,GAAGC,UAAU,IAAI,CAAC,EAAC;;AAEjD,IAAME,WAAW,GAAG,CAAC,EAAC;;AAEtB,IAAMC,UAAU,GAAGD,WAAW,GAAGF,UAAU,GAAGF,OAAO,CAACM,EAAE,EAAC;;AAEzD,IAAMC,UAAU,GAAGF,UAAU,GAAGH,UAAU,GAAGF,OAAO,CAACQ,EAAE,EAAC;;AAExD,IAAMC,wBAAwB,GAAGL,WAAW,GAAGF,UAAU,GAAGF,OAAO,CAACQ,EAAE,EAAC;;AAEvE,OAAO,SAASE,oBAAoBA,CAAA,EAGV;EAAA,IAAAC,IAAA,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAJ,CAAC,CAAC;IAFtBG,MAAM,GAAAJ,IAAA,CAANI,MAAM;IACNC,QAAQ,GAAAL,IAAA,CAARK,QAAQ;EAER,OAAOnB,GAAG,uPACNE,cAAc,CAAC;IAAEgB,MAAM,EAANA,MAAM;IAAEC,QAAQ,EAARA;EAAS,CAAC,CAAC,EAEtBhB,OAAO,CAACiB,EAAE;AAc9B;AAEA,OAAO,IAAMC,WAAW,gBAAGtB,MAAM,CAACuB,KAAK,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,aACnCZ,oBAAoB,CACvB;AAED,IAAMa,YAAY,gBAAG3B,MAAM,CAACE,MAAM,CAAC,CAAAsB,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,sCAE1BnB,SAAS,CACjB;AAED,OAAO,IAAMqB,kBAAkB,gBAAG5B,MAAM,CAAC2B,YAAY,CAAC,CAAAH,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,QAAE;AAExD,OAAO,IAAMG,iBAAiB,gBAAG7B,MAAM,CAAC2B,YAAY,CAAC,CAAAH,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,QAAE;AAEvD,OAAO,IAAMI,YAAY,gBAAG9B,MAAM,CAAC+B,GAAG,CAAAP,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,uGAMlCJ,WAAW,EACMX,UAAU,EAG3BiB,kBAAkB,EACTpB,WAAW,EAGpBqB,iBAAiB,EACRpB,UAAU,CAEtB"}
+{"version":3,"file":"Search.styles.js","names":["styled","css","Button","getInputStyles","spacing","inputHeight","buttonSize","buttonTop","searchRight","clearRight","xs","inputRight","sm","legacyTypeahedInputRight","getSearchInputStyles","_ref","arguments","length","undefined","$error","$variant","md","StyledInput","input","withConfig","displayName","componentId","StyledButton","StyledSearchButton","StyledClearButton","StyledSearch","div"],"sources":["../../src/Search/Search.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { Button } from '../Button'\nimport type { InputStylesProps } from '../Input/Input.styles'\nimport { getInputStyles } from '../Input/Input.styles'\nimport { spacing } from '../_styles/spacing'\n\n// Search has the buttons embedded into the input, So we have to do some manual\n// absolute positioning of the clear and search buttons and also adjust the\n// padding of the input so that the input text does not run into the buttons.\n// This used to be accomplished with IconLayout but that was a rarely used and\n// messy abstraction which was also intended to be used with clickable Icons\n// and not the new icon button style.\n\nconst inputHeight = 36\n\nconst buttonSize = 24\n\nconst buttonTop = (inputHeight - buttonSize) / 2 // vertically center the buttons\n\nconst searchRight = 6 // search icon sits 6px from the right edge\n\nconst clearRight = searchRight + buttonSize + spacing.xs // clear icon shifted\n\nconst inputRight = clearRight + buttonSize + spacing.sm // padding-right on the input to account for buttons\n\nconst legacyTypeahedInputRight = searchRight + buttonSize + spacing.sm // padding-right on the input to account for legacy typeahead prop\n\nexport function getSearchInputStyles({\n  $error,\n  $variant,\n}: InputStylesProps = {}) {\n  return css`\n    ${getInputStyles({ $error, $variant })}\n    -webkit-appearance: textfield;\n    padding-left: ${spacing.md}px;\n\n    &::-ms-clear,\n    &::-ms-reveal {\n      display: none;\n    }\n\n    &::-webkit-search-decoration,\n    &::-webkit-search-cancel-button,\n    &::-webkit-search-results-button,\n    &::-webkit-search-results-decoration {\n      display: none;\n    }\n  `\n}\n\nexport const StyledInput = styled.input<InputStylesProps>`\n  ${getSearchInputStyles}\n`\n\nconst StyledButton = styled(Button)`\n  position: absolute;\n  top: ${buttonTop}px;\n`\n\nexport const StyledSearchButton = styled(StyledButton)``\n\nexport const StyledClearButton = styled(StyledButton)``\n\nexport const StyledSearch = styled.div<{\n  disabled?: boolean\n}>`\n  position: relative;\n  width: 100%;\n\n  ${StyledInput} {\n    padding-right: ${inputRight}px;\n  }\n\n  ${StyledSearchButton} {\n    right: ${searchRight}px;\n  }\n\n  ${StyledClearButton} {\n    right: ${clearRight}px;\n  }\n`\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAC/C,SAASC,MAAM,QAAQ,WAAW;AAElC,SAASC,cAAc,QAAQ,uBAAuB;AACtD,SAASC,OAAO,QAAQ,oBAAoB;;AAE5C;AACA;AACA;AACA;AACA;AACA;;AAEA,IAAMC,WAAW,GAAG,EAAE;AAEtB,IAAMC,UAAU,GAAG,EAAE;AAErB,IAAMC,SAAS,GAAG,CAACF,WAAW,GAAGC,UAAU,IAAI,CAAC,EAAC;;AAEjD,IAAME,WAAW,GAAG,CAAC,EAAC;;AAEtB,IAAMC,UAAU,GAAGD,WAAW,GAAGF,UAAU,GAAGF,OAAO,CAACM,EAAE,EAAC;;AAEzD,IAAMC,UAAU,GAAGF,UAAU,GAAGH,UAAU,GAAGF,OAAO,CAACQ,EAAE,EAAC;;AAExD,IAAMC,wBAAwB,GAAGL,WAAW,GAAGF,UAAU,GAAGF,OAAO,CAACQ,EAAE,EAAC;;AAEvE,OAAO,SAASE,oBAAoBA,CAAA,EAGV;EAAA,IAAAC,IAAA,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAJ,CAAC,CAAC;IAFtBG,MAAM,GAAAJ,IAAA,CAANI,MAAM;IACNC,QAAQ,GAAAL,IAAA,CAARK,QAAQ;EAER,OAAOnB,GAAG,uPACNE,cAAc,CAAC;IAAEgB,MAAM,EAANA,MAAM;IAAEC,QAAQ,EAARA;EAAS,CAAC,CAAC,EAEtBhB,OAAO,CAACiB,EAAE;AAc9B;AAEA,OAAO,IAAMC,WAAW,gBAAGtB,MAAM,CAACuB,KAAK,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,aACnCZ,oBAAoB,CACvB;AAED,IAAMa,YAAY,gBAAG3B,MAAM,CAACE,MAAM,CAAC,CAAAsB,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,sCAE1BnB,SAAS,CACjB;AAED,OAAO,IAAMqB,kBAAkB,gBAAG5B,MAAM,CAAC2B,YAAY,CAAC,CAAAH,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,QAAE;AAExD,OAAO,IAAMG,iBAAiB,gBAAG7B,MAAM,CAAC2B,YAAY,CAAC,CAAAH,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,QAAE;AAEvD,OAAO,IAAMI,YAAY,gBAAG9B,MAAM,CAAC+B,GAAG,CAAAP,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,uGAMlCJ,WAAW,EACMX,UAAU,EAG3BiB,kBAAkB,EACTpB,WAAW,EAGpBqB,iBAAiB,EACRpB,UAAU,CAEtB","ignoreList":[]}

package/dist/Search/Search.types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { InputProps } from '../Input';
 import type { ChangeEvent } from '../_hooks/TextEntry';
 export interface SearchHookConfig {

package/dist/Search/Search.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"Search.types.js","names":[],"sources":["../../src/Search/Search.types.ts"],"sourcesContent":["import type { InputProps } from '../Input'\nimport type { ChangeEvent } from '../_hooks/TextEntry'\n\nexport interface SearchHookConfig {\n  /**\n   * @since 10.19.0\n   */\n  initialValue?: string\n  /**\n   * @deprecated\n   *\n   * The `onChange` prop has been deprecated and will be removed in a future version.\n   *\n   * A new component, `Typeahead`, has been introduced with specific UX for typeahead-like\n   * behavior. Please use this component instead.\n   *\n   * **Before**\n   *\n   * <Search typeahead onChange={() => { ... }} />\n   *\n   * **After**\n   *\n   * <Typeahead onChange={() => { ... }} />\n   *\n   * @deprecatedSince 10.20.0\n   *\n   * @see https://core.procore.com/latest/web/components/typeahead/react/\n   * @since 10.19.0\n   */\n  onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void\n  /**\n   * @since 10.19.0\n   */\n  onClear?: () => void\n\n  /**\n   * Input handler for search variant\n   * ```\n   * (value: string) => void\n   * ```\n   * @since 10.19.0\n   */\n  onSubmit?: (value: string) => void\n}\n\nexport interface SearchHook {\n  /**\n   * @since 10.19.0\n   */\n  domHandlers: {\n    onChange: (e: ChangeEvent) => void\n    onKeyDown: (e: React.KeyboardEvent<HTMLInputElement>) => void\n  }\n  /**\n   * @since 10.19.0\n   */\n  clear: () => void\n  /**\n   * @since 10.19.0\n   */\n  isEmpty: boolean\n  /**\n   * @since 10.19.0\n   */\n  onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void\n  /**\n   * @since 10.19.0\n   */\n  submit: () => void\n  /**\n   * @since 10.19.0\n   */\n  value: string\n}\n\nexport interface SearchProps\n  extends Omit<InputProps, 'onSubmit' | 'error'>,\n    SearchHookConfig {\n  /**\n   * @since 10.19.0\n   */\n  autoFocus?: boolean\n  /**\n   * @deprecatedSince 12.18.0\n   * @deprecated No known system use cases. Please raise with design if this pattern would be applicable to you.\n   * */\n  error?: InputProps['error']\n  /**\n   * @since 10.19.0\n   */\n  usingHook?: SearchHook\n  /**\n   * Initial value string\n   * @default ''\n   * @since 10.19.0\n   */\n  value?: string\n}\n"],"mappings":""}
+{"version":3,"file":"Search.types.js","names":[],"sources":["../../src/Search/Search.types.ts"],"sourcesContent":["import type { InputProps } from '../Input'\nimport type { ChangeEvent } from '../_hooks/TextEntry'\n\nexport interface SearchHookConfig {\n  /**\n   * @since 10.19.0\n   */\n  initialValue?: string\n  /**\n   * @deprecated\n   *\n   * The `onChange` prop has been deprecated and will be removed in a future version.\n   *\n   * A new component, `Typeahead`, has been introduced with specific UX for typeahead-like\n   * behavior. Please use this component instead.\n   *\n   * **Before**\n   *\n   * <Search typeahead onChange={() => { ... }} />\n   *\n   * **After**\n   *\n   * <Typeahead onChange={() => { ... }} />\n   *\n   * @deprecatedSince 10.20.0\n   *\n   * @see https://core.procore.com/latest/web/components/typeahead/react/\n   * @since 10.19.0\n   */\n  onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void\n  /**\n   * @since 10.19.0\n   */\n  onClear?: () => void\n\n  /**\n   * Input handler for search variant\n   * ```\n   * (value: string) => void\n   * ```\n   * @since 10.19.0\n   */\n  onSubmit?: (value: string) => void\n}\n\nexport interface SearchHook {\n  /**\n   * @since 10.19.0\n   */\n  domHandlers: {\n    onChange: (e: ChangeEvent) => void\n    onKeyDown: (e: React.KeyboardEvent<HTMLInputElement>) => void\n  }\n  /**\n   * @since 10.19.0\n   */\n  clear: () => void\n  /**\n   * @since 10.19.0\n   */\n  isEmpty: boolean\n  /**\n   * @since 10.19.0\n   */\n  onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void\n  /**\n   * @since 10.19.0\n   */\n  submit: () => void\n  /**\n   * @since 10.19.0\n   */\n  value: string\n}\n\nexport interface SearchProps\n  extends Omit<InputProps, 'onSubmit' | 'error'>,\n    SearchHookConfig {\n  /**\n   * @since 10.19.0\n   */\n  autoFocus?: boolean\n  /**\n   * @deprecatedSince 12.18.0\n   * @deprecated No known system use cases. Please raise with design if this pattern would be applicable to you.\n   * */\n  error?: InputProps['error']\n  /**\n   * @since 10.19.0\n   */\n  usingHook?: SearchHook\n  /**\n   * Initial value string\n   * @default ''\n   * @since 10.19.0\n   */\n  value?: string\n}\n"],"mappings":"","ignoreList":[]}

package/dist/Search/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["Search"],"sources":["../../src/Search/index.ts"],"sourcesContent":["export { Search } from './Search'\nexport type { SearchProps } from './Search.types'\n"],"mappings":"AAAA,SAASA,MAAM,QAAQ,UAAU"}
+{"version":3,"file":"index.js","names":["Search"],"sources":["../../src/Search/index.ts"],"sourcesContent":["export { Search } from './Search'\nexport type { SearchProps } from './Search.types'\n"],"mappings":"AAAA,SAASA,MAAM,QAAQ,UAAU","ignoreList":[]}

package/dist/Section/Section.js.map

@@ -1 +1 @@
-{"version":3,"file":"Section.js","names":["ChevronDown","ChevronRight","cx","React","ulid","Button","getHeadingComponent","Title","sectionClassnames","StyledSection","StyledSectionBanner","StyledSectionCollapseHeading","StyledSectionContentRegion","StyledSectionHeader","StyledSectionInner","StyledTitle","isFunction","obj","LevelContext","createContext","SectionContext","open","setSection","toggleSection","Heading","_ref","level_","level","props","_objectWithoutProperties","_excluded","useContext","H","createElement","SectionProvider","_ref2","children","_React$useState","useState","_React$useState2","_slicedToArray","setSectionsOpen","id","prev","_objectSpread","_defineProperty","Provider","value","Section","forwardRef","_ref3","ref","actions","banner","className","expandId","heading","_ref3$initialIsOpen","initialIsOpen","pills","subtext","assets","_excluded2","sections","toggleOpen","useCallback","useEffect","undefined","_React$useMemo","useMemo","contentRegionId","concat","headingTextId","expandClosed","divide","hasHeader","_extends","levelAnonymous","role","icon","onClick","variant","Text","Subtext","Pills","Actions","Assets","$closed","$noHeader","displayName"],"sources":["../../src/Section/Section.tsx"],"sourcesContent":["import { ChevronDown, ChevronRight } from '@procore/core-icons'\nimport cx from 'classnames'\nimport React from 'react'\nimport { ulid } from 'ulid'\nimport { Button } from '../Button'\nimport { getHeadingComponent } from '../Semantic/Semantic'\nimport type { HeadingProps } from '../Semantic/Semantic.types'\nimport { Title } from '../Title'\nimport {\n  sectionClassnames,\n  StyledSection,\n  StyledSectionBanner,\n  StyledSectionCollapseHeading,\n  StyledSectionContentRegion,\n  StyledSectionHeader,\n  StyledSectionInner,\n  StyledTitle,\n} from './Section.styles'\nimport type {\n  SectionContextAPI,\n  SectionProps,\n  SectionProviderProps,\n} from './Section.types'\n\nconst isFunction = (obj: unknown): boolean => typeof obj === 'function'\n\n// Header levels start at level 2\nexport const LevelContext = React.createContext(2)\n\nconst SectionContext = React.createContext<SectionContextAPI>({\n  open: {},\n  setSection: () => {},\n  toggleSection: () => {},\n})\n\nexport function Heading({\n  level: level_,\n  ...props\n}: HeadingProps & { level?: number }) {\n  const level = React.useContext(LevelContext)\n  const H = getHeadingComponent(level_ || level)\n  return <H {...props} />\n}\n\nexport const SectionProvider = ({ children }: SectionProviderProps) => {\n  const [open, setSectionsOpen] = React.useState<{\n    [key: string]: boolean\n  }>({})\n\n  const toggleSection: SectionContextAPI['toggleSection'] = (id) =>\n    setSectionsOpen((prev) => ({\n      ...prev,\n      [id]: !prev[id],\n    }))\n\n  const setSection: SectionContextAPI['setSection'] = (id, open) =>\n    setSectionsOpen((prev) => ({\n      ...prev,\n      [id]: open,\n    }))\n\n  return (\n    <SectionContext.Provider\n      value={{\n        open,\n        toggleSection,\n        setSection,\n      }}\n    >\n      {children}\n    </SectionContext.Provider>\n  )\n}\n/**\n * @deprecatedSince 11\n * @deprecated Intended for internal library development. See Panel.Section or DetailPage.Section\n */\nexport const Section = React.forwardRef<HTMLDivElement, SectionProps>(\n  function Section(\n    {\n      actions,\n      banner,\n      children,\n      className,\n      expandId,\n      heading,\n      initialIsOpen = true,\n      pills,\n      subtext,\n      assets,\n      ...props\n    },\n    ref\n  ) {\n    const level = React.useContext(LevelContext)\n\n    const sections = React.useContext(SectionContext)\n    const toggleOpen = React.useCallback(() => {\n      if (expandId) {\n        sections.toggleSection(expandId)\n      }\n    }, [expandId])\n    const open = expandId ? sections.open[expandId] : true\n\n    React.useEffect(() => {\n      if (expandId && open === undefined) {\n        sections.setSection(expandId, initialIsOpen)\n      }\n    }, [])\n\n    const { contentRegionId, headingTextId } = React.useMemo(() => {\n      return {\n        contentRegionId: `content-${ulid()}`,\n        headingTextId: `heading-${ulid()}`,\n      }\n    }, [])\n\n    const expandClosed = !open || !children\n    const divide = level >= 3 || !heading\n    const hasHeader = heading || actions\n\n    return (\n      <LevelContext.Provider value={level + 1}>\n        <StyledSection\n          ref={ref}\n          className={cx(className, {\n            [sectionClassnames.divide]: divide,\n            [sectionClassnames.levelAnonymous]: !heading,\n            [sectionClassnames.level(level)]: heading && level,\n          })}\n          {...props}\n        >\n          <StyledSectionInner>\n            {banner && <StyledSectionBanner>{banner}</StyledSectionBanner>}\n\n            {hasHeader ? (\n              <StyledSectionHeader>\n                {expandId ? (\n                  <StyledSectionCollapseHeading\n                    aria-labelledby={headingTextId}\n                    aria-level={level}\n                    role=\"heading\"\n                  >\n                    <Button\n                      aria-controls={contentRegionId}\n                      aria-expanded={open}\n                      aria-labelledby={headingTextId}\n                      icon={open ? <ChevronDown /> : <ChevronRight />}\n                      onClick={toggleOpen}\n                      variant=\"tertiary\"\n                    />\n                  </StyledSectionCollapseHeading>\n                ) : null}\n                <StyledTitle>\n                  <Title.Text>\n                    {heading && (\n                      <Heading\n                        aria-hidden={!!expandId}\n                        id={headingTextId}\n                        // Pass level since Heading component renders\n                        // under the incremented (level + 1) LevelProvider.\n                        // Alternative, render Heading as a variable outside of return.\n                        level={level}\n                      >\n                        {heading}\n                      </Heading>\n                    )}\n                  </Title.Text>\n                  <Title.Subtext>{subtext}</Title.Subtext>\n                  <Title.Pills>{pills}</Title.Pills>\n                  <Title.Actions>\n                    {isFunction(actions)\n                      ? (actions as Function)({ open })\n                      : actions}\n                  </Title.Actions>\n                  <Title.Assets>{assets}</Title.Assets>\n                </StyledTitle>\n              </StyledSectionHeader>\n            ) : null}\n            <StyledSectionContentRegion\n              aria-hidden={!open}\n              aria-labelledby={heading ? headingTextId : undefined}\n              id={contentRegionId}\n              role={heading ? 'region' : undefined}\n              $closed={expandClosed}\n              $noHeader={!hasHeader}\n            >\n              {open ? children : null}\n            </StyledSectionContentRegion>\n          </StyledSectionInner>\n        </StyledSection>\n      </LevelContext.Provider>\n    )\n  }\n)\n\nSection.displayName = 'Section'\n"],"mappings":"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"}
+{"version":3,"file":"Section.js","names":["ChevronDown","ChevronRight","cx","React","ulid","Button","getHeadingComponent","Title","sectionClassnames","StyledSection","StyledSectionBanner","StyledSectionCollapseHeading","StyledSectionContentRegion","StyledSectionHeader","StyledSectionInner","StyledTitle","isFunction","obj","LevelContext","createContext","SectionContext","open","setSection","toggleSection","Heading","_ref","level_","level","props","_objectWithoutProperties","_excluded","useContext","H","createElement","SectionProvider","_ref2","children","_React$useState","useState","_React$useState2","_slicedToArray","setSectionsOpen","id","prev","_objectSpread","_defineProperty","Provider","value","Section","forwardRef","_ref3","ref","actions","banner","className","expandId","heading","_ref3$initialIsOpen","initialIsOpen","pills","subtext","assets","_excluded2","sections","toggleOpen","useCallback","useEffect","undefined","_React$useMemo","useMemo","contentRegionId","concat","headingTextId","expandClosed","divide","hasHeader","_extends","levelAnonymous","role","icon","onClick","variant","Text","Subtext","Pills","Actions","Assets","$closed","$noHeader","displayName"],"sources":["../../src/Section/Section.tsx"],"sourcesContent":["import { ChevronDown, ChevronRight } from '@procore/core-icons'\nimport cx from 'classnames'\nimport React from 'react'\nimport { ulid } from 'ulid'\nimport { Button } from '../Button'\nimport { getHeadingComponent } from '../Semantic/Semantic'\nimport type { HeadingProps } from '../Semantic/Semantic.types'\nimport { Title } from '../Title'\nimport {\n  sectionClassnames,\n  StyledSection,\n  StyledSectionBanner,\n  StyledSectionCollapseHeading,\n  StyledSectionContentRegion,\n  StyledSectionHeader,\n  StyledSectionInner,\n  StyledTitle,\n} from './Section.styles'\nimport type {\n  SectionContextAPI,\n  SectionProps,\n  SectionProviderProps,\n} from './Section.types'\n\nconst isFunction = (obj: unknown): boolean => typeof obj === 'function'\n\n// Header levels start at level 2\nexport const LevelContext = React.createContext(2)\n\nconst SectionContext = React.createContext<SectionContextAPI>({\n  open: {},\n  setSection: () => {},\n  toggleSection: () => {},\n})\n\nexport function Heading({\n  level: level_,\n  ...props\n}: HeadingProps & { level?: number }) {\n  const level = React.useContext(LevelContext)\n  const H = getHeadingComponent(level_ || level)\n  return <H {...props} />\n}\n\nexport const SectionProvider = ({ children }: SectionProviderProps) => {\n  const [open, setSectionsOpen] = React.useState<{\n    [key: string]: boolean\n  }>({})\n\n  const toggleSection: SectionContextAPI['toggleSection'] = (id) =>\n    setSectionsOpen((prev) => ({\n      ...prev,\n      [id]: !prev[id],\n    }))\n\n  const setSection: SectionContextAPI['setSection'] = (id, open) =>\n    setSectionsOpen((prev) => ({\n      ...prev,\n      [id]: open,\n    }))\n\n  return (\n    <SectionContext.Provider\n      value={{\n        open,\n        toggleSection,\n        setSection,\n      }}\n    >\n      {children}\n    </SectionContext.Provider>\n  )\n}\n/**\n * @deprecatedSince 11\n * @deprecated Intended for internal library development. See Panel.Section or DetailPage.Section\n */\nexport const Section = React.forwardRef<HTMLDivElement, SectionProps>(\n  function Section(\n    {\n      actions,\n      banner,\n      children,\n      className,\n      expandId,\n      heading,\n      initialIsOpen = true,\n      pills,\n      subtext,\n      assets,\n      ...props\n    },\n    ref\n  ) {\n    const level = React.useContext(LevelContext)\n\n    const sections = React.useContext(SectionContext)\n    const toggleOpen = React.useCallback(() => {\n      if (expandId) {\n        sections.toggleSection(expandId)\n      }\n    }, [expandId])\n    const open = expandId ? sections.open[expandId] : true\n\n    React.useEffect(() => {\n      if (expandId && open === undefined) {\n        sections.setSection(expandId, initialIsOpen)\n      }\n    }, [])\n\n    const { contentRegionId, headingTextId } = React.useMemo(() => {\n      return {\n        contentRegionId: `content-${ulid()}`,\n        headingTextId: `heading-${ulid()}`,\n      }\n    }, [])\n\n    const expandClosed = !open || !children\n    const divide = level >= 3 || !heading\n    const hasHeader = heading || actions\n\n    return (\n      <LevelContext.Provider value={level + 1}>\n        <StyledSection\n          ref={ref}\n          className={cx(className, {\n            [sectionClassnames.divide]: divide,\n            [sectionClassnames.levelAnonymous]: !heading,\n            [sectionClassnames.level(level)]: heading && level,\n          })}\n          {...props}\n        >\n          <StyledSectionInner>\n            {banner && <StyledSectionBanner>{banner}</StyledSectionBanner>}\n\n            {hasHeader ? (\n              <StyledSectionHeader>\n                {expandId ? (\n                  <StyledSectionCollapseHeading\n                    aria-labelledby={headingTextId}\n                    aria-level={level}\n                    role=\"heading\"\n                  >\n                    <Button\n                      aria-controls={contentRegionId}\n                      aria-expanded={open}\n                      aria-labelledby={headingTextId}\n                      icon={open ? <ChevronDown /> : <ChevronRight />}\n                      onClick={toggleOpen}\n                      variant=\"tertiary\"\n                    />\n                  </StyledSectionCollapseHeading>\n                ) : null}\n                <StyledTitle>\n                  <Title.Text>\n                    {heading && (\n                      <Heading\n                        aria-hidden={!!expandId}\n                        id={headingTextId}\n                        // Pass level since Heading component renders\n                        // under the incremented (level + 1) LevelProvider.\n                        // Alternative, render Heading as a variable outside of return.\n                        level={level}\n                      >\n                        {heading}\n                      </Heading>\n                    )}\n                  </Title.Text>\n                  <Title.Subtext>{subtext}</Title.Subtext>\n                  <Title.Pills>{pills}</Title.Pills>\n                  <Title.Actions>\n                    {isFunction(actions)\n                      ? (actions as Function)({ open })\n                      : actions}\n                  </Title.Actions>\n                  <Title.Assets>{assets}</Title.Assets>\n                </StyledTitle>\n              </StyledSectionHeader>\n            ) : null}\n            <StyledSectionContentRegion\n              aria-hidden={!open}\n              aria-labelledby={heading ? headingTextId : undefined}\n              id={contentRegionId}\n              role={heading ? 'region' : undefined}\n              $closed={expandClosed}\n              $noHeader={!hasHeader}\n            >\n              {open ? children : null}\n            </StyledSectionContentRegion>\n          </StyledSectionInner>\n        </StyledSection>\n      </LevelContext.Provider>\n    )\n  }\n)\n\nSection.displayName = 'Section'\n"],"mappings":"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","ignoreList":[]}

package/dist/Section/Section.styles.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const StyledSectionBanner: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const StyledSectionInner: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const StyledSectionCollapseHeading: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
@@ -14,7 +13,7 @@ export declare const StyledSectionContentRegion: import("styled-components/dist/
 }>> & string;
 export declare const StyledSectionHeader: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const StyledTitle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("..").TitleProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+    ref?: ((instance: HTMLDivElement | 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]) | import("react").RefObject<HTMLDivElement> | null | undefined;
 }, never>> & string & Omit<import("react").ForwardRefExoticComponent<import("..").TitleProps & import("react").RefAttributes<HTMLDivElement>> & {
     Pills: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
     Text: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/Section/Section.styles.js

@@ -6,15 +6,15 @@ import { getGapOutlineFocus } from '../_styles/mixins';
 import { spacing } from '../_styles/spacing';
 export var StyledSectionBanner = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledSectionBanner",
-  componentId: "core-12_52_0__sc-1lxbrwv-0"
+  componentId: "core-12_53_1__sc-1lxbrwv-0"
 })(["margin-bottom:", "px;> * + *{margin-top:", "px;}"], spacing.sm, spacing.sm);
 export var StyledSectionInner = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledSectionInner",
-  componentId: "core-12_52_0__sc-1lxbrwv-1"
+  componentId: "core-12_53_1__sc-1lxbrwv-1"
 })([""]);
 export var StyledSectionCollapseHeading = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledSectionCollapseHeading",
-  componentId: "core-12_52_0__sc-1lxbrwv-2"
+  componentId: "core-12_53_1__sc-1lxbrwv-2"
 })(["align-self:flex-start;margin-right:", "px;"], spacing.sm);
 export var sectionClassnames = {
   divide: 'section--divide',
@@ -25,11 +25,11 @@ export var sectionClassnames = {
 };
 export var StyledSection = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledSection",
-  componentId: "core-12_52_0__sc-1lxbrwv-3"
+  componentId: "core-12_53_1__sc-1lxbrwv-3"
 })(["padding-left:", "px;padding-right:", "px;padding-bottom:", "px;& > ", "{padding-top:", "px;}&.", "{& > ", "{border-top:1px solid ", ";}}&:first-child > ", "{border-top:0;}& &{padding-left:0;padding-right:0;&:first-child > ", "{border-top:1px solid ", ";}&:last-child{padding-bottom:0;}}", ":last-of-type{margin-bottom:", "px;}", " + &&&{padding-top:", "px;}"], spacing.lg, spacing.lg, spacing.lg, StyledSectionInner, spacing.lg, sectionClassnames.divide, StyledSectionInner, colors.gray85, StyledSectionInner, StyledSectionInner, colors.gray85, StyledFormRow, spacing.lg * -1, StyledFormRow, spacing.xs);
 export var StyledSectionContentRegion = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledSectionContentRegion",
-  componentId: "core-12_52_0__sc-1lxbrwv-4"
+  componentId: "core-12_53_1__sc-1lxbrwv-4"
 })(["padding-top:", "px;&:focus-visible{", "}", " ", " & > :not(", ") + ", "{padding-top:", "px;}", " ", " &:last-of-type{padding-bottom:0;}"], spacing.sm, getGapOutlineFocus('inside'), function (_ref) {
   var $closed = _ref.$closed;
   return $closed && css(["padding-top:0;"]);
@@ -39,10 +39,10 @@ export var StyledSectionContentRegion = /*#__PURE__*/styled.div.withConfig({
 }, StyledSection, StyledSection, spacing.xl, StyledSection, StyledSection);
 export var StyledSectionHeader = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledSectionHeader",
-  componentId: "core-12_52_0__sc-1lxbrwv-5"
+  componentId: "core-12_53_1__sc-1lxbrwv-5"
 })(["align-items:center;display:flex;min-height:36px;word-break:break-word;"]);
 export var StyledTitle = /*#__PURE__*/styled(Title).withConfig({
   displayName: "StyledTitle",
-  componentId: "core-12_52_0__sc-1lxbrwv-6"
+  componentId: "core-12_53_1__sc-1lxbrwv-6"
 })(["width:100%;"]);
 //# sourceMappingURL=Section.styles.js.map

package/dist/Section/Section.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Section.styles.js","names":["styled","css","StyledFormRow","Title","colors","getGapOutlineFocus","spacing","StyledSectionBanner","div","withConfig","displayName","componentId","sm","StyledSectionInner","StyledSectionCollapseHeading","sectionClassnames","divide","levelAnonymous","level","num","concat","StyledSection","lg","gray85","xs","StyledSectionContentRegion","_ref","$closed","_ref2","$noHeader","xl","StyledSectionHeader","StyledTitle"],"sources":["../../src/Section/Section.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { StyledFormRow } from '../Form/Form.styles'\nimport { Title } from '../Title/Title'\nimport { colors } from '../_styles/colors'\nimport { getGapOutlineFocus } from '../_styles/mixins'\nimport { spacing } from '../_styles/spacing'\n\nexport const StyledSectionBanner = styled.div`\n  margin-bottom: ${spacing.sm}px;\n\n  > * + * {\n    margin-top: ${spacing.sm}px;\n  }\n`\n\nexport const StyledSectionInner = styled.div``\n\nexport const StyledSectionCollapseHeading = styled.div`\n  align-self: flex-start;\n  margin-right: ${spacing.sm}px;\n`\n\nexport const sectionClassnames = {\n  divide: 'section--divide',\n  levelAnonymous: 'section--level-anon',\n  level: (num: number) => `section--level-${num}`,\n}\n\nexport const StyledSection = styled.div`\n  padding-left: ${spacing.lg}px;\n  padding-right: ${spacing.lg}px;\n  padding-bottom: ${spacing.lg}px;\n\n  & > ${StyledSectionInner} {\n    padding-top: ${spacing.lg}px;\n  }\n\n  // horizontal divider\n  &.${sectionClassnames.divide} {\n    & > ${StyledSectionInner} {\n      border-top: 1px solid ${colors.gray85};\n    }\n  }\n\n  // if leading, no horizontal divider\n  &:first-child > ${StyledSectionInner} {\n    border-top: 0;\n  }\n\n  & & {\n    padding-left: 0;\n    padding-right: 0;\n\n    // if leading in nested, add the division back\n    &:first-child > ${StyledSectionInner} {\n      border-top: 1px solid ${colors.gray85};\n    }\n\n    &:last-child {\n      padding-bottom: 0;\n    }\n  }\n\n  // form rows have trailing space for error message\n  ${StyledFormRow}:last-of-type {\n    margin-bottom: ${spacing.lg * -1}px;\n  }\n\n  // form rows have trailing space for error message\n  ${StyledFormRow} + &&& {\n    padding-top: ${spacing.xs}px;\n  }\n`\n\nexport const StyledSectionContentRegion = styled.div<{\n  $closed: boolean\n  $noHeader: boolean\n}>`\n  padding-top: ${spacing.sm}px;\n\n  &:focus-visible {\n    ${getGapOutlineFocus('inside')}\n  }\n\n  ${({ $closed }) =>\n    $closed &&\n    css`\n      padding-top: 0;\n    `}\n\n  ${({ $noHeader }) =>\n    $noHeader &&\n    css`\n      padding-top: 0;\n    `}\n\n  // if a nested section isn't first\n  // Section\n  //   P\n  //   Section <-- space above\n  & > :not(${StyledSection}) + ${StyledSection} {\n    padding-top: ${spacing.xl}px;\n  }\n\n  // nested sections, the last one doesn't need more trailing space\n  ${StyledSection} ${StyledSection} &:last-of-type {\n    padding-bottom: 0;\n  }\n`\n\nexport const StyledSectionHeader = styled.div`\n  align-items: center;\n  display: flex;\n  // min-height on header for alignment:\n  //  - when heading line height is less than the collapse button height\n  //  - when heading line height is less than the button size it will shift\n  //      the heading text when the section is opened and buttons appear\n  min-height: 36px;\n  word-break: break-word;\n`\n\nexport const StyledTitle = styled(Title)`\n  width: 100%;\n`\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAC/C,SAASC,aAAa,QAAQ,qBAAqB;AACnD,SAASC,KAAK,QAAQ,gBAAgB;AACtC,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,SAASC,kBAAkB,QAAQ,mBAAmB;AACtD,SAASC,OAAO,QAAQ,oBAAoB;AAE5C,OAAO,IAAMC,mBAAmB,gBAAGP,MAAM,CAACQ,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,yDAC1BL,OAAO,CAACM,EAAE,EAGXN,OAAO,CAACM,EAAE,CAE3B;AAED,OAAO,IAAMC,kBAAkB,gBAAGb,MAAM,CAACQ,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,QAAE;AAE9C,OAAO,IAAMG,4BAA4B,gBAAGd,MAAM,CAACQ,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,mDAEpCL,OAAO,CAACM,EAAE,CAC3B;AAED,OAAO,IAAMG,iBAAiB,GAAG;EAC/BC,MAAM,EAAE,iBAAiB;EACzBC,cAAc,EAAE,qBAAqB;EACrCC,KAAK,EAAE,SAAPA,KAAKA,CAAGC,GAAW;IAAA,yBAAAC,MAAA,CAAuBD,GAAG;EAAA;AAC/C,CAAC;AAED,OAAO,IAAME,aAAa,gBAAGrB,MAAM,CAACQ,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,8WACrBL,OAAO,CAACgB,EAAE,EACThB,OAAO,CAACgB,EAAE,EACThB,OAAO,CAACgB,EAAE,EAEtBT,kBAAkB,EACPP,OAAO,CAACgB,EAAE,EAIvBP,iBAAiB,CAACC,MAAM,EACpBH,kBAAkB,EACET,MAAM,CAACmB,MAAM,EAKvBV,kBAAkB,EAShBA,kBAAkB,EACVT,MAAM,CAACmB,MAAM,EASvCrB,aAAa,EACII,OAAO,CAACgB,EAAE,GAAG,CAAC,CAAC,EAIhCpB,aAAa,EACEI,OAAO,CAACkB,EAAE,CAE5B;AAED,OAAO,IAAMC,0BAA0B,gBAAGzB,MAAM,CAACQ,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,gJAInCL,OAAO,CAACM,EAAE,EAGrBP,kBAAkB,CAAC,QAAQ,CAAC,EAG9B,UAAAqB,IAAA;EAAA,IAAGC,OAAO,GAAAD,IAAA,CAAPC,OAAO;EAAA,OACVA,OAAO,IACP1B,GAAG,oBAEF;AAAA,GAED,UAAA2B,KAAA;EAAA,IAAGC,SAAS,GAAAD,KAAA,CAATC,SAAS;EAAA,OACZA,SAAS,IACT5B,GAAG,oBAEF;AAAA,GAMQoB,aAAa,EAAOA,aAAa,EAC3Bf,OAAO,CAACwB,EAAE,EAIzBT,aAAa,EAAIA,aAAa,CAGjC;AAED,OAAO,IAAMU,mBAAmB,gBAAG/B,MAAM,CAACQ,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,8EAS5C;AAED,OAAO,IAAMqB,WAAW,gBAAGhC,MAAM,CAACG,KAAK,CAAC,CAAAM,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,mBAEvC"}
+{"version":3,"file":"Section.styles.js","names":["styled","css","StyledFormRow","Title","colors","getGapOutlineFocus","spacing","StyledSectionBanner","div","withConfig","displayName","componentId","sm","StyledSectionInner","StyledSectionCollapseHeading","sectionClassnames","divide","levelAnonymous","level","num","concat","StyledSection","lg","gray85","xs","StyledSectionContentRegion","_ref","$closed","_ref2","$noHeader","xl","StyledSectionHeader","StyledTitle"],"sources":["../../src/Section/Section.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { StyledFormRow } from '../Form/Form.styles'\nimport { Title } from '../Title/Title'\nimport { colors } from '../_styles/colors'\nimport { getGapOutlineFocus } from '../_styles/mixins'\nimport { spacing } from '../_styles/spacing'\n\nexport const StyledSectionBanner = styled.div`\n  margin-bottom: ${spacing.sm}px;\n\n  > * + * {\n    margin-top: ${spacing.sm}px;\n  }\n`\n\nexport const StyledSectionInner = styled.div``\n\nexport const StyledSectionCollapseHeading = styled.div`\n  align-self: flex-start;\n  margin-right: ${spacing.sm}px;\n`\n\nexport const sectionClassnames = {\n  divide: 'section--divide',\n  levelAnonymous: 'section--level-anon',\n  level: (num: number) => `section--level-${num}`,\n}\n\nexport const StyledSection = styled.div`\n  padding-left: ${spacing.lg}px;\n  padding-right: ${spacing.lg}px;\n  padding-bottom: ${spacing.lg}px;\n\n  & > ${StyledSectionInner} {\n    padding-top: ${spacing.lg}px;\n  }\n\n  // horizontal divider\n  &.${sectionClassnames.divide} {\n    & > ${StyledSectionInner} {\n      border-top: 1px solid ${colors.gray85};\n    }\n  }\n\n  // if leading, no horizontal divider\n  &:first-child > ${StyledSectionInner} {\n    border-top: 0;\n  }\n\n  & & {\n    padding-left: 0;\n    padding-right: 0;\n\n    // if leading in nested, add the division back\n    &:first-child > ${StyledSectionInner} {\n      border-top: 1px solid ${colors.gray85};\n    }\n\n    &:last-child {\n      padding-bottom: 0;\n    }\n  }\n\n  // form rows have trailing space for error message\n  ${StyledFormRow}:last-of-type {\n    margin-bottom: ${spacing.lg * -1}px;\n  }\n\n  // form rows have trailing space for error message\n  ${StyledFormRow} + &&& {\n    padding-top: ${spacing.xs}px;\n  }\n`\n\nexport const StyledSectionContentRegion = styled.div<{\n  $closed: boolean\n  $noHeader: boolean\n}>`\n  padding-top: ${spacing.sm}px;\n\n  &:focus-visible {\n    ${getGapOutlineFocus('inside')}\n  }\n\n  ${({ $closed }) =>\n    $closed &&\n    css`\n      padding-top: 0;\n    `}\n\n  ${({ $noHeader }) =>\n    $noHeader &&\n    css`\n      padding-top: 0;\n    `}\n\n  // if a nested section isn't first\n  // Section\n  //   P\n  //   Section <-- space above\n  & > :not(${StyledSection}) + ${StyledSection} {\n    padding-top: ${spacing.xl}px;\n  }\n\n  // nested sections, the last one doesn't need more trailing space\n  ${StyledSection} ${StyledSection} &:last-of-type {\n    padding-bottom: 0;\n  }\n`\n\nexport const StyledSectionHeader = styled.div`\n  align-items: center;\n  display: flex;\n  // min-height on header for alignment:\n  //  - when heading line height is less than the collapse button height\n  //  - when heading line height is less than the button size it will shift\n  //      the heading text when the section is opened and buttons appear\n  min-height: 36px;\n  word-break: break-word;\n`\n\nexport const StyledTitle = styled(Title)`\n  width: 100%;\n`\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAC/C,SAASC,aAAa,QAAQ,qBAAqB;AACnD,SAASC,KAAK,QAAQ,gBAAgB;AACtC,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,SAASC,kBAAkB,QAAQ,mBAAmB;AACtD,SAASC,OAAO,QAAQ,oBAAoB;AAE5C,OAAO,IAAMC,mBAAmB,gBAAGP,MAAM,CAACQ,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,yDAC1BL,OAAO,CAACM,EAAE,EAGXN,OAAO,CAACM,EAAE,CAE3B;AAED,OAAO,IAAMC,kBAAkB,gBAAGb,MAAM,CAACQ,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,QAAE;AAE9C,OAAO,IAAMG,4BAA4B,gBAAGd,MAAM,CAACQ,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,mDAEpCL,OAAO,CAACM,EAAE,CAC3B;AAED,OAAO,IAAMG,iBAAiB,GAAG;EAC/BC,MAAM,EAAE,iBAAiB;EACzBC,cAAc,EAAE,qBAAqB;EACrCC,KAAK,EAAE,SAAPA,KAAKA,CAAGC,GAAW;IAAA,yBAAAC,MAAA,CAAuBD,GAAG;EAAA;AAC/C,CAAC;AAED,OAAO,IAAME,aAAa,gBAAGrB,MAAM,CAACQ,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,8WACrBL,OAAO,CAACgB,EAAE,EACThB,OAAO,CAACgB,EAAE,EACThB,OAAO,CAACgB,EAAE,EAEtBT,kBAAkB,EACPP,OAAO,CAACgB,EAAE,EAIvBP,iBAAiB,CAACC,MAAM,EACpBH,kBAAkB,EACET,MAAM,CAACmB,MAAM,EAKvBV,kBAAkB,EAShBA,kBAAkB,EACVT,MAAM,CAACmB,MAAM,EASvCrB,aAAa,EACII,OAAO,CAACgB,EAAE,GAAG,CAAC,CAAC,EAIhCpB,aAAa,EACEI,OAAO,CAACkB,EAAE,CAE5B;AAED,OAAO,IAAMC,0BAA0B,gBAAGzB,MAAM,CAACQ,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,gJAInCL,OAAO,CAACM,EAAE,EAGrBP,kBAAkB,CAAC,QAAQ,CAAC,EAG9B,UAAAqB,IAAA;EAAA,IAAGC,OAAO,GAAAD,IAAA,CAAPC,OAAO;EAAA,OACVA,OAAO,IACP1B,GAAG,oBAEF;AAAA,GAED,UAAA2B,KAAA;EAAA,IAAGC,SAAS,GAAAD,KAAA,CAATC,SAAS;EAAA,OACZA,SAAS,IACT5B,GAAG,oBAEF;AAAA,GAMQoB,aAAa,EAAOA,aAAa,EAC3Bf,OAAO,CAACwB,EAAE,EAIzBT,aAAa,EAAIA,aAAa,CAGjC;AAED,OAAO,IAAMU,mBAAmB,gBAAG/B,MAAM,CAACQ,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,8EAS5C;AAED,OAAO,IAAMqB,WAAW,gBAAGhC,MAAM,CAACG,KAAK,CAAC,CAAAM,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,mBAEvC","ignoreList":[]}

package/dist/Section/Section.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"Section.types.js","names":[],"sources":["../../src/Section/Section.types.ts"],"sourcesContent":["import type React from 'react'\nimport type { Props } from '../_utils/types'\n\nexport interface SectionProviderProps {\n  /**\n   * @since 10.19.0\n   */\n  children: React.ReactNode\n}\n\nexport interface SectionProps extends Props {\n  /**\n   * @description Actions of Buttons and Dropdowns to render. If a function,\n   * the open state is provided as `open` key\n   * @since 10.19.0\n   */\n  actions?: React.ReactNode | ((section: { open: boolean }) => React.ReactNode)\n  /**\n   * @since 12.9.0\n   */\n  banner?: React.ReactNode\n  /**\n   * @description Enable the expand and collapse accordion feature.\n   *  Requires a unique ID across sections, unique within the provider (DetailPage.Card) and\n   *  requires a heading on the section. Closed sections will not render its children.\n   * @since 10.19.0\n   */\n  expandId?: string | number\n  /**\n   * @description Heading text for the section\n   * @since 10.19.0\n   */\n  heading?: string\n  /**\n   * @description If expandable, start open or closed\n   * @since 10.19.0\n   */\n  initialIsOpen?: boolean\n  /**\n   * @description Title assets\n   * @since 10.19.0\n   */\n  assets?: React.ReactNode\n  /**\n   * @description Title pills\n   * @since 10.19.0\n   */\n  pills?: React.ReactNode\n  /**\n   * @description Title subtext\n   * @since 10.19.0\n   */\n  subtext?: React.ReactNode\n}\n\nexport interface SectionContextAPI {\n  /**\n   * @since 10.19.0\n   */\n  open: { [id: string]: boolean }\n  /**\n   * @since 10.19.0\n   */\n  setSection: (id: string | number, open: boolean) => void\n  /**\n   * @since 10.19.0\n   */\n  toggleSection: (id: string | number) => void\n}\n"],"mappings":""}
+{"version":3,"file":"Section.types.js","names":[],"sources":["../../src/Section/Section.types.ts"],"sourcesContent":["import type React from 'react'\nimport type { Props } from '../_utils/types'\n\nexport interface SectionProviderProps {\n  /**\n   * @since 10.19.0\n   */\n  children: React.ReactNode\n}\n\nexport interface SectionProps extends Props {\n  /**\n   * @description Actions of Buttons and Dropdowns to render. If a function,\n   * the open state is provided as `open` key\n   * @since 10.19.0\n   */\n  actions?: React.ReactNode | ((section: { open: boolean }) => React.ReactNode)\n  /**\n   * @since 12.9.0\n   */\n  banner?: React.ReactNode\n  /**\n   * @description Enable the expand and collapse accordion feature.\n   *  Requires a unique ID across sections, unique within the provider (DetailPage.Card) and\n   *  requires a heading on the section. Closed sections will not render its children.\n   * @since 10.19.0\n   */\n  expandId?: string | number\n  /**\n   * @description Heading text for the section\n   * @since 10.19.0\n   */\n  heading?: string\n  /**\n   * @description If expandable, start open or closed\n   * @since 10.19.0\n   */\n  initialIsOpen?: boolean\n  /**\n   * @description Title assets\n   * @since 10.19.0\n   */\n  assets?: React.ReactNode\n  /**\n   * @description Title pills\n   * @since 10.19.0\n   */\n  pills?: React.ReactNode\n  /**\n   * @description Title subtext\n   * @since 10.19.0\n   */\n  subtext?: React.ReactNode\n}\n\nexport interface SectionContextAPI {\n  /**\n   * @since 10.19.0\n   */\n  open: { [id: string]: boolean }\n  /**\n   * @since 10.19.0\n   */\n  setSection: (id: string | number, open: boolean) => void\n  /**\n   * @since 10.19.0\n   */\n  toggleSection: (id: string | number) => void\n}\n"],"mappings":"","ignoreList":[]}

package/dist/Section/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["LevelContext","Section","SectionProvider"],"sources":["../../src/Section/index.ts"],"sourcesContent":["export { LevelContext, Section, SectionProvider } from './Section'\nexport type { SectionProps } from './Section.types'\n"],"mappings":"AAAA,SAASA,YAAY,EAAEC,OAAO,EAAEC,eAAe,QAAQ,WAAW"}
+{"version":3,"file":"index.js","names":["LevelContext","Section","SectionProvider"],"sources":["../../src/Section/index.ts"],"sourcesContent":["export { LevelContext, Section, SectionProvider } from './Section'\nexport type { SectionProps } from './Section.types'\n"],"mappings":"AAAA,SAASA,YAAY,EAAEC,OAAO,EAAEC,eAAe,QAAQ,WAAW","ignoreList":[]}

package/dist/SegmentedController/SegmentedController.js

@@ -62,7 +62,7 @@ var SegmentedController_ = /*#__PURE__*/React.forwardRef(function SegmentedContr
     onChange: function onChange(rawValue) {
       var num = Number(rawValue);
       var value = !isNaN(num) ? num : rawValue;
-      _onChange === null || _onChange === void 0 ? void 0 : _onChange(value);
+      _onChange === null || _onChange === void 0 || _onChange(value);
     }
   });
   var _useRadioGroup = useRadioGroup({
@@ -163,7 +163,7 @@ var StandaloneSegment = /*#__PURE__*/React.forwardRef(function StandaloneSegment
     if (!isControlled) {
       setUncontrolledSelected(e.target.checked);
     }
-    (_props$onChange = props.onChange) === null || _props$onChange === void 0 ? void 0 : _props$onChange.call(props, e);
+    (_props$onChange = props.onChange) === null || _props$onChange === void 0 || _props$onChange.call(props, e);
   };
   return /*#__PURE__*/React.createElement(Tooltip, {
     overlay: tooltip,

package/dist/SegmentedController/SegmentedController.js.map

@@ -1 +1 @@
-{"version":3,"file":"SegmentedController.js","names":["useFocusRing","useRadio","useRadioGroup","mergeProps","useId","VisuallyHidden","React","useRadioGroupState","Tooltip","TooltipBase","addSubcomponents","StyledContainer","StyledLabel","StyledSegment","StyledSegmentDisabledInteractiveWrapper","isSegment","node","isValidElement","type","Segment","determineSelectedState","_ref","active","selected","isSelected","undefined","RadioButtonContext","createContext","SegmentedController_","forwardRef","SegmentedController","_ref2","ref","ariaLabel","ariaLabelledby","children","_ref2$block","block","disabled","onChange","props","_objectWithoutProperties","_excluded","name","radioGroupState","isDisabled","rawValue","num","Number","value","isNaN","_useRadioGroup","orientation","radioGroupProps","createElement","_extends","$block","Provider","Children","toArray","filter","child","map","index","cloneElement","internalIndex","SegmentWithGroup","_ref3","_ref3$placement","placement","tooltip","state","_excluded2","adjustedValue","String","innerRef","useRef","actualRef","_useRadio","inputProps","_useFocusRing","focusProps","isFocusVisible","useEffect","setSelectedValue","overlay","$focused","$disabled","$selected","StandaloneSegment","_ref4","_ref5","_ref6","_ref4$placement","_excluded3","_useFocusRing2","isControlled","_React$useState","useState","_React$useState2","_slicedToArray","uncontrolledSelected","setUncontrolledSelected","handleChange","e","_props$onChange","target","checked","call","useContext","_ref7","_excluded4","Fragment","withState","config","Component","_React$useState3","_React$useState4","selectedIndex","setSelected","_objectSpread","State","_ref8","_excluded5","displayName"],"sources":["../../src/SegmentedController/SegmentedController.tsx"],"sourcesContent":["import { useFocusRing } from '@react-aria/focus'\nimport { useRadio, useRadioGroup } from '@react-aria/radio'\nimport { mergeProps, useId } from '@react-aria/utils'\nimport { VisuallyHidden } from '@react-aria/visually-hidden'\nimport React from 'react'\nimport type { RadioGroupState } from 'react-stately'\nimport { useRadioGroupState } from 'react-stately'\nimport { Tooltip as TooltipBase } from '../Tooltip/Tooltip'\nimport { addSubcomponents } from '../_utils/addSubcomponents'\nimport {\n  StyledContainer,\n  StyledLabel,\n  StyledSegment,\n  StyledSegmentDisabledInteractiveWrapper,\n} from './SegmentedController.styles'\nimport type {\n  SegmentedControllerProps,\n  SegmentedControllerSegmentProps,\n  SegmentedControllerTooltipProps,\n} from './SegmentedController.types'\n\nfunction isSegment(\n  node: unknown\n): node is React.ReactElement<HTMLInputElement> {\n  return (\n    React.isValidElement(node as React.ReactElement) &&\n    (node as React.ReactElement).type === Segment\n  )\n}\n\nexport function determineSelectedState({\n  active,\n  selected,\n  isSelected,\n}: {\n  active?: boolean\n  isSelected: boolean\n  selected?: boolean\n}): boolean {\n  // Selected is a prop, so it should be the source of truth\n  if (selected !== undefined) {\n    return selected\n  }\n  // Active is a prop, so it should be the source of truth\n  if (active !== undefined) {\n    return active\n  }\n  // If neither props are passed in, use the react-stately state\n  return isSelected\n}\n\nconst RadioButtonContext = React.createContext<RadioGroupState | null>(null)\n\nconst SegmentedController_ = React.forwardRef<\n  HTMLDivElement,\n  SegmentedControllerProps\n>(function SegmentedController(\n  {\n    // TODO make label props required in type?\n    // React Aria logs warnings without 1 of 2. Axe does not fail\n    ['aria-label']: ariaLabel,\n    ['aria-labelledby']: ariaLabelledby,\n    children,\n    block = false,\n    disabled,\n    onChange,\n    ...props\n  },\n  ref\n) {\n  const name = useId()\n  const radioGroupState = useRadioGroupState({\n    name,\n    isDisabled: disabled,\n    onChange: (rawValue) => {\n      const num = Number(rawValue)\n      const value = !isNaN(num) ? num : rawValue\n      onChange?.(value as number)\n    },\n  })\n  const { radioGroupProps } = useRadioGroup(\n    {\n      'aria-label': ariaLabel,\n      'aria-labelledby': ariaLabelledby,\n      orientation: 'horizontal',\n    },\n    radioGroupState\n  )\n  return (\n    <StyledContainer ref={ref} $block={block} {...radioGroupProps} {...props}>\n      <RadioButtonContext.Provider value={radioGroupState}>\n        {React.Children.toArray(children)\n          .filter((child) => isSegment(child))\n          .map((child, index) =>\n            React.cloneElement(child as React.ReactElement, {\n              internalIndex: index,\n            })\n          )}\n      </RadioButtonContext.Provider>\n    </StyledContainer>\n  )\n})\n\n// Segment with RadioGroup context\nconst SegmentWithGroup = React.forwardRef<\n  HTMLInputElement,\n  React.InputHTMLAttributes<HTMLInputElement> &\n    SegmentedControllerSegmentProps & { state: RadioGroupState }\n>(function SegmentWithGroup(\n  {\n    active,\n    children,\n    placement = 'top',\n    tooltip,\n    disabled,\n    value,\n    internalIndex,\n    selected,\n    state,\n    ...props\n  },\n  ref\n) {\n  const adjustedValue = String(value ?? internalIndex)\n  const innerRef = React.useRef<HTMLInputElement>(null)\n  const actualRef = ref ?? innerRef\n\n  const { inputProps, isSelected, isDisabled } = useRadio(\n    {\n      isDisabled: disabled ?? state.isDisabled,\n      value: adjustedValue as string,\n      children,\n    },\n    state,\n    actualRef as unknown as React.RefObject<HTMLInputElement>\n  )\n  const { focusProps, isFocusVisible } = useFocusRing()\n\n  React.useEffect(() => {\n    if (active || selected) {\n      state.setSelectedValue(adjustedValue)\n    }\n  }, [active, state, adjustedValue, selected])\n\n  return (\n    <Tooltip overlay={tooltip} placement={placement}>\n      <StyledSegmentDisabledInteractiveWrapper>\n        <StyledSegment\n          $focused={isFocusVisible}\n          $disabled={isDisabled}\n          $selected={determineSelectedState({ active, selected, isSelected })}\n        >\n          <VisuallyHidden>\n            <input\n              {...mergeProps(props, inputProps, focusProps)}\n              ref={actualRef}\n            />\n          </VisuallyHidden>\n          <StyledLabel>{children}</StyledLabel>\n        </StyledSegment>\n      </StyledSegmentDisabledInteractiveWrapper>\n    </Tooltip>\n  )\n})\n\n// Standalone segment\nconst StandaloneSegment = React.forwardRef<\n  HTMLInputElement,\n  React.InputHTMLAttributes<HTMLInputElement> & SegmentedControllerSegmentProps\n>(function StandaloneSegment(\n  {\n    active,\n    children,\n    placement = 'top',\n    tooltip,\n    disabled,\n    value,\n    internalIndex,\n    selected,\n    ...props\n  },\n  ref\n) {\n  const adjustedValue = String(value ?? internalIndex)\n  const innerRef = React.useRef<HTMLInputElement>(null)\n  const actualRef = ref ?? innerRef\n  const { focusProps, isFocusVisible } = useFocusRing()\n\n  const isControlled = selected !== undefined || active !== undefined\n  const [uncontrolledSelected, setUncontrolledSelected] = React.useState(\n    selected ?? active ?? false\n  )\n  const isSelected = selected ?? active ?? uncontrolledSelected\n\n  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    if (!isControlled) {\n      setUncontrolledSelected(e.target.checked)\n    }\n    props.onChange?.(e)\n  }\n\n  return (\n    <Tooltip overlay={tooltip} placement={placement}>\n      <StyledSegmentDisabledInteractiveWrapper>\n        <StyledSegment\n          $focused={isFocusVisible}\n          $disabled={disabled ?? false}\n          $selected={isSelected}\n        >\n          <VisuallyHidden>\n            <input\n              {...mergeProps(props, focusProps)}\n              ref={actualRef}\n              type=\"radio\"\n              value={adjustedValue}\n              checked={isSelected}\n              disabled={disabled}\n              onChange={handleChange}\n            />\n          </VisuallyHidden>\n          <StyledLabel>{children}</StyledLabel>\n        </StyledSegment>\n      </StyledSegmentDisabledInteractiveWrapper>\n    </Tooltip>\n  )\n})\n\n// Wrapper that chooses the right implementation\nexport const Segment = React.forwardRef<\n  HTMLInputElement,\n  React.InputHTMLAttributes<HTMLInputElement> & SegmentedControllerSegmentProps\n>(function Segment(props, ref) {\n  const state = React.useContext(RadioButtonContext)\n\n  if (state) {\n    return <SegmentWithGroup {...props} state={state} ref={ref} />\n  }\n\n  return <StandaloneSegment {...props} ref={ref} />\n})\n\n/**\n * @deprecated\n *\n * The `SegmentedController.Tooltip` component has been deprecated will be\n * removed in a future version.\n *\n * Tooltips are now built into `SegmentedController.Segment`s, and can be added\n * by configuring the `tooltip` prop.\n *\n * **Before**\n *\n * ```\n * <SegmentedController>\n *   <SegmentedController.Tooltip tooltip=\"Item 1 is the first item\">\n *     <SegmentedController.Segment>\n *       Item 1\n *     </SegmentedController.Segment>\n *   </SegmentedController.Tooltip>\n * </SegmentedController>\n * ```\n *\n * **After**\n *\n * ```\n * <SegmentedController>\n *   <SegmentedController.Segment tooltip=\"Item 1 is the first item\">\n *     Item 1\n *   </SegmentedController.Segment>\n * </SegmentedController>\n * ```\n *\n * @deprecatedSince 10.20.0\n */\nexport const Tooltip = React.forwardRef<\n  HTMLElement,\n  SegmentedControllerTooltipProps\n>(function Tooltip({ children, overlay, ...props }, ref) {\n  return overlay ? (\n    <TooltipBase {...props} overlay={overlay} ref={ref}>\n      {children}\n    </TooltipBase>\n  ) : (\n    <>{children}</>\n  )\n})\n\nconst withState = (config: any) => (Component: any) => (props: any) => {\n  const [selectedIndex, setSelected] = React.useState(0)\n\n  return <Component {...{ ...props, selectedIndex, setSelected }} />\n}\n\n/**\n * @deprecated\n *\n * This `SegmentedController.State` utility has been deprecated. Please just\n * use a simple state management hook instead.\n *\n *\n * **Before**\n *\n * ```\n * <SegmentedController.State>\n *   {({ selectedIndex, setSelected }) => (\n *     <SegmentedController>\n *       <SegmentedController.Segment onClick={() => setSelected(0)} active={selectedIndex === 0}>\n *         Item 1\n *       </SegmentedController.Segment>\n *     </SegmentedController>\n *   )}\n * </SegmentedController.State>\n * ```\n *\n * **After**\n *\n * ```\n * const [selected, setSelected] = React.useState(0)\n *\n * <SegmentedController onChange={setSelected}>\n *   <SegmentedController.Segment active={selectedIndex === 0}>\n *     Item 1\n *   </SegmentedController.Segment>\n * </SegmentedController>\n * ```\n *\n * @deprecatedSince 10.20.0\n */\nexport const State = withState({})(({ children, ...props }: any) =>\n  children(props)\n)\n\nSegmentedController_.displayName = 'SegmentedController'\n\nSegment.displayName = 'SegmentedController.Segment'\n\nTooltip.displayName = 'SegmentedController.Tooltip'\n\n/**\n\n Segmented controllers allow users to switch between related but mutually\n exclusive content or actions.\n\n @since 10.19.0\n\n @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-segmentedcontroller--demo)\n\n @see [Design Guidelines](https://design.procore.com/segmented-controller)\n\n */\nexport const SegmentedController = addSubcomponents(\n  {\n    Segment,\n    State,\n    Tooltip,\n  },\n  SegmentedController_\n)\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA,SAASA,YAAY,QAAQ,mBAAmB;AAChD,SAASC,QAAQ,EAAEC,aAAa,QAAQ,mBAAmB;AAC3D,SAASC,UAAU,EAAEC,KAAK,QAAQ,mBAAmB;AACrD,SAASC,cAAc,QAAQ,6BAA6B;AAC5D,OAAOC,KAAK,MAAM,OAAO;AAEzB,SAASC,kBAAkB,QAAQ,eAAe;AAClD,SAASC,OAAO,IAAIC,WAAW,QAAQ,oBAAoB;AAC3D,SAASC,gBAAgB,QAAQ,4BAA4B;AAC7D,SACEC,eAAe,EACfC,WAAW,EACXC,aAAa,EACbC,uCAAuC,QAClC,8BAA8B;AAOrC,SAASC,SAASA,CAChBC,IAAa,EACiC;EAC9C,OACE,aAAAV,KAAK,CAACW,cAAc,CAACD,IAA0B,CAAC,IAC/CA,IAAI,CAAwBE,IAAI,KAAKC,OAAO;AAEjD;AAEA,OAAO,SAASC,sBAAsBA,CAAAC,IAAA,EAQ1B;EAAA,IAPVC,MAAM,GAAAD,IAAA,CAANC,MAAM;IACNC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IACRC,UAAU,GAAAH,IAAA,CAAVG,UAAU;EAMV;EACA,IAAID,QAAQ,KAAKE,SAAS,EAAE;IAC1B,OAAOF,QAAQ;EACjB;EACA;EACA,IAAID,MAAM,KAAKG,SAAS,EAAE;IACxB,OAAOH,MAAM;EACf;EACA;EACA,OAAOE,UAAU;AACnB;AAEA,IAAME,kBAAkB,gBAAGpB,KAAK,CAACqB,aAAa,CAAyB,IAAI,CAAC;AAE5E,IAAMC,oBAAoB,gBAAGtB,KAAK,CAACuB,UAAU,CAG3C,SAASC,mBAAmBA,CAAAC,KAAA,EAY5BC,GAAG,EACH;EAAA,IATkBC,SAAS,GAAAF,KAAA,CAAxB,YAAY;IACQG,cAAc,GAAAH,KAAA,CAAlC,iBAAiB;IAClBI,QAAQ,GAAAJ,KAAA,CAARI,QAAQ;IAAAC,WAAA,GAAAL,KAAA,CACRM,KAAK;IAALA,KAAK,GAAAD,WAAA,cAAG,KAAK,GAAAA,WAAA;IACbE,QAAQ,GAAAP,KAAA,CAARO,QAAQ;IACRC,SAAQ,GAAAR,KAAA,CAARQ,QAAQ;IACLC,KAAK,GAAAC,wBAAA,CAAAV,KAAA,EAAAW,SAAA;EAIV,IAAMC,IAAI,GAAGvC,KAAK,CAAC,CAAC;EACpB,IAAMwC,eAAe,GAAGrC,kBAAkB,CAAC;IACzCoC,IAAI,EAAJA,IAAI;IACJE,UAAU,EAAEP,QAAQ;IACpBC,QAAQ,EAAE,SAAVA,QAAQA,CAAGO,QAAQ,EAAK;MACtB,IAAMC,GAAG,GAAGC,MAAM,CAACF,QAAQ,CAAC;MAC5B,IAAMG,KAAK,GAAG,CAACC,KAAK,CAACH,GAAG,CAAC,GAAGA,GAAG,GAAGD,QAAQ;MAC1CP,SAAQ,aAARA,SAAQ,uBAARA,SAAQ,CAAGU,KAAe,CAAC;IAC7B;EACF,CAAC,CAAC;EACF,IAAAE,cAAA,GAA4BjD,aAAa,CACvC;MACE,YAAY,EAAE+B,SAAS;MACvB,iBAAiB,EAAEC,cAAc;MACjCkB,WAAW,EAAE;IACf,CAAC,EACDR,eACF,CAAC;IAPOS,eAAe,GAAAF,cAAA,CAAfE,eAAe;EAQvB,oBACE/C,KAAA,CAAAgD,aAAA,CAAC3C,eAAe,EAAA4C,QAAA;IAACvB,GAAG,EAAEA,GAAI;IAACwB,MAAM,EAAEnB;EAAM,GAAKgB,eAAe,EAAMb,KAAK,gBACtElC,KAAA,CAAAgD,aAAA,CAAC5B,kBAAkB,CAAC+B,QAAQ;IAACR,KAAK,EAAEL;EAAgB,GACjDtC,KAAK,CAACoD,QAAQ,CAACC,OAAO,CAACxB,QAAQ,CAAC,CAC9ByB,MAAM,CAAC,UAACC,KAAK;IAAA,OAAK9C,SAAS,CAAC8C,KAAK,CAAC;EAAA,EAAC,CACnCC,GAAG,CAAC,UAACD,KAAK,EAAEE,KAAK;IAAA,oBAChBzD,KAAK,CAAC0D,YAAY,CAACH,KAAK,EAAwB;MAC9CI,aAAa,EAAEF;IACjB,CAAC,CAAC;EAAA,CACJ,CACyB,CACd,CAAC;AAEtB,CAAC,CAAC;;AAEF;AACA,IAAMG,gBAAgB,gBAAG5D,KAAK,CAACuB,UAAU,CAIvC,SAASqC,gBAAgBA,CAAAC,KAAA,EAazBnC,GAAG,EACH;EAAA,IAZEV,MAAM,GAAA6C,KAAA,CAAN7C,MAAM;IACNa,QAAQ,GAAAgC,KAAA,CAARhC,QAAQ;IAAAiC,eAAA,GAAAD,KAAA,CACRE,SAAS;IAATA,SAAS,GAAAD,eAAA,cAAG,KAAK,GAAAA,eAAA;IACjBE,OAAO,GAAAH,KAAA,CAAPG,OAAO;IACPhC,QAAQ,GAAA6B,KAAA,CAAR7B,QAAQ;IACRW,KAAK,GAAAkB,KAAA,CAALlB,KAAK;IACLgB,aAAa,GAAAE,KAAA,CAAbF,aAAa;IACb1C,QAAQ,GAAA4C,KAAA,CAAR5C,QAAQ;IACRgD,KAAK,GAAAJ,KAAA,CAALI,KAAK;IACF/B,KAAK,GAAAC,wBAAA,CAAA0B,KAAA,EAAAK,UAAA;EAIV,IAAMC,aAAa,GAAGC,MAAM,CAACzB,KAAK,aAALA,KAAK,cAALA,KAAK,GAAIgB,aAAa,CAAC;EACpD,IAAMU,QAAQ,GAAGrE,KAAK,CAACsE,MAAM,CAAmB,IAAI,CAAC;EACrD,IAAMC,SAAS,GAAG7C,GAAG,aAAHA,GAAG,cAAHA,GAAG,GAAI2C,QAAQ;EAEjC,IAAAG,SAAA,GAA+C7E,QAAQ,CACrD;MACE4C,UAAU,EAAEP,QAAQ,aAARA,QAAQ,cAARA,QAAQ,GAAIiC,KAAK,CAAC1B,UAAU;MACxCI,KAAK,EAAEwB,aAAuB;MAC9BtC,QAAQ,EAARA;IACF,CAAC,EACDoC,KAAK,EACLM,SACF,CAAC;IAROE,UAAU,GAAAD,SAAA,CAAVC,UAAU;IAAEvD,UAAU,GAAAsD,SAAA,CAAVtD,UAAU;IAAEqB,UAAU,GAAAiC,SAAA,CAAVjC,UAAU;EAS1C,IAAAmC,aAAA,GAAuChF,YAAY,CAAC,CAAC;IAA7CiF,UAAU,GAAAD,aAAA,CAAVC,UAAU;IAAEC,cAAc,GAAAF,aAAA,CAAdE,cAAc;EAElC5E,KAAK,CAAC6E,SAAS,CAAC,YAAM;IACpB,IAAI7D,MAAM,IAAIC,QAAQ,EAAE;MACtBgD,KAAK,CAACa,gBAAgB,CAACX,aAAa,CAAC;IACvC;EACF,CAAC,EAAE,CAACnD,MAAM,EAAEiD,KAAK,EAAEE,aAAa,EAAElD,QAAQ,CAAC,CAAC;EAE5C,oBACEjB,KAAA,CAAAgD,aAAA,CAAC9C,OAAO;IAAC6E,OAAO,EAAEf,OAAQ;IAACD,SAAS,EAAEA;EAAU,gBAC9C/D,KAAA,CAAAgD,aAAA,CAACxC,uCAAuC,qBACtCR,KAAA,CAAAgD,aAAA,CAACzC,aAAa;IACZyE,QAAQ,EAAEJ,cAAe;IACzBK,SAAS,EAAE1C,UAAW;IACtB2C,SAAS,EAAEpE,sBAAsB,CAAC;MAAEE,MAAM,EAANA,MAAM;MAAEC,QAAQ,EAARA,QAAQ;MAAEC,UAAU,EAAVA;IAAW,CAAC;EAAE,gBAEpElB,KAAA,CAAAgD,aAAA,CAACjD,cAAc,qBACbC,KAAA,CAAAgD,aAAA,UAAAC,QAAA,KACMpD,UAAU,CAACqC,KAAK,EAAEuC,UAAU,EAAEE,UAAU,CAAC;IAC7CjD,GAAG,EAAE6C;EAAU,EAChB,CACa,CAAC,eACjBvE,KAAA,CAAAgD,aAAA,CAAC1C,WAAW,QAAEuB,QAAsB,CACvB,CACwB,CAClC,CAAC;AAEd,CAAC,CAAC;;AAEF;AACA,IAAMsD,iBAAiB,gBAAGnF,KAAK,CAACuB,UAAU,CAGxC,SAAS4D,iBAAiBA,CAAAC,KAAA,EAY1B1D,GAAG,EACH;EAAA,IAAA2D,KAAA,EAAAC,KAAA;EAAA,IAXEtE,MAAM,GAAAoE,KAAA,CAANpE,MAAM;IACNa,QAAQ,GAAAuD,KAAA,CAARvD,QAAQ;IAAA0D,eAAA,GAAAH,KAAA,CACRrB,SAAS;IAATA,SAAS,GAAAwB,eAAA,cAAG,KAAK,GAAAA,eAAA;IACjBvB,OAAO,GAAAoB,KAAA,CAAPpB,OAAO;IACPhC,QAAQ,GAAAoD,KAAA,CAARpD,QAAQ;IACRW,KAAK,GAAAyC,KAAA,CAALzC,KAAK;IACLgB,aAAa,GAAAyB,KAAA,CAAbzB,aAAa;IACb1C,QAAQ,GAAAmE,KAAA,CAARnE,QAAQ;IACLiB,KAAK,GAAAC,wBAAA,CAAAiD,KAAA,EAAAI,UAAA;EAIV,IAAMrB,aAAa,GAAGC,MAAM,CAACzB,KAAK,aAALA,KAAK,cAALA,KAAK,GAAIgB,aAAa,CAAC;EACpD,IAAMU,QAAQ,GAAGrE,KAAK,CAACsE,MAAM,CAAmB,IAAI,CAAC;EACrD,IAAMC,SAAS,GAAG7C,GAAG,aAAHA,GAAG,cAAHA,GAAG,GAAI2C,QAAQ;EACjC,IAAAoB,cAAA,GAAuC/F,YAAY,CAAC,CAAC;IAA7CiF,UAAU,GAAAc,cAAA,CAAVd,UAAU;IAAEC,cAAc,GAAAa,cAAA,CAAdb,cAAc;EAElC,IAAMc,YAAY,GAAGzE,QAAQ,KAAKE,SAAS,IAAIH,MAAM,KAAKG,SAAS;EACnE,IAAAwE,eAAA,GAAwD3F,KAAK,CAAC4F,QAAQ,EAAAP,KAAA,GACpEpE,QAAQ,aAARA,QAAQ,cAARA,QAAQ,GAAID,MAAM,cAAAqE,KAAA,cAAAA,KAAA,GAAI,KACxB,CAAC;IAAAQ,gBAAA,GAAAC,cAAA,CAAAH,eAAA;IAFMI,oBAAoB,GAAAF,gBAAA;IAAEG,uBAAuB,GAAAH,gBAAA;EAGpD,IAAM3E,UAAU,IAAAoE,KAAA,GAAGrE,QAAQ,aAARA,QAAQ,cAARA,QAAQ,GAAID,MAAM,cAAAsE,KAAA,cAAAA,KAAA,GAAIS,oBAAoB;EAE7D,IAAME,YAAY,GAAG,SAAfA,YAAYA,CAAIC,CAAsC,EAAK;IAAA,IAAAC,eAAA;IAC/D,IAAI,CAACT,YAAY,EAAE;MACjBM,uBAAuB,CAACE,CAAC,CAACE,MAAM,CAACC,OAAO,CAAC;IAC3C;IACA,CAAAF,eAAA,GAAAjE,KAAK,CAACD,QAAQ,cAAAkE,eAAA,uBAAdA,eAAA,CAAAG,IAAA,CAAApE,KAAK,EAAYgE,CAAC,CAAC;EACrB,CAAC;EAED,oBACElG,KAAA,CAAAgD,aAAA,CAAC9C,OAAO;IAAC6E,OAAO,EAAEf,OAAQ;IAACD,SAAS,EAAEA;EAAU,gBAC9C/D,KAAA,CAAAgD,aAAA,CAACxC,uCAAuC,qBACtCR,KAAA,CAAAgD,aAAA,CAACzC,aAAa;IACZyE,QAAQ,EAAEJ,cAAe;IACzBK,SAAS,EAAEjD,QAAQ,aAARA,QAAQ,cAARA,QAAQ,GAAI,KAAM;IAC7BkD,SAAS,EAAEhE;EAAW,gBAEtBlB,KAAA,CAAAgD,aAAA,CAACjD,cAAc,qBACbC,KAAA,CAAAgD,aAAA,UAAAC,QAAA,KACMpD,UAAU,CAACqC,KAAK,EAAEyC,UAAU,CAAC;IACjCjD,GAAG,EAAE6C,SAAU;IACf3D,IAAI,EAAC,OAAO;IACZ+B,KAAK,EAAEwB,aAAc;IACrBkC,OAAO,EAAEnF,UAAW;IACpBc,QAAQ,EAAEA,QAAS;IACnBC,QAAQ,EAAEgE;EAAa,EACxB,CACa,CAAC,eACjBjG,KAAA,CAAAgD,aAAA,CAAC1C,WAAW,QAAEuB,QAAsB,CACvB,CACwB,CAClC,CAAC;AAEd,CAAC,CAAC;;AAEF;AACA,OAAO,IAAMhB,OAAO,gBAAGb,KAAK,CAACuB,UAAU,CAGrC,SAASV,OAAOA,CAACqB,KAAK,EAAER,GAAG,EAAE;EAC7B,IAAMuC,KAAK,GAAGjE,KAAK,CAACuG,UAAU,CAACnF,kBAAkB,CAAC;EAElD,IAAI6C,KAAK,EAAE;IACT,oBAAOjE,KAAA,CAAAgD,aAAA,CAACY,gBAAgB,EAAAX,QAAA,KAAKf,KAAK;MAAE+B,KAAK,EAAEA,KAAM;MAACvC,GAAG,EAAEA;IAAI,EAAE,CAAC;EAChE;EAEA,oBAAO1B,KAAA,CAAAgD,aAAA,CAACmC,iBAAiB,EAAAlC,QAAA,KAAKf,KAAK;IAAER,GAAG,EAAEA;EAAI,EAAE,CAAC;AACnD,CAAC,CAAC;;AAEF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMxB,OAAO,gBAAGF,KAAK,CAACuB,UAAU,CAGrC,SAASrB,OAAOA,CAAAsG,KAAA,EAAkC9E,GAAG,EAAE;EAAA,IAApCG,QAAQ,GAAA2E,KAAA,CAAR3E,QAAQ;IAAEkD,OAAO,GAAAyB,KAAA,CAAPzB,OAAO;IAAK7C,KAAK,GAAAC,wBAAA,CAAAqE,KAAA,EAAAC,UAAA;EAC9C,OAAO1B,OAAO,gBACZ/E,KAAA,CAAAgD,aAAA,CAAC7C,WAAW,EAAA8C,QAAA,KAAKf,KAAK;IAAE6C,OAAO,EAAEA,OAAQ;IAACrD,GAAG,EAAEA;EAAI,IAChDG,QACU,CAAC,gBAEd7B,KAAA,CAAAgD,aAAA,CAAAhD,KAAA,CAAA0G,QAAA,QAAG7E,QAAW,CACf;AACH,CAAC,CAAC;AAEF,IAAM8E,SAAS,GAAG,SAAZA,SAASA,CAAIC,MAAW;EAAA,OAAK,UAACC,SAAc;IAAA,OAAK,UAAC3E,KAAU,EAAK;MACrE,IAAA4E,gBAAA,GAAqC9G,KAAK,CAAC4F,QAAQ,CAAC,CAAC,CAAC;QAAAmB,gBAAA,GAAAjB,cAAA,CAAAgB,gBAAA;QAA/CE,aAAa,GAAAD,gBAAA;QAAEE,WAAW,GAAAF,gBAAA;MAEjC,oBAAO/G,KAAA,CAAAgD,aAAA,CAAC6D,SAAS,EAAAK,aAAA,CAAAA,aAAA,KAAUhF,KAAK;QAAE8E,aAAa,EAAbA,aAAa;QAAEC,WAAW,EAAXA;MAAW,EAAK,CAAC;IACpE,CAAC;EAAA;AAAA;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,IAAME,KAAK,GAAGR,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,UAAAS,KAAA;EAAA,IAAGvF,QAAQ,GAAAuF,KAAA,CAARvF,QAAQ;IAAKK,KAAK,GAAAC,wBAAA,CAAAiF,KAAA,EAAAC,UAAA;EAAA,OACtDxF,QAAQ,CAACK,KAAK,CAAC;AAAA,CACjB,CAAC;AAEDZ,oBAAoB,CAACgG,WAAW,GAAG,qBAAqB;AAExDzG,OAAO,CAACyG,WAAW,GAAG,6BAA6B;AAEnDpH,OAAO,CAACoH,WAAW,GAAG,6BAA6B;;AAEnD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,IAAM9F,mBAAmB,GAAGpB,gBAAgB,CACjD;EACES,OAAO,EAAPA,OAAO;EACPsG,KAAK,EAALA,KAAK;EACLjH,OAAO,EAAPA;AACF,CAAC,EACDoB,oBACF,CAAC"}
+{"version":3,"file":"SegmentedController.js","names":["useFocusRing","useRadio","useRadioGroup","mergeProps","useId","VisuallyHidden","React","useRadioGroupState","Tooltip","TooltipBase","addSubcomponents","StyledContainer","StyledLabel","StyledSegment","StyledSegmentDisabledInteractiveWrapper","isSegment","node","isValidElement","type","Segment","determineSelectedState","_ref","active","selected","isSelected","undefined","RadioButtonContext","createContext","SegmentedController_","forwardRef","SegmentedController","_ref2","ref","ariaLabel","ariaLabelledby","children","_ref2$block","block","disabled","onChange","props","_objectWithoutProperties","_excluded","name","radioGroupState","isDisabled","rawValue","num","Number","value","isNaN","_useRadioGroup","orientation","radioGroupProps","createElement","_extends","$block","Provider","Children","toArray","filter","child","map","index","cloneElement","internalIndex","SegmentWithGroup","_ref3","_ref3$placement","placement","tooltip","state","_excluded2","adjustedValue","String","innerRef","useRef","actualRef","_useRadio","inputProps","_useFocusRing","focusProps","isFocusVisible","useEffect","setSelectedValue","overlay","$focused","$disabled","$selected","StandaloneSegment","_ref4","_ref5","_ref6","_ref4$placement","_excluded3","_useFocusRing2","isControlled","_React$useState","useState","_React$useState2","_slicedToArray","uncontrolledSelected","setUncontrolledSelected","handleChange","e","_props$onChange","target","checked","call","useContext","_ref7","_excluded4","Fragment","withState","config","Component","_React$useState3","_React$useState4","selectedIndex","setSelected","_objectSpread","State","_ref8","_excluded5","displayName"],"sources":["../../src/SegmentedController/SegmentedController.tsx"],"sourcesContent":["import { useFocusRing } from '@react-aria/focus'\nimport { useRadio, useRadioGroup } from '@react-aria/radio'\nimport { mergeProps, useId } from '@react-aria/utils'\nimport { VisuallyHidden } from '@react-aria/visually-hidden'\nimport React from 'react'\nimport type { RadioGroupState } from 'react-stately'\nimport { useRadioGroupState } from 'react-stately'\nimport { Tooltip as TooltipBase } from '../Tooltip/Tooltip'\nimport { addSubcomponents } from '../_utils/addSubcomponents'\nimport {\n  StyledContainer,\n  StyledLabel,\n  StyledSegment,\n  StyledSegmentDisabledInteractiveWrapper,\n} from './SegmentedController.styles'\nimport type {\n  SegmentedControllerProps,\n  SegmentedControllerSegmentProps,\n  SegmentedControllerTooltipProps,\n} from './SegmentedController.types'\n\nfunction isSegment(\n  node: unknown\n): node is React.ReactElement<HTMLInputElement> {\n  return (\n    React.isValidElement(node as React.ReactElement) &&\n    (node as React.ReactElement).type === Segment\n  )\n}\n\nexport function determineSelectedState({\n  active,\n  selected,\n  isSelected,\n}: {\n  active?: boolean\n  isSelected: boolean\n  selected?: boolean\n}): boolean {\n  // Selected is a prop, so it should be the source of truth\n  if (selected !== undefined) {\n    return selected\n  }\n  // Active is a prop, so it should be the source of truth\n  if (active !== undefined) {\n    return active\n  }\n  // If neither props are passed in, use the react-stately state\n  return isSelected\n}\n\nconst RadioButtonContext = React.createContext<RadioGroupState | null>(null)\n\nconst SegmentedController_ = React.forwardRef<\n  HTMLDivElement,\n  SegmentedControllerProps\n>(function SegmentedController(\n  {\n    // TODO make label props required in type?\n    // React Aria logs warnings without 1 of 2. Axe does not fail\n    ['aria-label']: ariaLabel,\n    ['aria-labelledby']: ariaLabelledby,\n    children,\n    block = false,\n    disabled,\n    onChange,\n    ...props\n  },\n  ref\n) {\n  const name = useId()\n  const radioGroupState = useRadioGroupState({\n    name,\n    isDisabled: disabled,\n    onChange: (rawValue) => {\n      const num = Number(rawValue)\n      const value = !isNaN(num) ? num : rawValue\n      onChange?.(value as number)\n    },\n  })\n  const { radioGroupProps } = useRadioGroup(\n    {\n      'aria-label': ariaLabel,\n      'aria-labelledby': ariaLabelledby,\n      orientation: 'horizontal',\n    },\n    radioGroupState\n  )\n  return (\n    <StyledContainer ref={ref} $block={block} {...radioGroupProps} {...props}>\n      <RadioButtonContext.Provider value={radioGroupState}>\n        {React.Children.toArray(children)\n          .filter((child) => isSegment(child))\n          .map((child, index) =>\n            React.cloneElement(child as React.ReactElement, {\n              internalIndex: index,\n            })\n          )}\n      </RadioButtonContext.Provider>\n    </StyledContainer>\n  )\n})\n\n// Segment with RadioGroup context\nconst SegmentWithGroup = React.forwardRef<\n  HTMLInputElement,\n  React.InputHTMLAttributes<HTMLInputElement> &\n    SegmentedControllerSegmentProps & { state: RadioGroupState }\n>(function SegmentWithGroup(\n  {\n    active,\n    children,\n    placement = 'top',\n    tooltip,\n    disabled,\n    value,\n    internalIndex,\n    selected,\n    state,\n    ...props\n  },\n  ref\n) {\n  const adjustedValue = String(value ?? internalIndex)\n  const innerRef = React.useRef<HTMLInputElement>(null)\n  const actualRef = ref ?? innerRef\n\n  const { inputProps, isSelected, isDisabled } = useRadio(\n    {\n      isDisabled: disabled ?? state.isDisabled,\n      value: adjustedValue as string,\n      children,\n    },\n    state,\n    actualRef as unknown as React.RefObject<HTMLInputElement>\n  )\n  const { focusProps, isFocusVisible } = useFocusRing()\n\n  React.useEffect(() => {\n    if (active || selected) {\n      state.setSelectedValue(adjustedValue)\n    }\n  }, [active, state, adjustedValue, selected])\n\n  return (\n    <Tooltip overlay={tooltip} placement={placement}>\n      <StyledSegmentDisabledInteractiveWrapper>\n        <StyledSegment\n          $focused={isFocusVisible}\n          $disabled={isDisabled}\n          $selected={determineSelectedState({ active, selected, isSelected })}\n        >\n          <VisuallyHidden>\n            <input\n              {...mergeProps(props, inputProps, focusProps)}\n              ref={actualRef}\n            />\n          </VisuallyHidden>\n          <StyledLabel>{children}</StyledLabel>\n        </StyledSegment>\n      </StyledSegmentDisabledInteractiveWrapper>\n    </Tooltip>\n  )\n})\n\n// Standalone segment\nconst StandaloneSegment = React.forwardRef<\n  HTMLInputElement,\n  React.InputHTMLAttributes<HTMLInputElement> & SegmentedControllerSegmentProps\n>(function StandaloneSegment(\n  {\n    active,\n    children,\n    placement = 'top',\n    tooltip,\n    disabled,\n    value,\n    internalIndex,\n    selected,\n    ...props\n  },\n  ref\n) {\n  const adjustedValue = String(value ?? internalIndex)\n  const innerRef = React.useRef<HTMLInputElement>(null)\n  const actualRef = ref ?? innerRef\n  const { focusProps, isFocusVisible } = useFocusRing()\n\n  const isControlled = selected !== undefined || active !== undefined\n  const [uncontrolledSelected, setUncontrolledSelected] = React.useState(\n    selected ?? active ?? false\n  )\n  const isSelected = selected ?? active ?? uncontrolledSelected\n\n  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    if (!isControlled) {\n      setUncontrolledSelected(e.target.checked)\n    }\n    props.onChange?.(e)\n  }\n\n  return (\n    <Tooltip overlay={tooltip} placement={placement}>\n      <StyledSegmentDisabledInteractiveWrapper>\n        <StyledSegment\n          $focused={isFocusVisible}\n          $disabled={disabled ?? false}\n          $selected={isSelected}\n        >\n          <VisuallyHidden>\n            <input\n              {...mergeProps(props, focusProps)}\n              ref={actualRef}\n              type=\"radio\"\n              value={adjustedValue}\n              checked={isSelected}\n              disabled={disabled}\n              onChange={handleChange}\n            />\n          </VisuallyHidden>\n          <StyledLabel>{children}</StyledLabel>\n        </StyledSegment>\n      </StyledSegmentDisabledInteractiveWrapper>\n    </Tooltip>\n  )\n})\n\n// Wrapper that chooses the right implementation\nexport const Segment = React.forwardRef<\n  HTMLInputElement,\n  React.InputHTMLAttributes<HTMLInputElement> & SegmentedControllerSegmentProps\n>(function Segment(props, ref) {\n  const state = React.useContext(RadioButtonContext)\n\n  if (state) {\n    return <SegmentWithGroup {...props} state={state} ref={ref} />\n  }\n\n  return <StandaloneSegment {...props} ref={ref} />\n})\n\n/**\n * @deprecated\n *\n * The `SegmentedController.Tooltip` component has been deprecated will be\n * removed in a future version.\n *\n * Tooltips are now built into `SegmentedController.Segment`s, and can be added\n * by configuring the `tooltip` prop.\n *\n * **Before**\n *\n * ```\n * <SegmentedController>\n *   <SegmentedController.Tooltip tooltip=\"Item 1 is the first item\">\n *     <SegmentedController.Segment>\n *       Item 1\n *     </SegmentedController.Segment>\n *   </SegmentedController.Tooltip>\n * </SegmentedController>\n * ```\n *\n * **After**\n *\n * ```\n * <SegmentedController>\n *   <SegmentedController.Segment tooltip=\"Item 1 is the first item\">\n *     Item 1\n *   </SegmentedController.Segment>\n * </SegmentedController>\n * ```\n *\n * @deprecatedSince 10.20.0\n */\nexport const Tooltip = React.forwardRef<\n  HTMLElement,\n  SegmentedControllerTooltipProps\n>(function Tooltip({ children, overlay, ...props }, ref) {\n  return overlay ? (\n    <TooltipBase {...props} overlay={overlay} ref={ref}>\n      {children}\n    </TooltipBase>\n  ) : (\n    <>{children}</>\n  )\n})\n\nconst withState = (config: any) => (Component: any) => (props: any) => {\n  const [selectedIndex, setSelected] = React.useState(0)\n\n  return <Component {...{ ...props, selectedIndex, setSelected }} />\n}\n\n/**\n * @deprecated\n *\n * This `SegmentedController.State` utility has been deprecated. Please just\n * use a simple state management hook instead.\n *\n *\n * **Before**\n *\n * ```\n * <SegmentedController.State>\n *   {({ selectedIndex, setSelected }) => (\n *     <SegmentedController>\n *       <SegmentedController.Segment onClick={() => setSelected(0)} active={selectedIndex === 0}>\n *         Item 1\n *       </SegmentedController.Segment>\n *     </SegmentedController>\n *   )}\n * </SegmentedController.State>\n * ```\n *\n * **After**\n *\n * ```\n * const [selected, setSelected] = React.useState(0)\n *\n * <SegmentedController onChange={setSelected}>\n *   <SegmentedController.Segment active={selectedIndex === 0}>\n *     Item 1\n *   </SegmentedController.Segment>\n * </SegmentedController>\n * ```\n *\n * @deprecatedSince 10.20.0\n */\nexport const State = withState({})(({ children, ...props }: any) =>\n  children(props)\n)\n\nSegmentedController_.displayName = 'SegmentedController'\n\nSegment.displayName = 'SegmentedController.Segment'\n\nTooltip.displayName = 'SegmentedController.Tooltip'\n\n/**\n\n Segmented controllers allow users to switch between related but mutually\n exclusive content or actions.\n\n @since 10.19.0\n\n @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-segmentedcontroller--demo)\n\n @see [Design Guidelines](https://design.procore.com/segmented-controller)\n\n */\nexport const SegmentedController = addSubcomponents(\n  {\n    Segment,\n    State,\n    Tooltip,\n  },\n  SegmentedController_\n)\n"],"mappings":"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","ignoreList":[]}

package/dist/SegmentedController/SegmentedController.styles.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
+export declare const segmentedControllerStackBreakpoint = 320;
 export declare const StyledContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    $block?: boolean | undefined;
+    $block?: boolean;
 }>> & string;
 export declare const StyledSegment: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, {
     $disabled: boolean;