@procore/core-react 11.22.0 → 11.23.0

package/dist/Section/Section.styles.js

@@ -1,28 +1,43 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
 import styled, { css } from 'styled-components';
 import { StyledFormRow } from '../Form/Form.styles';
 import { Title } from '../Title/Title';
 import { colors } from '../_styles/colors';
 import { spacing } from '../_styles/spacing';
-export var StyledSectionInner = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject([""], [""])));
-export var StyledSectionCollapseHeading = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  align-self: flex-start;\n  margin-right: ", "px;\n"], ["\n  align-self: flex-start;\n  margin-right: ", "px;\n"])), spacing.sm);
+export var StyledSectionInner = /*#__PURE__*/styled.div.withConfig({
+  displayName: "StyledSectionInner",
+  componentId: "core-11_23_0__sc-1lxbrwv-0"
+})([""]);
+export var StyledSectionCollapseHeading = /*#__PURE__*/styled.div.withConfig({
+  displayName: "StyledSectionCollapseHeading",
+  componentId: "core-11_23_0__sc-1lxbrwv-1"
+})(["align-self:flex-start;margin-right:", "px;"], spacing.sm);
 export var sectionClassnames = {
-    divide: 'section--divide',
-    levelAnonymous: 'section--level-anon',
-    level: function (num) { return "section--level-".concat(num); },
+  divide: 'section--divide',
+  levelAnonymous: 'section--level-anon',
+  level: function level(num) {
+    return "section--level-".concat(num);
+  }
 };
