@carbon/web-components 2.62.0 → 2.63.0

package/es-custom/components/dropdown/dropdown.scss.js.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown.scss.js","names":[],"sources":["../../../src/components/dropdown/dropdown.scss?lit"],"sourcesContent":["//\n// Copyright IBM Corp. 2019, 2026\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n$css--plex: true !default;\n\n@use '@carbon/styles/scss/config' as *;\n@use '@carbon/styles/scss/spacing' as *;\n@use '@carbon/styles/scss/theme' as *;\n@use '@carbon/styles/scss/utilities' as *;\n@use '@carbon/styles/scss/components/list-box/list-box' as *;\n@use '@carbon/styles/scss/components/dropdown' as *;\n@use '@carbon/styles/scss/components/form';\n@use '@carbon/styles/scss/components/checkbox';\n@use '@carbon/styles/scss/components/tag';\n@use '@carbon/styles/scss/utilities/ai-gradient' as *;\n@use '@carbon/styles/scss/utilities/convert' as convert;\n@use '@carbon/styles/scss/layout' as *;\n\n// https://github.com/carbon-design-system/carbon/issues/11408\n@include list-box;\n\n:host(#{$prefix}-dropdown) {\n  @include emit-layout-tokens();\n\n  outline: none;\n\n  .#{$prefix}--list-box {\n    box-sizing: border-box;\n  }\n\n  .#{$prefix}--list-box--expanded {\n    border-block-end-color: $border-subtle;\n  }\n\n  .#{$prefix}--assistive-text {\n    inset-block-start: -100%;\n    // Hides screen reader cursor\n    inset-inline-start: -100%;\n  }\n\n  .#{$prefix}--label[hidden] {\n    display: none;\n  }\n\n  .#{$prefix}--list-box__menu {\n    inset-block-start: 100%;\n    margin-block-start: 1px;\n    outline: none;\n  }\n}\n\n:host(#{$prefix}-dropdown[ai-label]) .#{$prefix}--list-box__wrapper--decorator {\n  @include ai-gradient;\n}\n\n:host(#{$prefix}-dropdown[invalid]:not([disabled]):not([read-only])) {\n  .#{$prefix}--form__helper-text {\n    color: $text-error !important; /* stylelint-disable-line declaration-no-important */\n  }\n}\n\n:host(#{$prefix}-dropdown[read-only]) {\n  @extend .#{$prefix}--dropdown--readonly;\n\n  .#{$prefix}--list-box {\n    background-color: transparent;\n    border-block-end-color: $border-subtle;\n  }\n}\n\n:host(#{$prefix}-dropdown[ai-label][read-only]),\n:host(#{$prefix}-dropdown[ai-label][disabled]) {\n  .#{$prefix}--list-box {\n    border-block-end-color: $ai-border-strong;\n  }\n\n  .#{$prefix}--list-box__field {\n    border-block-end: 1px solid $ai-border-strong;\n  }\n\n  ::slotted(#{$prefix}-ai-label)::before {\n    display: none;\n  }\n}\n\n:host(#{$prefix}-combo-box[direction='top']),\n:host(#{$prefix}-dropdown[direction='top']) {\n  @extend .#{$prefix}--list-box--up;\n\n  .#{$prefix}--list-box__menu {\n    inset-block-start: auto;\n  }\n}\n\n:host(#{$prefix}-dropdown[type='inline']) {\n  @extend .#{$prefix}--list-box__wrapper--inline;\n\n  grid-gap: 0 $spacing-03;\n\n  .#{$prefix}--list-box__menu {\n    margin-block-start: 0;\n  }\n}\n\n:host(#{$prefix}-dropdown[type='inline']) {\n  .#{$prefix}--list-box.#{$prefix}--list-box--inline\n    .#{$prefix}--list-box__field {\n    padding-block: 0;\n    padding-inline-end: $spacing-09;\n    padding-inline-start: $spacing-05;\n  }\n}\n\n:host(\n    #{$prefix}-dropdown[type='inline'][warn]:not([disabled]):not([read-only])\n  ),\n:host(\n    #{$prefix}-dropdown[type='inline'][invalid]:not([disabled]):not([read-only])\n  ) {\n  .#{$prefix}--list-box.#{$prefix}--list-box--inline\n    .#{$prefix}--list-box__field {\n    padding-inline-end: $spacing-10;\n  }\n}\n\n:host(\n    #{$prefix}-dropdown[type='inline'][warn]:not([disabled]):not([read-only])\n  ),\n:host(\n    #{$prefix}-dropdown[type='inline'][invalid]:not([disabled]):not([read-only])\n  ) {\n  grid-template: auto / auto min-content auto;\n\n  .#{$prefix}--form__helper-text {\n    grid-column: 3;\n  }\n}\n\n:host(#{$prefix}-dropdown[ai-label][type='inline'])\n  .#{$prefix}--list-box__expanded {\n  border-block-end: 1px solid $ai-border-strong;\n}\n\n:host(#{$prefix}-dropdown[ai-label][type='inline']:not([invalid]):not([warn]))\n  .#{$prefix}--list-box.#{$prefix}--list-box--inline\n  .#{$prefix}--list-box__field {\n  padding-inline-end: $spacing-10;\n}\n\n:host(#{$prefix}-dropdown[ai-label][type='inline']:not([invalid])),\n:host(#{$prefix}-dropdown[ai-label][type='inline'][read-only]),\n:host(#{$prefix}-dropdown[ai-label][type='inline'][disabled])\n  .#{$prefix}--list-box__field {\n  border-block-end: 1px solid $ai-border-strong;\n}\n\n:host(#{$prefix}-dropdown[ai-label][type='inline'][warn]),\n:host(#{$prefix}-dropdown[ai-label][type='inline'][invalid]) {\n  .#{$prefix}--list-box.#{$prefix}--list-box--inline\n    .#{$prefix}--list-box__field {\n    padding-inline-end: $spacing-12;\n  }\n}\n\n:host(#{$prefix}-dropdown[type='inline']) .#{$prefix}--list-box__menu-icon {\n  inset-inline-end: $spacing-04;\n}\n\n:host(#{$prefix}-dropdown[warn]:not([disabled]):not([read-only])) {\n  .#{$prefix}--form__helper-text {\n    color: $text-primary;\n  }\n}\n\n:host(#{$prefix}-dropdown[warn]),\n:host(#{$prefix}-dropdown[invalid]) {\n  .#{$prefix}--form__helper-text {\n    grid-column: 2;\n  }\n\n  .#{$prefix}--list-box__field {\n    padding-inline-end: $spacing-10;\n  }\n\n  .#{$prefix}--list-box__invalid-icon,\n  .#{$prefix}--list-box__invalid-icon--warning {\n    inset-inline-end: $spacing-08;\n  }\n}\n\n:host(#{$prefix}-dropdown-item) {\n  @extend .#{$prefix}--list-box__menu-item;\n\n  display: block;\n\n  .#{$prefix}--list-box__menu-item__option {\n    block-size: auto;\n  }\n}\n\n:host(#{$prefix}-dropdown-item:first-of-type) {\n  .#{$prefix}--list-box__menu-item__option {\n    border-block-start-color: transparent;\n  }\n}\n\n:host(#{$prefix}-dropdown-item:not([disabled]):hover) {\n  background-color: $layer-hover;\n}\n\n:host(#{$prefix}-dropdown-item[highlighted]) {\n  @extend .#{$prefix}--list-box__menu-item--highlighted;\n}\n\n:host(#{$prefix}-dropdown-item[highlighted-next-sibling])\n  .#{$prefix}--list-box__menu-item__option {\n  border-block-start-color: transparent;\n}\n\n:host(#{$prefix}-dropdown-item[hovered-next-sibling])\n  .#{$prefix}--list-box__menu-item__option {\n  border-block-start-color: transparent;\n}\n\n:host(#{$prefix}-dropdown-item[disabled])\n  .#{$prefix}--list-box__menu-item__option {\n  color: $text-disabled;\n  cursor: not-allowed;\n  text-decoration: none;\n}\n\n:host(#{$prefix}-dropdown[disabled][warn]),\n:host(#{$prefix}-dropdown[disabled][invalid]) {\n  .#{$prefix}--list-box__field {\n    padding-inline-end: $spacing-10;\n  }\n}\n\n:host(#{$prefix}-dropdown-item[disabled][highlighted-next-sibling]:hover)\n  .#{$prefix}--list-box__menu-item__option {\n  border-block-start-color: $border-subtle;\n}\n\n:host(#{$prefix}-dropdown-item[disabled]:hover)\n  .#{$prefix}--list-box__menu-item__option {\n  border-block-start-color: $border-subtle-01;\n}\n\n:host(#{$prefix}-dropdown-item[selected]) {\n  @extend .#{$prefix}--list-box__menu-item--active;\n\n  .#{$prefix}--list-box__menu-item__option {\n    border-block-start-color: transparent;\n    color: $text-primary;\n  }\n\n  .#{$prefix}--list-box__menu-item__selected-icon {\n    display: block;\n  }\n}\n\n:host(#{$prefix}-dropdown-item[selected-next-sibling])\n  .#{$prefix}--list-box__menu-item__option {\n  border-block-start-color: transparent;\n}\n\n:host(#{$prefix}-dropdown-item[disabled][selected-next-sibling]:hover)\n  .#{$prefix}--list-box__menu-item__option {\n  border-block-start-color: $border-subtle;\n}\n\n:host(#{$prefix}-dropdown-item[selected][highlighted]) {\n  @extend .#{$prefix}--list-box__menu-item--highlighted;\n}\n\n:host(#{$prefix}-dropdown-item[size='sm']) {\n  block-size: $spacing-07;\n\n  .#{$prefix}--list-box__menu-item__option {\n    padding-block: rem(7px);\n  }\n}\n\n:host(#{$prefix}-dropdown-item[size='lg']) {\n  block-size: $spacing-09;\n\n  .#{$prefix}--list-box__menu-item__option {\n    padding-block: rem(15px);\n  }\n}\n\n:host(#{$prefix}-dropdown-skeleton) {\n  @extend .#{$prefix}--form-item;\n\n  .#{$prefix}--skeleton {\n    @include skeleton;\n  }\n}\n// AILabel styles\n$divider-width: 1px;\n\n:host(#{$prefix}-dropdown[ai-label]) {\n  @extend .#{$prefix}--list-box__wrapper--slug;\n\n  ::slotted(#{$prefix}-ai-label),\n  ::slotted(#{$prefix}-slug) {\n    position: absolute;\n    inset-block-start: 50%;\n    inset-inline-end: $spacing-08;\n  }\n\n  ::slotted(#{$prefix}-ai-label) {\n    display: inline-flex;\n    align-items: center;\n    margin-inline-end: convert.to-rem(9px);\n  }\n\n  ::slotted(#{$prefix}-ai-label)::after {\n    position: absolute;\n    display: block;\n    background-color: $border-subtle-01;\n    block-size: $spacing-05;\n    content: '';\n    inline-size: convert.to-rem(1px);\n    inset-block-start: convert.to-rem(1px);\n    inset-inline-end: calc(-#{$spacing-03} - #{$divider-width});\n  }\n\n  ::slotted(#{$prefix}-ai-label:not([revert-active])),\n  ::slotted(#{$prefix}-slug:not([revert-active])) {\n    transform: translateY(-50%);\n  }\n\n  .#{$prefix}--list-box__invalid-icon,\n  .#{$prefix}--list-box__invalid-icon--warning {\n    inset-inline-end: convert.to-rem(81px);\n  }\n}\n\n:host(#{$prefix}-dropdown[ai-label][warn]:not([disabled]):not([read-only])),\n:host(#{$prefix}-dropdown[ai-label][invalid]:not([disabled]):not([read-only])) {\n  .#{$prefix}--list-box {\n    .#{$prefix}--list-box__field {\n      padding-inline-end: $spacing-12;\n    }\n  }\n\n  ::slotted(#{$prefix}-ai-label)::before {\n    position: absolute;\n    display: block;\n    background-color: $border-subtle-01;\n    block-size: $spacing-05;\n    content: '';\n    inline-size: convert.to-rem(1px);\n    inset-block-start: convert.to-rem(1px);\n    inset-inline-start: calc(-#{$spacing-03} - #{$divider-width});\n  }\n\n  ::slotted(#{$prefix}-ai-label),\n  ::slotted(#{$prefix}-slug) {\n    inset-inline-end: $spacing-08;\n  }\n}\n\n@include emit-layout-tokens-to-shadow-host('#{$prefix}-dropdown');\n"],"mappings":""}
+{"version":3,"file":"dropdown.scss.js","names":[],"sources":["../../../src/components/dropdown/dropdown.scss?lit"],"sourcesContent":["//\n// Copyright IBM Corp. 2019, 2026\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n$css--plex: true !default;\n\n@use '@carbon/styles/scss/config' as *;\n@use '@carbon/styles/scss/spacing' as *;\n@use '@carbon/styles/scss/theme' as *;\n@use '@carbon/styles/scss/utilities' as *;\n@use '@carbon/styles/scss/components/list-box/list-box' as *;\n@use '@carbon/styles/scss/components/dropdown' as *;\n@use '@carbon/styles/scss/components/form';\n@use '@carbon/styles/scss/components/checkbox';\n@use '@carbon/styles/scss/components/tag';\n@use '@carbon/styles/scss/utilities/ai-gradient' as *;\n@use '@carbon/styles/scss/utilities/convert' as convert;\n@use '@carbon/styles/scss/layout' as *;\n@use '@carbon/styles/scss/border-radius' as *;\n@use '@carbon/styles/scss/feature-flags' as flags;\n\n// https://github.com/carbon-design-system/carbon/issues/11408\n@include list-box;\n\n:host(#{$prefix}-dropdown) {\n  @include emit-layout-tokens();\n\n  outline: none;\n\n  .#{$prefix}--list-box {\n    box-sizing: border-box;\n  }\n\n  @if not flags.enabled('enable-v12-release') {\n    .#{$prefix}--list-box--expanded {\n      border-block-end-color: $border-subtle;\n    }\n  }\n\n  .#{$prefix}--assistive-text {\n    inset-block-start: -100%;\n    // Hides screen reader cursor\n    inset-inline-start: -100%;\n  }\n\n  .#{$prefix}--label[hidden] {\n    display: none;\n  }\n\n  .#{$prefix}--list-box__menu {\n    @if not flags.enabled('enable-v12-release') {\n      inset-block-start: 100%;\n      margin-block-start: 1px;\n    }\n\n    outline: none;\n  }\n}\n\n:host(#{$prefix}-dropdown[ai-label]) .#{$prefix}--list-box__wrapper--decorator {\n  @include ai-gradient;\n\n  @if flags.enabled('enable-v12-release') {\n    // Reset the bottom-edge color override from @include ai-gradient so the\n    // border-box gradient layer controls all four sides uniformly.\n    background:\n      linear-gradient(\n          0deg,\n          $ai-aura-start-sm 0%,\n          15%,\n          $ai-aura-end 50%,\n          transparent 100%\n        )\n        padding-box,\n      linear-gradient($field, $field) padding-box,\n      // (ai-border-start → ai-border-end), mirroring the default v12 border gradient\n      linear-gradient(\n          to bottom,\n          $ai-border-start calc(100% - 4px),\n          $ai-border-strong 100%\n        )\n        border-box;\n    border-block-end-color: transparent;\n  }\n}\n\n:host(#{$prefix}-dropdown[invalid]:not([disabled]):not([read-only])) {\n  .#{$prefix}--form__helper-text {\n    color: $text-error !important; /* stylelint-disable-line declaration-no-important */\n  }\n}\n\n:host(#{$prefix}-dropdown[read-only]) {\n  @extend .#{$prefix}--dropdown--readonly;\n\n  .#{$prefix}--list-box {\n    background-color: transparent;\n    border-block-end-color: $border-subtle;\n\n    @if flags.enabled('enable-v12-release') {\n      border-radius: $border-radius-00;\n      background: none;\n    }\n  }\n}\n\n:host(#{$prefix}-dropdown[ai-label][read-only]),\n:host(#{$prefix}-dropdown[ai-label][disabled]) {\n  .#{$prefix}--list-box {\n    border-block-end-color: $ai-border-strong;\n  }\n\n  .#{$prefix}--list-box__field {\n    border-block-end: 1px solid $ai-border-strong;\n  }\n\n  ::slotted(#{$prefix}-ai-label)::before {\n    display: none;\n  }\n}\n\n:host(#{$prefix}-combo-box[direction='top']),\n:host(#{$prefix}-dropdown[direction='top']) {\n  @extend .#{$prefix}--list-box--up;\n\n  .#{$prefix}--list-box__menu {\n    inset-block-start: auto;\n  }\n}\n\n:host(#{$prefix}-dropdown[type='inline']) {\n  @extend .#{$prefix}--list-box__wrapper--inline;\n\n  grid-gap: 0 $spacing-03;\n\n  .#{$prefix}--list-box__menu {\n    margin-block-start: 0;\n  }\n}\n\n:host(#{$prefix}-dropdown[type='inline']) {\n  .#{$prefix}--list-box.#{$prefix}--list-box--inline\n    .#{$prefix}--list-box__field {\n    padding-block: 0;\n    padding-inline-end: $spacing-09;\n    padding-inline-start: $spacing-05;\n  }\n}\n\n:host(\n    #{$prefix}-dropdown[type='inline'][warn]:not([disabled]):not([read-only])\n  ),\n:host(\n    #{$prefix}-dropdown[type='inline'][invalid]:not([disabled]):not([read-only])\n  ) {\n  .#{$prefix}--list-box.#{$prefix}--list-box--inline\n    .#{$prefix}--list-box__field {\n    padding-inline-end: $spacing-10;\n  }\n}\n\n:host(\n    #{$prefix}-dropdown[type='inline'][warn]:not([disabled]):not([read-only])\n  ),\n:host(\n    #{$prefix}-dropdown[type='inline'][invalid]:not([disabled]):not([read-only])\n  ) {\n  grid-template: auto / auto min-content auto;\n\n  .#{$prefix}--form__helper-text {\n    grid-column: 3;\n  }\n}\n\n:host(#{$prefix}-dropdown[ai-label][type='inline'])\n  .#{$prefix}--list-box__expanded {\n  border-block-end: 1px solid $ai-border-strong;\n}\n\n:host(#{$prefix}-dropdown[ai-label][type='inline']:not([invalid]):not([warn]))\n  .#{$prefix}--list-box.#{$prefix}--list-box--inline\n  .#{$prefix}--list-box__field {\n  padding-inline-end: $spacing-10;\n}\n\n:host(#{$prefix}-dropdown[ai-label][type='inline']:not([invalid])),\n:host(#{$prefix}-dropdown[ai-label][type='inline'][read-only]),\n:host(#{$prefix}-dropdown[ai-label][type='inline'][disabled])\n  .#{$prefix}--list-box__field {\n  border-block-end: 1px solid $ai-border-strong;\n}\n\n:host(#{$prefix}-dropdown[ai-label][type='inline'][warn]),\n:host(#{$prefix}-dropdown[ai-label][type='inline'][invalid]) {\n  .#{$prefix}--list-box.#{$prefix}--list-box--inline\n    .#{$prefix}--list-box__field {\n    padding-inline-end: $spacing-12;\n  }\n}\n\n:host(#{$prefix}-dropdown[type='inline']) .#{$prefix}--list-box__menu-icon {\n  inset-inline-end: $spacing-04;\n}\n\n:host(#{$prefix}-dropdown[warn]:not([disabled]):not([read-only])) {\n  .#{$prefix}--form__helper-text {\n    color: $text-primary;\n  }\n}\n\n:host(#{$prefix}-dropdown[warn]),\n:host(#{$prefix}-dropdown[invalid]) {\n  .#{$prefix}--form__helper-text {\n    grid-column: 2;\n  }\n\n  .#{$prefix}--list-box__field {\n    padding-inline-end: $spacing-10;\n  }\n\n  .#{$prefix}--list-box__invalid-icon,\n  .#{$prefix}--list-box__invalid-icon--warning {\n    inset-inline-end: $spacing-08;\n  }\n}\n\n:host(#{$prefix}-dropdown-item) {\n  @extend .#{$prefix}--list-box__menu-item;\n\n  display: block;\n\n  .#{$prefix}--list-box__menu-item__option {\n    block-size: auto;\n  }\n}\n\n:host(#{$prefix}-dropdown-item:first-of-type) {\n  .#{$prefix}--list-box__menu-item__option {\n    border-block-start-color: transparent;\n  }\n}\n\n:host(#{$prefix}-dropdown-item:not([disabled]):hover) {\n  background-color: $layer-hover;\n}\n\n:host(#{$prefix}-dropdown-item[highlighted]) {\n  @extend .#{$prefix}--list-box__menu-item--highlighted;\n}\n\n:host(#{$prefix}-dropdown-item[highlighted-next-sibling])\n  .#{$prefix}--list-box__menu-item__option {\n  border-block-start-color: transparent;\n}\n\n:host(#{$prefix}-dropdown-item[hovered-next-sibling])\n  .#{$prefix}--list-box__menu-item__option {\n  border-block-start-color: transparent;\n}\n\n:host(#{$prefix}-dropdown-item[disabled])\n  .#{$prefix}--list-box__menu-item__option {\n  color: $text-disabled;\n  cursor: not-allowed;\n  text-decoration: none;\n}\n\n:host(#{$prefix}-dropdown[disabled][warn]),\n:host(#{$prefix}-dropdown[disabled][invalid]) {\n  .#{$prefix}--list-box__field {\n    padding-inline-end: $spacing-10;\n  }\n}\n\n:host(#{$prefix}-dropdown-item[disabled][highlighted-next-sibling]:hover)\n  .#{$prefix}--list-box__menu-item__option {\n  border-block-start-color: $border-subtle;\n}\n\n:host(#{$prefix}-dropdown-item[disabled]:hover)\n  .#{$prefix}--list-box__menu-item__option {\n  border-block-start-color: $border-subtle-01;\n}\n\n:host(#{$prefix}-dropdown-item[selected]) {\n  @extend .#{$prefix}--list-box__menu-item--active;\n\n  .#{$prefix}--list-box__menu-item__option {\n    border-block-start-color: transparent;\n    color: $text-primary;\n  }\n\n  .#{$prefix}--list-box__menu-item__selected-icon {\n    display: block;\n  }\n}\n\n:host(#{$prefix}-dropdown-item[selected-next-sibling])\n  .#{$prefix}--list-box__menu-item__option {\n  border-block-start-color: transparent;\n}\n\n:host(#{$prefix}-dropdown-item[disabled][selected-next-sibling]:hover)\n  .#{$prefix}--list-box__menu-item__option {\n  border-block-start-color: $border-subtle;\n}\n\n:host(#{$prefix}-dropdown-item[selected][highlighted]) {\n  @extend .#{$prefix}--list-box__menu-item--highlighted;\n}\n\n:host(#{$prefix}-dropdown-item[size='sm']) {\n  block-size: $spacing-07;\n\n  .#{$prefix}--list-box__menu-item__option {\n    padding-block: rem(7px);\n  }\n}\n\n:host(#{$prefix}-dropdown-item[size='lg']) {\n  block-size: $spacing-09;\n\n  .#{$prefix}--list-box__menu-item__option {\n    padding-block: rem(15px);\n  }\n}\n\n:host(#{$prefix}-dropdown-skeleton) {\n  @extend .#{$prefix}--form-item;\n\n  .#{$prefix}--skeleton {\n    @include skeleton;\n  }\n}\n// AILabel styles\n$divider-width: 1px;\n\n:host(#{$prefix}-dropdown[ai-label]) {\n  @extend .#{$prefix}--list-box__wrapper--slug;\n\n  ::slotted(#{$prefix}-ai-label),\n  ::slotted(#{$prefix}-slug) {\n    position: absolute;\n    inset-block-start: 50%;\n    inset-inline-end: $spacing-08;\n  }\n\n  ::slotted(#{$prefix}-ai-label) {\n    display: inline-flex;\n    align-items: center;\n    margin-inline-end: convert.to-rem(9px);\n  }\n\n  ::slotted(#{$prefix}-ai-label)::after {\n    position: absolute;\n    display: block;\n    background-color: $border-subtle-01;\n    block-size: $spacing-05;\n    content: '';\n    inline-size: convert.to-rem(1px);\n    inset-block-start: convert.to-rem(1px);\n    inset-inline-end: calc(-#{$spacing-03} - #{$divider-width});\n  }\n\n  ::slotted(#{$prefix}-ai-label:not([revert-active])),\n  ::slotted(#{$prefix}-slug:not([revert-active])) {\n    transform: translateY(-50%);\n  }\n\n  .#{$prefix}--list-box__invalid-icon,\n  .#{$prefix}--list-box__invalid-icon--warning {\n    inset-inline-end: convert.to-rem(81px);\n  }\n}\n\n:host(#{$prefix}-dropdown[ai-label][warn]:not([disabled]):not([read-only])),\n:host(#{$prefix}-dropdown[ai-label][invalid]:not([disabled]):not([read-only])) {\n  .#{$prefix}--list-box {\n    .#{$prefix}--list-box__field {\n      padding-inline-end: $spacing-12;\n    }\n  }\n\n  ::slotted(#{$prefix}-ai-label)::before {\n    position: absolute;\n    display: block;\n    background-color: $border-subtle-01;\n    block-size: $spacing-05;\n    content: '';\n    inline-size: convert.to-rem(1px);\n    inset-block-start: convert.to-rem(1px);\n    inset-inline-start: calc(-#{$spacing-03} - #{$divider-width});\n  }\n\n  ::slotted(#{$prefix}-ai-label),\n  ::slotted(#{$prefix}-slug) {\n    inset-inline-end: $spacing-08;\n  }\n}\n\n@include emit-layout-tokens-to-shadow-host('#{$prefix}-dropdown');\n"],"mappings":""}

