@adyen/bento-vue2 1.59.0 → 1.60.0

package/dist/chunks/checkbox-group.BfPZ_Eec.js

@@ -1,152 +0,0 @@
-import { defineComponent as y, toRef as _, computed as l, watch as c, ref as v } from "vue";
-import { a as n, B as E } from "./checkbox.CTeT6JEP.js";
-import { g as x } from "./generate-uid.NJ8tVoha.js";
-import { d as k } from "./typography.J1v_SPG3.js";
-import { u as C } from "./use-form-layout-loading.D3lALhtC.js";
-import { E as S } from "./error-message.BM8Y6-u5.js";
-import { C as M } from "./controls-group.CvpddKxq.js";
-import { n as I } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
-import "../assets/checkbox-group.css";
-var s = /* @__PURE__ */ ((r) => (r.HORIZONTAL = "horizontal", r.VERTICAL = "vertical", r))(s || {});
-const p = "bento-checkbox-group", T = y({
-  name: p,
-  components: { BentoCheckbox: E, ControlsGroup: M, ErrorMessage: S },
-  model: { prop: "modelValue" },
-  props: {
-    /**
-     * Descriptive supporting text visbile underneath the label.
-     */
-    description: { type: String, default: null },
-    /**
-     * If set to true, renders all checkboxes in the group in a disabled state.
-     */
-    disabled: { type: Boolean, default: !1 },
-    /**
-     * Renders all checkboxes in an error state with an error message.
-     */
-    errorMessage: { type: String, default: null },
-    /**
-     * The form id the checkbox group is associated with. Defaults to null, as a checkbox group can also be used standalone.
-     */
-    formId: { type: String, default: null },
-    /**
-     * If set to true, renders all checkboxes in the group in an error state.
-     *
-     * @deprecated Use "errorMessage" prop instead
-     */
-    hasError: { type: Boolean, default: !1 },
-    /**
-     * Shows/hides the group label.
-     */
-    hideLabel: { type: Boolean, default: null },
-    /**
-     * The checkbox group's items.
-     */
-    items: { type: Array, required: !0 },
-    /**
-     * The name associated with the group. Required for accessibility purposes.
-     */
-    label: { type: String, required: !0 },
-    /**
-     * Determines the initially selected value of the group. Corresponds to the BentoCheckboxButtonItem's value.
-     * Defaults to no value selected.
-     */
-    modelValue: { type: Array, default: () => [] },
-    /**
-     * Indicates the field is optional.
-     */
-    optional: { type: Boolean, default: !1 },
-    /**
-     * If set to true, renders all checkboxes in the group in a readonly state.
-     */
-    readonly: { type: Boolean, default: !1 },
-    /**
-     * Indicates the field is required.
-     */
-    required: { type: Boolean, default: !1 },
-    /**
-     * Tooltip message.
-     */
-    tooltipText: { type: String, default: null },
-    /**
-     * The checkbox group's layout. It can be vertical or horizontal. Defaults to vertical.
-     */
-    variant: {
-      type: String,
-      default: s.VERTICAL,
-      validator: (r) => Object.values(s).includes(r)
-    }
-  },
-  emits: [n.UPDATE, n.INPUT],
-  setup(r, { emit: e, slots: a }) {
-    const o = x("error"), { isReadOnly: u } = C(_(r, "readonly")), f = l(
-      () => !r.disabled && !u.value && (!!r.errorMessage || r.hasError)
-    ), h = l(
-      () => !r.disabled && !u.value && !!r.errorMessage
-    ), b = l(() => ({
-      "b-checkbox-group__checkboxes--horizontal": r.variant === s.HORIZONTAL
-    })), i = (t) => !!a[t], m = l(() => i("content") && r.variant !== "vertical");
-    c(
-      m,
-      (t) => {
-        if (t)
-          throw new Error("The content slot is only available for the vertical checkbox group layout");
-      },
-      { immediate: !0 }
-    );
-    const d = v(r.modelValue);
-    c(
-      () => r.modelValue,
-      () => {
-        d.value = r.modelValue;
-      }
-    );
-    const g = (t) => {
-      d.value = t, e(n.UPDATE, t), e(n.INPUT, t);
-    };
-    return r.hasError && k(
-      'BentoCheckboxGroup "hasError" property',
-      `Use the BentoCheckboxGroup "errorMessage" property instead to indicate that there is a modifier error.
-                    Having the field as "undefined" will hide/remove the error.
-                    <bento-checkbox-group errorMessage="Error message text" />`,
-      "2.0.0"
-    ), {
-      // Values
-      COMPONENT_NAME: p,
-      errorId: o,
-      isReadOnly: u,
-      shouldShowGroupError: f,
-      shouldShowGroupErrorMessage: h,
-      conditionalClasses: b,
-      inputValue: d,
-      hasContentSlot: i,
-      // Methods
-      onInput: g
-    };
-  }
-});
-var w = function() {
-  var e = this, a = e._self._c;
-  return e._self._setupProxy, a("div", { staticClass: "b-checkbox-group" }, [a("controls-group", { staticClass: "b-checkbox-group__checkboxes", class: e.conditionalClasses, attrs: { "aria-describedby": e.shouldShowGroupErrorMessage ? e.errorId : "", "component-name": e.COMPONENT_NAME, description: e.description, disabled: e.disabled, form: e.formId, "hide-label": e.hideLabel, label: e.label, optional: e.optional, required: e.required, "tooltip-text": e.tooltipText } }, e._l(e.items, function(o) {
-    return a("bento-checkbox", { key: o.value, attrs: { "model-value": e.inputValue, value: o.value, disabled: e.disabled || o.disabled, "has-error": e.shouldShowGroupError || o.hasError, "error-message": e.shouldShowGroupError ? null : o.errorMessage, readonly: e.isReadOnly || o.readonly, tag: o.tag }, on: { "update:model-value": e.onInput }, scopedSlots: e._u([{ key: "default", fn: function() {
-      return [e._v(e._s(o.label))];
-    }, proxy: !0 }, o.description ? { key: "description", fn: function() {
-      return [e._v(e._s(o.description))];
-    }, proxy: !0 } : null, e.hasContentSlot("content") ? { key: "content", fn: function() {
-      return [e._t("content", null, null, o)];
-    }, proxy: !0 } : null], null, !0) });
-  }), 1), e.shouldShowGroupErrorMessage ? a("error-message", { staticClass: "b-checkbox-group__error-message", attrs: { id: e.errorId, "error-message": e.errorMessage } }) : e._e()], 1);
-}, B = [], O = /* @__PURE__ */ I(
-  T,
-  w,
-  B,
-  !1,
-  null,
-  "c124cab2"
-);
-const q = O.exports;
-export {
-  s as B,
-  q as c
-};
-//# sourceMappingURL=checkbox-group.BfPZ_Eec.js.map

