@onereach/ui-components 8.5.0 → 8.5.1-beta.3662.0

package/dist/bundled/v3/components/OrCheckboxV3-25ff00db.js

@@ -0,0 +1,174 @@
+import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, mergeProps, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode } from 'vue';
+import { s as styleInject } from './OrAvatar-bfa6fd65.js';
+import { defineComponent, ref, computed, reactive, toRef } from 'vue-demi';
+import { b as useIdAttribute, c as useControlAttributes, u as useProxyModelValue, i as isEmptyValue } from './OrBottomSheetV3-199292db.js';
+import { s as script$1, L as LabelVariant } from './OrLabelV3-5fd72248.js';
+
+const CheckboxRoot = [
+// Layout
+'layout-row',
+// Spacing
+'gap-sm+ md:gap-sm'];
+const CheckboxControl = [
+// Layout
+'layout-inline-row justify-center',
+// Box
+'w-md+ md:w-md', 'h-md+ md:h-md',
+// Shape
+'rounded-sm',
+// Interactivity
+'interactivity-click',
+// Iconography
+'iconography-outlined',
+// Theme
+'theme-preset-3-primary', 'dark:theme-preset-3-primary-dark', 'theme-background-default', 'dark:theme-background-default-dark', 'theme-border-1-outline', 'dark:theme-border-1-outline-dark',
+// Theme (focus)
+'focus-visible:theme-outline-2-primary', 'dark:focus-visible:theme-outline-2-primary-dark',
+// Theme (checked)
+'checked:theme-preset-1-primary', 'dark:checked:theme-preset-1-primary-dark',
+// Theme (indeterminate)
+'indeterminate:theme-preset-1-primary', 'dark:indeterminate:theme-preset-1-primary-dark'];
+const CheckboxControlHandle = [
+// Content (checked)
+'checked:after:content-checkbox-checked',
+// Content (indeterminate)
+'indeterminate:after:content-checkbox-indeterminate'];
+
+var script = defineComponent({
+  name: 'OrCheckbox',
+  components: {
+    OrLabel: script$1
+  },
+  model: {
+    prop: 'modelValue',
+    event: 'update:modelValue'
+  },
+  props: {
+    modelValue: {
+      type: null,
+      default: null
+    },
+    value: {
+      type: [Object, String, Number, Boolean],
+      default: null
+    },
+    label: {
+      type: String,
+      default: undefined
+    },
+    labelVariant: {
+      type: String,
+      default: LabelVariant.Toggle
+    },
+    indeterminate: {
+      type: Boolean,
+      default: false
+    },
+    required: {
+      type: Boolean,
+      default: false
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    }
+  },
+  emits: ['update:modelValue', 'click', 'focus', 'blur'],
+  expose: ['root', 'focus', 'blur'],
+  setup(props, context) {
+    // Refs
+    const root = ref();
+    const control = ref();
+    // Styles
+    const rootStyles = computed(() => ['or-checkbox-v3', ...CheckboxRoot]);
+    const controlStyles = computed(() => [...CheckboxControl, ...CheckboxControlHandle]);
+    // State
+    const controlAttributes = reactive({
+      id: useIdAttribute(),
+      ...useControlAttributes()
+    });
+    const proxyModelValue = useProxyModelValue(toRef(props, 'modelValue'), context.emit);
+    const isChecked = computed(() => {
+      if (Array.isArray(proxyModelValue.value)) {
+        return !isEmptyValue(props.value) && proxyModelValue.value.includes(props.value);
+      }
+      return !!proxyModelValue.value;
+    });
+    // Methods
+    function handleChange() {
+      if (Array.isArray(proxyModelValue.value)) {
+        if (isChecked.value) {
+          proxyModelValue.value = proxyModelValue.value.filter(value => value !== props.value);
+        } else {
+          proxyModelValue.value = [...proxyModelValue.value, props.value];
+        }
+      } else {
+        proxyModelValue.value = !proxyModelValue.value;
+      }
+    }
+    function focus() {
+      var _a;
+      (_a = control.value) === null || _a === void 0 ? void 0 : _a.focus();
+    }
+    function blur() {
+      var _a;
+      (_a = control.value) === null || _a === void 0 ? void 0 : _a.blur();
+    }
+    return {
+      root,
+      control,
+      rootStyles,
+      controlStyles,
+      controlAttributes,
+      isChecked,
+      handleChange,
+      focus,
+      blur
+    };
+  }
+});
+
+const _hoisted_1 = ["checked", ".indeterminate", "required", "disabled"];
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_OrLabel = resolveComponent("OrLabel");
+  return openBlock(), createElementBlock("div", {
+    ref: "root",
+    class: normalizeClass(_ctx.rootStyles)
+  }, [createElementVNode("input", mergeProps({
+    ref: "control",
+    checked: _ctx.isChecked
+  }, _ctx.controlAttributes, {
+    class: _ctx.controlStyles,
+    type: 'checkbox',
+    ".indeterminate": _ctx.indeterminate,
+    required: _ctx.required,
+    disabled: _ctx.disabled,
+    onChange: _cache[0] || (_cache[0] = function () {
+      return _ctx.handleChange && _ctx.handleChange(...arguments);
+    }),
+    onClick: _cache[1] || (_cache[1] = $event => _ctx.$emit('click', $event)),
+    onFocus: _cache[2] || (_cache[2] = $event => _ctx.$emit('focus', $event)),
+    onBlur: _cache[3] || (_cache[3] = $event => _ctx.$emit('blur', $event))
+  }), null, 16 /* FULL_PROPS */, _hoisted_1), _ctx.$slots.default || _ctx.label ? (openBlock(), createBlock(_component_OrLabel, {
+    key: 0,
+    "control-id": _ctx.controlAttributes.id,
+    variant: _ctx.labelVariant,
+    selected: _ctx.isChecked,
+    required: _ctx.required,
+    disabled: _ctx.disabled
+  }, {
+    addon: withCtx(() => [renderSlot(_ctx.$slots, "addon")]),
+    default: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, () => [createTextVNode(toDisplayString(_ctx.label), 1 /* TEXT */)])]),
+
+    _: 3 /* FORWARDED */
+  }, 8 /* PROPS */, ["control-id", "variant", "selected", "required", "disabled"])) : createCommentVNode("v-if", true)], 2 /* CLASS */);
+}
+
+var css_248z = "\ninput[data-v-5358d710] {\n  -webkit-appearance: none;\n     -moz-appearance: none;\n          appearance: none;\n  line-height: 0;\n}\n";
+styleInject(css_248z);
+
+script.render = render;
+script.__scopeId = "data-v-5358d710";
+script.__file = "src/components/or-checkbox-v3/OrCheckbox.vue";
+
+export { CheckboxRoot as C, CheckboxControl as a, CheckboxControlHandle as b, script as s };

