@adyen/bento-vue2 1.89.2 → 1.91.0

package/dist/chunks/input-field.m1PMwa4C.js

@@ -1,170 +0,0 @@
-import { defineComponent as ie, useAttrs as de, useSlots as se, ref as f, provide as le, inject as x, toRef as ue, computed as n, toRefs as pe } from "vue";
-import { a as ce, I as fe, b as be, B as _e } from "./dropdown.Ct7uhPr6.js";
-import { p as E, d as T, B as me } from "./typography.C8lPlsbD.js";
-import { u as ye } from "./form-field.D_2g7vaP.js";
-import { g as b } from "./generate-uid.NJ8tVoha.js";
-import { g as $ } from "./get-slot-text.Bjb9dTSV.js";
-import { u as ve } from "./aria-label.CaUURpnB.js";
-import { u as he } from "./index.B6WW_F-J.js";
-import { u as we } from "./use-form-layout-loading.CWbjZiwP.js";
-import { u as De } from "./use-has-slot.C9lQZ6nz.js";
-import { F as Ee, E as Te } from "./error-message.RxdStT3S.js";
-import { n as Ae } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
-import "../assets/input-field.css";
-var s = /* @__PURE__ */ ((o) => (o.DEFAULT = "default", o.PAYMENT_METHOD = "payment-method", o.STATIC_VALUE = "static-value", o.DROPDOWN = "dropdown", o))(s || {}), d = /* @__PURE__ */ ((o) => (o.START = "start", o.END = "end", o))(d || {}), _ = /* @__PURE__ */ ((o) => (o.CONDENSED = "condensed", o.DISABLED = "disabled", o.READONLY = "readonly", o.ERROR = "error", o))(_ || {}), A = /* @__PURE__ */ ((o) => (o.SEARCH = "search", o.TEXT = "text", o.NUMBER = "number", o))(A || {}), Ie = /* @__PURE__ */ ((o) => (o.INPUT = "input", o.ESCAPE_PRESSED = "escape-pressed", o.UPDATE_DROPDOWN = "update:dropdown", o.DROPDOWN_INPUT = "dropdown-input", o.FOCUS = "focus", o.CHANGE = "change", o.BLUR = "blur", o.KEYDOWN = "keydown", o))(Ie || {});
-const Se = {
-  "en-US": { ariaLabelDropdownFallback: "{inputLabel} Dropdown", ariaLabelFallback: "Input field" },
-  "ja-JP": { ariaLabelDropdownFallback: "{inputLabel}ドロップダウン", ariaLabelFallback: "入力フィールド" },
-  "pt-BR": { ariaLabelDropdownFallback: "Menu suspenso {inputLabel}", ariaLabelFallback: "Campo de entrada" }
-}, Le = {
-  name: "bento-input-field",
-  model: { prop: "modelValue" },
-  i18n: { messages: Se }
-}, ge = /* @__PURE__ */ ie({
-  ...Le,
-  props: {
-    description: { default: "" },
-    disabled: { type: Boolean, default: !1 },
-    errorMessage: { default: null },
-    label: { default: "" },
-    optional: { type: Boolean, default: !1 },
-    placeholder: { default: "" },
-    readonly: { type: Boolean, default: !1 },
-    required: { type: Boolean, default: !1 },
-    tooltipText: { default: null },
-    ariaHidden: { type: Boolean, default: !0 },
-    ariaLabel: { default: void 0 },
-    condensed: { type: Boolean, default: !1 },
-    dropdown: { default: void 0 },
-    dropdownPosition: { default: d.START },
-    error: { type: Boolean, default: !1 },
-    modelValue: { default: void 0 },
-    slashedZero: { type: Boolean, default: !1 },
-    staticValue: { default: "" },
-    staticValuePosition: { default: d.START },
-    type: { default: A.TEXT },
-    value: { default: void 0 },
-    variant: { default: s.DEFAULT }
-  },
-  emits: ["blur", "click", "change", "dropdown-input", "escape-pressed", "focus", "keydown", "keyup", "input", "update:dropdown", "update:model-value"],
-  setup(o, { expose: t, emit: a }) {
-    const e = o, r = de(), l = se(), { emitValue: I } = ye(a), { t: m } = he(), S = De(l), L = f(null), g = f(null), H = b("input"), y = b("input-dropdown"), v = b("input-static-value"), N = b("input-description"), O = b("input-error"), h = f(!1);
-    le(ce, !0);
-    const Y = x(fe, f(void 0)), q = () => {
-      h.value = !0, a("focus");
-    }, W = () => {
-      h.value = !1, a("blur");
-    }, { isReadOnly: u } = we(ue(e, "readonly")), J = n(
-      () => {
-        var i;
-        return u.value || ((i = e.dropdown) == null ? void 0 : i.readonly);
-      }
-    ), p = n(
-      () => e.variant === s.STATIC_VALUE && !!l.staticValue
-    ), K = n(() => e.variant === s.DEFAULT), j = n(() => e.variant === s.PAYMENT_METHOD), z = n(
-      () => p.value && e.staticValuePosition === d.START
-    ), X = n(
-      () => p.value && e.staticValuePosition === d.END
-    ), c = n(() => e.variant === s.DROPDOWN && !!e.dropdown), Z = n(
-      () => c.value && e.dropdownPosition === d.START
-    ), G = n(
-      () => c.value && e.dropdownPosition === d.END
-    ), w = n(
-      () => !e.disabled && !u.value && (!!e.errorMessage || e.error)
-    ), C = n(() => $(l)("default") || e.label), P = n(() => $(l)("description") || e.description), Q = n(() => c.value === !0 && p.value === !0 ? `${v} ${y}` : c.value === !0 ? `${y}` : p.value === !0 ? `${v}` : null), F = n(() => m("ariaLabelFallback")), B = n(
-      () => m("ariaLabelDropdownFallback", { inputLabel: V.value })
-    ), R = f(r["aria-label"]), { ariaLabel: k } = pe(e), V = ve({
-      ariaLabel: R.value,
-      // TODO: take this line away when the aria-label props is removed
-      label: k,
-      defaultFallback: C.value || F
-    }), ee = n(
-      () => `${P.value ? N : ""} ${w.value && e.errorMessage ? O : ""}`
-    ), te = n(() => ({
-      [`b-input-field--${_.CONDENSED}`]: e.condensed,
-      [`b-input-field--${_.DISABLED}`]: e.disabled,
-      [`b-input-field--${_.READONLY}`]: u.value,
-      [`b-input-field--${_.ERROR}`]: w.value,
-      "b-input-field--slashed-zero": e.slashedZero
-    })), oe = n(() => ({
-      "aria-label": B.value,
-      ...e.dropdown
-    })), ae = (i) => {
-      const re = i.target.value;
-      !e.disabled && !u.value && I(re);
-    }, ne = (i) => {
-      a("dropdown-input", i), a("update:dropdown", { ...e == null ? void 0 : e.dropdown, value: i });
-    }, D = () => {
-      L.value.focus();
-    }, M = () => {
-      e.variant === "dropdown" ? g.value.focus() : D();
-    };
-    t({
-      focusInput: D,
-      focus: M
-    });
-    const U = x(be, "");
-    return !Object.values(A).includes(e.type) && !U && (e.type === "tel" ? E(
-      `"bento-input-field" dropdown does not support the type '${e.type}', use "bento-input-field-phone-number" instead.`
-    ) : e.type === "password" ? E(
-      `"bento-input-field" dropdown does not support the type '${e.type}', use "bento-input-field-password" instead.`
-    ) : E(`"bento-input-field" dropdown does not support the type '${e.type}'`)), e.error && T(
-      'BentoInputField "error" property',
-      `Use the BentoInputField "errorMessage" property instead to indicate that there is a modifier error.
-            Having the field as "undefined" will hide/remove the error.
-            <bento-dropdown errorMessage="Error message text" />`,
-      "2.0.0"
-    ), S("defaultIconBefore") && T(
-      'BentoInputField "defaultIconBefore" slot',
-      `Use the BentoInputField "iconBefore" slot instead to add an icon at the left side of the input field
-            <bento-input-field>
-              	<template #iconBefore>
-                		<my-icon-goes-here />
-              	</template>
-            </bento-input-field>`,
-      "2.0.0"
-    ), e.value && T(
-      'BentoInputField "value" property',
-      `The use of "value" prop in "BentoInputField" is no longer supported.
-             Use the "v-model" or "model-value" property instead.`,
-      "2.0.0"
-    ), { __sfc: !0, attrs: r, slots: l, props: e, emit: a, emitValue: I, t: m, hasSlot: S, inputFieldElement: L, inputDropdownElement: g, inputFieldId: H, dropdownId: y, staticValueId: v, descriptionId: N, errorId: O, isFocused: h, hint: Y, onFocus: q, onBlur: W, isReadOnly: u, isDropdownReadOnly: J, shouldShowStaticValue: p, isDefaultVariant: K, isPaymentMethodVariant: j, shouldDisplayStaticValueAtStart: z, shouldDisplayStaticValueAtEnd: X, shouldShowDropdown: c, shouldDisplayDropdownAtStart: Z, shouldDisplayDropdownAtEnd: G, shouldShowError: w, computedLabel: C, computedDescription: P, computedAriaOwns: Q, computedAriaLabelFallbackMessage: F, computedAriaLabelDropdowFallback: B, ariaLabelAttribute: R, ariaLabel: k, computedAriaLabel: V, computedAriaDescribedBy: ee, inputFieldConditionalClasses: te, inputFieldDropdownProps: oe, onInput: ae, onDropdownInput: ne, focusInput: D, focus: M, inputFieldParentComponent: U, BentoDropdown: _e, BentoTypography: me, ErrorMessage: Te, FieldLabel: Ee };
-  }
-});
-var Ne = function() {
-  var t = this, a = t._self._c, e = t._self._setupProxy;
-  return a(e.BentoTypography, { staticClass: "b-input-field", class: e.inputFieldConditionalClasses, attrs: { "data-testid": "input-text-container", el: "div", variant: "body" } }, [e.hasSlot("default") || t.label ? a(e.FieldLabel, { attrs: { for: e.inputFieldId, "data-testid": "input-field-label", "tooltip-text": t.tooltipText, optional: t.optional, required: t.required, label: t.label }, on: { click: e.focusInput } }, [t._t("default")], 2) : t._e(), a("div", { staticClass: "b-input-field__input-box", attrs: { "data-testid": "input-box", "aria-disabled": t.disabled }, on: { click: e.focusInput } }, [e.isDefaultVariant && (e.hasSlot("defaultIconBefore") || e.hasSlot("iconBefore")) ? a("span", { staticClass: "b-input-field__icon-before", attrs: { "aria-hidden": t.ariaHidden ? "true" : void 0 } }, [e.hasSlot("iconBefore") ? t._t("iconBefore") : t._e(), e.hasSlot("defaultIconBefore") && !e.hasSlot("iconBefore") ? t._t("defaultIconBefore") : t._e()], 2) : t._e(), e.isPaymentMethodVariant && e.hasSlot("paymentMethod") ? a("span", { staticClass: "b-input-field__payment-method", attrs: { "aria-hidden": t.ariaHidden ? "true" : void 0 } }, [t._t("paymentMethod")], 2) : t._e(), e.shouldDisplayDropdownAtStart ? a("div", { staticClass: "b-input-field__dropdown b-input-field__dropdown--start", attrs: { id: e.dropdownId }, on: { click: function(r) {
-    r.stopPropagation();
-  } } }, [t.dropdown ? a(e.BentoDropdown, t._b({ ref: "inputDropdownElement", attrs: { disabled: t.disabled, readonly: e.isDropdownReadOnly }, on: { "update:model-value": e.onDropdownInput } }, "bento-dropdown", e.inputFieldDropdownProps, !1)) : t._e()], 1) : t._e(), e.shouldDisplayStaticValueAtStart ? a(e.BentoTypography, { staticClass: "b-input-field__static-value b-input-field__static-value--start", attrs: { id: e.staticValueId, el: "span", variant: "body" } }, [t._t("staticValue")], 2) : t._e(), a("div", { staticClass: "b-input-field__input-container" }, [a("input", t._b({ ref: "inputFieldElement", staticClass: "b-input-field__input", attrs: { id: e.inputFieldId, "aria-label": e.computedAriaLabel, "aria-describedby": e.computedAriaDescribedBy, "aria-owns": e.computedAriaOwns, "aria-invalid": e.shouldShowError, placeholder: t.placeholder, required: t.required, "aria-required": t.required, type: t.type, disabled: t.disabled, readonly: e.isReadOnly }, domProps: { value: t.modelValue ?? t.value }, on: { input: e.onInput, change: function(r) {
-    return e.emit("change");
-  }, focus: e.onFocus, blur: e.onBlur, keydown: [function(r) {
-    return e.emit("keydown", r);
-  }, function(r) {
-    return !r.type.indexOf("key") && t._k(r.keyCode, "esc", 27, r.key, ["Esc", "Escape"]) ? null : e.emit("escape-pressed");
-  }], keyup: function(r) {
-    return e.emit("keyup", r);
-  }, click: function(r) {
-    return e.emit("click", r);
-  } } }, "input", e.attrs, !1)), e.hint && e.isFocused && (t.modelValue || t.value) ? a(e.BentoTypography, { staticClass: "b-input-field__hint", attrs: { el: "span" } }, [t._v(" " + t._s(e.hint) + " ")]) : t._e()], 1), e.hasSlot("iconAfter") ? a("span", { staticClass: "b-input-field__icon-after", attrs: { "aria-hidden": t.ariaHidden ? "true" : void 0, "data-testid": "input-text__icon-after" } }, [t._t("iconAfter")], 2) : t._e(), e.shouldDisplayStaticValueAtEnd ? a(e.BentoTypography, { staticClass: "b-input-field__static-value b-input-field__static-value--end", attrs: { id: e.staticValueId, el: "span", variant: "body" } }, [t._t("staticValue")], 2) : t._e(), e.shouldDisplayDropdownAtEnd ? a("div", { staticClass: "b-input-field__dropdown b-input-field__dropdown--end", attrs: { id: e.dropdownId, "data-testid": "input-field-dropdown-container-end" }, on: { click: function(r) {
-    r.stopPropagation();
-  } } }, [t.dropdown ? a(e.BentoDropdown, t._b({ ref: "inputDropdownElement", attrs: { id: e.dropdownId, disabled: t.disabled, readonly: e.isDropdownReadOnly }, on: { "update:model-value": e.onDropdownInput } }, "bento-dropdown", e.inputFieldDropdownProps, !1)) : t._e()], 1) : t._e()], 1), e.shouldShowError && t.errorMessage ? a(e.ErrorMessage, { staticClass: "b-input-field__error-message", attrs: { id: e.errorId, "error-message": t.errorMessage } }) : t._e(), e.hasSlot("description") || t.description ? a("span", { staticClass: "b-input-field__description", attrs: { id: e.descriptionId }, on: { click: e.focusInput } }, [a(e.BentoTypography, { attrs: { el: "span", variant: "body" } }, [t._t("description", function() {
-    return [t._v(" " + t._s(t.description) + " ")];
-  }, { id: "description" })], 2)], 1) : t._e()], 1);
-}, Oe = [], Ce = /* @__PURE__ */ Ae(
-  ge,
-  Ne,
-  Oe,
-  !1,
-  null,
-  "4ddfa1f9"
-);
-const qe = Ce.exports;
-export {
-  qe as B,
-  d as a,
-  Ie as b,
-  _ as c,
-  A as d,
-  s as e
-};
-//# sourceMappingURL=input-field.m1PMwa4C.js.map

