@adyen/bento-vue3 1.84.2 → 1.86.0

package/dist/chunks/dialog-page.B3ptLXXP.js

@@ -0,0 +1,162 @@
+import { defineComponent as Q, useSlots as W, ref as h, computed as o, inject as w, watch as b, nextTick as y, onMounted as X, onUnmounted as Z, openBlock as r, createBlock as ee, Transition as ae, unref as n, withCtx as A, createElementBlock as c, normalizeClass as B, normalizeStyle as te, createVNode as N, createCommentVNode as d, renderSlot as S } from "vue";
+import { B as oe } from "./button.C6t9_lzm.js";
+import { A as ne } from "./arrow-left.C6UiqO-c.js";
+import { u as le } from "./use-has-slot.B7eQSabc.js";
+import { u as se } from "./index.B875RXHM.js";
+import { i as ie } from "./typography.B3J6_tYk.js";
+import { c as re } from "./index.CbxHJr39.js";
+import { _ as ue } from "./_plugin-vue_export-helper.CHgC5LLL.js";
+import "../assets/dialog-page.css";
+var I = /* @__PURE__ */ ((l) => (l.TRANSITION_LEVEL_DEEPER = "b-dialog-page__animation--level-deeper", l.TRANSITION_LEVEL_UPPER = "b-dialog-page__animation--level-upper", l))(I || {});
+const ve = /* @__PURE__ */ Symbol("dialog registerPage injection key"), ce = /* @__PURE__ */ Symbol("dialog page config data injection key"), L = {
+  "en-US": {
+    goToPreviousPage: "Go to previous page"
+  },
+  "ja-JP": {
+    goToPreviousPage: "前のページに移動"
+  },
+  "pt-BR": {
+    goToPreviousPage: "Ir para a página anterior"
+  }
+}, de = {
+  key: 0,
+  class: "b-dialog-page"
+}, ge = ["tabindex"], me = {
+  i18n: { messages: L }
+}, pe = /* @__PURE__ */ Q({
+  ...me,
+  __name: "dialog-page",
+  props: {
+    /**
+     * Identifier of the page, used with activePage prop to handle navigation
+     */
+    pageId: {
+      type: String,
+      default: void 0
+    },
+    /**
+     * Show header and actions border
+     */
+    alwaysShowBorder: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * Pass custom styling to the back button to position it correctly with the header slot
+     */
+    backButtonStyling: { type: Object, default: null },
+    /**
+     * ID of the page for the back button to navigate to. Only use it to overwrite the default back behavior
+     * Used when the back button should not take the user to the natural previous page
+     * Set to `null` to hide back button in the page
+     */
+    previousPage: {
+      type: String,
+      default: void 0
+    }
+  },
+  emits: ["animationend"],
+  setup(l, { emit: C }) {
+    const s = l, O = C, R = W(), p = le(R), { t: G } = se({ messages: L }), i = h(null), f = h(!1), u = h(!1), { arrivedState: g } = re(i), _ = o(() => t.value ? t.value === s.pageId : !0), V = o(() => ({
+      "b-dialog-page__header--with-border": s.alwaysShowBorder || f.value && !g.top
+    })), x = o(() => ({
+      "b-dialog-page__footer--with-border": s.alwaysShowBorder || f.value && !g.bottom
+    })), D = o(() => !(g.bottom && g.top)), j = () => {
+      i.value;
+    }, T = async (e) => {
+      e && (await y(), u.value && (f.value = i.value && i.value.scrollHeight > i.value.clientHeight));
+    }, { activePage: t, animation: P, isAnimationActive: m, isOpen: E, pages: $, previousPages: a, updatePage: U } = w(ce);
+    b(() => E.value, T, { immediate: !0 }), b(() => _.value, T, { immediate: !0 });
+    const H = o(() => s.previousPage ? !0 : s.previousPage === null ? !1 : K.value && _.value), J = () => {
+      P.value = I.TRANSITION_LEVEL_DEEPER, m && (m.value = !1), O("animationend");
+    }, z = () => {
+      m && (m.value = !0);
+    }, K = o(() => a.value.length > 1), k = o(() => a.value[a.value.length - 1]), M = o(() => $.value.some((e) => e === t.value)), Y = async (e) => {
+      if (e) {
+        const v = a.value.indexOf(e);
+        v !== -1 ? a.value = a.value.slice(0, v + 1) : a.value = [e];
+      } else
+        a.value.pop();
+      P.value = I.TRANSITION_LEVEL_UPPER, await y(), u.value && U(k.value);
+    };
+    b(
+      () => t.value,
+      async () => {
+        if (await y(), !(!u.value || !E.value)) {
+          if (t.value && !M.value && ie) {
+            console.error(
+              `The activePage passed "${t.value}" does not match the id of any of the pages`
+            );
+            return;
+          }
+          t.value !== k.value && a.value.push(t.value);
+        }
+      },
+      { immediate: !0 }
+    );
+    const F = w(ve), { unregisterPage: q } = F(s.pageId);
+    return X(() => {
+      u.value = !0;
+    }), Z(() => {
+      u.value = !1, q();
+    }), (e, v) => (r(), ee(ae, {
+      name: n(P),
+      mode: "out-in",
+      onAfterLeave: J,
+      onLeave: z
+    }, {
+      default: A(() => [
+        n(E) && _.value ? (r(), c("div", de, [
+          n(p)("header") ? (r(), c("div", {
+            key: 0,
+            class: B(["b-dialog-page__header", V.value])
+          }, [
+            H.value ? (r(), c("div", {
+              key: 0,
+              class: "b-dialog-page__back-button",
+              style: te(l.backButtonStyling),
+              "data-testid": "back-button"
+            }, [
+              N(n(oe), {
+                variant: "tertiary",
+                onClick: v[0] || (v[0] = (fe) => Y(l.previousPage))
+              }, {
+                default: A(() => [
+                  N(n(ne), {
+                    "svg-title": n(G)("goToPreviousPage")
+                  }, null, 8, ["svg-title"])
+                ]),
+                _: 1
+              })
+            ], 4)) : d("", !0),
+            S(e.$slots, "header", {}, void 0, !0)
+          ], 2)) : d("", !0),
+          n(p)("content") ? (r(), c("div", {
+            key: 1,
+            ref_key: "contentElement",
+            ref: i,
+            class: "b-dialog-page__content",
+            tabindex: D.value ? 0 : null,
+            onScroll: j
+          }, [
+            S(e.$slots, "content", {}, void 0, !0)
+          ], 40, ge)) : d("", !0),
+          n(p)("footer") ? (r(), c("div", {
+            key: 2,
+            class: B(["b-dialog-page__footer", x.value])
+          }, [
+            S(e.$slots, "footer", {}, void 0, !0)
+          ], 2)) : d("", !0)
+        ])) : d("", !0)
+      ]),
+      _: 3
+    }, 8, ["name"]));
+  }
+}), Te = /* @__PURE__ */ ue(pe, [["__scopeId", "data-v-31f0dd4e"]]);
+export {
+  I as B,
+  ce as D,
+  ve as a,
+  Te as b
+};
+//# sourceMappingURL=dialog-page.B3ptLXXP.js.map

