@onereach/ui-components 2.71.1-beta.2227.0 → 2.72.0-beta.2234.0

package/dist/esm/v2/index.js

@@ -8,18 +8,18 @@ export { a as BUTTON_COLOR, c as BUTTON_LOADER_TYPE, b as BUTTON_SIZE, B as BUTT
 export { a as ButtonColor, b as ButtonType, B as ButtonVariant, _ as OrButtonV3 } from './OrButton-835d4f11.js';
 export { _ as OrCard } from './OrCard-b7268256.js';
 export { C as CARD_COLLECTION_LAYOUT, _ as OrCardCollection } from './OrCardCollection-f6b07557.js';
-export { D as DefaultCardCollectionViews, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from './OrCardCollection-e08a4637.js';
+export { D as DefaultCardCollectionViews, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from './OrCardCollection-3c38fc85.js';
 export { _ as OrCardV3 } from './OrCard-de799db0.js';
 export { a as OrCarousel, _ as OrCarouselItem } from './OrCarouselItem-4e2cf3d8.js';
 export { _ as OrCheckbox } from './OrCheckbox-915f1f0a.js';
 export { _ as OrCheckboxV3 } from './OrCheckbox-567e387c.js';
 export { _ as OrChip } from './OrChips.vue_rollup-plugin-vue_script-aa8fedaa.js';
 export { _ as OrChips } from './OrChips-5e0063be.js';
-export { _ as OrCode, O as OrCodeLanguages } from './OrCode-d4400b42.js';
+export { _ as OrCode, O as OrCodeLanguages } from './OrCode-cae7f360.js';
 export { _ as OrCollapse } from './OrCollapse-4d892ca3.js';
 export { _ as OrColorPicker, h as amber, n as black, b as blue, m as blueGrey, k as brown, c as cyan, j as deepOrange, d as deepPurple, g as green, i as indigo, l as lightBlue, e as lightGreen, f as lime, o as orange, p as pink, a as purple, r as red, t as teal, w as white, y as yellow } from './OrColorPicker-75abefdd.js';
 export { _ as OrConfirm } from './OrConfirm-d7112dd3.js';
-export { C as ConfirmType, _ as OrConfirmV3 } from './OrConfirm-43f97635.js';
+export { C as ConfirmType, _ as OrConfirmV3 } from './OrConfirm-047d4086.js';
 export { D as DEFAULT_TEXT, _ as OrDateTimePicker, a as OrDateTimePickerItemTypes, O as OrDateTimePickerTypes } from './OrDateTimePicker-349df9b2.js';
 export { _ as OrError } from './OrError-081130bb.js';
 export { _ as OrErrorTagV3 } from './OrErrorTag-782dd714.js';
@@ -38,7 +38,7 @@ export { I as InlineInputType, _ as OrInlineInputV3 } from './OrInlineInput-1020
 export { a as InlineTextEditTrimmingTypes, I as InlineTextEditTypes, _ as OrInlineTextEdit } from './OrInlineTextEdit-b47cfc2d.js';
 export { _ as OrInlineTextareaV3 } from './OrInlineTextarea-7658611e.js';
 export { a as InputBoxSize, I as InputBoxVariant, a as InputSize, _ as OrInputBoxV3, a as SearchSize, a as SelectSize, a as TextareaSize } from './OrInputBox-4d5a318d.js';
-export { I as InputType, _ as OrInputV3 } from './OrInput-5e46af9a.js';
+export { I as InputType, _ as OrInputV3 } from './OrInput-ada3a970.js';
 export { a as OrNumberInput, b as OrPassword, _ as OrTextarea } from './OrPassword-1fa97156.js';
 export { _ as OrInput } from './OrSearch.vue_rollup-plugin-vue_script-197d77fc.js';
 export { _ as OrSearch } from './OrSearch-0589d17d.js';
@@ -54,7 +54,7 @@ export { _ as OrMenuV3 } from './OrMenu-df27d0ef.js';
 export { P as MenuPlacement, _ as OrPopoverV3, P as PopoverPlacement, a as PopoverVariant, P as TooltipPlacement } from './OrPopover-9bafbdb4.js';
 export { _ as OrModal, O as OrModalSizes } from './OrModal-97e83549.js';
 export { M as ModalSize, _ as OrModalV3 } from './OrModal-a7719843.js';
-export { a as OR_NOTIFICATION_SIZE, O as OR_NOTIFICATION_TYPE, _ as OrNotification } from './OrNotification-a9231a83.js';
+export { a as OR_NOTIFICATION_SIZE, O as OR_NOTIFICATION_TYPE, _ as OrNotification } from './OrNotification-a49e76d3.js';
 export { N as NotificationVariant, _ as OrNotificationV3 } from './OrNotification-8a4830a3.js';
 export { _ as OrOverflowMenu } from './OrOverflowMenu-10a4166a.js';
 export { _ as OrOverlay } from './OrOverlay-3b52865d.js';
@@ -65,13 +65,13 @@ export { _ as OrProgressV3, P as ProgressColor, a as ProgressType } from './OrPr
 export { _ as OrRadio } from './OrRadio-e4198532.js';
 export { _ as OrRadioGroup } from './OrRadioGroup-d9d32cba.js';
 export { _ as OrRadioV3 } from './OrRadio-848ce55d.js';
-export { _ as OrSearchV3 } from './OrSearch-84143c15.js';
+export { _ as OrSearchV3 } from './OrSearch-0f08f2f5.js';
 export { _ as OrSegmentedControlV3, S as SegmentedControlSize } from './OrSegmentedControl-e8dce8f9.js';
 export { _ as OrSelect } from './OrSelect-dae2b069.js';
-export { _ as OrSelectV3 } from './OrSelect-5a2ff296.js';
+export { _ as OrSelectV3 } from './OrSelect-f8837f5d.js';
 export { _ as OrSidebar, O as OrSidebarSide } from './OrSidebar-7d6125bb.js';
 export { O as OrSidebarPlacement, _ as OrSidebarV3 } from './OrSidebar-fabc7bc9.js';
-export { _ as OrSkeletonCircle, a as OrSkeletonRect, b as OrSkeletonText, O as OrSkeletonTextSizes } from './OrSkeletonText-cc94bdc9.js';
+export { _ as OrSkeletonCircle, a as OrSkeletonRect, b as OrSkeletonText, O as OrSkeletonTextSizes } from './OrSkeletonText-24509efe.js';
 export { _ as OrSkeletonCircleV3, a as OrSkeletonRectV3, b as OrSkeletonTextV3 } from './OrSkeletonText-950be6a2.js';
 export { _ as OrSlider } from './OrSlider-f7b9c7c2.js';
 export { _ as OrSortHeaderV3 } from './OrSortHeader-19bf94ca.js';
@@ -114,6 +114,7 @@ import '@codemirror/state';
 import '@codemirror/view';
 import '@codemirror/commands';
 import 'codemirror';
+import '@codemirror/theme-one-dark';
 import '@codemirror/lang-html';
 import '@codemirror/lang-css';
 import '@codemirror/lang-json';

package/dist/esm/v3/{OrCardCollection-6912f897.js → OrCardCollection-dbb3e839.js}

@@ -8,7 +8,7 @@ import { s as script$5 } from './OrMenuItem-9da279f6.js';
 import { s as script$6 } from './OrIcon-b195169c.js';
 import { openBlock, createElementBlock, normalizeClass, Fragment, renderList, renderSlot, mergeProps, createTextVNode, toDisplayString, resolveComponent, createElementVNode, createVNode, withCtx, createBlock, createCommentVNode, normalizeProps, guardReactiveProps } from 'vue';
 import { s as script$3 } from './OrButton-0fa67a0d.js';
-import { s as script$7 } from './OrSearch-dbb07738.js';
+import { s as script$7 } from './OrSearch-9885d178.js';
 import './OrInputBox-6d1b6059.js';
 
 const CardCollectionRoot = [

package/dist/esm/v3/{OrCode-5ed69c23.js → OrCode-cd9a8fb2.js}

@@ -1,8 +1,9 @@
 import { EditorState } from '@codemirror/state';
 import { keymap } from '@codemirror/view';
 import { indentWithTab } from '@codemirror/commands';
-import { useElementHover } from '@vueuse/core';
 import { basicSetup, EditorView } from 'codemirror';
+import { useMutationObserver, useElementHover } from '@vueuse/core';
+import { oneDark } from '@codemirror/theme-one-dark';
 import _ from 'lodash';
 import { defineComponent, ref } from 'vue-demi';
 import { a as script$1 } from './OrIconButton-8be9c89f.js';
@@ -131,6 +132,20 @@ var script = defineComponent({
   setup(props, {
     emit
   }) {
+    var _a;
+    // theming refs
+    const parent = document.querySelector('[data-theme]') || document.querySelector('html');
+    const themeEl = ref(parent);
+    const isDark = ref(((_a = parent === null || parent === void 0 ? void 0 : parent.getAttribute) === null || _a === void 0 ? void 0 : _a.call(parent, 'data-theme')) === 'dark');
+    const themeObserver = useMutationObserver(themeEl, mutations => {
+      var _a, _b;
+      const mutation = mutations.find(m => m.attributeName === 'data-theme');
+      if (!mutation) return;
+      isDark.value = ((_b = (_a = mutation.target) === null || _a === void 0 ? void 0 : _a.getAttribute) === null || _b === void 0 ? void 0 : _b.call(_a, 'data-theme')) === 'dark';
+    }, {
+      attributes: true
+    });
+    // editor config
     const root = ref();
     const target = ref();
     const fullscreenTarget = ref();
@@ -150,7 +165,9 @@ var script = defineComponent({
       target,
       fullscreenTarget,
       editor,
-      isHovered
+      isHovered,
+      isDark,
+      themeObserver
     };
   },
   data() {
@@ -172,9 +189,11 @@ var script = defineComponent({
         allowPaste,
         lineWrapping
       } = this;
-      const ext = _.compact([
+      const ext = _.compact([...(this.isDark ? [oneDark] : []),
       // Toggle light/dark mode
-      EditorView.baseTheme({}),
+      this.isDark ? EditorView.theme({}, {
+        dark: true
+      }) : EditorView.baseTheme({}),
       // locale settings
       this.phrases ? EditorState.phrases.of(this.phrases) : undefined,
       // Parser language setting
@@ -201,9 +220,7 @@ var script = defineComponent({
         }
       }),
       // line wrapping
-      lineWrapping ? EditorView.lineWrapping : undefined, keymap.of([indentWithTab])]);
-      // Append Extensions (such as basic-setup)
-      if (this.extensions.length !== 0) _.merge(ext, this.extensions);
+      lineWrapping ? EditorView.lineWrapping : undefined, keymap.of([indentWithTab]), ...this.extensions]);
       return ext;
     },
     isShowingError() {
@@ -247,6 +264,7 @@ var script = defineComponent({
   },
   beforeUnmount() {
     var _a;
+    this.themeObserver.stop();
     (_a = this.editor) === null || _a === void 0 ? void 0 : _a.destroy();
   },
   methods: {
@@ -302,7 +320,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   }, () => [_ctx.isShowingFullscreen ? (openBlock(), createBlock(_component_or_icon_button, {
     key: 0,
     icon: "fullscreen",
-    "icon-color": "neutral-3",
+    "icon-color": "neutral-4",
     class: "fullscreen-button",
     onClick: _cache[0] || (_cache[0] = $event => _ctx.toggleFullscreen(true))
   })) : createCommentVNode("v-if", true)])], 2 /* CLASS */)])) : createCommentVNode("v-if", true), createElementVNode("div", {

package/dist/esm/v3/{OrConfirm-d1c05034.js → OrConfirm-fee3c859.js}

@@ -2,7 +2,7 @@ import { useMagicKeys, whenever, onClickOutside } from '@vueuse/core';
 import { logicAnd } from '@vueuse/math';
 import { defineComponent, ref, computed, watch } from 'vue-demi';
 import { s as script$2, a as ButtonColor } from './OrButton-0fa67a0d.js';
-import { s as script$3 } from './OrInput-a2c4cfb5.js';
+import { s as script$3 } from './OrInput-9c0426b9.js';
 import { s as script$1 } from './OrOverlay-738a44d5.js';
 import { resolveComponent, openBlock, createBlock, withCtx, createElementVNode, mergeProps, normalizeClass, renderSlot, createTextVNode, toDisplayString, createElementBlock, createVNode, createCommentVNode } from 'vue';
 

package/dist/esm/v3/{OrInput-a2c4cfb5.js → OrInput-9c0426b9.js}

@@ -1,15 +1,13 @@
 import { defineComponent, getCurrentInstance, ref, computed } from 'vue-demi';
 import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
 import '@vueuse/core';
-import { u as useResponsive } from './useResponsive-a02e95b7.js';
 import { s as script$1 } from './OrError-ec8c709d.js';
 import { s as script$2 } from './OrHint-74bb732d.js';
 import { s as script$4 } from './OrIconButton-1a89fbf9.js';
 import { s as script$3 } from './OrIcon-b195169c.js';
 import { s as script$5, a as InputBoxSize } from './OrInputBox-6d1b6059.js';
 import { s as script$6 } from './OrLabel-bdaec602.js';
-import { s as script$7 } from './OrLoader-b3cf4231.js';
-import { resolveComponent, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, createVNode, withDirectives, createElementVNode, mergeProps, vModelDynamic, Fragment, withModifiers, createSlots } from 'vue';
+import { resolveComponent, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, createVNode, withDirectives, createElementVNode, mergeProps, vModelDynamic, withModifiers, Fragment, createSlots } from 'vue';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 
 var InputType;
@@ -41,8 +39,7 @@ var script = defineComponent({
     OrIcon: script$3,
     OrIconButton: script$4,
     OrInputBox: script$5,
-    OrLabel: script$6,
-    OrLoader: script$7
+    OrLabel: script$6
   },
   inheritAttrs: false,
   props: {
@@ -78,10 +75,6 @@ var script = defineComponent({
       type: String,
       default: undefined
     },
-    loading: {
-      type: Boolean,
-      default: false
-    },
     required: {
       type: Boolean,
       default: false
@@ -128,9 +121,6 @@ var script = defineComponent({
     });
     const maxLength = computed(() => context.attrs.maxlength);
     const disclosed = ref(false);
-    const {
-      isMobile
-    } = useResponsive();
     // Methods
     function focus() {
       var _a;
@@ -148,7 +138,6 @@ var script = defineComponent({
       currentLength,
       maxLength,
       disclosed,
-      isMobile,
       focus
     };
   }
@@ -160,7 +149,6 @@ const _hoisted_2 = {
 };
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_OrLabel = resolveComponent("OrLabel");
-  const _component_OrLoader = resolveComponent("OrLoader");
   const _component_OrIconButton = resolveComponent("OrIconButton");
   const _component_OrIcon = resolveComponent("OrIcon");
   const _component_OrInputBox = resolveComponent("OrInputBox");
@@ -201,14 +189,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       onKeyup: _cache[2] || (_cache[2] = $event => _ctx.$emit('keyup', $event)),
       onFocus: _cache[3] || (_cache[3] = $event => _ctx.$emit('focus', $event)),
       onBlur: _cache[4] || (_cache[4] = $event => _ctx.$emit('blur', $event))
-    }), null, 16 /* FULL_PROPS */, _hoisted_1), [[vModelDynamic, _ctx.proxyModelValue]]), createElementVNode("div", _hoisted_2, [_ctx.loading ? (openBlock(), createBlock(_component_OrLoader, {
-      key: 0,
-      variant: 'circular',
-      color: 'primary',
-      size: _ctx.isMobile ? 'm' : 's'
-    }, null, 8 /* PROPS */, ["size"])) : (openBlock(), createElementBlock(Fragment, {
-      key: 1
-    }, [_ctx.type === 'password' ? (openBlock(), createBlock(_component_OrIconButton, {
+    }), null, 16 /* FULL_PROPS */, _hoisted_1), [[vModelDynamic, _ctx.proxyModelValue]]), createElementVNode("div", _hoisted_2, [_ctx.type === 'password' ? (openBlock(), createBlock(_component_OrIconButton, {
       key: 0,
       icon: {
         icon: _ctx.disclosed ? 'visibility_off' : 'visibility',
@@ -229,8 +210,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       key: 1,
       icon: 'search',
       variant: 'outlined'
-    }))], 64 /* STABLE_FRAGMENT */)) : createCommentVNode("v-if", true)], 64 /* STABLE_FRAGMENT */))])]),
-
+    }))], 64 /* STABLE_FRAGMENT */)) : createCommentVNode("v-if", true)])]),
     _: 1 /* STABLE */
   }, 8 /* PROPS */, ["variant", "size", "invalid", "readonly", "disabled"]), !_ctx.invalid ? (openBlock(), createElementBlock(Fragment, {
     key: 1

package/dist/esm/v3/{OrNotification-e85a4956.js → OrNotification-eb08de33.js}

@@ -104,7 +104,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   })) : createCommentVNode("v-if", true)], 2 /* CLASS */);
 }
 
