@danske/sapphire-react-lab 0.97.0 → 0.99.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.
@@ -26,9 +26,12 @@ var numberfield$1 = require('@react-aria/numberfield');
26
26
  var numberfield = require('@react-stately/numberfield');
27
27
  var styles$4 = require('@danske/sapphire-css/components/progressIndicator/progressIndicator.module.css');
28
28
  var progress = require('@react-aria/progress');
29
+ var styles$5 = require('@danske/sapphire-css/components/slider/slider.module.css');
30
+ var reactAriaComponents = require('react-aria-components');
31
+ var styles$6 = require('@danske/sapphire-css/components/breadcrumbs/breadcrumbs.module.css');
29
32
  var tag = require('@react-aria/tag');
30
33
  var list = require('@react-stately/list');
31
- var styles$5 = require('@danske/sapphire-css/components/tag/tag.module.css');
34
+ var styles$7 = require('@danske/sapphire-css/components/tag/tag.module.css');
32
35
  var button = require('@react-aria/button');
33
36
  var label = require('@react-aria/label');
34
37
  var alertStyles = require('@danske/sapphire-css/components/alert/alert.module.css');
@@ -44,6 +47,8 @@ var styles__default$3 = /*#__PURE__*/_interopDefaultLegacy(styles$3);
44
47
  var textFieldStyles__default = /*#__PURE__*/_interopDefaultLegacy(textFieldStyles);
45
48
  var styles__default$4 = /*#__PURE__*/_interopDefaultLegacy(styles$4);
46
49
  var styles__default$5 = /*#__PURE__*/_interopDefaultLegacy(styles$5);
50
+ var styles__default$6 = /*#__PURE__*/_interopDefaultLegacy(styles$6);
51
+ var styles__default$7 = /*#__PURE__*/_interopDefaultLegacy(styles$7);
47
52
  var alertStyles__default = /*#__PURE__*/_interopDefaultLegacy(alertStyles);
48
53
 
49
54
  function FilterDropdown({
@@ -114,40 +119,40 @@ function FilterDropdown({
114
119
  }, label, value ? ": " : "", value));
115
120
  }
116
121
 
