@onereach/ui-components 2.68.0-beta.2082.0 → 2.68.0-beta.2083.0

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

@@ -1,18 +1,18 @@
 import { defineComponent } from 'vue-demi';
-import { D as DEFAULT_TEXT } from '../../constants-0e039de8.js';
-import '../../OrIcon-6f6eb367.js';
-import { s as script$1 } from '../../OrIcon.vue_vue_type_script_lang-3c949339.js';
+import { D as DEFAULT_TEXT } from '../../constants-59507e57.js';
+import '../OrIcon/OrIcon.js';
+import { s as script$1 } from '../../OrIcon.vue_vue_type_script_lang-63e18388.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, createVNode } from 'vue';
 import { s as styleInject } from '../../style-inject.es-4c6f2515.js';
 import 'lodash';
 import '../../px-to-rem-0b26b83e.js';
 import '../OrTooltipContent/OrTooltipContent.js';
 import '../OrFloating/OrFloating.js';
-import '../../OrFloating.vue_vue_type_script_lang-21499d17.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-ba0fb2e2.js';
+import '../../dom-28f5f62a.js';
 
 var script = defineComponent({
   name: 'OrSelectSearchOptions',

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

@@ -0,0 +1,248 @@
+import { s as script } from '../../OrSelect.vue_vue_type_script_lang-22578105.js';
+export { s as default } from '../../OrSelect.vue_vue_type_script_lang-22578105.js';
+import { resolveComponent, resolveDirective, openBlock, createElementBlock, mergeProps, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, withDirectives, normalizeClass, createElementVNode, Fragment, renderList, createVNode, withModifiers } from 'vue';
+import 'vue-demi';
+import '../OrCheckboxV3/OrCheckboxV3.js';
+import '../../OrCheckbox.vue_vue_type_script_lang-8099010e.js';
+import '../OrLabelV3/OrLabelV3.js';
+import '../../OrLabel.vue_vue_type_script_lang-c24b935b.js';
+import '../../useClassAttribute-47fdb016.js';
+import '../../style-inject.es-4c6f2515.js';
+import '../OrErrorV3/OrErrorV3.js';
+import '../../OrError.vue_vue_type_script_lang-1a6d87b8.js';
+import '../OrExpansionPanelV3/OrExpansionPanelV3.js';
+import '../../OrExpansionPanel.vue_vue_type_script_lang-73d3cf14.js';
+import '../OrIconV3/OrIconV3.js';
+import '../../OrIcon.vue_vue_type_script_lang-231a50e3.js';
+import '../OrHintV3/OrHintV3.js';
+import '../../OrHint.vue_vue_type_script_lang-a6b8ed91.js';
+import '../OrInputV3/OrInputV3.js';
+import '../../OrInput.vue_vue_type_script_lang-73a237e6.js';
+import '../OrIconButtonV3/OrIconButtonV3.js';
+import '../../OrIconButton.vue_vue_type_script_lang-8db5f6cf.js';
+import '../OrTooltipV3/OrTooltipV3.js';
+import '../../OrTooltip.vue_vue_type_script_lang-4595c67d.js';
+import '@vueuse/core';
+import '../OrPopoverV3/OrPopoverV3.js';
+import '../../OrPopover.vue_vue_type_script_lang-10f5e5a2.js';
+import '../../floating-ui.dom.esm-83eba816.js';
+import '../OrBottomSheetV3/OrBottomSheetV3.js';
+import '../../OrBottomSheet.vue_vue_type_script_lang-34f23911.js';
+import '../OrOverlayV3/OrOverlayV3.js';
+import '../../OrOverlay.vue_vue_type_script_lang-44194ab4.js';
+import '../OrTeleport.vue3V3/OrTeleport.vue3V3.js';
+import '../../OrTeleport.vue3.vue_vue_type_script_lang-a6ce162e.js';
+import '../../useElevation-31bfe1f6.js';
+import '../../useResponsive-a02e95b7.js';
+import '../OrInputBoxV3/OrInputBoxV3.js';
+import '../../OrInputBox.vue_vue_type_script_lang-1b6309a1.js';
+import '../OrMenuItemV3/OrMenuItemV3.js';
+import '../../OrMenuItem.vue_vue_type_script_lang-1ec589a5.js';
+import '../OrTagV3/OrTagV3.js';
+import '../../OrTag.vue_vue_type_script_lang-a97805af.js';
+import '../../dropdown-open-0d314aa4.js';
+import '../../useOverflow-ac506c65.js';
+
+const _hoisted_1 = ["id", "tabindex", "disabled"];
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_OrLabel = resolveComponent("OrLabel");
+  const _component_OrTag = resolveComponent("OrTag");
+  const _component_OrIcon = resolveComponent("OrIcon");
+  const _component_OrInput = resolveComponent("OrInput");
+  const _component_OrCheckbox = resolveComponent("OrCheckbox");
+  const _component_OrMenuItem = resolveComponent("OrMenuItem");
+  const _component_OrExpansionPanel = resolveComponent("OrExpansionPanel");
+  const _component_OrPopover = resolveComponent("OrPopover");
+  const _component_OrInputBox = resolveComponent("OrInputBox");
+  const _component_OrHint = resolveComponent("OrHint");
+  const _component_OrError = resolveComponent("OrError");
+  const _directive_dropdown_open = resolveDirective("dropdown-open");
+  const _directive_dropdown_close = resolveDirective("dropdown-close");
+  return openBlock(), createElementBlock("div", mergeProps({
+    ref: "root"
+  }, _ctx.$attrs, {
+    class: _ctx.rootStyles
+  }), [_ctx.label ? (openBlock(), createBlock(_component_OrLabel, {
+    key: 0,
+    "control-id": _ctx.controlId,
+    variant: 'input',
+    required: _ctx.required,
+    disabled: _ctx.disabled
+  }, {
+    addon: withCtx(() => [renderSlot(_ctx.$slots, "addon")]),
+    default: withCtx(() => [createTextVNode(toDisplayString(_ctx.label) + " ", 1 /* TEXT */)]),
+
+    _: 3 /* FORWARDED */
+  }, 8 /* PROPS */, ["control-id", "required", "disabled"])) : createCommentVNode("v-if", true), withDirectives((openBlock(), createBlock(_component_OrInputBox, {
+    ref: "inputBox",
+    class: normalizeClass([_ctx.popoverState === 'open' && 'rounded-b-0']),
+    size: _ctx.size,
+    invalid: _ctx.invalid,
+    readonly: _ctx.readonly,
+    disabled: _ctx.disabled
+  }, {
+    default: withCtx(() => [createElementVNode("div", {
+      id: _ctx.controlId,
+      ref: "control",
+      class: normalizeClass(_ctx.controlStyles),
+      tabindex: !_ctx.disabled ? 0 : null,
+      disabled: _ctx.disabled,
+      onFocus: _cache[0] || (_cache[0] = $event => _ctx.$emit('focus', $event)),
+      onBlur: _cache[1] || (_cache[1] = $event => _ctx.$emit('blur', $event))
+    }, [_ctx.proxyModelValue && _ctx.proxyModelValue.length > 0 ? (openBlock(), createElementBlock(Fragment, {
+      key: 0
+    }, [_ctx.multiple ? renderSlot(_ctx.$slots, "valueTemplate", {
+      key: 0,
+      model: _ctx.proxyModelValue
+    }, () => [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.selection, option => {
+      return openBlock(), createBlock(_component_OrTag, {
+        key: option.value,
+        variant: 'reset',
+        onReset: $event => _ctx.deselect(option)
+      }, {
+        default: withCtx(() => [createTextVNode(toDisplayString(option.label), 1 /* TEXT */)]),
+
+        _: 2 /* DYNAMIC */
+      }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["onReset"]);
+    }), 128 /* KEYED_FRAGMENT */))]) : renderSlot(_ctx.$slots, "valueTemplate", {
+      key: 1,
+      model: _ctx.proxyModelValue
+    }, () => [createTextVNode(toDisplayString(_ctx.selection.label), 1 /* TEXT */)])], 64 /* STABLE_FRAGMENT */)) : (openBlock(), createElementBlock("span", {
+      key: 1,
+      class: normalizeClass(_ctx.placeholderStyles)
+    }, toDisplayString(_ctx.placeholder), 3 /* TEXT, CLASS */))], 42 /* CLASS, PROPS, HYDRATE_EVENTS */, _hoisted_1), _ctx.multiple && _ctx.outerItems.length > 0 ? (openBlock(), createElementBlock(Fragment, {
+      key: 0
+    }, [createTextVNode(" +" + toDisplayString(_ctx.outerItems.length), 1 /* TEXT */)], 64 /* STABLE_FRAGMENT */)) : createCommentVNode("v-if", true), createVNode(_component_OrIcon, {
+      icon: _ctx.popoverState === 'open' ? 'arrow_drop_up' : 'arrow_drop_down',
+      variant: 'outlined'
+    }, null, 8 /* PROPS */, ["icon"]), createVNode(_component_OrPopover, {
+      ref: "popover",
+      class: normalizeClass(_ctx.dropdownStyles),
+      variant: 'auto',
+      trigger: _ctx.inputBoxRoot,
+      placement: 'bottom',
+      "full-width": true,
+      "disable-default-styles": true
+    }, {
+      default: withCtx(() => [_ctx.enableSearch ? (openBlock(), createBlock(_component_OrInput, {
+        key: 0,
+        modelValue: _ctx.searchText,
+        "onUpdate:modelValue": _cache[2] || (_cache[2] = $event => _ctx.searchText = $event),
+        type: 'search',
+        placeholder: 'Search',
+        size: 's',
+        "disable-default-styles": true
+      }, null, 8 /* PROPS */, ["modelValue"])) : createCommentVNode("v-if", true), _ctx.resolvedSearchOptions.length > 0 ? (openBlock(), createElementBlock(Fragment, {
+        key: 1
+      }, [_ctx.groupByFunction ? (openBlock(true), createElementBlock(Fragment, {
+        key: 0
+      }, renderList(_ctx.groupedOptions, (group, groupName) => {
+        return openBlock(), createBlock(_component_OrExpansionPanel, {
+          key: groupName,
+          label: groupName
+        }, {
+          default: withCtx(() => [_ctx.multiple ? (openBlock(true), createElementBlock(Fragment, {
+            key: 0
+          }, renderList(group, option => {
+            return openBlock(), createBlock(_component_OrMenuItem, {
+              key: option.value
+            }, {
+              default: withCtx(() => [renderSlot(_ctx.$slots, "optionTemplate", {
+                model: _ctx.proxyModelValue,
+                option: option
+              }, () => [createVNode(_component_OrCheckbox, {
+                modelValue: _ctx.proxyModelValue,
+                "onUpdate:modelValue": _cache[3] || (_cache[3] = $event => _ctx.proxyModelValue = $event),
+                "input-value": option.value,
+                label: option.label,
+                "label-variant": 'input'
+              }, null, 8 /* PROPS */, ["modelValue", "input-value", "label"])])]),
+              _: 2 /* DYNAMIC */
+            }, 1024 /* DYNAMIC_SLOTS */);
+          }), 128 /* KEYED_FRAGMENT */)) : (openBlock(true), createElementBlock(Fragment, {
+            key: 1
+          }, renderList(group, option => {
+            return openBlock(), createBlock(_component_OrMenuItem, {
+              key: option.value,
+              onClick: withModifiers($event => {
+                _ctx.proxyModelValue = option.value;
+                _ctx.close();
+              }, ["stop"])
+            }, {
+              default: withCtx(() => [renderSlot(_ctx.$slots, "optionTemplate", {
+                model: _ctx.proxyModelValue,
+                option: option
+              }, () => [createTextVNode(toDisplayString(option.label), 1 /* TEXT */)])]),
+
+              _: 2 /* DYNAMIC */
+            }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["onClick"]);
+          }), 128 /* KEYED_FRAGMENT */))]),
+
+          _: 2 /* DYNAMIC */
+        }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["label"]);
+      }), 128 /* KEYED_FRAGMENT */)) : (openBlock(), createElementBlock(Fragment, {
+        key: 1
+      }, [_ctx.multiple ? (openBlock(true), createElementBlock(Fragment, {
+        key: 0
+      }, renderList(_ctx.resolvedSearchOptions, option => {
+        return openBlock(), createBlock(_component_OrMenuItem, {
+          key: option.value
+        }, {
+          default: withCtx(() => [renderSlot(_ctx.$slots, "optionTemplate", {
+            model: _ctx.proxyModelValue,
+            option: option
+          }, () => [createVNode(_component_OrCheckbox, {
+            modelValue: _ctx.proxyModelValue,
+            "onUpdate:modelValue": _cache[4] || (_cache[4] = $event => _ctx.proxyModelValue = $event),
+            "input-value": option.value,
+            label: option.label,
+            "label-variant": 'input'
+          }, null, 8 /* PROPS */, ["modelValue", "input-value", "label"])])]),
+          _: 2 /* DYNAMIC */
+        }, 1024 /* DYNAMIC_SLOTS */);
+      }), 128 /* KEYED_FRAGMENT */)) : (openBlock(true), createElementBlock(Fragment, {
+        key: 1
+      }, renderList(_ctx.resolvedSearchOptions, option => {
+        return openBlock(), createBlock(_component_OrMenuItem, {
+          key: option.value,
+          onClick: withModifiers($event => {
+            _ctx.proxyModelValue = option.value;
+            _ctx.close();
+          }, ["stop"])
+        }, {
+          default: withCtx(() => [renderSlot(_ctx.$slots, "optionTemplate", {
+            model: _ctx.proxyModelValue,
+            option: option
+          }, () => [createTextVNode(toDisplayString(option.label), 1 /* TEXT */)])]),
+
+          _: 2 /* DYNAMIC */
+        }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["onClick"]);
+      }), 128 /* KEYED_FRAGMENT */))], 64 /* STABLE_FRAGMENT */))], 64 /* STABLE_FRAGMENT */)) : (openBlock(), createElementBlock("div", {
+        key: 2,
+        class: normalizeClass(_ctx.noSearchResultsStyles)
+      }, [renderSlot(_ctx.$slots, "noSearchResultsTemplate", {}, () => [createTextVNode(" No results ")])], 2 /* CLASS */))]),
+
+      _: 3 /* FORWARDED */
+    }, 8 /* PROPS */, ["class", "trigger"])]),
+    _: 3 /* FORWARDED */
+  }, 8 /* PROPS */, ["class", "size", "invalid", "readonly", "disabled"])), [[_directive_dropdown_open, _ctx.toggle], [_directive_dropdown_close, _ctx.close]]), !_ctx.invalid ? (openBlock(), createElementBlock(Fragment, {
+    key: 1
+  }, [_ctx.hint ? (openBlock(), createBlock(_component_OrHint, {
+    key: 0,
+    disabled: _ctx.disabled
+  }, {
+    default: withCtx(() => [createTextVNode(toDisplayString(_ctx.hint), 1 /* TEXT */)]),
+
+    _: 1 /* STABLE */
+  }, 8 /* PROPS */, ["disabled"])) : createCommentVNode("v-if", true)], 64 /* STABLE_FRAGMENT */)) : (openBlock(), createBlock(_component_OrError, {
+    key: 2,
+    disabled: _ctx.disabled
+  }, {
+    default: withCtx(() => [createTextVNode(toDisplayString(_ctx.error), 1 /* TEXT */)]),
+
+    _: 1 /* STABLE */
+  }, 8 /* PROPS */, ["disabled"]))], 16 /* FULL_PROPS */);
+}
+
+script.render = render;
+script.__file = "src/components/or-select-v3/OrSelect.vue";

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