-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-2a8b1558 {\nfrom {\n    transform: rotate(0);\n}\nto {\n    transform: rotate(359deg);\n}\n}\n@keyframes fade-2a8b1558 {\nfrom {\n    opacity: 1;\n}\nto {\n    opacity: 0;\n}\n}\n.or-notification[data-v-2a8b1558] {\n  /** TODO: Override when mobile design is ready to guarantee alignment of icons with first text row */\n  --alignment-height: var(--lh-1);\n  display: flex;\n  align-items: flex-start;\n  width: 100%;\n  padding: var(--s-4);\n  background-color: var(--c-white);\n  border-radius: 0.25rem;\n  box-shadow: 0 0.0625rem 0.25rem 0.0625rem rgba(0, 0, 0, 0.08);\n  transition-timing-function: var(--t-func);\n  transition-duration: var(--t-duration);\n  transition-property: background-color;\n}\n.or-notification.is-size-default[data-v-2a8b1558] {\n  max-width: 48rem;\n}\n.or-notification.is-size-inline[data-v-2a8b1558] {\n  max-width: 27.875rem;\n}\n.or-notification a[data-v-2a8b1558] {\n  font-weight: var(--fw-2);\n  color: var(--c-black);\n}\n.or-notification--icon[data-v-2a8b1558] {\n  display: flex;\n  align-items: center;\n  min-height: var(--alignment-height);\n  margin-right: var(--s-4);\n}\n.or-notification--icon[data-v-2a8b1558] .or-icon {\n  font-size: 1rem;\n}\n.or-notification--content[data-v-2a8b1558] {\n  flex: 1 1 100%;\n  word-break: break-word;\n}\n.or-notification--close[data-v-2a8b1558] {\n  display: flex;\n  height: var(--alignment-height);\n  margin-left: 1rem;\n}\n.or-notification--close[data-v-2a8b1558] .or-icon {\n  font-size: 1rem !important;\n}\n.or-notification.is-type-info[data-v-2a8b1558] {\n  background-color: var(--c-primary-lighten-45);\n}\n.or-notification.is-type-info a[data-v-2a8b1558] {\n  color: var(--c-primary);\n}\n.or-notification.is-type-error[data-v-2a8b1558] {\n  background-color: var(--c-error-lighten-45);\n}\n.or-notification.is-type-error a[data-v-2a8b1558] {\n  color: var(--c-error);\n}\n.or-notification.is-type-warning[data-v-2a8b1558] {\n  background-color: var(--c-warning-lighten-45);\n}\n.or-notification.is-type-warning a[data-v-2a8b1558] {\n  color: var(--c-warning);\n}\n.or-notification.is-type-success[data-v-2a8b1558] {\n  background-color: var(--c-success-lighten-45);\n}\n.or-notification.is-type-success a[data-v-2a8b1558] {\n  color: var(--c-success);\n}";
+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-2a8b1558 {\nfrom {\n    transform: rotate(0);\n}\nto {\n    transform: rotate(359deg);\n}\n}\n@keyframes fade-2a8b1558 {\nfrom {\n    opacity: 1;\n}\nto {\n    opacity: 0;\n}\n}\n.or-notification[data-v-2a8b1558] {\n  /** TODO: Override when mobile design is ready to guarantee alignment of icons with first text row */\n  --alignment-height: var(--lh-1);\n  display: flex;\n  align-items: flex-start;\n  width: 100%;\n  padding: var(--s-4);\n  background-color: var(--c-white);\n  border-radius: 0.25rem;\n  box-shadow: 0 0.0625rem 0.25rem 0.0625rem rgba(0, 0, 0, 0.08);\n  transition-timing-function: var(--t-func);\n  transition-duration: var(--t-duration);\n  transition-property: background-color;\n}\n.or-notification.is-size-default[data-v-2a8b1558] {\n  max-width: 48rem;\n}\n.or-notification.is-size-inline[data-v-2a8b1558] {\n  max-width: 27.875rem;\n}\n.or-notification a[data-v-2a8b1558] {\n  font-weight: var(--fw-2);\n  color: var(--c-black);\n}\n.or-notification--icon[data-v-2a8b1558] {\n  display: flex;\n  align-items: center;\n  min-height: var(--alignment-height);\n  margin-right: var(--s-4);\n}\n.or-notification--icon[data-v-2a8b1558] .or-icon {\n  font-size: 1rem;\n}\n.or-notification--content[data-v-2a8b1558] {\n  flex: 1 1 100%;\n  word-break: break-word;\n}\n.or-notification--close[data-v-2a8b1558] {\n  display: flex;\n  height: var(--alignment-height);\n  margin-left: 1rem;\n}\n.or-notification--close[data-v-2a8b1558] .or-icon {\n  font-size: 1rem !important;\n}\n.or-notification.is-type-info[data-v-2a8b1558] {\n  background-color: var(--c-primary-lighten-45);\n}\n.or-notification.is-type-info a[data-v-2a8b1558] {\n  color: var(--c-primary);\n}\n.or-notification.is-type-error[data-v-2a8b1558] {\n  background-color: var(--c-error-lighten-45);\n}\n.or-notification.is-type-error a[data-v-2a8b1558] {\n  color: var(--c-error);\n}\n.or-notification.is-type-warning[data-v-2a8b1558] {\n  background-color: var(--c-warning-lighten-45);\n}\n.or-notification.is-type-warning a[data-v-2a8b1558] {\n  color: var(--c-warning);\n}\n.or-notification.is-type-success[data-v-2a8b1558] {\n  background-color: var(--c-success-lighten-45);\n}\n.or-notification.is-type-success a[data-v-2a8b1558] {\n  color: var(--c-success);\n}\n[data-theme=dark] .or-notification .or-icon[data-v-2a8b1558] {\n  color: var(--c-neutral-1);\n}\n[data-theme=dark] .or-notification.is-type-info[data-v-2a8b1558] {\n  background-color: var(--c-primary-darken-45);\n  color: var(--c-neutral-6);\n}\n[data-theme=dark] .or-notification.is-type-info a[data-v-2a8b1558] {\n  color: var(--c-neutral-6);\n}\n[data-theme=dark] .or-notification.is-type-error[data-v-2a8b1558] {\n  background-color: var(--c-error-darken-45);\n  color: var(--c-neutral-6);\n}\n[data-theme=dark] .or-notification.is-type-error a[data-v-2a8b1558] {\n  color: var(--c-neutral-6);\n}\n[data-theme=dark] .or-notification.is-type-warning[data-v-2a8b1558] {\n  background-color: var(--c-warning-darken-45);\n  color: var(--c-neutral-6);\n}\n[data-theme=dark] .or-notification.is-type-warning a[data-v-2a8b1558] {\n  color: var(--c-neutral-6);\n}\n[data-theme=dark] .or-notification.is-type-success[data-v-2a8b1558] {\n  background-color: var(--c-success-darken-45);\n  color: var(--c-neutral-6);\n}\n[data-theme=dark] .or-notification.is-type-success a[data-v-2a8b1558] {\n  color: var(--c-neutral-6);\n}";
 styleInject(css_248z);
 
 script.render = render;

