@primer/react 38.40.2-rc.e319faf65 → 38.41.0-rc.27afe233f

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (162) hide show
  1. package/CHANGELOG.md +5 -1
  2. package/dist/ActionBar/ActionBar.js +30 -33
  3. package/dist/ActionList/Description.js +2 -2
  4. package/dist/ActionList/Divider.js +1 -1
  5. package/dist/ActionList/Group.js +12 -12
  6. package/dist/ActionList/GroupHeadingTrailingAction.js +1 -10
  7. package/dist/ActionList/Heading.js +1 -1
  8. package/dist/ActionList/Item.js +19 -19
  9. package/dist/ActionList/LinkItem.js +4 -4
  10. package/dist/ActionList/List.js +2 -2
  11. package/dist/ActionList/Selection.js +6 -6
  12. package/dist/ActionList/TrailingAction.js +3 -3
  13. package/dist/ActionList/Visuals.js +9 -9
  14. package/dist/ActionMenu/ActionMenu.js +8 -11
  15. package/dist/AnchoredOverlay/AnchoredOverlay.js +4 -4
  16. package/dist/Autocomplete/Autocomplete.js +3 -3
  17. package/dist/Autocomplete/AutocompleteInput.js +1 -1
  18. package/dist/Autocomplete/AutocompleteMenu.js +111 -106
  19. package/dist/Autocomplete/AutocompleteOverlay.js +2 -2
  20. package/dist/Avatar/Avatar.js +1 -1
  21. package/dist/AvatarStack/AvatarStack.js +3 -3
  22. package/dist/Banner/Banner.js +21 -21
  23. package/dist/BaseStyles.js +1 -1
  24. package/dist/Blankslate/Blankslate.js +10 -11
  25. package/dist/BranchName/BranchName.js +1 -1
  26. package/dist/Breadcrumbs/Breadcrumbs.js +20 -29
  27. package/dist/Button/Button.js +1 -1
  28. package/dist/Button/ButtonBase.js +8 -9
  29. package/dist/Button/IconButton.js +3 -3
  30. package/dist/Button/LinkButton.js +1 -1
  31. package/dist/ButtonGroup/ButtonGroup.js +2 -3
  32. package/dist/Card/Card.js +16 -16
  33. package/dist/Checkbox/Checkbox.js +1 -1
  34. package/dist/CheckboxGroup/CheckboxGroup.js +2 -2
  35. package/dist/CircleBadge/CircleBadge.js +2 -2
  36. package/dist/ConfirmationDialog/ConfirmationDialog.js +1 -5
  37. package/dist/CounterLabel/CounterLabel.js +2 -2
  38. package/dist/DataTable/DataTable.js +7 -8
  39. package/dist/DataTable/ErrorDialog.js +1 -1
  40. package/dist/DataTable/Pagination.js +23 -23
  41. package/dist/DataTable/Table.js +25 -27
  42. package/dist/DataTable/TableGroup.js +10 -10
  43. package/dist/Details/Details.js +2 -2
  44. package/dist/Dialog/Dialog.js +20 -23
  45. package/dist/FeatureFlags/FeatureFlags.js +1 -1
  46. package/dist/FilteredActionList/FilteredActionList.js +18 -19
  47. package/dist/FilteredActionList/FilteredActionListInput.js +2 -2
  48. package/dist/FilteredActionList/FilteredActionListLoaders.js +10 -11
  49. package/dist/Flash/Flash.js +1 -4
  50. package/dist/FormControl/FormControl.js +8 -8
  51. package/dist/FormControl/FormControlCaption.js +1 -1
  52. package/dist/FormControl/FormControlLabel.js +1 -1
  53. package/dist/FormControl/FormControlLeadingVisual.js +1 -1
  54. package/dist/FormControl/_FormControlValidation.js +1 -1
  55. package/dist/Header/Header.js +3 -3
  56. package/dist/Heading/Heading.js +1 -1
  57. package/dist/Hidden/Hidden.js +1 -1
  58. package/dist/InlineMessage/InlineMessage.js +11 -11
  59. package/dist/KeybindingHint/KeybindingHint.js +3 -3
  60. package/dist/KeybindingHint/components/Chord.js +3 -3
  61. package/dist/KeybindingHint/components/Key.js +3 -3
  62. package/dist/KeybindingHint/components/Sequence.js +1 -1
  63. package/dist/KeybindingHint/platform.js +0 -8
  64. package/dist/Label/Label.js +1 -1
  65. package/dist/LabelGroup/LabelGroup.js +18 -18
  66. package/dist/Link/Link.js +1 -1
  67. package/dist/NavList/NavList.js +24 -24
  68. package/dist/Octicon/Octicon.js +1 -4
  69. package/dist/Overlay/Overlay.js +3 -3
  70. package/dist/PageHeader/PageHeader.js +21 -21
  71. package/dist/PageLayout/DragHandle.js +1 -1
  72. package/dist/PageLayout/PageLayout.js +26 -26
  73. package/dist/PageLayout/usePaneWidth.js +0 -5
  74. package/dist/Pagehead/Pagehead.js +1 -1
  75. package/dist/Pagination/Pagination.js +9 -10
  76. package/dist/Popover/Popover.js +3 -3
  77. package/dist/ProgressBar/ProgressBar.js +3 -3
  78. package/dist/Radio/Radio.js +1 -1
  79. package/dist/RadioGroup/RadioGroup.js +2 -2
  80. package/dist/RelativeTime/RelativeTime.js +1 -1
  81. package/dist/ScrollableRegion/ScrollableRegion.js +1 -1
  82. package/dist/SegmentedControl/SegmentedControl.js +13 -13
  83. package/dist/SegmentedControl/SegmentedControlAction.js +6 -6
  84. package/dist/SegmentedControl/SegmentedControlButton.js +8 -8
  85. package/dist/SegmentedControl/SegmentedControlDivider.js +1 -1
  86. package/dist/SegmentedControl/SegmentedControlIconButton.js +5 -5
  87. package/dist/Select/Select.js +9 -9
  88. package/dist/SelectPanel/SelectPanel.js +24 -27
  89. package/dist/SelectPanel/SelectPanelMessage.js +5 -5
  90. package/dist/SideNav.js +2 -2
  91. package/dist/Skeleton/SkeletonBox.js +1 -1
  92. package/dist/SkeletonAvatar/SkeletonAvatar.js +1 -1
  93. package/dist/SkeletonText/SkeletonText.js +3 -3
  94. package/dist/Spinner/Spinner.js +5 -5
  95. package/dist/SplitPageLayout/SplitPageLayout.js +6 -6
  96. package/dist/Stack/Stack.js +2 -2
  97. package/dist/StateLabel/StateLabel.js +2 -2
  98. package/dist/SubNav/SubNav.js +5 -5
  99. package/dist/TabNav/TabNav.js +4 -10
  100. package/dist/Text/Text.js +1 -1
  101. package/dist/TextInput/TextInput.js +13 -13
  102. package/dist/TextInputWithTokens/TextInputWithTokens.js +12 -15
  103. package/dist/Textarea/Textarea.js +7 -7
  104. package/dist/ThemeProvider.js +1 -2
  105. package/dist/Timeline/Timeline.js +11 -14
  106. package/dist/ToggleSwitch/ToggleSwitch.js +18 -18
  107. package/dist/Token/IssueLabelToken.js +3 -3
  108. package/dist/Token/Token.js +7 -7
  109. package/dist/Token/TokenBase.js +1 -1
  110. package/dist/Token/_RemoveTokenButton.js +4 -5
  111. package/dist/Token/_TokenTextContainer.js +1 -1
  112. package/dist/Tooltip/Tooltip.js +2 -5
  113. package/dist/TooltipV2/Tooltip.js +7 -7
  114. package/dist/TopicTag/TopicTag.js +1 -1
  115. package/dist/TopicTag/TopicTagGroup.js +1 -1
  116. package/dist/TreeView/TreeView.js +52 -59
  117. package/dist/TreeView/useTypeahead.js +3 -3
  118. package/dist/Truncate/Truncate.js +1 -2
  119. package/dist/UnderlineNav/UnderlineNav.js +18 -18
  120. package/dist/UnderlineNav/UnderlineNavItem.js +2 -2
  121. package/dist/VisuallyHidden/VisuallyHidden.js +1 -1
  122. package/dist/_VisuallyHidden.js +1 -1
  123. package/dist/deprecated/ActionList/Divider.js +1 -1
  124. package/dist/deprecated/ActionList/Group.js +2 -5
  125. package/dist/deprecated/ActionList/Header.js +2 -5
  126. package/dist/deprecated/ActionList/Item.js +17 -20
  127. package/dist/deprecated/ActionList/List.js +4 -13
  128. package/dist/deprecated/ActionMenu.js +4 -6
  129. package/dist/deprecated/DialogV1/Dialog.js +5 -5
  130. package/dist/deprecated/FilteredSearch/FilteredSearch.js +1 -1
  131. package/dist/deprecated/UnderlineNav/UnderlineNav.js +4 -4
  132. package/dist/experimental/IssueLabel/IssueLabel.js +4 -4
  133. package/dist/experimental/SelectPanel2/SelectPanel.js +42 -49
  134. package/dist/experimental/Tabs/Tabs.js +1 -1
  135. package/dist/experimental/UnderlinePanels/UnderlinePanels.js +6 -9
  136. package/dist/hooks/useMergedRefs.js +0 -12
  137. package/dist/hooks/useResponsiveValue.js +0 -5
  138. package/dist/hooks/useSlots.js +0 -48
  139. package/dist/internal/components/ButtonReset.js +1 -1
  140. package/dist/internal/components/CheckboxOrRadioGroup/CheckboxOrRadioGroup.js +9 -9
  141. package/dist/internal/components/CheckboxOrRadioGroup/CheckboxOrRadioGroupCaption.js +1 -1
  142. package/dist/internal/components/CheckboxOrRadioGroup/CheckboxOrRadioGroupLabel.js +4 -4
  143. package/dist/internal/components/CheckboxOrRadioGroup/CheckboxOrRadioGroupValidation.js +1 -1
  144. package/dist/internal/components/ConditionalWrapper.js +2 -2
  145. package/dist/internal/components/InputLabel.js +3 -3
  146. package/dist/internal/components/InputValidation.js +4 -4
  147. package/dist/internal/components/OverflowObserverProvider.js +1 -1
  148. package/dist/internal/components/TextInputInnerAction.js +6 -6
  149. package/dist/internal/components/TextInputInnerVisualSlot.js +5 -5
  150. package/dist/internal/components/TextInputWrapper.js +2 -2
  151. package/dist/internal/components/ThemeProviderBase.js +3 -3
  152. package/dist/internal/components/UnderlineTabbedInterface.js +11 -11
  153. package/dist/internal/components/UnstyledTextInput.js +1 -1
  154. package/dist/internal/components/ValidationAnimationContainer.js +2 -2
  155. package/dist/internal/hooks/useOverflowObserver.js +1 -2
  156. package/dist/live-region/Announce.js +1 -1
  157. package/dist/live-region/AriaAlert.js +1 -1
  158. package/dist/live-region/AriaStatus.js +1 -1
  159. package/dist/next/ThemeProvider.js +1 -1
  160. package/dist/utils/descendant-registry.js +1 -7
  161. package/dist/utils/modern-polymorphic.js +0 -10
  162. package/package.json +3 -3