@@ -1,43 +1,43 @@
-export { s as OrSelectV3 } from '../../OrSelect.vue_vue_type_script_lang-b28438b6.js';
+export { s as OrSelectV3 } from '../../OrSelect.vue_vue_type_script_lang-22578105.js';
 export { I as SelectSize } from '../../OrInputBox.vue_vue_type_script_lang-1b6309a1.js';
 import 'vue-demi';
-import '../OrCheckbox/OrCheckbox.js';
-import '../../OrCheckbox.vue_vue_type_script_lang-45641503.js';
-import '../OrLabel/OrLabel.js';
+import '../OrCheckboxV3/OrCheckboxV3.js';
+import '../../OrCheckbox.vue_vue_type_script_lang-8099010e.js';
+import '../OrLabelV3/OrLabelV3.js';
 import '../../OrLabel.vue_vue_type_script_lang-c24b935b.js';
 import '../../useClassAttribute-47fdb016.js';
 import 'vue';
 import '../../style-inject.es-4c6f2515.js';
-import '../OrError/OrError.js';
+import '../OrErrorV3/OrErrorV3.js';
 import '../../OrError.vue_vue_type_script_lang-1a6d87b8.js';
-import '../OrExpansionPanel/OrExpansionPanel.js';
-import '../../OrExpansionPanel.vue_vue_type_script_lang-d1f8ac93.js';
-import '../OrIcon/OrIcon.js';
+import '../OrExpansionPanelV3/OrExpansionPanelV3.js';
+import '../../OrExpansionPanel.vue_vue_type_script_lang-73d3cf14.js';
+import '../OrIconV3/OrIconV3.js';
 import '../../OrIcon.vue_vue_type_script_lang-231a50e3.js';