package/es-custom/components/edit-in-place/defs.d.ts

@@ -0,0 +1,30 @@
+/**
+ * @license
+ *
+ * Copyright IBM Corp. 2026
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+/**
+ * Edit in place size.
+ */
+export declare enum EDIT_IN_PLACE_SIZE {
+    SMALL = "sm",
+    MEDIUM = "md",
+    LARGE = "lg"
+}
+/**
+ * Tooltip alignment options.
+ */
+export declare enum TOOLTIP_ALIGNMENT {
+    TOP = "top",
+    TOP_LEFT = "top-left",
+    TOP_RIGHT = "top-right",
+    BOTTOM = "bottom",
+    BOTTOM_LEFT = "bottom-left",
+    BOTTOM_RIGHT = "bottom-right",
+    LEFT = "left",
+    RIGHT = "right"
+}
+//# sourceMappingURL=defs.d.ts.map

package/es-custom/components/edit-in-place/defs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"defs.d.ts","sourceRoot":"","sources":["../../../src/components/edit-in-place/defs.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH;;GAEG;AACH,oBAAY,kBAAkB;IAC5B,KAAK,OAAO;IACZ,MAAM,OAAO;IACb,KAAK,OAAO;CACb;AAED;;GAEG;AACH,oBAAY,iBAAiB;IAC3B,GAAG,QAAQ;IACX,QAAQ,aAAa;IACrB,SAAS,cAAc;IACvB,MAAM,WAAW;IACjB,WAAW,gBAAgB;IAC3B,YAAY,iBAAiB;IAC7B,IAAI,SAAS;IACb,KAAK,UAAU;CAChB"}

