@react-spectrum/s2 3.0.0-nightly-56da82e3e-250212 → 3.0.0-nightly-3dbdc1e8e-250214

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 (267) hide show
  1. package/dist/Accordion.cjs +3 -3
  2. package/dist/Accordion.css +2 -2
  3. package/dist/Accordion.mjs +3 -3
  4. package/dist/ActionBar.cjs +47 -47
  5. package/dist/ActionBar.css +51 -51
  6. package/dist/ActionBar.mjs +47 -47
  7. package/dist/ActionButton.cjs +97 -97
  8. package/dist/ActionButton.css +96 -96
  9. package/dist/ActionButton.mjs +97 -97
  10. package/dist/ActionButtonGroup.cjs +11 -11
  11. package/dist/ActionButtonGroup.css +9 -9
  12. package/dist/ActionButtonGroup.mjs +11 -11
  13. package/dist/AlertDialog.cjs +3 -3
  14. package/dist/AlertDialog.css +3 -3
  15. package/dist/AlertDialog.mjs +3 -3
  16. package/dist/Avatar.cjs +17 -17
  17. package/dist/Avatar.css +14 -14
  18. package/dist/Avatar.mjs +17 -17
  19. package/dist/AvatarGroup.cjs +100 -100
  20. package/dist/AvatarGroup.css +34 -34
  21. package/dist/AvatarGroup.mjs +100 -100
  22. package/dist/Badge.cjs +68 -92
  23. package/dist/Badge.cjs.map +1 -1
  24. package/dist/Badge.css +92 -164
  25. package/dist/Badge.css.map +1 -1
  26. package/dist/Badge.mjs +68 -92
  27. package/dist/Badge.mjs.map +1 -1
  28. package/dist/Breadcrumbs.cjs +115 -115
  29. package/dist/Breadcrumbs.css +89 -89
  30. package/dist/Breadcrumbs.mjs +115 -115
  31. package/dist/Button.cjs +152 -236
  32. package/dist/Button.cjs.map +1 -1
  33. package/dist/Button.css +165 -309
  34. package/dist/Button.css.map +1 -1
  35. package/dist/Button.mjs +152 -236
  36. package/dist/Button.mjs.map +1 -1
  37. package/dist/ButtonGroup.cjs +19 -19
  38. package/dist/ButtonGroup.css +15 -15
  39. package/dist/ButtonGroup.mjs +19 -19
  40. package/dist/Card.cjs +261 -264
  41. package/dist/Card.cjs.map +1 -1
  42. package/dist/Card.css +198 -210
  43. package/dist/Card.css.map +1 -1
  44. package/dist/Card.mjs +261 -264
  45. package/dist/Card.mjs.map +1 -1
  46. package/dist/CardView.cjs +15 -15
  47. package/dist/CardView.css +18 -18
  48. package/dist/CardView.mjs +15 -15
  49. package/dist/CenterBaseline.cjs +1 -1
  50. package/dist/CenterBaseline.css +2 -2
  51. package/dist/CenterBaseline.mjs +1 -1
  52. package/dist/Checkbox.cjs +73 -124
  53. package/dist/Checkbox.cjs.map +1 -1
  54. package/dist/Checkbox.css +81 -201
  55. package/dist/Checkbox.css.map +1 -1
  56. package/dist/Checkbox.mjs +73 -124
  57. package/dist/Checkbox.mjs.map +1 -1
  58. package/dist/CheckboxGroup.cjs +49 -49
  59. package/dist/CheckboxGroup.css +41 -41
  60. package/dist/CheckboxGroup.mjs +49 -49
  61. package/dist/ClearButton.cjs +15 -15
  62. package/dist/ClearButton.css +17 -17
  63. package/dist/ClearButton.mjs +15 -15
  64. package/dist/CloseButton.cjs +35 -35
  65. package/dist/CloseButton.css +33 -33
  66. package/dist/CloseButton.mjs +35 -35
  67. package/dist/ColorArea.cjs +22 -22
  68. package/dist/ColorArea.css +15 -15
  69. package/dist/ColorArea.mjs +22 -22
  70. package/dist/ColorField.cjs +38 -38
  71. package/dist/ColorField.css +32 -32
  72. package/dist/ColorField.mjs +38 -38
  73. package/dist/ColorHandle.cjs +21 -27
  74. package/dist/ColorHandle.cjs.map +1 -1
  75. package/dist/ColorHandle.css +45 -93
  76. package/dist/ColorHandle.css.map +1 -1
  77. package/dist/ColorHandle.mjs +21 -27
  78. package/dist/ColorHandle.mjs.map +1 -1
  79. package/dist/ColorSlider.cjs +52 -52
  80. package/dist/ColorSlider.css +51 -51
  81. package/dist/ColorSlider.mjs +52 -52
  82. package/dist/ColorSwatch.cjs +24 -27
  83. package/dist/ColorSwatch.cjs.map +1 -1
  84. package/dist/ColorSwatch.css +29 -41
  85. package/dist/ColorSwatch.css.map +1 -1
  86. package/dist/ColorSwatch.mjs +24 -27
  87. package/dist/ColorSwatch.mjs.map +1 -1
  88. package/dist/ColorSwatchPicker.cjs +23 -23
  89. package/dist/ColorSwatchPicker.css +48 -60
  90. package/dist/ColorSwatchPicker.css.map +1 -1
  91. package/dist/ColorSwatchPicker.mjs +23 -23
  92. package/dist/ColorWheel.cjs +22 -22
  93. package/dist/ColorWheel.css +16 -16
  94. package/dist/ColorWheel.mjs +22 -22
  95. package/dist/ComboBox.cjs +80 -80
  96. package/dist/ComboBox.css +88 -88
  97. package/dist/ComboBox.mjs +80 -80
  98. package/dist/ContextualHelp.cjs +5 -5
  99. package/dist/ContextualHelp.css +38 -38
  100. package/dist/ContextualHelp.mjs +5 -5
  101. package/dist/CustomDialog.cjs +31 -31
  102. package/dist/CustomDialog.css +25 -25
  103. package/dist/CustomDialog.mjs +31 -31
  104. package/dist/Dialog.cjs +17 -17
  105. package/dist/Dialog.css +64 -64
  106. package/dist/Dialog.mjs +17 -17
  107. package/dist/Disclosure.cjs +108 -111
  108. package/dist/Disclosure.cjs.map +1 -1
  109. package/dist/Disclosure.css +112 -124
  110. package/dist/Disclosure.css.map +1 -1
  111. package/dist/Disclosure.mjs +108 -111
  112. package/dist/Disclosure.mjs.map +1 -1
  113. package/dist/Divider.cjs +26 -26
  114. package/dist/Divider.css +16 -16
  115. package/dist/Divider.mjs +26 -26
  116. package/dist/DropZone.cjs +47 -56
  117. package/dist/DropZone.cjs.map +1 -1
  118. package/dist/DropZone.css +56 -80
  119. package/dist/DropZone.css.map +1 -1
  120. package/dist/DropZone.mjs +47 -56
  121. package/dist/DropZone.mjs.map +1 -1
  122. package/dist/Field.cjs +150 -204
  123. package/dist/Field.cjs.map +1 -1
  124. package/dist/Field.css +150 -246
  125. package/dist/Field.css.map +1 -1
  126. package/dist/Field.mjs +150 -204
  127. package/dist/Field.mjs.map +1 -1
  128. package/dist/Form.cjs +10 -10
  129. package/dist/Form.css +9 -9
  130. package/dist/Form.mjs +10 -10
  131. package/dist/FullscreenDialog.cjs +5 -5
  132. package/dist/FullscreenDialog.css +72 -72
  133. package/dist/FullscreenDialog.mjs +5 -5
  134. package/dist/IllustratedMessage.cjs +134 -134
  135. package/dist/IllustratedMessage.css +69 -69
  136. package/dist/IllustratedMessage.mjs +134 -134
  137. package/dist/Image.cjs +12 -12
  138. package/dist/Image.css +13 -13
  139. package/dist/Image.mjs +12 -12
  140. package/dist/InlineAlert.cjs +77 -104
  141. package/dist/InlineAlert.cjs.map +1 -1
  142. package/dist/InlineAlert.css +77 -149
  143. package/dist/InlineAlert.css.map +1 -1
  144. package/dist/InlineAlert.mjs +77 -104
  145. package/dist/InlineAlert.mjs.map +1 -1
  146. package/dist/Link.cjs +31 -31
  147. package/dist/Link.css +30 -30
  148. package/dist/Link.mjs +31 -31
  149. package/dist/Menu.cjs +269 -269
  150. package/dist/Menu.css +155 -155
  151. package/dist/Menu.mjs +269 -269
  152. package/dist/Meter.cjs +85 -85
  153. package/dist/Meter.css +81 -81
  154. package/dist/Meter.mjs +85 -85
  155. package/dist/Modal.cjs +48 -48
  156. package/dist/Modal.css +46 -46
  157. package/dist/Modal.mjs +48 -48
  158. package/dist/NumberField.cjs +115 -115
  159. package/dist/NumberField.css +114 -114
  160. package/dist/NumberField.mjs +115 -115
  161. package/dist/Picker.cjs +177 -195
  162. package/dist/Picker.cjs.map +1 -1
  163. package/dist/Picker.css +164 -224
  164. package/dist/Picker.css.map +1 -1
  165. package/dist/Picker.mjs +177 -195
  166. package/dist/Picker.mjs.map +1 -1
  167. package/dist/Popover.cjs +79 -85
  168. package/dist/Popover.cjs.map +1 -1
  169. package/dist/Popover.css +65 -89
  170. package/dist/Popover.css.map +1 -1
  171. package/dist/Popover.mjs +79 -85
  172. package/dist/Popover.mjs.map +1 -1
  173. package/dist/ProgressBar.cjs +98 -98
  174. package/dist/ProgressBar.css +92 -92
  175. package/dist/ProgressBar.mjs +98 -98
  176. package/dist/ProgressCircle.cjs +17 -17
  177. package/dist/ProgressCircle.css +15 -15
  178. package/dist/ProgressCircle.mjs +17 -17
  179. package/dist/Provider.cjs +4 -4
  180. package/dist/Provider.css +5 -5
  181. package/dist/Provider.mjs +4 -4
  182. package/dist/Radio.cjs +80 -152
  183. package/dist/Radio.cjs.map +1 -1
  184. package/dist/Radio.css +96 -240
  185. package/dist/Radio.css.map +1 -1
  186. package/dist/Radio.mjs +80 -152
  187. package/dist/Radio.mjs.map +1 -1
  188. package/dist/RadioGroup.cjs +47 -47
  189. package/dist/RadioGroup.css +41 -41
  190. package/dist/RadioGroup.mjs +47 -47
  191. package/dist/SearchField.cjs +42 -42
  192. package/dist/SearchField.css +47 -47
  193. package/dist/SearchField.mjs +42 -42
  194. package/dist/SegmentedControl.cjs +89 -101
  195. package/dist/SegmentedControl.cjs.map +1 -1
  196. package/dist/SegmentedControl.css +92 -140
  197. package/dist/SegmentedControl.css.map +1 -1
  198. package/dist/SegmentedControl.mjs +89 -101
  199. package/dist/SegmentedControl.mjs.map +1 -1
  200. package/dist/Slider.cjs +196 -229
  201. package/dist/Slider.cjs.map +1 -1
  202. package/dist/Slider.css +149 -221
  203. package/dist/Slider.css.map +1 -1
  204. package/dist/Slider.mjs +196 -229
  205. package/dist/Slider.mjs.map +1 -1
  206. package/dist/StatusLight.cjs +56 -56
  207. package/dist/StatusLight.css +59 -59
  208. package/dist/StatusLight.mjs +56 -56
  209. package/dist/Switch.cjs +74 -107
  210. package/dist/Switch.cjs.map +1 -1
  211. package/dist/Switch.css +69 -141
  212. package/dist/Switch.css.map +1 -1
  213. package/dist/Switch.mjs +74 -107
  214. package/dist/Switch.mjs.map +1 -1
  215. package/dist/TableView.cjs +253 -280
  216. package/dist/TableView.cjs.map +1 -1
  217. package/dist/TableView.css +163 -199
  218. package/dist/TableView.css.map +1 -1
  219. package/dist/TableView.mjs +253 -280
  220. package/dist/TableView.mjs.map +1 -1
  221. package/dist/Tabs.cjs +108 -108
  222. package/dist/Tabs.css +81 -81
  223. package/dist/Tabs.mjs +108 -108
  224. package/dist/TabsPicker.cjs +105 -105
  225. package/dist/TabsPicker.css +111 -111
  226. package/dist/TabsPicker.mjs +105 -105
  227. package/dist/TagGroup.cjs +148 -148
  228. package/dist/TagGroup.css +134 -134
  229. package/dist/TagGroup.mjs +148 -148
  230. package/dist/TextField.cjs +59 -59
  231. package/dist/TextField.css +62 -62
  232. package/dist/TextField.mjs +59 -59
  233. package/dist/ToggleButton.cjs +3 -3
  234. package/dist/ToggleButton.css +12 -12
  235. package/dist/ToggleButton.mjs +3 -3
  236. package/dist/Tooltip.cjs +57 -60
  237. package/dist/Tooltip.cjs.map +1 -1
  238. package/dist/Tooltip.css +71 -83
  239. package/dist/Tooltip.css.map +1 -1
  240. package/dist/Tooltip.mjs +57 -60
  241. package/dist/Tooltip.mjs.map +1 -1
  242. package/dist/TreeView.cjs +199 -248
  243. package/dist/TreeView.cjs.map +1 -1
  244. package/dist/TreeView.css +131 -175
  245. package/dist/TreeView.css.map +1 -1
  246. package/dist/TreeView.mjs +202 -248
  247. package/dist/TreeView.mjs.map +1 -1
  248. package/dist/main.cjs +1 -0
  249. package/dist/main.cjs.map +1 -1
  250. package/dist/module.mjs +2 -2
  251. package/dist/module.mjs.map +1 -1
  252. package/dist/types.d.ts +4 -1
  253. package/dist/types.d.ts.map +1 -1
  254. package/icons/Skeleton.cjs +2 -2
  255. package/icons/Skeleton.css +5 -5
  256. package/icons/Skeleton.mjs +2 -2
  257. package/package.json +21 -21
  258. package/src/TreeView.tsx +66 -134
  259. package/src/index.ts +1 -1
  260. package/style/__tests__/style-macro.test.js +18 -18
  261. package/style/dist/spectrum-theme.cjs +10 -20
  262. package/style/dist/spectrum-theme.cjs.map +1 -1
  263. package/style/dist/spectrum-theme.mjs +10 -20
  264. package/style/dist/spectrum-theme.mjs.map +1 -1
  265. package/style/dist/types.d.ts +0 -4
  266. package/style/dist/types.d.ts.map +1 -1
  267. package/style/spectrum-theme.ts +11 -19