-import '../OrHint/OrHint.js';
+import '../OrHintV3/OrHintV3.js';
 import '../../OrHint.vue_vue_type_script_lang-a6b8ed91.js';
-import '../../OrInput-0540584e.js';
-import '../../OrInput.vue_vue_type_script_lang-2dfa8684.js';
-import '../OrIconButton/OrIconButton.js';
-import '../../OrIconButton.vue_vue_type_script_lang-7c25ed7b.js';
-import '../OrTooltip/OrTooltip.js';
-import '../../OrTooltip.vue_vue_type_script_lang-f5885526.js';
+import '../OrInputV3/OrInputV3.js';
+import '../../OrInput.vue_vue_type_script_lang-73a237e6.js';
+import '../OrIconButtonV3/OrIconButtonV3.js';
+import '../../OrIconButton.vue_vue_type_script_lang-8db5f6cf.js';
+import '../OrTooltipV3/OrTooltipV3.js';
+import '../../OrTooltip.vue_vue_type_script_lang-4595c67d.js';
 import '@vueuse/core';
-import '../OrPopover/OrPopover.js';
-import '../../OrPopover.vue_vue_type_script_lang-ef43169d.js';
+import '../OrPopoverV3/OrPopoverV3.js';
+import '../../OrPopover.vue_vue_type_script_lang-10f5e5a2.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 '../OrBottomSheetV3/OrBottomSheetV3.js';
+import '../../OrBottomSheet.vue_vue_type_script_lang-34f23911.js';
+import '../OrOverlayV3/OrOverlayV3.js';
+import '../../OrOverlay.vue_vue_type_script_lang-44194ab4.js';
+import '../OrTeleport.vue3V3/OrTeleport.vue3V3.js';
 import '../../OrTeleport.vue3.vue_vue_type_script_lang-a6ce162e.js';
 import '../../useElevation-31bfe1f6.js';
 import '../../useResponsive-a02e95b7.js';