package/dist/chunks/checkbox-group.BfPZ_Eec.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"checkbox-group.BfPZ_Eec.js","sources":["../../../core/src/components/checkbox-group/checkbox-group.types.ts","../../src/components/checkbox/components/checkbox-group/checkbox-group.vue"],"sourcesContent":["import type { BentoCheckboxTag } from '@/core/components/checkbox/checkbox.types';\n\n/**\n * @deprecated for usage with properties since version 2.0. Use the string literal instead.\n */\nexport enum BentoCheckboxGroupVariant {\n    HORIZONTAL = 'horizontal',\n    VERTICAL = 'vertical',\n}\n\ninterface BentoCheckboxGroupItem {\n    value: string | number;\n    label: string;\n    description?: string;\n    disabled?: boolean;\n    hasError?: boolean;\n    errorMessage?: string;\n    readonly?: boolean;\n    tag?: BentoCheckboxTag;\n}\n\nexport type BentoCheckboxGroupItems = Array<BentoCheckboxGroupItem>;\n","<template>\n    <div class=\"b-checkbox-group\">\n        <controls-group\n            class=\"b-checkbox-group__checkboxes\"\n            :aria-describedby=\"shouldShowGroupErrorMessage ? errorId : ''\"\n            :component-name=\"COMPONENT_NAME\"\n            :class=\"conditionalClasses\"\n            :description=\"description\"\n            :disabled=\"disabled\"\n            :form=\"formId\"\n            :hide-label=\"hideLabel\"\n            :label=\"label\"\n            :optional=\"optional\"\n            :required=\"required\"\n            :tooltip-text=\"tooltipText\"\n        >\n            <bento-checkbox\n                v-for=\"item in items\"\n                :key=\"item.value\"\n                :model-value=\"inputValue\"\n                :value=\"item.value\"\n                :disabled=\"disabled || item.disabled\"\n                :has-error=\"shouldShowGroupError || item.hasError\"\n                :error-message=\"shouldShowGroupError ? null : item.errorMessage\"\n                :readonly=\"isReadOnly || item.readonly\"\n                :tag=\"item.tag\"\n                @update:model-value=\"onInput\"\n            >\n                <template #default>{{ item.label }}</template>\n                <template v-if=\"item.description\" #description>{{ item.description }}</template>\n                <template v-if=\"hasContentSlot('content')\" #content>\n                    <slot name=\"content\" v-bind=\"item\"></slot>\n                </template>\n            </bento-checkbox>\n        </controls-group>\n        <error-message\n            v-if=\"shouldShowGroupErrorMessage\"\n            :id=\"errorId\"\n            :error-message=\"errorMessage\"\n            class=\"b-checkbox-group__error-message\"\n        />\n    </div>\n</template>\n\n<script lang=\"ts\">\n    import { computed, defineComponent, PropType, ref, toRef, watch } from 'vue';\n    import { ControlsGroup } from '@/components/internal/controls-group';\n    import { ErrorMessage } from '@/components/internal/error-message';\n    import {\n        BentoCheckboxGroupItems,\n        BentoCheckboxGroupVariant,\n    } from '@/core/components/checkbox-group/checkbox-group.types';\n    import BentoCheckbox from '@/components/checkbox/checkbox.vue';\n    import { BentoCheckboxEvent } from '@/core/components/checkbox/checkbox.types';\n    import { generateUid } from '@/core/utils/ts';\n    import { deprecate } from '@/utils/ts/deprecate';\n    import { useFormLayoutFieldLoading } from '@/composables/use-form-layout-loading/use-form-layout-loading';\n\n    /**\n     * The name of the component to be used in the Vue devtools and console warnings.\n     */\n    const COMPONENT_NAME = 'bento-checkbox-group';\n\n    /**\n     * A checkbox group component should be used whenever it is necessary to group a set of checkboxes that are related together\n     * This component conforms to the official WAI-ARIA guidelines for grouping controls: https://www.w3.org/WAI/tutorials/forms/grouping/\n     *\n     * import { BentoCheckboxGroup } from '@adyen/bento-vue2/';\n     *\n     * export default {\n     *     components: { BentoCheckboxGroup },\n     *     template: `\n     *             <bento-checkbox-group\n     *                label=\"Your group label\"\n     *                :items=\"[\n     *                    { value: 1, label: 'Your label' },\n     *                    { value: 2, label: 'Another label', description: 'Your sub label' },\n     *                 ]\"\n     *              />\n     *     `\n     * };\n     */\n    export default defineComponent({\n        name: COMPONENT_NAME,\n        components: { BentoCheckbox, ControlsGroup, ErrorMessage },\n        model: { prop: 'modelValue' },\n        props: {\n            /**\n             * Descriptive supporting text visbile underneath the label.\n             */\n            description: { type: String, default: null },\n\n            /**\n             * If set to true, renders all checkboxes in the group in a disabled state.\n             */\n            disabled: { type: Boolean, default: false },\n\n            /**\n             * Renders all checkboxes in an error state with an error message.\n             */\n            errorMessage: { type: String, default: null },\n\n            /**\n             * The form id the checkbox group is associated with. Defaults to null, as a checkbox group can also be used standalone.\n             */\n            formId: { type: String, default: null },\n\n            /**\n             * If set to true, renders all checkboxes in the group in an error state.\n             *\n             * @deprecated Use \"errorMessage\" prop instead\n             */\n            hasError: { type: Boolean, default: false },\n\n            /**\n             * Shows/hides the group label.\n             */\n            hideLabel: { type: Boolean, default: null },\n\n            /**\n             * The checkbox group's items.\n             */\n            items: { type: Array as PropType<BentoCheckboxGroupItems>, required: true },\n\n            /**\n             * The name associated with the group. Required for accessibility purposes.\n             */\n            label: { type: String, required: true },\n\n            /**\n             * Determines the initially selected value of the group. Corresponds to the BentoCheckboxButtonItem's value.\n             * Defaults to no value selected.\n             */\n            modelValue: { type: Array<number | string | null>, default: () => [] },\n\n            /**\n             * Indicates the field is optional.\n             */\n            optional: { type: Boolean, default: false },\n\n            /**\n             * If set to true, renders all checkboxes in the group in a readonly state.\n             */\n            readonly: { type: Boolean, default: false },\n\n            /**\n             * Indicates the field is required.\n             */\n            required: { type: Boolean, default: false },\n\n            /**\n             * Tooltip message.\n             */\n            tooltipText: { type: String, default: null },\n\n            /**\n             * The checkbox group's layout. It can be vertical or horizontal. Defaults to vertical.\n             */\n            variant: {\n                type: String as PropType<BentoCheckboxGroupVariant | `${BentoCheckboxGroupVariant}`>,\n                default: BentoCheckboxGroupVariant.VERTICAL,\n                validator: (value: BentoCheckboxGroupVariant) =>\n                    Object.values(BentoCheckboxGroupVariant).includes(value),\n            },\n        },\n        emits: [BentoCheckboxEvent.UPDATE, BentoCheckboxEvent.INPUT],\n        setup(props, { emit, slots }) {\n            const errorId = generateUid('error');\n            const { isReadOnly } = useFormLayoutFieldLoading(toRef(props, 'readonly'));\n\n            const shouldShowGroupError = computed(\n                () => !props.disabled && !isReadOnly.value && (!!props.errorMessage || props.hasError)\n            );\n            const shouldShowGroupErrorMessage = computed(\n                () => !props.disabled && !isReadOnly.value && !!props.errorMessage\n            );\n\n            const conditionalClasses = computed(() => ({\n                'b-checkbox-group__checkboxes--horizontal': props.variant === BentoCheckboxGroupVariant.HORIZONTAL,\n            }));\n\n            // Slots logic\n            // Temporary, use-has-slots composable doesn't currently work for\n            // vue3 named scoped slots\n            const hasContentSlot = name => !!slots[name];\n            const shouldShowSlotsError = computed(() => hasContentSlot('content') && props.variant !== 'vertical');\n\n            watch(\n                shouldShowSlotsError,\n                newValue => {\n                    if (newValue) {\n                        throw new Error('The content slot is only available for the vertical checkbox group layout');\n                    }\n                },\n                { immediate: true }\n            );\n\n            const inputValue = ref(props.modelValue);\n            watch(\n                () => props.modelValue,\n                () => {\n                    inputValue.value = props.modelValue;\n                }\n            );\n\n            const onInput = value => {\n                inputValue.value = value;\n                emit(BentoCheckboxEvent.UPDATE, value);\n                emit(BentoCheckboxEvent.INPUT, value);\n            };\n\n            if (props.hasError) {\n                deprecate(\n                    'BentoCheckboxGroup \"hasError\" property',\n                    `Use the BentoCheckboxGroup \"errorMessage\" property instead to indicate that there is a modifier error.\n                    Having the field as \"undefined\" will hide/remove the error.\n                    <bento-checkbox-group errorMessage=\"Error message text\" />`,\n                    '2.0.0'\n                );\n            }\n\n            return {\n                // Values\n                COMPONENT_NAME,\n                errorId,\n                isReadOnly,\n                shouldShowGroupError,\n                shouldShowGroupErrorMessage,\n                conditionalClasses,\n                inputValue,\n                hasContentSlot,\n\n                // Methods\n                onInput,\n            };\n        },\n    });\n</script>\n\n<style lang=\"scss\" scoped src=\"@/core/components/checkbox-group/checkbox-group.scss\" />\n"],"names":["BentoCheckboxGroupVariant","BentoCheckboxGroupVariant2","COMPONENT_NAME","_sfc_main","defineComponent","BentoCheckbox","ControlsGroup","ErrorMessage","value","BentoCheckboxEvent","props","emit","slots","errorId","generateUid","isReadOnly","useFormLayoutFieldLoading","toRef","shouldShowGroupError","computed","shouldShowGroupErrorMessage","conditionalClasses","hasContentSlot","name","shouldShowSlotsError","watch","newValue","inputValue","ref","onInput","deprecate"],"mappings":"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"}