package/es-custom/components/edit-in-place/defs.js

@@ -0,0 +1,43 @@
+/**
+ * Copyright IBM Corp. 2026
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+//#region src/components/edit-in-place/defs.ts
+/**
+* @license
+*
+* Copyright IBM Corp. 2026
+*
+* This source code is licensed under the Apache-2.0 license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+/**
+* Edit in place size.
+*/
+let EDIT_IN_PLACE_SIZE = /* @__PURE__ */ function(EDIT_IN_PLACE_SIZE) {
+	EDIT_IN_PLACE_SIZE["SMALL"] = "sm";
+	EDIT_IN_PLACE_SIZE["MEDIUM"] = "md";
+	EDIT_IN_PLACE_SIZE["LARGE"] = "lg";
+	return EDIT_IN_PLACE_SIZE;
+}({});
+/**
+* Tooltip alignment options.
+*/
+let TOOLTIP_ALIGNMENT = /* @__PURE__ */ function(TOOLTIP_ALIGNMENT) {
+	TOOLTIP_ALIGNMENT["TOP"] = "top";
+	TOOLTIP_ALIGNMENT["TOP_LEFT"] = "top-left";
+	TOOLTIP_ALIGNMENT["TOP_RIGHT"] = "top-right";
+	TOOLTIP_ALIGNMENT["BOTTOM"] = "bottom";
+	TOOLTIP_ALIGNMENT["BOTTOM_LEFT"] = "bottom-left";
+	TOOLTIP_ALIGNMENT["BOTTOM_RIGHT"] = "bottom-right";
+	TOOLTIP_ALIGNMENT["LEFT"] = "left";
+	TOOLTIP_ALIGNMENT["RIGHT"] = "right";
+	return TOOLTIP_ALIGNMENT;
+}({});
+//#endregion
+export { EDIT_IN_PLACE_SIZE, TOOLTIP_ALIGNMENT };
+
+//# sourceMappingURL=defs.js.map