-import '../OrInputBox/OrInputBox.js';
-import '../OrMenuItem/OrMenuItem.js';
-import '../../OrMenuItem.vue_vue_type_script_lang-eb21950f.js';
-import '../OrTag/OrTag.js';
-import '../../OrTag.vue_vue_type_script_lang-24e4ef85.js';
+import '../OrInputBoxV3/OrInputBoxV3.js';
+import '../OrMenuItemV3/OrMenuItemV3.js';
+import '../../OrMenuItem.vue_vue_type_script_lang-1ec589a5.js';
+import '../OrTagV3/OrTagV3.js';
+import '../../OrTag.vue_vue_type_script_lang-a97805af.js';
 import '../../dropdown-open-0d314aa4.js';
 import '../../useOverflow-ac506c65.js';

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

@@ -1,30 +1,40 @@
-import { s as script } from '../../OrSidebar.vue_vue_type_script_lang-d438c111.js';
-export { s as default } from '../../OrSidebar.vue_vue_type_script_lang-d438c111.js';
+import { s as script } from '../../OrSidebar.vue_vue_type_script_lang-755f291c.js';
+export { s as default } from '../../OrSidebar.vue_vue_type_script_lang-755f291c.js';
 import { openBlock, createElementBlock, normalizeClass, normalizeStyle, createElementVNode, renderSlot, createCommentVNode } from 'vue';
+import { s as styleInject } from '../../style-inject.es-4c6f2515.js';
 import '@vueuse/core';
 import 'lodash';
 import 'vue-demi';
 
