@onereach/ui-components 2.68.0-beta.2053.0 → 2.68.0-beta.2056.0

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

@@ -0,0 +1,15 @@
+export { O as OR_AVATAR_SIZE, s as OrAvatar } from '../../OrAvatar.vue_vue_type_script_lang-d1400693.js';
+import 'vue-demi';
+import 'lodash';
+import '../../OrIcon-6f6eb367.js';
+import '../../OrIcon.vue_vue_type_script_lang-3c949339.js';
+import '../../px-to-rem-0b26b83e.js';
+import '../OrTooltipContent/OrTooltipContent.js';
+import 'vue';
+import '../../style-inject.es-4c6f2515.js';
+import '../OrFloating/OrFloating.js';
+import '../../OrFloating.vue_vue_type_script_lang-21499d17.js';
+import '../../floating-ui.dom.esm-83eba816.js';
+import '../OrTeleportVue3/OrTeleportVue3.js';
+import '../../constants-b4c183aa.js';
+import '../../dom-ba0fb2e2.js';

package/dist/bundled/v3/components/OrAvatarV3/{OrAvatarV3.js → index.js}

@@ -1,4 +1,4 @@
-export { a as AvatarColor, A as AvatarSize, s as OrAvatarV3 } from '../../OrAvatar.vue_vue_type_script_lang-517f9fef.js';
+export { a as AvatarColor, A as AvatarSize, s as OrAvatarV3 } from '../../OrAvatar.vue_vue_type_script_lang-4fbb7259.js';
 import 'vue-demi';
-import '../../color-b3d00690.js';
+import '../../color-1f348774.js';
 import '../../useClassAttribute-47fdb016.js';

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

@@ -1,8 +1,9 @@
-import { s as script } from '../../OrBottomSheet.vue_vue_type_script_lang-617c4db0.js';
-export { s as default } from '../../OrBottomSheet.vue_vue_type_script_lang-617c4db0.js';
+import { s as script } from '../../OrBottomSheet.vue_vue_type_script_lang-09679ad9.js';
+export { s as default } from '../../OrBottomSheet.vue_vue_type_script_lang-09679ad9.js';
 import { resolveComponent, openBlock, createBlock, withCtx, createElementVNode, mergeProps, normalizeClass, renderSlot, createCommentVNode } from 'vue';
 import '@vueuse/core';
 import 'vue-demi';
+import '../OrOverlay/OrOverlay.js';
 import '../../OrOverlay.vue_vue_type_script_lang-66c0fa0e.js';
 import '../OrTeleport.vue3/OrTeleport.vue3.js';
 import '../../OrTeleport.vue3.vue_vue_type_script_lang-a6ce162e.js';

package/dist/bundled/v3/components/OrBottomSheetV3/{OrBottomSheetV3.js → index.js}

@@ -1,6 +1,7 @@
-export { s as OrBottomSheetV3 } from '../../OrBottomSheet.vue_vue_type_script_lang-617c4db0.js';
+export { s as OrBottomSheetV3 } from '../../OrBottomSheet.vue_vue_type_script_lang-09679ad9.js';
 import '@vueuse/core';
 import 'vue-demi';
+import '../OrOverlay/OrOverlay.js';
 import '../../OrOverlay.vue_vue_type_script_lang-66c0fa0e.js';
 import '../OrTeleport.vue3/OrTeleport.vue3.js';
 import '../../OrTeleport.vue3.vue_vue_type_script_lang-a6ce162e.js';

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

@@ -1,47 +1,38 @@
-import { s as script } from '../../OrButton.vue_vue_type_script_lang-a9c5ef76.js';
-export { s as OrButton, a as OrButtonColors, b as OrButtonSizes, O as OrButtonViews } from '../../OrButton.vue_vue_type_script_lang-a9c5ef76.js';
-import { resolveComponent, openBlock, createElementBlock, mergeProps, createVNode, Transition, withCtx, withDirectives, vShow, createElementVNode, renderSlot, createCommentVNode, createTextVNode, toDisplayString } from 'vue';
-import { s as styleInject } from '../../style-inject.es-4c6f2515.js';
+import { s as script } from '../../OrButton.vue_vue_type_script_lang-9355421f.js';
+export { s as default } from '../../OrButton.vue_vue_type_script_lang-9355421f.js';
+import { resolveComponent, openBlock, createElementBlock, mergeProps, createElementVNode, normalizeClass, renderSlot, createBlock, Fragment, createTextVNode, toDisplayString, createCommentVNode } from 'vue';
 import 'vue-demi';
-import '../../OrLoader-c4809493.js';
-import '../../OrLoader.vue_vue_type_script_lang-352f1432.js';
-import 'lodash';
+import '../OrLoader/OrLoader.js';
+import '../../OrLoader.vue_vue_type_script_lang-a927d554.js';
+import '../../useClassAttribute-47fdb016.js';
 
-const _hoisted_1 = ["disabled"];
+const _hoisted_1 = ["type", "disabled"];
 const _hoisted_2 = {
-  class: "or-button--content"
-};
-const _hoisted_3 = {
   key: 0,
-  class: "or-button--content-prepend"
-};
-const _hoisted_4 = {
-  key: 1,
-  class: "or-button--content-append"
+  class: /*#__PURE__*/normalizeClass(['absolute'])
 };
 function render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_or_loader = resolveComponent("or-loader");
-  return openBlock(), createElementBlock("button", mergeProps(_ctx.$attrs, {
-    class: _ctx.rootClasses,
-    disabled: _ctx.isDisabled,
-    onClick: _cache[0] || (_cache[0] = $event => !_ctx.isInactive && _ctx.$emit('click', $event)),
+  const _component_OrLoader = resolveComponent("OrLoader");
+  return openBlock(), createElementBlock("button", mergeProps({
+    ref: "root"
+  }, _ctx.$attrs, {
+    class: _ctx.rootStyles,
+    type: _ctx.type,
+    disabled: _ctx.disabled,
+    onClick: _cache[0] || (_cache[0] = $event => _ctx.$emit('click', $event)),
     onFocus: _cache[1] || (_cache[1] = $event => _ctx.$emit('focus', $event)),
     onBlur: _cache[2] || (_cache[2] = $event => _ctx.$emit('blur', $event))
-  }), [createVNode(Transition, {
-    name: "fade",
-    persisted: ""
-  }, {
-    default: withCtx(() => [withDirectives(createVNode(_component_or_loader, {
-      type: _ctx.loaderType,
-      "text-type-label": _ctx.loadingText
-    }, null, 8 /* PROPS */, ["type", "text-type-label"]), [[vShow, _ctx.isLoading]])]),
-    _: 1 /* STABLE */
-  }), createElementVNode("span", _hoisted_2, [_ctx.$slots.prepend ? (openBlock(), createElementBlock("span", _hoisted_3, [renderSlot(_ctx.$slots, "prepend")])) : createCommentVNode("v-if", true), renderSlot(_ctx.$slots, "default", {}, () => [createTextVNode(toDisplayString(_ctx.label), 1 /* TEXT */)]), _ctx.$slots.append ? (openBlock(), createElementBlock("span", _hoisted_4, [renderSlot(_ctx.$slots, "append")])) : createCommentVNode("v-if", true)])], 16 /* FULL_PROPS */, _hoisted_1);
+  }), [createElementVNode("div", {
+    class: normalizeClass(['contents', _ctx.loading && 'invisible'])
+  }, [renderSlot(_ctx.$slots, "default")], 2 /* CLASS */), _ctx.loading ? (openBlock(), createElementBlock("div", _hoisted_2, [_ctx.variant !== 'link' ? (openBlock(), createBlock(_component_OrLoader, {
+    key: 0,
+    variant: 'circular',
+    color: 'inherit',
+    size: 's'
+  })) : (openBlock(), createElementBlock(Fragment, {
+    key: 1
+  }, [createTextVNode(toDisplayString(_ctx.loadingText) + "… ", 1 /* TEXT */)], 64 /* STABLE_FRAGMENT */))])) : createCommentVNode("v-if", true)], 16 /* FULL_PROPS */, _hoisted_1);
 }
 