package/es-custom/components/edit-in-place/defs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"defs.js","names":[],"sources":["../../../src/components/edit-in-place/defs.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2026\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n/**\n * Edit in place size.\n */\nexport enum EDIT_IN_PLACE_SIZE {\n  SMALL = 'sm',\n  MEDIUM = 'md',\n  LARGE = 'lg',\n}\n\n/**\n * Tooltip alignment options.\n */\nexport enum TOOLTIP_ALIGNMENT {\n  TOP = 'top',\n  TOP_LEFT = 'top-left',\n  TOP_RIGHT = 'top-right',\n  BOTTOM = 'bottom',\n  BOTTOM_LEFT = 'bottom-left',\n  BOTTOM_RIGHT = 'bottom-right',\n  LEFT = 'left',\n  RIGHT = 'right',\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAYA,IAAY,qBAAL,yBAAA,oBAAA;CACL,mBAAA,WAAA;CACA,mBAAA,YAAA;CACA,mBAAA,WAAA;;AACF,EAAA,CAAA,CAAA;;;;AAKA,IAAY,oBAAL,yBAAA,mBAAA;CACL,kBAAA,SAAA;CACA,kBAAA,cAAA;CACA,kBAAA,eAAA;CACA,kBAAA,YAAA;CACA,kBAAA,iBAAA;CACA,kBAAA,kBAAA;CACA,kBAAA,UAAA;CACA,kBAAA,WAAA;;AACF,EAAA,CAAA,CAAA"}