+const _hoisted_1 = {
+  class: "or-sidebar-main"
+};
+const _hoisted_2 = {
+  key: 0,
+  class: "or-sidebar-header"
+};
+const _hoisted_3 = {
+  class: "or-sidebar-content"
+};
+const _hoisted_4 = {
+  key: 0,
+  class: "or-sidebar-footer"
+};
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("aside", {
-    ref: "root",
-    class: normalizeClass(_ctx.rootStyles),
+    class: normalizeClass(["or-sidebar", _ctx.side === _ctx.OrSidebarSide.left ? 'or-sidebar-left' : 'or-sidebar-right']),
     style: normalizeStyle(_ctx.sidebarStyle)
   }, [createElementVNode("div", {
-    ref: "resizeBar",
-    class: normalizeClass(_ctx.resizeStyles)
-  }, null, 2 /* CLASS */), createElementVNode("div", {
-    class: normalizeClass(_ctx.mainStyles)
-  }, [_ctx.$slots.header ? (openBlock(), createElementBlock("div", {
-    key: 0,
-    class: normalizeClass(_ctx.headerStyles)
-  }, [renderSlot(_ctx.$slots, "header")], 2 /* CLASS */)) : createCommentVNode("v-if", true), createElementVNode("div", {
-    class: normalizeClass(_ctx.contentStyles)
-  }, [renderSlot(_ctx.$slots, "default")], 2 /* CLASS */)], 2 /* CLASS */), _ctx.$slots.footer ? (openBlock(), createElementBlock("div", {
-    key: 0,
-    class: normalizeClass(_ctx.footerStyles)
-  }, [renderSlot(_ctx.$slots, "footer")], 2 /* CLASS */)) : createCommentVNode("v-if", true)], 6 /* CLASS, STYLE */);
+    ref: "resizeBarRef",
+    class: normalizeClass(["or-sidebar-resize", {
+      'is-resizing': _ctx.isResizing
+    }])
+  }, null, 2 /* CLASS */), createElementVNode("div", _hoisted_1, [_ctx.$slots.header ? (openBlock(), createElementBlock("div", _hoisted_2, [renderSlot(_ctx.$slots, "header")])) : createCommentVNode("v-if", true), createElementVNode("div", _hoisted_3, [renderSlot(_ctx.$slots, "default")])]), _ctx.$slots.footer ? (openBlock(), createElementBlock("div", _hoisted_4, [renderSlot(_ctx.$slots, "footer")])) : createCommentVNode("v-if", true)], 6 /* CLASS, STYLE */);
 }
 
+var css_248z = "/**\n * A simple way to manage mobile breakpoints described in https://davidwalsh.name/write-media-queries-sass.\n * Can be further extended using following approach https://rimdev.io/making-media-query-mixins-with-sass/\n */\n@keyframes spinAround-2084bce8 {\nfrom {\n    transform: rotate(0);\n}\nto {\n    transform: rotate(359deg);\n}\n}\n@keyframes fade-2084bce8 {\nfrom {\n    opacity: 1;\n}\nto {\n    opacity: 0;\n}\n}\n.or-sidebar[data-v-2084bce8] {\n  display: flex;\n  flex-direction: column;\n  background-color: var(--c-neutral-0);\n  flex-shrink: 0;\n  position: relative;\n  padding: 0;\n  min-height: 0;\n}\n.or-sidebar .or-sidebar-resize[data-v-2084bce8] {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  cursor: ew-resize;\n  z-index: 1;\n  width: 12px;\n}\n.or-sidebar.or-sidebar-right[data-v-2084bce8] {\n  border-left: 1px solid var(--c-neutral-2);\n}\n.or-sidebar.or-sidebar-right .or-sidebar-resize[data-v-2084bce8] {\n  left: -1px;\n  transition-timing-function: var(--t-func);\n  transition-duration: var(--t-duration);\n  transition-property: border-left;\n}\n.or-sidebar.or-sidebar-right .or-sidebar-resize[data-v-2084bce8]:hover, .or-sidebar.or-sidebar-right .or-sidebar-resize.is-resizing[data-v-2084bce8] {\n  border-left: var(--s-1) solid var(--c-primary);\n}\n.or-sidebar.or-sidebar-left[data-v-2084bce8] {\n  border-right: 1px solid var(--c-neutral-2);\n}\n.or-sidebar.or-sidebar-left .or-sidebar-resize[data-v-2084bce8] {\n  right: -1px;\n  transition-timing-function: var(--t-func);\n  transition-duration: var(--t-duration);\n  transition-property: border-right;\n}\n.or-sidebar.or-sidebar-left .or-sidebar-resize[data-v-2084bce8]:hover, .or-sidebar.or-sidebar-left .or-sidebar-resize.is-resizing[data-v-2084bce8] {\n  border-right: var(--s-1) solid var(--c-primary);\n}\n.or-sidebar-main[data-v-2084bce8] {\n  display: flex;\n  flex-grow: 1;\n  flex-direction: column;\n  min-height: 0;\n}\n.or-sidebar-header[data-v-2084bce8] {\n  padding: var(--s-4);\n}\n.or-sidebar-content[data-v-2084bce8] {\n  flex-grow: 1;\n  overflow: auto;\n  padding: var(--s-4);\n}\n.or-sidebar-footer[data-v-2084bce8] {\n  padding: var(--s-4);\n  border-top: 1px solid var(--c-neutral-2);\n}";
+styleInject(css_248z);
+
 script.render = render;
-script.__file = "src/components/or-sidebar-v3/OrSidebar.vue";
+script.__scopeId = "data-v-2084bce8";
+script.__file = "src/components/or-sidebar/OrSidebar.vue";

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