package/dist/chunks/input-field.m1PMwa4C.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"input-field.m1PMwa4C.js","sources":["../../src/components/input-field/input-field.types.ts","../../src/components/input-field/input-field.vue"],"sourcesContent":["import { type BentoDropdownProps } from '../dropdown/dropdown.types';\nimport { type FormField } from '../../types/form-field';\n\n/**\n * @deprecated for usage with properties since version 2.0. Use the string literal instead.\n */\nexport enum BentoInputFieldVariant {\n    DEFAULT = 'default',\n    PAYMENT_METHOD = 'payment-method',\n    STATIC_VALUE = 'static-value',\n    DROPDOWN = 'dropdown',\n}\n\n/**\n * @deprecated for usage with properties since version 2.0. Use the string literal instead.\n */\nexport enum BentoInputFieldElementPosition {\n    START = 'start',\n    END = 'end',\n}\n\nexport enum BentoInputFieldStateClass {\n    CONDENSED = 'condensed',\n    DISABLED = 'disabled',\n    READONLY = 'readonly',\n    ERROR = 'error',\n}\n\n/**\n * @deprecated for usage with properties since version 2.0. Use the string literal instead.\n */\nexport enum BentoInputFieldType {\n    SEARCH = 'search',\n    TEXT = 'text',\n    NUMBER = 'number',\n}\n\nexport type BentoInputFieldValue = string | number;\n\ntype DropdownProps = BentoDropdownProps;\nexport interface BentoInputDropdownProps {\n    /**\n     * Text that labels the dropdown element\n     */\n    'aria-label'?: string;\n    /**\n     * Enables dynamic filtering\n     */\n    dynamicFiltering?: DropdownProps['dynamicFiltering'];\n    /**\n     * List of available items\n     */\n    items: DropdownProps['items'];\n    /**\n     * Sets the dropdown in read-only mode\n     */\n    readonly?: DropdownProps['readonly'];\n    /**\n     * Selected value of the dropdown\n     * @deprecated Use `model-value` instead.\n     */\n    value?: DropdownProps['value'];\n    /**\n     *  Selected value of the dropdown\n     */\n    modelValue?: DropdownProps['modelValue'];\n}\n\n/**\n * @deprecated The use of these enums is no longer supported.\n * Use `v-on:` or `@` to listen to the events being emitted.\n * This enum will be removed in 2.0.\n */\nexport enum BentoInputFieldEvent {\n    INPUT = 'input',\n    ESCAPE_PRESSED = 'escape-pressed',\n    UPDATE_DROPDOWN = 'update:dropdown',\n    DROPDOWN_INPUT = 'dropdown-input',\n    FOCUS = 'focus',\n    CHANGE = 'change',\n    BLUR = 'blur',\n    KEYDOWN = 'keydown',\n}\n\nexport interface BentoInputFieldProps extends FormField {\n    /**\n     * Indicates whether the element is exposed to an accessibility API.\n     */\n    ariaHidden?: boolean;\n\n    /**\n     * Text that labels an the input element\n     *\n     * @deprecated from version 2.0.0. Use the aria-label attribute instead.\n     */\n    ariaLabel?: string;\n\n    /**\n     * Reduces height of the input\n     */\n    condensed?: boolean;\n\n    /**\n     * Dropdown props for the small selectable dropdown menu.\n     * Properties supported:\n     *\n     *  - `aria-label`: Text that labels the dropdown element\n     *  - `dynamicFiltering`: Enables dynamic filtering\n     *  - `items`: List of available items\n     *  - `readonly`: Sets the dropdown in read-only mode\n     *  - `value`: Selected value of the dropdown\n     */\n    dropdown?: BentoInputDropdownProps;\n\n    /**\n     * Position of the dropdown before or after input value\n     */\n    dropdownPosition?: BentoInputFieldElementPosition | `${BentoInputFieldElementPosition}`;\n\n    /**\n     * Adds error validation class for outlining input-field.\n     *\n     * @deprecated Use \"errorMessage\" prop instead\n     */\n    error?: boolean;\n\n    /**\n     * Text displayed as the value of the input-field\n     */\n    modelValue?: BentoInputFieldValue;\n\n    /**\n     * Renders a font numeric style with slashed zeros instead of normal ones.\n     */\n    slashedZero?: boolean;\n\n    /**\n     * Static text that displayed before or after input value\n     * Applicable to the Static Value variant\n     */\n    staticValue?: string;\n\n    /**\n     * Position of Static Value before or after input value\n     */\n    staticValuePosition?: BentoInputFieldElementPosition | `${BentoInputFieldElementPosition}`;\n\n    /**\n     * A string specifying the type of control to render.\n     * All `input` types are available but only `search`, `text` and `number` are fully supported.\n     *\n     * If `type` is `search`, use `bento-search-bar` instead.\n     */\n    type?: BentoInputFieldType | `${BentoInputFieldType}` | HTMLInputElement['type'];\n\n    /**\n     * Text displayed as the value of the input-field\n     * @deprecated for usage with properties since version 2.0. Use `v-model` or `model-value` instead.\n     */\n    value?: BentoInputFieldValue;\n\n    /**\n     * Describes the different variants for the input element\n     */\n    variant?: BentoInputFieldVariant | `${BentoInputFieldVariant}`;\n}\n","<template>\n    <bento-typography\n        class=\"b-input-field\"\n        data-testid=\"input-text-container\"\n        :class=\"inputFieldConditionalClasses\"\n        el=\"div\"\n        variant=\"body\"\n    >\n        <field-label\n            v-if=\"hasSlot('default') || label\"\n            :for=\"inputFieldId\"\n            data-testid=\"input-field-label\"\n            :tooltip-text=\"tooltipText\"\n            :optional=\"optional\"\n            :required=\"required\"\n            :label=\"label\"\n            @click=\"focusInput\"\n        >\n            <slot></slot>\n        </field-label>\n\n        <div class=\"b-input-field__input-box\" data-testid=\"input-box\" :aria-disabled=\"disabled\" @click=\"focusInput\">\n            <!-- Optional Icon for Default text variant -->\n            <span\n                v-if=\"isDefaultVariant && (hasSlot('defaultIconBefore') || hasSlot('iconBefore'))\"\n                :aria-hidden=\"ariaHidden ? 'true' : undefined\"\n                class=\"b-input-field__icon-before\"\n            >\n                <slot v-if=\"hasSlot('iconBefore')\" name=\"iconBefore\" />\n                <slot v-if=\"hasSlot('defaultIconBefore') && !hasSlot('iconBefore')\" name=\"defaultIconBefore\" />\n            </span>\n\n            <!-- Mandatory Icon for Payment Method variant -->\n            <span\n                v-if=\"isPaymentMethodVariant && hasSlot('paymentMethod')\"\n                :aria-hidden=\"ariaHidden ? 'true' : undefined\"\n                class=\"b-input-field__payment-method\"\n            >\n                <slot name=\"paymentMethod\" />\n            </span>\n\n            <!-- Dropdown at start -->\n            <div\n                v-if=\"shouldDisplayDropdownAtStart\"\n                :id=\"dropdownId\"\n                class=\"b-input-field__dropdown b-input-field__dropdown--start\"\n                @click.stop\n            >\n                <bento-dropdown\n                    v-if=\"dropdown\"\n                    ref=\"inputDropdownElement\"\n                    v-bind=\"inputFieldDropdownProps\"\n                    :disabled=\"disabled\"\n                    :readonly=\"isDropdownReadOnly\"\n                    @update:model-value=\"onDropdownInput\"\n                />\n            </div>\n\n            <!-- Static Value at start -->\n            <bento-typography\n                v-if=\"shouldDisplayStaticValueAtStart\"\n                :id=\"staticValueId\"\n                class=\"b-input-field__static-value b-input-field__static-value--start\"\n                el=\"span\"\n                variant=\"body\"\n            >\n                <slot name=\"staticValue\" />\n            </bento-typography>\n            <div class=\"b-input-field__input-container\">\n                <input\n                    :id=\"inputFieldId\"\n                    v-bind=\"attrs\"\n                    ref=\"inputFieldElement\"\n                    class=\"b-input-field__input\"\n                    :aria-label=\"computedAriaLabel\"\n                    :aria-describedby=\"computedAriaDescribedBy\"\n                    :aria-owns=\"computedAriaOwns\"\n                    :aria-invalid=\"shouldShowError\"\n                    :placeholder=\"placeholder\"\n                    :required=\"required\"\n                    :aria-required=\"required\"\n                    :type=\"type\"\n                    :value=\"modelValue ?? value\"\n                    :disabled=\"disabled\"\n                    :readonly=\"isReadOnly\"\n                    @input=\"onInput\"\n                    @change=\"emit('change')\"\n                    @focus=\"onFocus\"\n                    @blur=\"onBlur\"\n                    @keydown=\"emit('keydown', $event)\"\n                    @keyup=\"emit('keyup', $event)\"\n                    @keydown.esc=\"emit('escape-pressed')\"\n                    @click=\"emit('click', $event)\"\n                />\n\n                <!-- Hint at the end -->\n                <bento-typography\n                    v-if=\"hint && isFocused && (modelValue || value)\"\n                    el=\"span\"\n                    class=\"b-input-field__hint\"\n                >\n                    {{ hint }}\n                </bento-typography>\n            </div>\n\n            <span\n                v-if=\"hasSlot('iconAfter')\"\n                :aria-hidden=\"ariaHidden ? 'true' : undefined\"\n                class=\"b-input-field__icon-after\"\n                data-testid=\"input-text__icon-after\"\n            >\n                <slot name=\"iconAfter\" />\n            </span>\n\n            <!-- Static Value at the end -->\n            <bento-typography\n                v-if=\"shouldDisplayStaticValueAtEnd\"\n                :id=\"staticValueId\"\n                class=\"b-input-field__static-value b-input-field__static-value--end\"\n                el=\"span\"\n                variant=\"body\"\n            >\n                <slot name=\"staticValue\" />\n            </bento-typography>\n\n            <!-- Dropdown at end -->\n            <div\n                v-if=\"shouldDisplayDropdownAtEnd\"\n                :id=\"dropdownId\"\n                data-testid=\"input-field-dropdown-container-end\"\n                class=\"b-input-field__dropdown b-input-field__dropdown--end\"\n                @click.stop\n            >\n                <bento-dropdown\n                    v-if=\"dropdown\"\n                    :id=\"dropdownId\"\n                    ref=\"inputDropdownElement\"\n                    v-bind=\"inputFieldDropdownProps\"\n                    :disabled=\"disabled\"\n                    :readonly=\"isDropdownReadOnly\"\n                    @update:model-value=\"onDropdownInput\"\n                />\n            </div>\n        </div>\n\n        <error-message\n            v-if=\"shouldShowError && !!errorMessage\"\n            :id=\"errorId\"\n            :error-message=\"errorMessage\"\n            class=\"b-input-field__error-message\"\n        />\n\n        <span\n            v-if=\"hasSlot('description') || description\"\n            :id=\"descriptionId\"\n            class=\"b-input-field__description\"\n            @click=\"focusInput\"\n        >\n            <bento-typography el=\"span\" variant=\"body\">\n                <slot id=\"description\" name=\"description\">\n                    {{ description }}\n                </slot>\n            </bento-typography>\n        </span>\n    </bento-typography>\n</template>\n\n<script setup lang=\"ts\">\n    import { computed, inject, provide, type Ref, ref, toRef, toRefs, useAttrs, useSlots } from 'vue';\n\n    // Components\n    import { BentoDropdown } from '@/components/dropdown';\n    import { BentoTypography } from '@/components/typography';\n    import { ErrorMessage, FieldLabel } from '@/internal';\n\n    // Utils\n    import { deprecate } from '@/utils/ts/deprecate';\n    import { useFormFieldEmits } from '@/utils/ts/form-field/form-field';\n    import { generateUid } from '@/core/utils/ts';\n    import { getSlotText } from '@/utils/ts/get-slot-text';\n    import { useAriaLabel } from '@/utils/ts/aria-label';\n    import { useI18n } from '@/utils/ts/i18n';\n    import { printDevelopmentWarning } from '@/utils/ts/print-development-warning';\n    import {\n        INPUT_FIELD_COMPONENT_INJECTION_KEY,\n        INPUT_FIELD_HINT_INJECTION_KEY,\n        INPUT_FIELD_PARENT_COMPONENT_INJECTION_KEY,\n    } from '@/components/input-field/input-field.keys';\n    import { type BentoListboxSelectedValue } from '@/types/listbox';\n\n    // Composables\n    import { useFormLayoutFieldLoading, useHasSlot } from '@/composables';\n\n    // Types\n    import {\n        type BentoInputDropdownProps,\n        BentoInputFieldElementPosition,\n        type BentoInputFieldProps,\n        BentoInputFieldStateClass,\n        BentoInputFieldType,\n        type BentoInputFieldValue,\n        BentoInputFieldVariant,\n    } from './input-field.types';\n\n    import messages from './messages.json';\n\n    type MessageSchema = (typeof messages)['en-US'];\n\n    const attrs = useAttrs();\n    const slots = useSlots();\n\n    const props = defineProps({\n  description: { default: '' },\n  disabled: { type: Boolean, default: false },\n  errorMessage: { default: null },\n  label: { default: '' },\n  optional: { type: Boolean, default: false },\n  placeholder: { default: '' },\n  readonly: { type: Boolean, default: false },\n  required: { type: Boolean, default: false },\n  tooltipText: { default: null },\n  ariaHidden: { type: Boolean, default: true },\n  ariaLabel: { default: undefined },\n  condensed: { type: Boolean, default: false },\n  dropdown: { default: undefined },\n  dropdownPosition: { default: BentoInputFieldElementPosition.START },\n  error: { type: Boolean, default: false },\n  modelValue: { default: undefined },\n  slashedZero: { type: Boolean, default: false },\n  staticValue: { default: '' },\n  staticValuePosition: { default: BentoInputFieldElementPosition.START },\n  type: { default: BentoInputFieldType.TEXT },\n  value: { default: undefined },\n  variant: { default: BentoInputFieldVariant.DEFAULT }\n});\n\n    const emit = defineEmits([\"blur\", \"click\", \"change\", \"dropdown-input\", \"escape-pressed\", \"focus\", \"keydown\", \"keyup\", \"input\", \"update:dropdown\", \"update:model-value\"]);\n\n    const { emitValue } = useFormFieldEmits<BentoInputFieldValue>(emit);\n\n    const { t } = useI18n<{ message: MessageSchema }>({ messages });\n    const hasSlot = useHasSlot(slots);\n    const inputFieldElement = ref(null);\n    const inputDropdownElement = ref(null);\n    const inputFieldId = generateUid('input');\n    const dropdownId = generateUid('input-dropdown');\n    const staticValueId = generateUid('input-static-value');\n    const descriptionId = generateUid('input-description');\n    const errorId = generateUid('input-error');\n    const isFocused = ref(false);\n\n    // Provide INPUT_FIELD_COMPONENT_INJECTION_KEY as true, to set the input only dropdown size variant in the BentoDropdown comp\n    provide(INPUT_FIELD_COMPONENT_INJECTION_KEY, true);\n    // Renders the input with a hint if a string is provided\n    const hint = inject<Ref<string | undefined>>(INPUT_FIELD_HINT_INJECTION_KEY, ref(undefined));\n\n    const onFocus = () => {\n        isFocused.value = true;\n        emit('focus');\n    };\n\n    const onBlur = () => {\n        isFocused.value = false;\n        emit('blur');\n    };\n\n    const { isReadOnly } = useFormLayoutFieldLoading(toRef(props, 'readonly'));\n    const isDropdownReadOnly = computed<BentoInputDropdownProps['readonly']>(\n        () => isReadOnly.value || props.dropdown?.readonly\n    );\n\n    const shouldShowStaticValue = computed(\n        () => props.variant === BentoInputFieldVariant.STATIC_VALUE && !!slots.staticValue\n    );\n\n    const isDefaultVariant = computed(() => props.variant === BentoInputFieldVariant.DEFAULT);\n\n    const isPaymentMethodVariant = computed(() => props.variant === BentoInputFieldVariant.PAYMENT_METHOD);\n\n    const shouldDisplayStaticValueAtStart = computed(\n        () => shouldShowStaticValue.value && props.staticValuePosition === BentoInputFieldElementPosition.START\n    );\n    const shouldDisplayStaticValueAtEnd = computed(\n        () => shouldShowStaticValue.value && props.staticValuePosition === BentoInputFieldElementPosition.END\n    );\n\n    const shouldShowDropdown = computed(() => props.variant === BentoInputFieldVariant.DROPDOWN && !!props.dropdown);\n    const shouldDisplayDropdownAtStart = computed(\n        () => shouldShowDropdown.value && props.dropdownPosition === BentoInputFieldElementPosition.START\n    );\n    const shouldDisplayDropdownAtEnd = computed(\n        () => shouldShowDropdown.value && props.dropdownPosition === BentoInputFieldElementPosition.END\n    );\n\n    const shouldShowError = computed(\n        () => !props.disabled && !isReadOnly.value && (!!props.errorMessage || props.error)\n    );\n\n    const computedLabel = computed(() => (getSlotText(slots)('default') as string) || props.label);\n    const computedDescription = computed(() => (getSlotText(slots)('description') as string) || props.description);\n\n    const computedAriaOwns = computed(() => {\n        if (shouldShowDropdown.value === true && shouldShowStaticValue.value === true) {\n            return `${staticValueId} ${dropdownId}`;\n        }\n        if (shouldShowDropdown.value === true) {\n            return `${dropdownId}`;\n        }\n        if (shouldShowStaticValue.value === true) {\n            return `${staticValueId}`;\n        }\n        return null;\n    });\n\n    // vue-i18n issue with t() used in script - direct usage in template works\n    // requires either createI18n({ legacy: false }) or to be wrapped in computed()\n    const computedAriaLabelFallbackMessage = computed(() => t('ariaLabelFallback'));\n    const computedAriaLabelDropdowFallback = computed(() =>\n        t('ariaLabelDropdownFallback', { inputLabel: computedAriaLabel.value })\n    );\n\n    const ariaLabelAttribute = ref(attrs['aria-label']);\n    const { ariaLabel } = toRefs(props);\n    const computedAriaLabel = useAriaLabel({\n        ariaLabel: ariaLabelAttribute.value as string,\n        // TODO: take this line away when the aria-label props is removed\n        label: ariaLabel,\n        defaultFallback: computedLabel.value || computedAriaLabelFallbackMessage,\n    });\n\n    const computedAriaDescribedBy = computed(\n        () =>\n            `${computedDescription.value ? descriptionId : ''} ${\n                shouldShowError.value && !!props.errorMessage ? errorId : ''\n            }`\n    );\n\n    const inputFieldConditionalClasses = computed(() => ({\n        [`b-input-field--${BentoInputFieldStateClass.CONDENSED}`]: props.condensed,\n        [`b-input-field--${BentoInputFieldStateClass.DISABLED}`]: props.disabled,\n        [`b-input-field--${BentoInputFieldStateClass.READONLY}`]: isReadOnly.value,\n        [`b-input-field--${BentoInputFieldStateClass.ERROR}`]: shouldShowError.value,\n        [`b-input-field--slashed-zero`]: props.slashedZero,\n    }));\n\n    const inputFieldDropdownProps = computed(() => ({\n        'aria-label': computedAriaLabelDropdowFallback.value,\n        ...props.dropdown,\n    }));\n\n    const onInput = (event: Event) => {\n        const inputValue = (event.target as HTMLInputElement).value;\n        if (!props.disabled && !isReadOnly.value) {\n            emitValue(inputValue);\n        }\n    };\n\n    const onDropdownInput = (selectedValue: BentoListboxSelectedValue) => {\n        emit('dropdown-input', selectedValue);\n        emit('update:dropdown', { ...props?.dropdown, value: selectedValue });\n    };\n\n    const focusInput = () => {\n        inputFieldElement.value.focus();\n    };\n\n    const focus = () => {\n        if (props.variant === 'dropdown') {\n            inputDropdownElement.value.focus();\n        } else {\n            focusInput();\n        }\n    };\n\n    // Expose method so that other components can focus on it in Vue3\n    defineExpose({\n        focusInput,\n        focus,\n    });\n\n    const inputFieldParentComponent = inject(INPUT_FIELD_PARENT_COMPONENT_INJECTION_KEY, '');\n\n    if (!Object.values(BentoInputFieldType).includes(props.type as BentoInputFieldType) && !inputFieldParentComponent) {\n        if (props.type === 'tel') {\n            printDevelopmentWarning(\n                `\"bento-input-field\" dropdown does not support the type '${props.type}', use \"bento-input-field-phone-number\" instead.`\n            );\n        } else if (props.type === 'password') {\n            printDevelopmentWarning(\n                `\"bento-input-field\" dropdown does not support the type '${props.type}', use \"bento-input-field-password\" instead.`\n            );\n        } else {\n            printDevelopmentWarning(`\"bento-input-field\" dropdown does not support the type '${props.type}'`);\n        }\n    }\n\n    /**\n     * Deprecations\n     */\n    if (props.error) {\n        deprecate(\n            'BentoInputField \"error\" property',\n            `Use the BentoInputField \"errorMessage\" property instead to indicate that there is a modifier error.\n            Having the field as \"undefined\" will hide/remove the error.\n            <bento-dropdown errorMessage=\"Error message text\" />`,\n            '2.0.0'\n        );\n    }\n\n    if (hasSlot('defaultIconBefore')) {\n        deprecate(\n            'BentoInputField \"defaultIconBefore\" slot',\n            `Use the BentoInputField \"iconBefore\" slot instead to add an icon at the left side of the input field\n            <bento-input-field>\n              \\t<template #iconBefore>\n                \\t\\t<my-icon-goes-here />\n              \\t</template>\n            </bento-input-field>`,\n            '2.0.0'\n        );\n    }\n\n    if (props.value) {\n        deprecate(\n            'BentoInputField \"value\" property',\n            `The use of \"value\" prop in \"BentoInputField\" is no longer supported.\n             Use the \"v-model\" or \"model-value\" property instead.`,\n            '2.0.0'\n        );\n    }\n</script>\n\n<script lang=\"ts\">\n    /**\n     * Input field component is used to create interactive controls for web-based\n     * forms in order to accept data from the user.\n     *\n     * @example\n     * import { BentoInputField } from '@adyen/bento-vue2'\n     *\n     * const inputValue = ref('');\n     *\n     * export default {\n     *      components: { BentoInputField },\n     *      tempate: `\n     *          <bento-input-field\n     *              :model-value=\"inputValue\"\n     *              :@update:model-value=\"newValue => inputValue.value = newValue\"\n     *          >\n     * }\n     */\n    export default {\n        name: 'bento-input-field',\n        model: { prop: 'modelValue' },\n        i18n: { messages },\n    };\n</script>\n\n<style lang=\"scss\" scoped src=\"./input-field.scss\" />\n"],"names":["BentoInputFieldVariant","BentoInputFieldVariant2","BentoInputFieldElementPosition","BentoInputFieldElementPosition2","BentoInputFieldStateClass","BentoInputFieldStateClass2","BentoInputFieldType","BentoInputFieldType2","BentoInputFieldEvent","BentoInputFieldEvent2","__default__","messages","attrs","useAttrs","slots","useSlots","emitValue","useFormFieldEmits","emit","t","useI18n","hasSlot","useHasSlot","inputFieldElement","ref","inputDropdownElement","inputFieldId","generateUid","dropdownId","staticValueId","descriptionId","errorId","isFocused","provide","INPUT_FIELD_COMPONENT_INJECTION_KEY","hint","inject","INPUT_FIELD_HINT_INJECTION_KEY","onFocus","onBlur","isReadOnly","useFormLayoutFieldLoading","toRef","props","isDropdownReadOnly","computed","_a","shouldShowStaticValue","isDefaultVariant","isPaymentMethodVariant","shouldDisplayStaticValueAtStart","shouldDisplayStaticValueAtEnd","shouldShowDropdown","shouldDisplayDropdownAtStart","shouldDisplayDropdownAtEnd","shouldShowError","computedLabel","getSlotText","computedDescription","computedAriaOwns","computedAriaLabelFallbackMessage","computedAriaLabelDropdowFallback","computedAriaLabel","ariaLabelAttribute","ariaLabel","toRefs","useAriaLabel","computedAriaDescribedBy","inputFieldConditionalClasses","inputFieldDropdownProps","onInput","event","inputValue","onDropdownInput","selectedValue","focusInput","focus","expose","inputFieldParentComponent","INPUT_FIELD_PARENT_COMPONENT_INJECTION_KEY","printDevelopmentWarning","deprecate"],"mappings":";;;;;;;;;;;;;AAMO,IAAAA,IAAA,kBAAAC,OACHA,EAAA,UAAA,WACAA,EAAA,iBAAA,kBACAA,EAAA,eAAA,gBACAA,EAAA,WAAA,YAJQA,IAAAD,KAAA,CAAA,CAAA,GAULE,IAAA,kBAAAC,OACHA,EAAA,QAAA,SACAA,EAAA,MAAA,OAFQA,IAAAD,KAAA,CAAA,CAAA,GAKLE,IAAA,kBAAAC,OACHA,EAAA,YAAA,aACAA,EAAA,WAAA,YACAA,EAAA,WAAA,YACAA,EAAA,QAAA,SAJQA,IAAAD,KAAA,CAAA,CAAA,GAULE,IAAA,kBAAAC,OACHA,EAAA,SAAA,UACAA,EAAA,OAAA,QACAA,EAAA,SAAA,UAHQA,IAAAD,KAAA,CAAA,CAAA,GA0CLE,KAAA,kBAAAC,OACHA,EAAA,QAAA,SACAA,EAAA,iBAAA,kBACAA,EAAA,kBAAA,mBACAA,EAAA,iBAAA,kBACAA,EAAA,QAAA,SACAA,EAAA,SAAA,UACAA,EAAA,OAAA,QACAA,EAAA,UAAA,WARQA,IAAAD,MAAA,CAAA,CAAA;;;;;GC0XRE,KAAA;AAAA,EAAe,MAAA;AAAA,EACL,OAAA,EAAA,MAAA,aAAA;AAAA,EACsB,MAAA,EAAA,UAAAC,GAAA;AAEhC;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAvPAC,IAAAC,GAAA,GACAC,IAAAC,GAAA,GA6BA,EAAA,WAAAC,EAAA,IAAAC,GAAAC,CAAA,GAEA,EAAA,GAAAC,EAAA,IAAAC,GAAA,GACAC,IAAAC,GAAAR,CAAA,GACAS,IAAAC,EAAA,IAAA,GACAC,IAAAD,EAAA,IAAA,GACAE,IAAAC,EAAA,OAAA,GACAC,IAAAD,EAAA,gBAAA,GACAE,IAAAF,EAAA,oBAAA,GACAG,IAAAH,EAAA,mBAAA,GACAI,IAAAJ,EAAA,aAAA,GACAK,IAAAR,EAAA,EAAA;AAGA,IAAAS,GAAAC,IAAA,EAAA;AAEA,UAAAC,IAAAC,EAAAC,IAAAb,EAAA,MAAA,CAAA,GAEAc,IAAA,MAAA;AACI,MAAAN,EAAA,QAAA,IACAd,EAAA,OAAA;AAAA,IAAY,GAGhBqB,IAAA,MAAA;AACI,MAAAP,EAAA,QAAA,IACAd,EAAA,MAAA;AAAA,IAAW,GAGf,EAAA,YAAAsB,EAAA,IAAAC,GAAAC,GAAAC,GAAA,UAAA,CAAA,GACAC,IAAAC;AAAA,MAA2B,MAAA;;AAAA,eAAAL,EAAA,WAAAM,IAAAH,EAAA,aAAA,gBAAAG,EAAA;AAAA;AAAA,IACmB,GAG9CC,IAAAF;AAAA,MAA8B,MAAAF,EAAA,YAAA3C,EAAA,gBAAA,CAAA,CAAAc,EAAA;AAAA,IAC6C,GAG3EkC,IAAAH,EAAA,MAAAF,EAAA,YAAA3C,EAAA,OAAA,GAEAiD,IAAAJ,EAAA,MAAAF,EAAA,YAAA3C,EAAA,cAAA,GAEAkD,IAAAL;AAAA,MAAwC,MAAAE,EAAA,SAAAJ,EAAA,wBAAAzC,EAAA;AAAA,IAC8D,GAEtGiD,IAAAN;AAAA,MAAsC,MAAAE,EAAA,SAAAJ,EAAA,wBAAAzC,EAAA;AAAA,IACgE,GAGtGkD,IAAAP,EAAA,MAAAF,EAAA,YAAA3C,EAAA,YAAA,CAAA,CAAA2C,EAAA,QAAA,GACAU,IAAAR;AAAA,MAAqC,MAAAO,EAAA,SAAAT,EAAA,qBAAAzC,EAAA;AAAA,IAC2D,GAEhGoD,IAAAT;AAAA,MAAmC,MAAAO,EAAA,SAAAT,EAAA,qBAAAzC,EAAA;AAAA,IAC6D,GAGhGqD,IAAAV;AAAA,MAAwB,MAAA,CAAAF,EAAA,YAAA,CAAAH,EAAA,UAAA,CAAA,CAAAG,EAAA,gBAAAA,EAAA;AAAA,IACyD,GAGjFa,IAAAX,EAAA,MAAAY,EAAA3C,CAAA,EAAA,SAAA,KAAA6B,EAAA,KAAA,GACAe,IAAAb,EAAA,MAAAY,EAAA3C,CAAA,EAAA,aAAA,KAAA6B,EAAA,WAAA,GAEAgB,IAAAd,EAAA,MACIO,EAAA,UAAA,MAAAL,EAAA,UAAA,KACI,GAAAlB,CAAA,IAAAD,CAAA,KAEJwB,EAAA,UAAA,KACI,GAAAxB,CAAA,KAEJmB,EAAA,UAAA,KACI,GAAAlB,CAAA,KAEJ,IAAO,GAKX+B,IAAAf,EAAA,MAAA1B,EAAA,mBAAA,CAAA,GACA0C,IAAAhB;AAAA,MAAyC,MAAA1B,EAAA,6BAAA,EAAA,YAAA2C,EAAA,MAAA,CAAA;AAAA,IACiC,GAG1EC,IAAAvC,EAAAZ,EAAA,YAAA,CAAA,GACA,EAAA,WAAAoD,EAAA,IAAAC,GAAAtB,CAAA,GACAmB,IAAAI,GAAA;AAAA,MAAuC,WAAAH,EAAA;AAAA;AAAA,MACL,OAAAC;AAAA,MAEvB,iBAAAR,EAAA,SAAAI;AAAA,IACiC,CAAA,GAG5CO,KAAAtB;AAAA,MAAgC,MAAA,GAAAa,EAAA,QAAA5B,IAAA,EAAA,IAAAyB,EAAA,SAAAZ,EAAA,eAAAZ,IAAA,EAAA;AAAA,IAIxB,GAGRqC,KAAAvB,EAAA,OAAA;AAAA,MAAqD,CAAA,kBAAAzC,EAAA,SAAA,EAAA,GAAAuC,EAAA;AAAA,MACgB,CAAA,kBAAAvC,EAAA,QAAA,EAAA,GAAAuC,EAAA;AAAA,MACD,CAAA,kBAAAvC,EAAA,QAAA,EAAA,GAAAoC,EAAA;AAAA,MACK,CAAA,kBAAApC,EAAA,KAAA,EAAA,GAAAmD,EAAA;AAAA,MACE,+BAAAZ,EAAA;AAAA,IAChC,EAAA,GAG3C0B,KAAAxB,EAAA,OAAA;AAAA,MAAgD,cAAAgB,EAAA;AAAA,MACG,GAAAlB,EAAA;AAAA,IACtC,EAAA,GAGb2B,KAAA,CAAAC,MAAA;AACI,YAAAC,KAAAD,EAAA,OAAA;AACA,MAAA,CAAA5B,EAAA,YAAA,CAAAH,EAAA,SACIxB,EAAAwD,EAAA;AAAA,IACJ,GAGJC,KAAA,CAAAC,MAAA;AACI,MAAAxD,EAAA,kBAAAwD,CAAA,GACAxD,EAAA,mBAAA,EAAA,GAAAyB,KAAA,gBAAAA,EAAA,UAAA,OAAA+B,EAAA,CAAA;AAAA,IAAoE,GAGxEC,IAAA,MAAA;AACI,MAAApD,EAAA,MAAA,MAAA;AAAA,IAA8B,GAGlCqD,IAAA,MAAA;AACI,MAAAjC,EAAA,YAAA,aACIlB,EAAA,MAAA,MAAA,IAEAkD,EAAA;AAAA,IACJ;AAIJ,IAAAE,EAAA;AAAA,MAAa,YAAAF;AAAA,MACT,OAAAC;AAAA,IACA,CAAA;AAGJ,UAAAE,IAAA1C,EAAA2C,IAAA,EAAA;AAEA,WAAA,CAAA,OAAA,OAAAzE,CAAA,EAAA,SAAAqC,EAAA,IAAA,KAAA,CAAAmC,MACInC,EAAA,SAAA,QACIqC;AAAA,MAAA,2DAAArC,EAAA,IAAA;AAAA,IACyE,IACzEA,EAAA,SAAA,aAEAqC;AAAA,MAAA,2DAAArC,EAAA,IAAA;AAAA,IACyE,IAGzEqC,EAAA,2DAAArC,EAAA,IAAA,GAAA,IAORA,EAAA,SACIsC;AAAA,MAAA;AAAA,MACI;AAAA;AAAA;AAAA,MACA;AAAA,IAGA,GAIR5D,EAAA,mBAAA,KACI4D;AAAA,MAAA;AAAA,MACI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MACA;AAAA,IAMA,GAIRtC,EAAA,SACIsC;AAAA,MAAA;AAAA,MACI;AAAA;AAAA,MACA;AAAA,IAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/chunks/inspector.Bnm0hl_D.js