package/dist/bundled/v3/components/OrChip/OrChip.js

@@ -0,0 +1 @@
+export { s as default } from '../OrChips-6304e385.js';

package/dist/bundled/v3/components/OrChip/OrChip.vue.d.ts

@@ -0,0 +1,42 @@
+import { PropType } from 'vue-demi';
+declare const _default: import("vue-demi").DefineComponent<{
+    content: {
+        type: StringConstructor;
+        default: string;
+    };
+    color: {
+        type: PropType<"" | "error">;
+        default: string;
+    };
+    canDelete: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isDisabled: BooleanConstructor;
+}, unknown, unknown, {
+    states(): Record<string, boolean>;
+}, {
+    handleDeleteClick(): void;
+}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, "delete"[], "delete", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
+    content: {
+        type: StringConstructor;
+        default: string;
+    };
+    color: {
+        type: PropType<"" | "error">;
+        default: string;
+    };
+    canDelete: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isDisabled: BooleanConstructor;
+}>> & {
+    onDelete?: ((...args: any[]) => any) | undefined;
+}, {
+    content: string;
+    color: "" | "error";
+    canDelete: boolean;
+    isDisabled: boolean;
+}>;
+export default _default;

package/dist/bundled/v3/components/OrChip/index.d.ts

@@ -0,0 +1 @@
+export { default as OrChip } from './OrChip.vue';

package/dist/bundled/v3/components/OrChip/index.js

@@ -0,0 +1 @@
+export { s as OrChip } from '../OrChips-6304e385.js';

package/dist/bundled/v3/components/OrChips/OrChips.js

@@ -0,0 +1 @@
+export { a as default } from '../OrChips-6304e385.js';

package/dist/bundled/v3/components/OrChips/OrChips.vue.d.ts