@@ -0,0 +1,30 @@
+import { s as script } from '../../OrSidebar.vue_vue_type_script_lang-d438c111.js';
+export { s as default } from '../../OrSidebar.vue_vue_type_script_lang-d438c111.js';
+import { openBlock, createElementBlock, normalizeClass, normalizeStyle, createElementVNode, renderSlot, createCommentVNode } from 'vue';
+import '@vueuse/core';
+import 'lodash';
+import 'vue-demi';
+
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("aside", {
+    ref: "root",
+    class: normalizeClass(_ctx.rootStyles),
+    style: normalizeStyle(_ctx.sidebarStyle)
+  }, [createElementVNode("div", {
+    ref: "resizeBar",
+    class: normalizeClass(_ctx.resizeStyles)
+  }, null, 2 /* CLASS */), createElementVNode("div", {
+    class: normalizeClass(_ctx.mainStyles)
+  }, [_ctx.$slots.header ? (openBlock(), createElementBlock("div", {
+    key: 0,
+    class: normalizeClass(_ctx.headerStyles)
+  }, [renderSlot(_ctx.$slots, "header")], 2 /* CLASS */)) : createCommentVNode("v-if", true), createElementVNode("div", {
+    class: normalizeClass(_ctx.contentStyles)
+  }, [renderSlot(_ctx.$slots, "default")], 2 /* CLASS */)], 2 /* CLASS */), _ctx.$slots.footer ? (openBlock(), createElementBlock("div", {
+    key: 0,
+    class: normalizeClass(_ctx.footerStyles)
+  }, [renderSlot(_ctx.$slots, "footer")], 2 /* CLASS */)) : createCommentVNode("v-if", true)], 6 /* CLASS, STYLE */);
+}
+
+script.render = render;
+script.__file = "src/components/or-sidebar-v3/OrSidebar.vue";

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

@@ -1,4 +1,6 @@
-export { s as OrSkeletonCircle, a as OrSkeletonRect, b as OrSkeletonText, O as OrSkeletonTextSizes } from '../../OrSkeletonText.vue_vue_type_script_lang-f7d269f4.js';
+export { s as OrSkeletonText, O as OrSkeletonTextSizes } from '../../OrSkeletonText.vue_vue_type_script_lang-2a1e065a.js';
+export { s as OrSkeletonCircle } from '../../OrSkeletonCircle.vue_vue_type_script_lang-30516785.js';
+export { s as OrSkeletonRect } from '../../OrSkeletonRect.vue_vue_type_script_lang-71f648ad.js';
 import 'vue-demi';
-import '../../px-to-rem-0b26b83e.js';
 import 'lodash';
+import '../../px-to-rem-0b26b83e.js';

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

@@ -1,20 +1,21 @@
-import { s as script } from '../../OrSkeletonCircle.vue_vue_type_script_lang-21b57a2f.js';
-export { s as default } from '../../OrSkeletonCircle.vue_vue_type_script_lang-21b57a2f.js';
-import { openBlock, createElementBlock, mergeProps } from 'vue';
+import { s as script } from '../../OrSkeletonCircle.vue_vue_type_script_lang-30516785.js';
+export { s as default } from '../../OrSkeletonCircle.vue_vue_type_script_lang-30516785.js';
+import { openBlock, createElementBlock, normalizeClass, normalizeStyle } from 'vue';
+import { s as styleInject } from '../../style-inject.es-4c6f2515.js';
 import 'vue-demi';
-import 'lodash';
 import '../../px-to-rem-0b26b83e.js';
-import '../../styles-ed564e39.js';
-import '../../useClassAttribute-47fdb016.js';
+import 'lodash';
 
 function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", mergeProps({
-    ref: "root"
-  }, _ctx.$attrs, {
-    class: _ctx.rootStyles,
-    style: _ctx.rootStyle
-  }), null, 16 /* FULL_PROPS */);
+  return openBlock(), createElementBlock("div", {
+    class: normalizeClass(["or-skeleton or-skeleton-circle", _ctx.rootClasses]),
+    style: normalizeStyle(_ctx.rootStyle)
+  }, null, 6 /* CLASS, STYLE */);
 }
 
+var css_248z = "/**\n * A simple way to manage mobile breakpoints described in https://davidwalsh.name/write-media-queries-sass.\n * Can be further extended using following approach https://rimdev.io/making-media-query-mixins-with-sass/\n */\n@keyframes spinAround-374502f0 {\nfrom {\n    transform: rotate(0);\n}\nto {\n    transform: rotate(359deg);\n}\n}\n@keyframes fade-374502f0 {\nfrom {\n    opacity: 1;\n}\nto {\n    opacity: 0;\n}\n}\n/**\n * A simple way to manage mobile breakpoints described in https://davidwalsh.name/write-media-queries-sass.\n * Can be further extended using following approach https://rimdev.io/making-media-query-mixins-with-sass/\n */\n@keyframes spinAround-374502f0 {\nfrom {\n    transform: rotate(0);\n}\nto {\n    transform: rotate(359deg);\n}\n}\n@keyframes fade-374502f0 {\nfrom {\n    opacity: 1;\n}\nto {\n    opacity: 0;\n}\n}\n@keyframes wave-374502f0 {\n0% {\n    transform: translateX(-100%);\n}\n100% {\n    transform: translateX(100%);\n}\n}\n.or-skeleton[data-v-374502f0] {\n  overflow: hidden;\n  position: relative;\n  padding: 0;\n  background: #f6f8fd;\n  border: 0;\n}\n.or-skeleton.is-animated[data-v-374502f0]::before {\n  content: \"\";\n  display: block;\n  position: absolute;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  top: 0;\n  background: linear-gradient(90.14deg, #f6f8fd 0.1%, #fff 49.98%, #f6f8fd 99.06%);\n  animation: wave-374502f0 1.5s linear 0.5s infinite;\n}\n.or-skeleton-circle[data-v-374502f0] {\n  border-radius: 9999px !important;\n}";
+styleInject(css_248z);
+
 script.render = render;