@@ -1,105 +0,0 @@
-import { ref as p, watch as T, defineComponent as F, computed as v, nextTick as L } from "vue";
-import { d as x, B as M } from "./typography.C8lPlsbD.js";
-import { B as k } from "./button.DxhJNOtr.js";
-import { B as A } from "./loading-indicator.PxbRzshH.js";
-import { B as I, s as O, g as H, a as w, f as D } from "./focus-trap.DRqjHzt6.js";
-import { E as P } from "./expand.Bbielaja.js";
-import { C as R } from "./cross.CC_B-vG-.js";
-import { g as z } from "./generate-uid.NJ8tVoha.js";
-import { u as N } from "./index.B6WW_F-J.js";
-import { a as V, b as $ } from "./index.CwzYJHw2.js";
-import { n as G } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
-import "../assets/inspector.css";
-function K(r) {
-  const t = p([]), e = V();
-  return T(e, (a) => {
-    !r.value || !a || !r.value.contains(a) || (t.value.unshift(a), t.value.length > 3 && t.value.pop());
-  }), {
-    findValidFocusFallback: () => {
-      for (const a of t.value)
-        if (a && document.body.contains(a))
-          return a;
-      return null;
-    }
-  };
-}
-const Y = {
-  "en-US": { close: "Close", expand: "Expand", inspector: "Inspector", returnToMainContent: "Return to main content (Ctrl+Shift+S)", returnToMainContentDescription: "You can use Ctrl + Shift + S to navigate between the inspector and page sections." },
-  "ja-JP": { close: "閉じる", expand: "展開", inspector: "インスペクター", returnToMainContent: "メインコンテンツに戻る（Ctrl+Shift+S）", returnToMainContentDescription: "Ctrl + Shift + S を使用して、インスペクターとページセクション間を移動できます。" },
-  "pt-BR": { close: "Fechar", expand: "Expandir", inspector: "Inspetor", returnToMainContent: "Voltar ao conteúdo principal (Ctrl+Shift+S)", returnToMainContentDescription: "Você pode usar Ctrl + Shift + S para navegar entre as seções do inspetor e da página." }
-}, U = { i18n: { messages: Y } }, X = /* @__PURE__ */ F({
-  ...U,
-  __name: "inspector",
-  props: {
-    activePage: { default: "" },
-    expandable: { type: Boolean, default: !1 },
-    isOpen: { type: Boolean, default: !1 },
-    loading: { type: Boolean, default: !1 },
-    size: { default: "small" },
-    title: null,
-    relativeLayout: { default: "push-content" },
-    pageFocusAnchor: { default: null }
-  },
-  emits: ["update:is-open", "update:active-page", "expand"],
-  setup(r, { emit: n }) {
-    const t = r, { t: e } = N(), s = z("returnToMainContentDescription"), a = p(null), l = p(null), g = p(null), u = p(null), { width: m } = $(a), d = v(() => {
-      const C = t.size === "small" ? 740 : 915;
-      return m.value > 0 && m.value < C;
-    }), c = v(() => t.pageFocusAnchor), y = v(() => ({
-      [`b-inspector--${t.size}`]: !0,
-      [`b-inspector--${t.relativeLayout}`]: !0,
-      "b-inspector--is-compact": d.value
-    })), S = v(() => `${e("inspector")}, ${t.title}`), { findValidFocusFallback: f } = K(g), b = async () => {
-      t.isOpen ? (await L(), O(l.value, c.value)) : i(c.value ?? f());
-    }, B = (o) => {
-      if (d.value)
-        return;
-      const _ = o.shiftKey ? -1 : 1, C = H(_, l.value);
-      w() === C && (o.preventDefault(), u.value = document.activeElement, i(c.value ?? f()), n("update:active-page", void 0));
-    }, E = (o) => {
-      const _ = o.shiftKey && o.ctrlKey && o.key === "S";
-      t.isOpen && !d.value && _ && h();
-    }, h = () => {
-      D(l.value) ? (u.value = document.activeElement, i(c.value ?? f()), n("update:active-page", void 0)) : i(u.value);
-    }, i = (o) => {
-      o && (o == null || o.focus(), document.activeElement !== o && i(o.parentElement));
-    };
-    return T(
-      () => t.activePage,
-      () => {
-        t.activePage && b();
-      }
-    ), t.activePage || x(
-      'BentoInspector "active-page" as optional',
-      `Make sure to set the "active-page" prop and keep it in sync with "update:active-page".
-            "active-page" prop will be required in the next version`,
-      "2.0.0"
-    ), { __sfc: !0, props: t, emit: n, t: e, returnToMainContentDescriptionId: s, wrapper: a, inspector: l, page: g, inspectorLastFocusedElement: u, wrapperWidth: m, isCompact: d, computedPageLastFocusedElement: c, conditionalClass: y, inspectorAriaLabel: S, findValidFocusFallback: f, setFocus: b, handleTabNavigation: B, handleSectionFocus: E, moveFocusBetweenSections: h, focusElement: i, BentoTypography: M, BentoButton: k, BentoLoadingIndicator: A, BentoFocusTrap: I, ExpandIcon: P, CrossIcon: R };
-  }
-});
-var j = function() {
-  var n = this, t = n._self._c, e = n._self._setupProxy;
-  return t("div", { ref: "wrapper", staticClass: "b-inspector", class: e.conditionalClass, on: { keydown: e.handleSectionFocus } }, [t("div", { ref: "page", staticClass: "b-inspector__page-wrapper" }, [t("div", { staticClass: "b-inspector__page" }, [n._t("page")], 2)]), t("Transition", { attrs: { name: "b-inspector__animation", mode: "out-in" }, on: { "before-enter": e.setFocus, "after-leave": e.setFocus } }, [n.isOpen ? t("aside", { ref: "inspector", staticClass: "b-inspector__container-wrapper", attrs: { "aria-label": e.inspectorAriaLabel }, on: { keydown: function(s) {
-    return !s.type.indexOf("key") && n._k(s.keyCode, "tab", 9, s.key, "Tab") ? null : e.handleTabNavigation.apply(null, arguments);
-  } } }, [t(e.BentoFocusTrap, { attrs: { disabled: !e.isCompact } }, [t("div", { staticClass: "b-inspector__container" }, [t("div", { staticClass: "b-inspector__header" }, [e.isCompact ? n._e() : [t(e.BentoButton, { staticClass: "b-inspector__return-content", attrs: { variant: "secondary", condensed: "", "aria-describedby": e.returnToMainContentDescriptionId }, on: { click: e.moveFocusBetweenSections } }, [n._v(" " + n._s(e.t("returnToMainContent")) + " ")]), t("span", { staticClass: "b-inspector__return-content-description", attrs: { id: e.returnToMainContentDescriptionId } }, [n._v(n._s(e.t("returnToMainContentDescription")))])], t(e.BentoTypography, { staticClass: "b-inspector__title", attrs: { el: "h2", variant: "title" } }, [n._v(" " + n._s(n.title) + " ")]), t("div", { staticClass: "b-inspector__icons" }, [n.expandable ? t(e.BentoButton, { attrs: { variant: "tertiary" }, on: { click: function(s) {
-    return e.emit("expand");
-  } }, scopedSlots: n._u([{ key: "iconLeft", fn: function() {
-    return [t(e.ExpandIcon, { attrs: { "svg-title": e.t("expand") } })];
-  }, proxy: !0 }], null, !1, 1210869445) }) : n._e(), t(e.BentoButton, { attrs: { variant: "tertiary" }, on: { click: function(s) {
-    return e.emit("update:is-open", !1);
-  } }, scopedSlots: n._u([{ key: "iconLeft", fn: function() {
-    return [t(e.CrossIcon, { attrs: { "svg-title": e.t("close") } })];
-  }, proxy: !0 }], null, !1, 858730413) })], 1)], 2), t("div", { staticClass: "b-inspector__content" }, [n.loading ? t(e.BentoLoadingIndicator, { staticClass: "b-inspector__loading-indicator", attrs: { large: "" } }) : n._t("content")], 2)])])], 1) : n._e()])], 1);
-}, q = [], J = /* @__PURE__ */ G(
-  X,
-  j,
-  q,
-  !1,
-  null,
-  "62a28c4d"
-);
-const ct = J.exports;
-export {
-  ct as B
-};
-//# sourceMappingURL=inspector.Bnm0hl_D.js.map