-var css_248z = "/**\n * A simple way to manage mobile breakpoints described in https://davidwalsh.name/write-media-queries-sass.\n * Can be further extended using following approach https://rimdev.io/making-media-query-mixins-with-sass/\n */\n@keyframes spinAround-1f08cb78 {\nfrom {\n    transform: rotate(0);\n}\nto {\n    transform: rotate(359deg);\n}\n}\n@keyframes fade-1f08cb78 {\nfrom {\n    opacity: 1;\n}\nto {\n    opacity: 0;\n}\n}\n.or-button[data-v-1f08cb78] {\n  -moz-appearance: none;\n  -webkit-appearance: none;\n  position: relative;\n  box-sizing: border-box;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  min-width: 6rem;\n  padding: var(--s-2) var(--s-4);\n  font-family: inherit;\n  font-size: var(--fs-1);\n  font-weight: var(--fw-1);\n  line-height: 1.375rem;\n  letter-spacing: -0.15px;\n  cursor: pointer;\n  border: 1px solid;\n  border-radius: 4px;\n  box-shadow: 0 1px 2px 0 hsla(0deg, 0%, 0%, 0.2);\n  transition-timing-function: var(--t-func);\n  transition-duration: var(--t-duration);\n  transition-property: color, background-color, box-shadow, border-color;\n}\n.or-button[data-v-1f08cb78] .material-icons {\n  font-size: calc(var(--fs-1) + 0.375rem);\n}\n.or-button .or-loader[data-v-1f08cb78] {\n  position: absolute;\n  top: 0;\n  left: 0;\n  z-index: 1;\n  width: 100%;\n  height: 100%;\n  pointer-events: none;\n}\n.or-button--content[data-v-1f08cb78] {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  transition-timing-function: var(--t-func);\n  transition-duration: var(--t-duration);\n  transition-property: opacity;\n}\n.or-button--content-prepend[data-v-1f08cb78], .or-button--content-append[data-v-1f08cb78] {\n  display: inline-flex;\n}\n.or-button--content-prepend[data-v-1f08cb78] {\n  margin-right: 0.5rem;\n}\n.or-button--content-append[data-v-1f08cb78] {\n  margin-left: 0.5rem;\n}\n.or-button.is-small[data-v-1f08cb78] {\n  min-width: auto;\n  font-size: calc(var(--fs-1) - 0.125rem);\n  line-height: var(--lh-0);\n}\n.or-button.is-small[data-v-1f08cb78] .or-icon {\n  font-size: calc(var(--fs-1) - 0.125rem + 0.25rem);\n}\n.or-button.is-small[data-v-1f08cb78] .material-icons {\n  font-size: var(--fs-1);\n}\n.or-button.is-primary-color[data-v-1f08cb78] {\n  color: var(--c-white);\n  background-color: var(--c-primary);\n  border-color: var(--c-primary);\n}\n@media (hover: hover) and (pointer: fine) {\n.or-button.is-primary-color[data-v-1f08cb78]:not(.or-button.is-primary-color.is-loading):not(.or-button.is-primary-color.is-disabled):not(.or-button.is-primary-color.is-readonly):not(.or-button.is-primary-color:disabled):not(.or-button.is-primary-color.is-focused):not(.or-button.is-primary-color:active):hover {\n    background-color: var(--c-primary-darken-3);\n    border-color: var(--c-primary-darken-3);\n}\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n.or-button.is-primary-color[data-v-1f08cb78]:not(.or-button.is-primary-color.is-loading):not(.or-button.is-primary-color.is-disabled):not(.or-button.is-primary-color.is-readonly):not(.or-button.is-primary-color:disabled):not(.or-button.is-primary-color.is-focused):not(.or-button.is-primary-color:active):hover {\n    background-color: var(--c-primary-darken-3);\n    border-color: var(--c-primary-darken-3);\n}\n}\n.or-button.is-primary-color[data-v-1f08cb78]:not(:disabled):not(.is-loading):not(.is-disabled):not(.is-readonly):active {\n  background-color: var(--c-primary-darken-5);\n  border-color: var(--c-primary-darken-5);\n}\n.or-button.is-primary-color[data-v-1f08cb78]:disabled, .or-button.is-primary-color.is-disabled[data-v-1f08cb78] {\n  cursor: not-allowed;\n  background-color: var(--c-primary-lighten-20);\n  border-color: var(--c-primary-lighten-20);\n}\n.or-button.is-primary-color.is-loading[data-v-1f08cb78] {\n  cursor: progress;\n  background-color: var(--c-primary-lighten-20);\n  border-color: var(--c-primary-lighten-20);\n}\n.or-button.is-primary-color.is-loading .or-loader[data-v-1f08cb78]::after {\n  color: var(--c-white);\n}\n.or-button.is-error-color[data-v-1f08cb78] {\n  color: var(--c-white);\n  background-color: var(--c-error);\n  border-color: var(--c-error);\n}\n@media (hover: hover) and (pointer: fine) {\n.or-button.is-error-color[data-v-1f08cb78]:not(.or-button.is-error-color.is-loading):not(.or-button.is-error-color.is-disabled):not(.or-button.is-error-color.is-readonly):not(.or-button.is-error-color:disabled):not(.or-button.is-error-color.is-focused):not(.or-button.is-error-color:active):hover {\n    background-color: var(--c-error-darken-3);\n    border-color: var(--c-error-darken-3);\n}\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n.or-button.is-error-color[data-v-1f08cb78]:not(.or-button.is-error-color.is-loading):not(.or-button.is-error-color.is-disabled):not(.or-button.is-error-color.is-readonly):not(.or-button.is-error-color:disabled):not(.or-button.is-error-color.is-focused):not(.or-button.is-error-color:active):hover {\n    background-color: var(--c-error-darken-3);\n    border-color: var(--c-error-darken-3);\n}\n}\n.or-button.is-error-color[data-v-1f08cb78]:not(:disabled):not(.is-loading):not(.is-disabled):not(.is-readonly):active {\n  background-color: var(--c-error-darken-5);\n  border-color: var(--c-error-darken-5);\n}\n.or-button.is-error-color[data-v-1f08cb78]:disabled, .or-button.is-error-color.is-disabled[data-v-1f08cb78] {\n  cursor: not-allowed;\n  background-color: var(--c-error-lighten-20);\n  border-color: var(--c-error-lighten-20);\n}\n.or-button.is-error-color.is-loading[data-v-1f08cb78] {\n  cursor: progress;\n  background-color: var(--c-error-lighten-20);\n  border-color: var(--c-error-lighten-20);\n}\n.or-button.is-error-color.is-loading .or-loader[data-v-1f08cb78]::after {\n  color: var(--c-white);\n}\n.or-button.is-warning-color[data-v-1f08cb78] {\n  color: var(--c-white);\n  background-color: var(--c-warning);\n  border-color: var(--c-warning);\n}\n@media (hover: hover) and (pointer: fine) {\n.or-button.is-warning-color[data-v-1f08cb78]:not(.or-button.is-warning-color.is-loading):not(.or-button.is-warning-color.is-disabled):not(.or-button.is-warning-color.is-readonly):not(.or-button.is-warning-color:disabled):not(.or-button.is-warning-color.is-focused):not(.or-button.is-warning-color:active):hover {\n    background-color: var(--c-warning-darken-3);\n    border-color: var(--c-warning-darken-3);\n}\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n.or-button.is-warning-color[data-v-1f08cb78]:not(.or-button.is-warning-color.is-loading):not(.or-button.is-warning-color.is-disabled):not(.or-button.is-warning-color.is-readonly):not(.or-button.is-warning-color:disabled):not(.or-button.is-warning-color.is-focused):not(.or-button.is-warning-color:active):hover {\n    background-color: var(--c-warning-darken-3);\n    border-color: var(--c-warning-darken-3);\n}\n}\n.or-button.is-warning-color[data-v-1f08cb78]:not(:disabled):not(.is-loading):not(.is-disabled):not(.is-readonly):active {\n  background-color: var(--c-warning-darken-5);\n  border-color: var(--c-warning-darken-5);\n}\n.or-button.is-warning-color[data-v-1f08cb78]:disabled, .or-button.is-warning-color.is-disabled[data-v-1f08cb78] {\n  cursor: not-allowed;\n  background-color: var(--c-warning-lighten-20);\n  border-color: var(--c-warning-lighten-20);\n}\n.or-button.is-warning-color.is-loading[data-v-1f08cb78] {\n  cursor: progress;\n  background-color: var(--c-warning-lighten-20);\n  border-color: var(--c-warning-lighten-20);\n}\n.or-button.is-warning-color.is-loading .or-loader[data-v-1f08cb78]::after {\n  color: var(--c-white);\n}\n.or-button.is-neutral-0-color[data-v-1f08cb78] {\n  color: var(--c-white);\n  background-color: var(--c-neutral-0);\n  border-color: var(--c-neutral-0);\n}\n@media (hover: hover) and (pointer: fine) {\n.or-button.is-neutral-0-color[data-v-1f08cb78]:not(.or-button.is-neutral-0-color.is-loading):not(.or-button.is-neutral-0-color.is-disabled):not(.or-button.is-neutral-0-color.is-readonly):not(.or-button.is-neutral-0-color:disabled):not(.or-button.is-neutral-0-color.is-focused):not(.or-button.is-neutral-0-color:active):hover {\n    background-color: var(--c-neutral-0-darken-3);\n    border-color: var(--c-neutral-0-darken-3);\n}\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n.or-button.is-neutral-0-color[data-v-1f08cb78]:not(.or-button.is-neutral-0-color.is-loading):not(.or-button.is-neutral-0-color.is-disabled):not(.or-button.is-neutral-0-color.is-readonly):not(.or-button.is-neutral-0-color:disabled):not(.or-button.is-neutral-0-color.is-focused):not(.or-button.is-neutral-0-color:active):hover {\n    background-color: var(--c-neutral-0-darken-3);\n    border-color: var(--c-neutral-0-darken-3);\n}\n}\n.or-button.is-neutral-0-color[data-v-1f08cb78]:not(:disabled):not(.is-loading):not(.is-disabled):not(.is-readonly):active {\n  background-color: var(--c-neutral-0-darken-5);\n  border-color: var(--c-neutral-0-darken-5);\n}\n.or-button.is-neutral-0-color[data-v-1f08cb78]:disabled, .or-button.is-neutral-0-color.is-disabled[data-v-1f08cb78] {\n  cursor: not-allowed;\n  background-color: var(--c-neutral-0-lighten-20);\n  border-color: var(--c-neutral-0-lighten-20);\n}\n.or-button.is-neutral-0-color.is-loading[data-v-1f08cb78] {\n  cursor: progress;\n  background-color: var(--c-neutral-0-lighten-20);\n  border-color: var(--c-neutral-0-lighten-20);\n}\n.or-button.is-neutral-0-color.is-loading .or-loader[data-v-1f08cb78]::after {\n  color: var(--c-white);\n}\n.or-button.is-neutral-3-color[data-v-1f08cb78] {\n  color: var(--c-white);\n  background-color: var(--c-neutral-3);\n  border-color: var(--c-neutral-3);\n}\n@media (hover: hover) and (pointer: fine) {\n.or-button.is-neutral-3-color[data-v-1f08cb78]:not(.or-button.is-neutral-3-color.is-loading):not(.or-button.is-neutral-3-color.is-disabled):not(.or-button.is-neutral-3-color.is-readonly):not(.or-button.is-neutral-3-color:disabled):not(.or-button.is-neutral-3-color.is-focused):not(.or-button.is-neutral-3-color:active):hover {\n    background-color: var(--c-neutral-3-darken-3);\n    border-color: var(--c-neutral-3-darken-3);\n}\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n.or-button.is-neutral-3-color[data-v-1f08cb78]:not(.or-button.is-neutral-3-color.is-loading):not(.or-button.is-neutral-3-color.is-disabled):not(.or-button.is-neutral-3-color.is-readonly):not(.or-button.is-neutral-3-color:disabled):not(.or-button.is-neutral-3-color.is-focused):not(.or-button.is-neutral-3-color:active):hover {\n    background-color: var(--c-neutral-3-darken-3);\n    border-color: var(--c-neutral-3-darken-3);\n}\n}\n.or-button.is-neutral-3-color[data-v-1f08cb78]:not(:disabled):not(.is-loading):not(.is-disabled):not(.is-readonly):active {\n  background-color: var(--c-neutral-3-darken-5);\n  border-color: var(--c-neutral-3-darken-5);\n}\n.or-button.is-neutral-3-color[data-v-1f08cb78]:disabled, .or-button.is-neutral-3-color.is-disabled[data-v-1f08cb78] {\n  cursor: not-allowed;\n  background-color: var(--c-neutral-3-lighten-20);\n  border-color: var(--c-neutral-3-lighten-20);\n}\n.or-button.is-neutral-3-color.is-loading[data-v-1f08cb78] {\n  cursor: progress;\n  background-color: var(--c-neutral-3-lighten-20);\n  border-color: var(--c-neutral-3-lighten-20);\n}\n.or-button.is-neutral-3-color.is-loading .or-loader[data-v-1f08cb78]::after {\n  color: var(--c-white);\n}\n.or-button.is-neutral-4-color[data-v-1f08cb78] {\n  color: var(--c-white);\n  background-color: var(--c-neutral-4);\n  border-color: var(--c-neutral-4);\n}\n@media (hover: hover) and (pointer: fine) {\n.or-button.is-neutral-4-color[data-v-1f08cb78]:not(.or-button.is-neutral-4-color.is-loading):not(.or-button.is-neutral-4-color.is-disabled):not(.or-button.is-neutral-4-color.is-readonly):not(.or-button.is-neutral-4-color:disabled):not(.or-button.is-neutral-4-color.is-focused):not(.or-button.is-neutral-4-color:active):hover {\n    background-color: var(--c-neutral-4-darken-3);\n    border-color: var(--c-neutral-4-darken-3);\n}\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n.or-button.is-neutral-4-color[data-v-1f08cb78]:not(.or-button.is-neutral-4-color.is-loading):not(.or-button.is-neutral-4-color.is-disabled):not(.or-button.is-neutral-4-color.is-readonly):not(.or-button.is-neutral-4-color:disabled):not(.or-button.is-neutral-4-color.is-focused):not(.or-button.is-neutral-4-color:active):hover {\n    background-color: var(--c-neutral-4-darken-3);\n    border-color: var(--c-neutral-4-darken-3);\n}\n}\n.or-button.is-neutral-4-color[data-v-1f08cb78]:not(:disabled):not(.is-loading):not(.is-disabled):not(.is-readonly):active {\n  background-color: var(--c-neutral-4-darken-5);\n  border-color: var(--c-neutral-4-darken-5);\n}\n.or-button.is-neutral-4-color[data-v-1f08cb78]:disabled, .or-button.is-neutral-4-color.is-disabled[data-v-1f08cb78] {\n  cursor: not-allowed;\n  background-color: var(--c-neutral-4-lighten-20);\n  border-color: var(--c-neutral-4-lighten-20);\n}\n.or-button.is-neutral-4-color.is-loading[data-v-1f08cb78] {\n  cursor: progress;\n  background-color: var(--c-neutral-4-lighten-20);\n  border-color: var(--c-neutral-4-lighten-20);\n}\n.or-button.is-neutral-4-color.is-loading .or-loader[data-v-1f08cb78]::after {\n  color: var(--c-white);\n}\n.or-button.is-neutral-5-color[data-v-1f08cb78] {\n  color: var(--c-white);\n  background-color: var(--c-neutral-5);\n  border-color: var(--c-neutral-5);\n}\n@media (hover: hover) and (pointer: fine) {\n.or-button.is-neutral-5-color[data-v-1f08cb78]:not(.or-button.is-neutral-5-color.is-loading):not(.or-button.is-neutral-5-color.is-disabled):not(.or-button.is-neutral-5-color.is-readonly):not(.or-button.is-neutral-5-color:disabled):not(.or-button.is-neutral-5-color.is-focused):not(.or-button.is-neutral-5-color:active):hover {\n    background-color: var(--c-neutral-5-darken-3);\n    border-color: var(--c-neutral-5-darken-3);\n}\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n.or-button.is-neutral-5-color[data-v-1f08cb78]:not(.or-button.is-neutral-5-color.is-loading):not(.or-button.is-neutral-5-color.is-disabled):not(.or-button.is-neutral-5-color.is-readonly):not(.or-button.is-neutral-5-color:disabled):not(.or-button.is-neutral-5-color.is-focused):not(.or-button.is-neutral-5-color:active):hover {\n    background-color: var(--c-neutral-5-darken-3);\n    border-color: var(--c-neutral-5-darken-3);\n}\n}\n.or-button.is-neutral-5-color[data-v-1f08cb78]:not(:disabled):not(.is-loading):not(.is-disabled):not(.is-readonly):active {\n  background-color: var(--c-neutral-5-darken-5);\n  border-color: var(--c-neutral-5-darken-5);\n}\n.or-button.is-neutral-5-color[data-v-1f08cb78]:disabled, .or-button.is-neutral-5-color.is-disabled[data-v-1f08cb78] {\n  cursor: not-allowed;\n  background-color: var(--c-neutral-5-lighten-20);\n  border-color: var(--c-neutral-5-lighten-20);\n}\n.or-button.is-neutral-5-color.is-loading[data-v-1f08cb78] {\n  cursor: progress;\n  background-color: var(--c-neutral-5-lighten-20);\n  border-color: var(--c-neutral-5-lighten-20);\n}\n.or-button.is-neutral-5-color.is-loading .or-loader[data-v-1f08cb78]::after {\n  color: var(--c-white);\n}\n.or-button.is-neutral-6-color[data-v-1f08cb78] {\n  color: var(--c-white);\n  background-color: var(--c-neutral-6);\n  border-color: var(--c-neutral-6);\n}\n@media (hover: hover) and (pointer: fine) {\n.or-button.is-neutral-6-color[data-v-1f08cb78]:not(.or-button.is-neutral-6-color.is-loading):not(.or-button.is-neutral-6-color.is-disabled):not(.or-button.is-neutral-6-color.is-readonly):not(.or-button.is-neutral-6-color:disabled):not(.or-button.is-neutral-6-color.is-focused):not(.or-button.is-neutral-6-color:active):hover {\n    background-color: var(--c-neutral-6-darken-3);\n    border-color: var(--c-neutral-6-darken-3);\n}\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n.or-button.is-neutral-6-color[data-v-1f08cb78]:not(.or-button.is-neutral-6-color.is-loading):not(.or-button.is-neutral-6-color.is-disabled):not(.or-button.is-neutral-6-color.is-readonly):not(.or-button.is-neutral-6-color:disabled):not(.or-button.is-neutral-6-color.is-focused):not(.or-button.is-neutral-6-color:active):hover {\n    background-color: var(--c-neutral-6-darken-3);\n    border-color: var(--c-neutral-6-darken-3);\n}\n}\n.or-button.is-neutral-6-color[data-v-1f08cb78]:not(:disabled):not(.is-loading):not(.is-disabled):not(.is-readonly):active {\n  background-color: var(--c-neutral-6-darken-5);\n  border-color: var(--c-neutral-6-darken-5);\n}\n.or-button.is-neutral-6-color[data-v-1f08cb78]:disabled, .or-button.is-neutral-6-color.is-disabled[data-v-1f08cb78] {\n  cursor: not-allowed;\n  background-color: var(--c-neutral-6-lighten-20);\n  border-color: var(--c-neutral-6-lighten-20);\n}\n.or-button.is-neutral-6-color.is-loading[data-v-1f08cb78] {\n  cursor: progress;\n  background-color: var(--c-neutral-6-lighten-20);\n  border-color: var(--c-neutral-6-lighten-20);\n}\n.or-button.is-neutral-6-color.is-loading .or-loader[data-v-1f08cb78]::after {\n  color: var(--c-white);\n}\n.or-button.outline-type[data-v-1f08cb78] {\n  background-color: transparent;\n  box-shadow: none;\n}\n.or-button.outline-type.is-primary-color[data-v-1f08cb78] {\n  color: var(--c-primary);\n  border-color: var(--c-primary);\n}\n@media (hover: hover) and (pointer: fine) {\n.or-button.outline-type.is-primary-color[data-v-1f08cb78]:not(.or-button.outline-type.is-primary-color.is-loading):not(.or-button.outline-type.is-primary-color.is-disabled):not(.or-button.outline-type.is-primary-color.is-readonly):not(.or-button.outline-type.is-primary-color:disabled):not(.or-button.outline-type.is-primary-color.is-focused):not(.or-button.outline-type.is-primary-color:active):hover {\n    color: var(--c-white);\n    background-color: var(--c-primary-darken-3);\n    border-color: var(--c-primary-darken-3);\n}\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n.or-button.outline-type.is-primary-color[data-v-1f08cb78]:not(.or-button.outline-type.is-primary-color.is-loading):not(.or-button.outline-type.is-primary-color.is-disabled):not(.or-button.outline-type.is-primary-color.is-readonly):not(.or-button.outline-type.is-primary-color:disabled):not(.or-button.outline-type.is-primary-color.is-focused):not(.or-button.outline-type.is-primary-color:active):hover {\n    color: var(--c-white);\n    background-color: var(--c-primary-darken-3);\n    border-color: var(--c-primary-darken-3);\n}\n}\n.or-button.outline-type.is-primary-color[data-v-1f08cb78]:not(:disabled):not(.is-loading):not(.is-disabled):not(.is-readonly):active {\n  color: var(--c-white);\n  background-color: var(--c-primary-darken-5);\n  border-color: var(--c-primary-darken-5);\n}\n.or-button.outline-type.is-primary-color[data-v-1f08cb78]:disabled, .or-button.outline-type.is-primary-color.is-disabled[data-v-1f08cb78] {\n  cursor: not-allowed;\n  color: var(--c-primary-lighten-20);\n  background-color: transparent;\n  border-color: var(--c-primary-lighten-20);\n}\n.or-button.outline-type.is-primary-color.is-loading[data-v-1f08cb78] {\n  cursor: progress;\n  color: var(--c-primary-lighten-20);\n  background-color: transparent;\n  border-color: var(--c-primary-lighten-20);\n}\n.or-button.outline-type.is-primary-color.is-loading .or-loader[data-v-1f08cb78]::after {\n  color: var(--c-primary-lighten-20);\n}\n.or-button.outline-type.is-error-color[data-v-1f08cb78] {\n  color: var(--c-error);\n  border-color: var(--c-error);\n}\n@media (hover: hover) and (pointer: fine) {\n.or-button.outline-type.is-error-color[data-v-1f08cb78]:not(.or-button.outline-type.is-error-color.is-loading):not(.or-button.outline-type.is-error-color.is-disabled):not(.or-button.outline-type.is-error-color.is-readonly):not(.or-button.outline-type.is-error-color:disabled):not(.or-button.outline-type.is-error-color.is-focused):not(.or-button.outline-type.is-error-color:active):hover {\n    color: var(--c-white);\n    background-color: var(--c-error-darken-3);\n    border-color: var(--c-error-darken-3);\n}\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n.or-button.outline-type.is-error-color[data-v-1f08cb78]:not(.or-button.outline-type.is-error-color.is-loading):not(.or-button.outline-type.is-error-color.is-disabled):not(.or-button.outline-type.is-error-color.is-readonly):not(.or-button.outline-type.is-error-color:disabled):not(.or-button.outline-type.is-error-color.is-focused):not(.or-button.outline-type.is-error-color:active):hover {\n    color: var(--c-white);\n    background-color: var(--c-error-darken-3);\n    border-color: var(--c-error-darken-3);\n}\n}\n.or-button.outline-type.is-error-color[data-v-1f08cb78]:not(:disabled):not(.is-loading):not(.is-disabled):not(.is-readonly):active {\n  color: var(--c-white);\n  background-color: var(--c-error-darken-5);\n  border-color: var(--c-error-darken-5);\n}\n.or-button.outline-type.is-error-color[data-v-1f08cb78]:disabled, .or-button.outline-type.is-error-color.is-disabled[data-v-1f08cb78] {\n  cursor: not-allowed;\n  color: var(--c-error-lighten-20);\n  background-color: transparent;\n  border-color: var(--c-error-lighten-20);\n}\n.or-button.outline-type.is-error-color.is-loading[data-v-1f08cb78] {\n  cursor: progress;\n  color: var(--c-error-lighten-20);\n  background-color: transparent;\n  border-color: var(--c-error-lighten-20);\n}\n.or-button.outline-type.is-error-color.is-loading .or-loader[data-v-1f08cb78]::after {\n  color: var(--c-error-lighten-20);\n}\n.or-button.outline-type.is-warning-color[data-v-1f08cb78] {\n  color: var(--c-warning);\n  border-color: var(--c-warning);\n}\n@media (hover: hover) and (pointer: fine) {\n.or-button.outline-type.is-warning-color[data-v-1f08cb78]:not(.or-button.outline-type.is-warning-color.is-loading):not(.or-button.outline-type.is-warning-color.is-disabled):not(.or-button.outline-type.is-warning-color.is-readonly):not(.or-button.outline-type.is-warning-color:disabled):not(.or-button.outline-type.is-warning-color.is-focused):not(.or-button.outline-type.is-warning-color:active):hover {\n    color: var(--c-white);\n    background-color: var(--c-warning-darken-3);\n    border-color: var(--c-warning-darken-3);\n}\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n.or-button.outline-type.is-warning-color[data-v-1f08cb78]:not(.or-button.outline-type.is-warning-color.is-loading):not(.or-button.outline-type.is-warning-color.is-disabled):not(.or-button.outline-type.is-warning-color.is-readonly):not(.or-button.outline-type.is-warning-color:disabled):not(.or-button.outline-type.is-warning-color.is-focused):not(.or-button.outline-type.is-warning-color:active):hover {\n    color: var(--c-white);\n    background-color: var(--c-warning-darken-3);\n    border-color: var(--c-warning-darken-3);\n}\n}\n.or-button.outline-type.is-warning-color[data-v-1f08cb78]:not(:disabled):not(.is-loading):not(.is-disabled):not(.is-readonly):active {\n  color: var(--c-white);\n  background-color: var(--c-warning-darken-5);\n  border-color: var(--c-warning-darken-5);\n}\n.or-button.outline-type.is-warning-color[data-v-1f08cb78]:disabled, .or-button.outline-type.is-warning-color.is-disabled[data-v-1f08cb78] {\n  cursor: not-allowed;\n  color: var(--c-warning-lighten-20);\n  background-color: transparent;\n  border-color: var(--c-warning-lighten-20);\n}\n.or-button.outline-type.is-warning-color.is-loading[data-v-1f08cb78] {\n  cursor: progress;\n  color: var(--c-warning-lighten-20);\n  background-color: transparent;\n  border-color: var(--c-warning-lighten-20);\n}\n.or-button.outline-type.is-warning-color.is-loading .or-loader[data-v-1f08cb78]::after {\n  color: var(--c-warning-lighten-20);\n}\n.or-button.outline-type.is-neutral-0-color[data-v-1f08cb78] {\n  color: var(--c-neutral-0);\n  border-color: var(--c-neutral-0);\n}\n@media (hover: hover) and (pointer: fine) {\n.or-button.outline-type.is-neutral-0-color[data-v-1f08cb78]:not(.or-button.outline-type.is-neutral-0-color.is-loading):not(.or-button.outline-type.is-neutral-0-color.is-disabled):not(.or-button.outline-type.is-neutral-0-color.is-readonly):not(.or-button.outline-type.is-neutral-0-color:disabled):not(.or-button.outline-type.is-neutral-0-color.is-focused):not(.or-button.outline-type.is-neutral-0-color:active):hover {\n    color: var(--c-white);\n    background-color: var(--c-neutral-0-darken-3);\n    border-color: var(--c-neutral-0-darken-3);\n}\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n.or-button.outline-type.is-neutral-0-color[data-v-1f08cb78]:not(.or-button.outline-type.is-neutral-0-color.is-loading):not(.or-button.outline-type.is-neutral-0-color.is-disabled):not(.or-button.outline-type.is-neutral-0-color.is-readonly):not(.or-button.outline-type.is-neutral-0-color:disabled):not(.or-button.outline-type.is-neutral-0-color.is-focused):not(.or-button.outline-type.is-neutral-0-color:active):hover {\n    color: var(--c-white);\n    background-color: var(--c-neutral-0-darken-3);\n    border-color: var(--c-neutral-0-darken-3);\n}\n}\n.or-button.outline-type.is-neutral-0-color[data-v-1f08cb78]:not(:disabled):not(.is-loading):not(.is-disabled):not(.is-readonly):active {\n  color: var(--c-white);\n  background-color: var(--c-neutral-0-darken-5);\n  border-color: var(--c-neutral-0-darken-5);\n}\n.or-button.outline-type.is-neutral-0-color[data-v-1f08cb78]:disabled, .or-button.outline-type.is-neutral-0-color.is-disabled[data-v-1f08cb78] {\n  cursor: not-allowed;\n  color: var(--c-neutral-0-lighten-20);\n  background-color: transparent;\n  border-color: var(--c-neutral-0-lighten-20);\n}\n.or-button.outline-type.is-neutral-0-color.is-loading[data-v-1f08cb78] {\n  cursor: progress;\n  color: var(--c-neutral-0-lighten-20);\n  background-color: transparent;\n  border-color: var(--c-neutral-0-lighten-20);\n}\n.or-button.outline-type.is-neutral-0-color.is-loading .or-loader[data-v-1f08cb78]::after {\n  color: var(--c-neutral-0-lighten-20);\n}\n.or-button.outline-type.is-neutral-3-color[data-v-1f08cb78] {\n  color: var(--c-neutral-3);\n  border-color: var(--c-neutral-3);\n}\n@media (hover: hover) and (pointer: fine) {\n.or-button.outline-type.is-neutral-3-color[data-v-1f08cb78]:not(.or-button.outline-type.is-neutral-3-color.is-loading):not(.or-button.outline-type.is-neutral-3-color.is-disabled):not(.or-button.outline-type.is-neutral-3-color.is-readonly):not(.or-button.outline-type.is-neutral-3-color:disabled):not(.or-button.outline-type.is-neutral-3-color.is-focused):not(.or-button.outline-type.is-neutral-3-color:active):hover {\n    color: var(--c-white);\n    background-color: var(--c-neutral-3-darken-3);\n    border-color: var(--c-neutral-3-darken-3);\n}\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n.or-button.outline-type.is-neutral-3-color[data-v-1f08cb78]:not(.or-button.outline-type.is-neutral-3-color.is-loading):not(.or-button.outline-type.is-neutral-3-color.is-disabled):not(.or-button.outline-type.is-neutral-3-color.is-readonly):not(.or-button.outline-type.is-neutral-3-color:disabled):not(.or-button.outline-type.is-neutral-3-color.is-focused):not(.or-button.outline-type.is-neutral-3-color:active):hover {\n    color: var(--c-white);\n    background-color: var(--c-neutral-3-darken-3);\n    border-color: var(--c-neutral-3-darken-3);\n}\n}\n.or-button.outline-type.is-neutral-3-color[data-v-1f08cb78]:not(:disabled):not(.is-loading):not(.is-disabled):not(.is-readonly):active {\n  color: var(--c-white);\n  background-color: var(--c-neutral-3-darken-5);\n  border-color: var(--c-neutral-3-darken-5);\n}\n.or-button.outline-type.is-neutral-3-color[data-v-1f08cb78]:disabled, .or-button.outline-type.is-neutral-3-color.is-disabled[data-v-1f08cb78] {\n  cursor: not-allowed;\n  color: var(--c-neutral-3-lighten-20);\n  background-color: transparent;\n  border-color: var(--c-neutral-3-lighten-20);\n}\n.or-button.outline-type.is-neutral-3-color.is-loading[data-v-1f08cb78] {\n  cursor: progress;\n  color: var(--c-neutral-3-lighten-20);\n  background-color: transparent;\n  border-color: var(--c-neutral-3-lighten-20);\n}\n.or-button.outline-type.is-neutral-3-color.is-loading .or-loader[data-v-1f08cb78]::after {\n  color: var(--c-neutral-3-lighten-20);\n}\n.or-button.outline-type.is-neutral-4-color[data-v-1f08cb78] {\n  color: var(--c-neutral-4);\n  border-color: var(--c-neutral-4);\n}\n@media (hover: hover) and (pointer: fine) {\n.or-button.outline-type.is-neutral-4-color[data-v-1f08cb78]:not(.or-button.outline-type.is-neutral-4-color.is-loading):not(.or-button.outline-type.is-neutral-4-color.is-disabled):not(.or-button.outline-type.is-neutral-4-color.is-readonly):not(.or-button.outline-type.is-neutral-4-color:disabled):not(.or-button.outline-type.is-neutral-4-color.is-focused):not(.or-button.outline-type.is-neutral-4-color:active):hover {\n    color: var(--c-white);\n    background-color: var(--c-neutral-4-darken-3);\n    border-color: var(--c-neutral-4-darken-3);\n}\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n.or-button.outline-type.is-neutral-4-color[data-v-1f08cb78]:not(.or-button.outline-type.is-neutral-4-color.is-loading):not(.or-button.outline-type.is-neutral-4-color.is-disabled):not(.or-button.outline-type.is-neutral-4-color.is-readonly):not(.or-button.outline-type.is-neutral-4-color:disabled):not(.or-button.outline-type.is-neutral-4-color.is-focused):not(.or-button.outline-type.is-neutral-4-color:active):hover {\n    color: var(--c-white);\n    background-color: var(--c-neutral-4-darken-3);\n    border-color: var(--c-neutral-4-darken-3);\n}\n}\n.or-button.outline-type.is-neutral-4-color[data-v-1f08cb78]:not(:disabled):not(.is-loading):not(.is-disabled):not(.is-readonly):active {\n  color: var(--c-white);\n  background-color: var(--c-neutral-4-darken-5);\n  border-color: var(--c-neutral-4-darken-5);\n}\n.or-button.outline-type.is-neutral-4-color[data-v-1f08cb78]:disabled, .or-button.outline-type.is-neutral-4-color.is-disabled[data-v-1f08cb78] {\n  cursor: not-allowed;\n  color: var(--c-neutral-4-lighten-20);\n  background-color: transparent;\n  border-color: var(--c-neutral-4-lighten-20);\n}\n.or-button.outline-type.is-neutral-4-color.is-loading[data-v-1f08cb78] {\n  cursor: progress;\n  color: var(--c-neutral-4-lighten-20);\n  background-color: transparent;\n  border-color: var(--c-neutral-4-lighten-20);\n}\n.or-button.outline-type.is-neutral-4-color.is-loading .or-loader[data-v-1f08cb78]::after {\n  color: var(--c-neutral-4-lighten-20);\n}\n.or-button.outline-type.is-neutral-5-color[data-v-1f08cb78] {\n  color: var(--c-neutral-5);\n  border-color: var(--c-neutral-5);\n}\n@media (hover: hover) and (pointer: fine) {\n.or-button.outline-type.is-neutral-5-color[data-v-1f08cb78]:not(.or-button.outline-type.is-neutral-5-color.is-loading):not(.or-button.outline-type.is-neutral-5-color.is-disabled):not(.or-button.outline-type.is-neutral-5-color.is-readonly):not(.or-button.outline-type.is-neutral-5-color:disabled):not(.or-button.outline-type.is-neutral-5-color.is-focused):not(.or-button.outline-type.is-neutral-5-color:active):hover {\n    color: var(--c-white);\n    background-color: var(--c-neutral-5-darken-3);\n    border-color: var(--c-neutral-5-darken-3);\n}\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n.or-button.outline-type.is-neutral-5-color[data-v-1f08cb78]:not(.or-button.outline-type.is-neutral-5-color.is-loading):not(.or-button.outline-type.is-neutral-5-color.is-disabled):not(.or-button.outline-type.is-neutral-5-color.is-readonly):not(.or-button.outline-type.is-neutral-5-color:disabled):not(.or-button.outline-type.is-neutral-5-color.is-focused):not(.or-button.outline-type.is-neutral-5-color:active):hover {\n    color: var(--c-white);\n    background-color: var(--c-neutral-5-darken-3);\n    border-color: var(--c-neutral-5-darken-3);\n}\n}\n.or-button.outline-type.is-neutral-5-color[data-v-1f08cb78]:not(:disabled):not(.is-loading):not(.is-disabled):not(.is-readonly):active {\n  color: var(--c-white);\n  background-color: var(--c-neutral-5-darken-5);\n  border-color: var(--c-neutral-5-darken-5);\n}\n.or-button.outline-type.is-neutral-5-color[data-v-1f08cb78]:disabled, .or-button.outline-type.is-neutral-5-color.is-disabled[data-v-1f08cb78] {\n  cursor: not-allowed;\n  color: var(--c-neutral-5-lighten-20);\n  background-color: transparent;\n  border-color: var(--c-neutral-5-lighten-20);\n}\n.or-button.outline-type.is-neutral-5-color.is-loading[data-v-1f08cb78] {\n  cursor: progress;\n  color: var(--c-neutral-5-lighten-20);\n  background-color: transparent;\n  border-color: var(--c-neutral-5-lighten-20);\n}\n.or-button.outline-type.is-neutral-5-color.is-loading .or-loader[data-v-1f08cb78]::after {\n  color: var(--c-neutral-5-lighten-20);\n}\n.or-button.outline-type.is-neutral-6-color[data-v-1f08cb78] {\n  color: var(--c-neutral-6);\n  border-color: var(--c-neutral-6);\n}\n@media (hover: hover) and (pointer: fine) {\n.or-button.outline-type.is-neutral-6-color[data-v-1f08cb78]:not(.or-button.outline-type.is-neutral-6-color.is-loading):not(.or-button.outline-type.is-neutral-6-color.is-disabled):not(.or-button.outline-type.is-neutral-6-color.is-readonly):not(.or-button.outline-type.is-neutral-6-color:disabled):not(.or-button.outline-type.is-neutral-6-color.is-focused):not(.or-button.outline-type.is-neutral-6-color:active):hover {\n    color: var(--c-white);\n    background-color: var(--c-neutral-6-darken-3);\n    border-color: var(--c-neutral-6-darken-3);\n}\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n.or-button.outline-type.is-neutral-6-color[data-v-1f08cb78]:not(.or-button.outline-type.is-neutral-6-color.is-loading):not(.or-button.outline-type.is-neutral-6-color.is-disabled):not(.or-button.outline-type.is-neutral-6-color.is-readonly):not(.or-button.outline-type.is-neutral-6-color:disabled):not(.or-button.outline-type.is-neutral-6-color.is-focused):not(.or-button.outline-type.is-neutral-6-color:active):hover {\n    color: var(--c-white);\n    background-color: var(--c-neutral-6-darken-3);\n    border-color: var(--c-neutral-6-darken-3);\n}\n}\n.or-button.outline-type.is-neutral-6-color[data-v-1f08cb78]:not(:disabled):not(.is-loading):not(.is-disabled):not(.is-readonly):active {\n  color: var(--c-white);\n  background-color: var(--c-neutral-6-darken-5);\n  border-color: var(--c-neutral-6-darken-5);\n}\n.or-button.outline-type.is-neutral-6-color[data-v-1f08cb78]:disabled, .or-button.outline-type.is-neutral-6-color.is-disabled[data-v-1f08cb78] {\n  cursor: not-allowed;\n  color: var(--c-neutral-6-lighten-20);\n  background-color: transparent;\n  border-color: var(--c-neutral-6-lighten-20);\n}\n.or-button.outline-type.is-neutral-6-color.is-loading[data-v-1f08cb78] {\n  cursor: progress;\n  color: var(--c-neutral-6-lighten-20);\n  background-color: transparent;\n  border-color: var(--c-neutral-6-lighten-20);\n}\n.or-button.outline-type.is-neutral-6-color.is-loading .or-loader[data-v-1f08cb78]::after {\n  color: var(--c-neutral-6-lighten-20);\n}\n@media (hover: hover) and (pointer: fine) {\n.or-button.outline-type[data-v-1f08cb78]:not(.or-button.outline-type.is-loading):not(.or-button.outline-type.is-disabled):not(.or-button.outline-type.is-readonly):not(.or-button.outline-type:disabled):not(.or-button.outline-type.is-focused):not(.or-button.outline-type:active):hover {\n    box-shadow: 0 1px 2px 0 hsla(0deg, 0%, 0%, 0.2);\n}\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n.or-button.outline-type[data-v-1f08cb78]:not(.or-button.outline-type.is-loading):not(.or-button.outline-type.is-disabled):not(.or-button.outline-type.is-readonly):not(.or-button.outline-type:disabled):not(.or-button.outline-type.is-focused):not(.or-button.outline-type:active):hover {\n    box-shadow: 0 1px 2px 0 hsla(0deg, 0%, 0%, 0.2);\n}\n}\n.or-button.outline-type[data-v-1f08cb78]:not(:disabled):not(.is-loading):not(.is-disabled):not(.is-readonly):active {\n  box-shadow: 0 1px 2px 0 hsla(0deg, 0%, 0%, 0.1);\n}\n.or-button.outline-type.is-loading[data-v-1f08cb78] {\n  cursor: progress;\n  box-shadow: 0 1px 2px 0 hsla(0deg, 0%, 0%, 0.1);\n}\n.or-button.text-type[data-v-1f08cb78] {\n  min-width: auto;\n  padding: 0;\n  background-color: transparent;\n  border: 1px solid transparent;\n  box-shadow: none;\n}\n.or-button.text-type.is-primary-color[data-v-1f08cb78] {\n  color: var(--c-primary);\n  background-color: transparent;\n  border-color: transparent;\n}\n@media (hover: hover) and (pointer: fine) {\n.or-button.text-type.is-primary-color[data-v-1f08cb78]:not(.or-button.text-type.is-primary-color.is-loading):not(.or-button.text-type.is-primary-color.is-disabled):not(.or-button.text-type.is-primary-color.is-readonly):not(.or-button.text-type.is-primary-color:disabled):not(.or-button.text-type.is-primary-color.is-focused):not(.or-button.text-type.is-primary-color:active):hover {\n    color: var(--c-primary-darken-3);\n    background-color: transparent;\n    border-color: transparent;\n}\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n.or-button.text-type.is-primary-color[data-v-1f08cb78]:not(.or-button.text-type.is-primary-color.is-loading):not(.or-button.text-type.is-primary-color.is-disabled):not(.or-button.text-type.is-primary-color.is-readonly):not(.or-button.text-type.is-primary-color:disabled):not(.or-button.text-type.is-primary-color.is-focused):not(.or-button.text-type.is-primary-color:active):hover {\n    color: var(--c-primary-darken-3);\n    background-color: transparent;\n    border-color: transparent;\n}\n}\n.or-button.text-type.is-primary-color[data-v-1f08cb78]:not(:disabled):not(.is-loading):not(.is-disabled):not(.is-readonly):active {\n  color: var(--c-primary-darken-5);\n  background-color: transparent;\n  border-color: transparent;\n}\n.or-button.text-type.is-primary-color[data-v-1f08cb78]:disabled, .or-button.text-type.is-primary-color.is-disabled[data-v-1f08cb78] {\n  cursor: not-allowed;\n  color: var(--c-primary-lighten-20);\n  background-color: transparent;\n  border-color: transparent;\n}\n.or-button.text-type.is-primary-color.is-loading[data-v-1f08cb78] {\n  cursor: progress;\n  color: var(--c-primary-lighten-20);\n  background-color: transparent;\n  border-color: transparent;\n}\n.or-button.text-type.is-error-color[data-v-1f08cb78] {\n  color: var(--c-error);\n  background-color: transparent;\n  border-color: transparent;\n}\n@media (hover: hover) and (pointer: fine) {\n.or-button.text-type.is-error-color[data-v-1f08cb78]:not(.or-button.text-type.is-error-color.is-loading):not(.or-button.text-type.is-error-color.is-disabled):not(.or-button.text-type.is-error-color.is-readonly):not(.or-button.text-type.is-error-color:disabled):not(.or-button.text-type.is-error-color.is-focused):not(.or-button.text-type.is-error-color:active):hover {\n    color: var(--c-error-darken-3);\n    background-color: transparent;\n    border-color: transparent;\n}\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n.or-button.text-type.is-error-color[data-v-1f08cb78]:not(.or-button.text-type.is-error-color.is-loading):not(.or-button.text-type.is-error-color.is-disabled):not(.or-button.text-type.is-error-color.is-readonly):not(.or-button.text-type.is-error-color:disabled):not(.or-button.text-type.is-error-color.is-focused):not(.or-button.text-type.is-error-color:active):hover {\n    color: var(--c-error-darken-3);\n    background-color: transparent;\n    border-color: transparent;\n}\n}\n.or-button.text-type.is-error-color[data-v-1f08cb78]:not(:disabled):not(.is-loading):not(.is-disabled):not(.is-readonly):active {\n  color: var(--c-error-darken-5);\n  background-color: transparent;\n  border-color: transparent;\n}\n.or-button.text-type.is-error-color[data-v-1f08cb78]:disabled, .or-button.text-type.is-error-color.is-disabled[data-v-1f08cb78] {\n  cursor: not-allowed;\n  color: var(--c-error-lighten-20);\n  background-color: transparent;\n  border-color: transparent;\n}\n.or-button.text-type.is-error-color.is-loading[data-v-1f08cb78] {\n  cursor: progress;\n  color: var(--c-error-lighten-20);\n  background-color: transparent;\n  border-color: transparent;\n}\n.or-button.text-type.is-warning-color[data-v-1f08cb78] {\n  color: var(--c-warning);\n  background-color: transparent;\n  border-color: transparent;\n}\n@media (hover: hover) and (pointer: fine) {\n.or-button.text-type.is-warning-color[data-v-1f08cb78]:not(.or-button.text-type.is-warning-color.is-loading):not(.or-button.text-type.is-warning-color.is-disabled):not(.or-button.text-type.is-warning-color.is-readonly):not(.or-button.text-type.is-warning-color:disabled):not(.or-button.text-type.is-warning-color.is-focused):not(.or-button.text-type.is-warning-color:active):hover {\n    color: var(--c-warning-darken-3);\n    background-color: transparent;\n    border-color: transparent;\n}\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n.or-button.text-type.is-warning-color[data-v-1f08cb78]:not(.or-button.text-type.is-warning-color.is-loading):not(.or-button.text-type.is-warning-color.is-disabled):not(.or-button.text-type.is-warning-color.is-readonly):not(.or-button.text-type.is-warning-color:disabled):not(.or-button.text-type.is-warning-color.is-focused):not(.or-button.text-type.is-warning-color:active):hover {\n    color: var(--c-warning-darken-3);\n    background-color: transparent;\n    border-color: transparent;\n}\n}\n.or-button.text-type.is-warning-color[data-v-1f08cb78]:not(:disabled):not(.is-loading):not(.is-disabled):not(.is-readonly):active {\n  color: var(--c-warning-darken-5);\n  background-color: transparent;\n  border-color: transparent;\n}\n.or-button.text-type.is-warning-color[data-v-1f08cb78]:disabled, .or-button.text-type.is-warning-color.is-disabled[data-v-1f08cb78] {\n  cursor: not-allowed;\n  color: var(--c-warning-lighten-20);\n  background-color: transparent;\n  border-color: transparent;\n}\n.or-button.text-type.is-warning-color.is-loading[data-v-1f08cb78] {\n  cursor: progress;\n  color: var(--c-warning-lighten-20);\n  background-color: transparent;\n  border-color: transparent;\n}\n.or-button.text-type.is-neutral-0-color[data-v-1f08cb78] {\n  color: var(--c-neutral-0);\n  background-color: transparent;\n  border-color: transparent;\n}\n@media (hover: hover) and (pointer: fine) {\n.or-button.text-type.is-neutral-0-color[data-v-1f08cb78]:not(.or-button.text-type.is-neutral-0-color.is-loading):not(.or-button.text-type.is-neutral-0-color.is-disabled):not(.or-button.text-type.is-neutral-0-color.is-readonly):not(.or-button.text-type.is-neutral-0-color:disabled):not(.or-button.text-type.is-neutral-0-color.is-focused):not(.or-button.text-type.is-neutral-0-color:active):hover {\n    color: var(--c-neutral-0-darken-3);\n    background-color: transparent;\n    border-color: transparent;\n}\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n.or-button.text-type.is-neutral-0-color[data-v-1f08cb78]:not(.or-button.text-type.is-neutral-0-color.is-loading):not(.or-button.text-type.is-neutral-0-color.is-disabled):not(.or-button.text-type.is-neutral-0-color.is-readonly):not(.or-button.text-type.is-neutral-0-color:disabled):not(.or-button.text-type.is-neutral-0-color.is-focused):not(.or-button.text-type.is-neutral-0-color:active):hover {\n    color: var(--c-neutral-0-darken-3);\n    background-color: transparent;\n    border-color: transparent;\n}\n}\n.or-button.text-type.is-neutral-0-color[data-v-1f08cb78]:not(:disabled):not(.is-loading):not(.is-disabled):not(.is-readonly):active {\n  color: var(--c-neutral-0-darken-5);\n  background-color: transparent;\n  border-color: transparent;\n}\n.or-button.text-type.is-neutral-0-color[data-v-1f08cb78]:disabled, .or-button.text-type.is-neutral-0-color.is-disabled[data-v-1f08cb78] {\n  cursor: not-allowed;\n  color: var(--c-neutral-0-lighten-20);\n  background-color: transparent;\n  border-color: transparent;\n}\n.or-button.text-type.is-neutral-0-color.is-loading[data-v-1f08cb78] {\n  cursor: progress;\n  color: var(--c-neutral-0-lighten-20);\n  background-color: transparent;\n  border-color: transparent;\n}\n.or-button.text-type.is-neutral-3-color[data-v-1f08cb78] {\n  color: var(--c-neutral-3);\n  background-color: transparent;\n  border-color: transparent;\n}\n@media (hover: hover) and (pointer: fine) {\n.or-button.text-type.is-neutral-3-color[data-v-1f08cb78]:not(.or-button.text-type.is-neutral-3-color.is-loading):not(.or-button.text-type.is-neutral-3-color.is-disabled):not(.or-button.text-type.is-neutral-3-color.is-readonly):not(.or-button.text-type.is-neutral-3-color:disabled):not(.or-button.text-type.is-neutral-3-color.is-focused):not(.or-button.text-type.is-neutral-3-color:active):hover {\n    color: var(--c-neutral-3-darken-3);\n    background-color: transparent;\n    border-color: transparent;\n}\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n.or-button.text-type.is-neutral-3-color[data-v-1f08cb78]:not(.or-button.text-type.is-neutral-3-color.is-loading):not(.or-button.text-type.is-neutral-3-color.is-disabled):not(.or-button.text-type.is-neutral-3-color.is-readonly):not(.or-button.text-type.is-neutral-3-color:disabled):not(.or-button.text-type.is-neutral-3-color.is-focused):not(.or-button.text-type.is-neutral-3-color:active):hover {\n    color: var(--c-neutral-3-darken-3);\n    background-color: transparent;\n    border-color: transparent;\n}\n}\n.or-button.text-type.is-neutral-3-color[data-v-1f08cb78]:not(:disabled):not(.is-loading):not(.is-disabled):not(.is-readonly):active {\n  color: var(--c-neutral-3-darken-5);\n  background-color: transparent;\n  border-color: transparent;\n}\n.or-button.text-type.is-neutral-3-color[data-v-1f08cb78]:disabled, .or-button.text-type.is-neutral-3-color.is-disabled[data-v-1f08cb78] {\n  cursor: not-allowed;\n  color: var(--c-neutral-3-lighten-20);\n  background-color: transparent;\n  border-color: transparent;\n}\n.or-button.text-type.is-neutral-3-color.is-loading[data-v-1f08cb78] {\n  cursor: progress;\n  color: var(--c-neutral-3-lighten-20);\n  background-color: transparent;\n  border-color: transparent;\n}\n.or-button.text-type.is-neutral-4-color[data-v-1f08cb78] {\n  color: var(--c-neutral-4);\n  background-color: transparent;\n  border-color: transparent;\n}\n@media (hover: hover) and (pointer: fine) {\n.or-button.text-type.is-neutral-4-color[data-v-1f08cb78]:not(.or-button.text-type.is-neutral-4-color.is-loading):not(.or-button.text-type.is-neutral-4-color.is-disabled):not(.or-button.text-type.is-neutral-4-color.is-readonly):not(.or-button.text-type.is-neutral-4-color:disabled):not(.or-button.text-type.is-neutral-4-color.is-focused):not(.or-button.text-type.is-neutral-4-color:active):hover {\n    color: var(--c-neutral-4-darken-3);\n    background-color: transparent;\n    border-color: transparent;\n}\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n.or-button.text-type.is-neutral-4-color[data-v-1f08cb78]:not(.or-button.text-type.is-neutral-4-color.is-loading):not(.or-button.text-type.is-neutral-4-color.is-disabled):not(.or-button.text-type.is-neutral-4-color.is-readonly):not(.or-button.text-type.is-neutral-4-color:disabled):not(.or-button.text-type.is-neutral-4-color.is-focused):not(.or-button.text-type.is-neutral-4-color:active):hover {\n    color: var(--c-neutral-4-darken-3);\n    background-color: transparent;\n    border-color: transparent;\n}\n}\n.or-button.text-type.is-neutral-4-color[data-v-1f08cb78]:not(:disabled):not(.is-loading):not(.is-disabled):not(.is-readonly):active {\n  color: var(--c-neutral-4-darken-5);\n  background-color: transparent;\n  border-color: transparent;\n}\n.or-button.text-type.is-neutral-4-color[data-v-1f08cb78]:disabled, .or-button.text-type.is-neutral-4-color.is-disabled[data-v-1f08cb78] {\n  cursor: not-allowed;\n  color: var(--c-neutral-4-lighten-20);\n  background-color: transparent;\n  border-color: transparent;\n}\n.or-button.text-type.is-neutral-4-color.is-loading[data-v-1f08cb78] {\n  cursor: progress;\n  color: var(--c-neutral-4-lighten-20);\n  background-color: transparent;\n  border-color: transparent;\n}\n.or-button.text-type.is-neutral-5-color[data-v-1f08cb78] {\n  color: var(--c-neutral-5);\n  background-color: transparent;\n  border-color: transparent;\n}\n@media (hover: hover) and (pointer: fine) {\n.or-button.text-type.is-neutral-5-color[data-v-1f08cb78]:not(.or-button.text-type.is-neutral-5-color.is-loading):not(.or-button.text-type.is-neutral-5-color.is-disabled):not(.or-button.text-type.is-neutral-5-color.is-readonly):not(.or-button.text-type.is-neutral-5-color:disabled):not(.or-button.text-type.is-neutral-5-color.is-focused):not(.or-button.text-type.is-neutral-5-color:active):hover {\n    color: var(--c-neutral-5-darken-3);\n    background-color: transparent;\n    border-color: transparent;\n}\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n.or-button.text-type.is-neutral-5-color[data-v-1f08cb78]:not(.or-button.text-type.is-neutral-5-color.is-loading):not(.or-button.text-type.is-neutral-5-color.is-disabled):not(.or-button.text-type.is-neutral-5-color.is-readonly):not(.or-button.text-type.is-neutral-5-color:disabled):not(.or-button.text-type.is-neutral-5-color.is-focused):not(.or-button.text-type.is-neutral-5-color:active):hover {\n    color: var(--c-neutral-5-darken-3);\n    background-color: transparent;\n    border-color: transparent;\n}\n}\n.or-button.text-type.is-neutral-5-color[data-v-1f08cb78]:not(:disabled):not(.is-loading):not(.is-disabled):not(.is-readonly):active {\n  color: var(--c-neutral-5-darken-5);\n  background-color: transparent;\n  border-color: transparent;\n}\n.or-button.text-type.is-neutral-5-color[data-v-1f08cb78]:disabled, .or-button.text-type.is-neutral-5-color.is-disabled[data-v-1f08cb78] {\n  cursor: not-allowed;\n  color: var(--c-neutral-5-lighten-20);\n  background-color: transparent;\n  border-color: transparent;\n}\n.or-button.text-type.is-neutral-5-color.is-loading[data-v-1f08cb78] {\n  cursor: progress;\n  color: var(--c-neutral-5-lighten-20);\n  background-color: transparent;\n  border-color: transparent;\n}\n.or-button.text-type.is-neutral-6-color[data-v-1f08cb78] {\n  color: var(--c-neutral-6);\n  background-color: transparent;\n  border-color: transparent;\n}\n@media (hover: hover) and (pointer: fine) {\n.or-button.text-type.is-neutral-6-color[data-v-1f08cb78]:not(.or-button.text-type.is-neutral-6-color.is-loading):not(.or-button.text-type.is-neutral-6-color.is-disabled):not(.or-button.text-type.is-neutral-6-color.is-readonly):not(.or-button.text-type.is-neutral-6-color:disabled):not(.or-button.text-type.is-neutral-6-color.is-focused):not(.or-button.text-type.is-neutral-6-color:active):hover {\n    color: var(--c-neutral-6-darken-3);\n    background-color: transparent;\n    border-color: transparent;\n}\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n.or-button.text-type.is-neutral-6-color[data-v-1f08cb78]:not(.or-button.text-type.is-neutral-6-color.is-loading):not(.or-button.text-type.is-neutral-6-color.is-disabled):not(.or-button.text-type.is-neutral-6-color.is-readonly):not(.or-button.text-type.is-neutral-6-color:disabled):not(.or-button.text-type.is-neutral-6-color.is-focused):not(.or-button.text-type.is-neutral-6-color:active):hover {\n    color: var(--c-neutral-6-darken-3);\n    background-color: transparent;\n    border-color: transparent;\n}\n}\n.or-button.text-type.is-neutral-6-color[data-v-1f08cb78]:not(:disabled):not(.is-loading):not(.is-disabled):not(.is-readonly):active {\n  color: var(--c-neutral-6-darken-5);\n  background-color: transparent;\n  border-color: transparent;\n}\n.or-button.text-type.is-neutral-6-color[data-v-1f08cb78]:disabled, .or-button.text-type.is-neutral-6-color.is-disabled[data-v-1f08cb78] {\n  cursor: not-allowed;\n  color: var(--c-neutral-6-lighten-20);\n  background-color: transparent;\n  border-color: transparent;\n}\n.or-button.text-type.is-neutral-6-color.is-loading[data-v-1f08cb78] {\n  cursor: progress;\n  color: var(--c-neutral-6-lighten-20);\n  background-color: transparent;\n  border-color: transparent;\n}\n.or-button.text-type.is-small[data-v-1f08cb78] {\n  font-size: calc(var(--fs-1) - 0.125rem);\n  line-height: 1;\n}\n.or-button.text-type.is-small[data-v-1f08cb78] .material-icons {\n  font-size: calc(var(--fs-1) - 0.125rem + 0.25rem);\n}\n.or-button.icon-type[data-v-1f08cb78] {\n  min-width: auto;\n  max-width: 3.375rem;\n  padding: 0.875rem;\n  border-radius: 9999px;\n}\n.or-button.icon-type[data-v-1f08cb78]:not(.icon-simple-type) .material-icons {\n  font-size: 1.5rem;\n}\n.or-button.icon-type .or-button--content[data-v-1f08cb78] {\n  min-width: 1.5rem;\n  min-height: 1.5rem;\n}\n.or-button.icon-type .or-button--content[data-v-1f08cb78] .tooltip-container {\n  display: inline-flex;\n  flex-direction: row;\n}\n.or-button.icon-type .or-button--content[data-v-1f08cb78] .trigger {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n.or-button.icon-type .or-button--content-append[data-v-1f08cb78], .or-button.icon-type .or-button--content-prepend[data-v-1f08cb78] {\n  margin: 0;\n}\n.or-button.icon-simple-type[data-v-1f08cb78] {\n  min-width: auto;\n  max-width: 3.375rem;\n  padding: 0;\n  background-color: transparent;\n  border-color: transparent;\n  border-radius: 9999px;\n  box-shadow: none;\n}\n.or-button.icon-simple-type .or-loader[data-v-1f08cb78]::after {\n  width: 100%;\n  height: 100%;\n}\n.or-button.icon-simple-type.is-primary-color[data-v-1f08cb78] {\n  color: var(--c-primary);\n  background-color: transparent;\n  border-color: transparent;\n}\n@media (hover: hover) and (pointer: fine) {\n.or-button.icon-simple-type.is-primary-color[data-v-1f08cb78]:not(.or-button.icon-simple-type.is-primary-color.is-loading):not(.or-button.icon-simple-type.is-primary-color.is-disabled):not(.or-button.icon-simple-type.is-primary-color.is-readonly):not(.or-button.icon-simple-type.is-primary-color:disabled):not(.or-button.icon-simple-type.is-primary-color.is-focused):not(.or-button.icon-simple-type.is-primary-color:active):hover {\n    color: var(--c-primary-darken-3);\n    background-color: transparent;\n    border-color: transparent;\n}\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n.or-button.icon-simple-type.is-primary-color[data-v-1f08cb78]:not(.or-button.icon-simple-type.is-primary-color.is-loading):not(.or-button.icon-simple-type.is-primary-color.is-disabled):not(.or-button.icon-simple-type.is-primary-color.is-readonly):not(.or-button.icon-simple-type.is-primary-color:disabled):not(.or-button.icon-simple-type.is-primary-color.is-focused):not(.or-button.icon-simple-type.is-primary-color:active):hover {\n    color: var(--c-primary-darken-3);\n    background-color: transparent;\n    border-color: transparent;\n}\n}\n.or-button.icon-simple-type.is-primary-color[data-v-1f08cb78]:not(:disabled):not(.is-loading):not(.is-disabled):not(.is-readonly):active {\n  color: var(--c-primary-darken-5);\n  background-color: transparent;\n  border-color: transparent;\n}\n.or-button.icon-simple-type.is-primary-color[data-v-1f08cb78]:disabled, .or-button.icon-simple-type.is-primary-color.is-disabled[data-v-1f08cb78] {\n  cursor: not-allowed;\n  color: var(--c-primary-lighten-20);\n  background-color: transparent;\n  border-color: transparent;\n}\n.or-button.icon-simple-type.is-primary-color.is-loading[data-v-1f08cb78] {\n  cursor: progress;\n  color: var(--c-primary-lighten-20);\n  background-color: transparent;\n  border-color: transparent;\n}\n.or-button.icon-simple-type.is-primary-color.is-loading .or-loader[data-v-1f08cb78]::after {\n  color: var(--c-primary-lighten-20);\n}\n.or-button.icon-simple-type.is-error-color[data-v-1f08cb78] {\n  color: var(--c-error);\n  background-color: transparent;\n  border-color: transparent;\n}\n@media (hover: hover) and (pointer: fine) {\n.or-button.icon-simple-type.is-error-color[data-v-1f08cb78]:not(.or-button.icon-simple-type.is-error-color.is-loading):not(.or-button.icon-simple-type.is-error-color.is-disabled):not(.or-button.icon-simple-type.is-error-color.is-readonly):not(.or-button.icon-simple-type.is-error-color:disabled):not(.or-button.icon-simple-type.is-error-color.is-focused):not(.or-button.icon-simple-type.is-error-color:active):hover {\n    color: var(--c-error-darken-3);\n    background-color: transparent;\n    border-color: transparent;\n}\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n.or-button.icon-simple-type.is-error-color[data-v-1f08cb78]:not(.or-button.icon-simple-type.is-error-color.is-loading):not(.or-button.icon-simple-type.is-error-color.is-disabled):not(.or-button.icon-simple-type.is-error-color.is-readonly):not(.or-button.icon-simple-type.is-error-color:disabled):not(.or-button.icon-simple-type.is-error-color.is-focused):not(.or-button.icon-simple-type.is-error-color:active):hover {\n    color: var(--c-error-darken-3);\n    background-color: transparent;\n    border-color: transparent;\n}\n}\n.or-button.icon-simple-type.is-error-color[data-v-1f08cb78]:not(:disabled):not(.is-loading):not(.is-disabled):not(.is-readonly):active {\n  color: var(--c-error-darken-5);\n  background-color: transparent;\n  border-color: transparent;\n}\n.or-button.icon-simple-type.is-error-color[data-v-1f08cb78]:disabled, .or-button.icon-simple-type.is-error-color.is-disabled[data-v-1f08cb78] {\n  cursor: not-allowed;\n  color: var(--c-error-lighten-20);\n  background-color: transparent;\n  border-color: transparent;\n}\n.or-button.icon-simple-type.is-error-color.is-loading[data-v-1f08cb78] {\n  cursor: progress;\n  color: var(--c-error-lighten-20);\n  background-color: transparent;\n  border-color: transparent;\n}\n.or-button.icon-simple-type.is-error-color.is-loading .or-loader[data-v-1f08cb78]::after {\n  color: var(--c-error-lighten-20);\n}\n.or-button.icon-simple-type.is-warning-color[data-v-1f08cb78] {\n  color: var(--c-warning);\n  background-color: transparent;\n  border-color: transparent;\n}\n@media (hover: hover) and (pointer: fine) {\n.or-button.icon-simple-type.is-warning-color[data-v-1f08cb78]:not(.or-button.icon-simple-type.is-warning-color.is-loading):not(.or-button.icon-simple-type.is-warning-color.is-disabled):not(.or-button.icon-simple-type.is-warning-color.is-readonly):not(.or-button.icon-simple-type.is-warning-color:disabled):not(.or-button.icon-simple-type.is-warning-color.is-focused):not(.or-button.icon-simple-type.is-warning-color:active):hover {\n    color: var(--c-warning-darken-3);\n    background-color: transparent;\n    border-color: transparent;\n}\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n.or-button.icon-simple-type.is-warning-color[data-v-1f08cb78]:not(.or-button.icon-simple-type.is-warning-color.is-loading):not(.or-button.icon-simple-type.is-warning-color.is-disabled):not(.or-button.icon-simple-type.is-warning-color.is-readonly):not(.or-button.icon-simple-type.is-warning-color:disabled):not(.or-button.icon-simple-type.is-warning-color.is-focused):not(.or-button.icon-simple-type.is-warning-color:active):hover {\n    color: var(--c-warning-darken-3);\n    background-color: transparent;\n    border-color: transparent;\n}\n}\n.or-button.icon-simple-type.is-warning-color[data-v-1f08cb78]:not(:disabled):not(.is-loading):not(.is-disabled):not(.is-readonly):active {\n  color: var(--c-warning-darken-5);\n  background-color: transparent;\n  border-color: transparent;\n}\n.or-button.icon-simple-type.is-warning-color[data-v-1f08cb78]:disabled, .or-button.icon-simple-type.is-warning-color.is-disabled[data-v-1f08cb78] {\n  cursor: not-allowed;\n  color: var(--c-warning-lighten-20);\n  background-color: transparent;\n  border-color: transparent;\n}\n.or-button.icon-simple-type.is-warning-color.is-loading[data-v-1f08cb78] {\n  cursor: progress;\n  color: var(--c-warning-lighten-20);\n  background-color: transparent;\n  border-color: transparent;\n}\n.or-button.icon-simple-type.is-warning-color.is-loading .or-loader[data-v-1f08cb78]::after {\n  color: var(--c-warning-lighten-20);\n}\n.or-button.icon-simple-type.is-neutral-0-color[data-v-1f08cb78] {\n  color: var(--c-neutral-0);\n  background-color: transparent;\n  border-color: transparent;\n}\n@media (hover: hover) and (pointer: fine) {\n.or-button.icon-simple-type.is-neutral-0-color[data-v-1f08cb78]:not(.or-button.icon-simple-type.is-neutral-0-color.is-loading):not(.or-button.icon-simple-type.is-neutral-0-color.is-disabled):not(.or-button.icon-simple-type.is-neutral-0-color.is-readonly):not(.or-button.icon-simple-type.is-neutral-0-color:disabled):not(.or-button.icon-simple-type.is-neutral-0-color.is-focused):not(.or-button.icon-simple-type.is-neutral-0-color:active):hover {\n    color: var(--c-neutral-0-darken-3);\n    background-color: transparent;\n    border-color: transparent;\n}\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n.or-button.icon-simple-type.is-neutral-0-color[data-v-1f08cb78]:not(.or-button.icon-simple-type.is-neutral-0-color.is-loading):not(.or-button.icon-simple-type.is-neutral-0-color.is-disabled):not(.or-button.icon-simple-type.is-neutral-0-color.is-readonly):not(.or-button.icon-simple-type.is-neutral-0-color:disabled):not(.or-button.icon-simple-type.is-neutral-0-color.is-focused):not(.or-button.icon-simple-type.is-neutral-0-color:active):hover {\n    color: var(--c-neutral-0-darken-3);\n    background-color: transparent;\n    border-color: transparent;\n}\n}\n.or-button.icon-simple-type.is-neutral-0-color[data-v-1f08cb78]:not(:disabled):not(.is-loading):not(.is-disabled):not(.is-readonly):active {\n  color: var(--c-neutral-0-darken-5);\n  background-color: transparent;\n  border-color: transparent;\n}\n.or-button.icon-simple-type.is-neutral-0-color[data-v-1f08cb78]:disabled, .or-button.icon-simple-type.is-neutral-0-color.is-disabled[data-v-1f08cb78] {\n  cursor: not-allowed;\n  color: var(--c-neutral-0-lighten-20);\n  background-color: transparent;\n  border-color: transparent;\n}\n.or-button.icon-simple-type.is-neutral-0-color.is-loading[data-v-1f08cb78] {\n  cursor: progress;\n  color: var(--c-neutral-0-lighten-20);\n  background-color: transparent;\n  border-color: transparent;\n}\n.or-button.icon-simple-type.is-neutral-0-color.is-loading .or-loader[data-v-1f08cb78]::after {\n  color: var(--c-neutral-0-lighten-20);\n}\n.or-button.icon-simple-type.is-neutral-3-color[data-v-1f08cb78] {\n  color: var(--c-neutral-3);\n  background-color: transparent;\n  border-color: transparent;\n}\n@media (hover: hover) and (pointer: fine) {\n.or-button.icon-simple-type.is-neutral-3-color[data-v-1f08cb78]:not(.or-button.icon-simple-type.is-neutral-3-color.is-loading):not(.or-button.icon-simple-type.is-neutral-3-color.is-disabled):not(.or-button.icon-simple-type.is-neutral-3-color.is-readonly):not(.or-button.icon-simple-type.is-neutral-3-color:disabled):not(.or-button.icon-simple-type.is-neutral-3-color.is-focused):not(.or-button.icon-simple-type.is-neutral-3-color:active):hover {\n    color: var(--c-neutral-3-darken-3);\n    background-color: transparent;\n    border-color: transparent;\n}\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n.or-button.icon-simple-type.is-neutral-3-color[data-v-1f08cb78]:not(.or-button.icon-simple-type.is-neutral-3-color.is-loading):not(.or-button.icon-simple-type.is-neutral-3-color.is-disabled):not(.or-button.icon-simple-type.is-neutral-3-color.is-readonly):not(.or-button.icon-simple-type.is-neutral-3-color:disabled):not(.or-button.icon-simple-type.is-neutral-3-color.is-focused):not(.or-button.icon-simple-type.is-neutral-3-color:active):hover {\n    color: var(--c-neutral-3-darken-3);\n    background-color: transparent;\n    border-color: transparent;\n}\n}\n.or-button.icon-simple-type.is-neutral-3-color[data-v-1f08cb78]:not(:disabled):not(.is-loading):not(.is-disabled):not(.is-readonly):active {\n  color: var(--c-neutral-3-darken-5);\n  background-color: transparent;\n  border-color: transparent;\n}\n.or-button.icon-simple-type.is-neutral-3-color[data-v-1f08cb78]:disabled, .or-button.icon-simple-type.is-neutral-3-color.is-disabled[data-v-1f08cb78] {\n  cursor: not-allowed;\n  color: var(--c-neutral-3-lighten-20);\n  background-color: transparent;\n  border-color: transparent;\n}\n.or-button.icon-simple-type.is-neutral-3-color.is-loading[data-v-1f08cb78] {\n  cursor: progress;\n  color: var(--c-neutral-3-lighten-20);\n  background-color: transparent;\n  border-color: transparent;\n}\n.or-button.icon-simple-type.is-neutral-3-color.is-loading .or-loader[data-v-1f08cb78]::after {\n  color: var(--c-neutral-3-lighten-20);\n}\n.or-button.icon-simple-type.is-neutral-4-color[data-v-1f08cb78] {\n  color: var(--c-neutral-4);\n  background-color: transparent;\n  border-color: transparent;\n}\n@media (hover: hover) and (pointer: fine) {\n.or-button.icon-simple-type.is-neutral-4-color[data-v-1f08cb78]:not(.or-button.icon-simple-type.is-neutral-4-color.is-loading):not(.or-button.icon-simple-type.is-neutral-4-color.is-disabled):not(.or-button.icon-simple-type.is-neutral-4-color.is-readonly):not(.or-button.icon-simple-type.is-neutral-4-color:disabled):not(.or-button.icon-simple-type.is-neutral-4-color.is-focused):not(.or-button.icon-simple-type.is-neutral-4-color:active):hover {\n    color: var(--c-neutral-4-darken-3);\n    background-color: transparent;\n    border-color: transparent;\n}\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n.or-button.icon-simple-type.is-neutral-4-color[data-v-1f08cb78]:not(.or-button.icon-simple-type.is-neutral-4-color.is-loading):not(.or-button.icon-simple-type.is-neutral-4-color.is-disabled):not(.or-button.icon-simple-type.is-neutral-4-color.is-readonly):not(.or-button.icon-simple-type.is-neutral-4-color:disabled):not(.or-button.icon-simple-type.is-neutral-4-color.is-focused):not(.or-button.icon-simple-type.is-neutral-4-color:active):hover {\n    color: var(--c-neutral-4-darken-3);\n    background-color: transparent;\n    border-color: transparent;\n}\n}\n.or-button.icon-simple-type.is-neutral-4-color[data-v-1f08cb78]:not(:disabled):not(.is-loading):not(.is-disabled):not(.is-readonly):active {\n  color: var(--c-neutral-4-darken-5);\n  background-color: transparent;\n  border-color: transparent;\n}\n.or-button.icon-simple-type.is-neutral-4-color[data-v-1f08cb78]:disabled, .or-button.icon-simple-type.is-neutral-4-color.is-disabled[data-v-1f08cb78] {\n  cursor: not-allowed;\n  color: var(--c-neutral-4-lighten-20);\n  background-color: transparent;\n  border-color: transparent;\n}\n.or-button.icon-simple-type.is-neutral-4-color.is-loading[data-v-1f08cb78] {\n  cursor: progress;\n  color: var(--c-neutral-4-lighten-20);\n  background-color: transparent;\n  border-color: transparent;\n}\n.or-button.icon-simple-type.is-neutral-4-color.is-loading .or-loader[data-v-1f08cb78]::after {\n  color: var(--c-neutral-4-lighten-20);\n}\n.or-button.icon-simple-type.is-neutral-5-color[data-v-1f08cb78] {\n  color: var(--c-neutral-5);\n  background-color: transparent;\n  border-color: transparent;\n}\n@media (hover: hover) and (pointer: fine) {\n.or-button.icon-simple-type.is-neutral-5-color[data-v-1f08cb78]:not(.or-button.icon-simple-type.is-neutral-5-color.is-loading):not(.or-button.icon-simple-type.is-neutral-5-color.is-disabled):not(.or-button.icon-simple-type.is-neutral-5-color.is-readonly):not(.or-button.icon-simple-type.is-neutral-5-color:disabled):not(.or-button.icon-simple-type.is-neutral-5-color.is-focused):not(.or-button.icon-simple-type.is-neutral-5-color:active):hover {\n    color: var(--c-neutral-5-darken-3);\n    background-color: transparent;\n    border-color: transparent;\n}\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n.or-button.icon-simple-type.is-neutral-5-color[data-v-1f08cb78]:not(.or-button.icon-simple-type.is-neutral-5-color.is-loading):not(.or-button.icon-simple-type.is-neutral-5-color.is-disabled):not(.or-button.icon-simple-type.is-neutral-5-color.is-readonly):not(.or-button.icon-simple-type.is-neutral-5-color:disabled):not(.or-button.icon-simple-type.is-neutral-5-color.is-focused):not(.or-button.icon-simple-type.is-neutral-5-color:active):hover {\n    color: var(--c-neutral-5-darken-3);\n    background-color: transparent;\n    border-color: transparent;\n}\n}\n.or-button.icon-simple-type.is-neutral-5-color[data-v-1f08cb78]:not(:disabled):not(.is-loading):not(.is-disabled):not(.is-readonly):active {\n  color: var(--c-neutral-5-darken-5);\n  background-color: transparent;\n  border-color: transparent;\n}\n.or-button.icon-simple-type.is-neutral-5-color[data-v-1f08cb78]:disabled, .or-button.icon-simple-type.is-neutral-5-color.is-disabled[data-v-1f08cb78] {\n  cursor: not-allowed;\n  color: var(--c-neutral-5-lighten-20);\n  background-color: transparent;\n  border-color: transparent;\n}\n.or-button.icon-simple-type.is-neutral-5-color.is-loading[data-v-1f08cb78] {\n  cursor: progress;\n  color: var(--c-neutral-5-lighten-20);\n  background-color: transparent;\n  border-color: transparent;\n}\n.or-button.icon-simple-type.is-neutral-5-color.is-loading .or-loader[data-v-1f08cb78]::after {\n  color: var(--c-neutral-5-lighten-20);\n}\n.or-button.icon-simple-type.is-neutral-6-color[data-v-1f08cb78] {\n  color: var(--c-neutral-6);\n  background-color: transparent;\n  border-color: transparent;\n}\n@media (hover: hover) and (pointer: fine) {\n.or-button.icon-simple-type.is-neutral-6-color[data-v-1f08cb78]:not(.or-button.icon-simple-type.is-neutral-6-color.is-loading):not(.or-button.icon-simple-type.is-neutral-6-color.is-disabled):not(.or-button.icon-simple-type.is-neutral-6-color.is-readonly):not(.or-button.icon-simple-type.is-neutral-6-color:disabled):not(.or-button.icon-simple-type.is-neutral-6-color.is-focused):not(.or-button.icon-simple-type.is-neutral-6-color:active):hover {\n    color: var(--c-neutral-6-darken-3);\n    background-color: transparent;\n    border-color: transparent;\n}\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n.or-button.icon-simple-type.is-neutral-6-color[data-v-1f08cb78]:not(.or-button.icon-simple-type.is-neutral-6-color.is-loading):not(.or-button.icon-simple-type.is-neutral-6-color.is-disabled):not(.or-button.icon-simple-type.is-neutral-6-color.is-readonly):not(.or-button.icon-simple-type.is-neutral-6-color:disabled):not(.or-button.icon-simple-type.is-neutral-6-color.is-focused):not(.or-button.icon-simple-type.is-neutral-6-color:active):hover {\n    color: var(--c-neutral-6-darken-3);\n    background-color: transparent;\n    border-color: transparent;\n}\n}\n.or-button.icon-simple-type.is-neutral-6-color[data-v-1f08cb78]:not(:disabled):not(.is-loading):not(.is-disabled):not(.is-readonly):active {\n  color: var(--c-neutral-6-darken-5);\n  background-color: transparent;\n  border-color: transparent;\n}\n.or-button.icon-simple-type.is-neutral-6-color[data-v-1f08cb78]:disabled, .or-button.icon-simple-type.is-neutral-6-color.is-disabled[data-v-1f08cb78] {\n  cursor: not-allowed;\n  color: var(--c-neutral-6-lighten-20);\n  background-color: transparent;\n  border-color: transparent;\n}\n.or-button.icon-simple-type.is-neutral-6-color.is-loading[data-v-1f08cb78] {\n  cursor: progress;\n  color: var(--c-neutral-6-lighten-20);\n  background-color: transparent;\n  border-color: transparent;\n}\n.or-button.icon-simple-type.is-neutral-6-color.is-loading .or-loader[data-v-1f08cb78]::after {\n  color: var(--c-neutral-6-lighten-20);\n}\n.or-button.icon-simple-type.is-small[data-v-1f08cb78] .or-icon {\n  font-size: var(--fs-1);\n}\n.or-button.icon-simple-type.is-small[data-v-1f08cb78] .material-icons {\n  font-size: var(--fs-1);\n}\n.or-button.icon-simple-type .or-button--content-append[data-v-1f08cb78], .or-button.icon-simple-type .or-button--content-prepend[data-v-1f08cb78] {\n  margin: 0;\n}\n.or-button.is-fullwidth[data-v-1f08cb78] {\n  width: 100%;\n}\n.or-button.is-block[data-v-1f08cb78] {\n  display: flex;\n}\n.or-button.is-loading[data-v-1f08cb78] {\n  cursor: progress;\n}\n.or-button.is-loading .or-button--content[data-v-1f08cb78] {\n  opacity: 0;\n}\n.or-button[data-v-1f08cb78]:disabled, .or-button.is-disabled[data-v-1f08cb78] {\n  cursor: not-allowed;\n  box-shadow: none;\n}";
-styleInject(css_248z);
-
 script.render = render;