-script.__file = "src/components/or-skeleton-v3/OrSkeletonCircle.vue";
+script.__scopeId = "data-v-374502f0";
+script.__file = "src/components/or-skeleton/OrSkeletonCircle.vue";

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

@@ -0,0 +1,20 @@
+import { s as script } from '../../OrSkeletonCircle.vue_vue_type_script_lang-21b57a2f.js';
+export { s as default } from '../../OrSkeletonCircle.vue_vue_type_script_lang-21b57a2f.js';
+import { openBlock, createElementBlock, mergeProps } from 'vue';
+import 'vue-demi';
+import 'lodash';
+import '../../px-to-rem-0b26b83e.js';
+import '../../styles-ed564e39.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,
+    style: _ctx.rootStyle
+  }), null, 16 /* FULL_PROPS */);
+}
+
+script.render = render;
+script.__file = "src/components/or-skeleton-v3/OrSkeletonCircle.vue";

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

@@ -1,20 +1,21 @@
-import { s as script } from '../../OrSkeletonRect.vue_vue_type_script_lang-f6cc46a6.js';
-export { s as default } from '../../OrSkeletonRect.vue_vue_type_script_lang-f6cc46a6.js';
-import { openBlock, createElementBlock, mergeProps } from 'vue';
+import { s as script } from '../../OrSkeletonRect.vue_vue_type_script_lang-71f648ad.js';
+export { s as default } from '../../OrSkeletonRect.vue_vue_type_script_lang-71f648ad.js';
+import { openBlock, createElementBlock, normalizeClass, normalizeStyle } from 'vue';
+import { s as styleInject } from '../../style-inject.es-4c6f2515.js';
 import 'vue-demi';
-import 'lodash';
 import '../../px-to-rem-0b26b83e.js';
-import '../../styles-ed564e39.js';
-import '../../useClassAttribute-47fdb016.js';
+import 'lodash';
 
 function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", mergeProps({
-    ref: "root"
-  }, _ctx.$attrs, {
-    class: _ctx.rootStyles,
-    style: _ctx.rootStyle
-  }), null, 16 /* FULL_PROPS */);
+  return openBlock(), createElementBlock("div", {
+    class: normalizeClass(["or-skeleton or-skeleton-rect", _ctx.rootClasses]),
+    style: normalizeStyle(_ctx.rootStyle)
+  }, null, 6 /* CLASS, STYLE */);
 }
 
+var css_248z = "/**\n * A simple way to manage mobile breakpoints described in https://davidwalsh.name/write-media-queries-sass.\n * Can be further extended using following approach https://rimdev.io/making-media-query-mixins-with-sass/\n */\n@keyframes spinAround-043cb99c {\nfrom {\n    transform: rotate(0);\n}\nto {\n    transform: rotate(359deg);\n}\n}\n@keyframes fade-043cb99c {\nfrom {\n    opacity: 1;\n}\nto {\n    opacity: 0;\n}\n}\n/**\n * A simple way to manage mobile breakpoints described in https://davidwalsh.name/write-media-queries-sass.\n * Can be further extended using following approach https://rimdev.io/making-media-query-mixins-with-sass/\n */\n@keyframes spinAround-043cb99c {\nfrom {\n    transform: rotate(0);\n}\nto {\n    transform: rotate(359deg);\n}\n}\n@keyframes fade-043cb99c {\nfrom {\n    opacity: 1;\n}\nto {\n    opacity: 0;\n}\n}\n@keyframes wave-043cb99c {\n0% {\n    transform: translateX(-100%);\n}\n100% {\n    transform: translateX(100%);\n}\n}\n.or-skeleton[data-v-043cb99c] {\n  overflow: hidden;\n  position: relative;\n  padding: 0;\n  background: #f6f8fd;\n  border: 0;\n}\n.or-skeleton.is-animated[data-v-043cb99c]::before {\n  content: \"\";\n  display: block;\n  position: absolute;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  top: 0;\n  background: linear-gradient(90.14deg, #f6f8fd 0.1%, #fff 49.98%, #f6f8fd 99.06%);\n  animation: wave-043cb99c 1.5s linear 0.5s infinite;\n}\n.or-skeleton-rect[data-v-043cb99c] {\n  border-radius: var(--s-2);\n}";
+styleInject(css_248z);
+
 script.render = render;
-script.__file = "src/components/or-skeleton-v3/OrSkeletonRect.vue";
+script.__scopeId = "data-v-043cb99c";
+script.__file = "src/components/or-skeleton/OrSkeletonRect.vue";

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

@@ -0,0 +1,20 @@
+import { s as script } from '../../OrSkeletonRect.vue_vue_type_script_lang-f6cc46a6.js';
+export { s as default } from '../../OrSkeletonRect.vue_vue_type_script_lang-f6cc46a6.js';
+import { openBlock, createElementBlock, mergeProps } from 'vue';
+import 'vue-demi';
+import 'lodash';
+import '../../px-to-rem-0b26b83e.js';
+import '../../styles-ed564e39.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,
+    style: _ctx.rootStyle
+  }), null, 16 /* FULL_PROPS */);
+}
+
+script.render = render;
+script.__file = "src/components/or-skeleton-v3/OrSkeletonRect.vue";

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

