@adyen/bento-vue2 1.60.0 → 1.60.1

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

@@ -0,0 +1,152 @@
+import { defineComponent as te, useAttrs as oe, useSlots as ae, ref as u, provide as ne, inject as k, toRef as ie, computed as i, toRefs as re } from "vue";
+import { a as se, I as de, b as le, B as ue } from "./dropdown.Cx-3TGBk.js";
+import { p as T, d as M, B as pe } from "./typography.J1v_SPG3.js";
+import { g as p } from "./generate-uid.NJ8tVoha.js";
+import { g as ce } from "./get-slot-text.BQS5Olxm.js";
+import { u as fe } from "./aria-label.CaUURpnB.js";
+import { u as _e } from "./i18n.BQkEbtPM.js";
+import { u as be } from "./use-form-layout-loading.D3lALhtC.js";
+import { u as ye } from "./use-has-slot.C9lQZ6nz.js";
+import { F as he, E as we } from "./error-message.BAE9B9-N.js";
+import { n as me } 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 || {}), r = /* @__PURE__ */ ((o) => (o.START = "start", o.END = "end", o))(r || {}), c = /* @__PURE__ */ ((o) => (o.CONDENSED = "condensed", o.DISABLED = "disabled", o.READONLY = "readonly", o.ERROR = "error", o))(c || {}), A = /* @__PURE__ */ ((o) => (o.SEARCH = "search", o.TEXT = "text", o.NUMBER = "number", o))(A || {}), De = /* @__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))(De || {});
+const ve = {
+  "en-US": {
+    ariaLabelDropdownFallback: "{inputLabel} Dropdown",
+    ariaLabelFallback: "Input field"
+  }
+}, Ee = {
+  i18n: { messages: ve }
+}, Te = /* @__PURE__ */ te({
+  ...Ee,
+  __name: "input-field",
+  props: {
+    ariaHidden: { type: Boolean, default: !0 },
+    ariaLabel: { default: void 0 },
+    condensed: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 },
+    dropdown: { default: void 0 },
+    dropdownPosition: { default: r.START },
+    error: { type: Boolean, default: !1 },
+    errorMessage: { default: null },
+    optional: { type: Boolean, default: !1 },
+    placeholder: { default: "" },
+    required: { type: Boolean, default: !1 },
+    readonly: { type: Boolean, default: !1 },
+    slashedZero: { type: Boolean, default: !1 },
+    staticValue: { default: "" },
+    staticValuePosition: { default: r.START },
+    tooltipText: { default: null },
+    type: { default: A.TEXT },
+    value: { default: void 0 },
+    variant: { default: s.DEFAULT }
+  },
+  emits: ["update:dropdown", "blur", "change", "dropdown-input", "escape-pressed", "focus", "keydown", "keyup", "input"],
+  setup(o, { expose: t, emit: a }) {
+    const e = o, n = oe(), f = ae(), { t: h } = _e(), _ = ye(f), S = u(null), I = u(null), U = p("input"), w = p("input-dropdown"), m = p("input-static-value"), g = p("input-description"), N = p("input-error"), D = u(!1);
+    ne(se, !0);
+    const V = k(de, u(void 0)), x = () => {
+      D.value = !0, a("focus");
+    }, $ = () => {
+      D.value = !1, a("blur");
+    }, { isReadOnly: b } = be(ie(e, "readonly")), d = i(
+      () => e.variant === s.STATIC_VALUE && !!f.staticValue
+    ), H = i(() => e.variant === s.DEFAULT), Y = i(() => e.variant === s.PAYMENT_METHOD), W = i(
+      () => d.value && e.staticValuePosition === r.START
+    ), K = i(
+      () => d.value && e.staticValuePosition === r.END
+    ), l = i(() => e.variant === s.DROPDOWN && !!e.dropdown), q = i(
+      () => l.value && e.dropdownPosition === r.START
+    ), J = i(
+      () => l.value && e.dropdownPosition === r.END
+    ), v = i(
+      () => !e.disabled && !b.value && (!!e.errorMessage || e.error)
+    ), j = i(() => l.value === !0 && d.value === !0 ? `${m} ${w}` : l.value === !0 ? `${w}` : d.value === !0 ? `${m}` : null), O = i(() => h("ariaLabelFallback")), C = i(
+      () => h("ariaLabelDropdownFallback", { inputLabel: R.value })
+    ), L = u(n["aria-label"]), { ariaLabel: P } = re(e), R = fe({
+      ariaLabel: L.value,
+      // TODO: take this line away when the aria-label props is removed
+      label: P,
+      defaultFallback: _("default") ? ce(f)("default") : O
+    }), z = i(
+      () => `${_("description") ? g : ""} ${v.value && e.errorMessage ? N : ""}`
+    ), X = i(() => ({
+      [`b-input-field--${c.CONDENSED}`]: e.condensed,
+      [`b-input-field--${c.DISABLED}`]: e.disabled,
+      [`b-input-field--${c.READONLY}`]: b.value,
+      [`b-input-field--${c.ERROR}`]: v.value,
+      "b-input-field--slashed-zero": e.slashedZero
+    })), Z = i(() => ({
+      "aria-label": C.value,
+      ...e.dropdown
+    })), G = (y) => {
+      const ee = y.target.value;
+      !e.disabled && !b.value && a("input", ee);
+    }, Q = (y) => {
+      a("dropdown-input", y), a("update:dropdown", { ...e == null ? void 0 : e.dropdown, value: y });
+    }, E = () => {
+      S.value.focus();
+    }, B = () => {
+      e.variant === "dropdown" ? I.value.focus() : E();
+    };
+    t({
+      focusInput: E,
+      focus: B
+    });
+    const F = k(le, "");
+    return !Object.values(A).includes(e.type) && !F && (e.type === "tel" ? T(
+      `"bento-input-field" dropdown does not support the type '${e.type}', use "bento-input-field-phone-number" instead.`
+    ) : e.type === "password" ? T(
+      `"bento-input-field" dropdown does not support the type '${e.type}', use "bento-input-field-password" instead.`
+    ) : T(`"bento-input-field" dropdown does not support the type '${e.type}'`)), e.error && M(
+      '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"
+    ), _("defaultIconBefore") && M(
+      '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"
+    ), { __sfc: !0, attrs: n, slots: f, props: e, emit: a, t: h, hasSlot: _, inputFieldElement: S, inputDropdownElement: I, inputFieldId: U, dropdownId: w, staticValueId: m, descriptionId: g, errorId: N, isFocused: D, hint: V, onFocus: x, onBlur: $, isReadOnly: b, shouldShowStaticValue: d, isDefaultVariant: H, isPaymentMethodVariant: Y, shouldDisplayStaticValueAtStart: W, shouldDisplayStaticValueAtEnd: K, shouldShowDropdown: l, shouldDisplayDropdownAtStart: q, shouldDisplayDropdownAtEnd: J, shouldShowError: v, computedAriaOwns: j, computedAriaLabelFallbackMessage: O, computedAriaLabelDropdowFallback: C, ariaLabelAttribute: L, ariaLabel: P, computedAriaLabel: R, computedAriaDescribedBy: z, inputFieldConditionalClasses: X, inputFieldDropdownProps: Z, onInput: G, onDropdownInput: Q, focusInput: E, focus: B, inputFieldParentComponent: F, BentoDropdown: ue, BentoTypography: pe, ErrorMessage: we, FieldLabel: he };
+  }
+});
+var Ae = 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") ? a(e.FieldLabel, { attrs: { for: e.inputFieldId, "data-testid": "input-field-label", "tooltip-text": t.tooltipText, optional: t.optional, required: t.required }, 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(n) {
+    n.stopPropagation();
+  } } }, [t.dropdown ? a(e.BentoDropdown, t._b({ ref: "inputDropdownElement", attrs: { disabled: t.disabled, readonly: e.isReadOnly }, on: { input: 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, type: t.type, disabled: t.disabled, readonly: e.isReadOnly }, domProps: { value: t.value }, on: { input: e.onInput, change: function(n) {
+    return e.emit("change");
+  }, focus: e.onFocus, blur: e.onBlur, keydown: [function(n) {
+    return e.emit("keydown", n);
+  }, function(n) {
+    return !n.type.indexOf("key") && t._k(n.keyCode, "esc", 27, n.key, ["Esc", "Escape"]) ? null : e.emit("escape-pressed");
+  }], keyup: function(n) {
+    return e.emit("keyup", n);
+  } } }, "input", e.attrs, !1)), e.hint && e.isFocused && 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(n) {
+    n.stopPropagation();
+  } } }, [t.dropdown ? a(e.BentoDropdown, t._b({ ref: "inputDropdownElement", attrs: { id: e.dropdownId, disabled: t.disabled, readonly: e.isReadOnly }, on: { input: 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") ? 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", null, { id: "description" })], 2)], 1) : t._e()], 1);
+}, Se = [], Ie = /* @__PURE__ */ me(
+  Te,
+  Ae,
+  Se,
+  !1,
+  null,
+  "c5f8fb23"
+);
+const Ue = Ie.exports;
+export {
+  Ue as B,
+  s as a,
+  r as b,
+  c,
+  A as d,
+  De as e
+};
+//# sourceMappingURL=input-field.B8HxtNIv.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"input-field.B8HxtNIv.js","sources":["../../src/components/input-field/input-field.types.ts","../../src/components/input-field/input-field.vue"],"sourcesContent":["import { BentoDropdown } from '@/components/dropdown/';\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 = InstanceType<typeof BentoDropdown>['$props'];\nexport type BentoInputDropdownProps = {\n    items: DropdownProps['items'];\n    value?: DropdownProps['value'];\n    dynamicFiltering?: DropdownProps['dynamicFiltering'];\n    'aria-label'?: string;\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 {\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     * Disables the possibility of changing value in the input-field\n     */\n    disabled?: boolean;\n\n    /**\n     * Dropdown props for the small selectable dropdown menu.\n     * Properties supported:\n     *\n     *  - `value`: Selected value of the dropdown\n     *  - `items`: List of available items\n     *  - `aria-label`: Text that labels the dropdown element\n     *\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     * Renders input-field with an error state and the error message beneath the input box\n     */\n    errorMessage?: string;\n\n    /**\n     * Highlights the dropdown is optional.\n     */\n    optional?: boolean;\n\n    /**\n     * Text displayed as the placeholder of the input-field\n     */\n    placeholder?: string;\n\n    /**\n     * Highlights the dropdown is required.\n     */\n    required?: boolean;\n\n    /**\n     * Setting this property to true will set the input field to read only state.\n     */\n    readonly?: boolean;\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     * Adds a info icon next to the label to display the passed tooltip message.\n     */\n    tooltipText?: string;\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     */\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')\"\n            :for=\"inputFieldId\"\n            data-testid=\"input-field-label\"\n            :tooltip-text=\"tooltipText\"\n            :optional=\"optional\"\n            :required=\"required\"\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=\"isReadOnly\"\n                    @input=\"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                    :type=\"type\"\n                    :value=\"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                />\n\n                <!-- Hint at the end -->\n                <bento-typography v-if=\"hint && isFocused && value\" el=\"span\" class=\"b-input-field__hint\">\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=\"isReadOnly\"\n                    @input=\"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 v-if=\"hasSlot('description')\" :id=\"descriptionId\" class=\"b-input-field__description\" @click=\"focusInput\">\n            <bento-typography el=\"span\" variant=\"body\">\n                <slot id=\"description\" name=\"description\" />\n            </bento-typography>\n        </span>\n    </bento-typography>\n</template>\n\n<script setup lang=\"ts\">\n    import { computed, inject, provide, 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 { 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\n    // Composables\n    import { useFormLayoutFieldLoading, useHasSlot } from '@/composables';\n\n    // Types\n    import {\n        BentoInputDropdownProps,\n        BentoInputFieldElementPosition,\n        BentoInputFieldProps,\n        BentoInputFieldStateClass,\n        BentoInputFieldType,\n        BentoInputFieldVariant,\n    } from './input-field.types';\n    import { BentoListboxSelectedValue } from '@/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  ariaHidden: { type: Boolean, default: true },\n  ariaLabel: { default: undefined },\n  condensed: { type: Boolean, default: false },\n  disabled: { type: Boolean, default: false },\n  dropdown: { default: undefined },\n  dropdownPosition: { default: BentoInputFieldElementPosition.START },\n  error: { type: Boolean, default: false },\n  errorMessage: { default: null },\n  optional: { type: Boolean, default: false },\n  placeholder: { default: '' },\n  required: { type: Boolean, default: false },\n  readonly: { type: Boolean, default: false },\n  slashedZero: { type: Boolean, default: false },\n  staticValue: { default: '' },\n  staticValuePosition: { default: BentoInputFieldElementPosition.START },\n  tooltipText: { default: null },\n  type: { default: BentoInputFieldType.TEXT },\n  value: { default: undefined },\n  variant: { default: BentoInputFieldVariant.DEFAULT }\n});\n\n    const emit = defineEmits([\"update:dropdown\", \"blur\", \"change\", \"dropdown-input\", \"escape-pressed\", \"focus\", \"keydown\", \"keyup\", \"input\"]);\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\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 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: hasSlot('default')\n            ? (getSlotText(slots)('default') as string)\n            : computedAriaLabelFallbackMessage,\n    });\n\n    const computedAriaDescribedBy = computed(\n        () =>\n            `${hasSlot('description') ? 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            emit('input', 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</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     *              :value=\"inputValue\"\n     *              :input=\"newValue => inputValue.value = newValue\"\n     *          >\n     * }\n     */\n    export default {\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","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","emit","onBlur","isReadOnly","useFormLayoutFieldLoading","toRef","props","shouldShowStaticValue","computed","isDefaultVariant","isPaymentMethodVariant","shouldDisplayStaticValueAtStart","shouldDisplayStaticValueAtEnd","shouldShowDropdown","shouldDisplayDropdownAtStart","shouldDisplayDropdownAtEnd","shouldShowError","computedAriaOwns","computedAriaLabelFallbackMessage","computedAriaLabelDropdowFallback","computedAriaLabel","ariaLabelAttribute","ariaLabel","toRefs","useAriaLabel","getSlotText","computedAriaDescribedBy","inputFieldConditionalClasses","inputFieldDropdownProps","onInput","event","inputValue","onDropdownInput","selectedValue","focusInput","focus","expose","inputFieldParentComponent","INPUT_FIELD_PARENT_COMPONENT_INJECTION_KEY","printDevelopmentWarning","deprecate"],"mappings":";;;;;;;;;;;;AAKY,IAAAA,IAAA,kBAAAC,OACRA,EAAA,UAAA,WACAA,EAAA,iBAAA,kBACAA,EAAA,eAAA,gBACAA,EAAA,WAAA,YAJQA,IAAAD,KAAA,CAAA,CAAA,GAUAE,IAAA,kBAAAC,OACRA,EAAA,QAAA,SACAA,EAAA,MAAA,OAFQA,IAAAD,KAAA,CAAA,CAAA,GAKAE,IAAA,kBAAAC,OACRA,EAAA,YAAA,aACAA,EAAA,WAAA,YACAA,EAAA,WAAA,YACAA,EAAA,QAAA,SAJQA,IAAAD,KAAA,CAAA,CAAA,GAUAE,IAAA,kBAAAC,OACRA,EAAA,SAAA,UACAA,EAAA,OAAA,QACAA,EAAA,SAAA,UAHQA,IAAAD,KAAA,CAAA,CAAA,GAqBAE,KAAA,kBAAAC,OACRA,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;;;;;;GC6WRE,KAAA;AAAA,EAAe,MAAA,EAAA,UAAAC,GAAA;AAEf;;;;;;;;;;;;;;;;;;;;;;;;;;iBAnOAC,IAAAC,GAAA,GACAC,IAAAC,GAAA,GA0BA,EAAA,GAAAC,EAAA,IAAAC,GAAA,GACAC,IAAAC,GAAAL,CAAA,GACAM,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,IACAO,EAAA,OAAA;AAAA,IAAY,GAGhBC,IAAA,MAAA;AACI,MAAAR,EAAA,QAAA,IACAO,EAAA,MAAA;AAAA,IAAW,GAGf,EAAA,YAAAE,EAAA,IAAAC,GAAAC,GAAAC,GAAA,UAAA,CAAA,GAEAC,IAAAC;AAAA,MAA8B,MAAAF,EAAA,YAAAzC,EAAA,gBAAA,CAAA,CAAAc,EAAA;AAAA,IAC6C,GAG3E8B,IAAAD,EAAA,MAAAF,EAAA,YAAAzC,EAAA,OAAA,GAEA6C,IAAAF,EAAA,MAAAF,EAAA,YAAAzC,EAAA,cAAA,GAEA8C,IAAAH;AAAA,MAAwC,MAAAD,EAAA,SAAAD,EAAA,wBAAAvC,EAAA;AAAA,IAC8D,GAEtG6C,IAAAJ;AAAA,MAAsC,MAAAD,EAAA,SAAAD,EAAA,wBAAAvC,EAAA;AAAA,IACgE,GAGtG8C,IAAAL,EAAA,MAAAF,EAAA,YAAAzC,EAAA,YAAA,CAAA,CAAAyC,EAAA,QAAA,GACAQ,IAAAN;AAAA,MAAqC,MAAAK,EAAA,SAAAP,EAAA,qBAAAvC,EAAA;AAAA,IAC2D,GAEhGgD,IAAAP;AAAA,MAAmC,MAAAK,EAAA,SAAAP,EAAA,qBAAAvC,EAAA;AAAA,IAC6D,GAGhGiD,IAAAR;AAAA,MAAwB,MAAA,CAAAF,EAAA,YAAA,CAAAH,EAAA,UAAA,CAAA,CAAAG,EAAA,gBAAAA,EAAA;AAAA,IACyD,GAGjFW,IAAAT,EAAA,MACIK,EAAA,UAAA,MAAAN,EAAA,UAAA,KACI,GAAAhB,CAAA,IAAAD,CAAA,KAEJuB,EAAA,UAAA,KACI,GAAAvB,CAAA,KAEJiB,EAAA,UAAA,KACI,GAAAhB,CAAA,KAEJ,IAAO,GAKX2B,IAAAV,EAAA,MAAA3B,EAAA,mBAAA,CAAA,GACAsC,IAAAX;AAAA,MAAyC,MAAA3B,EAAA,6BAAA,EAAA,YAAAuC,EAAA,MAAA,CAAA;AAAA,IACiC,GAG1EC,IAAAnC,EAAAT,EAAA,YAAA,CAAA,GACA,EAAA,WAAA6C,EAAA,IAAAC,GAAAjB,CAAA,GACAc,IAAAI,GAAA;AAAA,MAAuC,WAAAH,EAAA;AAAA;AAAA,MACL,OAAAC;AAAA,MAEvB,iBAAAvC,EAAA,SAAA,IAAA0C,GAAA9C,CAAA,EAAA,SAAA,IAAAuC;AAAA,IAGD,CAAA,GAGVQ,IAAAlB;AAAA,MAAgC,MAAA,GAAAzB,EAAA,aAAA,IAAAS,IAAA,EAAA,IAAAwB,EAAA,SAAAV,EAAA,eAAAb,IAAA,EAAA;AAAA,IAIxB,GAGRkC,IAAAnB,EAAA,OAAA;AAAA,MAAqD,CAAA,kBAAAvC,EAAA,SAAA,EAAA,GAAAqC,EAAA;AAAA,MACgB,CAAA,kBAAArC,EAAA,QAAA,EAAA,GAAAqC,EAAA;AAAA,MACD,CAAA,kBAAArC,EAAA,QAAA,EAAA,GAAAkC,EAAA;AAAA,MACK,CAAA,kBAAAlC,EAAA,KAAA,EAAA,GAAA+C,EAAA;AAAA,MACE,+BAAAV,EAAA;AAAA,IAChC,EAAA,GAG3CsB,IAAApB,EAAA,OAAA;AAAA,MAAgD,cAAAW,EAAA;AAAA,MACG,GAAAb,EAAA;AAAA,IACtC,EAAA,GAGbuB,IAAA,CAAAC,MAAA;AACI,YAAAC,KAAAD,EAAA,OAAA;AACA,MAAA,CAAAxB,EAAA,YAAA,CAAAH,EAAA,SACIF,EAAA,SAAA8B,EAAA;AAAA,IACJ,GAGJC,IAAA,CAAAC,MAAA;AACI,MAAAhC,EAAA,kBAAAgC,CAAA,GACAhC,EAAA,mBAAA,EAAA,GAAAK,KAAA,gBAAAA,EAAA,UAAA,OAAA2B,EAAA,CAAA;AAAA,IAAoE,GAGxEC,IAAA,MAAA;AACI,MAAAjD,EAAA,MAAA,MAAA;AAAA,IAA8B,GAGlCkD,IAAA,MAAA;AACI,MAAA7B,EAAA,YAAA,aACInB,EAAA,MAAA,MAAA,IAEA+C,EAAA;AAAA,IACJ;AAIJ,IAAAE,EAAA;AAAA,MAAa,YAAAF;AAAA,MACT,OAAAC;AAAA,IACA,CAAA;AAGJ,UAAAE,IAAAvC,EAAAwC,IAAA,EAAA;AAEA,WAAA,CAAA,OAAA,OAAAnE,CAAA,EAAA,SAAAmC,EAAA,IAAA,KAAA,CAAA+B,MACI/B,EAAA,SAAA,QACIiC;AAAA,MAAA,2DAAAjC,EAAA,IAAA;AAAA,IACyE,IACzEA,EAAA,SAAA,aAEAiC;AAAA,MAAA,2DAAAjC,EAAA,IAAA;AAAA,IACyE,IAGzEiC,EAAA,2DAAAjC,EAAA,IAAA,GAAA,IAORA,EAAA,SACIkC;AAAA,MAAA;AAAA,MACI;AAAA;AAAA;AAAA,MACA;AAAA,IAGA,GAIRzD,EAAA,mBAAA,KACIyD;AAAA,MAAA;AAAA,MACI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MACA;AAAA,IAMA;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/chunks/inspector.CegHqvEW.js

