@adyen/bento-vue2 1.21.1 → 1.23.0

package/dist/index.js

@@ -7,20 +7,20 @@ import { g as T } from "./chunks/unique-id.a2a2b458.js";
 import { BentoAccordion as M, BentoAccordionItem as O } from "./accordion.js";
 import { BentoActionBar as A } from "./action-bar.js";
 import { BentoAlert as z, BentoAlertEvent as _, BentoAlertTypeOption as j, BentoAlertVariant as N } from "./alert.js";
-import { a as U, b as K, B as Z } from "./chunks/button.325c7a15.js";
+import { a as U, b as K, B as Z } from "./chunks/button.a823da67.js";
 import { BentoColumnOverflow as Y, BentoDataGrid as H, BentoDatagridAriaSortValue as $, BentoDatagridEvent as J, BentoDatagridSortDirection as Q, BentoDatagridStyleState as X } from "./data-grid.js";
 import { BentoCard as te, BentoCardBackground as oe, BentoCardTitleSize as re } from "./card.js";
 import { BentoDatePicker as ae, BentoDatePickerEvent as Be } from "./date-picker.js";
-import { B as se, a as me } from "./chunks/index.4f4bc222.js";
-import { B as ue, a as de, u as le } from "./chunks/dropdown.daadea2c.js";
-import { B as ce, a as xe } from "./chunks/checkbox.98f6c967.js";
+import { B as se, a as me } from "./chunks/index.0be6a210.js";
+import { B as ue, a as de, u as le } from "./chunks/dropdown.93a582cc.js";
+import { B as ce, a as xe } from "./chunks/checkbox.1edcc4c0.js";
 import { BentoClickOutside as ge } from "./click-outside.js";
 import { BentoCodeSnippet as Te, BentoCodeSnippetEvent as Ce, BentoCodeSnippetSupportedLanguage as ve, BentoCodeSnippetVariant as be } from "./code-snippet.js";
 import { BentoCountry as De } from "./country.js";
 import { c as Ie, B as Fe, a as Le, u as Pe, b as Ve } from "./chunks/country.types.002caff2.js";
 import { BentoCurrency as Ge, BentoCurrencyISOCode as Me } from "./currency.js";
-import { B as ke, a as Ae } from "./chunks/index.136e8c90.js";
-import { B as ze } from "./chunks/index.57792d67.js";
+import { B as ke, a as Ae } from "./chunks/index.b231f9ef.js";
+import { B as ze } from "./chunks/index.f828081b.js";
 import { BentoEmptyState as je, BentoEmptyStateImage as Ne, BentoEmptyStateImageVariant as qe, BentoEmptyStateVariant as Ue } from "./empty-state.js";
 import { BentoFilterBar as Ze, BentoFilterBarEvent as We, BentoFilterEvent as Ye, BentoFilterItemType as He } from "./filter-bar.js";
 import { BentoFormLayout as Je, BentoFormLayoutFieldTip as Qe, BentoFormLayoutGroup as Xe, BentoFormLayoutTitle as et } from "./form-layout.js";