-script.__scopeId = "data-v-1f08cb78";
-script.__file = "src/components/or-button/OrButton.vue";
+script.__file = "src/components/or-button-v3/OrButton.vue";

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

@@ -0,0 +1,7 @@
+export { s as OrButton, a as OrButtonColors, b as OrButtonSizes, O as OrButtonViews } from '../../OrButton.vue_vue_type_script_lang-a9c5ef76.js';
+import 'vue-demi';
+import '../../OrLoader-c4809493.js';
+import '../../OrLoader.vue_vue_type_script_lang-352f1432.js';
+import 'lodash';
+import 'vue';
+import '../../style-inject.es-4c6f2515.js';

package/dist/bundled/v3/components/OrButtonV2/{OrButtonV2.js → index.js}

@@ -1,21 +1,21 @@
 export { a as BUTTON_COLOR, c as BUTTON_LOADER_TYPE, B as BUTTON_SIZE, b as BUTTON_TYPE, I as ICON_BUTTON_TYPE } from '../../constants-6678dfb5.js';
-export { s as OrButtonV2 } from '../../OrButton.vue_vue_type_script_lang-38b2c64f.js';
-export { s as OrIconButton } from '../../OrIconButton.vue_vue_type_script_lang-af1d38ab.js';
+export { s as OrButtonV2 } from '../../OrButton.vue_vue_type_script_lang-e8c1cece.js';
+export { s as OrIconButton } from '../../OrIconButton.vue_vue_type_script_lang-ef6a0fbf.js';
 import 'vue-demi';
