@charcoal-ui/react 5.3.0 → 5.4.0

package/dist/index.css

@@ -1617,5 +1617,26 @@
   overflow-wrap: break-word;
 }
 
+.charcoal-text-ellipsis {
+  overflow: hidden;
+  line-height: var(--charcoal-text-ellipsis-line-height);
+  overflow-wrap: break-word;
+}
+
+.charcoal-text-ellipsis[data-line-limit='1'] {
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.charcoal-text-ellipsis[data-line-limit]:not([data-line-limit='1']) {
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: var(--charcoal-text-ellipsis-line-limit);
+  max-height: calc(
+    var(--charcoal-text-ellipsis-line-height) *
+      var(--charcoal-text-ellipsis-line-limit)
+  );
+}
+
 
 /*# sourceMappingURL=index.css.map*/

package/dist/index.css.map

@@ -1 +1 @@
-{"version":3,"file":"index.css","names":[],"sources":["../src/components/Button/index.css","../src/components/Clickable/index.css","../src/components/IconButton/index.css","../src/components/Radio/index.css","../src/components/Radio/RadioInput/index.css","../src/components/Radio/RadioGroup/index.css","../src/components/MultiSelect/index.css","../src/components/Switch/index.css","../src/components/Switch/SwitchInput/index.css","../src/components/TextField/index.css","../src/components/FieldLabel/index.css","../src/components/TextField/AssistiveText/index.css","../src/components/TextArea/index.css","../src/components/Modal/Dialog/index.css","../src/components/Modal/index.css","../src/components/Modal/ModalPlumbing.css","../src/components/LoadingSpinner/index.css","../src/components/DropdownSelector/index.css","../src/components/DropdownSelector/Popover/index.css","../src/components/DropdownSelector/MenuList/index.css","../src/components/DropdownSelector/DropdownMenuItem/index.css","../src/components/DropdownSelector/ListItem/index.css","../src/components/DropdownSelector/MenuItemGroup/index.css","../src/components/SegmentedControl/index.css","../src/components/Checkbox/index.css","../src/components/Checkbox/CheckboxInput/index.css","../src/components/TagItem/index.css","../src/components/HintText/index.css"],"sourcesContent":[".charcoal-button {\n  appearance: none;\n  background: transparent;\n  box-sizing: border-box;\n  padding: 0 24px;\n  border-style: none;\n  outline: none;\n  text-rendering: inherit;\n  letter-spacing: inherit;\n  word-spacing: inherit;\n  text-decoration: none;\n  font: inherit;\n  margin: 0;\n  overflow: visible;\n  text-transform: none;\n  width: min-content;\n  display: inline-grid;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  user-select: none;\n  white-space: nowrap;\n  border-radius: 999999px;\n  font-size: 14px;\n  line-height: 22px;\n  font-weight: bold;\n  color: var(--charcoal-text2);\n  background-color: var(--charcoal-surface3);\n  transition:\n    0.2s color,\n    0.2s background-color,\n    0.2s box-shadow;\n  height: 40px;\n}\n\n.charcoal-button:disabled,\n.charcoal-button[aria-disabled]:not([aria-disabled='false']) {\n  cursor: default;\n  opacity: 0.32;\n}\n\n.charcoal-button:not(:disabled):not([aria-disabled]):focus-visible,\n.charcoal-button[aria-disabled='false']:focus-visible {\n  outline: none;\n  box-shadow: 0 0 0 4px rgba(0, 150, 250, 0.32);\n}\n\n.charcoal-button:not(:disabled):not([aria-disabled]):hover,\n.charcoal-button[aria-disabled='false']:hover {\n  color: var(--charcoal-text2-hover);\n  background-color: var(--charcoal-surface3-hover);\n}\n\n.charcoal-button:not(:disabled):not([aria-disabled]):active,\n.charcoal-button[aria-disabled='false']:active,\n.charcoal-button[data-active='true'] {\n  color: var(--charcoal-text2-press);\n  background-color: var(--charcoal-surface3-press);\n}\n\n.charcoal-button[data-variant='Primary'] {\n  color: var(--charcoal-text5);\n  background-color: var(--charcoal-brand);\n}\n\n.charcoal-button[data-variant='Primary']:hover:not(:disabled):not(\n    [aria-disabled]\n  ),\n.charcoal-button[data-variant='Primary']:hover[aria-disabled='false'] {\n  color: var(--charcoal-text5-hover);\n  background-color: var(--charcoal-brand-hover);\n}\n\n.charcoal-button[data-variant='Primary']:active:not(:disabled):not(\n    [aria-disabled]\n  ),\n.charcoal-button[data-variant='Primary']:active[aria-disabled='false'],\n.charcoal-button[data-variant='Primary'][data-active='true'] {\n  color: var(--charcoal-text5-press);\n  background-color: var(--charcoal-brand-press);\n}\n\n.charcoal-button[data-variant='Overlay'] {\n  color: var(--charcoal-text5);\n  background-color: var(--charcoal-surface4);\n}\n\n.charcoal-button[data-variant='Overlay']:hover:not(:disabled):not(\n    [aria-disabled]\n  ),\n.charcoal-button[data-variant='Overlay']:hover[aria-disabled='false'] {\n  color: var(--charcoal-text5-hover);\n  background-color: var(--charcoal-surface4-hover);\n}\n\n.charcoal-button[data-variant='Overlay']:active:not(:disabled):not(\n    [aria-disabled]\n  ),\n.charcoal-button[data-variant='Overlay']:active[aria-disabled='false'],\n.charcoal-button[data-variant='Overlay'][data-active='true'] {\n  color: var(--charcoal-text5-press);\n  background-color: var(--charcoal-surface4-press);\n}\n\n.charcoal-button[data-variant='Navigation'] {\n  color: var(--charcoal-text5);\n  background-color: var(--charcoal-surface6);\n}\n\n.charcoal-button[data-variant='Navigation']:hover:not(:disabled):not(\n    [aria-disabled]\n  ),\n.charcoal-button[data-variant='Navigation']:hover[aria-disabled='false'] {\n  color: var(--charcoal-text5-hover);\n  background-color: var(--charcoal-surface6-hover);\n}\n\n.charcoal-button[data-variant='Navigation']:active:not(:disabled):not(\n    [aria-disabled]\n  ),\n.charcoal-button[data-variant='Navigation']:active[aria-disabled='false'],\n.charcoal-button[data-variant='Navigation'][data-active='true'] {\n  color: var(--charcoal-text5-press);\n  background-color: var(--charcoal-surface6-press);\n}\n\n.charcoal-button[data-variant='Danger'] {\n  color: var(--charcoal-text5);\n  background-color: var(--charcoal-assertive);\n}\n.charcoal-button[data-variant='Danger']:hover:not(:disabled):not(\n    [aria-disabled]\n  ),\n.charcoal-button[data-variant='Danger']:hover[aria-disabled='false'] {\n  color: var(--charcoal-text5-hover);\n  background-color: var(--charcoal-assertive-hover);\n}\n\n.charcoal-button[data-variant='Danger']:active:not(:disabled):not(\n    [aria-disabled]\n  ),\n.charcoal-button[data-variant='Danger']:active[aria-disabled='false'],\n.charcoal-button[data-variant='Danger'][data-active='true'] {\n  color: var(--charcoal-text5-press);\n  background-color: var(--charcoal-assertive-press);\n}\n\n.charcoal-button[data-size='S'] {\n  padding: 0 16px;\n  height: 32px;\n}\n\n.charcoal-button[data-full-width='true'] {\n  width: 100%;\n}\n",".charcoal-clickable {\n  cursor: pointer;\n\n  /* Reset button appearance */\n  appearance: none;\n  background: transparent;\n  padding: 0;\n  border-style: none;\n  outline: none;\n  color: inherit;\n  text-rendering: inherit;\n  letter-spacing: inherit;\n  word-spacing: inherit;\n  text-decoration: none;\n\n  /* Change the font styles in all browsers. */\n  font: inherit;\n\n  /* Remove the margin in Firefox and Safari. */\n  margin: 0;\n\n  /* Show the overflow in Edge. */\n  overflow: visible;\n\n  /* Remove the inheritance of text transform in Firefox. */\n  text-transform: none;\n}\n\n.charcoal-clickable:disabled,\n.charcoal-clickable[aria-disabled]:not([aria-disabled='false']) {\n  cursor: default;\n}\n\n.charcoal-clickable:focus {\n  outline: none;\n}\n\n.charcoal-clickable::-moz-focus-inner {\n  border-style: none;\n  padding: 0;\n}\n",".charcoal-icon-button {\n  cursor: pointer;\n  appearance: none;\n  background: transparent;\n  padding: 0;\n  border-style: none;\n  outline: none;\n  color: inherit;\n  text-rendering: inherit;\n  letter-spacing: inherit;\n  word-spacing: inherit;\n  text-decoration: none;\n  font: inherit;\n  margin: 0;\n  overflow: visible;\n  text-transform: none;\n\n  user-select: none;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 999999px;\n  transition:\n    0.2s background-color,\n    0.2s box-shadow;\n}\n\n.charcoal-icon-button:disabled,\n.charcoal-icon-button[aria-disabled]:not([aria-disabled='false']) {\n  cursor: default;\n  opacity: 0.32;\n}\n.charcoal-icon-button:focus {\n  outline: none;\n}\n.charcoal-icon-button::-moz-focus-inner {\n  border-style: none;\n  padding: 0;\n}\n\n.charcoal-icon-button[data-size='XS'] {\n  width: 20px;\n  height: 20px;\n}\n.charcoal-icon-button[data-size='S'] {\n  width: 32px;\n  height: 32px;\n}\n.charcoal-icon-button[data-size='M'] {\n  width: 40px;\n  height: 40px;\n}\n\n.charcoal-icon-button[data-variant='Default'] {\n  color: var(--charcoal-text3);\n  background-color: var(--charcoal-transparent);\n}\n.charcoal-icon-button[data-variant='Default'][data-active='true']:not(\n    :disabled\n  ):not([aria-disabled]),\n.charcoal-icon-button[data-variant='Default'][data-active='true'][aria-disabled='false'] {\n  color: var(--charcoal-text3-press);\n  background-color: var(--charcoal-transparent-press);\n}\n.charcoal-icon-button[data-variant='Default'][data-active='false']:not(\n    :disabled\n  ):not([aria-disabled]):hover,\n.charcoal-icon-button[data-variant='Default'][data-active='false'][aria-disabled='false']:hover {\n  color: var(--charcoal-text3-hover);\n  background-color: var(--charcoal-transparent-hover);\n}\n.charcoal-icon-button[data-variant='Default'][data-active='false']:not(\n    :disabled\n  ):not([aria-disabled]):active,\n.charcoal-icon-button[data-variant='Default'][data-active='false'][aria-disabled='false']:active {\n  color: var(--charcoal-text3-press);\n  background-color: var(--charcoal-transparent-press);\n}\n\n.charcoal-icon-button[data-variant='Overlay'] {\n  color: var(--charcoal-text5);\n  background-color: var(--charcoal-surface4);\n}\n.charcoal-icon-button[data-variant='Overlay'][data-active='true']:not(\n    :disabled\n  ):not([aria-disabled]),\n.charcoal-icon-button[data-variant='Overlay'][data-active='true'][aria-disabled='false'] {\n  color: var(--charcoal-text5-press);\n  background-color: var(--charcoal-surface4-press);\n}\n.charcoal-icon-button[data-variant='Overlay'][data-active='false']:not(\n    :disabled\n  ):not([aria-disabled]):hover,\n.charcoal-icon-button[data-variant='Overlay'][data-active='false'][aria-disabled='false']:hover {\n  color: var(--charcoal-text5-hover);\n  background-color: var(--charcoal-surface4-hover);\n}\n.charcoal-icon-button[data-variant='Overlay'][data-active='false']:not(\n    :disabled\n  ):not([aria-disabled]):active,\n.charcoal-icon-button[data-variant='Overlay'][data-active='false'][aria-disabled='false']:active {\n  color: var(--charcoal-text5-press);\n  background-color: var(--charcoal-surface4-press);\n}\n\n.charcoal-icon-button:not(:disabled):not([aria-disabled]):focus,\n.charcoal-icon-button[aria-disabled='false']:focus {\n  outline: none;\n  box-shadow: 0 0 0 4px rgba(0, 150, 250, 0.32);\n}\n.charcoal-icon-button:not(:disabled):not([aria-disabled]):focus-visible,\n.charcoal-icon-button[aria-disabled='false']:focus-visible {\n  box-shadow: 0 0 0 4px rgba(0, 150, 250, 0.32);\n}\n.charcoal-icon-button:not(:disabled):not([aria-disabled]):focus:not(\n    :focus-visible\n  ),\n.charcoal-icon-button[aria-disabled='false']:focus:not(:focus-visible) {\n  box-shadow: none;\n}\n",".charcoal-radio__label {\n  display: grid;\n  grid-template-columns: auto 1fr;\n  grid-gap: 4px;\n  align-items: center;\n  cursor: pointer;\n}\n\n.charcoal-radio__label[aria-disabled]:not([aria-disabled='false']) {\n  opacity: 0.32;\n  cursor: default;\n}\n\n.charcoal-radio__label_div {\n  font-size: 14px;\n  line-height: 22px;\n  color: var(--charcoal-text2);\n}\n",".charcoal-radio-input {\n  appearance: none;\n  display: block;\n  box-sizing: border-box;\n\n  margin: 0;\n  padding: 6px;\n\n  width: 20px;\n  height: 20px;\n  cursor: pointer;\n  border-radius: 999999px;\n  background-color: var(--charcoal-surface1);\n  transition:\n    0.2s background-color,\n    0.2s box-shadow;\n}\n\n.charcoal-radio-input:checked {\n  background-color: var(--charcoal-brand);\n}\n\n.charcoal-radio-input:checked::after {\n  content: '';\n  display: block;\n  width: 8px;\n  height: 8px;\n  pointer-events: none;\n  background-color: var(--charcoal-text5);\n  border-radius: 999999px;\n  transition:\n    0.2s background-color,\n    0.2s box-shadow;\n}\n\n.charcoal-radio-input:not(:checked) {\n  border-width: 2px;\n  border-style: solid;\n  border-color: var(--charcoal-text3);\n}\n\n.charcoal-radio-input:disabled {\n  cursor: default;\n}\n\n.charcoal-radio-input:not(:disabled):hover {\n  background-color: var(--charcoal-surface1-hover);\n}\n\n.charcoal-radio-input:not(:disabled):active {\n  background-color: var(--charcoal-surface1-press);\n}\n\n.charcoal-radio-input:not(:disabled):focus {\n  outline: none;\n  box-shadow: 0 0 0 4px rgba(0, 150, 250, 0.32);\n}\n\n.charcoal-radio-input:not(:disabled):focus-visible {\n  box-shadow: 0 0 0 4px rgba(0, 150, 250, 0.32);\n}\n\n.charcoal-radio-input:not(:disabled):focus:not(:focus-visible) {\n  box-shadow: none;\n}\n\n.charcoal-radio-input:not(:disabled)[aria-invalid='true'],\n.charcoal-radio-input:not(:disabled)[aria-invalid='true']:focus {\n  box-shadow: 0 0 0 4px rgba(255, 43, 0, 0.32);\n}\n\n.charcoal-radio-input:checked:not(:disabled):hover {\n  background-color: var(--charcoal-brand-hover);\n}\n\n.charcoal-radio-input:checked:not(:disabled):hover::after {\n  background-color: var(--charcoal-text5-hover);\n}\n\n.charcoal-radio-input:checked:not(:disabled):active {\n  background-color: var(--charcoal-brand-press);\n}\n\n.charcoal-radio-input:checked:not(:disabled):active::after {\n  background-color: var(--charcoal-text5-press);\n}\n",".charcoal-radio-group {\n  display: grid;\n  grid-template-columns: 1fr;\n  grid-gap: 8px;\n}\n",".charcoal-multi-select {\n  display: grid;\n  grid-template-columns: auto 1fr;\n  align-items: center;\n  position: relative;\n  cursor: pointer;\n  gap: 4px;\n}\n\n.charcoal-multi-select:disabled,\n.charcoal-multi-select[aria-disabled]:not([aria-disabled='false']) {\n  opacity: 0.32;\n  cursor: default;\n}\n\n.charcoal-multi-select-label {\n  display: flow-root;\n  align-items: center;\n  font-size: 14px;\n  line-height: 22px;\n  color: var(--charcoal-text2);\n}\n\n.charcoal-multi-select-label::before {\n  display: block;\n  width: 0;\n  height: 0;\n  content: '';\n  margin-top: -4px;\n}\n\n.charcoal-multi-select-label::after {\n  display: block;\n  width: 0;\n  height: 0;\n  content: '';\n  margin-bottom: -4px;\n}\n\n.charcoal-multi-select-input[type='checkbox'] {\n  appearance: none;\n  display: block;\n  width: 20px;\n  height: 20px;\n  margin: 0;\n  background-color: var(--charcoal-text3);\n  border-radius: 999999px;\n  transition:\n    0.2s background-color,\n    0.2s box-shadow;\n}\n\n.charcoal-multi-select-input[type='checkbox']:checked {\n  background-color: var(--charcoal-brand);\n}\n\n.charcoal-multi-select-input[type='checkbox']:focus {\n  outline: none;\n  box-shadow: 0 0 0 4px rgba(0, 150, 250, 0.32);\n}\n\n.charcoal-multi-select-input[type='checkbox']:focus-visible {\n  box-shadow: 0 0 0 4px rgba(0, 150, 250, 0.32);\n}\n\n.charcoal-multi-select-input[type='checkbox']:focus:not(:focus-visible) {\n  box-shadow: none;\n}\n\n.charcoal-multi-select-input[type='checkbox']:hover:not(:disabled):not(\n    [aria-disabled]\n  ),\n.charcoal-multi-select-input[type='checkbox']:hover[aria-disabled='false'] {\n  background-color: var(--charcoal-text3-hover);\n}\n\n.charcoal-multi-select-input[type='checkbox']:active:not(:disabled):not(\n    [aria-disabled]\n  ),\n.charcoal-multi-select-input[type='checkbox']:active[aria-disabled='false'] {\n  background-color: var(--charcoal-text3-press);\n}\n\n.charcoal-multi-select-input[type='checkbox']:checked:hover:not(:disabled):not(\n    [aria-disabled]\n  ),\n.charcoal-multi-select-input[type='checkbox']:checked:hover[aria-disabled='false'] {\n  background-color: var(--charcoal-brand-hover);\n}\n\n.charcoal-multi-select-input[type='checkbox']:checked:active:not(:disabled):not(\n    [aria-disabled]\n  ),\n.charcoal-multi-select-input[type='checkbox']:checked:active[aria-disabled='false'] {\n  background-color: var(--charcoal-brand-press);\n}\n\n.charcoal-multi-select-input[aria-invalid='true'][data-overlay='false']:not(\n    :disabled\n  ):not([aria-disabled]) {\n  box-shadow: 0 0 0 4px rgba(255, 43, 0, 0.32);\n}\n\n.charcoal-multi-select-input[aria-invalid='true'][data-overlay='false'][aria-disabled='false'] {\n  box-shadow: 0 0 0 4px rgba(255, 43, 0, 0.32);\n}\n\n.charcoal-multi-select-input[data-overlay='true'] {\n  background-color: var(--charcoal-surface4);\n}\n\n.charcoal-multi-select-overlay {\n  position: absolute;\n  top: -2px;\n  left: -2px;\n  box-sizing: border-box;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 24px;\n  height: 24px;\n  border-radius: 999999px;\n  color: var(--charcoal-text5);\n  transition: 0.2s box-shadow;\n}\n\n.charcoal-multi-select-overlay[aria-invalid='true'][data-overlay='true']:not(\n    :disabled\n  ):not([aria-disabled]) {\n  box-shadow: 0 0 0 4px rgba(255, 43, 0, 0.32);\n}\n\n.charcoal-multi-select-overlay[aria-invalid='true'][data-overlay='true'][aria-disabled='false'] {\n  box-shadow: 0 0 0 4px rgba(255, 43, 0, 0.32);\n}\n\n.charcoal-multi-select-overlay[data-overlay='true'] {\n  border-color: var(--charcoal-text5);\n  border-width: 2px;\n  border-style: solid;\n}\n",".charcoal-switch__label {\n  display: inline-grid;\n  grid-template-columns: auto 1fr;\n  align-items: center;\n  cursor: pointer;\n  outline: 0;\n  gap: 4px;\n}\n\n.charcoal-switch__label[aria-disabled='true'] {\n  opacity: 0.32;\n  cursor: default;\n}\n\n.charcoal-switch__label[aria-disabled='true'] > input {\n  opacity: 1;\n}\n\n.charcoal-switch__label_div {\n  font-size: 14px;\n  line-height: 22px;\n  color: var(--charcoal-text2);\n}\n",".charcoal-switch-input {\n  cursor: pointer;\n  appearance: none;\n  display: inline-flex;\n  position: relative;\n  box-sizing: border-box;\n  width: 28px;\n  border: 2px solid transparent;\n\n  transition-property: background-color, box-shadow;\n  transition-duration: 0.2s;\n\n  outline: none;\n  border-radius: 16px;\n  height: 16px;\n  margin: 0;\n  background-color: var(--charcoal-text4);\n}\n\n.charcoal-switch-input:disabled,\n.charcoal-switch-input[readonly] {\n  opacity: 0.32;\n  cursor: default;\n}\n\n.charcoal-switch-input::after {\n  content: '';\n  position: absolute;\n  display: block;\n  top: 0;\n  left: 0;\n  width: 12px;\n  height: 12px;\n  transform: translateX(0);\n  transition: transform 0.2s;\n  border-radius: 1024px;\n  background-color: var(--charcoal-text5);\n}\n\n.charcoal-switch-input:checked::after {\n  transform: translateX(12px);\n  transition: transform 0.2s;\n}\n\n.charcoal-switch-input:checked {\n  background-color: var(--charcoal-brand);\n}\n\n.charcoal-switch-input:not(:disabled):hover {\n  background-color: var(--charcoal-text4-hover);\n}\n\n.charcoal-switch-input:not(:disabled):active {\n  background-color: var(--charcoal-text4-press);\n}\n\n.charcoal-switch-input:not(:disabled):focus {\n  outline: none;\n  box-shadow: 0 0 0 4px rgba(0, 150, 250, 0.32);\n}\n.charcoal-switch-input:not(:disabled):focus-visible {\n  box-shadow: 0 0 0 4px rgba(0, 150, 250, 0.32);\n}\n.charcoal-switch-input:not(:disabled):focus:not(:focus-visible) {\n  box-shadow: none;\n}\n\n.charcoal-switch-input:not(:disabled)::after:hover {\n  background-color: var(--charcoal-text5-hover);\n}\n\n.charcoal-switch-input:not(:disabled)::after:active {\n  background-color: var(--charcoal-text5-press);\n}\n\n.charcoal-switch-input:not(:disabled):checked:hover {\n  background-color: var(--charcoal-brand-hover);\n}\n\n.charcoal-switch-input:not(:disabled):checked:active {\n  background-color: var(--charcoal-brand-press);\n}\n",".charcoal-text-field-root {\n  display: grid;\n  grid-template-columns: 1fr;\n  grid-gap: 4px;\n}\n\n.charcoal-text-field-root[aria-disabled='true'] {\n  opacity: 0.32;\n}\n\n.charcoal-text-field-container {\n  display: flex;\n  height: 40px;\n  transition:\n    0.2s background-color,\n    0.2s box-shadow;\n  color: var(--charcoal-text2);\n  background-color: var(--charcoal-surface3);\n  border-radius: 4px;\n  padding: 0 8px;\n  line-height: 22px;\n  font-size: 14px;\n}\n\n.charcoal-text-field-container[data-invalid='true'] {\n  box-shadow: 0 0 0 4px rgba(255, 43, 0, 0.32);\n}\n\n.charcoal-text-field-container:not([aria-disabled='true']):hover {\n  background-color: var(--charcoal-surface3-hover);\n}\n\n.charcoal-text-field-container:not([aria-disabled='true']):focus-within {\n  outline: none;\n  box-shadow: 0 0 0 4px rgba(0, 150, 250, 0.32);\n}\n\n.charcoal-text-field-container:not(\n    [aria-disabled='true']\n  )[data-invalid='true']:focus-within {\n  box-shadow: 0 0 0 4px rgba(255, 43, 0, 0.32);\n}\n\n.charcoal-text-field-prefix {\n  display: flex;\n  align-items: center;\n  margin-right: 4px;\n}\n\n.charcoal-text-field-suffix {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  margin-left: 4px;\n}\n\n.charcoal-text-field-input {\n  border: none;\n  box-sizing: border-box;\n  outline: none;\n  font-family: inherit;\n\n  /* Prevent zooming for iOS Safari */\n  transform-origin: top left;\n  transform: scale(0.875);\n  width: calc(100% / 0.875);\n  height: calc(100% / 0.875);\n  font-size: calc(14px / 0.875);\n  line-height: calc(22px / 0.875);\n  padding-left: 0;\n  padding-right: 0;\n  border-radius: calc(4px / 0.875);\n\n  /* Display box-shadow for iOS Safari */\n  appearance: none;\n  background: transparent;\n\n  color: var(--charcoal-text2);\n}\n\n.charcoal-text-field-input::placeholder {\n  color: var(--charcoal-text3);\n}\n\n.charcoal-text-field-line-counter {\n  line-height: 22px;\n  font-size: 14px;\n  color: var(--charcoal-text3);\n}\n",".charcoal-field-label {\n  font-size: 14px;\n  line-height: 22px;\n  font-weight: bold;\n  display: flow-root;\n  color: var(--charcoal-text1);\n}\n\n.charcoal-field-label-required-text {\n  font-size: 14px;\n  line-height: 22px;\n  display: flow-root;\n  color: var(--charcoal-text2);\n}\n\n.charcoal-field-label-sub-label {\n  font-size: 14px;\n  line-height: 22px;\n  display: flow-root;\n  color: var(--charcoal-text3);\n  transition:\n    0.2s color,\n    0.2s box-shadow;\n}\n\n.charcoal-field-label-root {\n  display: inline-flex;\n  align-items: center;\n}\n\n.charcoal-field-label-root > .charcoal-field-label-required-text {\n  margin-left: 4px;\n}\n\n.charcoal-field-label-root > .charcoal-field-label-sub-label {\n  margin-left: auto;\n}\n",".charcoal-text-field-assistive-text {\n  font-size: 14px;\n  line-height: 22px;\n  margin: 0;\n  color: var(--charcoal-text2);\n}\n\n.charcoal-text-field-assistive-text[data-invalid='true'] {\n  color: var(--charcoal-assertive);\n}\n",".charcoal-text-area-root {\n  display: grid;\n  grid-template-columns: 1fr;\n  grid-gap: 4px;\n}\n\n.charcoal-text-area-root[aria-disabled='true'] {\n  opacity: 0.32;\n}\n\n.charcoal-text-area-container {\n  position: relative;\n  overflow: hidden;\n\n  color: var(--charcoal-text2);\n  background-color: var(--charcoal-surface3);\n  border-radius: 4px;\n  transition:\n    0.2s background-color,\n    0.2s box-shadow;\n  height: calc(22px * var(--charcoal-text-area-rows) + 18px);\n}\n\n.charcoal-text-area-container[aria-invalid='true'] {\n  box-shadow: 0 0 0 4px rgba(255, 43, 0, 0.32);\n}\n\n.charcoal-text-area-container:focus-within {\n  outline: none;\n  box-shadow: 0 0 0 4px rgba(0, 150, 250, 0.32);\n}\n\n.charcoal-text-area-container:not([aria-disabled='true']):hover {\n  background-color: var(--charcoal-surface3-hover);\n}\n\n.charcoal-text-area-container[aria-invalid='true']:focus-within {\n  box-shadow: 0 0 0 4px rgba(255, 43, 0, 0.32);\n}\n\n.charcoal-text-area-textarea {\n  border: none;\n  outline: none;\n  resize: none;\n  font-family: inherit;\n  color: inherit;\n  box-sizing: border-box;\n\n  /* Prevent zooming for iOS Safari */\n  transform-origin: top left;\n  transform: scale(0.875);\n  width: calc(100% / 0.875);\n  font-size: calc(14px / 0.875);\n  line-height: calc(22px / 0.875);\n  padding: calc(9px / 0.875) calc(8px / 0.875);\n  height: calc(22px / 0.875 * var(--charcoal-text-area-rows) + 20px);\n\n  /* Display box-shadow for iOS Safari */\n  appearance: none;\n\n  background: none;\n}\n.charcoal-text-area-textarea[data-no-bottom-padding='true'] {\n  padding: calc(9px / 0.875) calc(8px / 0.875) 0;\n  height: calc(22px / 0.875 * (var(--charcoal-text-area-rows) - 1) + 9px);\n}\n\n.charcoal-text-area-textarea::placeholder {\n  color: var(--charcoal-text3);\n}\n\n.charcoal-text-area-counter {\n  position: absolute;\n  bottom: 9px;\n  right: 8px;\n\n  line-height: 22px;\n  font-size: 14px;\n  color: var(--charcoal-text3);\n}\n",".charcoal-modal-dialog {\n  margin: auto;\n  position: relative;\n  height: fit-content;\n  width: 440px;\n\n  background-color: var(--charcoal-surface1);\n  border-radius: 24px;\n}\n\n.charcoal-modal-dialog[data-size='S'] {\n  width: 336px;\n}\n\n.charcoal-modal-dialog[data-size='M'] {\n  width: 440px;\n}\n\n.charcoal-modal-dialog[data-size='L'] {\n  width: 648px;\n}\n\n@media (max-width: 743px) {\n  .charcoal-modal-dialog {\n    max-width: 440px;\n    width: calc(100% - 48px);\n  }\n\n  .charcoal-modal-dialog[data-bottom-sheet='true'],\n  .charcoal-modal-dialog[data-bottom-sheet='full'] {\n    max-width: unset;\n    width: 100%;\n    border-radius: 0;\n    margin: auto 0 0 0;\n  }\n\n  .charcoal-modal-dialog[data-bottom-sheet='full'] {\n    min-height: 100%;\n  }\n}\n\n.charcoal-modal-dialog:focus {\n  outline: none;\n}\n",".charcoal-modal-background {\n  overflow: auto;\n  display: flex;\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  justify-content: center;\n  padding: 40px 0;\n  box-sizing: border-box;\n\n  background-color: var(--charcoal-surface4);\n}\n\n@media (max-width: 743px) {\n  .charcoal-modal-background[data-bottom-sheet='true'],\n  .charcoal-modal-background[data-bottom-sheet='full'] {\n    padding: 0;\n  }\n}\n\n.charcoal-modal-close-button {\n  position: absolute;\n  top: 8px;\n  right: 8px;\n\n  color: var(--charcoal-text3);\n  transition: 0.2s color;\n}\n\n.charcoal-modal-title {\n  margin: 0;\n  font-weight: inherit;\n  font-size: inherit;\n}\n",".charcoal-modal-header-root {\n  height: 64px;\n  display: grid;\n  align-content: center;\n  justify-content: center;\n}\n\n@media (max-width: 743px) {\n  .charcoal-modal-header-root[data-bottom-sheet='true'],\n  .charcoal-modal-header-root[data-bottom-sheet='full'] {\n    height: 48px;\n  }\n}\n\n.charcoal-modal-header-title {\n  color: var(--charcoal-text1);\n  font-size: 16px;\n  line-height: 24px;\n  font-weight: bold;\n  display: flow-root;\n}\n\n.charcoal-modal-align {\n  padding-left: 16px;\n  padding-right: 16px;\n}\n\n.charcoal-modal-body {\n  padding-bottom: 40px;\n}\n\n.charcoal-modal-buttons {\n  display: grid;\n  grid-auto-flow: row;\n  grid-row-gap: 8px;\n\n  padding-top: 16px;\n  padding-left: 16px;\n  padding-right: 16px;\n}\n",".charcoal-loading-spinner {\n  box-sizing: content-box;\n  margin: auto;\n  padding: var(--charcoal-loading-spinner-padding);\n  border-radius: 8px;\n  font-size: var(--charcoal-loading-spinner-size);\n  width: var(--charcoal-loading-spinner-size);\n  height: var(--charcoal-loading-spinner-size);\n  opacity: 0.84;\n  color: var(--charcoal-text4);\n  background-color: var(--charcoal-background1);\n}\n.charcoal-loading-spinner[data-transparent='true'] {\n  background-color: var(--charcoal-transparent);\n}\n\n@keyframes charcoal-loading-spinner-icon-scale-out {\n  from {\n    transform: scale(0);\n    opacity: 1;\n  }\n  to {\n    transform: scale(1);\n    opacity: 0;\n  }\n}\n\n.charcoal-loading-spinner-icon {\n  width: 1em;\n  height: 1em;\n  border-radius: 1em;\n  background-color: currentColor;\n  animation: charcoal-loading-spinner-icon-scale-out 1s both ease-out;\n  animation-iteration-count: infinite;\n}\n\n.charcoal-loading-spinner-icon[data-reset-animation] {\n  animation: none;\n}\n.charcoal-loading-spinner-icon[data-once='true'] {\n  animation-iteration-count: 1;\n}\n",".charcoal-dropdown-selector-root {\n  display: grid;\n  grid-template-columns: 1fr;\n  grid-gap: 4px;\n  width: 100%;\n}\n\n.charcoal-dropdown-selector-root[aria-disabled='true'] {\n  cursor: default;\n  opacity: 0.32;\n}\n\n.charcoal-dropdown-selector-button {\n  display: grid;\n  grid-template-columns: 1fr auto;\n  justify-content: space-between;\n  align-items: center;\n\n  height: 40px;\n  width: 100%;\n  box-sizing: border-box;\n  border: none;\n  cursor: pointer;\n  gap: 4px;\n\n  padding-right: 8px;\n  padding-left: 8px;\n  background-color: var(--charcoal-surface3);\n  border-radius: 4px;\n\n  transition:\n    0.2s box-shadow,\n    0.2s background-color;\n}\n\n.charcoal-dropdown-selector-button:disabled {\n  cursor: default;\n}\n\n.charcoal-dropdown-selector-button:not(:disabled):focus {\n  outline: none;\n  box-shadow: 0 0 0 4px rgba(0, 150, 250, 0.32);\n}\n\n.charcoal-dropdown-selector-button:not(:disabled):focus-visible {\n  box-shadow: 0 0 0 4px rgba(0, 150, 250, 0.32);\n}\n\n.charcoal-dropdown-selector-button:not(:disabled)[data-active='true'],\n.charcoal-dropdown-selector-button:not(:disabled):active {\n  background-color: var(--charcoal-surface3-press);\n}\n\n.charcoal-dropdown-selector-button:not(:disabled):hover {\n  background-color: var(--charcoal-surface3-hover);\n}\n\n.charcoal-dropdown-selector-button:not(:disabled):focus:not(:focus-visible) {\n  box-shadow: none;\n}\n\n.charcoal-dropdown-selector-button[aria-invalid='true'],\n.charcoal-dropdown-selector-button:not(\n    :disabled\n  )[aria-invalid='true']:focus:not(:focus-visible) {\n  box-shadow: 0 0 0 4px rgba(255, 43, 0, 0.32);\n}\n\n.charcoal-ui-dropdown-selector-text {\n  text-align: left;\n  font-size: 14px;\n  line-height: 22px;\n  display: flow-root;\n  color: var(--charcoal-text2);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.charcoal-ui-dropdown-selector-text[data-placeholder='true'] {\n  color: var(--charcoal-text3);\n}\n\n.charcoal-ui-dropdown-selector-icon {\n  color: var(--charcoal-text2);\n}\n",".charcoal-popover {\n  margin: 4px 0;\n  list-style: none;\n  overflow: auto;\n  max-height: inherit;\n  background-color: var(--charcoal-background1);\n  border: solid 1px var(--charcoal-border-default);\n  border-radius: 8px;\n  padding-top: 8px;\n  padding-bottom: 8px;\n}\n",".charcoal-menu-list {\n  padding: 0;\n  margin: 0;\n}\n",".charcoal-dropdown-selector-menu-item {\n  font-size: 14px;\n  line-height: 22px;\n  color: var(--charcoal-text2);\n  padding: 9px 0;\n\n  display: flex;\n  align-items: center;\n  width: 100%;\n  margin-left: 20px;\n}\n\n.charcoal-dropdown-selector-menu-item[data-selected='true'] {\n  margin-left: 0px;\n}\n\n.charcoal-dropdown-selector-menu-item-icon {\n  color: var(--charcoal-text2);\n  padding-right: 4px;\n}\n",".charcoal-list-item {\n  list-style: none;\n  display: flex;\n  align-items: center;\n  min-height: 40px;\n  cursor: pointer;\n  outline: none;\n\n  padding-right: 16px;\n  padding-left: 16px;\n\n  transition: background-color 0.2s;\n}\n\n.charcoal-list-item:not([aria-disabled='true']):hover,\n.charcoal-list-item:not([aria-disabled='true']):focus,\n.charcoal-list-item:not([aria-disabled='true']):focus-within {\n  background-color: var(--charcoal-surface3);\n}\n\n.charcoal-list-item[aria-disabled='true'] {\n  opacity: 0.32;\n  cursor: default;\n}\n",".charcoal-menu-item-group {\n  display: block;\n}\n\n.charcoal-menu-item-group > span {\n  display: block;\n  color: var(--charcoal-text3);\n  font-size: 12px;\n  font-weight: bold;\n  padding: 12px 0 8px 16px;\n}\n\n.charcoal-menu-item-group > ul {\n  padding-left: 0;\n  margin: 0;\n  box-sizing: border-box;\n  list-style: none;\n  overflow: hidden;\n}\n",".charcoal-segmented-control {\n  display: inline-flex;\n  align-items: center;\n\n  background-color: var(--charcoal-surface3);\n  border-radius: 16px;\n}\n\n.charcoal-segmented-control[data-uniform-segment-width='true'],\n.charcoal-segmented-control[data-full-width='true'] {\n  display: inline-grid;\n  grid-auto-columns: minmax(80px, 1fr);\n  grid-auto-rows: 32px;\n  grid-auto-flow: column;\n}\n\n.charcoal-segmented-control[data-full-width='true'] {\n  width: 100%;\n}\n\n.charcoal-segmented-control-radio__label {\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  height: 32px;\n\n  padding-right: 16px;\n  padding-left: 16px;\n  border-radius: 16px;\n  color: var(--charcoal-text2);\n\n  font-size: 14px;\n  line-height: 22px;\n}\n\n.charcoal-segmented-control-radio__label[aria-disabled]:not(\n    [aria-disabled='false']\n  ) {\n  cursor: default;\n  opacity: 0.32;\n}\n\n.charcoal-segmented-control-radio__label[data-checked='true'] {\n  background-color: var(--charcoal-brand);\n  color: var(--charcoal-text5);\n}\n\n.charcoal-segmented-control-radio__label[data-uniform-segment-width='true'],\n.charcoal-segmented-control-radio__label[data-full-width='true'] {\n  justify-content: center;\n  white-space: nowrap;\n}\n\n.charcoal-segmented-control-radio__input {\n  position: absolute;\n\n  height: 0px;\n  width: 0px;\n  padding: 0;\n  margin: 0;\n\n  appearance: none;\n  box-sizing: border-box;\n  overflow: hidden;\n  white-space: nowrap;\n  opacity: 0;\n}\n",".charcoal-checkbox__label {\n  position: relative;\n  cursor: pointer;\n  display: flex;\n  gap: 4px;\n}\n\n.charcoal-checkbox__label[aria-disabled='true'] {\n  cursor: default;\n  opacity: 0.32;\n}\n\n.charcoal-checkbox__label[aria-disabled='true'] > input {\n  opacity: 1;\n}\n\n.charcoal-checkbox__label_div {\n  flex: 1;\n  color: var(--charcoal-text2);\n  font-size: 14px;\n  line-height: 20px;\n}\n",".charcoal-checkbox-input {\n  appearance: none;\n  display: flex;\n  cursor: pointer;\n  margin: 0;\n  width: 20px;\n  height: 20px;\n  border-radius: 4px;\n  transition:\n    0.2s box-shadow,\n    0.2s background-color;\n  position: relative;\n  box-sizing: border-box;\n}\n\n.charcoal-checkbox-input:disabled,\n.charcoal-checkbox-input[readonly] {\n  opacity: 0.32;\n  cursor: default;\n}\n\n.charcoal-checkbox-input:checked {\n  background-color: var(--charcoal-brand);\n}\n\n.charcoal-checkbox-input:checked::after {\n  content: '';\n  background-color: white;\n  display: flex;\n  margin: auto;\n  width: 16px;\n  height: 16px;\n  clip-path: path(\n    'M10.6 5a1.3 1.3 0 0 1 1.8 1.9l-5.7 5.6-3-2.9a1.3 1.3 0 1 1 2-1.9l1 1z'\n  );\n}\n\n.charcoal-checkbox-input:not(:checked) {\n  border-width: 2px;\n  border-style: solid;\n  border-color: var(--charcoal-text4);\n}\n\n.charcoal-checkbox-input:not(:disabled):focus {\n  outline: none;\n  box-shadow: 0 0 0 4px rgba(0, 150, 250, 0.32);\n}\n.charcoal-checkbox-input:not(:disabled):focus-visible {\n  box-shadow: 0 0 0 4px rgba(0, 150, 250, 0.32);\n}\n.charcoal-checkbox-input:not(:disabled):focus:not(:focus-visible) {\n  box-shadow: none;\n}\n\n.charcoal-checkbox-input:checked:not(:disabled):hover {\n  background-color: var(--charcoal-brand-hover);\n}\n.charcoal-checkbox-input:checked:not(:disabled):active {\n  background-color: var(--charcoal-brand-press);\n}\n\n.charcoal-checkbox-input[aria-invalid='true'],\n.charcoal-checkbox-input[aria-invalid='true']:not(:disabled):focus {\n  box-shadow: 0 0 0 4px rgba(255, 43, 0, 0.32);\n}\n\n.charcoal-checkbox-input[data-rounded='true'] {\n  border-radius: 10px;\n  background-color: var(--charcoal-surface3);\n  border: 2px solid transparent;\n}\n\n.charcoal-checkbox-input[data-rounded='true']:checked {\n  background-color: var(--charcoal-brand);\n}\n\n.charcoal-checkbox-input[data-rounded='true']:not(:disabled):hover {\n  background-color: var(--charcoal-surface3-hover);\n}\n.charcoal-checkbox-input[data-rounded='true']:not(:disabled):active {\n  background-color: var(--charcoal-surface3-press);\n}\n\n.charcoal-checkbox-input[data-rounded='true']:not(:disabled):focus-visible {\n  box-shadow: 0 0 0 6px rgba(0, 150, 250, 0.32);\n}\n\n.charcoal-checkbox-input[data-rounded='true']:checked:not(:disabled):hover {\n  background-color: var(--charcoal-brand-hover);\n}\n.charcoal-checkbox-input[data-rounded='true']:checked:not(:disabled):active {\n  background-color: var(--charcoal-brand-press);\n}\n\n.charcoal-checkbox-input[data-rounded='true'][aria-invalid='true'],\n.charcoal-checkbox-input[data-rounded='true'][aria-invalid='true']:not(\n    :disabled\n  ):focus {\n  box-shadow: 0 0 0 6px rgba(255, 43, 0, 0.32);\n}\n\n.charcoal-checkbox-input[data-rounded='true']::before {\n  content: '';\n  width: 24px;\n  height: 24px;\n  position: absolute;\n  top: -4px;\n  left: -4px;\n  border-radius: 12px;\n  border: 2px solid #fff;\n  box-sizing: border-box;\n}\n",".charcoal-tag-item {\n  --charcoal-tag-item-color: var(--charcoal-text5);\n  --charcoal-tag-item-size: 40px;\n  --charcoal-tag-item-padding-left: 24px;\n  --charcoal-tag-item-padding-right: 24px;\n\n  isolation: isolate;\n  position: relative;\n\n  appearance: none;\n  outline: none;\n  border-style: none;\n\n  display: inline-flex;\n  gap: 8px;\n  align-items: center;\n  justify-content: center;\n\n  text-decoration: none;\n  cursor: pointer;\n  overflow: hidden;\n\n  color: var(--charcoal-tag-item-color);\n  height: var(--charcoal-tag-item-size);\n  padding-top: 4px;\n  padding-bottom: 4px;\n  padding-left: var(--charcoal-tag-item-padding-left);\n  padding-right: var(--charcoal-tag-item-padding-right);\n  box-sizing: border-box;\n  border-radius: 4px;\n\n  transition: 0.2s box-shadow;\n}\n\n.charcoal-tag-item[data-size='M'] {\n  --charcoal-tag-item-size: 40px;\n  --charcoal-tag-item-padding-left: 24px;\n  --charcoal-tag-item-padding-right: 24px;\n}\n.charcoal-tag-item[data-size='S'] {\n  --charcoal-tag-item-size: 32px;\n  --charcoal-tag-item-padding-left: 16px;\n  --charcoal-tag-item-padding-right: 16px;\n}\n.charcoal-tag-item[data-state='inactive'] {\n  --charcoal-tag-item-color: var(--charcoal-text2);\n}\n.charcoal-tag-item[data-state='active'] {\n  --charcoal-tag-item-padding-left: 16px;\n  --charcoal-tag-item-padding-right: 8px;\n}\n\n.charcoal-tag-item:disabled,\n.charcoal-tag-item[aria-disabled]:not([aria-disabled='false']) {\n  opacity: 0.32;\n  cursor: default;\n}\n.charcoal-tag-item:not(:disabled):not([aria-disabled]):focus-visible,\n.charcoal-tag-item[aria-disabled='false']:focus-visible {\n  outline: none;\n  box-shadow: 0 0 0 4px rgba(0, 150, 250, 0.32);\n}\n.charcoal-tag-item:not(:disabled):not([aria-disabled]):focus,\n.charcoal-tag-item[aria-disabled='false']:focus {\n  outline: none;\n  box-shadow: 0 0 0 4px rgba(0, 150, 250, 0.32);\n}\n.charcoal-tag-item:not(:disabled):not([aria-disabled]):focus:not(\n    :focus-visible\n  ),\n.charcoal-tag-item[aria-disabled='false']:focus:not(:focus-visible) {\n  box-shadow: none;\n}\n\n.charcoal-tag-item__bg {\n  background-color: var(--charcoal-tag-item-bg);\n}\n\n.charcoal-tag-item__bg[data-bg-variant='image'] {\n  background-color: var(--charcoal-surface4);\n}\n\n.charcoal-tag-item__bg[data-bg-variant='image']::before {\n  content: '';\n  position: absolute;\n  z-index: 1;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background-position: center;\n  background-size: cover;\n  background-image: var(--charcoal-tag-item-bg);\n  mix-blend-mode: overlay;\n}\n\n.charcoal-tag-item__bg[data-state='inactive'] {\n  background-color: var(--charcoal-surface3);\n}\n\n.charcoal-tag-item__label {\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n.charcoal-tag-item__label[data-has-translate='true'] {\n  justify-content: space-between;\n}\n\n.charcoal-tag-item__label__translated {\n  --charcoal-tag-item-text-font-size: 12px;\n  --charcoal-tag-item-text-line-height: 20px;\n  font-weight: bold;\n}\n.charcoal-tag-item__label__translated::before {\n  display: none;\n}\n\n.charcoal-tag-item__label__text {\n  --charcoal-tag-item-text-font-size: 14px;\n  --charcoal-tag-item-text-line-height: 22px;\n\n  max-width: 152px;\n  overflow: hidden;\n  font-weight: bold;\n\n  color: inherit;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n}\n.charcoal-tag-item__label__text[data-has-translate='true'] {\n  --charcoal-tag-item-text-font-size: 10px;\n  --charcoal-tag-item-text-line-height: 14px;\n  font-weight: normal;\n}\n.charcoal-tag-item__labe__text[data-has-translate='true']::after {\n  display: none;\n}\n",".charcoal-hint-text {\n  background-color: var(--charcoal-surface3);\n  border-radius: 8px;\n  padding: 12px 16px;\n  display: flex;\n  align-items: flex-start;\n}\n\n.charcoal-hint-text[data-context='page'] {\n  justify-content: center;\n}\n\n@media (min-width: 744px) {\n  .charcoal-hint-text[data-context='page'] {\n    padding: 20px 40px;\n  }\n}\n\n.charcoal-hint-text-icon {\n  display: flex;\n  align-items: center;\n  color: var(--charcoal-text3);\n  height: 22px;\n  margin: 0 4px 0 0;\n}\n\n.charcoal-hint-text-message {\n  color: var(--charcoal-text2);\n  font-size: 14px;\n  line-height: 22px;\n  display: flow-root;\n  margin: 0;\n  min-width: 0;\n  overflow-wrap: break-word;\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AC1JA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;ACxCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;ACvHA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;ACjBA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;ACrFA;AACA;AACA;AACA;AACA;;ACJA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AC5IA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;ACtBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;ACjFA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;ACxFA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;ACpCA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;ACTA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AC/EA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AC3CA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;ACnCA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;ACvCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;ACzCA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;ACrFA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;ACVA;AACA;AACA;AACA;;ACHA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;ACnBA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;ACvBA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AClBA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;ACpEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;ACrBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AC/GA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AC3IA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA"}
+{"version":3,"file":"index.css","names":[],"sources":["../src/components/Button/index.css","../src/components/Clickable/index.css","../src/components/IconButton/index.css","../src/components/Radio/index.css","../src/components/Radio/RadioInput/index.css","../src/components/Radio/RadioGroup/index.css","../src/components/MultiSelect/index.css","../src/components/Switch/index.css","../src/components/Switch/SwitchInput/index.css","../src/components/TextField/index.css","../src/components/FieldLabel/index.css","../src/components/TextField/AssistiveText/index.css","../src/components/TextArea/index.css","../src/components/Modal/Dialog/index.css","../src/components/Modal/index.css","../src/components/Modal/ModalPlumbing.css","../src/components/LoadingSpinner/index.css","../src/components/DropdownSelector/index.css","../src/components/DropdownSelector/Popover/index.css","../src/components/DropdownSelector/MenuList/index.css","../src/components/DropdownSelector/DropdownMenuItem/index.css","../src/components/DropdownSelector/ListItem/index.css","../src/components/DropdownSelector/MenuItemGroup/index.css","../src/components/SegmentedControl/index.css","../src/components/Checkbox/index.css","../src/components/Checkbox/CheckboxInput/index.css","../src/components/TagItem/index.css","../src/components/HintText/index.css","../src/components/TextEllipsis/index.css"],"sourcesContent":[".charcoal-button {\n  appearance: none;\n  background: transparent;\n  box-sizing: border-box;\n  padding: 0 24px;\n  border-style: none;\n  outline: none;\n  text-rendering: inherit;\n  letter-spacing: inherit;\n  word-spacing: inherit;\n  text-decoration: none;\n  font: inherit;\n  margin: 0;\n  overflow: visible;\n  text-transform: none;\n  width: min-content;\n  display: inline-grid;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  user-select: none;\n  white-space: nowrap;\n  border-radius: 999999px;\n  font-size: 14px;\n  line-height: 22px;\n  font-weight: bold;\n  color: var(--charcoal-text2);\n  background-color: var(--charcoal-surface3);\n  transition:\n    0.2s color,\n    0.2s background-color,\n    0.2s box-shadow;\n  height: 40px;\n}\n\n.charcoal-button:disabled,\n.charcoal-button[aria-disabled]:not([aria-disabled='false']) {\n  cursor: default;\n  opacity: 0.32;\n}\n\n.charcoal-button:not(:disabled):not([aria-disabled]):focus-visible,\n.charcoal-button[aria-disabled='false']:focus-visible {\n  outline: none;\n  box-shadow: 0 0 0 4px rgba(0, 150, 250, 0.32);\n}\n\n.charcoal-button:not(:disabled):not([aria-disabled]):hover,\n.charcoal-button[aria-disabled='false']:hover {\n  color: var(--charcoal-text2-hover);\n  background-color: var(--charcoal-surface3-hover);\n}\n\n.charcoal-button:not(:disabled):not([aria-disabled]):active,\n.charcoal-button[aria-disabled='false']:active,\n.charcoal-button[data-active='true'] {\n  color: var(--charcoal-text2-press);\n  background-color: var(--charcoal-surface3-press);\n}\n\n.charcoal-button[data-variant='Primary'] {\n  color: var(--charcoal-text5);\n  background-color: var(--charcoal-brand);\n}\n\n.charcoal-button[data-variant='Primary']:hover:not(:disabled):not(\n    [aria-disabled]\n  ),\n.charcoal-button[data-variant='Primary']:hover[aria-disabled='false'] {\n  color: var(--charcoal-text5-hover);\n  background-color: var(--charcoal-brand-hover);\n}\n\n.charcoal-button[data-variant='Primary']:active:not(:disabled):not(\n    [aria-disabled]\n  ),\n.charcoal-button[data-variant='Primary']:active[aria-disabled='false'],\n.charcoal-button[data-variant='Primary'][data-active='true'] {\n  color: var(--charcoal-text5-press);\n  background-color: var(--charcoal-brand-press);\n}\n\n.charcoal-button[data-variant='Overlay'] {\n  color: var(--charcoal-text5);\n  background-color: var(--charcoal-surface4);\n}\n\n.charcoal-button[data-variant='Overlay']:hover:not(:disabled):not(\n    [aria-disabled]\n  ),\n.charcoal-button[data-variant='Overlay']:hover[aria-disabled='false'] {\n  color: var(--charcoal-text5-hover);\n  background-color: var(--charcoal-surface4-hover);\n}\n\n.charcoal-button[data-variant='Overlay']:active:not(:disabled):not(\n    [aria-disabled]\n  ),\n.charcoal-button[data-variant='Overlay']:active[aria-disabled='false'],\n.charcoal-button[data-variant='Overlay'][data-active='true'] {\n  color: var(--charcoal-text5-press);\n  background-color: var(--charcoal-surface4-press);\n}\n\n.charcoal-button[data-variant='Navigation'] {\n  color: var(--charcoal-text5);\n  background-color: var(--charcoal-surface6);\n}\n\n.charcoal-button[data-variant='Navigation']:hover:not(:disabled):not(\n    [aria-disabled]\n  ),\n.charcoal-button[data-variant='Navigation']:hover[aria-disabled='false'] {\n  color: var(--charcoal-text5-hover);\n  background-color: var(--charcoal-surface6-hover);\n}\n\n.charcoal-button[data-variant='Navigation']:active:not(:disabled):not(\n    [aria-disabled]\n  ),\n.charcoal-button[data-variant='Navigation']:active[aria-disabled='false'],\n.charcoal-button[data-variant='Navigation'][data-active='true'] {\n  color: var(--charcoal-text5-press);\n  background-color: var(--charcoal-surface6-press);\n}\n\n.charcoal-button[data-variant='Danger'] {\n  color: var(--charcoal-text5);\n  background-color: var(--charcoal-assertive);\n}\n.charcoal-button[data-variant='Danger']:hover:not(:disabled):not(\n    [aria-disabled]\n  ),\n.charcoal-button[data-variant='Danger']:hover[aria-disabled='false'] {\n  color: var(--charcoal-text5-hover);\n  background-color: var(--charcoal-assertive-hover);\n}\n\n.charcoal-button[data-variant='Danger']:active:not(:disabled):not(\n    [aria-disabled]\n  ),\n.charcoal-button[data-variant='Danger']:active[aria-disabled='false'],\n.charcoal-button[data-variant='Danger'][data-active='true'] {\n  color: var(--charcoal-text5-press);\n  background-color: var(--charcoal-assertive-press);\n}\n\n.charcoal-button[data-size='S'] {\n  padding: 0 16px;\n  height: 32px;\n}\n\n.charcoal-button[data-full-width='true'] {\n  width: 100%;\n}\n",".charcoal-clickable {\n  cursor: pointer;\n\n  /* Reset button appearance */\n  appearance: none;\n  background: transparent;\n  padding: 0;\n  border-style: none;\n  outline: none;\n  color: inherit;\n  text-rendering: inherit;\n  letter-spacing: inherit;\n  word-spacing: inherit;\n  text-decoration: none;\n\n  /* Change the font styles in all browsers. */\n  font: inherit;\n\n  /* Remove the margin in Firefox and Safari. */\n  margin: 0;\n\n  /* Show the overflow in Edge. */\n  overflow: visible;\n\n  /* Remove the inheritance of text transform in Firefox. */\n  text-transform: none;\n}\n\n.charcoal-clickable:disabled,\n.charcoal-clickable[aria-disabled]:not([aria-disabled='false']) {\n  cursor: default;\n}\n\n.charcoal-clickable:focus {\n  outline: none;\n}\n\n.charcoal-clickable::-moz-focus-inner {\n  border-style: none;\n  padding: 0;\n}\n",".charcoal-icon-button {\n  cursor: pointer;\n  appearance: none;\n  background: transparent;\n  padding: 0;\n  border-style: none;\n  outline: none;\n  color: inherit;\n  text-rendering: inherit;\n  letter-spacing: inherit;\n  word-spacing: inherit;\n  text-decoration: none;\n  font: inherit;\n  margin: 0;\n  overflow: visible;\n  text-transform: none;\n\n  user-select: none;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 999999px;\n  transition:\n    0.2s background-color,\n    0.2s box-shadow;\n}\n\n.charcoal-icon-button:disabled,\n.charcoal-icon-button[aria-disabled]:not([aria-disabled='false']) {\n  cursor: default;\n  opacity: 0.32;\n}\n.charcoal-icon-button:focus {\n  outline: none;\n}\n.charcoal-icon-button::-moz-focus-inner {\n  border-style: none;\n  padding: 0;\n}\n\n.charcoal-icon-button[data-size='XS'] {\n  width: 20px;\n  height: 20px;\n}\n.charcoal-icon-button[data-size='S'] {\n  width: 32px;\n  height: 32px;\n}\n.charcoal-icon-button[data-size='M'] {\n  width: 40px;\n  height: 40px;\n}\n\n.charcoal-icon-button[data-variant='Default'] {\n  color: var(--charcoal-text3);\n  background-color: var(--charcoal-transparent);\n}\n.charcoal-icon-button[data-variant='Default'][data-active='true']:not(\n    :disabled\n  ):not([aria-disabled]),\n.charcoal-icon-button[data-variant='Default'][data-active='true'][aria-disabled='false'] {\n  color: var(--charcoal-text3-press);\n  background-color: var(--charcoal-transparent-press);\n}\n.charcoal-icon-button[data-variant='Default'][data-active='false']:not(\n    :disabled\n  ):not([aria-disabled]):hover,\n.charcoal-icon-button[data-variant='Default'][data-active='false'][aria-disabled='false']:hover {\n  color: var(--charcoal-text3-hover);\n  background-color: var(--charcoal-transparent-hover);\n}\n.charcoal-icon-button[data-variant='Default'][data-active='false']:not(\n    :disabled\n  ):not([aria-disabled]):active,\n.charcoal-icon-button[data-variant='Default'][data-active='false'][aria-disabled='false']:active {\n  color: var(--charcoal-text3-press);\n  background-color: var(--charcoal-transparent-press);\n}\n\n.charcoal-icon-button[data-variant='Overlay'] {\n  color: var(--charcoal-text5);\n  background-color: var(--charcoal-surface4);\n}\n.charcoal-icon-button[data-variant='Overlay'][data-active='true']:not(\n    :disabled\n  ):not([aria-disabled]),\n.charcoal-icon-button[data-variant='Overlay'][data-active='true'][aria-disabled='false'] {\n  color: var(--charcoal-text5-press);\n  background-color: var(--charcoal-surface4-press);\n}\n.charcoal-icon-button[data-variant='Overlay'][data-active='false']:not(\n    :disabled\n  ):not([aria-disabled]):hover,\n.charcoal-icon-button[data-variant='Overlay'][data-active='false'][aria-disabled='false']:hover {\n  color: var(--charcoal-text5-hover);\n  background-color: var(--charcoal-surface4-hover);\n}\n.charcoal-icon-button[data-variant='Overlay'][data-active='false']:not(\n    :disabled\n  ):not([aria-disabled]):active,\n.charcoal-icon-button[data-variant='Overlay'][data-active='false'][aria-disabled='false']:active {\n  color: var(--charcoal-text5-press);\n  background-color: var(--charcoal-surface4-press);\n}\n\n.charcoal-icon-button:not(:disabled):not([aria-disabled]):focus,\n.charcoal-icon-button[aria-disabled='false']:focus {\n  outline: none;\n  box-shadow: 0 0 0 4px rgba(0, 150, 250, 0.32);\n}\n.charcoal-icon-button:not(:disabled):not([aria-disabled]):focus-visible,\n.charcoal-icon-button[aria-disabled='false']:focus-visible {\n  box-shadow: 0 0 0 4px rgba(0, 150, 250, 0.32);\n}\n.charcoal-icon-button:not(:disabled):not([aria-disabled]):focus:not(\n    :focus-visible\n  ),\n.charcoal-icon-button[aria-disabled='false']:focus:not(:focus-visible) {\n  box-shadow: none;\n}\n",".charcoal-radio__label {\n  display: grid;\n  grid-template-columns: auto 1fr;\n  grid-gap: 4px;\n  align-items: center;\n  cursor: pointer;\n}\n\n.charcoal-radio__label[aria-disabled]:not([aria-disabled='false']) {\n  opacity: 0.32;\n  cursor: default;\n}\n\n.charcoal-radio__label_div {\n  font-size: 14px;\n  line-height: 22px;\n  color: var(--charcoal-text2);\n}\n",".charcoal-radio-input {\n  appearance: none;\n  display: block;\n  box-sizing: border-box;\n\n  margin: 0;\n  padding: 6px;\n\n  width: 20px;\n  height: 20px;\n  cursor: pointer;\n  border-radius: 999999px;\n  background-color: var(--charcoal-surface1);\n  transition:\n    0.2s background-color,\n    0.2s box-shadow;\n}\n\n.charcoal-radio-input:checked {\n  background-color: var(--charcoal-brand);\n}\n\n.charcoal-radio-input:checked::after {\n  content: '';\n  display: block;\n  width: 8px;\n  height: 8px;\n  pointer-events: none;\n  background-color: var(--charcoal-text5);\n  border-radius: 999999px;\n  transition:\n    0.2s background-color,\n    0.2s box-shadow;\n}\n\n.charcoal-radio-input:not(:checked) {\n  border-width: 2px;\n  border-style: solid;\n  border-color: var(--charcoal-text3);\n}\n\n.charcoal-radio-input:disabled {\n  cursor: default;\n}\n\n.charcoal-radio-input:not(:disabled):hover {\n  background-color: var(--charcoal-surface1-hover);\n}\n\n.charcoal-radio-input:not(:disabled):active {\n  background-color: var(--charcoal-surface1-press);\n}\n\n.charcoal-radio-input:not(:disabled):focus {\n  outline: none;\n  box-shadow: 0 0 0 4px rgba(0, 150, 250, 0.32);\n}\n\n.charcoal-radio-input:not(:disabled):focus-visible {\n  box-shadow: 0 0 0 4px rgba(0, 150, 250, 0.32);\n}\n\n.charcoal-radio-input:not(:disabled):focus:not(:focus-visible) {\n  box-shadow: none;\n}\n\n.charcoal-radio-input:not(:disabled)[aria-invalid='true'],\n.charcoal-radio-input:not(:disabled)[aria-invalid='true']:focus {\n  box-shadow: 0 0 0 4px rgba(255, 43, 0, 0.32);\n}\n\n.charcoal-radio-input:checked:not(:disabled):hover {\n  background-color: var(--charcoal-brand-hover);\n}\n\n.charcoal-radio-input:checked:not(:disabled):hover::after {\n  background-color: var(--charcoal-text5-hover);\n}\n\n.charcoal-radio-input:checked:not(:disabled):active {\n  background-color: var(--charcoal-brand-press);\n}\n\n.charcoal-radio-input:checked:not(:disabled):active::after {\n  background-color: var(--charcoal-text5-press);\n}\n",".charcoal-radio-group {\n  display: grid;\n  grid-template-columns: 1fr;\n  grid-gap: 8px;\n}\n",".charcoal-multi-select {\n  display: grid;\n  grid-template-columns: auto 1fr;\n  align-items: center;\n  position: relative;\n  cursor: pointer;\n  gap: 4px;\n}\n\n.charcoal-multi-select:disabled,\n.charcoal-multi-select[aria-disabled]:not([aria-disabled='false']) {\n  opacity: 0.32;\n  cursor: default;\n}\n\n.charcoal-multi-select-label {\n  display: flow-root;\n  align-items: center;\n  font-size: 14px;\n  line-height: 22px;\n  color: var(--charcoal-text2);\n}\n\n.charcoal-multi-select-label::before {\n  display: block;\n  width: 0;\n  height: 0;\n  content: '';\n  margin-top: -4px;\n}\n\n.charcoal-multi-select-label::after {\n  display: block;\n  width: 0;\n  height: 0;\n  content: '';\n  margin-bottom: -4px;\n}\n\n.charcoal-multi-select-input[type='checkbox'] {\n  appearance: none;\n  display: block;\n  width: 20px;\n  height: 20px;\n  margin: 0;\n  background-color: var(--charcoal-text3);\n  border-radius: 999999px;\n  transition:\n    0.2s background-color,\n    0.2s box-shadow;\n}\n\n.charcoal-multi-select-input[type='checkbox']:checked {\n  background-color: var(--charcoal-brand);\n}\n\n.charcoal-multi-select-input[type='checkbox']:focus {\n  outline: none;\n  box-shadow: 0 0 0 4px rgba(0, 150, 250, 0.32);\n}\n\n.charcoal-multi-select-input[type='checkbox']:focus-visible {\n  box-shadow: 0 0 0 4px rgba(0, 150, 250, 0.32);\n}\n\n.charcoal-multi-select-input[type='checkbox']:focus:not(:focus-visible) {\n  box-shadow: none;\n}\n\n.charcoal-multi-select-input[type='checkbox']:hover:not(:disabled):not(\n    [aria-disabled]\n  ),\n.charcoal-multi-select-input[type='checkbox']:hover[aria-disabled='false'] {\n  background-color: var(--charcoal-text3-hover);\n}\n\n.charcoal-multi-select-input[type='checkbox']:active:not(:disabled):not(\n    [aria-disabled]\n  ),\n.charcoal-multi-select-input[type='checkbox']:active[aria-disabled='false'] {\n  background-color: var(--charcoal-text3-press);\n}\n\n.charcoal-multi-select-input[type='checkbox']:checked:hover:not(:disabled):not(\n    [aria-disabled]\n  ),\n.charcoal-multi-select-input[type='checkbox']:checked:hover[aria-disabled='false'] {\n  background-color: var(--charcoal-brand-hover);\n}\n\n.charcoal-multi-select-input[type='checkbox']:checked:active:not(:disabled):not(\n    [aria-disabled]\n  ),\n.charcoal-multi-select-input[type='checkbox']:checked:active[aria-disabled='false'] {\n  background-color: var(--charcoal-brand-press);\n}\n\n.charcoal-multi-select-input[aria-invalid='true'][data-overlay='false']:not(\n    :disabled\n  ):not([aria-disabled]) {\n  box-shadow: 0 0 0 4px rgba(255, 43, 0, 0.32);\n}\n\n.charcoal-multi-select-input[aria-invalid='true'][data-overlay='false'][aria-disabled='false'] {\n  box-shadow: 0 0 0 4px rgba(255, 43, 0, 0.32);\n}\n\n.charcoal-multi-select-input[data-overlay='true'] {\n  background-color: var(--charcoal-surface4);\n}\n\n.charcoal-multi-select-overlay {\n  position: absolute;\n  top: -2px;\n  left: -2px;\n  box-sizing: border-box;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 24px;\n  height: 24px;\n  border-radius: 999999px;\n  color: var(--charcoal-text5);\n  transition: 0.2s box-shadow;\n}\n\n.charcoal-multi-select-overlay[aria-invalid='true'][data-overlay='true']:not(\n    :disabled\n  ):not([aria-disabled]) {\n  box-shadow: 0 0 0 4px rgba(255, 43, 0, 0.32);\n}\n\n.charcoal-multi-select-overlay[aria-invalid='true'][data-overlay='true'][aria-disabled='false'] {\n  box-shadow: 0 0 0 4px rgba(255, 43, 0, 0.32);\n}\n\n.charcoal-multi-select-overlay[data-overlay='true'] {\n  border-color: var(--charcoal-text5);\n  border-width: 2px;\n  border-style: solid;\n}\n",".charcoal-switch__label {\n  display: inline-grid;\n  grid-template-columns: auto 1fr;\n  align-items: center;\n  cursor: pointer;\n  outline: 0;\n  gap: 4px;\n}\n\n.charcoal-switch__label[aria-disabled='true'] {\n  opacity: 0.32;\n  cursor: default;\n}\n\n.charcoal-switch__label[aria-disabled='true'] > input {\n  opacity: 1;\n}\n\n.charcoal-switch__label_div {\n  font-size: 14px;\n  line-height: 22px;\n  color: var(--charcoal-text2);\n}\n",".charcoal-switch-input {\n  cursor: pointer;\n  appearance: none;\n  display: inline-flex;\n  position: relative;\n  box-sizing: border-box;\n  width: 28px;\n  border: 2px solid transparent;\n\n  transition-property: background-color, box-shadow;\n  transition-duration: 0.2s;\n\n  outline: none;\n  border-radius: 16px;\n  height: 16px;\n  margin: 0;\n  background-color: var(--charcoal-text4);\n}\n\n.charcoal-switch-input:disabled,\n.charcoal-switch-input[readonly] {\n  opacity: 0.32;\n  cursor: default;\n}\n\n.charcoal-switch-input::after {\n  content: '';\n  position: absolute;\n  display: block;\n  top: 0;\n  left: 0;\n  width: 12px;\n  height: 12px;\n  transform: translateX(0);\n  transition: transform 0.2s;\n  border-radius: 1024px;\n  background-color: var(--charcoal-text5);\n}\n\n.charcoal-switch-input:checked::after {\n  transform: translateX(12px);\n  transition: transform 0.2s;\n}\n\n.charcoal-switch-input:checked {\n  background-color: var(--charcoal-brand);\n}\n\n.charcoal-switch-input:not(:disabled):hover {\n  background-color: var(--charcoal-text4-hover);\n}\n\n.charcoal-switch-input:not(:disabled):active {\n  background-color: var(--charcoal-text4-press);\n}\n\n.charcoal-switch-input:not(:disabled):focus {\n  outline: none;\n  box-shadow: 0 0 0 4px rgba(0, 150, 250, 0.32);\n}\n.charcoal-switch-input:not(:disabled):focus-visible {\n  box-shadow: 0 0 0 4px rgba(0, 150, 250, 0.32);\n}\n.charcoal-switch-input:not(:disabled):focus:not(:focus-visible) {\n  box-shadow: none;\n}\n\n.charcoal-switch-input:not(:disabled)::after:hover {\n  background-color: var(--charcoal-text5-hover);\n}\n\n.charcoal-switch-input:not(:disabled)::after:active {\n  background-color: var(--charcoal-text5-press);\n}\n\n.charcoal-switch-input:not(:disabled):checked:hover {\n  background-color: var(--charcoal-brand-hover);\n}\n\n.charcoal-switch-input:not(:disabled):checked:active {\n  background-color: var(--charcoal-brand-press);\n}\n",".charcoal-text-field-root {\n  display: grid;\n  grid-template-columns: 1fr;\n  grid-gap: 4px;\n}\n\n.charcoal-text-field-root[aria-disabled='true'] {\n  opacity: 0.32;\n}\n\n.charcoal-text-field-container {\n  display: flex;\n  height: 40px;\n  transition:\n    0.2s background-color,\n    0.2s box-shadow;\n  color: var(--charcoal-text2);\n  background-color: var(--charcoal-surface3);\n  border-radius: 4px;\n  padding: 0 8px;\n  line-height: 22px;\n  font-size: 14px;\n}\n\n.charcoal-text-field-container[data-invalid='true'] {\n  box-shadow: 0 0 0 4px rgba(255, 43, 0, 0.32);\n}\n\n.charcoal-text-field-container:not([aria-disabled='true']):hover {\n  background-color: var(--charcoal-surface3-hover);\n}\n\n.charcoal-text-field-container:not([aria-disabled='true']):focus-within {\n  outline: none;\n  box-shadow: 0 0 0 4px rgba(0, 150, 250, 0.32);\n}\n\n.charcoal-text-field-container:not(\n    [aria-disabled='true']\n  )[data-invalid='true']:focus-within {\n  box-shadow: 0 0 0 4px rgba(255, 43, 0, 0.32);\n}\n\n.charcoal-text-field-prefix {\n  display: flex;\n  align-items: center;\n  margin-right: 4px;\n}\n\n.charcoal-text-field-suffix {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  margin-left: 4px;\n}\n\n.charcoal-text-field-input {\n  border: none;\n  box-sizing: border-box;\n  outline: none;\n  font-family: inherit;\n\n  /* Prevent zooming for iOS Safari */\n  transform-origin: top left;\n  transform: scale(0.875);\n  width: calc(100% / 0.875);\n  height: calc(100% / 0.875);\n  font-size: calc(14px / 0.875);\n  line-height: calc(22px / 0.875);\n  padding-left: 0;\n  padding-right: 0;\n  border-radius: calc(4px / 0.875);\n\n  /* Display box-shadow for iOS Safari */\n  appearance: none;\n  background: transparent;\n\n  color: var(--charcoal-text2);\n}\n\n.charcoal-text-field-input::placeholder {\n  color: var(--charcoal-text3);\n}\n\n.charcoal-text-field-line-counter {\n  line-height: 22px;\n  font-size: 14px;\n  color: var(--charcoal-text3);\n}\n",".charcoal-field-label {\n  font-size: 14px;\n  line-height: 22px;\n  font-weight: bold;\n  display: flow-root;\n  color: var(--charcoal-text1);\n}\n\n.charcoal-field-label-required-text {\n  font-size: 14px;\n  line-height: 22px;\n  display: flow-root;\n  color: var(--charcoal-text2);\n}\n\n.charcoal-field-label-sub-label {\n  font-size: 14px;\n  line-height: 22px;\n  display: flow-root;\n  color: var(--charcoal-text3);\n  transition:\n    0.2s color,\n    0.2s box-shadow;\n}\n\n.charcoal-field-label-root {\n  display: inline-flex;\n  align-items: center;\n}\n\n.charcoal-field-label-root > .charcoal-field-label-required-text {\n  margin-left: 4px;\n}\n\n.charcoal-field-label-root > .charcoal-field-label-sub-label {\n  margin-left: auto;\n}\n",".charcoal-text-field-assistive-text {\n  font-size: 14px;\n  line-height: 22px;\n  margin: 0;\n  color: var(--charcoal-text2);\n}\n\n.charcoal-text-field-assistive-text[data-invalid='true'] {\n  color: var(--charcoal-assertive);\n}\n",".charcoal-text-area-root {\n  display: grid;\n  grid-template-columns: 1fr;\n  grid-gap: 4px;\n}\n\n.charcoal-text-area-root[aria-disabled='true'] {\n  opacity: 0.32;\n}\n\n.charcoal-text-area-container {\n  position: relative;\n  overflow: hidden;\n\n  color: var(--charcoal-text2);\n  background-color: var(--charcoal-surface3);\n  border-radius: 4px;\n  transition:\n    0.2s background-color,\n    0.2s box-shadow;\n  height: calc(22px * var(--charcoal-text-area-rows) + 18px);\n}\n\n.charcoal-text-area-container[aria-invalid='true'] {\n  box-shadow: 0 0 0 4px rgba(255, 43, 0, 0.32);\n}\n\n.charcoal-text-area-container:focus-within {\n  outline: none;\n  box-shadow: 0 0 0 4px rgba(0, 150, 250, 0.32);\n}\n\n.charcoal-text-area-container:not([aria-disabled='true']):hover {\n  background-color: var(--charcoal-surface3-hover);\n}\n\n.charcoal-text-area-container[aria-invalid='true']:focus-within {\n  box-shadow: 0 0 0 4px rgba(255, 43, 0, 0.32);\n}\n\n.charcoal-text-area-textarea {\n  border: none;\n  outline: none;\n  resize: none;\n  font-family: inherit;\n  color: inherit;\n  box-sizing: border-box;\n\n  /* Prevent zooming for iOS Safari */\n  transform-origin: top left;\n  transform: scale(0.875);\n  width: calc(100% / 0.875);\n  font-size: calc(14px / 0.875);\n  line-height: calc(22px / 0.875);\n  padding: calc(9px / 0.875) calc(8px / 0.875);\n  height: calc(22px / 0.875 * var(--charcoal-text-area-rows) + 20px);\n\n  /* Display box-shadow for iOS Safari */\n  appearance: none;\n\n  background: none;\n}\n.charcoal-text-area-textarea[data-no-bottom-padding='true'] {\n  padding: calc(9px / 0.875) calc(8px / 0.875) 0;\n  height: calc(22px / 0.875 * (var(--charcoal-text-area-rows) - 1) + 9px);\n}\n\n.charcoal-text-area-textarea::placeholder {\n  color: var(--charcoal-text3);\n}\n\n.charcoal-text-area-counter {\n  position: absolute;\n  bottom: 9px;\n  right: 8px;\n\n  line-height: 22px;\n  font-size: 14px;\n  color: var(--charcoal-text3);\n}\n",".charcoal-modal-dialog {\n  margin: auto;\n  position: relative;\n  height: fit-content;\n  width: 440px;\n\n  background-color: var(--charcoal-surface1);\n  border-radius: 24px;\n}\n\n.charcoal-modal-dialog[data-size='S'] {\n  width: 336px;\n}\n\n.charcoal-modal-dialog[data-size='M'] {\n  width: 440px;\n}\n\n.charcoal-modal-dialog[data-size='L'] {\n  width: 648px;\n}\n\n@media (max-width: 743px) {\n  .charcoal-modal-dialog {\n    max-width: 440px;\n    width: calc(100% - 48px);\n  }\n\n  .charcoal-modal-dialog[data-bottom-sheet='true'],\n  .charcoal-modal-dialog[data-bottom-sheet='full'] {\n    max-width: unset;\n    width: 100%;\n    border-radius: 0;\n    margin: auto 0 0 0;\n  }\n\n  .charcoal-modal-dialog[data-bottom-sheet='full'] {\n    min-height: 100%;\n  }\n}\n\n.charcoal-modal-dialog:focus {\n  outline: none;\n}\n",".charcoal-modal-background {\n  overflow: auto;\n  display: flex;\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  justify-content: center;\n  padding: 40px 0;\n  box-sizing: border-box;\n\n  background-color: var(--charcoal-surface4);\n}\n\n@media (max-width: 743px) {\n  .charcoal-modal-background[data-bottom-sheet='true'],\n  .charcoal-modal-background[data-bottom-sheet='full'] {\n    padding: 0;\n  }\n}\n\n.charcoal-modal-close-button {\n  position: absolute;\n  top: 8px;\n  right: 8px;\n\n  color: var(--charcoal-text3);\n  transition: 0.2s color;\n}\n\n.charcoal-modal-title {\n  margin: 0;\n  font-weight: inherit;\n  font-size: inherit;\n}\n",".charcoal-modal-header-root {\n  height: 64px;\n  display: grid;\n  align-content: center;\n  justify-content: center;\n}\n\n@media (max-width: 743px) {\n  .charcoal-modal-header-root[data-bottom-sheet='true'],\n  .charcoal-modal-header-root[data-bottom-sheet='full'] {\n    height: 48px;\n  }\n}\n\n.charcoal-modal-header-title {\n  color: var(--charcoal-text1);\n  font-size: 16px;\n  line-height: 24px;\n  font-weight: bold;\n  display: flow-root;\n}\n\n.charcoal-modal-align {\n  padding-left: 16px;\n  padding-right: 16px;\n}\n\n.charcoal-modal-body {\n  padding-bottom: 40px;\n}\n\n.charcoal-modal-buttons {\n  display: grid;\n  grid-auto-flow: row;\n  grid-row-gap: 8px;\n\n  padding-top: 16px;\n  padding-left: 16px;\n  padding-right: 16px;\n}\n",".charcoal-loading-spinner {\n  box-sizing: content-box;\n  margin: auto;\n  padding: var(--charcoal-loading-spinner-padding);\n  border-radius: 8px;\n  font-size: var(--charcoal-loading-spinner-size);\n  width: var(--charcoal-loading-spinner-size);\n  height: var(--charcoal-loading-spinner-size);\n  opacity: 0.84;\n  color: var(--charcoal-text4);\n  background-color: var(--charcoal-background1);\n}\n.charcoal-loading-spinner[data-transparent='true'] {\n  background-color: var(--charcoal-transparent);\n}\n\n@keyframes charcoal-loading-spinner-icon-scale-out {\n  from {\n    transform: scale(0);\n    opacity: 1;\n  }\n  to {\n    transform: scale(1);\n    opacity: 0;\n  }\n}\n\n.charcoal-loading-spinner-icon {\n  width: 1em;\n  height: 1em;\n  border-radius: 1em;\n  background-color: currentColor;\n  animation: charcoal-loading-spinner-icon-scale-out 1s both ease-out;\n  animation-iteration-count: infinite;\n}\n\n.charcoal-loading-spinner-icon[data-reset-animation] {\n  animation: none;\n}\n.charcoal-loading-spinner-icon[data-once='true'] {\n  animation-iteration-count: 1;\n}\n",".charcoal-dropdown-selector-root {\n  display: grid;\n  grid-template-columns: 1fr;\n  grid-gap: 4px;\n  width: 100%;\n}\n\n.charcoal-dropdown-selector-root[aria-disabled='true'] {\n  cursor: default;\n  opacity: 0.32;\n}\n\n.charcoal-dropdown-selector-button {\n  display: grid;\n  grid-template-columns: 1fr auto;\n  justify-content: space-between;\n  align-items: center;\n\n  height: 40px;\n  width: 100%;\n  box-sizing: border-box;\n  border: none;\n  cursor: pointer;\n  gap: 4px;\n\n  padding-right: 8px;\n  padding-left: 8px;\n  background-color: var(--charcoal-surface3);\n  border-radius: 4px;\n\n  transition:\n    0.2s box-shadow,\n    0.2s background-color;\n}\n\n.charcoal-dropdown-selector-button:disabled {\n  cursor: default;\n}\n\n.charcoal-dropdown-selector-button:not(:disabled):focus {\n  outline: none;\n  box-shadow: 0 0 0 4px rgba(0, 150, 250, 0.32);\n}\n\n.charcoal-dropdown-selector-button:not(:disabled):focus-visible {\n  box-shadow: 0 0 0 4px rgba(0, 150, 250, 0.32);\n}\n\n.charcoal-dropdown-selector-button:not(:disabled)[data-active='true'],\n.charcoal-dropdown-selector-button:not(:disabled):active {\n  background-color: var(--charcoal-surface3-press);\n}\n\n.charcoal-dropdown-selector-button:not(:disabled):hover {\n  background-color: var(--charcoal-surface3-hover);\n}\n\n.charcoal-dropdown-selector-button:not(:disabled):focus:not(:focus-visible) {\n  box-shadow: none;\n}\n\n.charcoal-dropdown-selector-button[aria-invalid='true'],\n.charcoal-dropdown-selector-button:not(\n    :disabled\n  )[aria-invalid='true']:focus:not(:focus-visible) {\n  box-shadow: 0 0 0 4px rgba(255, 43, 0, 0.32);\n}\n\n.charcoal-ui-dropdown-selector-text {\n  text-align: left;\n  font-size: 14px;\n  line-height: 22px;\n  display: flow-root;\n  color: var(--charcoal-text2);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.charcoal-ui-dropdown-selector-text[data-placeholder='true'] {\n  color: var(--charcoal-text3);\n}\n\n.charcoal-ui-dropdown-selector-icon {\n  color: var(--charcoal-text2);\n}\n",".charcoal-popover {\n  margin: 4px 0;\n  list-style: none;\n  overflow: auto;\n  max-height: inherit;\n  background-color: var(--charcoal-background1);\n  border: solid 1px var(--charcoal-border-default);\n  border-radius: 8px;\n  padding-top: 8px;\n  padding-bottom: 8px;\n}\n",".charcoal-menu-list {\n  padding: 0;\n  margin: 0;\n}\n",".charcoal-dropdown-selector-menu-item {\n  font-size: 14px;\n  line-height: 22px;\n  color: var(--charcoal-text2);\n  padding: 9px 0;\n\n  display: flex;\n  align-items: center;\n  width: 100%;\n  margin-left: 20px;\n}\n\n.charcoal-dropdown-selector-menu-item[data-selected='true'] {\n  margin-left: 0px;\n}\n\n.charcoal-dropdown-selector-menu-item-icon {\n  color: var(--charcoal-text2);\n  padding-right: 4px;\n}\n",".charcoal-list-item {\n  list-style: none;\n  display: flex;\n  align-items: center;\n  min-height: 40px;\n  cursor: pointer;\n  outline: none;\n\n  padding-right: 16px;\n  padding-left: 16px;\n\n  transition: background-color 0.2s;\n}\n\n.charcoal-list-item:not([aria-disabled='true']):hover,\n.charcoal-list-item:not([aria-disabled='true']):focus,\n.charcoal-list-item:not([aria-disabled='true']):focus-within {\n  background-color: var(--charcoal-surface3);\n}\n\n.charcoal-list-item[aria-disabled='true'] {\n  opacity: 0.32;\n  cursor: default;\n}\n",".charcoal-menu-item-group {\n  display: block;\n}\n\n.charcoal-menu-item-group > span {\n  display: block;\n  color: var(--charcoal-text3);\n  font-size: 12px;\n  font-weight: bold;\n  padding: 12px 0 8px 16px;\n}\n\n.charcoal-menu-item-group > ul {\n  padding-left: 0;\n  margin: 0;\n  box-sizing: border-box;\n  list-style: none;\n  overflow: hidden;\n}\n",".charcoal-segmented-control {\n  display: inline-flex;\n  align-items: center;\n\n  background-color: var(--charcoal-surface3);\n  border-radius: 16px;\n}\n\n.charcoal-segmented-control[data-uniform-segment-width='true'],\n.charcoal-segmented-control[data-full-width='true'] {\n  display: inline-grid;\n  grid-auto-columns: minmax(80px, 1fr);\n  grid-auto-rows: 32px;\n  grid-auto-flow: column;\n}\n\n.charcoal-segmented-control[data-full-width='true'] {\n  width: 100%;\n}\n\n.charcoal-segmented-control-radio__label {\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  height: 32px;\n\n  padding-right: 16px;\n  padding-left: 16px;\n  border-radius: 16px;\n  color: var(--charcoal-text2);\n\n  font-size: 14px;\n  line-height: 22px;\n}\n\n.charcoal-segmented-control-radio__label[aria-disabled]:not(\n    [aria-disabled='false']\n  ) {\n  cursor: default;\n  opacity: 0.32;\n}\n\n.charcoal-segmented-control-radio__label[data-checked='true'] {\n  background-color: var(--charcoal-brand);\n  color: var(--charcoal-text5);\n}\n\n.charcoal-segmented-control-radio__label[data-uniform-segment-width='true'],\n.charcoal-segmented-control-radio__label[data-full-width='true'] {\n  justify-content: center;\n  white-space: nowrap;\n}\n\n.charcoal-segmented-control-radio__input {\n  position: absolute;\n\n  height: 0px;\n  width: 0px;\n  padding: 0;\n  margin: 0;\n\n  appearance: none;\n  box-sizing: border-box;\n  overflow: hidden;\n  white-space: nowrap;\n  opacity: 0;\n}\n",".charcoal-checkbox__label {\n  position: relative;\n  cursor: pointer;\n  display: flex;\n  gap: 4px;\n}\n\n.charcoal-checkbox__label[aria-disabled='true'] {\n  cursor: default;\n  opacity: 0.32;\n}\n\n.charcoal-checkbox__label[aria-disabled='true'] > input {\n  opacity: 1;\n}\n\n.charcoal-checkbox__label_div {\n  flex: 1;\n  color: var(--charcoal-text2);\n  font-size: 14px;\n  line-height: 20px;\n}\n",".charcoal-checkbox-input {\n  appearance: none;\n  display: flex;\n  cursor: pointer;\n  margin: 0;\n  width: 20px;\n  height: 20px;\n  border-radius: 4px;\n  transition:\n    0.2s box-shadow,\n    0.2s background-color;\n  position: relative;\n  box-sizing: border-box;\n}\n\n.charcoal-checkbox-input:disabled,\n.charcoal-checkbox-input[readonly] {\n  opacity: 0.32;\n  cursor: default;\n}\n\n.charcoal-checkbox-input:checked {\n  background-color: var(--charcoal-brand);\n}\n\n.charcoal-checkbox-input:checked::after {\n  content: '';\n  background-color: white;\n  display: flex;\n  margin: auto;\n  width: 16px;\n  height: 16px;\n  clip-path: path(\n    'M10.6 5a1.3 1.3 0 0 1 1.8 1.9l-5.7 5.6-3-2.9a1.3 1.3 0 1 1 2-1.9l1 1z'\n  );\n}\n\n.charcoal-checkbox-input:not(:checked) {\n  border-width: 2px;\n  border-style: solid;\n  border-color: var(--charcoal-text4);\n}\n\n.charcoal-checkbox-input:not(:disabled):focus {\n  outline: none;\n  box-shadow: 0 0 0 4px rgba(0, 150, 250, 0.32);\n}\n.charcoal-checkbox-input:not(:disabled):focus-visible {\n  box-shadow: 0 0 0 4px rgba(0, 150, 250, 0.32);\n}\n.charcoal-checkbox-input:not(:disabled):focus:not(:focus-visible) {\n  box-shadow: none;\n}\n\n.charcoal-checkbox-input:checked:not(:disabled):hover {\n  background-color: var(--charcoal-brand-hover);\n}\n.charcoal-checkbox-input:checked:not(:disabled):active {\n  background-color: var(--charcoal-brand-press);\n}\n\n.charcoal-checkbox-input[aria-invalid='true'],\n.charcoal-checkbox-input[aria-invalid='true']:not(:disabled):focus {\n  box-shadow: 0 0 0 4px rgba(255, 43, 0, 0.32);\n}\n\n.charcoal-checkbox-input[data-rounded='true'] {\n  border-radius: 10px;\n  background-color: var(--charcoal-surface3);\n  border: 2px solid transparent;\n}\n\n.charcoal-checkbox-input[data-rounded='true']:checked {\n  background-color: var(--charcoal-brand);\n}\n\n.charcoal-checkbox-input[data-rounded='true']:not(:disabled):hover {\n  background-color: var(--charcoal-surface3-hover);\n}\n.charcoal-checkbox-input[data-rounded='true']:not(:disabled):active {\n  background-color: var(--charcoal-surface3-press);\n}\n\n.charcoal-checkbox-input[data-rounded='true']:not(:disabled):focus-visible {\n  box-shadow: 0 0 0 6px rgba(0, 150, 250, 0.32);\n}\n\n.charcoal-checkbox-input[data-rounded='true']:checked:not(:disabled):hover {\n  background-color: var(--charcoal-brand-hover);\n}\n.charcoal-checkbox-input[data-rounded='true']:checked:not(:disabled):active {\n  background-color: var(--charcoal-brand-press);\n}\n\n.charcoal-checkbox-input[data-rounded='true'][aria-invalid='true'],\n.charcoal-checkbox-input[data-rounded='true'][aria-invalid='true']:not(\n    :disabled\n  ):focus {\n  box-shadow: 0 0 0 6px rgba(255, 43, 0, 0.32);\n}\n\n.charcoal-checkbox-input[data-rounded='true']::before {\n  content: '';\n  width: 24px;\n  height: 24px;\n  position: absolute;\n  top: -4px;\n  left: -4px;\n  border-radius: 12px;\n  border: 2px solid #fff;\n  box-sizing: border-box;\n}\n",".charcoal-tag-item {\n  --charcoal-tag-item-color: var(--charcoal-text5);\n  --charcoal-tag-item-size: 40px;\n  --charcoal-tag-item-padding-left: 24px;\n  --charcoal-tag-item-padding-right: 24px;\n\n  isolation: isolate;\n  position: relative;\n\n  appearance: none;\n  outline: none;\n  border-style: none;\n\n  display: inline-flex;\n  gap: 8px;\n  align-items: center;\n  justify-content: center;\n\n  text-decoration: none;\n  cursor: pointer;\n  overflow: hidden;\n\n  color: var(--charcoal-tag-item-color);\n  height: var(--charcoal-tag-item-size);\n  padding-top: 4px;\n  padding-bottom: 4px;\n  padding-left: var(--charcoal-tag-item-padding-left);\n  padding-right: var(--charcoal-tag-item-padding-right);\n  box-sizing: border-box;\n  border-radius: 4px;\n\n  transition: 0.2s box-shadow;\n}\n\n.charcoal-tag-item[data-size='M'] {\n  --charcoal-tag-item-size: 40px;\n  --charcoal-tag-item-padding-left: 24px;\n  --charcoal-tag-item-padding-right: 24px;\n}\n.charcoal-tag-item[data-size='S'] {\n  --charcoal-tag-item-size: 32px;\n  --charcoal-tag-item-padding-left: 16px;\n  --charcoal-tag-item-padding-right: 16px;\n}\n.charcoal-tag-item[data-state='inactive'] {\n  --charcoal-tag-item-color: var(--charcoal-text2);\n}\n.charcoal-tag-item[data-state='active'] {\n  --charcoal-tag-item-padding-left: 16px;\n  --charcoal-tag-item-padding-right: 8px;\n}\n\n.charcoal-tag-item:disabled,\n.charcoal-tag-item[aria-disabled]:not([aria-disabled='false']) {\n  opacity: 0.32;\n  cursor: default;\n}\n.charcoal-tag-item:not(:disabled):not([aria-disabled]):focus-visible,\n.charcoal-tag-item[aria-disabled='false']:focus-visible {\n  outline: none;\n  box-shadow: 0 0 0 4px rgba(0, 150, 250, 0.32);\n}\n.charcoal-tag-item:not(:disabled):not([aria-disabled]):focus,\n.charcoal-tag-item[aria-disabled='false']:focus {\n  outline: none;\n  box-shadow: 0 0 0 4px rgba(0, 150, 250, 0.32);\n}\n.charcoal-tag-item:not(:disabled):not([aria-disabled]):focus:not(\n    :focus-visible\n  ),\n.charcoal-tag-item[aria-disabled='false']:focus:not(:focus-visible) {\n  box-shadow: none;\n}\n\n.charcoal-tag-item__bg {\n  background-color: var(--charcoal-tag-item-bg);\n}\n\n.charcoal-tag-item__bg[data-bg-variant='image'] {\n  background-color: var(--charcoal-surface4);\n}\n\n.charcoal-tag-item__bg[data-bg-variant='image']::before {\n  content: '';\n  position: absolute;\n  z-index: 1;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background-position: center;\n  background-size: cover;\n  background-image: var(--charcoal-tag-item-bg);\n  mix-blend-mode: overlay;\n}\n\n.charcoal-tag-item__bg[data-state='inactive'] {\n  background-color: var(--charcoal-surface3);\n}\n\n.charcoal-tag-item__label {\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n.charcoal-tag-item__label[data-has-translate='true'] {\n  justify-content: space-between;\n}\n\n.charcoal-tag-item__label__translated {\n  --charcoal-tag-item-text-font-size: 12px;\n  --charcoal-tag-item-text-line-height: 20px;\n  font-weight: bold;\n}\n.charcoal-tag-item__label__translated::before {\n  display: none;\n}\n\n.charcoal-tag-item__label__text {\n  --charcoal-tag-item-text-font-size: 14px;\n  --charcoal-tag-item-text-line-height: 22px;\n\n  max-width: 152px;\n  overflow: hidden;\n  font-weight: bold;\n\n  color: inherit;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n}\n.charcoal-tag-item__label__text[data-has-translate='true'] {\n  --charcoal-tag-item-text-font-size: 10px;\n  --charcoal-tag-item-text-line-height: 14px;\n  font-weight: normal;\n}\n.charcoal-tag-item__labe__text[data-has-translate='true']::after {\n  display: none;\n}\n",".charcoal-hint-text {\n  background-color: var(--charcoal-surface3);\n  border-radius: 8px;\n  padding: 12px 16px;\n  display: flex;\n  align-items: flex-start;\n}\n\n.charcoal-hint-text[data-context='page'] {\n  justify-content: center;\n}\n\n@media (min-width: 744px) {\n  .charcoal-hint-text[data-context='page'] {\n    padding: 20px 40px;\n  }\n}\n\n.charcoal-hint-text-icon {\n  display: flex;\n  align-items: center;\n  color: var(--charcoal-text3);\n  height: 22px;\n  margin: 0 4px 0 0;\n}\n\n.charcoal-hint-text-message {\n  color: var(--charcoal-text2);\n  font-size: 14px;\n  line-height: 22px;\n  display: flow-root;\n  margin: 0;\n  min-width: 0;\n  overflow-wrap: break-word;\n}\n",".charcoal-text-ellipsis {\n  overflow: hidden;\n  line-height: var(--charcoal-text-ellipsis-line-height);\n  overflow-wrap: break-word;\n}\n\n.charcoal-text-ellipsis[data-line-limit='1'] {\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.charcoal-text-ellipsis[data-line-limit]:not([data-line-limit='1']) {\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: var(--charcoal-text-ellipsis-line-limit);\n  max-height: calc(\n    var(--charcoal-text-ellipsis-line-height) *\n      var(--charcoal-text-ellipsis-line-limit)\n  );\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AC1JA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;ACxCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;ACvHA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;ACjBA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;ACrFA;AACA;AACA;AACA;AACA;;ACJA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AC5IA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;ACtBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;ACjFA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;ACxFA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;ACpCA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;ACTA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AC/EA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AC3CA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;ACnCA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;ACvCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;ACzCA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;ACrFA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;ACVA;AACA;AACA;AACA;;ACHA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;ACnBA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;ACvBA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AClBA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;ACpEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;ACrBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AC/GA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AC3IA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AClCA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA"}

package/dist/index.d.ts

@@ -23,4 +23,5 @@ export { default as SegmentedControl, type SegmentedControlProps, } from './comp
 export { default as Checkbox, type CheckboxProps } from './components/Checkbox';
 export { default as TagItem, type TagItemProps } from './components/TagItem';
 export { default as HintText, type HintTextProps, type HintTextContext, } from './components/HintText';
+export { default as UnstableTextEllipsis, type TextEllipsisProps, } from './components/TextEllipsis';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAA;AAChD,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAA;AACxD,OAAO,EACL,gBAAgB,EAChB,KAAK,qBAAqB,GAC3B,MAAM,yBAAyB,CAAA;AAChC,OAAO,EAAE,sBAAsB,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAA;AAC9E,OAAO,EACL,YAAY,EACZ,WAAW,EACX,aAAa,EACb,kBAAkB,EAClB,QAAQ,EACR,cAAc,EACd,eAAe,EACf,QAAQ,GACT,MAAM,oBAAoB,CAAA;AAC3B,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,qBAAqB,CAAA;AACzE,OAAO,EACL,OAAO,IAAI,SAAS,EACpB,KAAK,cAAc,EACnB,KAAK,gBAAgB,GACtB,MAAM,wBAAwB,CAAA;AAC/B,OAAO,EACL,OAAO,IAAI,UAAU,EACrB,KAAK,eAAe,GACrB,MAAM,yBAAyB,CAAA;AAChC,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAA;AACtE,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,+BAA+B,CAAA;AAChF,OAAO,EACL,OAAO,IAAI,WAAW,EACtB,KAAK,gBAAgB,EACrB,gBAAgB,EAChB,KAAK,qBAAqB,GAC3B,MAAM,0BAA0B,CAAA;AACjC,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,qBAAqB,CAAA;AACzE,OAAO,EACL,OAAO,IAAI,SAAS,EACpB,KAAK,cAAc,GACpB,MAAM,wBAAwB,CAAA;AAC/B,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,uBAAuB,CAAA;AAC/E,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,mBAAmB,CAAA;AACnE,OAAO,EACL,OAAO,IAAI,KAAK,EAChB,KAAK,UAAU,EACf,gBAAgB,GACjB,MAAM,oBAAoB,CAAA;AAC3B,OAAO,EACL,WAAW,EACX,UAAU,EACV,SAAS,EACT,YAAY,GACb,MAAM,kCAAkC,CAAA;AACzC,OAAO,EACL,OAAO,IAAI,cAAc,EACzB,kBAAkB,EAClB,KAAK,yBAAyB,GAC/B,MAAM,6BAA6B,CAAA;AACpC,OAAO,EACL,OAAO,IAAI,gBAAgB,EAC3B,KAAK,qBAAqB,GAC3B,MAAM,+BAA+B,CAAA;AACtC,OAAO,EACL,OAAO,IAAI,gBAAgB,EAC3B,KAAK,qBAAqB,GAC3B,MAAM,gDAAgD,CAAA;AACvD,OAAO,EACL,OAAO,IAAI,aAAa,EACxB,KAAK,kBAAkB,GACxB,MAAM,6CAA6C,CAAA;AACpD,OAAO,EACL,OAAO,IAAI,gBAAgB,EAC3B,KAAK,qBAAqB,GAC3B,MAAM,+BAA+B,CAAA;AACtC,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,uBAAuB,CAAA;AAC/E,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,sBAAsB,CAAA;AAC5E,OAAO,EACL,OAAO,IAAI,QAAQ,EACnB,KAAK,aAAa,EAClB,KAAK,eAAe,GACrB,MAAM,uBAAuB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAA;AAChD,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAA;AACxD,OAAO,EACL,gBAAgB,EAChB,KAAK,qBAAqB,GAC3B,MAAM,yBAAyB,CAAA;AAChC,OAAO,EAAE,sBAAsB,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAA;AAC9E,OAAO,EACL,YAAY,EACZ,WAAW,EACX,aAAa,EACb,kBAAkB,EAClB,QAAQ,EACR,cAAc,EACd,eAAe,EACf,QAAQ,GACT,MAAM,oBAAoB,CAAA;AAC3B,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,qBAAqB,CAAA;AACzE,OAAO,EACL,OAAO,IAAI,SAAS,EACpB,KAAK,cAAc,EACnB,KAAK,gBAAgB,GACtB,MAAM,wBAAwB,CAAA;AAC/B,OAAO,EACL,OAAO,IAAI,UAAU,EACrB,KAAK,eAAe,GACrB,MAAM,yBAAyB,CAAA;AAChC,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAA;AACtE,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,+BAA+B,CAAA;AAChF,OAAO,EACL,OAAO,IAAI,WAAW,EACtB,KAAK,gBAAgB,EACrB,gBAAgB,EAChB,KAAK,qBAAqB,GAC3B,MAAM,0BAA0B,CAAA;AACjC,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,qBAAqB,CAAA;AACzE,OAAO,EACL,OAAO,IAAI,SAAS,EACpB,KAAK,cAAc,GACpB,MAAM,wBAAwB,CAAA;AAC/B,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,uBAAuB,CAAA;AAC/E,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,mBAAmB,CAAA;AACnE,OAAO,EACL,OAAO,IAAI,KAAK,EAChB,KAAK,UAAU,EACf,gBAAgB,GACjB,MAAM,oBAAoB,CAAA;AAC3B,OAAO,EACL,WAAW,EACX,UAAU,EACV,SAAS,EACT,YAAY,GACb,MAAM,kCAAkC,CAAA;AACzC,OAAO,EACL,OAAO,IAAI,cAAc,EACzB,kBAAkB,EAClB,KAAK,yBAAyB,GAC/B,MAAM,6BAA6B,CAAA;AACpC,OAAO,EACL,OAAO,IAAI,gBAAgB,EAC3B,KAAK,qBAAqB,GAC3B,MAAM,+BAA+B,CAAA;AACtC,OAAO,EACL,OAAO,IAAI,gBAAgB,EAC3B,KAAK,qBAAqB,GAC3B,MAAM,gDAAgD,CAAA;AACvD,OAAO,EACL,OAAO,IAAI,aAAa,EACxB,KAAK,kBAAkB,GACxB,MAAM,6CAA6C,CAAA;AACpD,OAAO,EACL,OAAO,IAAI,gBAAgB,EAC3B,KAAK,qBAAqB,GAC3B,MAAM,+BAA+B,CAAA;AACtC,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,uBAAuB,CAAA;AAC/E,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,sBAAsB,CAAA;AAC5E,OAAO,EACL,OAAO,IAAI,QAAQ,EACnB,KAAK,aAAa,EAClB,KAAK,eAAe,GACrB,MAAM,uBAAuB,CAAA;AAC9B,OAAO,EACL,OAAO,IAAI,oBAAoB,EAC/B,KAAK,iBAAiB,GACvB,MAAM,2BAA2B,CAAA"}

package/dist/index.js

@@ -1,4 +1,4 @@
-"use client";import{SSRProvider as e}from"@react-aria/ssr";import*as t from"react";import n,{Fragment as r,createContext as i,forwardRef as a,memo as o,useCallback as s,useContext as c,useEffect as l,useImperativeHandle as u,useMemo as d,useRef as f,useState as p,version as m}from"react";import{DismissButton as h,Overlay as g,OverlayProvider as _,ariaHideOutside as v,useOverlay as y,useOverlayFocusContain as b,usePopover as x}from"@react-aria/overlays";import{jsx as S,jsxs as C}from"react/jsx-runtime";import w from"warning";import"@charcoal-ui/icons";import{mergeRefs as T,useId as E,useObjectRef as D}from"@react-aria/utils";import{useVisuallyHidden as O}from"@react-aria/visually-hidden";import{animated as k,easings as A,useTransition as j}from"react-spring";import{useDialog as M}from"@react-aria/dialog";import{useRadioGroupState as N}from"@react-stately/radio";import{useRadio as P,useRadioGroup as F}from"@react-aria/radio";function I(e){let t=parseInt(m.split(`.`)[0],10);return Number.isFinite(t)?t>=e:!1}const L=I(18)?r:e;function R({children:e}){return S(L,{children:S(_,{children:e})})}const z=`charcoal-theme`,B=`theme`,ee=new RegExp(/^(\w|-)+$/);function V(e){if(!ee.test(e))throw Error(`Unexpected key :${e}, expect: /^(\\w|-)+$/`)}const te=(e=B)=>t=>{V(e),t===void 0?delete document.documentElement.dataset[e]:document.documentElement.dataset[e]=t};function ne(e,t){return`:root[data-${t??B}='${e}']`}function re(e){return`@media (prefers-color-scheme: ${e})`}function ie({key:e=z,setter:t=te()}={}){let[n,,r]=oe(e);l(()=>{n!==void 0&&t(r?void 0:n)},[t,r,n])}function ae(e=z){return localStorage.getItem(e)}const oe=(e=z)=>{V(e);let t=H(`(prefers-color-scheme: dark)`),n=t===void 0?void 0:t?`dark`:`light`,[r,i,a]=se(e);return[!a||n===void 0?void 0:r??n,i,r===void 0]};function se(e,t){let[n,r]=p(!1),[i,a]=p(),o=d(()=>t?.(),[t]);l(()=>(c(),window.addEventListener(`storage`,s),()=>{window.removeEventListener(`storage`,s)}));let s=t=>{t.storageArea===localStorage&&t.key===e&&c()},c=()=>{let t=localStorage.getItem(e);a((t===null?null:ce(t))??o),r(!0)};return[i??o,t=>{if(t===void 0)localStorage.removeItem(e);else{let n=le(t);localStorage.setItem(e,n)}let n=new StorageEvent(`storage`,{bubbles:!0,cancelable:!1,key:e,url:location.href,storageArea:localStorage});dispatchEvent(n)},n]}function ce(e){try{return JSON.parse(e)}catch{return e}}function le(e){return typeof e==`string`?e:JSON.stringify(e)}function H(e){let[t,n]=p();return l(()=>{let t=window.matchMedia(e),r=()=>{n(t.matches)};return t.addEventListener(`change`,r),n(t.matches),()=>{t.removeEventListener(`change`,r)}},[e]),t}function ue({localStorageKey:e=U.localStorageKey,rootAttribute:t=U.rootAttribute}=U){return V(e),V(t),`'use strict';
+"use client";import{SSRProvider as e}from"@react-aria/ssr";import*as t from"react";import n,{Children as r,Fragment as i,createContext as a,forwardRef as o,isValidElement as s,memo as c,useCallback as l,useContext as u,useEffect as d,useImperativeHandle as f,useMemo as p,useRef as m,useState as h,version as g}from"react";import{DismissButton as _,Overlay as v,OverlayProvider as y,ariaHideOutside as b,useOverlay as x,useOverlayFocusContain as S,usePopover as C}from"@react-aria/overlays";import{jsx as w,jsxs as T}from"react/jsx-runtime";import E from"warning";import"@charcoal-ui/icons";import{mergeRefs as D,useId as O,useObjectRef as k}from"@react-aria/utils";import{useVisuallyHidden as A}from"@react-aria/visually-hidden";import{animated as j,easings as M,useTransition as N}from"react-spring";import{useDialog as P}from"@react-aria/dialog";import{useRadioGroupState as F}from"@react-stately/radio";import{useRadio as I,useRadioGroup as L}from"@react-aria/radio";function R(e){let t=parseInt(g.split(`.`)[0],10);return Number.isFinite(t)?t>=e:!1}const z=R(18)?i:e;function B({children:e}){return w(z,{children:w(y,{children:e})})}const V=`charcoal-theme`,H=`theme`,ee=new RegExp(/^(\w|-)+$/);function U(e){if(!ee.test(e))throw Error(`Unexpected key :${e}, expect: /^(\\w|-)+$/`)}const te=(e=H)=>t=>{U(e),t===void 0?delete document.documentElement.dataset[e]:document.documentElement.dataset[e]=t};function ne(e,t){return`:root[data-${t??H}='${e}']`}function re(e){return`@media (prefers-color-scheme: ${e})`}function ie({key:e=V,setter:t=te()}={}){let[n,,r]=W(e);d(()=>{n!==void 0&&t(r?void 0:n)},[t,r,n])}function ae(e=V){return localStorage.getItem(e)}const W=(e=V)=>{U(e);let t=le(`(prefers-color-scheme: dark)`),n=t===void 0?void 0:t?`dark`:`light`,[r,i,a]=oe(e);return[!a||n===void 0?void 0:r??n,i,r===void 0]};function oe(e,t){let[n,r]=h(!1),[i,a]=h(),o=p(()=>t?.(),[t]);d(()=>(c(),window.addEventListener(`storage`,s),()=>{window.removeEventListener(`storage`,s)}));let s=t=>{t.storageArea===localStorage&&t.key===e&&c()},c=()=>{let t=localStorage.getItem(e);a((t===null?null:se(t))??o),r(!0)};return[i??o,t=>{if(t===void 0)localStorage.removeItem(e);else{let n=ce(t);localStorage.setItem(e,n)}let n=new StorageEvent(`storage`,{bubbles:!0,cancelable:!1,key:e,url:location.href,storageArea:localStorage});dispatchEvent(n)},n]}function se(e){try{return JSON.parse(e)}catch{return e}}function ce(e){return typeof e==`string`?e:JSON.stringify(e)}function le(e){let[t,n]=h();return d(()=>{let t=window.matchMedia(e),r=()=>{n(t.matches)};return t.addEventListener(`change`,r),n(t.matches),()=>{t.removeEventListener(`change`,r)}},[e]),t}function ue({localStorageKey:e=G.localStorageKey,rootAttribute:t=G.rootAttribute}=G){return U(e),U(t),`'use strict';
 (function () {
     var localStorageKey = '${e}'
     var rootAttribute = '${t}'
@@ -7,5 +7,5 @@
         document.documentElement.dataset[rootAttribute] = currentTheme;
     }
 })();
-`}function de({localStorageKey:e=U.localStorageKey,rootAttribute:t=U.rootAttribute}){return S(`script`,{dangerouslySetInnerHTML:{__html:ue({localStorageKey:e,rootAttribute:t})}})}const U={localStorageKey:z,rootAttribute:B};function W(...e){return d(()=>e.filter(e=>e).join(` `),[e])}var fe=a(function({variant:e,fullWidth:t,size:n,className:r,component:i,isActive:a,...o},s){let c=d(()=>i??`button`,[i]),l=W(`charcoal-button`,r);return S(c,{...o,className:l,"data-variant":e,"data-size":n,"data-full-width":t,"data-active":a,ref:s})}),pe=a(function({component:e,...t},n){let r=W(`charcoal-clickable`,t.className);return S(d(()=>e??`button`,[e]),{...t,ref:n,className:r})}),me=a(function({variant:e=`Default`,size:t=`M`,icon:n,isActive:r=!1,component:i,...a},o){he(t,n);let s=d(()=>i??`button`,[i]),c=W(`charcoal-icon-button`,a.className);return S(s,{...a,ref:o,className:c,"data-size":t,"data-active":r,"data-variant":e,children:S(`pixiv-icon`,{name:n})})});function he(e,t){let n;switch(e){case`XS`:n=`16`;break;case`S`:case`M`:n=`24`;break}let r=/^\d*/u.exec(t);if(r==null)throw Error(`Invalid icon name`);let[i]=r;i!==n&&console.warn(`IconButton with size "${e}" expect icon size "${n}, but got "${i}"`)}const ge=t.createContext({name:void 0,selected:void 0,disabled:!1,readonly:!1,invalid:!1,onChange(){throw Error(`Cannot find onChange() handler. Perhaps you forgot to wrap with <RadioGroup> ?`)}});var _e=o(a(function({onChange:e,invalid:t,className:n,...r},i){let a=s(t=>{let n=t.currentTarget;e?.(n.value)},[e]);return S(`input`,{className:W(`charcoal-radio-input`,n),ref:i,type:`radio`,onChange:a,"aria-invalid":t,...r})})),ve=o(a(function({value:e,disabled:t=!1,children:n,...r},i){let{name:a,selected:o,disabled:s,readonly:l,invalid:u,onChange:d}=c(ge),f=W(`charcoal-radio__label`,r.className);w(a!==void 0,`"name" is not Provided for <Radio>. Perhaps you forgot to wrap with <RadioGroup> ?`);let p=e===o,m=t||s,h=l&&!p;return C(`label`,{"aria-disabled":m||h,className:f,children:[S(_e,{name:a,value:e,checked:p,"aria-invalid":u,onChange:d,disabled:m||h,ref:i}),n!=null&&S(`div`,{className:`charcoal-radio__label_div`,children:n})]})}));const ye=a(function({value:e,label:t,name:n,onChange:r,disabled:i,readonly:a,invalid:o,children:c,"aria-orientation":l=`vertical`,...u},f){let p=W(`charcoal-radio-group`,u.className),m=s(e=>{r(e)},[r]),h=d(()=>({name:n,selected:e,disabled:i??!1,readonly:a??!1,invalid:o??!1,onChange:m}),[i,m,o,n,a,e]);return S(ge.Provider,{value:h,children:S(`div`,{role:`radiogroup`,"aria-disabled":i,"aria-invalid":o,"aria-label":t,"aria-labelledby":u[`aria-labelledby`],"aria-orientation":l,className:p,ref:f,children:c})})}),be=i({name:void 0,selected:[],disabled:!1,readonly:!1,invalid:!1,onChange(){throw Error("Cannot find `onChange()` handler. Perhaps you forgot to wrap it with `<MultiSelectGroup />` ?")}});var G=t.forwardRef(function({name:e,scale:t,unsafeNonGuidelineScale:n,className:r,...i},a){return S(`pixiv-icon`,{ref:a,name:e,scale:t,"unsafe-non-guideline-scale":n,class:r,...i})}),xe=o(a(function({value:e,disabled:t=!1,onChange:n,variant:r=`default`,className:i,children:a},o){let{name:l,selected:u,disabled:d,readonly:f,invalid:p,onChange:m}=c(be);w(l!==void 0,`"name" is not Provided for <MultiSelect>. Perhaps you forgot to wrap with <MultiSelectGroup> ?`);let h=u.includes(e),g=t||d||f,_=s(t=>{t.currentTarget instanceof HTMLInputElement&&(n&&n({value:e,selected:t.currentTarget.checked}),m({value:e,selected:t.currentTarget.checked}))},[n,m,e]),v=W(`charcoal-multi-select`,i);return C(`label`,{"aria-disabled":g,className:v,children:[S(`input`,{className:`charcoal-multi-select-input`,name:l,value:e,type:`checkbox`,checked:h,disabled:g,onChange:_,"data-overlay":r===`overlay`,"aria-invalid":p,ref:o}),S(`div`,{className:`charcoal-multi-select-overlay`,"data-overlay":r===`overlay`,"aria-invalid":p,"aria-hidden":!0,children:S(G,{name:`24/Check`,"unsafe-non-guideline-scale":16/24})}),!!a&&S(`div`,{className:`charcoal-multi-select-label`,children:a})]})}));function Se({className:e,style:t,name:n,label:r,selected:i,onChange:a,disabled:o=!1,readonly:c=!1,invalid:l=!1,children:u}){let d=s(e=>{let t=i.indexOf(e.value);e.selected?t<0&&a([...i,e.value]):t>=0&&a([...i.slice(0,t),...i.slice(t+1)])},[a,i]);return S(be.Provider,{value:{name:n,selected:Array.from(new Set(i)),disabled:o,readonly:c,invalid:l,onChange:d},children:S(`div`,{className:e,style:t,"aria-label":r,"data-testid":`SelectGroup`,children:u})})}var Ce=a(function({onChange:e,className:t,...n},r){let i=s(t=>{let n=t.currentTarget;e?.(n.checked)},[e]);return S(`input`,{ref:r,className:W(`charcoal-switch-input`,t),type:`checkbox`,onChange:i,...n})});const we=t.memo(function({children:e,className:t,disabled:n,id:r,input:i}){return C(`label`,{htmlFor:r,className:W(`charcoal-switch__label`,t),"aria-disabled":n,children:[i,S(`div`,{className:`charcoal-switch__label_div`,children:e})]})});var Te=o(a(function({children:e,onChange:t,disabled:n,className:r,id:i,...a},o){let s=E(i),c=e===void 0,l=S(Ce,{...a,disabled:n,className:c?r:void 0,id:s,onChange:t,ref:o,role:`switch`,type:`checkbox`});return c?l:S(we,{className:r,disabled:n,id:s,input:l,children:e})})),K=t.forwardRef(function({style:e,className:t,label:n,required:r=!1,requiredText:i,subLabel:a,...o},s){return C(`div`,{style:e,className:W(`charcoal-field-label-root`,t),children:[S(`label`,{ref:s,className:`charcoal-field-label`,...o,children:n}),r&&S(`div`,{className:`charcoal-field-label-required-text`,children:i}),S(`div`,{className:`charcoal-field-label-sub-label`,children:S(`span`,{children:a})})]})});function Ee(...e){return t=>{for(let n of e)typeof n==`function`?n(t):n!==null&&(n.current=t)}}function q(e){return Array.from(e).length}function De(e,t){l(()=>{let n=e.current;if(n){let e=e=>{e.target!==t.current&&t.current?.focus()};return n.addEventListener(`click`,e),()=>{n.removeEventListener(`click`,e)}}})}function J(e){return a(function({className:t,...n},r){return S(`div`,{className:W(e,t),ref:r,...n})})}const Y=J(`charcoal-text-field-assistive-text`);var Oe=t.forwardRef(function({assistiveText:e,className:t,disabled:n=!1,label:r=``,maxLength:i,onChange:a,prefix:o=null,required:c,requiredText:u,showCount:d=!1,showLabel:m=!1,subLabel:h,suffix:g=null,type:_=`text`,invalid:v,value:y,getCount:b=q,...x},w){let D=f(null),{visuallyHiddenProps:k}=O(),[A,j]=p(b(y??``)),M=s(e=>{let t=e.target.value,n=b(t);i!==void 0&&n>i||(j(n),a?.(t))},[b,i,a]);l(()=>{j(b(y??``))},[b,y]);let N=f(null);De(N,D);let P=E(x.id),F=E(),I=E(),L=e!=null&&e.length!==0;return C(`div`,{className:W(`charcoal-text-field-root`,t),"aria-disabled":n,children:[S(K,{htmlFor:P,id:I,label:r,required:c,requiredText:u,subLabel:h,...m?{}:k}),C(`div`,{className:`charcoal-text-field-container`,"aria-disabled":n===!0?!0:void 0,"data-invalid":v===!0,ref:N,children:[o&&S(`div`,{className:`charcoal-text-field-prefix`,children:o}),S(`input`,{className:`charcoal-text-field-input`,"aria-describedby":L?F:void 0,"aria-invalid":v,"aria-labelledby":I,id:P,"data-invalid":v===!0,maxLength:i,onChange:M,disabled:n,ref:T(w,D),type:_,value:y,...x}),(g||d)&&C(`div`,{className:`charcoal-text-field-suffix`,children:[g,d&&S(`span`,{className:`charcoal-text-field-line-counter`,children:i===void 0?A:`${A}/${i}`})]})]}),L&&S(Y,{"data-invalid":v===!0,id:F,children:e})]})}),ke=a(function({onChange:e,className:t,value:n,showCount:r=!1,showLabel:i=!1,label:a=``,requiredText:o,subLabel:c,disabled:u=!1,required:d,assistiveText:m,maxLength:h,autoHeight:g=!1,rows:_=4,invalid:v,getCount:y=q,...b},x){let{visuallyHiddenProps:w}=O(),T=f(null),[D,k]=p(y(n??``)),[A,j]=p(_),M=s(e=>{let t=(`${e.value}\n`.match(/\n/gu)?.length??0)||1;j(_<=t?t:_)},[_]),N=n===void 0,P=s(t=>{let n=t.target.value,r=y(n);h!==void 0&&r>h||(N&&k(r),g&&T.current!==null&&M(T.current),e?.(n))},[g,y,h,N,e,M]);l(()=>{k(y(n??``))},[y,n]),l(()=>{g&&T.current!==null&&M(T.current)},[g,M]);let F=f(null);De(F,T);let I=E(b.id),L=E(),R=E(),z=W(`charcoal-text-area-root`,t),B=m!=null&&m.length!==0;return C(`div`,{className:z,"aria-disabled":u,children:[S(K,{htmlFor:I,id:R,label:a,required:d,requiredText:o,subLabel:c,...i?{}:w}),C(`div`,{className:`charcoal-text-area-container`,"aria-disabled":u===!0?`true`:void 0,"aria-invalid":v===!0,ref:F,style:{"--charcoal-text-area-rows":`${r?A+1:A}`},children:[S(`textarea`,{className:`charcoal-text-area-textarea`,"aria-describedby":B?L:void 0,"aria-invalid":v,"aria-labelledby":R,id:I,maxLength:h,"data-no-bottom-padding":r,onChange:P,ref:Ee(x,T),rows:A,value:n,disabled:u,...b}),r&&S(`span`,{className:`charcoal-text-area-counter`,children:h===void 0?D:`${D}/${h}`})]}),B&&S(Y,{"data-invalid":v===!0,id:L,children:m})]})});function Ae(e){let n=t.useRef(null);return t.useEffect(()=>{e&&(typeof e==`function`?e(n.current):e.current=n.current)}),n}const je=a(function({size:e,bottomSheet:t,className:n,...r},i){let a=Ae(i),{dialogProps:o}=M({role:`dialog`},a);return S(`div`,{className:W(`charcoal-modal-dialog`,n),role:o.role,"data-bottom-sheet":t,tabIndex:o.tabIndex,"aria-labelledby":o[`aria-labelledby`],onBlur:o.onBlur,"data-size":e,ref:a,...r})}),Me=t.createContext(null);function Ne(e,t,n=!1){l(()=>{if(t&&e){let t=e.style.paddingRight,r=e.style.overflow;return e.style.paddingRight=`${window.innerWidth-e.clientWidth}px`,e.style.overflow=n?`clip`:`hidden`,()=>{e.style.paddingRight=t,e.style.overflow=r}}},[e,t,n])}function Pe(e,n,r){let{overlayProps:i,underlayProps:a}=y({...e,isOpen:n.isOpen,onClose:n.onClose,shouldCloseOnInteractOutside:()=>!1},r);return Ne(typeof document<`u`?document.body:null,n.isOpen,e.overflowClip),b(),t.useEffect(()=>{if(n.isOpen&&r.current)return v([r.current])},[n.isOpen,r]),{modalProps:i,underlayProps:a}}function Fe(){return typeof window<`u`}function Ie(){let[e,n]=t.useState(Fe()?window.innerWidth:null);return t.useEffect(()=>{let e=()=>{n(window.innerWidth)};return window.addEventListener(`resize`,e),()=>{window.removeEventListener(`resize`,e)}}),e}const Le=a(function({children:e,zIndex:n=10,portalContainer:r,...i},a){let{title:o,size:s=`M`,bottomSheet:c=!1,isDismissable:l,onClose:u,className:d,isOpen:f=!1,closeButtonAriaLabel:p=`Close`}=i,m=D(a),{modalProps:h,underlayProps:_}=Pe({...i,isKeyboardDismissDisabled:l===void 0||l===!1},{onClose:u,isOpen:f},m),v=(Ie()??1/0)<744,y=v&&c!==!1,b=!v||c!==!0,x=j(f,{from:{transform:`translateY(100%)`,backgroundColor:`rgba(0, 0, 0, 0)`,overflow:`hidden`},enter:{transform:`translateY(0%)`,backgroundColor:`rgba(0, 0, 0, 0.4)`},update:{overflow:`auto`},leave:{transform:`translateY(100%)`,backgroundColor:`rgba(0, 0, 0, 0)`,overflow:`hidden`},config:y?{duration:400,easing:A.easeOutQuart}:{duration:0}}),w=t.useRef(null),T=t.useCallback(e=>{e.currentTarget===e.target&&u()},[u]);return x(({backgroundColor:t,overflow:i,transform:a},f)=>f&&S(g,{portalContainer:r,children:S(k.div,{className:`charcoal-modal-background`,ref:w,..._,style:y?{backgroundColor:t,overflow:i,zIndex:n}:{zIndex:n},"data-bottom-sheet":c,onClick:T,children:S(Me.Provider,{value:w.current,children:S(Re,{ref:m,...h,style:y?{transform:a}:{},size:s,bottomSheet:c,className:d,children:C(Be.Provider,{value:{titleProps:{},title:o,close:u,showDismiss:b,bottomSheet:c},children:[e,l===!0&&S(Ve,{"aria-label":p,onClick:u})]})})})})}))}),Re=k(je);var ze=o(Le);const Be=t.createContext({titleProps:{},title:``,close:void 0,showDismiss:!0,bottomSheet:!1});function Ve(e){return S(me,{className:`charcoal-modal-close-button`,size:`S`,icon:`24/Close`,type:`button`,...e})}function He(){let e=c(Be);return S(`div`,{className:`charcoal-modal-header-root`,"data-bottom-sheet":e.bottomSheet,children:S(`div`,{className:`charcoal-modal-header-title`,children:e.title})})}const Ue=J(`charcoal-modal-align`),We=J(`charcoal-modal-body`),Ge=J(`charcoal-modal-buttons`);var Ke=o(a(function({size:e=48,padding:t=16,transparent:n=!1,...r},i){let a=W(`charcoal-loading-spinner`,r.className);return S(`div`,{role:`progressbar`,style:{"--charcoal-loading-spinner-size":`${e}px`,"--charcoal-loading-spinner-padding":`${t}px`},"data-transparent":n,className:a,ref:i,children:S(X,{})})}));const X=a(function({once:e=!1},t){let n=f(null);return u(t,()=>({restart:()=>{n.current&&(n.current.dataset.resetAnimation=`true`,n.current.offsetWidth,delete n.current.dataset.resetAnimation)}})),S(`div`,{role:`presentation`,ref:n,"data-once":e,className:`charcoal-loading-spinner-icon`})}),Z=()=>null;function qe(e){let t=f(null),n=e.popoverRef===void 0?t:e.popoverRef,{popoverProps:r,underlayProps:i}=x({triggerRef:e.triggerRef,popoverRef:n,containerPadding:16},{close:e.onClose,isOpen:e.isOpen,open:Z,setOpen:Z,toggle:Z});return Ne(c(Me),e.isOpen),e.isOpen?C(g,{portalContainer:document.body,children:[S(`div`,{...i,...e.inertWorkaround?{"data-react-aria-top-layer":!0,onClick:e.onClose}:{},style:{position:`fixed`,zIndex:typeof r.style?.zIndex==`number`?r.style.zIndex-1:99999,inset:0}}),C(`div`,{...r,ref:n,className:`charcoal-popover`,children:[S(h,{onDismiss:()=>e.onClose()}),S(`div`,{tabIndex:0,onFocus:e.onClose}),e.children,S(`div`,{tabIndex:0,onFocus:e.onClose}),S(h,{onDismiss:()=>e.onClose()})]})]}):null}function Je({children:e,...t}){let n=f(null);return l(()=>{t.isOpen&&n.current&&t.triggerRef.current&&(n.current.style.width=`${t.triggerRef.current.clientWidth}px`)},[t.triggerRef,t.isOpen]),l(()=>{if(t.isOpen)if(t.value!==void 0&&t.value!==``){let e=window.scrollY,n=window.scrollX;document.querySelector(`[data-key="${t.value.toString()}"]`)?.focus(),window.scrollTo(n,e)}else{let e=n.current?.querySelector(`[role='option']`);e instanceof HTMLElement&&e.focus()}},[t.value,t.isOpen]),S(qe,{isOpen:t.isOpen,onClose:t.onClose,popoverRef:n,triggerRef:t.triggerRef,inertWorkaround:t.inertWorkaround,children:e})}function Ye(e,n){let r=t.Children.toArray(e);for(let e=0;e<r.length;e++){let i=r[e];if(t.isValidElement(i)){if(`value`in i.props&&i.props.value===n&&`children`in i.props)return i.props.children;if(`children`in i.props){let e=Ye(i.props.children,n);if(e!==void 0)return e}}}}const Q=i({root:void 0,value:``,propsArray:[],setValue:e=>{}});function $(e){let n=t.Children.toArray(e),r=[];for(let e=0;e<n.length;e++){let i=n[e];if(t.isValidElement(i)){let e=i.props;`value`in e&&typeof e.value==`string`&&r.push({disabled:e.disabled,value:e.value}),`children`in e&&e.children&&r.push(...$(e.children))}}return r}function Xe(e){let t=f(null),n=d(()=>$(e.children),[e.children]);return S(`ul`,{className:`charcoal-menu-list`,ref:t,children:S(Q.Provider,{value:{value:e.value??``,root:t,propsArray:n,setValue:t=>{e.onChange?.(t)}},children:e.children})})}function Ze({onChange:e,showLabel:t=!1,...n}){let r=f(null),[i,a]=p(!1),o=Ye(n.children,n.value),c=d(()=>n.placeholder!==void 0&&o===void 0,[o,n.placeholder]),l=$(n.children),{visuallyHiddenProps:u}=O(),m=s(t=>{e(t.target.value)},[e]),h=E(),g=E();return C(`div`,{className:W(`charcoal-dropdown-selector-root`,n.className),"aria-disabled":n.disabled,children:[S(K,{id:h,label:n.label,required:n.required,requiredText:n.requiredText,subLabel:n.subLabel,...t?{}:u}),S(`div`,{...u,"aria-hidden":`true`,children:S(`select`,{name:n.name,value:n.value,onChange:m,tabIndex:-1,children:l.map(e=>S(`option`,{value:e.value,disabled:e.disabled,children:e.value},e.value))})}),C(`button`,{className:`charcoal-dropdown-selector-button`,"aria-labelledby":h,"aria-invalid":n.invalid,"aria-describedby":n.assistiveText===void 0?void 0:g,disabled:n.disabled,onClick:()=>{n.disabled!==!0&&a(!0)},ref:r,type:`button`,"data-active":i,children:[S(`span`,{className:`charcoal-ui-dropdown-selector-text`,"data-placeholder":c,children:c?n.placeholder:o}),S(G,{className:`charcoal-ui-dropdown-selector-icon`,name:`16/Menu`})]}),i&&S(Je,{isOpen:i,onClose:()=>a(!1),triggerRef:r,value:n.value,inertWorkaround:n.inertWorkaround,children:S(Xe,{value:n.value,onChange:t=>{e(t),a(!1)},children:n.children})}),n.assistiveText!==void 0&&S(Y,{"data-invalid":n.invalid===!0,id:g,children:n.assistiveText})]})}var Qe=a(function({as:e,className:t,...n},r){return S(d(()=>e??`li`,[e]),{className:W(`charcoal-list-item`,t),ref:r,...n})});function $e(e,t){if(t.scrollHeight>t.clientHeight){let n=e.getBoundingClientRect(),r=t.getBoundingClientRect();n.bottom>r.bottom?t.scrollTo({top:t.scrollTop+n.bottom-r.bottom}):n.top<r.top&&t.scrollTo({top:t.scrollTop-(r.top-n.top)})}else et(e)}function et(e){let t=e.getBoundingClientRect();t.top>=0&&t.bottom<=(window.innerHeight||document.documentElement.clientHeight)||e.scrollIntoView({block:`nearest`})}function tt(e){let{setValue:t,root:n,propsArray:r}=c(Q),i=s(()=>{e!==void 0&&t(e)},[e,t]);return[s(t=>{if(t.key===`Enter`)i();else if(t.key===`ArrowUp`||t.key===`ArrowDown`){let i=t.key===`ArrowDown`;if(t.preventDefault(),!r||e===void 0)return;let a=r.map(e=>e.value).filter(e=>e),o=a.indexOf(e);if(o===-1)return;for(let e=0;e<a.length;e++){let e=i?o+1>=a.length?a[0]:a[o+1]:o-1<0?a[a.length-1]:a[o-1],t=n?.current?.querySelector(`[data-key='${e}']`);if(t instanceof HTMLElement){if(t.ariaDisabled===`true`){o+=i?1:-1;continue}t.focus({preventScroll:!0}),n?.current?.parentElement&&$e(t,n.current.parentElement);break}}}},[i,r,e,n]),i]}var nt=a(function({className:e,value:t,disabled:n,...r},i){let[a,o]=tt(t);return S(Qe,{...r,ref:i,"data-key":t,onKeyDown:a,onClick:n===!0?void 0:o,tabIndex:-1,"aria-disabled":n,role:`option`,children:r.children})});function rt(e){let{value:t}=c(Q),n=e.value===t,{children:r,...i}=e;return C(nt,{...i,"aria-selected":n,children:[n&&S(G,{className:`charcoal-dropdown-selector-menu-item-icon`,name:`16/Check`}),S(`span`,{className:`charcoal-dropdown-selector-menu-item`,"data-selected":n,children:r})]})}function it(e){return C(`li`,{className:`charcoal-menu-item-group`,role:`presentation`,children:[S(`span`,{children:e.text}),S(`ul`,{role:`group`,children:e.children})]})}const at=i(null),ot=({value:e,children:t})=>S(at.Provider,{value:e,children:t}),st=()=>{let e=c(at);if(e===null)throw Error("`<RadioProvider>` is not likely mounted.");return e};var ct=o(a(function(e,t){let n=W(`charcoal-segmented-control`,e.className),r=d(()=>({...e,isDisabled:e.disabled,isReadOnly:e.readonly,isRequired:e.required,"aria-label":e.name}),[e]),i=N(r),{radioGroupProps:a}=F(r,i),o=d(()=>e.data.map(e=>typeof e==`string`?{value:e,label:e}:e),[e.data]);return S(`div`,{ref:t,...a,className:n,"data-uniform-segment-width":e.uniformSegmentWidth,"data-full-width":e.fullWidth,children:S(ot,{value:i,children:o.map(t=>S(lt,{value:t.value,disabled:t.disabled,uniformSegmentWidth:e.uniformSegmentWidth,children:t.label},t.value))})})}));const lt=e=>{let t=st(),n=f(null),{inputProps:r,isDisabled:i,isSelected:a}=P(d(()=>({value:e.value,isDisabled:e.disabled,children:e.children}),[e]),t,n);return C(`label`,{className:`charcoal-segmented-control-radio__label`,"aria-disabled":i||t.isReadOnly,"data-checked":a,"data-uniform-segment-width":e.uniformSegmentWidth,"data-full-width":e.fullWidth,children:[S(`input`,{className:`charcoal-segmented-control-radio__input`,...r,ref:n}),e.children]})};var ut=o(a(function({onChange:e,checked:t,invalid:n,className:r,rounded:i,...a},o){let c=s(t=>{let n=t.currentTarget;e?.(n.checked)},[e]);return S(`input`,{className:W(`charcoal-checkbox-input`,r),ref:o,type:`checkbox`,onChange:c,"aria-invalid":n,checked:t,"data-rounded":i,...a})}));const dt=n.memo(function({className:e,children:t,input:n,id:r,disabled:i}){let a=W(`charcoal-checkbox__label`,e);return C(`label`,{htmlFor:r,"aria-disabled":i,className:a,children:[n,S(`div`,{className:`charcoal-checkbox__label_div`,children:t})]})});var ft=o(a(function({disabled:e,className:t,id:n,children:r,...i},a){let o=E(n),s=r===void 0,c=S(ut,{...i,className:s?t:void 0,disabled:e,id:o,ref:a});return s?c:S(dt,{className:t,disabled:e,id:o,input:c,children:r})})),pt=o(a(function({component:e,label:t,translatedLabel:n,bgColor:r=`#7ACCB1`,bgImage:i,size:a=`M`,status:o=`default`,...s},c){let l=D(c),u=n!==void 0&&n.length>0,f=W(`charcoal-tag-item`,`charcoal-tag-item__bg`,s.className),p=i!==void 0&&i.length>0?`image`:`color`,m=p===`color`?r:`url(${i??``})`;return C(d(()=>e??`button`,[e]),{...s,ref:l,className:f,"data-state":o,"data-bg-variant":p,"data-size":u?`M`:a,style:{"--charcoal-tag-item-bg":m},children:[C(`div`,{className:`charcoal-tag-item__label`,"data-has-translate":u,children:[u&&S(`span`,{className:`charcoal-tag-item__label__translated`,children:n}),S(`span`,{className:`charcoal-tag-item__label__text`,"data-has-translate":u,children:t})]}),o===`active`&&S(G,{name:`16/Remove`})]})}));function mt({children:e,context:t=`section`,className:n}){return C(`div`,{className:W(`charcoal-hint-text`,n),"data-context":t,children:[S(`div`,{className:`charcoal-hint-text-icon`,children:S(G,{name:`16/Info`})}),S(`p`,{className:`charcoal-hint-text-message`,children:e})]})}export{fe as Button,R as CharcoalProvider,ft as Checkbox,pe as Clickable,rt as DropdownMenuItem,Ze as DropdownSelector,mt as HintText,G as Icon,me as IconButton,Ke as LoadingSpinner,X as LoadingSpinnerIcon,it as MenuItemGroup,ze as Modal,Ue as ModalAlign,We as ModalBody,Ge as ModalButtons,Ve as ModalCloseButton,He as ModalHeader,xe as MultiSelect,Se as MultiSelectGroup,_ as OverlayProvider,ve as Radio,ye as RadioGroup,L as SSRProvider,ct as SegmentedControl,de as SetThemeScript,Te as Switch,pt as TagItem,ke as TextArea,Oe as TextField,ae as getThemeSync,ue as makeSetThemeScriptCode,re as prefersColorScheme,ne as themeSelector,te as themeSetter,se as useLocalStorage,H as useMedia,oe as useTheme,ie as useThemeSetter};
+`}function de({localStorageKey:e=G.localStorageKey,rootAttribute:t=G.rootAttribute}){return w(`script`,{dangerouslySetInnerHTML:{__html:ue({localStorageKey:e,rootAttribute:t})}})}const G={localStorageKey:V,rootAttribute:H};function K(...e){return p(()=>e.filter(e=>e).join(` `),[e])}var fe=o(function({variant:e,fullWidth:t,size:n,className:r,component:i,isActive:a,...o},s){let c=p(()=>i??`button`,[i]),l=K(`charcoal-button`,r);return w(c,{...o,className:l,"data-variant":e,"data-size":n,"data-full-width":t,"data-active":a,ref:s})}),pe=o(function({component:e,...t},n){let r=K(`charcoal-clickable`,t.className);return w(p(()=>e??`button`,[e]),{...t,ref:n,className:r})}),me=o(function({variant:e=`Default`,size:t=`M`,icon:n,isActive:r=!1,component:i,...a},o){he(t,n);let s=p(()=>i??`button`,[i]),c=K(`charcoal-icon-button`,a.className);return w(s,{...a,ref:o,className:c,"data-size":t,"data-active":r,"data-variant":e,children:w(`pixiv-icon`,{name:n})})});function he(e,t){let n;switch(e){case`XS`:n=`16`;break;case`S`:case`M`:n=`24`;break}let r=/^\d*/u.exec(t);if(r==null)throw Error(`Invalid icon name`);let[i]=r;i!==n&&console.warn(`IconButton with size "${e}" expect icon size "${n}, but got "${i}"`)}const ge=t.createContext({name:void 0,selected:void 0,disabled:!1,readonly:!1,invalid:!1,onChange(){throw Error(`Cannot find onChange() handler. Perhaps you forgot to wrap with <RadioGroup> ?`)}});var _e=c(o(function({onChange:e,invalid:t,className:n,...r},i){let a=l(t=>{let n=t.currentTarget;e?.(n.value)},[e]);return w(`input`,{className:K(`charcoal-radio-input`,n),ref:i,type:`radio`,onChange:a,"aria-invalid":t,...r})})),ve=c(o(function({value:e,disabled:t=!1,children:n,...r},i){let{name:a,selected:o,disabled:s,readonly:c,invalid:l,onChange:d}=u(ge),f=K(`charcoal-radio__label`,r.className);E(a!==void 0,`"name" is not Provided for <Radio>. Perhaps you forgot to wrap with <RadioGroup> ?`);let p=e===o,m=t||s,h=c&&!p;return T(`label`,{"aria-disabled":m||h,className:f,children:[w(_e,{name:a,value:e,checked:p,"aria-invalid":l,onChange:d,disabled:m||h,ref:i}),n!=null&&w(`div`,{className:`charcoal-radio__label_div`,children:n})]})}));const ye=o(function({value:e,label:t,name:n,onChange:r,disabled:i,readonly:a,invalid:o,children:s,"aria-orientation":c=`vertical`,...u},d){let f=K(`charcoal-radio-group`,u.className),m=l(e=>{r(e)},[r]),h=p(()=>({name:n,selected:e,disabled:i??!1,readonly:a??!1,invalid:o??!1,onChange:m}),[i,m,o,n,a,e]);return w(ge.Provider,{value:h,children:w(`div`,{role:`radiogroup`,"aria-disabled":i,"aria-invalid":o,"aria-label":t,"aria-labelledby":u[`aria-labelledby`],"aria-orientation":c,className:f,ref:d,children:s})})}),be=a({name:void 0,selected:[],disabled:!1,readonly:!1,invalid:!1,onChange(){throw Error("Cannot find `onChange()` handler. Perhaps you forgot to wrap it with `<MultiSelectGroup />` ?")}});var q=t.forwardRef(function({name:e,scale:t,unsafeNonGuidelineScale:n,className:r,...i},a){return w(`pixiv-icon`,{ref:a,name:e,scale:t,"unsafe-non-guideline-scale":n,class:r,...i})}),xe=c(o(function({value:e,disabled:t=!1,onChange:n,variant:r=`default`,className:i,children:a},o){let{name:s,selected:c,disabled:d,readonly:f,invalid:p,onChange:m}=u(be);E(s!==void 0,`"name" is not Provided for <MultiSelect>. Perhaps you forgot to wrap with <MultiSelectGroup> ?`);let h=c.includes(e),g=t||d||f,_=l(t=>{t.currentTarget instanceof HTMLInputElement&&(n&&n({value:e,selected:t.currentTarget.checked}),m({value:e,selected:t.currentTarget.checked}))},[n,m,e]),v=K(`charcoal-multi-select`,i);return T(`label`,{"aria-disabled":g,className:v,children:[w(`input`,{className:`charcoal-multi-select-input`,name:s,value:e,type:`checkbox`,checked:h,disabled:g,onChange:_,"data-overlay":r===`overlay`,"aria-invalid":p,ref:o}),w(`div`,{className:`charcoal-multi-select-overlay`,"data-overlay":r===`overlay`,"aria-invalid":p,"aria-hidden":!0,children:w(q,{name:`24/Check`,"unsafe-non-guideline-scale":16/24})}),!!a&&w(`div`,{className:`charcoal-multi-select-label`,children:a})]})}));function Se({className:e,style:t,name:n,label:r,selected:i,onChange:a,disabled:o=!1,readonly:s=!1,invalid:c=!1,children:u}){let d=l(e=>{let t=i.indexOf(e.value);e.selected?t<0&&a([...i,e.value]):t>=0&&a([...i.slice(0,t),...i.slice(t+1)])},[a,i]);return w(be.Provider,{value:{name:n,selected:Array.from(new Set(i)),disabled:o,readonly:s,invalid:c,onChange:d},children:w(`div`,{className:e,style:t,"aria-label":r,"data-testid":`SelectGroup`,children:u})})}var Ce=o(function({onChange:e,className:t,...n},r){let i=l(t=>{let n=t.currentTarget;e?.(n.checked)},[e]);return w(`input`,{ref:r,className:K(`charcoal-switch-input`,t),type:`checkbox`,onChange:i,...n})});const we=t.memo(function({children:e,className:t,disabled:n,id:r,input:i}){return T(`label`,{htmlFor:r,className:K(`charcoal-switch__label`,t),"aria-disabled":n,children:[i,w(`div`,{className:`charcoal-switch__label_div`,children:e})]})});var Te=c(o(function({children:e,onChange:t,disabled:n,className:r,id:i,...a},o){let s=O(i),c=e===void 0,l=w(Ce,{...a,disabled:n,className:c?r:void 0,id:s,onChange:t,ref:o,role:`switch`,type:`checkbox`});return c?l:w(we,{className:r,disabled:n,id:s,input:l,children:e})})),J=t.forwardRef(function({style:e,className:t,label:n,required:r=!1,requiredText:i,subLabel:a,...o},s){return T(`div`,{style:e,className:K(`charcoal-field-label-root`,t),children:[w(`label`,{ref:s,className:`charcoal-field-label`,...o,children:n}),r&&w(`div`,{className:`charcoal-field-label-required-text`,children:i}),w(`div`,{className:`charcoal-field-label-sub-label`,children:w(`span`,{children:a})})]})});function Ee(...e){return t=>{for(let n of e)typeof n==`function`?n(t):n!==null&&(n.current=t)}}function De(e){return Array.from(e).length}function Oe(e,t){d(()=>{let n=e.current;if(n){let e=e=>{e.target!==t.current&&t.current?.focus()};return n.addEventListener(`click`,e),()=>{n.removeEventListener(`click`,e)}}})}function Y(e){return o(function({className:t,...n},r){return w(`div`,{className:K(e,t),ref:r,...n})})}const X=Y(`charcoal-text-field-assistive-text`);var ke=t.forwardRef(function({assistiveText:e,className:t,disabled:n=!1,label:r=``,maxLength:i,onChange:a,prefix:o=null,required:s,requiredText:c,showCount:u=!1,showLabel:f=!1,subLabel:p,suffix:g=null,type:_=`text`,invalid:v,value:y,getCount:b=De,...x},S){let C=m(null),{visuallyHiddenProps:E}=A(),[k,j]=h(b(y??``)),M=l(e=>{let t=e.target.value,n=b(t);i!==void 0&&n>i||(j(n),a?.(t))},[b,i,a]);d(()=>{j(b(y??``))},[b,y]);let N=m(null);Oe(N,C);let P=O(x.id),F=O(),I=O(),L=e!=null&&e.length!==0;return T(`div`,{className:K(`charcoal-text-field-root`,t),"aria-disabled":n,children:[w(J,{htmlFor:P,id:I,label:r,required:s,requiredText:c,subLabel:p,...f?{}:E}),T(`div`,{className:`charcoal-text-field-container`,"aria-disabled":n===!0?!0:void 0,"data-invalid":v===!0,ref:N,children:[o&&w(`div`,{className:`charcoal-text-field-prefix`,children:o}),w(`input`,{className:`charcoal-text-field-input`,"aria-describedby":L?F:void 0,"aria-invalid":v,"aria-labelledby":I,id:P,"data-invalid":v===!0,maxLength:i,onChange:M,disabled:n,ref:D(S,C),type:_,value:y,...x}),(g||u)&&T(`div`,{className:`charcoal-text-field-suffix`,children:[g,u&&w(`span`,{className:`charcoal-text-field-line-counter`,children:i===void 0?k:`${k}/${i}`})]})]}),L&&w(X,{"data-invalid":v===!0,id:F,children:e})]})}),Ae=o(function({onChange:e,className:t,value:n,showCount:r=!1,showLabel:i=!1,label:a=``,requiredText:o,subLabel:s,disabled:c=!1,required:u,assistiveText:f,maxLength:p,autoHeight:g=!1,rows:_=4,invalid:v,getCount:y=De,...b},x){let{visuallyHiddenProps:S}=A(),C=m(null),[E,D]=h(y(n??``)),[k,j]=h(_),M=l(e=>{let t=(`${e.value}\n`.match(/\n/gu)?.length??0)||1;j(_<=t?t:_)},[_]),N=n===void 0,P=l(t=>{let n=t.target.value,r=y(n);p!==void 0&&r>p||(N&&D(r),g&&C.current!==null&&M(C.current),e?.(n))},[g,y,p,N,e,M]);d(()=>{D(y(n??``))},[y,n]),d(()=>{g&&C.current!==null&&M(C.current)},[g,M]);let F=m(null);Oe(F,C);let I=O(b.id),L=O(),R=O(),z=K(`charcoal-text-area-root`,t),B=f!=null&&f.length!==0;return T(`div`,{className:z,"aria-disabled":c,children:[w(J,{htmlFor:I,id:R,label:a,required:u,requiredText:o,subLabel:s,...i?{}:S}),T(`div`,{className:`charcoal-text-area-container`,"aria-disabled":c===!0?`true`:void 0,"aria-invalid":v===!0,ref:F,style:{"--charcoal-text-area-rows":`${r?k+1:k}`},children:[w(`textarea`,{className:`charcoal-text-area-textarea`,"aria-describedby":B?L:void 0,"aria-invalid":v,"aria-labelledby":R,id:I,maxLength:p,"data-no-bottom-padding":r,onChange:P,ref:Ee(x,C),rows:k,value:n,disabled:c,...b}),r&&w(`span`,{className:`charcoal-text-area-counter`,children:p===void 0?E:`${E}/${p}`})]}),B&&w(X,{"data-invalid":v===!0,id:L,children:f})]})});function je(e){let n=t.useRef(null);return t.useEffect(()=>{e&&(typeof e==`function`?e(n.current):e.current=n.current)}),n}const Me=o(function({size:e,bottomSheet:t,className:n,...r},i){let a=je(i),{dialogProps:o}=P({role:`dialog`},a);return w(`div`,{className:K(`charcoal-modal-dialog`,n),role:o.role,"data-bottom-sheet":t,tabIndex:o.tabIndex,"aria-labelledby":o[`aria-labelledby`],onBlur:o.onBlur,"data-size":e,ref:a,...r})}),Ne=t.createContext(null);function Pe(e,t,n=!1){d(()=>{if(t&&e){let t=e.style.paddingRight,r=e.style.overflow;return e.style.paddingRight=`${window.innerWidth-e.clientWidth}px`,e.style.overflow=n?`clip`:`hidden`,()=>{e.style.paddingRight=t,e.style.overflow=r}}},[e,t,n])}function Fe(e,n,r){let{overlayProps:i,underlayProps:a}=x({...e,isOpen:n.isOpen,onClose:n.onClose,shouldCloseOnInteractOutside:()=>!1},r);return Pe(typeof document<`u`?document.body:null,n.isOpen,e.overflowClip),S(),t.useEffect(()=>{if(n.isOpen&&r.current)return b([r.current])},[n.isOpen,r]),{modalProps:i,underlayProps:a}}function Ie(){return typeof window<`u`}function Le(){let[e,n]=t.useState(Ie()?window.innerWidth:null);return t.useEffect(()=>{let e=()=>{n(window.innerWidth)};return window.addEventListener(`resize`,e),()=>{window.removeEventListener(`resize`,e)}}),e}const Re=o(function({children:e,zIndex:n=10,portalContainer:r,...i},a){let{title:o,size:s=`M`,bottomSheet:c=!1,isDismissable:l,onClose:u,className:d,isOpen:f=!1,closeButtonAriaLabel:p=`Close`}=i,m=k(a),{modalProps:h,underlayProps:g}=Fe({...i,isKeyboardDismissDisabled:l===void 0||l===!1},{onClose:u,isOpen:f},m),_=(Le()??1/0)<744,y=_&&c!==!1,b=!_||c!==!0,x=N(f,{from:{transform:`translateY(100%)`,backgroundColor:`rgba(0, 0, 0, 0)`,overflow:`hidden`},enter:{transform:`translateY(0%)`,backgroundColor:`rgba(0, 0, 0, 0.4)`},update:{overflow:`auto`},leave:{transform:`translateY(100%)`,backgroundColor:`rgba(0, 0, 0, 0)`,overflow:`hidden`},config:y?{duration:400,easing:M.easeOutQuart}:{duration:0}}),S=t.useRef(null),C=t.useCallback(e=>{e.currentTarget===e.target&&u()},[u]);return x(({backgroundColor:t,overflow:i,transform:a},f)=>f&&w(v,{portalContainer:r,children:w(j.div,{className:`charcoal-modal-background`,ref:S,...g,style:y?{backgroundColor:t,overflow:i,zIndex:n}:{zIndex:n},"data-bottom-sheet":c,onClick:C,children:w(Ne.Provider,{value:S.current,children:w(ze,{ref:m,...h,style:y?{transform:a}:{},size:s,bottomSheet:c,className:d,children:T(Ve.Provider,{value:{titleProps:{},title:o,close:u,showDismiss:b,bottomSheet:c},children:[e,l===!0&&w(He,{"aria-label":p,onClick:u})]})})})})}))}),ze=j(Me);var Be=c(Re);const Ve=t.createContext({titleProps:{},title:``,close:void 0,showDismiss:!0,bottomSheet:!1});function He(e){return w(me,{className:`charcoal-modal-close-button`,size:`S`,icon:`24/Close`,type:`button`,...e})}function Ue(){let e=u(Ve);return w(`div`,{className:`charcoal-modal-header-root`,"data-bottom-sheet":e.bottomSheet,children:w(`div`,{className:`charcoal-modal-header-title`,children:e.title})})}const We=Y(`charcoal-modal-align`),Ge=Y(`charcoal-modal-body`),Ke=Y(`charcoal-modal-buttons`);var qe=c(o(function({size:e=48,padding:t=16,transparent:n=!1,...r},i){let a=K(`charcoal-loading-spinner`,r.className);return w(`div`,{role:`progressbar`,style:{"--charcoal-loading-spinner-size":`${e}px`,"--charcoal-loading-spinner-padding":`${t}px`},"data-transparent":n,className:a,ref:i,children:w(Je,{})})}));const Je=o(function({once:e=!1},t){let n=m(null);return f(t,()=>({restart:()=>{n.current&&(n.current.dataset.resetAnimation=`true`,n.current.offsetWidth,delete n.current.dataset.resetAnimation)}})),w(`div`,{role:`presentation`,ref:n,"data-once":e,className:`charcoal-loading-spinner-icon`})}),Z=()=>null;function Ye(e){let t=m(null),n=e.popoverRef===void 0?t:e.popoverRef,{popoverProps:r,underlayProps:i}=C({triggerRef:e.triggerRef,popoverRef:n,containerPadding:16},{close:e.onClose,isOpen:e.isOpen,open:Z,setOpen:Z,toggle:Z});return Pe(u(Ne),e.isOpen),e.isOpen?T(v,{portalContainer:document.body,children:[w(`div`,{...i,...e.inertWorkaround?{"data-react-aria-top-layer":!0,onClick:e.onClose}:{},style:{position:`fixed`,zIndex:typeof r.style?.zIndex==`number`?r.style.zIndex-1:99999,inset:0}}),T(`div`,{...r,ref:n,className:`charcoal-popover`,children:[w(_,{onDismiss:()=>e.onClose()}),w(`div`,{tabIndex:0,onFocus:e.onClose}),e.children,w(`div`,{tabIndex:0,onFocus:e.onClose}),w(_,{onDismiss:()=>e.onClose()})]})]}):null}function Xe({children:e,...t}){let n=m(null);return d(()=>{t.isOpen&&n.current&&t.triggerRef.current&&(n.current.style.width=`${t.triggerRef.current.clientWidth}px`)},[t.triggerRef,t.isOpen]),d(()=>{if(t.isOpen)if(t.value!==void 0&&t.value!==``){let e=window.scrollY,n=window.scrollX;document.querySelector(`[data-key="${t.value.toString()}"]`)?.focus(),window.scrollTo(n,e)}else{let e=n.current?.querySelector(`[role='option']`);e instanceof HTMLElement&&e.focus()}},[t.value,t.isOpen]),w(Ye,{isOpen:t.isOpen,onClose:t.onClose,popoverRef:n,triggerRef:t.triggerRef,inertWorkaround:t.inertWorkaround,children:e})}function Ze(e,n){let r=t.Children.toArray(e);for(let e=0;e<r.length;e++){let i=r[e];if(t.isValidElement(i)){if(`value`in i.props&&i.props.value===n&&`children`in i.props)return i.props.children;if(`children`in i.props){let e=Ze(i.props.children,n);if(e!==void 0)return e}}}}const Q=a({root:void 0,value:``,propsArray:[],setValue:e=>{}});function $(e){let n=t.Children.toArray(e),r=[];for(let e=0;e<n.length;e++){let i=n[e];if(t.isValidElement(i)){let e=i.props;`value`in e&&typeof e.value==`string`&&r.push({disabled:e.disabled,value:e.value}),`children`in e&&e.children&&r.push(...$(e.children))}}return r}function Qe(e){let t=m(null),n=p(()=>$(e.children),[e.children]);return w(`ul`,{className:`charcoal-menu-list`,ref:t,children:w(Q.Provider,{value:{value:e.value??``,root:t,propsArray:n,setValue:t=>{e.onChange?.(t)}},children:e.children})})}function $e({onChange:e,showLabel:t=!1,...n}){let r=m(null),[i,a]=h(!1),o=Ze(n.children,n.value),s=p(()=>n.placeholder!==void 0&&o===void 0,[o,n.placeholder]),c=$(n.children),{visuallyHiddenProps:u}=A(),d=l(t=>{e(t.target.value)},[e]),f=O(),g=O();return T(`div`,{className:K(`charcoal-dropdown-selector-root`,n.className),"aria-disabled":n.disabled,children:[w(J,{id:f,label:n.label,required:n.required,requiredText:n.requiredText,subLabel:n.subLabel,...t?{}:u}),w(`div`,{...u,"aria-hidden":`true`,children:w(`select`,{name:n.name,value:n.value,onChange:d,tabIndex:-1,children:c.map(e=>w(`option`,{value:e.value,disabled:e.disabled,children:e.value},e.value))})}),T(`button`,{className:`charcoal-dropdown-selector-button`,"aria-labelledby":f,"aria-invalid":n.invalid,"aria-describedby":n.assistiveText===void 0?void 0:g,disabled:n.disabled,onClick:()=>{n.disabled!==!0&&a(!0)},ref:r,type:`button`,"data-active":i,children:[w(`span`,{className:`charcoal-ui-dropdown-selector-text`,"data-placeholder":s,children:s?n.placeholder:o}),w(q,{className:`charcoal-ui-dropdown-selector-icon`,name:`16/Menu`})]}),i&&w(Xe,{isOpen:i,onClose:()=>a(!1),triggerRef:r,value:n.value,inertWorkaround:n.inertWorkaround,children:w(Qe,{value:n.value,onChange:t=>{e(t),a(!1)},children:n.children})}),n.assistiveText!==void 0&&w(X,{"data-invalid":n.invalid===!0,id:g,children:n.assistiveText})]})}var et=o(function({as:e,className:t,...n},r){return w(p(()=>e??`li`,[e]),{className:K(`charcoal-list-item`,t),ref:r,...n})});function tt(e,t){if(t.scrollHeight>t.clientHeight){let n=e.getBoundingClientRect(),r=t.getBoundingClientRect();n.bottom>r.bottom?t.scrollTo({top:t.scrollTop+n.bottom-r.bottom}):n.top<r.top&&t.scrollTo({top:t.scrollTop-(r.top-n.top)})}else nt(e)}function nt(e){let t=e.getBoundingClientRect();t.top>=0&&t.bottom<=(window.innerHeight||document.documentElement.clientHeight)||e.scrollIntoView({block:`nearest`})}function rt(e){let{setValue:t,root:n,propsArray:r}=u(Q),i=l(()=>{e!==void 0&&t(e)},[e,t]);return[l(t=>{if(t.key===`Enter`)i();else if(t.key===`ArrowUp`||t.key===`ArrowDown`){let i=t.key===`ArrowDown`;if(t.preventDefault(),!r||e===void 0)return;let a=r.map(e=>e.value).filter(e=>e),o=a.indexOf(e);if(o===-1)return;for(let e=0;e<a.length;e++){let e=i?o+1>=a.length?a[0]:a[o+1]:o-1<0?a[a.length-1]:a[o-1],t=n?.current?.querySelector(`[data-key='${e}']`);if(t instanceof HTMLElement){if(t.ariaDisabled===`true`){o+=i?1:-1;continue}t.focus({preventScroll:!0}),n?.current?.parentElement&&tt(t,n.current.parentElement);break}}}},[i,r,e,n]),i]}var it=o(function({className:e,value:t,disabled:n,...r},i){let[a,o]=rt(t);return w(et,{...r,ref:i,"data-key":t,onKeyDown:a,onClick:n===!0?void 0:o,tabIndex:-1,"aria-disabled":n,role:`option`,children:r.children})});function at(e){let{value:t}=u(Q),n=e.value===t,{children:r,...i}=e;return T(it,{...i,"aria-selected":n,children:[n&&w(q,{className:`charcoal-dropdown-selector-menu-item-icon`,name:`16/Check`}),w(`span`,{className:`charcoal-dropdown-selector-menu-item`,"data-selected":n,children:r})]})}function ot(e){return T(`li`,{className:`charcoal-menu-item-group`,role:`presentation`,children:[w(`span`,{children:e.text}),w(`ul`,{role:`group`,children:e.children})]})}const st=a(null),ct=({value:e,children:t})=>w(st.Provider,{value:e,children:t}),lt=()=>{let e=u(st);if(e===null)throw Error("`<RadioProvider>` is not likely mounted.");return e};var ut=c(o(function(e,t){let n=K(`charcoal-segmented-control`,e.className),r=p(()=>({...e,isDisabled:e.disabled,isReadOnly:e.readonly,isRequired:e.required,"aria-label":e.name}),[e]),i=F(r),{radioGroupProps:a}=L(r,i),o=p(()=>e.data.map(e=>typeof e==`string`?{value:e,label:e}:e),[e.data]);return w(`div`,{ref:t,...a,className:n,"data-uniform-segment-width":e.uniformSegmentWidth,"data-full-width":e.fullWidth,children:w(ct,{value:i,children:o.map(t=>w(dt,{value:t.value,disabled:t.disabled,uniformSegmentWidth:e.uniformSegmentWidth,children:t.label},t.value))})})}));const dt=e=>{let t=lt(),n=m(null),{inputProps:r,isDisabled:i,isSelected:a}=I(p(()=>({value:e.value,isDisabled:e.disabled,children:e.children}),[e]),t,n);return T(`label`,{className:`charcoal-segmented-control-radio__label`,"aria-disabled":i||t.isReadOnly,"data-checked":a,"data-uniform-segment-width":e.uniformSegmentWidth,"data-full-width":e.fullWidth,children:[w(`input`,{className:`charcoal-segmented-control-radio__input`,...r,ref:n}),e.children]})};var ft=c(o(function({onChange:e,checked:t,invalid:n,className:r,rounded:i,...a},o){let s=l(t=>{let n=t.currentTarget;e?.(n.checked)},[e]);return w(`input`,{className:K(`charcoal-checkbox-input`,r),ref:o,type:`checkbox`,onChange:s,"aria-invalid":n,checked:t,"data-rounded":i,...a})}));const pt=n.memo(function({className:e,children:t,input:n,id:r,disabled:i}){let a=K(`charcoal-checkbox__label`,e);return T(`label`,{htmlFor:r,"aria-disabled":i,className:a,children:[n,w(`div`,{className:`charcoal-checkbox__label_div`,children:t})]})});var mt=c(o(function({disabled:e,className:t,id:n,children:r,...i},a){let o=O(n),s=r===void 0,c=w(ft,{...i,className:s?t:void 0,disabled:e,id:o,ref:a});return s?c:w(pt,{className:t,disabled:e,id:o,input:c,children:r})})),ht=c(o(function({component:e,label:t,translatedLabel:n,bgColor:r=`#7ACCB1`,bgImage:i,size:a=`M`,status:o=`default`,...s},c){let l=k(c),u=n!==void 0&&n.length>0,d=K(`charcoal-tag-item`,`charcoal-tag-item__bg`,s.className),f=i!==void 0&&i.length>0?`image`:`color`,m=f===`color`?r:`url(${i??``})`;return T(p(()=>e??`button`,[e]),{...s,ref:l,className:d,"data-state":o,"data-bg-variant":f,"data-size":u?`M`:a,style:{"--charcoal-tag-item-bg":m},children:[T(`div`,{className:`charcoal-tag-item__label`,"data-has-translate":u,children:[u&&w(`span`,{className:`charcoal-tag-item__label__translated`,children:n}),w(`span`,{className:`charcoal-tag-item__label__text`,"data-has-translate":u,children:t})]}),o===`active`&&w(q,{name:`16/Remove`})]})}));function gt({children:e,context:t=`section`,className:n}){return T(`div`,{className:K(`charcoal-hint-text`,n),"data-context":t,children:[w(`div`,{className:`charcoal-hint-text-icon`,children:w(q,{name:`16/Info`})}),w(`p`,{className:`charcoal-hint-text-message`,children:e})]})}const _t=e=>s(e)&&!!e.props.children,vt=e=>e==null||typeof e==`boolean`||JSON.stringify(e)===`{}`?``:e.toString(),yt=e=>!Array.isArray(e)&&!s(e)?vt(e):r.toArray(e).reduce((e,t)=>{let n=``;return n=s(t)&&_t(t)?yt(t.props.children):s(t)&&!_t(t)?``:vt(t),e.concat(n)},``);function bt({lineHeight:e,lineLimit:t=1,children:n,title:r,...i}){let a=r===void 0?yt(n):r,o=a===``?void 0:a,s=K(`charcoal-text-ellipsis`,i.className);return w(`div`,{...i,className:s,"data-line-limit":t,style:{"--charcoal-text-ellipsis-line-height":`${e}px`,"--charcoal-text-ellipsis-line-limit":t,...i.style},title:o,children:n})}export{fe as Button,B as CharcoalProvider,mt as Checkbox,pe as Clickable,at as DropdownMenuItem,$e as DropdownSelector,gt as HintText,q as Icon,me as IconButton,qe as LoadingSpinner,Je as LoadingSpinnerIcon,ot as MenuItemGroup,Be as Modal,We as ModalAlign,Ge as ModalBody,Ke as ModalButtons,He as ModalCloseButton,Ue as ModalHeader,xe as MultiSelect,Se as MultiSelectGroup,y as OverlayProvider,ve as Radio,ye as RadioGroup,z as SSRProvider,ut as SegmentedControl,de as SetThemeScript,Te as Switch,ht as TagItem,Ae as TextArea,ke as TextField,bt as UnstableTextEllipsis,ae as getThemeSync,ue as makeSetThemeScriptCode,re as prefersColorScheme,ne as themeSelector,te as themeSetter,oe as useLocalStorage,le as useMedia,W as useTheme,ie as useThemeSetter};
 //# sourceMappingURL=index.js.map