@adyen/bento-vue2 1.89.2 → 1.91.0

package/dist/web-types.json

@@ -1,7 +1,7 @@
 {
   "framework": "vue",
   "name": "@adyen/bento-vue2",
-  "version": "1.89.2",
+  "version": "1.91.0",
   "contributions": {
     "html": {
       "description-markup": "markdown",
@@ -1546,6 +1546,30 @@
             "symbol": "default"
           }
         },
+        {
+          "name": "bento-draggable-default-example",
+          "description": "",
+          "source": {
+            "module": "./src/components/draggable/__tests__/bento-draggable-default-example.vue",
+            "symbol": "default"
+          }
+        },
+        {
+          "name": "bento-draggable-grid-example",
+          "description": "",
+          "source": {
+            "module": "./src/components/draggable/__tests__/bento-draggable-grid-example.vue",
+            "symbol": "default"
+          }
+        },
+        {
+          "name": "bento-draggable-nested-example",
+          "description": "",
+          "source": {
+            "module": "./src/components/draggable/__tests__/bento-draggable-nested-example.vue",
+            "symbol": "default"
+          }
+        },
         {
           "name": "bento-header",
           "description": "",
@@ -5066,6 +5090,14 @@
             "symbol": "default"
           }
         },
+        {
+          "name": "data-grid-multi-row-actions",
+          "description": "",
+          "source": {
+            "module": "./src/components/data-grid/__tests__/data-grid-multi-row-actions.vue",
+            "symbol": "default"
+          }
+        },
         {
           "name": "data-grid-row",
           "description": "",
@@ -6385,6 +6417,51 @@
             "symbol": "default"
           }
         },
+        {
+          "name": "draggable",
+          "description": "",
+          "attributes": [
+            {
+              "name": "el",
+              "required": false,
+              "description": "Element that will contain the draggable elements.",
+              "value": {
+                "kind": "expression",
+                "type": "TSTypeOperator"
+              },
+              "default": "'div'"
+            },
+            {
+              "name": "items",
+              "required": false,
+              "description": "List of items to be rendered as draggable elements",
+              "value": {
+                "kind": "expression",
+                "type": "Array"
+              },
+              "default": "() => []"
+            },
+            {
+              "name": "options",
+              "required": false,
+              "description": "Options to be passed to SortableJS.",
+              "value": {
+                "kind": "expression",
+                "type": "BentoDraggableOptions"
+              },
+              "default": "() => ({})"
+            }
+          ],
+          "slots": [
+            {
+              "name": "default"
+            }
+          ],
+          "source": {
+            "module": "./src/components/draggable/draggable.vue",
+            "symbol": "default"
+          }
+        },
         {
           "name": "draggable-handle",
           "description": "",
@@ -6399,6 +6476,16 @@
               },
               "default": "false"
             },
+            {
+              "name": "disabled",
+              "required": false,
+              "description": "Prevents the component from being dragged.\nDisables the handle",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "false"
+            },
             {
               "name": "disabledMenus",
               "required": false,
@@ -6456,7 +6543,7 @@
             }
           ],
           "source": {
-            "module": "./src/components/draggable-handle/draggable-handle.vue",
+            "module": "./src/components/draggable/components/draggable-handle/draggable-handle.vue",
             "symbol": "default"
           }
         },
@@ -6464,7 +6551,7 @@
           "name": "draggable-handle-default-example",
           "description": "",
           "source": {
-            "module": "./src/components/draggable-handle/__tests__/draggable-handle-default-example.vue",
+            "module": "./src/components/draggable/components/draggable-handle/__tests__/draggable-handle-default-example.vue",
             "symbol": "default"
           }
         },