package/dist/chunks/checkbox-input.Dr1GS2BZ.js

@@ -1,137 +0,0 @@
-import { defineComponent as D, ref as R, computed as l, useAttrs as A, toRefs as S } from "vue";
-import { C as w } from "./checkmark-small.C8T8ISN6.js";
-/* empty css              */
-import { n as v } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
-import "./index.Cl4_42j5.js";
-import "../assets/checkbox-input.css";
-var s = /* @__PURE__ */ ((n) => (n.UNCHECKED = "unchecked", n.DISABLED = "disabled", n.ERROR = "error", n.READONLY = "readonly", n))(s || {}), _ = /* @__PURE__ */ ((n) => (n.UPDATE = "update:model-value", n))(_ || {});
-let h = 0;
-const L = {
-  beforeCreate() {
-    this.uuid = h.toString(), h += 1;
-  }
-};
-var N = function() {
-  var e = this, a = e._self._c;
-  return a("svg", e._b({ staticClass: "ui-assets-icons-16", attrs: { role: "img", xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "none" } }, "svg", e.$attrs, !1), [e.$attrs["svg-title"] ? a("title", [e._v(e._s(e.$attrs["svg-title"]))]) : e._e(), a("path", { attrs: { fill: "#00112C", d: "M4.25 7.25H11.75V8.75H4.25V7.25Z" } })]);
-}, O = [], B = /* @__PURE__ */ v(
-  L,
-  N,
-  O,
-  !1,
-  null,
-  null
-);
-const I = B.exports, $ = {
-  name: "checkbox-input",
-  inheritAttrs: !1
-}, V = /* @__PURE__ */ D({
-  ...$,
-  props: {
-    /**
-     * The aria label associated to the input checkbox.
-     */
-    ariaLabel: { type: String, default: "" },
-    /**
-     * An additional string that serves as description for the input checkbox (useful if the component shows a description).
-     */
-    ariaDescribedby: { type: String, default: "" },
-    /**
-     * Setting this property to true will disable the checkbox in your form.
-     */
-    disabled: { type: Boolean, default: !1 },
-    /**
-     * Setting this property to true will show the checkbox in error state.
-     */
-    hasError: { type: Boolean, default: !1 },
-    /**
-     * Sets the id of the checkbox. Required for accessibility purposes
-     */
-    id: { type: String, default: null },
-    /**
-     * The :indeterminate CSS pseudo-class represents any form element
-     * whose state is indeterminate, such as checkboxes which have their HTML indeterminate attribute
-     * set to true, radio buttons which are members of a group in which all radio buttons are unchecked,
-     * and indeterminate <progress> elements. https://developer.mozilla.org/en-US/docs/Web/CSS/:indeterminate
-     * This property lets you control the input.indeterminate native property.
-     */
-    indeterminate: { type: Boolean, default: !1 },
-    /**
-     * When handling a single checkbox with a singular state, use a boolean.
-     *
-     * When handling multiple checkboxes, use an array of keys.
-     * These keys exist as a set "value" prop for each checkbox.
-     */
-    modelValue: {
-      type: [Boolean, Array],
-      default: !1
-    },
-    /**
-     * Setting this property to true will set the checkbox to read only state.
-     */
-    readonly: { type: Boolean, default: !1 },
-    /**
-     * The value of the component. The DOM API casts this to a string.
-     * The browser uses "on" as the default value.
-     *
-     * In the case of multiple checkboxes this value is used as a unique key.
-     */
-    value: { type: [String, Number], default: null }
-  },
-  emits: ["update:model-value"],
-  setup(n, { emit: e }) {
-    const a = n, t = R(null), i = l(() => A()), { disabled: r, indeterminate: k, modelValue: o, readonly: b, value: u } = S(a), C = l(() => ({
-      [`b-checkbox-input--${s.DISABLED}`]: a.disabled,
-      [`b-checkbox-input--${s.READONLY}`]: a.readonly
-    })), y = l(() => ({
-      [`b-checkbox-input__outline--${s.UNCHECKED}`]: !p.value && !a.indeterminate,
-      [`b-checkbox-input__outline--${s.ERROR}`]: a.hasError,
-      [`b-checkbox-input__outline--${s.READONLY}`]: a.readonly
-    })), f = l(() => Array.isArray(o.value)), p = l(() => f.value ? o.value.some((c) => c === u.value) : o.value), g = l(
-      () => a.indeterminate ? "mixed" : `${!!p.value}`
-    ), x = l(
-      () => a.hasError && !a.disabled && !a.readonly
-    );
-    return { __sfc: !0, props: a, emit: e, inputRef: t, attrs: i, disabled: r, indeterminate: k, modelValue: o, readonly: b, value: u, conditionalClasses: C, outlineConditionalClasses: y, isCheckboxGroup: f, isChecked: p, ariaChecked: g, ariaInvalid: x, onClick: (c) => {
-      if (b.value) {
-        c.preventDefault();
-        return;
-      }
-    }, onChange: (c) => {
-      if (r.value)
-        return;
-      const E = c.target.checked;
-      if (f.value) {
-        const d = [...o.value], m = d.indexOf(u.value);
-        m === -1 ? d.push(u.value) : d.splice(m, 1), e(_.UPDATE, d);
-      } else
-        e(_.UPDATE, E);
-    }, CheckmarkSmallIcon: w, MinusSmallIcon: I };
-  }
-});
-var P = function() {
-  var e = this, a = e._self._c, t = e._self._setupProxy;
-  return a("div", { staticClass: "b-checkbox-input", class: t.conditionalClasses }, [t.indeterminate ? a(t.MinusSmallIcon, { staticClass: "b-checkbox-input__icon", attrs: { "svg-title": "", "aria-hidden": "true" } }) : t.isChecked ? a(t.CheckmarkSmallIcon, { staticClass: "b-checkbox-input__icon", attrs: { "svg-title": "", "aria-hidden": "true" } }) : e._e(), a("input", e._b({ ref: "inputRef", staticClass: "b-checkbox-input__outline", class: t.outlineConditionalClasses, attrs: { id: e.id, type: "checkbox", "aria-label": e.ariaLabel, "aria-checked": t.ariaChecked, "aria-describedby": e.ariaDescribedby, "aria-invalid": t.ariaInvalid, disabled: t.disabled, "aria-readonly": t.readonly }, domProps: { checked: t.isChecked, indeterminate: t.indeterminate, value: t.value }, on: { click: t.onClick, change: t.onChange, keydown: [function(i) {
-    var r;
-    if (!i.type.indexOf("key") && e._k(i.keyCode, "space", 32, i.key, [" ", "Spacebar"])) return null;
-    i.preventDefault(), (r = t.inputRef) == null || r.click();
-  }, function(i) {
-    var r;
-    if (!i.type.indexOf("key") && e._k(i.keyCode, "enter", 13, i.key, "Enter")) return null;
-    i.preventDefault(), (r = t.inputRef) == null || r.click();
-  }] } }, "input", t.attrs, !1))], 1);
-}, U = [], H = /* @__PURE__ */ v(
-  V,
-  P,
-  U,
-  !1,
-  null,
-  "114bf4ba"
-);
-const Z = H.exports;
-export {
-  s as C,
-  I as N,
-  Z as a
-};
-//# sourceMappingURL=checkbox-input.Dr1GS2BZ.js.map