package/dist/esm/v3/{OrSearch-dbb07738.js → OrSearch-9885d178.js}

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed, watch } from 'vue-demi';
 import { debouncedWatch } from '@vueuse/core';
 import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
-import { s as script$1 } from './OrInput-a2c4cfb5.js';
+import { s as script$1 } from './OrInput-9c0426b9.js';
 import { a as InputBoxSize } from './OrInputBox-6d1b6059.js';
 import { resolveComponent, openBlock, createBlock, mergeProps } from 'vue';
 

package/dist/esm/v3/{OrSelect-511acc24.js → OrSelect-8fbd88bc.js}

@@ -9,7 +9,7 @@ import { s as script$3 } from './OrExpansionPanel-f8d7ff8d.js';
 import { s as script$4 } from './OrHint-74bb732d.js';
 import { s as script$5 } from './OrIcon-b195169c.js';
 import { s as script$7, a as InputBoxSize } from './OrInputBox-6d1b6059.js';
-import { s as script$6 } from './OrInput-a2c4cfb5.js';
+import { s as script$6 } from './OrInput-9c0426b9.js';
 import { s as script$8 } from './OrLabel-bdaec602.js';
 import { s as script$9 } from './OrMenuItem-9da279f6.js';
 import { s as script$a } from './OrPopover-1075dd38.js';