@@ -28,49 +28,50 @@ import { BentoImage as ot, BentoImageAspectRatio as rt, BentoImageObjectFit as n
 import { BentoInfoIcon as Bt } from "./info-icon.js";
 import { BentoInputField as st, BentoInputFieldElementPosition as mt, BentoInputFieldEvent as pt, BentoInputFieldStateClass as ut, BentoInputFieldType as dt, BentoInputFieldVariant as lt } from "./input-field.js";
 import { BentoLoadingIndicator as ct, BentoLoadingIndicatorEvent as xt } from "./loading-indicator.js";
-import { B as gt, a as St } from "./chunks/index.0b7e1fa9.js";
-import { B as Ct, a as vt } from "./chunks/index.a6ec94b7.js";
-import { d as ht, f as Dt, g as Et, B as It, e as Ft, c as Lt, a as Pt, b as Vt } from "./chunks/base-modal.a144b671.js";
+import { B as gt, a as St } from "./chunks/index.19675c16.js";
+import { B as Ct, a as vt } from "./chunks/index.255c82a2.js";
+import { d as ht, f as Dt, g as Et, B as It, e as Ft, c as Lt, a as Pt, b as Vt } from "./chunks/base-modal.c354f456.js";
 import { BentoModal as Gt } from "./modal.js";
 import { BentoModalFullscreen as Ot, BentoModalFullscreenPage as kt } from "./modal-fullscreen.js";
 import { BentoHeader as Rt } from "./header.js";
 import { BentoPagination as _t } from "./pagination.js";
-import { BentoPaymentMethod as Nt, BentoPaymentMethodType as qt } from "./payment-method.js";
-import { a as Kt, B as Zt } from "./chunks/index.d1910671.js";
-import { BentoRadioButton as Yt, BentoRadioGroup as Ht, BentoRadioGroupVariant as $t } from "./radio-group.js";
-import { BentoSearchBar as Qt, BentoSearchBarEvent as Xt, BentoSearchBarInternalEvent as eo } from "./search-bar.js";
-import { BentoSecondaryNav as oo } from "./secondary-nav.js";
-import { BentoSelectionCard as no, BentoSelectionCardGroup as ao, BentoSelectionCardState as Bo } from "./selection-card.js";
-import { BentoSegmentedControl as so, BentoSegmentedControlEvent as mo } from "./segmented-control.js";
-import { BentoSidepanel as uo, BentoSidepanelEvent as lo, BentoSidepanelPage as fo } from "./sidepanel.js";
-import { BentoStatus as xo, BentoStatusVariant as yo } from "./status.js";
-import { BentoStep as So, BentoStepper as To, BentoStepperTypeOption as Co, BentoStepperVariantOption as vo } from "./stepper.js";
-import { B as ho, a as Do } from "./chunks/index.52ebcdf0.js";
-import { BentoSummaryGrid as Io, BentoSummaryGridItemAmount as Fo, BentoSummaryGridItemCustom as Lo, BentoSummaryGridItemNumeric as Po, BentoSummaryGridItemPercentage as Vo, BentoSummaryGridItemSize as wo, BentoSummaryGridItemText as Go, BentoSummaryGridItemTrendDirection as Mo } from "./summary-grid.js";
-import { BentoTab as ko, BentoTabs as Ao } from "./tabs.js";
-import { BentoTag as zo, BentoTagVariant as _o } from "./tag.js";
-import { BentoTextarea as No } from "./textarea.js";
-import { BentoTimeline as Uo, BentoTimelineGapUnit as Ko, BentoTimelineItem as Zo, BentoTimelineItemVariant as Wo, BentoTimelineShowMorePlacement as Yo, BentoTimelineStatus as Ho } from "./timeline.js";
-import { BentoToast as Jo } from "./toast.js";
-import { u as Xo } from "./chunks/toastController.fd667b68.js";
-import { BentoToggle as tr, BentoToggleLabelPosition as or, BentoTogglePropClass as rr } from "./toggle.js";
-import { BentoTutorial as ar } from "./tutorial.js";
-import { B as ir, c as sr, b as mr, a as pr } from "./chunks/index.7b7ef408.js";
-import { BentoDataGridTemplate as dr } from "./data-grid-template.js";
-import { B as fr, c as cr, a as xr, b as yr } from "./chunks/button-actions.96d5721a.js";
-import { B as Sr, a as Tr } from "./chunks/loading-button.ad4d9b13.js";
-import { BentoToggleButton as vr } from "./button.js";
-import { b as hr, b as Dr } from "./chunks/calendar.3fd71195.js";
-import { b as Ir, a as Fr, b as Lr, a as Pr } from "./chunks/listbox.0985aed1.js";
-import { BentoDropdownAvatar as wr, BentoDropdownCountry as Gr, BentoDropdownCurrency as Mr, BentoDropdownPaymentMethod as Or, BentoDropdownTag as kr } from "./dropdown.js";
-import { C as Rr } from "./chunks/checkbox-input.1c3cc8ed.js";
-import { BentoCheckboxGroup as _r, BentoCheckboxGroupVariant as jr } from "./checkbox.js";
-import { R as qr } from "./chunks/radio-input.c6550a9c.js";
+import { B as Nt } from "./chunks/payment-method.bf9e71a2.js";
+import { BentoPaymentMethodType as Ut } from "./payment-method.js";
+import { a as Zt, B as Wt } from "./chunks/index.787ded40.js";
+import { BentoRadioButton as Ht, BentoRadioGroup as $t, BentoRadioGroupVariant as Jt } from "./radio-group.js";
+import { BentoSearchBar as Xt, BentoSearchBarEvent as eo, BentoSearchBarInternalEvent as to } from "./search-bar.js";
+import { BentoSecondaryNav as ro } from "./secondary-nav.js";
+import { BentoSelectionCard as ao, BentoSelectionCardGroup as Bo, BentoSelectionCardState as io } from "./selection-card.js";
+import { BentoSegmentedControl as mo, BentoSegmentedControlEvent as po } from "./segmented-control.js";
+import { BentoSidepanel as lo, BentoSidepanelEvent as fo, BentoSidepanelPage as co } from "./sidepanel.js";
+import { BentoStatus as yo, BentoStatusVariant as go } from "./status.js";
+import { BentoStep as To, BentoStepper as Co, BentoStepperTypeOption as vo, BentoStepperVariantOption as bo } from "./stepper.js";
+import { B as Do, a as Eo } from "./chunks/index.7a59b0b8.js";
+import { BentoSummaryGrid as Fo, BentoSummaryGridItemAmount as Lo, BentoSummaryGridItemCustom as Po, BentoSummaryGridItemNumeric as Vo, BentoSummaryGridItemPercentage as wo, BentoSummaryGridItemSize as Go, BentoSummaryGridItemText as Mo, BentoSummaryGridItemTrendDirection as Oo } from "./summary-grid.js";
+import { BentoTab as Ao, BentoTabs as Ro } from "./tabs.js";
+import { BentoTag as _o, BentoTagVariant as jo } from "./tag.js";
+import { BentoTextarea as qo } from "./textarea.js";
+import { BentoTimeline as Ko, BentoTimelineGapUnit as Zo, BentoTimelineItem as Wo, BentoTimelineItemVariant as Yo, BentoTimelineShowMorePlacement as Ho, BentoTimelineStatus as $o } from "./timeline.js";
+import { BentoToast as Qo } from "./toast.js";
+import { u as er } from "./chunks/toastController.fd667b68.js";
+import { BentoToggle as or, BentoToggleLabelPosition as rr, BentoTogglePropClass as nr } from "./toggle.js";
+import { BentoTutorial as Br } from "./tutorial.js";
+import { B as sr, c as mr, b as pr, a as ur } from "./chunks/index.be6917c8.js";
+import { BentoDataGridTemplate as lr } from "./data-grid-template.js";
+import { B as cr, c as xr, a as yr, b as gr } from "./chunks/button-actions.3882346f.js";
+import { B as Tr, a as Cr } from "./chunks/loading-button.5de13e50.js";
+import { BentoToggleButton as br } from "./button.js";
+import { b as Dr, b as Er } from "./chunks/calendar.4ba3b251.js";
+import { b as Fr, a as Lr, b as Pr, a as Vr } from "./chunks/listbox.f99c2f3e.js";
+import { BentoDropdownAvatar as Gr, BentoDropdownCountry as Mr, BentoDropdownCurrency as Or, BentoDropdownPaymentMethod as kr, BentoDropdownTag as Ar } from "./dropdown.js";
+import { C as zr } from "./chunks/checkbox-input.1c3cc8ed.js";
+import { BentoCheckboxGroup as jr, BentoCheckboxGroupVariant as Nr } from "./checkbox.js";
+import { R as Ur } from "./chunks/radio-input.c6550a9c.js";
 import * as n from "zod";
-import { D as Kr } from "./chunks/date-input.9186a0bf.js";
-import { a as Wr, B as Yr } from "./chunks/keyboard-navigation.ca47dfa8.js";
-import { B as $r } from "./chunks/directive.0408e565.js";
-import { b as Qr, B as Xr, a as en } from "./chunks/tooltip.1e44a4a6.js";
+import { D as Zr } from "./chunks/date-input.9186a0bf.js";
+import { a as Yr, B as Hr } from "./chunks/keyboard-navigation.ca47dfa8.js";
+import { B as Jr } from "./chunks/dropdown-default-textbox.537c81a2.js";
+import { b as Xr, B as en, a as tn } from "./chunks/tooltip.eb1eb37e.js";
 function L(t) {
   return t;
 }
@@ -145,10 +146,10 @@ export {
   j as BentoAlertTypeOption,
   N as BentoAlertVariant,
   U as BentoButton,
-  fr as BentoButtonActions,
-  cr as BentoButtonActionsLayout,
-  xr as BentoButtonActionsLayoutBasic,
-  yr as BentoButtonActionsLayoutExtended,
+  cr as BentoButtonActions,
+  xr as BentoButtonActionsLayout,
+  yr as BentoButtonActionsLayoutBasic,
+  gr as BentoButtonActionsLayoutExtended,
   K as BentoButtonPropClass,
   Z as BentoButtonVariant,
   te as BentoCard,
@@ -156,11 +157,11 @@ export {
   re as BentoCardTitleSize,
   ce as BentoCheckbox,
   xe as BentoCheckboxEvent,
-  _r as BentoCheckboxGroup,
-  jr as BentoCheckboxGroupVariant,
-  Rr as BentoCheckboxState,
+  jr as BentoCheckboxGroup,
+  Nr as BentoCheckboxGroupVariant,
+  zr as BentoCheckboxState,
   ge as BentoClickOutside,
-  $r as BentoClickOutsideDirective,
+  Jr as BentoClickOutsideDirective,
   Te as BentoCodeSnippet,
   Ce as BentoCodeSnippetEvent,
   ve as BentoCodeSnippetSupportedLanguage,
@@ -172,7 +173,7 @@ export {
   Ge as BentoCurrency,
   Me as BentoCurrencyISOCode,
   H as BentoDataGrid,
-  dr as BentoDataGridTemplate,
+  lr as BentoDataGridTemplate,
   $ as BentoDatagridAriaSortValue,
   J as BentoDatagridEvent,
   Q as BentoDatagridSortDirection,
@@ -181,20 +182,20 @@ export {
   Ae as BentoDateFormat,
   ae as BentoDatePicker,
   Be as BentoDatePickerEvent,
-  hr as BentoDatePickerFirstDayOfWeek,
+  Dr as BentoDatePickerFirstDayOfWeek,
   se as BentoDateRangePicker,
   me as BentoDateRangePickerEvent,
-  Dr as BentoDateRangePickerFirstDayOfWeek,
+  Er as BentoDateRangePickerFirstDayOfWeek,
   ze as BentoDivider,
   ue as BentoDropdown,
-  wr as BentoDropdownAvatar,
-  Gr as BentoDropdownCountry,
-  Mr as BentoDropdownCurrency,
-  Ir as BentoDropdownEvent,
-  Fr as BentoDropdownLazyLoadType,
-  Or as BentoDropdownPaymentMethod,
+  Gr as BentoDropdownAvatar,
+  Mr as BentoDropdownCountry,
+  Or as BentoDropdownCurrency,
+  Fr as BentoDropdownEvent,
+  Lr as BentoDropdownLazyLoadType,
+  kr as BentoDropdownPaymentMethod,
   de as BentoDropdownSize,
-  kr as BentoDropdownTag,
+  Ar as BentoDropdownTag,
   je as BentoEmptyState,
   Ne as BentoEmptyStateImage,
   qe as BentoEmptyStateImageVariant,
@@ -218,14 +219,14 @@ export {
   ut as BentoInputFieldStateClass,
   dt as BentoInputFieldType,
   lt as BentoInputFieldVariant,
-  Wr as BentoKeyboardNavigationDirective,
-  Yr as BentoKeyboardNavigationKeyDownEvent,
+  Yr as BentoKeyboardNavigationDirective,
+  Hr as BentoKeyboardNavigationKeyDownEvent,
   gt as BentoLink,
   St as BentoLinkVariant,
-  Lr as BentoListboxEvent,
-  Pr as BentoListboxLazyLoadType,
-  Sr as BentoLoadingButton,
-  Tr as BentoLoadingButtonState,
+  Pr as BentoListboxEvent,
+  Vr as BentoListboxLazyLoadType,
+  Tr as BentoLoadingButton,
+  Cr as BentoLoadingButtonState,
   ct as BentoLoadingIndicator,
   xt as BentoLoadingIndicatorEvent,
   Ct as BentoMenu,
@@ -243,70 +244,70 @@ export {
   Vt as BentoModalVariantMapping,
   _t as BentoPagination,
   Nt as BentoPaymentMethod,
-  qt as BentoPaymentMethodType,
-  Kt as BentoPopover,
-  Zt as BentoPopoverPositions,
-  Yt as BentoRadioButton,
-  qr as BentoRadioButtonStateClass,
-  Ht as BentoRadioGroup,
-  $t as BentoRadioGroupVariant,
-  Qt as BentoSearchBar,
-  Xt as BentoSearchBarEvent,
-  eo as BentoSearchBarInternalEvent,
-  oo as BentoSecondaryNav,
-  so as BentoSegmentedControl,
-  mo as BentoSegmentedControlEvent,
-  no as BentoSelectionCard,
-  ao as BentoSelectionCardGroup,
-  Bo as BentoSelectionCardState,
-  uo as BentoSidepanel,
-  lo as BentoSidepanelEvent,
-  fo as BentoSidepanelPage,
-  xo as BentoStatus,
-  yo as BentoStatusVariant,
-  So as BentoStep,
-  To as BentoStepper,
-  Co as BentoStepperTypeOption,
-  vo as BentoStepperVariantOption,
-  ho as BentoStructuredList,
-  Do as BentoStructuredListItem,
-  Io as BentoSummaryGrid,
-  Fo as BentoSummaryGridItemAmount,
-  Lo as BentoSummaryGridItemCustom,
-  Po as BentoSummaryGridItemNumeric,
-  Vo as BentoSummaryGridItemPercentage,
-  wo as BentoSummaryGridItemSize,
-  Go as BentoSummaryGridItemText,
-  Mo as BentoSummaryGridItemTrendDirection,
-  ko as BentoTab,
-  Ao as BentoTabs,
-  zo as BentoTag,
-  _o as BentoTagVariant,
-  No as BentoTextarea,
+  Ut as BentoPaymentMethodType,
+  Zt as BentoPopover,
+  Wt as BentoPopoverPositions,
+  Ht as BentoRadioButton,
+  Ur as BentoRadioButtonStateClass,
+  $t as BentoRadioGroup,
+  Jt as BentoRadioGroupVariant,
+  Xt as BentoSearchBar,
+  eo as BentoSearchBarEvent,
+  to as BentoSearchBarInternalEvent,
+  ro as BentoSecondaryNav,
+  mo as BentoSegmentedControl,
+  po as BentoSegmentedControlEvent,
+  ao as BentoSelectionCard,
+  Bo as BentoSelectionCardGroup,
+  io as BentoSelectionCardState,
+  lo as BentoSidepanel,
+  fo as BentoSidepanelEvent,
+  co as BentoSidepanelPage,
+  yo as BentoStatus,
+  go as BentoStatusVariant,
+  To as BentoStep,
+  Co as BentoStepper,
+  vo as BentoStepperTypeOption,
+  bo as BentoStepperVariantOption,
+  Do as BentoStructuredList,
+  Eo as BentoStructuredListItem,
+  Fo as BentoSummaryGrid,
+  Lo as BentoSummaryGridItemAmount,
+  Po as BentoSummaryGridItemCustom,
+  Vo as BentoSummaryGridItemNumeric,
+  wo as BentoSummaryGridItemPercentage,
+  Go as BentoSummaryGridItemSize,
+  Mo as BentoSummaryGridItemText,
+  Oo as BentoSummaryGridItemTrendDirection,
+  Ao as BentoTab,
+  Ro as BentoTabs,
+  _o as BentoTag,
+  jo as BentoTagVariant,
+  qo as BentoTextarea,
   v as BentoTheme,
-  Uo as BentoTimeline,
-  Ko as BentoTimelineGapUnit,
-  Zo as BentoTimelineItem,
-  Wo as BentoTimelineItemVariant,
-  Yo as BentoTimelineShowMorePlacement,
-  Ho as BentoTimelineStatus,
-  Jo as BentoToast,
-  tr as BentoToggle,
-  vr as BentoToggleButton,
-  or as BentoToggleLabelPosition,
-  rr as BentoTogglePropClass,
-  Qr as BentoTooltipDirective,
-  Xr as BentoTooltipPosition,
-  en as BentoTooltipState,
-  ar as BentoTutorial,
-  ir as BentoTypography,
-  sr as BentoTypographyElement,
-  mr as BentoTypographyModifier,
-  pr as BentoTypographyVariant,
-  Kr as DateFormat,
+  Ko as BentoTimeline,
+  Zo as BentoTimelineGapUnit,
+  Wo as BentoTimelineItem,
+  Yo as BentoTimelineItemVariant,
+  Ho as BentoTimelineShowMorePlacement,
+  $o as BentoTimelineStatus,
+  Qo as BentoToast,
+  or as BentoToggle,
+  br as BentoToggleButton,
+  rr as BentoToggleLabelPosition,
+  nr as BentoTogglePropClass,
+  Xr as BentoTooltipDirective,
+  en as BentoTooltipPosition,
+  tn as BentoTooltipState,
+  Br as BentoTutorial,
+  sr as BentoTypography,
+  mr as BentoTypographyElement,
+  pr as BentoTypographyModifier,
+  ur as BentoTypographyVariant,
+  Zr as DateFormat,
   V as default,
   L as toTypedSchema,
-  Xo as useBentoToastController,
+  er as useBentoToastController,
   Le as useCountryCapital,
   Pe as useCountryName,
   Ve as useCountryPhoneCode,

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../src/composables/use-form-validate/use-form.ts","../src/plugins/toastController.ts","../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 * 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    const errors = shallowRef<z.infer<typeof validationSchema>>({});\n\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            errorBag.value = (validSchema as z.SafeParseError<T>).error.flatten().fieldErrors;\n            errors.value = Object.entries(errorBag.value).reduce((acc, [key, value]) => {\n                // eslint-disable-next-line prefer-destructuring\n                acc[key] = value[0];\n                return acc;\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 { reactive } from 'vue';\nimport { generateUid } from '@/utils/ts/unique-id';\nimport { BentoToastItem } from '@/components/toast/components/toast-item';\n\n/* eslint-disable no-underscore-dangle */\nexport default class ToastController {\n    get state(): { queue: Array<BentoToastItem> } {\n        return this._state;\n    }\n\n    private _state: { queue: Array<BentoToastItem> };\n\n    constructor() {\n        this._state = reactive({ queue: [] });\n    }\n\n    private dismissToast(toast: BentoToastItem): void {\n        this._state.queue.splice(this._state.queue.indexOf(toast), 1);\n    }\n\n    public addToast(params: BentoToastItem) {\n        const id = generateUid('toast');\n        const toast = {\n            ...params,\n            id,\n            dismiss: () => this.dismissToast(toast),\n        };\n\n        // new messages always appear in front\n        this._state.queue.push(toast);\n\n        // return API to manipulate toast\n        return {\n            dismiss: () => this.dismissToast(toast),\n        };\n    }\n}\n/* eslint-enable no-underscore-dangle */\n","import type { PluginObject } from 'vue';\nimport { isVue2 } from 'vue-demi';\nimport ToastController from './plugins/toastController';\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            if (isVue2) {\n                // Adds a new property to the Vue instance\n                // eslint-disable-next-line no-param-reassign\n                (Vue as any).prototype.$bentoToastController = new ToastController();\n            } else {\n                // eslint-disable-next-line no-param-reassign\n                (Vue as any).config.globalProperties.$bentoToastController = new ToastController();\n            }\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","useForm","validationSchema","errors","shallowRef","errorBag","ref","values","cleanErrors","resetForm","validSchema","submitted","acc","ToastController","__publicField","reactive","toast","params","id","generateUid","BentoTheme","setTheme","theme","plugin","Vue","options","BentoVue"],"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;AA2CgB,SAAAE,EAA6B,EAAE,kBAAAC,KAAgC;AACrE,QAAAC,IAASC,EAA6C,CAAA,CAAE,GAExDC,IAA4DC,EAAI,CAAA,CAAE,GAClEC,IAASD,EAAIV,EAAqBM,CAAgB,CAAC,GAEnDM,IAAc,MAAM;AACtB,IAAAL,EAAO,QAAQ,IACfE,EAAS,QAAQ;EAAC,GAGhBI,IAAY,MAAM;AACR,IAAAD,KACLD,EAAA,QAAQX,EAAwBM,CAAgB;AAAA,EAAA;AAsBpD,SAAA;AAAA;AAAA,IAEH,UAAAG;AAAA,IACA,QAAAF;AAAA,IACA,QAAAI;AAAA;AAAA,IAGA,aAAa,MAAME,EAAU;AAAA,IAC7B,YA3Be,OAAa,MAAM;AACtB,MAAAD;AAGZ,YAAME,IAAcR,EAAiB,UAAUK,EAAO,KAAK;AAGvD,MAACG,EAAY,UAQbC,EAAUJ,EAAO,KAAK,KAPtBF,EAAS,QAASK,EAAoC,MAAM,QAAA,EAAU,aACtEP,EAAO,QAAQ,OAAO,QAAQE,EAAS,KAAK,EAAE,OAAO,CAACO,GAAK,CAACb,GAAKC,CAAK,OAE9DY,EAAAb,CAAG,IAAIC,EAAM,CAAC,GACXY,IACR,CAAE,CAAA;AAAA,IAGT;AAAA,EAWA;AAER;AClJA,MAAqBC,EAAgB;AAAA,EAOjC,cAAc;AAFN,IAAAC,EAAA;AAGJ,SAAK,SAASC,EAAS,EAAE,OAAO,CAAA,EAAI,CAAA;AAAA,EACxC;AAAA,EARA,IAAI,QAA0C;AAC1C,WAAO,KAAK;AAAA,EAChB;AAAA,EAQQ,aAAaC,GAA6B;AACzC,SAAA,OAAO,MAAM,OAAO,KAAK,OAAO,MAAM,QAAQA,CAAK,GAAG,CAAC;AAAA,EAChE;AAAA,EAEO,SAASC,GAAwB;AAC9B,UAAAC,IAAKC,EAAY,OAAO,GACxBH,IAAQ;AAAA,MACV,GAAGC;AAAA,MACH,IAAAC;AAAA,MACA,SAAS,MAAM,KAAK,aAAaF,CAAK;AAAA,IAAA;AAIrC,gBAAA,OAAO,MAAM,KAAKA,CAAK,GAGrB;AAAA,MACH,SAAS,MAAM,KAAK,aAAaA,CAAK;AAAA,IAAA;AAAA,EAE9C;AACJ;AChCY,IAAAI,sBAAAA,OACRA,EAAA,SAAS,kBACTA,EAAA,aAAa,sBACbA,EAAA,QAAQ,IAHAA,IAAAA,KAAA,CAAA,CAAA;AAWZ,MAAMC,IAAW,CAACC,MAAsB;AAC3B,WAAA,KAAK,UAAU,IAAIA,CAAK;AACrC,GAEMC,IAAuC;AAAA,EACzC,SAAS,OAAOC,GAAKC,MAAoF;AACrG,IAAIA,KAAA,QAAAA,EAAS,cAIJD,EAAY,UAAU,wBAAwB,IAAIX,EAAgB,KAOvEY,KAAA,gBAAAA,EAAS,WAAU,oBACnBJ;AAAA,MAAS;AAAA;AAAA,IAAiB,GAC1B,MAAM,OAAO,qEAAgE,MACtEI,KAAA,gBAAAA,EAAS,WAAU,wBAC1BJ;AAAA,MAAS;AAAA;AAAA,IAAqB,GAC9B,MAAM,OAAO,yEAAoE,KAEjF,MAAM,OAAO,8DAAyD,GAGtEI,KAAA,QAAAA,EAAS,sBACT,MAAM,OAAO,4DAAuD;AAAA,EAE5E;AACJ,GAEAC,IAAeH;"}
+{"version":3,"file":"index.js","sources":["../src/composables/use-form-validate/use-form.ts","../src/plugins/toastController.ts","../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 * 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    const errors = shallowRef<z.infer<typeof validationSchema>>({});\n\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            errorBag.value = (validSchema as z.SafeParseError<T>).error.flatten().fieldErrors;\n            errors.value = Object.entries(errorBag.value).reduce((acc, [key, value]) => {\n                // eslint-disable-next-line prefer-destructuring\n                acc[key] = value[0];\n                return acc;\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 { reactive } from 'vue';\nimport { generateUid } from '@/utils/ts/unique-id';\nimport { BentoToastItem } from '@/components/toast/components/toast-item';\n\n/* eslint-disable no-underscore-dangle */\nexport default class ToastController {\n    get state(): { queue: Array<BentoToastItem> } {\n        return this._state;\n    }\n\n    private _state: { queue: Array<BentoToastItem> };\n\n    constructor() {\n        this._state = reactive({ queue: [] });\n    }\n\n    private dismissToast(toast: BentoToastItem): void {\n        this._state.queue.splice(this._state.queue.indexOf(toast), 1);\n    }\n\n    public addToast(params: BentoToastItem) {\n        const id = generateUid('toast');\n        const toast = {\n            ...params,\n            id,\n            dismiss: () => this.dismissToast(toast),\n        };\n\n        // new messages always appear in front\n        this._state.queue.push(toast);\n\n        // return API to manipulate toast\n        return {\n            dismiss: () => this.dismissToast(toast),\n        };\n    }\n}\n/* eslint-enable no-underscore-dangle */\n","import type { PluginObject } from 'vue';\nimport { isVue2 } from 'vue-demi';\nimport ToastController from './plugins/toastController';\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            if (isVue2) {\n                // Adds a new property to the Vue instance\n                // eslint-disable-next-line no-param-reassign\n                (Vue as any).prototype.$bentoToastController = new ToastController();\n            } else {\n                // eslint-disable-next-line no-param-reassign\n                (Vue as any).config.globalProperties.$bentoToastController = new ToastController();\n            }\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","useForm","validationSchema","errors","shallowRef","errorBag","ref","values","cleanErrors","resetForm","validSchema","submitted","acc","ToastController","__publicField","reactive","toast","params","id","generateUid","BentoTheme","setTheme","theme","plugin","Vue","options","BentoVue"],"mappings":"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"}

package/dist/info-icon.js

@@ -1,9 +1,9 @@
 import { defineComponent as n } from "vue";
-import { c as i } from "./chunks/index.e04c4d75.js";
+import { c as i } from "./chunks/index.59d76d6b.js";
 import { I as r } from "./chunks/info.8b6328aa.js";
-import { b as s } from "./chunks/tooltip.1e44a4a6.js";
+import { b as s } from "./chunks/tooltip.eb1eb37e.js";
 import { n as a } from "./chunks/_plugin-vue2_normalizer.71e2aa87.js";
-import "./assets/index24.css";
+import "./assets/index10.css";
 const p = n({
   name: "bento-info-icon",
   components: { InfoIcon: r },

package/dist/input-field.js

@@ -1,15 +1,15 @@
 import { defineComponent as H, useAttrs as Y, useSlots as j, ref as O, provide as W, toRef as q, computed as i, toRefs as K } from "vue";
-import { I as X, B as z } from "./chunks/dropdown.daadea2c.js";
-import { d as I, B as G } from "./chunks/index.7b7ef408.js";
+import { I as X, B as z } from "./chunks/dropdown.93a582cc.js";
+import { d as I, B as G } from "./chunks/index.be6917c8.js";
 import { g as u } from "./chunks/unique-id.a2a2b458.js";
 import { g as J } from "./chunks/get-slot-text.99c3d860.js";
 import { u as Q } from "./chunks/aria-label.ac9651a5.js";
 import { u as Z } from "./chunks/i18n.eb5b985b.js";
 import { u as ee } from "./chunks/use-form-layout-loading.d03e5d48.js";
 import { u as te } from "./chunks/use-has-slot.fbeb19ec.js";
-import { E as ae, F as oe } from "./chunks/error-message.294de2ad.js";
+import { E as ae, F as oe } from "./chunks/error-message.7022fa86.js";
 import { n as re } from "./chunks/_plugin-vue2_normalizer.71e2aa87.js";
-import "./assets/index32.css";
+import "./assets/index41.css";
 var d = /* @__PURE__ */ ((a) => (a.DEFAULT = "default", a.PAYMENT_METHOD = "payment-method", a.STATIC_VALUE = "static-value", a.DROPDOWN = "dropdown", a))(d || {}), n = /* @__PURE__ */ ((a) => (a.START = "start", a.END = "end", a))(n || {}), p = /* @__PURE__ */ ((a) => (a.CONDENSED = "condensed", a.DISABLED = "disabled", a.READONLY = "readonly", a.ERROR = "error", a))(p || {}), h = /* @__PURE__ */ ((a) => (a.SEARCH = "search", a.TEXT = "text", a.NUMBER = "number", a))(h || {}), ie = /* @__PURE__ */ ((a) => (a.INPUT = "input", a.ESCAPE_PRESSED = "escape-pressed", a.UPDATE_DROPDOWN = "update:dropdown", a.DROPDOWN_INPUT = "dropdown-input", a.FOCUS = "focus", a.CHANGE = "change", a.BLUR = "blur", a.KEYDOWN = "keydown", a))(ie || {});
 const ne = {
   "en-US": {

package/dist/internal.js

@@ -1,12 +1,12 @@
-import { B as I, L } from "./chunks/listbox-option-tag.07111ec8.js";
-import { C as y, a as A, b as S } from "./chunks/calendar.3fd71195.js";
-import { C as b, a as g } from "./chunks/copy.da2d53c1.js";
-import { C as T } from "./chunks/controls-group.70d7a0aa.js";
-import { B as D, b as F, a as N, D as P } from "./chunks/dialog-page.32cbc60e.js";
-import { E as K, F as M } from "./chunks/error-message.294de2ad.js";
-import { F as Y } from "./chunks/fixed-scroller.96fb2670.js";
+import { B as I, L } from "./chunks/listbox-option-tag.e025da67.js";
+import { C as y, a as A, b as S } from "./chunks/calendar.4ba3b251.js";
+import { C as b, a as g } from "./chunks/copy.b20b47f9.js";
+import { C as T } from "./chunks/controls-group.b17e40ad.js";
+import { B as D, b as F, a as N, D as P } from "./chunks/dialog-page.3965f89e.js";
+import { E as K, F as M } from "./chunks/error-message.7022fa86.js";
+import { F as Y } from "./chunks/fixed-scroller.077a5709.js";
 import { G as W, a as j } from "./chunks/grid-layout.e0025286.js";
-import { B as z, u as H } from "./chunks/listbox.0985aed1.js";
+import { B as z, u as H } from "./chunks/listbox.f99c2f3e.js";
 import { ref as f, watch as v } from "vue";
 import { B as U } from "./chunks/teleport.84b0f20b.js";
 const p = (l, e) => {

package/dist/link.js

@@ -1,4 +1,4 @@
-import { B as o, a as t } from "./chunks/index.0b7e1fa9.js";
+import { B as o, a as t } from "./chunks/index.19675c16.js";
 export {
   o as BentoLink,
   t as BentoLinkVariant

package/dist/loading-indicator.js

@@ -1,6 +1,6 @@
 import { defineComponent as t, onMounted as s, onUnmounted as l, computed as i } from "vue";
 import { n as r } from "./chunks/_plugin-vue2_normalizer.71e2aa87.js";
-import "./assets/index33.css";
+import "./assets/index11.css";
 var a = /* @__PURE__ */ ((n) => (n.START = "loading-start", n.END = "loading-end", n))(a || {});
 const d = t({
   name: "bento-loading-indicator",

package/dist/menu.js

@@ -1,4 +1,4 @@
-import { B as o, a as t } from "./chunks/index.a6ec94b7.js";
+import { B as o, a as t } from "./chunks/index.255c82a2.js";
 export {
   o as BentoMenu,
   t as BentoMenuEvent

package/dist/modal-fullscreen.js

@@ -1,16 +1,16 @@
 import { defineComponent as C, useSlots as B, onMounted as L, toRefs as O, ref as r, computed as M, watch as k, nextTick as T, provide as d } from "vue";
-import { a as D } from "./chunks/button.325c7a15.js";
-import { B as N } from "./chunks/index.302e9cf2.js";
-import { B as w } from "./chunks/index.7b7ef408.js";
+import { a as D } from "./chunks/button.a823da67.js";
+import { B as N } from "./chunks/index.9d130872.js";
+import { B as w } from "./chunks/index.be6917c8.js";
 import { u as x } from "./chunks/use-has-slot.fbeb19ec.js";
-import { D as G, B as R, b as J, a as K } from "./chunks/dialog-page.32cbc60e.js";
-import { B as U } from "./chunks/button-actions.96d5721a.js";
+import { D as G, B as R, b as J, a as K } from "./chunks/dialog-page.3965f89e.js";
+import { B as U } from "./chunks/button-actions.3882346f.js";
 import { n as P } from "./chunks/_plugin-vue2_normalizer.71e2aa87.js";
 import { C as Y } from "./chunks/cross.04678d81.js";
 import { u as $ } from "./chunks/i18n.eb5b985b.js";
 import { g as z } from "./chunks/unique-id.a2a2b458.js";
 import { M as H } from "./chunks/modal-fullscreen.keys.b9f31632.js";
-import "./assets/index11.css";
+import "./assets/index29.css";
 const V = {}, j = /* @__PURE__ */ C({
   ...V,
   __name: "modal-fullscreen-page",

package/dist/modal.js

@@ -1,13 +1,13 @@
-import { d as g, h as A, f as d, e as E, c as M, a as L, b as v } from "./chunks/base-modal.a144b671.js";
-import { g as yt, B as _t } from "./chunks/base-modal.a144b671.js";
+import { d as g, h as A, f as d, e as E, c as M, a as L, b as v } from "./chunks/base-modal.c354f456.js";
+import { g as yt, B as _t } from "./chunks/base-modal.c354f456.js";
 import { defineComponent as p, useSlots as B, onMounted as O, toRefs as x, ref as P, computed as f, useAttrs as T, watch as k } from "vue";
 import { u as b } from "./chunks/use-has-slot.fbeb19ec.js";
-import { F as R } from "./chunks/footer-actions.39973cb4.js";
+import { F as R } from "./chunks/footer-actions.1f22f86d.js";
 import { n as S } from "./chunks/_plugin-vue2_normalizer.71e2aa87.js";
-import { B as C } from "./chunks/button.325c7a15.js";
+import { B as C } from "./chunks/button.a823da67.js";
 import { u as z } from "./chunks/i18n.eb5b985b.js";
-import { B as N } from "./chunks/button-actions.96d5721a.js";
-import { d as $ } from "./chunks/index.7b7ef408.js";
+import { B as N } from "./chunks/button-actions.3882346f.js";
+import { d as $ } from "./chunks/index.be6917c8.js";
 const F = p({
   name: "bento-modal-default"
 }), q = /* @__PURE__ */ p({

package/dist/pagination.js

@@ -1,12 +1,12 @@
 import { defineComponent as p, ref as P, computed as r, toRefs as L } from "vue";
 import { u as N } from "./chunks/aria-label.ac9651a5.js";
-import { B as C } from "./chunks/index.7b7ef408.js";
-import { B as b } from "./chunks/dropdown.daadea2c.js";
+import { B as C } from "./chunks/index.be6917c8.js";
+import { B as b } from "./chunks/dropdown.93a582cc.js";
 import { g as T } from "./chunks/unique-id.a2a2b458.js";
 import { g as y, a as x } from "./chunks/i18n.eb5b985b.js";
 import { n as l } from "./chunks/_plugin-vue2_normalizer.71e2aa87.js";
-import { a as S } from "./chunks/button.325c7a15.js";
-import "./assets/index12.css";
+import { a as S } from "./chunks/button.a823da67.js";
+import "./assets/index9.css";
 const I = {
   "en-US": {
     showingItems: "Showing {itemCount} items",