package/dist/chunks/checkbox-input.Dr1GS2BZ.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"checkbox-input.Dr1GS2BZ.js","sources":["../../../core/src/components/internal/checkbox-input/checkbox-input.types.ts","../../../ui-assets/icons-16/dist/vue/minus-small.vue","../../src/components/internal/checkbox-input/checkbox-input.vue"],"sourcesContent":["export type MultiCheckboxInputType = Array<string | number>;\nexport type CheckboxInputType = boolean | MultiCheckboxInputType;\n\nexport enum CheckboxInputState {\n    UNCHECKED = 'unchecked',\n    DISABLED = 'disabled',\n    ERROR = 'error',\n    READONLY = 'readonly',\n}\n\nexport enum CheckboxInputEvent {\n    UPDATE = 'update:model-value',\n}\n\ninterface CheckboxInputGroupItem {\n    value: string | number;\n    disabled?: boolean;\n    hasError?: boolean;\n    errorMessage?: string;\n    readonly?: boolean;\n}\n\nexport type CheckboxInputGroupItems = Array<CheckboxInputGroupItem>;\n","\n<template>\n    <svg role=\"img\" v-bind=\"$attrs\" class=\"ui-assets-icons-16\" xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\"><title v-if=\"$attrs['svg-title']\">{{ $attrs['svg-title'] }}</title><path fill=\"#00112C\" d=\"M4.25 7.25H11.75V8.75H4.25V7.25Z\"/></svg>\n</template>\n<script>\n    import '../css/main.css';\n\n    let uuid = 0;\n\n    export default {\n        beforeCreate() {\n            this.uuid = uuid.toString();\n            uuid += 1;\n        },\n    };\n</script>\n","<template>\n    <div class=\"b-checkbox-input\" :class=\"conditionalClasses\">\n        <!-- Don't change order because it matters for CSS. Icons first -->\n        <minus-small-icon v-if=\"indeterminate\" class=\"b-checkbox-input__icon\" svg-title=\"\" aria-hidden=\"true\" />\n        <checkmark-small-icon v-else-if=\"isChecked\" class=\"b-checkbox-input__icon\" svg-title=\"\" aria-hidden=\"true\" />\n        <input\n            :id=\"id\"\n            ref=\"inputRef\"\n            v-bind=\"attrs\"\n            type=\"checkbox\"\n            class=\"b-checkbox-input__outline\"\n            :class=\"outlineConditionalClasses\"\n            :aria-label=\"ariaLabel\"\n            :aria-checked=\"ariaChecked\"\n            :aria-describedby=\"ariaDescribedby\"\n            :aria-invalid=\"ariaInvalid\"\n            :checked=\"isChecked\"\n            :disabled=\"disabled\"\n            :indeterminate.prop=\"indeterminate\"\n            :value=\"value\"\n            :aria-readonly=\"readonly\"\n            @click=\"onClick\"\n            @change=\"onChange\"\n            @keydown.space.prevent=\"inputRef?.click()\"\n            @keydown.enter.prevent=\"inputRef?.click()\"\n        />\n    </div>\n</template>\n\n<script setup lang=\"ts\">\n    import { computed, HTMLAttributes, PropType, ref, toRefs, useAttrs } from 'vue';\n    import {\n        CheckboxInputEvent,\n        CheckboxInputGroupItems,\n        CheckboxInputState,\n        CheckboxInputType,\n        MultiCheckboxInputType,\n    } from '@/core/components/internal/checkbox-input/checkbox-input.types';\n    import CheckmarkSmallIcon from '@adyen/ui-assets-icons-16/vue/checkmark-small';\n    import MinusSmallIcon from '@adyen/ui-assets-icons-16/vue/minus-small';\n    import { isVue3 } from 'vue-demi';\n\n    const props = defineProps({\n        /**\n         * The aria label associated to the input checkbox.\n         */\n        ariaLabel: { type: String, default: '' },\n\n        /**\n         * An additional string that serves as description for the input checkbox (useful if the component shows a description).\n         */\n        ariaDescribedby: { type: String, default: '' },\n\n        /**\n         * Setting this property to true will disable the checkbox in your form.\n         */\n        disabled: { type: Boolean, default: false },\n\n        /**\n         * Setting this property to true will show the checkbox in error state.\n         */\n        hasError: { type: Boolean, default: false },\n\n        /**\n         * Sets the id of the checkbox. Required for accessibility purposes\n         */\n        id: { type: String, default: null },\n\n        /**\n         * The :indeterminate CSS pseudo-class represents any form element\n         * whose state is indeterminate, such as checkboxes which have their HTML indeterminate attribute\n         * set to true, radio buttons which are members of a group in which all radio buttons are unchecked,\n         * and indeterminate <progress> elements. https://developer.mozilla.org/en-US/docs/Web/CSS/:indeterminate\n         * This property lets you control the input.indeterminate native property.\n         */\n        indeterminate: { type: Boolean, default: false },\n\n        /**\n         * When handling a single checkbox with a singular state, use a boolean.\n         *\n         * When handling multiple checkboxes, use an array of keys.\n         * These keys exist as a set \"value\" prop for each checkbox.\n         */\n        modelValue: {\n            type: [Boolean, Array] as PropType<CheckboxInputType | CheckboxInputGroupItems>,\n            default: false,\n        },\n\n        /**\n         * Setting this property to true will set the checkbox to read only state.\n         */\n        readonly: { type: Boolean, default: false },\n\n        /**\n         * The value of the component. The DOM API casts this to a string.\n         * The browser uses \"on\" as the default value.\n         *\n         * In the case of multiple checkboxes this value is used as a unique key.\n         */\n        value: { type: [String, Number], default: null },\n    });\n\n    const emit = defineEmits([\"update:model-value\"]);\n\n    const inputRef = ref<HTMLInputElement | null>(null);\n\n    // filter out style classes because in vue3 they are also part of attrs\n    const attrs = computed(() => {\n        if (isVue3) {\n            const { class: _class, style: _style, ...rest } = useAttrs();\n            return rest;\n        } else {\n            return useAttrs();\n        }\n    });\n\n    const { disabled, indeterminate, modelValue, readonly, value } = toRefs(props);\n\n    const conditionalClasses = computed(() => ({\n        [`b-checkbox-input--${CheckboxInputState.DISABLED}`]: props.disabled,\n        [`b-checkbox-input--${CheckboxInputState.READONLY}`]: props.readonly,\n    }));\n\n    const outlineConditionalClasses = computed(() => ({\n        [`b-checkbox-input__outline--${CheckboxInputState.UNCHECKED}`]: !isChecked.value && !props.indeterminate,\n        [`b-checkbox-input__outline--${CheckboxInputState.ERROR}`]: props.hasError,\n        [`b-checkbox-input__outline--${CheckboxInputState.READONLY}`]: props.readonly,\n    }));\n\n    const isCheckboxGroup = computed(() => Array.isArray(modelValue.value));\n\n    const isChecked = computed(() => {\n        if (!isCheckboxGroup.value) {\n            return modelValue.value as boolean;\n        }\n\n        return (modelValue.value as MultiCheckboxInputType).some(item => item === value.value);\n    });\n\n    // ARIA fields\n    const ariaChecked = computed<HTMLAttributes['aria-checked']>(() =>\n        props.indeterminate ? 'mixed' : `${!!isChecked.value}`\n    );\n    const ariaInvalid = computed<HTMLAttributes['aria-invalid']>(\n        () => props.hasError && !props.disabled && !props.readonly\n    );\n\n    // readonly attr doesn't work with checkbox, so we need to manually ignore the click instead\n    const onClick = (event: Event) => {\n        if (readonly.value) {\n            event.preventDefault();\n            return;\n        }\n    };\n    const onChange = (event: Event) => {\n        if (disabled.value) {\n            return;\n        }\n\n        const newValue: boolean = (event.target as HTMLInputElement).checked;\n\n        if (isCheckboxGroup.value) {\n            const newCheckedList = [...(modelValue.value as MultiCheckboxInputType)];\n            const index = newCheckedList.indexOf(value.value);\n\n            if (index === -1) {\n                newCheckedList.push(value.value);\n            } else {\n                newCheckedList.splice(index, 1);\n            }\n            emit(CheckboxInputEvent.UPDATE, newCheckedList);\n        } else {\n            emit(CheckboxInputEvent.UPDATE, newValue);\n        }\n    };\n</script>\n\n<script lang=\"ts\">\n    /**\n     * Internal component that renders a checkbox input (without label)\n     *\n     * @example\n     * import { BentoCheckboxInput } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { BentoCheckboxInput },\n     *     template: `\n     *      <label for=\"checkbox-id\">Your label</label>\n     *      <span id=\"description-id\">Description</span>\n     *      <bento-checkbox-input id=\"checkbox-id\" aria=label=\"Your label\" aria-describedby=\"description-id\" />\n     *     `\n     * }\n     */\n    export default {\n        name: 'checkbox-input',\n        inheritAttrs: false,\n    };\n</script>\n\n<style lang=\"scss\" scoped src=\"@/core/components/internal/checkbox-input/checkbox-input.scss\" />\n"],"names":["CheckboxInputState","CheckboxInputState2","CheckboxInputEvent","CheckboxInputEvent2","uuid","_sfc_main$1","__default__","inputRef","ref","attrs","computed","useAttrs","disabled","indeterminate","modelValue","readonly","value","toRefs","props","conditionalClasses","outlineConditionalClasses","isChecked","isCheckboxGroup","item","ariaChecked","ariaInvalid","event","newValue","newCheckedList","index","emit"],"mappings":";;;;;;AAGY,IAAAA,IAAA,kBAAAC,OACRA,EAAA,YAAA,aACAA,EAAA,WAAA,YACAA,EAAA,QAAA,SACAA,EAAA,WAAA,YAJQA,IAAAD,KAAA,CAAA,CAAA,GAOAE,IAAA,kBAAAC,OACRA,EAAA,SAAA,sBADQA,IAAAD,KAAA,CAAA,CAAA;ACHZ,IAAAE,IAAA;AAEA,MAAAC,IAAA;AAAA,EACA,eAAA;AACA,SAAA,OAAAD,EAAA,SAAA,GACAA,KAAA;AAAA,EACA;AACA;;;;;;;;;;;;qBCmLIE,IAAA;AAAA,EAAe,MAAA;AAAA,EACL,cAAA;AAEV;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBA5FAC,IAAAC,EAAA,IAAA,GAGAC,IAAAC,EAAA,MAKQC,EAAA,CACJ,GAGJ,EAAA,UAAAC,GAAA,eAAAC,GAAA,YAAAC,GAAA,UAAAC,GAAA,OAAAC,EAAA,IAAAC,EAAAC,CAAA,GAEAC,IAAAT,EAAA,OAAA;AAAA,MAA2C,CAAA,qBAAAV,EAAA,QAAA,EAAA,GAAAkB,EAAA;AAAA,MACqB,CAAA,qBAAAlB,EAAA,QAAA,EAAA,GAAAkB,EAAA;AAAA,IACA,EAAA,GAGhEE,IAAAV,EAAA,OAAA;AAAA,MAAkD,CAAA,8BAAAV,EAAA,SAAA,EAAA,GAAA,CAAAqB,EAAA,SAAA,CAAAH,EAAA;AAAA,MAC6C,CAAA,8BAAAlB,EAAA,KAAA,EAAA,GAAAkB,EAAA;AAAA,MACzB,CAAA,8BAAAlB,EAAA,QAAA,EAAA,GAAAkB,EAAA;AAAA,IACG,EAAA,GAGzEI,IAAAZ,EAAA,MAAA,MAAA,QAAAI,EAAA,KAAA,CAAA,GAEAO,IAAAX,EAAA,MACIY,EAAA,QAIAR,EAAA,MAAA,KAAA,CAAAS,MAAAA,MAAAP,EAAA,KAAA,IAHIF,EAAA,KAGiF,GAIzFU,IAAAd;AAAA,MAAoB,MAAAQ,EAAA,gBAAA,UAAA,GAAA,CAAA,CAAAG,EAAA,KAAA;AAAA,IACoC,GAExDI,IAAAf;AAAA,MAAoB,MAAAQ,EAAA,YAAA,CAAAA,EAAA,YAAA,CAAAA,EAAA;AAAA,IACkC;uQAItD,CAAAQ,MAAA;AACI,UAAAX,EAAA,OAAA;AACI,QAAAW,EAAA,eAAA;AACA;AAAA,MAAA;AAAA,IACJ,aAEJ,CAAAA,MAAA;AACI,UAAAd,EAAA;AACI;AAGJ,YAAAe,IAAAD,EAAA,OAAA;AAEA,UAAAJ,EAAA,OAAA;AACI,cAAAM,IAAA,CAAA,GAAAd,EAAA,KAAA,GACAe,IAAAD,EAAA,QAAAZ,EAAA,KAAA;AAEA,QAAAa,MAAA,KACID,EAAA,KAAAZ,EAAA,KAAA,IAEAY,EAAA,OAAAC,GAAA,CAAA,GAEJC,EAAA5B,EAAA,QAAA0B,CAAA;AAAA,MAA8C;AAE9C,QAAAE,EAAA5B,EAAA,QAAAyB,CAAA;AAAA,IACJ;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/chunks/checkbox.CTeT6JEP.js