-import '../../OrIcon-795f3692.js';
-import '../../OrIcon.vue_vue_type_script_lang-0741508f.js';
+import '../../OrIcon-6f6eb367.js';
+import '../../OrIcon.vue_vue_type_script_lang-3c949339.js';
 import 'lodash';
 import '../../px-to-rem-0b26b83e.js';
 import '../OrTooltipContent/OrTooltipContent.js';
 import 'vue';
 import '../../style-inject.es-4c6f2515.js';
-import '../../OrFloating-a556f2f3.js';
-import '../../OrFloating.vue_vue_type_script_lang-91fd6681.js';
+import '../OrFloating/OrFloating.js';
+import '../../OrFloating.vue_vue_type_script_lang-21499d17.js';
 import '../../floating-ui.dom.esm-83eba816.js';
 import '../OrTeleportVue3/OrTeleportVue3.js';
 import '../../constants-b4c183aa.js';
-import '../../dom-28f5f62a.js';
+import '../../dom-ba0fb2e2.js';
 import '../../OrLoader-c4809493.js';
 import '../../OrLoader.vue_vue_type_script_lang-352f1432.js';
 import '../OrTooltipWrapper/OrTooltipWrapper.js';
-import '../../OrTooltip.vue_vue_type_script_lang-02f42270.js';
+import '../../OrTooltip.vue_vue_type_script_lang-8f654b1b.js';