@@ -0,0 +1,117 @@
+import { ref as l, watch as h, defineComponent as L, computed as v, nextTick as S } from "vue";
+import { d as x, B as k } from "./typography.J1v_SPG3.js";
+import { B as A } from "./button.BuD-IsW5.js";
+import { B as M } from "./loading-indicator.z8COalOc.js";
+import { B as I, s as O, g as H, a as w, f as D } from "./focus-trap.C-wIQqpO.js";
+import { E as P } from "./expand.C263WARj.js";
+import { C as R } from "./cross.CJ5EEL2c.js";
+import { g as z } from "./generate-uid.NJ8tVoha.js";
+import { u as N } from "./i18n.BQkEbtPM.js";
+import { a as $, b as G } from "./index.BdrLbvtJ.js";
+import { n as K } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
+import "../assets/inspector.css";
+function V(r) {
+  const t = l([]), e = $();
+  return h(e, (o) => {
+    !r.value || !o || !r.value.contains(o) || (t.value.unshift(o), t.value.length > 3 && t.value.pop());
+  }), {
+    findValidFocusFallback: () => {
+      for (const o of t.value)
+        if (o && document.body.contains(o))
+          return o;
+      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: "展開"
+  },
+  "pt-BR": {
+    close: "Fechar",
+    expand: "Expandir"
+  }
+}, U = { i18n: { messages: Y } }, X = /* @__PURE__ */ L({
+  ...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"), o = l(null), p = l(null), g = l(null), u = l(null), { width: m } = G(o), d = v(() => {
+      const C = t.size === "small" ? 740 : 915;
+      return m.value > 0 && m.value < C;
+    }), c = v(() => t.pageFocusAnchor), T = v(() => ({
+      [`b-inspector--${t.size}`]: !0,
+      [`b-inspector--${t.relativeLayout}`]: !0,
+      "b-inspector--is-compact": d.value
+    })), B = v(() => `${e("inspector")}, ${t.title}`), { findValidFocusFallback: f } = V(g), b = async () => {
+      t.isOpen ? (await S(), O(p.value, c.value)) : i(c.value ?? f());
+    }, E = (a) => {
+      if (d.value)
+        return;
+      const _ = a.shiftKey ? -1 : 1, C = H(_, p.value);
+      w() === C && (a.preventDefault(), u.value = document.activeElement, i(c.value ?? f()), n("update:active-page", void 0));
+    }, F = (a) => {
+      const _ = a.shiftKey && a.ctrlKey && a.key === "S";
+      t.isOpen && !d.value && _ && y();
+    }, y = () => {
+      D(p.value) ? (u.value = document.activeElement, i(c.value ?? f()), n("update:active-page", void 0)) : i(u.value);
+    }, i = (a) => {
+      a && (a == null || a.focus(), document.activeElement !== a && i(a.parentElement));
+    };
+    return h(
+      () => 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: o, inspector: p, page: g, inspectorLastFocusedElement: u, wrapperWidth: m, isCompact: d, computedPageLastFocusedElement: c, conditionalClass: T, inspectorAriaLabel: B, findValidFocusFallback: f, setFocus: b, handleTabNavigation: E, handleSectionFocus: F, moveFocusBetweenSections: y, focusElement: i, BentoTypography: k, BentoButton: A, BentoLoadingIndicator: M, 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__ */ K(
+  X,
+  j,
+  q,
+  !1,
+  null,
+  "d530a2b2"
+);
+const ct = J.exports;
+export {
+  ct as B
+};
+//# sourceMappingURL=inspector.CegHqvEW.js.map

package/dist/chunks/inspector.CegHqvEW.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"inspector.CegHqvEW.js","sources":["../../src/components/inspector/composables/use-focus-history/use-focus-history.ts","../../src/components/inspector/inspector.vue"],"sourcesContent":["import { ref, Ref } from 'vue';\nimport { useActiveElement } from '@vueuse/core';\nimport { watch } from 'vue';\n\n/**\n * A composable to track the focus history within a target element.\n * @param targetEl The stable parent element to monitor for focus changes.\n */\nexport function useFocusHistory(targetEl: Ref<HTMLElement | null>) {\n    const MAX_HISTORY_LENGTH = 3;\n\n    const focusHistory = ref<Element[]>([]);\n\n    const currentActiveElement = useActiveElement();\n\n    // Edge case 1:\n    // While the inspector is opened, if user tabs through the data-grid to the inspector, and closes it,\n    // it returns to the last element on the data grid regardless if it is a data-grid-cell.\n    //\n    // Edge case 2:\n    // Buttons or actions teleported out of the data-grid may have the focus shifted into a different context.\n    watch(currentActiveElement, newlyFocusedElement => {\n        // Check if the newly focused element is a child of our target container.\n        if (!targetEl.value || !newlyFocusedElement || !targetEl.value.contains(newlyFocusedElement)) {\n            return;\n        }\n\n        // Add the focused element to the history\n        focusHistory.value.unshift(newlyFocusedElement);\n\n        if (focusHistory.value.length > MAX_HISTORY_LENGTH) {\n            focusHistory.value.pop();\n        }\n    });\n\n    /**\n     * Iterates through the focus history to find the first valid element\n     * that is still present in the DOM.\n     * @returns The first valid historical element, or null if none are found.\n     */\n    const findValidFocusFallback = (): HTMLElement | null => {\n        for (const el of focusHistory.value) {\n            if (el && document.body.contains(el as Node)) {\n                return el as HTMLElement;\n            }\n        }\n\n        return null; // No valid fallback found\n    };\n\n    return {\n        findValidFocusFallback,\n    };\n}\n","<template>\n    <div ref=\"wrapper\" class=\"b-inspector\" :class=\"conditionalClass\" @keydown=\"handleSectionFocus\">\n        <div ref=\"page\" class=\"b-inspector__page-wrapper\">\n            <div class=\"b-inspector__page\">\n                <slot name=\"page\" />\n            </div>\n        </div>\n        <Transition name=\"b-inspector__animation\" mode=\"out-in\" @before-enter=\"setFocus\" @after-leave=\"setFocus\">\n            <aside\n                v-if=\"isOpen\"\n                ref=\"inspector\"\n                class=\"b-inspector__container-wrapper\"\n                :aria-label=\"inspectorAriaLabel\"\n                @keydown.tab=\"handleTabNavigation\"\n            >\n                <bento-focus-trap :disabled=\"!isCompact\">\n                    <div class=\"b-inspector__container\">\n                        <div class=\"b-inspector__header\">\n                            <template v-if=\"!isCompact\">\n                                <bento-button\n                                    class=\"b-inspector__return-content\"\n                                    variant=\"secondary\"\n                                    condensed\n                                    :aria-describedby=\"returnToMainContentDescriptionId\"\n                                    @click=\"moveFocusBetweenSections\"\n                                >\n                                    {{ t('returnToMainContent') }}\n                                </bento-button>\n                                <span\n                                    :id=\"returnToMainContentDescriptionId\"\n                                    class=\"b-inspector__return-content-description\"\n                                    >{{ t('returnToMainContentDescription') }}</span\n                                >\n                            </template>\n                            <bento-typography el=\"h2\" variant=\"title\" class=\"b-inspector__title\">\n                                {{ title }}\n                            </bento-typography>\n                            <div class=\"b-inspector__icons\">\n                                <bento-button v-if=\"expandable\" variant=\"tertiary\" @click=\"emit('expand')\">\n                                    <template #iconLeft><expand-icon :svg-title=\"t('expand')\"></expand-icon></template>\n                                </bento-button>\n                                <bento-button variant=\"tertiary\" @click=\"emit('update:is-open', false)\">\n                                    <template #iconLeft><cross-icon :svg-title=\"t('close')\"></cross-icon></template>\n                                </bento-button>\n                            </div>\n                        </div>\n                        <div class=\"b-inspector__content\">\n                            <bento-loading-indicator v-if=\"loading\" large class=\"b-inspector__loading-indicator\" />\n                            <slot v-else name=\"content\" />\n                        </div>\n                    </div>\n                </bento-focus-trap>\n            </aside>\n        </Transition>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\n    import { computed, nextTick, ref, watch } from 'vue';\n    import { BentoTypography } from '@/components/typography';\n    import { BentoButton } from '@/components/button';\n    import { BentoLoadingIndicator } from '@/components/loading-indicator';\n    import { BentoFocusTrap } from '@/components/focus-trap';\n    import ExpandIcon from '@adyen/ui-assets-icons-16/vue/expand';\n    import CrossIcon from '@adyen/ui-assets-icons-16/vue/cross';\n\n    import { generateUid } from '@/core/utils/ts';\n    import { useI18n } from '@/utils/ts/i18n';\n    import { deprecate } from '@/utils/ts/deprecate';\n    import { getNextFocusableElement } from '@/utils/ts/focus-trap.utils';\n    import { useElementSize } from '@vueuse/core';\n    import moveFocusInside, { focusInside, getActiveElement } from 'focus-lock';\n\n    import { BentoInspectorProps } from './inspector.types';\n    import { useFocusHistory } from './composables/use-focus-history/use-focus-history';\n    import messages from './messages.json';\n\n    type MessageSchema = (typeof messages)['en-US'];\n\n    const props = defineProps({\n  activePage: { default: '' },\n  expandable: { type: Boolean, default: false },\n  isOpen: { type: Boolean, default: false },\n  loading: { type: Boolean, default: false },\n  size: { default: 'small' },\n  title: null,\n  relativeLayout: { default: 'push-content' },\n  pageFocusAnchor: { default: null }\n});\n\n    const emit = defineEmits([\"update:is-open\", \"update:active-page\", \"expand\"]);\n\n    const { t } = useI18n<{ message: MessageSchema }>({ messages });\n    const returnToMainContentDescriptionId = generateUid('returnToMainContentDescription');\n    const wrapper = ref<HTMLElement>(null);\n    const inspector = ref<HTMLElement>(null);\n    const page = ref<HTMLElement>(null);\n    const inspectorLastFocusedElement = ref<HTMLElement>(null);\n\n    const { width: wrapperWidth } = useElementSize(wrapper);\n\n    const isCompact = computed(() => {\n        const COMPACT_THRESHOLD_SMALL = 740;\n        const COMPACT_THRESHOLD_LARGE = 915;\n\n        // small inspector to occupy full screen if < 740px\n        // large inspector to occupy full screen if < 915px\n        const threshold = props.size === 'small' ? COMPACT_THRESHOLD_SMALL : COMPACT_THRESHOLD_LARGE;\n\n        return wrapperWidth.value > 0 && wrapperWidth.value < threshold;\n    });\n\n    const computedPageLastFocusedElement = computed(() => props.pageFocusAnchor);\n\n    const conditionalClass = computed(() => ({\n        [`b-inspector--${props.size}`]: true,\n        [`b-inspector--${props.relativeLayout}`]: true,\n        [`b-inspector--is-compact`]: isCompact.value,\n    }));\n\n    const inspectorAriaLabel = computed(() => `${t('inspector')}, ${props.title}`);\n\n    const { findValidFocusFallback } = useFocusHistory(page);\n\n    const setFocus = async () => {\n        if (props.isOpen) {\n            await nextTick();\n            moveFocusInside(inspector.value, computedPageLastFocusedElement.value);\n        } else {\n            // This doesn't work with data grid cell actions, as the button gets destroyed once is not being hovered.\n            // To be reviewed after LevelAccess revision\n            focusElement(computedPageLastFocusedElement.value ?? findValidFocusFallback());\n        }\n    };\n\n    const handleTabNavigation = event => {\n        if (isCompact.value) {\n            return;\n        }\n        const direction = event.shiftKey ? -1 : 1;\n        const focusableEl = getNextFocusableElement(direction, inspector.value);\n        // If the nextfocusableEl is the same as the activeElement that means it's the last focusable element\n        // inside the inspector, so the focus is moved back to the last focused element on the page\n        if (getActiveElement() === focusableEl) {\n            event.preventDefault();\n            inspectorLastFocusedElement.value = document.activeElement as HTMLElement;\n            focusElement(computedPageLastFocusedElement.value ?? findValidFocusFallback());\n            // Set active-page as undefined when focus is not on page\n            emit('update:active-page', undefined);\n        }\n    };\n\n    const handleSectionFocus = event => {\n        const sectionShortcut = event.shiftKey && event.ctrlKey && event.key === 'S';\n        if (props.isOpen && !isCompact.value && sectionShortcut) {\n            moveFocusBetweenSections();\n        }\n    };\n\n    const moveFocusBetweenSections = () => {\n        if (focusInside(inspector.value)) {\n            inspectorLastFocusedElement.value = document.activeElement as HTMLElement;\n            focusElement(computedPageLastFocusedElement.value ?? findValidFocusFallback());\n            // Set active-page as undefined when focus is not on page\n            emit('update:active-page', undefined);\n        } else {\n            focusElement(inspectorLastFocusedElement.value);\n        }\n    };\n\n    const focusElement = (element: HTMLElement) => {\n        if (!element) {\n            return;\n        }\n        element?.focus();\n        if (document.activeElement !== element) {\n            focusElement(element.parentElement);\n        }\n    };\n\n    watch(\n        () => props.activePage,\n        () => {\n            if (props.activePage) {\n                setFocus();\n            }\n        }\n    );\n\n    if (!props.activePage) {\n        deprecate(\n            'BentoInspector \"active-page\" as optional',\n            `Make sure to set the \"active-page\" prop and keep it in sync with \"update:active-page\".\n            \"active-page\" prop will be required in the next version`,\n            '2.0.0'\n        );\n    }\n</script>\n\n<script lang=\"ts\">\n    /**\n     * Inspector allows users to access additional information or details of an object/item. The inspector opens adjacent to the main content, pushing it aside to maintain visibility and accessibility to both the main content and inspector.\n     *\n     * @example\n     * import { BentoInspector } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { BentoInspector },\n     *     template: `\n     *          <bento-inspector\n     *                  title=\"Inspector\"\n     *                  size=\"large\"\n     *                  :is-open=\"isOpen\"\n     *                  :active-page=\"activePage\"\n     *                  expandable\n     *                  @update:is-open=\"isOpen = $event\"\n     *                  @update:active-page=\"activePage = $event\"\n     *          >\n     *              <template #page>Content of the page</template>\n     *              <template #content>Content of the inspector</template>\n     *          </bento-inspector>\n     *     `\n     * }\n     */\n    export default { i18n: { messages } };\n</script>\n\n<style lang=\"scss\" scoped src=\"./inspector.scss\" />\n"],"names":["useFocusHistory","targetEl","focusHistory","ref","currentActiveElement","useActiveElement","watch","newlyFocusedElement","el","__default__","messages","t","useI18n","returnToMainContentDescriptionId","generateUid","wrapper","inspector","page","inspectorLastFocusedElement","wrapperWidth","useElementSize","isCompact","computed","threshold","props","computedPageLastFocusedElement","conditionalClass","inspectorAriaLabel","findValidFocusFallback","setFocus$1","nextTick","setFocus","focusElement","handleTabNavigation","event","direction","focusableEl","getNextFocusableElement","getActiveElement","emit","handleSectionFocus","sectionShortcut","moveFocusBetweenSections","focusInside","element","deprecate"],"mappings":";;;;;;;;;;;;AAQO,SAAAA,EAAAC,GAAA;AAGH,QAAAC,IAAAC,EAAA,CAAA,CAAA,GAEAC,IAAAC,EAAA;AAQA,SAAAC,EAAAF,GAAA,CAAAG,MAAA;AAEI,IAAA,CAAAN,EAAA,SAAA,CAAAM,KAAA,CAAAN,EAAA,MAAA,SAAAM,CAAA,MAKAL,EAAA,MAAA,QAAAK,CAAA,GAEAL,EAAA,MAAA,SAAA,KACIA,EAAA,MAAA,IAAA;AAAA,EACJ,CAAA,GAkBJ;AAAA,IAAO,wBAVP,MAAA;AACI,iBAAAM,KAAAN,EAAA;AACI,YAAAM,KAAA,SAAA,KAAA,SAAAA,CAAA;AACI,iBAAAA;AAIR,aAAA;AAAA,IAAO;AAAA,EAIP;AAER;;;;;;;;;;;;;;;;;GC2KIC,IAAA,EAAA,MAAA,EAAA,UAAAC,EAAA,EAAA;;;;;;;;;;;;;;;iBApIA,EAAA,GAAAC,EAAA,IAAAC,EAAA,GACAC,IAAAC,EAAA,gCAAA,GACAC,IAAAZ,EAAA,IAAA,GACAa,IAAAb,EAAA,IAAA,GACAc,IAAAd,EAAA,IAAA,GACAe,IAAAf,EAAA,IAAA,GAEA,EAAA,OAAAgB,EAAA,IAAAC,EAAAL,CAAA,GAEAM,IAAAC,EAAA,MAAA;AAMI,YAAAC,IAAAC,EAAA,SAAA,UAAA,MAAA;AAEA,aAAAL,EAAA,QAAA,KAAAA,EAAA,QAAAI;AAAA,IAAsD,CAAA,GAG1DE,IAAAH,EAAA,MAAAE,EAAA,eAAA,GAEAE,IAAAJ,EAAA,OAAA;AAAA,MAAyC,CAAA,gBAAAE,EAAA,IAAA,EAAA,GAAA;AAAA,MACL,CAAA,gBAAAA,EAAA,cAAA,EAAA,GAAA;AAAA,MACU,2BAAAH,EAAA;AAAA,IACH,EAAA,GAG3CM,IAAAL,EAAA,MAAA,GAAAX,EAAA,WAAA,CAAA,KAAAa,EAAA,KAAA,EAAA,GAEA,EAAA,wBAAAI,EAAA,IAAA5B,EAAAiB,CAAA,GAEAY,IAAA,YAAA;AACI,MAAAL,EAAA,UACI,MAAAM,EAAA,GACAC,EAAAf,EAAA,OAAAS,EAAA,KAAA,KAIAO,EAAAP,EAAA,SAAAG,EAAA,CAAA;AAAA,IACJ,GAGJK,IAAA,CAAAC,MAAA;AACI,UAAAb,EAAA;AACI;AAEJ,YAAAc,IAAAD,EAAA,WAAA,KAAA,GACAE,IAAAC,EAAAF,GAAAnB,EAAA,KAAA;AAGA,MAAAsB,EAAA,MAAAF,MACIF,EAAA,eAAA,GACAhB,EAAA,QAAA,SAAA,eACAc,EAAAP,EAAA,SAAAG,EAAA,CAAA,GAEAW,EAAA,sBAAA,MAAA;AAAA,IACJ,GAGJC,IAAA,CAAAN,MAAA;AACI,YAAAO,IAAAP,EAAA,YAAAA,EAAA,WAAAA,EAAA,QAAA;AACA,MAAAV,EAAA,UAAA,CAAAH,EAAA,SAAAoB,KACIC,EAAA;AAAA,IACJ,GAGJA,IAAA,MAAA;AACI,MAAAC,EAAA3B,EAAA,KAAA,KACIE,EAAA,QAAA,SAAA,eACAc,EAAAP,EAAA,SAAAG,EAAA,CAAA,GAEAW,EAAA,sBAAA,MAAA,KAEAP,EAAAd,EAAA,KAAA;AAAA,IACJ,GAGJc,IAAA,CAAAY,MAAA;AACI,MAAAA,MAGAA,KAAA,QAAAA,EAAA,SACA,SAAA,kBAAAA,KACIZ,EAAAY,EAAA,aAAA;AAAA,IACJ;AAGJ,WAAAtC;AAAA,MAAA,MAAAkB,EAAA;AAAA,MACgB,MAAA;AAER,QAAAA,EAAA,cACIK,EAAA;AAAA,MACJ;AAAA,IACJ,GAGJL,EAAA,cACIqB;AAAA,MAAA;AAAA,MACI;AAAA;AAAA,MACA;AAAA,IAEA;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/chunks/inspector.types.DyHwE18g.js

@@ -0,0 +1,5 @@
+const e = ["small", "large"];
+export {
+  e as B
+};
+//# sourceMappingURL=inspector.types.DyHwE18g.js.map

package/dist/chunks/inspector.types.DyHwE18g.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"inspector.types.DyHwE18g.js","sources":["../../src/components/inspector/inspector.types.ts"],"sourcesContent":["export const BentoInspectorSizeOptions = ['small', 'large'] as const;\n\nexport type BentoInspectorRelativeLayout = 'push-content' | 'overlay-content';\n\nexport type BentoInspectorSize = (typeof BentoInspectorSizeOptions)[number];\n\nexport interface BentoInspectorProps {\n    /**\n     * ID of the current active inspector page\n     */\n    activePage?: string;\n\n    /**\n     * Shows the Expand icon in the inspector\n     */\n    expandable?: boolean;\n\n    /**\n     * Opens and closes the inspector\n     */\n    isOpen?: boolean;\n\n    /**\n     * Shows loading indicator for the content\n     */\n    loading?: boolean;\n\n    /**\n     * Determines the size of the inspector\n     */\n    size?: BentoInspectorSize;\n\n    /**\n     * The title of the component\n     */\n    title: string;\n\n    /**\n     * The appearance of the inspector relative to the main content. Defaults to `push-content`.\n     *\n     * - `push-content`: The inspector pushes the main content to the side, resizing it to fit.\n     * - `overlay-content`: The inspector opens on top of the main content, without affecting its layout.\n     */\n    relativeLayout?: BentoInspectorRelativeLayout;\n\n    /**\n     * An optional HTMLElement to focus on when returning focus from the inspector\n     * to the main page content (e.g. via the `Ctrl+Shift+S` keyboard shortcut).\n     *\n     * By default, the inspector attempts to return focus to the element that was active before it opened.\n     * However, if that trigger element is removed from the DOM (e.g., via a `v-if`), focus cannot be returned.\n     *\n     * Providing a `pageFocusAnchor` (e.g. role=\"gridcell\") ensures that the\n     * focus context is preserved for accessibility.\n     */\n    pageFocusAnchor?: HTMLElement;\n}\n"],"names":["BentoInspectorSizeOptions"],"mappings":"AAAa,MAAAA,IAA4B,CAAC,SAAS,OAAO;"}

package/dist/chunks/internal-error.BLZodVBE.js

@@ -0,0 +1,5 @@
+const e = "data:image/svg+xml,%3csvg%20width='300'%20height='300'%20viewBox='0%200%20300%20300'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M233.806%20217.894H47.3439C41.6232%20217.894%2036.9824%20213.248%2036.9824%20207.516H244.161C244.161%20213.243%20239.521%20217.894%20233.8%20217.894H233.806Z'%20fill='%23EEF0F3'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M171.648%20217.894H47.3439C41.6232%20217.894%2036.9824%20213.248%2036.9824%20207.516H182.009C182.009%20213.243%20177.369%20217.894%20171.648%20217.894Z'%20fill='%23EEF0F3'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M245.388%20207.516H121.084C115.363%20207.516%20111.544%20202.87%20112.551%20197.138L130.816%2093.3782C131.822%2087.6513%20137.279%2083%20143%2083H267.304C273.024%2083%20276.844%2087.6457%20275.837%2093.3782L257.572%20197.143C256.565%20202.87%20251.103%20207.522%20245.388%20207.522V207.516Z'%20fill='%23EEF0F3'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M240.212%20207.516H115.908C110.188%20207.516%20106.368%20202.87%20107.375%20197.138L125.634%2093.3782C126.641%2087.6513%20132.098%2083%20137.818%2083H262.122C267.843%2083%20271.663%2087.6457%20270.656%2093.3782L252.391%20197.143C251.384%20202.87%20245.922%20207.522%20240.207%20207.522L240.212%20207.516Z'%20fill='%2300112C'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M241.119%20202.33C243.971%20202.33%20246.71%20200.004%20247.211%20197.143L265.476%2093.3781C265.982%2090.5175%20264.07%2088.1918%20261.206%2088.1918H136.902C134.05%2088.1918%20131.311%2090.5175%20130.81%2093.3781L112.546%20197.143C112.039%20200.004%20113.952%20202.33%20116.815%20202.33H241.119Z'%20fill='%23EEF0F3'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M182.009%20207.516H128.7C126.354%20207.516%20124.104%20208.445%20122.451%20210.112C120.797%20211.773%20118.541%20212.708%20116.201%20212.708H102.813C100.473%20212.708%2098.2175%20211.779%2096.5638%20210.112C94.91%20208.451%2092.6543%20207.516%2090.3142%20207.516H36.9824'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M24%20217.894H276'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M201.743%20153.772C202.733%20148.169%20198.424%20143.022%20192.737%20143.022C186.623%20143.022%20181.397%20147.415%20180.334%20153.446L178.382%20164.517H210.743C205.056%20164.517%20200.747%20159.375%20201.737%20153.767L201.743%20153.772Z'%20fill='%236F7987'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M159.869%20107.186C160.218%20105.198%20161.939%20103.756%20163.953%20103.756H228.304C230.234%20103.756%20231.702%20105.508%20231.364%20107.405L230.177%20114.129H158.637L159.863%20107.18L159.869%20107.186Z'%20fill='%236F7987'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M230.183%20114.123L223.146%20154.093C222.088%20160.119%20216.857%20164.517%20210.742%20164.517C205.083%20164.517%20200.78%20159.409%20201.731%20153.829C202.687%20148.203%20198.564%20143.017%20192.866%20143.017H153.552L158.637%20114.118H230.183V114.123Z'%20fill='%2300112C'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M170.951%20143.022H121.208C115.093%20143.022%20109.868%20147.415%20108.805%20153.446L104.333%20178.853L102.983%20186.523C101.824%20193.1%2098.1843%20198.979%2092.818%20202.944L86.6247%20207.516H160.258C166.372%20207.516%20171.592%20197.189%20172.661%20191.158L178.393%20164.522L180.345%20153.451C181.402%20147.426%20186.634%20143.028%20192.748%20143.028H170.957L170.951%20143.022Z'%20fill='%2300112C'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M192.742%20142.465H122.754'%20stroke='%23EEF0F3'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M122.107%20159.578L129.234%20168.239'%20stroke='%23EEF0F3'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M130.759%20159.578L120.583%20168.239'%20stroke='%23EEF0F3'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M145.857%20159.578L152.979%20168.239'%20stroke='%2385DFA9'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M154.502%20159.578L144.332%20168.239'%20stroke='%2385DFA9'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M115.054%20183.319L122.546%20176.939L127.823%20183.358'%20stroke='%23EEF0F3'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M127.834%20183.319L135.327%20176.939L140.603%20183.358'%20stroke='%23EEF0F3'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M140.608%20183.319L148.106%20176.939L153.383%20183.358'%20stroke='%23EEF0F3'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M165.877%20122.221L162.918%20124.738L164.994%20127.25'%20stroke='%23EEF0F3'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M168.571%20124.738H174.854'%20stroke='%23EEF0F3'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M177.998%20124.738H196.842'%20stroke='%2385DFA9'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M217.582%20136.062L220.541%20133.545L218.465%20131.034'%20stroke='%23EEF0F3'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M160.735%20133.545H173.302'%20stroke='%23EEF0F3'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M176.446%20133.545H185.874'%20stroke='%2385DFA9'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M222.167%20124.738H203.323'%20stroke='%230ABF53'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M211.199%20133.545H201.771'%20stroke='%23EEF0F3'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M198.289%20133.545H188.861'%20stroke='%230ABF53'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M212.38%20136.062L216.194%20131.028'%20stroke='%23EEF0F3'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M86.6243%20207.522H86.3093C81.3986%20207.522%2077.416%20203.535%2077.416%20198.619H149.789C149.789%20203.535%20153.771%20207.522%20158.682%20207.522H160.257H86.6243Z'%20fill='%236F7987'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M98.1555%20128.359V135.319'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M83.3955%20135.984L88.3119%20140.905'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M75.7786%20150.76H82.7312'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e";
+export {
+  e as default
+};
+//# sourceMappingURL=internal-error.BLZodVBE.js.map

package/dist/chunks/internal-error.BLZodVBE.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"internal-error.BLZodVBE.js","sources":["../../src/components/empty-state/assets/large/internal-error.svg"],"sourcesContent":["export default \"data:image/svg+xml,%3csvg%20width='300'%20height='300'%20viewBox='0%200%20300%20300'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M233.806%20217.894H47.3439C41.6232%20217.894%2036.9824%20213.248%2036.9824%20207.516H244.161C244.161%20213.243%20239.521%20217.894%20233.8%20217.894H233.806Z'%20fill='%23EEF0F3'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M171.648%20217.894H47.3439C41.6232%20217.894%2036.9824%20213.248%2036.9824%20207.516H182.009C182.009%20213.243%20177.369%20217.894%20171.648%20217.894Z'%20fill='%23EEF0F3'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M245.388%20207.516H121.084C115.363%20207.516%20111.544%20202.87%20112.551%20197.138L130.816%2093.3782C131.822%2087.6513%20137.279%2083%20143%2083H267.304C273.024%2083%20276.844%2087.6457%20275.837%2093.3782L257.572%20197.143C256.565%20202.87%20251.103%20207.522%20245.388%20207.522V207.516Z'%20fill='%23EEF0F3'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M240.212%20207.516H115.908C110.188%20207.516%20106.368%20202.87%20107.375%20197.138L125.634%2093.3782C126.641%2087.6513%20132.098%2083%20137.818%2083H262.122C267.843%2083%20271.663%2087.6457%20270.656%2093.3782L252.391%20197.143C251.384%20202.87%20245.922%20207.522%20240.207%20207.522L240.212%20207.516Z'%20fill='%2300112C'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M241.119%20202.33C243.971%20202.33%20246.71%20200.004%20247.211%20197.143L265.476%2093.3781C265.982%2090.5175%20264.07%2088.1918%20261.206%2088.1918H136.902C134.05%2088.1918%20131.311%2090.5175%20130.81%2093.3781L112.546%20197.143C112.039%20200.004%20113.952%20202.33%20116.815%20202.33H241.119Z'%20fill='%23EEF0F3'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M182.009%20207.516H128.7C126.354%20207.516%20124.104%20208.445%20122.451%20210.112C120.797%20211.773%20118.541%20212.708%20116.201%20212.708H102.813C100.473%20212.708%2098.2175%20211.779%2096.5638%20210.112C94.91%20208.451%2092.6543%20207.516%2090.3142%20207.516H36.9824'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M24%20217.894H276'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M201.743%20153.772C202.733%20148.169%20198.424%20143.022%20192.737%20143.022C186.623%20143.022%20181.397%20147.415%20180.334%20153.446L178.382%20164.517H210.743C205.056%20164.517%20200.747%20159.375%20201.737%20153.767L201.743%20153.772Z'%20fill='%236F7987'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M159.869%20107.186C160.218%20105.198%20161.939%20103.756%20163.953%20103.756H228.304C230.234%20103.756%20231.702%20105.508%20231.364%20107.405L230.177%20114.129H158.637L159.863%20107.18L159.869%20107.186Z'%20fill='%236F7987'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M230.183%20114.123L223.146%20154.093C222.088%20160.119%20216.857%20164.517%20210.742%20164.517C205.083%20164.517%20200.78%20159.409%20201.731%20153.829C202.687%20148.203%20198.564%20143.017%20192.866%20143.017H153.552L158.637%20114.118H230.183V114.123Z'%20fill='%2300112C'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M170.951%20143.022H121.208C115.093%20143.022%20109.868%20147.415%20108.805%20153.446L104.333%20178.853L102.983%20186.523C101.824%20193.1%2098.1843%20198.979%2092.818%20202.944L86.6247%20207.516H160.258C166.372%20207.516%20171.592%20197.189%20172.661%20191.158L178.393%20164.522L180.345%20153.451C181.402%20147.426%20186.634%20143.028%20192.748%20143.028H170.957L170.951%20143.022Z'%20fill='%2300112C'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M192.742%20142.465H122.754'%20stroke='%23EEF0F3'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M122.107%20159.578L129.234%20168.239'%20stroke='%23EEF0F3'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M130.759%20159.578L120.583%20168.239'%20stroke='%23EEF0F3'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M145.857%20159.578L152.979%20168.239'%20stroke='%2385DFA9'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M154.502%20159.578L144.332%20168.239'%20stroke='%2385DFA9'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M115.054%20183.319L122.546%20176.939L127.823%20183.358'%20stroke='%23EEF0F3'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M127.834%20183.319L135.327%20176.939L140.603%20183.358'%20stroke='%23EEF0F3'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M140.608%20183.319L148.106%20176.939L153.383%20183.358'%20stroke='%23EEF0F3'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M165.877%20122.221L162.918%20124.738L164.994%20127.25'%20stroke='%23EEF0F3'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M168.571%20124.738H174.854'%20stroke='%23EEF0F3'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M177.998%20124.738H196.842'%20stroke='%2385DFA9'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M217.582%20136.062L220.541%20133.545L218.465%20131.034'%20stroke='%23EEF0F3'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M160.735%20133.545H173.302'%20stroke='%23EEF0F3'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M176.446%20133.545H185.874'%20stroke='%2385DFA9'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M222.167%20124.738H203.323'%20stroke='%230ABF53'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M211.199%20133.545H201.771'%20stroke='%23EEF0F3'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M198.289%20133.545H188.861'%20stroke='%230ABF53'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M212.38%20136.062L216.194%20131.028'%20stroke='%23EEF0F3'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M86.6243%20207.522H86.3093C81.3986%20207.522%2077.416%20203.535%2077.416%20198.619H149.789C149.789%20203.535%20153.771%20207.522%20158.682%20207.522H160.257H86.6243Z'%20fill='%236F7987'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M98.1555%20128.359V135.319'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M83.3955%20135.984L88.3119%20140.905'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M75.7786%20150.76H82.7312'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e\""],"names":["internalError"],"mappings":"AAAA,MAAeA,IAAA;"}