@@ -1,176 +0,0 @@
-import { defineComponent as w, toRefs as k, computed as o, ref as A, onMounted as R, useAttrs as j } from "vue";
-import { B as F } from "./typography.J1v_SPG3.js";
-import { a as z, C as B } from "./checkbox-input.Dr1GS2BZ.js";
-import { u as H } from "./use-default-slot-validator.BDn0wkYP.js";
-import { u as J } from "./use-has-slot.C9lQZ6nz.js";
-import { g as C } from "./generate-uid.NJ8tVoha.js";
-import { g as f } from "./get-slot-text.BQS5Olxm.js";
-import { u as O } from "./i18n.BQkEbtPM.js";
-import { u as Y } from "./aria-label.CaUURpnB.js";
-import { B as K } from "./tag.B2vxWwV1.js";
-import { E as Q } from "./error-message.BM8Y6-u5.js";
-import { n as W } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
-import "../assets/checkbox.css";
-var s = /* @__PURE__ */ ((a) => (a.UPDATE = "update:model-value", a.INPUT = "input", a))(s || {});
-const X = {
-  "en-US": {
-    checkbox: "Checkbox",
-    optional: "optional",
-    required: "required"
-  },
-  "ja-JP": {
-    checkbox: "チェックボックス",
-    optional: "任意",
-    required: "必須"
-  },
-  "pt-BR": {
-    checkbox: "Caixa de seleção",
-    optional: "opcional",
-    required: "obrigatório"
-  }
-}, Z = w({
-  name: "bento-checkbox",
-  i18n: { messages: X },
-  components: {
-    BentoTag: K,
-    BentoTypography: F,
-    CheckboxInput: z,
-    ErrorMessage: Q
-  },
-  inheritAttrs: !1,
-  model: { prop: "modelValue" },
-  props: {
-    /**
-     * @deprecated from version 2.0.0. Use the aria-label attribute instead.
-     */
-    /**
-     * Accessible name for the radio button component. It is strongly recommended to pas this value in case this component is used without a label.
-     */
-    ariaLabel: { type: String, default: null },
-    /**
-     * Setting this property to true will disable the checkbox in your form.
-     */
-    disabled: { type: Boolean, default: !1 },
-    /**
-     * Renders the checkbox in an error state with an error message.
-     */
-    errorMessage: { type: String, default: null },
-    /**
-     * Setting this property to true will show the checkbox in error state.
-     */
-    hasError: { type: Boolean, default: !1 },
-    /**
-     * The :indeterminate CSS pseudo-class represents any form element
-     * whose state is indeterminate, such as checkboxes which have their HTML indeterminate attribute
-     * set to true, radio buttons which are members of a group in which all radio buttons are unchecked,
-     * and indeterminate <progress> elements. https://developer.mozilla.org/en-US/docs/Web/CSS/:indeterminate
-     * This property lets you control the input.indeterminate native property.
-     */
-    indeterminate: { type: Boolean, default: !1 },
-    /**
-     * When handling a single checkbox with a singular state, use a boolean.
-     *
-     * When handling multiple checkboxes, use an array of keys.
-     * These keys exist as a set "value" prop for each checkbox.
-     */
-    modelValue: {
-      type: [Boolean, Array],
-      default: !1
-    },
-    /**
-     * Highlights the checkbox is optional.
-     */
-    optional: { type: Boolean, default: !1 },
-    /**
-     * Setting this property to true will set the checkbox to read only state.
-     */
-    readonly: { type: Boolean, default: !1 },
-    /**
-     * Highlights the checkbox is required.
-     */
-    required: { type: Boolean, default: !1 },
-    /**
-     * Sets the properties of the BentoTag component that is placed next to the label.
-     * {@see BentoTag}
-     */
-    tag: { type: Object, default: void 0 },
-    /**
-     * The value of the component. The DOM API casts this to a string.
-     * The browser uses "on" as the default value.
-     *
-     * In the case of multiple checkboxes this value is used as a unique key.
-     */
-    value: { type: [String, Number], default: null }
-  },
-  emits: [s.UPDATE, s.INPUT],
-  setup(a, { attrs: e, emit: t, slots: r }) {
-    const { t: m } = O(), h = C("description"), _ = C("error"), u = J(r), { disabled: y, indeterminate: E, modelValue: d, readonly: I, value: T } = k(a), v = f(r)("default"), g = f(r)("description");
-    H("bento-checkbox", r.default, r.description);
-    const n = o(() => Array.isArray(d.value)), b = o(() => n.value ? d.value.some((l) => l === T.value) : d.value), i = o(() => E.value), q = o(
-      () => !a.disabled && !a.readonly && (a.hasError || !!a.errorMessage)
-    ), x = o(() => !a.disabled && !a.readonly && !!a.errorMessage), c = o(() => u("content")), p = o(() => (i == null ? void 0 : i.value) || (b == null ? void 0 : b.value)), D = o(
-      () => (c == null ? void 0 : c.value) && (n == null ? void 0 : n.value) && (p == null ? void 0 : p.value)
-    ), L = o(
-      () => `${x.value ? _ : ""} ${v && g ? h : ""}`.trim() || null
-    ), M = A(e["aria-label"]), { ariaLabel: P } = k(a), S = A();
-    R(() => {
-      S.value = m("checkbox");
-    });
-    const U = o(
-      () => Y({
-        ariaLabel: M.value,
-        // TODO: take this line away when the aria-label props is removed
-        label: P,
-        defaultFallback: u("default") ? f(r)("default") : S.value
-      }).value
-    ), V = o(() => {
-      const { style: l, class: $ } = j();
-      return {
-        class: $,
-        style: l
-      };
-    }), N = o(() => ({
-      [`b-checkbox--${B.DISABLED}`]: y.value,
-      [`b-checkbox--${B.READONLY}`]: I.value
-    }));
-    return {
-      // Values
-      descriptionId: h,
-      errorId: _,
-      ariaDescribedBy: L,
-      computedAriaLabel: U,
-      conditionalClass: N,
-      defaultSlotValue: v,
-      descriptionSlotValue: g,
-      isIndeterminate: i,
-      shouldShowError: q,
-      shouldShowErrorMessage: x,
-      contentSlotAvailable: D,
-      hasContentSlot: c,
-      styleAttrs: V,
-      // Methods
-      hasSlot: u,
-      onChange: (l) => {
-        y.value || (t(s.UPDATE, l), t(s.INPUT, l));
-      },
-      t: m
-    };
-  }
-});
-var G = function() {
-  var e = this, t = e._self._c;
-  return e._self._setupProxy, t("label", e._b({ staticClass: "b-checkbox", class: e.conditionalClass }, "label", e.styleAttrs, !1), [t("checkbox-input", e._b({ ref: "input", attrs: { "aria-label": e.computedAriaLabel, "aria-describedby": e.ariaDescribedBy, disabled: e.disabled, "has-error": e.shouldShowError, indeterminate: e.isIndeterminate, value: e.value, "model-value": e.modelValue, readonly: e.readonly }, on: { "update:model-value": e.onChange } }, "checkbox-input", e.$attrs, !1)), e.hasSlot("default") || e.shouldShowErrorMessage ? t("span", { staticClass: "b-checkbox__text" }, [e.hasSlot("default") ? t("bento-typography", { staticClass: "b-checkbox__label", attrs: { el: "span", variant: "body" } }, [t("span", [e._t("default")], 2), e.optional ? t("bento-typography", { staticClass: "b-checkbox__label-requirement", attrs: { el: "span" } }, [e._v("(" + e._s(e.t("optional")) + ")")]) : e.required ? t("bento-typography", { staticClass: "b-checkbox__label-requirement", attrs: { el: "span" } }, [e._v("(" + e._s(e.t("required")) + ")")]) : e._e(), e.tag ? t("bento-tag", e._b({ staticClass: "b-checkbox__label-tag" }, "bento-tag", e.tag, !1)) : e._e()], 1) : e._e(), e.hasSlot("default") && e.hasSlot("description") ? t("bento-typography", { staticClass: "b-checkbox__description", attrs: { id: e.descriptionId, el: "span", variant: "body" } }, [e._t("description")], 2) : e._e(), e.shouldShowErrorMessage ? t("error-message", { attrs: { id: e.errorId, "error-message": e.errorMessage } }) : e._e(), e.contentSlotAvailable ? t("bento-typography", { staticClass: "b-checkbox__content", attrs: { el: "span", variant: "body" } }, [e._t("content")], 2) : e._e()], 1) : e._e()], 1);
-}, ee = [], ae = /* @__PURE__ */ W(
-  Z,
-  G,
-  ee,
-  !1,
-  null,
-  "f90864ea"
-);
-const me = ae.exports;
-export {
-  me as B,
-  s as a
-};
-//# sourceMappingURL=checkbox.CTeT6JEP.js.map

