@onereach/ui-components 2.70.0-beta.2204.0 → 2.70.0-beta.2206.0

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

@@ -0,0 +1,58 @@
+import { PropType } from 'vue-demi';
+declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<import("@vue/composition-api").Data> & import("@vue/composition-api").Data, {
+    handleDeleteClick(): void;
+}, {
+    states(): Record<string, boolean>;
+}, {
+    content: {
+        type: StringConstructor;
+        default: string;
+    };
+    color: {
+        type: PropType<"" | "error">;
+        default: string;
+    };
+    canDelete: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isDisabled: BooleanConstructor;
+}, import("@vue/composition-api").ExtractPropTypes<{
+    content: {
+        type: StringConstructor;
+        default: string;
+    };
+    color: {
+        type: PropType<"" | "error">;
+        default: string;
+    };
+    canDelete: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isDisabled: BooleanConstructor;
+}>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
+    isDisabled: boolean;
+    content: string;
+    color: "" | "error";
+    canDelete: boolean;
+} & {} & {
+    [x: string & `on${string}`]: ((...args: any[]) => any) | undefined;
+}, import("@vue/composition-api").ShallowUnwrapRef<import("@vue/composition-api").Data>, import("@vue/composition-api").Data, {
+    states(): Record<string, boolean>;
+}, {
+    handleDeleteClick(): void;
+}, {}, {}, string[], {
+    isDisabled: boolean;
+    content: string;
+    color: "" | "error";
+    canDelete: boolean;
+} & {} & {
+    [x: string & `on${string}`]: ((...args: any[]) => any) | undefined;
+}, {
+    isDisabled: boolean;
+    content: string;
+    color: "" | "error";
+    canDelete: boolean;
+}, true>);
+export default _default;

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

@@ -0,0 +1,70 @@
+import { s as script } from '../../OrChips.vue_vue_type_script_lang-20f25092.js';
+export { s as default } from '../../OrChips.vue_vue_type_script_lang-20f25092.js';
+import { resolveComponent, openBlock, createElementBlock, createBlock, withCtx, renderSlot, createCommentVNode, createVNode } from 'vue';
+import { s as styleInject } from '../../style-inject.es-4c6f2515.js';
+import 'vue-demi';
+import '../OrChipsInput/OrChipsInput.js';
+import '../OrChip/OrChip.js';
+import '../OrIcon/OrIcon.js';
+import '../../OrIcon.vue_vue_type_script_lang-aadbcbe3.js';
+import 'lodash';
+import '../OrIcon/constants.js';
+import '../../utils/functions/px-to-rem.js';
+import '../OrTooltipContent/OrTooltipContent.js';
+import '../OrFloating/OrFloating.js';
+import '../../OrFloating.vue_vue_type_script_lang-66ce28ae.js';
+import '../../floating-ui.dom.esm-83eba816.js';
+import '../OrTeleportVue3/OrTeleportVue3.js';
+import '../OrTeleport/constants.js';
+import '../OrFloating/constants.js';
+import '../../utils/functions/dom.js';
+import './constants.js';
+import '../OrLabel/OrLabel.js';
+import '../../OrLabel.vue_vue_type_script_lang-95601b40.js';
+import '../OrError/OrError.js';
+import '../../OrError.vue_vue_type_script_lang-450321b8.js';
+
+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";

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

