@adyen/bento-vue2 1.56.2 → 1.57.1

package/dist/search-bar.js

@@ -1,5 +1,5 @@
-import { B as r, b as t, a as B } from "./chunks/search-bar.C-_Ba3wd.js";
-import { u as o } from "./chunks/dropdown.DfnKDRBQ.js";
+import { B as r, b as t, a as B } from "./chunks/search-bar.Cc8VBCjQ.js";
+import { u as o } from "./chunks/dropdown.sRIb4drl.js";
 export {
   r as BentoSearchBar,
   t as BentoSearchBarEvent,

package/dist/secondary-nav.js

@@ -1,4 +1,4 @@
-import { s as e } from "./chunks/secondary-nav.uhESbxKZ.js";
+import { s as e } from "./chunks/secondary-nav.DEDQjtj6.js";
 export {
   e as BentoSecondaryNav
 };

package/dist/segmented-control.js

@@ -1,4 +1,4 @@
-import { B as t } from "./chunks/segmented-control.CCgCeLDQ.js";
+import { B as t } from "./chunks/segmented-control.BQlmGv2x.js";
 import { B as r } from "./chunks/segmented-control.types.BHRLV8KU.js";
 export {
   t as BentoSegmentedControl,

package/dist/selection-card.js

@@ -1,4 +1,4 @@
-import { B as t, s as a, a as n } from "./chunks/selection-card-group.Dj9wWfmY.js";
+import { B as t, s as a, a as n } from "./chunks/selection-card-group.BniN7KWU.js";
 export {
   t as BentoSelectionCard,
   a as BentoSelectionCardGroup,

package/dist/sidepanel.js

@@ -1,4 +1,4 @@
-import { a as n, B as o, s as t } from "./chunks/sidepanel.DMXzlqbw.js";
+import { a as n, B as o, s as t } from "./chunks/sidepanel.DfQaLZEA.js";
 export {
   n as BentoSidepanel,
   o as BentoSidepanelEvent,

package/dist/structured-list.js

@@ -1,4 +1,4 @@
-import { B as r, a as o } from "./chunks/structured-list-item.DZ1_vy5W.js";
+import { B as r, a as o } from "./chunks/structured-list-item.xaedKywV.js";
 export {
   r as BentoStructuredList,
   o as BentoStructuredListItem

package/dist/styles/bento-dark.css

@@ -89,6 +89,8 @@
   --b-selection-card-icon-width: 48px;
   --b-selection-card-icon-height: 48px;
   --b-secondary-nav-max-width: 200px;
+  --b-rich-text-editor-content-area-min-height: 80px;
+  --b-rich-text-editor-renderer-min-height: 80px;
   --b-radio-input-knob-size: 8px;
   --b-radio-input-knob-offset-error: 2.5px;
   --b-radio-input-knob-offset: 3px;
@@ -733,6 +735,24 @@
   --b-secondary-nav-category-label-color: var(--b-color-label-secondary);
   --b-secondary-nav-category-label-padding: 0 var(--b-spacer-050) var(--b-spacer-020) var(--b-spacer-050);
   --b-secondary-nav-category-margin-bottom: var(--b-spacer-080);
+  --b-rich-text-editor-content-area-disabled-background-color: var(--b-color-background-disabled);
+  --b-rich-text-editor-content-area-padding: var(--b-spacer-040) var(--b-spacer-060);
+  --b-rich-text-editor-renderer-disabled-color: var(--b-color-label-disabled);
+  --b-rich-text-editor-renderer-padding: var(--b-spacer-040) var(--b-spacer-060);
+  --b-rich-text-editor-toolbar-border-bottom: var(--b-border-width-s) solid var(--b-color-outline-primary);
+  --b-rich-text-editor-toolbar-padding: var(--b-spacer-040) var(--b-spacer-060);
+  --b-rich-text-editor-container-disabled-color: var(--b-color-label-disabled);
+  --b-rich-text-editor-container-disabled-background-color: var(--b-color-background-disabled);
+  --b-rich-text-editor-container-disabled-border: var(--b-border-width-s) solid var(--b-color-outline-disabled);
+  --b-rich-text-editor-container-error-border: var(--b-border-width-attention) solid var(--b-color-outline-critical);
+  --b-rich-text-editor-container-active-border-color: var(--b-color-outline-primary-active);
+  --b-rich-text-editor-container-hover-border-color: var(--b-color-outline-primary-active);
+  --b-rich-text-editor-container-border: var(--b-border-width-s) solid var(--b-color-outline-tertiary);
+  --b-rich-text-editor-container-border-radius: var(--b-border-radius-m);
+  --b-rich-text-editor-description-margin-top: var(--b-spacer-040);
+  --b-rich-text-editor-description-color: var(--b-color-label-secondary);
+  --b-rich-text-editor-error-message-margin-top: var(--b-spacer-040);
+  --b-rich-text-editor-color: var(--b-color-label-primary);
   --b-radio-input-knob-readonly-color: var(--b-color-label-primary);
   --b-radio-input-knob-disabled-color: var(--b-color-label-disabled);
   --b-radio-input-knob-transition: transform var(--b-animation-duration-slow) var(--b-animation-easing-enter);
@@ -838,7 +858,7 @@
   --b-popover-background-color: var(--b-color-background-modal);
   --b-payment-method-label-padding: 0 0 0 var(--b-spacer-060);
   --b-payment-method-label-color: var(--b-color-label-primary);
-  --b-pagination-results-per-page-margin: 0 var(--b-spacer-060);
+  --b-pagination-results-per-page-margin: 0 var(--b-spacer-060) 0 0;
   --b-pagination-page-navigator-small-container-gap: var(--b-spacer-070);
   --b-pagination-divider-margin: 0 var(--b-spacer-070);
   --b-pagination-divider-border-width: var(--b-border-width-s);
@@ -1023,6 +1043,7 @@
   --b-inspector-header-padding-bottom: var(--b-spacer-070);
   --b-inspector-header-color: var(--b-color-label-primary);
   --b-inspector-container-padding: var(--b-spacer-070) var(--b-spacer-090);
+  --b-inspector-container-wrapper-box-shadow: var(--b-shadow-medium);
   --b-inspector-container-wrapper-border-left: 1px solid var(--b-color-separator-secondary);
   --b-inspector-container-wrapper-z-index: var(--b-z-index-global-elevated);
   --b-inspector-container-wrapper-background-color: var(--b-color-background-primary);

package/dist/styles/bento-light.css

@@ -88,6 +88,8 @@
   --b-selection-card-icon-width: 48px;
   --b-selection-card-icon-height: 48px;
   --b-secondary-nav-max-width: 200px;
+  --b-rich-text-editor-content-area-min-height: 80px;
+  --b-rich-text-editor-renderer-min-height: 80px;
   --b-radio-input-knob-size: 8px;
   --b-radio-input-knob-offset-error: 2.5px;
   --b-radio-input-knob-offset: 3px;
@@ -732,6 +734,24 @@
   --b-secondary-nav-category-label-color: var(--b-color-label-secondary);
   --b-secondary-nav-category-label-padding: 0 var(--b-spacer-050) var(--b-spacer-020) var(--b-spacer-050);
   --b-secondary-nav-category-margin-bottom: var(--b-spacer-080);
+  --b-rich-text-editor-content-area-disabled-background-color: var(--b-color-background-disabled);
+  --b-rich-text-editor-content-area-padding: var(--b-spacer-040) var(--b-spacer-060);
+  --b-rich-text-editor-renderer-disabled-color: var(--b-color-label-disabled);
+  --b-rich-text-editor-renderer-padding: var(--b-spacer-040) var(--b-spacer-060);
+  --b-rich-text-editor-toolbar-border-bottom: var(--b-border-width-s) solid var(--b-color-outline-primary);
+  --b-rich-text-editor-toolbar-padding: var(--b-spacer-040) var(--b-spacer-060);
+  --b-rich-text-editor-container-disabled-color: var(--b-color-label-disabled);
+  --b-rich-text-editor-container-disabled-background-color: var(--b-color-background-disabled);
+  --b-rich-text-editor-container-disabled-border: var(--b-border-width-s) solid var(--b-color-outline-disabled);
+  --b-rich-text-editor-container-error-border: var(--b-border-width-attention) solid var(--b-color-outline-critical);
+  --b-rich-text-editor-container-active-border-color: var(--b-color-outline-primary-active);
+  --b-rich-text-editor-container-hover-border-color: var(--b-color-outline-primary-active);
+  --b-rich-text-editor-container-border: var(--b-border-width-s) solid var(--b-color-outline-tertiary);
+  --b-rich-text-editor-container-border-radius: var(--b-border-radius-m);
+  --b-rich-text-editor-description-margin-top: var(--b-spacer-040);
+  --b-rich-text-editor-description-color: var(--b-color-label-secondary);
+  --b-rich-text-editor-error-message-margin-top: var(--b-spacer-040);
+  --b-rich-text-editor-color: var(--b-color-label-primary);
   --b-radio-input-knob-readonly-color: var(--b-color-label-primary);
   --b-radio-input-knob-disabled-color: var(--b-color-label-disabled);
   --b-radio-input-knob-transition: transform var(--b-animation-duration-slow) var(--b-animation-easing-enter);
@@ -837,7 +857,7 @@
   --b-popover-background-color: var(--b-color-background-modal);
   --b-payment-method-label-padding: 0 0 0 var(--b-spacer-060);
   --b-payment-method-label-color: var(--b-color-label-primary);
-  --b-pagination-results-per-page-margin: 0 var(--b-spacer-060);
+  --b-pagination-results-per-page-margin: 0 var(--b-spacer-060) 0 0;
   --b-pagination-page-navigator-small-container-gap: var(--b-spacer-070);
   --b-pagination-divider-margin: 0 var(--b-spacer-070);
   --b-pagination-divider-border-width: var(--b-border-width-s);
@@ -1022,6 +1042,7 @@
   --b-inspector-header-padding-bottom: var(--b-spacer-070);
   --b-inspector-header-color: var(--b-color-label-primary);
   --b-inspector-container-padding: var(--b-spacer-070) var(--b-spacer-090);
+  --b-inspector-container-wrapper-box-shadow: var(--b-shadow-medium);
   --b-inspector-container-wrapper-border-left: 1px solid var(--b-color-separator-secondary);
   --b-inspector-container-wrapper-z-index: var(--b-z-index-global-elevated);
   --b-inspector-container-wrapper-background-color: var(--b-color-background-primary);

package/dist/styles/bento.css

@@ -88,6 +88,8 @@
   --b-selection-card-icon-width: 48px;
   --b-selection-card-icon-height: 48px;
   --b-secondary-nav-max-width: 200px;
+  --b-rich-text-editor-content-area-min-height: 80px;
+  --b-rich-text-editor-renderer-min-height: 80px;
   --b-radio-input-knob-size: 8px;
   --b-radio-input-knob-offset-error: 2.5px;
   --b-radio-input-knob-offset: 3px;
@@ -732,6 +734,24 @@
   --b-secondary-nav-category-label-color: var(--b-color-label-secondary);
   --b-secondary-nav-category-label-padding: 0 var(--b-spacer-050) var(--b-spacer-020) var(--b-spacer-050);
   --b-secondary-nav-category-margin-bottom: var(--b-spacer-080);
+  --b-rich-text-editor-content-area-disabled-background-color: var(--b-color-background-disabled);
+  --b-rich-text-editor-content-area-padding: var(--b-spacer-040) var(--b-spacer-060);
+  --b-rich-text-editor-renderer-disabled-color: var(--b-color-label-disabled);
+  --b-rich-text-editor-renderer-padding: var(--b-spacer-040) var(--b-spacer-060);
+  --b-rich-text-editor-toolbar-border-bottom: var(--b-border-width-s) solid var(--b-color-outline-primary);
+  --b-rich-text-editor-toolbar-padding: var(--b-spacer-040) var(--b-spacer-060);
+  --b-rich-text-editor-container-disabled-color: var(--b-color-label-disabled);
+  --b-rich-text-editor-container-disabled-background-color: var(--b-color-background-disabled);
+  --b-rich-text-editor-container-disabled-border: var(--b-border-width-s) solid var(--b-color-outline-disabled);
+  --b-rich-text-editor-container-error-border: var(--b-border-width-attention) solid var(--b-color-outline-critical);
+  --b-rich-text-editor-container-active-border-color: var(--b-color-outline-primary-active);
+  --b-rich-text-editor-container-hover-border-color: var(--b-color-outline-primary-active);
+  --b-rich-text-editor-container-border: var(--b-border-width-s) solid var(--b-color-outline-tertiary);
+  --b-rich-text-editor-container-border-radius: var(--b-border-radius-m);
+  --b-rich-text-editor-description-margin-top: var(--b-spacer-040);
+  --b-rich-text-editor-description-color: var(--b-color-label-secondary);
+  --b-rich-text-editor-error-message-margin-top: var(--b-spacer-040);
+  --b-rich-text-editor-color: var(--b-color-label-primary);
   --b-radio-input-knob-readonly-color: var(--b-color-label-primary);
   --b-radio-input-knob-disabled-color: var(--b-color-label-disabled);
   --b-radio-input-knob-transition: transform var(--b-animation-duration-slow) var(--b-animation-easing-enter);
@@ -837,7 +857,7 @@
   --b-popover-background-color: var(--b-color-background-modal);
   --b-payment-method-label-padding: 0 0 0 var(--b-spacer-060);
   --b-payment-method-label-color: var(--b-color-label-primary);
-  --b-pagination-results-per-page-margin: 0 var(--b-spacer-060);
+  --b-pagination-results-per-page-margin: 0 var(--b-spacer-060) 0 0;
   --b-pagination-page-navigator-small-container-gap: var(--b-spacer-070);
   --b-pagination-divider-margin: 0 var(--b-spacer-070);
   --b-pagination-divider-border-width: var(--b-border-width-s);
@@ -1022,6 +1042,7 @@
   --b-inspector-header-padding-bottom: var(--b-spacer-070);
   --b-inspector-header-color: var(--b-color-label-primary);
   --b-inspector-container-padding: var(--b-spacer-070) var(--b-spacer-090);
+  --b-inspector-container-wrapper-box-shadow: var(--b-shadow-medium);
   --b-inspector-container-wrapper-border-left: 1px solid var(--b-color-separator-secondary);
   --b-inspector-container-wrapper-z-index: var(--b-z-index-global-elevated);
   --b-inspector-container-wrapper-background-color: var(--b-color-background-primary);

package/dist/styles/legacy.css

@@ -115,6 +115,8 @@
   --b-selection-card-icon-width: 48px;
   --b-selection-card-icon-height: 48px;
   --b-secondary-nav-max-width: 200px;
+  --b-rich-text-editor-content-area-min-height: 80px;
+  --b-rich-text-editor-renderer-min-height: 80px;
   --b-radio-input-knob-size: 6px;
   --b-radio-input-knob-offset-error: 3.5px;
   --b-radio-input-unchecked-error-border-width: 1.5px;
@@ -745,6 +747,24 @@
   --b-secondary-nav-category-label-color: var(--b-color-label-secondary);
   --b-secondary-nav-category-label-padding: 0 var(--b-spacer-050) var(--b-spacer-020) var(--b-spacer-050);
   --b-secondary-nav-category-margin-bottom: var(--b-spacer-080);
+  --b-rich-text-editor-content-area-disabled-background-color: var(--b-color-background-disabled);
+  --b-rich-text-editor-content-area-padding: var(--b-spacer-040) var(--b-spacer-060);
+  --b-rich-text-editor-renderer-disabled-color: var(--b-color-label-disabled);
+  --b-rich-text-editor-renderer-padding: var(--b-spacer-040) var(--b-spacer-060);
+  --b-rich-text-editor-toolbar-border-bottom: var(--b-border-width-s) solid var(--b-color-outline-primary);
+  --b-rich-text-editor-toolbar-padding: var(--b-spacer-040) var(--b-spacer-060);
+  --b-rich-text-editor-container-disabled-color: var(--b-color-label-disabled);
+  --b-rich-text-editor-container-disabled-background-color: var(--b-color-background-disabled);
+  --b-rich-text-editor-container-disabled-border: var(--b-border-width-s) solid var(--b-color-outline-disabled);
+  --b-rich-text-editor-container-error-border: var(--b-border-width-attention) solid var(--b-color-outline-critical);
+  --b-rich-text-editor-container-active-border-color: var(--b-color-outline-primary-active);
+  --b-rich-text-editor-container-hover-border-color: var(--b-color-outline-primary-active);
+  --b-rich-text-editor-container-border: var(--b-border-width-s) solid var(--b-color-outline-tertiary);
+  --b-rich-text-editor-container-border-radius: var(--b-border-radius-m);
+  --b-rich-text-editor-description-margin-top: var(--b-spacer-040);
+  --b-rich-text-editor-description-color: var(--b-color-label-secondary);
+  --b-rich-text-editor-error-message-margin-top: var(--b-spacer-040);
+  --b-rich-text-editor-color: var(--b-color-label-primary);
   --b-radio-input-knob-readonly-color: var(--b-color-label-primary);
   --b-radio-input-knob-transition: transform var(--b-animation-duration-slow) var(--b-animation-easing-enter);
   --b-radio-input-knob-offset: var(--b-spacer-020);
@@ -814,7 +834,7 @@
   --b-popover-border: var(--b-border-width-s) solid var(--b-color-neutral-20);
   --b-payment-method-label-padding: 0 0 0 var(--b-spacer-060);
   --b-payment-method-label-color: var(--b-color-label-primary);
-  --b-pagination-results-per-page-margin: 0 var(--b-spacer-060);
+  --b-pagination-results-per-page-margin: 0 var(--b-spacer-060) 0 0;
   --b-pagination-page-navigator-small-container-gap: var(--b-spacer-070);
   --b-pagination-divider-margin: 0 var(--b-spacer-070);
   --b-pagination-divider-border-width: var(--b-border-width-s);
@@ -974,6 +994,7 @@
   --b-inspector-header-padding-bottom: var(--b-spacer-070);
   --b-inspector-header-color: var(--b-color-label-primary);
   --b-inspector-container-padding: var(--b-spacer-070) var(--b-spacer-090);
+  --b-inspector-container-wrapper-box-shadow: var(--b-shadow-medium);
   --b-inspector-container-wrapper-border-left: 1px solid var(--b-color-separator-secondary);
   --b-inspector-container-wrapper-z-index: var(--b-z-index-global-elevated);
   --b-input-field-error-message-margin-top: var(--b-spacer-040);

package/dist/styles/styleguide.css

@@ -88,6 +88,8 @@
   --b-selection-card-icon-width: 48px;
   --b-selection-card-icon-height: 48px;
   --b-secondary-nav-max-width: 200px;
+  --b-rich-text-editor-content-area-min-height: 80px;
+  --b-rich-text-editor-renderer-min-height: 80px;
   --b-radio-input-knob-size: 8px;
   --b-radio-input-knob-offset-error: 2.5px;
   --b-radio-input-knob-offset: 3px;
@@ -787,6 +789,24 @@
   --b-secondary-nav-category-label-color: var(--b-color-label-secondary);
   --b-secondary-nav-category-label-padding: 0 var(--b-spacer-050) var(--b-spacer-020) var(--b-spacer-050);
   --b-secondary-nav-category-margin-bottom: var(--b-spacer-080);
+  --b-rich-text-editor-content-area-disabled-background-color: var(--b-color-background-disabled);
+  --b-rich-text-editor-content-area-padding: var(--b-spacer-040) var(--b-spacer-060);
+  --b-rich-text-editor-renderer-disabled-color: var(--b-color-label-disabled);
+  --b-rich-text-editor-renderer-padding: var(--b-spacer-040) var(--b-spacer-060);
+  --b-rich-text-editor-toolbar-border-bottom: var(--b-border-width-s) solid var(--b-color-outline-primary);
+  --b-rich-text-editor-toolbar-padding: var(--b-spacer-040) var(--b-spacer-060);
+  --b-rich-text-editor-container-disabled-color: var(--b-color-label-disabled);
+  --b-rich-text-editor-container-disabled-background-color: var(--b-color-background-disabled);
+  --b-rich-text-editor-container-disabled-border: var(--b-border-width-s) solid var(--b-color-outline-disabled);
+  --b-rich-text-editor-container-error-border: var(--b-border-width-attention) solid var(--b-color-outline-critical);
+  --b-rich-text-editor-container-active-border-color: var(--b-color-outline-primary-active);
+  --b-rich-text-editor-container-hover-border-color: var(--b-color-outline-primary-active);
+  --b-rich-text-editor-container-border: var(--b-border-width-s) solid var(--b-color-outline-tertiary);
+  --b-rich-text-editor-container-border-radius: var(--b-border-radius-m);
+  --b-rich-text-editor-description-margin-top: var(--b-spacer-040);
+  --b-rich-text-editor-description-color: var(--b-color-label-secondary);
+  --b-rich-text-editor-error-message-margin-top: var(--b-spacer-040);
+  --b-rich-text-editor-color: var(--b-color-label-primary);
   --b-radio-input-knob-readonly-color: var(--b-color-label-primary);
   --b-radio-input-knob-disabled-color: var(--b-color-label-disabled);
   --b-radio-input-knob-transition: transform var(--b-animation-duration-slow) var(--b-animation-easing-enter);
@@ -892,7 +912,7 @@
   --b-popover-background-color: var(--b-color-background-modal);
   --b-payment-method-label-padding: 0 0 0 var(--b-spacer-060);
   --b-payment-method-label-color: var(--b-color-label-primary);
-  --b-pagination-results-per-page-margin: 0 var(--b-spacer-060);
+  --b-pagination-results-per-page-margin: 0 var(--b-spacer-060) 0 0;
   --b-pagination-page-navigator-small-container-gap: var(--b-spacer-070);
   --b-pagination-divider-margin: 0 var(--b-spacer-070);
   --b-pagination-divider-border-width: var(--b-border-width-s);
@@ -1077,6 +1097,7 @@
   --b-inspector-header-padding-bottom: var(--b-spacer-070);
   --b-inspector-header-color: var(--b-color-label-primary);
   --b-inspector-container-padding: var(--b-spacer-070) var(--b-spacer-090);
+  --b-inspector-container-wrapper-box-shadow: var(--b-shadow-medium);
   --b-inspector-container-wrapper-border-left: 1px solid var(--b-color-separator-secondary);
   --b-inspector-container-wrapper-z-index: var(--b-z-index-global-elevated);
   --b-inspector-container-wrapper-background-color: var(--b-color-background-primary);

package/dist/summary-grid.js

@@ -1,4 +1,4 @@
-import { s as r, a as t, e as a, b as o, c as i, B as n, d as u, f as d } from "./chunks/summary-grid.types.D-OotxnX.js";
+import { s as r, a as t, e as a, b as o, c as i, B as n, d as u, f as d } from "./chunks/summary-grid.types.CNEeGgWh.js";
 export {
   r as BentoSummaryGrid,
   t as BentoSummaryGridItemAmount,

package/dist/tabs.js

@@ -1,4 +1,4 @@
-import { B as e, a as s } from "./chunks/tabs.BfL4CUD1.js";
+import { B as e, a as s } from "./chunks/tabs.DX_Gq12z.js";
 export {
   e as BentoTab,
   s as BentoTabs

package/dist/tag.js

@@ -1,4 +1,4 @@
-import { B as t, a as e } from "./chunks/tag.C7ATWnRW.js";
+import { B as t, a as e } from "./chunks/tag.C7kJJ5Ki.js";
 export {
   t as BentoTag,
   e as BentoTagVariant

package/dist/textarea.js

@@ -1,4 +1,4 @@
-import { B as o } from "./chunks/textarea.BkUzMu8d.js";
+import { B as o } from "./chunks/textarea.CdA36VsY.js";
 export {
   o as BentoTextarea
 };

package/dist/timeline.js

@@ -1,4 +1,4 @@
-import { t, b as i, a, c as m, B as o, d as l } from "./chunks/timeline-item.DcutETie.js";
+import { t, b as i, a, c as m, B as o, d as l } from "./chunks/timeline-item.D87PFH_o.js";
 export {
   t as BentoTimeline,
   i as BentoTimelineGapUnit,

package/dist/toast.js

@@ -1,4 +1,4 @@
-import { t as a } from "./chunks/toast.BV0qP2AF.js";
+import { t as a } from "./chunks/toast.BuxfqZJb.js";
 export {
   a as BentoToast
 };

package/dist/tutorial.js

@@ -1,4 +1,4 @@
-import { t as r } from "./chunks/tutorial.AOMH-Jq3.js";
+import { t as r } from "./chunks/tutorial.D74hJVBb.js";
 export {
   r as BentoTutorial
 };

package/dist/web-types.json

@@ -1,7 +1,7 @@
 {
   "framework": "vue",
   "name": "@adyen/bento-vue2",
-  "version": "1.56.2",
+  "version": "1.57.1",
   "contributions": {
     "html": {
       "description-markup": "markdown",
@@ -9254,6 +9254,16 @@
                 "kind": "expression",
                 "type": "string"
               }
+            },
+            {
+              "name": "relativeLayout",
+              "required": false,
+              "description": "The appearance of the inspector relative to the main content. Defaults to `push-content`.\n\n- `push-content`: The inspector pushes the main content to the side, resizing it to fit.\n- `overlay-content`: The inspector opens on top of the main content, without affecting its layout.",
+              "value": {
+                "kind": "expression",
+                "type": "BentoInspectorRelativeLayout"
+              },
+              "default": "'push-content'"
             }
           ],
           "events": [
@@ -11764,6 +11774,249 @@
             "symbol": "default"
           }
         },
+        {
+          "name": "rich-text-editor",
+          "description": "",
+          "attributes": [
+            {
+              "name": "description",
+              "required": false,
+              "description": "Descriptive supporting text visibile underneath the rich text editor.",
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              },
+              "default": "null"
+            },
+            {
+              "name": "disabled",
+              "required": false,
+              "description": "Disables rich text editor functionality.",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "false"
+            },
+            {
+              "name": "errorMessage",
+              "required": false,
+              "description": "Highlights the rich text editor in an erroneous state with an error message.",
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              },
+              "default": "null"
+            },
+            {
+              "name": "hideLabel",
+              "required": false,
+              "description": "Shows/hides the label.",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "null"
+            },
+            {
+              "name": "label",
+              "required": false,
+              "description": "Text that is displayed as a label above the element.",
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              },
+              "default": "null"
+            },
+            {
+              "name": "mode",
+              "required": false,
+              "description": "Allows the component to render first in visual mode.",
+              "value": {
+                "kind": "expression",
+                "type": "BentoRichTextEditorMode"
+              },
+              "default": "'markdown'"
+            },
+            {
+              "name": "required",
+              "required": false,
+              "description": "Highlights the rich text editor is required.",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "false"
+            },
+            {
+              "name": "tooltipText",
+              "required": false,
+              "description": "Adds a info icon next to the label to display the passed tooltip message.",
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              },
+              "default": "null"
+            },
+            {
+              "name": "value",
+              "required": false,
+              "description": "Text displayed as the value of the rich text editor",
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              },
+              "default": "null"
+            }
+          ],
+          "events": [
+            {
+              "name": "input",
+              "description": "Emmited when the content of the editor changes"
+            }
+          ],
+          "source": {
+            "module": "./src/components/rich-text-editor/rich-text-editor.vue",
+            "symbol": "default"
+          }
+        },
+        {
+          "name": "rich-text-editor-code-block",
+          "description": "",
+          "attributes": [
+            {
+              "name": "code",
+              "required": true,
+              "description": "Code to be rendered",
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              }
+            }
+          ],
+          "source": {
+            "module": "./src/components/rich-text-editor/components/rich-text-editor-renderer/components/rich-text-editor-code-block/rich-text-editor-code-block.vue",
+            "symbol": "default"
+          }
+        },
+        {
+          "name": "rich-text-editor-content-area",
+          "description": "",
+          "attributes": [
+            {
+              "name": "value",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              },
+              "default": "null"
+            },
+            {
+              "name": "disabled",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "false"
+            }
+          ],
+          "events": [
+            {
+              "name": "input"
+            }
+          ],
+          "source": {
+            "module": "./src/components/rich-text-editor/components/rich-text-editor-content-area/rich-text-editor-content-area.vue",
+            "symbol": "default"
+          }
+        },
+        {
+          "name": "rich-text-editor-inline-code",
+          "description": "",
+          "attributes": [
+            {
+              "name": "code",
+              "required": true,
+              "description": "Code to be rendered",
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              }
+            }
+          ],
+          "source": {
+            "module": "./src/components/rich-text-editor/components/rich-text-editor-renderer/components/rich-text-editor-inline-code/rich-text-editor-inline-code.vue",
+            "symbol": "default"
+          }
+        },
+        {
+          "name": "rich-text-editor-link",
+          "description": "",
+          "attributes": [
+            {
+              "name": "url",
+              "required": true,
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              },
+              "default": "''"
+            }
+          ],
+          "slots": [
+            {
+              "name": "default"
+            }
+          ],
+          "source": {
+            "module": "./src/components/rich-text-editor/components/rich-text-editor-renderer/components/rich-text-editor-link/rich-text-editor-link.vue",
+            "symbol": "default"
+          }
+        },
+        {
+          "name": "rich-text-editor-list-item",
+          "description": "",
+          "attributes": [
+            {
+              "name": "checked",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "null"
+            }
+          ],
+          "slots": [
+            {
+              "name": "default"
+            }
+          ],
+          "source": {
+            "module": "./src/components/rich-text-editor/components/rich-text-editor-renderer/components/rich-text-editor-list-item/rich-text-editor-list-item.vue",
+            "symbol": "default"
+          }
+        },
+        {
+          "name": "rich-text-editor-table",
+          "description": "",
+          "slots": [
+            {
+              "name": "default"
+            },
+            {
+              "name": "head"
+            },
+            {
+              "name": "body"
+            }
+          ],
+          "source": {
+            "module": "./src/components/rich-text-editor/components/rich-text-editor-renderer/components/rich-text-editor-table/rich-text-editor-table.vue"
+          }
+        },
         {
           "name": "search-bar",
           "description": "",