package/dist/chunks/dialog-page.B3ptLXXP.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog-page.B3ptLXXP.js","sources":["../../../vue2/src/components/internal/dialog-page/dialog-page.types.ts","../../../vue2/src/components/internal/dialog-page/dialog-page.keys.ts","../../../vue2/src/components/internal/dialog-page/dialog-page.vue"],"sourcesContent":["import { type Ref } from 'vue';\n\nexport enum BentoDialogPageAnimation {\n    TRANSITION_LEVEL_DEEPER = 'b-dialog-page__animation--level-deeper',\n    TRANSITION_LEVEL_UPPER = 'b-dialog-page__animation--level-upper',\n}\n\nexport interface BentoDialogPageConfigData {\n    activePage: Ref<string>;\n    animation: Ref<string>;\n    isAnimationActive?: Ref<boolean>;\n    isOpen: Ref<boolean>;\n    pages: Ref<Array<string>>;\n    previousPages: Ref<Array<string>>;\n    updatePage: (page: string) => void;\n}\n\nexport type BentoDialogPageRegisterPage = (pageId: string) => { unregisterPage: () => void };\n","export const DIALOG_PAGE_REGISTER_PAGE_INJECTION_KEY = Symbol('dialog registerPage injection key');\nexport const DIALOG_PAGE_CONFIG_INJECTION_KEY = Symbol('dialog page config data injection key');\n","<template>\n    <Transition :name=\"animation\" mode=\"out-in\" @after-leave=\"updateAnimation\" @leave=\"startAnimation\">\n        <div v-if=\"isOpen && showPage\" class=\"b-dialog-page\">\n            <div v-if=\"hasSlot('header')\" class=\"b-dialog-page__header\" :class=\"headerConditionalClasses\">\n                <div\n                    v-if=\"showBackButton\"\n                    class=\"b-dialog-page__back-button\"\n                    :style=\"backButtonStyling\"\n                    data-testid=\"back-button\"\n                >\n                    <bento-button variant=\"tertiary\" @click=\"goToPreviousPage(previousPage)\">\n                        <arrow-left-icon :svg-title=\"t('goToPreviousPage')\" />\n                    </bento-button>\n                </div>\n                <slot name=\"header\"></slot>\n            </div>\n            <div\n                v-if=\"hasSlot('content')\"\n                ref=\"contentElement\"\n                class=\"b-dialog-page__content\"\n                :tabindex=\"isScrollable ? 0 : null\"\n                @scroll=\"onScroll\"\n            >\n                <slot name=\"content\" />\n            </div>\n            <div v-if=\"hasSlot('footer')\" class=\"b-dialog-page__footer\" :class=\"footerConditionalClasses\">\n                <slot name=\"footer\" />\n            </div>\n        </div>\n    </Transition>\n</template>\n\n<script setup lang=\"ts\">\n    import { computed, inject, nextTick, onMounted, onUnmounted, type PropType, ref, useSlots, watch } from 'vue';\n\n    import { BentoButton } from '@/components/button';\n    import ArrowLeftIcon from '@adyen/ui-assets-icons-16/vue/arrow-left';\n\n    import { useHasSlot } from '@/composables/use-has-slot/use-has-slot';\n    import { useI18n } from '@/utils/ts/i18n';\n    import { isDevelopmentEnviroment } from '@/utils/ts/dev-environment';\n\n    import {\n        BentoDialogPageAnimation,\n        type BentoDialogPageConfigData,\n        type BentoDialogPageRegisterPage,\n    } from './dialog-page.types';\n    import type { CSSProperties } from 'vue/types/jsx.d.ts';\n\n    import { DIALOG_PAGE_CONFIG_INJECTION_KEY, DIALOG_PAGE_REGISTER_PAGE_INJECTION_KEY } from './dialog-page.keys';\n\n    import messages from './messages.json';\n    import { useScroll } from '@vueuse/core';\n\n    type MessageSchema = (typeof messages)['en-US'];\n\n    const props = defineProps({\n        /**\n         * Identifier of the page, used with activePage prop to handle navigation\n         */\n        pageId: {\n            type: String,\n            default: undefined,\n        },\n\n        /**\n         * Show header and actions border\n         */\n        alwaysShowBorder: {\n            type: Boolean,\n            default: false,\n        },\n\n        /**\n         * Pass custom styling to the back button to position it correctly with the header slot\n         */\n        backButtonStyling: { type: Object as PropType<CSSProperties>, default: null },\n\n        /**\n         * ID of the page for the back button to navigate to. Only use it to overwrite the default back behavior\n         * Used when the back button should not take the user to the natural previous page\n         * Set to `null` to hide back button in the page\n         */\n        previousPage: {\n            type: String,\n            default: undefined,\n        },\n    });\n\n    const emit = defineEmits<{\n        /**\n         * Fires when the animation ends\n         */\n        (e: 'animationend'): void;\n    }>();\n\n    const slots = useSlots();\n    const hasSlot = useHasSlot(slots);\n    const { t } = useI18n<{ message: MessageSchema }>({ messages });\n\n    // Refs\n    const contentElement = ref<HTMLDivElement>(null);\n    const hasScroll = ref(false);\n    const isMounted = ref(false);\n\n    const { arrivedState } = useScroll(contentElement);\n\n    // Logic to choose which page is active/shown\n    const showPage = computed(() => (activePage.value ? activePage.value === props.pageId : true));\n\n    // Scrolling styling logic\n    const headerConditionalClasses = computed(() => ({\n        'b-dialog-page__header--with-border': props.alwaysShowBorder || (hasScroll.value && !arrivedState.top),\n    }));\n\n    const footerConditionalClasses = computed(() => ({\n        'b-dialog-page__footer--with-border': props.alwaysShowBorder || (hasScroll.value && !arrivedState.bottom),\n    }));\n\n    const isScrollable = computed(() => !(arrivedState.bottom && arrivedState.top));\n\n    const onScroll = () => {\n        if (!contentElement.value) {\n            return;\n        }\n    };\n\n    const calculateScroll = async watchedValue => {\n        if (!watchedValue) {\n            return;\n        }\n        // Wait for content to be rendered to be able to calculate the height\n        await nextTick();\n        if (!isMounted.value) {\n            return;\n        }\n        hasScroll.value = contentElement.value && contentElement.value.scrollHeight > contentElement.value.clientHeight;\n    };\n\n    const { activePage, animation, isAnimationActive, isOpen, pages, previousPages, updatePage } =\n        inject<BentoDialogPageConfigData>(DIALOG_PAGE_CONFIG_INJECTION_KEY);\n\n    watch(() => isOpen.value, calculateScroll, { immediate: true });\n    watch(() => showPage.value, calculateScroll, { immediate: true });\n\n    // Logic to determine whether the back button should be shown on the page\n    const showBackButton = computed(() => {\n        if (props.previousPage) {\n            return true;\n        }\n        if (props.previousPage === null) {\n            return false;\n        }\n        return hasPreviousPages.value && showPage.value;\n    });\n\n    // Animation\n    const updateAnimation = () => {\n        animation.value = BentoDialogPageAnimation.TRANSITION_LEVEL_DEEPER;\n        if (isAnimationActive) {\n            isAnimationActive.value = false;\n        }\n\n        emit('animationend');\n    };\n\n    const startAnimation = () => {\n        if (isAnimationActive) {\n            isAnimationActive.value = true;\n        }\n    };\n\n    // Previous page logic\n    const hasPreviousPages = computed(() => previousPages.value.length > 1);\n    const lastPage = computed(() => previousPages.value[previousPages.value.length - 1]);\n    const isActivePageValid = computed(() => pages.value.some(page => page === activePage.value));\n\n    const goToPreviousPage = async (page: string) => {\n        if (page) {\n            const index = previousPages.value.indexOf(page);\n            if (index !== -1) {\n                previousPages.value = previousPages.value.slice(0, index + 1);\n            } else {\n                previousPages.value = [page];\n            }\n        } else {\n            previousPages.value.pop();\n        }\n\n        animation.value = BentoDialogPageAnimation.TRANSITION_LEVEL_UPPER;\n        await nextTick();\n        if (!isMounted.value) {\n            return;\n        }\n        updatePage(lastPage.value);\n    };\n\n    // Add new page to the previousPage array to keep track of user navigation\n    watch(\n        () => activePage.value,\n        async () => {\n            await nextTick();\n            if (!isMounted.value || !isOpen.value) {\n                return;\n            }\n\n            if (!!activePage.value && !isActivePageValid.value) {\n                if (isDevelopmentEnviroment) {\n                    // eslint-disable-next-line no-console\n                    console.error(\n                        `The activePage passed \"${activePage.value}\" does not match the id of any of the pages`\n                    );\n                    return;\n                }\n            }\n\n            if (activePage.value !== lastPage.value) {\n                previousPages.value.push(activePage.value);\n            }\n        },\n        { immediate: true }\n    );\n\n    // Register page to parent component and inject data from parent component\n    const registerPage = inject<BentoDialogPageRegisterPage>(DIALOG_PAGE_REGISTER_PAGE_INJECTION_KEY);\n    const { unregisterPage } = registerPage(props.pageId);\n\n    onMounted(() => {\n        isMounted.value = true;\n    });\n\n    // Unregister page on unmounting the page\n    onUnmounted(() => {\n        isMounted.value = false;\n        unregisterPage();\n    });\n</script>\n\n<script lang=\"ts\">\n    /**\n     * DialogPage is an internal component used to render different pages of dialog components (Modal, ModalFullscreen and Sidepanel)\n     *\n     * @example\n     * import { DialogPage } from '@/internal';\n     *\n     * export default {\n     *     components: { DialogPage },\n     *     template: `\n     *          <dialog-page pageId='step1' always-show-border>\n     *              <template #header>Header</template>\n     *              <template #content>Content</template>\n     *              <template #footer>Footer</template>\n     *          </dialog-page>\n     *     `\n     * }\n     */\n    export default {\n        i18n: { messages },\n    };\n</script>\n\n<style lang=\"scss\" scoped src=\"./dialog-page.scss\" />\n"],"names":["BentoDialogPageAnimation","BentoDialogPageAnimation2","DIALOG_PAGE_REGISTER_PAGE_INJECTION_KEY","DIALOG_PAGE_CONFIG_INJECTION_KEY","__default__","messages","props","__props","emit","__emit","slots","useSlots","hasSlot","useHasSlot","t","useI18n","contentElement","ref","hasScroll","isMounted","arrivedState","useScroll","showPage","computed","activePage","headerConditionalClasses","footerConditionalClasses","isScrollable","onScroll","calculateScroll","watchedValue","nextTick","animation","isAnimationActive","isOpen","pages","previousPages","updatePage","inject","watch","showBackButton","hasPreviousPages","updateAnimation","startAnimation","lastPage","isActivePageValid","page","goToPreviousPage","index","isDevelopmentEnviroment","registerPage","unregisterPage","onMounted","onUnmounted"],"mappings":"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"}