@@ -1,26 +1,26 @@
-import { s as script } from '../../OrSkeletonText.vue_vue_type_script_lang-eb7a0efa.js';
-export { s as default } from '../../OrSkeletonText.vue_vue_type_script_lang-eb7a0efa.js';
-import { openBlock, createElementBlock, mergeProps, Fragment, renderList, normalizeClass, normalizeStyle } from 'vue';
+import { s as script } from '../../OrSkeletonText.vue_vue_type_script_lang-2a1e065a.js';
+export { s as default } from '../../OrSkeletonText.vue_vue_type_script_lang-2a1e065a.js';
+import { openBlock, createElementBlock, normalizeStyle, Fragment, renderList, normalizeClass } from 'vue';
+import { s as styleInject } from '../../style-inject.es-4c6f2515.js';
 import 'vue-demi';
 import 'lodash';
 import '../../px-to-rem-0b26b83e.js';
-import '../../styles-ed564e39.js';
-import '../../useClassAttribute-47fdb016.js';
 
 function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", mergeProps({
-    ref: "root"
-  }, _ctx.$attrs, {
-    class: _ctx.containerStyles,
-    style: _ctx.containerStyle
-  }), [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.lineKeys, key => {
+  return openBlock(), createElementBlock("div", {
+    class: "or-skeleton-text-root",
+    style: normalizeStyle(_ctx.rootStyle)
+  }, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.lineKeys, key => {
     return openBlock(), createElementBlock("div", {
       key: key,
-      class: normalizeClass(_ctx.rowStyles),
-      style: normalizeStyle(_ctx.rowStyle)
-    }, null, 6 /* CLASS, STYLE */);
-  }), 128 /* KEYED_FRAGMENT */))], 16 /* FULL_PROPS */);
+      class: normalizeClass(["or-skeleton or-skeleton-text", _ctx.skeletonClasses])
+    }, null, 2 /* CLASS */);
+  }), 128 /* KEYED_FRAGMENT */))], 4 /* STYLE */);
 }
 
+var css_248z = "/**\n * A simple way to manage mobile breakpoints described in https://davidwalsh.name/write-media-queries-sass.\n * Can be further extended using following approach https://rimdev.io/making-media-query-mixins-with-sass/\n */\n@keyframes spinAround-10564f36 {\nfrom {\n    transform: rotate(0);\n}\nto {\n    transform: rotate(359deg);\n}\n}\n@keyframes fade-10564f36 {\nfrom {\n    opacity: 1;\n}\nto {\n    opacity: 0;\n}\n}\n/**\n * A simple way to manage mobile breakpoints described in https://davidwalsh.name/write-media-queries-sass.\n * Can be further extended using following approach https://rimdev.io/making-media-query-mixins-with-sass/\n */\n@keyframes spinAround-10564f36 {\nfrom {\n    transform: rotate(0);\n}\nto {\n    transform: rotate(359deg);\n}\n}\n@keyframes fade-10564f36 {\nfrom {\n    opacity: 1;\n}\nto {\n    opacity: 0;\n}\n}\n@keyframes wave-10564f36 {\n0% {\n    transform: translateX(-100%);\n}\n100% {\n    transform: translateX(100%);\n}\n}\n.or-skeleton[data-v-10564f36] {\n  overflow: hidden;\n  position: relative;\n  padding: 0;\n  background: #f6f8fd;\n  border: 0;\n}\n.or-skeleton.is-animated[data-v-10564f36]::before {\n  content: \"\";\n  display: block;\n  position: absolute;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  top: 0;\n  background: linear-gradient(90.14deg, #f6f8fd 0.1%, #fff 49.98%, #f6f8fd 99.06%);\n  animation: wave-10564f36 1.5s linear 0.5s infinite;\n}\n.or-skeleton-text-root[data-v-10564f36] {\n  height: auto;\n  display: flex;\n  flex-direction: column;\n}\n.or-skeleton-text-root .or-skeleton-text[data-v-10564f36] {\n  border-radius: var(--s-2);\n  width: 100%;\n}\n.or-skeleton-text-root .or-skeleton-text-headline-1[data-v-10564f36] {\n  height: 1.5rem;\n  margin: 0.145rem 0;\n}\n.or-skeleton-text-root .or-skeleton-text-headline-2[data-v-10564f36] {\n  height: 1.25rem;\n  margin: 0.03125rem 0;\n}\n.or-skeleton-text-root .or-skeleton-text-headline-3[data-v-10564f36] {\n  height: 1rem;\n  margin: 0.25rem 0;\n}\n.or-skeleton-text-root .or-skeleton-text-body-1[data-v-10564f36] {\n  height: 1rem;\n  margin: 0.25rem 0;\n}\n.or-skeleton-text-root .or-skeleton-text-body-2[data-v-10564f36] {\n  height: 0.875rem;\n  margin: 0.21875rem 0;\n}\n.or-skeleton-text-root .or-skeleton-text-button[data-v-10564f36] {\n  height: 0.875rem;\n  margin: 0.1875rem 0;\n}\n.or-skeleton-text-root .or-skeleton-text-caption[data-v-10564f36] {\n  height: 0.75rem;\n  margin: 0.1875rem 0;\n}";
+styleInject(css_248z);
+
 script.render = render;
-script.__file = "src/components/or-skeleton-v3/OrSkeletonText.vue";
+script.__scopeId = "data-v-10564f36";
+script.__file = "src/components/or-skeleton/OrSkeletonText.vue";