@aurodesignsystem-dev/auro-formkit 0.0.0-pr1628.5 → 0.0.0-pr1628.7

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 (75) hide show
  1. package/components/checkbox/demo/customize.min.js +1 -1
  2. package/components/checkbox/demo/getting-started.min.js +1 -1
  3. package/components/checkbox/demo/index.min.js +1 -1
  4. package/components/checkbox/dist/index.js +1 -1
  5. package/components/checkbox/dist/registered.js +1 -1
  6. package/components/combobox/demo/customize.min.js +29 -14
  7. package/components/combobox/demo/getting-started.min.js +29 -14
  8. package/components/combobox/demo/index.min.js +29 -14
  9. package/components/combobox/dist/index.js +19 -5
  10. package/components/combobox/dist/registered.js +19 -5
  11. package/components/counter/demo/customize.min.js +2 -2
  12. package/components/counter/demo/getting-started.min.js +2 -2
  13. package/components/counter/demo/index.min.js +2 -2
  14. package/components/counter/dist/index.js +2 -2
  15. package/components/counter/dist/registered.js +2 -2
  16. package/components/datepicker/demo/customize.min.js +32 -5
  17. package/components/datepicker/demo/getting-started.min.js +32 -5
  18. package/components/datepicker/demo/index.min.js +32 -5
  19. package/components/datepicker/dist/index.js +32 -5
  20. package/components/datepicker/dist/registered.js +32 -5
  21. package/components/dropdown/demo/customize.min.js +1 -1
  22. package/components/dropdown/demo/getting-started.min.js +18 -4
  23. package/components/dropdown/demo/index.min.js +1 -1
  24. package/components/dropdown/dist/index.js +1 -1
  25. package/components/dropdown/dist/registered.js +1 -1
  26. package/components/form/demo/customize.min.js +94 -37
  27. package/components/form/demo/getting-started.min.js +94 -37
  28. package/components/form/demo/index.min.js +94 -37
  29. package/components/form/demo/registerDemoDeps.min.js +94 -37
  30. package/components/input/demo/api.md +58 -58
  31. package/components/input/demo/customize.md +7 -7
  32. package/components/input/demo/customize.min.js +17 -3
  33. package/components/input/demo/getting-started.md +3 -3
  34. package/components/input/demo/getting-started.min.js +17 -3
  35. package/components/input/demo/index.min.js +17 -3
  36. package/components/input/demo/why-input.md +1 -1
  37. package/components/input/dist/base-input.d.ts +3 -2
  38. package/components/input/dist/index.js +17 -3
  39. package/components/input/dist/registered.js +17 -3
  40. package/components/input/dist/utilities.d.ts +11 -0
  41. package/components/menu/demo/accessibility.md +1 -1
  42. package/components/menu/demo/customize.md +1 -1
  43. package/components/menu/demo/design.md +1 -1
  44. package/components/menu/demo/getting-started.md +1 -1
  45. package/components/menu/demo/index.min.js +10 -9
  46. package/components/menu/demo/keyboard-behavior.md +1 -1
  47. package/components/menu/demo/voiceover.md +1 -1
  48. package/components/menu/dist/auro-menu.d.ts +9 -8
  49. package/components/menu/dist/auro-menuoption.d.ts +1 -1
  50. package/components/menu/dist/index.js +10 -9
  51. package/components/menu/dist/registered.js +10 -9
  52. package/components/radio/demo/accessibility.md +1 -1
  53. package/components/radio/demo/api.md +6 -6
  54. package/components/radio/demo/customize.md +1 -1
  55. package/components/radio/demo/customize.min.js +7 -7
  56. package/components/radio/demo/design.md +1 -1
  57. package/components/radio/demo/getting-started.md +4 -4
  58. package/components/radio/demo/getting-started.min.js +7 -7
  59. package/components/radio/demo/index.md +1 -1
  60. package/components/radio/demo/index.min.js +7 -7
  61. package/components/radio/demo/keyboard-behavior.md +1 -1
  62. package/components/radio/demo/voiceover.md +1 -1
  63. package/components/radio/dist/auro-radio-group.d.ts +3 -3
  64. package/components/radio/dist/auro-radio.d.ts +3 -3
  65. package/components/radio/dist/index.js +7 -7
  66. package/components/radio/dist/registered.js +7 -7
  67. package/components/select/demo/api.md +1 -1
  68. package/components/select/demo/customize.min.js +16 -14
  69. package/components/select/demo/getting-started.min.js +16 -14
  70. package/components/select/demo/index.min.js +16 -14
  71. package/components/select/dist/auro-select.d.ts +4 -3
  72. package/components/select/dist/index.js +6 -5
  73. package/components/select/dist/registered.js +6 -5
  74. package/custom-elements.json +35 -26
  75. package/package.json +1 -1
@@ -279,7 +279,7 @@ class AuroRadio extends i$2 {
279
279
  },
280
280
 
281
281
  /**
282
- * ID for input node.
282
+ * Holds the ID of the inner `<input>` element, which its `<label>` points to.
283
283
  * @private
284
284
  */
