@easypost/easy-ui 1.0.0-alpha.112 → 1.0.0-alpha.114

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 (242) hide show
  1. package/AlertBadge/AlertBadge.d.ts +1 -1
  2. package/AlertBadge/AlertBadge.d.ts.map +1 -1
  3. package/AlertBadge/index.js +20 -16
  4. package/AlertBadge/index.mjs +20 -16
  5. package/Badge/index.js +29 -19
  6. package/Badge/index.mjs +29 -19
  7. package/Banner/index.js +19 -12
  8. package/Banner/index.mjs +19 -12
  9. package/Button/index.js +1 -1
  10. package/Button/index.mjs +1 -1
  11. package/CHANGELOG.md +12 -0
  12. package/Calendar/index.js +1 -1
  13. package/Calendar/index.mjs +1 -1
  14. package/Card/index.js +1 -1
  15. package/Card/index.mjs +1 -1
  16. package/CheckableCard/index.js +33 -24
  17. package/CheckableCard/index.mjs +33 -24
  18. package/Checkbox/index.js +1 -1
  19. package/Checkbox/index.mjs +1 -1
  20. package/CodeBlock/CodeBlock.d.ts.map +1 -1
  21. package/CodeBlock/context.d.ts +2 -1
  22. package/CodeBlock/context.d.ts.map +1 -1
  23. package/CodeBlock/index.js +81 -59
  24. package/CodeBlock/index.mjs +81 -59
  25. package/CodeSnippet/index.js +1 -1
  26. package/CodeSnippet/index.mjs +1 -1
  27. package/ColorPicker/index.js +71 -54
  28. package/ColorPicker/index.mjs +71 -54
  29. package/CustomerPortalLayout/index.js +101 -72
  30. package/CustomerPortalLayout/index.mjs +101 -72
  31. package/DataGrid/index.js +229 -173
  32. package/DataGrid/index.mjs +229 -173
  33. package/DatePicker/index.js +10 -8
  34. package/DatePicker/index.mjs +10 -8
  35. package/DateRangePicker/index.js +10 -8
  36. package/DateRangePicker/index.mjs +10 -8
  37. package/Drawer/context.d.ts +2 -2
  38. package/Drawer/context.d.ts.map +1 -1
  39. package/Drawer/index.js +99 -78
  40. package/Drawer/index.mjs +99 -78
  41. package/Drawer/useIntersectionDetection.d.ts +1 -1
  42. package/Drawer/useIntersectionDetection.d.ts.map +1 -1
  43. package/DropdownButton/index.js +15 -7
  44. package/DropdownButton/index.mjs +16 -8
  45. package/EmptyStateCard/index.js +53 -33
  46. package/EmptyStateCard/index.mjs +53 -33
  47. package/FocusedProductLayout/index.js +104 -76
  48. package/FocusedProductLayout/index.mjs +104 -76
  49. package/ForgeLayout/index.js +283 -217
  50. package/ForgeLayout/index.mjs +284 -218
  51. package/FormLayout/index.js +38 -24
  52. package/FormLayout/index.mjs +38 -24
  53. package/HorizontalGrid/index.js +1 -1
  54. package/HorizontalGrid/index.mjs +1 -1
  55. package/HorizontalStack/index.js +1 -1
  56. package/HorizontalStack/index.mjs +1 -1
  57. package/Icon/index.js +1 -1
  58. package/Icon/index.mjs +1 -1
  59. package/IconButton/index.js +16 -9
  60. package/IconButton/index.mjs +17 -10
  61. package/InputField/index.js +1 -1
  62. package/InputField/index.mjs +1 -1
  63. package/KebabButton/index.js +1 -1
  64. package/KebabButton/index.mjs +1 -1
  65. package/Menu/MenuTrigger.d.ts +1 -1
  66. package/Menu/MenuTrigger.d.ts.map +1 -1
  67. package/Menu/index.js +1 -1
  68. package/Menu/index.mjs +1 -1
  69. package/Modal/context.d.ts +3 -3
  70. package/Modal/context.d.ts.map +1 -1
  71. package/Modal/index.js +124 -93
  72. package/Modal/index.mjs +124 -93
  73. package/Modal/useIntersectionDetection.d.ts +1 -1
  74. package/Modal/useIntersectionDetection.d.ts.map +1 -1
  75. package/MultiSelect/MultiSelectDropdown.d.ts +2 -2
  76. package/MultiSelect/MultiSelectDropdown.d.ts.map +1 -1
  77. package/MultiSelect/index.js +106 -83
  78. package/MultiSelect/index.mjs +107 -84
  79. package/MultiSelect/utilities.d.ts +1 -1
  80. package/MultiSelect/utilities.d.ts.map +1 -1
  81. package/MultipageSection/index.js +94 -71
  82. package/MultipageSection/index.mjs +94 -71
  83. package/NexusLayout/index.js +136 -102
  84. package/NexusLayout/index.mjs +136 -102
  85. package/Notification/NotificationTransition.d.ts +1 -1
  86. package/Notification/NotificationTransition.d.ts.map +1 -1
  87. package/Notification/index.js +1 -1
  88. package/Notification/index.mjs +1 -1
  89. package/Pagination/index.js +62 -50
  90. package/Pagination/index.mjs +63 -51
  91. package/PillGroup/index.js +1 -1
  92. package/PillGroup/index.mjs +1 -1
  93. package/PlanCard/illustrations/Building01/index.js +532 -531
  94. package/PlanCard/illustrations/Building01/index.mjs +532 -531
  95. package/PlanCard/illustrations/Building02/index.js +206 -205
  96. package/PlanCard/illustrations/Building02/index.mjs +206 -205
  97. package/PlanCard/illustrations/Building03/index.js +773 -772
  98. package/PlanCard/illustrations/Building03/index.mjs +773 -772
  99. package/PlanCard/illustrations/Building04/index.js +1528 -1527
  100. package/PlanCard/illustrations/Building04/index.mjs +1528 -1527
  101. package/PlanCard/index.js +59 -36
  102. package/PlanCard/index.mjs +60 -37
  103. package/ProductLayout/index.js +132 -91
  104. package/ProductLayout/index.mjs +132 -91
  105. package/Provider/index.js +18 -14
  106. package/Provider/index.mjs +18 -14
  107. package/RadioButtonGroup/index.js +14 -10
  108. package/RadioButtonGroup/index.mjs +14 -10
  109. package/RadioGroup/index.js +1 -1
  110. package/RadioGroup/index.mjs +1 -1
  111. package/RangeCalendar/index.js +1 -1
  112. package/RangeCalendar/index.mjs +1 -1
  113. package/SearchNav/CondensedSearchNav.d.ts.map +1 -1
  114. package/SearchNav/index.js +197 -141
  115. package/SearchNav/index.mjs +198 -142
  116. package/SearchNav/utilities.d.ts +3 -3
  117. package/SearchNav/utilities.d.ts.map +1 -1
  118. package/SectionCard/index.js +43 -25
  119. package/SectionCard/index.mjs +43 -25
  120. package/Select/index.js +74 -62
  121. package/Select/index.mjs +74 -62
  122. package/SelectorErrorTooltip/index.js +1 -1
  123. package/SelectorErrorTooltip/index.mjs +1 -1
  124. package/Spinner/index.js +1 -1
  125. package/Spinner/index.mjs +1 -1
  126. package/SplitToggleCard/index.js +22 -16
  127. package/SplitToggleCard/index.mjs +22 -16
  128. package/Stepper/index.js +1 -1
  129. package/Stepper/index.mjs +1 -1
  130. package/TabNav/index.js +1 -1
  131. package/TabNav/index.mjs +1 -1
  132. package/TabPanels/index.js +22 -16
  133. package/TabPanels/index.mjs +24 -18
  134. package/Tabs/index.js +1 -1
  135. package/Tabs/index.mjs +1 -1
  136. package/Text/index.js +1 -1
  137. package/Text/index.mjs +1 -1
  138. package/TextField/index.js +1 -1
  139. package/TextField/index.mjs +1 -1
  140. package/Textarea/index.js +3 -3
  141. package/Textarea/index.mjs +3 -3
  142. package/Theme/index.js +1 -1
  143. package/Theme/index.mjs +1 -1
  144. package/Toggle/index.js +1 -1
  145. package/Toggle/index.mjs +1 -1
  146. package/ToggleCard/index.js +20 -15
  147. package/ToggleCard/index.mjs +21 -16
  148. package/Tooltip/index.js +1 -1
  149. package/Tooltip/index.mjs +1 -1
  150. package/UnstyledButton/index.js +1 -1
  151. package/UnstyledButton/index.mjs +1 -1
  152. package/VerticalNav/index.js +115 -88
  153. package/VerticalNav/index.mjs +115 -88
  154. package/VerticalStack/index.js +1 -1
  155. package/VerticalStack/index.mjs +1 -1
  156. package/__chunks__/{Button-5AuHgwU3.js → Button-CQdi4TMV.js} +15 -12
  157. package/__chunks__/{Button-BsGH6vGC.mjs → Button-JL1YQxJ5.mjs} +16 -13
  158. package/__chunks__/{Calendar-D09mdpmC.js → Calendar-C9zdRov0.js} +3 -2
  159. package/__chunks__/{Calendar-BGZysoV0.mjs → Calendar-DLzAtdfg.mjs} +3 -2
  160. package/__chunks__/{CalendarBase-Bn9o8BdD.mjs → CalendarBase-DJ38_qK6.mjs} +86 -64
  161. package/__chunks__/{CalendarBase-DHxad3N9.js → CalendarBase-M-f289w8.js} +86 -64
  162. package/__chunks__/{Card-CJug4GMX.mjs → Card-BgjWYPVY.mjs} +21 -12
  163. package/__chunks__/{Card-BM2DKiVA.js → Card-LPIW5drP.js} +21 -12
  164. package/__chunks__/{Checkbox-D2-8vvdr.js → Checkbox-B_-6lfKk.js} +36 -28
  165. package/__chunks__/{Checkbox-BWfY9XqH.mjs → Checkbox-DcaO0fC3.mjs} +36 -28
  166. package/__chunks__/{CodeSnippet-CIijbclb.js → CodeSnippet-25l4r2Gh.js} +16 -12
  167. package/__chunks__/{CodeSnippet-QpCpkoXv.mjs → CodeSnippet-B3nsMpvq.mjs} +16 -12
  168. package/__chunks__/{DatePickerBase-CFB0JDQA.mjs → DatePickerBase-BQc8LKWg.mjs} +80 -62
  169. package/__chunks__/{DatePickerBase-DSPIErms.js → DatePickerBase-BYYfRTEY.js} +80 -62
  170. package/__chunks__/EasyPostLogo-C9-Q0lSn.js +22 -0
  171. package/__chunks__/EasyPostLogo-DgIgAGa3.mjs +23 -0
  172. package/__chunks__/{HelpMenu-CO6kYktc.mjs → HelpMenu-BZRV42ab.mjs} +30 -21
  173. package/__chunks__/{HelpMenu-nihaGEVy.js → HelpMenu-C2t8KQuU.js} +30 -20
  174. package/__chunks__/{HorizontalGrid-CAwv7zKY.js → HorizontalGrid-CAoDcmPW.js} +5 -3
  175. package/__chunks__/{HorizontalGrid-Dz8EFgmu.mjs → HorizontalGrid-DbLeJBt8.mjs} +6 -4
  176. package/__chunks__/{HorizontalStack-CxE8tPx_.mjs → HorizontalStack-CJavrBHm.mjs} +6 -4
  177. package/__chunks__/{HorizontalStack-CXpjASZi.js → HorizontalStack-CWdKKY8L.js} +5 -3
  178. package/__chunks__/{Icon-0SN9dbwU.mjs → Icon-BIpaQJ_I.mjs} +11 -10
  179. package/__chunks__/{Icon-W8F9w-jS.js → Icon-BRlbo3RF.js} +11 -10
  180. package/__chunks__/{InputCaption-C3Hf9Hvt.js → InputCaption-CccF4ynE.js} +19 -15
  181. package/__chunks__/{InputCaption-BJO9_Tby.mjs → InputCaption-DoyGkWQe.mjs} +19 -15
  182. package/__chunks__/{InputField-dq5XIhr1.mjs → InputField-CAY9O90X.mjs} +77 -66
  183. package/__chunks__/{InputField-CDHznUZd.js → InputField-DGb4ZDoR.js} +77 -66
  184. package/__chunks__/{InputIcon-Bpg4lyQx.mjs → InputIcon-CEATdJ1j.mjs} +9 -8
  185. package/__chunks__/{InputIcon-DdcvN3A4.js → InputIcon-DDKBJ_Tk.js} +9 -8
  186. package/__chunks__/{KebabButton-Bf1OdC5_.mjs → KebabButton-D-5Mjaj0.mjs} +15 -8
  187. package/__chunks__/{KebabButton-DdzHU7is.js → KebabButton-TbapERgy.js} +15 -8
  188. package/__chunks__/{Menu-DHwqwFlg.mjs → Menu-Ci1FGh8B.mjs} +88 -70
  189. package/__chunks__/{Menu-Kfc6nxFP.js → Menu-MGDv1tob.js} +88 -70
  190. package/__chunks__/{Notification-vF_YGVIP.js → Notification-DDQHWloB.js} +62 -48
  191. package/__chunks__/{Notification-BoT3Hm0B.mjs → Notification-DnNx0rb6.mjs} +64 -50
  192. package/__chunks__/{PillGroup-CAHVIlU0.js → PillGroup-BK8VCf3B.js} +41 -27
  193. package/__chunks__/{PillGroup-DjLJ4wVb.mjs → PillGroup-DN72MPhg.mjs} +41 -27
  194. package/__chunks__/{RadioGroup-DUu5GEpn.mjs → RadioGroup-BfKaJnSo.mjs} +58 -40
  195. package/__chunks__/{RadioGroup-CGQKZwDU.js → RadioGroup-BiCqtR0F.js} +58 -40
  196. package/__chunks__/{RangeCalendar-LPcJB19o.mjs → RangeCalendar-BdTjX8NT.mjs} +3 -2
  197. package/__chunks__/{RangeCalendar-Ckqj2J9L.js → RangeCalendar-Dz6LyRYS.js} +3 -2
  198. package/__chunks__/{SelectOverlay-CmbC4zrD.js → SelectOverlay-Bva0SG8D.js} +62 -51
  199. package/__chunks__/{SelectOverlay-DptO7xtn.mjs → SelectOverlay-q23ZLLi4.mjs} +62 -51
  200. package/__chunks__/{SelectorErrorTooltip-_D8DSBKs.js → SelectorErrorTooltip-BNLrFRLN.js} +19 -11
  201. package/__chunks__/{SelectorErrorTooltip-Dw1Fvd_q.mjs → SelectorErrorTooltip-rO2-k3Gl.mjs} +19 -12
  202. package/__chunks__/{Spinner-DOmPV59I.mjs → Spinner-COsekFr1.mjs} +17 -13
  203. package/__chunks__/{Spinner-D0ifPtVV.js → Spinner-vRnrcEz0.js} +16 -12
  204. package/__chunks__/{Stepper-BEyDIPNJ.mjs → Stepper-DlI-16t-.mjs} +48 -37
  205. package/__chunks__/{Stepper-CX0Mu37p.js → Stepper-lhcjfVFY.js} +47 -36
  206. package/__chunks__/{TabNav-vCt_zTvE.mjs → TabNav-BNhQF0b0.mjs} +10 -8
  207. package/__chunks__/{TabNav-B8aEzVyr.js → TabNav-bVgyfEV7.js} +10 -8
  208. package/__chunks__/{Tabs-DJ4aKu11.mjs → Tabs-BaROnbKg.mjs} +47 -38
  209. package/__chunks__/{Tabs-BL8odO0p.js → Tabs-DSngzN9A.js} +46 -37
  210. package/__chunks__/{Text-YOL3isF4.mjs → Text-D6oT5WJQ.mjs} +5 -4
  211. package/__chunks__/{Text-CSESKR_s.js → Text-DkzMEqky.js} +5 -4
  212. package/__chunks__/{TextField-D2QhDAdD.mjs → TextField-818kTElu.mjs} +3 -3
  213. package/__chunks__/{TextField-94cCP805.js → TextField-DKQVJPP_.js} +3 -3
  214. package/__chunks__/{Theme-DqbmY4wy.js → Theme-C2nSZUpG.js} +27 -17
  215. package/__chunks__/{Theme-BAFk7BvV.mjs → Theme-M__gFMM3.mjs} +28 -18
  216. package/__chunks__/{Toggle-D2ucsFxO.js → Toggle-BmJjrdVn.js} +43 -37
  217. package/__chunks__/{Toggle-CxjLdmzW.mjs → Toggle-DlDQ7rr2.mjs} +43 -37
  218. package/__chunks__/{Tooltip-DqpxBjpa.js → Tooltip-BSMvNula.js} +25 -17
  219. package/__chunks__/{Tooltip-DAyUY3na.mjs → Tooltip-BXRi0h4E.mjs} +25 -17
  220. package/__chunks__/{UnstyledButton-BFpQ2Irc.js → UnstyledButton-DW8CjaXN.js} +5 -3
  221. package/__chunks__/{UnstyledButton-DpQ5Ic9D.mjs → UnstyledButton-DxJLvL-G.mjs} +6 -4
  222. package/__chunks__/{VerticalStack-Dzpv3O67.js → VerticalStack-BHkiocKU.js} +5 -3
  223. package/__chunks__/{VerticalStack-C2yDQVHD.mjs → VerticalStack-DoMqBfYD.mjs} +6 -4
  224. package/__chunks__/index-CqNUlUoB.js +217 -0
  225. package/__chunks__/index-ee-P7jQr.mjs +218 -0
  226. package/__chunks__/{useEdgeInterceptors-D_DARZZd.mjs → useEdgeInterceptors-OZmGXvtF.mjs} +17 -14
  227. package/__chunks__/{useEdgeInterceptors-Ihk8NfjJ.js → useEdgeInterceptors-Rb2Hf0v8.js} +16 -13
  228. package/package.json +4 -6
  229. package/types.d.ts +1 -1
  230. package/types.d.ts.map +1 -1
  231. package/utilities/Noop.d.ts +1 -1
  232. package/utilities/Noop.d.ts.map +1 -1
  233. package/utilities/react.d.ts +1 -1
  234. package/utilities/react.d.ts.map +1 -1
  235. package/utilities/react.js +1 -1
  236. package/utilities/react.mjs +1 -1
  237. package/utilities/test.d.ts +1 -0
  238. package/utilities/test.d.ts.map +1 -1
  239. package/__chunks__/EasyPostLogo-B3Um5vvS.mjs +0 -22
  240. package/__chunks__/EasyPostLogo-DQt5KlFX.js +0 -21
  241. package/__chunks__/index-CUcRN4NO.js +0 -311
  242. package/__chunks__/index-Izk6uvQC.mjs +0 -312