@@ -9204,12 +9291,21 @@
           "attributes": [
             {
               "name": "layout",
-              "description": "The layout of the pair group of components.\nThis will render the components within the width of the proportions.\nOnly two colums are available.\n\nIf only one value is entered, then it will assume there's only one child in the group.\nIf two values are entered, the first value will be use for the first child and the second\nvalue for the second child.\n\nIf the value entered is not listed in the example\nlist below it will use 100% by default.",
+              "description": "The layout of the pair group of components.\nThis will render the components within the width of the proportions.\nOnly two columns are available.\n\nIf only one value is entered, then it will assume there's only one child in the group.\nIf two values are entered, the first value will be use for the first child and the second\nvalue for the second child.\n\nIf the value entered is not listed in the example\nlist below it will use 100% by default.",
               "value": {
                 "kind": "expression",
                 "type": "BentoLayoutGroupProportions"
               },
               "default": "'100'"
+            },
+            {
+              "name": "errorMessage",
+              "description": "The error message to be displayed for the whole group.\n\nIf set, individual error messages for all components within this group will be hidden.\nThis is particularly useful for field pairs where a single group error is displayed.",
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              },
+              "default": "null"
             }
           ],
           "slots": [
@@ -9267,6 +9363,14 @@
             "symbol": "default"
           }
         },
+        {
+          "name": "form-layout-validate-example",
+          "description": "",
+          "source": {
+            "module": "./src/components/form-layout/__tests__/form-layout-validate-example.vue",
+            "symbol": "default"
+          }
+        },
         {
           "name": "grid-layout",
           "description": "Component used to render the grid layout in the bento-summary-grid. For internal use only",
@@ -10819,6 +10923,160 @@
             "symbol": "default"
           }
         },
+        {
+          "name": "input-time",
+          "description": "",
+          "attributes": [
+            {
+              "name": "tooltipText",
+              "required": false,
+              "description": "If set, displays an info icon with this tooltip message next to the label.",
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              },
+              "default": "null"
+            },
+            {
+              "name": "required",
+              "required": false,
+              "description": "If true, indicates that the field is required.",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "false"
+            },
+            {
+              "name": "readonly",
+              "required": false,
+              "description": "If true, makes the field's value readonly, preventing user modification.",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "false"
+            },
+            {
+              "name": "placeholder",
+              "required": false,
+              "description": "The placeholder text displayed when the field is empty.",
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              },
+              "default": "''"
+            },
+            {
+              "name": "optional",
+              "required": false,
+              "description": "If true, indicates that the field is optional.",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "false"
+            },
+            {
+              "name": "label",
+              "required": false,
+              "description": "The text label displayed for the field.",
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              },
+              "default": "''"
+            },
+            {
+              "name": "errorMessage",
+              "required": false,
+              "description": "If set, displays an error message and applies error styling to the field.",
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              },
+              "default": "null"
+            },
+            {
+              "name": "disabled",
+              "required": false,
+              "description": "If true, disables user interaction with the field.",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "false"
+            },
+            {
+              "name": "description",
+              "required": false,
+              "description": "If set, displays a description text for the input.",
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              },
+              "default": "undefined"
+            },
+            {
+              "name": "condensed",
+              "required": false,
+              "description": "Reduces height of the input",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "false"
+            },
+            {
+              "name": "modelValue",
+              "required": false,
+              "description": "Text displayed as the value of the input field",
+              "value": {
+                "kind": "expression",
+                "type": "BentoInputFieldValue"
+              },
+              "default": "undefined"
+            }
+          ],
+          "events": [
+            {
+              "name": "update:model-value",
+              "description": "Emitted when the component's model changes"
+            },
+            {
+              "name": "keydown",
+              "description": "Emitted when a key is pressed down"
+            },
+            {
+              "name": "input:valid",
+              "description": "Emitted when the time value passes validation (complete HH:MM:SS format)"
+            },
+            {
+              "name": "input:error",
+              "description": "Emitted when the time value fails validation"
+            }
+          ],
+          "slots": [
+            {
+              "name": "default"
+            },
+            {
+              "name": "description"
+            }
+          ],
+          "source": {
+            "module": "./src/components/input-time/input-time.vue",
+            "symbol": "default"
+          }
+        },
+        {
+          "name": "input-time-default-example",
+          "description": "",
+          "source": {
+            "module": "./src/components/input-time/__tests__/input-time-default-example.vue",
+            "symbol": "default"
+          }
+        },
         {
           "name": "input-with-dropdown-filter",
           "description": "",
@@ -14507,6 +14765,15 @@
                 "kind": "expression",
                 "type": "string"
               }
+            },
+            {
+              "name": "allowExpandableItemNavigation",
+              "required": false,
+              "description": "When true, items that contain subitems are also clickable and can be selected.\nWhen false, those items only act as expand/collapse toggles.",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              }
             }
           ],
           "events": [
@@ -14569,6 +14836,24 @@
                 "kind": "expression",
                 "type": "string"
               }