package/dist/chunks/internal-error.BmrwJFpR.js

@@ -0,0 +1,5 @@
+const e = "data:image/svg+xml,%3csvg%20width='200'%20height='200'%20viewBox='0%200%20200%20200'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M150.549%20140.662H38.0805C34.6299%20140.662%2031.8307%20137.86%2031.8307%20134.402H156.796C156.796%20137.856%20153.997%20140.662%20150.546%20140.662H150.549Z'%20fill='%23EEF0F3'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M113.058%20140.662H38.0805C34.6299%20140.662%2031.8307%20137.86%2031.8307%20134.402H119.307C119.307%20137.856%20116.508%20140.662%20113.058%20140.662Z'%20fill='%23EEF0F3'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M157.535%20134.402H82.5584C79.1078%20134.402%2076.804%20131.6%2077.4113%20128.142L88.4282%2065.5569C89.0355%2062.1026%2092.3267%2059.2971%2095.7773%2059.2971H170.754C174.205%2059.2971%20176.509%2062.0992%20175.901%2065.5569L164.885%20128.146C164.277%20131.6%20160.983%20134.405%20157.535%20134.405V134.402Z'%20fill='%23EEF0F3'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M154.413%20134.402H79.4364C75.9858%20134.402%2073.682%20131.6%2074.2893%20128.142L85.3027%2065.5569C85.9101%2062.1026%2089.2012%2059.2971%2092.6518%2059.2971H167.629C171.079%2059.2971%20173.383%2062.0992%20172.776%2065.5569L161.759%20128.146C161.152%20131.6%20157.857%20134.405%20154.41%20134.405L154.413%20134.402Z'%20fill='%2300112C'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M154.96%20131.274C156.68%20131.274%20158.333%20129.871%20158.635%20128.146L169.651%2065.5571C169.957%2063.8316%20168.803%2062.4288%20167.076%2062.4288H92.0992C90.379%2062.4288%2088.7267%2063.8316%2088.4247%2065.5571L77.4078%20128.146C77.1025%20129.871%2078.2561%20131.274%2079.9831%20131.274H154.96Z'%20fill='%23EEF0F3'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M119.307%20134.402H87.1525C85.7376%20134.402%2084.3804%20134.962%2083.3829%20135.968C82.3854%20136.97%2081.0248%20137.534%2079.6134%20137.534H71.5382C70.1267%20137.534%2068.7662%20136.973%2067.7686%20135.968C66.7711%20134.966%2065.4105%20134.402%2063.9991%20134.402H31.8307'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M24%20140.662H176'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M131.21%20101.985C131.807%2098.6057%20129.208%2095.5012%20125.778%2095.5012C122.09%2095.5012%20118.938%2098.1505%20118.296%20101.788L117.119%20108.466H136.639C133.208%20108.466%20130.609%20105.365%20131.206%20101.982L131.21%20101.985Z'%20fill='%236F7987'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M105.952%2073.8854C106.163%2072.6864%20107.201%2071.8169%20108.415%2071.8169H147.231C148.394%2071.8169%20149.28%2072.8732%20149.076%2074.0179L148.36%2078.0734H105.209L105.949%2073.882L105.952%2073.8854Z'%20fill='%236F7987'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M148.364%2078.0697L144.12%20102.179C143.482%20105.813%20140.326%20108.466%20136.638%20108.466C133.225%20108.466%20130.629%20105.385%20131.203%20102.019C131.779%2098.6257%20129.292%2095.4975%20125.855%2095.4975H102.142L105.209%2078.0663H148.364V78.0697Z'%20fill='%2300112C'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M112.637%2095.5012H82.6334C78.9453%2095.5012%2075.7933%2098.1505%2075.152%20101.788L72.4546%20117.114L71.6403%20121.74C70.9414%20125.707%2068.7462%20129.253%2065.5093%20131.644L61.7737%20134.402H106.187C109.875%20134.402%20113.024%20128.173%20113.669%20124.535L117.126%20108.469L118.303%20101.792C118.941%2098.1573%20122.097%2095.5046%20125.785%2095.5046H112.641L112.637%2095.5012Z'%20fill='%2300112C'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M125.78%2095.1646H83.5656'%20stroke='%23EEF0F3'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M83.1763%20105.487L87.4751%20110.711'%20stroke='%23EEF0F3'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M88.3943%20105.487L82.2564%20110.711'%20stroke='%23EEF0F3'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M97.5017%20105.487L101.797%20110.711'%20stroke='%2385DFA9'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M102.715%20105.487L96.5811%20110.711'%20stroke='%2385DFA9'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M78.9211%20119.807L83.4405%20115.959L86.623%20119.831'%20stroke='%23EEF0F3'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M86.6301%20119.807L91.1495%20115.959L94.332%20119.831'%20stroke='%23EEF0F3'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M94.335%20119.807L98.8578%20115.959L102.04%20119.831'%20stroke='%23EEF0F3'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M109.576%2082.9542L107.792%2084.4724L109.044%2085.9873'%20stroke='%23EEF0F3'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M111.202%2084.4722H114.992'%20stroke='%23EEF0F3'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M116.888%2084.4722H128.254'%20stroke='%2385DFA9'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M140.764%2091.3031L142.548%2089.7848L141.296%2088.27'%20stroke='%23EEF0F3'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M106.475%2089.7847H114.055'%20stroke='%23EEF0F3'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M115.952%2089.7847H121.638'%20stroke='%2385DFA9'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M143.529%2084.4722H132.163'%20stroke='%230ABF53'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M136.914%2089.7847H131.227'%20stroke='%23EEF0F3'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M129.127%2089.7847H123.44'%20stroke='%230ABF53'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M137.626%2091.3028L139.926%2088.2663'%20stroke='%23EEF0F3'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M61.7733%20134.405H61.5833C58.6213%20134.405%2056.2191%20132.001%2056.2191%20129.036H99.8725C99.8725%20132.001%20102.275%20134.405%20105.237%20134.405H106.187H61.7733Z'%20fill='%236F7987'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M68.7284%2086.6562V90.8543'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M59.8262%2091.2553L62.7916%2094.2239'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M55.2311%20100.168H59.4248'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e";
+export {
+  e as default
+};
+//# sourceMappingURL=internal-error.BmrwJFpR.js.map