@@ -29,8 +29,9 @@ var __objRest = (source, exclude) => {
29
29
  }
30
30
  return target;
31
31
  };
32
+ import { jsx, Fragment, jsxs } from "react/jsx-runtime";
32
33
  import * as React from "react";
33
- import React__default, { useCallback, useState, useEffect, useRef, isValidElement, cloneElement, Children, useMemo, createContext, useContext } from "react";
34
+ import React__default, { useCallback, useState, useEffect, useRef, isValidElement, cloneElement, Children, createElement, useMemo, createContext, useContext } from "react";
34
35
  import { $ as $5dc95899b306f630$export$c9058316764c140e } from "./mergeRefs-ClQjEiLh.mjs";
35
36
  import { $ as $df56164dff5785e2$export$4338b53315abf666 } from "./useObjectRef-77h4G8qk.mjs";
36
37
  import { C as Close } from "./Close-Cq6Q6MN6.mjs";
@@ -43,10 +44,10 @@ import { v as $507fabe10e71c6fb$export$630ff653c5ada6a9, x as $7215afc6de606d6b$
43
44
  import { $ as $9ab94262bd0047c7$export$420e68273165f4ec } from "./useFocusWithin-DcYF2gZd.mjs";
44
45
  import { $ as $6179b936705e76d3$export$ae780daf29e6d456 } from "./useHover-FWU5y5-k.mjs";
45
46
  import { s as shimExports } from "./index-DOQwYO8h.mjs";
46
- import { I as Icon } from "./Icon-0SN9dbwU.mjs";
47
- import { T as Text } from "./Text-YOL3isF4.mjs";
47
+ import { I as Icon } from "./Icon-BIpaQJ_I.mjs";
48
+ import { T as Text } from "./Text-D6oT5WJQ.mjs";
48
49
  import { classNames, variationName } from "../utilities/css.mjs";
49
- import { U as UnstyledButton } from "./UnstyledButton-DpQ5Ic9D.mjs";
50
+ import { U as UnstyledButton } from "./UnstyledButton-DxJLvL-G.mjs";
50
51
  import { _ as _inheritsLoose, T as TransitionGroupContext, P as PropTypes, C as CSSTransition } from "./CSSTransition-C4FQrt4m.mjs";
51
52
  import { a as _extends, _ as _objectWithoutPropertiesLoose } from "./objectWithoutPropertiesLoose-COdxq1Ge.mjs";
52
53
  function $77b352cf12efcf73$export$84726ef35ca2129a(queue) {
@@ -1414,7 +1415,7 @@ function NotificationTransition(_a) {
1414
1415
  nodeRef.current.addEventListener("transitionend", done, false);
1415
1416
  }
1416
1417
  }, []);
