@onereach/ui-components 2.72.2-beta.2257.0 → 2.73.0-beta.2258.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (102) hide show
  1. package/dist/bundled/v2/{OrCardCollection-134b0ffe.js → OrCardCollection-06ecb8e1.js} +1 -1
  2. package/dist/bundled/v2/{OrCode-fc6876ec.js → OrCode-0cf7596d.js} +184 -12
  3. package/dist/bundled/v2/{OrConfirm-3eceda8f.js → OrConfirm-8c0e957d.js} +1 -1
  4. package/dist/bundled/v2/{OrInput-eebed0aa.js → OrInput-00070eee.js} +11 -28
  5. package/dist/bundled/v2/{OrInputBox-10aecdc4.js → OrInputBox-2f559e98.js} +1 -1
  6. package/dist/bundled/v2/{OrNotification-3909aaf2.js → OrNotification-2e2a1941.js} +3 -3
  7. package/dist/bundled/v2/{OrSearch-5093c721.js → OrSearch-bb87b34c.js} +2 -2
  8. package/dist/bundled/v2/{OrSelect-974a83f8.js → OrSelect-2ececfc1.js} +2 -2
  9. package/dist/bundled/v2/{OrSkeletonText-242d22f3.js → OrSkeletonText-2f1a3cc7.js} +3 -3
  10. package/dist/bundled/v2/{OrTextarea-dba56362.js → OrTextarea-5c57c02b.js} +1 -1
  11. package/dist/bundled/v2/components/index.js +11 -11
  12. package/dist/bundled/v2/components/or-card-collection-v3/index.js +4 -4
  13. package/dist/bundled/v2/components/or-code/OrCode.vue.d.ts +10 -0
  14. package/dist/bundled/v2/components/or-code/index.js +1 -1
  15. package/dist/bundled/v2/components/or-confirm-v3/index.js +3 -3
  16. package/dist/bundled/v2/components/or-input-box-v3/index.js +1 -1
  17. package/dist/bundled/v2/components/or-input-v3/OrInput.vue.d.ts +0 -13
  18. package/dist/bundled/v2/components/or-input-v3/index.js +2 -3
  19. package/dist/bundled/v2/components/or-notification/index.js +1 -1
  20. package/dist/bundled/v2/components/or-search-v3/index.js +3 -4
  21. package/dist/bundled/v2/components/or-select-v3/index.js +3 -4
  22. package/dist/bundled/v2/components/or-skeleton/index.js +1 -1
  23. package/dist/bundled/v2/components/or-textarea-v3/index.js +2 -2
  24. package/dist/bundled/v2/index.js +11 -11
  25. package/dist/bundled/v3/{OrCardCollection.vue_vue_type_script_lang-bd6bc732.js → OrCardCollection.vue_vue_type_script_lang-e2980d04.js} +1 -1
  26. package/dist/bundled/v3/{OrCode.vue_vue_type_script_lang-c55de81d.js → OrCode.vue_vue_type_script_lang-df150e3b.js} +180 -8
  27. package/dist/bundled/v3/{OrConfirm.vue_vue_type_script_lang-b7e3ac90.js → OrConfirm.vue_vue_type_script_lang-eb2bfce2.js} +2 -2
  28. package/dist/bundled/v3/{OrInput-889fbd90.js → OrInput-dcf2606e.js} +6 -15
  29. package/dist/bundled/v3/{OrInput.vue_vue_type_script_lang-8d2b69ae.js → OrInput.vue_vue_type_script_lang-27220623.js} +3 -15
  30. package/dist/bundled/v3/{OrInputBox-c8beb6c2.js → OrInputBox-4c7900c2.js} +1 -1
  31. package/dist/bundled/v3/{OrInputBox.vue_vue_type_script_lang-0174af07.js → OrInputBox.vue_vue_type_script_lang-47d98e81.js} +1 -1
  32. package/dist/bundled/v3/{OrSearch.vue_vue_type_script_lang-97d023eb.js → OrSearch.vue_vue_type_script_lang-321907ec.js} +3 -3
  33. package/dist/bundled/v3/{OrSelect.vue_vue_type_script_lang-b20d66fa.js → OrSelect.vue_vue_type_script_lang-7fd5e2f0.js} +4 -4
  34. package/dist/bundled/v3/{OrTextarea.vue_vue_type_script_lang-7c88ef85.js → OrTextarea.vue_vue_type_script_lang-296da567.js} +2 -2
  35. package/dist/bundled/v3/components/index.js +11 -11
  36. package/dist/bundled/v3/components/or-card-collection-v3/index.js +6 -6
  37. package/dist/bundled/v3/components/or-code/OrCode.vue.d.ts +10 -0
  38. package/dist/bundled/v3/components/or-code/index.js +1 -1
  39. package/dist/bundled/v3/components/or-confirm-v3/index.js +5 -5
  40. package/dist/bundled/v3/components/or-input-box-v3/index.js +1 -1
  41. package/dist/bundled/v3/components/or-input-v3/OrInput.vue.d.ts +0 -13
  42. package/dist/bundled/v3/components/or-input-v3/index.js +3 -5
  43. package/dist/bundled/v3/components/or-search-v3/index.js +5 -7
  44. package/dist/bundled/v3/components/or-select-v3/index.js +5 -7
  45. package/dist/bundled/v3/components/or-textarea-v3/index.js +3 -3
  46. package/dist/bundled/v3/index.js +21 -21
  47. package/dist/esm/v2/{OrCardCollection-4f8957aa.js → OrCardCollection-251ab033.js} +2 -2
  48. package/dist/esm/v2/{OrCode-d4400b42.js → OrCode-e2ce05ea.js} +30 -12
  49. package/dist/esm/v2/{OrConfirm-d87f2ae9.js → OrConfirm-9dbdedd7.js} +1 -1
  50. package/dist/esm/v2/{OrInput-cf2900cd.js → OrInput-59a15d80.js} +11 -28
  51. package/dist/esm/v2/{OrInputBox-1a8887df.js → OrInputBox-9ceb9fc4.js} +1 -1
  52. package/dist/esm/v2/{OrNotification-a9231a83.js → OrNotification-a49e76d3.js} +3 -3
  53. package/dist/esm/v2/{OrSearch-3e058ad4.js → OrSearch-f42d588d.js} +2 -2
  54. package/dist/esm/v2/{OrSelect-bf21fff7.js → OrSelect-e31d1c8b.js} +2 -2
  55. package/dist/esm/v2/{OrSkeletonText-cc94bdc9.js → OrSkeletonText-24509efe.js} +3 -3
  56. package/dist/esm/v2/{OrTextarea-2ec6facd.js → OrTextarea-a5a3572b.js} +1 -1
  57. package/dist/esm/v2/components/index.js +12 -11
  58. package/dist/esm/v2/components/or-card-collection-v3/index.js +4 -4
  59. package/dist/esm/v2/components/or-code/OrCode.vue.d.ts +10 -0
  60. package/dist/esm/v2/components/or-code/index.js +3 -2
  61. package/dist/esm/v2/components/or-confirm-v3/index.js +4 -4
  62. package/dist/esm/v2/components/or-input-box-v3/index.js +1 -1
  63. package/dist/esm/v2/components/or-input-v3/OrInput.vue.d.ts +0 -13
  64. package/dist/esm/v2/components/or-input-v3/index.js +3 -4
  65. package/dist/esm/v2/components/or-notification/index.js +1 -1
  66. package/dist/esm/v2/components/or-search-v3/index.js +4 -5
  67. package/dist/esm/v2/components/or-select-v3/index.js +4 -5
  68. package/dist/esm/v2/components/or-skeleton/index.js +1 -1
  69. package/dist/esm/v2/components/or-textarea-v3/index.js +2 -2
  70. package/dist/esm/v2/index.js +11 -10
  71. package/dist/esm/v3/{OrCardCollection-ab9b6d70.js → OrCardCollection-8b8e3745.js} +2 -2
  72. package/dist/esm/v3/{OrCode-5ed69c23.js → OrCode-72688173.js} +27 -9
  73. package/dist/esm/v3/{OrConfirm-223b1303.js → OrConfirm-37454a63.js} +1 -1
  74. package/dist/esm/v3/{OrInput-5afc20da.js → OrInput-bd054213.js} +7 -27
  75. package/dist/esm/v3/{OrInputBox-74646840.js → OrInputBox-e16ade90.js} +1 -1
  76. package/dist/esm/v3/{OrNotification-e85a4956.js → OrNotification-eb08de33.js} +1 -1
  77. package/dist/esm/v3/{OrSearch-100ed7c8.js → OrSearch-4c5c44f2.js} +2 -2
  78. package/dist/esm/v3/{OrSelect-f1a2a55d.js → OrSelect-466e50ca.js} +2 -2
  79. package/dist/esm/v3/{OrSkeletonText-2b1610ce.js → OrSkeletonText-0546754d.js} +3 -3
  80. package/dist/esm/v3/{OrTextarea-3e28946b.js → OrTextarea-37566985.js} +1 -1
  81. package/dist/esm/v3/components/index.js +12 -11
  82. package/dist/esm/v3/components/or-card-collection-v3/index.js +4 -4
  83. package/dist/esm/v3/components/or-code/OrCode.vue.d.ts +10 -0
  84. package/dist/esm/v3/components/or-code/index.js +3 -2
  85. package/dist/esm/v3/components/or-confirm-v3/index.js +4 -4
  86. package/dist/esm/v3/components/or-input-box-v3/index.js +1 -1
  87. package/dist/esm/v3/components/or-input-v3/OrInput.vue.d.ts +0 -13
  88. package/dist/esm/v3/components/or-input-v3/index.js +3 -4
  89. package/dist/esm/v3/components/or-notification/index.js +1 -1
  90. package/dist/esm/v3/components/or-search-v3/index.js +4 -5
  91. package/dist/esm/v3/components/or-select-v3/index.js +4 -5
  92. package/dist/esm/v3/components/or-skeleton/index.js +1 -1
  93. package/dist/esm/v3/components/or-textarea-v3/index.js +2 -2
  94. package/dist/esm/v3/index.js +11 -10
  95. package/package.json +3 -2
  96. package/src/components/or-code/OrCode.vue +23 -6
  97. package/src/components/or-input-box-v3/styles.ts +2 -2
  98. package/src/components/or-input-v3/OrInput.stories3.ts +0 -4
  99. package/src/components/or-input-v3/OrInput.vue +19 -39
  100. package/src/components/or-notification/OrNotification.vue +26 -1
  101. package/src/components/or-skeleton/styles.scss +18 -3
  102. package/src/components/or-stepper/OrStepper.stories.ts +1 -1