package/dist/bundled/v3/components/OrButtonV3/{OrButtonV3.js → index.js}

@@ -1,6 +1,6 @@
-export { a as ButtonColor, b as ButtonType, B as ButtonVariant, s as OrButtonV3 } from '../../OrButton.vue_vue_type_script_lang-6f318998.js';
+export { B as ButtonColor, b as ButtonType, a as ButtonVariant, s as OrButtonV3 } from '../../OrButton.vue_vue_type_script_lang-9355421f.js';
 import 'vue-demi';
-import '../../OrLoader-87f8250e.js';
+import '../OrLoader/OrLoader.js';
 import '../../OrLoader.vue_vue_type_script_lang-a927d554.js';
 import '../../useClassAttribute-47fdb016.js';
 import 'vue';

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

@@ -1,4 +1,16 @@
-export { s as OrCard } from '../../OrCard-e3a5aea4.js';
+import { s as script } from '../../OrCard.vue_vue_type_script_lang-898278b1.js';
+export { s as default } from '../../OrCard.vue_vue_type_script_lang-898278b1.js';
+import { openBlock, createElementBlock, mergeProps, renderSlot } from 'vue';
 import 'vue-demi';
-import 'vue';
-import '../../style-inject.es-4c6f2515.js';
+import '../../useClassAttribute-47fdb016.js';
+
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", mergeProps({
+    ref: "root"
+  }, _ctx.$attrs, {
+    class: _ctx.rootStyles
+  }), [renderSlot(_ctx.$slots, "default")], 16 /* FULL_PROPS */);
+}
+
+script.render = render;
+script.__file = "src/components/or-card-v3/OrCard.vue";

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