1417
- return React__default.createElement(CSSTransition, __spreadProps(__spreadValues({}, transitionGroupProps), {
1418
+ return createElement(CSSTransition, __spreadProps(__spreadValues({}, transitionGroupProps), {
1418
1419
  key: transitionKey,
1419
1420
  appear: true,
1420
1421
  nodeRef,
@@ -1452,20 +1453,22 @@ function NotificationRegion(props) {
1452
1453
  const { state, onTransitionPendingChange } = props;
1453
1454
  const ref = React__default.useRef(null);
1454
1455
  const { regionProps } = $6cc546b19ee7130a$export$b8cbbb20a51697de(props, state, ref);
1455
- return React__default.createElement("div", __spreadProps(__spreadValues({}, regionProps), {
1456
+ return jsx("div", __spreadProps(__spreadValues({}, regionProps), {
1456
1457
  ref,
1457
- className: styles$1.region
1458
- }), React__default.createElement(TransitionGroup, {
1459
- component: null
1460
- }, state.visibleToasts.map((toast) => React__default.createElement(NotificationTransition, {
1461
- key: toast.key,
1462
- transitionKey: toast.key,
1463
- onTransitionPendingChange
1464
- }, ({ nodeRef }) => React__default.createElement(Notification, {
1465
- ref: nodeRef,
1466
- toast,
1467
- state
1468
- })))));
1458
+ className: styles$1.region,
1459
+ children: jsx(TransitionGroup, {
1460
+ component: null,
1461
+ children: state.visibleToasts.map((toast) => jsx(NotificationTransition, {
1462
+ transitionKey: toast.key,
1463
+ onTransitionPendingChange,
1464
+ children: ({ nodeRef }) => jsx(Notification, {
1465
+ ref: nodeRef,
1466
+ toast,
1467
+ state
1468
+ })
1469
+ }, toast.key))
1470
+ })
1471
+ }));
1469
1472
  }
1470
1473
  function NotificationContainer(props) {
1471
1474
  const { getContainer = null, position = "fixed", offset, state } = props;
@@ -1490,13 +1493,16 @@ function NotificationContainer(props) {
1490
1493
  position: !requestFailed ? position : "fixed"
1491
1494
  };
1492
1495
  const containerStyles = __spreadValues(__spreadValues({}, positionStyleProps), positionProps);
1493
- return React__default.createElement(React__default.Fragment, null, showNotifications ? createPortal(React__default.createElement("div", {
1494
- className: styles$1.container,
1495
- style: containerStyles
1496
- }, React__default.createElement(NotificationRegion, {
1497
- state,
1498
- onTransitionPendingChange
1499
- })), container2 != null ? container2 : document.body) : null);
1496
+ return jsx(Fragment, {
1497
+ children: showNotifications ? createPortal(jsx("div", {
1498
+ className: styles$1.container,
1499
+ style: containerStyles,
1500
+ children: jsx(NotificationRegion, {
1501
+ state,
1502
+ onTransitionPendingChange
1503
+ })
1504
+ }), container2 != null ? container2 : document.body) : null
1505
+ });
1500
1506
  }
1501
1507
  const TOAST_TIMEOUT_DURATION = 4e3;
1502
1508
  class EasyUINotificationQueue extends $77b352cf12efcf73$export$f1f8569633bbbec4 {
@@ -1585,24 +1591,31 @@ const Notification = React__default.forwardRef((props, forwardedRef) => {
1585
1591
  const closeButtonPropsWithDismiss = __spreadProps(__spreadValues({}, closeButtonProps), {
1586
1592
  onPress: handleDismiss
1587
1593
  });
1588
- return React__default.createElement("div", __spreadProps(__spreadValues({}, notificationPropsWithAdjustedAriaRole), {
1594
+ return jsxs("div", __spreadProps(__spreadValues({}, notificationPropsWithAdjustedAriaRole), {
1589
1595
  ref: mergedRef,
1590
- className: classNames(styles$1.Notification, styles$1[variationName("status", status)], styles$1[variationName("type", type)])
1591
- }), React__default.createElement("div", {
1592
- className: styles$1.iconText
1593
- }, hasIcon && React__default.createElement(Icon, {
1594
- size: "lg",
1595
- symbol: getStatusIcon(status)
1596
- }), React__default.createElement("div", __spreadValues({}, titleProps), React__default.createElement(Text, {
1597
- weight: "semibold"
1598
- }, message))), type === "alert" && React__default.createElement("span", {
1599
- className: styles$1.closeButtonContainer
1600
- }, React__default.createElement(UnstyledButton, __spreadProps(__spreadValues({}, closeButtonPropsWithDismiss), {
1601
- className: styles$1.closeButton
1602
- }), React__default.createElement(Icon, {
1603
- size: "md",
1604
- symbol: Close
1605
- }))));
1596
+ className: classNames(styles$1.Notification, styles$1[variationName("status", status)], styles$1[variationName("type", type)]),
1597
+ children: [jsxs("div", {
1598
+ className: styles$1.iconText,
1599
+ children: [hasIcon && jsx(Icon, {
1600
+ size: "lg",
1601
+ symbol: getStatusIcon(status)
1602
+ }), jsx("div", __spreadProps(__spreadValues({}, titleProps), {
1603
+ children: jsx(Text, {
1604
+ weight: "semibold",
1605
+ children: message
1606
+ })
1607
+ }))]
1608
+ }), type === "alert" && jsx("span", {
1609
+ className: styles$1.closeButtonContainer,
1610
+ children: jsx(UnstyledButton, __spreadProps(__spreadValues({}, closeButtonPropsWithDismiss), {
1611
+ className: styles$1.closeButton,
1612
+ children: jsx(Icon, {
1613
+ size: "md",
1614
+ symbol: Close
1615
+ })
1616
+ }))
1617
+ })]
1618
+ }));
1606
1619
  });
1607
1620
  Notification.displayName = "Notification";
1608
1621
  function getStatusIcon(status) {
@@ -1650,14 +1663,15 @@ function NotificationProvider(props) {
1650
1663
  showWarningAlert: combinedState.showWarningAlert,
1651
1664
  closeActiveNotification: combinedState.closeActiveNotification
1652
1665
  };
1653
- return React__default.createElement(NotificationContext.Provider, {
1654
- value: notification
1655
- }, React__default.createElement(NotificationContainer, {
1656
- getContainer: notificationPlacement == null ? void 0 : notificationPlacement.getContainer,
1657
- offset: notificationPlacement == null ? void 0 : notificationPlacement.offset,
1658
- position: notificationPlacement == null ? void 0 : notificationPlacement.position,
1659
- state
1660
- }), children);
1666
+ return jsxs(NotificationContext.Provider, {
1667
+ value: notification,
1668
+ children: [jsx(NotificationContainer, {
1669
+ getContainer: notificationPlacement == null ? void 0 : notificationPlacement.getContainer,
1670
+ offset: notificationPlacement == null ? void 0 : notificationPlacement.offset,
1671
+ position: notificationPlacement == null ? void 0 : notificationPlacement.position,
1672
+ state
1673
+ }), children]
1674
+ });
1661
1675
  }
1662
1676
  export {
1663
1677
  Notification as N,
@@ -30,6 +30,7 @@ var __objRest = (source, exclude) => {
30
30
  }
31
31
  return target;
32
32
  };
33
+ const jsxRuntime = require("react/jsx-runtime");
33
34
  const React = require("react");
34
35
  const Button = require("./Button-BpQFyL49.js");
35
36
  const Label = require("./Label-B6GdFt8f.js");
@@ -64,8 +65,8 @@ const focusSafely = require("./focusSafely-C5HWSeZE.js");
64
65
  const useSelectableItem = require("./useSelectableItem-Dtmy73y6.js");
65
66
  const useLocalizedStringFormatter = require("./useLocalizedStringFormatter-DxxEMHfO.js");
66
67
  const Close = require("./Close-BQ2IlPyf.js");
67
- const Icon = require("./Icon-W8F9w-jS.js");
68
- const Text$1 = require("./Text-CSESKR_s.js");
68
+ const Icon = require("./Icon-BRlbo3RF.js");
69
+ const Text$1 = require("./Text-DkzMEqky.js");
69
70
  const utilities_css = require("../utilities/css.js");
70
71
  function $0d86e9c8f07f9a7b$export$762f73dccccd255d(options) {
71
72
  let { initialItems = [], initialSelectedKeys, getKey = (item) => {
@@ -2181,40 +2182,53 @@ function PillGroup(props) {
2181
2182
  };
2182
2183
  }, [background, isBorderless]);
2183
2184
  const style = __spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues({}, utilities_css.getResponsiveDesignToken("pill-group", "gap", "space", gap)), utilities_css.getComponentToken("pill-group", "align", align)), utilities_css.getComponentToken("pill-group", "block-align", blockAlign)), utilities_css.getComponentToken("pill-group", "wrap", wrap ? "wrap" : "nowrap")), utilities_css.getComponentToken("pill-group", "display", inline ? "inline-flex" : "flex"));
2184
- return React.createElement(InternalPillGroupContext.Provider, {
2185
- value: context2
2186
- }, React.createElement($eaf9e70818b436db$export$67ea30858aaf75e3, __spreadValues({}, props), React.createElement(Text$1.Text, {
2187
- visuallyHidden: true
2188
- }, React.createElement(Label.$01b77f81d0f07f68$export$b04be29aa201d4f5, null, label)), React.createElement($eaf9e70818b436db$export$f9fef0f55402315b, {
2189
- items,
2190
- className: styles.list,
2191
- style
2192
- }, children)));
2185
+ return jsxRuntime.jsx(InternalPillGroupContext.Provider, {
2186
+ value: context2,
2187
+ children: jsxRuntime.jsxs($eaf9e70818b436db$export$67ea30858aaf75e3, __spreadProps(__spreadValues({}, props), {
2188
+ children: [jsxRuntime.jsx(Text$1.Text, {
2189
+ visuallyHidden: true,
2190
+ children: jsxRuntime.jsx(Label.$01b77f81d0f07f68$export$b04be29aa201d4f5, {
2191
+ children: label
2192
+ })
2193
+ }), jsxRuntime.jsx($eaf9e70818b436db$export$f9fef0f55402315b, {
2194
+ items,
2195
+ className: styles.list,
2196
+ style,
2197
+ children
2198
+ })]
2199
+ }))
2200
+ });
2193
2201
  }
2194
2202
  function Pill(props) {
2195
2203
  const { label, icon } = props;
2196
2204
  const { background, isBorderless } = useInternalPillGroupContext();
2197
2205
  const style = __spreadValues({}, utilities_css.getComponentThemeToken("pill", "background", "color", background));
2198
2206
  const className = utilities_css.classNames(styles.Pill, isBorderless && styles.borderless);
2199
- return React.createElement($eaf9e70818b436db$export$3288d34c523a1192, __spreadValues({
2207
+ return jsxRuntime.jsx($eaf9e70818b436db$export$3288d34c523a1192, __spreadProps(__spreadValues({
2200
2208
  textValue: label,
2201
2209
  className,
2202
2210
  style
2203
- }, props), ({ allowsRemoving }) => React.createElement(React.Fragment, null, icon && React.createElement(Icon.Icon, {
2204
- size: "xs",
2205
- symbol: icon,
2206
- color: "primary.700"
2207
- }), React.createElement(Text$1.Text, {
2208
- color: "primary.800",
2209
- variant: "subtitle2"
2210
- }, label), allowsRemoving && React.createElement(Button.$d2b4bc8c273e7be6$export$353f5b6fc5456de1, {
2211
- className: styles.remove,
2212
- slot: "remove"
2213
- }, React.createElement(Icon.Icon, {
2214
- size: "xs",
2215
- symbol: Close.Close,
2216
- color: "primary.600"
2217
- }))));
2211
+ }, props), {
2212
+ children: ({ allowsRemoving }) => jsxRuntime.jsxs(jsxRuntime.Fragment, {
2213
+ children: [icon && jsxRuntime.jsx(Icon.Icon, {
2214
+ size: "xs",
2215
+ symbol: icon,
2216
+ color: "primary.700"
2217
+ }), jsxRuntime.jsx(Text$1.Text, {
2218
+ color: "primary.800",
2219
+ variant: "subtitle2",
2220
+ children: label
2221
+ }), allowsRemoving && jsxRuntime.jsx(Button.$d2b4bc8c273e7be6$export$353f5b6fc5456de1, {
2222
+ className: styles.remove,
2223
+ slot: "remove",
2224
+ children: jsxRuntime.jsx(Icon.Icon, {
2225
+ size: "xs",
2226
+ symbol: Close.Close,
2227
+ color: "primary.600"
2228
+ })
2229
+ })]
2230
+ })
2231
+ }));
2218
2232
  }
2219
2233
  PillGroup.Pill = Pill;
2220
2234
  exports.$0d86e9c8f07f9a7b$export$762f73dccccd255d = $0d86e9c8f07f9a7b$export$762f73dccccd255d;
@@ -29,6 +29,7 @@ var __objRest = (source, exclude) => {
29
29
  }
30
30
  return target;
31
31
  };
32
+ import { jsx, jsxs, Fragment } from "react/jsx-runtime";
32
33
  import React__default, { useState, useMemo, useRef, version, useEffect, cloneElement, useContext, createContext, useCallback, forwardRef, isValidElement } from "react";
33
34
  import { $ as $d2b4bc8c273e7be6$export$24d547caef80ccd1, a as $d2b4bc8c273e7be6$export$353f5b6fc5456de1 } from "./Button-B4DxcTvZ.mjs";
34
35
  import { a as $01b77f81d0f07f68$export$75b6ee27786ba447, $ as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "./Label-LpYJUKnw.mjs";
@@ -63,8 +64,8 @@ import { $ as $3ad3f6e1647bc98d$export$80f3e147d781571c } from "./focusSafely-Ce
63
64
  import { $ as $880e95eb8b93ba9a$export$ecf600387e221c37 } from "./useSelectableItem-BP2rZ6Gy.mjs";
64
65
  import { $ as $fca6afa0e843324b$export$f12b703ca79dfbb1 } from "./useLocalizedStringFormatter-DWQ_olZl.mjs";
65
66
  import { C as Close } from "./Close-Cq6Q6MN6.mjs";
66
- import { I as Icon } from "./Icon-0SN9dbwU.mjs";
67
- import { T as Text } from "./Text-YOL3isF4.mjs";
67
+ import { I as Icon } from "./Icon-BIpaQJ_I.mjs";
68
+ import { T as Text } from "./Text-D6oT5WJQ.mjs";
68
69
  import { getComponentToken, getResponsiveDesignToken, getComponentThemeToken, classNames } from "../utilities/css.mjs";
69
70
  function $0d86e9c8f07f9a7b$export$762f73dccccd255d(options) {
70
71
  let { initialItems = [], initialSelectedKeys, getKey = (item) => {
@@ -2180,40 +2181,53 @@ function PillGroup(props) {
2180
2181
  };
2181
2182
  }, [background, isBorderless]);
2182
2183
  const style = __spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues({}, getResponsiveDesignToken("pill-group", "gap", "space", gap)), getComponentToken("pill-group", "align", align)), getComponentToken("pill-group", "block-align", blockAlign)), getComponentToken("pill-group", "wrap", wrap ? "wrap" : "nowrap")), getComponentToken("pill-group", "display", inline ? "inline-flex" : "flex"));