package/es-custom/components/edit-in-place/edit-in-place-helpers.d.ts

@@ -0,0 +1,47 @@
+/**
+ * @license
+ *
+ * Copyright IBM Corp. 2026
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { EDIT_IN_PLACE_SIZE, TOOLTIP_ALIGNMENT } from './defs';
+export declare const blockClass: string;
+export declare const storyClass = "edit-in-place-example";
+export declare const sizes: {
+    "Small (sm)": EDIT_IN_PLACE_SIZE;
+    "Medium (md)": EDIT_IN_PLACE_SIZE;
+    "Large (lg)": EDIT_IN_PLACE_SIZE;
+};
+export declare const tooltipAlignments: {
+    "Top (top)": TOOLTIP_ALIGNMENT;
+    "Top left (top-left)": TOOLTIP_ALIGNMENT;
+    "Top right (top-right)": TOOLTIP_ALIGNMENT;
+    "Bottom (bottom)": TOOLTIP_ALIGNMENT;
+    "Bottom left (bottom-left)": TOOLTIP_ALIGNMENT;
+    "Bottom right (bottom-right)": TOOLTIP_ALIGNMENT;
+    "Left (left)": TOOLTIP_ALIGNMENT;
+    "Right (right)": TOOLTIP_ALIGNMENT;
+};
+export declare const defaultArgs: {
+    cancelLabel: string;
+    containerWidth: number;
+    editAlwaysVisible: boolean;
+    editLabel: string;
+    id: string;
+    inheritTypography: boolean;
+    invalid: boolean;
+    invalidText: string;
+    labelText: string;
+    placeholder: string;
+    readOnly: boolean;
+    readOnlyLabel: string;
+    readOnlyToggleTipText: string;
+    saveLabel: string;
+    size: EDIT_IN_PLACE_SIZE;
+    toggleTipAlignment: TOOLTIP_ALIGNMENT;
+    tooltipAlignment: TOOLTIP_ALIGNMENT;
+    value: string;
+};
+//# sourceMappingURL=edit-in-place-helpers.d.ts.map

package/es-custom/components/edit-in-place/edit-in-place-helpers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"edit-in-place-helpers.d.ts","sourceRoot":"","sources":["../../../src/components/edit-in-place/edit-in-place-helpers.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAGH,OAAO,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,QAAQ,CAAC;AAE/D,eAAO,MAAM,UAAU,QAA6B,CAAC;AACrD,eAAO,MAAM,UAAU,0BAA0B,CAAC;AAElD,eAAO,MAAM,KAAK;;;;CAIjB,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;;;;;;;CAW7B,CAAC;AAEF,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;CAmBvB,CAAC"}

package/es-custom/components/edit-in-place/edit-in-place-helpers.js

@@ -0,0 +1,59 @@
+/**
+ * Copyright IBM Corp. 2026
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import "../../globals/settings.js";
+import "./defs.js";
+//#region src/components/edit-in-place/edit-in-place-helpers.ts
+/**
+* @license
+*
+* Copyright IBM Corp. 2026
+*
+* This source code is licensed under the Apache-2.0 license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+const blockClass = "cds-custom--edit-in-place";
+const storyClass = "edit-in-place-example";
+const sizes = {
+	[`Small (sm)`]: "sm",
+	[`Medium (md)`]: "md",
+	[`Large (lg)`]: "lg"
+};
+const tooltipAlignments = {
+	[`Top (top)`]: "top",
+	[`Top left (top-left)`]: "top-left",
+	[`Top right (top-right)`]: "top-right",
+	[`Bottom (bottom)`]: "bottom",
+	[`Bottom left (bottom-left)`]: "bottom-left",
+	[`Bottom right (bottom-right)`]: "bottom-right",
+	[`Left (left)`]: "left",
+	[`Right (right)`]: "right"
+};
+const defaultArgs = {
+	cancelLabel: "Cancel",
+	containerWidth: 300,
+	editAlwaysVisible: false,
+	editLabel: "Edit",
+	id: "story-id",
+	inheritTypography: false,
+	invalid: false,
+	invalidText: "This field is required",
+	labelText: "Label text",
+	placeholder: "placeholder text",
+	readOnly: false,
+	readOnlyLabel: "Edit off",
+	readOnlyToggleTipText: "This field is read-only and cannot be edited",
+	saveLabel: "Save",
+	size: "sm",
+	toggleTipAlignment: "bottom",
+	tooltipAlignment: "top",
+	value: "default"
+};
+//#endregion
+export { blockClass, defaultArgs, sizes, storyClass, tooltipAlignments };
+
+//# sourceMappingURL=edit-in-place-helpers.js.map

package/es-custom/components/edit-in-place/edit-in-place-helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"edit-in-place-helpers.js","names":[],"sources":["../../../src/components/edit-in-place/edit-in-place-helpers.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2026\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { prefix } from '../../globals/settings';\nimport { EDIT_IN_PLACE_SIZE, TOOLTIP_ALIGNMENT } from './defs';\n\nexport const blockClass = prefix + '--edit-in-place';\nexport const storyClass = 'edit-in-place-example';\n\nexport const sizes = {\n  [`Small (${EDIT_IN_PLACE_SIZE.SMALL})`]: EDIT_IN_PLACE_SIZE.SMALL,\n  [`Medium (${EDIT_IN_PLACE_SIZE.MEDIUM})`]: EDIT_IN_PLACE_SIZE.MEDIUM,\n  [`Large (${EDIT_IN_PLACE_SIZE.LARGE})`]: EDIT_IN_PLACE_SIZE.LARGE,\n};\n\nexport const tooltipAlignments = {\n  [`Top (${TOOLTIP_ALIGNMENT.TOP})`]: TOOLTIP_ALIGNMENT.TOP,\n  [`Top left (${TOOLTIP_ALIGNMENT.TOP_LEFT})`]: TOOLTIP_ALIGNMENT.TOP_LEFT,\n  [`Top right (${TOOLTIP_ALIGNMENT.TOP_RIGHT})`]: TOOLTIP_ALIGNMENT.TOP_RIGHT,\n  [`Bottom (${TOOLTIP_ALIGNMENT.BOTTOM})`]: TOOLTIP_ALIGNMENT.BOTTOM,\n  [`Bottom left (${TOOLTIP_ALIGNMENT.BOTTOM_LEFT})`]:\n    TOOLTIP_ALIGNMENT.BOTTOM_LEFT,\n  [`Bottom right (${TOOLTIP_ALIGNMENT.BOTTOM_RIGHT})`]:\n    TOOLTIP_ALIGNMENT.BOTTOM_RIGHT,\n  [`Left (${TOOLTIP_ALIGNMENT.LEFT})`]: TOOLTIP_ALIGNMENT.LEFT,\n  [`Right (${TOOLTIP_ALIGNMENT.RIGHT})`]: TOOLTIP_ALIGNMENT.RIGHT,\n};\n\nexport const defaultArgs = {\n  cancelLabel: 'Cancel',\n  containerWidth: 300,\n  editAlwaysVisible: false,\n  editLabel: 'Edit',\n  id: 'story-id',\n  inheritTypography: false,\n  invalid: false,\n  invalidText: 'This field is required',\n  labelText: 'Label text',\n  placeholder: 'placeholder text',\n  readOnly: false,\n  readOnlyLabel: 'Edit off',\n  readOnlyToggleTipText: 'This field is read-only and cannot be edited',\n  saveLabel: 'Save',\n  size: EDIT_IN_PLACE_SIZE.SMALL,\n  toggleTipAlignment: TOOLTIP_ALIGNMENT.BOTTOM,\n  tooltipAlignment: TOOLTIP_ALIGNMENT.TOP,\n  value: 'default',\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;AAYA,MAAa,aAAA;AACb,MAAa,aAAa;AAE1B,MAAa,QAAQ;EAClB,eAAmC;EACnC,gBAAqC;EACrC,eAAmC;AACtC;AAEA,MAAa,oBAAoB;EAC9B,cAA8B;EAC9B,wBAAwC;EACxC,0BAA0C;EAC1C,oBAAoC;EACpC,8BAA8C;EAE9C,gCAAgD;EAEhD,gBAAgC;EAChC,kBAAkC;AACrC;AAEA,MAAa,cAAc;CACzB,aAAa;CACb,gBAAgB;CAChB,mBAAmB;CACnB,WAAW;CACX,IAAI;CACJ,mBAAmB;CACnB,SAAS;CACT,aAAa;CACb,WAAW;CACX,aAAa;CACb,UAAU;CACV,eAAe;CACf,uBAAuB;CACvB,WAAW;CACX,MAAA;CACA,oBAAA;CACA,kBAAA;CACA,OAAO;AACT"}

package/es-custom/components/edit-in-place/edit-in-place.d.ts

@@ -0,0 +1,214 @@
+/**
+ * @license
+ *
+ * Copyright IBM Corp. 2026
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { LitElement } from 'lit';
+import '../icon-button/index';
+import '../tooltip/index';
+import { EDIT_IN_PLACE_SIZE, TOOLTIP_ALIGNMENT } from './defs';
+export { EDIT_IN_PLACE_SIZE, TOOLTIP_ALIGNMENT };
+export type EditInPlaceSize = `${EDIT_IN_PLACE_SIZE}`;
+export type TooltipAlignment = `${TOOLTIP_ALIGNMENT}`;
+declare const CDSEditInPlace_base: {
+    new (...args: any[]): {
+        _handles: Set<import("../../globals/internal/handle").default>;
+        connectedCallback(): void;
+        disconnectedCallback(): void;
+    };
+    _hostListeners: {
+        [listenerName: string]: {
+            [type: string]: {
+                options?: boolean | AddEventListenerOptions;
+            };
+        };
+    };
+} & typeof LitElement;
+/**
+ * EditInPlace component for inline text editing.
+ *
+ * @element cds-custom-edit-in-place
+ * @csspart input - The input element
+ * @csspart actions - The button container
+ * @csspart invalid-text - The error message container
+ * @fires cds-custom-edit-in-place-change - Fired when the input value changes
+ * @fires cds-custom-edit-in-place-save - Fired when the save button is clicked or Enter is pressed
+ * @fires cds-custom-edit-in-place-cancel - Fired when the cancel button is clicked or Escape is pressed
+ * @fires cds-custom-edit-in-place-blur - Fired when the input loses focus (if onBlur handler is used)
+ */
+declare class CDSEditInPlace extends CDSEditInPlace_base {
+    /**
+     * Label for the cancel button
+     */
+    cancelLabel: string;
+    /**
+     * By default the edit icon is shown on hover only. Set to true to always show it.
+     */
+    editAlwaysVisible: boolean;
+    /**
+     * Label for the edit button
+     */
+    editLabel: string;
+    /**
+     * Specify a custom id for the input
+     */
+    id: string;
+    /**
+     * Causes the text entry field to inherit typography settings from the container
+     */
+    inheritTypography: boolean;
+    /**
+     * Determines if the input is invalid
+     */
+    invalid: boolean;
+    /**
+     * Text that is displayed if the input is invalid
+     */
+    invalidText: string;
+    /**
+     * Text that will be read by a screen reader when visiting this control
+     */
+    labelText: string;
+    /**
+     * Placeholder text for the input
+     */
+    placeholder: string;
+    /**
+     * Determines if the input is in readOnly mode
+     */
+    readOnly: boolean;
+    /**
+     * Label for the edit off button that displays when in read only mode
+     */
+    readOnlyLabel: string;
+    /**
+     * Text for the toggletip that displays when in read only mode
+     */
+    readOnlyToggleTipText: string;
+    /**
+     * Label for the save button
+     */
+    saveLabel: string;
+    /**
+     * Vertical size of control
+     */
+    size: EditInPlaceSize;
+    /**
+     * Alignment for the toggletip that displays when in read only mode
+     */
+    toggleTipAlignment: TooltipAlignment;
+    /**
+     * Tooltip alignment for buttons
+     */
+    tooltipAlignment: TooltipAlignment;
+    /**
+     * Current value of the input (controlled mode)
+     */
+    value: string;
+    /**
+     * Default value for uncontrolled mode
+     */
+    defaultValue: string;
+    /**
+     * Internal state for focused mode
+     */
+    private _focused;
+    /**
+     * Internal value for managing state
+     */
+    private _internalValue;
+    /**
+     * Internal state for initial value (when entering edit mode)
+     */
+    private _initialValue;
+    /**
+     * Internal state to track if input has been modified
+     */
+    private _dirtyInput;
+    /**
+     * Flag to track if we're handling escape key
+     */
+    private _escaping;
+    /**
+     * Flag to track if we're clicking within the component
+     */
+    private _clickingWithin;
+    /**
+     * Reference to the input element
+     */
+    private _inputElement?;
+    /**
+     * Check if value has changed from initial
+     */
+    private get _hasValueChanged();
+    /**
+     * Check if we can save (value changed and not invalid)
+     */
+    private get _canSave();
+    /**
+     * Check if we can cancel (value has changed)
+     */
+    private get _canCancel();
+    /**
+     * Handle input change
+     */
+    private _handleChange;
+    /**
+     * Handle focus
+     */
+    private _handleFocus;
+    protected willUpdate(changedProperties: Map<string, unknown>): void;
+    private _emitEvent;
+    /**
+     * Handle save
+     */
+    private _handleSave;
+    /**
+     * Handle cancel
+     */
+    private _handleCancel;
+    /**
+     * Handle blur
+     */
+    private _handleBlur;
+    /**
+     * Handle keyboard events
+     */
+    private _handleKeyDown;
+    /**
+     * Handle toolbar mousedown to track button clicks
+     * Uses composedPath() to properly handle Shadow DOM boundaries
+     */
+    private _handleToolbarMouseDown;
+    /**
+     * Handle keydown on save button to exit edit mode on Tab
+     */
+    private _handleSaveButtonKeyDown;
+    /**
+     * Handle clicks outside the component
+     */
+    private _handleDocumentClick;
+    /**
+     * Initialize component
+     */
+    connectedCallback(): void;
+    /**
+     * Cleanup component state when removed from DOM
+     */
+    disconnectedCallback(): void;
+    /**
+     * Render the input element
+     */
+    private _renderInput;
+    /**
+     * Render action buttons
+     */
+    private _renderActions;
+    render(): import("lit-html").TemplateResult<1>;
+    static styles: any;
+}
+export default CDSEditInPlace;
+//# sourceMappingURL=edit-in-place.d.ts.map

