@nimbus-ds/components 5.50.0 → 5.51.0

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 (17) hide show
  1. package/CHANGELOG.md +7 -0
  2. package/dist/Box/index.d.ts +16 -39
  3. package/dist/CHANGELOG.md +7 -0
  4. package/dist/Link/index.d.ts +1 -1
  5. package/dist/ScrollPane/index.d.ts +46 -55
  6. package/dist/ScrollPane/index.js +1 -1
  7. package/dist/SegmentedControl/index.d.ts +16 -39
  8. package/dist/SplitButton/index.d.ts +16 -39
  9. package/dist/Stepper/index.d.ts +16 -39
  10. package/dist/Text/index.d.ts +4 -4
  11. package/dist/Thumbnail/index.d.ts +1 -1
  12. package/dist/TimePicker/index.d.ts +343 -0
  13. package/dist/TimePicker/index.js +2 -0
  14. package/dist/components-props.json +1 -1
  15. package/dist/index.d.ts +189 -54
  16. package/dist/index.js +1 -1
  17. package/package.json +5 -1
package/CHANGELOG.md CHANGED
@@ -3,6 +3,13 @@
3
3
  Nimbus is an open-source Design System created by Tiendanube / Nuvemshop's team to empower and enhance more stories
4
4
  every day, with simplicity, accessibility, consistency and performance.
5
5
 