2183
- return React__default.createElement(InternalPillGroupContext.Provider, {
2184
- value: context
2185
- }, React__default.createElement($eaf9e70818b436db$export$67ea30858aaf75e3, __spreadValues({}, props), React__default.createElement(Text, {
2186
- visuallyHidden: true
2187
- }, React__default.createElement($01b77f81d0f07f68$export$b04be29aa201d4f5, null, label)), React__default.createElement($eaf9e70818b436db$export$f9fef0f55402315b, {
2188
- items,
2189
- className: styles.list,
2190
- style
2191
- }, children)));
2184
+ return jsx(InternalPillGroupContext.Provider, {
2185
+ value: context,
2186
+ children: jsxs($eaf9e70818b436db$export$67ea30858aaf75e3, __spreadProps(__spreadValues({}, props), {
2187
+ children: [jsx(Text, {
2188
+ visuallyHidden: true,
2189
+ children: jsx($01b77f81d0f07f68$export$b04be29aa201d4f5, {
2190
+ children: label
2191
+ })
2192
+ }), jsx($eaf9e70818b436db$export$f9fef0f55402315b, {
2193
+ items,
2194
+ className: styles.list,
2195
+ style,
2196
+ children
2197
+ })]
2198
+ }))
2199
+ });
2192
2200
  }