@@ -6,7 +6,7 @@ import { O as OrButton } from './OrButton-d45772c1.js';
6
6
  import { O as OrMenu } from './OrMenu-52da43bc.js';
7
7
  import { O as OrMenuItem } from './OrMenuItem-e2693a5f.js';
8
8
  import { O as OrIcon } from './OrIcon-458206aa.js';
9
- import { O as OrSearch } from './OrSearch-5093c721.js';
9
+ import { O as OrSearch } from './OrSearch-bb87b34c.js';
10
10
 
11
11
  const CardCollectionRoot = [
12
12
  // Layout
@@ -1,4 +1,4 @@
1
- import { useElementHover } from '@vueuse/core';
1
+ import { useMutationObserver, useElementHover } from '@vueuse/core';
2
2
  import _ from 'lodash';
3
3
  import './index-fa6eb4ca.js';
4
4
  import { O as OrTeleport } from './OrTeleportVue2-3544f185.js';
@@ -23378,6 +23378,161 @@ const basicSetup = /*@__PURE__*/(() => [lineNumbers(), highlightActiveLineGutter
23378
23378
  fallback: true
23379
23379
  }), bracketMatching(), closeBrackets(), autocompletion(), rectangularSelection(), crosshairCursor(), highlightActiveLine(), highlightSelectionMatches(), keymap.of([...closeBracketsKeymap, ...defaultKeymap, ...searchKeymap, ...historyKeymap, ...foldKeymap, ...completionKeymap, ...lintKeymap])])();
23380
23380
 
23381
+ // Using https://github.com/one-dark/vscode-one-dark-theme/ as reference for the colors
23382
+ const chalky = "#e5c07b",
23383
+ coral = "#e06c75",
23384
+ cyan = "#56b6c2",
23385
+ invalid = "#ffffff",
23386
+ ivory = "#abb2bf",
23387
+ stone = "#7d8799",
23388
+ // Brightened compared to original to increase contrast
23389
+ malibu = "#61afef",
23390
+ sage = "#98c379",
23391
+ whiskey = "#d19a66",
23392
+ violet = "#c678dd",
23393
+ darkBackground = "#21252b",
23394
+ highlightBackground = "#2c313a",
23395
+ background = "#282c34",
23396
+ tooltipBackground = "#353a42",
23397
+ selection = "#3E4451",
23398
+ cursor = "#528bff";
23399
+ /**
23400
+ The editor theme styles for One Dark.
23401
+ */
23402
+ const oneDarkTheme = /*@__PURE__*/EditorView.theme({
23403
+ "&": {
23404
+ color: ivory,
23405
+ backgroundColor: background
23406
+ },
23407
+ ".cm-content": {
23408
+ caretColor: cursor
23409
+ },
23410
+ ".cm-cursor, .cm-dropCursor": {
23411
+ borderLeftColor: cursor
23412
+ },
23413
+ "&.cm-focused .cm-selectionBackground, .cm-selectionBackground, .cm-content ::selection": {
23414
+ backgroundColor: selection
23415
+ },
23416
+ ".cm-panels": {
23417
+ backgroundColor: darkBackground,
23418
+ color: ivory
23419
+ },
23420
+ ".cm-panels.cm-panels-top": {
23421
+ borderBottom: "2px solid black"
23422
+ },
23423
+ ".cm-panels.cm-panels-bottom": {
23424
+ borderTop: "2px solid black"
23425
+ },
23426
+ ".cm-searchMatch": {
23427
+ backgroundColor: "#72a1ff59",
23428
+ outline: "1px solid #457dff"
23429
+ },
23430
+ ".cm-searchMatch.cm-searchMatch-selected": {
23431
+ backgroundColor: "#6199ff2f"
23432
+ },
23433
+ ".cm-activeLine": {
23434
+ backgroundColor: "#6699ff0b"
23435
+ },
23436
+ ".cm-selectionMatch": {
23437
+ backgroundColor: "#aafe661a"
23438
+ },
23439
+ "&.cm-focused .cm-matchingBracket, &.cm-focused .cm-nonmatchingBracket": {
23440
+ backgroundColor: "#bad0f847"
23441
+ },
23442
+ ".cm-gutters": {
23443
+ backgroundColor: background,
23444
+ color: stone,
23445
+ border: "none"
23446
+ },
23447
+ ".cm-activeLineGutter": {
23448
+ backgroundColor: highlightBackground
23449
+ },
23450
+ ".cm-foldPlaceholder": {
23451
+ backgroundColor: "transparent",
23452
+ border: "none",
23453
+ color: "#ddd"
23454
+ },
23455
+ ".cm-tooltip": {
23456
+ border: "none",
23457
+ backgroundColor: tooltipBackground
23458
+ },
23459
+ ".cm-tooltip .cm-tooltip-arrow:before": {
23460
+ borderTopColor: "transparent",
23461
+ borderBottomColor: "transparent"
23462
+ },
23463
+ ".cm-tooltip .cm-tooltip-arrow:after": {
23464
+ borderTopColor: tooltipBackground,
23465
+ borderBottomColor: tooltipBackground
23466
+ },
23467
+ ".cm-tooltip-autocomplete": {
23468
+ "& > ul > li[aria-selected]": {
23469
+ backgroundColor: highlightBackground,
23470
+ color: ivory
23471
+ }
23472
+ }
23473
+ }, {
23474
+ dark: true
23475
+ });
23476
+ /**
23477
+ The highlighting style for code in the One Dark theme.
23478
+ */
23479
+ const oneDarkHighlightStyle = /*@__PURE__*/HighlightStyle.define([{
23480
+ tag: tags$1.keyword,
23481
+ color: violet
23482
+ }, {
23483
+ tag: [tags$1.name, tags$1.deleted, tags$1.character, tags$1.propertyName, tags$1.macroName],
23484
+ color: coral
23485
+ }, {
23486
+ tag: [/*@__PURE__*/tags$1.function(tags$1.variableName), tags$1.labelName],
23487
+ color: malibu
23488
+ }, {
23489
+ tag: [tags$1.color, /*@__PURE__*/tags$1.constant(tags$1.name), /*@__PURE__*/tags$1.standard(tags$1.name)],
23490
+ color: whiskey
23491
+ }, {
23492
+ tag: [/*@__PURE__*/tags$1.definition(tags$1.name), tags$1.separator],
23493
+ color: ivory
23494
+ }, {
23495
+ tag: [tags$1.typeName, tags$1.className, tags$1.number, tags$1.changed, tags$1.annotation, tags$1.modifier, tags$1.self, tags$1.namespace],
23496
+ color: chalky
23497
+ }, {
23498
+ tag: [tags$1.operator, tags$1.operatorKeyword, tags$1.url, tags$1.escape, tags$1.regexp, tags$1.link, /*@__PURE__*/tags$1.special(tags$1.string)],
23499
+ color: cyan
23500
+ }, {
23501
+ tag: [tags$1.meta, tags$1.comment],
23502
+ color: stone
23503
+ }, {
23504
+ tag: tags$1.strong,
23505
+ fontWeight: "bold"
23506
+ }, {
23507
+ tag: tags$1.emphasis,
23508
+ fontStyle: "italic"
23509
+ }, {
23510
+ tag: tags$1.strikethrough,
23511
+ textDecoration: "line-through"
23512
+ }, {
23513
+ tag: tags$1.link,
23514
+ color: stone,
23515
+ textDecoration: "underline"
23516
+ }, {
23517
+ tag: tags$1.heading,
23518
+ fontWeight: "bold",
23519
+ color: coral
23520
+ }, {
23521
+ tag: [tags$1.atom, tags$1.bool, /*@__PURE__*/tags$1.special(tags$1.variableName)],
23522
+ color: whiskey
23523
+ }, {
23524
+ tag: [tags$1.processingInstruction, tags$1.string, tags$1.inserted],
23525
+ color: sage
23526
+ }, {
23527
+ tag: tags$1.invalid,
23528
+ color: invalid
23529
+ }]);
23530
+ /**
23531
+ Extension to enable the One Dark theme (both the editor theme and
23532
+ the highlight style).
23533
+ */
23534
+ const oneDark = [oneDarkTheme, /*@__PURE__*/syntaxHighlighting(oneDarkHighlightStyle)];
23535
+
23381
23536
  var OrCodeLanguages;
