@cloudscape-design/components 3.0.1270 → 3.0.1272

package/prompt-input/styles.scoped.css

@@ -143,7 +143,7 @@
 */
 /* Style used for links in slots/components that are text heavy, to help links stand out among
 surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
-.awsui_root_55fkh_1e7lc_146:not(#\9) {
+.awsui_root_55fkh_587uz_146:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -183,18 +183,18 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-inline: var(--border-width-field-2xc78x, 1px) solid var(--awsui-prompt-input-style-border-color-default-6b9ypa, var(--color-border-input-default-317xk5, #8c8c94));
   box-shadow: var(--awsui-prompt-input-style-box-shadow-default-6b9ypa);
 }
-.awsui_root_55fkh_1e7lc_146:not(#\9):hover {
+.awsui_root_55fkh_587uz_146:not(#\9):hover {
   background-color: var(--awsui-prompt-input-style-background-hover-6b9ypa, var(--awsui-prompt-input-style-background-default-6b9ypa, var(--color-background-input-default-ifz5bb, #ffffff)));
   border-color: var(--awsui-prompt-input-style-border-color-hover-6b9ypa, var(--awsui-prompt-input-style-border-color-default-6b9ypa, var(--color-border-input-default-317xk5, #8c8c94)));
   box-shadow: var(--awsui-prompt-input-style-box-shadow-hover-6b9ypa, var(--awsui-prompt-input-style-box-shadow-default-6b9ypa));
 }
-.awsui_root_55fkh_1e7lc_146.awsui_textarea-readonly_55fkh_1e7lc_191:not(#\9) {
+.awsui_root_55fkh_587uz_146.awsui_textarea-readonly_55fkh_587uz_191:not(#\9) {
   background-color: var(--awsui-prompt-input-style-background-readonly-6b9ypa, var(--awsui-prompt-input-style-background-default-6b9ypa, var(--color-background-input-default-ifz5bb, #ffffff)));
   border-block: var(--border-width-field-2xc78x, 1px) solid var(--awsui-prompt-input-style-border-color-readonly-6b9ypa, var(--awsui-prompt-input-style-border-color-default-6b9ypa, var(--color-border-input-disabled-zgnzvk, #ebebf0)));
   border-inline: var(--border-width-field-2xc78x, 1px) solid var(--awsui-prompt-input-style-border-color-readonly-6b9ypa, var(--awsui-prompt-input-style-border-color-default-6b9ypa, var(--color-border-input-disabled-zgnzvk, #ebebf0)));
   box-shadow: var(--awsui-prompt-input-style-box-shadow-readonly-6b9ypa);
 }
-.awsui_root_55fkh_1e7lc_146.awsui_disabled_55fkh_1e7lc_197:not(#\9) {
+.awsui_root_55fkh_587uz_146.awsui_disabled_55fkh_587uz_197:not(#\9) {
   background-color: var(--awsui-prompt-input-style-background-disabled-6b9ypa, var(--color-background-input-disabled-dihaja, #ebebf0));
   border-block: var(--border-width-field-2xc78x, 1px) solid var(--awsui-prompt-input-style-border-color-disabled-6b9ypa, var(--color-border-input-disabled-zgnzvk, #ebebf0));
   border-inline: var(--border-width-field-2xc78x, 1px) solid var(--awsui-prompt-input-style-border-color-disabled-6b9ypa, var(--color-border-input-disabled-zgnzvk, #ebebf0));
@@ -202,57 +202,63 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   cursor: default;
   box-shadow: var(--awsui-prompt-input-style-box-shadow-disabled-6b9ypa);
 }
-.awsui_root_55fkh_1e7lc_146.awsui_textarea-invalid_55fkh_1e7lc_205:not(#\9) {
+.awsui_root_55fkh_587uz_146.awsui_textarea-invalid_55fkh_587uz_205:not(#\9) {
   color: var(--awsui-prompt-input-style-color-default-6b9ypa, var(--color-text-status-error-ksqavh, #db0000));
   border-color: var(--awsui-prompt-input-style-border-color-default-6b9ypa, var(--color-text-status-error-ksqavh, #db0000));
   padding-inline-start: calc(var(--space-field-horizontal-0aq2ch, 12px) - (var(--border-invalid-width-3xd6e1, 8px) - var(--border-width-field-2xc78x, 1px)));
   border-inline-start-width: var(--border-invalid-width-3xd6e1, 8px);
 }
-.awsui_root_55fkh_1e7lc_146.awsui_textarea-invalid_55fkh_1e7lc_205:not(#\9):focus {
+.awsui_root_55fkh_587uz_146.awsui_textarea-invalid_55fkh_587uz_205:not(#\9):focus {
   box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-9jjf96, 2px) var(--color-border-item-focused-uk47pl, #006ce0);
 }
-.awsui_root_55fkh_1e7lc_146.awsui_textarea-invalid_55fkh_1e7lc_205:not(#\9) {
+.awsui_root_55fkh_587uz_146.awsui_textarea-invalid_55fkh_587uz_205:not(#\9) {
   padding-inline-start: 0;
 }
-.awsui_root_55fkh_1e7lc_146.awsui_textarea-invalid_55fkh_1e7lc_205:not(#\9):focus-within, .awsui_root_55fkh_1e7lc_146.awsui_textarea-invalid_55fkh_1e7lc_205:not(#\9):focus {
+.awsui_root_55fkh_587uz_146.awsui_textarea-invalid_55fkh_587uz_205:not(#\9):focus-within, .awsui_root_55fkh_587uz_146.awsui_textarea-invalid_55fkh_587uz_205:not(#\9):focus {
   color: var(--awsui-prompt-input-style-color-default-6b9ypa, var(--color-text-status-error-ksqavh, #db0000));
   border-color: var(--awsui-prompt-input-style-border-color-default-6b9ypa, var(--color-text-status-error-ksqavh, #db0000));
   padding-inline-start: calc(var(--space-field-horizontal-0aq2ch, 12px) - (var(--border-invalid-width-3xd6e1, 8px) - var(--border-width-field-2xc78x, 1px)));
   border-inline-start-width: var(--border-invalid-width-3xd6e1, 8px);
 }
-.awsui_root_55fkh_1e7lc_146.awsui_textarea-invalid_55fkh_1e7lc_205:not(#\9):focus-within:focus, .awsui_root_55fkh_1e7lc_146.awsui_textarea-invalid_55fkh_1e7lc_205:not(#\9):focus:focus {
+.awsui_root_55fkh_587uz_146.awsui_textarea-invalid_55fkh_587uz_205:not(#\9):focus-within:focus, .awsui_root_55fkh_587uz_146.awsui_textarea-invalid_55fkh_587uz_205:not(#\9):focus:focus {
   box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-9jjf96, 2px) var(--color-border-item-focused-uk47pl, #006ce0);
 }
-.awsui_root_55fkh_1e7lc_146.awsui_textarea-invalid_55fkh_1e7lc_205:not(#\9):focus-within, .awsui_root_55fkh_1e7lc_146.awsui_textarea-invalid_55fkh_1e7lc_205:not(#\9):focus {
+.awsui_root_55fkh_587uz_146.awsui_textarea-invalid_55fkh_587uz_205:not(#\9):focus-within, .awsui_root_55fkh_587uz_146.awsui_textarea-invalid_55fkh_587uz_205:not(#\9):focus {
   padding-inline-start: 0;
   box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-9jjf96, 2px) var(--color-border-item-focused-uk47pl, #006ce0);
 }
-.awsui_root_55fkh_1e7lc_146.awsui_textarea-warning_55fkh_1e7lc_230:not(#\9) {
+.awsui_root_55fkh_587uz_146.awsui_textarea-invalid_55fkh_587uz_205.awsui_disabled_55fkh_587uz_197:not(#\9):focus-within, .awsui_root_55fkh_587uz_146.awsui_textarea-invalid_55fkh_587uz_205.awsui_disabled_55fkh_587uz_197:not(#\9):focus {
+  box-shadow: var(--awsui-prompt-input-style-box-shadow-disabled-6b9ypa);
+}
+.awsui_root_55fkh_587uz_146.awsui_textarea-warning_55fkh_587uz_233:not(#\9) {
   color: var(--awsui-prompt-input-style-color-default-6b9ypa, var(--color-text-status-warning-6meo06, #855900));
   border-color: var(--awsui-prompt-input-style-border-color-default-6b9ypa, var(--color-text-status-warning-6meo06, #855900));
   padding-inline-start: calc(var(--space-field-horizontal-0aq2ch, 12px) - (var(--border-invalid-width-3xd6e1, 8px) - var(--border-width-field-2xc78x, 1px)));
   border-inline-start-width: var(--border-invalid-width-3xd6e1, 8px);
 }
-.awsui_root_55fkh_1e7lc_146.awsui_textarea-warning_55fkh_1e7lc_230:not(#\9):focus {
+.awsui_root_55fkh_587uz_146.awsui_textarea-warning_55fkh_587uz_233:not(#\9):focus {
   box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-9jjf96, 2px) var(--color-border-item-focused-uk47pl, #006ce0);
 }
-.awsui_root_55fkh_1e7lc_146.awsui_textarea-warning_55fkh_1e7lc_230:not(#\9) {
+.awsui_root_55fkh_587uz_146.awsui_textarea-warning_55fkh_587uz_233:not(#\9) {
   padding-inline-start: 0;
 }
-.awsui_root_55fkh_1e7lc_146.awsui_textarea-warning_55fkh_1e7lc_230:not(#\9):focus-within, .awsui_root_55fkh_1e7lc_146.awsui_textarea-warning_55fkh_1e7lc_230:not(#\9):focus {
+.awsui_root_55fkh_587uz_146.awsui_textarea-warning_55fkh_587uz_233:not(#\9):focus-within, .awsui_root_55fkh_587uz_146.awsui_textarea-warning_55fkh_587uz_233:not(#\9):focus {
   color: var(--awsui-prompt-input-style-color-default-6b9ypa, var(--color-text-status-warning-6meo06, #855900));
   border-color: var(--awsui-prompt-input-style-border-color-default-6b9ypa, var(--color-text-status-warning-6meo06, #855900));
   padding-inline-start: calc(var(--space-field-horizontal-0aq2ch, 12px) - (var(--border-invalid-width-3xd6e1, 8px) - var(--border-width-field-2xc78x, 1px)));
   border-inline-start-width: var(--border-invalid-width-3xd6e1, 8px);
 }
-.awsui_root_55fkh_1e7lc_146.awsui_textarea-warning_55fkh_1e7lc_230:not(#\9):focus-within:focus, .awsui_root_55fkh_1e7lc_146.awsui_textarea-warning_55fkh_1e7lc_230:not(#\9):focus:focus {
+.awsui_root_55fkh_587uz_146.awsui_textarea-warning_55fkh_587uz_233:not(#\9):focus-within:focus, .awsui_root_55fkh_587uz_146.awsui_textarea-warning_55fkh_587uz_233:not(#\9):focus:focus {
   box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-9jjf96, 2px) var(--color-border-item-focused-uk47pl, #006ce0);
 }
-.awsui_root_55fkh_1e7lc_146.awsui_textarea-warning_55fkh_1e7lc_230:not(#\9):focus-within, .awsui_root_55fkh_1e7lc_146.awsui_textarea-warning_55fkh_1e7lc_230:not(#\9):focus {
+.awsui_root_55fkh_587uz_146.awsui_textarea-warning_55fkh_587uz_233:not(#\9):focus-within, .awsui_root_55fkh_587uz_146.awsui_textarea-warning_55fkh_587uz_233:not(#\9):focus {
   padding-inline-start: 0;
   box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-9jjf96, 2px) var(--color-border-item-focused-uk47pl, #006ce0);
 }
-.awsui_root_55fkh_1e7lc_146:not(#\9):focus-within, .awsui_root_55fkh_1e7lc_146:not(#\9):focus {
+.awsui_root_55fkh_587uz_146.awsui_textarea-warning_55fkh_587uz_233.awsui_disabled_55fkh_587uz_197:not(#\9):focus-within, .awsui_root_55fkh_587uz_146.awsui_textarea-warning_55fkh_587uz_233.awsui_disabled_55fkh_587uz_197:not(#\9):focus {
+  box-shadow: var(--awsui-prompt-input-style-box-shadow-disabled-6b9ypa);
+}
+.awsui_root_55fkh_587uz_146:not(#\9):focus-within:not(.awsui_textarea-invalid_55fkh_587uz_205):not(.awsui_textarea-warning_55fkh_587uz_233), .awsui_root_55fkh_587uz_146:not(#\9):focus:not(.awsui_textarea-invalid_55fkh_587uz_205):not(.awsui_textarea-warning_55fkh_587uz_233) {
   outline: 2px dotted transparent;
   border-block: var(--border-width-field-2xc78x, 1px) solid var(--awsui-prompt-input-style-border-color-focus-6b9ypa, var(--color-border-input-focused-4z0pgn, #006ce0));
   border-inline: var(--border-width-field-2xc78x, 1px) solid var(--awsui-prompt-input-style-border-color-focus-6b9ypa, var(--color-border-input-focused-4z0pgn, #006ce0));
@@ -263,8 +269,16 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   box-shadow: var(--awsui-prompt-input-style-box-shadow-focus-6b9ypa, 0 0 0 var(--border-control-focus-ring-shadow-spread-9mjajk, 1px) var(--color-border-item-focused-uk47pl, #006ce0));
   background-color: var(--awsui-prompt-input-style-background-focus-6b9ypa, var(--color-background-input-default-ifz5bb, #ffffff));
 }
+.awsui_root_55fkh_587uz_146.awsui_disabled_55fkh_587uz_197:not(#\9):focus-within:not(.awsui_textarea-invalid_55fkh_587uz_205):not(.awsui_textarea-warning_55fkh_587uz_233), .awsui_root_55fkh_587uz_146.awsui_disabled_55fkh_587uz_197:not(#\9):focus:not(.awsui_textarea-invalid_55fkh_587uz_205):not(.awsui_textarea-warning_55fkh_587uz_233) {
+  background-color: var(--awsui-prompt-input-style-background-disabled-6b9ypa, var(--color-background-input-disabled-dihaja, #ebebf0));
+  border-block: var(--border-width-field-2xc78x, 1px) solid var(--awsui-prompt-input-style-border-color-disabled-6b9ypa, var(--color-border-input-disabled-zgnzvk, #ebebf0));
+  border-inline: var(--border-width-field-2xc78x, 1px) solid var(--awsui-prompt-input-style-border-color-disabled-6b9ypa, var(--color-border-input-disabled-zgnzvk, #ebebf0));
+  color: var(--awsui-prompt-input-style-color-disabled-6b9ypa, var(--color-text-input-disabled-wh1f3y, #b4b4bb));
+  cursor: default;
+  box-shadow: var(--awsui-prompt-input-style-box-shadow-disabled-6b9ypa);
+}
 
-.awsui_textarea_55fkh_1e7lc_191:not(#\9) {
+.awsui_textarea_55fkh_587uz_191:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -313,55 +327,95 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   box-sizing: border-box;
   border: 0;
 }
-.awsui_textarea_55fkh_1e7lc_191:not(#\9)::placeholder {
+.awsui_textarea_55fkh_587uz_191.awsui_placeholder-visible_55fkh_587uz_330:not(#\9)::before {
+  content: attr(data-placeholder);
   color: var(--awsui-prompt-input-style-placeholder-color-6b9ypa, var(--color-text-input-placeholder-dclg8u, #656871));
   font-size: var(--awsui-prompt-input-style-placeholder-font-size-6b9ypa);
   font-style: var(--awsui-prompt-input-style-placeholder-font-style-6b9ypa, italic);
   font-weight: var(--awsui-prompt-input-style-placeholder-font-weight-6b9ypa);
   opacity: 1;
+  pointer-events: none;
+  position: absolute;
+  inset-block-start: var(--space-scaled-xxs-pfm1nx, 4px);
+  inset-inline-start: var(--space-field-horizontal-0aq2ch, 12px);
 }
-.awsui_textarea_55fkh_1e7lc_191:not(#\9):hover {
+.awsui_textarea_55fkh_587uz_191:not(#\9):hover {
   color: var(--awsui-prompt-input-style-color-hover-6b9ypa, var(--awsui-prompt-input-style-color-default-6b9ypa, var(--color-text-body-default-vvtq8u, #0f141a)));
 }
-.awsui_textarea_55fkh_1e7lc_191:not(#\9):focus {
+.awsui_textarea_55fkh_587uz_191:not(#\9):focus {
   outline: none;
   color: var(--awsui-prompt-input-style-color-focus-6b9ypa, var(--awsui-prompt-input-style-color-default-6b9ypa, var(--color-text-body-default-vvtq8u, #0f141a)));
 }
-.awsui_textarea_55fkh_1e7lc_191:not(#\9):invalid {
+.awsui_textarea_55fkh_587uz_191:not(#\9):invalid {
   box-shadow: none;
 }
-.awsui_textarea_55fkh_1e7lc_191.awsui_invalid_55fkh_1e7lc_333:not(#\9), .awsui_textarea_55fkh_1e7lc_191.awsui_warning_55fkh_1e7lc_333:not(#\9) {
+.awsui_textarea_55fkh_587uz_191:not(#\9)::placeholder {
+  color: var(--awsui-prompt-input-style-placeholder-color-6b9ypa, var(--color-text-input-placeholder-dclg8u, #656871));
+  font-size: var(--awsui-prompt-input-style-placeholder-font-size-6b9ypa);
+  font-style: var(--awsui-prompt-input-style-placeholder-font-style-6b9ypa, italic);
+  font-weight: var(--awsui-prompt-input-style-placeholder-font-weight-6b9ypa);
+  opacity: 1;
+}
+.awsui_textarea_55fkh_587uz_191.awsui_invalid_55fkh_587uz_359:not(#\9), .awsui_textarea_55fkh_587uz_191.awsui_warning_55fkh_587uz_359:not(#\9) {
   padding-inline-start: calc(var(--space-field-horizontal-0aq2ch, 12px) - (var(--border-invalid-width-3xd6e1, 8px) - var(--border-width-field-2xc78x, 1px)));
 }
-.awsui_textarea_55fkh_1e7lc_191:not(#\9):disabled {
+.awsui_textarea_55fkh_587uz_191:not(#\9):disabled, .awsui_textarea_55fkh_587uz_191.awsui_textarea-disabled_55fkh_587uz_362:not(#\9) {
   color: var(--awsui-prompt-input-style-color-disabled-6b9ypa, var(--color-text-input-disabled-wh1f3y, #b4b4bb));
   cursor: default;
+  overflow-y: hidden;
 }
-.awsui_textarea_55fkh_1e7lc_191:not(#\9):disabled::placeholder {
+.awsui_textarea_55fkh_587uz_191:not(#\9):disabled::placeholder, .awsui_textarea_55fkh_587uz_191.awsui_textarea-disabled_55fkh_587uz_362:not(#\9)::placeholder {
   color: var(--color-text-input-placeholder-disabled-wg87og, #b4b4bb);
   opacity: 1;
 }
-.awsui_textarea-readonly_55fkh_1e7lc_191:not(#\9) {
+.awsui_textarea-readonly_55fkh_587uz_191:not(#\9) {
   color: var(--awsui-prompt-input-style-color-readonly-6b9ypa, var(--awsui-prompt-input-style-color-default-6b9ypa, var(--color-text-body-default-vvtq8u, #0f141a)));
 }
-.awsui_textarea-wrapper_55fkh_1e7lc_347:not(#\9) {
+.awsui_textarea_55fkh_587uz_191.awsui_textarea-disabled_55fkh_587uz_362.awsui_placeholder-visible_55fkh_587uz_330:not(#\9)::before {
+  color: var(--color-text-input-placeholder-disabled-wg87og, #b4b4bb);
+  opacity: 1;
+  pointer-events: none;
+}
+.awsui_textarea_55fkh_587uz_191.awsui_placeholder-visible_55fkh_587uz_330:not(#\9)::before {
+  color: var(--awsui-prompt-input-style-placeholder-color-6b9ypa, var(--color-text-input-placeholder-dclg8u, #656871));
+  font-size: var(--awsui-prompt-input-style-placeholder-font-size-6b9ypa);
+  font-style: var(--awsui-prompt-input-style-placeholder-font-style-6b9ypa, italic);
+  font-weight: var(--awsui-prompt-input-style-placeholder-font-weight-6b9ypa);
+  opacity: 1;
+  pointer-events: none;
+}
+.awsui_textarea-wrapper_55fkh_587uz_387:not(#\9) {
   display: flex;
+  position: relative;
+}
+
+.awsui_editable-wrapper_55fkh_587uz_392:not(#\9) {
+  flex: 1;
+  min-inline-size: 0;
+  position: relative;
 }
 
-.awsui_primary-action_55fkh_1e7lc_351:not(#\9) {
+.awsui_editable-element_55fkh_587uz_398:not(#\9) {
+  word-wrap: break-word;
+  overflow-wrap: break-word;
+  overflow-y: auto;
+  overflow-x: hidden;
+}
+
+.awsui_primary-action_55fkh_587uz_405:not(#\9) {
   align-self: flex-end;
   flex-shrink: 0;
   padding-inline-start: calc(var(--space-field-horizontal-0aq2ch, 12px) / 2);
 }
-.awsui_textarea-wrapper_55fkh_1e7lc_347 > .awsui_primary-action_55fkh_1e7lc_351:not(#\9) {
+.awsui_textarea-wrapper_55fkh_587uz_387 > .awsui_primary-action_55fkh_587uz_405:not(#\9) {
   padding-inline-end: calc(var(--space-field-horizontal-0aq2ch, 12px) / 2);
 }
-.awsui_textarea-wrapper_55fkh_1e7lc_347 > .awsui_primary-action_55fkh_1e7lc_351 > .awsui_action-button_55fkh_1e7lc_359:not(#\9) {
+.awsui_textarea-wrapper_55fkh_587uz_387 > .awsui_primary-action_55fkh_587uz_405 > .awsui_action-button_55fkh_587uz_413:not(#\9) {
   margin-block-end: var(--space-scaled-xxxs-oo06c7, 2px);
   padding: 0;
 }
 
-.awsui_secondary-content_55fkh_1e7lc_364:not(#\9) {
+.awsui_secondary-content_55fkh_587uz_418:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -396,17 +450,17 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-end-start-radius: var(--border-radius-input-7q0str, 8px);
   border-end-end-radius: var(--border-radius-input-7q0str, 8px);
 }
-.awsui_secondary-content_55fkh_1e7lc_364.awsui_with-paddings_55fkh_1e7lc_399:not(#\9) {
+.awsui_secondary-content_55fkh_587uz_418.awsui_with-paddings_55fkh_587uz_453:not(#\9) {
   padding-block-start: var(--space-scaled-s-8ozaad, 12px);
   padding-block-end: var(--space-scaled-s-8ozaad, 12px);
   padding-inline-start: var(--space-field-horizontal-0aq2ch, 12px);
   padding-inline-end: var(--space-field-horizontal-0aq2ch, 12px);
 }
-.awsui_secondary-content_55fkh_1e7lc_364.awsui_with-paddings_55fkh_1e7lc_399.awsui_invalid_55fkh_1e7lc_333:not(#\9), .awsui_secondary-content_55fkh_1e7lc_364.awsui_with-paddings_55fkh_1e7lc_399.awsui_warning_55fkh_1e7lc_333:not(#\9) {
+.awsui_secondary-content_55fkh_587uz_418.awsui_with-paddings_55fkh_587uz_453.awsui_invalid_55fkh_587uz_359:not(#\9), .awsui_secondary-content_55fkh_587uz_418.awsui_with-paddings_55fkh_587uz_453.awsui_warning_55fkh_587uz_359:not(#\9) {
   padding-inline-start: calc(var(--space-field-horizontal-0aq2ch, 12px) - (var(--border-invalid-width-3xd6e1, 8px) - var(--border-width-field-2xc78x, 1px)));
 }
 
-.awsui_action-stripe_55fkh_1e7lc_409:not(#\9) {
+.awsui_action-stripe_55fkh_587uz_463:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -445,7 +499,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   align-items: flex-end;
 }
 
-.awsui_secondary-actions_55fkh_1e7lc_448:not(#\9) {
+.awsui_secondary-actions_55fkh_587uz_502:not(#\9) {
   flex-basis: max-content;
   flex-grow: 0;
   flex-shrink: 1;
@@ -455,20 +509,79 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   overflow: hidden;
   padding-inline-end: var(--space-scaled-xxs-pfm1nx, 4px);
 }
-.awsui_secondary-actions_55fkh_1e7lc_448.awsui_with-paddings_55fkh_1e7lc_399:not(#\9) {
+.awsui_secondary-actions_55fkh_587uz_502.awsui_with-paddings_55fkh_587uz_453:not(#\9) {
   padding-inline: var(--space-field-horizontal-0aq2ch, 12px);
   padding-block-start: var(--space-scaled-s-8ozaad, 12px);
   padding-block-end: var(--space-scaled-xxs-pfm1nx, 4px);
 }
-.awsui_secondary-actions_55fkh_1e7lc_448.awsui_with-paddings_55fkh_1e7lc_399.awsui_invalid_55fkh_1e7lc_333:not(#\9), .awsui_secondary-actions_55fkh_1e7lc_448.awsui_with-paddings_55fkh_1e7lc_399.awsui_warning_55fkh_1e7lc_333:not(#\9) {
+.awsui_secondary-actions_55fkh_587uz_502.awsui_with-paddings_55fkh_587uz_453.awsui_invalid_55fkh_587uz_359:not(#\9), .awsui_secondary-actions_55fkh_587uz_502.awsui_with-paddings_55fkh_587uz_453.awsui_warning_55fkh_587uz_359:not(#\9) {
   padding-inline-start: calc(var(--space-field-horizontal-0aq2ch, 12px) - (var(--border-invalid-width-3xd6e1, 8px) - var(--border-width-field-2xc78x, 1px)));
 }
-.awsui_secondary-actions_55fkh_1e7lc_448.awsui_with-paddings-and-actions_55fkh_1e7lc_466:not(#\9) {
+.awsui_secondary-actions_55fkh_587uz_502.awsui_with-paddings-and-actions_55fkh_587uz_520:not(#\9) {
   padding-inline-end: 0;
 }
 
-.awsui_buffer_55fkh_1e7lc_470:not(#\9) {
+.awsui_buffer_55fkh_587uz_524:not(#\9) {
   flex: 1;
   align-self: stretch;
   cursor: text;
+}
+
+.awsui_token-container_55fkh_587uz_530:not(#\9) {
+  display: inline-block;
+  user-select: all;
+  -webkit-user-select: all;
+  -moz-user-select: all;
+  padding-inline: var(--space-xxxs-pajhad, 2px);
+}
+
+.awsui_reference-wrapper_55fkh_587uz_538:not(#\9) {
+  unicode-bidi: isolate;
+}
+
+.awsui_trigger-base_55fkh_587uz_542:not(#\9) {
+  unicode-bidi: isolate;
+}
+
+.awsui_trigger-token_55fkh_587uz_546:not(#\9) {
+  -webkit-text-decoration: underline dashed currentColor;
+          text-decoration: underline dashed currentColor;
+  text-decoration-thickness: var(--border-divider-list-width-tdfx1x, 1px);
+  text-underline-offset: var(--space-xxxs-pajhad, 2px);
+}
+
+.awsui_paragraph_55fkh_587uz_552:not(#\9) {
+  border-collapse: separate;
+  border-spacing: 0;
+  box-sizing: border-box;
+  caption-side: top;
+  cursor: auto;
+  direction: inherit;
+  empty-cells: show;
+  font-family: serif;
+  font-style: normal;
+  font-variant: normal;
+  font-stretch: normal;
+  hyphens: none;
+  letter-spacing: normal;
+  list-style: disc outside none;
+  tab-size: 8;
+  text-align: start;
+  text-indent: 0;
+  text-shadow: none;
+  text-transform: none;
+  visibility: visible;
+  white-space: normal;
+  word-spacing: normal;
+  font-size: var(--font-size-body-m-a7nh2n, 14px);
+  line-height: var(--line-height-body-m-2mh3ke, 20px);
+  color: var(--color-text-body-default-vvtq8u, #0f141a);
+  font-weight: 400;
+  font-family: var(--font-family-base-gmnpzl, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
+  -webkit-font-smoothing: auto;
+  -moz-osx-font-smoothing: auto;
+  margin: 0;
+  padding: 0;
+  white-space: pre-wrap;
+  color: inherit;
 }

package/prompt-input/styles.selectors.js

@@ -2,22 +2,31 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_55fkh_1e7lc_146",
-  "textarea-readonly": "awsui_textarea-readonly_55fkh_1e7lc_191",
-  "disabled": "awsui_disabled_55fkh_1e7lc_197",
-  "textarea-invalid": "awsui_textarea-invalid_55fkh_1e7lc_205",
-  "textarea-warning": "awsui_textarea-warning_55fkh_1e7lc_230",
-  "textarea": "awsui_textarea_55fkh_1e7lc_191",
-  "invalid": "awsui_invalid_55fkh_1e7lc_333",
-  "warning": "awsui_warning_55fkh_1e7lc_333",
-  "textarea-wrapper": "awsui_textarea-wrapper_55fkh_1e7lc_347",
-  "primary-action": "awsui_primary-action_55fkh_1e7lc_351",
-  "action-button": "awsui_action-button_55fkh_1e7lc_359",
-  "secondary-content": "awsui_secondary-content_55fkh_1e7lc_364",
-  "with-paddings": "awsui_with-paddings_55fkh_1e7lc_399",
-  "action-stripe": "awsui_action-stripe_55fkh_1e7lc_409",
-  "secondary-actions": "awsui_secondary-actions_55fkh_1e7lc_448",
-  "with-paddings-and-actions": "awsui_with-paddings-and-actions_55fkh_1e7lc_466",
-  "buffer": "awsui_buffer_55fkh_1e7lc_470"
+  "root": "awsui_root_55fkh_587uz_146",
+  "textarea-readonly": "awsui_textarea-readonly_55fkh_587uz_191",
+  "disabled": "awsui_disabled_55fkh_587uz_197",
+  "textarea-invalid": "awsui_textarea-invalid_55fkh_587uz_205",
+  "textarea-warning": "awsui_textarea-warning_55fkh_587uz_233",
+  "textarea": "awsui_textarea_55fkh_587uz_191",
+  "placeholder-visible": "awsui_placeholder-visible_55fkh_587uz_330",
+  "invalid": "awsui_invalid_55fkh_587uz_359",
+  "warning": "awsui_warning_55fkh_587uz_359",
+  "textarea-disabled": "awsui_textarea-disabled_55fkh_587uz_362",
+  "textarea-wrapper": "awsui_textarea-wrapper_55fkh_587uz_387",
+  "editable-wrapper": "awsui_editable-wrapper_55fkh_587uz_392",
+  "editable-element": "awsui_editable-element_55fkh_587uz_398",
+  "primary-action": "awsui_primary-action_55fkh_587uz_405",
+  "action-button": "awsui_action-button_55fkh_587uz_413",
+  "secondary-content": "awsui_secondary-content_55fkh_587uz_418",
+  "with-paddings": "awsui_with-paddings_55fkh_587uz_453",
+  "action-stripe": "awsui_action-stripe_55fkh_587uz_463",
+  "secondary-actions": "awsui_secondary-actions_55fkh_587uz_502",
+  "with-paddings-and-actions": "awsui_with-paddings-and-actions_55fkh_587uz_520",
+  "buffer": "awsui_buffer_55fkh_587uz_524",
+  "token-container": "awsui_token-container_55fkh_587uz_530",
+  "reference-wrapper": "awsui_reference-wrapper_55fkh_587uz_538",
+  "trigger-base": "awsui_trigger-base_55fkh_587uz_542",
+  "trigger-token": "awsui_trigger-token_55fkh_587uz_546",
+  "paragraph": "awsui_paragraph_55fkh_587uz_552"
 };
   

package/prompt-input/test-classes/styles.css.js

@@ -1,11 +1,12 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_nr3gs_151v0_5",
-  "textarea": "awsui_textarea_nr3gs_151v0_9",
-  "action-button": "awsui_action-button_nr3gs_151v0_13",
-  "primary-action": "awsui_primary-action_nr3gs_151v0_17",
-  "secondary-actions": "awsui_secondary-actions_nr3gs_151v0_21",
-  "secondary-content": "awsui_secondary-content_nr3gs_151v0_25"
+  "root": "awsui_root_nr3gs_kgbet_5",
+  "textarea": "awsui_textarea_nr3gs_kgbet_9",
+  "content-editable": "awsui_content-editable_nr3gs_kgbet_13",
+  "action-button": "awsui_action-button_nr3gs_kgbet_17",
+  "primary-action": "awsui_primary-action_nr3gs_kgbet_21",
+  "secondary-actions": "awsui_secondary-actions_nr3gs_kgbet_25",
+  "secondary-content": "awsui_secondary-content_nr3gs_kgbet_29"
 };
   

package/prompt-input/test-classes/styles.scoped.css

@@ -2,26 +2,30 @@
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_root_nr3gs_151v0_5:not(#\9) {
+.awsui_root_nr3gs_kgbet_5:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_textarea_nr3gs_151v0_9:not(#\9) {
+.awsui_textarea_nr3gs_kgbet_9:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_action-button_nr3gs_151v0_13:not(#\9) {
+.awsui_content-editable_nr3gs_kgbet_13:not(#\9) {
+  /* used in test-utils - contentEditable element for token mode */
+}
+
+.awsui_action-button_nr3gs_kgbet_17:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_primary-action_nr3gs_151v0_17:not(#\9) {
+.awsui_primary-action_nr3gs_kgbet_21:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_secondary-actions_nr3gs_151v0_21:not(#\9) {
+.awsui_secondary-actions_nr3gs_kgbet_25:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_secondary-content_nr3gs_151v0_25:not(#\9) {
+.awsui_secondary-content_nr3gs_kgbet_29:not(#\9) {
   /* used in test-utils */
 }

package/prompt-input/test-classes/styles.selectors.js

@@ -2,11 +2,12 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_nr3gs_151v0_5",
-  "textarea": "awsui_textarea_nr3gs_151v0_9",
-  "action-button": "awsui_action-button_nr3gs_151v0_13",
-  "primary-action": "awsui_primary-action_nr3gs_151v0_17",
-  "secondary-actions": "awsui_secondary-actions_nr3gs_151v0_21",
-  "secondary-content": "awsui_secondary-content_nr3gs_151v0_25"
+  "root": "awsui_root_nr3gs_kgbet_5",
+  "textarea": "awsui_textarea_nr3gs_kgbet_9",
+  "content-editable": "awsui_content-editable_nr3gs_kgbet_13",
+  "action-button": "awsui_action-button_nr3gs_kgbet_17",
+  "primary-action": "awsui_primary-action_nr3gs_kgbet_21",
+  "secondary-actions": "awsui_secondary-actions_nr3gs_kgbet_25",
+  "secondary-content": "awsui_secondary-content_nr3gs_kgbet_29"
 };
   

package/prompt-input/tokens/use-shortcuts.d.ts

@@ -0,0 +1,37 @@
+import React from 'react';
+import { CaretController } from '../core/caret-controller';
+import { PromptInputProps } from '../interfaces';
+export interface ShortcutsState {
+  /** The ID of the trigger the caret is currently in, or null if not in any trigger. */
+  caretInTrigger: string | null;
+  setCaretInTrigger: (triggerId: string | null) => void;
+  /** DOM elements for trigger spans, keyed by trigger ID. Used for dropdown positioning and render reuse. */
+  triggerElementsRef: React.MutableRefObject<Map<string, HTMLElement>>;
+  /** Trigger IDs cancelled by onTriggerDetected — prevents menu opening and re-detection. */
+  cancelledTriggerIds: React.MutableRefObject<Set<string>>;
+  /** Set to the trigger ID that was just closed. checkMenuState skips reopening
+   *  this specific trigger on the next call, then clears the value. */
+  menuJustClosed: React.MutableRefObject<string | null>;
+  /** Tracks the last token array emitted by the component. Used to distinguish
+   *  user-initiated changes from external (parent) updates. */
+  lastEmittedTokensRef: React.MutableRefObject<readonly PromptInputProps.InputToken[] | undefined>;
+  markTokensAsSent: (tokens: readonly PromptInputProps.InputToken[]) => void;
+}
+export declare function useShortcutsState(): ShortcutsState;
+interface EffectsConfig {
+  tokens?: readonly PromptInputProps.InputToken[];
+  editableElementRef: React.RefObject<HTMLDivElement>;
+  state: ShortcutsState;
+  activeTriggerToken: PromptInputProps.TriggerToken | null;
+  caretController: React.RefObject<CaretController | null>;
+}
+/**
+ * Manages trigger menu state by listening for selection changes within the
+ * editable element. Determines which trigger (if any) the caret is inside
+ * and updates `caretInTrigger` accordingly.
+ *
+ * Supports menu suppression (via Escape) which is cleared on the next user
+ * interaction that changes the selection.
+ */
+export declare function useShortcutsEffects(config: EffectsConfig): void;
+export {};

package/prompt-input/tokens/use-shortcuts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-shortcuts.d.ts","sourceRoot":"","sources":["../../../../src/prompt-input/tokens/use-shortcuts.ts"],"names":[],"mappings":"AAGA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAI3D,OAAO,EAAE,eAAe,EAAqB,MAAM,0BAA0B,CAAC;AAG9E,OAAO,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAEjD,MAAM,WAAW,cAAc;IAC7B,sFAAsF;IACtF,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,iBAAiB,EAAE,CAAC,SAAS,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACtD,2GAA2G;IAC3G,kBAAkB,EAAE,KAAK,CAAC,gBAAgB,CAAC,GAAG,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC,CAAC;IACrE,2FAA2F;IAC3F,mBAAmB,EAAE,KAAK,CAAC,gBAAgB,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC;IACzD;yEACqE;IACrE,cAAc,EAAE,KAAK,CAAC,gBAAgB,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC;IACtD;iEAC6D;IAC7D,oBAAoB,EAAE,KAAK,CAAC,gBAAgB,CAAC,SAAS,gBAAgB,CAAC,UAAU,EAAE,GAAG,SAAS,CAAC,CAAC;IACjG,gBAAgB,EAAE,CAAC,MAAM,EAAE,SAAS,gBAAgB,CAAC,UAAU,EAAE,KAAK,IAAI,CAAC;CAC5E;AAED,wBAAgB,iBAAiB,IAAI,cAAc,CAoBlD;AAED,UAAU,aAAa;IACrB,MAAM,CAAC,EAAE,SAAS,gBAAgB,CAAC,UAAU,EAAE,CAAC;IAChD,kBAAkB,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IACpD,KAAK,EAAE,cAAc,CAAC;IACtB,kBAAkB,EAAE,gBAAgB,CAAC,YAAY,GAAG,IAAI,CAAC;IACzD,eAAe,EAAE,KAAK,CAAC,SAAS,CAAC,eAAe,GAAG,IAAI,CAAC,CAAC;CAC1D;AAED;;;;;;;GAOG;AACH,wBAAgB,mBAAmB,CAAC,MAAM,EAAE,aAAa,QAkExD"}

package/prompt-input/tokens/use-shortcuts.js

@@ -0,0 +1,89 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+import { useEffect, useRef, useState } from 'react';
+import { useStableCallback } from '@cloudscape-design/component-toolkit/internal';
+import { getOwnerSelection } from '../core/caret-controller';
+import { normalizeCaretIntoTrigger } from '../core/dom-utils';
+import { isTriggerToken } from '../core/type-guards';
+export function useShortcutsState() {
+    const [caretInTrigger, setCaretInTrigger] = useState(null);
+    const triggerElementsRef = useRef(new Map());
+    const cancelledTriggerIds = useRef(new Set());
+    const menuJustClosed = useRef(null);
+    const lastEmittedTokensRef = useRef(undefined);
+    const markTokensAsSent = useStableCallback((tokens) => {
+        lastEmittedTokensRef.current = tokens;
+    });
+    return {
+        caretInTrigger,
+        setCaretInTrigger,
+        triggerElementsRef,
+        cancelledTriggerIds,
+        menuJustClosed,
+        lastEmittedTokensRef,
+        markTokensAsSent,
+    };
+}
+/**
+ * Manages trigger menu state by listening for selection changes within the
+ * editable element. Determines which trigger (if any) the caret is inside
+ * and updates `caretInTrigger` accordingly.
+ *
+ * Supports menu suppression (via Escape) which is cleared on the next user
+ * interaction that changes the selection.
+ */
+export function useShortcutsEffects(config) {
+    const { activeTriggerToken, editableElementRef, state, tokens, caretController } = config;
+    useEffect(() => {
+        var _a;
+        const hasTriggers = tokens === null || tokens === void 0 ? void 0 : tokens.some(isTriggerToken);
+        if (!hasTriggers || !editableElementRef.current) {
+            state.setCaretInTrigger(null);
+            return;
+        }
+        const checkMenuState = () => {
+            const ctrl = caretController.current;
+            if (!editableElementRef.current || !ctrl) {
+                return;
+            }
+            // Only react to selection changes within this input
+            const sel = getOwnerSelection(editableElementRef.current);
+            if (!(sel === null || sel === void 0 ? void 0 : sel.rangeCount) || !editableElementRef.current.contains(sel.getRangeAt(0).startContainer)) {
+                return;
+            }
+            normalizeCaretIntoTrigger(editableElementRef.current, state.cancelledTriggerIds.current);
+            const activeTrigger = ctrl.findActiveTrigger();
+            // The caret can land inside a cancelled trigger's DOM element (e.g. via
+            // arrow keys). Without this guard, setCaretInTrigger would reopen the menu.
+            const activeTriggerId = activeTrigger && !state.cancelledTriggerIds.current.has(activeTrigger.id) ? activeTrigger.id : null;
+            // Skip reopening the trigger that was just closed via Escape.
+            // Clears after one check so subsequent actions can reopen it.
+            if (state.menuJustClosed.current) {
+                const closedId = state.menuJustClosed.current;
+                state.menuJustClosed.current = null;
+                if (activeTriggerId === closedId) {
+                    return;
+                }
+            }
+            if (activeTriggerId !== state.caretInTrigger) {
+                state.setCaretInTrigger(activeTriggerId);
+            }
+        };
+        const onKeyUp = (e) => {
+            if (e.key === 'Escape') {
+                return;
+            }
+            checkMenuState();
+        };
+        const ownerDoc = (_a = editableElementRef.current.ownerDocument) !== null && _a !== void 0 ? _a : document;
+        const element = editableElementRef.current;
+        checkMenuState();
+        ownerDoc.addEventListener('selectionchange', checkMenuState);
+        element.addEventListener('keyup', onKeyUp);
+        return () => {
+            ownerDoc.removeEventListener('selectionchange', checkMenuState);
+            element.removeEventListener('keyup', onKeyUp);
+        };
+    }, [tokens, state, editableElementRef, caretController, activeTriggerToken]);
+}
+//# sourceMappingURL=use-shortcuts.js.map

package/prompt-input/tokens/use-shortcuts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-shortcuts.js","sourceRoot":"","sources":["../../../../src/prompt-input/tokens/use-shortcuts.ts"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport React, { useEffect, useRef, useState } from 'react';\n\nimport { useStableCallback } from '@cloudscape-design/component-toolkit/internal';\n\nimport { CaretController, getOwnerSelection } from '../core/caret-controller';\nimport { normalizeCaretIntoTrigger } from '../core/dom-utils';\nimport { isTriggerToken } from '../core/type-guards';\nimport { PromptInputProps } from '../interfaces';\n\nexport interface ShortcutsState {\n  /** The ID of the trigger the caret is currently in, or null if not in any trigger. */\n  caretInTrigger: string | null;\n  setCaretInTrigger: (triggerId: string | null) => void;\n  /** DOM elements for trigger spans, keyed by trigger ID. Used for dropdown positioning and render reuse. */\n  triggerElementsRef: React.MutableRefObject<Map<string, HTMLElement>>;\n  /** Trigger IDs cancelled by onTriggerDetected — prevents menu opening and re-detection. */\n  cancelledTriggerIds: React.MutableRefObject<Set<string>>;\n  /** Set to the trigger ID that was just closed. checkMenuState skips reopening\n   *  this specific trigger on the next call, then clears the value. */\n  menuJustClosed: React.MutableRefObject<string | null>;\n  /** Tracks the last token array emitted by the component. Used to distinguish\n   *  user-initiated changes from external (parent) updates. */\n  lastEmittedTokensRef: React.MutableRefObject<readonly PromptInputProps.InputToken[] | undefined>;\n  markTokensAsSent: (tokens: readonly PromptInputProps.InputToken[]) => void;\n}\n\nexport function useShortcutsState(): ShortcutsState {\n  const [caretInTrigger, setCaretInTrigger] = useState<string | null>(null);\n  const triggerElementsRef = useRef<Map<string, HTMLElement>>(new Map());\n  const cancelledTriggerIds = useRef<Set<string>>(new Set());\n  const menuJustClosed = useRef<string | null>(null);\n  const lastEmittedTokensRef = useRef<readonly PromptInputProps.InputToken[] | undefined>(undefined);\n\n  const markTokensAsSent = useStableCallback((tokens: readonly PromptInputProps.InputToken[]) => {\n    lastEmittedTokensRef.current = tokens;\n  });\n\n  return {\n    caretInTrigger,\n    setCaretInTrigger,\n    triggerElementsRef,\n    cancelledTriggerIds,\n    menuJustClosed,\n    lastEmittedTokensRef,\n    markTokensAsSent,\n  };\n}\n\ninterface EffectsConfig {\n  tokens?: readonly PromptInputProps.InputToken[];\n  editableElementRef: React.RefObject<HTMLDivElement>;\n  state: ShortcutsState;\n  activeTriggerToken: PromptInputProps.TriggerToken | null;\n  caretController: React.RefObject<CaretController | null>;\n}\n\n/**\n * Manages trigger menu state by listening for selection changes within the\n * editable element. Determines which trigger (if any) the caret is inside\n * and updates `caretInTrigger` accordingly.\n *\n * Supports menu suppression (via Escape) which is cleared on the next user\n * interaction that changes the selection.\n */\nexport function useShortcutsEffects(config: EffectsConfig) {\n  const { activeTriggerToken, editableElementRef, state, tokens, caretController } = config;\n\n  useEffect(() => {\n    const hasTriggers = tokens?.some(isTriggerToken);\n\n    if (!hasTriggers || !editableElementRef.current) {\n      state.setCaretInTrigger(null);\n      return;\n    }\n\n    const checkMenuState = () => {\n      const ctrl = caretController.current;\n      if (!editableElementRef.current || !ctrl) {\n        return;\n      }\n\n      // Only react to selection changes within this input\n      const sel = getOwnerSelection(editableElementRef.current);\n      if (!sel?.rangeCount || !editableElementRef.current.contains(sel.getRangeAt(0).startContainer)) {\n        return;\n      }\n\n      normalizeCaretIntoTrigger(editableElementRef.current, state.cancelledTriggerIds.current);\n\n      const activeTrigger = ctrl.findActiveTrigger();\n      // The caret can land inside a cancelled trigger's DOM element (e.g. via\n      // arrow keys). Without this guard, setCaretInTrigger would reopen the menu.\n      const activeTriggerId =\n        activeTrigger && !state.cancelledTriggerIds.current.has(activeTrigger.id) ? activeTrigger.id : null;\n\n      // Skip reopening the trigger that was just closed via Escape.\n      // Clears after one check so subsequent actions can reopen it.\n      if (state.menuJustClosed.current) {\n        const closedId = state.menuJustClosed.current;\n        state.menuJustClosed.current = null;\n        if (activeTriggerId === closedId) {\n          return;\n        }\n      }\n\n      if (activeTriggerId !== state.caretInTrigger) {\n        state.setCaretInTrigger(activeTriggerId);\n      }\n    };\n\n    const onKeyUp = (e: KeyboardEvent) => {\n      if (e.key === 'Escape') {\n        return;\n      }\n      checkMenuState();\n    };\n\n    const ownerDoc = editableElementRef.current.ownerDocument ?? document;\n    const element = editableElementRef.current;\n\n    checkMenuState();\n\n    ownerDoc.addEventListener('selectionchange', checkMenuState);\n    element.addEventListener('keyup', onKeyUp);\n\n    return () => {\n      ownerDoc.removeEventListener('selectionchange', checkMenuState);\n      element.removeEventListener('keyup', onKeyUp);\n    };\n  }, [tokens, state, editableElementRef, caretController, activeTriggerToken]);\n}\n"]}