2193
2201
  function Pill(props) {
2194
2202
  const { label, icon } = props;
2195
2203
  const { background, isBorderless } = useInternalPillGroupContext();
2196
2204
  const style = __spreadValues({}, getComponentThemeToken("pill", "background", "color", background));
2197
2205
  const className = classNames(styles.Pill, isBorderless && styles.borderless);
2198
- return React__default.createElement($eaf9e70818b436db$export$3288d34c523a1192, __spreadValues({
2206
+ return jsx($eaf9e70818b436db$export$3288d34c523a1192, __spreadProps(__spreadValues({
2199
2207
  textValue: label,
2200
2208
  className,
2201
2209
  style
2202
- }, props), ({ allowsRemoving }) => React__default.createElement(React__default.Fragment, null, icon && React__default.createElement(Icon, {
2203
- size: "xs",
2204
- symbol: icon,
2205
- color: "primary.700"
2206
- }), React__default.createElement(Text, {
2207
- color: "primary.800",
2208
- variant: "subtitle2"
2209
- }, label), allowsRemoving && React__default.createElement($d2b4bc8c273e7be6$export$353f5b6fc5456de1, {
2210
- className: styles.remove,
2211
- slot: "remove"
2212
- }, React__default.createElement(Icon, {
2213
- size: "xs",
2214
- symbol: Close,
2215
- color: "primary.600"
2216
- }))));
2210
+ }, props), {
2211
+ children: ({ allowsRemoving }) => jsxs(Fragment, {
2212
+ children: [icon && jsx(Icon, {
2213
+ size: "xs",
2214
+ symbol: icon,
2215
+ color: "primary.700"
2216
+ }), jsx(Text, {
2217
+ color: "primary.800",
2218
+ variant: "subtitle2",
2219
+ children: label
2220
+ }), allowsRemoving && jsx($d2b4bc8c273e7be6$export$353f5b6fc5456de1, {
2221
+ className: styles.remove,
2222
+ slot: "remove",
2223
+ children: jsx(Icon, {
2224
+ size: "xs",
2225
+ symbol: Close,
2226
+ color: "primary.600"
2227
+ })
2228
+ })]
2229
+ })
2230
+ }));
2217
2231
  }