package/dist/chunks/internal-error.BmrwJFpR.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"internal-error.BmrwJFpR.js","sources":["../../src/components/empty-state/assets/small/internal-error.svg"],"sourcesContent":["export default \"data:image/svg+xml,%3csvg%20width='200'%20height='200'%20viewBox='0%200%20200%20200'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M150.549%20140.662H38.0805C34.6299%20140.662%2031.8307%20137.86%2031.8307%20134.402H156.796C156.796%20137.856%20153.997%20140.662%20150.546%20140.662H150.549Z'%20fill='%23EEF0F3'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M113.058%20140.662H38.0805C34.6299%20140.662%2031.8307%20137.86%2031.8307%20134.402H119.307C119.307%20137.856%20116.508%20140.662%20113.058%20140.662Z'%20fill='%23EEF0F3'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M157.535%20134.402H82.5584C79.1078%20134.402%2076.804%20131.6%2077.4113%20128.142L88.4282%2065.5569C89.0355%2062.1026%2092.3267%2059.2971%2095.7773%2059.2971H170.754C174.205%2059.2971%20176.509%2062.0992%20175.901%2065.5569L164.885%20128.146C164.277%20131.6%20160.983%20134.405%20157.535%20134.405V134.402Z'%20fill='%23EEF0F3'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M154.413%20134.402H79.4364C75.9858%20134.402%2073.682%20131.6%2074.2893%20128.142L85.3027%2065.5569C85.9101%2062.1026%2089.2012%2059.2971%2092.6518%2059.2971H167.629C171.079%2059.2971%20173.383%2062.0992%20172.776%2065.5569L161.759%20128.146C161.152%20131.6%20157.857%20134.405%20154.41%20134.405L154.413%20134.402Z'%20fill='%2300112C'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M154.96%20131.274C156.68%20131.274%20158.333%20129.871%20158.635%20128.146L169.651%2065.5571C169.957%2063.8316%20168.803%2062.4288%20167.076%2062.4288H92.0992C90.379%2062.4288%2088.7267%2063.8316%2088.4247%2065.5571L77.4078%20128.146C77.1025%20129.871%2078.2561%20131.274%2079.9831%20131.274H154.96Z'%20fill='%23EEF0F3'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M119.307%20134.402H87.1525C85.7376%20134.402%2084.3804%20134.962%2083.3829%20135.968C82.3854%20136.97%2081.0248%20137.534%2079.6134%20137.534H71.5382C70.1267%20137.534%2068.7662%20136.973%2067.7686%20135.968C66.7711%20134.966%2065.4105%20134.402%2063.9991%20134.402H31.8307'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M24%20140.662H176'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M131.21%20101.985C131.807%2098.6057%20129.208%2095.5012%20125.778%2095.5012C122.09%2095.5012%20118.938%2098.1505%20118.296%20101.788L117.119%20108.466H136.639C133.208%20108.466%20130.609%20105.365%20131.206%20101.982L131.21%20101.985Z'%20fill='%236F7987'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M105.952%2073.8854C106.163%2072.6864%20107.201%2071.8169%20108.415%2071.8169H147.231C148.394%2071.8169%20149.28%2072.8732%20149.076%2074.0179L148.36%2078.0734H105.209L105.949%2073.882L105.952%2073.8854Z'%20fill='%236F7987'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M148.364%2078.0697L144.12%20102.179C143.482%20105.813%20140.326%20108.466%20136.638%20108.466C133.225%20108.466%20130.629%20105.385%20131.203%20102.019C131.779%2098.6257%20129.292%2095.4975%20125.855%2095.4975H102.142L105.209%2078.0663H148.364V78.0697Z'%20fill='%2300112C'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M112.637%2095.5012H82.6334C78.9453%2095.5012%2075.7933%2098.1505%2075.152%20101.788L72.4546%20117.114L71.6403%20121.74C70.9414%20125.707%2068.7462%20129.253%2065.5093%20131.644L61.7737%20134.402H106.187C109.875%20134.402%20113.024%20128.173%20113.669%20124.535L117.126%20108.469L118.303%20101.792C118.941%2098.1573%20122.097%2095.5046%20125.785%2095.5046H112.641L112.637%2095.5012Z'%20fill='%2300112C'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M125.78%2095.1646H83.5656'%20stroke='%23EEF0F3'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M83.1763%20105.487L87.4751%20110.711'%20stroke='%23EEF0F3'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M88.3943%20105.487L82.2564%20110.711'%20stroke='%23EEF0F3'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M97.5017%20105.487L101.797%20110.711'%20stroke='%2385DFA9'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M102.715%20105.487L96.5811%20110.711'%20stroke='%2385DFA9'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M78.9211%20119.807L83.4405%20115.959L86.623%20119.831'%20stroke='%23EEF0F3'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M86.6301%20119.807L91.1495%20115.959L94.332%20119.831'%20stroke='%23EEF0F3'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M94.335%20119.807L98.8578%20115.959L102.04%20119.831'%20stroke='%23EEF0F3'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M109.576%2082.9542L107.792%2084.4724L109.044%2085.9873'%20stroke='%23EEF0F3'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M111.202%2084.4722H114.992'%20stroke='%23EEF0F3'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M116.888%2084.4722H128.254'%20stroke='%2385DFA9'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M140.764%2091.3031L142.548%2089.7848L141.296%2088.27'%20stroke='%23EEF0F3'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M106.475%2089.7847H114.055'%20stroke='%23EEF0F3'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M115.952%2089.7847H121.638'%20stroke='%2385DFA9'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M143.529%2084.4722H132.163'%20stroke='%230ABF53'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M136.914%2089.7847H131.227'%20stroke='%23EEF0F3'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M129.127%2089.7847H123.44'%20stroke='%230ABF53'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M137.626%2091.3028L139.926%2088.2663'%20stroke='%23EEF0F3'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M61.7733%20134.405H61.5833C58.6213%20134.405%2056.2191%20132.001%2056.2191%20129.036H99.8725C99.8725%20132.001%20102.275%20134.405%20105.237%20134.405H106.187H61.7733Z'%20fill='%236F7987'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M68.7284%2086.6562V90.8543'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M59.8262%2091.2553L62.7916%2094.2239'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M55.2311%20100.168H59.4248'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e\""],"names":["internalError"],"mappings":"AAAA,MAAeA,IAAA;"}

