@adyen/bento-vue3 1.26.0 → 1.27.0

package/dist/focus-trap.js

@@ -1,4 +1,4 @@
-import { B as a } from "./chunks/index.8be283d5.js";
+import { B as a } from "./chunks/index.9d7fb316.js";
 export {
   a as BentoFocusTrap
 };

package/dist/form-layout.js

@@ -3,8 +3,8 @@ import { BentoAlert as B } from "./alert.js";
 import { F as I } from "./chunks/form-layout.types.a7a1438d.js";
 import { u as h } from "./chunks/use-has-slot.4d98bf29.js";
 import { _ as y } from "./chunks/_plugin-vue_export-helper.dad06003.js";
-import { B as v, c as k } from "./chunks/index.a3d60e4f.js";
-import "./assets/index43.css";
+import { B as v, c as k } from "./chunks/index.ee15db35.js";
+import "./assets/index45.css";
 const E = {
   key: 1,
   class: "b-form-layout__actions-container"

package/dist/header.js

@@ -1,17 +1,17 @@
 import { defineComponent as H, ref as I, openBlock as m, createElementBlock as w, createVNode as x, unref as _, createBlock as b, withCtx as g, renderSlot as G, toDisplayString as A, createCommentVNode as M, computed as O, resolveComponent as N, normalizeClass as q, createElementVNode as E, mergeProps as J, createTextVNode as R, createSlots as K } from "vue";
 import { u as Q } from "./chunks/use-has-slot.4d98bf29.js";
-import { B as V, c as X, a as Z } from "./chunks/index.a3d60e4f.js";
+import { B as V, c as X, a as Z } from "./chunks/index.ee15db35.js";
 import { u as F } from "./chunks/i18n.f7e6533e.js";
-import { B as ee } from "./chunks/button-actions-with-menu.7fce47a2.js";
+import { B as ee } from "./chunks/button-actions-with-menu.4f311411.js";
 import { c as D, a as te } from "./chunks/index.86453263.js";
 import { r as v, t as c, e as C, g as L, d as oe, f as ne } from "./chunks/index.f55fdc32.js";
 import { e as ae } from "./chunks/index.fdf12170.js";
 import { e as re } from "./chunks/index.d80206ed.js";
-import { a as y } from "./chunks/index.5bdebf9d.js";
+import { a as y } from "./chunks/index.a001a0a8.js";
 import { g as se } from "./chunks/unique-id.a2a2b458.js";
-import { I as ie } from "./chunks/info.205b4496.js";
+import { I as ie } from "./chunks/info.550f9511.js";
 import { _ as W } from "./chunks/_plugin-vue_export-helper.dad06003.js";
-import "./assets/index15.css";
+import "./assets/index20.css";
 function le(e, a) {
   v(2, arguments);
   var n = c(e), t = c(a), s = n.getFullYear() - t.getFullYear(), o = n.getMonth() - t.getMonth();

package/dist/index.js

@@ -1,23 +1,23 @@
 import { shallowRef as f, ref as p } from "vue";
-import { t as c, c as x } from "./chunks/use-bento-toast-controller.98d8613c.js";
-import { u as E } from "./chunks/use-bento-toast-controller.98d8613c.js";
+import { t as c, c as x } from "./chunks/use-bento-toast-controller.3dc4e113.js";
+import { u as E } from "./chunks/use-bento-toast-controller.3dc4e113.js";
 import { BentoActionBar as P } from "./action-bar.js";
 import { BentoAccordion as V, BentoAccordionItem as k } from "./accordion.js";
 import { BentoAlert as M, BentoAlertEvent as G, BentoAlertTypeOption as A, BentoAlertVariant as O } from "./alert.js";
-import { a as z, b as j, B as N } from "./chunks/button.60dad578.js";
+import { a as z, b as j, B as N } from "./chunks/button.ae4760cd.js";
 import { BentoCard as Z, BentoCardBackground as U, BentoCardTitleSize as W } from "./card.js";
 import { BentoColumnOverflow as _, BentoDataGrid as q, BentoDatagridAriaSortValue as J, BentoDatagridEvent as Q, BentoDatagridSortDirection as X, BentoDatagridStyleState as Y } from "./data-grid.js";
 import { BentoDatePicker as ee, BentoDatePickerEvent as te } from "./date-picker.js";
-import { B as ne, a as re } from "./chunks/index.96cd0d4c.js";
-import { B as Be, a as ie, u as me } from "./chunks/dropdown.d8587f36.js";
-import { B as pe } from "./chunks/index.07122048.js";
-import { B as le, a as de } from "./chunks/checkbox.f55ee3a5.js";
+import { B as ne, a as re } from "./chunks/index.2d7b4511.js";
+import { B as Be, a as ie, u as me } from "./chunks/dropdown.0ae3b842.js";
+import { B as pe } from "./chunks/index.b18c78d6.js";
+import { B as le, a as de } from "./chunks/checkbox.9c30c07b.js";
 import { BentoClickOutside as ce } from "./click-outside.js";
 import { BentoCodeSnippet as ye, BentoCodeSnippetEvent as Se, BentoCodeSnippetSupportedLanguage as ge, BentoCodeSnippetVariant as Te } from "./code-snippet.js";
 import { BentoCountry as ve } from "./country.js";
 import { c as be, B as he, a as Ie, u as Ee, b as Fe } from "./chunks/country.types.002caff2.js";
 import { BentoCurrency as Le, BentoCurrencyISOCode as Ve } from "./currency.js";
-import { B as we, a as Me } from "./chunks/index.146f967e.js";
+import { B as we, a as Me } from "./chunks/index.f9d081d2.js";
 import { BentoEmptyState as Ae, BentoEmptyStateImage as Oe, BentoEmptyStateImageVariant as Re, BentoEmptyStateVariant as ze } from "./empty-state.js";
 import { BentoFilterBar as Ne, BentoFilterBarEvent as Ke, BentoFilterEvent as Ze, BentoFilterItemType as Ue } from "./filter-bar.js";
 import { BentoFormLayout as He, BentoFormLayoutFieldTip as _e, BentoFormLayoutGroup as qe, BentoFormLayoutTitle as Je } from "./form-layout.js";
@@ -25,15 +25,15 @@ import { BentoImage as Xe, BentoImageAspectRatio as Ye, BentoImageObjectFit as $
 import { BentoInfoIcon as tt } from "./info-icon.js";
 import { BentoInputField as nt, BentoInputFieldElementPosition as rt, BentoInputFieldEvent as at, BentoInputFieldStateClass as Bt, BentoInputFieldType as it, BentoInputFieldVariant as mt } from "./input-field.js";
 import { BentoLoadingIndicator as pt, BentoLoadingIndicatorEvent as ut } from "./loading-indicator.js";
-import { B as dt, a as ft } from "./chunks/index.6e0e9d21.js";
-import { B as xt, a as yt } from "./chunks/index.030c1dd7.js";
-import { d as gt, f as Tt, g as Ct, B as vt, e as Dt, c as bt, a as ht, b as It } from "./chunks/base-modal.29e062d0.js";
+import { B as dt, a as ft } from "./chunks/index.eb38a6c4.js";
+import { B as xt, a as yt } from "./chunks/index.6bb6f38c.js";
+import { d as gt, f as Tt, g as Ct, B as vt, e as Dt, c as bt, a as ht, b as It } from "./chunks/base-modal.4102f69d.js";
 import { BentoModalFullscreen as Ft, BentoModalFullscreenPage as Pt } from "./modal-fullscreen.js";
 import { BentoHeader as Vt } from "./header.js";
 import { BentoPagination as wt } from "./pagination.js";
-import { B as Gt } from "./chunks/payment-method.31a68b9b.js";
+import { B as Gt } from "./chunks/payment-method.d5595a7c.js";
 import { BentoPaymentMethodType as Ot } from "./payment-method.js";
-import { a as zt, B as jt } from "./chunks/index.5bdebf9d.js";
+import { a as zt, B as jt } from "./chunks/index.a001a0a8.js";
 import { BentoRadioButton as Kt, BentoRadioGroup as Zt, BentoRadioGroupVariant as Ut } from "./radio-group.js";
 import { BentoSearchBar as Ht, BentoSearchBarEvent as _t, BentoSearchBarInternalEvent as qt } from "./search-bar.js";
 import { BentoSecondaryNav as Qt } from "./secondary-nav.js";
@@ -42,7 +42,7 @@ import { BentoSelectionCard as to, BentoSelectionCardGroup as oo, BentoSelection
 import { BentoSidepanel as ao, BentoSidepanelEvent as Bo, BentoSidepanelPage as io } from "./sidepanel.js";
 import { BentoStatus as so, BentoStatusVariant as po } from "./status.js";
 import { BentoStep as lo, BentoStepper as fo, BentoStepperTypeOption as co, BentoStepperVariantOption as xo } from "./stepper.js";
-import { B as So, a as go } from "./chunks/index.c8ffede1.js";
+import { B as So, a as go } from "./chunks/index.2fcd1233.js";
 import { BentoSummaryGrid as Co, BentoSummaryGridItemAmount as vo, BentoSummaryGridItemCustom as Do, BentoSummaryGridItemNumeric as bo, BentoSummaryGridItemPercentage as ho, BentoSummaryGridItemSize as Io, BentoSummaryGridItemText as Eo, BentoSummaryGridItemTrendDirection as Fo } from "./summary-grid.js";
 import { BentoTab as Lo, BentoTabs as Vo } from "./tabs.js";
 import { BentoTag as wo, BentoTagVariant as Mo } from "./tag.js";
@@ -50,25 +50,26 @@ import { BentoTextarea as Ao } from "./textarea.js";
 import { BentoTimeline as Ro, BentoTimelineGapUnit as zo, BentoTimelineItem as jo, BentoTimelineItemVariant as No, BentoTimelineShowMorePlacement as Ko, BentoTimelineStatus as Zo } from "./timeline.js";
 import { BentoToast as Wo } from "./toast.js";
 import { BentoToggle as _o, BentoToggleLabelPosition as qo, BentoTogglePropClass as Jo } from "./toggle.js";
-import { B as Xo, c as Yo, b as $o, a as en } from "./chunks/index.a3d60e4f.js";
+import { B as Xo, c as Yo, b as $o, a as en } from "./chunks/index.ee15db35.js";
 import * as n from "zod";
 import { u as on } from "./chunks/use-click-outside.941d1600.js";
-import { BentoDataGridTemplate as rn } from "./data-grid-template.js";
-import { D as Bn } from "./chunks/date-input.9186a0bf.js";
-import { a as sn, B as pn } from "./chunks/keyboard-navigation.ca47dfa8.js";
-import { c as ln, b as dn, c as fn, b as cn } from "./chunks/use-cached-selected-values.852aeafe.js";
-import { B as yn } from "./chunks/dropdown-default-textbox.ad5063c2.js";
-import { b as gn, B as Tn, a as Cn } from "./chunks/tooltip.1084d92b.js";
-import { B as Dn, c as bn, a as hn, b as In } from "./chunks/button-actions.642b37de.js";
-import { B as Fn, a as Pn } from "./chunks/loading-button.0391ad8b.js";
-import { BentoToggleButton as Vn } from "./button.js";
-import { b as wn, b as Mn } from "./chunks/calendar.f38cdab9.js";
-import { BentoDropdownAvatar as An, BentoDropdownCountry as On, BentoDropdownCurrency as Rn, BentoDropdownPaymentMethod as zn, BentoDropdownTag as jn } from "./dropdown.js";
-import { C as Kn } from "./chunks/checkbox-input.ab758a81.js";
-import { BentoCheckboxGroup as Un, BentoCheckboxGroupVariant as Wn } from "./checkbox.js";
-import { BentoModal as _n } from "./modal.js";
-import { R as Jn } from "./chunks/radio-input.1dd15424.js";
-import { BentoTutorial as Xn } from "./tutorial.js";
+import { BentoDashboardSection as rn, BentoDashboardTemplate as an } from "./dashboard-template.js";
+import { BentoDataGridTemplate as mn } from "./data-grid-template.js";
+import { D as pn } from "./chunks/date-input.9186a0bf.js";
+import { a as ln, B as dn } from "./chunks/keyboard-navigation.bbc3d15c.js";
+import { c as cn, b as xn, c as yn, b as Sn } from "./chunks/use-cached-selected-values.3c312296.js";
+import { B as Tn } from "./chunks/dropdown-default-textbox.cda0798f.js";
+import { b as vn, B as Dn, a as bn } from "./chunks/tooltip.36172265.js";
+import { B as In, c as En, a as Fn, b as Pn } from "./chunks/button-actions.82163994.js";
+import { B as Vn, a as kn } from "./chunks/loading-button.6b81b546.js";
+import { BentoToggleButton as Mn } from "./button.js";
+import { b as An, b as On } from "./chunks/calendar.a9c5a68c.js";
+import { BentoDropdownAvatar as zn, BentoDropdownCountry as jn, BentoDropdownCurrency as Nn, BentoDropdownPaymentMethod as Kn, BentoDropdownTag as Zn } from "./dropdown.js";
+import { C as Wn } from "./chunks/checkbox-input.99336948.js";
+import { BentoCheckboxGroup as _n, BentoCheckboxGroupVariant as qn } from "./checkbox.js";
+import { BentoModal as Qn } from "./modal.js";
+import { R as Yn } from "./chunks/radio-input.1dd15424.js";
+import { BentoTutorial as er } from "./tutorial.js";
 function v(t) {
   return t;
 }
@@ -128,10 +129,10 @@ export {
   A as BentoAlertTypeOption,
   O as BentoAlertVariant,
   z as BentoButton,
-  Dn as BentoButtonActions,
-  bn as BentoButtonActionsLayout,
-  hn as BentoButtonActionsLayoutBasic,
-  In as BentoButtonActionsLayoutExtended,
+  In as BentoButtonActions,
+  En as BentoButtonActionsLayout,
+  Fn as BentoButtonActionsLayoutBasic,
+  Pn as BentoButtonActionsLayoutExtended,
   j as BentoButtonPropClass,
   N as BentoButtonVariant,
   Z as BentoCard,
@@ -139,11 +140,11 @@ export {
   W as BentoCardTitleSize,
   le as BentoCheckbox,
   de as BentoCheckboxEvent,
-  Un as BentoCheckboxGroup,
-  Wn as BentoCheckboxGroupVariant,
-  Kn as BentoCheckboxState,
+  _n as BentoCheckboxGroup,
+  qn as BentoCheckboxGroupVariant,
+  Wn as BentoCheckboxState,
   ce as BentoClickOutside,
-  yn as BentoClickOutsideDirective,
+  Tn as BentoClickOutsideDirective,
   ye as BentoCodeSnippet,
   Se as BentoCodeSnippetEvent,
   ge as BentoCodeSnippetSupportedLanguage,
@@ -154,8 +155,10 @@ export {
   he as BentoCountryVariant,
   Le as BentoCurrency,
   Ve as BentoCurrencyISOCode,
+  rn as BentoDashboardSection,
+  an as BentoDashboardTemplate,
   q as BentoDataGrid,
-  rn as BentoDataGridTemplate,
+  mn as BentoDataGridTemplate,
   J as BentoDatagridAriaSortValue,
   Q as BentoDatagridEvent,
   X as BentoDatagridSortDirection,
@@ -164,20 +167,20 @@ export {
   Me as BentoDateFormat,
   ee as BentoDatePicker,
   te as BentoDatePickerEvent,
-  wn as BentoDatePickerFirstDayOfWeek,
+  An as BentoDatePickerFirstDayOfWeek,
   ne as BentoDateRangePicker,
   re as BentoDateRangePickerEvent,
-  Mn as BentoDateRangePickerFirstDayOfWeek,
+  On as BentoDateRangePickerFirstDayOfWeek,
   pe as BentoDivider,
   Be as BentoDropdown,
-  An as BentoDropdownAvatar,
-  On as BentoDropdownCountry,
-  Rn as BentoDropdownCurrency,
-  ln as BentoDropdownEvent,
-  dn as BentoDropdownLazyLoadType,
-  zn as BentoDropdownPaymentMethod,
+  zn as BentoDropdownAvatar,
+  jn as BentoDropdownCountry,
+  Nn as BentoDropdownCurrency,
+  cn as BentoDropdownEvent,
+  xn as BentoDropdownLazyLoadType,
+  Kn as BentoDropdownPaymentMethod,
   ie as BentoDropdownSize,
-  jn as BentoDropdownTag,
+  Zn as BentoDropdownTag,
   Ae as BentoEmptyState,
   Oe as BentoEmptyStateImage,
   Re as BentoEmptyStateImageVariant,
@@ -201,19 +204,19 @@ export {
   Bt as BentoInputFieldStateClass,
   it as BentoInputFieldType,
   mt as BentoInputFieldVariant,
-  sn as BentoKeyboardNavigationDirective,
-  pn as BentoKeyboardNavigationKeyDownEvent,
+  ln as BentoKeyboardNavigationDirective,
+  dn as BentoKeyboardNavigationKeyDownEvent,
   dt as BentoLink,
   ft as BentoLinkVariant,
-  fn as BentoListboxEvent,
-  cn as BentoListboxLazyLoadType,
-  Fn as BentoLoadingButton,
-  Pn as BentoLoadingButtonState,
+  yn as BentoListboxEvent,
+  Sn as BentoListboxLazyLoadType,
+  Vn as BentoLoadingButton,
+  kn as BentoLoadingButtonState,
   pt as BentoLoadingIndicator,
   ut as BentoLoadingIndicatorEvent,
   xt as BentoMenu,
   yt as BentoMenuEvent,
-  _n as BentoModal,
+  Qn as BentoModal,
   gt as BentoModalColumnLayoutVariant,
   Tt as BentoModalDialogType,
   Ct as BentoModalEvent,
@@ -230,7 +233,7 @@ export {
   zt as BentoPopover,
   jt as BentoPopoverPositions,
   Kt as BentoRadioButton,
-  Jn as BentoRadioButtonStateClass,
+  Yn as BentoRadioButtonStateClass,
   Zt as BentoRadioGroup,
   Ut as BentoRadioGroupVariant,
   Ht as BentoSearchBar,
@@ -274,18 +277,18 @@ export {
   Zo as BentoTimelineStatus,
   Wo as BentoToast,
   _o as BentoToggle,
-  Vn as BentoToggleButton,
+  Mn as BentoToggleButton,
   qo as BentoToggleLabelPosition,
   Jo as BentoTogglePropClass,
-  gn as BentoTooltipDirective,
-  Tn as BentoTooltipPosition,
-  Cn as BentoTooltipState,
-  Xn as BentoTutorial,
+  vn as BentoTooltipDirective,
+  Dn as BentoTooltipPosition,
+  bn as BentoTooltipState,
+  er as BentoTutorial,
   Xo as BentoTypography,
   Yo as BentoTypographyElement,
   $o as BentoTypographyModifier,
   en as BentoTypographyVariant,
-  Bn as DateFormat,
+  pn as DateFormat,
   b as default,
   v as toTypedSchema,
   E as useBentoToastController,

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../vue2/src/composables/use-form-validate/use-form.ts","../../vue2/src/composables/use-bento-toast-controller/install.ts","../../vue2/src/install.ts"],"sourcesContent":["import { Ref, ref, shallowRef } from 'vue';\nimport * as z from 'zod';\nimport type { ZodSchema } from 'zod';\nimport { ErrorBag, UseForm } from './use-form.types';\n\n/**\n * Composable that tansforms a Zod schema into a Typed Schema that can be used alongside with {@see useForm}.\n *\n * This is meant to simulate the behavior of {@link @vee-validate/zod} {@see https://vee-validate.logaretm.com/v4/integrations/zod-schema-validation}.\n * Function that transform Zod’s schemas into something that can be understood by vee-validate\n *\n * @param {T extends ZodSchema} formSchema Zod schema to be transformed into a `vee-validate` schema\n * @returns {UseForm<T>} schema Schema transformed\n */\nexport function toTypedSchema<T extends ZodSchema>(formSchema: T) {\n    return formSchema;\n}\n\n/**\n * Finds and returns the initial values of each of the values defined in the schema so that they\n * can be transformed into a reactive element.\n * @param {ZodSchema} schema Zod validation schema containing the definitions of each value to be used in the form\n * @returns Object with the items defined in the schema and their (default) values\n *\n * @example\n * const validationSchema = toTypedSchema(\n *      z.object({\n *          name: z\n *              .string()\n *              .min(3, { message: 'Name is required' })\n *              .startsWith('Jane')\n *              .max(4, { message: 'Name cannot be longer than 4 characters' })\n *              .default('Joe'),\n *      })\n * );\n * getInitialFormValues(validationSchema)\n *\n * Will return:\n *\n * {\n *      name: 'Joe'\n * }\n *\n */\nfunction getInitialFormValues<T extends ZodSchema>(schema: T): z.infer<typeof schema> {\n    if (!!z && schema instanceof z.ZodObject) {\n        return Object.fromEntries(\n            Object.entries(schema.shape).map(([key, value]) => {\n                if (!!z && value instanceof z.ZodDefault) {\n                    // eslint-disable-next-line no-underscore-dangle\n                    return [key, value._def.defaultValue()];\n                }\n\n                if (!!z && value instanceof z.ZodObject) {\n                    return [key, getInitialFormValues(value)];\n                }\n\n                return [key, undefined];\n            })\n        ) as z.infer<typeof schema>;\n    }\n\n    return undefined;\n}\n\n/**\n * Constructs a path with dot paths for arrays to use brackets to be compatible with vee-validate path syntax\n * @param issue List of nested path elements\n * @returns Path with dots\n */\nfunction normalizeFormPath(issue: z.ZodIssue) {\n    return issue.path.join('.');\n}\n\n/**\n * Composable that facilitates validating form data for Vue2 & Vue3 implementations with FormLayout\n * to ease the migration to Vue3.\n *\n * For Vue3 implementations use Vee-Validate.\n *\n * This provides a simplified version of Vee-Validate v4 implemented with Zod to validate a form schema.\n * It returns reactive values that can be used directly in form input elements with 'v-model' alongside\n * with functions to \"reset\" the data (sets values to default value) and a function to execute the\n * successful form validation process (through a callback).\n *\n * @param {UseForm<T>} props Form configuration object\n * @param {T extends ZodSchema} props.validationSchema Zod typed validation schema\n * @returns {Object} response - Composable with reactive form values and errors, and functions to handle the reactive data\n * @returns {Ref<ErrorBag<T>>} response.errorBag Object with all the form values and an array of each one of the errors (if any) per value\n * @returns {Ref<T>} response.errors Object with all the form values and the first error found for that field (if any)\n * @returns {Ref<T>} response.values Object with all the form values and their current value\n * @returns {() => void} response.handleReset Resets the form values to default (initial values) when it gets called\n * @returns {(callback: (values: T) => void) => () => void} response.submitForm Validates the data set in {response.values} and sets errors (if found) inside {response.errors} and {response.errorBag}.\n *                                                                   When the validation is successful it calls the callback so the submit process can continue\n *\n * @example\n * const validationSchema = toTypedSchema(\n *      z.object({\n *          name: z\n *              .string()\n *              .min(3, { message: 'Name is required' })\n *              .startsWith('Jane')\n *              .max(4, { message: 'Name cannot be longer than 4 characters' })\n *              .default('Joe'),\n *      })\n * );\n *\n * const { values, errors, errorBag, submitForm, handleReset } = useForm({\n *     validationSchema\n * });\n * const handleSubmit = submitForm(() => {\n *     // Send data to API here\n * })\n *\n */\nexport function useForm<T extends ZodSchema>({ validationSchema }: UseForm<T>) {\n    // Errors per field\n    const errors = shallowRef<z.infer<typeof validationSchema>>({});\n    // All errors per field\n    const errorBag: Ref<ErrorBag<z.infer<typeof validationSchema>>> = ref({});\n    const values = ref(getInitialFormValues(validationSchema));\n\n    const cleanErrors = () => {\n        errors.value = {};\n        errorBag.value = {};\n    };\n\n    const resetForm = () => {\n        cleanErrors();\n        values.value = getInitialFormValues<T>(validationSchema);\n    };\n\n    const submitForm = submitted => () => {\n        cleanErrors();\n\n        // Run validations on the form data through the schema\n        const validSchema = validationSchema.safeParse(values.value);\n\n        // Update errors\n        if (!validSchema.success) {\n            (validSchema as z.SafeParseError<T>).error.issues.forEach(error => {\n                const path = normalizeFormPath(error);\n\n                // Add the first ocurrance of a fild error to the \"errors\" object\n                if (!errors.value[path]) {\n                    errors.value[path] = error.message;\n                }\n\n                // Add each error to the \"errorBag\" per field array\n                if (!errorBag.value[path]) {\n                    errorBag.value[path] = [error.message];\n                } else {\n                    errorBag.value[path].push(error.message);\n                }\n            });\n        } else {\n            submitted(values.value);\n        }\n    };\n\n    return {\n        // Values\n        errorBag,\n        errors,\n        values,\n\n        // Methods\n        handleReset: () => resetForm(),\n        submitForm,\n    };\n}\n","import { type App, isVue2, type Vue2 } from 'vue-demi';\nimport { createToastStack, toastStackInjectionKey } from './toast-stack';\n\n/**\n * This function is used to create and register global reactive state necessary fro the Toasts to operate.\n * @param {Vue} Vue A context application to register global state with.\n */\nexport default Vue => {\n    if (isVue2) {\n        // Add toast stack as a global property as there is no \"app.provide\" functionality in Vue2\n        // eslint-disable-next-line no-param-reassign -- this is an official way of setting up instance properties on Vue\n        (Vue as typeof Vue2).prototype[toastStackInjectionKey] = createToastStack();\n    } else {\n        (Vue as App).provide(toastStackInjectionKey, createToastStack());\n    }\n};\n","import type { PluginObject } from 'vue';\nimport installToast from './composables/use-bento-toast-controller/install';\n\nexport enum BentoTheme {\n    LEGACY = 'b-legacy-theme',\n    STYLEGUIDE = 'b-styleguide-theme',\n    BENTO = '',\n}\n\ninterface BentoVuePlugin {\n    theme: BentoTheme;\n    withToast: boolean;\n}\n\nconst setTheme = (theme: BentoTheme) => {\n    document.body.classList.add(theme);\n};\n\nconst plugin: PluginObject<BentoVuePlugin> = {\n    install: async (Vue, options: { theme: BentoTheme; withToast: boolean; withUtilityClasses: boolean }) => {\n        if (options?.withToast) {\n            installToast(Vue);\n        }\n        // Make sure to put all awaited CSS imports below this point and not above!\n        if (options?.theme === BentoTheme.LEGACY) {\n            setTheme(BentoTheme.LEGACY);\n            await import('@adyen/bento-design-tokens/dist/css/bento/variables-legacy.css');\n        } else if (options?.theme === BentoTheme.STYLEGUIDE) {\n            setTheme(BentoTheme.STYLEGUIDE);\n            await import('@adyen/bento-design-tokens/dist/css/bento/variables-styleguide.css');\n        } else {\n            await import('@adyen/bento-design-tokens/dist/css/bento/variables.css');\n        }\n\n        if (options?.withUtilityClasses) {\n            await import('@adyen/bento-design-tokens/dist/css/bento/utility.css');\n        }\n    },\n};\n\nexport default plugin;\n"],"names":["toTypedSchema","formSchema","getInitialFormValues","schema","z","key","value","normalizeFormPath","issue","useForm","validationSchema","errors","shallowRef","errorBag","ref","values","cleanErrors","resetForm","validSchema","submitted","error","path","installToast","Vue","toastStackInjectionKey","createToastStack","setTheme","theme","plugin","options"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAcO,SAASA,EAAmCC,GAAe;AACvD,SAAAA;AACX;AA4BA,SAASC,EAA0CC,GAAmC;AAClF,MAAMC,KAAKD,aAAkBC,EAAE;AAC3B,WAAO,OAAO;AAAA,MACV,OAAO,QAAQD,EAAO,KAAK,EAAE,IAAI,CAAC,CAACE,GAAKC,CAAK,MACnCF,KAAKE,aAAiBF,EAAE,aAEnB,CAACC,GAAKC,EAAM,KAAK,aAAc,CAAA,IAGpCF,KAAKE,aAAiBF,EAAE,YACnB,CAACC,GAAKH,EAAqBI,CAAK,CAAC,IAGrC,CAACD,GAAK,MAAS,CACzB;AAAA,IAAA;AAKb;AAOA,SAASE,EAAkBC,GAAmB;AACnC,SAAAA,EAAM,KAAK,KAAK,GAAG;AAC9B;AA2CgB,SAAAC,EAA6B,EAAE,kBAAAC,KAAgC;AAErE,QAAAC,IAASC,EAA6C,CAAA,CAAE,GAExDC,IAA4DC,EAAI,CAAA,CAAE,GAClEC,IAASD,EAAIZ,EAAqBQ,CAAgB,CAAC,GAEnDM,IAAc,MAAM;AACtB,IAAAL,EAAO,QAAQ,IACfE,EAAS,QAAQ;EAAC,GAGhBI,IAAY,MAAM;AACR,IAAAD,KACLD,EAAA,QAAQb,EAAwBQ,CAAgB;AAAA,EAAA;AA+BpD,SAAA;AAAA;AAAA,IAEH,UAAAG;AAAA,IACA,QAAAF;AAAA,IACA,QAAAI;AAAA;AAAA,IAGA,aAAa,MAAME,EAAU;AAAA,IAC7B,YApCe,OAAa,MAAM;AACtB,MAAAD;AAGZ,YAAME,IAAcR,EAAiB,UAAUK,EAAO,KAAK;AAGvD,MAACG,EAAY,UAiBbC,EAAUJ,EAAO,KAAK,IAhBrBG,EAAoC,MAAM,OAAO,QAAQ,CAASE,MAAA;AACzD,cAAAC,IAAOd,EAAkBa,CAAK;AAGpC,QAAKT,EAAO,MAAMU,CAAI,MACXV,EAAA,MAAMU,CAAI,IAAID,EAAM,UAI1BP,EAAS,MAAMQ,CAAI,IAGpBR,EAAS,MAAMQ,CAAI,EAAE,KAAKD,EAAM,OAAO,IAFvCP,EAAS,MAAMQ,CAAI,IAAI,CAACD,EAAM,OAAO;AAAA,MAGzC,CACH;AAAA,IAGL;AAAA,EAWA;AAER;ACnKA,MAAeE,IAAA,CAAOC,MAAA;AAMb,EAAAA,EAAY,QAAQC,GAAwBC,EAAkB,CAAA;AAEvE,GCDMC,IAAW,CAACC,MAAsB;AAC3B,WAAA,KAAK,UAAU,IAAIA,CAAK;AACrC,GAEMC,IAAuC;AAAA,EACzC,SAAS,OAAOL,GAAKM,MAAoF;AACrG,IAAIA,KAAA,QAAAA,EAAS,aACTP,EAAaC,CAAG,IAGhBM,KAAA,gBAAAA,EAAS,WAAU,oBACnBH;AAAA,MAAS;AAAA;AAAA,IAAiB,GAC1B,MAAM,OAAO,qEAAgE,MACtEG,KAAA,gBAAAA,EAAS,WAAU,wBAC1BH;AAAA,MAAS;AAAA;AAAA,IAAqB,GAC9B,MAAM,OAAO,yEAAoE,KAEjF,MAAM,OAAO,8DAAyD,GAGtEG,KAAA,QAAAA,EAAS,sBACT,MAAM,OAAO,4DAAuD;AAAA,EAE5E;AACJ;"}
+{"version":3,"file":"index.js","sources":["../../vue2/src/composables/use-form-validate/use-form.ts","../../vue2/src/composables/use-bento-toast-controller/install.ts","../../vue2/src/install.ts"],"sourcesContent":["import { Ref, ref, shallowRef } from 'vue';\nimport * as z from 'zod';\nimport type { ZodSchema } from 'zod';\nimport { ErrorBag, UseForm } from './use-form.types';\n\n/**\n * Composable that tansforms a Zod schema into a Typed Schema that can be used alongside with {@see useForm}.\n *\n * This is meant to simulate the behavior of {@link @vee-validate/zod} {@see https://vee-validate.logaretm.com/v4/integrations/zod-schema-validation}.\n * Function that transform Zod’s schemas into something that can be understood by vee-validate\n *\n * @param {T extends ZodSchema} formSchema Zod schema to be transformed into a `vee-validate` schema\n * @returns {UseForm<T>} schema Schema transformed\n */\nexport function toTypedSchema<T extends ZodSchema>(formSchema: T) {\n    return formSchema;\n}\n\n/**\n * Finds and returns the initial values of each of the values defined in the schema so that they\n * can be transformed into a reactive element.\n * @param {ZodSchema} schema Zod validation schema containing the definitions of each value to be used in the form\n * @returns Object with the items defined in the schema and their (default) values\n *\n * @example\n * const validationSchema = toTypedSchema(\n *      z.object({\n *          name: z\n *              .string()\n *              .min(3, { message: 'Name is required' })\n *              .startsWith('Jane')\n *              .max(4, { message: 'Name cannot be longer than 4 characters' })\n *              .default('Joe'),\n *      })\n * );\n * getInitialFormValues(validationSchema)\n *\n * Will return:\n *\n * {\n *      name: 'Joe'\n * }\n *\n */\nfunction getInitialFormValues<T extends ZodSchema>(schema: T): z.infer<typeof schema> {\n    if (!!z && schema instanceof z.ZodObject) {\n        return Object.fromEntries(\n            Object.entries(schema.shape).map(([key, value]) => {\n                if (!!z && value instanceof z.ZodDefault) {\n                    // eslint-disable-next-line no-underscore-dangle\n                    return [key, value._def.defaultValue()];\n                }\n\n                if (!!z && value instanceof z.ZodObject) {\n                    return [key, getInitialFormValues(value)];\n                }\n\n                return [key, undefined];\n            })\n        ) as z.infer<typeof schema>;\n    }\n\n    return undefined;\n}\n\n/**\n * Constructs a path with dot paths for arrays to use brackets to be compatible with vee-validate path syntax\n * @param issue List of nested path elements\n * @returns Path with dots\n */\nfunction normalizeFormPath(issue: z.ZodIssue) {\n    return issue.path.join('.');\n}\n\n/**\n * Composable that facilitates validating form data for Vue2 & Vue3 implementations with FormLayout\n * to ease the migration to Vue3.\n *\n * For Vue3 implementations use Vee-Validate.\n *\n * This provides a simplified version of Vee-Validate v4 implemented with Zod to validate a form schema.\n * It returns reactive values that can be used directly in form input elements with 'v-model' alongside\n * with functions to \"reset\" the data (sets values to default value) and a function to execute the\n * successful form validation process (through a callback).\n *\n * @param {UseForm<T>} props Form configuration object\n * @param {T extends ZodSchema} props.validationSchema Zod typed validation schema\n * @returns {Object} response - Composable with reactive form values and errors, and functions to handle the reactive data\n * @returns {Ref<ErrorBag<T>>} response.errorBag Object with all the form values and an array of each one of the errors (if any) per value\n * @returns {Ref<T>} response.errors Object with all the form values and the first error found for that field (if any)\n * @returns {Ref<T>} response.values Object with all the form values and their current value\n * @returns {() => void} response.handleReset Resets the form values to default (initial values) when it gets called\n * @returns {(callback: (values: T) => void) => () => void} response.submitForm Validates the data set in {response.values} and sets errors (if found) inside {response.errors} and {response.errorBag}.\n *                                                                   When the validation is successful it calls the callback so the submit process can continue\n *\n * @example\n * const validationSchema = toTypedSchema(\n *      z.object({\n *          name: z\n *              .string()\n *              .min(3, { message: 'Name is required' })\n *              .startsWith('Jane')\n *              .max(4, { message: 'Name cannot be longer than 4 characters' })\n *              .default('Joe'),\n *      })\n * );\n *\n * const { values, errors, errorBag, submitForm, handleReset } = useForm({\n *     validationSchema\n * });\n * const handleSubmit = submitForm(() => {\n *     // Send data to API here\n * })\n *\n */\nexport function useForm<T extends ZodSchema>({ validationSchema }: UseForm<T>) {\n    // Errors per field\n    const errors = shallowRef<z.infer<typeof validationSchema>>({});\n    // All errors per field\n    const errorBag: Ref<ErrorBag<z.infer<typeof validationSchema>>> = ref({});\n    const values = ref(getInitialFormValues(validationSchema));\n\n    const cleanErrors = () => {\n        errors.value = {};\n        errorBag.value = {};\n    };\n\n    const resetForm = () => {\n        cleanErrors();\n        values.value = getInitialFormValues<T>(validationSchema);\n    };\n\n    const submitForm = submitted => () => {\n        cleanErrors();\n\n        // Run validations on the form data through the schema\n        const validSchema = validationSchema.safeParse(values.value);\n\n        // Update errors\n        if (!validSchema.success) {\n            (validSchema as z.SafeParseError<T>).error.issues.forEach(error => {\n                const path = normalizeFormPath(error);\n\n                // Add the first ocurrance of a fild error to the \"errors\" object\n                if (!errors.value[path]) {\n                    errors.value[path] = error.message;\n                }\n\n                // Add each error to the \"errorBag\" per field array\n                if (!errorBag.value[path]) {\n                    errorBag.value[path] = [error.message];\n                } else {\n                    errorBag.value[path].push(error.message);\n                }\n            });\n        } else {\n            submitted(values.value);\n        }\n    };\n\n    return {\n        // Values\n        errorBag,\n        errors,\n        values,\n\n        // Methods\n        handleReset: () => resetForm(),\n        submitForm,\n    };\n}\n","import { type App, isVue2, type Vue2 } from 'vue-demi';\nimport { createToastStack, toastStackInjectionKey } from './toast-stack';\n\n/**\n * This function is used to create and register global reactive state necessary fro the Toasts to operate.\n * @param {Vue} Vue A context application to register global state with.\n */\nexport default Vue => {\n    if (isVue2) {\n        // Add toast stack as a global property as there is no \"app.provide\" functionality in Vue2\n        // eslint-disable-next-line no-param-reassign -- this is an official way of setting up instance properties on Vue\n        (Vue as typeof Vue2).prototype[toastStackInjectionKey] = createToastStack();\n    } else {\n        (Vue as App).provide(toastStackInjectionKey, createToastStack());\n    }\n};\n","import type { PluginObject } from 'vue';\nimport installToast from './composables/use-bento-toast-controller/install';\n\nexport enum BentoTheme {\n    LEGACY = 'b-legacy-theme',\n    STYLEGUIDE = 'b-styleguide-theme',\n    BENTO = '',\n}\n\ninterface BentoVuePlugin {\n    theme: BentoTheme;\n    withToast: boolean;\n}\n\nconst setTheme = (theme: BentoTheme) => {\n    document.body.classList.add(theme);\n};\n\nconst plugin: PluginObject<BentoVuePlugin> = {\n    install: async (Vue, options: { theme: BentoTheme; withToast: boolean; withUtilityClasses: boolean }) => {\n        if (options?.withToast) {\n            installToast(Vue);\n        }\n        // Make sure to put all awaited CSS imports below this point and not above!\n        if (options?.theme === BentoTheme.LEGACY) {\n            setTheme(BentoTheme.LEGACY);\n            await import('@adyen/bento-design-tokens/dist/css/bento/variables-legacy.css');\n        } else if (options?.theme === BentoTheme.STYLEGUIDE) {\n            setTheme(BentoTheme.STYLEGUIDE);\n            await import('@adyen/bento-design-tokens/dist/css/bento/variables-styleguide.css');\n        } else {\n            await import('@adyen/bento-design-tokens/dist/css/bento/variables.css');\n        }\n\n        if (options?.withUtilityClasses) {\n            await import('@adyen/bento-design-tokens/dist/css/bento/utility.css');\n        }\n    },\n};\n\nexport default plugin;\n"],"names":["toTypedSchema","formSchema","getInitialFormValues","schema","z","key","value","normalizeFormPath","issue","useForm","validationSchema","errors","shallowRef","errorBag","ref","values","cleanErrors","resetForm","validSchema","submitted","error","path","installToast","Vue","toastStackInjectionKey","createToastStack","setTheme","theme","plugin","options"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAcO,SAASA,EAAmCC,GAAe;AACvD,SAAAA;AACX;AA4BA,SAASC,EAA0CC,GAAmC;AAClF,MAAMC,KAAKD,aAAkBC,EAAE;AAC3B,WAAO,OAAO;AAAA,MACV,OAAO,QAAQD,EAAO,KAAK,EAAE,IAAI,CAAC,CAACE,GAAKC,CAAK,MACnCF,KAAKE,aAAiBF,EAAE,aAEnB,CAACC,GAAKC,EAAM,KAAK,aAAc,CAAA,IAGpCF,KAAKE,aAAiBF,EAAE,YACnB,CAACC,GAAKH,EAAqBI,CAAK,CAAC,IAGrC,CAACD,GAAK,MAAS,CACzB;AAAA,IAAA;AAKb;AAOA,SAASE,EAAkBC,GAAmB;AACnC,SAAAA,EAAM,KAAK,KAAK,GAAG;AAC9B;AA2CgB,SAAAC,EAA6B,EAAE,kBAAAC,KAAgC;AAErE,QAAAC,IAASC,EAA6C,CAAA,CAAE,GAExDC,IAA4DC,EAAI,CAAA,CAAE,GAClEC,IAASD,EAAIZ,EAAqBQ,CAAgB,CAAC,GAEnDM,IAAc,MAAM;AACtB,IAAAL,EAAO,QAAQ,IACfE,EAAS,QAAQ;EAAC,GAGhBI,IAAY,MAAM;AACR,IAAAD,KACLD,EAAA,QAAQb,EAAwBQ,CAAgB;AAAA,EAAA;AA+BpD,SAAA;AAAA;AAAA,IAEH,UAAAG;AAAA,IACA,QAAAF;AAAA,IACA,QAAAI;AAAA;AAAA,IAGA,aAAa,MAAME,EAAU;AAAA,IAC7B,YApCe,OAAa,MAAM;AACtB,MAAAD;AAGZ,YAAME,IAAcR,EAAiB,UAAUK,EAAO,KAAK;AAGvD,MAACG,EAAY,UAiBbC,EAAUJ,EAAO,KAAK,IAhBrBG,EAAoC,MAAM,OAAO,QAAQ,CAASE,MAAA;AACzD,cAAAC,IAAOd,EAAkBa,CAAK;AAGpC,QAAKT,EAAO,MAAMU,CAAI,MACXV,EAAA,MAAMU,CAAI,IAAID,EAAM,UAI1BP,EAAS,MAAMQ,CAAI,IAGpBR,EAAS,MAAMQ,CAAI,EAAE,KAAKD,EAAM,OAAO,IAFvCP,EAAS,MAAMQ,CAAI,IAAI,CAACD,EAAM,OAAO;AAAA,MAGzC,CACH;AAAA,IAGL;AAAA,EAWA;AAER;ACnKA,MAAeE,IAAA,CAAOC,MAAA;AAMb,EAAAA,EAAY,QAAQC,GAAwBC,EAAkB,CAAA;AAEvE,GCDMC,IAAW,CAACC,MAAsB;AAC3B,WAAA,KAAK,UAAU,IAAIA,CAAK;AACrC,GAEMC,IAAuC;AAAA,EACzC,SAAS,OAAOL,GAAKM,MAAoF;AACrG,IAAIA,KAAA,QAAAA,EAAS,aACTP,EAAaC,CAAG,IAGhBM,KAAA,gBAAAA,EAAS,WAAU,oBACnBH;AAAA,MAAS;AAAA;AAAA,IAAiB,GAC1B,MAAM,OAAO,qEAAgE,MACtEG,KAAA,gBAAAA,EAAS,WAAU,wBAC1BH;AAAA,MAAS;AAAA;AAAA,IAAqB,GAC9B,MAAM,OAAO,yEAAoE,KAEjF,MAAM,OAAO,8DAAyD,GAGtEG,KAAA,QAAAA,EAAS,sBACT,MAAM,OAAO,4DAAuD;AAAA,EAE5E;AACJ;"}

package/dist/info-icon.js

@@ -1,9 +1,9 @@
 import { defineComponent as n, resolveComponent as r, resolveDirective as s, withDirectives as c, openBlock as p, createElementBlock as l, createVNode as a } from "vue";
-import { c as t } from "./chunks/index.9bf04b01.js";
-import { b as _ } from "./chunks/tooltip.1084d92b.js";
-import { I as d } from "./chunks/info.205b4496.js";
+import { c as t } from "./chunks/index.6295e754.js";
+import { b as _ } from "./chunks/tooltip.36172265.js";
+import { I as d } from "./chunks/info.550f9511.js";
 import { _ as f } from "./chunks/_plugin-vue_export-helper.dad06003.js";
-import "./assets/index6.css";
+import "./assets/index8.css";
 const m = n({
   name: "bento-info-icon",
   components: { InfoIcon: d },

package/dist/input-field.js

@@ -1,15 +1,15 @@
 import { defineComponent as de, useAttrs as ie, useSlots as re, ref as I, provide as ne, toRef as le, computed as l, toRefs as se, openBlock as r, createBlock as c, unref as t, normalizeClass as ue, withCtx as w, renderSlot as p, createCommentVNode as d, createElementVNode as M, createElementBlock as y, withModifiers as U, mergeProps as N, withKeys as pe, createVNode as ce } from "vue";
-import { I as fe, B as V } from "./chunks/dropdown.d8587f36.js";
-import { p as H, d as F, B as _ } from "./chunks/index.a3d60e4f.js";
+import { I as fe, B as V } from "./chunks/dropdown.0ae3b842.js";
+import { p as H, d as F, B as _ } from "./chunks/index.ee15db35.js";
 import { g } from "./chunks/unique-id.a2a2b458.js";
 import { g as be } from "./chunks/get-slot-text.bead058f.js";
 import { u as ye } from "./chunks/aria-label.ac9651a5.js";
 import { u as ve } from "./chunks/i18n.f7e6533e.js";
 import { u as me } from "./chunks/use-form-layout-loading.d03e5d48.js";
 import { u as we } from "./chunks/use-has-slot.4d98bf29.js";
-import { F as ge, E as De } from "./chunks/error-message.3fb5573a.js";
+import { F as ge, E as De } from "./chunks/error-message.d2bdeb80.js";
 import { _ as he } from "./chunks/_plugin-vue_export-helper.dad06003.js";
-import "./assets/index39.css";
+import "./assets/index41.css";
 var f = /* @__PURE__ */ ((e) => (e.DEFAULT = "default", e.PAYMENT_METHOD = "payment-method", e.STATIC_VALUE = "static-value", e.DROPDOWN = "dropdown", e))(f || {}), s = /* @__PURE__ */ ((e) => (e.START = "start", e.END = "end", e))(s || {}), D = /* @__PURE__ */ ((e) => (e.CONDENSED = "condensed", e.DISABLED = "disabled", e.READONLY = "readonly", e.ERROR = "error", e))(D || {}), O = /* @__PURE__ */ ((e) => (e.SEARCH = "search", e.TEXT = "text", e.NUMBER = "number", e))(O || {}), Ee = /* @__PURE__ */ ((e) => (e.INPUT = "input", e.ESCAPE_PRESSED = "escape-pressed", e.UPDATE_DROPDOWN = "update:dropdown", e.DROPDOWN_INPUT = "dropdown-input", e.FOCUS = "focus", e.CHANGE = "change", e.BLUR = "blur", e.KEYDOWN = "keydown", e))(Ee || {});
 const x = {
   "en-US": {

package/dist/internal.js

@@ -1,12 +1,12 @@
-import { B as o, L as r } from "./chunks/listbox-option-tag.b6182b2e.js";
-import { C as s, a as p, b as l } from "./chunks/calendar.f38cdab9.js";
-import { C as n, a as C } from "./chunks/copy.852d4cb8.js";
-import { C as m } from "./chunks/controls-group.9e0f17b2.js";
-import { B as f, b as G, a as d, D as I } from "./chunks/dialog-page.ea67bb14.js";
-import { E as _, F as u } from "./chunks/error-message.3fb5573a.js";
-import { F as A } from "./chunks/fixed-scroller.59aefd1b.js";
+import { B as o, L as r } from "./chunks/listbox-option-tag.2aea037c.js";
+import { C as s, a as p, b as l } from "./chunks/calendar.a9c5a68c.js";
+import { C as n, a as C } from "./chunks/copy.60ee6ac3.js";
+import { C as m } from "./chunks/controls-group.8357e3fd.js";
+import { B as f, b as G, a as d, D as I } from "./chunks/dialog-page.cb6ce9b6.js";
+import { E as _, F as u } from "./chunks/error-message.d2bdeb80.js";
+import { F as A } from "./chunks/fixed-scroller.7b42cb1e.js";
 import { G as T, a as g } from "./chunks/grid-layout.c2fe3057.js";
-import { B as D, a as F, u as b } from "./chunks/use-cached-selected-values.852aeafe.js";
+import { B as D, a as F, u as b } from "./chunks/use-cached-selected-values.3c312296.js";
 import { B as P } from "./chunks/teleport.afeb4c3b.js";
 export {
   o as BentoAvatar,

package/dist/link.js

@@ -1,4 +1,4 @@
-import { B as o, a as t } from "./chunks/index.6e0e9d21.js";
+import { B as o, a as t } from "./chunks/index.eb38a6c4.js";
 export {
   o as BentoLink,
   t as BentoLinkVariant

package/dist/loading-indicator.js

@@ -1,6 +1,6 @@
 import { defineComponent as t, onMounted as i, onUnmounted as l, computed as s, openBlock as d, createElementBlock as r, normalizeClass as c } from "vue";
 import { _ } from "./chunks/_plugin-vue_export-helper.dad06003.js";
-import "./assets/index41.css";
+import "./assets/index9.css";
 var e = /* @__PURE__ */ ((a) => (a.START = "loading-start", a.END = "loading-end", a))(e || {});
 const p = t({
   name: "bento-loading-indicator",

package/dist/menu.js

@@ -1,4 +1,4 @@
-import { B as o, a as t } from "./chunks/index.030c1dd7.js";
+import { B as o, a as t } from "./chunks/index.6bb6f38c.js";
 export {
   o as BentoMenu,
   t as BentoMenuEvent

package/dist/modal-fullscreen.js

@@ -1,16 +1,16 @@
 import { defineComponent as L, useSlots as N, onMounted as R, openBlock as l, createBlock as r, unref as t, withCtx as o, createElementVNode as u, createTextVNode as B, toDisplayString as A, createCommentVNode as f, createElementBlock as w, renderSlot as _, pushScopeId as V, popScopeId as J, toRefs as U, ref as c, computed as Y, watch as z, nextTick as H, provide as I, normalizeClass as j, withKeys as q, withModifiers as Q, createSlots as W, createVNode as C } from "vue";
-import { a as X } from "./chunks/button.60dad578.js";
-import { B as Z } from "./chunks/index.8be283d5.js";
-import { B as k } from "./chunks/index.a3d60e4f.js";
+import { a as X } from "./chunks/button.ae4760cd.js";
+import { B as Z } from "./chunks/index.9d7fb316.js";
+import { B as k } from "./chunks/index.ee15db35.js";
 import { u as x } from "./chunks/use-has-slot.4d98bf29.js";
-import { D as ee, B as te, b as ae, a as le } from "./chunks/dialog-page.ea67bb14.js";
-import { B as oe } from "./chunks/button-actions.642b37de.js";
+import { D as ee, B as te, b as ae, a as le } from "./chunks/dialog-page.cb6ce9b6.js";
+import { B as oe } from "./chunks/button-actions.82163994.js";
 import { _ as O } from "./chunks/_plugin-vue_export-helper.dad06003.js";
-import { C as se } from "./chunks/cross.a60533f6.js";
+import { C as se } from "./chunks/cross.26509efc.js";
 import { u as ne } from "./chunks/i18n.f7e6533e.js";
 import { g as ie } from "./chunks/unique-id.a2a2b458.js";
 import { M as ce } from "./chunks/modal-fullscreen.keys.b9f31632.js";
-import "./assets/index27.css";
+import "./assets/index11.css";
 const re = (e) => (V("data-v-da0f0512"), e = e(), J(), e), ue = { class: "b-modal-fullscreen-page__header" }, de = { class: "b-modal-fullscreen-page__header-section b-modal-fullscreen-page__header-section--title" }, fe = {
   key: 0,
   class: "b-modal-fullscreen-page__header-section b-modal-fullscreen-page__header-section--slot"

package/dist/modal.js

@@ -1,12 +1,12 @@
-import { d as A, h as T, f as y, e as q, c as L, a as j, b as M } from "./chunks/base-modal.29e062d0.js";
-import { g as me, B as fe } from "./chunks/base-modal.29e062d0.js";
+import { d as A, h as T, f as y, e as q, c as L, a as j, b as M } from "./chunks/base-modal.4102f69d.js";
+import { g as me, B as fe } from "./chunks/base-modal.4102f69d.js";
 import { defineComponent as v, useSlots as w, onMounted as $, openBlock as B, createBlock as b, mergeProps as O, createSlots as z, unref as n, withCtx as l, renderSlot as c, createVNode as I, toRefs as U, ref as V, computed as S, createTextVNode as F, toDisplayString as G, useAttrs as K, watch as W, resolveDynamicComponent as Y } from "vue";
 import { u as D } from "./chunks/use-has-slot.4d98bf29.js";
-import { F as H } from "./chunks/footer-actions.89e68269.js";
-import { B as P } from "./chunks/button.60dad578.js";
+import { F as H } from "./chunks/footer-actions.64f6f5d8.js";
+import { B as P } from "./chunks/button.ae4760cd.js";
 import { u as J } from "./chunks/i18n.f7e6533e.js";
-import { B as k } from "./chunks/button-actions.642b37de.js";
-import { d as Q } from "./chunks/index.a3d60e4f.js";
+import { B as k } from "./chunks/button-actions.82163994.js";
+import { d as Q } from "./chunks/index.ee15db35.js";
 const X = v({
   name: "bento-modal-default"
 }), Z = /* @__PURE__ */ v({

package/dist/pagination.js

@@ -1,12 +1,12 @@
 import { defineComponent as N, ref as k, computed as v, resolveComponent as c, openBlock as o, createElementBlock as _, createVNode as u, withCtx as m, createBlock as f, resolveDynamicComponent as B, mergeProps as b, createSlots as Z, createTextVNode as T, toDisplayString as h, createCommentVNode as $, createElementVNode as d, toRefs as z, normalizeClass as W, pushScopeId as U, popScopeId as V } from "vue";
 import { u as j } from "./chunks/aria-label.ac9651a5.js";
-import { B as A } from "./chunks/index.a3d60e4f.js";
-import { B as E } from "./chunks/dropdown.d8587f36.js";
+import { B as A } from "./chunks/index.ee15db35.js";
+import { B as E } from "./chunks/dropdown.0ae3b842.js";
 import { g as R } from "./chunks/unique-id.a2a2b458.js";
 import { g as F, a as M } from "./chunks/i18n.f7e6533e.js";
 import { _ as P } from "./chunks/_plugin-vue_export-helper.dad06003.js";
-import { a as J } from "./chunks/button.60dad578.js";
-import "./assets/index28.css";
+import { a as J } from "./chunks/button.ae4760cd.js";
+import "./assets/index13.css";
 const K = {
   "en-US": {
     showingItems: "Showing {itemCount} items",