package/es-custom/components/edit-in-place/edit-in-place.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"edit-in-place.d.ts","sourceRoot":"","sources":["../../../src/components/edit-in-place/edit-in-place.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAcvC,OAAO,sBAAsB,CAAC;AAC9B,OAAO,kBAAkB,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,QAAQ,CAAC;AAE/D,OAAO,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,CAAC;AAIjD,MAAM,MAAM,eAAe,GAAG,GAAG,kBAAkB,EAAE,CAAC;AACtD,MAAM,MAAM,gBAAgB,GAAG,GAAG,iBAAiB,EAAE,CAAC;;;;;;;;;;uBAXvC,CAAA;;;;;AAaf;;;;;;;;;;;GAWG;AACH,cACM,cAAe,SAAQ,mBAA6B;IACxD;;OAEG;IAEH,WAAW,SAAY;IAEvB;;OAEG;IAEH,iBAAiB,UAAS;IAE1B;;OAEG;IAEH,SAAS,SAAU;IAEnB;;OAEG;IAEM,EAAE,SAAM;IAEjB;;OAEG;IAEH,iBAAiB,UAAS;IAE1B;;OAEG;IAEH,OAAO,UAAS;IAEhB;;OAEG;IAEH,WAAW,SAAM;IAEjB;;OAEG;IAEH,SAAS,SAAM;IAEf;;OAEG;IAEH,WAAW,SAAM;IAEjB;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,aAAa,SAAc;IAE3B;;OAEG;IAMH,qBAAqB,SAAkD;IAEvE;;OAEG;IAEH,SAAS,SAAU;IAEnB;;OAEG;IAEH,IAAI,EAAE,eAAe,CAAQ;IAE7B;;OAEG;IAEH,kBAAkB,EAAE,gBAAgB,CAAY;IAEhD;;OAEG;IAEH,gBAAgB,EAAE,gBAAgB,CAAS;IAE3C;;OAEG;IAEH,KAAK,SAAM;IAEX;;OAEG;IAEH,YAAY,SAAM;IAElB;;OAEG;IAEH,OAAO,CAAC,QAAQ,CAAS;IAEzB;;OAEG;IAEH,OAAO,CAAC,cAAc,CAAM;IAE5B;;OAEG;IAEH,OAAO,CAAC,aAAa,CAAM;IAE3B;;OAEG;IAEH,OAAO,CAAC,WAAW,CAAS;IAE5B;;OAEG;IACH,OAAO,CAAC,SAAS,CAAS;IAE1B;;OAEG;IACH,OAAO,CAAC,eAAe,CAAS;IAEhC;;OAEG;IAEH,OAAO,CAAC,aAAa,CAAC,CAAmB;IAEzC;;OAEG;IACH,OAAO,KAAK,gBAAgB,GAE3B;IAED;;OAEG;IACH,OAAO,KAAK,QAAQ,GAEnB;IAED;;OAEG;IACH,OAAO,KAAK,UAAU,GAErB;IAED;;OAEG;IACH,OAAO,CAAC,aAAa;IAUrB;;OAEG;IACH,OAAO,CAAC,YAAY;cAkBD,UAAU,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IASrE,OAAO,CAAC,UAAU;IAUlB;;OAEG;IACH,OAAO,CAAC,WAAW;IAenB;;OAEG;IACH,OAAO,CAAC,aAAa;IAmBrB;;OAEG;IACH,OAAO,CAAC,WAAW;IAkCnB;;OAEG;IACH,OAAO,CAAC,cAAc;IA8BtB;;;OAGG;IACH,OAAO,CAAC,uBAAuB;IAqB/B;;OAEG;IACH,OAAO,CAAC,wBAAwB;IAQhC;;OAEG;IAIH,OAAO,CAAC,oBAAoB,CAkB1B;IAEF;;OAEG;IACH,iBAAiB;IAOjB;;OAEG;IACH,oBAAoB;IAOpB;;OAEG;IACH,OAAO,CAAC,YAAY;IAuCpB;;OAEG;IACH,OAAO,CAAC,cAAc;IA4DtB,MAAM;IAiCN,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,cAAc,CAAC"}