package/dist/chunks/keyboard-navigation.pB8weElW.js

@@ -0,0 +1,66 @@
+import { l as a } from "./events.CMzGybJJ.js";
+var t = /* @__PURE__ */ ((s) => (s.ARROW_DOWN = "keydown:arrow-down", s.ARROW_LEFT = "keydown:arrow-left", s.ARROW_RIGHT = "keydown:arrow-right", s.ARROW_UP = "keydown:arrow-up", s.END = "keydown:end", s.ENTER = "keydown:enter", s.ESCAPE = "keydown:escape", s.HOME = "keydown:home", s.PAGE_DOWN = "keydown:page-down", s.PAGE_UP = "keydown:page-up", s.SHIFT_PAGE_DOWN = "keydown:shift-page-down", s.SHIFT_PAGE_UP = "keydown:shift-page-up", s.TAB = "keydown:tab", s.SPACE = "keydown:space", s))(t || {});
+const d = (s) => (e) => {
+  switch (e.key) {
+    case "Esc":
+    case "Escape":
+      s.dispatchEvent(new CustomEvent(t.ESCAPE, { detail: e }));
+      break;
+    case "Enter":
+      s.dispatchEvent(new CustomEvent(t.ENTER, { detail: e }));
+      break;
+    case "Tab":
+      s.dispatchEvent(new CustomEvent(t.TAB, { detail: e }));
+      break;
+    // Space
+    case " ":
+      s.dispatchEvent(new CustomEvent(t.SPACE, { detail: e }));
+      break;
+    case "Right":
+    case "ArrowRight":
+      s.dispatchEvent(new CustomEvent(t.ARROW_RIGHT, { detail: e }));
+      break;
+    case "Left":
+    case "ArrowLeft":
+      s.dispatchEvent(new CustomEvent(t.ARROW_LEFT, { detail: e }));
+      break;
+    case "Up":
+    case "ArrowUp":
+      s.dispatchEvent(new CustomEvent(t.ARROW_UP, { detail: e }));
+      break;
+    case "Down":
+    case "ArrowDown":
+      s.dispatchEvent(new CustomEvent(t.ARROW_DOWN, { detail: e }));
+      break;
+    case "PageUp":
+      e.shiftKey ? s.dispatchEvent(new CustomEvent(t.SHIFT_PAGE_UP, { detail: e })) : s.dispatchEvent(new CustomEvent(t.PAGE_UP, { detail: e }));
+      break;
+    case "PageDown":
+      e.shiftKey ? s.dispatchEvent(
+        new CustomEvent(t.SHIFT_PAGE_DOWN, { detail: e })
+      ) : s.dispatchEvent(new CustomEvent(t.PAGE_DOWN, { detail: e }));
+      break;
+    case "Home":
+      s.dispatchEvent(new CustomEvent(t.HOME, { detail: e }));
+      break;
+    case "End":
+      s.dispatchEvent(new CustomEvent(t.END, { detail: e }));
+      break;
+  }
+}, E = (s, e) => {
+  e.keyDownListener = a(s, "keydown", d(s));
+}, c = (s, e) => {
+  e.keyDownListener && e.keyDownListener();
+}, r = {
+  // Vue 2 Directive hooks
+  bind: E,
+  unbind: c,
+  // Vue 3 Directive hooks
+  beforeMount: E,
+  unmounted: c
+};
+export {
+  t as B,
+  r as a
+};
+//# sourceMappingURL=keyboard-navigation.pB8weElW.js.map