+            },
+            {
+              "name": "items",
+              "required": false,
+              "description": "Nested sub-items for this item.",
+              "value": {
+                "kind": "expression",
+                "type": "Array"
+              }
+            },
+            {
+              "name": "isSubItem",
+              "required": false,
+              "description": "Defines if the item is a subitem",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              }
             }
           ],
           "events": [
@@ -14582,6 +14867,14 @@
             "symbol": "default"
           }
         },
+        {
+          "name": "secondary-nav-with-sub-items",
+          "description": "",
+          "source": {
+            "module": "./src/components/secondary-nav/__tests__/secondary-nav-with-sub-items.vue",
+            "symbol": "default"
+          }
+        },
         {
           "name": "segmented-control",
           "description": "",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adyen/bento-vue2",
-  "version": "1.89.2",
+  "version": "1.91.0",
   "description": "Adyen Bento Vue2 components",
   "type": "module",
   "main": "dist/index.js",
@@ -51,7 +51,7 @@
     "unified": "11.0.5",
     "uuid": "11.0.5",
     "vue-demi": "0.14.10",
-    "@adyen/bento-design-tokens": "1.89.2"
+    "@adyen/bento-design-tokens": "1.91.0"
   },
   "dependenciesMeta": {
     "@adyen/bento-vue-i18n-demi": {
@@ -61,7 +61,7 @@
   "peerDependencies": {
     "vue": "~2.7",
     "vue-i18n": "8.26.7",
-    "zod": "^3.25"
+    "zod": "^3.25 || ^4"
   },
   "overrides": {
     "@codemirror/state": "catalog:",
@@ -96,23 +96,20 @@
     "@storybook/theming": "7.6.21",
     "@storybook/vue": "7.6.21",
     "@storybook/vue-vite": "7.6.21",
-    "@swc/core": "1.15.11",
+    "@swc/core": "^1.15.11",
     "@testing-library/dom": "10.4.1",
     "@testing-library/jest-dom": "5.16.5",
     "@testing-library/user-event": "14.4.3",
     "@testing-library/vue": "5.9.0",
     "@vitejs/plugin-react": "4.3.1",
     "@vitejs/plugin-vue2": "2.3.1",
-    "@vitest/coverage-v8": "2.1.9",
+    "@vitest/coverage-v8": "^2.0",
     "@vue-macros/better-define": "1.11.1",
     "@vue/test-utils": "1.3.4",
     "axe-core": "4.4.2",
     "codemirror-lang-csv": "0.1.1",
-    "css-loader": "5.2.7",
     "dompurify": "3.3.2",
     "fast-glob": "3.3.3",
-    "fork-ts-checker-webpack-plugin": "6.5.2",
-    "html-webpack-plugin": "4.5.2",
     "magic-string": "0.30.14",
     "marked": "15.0.12",
     "oxc-resolver": "11.16.2",
@@ -120,28 +117,26 @@
     "react-dom": "18.3.1",
     "remark-gfm": "3.0.1",
     "sass": "^1.83.4",
-    "sass-loader": "12.6.0",
     "shiki": "3.7.0",
     "storybook": "7.6.21",
     "tsc-alias": "1.8.11",
     "typescript": "5.6.3",
-    "vite": "^6.2.0",
+    "vite": "^5.0",
     "vite-plugin-dynamic-import": "1.5.0",
     "vite-plugin-static-copy": "^3.2.0",
-    "vitest": "^3.2.4",
+    "vitest": "^2.0",
     "vue": "2.7.16",
     "vue-demi": "0.14.10",
     "vue-docgen-web-types": "0.1.8",
     "vue-router": "3.6.4",
-    "vue-style-loader": "4.1.3",
     "vue-template-compiler": "2.7.16",
     "vue-tsc": "2.2.10",
     "zod": "3.25.35",
-    "@adyen/bento-cli": "0.9.6",
+    "@adyen/bento-cli": "0.10.0",
     "@adyen/bento-core": "0.0.1",
     "@adyen/bento-vue-i18n-demi": "0.1.0",
-    "@adyen/ui-assets-icons-16": "7.7.5",
-    "@adyen/ui-assets-payment-method-icons": "10.7.3"
+    "@adyen/ui-assets-icons-16": "7.8.0",
+    "@adyen/ui-assets-payment-method-icons": "10.8.0"
   },
   "optionalDependencies": {
     "vue-router": "~3.6"

package/dist/assets/dropdown-default-textbox.css

@@ -1 +0,0 @@
-input[data-v-36875648]:disabled{cursor:inherit}input[data-v-36875648]{background-color:inherit;border:unset;color:inherit;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;padding:0;width:100%}input[data-v-36875648]::placeholder{font-family:inherit;font-size:inherit;font-weight:inherit}input[data-v-36875648]:disabled{color:inherit}.b-dropdown-base-textbox[data-v-36875648]{align-items:center;display:grid;grid-template-columns:auto 16px;grid-template-rows:100%;width:100%}.b-dropdown-base-textbox--disabled[data-v-36875648]{cursor:not-allowed;pointer-events:none}.b-dropdown-base-textbox--has-items[data-v-36875648]{grid-template-columns:auto auto 16px}.b-dropdown-base-textbox__icon[data-v-36875648]{justify-self:end}.b-dropdown-base-textbox__additional-items[data-v-36875648]{border-radius:var(--b-border-radius-s);justify-self:end}.b-dropdown-base-textbox__input[data-v-36875648]{-webkit-box-orient:vertical;-webkit-line-clamp:1;display:-webkit-box;overflow:hidden;text-overflow:ellipsis}.b-dropdown-base-textbox__input[data-v-36875648]:focus-visible{outline:none}.b-dropdown-base-textbox__input[data-v-36875648]:empty{height:1lh}.b-dropdown-base-textbox__input--dynamic-filtering[data-v-36875648]{cursor:text}.b-dropdown-base-textbox__input-multiple-selected[data-v-36875648]{align-items:center;display:flex;overflow:hidden}.b-dropdown-base-textbox__clear-search[data-v-36875648]{cursor:pointer;display:inherit}.b-dropdown-base-textbox__clear-search[data-v-36875648]:focus-visible{border-color:transparent;border-radius:50%;box-shadow:none;outline-style:none;animation:outer-ring-default-36875648 var(--b-animation-duration-fast) var(--b-animation-easing-standard);box-shadow:0 0 0 var(--b-focus-ring-spacer) var(--b-color-background-primary),0 0 0 var(--b-focus-ring-outline) var(--b-focus-ring-color)}@keyframes outer-ring-default-36875648{0%{box-shadow:0 0 0 var(--b-border-width-s) var(--b-color-background-primary),0 0 0 0 var(--b-focus-ring-color)}to{box-shadow:0 0 0 var(--b-border-width-s) var(--b-color-background-primary),0 0 0 var(--b-border-width-l) var(--b-focus-ring-color)}}.b-dropdown-default-textbox[data-v-bf2d43b0]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;background-color:var(--b-color-background-primary);border:1px solid var(--b-color-outline-tertiary);border-radius:var(--b-border-radius-m);color:var(--b-color-label-primary);cursor:pointer;display:flex;flex-wrap:wrap;gap:4px;justify-content:space-between;min-height:36px;overflow:hidden}.b-dropdown-default-textbox[data-v-bf2d43b0],.b-dropdown-default-textbox[data-v-bf2d43b0]:before,.b-dropdown-default-textbox[data-v-bf2d43b0]:after{box-sizing:border-box}.b-dropdown-default-textbox[data-v-bf2d43b0] ::-webkit-scrollbar{height:14px;width:14px}.b-dropdown-default-textbox[data-v-bf2d43b0] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-dropdown-default-textbox__textbox[data-v-bf2d43b0]{display:flex;height:100%;min-height:34px;padding:0 var(--b-spacer-060);width:100%}.b-dropdown-default-textbox[data-v-bf2d43b0] .b-dropdown-base-textbox{gap:var(--b-spacer-060)}.b-dropdown-default-textbox[data-v-bf2d43b0] .b-dropdown-base-textbox__additional-items{background-color:var(--b-color-background-secondary);padding:var(--b-spacer-020) var(--b-spacer-030)}.b-dropdown-default-textbox[data-v-bf2d43b0] .b-dropdown-base-textbox__input-selected-element{margin-right:var(--b-spacer-040)}.b-dropdown-default-textbox__chevron[data-v-bf2d43b0]{align-items:center;color:var(--b-color-label-primary);display:flex;line-height:1;pointer-events:none}.b-dropdown-default-textbox[data-v-bf2d43b0]:hover:not(.b-dropdown-default-textbox--disabled){border-color:var(--b-color-outline-tertiary-active)}.b-dropdown-default-textbox[data-v-bf2d43b0]:focus-within,.b-dropdown-default-textbox[data-v-bf2d43b0]:focus-visible{outline:none}.b-dropdown-default-textbox[data-v-bf2d43b0]:focus-within:not(.b-dropdown-default-textbox--disabled),.b-dropdown-default-textbox[data-v-bf2d43b0]:focus-visible:not(.b-dropdown-default-textbox--disabled){border-color:var(--b-color-outline-tertiary-active);outline:solid .5px var(--b-color-outline-tertiary-active)}.b-dropdown-default-textbox--condensed[data-v-bf2d43b0]{min-height:28px}.b-dropdown-default-textbox--condensed .b-dropdown-default-textbox__textbox[data-v-bf2d43b0]{min-height:28px;padding:0 var(--b-spacer-050)}.b-dropdown-default-textbox--condensed[data-v-bf2d43b0] .b-dropdown-base-textbox__additional-items{align-items:center;display:flex;max-height:24px}.b-dropdown-default-textbox--opened[data-v-bf2d43b0]{border-bottom-left-radius:var(--b-border-radius-m);border-bottom-right-radius:var(--b-border-radius-m)}.b-dropdown-default-textbox--disabled[data-v-bf2d43b0],.b-dropdown-default-textbox--disabled>*[data-v-bf2d43b0]{background-color:var(--b-color-background-disabled);border-color:var(--b-color-outline-disabled);color:var(--b-color-label-disabled);cursor:not-allowed}.b-dropdown-default-textbox--disabled .b-dropdown-default-textbox__chevron[data-v-bf2d43b0],.b-dropdown-default-textbox--disabled>* .b-dropdown-default-textbox__chevron[data-v-bf2d43b0]{color:var(--b-color-label-disabled)}.b-dropdown-default-textbox--readonly[data-v-bf2d43b0],.b-dropdown-default-textbox--readonly>*[data-v-bf2d43b0]{background-color:var(--b-color-background-disabled);border-color:var(--b-color-outline-disabled);pointer-events:none}.b-dropdown-default-textbox--readonly .b-dropdown-default-textbox__chevron[data-v-bf2d43b0],.b-dropdown-default-textbox--readonly>* .b-dropdown-default-textbox__chevron[data-v-bf2d43b0]{color:var(--b-color-label-disabled)}.b-dropdown-default-textbox--readonly[data-v-bf2d43b0] .b-dropdown-base-textbox__additional-items,.b-dropdown-default-textbox--readonly>*[data-v-bf2d43b0] .b-dropdown-base-textbox__additional-items{background-color:var(--b-color-background-disabled)}.b-dropdown-default-textbox--error[data-v-bf2d43b0]{border:1.5px solid var(--b-color-outline-critical)}.b-dropdown-default-textbox--error:focus-within.b-dropdown-default-textbox[data-v-bf2d43b0],.b-dropdown-default-textbox--error:focus-visible.b-dropdown-default-textbox[data-v-bf2d43b0]{border-color:var(--b-color-outline-tertiary-active);outline:solid .5px var(--b-color-outline-tertiary-active)}

package/dist/chunks/accordion-item.BZDSJamR.js

@@ -1,108 +0,0 @@
-import { defineComponent as u, provide as x, toRef as h, ref as _, inject as g, computed as y, watch as l } from "vue";
-import { n as m } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
-import { B as E } from "./typography.C8lPlsbD.js";
-import { C as O } from "./chevron-down.eYtgv5ly.js";
-import { C as T } from "./chevron-up.d8cwIlA_.js";
-import { g as p } from "./generate-uid.NJ8tVoha.js";
-import { o as N } from "./resize.Bqks3WUm.js";
-import { u as S } from "./index.B6WW_F-J.js";
-import { u as z } from "./use-expandable-content-height.GkjjbmPy.js";
-import "../assets/accordion-item.css";
-const f = /* @__PURE__ */ Symbol("accordion title size injection key"), R = {}, $ = /* @__PURE__ */ u({
-  ...R,
-  __name: "accordion",
-  props: {
-    /**
-     * Controls accordion title size.
-     * @values default, small
-     */
-    titleSize: {
-      type: String,
-      default: "default"
-    }
-  },
-  setup(i) {
-    const e = i;
-    return x(f, h(e, "titleSize")), { __sfc: !0, props: e };
-  }
-});
-var B = function() {
-  var e = this, n = e._self._c;
-  return e._self._setupProxy, n("div", { staticClass: "b-accordion" }, [e._t("default")], 2);
-}, A = [], D = /* @__PURE__ */ m(
-  $,
-  B,
-  A,
-  !1,
-  null,
-  "cbce6553"
-);
-const Q = D.exports, H = {
-  "en-US": { collapse: "Collapse", expand: "Expand" },
-  "ja-JP": { collapse: "折りたたむ", expand: "展開" },
-  "pt-BR": { collapse: "Recolher", expand: "Expandir" }
-}, M = {
-  i18n: { messages: H }
-}, U = /* @__PURE__ */ u({
-  ...M,
-  __name: "accordion-item",
-  props: {
-    /**
-     * Sets the title of the accordion item.
-     */
-    title: {
-      type: String,
-      required: !0
-    },
-    /**
-     * Controls if the content is visible or hidden.
-     */
-    isExpanded: {
-      type: Boolean,
-      default: !1
-    }
-  },
-  emits: ["update:is-expanded"],
-  setup(i, { emit: e }) {
-    const n = i, t = "b-accordion-item__animation--content", { t: d } = S(), o = _(null), s = _(n.isExpanded), v = p("accordionItemButton"), C = p("accordionItemContent"), I = g(f, "default"), { updateContentHeight: r, contentHeight: c } = z(o, s), b = y(() => c.value ? { "max-height": c.value } : {});
-    return l(
-      () => n.isExpanded,
-      (a) => {
-        s.value = a;
-      }
-    ), l(
-      () => o.value,
-      () => {
-        let a = null;
-        !a && o.value && (a = N(o.value, () => {
-          o.value && r();
-        }));
-      }
-    ), l(
-      s,
-      (a) => {
-        e("update:is-expanded", a), r();
-      },
-      { immediate: !0 }
-    ), { __sfc: !0, CONTENT_TRANSITION_NAME: t, props: n, emit: e, t: d, contentDiv: o, isOpen: s, buttonId: v, contentId: C, titleSize: I, updateContentHeight: r, contentHeight: c, contentMaxHeight: b, BentoTypography: E, ChevronDownIcon: O, ChevronUpIcon: T };
-  }
-});
-var j = function() {
-  var e = this, n = e._self._c, t = e._self._setupProxy;
-  return n("div", { staticClass: "b-accordion-item" }, [n(t.BentoTypography, { attrs: { el: "h3", variant: t.titleSize === "small" ? "body" : "title", strongest: t.titleSize === "small" } }, [n("button", { staticClass: "b-accordion-item__button", attrs: { id: t.buttonId, "aria-controls": t.contentId, "aria-expanded": `${t.isOpen}`, type: "button" }, on: { click: function(d) {
-    t.isOpen = !t.isOpen;
-  } } }, [t.isOpen ? n(t.ChevronUpIcon, { staticClass: "b-accordion-item__icon", attrs: { "svg-title": t.t("collapse"), "aria-hidden": "true" } }) : n(t.ChevronDownIcon, { staticClass: "b-accordion-item__icon", attrs: { "svg-title": t.t("expand"), "aria-hidden": "true" } }), e._v(" " + e._s(e.title) + " ")], 1)]), n("Transition", { attrs: { name: t.CONTENT_TRANSITION_NAME } }, [t.isOpen ? n("div", { style: t.contentMaxHeight, attrs: { id: t.contentId, "aria-labelledby": t.buttonId, role: "region" } }, [n("div", { ref: "contentDiv", staticClass: "b-accordion-item__content" }, [e._t("default")], 2)]) : e._e()])], 1);
-}, w = [], P = /* @__PURE__ */ m(
-  U,
-  j,
-  w,
-  !1,
-  null,
-  "66c09812"
-);
-const V = P.exports;
-export {
-  Q as a,
-  V as b
-};
-//# sourceMappingURL=accordion-item.BZDSJamR.js.map