@@ -0,0 +1,82 @@
+declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<import("@vue/composition-api").Data> & import("@vue/composition-api").Data, {
+    getOrChipColor(index: number): string;
+    handleContentClick(event: MouseEvent): void;
+}, {
+    placeholderText(): string;
+    states(): Record<string, boolean>;
+}, {
+    chips: {
+        type: import("@vue/composition-api").PropType<string[]>;
+        default: () => string[];
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    input: {
+        type: StringConstructor;
+        default: string;
+    };
+    duplicateAtIndex: {
+        type: NumberConstructor;
+        default: number;
+    };
+    isFocused: BooleanConstructor;
+    isDisabled: BooleanConstructor;
+    isInvalid: BooleanConstructor;
+}, import("@vue/composition-api").ExtractPropTypes<{
+    chips: {
+        type: import("@vue/composition-api").PropType<string[]>;
+        default: () => string[];
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    input: {
+        type: StringConstructor;
+        default: string;
+    };
+    duplicateAtIndex: {
+        type: NumberConstructor;
+        default: number;
+    };
+    isFocused: BooleanConstructor;
+    isDisabled: BooleanConstructor;
+    isInvalid: BooleanConstructor;
+}>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
+    isFocused: boolean;
+    chips: string[];
+    placeholder: string;
+    isDisabled: boolean;
+    isInvalid: boolean;
+    input: string;
+    duplicateAtIndex: number;
+} & {} & {
+    [x: string & `on${string}`]: ((...args: any[]) => any) | undefined;
+}, import("@vue/composition-api").ShallowUnwrapRef<import("@vue/composition-api").Data>, import("@vue/composition-api").Data, {
+    placeholderText(): string;
+    states(): Record<string, boolean>;
+}, {
+    getOrChipColor(index: number): string;
+    handleContentClick(event: MouseEvent): void;
+}, {}, {}, string[], {
+    isFocused: boolean;
+    chips: string[];
+    placeholder: string;
+    isDisabled: boolean;
+    isInvalid: boolean;
+    input: string;
+    duplicateAtIndex: number;
+} & {} & {
+    [x: string & `on${string}`]: ((...args: any[]) => any) | undefined;
+}, {
+    isFocused: boolean;
+    chips: string[];
+    placeholder: string;
+    isDisabled: boolean;
+    isInvalid: boolean;
+    input: string;
+    duplicateAtIndex: number;
+}, true>);
+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,10 @@
+const OR_CHIPS_VALUE_PROP = {
+  type: Array,
+  default: () => []
+};
+const PLACEHOLDER_PROP = {
+  type: String,
+  default: ''
+};
+
+export { OR_CHIPS_VALUE_PROP, PLACEHOLDER_PROP };

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

@@ -0,0 +1,24 @@
+export { default as OrChip } from '../OrChip/OrChip.js';
+export { s as OrChips } from '../../OrChips.vue_vue_type_script_lang-20f25092.js';
+import 'vue-demi';
+import '../OrIcon/OrIcon.js';
+import '../../OrIcon.vue_vue_type_script_lang-aadbcbe3.js';
+import 'lodash';
+import '../OrIcon/constants.js';
+import '../../utils/functions/px-to-rem.js';
+import '../OrTooltipContent/OrTooltipContent.js';
+import 'vue';
+import '../../style-inject.es-4c6f2515.js';
+import '../OrFloating/OrFloating.js';
+import '../../OrFloating.vue_vue_type_script_lang-66ce28ae.js';
+import '../../floating-ui.dom.esm-83eba816.js';
+import '../OrTeleportVue3/OrTeleportVue3.js';
+import '../OrTeleport/constants.js';
+import '../OrFloating/constants.js';
+import '../../utils/functions/dom.js';
+import '../OrChipsInput/OrChipsInput.js';
+import './constants.js';
+import '../OrLabel/OrLabel.js';
+import '../../OrLabel.vue_vue_type_script_lang-95601b40.js';
+import '../OrError/OrError.js';
+import '../../OrError.vue_vue_type_script_lang-450321b8.js';

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