package/dist/TreeView.mjs CHANGED
@@ -5,12 +5,12 @@ import {centerBaseline as $1f4b04be3f24aae3$export$9d7e2342a7e53afa} from "./Cen
5
5
  import {Checkbox as $9b405e0f8095dce0$export$48513f6b9f8ce62d} from "./Checkbox.mjs";
6
6
  import $4b69f02ec06b9226$export$2e2bcd8739ae039 from "./Chevron.mjs";
7
7
  import {IconContext as $ac8c32e6775ddd1f$export$a49f528ae1a4d0ed} from "../icons/Icon.mjs";
8
- import {Text as $8e847109a6ab556d$export$5f1af8db9871e1d6, TextContext as $8e847109a6ab556d$export$9afb8bc826b033ea} from "./Content.mjs";
8
+ import {TextContext as $8e847109a6ab556d$export$9afb8bc826b033ea} from "./Content.mjs";
9
9
  import {useScale as $859432f3b3573fcb$export$a8d2043b2d807f4d} from "./utils.mjs";
10
10
  import {jsx as $iOVFT$jsx, jsxs as $iOVFT$jsxs} from "react/jsx-runtime";
11
- import {UNSTABLE_ListLayout as $iOVFT$UNSTABLE_ListLayout, UNSTABLE_Virtualizer as $iOVFT$UNSTABLE_Virtualizer, UNSTABLE_Tree as $iOVFT$UNSTABLE_Tree, Collection as $iOVFT$Collection, UNSTABLE_TreeItem as $iOVFT$UNSTABLE_TreeItem, UNSTABLE_TreeItemContent as $iOVFT$UNSTABLE_TreeItemContent, Provider as $iOVFT$Provider, useContextProps as $iOVFT$useContextProps, ButtonContext as $iOVFT$ButtonContext, Button as $iOVFT$Button} from "react-aria-components";
11
+ import {UNSTABLE_ListLayout as $iOVFT$UNSTABLE_ListLayout, UNSTABLE_Virtualizer as $iOVFT$UNSTABLE_Virtualizer, UNSTABLE_Tree as $iOVFT$UNSTABLE_Tree, UNSTABLE_TreeItem as $iOVFT$UNSTABLE_TreeItem, UNSTABLE_TreeItemContent as $iOVFT$UNSTABLE_TreeItemContent, Provider as $iOVFT$Provider, useContextProps as $iOVFT$useContextProps, ButtonContext as $iOVFT$ButtonContext, Button as $iOVFT$Button} from "react-aria-components";
12
12
  import {isAndroid as $iOVFT$isAndroid} from "@react-aria/utils";