@@ -0,0 +1,2 @@
+export { s as OrCard } from '../../OrCard.vue_vue_type_script_lang-81561dd8.js';
+import 'vue-demi';

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

@@ -1,119 +1,104 @@
-import { s as script } from '../../OrCardCollection.vue_vue_type_script_lang-7c3af3d8.js';
-export { C as CARD_COLLECTION_LAYOUT, s as OrCardCollection } from '../../OrCardCollection.vue_vue_type_script_lang-7c3af3d8.js';
-import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, Fragment, renderList, toDisplayString, createVNode, withCtx, createTextVNode, createCommentVNode, renderSlot, createBlock, normalizeProps, guardReactiveProps } from 'vue';
-import { s as styleInject } from '../../style-inject.es-4c6f2515.js';
+import { s as script } from '../../OrCardCollection.vue_vue_type_script_lang-141d29ac.js';
+export { s as default } from '../../OrCardCollection.vue_vue_type_script_lang-141d29ac.js';
+import { resolveComponent, openBlock, createElementBlock, mergeProps, createElementVNode, normalizeClass, Fragment, renderList, createBlock, withCtx, createTextVNode, toDisplayString, createCommentVNode, createVNode, renderSlot, normalizeProps, guardReactiveProps } from 'vue';
 import 'vue-demi';