@@ -0,0 +1,111 @@
+import { defineComponent } from 'vue-demi';
+import script$1 from '../OrChip/OrChip.js';
+import { OR_CHIPS_VALUE_PROP, PLACEHOLDER_PROP } from '../OrChips/constants.js';
+import { resolveComponent, openBlock, createElementBlock, normalizeClass, withModifiers, Fragment, renderList, createBlock, createElementVNode } from 'vue';
+import { s as styleInject } from '../../style-inject.es-4c6f2515.js';
+import '../OrIcon/OrIcon.js';
+import '../../OrIcon.vue_vue_type_script_lang-aadbcbe3.js';
+import 'lodash';
+import '../OrIcon/constants.js';
+import '../../utils/functions/px-to-rem.js';
+import '../OrTooltipContent/OrTooltipContent.js';
+import '../OrFloating/OrFloating.js';
+import '../../OrFloating.vue_vue_type_script_lang-66ce28ae.js';
+import '../../floating-ui.dom.esm-83eba816.js';
+import '../OrTeleportVue3/OrTeleportVue3.js';
+import '../OrTeleport/constants.js';
+import '../OrFloating/constants.js';
+import '../../utils/functions/dom.js';
+
+var script = defineComponent({
+  name: 'OrChipsInput',
+  components: {
+    OrChip: script$1
+  },
+  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 = ["value", "placeholder", "disabled"];
+function render(_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] = (...args) => _ctx.handleContentClick && _ctx.handleContentClick(...args)),
+    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)], 34 /* CLASS, HYDRATE_EVENTS */);
+}
+
+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-519ba710 {\nfrom {\n    transform: rotate(0);\n}\nto {\n    transform: rotate(359deg);\n}\n}\n@keyframes fade-519ba710 {\nfrom {\n    opacity: 1;\n}\nto {\n    opacity: 0;\n}\n}\n.or-chips-input[data-v-519ba710] {\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-519ba710] {\n  border-color: var(--c-error);\n}\n.or-chips-input.disabled[data-v-519ba710] {\n  cursor: not-allowed;\n}\n.or-chips-input.disabled .or-chips-input-element[data-v-519ba710] {\n  cursor: not-allowed;\n}\n.or-chips-input-element[data-v-519ba710] {\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-519ba710] {\n  margin: 0.125rem;\n}";
+styleInject(css_248z);
+
+script.render = render;
+script.__scopeId = "data-v-519ba710";
+script.__file = "src/components/or-chips/OrChipsInput.vue";
+
+export { script as default };

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

@@ -0,0 +1,82 @@
+declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<import("@vue/composition-api").Data> & import("@vue/composition-api").Data, {
+    getOrChipColor(index: number): string;
+    handleContentClick(event: MouseEvent): void;
+}, {
+    placeholderText(): string;
+    states(): Record<string, boolean>;
+}, {
+    chips: {
+        type: import("@vue/composition-api").PropType<string[]>;
+        default: () => string[];
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    input: {
+        type: StringConstructor;
+        default: string;
+    };
+    duplicateAtIndex: {
+        type: NumberConstructor;
+        default: number;
+    };
+    isFocused: BooleanConstructor;
+    isDisabled: BooleanConstructor;
+    isInvalid: BooleanConstructor;
+}, import("@vue/composition-api").ExtractPropTypes<{
+    chips: {
+        type: import("@vue/composition-api").PropType<string[]>;
+        default: () => string[];
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    input: {
+        type: StringConstructor;
+        default: string;
+    };
+    duplicateAtIndex: {
+        type: NumberConstructor;
+        default: number;
+    };
+    isFocused: BooleanConstructor;
+    isDisabled: BooleanConstructor;
+    isInvalid: BooleanConstructor;
+}>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
+    isFocused: boolean;
+    chips: string[];
+    placeholder: string;
+    isDisabled: boolean;
+    isInvalid: boolean;
+    input: string;
+    duplicateAtIndex: number;
+} & {} & {
+    [x: string & `on${string}`]: ((...args: any[]) => any) | undefined;
+}, import("@vue/composition-api").ShallowUnwrapRef<import("@vue/composition-api").Data>, import("@vue/composition-api").Data, {
+    placeholderText(): string;
+    states(): Record<string, boolean>;
+}, {
+    getOrChipColor(index: number): string;
+    handleContentClick(event: MouseEvent): void;
+}, {}, {}, string[], {
+    isFocused: boolean;
+    chips: string[];
+    placeholder: string;
+    isDisabled: boolean;
+    isInvalid: boolean;
+    input: string;
+    duplicateAtIndex: number;
+} & {} & {
+    [x: string & `on${string}`]: ((...args: any[]) => any) | undefined;
+}, {
+    isFocused: boolean;
+    chips: string[];
+    placeholder: string;
+    isDisabled: boolean;
+    isInvalid: boolean;
+    input: string;
+    duplicateAtIndex: number;
+}, true>);
+export default _default;