package/dist/chunks/on-click-outside.BW4rkhzG.js

@@ -1,91 +0,0 @@
-import { watch as P } from "vue";
-import { n as A, u as a, r as k, d as w, i as v } from "./utils.BzUwtTXc.js";
-const I = (o) => typeof o == "string";
-function h(...o) {
-  let c, n, r, l;
-  if (I(o[0]) || Array.isArray(o[0]) ? ([n, r, l] = o, c = w) : [c, n, r, l] = o, !c)
-    return A;
-  Array.isArray(n) || (n = [n]), Array.isArray(r) || (r = [r]);
-  const f = [], m = () => {
-    f.forEach((s) => s()), f.length = 0;
-  }, i = (s, p, t, e) => (s.addEventListener(p, t, e), () => s.removeEventListener(p, t, e)), d = P(
-    () => [a(c), k(l)],
-    ([s, p]) => {
-      m(), s && f.push(
-        ...n.flatMap(
-          (t) => r.map(
-            (e) => i(
-              s,
-              t,
-              e,
-              p
-            )
-          )
-        )
-      );
-    },
-    { immediate: !0, flush: "post" }
-  );
-  return () => {
-    d(), m();
-  };
-}
-let E = !1;
-function W(o, c, n = {}) {
-  const { window: r = w, ignore: l = [], capture: f = !0, detectIframe: m = !1 } = n;
-  if (!r)
-    return;
-  v && !E && (E = !0, Array.from(r.document.body.children).forEach((t) => t.addEventListener("click", A)));
-  let i = !0;
-  const d = (t) => (
-    // eslint-disable-next-line @typescript-eslint/no-shadow
-    l.some((e) => {
-      if (typeof e == "string")
-        return Array.from(r.document.querySelectorAll(e)).some(
-          (y) => y === t.target || t.composedPath().includes(y)
-        );
-      const u = a(e);
-      return u && (t.target === u || t.composedPath().includes(u));
-    })
-  ), s = [
-    h(r, "click", (t) => {
-      const e = a(o);
-      if (!(!e || e === t.target || t.composedPath().includes(e))) {
-        if (t.detail === 0 && (i = !d(t)), !i) {
-          i = !0;
-          return;
-        }
-        c(t);
-      }
-    }, { passive: !0, capture: f }),
-    h(
-      r,
-      "pointerdown",
-      (t) => {
-        const e = a(o);
-        e && (i = !t.composedPath().includes(e) && !d(t));
-      },
-      { passive: !0 }
-    ),
-    h(
-      r,
-      "pointerup",
-      (t) => {
-        const e = a(o);
-        e && (i = i && !t.composedPath().includes(e) && !d(t));
-      },
-      { passive: !0 }
-    ),
-    m && h(r, "blur", (t) => {
-      var u;
-      const e = a(o);
-      ((u = r.document.activeElement) == null ? void 0 : u.tagName) === "IFRAME" && !(e != null && e.contains(r.document.activeElement)) && c(t);
-    })
-  ].filter(Boolean);
-  return () => s.forEach((t) => t());
-}
-export {
-  W as o,
-  h as u
-};
-//# sourceMappingURL=on-click-outside.BW4rkhzG.js.map