285
285
  inputId: {
@@ -325,7 +325,7 @@ class AuroRadio extends i$2 {
325
325
  },
326
326
 
327
327
  /**
328
- * Kept out of the API docs, because changing it can easily break accessibility.
328
+ * Sets the host's ARIA role, `radio`. Kept out of the API docs, because changing it can easily break accessibility.
329
329
  * @private
330
330
  */
331
331
  role: {
@@ -334,7 +334,7 @@ class AuroRadio extends i$2 {
334
334
  },
335
335
 
336
336
  /**
337
- * Whether or not the radio button has been touched by the user.
337
+ * Records whether someone has interacted with the radio button.
338
338
  * @private
339
339
  */
340
340
  touched: {
@@ -1338,7 +1338,7 @@ class AuroHelpText extends i$2 {
1338
1338
  }
1339
1339
  }
1340
1340
 
1341
- var formkitVersion = '202611081948';
1341
+ var formkitVersion = '202611082102';
1342
1342
 
1343
1343
  // Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
1344
1344
  // See LICENSE in the project root for license information.
@@ -1373,7 +1373,7 @@ var formkitVersion = '202611081948';
1373
1373
  * @csspart radio-group - The `<fieldset>` element, with `role="radiogroup"`, that wraps the legend and the radio buttons.
1374
1374
  * @csspart helpText - The help text element below the group, which shows the help text or the error message.
1375
1375
  * @slot {HTMLSlotElement} legend - Label for the group, such as "Seat preference". Screen readers announce it as the group's name. {@requiredWhen always} {@category ui}
1376
- * @slot {HTMLSlotElement} optionalLabel - Text shown after the legend when the group isn't `required`, such as "- optional". Defaults to "(optional)". {@relevantWhen !required} {@category ui}
1376
+ * @slot {HTMLSlotElement} optionalLabel - Text shown after the legend when the group isn't `required`, such as a translated "(optional)". Defaults to "(optional)". {@relevantWhen !required} {@category ui}
1377
1377
  * @slot {HTMLSlotElement} helpText - Help text shown below the group, such as "Choose one". While the group shows an error, the error message replaces it. {@category ui}
1378
1378
  * @slot default - The `auro-radio` elements in the group.
1379
1379
  * @event auroFormElement-validated - Fires each time the group runs validation, with the result in `event.detail.validity` and `event.detail.message`.
@@ -1483,7 +1483,7 @@ class AuroRadioGroup extends i$2 {
1483
1483
  },
1484
1484
 
1485
1485
  /**
1486
- * Indicates whether the legend slot is set or not.
1486
+ * Records whether the `legend` slot has content.
1487
1487
  * @private
1488
1488
  */
1489
1489
  hasLegend: {
@@ -1577,7 +1577,7 @@ class AuroRadioGroup extends i$2 {
1577
1577
  },
1578
1578
 
1579
1579
  /**
1580
- * Indicates whether the radio group is in a dirty state (has been interacted with).
1580
+ * Records whether someone has interacted with the group.
1581
1581
  * @private
1582
1582
  */
1583
1583
  touched: {
@@ -1,4 +1,4 @@
1
- <auro-header level="1" id="overview">Radio - Keyboard behavior</auro-header>
1
+ <auro-header level="1" id="overview">Radio: Keyboard behavior</auro-header>
2
2
  <div class="contentWrapper">
3
3
  <div class="mainContent">
4
4
  <div class="scrollWrapper">
@@ -1,4 +1,4 @@
1
- <auro-header level="1" id="overview">Radio - VoiceOver behavior</auro-header>
1
+ <auro-header level="1" id="overview">Radio: VoiceOver behavior</auro-header>
2
2
  <p>This page documents the VoiceOver experience when using the <code>&lt;auro-radio&gt;</code> component. It covers announcements and gestures for interacting with radio groups.</p>
3
3
  <auro-header level="2" id="voiceOverInteractiveAnnouncements">Interactive announcements</auro-header>
4
4
  <auro-header level="3" id="voiceOverFocusAnnouncement">Focus</auro-header>
@@ -23,7 +23,7 @@
23
23
  * @csspart radio-group - The `<fieldset>` element, with `role="radiogroup"`, that wraps the legend and the radio buttons.
24
24
  * @csspart helpText - The help text element below the group, which shows the help text or the error message.
25
25
  * @slot {HTMLSlotElement} legend - Label for the group, such as "Seat preference". Screen readers announce it as the group's name. {@requiredWhen always} {@category ui}
26
- * @slot {HTMLSlotElement} optionalLabel - Text shown after the legend when the group isn't `required`, such as "- optional". Defaults to "(optional)". {@relevantWhen !required} {@category ui}
26
+ * @slot {HTMLSlotElement} optionalLabel - Text shown after the legend when the group isn't `required`, such as a translated "(optional)". Defaults to "(optional)". {@relevantWhen !required} {@category ui}
27
27
  * @slot {HTMLSlotElement} helpText - Help text shown below the group, such as "Choose one". While the group shows an error, the error message replaces it. {@category ui}
28
28
  * @slot default - The `auro-radio` elements in the group.
29
29
  * @event auroFormElement-validated - Fires each time the group runs validation, with the result in `event.detail.validity` and `event.detail.message`.
@@ -59,7 +59,7 @@ export class AuroRadioGroup extends LitElement {
59
59
  reflect: boolean;
60
60
  };
61
61
  /**
62
- * Indicates whether the legend slot is set or not.
62
+ * Records whether the `legend` slot has content.
63
63
  * @private
64
64
  */
65
65
  hasLegend: {
@@ -143,7 +143,7 @@ export class AuroRadioGroup extends LitElement {
143
143
  attribute: string;
144
144
  };
145
145
  /**
146
- * Indicates whether the radio group is in a dirty state (has been interacted with).
146
+ * Records whether someone has interacted with the group.
147
147
  * @private
148
148
  */
149
149
  touched: {
@@ -80,7 +80,7 @@ export class AuroRadio extends LitElement {
80
80
  reflect: boolean;
81
81
  };
82
82
  /**
83
- * ID for input node.
83
+ * Holds the ID of the inner `<input>` element, which its `<label>` points to.
84
84
  * @private
85
85
  */
86
86
  inputId: {
@@ -125,7 +125,7 @@ export class AuroRadio extends LitElement {
125
125
  reflect: boolean;
126
126
  };
127
127
  /**
128
- * Kept out of the API docs, because changing it can easily break accessibility.
128
+ * Sets the host's ARIA role, `radio`. Kept out of the API docs, because changing it can easily break accessibility.
129
129
  * @private
130
130
  */
131
131
  role: {
@@ -133,7 +133,7 @@ export class AuroRadio extends LitElement {
133
133
  reflect: boolean;
134
134
  };
135
135
  /**
136
- * Whether or not the radio button has been touched by the user.
136
+ * Records whether someone has interacted with the radio button.
137
137
  * @private
138
138
  */
139
139
  touched: {
@@ -225,7 +225,7 @@ class AuroRadio extends LitElement {
225
225
  },
226
226
 
227
227
  /**
228
- * ID for input node.
228
+ * Holds the ID of the inner `<input>` element, which its `<label>` points to.
229
229
  * @private
230
230
  */
231
231
  inputId: {
@@ -271,7 +271,7 @@ class AuroRadio extends LitElement {
271
271
  },
272
272
 
273
273
  /**
274
- * Kept out of the API docs, because changing it can easily break accessibility.
274
+ * Sets the host's ARIA role, `radio`. Kept out of the API docs, because changing it can easily break accessibility.
275
275
  * @private
276
276
  */
277
277
  role: {
@@ -280,7 +280,7 @@ class AuroRadio extends LitElement {
280
280
  },
281
281
 
282
282
  /**
283
- * Whether or not the radio button has been touched by the user.
283
+ * Records whether someone has interacted with the radio button.
284
284
  * @private
285
285
  */
286
286
  touched: {
@@ -1277,7 +1277,7 @@ class AuroHelpText extends LitElement {
1277
1277
  }
1278
1278
  }
1279
1279
 
1280
- var formkitVersion = '202611081948';
1280
+ var formkitVersion = '202611082102';
1281
1281
 
1282
1282
  // Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
1283
1283
  // See LICENSE in the project root for license information.
@@ -1312,7 +1312,7 @@ var formkitVersion = '202611081948';
1312
1312
  * @csspart radio-group - The `<fieldset>` element, with `role="radiogroup"`, that wraps the legend and the radio buttons.
1313
1313
  * @csspart helpText - The help text element below the group, which shows the help text or the error message.
1314
1314
  * @slot {HTMLSlotElement} legend - Label for the group, such as "Seat preference". Screen readers announce it as the group's name. {@requiredWhen always} {@category ui}
1315
- * @slot {HTMLSlotElement} optionalLabel - Text shown after the legend when the group isn't `required`, such as "- optional". Defaults to "(optional)". {@relevantWhen !required} {@category ui}
1315
+ * @slot {HTMLSlotElement} optionalLabel - Text shown after the legend when the group isn't `required`, such as a translated "(optional)". Defaults to "(optional)". {@relevantWhen !required} {@category ui}
1316
1316
  * @slot {HTMLSlotElement} helpText - Help text shown below the group, such as "Choose one". While the group shows an error, the error message replaces it. {@category ui}
1317
1317
  * @slot default - The `auro-radio` elements in the group.
1318
1318
  * @event auroFormElement-validated - Fires each time the group runs validation, with the result in `event.detail.validity` and `event.detail.message`.
@@ -1422,7 +1422,7 @@ class AuroRadioGroup extends LitElement {
1422
1422
  },
1423
1423
 
1424
1424
  /**
1425
- * Indicates whether the legend slot is set or not.
1425
+ * Records whether the `legend` slot has content.
1426
1426
  * @private
1427
1427
  */
1428
1428
  hasLegend: {
@@ -1516,7 +1516,7 @@ class AuroRadioGroup extends LitElement {
1516
1516
  },
1517
1517
 
1518
1518
  /**
1519
- * Indicates whether the radio group is in a dirty state (has been interacted with).
1519
+ * Records whether someone has interacted with the group.
1520
1520
  * @private
1521
1521
  */
1522
1522
  touched: {
@@ -225,7 +225,7 @@ class AuroRadio extends LitElement {
225
225
  },
226
226
 
227
227
  /**
228
- * ID for input node.
228
+ * Holds the ID of the inner `<input>` element, which its `<label>` points to.
229
229
  * @private
230
230
  */
231
231
  inputId: {
@@ -271,7 +271,7 @@ class AuroRadio extends LitElement {
271
271
  },
272
272
 
273
273
  /**
274
- * Kept out of the API docs, because changing it can easily break accessibility.
274
+ * Sets the host's ARIA role, `radio`. Kept out of the API docs, because changing it can easily break accessibility.
275
275
  * @private
276
276
  */
277
277
  role: {
@@ -280,7 +280,7 @@ class AuroRadio extends LitElement {
280
280
  },
281
281
 
282
282
  /**
283
- * Whether or not the radio button has been touched by the user.
283
+ * Records whether someone has interacted with the radio button.
284
284
  * @private
285
285
  */
286
286
  touched: {
@@ -1277,7 +1277,7 @@ class AuroHelpText extends LitElement {
1277
1277
  }
1278
1278
  }
1279
1279
 
1280
- var formkitVersion = '202611081948';
1280
+ var formkitVersion = '202611082102';
1281
1281
 
1282
1282
  // Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
1283
1283
  // See LICENSE in the project root for license information.
@@ -1312,7 +1312,7 @@ var formkitVersion = '202611081948';
1312
1312
  * @csspart radio-group - The `<fieldset>` element, with `role="radiogroup"`, that wraps the legend and the radio buttons.
1313
1313
  * @csspart helpText - The help text element below the group, which shows the help text or the error message.
1314
1314
  * @slot {HTMLSlotElement} legend - Label for the group, such as "Seat preference". Screen readers announce it as the group's name. {@requiredWhen always} {@category ui}
1315
- * @slot {HTMLSlotElement} optionalLabel - Text shown after the legend when the group isn't `required`, such as "- optional". Defaults to "(optional)". {@relevantWhen !required} {@category ui}
1315
+ * @slot {HTMLSlotElement} optionalLabel - Text shown after the legend when the group isn't `required`, such as a translated "(optional)". Defaults to "(optional)". {@relevantWhen !required} {@category ui}
1316
1316
  * @slot {HTMLSlotElement} helpText - Help text shown below the group, such as "Choose one". While the group shows an error, the error message replaces it. {@category ui}
1317
1317
  * @slot default - The `auro-radio` elements in the group.
1318
1318
  * @event auroFormElement-validated - Fires each time the group runs validation, with the result in `event.detail.validity` and `event.detail.message`.
@@ -1422,7 +1422,7 @@ class AuroRadioGroup extends LitElement {
1422
1422
  },
1423
1423
 
1424
1424
  /**
1425
- * Indicates whether the legend slot is set or not.
1425
+ * Records whether the `legend` slot has content.
1426
1426
  * @private
1427
1427
  */
1428
1428
  hasLegend: {
@@ -1516,7 +1516,7 @@ class AuroRadioGroup extends LitElement {
1516
1516
  },
1517
1517
 
1518
1518
  /**
1519
- * Indicates whether the radio group is in a dirty state (has been interacted with).
1519
+ * Records whether someone has interacted with the group.
1520
1520
  * @private
1521
1521
  */
1522
1522
  touched: {
@@ -43,7 +43,7 @@ A form control that lets people choose one option, or several, from a list, such
43
43
  | shape | shape | | `classic` \| `pill` \| `pill-left` \| `pill-right` \| `snowflake` | `classic` | ui | | Sets the shape of the trigger. Use `classic` with the classic layout, `pill`, `pill-left`, or `pill-right` with the emphasized layout, and `snowflake` with the snowflake layout. |
44
44
  | shift | shift | | boolean | `false` | ui | `layout === 'emphasized'` | Slides the bib along the trigger's edge to keep it on screen when it would otherwise be cut off.<br>Applies only when `layout="emphasized"`. |
45
45
  | size | size | | `lg` \| `xl` | `lg` | ui | | Sets the height of the trigger. Use `xl` only with the emphasized layout, and `lg` with the other layouts. |
46
- | autoPlacement | autoplacement | | boolean | `false` | ui | | Deprecated: Use `placement` instead.<br>The bib already flips to the opposite side when it doesn't fit, unless `noFlip` is set. |
46
+ | autoPlacement | autoplacement | | boolean | `false` | ui | | Deprecated: Use `placement` instead.<br>Moves the bib to whichever side of the trigger has the most space.<br>The bib already flips to the opposite side when it doesn't fit, unless `noFlip` is set. |
47
47
  | onDark | ondark | | boolean | | ui | | Deprecated: Use `appearance="inverse"` instead.<br>Sets the colors for a dark background. |
48
48
  | autocomplete | autocomplete | | string | | behavior | `layout !== 'emphasized'` | Sets the autofill hint for the hidden native select, such as `country-name` (the native `autocomplete` attribute).<br>Doesn't currently apply when `layout="emphasized"`, which has no hidden native select. |
49
49
  | error | error | | string | | behavior | | Forces the select into the `customError` state and shows this text as the error message, such as `Choose another option`.<br>When `setCustomValidityCustomError` or `setCustomValidity` is set, that message replaces this text.<br>Remove the attribute to clear the error and validate normally. |
@@ -5185,7 +5185,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$2 {
5185
5185
  }
5186
5186
  };
5187
5187
 
5188
- var formkitVersion$1 = '202611081948';
5188
+ var formkitVersion$1 = '202611082102';
5189
5189
 
5190
5190
  /**
5191
5191
  * Shared base class for layout-aware Auro form components, such as `auro-input`, `auro-select`, and `auro-menu`.
@@ -7525,7 +7525,7 @@ class AuroHelpText extends i$2 {
7525
7525
  }
7526
7526
  }
7527
7527
 
7528
- var formkitVersion = '202611081948';
7528
+ var formkitVersion = '202611082102';
7529
7529
 
7530
7530
  var styleCss$2 = i$5`.util_displayInline{display:inline}.util_displayInlineBlock{display:inline-block}.util_displayBlock{display:block}.util_displayFlex{display:flex}.util_displayHidden{display:none}.util_displayHiddenVisually{position:absolute;overflow:hidden;clip:rect(1px, 1px, 1px, 1px);width:1px;height:1px;padding:0;border:0}.body-default{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:var(--wcss-body-default-font-size, 1rem);font-variant-ligatures:none;font-weight:var(--wcss-body-default-weight, );line-height:var(--wcss-body-default-line-height, 1.5rem)}.body-default,.body-default-emphasized{letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-default-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:var(--wcss-body-default-emphasized-font-size, 1rem);font-variant-ligatures:none;font-weight:var(--wcss-body-default-emphasized-weight, );line-height:var(--wcss-body-default-emphasized-line-height, 1.5rem)}.body-lg{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:var(--wcss-body-lg-font-size, 1.125rem);font-variant-ligatures:none;font-weight:var(--wcss-body-lg-weight, );line-height:var(--wcss-body-lg-line-height, 1.625rem)}.body-lg,.body-lg-emphasized{letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-lg-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:var(--wcss-body-lg-emphasized-font-size, 1.125rem);font-variant-ligatures:none;font-weight:var(--wcss-body-lg-emphasized-weight, );line-height:var(--wcss-body-lg-emphasized-line-height, 1.625rem)}.body-sm{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:var(--wcss-body-sm-font-size, 0.875rem);font-variant-ligatures:none;font-weight:var(--wcss-body-sm-weight, );line-height:var(--wcss-body-sm-line-height, 1.25rem)}.body-sm,.body-sm-emphasized{letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-sm-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:var(--wcss-body-sm-emphasized-font-size, 0.875rem);font-variant-ligatures:none;font-weight:var(--wcss-body-sm-emphasized-weight, );line-height:var(--wcss-body-sm-emphasized-line-height, 1.25rem)}.body-xs{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:var(--wcss-body-xs-font-size, 0.75rem);font-variant-ligatures:none;font-weight:var(--wcss-body-xs-weight, );line-height:var(--wcss-body-xs-line-height, 1rem)}.body-xs,.body-xs-emphasized{letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-xs-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:var(--wcss-body-xs-emphasized-font-size, 0.75rem);font-variant-ligatures:none;font-weight:var(--wcss-body-xs-emphasized-weight, );line-height:var(--wcss-body-xs-emphasized-line-height, 1rem)}.body-2xs{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:var(--wcss-body-2xs-font-size, 0.625rem);font-variant-ligatures:none;font-weight:var(--wcss-body-2xs-weight, );line-height:var(--wcss-body-2xs-line-height, 0.875rem)}.body-2xs,.body-2xs-emphasized{letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-2xs-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:var(--wcss-body-2xs-emphasized-font-size, 0.625rem);font-variant-ligatures:none;font-weight:var(--wcss-body-2xs-emphasized-weight, );line-height:var(--wcss-body-2xs-emphasized-line-height, 0.875rem)}.display-2xl{font-family:var(--wcss-display-2xl-family, "AS Circular"),var(--wcss-display-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-2xl-font-size, clamp(3.5rem, 6vw, 5.375rem));font-variant-ligatures:none;font-weight:var(--wcss-display-2xl-weight, 300);letter-spacing:var(--wcss-display-2xl-letter-spacing, 0);line-height:var(--wcss-display-2xl-line-height, 1.3)}.display-xl{font-family:var(--wcss-display-xl-family, "AS Circular"),var(--wcss-display-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-xl-font-size, clamp(3rem, 5.3333333333vw, 4.5rem));font-variant-ligatures:none;font-weight:var(--wcss-display-xl-weight, 300);letter-spacing:var(--wcss-display-xl-letter-spacing, 0);line-height:var(--wcss-display-xl-line-height, 1.3)}.display-lg{font-family:var(--wcss-display-lg-family, "AS Circular"),var(--wcss-display-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-lg-font-size, clamp(2.75rem, 4.6666666667vw, 4rem));font-variant-ligatures:none;font-weight:var(--wcss-display-lg-weight, 300);letter-spacing:var(--wcss-display-lg-letter-spacing, 0);line-height:var(--wcss-display-lg-line-height, 1.3)}.display-md{font-family:var(--wcss-display-md-family, "AS Circular"),var(--wcss-display-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-md-font-size, clamp(2.5rem, 4vw, 3.5rem));font-variant-ligatures:none;font-weight:var(--wcss-display-md-weight, 300);letter-spacing:var(--wcss-display-md-letter-spacing, 0);line-height:var(--wcss-display-md-line-height, 1.3)}.display-sm{font-family:var(--wcss-display-sm-family, "AS Circular"),var(--wcss-display-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-sm-font-size, clamp(2rem, 3.6666666667vw, 3rem));font-variant-ligatures:none;font-weight:var(--wcss-display-sm-weight, 300);letter-spacing:var(--wcss-display-sm-letter-spacing, 0);line-height:var(--wcss-display-sm-line-height, 1.3)}.display-xs{font-family:var(--wcss-display-xs-family, "AS Circular"),var(--wcss-display-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-xs-font-size, clamp(1.75rem, 3vw, 2.375rem));font-variant-ligatures:none;font-weight:var(--wcss-display-xs-weight, 300);letter-spacing:var(--wcss-display-xs-letter-spacing, 0);line-height:var(--wcss-display-xs-line-height, 1.3)}.heading-xl{font-family:var(--wcss-heading-xl-family, "AS Circular"),var(--wcss-heading-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-xl-font-size, clamp(2rem, 3vw, 2.5rem));font-variant-ligatures:none;font-weight:var(--wcss-heading-xl-weight, 300);letter-spacing:var(--wcss-heading-xl-letter-spacing, 0);line-height:var(--wcss-heading-xl-line-height, 1.3)}.heading-lg{font-family:var(--wcss-heading-lg-family, "AS Circular"),var(--wcss-heading-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-lg-font-size, clamp(1.75rem, 2.6666666667vw, 2.25rem));font-variant-ligatures:none;font-weight:var(--wcss-heading-lg-weight, 300);letter-spacing:var(--wcss-heading-lg-letter-spacing, 0);line-height:var(--wcss-heading-lg-line-height, 1.3)}.heading-md{font-family:var(--wcss-heading-md-family, "AS Circular"),var(--wcss-heading-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-md-font-size, clamp(1.625rem, 2.3333333333vw, 1.75rem));font-variant-ligatures:none;font-weight:var(--wcss-heading-md-weight, 300);letter-spacing:var(--wcss-heading-md-letter-spacing, 0);line-height:var(--wcss-heading-md-line-height, 1.3)}.heading-sm{font-family:var(--wcss-heading-sm-family, "AS Circular"),var(--wcss-heading-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-sm-font-size, clamp(1.375rem, 2vw, 1.5rem));font-variant-ligatures:none;font-weight:var(--wcss-heading-sm-weight, 300);letter-spacing:var(--wcss-heading-sm-letter-spacing, 0);line-height:var(--wcss-heading-sm-line-height, 1.3)}.heading-xs{font-family:var(--wcss-heading-xs-family, "AS Circular"),var(--wcss-heading-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-xs-font-size, clamp(1.25rem, 1.6666666667vw, 1.25rem));font-variant-ligatures:none;font-weight:var(--wcss-heading-xs-weight, 300);letter-spacing:var(--wcss-heading-xs-letter-spacing, 0);line-height:var(--wcss-heading-xs-line-height, 1.3)}.heading-2xs{font-family:var(--wcss-heading-2xs-family, "AS Circular"),var(--wcss-heading-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-2xs-font-size, clamp(1.125rem, 1.5vw, 1.125rem));font-variant-ligatures:none;font-weight:var(--wcss-heading-2xs-weight, 300);letter-spacing:var(--wcss-heading-2xs-letter-spacing, 0);line-height:var(--wcss-heading-2xs-line-height, 1.3)}.accent-2xl{font-family:var(--wcss-accent-2xl-family, "Good OT"),var(--wcss-accent-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-2xl-font-size, clamp(2rem, 3.1666666667vw, 2.375rem));font-variant-ligatures:none;font-weight:var(--wcss-accent-2xl-weight, 450);letter-spacing:var(--wcss-accent-2xl-letter-spacing, 0.05em);line-height:var(--wcss-accent-2xl-line-height, 1)}.accent-2xl,.accent-xl{text-transform:uppercase}.accent-xl{font-family:var(--wcss-accent-xl-family, "Good OT"),var(--wcss-accent-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-xl-font-size, clamp(1.625rem, 2.3333333333vw, 2rem));font-variant-ligatures:none;font-weight:var(--wcss-accent-xl-weight, 450);letter-spacing:var(--wcss-accent-xl-letter-spacing, 0.05em);line-height:var(--wcss-accent-xl-line-height, 1.3)}.accent-lg{font-family:var(--wcss-accent-lg-family, "Good OT"),var(--wcss-accent-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-lg-font-size, clamp(1.5rem, 2.1666666667vw, 1.75rem));font-variant-ligatures:none;font-weight:var(--wcss-accent-lg-weight, 450);letter-spacing:var(--wcss-accent-lg-letter-spacing, 0.05em);line-height:var(--wcss-accent-lg-line-height, 1.3)}.accent-lg,.accent-md{text-transform:uppercase}.accent-md{font-family:var(--wcss-accent-md-family, "Good OT"),var(--wcss-accent-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-md-font-size, clamp(1.375rem, 1.8333333333vw, 1.5rem));font-variant-ligatures:none;font-weight:var(--wcss-accent-md-weight, 500);letter-spacing:var(--wcss-accent-md-letter-spacing, 0.05em);line-height:var(--wcss-accent-md-line-height, 1.3)}.accent-sm{font-family:var(--wcss-accent-sm-family, "Good OT"),var(--wcss-accent-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-sm-font-size, clamp(1.125rem, 1.5vw, 1.25rem));font-variant-ligatures:none;font-weight:var(--wcss-accent-sm-weight, 500);letter-spacing:var(--wcss-accent-sm-letter-spacing, 0.05em);line-height:var(--wcss-accent-sm-line-height, 1.3)}.accent-sm,.accent-xs{text-transform:uppercase}.accent-xs{font-family:var(--wcss-accent-xs-family, "Good OT"),var(--wcss-accent-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-xs-font-size, clamp(1rem, 1.3333333333vw, 1rem));font-variant-ligatures:none;font-weight:var(--wcss-accent-xs-weight, 500);letter-spacing:var(--wcss-accent-xs-letter-spacing, 0.1em);line-height:var(--wcss-accent-xs-line-height, 1.3)}.accent-2xs{font-family:var(--wcss-accent-2xs-family, "Good OT"),var(--wcss-accent-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-2xs-font-size, clamp(0.875rem, 1.1666666667vw, 0.875rem));font-variant-ligatures:none;font-weight:var(--wcss-accent-2xs-weight, 450);letter-spacing:var(--wcss-accent-2xs-letter-spacing, 0.1em);line-height:var(--wcss-accent-2xs-line-height, 1.3);text-transform:uppercase}[auro-dropdown]{--ds-auro-dropdown-trigger-border-color: var(--ds-auro-select-border-color);--ds-auro-dropdown-trigger-background-color: var(--ds-auro-select-background-color);--ds-auro-dropdown-trigger-container-color: var(--ds-auro-select-background-color);--ds-auro-dropdown-trigger-outline-color: var(--ds-auro-select-outline-color)}:host{display:inline-block;text-align:left;vertical-align:top}:host([layout*=emphasized]) [auro-dropdown],:host([layout*=snowflake]) [auro-dropdown]{--ds-auro-select-border-color: transparent}:host([layout*=emphasized]) .mainContent,:host([layout*=snowflake]) .mainContent{text-align:center}.mainContent{position:relative;display:flex;overflow:hidden;flex:1;flex-direction:column;align-items:center;justify-content:center}.valueContainer{max-width:100%}#dropdownLabel,.value,#placeholder{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#dropdownLabel{display:block}.accents{display:flex;flex-direction:row;align-items:center;justify-content:center}::slotted([slot=typeIcon]){margin-right:var(--ds-size-100, 0.5rem)}.displayValue{display:block}.displayValue:not(.force){display:none}.displayValue:not(.force).hasContent:is(.withValue):not(.hasFocus){display:block}.triggerContent{display:flex;width:100%;box-sizing:border-box;align-items:center;justify-content:center}:host([layout*=emphasized]) .triggerContent{padding:0 var(--ds-size-100, 0.5rem) 0 var(--ds-size-300, 1.5rem)}:host([layout*=snowflake]) .triggerContent{padding:0 var(--ds-size-100, 0.5rem) 0 var(--ds-size-200, 1rem)}:host([layout*=snowflake]) label{padding-block:var(--ds-size-25, 0.125rem)}:host([layout*=classic]) .triggerContent{padding:0 var(--ds-size-100, 0.5rem)}:host([layout*=classic]) .mainContent{align-items:start}:host([layout*=classic]) label{cursor:text}:host([layout*=classic]) .value{height:auto}label{color:var(--ds-auro-select-label-text-color)}:host(:is([validity]:not([validity=valid]))) [auro-dropdown]{--ds-auro-select-border-color: var(--ds-basic-color-status-error, #e31f26);--ds-auro-select-outline-color: var(--ds-basic-color-status-error, #e31f26);--ds-auro-dropdown-helptext-text-color: var(--ds-basic-color-texticon-default, #2a2a2a)}:host([ondark]:is([validity]:not([validity=valid]))) [auro-dropdown],:host([appearance=inverse]:is([validity]:not([validity=valid]))) [auro-dropdown]{--ds-auro-select-border-color: var(--ds-advanced-color-state-error-inverse, #f9a4a8);--ds-auro-select-outline-color: var(--ds-advanced-color-state-error-inverse, #f9a4a8);--ds-auro-dropdown-helptext-text-color: var(--ds-basic-color-texticon-inverse, #ffffff)}#slotHolder{display:none}:host([fluid]){width:100%}:host([disabled]){pointer-events:none;user-select:none}:host([disabled]:not([ondark])) [auro-dropdown],:host([disabled]:not([appearance=inverse])) [auro-dropdown]{--ds-auro-select-border-color: var(--ds-basic-color-border-subtle, #dddddd)}:host(:not([layout*=classic])[disabled][ondark]) [auro-dropdown],:host(:not([layout*=classic])[disabled][appearance=inverse]) [auro-dropdown]{--ds-auro-select-border-color: transparent}`;
7531
7531
 
@@ -7703,6 +7703,7 @@ class AuroSelect extends AuroElement$1 {
7703
7703
 
7704
7704
  /**
7705
7705
  * Deprecated: Use `placement` instead.
7706
+ * Moves the bib to whichever side of the trigger has the most space.
7706
7707
  * The bib already flips to the opposite side when it doesn't fit, unless `noFlip` is set.
7707
7708
  * @deprecated Use `placement` instead.
7708
7709
  * @category ui
@@ -8032,7 +8033,7 @@ class AuroSelect extends AuroElement$1 {
8032
8033
  },
8033
8034
 
8034
8035
  /**
8035
- * Whether focus has moved into the select since it was created or last reset.
8036
+ * Records whether focus has moved into the select since it was created or last reset.
8036
8037
  * @private
8037
8038
  */
8038
8039
  touched: {
@@ -8320,7 +8321,7 @@ class AuroSelect extends AuroElement$1 {
8320
8321
  }
8321
8322
 
8322
8323
  /**
8323
- * Updates the displayed value in an Auro dropdown component based on optionSelected.
8324
+ * Updates the value and `displayValue` content shown in the trigger to match `optionSelected`.
8324
8325
  * @private
8325
8326
  * @returns {void}
8326
8327
  */
@@ -8405,7 +8406,7 @@ class AuroSelect extends AuroElement$1 {
8405
8406
  }
8406
8407
 
8407
8408
  /**
8408
- * Sets aria-setsize and aria-posinset on each menu option so screen readers
8409
+ * Sets `aria-setsize` and `aria-posinset` on each menu option so screen readers
8409
8410
  * can announce position even when the listbox context is broken by
8410
8411
  * shadow DOM boundaries.
8411
8412
  * @private
@@ -9796,7 +9797,7 @@ class AuroMenu extends AuroElement$1 {
9796
9797
  },
9797
9798
 
9798
9799
  /**
9799
- * Indent level for submenus.
9800
+ * Holds how deeply a nested menu is indented, which sets how many spacers its options get.
9800
9801
  * @private
9801
9802
  */
9802
9803
  level: {
@@ -9968,8 +9969,8 @@ class AuroMenu extends AuroElement$1 {
9968
9969
  }
9969
9970
 
9970
9971
  /**
9971
- * Formatted value based on `multiSelect` state.
9972
- * Default type is `String`, changing to `Array<String>` when `multiSelect` is true.
9972
+ * Gets `value` in the shape the menu works with: the string itself, or, in multi-select mode,
9973
+ * an array of values parsed from the JSON array string.
9973
9974
  * @private
9974
9975
  * @returns {String|Array<String>}
9975
9976
  */
@@ -10779,7 +10780,7 @@ class AuroMenu extends AuroElement$1 {
10779
10780
  }
10780
10781
 
10781
10782
  /**
10782
- * Handles keyboard navigation and selection.
10783
+ * Called when a key is pressed in the menu. The arrow keys move the active option, and Enter and Tab select it.
10783
10784
  * @private
10784
10785
  * @param {KeyboardEvent} event - The keydown event.
10785
10786
  */
@@ -10805,7 +10806,7 @@ class AuroMenu extends AuroElement$1 {
10805
10806
  }
10806
10807
 
10807
10808
  /**
10808
- * Handles option selection via click events from menuoptions.
10809
+ * Called when an option fires `auroMenuOption-click`. Selects the clicked option, unless the menu is disabled or nested in another menu.
10809
10810
  * @private
10810
10811
  * @param {CustomEvent} event - The auroMenuOption-click event.
10811
10812
  */
@@ -10825,7 +10826,7 @@ class AuroMenu extends AuroElement$1 {
10825
10826
  }
10826
10827
 
10827
10828
  /**
10828
- * Handles option hover events.
10829
+ * Called when the pointer moves over an option. Makes it the active option, unless it can't be highlighted.
10829
10830
  * @private
10830
10831
  * @param {CustomEvent} event - The `auroMenuOption-mouseover` event.
10831
10832
  */
@@ -10849,7 +10850,7 @@ class AuroMenu extends AuroElement$1 {
10849
10850
  }
10850
10851
 
10851
10852
  /**
10852
- * Handles slot change events.
10853
+ * Called when the menu's content changes. Sets the menu up again, and re-applies a `value` that was set before the options arrived.
10853
10854
  * @private
10854
10855
  */
10855
10856
  handleSlotChange() {
@@ -10945,7 +10946,7 @@ class AuroMenu extends AuroElement$1 {
10945
10946
  }
10946
10947
 
10947
10948
  /**
10948
- * Handles custom events defined on options.
10949
+ * Fires the event named in the option's `event` attribute, then `auroMenu-customEventFired`, with the option in `detail.option`.
10949
10950
  * @private
10950
10951
  * @param {HTMLElement} option - Option with custom event.
10951
10952
  */
@@ -10965,6 +10966,7 @@ class AuroMenu extends AuroElement$1 {
10965
10966
  }
10966
10967
 
10967
10968
  /**
10969
+ * Checks whether two selections hold the same options, in any order.
10968
10970
  * @private
10969
10971
  * @param {any} current - The current selection.
10970
10972
  * @param {any} next - The new selection to compare.
@@ -11394,7 +11396,7 @@ class AuroMenuOption extends AuroElement$1 {
11394
11396
  }
11395
11397
 
11396
11398
  /**
11397
- * Handles click events on the menu option.
11399
+ * Called when the option is clicked. Fires `auroMenuOption-click`, unless the option or a menu containing it is disabled.
11398
11400
  * @private
11399
11401
  */
11400
11402
  handleClick() {
@@ -5185,7 +5185,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$2 {
5185
5185
  }
5186
5186
  };
5187
5187
 
5188
- var formkitVersion$1 = '202611081948';
5188
+ var formkitVersion$1 = '202611082102';
5189
5189
 
5190
5190
  /**
5191
5191
  * Shared base class for layout-aware Auro form components, such as `auro-input`, `auro-select`, and `auro-menu`.
@@ -7525,7 +7525,7 @@ class AuroHelpText extends i$2 {
7525
7525
  }
7526
7526
  }
7527
7527
 
7528
- var formkitVersion = '202611081948';
7528
+ var formkitVersion = '202611082102';
7529
7529
 
7530
7530
  var styleCss$2 = i$5`.util_displayInline{display:inline}.util_displayInlineBlock{display:inline-block}.util_displayBlock{display:block}.util_displayFlex{display:flex}.util_displayHidden{display:none}.util_displayHiddenVisually{position:absolute;overflow:hidden;clip:rect(1px, 1px, 1px, 1px);width:1px;height:1px;padding:0;border:0}.body-default{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:var(--wcss-body-default-font-size, 1rem);font-variant-ligatures:none;font-weight:var(--wcss-body-default-weight, );line-height:var(--wcss-body-default-line-height, 1.5rem)}.body-default,.body-default-emphasized{letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-default-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:var(--wcss-body-default-emphasized-font-size, 1rem);font-variant-ligatures:none;font-weight:var(--wcss-body-default-emphasized-weight, );line-height:var(--wcss-body-default-emphasized-line-height, 1.5rem)}.body-lg{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:var(--wcss-body-lg-font-size, 1.125rem);font-variant-ligatures:none;font-weight:var(--wcss-body-lg-weight, );line-height:var(--wcss-body-lg-line-height, 1.625rem)}.body-lg,.body-lg-emphasized{letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-lg-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:var(--wcss-body-lg-emphasized-font-size, 1.125rem);font-variant-ligatures:none;font-weight:var(--wcss-body-lg-emphasized-weight, );line-height:var(--wcss-body-lg-emphasized-line-height, 1.625rem)}.body-sm{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:var(--wcss-body-sm-font-size, 0.875rem);font-variant-ligatures:none;font-weight:var(--wcss-body-sm-weight, );line-height:var(--wcss-body-sm-line-height, 1.25rem)}.body-sm,.body-sm-emphasized{letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-sm-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:var(--wcss-body-sm-emphasized-font-size, 0.875rem);font-variant-ligatures:none;font-weight:var(--wcss-body-sm-emphasized-weight, );line-height:var(--wcss-body-sm-emphasized-line-height, 1.25rem)}.body-xs{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:var(--wcss-body-xs-font-size, 0.75rem);font-variant-ligatures:none;font-weight:var(--wcss-body-xs-weight, );line-height:var(--wcss-body-xs-line-height, 1rem)}.body-xs,.body-xs-emphasized{letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-xs-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:var(--wcss-body-xs-emphasized-font-size, 0.75rem);font-variant-ligatures:none;font-weight:var(--wcss-body-xs-emphasized-weight, );line-height:var(--wcss-body-xs-emphasized-line-height, 1rem)}.body-2xs{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:var(--wcss-body-2xs-font-size, 0.625rem);font-variant-ligatures:none;font-weight:var(--wcss-body-2xs-weight, );line-height:var(--wcss-body-2xs-line-height, 0.875rem)}.body-2xs,.body-2xs-emphasized{letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-2xs-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:var(--wcss-body-2xs-emphasized-font-size, 0.625rem);font-variant-ligatures:none;font-weight:var(--wcss-body-2xs-emphasized-weight, );line-height:var(--wcss-body-2xs-emphasized-line-height, 0.875rem)}.display-2xl{font-family:var(--wcss-display-2xl-family, "AS Circular"),var(--wcss-display-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-2xl-font-size, clamp(3.5rem, 6vw, 5.375rem));font-variant-ligatures:none;font-weight:var(--wcss-display-2xl-weight, 300);letter-spacing:var(--wcss-display-2xl-letter-spacing, 0);line-height:var(--wcss-display-2xl-line-height, 1.3)}.display-xl{font-family:var(--wcss-display-xl-family, "AS Circular"),var(--wcss-display-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-xl-font-size, clamp(3rem, 5.3333333333vw, 4.5rem));font-variant-ligatures:none;font-weight:var(--wcss-display-xl-weight, 300);letter-spacing:var(--wcss-display-xl-letter-spacing, 0);line-height:var(--wcss-display-xl-line-height, 1.3)}.display-lg{font-family:var(--wcss-display-lg-family, "AS Circular"),var(--wcss-display-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-lg-font-size, clamp(2.75rem, 4.6666666667vw, 4rem));font-variant-ligatures:none;font-weight:var(--wcss-display-lg-weight, 300);letter-spacing:var(--wcss-display-lg-letter-spacing, 0);line-height:var(--wcss-display-lg-line-height, 1.3)}.display-md{font-family:var(--wcss-display-md-family, "AS Circular"),var(--wcss-display-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-md-font-size, clamp(2.5rem, 4vw, 3.5rem));font-variant-ligatures:none;font-weight:var(--wcss-display-md-weight, 300);letter-spacing:var(--wcss-display-md-letter-spacing, 0);line-height:var(--wcss-display-md-line-height, 1.3)}.display-sm{font-family:var(--wcss-display-sm-family, "AS Circular"),var(--wcss-display-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-sm-font-size, clamp(2rem, 3.6666666667vw, 3rem));font-variant-ligatures:none;font-weight:var(--wcss-display-sm-weight, 300);letter-spacing:var(--wcss-display-sm-letter-spacing, 0);line-height:var(--wcss-display-sm-line-height, 1.3)}.display-xs{font-family:var(--wcss-display-xs-family, "AS Circular"),var(--wcss-display-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-xs-font-size, clamp(1.75rem, 3vw, 2.375rem));font-variant-ligatures:none;font-weight:var(--wcss-display-xs-weight, 300);letter-spacing:var(--wcss-display-xs-letter-spacing, 0);line-height:var(--wcss-display-xs-line-height, 1.3)}.heading-xl{font-family:var(--wcss-heading-xl-family, "AS Circular"),var(--wcss-heading-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-xl-font-size, clamp(2rem, 3vw, 2.5rem));font-variant-ligatures:none;font-weight:var(--wcss-heading-xl-weight, 300);letter-spacing:var(--wcss-heading-xl-letter-spacing, 0);line-height:var(--wcss-heading-xl-line-height, 1.3)}.heading-lg{font-family:var(--wcss-heading-lg-family, "AS Circular"),var(--wcss-heading-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-lg-font-size, clamp(1.75rem, 2.6666666667vw, 2.25rem));font-variant-ligatures:none;font-weight:var(--wcss-heading-lg-weight, 300);letter-spacing:var(--wcss-heading-lg-letter-spacing, 0);line-height:var(--wcss-heading-lg-line-height, 1.3)}.heading-md{font-family:var(--wcss-heading-md-family, "AS Circular"),var(--wcss-heading-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-md-font-size, clamp(1.625rem, 2.3333333333vw, 1.75rem));font-variant-ligatures:none;font-weight:var(--wcss-heading-md-weight, 300);letter-spacing:var(--wcss-heading-md-letter-spacing, 0);line-height:var(--wcss-heading-md-line-height, 1.3)}.heading-sm{font-family:var(--wcss-heading-sm-family, "AS Circular"),var(--wcss-heading-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-sm-font-size, clamp(1.375rem, 2vw, 1.5rem));font-variant-ligatures:none;font-weight:var(--wcss-heading-sm-weight, 300);letter-spacing:var(--wcss-heading-sm-letter-spacing, 0);line-height:var(--wcss-heading-sm-line-height, 1.3)}.heading-xs{font-family:var(--wcss-heading-xs-family, "AS Circular"),var(--wcss-heading-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-xs-font-size, clamp(1.25rem, 1.6666666667vw, 1.25rem));font-variant-ligatures:none;font-weight:var(--wcss-heading-xs-weight, 300);letter-spacing:var(--wcss-heading-xs-letter-spacing, 0);line-height:var(--wcss-heading-xs-line-height, 1.3)}.heading-2xs{font-family:var(--wcss-heading-2xs-family, "AS Circular"),var(--wcss-heading-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-2xs-font-size, clamp(1.125rem, 1.5vw, 1.125rem));font-variant-ligatures:none;font-weight:var(--wcss-heading-2xs-weight, 300);letter-spacing:var(--wcss-heading-2xs-letter-spacing, 0);line-height:var(--wcss-heading-2xs-line-height, 1.3)}.accent-2xl{font-family:var(--wcss-accent-2xl-family, "Good OT"),var(--wcss-accent-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-2xl-font-size, clamp(2rem, 3.1666666667vw, 2.375rem));font-variant-ligatures:none;font-weight:var(--wcss-accent-2xl-weight, 450);letter-spacing:var(--wcss-accent-2xl-letter-spacing, 0.05em);line-height:var(--wcss-accent-2xl-line-height, 1)}.accent-2xl,.accent-xl{text-transform:uppercase}.accent-xl{font-family:var(--wcss-accent-xl-family, "Good OT"),var(--wcss-accent-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-xl-font-size, clamp(1.625rem, 2.3333333333vw, 2rem));font-variant-ligatures:none;font-weight:var(--wcss-accent-xl-weight, 450);letter-spacing:var(--wcss-accent-xl-letter-spacing, 0.05em);line-height:var(--wcss-accent-xl-line-height, 1.3)}.accent-lg{font-family:var(--wcss-accent-lg-family, "Good OT"),var(--wcss-accent-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-lg-font-size, clamp(1.5rem, 2.1666666667vw, 1.75rem));font-variant-ligatures:none;font-weight:var(--wcss-accent-lg-weight, 450);letter-spacing:var(--wcss-accent-lg-letter-spacing, 0.05em);line-height:var(--wcss-accent-lg-line-height, 1.3)}.accent-lg,.accent-md{text-transform:uppercase}.accent-md{font-family:var(--wcss-accent-md-family, "Good OT"),var(--wcss-accent-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-md-font-size, clamp(1.375rem, 1.8333333333vw, 1.5rem));font-variant-ligatures:none;font-weight:var(--wcss-accent-md-weight, 500);letter-spacing:var(--wcss-accent-md-letter-spacing, 0.05em);line-height:var(--wcss-accent-md-line-height, 1.3)}.accent-sm{font-family:var(--wcss-accent-sm-family, "Good OT"),var(--wcss-accent-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-sm-font-size, clamp(1.125rem, 1.5vw, 1.25rem));font-variant-ligatures:none;font-weight:var(--wcss-accent-sm-weight, 500);letter-spacing:var(--wcss-accent-sm-letter-spacing, 0.05em);line-height:var(--wcss-accent-sm-line-height, 1.3)}.accent-sm,.accent-xs{text-transform:uppercase}.accent-xs{font-family:var(--wcss-accent-xs-family, "Good OT"),var(--wcss-accent-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-xs-font-size, clamp(1rem, 1.3333333333vw, 1rem));font-variant-ligatures:none;font-weight:var(--wcss-accent-xs-weight, 500);letter-spacing:var(--wcss-accent-xs-letter-spacing, 0.1em);line-height:var(--wcss-accent-xs-line-height, 1.3)}.accent-2xs{font-family:var(--wcss-accent-2xs-family, "Good OT"),var(--wcss-accent-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-2xs-font-size, clamp(0.875rem, 1.1666666667vw, 0.875rem));font-variant-ligatures:none;font-weight:var(--wcss-accent-2xs-weight, 450);letter-spacing:var(--wcss-accent-2xs-letter-spacing, 0.1em);line-height:var(--wcss-accent-2xs-line-height, 1.3);text-transform:uppercase}[auro-dropdown]{--ds-auro-dropdown-trigger-border-color: var(--ds-auro-select-border-color);--ds-auro-dropdown-trigger-background-color: var(--ds-auro-select-background-color);--ds-auro-dropdown-trigger-container-color: var(--ds-auro-select-background-color);--ds-auro-dropdown-trigger-outline-color: var(--ds-auro-select-outline-color)}:host{display:inline-block;text-align:left;vertical-align:top}:host([layout*=emphasized]) [auro-dropdown],:host([layout*=snowflake]) [auro-dropdown]{--ds-auro-select-border-color: transparent}:host([layout*=emphasized]) .mainContent,:host([layout*=snowflake]) .mainContent{text-align:center}.mainContent{position:relative;display:flex;overflow:hidden;flex:1;flex-direction:column;align-items:center;justify-content:center}.valueContainer{max-width:100%}#dropdownLabel,.value,#placeholder{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#dropdownLabel{display:block}.accents{display:flex;flex-direction:row;align-items:center;justify-content:center}::slotted([slot=typeIcon]){margin-right:var(--ds-size-100, 0.5rem)}.displayValue{display:block}.displayValue:not(.force){display:none}.displayValue:not(.force).hasContent:is(.withValue):not(.hasFocus){display:block}.triggerContent{display:flex;width:100%;box-sizing:border-box;align-items:center;justify-content:center}:host([layout*=emphasized]) .triggerContent{padding:0 var(--ds-size-100, 0.5rem) 0 var(--ds-size-300, 1.5rem)}:host([layout*=snowflake]) .triggerContent{padding:0 var(--ds-size-100, 0.5rem) 0 var(--ds-size-200, 1rem)}:host([layout*=snowflake]) label{padding-block:var(--ds-size-25, 0.125rem)}:host([layout*=classic]) .triggerContent{padding:0 var(--ds-size-100, 0.5rem)}:host([layout*=classic]) .mainContent{align-items:start}:host([layout*=classic]) label{cursor:text}:host([layout*=classic]) .value{height:auto}label{color:var(--ds-auro-select-label-text-color)}:host(:is([validity]:not([validity=valid]))) [auro-dropdown]{--ds-auro-select-border-color: var(--ds-basic-color-status-error, #e31f26);--ds-auro-select-outline-color: var(--ds-basic-color-status-error, #e31f26);--ds-auro-dropdown-helptext-text-color: var(--ds-basic-color-texticon-default, #2a2a2a)}:host([ondark]:is([validity]:not([validity=valid]))) [auro-dropdown],:host([appearance=inverse]:is([validity]:not([validity=valid]))) [auro-dropdown]{--ds-auro-select-border-color: var(--ds-advanced-color-state-error-inverse, #f9a4a8);--ds-auro-select-outline-color: var(--ds-advanced-color-state-error-inverse, #f9a4a8);--ds-auro-dropdown-helptext-text-color: var(--ds-basic-color-texticon-inverse, #ffffff)}#slotHolder{display:none}:host([fluid]){width:100%}:host([disabled]){pointer-events:none;user-select:none}:host([disabled]:not([ondark])) [auro-dropdown],:host([disabled]:not([appearance=inverse])) [auro-dropdown]{--ds-auro-select-border-color: var(--ds-basic-color-border-subtle, #dddddd)}:host(:not([layout*=classic])[disabled][ondark]) [auro-dropdown],:host(:not([layout*=classic])[disabled][appearance=inverse]) [auro-dropdown]{--ds-auro-select-border-color: transparent}`;
7531
7531
 
@@ -7703,6 +7703,7 @@ class AuroSelect extends AuroElement$1 {
7703
7703
 
7704
7704
  /**
7705
7705
  * Deprecated: Use `placement` instead.
7706
+ * Moves the bib to whichever side of the trigger has the most space.
7706
7707
  * The bib already flips to the opposite side when it doesn't fit, unless `noFlip` is set.
7707
7708
  * @deprecated Use `placement` instead.
7708
7709
  * @category ui
@@ -8032,7 +8033,7 @@ class AuroSelect extends AuroElement$1 {
8032
8033
  },
8033
8034
 
8034
8035
  /**
8035
- * Whether focus has moved into the select since it was created or last reset.
8036
+ * Records whether focus has moved into the select since it was created or last reset.
8036
8037
  * @private
8037
8038
  */
8038
8039
  touched: {
@@ -8320,7 +8321,7 @@ class AuroSelect extends AuroElement$1 {
8320
8321
  }
8321
8322
 
8322
8323
  /**
8323
- * Updates the displayed value in an Auro dropdown component based on optionSelected.
8324
+ * Updates the value and `displayValue` content shown in the trigger to match `optionSelected`.
8324
8325
  * @private
8325
8326
  * @returns {void}
8326
8327
  */
@@ -8405,7 +8406,7 @@ class AuroSelect extends AuroElement$1 {
8405
8406
  }
8406
8407
 
8407
8408
  /**
8408
- * Sets aria-setsize and aria-posinset on each menu option so screen readers
8409
+ * Sets `aria-setsize` and `aria-posinset` on each menu option so screen readers
8409
8410
  * can announce position even when the listbox context is broken by
8410
8411
  * shadow DOM boundaries.
8411
8412
  * @private
@@ -9796,7 +9797,7 @@ class AuroMenu extends AuroElement$1 {
9796
9797
  },
9797
9798
 
9798
9799
  /**
9799
- * Indent level for submenus.
9800
+ * Holds how deeply a nested menu is indented, which sets how many spacers its options get.
9800
9801
  * @private
9801
9802
  */
9802
9803
  level: {
@@ -9968,8 +9969,8 @@ class AuroMenu extends AuroElement$1 {
9968
9969
  }
9969
9970
 
9970
9971
  /**
9971
- * Formatted value based on `multiSelect` state.
9972
- * Default type is `String`, changing to `Array<String>` when `multiSelect` is true.
9972
+ * Gets `value` in the shape the menu works with: the string itself, or, in multi-select mode,
9973
+ * an array of values parsed from the JSON array string.
9973
9974
  * @private
9974
9975
  * @returns {String|Array<String>}
9975
9976
  */
@@ -10779,7 +10780,7 @@ class AuroMenu extends AuroElement$1 {
10779
10780
  }
10780
10781
 
10781
10782
  /**
10782
- * Handles keyboard navigation and selection.
10783
+ * Called when a key is pressed in the menu. The arrow keys move the active option, and Enter and Tab select it.
10783
10784
  * @private
10784
10785
  * @param {KeyboardEvent} event - The keydown event.
10785
10786
  */
@@ -10805,7 +10806,7 @@ class AuroMenu extends AuroElement$1 {
10805
10806
  }
10806
10807
 
10807
10808
  /**
10808
- * Handles option selection via click events from menuoptions.
10809
+ * Called when an option fires `auroMenuOption-click`. Selects the clicked option, unless the menu is disabled or nested in another menu.
10809
10810
  * @private
10810
10811
  * @param {CustomEvent} event - The auroMenuOption-click event.
10811
10812
  */
@@ -10825,7 +10826,7 @@ class AuroMenu extends AuroElement$1 {
10825
10826
  }
10826
10827
 
10827
10828
  /**
10828
- * Handles option hover events.
10829
+ * Called when the pointer moves over an option. Makes it the active option, unless it can't be highlighted.
10829
10830
  * @private
10830
10831
  * @param {CustomEvent} event - The `auroMenuOption-mouseover` event.
10831
10832
  */
@@ -10849,7 +10850,7 @@ class AuroMenu extends AuroElement$1 {
10849
10850
  }
10850
10851
 
10851
10852
  /**
10852
- * Handles slot change events.
10853
+ * Called when the menu's content changes. Sets the menu up again, and re-applies a `value` that was set before the options arrived.
10853
10854
  * @private
10854
10855
  */
10855
10856
  handleSlotChange() {
@@ -10945,7 +10946,7 @@ class AuroMenu extends AuroElement$1 {
10945
10946
  }
10946
10947
 
10947
10948
  /**
10948
- * Handles custom events defined on options.
10949
+ * Fires the event named in the option's `event` attribute, then `auroMenu-customEventFired`, with the option in `detail.option`.
10949
10950
  * @private
10950
10951
  * @param {HTMLElement} option - Option with custom event.
10951
10952
  */
@@ -10965,6 +10966,7 @@ class AuroMenu extends AuroElement$1 {
10965
10966
  }
10966
10967
 
10967
10968
  /**
10969
+ * Checks whether two selections hold the same options, in any order.
10968
10970
  * @private
10969
10971
  * @param {any} current - The current selection.
10970
10972
  * @param {any} next - The new selection to compare.
@@ -11394,7 +11396,7 @@ class AuroMenuOption extends AuroElement$1 {
11394
11396
  }
11395
11397
 
11396
11398
  /**
11397
- * Handles click events on the menu option.
11399
+ * Called when the option is clicked. Fires `auroMenuOption-click`, unless the option or a menu containing it is disabled.
11398
11400
  * @private
11399
11401
  */
11400
11402
  handleClick() {