@adyen/bento-vue2 2.0.1-rc.0 → 2.1.0

package/dist/chunks/{use-dynamic-date-fns-locale.Bpb2DeYR.js → use-dynamic-date-fns-locale.DGqfz_nF.js}

@@ -1,5 +1,5 @@
 import { shallowRef as n, watch as i } from "vue";
-import { p as m } from "./typography.D1OZJbEa.js";
+import { p as m } from "./typography.Cd386LC_.js";
 const s = /* @__PURE__ */ Object.assign({
   "../../../node_modules/date-fns/locale/de.js": () => import("./de.D953eFBg.js"),
   "../../../node_modules/date-fns/locale/en-GB.js": () => import("./en-GB.DRXS-7tU.js"),
@@ -36,4 +36,4 @@ function f(a) {
 export {
   f as u
 };
-//# sourceMappingURL=use-dynamic-date-fns-locale.Bpb2DeYR.js.map
+//# sourceMappingURL=use-dynamic-date-fns-locale.DGqfz_nF.js.map

package/dist/chunks/{use-dynamic-date-fns-locale.Bpb2DeYR.js.map → use-dynamic-date-fns-locale.DGqfz_nF.js.map}

@@ -1 +1 @@
-{"version":3,"file":"use-dynamic-date-fns-locale.Bpb2DeYR.js","sources":["../../src/composables/use-dynamic-date-fns-locale/use-dynamic-date-fns-locale.ts"],"sourcesContent":["import { type Ref, shallowRef, watch } from 'vue';\nimport type { Locale } from 'date-fns';\nimport { printDevelopmentWarning } from '@/utils/ts/print-development-warning';\n\n/*\n * IMPORTANT: Keep this list in sync with the locales in locales.ts\n */\nconst dateFnsLocales = import.meta.glob(\n    '../../../node_modules/date-fns/locale/{de,en-GB,en-US,es,fr,it,ja,pt-BR,zh-CN}.js'\n);\n\n/**\n * A composable that provides a reactive date-fns locale object based on the provided locale string.\n * @param i18nLocale - A Ref containing the current locale string (e.g., 'en-US', 'pt-BR').\n * @returns A shallowRef containing the current date-fns Locale object.\n */\nexport function useDynamicDateFnsLocale(i18nLocale: Ref<string>) {\n    const dateLocale = shallowRef<Locale | undefined>(undefined);\n\n    watch(\n        i18nLocale,\n        async newLocale => {\n            if (!newLocale) {\n                dateLocale.value = undefined;\n                return;\n            }\n\n            const getPath = (loc: string) => `../../../node_modules/date-fns/locale/${loc}.js`;\n\n            // Try the full locale first (e.g., 'pt-BR')\n            let path = getPath(newLocale);\n\n            // Fallback to 2-letter code if full locale not found (e.g., 'pt')\n            if (!dateFnsLocales[path]) {\n                path = getPath(newLocale.substring(0, 2));\n            }\n\n            // Default fallback to 'en-US'\n            if (!dateFnsLocales[path]) {\n                path = getPath('en-US');\n            }\n\n            if (dateFnsLocales[path]) {\n                try {\n                    const dateFnsImport = (await dateFnsLocales[path]()) as { default: Locale };\n                    dateLocale.value = dateFnsImport.default;\n                } catch (error) {\n                    printDevelopmentWarning(`Failed to load date-fns locale: ${newLocale}`, error);\n                }\n            }\n        },\n        { immediate: true }\n    );\n\n    return dateLocale;\n}\n"],"names":["dateFnsLocales","n","useDynamicDateFnsLocale","i18nLocale","dateLocale","shallowRef","watch","newLocale","getPath","loc","path","dateFnsImport","error","printDevelopmentWarning"],"mappings":";;AAOA,MAAMA,IAAiB,uBAAA,OAAA;AAAA,EAAA,+CAAA,MAAA,OAAA,kBAAA;AAAA,EAAA,kDAAA,MAAA,OAAA,qBAAA;AAAA,EAAA,kDAAA,MAAA,OAAA,qBAAA,EAAA,KAAA,CAAAC,MAAAA,EAAA,CAAA;AAAA,EAAA,+CAAA,MAAA,OAAA,kBAAA;AAAA,EAAA,+CAAA,MAAA,OAAA,kBAAA;AAAA,EAAA,+CAAA,MAAA,OAAA,kBAAA;AAAA,EAAA,+CAAA,MAAA,OAAA,kBAAA;AAAA,EAAA,kDAAA,MAAA,OAAA,qBAAA;AAAA,EAAA,kDAAA,MAAA,OAAA,qBAAA;AAAA,CAAA;AAShB,SAASC,EAAwBC,GAAyB;AAC7D,QAAMC,IAAaC,EAA+B,MAAS;AAE3D,SAAAC;AAAA,IACIH;AAAA,IACA,OAAMI,MAAa;AACf,UAAI,CAACA,GAAW;AACZ,QAAAH,EAAW,QAAQ;AACnB;AAAA,MACJ;AAEA,YAAMI,IAAU,CAACC,MAAgB,yCAAyCA,CAAG;AAG7E,UAAIC,IAAOF,EAAQD,CAAS;AAY5B,UATKP,EAAeU,CAAI,MACpBA,IAAOF,EAAQD,EAAU,UAAU,GAAG,CAAC,CAAC,IAIvCP,EAAeU,CAAI,MACpBA,IAAOF,EAAQ,OAAO,IAGtBR,EAAeU,CAAI;AACnB,YAAI;AACA,gBAAMC,IAAiB,MAAMX,EAAeU,CAAI,EAAA;AAChD,UAAAN,EAAW,QAAQO,EAAc;AAAA,QACrC,SAASC,GAAO;AACZ,UAAAC,EAAwB,mCAAmCN,CAAS,IAAIK,CAAK;AAAA,QACjF;AAAA,IAER;AAAA,IACA,EAAE,WAAW,GAAA;AAAA,EAAK,GAGfR;AACX;"}
+{"version":3,"file":"use-dynamic-date-fns-locale.DGqfz_nF.js","sources":["../../src/composables/use-dynamic-date-fns-locale/use-dynamic-date-fns-locale.ts"],"sourcesContent":["import { type Ref, shallowRef, watch } from 'vue';\nimport type { Locale } from 'date-fns';\nimport { printDevelopmentWarning } from '@/utils/ts/print-development-warning';\n\n/*\n * IMPORTANT: Keep this list in sync with the locales in locales.ts\n */\nconst dateFnsLocales = import.meta.glob(\n    '../../../node_modules/date-fns/locale/{de,en-GB,en-US,es,fr,it,ja,pt-BR,zh-CN}.js'\n);\n\n/**\n * A composable that provides a reactive date-fns locale object based on the provided locale string.\n * @param i18nLocale - A Ref containing the current locale string (e.g., 'en-US', 'pt-BR').\n * @returns A shallowRef containing the current date-fns Locale object.\n */\nexport function useDynamicDateFnsLocale(i18nLocale: Ref<string>) {\n    const dateLocale = shallowRef<Locale | undefined>(undefined);\n\n    watch(\n        i18nLocale,\n        async newLocale => {\n            if (!newLocale) {\n                dateLocale.value = undefined;\n                return;\n            }\n\n            const getPath = (loc: string) => `../../../node_modules/date-fns/locale/${loc}.js`;\n\n            // Try the full locale first (e.g., 'pt-BR')\n            let path = getPath(newLocale);\n\n            // Fallback to 2-letter code if full locale not found (e.g., 'pt')\n            if (!dateFnsLocales[path]) {\n                path = getPath(newLocale.substring(0, 2));\n            }\n\n            // Default fallback to 'en-US'\n            if (!dateFnsLocales[path]) {\n                path = getPath('en-US');\n            }\n\n            if (dateFnsLocales[path]) {\n                try {\n                    const dateFnsImport = (await dateFnsLocales[path]()) as { default: Locale };\n                    dateLocale.value = dateFnsImport.default;\n                } catch (error) {\n                    printDevelopmentWarning(`Failed to load date-fns locale: ${newLocale}`, error);\n                }\n            }\n        },\n        { immediate: true }\n    );\n\n    return dateLocale;\n}\n"],"names":["dateFnsLocales","n","useDynamicDateFnsLocale","i18nLocale","dateLocale","shallowRef","watch","newLocale","getPath","loc","path","dateFnsImport","error","printDevelopmentWarning"],"mappings":";;AAOA,MAAMA,IAAiB,uBAAA,OAAA;AAAA,EAAA,+CAAA,MAAA,OAAA,kBAAA;AAAA,EAAA,kDAAA,MAAA,OAAA,qBAAA;AAAA,EAAA,kDAAA,MAAA,OAAA,qBAAA,EAAA,KAAA,CAAAC,MAAAA,EAAA,CAAA;AAAA,EAAA,+CAAA,MAAA,OAAA,kBAAA;AAAA,EAAA,+CAAA,MAAA,OAAA,kBAAA;AAAA,EAAA,+CAAA,MAAA,OAAA,kBAAA;AAAA,EAAA,+CAAA,MAAA,OAAA,kBAAA;AAAA,EAAA,kDAAA,MAAA,OAAA,qBAAA;AAAA,EAAA,kDAAA,MAAA,OAAA,qBAAA;AAAA,CAAA;AAShB,SAASC,EAAwBC,GAAyB;AAC7D,QAAMC,IAAaC,EAA+B,MAAS;AAE3D,SAAAC;AAAA,IACIH;AAAA,IACA,OAAMI,MAAa;AACf,UAAI,CAACA,GAAW;AACZ,QAAAH,EAAW,QAAQ;AACnB;AAAA,MACJ;AAEA,YAAMI,IAAU,CAACC,MAAgB,yCAAyCA,CAAG;AAG7E,UAAIC,IAAOF,EAAQD,CAAS;AAY5B,UATKP,EAAeU,CAAI,MACpBA,IAAOF,EAAQD,EAAU,UAAU,GAAG,CAAC,CAAC,IAIvCP,EAAeU,CAAI,MACpBA,IAAOF,EAAQ,OAAO,IAGtBR,EAAeU,CAAI;AACnB,YAAI;AACA,gBAAMC,IAAiB,MAAMX,EAAeU,CAAI,EAAA;AAChD,UAAAN,EAAW,QAAQO,EAAc;AAAA,QACrC,SAASC,GAAO;AACZ,UAAAC,EAAwB,mCAAmCN,CAAS,IAAIK,CAAK;AAAA,QACjF;AAAA,IAER;AAAA,IACA,EAAE,WAAW,GAAA;AAAA,EAAK,GAGfR;AACX;"}

package/dist/chunks/use-expandable-content-height.DmFeas9-.js

@@ -0,0 +1,36 @@
+import { ref as a, watch as u, onUnmounted as s, nextTick as c } from "vue";
+import { o as v } from "./resize.Bqks3WUm.js";
+const h = (o, l) => {
+  const i = a(null);
+  let t = null;
+  const n = () => {
+    c(() => {
+      const e = o.value?.scrollHeight || null;
+      i.value = l.value && e ? `${e}px` : "0";
+    });
+  }, r = () => {
+    t && (t.disconnect(), t = null);
+  };
+  return u(
+    () => o.value,
+    (e) => {
+      r(), e && (t = v(e, () => {
+        o.value === e && n();
+      }));
+    }
+  ), u(
+    l,
+    () => {
+      n();
+    },
+    { immediate: !0 }
+  ), s(() => {
+    r();
+  }), {
+    contentHeight: i
+  };
+};
+export {
+  h as u
+};
+//# sourceMappingURL=use-expandable-content-height.DmFeas9-.js.map

package/dist/chunks/use-expandable-content-height.DmFeas9-.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-expandable-content-height.DmFeas9-.js","sources":["../../src/composables/use-expandable-content-height/use-expandable-content-height.ts"],"sourcesContent":["import { nextTick, onUnmounted, ref, watch } from 'vue';\nimport { observeSizeOfElement } from '@/utils/ts/resize';\n\n/**\n * Composable function that gets the height of expandable content. Mostly to use with expanding height animations (accordion, card...).\n * Automatically observes content size changes and updates the height accordingly. Cleans up the observer on unmount.\n *\n * @example\n *  <template>\n *      <Transition :name=\"b-height__animation\">\n *          <div v-if=\"isOpen\" :style=\"contentHeight ? { 'max-height': contentHeight } : {}\" >\n *              <div ref=\"contentDiv\">\n *                  <slot />\n *              </div>\n *          </div>\n *      </Transition>\n *  </template>\n *\n *  <script script lang=\"ts\">\n *      import { useExpandableContentHeight } from '@/composables/use-expandable-content-height/use-expandable-content-height';\n *\n *      const { contentHeight } = useExpandableContentHeight(contentDiv, isOpen);\n *  </script>\n *\n * @param contentRef Reference to the div with the content\n * @param isOpen Reference to the boolean controlling the expanded state\n * @returns The height of the content\n */\nexport const useExpandableContentHeight = (contentRef, isOpen) => {\n    const contentHeight = ref<string | null>(null);\n    let observer: ResizeObserver | null = null;\n\n    const updateContentHeight = () => {\n        nextTick(() => {\n            const maxHeight = contentRef.value?.scrollHeight || null;\n            contentHeight.value = isOpen.value && maxHeight ? `${maxHeight}px` : '0';\n        });\n    };\n\n    const disconnectObserver = () => {\n        if (observer) {\n            observer.disconnect();\n            observer = null;\n        }\n    };\n\n    watch(\n        () => contentRef.value,\n        contentElement => {\n            disconnectObserver();\n\n            if (contentElement) {\n                observer = observeSizeOfElement(contentElement, () => {\n                    if (contentRef.value === contentElement) {\n                        updateContentHeight();\n                    }\n                });\n            }\n        }\n    );\n\n    watch(\n        isOpen,\n        () => {\n            updateContentHeight();\n        },\n        { immediate: true }\n    );\n\n    onUnmounted(() => {\n        disconnectObserver();\n    });\n\n    return {\n        contentHeight,\n    };\n};\n"],"names":["useExpandableContentHeight","contentRef","isOpen","contentHeight","ref","observer","updateContentHeight","nextTick","maxHeight","disconnectObserver","watch","contentElement","observeSizeOfElement","onUnmounted"],"mappings":";;AA4BO,MAAMA,IAA6B,CAACC,GAAYC,MAAW;AAC9D,QAAMC,IAAgBC,EAAmB,IAAI;AAC7C,MAAIC,IAAkC;AAEtC,QAAMC,IAAsB,MAAM;AAC9B,IAAAC,EAAS,MAAM;AACX,YAAMC,IAAYP,EAAW,OAAO,gBAAgB;AACpD,MAAAE,EAAc,QAAQD,EAAO,SAASM,IAAY,GAAGA,CAAS,OAAO;AAAA,IACzE,CAAC;AAAA,EACL,GAEMC,IAAqB,MAAM;AAC7B,IAAIJ,MACAA,EAAS,WAAA,GACTA,IAAW;AAAA,EAEnB;AAEA,SAAAK;AAAA,IACI,MAAMT,EAAW;AAAA,IACjB,CAAAU,MAAkB;AACd,MAAAF,EAAA,GAEIE,MACAN,IAAWO,EAAqBD,GAAgB,MAAM;AAClD,QAAIV,EAAW,UAAUU,KACrBL,EAAA;AAAA,MAER,CAAC;AAAA,IAET;AAAA,EAAA,GAGJI;AAAA,IACIR;AAAA,IACA,MAAM;AACF,MAAAI,EAAA;AAAA,IACJ;AAAA,IACA,EAAE,WAAW,GAAA;AAAA,EAAK,GAGtBO,EAAY,MAAM;AACd,IAAAJ,EAAA;AAAA,EACJ,CAAC,GAEM;AAAA,IACH,eAAAN;AAAA,EAAA;AAER;"}

package/dist/code-snippet.js

@@ -1,4 +1,4 @@
-import { c as n, B as o, a as p, b as a } from "./chunks/code-snippet.BwswvtkY.js";
+import { c as n, B as o, a as p, b as a } from "./chunks/code-snippet.Bkd8R0vf.js";
 export {
   n as BentoCodeSnippet,
   o as BentoCodeSnippetEvent,

package/dist/country.js

@@ -1,4 +1,4 @@
-import { c as a } from "./chunks/country.UZbwr635.js";
+import { c as a } from "./chunks/country._NpkT-91.js";
 import { B as r, a as n, u } from "./chunks/country.types.BCOrkmVK.js";
 import { u as C, a as y } from "./chunks/use-country-phon-code.Cv5YgCOo.js";
 export {

package/dist/currency.js

@@ -1,4 +1,4 @@
-import { c as o, B as n } from "./chunks/currency.POwX-Trj.js";
+import { c as o, B as n } from "./chunks/currency.BXsSGoWa.js";
 export {
   o as BentoCurrency,
   n as BentoCurrencyISOCode

package/dist/dashboard-template.js

@@ -1,4 +1,4 @@
-import { d as e, a as t } from "./chunks/dashboard-section.CowwqnVA.js";
+import { d as e, a as t } from "./chunks/dashboard-section.yS2FNoIV.js";
 export {
   e as BentoDashboardSection,
   t as BentoDashboardTemplate

package/dist/dashed-underline.js

@@ -1,4 +1,4 @@
-import { B as o } from "./chunks/dashed-underline.dNu0qaf7.js";
+import { B as o } from "./chunks/dashed-underline.RcRbre03.js";
 export {
   o as BentoDashedUnderline
 };

package/dist/data-grid-template.js

@@ -1,4 +1,4 @@
-import { d as t } from "./chunks/data-grid-template.D5699UWb.js";
+import { d as t } from "./chunks/data-grid-template.B5A9whlD.js";
 export {
   t as BentoDataGridTemplate
 };

package/dist/data-grid.js

@@ -1,4 +1,4 @@
-import { B as e, d as o, a as r, b as i, c as n, e as d, f as B, g as l, h as s, i as D } from "./chunks/data-grid.CN25cWaQ.js";
+import { B as e, d as o, a as r, b as i, c as n, e as d, f as B, g as l, h as s, i as D } from "./chunks/data-grid.Pg5iM8CJ.js";
 export {
   e as BentoColumnOverflow,
   o as BentoDataGrid,

package/dist/date-picker.js

@@ -1,6 +1,6 @@
-import { B as a } from "./chunks/date-picker.DhIMx1wH.js";
+import { B as a } from "./chunks/date-picker.RFus1MVJ.js";
 import { B as o } from "./chunks/date-picker.types.Ckt7zxGy.js";
-import { C as n, a as B } from "./chunks/calendar.BNRImpE_.js";
+import { C as n, a as B } from "./chunks/calendar.BalfhApP.js";
 export {
   a as BentoDatePicker,
   o as BentoDatePickerEvent,

package/dist/date-range-picker.js

@@ -1,6 +1,6 @@
-import { B as t } from "./chunks/date-range-picker.Cz6ijJAa.js";
+import { B as t } from "./chunks/date-range-picker.B2B4hO6R.js";
 import { B as n } from "./chunks/date-range-picker.types.Ckt7zxGy.js";
-import { C as i, a as B } from "./chunks/calendar.BNRImpE_.js";
+import { C as i, a as B } from "./chunks/calendar.BalfhApP.js";
 export {
   t as BentoDateRangePicker,
   n as BentoDateRangePickerEvent,

package/dist/date-time-picker.js

@@ -1,4 +1,4 @@
-import { d as r } from "./chunks/date-time-picker.CHELyYSN.js";
+import { d as r } from "./chunks/date-time-picker.DJxDa81N.js";
 export {
   r as BentoDateTimePicker
 };

package/dist/date.js

@@ -1,4 +1,4 @@
-import { B as e, a as o } from "./chunks/date.CPo8t1n9.js";
+import { B as e, a as o } from "./chunks/date.P3Xx7JdV.js";
 export {
   e as BentoDate,
   o as BentoDateFormat

package/dist/draggable.js

@@ -1,5 +1,5 @@
-import { d as o } from "./chunks/draggable.COHEAPF5.js";
-import { B as g } from "./chunks/draggable-handle.C75v14oN.js";
+import { d as o } from "./chunks/draggable.BczXedk7.js";
+import { B as g } from "./chunks/draggable-handle.BM07OVdH.js";
 export {
   o as BentoDraggable,
   g as BentoDraggableHandle

package/dist/dropdown.js

@@ -1,5 +1,5 @@
-import { B as e, a, b as r, c as t } from "./chunks/dropdown.QLkWJ9zk.js";
-import { d as p, a as B, b as s, c as w, e as D } from "./chunks/dropdown-tag.DKGloEzh.js";
+import { B as e, a, b as r, c as t } from "./chunks/dropdown.CpZQYisR.js";
+import { d as p, a as B, b as s, c as w, e as D } from "./chunks/dropdown-tag.BmUNKoNw.js";
 export {
   e as BentoDropdown,
   p as BentoDropdownAvatar,

package/dist/empty-state.js

@@ -1,4 +1,4 @@
-import { B as e, a as m, b as n, c as o } from "./chunks/empty-state.CRdHhJLl.js";
+import { B as e, a as m, b as n, c as o } from "./chunks/empty-state.L3DTfiY7.js";
 export {
   e as BentoEmptyState,
   m as BentoEmptyStateImage,

package/dist/file-uploader.js

@@ -1,4 +1,4 @@
-import { f as r } from "./chunks/file-uploader.2MeaNIlv.js";
+import { f as r } from "./chunks/file-uploader.Bo17jWtf.js";
 export {
   r as BentoFileUploader
 };

package/dist/filter-bar.js

@@ -1,4 +1,4 @@
-import { B as a, a as r, b as B, c as n, d as o } from "./chunks/filter-bar.DUw139BE.js";
+import { B as a, a as r, b as B, c as n, d as o } from "./chunks/filter-bar.Bio9nf9V.js";
 export {
   a as BentoBaseFilter,
   r as BentoFilterBar,

package/dist/focus-trap.js

@@ -1,4 +1,4 @@
-import { B as a } from "./chunks/focus-trap.BDpcWIxI.js";
+import { B as a } from "./chunks/focus-trap.fd6_d2EW.js";
 export {
   a as BentoFocusTrap
 };

package/dist/form-layout.js

@@ -1,5 +1,5 @@
-import { f as a, a as r, b as e } from "./chunks/form-layout-title.BStxZj9d.js";
-import { B as u } from "./chunks/form-layout-group.D4T0Z5xk.js";
+import { f as a, a as r, b as e } from "./chunks/form-layout-title.b2BMYjnl.js";
+import { B as u } from "./chunks/form-layout-group.BSC2esG8.js";
 export {
   a as BentoFormLayout,
   r as BentoFormLayoutFieldTip,

package/dist/header-with-views.js

@@ -1,4 +1,4 @@
-import { h as r } from "./chunks/header-with-views.DQh7mz0T.js";
+import { h as r } from "./chunks/header-with-views.BJCjvhem.js";
 export {
   r as BentoHeaderWithViews
 };

package/dist/header.js

@@ -1,4 +1,4 @@
-import { B as r } from "./chunks/header.DeRBttdY.js";
+import { B as r } from "./chunks/header.CDiold9n.js";
 export {
   r as BentoHeader
 };