@onereach/ui-components 2.74.0-beta.2287.0 → 2.74.0

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

@@ -1,4 +1,4 @@
-export { D as DefaultCardCollectionViews, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../../OrCardCollection-5a9eda35.js';
+export { D as DefaultCardCollectionViews, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../../OrCardCollection-4c909f4b.js';
 import 'vue-demi';
 import '../../OrButton-66964360.js';
 import '../../OrLoader-76307488.js';
@@ -17,12 +17,12 @@ import '../../OrTeleport.vue2-fb92f29f.js';
 import 'portal-vue';
 import '../../OrMenuItem-7b7fbf8a.js';
 import '../../OrMenu-c276db74.js';
-import '../../OrSearch-7411388b.js';
-import '../../OrInput-59a15d80.js';
+import '../../OrSearch-d6f1ba11.js';
+import '../../OrInput-3d8c8925.js';
 import '../../useIdAttribute-859439f0.js';
 import '../../useValidationAttributes-d1abbe34.js';
 import '../../OrError-13845bb0.js';
 import '../../OrHint-78b399cb.js';
-import '../../OrInputBox-9ceb9fc4.js';
+import '../../OrInputBox-53d1f66d.js';
 import '../../OrLabel-0945a4d9.js';
 import '../../browser-82dea9ed.js';

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

@@ -1,9 +1,9 @@
-export { _ as OrCode, O as OrCodeLanguages } from '../../OrCode-47331c24.js';
+export { _ as OrCode, O as OrCodeLanguages } from '../../OrCode-d4400b42.js';
 import '@codemirror/state';
 import '@codemirror/view';
 import '@codemirror/commands';
-import 'codemirror';
 import '@vueuse/core';
+import 'codemirror';
 import 'lodash';
 import 'vue-demi';
 import '../../OrIconButton.vue_rollup-plugin-vue_script-9fb7b7ab.js';
@@ -31,5 +31,3 @@ import '@codemirror/lang-css';
 import '@codemirror/lang-json';
 import '@codemirror/lang-javascript';
 import '@codemirror/lang-markdown';
-import '@codemirror/language';
-import '@lezer/highlight';

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

@@ -1,12 +1,13 @@
-export { C as ConfirmType, _ as OrConfirmV3 } from '../../OrConfirm-9dbdedd7.js';
+export { C as ConfirmType, _ as OrConfirmV3 } from '../../OrConfirm-7dc26526.js';
 import '@vueuse/core';
 import '@vueuse/math';
 import 'vue-demi';
 import '../../OrButton-66964360.js';
 import '../../OrLoader-76307488.js';
 import '../../normalize-component-6e8e3d80.js';
-import '../../OrInput-59a15d80.js';
+import '../../OrInput-3d8c8925.js';
 import '../../useIdAttribute-859439f0.js';
+import '../../useResponsive-a02e95b7.js';
 import '../../useValidationAttributes-d1abbe34.js';
 import '../../OrError-13845bb0.js';
 import '../../OrHint-78b399cb.js';
@@ -16,11 +17,10 @@ import '../../OrTooltip-629d44fc.js';
 import '../../OrPopover-d5d4f62a.js';
 import '@floating-ui/dom';
 import '../../useElevation-31bfe1f6.js';
-import '../../useResponsive-a02e95b7.js';
 import '../../OrBottomSheet-37200385.js';
 import '../../OrOverlay-a019186f.js';
 import '../../OrTeleport.vue2-fb92f29f.js';
 import 'portal-vue';
-import '../../OrInputBox-9ceb9fc4.js';
+import '../../OrInputBox-53d1f66d.js';
 import '../../OrLabel-0945a4d9.js';
 import '../../browser-82dea9ed.js';

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

@@ -1,3 +1,3 @@
-export { a as InputBoxSize, I as InputBoxVariant, _ as OrInputBoxV3 } from '../../OrInputBox-9ceb9fc4.js';
+export { a as InputBoxSize, I as InputBoxVariant, _ as OrInputBoxV3 } from '../../OrInputBox-53d1f66d.js';
 import 'vue-demi';
 import '../../normalize-component-6e8e3d80.js';

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

@@ -23,6 +23,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     maxLength: import("@vue/composition-api").ComputedRef<number | undefined>;
     invalid: import("@vue/composition-api").ComputedRef<boolean>;
     disclosed: import("@vue/composition-api").Ref<boolean>;
+    isMobile: import("@vue/composition-api").Ref<boolean>;
     focus: () => void;
     blur: () => void;
 }> & import("@vue/composition-api").Data, {}, {}, {
@@ -54,6 +55,10 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         type: StringConstructor;
         default: undefined;
     };
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     required: {
         type: BooleanConstructor;
         default: boolean;
@@ -99,6 +104,10 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         type: StringConstructor;
         default: undefined;
     };
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     required: {
         type: BooleanConstructor;
         default: boolean;
@@ -123,6 +132,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     placeholder: string;
     hint: string;
     error: string;
+    loading: boolean;
     required: boolean;
     readonly: boolean;
     disabled: boolean;
@@ -152,6 +162,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     maxLength: import("@vue/composition-api").ComputedRef<number | undefined>;
     invalid: import("@vue/composition-api").ComputedRef<boolean>;
     disclosed: import("@vue/composition-api").Ref<boolean>;
+    isMobile: import("@vue/composition-api").Ref<boolean>;
     focus: () => void;
     blur: () => void;
 }>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {
@@ -162,6 +173,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     placeholder: string;
     hint: string;
     error: string;
+    loading: boolean;
     required: boolean;
     readonly: boolean;
     disabled: boolean;
@@ -176,6 +188,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     placeholder: string;
     hint: string;
     error: string;
+    loading: boolean;
     required: boolean;
     readonly: boolean;
     disabled: boolean;

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

@@ -1,8 +1,9 @@
-export { I as InputType, _ as OrInputV3 } from '../../OrInput-59a15d80.js';
-export { a as InputSize } from '../../OrInputBox-9ceb9fc4.js';
+export { I as InputType, _ as OrInputV3 } from '../../OrInput-3d8c8925.js';
+export { a as InputSize } from '../../OrInputBox-53d1f66d.js';
 import 'vue-demi';
 import '../../useIdAttribute-859439f0.js';
 import '@vueuse/core';
+import '../../useResponsive-a02e95b7.js';
 import '../../useValidationAttributes-d1abbe34.js';
 import '../../OrError-13845bb0.js';
 import '../../normalize-component-6e8e3d80.js';
@@ -13,10 +14,10 @@ import '../../OrTooltip-629d44fc.js';
 import '../../OrPopover-d5d4f62a.js';
 import '@floating-ui/dom';
 import '../../useElevation-31bfe1f6.js';
-import '../../useResponsive-a02e95b7.js';
 import '../../OrBottomSheet-37200385.js';
 import '../../OrOverlay-a019186f.js';
 import '../../OrTeleport.vue2-fb92f29f.js';
 import 'portal-vue';
 import '../../OrLabel-0945a4d9.js';
+import '../../OrLoader-76307488.js';
 import '../../browser-82dea9ed.js';

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

@@ -1,4 +1,4 @@
-export { a as OR_NOTIFICATION_SIZE, O as OR_NOTIFICATION_TYPE, _ as OrNotification } from '../../OrNotification-a49e76d3.js';
+export { a as OR_NOTIFICATION_SIZE, O as OR_NOTIFICATION_TYPE, _ as OrNotification } from '../../OrNotification-a9231a83.js';
 import 'vue-demi';
 import '../../OrIcon-819166f6.js';
 import 'lodash';

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

@@ -1,9 +1,10 @@
-export { _ as OrSearchV3 } from '../../OrSearch-7411388b.js';
-export { a as SearchSize } from '../../OrInputBox-9ceb9fc4.js';
+export { _ as OrSearchV3 } from '../../OrSearch-d6f1ba11.js';
+export { a as SearchSize } from '../../OrInputBox-53d1f66d.js';
 import '@vueuse/core';
 import 'vue-demi';
-import '../../OrInput-59a15d80.js';
+import '../../OrInput-3d8c8925.js';
 import '../../useIdAttribute-859439f0.js';
+import '../../useResponsive-a02e95b7.js';
 import '../../useValidationAttributes-d1abbe34.js';
 import '../../OrError-13845bb0.js';
 import '../../normalize-component-6e8e3d80.js';
@@ -14,10 +15,10 @@ import '../../OrTooltip-629d44fc.js';
 import '../../OrPopover-d5d4f62a.js';
 import '@floating-ui/dom';
 import '../../useElevation-31bfe1f6.js';
-import '../../useResponsive-a02e95b7.js';
 import '../../OrBottomSheet-37200385.js';
 import '../../OrOverlay-a019186f.js';
 import '../../OrTeleport.vue2-fb92f29f.js';
 import 'portal-vue';
 import '../../OrLabel-0945a4d9.js';
+import '../../OrLoader-76307488.js';
 import '../../browser-82dea9ed.js';

package/dist/esm/v2/components/or-select-v3/index.js

@@ -1,5 +1,5 @@
-export { _ as OrSelectV3 } from '../../OrSelect-e31d1c8b.js';
-export { a as SelectSize } from '../../OrInputBox-9ceb9fc4.js';
+export { _ as OrSelectV3 } from '../../OrSelect-bdb9a78a.js';
+export { a as SelectSize } from '../../OrInputBox-53d1f66d.js';
 import 'vue-demi';
 import '../../dropdown-open-0d314aa4.js';
 import '../../useOverflow-af6161c8.js';
@@ -13,17 +13,18 @@ import '../../OrError-13845bb0.js';
 import '../../OrExpansionPanel-729eb1e7.js';
 import '../../OrIcon-f34e0e6f.js';
 import '../../OrHint-78b399cb.js';
-import '../../OrInput-59a15d80.js';
+import '../../OrInput-3d8c8925.js';
+import '../../useResponsive-a02e95b7.js';
 import '../../useValidationAttributes-d1abbe34.js';
 import '../../OrIconButton-04a3566d.js';
 import '../../OrTooltip-629d44fc.js';
 import '../../OrPopover-d5d4f62a.js';
 import '@floating-ui/dom';
 import '../../useElevation-31bfe1f6.js';
-import '../../useResponsive-a02e95b7.js';
 import '../../OrBottomSheet-37200385.js';
 import '../../OrOverlay-a019186f.js';
 import '../../OrTeleport.vue2-fb92f29f.js';
 import 'portal-vue';
+import '../../OrLoader-76307488.js';
 import '../../OrMenuItem-7b7fbf8a.js';
 import '../../OrTag-b2906865.js';

package/dist/esm/v2/components/or-skeleton/index.js

@@ -1,4 +1,4 @@
-export { _ as OrSkeletonCircle, a as OrSkeletonRect, b as OrSkeletonText, O as OrSkeletonTextSizes } from '../../OrSkeletonText-24509efe.js';
+export { _ as OrSkeletonCircle, a as OrSkeletonRect, b as OrSkeletonText, O as OrSkeletonTextSizes } from '../../OrSkeletonText-cc94bdc9.js';
 import 'vue-demi';
 import '../../px-to-rem-0b26b83e.js';
 import 'lodash';

package/dist/esm/v2/components/or-textarea-v3/index.js

@@ -1,5 +1,5 @@
-export { _ as OrTextareaV3 } from '../../OrTextarea-a5a3572b.js';
-export { a as TextareaSize } from '../../OrInputBox-9ceb9fc4.js';
+export { _ as OrTextareaV3 } from '../../OrTextarea-373d0554.js';
+export { a as TextareaSize } from '../../OrInputBox-53d1f66d.js';
 import 'vue-demi';
 import '../../useIdAttribute-859439f0.js';
 import '@vueuse/core';

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-66964360.js';
 export { _ as OrCard } from './OrCard-b7268256.js';
 export { C as CARD_COLLECTION_LAYOUT, _ as OrCardCollection } from './OrCardCollection-19582949.js';
-export { D as DefaultCardCollectionViews, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from './OrCardCollection-5a9eda35.js';
+export { D as DefaultCardCollectionViews, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from './OrCardCollection-4c909f4b.js';
 export { _ as OrCardV3 } from './OrCard-e89c44ef.js';
 export { a as OrCarousel, _ as OrCarouselItem } from './OrCarouselItem-4e2cf3d8.js';
 export { _ as OrCheckbox } from './OrCheckbox-915f1f0a.js';
 export { _ as OrCheckboxV3 } from './OrCheckbox-b380c131.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-47331c24.js';
+export { _ as OrCode, O as OrCodeLanguages } from './OrCode-d4400b42.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-ede619eb.js';
-export { C as ConfirmType, _ as OrConfirmV3 } from './OrConfirm-9dbdedd7.js';
+export { C as ConfirmType, _ as OrConfirmV3 } from './OrConfirm-7dc26526.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-80f82cdf.js';
@@ -37,8 +37,8 @@ export { I as InlineInputBoxSize, I as InlineInputSize, _ as OrInlineInputBoxV3
 export { I as InlineInputType, _ as OrInlineInputV3 } from './OrInlineInput-b85b84b4.js';
 export { a as InlineTextEditTrimmingTypes, I as InlineTextEditTypes, _ as OrInlineTextEdit } from './OrInlineTextEdit-b47cfc2d.js';
 export { _ as OrInlineTextareaV3 } from './OrInlineTextarea-afd33047.js';
-export { a as InputBoxSize, I as InputBoxVariant, a as InputSize, _ as OrInputBoxV3, a as SearchSize, a as SelectSize, a as TextareaSize } from './OrInputBox-9ceb9fc4.js';
-export { I as InputType, _ as OrInputV3 } from './OrInput-59a15d80.js';
+export { a as InputBoxSize, I as InputBoxVariant, a as InputSize, _ as OrInputBoxV3, a as SearchSize, a as SelectSize, a as TextareaSize } from './OrInputBox-53d1f66d.js';
+export { I as InputType, _ as OrInputV3 } from './OrInput-3d8c8925.js';
 export { _ as OrInput } from './OrInput-6e6cfd11.js';
 export { _ as OrLabel } from './OrLabel-33b41516.js';
 export { L as LabelVariant, _ as OrLabelV3 } from './OrLabel-0945a4d9.js';
@@ -52,7 +52,7 @@ export { _ as OrMenuV3 } from './OrMenu-c276db74.js';
 export { P as MenuPlacement, _ as OrPopoverV3, P as PopoverPlacement, a as PopoverVariant, P as TooltipPlacement } from './OrPopover-d5d4f62a.js';
 export { _ as OrModal, O as OrModalSizes } from './OrModal-97e83549.js';
 export { M as ModalSize, _ as OrModalV3 } from './OrModal-4e79e0d5.js';
-export { a as OR_NOTIFICATION_SIZE, O as OR_NOTIFICATION_TYPE, _ as OrNotification } from './OrNotification-a49e76d3.js';
+export { a as OR_NOTIFICATION_SIZE, O as OR_NOTIFICATION_TYPE, _ as OrNotification } from './OrNotification-a9231a83.js';
 export { N as NotificationVariant, _ as OrNotificationV3 } from './OrNotification-eac3867f.js';
 export { _ as OrNumberInput } from './OrNumberInput-b20d75d2.js';
 export { _ as OrOverflowMenu } from './OrOverflowMenu-10a4166a.js';
@@ -66,14 +66,14 @@ export { _ as OrRadio } from './OrRadio-e4198532.js';
 export { _ as OrRadioGroup } from './OrRadioGroup-d9d32cba.js';
 export { _ as OrRadioV3 } from './OrRadio-87a4d226.js';
 export { _ as OrSearch } from './OrSearch-b4f4d59b.js';
-export { _ as OrSearchV3 } from './OrSearch-7411388b.js';
+export { _ as OrSearchV3 } from './OrSearch-d6f1ba11.js';
 export { _ as OrSegmentedControlV3, S as SegmentedControlSize } from './OrSegmentedControl-7486115b.js';
 export { _ as OrSelect } from './OrSelect-dae2b069.js';
-export { _ as OrSelectV3 } from './OrSelect-e31d1c8b.js';
+export { _ as OrSelectV3 } from './OrSelect-bdb9a78a.js';
 export { _ as OrSidebar, O as OrSidebarSide } from './OrSidebar-7d6125bb.js';
 export { _ as OrSidebarV3 } from './OrSidebar-27236fbd.js';
 export { O as OrSidebarPlacement } from './OrSidebarCollapseButton-cfe51a60.js';
-export { _ as OrSkeletonCircle, a as OrSkeletonRect, b as OrSkeletonText, O as OrSkeletonTextSizes } from './OrSkeletonText-24509efe.js';
+export { _ as OrSkeletonCircle, a as OrSkeletonRect, b as OrSkeletonText, O as OrSkeletonTextSizes } from './OrSkeletonText-cc94bdc9.js';
 export { _ as OrSkeletonCircleV3, a as OrSkeletonRectV3, b as OrSkeletonTextV3 } from './OrSkeletonText-6ee72718.js';
 export { _ as OrSlider } from './OrSlider-f7b9c7c2.js';
 export { _ as OrSortHeaderV3 } from './OrSortHeader-592727dc.js';
@@ -91,7 +91,7 @@ export { _ as OrTeleport } from './OrTeleportVue2-8ef4ceca.js';
 export { _ as OrTeleportV3 } from './OrTeleport.vue2-fb92f29f.js';
 export { _ as OrTextV3 } from './OrText-b12d0682.js';
 export { _ as OrTextarea } from './OrTextarea-91a95068.js';
-export { _ as OrTextareaV3 } from './OrTextarea-a5a3572b.js';
+export { _ as OrTextareaV3 } from './OrTextarea-373d0554.js';
 export { _ as OrTextbox, T as TextboxTypes } from './OrTextbox-2594c980.js';
 export { _ as OrToast, a as OrToastContainer } from './OrToastContainer-2fbd4358.js';
 export { P as PositionsX, b as PositionsY, c as ToastType, T as TransitionType, a as useQueue, u as useToast } from './useToast-4fbe0e5a.js';
@@ -123,8 +123,6 @@ import '@codemirror/lang-css';
 import '@codemirror/lang-json';
 import '@codemirror/lang-javascript';
 import '@codemirror/lang-markdown';
-import '@codemirror/language';
-import '@lezer/highlight';
 import './px-to-rem-0b26b83e.js';
 import './dom-3a15d036.js';
 import '@vueuse/math';

package/dist/esm/v3/{OrCardCollection-e4fde5b4.js → OrCardCollection-803f67f7.js}

@@ -5,8 +5,8 @@ import { s as script$6 } from './OrIcon-34f59f73.js';
 import { s as script$5 } from './OrMenuItem-58707d47.js';
 import { s as script$4 } from './OrMenu-7f3ea117.js';
 import './OrPopover-40217b49.js';
-import { s as script$7 } from './OrSearch-5406bf03.js';
-import './OrInputBox-e16ade90.js';
+import { s as script$7 } from './OrSearch-4e180e34.js';
+import './OrInputBox-2467d7e4.js';
 import { openBlock, createElementBlock, normalizeClass, Fragment, renderList, renderSlot, mergeProps, createTextVNode, toDisplayString, resolveComponent, createElementVNode, createVNode, withCtx, createBlock, createCommentVNode, normalizeProps, guardReactiveProps } from 'vue';
 
 const CardCollectionRoot = [

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

@@ -1,8 +1,8 @@
 import { EditorState } from '@codemirror/state';
-import { EditorView, keymap } from '@codemirror/view';
+import { keymap } from '@codemirror/view';
 import { indentWithTab } from '@codemirror/commands';
-import { basicSetup, EditorView as EditorView$1 } from 'codemirror';
 import { useElementHover } from '@vueuse/core';
+import { basicSetup, EditorView } from 'codemirror';
 import _ from 'lodash';
 import { defineComponent, ref } from 'vue-demi';
 import { a as script$1 } from './OrIconButton-8be9c89f.js';
@@ -16,8 +16,6 @@ import { css } from '@codemirror/lang-css';
 import { json } from '@codemirror/lang-json';
 import { javascript } from '@codemirror/lang-javascript';
 import { markdown } from '@codemirror/lang-markdown';
-import { HighlightStyle, syntaxHighlighting } from '@codemirror/language';
-import { tags } from '@lezer/highlight';
 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';
 
@@ -50,173 +48,6 @@ var languages = {
   [OrCodeLanguages.MD]: MD
 };
 
-// Using https://github.com/one-dark/vscode-one-dark-theme/ as reference for the colors
-const chalky = 'var(--c-warning-darken-20)',
-  coral = 'var(--c-error)',
-  cyan = '#56b6c2',
-  invalid = 'var(--c-white)',
-  ivory = 'var(--c-neutral-6)',
-  stone = 'var(--c-neutral-5)',
-  // Brightened compared to original to increase contrast
-  malibu = '#61afef',
-  sage = 'var(--c-success)',
-  whiskey = 'var(--c-warning-darken-5)',
-  violet = '#c678dd',
-  darkBackground = 'var(--c-neutral-1)',
-  highlightBackground = 'var(--c-neutral-2)',
-  background = 'var(--c-neutral-1)',
-  tooltipBackground = 'var(--c-neutral-2)',
-  selection = 'var(--c-neutral-3)',
-  cursor = 'var(--c-primary)';
-/// The editor theme styles for One Dark.
-const orCodeTheme = EditorView.theme({
-  '&': {
-    color: ivory,
-    backgroundColor: background
-  },
-  '.cm-content': {
-    caretColor: cursor
-  },
-  '.cm-button': {
-    background: highlightBackground,
-    color: 'var(--c-neutral-6)',
-    border: 0,
-    borderRadius: 'var(--s-2)'
-  },
-  '.cm-panel.cm-search input[type=checkbox]': {
-    display: 'inline-block',
-    verticalAlign: 'middle'
-  },
-  '.cm-cursor, .cm-dropCursor': {
-    borderLeftColor: cursor
-  },
-  '&.cm-focused .cm-selectionBackground, .cm-selectionBackground, .cm-content ::selection': {
-    backgroundColor: selection
-  },
-  '.cm-panels': {
-    backgroundColor: darkBackground,
-    color: ivory
-  },
-  '.cm-panels.cm-panels-top': {
-    borderBottom: '2px solid var(--c-neutral-2)'
-  },
-  '.cm-panels.cm-panels-bottom': {
-    borderTop: '2px solid var(--c-neutral-2)'
-  },
-  '.cm-searchMatch': {
-    backgroundColor: 'var(--c-neutral-1)',
-    outline: '1px solid var(--c-neutral-2)'
-  },
-  '.cm-searchMatch.cm-searchMatch-selected': {
-    backgroundColor: '#6199ff2f'
-  },
-  '.cm-activeLine': {
-    backgroundColor: '#6699ff0b'
-  },
-  '.cm-selectionMatch': {
-    backgroundColor: '#aafe661a'
-  },
-  '&.cm-focused .cm-matchingBracket, &.cm-focused .cm-nonmatchingBracket': {
-    backgroundColor: '#bad0f847'
-  },
-  '.cm-gutters': {
-    backgroundColor: background,
-    color: stone,
-    border: 'none'
-  },
-  '.cm-activeLineGutter': {
-    backgroundColor: highlightBackground
-  },
-  '.cm-foldPlaceholder': {
-    backgroundColor: 'transparent',
-    border: 'none',
-    color: '#ddd'
-  },
-  '.cm-tooltip': {
-    border: 'none',
-    backgroundColor: tooltipBackground
-  },
-  '.cm-tooltip .cm-tooltip-arrow:before': {
-    borderTopColor: 'transparent',
-    borderBottomColor: 'transparent'
-  },
-  '.cm-tooltip .cm-tooltip-arrow:after': {
-    borderTopColor: tooltipBackground,
-    borderBottomColor: tooltipBackground
-  },
-  '.cm-tooltip-autocomplete': {
-    '& > ul > li[aria-selected]': {
-      backgroundColor: highlightBackground,
-      color: ivory
-    }
-  },
-  '.cm-textfield': {
-    outline: 'none',
-    background: background,
-    color: 'var(--c-neutral-6)',
-    backgroundColor: 'var(--c-neutral-1)',
-    border: '1px solid var(--c-neutral-2)',
-    borderRadius: 'var(--s-2)'
-  }
-}, {
-  dark: true
-});
-/// The highlighting style for code in the One Dark theme.
-const orCodeHighlightStyle = HighlightStyle.define([{
-  tag: tags.keyword,
-  color: violet
-}, {
-  tag: [tags.name, tags.deleted, tags.character, tags.propertyName, tags.macroName],
-  color: coral
-}, {
-  tag: [tags.function(tags.variableName), tags.labelName],
-  color: malibu
-}, {
-  tag: [tags.color, tags.constant(tags.name), tags.standard(tags.name)],
-  color: whiskey
-}, {
-  tag: [tags.definition(tags.name), tags.separator],
-  color: ivory
-}, {
-  tag: [tags.typeName, tags.className, tags.number, tags.changed, tags.annotation, tags.modifier, tags.self, tags.namespace],
-  color: chalky
-}, {
-  tag: [tags.operator, tags.operatorKeyword, tags.url, tags.escape, tags.regexp, tags.link, tags.special(tags.string)],
-  color: cyan
-}, {
-  tag: [tags.meta, tags.comment],
-  color: stone
-}, {
-  tag: tags.strong,
-  fontWeight: 'bold'
-}, {
-  tag: tags.emphasis,
-  fontStyle: 'italic'
-}, {
-  tag: tags.strikethrough,
-  textDecoration: 'line-through'
-}, {
-  tag: tags.link,
-  color: stone,
-  textDecoration: 'underline'
-}, {
-  tag: tags.heading,
-  fontWeight: 'bold',
-  color: coral
-}, {
-  tag: [tags.atom, tags.bool, tags.special(tags.variableName)],
-  color: whiskey
-}, {
-  tag: [tags.processingInstruction, tags.string, tags.inserted],
-  color: sage
-}, {
-  tag: tags.invalid,
-  color: invalid
-}]);
-/// Extension to enable the One Dark theme (both the editor theme and
-/// the highlight style).
-const theme = [orCodeTheme, syntaxHighlighting(orCodeHighlightStyle)];
-
 //partially based on https://github.com/logue/vue-codemirror6/blob/master/src/components/CodeMirror.vue
 var script = defineComponent({
   name: 'OrCode',
@@ -300,12 +131,11 @@ var script = defineComponent({
   setup(props, {
     emit
   }) {
-    // editor config
     const root = ref();
     const target = ref();
     const fullscreenTarget = ref();
     const isHovered = useElementHover(root);
-    const editor = new EditorView$1({
+    const editor = new EditorView({
       state: EditorState.create({
         doc: props.modelValue
       }),
@@ -342,19 +172,21 @@ var script = defineComponent({
         allowPaste,
         lineWrapping
       } = this;
-      const ext = _.compact([theme, EditorView$1.baseTheme({}),
+      const ext = _.compact([
+      // Toggle light/dark mode
+      EditorView.baseTheme({}),
       // locale settings
       this.phrases ? EditorState.phrases.of(this.phrases) : undefined,
       // Parser language setting
       this.localLanguage,
       // Editable option
-      EditorView$1.editable.of(!this.isReadonly),
+      EditorView.editable.of(!this.isReadonly),
       // Focus and blur listener
-      EditorView$1.updateListener.of(viewUpdate => {
+      EditorView.updateListener.of(viewUpdate => {
         if (viewUpdate.focusChanged) {
           viewUpdate.view.hasFocus ? this.$emit('focus') : this.$emit('blur', viewUpdate.state.doc.toString());
         }
-      }), EditorView$1.domEventHandlers({
+      }), EditorView.domEventHandlers({
         drop(event) {
           if (!allowDrop) {
             event.preventDefault();
@@ -369,8 +201,10 @@ var script = defineComponent({
         }
       }),
       // line wrapping
-      lineWrapping ? EditorView$1.lineWrapping : undefined, keymap.of([indentWithTab]), ...this.extensions]);
-      return [...ext];
+      lineWrapping ? EditorView.lineWrapping : undefined, keymap.of([indentWithTab])]);
+      // Append Extensions (such as basic-setup)
+      if (this.extensions.length !== 0) _.merge(ext, this.extensions);
+      return ext;
     },
     isShowingError() {
       return !!this.error && this.isInvalid;
@@ -468,7 +302,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   }, () => [_ctx.isShowingFullscreen ? (openBlock(), createBlock(_component_or_icon_button, {
     key: 0,
     icon: "fullscreen",
-    "icon-color": "neutral-4",
+    "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", {

package/dist/esm/v3/{OrConfirm-37454a63.js → OrConfirm-403896ca.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-c56998e7.js';
-import { s as script$3 } from './OrInput-bd054213.js';
+import { s as script$3 } from './OrInput-71075f51.js';
 import { s as script$1 } from './OrOverlay-afad3aa4.js';
 import { resolveComponent, openBlock, createBlock, withCtx, createElementVNode, mergeProps, normalizeClass, renderSlot, createTextVNode, toDisplayString, createElementBlock, createVNode, createCommentVNode } from 'vue';