package/dist/chunks/checkbox.CTeT6JEP.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"checkbox.CTeT6JEP.js","sources":["../../../core/src/components/checkbox/checkbox.types.ts","../../src/components/checkbox/checkbox.vue"],"sourcesContent":["import type { BentoTagProps } from '@/core/components/tag/tag.types';\nimport type {\n    CheckboxInputType as BentoCheckboxType,\n    MultiCheckboxInputType as BentoMultiCheckboxType,\n} from '@/core/components/internal/checkbox-input/checkbox-input.types';\nimport { CheckboxInputState as BentoCheckboxState } from '@/core/components/internal/checkbox-input/checkbox-input.types';\n\nexport { BentoCheckboxState, BentoCheckboxType, BentoMultiCheckboxType };\n\nexport enum BentoCheckboxEvent {\n    UPDATE = 'update:model-value',\n    INPUT = 'input',\n}\n\nexport type BentoCheckboxTag = BentoTagProps;\n","<template>\n    <label class=\"b-checkbox\" :class=\"conditionalClass\" v-bind=\"styleAttrs\">\n        <checkbox-input\n            v-bind=\"$attrs\"\n            ref=\"input\"\n            :aria-label=\"computedAriaLabel\"\n            :aria-describedby=\"ariaDescribedBy\"\n            :disabled=\"disabled\"\n            :has-error=\"shouldShowError\"\n            :indeterminate=\"isIndeterminate\"\n            :value=\"value\"\n            :model-value=\"modelValue\"\n            :readonly=\"readonly\"\n            @update:model-value=\"onChange\"\n        />\n        <span v-if=\"hasSlot('default') || shouldShowErrorMessage\" class=\"b-checkbox__text\">\n            <bento-typography v-if=\"hasSlot('default')\" class=\"b-checkbox__label\" el=\"span\" variant=\"body\">\n                <span><slot /></span>\n                <bento-typography v-if=\"optional\" class=\"b-checkbox__label-requirement\" el=\"span\"\n                    >({{ t('optional') }})</bento-typography\n                >\n                <bento-typography v-else-if=\"required\" class=\"b-checkbox__label-requirement\" el=\"span\"\n                    >({{ t('required') }})</bento-typography\n                >\n                <bento-tag v-if=\"tag\" class=\"b-checkbox__label-tag\" v-bind=\"tag\" />\n            </bento-typography>\n            <bento-typography\n                v-if=\"hasSlot('default') && hasSlot('description')\"\n                :id=\"descriptionId\"\n                class=\"b-checkbox__description\"\n                el=\"span\"\n                variant=\"body\"\n            >\n                <slot name=\"description\"></slot>\n            </bento-typography>\n            <error-message v-if=\"shouldShowErrorMessage\" :id=\"errorId\" :error-message=\"errorMessage\" />\n\n            <bento-typography v-if=\"contentSlotAvailable\" class=\"b-checkbox__content\" el=\"span\" variant=\"body\">\n                <slot name=\"content\"></slot>\n            </bento-typography>\n        </span>\n    </label>\n</template>\n\n<script lang=\"ts\">\n    import { computed, defineComponent, onMounted, PropType, ref, toRefs, useAttrs } from 'vue';\n    import {\n        BentoCheckboxEvent,\n        BentoCheckboxState,\n        BentoCheckboxTag,\n        BentoCheckboxType,\n        BentoMultiCheckboxType,\n    } from '@/core/components/checkbox/checkbox.types';\n    import { BentoTypography } from '@/components/typography';\n    import { CheckboxInput } from '@/components/internal/checkbox-input';\n    import { ErrorMessage } from '@/components/internal/error-message';\n    import type { HTMLAttributes } from 'vue/types/jsx.d.ts';\n    import { useDefaultSlotValidator, useHasSlot } from '@/composables';\n    import { generateUid } from '@/core/utils/ts';\n    import { getSlotText } from '@/utils/ts/get-slot-text';\n    import { useI18n } from '@/utils/ts/i18n';\n    import { useAriaLabel } from '@/utils/ts/aria-label';\n    import { BentoTag } from '@/components/tag';\n    import { BentoCheckboxGroupItems } from '@/core/components/checkbox-group/checkbox-group.types';\n    import messages from './messages.json';\n\n    type MessageSchema = (typeof messages)['en-US'];\n\n    /**\n     * Checkboxes are used to make a binary choice about an option.\n     * The label tag area is also clickable.\n     *\n     * @usage\n     * import { BentoCheckbox } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { BentoCheckbox },\n     *     template: `\n     *         <bento-checkbox>\n     *             Label text\n     *             <template #description>Sub label text</template>\n     *         </bento-checkbox>\n     *     `,\n     * }\n     */\n    export default defineComponent({\n        name: 'bento-checkbox',\n        i18n: { messages },\n        components: {\n            BentoTag,\n            BentoTypography,\n            CheckboxInput,\n            ErrorMessage,\n        },\n        inheritAttrs: false,\n        model: { prop: 'modelValue' },\n        props: {\n            /**\n             * @deprecated from version 2.0.0. Use the aria-label attribute instead.\n             */\n            /**\n             * Accessible name for the radio button component. It is strongly recommended to pas this value in case this component is used without a label.\n             */\n            ariaLabel: { type: String, default: null },\n\n            /**\n             * Setting this property to true will disable the checkbox in your form.\n             */\n            disabled: { type: Boolean, default: false },\n\n            /**\n             * Renders the checkbox in an error state with an error message.\n             */\n            errorMessage: { type: String, default: null },\n\n            /**\n             * Setting this property to true will show the checkbox in error state.\n             */\n            hasError: { type: Boolean, default: false },\n\n            /**\n             * The :indeterminate CSS pseudo-class represents any form element\n             * whose state is indeterminate, such as checkboxes which have their HTML indeterminate attribute\n             * set to true, radio buttons which are members of a group in which all radio buttons are unchecked,\n             * and indeterminate <progress> elements. https://developer.mozilla.org/en-US/docs/Web/CSS/:indeterminate\n             * This property lets you control the input.indeterminate native property.\n             */\n            indeterminate: { type: Boolean, default: false },\n\n            /**\n             * When handling a single checkbox with a singular state, use a boolean.\n             *\n             * When handling multiple checkboxes, use an array of keys.\n             * These keys exist as a set \"value\" prop for each checkbox.\n             */\n            modelValue: {\n                type: [Boolean, Array] as PropType<BentoCheckboxType | BentoCheckboxGroupItems>,\n                default: false,\n            },\n\n            /**\n             * Highlights the checkbox is optional.\n             */\n            optional: { type: Boolean, default: false },\n\n            /**\n             * Setting this property to true will set the checkbox to read only state.\n             */\n            readonly: { type: Boolean, default: false },\n\n            /**\n             * Highlights the checkbox is required.\n             */\n            required: { type: Boolean, default: false },\n\n            /**\n             * Sets the properties of the BentoTag component that is placed next to the label.\n             * {@see BentoTag}\n             */\n            tag: { type: Object as PropType<BentoCheckboxTag>, default: undefined },\n\n            /**\n             * The value of the component. The DOM API casts this to a string.\n             * The browser uses \"on\" as the default value.\n             *\n             * In the case of multiple checkboxes this value is used as a unique key.\n             */\n            value: { type: [String, Number], default: null },\n        },\n        emits: [BentoCheckboxEvent.UPDATE, BentoCheckboxEvent.INPUT],\n        setup(props, { attrs, emit, slots }) {\n            const { t } = useI18n<{ message: MessageSchema }>({ messages });\n            const descriptionId = generateUid('description');\n            const errorId = generateUid('error');\n            const hasSlot = useHasSlot(slots);\n\n            const { disabled, indeterminate, modelValue, readonly, value } = toRefs(props);\n\n            const defaultSlotValue = getSlotText(slots)('default');\n            const descriptionSlotValue = getSlotText(slots)('description');\n\n            useDefaultSlotValidator('bento-checkbox', slots.default, slots.description);\n\n            const isCheckboxGroup = computed(() => Array.isArray(modelValue.value));\n            const isChecked = computed(() => {\n                if (!isCheckboxGroup.value) {\n                    return modelValue.value as boolean;\n                }\n\n                return (modelValue.value as BentoMultiCheckboxType).some(item => item === value.value);\n            });\n            const isIndeterminate = computed(() => indeterminate.value);\n\n            const shouldShowError = computed(\n                () => !props.disabled && !props.readonly && (props.hasError || !!props.errorMessage)\n            );\n            const shouldShowErrorMessage = computed(() => !props.disabled && !props.readonly && !!props.errorMessage);\n\n            // Content slot logic\n            const hasContentSlot = computed(() => hasSlot('content'));\n            const isCheckedOrIntermediate = computed(() => isIndeterminate?.value || isChecked?.value);\n            const contentSlotAvailable = computed(\n                () => hasContentSlot?.value && isCheckboxGroup?.value && isCheckedOrIntermediate?.value\n            );\n\n            // ARIA fields\n            const ariaDescribedBy = computed<HTMLAttributes['aria-describedby']>(\n                () =>\n                    `${shouldShowErrorMessage.value ? errorId : ''} ${\n                        defaultSlotValue && descriptionSlotValue ? descriptionId : ''\n                    }`.trim() || null\n            );\n\n            const ariaLabelAttribute = ref(attrs['aria-label']);\n            const { ariaLabel } = toRefs(props);\n            const checkboxTranslation = ref();\n            // Translations used in the script tag need to be inside onMounted otherwise they fail in Vue 3\n            onMounted(() => {\n                checkboxTranslation.value = t('checkbox');\n            });\n            // Only add aria-label if no label slot is present\n            const computedAriaLabel = computed(\n                () =>\n                    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                            : checkboxTranslation.value,\n                    }).value\n            );\n\n            const styleAttrs = computed(() => {\n                const { style, class: cls } = useAttrs();\n                return {\n                    class: cls as HTMLAttributes['class'],\n                    style: style as HTMLAttributes['style'],\n                };\n            });\n\n            const conditionalClass = computed(() => ({\n                [`b-checkbox--${BentoCheckboxState.DISABLED}`]: disabled.value,\n                [`b-checkbox--${BentoCheckboxState.READONLY}`]: readonly.value,\n            }));\n\n            const onChange = (newValue: BentoCheckboxType | BentoCheckboxGroupItems) => {\n                if (disabled.value) {\n                    return;\n                }\n                emit(BentoCheckboxEvent.UPDATE, newValue);\n                emit(BentoCheckboxEvent.INPUT, newValue);\n            };\n\n            return {\n                // Values\n                descriptionId,\n                errorId,\n                ariaDescribedBy,\n                computedAriaLabel,\n                conditionalClass,\n                defaultSlotValue,\n                descriptionSlotValue,\n                isIndeterminate,\n                shouldShowError,\n                shouldShowErrorMessage,\n                contentSlotAvailable,\n                hasContentSlot,\n                styleAttrs,\n\n                // Methods\n                hasSlot,\n                onChange,\n\n                t,\n            };\n        },\n    });\n</script>\n\n<style lang=\"scss\" scoped src=\"@/core/components/checkbox/checkbox.scss\" />\n"],"names":["BentoCheckboxEvent","BentoCheckboxEvent2","_sfc_main","defineComponent","messages","BentoTag","BentoTypography","CheckboxInput","ErrorMessage","props","attrs","emit","slots","t","useI18n","descriptionId","generateUid","errorId","hasSlot","useHasSlot","disabled","indeterminate","modelValue","readonly","value","toRefs","defaultSlotValue","getSlotText","descriptionSlotValue","useDefaultSlotValidator","isCheckboxGroup","computed","isChecked","item","isIndeterminate","shouldShowError","shouldShowErrorMessage","hasContentSlot","isCheckedOrIntermediate","contentSlotAvailable","ariaDescribedBy","ariaLabelAttribute","ref","ariaLabel","checkboxTranslation","onMounted","computedAriaLabel","useAriaLabel","styleAttrs","style","cls","useAttrs","conditionalClass","CheckboxInputState","newValue"],"mappings":"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"}