2218
2232
  PillGroup.Pill = Pill;
2219
2233
  export {
@@ -29,10 +29,11 @@ var __objRest = (source, exclude) => {
29
29
  }
30
30
  return target;
31
31
  };
32
+ import { jsx, jsxs } from "react/jsx-runtime";
33
+ import { T as Text } from "./Text-D6oT5WJQ.mjs";
32
34
  import React__default, { useMemo, useState, useContext } from "react";
33
- import { T as Text } from "./Text-YOL3isF4.mjs";
34
- import { H as HorizontalStack } from "./HorizontalStack-CxE8tPx_.mjs";
35
- import { S as SelectorErrorTooltip } from "./SelectorErrorTooltip-Dw1Fvd_q.mjs";
35
+ import { H as HorizontalStack } from "./HorizontalStack-CJavrBHm.mjs";
36
+ import { S as SelectorErrorTooltip } from "./SelectorErrorTooltip-rO2-k3Gl.mjs";
36
37
  import { classNames } from "../utilities/css.mjs";
37
38
  import { $ as $3ef42575df84b30b$export$9d1611c77c2fe928, c as $bdb11010cef70236$export$f680877a34711e37 } from "./mergeProps-COnPag8r.mjs";
38
39
  import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "./filterDOMProps-eGTqWSTd.mjs";