6
+ ## 2026-02-09 `5.51.0`
7
+
8
+ #### 🎉 New features
9
+
10
+ - `ScrollPane`: Added `scrollContainerRef` property to allow passing a ref to the scroll container. ([#414](https://github.com/TiendaNube/nimbus-design-system/pull/414) by [@joacotornello](https://github.com/joacotornello))
11
+ - `TimePicker`: New `TimePicker` component for time selection with scroll and dropdown modes, 12h and 24h formats, AM/PM toggle, time constraints, step intervals, keyboard navigation, and full accessibility support. ([#414](https://github.com/TiendaNube/nimbus-design-system/pull/414) by [@joacotornello](https://github.com/joacotornello))
12
+
6
13
  ## 2026-02-03 `5.50.0`
7
14
 
8
15
  #### 🎉 New features
package/dist/Box/index.d.ts CHANGED
@@ -56,10 +56,7 @@ declare const propertiesBox: {
56
56
  gap: {
57
57
  none: string;
58
58
  "0-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
59
- "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; /**
60
- * The display property sets whether an box is treated as a block or inline element and the layout used for its children,
61
- * such as grid or flex.
62
- */
59
+ "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
63
60
  "1-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
64
61
  "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
65
62
  "2-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -83,10 +80,7 @@ declare const propertiesBox: {
83
80
  gridGap: {
84
81
  none: string;
85
82
  "0-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
86
- "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; /**
87
- * The display property sets whether an box is treated as a block or inline element and the layout used for its children,
88
- * such as grid or flex.
89
- */
83
+ "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
90
84
  "1-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
91
85
  "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
92
86
  "2-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -111,10 +105,7 @@ declare const propertiesBox: {
111
105
  flexDirection: FlexDirection[];
112
106
  flexWrap: FlexWrap[];
113
107
  justifyContent: JustifyContent[];
114
- alignItems: AlignItems[]; /**
115
- * The boxSizing property sets how the total width and height of an box is calculated.
116
- * @default border-box
117
- */
108
+ alignItems: AlignItems[];
118
109
  alignSelf: AlignSelf[];
119
110
  pointerEvents: PointerEvents[];
120
111
  backgroundColor: {
@@ -188,7 +179,9 @@ declare const propertiesBox: {
188
179
  "success-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
189
180
  "warning-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
190
181
  "warning-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
191
- "warning-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
182
+ "warning-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; /**
183
+ * The gridTemplateAreas property specifies named grid areas, establishing the cells in the grid and assigning them names.
184
+ */
192
185
  "danger-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
193
186
  "danger-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
194
187
  "danger-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -222,14 +215,13 @@ declare const propertiesBox: {
222
215
  };
223
216
  borderStyle: BorderStyle[];
224
217
  boxSizing: BoxSizing[];
225
- cursor: Cursor[];
218
+ cursor: Cursor[]; /**
219
+ * The padding properties are used to generate space around an box's content area.
220
+ */
226
221
  spacing: {
227
222
  none: string;
228
223
  "0-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
229
- "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; /**
230
- * The display property sets whether an box is treated as a block or inline element and the layout used for its children,
231
- * such as grid or flex.
232
- */
224
+ "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
233
225
  "1-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
234
226
  "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
235
227
  "2-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -252,10 +244,7 @@ declare const propertiesBox: {
252
244
  };
253
245
  margin: {
254
246
  "0-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
255
- "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; /**
256
- * The display property sets whether an box is treated as a block or inline element and the layout used for its children,
257
- * such as grid or flex.
258
- */
247
+ "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
259
248
  "1-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
260
249
  "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
261
250
  "2-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -311,9 +300,7 @@ declare const propertiesBox: {
311
300
  "800": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
312
301
  "900": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
313
302
  };
314
- textAlign: TextAlign[]; /**
315
- * The paddingLeft property sets the width of the padding area to the left of an box.
316
- */
303
+ textAlign: TextAlign[];
317
304
  fontWeight: {
318
305
  regular: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
319
306
  medium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -321,10 +308,7 @@ declare const propertiesBox: {
321
308
  };
322
309
  fontSize: {
323
310
  "0-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
324
- "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; /**
325
- * The display property sets whether an box is treated as a block or inline element and the layout used for its children,
326
- * such as grid or flex.
327
- */
311
+ "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
328
312
  "1-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
329
313
  "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
330
314
  "2-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -348,17 +332,12 @@ declare const propertiesBox: {
348
332
  h2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
349
333
  h3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
350
334
  h4: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
351
- h5: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; /**
352
- * This defines the ability for a flex item to grow if necessary.
353
- */
335
+ h5: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
354
336
  h6: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
355
337
  };
356
338
  lineHeight: {
357
339
  "0-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
358
- "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; /**
359
- * The display property sets whether an box is treated as a block or inline element and the layout used for its children,
360
- * such as grid or flex.
361
- */
340
+ "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
362
341
  "1-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
363
342
  "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
364
343
  "2-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -378,9 +357,7 @@ declare const propertiesBox: {
378
357
  "16": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
379
358
  "18": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
380
359
  "20": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
381
- h1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; /**
382
- * The flexWrap property sets whether flex items are forced onto one line or can wrap onto multiple lines.
383
- */
360
+ h1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
384
361
  h2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
385
362
  h3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
386
363
  h4: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
package/dist/CHANGELOG.md CHANGED
@@ -3,6 +3,13 @@
3
3
  Nimbus is an open-source Design System created by Tiendanube / Nuvemshop's team to empower and enhance more stories
4
4
  every day, with simplicity, accessibility, consistency and performance.
5
5
 
6
+ ## 2026-02-09 `5.51.0`
7
+
8
+ #### 🎉 New features
9
+
10
+ - `ScrollPane`: Added `scrollContainerRef` property to allow passing a ref to the scroll container. ([#414](https://github.com/TiendaNube/nimbus-design-system/pull/414) by [@joacotornello](https://github.com/joacotornello))
11
+ - `TimePicker`: New `TimePicker` component for time selection with scroll and dropdown modes, 12h and 24h formats, AM/PM toggle, time constraints, step intervals, keyboard navigation, and full accessibility support. ([#414](https://github.com/TiendaNube/nimbus-design-system/pull/414) by [@joacotornello](https://github.com/joacotornello))
12
+
6
13
  ## 2026-02-03 `5.50.0`
7
14
 
8
15
  #### 🎉 New features
package/dist/Link/index.d.ts CHANGED
@@ -96,7 +96,7 @@ export interface LinkProperties {
96
96
  * The textDecoration property specifies the decoration added to link.
97
97
  * @default neutral
98
98
  */
99
- textDecoration?: typeof link.properties.textDecoration[number];
99
+ textDecoration?: (typeof link.properties.textDecoration)[number];
100
100
  /**
101
101
  * The fontSize property sets the size of the link.
102
102
  * @default base
package/dist/ScrollPane/index.d.ts CHANGED
@@ -56,10 +56,7 @@ declare const propertiesBox: {
56
56
  gap: {
57
57
  none: string;
58
58
  "0-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
59
- "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; /**
60
- * The display property sets whether an box is treated as a block or inline element and the layout used for its children,
61
- * such as grid or flex.
62
- */
59
+ "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
63
60
  "1-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
64
61
  "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
65
62
  "2-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -83,10 +80,7 @@ declare const propertiesBox: {
83
80
  gridGap: {
84
81
  none: string;
85
82
  "0-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
86
- "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; /**
87
- * The display property sets whether an box is treated as a block or inline element and the layout used for its children,
88
- * such as grid or flex.
89
- */
83
+ "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
90
84
  "1-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
91
85
  "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
92
86
  "2-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -111,10 +105,7 @@ declare const propertiesBox: {
111
105
  flexDirection: FlexDirection[];
112
106
  flexWrap: FlexWrap[];
113
107
  justifyContent: JustifyContent[];
114
- alignItems: AlignItems[]; /**
115
- * The boxSizing property sets how the total width and height of an box is calculated.
116
- * @default border-box
117
- */
108
+ alignItems: AlignItems[];
118
109
  alignSelf: AlignSelf[];
119
110
  pointerEvents: PointerEvents[];
120
111
  backgroundColor: {
@@ -188,7 +179,9 @@ declare const propertiesBox: {
188
179
  "success-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
189
180
  "warning-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
190
181
  "warning-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
191
- "warning-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
182
+ "warning-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; /**
183
+ * The gridTemplateAreas property specifies named grid areas, establishing the cells in the grid and assigning them names.
184
+ */
192
185
  "danger-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
193
186
  "danger-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
194
187
  "danger-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -222,14 +215,13 @@ declare const propertiesBox: {
222
215
  };
223
216
  borderStyle: BorderStyle[];
224
217
  boxSizing: BoxSizing[];
225
- cursor: Cursor[];
218
+ cursor: Cursor[]; /**
219
+ * The padding properties are used to generate space around an box's content area.
220
+ */
226
221
  spacing: {
227
222
  none: string;
228
223
  "0-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
229
- "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; /**
230
- * The display property sets whether an box is treated as a block or inline element and the layout used for its children,
231
- * such as grid or flex.
232
- */
224
+ "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
233
225
  "1-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
234
226
  "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
235
227
  "2-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -252,10 +244,7 @@ declare const propertiesBox: {
252
244
  };
253
245
  margin: {
254
246
  "0-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
255
- "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; /**
256
- * The display property sets whether an box is treated as a block or inline element and the layout used for its children,
257
- * such as grid or flex.
258
- */
247
+ "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
259
248
  "1-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
260
249
  "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
261
250
  "2-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -311,9 +300,7 @@ declare const propertiesBox: {
311
300
  "800": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
312
301
  "900": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
313
302
  };
314
- textAlign: TextAlign[]; /**
315
- * The paddingLeft property sets the width of the padding area to the left of an box.
316
- */
303
+ textAlign: TextAlign[];
317
304
  fontWeight: {
318
305
  regular: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
319
306
  medium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -321,10 +308,7 @@ declare const propertiesBox: {
321
308
  };
322
309
  fontSize: {
323
310
  "0-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
324
- "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; /**
325
- * The display property sets whether an box is treated as a block or inline element and the layout used for its children,
326
- * such as grid or flex.
327
- */
311
+ "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
328
312
  "1-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
329
313
  "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
330
314
  "2-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -348,17 +332,12 @@ declare const propertiesBox: {
348
332
  h2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
349
333
  h3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
350
334
  h4: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
351
- h5: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; /**
352
- * This defines the ability for a flex item to grow if necessary.
353
- */
335
+ h5: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
354
336
  h6: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
355
337
  };
356
338
  lineHeight: {
357
339
  "0-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
358
- "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; /**
359
- * The display property sets whether an box is treated as a block or inline element and the layout used for its children,
360
- * such as grid or flex.
361
- */
340
+ "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
362
341
  "1-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
363
342
  "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
364
343
  "2-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -378,9 +357,7 @@ declare const propertiesBox: {
378
357
  "16": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
379
358
  "18": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
380
359
  "20": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
381
- h1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; /**
382
- * The flexWrap property sets whether flex items are forced onto one line or can wrap onto multiple lines.
383
- */
360
+ h1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
384
361
  h2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
385
362
  h3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
386
363
  h4: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -848,13 +825,7 @@ export declare const ScrollPaneArrowVerticalStart: React.FC<ScrollPaneArrowPrope
848
825
  * Scrolls the pane towards the end (bottom).
849
826
  */
850
827
  export declare const ScrollPaneArrowVerticalEnd: React.FC<ScrollPaneArrowProperties>;
851
- export interface ScrollPaneComponents {
852
- Item: React.FC<ScrollPaneItemProps>;
853
- ArrowHorizontalStart: React.FC<ScrollPaneArrowHorizontalStartProperties>;
854
- ArrowHorizontalEnd: React.FC<ScrollPaneArrowHorizontalEndProperties>;
855
- ArrowVerticalStart: React.FC<ScrollPaneArrowVerticalStartProperties>;
856
- ArrowVerticalEnd: React.FC<ScrollPaneArrowVerticalEndProperties>;
857
- }
828
+ export type ScrollPaneScrollBehavior = "hidden-items" | "always";
858
829
  export interface ScrollPaneProperties {
859
830
  /**
860
831
  * The content to be rendered inside the scroll pane
@@ -885,6 +856,13 @@ export interface ScrollPaneProperties {
885
856
  * @default true
886
857
  */
887
858
  scrollToItemOnClick?: boolean;
859
+ /**
860
+ * Defines the scroll behavior when clicking on items
861
+ * - 'hidden-items': Only scrolls to items that are not fully visible (default)
862
+ * - 'always': Always scrolls to items, centering them in the viewport
863
+ * @default "hidden-items"
864
+ */
865
+ scrollBehavior?: ScrollPaneScrollBehavior;
888
866
  /**
889
867
  * Enable grab-to-scroll functionality (click and drag to scroll)
890
868
  * When enabled, prevents item dragging inside the ScrollPane
@@ -906,7 +884,20 @@ export interface ScrollPaneProperties {
906
884
  }
907
885
  export type ScrollPaneProps = ScrollPaneProperties & Omit<BoxProps, "children"> & {
908
886
  contentContainerProps?: BoxProps;
887
+ /**
888
+ * Ref to the scroll container
889
+ */
890
+ scrollContainerRef?: RefObject<HTMLDivElement | null>;
909
891
  };
892
+ export interface ScrollPaneContextValue {
893
+ direction: "horizontal" | "vertical";
894
+ scrollToItemOnClick: boolean;
895
+ scrollBehavior: ScrollPaneScrollBehavior;
896
+ enableGrabScroll: boolean;
897
+ containerRef?: RefObject<HTMLDivElement | null>;
898
+ scrollToDirection: (direction: "start" | "end") => void;
899
+ }
900
+ export declare const ScrollPaneContext: import("react").Context<ScrollPaneContextValue | null>;
910
901
  /**
911
902
  * ScrollPane component handles responsive scrolls in lists that are overflowing inside a container.
912
903
  * It provides gradient overlays, optional navigation arrows, and scroll-to-item functionality.
@@ -917,14 +908,14 @@ export type ScrollPaneProps = ScrollPaneProperties & Omit<BoxProps, "children">
917
908
  * <ScrollPane.Item>Item 2</ScrollPane.Item>
918
909
  * </ScrollPane>
919
910
  */
920
- export declare const ScrollPane: React.FC<ScrollPaneProps> & ScrollPaneComponents;
921
- export interface ScrollPaneContextValue {
922
- direction: "horizontal" | "vertical";
923
- scrollToItemOnClick: boolean;
924
- enableGrabScroll: boolean;
925
- containerRef?: RefObject<HTMLDivElement | null>;
926
- scrollToDirection: (direction: "start" | "end") => void;
927
- }
928
- export declare const ScrollPaneContext: import("react").Context<ScrollPaneContextValue | null>;
911
+ export declare const ScrollPane: {
912
+ ({ children, showGradients, showArrows, showScrollbar, scrollContainerRef: externalScrollContainerRef, direction, scrollToItemOnClick, scrollBehavior, enableGrabScroll, scrollPaneArrowStart, scrollPaneArrowEnd, contentContainerProps, ...rest }: ScrollPaneProps): React.JSX.Element;
913
+ displayName: string;
914
+ Item: React.FC<ScrollPaneItemProps>;
915
+ ArrowHorizontalStart: React.FC<ScrollPaneArrowProperties>;
916
+ ArrowHorizontalEnd: React.FC<ScrollPaneArrowProperties>;
917
+ ArrowVerticalStart: React.FC<ScrollPaneArrowProperties>;
918
+ ArrowVerticalEnd: React.FC<ScrollPaneArrowProperties>;
919
+ };
929
920
 
930
921
  export {};
package/dist/ScrollPane/index.js CHANGED
@@ -1,2 +1,2 @@
1
1
  "use client";
2
- !function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react"),require("@nimbus-ds/styles")):"function"==typeof define&&define.amd?define(["react","@nimbus-ds/styles"],t):"object"==typeof exports?exports["@nimbus-ds/components"]=t(require("react"),require("@nimbus-ds/styles")):e["@nimbus-ds/components"]=t(e.react,e["@nimbus-ds/styles"])}(global,((e,t)=>(()=>{"use strict";var r={4140:(e,t,r)=>{r.r(t),r.d(t,{default:()=>h});var o,n,a=r(9155),l=r.n(a),i=function(e,t){return(i=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var r in t)t.hasOwnProperty(r)&&(e[r]=t[r])})(e,t)},c=(n=o={path:void 0,exports:{},require:function(e,t){return function(){throw new Error("Dynamic requires are not currently supported by @rollup/plugin-commonjs")}(null==t&&o.path)}},o.exports,function(){var e={}.hasOwnProperty;function t(){for(var r=[],o=0;o<arguments.length;o++){var n=arguments[o];if(n){var a=typeof n;if("string"===a||"number"===a)r.push(n);else if(Array.isArray(n)&&n.length){var l=t.apply(null,n);l&&r.push(l)}else if("object"===a)for(var i in n)e.call(n,i)&&n[i]&&r.push(i)}}return r.join(" ")}n.exports?(t.default=t,n.exports=t):window.classNames=t}(),o.exports);function s(e,t,r){var o,n,a,l,i;function c(){var s=Date.now()-l;s<t&&s>=0?o=setTimeout(c,t-s):(o=null,r||(i=e.apply(a,n),a=n=null))}null==t&&(t=100);var s=function(){a=this,n=arguments,l=Date.now();var s=r&&!o;return o||(o=setTimeout(c,t)),s&&(i=e.apply(a,n),a=n=null),i};return s.clear=function(){o&&(clearTimeout(o),o=null)},s.flush=function(){o&&(i=e.apply(a,n),a=n=null,clearTimeout(o),o=null)},s}s.debounce=s;var u=s;!function(e,t){void 0===t&&(t={});var r=t.insertAt;if(e&&"undefined"!=typeof document){var o=document.head||document.getElementsByTagName("head")[0],n=document.createElement("style");n.type="text/css","top"===r&&o.firstChild?o.insertBefore(n,o.firstChild):o.appendChild(n),n.styleSheet?n.styleSheet.cssText=e:n.appendChild(document.createTextNode(e))}}(".indiana-scroll-container {\n overflow: auto;\n}\n.indiana-scroll-container--dragging {\n scroll-behavior: auto !important;\n}\n.indiana-scroll-container--dragging > * {\n pointer-events: none;\n cursor: -webkit-grab;\n cursor: grab;\n}\n.indiana-scroll-container--hide-scrollbars {\n overflow: hidden;\n overflow: -moz-scrollbars-none;\n -ms-overflow-style: none;\n scrollbar-width: none;\n}\n.indiana-scroll-container--hide-scrollbars::-webkit-scrollbar {\n display: none !important;\n height: 0 !important;\n width: 0 !important;\n background: transparent !important;\n -webkit-appearance: none !important;\n}\n.indiana-scroll-container--native-scroll {\n overflow: auto;\n}\n\n.indiana-dragging {\n cursor: -webkit-grab;\n cursor: grab;\n}");var p,d=(p="indiana-scroll-container",function(e,t){if(!e)return p;var r;"string"==typeof e?r=e:t=e;var o=p;return r&&(o+="__"+r),o+(t?Object.keys(t).reduce((function(e,r){var n=t[r];return n&&(e+=" "+("boolean"==typeof n?o+"--"+r:o+"--"+r+"_"+n)),e}),""):"")}),f=function(e){function t(t){var r=e.call(this,t)||this;return r.onEndScroll=function(){r.scrolling=!1,!r.pressed&&r.started&&r.processEnd()},r.onScroll=function(e){var t=r.container.current;t.scrollLeft===r.scrollLeft&&t.scrollTop===r.scrollTop||(r.scrolling=!0,r.processScroll(e),r.onEndScroll())},r.onTouchStart=function(e){var t=r.props.nativeMobileScroll;if(r.isDraggable(e.target))if(r.internal=!0,t&&r.scrolling)r.pressed=!0;else{var o=e.touches[0];r.processClick(e,o.clientX,o.clientY),!t&&r.props.stopPropagation&&e.stopPropagation()}},r.onTouchEnd=function(e){var t=r.props.nativeMobileScroll;r.pressed&&(!r.started||r.scrolling&&t?r.pressed=!1:r.processEnd(),r.forceUpdate())},r.onTouchMove=function(e){var t=r.props.nativeMobileScroll;if(r.pressed&&(!t||!r.isMobile)){var o=e.touches[0];o&&r.processMove(e,o.clientX,o.clientY),e.preventDefault(),r.props.stopPropagation&&e.stopPropagation()}},r.onMouseDown=function(e){r.isDraggable(e.target)&&r.isScrollable()&&(r.internal=!0,-1!==r.props.buttons.indexOf(e.button)&&(r.processClick(e,e.clientX,e.clientY),e.preventDefault(),r.props.stopPropagation&&e.stopPropagation()))},r.onMouseMove=function(e){r.pressed&&(r.processMove(e,e.clientX,e.clientY),e.preventDefault(),r.props.stopPropagation&&e.stopPropagation())},r.onMouseUp=function(e){r.pressed&&(r.started?r.processEnd():(r.internal=!1,r.pressed=!1,r.forceUpdate(),r.props.onClick&&r.props.onClick(e)),e.preventDefault(),r.props.stopPropagation&&e.stopPropagation())},r.container=l().createRef(),r.onEndScroll=u(r.onEndScroll,300),r.scrolling=!1,r.started=!1,r.pressed=!1,r.internal=!1,r.getRef=r.getRef.bind(r),r}return function(e,t){function r(){this.constructor=e}i(e,t),e.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)}(t,e),t.prototype.componentDidMount=function(){var e=this.props.nativeMobileScroll,t=this.container.current;window.addEventListener("mouseup",this.onMouseUp),window.addEventListener("mousemove",this.onMouseMove),window.addEventListener("touchmove",this.onTouchMove,{passive:!1}),window.addEventListener("touchend",this.onTouchEnd),t.addEventListener("touchstart",this.onTouchStart,{passive:!1}),t.addEventListener("mousedown",this.onMouseDown,{passive:!1}),e&&(this.isMobile=this.isMobileDevice(),this.isMobile&&this.forceUpdate())},t.prototype.componentWillUnmount=function(){window.removeEventListener("mouseup",this.onMouseUp),window.removeEventListener("mousemove",this.onMouseMove),window.removeEventListener("touchmove",this.onTouchMove),window.removeEventListener("touchend",this.onTouchEnd)},t.prototype.getElement=function(){return this.container.current},t.prototype.isMobileDevice=function(){return void 0!==window.orientation||-1!==navigator.userAgent.indexOf("IEMobile")},t.prototype.isDraggable=function(e){var t=this.props.ignoreElements;if(t){var r=e.closest(t);return null===r||r.contains(this.getElement())}return!0},t.prototype.isScrollable=function(){var e=this.container.current;return e&&(e.scrollWidth>e.clientWidth||e.scrollHeight>e.clientHeight)},t.prototype.processClick=function(e,t,r){var o=this.container.current;this.scrollLeft=o.scrollLeft,this.scrollTop=o.scrollTop,this.clientX=t,this.clientY=r,this.pressed=!0},t.prototype.processStart=function(e){void 0===e&&(e=!0);var t=this.props.onStartScroll;this.started=!0,e&&document.body.classList.add("indiana-dragging"),t&&t({external:!this.internal}),this.forceUpdate()},t.prototype.processScroll=function(e){if(this.started){var t=this.props.onScroll;t&&t({external:!this.internal})}else this.processStart(!1)},t.prototype.processMove=function(e,t,r){var o=this.props,n=o.horizontal,a=o.vertical,l=o.activationDistance,i=o.onScroll,c=this.container.current;this.started?(n&&(c.scrollLeft-=t-this.clientX),a&&(c.scrollTop-=r-this.clientY),i&&i({external:!this.internal}),this.clientX=t,this.clientY=r,this.scrollLeft=c.scrollLeft,this.scrollTop=c.scrollTop):(n&&Math.abs(t-this.clientX)>l||a&&Math.abs(r-this.clientY)>l)&&(this.clientX=t,this.clientY=r,this.processStart())},t.prototype.processEnd=function(){var e=this.props.onEndScroll;this.container.current&&e&&e({external:!this.internal}),this.pressed=!1,this.started=!1,this.scrolling=!1,this.internal=!1,document.body.classList.remove("indiana-dragging"),this.forceUpdate()},t.prototype.getRef=function(e){[this.container,this.props.innerRef].forEach((function(t){t&&("function"==typeof t?t(e):t.current=e)}))},t.prototype.render=function(){var e=this.props,t=e.children,r=e.draggingClassName,o=e.className,n=e.style,a=e.hideScrollbars,i=e.component;return l().createElement(i,{className:c(o,this.pressed&&r,d({dragging:this.pressed,"hide-scrollbars":a,"native-scroll":this.isMobile})),style:n,ref:this.getRef,onScroll:this.onScroll},t)},t.defaultProps={nativeMobileScroll:!0,hideScrollbars:!0,activationDistance:10,vertical:!0,horizontal:!0,stopPropagation:!1,style:{},component:"div",buttons:[0]},t}(a.PureComponent);const h=f},8973:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.Box=void 0;const o=r(5608).__importStar(r(9155)),n=r(4367),a=(0,o.forwardRef)((({className:e,style:t,as:r="div",boxSizing:a="border-box",...l},i)=>{const c="button"===r,{className:s,style:u,otherProps:p}=n.box.sprinkle({...l,boxSizing:a}),d=[s,c&&n.box.asButton].filter(Boolean).join(" ");return o.default.createElement(r,{ref:i,className:d,style:u,...p})}));t.Box=a,a.displayName="Box"},9598:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.Box=void 0;const o=r(8973);var n=r(8973);Object.defineProperty(t,"Box",{enumerable:!0,get:function(){return n.Box}}),t.default=o.Box},8327:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.getPosition=void 0;t.getPosition=(e,t)=>{const r=((e,t)=>{const r="horizontal"===t;return"start"===e?r?"left":"top":r?"right":"bottom"})(e,t);return`${t}-${r}`}},6085:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.ScrollPane=void 0;const o=r(5608),n=o.__importStar(r(9155)),a=o.__importDefault(r(4140)),l=r(9598),i=r(4367),c=r(6083),s=r(8327),u=({children:e,showGradients:t=!0,showArrows:r=!1,showScrollbar:o=!0,direction:u="horizontal",scrollToItemOnClick:p=!0,enableGrabScroll:d=!1,scrollPaneArrowStart:f,scrollPaneArrowEnd:h,contentContainerProps:v,...y})=>{const m=(0,n.useRef)(null),b=(0,n.useRef)(null),[w,_]=(0,n.useState)(!1),[S,P]=(0,n.useState)(!1),[g,E]=(0,n.useState)(!1),x=(0,n.useCallback)((()=>{if(!m.current)return;const e=m.current,{scrollLeft:t,scrollTop:r,scrollWidth:o,scrollHeight:n,clientWidth:a,clientHeight:l}=e;"horizontal"===u?(_(t>0),P(t<o-a-1)):(_(r>0),P(r<n-l-1))}),[u]),O=(0,n.useCallback)((()=>{g||E(!0),x(),b.current&&clearTimeout(b.current),b.current=setTimeout((()=>{E(!1)}),150)}),[x,g]),j=(0,n.useCallback)((e=>{if(!m.current)return;const t=m.current,r="horizontal"===u?.8*t.clientWidth:.8*t.clientHeight;if("horizontal"===u){const o="start"===e?t.scrollLeft-r:t.scrollLeft+r;t.scrollTo({left:Math.max(0,Math.min(o,t.scrollWidth-t.clientWidth)),behavior:"smooth"})}else{const o="start"===e?t.scrollTop-r:t.scrollTop+r;t.scrollTo({top:Math.max(0,Math.min(o,t.scrollHeight-t.clientHeight)),behavior:"smooth"})}}),[u]);(0,n.useEffect)((()=>{const e=m.current;if(!e)return;const t=setTimeout((()=>{x()}),d?50:0);e.addEventListener("scroll",O);const r=new ResizeObserver((()=>{setTimeout(x,d?10:0)}));return r.observe(e),d&&e.firstElementChild&&r.observe(e.firstElementChild),()=>{clearTimeout(t),e.removeEventListener("scroll",O),r.disconnect(),b.current&&clearTimeout(b.current)}}),[x,O,d]);const A=(0,n.useMemo)((()=>({direction:u,scrollToItemOnClick:p,enableGrabScroll:d,containerRef:m,scrollToDirection:j})),[u,p,d,j]),T=[i.scrollPane.classnames.scrollArea,i.scrollPane.classnames.direction[u],!o&&i.scrollPane.classnames.scrollAreaHidden].filter(Boolean).join(" "),M={cursor:d?"grab":void 0},C=n.default.createElement(n.default.Fragment,null,n.default.createElement(l.Box,{display:"flex",flexDirection:"horizontal"===u?"row":"column",margin:"1",...v},e),t&&n.default.createElement(n.default.Fragment,null,w&&n.default.createElement("div",{className:[i.scrollPane.classnames.gradient,i.scrollPane.classnames.gradientVariants[(0,s.getPosition)("start",u)]].join(" ")}),S&&n.default.createElement("div",{className:[i.scrollPane.classnames.gradient,i.scrollPane.classnames.gradientVariants[(0,s.getPosition)("end",u)]].join(" ")})),r&&n.default.createElement(n.default.Fragment,null,w&&f,S&&h));return n.default.createElement(c.ScrollPaneContext.Provider,{value:A},n.default.createElement(l.Box,{as:"div",position:"relative",...y},d?n.default.createElement(a.default,{hideScrollbars:!1,horizontal:"horizontal"===u,vertical:"vertical"===u,innerRef:m,className:T,style:M},C):n.default.createElement("div",{ref:m,className:T,style:M},C)))};t.ScrollPane=u,u.displayName="ScrollPane",u.Item=c.ScrollPaneItem,u.ArrowHorizontalStart=c.ScrollPaneArrowHorizontalStart,u.ArrowHorizontalEnd=c.ScrollPaneArrowHorizontalEnd,u.ArrowVerticalStart=c.ScrollPaneArrowVerticalStart,u.ArrowVerticalEnd=c.ScrollPaneArrowVerticalEnd,u.Item.displayName="ScrollPane.Item",u.ArrowHorizontalStart.displayName="ScrollPane.ArrowHorizontalStart",u.ArrowHorizontalEnd.displayName="ScrollPane.ArrowHorizontalEnd",u.ArrowVerticalStart.displayName="ScrollPane.ArrowVerticalStart",u.ArrowVerticalEnd.displayName="ScrollPane.ArrowVerticalEnd"},2239:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0});const o=r(5608);o.__exportStar(r(1630),t),o.__exportStar(r(6083),t)},4584:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.ScrollPaneArrowVerticalEnd=t.ScrollPaneArrowVerticalStart=t.ScrollPaneArrowHorizontalEnd=t.ScrollPaneArrowHorizontalStart=void 0;const o=r(5608).__importDefault(r(9155)),n=r(4367),a=r(3590),l=({children:e,variant:t,direction:r})=>{const l=(0,a.useScrollPaneContext)(),i=()=>l.scrollToDirection(r);return o.default.createElement("div",{className:[n.scrollPane.classnames.arrow,n.scrollPane.classnames.arrowVariants[t]].join(" "),onClick:i,onKeyDown:e=>{"Enter"!==e.key&&"Space"!==e.code||(e.preventDefault(),i())},role:"button",tabIndex:0,"aria-label":"Scroll "+("start"===r?"backward":"forward")},e)};t.ScrollPaneArrowHorizontalStart=({children:e})=>o.default.createElement(l,{variant:"horizontal-left",direction:"start"},e);t.ScrollPaneArrowHorizontalEnd=({children:e})=>o.default.createElement(l,{variant:"horizontal-right",direction:"end"},e);t.ScrollPaneArrowVerticalStart=({children:e})=>o.default.createElement(l,{variant:"vertical-top",direction:"start"},e);t.ScrollPaneArrowVerticalEnd=({children:e})=>o.default.createElement(l,{variant:"vertical-bottom",direction:"end"},e)},3076:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.ScrollPaneArrowVerticalEnd=t.ScrollPaneArrowVerticalStart=t.ScrollPaneArrowHorizontalEnd=t.ScrollPaneArrowHorizontalStart=void 0;var o=r(4584);Object.defineProperty(t,"ScrollPaneArrowHorizontalStart",{enumerable:!0,get:function(){return o.ScrollPaneArrowHorizontalStart}}),Object.defineProperty(t,"ScrollPaneArrowHorizontalEnd",{enumerable:!0,get:function(){return o.ScrollPaneArrowHorizontalEnd}}),Object.defineProperty(t,"ScrollPaneArrowVerticalStart",{enumerable:!0,get:function(){return o.ScrollPaneArrowVerticalStart}}),Object.defineProperty(t,"ScrollPaneArrowVerticalEnd",{enumerable:!0,get:function(){return o.ScrollPaneArrowVerticalEnd}})},2222:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.scrollItemIntoView=void 0;t.scrollItemIntoView=(e,t,r)=>{const o=e.getBoundingClientRect(),n=t.getBoundingClientRect();if(!((e,t,r)=>"horizontal"===r?t.left>=e.left&&t.right<=e.right:t.top>=e.top&&t.bottom<=e.bottom)(o,n,r))if("horizontal"===r){const t=o.width/2,r=n.width/2,a=n.left-o.left-t+r,l=e.scrollLeft+a;e.scrollTo({left:Math.max(0,l),behavior:"smooth"})}else{const t=o.height/2,r=n.height/2,a=n.top-o.top-t+r,l=e.scrollTop+a;e.scrollTo({top:Math.max(0,l),behavior:"smooth"})}}},4941:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.ScrollPaneItem=void 0;const o=r(5608).__importDefault(r(9155)),n=r(4367),a=r(3590),l=r(2222);t.ScrollPaneItem=({children:e,onClick:t,...r})=>{const i=(0,a.useScrollPaneContext)(),c=e=>{if(t&&t(e),i.scrollToItemOnClick&&e.currentTarget){const t=i.containerRef?.current,r=e.currentTarget;t&&r&&i.direction&&(0,l.scrollItemIntoView)(t,r,i.direction)}};return o.default.createElement("div",{className:n.scrollPane.classnames.item,onClick:c,onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||c(e)},role:"button",tabIndex:-1,draggable:!i.enableGrabScroll&&void 0,...r},e)}},324:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0});const o=r(5608);o.__exportStar(r(4941),t),o.__exportStar(r(505),t)},505:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0})},6083:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.ScrollPaneArrowVerticalEnd=t.ScrollPaneArrowVerticalStart=t.ScrollPaneArrowHorizontalEnd=t.ScrollPaneArrowHorizontalStart=t.ScrollPaneContext=t.ScrollPaneItem=void 0;var o=r(324);Object.defineProperty(t,"ScrollPaneItem",{enumerable:!0,get:function(){return o.ScrollPaneItem}});var n=r(3590);Object.defineProperty(t,"ScrollPaneContext",{enumerable:!0,get:function(){return n.ScrollPaneContext}});var a=r(3076);Object.defineProperty(t,"ScrollPaneArrowHorizontalStart",{enumerable:!0,get:function(){return a.ScrollPaneArrowHorizontalStart}}),Object.defineProperty(t,"ScrollPaneArrowHorizontalEnd",{enumerable:!0,get:function(){return a.ScrollPaneArrowHorizontalEnd}}),Object.defineProperty(t,"ScrollPaneArrowVerticalStart",{enumerable:!0,get:function(){return a.ScrollPaneArrowVerticalStart}}),Object.defineProperty(t,"ScrollPaneArrowVerticalEnd",{enumerable:!0,get:function(){return a.ScrollPaneArrowVerticalEnd}})},3464:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.useScrollPaneContext=t.ScrollPaneContext=void 0;const o=r(9155);t.ScrollPaneContext=(0,o.createContext)(null);t.useScrollPaneContext=()=>{const e=(0,o.useContext)(t.ScrollPaneContext);if(!e)throw new Error("useScrollPaneContext must be used within a ScrollPane");return e}},3590:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.useScrollPaneContext=t.ScrollPaneContext=void 0;var o=r(3464);Object.defineProperty(t,"ScrollPaneContext",{enumerable:!0,get:function(){return o.ScrollPaneContext}}),Object.defineProperty(t,"useScrollPaneContext",{enumerable:!0,get:function(){return o.useScrollPaneContext}})},1630:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.ScrollPane=void 0;var o=r(6085);Object.defineProperty(t,"ScrollPane",{enumerable:!0,get:function(){return o.ScrollPane}})},4367:e=>{e.exports=t},9155:t=>{t.exports=e},5608:(e,t,r)=>{r.r(t),r.d(t,{__addDisposableResource:()=>k,__assign:()=>a,__asyncDelegator:()=>x,__asyncGenerator:()=>E,__asyncValues:()=>O,__await:()=>g,__awaiter:()=>h,__classPrivateFieldGet:()=>C,__classPrivateFieldIn:()=>D,__classPrivateFieldSet:()=>z,__createBinding:()=>y,__decorate:()=>i,__disposeResources:()=>H,__esDecorate:()=>s,__exportStar:()=>m,__extends:()=>n,__generator:()=>v,__importDefault:()=>M,__importStar:()=>T,__makeTemplateObject:()=>j,__metadata:()=>f,__param:()=>c,__propKey:()=>p,__read:()=>w,__rest:()=>l,__runInitializers:()=>u,__setFunctionName:()=>d,__spread:()=>_,__spreadArray:()=>P,__spreadArrays:()=>S,__values:()=>b,default:()=>V});var o=function(e,t){return o=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])},o(e,t)};function n(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function r(){this.constructor=e}o(e,t),e.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)}var a=function(){return a=Object.assign||function(e){for(var t,r=1,o=arguments.length;r<o;r++)for(var n in t=arguments[r])Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n]);return e},a.apply(this,arguments)};function l(e,t){var r={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.indexOf(o)<0&&(r[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(o=Object.getOwnPropertySymbols(e);n<o.length;n++)t.indexOf(o[n])<0&&Object.prototype.propertyIsEnumerable.call(e,o[n])&&(r[o[n]]=e[o[n]])}return r}function i(e,t,r,o){var n,a=arguments.length,l=a<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,r):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(e,t,r,o);else for(var i=e.length-1;i>=0;i--)(n=e[i])&&(l=(a<3?n(l):a>3?n(t,r,l):n(t,r))||l);return a>3&&l&&Object.defineProperty(t,r,l),l}function c(e,t){return function(r,o){t(r,o,e)}}function s(e,t,r,o,n,a){function l(e){if(void 0!==e&&"function"!=typeof e)throw new TypeError("Function expected");return e}for(var i,c=o.kind,s="getter"===c?"get":"setter"===c?"set":"value",u=!t&&e?o.static?e:e.prototype:null,p=t||(u?Object.getOwnPropertyDescriptor(u,o.name):{}),d=!1,f=r.length-1;f>=0;f--){var h={};for(var v in o)h[v]="access"===v?{}:o[v];for(var v in o.access)h.access[v]=o.access[v];h.addInitializer=function(e){if(d)throw new TypeError("Cannot add initializers after decoration has completed");a.push(l(e||null))};var y=(0,r[f])("accessor"===c?{get:p.get,set:p.set}:p[s],h);if("accessor"===c){if(void 0===y)continue;if(null===y||"object"!=typeof y)throw new TypeError("Object expected");(i=l(y.get))&&(p.get=i),(i=l(y.set))&&(p.set=i),(i=l(y.init))&&n.unshift(i)}else(i=l(y))&&("field"===c?n.unshift(i):p[s]=i)}u&&Object.defineProperty(u,o.name,p),d=!0}function u(e,t,r){for(var o=arguments.length>2,n=0;n<t.length;n++)r=o?t[n].call(e,r):t[n].call(e);return o?r:void 0}function p(e){return"symbol"==typeof e?e:"".concat(e)}function d(e,t,r){return"symbol"==typeof t&&(t=t.description?"[".concat(t.description,"]"):""),Object.defineProperty(e,"name",{configurable:!0,value:r?"".concat(r," ",t):t})}function f(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)}function h(e,t,r,o){return new(r||(r=Promise))((function(n,a){function l(e){try{c(o.next(e))}catch(e){a(e)}}function i(e){try{c(o.throw(e))}catch(e){a(e)}}function c(e){var t;e.done?n(e.value):(t=e.value,t instanceof r?t:new r((function(e){e(t)}))).then(l,i)}c((o=o.apply(e,t||[])).next())}))}function v(e,t){var r,o,n,a,l={label:0,sent:function(){if(1&n[0])throw n[1];return n[1]},trys:[],ops:[]};return a={next:i(0),throw:i(1),return:i(2)},"function"==typeof Symbol&&(a[Symbol.iterator]=function(){return this}),a;function i(i){return function(c){return function(i){if(r)throw new TypeError("Generator is already executing.");for(;a&&(a=0,i[0]&&(l=0)),l;)try{if(r=1,o&&(n=2&i[0]?o.return:i[0]?o.throw||((n=o.return)&&n.call(o),0):o.next)&&!(n=n.call(o,i[1])).done)return n;switch(o=0,n&&(i=[2&i[0],n.value]),i[0]){case 0:case 1:n=i;break;case 4:return l.label++,{value:i[1],done:!1};case 5:l.label++,o=i[1],i=[0];continue;case 7:i=l.ops.pop(),l.trys.pop();continue;default:if(!(n=l.trys,(n=n.length>0&&n[n.length-1])||6!==i[0]&&2!==i[0])){l=0;continue}if(3===i[0]&&(!n||i[1]>n[0]&&i[1]<n[3])){l.label=i[1];break}if(6===i[0]&&l.label<n[1]){l.label=n[1],n=i;break}if(n&&l.label<n[2]){l.label=n[2],l.ops.push(i);break}n[2]&&l.ops.pop(),l.trys.pop();continue}i=t.call(e,l)}catch(e){i=[6,e],o=0}finally{r=n=0}if(5&i[0])throw i[1];return{value:i[0]?i[1]:void 0,done:!0}}([i,c])}}}var y=Object.create?function(e,t,r,o){void 0===o&&(o=r);var n=Object.getOwnPropertyDescriptor(t,r);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,o,n)}:function(e,t,r,o){void 0===o&&(o=r),e[o]=t[r]};function m(e,t){for(var r in e)"default"===r||Object.prototype.hasOwnProperty.call(t,r)||y(t,e,r)}function b(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],o=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&o>=e.length&&(e=void 0),{value:e&&e[o++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")}function w(e,t){var r="function"==typeof Symbol&&e[Symbol.iterator];if(!r)return e;var o,n,a=r.call(e),l=[];try{for(;(void 0===t||t-- >0)&&!(o=a.next()).done;)l.push(o.value)}catch(e){n={error:e}}finally{try{o&&!o.done&&(r=a.return)&&r.call(a)}finally{if(n)throw n.error}}return l}function _(){for(var e=[],t=0;t<arguments.length;t++)e=e.concat(w(arguments[t]));return e}function S(){for(var e=0,t=0,r=arguments.length;t<r;t++)e+=arguments[t].length;var o=Array(e),n=0;for(t=0;t<r;t++)for(var a=arguments[t],l=0,i=a.length;l<i;l++,n++)o[n]=a[l];return o}function P(e,t,r){if(r||2===arguments.length)for(var o,n=0,a=t.length;n<a;n++)!o&&n in t||(o||(o=Array.prototype.slice.call(t,0,n)),o[n]=t[n]);return e.concat(o||Array.prototype.slice.call(t))}function g(e){return this instanceof g?(this.v=e,this):new g(e)}function E(e,t,r){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var o,n=r.apply(e,t||[]),a=[];return o={},l("next"),l("throw"),l("return"),o[Symbol.asyncIterator]=function(){return this},o;function l(e){n[e]&&(o[e]=function(t){return new Promise((function(r,o){a.push([e,t,r,o])>1||i(e,t)}))})}function i(e,t){try{(r=n[e](t)).value instanceof g?Promise.resolve(r.value.v).then(c,s):u(a[0][2],r)}catch(e){u(a[0][3],e)}var r}function c(e){i("next",e)}function s(e){i("throw",e)}function u(e,t){e(t),a.shift(),a.length&&i(a[0][0],a[0][1])}}function x(e){var t,r;return t={},o("next"),o("throw",(function(e){throw e})),o("return"),t[Symbol.iterator]=function(){return this},t;function o(o,n){t[o]=e[o]?function(t){return(r=!r)?{value:g(e[o](t)),done:!1}:n?n(t):t}:n}}function O(e){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var t,r=e[Symbol.asyncIterator];return r?r.call(e):(e=b(e),t={},o("next"),o("throw"),o("return"),t[Symbol.asyncIterator]=function(){return this},t);function o(r){t[r]=e[r]&&function(t){return new Promise((function(o,n){(function(e,t,r,o){Promise.resolve(o).then((function(t){e({value:t,done:r})}),t)})(o,n,(t=e[r](t)).done,t.value)}))}}}function j(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e}var A=Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t};function T(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&y(t,e,r);return A(t,e),t}function M(e){return e&&e.__esModule?e:{default:e}}function C(e,t,r,o){if("a"===r&&!o)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof t?e!==t||!o:!t.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===r?o:"a"===r?o.call(e):o?o.value:t.get(e)}function z(e,t,r,o,n){if("m"===o)throw new TypeError("Private method is not writable");if("a"===o&&!n)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof t?e!==t||!n:!t.has(e))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===o?n.call(e,r):n?n.value=r:t.set(e,r),r}function D(e,t){if(null===t||"object"!=typeof t&&"function"!=typeof t)throw new TypeError("Cannot use 'in' operator on non-object");return"function"==typeof e?t===e:e.has(t)}function k(e,t,r){if(null!=t){if("object"!=typeof t&&"function"!=typeof t)throw new TypeError("Object expected.");var o;if(r){if(!Symbol.asyncDispose)throw new TypeError("Symbol.asyncDispose is not defined.");o=t[Symbol.asyncDispose]}if(void 0===o){if(!Symbol.dispose)throw new TypeError("Symbol.dispose is not defined.");o=t[Symbol.dispose]}if("function"!=typeof o)throw new TypeError("Object not disposable.");e.stack.push({value:t,dispose:o,async:r})}else r&&e.stack.push({async:!0});return t}var I="function"==typeof SuppressedError?SuppressedError:function(e,t,r){var o=new Error(r);return o.name="SuppressedError",o.error=e,o.suppressed=t,o};function H(e){function t(t){e.error=e.hasError?new I(t,e.error,"An error was suppressed during disposal."):t,e.hasError=!0}return function r(){for(;e.stack.length;){var o=e.stack.pop();try{var n=o.dispose&&o.dispose.call(o.value);if(o.async)return Promise.resolve(n).then(r,(function(e){return t(e),r()}))}catch(e){t(e)}}if(e.hasError)throw e.error}()}const V={__extends:n,__assign:a,__rest:l,__decorate:i,__param:c,__metadata:f,__awaiter:h,__generator:v,__createBinding:y,__exportStar:m,__values:b,__read:w,__spread:_,__spreadArrays:S,__spreadArray:P,__await:g,__asyncGenerator:E,__asyncDelegator:x,__asyncValues:O,__makeTemplateObject:j,__importStar:T,__importDefault:M,__classPrivateFieldGet:C,__classPrivateFieldSet:z,__classPrivateFieldIn:D,__addDisposableResource:k,__disposeResources:H}}},o={};function n(e){var t=o[e];if(void 0!==t)return t.exports;var a=o[e]={exports:{}};return r[e](a,a.exports,n),a.exports}return n.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return n.d(t,{a:t}),t},n.d=(e,t)=>{for(var r in t)n.o(t,r)&&!n.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},n.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),n.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n(2239)})()));
2
+ !function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react"),require("@nimbus-ds/styles")):"function"==typeof define&&define.amd?define(["react","@nimbus-ds/styles"],t):"object"==typeof exports?exports["@nimbus-ds/components"]=t(require("react"),require("@nimbus-ds/styles")):e["@nimbus-ds/components"]=t(e.react,e["@nimbus-ds/styles"])}(global,((e,t)=>(()=>{"use strict";var r={4140:(e,t,r)=>{r.r(t),r.d(t,{default:()=>h});var o,n,l=r(9155),a=r.n(l),i=function(e,t){return(i=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var r in t)t.hasOwnProperty(r)&&(e[r]=t[r])})(e,t)},c=(n=o={path:void 0,exports:{},require:function(e,t){return function(){throw new Error("Dynamic requires are not currently supported by @rollup/plugin-commonjs")}(null==t&&o.path)}},o.exports,function(){var e={}.hasOwnProperty;function t(){for(var r=[],o=0;o<arguments.length;o++){var n=arguments[o];if(n){var l=typeof n;if("string"===l||"number"===l)r.push(n);else if(Array.isArray(n)&&n.length){var a=t.apply(null,n);a&&r.push(a)}else if("object"===l)for(var i in n)e.call(n,i)&&n[i]&&r.push(i)}}return r.join(" ")}n.exports?(t.default=t,n.exports=t):window.classNames=t}(),o.exports);function s(e,t,r){var o,n,l,a,i;function c(){var s=Date.now()-a;s<t&&s>=0?o=setTimeout(c,t-s):(o=null,r||(i=e.apply(l,n),l=n=null))}null==t&&(t=100);var s=function(){l=this,n=arguments,a=Date.now();var s=r&&!o;return o||(o=setTimeout(c,t)),s&&(i=e.apply(l,n),l=n=null),i};return s.clear=function(){o&&(clearTimeout(o),o=null)},s.flush=function(){o&&(i=e.apply(l,n),l=n=null,clearTimeout(o),o=null)},s}s.debounce=s;var u=s;!function(e,t){void 0===t&&(t={});var r=t.insertAt;if(e&&"undefined"!=typeof document){var o=document.head||document.getElementsByTagName("head")[0],n=document.createElement("style");n.type="text/css","top"===r&&o.firstChild?o.insertBefore(n,o.firstChild):o.appendChild(n),n.styleSheet?n.styleSheet.cssText=e:n.appendChild(document.createTextNode(e))}}(".indiana-scroll-container {\n overflow: auto;\n}\n.indiana-scroll-container--dragging {\n scroll-behavior: auto !important;\n}\n.indiana-scroll-container--dragging > * {\n pointer-events: none;\n cursor: -webkit-grab;\n cursor: grab;\n}\n.indiana-scroll-container--hide-scrollbars {\n overflow: hidden;\n overflow: -moz-scrollbars-none;\n -ms-overflow-style: none;\n scrollbar-width: none;\n}\n.indiana-scroll-container--hide-scrollbars::-webkit-scrollbar {\n display: none !important;\n height: 0 !important;\n width: 0 !important;\n background: transparent !important;\n -webkit-appearance: none !important;\n}\n.indiana-scroll-container--native-scroll {\n overflow: auto;\n}\n\n.indiana-dragging {\n cursor: -webkit-grab;\n cursor: grab;\n}");var d,p=(d="indiana-scroll-container",function(e,t){if(!e)return d;var r;"string"==typeof e?r=e:t=e;var o=d;return r&&(o+="__"+r),o+(t?Object.keys(t).reduce((function(e,r){var n=t[r];return n&&(e+=" "+("boolean"==typeof n?o+"--"+r:o+"--"+r+"_"+n)),e}),""):"")}),f=function(e){function t(t){var r=e.call(this,t)||this;return r.onEndScroll=function(){r.scrolling=!1,!r.pressed&&r.started&&r.processEnd()},r.onScroll=function(e){var t=r.container.current;t.scrollLeft===r.scrollLeft&&t.scrollTop===r.scrollTop||(r.scrolling=!0,r.processScroll(e),r.onEndScroll())},r.onTouchStart=function(e){var t=r.props.nativeMobileScroll;if(r.isDraggable(e.target))if(r.internal=!0,t&&r.scrolling)r.pressed=!0;else{var o=e.touches[0];r.processClick(e,o.clientX,o.clientY),!t&&r.props.stopPropagation&&e.stopPropagation()}},r.onTouchEnd=function(e){var t=r.props.nativeMobileScroll;r.pressed&&(!r.started||r.scrolling&&t?r.pressed=!1:r.processEnd(),r.forceUpdate())},r.onTouchMove=function(e){var t=r.props.nativeMobileScroll;if(r.pressed&&(!t||!r.isMobile)){var o=e.touches[0];o&&r.processMove(e,o.clientX,o.clientY),e.preventDefault(),r.props.stopPropagation&&e.stopPropagation()}},r.onMouseDown=function(e){r.isDraggable(e.target)&&r.isScrollable()&&(r.internal=!0,-1!==r.props.buttons.indexOf(e.button)&&(r.processClick(e,e.clientX,e.clientY),e.preventDefault(),r.props.stopPropagation&&e.stopPropagation()))},r.onMouseMove=function(e){r.pressed&&(r.processMove(e,e.clientX,e.clientY),e.preventDefault(),r.props.stopPropagation&&e.stopPropagation())},r.onMouseUp=function(e){r.pressed&&(r.started?r.processEnd():(r.internal=!1,r.pressed=!1,r.forceUpdate(),r.props.onClick&&r.props.onClick(e)),e.preventDefault(),r.props.stopPropagation&&e.stopPropagation())},r.container=a().createRef(),r.onEndScroll=u(r.onEndScroll,300),r.scrolling=!1,r.started=!1,r.pressed=!1,r.internal=!1,r.getRef=r.getRef.bind(r),r}return function(e,t){function r(){this.constructor=e}i(e,t),e.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)}(t,e),t.prototype.componentDidMount=function(){var e=this.props.nativeMobileScroll,t=this.container.current;window.addEventListener("mouseup",this.onMouseUp),window.addEventListener("mousemove",this.onMouseMove),window.addEventListener("touchmove",this.onTouchMove,{passive:!1}),window.addEventListener("touchend",this.onTouchEnd),t.addEventListener("touchstart",this.onTouchStart,{passive:!1}),t.addEventListener("mousedown",this.onMouseDown,{passive:!1}),e&&(this.isMobile=this.isMobileDevice(),this.isMobile&&this.forceUpdate())},t.prototype.componentWillUnmount=function(){window.removeEventListener("mouseup",this.onMouseUp),window.removeEventListener("mousemove",this.onMouseMove),window.removeEventListener("touchmove",this.onTouchMove),window.removeEventListener("touchend",this.onTouchEnd)},t.prototype.getElement=function(){return this.container.current},t.prototype.isMobileDevice=function(){return void 0!==window.orientation||-1!==navigator.userAgent.indexOf("IEMobile")},t.prototype.isDraggable=function(e){var t=this.props.ignoreElements;if(t){var r=e.closest(t);return null===r||r.contains(this.getElement())}return!0},t.prototype.isScrollable=function(){var e=this.container.current;return e&&(e.scrollWidth>e.clientWidth||e.scrollHeight>e.clientHeight)},t.prototype.processClick=function(e,t,r){var o=this.container.current;this.scrollLeft=o.scrollLeft,this.scrollTop=o.scrollTop,this.clientX=t,this.clientY=r,this.pressed=!0},t.prototype.processStart=function(e){void 0===e&&(e=!0);var t=this.props.onStartScroll;this.started=!0,e&&document.body.classList.add("indiana-dragging"),t&&t({external:!this.internal}),this.forceUpdate()},t.prototype.processScroll=function(e){if(this.started){var t=this.props.onScroll;t&&t({external:!this.internal})}else this.processStart(!1)},t.prototype.processMove=function(e,t,r){var o=this.props,n=o.horizontal,l=o.vertical,a=o.activationDistance,i=o.onScroll,c=this.container.current;this.started?(n&&(c.scrollLeft-=t-this.clientX),l&&(c.scrollTop-=r-this.clientY),i&&i({external:!this.internal}),this.clientX=t,this.clientY=r,this.scrollLeft=c.scrollLeft,this.scrollTop=c.scrollTop):(n&&Math.abs(t-this.clientX)>a||l&&Math.abs(r-this.clientY)>a)&&(this.clientX=t,this.clientY=r,this.processStart())},t.prototype.processEnd=function(){var e=this.props.onEndScroll;this.container.current&&e&&e({external:!this.internal}),this.pressed=!1,this.started=!1,this.scrolling=!1,this.internal=!1,document.body.classList.remove("indiana-dragging"),this.forceUpdate()},t.prototype.getRef=function(e){[this.container,this.props.innerRef].forEach((function(t){t&&("function"==typeof t?t(e):t.current=e)}))},t.prototype.render=function(){var e=this.props,t=e.children,r=e.draggingClassName,o=e.className,n=e.style,l=e.hideScrollbars,i=e.component;return a().createElement(i,{className:c(o,this.pressed&&r,p({dragging:this.pressed,"hide-scrollbars":l,"native-scroll":this.isMobile})),style:n,ref:this.getRef,onScroll:this.onScroll},t)},t.defaultProps={nativeMobileScroll:!0,hideScrollbars:!0,activationDistance:10,vertical:!0,horizontal:!0,stopPropagation:!1,style:{},component:"div",buttons:[0]},t}(l.PureComponent);const h=f},8973:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.Box=void 0;const o=r(5608).__importStar(r(9155)),n=r(4367),l=(0,o.forwardRef)((({className:e,style:t,as:r="div",boxSizing:l="border-box",...a},i)=>{const c="button"===r,{className:s,style:u,otherProps:d}=n.box.sprinkle({...a,boxSizing:l}),p=[s,c&&n.box.asButton].filter(Boolean).join(" ");return o.default.createElement(r,{ref:i,className:p,style:u,...d})}));t.Box=l,l.displayName="Box"},9598:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.Box=void 0;const o=r(8973);var n=r(8973);Object.defineProperty(t,"Box",{enumerable:!0,get:function(){return n.Box}}),t.default=o.Box},6154:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0});r(5608).__exportStar(r(5213),t)},5213:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.useCanScroll=void 0;var o=r(5237);Object.defineProperty(t,"useCanScroll",{enumerable:!0,get:function(){return o.useCanScroll}})},5237:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.useCanScroll=void 0;const o=r(9155);t.useCanScroll=function({direction:e="vertical",scrollContainerRef:t}){const[r,n]=(0,o.useState)(!1),[l,a]=(0,o.useState)(!1);return{canScrollStart:r,canScrollEnd:l,checkScrollPosition:(0,o.useCallback)((()=>{const r=t.current;if(!r)return;const{scrollLeft:o,scrollTop:l,scrollWidth:i,scrollHeight:c,clientWidth:s,clientHeight:u}=r;"horizontal"===e?(n(o>0),a(o<i-s-1)):(n(l>0),a(l<c-u-1))}),[e,t])}}},8327:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.getPosition=void 0;t.getPosition=(e,t)=>{const r=((e,t)=>{const r="horizontal"===t;return"start"===e?r?"left":"top":r?"right":"bottom"})(e,t);return`${t}-${r}`}},6085:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.ScrollPane=void 0;const o=r(5608),n=o.__importStar(r(9155)),l=o.__importDefault(r(4140)),a=r(9598),i=r(4367),c=r(6154),s=r(6083),u=r(8327),d=({children:e,showGradients:t=!0,showArrows:r=!1,showScrollbar:o=!0,scrollContainerRef:d,direction:p="horizontal",scrollToItemOnClick:f=!0,scrollBehavior:h="hidden-items",enableGrabScroll:v=!1,scrollPaneArrowStart:y,scrollPaneArrowEnd:m,contentContainerProps:b,..._})=>{const S=(0,n.useRef)(null),w=d||S,P=(0,n.useRef)(null),[g,E]=(0,n.useState)(!1),{canScrollStart:x,canScrollEnd:O,checkScrollPosition:j}=(0,c.useCanScroll)({direction:p,scrollContainerRef:w}),A=(0,n.useCallback)((()=>{g||E(!0),j(),P.current&&clearTimeout(P.current),P.current=setTimeout((()=>{E(!1)}),150)}),[j,g]),T=(0,n.useCallback)((e=>{if(!w.current)return;const t=w.current,r="horizontal"===p?.8*t.clientWidth:.8*t.clientHeight;if("horizontal"===p){const o="start"===e?t.scrollLeft-r:t.scrollLeft+r;t.scrollTo({left:Math.max(0,Math.min(o,t.scrollWidth-t.clientWidth)),behavior:"smooth"})}else{const o="start"===e?t.scrollTop-r:t.scrollTop+r;t.scrollTo({top:Math.max(0,Math.min(o,t.scrollHeight-t.clientHeight)),behavior:"smooth"})}}),[p,w]);(0,n.useEffect)((()=>{const e=w.current;if(!e)return;const t=setTimeout((()=>{j()}),v?50:0);e.addEventListener("scroll",A);const r=new ResizeObserver((()=>{setTimeout(j,v?10:0)}));return r.observe(e),v&&e.firstElementChild&&r.observe(e.firstElementChild),()=>{clearTimeout(t),e.removeEventListener("scroll",A),r.disconnect(),P.current&&clearTimeout(P.current)}}),[j,A,v,w]);const M=(0,n.useMemo)((()=>({direction:p,scrollToItemOnClick:f,scrollBehavior:h,enableGrabScroll:v,containerRef:w,scrollToDirection:T})),[p,f,h,v,w,T]),C=[i.scrollPane.classnames.scrollArea,i.scrollPane.classnames.direction[p],!o&&i.scrollPane.classnames.scrollAreaHidden].filter(Boolean).join(" "),z={cursor:v?"grab":void 0},D=n.default.createElement(n.default.Fragment,null,n.default.createElement(a.Box,{display:"flex",flexDirection:"horizontal"===p?"row":"column",margin:"1",...b},e),t&&n.default.createElement(n.default.Fragment,null,x&&n.default.createElement("div",{className:[i.scrollPane.classnames.gradient,i.scrollPane.classnames.gradientVariants[(0,u.getPosition)("start",p)]].join(" ")}),O&&n.default.createElement("div",{className:[i.scrollPane.classnames.gradient,i.scrollPane.classnames.gradientVariants[(0,u.getPosition)("end",p)]].join(" ")})),r&&n.default.createElement(n.default.Fragment,null,x&&y,O&&m));return n.default.createElement(s.ScrollPaneContext.Provider,{value:M},n.default.createElement(a.Box,{position:"relative",..._},v?n.default.createElement(l.default,{hideScrollbars:!1,horizontal:"horizontal"===p,vertical:"vertical"===p,innerRef:w,className:C,style:z},D):n.default.createElement("div",{ref:w,className:C,style:z},D)))};t.ScrollPane=d,d.displayName="ScrollPane",d.Item=s.ScrollPaneItem,d.ArrowHorizontalStart=s.ScrollPaneArrowHorizontalStart,d.ArrowHorizontalEnd=s.ScrollPaneArrowHorizontalEnd,d.ArrowVerticalStart=s.ScrollPaneArrowVerticalStart,d.ArrowVerticalEnd=s.ScrollPaneArrowVerticalEnd,d.Item.displayName="ScrollPane.Item",d.ArrowHorizontalStart.displayName="ScrollPane.ArrowHorizontalStart",d.ArrowHorizontalEnd.displayName="ScrollPane.ArrowHorizontalEnd",d.ArrowVerticalStart.displayName="ScrollPane.ArrowVerticalStart",d.ArrowVerticalEnd.displayName="ScrollPane.ArrowVerticalEnd"},2239:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0});const o=r(5608);o.__exportStar(r(1630),t),o.__exportStar(r(6083),t)},4584:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.ScrollPaneArrowVerticalEnd=t.ScrollPaneArrowVerticalStart=t.ScrollPaneArrowHorizontalEnd=t.ScrollPaneArrowHorizontalStart=void 0;const o=r(5608).__importDefault(r(9155)),n=r(4367),l=r(3590),a=({children:e,variant:t,direction:r})=>{const a=(0,l.useScrollPaneContext)(),i=()=>a.scrollToDirection(r);return o.default.createElement("div",{className:[n.scrollPane.classnames.arrow,n.scrollPane.classnames.arrowVariants[t]].join(" "),onClick:i,onKeyDown:e=>{"Enter"!==e.key&&"Space"!==e.code||(e.preventDefault(),i())},role:"button",tabIndex:0,"aria-label":"Scroll "+("start"===r?"backward":"forward")},e)};t.ScrollPaneArrowHorizontalStart=({children:e})=>o.default.createElement(a,{variant:"horizontal-left",direction:"start"},e);t.ScrollPaneArrowHorizontalEnd=({children:e})=>o.default.createElement(a,{variant:"horizontal-right",direction:"end"},e);t.ScrollPaneArrowVerticalStart=({children:e})=>o.default.createElement(a,{variant:"vertical-top",direction:"start"},e);t.ScrollPaneArrowVerticalEnd=({children:e})=>o.default.createElement(a,{variant:"vertical-bottom",direction:"end"},e)},3076:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.ScrollPaneArrowVerticalEnd=t.ScrollPaneArrowVerticalStart=t.ScrollPaneArrowHorizontalEnd=t.ScrollPaneArrowHorizontalStart=void 0;var o=r(4584);Object.defineProperty(t,"ScrollPaneArrowHorizontalStart",{enumerable:!0,get:function(){return o.ScrollPaneArrowHorizontalStart}}),Object.defineProperty(t,"ScrollPaneArrowHorizontalEnd",{enumerable:!0,get:function(){return o.ScrollPaneArrowHorizontalEnd}}),Object.defineProperty(t,"ScrollPaneArrowVerticalStart",{enumerable:!0,get:function(){return o.ScrollPaneArrowVerticalStart}}),Object.defineProperty(t,"ScrollPaneArrowVerticalEnd",{enumerable:!0,get:function(){return o.ScrollPaneArrowVerticalEnd}})},2222:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.scrollItemIntoView=void 0;t.scrollItemIntoView=(e,t,r,o="hidden-items")=>{const n=e.getBoundingClientRect(),l=t.getBoundingClientRect();if("hidden-items"!==o||!((e,t,r)=>"horizontal"===r?t.left>=e.left&&t.right<=e.right:t.top>=e.top&&t.bottom<=e.bottom)(n,l,r))if("horizontal"===r){const t=n.width/2,r=l.width/2,o=l.left-n.left-t+r,a=e.scrollLeft+o;e.scrollTo({left:Math.max(0,a),behavior:"smooth"})}else{const t=n.height/2,r=l.height/2,o=l.top-n.top-t+r,a=e.scrollTop+o;e.scrollTo({top:Math.max(0,a),behavior:"smooth"})}}},4941:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.ScrollPaneItem=void 0;const o=r(5608).__importDefault(r(9155)),n=r(4367),l=r(3590),a=r(2222);t.ScrollPaneItem=({children:e,onClick:t,...r})=>{const i=(0,l.useScrollPaneContext)(),c=e=>{if(t&&t(e),i.scrollToItemOnClick&&e.currentTarget){const t=i.containerRef?.current,r=e.currentTarget;t&&r&&i.direction&&(0,a.scrollItemIntoView)(t,r,i.direction,i.scrollBehavior)}};return o.default.createElement("div",{className:n.scrollPane.classnames.item,onClick:c,onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||c(e)},role:"button",tabIndex:-1,draggable:!i.enableGrabScroll&&void 0,...r},e)}},324:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0});const o=r(5608);o.__exportStar(r(4941),t),o.__exportStar(r(505),t)},505:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0})},6083:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.ScrollPaneArrowVerticalEnd=t.ScrollPaneArrowVerticalStart=t.ScrollPaneArrowHorizontalEnd=t.ScrollPaneArrowHorizontalStart=t.ScrollPaneContext=t.ScrollPaneItem=void 0;var o=r(324);Object.defineProperty(t,"ScrollPaneItem",{enumerable:!0,get:function(){return o.ScrollPaneItem}});var n=r(3590);Object.defineProperty(t,"ScrollPaneContext",{enumerable:!0,get:function(){return n.ScrollPaneContext}});var l=r(3076);Object.defineProperty(t,"ScrollPaneArrowHorizontalStart",{enumerable:!0,get:function(){return l.ScrollPaneArrowHorizontalStart}}),Object.defineProperty(t,"ScrollPaneArrowHorizontalEnd",{enumerable:!0,get:function(){return l.ScrollPaneArrowHorizontalEnd}}),Object.defineProperty(t,"ScrollPaneArrowVerticalStart",{enumerable:!0,get:function(){return l.ScrollPaneArrowVerticalStart}}),Object.defineProperty(t,"ScrollPaneArrowVerticalEnd",{enumerable:!0,get:function(){return l.ScrollPaneArrowVerticalEnd}})},3464:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.useScrollPaneContext=t.ScrollPaneContext=void 0;const o=r(9155);t.ScrollPaneContext=(0,o.createContext)(null);t.useScrollPaneContext=()=>{const e=(0,o.useContext)(t.ScrollPaneContext);if(!e)throw new Error("useScrollPaneContext must be used within a ScrollPane");return e}},3590:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.useScrollPaneContext=t.ScrollPaneContext=void 0;var o=r(3464);Object.defineProperty(t,"ScrollPaneContext",{enumerable:!0,get:function(){return o.ScrollPaneContext}}),Object.defineProperty(t,"useScrollPaneContext",{enumerable:!0,get:function(){return o.useScrollPaneContext}})},1630:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.ScrollPane=void 0;var o=r(6085);Object.defineProperty(t,"ScrollPane",{enumerable:!0,get:function(){return o.ScrollPane}})},4367:e=>{e.exports=t},9155:t=>{t.exports=e},5608:(e,t,r)=>{r.r(t),r.d(t,{__addDisposableResource:()=>k,__assign:()=>l,__asyncDelegator:()=>x,__asyncGenerator:()=>E,__asyncValues:()=>O,__await:()=>g,__awaiter:()=>h,__classPrivateFieldGet:()=>C,__classPrivateFieldIn:()=>D,__classPrivateFieldSet:()=>z,__createBinding:()=>y,__decorate:()=>i,__disposeResources:()=>H,__esDecorate:()=>s,__exportStar:()=>m,__extends:()=>n,__generator:()=>v,__importDefault:()=>M,__importStar:()=>T,__makeTemplateObject:()=>j,__metadata:()=>f,__param:()=>c,__propKey:()=>d,__read:()=>_,__rest:()=>a,__runInitializers:()=>u,__setFunctionName:()=>p,__spread:()=>S,__spreadArray:()=>P,__spreadArrays:()=>w,__values:()=>b,default:()=>V});var o=function(e,t){return o=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])},o(e,t)};function n(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function r(){this.constructor=e}o(e,t),e.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)}var l=function(){return l=Object.assign||function(e){for(var t,r=1,o=arguments.length;r<o;r++)for(var n in t=arguments[r])Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n]);return e},l.apply(this,arguments)};function a(e,t){var r={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.indexOf(o)<0&&(r[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(o=Object.getOwnPropertySymbols(e);n<o.length;n++)t.indexOf(o[n])<0&&Object.prototype.propertyIsEnumerable.call(e,o[n])&&(r[o[n]]=e[o[n]])}return r}function i(e,t,r,o){var n,l=arguments.length,a=l<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,r):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,r,o);else for(var i=e.length-1;i>=0;i--)(n=e[i])&&(a=(l<3?n(a):l>3?n(t,r,a):n(t,r))||a);return l>3&&a&&Object.defineProperty(t,r,a),a}function c(e,t){return function(r,o){t(r,o,e)}}function s(e,t,r,o,n,l){function a(e){if(void 0!==e&&"function"!=typeof e)throw new TypeError("Function expected");return e}for(var i,c=o.kind,s="getter"===c?"get":"setter"===c?"set":"value",u=!t&&e?o.static?e:e.prototype:null,d=t||(u?Object.getOwnPropertyDescriptor(u,o.name):{}),p=!1,f=r.length-1;f>=0;f--){var h={};for(var v in o)h[v]="access"===v?{}:o[v];for(var v in o.access)h.access[v]=o.access[v];h.addInitializer=function(e){if(p)throw new TypeError("Cannot add initializers after decoration has completed");l.push(a(e||null))};var y=(0,r[f])("accessor"===c?{get:d.get,set:d.set}:d[s],h);if("accessor"===c){if(void 0===y)continue;if(null===y||"object"!=typeof y)throw new TypeError("Object expected");(i=a(y.get))&&(d.get=i),(i=a(y.set))&&(d.set=i),(i=a(y.init))&&n.unshift(i)}else(i=a(y))&&("field"===c?n.unshift(i):d[s]=i)}u&&Object.defineProperty(u,o.name,d),p=!0}function u(e,t,r){for(var o=arguments.length>2,n=0;n<t.length;n++)r=o?t[n].call(e,r):t[n].call(e);return o?r:void 0}function d(e){return"symbol"==typeof e?e:"".concat(e)}function p(e,t,r){return"symbol"==typeof t&&(t=t.description?"[".concat(t.description,"]"):""),Object.defineProperty(e,"name",{configurable:!0,value:r?"".concat(r," ",t):t})}function f(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)}function h(e,t,r,o){return new(r||(r=Promise))((function(n,l){function a(e){try{c(o.next(e))}catch(e){l(e)}}function i(e){try{c(o.throw(e))}catch(e){l(e)}}function c(e){var t;e.done?n(e.value):(t=e.value,t instanceof r?t:new r((function(e){e(t)}))).then(a,i)}c((o=o.apply(e,t||[])).next())}))}function v(e,t){var r,o,n,l,a={label:0,sent:function(){if(1&n[0])throw n[1];return n[1]},trys:[],ops:[]};return l={next:i(0),throw:i(1),return:i(2)},"function"==typeof Symbol&&(l[Symbol.iterator]=function(){return this}),l;function i(i){return function(c){return function(i){if(r)throw new TypeError("Generator is already executing.");for(;l&&(l=0,i[0]&&(a=0)),a;)try{if(r=1,o&&(n=2&i[0]?o.return:i[0]?o.throw||((n=o.return)&&n.call(o),0):o.next)&&!(n=n.call(o,i[1])).done)return n;switch(o=0,n&&(i=[2&i[0],n.value]),i[0]){case 0:case 1:n=i;break;case 4:return a.label++,{value:i[1],done:!1};case 5:a.label++,o=i[1],i=[0];continue;case 7:i=a.ops.pop(),a.trys.pop();continue;default:if(!(n=a.trys,(n=n.length>0&&n[n.length-1])||6!==i[0]&&2!==i[0])){a=0;continue}if(3===i[0]&&(!n||i[1]>n[0]&&i[1]<n[3])){a.label=i[1];break}if(6===i[0]&&a.label<n[1]){a.label=n[1],n=i;break}if(n&&a.label<n[2]){a.label=n[2],a.ops.push(i);break}n[2]&&a.ops.pop(),a.trys.pop();continue}i=t.call(e,a)}catch(e){i=[6,e],o=0}finally{r=n=0}if(5&i[0])throw i[1];return{value:i[0]?i[1]:void 0,done:!0}}([i,c])}}}var y=Object.create?function(e,t,r,o){void 0===o&&(o=r);var n=Object.getOwnPropertyDescriptor(t,r);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,o,n)}:function(e,t,r,o){void 0===o&&(o=r),e[o]=t[r]};function m(e,t){for(var r in e)"default"===r||Object.prototype.hasOwnProperty.call(t,r)||y(t,e,r)}function b(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],o=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&o>=e.length&&(e=void 0),{value:e&&e[o++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")}function _(e,t){var r="function"==typeof Symbol&&e[Symbol.iterator];if(!r)return e;var o,n,l=r.call(e),a=[];try{for(;(void 0===t||t-- >0)&&!(o=l.next()).done;)a.push(o.value)}catch(e){n={error:e}}finally{try{o&&!o.done&&(r=l.return)&&r.call(l)}finally{if(n)throw n.error}}return a}function S(){for(var e=[],t=0;t<arguments.length;t++)e=e.concat(_(arguments[t]));return e}function w(){for(var e=0,t=0,r=arguments.length;t<r;t++)e+=arguments[t].length;var o=Array(e),n=0;for(t=0;t<r;t++)for(var l=arguments[t],a=0,i=l.length;a<i;a++,n++)o[n]=l[a];return o}function P(e,t,r){if(r||2===arguments.length)for(var o,n=0,l=t.length;n<l;n++)!o&&n in t||(o||(o=Array.prototype.slice.call(t,0,n)),o[n]=t[n]);return e.concat(o||Array.prototype.slice.call(t))}function g(e){return this instanceof g?(this.v=e,this):new g(e)}function E(e,t,r){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var o,n=r.apply(e,t||[]),l=[];return o={},a("next"),a("throw"),a("return"),o[Symbol.asyncIterator]=function(){return this},o;function a(e){n[e]&&(o[e]=function(t){return new Promise((function(r,o){l.push([e,t,r,o])>1||i(e,t)}))})}function i(e,t){try{(r=n[e](t)).value instanceof g?Promise.resolve(r.value.v).then(c,s):u(l[0][2],r)}catch(e){u(l[0][3],e)}var r}function c(e){i("next",e)}function s(e){i("throw",e)}function u(e,t){e(t),l.shift(),l.length&&i(l[0][0],l[0][1])}}function x(e){var t,r;return t={},o("next"),o("throw",(function(e){throw e})),o("return"),t[Symbol.iterator]=function(){return this},t;function o(o,n){t[o]=e[o]?function(t){return(r=!r)?{value:g(e[o](t)),done:!1}:n?n(t):t}:n}}function O(e){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var t,r=e[Symbol.asyncIterator];return r?r.call(e):(e=b(e),t={},o("next"),o("throw"),o("return"),t[Symbol.asyncIterator]=function(){return this},t);function o(r){t[r]=e[r]&&function(t){return new Promise((function(o,n){(function(e,t,r,o){Promise.resolve(o).then((function(t){e({value:t,done:r})}),t)})(o,n,(t=e[r](t)).done,t.value)}))}}}function j(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e}var A=Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t};function T(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&y(t,e,r);return A(t,e),t}function M(e){return e&&e.__esModule?e:{default:e}}function C(e,t,r,o){if("a"===r&&!o)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof t?e!==t||!o:!t.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===r?o:"a"===r?o.call(e):o?o.value:t.get(e)}function z(e,t,r,o,n){if("m"===o)throw new TypeError("Private method is not writable");if("a"===o&&!n)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof t?e!==t||!n:!t.has(e))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===o?n.call(e,r):n?n.value=r:t.set(e,r),r}function D(e,t){if(null===t||"object"!=typeof t&&"function"!=typeof t)throw new TypeError("Cannot use 'in' operator on non-object");return"function"==typeof e?t===e:e.has(t)}function k(e,t,r){if(null!=t){if("object"!=typeof t&&"function"!=typeof t)throw new TypeError("Object expected.");var o;if(r){if(!Symbol.asyncDispose)throw new TypeError("Symbol.asyncDispose is not defined.");o=t[Symbol.asyncDispose]}if(void 0===o){if(!Symbol.dispose)throw new TypeError("Symbol.dispose is not defined.");o=t[Symbol.dispose]}if("function"!=typeof o)throw new TypeError("Object not disposable.");e.stack.push({value:t,dispose:o,async:r})}else r&&e.stack.push({async:!0});return t}var I="function"==typeof SuppressedError?SuppressedError:function(e,t,r){var o=new Error(r);return o.name="SuppressedError",o.error=e,o.suppressed=t,o};function H(e){function t(t){e.error=e.hasError?new I(t,e.error,"An error was suppressed during disposal."):t,e.hasError=!0}return function r(){for(;e.stack.length;){var o=e.stack.pop();try{var n=o.dispose&&o.dispose.call(o.value);if(o.async)return Promise.resolve(n).then(r,(function(e){return t(e),r()}))}catch(e){t(e)}}if(e.hasError)throw e.error}()}const V={__extends:n,__assign:l,__rest:a,__decorate:i,__param:c,__metadata:f,__awaiter:h,__generator:v,__createBinding:y,__exportStar:m,__values:b,__read:_,__spread:S,__spreadArrays:w,__spreadArray:P,__await:g,__asyncGenerator:E,__asyncDelegator:x,__asyncValues:O,__makeTemplateObject:j,__importStar:T,__importDefault:M,__classPrivateFieldGet:C,__classPrivateFieldSet:z,__classPrivateFieldIn:D,__addDisposableResource:k,__disposeResources:H}}},o={};function n(e){var t=o[e];if(void 0!==t)return t.exports;var l=o[e]={exports:{}};return r[e](l,l.exports,n),l.exports}return n.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return n.d(t,{a:t}),t},n.d=(e,t)=>{for(var r in t)n.o(t,r)&&!n.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},n.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),n.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n(2239)})()));