package/dist/bundled/v3/components/OrChipsInput/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/OrCode/OrCode.js

@@ -0,0 +1,128 @@
+import { s as script } from '../../OrCode.vue_vue_type_script_lang-ec35d27e.js';
+export { s as default } from '../../OrCode.vue_vue_type_script_lang-ec35d27e.js';
+import { resolveComponent, openBlock, createElementBlock, createVNode, withCtx, renderSlot, createElementVNode, normalizeClass, createBlock, createCommentVNode, withDirectives, vShow } from 'vue';
+import { s as styleInject } from '../../style-inject.es-4c6f2515.js';
+import '../../lang-d640563a.js';
+import './constants.js';
+import '@vueuse/core';
+import 'lodash';
+import 'vue-demi';
+import '../OrTeleportVue3/OrTeleportVue3.js';
+import '../OrTeleport/constants.js';
+import '../OrIconButtonV2/OrIconButtonV2.js';
+import '../../OrIconButton.vue_vue_type_script_lang-721e0c2f.js';
+import '../OrTooltipWrapperV2/OrTooltipWrapperV2.js';
+import '../OrTooltip/OrTooltip.js';
+import '../../OrTooltip.vue_vue_type_script_lang-f8b8a2c1.js';
+import '../OrTooltipContent/OrTooltipContent.js';
+import '../OrFloating/OrFloating.js';
+import '../../OrFloating.vue_vue_type_script_lang-66ce28ae.js';
+import '../../floating-ui.dom.esm-83eba816.js';
+import '../OrFloating/constants.js';
+import '../../utils/functions/dom.js';
+import '../OrButtonV2/constants.js';
+import '../OrIcon/OrIcon.js';
+import '../../OrIcon.vue_vue_type_script_lang-aadbcbe3.js';
+import '../OrIcon/constants.js';
+import '../../utils/functions/px-to-rem.js';
+import '../OrLoader/OrLoader.js';
+import '../../OrLoader.vue_vue_type_script_lang-b48715a3.js';
+import '../OrLoader/constants.js';
+import '../OrModal/OrModal.js';
+import '../../OrModal.vue_vue_type_script_lang-ee130ace.js';
+import '../OrModal/constants.js';
+import '../OrOverlay/OrOverlay.js';
+import '../../OrOverlay.vue_vue_type_script_lang-2f5d626d.js';
+import '../OrError/OrError.js';
+import '../../OrError.vue_vue_type_script_lang-450321b8.js';
+import '../OrHint/OrHint.js';
+import '../../OrHint.vue_vue_type_script_lang-5d628c6c.js';
+import '../OrLabel/OrLabel.js';
+import '../../OrLabel.vue_vue_type_script_lang-95601b40.js';
+
+const _hoisted_1 = {
+  ref: "root",
+  class: "or-code"
+};
+const _hoisted_2 = {
+  key: 0,
+  class: "header"
+};
+const _hoisted_3 = {
+  class: "footer"
+};
+const _hoisted_4 = {
+  key: 0,
+  class: "header"
+};
+const _hoisted_5 = {
+  class: "actions is-visible"
+};
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_or_label = resolveComponent("or-label");
+  const _component_or_icon_button = resolveComponent("or-icon-button");
+  const _component_or_error = resolveComponent("or-error");
+  const _component_or_hint = resolveComponent("or-hint");
+  const _component_or_modal = resolveComponent("or-modal");
+  const _component_or_teleport = resolveComponent("or-teleport");
+  return openBlock(), createElementBlock("div", _hoisted_1, [_ctx.isShowingHeader ? (openBlock(), createElementBlock("div", _hoisted_2, [createVNode(_component_or_label, {
+    label: _ctx.label
+  }, {
+    append: withCtx(() => [renderSlot(_ctx.$slots, "label-append")]),
+    default: withCtx(() => [renderSlot(_ctx.$slots, "label")]),
+    _: 3 /* FORWARDED */
+  }, 8 /* PROPS */, ["label"]), createElementVNode("div", {
+    class: normalizeClass(["actions", {
+      'is-visible': _ctx.isHovered
+    }])
+  }, [renderSlot(_ctx.$slots, "actions", {
+    toggleFullscreen: _ctx.toggleFullscreen
+  }, () => [_ctx.isShowingFullscreen ? (openBlock(), createBlock(_component_or_icon_button, {
+    key: 0,
+    icon: "fullscreen",
+    "icon-color": "neutral-3",
+    class: "fullscreen-button",
+    onClick: _cache[0] || (_cache[0] = $event => _ctx.toggleFullscreen(true))
+  })) : createCommentVNode("v-if", true)])], 2 /* CLASS */)])) : createCommentVNode("v-if", true), createElementVNode("div", {
+    ref: "target",
+    class: normalizeClass(["or-code-editor", {
+      'is-invalid': _ctx.isInvalid
+    }])
+  }, null, 2 /* CLASS */), createElementVNode("div", _hoisted_3, [_ctx.isShowingError ? (openBlock(), createBlock(_component_or_error, {
+    key: 0,
+    error: _ctx.error,
+    class: "or-code-error"
+  }, null, 8 /* PROPS */, ["error"])) : createCommentVNode("v-if", true), _ctx.isShowingHint ? (openBlock(), createBlock(_component_or_hint, {
+    key: 1,
+    hint: _ctx.hint,
+    class: "or-code-hint"
+  }, null, 8 /* PROPS */, ["hint"])) : createCommentVNode("v-if", true)]), createVNode(_component_or_teleport, null, {
+    default: withCtx(() => [withDirectives(createVNode(_component_or_modal, {
+      "title-text": _ctx.label,
+      size: "fullScreen",
+      "is-open": "",
+      "trap-focus": false,
+      onClose: _cache[1] || (_cache[1] = $event => _ctx.toggleFullscreen(false))
+    }, {
+      default: withCtx(() => [_ctx.$slots['modal-actions'] ? (openBlock(), createElementBlock("div", _hoisted_4, [createElementVNode("div", _hoisted_5, [renderSlot(_ctx.$slots, "modal-actions")])])) : createCommentVNode("v-if", true), createElementVNode("div", {
+        ref: "fullscreenTarget",
+        class: normalizeClass(["or-code-editor", {
+          'is-invalid': _ctx.isInvalid
+        }])
+      }, null, 2 /* CLASS */), _ctx.isShowingError ? (openBlock(), createBlock(_component_or_error, {
+        key: 1,
+        error: _ctx.error,
+        class: "or-code-error"
+      }, null, 8 /* PROPS */, ["error"])) : createCommentVNode("v-if", true)]),
+      _: 3 /* FORWARDED */
+    }, 8 /* PROPS */, ["title-text"]), [[vShow, _ctx.isFullscreen]])]),
+    _: 3 /* FORWARDED */
+  })], 512 /* NEED_PATCH */);
+}
+
+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-3d4b8218 {\nfrom {\n    transform: rotate(0);\n}\nto {\n    transform: rotate(359deg);\n}\n}\n@keyframes fade-3d4b8218 {\nfrom {\n    opacity: 1;\n}\nto {\n    opacity: 0;\n}\n}\n.or-code .fullscreen-button[data-v-3d4b8218] {\n  width: 2.25rem;\n  height: 2.25rem;\n}\n.or-code .fullscreen-button > .or-icon[data-v-3d4b8218] {\n  font-size: 1.5rem;\n}\n.or-code .footer .or-code-hint[data-v-3d4b8218],\n.or-code .footer .or-code-error[data-v-3d4b8218] {\n  flex-shrink: 1;\n  transition-timing-function: var(--t-func);\n  transition-duration: var(--t-duration);\n  transition-property: height, opacity;\n}\n.header[data-v-3d4b8218] {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  height: 36px;\n}\n.header .actions[data-v-3d4b8218] {\n  margin-left: auto;\n}\n.header .actions[data-v-3d4b8218]:not(.is-visible) {\n  display: none;\n}\n.or-code-editor[data-v-3d4b8218] {\n  min-height: calc(1.4em + 8px);\n  overflow: auto;\n  font-size: var(--fs-0);\n  border: 1px solid var(--c-neutral-2);\n  border-radius: var(--s-2);\n}\n.or-code-editor.is-invalid[data-v-3d4b8218] {\n  border-color: var(--c-error);\n}\n.or-code-editor[data-v-3d4b8218] >  * {\n  width: 100%;\n  height: 100%;\n}\n.or-code[data-v-3d4b8218],\n.or-modal[data-v-3d4b8218] .content {\n  display: flex;\n  flex-direction: column;\n}\n.or-code .or-code-editor[data-v-3d4b8218],\n.or-modal[data-v-3d4b8218] .content .or-code-editor {\n  text-align: left !important;\n}\n.or-code .or-code-editor[data-v-3d4b8218],\n.or-modal[data-v-3d4b8218] .content .or-code-editor {\n  flex-grow: 1;\n}";
+styleInject(css_248z);
+
+script.render = render;
+script.__scopeId = "data-v-3d4b8218";
+script.__file = "src/components/or-code/OrCode.vue";

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