-export var StyledSection = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  padding-left: ", "px;\n  padding-right: ", "px;\n  padding-bottom: ", "px;\n\n  & > ", " {\n    padding-top: ", "px;\n  }\n\n  // horizontal divider\n  &.", " {\n    & > ", " {\n      border-top: 1px solid ", ";\n    }\n  }\n\n  // if leading, no horizontal divider\n  &:first-child > ", " {\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 > ", " {\n      border-top: 1px solid ", ";\n    }\n\n    &:last-child {\n      padding-bottom: 0;\n    }\n  }\n\n  // form rows have trailing space for error message\n  ", ":last-of-type {\n    margin-bottom: ", "px;\n  }\n\n  // form rows have trailing space for error message\n  ", " + &&& {\n    padding-top: ", "px;\n  }\n"], ["\n  padding-left: ", "px;\n  padding-right: ", "px;\n  padding-bottom: ", "px;\n\n  & > ", " {\n    padding-top: ", "px;\n  }\n\n  // horizontal divider\n  &.", " {\n    & > ", " {\n      border-top: 1px solid ", ";\n    }\n  }\n\n  // if leading, no horizontal divider\n  &:first-child > ", " {\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 > ", " {\n      border-top: 1px solid ", ";\n    }\n\n    &:last-child {\n      padding-bottom: 0;\n    }\n  }\n\n  // form rows have trailing space for error message\n  ", ":last-of-type {\n    margin-bottom: ", "px;\n  }\n\n  // form rows have trailing space for error message\n  ", " + &&& {\n    padding-top: ", "px;\n  }\n"])), spacing.xl, spacing.xl, spacing.xl, StyledSectionInner, spacing.xl, sectionClassnames.divide, StyledSectionInner, colors.gray85, StyledSectionInner, StyledSectionInner, colors.gray85, StyledFormRow, spacing.xl * -1, StyledFormRow, spacing.xs);
-export var StyledSectionContentRegion = styled.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  padding-top: 20px;\n  padding-bottom: ", "px;\n\n  ", "\n\n  ", "\n\n  // if a nested section isn't first\n  // Section\n  //   P\n  //   Section <-- space above\n  & > :not(", ") + ", " {\n    padding-top: ", "px;\n  }\n\n  // nested sections, the last one doesn't need more trailing space\n  ", " ", " &:last-of-type {\n    padding-bottom: 0;\n  }\n"], ["\n  padding-top: 20px;\n  padding-bottom: ", "px;\n\n  ", "\n\n  ", "\n\n  // if a nested section isn't first\n  // Section\n  //   P\n  //   Section <-- space above\n  & > :not(", ") + ", " {\n    padding-top: ", "px;\n  }\n\n  // nested sections, the last one doesn't need more trailing space\n  ", " ", " &:last-of-type {\n    padding-bottom: 0;\n  }\n"])), spacing.sm, function (_a) {
-    var $closed = _a.$closed;
-    return $closed && css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n      padding-top: 0;\n      padding-bottom: 0;\n    "], ["\n      padding-top: 0;\n      padding-bottom: 0;\n    "])));
-}, function (_a) {
-    var $noHeader = _a.$noHeader;
-    return $noHeader && css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n      padding-top: 0;\n    "], ["\n      padding-top: 0;\n    "])));
+export var StyledSection = /*#__PURE__*/styled.div.withConfig({
+  displayName: "StyledSection",
+  componentId: "core-11_23_0__sc-1lxbrwv-2"
+})(["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.xl, spacing.xl, spacing.xl, StyledSectionInner, spacing.xl, sectionClassnames.divide, StyledSectionInner, colors.gray85, StyledSectionInner, StyledSectionInner, colors.gray85, StyledFormRow, spacing.xl * -1, StyledFormRow, spacing.xs);
+export var StyledSectionContentRegion = /*#__PURE__*/styled.div.withConfig({
+  displayName: "StyledSectionContentRegion",
+  componentId: "core-11_23_0__sc-1lxbrwv-3"
+})(["padding-top:20px;padding-bottom:", "px;", " ", " & > :not(", ") + ", "{padding-top:", "px;}", " ", " &:last-of-type{padding-bottom:0;}"], spacing.sm, function (_ref) {
+  var $closed = _ref.$closed;
+  return $closed && css(["padding-top:0;padding-bottom:0;"]);
+}, function (_ref2) {
+  var $noHeader = _ref2.$noHeader;
+  return $noHeader && css(["padding-top:0;"]);
 }, StyledSection, StyledSection, spacing.xl, StyledSection, StyledSection);
-export var StyledSectionHeader = styled.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\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  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"])));
-export var StyledTitle = styled(Title)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  width: 100%;\n"], ["\n  width: 100%;\n"])));
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8;
+export var StyledSectionHeader = /*#__PURE__*/styled.div.withConfig({
+  displayName: "StyledSectionHeader",
+  componentId: "core-11_23_0__sc-1lxbrwv-4"
+})(["align-items:center;display:flex;min-height:36px;word-break:break-word;"]);
+export var StyledTitle = /*#__PURE__*/styled(Title).withConfig({
+  displayName: "StyledTitle",
+  componentId: "core-11_23_0__sc-1lxbrwv-5"
+})(["width:100%;"]);
 //# sourceMappingURL=Section.styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Section.styles.js","sourceRoot":"","sources":["../../src/Section/Section.styles.ts"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAA;AACnD,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAA;AACtC,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAA;AAC1C,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAA;AAE5C,MAAM,CAAC,IAAM,kBAAkB,GAAG,MAAM,CAAC,GAAG,qEAAA,EAAE,IAAA,CAAA;AAE9C,MAAM,CAAC,IAAM,4BAA4B,GAAG,MAAM,CAAC,GAAG,2HAAA,+CAEpC,EAAU,OAC3B,KADiB,OAAO,CAAC,EAAE,CAC3B,CAAA;AAED,MAAM,CAAC,IAAM,iBAAiB,GAAG;IAC/B,MAAM,EAAE,iBAAiB;IACzB,cAAc,EAAE,qBAAqB;IACrC,KAAK,EAAE,UAAC,GAAW,IAAK,OAAA,yBAAkB,GAAG,CAAE,EAAvB,CAAuB;CAChD,CAAA;AAED,MAAM,CAAC,IAAM,aAAa,GAAG,MAAM,CAAC,GAAG,80BAAA,oBACrB,EAAU,wBACT,EAAU,yBACT,EAAU,eAEtB,EAAkB,uBACP,EAAU,2CAIvB,EAAwB,cACpB,EAAkB,kCACE,EAAa,6EAKvB,EAAkB,iKAShB,EAAkB,kCACV,EAAa,kIASvC,EAAa,sCACI,EAAe,sEAIhC,EAAa,6BACE,EAAU,YAE5B,KA3CiB,OAAO,CAAC,EAAE,EACT,OAAO,CAAC,EAAE,EACT,OAAO,CAAC,EAAE,EAEtB,kBAAkB,EACP,OAAO,CAAC,EAAE,EAIvB,iBAAiB,CAAC,MAAM,EACpB,kBAAkB,EACE,MAAM,CAAC,MAAM,EAKvB,kBAAkB,EAShB,kBAAkB,EACV,MAAM,CAAC,MAAM,EASvC,aAAa,EACI,OAAO,CAAC,EAAE,GAAG,CAAC,CAAC,EAIhC,aAAa,EACE,OAAO,CAAC,EAAE,CAE5B,CAAA;AAED,MAAM,CAAC,IAAM,0BAA0B,GAAG,MAAM,CAAC,GAAG,waAGlD,4CAEkB,EAAU,WAE1B,EAKC,QAED,EAIC,+GAMQ,EAAa,MAAO,EAAa,uBAC3B,EAAU,qFAIzB,EAAa,GAAI,EAAa,kDAGjC,KA3BmB,OAAO,CAAC,EAAE,EAE1B,UAAC,EAAW;QAAT,OAAO,aAAA;IACV,OAAA,OAAO,IACP,GAAG,4HAAA,yDAGF,IAAA;AAJD,CAIC,EAED,UAAC,EAAa;QAAX,SAAS,eAAA;IACZ,OAAA,SAAS,IACT,GAAG,kGAAA,+BAEF,IAAA;AAHD,CAGC,EAMQ,aAAa,EAAO,aAAa,EAC3B,OAAO,CAAC,EAAE,EAIzB,aAAa,EAAI,aAAa,CAGjC,CAAA;AAED,MAAM,CAAC,IAAM,mBAAmB,GAAG,MAAM,CAAC,GAAG,4aAAA,yWAS5C,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,WAAW,GAAG,MAAM,CAAC,KAAK,CAAC,uFAAA,oBAEvC,IAAA,CAAA"}
+{"version":3,"file":"Section.styles.js","names":["styled","css","StyledFormRow","Title","colors","spacing","StyledSectionInner","div","withConfig","displayName","componentId","StyledSectionCollapseHeading","sm","sectionClassnames","divide","levelAnonymous","level","num","concat","StyledSection","xl","gray85","xs","StyledSectionContentRegion","_ref","$closed","_ref2","$noHeader","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 { spacing } from '../_styles/spacing'\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.xl}px;\n  padding-right: ${spacing.xl}px;\n  padding-bottom: ${spacing.xl}px;\n\n  & > ${StyledSectionInner} {\n    padding-top: ${spacing.xl}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.xl * -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: 20px;\n  padding-bottom: ${spacing.sm}px;\n\n  ${({ $closed }) =>\n    $closed &&\n    css`\n      padding-top: 0;\n      padding-bottom: 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,OAAO,QAAQ,oBAAoB;AAE5C,OAAO,IAAMC,kBAAkB,gBAAGN,MAAM,CAACO,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,QAAE;AAE9C,OAAO,IAAMC,4BAA4B,gBAAGX,MAAM,CAACO,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,mDAEpCL,OAAO,CAACO,EAAE,CAC3B;AAED,OAAO,IAAMC,iBAAiB,GAAG;EAC/BC,MAAM,EAAE,iBAAiB;EACzBC,cAAc,EAAE,qBAAqB;EACrCC,KAAK,EAAE,SAAAA,MAACC,GAAW;IAAA,yBAAAC,MAAA,CAAuBD,GAAG;EAAA;AAC/C,CAAC;AAED,OAAO,IAAME,aAAa,gBAAGnB,MAAM,CAACO,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,8WACrBL,OAAO,CAACe,EAAE,EACTf,OAAO,CAACe,EAAE,EACTf,OAAO,CAACe,EAAE,EAEtBd,kBAAkB,EACPD,OAAO,CAACe,EAAE,EAIvBP,iBAAiB,CAACC,MAAM,EACpBR,kBAAkB,EACEF,MAAM,CAACiB,MAAM,EAKvBf,kBAAkB,EAShBA,kBAAkB,EACVF,MAAM,CAACiB,MAAM,EASvCnB,aAAa,EACIG,OAAO,CAACe,EAAE,GAAG,CAAC,CAAC,EAIhClB,aAAa,EACEG,OAAO,CAACiB,EAAE,CAE5B;AAED,OAAO,IAAMC,0BAA0B,gBAAGvB,MAAM,CAACO,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,+IAKhCL,OAAO,CAACO,EAAE,EAE1B,UAAAY,IAAA;EAAA,IAAGC,OAAO,GAAAD,IAAA,CAAPC,OAAO;EAAA,OACVA,OAAO,IACPxB,GAAG,qCAGF;AAAA,GAED,UAAAyB,KAAA;EAAA,IAAGC,SAAS,GAAAD,KAAA,CAATC,SAAS;EAAA,OACZA,SAAS,IACT1B,GAAG,oBAEF;AAAA,GAMQkB,aAAa,EAAOA,aAAa,EAC3Bd,OAAO,CAACe,EAAE,EAIzBD,aAAa,EAAIA,aAAa,CAGjC;AAED,OAAO,IAAMS,mBAAmB,gBAAG5B,MAAM,CAACO,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,8EAS5C;AAED,OAAO,IAAMmB,WAAW,gBAAG7B,MAAM,CAACG,KAAK,CAAC,CAAAK,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,mBAEvC"}

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

@@ -1 +1 @@
-{"version":3,"file":"Section.types.js","sourceRoot":"","sources":["../../src/Section/Section.types.ts"],"names":[],"mappings":""}
+{"version":3,"file":"Section.types.js","names":[],"sources":["../../src/Section/Section.types.ts"],"sourcesContent":["import React from 'react'\nimport { 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   * @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":""}

package/dist/Section/index.js.map

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

package/dist/SegmentedController/SegmentedController.js

@@ -1,25 +1,22 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+var _excluded = ["aria-label", "aria-labelledby", "children", "block", "disabled", "onChange"],
+  _excluded2 = ["active", "children", "placement", "tooltip", "disabled", "value", "internalIndex"],
+  _excluded3 = ["children", "overlay"],
+  _excluded4 = ["children"];
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import { useFocusRing } from '@react-aria/focus';
 import { useRadio, useRadioGroup } from '@react-aria/radio';
 import { mergeProps, useId } from '@react-aria/utils';
@@ -28,70 +25,96 @@ import React from 'react';
 import { useRadioGroupState } from 'react-stately';
 import { Tooltip as TooltipBase } from '../Tooltip/Tooltip';
 import { addSubcomponents } from '../_utils/addSubcomponents';
-import { StyledContainer, StyledLabel, StyledSegment, StyledSegmentDisabledInteractiveWrapper, } from './SegmentedController.styles';
+import { StyledContainer, StyledLabel, StyledSegment, StyledSegmentDisabledInteractiveWrapper } from './SegmentedController.styles';
 function isSegment(node) {
-    return (React.isValidElement(node) &&
-        node.type === Segment);
+  return /*#__PURE__*/React.isValidElement(node) && node.type === Segment;
 }
-var RadioButtonContext = React.createContext(null);
-var SegmentedController_ = React.forwardRef(function SegmentedController(_a, ref) {
-    var 
-    // TODO make label props required in type?
-    // React Aria logs warnings without 1 of 2. Axe does not fail
-    ariaLabel = _a["aria-label"], ariaLabelledby = _a["aria-labelledby"], children = _a.children, _b = _a.block, block = _b === void 0 ? false : _b, disabled = _a.disabled, onChange = _a.onChange, props = __rest(_a, ['aria-label', 'aria-labelledby', "children", "block", "disabled", "onChange"]);
-    var name = useId();
-    var radioGroupState = useRadioGroupState({
-        name: name,
-        isDisabled: disabled,
-        onChange: function (rawValue) {
-            var num = Number(rawValue);
-            var value = !isNaN(num) ? num : rawValue;
-            onChange === null || onChange === void 0 ? void 0 : onChange(value);
-        },
+var RadioButtonContext = /*#__PURE__*/React.createContext(null);
+var SegmentedController_ = /*#__PURE__*/React.forwardRef(function SegmentedController(_ref, ref) {
+  var ariaLabel = _ref['aria-label'],
+    ariaLabelledby = _ref['aria-labelledby'],
+    children = _ref.children,
+    _ref$block = _ref.block,
+    block = _ref$block === void 0 ? false : _ref$block,
+    disabled = _ref.disabled,
+    _onChange = _ref.onChange,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var name = useId();
+  var radioGroupState = useRadioGroupState({
+    name: name,
+    isDisabled: disabled,
+    onChange: function onChange(rawValue) {
+      var num = Number(rawValue);
+      var value = !isNaN(num) ? num : rawValue;
+      _onChange === null || _onChange === void 0 ? void 0 : _onChange(value);
+    }
+  });
+  var _useRadioGroup = useRadioGroup({
+      'aria-label': ariaLabel,
+      'aria-labelledby': ariaLabelledby,
+      orientation: 'horizontal'
+    }, radioGroupState),
+    radioGroupProps = _useRadioGroup.radioGroupProps;
+  return /*#__PURE__*/React.createElement(StyledContainer, _extends({
+    ref: ref,
+    block: block
+  }, radioGroupProps, props), /*#__PURE__*/React.createElement(RadioButtonContext.Provider, {
+    value: radioGroupState
+  }, React.Children.toArray(children).filter(function (child) {
+    return isSegment(child);
+  }).map(function (child, index) {
+    return /*#__PURE__*/React.cloneElement(child, {
+      internalIndex: index
     });
-    var radioGroupProps = useRadioGroup({
-        'aria-label': ariaLabel,
-        'aria-labelledby': ariaLabelledby,
-        orientation: 'horizontal',
-    }, radioGroupState).radioGroupProps;
-    return (React.createElement(StyledContainer, __assign({ ref: ref, block: block }, radioGroupProps, props),
-        React.createElement(RadioButtonContext.Provider, { value: radioGroupState }, React.Children.toArray(children)
-            .filter(function (child) { return isSegment(child); })
-            .map(function (child, index) {
-            return React.cloneElement(child, {
-                internalIndex: index,
-            });
-        }))));
+  })));
 });
-export var Segment = React.forwardRef(function Segment(_a, ref) {
-    var active = _a.active, children = _a.children, _b = _a.placement, placement = _b === void 0 ? 'top' : _b, tooltip = _a.tooltip, disabled = _a.disabled, value = _a.value, internalIndex = _a.internalIndex, props = __rest(_a, ["active", "children", "placement", "tooltip", "disabled", "value", "internalIndex"]);
-    var adjustedValue = String(value !== null && value !== void 0 ? value : internalIndex);
-    var state = React.useContext(RadioButtonContext);
-    var adjustedState = React.useMemo(function () {
-        var _a;
-        return (_a = state) !== null && _a !== void 0 ? _a : {};
-    }, [state]);
-    var innerRef = React.useRef(null);
-    var actualRef = ref !== null && ref !== void 0 ? ref : innerRef;
-    var _c = useRadio({
-        isDisabled: disabled !== null && disabled !== void 0 ? disabled : adjustedState.isDisabled,
-        value: adjustedValue,
-        children: children,
+export var Segment = /*#__PURE__*/React.forwardRef(function Segment(_ref2, ref) {
+  var active = _ref2.active,
+    children = _ref2.children,
+    _ref2$placement = _ref2.placement,
+    placement = _ref2$placement === void 0 ? 'top' : _ref2$placement,
+    tooltip = _ref2.tooltip,
+    disabled = _ref2.disabled,
+    value = _ref2.value,
+    internalIndex = _ref2.internalIndex,
+    props = _objectWithoutProperties(_ref2, _excluded2);
+  var adjustedValue = String(value !== null && value !== void 0 ? value : internalIndex);
+  var state = React.useContext(RadioButtonContext);
+  var adjustedState = React.useMemo(function () {
+    var _ref3;
+    return (_ref3 = state) !== null && _ref3 !== void 0 ? _ref3 : {};
+  }, [state]);
+  var innerRef = React.useRef(null);
+  var actualRef = ref !== null && ref !== void 0 ? ref : innerRef;
+  var _useRadio = useRadio({
+      isDisabled: disabled !== null && disabled !== void 0 ? disabled : adjustedState.isDisabled,
+      value: adjustedValue,
+      children: children
     }, adjustedState, actualRef // TODO fix polymorphic ref type
-    ), inputProps = _c.inputProps, isSelected = _c.isSelected, isDisabled = _c.isDisabled;
-    var _d = useFocusRing(), focusProps = _d.focusProps, isFocusVisible = _d.isFocusVisible;
-    React.useEffect(function () {
-        if (active) {
-            adjustedState.setSelectedValue(adjustedValue);
-        }
-    }, [active, adjustedState, adjustedValue]);
-    return (React.createElement(Tooltip, { overlay: tooltip, placement: placement },
-        React.createElement(StyledSegmentDisabledInteractiveWrapper, null,
-            React.createElement(StyledSegment, { "$focused": isFocusVisible, "$disabled": isDisabled, "$active": active || isSelected },
-                React.createElement(VisuallyHidden, null,
-                    React.createElement("input", __assign({}, mergeProps(props, inputProps, focusProps), { ref: actualRef }))),
-                React.createElement(StyledLabel, null, children)))));
+    ),
+    inputProps = _useRadio.inputProps,
+    isSelected = _useRadio.isSelected,
+    isDisabled = _useRadio.isDisabled;
+  var _useFocusRing = useFocusRing(),
+    focusProps = _useFocusRing.focusProps,
+    isFocusVisible = _useFocusRing.isFocusVisible;
+  React.useEffect(function () {
+    if (active) {
+      adjustedState.setSelectedValue(adjustedValue);
+    }
+  }, [active, adjustedState, adjustedValue]);
+  return /*#__PURE__*/React.createElement(Tooltip, {
+    overlay: tooltip,
+    placement: placement
+  }, /*#__PURE__*/React.createElement(StyledSegmentDisabledInteractiveWrapper, null, /*#__PURE__*/React.createElement(StyledSegment, {
+    $focused: isFocusVisible,
+    $disabled: isDisabled,
+    $active: active || isSelected
+  }, /*#__PURE__*/React.createElement(VisuallyHidden, null, /*#__PURE__*/React.createElement("input", _extends({}, mergeProps(props, inputProps, focusProps), {
+    ref: actualRef
+  }))), /*#__PURE__*/React.createElement(StyledLabel, null, children))));
 });
+
 /**
  * @deprecated
  *
@@ -125,14 +148,31 @@ export var Segment = React.forwardRef(function Segment(_a, ref) {
  *
  * @deprecatedSince 10.20.0
  */
-export var Tooltip = React.forwardRef(function Tooltip(_a, ref) {
-    var children = _a.children, overlay = _a.overlay, props = __rest(_a, ["children", "overlay"]);
-    return overlay ? (React.createElement(TooltipBase, __assign({}, props, { overlay: overlay, ref: ref, trigger: "hover" }), children)) : (React.createElement(React.Fragment, null, children));
+export var Tooltip = /*#__PURE__*/React.forwardRef(function Tooltip(_ref4, ref) {
+  var children = _ref4.children,
+    overlay = _ref4.overlay,
+    props = _objectWithoutProperties(_ref4, _excluded3);
+  return overlay ? /*#__PURE__*/React.createElement(TooltipBase, _extends({}, props, {
+    overlay: overlay,
+    ref: ref,
+    trigger: "hover"
+  }), children) : /*#__PURE__*/React.createElement(React.Fragment, null, children);
 });
-var withState = function (config) { return function (Component) { return function (props) {
-    var _a = React.useState(0), selectedIndex = _a[0], setSelected = _a[1];
-    return React.createElement(Component, __assign({}, __assign(__assign({}, props), { selectedIndex: selectedIndex, setSelected: setSelected })));
-}; }; };
+var withState = function withState(config) {
+  return function (Component) {
+    return function (props) {
+      var _React$useState = React.useState(0),
+        _React$useState2 = _slicedToArray(_React$useState, 2),
+        selectedIndex = _React$useState2[0],
+        setSelected = _React$useState2[1];
+      return /*#__PURE__*/React.createElement(Component, _objectSpread(_objectSpread({}, props), {}, {
+        selectedIndex: selectedIndex,
+        setSelected: setSelected
+      }));
+    };
+  };
+};
+
 /**
  * @deprecated
  *
@@ -168,13 +208,15 @@ var withState = function (config) { return function (Component) { return functio
  *
  * @deprecatedSince 10.20.0
  */
-export var State = withState({})(function (_a) {
-    var children = _a.children, props = __rest(_a, ["children"]);
-    return children(props);
+export var State = withState({})(function (_ref5) {
+  var children = _ref5.children,
+    props = _objectWithoutProperties(_ref5, _excluded4);
+  return children(props);
 });
 SegmentedController_.displayName = 'SegmentedController';
 Segment.displayName = 'SegmentedController.Segment';
 Tooltip.displayName = 'SegmentedController.Tooltip';
+
 /**
 
  Segmented controllers allow users to switch between related but mutually
@@ -188,8 +230,8 @@ Tooltip.displayName = 'SegmentedController.Tooltip';
 
  */
 export var SegmentedController = addSubcomponents({
-    Segment: Segment,
-    State: State,
-    Tooltip: Tooltip,
+  Segment: Segment,
+  State: State,
+  Tooltip: Tooltip
 }, SegmentedController_);
 //# sourceMappingURL=SegmentedController.js.map

package/dist/SegmentedController/SegmentedController.js.map

@@ -1 +1 @@
-{"version":3,"file":"SegmentedController.js","sourceRoot":"","sources":["../../src/SegmentedController/SegmentedController.tsx"],"names":[],"mappings":"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"}
+{"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","RadioButtonContext","createContext","SegmentedController_","forwardRef","SegmentedController","_ref","ref","ariaLabel","ariaLabelledby","children","_ref$block","block","disabled","onChange","props","_objectWithoutProperties","_excluded","name","radioGroupState","isDisabled","rawValue","num","Number","value","isNaN","_useRadioGroup","orientation","radioGroupProps","createElement","_extends","Provider","Children","toArray","filter","child","map","index","cloneElement","internalIndex","_ref2","active","_ref2$placement","placement","tooltip","_excluded2","adjustedValue","String","state","useContext","adjustedState","useMemo","_ref3","innerRef","useRef","actualRef","_useRadio","inputProps","isSelected","_useFocusRing","focusProps","isFocusVisible","useEffect","setSelectedValue","overlay","$focused","$disabled","$active","_ref4","_excluded3","trigger","Fragment","withState","config","Component","_React$useState","useState","_React$useState2","_slicedToArray","selectedIndex","setSelected","_objectSpread","State","_ref5","_excluded4","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 { RadioGroupState, 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 {\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\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\nexport const Segment = React.forwardRef<\n  HTMLInputElement,\n  React.InputHTMLAttributes<HTMLInputElement> & SegmentedControllerSegmentProps\n>(function Segment(\n  {\n    active,\n    children,\n    placement = 'top',\n    tooltip,\n    disabled,\n    value,\n    internalIndex,\n    ...props\n  },\n  ref\n) {\n  const adjustedValue = String(value ?? internalIndex)\n  const state = React.useContext(RadioButtonContext)\n  const adjustedState = React.useMemo(() => {\n    return state! ?? {}\n  }, [state])\n\n  const innerRef = React.useRef<HTMLInputElement>(null)\n  const actualRef = ref ?? innerRef\n  const { inputProps, isSelected, isDisabled } = useRadio(\n    {\n      isDisabled: disabled ?? adjustedState.isDisabled,\n      value: adjustedValue as string,\n      children,\n    },\n    adjustedState,\n    actualRef as any // TODO fix polymorphic ref type\n  )\n  const { focusProps, isFocusVisible } = useFocusRing()\n\n  React.useEffect(() => {\n    if (active) {\n      adjustedState.setSelectedValue(adjustedValue)\n    }\n  }, [active, adjustedState, adjustedValue])\n\n  return (\n    <Tooltip overlay={tooltip} placement={placement}>\n      <StyledSegmentDisabledInteractiveWrapper>\n        <StyledSegment\n          $focused={isFocusVisible}\n          $disabled={isDisabled}\n          $active={active || 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/**\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} trigger=\"hover\">\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://procore.github.io/core/core-react/latest/?path=/story/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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"}

package/dist/SegmentedController/SegmentedController.styles.js

@@ -1,37 +1,46 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
 import styled, { css } from 'styled-components';
 import { getTypographyIntent } from '../Typography/Typography.styles';
 import { borderRadius } from '../_styles/borderRadius';
 import { colors } from '../_styles/colors';
 import { spacing } from '../_styles/spacing';
-export var StyledContainer = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  align-items: center;\n  display: ", ";\n  height: 36px;\n  justify-content: center;\n  width: ", ";\n"], ["\n  align-items: center;\n  display: ", ";\n  height: 36px;\n  justify-content: center;\n  width: ", ";\n"])), function (_a) {
-    var block = _a.block;
-    return (block ? 'flex' : 'inline-flex');
-}, function (_a) {
-    var block = _a.block;
-    return (block ? '100%' : null);
+export var StyledContainer = /*#__PURE__*/styled.div.withConfig({
+  displayName: "StyledContainer",
+  componentId: "core-11_23_0__sc-ocai3-0"
+})(["align-items:center;display:", ";height:36px;justify-content:center;width:", ";"], function (_ref) {
+  var block = _ref.block;
+  return block ? 'flex' : 'inline-flex';
+}, function (_ref2) {
+  var block = _ref2.block;
+  return block ? '100%' : null;
 });
-export var StyledSegment = styled.label(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  align-items: center;\n  border-radius: 0;\n  border: 1px solid ", ";\n  cursor: pointer;\n  display: flex;\n  flex: 1 1 auto;\n  height: 100%;\n  justify-content: center;\n  min-width: 0;\n  outline: 0;\n  padding: 0 ", "px;\n  position: relative;\n  background-color: ", ";\n  color: ", ";\n\n  &:hover {\n    background-color: ", ";\n    border-color: ", ";\n    color: ", ";\n  }\n\n  ", "\n\n  ", ";\n"], ["\n  align-items: center;\n  border-radius: 0;\n  border: 1px solid ", ";\n  cursor: pointer;\n  display: flex;\n  flex: 1 1 auto;\n  height: 100%;\n  justify-content: center;\n  min-width: 0;\n  outline: 0;\n  padding: 0 ", "px;\n  position: relative;\n  background-color: ", ";\n  color: ", ";\n\n  &:hover {\n    background-color: ", ";\n    border-color: ", ";\n    color: ", ";\n  }\n\n  ", "\n\n  ", ";\n"])), colors.gray85, spacing.md, colors.white, colors.gray45, colors.gray94, colors.gray85, colors.gray45, function (_a) {
-    var _b = _a.$focused, $focused = _b === void 0 ? false : _b;
-    if ($focused) {
-        return css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n        border-color: ", ";\n        box-shadow: 0 0 0 1px ", ";\n        z-index: 1;\n      "], ["\n        border-color: ", ";\n        box-shadow: 0 0 0 1px ", ";\n        z-index: 1;\n      "])), colors.blue40, colors.blue40);
-    }
-}, function (_a) {
-    var _b = _a.$disabled, $disabled = _b === void 0 ? false : _b, _c = _a.$active, $active = _c === void 0 ? false : _c;
-    if ($disabled && $active) {
-        return css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n        &,\n        &:hover,\n        &:disabled {\n          background-color: ", ";\n          border-color: ", ";\n          color: ", ";\n          pointer-events: none;\n        }\n      "], ["\n        &,\n        &:hover,\n        &:disabled {\n          background-color: ", ";\n          border-color: ", ";\n          color: ", ";\n          pointer-events: none;\n        }\n      "])), colors.gray85, colors.gray85, colors.white);
-    }
-    else if ($disabled) {
-        return css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n        &,\n        &:hover,\n        &:disabled {\n          background-color: ", ";\n          border-color: ", ";\n          color: ", ";\n          pointer-events: none;\n      "], ["\n        &,\n        &:hover,\n        &:disabled {\n          background-color: ", ";\n          border-color: ", ";\n          color: ", ";\n          pointer-events: none;\n      "])), colors.white, colors.gray85, colors.gray85);
-    }
-    else if ($active) {
-        return css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n        &,\n        &:hover {\n          background-color: ", ";\n          border-color: ", ";\n          color: ", ";\n        }\n      "], ["\n        &,\n        &:hover {\n          background-color: ", ";\n          border-color: ", ";\n          color: ", ";\n        }\n      "])), colors.blue50, colors.blue50, colors.white);
-    }
+export var StyledSegment = /*#__PURE__*/styled.label.withConfig({
+  displayName: "StyledSegment",
+  componentId: "core-11_23_0__sc-ocai3-1"
+})(["align-items:center;border-radius:0;border:1px solid ", ";cursor:pointer;display:flex;flex:1 1 auto;height:100%;justify-content:center;min-width:0;outline:0;padding:0 ", "px;position:relative;background-color:", ";color:", ";&:hover{background-color:", ";border-color:", ";color:", ";}", " ", ";"], colors.gray85, spacing.md, colors.white, colors.gray45, colors.gray94, colors.gray85, colors.gray45, function (_ref3) {
+  var _ref3$$focused = _ref3.$focused,
+    $focused = _ref3$$focused === void 0 ? false : _ref3$$focused;
+  if ($focused) {
+    return css(["border-color:", ";box-shadow:0 0 0 1px ", ";z-index:1;"], colors.blue40, colors.blue40);
+  }
+}, function (_ref4) {
+  var _ref4$$disabled = _ref4.$disabled,
+    $disabled = _ref4$$disabled === void 0 ? false : _ref4$$disabled,
+    _ref4$$active = _ref4.$active,
+    $active = _ref4$$active === void 0 ? false : _ref4$$active;
+  if ($disabled && $active) {
+    return css(["&,&:hover,&:disabled{background-color:", ";border-color:", ";color:", ";pointer-events:none;}"], colors.gray85, colors.gray85, colors.white);
+  } else if ($disabled) {
+    return css(["&,&:hover,&:disabled{background-color:", ";border-color:", ";color:", ";pointer-events:none;"], colors.white, colors.gray85, colors.gray85);
+  } else if ($active) {
+    return css(["&,&:hover{background-color:", ";border-color:", ";color:", ";}"], colors.blue50, colors.blue50, colors.white);
+  }
 });
-export var StyledSegmentDisabledInteractiveWrapper = styled.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  display: flex;\n  flex: 1 1 auto;\n  min-width: 0;\n  height: 100%;\n  margin-right: -1px;\n\n  &:first-child ", " {\n    border-bottom-left-radius: ", "px;\n    border-top-left-radius: ", "px;\n  }\n\n  &:last-child ", " {\n    border-bottom-right-radius: ", "px;\n    border-top-right-radius: ", "px;\n  }\n"], ["\n  display: flex;\n  flex: 1 1 auto;\n  min-width: 0;\n  height: 100%;\n  margin-right: -1px;\n\n  &:first-child ", " {\n    border-bottom-left-radius: ", "px;\n    border-top-left-radius: ", "px;\n  }\n\n  &:last-child ", " {\n    border-bottom-right-radius: ", "px;\n    border-top-right-radius: ", "px;\n  }\n"])), StyledSegment, borderRadius.md, borderRadius.md, StyledSegment, borderRadius.md, borderRadius.md);
-export var StyledLabel = styled.span(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  ", ";\n\n  display: block;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n"], ["\n  ", ";\n\n  display: block;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n"])), getTypographyIntent('body'));
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8;
+export var StyledSegmentDisabledInteractiveWrapper = /*#__PURE__*/styled.div.withConfig({
+  displayName: "StyledSegmentDisabledInteractiveWrapper",
+  componentId: "core-11_23_0__sc-ocai3-2"
+})(["display:flex;flex:1 1 auto;min-width:0;height:100%;margin-right:-1px;&:first-child ", "{border-bottom-left-radius:", "px;border-top-left-radius:", "px;}&:last-child ", "{border-bottom-right-radius:", "px;border-top-right-radius:", "px;}"], StyledSegment, borderRadius.md, borderRadius.md, StyledSegment, borderRadius.md, borderRadius.md);
+export var StyledLabel = /*#__PURE__*/styled.span.withConfig({
+  displayName: "StyledLabel",
+  componentId: "core-11_23_0__sc-ocai3-3"
+})(["", ";display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;"], getTypographyIntent('body'));
 //# sourceMappingURL=SegmentedController.styles.js.map

package/dist/SegmentedController/SegmentedController.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"SegmentedController.styles.js","sourceRoot":"","sources":["../../src/SegmentedController/SegmentedController.styles.ts"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EAAE,mBAAmB,EAAE,MAAM,iCAAiC,CAAA;AACrE,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAA;AACtD,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAA;AAC1C,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAA;AAE5C,MAAM,CAAC,IAAM,eAAe,GAAG,MAAM,CAAC,GAAG,8KAAqB,uCAEjD,EAA+C,2DAGjD,EAAsC,KAChD,KAJY,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,aAAa,CAAC;AAAhC,CAAgC,EAGjD,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC;AAAvB,CAAuB,CAChD,CAAA;AAED,MAAM,CAAC,IAAM,aAAa,GAAG,MAAM,CAAC,KAAK,8dAIvC,qEAGoB,EAAa,wJAQpB,EAAU,kDAEH,EAAY,cACvB,EAAa,0CAGA,EAAa,uBACjB,EAAa,gBACpB,EAAa,cAGtB,EAQD,QAEC,EAgCD,KACF,KA9DqB,MAAM,CAAC,MAAM,EAQpB,OAAO,CAAC,EAAE,EAEH,MAAM,CAAC,KAAK,EACvB,MAAM,CAAC,MAAM,EAGA,MAAM,CAAC,MAAM,EACjB,MAAM,CAAC,MAAM,EACpB,MAAM,CAAC,MAAM,EAGtB,UAAC,EAAoB;QAAlB,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA;IACnB,IAAI,QAAQ,EAAE;QACZ,OAAO,GAAG,oKAAA,0BACQ,EAAa,mCACL,EAAa,gCAEtC,KAHiB,MAAM,CAAC,MAAM,EACL,MAAM,CAAC,MAAM,EAEtC;KACF;AACH,CAAC,EAEC,UAAC,EAAsC;QAApC,iBAAiB,EAAjB,SAAS,mBAAG,KAAK,KAAA,EAAE,eAAe,EAAf,OAAO,mBAAG,KAAK,KAAA;IACrC,IAAI,SAAS,IAAI,OAAO,EAAE;QACxB,OAAO,GAAG,uQAAA,oFAIc,EAAa,6BACjB,EAAa,sBACpB,EAAY,uDAGxB,KALuB,MAAM,CAAC,MAAM,EACjB,MAAM,CAAC,MAAM,EACpB,MAAM,CAAC,KAAK,EAGxB;KACF;SAAM,IAAI,SAAS,EAAE;QACpB,OAAO,GAAG,4PAAA,oFAIc,EAAY,6BAChB,EAAa,sBACpB,EAAa,4CAEzB,KAJuB,MAAM,CAAC,KAAK,EAChB,MAAM,CAAC,MAAM,EACpB,MAAM,CAAC,MAAM,EAEzB;KACF;SAAM,IAAI,OAAO,EAAE;QAClB,OAAO,GAAG,iNAAA,+DAGc,EAAa,6BACjB,EAAa,sBACpB,EAAY,sBAExB,KAJuB,MAAM,CAAC,MAAM,EACjB,MAAM,CAAC,MAAM,EACpB,MAAM,CAAC,KAAK,EAExB;KACF;AACH,CAAC,CACF,CAAA;AAED,MAAM,CAAC,IAAM,uCAAuC,GAAG,MAAM,CAAC,GAAG,8XAAA,oHAO/C,EAAa,qCACE,EAAe,mCAClB,EAAe,6BAG5B,EAAa,sCACI,EAAe,oCAClB,EAAe,YAE7C,KATiB,aAAa,EACE,YAAY,CAAC,EAAE,EAClB,YAAY,CAAC,EAAE,EAG5B,aAAa,EACI,YAAY,CAAC,EAAE,EAClB,YAAY,CAAC,EAAE,CAE7C,CAAA;AAED,MAAM,CAAC,IAAM,WAAW,GAAG,MAAM,CAAC,IAAI,8KAAA,MAClC,EAA2B,mGAM9B,KANG,mBAAmB,CAAC,MAAM,CAAC,CAM9B,CAAA"}
+{"version":3,"file":"SegmentedController.styles.js","names":["styled","css","getTypographyIntent","borderRadius","colors","spacing","StyledContainer","div","withConfig","displayName","componentId","_ref","block","_ref2","StyledSegment","label","gray85","md","white","gray45","gray94","_ref3","_ref3$$focused","$focused","blue40","_ref4","_ref4$$disabled","$disabled","_ref4$$active","$active","blue50","StyledSegmentDisabledInteractiveWrapper","StyledLabel","span"],"sources":["../../src/SegmentedController/SegmentedController.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { getTypographyIntent } from '../Typography/Typography.styles'\nimport { borderRadius } from '../_styles/borderRadius'\nimport { colors } from '../_styles/colors'\nimport { spacing } from '../_styles/spacing'\n\nexport const StyledContainer = styled.div<{ block?: boolean }>`\n  align-items: center;\n  display: ${({ block }) => (block ? 'flex' : 'inline-flex')};\n  height: 36px;\n  justify-content: center;\n  width: ${({ block }) => (block ? '100%' : null)};\n`\n\nexport const StyledSegment = styled.label<{\n  $disabled: boolean\n  $focused: boolean\n  $active: boolean\n}>`\n  align-items: center;\n  border-radius: 0;\n  border: 1px solid ${colors.gray85};\n  cursor: pointer;\n  display: flex;\n  flex: 1 1 auto;\n  height: 100%;\n  justify-content: center;\n  min-width: 0;\n  outline: 0;\n  padding: 0 ${spacing.md}px;\n  position: relative;\n  background-color: ${colors.white};\n  color: ${colors.gray45};\n\n  &:hover {\n    background-color: ${colors.gray94};\n    border-color: ${colors.gray85};\n    color: ${colors.gray45};\n  }\n\n  ${({ $focused = false }) => {\n    if ($focused) {\n      return css`\n        border-color: ${colors.blue40};\n        box-shadow: 0 0 0 1px ${colors.blue40};\n        z-index: 1;\n      `\n    }\n  }}\n\n  ${({ $disabled = false, $active = false }) => {\n    if ($disabled && $active) {\n      return css`\n        &,\n        &:hover,\n        &:disabled {\n          background-color: ${colors.gray85};\n          border-color: ${colors.gray85};\n          color: ${colors.white};\n          pointer-events: none;\n        }\n      `\n    } else if ($disabled) {\n      return css`\n        &,\n        &:hover,\n        &:disabled {\n          background-color: ${colors.white};\n          border-color: ${colors.gray85};\n          color: ${colors.gray85};\n          pointer-events: none;\n      `\n    } else if ($active) {\n      return css`\n        &,\n        &:hover {\n          background-color: ${colors.blue50};\n          border-color: ${colors.blue50};\n          color: ${colors.white};\n        }\n      `\n    }\n  }};\n`\n\nexport const StyledSegmentDisabledInteractiveWrapper = styled.div`\n  display: flex;\n  flex: 1 1 auto;\n  min-width: 0;\n  height: 100%;\n  margin-right: -1px;\n\n  &:first-child ${StyledSegment} {\n    border-bottom-left-radius: ${borderRadius.md}px;\n    border-top-left-radius: ${borderRadius.md}px;\n  }\n\n  &:last-child ${StyledSegment} {\n    border-bottom-right-radius: ${borderRadius.md}px;\n    border-top-right-radius: ${borderRadius.md}px;\n  }\n`\n\nexport const StyledLabel = styled.span`\n  ${getTypographyIntent('body')};\n\n  display: block;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n`\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAC/C,SAASC,mBAAmB,QAAQ,iCAAiC;AACrE,SAASC,YAAY,QAAQ,yBAAyB;AACtD,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,SAASC,OAAO,QAAQ,oBAAoB;AAE5C,OAAO,IAAMC,eAAe,gBAAGN,MAAM,CAACO,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,uFAE5B,UAAAC,IAAA;EAAA,IAAGC,KAAK,GAAAD,IAAA,CAALC,KAAK;EAAA,OAAQA,KAAK,GAAG,MAAM,GAAG,aAAa;AAAA,CAAC,EAGjD,UAAAC,KAAA;EAAA,IAAGD,KAAK,GAAAC,KAAA,CAALD,KAAK;EAAA,OAAQA,KAAK,GAAG,MAAM,GAAG,IAAI;AAAA,CAAC,CAChD;AAED,OAAO,IAAME,aAAa,gBAAGd,MAAM,CAACe,KAAK,CAAAP,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,+SAOnBN,MAAM,CAACY,MAAM,EAQpBX,OAAO,CAACY,EAAE,EAEHb,MAAM,CAACc,KAAK,EACvBd,MAAM,CAACe,MAAM,EAGAf,MAAM,CAACgB,MAAM,EACjBhB,MAAM,CAACY,MAAM,EACpBZ,MAAM,CAACe,MAAM,EAGtB,UAAAE,KAAA,EAA0B;EAAA,IAAAC,cAAA,GAAAD,KAAA,CAAvBE,QAAQ;IAARA,QAAQ,GAAAD,cAAA,cAAG,KAAK,GAAAA,cAAA;EACnB,IAAIC,QAAQ,EAAE;IACZ,OAAOtB,GAAG,6DACQG,MAAM,CAACoB,MAAM,EACLpB,MAAM,CAACoB,MAAM;EAGzC;AACF,CAAC,EAEC,UAAAC,KAAA,EAA4C;EAAA,IAAAC,eAAA,GAAAD,KAAA,CAAzCE,SAAS;IAATA,SAAS,GAAAD,eAAA,cAAG,KAAK,GAAAA,eAAA;IAAAE,aAAA,GAAAH,KAAA,CAAEI,OAAO;IAAPA,OAAO,GAAAD,aAAA,cAAG,KAAK,GAAAA,aAAA;EACrC,IAAID,SAAS,IAAIE,OAAO,EAAE;IACxB,OAAO5B,GAAG,oGAIcG,MAAM,CAACY,MAAM,EACjBZ,MAAM,CAACY,MAAM,EACpBZ,MAAM,CAACc,KAAK;EAI3B,CAAC,MAAM,IAAIS,SAAS,EAAE;IACpB,OAAO1B,GAAG,mGAIcG,MAAM,CAACc,KAAK,EAChBd,MAAM,CAACY,MAAM,EACpBZ,MAAM,CAACY,MAAM;EAG5B,CAAC,MAAM,IAAIa,OAAO,EAAE;IAClB,OAAO5B,GAAG,qEAGcG,MAAM,CAAC0B,MAAM,EACjB1B,MAAM,CAAC0B,MAAM,EACpB1B,MAAM,CAACc,KAAK;EAG3B;AACF,CAAC,CACF;AAED,OAAO,IAAMa,uCAAuC,gBAAG/B,MAAM,CAACO,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,qPAO/CI,aAAa,EACEX,YAAY,CAACc,EAAE,EAClBd,YAAY,CAACc,EAAE,EAG5BH,aAAa,EACIX,YAAY,CAACc,EAAE,EAClBd,YAAY,CAACc,EAAE,CAE7C;AAED,OAAO,IAAMe,WAAW,gBAAGhC,MAAM,CAACiC,IAAI,CAAAzB,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,sFAClCR,mBAAmB,CAAC,MAAM,CAAC,CAM9B"}

package/dist/SegmentedController/SegmentedController.types.js

@@ -2,8 +2,8 @@
  * @deprecated Please use the `active` and `disabled` props
  */
 export var segmentedControllerSegmentVariant = {
-    active: 'active',
-    disabled: 'disabled',
-    none: '',
+  active: 'active',
+  disabled: 'disabled',
+  none: ''
 };
 //# sourceMappingURL=SegmentedController.types.js.map

package/dist/SegmentedController/SegmentedController.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"SegmentedController.types.js","sourceRoot":"","sources":["../../src/SegmentedController/SegmentedController.types.ts"],"names":[],"mappings":"AAGA;;GAEG;AACH,MAAM,CAAC,IAAM,iCAAiC,GAAG;IAC/C,MAAM,EAAE,QAAQ;IAChB,QAAQ,EAAE,UAAU;IACpB,IAAI,EAAE,EAAE;CACA,CAAA"}
+{"version":3,"file":"SegmentedController.types.js","names":["segmentedControllerSegmentVariant","active","disabled","none"],"sources":["../../src/SegmentedController/SegmentedController.types.ts"],"sourcesContent":["import React from 'react'\nimport { DivAttributes, Placement, Props } from '../_utils/types'\n\n/**\n * @deprecated Please use the `active` and `disabled` props\n */\nexport const segmentedControllerSegmentVariant = {\n  active: 'active',\n  disabled: 'disabled',\n  none: '',\n} as const\n\nexport interface SegmentedControllerProps\n  extends Props,\n    Omit<DivAttributes, 'onChange'> {\n  /**\n   * The segment is active\n   * @since 10.19.0\n   * */\n  active?: number\n\n  /**\n   * The segment controller is block sized\n   * @since 10.19.0\n   */\n  block?: boolean\n\n  /**\n   * Disables all segments in the controller\n   * @since 10.19.0\n   */\n  disabled?: boolean\n\n  /**\n   * A callback to be called when the radio group value changes\n   * @since 10.19.0\n   */\n  onChange?: (active: number) => void\n\n  /**\n   * @deprecated Please use the `block` prop\n   * @since 10.19.0\n   */\n  variant?: 'block' | ''\n}\n\nexport interface SegmentedControllerSegmentProps extends Props {\n  /**\n   * The segment is active\n   * @since 10.19.0\n   */\n  active?: boolean\n\n  /**\n   * Is the segment disabled\n   * @since 10.19.0\n   */\n  disabled?: boolean\n\n  /**\n   * To change the tooltip placement\n   * @since 10.19.0\n   */\n  placement?: Placement\n\n  /**\n   * The tooltip we want to display on hover\n   * @since 10.19.0\n   */\n  tooltip?: React.ReactNode\n\n  /**\n   * A number to be used as radio input value\n   * @internal\n   * @since 11.3.0\n   */\n  internalIndex?: number\n}\n\nexport interface SegmentedControllerTooltipProps extends Props {\n  /**\n   * @since 10.19.0\n   */\n  overlay?: any\n  /**\n   * @since 10.19.0\n   */\n  placement: Placement\n}\n"],"mappings":"AAGA;AACA;AACA;AACA,OAAO,IAAMA,iCAAiC,GAAG;EAC/CC,MAAM,EAAE,QAAQ;EAChBC,QAAQ,EAAE,UAAU;EACpBC,IAAI,EAAE;AACR,CAAU"}

package/dist/SegmentedController/index.js

@@ -1,2 +1,3 @@
 export { SegmentedController } from './SegmentedController';
+export { SegmentedControllerProps } from './SegmentedController.types';
 //# sourceMappingURL=index.js.map

package/dist/SegmentedController/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/SegmentedController/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA"}
+{"version":3,"file":"index.js","names":["SegmentedController","SegmentedControllerProps"],"sources":["../../src/SegmentedController/index.ts"],"sourcesContent":["export { SegmentedController } from './SegmentedController'\nexport { SegmentedControllerProps } from './SegmentedController.types'\n"],"mappings":"AAAA,SAASA,mBAAmB,QAAQ,uBAAuB;AAC3D,SAASC,wBAAwB,QAAQ,6BAA6B"}