@@ -2,8 +2,7 @@ import { c } from "../utils/react-compiler-runtime.js";
2
2
  import { viewportRanges } from "../hooks/useResponsiveValue.js";
3
3
  import { buildComponentData, buildPaginationModel } from "./model.js";
4
4
  import Pagination_module_css_default from "./Pagination.module.css.js";
5
- import "react";
6
- import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
5
+ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
7
6
  import { clsx } from "clsx";
8
7
  import { ChevronLeftIcon, ChevronRightIcon } from "@primer/octicons-react";
9
8
  //#region src/Pagination/Pagination.tsx
@@ -17,19 +16,19 @@ const PageLabel = (t0) => {
17
16
  const { children, direction } = t0;
18
17
  let t1;
19
18
  if ($[0] !== direction) {
20
- t1 = direction === "page-prev" ? /*#__PURE__*/ jsx(ChevronLeftIcon, { "data-component": "Pagination.PreviousPageIcon" }) : null;
19
+ t1 = direction === "page-prev" ? /* @__PURE__ */ jsx(ChevronLeftIcon, { "data-component": "Pagination.PreviousPageIcon" }) : null;
21
20
  $[0] = direction;
22
21
  $[1] = t1;
23
22
  } else t1 = $[1];
24
23
  let t2;
25
24
  if ($[2] !== direction) {
26
- t2 = direction === "page-next" ? /*#__PURE__*/ jsx(ChevronRightIcon, { "data-component": "Pagination.NextPageIcon" }) : null;
25
+ t2 = direction === "page-next" ? /* @__PURE__ */ jsx(ChevronRightIcon, { "data-component": "Pagination.NextPageIcon" }) : null;
27
26
  $[2] = direction;
28
27
  $[3] = t2;
29
28
  } else t2 = $[3];
30
29
  let t3;
31
30
  if ($[4] !== children || $[5] !== t1 || $[6] !== t2) {
32
- t3 = /*#__PURE__*/ jsxs(Fragment$1, { children: [
31
+ t3 = /* @__PURE__ */ jsxs(Fragment, { children: [
33
32
  t1,
34
33
  children,
35
34
  t2
@@ -71,7 +70,7 @@ function usePaginationPages(t0) {
71
70
  const { props, key, content } = buildComponentData(page, hrefBuilder, pageChange(page.num));
72
71
  if (renderPage && props.as !== "span") return renderPage({
73
72
  key,
74
- children: /*#__PURE__*/ jsx(PageLabel, {
73
+ children: /* @__PURE__ */ jsx(PageLabel, {
75
74
  direction: key,
76
75
  children: content
77
76
  }),
@@ -82,11 +81,11 @@ function usePaginationPages(t0) {
82
81
  });
83
82
  const Component = props.as || "a";
84
83
  const dataComponentAttribute = props.rel === "prev" ? "Pagination.PreviousPage" : props.rel === "next" ? "Pagination.NextPage" : "Pagination.Page";
85
- return /*#__PURE__*/ jsx(Component, {
84
+ return /* @__PURE__ */ jsx(Component, {
86
85
  className: clsx(Pagination_module_css_default.Page),
87
86
  "data-component": dataComponentAttribute,
88
87
  ...props,
89
- children: /*#__PURE__*/ jsx(PageLabel, {
88
+ children: /* @__PURE__ */ jsx(PageLabel, {
90
89
  direction: key,
91
90
  children: content
92
91
  })
@@ -185,7 +184,7 @@ function Pagination(t0) {
185
184
  } else t8 = $[23];
186
185
  let t9;
187
186
  if ($[24] !== pageElements || $[25] !== t8) {
188
- t9 = /*#__PURE__*/ jsx("div", {
187
+ t9 = /* @__PURE__ */ jsx("div", {
189
188
  className: Pagination_module_css_default.TablePaginationSteps,
190
189
  "data-hidden-viewport-ranges": t8,
191
190
  children: pageElements
@@ -196,7 +195,7 @@ function Pagination(t0) {
196
195
  } else t9 = $[26];
197
196
  let t10;
198
197
  if ($[27] !== rest || $[28] !== t7 || $[29] !== t9) {
199
- t10 = /*#__PURE__*/ jsx("nav", {
198
+ t10 = /* @__PURE__ */ jsx("nav", {
200
199
  className: t7,
201
200
  "aria-label": "Pagination",
202
201
  "data-component": "Pagination",
@@ -43,7 +43,7 @@ const Popover = /*#__PURE__*/ React.forwardRef(function Popover(t0, forwardRef)
43
43
  } else t5 = $[7];
44
44
  let t6;
45
45
  if ($[8] !== caret || $[9] !== forwardRef || $[10] !== props || $[11] !== t3 || $[12] !== t4 || $[13] !== t5) {
46
- t6 = /*#__PURE__*/ jsx("div", {
46
+ t6 = /* @__PURE__ */ jsx("div", {
47
47
  ...props,
48
48
  ref: forwardRef,
49
49
  "data-component": "Popover",
@@ -62,7 +62,7 @@ const Popover = /*#__PURE__*/ React.forwardRef(function Popover(t0, forwardRef)
62
62
  } else t6 = $[14];
63
63
  let t7;
64
64
  if ($[15] !== t2 || $[16] !== t6) {
65
- t7 = /*#__PURE__*/ jsx(PopoverContext.Provider, {
65
+ t7 = /* @__PURE__ */ jsx(PopoverContext.Provider, {
66
66
  value: t2,
67
67
  children: t6
68
68
  });
@@ -147,7 +147,7 @@ const PopoverContent = (t0) => {
147
147
  } else t7 = $[16];
148
148
  let t8;
149
149
  if ($[17] !== height || $[18] !== props || $[19] !== t7 || $[20] !== width) {
150
- t8 = /*#__PURE__*/ jsx("div", {
150
+ t8 = /* @__PURE__ */ jsx("div", {
151
151
  ref: divRef,
152
152
  "data-component": "Popover.Content",
153
153
  "data-width": width,
@@ -91,7 +91,7 @@ const Item = /*#__PURE__*/ forwardRef((t0, forwardRef) => {
91
91
  } else t4 = $[24];
92
92
  let t5;
93
93
  if ($[25] !== ariaAttributes || $[26] !== ariaLabel || $[27] !== forwardRef || $[28] !== rest || $[29] !== t3 || $[30] !== t4) {
94
- t5 = /*#__PURE__*/ jsx("span", {
94
+ t5 = /* @__PURE__ */ jsx("span", {
95
95
  "data-component": "ProgressBar.Item",
96
96
  className: t3,
97
97
  ...rest,
@@ -171,7 +171,7 @@ const ProgressBar = /*#__PURE__*/ forwardRef((t0, forwardRef) => {
171
171
  const t5 = inline ? "inline" : "block";
172
172
  let t6;
173
173
  if ($[16] !== animated || $[17] !== ariaLabel || $[18] !== ariaValueNow || $[19] !== ariaValueText || $[20] !== bg || $[21] !== children || $[22] !== progress || $[23] !== validChildren) {
174
- t6 = validChildren ? children : /*#__PURE__*/ jsx(Item, {
174
+ t6 = validChildren ? children : /* @__PURE__ */ jsx(Item, {
175
175
  "data-animated": animated,
176
176
  progress,
177
177
  "aria-label": ariaLabel,
@@ -191,7 +191,7 @@ const ProgressBar = /*#__PURE__*/ forwardRef((t0, forwardRef) => {
191
191
  } else t6 = $[24];
192
192
  let t7;
193
193
  if ($[25] !== barSize || $[26] !== forwardRef || $[27] !== rest || $[28] !== t4 || $[29] !== t5 || $[30] !== t6) {
194
- t7 = /*#__PURE__*/ jsx("span", {
194
+ t7 = /* @__PURE__ */ jsx("span", {
195
195
  ref: forwardRef,
196
196
  "data-component": "ProgressBar",
197
197
  className: t4,
@@ -67,7 +67,7 @@ const Radio = /*#__PURE__*/ React.forwardRef((t0, ref) => {
67
67
  } else t4 = $[14];
68
68
  let t5;
69
69
  if ($[15] !== checked || $[16] !== disabled || $[17] !== handleOnChange || $[18] !== name || $[19] !== ref || $[20] !== required || $[21] !== rest || $[22] !== t3 || $[23] !== t4 || $[24] !== value) {
70
- t5 = /*#__PURE__*/ jsx("input", {
70
+ t5 = /* @__PURE__ */ jsx("input", {
71
71
  type: "radio",
72
72
  value,
73
73
  name,
@@ -70,7 +70,7 @@ const RadioGroup = (t0) => {
70
70
  } else t3 = $[15];
71
71
  let t4;
72
72
  if ($[16] !== children || $[17] !== disabled || $[18] !== rest) {
73
- t4 = /*#__PURE__*/ jsx(CheckboxOrRadioGroup_default, {
73
+ t4 = /* @__PURE__ */ jsx(CheckboxOrRadioGroup_default, {
74
74
  disabled,
75
75
  "data-component": "RadioGroup",
76
76
  ...rest,
@@ -83,7 +83,7 @@ const RadioGroup = (t0) => {
83
83
  } else t4 = $[19];
84
84
  let t5;
85
85
  if ($[20] !== t3 || $[21] !== t4) {
86
- t5 = /*#__PURE__*/ jsx(RadioGroupContext.Provider, {
86
+ t5 = /* @__PURE__ */ jsx(RadioGroupContext.Provider, {
87
87
  value: t3,
88
88
  children: t4
89
89
  });
@@ -52,7 +52,7 @@ function RelativeTime(t0) {
52
52
  } else t2 = $[10];
53
53
  let t3;
54
54
  if ($[11] !== date || $[12] !== props || $[13] !== t1 || $[14] !== t2) {
55
- t3 = /*#__PURE__*/ jsx(RelativeTimeComponent, {
55
+ t3 = /* @__PURE__ */ jsx(RelativeTimeComponent, {
56
56
  ...props,
57
57
  date,
58
58
  "no-title": t1,
@@ -51,7 +51,7 @@ function ScrollableRegion(t0) {
51
51
  } else t2 = $[11];
52
52
  let t3;
53
53
  if ($[12] !== children || $[13] !== regionProps || $[14] !== rest || $[15] !== t2) {
54
- t3 = /*#__PURE__*/ jsx("div", {
54
+ t3 = /* @__PURE__ */ jsx("div", {
55
55
  ...rest,
56
56
  ...regionProps,
57
57
  ref,
@@ -90,22 +90,22 @@ const Root = (t0) => {
90
90
  $[12] = t3;
91
91
  } else t3 = $[12];
92
92
  const hasDropdownVariant = t3;
93
- const dropdownContent = hasDropdownVariant && /*#__PURE__*/ jsx("div", {
93
+ const dropdownContent = hasDropdownVariant && /* @__PURE__ */ jsx("div", {
94
94
  className: SegmentedControl_module_css_default.DropdownContainer,
95
95
  ...getResponsiveAttributes("variant", variant),
96
- children: /*#__PURE__*/ jsxs(ActionMenu, { children: [/*#__PURE__*/ jsx(ActionMenu.Button, {
96
+ children: /* @__PURE__ */ jsxs(ActionMenu, { children: [/* @__PURE__ */ jsx(ActionMenu.Button, {
97
97
  "aria-label": ariaLabel && `${getChildText(selectedChild)}, ${ariaLabel}`,
98
98
  leadingVisual: getChildIcon(selectedChild),
99
99
  children: getChildText(selectedChild)
100
- }), /*#__PURE__*/ jsx(ActionMenu.Overlay, {
100
+ }), /* @__PURE__ */ jsx(ActionMenu.Overlay, {
101
101
  "aria-labelledby": ariaLabelledby,
102
- children: /*#__PURE__*/ jsxs(ActionList, {
102
+ children: /* @__PURE__ */ jsxs(ActionList, {
103
103
  selectionVariant: "single",
104
104
  children: [segmentChildren.map((child_2, index_0) => {
105
105
  var _segmentIndices$get;
106
106
  if (/*#__PURE__*/ React.isValidElement(child_2) && isSlot(child_2, SegmentedControlDivider)) {
107
107
  var _child_2$key;
108
- return /*#__PURE__*/ jsx(ActionList.Divider, {
108
+ return /* @__PURE__ */ jsx(ActionList.Divider, {
109
109
  className: child_2.props.className,
110
110
  style: child_2.props.style
111
111
  }, (_child_2$key = child_2.key) !== null && _child_2$key !== void 0 ? _child_2$key : `segmented-control-divider-${index_0}`);
@@ -113,7 +113,7 @@ const Root = (t0) => {
113
113
  const ChildIcon = getChildIcon(child_2);
114
114
  if (!/*#__PURE__*/ React.isValidElement(child_2)) return null;
115
115
  const segmentIndex = (_segmentIndices$get = segmentIndices.get(child_2)) !== null && _segmentIndices$get !== void 0 ? _segmentIndices$get : -1;
116
- return /*#__PURE__*/ jsxs(ActionList.Item, {
116
+ return /* @__PURE__ */ jsxs(ActionList.Item, {
117
117
  selected: segmentIndex === selectedIndex,
118
118
  onSelect: (event) => {
119
119
  isUncontrolled && setSelectedIndexInternalState(segmentIndex);
@@ -126,7 +126,7 @@ const Root = (t0) => {
126
126
  getChildText(child_2)
127
127
  ]
128
128
  }, `segmented-control-action-btn-${index_0}`);
129
- }), actionChild && /*#__PURE__*/ jsx(SegmentedControlActionContext.Provider, {
129
+ }), actionChild && /* @__PURE__ */ jsx(SegmentedControlActionContext.Provider, {
130
130
  value: "menu",
131
131
  children: actionChild
132
132
  })]
@@ -186,7 +186,7 @@ const Root = (t0) => {
186
186
  });
187
187
  let t9;
188
188
  if ($[19] !== ariaLabel || $[20] !== ariaLabelledby || $[21] !== rest || $[22] !== size || $[23] !== t4 || $[24] !== t5 || $[25] !== t6 || $[26] !== t8) {
189
- t9 = /*#__PURE__*/ jsx("ul", {
189
+ t9 = /* @__PURE__ */ jsx("ul", {
190
190
  "aria-label": ariaLabel,
191
191
  "aria-labelledby": ariaLabelledby,
192
192
  ref: segmentedControlContainerRef,
@@ -211,10 +211,10 @@ const Root = (t0) => {
211
211
  const segmentedControlContent = t9;
212
212
  let t10;
213
213
  if ($[28] !== actionChild || $[29] !== variant) {
214
- t10 = actionChild && /*#__PURE__*/ jsx("div", {
214
+ t10 = actionChild && /* @__PURE__ */ jsx("div", {
215
215
  className: SegmentedControl_module_css_default.InlineAction,
216
216
  ...getResponsiveAttributes("variant", variant),
217
- children: /*#__PURE__*/ jsx(SegmentedControlActionContext.Provider, {
217
+ children: /* @__PURE__ */ jsx(SegmentedControlActionContext.Provider, {
218
218
  value: "inline",
219
219
  children: actionChild
220
220
  })
@@ -226,7 +226,7 @@ const Root = (t0) => {
226
226
  const inlineActionContent = t10;
227
227
  let t11;
228
228
  if ($[31] !== actionChild || $[32] !== dropdownContent || $[33] !== fullWidth || $[34] !== hasDropdownVariant || $[35] !== inlineActionContent || $[36] !== segmentedControlContent || $[37] !== size) {
229
- t11 = hasDropdownVariant || actionChild ? /*#__PURE__*/ jsxs("div", {
229
+ t11 = hasDropdownVariant || actionChild ? /* @__PURE__ */ jsxs("div", {
230
230
  className: SegmentedControl_module_css_default.DropdownGroup,
231
231
  "data-size": size,
232
232
  ...getResponsiveAttributes("full-width", fullWidth),
@@ -275,13 +275,13 @@ function _temp6(childArg) {
275
275
  const leadingVisual = (_childArg$props$leadi = childArg.props.leadingVisual) !== null && _childArg$props$leadi !== void 0 ? _childArg$props$leadi : childArg.props.leadingIcon;
276
276
  if (leadingVisual) {
277
277
  if (isElement(leadingVisual)) return leadingVisual;
278
- return /*#__PURE__*/ jsx(leadingVisual, {});
278
+ return /* @__PURE__ */ jsx(leadingVisual, {});
279
279
  }
280
280
  }
281
281
  if (/*#__PURE__*/ React.isValidElement(childArg) && (childArg.type === SegmentedControlIconButton || isSlot(childArg, SegmentedControlIconButton))) {
282
282
  if (isElement(childArg.props.icon)) return childArg.props.icon;
283
283
  const Icon = childArg.props.icon;
284
- return /*#__PURE__*/ jsx(Icon, {});
284
+ return /* @__PURE__ */ jsx(Icon, {});
285
285
  }
286
286
  return null;
287
287
  }
@@ -21,7 +21,7 @@ const SegmentedControlMenuAction = (t0) => {
21
21
  }
22
22
  let t1;
23
23
  if ($[3] !== children || $[4] !== props) {
24
- t1 = /*#__PURE__*/ jsx("div", {
24
+ t1 = /* @__PURE__ */ jsx("div", {
25
25
  ...props,
26
26
  "data-component": "SegmentedControl.Action",
27
27
  children
@@ -38,7 +38,7 @@ const SegmentedControlAction = (props) => {
38
38
  if (useContext(SegmentedControlActionContext) === "menu") {
39
39
  let t0;
40
40
  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
41
- t0 = /*#__PURE__*/ jsx(ActionList.Divider, {});
41
+ t0 = /* @__PURE__ */ jsx(ActionList.Divider, {});
42
42
  $[0] = t0;
43
43
  } else t0 = $[0];
44
44
  let t1;
@@ -52,13 +52,13 @@ const SegmentedControlAction = (props) => {
52
52
  } else t1 = $[2];
53
53
  let t2;
54
54
  if ($[3] !== Icon) {
55
- t2 = /*#__PURE__*/ jsx(ActionList.LeadingVisual, { children: /*#__PURE__*/ jsx(Icon, {}) });
55
+ t2 = /* @__PURE__ */ jsx(ActionList.LeadingVisual, { children: /* @__PURE__ */ jsx(Icon, {}) });
56
56
  $[3] = Icon;
57
57
  $[4] = t2;
58
58
  } else t2 = $[4];
59
59
  let t3;
60
60
  if ($[5] !== disabled || $[6] !== label || $[7] !== loading || $[8] !== t1 || $[9] !== t2) {
61
- t3 = /*#__PURE__*/ jsxs(Fragment$1, { children: [t0, /*#__PURE__*/ jsxs(ActionList.Item, {
61
+ t3 = /* @__PURE__ */ jsxs(Fragment$1, { children: [t0, /* @__PURE__ */ jsxs(ActionList.Item, {
62
62
  role: "menuitem",
63
63
  disabled,
64
64
  loading,
@@ -83,10 +83,10 @@ const SegmentedControlAction = (props) => {
83
83
  } else t0 = $[12];
84
84
  let t1;
85
85
  if ($[13] !== Icon || $[14] !== disabled || $[15] !== label || $[16] !== loading || $[17] !== t0) {
86
- t1 = /*#__PURE__*/ jsx("div", {
86
+ t1 = /* @__PURE__ */ jsx("div", {
87
87
  className: SegmentedControl_module_css_default.ActionItem,
88
88
  "data-component": "SegmentedControl.Action",
89
- children: /*#__PURE__*/ jsx(IconButton, {
89
+ children: /* @__PURE__ */ jsx(IconButton, {
90
90
  "aria-label": label,
91
91
  className: SegmentedControl_module_css_default.ActionButton,
92
92
  disabled,
@@ -77,9 +77,9 @@ const SegmentedControlButton = (t0) => {
77
77
  } else t5 = $[15];
78
78
  let t6;
79
79
  if ($[16] !== LeadingVisual) {
80
- t6 = LeadingVisual && /*#__PURE__*/ jsx("div", {
80
+ t6 = LeadingVisual && /* @__PURE__ */ jsx("div", {
81
81
  className: SegmentedControl_module_css_default.LeadingIcon,
82
- children: isElement(LeadingVisual) ? LeadingVisual : /*#__PURE__*/ jsx(LeadingVisual, {})
82
+ children: isElement(LeadingVisual) ? LeadingVisual : /* @__PURE__ */ jsx(LeadingVisual, {})
83
83
  });
84
84
  $[16] = LeadingVisual;
85
85
  $[17] = t6;
@@ -91,7 +91,7 @@ const SegmentedControlButton = (t0) => {
91
91
  } else t7 = $[18];
92
92
  let t8;
93
93
  if ($[19] !== children) {
94
- t8 = /*#__PURE__*/ jsx("div", {
94
+ t8 = /* @__PURE__ */ jsx("div", {
95
95
  className: t7,
96
96
  "data-text": children,
97
97
  children
@@ -101,16 +101,16 @@ const SegmentedControlButton = (t0) => {
101
101
  } else t8 = $[20];
102
102
  let t9;
103
103
  if ($[21] !== count) {
104
- t9 = count !== void 0 && /*#__PURE__*/ jsx("span", {
104
+ t9 = count !== void 0 && /* @__PURE__ */ jsx("span", {
105
105
  className: SegmentedControl_module_css_default.Counter,
106
- children: /*#__PURE__*/ jsx(CounterLabel, { children: count })
106
+ children: /* @__PURE__ */ jsx(CounterLabel, { children: count })
107
107
  });
108
108
  $[21] = count;
109
109
  $[22] = t9;
110
110
  } else t9 = $[22];
111
111
  let t10;
112
112
  if ($[23] !== t6 || $[24] !== t8 || $[25] !== t9) {
113
- t10 = /*#__PURE__*/ jsxs("span", {
113
+ t10 = /* @__PURE__ */ jsxs("span", {
114
114
  className: t5,
115
115
  children: [
116
116
  t6,
@@ -125,7 +125,7 @@ const SegmentedControlButton = (t0) => {
125
125
  } else t10 = $[26];
126
126
  let t11;
127
127
  if ($[27] !== rest || $[28] !== selected || $[29] !== t10 || $[30] !== t3 || $[31] !== t4) {
128
- t11 = /*#__PURE__*/ jsx("button", {
128
+ t11 = /* @__PURE__ */ jsx("button", {
129
129
  "aria-pressed": selected,
130
130
  "aria-disabled": t3,
131
131
  className: t4,
@@ -142,7 +142,7 @@ const SegmentedControlButton = (t0) => {
142
142
  } else t11 = $[32];
143
143
  let t12;
144
144
  if ($[33] !== t11 || $[34] !== t2) {
145
- t12 = /*#__PURE__*/ jsx("li", {
145
+ t12 = /* @__PURE__ */ jsx("li", {
146
146
  className: t1,
147
147
  "data-selected": t2,
148
148
  "data-component": "SegmentedControl.Button",
@@ -6,7 +6,7 @@ const SegmentedControlDivider = (t0) => {
6
6
  const { className, style } = t0;
7
7
  let t1;
8
8
  if ($[0] !== className || $[1] !== style) {
9
- t1 = /*#__PURE__*/ jsx("li", {
9
+ t1 = /* @__PURE__ */ jsx("li", {
10
10
  "aria-hidden": "true",
11
11
  className,
12
12
  "data-component": "SegmentedControl.Divider",
@@ -70,13 +70,13 @@ const SegmentedControlIconButton = (t0) => {
70
70
  } else t8 = $[15];
71
71
  let t9;
72
72
  if ($[16] !== Icon) {
73
- t9 = isElement(Icon) ? Icon : /*#__PURE__*/ jsx(Icon, {});
73
+ t9 = isElement(Icon) ? Icon : /* @__PURE__ */ jsx(Icon, {});
74
74
  $[16] = Icon;
75
75
  $[17] = t9;
76
76
  } else t9 = $[17];
77
77
  let t10;
78
78
  if ($[18] !== t9) {
79
- t10 = /*#__PURE__*/ jsx("span", {
79
+ t10 = /* @__PURE__ */ jsx("span", {
80
80
  className: t8,
81
81
  children: t9
82
82
  });
@@ -85,7 +85,7 @@ const SegmentedControlIconButton = (t0) => {
85
85
  } else t10 = $[19];
86
86
  let t11;
87
87
  if ($[20] !== rest || $[21] !== selected || $[22] !== t10 || $[23] !== t5 || $[24] !== t6) {
88
- t11 = /*#__PURE__*/ jsx("button", {
88
+ t11 = /* @__PURE__ */ jsx("button", {
89
89
  type: "button",
90
90
  "aria-pressed": selected,
91
91
  "aria-label": t5,
@@ -103,7 +103,7 @@ const SegmentedControlIconButton = (t0) => {
103
103
  } else t11 = $[25];
104
104
  let t12;
105
105
  if ($[26] !== t11 || $[27] !== t3 || $[28] !== t4 || $[29] !== tooltipDirection) {
106
- t12 = /*#__PURE__*/ jsx(Tooltip, {
106
+ t12 = /* @__PURE__ */ jsx(Tooltip, {
107
107
  type: t3,
108
108
  text: t4,
109
109
  direction: tooltipDirection,
@@ -117,7 +117,7 @@ const SegmentedControlIconButton = (t0) => {
117
117
  } else t12 = $[30];
118
118
  let t13;
119
119
  if ($[31] !== t1 || $[32] !== t12 || $[33] !== t2) {
120
- t13 = /*#__PURE__*/ jsx("li", {
120
+ t13 = /* @__PURE__ */ jsx("li", {
121
121
  className: t1,
122
122
  "data-selected": t2,
123
123
  "data-component": "SegmentedControl.IconButton",
@@ -10,12 +10,12 @@ const ArrowIndicatorSVG = (t0) => {
10
10
  const { className } = t0;
11
11
  let t1;
12
12
  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
13
- t1 = /*#__PURE__*/ jsx("path", { d: "m4.074 9.427 3.396 3.396a.25.25 0 0 0 .354 0l3.396-3.396A.25.25 0 0 0 11.043 9H4.251a.25.25 0 0 0-.177.427ZM4.074 7.47 7.47 4.073a.25.25 0 0 1 .354 0L11.22 7.47a.25.25 0 0 1-.177.426H4.251a.25.25 0 0 1-.177-.426Z" });
13
+ t1 = /* @__PURE__ */ jsx("path", { d: "m4.074 9.427 3.396 3.396a.25.25 0 0 0 .354 0l3.396-3.396A.25.25 0 0 0 11.043 9H4.251a.25.25 0 0 0-.177.427ZM4.074 7.47 7.47 4.073a.25.25 0 0 1 .354 0L11.22 7.47a.25.25 0 0 1-.177.426H4.251a.25.25 0 0 1-.177-.426Z" });
14
14
  $[0] = t1;
15
15
  } else t1 = $[0];
16
16
  let t2;
17
17
  if ($[1] !== className) {
18
- t2 = /*#__PURE__*/ jsx("svg", {
18
+ t2 = /* @__PURE__ */ jsx("svg", {
19
19
  "aria-hidden": "true",
20
20
  width: "16",
21
21
  height: "16",
@@ -40,7 +40,7 @@ const ArrowIndicator = (t0) => {
40
40
  } else t1 = $[1];
41
41
  let t2;
42
42
  if ($[2] !== t1) {
43
- t2 = /*#__PURE__*/ jsx(ArrowIndicatorSVG, { className: t1 });
43
+ t2 = /* @__PURE__ */ jsx(ArrowIndicatorSVG, { className: t1 });
44
44
  $[2] = t1;
45
45
  $[3] = t2;
46
46
  } else t2 = $[3];
@@ -102,7 +102,7 @@ const Select = /*#__PURE__*/ React.forwardRef((t0, ref) => {
102
102
  const t6 = (_ref = (_defaultValue = defaultValue) !== null && _defaultValue !== void 0 ? _defaultValue : placeholder) !== null && _ref !== void 0 ? _ref : void 0;
103
103
  let t7;
104
104
  if ($[15] !== placeholder || $[16] !== required) {
105
- t7 = placeholder && /*#__PURE__*/ jsx("option", {
105
+ t7 = placeholder && /* @__PURE__ */ jsx("option", {
106
106
  value: "",
107
107
  disabled: required,
108
108
  hidden: required,
@@ -115,7 +115,7 @@ const Select = /*#__PURE__*/ React.forwardRef((t0, ref) => {
115
115
  } else t7 = $[17];
116
116
  let t8;
117
117
  if ($[18] !== children || $[19] !== disabled || $[20] !== ref || $[21] !== required || $[22] !== rest || $[23] !== t2 || $[24] !== t4 || $[25] !== t5 || $[26] !== t6 || $[27] !== t7) {
118
- t8 = /*#__PURE__*/ jsxs("select", {
118
+ t8 = /* @__PURE__ */ jsxs("select", {
119
119
  ...rest,
120
120
  ref,
121
121
  required,
@@ -141,12 +141,12 @@ const Select = /*#__PURE__*/ React.forwardRef((t0, ref) => {
141
141
  } else t8 = $[28];
142
142
  let t9;
143
143
  if ($[29] === Symbol.for("react.memo_cache_sentinel")) {
144
- t9 = /*#__PURE__*/ jsx(ArrowIndicator, { className: Select_module_css_default.ArrowIndicator });
144
+ t9 = /* @__PURE__ */ jsx(ArrowIndicator, { className: Select_module_css_default.ArrowIndicator });
145
145
  $[29] = t9;
146
146
  } else t9 = $[29];
147
147
  let t10;
148
148
  if ($[30] !== block || $[31] !== disabled || $[32] !== size || $[33] !== t1 || $[34] !== t8 || $[35] !== validationStatus) {
149
- t10 = /*#__PURE__*/ jsxs(TextInputWrapper, {
149
+ t10 = /* @__PURE__ */ jsxs(TextInputWrapper, {
150
150
  block,
151
151
  disabled,
152
152
  size,
@@ -168,7 +168,7 @@ const Option = (props) => {
168
168
  const $ = c(2);
169
169
  let t0;
170
170
  if ($[0] !== props) {
171
- t0 = /*#__PURE__*/ jsx("option", {
171
+ t0 = /* @__PURE__ */ jsx("option", {
172
172
  ...props,
173
173
  "data-component": "Select.Option"
174
174
  });
@@ -181,7 +181,7 @@ const OptGroup = (props) => {
181
181
  const $ = c(2);
182
182
  let t0;
183
183
  if ($[0] !== props) {
184
- t0 = /*#__PURE__*/ jsx("optgroup", {
184
+ t0 = /* @__PURE__ */ jsx("optgroup", {
185
185
  ...props,
186
186
  "data-component": "Select.OptGroup"
187
187
  });