package/dist/chunks/checkmark-circle-fill.DZBl7CeY.js

@@ -1,24 +0,0 @@
-/* empty css              */
-import { n as e } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
-let i = 0;
-const r = {
-  beforeCreate() {
-    this.uuid = i.toString(), i += 1;
-  }
-};
-var a = function() {
-  var t = this, s = t._self._c;
-  return s("svg", t._b({ staticClass: "ui-assets-icons-16", attrs: { role: "img", xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "none" } }, "svg", t.$attrs, !1), [t.$attrs["svg-title"] ? s("title", [t._v(t._s(t.$attrs["svg-title"]))]) : t._e(), s("g", { attrs: { "clip-path": "url(#uia-ui-assets/icons-16-checkmark_circle_fill__a" + t.uuid + ")" } }, [s("path", { attrs: { fill: "#00112C", d: "M0.25 8C0.25 3.71979 3.71979 0.25 8 0.25C12.2802 0.25 15.75 3.71979 15.75 8C15.75 12.2802 12.2802 15.75 8 15.75C3.71979 15.75 0.25 12.2802 0.25 8ZM11.0001 4.93945L7.0001 8.93946L5.00011 6.93947L3.93945 8.00013L7.00011 11.0608L12.0608 6.00011L11.0001 4.93945Z" } })]), s("defs", [s("clipPath", { attrs: { id: "uia-ui-assets/icons-16-checkmark_circle_fill__a" + t.uuid } }, [s("rect", { attrs: { width: "16", height: "16", fill: "#fff" } })])])]);
-}, l = [], c = /* @__PURE__ */ e(
-  r,
-  a,
-  l,
-  !1,
-  null,
-  null
-);
-const f = c.exports;
-export {
-  f as C
-};
-//# sourceMappingURL=checkmark-circle-fill.DZBl7CeY.js.map