package/dist/chunks/on-click-outside.BW4rkhzG.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"on-click-outside.BW4rkhzG.js","sources":["../../src/directives/click-outside/useEventListener/index.ts","../../src/directives/click-outside/on-click-outside.ts"],"sourcesContent":["import type { Fn } from '@/types/functions';\nimport type { MaybeComputedRef } from '@/types/refs';\nimport type { Arrayable, GeneralEventListener } from './types';\nimport { watch } from 'vue';\nimport { defaultWindow, noop, resolveUnref, unrefElement } from '../utils';\n\n/**\n * Verify type of input value\n * @param val Value to be evaluated as string\n * @returns {boolean} true if the value is a \"string\", false if it's something else\n */\nconst isString = (val: unknown): val is string => typeof val === 'string';\n\n/**\n * Register using addEventListener on mounted, and removeEventListener automatically on unmounted.\n *\n * Overload 1: Omitted Window target\n *\n * @see https://vueuse.org/useEventListener\n * @param event\n * @param listener\n * @param options\n */\nexport function useEventListener<E extends keyof WindowEventMap>(\n    event: Arrayable<E>,\n    listener: Arrayable<(this: Window, ev: WindowEventMap[E]) => unknown>,\n    options?: MaybeComputedRef<boolean | AddEventListenerOptions>\n): Fn;\n\n/**\n * Register using addEventListener on mounted, and removeEventListener automatically on unmounted.\n *\n * Overload 2: Explicitly Window target\n *\n * @see https://vueuse.org/useEventListener\n * @param target\n * @param event\n * @param listener\n * @param options\n */\nexport function useEventListener<E extends keyof WindowEventMap>(\n    target: Window,\n    event: Arrayable<E>,\n    listener: Arrayable<(this: Window, ev: WindowEventMap[E]) => unknown>,\n    options?: MaybeComputedRef<boolean | AddEventListenerOptions>\n): Fn;\n\n/**\n * Register using addEventListener on mounted, and removeEventListener automatically on unmounted.\n *\n * Overload 3: Explicitly Document target\n *\n * @see https://vueuse.org/useEventListener\n * @param target\n * @param event\n * @param listener\n * @param options\n */\nexport function useEventListener<E extends keyof DocumentEventMap>(\n    target: DocumentOrShadowRoot,\n    event: Arrayable<E>,\n    listener: Arrayable<(this: Document, ev: DocumentEventMap[E]) => unknown>,\n    options?: MaybeComputedRef<boolean | AddEventListenerOptions>\n): Fn;\n\n/**\n * Register using addEventListener on mounted, and removeEventListener automatically on unmounted.\n *\n * Overload 4: Custom event target with event type infer\n *\n * @see https://vueuse.org/useEventListener\n * @param target\n * @param event\n * @param listener\n * @param options\n */\nexport function useEventListener<Names extends string, EventType = Event>(\n    target: EventTarget,\n    event: Arrayable<Names>,\n    listener: Arrayable<GeneralEventListener<EventType>>,\n    options?: MaybeComputedRef<boolean | AddEventListenerOptions>\n): Fn;\n\n/**\n * Register using addEventListener on mounted, and removeEventListener automatically on unmounted.\n *\n * Overload 5: Custom event target fallback\n *\n * @see https://vueuse.org/useEventListener\n * @param target\n * @param event\n * @param listener\n * @param options\n */\nexport function useEventListener<EventType = Event>(\n    target: MaybeComputedRef<EventTarget | null | undefined>,\n    event: Arrayable<string>,\n    listener: Arrayable<GeneralEventListener<EventType>>,\n    options?: MaybeComputedRef<boolean | AddEventListenerOptions>\n): Fn;\n\nexport function useEventListener(...args) {\n    let target: MaybeComputedRef<EventTarget> | undefined;\n    let events: Arrayable<string>;\n    let listeners: Arrayable<EventListenerOrEventListenerObject>;\n    let options: MaybeComputedRef<boolean | AddEventListenerOptions> | undefined;\n\n    if (isString(args[0]) || Array.isArray(args[0])) {\n        [events, listeners, options] = args;\n        target = defaultWindow;\n    } else {\n        [target, events, listeners, options] = args;\n    }\n\n    if (!target) {\n        return noop;\n    }\n\n    if (!Array.isArray(events)) {\n        events = [events];\n    }\n\n    if (!Array.isArray(listeners)) {\n        listeners = [listeners];\n    }\n\n    const cleanups: Array<() => void> = [];\n    const cleanup = () => {\n        cleanups.forEach(fn => fn());\n        cleanups.length = 0;\n    };\n\n    const register = (\n        el: EventTarget,\n        event: string,\n        listener: EventListenerOrEventListenerObject,\n        registerOptions: boolean | AddEventListenerOptions\n    ) => {\n        // eslint-disable-next-line scanjs-rules/call_addEventListener\n        el.addEventListener(event, listener, registerOptions);\n        return () => el.removeEventListener(event, listener, registerOptions);\n    };\n\n    const stopWatch = watch(\n        () => [unrefElement(target as any), resolveUnref(options)],\n        ([el, stopWatchOptions]) => {\n            cleanup();\n\n            if (!el) {\n                return;\n            }\n\n            cleanups.push(\n                ...(events as Array<string>).flatMap(event =>\n                    (listeners as Array<EventListenerOrEventListenerObject>).map(listener =>\n                        register(\n                            el as EventTarget,\n                            event,\n                            listener as EventListenerOrEventListenerObject,\n                            stopWatchOptions as boolean | AddEventListenerOptions\n                        )\n                    )\n                )\n            );\n        },\n        { immediate: true, flush: 'post' }\n    );\n\n    const stop = () => {\n        stopWatch();\n        cleanup();\n    };\n\n    return stop;\n}\n","import type { Fn } from '@/types/functions';\nimport type { MaybeElementRef } from '@/types/elements';\nimport type { OnClickOutsideHandler, OnClickOutsideOptions } from './types';\nimport { useEventListener } from './useEventListener';\nimport { defaultWindow, isIOS, noop, unrefElement } from './utils';\n\n// eslint-disable-next-line no-underscore-dangle\nlet _iOSWorkaround = false;\n\n/**\n * Listen for clicks outside of an element.\n *\n * @see https://vueuse.org/onClickOutside\n * @param target\n * @param handler\n * @param options\n */\nexport function onClickOutside<T extends OnClickOutsideOptions>(\n    target: MaybeElementRef,\n    handler: OnClickOutsideHandler,\n    options: T = {} as T\n) {\n    const { window = defaultWindow, ignore = [], capture = true, detectIframe = false } = options;\n\n    if (!window) {\n        return;\n    }\n\n    // Fixes \"onClickOutside not working on Safari iOS\": https://github.com/vueuse/vueuse/issues/1520\n    // How it works: https://stackoverflow.com/a/39712411\n    if (isIOS && !_iOSWorkaround) {\n        _iOSWorkaround = true;\n        // eslint-disable-next-line scanjs-rules/call_addEventListener\n        Array.from(window.document.body.children).forEach((el: Element) => el.addEventListener('click', noop));\n    }\n\n    let shouldListen = true;\n\n    const shouldIgnore = (event: PointerEvent) =>\n        // eslint-disable-next-line @typescript-eslint/no-shadow\n        ignore.some(target => {\n            if (typeof target === 'string') {\n                return Array.from(window.document.querySelectorAll(target)).some(\n                    (el: Element) => el === event.target || event.composedPath().includes(el)\n                );\n            }\n\n            const el = unrefElement(target as any) as EventTarget;\n            return el && (event.target === el || event.composedPath().includes(el));\n        });\n\n    const listener = (event: PointerEvent) => {\n        const el = unrefElement(target as any) as EventTarget;\n\n        if (!el || el === event.target || event.composedPath().includes(el)) {\n            return;\n        }\n\n        if (event.detail === 0) {\n            shouldListen = !shouldIgnore(event);\n        }\n\n        if (!shouldListen) {\n            shouldListen = true;\n            return;\n        }\n\n        handler(event);\n    };\n\n    const cleanup = [\n        useEventListener(window, 'click', listener, { passive: true, capture }),\n        useEventListener(\n            window,\n            'pointerdown',\n            e => {\n                const el = unrefElement(target as any) as EventTarget;\n                if (el) {\n                    shouldListen = !e.composedPath().includes(el) && !shouldIgnore(e);\n                }\n            },\n            { passive: true }\n        ),\n        useEventListener(\n            window,\n            'pointerup',\n            e => {\n                const el = unrefElement(target as any) as EventTarget;\n                if (el) {\n                    shouldListen = shouldListen && !e.composedPath().includes(el) && !shouldIgnore(e);\n                }\n            },\n            { passive: true }\n        ),\n        detectIframe &&\n            useEventListener(window, 'blur', event => {\n                const el: Element = unrefElement(target as any);\n                if (\n                    window.document.activeElement?.tagName === 'IFRAME' &&\n                    !el?.contains(window.document.activeElement)\n                ) {\n                    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n                    handler(event as any);\n                }\n            }),\n    ].filter(Boolean) as Array<Fn>;\n\n    const stop = () => cleanup.forEach(fn => fn());\n\n    // eslint-disable-next-line consistent-return\n    return stop;\n}\n"],"names":["isString","val","useEventListener","args","target","events","listeners","options","defaultWindow","noop","cleanups","cleanup","fn","register","el","event","listener","registerOptions","stopWatch","watch","unrefElement","resolveUnref","stopWatchOptions","_iOSWorkaround","onClickOutside","handler","window","ignore","capture","detectIframe","isIOS","shouldListen","shouldIgnore","e","_a"],"mappings":"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"}

