@onereach/ui-components 2.77.0-beta.2448.0 → 2.77.0-beta.2460.0

package/dist/bundled/v3/OrIconButton.vue_vue_type_script_lang-7a36beed.js

@@ -0,0 +1,57 @@
+import { defineComponent, ref, computed } from 'vue-demi';
+import { IconButtonColor } from './components/OrIconButtonV3/props.js';
+import { IconButtonRoot, IconButtonRootColors } from './components/OrIconButtonV3/styles.js';
+import './components/OrIconV3/OrIcon.js';
+import './components/OrTooltipV3/OrTooltip.js';
+import { s as script$2 } from './OrTooltip.vue_vue_type_script_lang-196b0605.js';
+import { IconSize } from './components/OrIconV3/props.js';
+import { s as script$1 } from './OrIcon.vue_vue_type_script_lang-1a037644.js';
+
+var script = defineComponent({
+  name: 'OrIconButton',
+  components: {
+    OrIcon: script$1,
+    OrTooltip: script$2
+  },
+  inheritAttrs: false,
+  props: {
+    icon: {
+      type: [String, Object],
+      required: true
+    },
+    color: {
+      type: String,
+      default: IconButtonColor.Default
+    },
+    size: {
+      type: String,
+      default: IconSize.M
+    },
+    selected: {
+      type: Boolean,
+      default: false
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    tooltip: {
+      type: [String, Object],
+      default: undefined
+    }
+  },
+  emits: ['click', 'focus', 'blur'],
+  expose: ['root'],
+  setup(props) {
+    // Refs
+    const root = ref();
+    // Styles
+    const rootStyles = computed(() => ['or-icon-button', ...IconButtonRoot, ...IconButtonRootColors[props.color]]);
+    return {
+      root,
+      rootStyles
+    };
+  }
+});
+
+export { script as s };

package/dist/bundled/v3/{OrInlineInput.vue_vue_type_script_lang-480bbbe1.js → OrInlineInput.vue_vue_type_script_lang-c5c851b6.js}

@@ -1,17 +1,18 @@
 import { defineComponent, ref, computed, reactive, watch } from 'vue-demi';
 import { InlineInputType } from './components/OrInlineInputV3/props.js';
 import { InlineInputRoot, InlineInputControl, InlineInputAction, InlineInputActionSizes } from './components/OrInlineInputV3/styles.js';
-import './OrHint-12428e42.js';
-import { s as script$1 } from './OrError.vue_vue_type_script_lang-de6e6cd3.js';
-import { s as script$2 } from './OrHint.vue_vue_type_script_lang-ec2b37d4.js';
-import './OrIconButton-0d8e85d9.js';
-import { s as script$3 } from './OrIconButton.vue_vue_type_script_lang-5e089ff3.js';
-import './components/OrInlineInputBox/OrInlineInputBox.js';
+import './components/OrErrorV3/OrError.js';
+import './components/OrHintV3/OrHint.js';
+import './components/OrIconButtonV3/OrIconButton.js';
+import './components/OrInlineInputBoxV3/OrInlineInputBox.js';
 import { s as script$4 } from './OrInlineInputBox.vue_vue_type_script_lang-8c9873f2.js';
 import { InlineInputBoxSize } from './components/OrInlineInputBoxV3/props.js';
 import { useIdAttribute } from './hooks/useIdAttribute.js';
 import { useControlAttributes } from './hooks/useControlAttributes.js';
 import { useValidationAttributes } from './hooks/useValidationAttributes.js';
+import { s as script$1 } from './OrError.vue_vue_type_script_lang-de6e6cd3.js';
+import { s as script$2 } from './OrHint.vue_vue_type_script_lang-ec2b37d4.js';
+import { s as script$3 } from './OrIconButton.vue_vue_type_script_lang-7a36beed.js';
 
 var script = defineComponent({
   name: 'OrInlineInput',

package/dist/bundled/v3/{OrInlineTextEdit.vue_vue_type_script_lang-c2eb855d.js → OrInlineTextEdit.vue_vue_type_script_lang-956e4ba2.js}

@@ -5,7 +5,7 @@ import { setStyle, requestAF, getCS, reflow, cancelAF } from './utils/functions/
 import { pxToRem } from './utils/functions/px-to-rem.js';
 import './components/OrCollapse/OrCollapse.js';
 import './components/OrError/OrError.js';
-import './components/OrIconButton/OrIconButton.js';
+import './components/OrIconButtonV2/OrIconButton.js';
 import { s as script$1 } from './OrCollapse.vue_vue_type_script_lang-5137ca99.js';
 import { s as script$2 } from './OrError.vue_vue_type_script_lang-450321b8.js';
 import { s as script$3 } from './OrIconButton.vue_vue_type_script_lang-4a3f6358.js';

package/dist/bundled/v3/{OrInlineTextarea.vue_vue_type_script_lang-84378895.js → OrInlineTextarea.vue_vue_type_script_lang-4f15b59f.js}

@@ -1,14 +1,15 @@
 import { defineComponent, ref, computed, reactive, watch } from 'vue-demi';
 import { InlineTextareaRoot, InlineTextareaControl, InlineTextareaAction } from './components/OrInlineTextareaV3/styles.js';
-import './OrHint-12428e42.js';
-import './OrIconButton-0d8e85d9.js';
-import './components/OrInlineInputBox/OrInlineInputBox.js';
+import './components/OrErrorV3/OrError.js';
+import './components/OrHintV3/OrHint.js';
+import './components/OrIconButtonV3/OrIconButton.js';
+import './components/OrInlineInputBoxV3/OrInlineInputBox.js';
 import { useIdAttribute } from './hooks/useIdAttribute.js';
 import { useControlAttributes } from './hooks/useControlAttributes.js';
 import { useValidationAttributes } from './hooks/useValidationAttributes.js';
 import { s as script$1 } from './OrError.vue_vue_type_script_lang-de6e6cd3.js';
 import { s as script$2 } from './OrHint.vue_vue_type_script_lang-ec2b37d4.js';
-import { s as script$3 } from './OrIconButton.vue_vue_type_script_lang-5e089ff3.js';
+import { s as script$3 } from './OrIconButton.vue_vue_type_script_lang-7a36beed.js';
 import { s as script$4 } from './OrInlineInputBox.vue_vue_type_script_lang-8c9873f2.js';
 
 var script = defineComponent({

package/dist/bundled/v3/{OrInput.vue_vue_type_script_lang-da9e19d2.js → OrInput.vue_vue_type_script_lang-9f6f9afc.js}

@@ -1,23 +1,24 @@
 import { defineComponent, ref, computed, reactive } from 'vue-demi';
 import { InputType } from './components/OrInputV3/props.js';
 import { InputRoot, InputControl } from './components/OrInputV3/styles.js';
-import './OrHint-12428e42.js';
-import './OrIcon-671794cb.js';
-import './OrIconButton-0d8e85d9.js';
-import './components/OrInputBox/OrInputBox.js';
+import './components/OrErrorV3/OrError.js';
+import { s as script$1 } from './OrError.vue_vue_type_script_lang-de6e6cd3.js';
+import './components/OrHintV3/OrHint.js';
+import { s as script$2 } from './OrHint.vue_vue_type_script_lang-ec2b37d4.js';
+import './components/OrIconV3/OrIcon.js';
+import './components/OrIconButtonV3/OrIconButton.js';
+import { s as script$4 } from './OrIconButton.vue_vue_type_script_lang-7a36beed.js';
+import './components/OrInputBoxV3/OrInputBox.js';
 import { s as script$5 } from './OrInputBox.vue_vue_type_script_lang-44f85823.js';
-import './OrLabel-47f15fc0.js';
-import './OrLoader-1c02d64d.js';
+import './components/OrLabelV3/OrLabel.js';
+import { s as script$6 } from './OrLabel.vue_vue_type_script_lang-f59a91ee.js';
+import './components/OrLoaderV3/OrLoader.js';
 import { InputBoxSize } from './components/OrInputBoxV3/props.js';
 import { useIdAttribute } from './hooks/useIdAttribute.js';
 import { useControlAttributes } from './hooks/useControlAttributes.js';
 import { useValidationAttributes } from './hooks/useValidationAttributes.js';
 import useResponsive from './hooks/useResponsive/useResponsive.js';
-import { s as script$1 } from './OrError.vue_vue_type_script_lang-de6e6cd3.js';
-import { s as script$2 } from './OrHint.vue_vue_type_script_lang-ec2b37d4.js';
 import { s as script$3 } from './OrIcon.vue_vue_type_script_lang-1a037644.js';
-import { s as script$4 } from './OrIconButton.vue_vue_type_script_lang-5e089ff3.js';
-import { s as script$6 } from './OrLabel.vue_vue_type_script_lang-f59a91ee.js';
 import { s as script$7 } from './OrLoader.vue_vue_type_script_lang-228835e3.js';
 
 var script = defineComponent({

package/dist/bundled/v3/{OrList.vue_vue_type_script_lang-30a7b0e3.js → OrList.vue_vue_type_script_lang-040c4ce1.js}

@@ -3,8 +3,8 @@ import _ from 'lodash';
 import { v as v4 } from './v4-cf8987a3.js';
 import './components/OrError/OrError.js';
 import './components/OrLabel/OrLabel.js';
-import './OrButton-bf88c2a5.js';
-import './components/OrIconButton/OrIconButton.js';
+import './components/OrButtonV2/OrButton.js';
+import './components/OrIconButtonV2/OrIconButton.js';
 import './components/OrIcon/OrIcon.js';
 import { s as script$1 } from './OrError.vue_vue_type_script_lang-450321b8.js';
 import { s as script$2 } from './OrLabel.vue_vue_type_script_lang-95601b40.js';

package/dist/bundled/v3/{OrListOfInputs.vue_vue_type_script_lang-9b8f2b8a.js → OrListOfInputs.vue_vue_type_script_lang-4155853b.js}

@@ -1,10 +1,10 @@
 import { defineComponent } from 'vue-demi';
 import _ from 'lodash';
 import './components/OrList/OrList.js';
-import { s as script$1 } from './OrList.vue_vue_type_script_lang-30a7b0e3.js';
+import { s as script$1 } from './OrList.vue_vue_type_script_lang-040c4ce1.js';
 import './components/OrInput/OrInput.js';
 import './components/OrIcon/OrIcon.js';
-import './components/OrIconButton/OrIconButton.js';
+import './components/OrIconButtonV2/OrIconButton.js';
 import { s as script$2 } from './OrInput.vue_vue_type_script_lang-ad995b35.js';
 import { s as script$3 } from './OrIcon.vue_vue_type_script_lang-e3152dc5.js';
 import { s as script$4 } from './OrIconButton.vue_vue_type_script_lang-4a3f6358.js';

package/dist/bundled/v3/{OrMenu.vue_vue_type_script_lang-911ded05.js → OrMenu.vue_vue_type_script_lang-d7a5bf28.js}

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed } from 'vue-demi';
 import { MenuRoot } from './components/OrMenuV3/styles.js';
-import './components/OrPopover/OrPopover.js';
-import { s as script$1 } from './OrPopover.vue_vue_type_script_lang-2ba79d91.js';
+import './components/OrPopoverV3/OrPopover.js';
+import { s as script$1 } from './OrPopover.vue_vue_type_script_lang-49cc4886.js';
 import { PopoverPlacement } from './components/OrPopoverV3/props.js';
 
 var script = defineComponent({

package/dist/bundled/v3/{OrMenuItem.vue_vue_type_script_lang-7f05cee1.js → OrMenuItem.vue_vue_type_script_lang-2c0c186d.js}

@@ -1,6 +1,6 @@
 import { defineComponent, ref, computed } from 'vue-demi';
 import { MenuItemRoot } from './components/OrMenuItemV3/styles.js';
-import './OrIcon-671794cb.js';
+import './components/OrIconV3/OrIcon.js';
 import { s as script$1 } from './OrIcon.vue_vue_type_script_lang-1a037644.js';
 
 var script = defineComponent({

package/dist/bundled/v3/{OrModal.vue_vue_type_script_lang-005d198c.js → OrModal.vue_vue_type_script_lang-f9561803.js}

@@ -1,10 +1,10 @@
 import { defineComponent, ref, computed, watch } from 'vue-demi';
 import { ModalSize } from './components/OrModalV3/props.js';
 import { ModalRoot, ModalRootSizes, ModalHeader } from './components/OrModalV3/styles.js';
-import './OrBottomSheet.vue_vue_type_script_lang-80114a8a.js';
-import './OrIconButton-0d8e85d9.js';
-import { s as script$1 } from './OrOverlay.vue_vue_type_script_lang-fea5839d.js';
-import { s as script$2 } from './OrIconButton.vue_vue_type_script_lang-5e089ff3.js';
+import './components/OrOverlayV3/OrOverlay.js';
+import './components/OrIconButtonV3/OrIconButton.js';
+import { s as script$1 } from './OrOverlay.vue_vue_type_script_lang-683dc1bb.js';
+import { s as script$2 } from './OrIconButton.vue_vue_type_script_lang-7a36beed.js';
 
 var script = defineComponent({
   name: 'OrModal',

package/dist/bundled/v3/{OrModal.vue_vue_type_script_lang-a275bf57.js → OrModal.vue_vue_type_script_lang-fdbd986e.js}

@@ -2,7 +2,7 @@ import { ref, watch, defineComponent, onBeforeUnmount } from 'vue-demi';
 import _ from 'lodash';
 import { OrModalSizes } from './components/OrModal/constants.js';
 import { unrefElement, tryOnScopeDispose, onClickOutside } from '@vueuse/core';
-import './components/OrIconButton/OrIconButton.js';
+import './components/OrIconButtonV2/OrIconButton.js';
 import './components/OrOverlay/OrOverlay.js';
 import { s as script$2 } from './OrOverlay.vue_vue_type_script_lang-2f5d626d.js';
 import { s as script$1 } from './OrIconButton.vue_vue_type_script_lang-4a3f6358.js';

package/dist/bundled/v3/{OrNotification.vue_vue_type_script_lang-4e99b9f1.js → OrNotification.vue_vue_type_script_lang-58fd2766.js}

@@ -1,10 +1,10 @@
 import { defineComponent, ref, computed } from 'vue-demi';
 import { NotificationVariant } from './components/OrNotificationV3/props.js';
 import { NotificationRoot, NotificationRootVariants, NotificationIcon, NotificationIconVariants } from './components/OrNotificationV3/styles.js';
-import './OrIcon-671794cb.js';
-import './OrIconButton-0d8e85d9.js';
+import './components/OrIconV3/OrIcon.js';
+import './components/OrIconButtonV3/OrIconButton.js';
 import { s as script$1 } from './OrIcon.vue_vue_type_script_lang-1a037644.js';
-import { s as script$2 } from './OrIconButton.vue_vue_type_script_lang-5e089ff3.js';
+import { s as script$2 } from './OrIconButton.vue_vue_type_script_lang-7a36beed.js';
 
 var script = defineComponent({
   name: 'OrNotification',

package/dist/bundled/v3/{OrNotification.vue_vue_type_script_lang-2900b303.js → OrNotification.vue_vue_type_script_lang-994aa838.js}

@@ -1,7 +1,7 @@
 import { defineComponent } from 'vue-demi';
 import { OR_NOTIFICATION_TYPE, OR_NOTIFICATION_SIZE } from './components/OrNotification/constants.js';
 import './components/OrIcon/OrIcon.js';
-import './components/OrIconButton/OrIconButton.js';
+import './components/OrIconButtonV2/OrIconButton.js';
 import { s as script$1 } from './OrIcon.vue_vue_type_script_lang-e3152dc5.js';
 import { s as script$2 } from './OrIconButton.vue_vue_type_script_lang-4a3f6358.js';
 

package/dist/bundled/v3/{OrOverflowMenu.vue_vue_type_script_lang-0b1d1150.js → OrOverflowMenu.vue_vue_type_script_lang-75e6a081.js}

@@ -1,10 +1,10 @@
 import { defineComponent, ref } from 'vue-demi';
 import { useToggle, onClickOutside } from '@vueuse/core';
-import './OrButton-bf88c2a5.js';
+import './components/OrButtonV2/OrButton.js';
 import { s as script$2 } from './OrButton.vue_vue_type_script_lang-e768a47a.js';
 import { resolveComponent, openBlock, createElementBlock, createVNode, withModifiers } from 'vue';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
-import './components/OrIconButton/OrIconButton.js';
+import './components/OrIconButtonV2/OrIconButton.js';
 import './components/OrFloating/OrFloating.js';
 import { s as script$3 } from './OrIconButton.vue_vue_type_script_lang-4a3f6358.js';
 import { s as script$4 } from './OrFloating.vue_vue_type_script_lang-d64ad4a7.js';

package/dist/bundled/v3/{OrOverlay.vue_vue_type_script_lang-fea5839d.js → OrOverlay.vue_vue_type_script_lang-683dc1bb.js}

@@ -1,20 +1,10 @@
 import { useScrollLock } from '@vueuse/core';
 import { defineComponent, ref, computed } from 'vue-demi';
 import { OverlayRoot } from './components/OrOverlayV3/styles.js';
+import './components/OrTeleportV3/OrTeleport.js';
 import { s as script$1 } from './OrTeleport.vue3.vue_vue_type_script_lang-a6ce162e.js';
-import { openBlock, createBlock, Teleport, renderSlot } from 'vue';
 import { useElevation } from './hooks/useElevation.js';
 
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createBlock(Teleport, {
-    to: _ctx.to,
-    disabled: _ctx.disabled
-  }, [renderSlot(_ctx.$slots, "default")], 8 /* PROPS */, ["to", "disabled"]);
-}
-
-script$1.render = render;
-script$1.__file = "src/components/or-teleport-v3/OrTeleport.vue3.vue";
-
 var script = defineComponent({
   name: 'OrOverlay',
   components: {

package/dist/bundled/v3/{OrPagination.vue_vue_type_script_lang-f75db050.js → OrPagination.vue_vue_type_script_lang-97fa485d.js}

@@ -1,14 +1,14 @@
 import { defineComponent, ref, computed } from 'vue-demi';
 import { PaginationRoot, PaginationOffsetControl, PaginationLimitControl, PaginationItem } from './components/OrPaginationV3/styles.js';
-import './OrButton-cc469bd8.js';
-import { s as script$1 } from './OrButton.vue_vue_type_script_lang-a58d3d78.js';
-import './OrIcon-671794cb.js';
-import './components/OrMenu/OrMenu.js';
-import { s as script$3 } from './OrMenu.vue_vue_type_script_lang-911ded05.js';
-import './components/OrMenuItem/OrMenuItem.js';
-import { s as script$4 } from './OrMenuItem.vue_vue_type_script_lang-7f05cee1.js';
+import './components/OrButtonV3/OrButton.js';
+import './components/OrIconV3/OrIcon.js';
+import './components/OrMenuV3/OrMenu.js';
+import './components/OrMenuItemV3/OrMenuItem.js';
 import useResponsive from './hooks/useResponsive/useResponsive.js';
+import { s as script$1 } from './OrButton.vue_vue_type_script_lang-a840ee7d.js';
 import { s as script$2 } from './OrIcon.vue_vue_type_script_lang-1a037644.js';
+import { s as script$3 } from './OrMenu.vue_vue_type_script_lang-d7a5bf28.js';
+import { s as script$4 } from './OrMenuItem.vue_vue_type_script_lang-2c0c186d.js';
 
 var script = defineComponent({
   name: 'OrPagination',

package/dist/bundled/v3/{OrPassword.vue_vue_type_script_lang-46bca9cd.js → OrPassword.vue_vue_type_script_lang-f46acddb.js}

@@ -1,7 +1,7 @@
 import { defineComponent, ref } from 'vue-demi';
 import { useVModel } from '@vueuse/core';
 import './components/OrInput/OrInput.js';
-import './components/OrIconButton/OrIconButton.js';
+import './components/OrIconButtonV2/OrIconButton.js';
 import useToggle from './hooks/useToggle.js';
 import { BUTTON_SIZE } from './components/OrButtonV2/constants.js';
 import { s as script$1 } from './OrInput.vue_vue_type_script_lang-ad995b35.js';

package/dist/bundled/v3/{OrPopover.vue_vue_type_script_lang-2ba79d91.js → OrPopover.vue_vue_type_script_lang-49cc4886.js}

@@ -3,9 +3,9 @@ import { onClickOutside } from '@vueuse/core';
 import { defineComponent, ref, computed, watch, watchPostEffect, unref, toRef, nextTick } from 'vue-demi';
 import { PopoverVariant, PopoverPlacement } from './components/OrPopoverV3/props.js';
 import { PopoverRoot, PopoverBody, PopoverBodyPlacements } from './components/OrPopoverV3/styles.js';
-import './components/OrBottomSheet/OrBottomSheet.js';
-import { s as script$1 } from './OrBottomSheet.vue_vue_type_script_lang-80114a8a.js';
-import './OrOverlay.vue_vue_type_script_lang-fea5839d.js';
+import './components/OrBottomSheetV3/OrBottomSheet.js';
+import { s as script$1 } from './OrBottomSheet.vue_vue_type_script_lang-398a517b.js';
+import './components/OrTeleportV3/OrTeleport.js';
 import useResponsive from './hooks/useResponsive/useResponsive.js';
 import { useElevation } from './hooks/useElevation.js';
 import { s as script$2 } from './OrTeleport.vue3.vue_vue_type_script_lang-a6ce162e.js';

package/dist/bundled/v3/{OrRadio.vue_vue_type_script_lang-2953870d.js → OrRadio.vue_vue_type_script_lang-202f4e21.js}

@@ -1,6 +1,6 @@
 import { defineComponent, ref, computed, reactive } from 'vue-demi';
 import { RadioRoot, RadioControl, RadioControlHandle } from './components/OrRadioV3/styles.js';
-import './OrLabel-47f15fc0.js';
+import './components/OrLabelV3/OrLabel.js';
 import { useIdAttribute } from './hooks/useIdAttribute.js';
 import { useControlAttributes } from './hooks/useControlAttributes.js';
 import { s as script$1 } from './OrLabel.vue_vue_type_script_lang-f59a91ee.js';

package/dist/bundled/v3/{OrSearch.vue_vue_type_script_lang-2eb1c79b.js → OrSearch.vue_vue_type_script_lang-8de954cf.js}

@@ -2,7 +2,7 @@ import { defineComponent, ref } from 'vue-demi';
 import { debouncedWatch } from '@vueuse/core';
 import './components/OrInput/OrInput.js';
 import { s as script$1 } from './OrInput.vue_vue_type_script_lang-ad995b35.js';
-import './components/OrIconButton/OrIconButton.js';
+import './components/OrIconButtonV2/OrIconButton.js';
 import { s as script$2 } from './OrIconButton.vue_vue_type_script_lang-4a3f6358.js';
 import { BUTTON_SIZE } from './components/OrButtonV2/constants.js';
 

package/dist/bundled/v3/{OrSearch.vue_vue_type_script_lang-b6f85857.js → OrSearch.vue_vue_type_script_lang-fbb85b2a.js}

@@ -1,7 +1,7 @@
 import { debouncedWatch } from '@vueuse/core';
 import { defineComponent, ref, computed, watch } from 'vue-demi';
-import './OrInput-ab04adbb.js';
-import { s as script$1 } from './OrInput.vue_vue_type_script_lang-da9e19d2.js';
+import './components/OrInputV3/OrInput.js';
+import { s as script$1 } from './OrInput.vue_vue_type_script_lang-9f6f9afc.js';
 import { InputBoxSize } from './components/OrInputBoxV3/props.js';
 
 var script = defineComponent({

package/dist/bundled/v3/{OrSelect.vue_vue_type_script_lang-3decc59f.js → OrSelect.vue_vue_type_script_lang-a86b9abc.js}

@@ -1,113 +1,46 @@
 import { defineComponent, getCurrentInstance, ref, computed, onMounted, watch } from 'vue-demi';
 import { SelectRoot, SelectControl, SelectPlaceholder, SelectDropdown, SelectNoSearchResults } from './components/OrSelectV3/styles.js';
-import { s as script$1 } from './OrCheckbox.vue_vue_type_script_lang-d5aa50c1.js';
-import { resolveComponent, openBlock, createElementBlock, normalizeClass, withDirectives, createElementVNode, mergeProps, vModelDynamic, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, createVNode, withModifiers } from 'vue';
-import { s as styleInject } from './style-inject.es-4c6f2515.js';
-import './OrHint-12428e42.js';
-import './components/OrExpansionPanel/OrExpansionPanel.js';
-import './OrIcon-671794cb.js';
-import './OrInput-ab04adbb.js';
-import './components/OrInputBox/OrInputBox.js';
-import './OrLabel-47f15fc0.js';
-import './components/OrMenuItem/OrMenuItem.js';
-import './components/OrPopover/OrPopover.js';
-import { s as script$2 } from './OrTag.vue_vue_type_script_lang-37474827.js';
+import './components/OrCheckboxV3/OrCheckbox.js';
+import { s as script$1 } from './OrCheckbox.vue_vue_type_script_lang-de522e20.js';
+import './components/OrErrorV3/OrError.js';
+import './components/OrExpansionPanelV3/OrExpansionPanel.js';
+import { s as script$3 } from './OrExpansionPanel.vue_vue_type_script_lang-5e94d368.js';
+import './components/OrHintV3/OrHint.js';
+import './components/OrIconV3/OrIcon.js';
+import './components/OrInputV3/OrInput.js';
+import './components/OrInputBoxV3/OrInputBox.js';
+import './components/OrLabelV3/OrLabel.js';
+import './components/OrMenuItemV3/OrMenuItem.js';
+import './components/OrPopoverV3/OrPopover.js';
+import './components/OrTagV3/OrTag.js';
+import { s as script$b } from './OrTag.vue_vue_type_script_lang-cd555f11.js';
 import { DropdownClose } from './directives/dropdown-close.js';
 import { DropdownOpen } from './directives/dropdown-open.js';
 import { useOverflow } from './hooks/useOverflow.js';
-import { s as script$3 } from './OrError.vue_vue_type_script_lang-de6e6cd3.js';
-import { s as script$4 } from './OrExpansionPanel.vue_vue_type_script_lang-749ff722.js';
-import { s as script$5 } from './OrHint.vue_vue_type_script_lang-ec2b37d4.js';
-import { s as script$6 } from './OrIcon.vue_vue_type_script_lang-1a037644.js';
-import { s as script$7 } from './OrInput.vue_vue_type_script_lang-da9e19d2.js';
-import { s as script$8 } from './OrInputBox.vue_vue_type_script_lang-44f85823.js';
-import { s as script$9 } from './OrLabel.vue_vue_type_script_lang-f59a91ee.js';
-import { s as script$a } from './OrMenuItem.vue_vue_type_script_lang-7f05cee1.js';
-import { s as script$b } from './OrPopover.vue_vue_type_script_lang-2ba79d91.js';
+import { s as script$2 } from './OrError.vue_vue_type_script_lang-de6e6cd3.js';
+import { s as script$4 } from './OrHint.vue_vue_type_script_lang-ec2b37d4.js';
+import { s as script$5 } from './OrIcon.vue_vue_type_script_lang-1a037644.js';
+import { s as script$6 } from './OrInput.vue_vue_type_script_lang-9f6f9afc.js';
+import { s as script$7 } from './OrInputBox.vue_vue_type_script_lang-44f85823.js';
+import { s as script$8 } from './OrLabel.vue_vue_type_script_lang-f59a91ee.js';
+import { s as script$9 } from './OrMenuItem.vue_vue_type_script_lang-2c0c186d.js';
+import { s as script$a } from './OrPopover.vue_vue_type_script_lang-49cc4886.js';
 import { InputBoxSize } from './components/OrInputBoxV3/props.js';
 
-const _hoisted_1$1 = ["value", "indeterminate", "required", "disabled"];
-function render$1(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_OrLabel = resolveComponent("OrLabel");
-  return openBlock(), createElementBlock("div", {
-    ref: "root",
-    class: normalizeClass(_ctx.rootStyles)
-  }, [withDirectives(createElementVNode("input", mergeProps({
-    ref: "control",
-    "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => _ctx.proxyModelValue = $event)
-  }, _ctx.controlAttributes, {
-    class: _ctx.controlStyles,
-    type: 'checkbox',
-    value: _ctx.value,
-    indeterminate: _ctx.indeterminate,
-    required: _ctx.required,
-    disabled: _ctx.disabled,
-    onFocus: _cache[1] || (_cache[1] = $event => _ctx.$emit('focus', $event)),
-    onBlur: _cache[2] || (_cache[2] = $event => _ctx.$emit('blur', $event))
-  }), null, 16 /* FULL_PROPS */, _hoisted_1$1), [[vModelDynamic, _ctx.proxyModelValue]]), _ctx.$slots.default || _ctx.label ? (openBlock(), createBlock(_component_OrLabel, {
-    key: 0,
-    "control-id": _ctx.controlAttributes.id,
-    variant: _ctx.labelVariant,
-    required: _ctx.required,
-    disabled: _ctx.disabled
-  }, {
-    addon: withCtx(() => [renderSlot(_ctx.$slots, "addon")]),
-    default: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, () => [createTextVNode(toDisplayString(_ctx.label), 1 /* TEXT */)])]),
-
-    _: 3 /* FORWARDED */
-  }, 8 /* PROPS */, ["control-id", "variant", "required", "disabled"])) : createCommentVNode("v-if", true)], 2 /* CLASS */);
-}
-
-var css_248z = "\ninput[data-v-5358d710] {\n  -webkit-appearance: none;\n     -moz-appearance: none;\n          appearance: none;\n  line-height: 0;\n}\n";
-styleInject(css_248z);
-
-script$1.render = render$1;
-script$1.__scopeId = "data-v-5358d710";
-script$1.__file = "src/components/or-checkbox-v3/OrCheckbox.vue";
-
-const _hoisted_1 = ["tabindex", "disabled"];
-const _hoisted_2 = {
-  class: "truncate"
-};
-const _hoisted_3 = {
-  key: 0,
-  class: /*#__PURE__*/normalizeClass(['layout-inline-row', 'm-[-4px] md:m-[-2px]'])
-};
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_OrIconButton = resolveComponent("OrIconButton");
-  return openBlock(), createElementBlock("div", {
-    ref: "root",
-    class: normalizeClass(_ctx.rootStyles),
-    tabindex: !_ctx.disabled && _ctx.variant === 'button' ? 0 : null,
-    disabled: _ctx.disabled ? '' : null,
-    onClick: _cache[1] || (_cache[1] = $event => _ctx.$emit('click', $event)),
-    onFocus: _cache[2] || (_cache[2] = $event => _ctx.$emit('focus', $event)),
-    onBlur: _cache[3] || (_cache[3] = $event => _ctx.$emit('blur', $event))
-  }, [createElementVNode("div", _hoisted_2, [renderSlot(_ctx.$slots, "default")]), _ctx.variant === 'reset' ? (openBlock(), createElementBlock("div", _hoisted_3, [createVNode(_component_OrIconButton, {
-    icon: 'close',
-    color: _ctx.custom ? 'inherit' : _ctx.color,
-    disabled: _ctx.disabled,
-    onClick: _cache[0] || (_cache[0] = withModifiers($event => _ctx.$emit('reset'), ["stop"]))
-  }, null, 8 /* PROPS */, ["color", "disabled"])])) : createCommentVNode("v-if", true)], 42 /* CLASS, PROPS, HYDRATE_EVENTS */, _hoisted_1);
-}
-
-script$2.render = render;
-script$2.__file = "src/components/or-tag-v3/OrTag.vue";
-
 var script = defineComponent({
   name: 'OrSelect',
   components: {
     OrCheckbox: script$1,
-    OrError: script$3,
-    OrExpansionPanel: script$4,
-    OrHint: script$5,
-    OrIcon: script$6,
-    OrInput: script$7,
-    OrInputBox: script$8,
-    OrLabel: script$9,
-    OrMenuItem: script$a,
-    OrPopover: script$b,
-    OrTag: script$2
+    OrError: script$2,
+    OrExpansionPanel: script$3,
+    OrHint: script$4,
+    OrIcon: script$5,
+    OrInput: script$6,
+    OrInputBox: script$7,
+    OrLabel: script$8,
+    OrMenuItem: script$9,
+    OrPopover: script$a,
+    OrTag: script$b
   },
   directives: {
     DropdownClose,

package/dist/bundled/v3/{OrSidebar.vue_vue_type_script_lang-c342ffef.js → OrSidebar.vue_vue_type_script_lang-88cfa4ba.js}

@@ -3,8 +3,8 @@ import _ from 'lodash';
 import { defineComponent, ref, computed, useSlots, watch } from 'vue-demi';
 import { OrSidebarPlacement } from './components/OrSidebarV3/props.js';
 import { SidebarRoot, SidebarBar, SidebarSides, SidebarToolbar, CollapsibleSidebarToolbar, SidebarToolbarSides, SidebarResize, SidebarResizeSides, SidebarResizingSides, SidebarCollapseButton, SidebarCollapseButtonSides, SidebarMain, SidebarHeader, SidebarContent, SidebarFooter } from './components/OrSidebarV3/styles.js';
-import './OrIconButton-0d8e85d9.js';
-import { s as script$2 } from './OrIconButton.vue_vue_type_script_lang-5e089ff3.js';
+import './components/OrIconButtonV3/OrIconButton.js';
+import { s as script$2 } from './OrIconButton.vue_vue_type_script_lang-7a36beed.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createVNode } from 'vue';
 
 const CollapseButtonContainer = [

package/dist/bundled/v3/{OrSortHeader.vue_vue_type_script_lang-d70f3898.js → OrSortHeader.vue_vue_type_script_lang-851671ab.js}

@@ -1,6 +1,6 @@
 import { defineComponent, ref, computed } from 'vue-demi';
 import { SortHeaderRoot } from './components/OrSortHeaderV3/styles.js';
-import './OrIcon-671794cb.js';
+import './components/OrIconV3/OrIcon.js';
 import { s as script$1 } from './OrIcon.vue_vue_type_script_lang-1a037644.js';
 
 var script = defineComponent({

package/dist/bundled/v3/{OrStepper.vue_vue_type_script_lang-42f57de9.js → OrStepper.vue_vue_type_script_lang-88a01c20.js}

@@ -1,5 +1,5 @@
 import { defineComponent } from 'vue-demi';
-import './OrButton-bf88c2a5.js';
+import './components/OrButtonV2/OrButton.js';
 import { s as script$6 } from './OrButton.vue_vue_type_script_lang-e768a47a.js';
 import { resolveComponent, openBlock, createElementBlock, renderSlot, createBlock, createCommentVNode, normalizeClass, createElementVNode, toDisplayString, createVNode, withCtx, normalizeProps, guardReactiveProps } from 'vue';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';

package/dist/bundled/v3/{OrSwitch.vue_vue_type_script_lang-ac699016.js → OrSwitch.vue_vue_type_script_lang-7acd91e9.js}

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed, reactive } from 'vue-demi';
 import { SwitchRoot, SwitchControl, SwitchControlHandle, SwitchLoader, SwitchLoaderHandle } from './components/OrSwitchV3/styles.js';
-import './OrLabel-47f15fc0.js';
-import './OrLoader-1c02d64d.js';
+import './components/OrLabelV3/OrLabel.js';
+import './components/OrLoaderV3/OrLoader.js';
 import { useIdAttribute } from './hooks/useIdAttribute.js';
 import { useControlAttributes } from './hooks/useControlAttributes.js';
 import { s as script$1 } from './OrLabel.vue_vue_type_script_lang-f59a91ee.js';

package/dist/bundled/v3/{OrTabs.vue_vue_type_script_lang-c3739ede.js → OrTabs.vue_vue_type_script_lang-5e20b0b5.js}

@@ -2,38 +2,22 @@ import { useResizeObserver } from '@vueuse/core';
 import { defineComponent, ref, computed, reactive, watch, nextTick, onMounted } from 'vue-demi';
 import { TabsVariant } from './components/OrTabsV3/props.js';
 import { TabsRoot, TabsRootVariants } from './components/OrTabsV3/styles.js';
-import './OrIcon-671794cb.js';
-import './components/OrMenu/OrMenu.js';
-import './components/OrMenuItem/OrMenuItem.js';
-import { s as script$1 } from './OrTab.vue_vue_type_script_lang-88016ffc.js';
-import { openBlock, createElementBlock, normalizeClass, renderSlot } from 'vue';
-import { s as script$2 } from './OrIcon.vue_vue_type_script_lang-1a037644.js';
-import { s as script$3 } from './OrMenu.vue_vue_type_script_lang-911ded05.js';
-import { s as script$4 } from './OrMenuItem.vue_vue_type_script_lang-7f05cee1.js';
-
-const _hoisted_1 = ["selected"];
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", {
-    ref: "root",
-    class: normalizeClass(_ctx.rootStyles),
-    tabindex: 0,
-    selected: _ctx.selected ? '' : null,
-    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))
-  }, [renderSlot(_ctx.$slots, "default")], 42 /* CLASS, PROPS, HYDRATE_EVENTS */, _hoisted_1);
-}
-
-script$1.render = render;
-script$1.__file = "src/components/or-tab-v3/OrTab.vue";
+import './components/OrIconV3/OrIcon.js';
+import './components/OrMenuV3/OrMenu.js';
+import './components/OrMenuItemV3/OrMenuItem.js';
+import './components/OrTabV3/OrTab.js';
+import { s as script$4 } from './OrTab.vue_vue_type_script_lang-88016ffc.js';
+import { s as script$1 } from './OrIcon.vue_vue_type_script_lang-1a037644.js';
+import { s as script$2 } from './OrMenu.vue_vue_type_script_lang-d7a5bf28.js';
+import { s as script$3 } from './OrMenuItem.vue_vue_type_script_lang-2c0c186d.js';
 
 var script = defineComponent({
   name: 'OrTabs',
   components: {
-    OrIcon: script$2,
-    OrMenu: script$3,
-    OrMenuItem: script$4,
-    OrTab: script$1
+    OrIcon: script$1,
+    OrMenu: script$2,
+    OrMenuItem: script$3,
+    OrTab: script$4
   },
   inheritAttrs: false,
   model: {

package/dist/bundled/v3/{OrTag.vue_vue_type_script_lang-37474827.js → OrTag.vue_vue_type_script_lang-cd555f11.js}

@@ -1,8 +1,8 @@
 import { defineComponent, ref, computed, watchPostEffect, unref } from 'vue-demi';
 import { TagVariant, TagColor } from './components/OrTagV3/props.js';
 import { TagRoot, TagRootVariants, TagRootColors } from './components/OrTagV3/styles.js';
-import './OrIconButton-0d8e85d9.js';
-import { s as script$1 } from './OrIconButton.vue_vue_type_script_lang-5e089ff3.js';
+import './components/OrIconButtonV3/OrIconButton.js';
+import { s as script$1 } from './OrIconButton.vue_vue_type_script_lang-7a36beed.js';
 
 var script = defineComponent({
   name: 'OrTag',