-import '../../OrCard-e3a5aea4.js';
-import '../../OrIcon-795f3692.js';
-import '../../OrIcon.vue_vue_type_script_lang-0741508f.js';
-import 'lodash';
-import '../../px-to-rem-0b26b83e.js';
-import '../OrTooltipContent/OrTooltipContent.js';
-import '../../OrFloating-a556f2f3.js';
-import '../../OrFloating.vue_vue_type_script_lang-91fd6681.js';
-import '../../floating-ui.dom.esm-83eba816.js';
-import '../OrTeleportVue3/OrTeleportVue3.js';
-import '../../constants-b4c183aa.js';
-import '../../dom-28f5f62a.js';
-import '../../OrSearch.vue_vue_type_script_lang-eabc313c.js';
-import '../OrInput/OrInput.js';
-import '../../OrLabel-48580954.js';
-import '../../OrLabel.vue_vue_type_script_lang-95601b40.js';
-import '../../OrHint-f6730014.js';
-import '../../OrHint.vue_vue_type_script_lang-5d628c6c.js';
-import '../../OrError-dff84d09.js';
-import '../../OrError.vue_vue_type_script_lang-450321b8.js';
-import '../../OrCollapse-ce8c6285.js';
-import '../../OrCollapse.vue_vue_type_script_lang-76f0f586.js';
+import '../OrCard/OrCard.js';
+import '../../OrCard.vue_vue_type_script_lang-898278b1.js';
+import '../../useClassAttribute-47fdb016.js';
+import '../OrIconButton/OrIconButton.js';
+import '../../OrIconButton.vue_vue_type_script_lang-7c25ed7b.js';
+import '../OrIcon/OrIcon.js';
+import '../../OrIcon.vue_vue_type_script_lang-231a50e3.js';
+import '../OrTooltip/OrTooltip.js';
+import '../../OrTooltip.vue_vue_type_script_lang-f5885526.js';
 import '@vueuse/core';