23382
23537
  (function (OrCodeLanguages) {
23383
23538
  OrCodeLanguages["JS"] = "javascript";
@@ -29473,6 +29628,20 @@ var script = defineComponent({
29473
29628
  setup(props, {
29474
29629
  emit
29475
29630
  }) {
29631
+ var _a;
29632
+ // theming refs
29633
+ const parent = document.querySelector('[data-theme]') || document.querySelector('html');
29634
+ const themeEl = ref(parent);
29635
+ 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');
29636
+ const themeObserver = useMutationObserver(themeEl, mutations => {
29637
+ var _a, _b;
29638
+ const mutation = mutations.find(m => m.attributeName === 'data-theme');
29639
+ if (!mutation) return;
29640
+ 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';
29641
+ }, {
29642
+ attributes: true
29643
+ });
29644
+ // editor config
29476
29645
  const root = ref();
29477
29646
  const target = ref();
29478
29647
  const fullscreenTarget = ref();
@@ -29492,7 +29661,9 @@ var script = defineComponent({
29492
29661
  target,
29493
29662
  fullscreenTarget,
29494
29663
  editor,
29495
- isHovered
29664
+ isHovered,
29665
+ isDark,
29666
+ themeObserver
29496
29667
  };
29497
29668
  },
29498
29669
  data() {
@@ -29514,9 +29685,11 @@ var script = defineComponent({
29514
29685
  allowPaste,
29515
29686
  lineWrapping
29516
29687
  } = this;
29517
- const ext = _.compact([
29688
+ const ext = _.compact([...(this.isDark ? [oneDark] : []),
29518
29689
  // Toggle light/dark mode
29519
- EditorView.baseTheme({}),
29690
+ this.isDark ? EditorView.theme({}, {
29691
+ dark: true
29692
+ }) : EditorView.baseTheme({}),
29520
29693
  // locale settings
29521
29694
  this.phrases ? EditorState.phrases.of(this.phrases) : undefined,
29522
29695
  // Parser language setting
@@ -29543,10 +29716,8 @@ var script = defineComponent({
29543
29716
  }
29544
29717
  }),
29545
29718
  // line wrapping
29546
- lineWrapping ? EditorView.lineWrapping : undefined, keymap.of([indentWithTab])]);
29547
- // Append Extensions (such as basic-setup)
29548
- if (this.extensions.length !== 0) _.merge(ext, this.extensions);
29549
- return ext;
29719
+ lineWrapping ? EditorView.lineWrapping : undefined, keymap.of([indentWithTab]), ...this.extensions]);
29720
+ return [...ext];
29550
29721
  },
29551
29722
  isShowingError() {
29552
29723
  return !!this.error && this.isInvalid;
@@ -29589,6 +29760,7 @@ var script = defineComponent({
29589
29760
  },
29590
29761
  beforeUnmount() {
29591
29762
  var _a;
29763
+ this.themeObserver.stop();
29592
29764
  (_a = this.editor) === null || _a === void 0 ? void 0 : _a.destroy();
29593
29765
  },
29594
29766
  methods: {
@@ -29638,7 +29810,7 @@ var __vue_render__ = function () {
29638
29810
  staticClass: "fullscreen-button",
29639
29811
  attrs: {
29640
29812
  "icon": "fullscreen",
29641
- "icon-color": "neutral-3"
29813
+ "icon-color": "neutral-4"
29642
29814
  },
29643
29815
  on: {
29644
29816
  "click": function ($event) {
@@ -29706,14 +29878,14 @@ var __vue_staticRenderFns__ = [];
29706
29878
  /* style */
29707
29879
  const __vue_inject_styles__ = function (inject) {
29708
29880
  if (!inject) return;
29709
- inject("data-v-2056db5f_0", {
29710
- source: "@keyframes spinAround-data-v-2056db5f{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes fade-data-v-2056db5f{from{opacity:1}to{opacity:0}}.or-code .fullscreen-button[data-v-2056db5f]{width:2.25rem;height:2.25rem}.or-code .fullscreen-button>.or-icon[data-v-2056db5f]{font-size:1.5rem}.or-code .footer .or-code-error[data-v-2056db5f],.or-code .footer .or-code-hint[data-v-2056db5f]{flex-shrink:1;transition-timing-function:var(--t-func);transition-duration:var(--t-duration);transition-property:height,opacity}.header[data-v-2056db5f]{display:flex;flex-direction:row;align-items:center;height:36px}.header .actions[data-v-2056db5f]{margin-left:auto}.header .actions[data-v-2056db5f]:not(.is-visible){display:none}.or-code-editor[data-v-2056db5f]{min-height:calc(1.4em + 8px);overflow:auto;font-size:var(--fs-0);border:1px solid var(--c-neutral-2);border-radius:var(--s-2)}.or-code-editor.is-invalid[data-v-2056db5f]{border-color:var(--c-error)}.or-code-editor[data-v-2056db5f]> *{width:100%;height:100%}.or-code[data-v-2056db5f],.or-modal[data-v-2056db5f] .content{display:flex;flex-direction:column}.or-code .or-code-editor[data-v-2056db5f],.or-modal[data-v-2056db5f] .content .or-code-editor{flex-grow:1;text-align:left!important}",
29881
+ inject("data-v-c0fc62cc_0", {
29882
+ source: "@keyframes spinAround-data-v-c0fc62cc{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes fade-data-v-c0fc62cc{from{opacity:1}to{opacity:0}}.or-code .fullscreen-button[data-v-c0fc62cc]{width:2.25rem;height:2.25rem}.or-code .fullscreen-button>.or-icon[data-v-c0fc62cc]{font-size:1.5rem}.or-code .footer .or-code-error[data-v-c0fc62cc],.or-code .footer .or-code-hint[data-v-c0fc62cc]{flex-shrink:1;transition-timing-function:var(--t-func);transition-duration:var(--t-duration);transition-property:height,opacity}.header[data-v-c0fc62cc]{display:flex;flex-direction:row;align-items:center;height:36px}.header .actions[data-v-c0fc62cc]{margin-left:auto}.header .actions[data-v-c0fc62cc]:not(.is-visible){display:none}.or-code-editor[data-v-c0fc62cc]{min-height:calc(1.4em + 8px);overflow:auto;font-size:var(--fs-0);border:1px solid var(--c-neutral-2);border-radius:var(--s-2)}.or-code-editor.is-invalid[data-v-c0fc62cc]{border-color:var(--c-error)}.or-code-editor[data-v-c0fc62cc]> *{width:100%;height:100%}.or-code[data-v-c0fc62cc],.or-modal[data-v-c0fc62cc] .content{display:flex;flex-direction:column}.or-code .or-code-editor[data-v-c0fc62cc],.or-modal[data-v-c0fc62cc] .content .or-code-editor{flex-grow:1;text-align:left!important}",
29711
29883
  map: undefined,
29712
29884
  media: undefined
29713
29885
  });
29714
29886
  };
29715
29887
  /* scoped */
29716
- const __vue_scope_id__ = "data-v-2056db5f";
29888
+ const __vue_scope_id__ = "data-v-c0fc62cc";
29717
29889
  /* module identifier */
29718
29890
  const __vue_module_identifier__ = undefined;
29719
29891
  /* functional template */
@@ -3,7 +3,7 @@ import { l as logicAnd } from './index-17f264f9.js';
3
3
  import './index-fa6eb4ca.js';
4
4
  import { O as OrOverlay } from './OrOverlay-efa7992e.js';
5
5
  import { O as OrButton, a as ButtonColor } from './OrButton-d45772c1.js';
6
- import { O as OrInput } from './OrInput-eebed0aa.js';
6
+ import { O as OrInput } from './OrInput-00070eee.js';
7
7
  import { defineComponent, ref, computed, watch } from '@vue/composition-api/dist/vue-composition-api.mjs';
8
8
  import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
9
9
 
@@ -3,12 +3,10 @@ import { O as OrError } from './OrError-52f668a4.js';
3
3
  import { O as OrHint } from './OrHint-fde53334.js';
4
4
  import { O as OrIcon } from './OrIcon-458206aa.js';
5
5
  import { O as OrIconButton } from './OrIconButton-837d57f8.js';
6
- import { O as OrInputBox, a as InputBoxSize } from './OrInputBox-10aecdc4.js';
6
+ import { O as OrInputBox, a as InputBoxSize } from './OrInputBox-2f559e98.js';
7
7
  import { O as OrLabel } from './OrLabel-aff09c39.js';
8
- import { O as OrLoader } from './OrLoader-864ef92a.js';
9
8
  import { a as useIdAttribute, u as useControlAttributes } from './useIdAttribute-cf61643f.js';
10
9
  import { u as useValidationAttributes } from './useValidationAttributes-6df7bcf9.js';
11
- import { u as useResponsive } from './useResponsive-e13dfbb0.js';
12
10
  import { defineComponent, ref, computed, reactive } from '@vue/composition-api/dist/vue-composition-api.mjs';
13
11
  import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
14
12
  import { c as createInjector } from './browser-82dea9ed.js';
@@ -42,8 +40,7 @@ var script = defineComponent({
42
40
  OrIcon,
43
41
  OrIconButton,
44
42
  OrInputBox,
45
- OrLabel,
46
- OrLoader
43
+ OrLabel
47
44
  },
48
45
  model: {
49
46
  prop: 'modelValue',
@@ -78,10 +75,6 @@ var script = defineComponent({
78
75
  type: String,
79
76
  default: undefined
80
77
  },
81
- loading: {
82
- type: Boolean,
83
- default: false
84
- },
85
78
  required: {
86
79
  type: Boolean,
87
80
  default: false
@@ -127,9 +120,6 @@ var script = defineComponent({
127
120
  const maxLength = computed(() => controlAttributes.maxlength);
128
121
  const invalid = computed(() => !!props.error);
129
122
  const disclosed = ref(false);
130
- const {
131
- isMobile
132
- } = useResponsive();
133
123
  // Methods
134
124
  function focus() {
135
125
  var _a;
@@ -150,7 +140,6 @@ var script = defineComponent({
150
140
  maxLength,
151
141
  invalid,
152
142
  disclosed,
153
- isMobile,
154
143
  focus,
155
144
  blur
156
145
  };
@@ -187,7 +176,7 @@ var __vue_render__ = function () {
187
176
  "variant": _vm.disableDefaultStyles ? 'unstyled' : 'styled',
188
177
  "size": _vm.size,
189
178
  "invalid": _vm.invalid,
190
- "readonly": _vm.readonly || _vm.loading,
179
+ "readonly": _vm.readonly,
191
180
  "disabled": _vm.disabled
192
181
  }
193
182
  }, [(_vm.type === 'password' && _vm.disclosed ? 'text' : _vm.type) === 'checkbox' ? _c('input', _vm._b({
@@ -202,7 +191,7 @@ var __vue_render__ = function () {
202
191
  attrs: {
203
192
  "placeholder": _vm.placeholder,
204
193
  "required": _vm.required,
205
- "readonly": _vm.readonly || _vm.loading,
194
+ "readonly": _vm.readonly,
206
195
  "disabled": _vm.disabled,
207
196
  "type": "checkbox"
208
197
  },
@@ -251,7 +240,7 @@ var __vue_render__ = function () {
251
240
  attrs: {
252
241
  "placeholder": _vm.placeholder,
253
242
  "required": _vm.required,
254
- "readonly": _vm.readonly || _vm.loading,
243
+ "readonly": _vm.readonly,
255
244
  "disabled": _vm.disabled,
256
245
  "type": "radio"
257
246
  },
@@ -287,7 +276,7 @@ var __vue_render__ = function () {
287
276
  attrs: {
288
277
  "placeholder": _vm.placeholder,
289
278
  "required": _vm.required,
290
- "readonly": _vm.readonly || _vm.loading,
279
+ "readonly": _vm.readonly,
291
280
  "disabled": _vm.disabled,
292
281
  "type": _vm.type === 'password' && _vm.disclosed ? 'text' : _vm.type
293
282
  },
@@ -316,13 +305,7 @@ var __vue_render__ = function () {
316
305
  }
317
306
  }, 'input', _vm.controlAttributes, false)), _vm._v(" "), _c('div', {
318
307
  class: ['layout-row']
319
- }, [_vm.loading ? [_c('OrLoader', {
320
- attrs: {
321
- "variant": 'circular',
322
- "color": 'primary',
323
- "size": _vm.isMobile ? 'm' : 's'
324
- }
325
- })] : [_vm.type === 'password' ? [_c('OrIconButton', {
308
+ }, [_vm.type === 'password' ? [_c('OrIconButton', {
326
309
  attrs: {
327
310
  "icon": {
328
311
  icon: _vm.disclosed ? 'visibility_off' : 'visibility',
@@ -354,7 +337,7 @@ var __vue_render__ = function () {
354
337
  "icon": 'search',
355
338
  "variant": 'outlined'
356
339
  }
357
- })]] : _vm._e()]], 2)]), _vm._v(" "), !_vm.invalid ? [_vm.hint || _vm.maxLength ? [_c('OrHint', {
340
+ })]] : _vm._e()], 2)]), _vm._v(" "), !_vm.invalid ? [_vm.hint || _vm.maxLength ? [_c('OrHint', {
358
341
  attrs: {
359
342
  "disabled": _vm.disabled
360
343
  },
@@ -383,14 +366,14 @@ var __vue_staticRenderFns__ = [];
383
366
  /* style */
384
367
  const __vue_inject_styles__ = function (inject) {
385
368
  if (!inject) return;
386
- inject("data-v-9ec674d8_0", {
387
- source: "input[data-v-9ec674d8]{min-width:0;background:0 0;outline:0}input[type=number][data-v-9ec674d8]::-webkit-inner-spin-button{display:none}input[type=search][data-v-9ec674d8]::-webkit-search-cancel-button{display:none}",
369
+ inject("data-v-1243ae22_0", {
370
+ source: "input[data-v-1243ae22]{min-width:0;background:0 0;outline:0}input[type=number][data-v-1243ae22]::-webkit-inner-spin-button{display:none}input[type=search][data-v-1243ae22]::-webkit-search-cancel-button{display:none}",
388
371
  map: undefined,
389
372
  media: undefined
390
373
  });
391
374
  };
392
375
  /* scoped */
393
- const __vue_scope_id__ = "data-v-9ec674d8";
376
+ const __vue_scope_id__ = "data-v-1243ae22";
394
377
  /* module identifier */
395
378
  const __vue_module_identifier__ = undefined;
396
379
  /* functional template */
@@ -52,7 +52,7 @@ const InputBoxRootSizes = {
52
52
  // Box
53
53
  'children:min-h-[30px]',
54
54
  // Spacing
55
- 'first-child:pl-md first-child:md:pl-sm+', 'last-child:pr-md last-child:md:pr-sm+', 'children:py-[6px]', 'gap-[6px]',
55
+ 'first-child:pl-sm', 'last-child:pr-sm', 'children:py-[6px]', 'gap-[6px]',
56
56
  // Typography
57
57
  'typography-caption-regular']
58
58
  };
@@ -120,14 +120,14 @@ var __vue_staticRenderFns__ = [];
120
120
  /* style */
121
121
  const __vue_inject_styles__ = function (inject) {
122
122
  if (!inject) return;
123
- inject("data-v-7bc0e6b5_0", {
124
- source: "@keyframes spinAround-data-v-7bc0e6b5{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes fade-data-v-7bc0e6b5{from{opacity:1}to{opacity:0}}.or-notification[data-v-7bc0e6b5]{--alignment-height:var(--lh-1);display:flex;align-items:flex-start;width:100%;padding:var(--s-4);background-color:var(--c-white);border-radius:.25rem;box-shadow:0 .0625rem .25rem .0625rem rgba(0,0,0,.08);transition-timing-function:var(--t-func);transition-duration:var(--t-duration);transition-property:background-color}.or-notification.is-size-default[data-v-7bc0e6b5]{max-width:48rem}.or-notification.is-size-inline[data-v-7bc0e6b5]{max-width:27.875rem}.or-notification a[data-v-7bc0e6b5]{font-weight:var(--fw-2);color:var(--c-black)}.or-notification--icon[data-v-7bc0e6b5]{display:flex;align-items:center;min-height:var(--alignment-height);margin-right:var(--s-4)}.or-notification--icon[data-v-7bc0e6b5] .or-icon{font-size:1rem}.or-notification--content[data-v-7bc0e6b5]{flex:1 1 100%;word-break:break-word}.or-notification--close[data-v-7bc0e6b5]{display:flex;height:var(--alignment-height);margin-left:1rem}.or-notification--close[data-v-7bc0e6b5] .or-icon{font-size:1rem!important}.or-notification.is-type-info[data-v-7bc0e6b5]{background-color:var(--c-primary-lighten-45)}.or-notification.is-type-info a[data-v-7bc0e6b5]{color:var(--c-primary)}.or-notification.is-type-error[data-v-7bc0e6b5]{background-color:var(--c-error-lighten-45)}.or-notification.is-type-error a[data-v-7bc0e6b5]{color:var(--c-error)}.or-notification.is-type-warning[data-v-7bc0e6b5]{background-color:var(--c-warning-lighten-45)}.or-notification.is-type-warning a[data-v-7bc0e6b5]{color:var(--c-warning)}.or-notification.is-type-success[data-v-7bc0e6b5]{background-color:var(--c-success-lighten-45)}.or-notification.is-type-success a[data-v-7bc0e6b5]{color:var(--c-success)}",
123
+ inject("data-v-6284d461_0", {
124
+ source: "@keyframes spinAround-data-v-6284d461{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes fade-data-v-6284d461{from{opacity:1}to{opacity:0}}.or-notification[data-v-6284d461]{--alignment-height:var(--lh-1);display:flex;align-items:flex-start;width:100%;padding:var(--s-4);background-color:var(--c-white);border-radius:.25rem;box-shadow:0 .0625rem .25rem .0625rem rgba(0,0,0,.08);transition-timing-function:var(--t-func);transition-duration:var(--t-duration);transition-property:background-color}.or-notification.is-size-default[data-v-6284d461]{max-width:48rem}.or-notification.is-size-inline[data-v-6284d461]{max-width:27.875rem}.or-notification a[data-v-6284d461]{font-weight:var(--fw-2);color:var(--c-black)}.or-notification--icon[data-v-6284d461]{display:flex;align-items:center;min-height:var(--alignment-height);margin-right:var(--s-4)}.or-notification--icon[data-v-6284d461] .or-icon{font-size:1rem}.or-notification--content[data-v-6284d461]{flex:1 1 100%;word-break:break-word}.or-notification--close[data-v-6284d461]{display:flex;height:var(--alignment-height);margin-left:1rem}.or-notification--close[data-v-6284d461] .or-icon{font-size:1rem!important}.or-notification.is-type-info[data-v-6284d461]{background-color:var(--c-primary-lighten-45)}.or-notification.is-type-info a[data-v-6284d461]{color:var(--c-primary)}.or-notification.is-type-error[data-v-6284d461]{background-color:var(--c-error-lighten-45)}.or-notification.is-type-error a[data-v-6284d461]{color:var(--c-error)}.or-notification.is-type-warning[data-v-6284d461]{background-color:var(--c-warning-lighten-45)}.or-notification.is-type-warning a[data-v-6284d461]{color:var(--c-warning)}.or-notification.is-type-success[data-v-6284d461]{background-color:var(--c-success-lighten-45)}.or-notification.is-type-success a[data-v-6284d461]{color:var(--c-success)}[data-theme=dark] .or-notification .or-icon[data-v-6284d461]{color:var(--c-neutral-1)}[data-theme=dark] .or-notification.is-type-info[data-v-6284d461]{background-color:var(--c-primary-darken-45);color:var(--c-neutral-6)}[data-theme=dark] .or-notification.is-type-info a[data-v-6284d461]{color:var(--c-neutral-6)}[data-theme=dark] .or-notification.is-type-error[data-v-6284d461]{background-color:var(--c-error-darken-45);color:var(--c-neutral-6)}[data-theme=dark] .or-notification.is-type-error a[data-v-6284d461]{color:var(--c-neutral-6)}[data-theme=dark] .or-notification.is-type-warning[data-v-6284d461]{background-color:var(--c-warning-darken-45);color:var(--c-neutral-6)}[data-theme=dark] .or-notification.is-type-warning a[data-v-6284d461]{color:var(--c-neutral-6)}[data-theme=dark] .or-notification.is-type-success[data-v-6284d461]{background-color:var(--c-success-darken-45);color:var(--c-neutral-6)}[data-theme=dark] .or-notification.is-type-success a[data-v-6284d461]{color:var(--c-neutral-6)}",
125
125
  map: undefined,
126
126
  media: undefined
127
127
  });
128
128
  };
129
129
  /* scoped */
130
- const __vue_scope_id__ = "data-v-7bc0e6b5";
130
+ const __vue_scope_id__ = "data-v-6284d461";
131
131
  /* module identifier */
132
132
  const __vue_module_identifier__ = undefined;
133
133
  /* functional template */
@@ -1,8 +1,8 @@
1
1
  import { debouncedWatch } from '@vueuse/core';
2
2
  import './index-fa6eb4ca.js';
3
- import { O as OrInput } from './OrInput-eebed0aa.js';
3
+ import { O as OrInput } from './OrInput-00070eee.js';
4
4
  import { defineComponent, ref, computed, watch } from '@vue/composition-api/dist/vue-composition-api.mjs';
5
- import { a as InputBoxSize } from './OrInputBox-10aecdc4.js';
5
+ import { a as InputBoxSize } from './OrInputBox-2f559e98.js';
6
6
  import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
7
7
 
8
8
  var script = defineComponent({
@@ -4,8 +4,8 @@ import { O as OrError } from './OrError-52f668a4.js';
4
4
  import { O as OrExpansionPanel } from './OrExpansionPanel-96b8f568.js';
5
5
  import { O as OrHint } from './OrHint-fde53334.js';
6
6
  import { O as OrIcon } from './OrIcon-458206aa.js';
7
- import { O as OrInput } from './OrInput-eebed0aa.js';
8
- import { O as OrInputBox, a as InputBoxSize } from './OrInputBox-10aecdc4.js';
7
+ import { O as OrInput } from './OrInput-00070eee.js';
8
+ import { O as OrInputBox, a as InputBoxSize } from './OrInputBox-2f559e98.js';
9
9
  import { O as OrLabel } from './OrLabel-aff09c39.js';
10
10
  import { O as OrMenuItem } from './OrMenuItem-e2693a5f.js';
11
11
  import { O as OrPopover } from './OrPopover-4e8acb7b.js';
@@ -59,7 +59,7 @@ var __vue_staticRenderFns__$2 = [];
59
59
  const __vue_inject_styles__$2 = function (inject) {
60
60
  if (!inject) return;
61
61
  inject("data-v-2bdce55a_0", {
62
- source: "@keyframes spinAround-data-v-2bdce55a{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes fade-data-v-2bdce55a{from{opacity:1}to{opacity:0}}@keyframes spinAround-data-v-2bdce55a{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes fade-data-v-2bdce55a{from{opacity:1}to{opacity:0}}@keyframes wave-data-v-2bdce55a{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}.or-skeleton[data-v-2bdce55a]{overflow:hidden;position:relative;padding:0;background:#f6f8fd;border:0}.or-skeleton.is-animated[data-v-2bdce55a]::before{content:\"\";display:block;position:absolute;left:0;right:0;bottom:0;top:0;background:linear-gradient(90.14deg,#f6f8fd .1%,#fff 49.98%,#f6f8fd 99.06%);animation:wave-data-v-2bdce55a 1.5s linear .5s infinite}.or-skeleton-circle[data-v-2bdce55a]{border-radius:9999px!important}",
62
+ source: "@keyframes spinAround-data-v-2bdce55a{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes fade-data-v-2bdce55a{from{opacity:1}to{opacity:0}}@keyframes spinAround-data-v-2bdce55a{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes fade-data-v-2bdce55a{from{opacity:1}to{opacity:0}}@keyframes wave-data-v-2bdce55a{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}.or-skeleton[data-v-2bdce55a]{overflow:hidden;position:relative;padding:0;background:#f6f8fd;border:0}.or-skeleton.is-animated[data-v-2bdce55a]::before{content:\"\";display:block;position:absolute;left:0;right:0;bottom:0;top:0;background:linear-gradient(90.14deg,#f6f8fd .1%,#fff 49.98%,#f6f8fd 99.06%);animation:wave-data-v-2bdce55a 1.5s linear .5s infinite}[data-theme=dark] .or-skeleton[data-v-2bdce55a]{background:var(--c-neutral-3)}[data-theme=dark] .or-skeleton.is-animated[data-v-2bdce55a]::before{background:linear-gradient(90.14deg,var(--c-neutral-3) .1%,var(--c-neutral-2) 49.98%,var(--c-neutral-3) 99.06%)}.or-skeleton-circle[data-v-2bdce55a]{border-radius:9999px!important}",
63
63
  map: undefined,
64
64
  media: undefined
65
65
  });
@@ -137,7 +137,7 @@ var __vue_staticRenderFns__$1 = [];
137
137
  const __vue_inject_styles__$1 = function (inject) {
138
138
  if (!inject) return;
139
139
  inject("data-v-570f1e07_0", {
140
- source: "@keyframes spinAround-data-v-570f1e07{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes fade-data-v-570f1e07{from{opacity:1}to{opacity:0}}@keyframes spinAround-data-v-570f1e07{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes fade-data-v-570f1e07{from{opacity:1}to{opacity:0}}@keyframes wave-data-v-570f1e07{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}.or-skeleton[data-v-570f1e07]{overflow:hidden;position:relative;padding:0;background:#f6f8fd;border:0}.or-skeleton.is-animated[data-v-570f1e07]::before{content:\"\";display:block;position:absolute;left:0;right:0;bottom:0;top:0;background:linear-gradient(90.14deg,#f6f8fd .1%,#fff 49.98%,#f6f8fd 99.06%);animation:wave-data-v-570f1e07 1.5s linear .5s infinite}.or-skeleton-rect[data-v-570f1e07]{border-radius:var(--s-2)}",
140
+ source: "@keyframes spinAround-data-v-570f1e07{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes fade-data-v-570f1e07{from{opacity:1}to{opacity:0}}@keyframes spinAround-data-v-570f1e07{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes fade-data-v-570f1e07{from{opacity:1}to{opacity:0}}@keyframes wave-data-v-570f1e07{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}.or-skeleton[data-v-570f1e07]{overflow:hidden;position:relative;padding:0;background:#f6f8fd;border:0}.or-skeleton.is-animated[data-v-570f1e07]::before{content:\"\";display:block;position:absolute;left:0;right:0;bottom:0;top:0;background:linear-gradient(90.14deg,#f6f8fd .1%,#fff 49.98%,#f6f8fd 99.06%);animation:wave-data-v-570f1e07 1.5s linear .5s infinite}[data-theme=dark] .or-skeleton[data-v-570f1e07]{background:var(--c-neutral-3)}[data-theme=dark] .or-skeleton.is-animated[data-v-570f1e07]::before{background:linear-gradient(90.14deg,var(--c-neutral-3) .1%,var(--c-neutral-2) 49.98%,var(--c-neutral-3) 99.06%)}.or-skeleton-rect[data-v-570f1e07]{border-radius:var(--s-2)}",
141
141
  map: undefined,
142
142
  media: undefined
143
143
  });
@@ -238,7 +238,7 @@ var __vue_staticRenderFns__ = [];
238
238
  const __vue_inject_styles__ = function (inject) {
239
239
  if (!inject) return;
240
240
  inject("data-v-1ddb38df_0", {
241
- source: "@keyframes spinAround-data-v-1ddb38df{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes fade-data-v-1ddb38df{from{opacity:1}to{opacity:0}}@keyframes spinAround-data-v-1ddb38df{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes fade-data-v-1ddb38df{from{opacity:1}to{opacity:0}}@keyframes wave-data-v-1ddb38df{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}.or-skeleton[data-v-1ddb38df]{overflow:hidden;position:relative;padding:0;background:#f6f8fd;border:0}.or-skeleton.is-animated[data-v-1ddb38df]::before{content:\"\";display:block;position:absolute;left:0;right:0;bottom:0;top:0;background:linear-gradient(90.14deg,#f6f8fd .1%,#fff 49.98%,#f6f8fd 99.06%);animation:wave-data-v-1ddb38df 1.5s linear .5s infinite}.or-skeleton-text-root[data-v-1ddb38df]{height:auto;display:flex;flex-direction:column}.or-skeleton-text-root .or-skeleton-text[data-v-1ddb38df]{border-radius:var(--s-2);width:100%}.or-skeleton-text-root .or-skeleton-text-headline-1[data-v-1ddb38df]{height:1.5rem;margin:.145rem 0}.or-skeleton-text-root .or-skeleton-text-headline-2[data-v-1ddb38df]{height:1.25rem;margin:.03125rem 0}.or-skeleton-text-root .or-skeleton-text-headline-3[data-v-1ddb38df]{height:1rem;margin:.25rem 0}.or-skeleton-text-root .or-skeleton-text-body-1[data-v-1ddb38df]{height:1rem;margin:.25rem 0}.or-skeleton-text-root .or-skeleton-text-body-2[data-v-1ddb38df]{height:.875rem;margin:.21875rem 0}.or-skeleton-text-root .or-skeleton-text-button[data-v-1ddb38df]{height:.875rem;margin:.1875rem 0}.or-skeleton-text-root .or-skeleton-text-caption[data-v-1ddb38df]{height:.75rem;margin:.1875rem 0}",
241
+ source: "@keyframes spinAround-data-v-1ddb38df{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes fade-data-v-1ddb38df{from{opacity:1}to{opacity:0}}@keyframes spinAround-data-v-1ddb38df{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes fade-data-v-1ddb38df{from{opacity:1}to{opacity:0}}@keyframes wave-data-v-1ddb38df{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}.or-skeleton[data-v-1ddb38df]{overflow:hidden;position:relative;padding:0;background:#f6f8fd;border:0}.or-skeleton.is-animated[data-v-1ddb38df]::before{content:\"\";display:block;position:absolute;left:0;right:0;bottom:0;top:0;background:linear-gradient(90.14deg,#f6f8fd .1%,#fff 49.98%,#f6f8fd 99.06%);animation:wave-data-v-1ddb38df 1.5s linear .5s infinite}[data-theme=dark] .or-skeleton[data-v-1ddb38df]{background:var(--c-neutral-3)}[data-theme=dark] .or-skeleton.is-animated[data-v-1ddb38df]::before{background:linear-gradient(90.14deg,var(--c-neutral-3) .1%,var(--c-neutral-2) 49.98%,var(--c-neutral-3) 99.06%)}.or-skeleton-text-root[data-v-1ddb38df]{height:auto;display:flex;flex-direction:column}.or-skeleton-text-root .or-skeleton-text[data-v-1ddb38df]{border-radius:var(--s-2);width:100%}.or-skeleton-text-root .or-skeleton-text-headline-1[data-v-1ddb38df]{height:1.5rem;margin:.145rem 0}.or-skeleton-text-root .or-skeleton-text-headline-2[data-v-1ddb38df]{height:1.25rem;margin:.03125rem 0}.or-skeleton-text-root .or-skeleton-text-headline-3[data-v-1ddb38df]{height:1rem;margin:.25rem 0}.or-skeleton-text-root .or-skeleton-text-body-1[data-v-1ddb38df]{height:1rem;margin:.25rem 0}.or-skeleton-text-root .or-skeleton-text-body-2[data-v-1ddb38df]{height:.875rem;margin:.21875rem 0}.or-skeleton-text-root .or-skeleton-text-button[data-v-1ddb38df]{height:.875rem;margin:.1875rem 0}.or-skeleton-text-root .or-skeleton-text-caption[data-v-1ddb38df]{height:.75rem;margin:.1875rem 0}",
242
242
  map: undefined,
243
243
  media: undefined
244
244
  });
@@ -1,7 +1,7 @@
1
1
  import './index-fa6eb4ca.js';
2
2
  import { O as OrError } from './OrError-52f668a4.js';
3
3
  import { O as OrHint } from './OrHint-fde53334.js';
4
- import { O as OrInputBox, a as InputBoxSize } from './OrInputBox-10aecdc4.js';
4
+ import { O as OrInputBox, a as InputBoxSize } from './OrInputBox-2f559e98.js';
5
5
  import { O as OrLabel } from './OrLabel-aff09c39.js';
6
6
  import { a as useIdAttribute, u as useControlAttributes } from './useIdAttribute-cf61643f.js';
7
7
  import { u as useValidationAttributes } from './useValidationAttributes-6df7bcf9.js';
@@ -8,18 +8,18 @@ export { a as BUTTON_COLOR, c as BUTTON_LOADER_TYPE, b as BUTTON_SIZE, B as BUTT
8
8
  export { a as ButtonColor, b as ButtonType, B as ButtonVariant, O as OrButtonV3 } from '../OrButton-d45772c1.js';
9
9
  export { O as OrCard } from '../OrCard-a6b30f8f.js';
10
10
  export { C as CARD_COLLECTION_LAYOUT, _ as OrCardCollection } from '../OrCardCollection-166cfcc6.js';
11
- export { D as DefaultCardCollectionViews, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../OrCardCollection-134b0ffe.js';
11
+ export { D as DefaultCardCollectionViews, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../OrCardCollection-06ecb8e1.js';
12
12
  export { _ as OrCardV3 } from '../OrCard-45d5869b.js';
13
13
  export { a as OrCarousel, _ as OrCarouselItem } from '../OrCarouselItem-6da755c0.js';
14
14
  export { O as OrCheckbox } from '../OrCheckbox-4cbddd67.js';
15
15
  export { O as OrCheckboxV3 } from '../OrCheckbox-9be450f9.js';
16
16
  export { O as OrChip } from '../OrChip-000fe7b5.js';
17
17
  export { _ as OrChips } from '../OrChips-890b8476.js';
18
- export { _ as OrCode, O as OrCodeLanguages } from '../OrCode-fc6876ec.js';
18
+ export { _ as OrCode, O as OrCodeLanguages } from '../OrCode-0cf7596d.js';
19
19
  export { O as OrCollapse } from '../OrCollapse-3aa9a9b7.js';
20
20
  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-a1a37e83.js';
21
21
  export { _ as OrConfirm } from '../OrConfirm-55b89b17.js';
22
- export { C as ConfirmType, _ as OrConfirmV3 } from '../OrConfirm-3eceda8f.js';
22
+ export { C as ConfirmType, _ as OrConfirmV3 } from '../OrConfirm-8c0e957d.js';
23
23
  export { D as DEFAULT_TEXT, _ as OrDateTimePicker, a as OrDateTimePickerItemTypes, O as OrDateTimePickerTypes } from '../OrDateTimePicker-e212f892.js';
24
24
  export { O as OrError } from '../OrError-31503e4c.js';
25
25
  export { _ as OrErrorTagV3 } from '../OrErrorTag-97a9112b.js';
@@ -37,8 +37,8 @@ export { I as InlineInputBoxSize, I as InlineInputSize, O as OrInlineInputBoxV3
37
37
  export { I as InlineInputType, _ as OrInlineInputV3 } from '../OrInlineInput-57fccb41.js';
38
38
  export { a as InlineTextEditTrimmingTypes, I as InlineTextEditTypes, _ as OrInlineTextEdit } from '../OrInlineTextEdit-7262efdf.js';
39
39
  export { _ as OrInlineTextareaV3 } from '../OrInlineTextarea-f8b86cf7.js';
40
- export { a as InputBoxSize, I as InputBoxVariant, a as InputSize, O as OrInputBoxV3, a as SearchSize, a as SelectSize, a as TextareaSize } from '../OrInputBox-10aecdc4.js';
41
- export { I as InputType, O as OrInputV3 } from '../OrInput-eebed0aa.js';
40
+ export { a as InputBoxSize, I as InputBoxVariant, a as InputSize, O as OrInputBoxV3, a as SearchSize, a as SelectSize, a as TextareaSize } from '../OrInputBox-2f559e98.js';
41
+ export { I as InputType, O as OrInputV3 } from '../OrInput-00070eee.js';
42
42
  export { O as OrInput } from '../OrInput-df1a14fa.js';
43
43
  export { O as OrLabel } from '../OrLabel-74c73ba4.js';
44
44
  export { L as LabelVariant, O as OrLabelV3 } from '../OrLabel-aff09c39.js';
@@ -52,7 +52,7 @@ export { O as OrMenuV3 } from '../OrMenu-52da43bc.js';
52
52
  export { P as MenuPlacement, O as OrPopoverV3, P as PopoverPlacement, a as PopoverVariant, P as TooltipPlacement } from '../OrPopover-4e8acb7b.js';
53
53
  export { O as OrModal, a as OrModalSizes } from '../OrModal-a5411b0d.js';
54
54
  export { M as ModalSize, _ as OrModalV3 } from '../OrModal-78f5d49e.js';
55
- export { a as OR_NOTIFICATION_SIZE, O as OR_NOTIFICATION_TYPE, _ as OrNotification } from '../OrNotification-3909aaf2.js';
55
+ export { a as OR_NOTIFICATION_SIZE, O as OR_NOTIFICATION_TYPE, _ as OrNotification } from '../OrNotification-2e2a1941.js';
56
56
  export { N as NotificationVariant, _ as OrNotificationV3 } from '../OrNotification-458fe937.js';
57
57
  export { _ as OrNumberInput } from '../OrNumberInput-face8ccc.js';
58
58
  export { _ as OrOverflowMenu } from '../OrOverflowMenu-711e460e.js';
@@ -66,13 +66,13 @@ export { _ as OrRadio } from '../OrRadio-187d6fc7.js';
66
66
  export { _ as OrRadioGroup } from '../OrRadioGroup-aa9f0757.js';
67
67
  export { _ as OrRadioV3 } from '../OrRadio-fe23947a.js';
68
68
  export { O as OrSearch } from '../OrSearch-832d7978.js';
69
- export { O as OrSearchV3 } from '../OrSearch-5093c721.js';
69
+ export { O as OrSearchV3 } from '../OrSearch-bb87b34c.js';
70
70
  export { _ as OrSegmentedControlV3, S as SegmentedControlSize } from '../OrSegmentedControl-878279bf.js';
71
71
  export { _ as OrSelect } from '../OrSelect-a23d4210.js';
72
- export { _ as OrSelectV3 } from '../OrSelect-974a83f8.js';
72
+ export { _ as OrSelectV3 } from '../OrSelect-2ececfc1.js';
73
73
  export { _ as OrSidebar, O as OrSidebarSide } from '../OrSidebar-e2b2c9ec.js';
74
74
  export { O as OrSidebarPlacement, _ as OrSidebarV3 } from '../OrSidebar-c95ef614.js';
75
- export { _ as OrSkeletonCircle, a as OrSkeletonRect, b as OrSkeletonText, O as OrSkeletonTextSizes } from '../OrSkeletonText-242d22f3.js';
75
+ export { _ as OrSkeletonCircle, a as OrSkeletonRect, b as OrSkeletonText, O as OrSkeletonTextSizes } from '../OrSkeletonText-2f1a3cc7.js';
76
76
  export { _ as OrSkeletonCircleV3, a as OrSkeletonRectV3, b as OrSkeletonTextV3 } from '../OrSkeletonText-9a2f39dc.js';
77
77
  export { _ as OrSlider } from '../OrSlider-59d05856.js';
78
78
  export { _ as OrSortHeaderV3 } from '../OrSortHeader-565ace92.js';
@@ -90,7 +90,7 @@ export { O as OrTeleport } from '../OrTeleportVue2-3544f185.js';
90
90
  export { O as OrTeleportV3 } from '../OrTeleport.vue2-e9ba3054.js';
91
91
  export { _ as OrTextV3 } from '../OrText-a665b991.js';
92
92
  export { _ as OrTextarea } from '../OrTextarea-71ff236d.js';
93
- export { _ as OrTextareaV3 } from '../OrTextarea-dba56362.js';
93
+ export { _ as OrTextareaV3 } from '../OrTextarea-5c57c02b.js';
94
94
  export { _ as OrTextbox, T as TextboxTypes } from '../OrTextbox-eacd9b19.js';
95
95
  export { P as PositionsX, b as PositionsY, c as ToastType, T as TransitionType, a as useQueue, u as useToast } from '../useToast-1faa828c.js';
96
96
  export { O as OrToast, _ as OrToastContainer } from '../OrToastContainer-b03adc37.js';
@@ -113,8 +113,8 @@ import '../dom-3a15d036.js';
113
113
  import '../index-17f264f9.js';
114
114
  import '../floating-ui.dom.esm-83eba816.js';
115
115
  import '../useValidationAttributes-6df7bcf9.js';
116
- import '../useResponsive-e13dfbb0.js';
117
116
  import '../v4-cf8987a3.js';
117
+ import '../useResponsive-e13dfbb0.js';
118
118
  import '../useElevation-aac032f4.js';
119
119
  import '../useToggle-6166bd53.js';
120
120
  import '../dropdown-open-e2a93aaf.js';
@@ -1,4 +1,4 @@
1
- export { D as DefaultCardCollectionViews, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../../OrCardCollection-134b0ffe.js';
1
+ export { D as DefaultCardCollectionViews, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../../OrCardCollection-06ecb8e1.js';
2
2
  import '../../index-fa6eb4ca.js';
3
3
  import 'vue';
4
4
  import '@vue/composition-api/dist/vue-composition-api.mjs';
@@ -19,11 +19,11 @@ import '../../OrButton-d45772c1.js';
19
19
  import '../../OrLoader-864ef92a.js';
20
20
  import '../../OrMenu-52da43bc.js';
21
21
  import '../../OrMenuItem-e2693a5f.js';
22
- import '../../OrSearch-5093c721.js';
23
- import '../../OrInput-eebed0aa.js';
22
+ import '../../OrSearch-bb87b34c.js';
23
+ import '../../OrInput-00070eee.js';
24
24
  import '../../OrError-52f668a4.js';
25
25
  import '../../OrHint-fde53334.js';
26
- import '../../OrInputBox-10aecdc4.js';
26
+ import '../../OrInputBox-2f559e98.js';
27
27
  import '../../OrLabel-aff09c39.js';
28
28
  import '../../useIdAttribute-cf61643f.js';
29
29
  import '../../useValidationAttributes-6df7bcf9.js';
@@ -9,6 +9,11 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
9
9
  fullscreenTarget: Ref<HTMLDivElement | undefined>;
10
10
  editor: EditorView;
11
11
  isHovered: Ref<boolean>;
12
+ isDark: Ref<boolean>;
13
+ themeObserver: {
14
+ isSupported: Ref<boolean>;
15
+ stop: () => void;
16
+ };
12
17
  }> & {
13
18
  isFullscreen: boolean;
14
19
  }, {
@@ -168,6 +173,11 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
168
173
  fullscreenTarget: Ref<HTMLDivElement | undefined>;
169
174
  editor: EditorView;
170
175
  isHovered: Ref<boolean>;
176
+ isDark: Ref<boolean>;
177
+ themeObserver: {
178
+ isSupported: Ref<boolean>;
179
+ stop: () => void;
180
+ };
171
181
  }>, {
172
182
  isFullscreen: boolean;
173
183
  }, {