@adyen/bento-vue2 1.26.0 → 1.27.0

package/dist/focus-trap.js

@@ -1,4 +1,4 @@
-import { B as a } from "./chunks/index.d553d3d1.js";
+import { B as a } from "./chunks/index.1deef79e.js";
 export {
   a as BentoFocusTrap
 };

package/dist/form-layout.js

@@ -3,8 +3,8 @@ import { BentoAlert as f } from "./alert.js";
 import { F as y } from "./chunks/form-layout.types.a7a1438d.js";
 import { u as i } from "./chunks/use-has-slot.fbeb19ec.js";
 import { n as _ } from "./chunks/_plugin-vue2_normalizer.71e2aa87.js";
-import { B as p, c as v } from "./chunks/index.dd30e538.js";
-import "./assets/index15.css";
+import { B as p, c as v } from "./chunks/index.e29a6907.js";
+import "./assets/index19.css";
 const g = {}, h = /* @__PURE__ */ a({
   ...g,
   __name: "form-layout",

package/dist/header.js

@@ -1,17 +1,17 @@
 import { defineComponent as E, ref as h, computed as T } from "vue";
 import { u as U } from "./chunks/use-has-slot.fbeb19ec.js";
-import { B as C, c as D, a as L } from "./chunks/index.dd30e538.js";
+import { B as C, c as D, a as L } from "./chunks/index.e29a6907.js";
 import { u as N } from "./chunks/i18n.eb5b985b.js";
-import { B as X } from "./chunks/button-actions-with-menu.e845d77a.js";
+import { B as X } from "./chunks/button-actions-with-menu.bf968959.js";
 import { c as I, a as F } from "./chunks/index.86453263.js";
 import { r as m, t as l, e as O, g as P, d as Y, f as B } from "./chunks/index.f55fdc32.js";
 import { e as G } from "./chunks/index.fdf12170.js";
 import { e as H } from "./chunks/index.d80206ed.js";
-import { a as g } from "./chunks/index.15b088b9.js";
+import { a as g } from "./chunks/index.0a30d358.js";
 import { g as W } from "./chunks/unique-id.a2a2b458.js";
 import { I as $ } from "./chunks/info.8b6328aa.js";
 import { n as A } from "./chunks/_plugin-vue2_normalizer.71e2aa87.js";
-import "./assets/index21.css";
+import "./assets/index26.css";
 function z(o, e) {
   m(2, arguments);
   var n = l(o), t = l(e), c = n.getFullYear() - t.getFullYear(), a = n.getMonth() - t.getMonth();

package/dist/index.js

@@ -1,23 +1,23 @@
 import "./chunks/index.4c062058.js";
-import { t as f, c } from "./chunks/use-bento-toast-controller.c3277f73.js";
-import { u as P } from "./chunks/use-bento-toast-controller.c3277f73.js";
+import { t as f, c } from "./chunks/use-bento-toast-controller.5dac1f3c.js";
+import { u as P } from "./chunks/use-bento-toast-controller.5dac1f3c.js";
 import { BentoAccordion as k, BentoAccordionItem as w } from "./accordion.js";
 import { BentoActionBar as M } from "./action-bar.js";
 import { BentoAlert as O, BentoAlertEvent as R, BentoAlertTypeOption as z, BentoAlertVariant as j } from "./alert.js";
-import { a as K, b as U, B as Z } from "./chunks/button.9d6435ae.js";
+import { a as K, b as U, B as Z } from "./chunks/button.cb90b55c.js";
 import { BentoColumnOverflow as Y, BentoDataGrid as H, BentoDatagridAriaSortValue as _, BentoDatagridEvent as q, BentoDatagridSortDirection as J, BentoDatagridStyleState as Q } from "./data-grid.js";
 import { BentoCard as $, BentoCardBackground as ee, BentoCardTitleSize as te } from "./card.js";
 import { BentoDatePicker as ne, BentoDatePickerEvent as re } from "./date-picker.js";
-import { B as Be, a as ie } from "./chunks/index.8b8c3b16.js";
-import { B as se, a as pe, u as ue } from "./chunks/dropdown.10c034aa.js";
-import { B as de, a as fe } from "./chunks/checkbox.bfed007c.js";
+import { B as Be, a as ie } from "./chunks/index.854d6498.js";
+import { B as se, a as pe, u as ue } from "./chunks/dropdown.a8037bca.js";
+import { B as de, a as fe } from "./chunks/checkbox.9f9c978a.js";
 import { BentoClickOutside as xe } from "./click-outside.js";
-import { BentoCodeSnippet as ge, BentoCodeSnippetEvent as Se, BentoCodeSnippetSupportedLanguage as Ce, BentoCodeSnippetVariant as Te } from "./code-snippet.js";
+import { BentoCodeSnippet as Se, BentoCodeSnippetEvent as ge, BentoCodeSnippetSupportedLanguage as Te, BentoCodeSnippetVariant as Ce } from "./code-snippet.js";
 import { BentoCountry as De } from "./country.js";
 import { c as he, B as Ee, a as Ie, u as Fe, b as Le } from "./chunks/country.types.002caff2.js";
 import { BentoCurrency as Ve, BentoCurrencyISOCode as ke } from "./currency.js";
-import { B as Ge, a as Me } from "./chunks/index.b21197ca.js";
-import { B as Oe } from "./chunks/index.885d05a9.js";
+import { B as Ge, a as Me } from "./chunks/index.614a5138.js";
+import { B as Oe } from "./chunks/index.939dd5cf.js";
 import { BentoEmptyState as ze, BentoEmptyStateImage as je, BentoEmptyStateImageVariant as Ne, BentoEmptyStateVariant as Ke } from "./empty-state.js";
 import { BentoFilterBar as Ze, BentoFilterBarEvent as We, BentoFilterEvent as Ye, BentoFilterItemType as He } from "./filter-bar.js";
 import { BentoFormLayout as qe, BentoFormLayoutFieldTip as Je, BentoFormLayoutGroup as Qe, BentoFormLayoutTitle as Xe } from "./form-layout.js";
@@ -25,16 +25,16 @@ import { BentoImage as et, BentoImageAspectRatio as tt, BentoImageObjectFit as o
 import { BentoInfoIcon as rt } from "./info-icon.js";
 import { BentoInputField as Bt, BentoInputFieldElementPosition as it, BentoInputFieldEvent as mt, BentoInputFieldStateClass as st, BentoInputFieldType as pt, BentoInputFieldVariant as ut } from "./input-field.js";
 import { BentoLoadingIndicator as dt, BentoLoadingIndicatorEvent as ft } from "./loading-indicator.js";
-import { B as xt, a as yt } from "./chunks/index.317fca12.js";
-import { B as St, a as Ct } from "./chunks/index.1ea85d4a.js";
-import { d as vt, f as Dt, g as bt, B as ht, e as Et, c as It, a as Ft, b as Lt } from "./chunks/base-modal.1fff7abe.js";
+import { B as xt, a as yt } from "./chunks/index.bd1d28d0.js";
+import { B as gt, a as Tt } from "./chunks/index.a48e7f99.js";
+import { d as vt, f as Dt, g as bt, B as ht, e as Et, c as It, a as Ft, b as Lt } from "./chunks/base-modal.4fb7528b.js";
 import { BentoModal as Vt } from "./modal.js";
 import { BentoModalFullscreen as wt, BentoModalFullscreenPage as Gt } from "./modal-fullscreen.js";
 import { BentoHeader as At } from "./header.js";
 import { BentoPagination as Rt } from "./pagination.js";
-import { B as jt } from "./chunks/payment-method.6c1ce07c.js";
+import { B as jt } from "./chunks/payment-method.c55dd352.js";
 import { BentoPaymentMethodType as Kt } from "./payment-method.js";
-import { a as Zt, B as Wt } from "./chunks/index.15b088b9.js";
+import { a as Zt, B as Wt } from "./chunks/index.0a30d358.js";
 import { BentoRadioButton as Ht, BentoRadioGroup as _t, BentoRadioGroupVariant as qt } from "./radio-group.js";
 import { BentoSearchBar as Qt, BentoSearchBarEvent as Xt, BentoSearchBarInternalEvent as $t } from "./search-bar.js";
 import { BentoSecondaryNav as to } from "./secondary-nav.js";
@@ -42,8 +42,8 @@ import { BentoSelectionCard as no, BentoSelectionCardGroup as ro, BentoSelection
 import { BentoSegmentedControl as io, BentoSegmentedControlEvent as mo } from "./segmented-control.js";
 import { BentoSidepanel as po, BentoSidepanelEvent as uo, BentoSidepanelPage as lo } from "./sidepanel.js";
 import { BentoStatus as co, BentoStatusVariant as xo } from "./status.js";
-import { BentoStep as go, BentoStepper as So, BentoStepperTypeOption as Co, BentoStepperVariantOption as To } from "./stepper.js";
-import { B as Do, a as bo } from "./chunks/index.aaf965f8.js";
+import { BentoStep as So, BentoStepper as go, BentoStepperTypeOption as To, BentoStepperVariantOption as Co } from "./stepper.js";
+import { B as Do, a as bo } from "./chunks/index.3c69be27.js";
 import { BentoSummaryGrid as Eo, BentoSummaryGridItemAmount as Io, BentoSummaryGridItemCustom as Fo, BentoSummaryGridItemNumeric as Lo, BentoSummaryGridItemPercentage as Po, BentoSummaryGridItemSize as Vo, BentoSummaryGridItemText as ko, BentoSummaryGridItemTrendDirection as wo } from "./summary-grid.js";
 import { BentoTab as Mo, BentoTabs as Ao } from "./tabs.js";
 import { BentoTag as Ro, BentoTagVariant as zo } from "./tag.js";
@@ -52,24 +52,25 @@ import { BentoTimeline as Uo, BentoTimelineGapUnit as Zo, BentoTimelineItem as W
 import { BentoToast as Jo } from "./toast.js";
 import { BentoToggle as Xo, BentoToggleLabelPosition as $o, BentoTogglePropClass as en } from "./toggle.js";
 import { BentoTutorial as on } from "./tutorial.js";
-import { B as rn, c as an, b as Bn, a as mn } from "./chunks/index.dd30e538.js";
-import { BentoDataGridTemplate as pn } from "./data-grid-template.js";
-import { B as ln, c as dn, a as fn, b as cn } from "./chunks/button-actions.81db18e8.js";
-import { B as yn, a as gn } from "./chunks/loading-button.eafc9e1b.js";
-import { BentoToggleButton as Cn } from "./button.js";
-import { b as vn, b as Dn } from "./chunks/calendar.640b8d25.js";
-import { c as hn, b as En, c as In, b as Fn } from "./chunks/use-cached-selected-values.69297473.js";
-import { BentoDropdownAvatar as Pn, BentoDropdownCountry as Vn, BentoDropdownCurrency as kn, BentoDropdownPaymentMethod as wn, BentoDropdownTag as Gn } from "./dropdown.js";
-import { C as An } from "./chunks/checkbox-input.1c3cc8ed.js";
-import { BentoCheckboxGroup as Rn, BentoCheckboxGroupVariant as zn } from "./checkbox.js";
-import { R as Nn } from "./chunks/radio-input.c6550a9c.js";
+import { B as rn, c as an, b as Bn, a as mn } from "./chunks/index.e29a6907.js";
+import { BentoDashboardSection as pn, BentoDashboardTemplate as un } from "./dashboard-template.js";
+import { BentoDataGridTemplate as dn } from "./data-grid-template.js";
+import { B as cn, c as xn, a as yn, b as Sn } from "./chunks/button-actions.87e589e3.js";
+import { B as Tn, a as Cn } from "./chunks/loading-button.692dbdc8.js";
+import { BentoToggleButton as Dn } from "./button.js";
+import { b as hn, b as En } from "./chunks/calendar.f02e0a5a.js";
+import { c as Fn, b as Ln, c as Pn, b as Vn } from "./chunks/use-cached-selected-values.98a9ed01.js";
+import { BentoDropdownAvatar as wn, BentoDropdownCountry as Gn, BentoDropdownCurrency as Mn, BentoDropdownPaymentMethod as An, BentoDropdownTag as On } from "./dropdown.js";
+import { C as zn } from "./chunks/checkbox-input.1c3cc8ed.js";
+import { BentoCheckboxGroup as Nn, BentoCheckboxGroupVariant as Kn } from "./checkbox.js";
+import { R as Zn } from "./chunks/radio-input.c6550a9c.js";
 import { shallowRef as x, ref as p } from "vue";
 import * as n from "zod";
-import { u as Un } from "./chunks/use-click-outside.941d1600.js";
-import { D as Wn } from "./chunks/date-input.9186a0bf.js";
-import { a as Hn, B as _n } from "./chunks/keyboard-navigation.ca47dfa8.js";
-import { B as Jn } from "./chunks/dropdown-default-textbox.54ca1b18.js";
-import { b as Xn, B as $n, a as er } from "./chunks/tooltip.58ef3f4a.js";
+import { u as Yn } from "./chunks/use-click-outside.941d1600.js";
+import { D as _n } from "./chunks/date-input.9186a0bf.js";
+import { a as Jn, B as Qn } from "./chunks/keyboard-navigation.bbc3d15c.js";
+import { B as $n } from "./chunks/dropdown-default-textbox.d0f17d96.js";
+import { b as tr, B as or, a as nr } from "./chunks/tooltip.efddb5f3.js";
 function h(e) {
   return e;
 }
@@ -105,15 +106,15 @@ function E({ validationSchema: e }) {
     }
   };
 }
-const g = (e) => {
+const S = (e) => {
   e.prototype[f] = c();
 };
-var S = /* @__PURE__ */ ((e) => (e.LEGACY = "b-legacy-theme", e.STYLEGUIDE = "b-styleguide-theme", e.BENTO = "", e))(S || {});
+var g = /* @__PURE__ */ ((e) => (e.LEGACY = "b-legacy-theme", e.STYLEGUIDE = "b-styleguide-theme", e.BENTO = "", e))(g || {});
 const u = (e) => {
   document.body.classList.add(e);
-}, C = {
+}, T = {
   install: async (e, t) => {
-    t != null && t.withToast && g(e), (t == null ? void 0 : t.theme) === "b-legacy-theme" ? (u(
+    t != null && t.withToast && S(e), (t == null ? void 0 : t.theme) === "b-legacy-theme" ? (u(
       "b-legacy-theme"
       /* LEGACY */
     ), await import("@adyen/bento-design-tokens/dist/css/bento/variables-legacy.css?used")) : (t == null ? void 0 : t.theme) === "b-styleguide-theme" ? (u(
@@ -121,7 +122,7 @@ const u = (e) => {
       /* STYLEGUIDE */
     ), await import("@adyen/bento-design-tokens/dist/css/bento/variables-styleguide.css?used")) : await import("@adyen/bento-design-tokens/dist/css/bento/variables.css?used"), t != null && t.withUtilityClasses && await import("@adyen/bento-design-tokens/dist/css/bento/utility.css?used");
   }
-}, I = C;
+}, I = T;
 export {
   k as BentoAccordion,
   w as BentoAccordionItem,
@@ -131,10 +132,10 @@ export {
   z as BentoAlertTypeOption,
   j as BentoAlertVariant,
   K as BentoButton,
-  ln as BentoButtonActions,
-  dn as BentoButtonActionsLayout,
-  fn as BentoButtonActionsLayoutBasic,
-  cn as BentoButtonActionsLayoutExtended,
+  cn as BentoButtonActions,
+  xn as BentoButtonActionsLayout,
+  yn as BentoButtonActionsLayoutBasic,
+  Sn as BentoButtonActionsLayoutExtended,
   U as BentoButtonPropClass,
   Z as BentoButtonVariant,
   $ as BentoCard,
@@ -142,23 +143,25 @@ export {
   te as BentoCardTitleSize,
   de as BentoCheckbox,
   fe as BentoCheckboxEvent,
-  Rn as BentoCheckboxGroup,
-  zn as BentoCheckboxGroupVariant,
-  An as BentoCheckboxState,
+  Nn as BentoCheckboxGroup,
+  Kn as BentoCheckboxGroupVariant,
+  zn as BentoCheckboxState,
   xe as BentoClickOutside,
-  Jn as BentoClickOutsideDirective,
-  ge as BentoCodeSnippet,
-  Se as BentoCodeSnippetEvent,
-  Ce as BentoCodeSnippetSupportedLanguage,
-  Te as BentoCodeSnippetVariant,
+  $n as BentoClickOutsideDirective,
+  Se as BentoCodeSnippet,
+  ge as BentoCodeSnippetEvent,
+  Te as BentoCodeSnippetSupportedLanguage,
+  Ce as BentoCodeSnippetVariant,
   Y as BentoColumnOverflow,
   De as BentoCountry,
   he as BentoCountryCode,
   Ee as BentoCountryVariant,
   Ve as BentoCurrency,
   ke as BentoCurrencyISOCode,
+  pn as BentoDashboardSection,
+  un as BentoDashboardTemplate,
   H as BentoDataGrid,
-  pn as BentoDataGridTemplate,
+  dn as BentoDataGridTemplate,
   _ as BentoDatagridAriaSortValue,
   q as BentoDatagridEvent,
   J as BentoDatagridSortDirection,
@@ -167,20 +170,20 @@ export {
   Me as BentoDateFormat,
   ne as BentoDatePicker,
   re as BentoDatePickerEvent,
-  vn as BentoDatePickerFirstDayOfWeek,
+  hn as BentoDatePickerFirstDayOfWeek,
   Be as BentoDateRangePicker,
   ie as BentoDateRangePickerEvent,
-  Dn as BentoDateRangePickerFirstDayOfWeek,
+  En as BentoDateRangePickerFirstDayOfWeek,
   Oe as BentoDivider,
   se as BentoDropdown,
-  Pn as BentoDropdownAvatar,
-  Vn as BentoDropdownCountry,
-  kn as BentoDropdownCurrency,
-  hn as BentoDropdownEvent,
-  En as BentoDropdownLazyLoadType,
-  wn as BentoDropdownPaymentMethod,
+  wn as BentoDropdownAvatar,
+  Gn as BentoDropdownCountry,
+  Mn as BentoDropdownCurrency,
+  Fn as BentoDropdownEvent,
+  Ln as BentoDropdownLazyLoadType,
+  An as BentoDropdownPaymentMethod,
   pe as BentoDropdownSize,
-  Gn as BentoDropdownTag,
+  On as BentoDropdownTag,
   ze as BentoEmptyState,
   je as BentoEmptyStateImage,
   Ne as BentoEmptyStateImageVariant,
@@ -204,18 +207,18 @@ export {
   st as BentoInputFieldStateClass,
   pt as BentoInputFieldType,
   ut as BentoInputFieldVariant,
-  Hn as BentoKeyboardNavigationDirective,
-  _n as BentoKeyboardNavigationKeyDownEvent,
+  Jn as BentoKeyboardNavigationDirective,
+  Qn as BentoKeyboardNavigationKeyDownEvent,
   xt as BentoLink,
   yt as BentoLinkVariant,
-  In as BentoListboxEvent,
-  Fn as BentoListboxLazyLoadType,
-  yn as BentoLoadingButton,
-  gn as BentoLoadingButtonState,
+  Pn as BentoListboxEvent,
+  Vn as BentoListboxLazyLoadType,
+  Tn as BentoLoadingButton,
+  Cn as BentoLoadingButtonState,
   dt as BentoLoadingIndicator,
   ft as BentoLoadingIndicatorEvent,
-  St as BentoMenu,
-  Ct as BentoMenuEvent,
+  gt as BentoMenu,
+  Tt as BentoMenuEvent,
   Vt as BentoModal,
   vt as BentoModalColumnLayoutVariant,
   Dt as BentoModalDialogType,
@@ -233,7 +236,7 @@ export {
   Zt as BentoPopover,
   Wt as BentoPopoverPositions,
   Ht as BentoRadioButton,
-  Nn as BentoRadioButtonStateClass,
+  Zn as BentoRadioButtonStateClass,
   _t as BentoRadioGroup,
   qt as BentoRadioGroupVariant,
   Qt as BentoSearchBar,
@@ -250,10 +253,10 @@ export {
   lo as BentoSidepanelPage,
   co as BentoStatus,
   xo as BentoStatusVariant,
-  go as BentoStep,
-  So as BentoStepper,
-  Co as BentoStepperTypeOption,
-  To as BentoStepperVariantOption,
+  So as BentoStep,
+  go as BentoStepper,
+  To as BentoStepperTypeOption,
+  Co as BentoStepperVariantOption,
   Do as BentoStructuredList,
   bo as BentoStructuredListItem,
   Eo as BentoSummaryGrid,
@@ -269,7 +272,7 @@ export {
   Ro as BentoTag,
   zo as BentoTagVariant,
   No as BentoTextarea,
-  S as BentoTheme,
+  g as BentoTheme,
   Uo as BentoTimeline,
   Zo as BentoTimelineGapUnit,
   Wo as BentoTimelineItem,
@@ -278,22 +281,22 @@ export {
   _o as BentoTimelineStatus,
   Jo as BentoToast,
   Xo as BentoToggle,
-  Cn as BentoToggleButton,
+  Dn as BentoToggleButton,
   $o as BentoToggleLabelPosition,
   en as BentoTogglePropClass,
-  Xn as BentoTooltipDirective,
-  $n as BentoTooltipPosition,
-  er as BentoTooltipState,
+  tr as BentoTooltipDirective,
+  or as BentoTooltipPosition,
+  nr as BentoTooltipState,
   on as BentoTutorial,
   rn as BentoTypography,
   an as BentoTypographyElement,
   Bn as BentoTypographyModifier,
   mn as BentoTypographyVariant,
-  Wn as DateFormat,
+  _n as DateFormat,
   I as default,
   h as toTypedSchema,
   P as useBentoToastController,
-  Un as useClickOutside,
+  Yn as useClickOutside,
   Ie as useCountryCapital,
   Fe as useCountryName,
   Le as useCountryPhoneCode,

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../src/composables/use-form-validate/use-form.ts","../src/composables/use-bento-toast-controller/install.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 * 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","BentoTheme","setTheme","theme","plugin","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;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;AAIb,EAAAA,EAAoB,UAAUC,CAAsB,IAAIC,EAAiB;AAIlF;ACZY,IAAAC,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,OAAON,GAAKO,MAAoF;AACrG,IAAIA,KAAA,QAAAA,EAAS,aACTR,EAAaC,CAAG,IAGhBO,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,GAEAC,IAAeF;"}
+{"version":3,"file":"index.js","sources":["../src/composables/use-form-validate/use-form.ts","../src/composables/use-bento-toast-controller/install.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 * 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","BentoTheme","setTheme","theme","plugin","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;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;AAIb,EAAAA,EAAoB,UAAUC,CAAsB,IAAIC,EAAiB;AAIlF;ACZY,IAAAC,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,OAAON,GAAKO,MAAoF;AACrG,IAAIA,KAAA,QAAAA,EAAS,aACTR,EAAaC,CAAG,IAGhBO,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,GAEAC,IAAeF;"}

package/dist/info-icon.js

@@ -1,9 +1,9 @@
 import { defineComponent as n } from "vue";
-import { c as i } from "./chunks/index.671768a1.js";
+import { c as i } from "./chunks/index.c8621e8e.js";
 import { I as r } from "./chunks/info.8b6328aa.js";
-import { b as s } from "./chunks/tooltip.58ef3f4a.js";
+import { b as s } from "./chunks/tooltip.efddb5f3.js";
 import { n as a } from "./chunks/_plugin-vue2_normalizer.71e2aa87.js";
-import "./assets/index27.css";
+import "./assets/index28.css";
 const p = n({
   name: "bento-info-icon",
   components: { InfoIcon: r },

package/dist/input-field.js

@@ -1,15 +1,15 @@
 import { defineComponent as W, useAttrs as Y, useSlots as j, ref as O, provide as q, toRef as K, computed as i, toRefs as X } from "vue";
-import { I as z, B as G } from "./chunks/dropdown.10c034aa.js";
-import { p as I, d as R, B as J } from "./chunks/index.dd30e538.js";
+import { I as z, B as G } from "./chunks/dropdown.a8037bca.js";
+import { p as I, d as R, B as J } from "./chunks/index.e29a6907.js";
 import { g as u } from "./chunks/unique-id.a2a2b458.js";
 import { g as Q } from "./chunks/get-slot-text.99c3d860.js";
 import { u as Z } from "./chunks/aria-label.ac9651a5.js";
 import { u as ee } from "./chunks/i18n.eb5b985b.js";
 import { u as te } from "./chunks/use-form-layout-loading.d03e5d48.js";
 import { u as ae } from "./chunks/use-has-slot.fbeb19ec.js";
-import { E as oe, F as re } from "./chunks/error-message.31ec12b7.js";
+import { E as oe, F as re } from "./chunks/error-message.bdcc1020.js";
 import { n as ie } from "./chunks/_plugin-vue2_normalizer.71e2aa87.js";
-import "./assets/index25.css";
+import "./assets/index44.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 || {}), v = /* @__PURE__ */ ((a) => (a.SEARCH = "search", a.TEXT = "text", a.NUMBER = "number", a))(v || {}), ne = /* @__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))(ne || {});
 const de = {
   "en-US": {

package/dist/internal.js

@@ -1,12 +1,12 @@
-import { B as o, L as r } from "./chunks/listbox-option-tag.6bbb6bbe.js";
-import { C as s, a as p, b as l } from "./chunks/calendar.640b8d25.js";
-import { C as n, a as C } from "./chunks/copy.f85700c6.js";
-import { C as m } from "./chunks/controls-group.4fb50009.js";
-import { B as f, b as G, a as d, D as I } from "./chunks/dialog-page.73da22cf.js";
-import { E as _, F as u } from "./chunks/error-message.31ec12b7.js";
-import { F as A } from "./chunks/fixed-scroller.4eb9a9ac.js";
+import { B as o, L as r } from "./chunks/listbox-option-tag.8708be60.js";
+import { C as s, a as p, b as l } from "./chunks/calendar.f02e0a5a.js";
+import { C as n, a as C } from "./chunks/copy.6808b2dc.js";
+import { C as m } from "./chunks/controls-group.121a307d.js";
+import { B as f, b as G, a as d, D as I } from "./chunks/dialog-page.7fd7d006.js";
+import { E as _, F as u } from "./chunks/error-message.bdcc1020.js";
+import { F as A } from "./chunks/fixed-scroller.82ef6187.js";
 import { G as T, a as g } from "./chunks/grid-layout.e0025286.js";
-import { B as D, a as F, u as b } from "./chunks/use-cached-selected-values.69297473.js";
+import { B as D, a as F, u as b } from "./chunks/use-cached-selected-values.98a9ed01.js";
 import { B as P } from "./chunks/teleport.84b0f20b.js";
 export {
   o as BentoAvatar,

package/dist/link.js

@@ -1,4 +1,4 @@
-import { B as o, a as t } from "./chunks/index.317fca12.js";
+import { B as o, a as t } from "./chunks/index.bd1d28d0.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/index23.css";
+import "./assets/index30.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.1ea85d4a.js";
+import { B as o, a as t } from "./chunks/index.a48e7f99.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.9d6435ae.js";
-import { B as N } from "./chunks/index.d553d3d1.js";
-import { B as w } from "./chunks/index.dd30e538.js";
+import { a as D } from "./chunks/button.cb90b55c.js";
+import { B as N } from "./chunks/index.1deef79e.js";
+import { B as w } from "./chunks/index.e29a6907.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.73da22cf.js";
-import { B as U } from "./chunks/button-actions.81db18e8.js";
+import { D as G, B as R, b as J, a as K } from "./chunks/dialog-page.7fd7d006.js";
+import { B as U } from "./chunks/button-actions.87e589e3.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/index22.css";
+import "./assets/index24.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.1fff7abe.js";
-import { g as yt, B as _t } from "./chunks/base-modal.1fff7abe.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.4fb7528b.js";
+import { g as yt, B as _t } from "./chunks/base-modal.4fb7528b.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.a1e09b4f.js";
+import { F as R } from "./chunks/footer-actions.58d14a16.js";
 import { n as S } from "./chunks/_plugin-vue2_normalizer.71e2aa87.js";
-import { B as C } from "./chunks/button.9d6435ae.js";
+import { B as C } from "./chunks/button.cb90b55c.js";
 import { u as z } from "./chunks/i18n.eb5b985b.js";
-import { B as N } from "./chunks/button-actions.81db18e8.js";
-import { d as $ } from "./chunks/index.dd30e538.js";
+import { B as N } from "./chunks/button-actions.87e589e3.js";
+import { d as $ } from "./chunks/index.e29a6907.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.dd30e538.js";
-import { B as b } from "./chunks/dropdown.10c034aa.js";
+import { B as C } from "./chunks/index.e29a6907.js";
+import { B as b } from "./chunks/dropdown.a8037bca.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.9d6435ae.js";
-import "./assets/index24.css";
+import { a as S } from "./chunks/button.cb90b55c.js";
+import "./assets/index25.css";
 const I = {
   "en-US": {
     showingItems: "Showing {itemCount} items",