package/dist/esm/v3/{OrSkeletonText-2b1610ce.js → OrSkeletonText-0546754d.js}

@@ -45,7 +45,7 @@ function render$2(_ctx, _cache, $props, $setup, $data, $options) {
   }, null, 6 /* CLASS, STYLE */);
 }
 
-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-374502f0 {\nfrom {\n    transform: rotate(0);\n}\nto {\n    transform: rotate(359deg);\n}\n}\n@keyframes fade-374502f0 {\nfrom {\n    opacity: 1;\n}\nto {\n    opacity: 0;\n}\n}\n/**\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-374502f0 {\nfrom {\n    transform: rotate(0);\n}\nto {\n    transform: rotate(359deg);\n}\n}\n@keyframes fade-374502f0 {\nfrom {\n    opacity: 1;\n}\nto {\n    opacity: 0;\n}\n}\n@keyframes wave-374502f0 {\n0% {\n    transform: translateX(-100%);\n}\n100% {\n    transform: translateX(100%);\n}\n}\n.or-skeleton[data-v-374502f0] {\n  overflow: hidden;\n  position: relative;\n  padding: 0;\n  background: #f6f8fd;\n  border: 0;\n}\n.or-skeleton.is-animated[data-v-374502f0]::before {\n  content: \"\";\n  display: block;\n  position: absolute;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  top: 0;\n  background: linear-gradient(90.14deg, #f6f8fd 0.1%, #fff 49.98%, #f6f8fd 99.06%);\n  animation: wave-374502f0 1.5s linear 0.5s infinite;\n}\n.or-skeleton-circle[data-v-374502f0] {\n  border-radius: 9999px !important;\n}";
+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-374502f0 {\nfrom {\n    transform: rotate(0);\n}\nto {\n    transform: rotate(359deg);\n}\n}\n@keyframes fade-374502f0 {\nfrom {\n    opacity: 1;\n}\nto {\n    opacity: 0;\n}\n}\n/**\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-374502f0 {\nfrom {\n    transform: rotate(0);\n}\nto {\n    transform: rotate(359deg);\n}\n}\n@keyframes fade-374502f0 {\nfrom {\n    opacity: 1;\n}\nto {\n    opacity: 0;\n}\n}\n@keyframes wave-374502f0 {\n0% {\n    transform: translateX(-100%);\n}\n100% {\n    transform: translateX(100%);\n}\n}\n.or-skeleton[data-v-374502f0] {\n  overflow: hidden;\n  position: relative;\n  padding: 0;\n  background: #f6f8fd;\n  border: 0;\n}\n.or-skeleton.is-animated[data-v-374502f0]::before {\n  content: \"\";\n  display: block;\n  position: absolute;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  top: 0;\n  background: linear-gradient(90.14deg, #f6f8fd 0.1%, #fff 49.98%, #f6f8fd 99.06%);\n  animation: wave-374502f0 1.5s linear 0.5s infinite;\n}\n[data-theme=dark] .or-skeleton[data-v-374502f0] {\n  background: var(--c-neutral-3);\n}\n[data-theme=dark] .or-skeleton.is-animated[data-v-374502f0]::before {\n  background: linear-gradient(90.14deg, var(--c-neutral-3) 0.1%, var(--c-neutral-2) 49.98%, var(--c-neutral-3) 99.06%);\n}\n.or-skeleton-circle[data-v-374502f0] {\n  border-radius: 9999px !important;\n}";
 styleInject(css_248z$2);
 
 script$2.render = render$2;
@@ -96,7 +96,7 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
   }, null, 6 /* CLASS, STYLE */);
 }
 