@@ -0,0 +1,11 @@
+var OrCodeLanguages;
+(function (OrCodeLanguages) {
+  OrCodeLanguages["JS"] = "javascript";
+  OrCodeLanguages["TS"] = "typescript";
+  OrCodeLanguages["CSS"] = "css";
+  OrCodeLanguages["HTML"] = "html";
+  OrCodeLanguages["JSON"] = "json";
+  OrCodeLanguages["MD"] = "markdown";
+})(OrCodeLanguages || (OrCodeLanguages = {}));
+
+export { OrCodeLanguages };

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

@@ -0,0 +1,40 @@
+export { OrCodeLanguages } from './constants.js';
+export { s as OrCode } from '../../OrCode.vue_vue_type_script_lang-ec35d27e.js';
+import '../../lang-d640563a.js';
+import '@vueuse/core';
+import 'lodash';
+import 'vue-demi';
+import '../OrTeleportVue3/OrTeleportVue3.js';
+import '../OrTeleport/constants.js';
+import 'vue';
+import '../OrIconButtonV2/OrIconButtonV2.js';
+import '../../OrIconButton.vue_vue_type_script_lang-721e0c2f.js';
+import '../OrTooltipWrapperV2/OrTooltipWrapperV2.js';
+import '../OrTooltip/OrTooltip.js';
+import '../../OrTooltip.vue_vue_type_script_lang-f8b8a2c1.js';
+import '../OrTooltipContent/OrTooltipContent.js';
+import '../../style-inject.es-4c6f2515.js';
+import '../OrFloating/OrFloating.js';
+import '../../OrFloating.vue_vue_type_script_lang-66ce28ae.js';
+import '../../floating-ui.dom.esm-83eba816.js';
+import '../OrFloating/constants.js';
+import '../../utils/functions/dom.js';
+import '../OrButtonV2/constants.js';
+import '../OrIcon/OrIcon.js';
+import '../../OrIcon.vue_vue_type_script_lang-aadbcbe3.js';
+import '../OrIcon/constants.js';
+import '../../utils/functions/px-to-rem.js';
+import '../OrLoader/OrLoader.js';
+import '../../OrLoader.vue_vue_type_script_lang-b48715a3.js';
+import '../OrLoader/constants.js';
+import '../OrModal/OrModal.js';
+import '../../OrModal.vue_vue_type_script_lang-ee130ace.js';
+import '../OrModal/constants.js';
+import '../OrOverlay/OrOverlay.js';
+import '../../OrOverlay.vue_vue_type_script_lang-2f5d626d.js';
+import '../OrError/OrError.js';
+import '../../OrError.vue_vue_type_script_lang-450321b8.js';
+import '../OrHint/OrHint.js';
+import '../../OrHint.vue_vue_type_script_lang-5d628c6c.js';
+import '../OrLabel/OrLabel.js';
+import '../../OrLabel.vue_vue_type_script_lang-95601b40.js';

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

@@ -0,0 +1,2 @@
+export { a5 as CSS, a6 as HTML, a3 as JS, a7 as JSON, a8 as MD, a4 as TS, a2 as default } from '../../lang-d640563a.js';
+import './constants.js';