package/dist/chunks/keyboard-navigation.pB8weElW.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"keyboard-navigation.pB8weElW.js","sources":["../../src/types/keyboard-navigation.ts","../../src/directives/keyboard-navigation/keyboard-navigation.ts"],"sourcesContent":["export enum BentoKeyboardNavigationKeyDownEvent {\n    ARROW_DOWN = 'keydown:arrow-down',\n    ARROW_LEFT = 'keydown:arrow-left',\n    ARROW_RIGHT = 'keydown:arrow-right',\n    ARROW_UP = 'keydown:arrow-up',\n    END = 'keydown:end',\n    ENTER = 'keydown:enter',\n    ESCAPE = 'keydown:escape',\n    HOME = 'keydown:home',\n    PAGE_DOWN = 'keydown:page-down',\n    PAGE_UP = 'keydown:page-up',\n    SHIFT_PAGE_DOWN = 'keydown:shift-page-down',\n    SHIFT_PAGE_UP = 'keydown:shift-page-up',\n    TAB = 'keydown:tab',\n    SPACE = 'keydown:space',\n}\n","import { listen } from '@/utils/ts/events';\nimport { Binding } from './keyboard-navigation.types';\nimport { BentoKeyboardNavigationKeyDownEvent } from '@/types';\nimport type { DirectiveHook } from 'vue';\n\nconst onKeyEvent = (el: Element) => (event: KeyboardEvent) => {\n    switch (event.key) {\n        case 'Esc':\n        case 'Escape':\n            el.dispatchEvent(new CustomEvent(BentoKeyboardNavigationKeyDownEvent.ESCAPE, { detail: event }));\n            break;\n        case 'Enter':\n            el.dispatchEvent(new CustomEvent(BentoKeyboardNavigationKeyDownEvent.ENTER, { detail: event }));\n            break;\n        case 'Tab':\n            el.dispatchEvent(new CustomEvent(BentoKeyboardNavigationKeyDownEvent.TAB, { detail: event }));\n            break;\n        // Space\n        case ' ':\n            el.dispatchEvent(new CustomEvent(BentoKeyboardNavigationKeyDownEvent.SPACE, { detail: event }));\n            break;\n        case 'Right':\n        case 'ArrowRight':\n            el.dispatchEvent(new CustomEvent(BentoKeyboardNavigationKeyDownEvent.ARROW_RIGHT, { detail: event }));\n            break;\n        case 'Left':\n        case 'ArrowLeft':\n            el.dispatchEvent(new CustomEvent(BentoKeyboardNavigationKeyDownEvent.ARROW_LEFT, { detail: event }));\n            break;\n        case 'Up':\n        case 'ArrowUp':\n            el.dispatchEvent(new CustomEvent(BentoKeyboardNavigationKeyDownEvent.ARROW_UP, { detail: event }));\n            break;\n        case 'Down':\n        case 'ArrowDown':\n            el.dispatchEvent(new CustomEvent(BentoKeyboardNavigationKeyDownEvent.ARROW_DOWN, { detail: event }));\n            break;\n        case 'PageUp':\n            if (event.shiftKey) {\n                el.dispatchEvent(new CustomEvent(BentoKeyboardNavigationKeyDownEvent.SHIFT_PAGE_UP, { detail: event }));\n            } else {\n                el.dispatchEvent(new CustomEvent(BentoKeyboardNavigationKeyDownEvent.PAGE_UP, { detail: event }));\n            }\n            break;\n        case 'PageDown':\n            if (event.shiftKey) {\n                el.dispatchEvent(\n                    new CustomEvent(BentoKeyboardNavigationKeyDownEvent.SHIFT_PAGE_DOWN, { detail: event })\n                );\n            } else {\n                el.dispatchEvent(new CustomEvent(BentoKeyboardNavigationKeyDownEvent.PAGE_DOWN, { detail: event }));\n            }\n            break;\n        case 'Home':\n            el.dispatchEvent(new CustomEvent(BentoKeyboardNavigationKeyDownEvent.HOME, { detail: event }));\n            break;\n        case 'End':\n            el.dispatchEvent(new CustomEvent(BentoKeyboardNavigationKeyDownEvent.END, { detail: event }));\n            break;\n        default:\n            break;\n    }\n};\n\nconst bindDirective: DirectiveHook<Element> = (el, binding: Binding<undefined>) => {\n    // Register the listener cleanup function\n    // eslint-disable-next-line no-param-reassign\n    binding['keyDownListener'] = listen(el, 'keydown', onKeyEvent(el));\n};\n\nconst unbindDirective: DirectiveHook<Element> = (_, binding: Binding<undefined>) => {\n    if (binding.keyDownListener) {\n        binding.keyDownListener();\n    }\n};\n\nexport const BentoKeyboardNavigationDirective = {\n    // Vue 2 Directive hooks\n    bind: bindDirective,\n    unbind: unbindDirective,\n    // Vue 3 Directive hooks\n    beforeMount: bindDirective,\n    unmounted: unbindDirective,\n};\n"],"names":["BentoKeyboardNavigationKeyDownEvent","onKeyEvent","el","event","bindDirective","binding","listen","unbindDirective","_","BentoKeyboardNavigationDirective"],"mappings":";AAAY,IAAAA,sBAAAA,OACRA,EAAA,aAAa,sBACbA,EAAA,aAAa,sBACbA,EAAA,cAAc,uBACdA,EAAA,WAAW,oBACXA,EAAA,MAAM,eACNA,EAAA,QAAQ,iBACRA,EAAA,SAAS,kBACTA,EAAA,OAAO,gBACPA,EAAA,YAAY,qBACZA,EAAA,UAAU,mBACVA,EAAA,kBAAkB,2BAClBA,EAAA,gBAAgB,yBAChBA,EAAA,MAAM,eACNA,EAAA,QAAQ,iBAdAA,IAAAA,KAAA,CAAA,CAAA;ACKZ,MAAMC,IAAa,CAACC,MAAgB,CAACC,MAAyB;AAC1D,UAAQA,EAAM,KAAK;AAAA,IACf,KAAK;AAAA,IACL,KAAK;AACE,MAAAD,EAAA,cAAc,IAAI,YAAYF,EAAoC,QAAQ,EAAE,QAAQG,EAAM,CAAC,CAAC;AAC/F;AAAA,IACJ,KAAK;AACE,MAAAD,EAAA,cAAc,IAAI,YAAYF,EAAoC,OAAO,EAAE,QAAQG,EAAM,CAAC,CAAC;AAC9F;AAAA,IACJ,KAAK;AACE,MAAAD,EAAA,cAAc,IAAI,YAAYF,EAAoC,KAAK,EAAE,QAAQG,EAAM,CAAC,CAAC;AAC5F;AAAA;AAAA,IAEJ,KAAK;AACE,MAAAD,EAAA,cAAc,IAAI,YAAYF,EAAoC,OAAO,EAAE,QAAQG,EAAM,CAAC,CAAC;AAC9F;AAAA,IACJ,KAAK;AAAA,IACL,KAAK;AACE,MAAAD,EAAA,cAAc,IAAI,YAAYF,EAAoC,aAAa,EAAE,QAAQG,EAAM,CAAC,CAAC;AACpG;AAAA,IACJ,KAAK;AAAA,IACL,KAAK;AACE,MAAAD,EAAA,cAAc,IAAI,YAAYF,EAAoC,YAAY,EAAE,QAAQG,EAAM,CAAC,CAAC;AACnG;AAAA,IACJ,KAAK;AAAA,IACL,KAAK;AACE,MAAAD,EAAA,cAAc,IAAI,YAAYF,EAAoC,UAAU,EAAE,QAAQG,EAAM,CAAC,CAAC;AACjG;AAAA,IACJ,KAAK;AAAA,IACL,KAAK;AACE,MAAAD,EAAA,cAAc,IAAI,YAAYF,EAAoC,YAAY,EAAE,QAAQG,EAAM,CAAC,CAAC;AACnG;AAAA,IACJ,KAAK;AACD,MAAIA,EAAM,WACHD,EAAA,cAAc,IAAI,YAAYF,EAAoC,eAAe,EAAE,QAAQG,EAAM,CAAC,CAAC,IAEnGD,EAAA,cAAc,IAAI,YAAYF,EAAoC,SAAS,EAAE,QAAQG,EAAM,CAAC,CAAC;AAEpG;AAAA,IACJ,KAAK;AACD,MAAIA,EAAM,WACHD,EAAA;AAAA,QACC,IAAI,YAAYF,EAAoC,iBAAiB,EAAE,QAAQG,EAAO,CAAA;AAAA,MAC1F,IAEGD,EAAA,cAAc,IAAI,YAAYF,EAAoC,WAAW,EAAE,QAAQG,EAAM,CAAC,CAAC;AAEtG;AAAA,IACJ,KAAK;AACE,MAAAD,EAAA,cAAc,IAAI,YAAYF,EAAoC,MAAM,EAAE,QAAQG,EAAM,CAAC,CAAC;AAC7F;AAAA,IACJ,KAAK;AACE,MAAAD,EAAA,cAAc,IAAI,YAAYF,EAAoC,KAAK,EAAE,QAAQG,EAAM,CAAC,CAAC;AAC5F;AAAA,EAEA;AAEZ,GAEMC,IAAwC,CAACF,GAAIG,MAAgC;AAG/E,EAAAA,EAAQ,kBAAqBC,EAAOJ,GAAI,WAAWD,EAAWC,CAAE,CAAC;AACrE,GAEMK,IAA0C,CAACC,GAAGH,MAAgC;AAChF,EAAIA,EAAQ,mBACRA,EAAQ,gBAAgB;AAEhC,GAEaI,IAAmC;AAAA;AAAA,EAE5C,MAAML;AAAA,EACN,QAAQG;AAAA;AAAA,EAER,aAAaH;AAAA,EACb,WAAWG;AACf;"}