@@ -295,32 +296,39 @@ function RadioGroupItem(props) {
295
296
  const { isHovered, hoverProps } = $6179b936705e76d3$export$ae780daf29e6d456(props);
296
297
  const className = classNames(styles$1.RadioGroupItem, isSelected && styles$1.selected, isDisabled && styles$1.disabled, isFocusVisible && styles$1.focusVisible, isHovered && styles$1.hovered, validationState === "invalid" && styles$1.invalid);
297
298
  const textColor = isDisabled ? "neutral.300" : validationState === "invalid" ? "negative.600" : "primary.800";
298
- return React__default.createElement("div", {
299
- className
300
- }, React__default.createElement(HorizontalStack, {
301
- gap: "1",
302
- blockAlign: "center"
303
- }, React__default.createElement("label", {
304
- className: styles$1.label
305
- }, React__default.createElement(HorizontalStack, __spreadValues({
306
- blockAlign: "start",
307
- gap: "1",
308
- wrap: false
309
- }, hoverProps), React__default.createElement("input", __spreadProps(__spreadValues(__spreadValues({
310
- "aria-invalid": validationState === "invalid"
311
- }, inputProps), focusProps), {
312
- className: styles$1.input,
313
- ref
314
- })), React__default.createElement("span", {
315
- className: styles$1.radioOuter
316
- }, React__default.createElement("span", {
317
- className: styles$1.radioInner
318
- })), React__default.createElement(Text, {
319
- variant: "body1",
320
- color: textColor
321
- }, children))), validationState === "invalid" && errorText && React__default.createElement(SelectorErrorTooltip, {
322
- content: errorText
323
- })));
299
+ return jsx("div", {
300
+ className,
301
+ children: jsxs(HorizontalStack, {
302
+ gap: "1",
303
+ blockAlign: "center",
304
+ children: [jsx("label", {
305
+ className: styles$1.label,
306
+ children: jsxs(HorizontalStack, __spreadProps(__spreadValues({
307
+ blockAlign: "start",
308
+ gap: "1",
309
+ wrap: false
310
+ }, hoverProps), {
311
+ children: [jsx("input", __spreadProps(__spreadValues(__spreadValues({
312
+ "aria-invalid": validationState === "invalid"
313
+ }, inputProps), focusProps), {
314
+ className: styles$1.input,
315
+ ref
316
+ })), jsx("span", {
317
+ className: styles$1.radioOuter,
318
+ children: jsx("span", {
319
+ className: styles$1.radioInner
320
+ })
321
+ }), jsx(Text, {
322
+ variant: "body1",
323
+ color: textColor,
324
+ children
325
+ })]
326
+ }))
327
+ }), validationState === "invalid" && errorText && jsx(SelectorErrorTooltip, {
328
+ content: errorText
329
+ })]
330
+ })
331
+ });
324
332
  }
325
333
  const RadioGroup$1 = "_RadioGroup_rhiwx_4";
326
334
  const list = "_list_rhiwx_13";
@@ -333,21 +341,31 @@ function RadioGroupContainer(props) {
333
341
  const castProps = props;
334
342
  const state = $a54cdc5c1942b639$export$bca9d026f8e704eb(castProps);
335
343
  const { radioGroupProps, labelProps } = $430f30ed08ec25fa$export$62b9571f283ff5c2(castProps, state);
336
- return React__default.createElement("fieldset", __spreadValues({
344
+ return jsxs("fieldset", __spreadProps(__spreadValues({
337
345
  className: styles.RadioGroup
338
- }, radioGroupProps), label2 && React__default.createElement("div", null, React__default.createElement(Text, __spreadValues({
339
- as: "legend",
340
- variant: "subtitle1",
341
- color: "gray.bold"
342
- }, labelProps), label2)), React__default.createElement(RadioGroupContext.Provider, {
343
- value: state
344
- }, children));
346
+ }, radioGroupProps), {
347
+ children: [label2 && jsx("div", {
348
+ children: jsx(Text, __spreadProps(__spreadValues({
349
+ as: "legend",
350
+ variant: "subtitle1",
351
+ color: "gray.bold"
352
+ }, labelProps), {
353
+ children: label2
354
+ }))
355
+ }), jsx(RadioGroupContext.Provider, {
356
+ value: state,
357
+ children
358
+ })]
359
+ }));
345
360
  }
346
361
  function RadioGroup(props) {
347
362
  const _a = props, { children } = _a, containerProps = __objRest(_a, ["children"]);
348
- return React__default.createElement(RadioGroupContainer, __spreadValues({}, containerProps), React__default.createElement("div", {
349
- className: styles.list
350
- }, children));
363
+ return jsx(RadioGroupContainer, __spreadProps(__spreadValues({}, containerProps), {
364
+ children: jsx("div", {
365
+ className: styles.list,
366
+ children
367
+ })
368
+ }));
351
369
  }
352
370
  RadioGroup.Container = RadioGroupContainer;
353
371
  RadioGroup.Item = RadioGroupItem;
@@ -30,10 +30,11 @@ var __objRest = (source, exclude) => {
30
30
  }
31
31
  return target;
32
32
  };
33
+ const jsxRuntime = require("react/jsx-runtime");
34
+ const Text = require("./Text-DkzMEqky.js");
33
35
  const React = require("react");
34
- const Text = require("./Text-CSESKR_s.js");
35
- const HorizontalStack = require("./HorizontalStack-CXpjASZi.js");
36
- const SelectorErrorTooltip = require("./SelectorErrorTooltip-_D8DSBKs.js");
36
+ const HorizontalStack = require("./HorizontalStack-CWdKKY8L.js");
37
+ const SelectorErrorTooltip = require("./SelectorErrorTooltip-BNLrFRLN.js");
37
38
  const utilities_css = require("../utilities/css.js");
38
39
  const mergeProps = require("./mergeProps-DLPcevok.js");
39
40
  const filterDOMProps = require("./filterDOMProps-p6wKN-SS.js");