-import '../../OrIconButton-6b9a97b8.js';
-import '../../OrIconButton.vue_vue_type_script_lang-af1d38ab.js';
-import '../OrTooltipWrapper/OrTooltipWrapper.js';
-import '../../OrTooltip.vue_vue_type_script_lang-02f42270.js';
-import '../../constants-6678dfb5.js';
-import '../../OrLoader-c4809493.js';
-import '../../OrLoader.vue_vue_type_script_lang-352f1432.js';
+import '../OrPopover/OrPopover.js';
+import '../../OrPopover.vue_vue_type_script_lang-ef43169d.js';
+import '../../floating-ui.dom.esm-83eba816.js';
+import '../OrBottomSheet/OrBottomSheet.js';
+import '../../OrBottomSheet.vue_vue_type_script_lang-09679ad9.js';
+import '../OrOverlay/OrOverlay.js';
+import '../../OrOverlay.vue_vue_type_script_lang-66c0fa0e.js';
+import '../OrTeleport.vue3/OrTeleport.vue3.js';
+import '../../OrTeleport.vue3.vue_vue_type_script_lang-a6ce162e.js';
+import '../../useElevation-31bfe1f6.js';
+import '../../useResponsive-a02e95b7.js';
+import '../../OrInput-0540584e.js';
+import '../../OrInput.vue_vue_type_script_lang-2dfa8684.js';
+import '../OrError/OrError.js';
+import '../../OrError.vue_vue_type_script_lang-1a6d87b8.js';
+import '../OrHint/OrHint.js';
+import '../../OrHint.vue_vue_type_script_lang-a6b8ed91.js';
+import '../OrInputBox/OrInputBox.js';
+import '../../OrInputBox.vue_vue_type_script_lang-1b6309a1.js';
+import '../OrLabel/OrLabel.js';
+import '../../OrLabel.vue_vue_type_script_lang-c24b935b.js';
+import '../../style-inject.es-4c6f2515.js';
+import '../OrSortHeader/OrSortHeader.js';
+import '../../OrSortHeader.vue_vue_type_script_lang-60cacb5e.js';
 
-const _hoisted_1 = {
-  class: "or-card-collection-toolbar"
-};
-const _hoisted_2 = {
-  class: "or-card-collection-sorting"
-};
-const _hoisted_3 = ["onClick"];
-const _hoisted_4 = {
-  key: 0,
-  class: "or-card-collection-sort-direction"
-};
-const _hoisted_5 = {
-  class: "or-card-collection-filter"
-};
-const _hoisted_6 = {
-  class: "or-card-collection-layout-buttons"
-};
-const _hoisted_7 = {
-  key: 0,
-  class: "or-card-collection-extra-tools"
-};
-const _hoisted_8 = {
-  class: "or-card-collection-wrapper"
-};
 function render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_or_icon = resolveComponent("or-icon");
-  const _component_or_search = resolveComponent("or-search");
-  const _component_or_icon_button = resolveComponent("or-icon-button");
-  const _component_or_card = resolveComponent("or-card");
-  return openBlock(), createElementBlock("div", {
-    class: normalizeClass(_ctx.rootClasses)
-  }, [createElementVNode("div", _hoisted_1, [createElementVNode("div", _hoisted_2, [_ctx.sortableColumns ? (openBlock(true), createElementBlock(Fragment, {
+  const _component_OrSortHeader = resolveComponent("OrSortHeader");
+  const _component_OrInput = resolveComponent("OrInput");
+  const _component_OrIconButton = resolveComponent("OrIconButton");
+  const _component_OrCard = resolveComponent("OrCard");
+  return openBlock(), createElementBlock("div", mergeProps({
+    ref: "root"
+  }, _ctx.$attrs, {
+    class: _ctx.rootStyles
+  }), [createElementVNode("div", {
+    class: normalizeClass(_ctx.toolbarStyles)
+  }, [createElementVNode("div", {
+    class: normalizeClass(_ctx.toolbarPanelStyles)
+  }, [_ctx.sortHeaders ? (openBlock(true), createElementBlock(Fragment, {
     key: 0
-  }, renderList(_ctx.sortableColumns, column => {
-    return openBlock(), createElementBlock("div", {
-      key: column.name,
-      class: normalizeClass({
-        'or-card-collection-sorting-column': true,
-        'sorting-selected': _ctx.sortingColumn === column.name
-      }),
-      "class.selected": "",
-      onClick: $event => _ctx.selectSortable(column)
-    }, [createElementVNode("span", null, toDisplayString(column.label), 1 /* TEXT */), _ctx.sortingColumn === column.name ? (openBlock(), createElementBlock("span", _hoisted_4, [createVNode(_component_or_icon, null, {
-      default: withCtx(() => [createTextVNode(toDisplayString(_ctx.sortingDirection === 'asc' ? 'arrow_upward' : 'arrow_downward'), 1 /* TEXT */)]),
+  }, renderList(_ctx.sortHeaders, header => {
+    return openBlock(), createBlock(_component_OrSortHeader, {
+      key: header.value,
+      modelValue: _ctx.proxySort,
+      "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => _ctx.proxySort = $event),
+      "input-value": header.value
+    }, {
+      default: withCtx(() => [createTextVNode(toDisplayString(header.label), 1 /* TEXT */)]),
 
-      _: 1 /* STABLE */
-    })])) : createCommentVNode("v-if", true)], 10 /* CLASS, PROPS */, _hoisted_3);
-  }), 128 /* KEYED_FRAGMENT */)) : createCommentVNode("v-if", true)]), createElementVNode("div", _hoisted_5, [renderSlot(_ctx.$slots, "filters", {}, () => [createVNode(_component_or_search, {
-    modelValue: _ctx.filterValue,
-    "onUpdate:modelValue": [_cache[0] || (_cache[0] = $event => _ctx.filterValue = $event), _ctx.emitFilterChange],
-    placeholder: _ctx.filterPlaceholder
-  }, null, 8 /* PROPS */, ["modelValue", "placeholder", "onUpdate:modelValue"])])]), createElementVNode("div", _hoisted_6, [renderSlot(_ctx.$slots, "layoutButtons", {}, () => [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.layoutOptions, layoutOption => {
-    return openBlock(), createBlock(_component_or_icon_button, {
-      key: layoutOption.name,
-      icon: layoutOption.icon,
-      "icon-color": _ctx.selectedLayout === layoutOption.name ? 'neutral-6' : 'neutral-4',
-      onClick: $event => _ctx.selectLayout(layoutOption.name)
-    }, null, 8 /* PROPS */, ["icon", "icon-color", "onClick"]);
-  }), 128 /* KEYED_FRAGMENT */))])]), _ctx.$slots.toolsAppend ? (openBlock(), createElementBlock("div", _hoisted_7, [renderSlot(_ctx.$slots, "toolsAppend")])) : createCommentVNode("v-if", true)]), createElementVNode("div", _hoisted_8, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.items, (props, index) => {
-    return openBlock(), createBlock(_component_or_card, {
-      key: props.vforkey || index,
-      active: _ctx.activeItem === props,
-      onClick: $event => _ctx.handleClick(props)
+      _: 2 /* DYNAMIC */
+    }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["modelValue", "input-value"]);
+  }), 128 /* KEYED_FRAGMENT */)) : createCommentVNode("v-if", true)], 2 /* CLASS */), createElementVNode("div", {
+    class: normalizeClass(_ctx.toolbarPanelStyles)
+  }, [createVNode(_component_OrInput, {
+    modelValue: _ctx.proxySearch,
+    "onUpdate:modelValue": _cache[1] || (_cache[1] = $event => _ctx.proxySearch = $event),
+    type: 'search',
+    placeholder: 'Search',
+    size: 's'
+  }, null, 8 /* PROPS */, ["modelValue"]), createVNode(_component_OrIconButton, {
+    icon: 'grid_view',
+    onClick: _cache[2] || (_cache[2] = $event => _ctx.switchToGridView())
+  }), createVNode(_component_OrIconButton, {
+    icon: 'view_list',
+    onClick: _cache[3] || (_cache[3] = $event => _ctx.switchToListView())
+  }), renderSlot(_ctx.$slots, "addon")], 2 /* CLASS */)], 2 /* CLASS */), createElementVNode("div", {
+    class: normalizeClass(_ctx.contentStyles)
+  }, [_ctx.proxyView === 'grid' ? (openBlock(true), createElementBlock(Fragment, {
+    key: 0
+  }, renderList(_ctx.items, item => {
+    return openBlock(), createBlock(_component_OrCard, {
+      key: item.id
     }, {
-      default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps({
-        props,
-        items: _ctx.items,
-        index
-      })))]),
+      default: withCtx(() => [renderSlot(_ctx.$slots, "gridItem", normalizeProps(guardReactiveProps(item)))]),
       _: 2 /* DYNAMIC */
-    }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["active", "onClick"]);
-  }), 128 /* KEYED_FRAGMENT */))])], 2 /* CLASS */);
+    }, 1024 /* DYNAMIC_SLOTS */);
+  }), 128 /* KEYED_FRAGMENT */)) : createCommentVNode("v-if", true), _ctx.proxyView === 'list' ? (openBlock(true), createElementBlock(Fragment, {
+    key: 1
+  }, renderList(_ctx.items, item => {
+    return openBlock(), createBlock(_component_OrCard, {
+      key: item.id
+    }, {
+      default: withCtx(() => [renderSlot(_ctx.$slots, "listItem", normalizeProps(guardReactiveProps(item)))]),
+      _: 2 /* DYNAMIC */
+    }, 1024 /* DYNAMIC_SLOTS */);
+  }), 128 /* KEYED_FRAGMENT */)) : createCommentVNode("v-if", true)], 2 /* CLASS */)], 16 /* FULL_PROPS */);
 }
 
-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-059ac3e2 {\nfrom {\n    transform: rotate(0);\n}\nto {\n    transform: rotate(359deg);\n}\n}\n@keyframes fade-059ac3e2 {\nfrom {\n    opacity: 1;\n}\nto {\n    opacity: 0;\n}\n}\n.or-card-collection .or-card-collection-toolbar[data-v-059ac3e2] {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  -moz-column-gap: var(--s-4);\n       column-gap: var(--s-4);\n  margin: 0 var(--s-4);\n}\n.or-card-collection .or-card-collection-toolbar .or-card-collection-sorting[data-v-059ac3e2] {\n  flex-grow: 1;\n  cursor: pointer;\n}\n.or-card-collection .or-card-collection-toolbar .or-card-collection-sorting .or-card-collection-sorting-column[data-v-059ac3e2] {\n  display: inline-flex;\n  margin: var(--s-2) var(--s-6);\n  text-transform: capitalize;\n  color: var(--c-neutral-4);\n  font-size: var(--fs-0);\n  font-weight: var(--fw-0);\n  letter-spacing: 0;\n  line-height: var(--lh-0);\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n}\n.or-card-collection .or-card-collection-toolbar .or-card-collection-sorting .or-card-collection-sorting-column.sorting-selected[data-v-059ac3e2] {\n  color: var(--c-neutral-6);\n  font-weight: bold;\n}\n.or-card-collection .or-card-collection-toolbar .or-card-collection-sorting .or-card-collection-sorting-column.sorting-selected .or-card-collection-sort-direction[data-v-059ac3e2] {\n  height: 14px;\n  width: 14px;\n  margin-left: var(--s-1);\n}\n.or-card-collection .or-card-collection-toolbar .or-card-collection-layout-buttons .or-icon-button[data-v-059ac3e2] {\n  border-radius: 0;\n}\n.or-card-collection .or-card-collection-wrapper[data-v-059ac3e2] {\n  display: flex;\n  margin-top: var(--s-5);\n}\n.or-card-collection.or-card-collection-grid .or-card-collection-wrapper[data-v-059ac3e2] {\n  flex-flow: row wrap;\n}\n.or-card-collection.or-card-collection-grid .or-card-collection-wrapper .or-card[data-v-059ac3e2] {\n  margin-right: auto;\n}\n.or-card-collection.or-card-collection-list .or-card-collection-wrapper[data-v-059ac3e2] {\n  flex-direction: column;\n}";
-styleInject(css_248z$1);
-
-var css_248z = ".or-card-collection-filter .or-textbox .or-textbox--input {\n  max-width: 256px;\n  height: 30px;\n}\n.or-card-collection-sort-direction .or-icon {\n  font-size: 1rem;\n}";
-styleInject(css_248z);
-
 script.render = render;
-script.__scopeId = "data-v-059ac3e2";
-script.__file = "src/components/or-card-collection/OrCardCollection.vue";
+script.__file = "src/components/or-card-collection-v3/OrCardCollection.vue";