117
- var __defProp$e = Object.defineProperty;
118
- var __defProps$e = Object.defineProperties;
119
- var __getOwnPropDescs$e = Object.getOwnPropertyDescriptors;
120
- var __getOwnPropSymbols$f = Object.getOwnPropertySymbols;
121
- var __hasOwnProp$f = Object.prototype.hasOwnProperty;
122
- var __propIsEnum$f = Object.prototype.propertyIsEnumerable;
123
- var __defNormalProp$e = (obj, key, value) => key in obj ? __defProp$e(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
124
- var __spreadValues$e = (a, b) => {
122
+ var __defProp$i = Object.defineProperty;
123
+ var __defProps$h = Object.defineProperties;
124
+ var __getOwnPropDescs$h = Object.getOwnPropertyDescriptors;
125
+ var __getOwnPropSymbols$j = Object.getOwnPropertySymbols;
126
+ var __hasOwnProp$j = Object.prototype.hasOwnProperty;
127
+ var __propIsEnum$j = Object.prototype.propertyIsEnumerable;
128
+ var __defNormalProp$i = (obj, key, value) => key in obj ? __defProp$i(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
129
+ var __spreadValues$i = (a, b) => {
125
130
  for (var prop in b || (b = {}))
126
- if (__hasOwnProp$f.call(b, prop))
127
- __defNormalProp$e(a, prop, b[prop]);
128
- if (__getOwnPropSymbols$f)
129
- for (var prop of __getOwnPropSymbols$f(b)) {
130
- if (__propIsEnum$f.call(b, prop))
131
- __defNormalProp$e(a, prop, b[prop]);
131
+ if (__hasOwnProp$j.call(b, prop))
132
+ __defNormalProp$i(a, prop, b[prop]);
133
+ if (__getOwnPropSymbols$j)
134
+ for (var prop of __getOwnPropSymbols$j(b)) {
135
+ if (__propIsEnum$j.call(b, prop))
136
+ __defNormalProp$i(a, prop, b[prop]);
132
137
  }
133
138
  return a;
134
139
  };
135
- var __spreadProps$e = (a, b) => __defProps$e(a, __getOwnPropDescs$e(b));
136
- var __objRest$b = (source, exclude) => {
140
+ var __spreadProps$h = (a, b) => __defProps$h(a, __getOwnPropDescs$h(b));
141
+ var __objRest$f = (source, exclude) => {
137
142
  var target = {};
138
143
  for (var prop in source)
139
- if (__hasOwnProp$f.call(source, prop) && exclude.indexOf(prop) < 0)
144
+ if (__hasOwnProp$j.call(source, prop) && exclude.indexOf(prop) < 0)
140
145
  target[prop] = source[prop];
141
- if (source != null && __getOwnPropSymbols$f)
142
- for (var prop of __getOwnPropSymbols$f(source)) {
143
- if (exclude.indexOf(prop) < 0 && __propIsEnum$f.call(source, prop))
146
+ if (source != null && __getOwnPropSymbols$j)
147
+ for (var prop of __getOwnPropSymbols$j(source)) {
148
+ if (exclude.indexOf(prop) < 0 && __propIsEnum$j.call(source, prop))
144
149
  target[prop] = source[prop];
145
150
  }
146
151
  return target;
147
152
  };
148
153
  function SearchableSelectFilter(props) {
149
154
  var _b, _c;
150
- const _a = props, { searchField, listBox, size = "md" } = _a, otherProps = __objRest$b(_a, ["searchField", "listBox", "size"]);
155
+ const _a = props, { searchField, listBox, size = "md" } = _a, otherProps = __objRest$f(_a, ["searchField", "listBox", "size"]);
151
156
  const searchFieldRef = React.useRef(null);
152
157
  const searchFieldProps = searchField.props;
153
158
  const listBoxProps = listBox.props;
@@ -156,7 +161,7 @@ function SearchableSelectFilter(props) {
156
161
  console.warn("The connectedInputRef prop on the ListBox in the SearchableSelectFilter component is not needed and will be ignored. The connectedInputRef is set automatically (to the passed SearchField) and should not be set manually.");
157
162
  }
158
163
  const hasSelection = listBoxProps.selectedKeys === "all" || Array.from(listBoxProps.selectedKeys || []).length > 0;
159
- return /* @__PURE__ */ React__default["default"].createElement(FilterDropdown, __spreadProps$e(__spreadValues$e({}, otherProps), {
164
+ return /* @__PURE__ */ React__default["default"].createElement(FilterDropdown, __spreadProps$h(__spreadValues$i({}, otherProps), {
160
165
  noMaxWidth: (_c = otherProps.noMaxWidth) != null ? _c : true,
161
166
  buttonSize: size,
162
167
  hasApplyButton: Boolean(otherProps.onApply),
@@ -191,25 +196,25 @@ function useAccordionContext() {
191
196
  throw new Error("Accordion context can only be used within Accordion component.");
192
197
  }
193
198
 
194
- var __defProp$d = Object.defineProperty;
195
- var __defProps$d = Object.defineProperties;
196
- var __getOwnPropDescs$d = Object.getOwnPropertyDescriptors;
197
- var __getOwnPropSymbols$e = Object.getOwnPropertySymbols;
198
- var __hasOwnProp$e = Object.prototype.hasOwnProperty;
199
- var __propIsEnum$e = Object.prototype.propertyIsEnumerable;
200
- var __defNormalProp$d = (obj, key, value) => key in obj ? __defProp$d(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
201
- var __spreadValues$d = (a, b) => {
199
+ var __defProp$h = Object.defineProperty;
200
+ var __defProps$g = Object.defineProperties;
201
+ var __getOwnPropDescs$g = Object.getOwnPropertyDescriptors;
202
+ var __getOwnPropSymbols$i = Object.getOwnPropertySymbols;
203
+ var __hasOwnProp$i = Object.prototype.hasOwnProperty;
204
+ var __propIsEnum$i = Object.prototype.propertyIsEnumerable;
205
+ var __defNormalProp$h = (obj, key, value) => key in obj ? __defProp$h(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
206
+ var __spreadValues$h = (a, b) => {
202
207
  for (var prop in b || (b = {}))
203
- if (__hasOwnProp$e.call(b, prop))
204
- __defNormalProp$d(a, prop, b[prop]);
205
- if (__getOwnPropSymbols$e)
206
- for (var prop of __getOwnPropSymbols$e(b)) {
207
- if (__propIsEnum$e.call(b, prop))
208
- __defNormalProp$d(a, prop, b[prop]);
208
+ if (__hasOwnProp$i.call(b, prop))
209
+ __defNormalProp$h(a, prop, b[prop]);
210
+ if (__getOwnPropSymbols$i)
211
+ for (var prop of __getOwnPropSymbols$i(b)) {
212
+ if (__propIsEnum$i.call(b, prop))
213
+ __defNormalProp$h(a, prop, b[prop]);
209
214
  }
210
215
  return a;
211
216
  };
212
- var __spreadProps$d = (a, b) => __defProps$d(a, __getOwnPropDescs$d(b));
217
+ var __spreadProps$g = (a, b) => __defProps$g(a, __getOwnPropDescs$g(b));
213
218
  const customPaddingStyleProps = (sidePadding) => ({
214
219
  paddingLeft: typeof sidePadding === "string" ? sidePadding : `${sidePadding}px`,
215
220
  paddingRight: typeof sidePadding === "string" ? sidePadding : `${sidePadding}px`
@@ -233,7 +238,7 @@ function _AccordionItem(props) {
233
238
  }, /* @__PURE__ */ React__default["default"].createElement("div", {
234
239
  role: "heading",
235
240
  "aria-level": props.headerLevel
236
- }, /* @__PURE__ */ React__default["default"].createElement("button", __spreadProps$d(__spreadValues$d({}, utils$1.mergeProps(buttonProps, focusProps)), {
241
+ }, /* @__PURE__ */ React__default["default"].createElement("button", __spreadProps$g(__spreadValues$h({}, utils$1.mergeProps(buttonProps, focusProps)), {
237
242
  "aria-disabled": isDisabled,
238
243
  ref,
239
244
  className: clsx__default["default"](styles__default$1["default"]["sapphire-accordion__item-header"], styles__default$1["default"]["js-focus"], {
@@ -246,7 +251,7 @@ function _AccordionItem(props) {
246
251
  className: clsx__default["default"](styles__default$1["default"]["sapphire-accordion__item-arrow"])
247
252
  }, /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Icon, {
248
253
  size: "lg"
249
- }, /* @__PURE__ */ React__default["default"].createElement(react.ChevronDown, null))))), /* @__PURE__ */ React__default["default"].createElement("div", __spreadProps$d(__spreadValues$d({}, utils$1.mergeProps(regionProps, { onKeyDown })), {
254
+ }, /* @__PURE__ */ React__default["default"].createElement(react.ChevronDown, null))))), /* @__PURE__ */ React__default["default"].createElement("div", __spreadProps$g(__spreadValues$h({}, utils$1.mergeProps(regionProps, { onKeyDown })), {
250
255
  "aria-hidden": !isOpen,
251
256
  className: clsx__default["default"](styles__default$1["default"]["sapphire-accordion__item-content-wrapper"])
252
257
  }), /* @__PURE__ */ React__default["default"].createElement("div", {
@@ -256,31 +261,31 @@ function _AccordionItem(props) {
256
261
  }
257
262
  const AccordionItem = collections.Item;
258
263
 
259
- var __defProp$c = Object.defineProperty;
260
- var __defProps$c = Object.defineProperties;
261
- var __getOwnPropDescs$c = Object.getOwnPropertyDescriptors;
262
- var __getOwnPropSymbols$d = Object.getOwnPropertySymbols;
263
- var __hasOwnProp$d = Object.prototype.hasOwnProperty;
264
- var __propIsEnum$d = Object.prototype.propertyIsEnumerable;
265
- var __defNormalProp$c = (obj, key, value) => key in obj ? __defProp$c(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
266
- var __spreadValues$c = (a, b) => {
264
+ var __defProp$g = Object.defineProperty;
265
+ var __defProps$f = Object.defineProperties;
266
+ var __getOwnPropDescs$f = Object.getOwnPropertyDescriptors;
267
+ var __getOwnPropSymbols$h = Object.getOwnPropertySymbols;
268
+ var __hasOwnProp$h = Object.prototype.hasOwnProperty;
269
+ var __propIsEnum$h = Object.prototype.propertyIsEnumerable;
270
+ var __defNormalProp$g = (obj, key, value) => key in obj ? __defProp$g(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
271
+ var __spreadValues$g = (a, b) => {
267
272
  for (var prop in b || (b = {}))
268
- if (__hasOwnProp$d.call(b, prop))
269
- __defNormalProp$c(a, prop, b[prop]);
270
- if (__getOwnPropSymbols$d)
271
- for (var prop of __getOwnPropSymbols$d(b)) {
272
- if (__propIsEnum$d.call(b, prop))
273
- __defNormalProp$c(a, prop, b[prop]);
273
+ if (__hasOwnProp$h.call(b, prop))
274
+ __defNormalProp$g(a, prop, b[prop]);
275
+ if (__getOwnPropSymbols$h)
276
+ for (var prop of __getOwnPropSymbols$h(b)) {
277
+ if (__propIsEnum$h.call(b, prop))
278
+ __defNormalProp$g(a, prop, b[prop]);
274
279
  }
275
280
  return a;
276
281
  };
277
- var __spreadProps$c = (a, b) => __defProps$c(a, __getOwnPropDescs$c(b));
282
+ var __spreadProps$f = (a, b) => __defProps$f(a, __getOwnPropDescs$f(b));
278
283
  function useTreeState(props) {
279
284
  const state = tree.useTreeState(props);
280
285
  const onToggle = (key) => {
281
286
  state.setExpandedKeys(toggleKey(state.expandedKeys, key, props.expansionMode));
282
287
  };
283
- return __spreadProps$c(__spreadValues$c({}, state), { toggleKey: onToggle });
288
+ return __spreadProps$f(__spreadValues$g({}, state), { toggleKey: onToggle });
284
289
  }
285
290
  function toggleKey(set, key, expansionMode = "multiple") {
286
291
  const res = new Set(set);
@@ -294,33 +299,33 @@ function toggleKey(set, key, expansionMode = "multiple") {
294
299
  return res;
295
300
  }
296
301
 
297
- var __defProp$b = Object.defineProperty;
298
- var __defProps$b = Object.defineProperties;
299
- var __getOwnPropDescs$b = Object.getOwnPropertyDescriptors;
300
- var __getOwnPropSymbols$c = Object.getOwnPropertySymbols;
301
- var __hasOwnProp$c = Object.prototype.hasOwnProperty;
302
- var __propIsEnum$c = Object.prototype.propertyIsEnumerable;
303
- var __defNormalProp$b = (obj, key, value) => key in obj ? __defProp$b(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
304
- var __spreadValues$b = (a, b) => {
302
+ var __defProp$f = Object.defineProperty;
303
+ var __defProps$e = Object.defineProperties;
304
+ var __getOwnPropDescs$e = Object.getOwnPropertyDescriptors;
305
+ var __getOwnPropSymbols$g = Object.getOwnPropertySymbols;
306
+ var __hasOwnProp$g = Object.prototype.hasOwnProperty;
307
+ var __propIsEnum$g = Object.prototype.propertyIsEnumerable;
308
+ var __defNormalProp$f = (obj, key, value) => key in obj ? __defProp$f(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
309
+ var __spreadValues$f = (a, b) => {
305
310
  for (var prop in b || (b = {}))
306
- if (__hasOwnProp$c.call(b, prop))
307
- __defNormalProp$b(a, prop, b[prop]);
308
- if (__getOwnPropSymbols$c)
309
- for (var prop of __getOwnPropSymbols$c(b)) {
310
- if (__propIsEnum$c.call(b, prop))
311
- __defNormalProp$b(a, prop, b[prop]);
311
+ if (__hasOwnProp$g.call(b, prop))
312
+ __defNormalProp$f(a, prop, b[prop]);
313
+ if (__getOwnPropSymbols$g)
314
+ for (var prop of __getOwnPropSymbols$g(b)) {
315
+ if (__propIsEnum$g.call(b, prop))
316
+ __defNormalProp$f(a, prop, b[prop]);
312
317
  }
313
318
  return a;
314
319
  };
315
- var __spreadProps$b = (a, b) => __defProps$b(a, __getOwnPropDescs$b(b));
316
- var __objRest$a = (source, exclude) => {
320
+ var __spreadProps$e = (a, b) => __defProps$e(a, __getOwnPropDescs$e(b));
321
+ var __objRest$e = (source, exclude) => {
317
322
  var target = {};
318
323
  for (var prop in source)
319
- if (__hasOwnProp$c.call(source, prop) && exclude.indexOf(prop) < 0)
324
+ if (__hasOwnProp$g.call(source, prop) && exclude.indexOf(prop) < 0)
320
325
  target[prop] = source[prop];
321
- if (source != null && __getOwnPropSymbols$c)
322
- for (var prop of __getOwnPropSymbols$c(source)) {
323
- if (exclude.indexOf(prop) < 0 && __propIsEnum$c.call(source, prop))
326
+ if (source != null && __getOwnPropSymbols$g)
327
+ for (var prop of __getOwnPropSymbols$g(source)) {
328
+ if (exclude.indexOf(prop) < 0 && __propIsEnum$g.call(source, prop))
324
329
  target[prop] = source[prop];
325
330
  }
326
331
  return target;
@@ -332,7 +337,7 @@ const _Accordion$1 = (_a, ref) => {
332
337
  hideLastDivider = false,
333
338
  hasNegativeSideMargin = false,
334
339
  sidePadding
335
- } = _b, props = __objRest$a(_b, [
340
+ } = _b, props = __objRest$e(_b, [
336
341
  "expansionMode",
337
342
  "headerLevel",
338
343
  "hideLastDivider",
@@ -341,18 +346,18 @@ const _Accordion$1 = (_a, ref) => {
341
346
  ]);
342
347
  sapphireReact.useThemeCheck();
343
348
  const { styleProps } = sapphireReact.useSapphireStyleProps(props);
344
- const state = useTreeState(__spreadProps$b(__spreadValues$b({}, props), { expansionMode }));
349
+ const state = useTreeState(__spreadProps$e(__spreadValues$f({}, props), { expansionMode }));
345
350
  const forwardedRef = utils$1.useObjectRef(ref);
346
351
  const { accordionProps } = accordion.useAccordion(props, state, forwardedRef);
347
352
  return /* @__PURE__ */ React__default["default"].createElement(AccordionContext.Provider, {
348
353
  value: { sidePadding }
349
- }, /* @__PURE__ */ React__default["default"].createElement("div", __spreadProps$b(__spreadValues$b({}, utils$1.mergeProps(accordionProps, utils$1.filterDOMProps(props, { labelable: true }))), {
354
+ }, /* @__PURE__ */ React__default["default"].createElement("div", __spreadProps$e(__spreadValues$f({}, utils$1.mergeProps(accordionProps, utils$1.filterDOMProps(props, { labelable: true }))), {
350
355
  ref: forwardedRef,
351
356
  className: clsx__default["default"](styles__default$1["default"]["sapphire-accordion"], {
352
357
  [styles__default$1["default"]["sapphire-accordion--without-last-divider"]]: hideLastDivider,
353
358
  [styles__default$1["default"]["sapphire-accordion--negative-margin-self"]]: !sapphireReact.withTruthyZero(sidePadding) && hasNegativeSideMargin
354
359
  }, styleProps.className),
355
- style: __spreadValues$b(__spreadValues$b({}, sapphireReact.withTruthyZero(sidePadding) && hasNegativeSideMargin ? {
360
+ style: __spreadValues$f(__spreadValues$f({}, sapphireReact.withTruthyZero(sidePadding) && hasNegativeSideMargin ? {
356
361
  marginLeft: typeof sidePadding === "string" ? `calc(${sidePadding} * -1)` : `-${sidePadding}px`,
357
362
  width: `calc(100% + calc(${sidePadding} * 2${typeof sidePadding === "string" ? "" : "px"}))`
358
363
  } : {}), styleProps.style)
@@ -365,33 +370,33 @@ const _Accordion$1 = (_a, ref) => {
365
370
  };
366
371
  const Accordion = React.forwardRef(_Accordion$1);
367
372
 
368
- var __defProp$a = Object.defineProperty;
369
- var __defProps$a = Object.defineProperties;
370
- var __getOwnPropDescs$a = Object.getOwnPropertyDescriptors;
371
- var __getOwnPropSymbols$b = Object.getOwnPropertySymbols;
372
- var __hasOwnProp$b = Object.prototype.hasOwnProperty;
373
- var __propIsEnum$b = Object.prototype.propertyIsEnumerable;
374
- var __defNormalProp$a = (obj, key, value) => key in obj ? __defProp$a(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
375
- var __spreadValues$a = (a, b) => {
373
+ var __defProp$e = Object.defineProperty;
374
+ var __defProps$d = Object.defineProperties;
375
+ var __getOwnPropDescs$d = Object.getOwnPropertyDescriptors;
376
+ var __getOwnPropSymbols$f = Object.getOwnPropertySymbols;
377
+ var __hasOwnProp$f = Object.prototype.hasOwnProperty;
378
+ var __propIsEnum$f = Object.prototype.propertyIsEnumerable;
379
+ var __defNormalProp$e = (obj, key, value) => key in obj ? __defProp$e(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
380
+ var __spreadValues$e = (a, b) => {
376
381
  for (var prop in b || (b = {}))
377
- if (__hasOwnProp$b.call(b, prop))
378
- __defNormalProp$a(a, prop, b[prop]);
379
- if (__getOwnPropSymbols$b)
380
- for (var prop of __getOwnPropSymbols$b(b)) {
381
- if (__propIsEnum$b.call(b, prop))
382
- __defNormalProp$a(a, prop, b[prop]);
382
+ if (__hasOwnProp$f.call(b, prop))
383
+ __defNormalProp$e(a, prop, b[prop]);
384
+ if (__getOwnPropSymbols$f)
385
+ for (var prop of __getOwnPropSymbols$f(b)) {
386
+ if (__propIsEnum$f.call(b, prop))
387
+ __defNormalProp$e(a, prop, b[prop]);
383
388
  }
384
389
  return a;
385
390
  };
386
- var __spreadProps$a = (a, b) => __defProps$a(a, __getOwnPropDescs$a(b));
387
- var __objRest$9 = (source, exclude) => {
391
+ var __spreadProps$d = (a, b) => __defProps$d(a, __getOwnPropDescs$d(b));
392
+ var __objRest$d = (source, exclude) => {
388
393
  var target = {};
389
394
  for (var prop in source)
390
- if (__hasOwnProp$b.call(source, prop) && exclude.indexOf(prop) < 0)
395
+ if (__hasOwnProp$f.call(source, prop) && exclude.indexOf(prop) < 0)
391
396
  target[prop] = source[prop];
392
- if (source != null && __getOwnPropSymbols$b)
393
- for (var prop of __getOwnPropSymbols$b(source)) {
394
- if (exclude.indexOf(prop) < 0 && __propIsEnum$b.call(source, prop))
397
+ if (source != null && __getOwnPropSymbols$f)
398
+ for (var prop of __getOwnPropSymbols$f(source)) {
399
+ if (exclude.indexOf(prop) < 0 && __propIsEnum$f.call(source, prop))
395
400
  target[prop] = source[prop];
396
401
  }
397
402
  return target;
@@ -399,10 +404,10 @@ var __objRest$9 = (source, exclude) => {
399
404
  const AccordionHeading = (_a) => {
400
405
  var _b = _a, {
401
406
  children
402
- } = _b, props = __objRest$9(_b, [
407
+ } = _b, props = __objRest$d(_b, [
403
408
  "children"
404
409
  ]);
405
- return /* @__PURE__ */ React__default["default"].createElement("div", __spreadProps$a(__spreadValues$a({}, utils$1.filterDOMProps(props)), {
410
+ return /* @__PURE__ */ React__default["default"].createElement("div", __spreadProps$d(__spreadValues$e({}, utils$1.filterDOMProps(props)), {
406
411
  className: clsx__default["default"](styles__default$1["default"]["sapphire-accordion__item-heading"])
407
412
  }), children);
408
413
  };
@@ -412,39 +417,39 @@ const _Accordion = Object.assign(Accordion, {
412
417
  Item: AccordionItem
413
418
  });
414
419
 
415
- var __defProp$9 = Object.defineProperty;
416
- var __defProps$9 = Object.defineProperties;
417
- var __getOwnPropDescs$9 = Object.getOwnPropertyDescriptors;
418
- var __getOwnPropSymbols$a = Object.getOwnPropertySymbols;
419
- var __hasOwnProp$a = Object.prototype.hasOwnProperty;
420
- var __propIsEnum$a = Object.prototype.propertyIsEnumerable;
421
- var __defNormalProp$9 = (obj, key, value) => key in obj ? __defProp$9(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
422
- var __spreadValues$9 = (a, b) => {
420
+ var __defProp$d = Object.defineProperty;
421
+ var __defProps$c = Object.defineProperties;
422
+ var __getOwnPropDescs$c = Object.getOwnPropertyDescriptors;
423
+ var __getOwnPropSymbols$e = Object.getOwnPropertySymbols;
424
+ var __hasOwnProp$e = Object.prototype.hasOwnProperty;
425
+ var __propIsEnum$e = Object.prototype.propertyIsEnumerable;
426
+ var __defNormalProp$d = (obj, key, value) => key in obj ? __defProp$d(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
427
+ var __spreadValues$d = (a, b) => {
423
428
  for (var prop in b || (b = {}))
424
- if (__hasOwnProp$a.call(b, prop))
425
- __defNormalProp$9(a, prop, b[prop]);
426
- if (__getOwnPropSymbols$a)
427
- for (var prop of __getOwnPropSymbols$a(b)) {
428
- if (__propIsEnum$a.call(b, prop))
429
- __defNormalProp$9(a, prop, b[prop]);
429
+ if (__hasOwnProp$e.call(b, prop))
430
+ __defNormalProp$d(a, prop, b[prop]);
431
+ if (__getOwnPropSymbols$e)
432
+ for (var prop of __getOwnPropSymbols$e(b)) {
433
+ if (__propIsEnum$e.call(b, prop))
434
+ __defNormalProp$d(a, prop, b[prop]);
430
435
  }
431
436
  return a;
432
437
  };
433
- var __spreadProps$9 = (a, b) => __defProps$9(a, __getOwnPropDescs$9(b));
434
- var __objRest$8 = (source, exclude) => {
438
+ var __spreadProps$c = (a, b) => __defProps$c(a, __getOwnPropDescs$c(b));
439
+ var __objRest$c = (source, exclude) => {
435
440
  var target = {};
436
441
  for (var prop in source)
437
- if (__hasOwnProp$a.call(source, prop) && exclude.indexOf(prop) < 0)
442
+ if (__hasOwnProp$e.call(source, prop) && exclude.indexOf(prop) < 0)
438
443
  target[prop] = source[prop];
439
- if (source != null && __getOwnPropSymbols$a)
440
- for (var prop of __getOwnPropSymbols$a(source)) {
441
- if (exclude.indexOf(prop) < 0 && __propIsEnum$a.call(source, prop))
444
+ if (source != null && __getOwnPropSymbols$e)
445
+ for (var prop of __getOwnPropSymbols$e(source)) {
446
+ if (exclude.indexOf(prop) < 0 && __propIsEnum$e.call(source, prop))
442
447
  target[prop] = source[prop];
443
448
  }
444
449
  return target;
445
450
  };
446
451
  const HiddenFileInput = React__default["default"].forwardRef(function InputWrapper(props, ref) {
447
- return /* @__PURE__ */ React__default["default"].createElement("input", __spreadProps$9(__spreadValues$9({}, props), {
452
+ return /* @__PURE__ */ React__default["default"].createElement("input", __spreadProps$c(__spreadValues$d({}, props), {
448
453
  ref,
449
454
  type: "file",
450
455
  style: { display: "none" }
@@ -457,7 +462,7 @@ const FileTrigger = React__default["default"].forwardRef(function FileTriggerWra
457
462
  onSelect = () => null,
458
463
  children,
459
464
  isDisabled = false
460
- } = _a, rest = __objRest$8(_a, [
465
+ } = _a, rest = __objRest$c(_a, [
461
466
  "acceptedFileTypes",
462
467
  "allowsMultiple",
463
468
  "onSelect",
@@ -475,7 +480,7 @@ const FileTrigger = React__default["default"].forwardRef(function FileTriggerWra
475
480
  }
476
481
  (_a2 = inputRef.current) == null ? void 0 : _a2.click();
477
482
  }
478
- }, children), /* @__PURE__ */ React__default["default"].createElement(HiddenFileInput, __spreadProps$9(__spreadValues$9({}, domProps), {
483
+ }, children), /* @__PURE__ */ React__default["default"].createElement(HiddenFileInput, __spreadProps$c(__spreadValues$d({}, domProps), {
479
484
  disabled: isDisabled,
480
485
  ref: inputRef,
481
486
  accept: acceptedFileTypes == null ? void 0 : acceptedFileTypes.toString(),
@@ -547,25 +552,25 @@ var intlMessages$1 = {
547
552
  "sv-SE": se$1
548
553
  };
549
554
 
550
- var __defProp$8 = Object.defineProperty;
551
- var __defProps$8 = Object.defineProperties;
552
- var __getOwnPropDescs$8 = Object.getOwnPropertyDescriptors;
553
- var __getOwnPropSymbols$9 = Object.getOwnPropertySymbols;
554
- var __hasOwnProp$9 = Object.prototype.hasOwnProperty;
555
- var __propIsEnum$9 = Object.prototype.propertyIsEnumerable;
556
- var __defNormalProp$8 = (obj, key, value) => key in obj ? __defProp$8(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
557
- var __spreadValues$8 = (a, b) => {
555
+ var __defProp$c = Object.defineProperty;
556
+ var __defProps$b = Object.defineProperties;
557
+ var __getOwnPropDescs$b = Object.getOwnPropertyDescriptors;
558
+ var __getOwnPropSymbols$d = Object.getOwnPropertySymbols;
559
+ var __hasOwnProp$d = Object.prototype.hasOwnProperty;
560
+ var __propIsEnum$d = Object.prototype.propertyIsEnumerable;
561
+ var __defNormalProp$c = (obj, key, value) => key in obj ? __defProp$c(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
562
+ var __spreadValues$c = (a, b) => {
558
563
  for (var prop in b || (b = {}))
559
- if (__hasOwnProp$9.call(b, prop))
560
- __defNormalProp$8(a, prop, b[prop]);
561
- if (__getOwnPropSymbols$9)
562
- for (var prop of __getOwnPropSymbols$9(b)) {
563
- if (__propIsEnum$9.call(b, prop))
564
- __defNormalProp$8(a, prop, b[prop]);
564
+ if (__hasOwnProp$d.call(b, prop))
565
+ __defNormalProp$c(a, prop, b[prop]);
566
+ if (__getOwnPropSymbols$d)
567
+ for (var prop of __getOwnPropSymbols$d(b)) {
568
+ if (__propIsEnum$d.call(b, prop))
569
+ __defNormalProp$c(a, prop, b[prop]);
565
570
  }
566
571
  return a;
567
572
  };
568
- var __spreadProps$8 = (a, b) => __defProps$8(a, __getOwnPropDescs$8(b));
573
+ var __spreadProps$b = (a, b) => __defProps$b(a, __getOwnPropDescs$b(b));
569
574
  const FileDropzone = React__default["default"].forwardRef(function DropzoneWrapper(props, forwardedRef) {
570
575
  const {
571
576
  isDisabled = false,
@@ -583,7 +588,7 @@ const FileDropzone = React__default["default"].forwardRef(function DropzoneWrapp
583
588
  const pressableRef = utils$1.useObjectRef(forwardedRef);
584
589
  const { hoverProps, isHovered } = interactions.useHover({ isDisabled });
585
590
  const { styleProps } = sapphireReact.useSapphireStyleProps(props);
586
- const { dropProps, isDropTarget: isDropping } = dnd.useDrop(__spreadProps$8(__spreadValues$8({}, props), {
591
+ const { dropProps, isDropTarget: isDropping } = dnd.useDrop(__spreadProps$b(__spreadValues$c({}, props), {
587
592
  ref: pressableRef,
588
593
  hasDropButton: true,
589
594
  isDisabled,
@@ -619,8 +624,8 @@ const FileDropzone = React__default["default"].forwardRef(function DropzoneWrapp
619
624
  }, /* @__PURE__ */ React__default["default"].createElement(interactions.Pressable, {
620
625
  ref: pressableRef,
621
626
  onPress: onFileSelectOpen
622
- }, /* @__PURE__ */ React__default["default"].createElement("div", __spreadProps$8(__spreadValues$8({}, utils$1.mergeProps(dropProps, hoverProps, clipboardProps, focusProps, buttonProps)), {
623
- style: __spreadValues$8({}, styleProps.style),
627
+ }, /* @__PURE__ */ React__default["default"].createElement("div", __spreadProps$b(__spreadValues$c({}, utils$1.mergeProps(dropProps, hoverProps, clipboardProps, focusProps, buttonProps)), {
628
+ style: __spreadValues$c({}, styleProps.style),
624
629
  className: clsx__default["default"](styles__default$2["default"]["sapphire-dropzone"], styles__default$2["default"]["js-focus"], styles__default$2["default"]["js-hover"], {
625
630
  [styles__default$2["default"]["is-hover"]]: isHovered && !isDropping,
626
631
  [styles__default$2["default"]["is-active"]]: isPressed,
@@ -648,42 +653,42 @@ const FileDropzone = React__default["default"].forwardRef(function DropzoneWrapp
648
653
  }, renderInstruction(isDropping)))))));
649
654
  });
650
655
 
651
- var __defProp$7 = Object.defineProperty;
652
- var __defProps$7 = Object.defineProperties;
653
- var __getOwnPropDescs$7 = Object.getOwnPropertyDescriptors;
654
- var __getOwnPropSymbols$8 = Object.getOwnPropertySymbols;
655
- var __hasOwnProp$8 = Object.prototype.hasOwnProperty;
656
- var __propIsEnum$8 = Object.prototype.propertyIsEnumerable;
657
- var __defNormalProp$7 = (obj, key, value) => key in obj ? __defProp$7(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
658
- var __spreadValues$7 = (a, b) => {
656
+ var __defProp$b = Object.defineProperty;
657
+ var __defProps$a = Object.defineProperties;
658
+ var __getOwnPropDescs$a = Object.getOwnPropertyDescriptors;
659
+ var __getOwnPropSymbols$c = Object.getOwnPropertySymbols;
660
+ var __hasOwnProp$c = Object.prototype.hasOwnProperty;
661
+ var __propIsEnum$c = Object.prototype.propertyIsEnumerable;
662
+ var __defNormalProp$b = (obj, key, value) => key in obj ? __defProp$b(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
663
+ var __spreadValues$b = (a, b) => {
659
664
  for (var prop in b || (b = {}))
660
- if (__hasOwnProp$8.call(b, prop))
661
- __defNormalProp$7(a, prop, b[prop]);
662
- if (__getOwnPropSymbols$8)
663
- for (var prop of __getOwnPropSymbols$8(b)) {
664
- if (__propIsEnum$8.call(b, prop))
665
- __defNormalProp$7(a, prop, b[prop]);
665
+ if (__hasOwnProp$c.call(b, prop))
666
+ __defNormalProp$b(a, prop, b[prop]);
667
+ if (__getOwnPropSymbols$c)
668
+ for (var prop of __getOwnPropSymbols$c(b)) {
669
+ if (__propIsEnum$c.call(b, prop))
670
+ __defNormalProp$b(a, prop, b[prop]);
666
671
  }
667
672
  return a;
668
673
  };
669
- var __spreadProps$7 = (a, b) => __defProps$7(a, __getOwnPropDescs$7(b));
670
- var __objRest$7 = (source, exclude) => {
674
+ var __spreadProps$a = (a, b) => __defProps$a(a, __getOwnPropDescs$a(b));
675
+ var __objRest$b = (source, exclude) => {
671
676
  var target = {};
672
677
  for (var prop in source)
673
- if (__hasOwnProp$8.call(source, prop) && exclude.indexOf(prop) < 0)
678
+ if (__hasOwnProp$c.call(source, prop) && exclude.indexOf(prop) < 0)
674
679
  target[prop] = source[prop];
675
- if (source != null && __getOwnPropSymbols$8)
676
- for (var prop of __getOwnPropSymbols$8(source)) {
677
- if (exclude.indexOf(prop) < 0 && __propIsEnum$8.call(source, prop))
680
+ if (source != null && __getOwnPropSymbols$c)
681
+ for (var prop of __getOwnPropSymbols$c(source)) {
682
+ if (exclude.indexOf(prop) < 0 && __propIsEnum$c.call(source, prop))
678
683
  target[prop] = source[prop];
679
684
  }
680
685
  return target;
681
686
  };
682
687
  const Flag = React__default["default"].forwardRef(function Flag2(_a, ref) {
683
- var _b = _a, { size = "lg", rounded, "aria-label": ariaLabel } = _b, props = __objRest$7(_b, ["size", "rounded", "aria-label"]);
688
+ var _b = _a, { size = "lg", rounded, "aria-label": ariaLabel } = _b, props = __objRest$b(_b, ["size", "rounded", "aria-label"]);
684
689
  sapphireReact.useThemeCheck();
685
690
  const { styleProps } = sapphireReact.useSapphireStyleProps(props);
686
- return React__default["default"].cloneElement(utils$2.getWrappedElement(props.children), __spreadProps$7(__spreadValues$7({
691
+ return React__default["default"].cloneElement(utils$2.getWrappedElement(props.children), __spreadProps$a(__spreadValues$b({
687
692
  ref,
688
693
  role: "img"
689
694
  }, ariaLabel ? { "aria-label": ariaLabel } : { "aria-hidden": true }), {
@@ -758,33 +763,33 @@ var intlMessages = {
758
763
  "sv-SE": se
759
764
  };
760
765
 
761
- var __defProp$6 = Object.defineProperty;
762
- var __defProps$6 = Object.defineProperties;
763
- var __getOwnPropDescs$6 = Object.getOwnPropertyDescriptors;
764
- var __getOwnPropSymbols$7 = Object.getOwnPropertySymbols;
765
- var __hasOwnProp$7 = Object.prototype.hasOwnProperty;
766
- var __propIsEnum$7 = Object.prototype.propertyIsEnumerable;
767
- var __defNormalProp$6 = (obj, key, value) => key in obj ? __defProp$6(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
768
- var __spreadValues$6 = (a, b) => {
766
+ var __defProp$a = Object.defineProperty;
767
+ var __defProps$9 = Object.defineProperties;
768
+ var __getOwnPropDescs$9 = Object.getOwnPropertyDescriptors;
769
+ var __getOwnPropSymbols$b = Object.getOwnPropertySymbols;
770
+ var __hasOwnProp$b = Object.prototype.hasOwnProperty;
771
+ var __propIsEnum$b = Object.prototype.propertyIsEnumerable;
772
+ var __defNormalProp$a = (obj, key, value) => key in obj ? __defProp$a(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
773
+ var __spreadValues$a = (a, b) => {
769
774
  for (var prop in b || (b = {}))
770
- if (__hasOwnProp$7.call(b, prop))
771
- __defNormalProp$6(a, prop, b[prop]);
772
- if (__getOwnPropSymbols$7)
773
- for (var prop of __getOwnPropSymbols$7(b)) {
774
- if (__propIsEnum$7.call(b, prop))
775
- __defNormalProp$6(a, prop, b[prop]);
775
+ if (__hasOwnProp$b.call(b, prop))
776
+ __defNormalProp$a(a, prop, b[prop]);
777
+ if (__getOwnPropSymbols$b)
778
+ for (var prop of __getOwnPropSymbols$b(b)) {
779
+ if (__propIsEnum$b.call(b, prop))
780
+ __defNormalProp$a(a, prop, b[prop]);
776
781
  }
777
782
  return a;
778
783
  };
779
- var __spreadProps$6 = (a, b) => __defProps$6(a, __getOwnPropDescs$6(b));
780
- var __objRest$6 = (source, exclude) => {
784
+ var __spreadProps$9 = (a, b) => __defProps$9(a, __getOwnPropDescs$9(b));
785
+ var __objRest$a = (source, exclude) => {
781
786
  var target = {};
782
787
  for (var prop in source)
783
- if (__hasOwnProp$7.call(source, prop) && exclude.indexOf(prop) < 0)
788
+ if (__hasOwnProp$b.call(source, prop) && exclude.indexOf(prop) < 0)
784
789
  target[prop] = source[prop];
785
- if (source != null && __getOwnPropSymbols$7)
786
- for (var prop of __getOwnPropSymbols$7(source)) {
787
- if (exclude.indexOf(prop) < 0 && __propIsEnum$7.call(source, prop))
790
+ if (source != null && __getOwnPropSymbols$b)
791
+ for (var prop of __getOwnPropSymbols$b(source)) {
792
+ if (exclude.indexOf(prop) < 0 && __propIsEnum$b.call(source, prop))
788
793
  target[prop] = source[prop];
789
794
  }
790
795
  return target;
@@ -793,14 +798,14 @@ const StepperButton = (_a) => {
793
798
  var _b = _a, {
794
799
  variant,
795
800
  size
796
- } = _b, props = __objRest$6(_b, [
801
+ } = _b, props = __objRest$a(_b, [
797
802
  "variant",
798
803
  "size"
799
804
  ]);
800
805
  const ref = React.useRef(null);
801
806
  const { buttonProps, isPressed } = sapphireReact.useButton(props, ref);
802
807
  const { hoverProps, isHovered } = interactions.useHover({ isDisabled: props.isDisabled });
803
- return /* @__PURE__ */ React__default["default"].createElement("button", __spreadProps$6(__spreadValues$6({}, utils$1.mergeProps(buttonProps, hoverProps, utils$1.filterDOMProps(props))), {
808
+ return /* @__PURE__ */ React__default["default"].createElement("button", __spreadProps$9(__spreadValues$a({}, utils$1.mergeProps(buttonProps, hoverProps, utils$1.filterDOMProps(props))), {
804
809
  ref,
805
810
  className: clsx__default["default"](textFieldStyles__default["default"]["sapphire-text-field__stepper-button"], textFieldStyles__default["default"]["js-hover"], {
806
811
  [textFieldStyles__default["default"]["is-active"]]: isPressed,
@@ -828,76 +833,76 @@ function useAutofillStyle(inputRef) {
828
833
  };
829
834
  }
830
835
 
831
- var __defProp$5 = Object.defineProperty;
832
- var __defProps$5 = Object.defineProperties;
833
- var __getOwnPropDescs$5 = Object.getOwnPropertyDescriptors;
834
- var __getOwnPropSymbols$6 = Object.getOwnPropertySymbols;
835
- var __hasOwnProp$6 = Object.prototype.hasOwnProperty;
836
- var __propIsEnum$6 = Object.prototype.propertyIsEnumerable;
837
- var __defNormalProp$5 = (obj, key, value) => key in obj ? __defProp$5(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
838
- var __spreadValues$5 = (a, b) => {
836
+ var __defProp$9 = Object.defineProperty;
837
+ var __defProps$8 = Object.defineProperties;
838
+ var __getOwnPropDescs$8 = Object.getOwnPropertyDescriptors;
839
+ var __getOwnPropSymbols$a = Object.getOwnPropertySymbols;
840
+ var __hasOwnProp$a = Object.prototype.hasOwnProperty;
841
+ var __propIsEnum$a = Object.prototype.propertyIsEnumerable;
842
+ var __defNormalProp$9 = (obj, key, value) => key in obj ? __defProp$9(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
843
+ var __spreadValues$9 = (a, b) => {
839
844
  for (var prop in b || (b = {}))
840
- if (__hasOwnProp$6.call(b, prop))
841
- __defNormalProp$5(a, prop, b[prop]);
842
- if (__getOwnPropSymbols$6)
843
- for (var prop of __getOwnPropSymbols$6(b)) {
844
- if (__propIsEnum$6.call(b, prop))
845
- __defNormalProp$5(a, prop, b[prop]);
845
+ if (__hasOwnProp$a.call(b, prop))
846
+ __defNormalProp$9(a, prop, b[prop]);
847
+ if (__getOwnPropSymbols$a)
848
+ for (var prop of __getOwnPropSymbols$a(b)) {
849
+ if (__propIsEnum$a.call(b, prop))
850
+ __defNormalProp$9(a, prop, b[prop]);
846
851
  }
847
852
  return a;
848
853
  };
849
- var __spreadProps$5 = (a, b) => __defProps$5(a, __getOwnPropDescs$5(b));
850
- var __objRest$5 = (source, exclude) => {
854
+ var __spreadProps$8 = (a, b) => __defProps$8(a, __getOwnPropDescs$8(b));
855
+ var __objRest$9 = (source, exclude) => {
851
856
  var target = {};
852
857
  for (var prop in source)
853
- if (__hasOwnProp$6.call(source, prop) && exclude.indexOf(prop) < 0)
858
+ if (__hasOwnProp$a.call(source, prop) && exclude.indexOf(prop) < 0)
854
859
  target[prop] = source[prop];
855
- if (source != null && __getOwnPropSymbols$6)
856
- for (var prop of __getOwnPropSymbols$6(source)) {
857
- if (exclude.indexOf(prop) < 0 && __propIsEnum$6.call(source, prop))
860
+ if (source != null && __getOwnPropSymbols$a)
861
+ for (var prop of __getOwnPropSymbols$a(source)) {
862
+ if (exclude.indexOf(prop) < 0 && __propIsEnum$a.call(source, prop))
858
863
  target[prop] = source[prop];
859
864
  }
860
865
  return target;
861
866
  };
862
867
  const useSapphireNumberField = (_a, ref) => {
863
- var _b = _a, { error } = _b, numberFieldProps = __objRest$5(_b, ["error"]);
868
+ var _b = _a, { error } = _b, numberFieldProps = __objRest$9(_b, ["error"]);
864
869
  const { locale } = i18n.useLocale();
865
- const numberFieldState = numberfield.useNumberFieldState(__spreadProps$5(__spreadValues$5({}, numberFieldProps), {
870
+ const numberFieldState = numberfield.useNumberFieldState(__spreadProps$8(__spreadValues$9({}, numberFieldProps), {
866
871
  locale
867
872
  }));
868
- const numberFieldAria = numberfield$1.useNumberField(__spreadProps$5(__spreadValues$5({}, numberFieldProps), {
873
+ const numberFieldAria = numberfield$1.useNumberField(__spreadProps$8(__spreadValues$9({}, numberFieldProps), {
869
874
  validationState: error === false || error === void 0 ? void 0 : "invalid"
870
875
  }), numberFieldState, ref);
871
876
  return numberFieldAria;
872
877
  };
873
878
 
874
- var __defProp$4 = Object.defineProperty;
875
- var __defProps$4 = Object.defineProperties;
876
- var __getOwnPropDescs$4 = Object.getOwnPropertyDescriptors;
877
- var __getOwnPropSymbols$5 = Object.getOwnPropertySymbols;
878
- var __hasOwnProp$5 = Object.prototype.hasOwnProperty;
879
- var __propIsEnum$5 = Object.prototype.propertyIsEnumerable;
880
- var __defNormalProp$4 = (obj, key, value) => key in obj ? __defProp$4(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
881
- var __spreadValues$4 = (a, b) => {
879
+ var __defProp$8 = Object.defineProperty;
880
+ var __defProps$7 = Object.defineProperties;
881
+ var __getOwnPropDescs$7 = Object.getOwnPropertyDescriptors;
882
+ var __getOwnPropSymbols$9 = Object.getOwnPropertySymbols;
883
+ var __hasOwnProp$9 = Object.prototype.hasOwnProperty;
884
+ var __propIsEnum$9 = Object.prototype.propertyIsEnumerable;
885
+ var __defNormalProp$8 = (obj, key, value) => key in obj ? __defProp$8(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
886
+ var __spreadValues$8 = (a, b) => {
882
887
  for (var prop in b || (b = {}))
883
- if (__hasOwnProp$5.call(b, prop))
884
- __defNormalProp$4(a, prop, b[prop]);
885
- if (__getOwnPropSymbols$5)
886
- for (var prop of __getOwnPropSymbols$5(b)) {
887
- if (__propIsEnum$5.call(b, prop))
888
- __defNormalProp$4(a, prop, b[prop]);
888
+ if (__hasOwnProp$9.call(b, prop))
889
+ __defNormalProp$8(a, prop, b[prop]);
890
+ if (__getOwnPropSymbols$9)
891
+ for (var prop of __getOwnPropSymbols$9(b)) {
892
+ if (__propIsEnum$9.call(b, prop))
893
+ __defNormalProp$8(a, prop, b[prop]);
889
894
  }
890
895
  return a;
891
896
  };
892
- var __spreadProps$4 = (a, b) => __defProps$4(a, __getOwnPropDescs$4(b));
893
- var __objRest$4 = (source, exclude) => {
897
+ var __spreadProps$7 = (a, b) => __defProps$7(a, __getOwnPropDescs$7(b));
898
+ var __objRest$8 = (source, exclude) => {
894
899
  var target = {};
895
900
  for (var prop in source)
896
- if (__hasOwnProp$5.call(source, prop) && exclude.indexOf(prop) < 0)
901
+ if (__hasOwnProp$9.call(source, prop) && exclude.indexOf(prop) < 0)
897
902
  target[prop] = source[prop];
898
- if (source != null && __getOwnPropSymbols$5)
899
- for (var prop of __getOwnPropSymbols$5(source)) {
900
- if (exclude.indexOf(prop) < 0 && __propIsEnum$5.call(source, prop))
903
+ if (source != null && __getOwnPropSymbols$9)
904
+ for (var prop of __getOwnPropSymbols$9(source)) {
905
+ if (exclude.indexOf(prop) < 0 && __propIsEnum$9.call(source, prop))
901
906
  target[prop] = source[prop];
902
907
  }
903
908
  return target;
@@ -919,7 +924,7 @@ const NumberField = React.forwardRef(function NumberField2(props, ref) {
919
924
  showButtons = false,
920
925
  incrementAriaLabel,
921
926
  decrementAriaLabel
922
- } = _a, otherProps = __objRest$4(_a, [
927
+ } = _a, otherProps = __objRest$8(_a, [
923
928
  "label",
924
929
  "isDisabled",
925
930
  "error",
@@ -946,26 +951,25 @@ const NumberField = React.forwardRef(function NumberField2(props, ref) {
946
951
  decrementButtonProps,
947
952
  descriptionProps,
948
953
  errorMessageProps
949
- } = useSapphireNumberField(__spreadProps$4(__spreadValues$4({}, props), {
954
+ } = useSapphireNumberField(__spreadProps$7(__spreadValues$8({}, props), {
950
955
  incrementAriaLabel: incrementAriaLabel != null ? incrementAriaLabel : formatMessage("increment"),
951
956
  decrementAriaLabel: decrementAriaLabel != null ? decrementAriaLabel : formatMessage("decrement")
952
957
  }), inputRef);
953
958
  const { focusProps, isFocusVisible } = focus.useFocusRing();
954
959
  const { autofillStyles, updateStyle } = useAutofillStyle(inputRef);
955
960
  const containerRef = React.useRef(null);
956
- React.useImperativeHandle(ref, () => __spreadProps$4(__spreadValues$4({}, utils$2.createFocusableRef(containerRef, inputRef)), {
961
+ React.useImperativeHandle(ref, () => __spreadProps$7(__spreadValues$8({}, utils$2.createFocusableRef(containerRef, inputRef)), {
957
962
  getInputElement() {
958
963
  return inputRef.current;
959
964
  }
960
965
  }));
961
- return /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Field, __spreadProps$4(__spreadValues$4({}, removeUniqueDOMProps(otherProps)), {
966
+ return /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Field, __spreadProps$7(__spreadValues$8({}, removeUniqueDOMProps(otherProps)), {
962
967
  ref: containerRef,
963
- isDisabled,
964
968
  size,
965
969
  labelPlacement
966
970
  }), /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Field.Context, {
967
971
  descriptionProps: error ? errorMessageProps : descriptionProps
968
- }, label && /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Field.Label, null, /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Label, __spreadProps$4(__spreadValues$4({}, labelProps), {
972
+ }, label && /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Field.Label, null, /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Label, __spreadProps$7(__spreadValues$8({}, labelProps), {
969
973
  size,
970
974
  necessityIndicator: isRequired && necessityIndicator ? "required" : !isRequired && necessityIndicator ? "optional" : void 0,
971
975
  contextualHelp
@@ -979,7 +983,7 @@ const NumberField = React.forwardRef(function NumberField2(props, ref) {
979
983
  className: clsx__default["default"](textFieldStyles__default["default"]["sapphire-text-field__prefix"], {
980
984
  [textFieldStyles__default["default"]["sapphire-text-field__prefix--icon"]]: typeof prefix !== "string"
981
985
  })
982
- }, prefix), /* @__PURE__ */ React__default["default"].createElement("input", __spreadProps$4(__spreadValues$4({}, utils$1.mergeProps(inputProps, focusProps, {
986
+ }, prefix), /* @__PURE__ */ React__default["default"].createElement("input", __spreadProps$7(__spreadValues$8({}, utils$1.mergeProps(inputProps, focusProps, {
983
987
  onChange: updateStyle,
984
988
  onBlur: updateStyle
985
989
  })), {
@@ -994,10 +998,10 @@ const NumberField = React.forwardRef(function NumberField2(props, ref) {
994
998
  })
995
999
  }, postfix), showButtons && /* @__PURE__ */ React__default["default"].createElement("div", {
996
1000
  className: clsx__default["default"](textFieldStyles__default["default"]["sapphire-text-field__stepper"])
997
- }, /* @__PURE__ */ React__default["default"].createElement(StepperButton, __spreadValues$4({
1001
+ }, /* @__PURE__ */ React__default["default"].createElement(StepperButton, __spreadValues$8({
998
1002
  variant: "increment",
999
1003
  size
1000
- }, incrementButtonProps)), /* @__PURE__ */ React__default["default"].createElement(StepperButton, __spreadValues$4({
1004
+ }, incrementButtonProps)), /* @__PURE__ */ React__default["default"].createElement(StepperButton, __spreadValues$8({
1001
1005
  variant: "decrement",
1002
1006
  size
1003
1007
  }, decrementButtonProps))))), (error && typeof error !== "boolean" || note) && /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Field.Footer, null, error && typeof error !== "boolean" ? /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Field.Note, {
@@ -1006,25 +1010,25 @@ const NumberField = React.forwardRef(function NumberField2(props, ref) {
1006
1010
  });
1007
1011
  const removeUniqueDOMProps = (props) => Object.fromEntries(Object.entries(props).filter(([name]) => name !== "id" && !name.startsWith("data-")));
1008
1012
 
1009
- var __defProp$3 = Object.defineProperty;
1010
- var __defProps$3 = Object.defineProperties;
1011
- var __getOwnPropDescs$3 = Object.getOwnPropertyDescriptors;
1012
- var __getOwnPropSymbols$4 = Object.getOwnPropertySymbols;
1013
- var __hasOwnProp$4 = Object.prototype.hasOwnProperty;
1014
- var __propIsEnum$4 = Object.prototype.propertyIsEnumerable;
1015
- var __defNormalProp$3 = (obj, key, value) => key in obj ? __defProp$3(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
1016
- var __spreadValues$3 = (a, b) => {
1013
+ var __defProp$7 = Object.defineProperty;
1014
+ var __defProps$6 = Object.defineProperties;
1015
+ var __getOwnPropDescs$6 = Object.getOwnPropertyDescriptors;
1016
+ var __getOwnPropSymbols$8 = Object.getOwnPropertySymbols;
1017
+ var __hasOwnProp$8 = Object.prototype.hasOwnProperty;
1018
+ var __propIsEnum$8 = Object.prototype.propertyIsEnumerable;
1019
+ var __defNormalProp$7 = (obj, key, value) => key in obj ? __defProp$7(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
1020
+ var __spreadValues$7 = (a, b) => {
1017
1021
  for (var prop in b || (b = {}))
1018
- if (__hasOwnProp$4.call(b, prop))
1019
- __defNormalProp$3(a, prop, b[prop]);
1020
- if (__getOwnPropSymbols$4)
1021
- for (var prop of __getOwnPropSymbols$4(b)) {
1022
- if (__propIsEnum$4.call(b, prop))
1023
- __defNormalProp$3(a, prop, b[prop]);
1022
+ if (__hasOwnProp$8.call(b, prop))
1023
+ __defNormalProp$7(a, prop, b[prop]);
1024
+ if (__getOwnPropSymbols$8)
1025
+ for (var prop of __getOwnPropSymbols$8(b)) {
1026
+ if (__propIsEnum$8.call(b, prop))
1027
+ __defNormalProp$7(a, prop, b[prop]);
1024
1028
  }
1025
1029
  return a;
1026
1030
  };
1027
- var __spreadProps$3 = (a, b) => __defProps$3(a, __getOwnPropDescs$3(b));
1031
+ var __spreadProps$6 = (a, b) => __defProps$6(a, __getOwnPropDescs$6(b));
1028
1032
  const ProgressIndicator = (props) => {
1029
1033
  const {
1030
1034
  maxValue = 100,
@@ -1034,7 +1038,7 @@ const ProgressIndicator = (props) => {
1034
1038
  } = props;
1035
1039
  sapphireReact.useThemeCheck();
1036
1040
  const { styleProps } = sapphireReact.useSapphireStyleProps(props);
1037
- const { progressBarProps } = progress.useProgressBar(__spreadProps$3(__spreadValues$3({}, props), {
1041
+ const { progressBarProps } = progress.useProgressBar(__spreadProps$6(__spreadValues$7({}, props), {
1038
1042
  minValue: 0,
1039
1043
  valueLabel: ariaValueText
1040
1044
  }));
@@ -1043,9 +1047,9 @@ const ProgressIndicator = (props) => {
1043
1047
  const widthPercentage = value / maxValue * 100;
1044
1048
  return /* @__PURE__ */ React__default["default"].createElement("div", {
1045
1049
  className: clsx__default["default"](styles__default$4["default"]["sapphire-progress"])
1046
- }, /* @__PURE__ */ React__default["default"].createElement("div", __spreadProps$3(__spreadValues$3({}, progressBarProps), {
1050
+ }, /* @__PURE__ */ React__default["default"].createElement("div", __spreadProps$6(__spreadValues$7({}, progressBarProps), {
1047
1051
  className: styles__default$4["default"]["sapphire-progress--indicator"],
1048
- style: __spreadProps$3(__spreadValues$3({}, styleProps), { width: `${widthPercentage}%` }),
1052
+ style: __spreadProps$6(__spreadValues$7({}, styleProps), { width: `${widthPercentage}%` }),
1049
1053
  "aria-label": "aria-label" in props ? props["aria-label"] : void 0,
1050
1054
  "aria-labelledby": "aria-labelledby" in props ? props["aria-labelledby"] : void 0
1051
1055
  })), segments > 1 && /* @__PURE__ */ React__default["default"].createElement("div", {
@@ -1055,6 +1059,259 @@ const ProgressIndicator = (props) => {
1055
1059
  }))));
1056
1060
  };
1057
1061
 
1062
+ var __defProp$6 = Object.defineProperty;
1063
+ var __defProps$5 = Object.defineProperties;
1064
+ var __getOwnPropDescs$5 = Object.getOwnPropertyDescriptors;
1065
+ var __getOwnPropSymbols$7 = Object.getOwnPropertySymbols;
1066
+ var __hasOwnProp$7 = Object.prototype.hasOwnProperty;
1067
+ var __propIsEnum$7 = Object.prototype.propertyIsEnumerable;
1068
+ var __defNormalProp$6 = (obj, key, value) => key in obj ? __defProp$6(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
1069
+ var __spreadValues$6 = (a, b) => {
1070
+ for (var prop in b || (b = {}))
1071
+ if (__hasOwnProp$7.call(b, prop))
1072
+ __defNormalProp$6(a, prop, b[prop]);
1073
+ if (__getOwnPropSymbols$7)
1074
+ for (var prop of __getOwnPropSymbols$7(b)) {
1075
+ if (__propIsEnum$7.call(b, prop))
1076
+ __defNormalProp$6(a, prop, b[prop]);
1077
+ }
1078
+ return a;
1079
+ };
1080
+ var __spreadProps$5 = (a, b) => __defProps$5(a, __getOwnPropDescs$5(b));
1081
+ var __objRest$7 = (source, exclude) => {
1082
+ var target = {};
1083
+ for (var prop in source)
1084
+ if (__hasOwnProp$7.call(source, prop) && exclude.indexOf(prop) < 0)
1085
+ target[prop] = source[prop];
1086
+ if (source != null && __getOwnPropSymbols$7)
1087
+ for (var prop of __getOwnPropSymbols$7(source)) {
1088
+ if (exclude.indexOf(prop) < 0 && __propIsEnum$7.call(source, prop))
1089
+ target[prop] = source[prop];
1090
+ }
1091
+ return target;
1092
+ };
1093
+ const Slider = (_a) => {
1094
+ var _b = _a, {
1095
+ label,
1096
+ labelPlacement = "above",
1097
+ note,
1098
+ name,
1099
+ isDisabled
1100
+ } = _b, props = __objRest$7(_b, [
1101
+ "label",
1102
+ "labelPlacement",
1103
+ "note",
1104
+ "name",
1105
+ "isDisabled"
1106
+ ]);
1107
+ sapphireReact.useThemeCheck();
1108
+ const { styleProps } = sapphireReact.useSapphireStyleProps(props);
1109
+ return /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Field, __spreadProps$5(__spreadValues$6({}, styleProps), {
1110
+ labelPlacement
1111
+ }), /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Field.Context, null, label && /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Field.Label, null, /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Label, null, label)), /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Field.Control, null, /* @__PURE__ */ React__default["default"].createElement(reactAriaComponents.Slider, __spreadProps$5(__spreadValues$6({}, props), {
1112
+ style: { height: "100%" }
1113
+ }), /* @__PURE__ */ React__default["default"].createElement("div", {
1114
+ className: clsx__default["default"](styles__default$5["default"]["sapphire-slider"]),
1115
+ role: "slider"
1116
+ }, /* @__PURE__ */ React__default["default"].createElement(reactAriaComponents.SliderTrack, {
1117
+ className: clsx__default["default"](styles__default$5["default"]["sapphire-slider__track"])
1118
+ }, ({ state }) => /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, /* @__PURE__ */ React__default["default"].createElement("div", {
1119
+ className: clsx__default["default"](styles__default$5["default"]["sapphire-slider__track-remaining"])
1120
+ }), /* @__PURE__ */ React__default["default"].createElement("div", {
1121
+ className: clsx__default["default"](styles__default$5["default"]["sapphire-slider__track-fill"]),
1122
+ style: { width: state.getThumbPercent(0) * 100 + "%" }
1123
+ }), /* @__PURE__ */ React__default["default"].createElement(reactAriaComponents.SliderThumb, {
1124
+ name,
1125
+ className: (state2) => clsx__default["default"](styles__default$5["default"]["sapphire-slider__thumb"], {
1126
+ [styles__default$5["default"]["is-focus"]]: state2.isFocusVisible
1127
+ }),
1128
+ style: ({ state: state2 }) => {
1129
+ const percent = Math.min(3 + state2.getThumbPercent(0) * 94, 100);
1130
+ return {
1131
+ left: `${percent}%`
1132
+ };
1133
+ }
1134
+ })))))), note && /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Field.Footer, null, note)));
1135
+ };
1136
+
1137
+ const _Slider = Object.assign(Slider, {
1138
+ Note: sapphireReact.Field.Note
1139
+ });
1140
+
1141
+ var __defProp$5 = Object.defineProperty;
1142
+ var __defProps$4 = Object.defineProperties;
1143
+ var __getOwnPropDescs$4 = Object.getOwnPropertyDescriptors;
1144
+ var __getOwnPropSymbols$6 = Object.getOwnPropertySymbols;
1145
+ var __hasOwnProp$6 = Object.prototype.hasOwnProperty;
1146
+ var __propIsEnum$6 = Object.prototype.propertyIsEnumerable;
1147
+ var __defNormalProp$5 = (obj, key, value) => key in obj ? __defProp$5(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
1148
+ var __spreadValues$5 = (a, b) => {
1149
+ for (var prop in b || (b = {}))
1150
+ if (__hasOwnProp$6.call(b, prop))
1151
+ __defNormalProp$5(a, prop, b[prop]);
1152
+ if (__getOwnPropSymbols$6)
1153
+ for (var prop of __getOwnPropSymbols$6(b)) {
1154
+ if (__propIsEnum$6.call(b, prop))
1155
+ __defNormalProp$5(a, prop, b[prop]);
1156
+ }
1157
+ return a;
1158
+ };
1159
+ var __spreadProps$4 = (a, b) => __defProps$4(a, __getOwnPropDescs$4(b));
1160
+ var __objRest$6 = (source, exclude) => {
1161
+ var target = {};
1162
+ for (var prop in source)
1163
+ if (__hasOwnProp$6.call(source, prop) && exclude.indexOf(prop) < 0)
1164
+ target[prop] = source[prop];
1165
+ if (source != null && __getOwnPropSymbols$6)
1166
+ for (var prop of __getOwnPropSymbols$6(source)) {
1167
+ if (exclude.indexOf(prop) < 0 && __propIsEnum$6.call(source, prop))
1168
+ target[prop] = source[prop];
1169
+ }
1170
+ return target;
1171
+ };
1172
+ const BreadcrumbsContext = React.createContext({ size: "md" });
1173
+ const Breadcrumbs = (_a) => {
1174
+ var _b = _a, {
1175
+ size = "md",
1176
+ children,
1177
+ maxWidth
1178
+ } = _b, props = __objRest$6(_b, [
1179
+ "size",
1180
+ "children",
1181
+ "maxWidth"
1182
+ ]);
1183
+ sapphireReact.useThemeCheck();
1184
+ const { styleProps } = sapphireReact.useSapphireStyleProps(props);
1185
+ const containerRef = React.useRef(null);
1186
+ const breadcrumbRef = React.useRef(null);
1187
+ return /* @__PURE__ */ React__default["default"].createElement(BreadcrumbsContext.Provider, {
1188
+ value: { size }
1189
+ }, /* @__PURE__ */ React__default["default"].createElement("div", {
1190
+ ref: containerRef,
1191
+ style: __spreadProps$4(__spreadValues$5({}, styleProps.style), {
1192
+ maxWidth,
1193
+ display: "flex"
1194
+ })
1195
+ }, /* @__PURE__ */ React__default["default"].createElement(reactAriaComponents.Breadcrumbs, __spreadProps$4(__spreadValues$5({}, props), {
1196
+ ref: breadcrumbRef,
1197
+ className: clsx__default["default"](styles__default$6["default"]["sapphire-breadcrumbs"], {
1198
+ [styles__default$6["default"]["sapphire-breadcrumbs--sm"]]: size === "sm",
1199
+ [styles__default$6["default"]["sapphire-breadcrumbs--lg"]]: size === "lg"
1200
+ })
1201
+ }), children)));
1202
+ };
1203
+
1204
+ const BreadcrumbsSeparator = () => {
1205
+ const { size } = React.useContext(BreadcrumbsContext);
1206
+ const iconSize = size === "lg" ? "md" : "sm";
1207
+ return /* @__PURE__ */ React__default["default"].createElement("span", {
1208
+ className: clsx__default["default"](styles__default$6["default"]["sapphire-breadcrumbs__separator"]),
1209
+ "aria-hidden": "true"
1210
+ }, /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Icon, {
1211
+ size: iconSize
1212
+ }, /* @__PURE__ */ React__default["default"].createElement(react.ChevronRight, null)));
1213
+ };
1214
+
1215
+ var __defProp$4 = Object.defineProperty;
1216
+ var __getOwnPropSymbols$5 = Object.getOwnPropertySymbols;
1217
+ var __hasOwnProp$5 = Object.prototype.hasOwnProperty;
1218
+ var __propIsEnum$5 = Object.prototype.propertyIsEnumerable;
1219
+ var __defNormalProp$4 = (obj, key, value) => key in obj ? __defProp$4(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
1220
+ var __spreadValues$4 = (a, b) => {
1221
+ for (var prop in b || (b = {}))
1222
+ if (__hasOwnProp$5.call(b, prop))
1223
+ __defNormalProp$4(a, prop, b[prop]);
1224
+ if (__getOwnPropSymbols$5)
1225
+ for (var prop of __getOwnPropSymbols$5(b)) {
1226
+ if (__propIsEnum$5.call(b, prop))
1227
+ __defNormalProp$4(a, prop, b[prop]);
1228
+ }
1229
+ return a;
1230
+ };
1231
+ var __objRest$5 = (source, exclude) => {
1232
+ var target = {};
1233
+ for (var prop in source)
1234
+ if (__hasOwnProp$5.call(source, prop) && exclude.indexOf(prop) < 0)
1235
+ target[prop] = source[prop];
1236
+ if (source != null && __getOwnPropSymbols$5)
1237
+ for (var prop of __getOwnPropSymbols$5(source)) {
1238
+ if (exclude.indexOf(prop) < 0 && __propIsEnum$5.call(source, prop))
1239
+ target[prop] = source[prop];
1240
+ }
1241
+ return target;
1242
+ };
1243
+ const BreadcrumbItemContext = React.createContext({
1244
+ isDisabled: false
1245
+ });
1246
+ const BreadcrumbItem = (_a) => {
1247
+ var _b = _a, {
1248
+ children,
1249
+ isDisabled: individualDisabled = false
1250
+ } = _b, props = __objRest$5(_b, [
1251
+ "children",
1252
+ "isDisabled"
1253
+ ]);
1254
+ sapphireReact.useThemeCheck();
1255
+ const { styleProps } = sapphireReact.useSapphireStyleProps(props);
1256
+ const { size } = React.useContext(BreadcrumbsContext);
1257
+ return /* @__PURE__ */ React__default["default"].createElement(reactAriaComponents.Breadcrumb, {
1258
+ className: clsx__default["default"](styles__default$6["default"]["sapphire-breadcrumbs__item"]),
1259
+ style: __spreadValues$4({}, styleProps.style)
1260
+ }, ({ isCurrent, isDisabled }) => /* @__PURE__ */ React__default["default"].createElement(BreadcrumbItemContext.Provider, {
1261
+ value: { isDisabled: isDisabled || individualDisabled }
1262
+ }, isCurrent ? /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Typography.Body, {
1263
+ elementType: "span",
1264
+ isSemibold: true,
1265
+ size: size === "lg" ? "md" : size === "md" ? "sm" : "xs"
1266
+ }, children) : children, !isCurrent && /* @__PURE__ */ React__default["default"].createElement(BreadcrumbsSeparator, null)));
1267
+ };
1268
+
1269
+ var __defProp$3 = Object.defineProperty;
1270
+ var __defProps$3 = Object.defineProperties;
1271
+ var __getOwnPropDescs$3 = Object.getOwnPropertyDescriptors;
1272
+ var __getOwnPropSymbols$4 = Object.getOwnPropertySymbols;
1273
+ var __hasOwnProp$4 = Object.prototype.hasOwnProperty;
1274
+ var __propIsEnum$4 = Object.prototype.propertyIsEnumerable;
1275
+ var __defNormalProp$3 = (obj, key, value) => key in obj ? __defProp$3(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
1276
+ var __spreadValues$3 = (a, b) => {
1277
+ for (var prop in b || (b = {}))
1278
+ if (__hasOwnProp$4.call(b, prop))
1279
+ __defNormalProp$3(a, prop, b[prop]);
1280
+ if (__getOwnPropSymbols$4)
1281
+ for (var prop of __getOwnPropSymbols$4(b)) {
1282
+ if (__propIsEnum$4.call(b, prop))
1283
+ __defNormalProp$3(a, prop, b[prop]);
1284
+ }
1285
+ return a;
1286
+ };
1287
+ var __spreadProps$3 = (a, b) => __defProps$3(a, __getOwnPropDescs$3(b));
1288
+ var __objRest$4 = (source, exclude) => {
1289
+ var target = {};
1290
+ for (var prop in source)
1291
+ if (__hasOwnProp$4.call(source, prop) && exclude.indexOf(prop) < 0)
1292
+ target[prop] = source[prop];
1293
+ if (source != null && __getOwnPropSymbols$4)
1294
+ for (var prop of __getOwnPropSymbols$4(source)) {
1295
+ if (exclude.indexOf(prop) < 0 && __propIsEnum$4.call(source, prop))
1296
+ target[prop] = source[prop];
1297
+ }
1298
+ return target;
1299
+ };
1300
+ const BreadcrumbItemLink = React.forwardRef(function BreadcrumbItemLink2(_a, ref) {
1301
+ var _b = _a, { children } = _b, props = __objRest$4(_b, ["children"]);
1302
+ sapphireReact.useThemeCheck();
1303
+ const { styleProps } = sapphireReact.useSapphireStyleProps(props);
1304
+ const { size } = React.useContext(BreadcrumbsContext);
1305
+ const { isDisabled } = React.useContext(BreadcrumbItemContext);
1306
+ return /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Button, __spreadProps$3(__spreadValues$3(__spreadValues$3({}, props), styleProps), {
1307
+ ref,
1308
+ size,
1309
+ variant: "tertiary",
1310
+ isDisabled
1311
+ }), children);
1312
+ });
1313
+ BreadcrumbItemLink.displayName = "BreadcrumbItemLink";
1314
+
1058
1315
  var __defProp$2 = Object.defineProperty;
1059
1316
  var __defProps$2 = Object.defineProperties;
1060
1317
  var __getOwnPropDescs$2 = Object.getOwnPropertyDescriptors;
@@ -1108,7 +1365,7 @@ function Tag(props) {
1108
1365
  const { hoverProps, isHovered } = interactions.useHover({ isDisabled });
1109
1366
  const hasAction = otherProps.hasAction;
1110
1367
  return /* @__PURE__ */ React__default["default"].createElement(focus.FocusRing, {
1111
- focusRingClass: styles__default$5["default"]["is-focus"]
1368
+ focusRingClass: styles__default$7["default"]["is-focus"]
1112
1369
  }, /* @__PURE__ */ React__default["default"].createElement("div", __spreadValues$2(__spreadProps$2(__spreadValues$2({
1113
1370
  ref
1114
1371
  }, utils$1.mergeProps({
@@ -1120,28 +1377,28 @@ function Tag(props) {
1120
1377
  }
1121
1378
  }
1122
1379
  }, rowProps, hoverProps)), {
1123
- className: clsx__default["default"](styles__default$5["default"]["sapphire-tag"], styles__default$5["default"]["js-focus"], styles__default$5["default"]["js-hover"], {
1124
- [styles__default$5["default"]["sapphire-tag--actionable"]]: hasAction,
1125
- [styles__default$5["default"]["is-active"]]: hasAction && isPressed,
1126
- [styles__default$5["default"]["is-hover"]]: hasAction && isHovered,
1127
- [styles__default$5["default"]["is-disabled"]]: isDisabled
1380
+ className: clsx__default["default"](styles__default$7["default"]["sapphire-tag"], styles__default$7["default"]["js-focus"], styles__default$7["default"]["js-hover"], {
1381
+ [styles__default$7["default"]["sapphire-tag--actionable"]]: hasAction,
1382
+ [styles__default$7["default"]["is-active"]]: hasAction && isPressed,
1383
+ [styles__default$7["default"]["is-hover"]]: hasAction && isHovered,
1384
+ [styles__default$7["default"]["is-disabled"]]: isDisabled
1128
1385
  })
1129
1386
  }), hasError ? { "aria-invalid": true } : {}), /* @__PURE__ */ React__default["default"].createElement("div", __spreadProps$2(__spreadValues$2({}, gridCellProps), {
1130
- className: styles__default$5["default"]["sapphire-tag__content"]
1387
+ className: styles__default$7["default"]["sapphire-tag__content"]
1131
1388
  }), hasError && !isDisabled && /* @__PURE__ */ React__default["default"].createElement(IconError, null), item.rendered, !isDisabled && props.allowsRemoving && /* @__PURE__ */ React__default["default"].createElement(RemoveButton, __spreadValues$2({}, removeButtonProps)))));
1132
1389
  }
1133
1390
  function RemoveButton(removeButtonProps) {
1134
1391
  const buttonRef = React.useRef(null);
1135
1392
  const { buttonProps } = button.useButton(removeButtonProps, buttonRef);
1136
1393
  return /* @__PURE__ */ React__default["default"].createElement("button", __spreadProps$2(__spreadValues$2({}, buttonProps), {
1137
- className: clsx__default["default"](styles__default$5["default"]["sapphire-tag__button"], styles__default$5["default"]["js-focus"])
1394
+ className: clsx__default["default"](styles__default$7["default"]["sapphire-tag__button"], styles__default$7["default"]["js-focus"])
1138
1395
  }), /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Icon, {
1139
1396
  size: "sm"
1140
1397
  }, /* @__PURE__ */ React__default["default"].createElement(react.Close, null)));
1141
1398
  }
1142
1399
  const IconError = () => {
1143
1400
  return /* @__PURE__ */ React__default["default"].createElement("span", {
1144
- className: clsx__default["default"](styles__default$5["default"]["sapphire-tag__error-icon"])
1401
+ className: clsx__default["default"](styles__default$7["default"]["sapphire-tag__error-icon"])
1145
1402
  }, /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Icon, {
1146
1403
  size: "sm"
1147
1404
  }, /* @__PURE__ */ React__default["default"].createElement(react.Error, null)));
@@ -1220,7 +1477,7 @@ function TagGroup(props) {
1220
1477
  contextualHelp
1221
1478
  }), labelText)), /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Field.Control, null, /* @__PURE__ */ React__default["default"].createElement("div", __spreadProps$1(__spreadValues$1({}, gridProps), {
1222
1479
  ref,
1223
- className: styles__default$5["default"]["sapphire-tag-group"]
1480
+ className: styles__default$7["default"]["sapphire-tag-group"]
1224
1481
  }), Array.from(state.collection).map((item) => /* @__PURE__ */ React__default["default"].createElement(Tag, {
1225
1482
  key: item.key,
1226
1483
  item,
@@ -1364,6 +1621,9 @@ Object.defineProperty(exports, 'useLocale', {
1364
1621
  exports.Accordion = _Accordion;
1365
1622
  exports.AccordionContext = AccordionContext;
1366
1623
  exports.Alert = Alert;
1624
+ exports.BreadcrumbItem = BreadcrumbItem;
1625
+ exports.BreadcrumbItemLink = BreadcrumbItemLink;
1626
+ exports.Breadcrumbs = Breadcrumbs;
1367
1627
  exports.FileDropzone = FileDropzone;
1368
1628
  exports.FileTrigger = FileTrigger;
1369
1629
  exports.FilterDropdown = FilterDropdown;
@@ -1372,6 +1632,7 @@ exports.LabeledValue = LabeledValue;
1372
1632
  exports.NumberField = NumberField;
1373
1633
  exports.ProgressIndicator = ProgressIndicator;
1374
1634
  exports.SearchableSelectFilter = SearchableSelectFilter;
1635
+ exports.Slider = _Slider;
1375
1636
  exports.TagGroup = TagGroup;
1376
1637
  exports.TagItem = TagItem;
1377
1638
  //# sourceMappingURL=index.js.map