package/dist/chunks/promo-banner.Db2kh2qK.js

@@ -1,64 +0,0 @@
-import { defineComponent as v, ref as B, computed as o } from "vue";
-import { b as y } from "./index.CwzYJHw2.js";
-import { B as R } from "./button.DxhJNOtr.js";
-import { a as c, b as I, B as b } from "./image.C2D2hKat.js";
-import { B as T } from "./typography.C8lPlsbD.js";
-import { u as C } from "./index.B6WW_F-J.js";
-import { g as O } from "./generate-uid.NJ8tVoha.js";
-import { n as h } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
-import "../assets/promo-banner.css";
-var u = /* @__PURE__ */ ((s) => (s.BLUE = "blue", s.GREY = "grey", s.GREEN = "green", s))(u || {}), l = /* @__PURE__ */ ((s) => (s.HORIZONTAL = "horizontal", s.VERTICAL = "vertical", s))(l || {});
-const L = {
-  "en-US": { dismiss: "Dismiss" },
-  "ja-JP": { dismiss: "却下" },
-  "pt-BR": { dismiss: "Descartar" }
-}, x = {
-  i18n: { messages: L },
-  name: "bento-promo-banner"
-}, k = /* @__PURE__ */ v({
-  ...x,
-  props: {
-    actions: { default: null },
-    color: { default: u.GREY },
-    isDismissible: { type: Boolean, default: !0 },
-    dismissButtonText: { default: null },
-    image: null,
-    layout: { default: l.HORIZONTAL },
-    title: null
-  },
-  emits: ["dismiss"],
-  setup(s, { emit: e }) {
-    const n = s, { t: i } = C(), t = B(null), a = y(t), _ = O("promoBannerTitle"), m = o(() => n.image.aspectRatio === c.P16_9 ? 800 : n.image.aspectRatio === c.P2_1 ? 850 : n.image.aspectRatio === c.P1_1 ? 623 : 0), p = o(() => n.layout === l.HORIZONTAL && a.width.value <= m.value ? l.VERTICAL : n.layout), f = o(
-      () => [`b-promo-banner--${p.value}`, `b-promo-banner--${n.color}`].join(" ")
-    ), d = (r) => r.iconOnly && (r.iconLeft || r.iconRight || r.icon), g = o(() => n.dismissButtonText || i("dismiss"));
-    return { __sfc: !0, t: i, props: n, emit: e, promoBannerRef: t, promoBannerSize: a, promoBannerTitleId: _, horizontalLayoutBreakpoint: m, bannerLayoutClass: p, bannerConditionalClass: f, isIconOnly: d, computedDismissButtonText: g, BentoButton: R, BentoImage: b, BentoImageObjectFit: I, BentoTypography: T };
-  }
-});
-var E = function() {
-  var e = this, n = e._self._c, i = e._self._setupProxy;
-  return n("section", { ref: "promoBannerRef", staticClass: "b-promo-banner", class: i.bannerConditionalClass, attrs: { "aria-labelledby": i.promoBannerTitleId } }, [n("div", { staticClass: "b-promo-banner__content" }, [n("div", { staticClass: "b-promo-banner__content-header" }, [n(i.BentoTypography, { attrs: { id: i.promoBannerTitleId, variant: "title", large: "" } }, [e._v(" " + e._s(e.title) + " ")]), e._t("description")], 2), n("div", { staticClass: "b-promo-banner__content-actions" }, [e.actions ? e._l(e.actions, function(t, a) {
-    return n(i.BentoButton, { key: a, attrs: { variant: t.variant, critical: t.critical, disabled: t.disabled, inverse: t.inverse, "icon-only": t.iconOnly, link: t.link }, on: { click: t.event }, scopedSlots: e._u([t.icon || t.iconLeft ? { key: "iconLeft", fn: function() {
-      return [n(t.icon || t.iconLeft, { tag: "component", attrs: { "svg-title": t.title } })];
-    }, proxy: !0 } : null, i.isIconOnly(t) ? null : { key: "default", fn: function() {
-      return [e._v(" " + e._s(t.title) + " ")];
-    }, proxy: !0 }, t.iconRight ? { key: "iconRight", fn: function() {
-      return [n(t.iconRight, { tag: "component", attrs: { "svg-title": t.title } })];
-    }, proxy: !0 } : null], null, !0) });
-  }) : e._e(), e.isDismissible ? n(i.BentoButton, { attrs: { variant: "secondary" }, on: { click: function(t) {
-    return i.emit("dismiss");
-  } } }, [e._v(" " + e._s(i.computedDismissButtonText) + " ")]) : e._e()], 2)]), n("div", { staticClass: "b-promo-banner__image" }, [n(i.BentoImage, { staticClass: "b-promo-banner__image-item", attrs: { src: e.image.src, alt: e.image.alt ?? "", "aspect-ratio": e.image.aspectRatio, "object-fit": i.BentoImageObjectFit.CONTAIN } })], 1)]);
-}, A = [], D = /* @__PURE__ */ h(
-  k,
-  E,
-  A,
-  !1,
-  null,
-  "bb0ef392"
-);
-const Z = D.exports;
-export {
-  u as B,
-  l as a,
-  Z as p
-};
-//# sourceMappingURL=promo-banner.Db2kh2qK.js.map