@@ -0,0 +1,69 @@
+declare const _default: import("vue-demi").DefineComponent<{
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+    error: {
+        type: StringConstructor;
+        default: string;
+    };
+    modelValue: {
+        type: import("vue-demi").PropType<string[]>;
+        default: () => string[];
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    isRequired: BooleanConstructor;
+    isDisabled: BooleanConstructor;
+    isInvalid: BooleanConstructor;
+}, unknown, {
+    input: string;
+    duplicateAtIndex: number;
+    isFocused: boolean;
+}, {
+    hasDuplicates(): boolean;
+}, {
+    handleFocus(): void;
+    handleAddChip(args: {
+        blur: boolean;
+    }): void;
+    handleDeleteChip(index: number): void;
+    checkForDuplicates(): void;
+}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, ("update:modelValue" | "blur" | "focus" | "add-chip" | "delete-chip")[], "update:modelValue" | "blur" | "focus" | "add-chip" | "delete-chip", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+    error: {
+        type: StringConstructor;
+        default: string;
+    };
+    modelValue: {
+        type: import("vue-demi").PropType<string[]>;
+        default: () => string[];
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    isRequired: BooleanConstructor;
+    isDisabled: BooleanConstructor;
+    isInvalid: BooleanConstructor;
+}>> & {
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onBlur?: ((...args: any[]) => any) | undefined;
+    onFocus?: ((...args: any[]) => any) | undefined;
+    "onAdd-chip"?: ((...args: any[]) => any) | undefined;
+    "onDelete-chip"?: ((...args: any[]) => any) | undefined;
+}, {
+    modelValue: string[];
+    label: string;
+    error: string;
+    placeholder: string;
+    isRequired: boolean;
+    isDisabled: boolean;
+    isInvalid: boolean;
+}>;
+export default _default;

package/dist/bundled/v3/components/OrChips/constants.d.ts

@@ -0,0 +1,9 @@
+import { PropType } from 'vue-demi';
+export declare const OR_CHIPS_VALUE_PROP: {
+    type: PropType<string[]>;
+    default: () => string[];
+};
+export declare const PLACEHOLDER_PROP: {
+    type: StringConstructor;
+    default: string;
+};

package/dist/bundled/v3/components/OrChips/constants.js

@@ -0,0 +1 @@
+export { O as OR_CHIPS_VALUE_PROP, P as PLACEHOLDER_PROP } from '../OrChips-6304e385.js';

package/dist/bundled/v3/components/OrChips/index.d.ts

@@ -0,0 +1,2 @@
+export { default as OrChip } from './or-chip/OrChip.vue';
+export { default as OrChips } from './OrChips.vue';

package/dist/bundled/v3/components/OrChips/index.js

@@ -0,0 +1 @@
+export { s as OrChip, a as OrChips } from '../OrChips-6304e385.js';

package/dist/bundled/v3/components/OrChips-6304e385.js

@@ -0,0 +1,305 @@
+import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, toDisplayString, createVNode, createCommentVNode, withModifiers, Fragment, renderList, createBlock, withCtx, renderSlot } from 'vue';
+import { s as styleInject } from './OrAvatar-bfa6fd65.js';
+import { defineComponent } from 'vue-demi';
+import script$4 from './OrLabel/OrLabel.js';
+import script$5 from './OrError/OrError.js';
+import { OrIcon as script$3 } from './OrIcon/index.js';
+
+var script$2 = defineComponent({
+  name: 'OrChip',
+  components: {
+    OrIcon: script$3
+  },
+  props: {
+    content: {
+      type: String,
+      default: ''
+    },
+    color: {
+      type: String,
+      default: ''
+    },
+    canDelete: {
+      type: Boolean,
+      default: true
+    },
+    isDisabled: Boolean
+  },
+  emits: ['delete'],
+  computed: {
+    states() {
+      return {
+        [this.color]: !!this.color,
+        disabled: this.isDisabled
+      };
+    }
+  },
+  methods: {
+    handleDeleteClick() {
+      if (!this.isDisabled) {
+        this.$emit('delete');
+      }
+    }
+  }
+});
+
+const _hoisted_1$2 = {
+  class: "or-chip-content"
+};
+function render$2(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_or_icon = resolveComponent("or-icon");
+  return openBlock(), createElementBlock("span", {
+    class: normalizeClass(["or-chip", _ctx.states])
+  }, [createElementVNode("span", _hoisted_1$2, toDisplayString(_ctx.content), 1 /* TEXT */), _ctx.canDelete ? (openBlock(), createElementBlock("span", {
+    key: 0,
+    class: "or-chip-button",
+    onClick: _cache[0] || (_cache[0] = function () {
+      return _ctx.handleDeleteClick && _ctx.handleDeleteClick(...arguments);
+    })
+  }, [createVNode(_component_or_icon, {
+    icon: "close"
+  })])) : createCommentVNode("v-if", true)], 2 /* CLASS */);
+}
+
+var css_248z$2 = "/**\n * A simple way to manage mobile breakpoints described in https://davidwalsh.name/write-media-queries-sass.\n * Can be further extended using following approach https://rimdev.io/making-media-query-mixins-with-sass/\n */\n@keyframes spinAround-51cdf14c {\nfrom {\n    transform: rotate(0);\n}\nto {\n    transform: rotate(359deg);\n}\n}\n@keyframes fade-51cdf14c {\nfrom {\n    opacity: 1;\n}\nto {\n    opacity: 0;\n}\n}\n.or-chip[data-v-51cdf14c] {\n  display: inline-flex;\n  align-items: center;\n  max-width: 100%;\n  padding: 0.25rem 0.5rem;\n  overflow: hidden;\n  font-size: var(--fs-0);\n  line-height: var(--lh-0);\n  background-color: var(--c-neutral-2);\n  border-radius: 1rem;\n}\n.or-chip.error[data-v-51cdf14c] {\n  color: var(--c-white);\n  background-color: var(--c-error);\n}\n.or-chip.disabled[data-v-51cdf14c] {\n  opacity: 0.75;\n}\n.or-chip.disabled .or-chip-button[data-v-51cdf14c] {\n  cursor: inherit;\n}\n.or-chip-content[data-v-51cdf14c] {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.or-chip-button[data-v-51cdf14c] {\n  display: flex;\n  margin-left: 0.5rem;\n  cursor: pointer;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n}\n.or-chip[data-v-51cdf14c] .or-icon {\n  font-size: 0.875rem;\n  transition: none;\n}";
+styleInject(css_248z$2);
+
+script$2.render = render$2;
+script$2.__scopeId = "data-v-51cdf14c";
+script$2.__file = "src/components/or-chips/or-chip/OrChip.vue";
+
+const OR_CHIPS_VALUE_PROP = {
+  type: Array,
+  default: () => []
+};
+const PLACEHOLDER_PROP = {
+  type: String,
+  default: ''
+};
+
+var script$1 = defineComponent({
+  name: 'OrChipsInput',
+  components: {
+    OrChip: script$2
+  },
+  props: {
+    chips: OR_CHIPS_VALUE_PROP,
+    placeholder: PLACEHOLDER_PROP,
+    input: {
+      type: String,
+      default: ''
+    },
+    duplicateAtIndex: {
+      type: Number,
+      default: -1
+    },
+    isFocused: Boolean,
+    isDisabled: Boolean,
+    isInvalid: Boolean
+  },
+  emits: ['add-chip', 'delete-chip', 'input-change', 'focus', 'blur'],
+  computed: {
+    placeholderText() {
+      return this.chips && this.chips.length ? '' : this.placeholder;
+    },
+    states() {
+      return {
+        error: this.isInvalid,
+        disabled: this.isDisabled
+      };
+    }
+  },
+  watch: {
+    isFocused: {
+      handler(isFocused) {
+        const ref = this.$refs['or-chips-input'];
+        if (ref) {
+          isFocused ? ref.focus() : ref.blur();
+        }
+      },
+      immediate: true
+    }
+  },
+  methods: {
+    getOrChipColor(index) {
+      return this.duplicateAtIndex === index ? 'error' : '';
+    },
+    /* Help user to put input in focus by clicking on empty space  */
+    handleContentClick(event) {
+      const CONTENT_CLASS = 'or-chips-input';
+      const target = event.target;
+      if (target.classList.contains(CONTENT_CLASS)) {
+        this.$emit('focus');
+      }
+    }
+  }
+});
+
+const _hoisted_1$1 = ["value", "placeholder", "disabled"];
+function render$1(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_or_chip = resolveComponent("or-chip");
+  return openBlock(), createElementBlock("form", {
+    class: normalizeClass(["or-chips-input", _ctx.states]),
+    onClick: _cache[2] || (_cache[2] = function () {
+      return _ctx.handleContentClick && _ctx.handleContentClick(...arguments);
+    }),
+    onSubmit: _cache[3] || (_cache[3] = withModifiers($event => _ctx.$emit('add-chip'), ["prevent"]))
+  }, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.chips, (item, index) => {
+    return openBlock(), createBlock(_component_or_chip, {
+      key: index,
+      content: item,
+      color: _ctx.getOrChipColor(index),
+      "is-disabled": _ctx.isDisabled,
+      onDelete: $event => _ctx.$emit('delete-chip', index)
+    }, null, 8 /* PROPS */, ["content", "color", "is-disabled", "onDelete"]);
+  }), 128 /* KEYED_FRAGMENT */)), createElementVNode("input", {
+    ref: "or-chips-input",
+    value: _ctx.input,
+    placeholder: _ctx.placeholderText,
+    disabled: _ctx.isDisabled,
+    class: "or-chips-input-element",
+    onInput: _cache[0] || (_cache[0] = $event => _ctx.$emit('input-change', $event.target.value)),
+    onBlur: _cache[1] || (_cache[1] = $event => _ctx.$emit('blur'))
+  }, null, 40 /* PROPS, HYDRATE_EVENTS */, _hoisted_1$1)], 34 /* CLASS, HYDRATE_EVENTS */);
+}
+
+var css_248z$1 = "/**\n * A simple way to manage mobile breakpoints described in https://davidwalsh.name/write-media-queries-sass.\n * Can be further extended using following approach https://rimdev.io/making-media-query-mixins-with-sass/\n */\n@keyframes spinAround-4beb72e1 {\nfrom {\n    transform: rotate(0);\n}\nto {\n    transform: rotate(359deg);\n}\n}\n@keyframes fade-4beb72e1 {\nfrom {\n    opacity: 1;\n}\nto {\n    opacity: 0;\n}\n}\n.or-chips-input[data-v-4beb72e1] {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  padding: 0.125rem 0.5rem;\n  background-color: var(--c-neutral-1);\n  border: 1px solid var(--c-neutral-2);\n  border-radius: 0.25rem;\n}\n.or-chips-input.error[data-v-4beb72e1] {\n  border-color: var(--c-error);\n}\n.or-chips-input.disabled[data-v-4beb72e1] {\n  cursor: not-allowed;\n}\n.or-chips-input.disabled .or-chips-input-element[data-v-4beb72e1] {\n  cursor: not-allowed;\n}\n.or-chips-input-element[data-v-4beb72e1] {\n  flex: 1 1 auto;\n  min-width: 0;\n  height: 1.875rem;\n  margin: 0 0.125rem;\n  font-size: var(--fs-1);\n  background: transparent;\n  border: none;\n  outline: none;\n}\n.or-chips-input .or-chip[data-v-4beb72e1] {\n  margin: 0.125rem;\n}";
+styleInject(css_248z$1);
+
+script$1.render = render$1;
+script$1.__scopeId = "data-v-4beb72e1";
+script$1.__file = "src/components/or-chips/partials/OrChipsInput.vue";
+
+var script = defineComponent({
+  name: 'OrChips',
+  components: {
+    OrChipsInput: script$1,
+    OrLabel: script$4,
+    OrError: script$5
+  },
+  model: {
+    prop: 'modelValue',
+    event: 'update:modelValue'
+  },
+  props: {
+    label: {
+      type: String,
+      default: ''
+    },
+    error: {
+      type: String,
+      default: ''
+    },
+    modelValue: OR_CHIPS_VALUE_PROP,
+    placeholder: PLACEHOLDER_PROP,
+    isRequired: Boolean,
+    isDisabled: Boolean,
+    isInvalid: Boolean
+  },
+  emits: ['update:modelValue', 'blur', 'focus', 'add-chip', 'delete-chip'],
+  data() {
+    return {
+      input: '',
+      duplicateAtIndex: -1,
+      isFocused: false
+    };
+  },
+  computed: {
+    hasDuplicates() {
+      return this.duplicateAtIndex !== -1;
+    }
+  },
+  watch: {
+    input: {
+      handler() {
+        this.checkForDuplicates();
+      },
+      immediate: true
+    },
+    modelValue: {
+      handler() {
+        this.checkForDuplicates();
+      },
+      immediate: true
+    }
+  },
+  methods: {
+    handleFocus() {
+      this.isFocused = true;
+      this.$emit('focus');
+    },
+    handleAddChip(args) {
+      const isNotEmpty = !!this.input;
+      const hasNoDuplicate = this.duplicateAtIndex === -1;
+      if (isNotEmpty && hasNoDuplicate) {
+        const value = [...this.modelValue, this.input];
+        this.input = '';
+        this.$emit('update:modelValue', value);
+      }
+      this.isFocused = !args.blur;
+      if (!this.isFocused) {
+        this.$emit('blur', this.modelValue);
+      }
+      this.$emit('add-chip', this.modelValue);
+    },
+    handleDeleteChip(index) {
+      const value = [...this.modelValue];
+      value.splice(index, 1);
+      this.$emit('update:modelValue', value);
+      this.$emit('delete-chip', value);
+    },
+    checkForDuplicates() {
+      const input = this.input.trim();
+      this.duplicateAtIndex = this.modelValue.findIndex(chip => {
+        return chip === input;
+      });
+    }
+  }
+});
+
+const _hoisted_1 = ["data-is-invalid"];
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_or_label = resolveComponent("or-label");
+  const _component_or_chips_input = resolveComponent("or-chips-input");
+  const _component_or_error = resolveComponent("or-error");
+  return openBlock(), createElementBlock("div", {
+    class: "or-chips",
+    "data-is-invalid": _ctx.hasDuplicates || _ctx.isInvalid
+  }, [_ctx.label ? (openBlock(), createBlock(_component_or_label, {
+    key: 0,
+    label: _ctx.label,
+    "is-required": _ctx.isRequired
+  }, {
+    append: withCtx(() => [renderSlot(_ctx.$slots, "label-append")]),
+    _: 3 /* FORWARDED */
+  }, 8 /* PROPS */, ["label", "is-required"])) : createCommentVNode("v-if", true), createVNode(_component_or_chips_input, {
+    input: _ctx.input,
+    chips: _ctx.modelValue,
+    placeholder: _ctx.placeholder,
+    "is-focused": _ctx.isFocused,
+    "is-disabled": _ctx.isDisabled,
+    "is-invalid": _ctx.isInvalid,
+    "duplicate-at-index": _ctx.duplicateAtIndex,
+    onInputChange: _cache[0] || (_cache[0] = $event => _ctx.input = $event),
+    onFocus: _ctx.handleFocus,
+    onBlur: _cache[1] || (_cache[1] = $event => _ctx.handleAddChip({
+      blur: true
+    })),
+    onAddChip: _cache[2] || (_cache[2] = $event => _ctx.handleAddChip({
+      blur: false
+    })),
+    onDeleteChip: _ctx.handleDeleteChip
+  }, null, 8 /* PROPS */, ["input", "chips", "placeholder", "is-focused", "is-disabled", "is-invalid", "duplicate-at-index", "onFocus", "onDeleteChip"]), _ctx.isInvalid ? (openBlock(), createBlock(_component_or_error, {
+    key: 1,
+    error: _ctx.error
+  }, null, 8 /* PROPS */, ["error"])) : createCommentVNode("v-if", true)], 8 /* PROPS */, _hoisted_1);
+}
+
+var css_248z = "/**\n * A simple way to manage mobile breakpoints described in https://davidwalsh.name/write-media-queries-sass.\n * Can be further extended using following approach https://rimdev.io/making-media-query-mixins-with-sass/\n */\n@keyframes spinAround-a470dcbc {\nfrom {\n    transform: rotate(0);\n}\nto {\n    transform: rotate(359deg);\n}\n}\n@keyframes fade-a470dcbc {\nfrom {\n    opacity: 1;\n}\nto {\n    opacity: 0;\n}\n}\n.or-chips[data-v-a470dcbc] {\n  display: flex;\n  flex-direction: column;\n}\n.or-chips .or-label[data-v-a470dcbc] {\n  margin-bottom: var(--s-1);\n}\n.or-chips .or-error[data-v-a470dcbc] {\n  margin-top: var(--s-1);\n}";
+styleInject(css_248z);
+
+script.render = render;
+script.__scopeId = "data-v-a470dcbc";
+script.__file = "src/components/or-chips/OrChips.vue";
+
+export { OR_CHIPS_VALUE_PROP as O, PLACEHOLDER_PROP as P, script as a, script$2 as s };

package/dist/bundled/v3/components/OrCode/OrCode.js

@@ -0,0 +1 @@
+export { q as default } from '../OrCode-60e0faa8.js';