13
- import $iOVFT$react, {createContext as $iOVFT$createContext, useContext as $iOVFT$useContext, useMemo as $iOVFT$useMemo, isValidElement as $iOVFT$isValidElement, useRef as $iOVFT$useRef, forwardRef as $iOVFT$forwardRef} from "react";
13
+ import {createContext as $iOVFT$createContext, useMemo as $iOVFT$useMemo, useContext as $iOVFT$useContext, useRef as $iOVFT$useRef, forwardRef as $iOVFT$forwardRef} from "react";
14
14
  import {useDOMRef as $iOVFT$useDOMRef} from "@react-spectrum/utils";
15
15
  import {useLocale as $iOVFT$useLocale} from "react-aria";
16
16
 
@@ -39,40 +39,37 @@ import {useLocale as $iOVFT$useLocale} from "react-aria";
39
39
 
40
40
 
41
41
  const $03960a2740ca2b19$var$TreeRendererContext = /*#__PURE__*/ (0, $iOVFT$createContext)({});
42
- function $03960a2740ca2b19$var$useTreeRendererContext() {
43
- return (0, $iOVFT$useContext)($03960a2740ca2b19$var$TreeRendererContext);
44
- }
45
42
  let $03960a2740ca2b19$var$InternalTreeContext = /*#__PURE__*/ (0, $iOVFT$createContext)({});