-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-043cb99c {\nfrom {\n    transform: rotate(0);\n}\nto {\n    transform: rotate(359deg);\n}\n}\n@keyframes fade-043cb99c {\nfrom {\n    opacity: 1;\n}\nto {\n    opacity: 0;\n}\n}\n/**\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-043cb99c {\nfrom {\n    transform: rotate(0);\n}\nto {\n    transform: rotate(359deg);\n}\n}\n@keyframes fade-043cb99c {\nfrom {\n    opacity: 1;\n}\nto {\n    opacity: 0;\n}\n}\n@keyframes wave-043cb99c {\n0% {\n    transform: translateX(-100%);\n}\n100% {\n    transform: translateX(100%);\n}\n}\n.or-skeleton[data-v-043cb99c] {\n  overflow: hidden;\n  position: relative;\n  padding: 0;\n  background: #f6f8fd;\n  border: 0;\n}\n.or-skeleton.is-animated[data-v-043cb99c]::before {\n  content: \"\";\n  display: block;\n  position: absolute;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  top: 0;\n  background: linear-gradient(90.14deg, #f6f8fd 0.1%, #fff 49.98%, #f6f8fd 99.06%);\n  animation: wave-043cb99c 1.5s linear 0.5s infinite;\n}\n.or-skeleton-rect[data-v-043cb99c] {\n  border-radius: var(--s-2);\n}";
+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-043cb99c {\nfrom {\n    transform: rotate(0);\n}\nto {\n    transform: rotate(359deg);\n}\n}\n@keyframes fade-043cb99c {\nfrom {\n    opacity: 1;\n}\nto {\n    opacity: 0;\n}\n}\n/**\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-043cb99c {\nfrom {\n    transform: rotate(0);\n}\nto {\n    transform: rotate(359deg);\n}\n}\n@keyframes fade-043cb99c {\nfrom {\n    opacity: 1;\n}\nto {\n    opacity: 0;\n}\n}\n@keyframes wave-043cb99c {\n0% {\n    transform: translateX(-100%);\n}\n100% {\n    transform: translateX(100%);\n}\n}\n.or-skeleton[data-v-043cb99c] {\n  overflow: hidden;\n  position: relative;\n  padding: 0;\n  background: #f6f8fd;\n  border: 0;\n}\n.or-skeleton.is-animated[data-v-043cb99c]::before {\n  content: \"\";\n  display: block;\n  position: absolute;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  top: 0;\n  background: linear-gradient(90.14deg, #f6f8fd 0.1%, #fff 49.98%, #f6f8fd 99.06%);\n  animation: wave-043cb99c 1.5s linear 0.5s infinite;\n}\n[data-theme=dark] .or-skeleton[data-v-043cb99c] {\n  background: var(--c-neutral-3);\n}\n[data-theme=dark] .or-skeleton.is-animated[data-v-043cb99c]::before {\n  background: linear-gradient(90.14deg, var(--c-neutral-3) 0.1%, var(--c-neutral-2) 49.98%, var(--c-neutral-3) 99.06%);\n}\n.or-skeleton-rect[data-v-043cb99c] {\n  border-radius: var(--s-2);\n}";
 styleInject(css_248z$1);
 
 script$1.render = render$1;
@@ -170,7 +170,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   }), 128 /* KEYED_FRAGMENT */))], 4 /* STYLE */);
 }
 