package/dist/chunks/search-bar.DPjYDhja.js

@@ -1,89 +0,0 @@
-import { defineComponent as h, provide as _, toRef as b, useAttrs as v, ref as u, watch as C } from "vue";
-import { d as y } from "./debounce.DUTu11PS.js";
-import { u as I } from "./index.B6WW_F-J.js";
-import { I as S } from "./dropdown.Ct7uhPr6.js";
-import { B as k } from "./input-field.m1PMwa4C.js";
-import { S as T } from "./search.D53Ia3rC.js";
-import { C as E } from "./cross-circle-fill.DTDtgLMf.js";
-import { n as A } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
-import "../assets/search-bar.css";
-var i = /* @__PURE__ */ ((r) => (r.CLEAR = "clear", r.ESCAPE = "escape-pressed", r.INPUT = "input", r.UPDATE = "update:search-term", r))(i || {}), F = /* @__PURE__ */ ((r) => (r.CLEAR = "search-clear", r.INPUT = "search-input", r.UPDATE = "update:search-term", r))(F || {});
-const P = {
-  "en-US": { clearSearch: "Clear search", search: "Search" },
-  "ja-JP": { clearSearch: "検索をクリア", search: "検索" },
-  "pt-BR": { clearSearch: "Limpar busca", search: "Buscar" }
-}, x = {
-  i18n: { messages: P }
-}, L = /* @__PURE__ */ h({
-  ...x,
-  __name: "search-bar",
-  props: {
-    inputFieldAriaLabel: null,
-    condensed: { type: Boolean, default: !1 },
-    debounceTime: { default: 300 },
-    disabled: { type: Boolean, default: !1 },
-    hint: { default: "" },
-    placeholder: { default: "" },
-    value: { default: void 0 }
-  },
-  emits: ["input", "clear", "escape-pressed", "blur", "focus"],
-  setup(r, { expose: a, emit: n }) {
-    const e = r, { t } = I();
-    _(S, b(e, "hint"));
-    const p = v(), s = u(e.value), c = u();
-    C(
-      () => e.value,
-      () => {
-        s.value = e.value;
-      },
-      { immediate: !0 }
-    );
-    const d = () => {
-      s.value = "", n("clear"), n("input", "");
-    }, o = y(() => {
-      n("input", s.value);
-    }, e.debounceTime), f = (m) => {
-      s.value = m, o();
-    }, l = () => {
-      c.value.focusInput();
-    };
-    return a({
-      /**
-       * Focus on the input field when called.
-       */
-      focus: l
-    }), { __sfc: !0, t, props: e, emit: n, attrs: p, searchTerm: s, bentoInputField: c, onClearSearch: d, debouncedEmit: o, onInputEvent: f, focus: l, BentoSearchBarInternalEvent: i, BentoInputField: k, SearchIcon: T, CrossCircleFillIcon: E };
-  }
-});
-var N = function() {
-  var a = this, n = a._self._c, e = a._self._setupProxy;
-  return n("div", { staticClass: "b-search-bar" }, [n(e.BentoInputField, a._b({ ref: "bentoInputField", attrs: { "model-value": e.searchTerm, type: "search", condensed: a.condensed, "aria-label": a.inputFieldAriaLabel, "aria-hidden": !1, disabled: a.disabled, placeholder: a.placeholder }, on: { "update:model-value": e.onInputEvent, focus: function(t) {
-    return e.emit("focus");
-  }, blur: function(t) {
-    return e.emit("blur");
-  }, "escape-pressed": function(t) {
-    return e.emit(e.BentoSearchBarInternalEvent.ESCAPE);
-  } }, scopedSlots: a._u([{ key: "iconBefore", fn: function() {
-    return [n(e.SearchIcon, { attrs: { "svg-title": e.t("search"), "aria-hidden": "true" } })];
-  }, proxy: !0 }, e.searchTerm ? { key: "iconAfter", fn: function() {
-    return [n("div", { staticClass: "b-search-bar__clear-search", attrs: { tabindex: "0", "data-testid": "b-search-bar-clear-search-button" }, on: { click: e.onClearSearch, keypress: function(t) {
-      return !t.type.indexOf("key") && a._k(t.keyCode, "enter", 13, t.key, "Enter") ? null : e.onClearSearch.apply(null, arguments);
-    }, keyup: function(t) {
-      return !t.type.indexOf("key") && a._k(t.keyCode, "space", 32, t.key, [" ", "Spacebar"]) ? null : e.onClearSearch.apply(null, arguments);
-    } } }, [n(e.CrossCircleFillIcon, { attrs: { "svg-title": e.t("clearSearch") } })], 1)];
-  }, proxy: !0 } : null], null, !0) }, "bento-input-field", e.attrs, !1))], 1);
-}, U = [], g = /* @__PURE__ */ A(
-  L,
-  N,
-  U,
-  !1,
-  null,
-  "e7a2bf17"
-);
-const H = g.exports;
-export {
-  H as B,
-  F as a,
-  i as b
-};
-//# sourceMappingURL=search-bar.DPjYDhja.js.map