46
43
  // TODO: the below is needed so the borders of the top and bottom row isn't cut off if the TreeView is wrapped within a container by always reserving the 2px needed for the
47
44
  // keyboard focus ring. Perhaps find a different way of rendering the outlines since the top of the item doesn't
48
45
  // scroll into view due to how the ring is offset. Alternatively, have the tree render the top/bottom outline like it does in Listview
49
46
  const $03960a2740ca2b19$var$tree = function anonymous(props, overrides) {
50
47
  let rules = " .";
51
- let matches = (overrides || '').match(/(?:^|\s)(?:B|C|D|E|__d|__c|g|_9|_8|__E|__g|__h|__e|__f|Y|__U|_b|_d|Z|_a|k|p|q|j|n|o)[^\s]+/g) || [];
48
+ let matches = (overrides || '').match(/(?:^|\s)(?:y|z|A|B|__a|_9|h|_6|_5|__B|__d|__e|__b|__c|V|__R|Y|_a|W|X|l|q|r|k|o|p)[^\s]+/g) || [];
52
49
  rules += matches.join('');
53
- let $n = false;
54
- let $p = false;
50
+ let $o = false;
51
+ let $q = false;
52
+ let $l = false;
55
53
  let $k = false;
56
- let $j = false;
57
54
  for (let p of matches){
58
- if (/^\s*n/.test(p)) $n = true;
59
- if (/^\s*p/.test(p)) $p = true;
55
+ if (/^\s*o/.test(p)) $o = true;
56
+ if (/^\s*q/.test(p)) $q = true;
57
+ if (/^\s*l/.test(p)) $l = true;
60
58
  if (/^\s*k/.test(p)) $k = true;
61
- if (/^\s*j/.test(p)) $j = true;
62
59
  }
63
- rules += ' __Ha';
64
- if (!$n) rules += ' no';
65
- if (!$p) rules += ' po';
66
- if (!$k) rules += ' kb';
67
- rules += ' __za';
68
- rules += ' __Aa';
69
- rules += ' __ra';
70
- if (props.isEmpty) rules += ' _6d';
71
- if (props.isEmpty) rules += ' _5c';
72
- if (!$j) {
73
- if (props.isEmpty) rules += ' jb';
60
+ rules += ' __Ea';
61
+ if (!$o) rules += ' oo';
62
+ if (!$q) rules += ' qo';
63
+ if (!$l) rules += ' lb';
64
+ rules += ' __wa';
65
+ rules += ' __xa';
66
+ rules += ' __oa';
67
+ if (props.isEmpty) rules += ' _3d';
68
+ if (props.isEmpty) rules += ' _2c';
69
+ if (!$k) {
70
+ if (props.isEmpty) rules += ' kb';
74
71
  }
75
- rules += ' -_11sb0gx_k-E';
72
+ rules += ' -_11sb0gx_l-E';
76
73
  return rules;
77
74
  };
78
75
  function $03960a2740ca2b19$var$TreeView(props, ref) {
@@ -144,28 +141,28 @@ const $03960a2740ca2b19$var$rowBackgroundColor = {
144
141
  };
145
142
  const $03960a2740ca2b19$var$treeRow = function anonymous(props) {
146
143
  let rules = " .";
147
- rules += ' Yc';
148
- rules += ' _3d';
149
- rules += ' j2';
150
- rules += ' kb';
151
- rules += ' __ra';
152
- rules += ' _g-bc1l9oh';
153
- rules += ' _g-1uotwbwg';
154
- rules += ' _g-eo0c6sf';
155
- rules += ' _g-enzzrge';
156
- rules += ' _g-enzykdd';
157
- rules += ' _g-enzwzjc';
158
- rules += ' _g-enzrfpb';
144
+ rules += ' Vc';
145
+ rules += ' _0d';
146
+ rules += ' k2';
147
+ rules += ' lb';
148
+ rules += ' __oa';
149
+ rules += ' _d-bc1l9oh';
150
+ rules += ' _d-1uotwbwg';
151
+ rules += ' _d-eo0c6sf';
152
+ rules += ' _d-enzzrge';
153
+ rules += ' _d-enzykdd';
154
+ rules += ' _d-enzwzjc';
155
+ rules += ' _d-enzrfpb';
156
+ rules += ' _da';
157
+ rules += ' _ebf';
158
+ rules += ' _ee';
159
+ rules += ' _fb';
160
+ rules += ' _g-1x99dlob';
159
161
  rules += ' _ga';
160
- rules += ' _hbf';
161
- rules += ' _he';
162
- rules += ' _ib';
163
- rules += ' _j-1x99dlob';
164
- rules += ' _ja';
165
162
  rules += ' an';
166
- rules += ' _Pa';
167
- if (props.isLink) rules += ' __Lc';
168
- else rules += ' __Lb';
163
+ rules += ' _Ma';
164
+ if (props.isLink) rules += ' __Ic';
165
+ else rules += ' __Ib';
169
166
  rules += ' -_19jpv4m_b-a_____H';
170
167
  if (props.isSelected) {
171
168
  if (props.isPressed) {
@@ -183,77 +180,51 @@ const $03960a2740ca2b19$var$treeRow = function anonymous(props) {
183
180
  else if (props.isHovered) rules += ' -_19jpv4m_b--26tcdv';
184
181
  else if (props.isFocusVisibleWithin) rules += ' -_19jpv4m_b--26tcdv';
185
182
  else rules += ' -_19jpv4m_b--1de2x0q';
186
- rules += ' -oorfdf_c-a_____M';
187
- rules += ' -oorfdf_c-x';
183
+ rules += ' -oorfdf_d-a_____M';
184
+ rules += ' -oorfdf_d-x';
188
185
  return rules;
189
186
  };
190
187
  const $03960a2740ca2b19$var$treeCellGrid = function anonymous(props) {
191
188
  let rules = " .";
192
- rules += ' _3f';
189
+ rules += ' _0f';
190
+ rules += ' lb';
193
191
  rules += ' kb';
194
- rules += ' jb';
195
- rules += ' _4b';
196
- rules += ' _5c';
197
- rules += ' __l-22ig44';
198
- rules += ' __m-2wzs0i';
199
- rules += ' __n-17p9pp0';
192
+ rules += ' _1b';
193
+ rules += ' _2c';
194
+ rules += ' __i-22ig44';
195
+ rules += ' __j-2wzs0i';
196
+ rules += ' __k-17p9pp0';
200
197
  rules += ' b-19jpv4m';
201
- rules += ' Gc';
198
+ rules += ' Dc';
202
199
  if (props.isDisabled) {
203
200
  rules += ' aa_____O';
204
201
  rules += ' aj';
205
202
  }
206
- rules += ' -fm23a5_c-a_____M';
207
- if (props.isFocusVisible) rules += ' -fm23a5_c-x';
208
- else rules += ' -fm23a5_c-n';
209
- rules += ' -_17c7snb_c-a_____M';
210
- rules += ' -_17c7snb_c-x';
211
- if (props.isDetached) {
212
- if (props.isSelected) rules += ' x-fm23a5';
213
- else rules += ' xa';
214
- } else if (props.isSelected) {
215
- if (props.isFirst) rules += ' xa';
216
- } else rules += ' xa';
217
- if (props.isDetached) {
218
- if (props.isSelected) rules += ' w-fm23a5';
219
- else rules += ' wa';
220
- } else if (props.isSelected) rules += ' wa';
221
- else rules += ' wa';
203
+ rules += ' -fm23a5_d-a_____M';
204
+ if (props.isFocusVisible) rules += ' -fm23a5_d-x';
205
+ else rules += ' -fm23a5_d-n';
206
+ rules += ' -_17c7snb_d-a_____M';
207
+ rules += ' -_17c7snb_d-x';
222
208
  if (props.isDetached) {
223
- if (props.isSelected) rules += ' y-fm23a5';
224
- else rules += ' ya';
225
- } else if (props.isNextFocused) rules += ' ya';
226
- else if (props.isNextSelected) rules += ' ya';
227
- else if (props.isSelected) rules += ' ya';
228
- else rules += ' ya';
229
- if (props.isDetached) {
230
- if (props.isSelected) rules += ' v-fm23a5';
231
- else rules += ' va';
232
- } else if (props.isSelected) rules += ' va';
233
- else rules += ' va';
234
- if (props.isDetached) rules += ' tb';
235
- else if (props.isFirst) {
236
- rules += ' taa';
237
- rules += ' tb';
238
- } else rules += ' ta';
209
+ if (props.isSelected) rules += ' c-fm23a5';
210
+ else rules += ' ca';
211
+ }
239
212
  if (props.isDetached) rules += ' ub';
240
- else rules += ' ua';
241
- if (props.isDetached) rules += ' rb';
242
- else rules += ' ra';
213
+ if (props.isDetached) rules += ' vb';
243
214
  if (props.isDetached) rules += ' sb';
244
- else rules += ' sa';
215
+ if (props.isDetached) rules += ' tb';
216
+ if (props.isDetached) rules += ' _wc';
217
+ if (props.isDetached) rules += ' _xc';
218
+ if (props.isDetached) rules += ' _yc';
245
219
  if (props.isDetached) rules += ' _zc';
246
- if (props.isDetached) rules += ' _Ac';
247
- if (props.isDetached) rules += ' _Bc';
248
- if (props.isDetached) rules += ' _Cc';
249
- rules += ' za';
220
+ if (props.isDetached) rules += ' wa';
250
221
  return rules;
251
222
  };
252
- const $03960a2740ca2b19$var$treeCheckbox = " __e-5dolv4 __f-5dolv4 __g-5dolv4 __h-5dolv4 Be Ca Ga";
253
- const $03960a2740ca2b19$var$treeIcon = " __e-qb5q8i __f-qb5q8i __g-qb5q8i __h-qb5q8i CG CbH -rwx0fg_d-b";
254
- const $03960a2740ca2b19$var$treeContent = " __e-drkpd0 __f-drkpd0 __g-drkpd0 __h-drkpd0 _qa _tb __zb __Ab";
255
- const $03960a2740ca2b19$var$treeActions = " __e-1k7szui __f-1k7szui __g-1k7szui __h-1k7szui Bb Cc";
256
- const $03960a2740ca2b19$var$treeActionMenu = " __e-2npmt8 __f-2npmt8 __g-2npmt8 __h-2npmt8";
223
+ const $03960a2740ca2b19$var$treeCheckbox = " __b-5dolv4 __c-5dolv4 __d-5dolv4 __e-5dolv4 ye za Da";
224
+ const $03960a2740ca2b19$var$treeIcon = " __b-qb5q8i __c-qb5q8i __d-qb5q8i __e-qb5q8i zG zbH -rwx0fg_e-b";
225
+ const $03960a2740ca2b19$var$treeContent = " __b-drkpd0 __c-drkpd0 __d-drkpd0 __e-drkpd0 _na _qb __wb __xb";
226
+ const $03960a2740ca2b19$var$treeActions = " __b-1k7szui __c-1k7szui __d-1k7szui __e-1k7szui yb zc";
227
+ const $03960a2740ca2b19$var$treeActionMenu = " __b-2npmt8 __c-2npmt8 __d-2npmt8 __e-2npmt8";
257
228
  const $03960a2740ca2b19$var$cellFocus = {
258
229
  outlineStyle: {
259
230
  default: 'none',
@@ -265,169 +236,152 @@ const $03960a2740ca2b19$var$cellFocus = {
265
236
  borderRadius: '[6px]'
266
237
  };
267
238
  const $03960a2740ca2b19$var$treeRowFocusIndicator = "-lc8e11";
268
- const $03960a2740ca2b19$export$6e77ea6719814e9c = (props1)=>{
269
- let { children: children, childItems: childItems, hasChildItems: hasChildItems, href: href } = props1;
270
- let content;
271
- let nestedRows;
272
- let { renderer: renderer } = $03960a2740ca2b19$var$useTreeRendererContext();
239
+ const $03960a2740ca2b19$export$6e77ea6719814e9c = (props)=>{
240
+ let { href: href } = props;
273
241
  let { isDetached: isDetached, isEmphasized: isEmphasized } = (0, $iOVFT$useContext)($03960a2740ca2b19$var$InternalTreeContext);
274
- let scale = (0, $859432f3b3573fcb$export$a8d2043b2d807f4d)();
275
- if (typeof children === 'string') content = /*#__PURE__*/ (0, $iOVFT$jsx)((0, $8e847109a6ab556d$export$5f1af8db9871e1d6), {
276
- children: children
277
- });
278
- else {
279
- content = [];
280
- nestedRows = [];
281
- (0, $iOVFT$react).Children.forEach(children, (node)=>{
282
- if (/*#__PURE__*/ (0, $iOVFT$isValidElement)(node) && node.type === $03960a2740ca2b19$export$6e77ea6719814e9c) nestedRows.push(node);
283
- else content.push(node);
284
- });
285
- }
286
- if (childItems != null && renderer) nestedRows = /*#__PURE__*/ (0, $iOVFT$jsx)((0, $iOVFT$Collection), {
287
- items: childItems,
288
- children: renderer
289
- });
290
- return /*#__PURE__*/ (0, $iOVFT$jsxs)((0, $iOVFT$UNSTABLE_TreeItem), {
291
- ...props1,
242
+ return /*#__PURE__*/ (0, $iOVFT$jsx)((0, $iOVFT$UNSTABLE_TreeItem), {
243
+ ...props,
292
244
  className: (renderProps)=>$03960a2740ca2b19$var$treeRow({
293
245
  ...renderProps,
294
246
  isLink: !!href,
295
247
  isEmphasized: isEmphasized
296
- }) + (renderProps.isFocusVisible && !isDetached ? ' ' + $03960a2740ca2b19$var$treeRowFocusIndicator : ''),
297
- children: [
298
- /*#__PURE__*/ (0, $iOVFT$jsx)((0, $iOVFT$UNSTABLE_TreeItemContent), {
299
- children: ({ isExpanded: isExpanded, hasChildRows: hasChildRows, selectionMode: selectionMode, selectionBehavior: selectionBehavior, isDisabled: isDisabled, isFocusVisible: isFocusVisible, isSelected: isSelected, id: id, state: state })=>{
300
- let isNextSelected = false;
301
- let isNextFocused = false;
302
- let keyAfter = state.collection.getKeyAfter(id);
303
- if (keyAfter != null) isNextSelected = state.selectionManager.isSelected(keyAfter);
304
- let isFirst = state.collection.getFirstKey() === id;
305
- return /*#__PURE__*/ (0, $iOVFT$jsxs)("div", {
306
- className: $03960a2740ca2b19$var$treeCellGrid({
307
- isDisabled: isDisabled,
308
- isNextSelected: isNextSelected,
309
- isSelected: isSelected,
310
- isFirst: isFirst,
311
- isNextFocused: isNextFocused,
312
- isDetached: isDetached
313
- }),
314
- children: [
315
- selectionMode !== 'none' && selectionBehavior === 'toggle' && // TODO: add transition?
316
- /*#__PURE__*/ (0, $iOVFT$jsx)("div", {
317
- className: $03960a2740ca2b19$var$treeCheckbox,
318
- children: /*#__PURE__*/ (0, $iOVFT$jsx)((0, $9b405e0f8095dce0$export$48513f6b9f8ce62d), {
319
- isEmphasized: isEmphasized,
320
- slot: "selection"
321
- })
322
- }),
323
- /*#__PURE__*/ (0, $iOVFT$jsx)("div", {
324
- className: " __e-u3oh8l __f-u3oh8l __g-u3oh8l __h-u3oh8l k-19lybgs"
325
- }),
326
- /*#__PURE__*/ (0, $iOVFT$jsx)($03960a2740ca2b19$var$ExpandableRowChevron, {
327
- isDisabled: isDisabled,
328
- isExpanded: isExpanded,
329
- scale: scale,
330
- isHidden: !(hasChildRows || hasChildItems)
331
- }),
332
- /*#__PURE__*/ (0, $iOVFT$jsx)((0, $iOVFT$Provider), {
333
- values: [
334
- [
335
- (0, $8e847109a6ab556d$export$9afb8bc826b033ea),
336
- {
337
- styles: $03960a2740ca2b19$var$treeContent
338
- }
339
- ],
340
- [
341
- (0, $ac8c32e6775ddd1f$export$a49f528ae1a4d0ed),
342
- {
343
- render: (0, $1f4b04be3f24aae3$export$9d7e2342a7e53afa)({
344
- slot: 'icon',
345
- styles: $03960a2740ca2b19$var$treeIcon
346
- }),
347
- styles: " k-1sthc3k j-1sthc3k __c-3t1x"
348
- }
349
- ],
350
- [
351
- (0, $10401bdc118cbc90$export$33f5f2f2cb85d743),
352
- {
353
- styles: $03960a2740ca2b19$var$treeActions
354
- }
355
- ],
356
- [
357
- (0, $8bf3cd2442eb485e$export$7f4b66acaca28bd5),
358
- {
359
- styles: $03960a2740ca2b19$var$treeActionMenu,
360
- isQuiet: true
361
- }
362
- ]
363
- ],
364
- children: content
365
- }),
366
- isFocusVisible && isDetached && /*#__PURE__*/ (0, $iOVFT$jsx)("div", {
367
- role: "presentation",
368
- className: function anonymous(props) {
369
- let rules = " .";
370
- if (props.isFocusVisible) rules += ' _Pb';
371
- else rules += ' _Pa';
372
- rules += ' _Q-3hmpw';
373
- rules += ' _Rc';
374
- rules += ' ca_____M';
375
- rules += ' cx';
376
- rules += ' _z-3762yr';
377
- rules += ' _A-3762yr';
378
- rules += ' _B-3762yr';
379
- rules += ' _C-3762yr';
380
- rules += ' Ya';
381
- rules += ' _ba';
382
- rules += ' _da';
383
- rules += ' Za';
384
- rules += ' _aa';
385
- return rules;
386
- }({
387
- isFocusVisible: true
388
- })
389
- })
390
- ]
391
- });
392
- }
393
- }),
394
- nestedRows
395
- ]
248
+ }) + (renderProps.isFocusVisible && !isDetached ? ' ' + $03960a2740ca2b19$var$treeRowFocusIndicator : '')
249
+ });
250
+ };
251
+ const $03960a2740ca2b19$export$4b687e3f663d618c = (props1)=>{
252
+ let { children: children } = props1;
253
+ let { isDetached: isDetached, isEmphasized: isEmphasized } = (0, $iOVFT$useContext)($03960a2740ca2b19$var$InternalTreeContext);
254
+ let scale = (0, $859432f3b3573fcb$export$a8d2043b2d807f4d)();
255
+ return /*#__PURE__*/ (0, $iOVFT$jsx)((0, $iOVFT$UNSTABLE_TreeItemContent), {
256
+ children: ({ isExpanded: isExpanded, hasChildItems: hasChildItems, selectionMode: selectionMode, selectionBehavior: selectionBehavior, isDisabled: isDisabled, isFocusVisible: isFocusVisible, isSelected: isSelected, id: id, state: state })=>{
257
+ let isNextSelected = false;
258
+ let isNextFocused = false;
259
+ let keyAfter = state.collection.getKeyAfter(id);
260
+ if (keyAfter != null) isNextSelected = state.selectionManager.isSelected(keyAfter);
261
+ let isFirst = state.collection.getFirstKey() === id;
262
+ return /*#__PURE__*/ (0, $iOVFT$jsxs)("div", {
263
+ className: $03960a2740ca2b19$var$treeCellGrid({
264
+ isDisabled: isDisabled,
265
+ isNextSelected: isNextSelected,
266
+ isSelected: isSelected,
267
+ isFirst: isFirst,
268
+ isNextFocused: isNextFocused,
269
+ isDetached: isDetached
270
+ }),
271
+ children: [
272
+ selectionMode !== 'none' && selectionBehavior === 'toggle' && // TODO: add transition?
273
+ /*#__PURE__*/ (0, $iOVFT$jsx)("div", {
274
+ className: $03960a2740ca2b19$var$treeCheckbox,
275
+ children: /*#__PURE__*/ (0, $iOVFT$jsx)((0, $9b405e0f8095dce0$export$48513f6b9f8ce62d), {
276
+ isEmphasized: isEmphasized,
277
+ slot: "selection"
278
+ })
279
+ }),
280
+ /*#__PURE__*/ (0, $iOVFT$jsx)("div", {
281
+ className: " __b-u3oh8l __c-u3oh8l __d-u3oh8l __e-u3oh8l l-19lybgs"
282
+ }),
283
+ /*#__PURE__*/ (0, $iOVFT$jsx)($03960a2740ca2b19$var$ExpandableRowChevron, {
284
+ isDisabled: isDisabled,
285
+ isExpanded: isExpanded,
286
+ scale: scale,
287
+ isHidden: !hasChildItems
288
+ }),
289
+ /*#__PURE__*/ (0, $iOVFT$jsx)((0, $iOVFT$Provider), {
290
+ values: [
291
+ [
292
+ (0, $8e847109a6ab556d$export$9afb8bc826b033ea),
293
+ {
294
+ styles: $03960a2740ca2b19$var$treeContent
295
+ }
296
+ ],
297
+ [
298
+ (0, $ac8c32e6775ddd1f$export$a49f528ae1a4d0ed),
299
+ {
300
+ render: (0, $1f4b04be3f24aae3$export$9d7e2342a7e53afa)({
301
+ slot: 'icon',
302
+ styles: $03960a2740ca2b19$var$treeIcon
303
+ }),
304
+ styles: " l-1sthc3k k-1sthc3k _9-3t1x"
305
+ }
306
+ ],
307
+ [
308
+ (0, $10401bdc118cbc90$export$33f5f2f2cb85d743),
309
+ {
310
+ styles: $03960a2740ca2b19$var$treeActions
311
+ }
312
+ ],
313
+ [
314
+ (0, $8bf3cd2442eb485e$export$7f4b66acaca28bd5),
315
+ {
316
+ styles: $03960a2740ca2b19$var$treeActionMenu,
317
+ isQuiet: true
318
+ }
319
+ ]
320
+ ],
321
+ children: children
322
+ }),
323
+ isFocusVisible && isDetached && /*#__PURE__*/ (0, $iOVFT$jsx)("div", {
324
+ role: "presentation",
325
+ className: function anonymous(props) {
326
+ let rules = " .";
327
+ if (props.isFocusVisible) rules += ' _Mb';
328
+ else rules += ' _Ma';
329
+ rules += ' _N-3hmpw';
330
+ rules += ' _Oc';
331
+ rules += ' da_____M';
332
+ rules += ' dx';
333
+ rules += ' _w-3762yr';
334
+ rules += ' _x-3762yr';
335
+ rules += ' _y-3762yr';
336
+ rules += ' _z-3762yr';
337
+ rules += ' Va';
338
+ rules += ' Ya';
339
+ rules += ' _aa';
340
+ rules += ' Wa';
341
+ rules += ' Xa';
342
+ return rules;
343
+ }({
344
+ isFocusVisible: true
345
+ })
346
+ })
347
+ ]
348
+ });
349
+ }
396
350
  });
397
351
  };
398
352
  const $03960a2740ca2b19$var$expandButton = function anonymous(props) {
399
353
  let rules = " .";
354
+ rules += ' __b-ajol1u';
355
+ rules += ' __c-ajol1u';
356
+ rules += ' __d-ajol1u';
400
357
  rules += ' __e-ajol1u';
401
- rules += ' __f-ajol1u';
402
- rules += ' __g-ajol1u';
403
- rules += ' __h-ajol1u';
404
358
  if (props.isDisabled) {
405
359
  rules += ' aa_____O';
406
360
  rules += ' aj';
407
361
  } else rules += ' a-17zqamw';
408
- rules += ' j2';
409
362
  rules += ' k2';
363
+ rules += ' l2';
364
+ rules += ' _0d';
365
+ rules += ' _8a';
366
+ rules += ' _1b';
410
367
  rules += ' _3d';
411
- rules += ' __ba';
412
- rules += ' _4b';
413
- rules += ' _6d';
414
- rules += ' _Pa';
415
- rules += ' __Lb';
368
+ rules += ' _Ma';
369
+ rules += ' __Ib';
416
370
  if (props.isExpanded) {
417
- if (props.isRTL) rules += ' X-197phm7';
418
- else rules += ' X-7hkt2a';
371
+ if (props.isRTL) rules += ' U-197phm7';
372
+ else rules += ' U-7hkt2a';
419
373
  }
420
- rules += ' Ha';
421
- rules += ' Ia';
374
+ rules += ' Ea';
422
375
  rules += ' Fa';
423
- rules += ' Ga';
376
+ rules += ' Ca';
377
+ rules += ' Da';
378
+ rules += ' _Pa';
379
+ rules += ' _R-375x7f';
424
380
  rules += ' _Sa';
425
- rules += ' _U-375x7f';
426
- rules += ' _Va';
427
381
  rules += ' ba';
428
- rules += ' zf';
429
- rules += ' __V-yksgrp';
430
- if (props.isHidden) rules += ' __Ib';
382
+ rules += ' wf';
383
+ rules += ' __S-yksgrp';
384
+ if (props.isHidden) rules += ' __Fb';
431
385
  return rules;
432
386
  };
433
387
  function $03960a2740ca2b19$var$ExpandableRowChevron(props1) {
@@ -456,11 +410,11 @@ function $03960a2740ca2b19$var$ExpandableRowChevron(props1) {
456
410
  children: /*#__PURE__*/ (0, $iOVFT$jsx)((0, $4b69f02ec06b9226$export$2e2bcd8739ae039), {
457
411
  className: function anonymous(props) {
458
412
  let rules = " .";
459
- if (props.direction === "rtl") rules += ' V-yizn7r';
460
- else if (props.direction === "ltr") rules += ' V-375khm';
461
- if (props.direction === "rtl") rules += ' W-yizn7r';
462
- else if (props.direction === "ltr") rules += ' W-375khm';
463
- rules += ' -rwx0fg_d-b';
413
+ if (props.direction === "rtl") rules += ' S-yizn7r';
414
+ else if (props.direction === "ltr") rules += ' S-375khm';
415
+ if (props.direction === "rtl") rules += ' T-yizn7r';
416
+ else if (props.direction === "ltr") rules += ' T-375khm';
417
+ rules += ' -rwx0fg_e-b';
464
418
  return rules;
465
419
  }({
466
420
  direction: direction
@@ -473,5 +427,5 @@ function $03960a2740ca2b19$var$ExpandableRowChevron(props1) {
473
427
  */ const $03960a2740ca2b19$export$6940b0d9c820eca7 = /*#__PURE__*/ (0, $iOVFT$forwardRef)($03960a2740ca2b19$var$TreeView);
474
428
 
475
429
 
476
- export {$03960a2740ca2b19$export$6e77ea6719814e9c as TreeViewItem, $03960a2740ca2b19$export$6940b0d9c820eca7 as TreeView};
430
+ export {$03960a2740ca2b19$export$6e77ea6719814e9c as TreeViewItem, $03960a2740ca2b19$export$4b687e3f663d618c as TreeItemContent, $03960a2740ca2b19$export$6940b0d9c820eca7 as TreeView};
477
431
  //# sourceMappingURL=TreeView.mjs.map