-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-10564f36 {\nfrom {\n    transform: rotate(0);\n}\nto {\n    transform: rotate(359deg);\n}\n}\n@keyframes fade-10564f36 {\nfrom {\n    opacity: 1;\n}\nto {\n    opacity: 0;\n}\n}\n/**\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-10564f36 {\nfrom {\n    transform: rotate(0);\n}\nto {\n    transform: rotate(359deg);\n}\n}\n@keyframes fade-10564f36 {\nfrom {\n    opacity: 1;\n}\nto {\n    opacity: 0;\n}\n}\n@keyframes wave-10564f36 {\n0% {\n    transform: translateX(-100%);\n}\n100% {\n    transform: translateX(100%);\n}\n}\n.or-skeleton[data-v-10564f36] {\n  overflow: hidden;\n  position: relative;\n  padding: 0;\n  background: #f6f8fd;\n  border: 0;\n}\n.or-skeleton.is-animated[data-v-10564f36]::before {\n  content: \"\";\n  display: block;\n  position: absolute;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  top: 0;\n  background: linear-gradient(90.14deg, #f6f8fd 0.1%, #fff 49.98%, #f6f8fd 99.06%);\n  animation: wave-10564f36 1.5s linear 0.5s infinite;\n}\n.or-skeleton-text-root[data-v-10564f36] {\n  height: auto;\n  display: flex;\n  flex-direction: column;\n}\n.or-skeleton-text-root .or-skeleton-text[data-v-10564f36] {\n  border-radius: var(--s-2);\n  width: 100%;\n}\n.or-skeleton-text-root .or-skeleton-text-headline-1[data-v-10564f36] {\n  height: 1.5rem;\n  margin: 0.145rem 0;\n}\n.or-skeleton-text-root .or-skeleton-text-headline-2[data-v-10564f36] {\n  height: 1.25rem;\n  margin: 0.03125rem 0;\n}\n.or-skeleton-text-root .or-skeleton-text-headline-3[data-v-10564f36] {\n  height: 1rem;\n  margin: 0.25rem 0;\n}\n.or-skeleton-text-root .or-skeleton-text-body-1[data-v-10564f36] {\n  height: 1rem;\n  margin: 0.25rem 0;\n}\n.or-skeleton-text-root .or-skeleton-text-body-2[data-v-10564f36] {\n  height: 0.875rem;\n  margin: 0.21875rem 0;\n}\n.or-skeleton-text-root .or-skeleton-text-button[data-v-10564f36] {\n  height: 0.875rem;\n  margin: 0.1875rem 0;\n}\n.or-skeleton-text-root .or-skeleton-text-caption[data-v-10564f36] {\n  height: 0.75rem;\n  margin: 0.1875rem 0;\n}";
+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-10564f36 {\nfrom {\n    transform: rotate(0);\n}\nto {\n    transform: rotate(359deg);\n}\n}\n@keyframes fade-10564f36 {\nfrom {\n    opacity: 1;\n}\nto {\n    opacity: 0;\n}\n}\n/**\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-10564f36 {\nfrom {\n    transform: rotate(0);\n}\nto {\n    transform: rotate(359deg);\n}\n}\n@keyframes fade-10564f36 {\nfrom {\n    opacity: 1;\n}\nto {\n    opacity: 0;\n}\n}\n@keyframes wave-10564f36 {\n0% {\n    transform: translateX(-100%);\n}\n100% {\n    transform: translateX(100%);\n}\n}\n.or-skeleton[data-v-10564f36] {\n  overflow: hidden;\n  position: relative;\n  padding: 0;\n  background: #f6f8fd;\n  border: 0;\n}\n.or-skeleton.is-animated[data-v-10564f36]::before {\n  content: \"\";\n  display: block;\n  position: absolute;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  top: 0;\n  background: linear-gradient(90.14deg, #f6f8fd 0.1%, #fff 49.98%, #f6f8fd 99.06%);\n  animation: wave-10564f36 1.5s linear 0.5s infinite;\n}\n[data-theme=dark] .or-skeleton[data-v-10564f36] {\n  background: var(--c-neutral-3);\n}\n[data-theme=dark] .or-skeleton.is-animated[data-v-10564f36]::before {\n  background: linear-gradient(90.14deg, var(--c-neutral-3) 0.1%, var(--c-neutral-2) 49.98%, var(--c-neutral-3) 99.06%);\n}\n.or-skeleton-text-root[data-v-10564f36] {\n  height: auto;\n  display: flex;\n  flex-direction: column;\n}\n.or-skeleton-text-root .or-skeleton-text[data-v-10564f36] {\n  border-radius: var(--s-2);\n  width: 100%;\n}\n.or-skeleton-text-root .or-skeleton-text-headline-1[data-v-10564f36] {\n  height: 1.5rem;\n  margin: 0.145rem 0;\n}\n.or-skeleton-text-root .or-skeleton-text-headline-2[data-v-10564f36] {\n  height: 1.25rem;\n  margin: 0.03125rem 0;\n}\n.or-skeleton-text-root .or-skeleton-text-headline-3[data-v-10564f36] {\n  height: 1rem;\n  margin: 0.25rem 0;\n}\n.or-skeleton-text-root .or-skeleton-text-body-1[data-v-10564f36] {\n  height: 1rem;\n  margin: 0.25rem 0;\n}\n.or-skeleton-text-root .or-skeleton-text-body-2[data-v-10564f36] {\n  height: 0.875rem;\n  margin: 0.21875rem 0;\n}\n.or-skeleton-text-root .or-skeleton-text-button[data-v-10564f36] {\n  height: 0.875rem;\n  margin: 0.1875rem 0;\n}\n.or-skeleton-text-root .or-skeleton-text-caption[data-v-10564f36] {\n  height: 0.75rem;\n  margin: 0.1875rem 0;\n}";
 styleInject(css_248z);
 
 script.render = render;

package/dist/esm/v3/components/index.js

@@ -6,17 +6,17 @@ export { b as BUTTON_COLOR, d as BUTTON_LOADER_TYPE, c as BUTTON_SIZE, B as BUTT
 export { a as ButtonColor, b as ButtonType, B as ButtonVariant, s as OrButtonV3 } from '../OrButton-0fa67a0d.js';
 export { s as OrCard } from '../OrCard-e3a5aea4.js';
 export { C as CARD_COLLECTION_LAYOUT, s as OrCardCollection } from '../OrCardCollection-a5e326ef.js';
-export { D as DefaultCardCollectionViews, s as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../OrCardCollection-6912f897.js';
+export { D as DefaultCardCollectionViews, s as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../OrCardCollection-dbb3e839.js';
 export { s as OrCardV3 } from '../OrCard-fd92f7c8.js';
 export { a as OrCarousel, s as OrCarouselItem } from '../OrCarouselItem-636d99a1.js';
 export { s as OrCheckbox } from '../OrCheckbox-ed4a19cf.js';
 export { s as OrCheckboxV3 } from '../OrCheckbox-3e139eac.js';
 export { s as OrChip, a as OrChips } from '../OrChips-9afba42f.js';
-export { s as OrCode, O as OrCodeLanguages } from '../OrCode-5ed69c23.js';
+export { s as OrCode, O as OrCodeLanguages } from '../OrCode-cd9a8fb2.js';
 export { s as OrCollapse } from '../OrCollapse-445141ab.js';
 export { s as OrColorPicker, h as amber, n as black, b as blue, m as blueGrey, k as brown, c as cyan, j as deepOrange, d as deepPurple, g as green, i as indigo, l as lightBlue, e as lightGreen, f as lime, o as orange, p as pink, a as purple, r as red, t as teal, w as white, y as yellow } from '../OrColorPicker-189cb097.js';
 export { s as OrConfirm } from '../OrConfirm-f39bd784.js';
-export { C as ConfirmType, s as OrConfirmV3 } from '../OrConfirm-d1c05034.js';
+export { C as ConfirmType, s as OrConfirmV3 } from '../OrConfirm-fee3c859.js';
 export { D as DEFAULT_TEXT, s as OrDateTimePicker, a as OrDateTimePickerItemTypes, O as OrDateTimePickerTypes } from '../OrDateTimePicker-f2e08564.js';
 export { s as OrError } from '../OrError-f90296db.js';
 export { s as OrErrorTagV3 } from '../OrErrorTag-98252eef.js';
@@ -35,7 +35,7 @@ export { I as InlineInputType, s as OrInlineInputV3 } from '../OrInlineInput-507
 export { a as InlineTextEditTrimmingTypes, I as InlineTextEditTypes, s as OrInlineTextEdit } from '../OrInlineTextEdit-1aa477b5.js';
 export { s as OrInlineTextareaV3 } from '../OrInlineTextarea-53a9e027.js';
 export { a as InputBoxSize, I as InputBoxVariant, a as InputSize, s as OrInputBoxV3, a as SearchSize, a as SelectSize, a as TextareaSize } from '../OrInputBox-6d1b6059.js';
-export { I as InputType, s as OrInputV3 } from '../OrInput-a2c4cfb5.js';
+export { I as InputType, s as OrInputV3 } from '../OrInput-9c0426b9.js';
 export { a as OrInput, b as OrNumberInput, c as OrPassword, d as OrSearch, s as OrTextarea } from '../OrSearch-7cb2c91c.js';
 export { s as OrLabel } from '../OrLabel-876f8729.js';
 export { L as LabelVariant, s as OrLabelV3 } from '../OrLabel-bdaec602.js';
@@ -49,7 +49,7 @@ export { s as OrMenuV3 } from '../OrMenu-840038cd.js';
 export { P as MenuPlacement, s as OrPopoverV3, P as PopoverPlacement, a as PopoverVariant, P as TooltipPlacement } from '../OrPopover-1075dd38.js';
 export { s as OrModal, O as OrModalSizes } from '../OrModal-8b074b0c.js';
 export { M as ModalSize, s as OrModalV3 } from '../OrModal-7878cc39.js';
-export { a as OR_NOTIFICATION_SIZE, O as OR_NOTIFICATION_TYPE, s as OrNotification } from '../OrNotification-e85a4956.js';
+export { a as OR_NOTIFICATION_SIZE, O as OR_NOTIFICATION_TYPE, s as OrNotification } from '../OrNotification-eb08de33.js';
 export { N as NotificationVariant, s as OrNotificationV3 } from '../OrNotification-e1383681.js';
 export { s as OrOverflowMenu } from '../OrOverflowMenu-e82cbcbe.js';
 export { s as OrOverlay } from '../OrOverlay-451dce49.js';
@@ -60,13 +60,13 @@ export { s as OrProgressV3, P as ProgressColor, a as ProgressType } from '../OrP
 export { s as OrRadio } from '../OrRadio-c3ab11f2.js';
 export { s as OrRadioGroup } from '../OrRadioGroup-00785e41.js';
 export { s as OrRadioV3 } from '../OrRadio-54b6d0de.js';
-export { s as OrSearchV3 } from '../OrSearch-dbb07738.js';
+export { s as OrSearchV3 } from '../OrSearch-9885d178.js';
 export { s as OrSegmentedControlV3, S as SegmentedControlSize } from '../OrSegmentedControl-171cad78.js';
 export { s as OrSelect } from '../OrSelect-0821b907.js';
-export { s as OrSelectV3 } from '../OrSelect-511acc24.js';
+export { s as OrSelectV3 } from '../OrSelect-8fbd88bc.js';
 export { s as OrSidebar, O as OrSidebarSide } from '../OrSidebar-375c85a3.js';
 export { O as OrSidebarPlacement, s as OrSidebarV3 } from '../OrSidebar-a62972f5.js';
-export { s as OrSkeletonCircle, a as OrSkeletonRect, b as OrSkeletonText, O as OrSkeletonTextSizes } from '../OrSkeletonText-2b1610ce.js';
+export { s as OrSkeletonCircle, a as OrSkeletonRect, b as OrSkeletonText, O as OrSkeletonTextSizes } from '../OrSkeletonText-0546754d.js';
 export { s as OrSkeletonCircleV3, a as OrSkeletonRectV3, b as OrSkeletonTextV3 } from '../OrSkeletonText-3965ff71.js';
 export { s as OrSlider } from '../OrSlider-87e2da8c.js';
 export { s as OrSortHeaderV3 } from '../OrSortHeader-fe1a9cf8.js';
@@ -103,6 +103,7 @@ import '@codemirror/state';
 import '@codemirror/view';
 import '@codemirror/commands';
 import 'codemirror';
+import '@codemirror/theme-one-dark';
 import '@codemirror/lang-html';
 import '@codemirror/lang-css';
 import '@codemirror/lang-json';
@@ -112,11 +113,11 @@ import '../px-to-rem-0b26b83e.js';
 import '../dom-3a15d036.js';
 import '@vueuse/math';
 import '@floating-ui/dom';
-import '../useResponsive-a02e95b7.js';
 import '../useToggle-29e4d7c7.js';
 import 'uuid';
 import 'sortablejs';
 import '../useElevation-31bfe1f6.js';
+import '../useResponsive-a02e95b7.js';
 import '@vueuse/integrations/useFocusTrap';
 import '../dropdown-open-0d314aa4.js';
 import '../useOverflow-af6161c8.js';

package/dist/esm/v3/components/or-card-collection-v3/index.js

@@ -1,4 +1,4 @@
-export { D as DefaultCardCollectionViews, s as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../../OrCardCollection-6912f897.js';
+export { D as DefaultCardCollectionViews, s as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../../OrCardCollection-dbb3e839.js';
 import 'vue-demi';
 import '../../useClassAttribute-47fdb016.js';
 import '@vueuse/core';
@@ -17,8 +17,8 @@ import '../../OrMenu-840038cd.js';
 import '../../OrMenuItem-9da279f6.js';
 import '../../OrButton-0fa67a0d.js';
 import '../../OrLoader-b3cf4231.js';
-import '../../OrSearch-dbb07738.js';
-import '../../OrInput-a2c4cfb5.js';
+import '../../OrSearch-9885d178.js';
+import '../../OrInput-9c0426b9.js';
 import '../../OrError-ec8c709d.js';
 import '../../OrHint-74bb732d.js';
 import '../../OrInputBox-6d1b6059.js';

package/dist/esm/v3/components/or-code/OrCode.vue.d.ts

@@ -9,6 +9,11 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     fullscreenTarget: Ref<HTMLDivElement | undefined>;
     editor: EditorView;
     isHovered: Ref<boolean>;
+    isDark: Ref<boolean>;
+    themeObserver: {
+        isSupported: Ref<boolean>;
+        stop: () => void;
+    };
 }> & {
     isFullscreen: boolean;
 }, {
@@ -168,6 +173,11 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     fullscreenTarget: Ref<HTMLDivElement | undefined>;
     editor: EditorView;
     isHovered: Ref<boolean>;
+    isDark: Ref<boolean>;
+    themeObserver: {
+        isSupported: Ref<boolean>;
+        stop: () => void;
+    };
 }>, {
     isFullscreen: boolean;
 }, {

package/dist/esm/v3/components/or-code/index.js

@@ -1,9 +1,10 @@
-export { s as OrCode, O as OrCodeLanguages } from '../../OrCode-5ed69c23.js';
+export { s as OrCode, O as OrCodeLanguages } from '../../OrCode-cd9a8fb2.js';
 import '@codemirror/state';
 import '@codemirror/view';
 import '@codemirror/commands';
-import '@vueuse/core';
 import 'codemirror';
+import '@vueuse/core';
+import '@codemirror/theme-one-dark';
 import 'lodash';
 import 'vue-demi';
 import '../../OrIconButton-8be9c89f.js';

package/dist/esm/v3/components/or-confirm-v3/index.js

@@ -1,4 +1,4 @@
-export { C as ConfirmType, s as OrConfirmV3 } from '../../OrConfirm-d1c05034.js';
+export { C as ConfirmType, s as OrConfirmV3 } from '../../OrConfirm-fee3c859.js';
 import '@vueuse/core';
 import '@vueuse/math';
 import 'vue-demi';
@@ -6,8 +6,7 @@ import '../../OrButton-0fa67a0d.js';
 import '../../useClassAttribute-47fdb016.js';
 import '../../OrLoader-b3cf4231.js';
 import 'vue';
-import '../../OrInput-a2c4cfb5.js';
-import '../../useResponsive-a02e95b7.js';
+import '../../OrInput-9c0426b9.js';
 import '../../OrError-ec8c709d.js';
 import '../../OrHint-74bb732d.js';
 import '../../OrIconButton-1a89fbf9.js';
@@ -16,6 +15,7 @@ import '../../OrTooltip-50d27b4f.js';
 import '../../OrPopover-1075dd38.js';
 import '@floating-ui/dom';
 import '../../useElevation-31bfe1f6.js';
+import '../../useResponsive-a02e95b7.js';
 import '../../OrBottomSheet-62817aec.js';
 import '../../OrOverlay-738a44d5.js';
 import '../../OrTeleport.vue3-8099178c.js';

package/dist/esm/v3/components/or-input-v3/OrInput.vue.d.ts

@@ -12,7 +12,6 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     currentLength: import("@vue/composition-api").ComputedRef<number>;
     maxLength: import("@vue/composition-api").ComputedRef<number | undefined>;
     disclosed: import("@vue/composition-api").Ref<boolean>;
-    isMobile: import("@vue/composition-api").Ref<boolean>;
     focus: () => void;
 }> & import("@vue/composition-api").Data, {}, {}, {
     modelValue: {
@@ -47,10 +46,6 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         type: StringConstructor;
         default: undefined;
     };
-    loading: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
     required: {
         type: BooleanConstructor;
         default: boolean;
@@ -96,10 +91,6 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         type: StringConstructor;
         default: undefined;
     };
-    loading: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
     required: {
         type: BooleanConstructor;
         default: boolean;
@@ -121,7 +112,6 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     placeholder: string;
     hint: string;
     error: string;
-    loading: boolean;
     required: boolean;
     disabled: boolean;
     disableDefaultStyles: boolean;
@@ -139,7 +129,6 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     currentLength: import("@vue/composition-api").ComputedRef<number>;
     maxLength: import("@vue/composition-api").ComputedRef<number | undefined>;
     disclosed: import("@vue/composition-api").Ref<boolean>;
-    isMobile: import("@vue/composition-api").Ref<boolean>;
     focus: () => void;
 }>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {
     modelValue: string | number;
@@ -150,7 +139,6 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     placeholder: string;
     hint: string;
     error: string;
-    loading: boolean;
     required: boolean;
     disabled: boolean;
     disableDefaultStyles: boolean;
@@ -165,7 +153,6 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     placeholder: string;
     hint: string;
     error: string;
-    loading: boolean;
     required: boolean;
     disabled: boolean;
     disableDefaultStyles: boolean;

package/dist/esm/v3/components/or-input-v3/index.js

@@ -1,9 +1,8 @@
-export { I as InputType, s as OrInputV3 } from '../../OrInput-a2c4cfb5.js';
+export { I as InputType, s as OrInputV3 } from '../../OrInput-9c0426b9.js';
 export { a as InputSize } from '../../OrInputBox-6d1b6059.js';
 import 'vue-demi';
 import '../../useClassAttribute-47fdb016.js';
 import '@vueuse/core';
-import '../../useResponsive-a02e95b7.js';
 import '../../OrError-ec8c709d.js';
 import 'vue';
 import '../../OrHint-74bb732d.js';
@@ -13,9 +12,9 @@ import '../../OrTooltip-50d27b4f.js';
 import '../../OrPopover-1075dd38.js';
 import '@floating-ui/dom';
 import '../../useElevation-31bfe1f6.js';
+import '../../useResponsive-a02e95b7.js';
 import '../../OrBottomSheet-62817aec.js';
 import '../../OrOverlay-738a44d5.js';
 import '../../OrTeleport.vue3-8099178c.js';
 import '../../OrLabel-bdaec602.js';
-import '../../OrLoader-b3cf4231.js';
 import '../../style-inject.es-4c6f2515.js';

package/dist/esm/v3/components/or-notification/index.js

@@ -1,4 +1,4 @@
-export { a as OR_NOTIFICATION_SIZE, O as OR_NOTIFICATION_TYPE, s as OrNotification } from '../../OrNotification-e85a4956.js';
+export { a as OR_NOTIFICATION_SIZE, O as OR_NOTIFICATION_TYPE, s as OrNotification } from '../../OrNotification-eb08de33.js';
 import 'vue-demi';
 import '../../OrIcon-669503c3.js';
 import 'lodash';

package/dist/esm/v3/components/or-search-v3/index.js

@@ -1,10 +1,9 @@
-export { s as OrSearchV3 } from '../../OrSearch-dbb07738.js';
+export { s as OrSearchV3 } from '../../OrSearch-9885d178.js';
 export { a as SearchSize } from '../../OrInputBox-6d1b6059.js';
 import 'vue-demi';
 import '@vueuse/core';
 import '../../useClassAttribute-47fdb016.js';
-import '../../OrInput-a2c4cfb5.js';
-import '../../useResponsive-a02e95b7.js';
+import '../../OrInput-9c0426b9.js';
 import '../../OrError-ec8c709d.js';
 import 'vue';
 import '../../OrHint-74bb732d.js';
@@ -14,9 +13,9 @@ import '../../OrTooltip-50d27b4f.js';
 import '../../OrPopover-1075dd38.js';
 import '@floating-ui/dom';
 import '../../useElevation-31bfe1f6.js';
+import '../../useResponsive-a02e95b7.js';
 import '../../OrBottomSheet-62817aec.js';
 import '../../OrOverlay-738a44d5.js';
 import '../../OrTeleport.vue3-8099178c.js';
 import '../../OrLabel-bdaec602.js';
-import '../../OrLoader-b3cf4231.js';
 import '../../style-inject.es-4c6f2515.js';