@@ -296,32 +297,39 @@ function RadioGroupItem(props) {
296
297
  const { isHovered, hoverProps } = useHover.$6179b936705e76d3$export$ae780daf29e6d456(props);
297
298
  const className = utilities_css.classNames(styles$1.RadioGroupItem, isSelected && styles$1.selected, isDisabled && styles$1.disabled, isFocusVisible && styles$1.focusVisible, isHovered && styles$1.hovered, validationState === "invalid" && styles$1.invalid);
298
299
  const textColor = isDisabled ? "neutral.300" : validationState === "invalid" ? "negative.600" : "primary.800";
299
- return React.createElement("div", {
300
- className
301
- }, React.createElement(HorizontalStack.HorizontalStack, {
302
- gap: "1",
303
- blockAlign: "center"
304
- }, React.createElement("label", {
305
- className: styles$1.label
306
- }, React.createElement(HorizontalStack.HorizontalStack, __spreadValues({
307
- blockAlign: "start",
308
- gap: "1",
309
- wrap: false
310
- }, hoverProps), React.createElement("input", __spreadProps(__spreadValues(__spreadValues({
311
- "aria-invalid": validationState === "invalid"
312
- }, inputProps), focusProps), {
313
- className: styles$1.input,
314
- ref
315
- })), React.createElement("span", {
316
- className: styles$1.radioOuter
317
- }, React.createElement("span", {
318
- className: styles$1.radioInner
319
- })), React.createElement(Text.Text, {
320
- variant: "body1",
321
- color: textColor
322
- }, children))), validationState === "invalid" && errorText && React.createElement(SelectorErrorTooltip.SelectorErrorTooltip, {
323
- content: errorText
324
- })));
300
+ return jsxRuntime.jsx("div", {
301
+ className,
302
+ children: jsxRuntime.jsxs(HorizontalStack.HorizontalStack, {
303
+ gap: "1",
304
+ blockAlign: "center",
305
+ children: [jsxRuntime.jsx("label", {
306
+ className: styles$1.label,
307
+ children: jsxRuntime.jsxs(HorizontalStack.HorizontalStack, __spreadProps(__spreadValues({
308
+ blockAlign: "start",
309
+ gap: "1",
310
+ wrap: false
311
+ }, hoverProps), {
312
+ children: [jsxRuntime.jsx("input", __spreadProps(__spreadValues(__spreadValues({
313
+ "aria-invalid": validationState === "invalid"
314
+ }, inputProps), focusProps), {
315
+ className: styles$1.input,
316
+ ref
317
+ })), jsxRuntime.jsx("span", {
318
+ className: styles$1.radioOuter,
319
+ children: jsxRuntime.jsx("span", {
320
+ className: styles$1.radioInner
321
+ })
322
+ }), jsxRuntime.jsx(Text.Text, {
323
+ variant: "body1",
324
+ color: textColor,
325
+ children
326
+ })]
327
+ }))
328
+ }), validationState === "invalid" && errorText && jsxRuntime.jsx(SelectorErrorTooltip.SelectorErrorTooltip, {
329
+ content: errorText
330
+ })]
331
+ })
332
+ });
325
333
  }
326
334
  const RadioGroup$1 = "_RadioGroup_rhiwx_4";
327
335
  const list = "_list_rhiwx_13";
@@ -334,21 +342,31 @@ function RadioGroupContainer(props) {
334
342
  const castProps = props;
335
343
  const state = $a54cdc5c1942b639$export$bca9d026f8e704eb(castProps);
336
344
  const { radioGroupProps, labelProps } = $430f30ed08ec25fa$export$62b9571f283ff5c2(castProps, state);
337
- return React.createElement("fieldset", __spreadValues({
345
+ return jsxRuntime.jsxs("fieldset", __spreadProps(__spreadValues({
338
346
  className: styles.RadioGroup
339
- }, radioGroupProps), label2 && React.createElement("div", null, React.createElement(Text.Text, __spreadValues({
340
- as: "legend",
341
- variant: "subtitle1",
342
- color: "gray.bold"
343
- }, labelProps), label2)), React.createElement(RadioGroupContext.Provider, {
344
- value: state
345
- }, children));
347
+ }, radioGroupProps), {
348
+ children: [label2 && jsxRuntime.jsx("div", {
349
+ children: jsxRuntime.jsx(Text.Text, __spreadProps(__spreadValues({
350
+ as: "legend",
351
+ variant: "subtitle1",
352
+ color: "gray.bold"
353
+ }, labelProps), {
354
+ children: label2
355
+ }))
356
+ }), jsxRuntime.jsx(RadioGroupContext.Provider, {
357
+ value: state,
358
+ children
359
+ })]
360
+ }));
346
361
  }
347
362
  function RadioGroup(props) {
348
363
  const _a = props, { children } = _a, containerProps = __objRest(_a, ["children"]);
349
- return React.createElement(RadioGroupContainer, __spreadValues({}, containerProps), React.createElement("div", {
350
- className: styles.list
351
- }, children));
364
+ return jsxRuntime.jsx(RadioGroupContainer, __spreadProps(__spreadValues({}, containerProps), {
365
+ children: jsxRuntime.jsx("div", {
366
+ className: styles.list,
367
+ children
368
+ })
369
+ }));
352
370
  }
353
371
  RadioGroup.Container = RadioGroupContainer;
354
372
  RadioGroup.Item = RadioGroupItem;
@@ -29,8 +29,9 @@ var __objRest = (source, exclude) => {
29
29
  }
30
30
  return target;
31
31
  };
32
+ import { jsx } from "react/jsx-runtime";
32
33
  import React__default, { useState, useRef, useMemo } from "react";
33
- import { c as $f62d864046160412$export$f4a51ff076cc9a09, d as $11d87f3f76e88657$export$93522d1a439f3617, e as $14e0f24ef4ac5c92$export$a75f2bff57811055, f as $14e0f24ef4ac5c92$export$5c333a116e949cdd, a as $131cf43a05231e1e$export$6d095e787d2b5e1f, g as $14e0f24ef4ac5c92$export$91b62ebf2ba703ee, h as $f62d864046160412$export$eac50920cf2fd59a, i as $f62d864046160412$export$4f5203c0d889109e, j as $f62d864046160412$export$a1d3911297b952d7, k as $11d87f3f76e88657$export$b4a036af3fc0b032, l as $3b62074eb05584b2$export$80ee6245ec4f29ec, $ as $c4acc1de3ab169cf$export$d652b3ea2d672d5b, C as CalendarBase, b as $64244302c3013299$export$dd0bbc9b26defe37 } from "./CalendarBase-Bn9o8BdD.mjs";
34
+ import { c as $f62d864046160412$export$f4a51ff076cc9a09, d as $11d87f3f76e88657$export$93522d1a439f3617, e as $14e0f24ef4ac5c92$export$a75f2bff57811055, f as $14e0f24ef4ac5c92$export$5c333a116e949cdd, a as $131cf43a05231e1e$export$6d095e787d2b5e1f, g as $14e0f24ef4ac5c92$export$91b62ebf2ba703ee, h as $f62d864046160412$export$eac50920cf2fd59a, i as $f62d864046160412$export$4f5203c0d889109e, j as $f62d864046160412$export$a1d3911297b952d7, k as $11d87f3f76e88657$export$b4a036af3fc0b032, l as $3b62074eb05584b2$export$80ee6245ec4f29ec, $ as $c4acc1de3ab169cf$export$d652b3ea2d672d5b, C as CalendarBase, b as $64244302c3013299$export$dd0bbc9b26defe37 } from "./CalendarBase-DJ38_qK6.mjs";
34
35
  import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "./context-5UR8ToA1.mjs";
35
36
  import { $ as $458b0a5536c1a7cf$export$40bfa8c7b0832715 } from "./useControlledState-BPR3PrW4.mjs";
36
37
  import { $ as $e9faafb641e167db$export$90fc3a17d93f704c } from "./useEvent-CnahkmoD.mjs";
@@ -217,7 +218,7 @@ function RangeCalendar(props) {
217
218
  createCalendar: $64244302c3013299$export$dd0bbc9b26defe37
218
219
  }));
219
220
  const rangeCalendarProps = $46a4342aab3d8076$export$87e0539f600c24e5(props, state, calendarRef);
220
- return React__default.createElement(CalendarBase, __spreadProps(__spreadValues(__spreadValues({}, props), rangeCalendarProps), {
221
+ return jsx(CalendarBase, __spreadProps(__spreadValues(__spreadValues({}, props), rangeCalendarProps), {
221
222
  state,
222
223
  calendarRef
223
224
  }));