package/dist/chunks/checkmark-circle-fill.DZBl7CeY.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"checkmark-circle-fill.DZBl7CeY.js","sources":["../../../ui-assets/icons-16/dist/vue/checkmark-circle-fill.vue"],"sourcesContent":["\n<template>\n    <svg role=\"img\" v-bind=\"$attrs\" class=\"ui-assets-icons-16\" xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\"><title v-if=\"$attrs['svg-title']\">{{ $attrs['svg-title'] }}</title><g :clip-path=\"'url(#uia-ui-assets/icons-16-checkmark_circle_fill__a' + uuid + ')'\"><path fill=\"#00112C\" d=\"M0.25 8C0.25 3.71979 3.71979 0.25 8 0.25C12.2802 0.25 15.75 3.71979 15.75 8C15.75 12.2802 12.2802 15.75 8 15.75C3.71979 15.75 0.25 12.2802 0.25 8ZM11.0001 4.93945L7.0001 8.93946L5.00011 6.93947L3.93945 8.00013L7.00011 11.0608L12.0608 6.00011L11.0001 4.93945Z\"/></g><defs><clipPath :id=\"'uia-ui-assets/icons-16-checkmark_circle_fill__a' + uuid\"><rect width=\"16\" height=\"16\" fill=\"#fff\"/></clipPath></defs></svg>\n</template>\n<script>\n    import '../css/main.css';\n\n    let uuid = 0;\n\n    export default {\n        beforeCreate() {\n            this.uuid = uuid.toString();\n            uuid += 1;\n        },\n    };\n</script>\n"],"names":["uuid","_sfc_main"],"mappings":";;AAOA,IAAAA,IAAA;AAEA,MAAAC,IAAA;AAAA,EACA,eAAA;AACA,SAAA,OAAAD,EAAA,SAAA,GACAA,KAAA;AAAA,EACA;AACA;;;;;;;;;;;;;"}

package/dist/chunks/checkmark-small.C8T8ISN6.js

@@ -1,24 +0,0 @@
-/* empty css              */
-import { n as r } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
-let e = 0;
-const n = {
-  beforeCreate() {
-    this.uuid = e.toString(), e += 1;
-  }
-};
-var a = function() {
-  var t = this, s = t._self._c;
-  return s("svg", t._b({ staticClass: "ui-assets-icons-16", attrs: { role: "img", xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "none" } }, "svg", t.$attrs, !1), [t.$attrs["svg-title"] ? s("title", [t._v(t._s(t.$attrs["svg-title"]))]) : t._e(), s("path", { attrs: { fill: "#00112C", d: "M12.0608 6.00011L11.0001 4.93945L7.00011 8.93945L5.00011 6.93945L3.93945 8.00011L7.00011 11.0608L12.0608 6.00011Z" } })]);
-}, i = [], l = /* @__PURE__ */ r(
-  n,
-  a,
-  i,
-  !1,
-  null,
-  null
-);
-const m = l.exports;
-export {
-  m as C
-};
-//# sourceMappingURL=checkmark-small.C8T8ISN6.js.map

package/dist/chunks/checkmark-small.C8T8ISN6.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"checkmark-small.C8T8ISN6.js","sources":["../../../ui-assets/icons-16/dist/vue/checkmark-small.vue"],"sourcesContent":["\n<template>\n    <svg role=\"img\" v-bind=\"$attrs\" class=\"ui-assets-icons-16\" xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\"><title v-if=\"$attrs['svg-title']\">{{ $attrs['svg-title'] }}</title><path fill=\"#00112C\" d=\"M12.0608 6.00011L11.0001 4.93945L7.00011 8.93945L5.00011 6.93945L3.93945 8.00011L7.00011 11.0608L12.0608 6.00011Z\"/></svg>\n</template>\n<script>\n    import '../css/main.css';\n\n    let uuid = 0;\n\n    export default {\n        beforeCreate() {\n            this.uuid = uuid.toString();\n            uuid += 1;\n        },\n    };\n</script>\n"],"names":["uuid","_sfc_main"],"mappings":";;AAOA,IAAAA,IAAA;AAEA,MAAAC,IAAA;AAAA,EACA,eAAA;AACA,SAAA,OAAAD,EAAA,SAAA,GACAA,KAAA;AAAA,EACA;AACA;;;;;;;;;;;;;"}