package/dist/chunks/{differenceInMonths.DcFDl4eH.js → differenceInMonths.BR4Z2HIa.js}

@@ -1,4 +1,4 @@
-import { n as M, t as s, a as l } from "./getTimezoneOffsetInMilliseconds.C-aIpRfB.js";
+import { n as M, t as s, a as l } from "./getTimezoneOffsetInMilliseconds.Tu2wlbTR.js";
 function g(r, t, e) {
   const [n, a] = M(
     e == null ? void 0 : e.in,
@@ -40,4 +40,4 @@ export {
   i as d,
   d as e
 };
-//# sourceMappingURL=differenceInMonths.DcFDl4eH.js.map
+//# sourceMappingURL=differenceInMonths.BR4Z2HIa.js.map

package/dist/chunks/{differenceInMonths.DcFDl4eH.js.map → differenceInMonths.BR4Z2HIa.js.map}

@@ -1 +1 @@
-{"version":3,"file":"differenceInMonths.DcFDl4eH.js","sources":["../../../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/differenceInCalendarMonths.js","../../../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/endOfDay.js","../../../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/endOfMonth.js","../../../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/isLastDayOfMonth.js","../../../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/differenceInMonths.js"],"sourcesContent":["import { normalizeDates } from \"./_lib/normalizeDates.js\";\n\n/**\n * The {@link differenceInCalendarMonths} function options.\n */\n\n/**\n * @name differenceInCalendarMonths\n * @category Month Helpers\n * @summary Get the number of calendar months between the given dates.\n *\n * @description\n * Get the number of calendar months between the given dates.\n *\n * @param laterDate - The later date\n * @param earlierDate - The earlier date\n * @param options - An object with options\n *\n * @returns The number of calendar months\n *\n * @example\n * // How many calendar months are between 31 January 2014 and 1 September 2014?\n * const result = differenceInCalendarMonths(\n *   new Date(2014, 8, 1),\n *   new Date(2014, 0, 31)\n * )\n * //=> 8\n */\nexport function differenceInCalendarMonths(laterDate, earlierDate, options) {\n  const [laterDate_, earlierDate_] = normalizeDates(\n    options?.in,\n    laterDate,\n    earlierDate,\n  );\n\n  const yearsDiff = laterDate_.getFullYear() - earlierDate_.getFullYear();\n  const monthsDiff = laterDate_.getMonth() - earlierDate_.getMonth();\n\n  return yearsDiff * 12 + monthsDiff;\n}\n\n// Fallback for modularized imports:\nexport default differenceInCalendarMonths;\n","import { toDate } from \"./toDate.js\";\n\n/**\n * The {@link endOfDay} function options.\n */\n\n/**\n * @name endOfDay\n * @category Day Helpers\n * @summary Return the end of a day for the given date.\n *\n * @description\n * Return the end of a day for the given date.\n * The result will be in the local timezone.\n *\n * @typeParam DateType - The `Date` type, the function operates on. Gets inferred from passed arguments. Allows to use extensions like [`UTCDate`](https://github.com/date-fns/utc).\n * @typeParam ResultDate - The result `Date` type, it is the type returned from the context function if it is passed, or inferred from the arguments.\n *\n * @param date - The original date\n * @param options - An object with options\n *\n * @returns The end of a day\n *\n * @example\n * // The end of a day for 2 September 2014 11:55:00:\n * const result = endOfDay(new Date(2014, 8, 2, 11, 55, 0))\n * //=> Tue Sep 02 2014 23:59:59.999\n */\nexport function endOfDay(date, options) {\n  const _date = toDate(date, options?.in);\n  _date.setHours(23, 59, 59, 999);\n  return _date;\n}\n\n// Fallback for modularized imports:\nexport default endOfDay;\n","import { toDate } from \"./toDate.js\";\n\n/**\n * The {@link endOfMonth} function options.\n */\n\n/**\n * @name endOfMonth\n * @category Month Helpers\n * @summary Return the end of a month for the given date.\n *\n * @description\n * Return the end of a month for the given date.\n * The result will be in the local timezone.\n *\n * @typeParam DateType - The `Date` type, the function operates on. Gets inferred from passed arguments. Allows to use extensions like [`UTCDate`](https://github.com/date-fns/utc).\n * @typeParam ResultDate - The result `Date` type, it is the type returned from the context function if it is passed, or inferred from the arguments.\n *\n * @param date - The original date\n * @param options - An object with options\n *\n * @returns The end of a month\n *\n * @example\n * // The end of a month for 2 September 2014 11:55:00:\n * const result = endOfMonth(new Date(2014, 8, 2, 11, 55, 0))\n * //=> Tue Sep 30 2014 23:59:59.999\n */\nexport function endOfMonth(date, options) {\n  const _date = toDate(date, options?.in);\n  const month = _date.getMonth();\n  _date.setFullYear(_date.getFullYear(), month + 1, 0);\n  _date.setHours(23, 59, 59, 999);\n  return _date;\n}\n\n// Fallback for modularized imports:\nexport default endOfMonth;\n","import { endOfDay } from \"./endOfDay.js\";\nimport { endOfMonth } from \"./endOfMonth.js\";\nimport { toDate } from \"./toDate.js\";\n\n/**\n * @name isLastDayOfMonth\n * @category Month Helpers\n * @summary Is the given date the last day of a month?\n *\n * @description\n * Is the given date the last day of a month?\n *\n * @param date - The date to check\n * @param options - An object with options\n *\n * @returns The date is the last day of a month\n *\n * @example\n * // Is 28 February 2014 the last day of a month?\n * const result = isLastDayOfMonth(new Date(2014, 1, 28))\n * //=> true\n */\nexport function isLastDayOfMonth(date, options) {\n  const _date = toDate(date, options?.in);\n  return +endOfDay(_date, options) === +endOfMonth(_date, options);\n}\n\n// Fallback for modularized imports:\nexport default isLastDayOfMonth;\n","import { normalizeDates } from \"./_lib/normalizeDates.js\";\nimport { compareAsc } from \"./compareAsc.js\";\nimport { differenceInCalendarMonths } from \"./differenceInCalendarMonths.js\";\nimport { isLastDayOfMonth } from \"./isLastDayOfMonth.js\";\n\n/**\n * The {@link differenceInMonths} function options.\n */\n\n/**\n * @name differenceInMonths\n * @category Month Helpers\n * @summary Get the number of full months between the given dates.\n *\n * @param laterDate - The later date\n * @param earlierDate - The earlier date\n * @param options - An object with options\n *\n * @returns The number of full months\n *\n * @example\n * // How many full months are between 31 January 2014 and 1 September 2014?\n * const result = differenceInMonths(new Date(2014, 8, 1), new Date(2014, 0, 31))\n * //=> 7\n */\nexport function differenceInMonths(laterDate, earlierDate, options) {\n  const [laterDate_, workingLaterDate, earlierDate_] = normalizeDates(\n    options?.in,\n    laterDate,\n    laterDate,\n    earlierDate,\n  );\n\n  const sign = compareAsc(workingLaterDate, earlierDate_);\n  const difference = Math.abs(\n    differenceInCalendarMonths(workingLaterDate, earlierDate_),\n  );\n\n  if (difference < 1) return 0;\n\n  if (workingLaterDate.getMonth() === 1 && workingLaterDate.getDate() > 27)\n    workingLaterDate.setDate(30);\n\n  workingLaterDate.setMonth(workingLaterDate.getMonth() - sign * difference);\n\n  let isLastMonthNotFull = compareAsc(workingLaterDate, earlierDate_) === -sign;\n\n  if (\n    isLastDayOfMonth(laterDate_) &&\n    difference === 1 &&\n    compareAsc(laterDate_, earlierDate_) === 1\n  ) {\n    isLastMonthNotFull = false;\n  }\n\n  const result = sign * (difference - +isLastMonthNotFull);\n  return result === 0 ? 0 : result;\n}\n\n// Fallback for modularized imports:\nexport default differenceInMonths;\n"],"names":["differenceInCalendarMonths","laterDate","earlierDate","options","laterDate_","earlierDate_","normalizeDates","yearsDiff","monthsDiff","endOfDay","date","_date","toDate","endOfMonth","month","isLastDayOfMonth","differenceInMonths","workingLaterDate","sign","compareAsc","difference","isLastMonthNotFull","result"],"mappings":";AA4BO,SAASA,EAA2BC,GAAWC,GAAaC,GAAS;AAC1E,QAAM,CAACC,GAAYC,CAAY,IAAIC;AAAA,IACjCH,KAAA,gBAAAA,EAAS;AAAA,IACTF;AAAA,IACAC;AAAA,EACD,GAEKK,IAAYH,EAAW,YAAW,IAAKC,EAAa,YAAa,GACjEG,IAAaJ,EAAW,SAAQ,IAAKC,EAAa,SAAU;AAElE,SAAOE,IAAY,KAAKC;AAC1B;ACXO,SAASC,EAASC,GAAMP,GAAS;AACtC,QAAMQ,IAAQC,EAAOF,GAAMP,KAAA,gBAAAA,EAAS,EAAE;AACtC,SAAAQ,EAAM,SAAS,IAAI,IAAI,IAAI,GAAG,GACvBA;AACT;ACJO,SAASE,EAAWH,GAAMP,GAAS;AACxC,QAAMQ,IAAQC,EAAOF,GAAMP,KAAA,gBAAAA,EAAS,EAAE,GAChCW,IAAQH,EAAM,SAAU;AAC9B,SAAAA,EAAM,YAAYA,EAAM,YAAa,GAAEG,IAAQ,GAAG,CAAC,GACnDH,EAAM,SAAS,IAAI,IAAI,IAAI,GAAG,GACvBA;AACT;ACZO,SAASI,EAAiBL,GAAMP,GAAS;AAC9C,QAAMQ,IAAQC,EAAOF,GAAMP,KAAA,gBAAAA,EAAS,EAAE;AACtC,SAAO,CAACM,EAASE,GAAOR,CAAO,KAAM,CAACU,EAAWF,GAAOR,CAAO;AACjE;ACAO,SAASa,EAAmBf,GAAWC,GAAaC,GAAS;AAClE,QAAM,CAACC,GAAYa,GAAkBZ,CAAY,IAAIC;AAAA,IACnDH,KAAA,gBAAAA,EAAS;AAAA,IACTF;AAAA,IACAA;AAAA,IACAC;AAAA,EACD,GAEKgB,IAAOC,EAAWF,GAAkBZ,CAAY,GAChDe,IAAa,KAAK;AAAA,IACtBpB,EAA2BiB,GAAkBZ,CAAY;AAAA,EAC1D;AAED,MAAIe,IAAa,EAAG,QAAO;AAE3B,EAAIH,EAAiB,SAAU,MAAK,KAAKA,EAAiB,QAAO,IAAK,MACpEA,EAAiB,QAAQ,EAAE,GAE7BA,EAAiB,SAASA,EAAiB,SAAQ,IAAKC,IAAOE,CAAU;AAEzE,MAAIC,IAAqBF,EAAWF,GAAkBZ,CAAY,MAAM,CAACa;AAEzE,EACEH,EAAiBX,CAAU,KAC3BgB,MAAe,KACfD,EAAWf,GAAYC,CAAY,MAAM,MAEzCgB,IAAqB;AAGvB,QAAMC,IAASJ,KAAQE,IAAa,CAACC;AACrC,SAAOC,MAAW,IAAI,IAAIA;AAC5B;","x_google_ignoreList":[0,1,2,3,4]}
+{"version":3,"file":"differenceInMonths.BR4Z2HIa.js","sources":["../../../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/differenceInCalendarMonths.js","../../../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/endOfDay.js","../../../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/endOfMonth.js","../../../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/isLastDayOfMonth.js","../../../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/differenceInMonths.js"],"sourcesContent":["import { normalizeDates } from \"./_lib/normalizeDates.js\";\n\n/**\n * The {@link differenceInCalendarMonths} function options.\n */\n\n/**\n * @name differenceInCalendarMonths\n * @category Month Helpers\n * @summary Get the number of calendar months between the given dates.\n *\n * @description\n * Get the number of calendar months between the given dates.\n *\n * @param laterDate - The later date\n * @param earlierDate - The earlier date\n * @param options - An object with options\n *\n * @returns The number of calendar months\n *\n * @example\n * // How many calendar months are between 31 January 2014 and 1 September 2014?\n * const result = differenceInCalendarMonths(\n *   new Date(2014, 8, 1),\n *   new Date(2014, 0, 31)\n * )\n * //=> 8\n */\nexport function differenceInCalendarMonths(laterDate, earlierDate, options) {\n  const [laterDate_, earlierDate_] = normalizeDates(\n    options?.in,\n    laterDate,\n    earlierDate,\n  );\n\n  const yearsDiff = laterDate_.getFullYear() - earlierDate_.getFullYear();\n  const monthsDiff = laterDate_.getMonth() - earlierDate_.getMonth();\n\n  return yearsDiff * 12 + monthsDiff;\n}\n\n// Fallback for modularized imports:\nexport default differenceInCalendarMonths;\n","import { toDate } from \"./toDate.js\";\n\n/**\n * The {@link endOfDay} function options.\n */\n\n/**\n * @name endOfDay\n * @category Day Helpers\n * @summary Return the end of a day for the given date.\n *\n * @description\n * Return the end of a day for the given date.\n * The result will be in the local timezone.\n *\n * @typeParam DateType - The `Date` type, the function operates on. Gets inferred from passed arguments. Allows to use extensions like [`UTCDate`](https://github.com/date-fns/utc).\n * @typeParam ResultDate - The result `Date` type, it is the type returned from the context function if it is passed, or inferred from the arguments.\n *\n * @param date - The original date\n * @param options - An object with options\n *\n * @returns The end of a day\n *\n * @example\n * // The end of a day for 2 September 2014 11:55:00:\n * const result = endOfDay(new Date(2014, 8, 2, 11, 55, 0))\n * //=> Tue Sep 02 2014 23:59:59.999\n */\nexport function endOfDay(date, options) {\n  const _date = toDate(date, options?.in);\n  _date.setHours(23, 59, 59, 999);\n  return _date;\n}\n\n// Fallback for modularized imports:\nexport default endOfDay;\n","import { toDate } from \"./toDate.js\";\n\n/**\n * The {@link endOfMonth} function options.\n */\n\n/**\n * @name endOfMonth\n * @category Month Helpers\n * @summary Return the end of a month for the given date.\n *\n * @description\n * Return the end of a month for the given date.\n * The result will be in the local timezone.\n *\n * @typeParam DateType - The `Date` type, the function operates on. Gets inferred from passed arguments. Allows to use extensions like [`UTCDate`](https://github.com/date-fns/utc).\n * @typeParam ResultDate - The result `Date` type, it is the type returned from the context function if it is passed, or inferred from the arguments.\n *\n * @param date - The original date\n * @param options - An object with options\n *\n * @returns The end of a month\n *\n * @example\n * // The end of a month for 2 September 2014 11:55:00:\n * const result = endOfMonth(new Date(2014, 8, 2, 11, 55, 0))\n * //=> Tue Sep 30 2014 23:59:59.999\n */\nexport function endOfMonth(date, options) {\n  const _date = toDate(date, options?.in);\n  const month = _date.getMonth();\n  _date.setFullYear(_date.getFullYear(), month + 1, 0);\n  _date.setHours(23, 59, 59, 999);\n  return _date;\n}\n\n// Fallback for modularized imports:\nexport default endOfMonth;\n","import { endOfDay } from \"./endOfDay.js\";\nimport { endOfMonth } from \"./endOfMonth.js\";\nimport { toDate } from \"./toDate.js\";\n\n/**\n * @name isLastDayOfMonth\n * @category Month Helpers\n * @summary Is the given date the last day of a month?\n *\n * @description\n * Is the given date the last day of a month?\n *\n * @param date - The date to check\n * @param options - An object with options\n *\n * @returns The date is the last day of a month\n *\n * @example\n * // Is 28 February 2014 the last day of a month?\n * const result = isLastDayOfMonth(new Date(2014, 1, 28))\n * //=> true\n */\nexport function isLastDayOfMonth(date, options) {\n  const _date = toDate(date, options?.in);\n  return +endOfDay(_date, options) === +endOfMonth(_date, options);\n}\n\n// Fallback for modularized imports:\nexport default isLastDayOfMonth;\n","import { normalizeDates } from \"./_lib/normalizeDates.js\";\nimport { compareAsc } from \"./compareAsc.js\";\nimport { differenceInCalendarMonths } from \"./differenceInCalendarMonths.js\";\nimport { isLastDayOfMonth } from \"./isLastDayOfMonth.js\";\n\n/**\n * The {@link differenceInMonths} function options.\n */\n\n/**\n * @name differenceInMonths\n * @category Month Helpers\n * @summary Get the number of full months between the given dates.\n *\n * @param laterDate - The later date\n * @param earlierDate - The earlier date\n * @param options - An object with options\n *\n * @returns The number of full months\n *\n * @example\n * // How many full months are between 31 January 2014 and 1 September 2014?\n * const result = differenceInMonths(new Date(2014, 8, 1), new Date(2014, 0, 31))\n * //=> 7\n */\nexport function differenceInMonths(laterDate, earlierDate, options) {\n  const [laterDate_, workingLaterDate, earlierDate_] = normalizeDates(\n    options?.in,\n    laterDate,\n    laterDate,\n    earlierDate,\n  );\n\n  const sign = compareAsc(workingLaterDate, earlierDate_);\n  const difference = Math.abs(\n    differenceInCalendarMonths(workingLaterDate, earlierDate_),\n  );\n\n  if (difference < 1) return 0;\n\n  if (workingLaterDate.getMonth() === 1 && workingLaterDate.getDate() > 27)\n    workingLaterDate.setDate(30);\n\n  workingLaterDate.setMonth(workingLaterDate.getMonth() - sign * difference);\n\n  let isLastMonthNotFull = compareAsc(workingLaterDate, earlierDate_) === -sign;\n\n  if (\n    isLastDayOfMonth(laterDate_) &&\n    difference === 1 &&\n    compareAsc(laterDate_, earlierDate_) === 1\n  ) {\n    isLastMonthNotFull = false;\n  }\n\n  const result = sign * (difference - +isLastMonthNotFull);\n  return result === 0 ? 0 : result;\n}\n\n// Fallback for modularized imports:\nexport default differenceInMonths;\n"],"names":["differenceInCalendarMonths","laterDate","earlierDate","options","laterDate_","earlierDate_","normalizeDates","yearsDiff","monthsDiff","endOfDay","date","_date","toDate","endOfMonth","month","isLastDayOfMonth","differenceInMonths","workingLaterDate","sign","compareAsc","difference","isLastMonthNotFull","result"],"mappings":";AA4BO,SAASA,EAA2BC,GAAWC,GAAaC,GAAS;AAC1E,QAAM,CAACC,GAAYC,CAAY,IAAIC;AAAA,IACjCH,KAAA,gBAAAA,EAAS;AAAA,IACTF;AAAA,IACAC;AAAA,EACJ,GAEQK,IAAYH,EAAW,YAAW,IAAKC,EAAa,YAAW,GAC/DG,IAAaJ,EAAW,SAAQ,IAAKC,EAAa,SAAQ;AAEhE,SAAOE,IAAY,KAAKC;AAC1B;ACXO,SAASC,EAASC,GAAMP,GAAS;AACtC,QAAMQ,IAAQC,EAAOF,GAAMP,KAAA,gBAAAA,EAAS,EAAE;AACtC,SAAAQ,EAAM,SAAS,IAAI,IAAI,IAAI,GAAG,GACvBA;AACT;ACJO,SAASE,EAAWH,GAAMP,GAAS;AACxC,QAAMQ,IAAQC,EAAOF,GAAMP,KAAA,gBAAAA,EAAS,EAAE,GAChCW,IAAQH,EAAM,SAAQ;AAC5B,SAAAA,EAAM,YAAYA,EAAM,YAAW,GAAIG,IAAQ,GAAG,CAAC,GACnDH,EAAM,SAAS,IAAI,IAAI,IAAI,GAAG,GACvBA;AACT;ACZO,SAASI,EAAiBL,GAAMP,GAAS;AAC9C,QAAMQ,IAAQC,EAAOF,GAAMP,KAAA,gBAAAA,EAAS,EAAE;AACtC,SAAO,CAACM,EAASE,GAAOR,CAAO,KAAM,CAACU,EAAWF,GAAOR,CAAO;AACjE;ACAO,SAASa,EAAmBf,GAAWC,GAAaC,GAAS;AAClE,QAAM,CAACC,GAAYa,GAAkBZ,CAAY,IAAIC;AAAA,IACnDH,KAAA,gBAAAA,EAAS;AAAA,IACTF;AAAA,IACAA;AAAA,IACAC;AAAA,EACJ,GAEQgB,IAAOC,EAAWF,GAAkBZ,CAAY,GAChDe,IAAa,KAAK;AAAA,IACtBpB,EAA2BiB,GAAkBZ,CAAY;AAAA,EAC7D;AAEE,MAAIe,IAAa,EAAG,QAAO;AAE3B,EAAIH,EAAiB,SAAQ,MAAO,KAAKA,EAAiB,QAAO,IAAK,MACpEA,EAAiB,QAAQ,EAAE,GAE7BA,EAAiB,SAASA,EAAiB,SAAQ,IAAKC,IAAOE,CAAU;AAEzE,MAAIC,IAAqBF,EAAWF,GAAkBZ,CAAY,MAAM,CAACa;AAEzE,EACEH,EAAiBX,CAAU,KAC3BgB,MAAe,KACfD,EAAWf,GAAYC,CAAY,MAAM,MAEzCgB,IAAqB;AAGvB,QAAMC,IAASJ,KAAQE,IAAa,CAACC;AACrC,SAAOC,MAAW,IAAI,IAAIA;AAC5B;","x_google_ignoreList":[0,1,2,3,4]}

package/dist/chunks/{directive.Cbdox5VL.js → directive.rXUeDb8p.js}

@@ -1,4 +1,4 @@
-import { o as s } from "./on-click-outside.D9aY9g8G.js";
+import { o as s } from "./on-click-outside.BW4rkhzG.js";
 const t = (o, i) => {
   const e = !i.modifiers.bubble;
   if (typeof i.value == "function")
@@ -20,4 +20,4 @@ const t = (o, i) => {
 export {
   _ as B
 };
-//# sourceMappingURL=directive.Cbdox5VL.js.map
+//# sourceMappingURL=directive.rXUeDb8p.js.map

package/dist/chunks/{directive.Cbdox5VL.js.map → directive.rXUeDb8p.js.map}

@@ -1 +1 @@
-{"version":3,"file":"directive.Cbdox5VL.js","sources":["../../../vue2/src/directives/click-outside/directive.ts"],"sourcesContent":["import { onClickOutside } from './on-click-outside';\nimport type { DirectiveHook } from 'vue';\n\ntype Element = HTMLElement & { __onClickOutside_stop?: () => void };\n\n/**\n * Attaches the click outside listener to target element to register clicks outside the element.\n * @param targetElement Element to attach listener to.\n * @param binding\n */\nconst bindDirective: DirectiveHook<Element> = (targetElement, binding) => {\n    const capture = !binding.modifiers.bubble;\n    if (typeof binding.value === 'function') {\n        // eslint-disable-next-line no-underscore-dangle, no-param-reassign\n        targetElement.__onClickOutside_stop = onClickOutside(targetElement, binding.value, { capture });\n    } else {\n        const [handler, options] = binding.value;\n        // eslint-disable-next-line no-underscore-dangle, no-param-reassign\n        targetElement.__onClickOutside_stop = onClickOutside(targetElement, handler, { capture, ...options });\n    }\n};\n\n/**\n * Removes click outside listener from the target element.\n * @param targetElement Element to detach listener from.\n */\nconst unbindDirective: DirectiveHook<Element> = targetElement => {\n    // eslint-disable-next-line no-underscore-dangle\n    targetElement.__onClickOutside_stop();\n};\n\nexport const BentoClickOutsideDirective = {\n    // Vue 2 Directive hooks\n    inserted: bindDirective,\n    unbind: unbindDirective,\n\n    // Vue 3 Directive hooks\n    beforeMount: bindDirective,\n    unmounted: unbindDirective,\n};\n"],"names":["bindDirective","targetElement","binding","capture","onClickOutside","handler","options","unbindDirective","BentoClickOutsideDirective"],"mappings":";AAUA,MAAMA,IAAwC,CAACC,GAAeC,MAAY;AAChE,QAAAC,IAAU,CAACD,EAAQ,UAAU;AAC/B,MAAA,OAAOA,EAAQ,SAAU;AAEzB,IAAAD,EAAc,wBAAwBG,EAAeH,GAAeC,EAAQ,OAAO,EAAE,SAAAC,GAAS;AAAA,OAC3F;AACH,UAAM,CAACE,GAASC,CAAO,IAAIJ,EAAQ;AAErB,IAAAD,EAAA,wBAAwBG,EAAeH,GAAeI,GAAS,EAAE,SAAAF,GAAS,GAAGG,GAAS;AAAA,EAAA;AAE5G,GAMMC,IAA0C,CAAiBN,MAAA;AAE7D,EAAAA,EAAc,sBAAsB;AACxC,GAEaO,IAA6B;AAAA;AAAA,EAEtC,UAAUR;AAAA,EACV,QAAQO;AAAA;AAAA,EAGR,aAAaP;AAAA,EACb,WAAWO;AACf;"}
+{"version":3,"file":"directive.rXUeDb8p.js","sources":["../../../vue2/src/directives/click-outside/directive.ts"],"sourcesContent":["import { onClickOutside } from './on-click-outside';\nimport type { DirectiveHook } from 'vue';\n\ntype Element = HTMLElement & { __onClickOutside_stop?: () => void };\n\n/**\n * Attaches the click outside listener to target element to register clicks outside the element.\n * @param targetElement Element to attach listener to.\n * @param binding\n */\nconst bindDirective: DirectiveHook<Element> = (targetElement, binding) => {\n    const capture = !binding.modifiers.bubble;\n    if (typeof binding.value === 'function') {\n        // eslint-disable-next-line no-underscore-dangle, no-param-reassign\n        targetElement.__onClickOutside_stop = onClickOutside(targetElement, binding.value, { capture });\n    } else {\n        const [handler, options] = binding.value;\n        // eslint-disable-next-line no-underscore-dangle, no-param-reassign\n        targetElement.__onClickOutside_stop = onClickOutside(targetElement, handler, { capture, ...options });\n    }\n};\n\n/**\n * Removes click outside listener from the target element.\n * @param targetElement Element to detach listener from.\n */\nconst unbindDirective: DirectiveHook<Element> = targetElement => {\n    // eslint-disable-next-line no-underscore-dangle\n    targetElement.__onClickOutside_stop();\n};\n\nexport const BentoClickOutsideDirective = {\n    // Vue 2 Directive hooks\n    inserted: bindDirective,\n    unbind: unbindDirective,\n\n    // Vue 3 Directive hooks\n    beforeMount: bindDirective,\n    unmounted: unbindDirective,\n};\n"],"names":["bindDirective","targetElement","binding","capture","onClickOutside","handler","options","unbindDirective","BentoClickOutsideDirective"],"mappings":";AAUA,MAAMA,IAAwC,CAACC,GAAeC,MAAY;AACtE,QAAMC,IAAU,CAACD,EAAQ,UAAU;AACnC,MAAI,OAAOA,EAAQ,SAAU;AAEzB,IAAAD,EAAc,wBAAwBG,EAAeH,GAAeC,EAAQ,OAAO,EAAE,SAAAC,GAAS;AAAA,OAC3F;AACH,UAAM,CAACE,GAASC,CAAO,IAAIJ,EAAQ;AAEnC,IAAAD,EAAc,wBAAwBG,EAAeH,GAAeI,GAAS,EAAE,SAAAF,GAAS,GAAGG,GAAS;AAAA,EACxG;AACJ,GAMMC,IAA0C,CAAAN,MAAiB;AAE7D,EAAAA,EAAc,sBAAA;AAClB,GAEaO,IAA6B;AAAA;AAAA,EAEtC,UAAUR;AAAA,EACV,QAAQO;AAAA;AAAA,EAGR,aAAaP;AAAA,EACb,WAAWO;AACf;"}

package/dist/chunks/{divider.Dho4_hQ7.js → divider.BIY84UH7.js}

@@ -1,4 +1,4 @@
-import { defineComponent as _, inject as d, ref as v, computed as a, createElementBlock as r, openBlock as i, normalizeClass as s } from "vue";
+import { defineComponent as _, inject as d, ref as v, computed as a, openBlock as r, createElementBlock as i, normalizeClass as s } from "vue";
 import { _ as u } from "./_plugin-vue_export-helper.CHgC5LLL.js";
 import "../assets/divider.css";
 const p = /* @__PURE__ */ Symbol("divider inverse style injection key");
@@ -13,13 +13,13 @@ const m = { class: "b-divider" }, I = {}, f = /* @__PURE__ */ _({
     const n = e, l = d(p, v(!1)), c = a(() => n.variant === t.VERTICAL), o = a(() => ({
       "b-divider--inverse": l.value
     }));
-    return (b, E) => (i(), r("div", m, [
-      c.value ? (i(), r("div", {
+    return (b, E) => (r(), i("div", m, [
+      c.value ? (r(), i("div", {
         key: 0,
         role: "separator",
         "aria-orientation": "vertical",
         class: s(["b-divider__rule b-divider__rule--vertical", o.value])
-      }, null, 2)) : (i(), r("hr", {
+      }, null, 2)) : (r(), i("hr", {
         key: 1,
         class: s(["b-divider__rule b-divider__rule--horizontal", o.value])
       }, null, 2))
@@ -30,4 +30,4 @@ export {
   h as B,
   p as D
 };
-//# sourceMappingURL=divider.Dho4_hQ7.js.map
+//# sourceMappingURL=divider.BIY84UH7.js.map

package/dist/chunks/{divider.Dho4_hQ7.js.map → divider.BIY84UH7.js.map}

@@ -1 +1 @@
-{"version":3,"file":"divider.Dho4_hQ7.js","sources":["../../../vue2/src/components/divider/divider.keys.ts","../../../vue2/src/components/divider/divider.types.ts","../../../vue2/src/components/divider/divider.vue"],"sourcesContent":["export const DIVIDER_INVERSE_INJECTION_KEY = Symbol('divider inverse style injection key');\n","/**\n * Private types\n */\nexport enum BentoDividerVariant {\n    HORIZONTAL = 'horizontal',\n    VERTICAL = 'vertical',\n}\n\n/**\n * Public types\n */\nexport interface BentoDividerProps {\n    /**\n     * Renders the divider in a horizontal or vertical variant\n     */\n    variant?: `${BentoDividerVariant}`;\n}\n","<template>\n    <div class=\"b-divider\">\n        <div\n            v-if=\"isVerticalVariant\"\n            role=\"separator\"\n            aria-orientation=\"vertical\"\n            class=\"b-divider__rule b-divider__rule--vertical\"\n            :class=\"conditionalClasses\"\n        ></div>\n        <hr v-else class=\"b-divider__rule b-divider__rule--horizontal\" :class=\"conditionalClasses\" />\n    </div>\n</template>\n\n<script setup lang=\"ts\">\n    import { computed, inject, ref } from 'vue';\n    import { DIVIDER_INVERSE_INJECTION_KEY } from './divider.keys';\n    import { type BentoDividerProps, BentoDividerVariant } from './divider.types';\n\n    const props = withDefaults(defineProps<BentoDividerProps>(), {\n        variant: BentoDividerVariant.HORIZONTAL,\n    });\n\n    const isInverseColorSet = inject(DIVIDER_INVERSE_INJECTION_KEY, ref(false));\n\n    const isVerticalVariant = computed(() => props.variant === BentoDividerVariant.VERTICAL);\n\n    const conditionalClasses = computed(() => ({\n        'b-divider--inverse': isInverseColorSet.value,\n    }));\n</script>\n\n<script lang=\"ts\">\n    /**\n     * Divider component is a thin line that helps separate content and group them visually into sections.\n     *\n     * @example\n     * import { BentoDivider } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { BentoDivider },\n     *     template: `<bento-divider />`\n     * }\n     */\n\n    export default {};\n</script>\n\n<style lang=\"scss\" scoped src=\"./divider.scss\" />\n"],"names":["DIVIDER_INVERSE_INJECTION_KEY","BentoDividerVariant","BentoDividerVariant2","__default__","props","__props","isInverseColorSet","inject","ref","isVerticalVariant","computed","conditionalClasses"],"mappings":";;;AAAa,MAAAA,IAAA,uBAAA,qCAAA;ACGD,IAAAC,IAAA,kBAAAC,OACRA,EAAA,aAAA,cACAA,EAAA,WAAA,YAFQA,IAAAD,KAAA,CAAA,CAAA;kCCyCRE,IAAA,CAAA;;;;;;;AA1BA,UAAAC,IAAAC,GAIAC,IAAAC,EAAAP,GAAAQ,EAAA,EAAA,CAAA,GAEAC,IAAAC,EAAA,MAAAN,EAAA,YAAAH,EAAA,QAAA,GAEAU,IAAAD,EAAA,OAAA;AAAA,MAA2C,sBAAAJ,EAAA;AAAA,IACC,EAAA;;;;;;;;;;;;;;"}
+{"version":3,"file":"divider.BIY84UH7.js","sources":["../../../vue2/src/components/divider/divider.keys.ts","../../../vue2/src/components/divider/divider.types.ts","../../../vue2/src/components/divider/divider.vue"],"sourcesContent":["export const DIVIDER_INVERSE_INJECTION_KEY = Symbol('divider inverse style injection key');\n","/**\n * Private types\n */\nexport enum BentoDividerVariant {\n    HORIZONTAL = 'horizontal',\n    VERTICAL = 'vertical',\n}\n\n/**\n * Public types\n */\nexport interface BentoDividerProps {\n    /**\n     * Renders the divider in a horizontal or vertical variant\n     */\n    variant?: `${BentoDividerVariant}`;\n}\n","<template>\n    <div class=\"b-divider\">\n        <div\n            v-if=\"isVerticalVariant\"\n            role=\"separator\"\n            aria-orientation=\"vertical\"\n            class=\"b-divider__rule b-divider__rule--vertical\"\n            :class=\"conditionalClasses\"\n        ></div>\n        <hr v-else class=\"b-divider__rule b-divider__rule--horizontal\" :class=\"conditionalClasses\" />\n    </div>\n</template>\n\n<script setup lang=\"ts\">\n    import { computed, inject, ref } from 'vue';\n    import { DIVIDER_INVERSE_INJECTION_KEY } from './divider.keys';\n    import { type BentoDividerProps, BentoDividerVariant } from './divider.types';\n\n    const props = withDefaults(defineProps<BentoDividerProps>(), {\n        variant: BentoDividerVariant.HORIZONTAL,\n    });\n\n    const isInverseColorSet = inject(DIVIDER_INVERSE_INJECTION_KEY, ref(false));\n\n    const isVerticalVariant = computed(() => props.variant === BentoDividerVariant.VERTICAL);\n\n    const conditionalClasses = computed(() => ({\n        'b-divider--inverse': isInverseColorSet.value,\n    }));\n</script>\n\n<script lang=\"ts\">\n    /**\n     * Divider component is a thin line that helps separate content and group them visually into sections.\n     *\n     * @example\n     * import { BentoDivider } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { BentoDivider },\n     *     template: `<bento-divider />`\n     * }\n     */\n\n    export default {};\n</script>\n\n<style lang=\"scss\" scoped src=\"./divider.scss\" />\n"],"names":["DIVIDER_INVERSE_INJECTION_KEY","BentoDividerVariant","BentoDividerVariant2","__default__","props","__props","isInverseColorSet","inject","ref","isVerticalVariant","computed","conditionalClasses"],"mappings":";;;AAAO,MAAAA,IAAA,uBAAA,qCAAA;ACGA,IAAAC,IAAA,kBAAAC,OACHA,EAAA,aAAA,cACAA,EAAA,WAAA,YAFQA,IAAAD,KAAA,CAAA,CAAA;kCCyCRE,IAAA,CAAA;;;;;;;AA1BA,UAAAC,IAAAC,GAIAC,IAAAC,EAAAP,GAAAQ,EAAA,EAAA,CAAA,GAEAC,IAAAC,EAAA,MAAAN,EAAA,YAAAH,EAAA,QAAA,GAEAU,IAAAD,EAAA,OAAA;AAAA,MAA2C,sBAAAJ,EAAA;AAAA,IACC,EAAA;;;;;;;;;;;;;;"}

package/dist/chunks/{dot.ob6N-5Um.js → dot.DBmwmOUN.js}

@@ -1,5 +1,5 @@
 /* empty css              */
-import { createElementBlock as o, openBlock as r, mergeProps as i, createCommentVNode as n, createElementVNode as l, toDisplayString as a } from "vue";
+import { openBlock as o, createElementBlock as r, mergeProps as i, toDisplayString as n, createCommentVNode as l, createElementVNode as a } from "vue";
 import { _ as p } from "./_plugin-vue_export-helper.CHgC5LLL.js";
 let s = 0;
 const m = {
@@ -8,15 +8,15 @@ const m = {
   }
 }, c = { key: 0 };
 function d(t, e, g, u, f, $) {
-  return r(), o("svg", i({ role: "img" }, t.$attrs, {
+  return o(), r("svg", i({ role: "img" }, t.$attrs, {
     class: "ui-assets-icons-16",
     xmlns: "http://www.w3.org/2000/svg",
     width: "16",
     height: "16",
     fill: "none"
   }), [
-    t.$attrs["svg-title"] ? (r(), o("title", c, a(t.$attrs["svg-title"]), 1)) : n("", !0),
-    e[0] || (e[0] = l("path", {
+    t.$attrs["svg-title"] ? (o(), r("title", c, n(t.$attrs["svg-title"]), 1)) : l("", !0),
+    e[0] || (e[0] = a("path", {
       fill: "#001222",
       d: "M8 5.25C6.48122 5.25 5.25 6.48122 5.25 8C5.25 9.51878 6.48122 10.75 8 10.75C9.51878 10.75 10.75 9.51878 10.75 8C10.75 6.48122 9.51878 5.25 8 5.25Z"
     }, null, -1))
@@ -26,4 +26,4 @@ const w = /* @__PURE__ */ p(m, [["render", d]]);
 export {
   w as D
 };
-//# sourceMappingURL=dot.ob6N-5Um.js.map
+//# sourceMappingURL=dot.DBmwmOUN.js.map

package/dist/chunks/{dot.ob6N-5Um.js.map → dot.DBmwmOUN.js.map}

@@ -1 +1 @@
-{"version":3,"file":"dot.ob6N-5Um.js","sources":["../../../ui-assets/icons-16/dist/vue/dot.vue"],"sourcesContent":["\n<template>\n    <svg role=\"img\" v-bind=\"$attrs\" class=\"ui-assets-icons-16\" xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\"><title v-if=\"$attrs['svg-title']\">{{ $attrs['svg-title'] }}</title><path fill=\"#001222\" d=\"M8 5.25C6.48122 5.25 5.25 6.48122 5.25 8C5.25 9.51878 6.48122 10.75 8 10.75C9.51878 10.75 10.75 9.51878 10.75 8C10.75 6.48122 9.51878 5.25 8 5.25Z\"/></svg>\n</template>\n<script>\n    import '../css/main.css';\n\n    let uuid = 0;\n\n    export default {\n        beforeCreate() {\n            this.uuid = uuid.toString();\n            uuid += 1;\n        },\n    };\n</script>\n"],"names":["uuid","_sfc_main","_openBlock","_createElementBlock","_mergeProps","_ctx","_hoisted_1","_createCommentVNode","_createElementVNode"],"mappings":";;;AAOI,IAAIA,IAAO;AAEX,MAAKC,IAAU;AAAA,EACX,eAAe;AACX,SAAK,OAAOD,EAAK,SAAU,GAC3BA,KAAQ;AAAA,EACX;AACJ,SAdL,KAAA,EAAA;;AAEI,SAAAE,EAAA,GAAAC,EAAuX,OAAvXC,EAAuX,EAAlX,MAAK,MAAK,GAASC,EAAM,QAAA;AAAA,IAAE,OAAM;AAAA,IAAqB,OAAM;AAAA,IAA6B,OAAM;AAAA,IAAK,QAAO;AAAA,IAAK,MAAK;AAAA;IAAoBA,EAAM,OAAA,WAAA,UAAnBF,EAAmE,SAFxMG,KAE0KD,EAAM,OAAA,WAAA,CAAA,GAAA,CAAA,KAFhLE,EAAA,IAAA,EAAA;AAAA,oBAEwMC,EAA6K,QAAA;AAAA,MAAvK,MAAK;AAAA,MAAU,GAAE;AAAA;;;;"}
+{"version":3,"file":"dot.DBmwmOUN.js","sources":["../../../ui-assets/icons-16/dist/vue/dot.vue"],"sourcesContent":["\n<template>\n    <svg role=\"img\" v-bind=\"$attrs\" class=\"ui-assets-icons-16\" xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\"><title v-if=\"$attrs['svg-title']\">{{ $attrs['svg-title'] }}</title><path fill=\"#001222\" d=\"M8 5.25C6.48122 5.25 5.25 6.48122 5.25 8C5.25 9.51878 6.48122 10.75 8 10.75C9.51878 10.75 10.75 9.51878 10.75 8C10.75 6.48122 9.51878 5.25 8 5.25Z\"/></svg>\n</template>\n<script>\n    import '../css/main.css';\n\n    let uuid = 0;\n\n    export default {\n        beforeCreate() {\n            this.uuid = uuid.toString();\n            uuid += 1;\n        },\n    };\n</script>\n"],"names":["uuid","_sfc_main","_openBlock","_createElementBlock","_mergeProps","_ctx","_hoisted_1","_createCommentVNode","_createElementVNode"],"mappings":";;;AAOI,IAAIA,IAAO;AAEX,MAAKC,IAAU;AAAA,EACX,eAAe;AACX,SAAK,OAAOD,EAAK,SAAQ,GACzBA,KAAQ;AAAA,EACZ;SAbR,KAAA,EAAA;;AAEI,SAAAE,EAAA,GAAAC,EAAuX,OAAvXC,EAAuX,EAAlX,MAAK,MAAK,GAASC,EAAA,QAAM;AAAA,IAAE,OAAM;AAAA,IAAqB,OAAM;AAAA,IAA6B,OAAM;AAAA,IAAK,QAAO;AAAA,IAAK,MAAK;AAAA;IAAoBA,EAAA,OAAM,WAAA,UAAnBF,EAAmE,SAFxMG,KAE0KD,EAAA,OAAM,WAAA,CAAA,GAAA,CAAA,KAFhLE,EAAA,IAAA,EAAA;AAAA,oBAEwMC,EAA6K,QAAA;AAAA,MAAvK,MAAK;AAAA,MAAU,GAAE;AAAA;;;;"}