@adyen/bento-vue3 1.3.0 → 1.4.0

package/dist/@types/packages/vue2/src/components/tooltip/tooltip.vue.d.ts

@@ -1,15 +1,14 @@
 import { PropType } from "../../../../vue3/node_modules/vue";
-import { PopperContainerAriaRole, PopperContainerPositionExtended } from "../popper-container";
-import { BentoTypographyElement, BentoTypographyVariant } from "../typography";
+import { PopperContainerAriaRole } from "../popper-container";
 import { VueNodeElement } from "../../types";
 export declare const Tooltip: {
     name: string;
     components: {
         BentoTypography: import("../../../../vue3/node_modules/vue").DefineComponent<{
             el: {
-                type: PropType<"div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "span" | BentoTypographyElement>;
-                default: BentoTypographyElement;
-                validator: (value: BentoTypographyElement) => boolean;
+                type: PropType<"div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "span" | import("../typography").BentoTypographyElement>;
+                default: import("../typography").BentoTypographyElement;
+                validator: (value: import("../typography").BentoTypographyElement) => boolean;
             };
             stronger: {
                 type: BooleanConstructor;
@@ -20,9 +19,9 @@ export declare const Tooltip: {
                 default: boolean;
             };
             variant: {
-                type: PropType<"body" | "caption" | "title" | "subtitle" | BentoTypographyVariant>;
-                default: BentoTypographyVariant;
-                validator: (value: BentoTypographyVariant) => boolean;
+                type: PropType<"body" | "caption" | "title" | "subtitle" | import("../typography").BentoTypographyVariant>;
+                default: import("../typography").BentoTypographyVariant;
+                validator: (value: import("../typography").BentoTypographyVariant) => boolean;
             };
             medium: {
                 type: BooleanConstructor;
@@ -42,9 +41,9 @@ export declare const Tooltip: {
             }>;
         }, unknown, {}, {}, import("../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../vue3/node_modules/vue").ComponentOptionsMixin, {}, string, import("../../../../vue3/node_modules/vue").VNodeProps & import("../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../vue3/node_modules/vue").ComponentCustomProps, Readonly<import("../../../../vue3/node_modules/vue").ExtractPropTypes<{
             el: {
-                type: PropType<"div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "span" | BentoTypographyElement>;
-                default: BentoTypographyElement;
-                validator: (value: BentoTypographyElement) => boolean;
+                type: PropType<"div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "span" | import("../typography").BentoTypographyElement>;
+                default: import("../typography").BentoTypographyElement;
+                validator: (value: import("../typography").BentoTypographyElement) => boolean;
             };
             stronger: {
                 type: BooleanConstructor;
@@ -55,9 +54,9 @@ export declare const Tooltip: {
                 default: boolean;
             };
             variant: {
-                type: PropType<"body" | "caption" | "title" | "subtitle" | BentoTypographyVariant>;
-                default: BentoTypographyVariant;
-                validator: (value: BentoTypographyVariant) => boolean;
+                type: PropType<"body" | "caption" | "title" | "subtitle" | import("../typography").BentoTypographyVariant>;
+                default: import("../typography").BentoTypographyVariant;
+                validator: (value: import("../typography").BentoTypographyVariant) => boolean;
             };
             medium: {
                 type: BooleanConstructor;
@@ -75,8 +74,8 @@ export declare const Tooltip: {
             wide: boolean;
             stronger: boolean;
             strongest: boolean;
-            el: "div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "span" | BentoTypographyElement;
-            variant: "body" | "caption" | "title" | "subtitle" | BentoTypographyVariant;
+            el: "div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "span" | import("../typography").BentoTypographyElement;
+            variant: "body" | "caption" | "title" | "subtitle" | import("../typography").BentoTypographyVariant;
             medium: boolean;
             large: boolean;
         }>;
@@ -85,17 +84,13 @@ export declare const Tooltip: {
                 type: StringConstructor;
                 default: any;
             };
-            ariaLabel: {
-                type: StringConstructor;
-                default: any;
-            };
             targetElement: {
                 type: PropType<VueNodeElement>;
                 required: true;
             };
             position: {
-                type: PropType<"left" | "auto" | "top" | "right" | "bottom" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | import("../popper-container").PopperContainerPosition>;
-                default: PopperContainerPositionExtended;
+                type: PropType<"auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | import("../popper-container").PopperContainerPosition>;
+                default: import("../popper-container").PopperContainerPositionExtended;
                 validator: (value: unknown) => boolean;
             };
             fixedPositioning: {
@@ -149,17 +144,13 @@ export declare const Tooltip: {
                 type: StringConstructor;
                 default: any;
             };
-            ariaLabel: {
-                type: StringConstructor;
-                default: any;
-            };
             targetElement: {
                 type: PropType<VueNodeElement>;
                 required: true;
             };
             position: {
-                type: PropType<"left" | "auto" | "top" | "right" | "bottom" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | import("../popper-container").PopperContainerPosition>;
-                default: PopperContainerPositionExtended;
+                type: PropType<"auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | import("../popper-container").PopperContainerPosition>;
+                default: import("../popper-container").PopperContainerPositionExtended;
                 validator: (value: unknown) => boolean;
             };
             fixedPositioning: {
@@ -197,13 +188,12 @@ export declare const Tooltip: {
                 validator: (value: unknown) => boolean;
             };
         }>>, {
-            id: string;
+            position: "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | import("../popper-container").PopperContainerPosition;
+            offset: number[];
             modifiers: unknown[];
             arrow: any;
-            offset: number[];
-            position: "left" | "auto" | "top" | "right" | "bottom" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | import("../popper-container").PopperContainerPosition;
             matchWidth: boolean;
-            ariaLabel: string;
+            id: string;
             fixedPositioning: boolean;
             disabledFocusTrap: boolean;
             fallbackPosition: import("../popper-container").FallbackPositionProp;
@@ -238,10 +228,7 @@ export declare const Tooltip: {
         };
     };
     setup(props: any): {
-        BentoTypographyElement: typeof BentoTypographyElement;
-        BentoTypographyVariant: typeof BentoTypographyVariant;
         PopperContainerAriaRole: typeof PopperContainerAriaRole;
-        PopperContainerPositionExtended: typeof PopperContainerPositionExtended;
         conditionalClasses: import("../../../../vue3/node_modules/vue").ComputedRef<{
             [x: string]: boolean;
         }>;
@@ -275,10 +262,7 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
         default: boolean;
     };
 }, {
-    BentoTypographyElement: typeof BentoTypographyElement;
-    BentoTypographyVariant: typeof BentoTypographyVariant;
     PopperContainerAriaRole: typeof PopperContainerAriaRole;
-    PopperContainerPositionExtended: typeof PopperContainerPositionExtended;
     conditionalClasses: import("../../../../vue3/node_modules/vue").ComputedRef<{
         [x: string]: boolean;
     }>;
@@ -310,9 +294,9 @@ declare const _default: import("../../../../vue3/node_modules/vue").DefineCompon
         default: boolean;
     };
 }>>, {
-    id: string;
-    offset: number;
     position: import("../popper-container").PopperContainerPositionBasic;
+    offset: number;
+    id: string;
     isShown: boolean;
 }>;
 export default _default;

package/dist/@types/packages/vue2/src/composables/use-default-slot-validator/use-default-slot-validator.d.ts

@@ -1 +1,2 @@
-export declare const useDefaultSlotValidator: (componentName: string, hasDefaultSlot: boolean, ...hasOptionalSlots: boolean[]) => void;
+import type { Slot } from "../../../../vue3/node_modules/vue";
+export declare const useDefaultSlotValidator: (componentName: string, defaultSlot: Slot, ...optionalSlots: Slot[]) => void;

package/dist/@types/packages/vue2/src/composables/use-has-slot/use-has-slot.d.ts

@@ -1,2 +1,9 @@
+import { VNode } from "../../../../../node_modules/vue-demi";
 import type { Slots } from "../../../../vue3/node_modules/vue";
-export declare const useHasSlot: (slots: Slots) => (name: string) => boolean;
+export declare const useHasSlot: (slots: Readonly<{
+    [name: string]: import("../../../../../node_modules/vue-demi").Slot;
+}> | {
+    [key: string]: VNode<import("../../../../../node_modules/vue-demi").RendererNode, import("../../../../../node_modules/vue-demi").RendererElement, {
+        [key: string]: any;
+    }>[];
+}) => (name: string) => boolean;

package/dist/@types/packages/vue2/src/index.d.ts

@@ -1,4 +1,5 @@
 import BentoVue from './install';
+export * from './components/accordion';
 export * from './components/alert';
 export * from './components/button';
 export * from './components/data-grid';
@@ -13,8 +14,10 @@ export * from './components/country';
 export * from './components/currency';
 export * from './components/date';
 export * from './components/divider';
+export * from './components/empty-state';
 export * from './components/filter-bar';
 export * from './components/form-layout';
+export * from './components/image';
 export * from './components/info-icon';
 export * from './components/input-field';
 export * from './components/loading-indicator';

package/dist/@types/packages/vue2/src/templates/data-grid-template/data-grid-template.vue.d.ts

@@ -0,0 +1,9 @@
+declare const _default: __VLS_WithTemplateSlots<import("../../../../vue3/node_modules/vue").DefineComponent<{}, {}, {}, {}, {}, import("../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../vue3/node_modules/vue").ComponentOptionsMixin, {}, string, import("../../../../vue3/node_modules/vue").VNodeProps & import("../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../vue3/node_modules/vue").ComponentCustomProps, Readonly<import("../../../../vue3/node_modules/vue").ExtractPropTypes<{}>>, {}>, Record<string, (_: {}) => any> & {
+    default: (_: {}) => any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/@types/packages/vue2/src/utils/ts/get-slot-text/get-slot-text.d.ts

@@ -1,3 +1,3 @@
 import type { Slots } from "../../../../../vue3/node_modules/vue";
-export declare const getSlotText: (slots: Slots) => (name: string) => any;
+export declare const getSlotText: (slots: Slots) => (name: string) => string;
 export default getSlotText;

package/dist/@types/packages/vue2/src/utils/ts/print-development-warning.d.ts

@@ -0,0 +1 @@
+export declare function printDevelopmentWarning(...args: Parameters<typeof console.warn>): void;

package/dist/accordion.js

@@ -1,274 +1,124 @@
-import { defineComponent as m, computed as E, openBlock as o, createElementBlock as i, normalizeClass as p, renderSlot as d, resolveComponent as u, createElementVNode as r, createCommentVNode as a, createVNode as h, Transition as w, withCtx as C, withDirectives as S, vShow as T } from "vue";
-import { g as A } from "./chunks/unique-id.a2a2b458.js";
-import { _ } from "./chunks/_plugin-vue_export-helper.dad06003.js";
-import { C as P, a as R } from "./chunks/chevron-down.69bedf14.js";
+import { defineComponent as g, provide as T, toRef as k, openBlock as c, createElementBlock as x, renderSlot as S, ref as r, inject as B, watch as f, nextTick as $, createVNode as b, unref as e, withCtx as y, createElementVNode as d, createBlock as h, createTextVNode as w, toDisplayString as D, Transition as O, withDirectives as z, normalizeStyle as A, vShow as H } from "vue";
+import { _ as C } from "./chunks/_plugin-vue_export-helper.dad06003.js";
+import { B as R } from "./chunks/index.89b00b94.js";
+import { C as V, a as j } from "./chunks/chevron-up.c03b58f8.js";
+import { g as I } from "./chunks/unique-id.a2a2b458.js";
 import "./assets/index2.css";
-const v = Symbol("accordion injection key");
-var s = /* @__PURE__ */ ((e) => (e.PRIMARY = "primary", e.GHOST = "ghost", e))(s || {}), c = /* @__PURE__ */ ((e) => (e.GROUPED = "grouped", e.SEPARATE = "separate", e))(c || {}), g = /* @__PURE__ */ ((e) => (e.LEFT = "left", e))(g || {});
-const O = m({
-  name: "adl-accordion",
+const E = Symbol("accordion title size injection key"), U = { class: "b-accordion" }, q = {}, J = /* @__PURE__ */ g({
+  ...q,
+  __name: "accordion",
   props: {
     /**
-     * Indicates if all accordion items can be expanded simultaneously.
-     * If this option is toggled in Storybook a refresh is required.
-     *  - true: all accordion items can be expanded at a time
-     *  - false: only one accordion item can be expanded at a time
+     * Controls accordion title size.
+     * @values default, small
      */
-    simultaneouslyExpandAllTabs: {
-      type: Boolean,
-      default: !0
-    },
-    /**
-     * Grouped represents if the accordion is grouped inside a container or not
-     * - true: grouped inside a container
-     * - false: independent accordion item
-     */
-    grouped: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * Indicates the position of caret in the accordion. The default is right.
-     * - true:  caret is on right
-     * - false: caret is on left
-     */
-    caretRight: {
-      type: Boolean,
-      default: !0
-    },
-    /**
-     * Variant represents accordion variant
-     * @values enum AccordionVariant
-     */
-    variant: {
+    titleSize: {
       type: String,
-      default: s.PRIMARY,
-      validator: (e) => Object.values(s).includes(e)
+      default: "default"
     }
   },
-  data() {
-    return {
-      accordion: {
-        items: [],
-        simultaneouslyExpandAllTabs: this.simultaneouslyExpandAllTabs,
-        variant: this.variant,
-        grouped: this.grouped,
-        caretRight: this.caretRight
-      }
-    };
-  },
-  computed: {
-    conditionalClasses() {
-      return {
-        [`ds-accordion--${s.GHOST}`]: this.variant === s.GHOST,
-        [`ds-accordion--${c.GROUPED}`]: this.grouped,
-        [`ds-accordion--${c.SEPARATE}`]: !this.grouped
-      };
-    }
-  },
-  provide() {
-    const e = E(
-      () => ({
-        caretRight: this.caretRight,
-        grouped: this.grouped,
-        variant: this.variant,
-        simultaneouslyExpandAllTabs: this.simultaneouslyExpandAllTabs,
-        registerItem: this.registerItem,
-        getItem: this.getItem,
-        open: this.open,
-        close: this.close
-      })
-    );
-    return {
-      [v]: e
-    };
-  },
-  methods: {
-    getUniqueId() {
-      return A("accordion-item");
-    },
-    registerItem(e = !1) {
-      var l;
-      const t = this.getUniqueId, n = t();
-      return (l = this.accordion.items) == null || l.push({ id: n, opened: e }), { id: n, opened: e };
-    },
-    getItem(e) {
-      return this.accordion.items.find((t) => t.id === e);
-    },
-    open(e) {
-      if (this.accordion.simultaneouslyExpandAllTabs)
-        this.accordion.items.find((t) => t.id === e).opened = !0;
-      else {
-        const t = this.accordion.items.map((n) => ({ id: n.id, opened: n.id === e }));
-        this.accordion.items = t;
-      }
-    },
-    close(e) {
-      this.accordion.items.find((t) => t.id === e).opened = !1;
-    }
+  setup(a) {
+    return T(E, k(a, "titleSize")), (i, _) => (c(), x("div", U, [
+      S(i.$slots, "default", {}, void 0, !0)
+    ]));
   }
 });
-function k(e, t, n, l, f, $) {
-  return o(), i("div", {
-    class: p(["adl2-accordion", e.conditionalClasses]),
-    "data-testid": "adl-accordion"
-  }, [
-    d(e.$slots, "default", {}, void 0, !0)
-  ], 2);
-}
-const Q = /* @__PURE__ */ _(O, [["render", k], ["__scopeId", "data-v-ae8b8b28"]]), U = m({
-  name: "adl-accordion-item",
-  components: { ChevronDown: P, ChevronUp: R },
-  // Props attribute is required by provide/inject. Do not delete.
+const ee = /* @__PURE__ */ C(J, [["__scopeId", "data-v-9fccc066"]]), K = { class: "b-accordion-item" }, L = ["id", "aria-controls", "aria-expanded"], M = ["id", "aria-labelledby"], Y = {}, Z = /* @__PURE__ */ g({
+  ...Y,
+  __name: "accordion-item",
   props: {
     /**
-     * Injected tabs prop that contains all the required tab query methods.
-     * NOTE: This Prop defintion can be removed when the following issue is resolved:
-     * https://github.com/vuejs/vue/issues/8969
+     * Sets the title of the accordion item.
      */
-    accordion: { type: Object, default: null }
-  },
-  inject: { accordion: { from: v } },
-  data: () => ({
-    item: {
-      id: void 0,
-      opened: !1
-    }
-  }),
-  computed: {
-    accordionProvider() {
-      return this.accordion;
-    },
-    showContent() {
-      var e;
-      return (e = this.accordionProvider.getItem(this.item.id)) == null ? void 0 : e.opened;
-    },
-    conditionalClasses() {
-      return {
-        [`adl-accordion-item__caret-${g.LEFT}`]: !this.accordionProvider.caretRight,
-        [`adl-accordion-item--${s.GHOST}`]: this.accordionProvider.variant === s.GHOST,
-        [`adl-accordion-item--${c.GROUPED}`]: this.accordionProvider.grouped,
-        [`adl-accordion-item--${c.SEPARATE}`]: !this.accordionProvider.grouped
-      };
-    },
-    shouldShowIcon() {
-      return !!this.$slots.default;
-    },
-    shouldShowTitle() {
-      return !!this.$slots.title;
-    },
-    shouldShowSubtitle() {
-      return !!this.$slots.subtitle;
+    title: {
+      type: String,
+      required: !0
     },
-    shouldShowPicture() {
-      return !!this.$slots.picture;
+    /**
+     * Controls if the content is visible or hidden.
+     */
+    isExpanded: {
+      type: Boolean,
+      default: !1
     }
   },
-  created() {
-    this.item = this.accordionProvider.registerItem();
-  },
-  methods: {
-    toggle() {
-      this.showContent ? this.accordionProvider.close(this.item.id) : this.accordionProvider.open(this.item.id);
-    },
-    start(e) {
-      e.style.height = `${e.scrollHeight}px`;
-    },
-    end(e) {
-      e.style.height = "";
-    }
-  }
-});
-const G = ["aria-expanded", "aria-controls"], B = {
-  key: 0,
-  "aria-hidden": "true"
-}, D = { class: "adl-accordion-item__header--main-content" }, H = {
-  key: 0,
-  "aria-hidden": "true",
-  class: "adl-accordion-item__picture",
-  "data-testid": "adl-accordion-item-picture"
-}, L = {
-  key: 0,
-  class: "adl-accordion-item__title"
-}, N = {
-  key: 1,
-  class: "adl-accordion-item__subtitle"
-}, j = {
-  key: 1,
-  "aria-hidden": "true",
-  class: "adl-accordion-item__caret",
-  "data-testid": "accordion-item-icon-show"
-}, q = {
-  key: 2,
-  "aria-hidden": "true",
-  class: "adl-accordion-item__caret",
-  "data-testid": "accordion-item-icon-hide"
-}, Y = ["id"], F = { class: "adl-accordion-item__description" };
-function M(e, t, n, l, f, $) {
-  const y = u("chevron-up"), I = u("chevron-down");
-  return o(), i("div", {
-    class: p(["adl-accordion-item", e.conditionalClasses]),
-    "data-testid": "accordion-item"
-  }, [
-    r("h2", null, [
-      r("button", {
-        type: "button",
-        "aria-expanded": `${e.showContent}`,
-        "aria-controls": e.item.id,
-        class: "adl-accordion-item__header",
-        onClick: t[0] || (t[0] = (...b) => e.toggle && e.toggle(...b))
-      }, [
-        e.shouldShowIcon ? (o(), i("span", B, [
-          d(e.$slots, "default", {}, void 0, !0)
-        ])) : a("", !0),
-        r("span", D, [
-          e.shouldShowPicture ? (o(), i("div", H, [
-            d(e.$slots, "picture", {}, void 0, !0)
-          ])) : a("", !0),
-          r("div", null, [
-            e.shouldShowTitle ? (o(), i("div", L, [
-              d(e.$slots, "title", {}, void 0, !0)
-            ])) : a("", !0),
-            e.shouldShowSubtitle ? (o(), i("div", N, [
-              d(e.$slots, "subtitle", {}, void 0, !0)
-            ])) : a("", !0)
-          ])
+  emits: ["update:is-expanded"],
+  setup(a, { emit: l }) {
+    const i = a, _ = "b-accordion-item__animation--content", p = r(null), t = r(i.isExpanded), s = r(null), u = I("accordionItemButton"), m = I("accordionItemContent"), v = B(E, "default"), N = () => {
+      var n;
+      const o = ((n = p.value) == null ? void 0 : n.scrollHeight) || null;
+      s.value = t.value ? `${o}px` : "0";
+    };
+    return f(
+      () => i.isExpanded,
+      (o) => {
+        t.value = o;
+      }
+    ), f(
+      t,
+      async (o) => {
+        l("update:is-expanded", o), await $(), N();
+      },
+      { immediate: !0 }
+    ), (o, n) => (c(), x("div", K, [
+      b(e(R), {
+        el: "h3",
+        variant: e(v) === "small" ? "body" : "title",
+        strongest: e(v) === "small"
+      }, {
+        default: y(() => [
+          d("button", {
+            id: e(u),
+            "aria-controls": e(m),
+            "aria-expanded": `${t.value}`,
+            type: "button",
+            class: "b-accordion-item__button",
+            onClick: n[0] || (n[0] = (F) => t.value = !t.value)
+          }, [
+            t.value ? (c(), h(e(V), {
+              key: 0,
+              class: "b-accordion-item__icon",
+              "svg-title": "collapse",
+              "aria-hidden": "true"
+            })) : (c(), h(e(j), {
+              key: 1,
+              class: "b-accordion-item__icon",
+              "svg-title": "expand",
+              "aria-hidden": "true"
+            })),
+            w(" " + D(a.title), 1)
+          ], 8, L)
         ]),
-        e.showContent ? (o(), i("span", j, [
-          h(y, { "svg-title": "show accordion item" })
-        ])) : a("", !0),
-        e.showContent ? a("", !0) : (o(), i("span", q, [
-          h(I, { "svg-title": "hide accordion item" })
-        ]))
-      ], 8, G)
-    ]),
-    h(w, {
-      name: "adl-accordion-item",
-      onEnter: e.start,
-      onAfterEnter: e.end,
-      onBeforeLeave: e.start,
-      onAfterLeave: e.end
-    }, {
-      default: C(() => [
-        S(r("div", {
-          id: e.item.id,
-          class: "adl-accordion-item__content"
-        }, [
-          r("div", F, [
-            d(e.$slots, "content", {}, void 0, !0)
+        _: 1
+      }, 8, ["variant", "strongest"]),
+      b(O, { name: _ }, {
+        default: y(() => [
+          z(d("div", {
+            id: e(m),
+            "aria-labelledby": e(u),
+            role: "region",
+            class: "b-accordion-item__container",
+            style: A(s.value ? { "max-height": s.value } : {})
+          }, [
+            d("div", {
+              ref_key: "contentDiv",
+              ref: p,
+              class: "b-accordion-item__content"
+            }, [
+              S(o.$slots, "default", {}, void 0, !0)
+            ], 512)
+          ], 12, M), [
+            [H, t.value]
           ])
-        ], 8, Y), [
-          [T, e.showContent]
-        ])
-      ]),
-      _: 3
-    }, 8, ["onEnter", "onAfterEnter", "onBeforeLeave", "onAfterLeave"])
-  ], 2);
-}
-const W = /* @__PURE__ */ _(U, [["render", M], ["__scopeId", "data-v-6825b862"]]);
+        ]),
+        _: 3
+      })
+    ]));
+  }
+});
+const te = /* @__PURE__ */ C(Z, [["__scopeId", "data-v-bb9edb27"]]);
 export {
-  Q as AdlAccordion,
-  W as AdlAccordionItem,
-  s as AdlAccordionVariant
+  ee as BentoAccordion,
+  te as BentoAccordionItem
 };
 //# sourceMappingURL=accordion.js.map