@onereach/ui-components 5.5.0-beta.3191.0 → 5.5.0

package/dist/bundled/v2/{OrDateTimePickerMonthSelect-649230ac.js → OrDateTimePickerMonthSelect-261468b3.js}

@@ -14,7 +14,7 @@ const DateTimePickerDateControl = [
 // Interactivity
 'interactivity-auto',
 // Theme (focus)
-'focus:theme-border-2-inherit', 'dark:focus:theme-border-2-inherit-dark', 'focus:theme-border-underline'];
+'focus-visible:theme-border-2-inherit', 'dark:focus-visible:theme-border-2-inherit-dark', 'focus-visible:theme-border-underline'];
 const DateTimePickerDateControlPlaceholder = [
 // Theme
 'theme-foreground-outline', 'dark:theme-foreground-outline-dark'];

package/dist/bundled/v2/{OrDateTimePickerTimeSelect-f91b416e.js → OrDateTimePickerTimeSelect-7fd83e23.js}

@@ -11,7 +11,7 @@ const DateTimePickerTimeControl = [
 // Interactivity
 'interactivity-auto',
 // Theme (focus)
-'focus:theme-border-2-inherit', 'dark:focus:theme-border-2-inherit-dark', 'focus:theme-border-underline'];
+'focus-visible:theme-border-2-inherit', 'dark:focus-visible:theme-border-2-inherit-dark', 'focus-visible:theme-border-underline'];
 const DateTimePickerTimeControlPlaceholder = [
 // Theme
 'theme-foreground-outline', 'dark:theme-foreground-outline-dark'];

package/dist/bundled/v2/components/OrBottomSheetV3/OrBottomSheet.js

@@ -1,4 +1,4 @@
-import { o as onClickOutside } from '../../index-048e41ad.js';
+import { o as onClickOutside } from '../../index-509d77a1.js';
 import { defineComponent, ref, toRefs, computed, watch } from 'vue-demi';
 import useBottomSheetSwipeState from './hooks/useBottomSheetSwipeState.js';
 import { BottomSheetVariant } from './props.js';

package/dist/bundled/v2/components/OrBottomSheetV3/hooks/useBottomSheetSwipeState.js

@@ -1,5 +1,5 @@
 import { ref, computed, unref } from 'vue-demi';
-import { m as usePointerSwipe, S as SwipeDirection } from '../../../index-048e41ad.js';
+import { m as usePointerSwipe, S as SwipeDirection } from '../../../index-509d77a1.js';
 import { BottomSheetVariant } from '../props.js';
 import { useTheme } from '../../../hooks/useTheme.js';
 

package/dist/bundled/v2/components/OrCheckboxTreeV3/OrCheckboxTree.js

@@ -4,7 +4,7 @@ import { CheckboxTreeRoot, CheckboxTreeRootParent } from './styles.js';
 import __vue_component__$1 from '../OrIconV3/OrIcon.js';
 import __vue_component__$2 from '../OrCheckboxV3/OrCheckbox.js';
 import __vue_component__$3 from '../OrButtonV3/OrButton.js';
-import { u as useToggle } from '../../index-8a1b5b9c.js';
+import { u as useToggle } from '../../index-ec92055d.js';
 import { useProxyModelValue } from '../../hooks/useProxyModelValue.js';
 import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
 

package/dist/bundled/v2/components/OrCheckboxV3/styles.js

@@ -17,7 +17,7 @@ const CheckboxControl = [
 // Theme
 'theme-preset-3-primary', 'dark:theme-preset-3-primary-dark', 'theme-background-default', 'dark:theme-background-default-dark', 'theme-border-1-outline', 'dark:theme-border-1-outline-dark',
 // Theme (focus)
-'focus:theme-outline-2-primary', 'dark:focus:theme-outline-2-primary-dark',
+'focus-visible:theme-outline-2-primary', 'dark:focus-visible:theme-outline-2-primary-dark',
 // Theme (checked)
 'checked:theme-preset-1-primary', 'dark:checked:theme-preset-1-primary-dark',
 // Theme (indeterminate)

package/dist/bundled/v2/components/OrCode/OrCode.js

@@ -1,6 +1,6 @@
 import { E as EditorView, a as EditorState, k as keymap } from '../../index-51f352b6.js';
 import { b as basicSetup, i as indentWithTab } from '../../index-00991c6e.js';
-import { u as useElementHover } from '../../index-048e41ad.js';
+import { u as useElementHover } from '../../index-509d77a1.js';
 import { defineComponent, ref } from 'vue-demi';
 import __vue_component__$3 from '../OrTeleport/OrTeleport.js';
 import { OrCodeLanguages } from './constants.js';

package/dist/bundled/v2/components/OrColorPicker/OrColorPicker.js

@@ -1,10 +1,10 @@
 import Palette from './constants.js';
 import { defineComponent, ref } from 'vue-demi';
-import { o as onClickOutside } from '../../index-048e41ad.js';
+import { o as onClickOutside } from '../../index-509d77a1.js';
 import defaultPalette from './utils/defultPalette.js';
 import __vue_component__$1 from '../OrFloating/OrFloating.js';
 import { OrFloatingPlacements } from '../OrFloating/constants.js';
-import { u as useToggle } from '../../index-8a1b5b9c.js';
+import { u as useToggle } from '../../index-ec92055d.js';
 import { s as styleInject } from '../../style-inject.es-4c6f2515.js';
 import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
 

package/dist/bundled/v2/components/OrCombinedInputV3/OrCombinedInput.js

@@ -1,5 +1,5 @@
 import { defineComponent, ref, computed } from 'vue-demi';
-import { CombinedInputRoot, CombinedInputControlGroup } from './styles.js';
+import { CombinedInput, CombinedInputControlGroup } from './styles.js';
 import __vue_component__$1 from '../OrErrorV3/OrError.js';
 import __vue_component__$2 from '../OrHintV3/OrHint.js';
 import __vue_component__$3 from '../OrLabelV3/OrLabel.js';
@@ -51,7 +51,7 @@ var script = defineComponent({
     // Refs
     const root = ref();
     // Styles
-    const rootStyles = computed(() => ['or-combined-input-v3', ...CombinedInputRoot]);
+    const rootStyles = computed(() => ['or-combined-input-v3', ...CombinedInput]);
     const controlGroup = computed(() => [...CombinedInputControlGroup]);
     return {
       root,

package/dist/bundled/v2/components/OrCombinedInputV3/styles.d.ts

@@ -1,2 +1,2 @@
-export declare const CombinedInputRoot: string[];
+export declare const CombinedInput: string[];
 export declare const CombinedInputControlGroup: string[];

package/dist/bundled/v2/components/OrCombinedInputV3/styles.js

@@ -1,4 +1,4 @@
-const CombinedInputRoot = [
+const CombinedInput = [
 // Layout
 'layout-column',
 // Spacing
@@ -9,8 +9,8 @@ const CombinedInputControlGroup = [
 // Box
 'w-full',
 // Shape (.or-input-box-v3)
-'[&_.or-input-box-v3]:first-child:rounded-r-0', '[&_.or-input-box-v3]:intermediate-child:rounded-0', '[&_.or-input-box-v3]:last-child:rounded-l-0',
+'[&_.or-input-box-v3]:first-child:rounded-r-0', '[&_.or-input-box-v3]:middle-child:rounded-0', '[&_.or-input-box-v3]:last-child:rounded-l-0',
 // Spacing (.or-input-box-v3)
-'[&_.or-input-box-v3]:first-child:mr-[-1px]', '[&_.or-input-box-v3]:intermediate-child:border-x-0', '[&_.or-input-box-v3]:last-child:ml-[-1px]'];
+'[&_.or-input-box-v3]:first-child:mr-[-1px]', '[&_.or-input-box-v3]:middle-child:border-x-0', '[&_.or-input-box-v3]:last-child:ml-[-1px]'];
 
-export { CombinedInputControlGroup, CombinedInputRoot };
+export { CombinedInput, CombinedInputControlGroup };

package/dist/bundled/v2/components/OrConfirm/OrConfirm.js

@@ -1,12 +1,12 @@
 import { defineComponent, ref, computed } from 'vue-demi';
-import { a as useMagicKeys, b as useActiveElement } from '../../index-048e41ad.js';
-import { l as logicAnd } from '../../index-82718479.js';
+import { a as useMagicKeys, b as useActiveElement } from '../../index-509d77a1.js';
+import { l as logicAnd } from '../../index-15e8c1f3.js';
 import __vue_component__$1 from '../OrButtonV2/OrButton.js';
 import __vue_component__$2 from '../OrModal/OrModal.js';
 import __vue_component__$3 from '../OrInput/OrInput.js';
 import { BUTTON_COLOR } from '../OrButtonV2/constants.js';
 import { OrModalSizes } from '../OrModal/constants.js';
-import { w as whenever } from '../../index-8a1b5b9c.js';
+import { w as whenever } from '../../index-ec92055d.js';
 import { s as styleInject } from '../../style-inject.es-4c6f2515.js';
 import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
 

package/dist/bundled/v2/components/OrConfirmV3/OrConfirm.js

@@ -1,5 +1,5 @@
-import { a as useMagicKeys, o as onClickOutside } from '../../index-048e41ad.js';
-import { l as logicAnd } from '../../index-82718479.js';
+import { a as useMagicKeys, o as onClickOutside } from '../../index-509d77a1.js';
+import { l as logicAnd } from '../../index-15e8c1f3.js';
 import { defineComponent, ref, toRef, computed, watch } from 'vue-demi';
 import { ConfirmType } from './props.js';
 import { Confirm, ConfirmHeader, ConfirmInput, ConfirmFooter, ConfirmFooterTypes, ConfirmFooterButtons } from './styles.js';
@@ -8,7 +8,7 @@ import __vue_component__$2 from '../OrButtonV3/OrButton.js';
 import __vue_component__$3 from '../OrInputV3/OrInput.js';
 import { ButtonColor } from '../OrButtonV3/props.js';
 import { usePopoverState } from '../../hooks/usePopoverState.js';
-import { w as whenever } from '../../index-8a1b5b9c.js';
+import { w as whenever } from '../../index-ec92055d.js';
 import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
 
 var script = defineComponent({

package/dist/bundled/v2/components/OrDatePickerV3/OrDatePicker.js

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed, toRef, watch } from 'vue-demi';
 import { useCurrentDate } from '../OrDateTimePickerV3/hooks/useCurrentDate.js';
-import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-649230ac.js';
-import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-922f203c.js';
+import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-261468b3.js';
+import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-2c7e113b.js';
 import { DatePicker, DatePickerPopover } from './styles.js';
 import __vue_component__$1 from '../OrErrorV3/OrError.js';
 import __vue_component__$2 from '../OrHintV3/OrHint.js';

package/dist/bundled/v2/components/OrDateTimePicker/OrDateTimePicker.js

@@ -2,7 +2,7 @@ import { _ as _baseToString, t as toString_1 } from '../../toString-f3196832.js'
 import { _ as _baseProperty } from '../../_baseProperty-a52739e9.js';
 import { t as toInteger_1 } from '../../toInteger-2fd112a9.js';
 import { defineComponent, ref, getCurrentInstance } from 'vue-demi';
-import { o as onClickOutside } from '../../index-048e41ad.js';
+import { o as onClickOutside } from '../../index-509d77a1.js';
 import { o as setStyle, r as requestAF, u as getCS, b as reflow, c as cancelAF } from '../../dom-bb55b42a.js';
 import { pxToRem } from '../../utils/functions/px-to-rem.js';
 import { OrDateTimePickerItemTypes, OrDateTimePickerTypes, DEFAULT_TEXT } from './constants.js';

package/dist/bundled/v2/components/OrDateTimePickerV3/OrDateTimePicker.js

@@ -1,8 +1,8 @@
 import { defineComponent, ref, computed, toRef, watch } from 'vue-demi';
 import { useCurrentDate } from './hooks/useCurrentDate.js';
-import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-649230ac.js';
-import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-922f203c.js';
-import { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-f91b416e.js';
+import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-261468b3.js';
+import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-2c7e113b.js';
+import { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-7fd83e23.js';
 import { DateTimePickerTimeFormat } from './props.js';
 import { DateTimePicker, DateTimePickerDatePopover, DateTimePickerTimePopover } from './styles.js';
 import __vue_component__$1 from '../OrErrorV3/OrError.js';

package/dist/bundled/v2/components/OrExpansionPanelV3/styles.js

@@ -45,7 +45,7 @@ const ExpansionPanelHeaderColors = {
   // Theme (hover)
   'hover:md:theme-foreground-primary-hover', 'dark:hover:md:theme-foreground-primary-hover-dark',
   // Theme (focus)
-  'focus:md:theme-foreground-primary-hover', 'dark:focus:md:theme-foreground-primary-hover-dark',
+  'focus-visible:md:theme-foreground-primary-hover', 'dark:focus-visible:md:theme-foreground-primary-hover-dark',
   // Theme (active)
   'active:theme-foreground-primary-hover', 'dark:active:theme-foreground-primary-hover-dark'],
   'danger': [
@@ -54,7 +54,7 @@ const ExpansionPanelHeaderColors = {
   // Theme (hover)
   'hover:md:theme-foreground-error-hover', 'dark:hover:md:theme-foreground-error-hover-dark',
   // Theme (focus)
-  'focus:md:theme-foreground-error-hover', 'dark:focus:md:theme-foreground-error-hover-dark',
+  'focus-visible:md:theme-foreground-error-hover', 'dark:focus-visible:md:theme-foreground-error-hover-dark',
   // Theme (active)
   'active:theme-foreground-error-hover', 'dark:active:theme-foreground-error-hover-dark']
 };

package/dist/bundled/v2/components/OrIconButtonV3/styles.js

@@ -12,7 +12,7 @@ const IconButtonRoot = [
 // Iconography (hover)
 'hover:md:iconography-filled',
 // Iconography (focus)
-'focus:md:iconography-filled',
+'focus-visible:md:iconography-filled',
 // Iconography (active)
 'active:iconography-filled',
 // Theme
@@ -24,7 +24,7 @@ const IconButtonRootColors = {
   // Theme (hover)
   'hover:md:outline-primary-opacity-0-08', 'dark:hover:md:outline-primary-opacity-0-08-dark', 'hover:md:theme-foreground-default', 'dark:hover:md:theme-foreground-default-dark',
   // Theme (focus)
-  'focus:md:outline-primary-opacity-0-08', 'dark:focus:md:outline-primary-opacity-0-08-dark', 'focus:md:theme-foreground-default', 'dark:focus:md:theme-foreground-default-dark',
+  'focus-visible:md:outline-primary-opacity-0-08', 'dark:focus-visible:md:outline-primary-opacity-0-08-dark', 'focus-visible:md:theme-foreground-default', 'dark:focus-visible:md:theme-foreground-default-dark',
   // Theme (active)
   'active:outline-primary-opacity-0-08', 'dark:active:outline-primary-opacity-0-08-dark', 'active:md:outline-primary-opacity-0-16', 'dark:active:md:outline-primary-opacity-0-16-dark', 'active:theme-foreground-default', 'dark:active:theme-foreground-default-dark',
   // Theme (selected)
@@ -35,7 +35,7 @@ const IconButtonRootColors = {
   // Theme (hover)
   'hover:md:outline-error-opacity-0-08', 'dark:hover:md:outline-error-opacity-0-08-dark',
   // Theme (focus)
-  'focus:md:outline-error-opacity-0-08', 'dark:focus:md:outline-error-opacity-0-08-dark',
+  'focus-visible:md:outline-error-opacity-0-08', 'dark:focus-visible:md:outline-error-opacity-0-08-dark',
   // Theme (active)
   'active:outline-error-opacity-0-08', 'dark:active:outline-error-opacity-0-08-dark', 'active:md:outline-error-opacity-0-16', 'dark:active:md:outline-error-opacity-0-16-dark'],
   'inherit': [
@@ -44,7 +44,7 @@ const IconButtonRootColors = {
   // Theme (hover)
   'hover:md:outline-primary-opacity-0-08', 'dark:hover:md:outline-primary-opacity-0-08-dark',
   // Theme (focus)
-  'focus:md:outline-primary-opacity-0-08', 'dark:focus:md:outline-primary-opacity-0-08-dark',
+  'focus-visible:md:outline-primary-opacity-0-08', 'dark:focus-visible:md:outline-primary-opacity-0-08-dark',
   // Theme (active)
   'active:outline-primary-opacity-0-08', 'dark:active:outline-primary-opacity-0-08-dark', 'active:md:outline-primary-opacity-0-16', 'dark:active:md:outline-primary-opacity-0-16-dark']
 };

package/dist/bundled/v2/components/OrInlineTextEdit/OrInlineTextEdit.js

@@ -1,6 +1,6 @@
 import { defineComponent, ref, getCurrentInstance } from 'vue-demi';
 import { InlineTextEditTypes, InlineTextEditTrimmingTypes } from './constants.js';
-import { c as useVModel } from '../../index-048e41ad.js';
+import { c as useVModel } from '../../index-509d77a1.js';
 import { o as setStyle, r as requestAF, u as getCS, b as reflow, c as cancelAF } from '../../dom-bb55b42a.js';
 import { pxToRem } from '../../utils/functions/px-to-rem.js';
 import __vue_component__$1 from '../OrCollapse/OrCollapse.js';

package/dist/bundled/v2/components/OrLoaderV3/OrLoader.js

@@ -1,4 +1,4 @@
-import { g as useElementSize } from '../../index-048e41ad.js';
+import { g as useElementSize } from '../../index-509d77a1.js';
 import { defineComponent, ref, computed } from 'vue-demi';
 import { LoaderVariant, LoaderColor, LoaderSize } from './props.js';
 import { LoaderRoot, LoaderRootColors, LoaderTitle, LoaderDescription, LoaderContainer } from './styles.js';

package/dist/bundled/v2/components/OrModal/OrModal.js

@@ -1,7 +1,7 @@
 import { ref, watch, defineComponent, onBeforeUnmount } from 'vue-demi';
 import { OrModalSizes } from './constants.js';
-import { h as unrefElement, o as onClickOutside } from '../../index-048e41ad.js';
-import { t as tryOnScopeDispose } from '../../index-8a1b5b9c.js';
+import { h as unrefElement, o as onClickOutside } from '../../index-509d77a1.js';
+import { t as tryOnScopeDispose } from '../../index-ec92055d.js';
 import __vue_component__$1 from '../OrIconButtonV2/OrIconButton.js';
 import __vue_component__$2 from '../OrOverlay/OrOverlay.js';
 import { s as styleInject } from '../../style-inject.es-4c6f2515.js';

package/dist/bundled/v2/components/OrOverflowMenu/OrOverflowMenu.js

@@ -1,12 +1,12 @@
 import { defineComponent, ref } from 'vue-demi';
-import { o as onClickOutside } from '../../index-048e41ad.js';
+import { o as onClickOutside } from '../../index-509d77a1.js';
 import __vue_component__$2 from '../OrButtonV2/OrButton.js';
 import { s as styleInject } from '../../style-inject.es-4c6f2515.js';
 import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
 import __vue_component__$3 from '../OrIconButtonV2/OrIconButton.js';
 import __vue_component__$4 from '../OrFloating/OrFloating.js';
 import { OrFloatingPlacements } from '../OrFloating/constants.js';
-import { u as useToggle } from '../../index-8a1b5b9c.js';
+import { u as useToggle } from '../../index-ec92055d.js';
 
 var script$1 = defineComponent({
   name: 'OrOverflowMenuItem',

package/dist/bundled/v2/components/OrOverlayV3/OrOverlay.js

@@ -1,4 +1,4 @@
-import { i as useScrollLock } from '../../index-048e41ad.js';
+import { i as useScrollLock } from '../../index-509d77a1.js';
 import { defineComponent, ref, computed } from 'vue-demi';
 import { Overlay } from './styles.js';
 import __vue_component__$1 from '../OrTeleportV3/OrTeleport.js';

package/dist/bundled/v2/components/OrPassword/OrPassword.js

@@ -1,5 +1,5 @@
 import { defineComponent, ref } from 'vue-demi';
-import { c as useVModel } from '../../index-048e41ad.js';
+import { c as useVModel } from '../../index-509d77a1.js';
 import __vue_component__$1 from '../OrInput/OrInput.js';
 import __vue_component__$2 from '../OrIconButtonV2/OrIconButton.js';
 import useToggle from '../../hooks/useToggle.js';

package/dist/bundled/v2/components/OrPopoverV3/OrPopover.js

@@ -1,5 +1,5 @@
 import { a as autoUpdate, c as computePosition, o as offset, s as shift, f as flip, h as hide } from '../../floating-ui.dom.esm-83eba816.js';
-import { o as onClickOutside } from '../../index-048e41ad.js';
+import { o as onClickOutside } from '../../index-509d77a1.js';
 import { defineComponent, ref, computed, toRef, watchPostEffect, unref } from 'vue-demi';
 import { PopoverVariant, PopoverPlacement } from './props.js';
 import { Popover, PopoverBody, PopoverBodyPlacements } from './styles.js';

package/dist/bundled/v2/components/OrProgressV3/OrProgress.js

@@ -1,4 +1,4 @@
-import { d as useElementBounding } from '../../index-048e41ad.js';
+import { d as useElementBounding } from '../../index-509d77a1.js';
 import { r as round_1 } from '../../round-f34440f4.js';
 import { defineComponent, ref, useSlots, computed } from 'vue-demi';
 import { ProgressType, ProgressColor } from './props.js';

package/dist/bundled/v2/components/OrRadioV3/styles.js

@@ -15,7 +15,7 @@ const RadioControl = [
 // Theme
 'theme-preset-3-primary', 'dark:theme-preset-3-primary-dark', 'theme-background-default', 'dark:theme-background-default-dark', 'theme-border-1-outline', 'dark:theme-border-1-outline-dark',
 // Theme (focus)
-'focus:theme-outline-2-primary', 'dark:focus:theme-outline-2-primary-dark',
+'focus-visible:theme-outline-2-primary', 'dark:focus-visible:theme-outline-2-primary-dark',
 // Theme (checked)
 'checked:theme-preset-1-primary', 'dark:checked:theme-preset-1-primary-dark'];
 const RadioControlHandle = [

package/dist/bundled/v2/components/OrSearch/OrSearch.js

@@ -1,7 +1,7 @@
 import { defineComponent, ref } from 'vue-demi';
 import __vue_component__$1 from '../OrInput/OrInput.js';
 import __vue_component__$2 from '../OrIconButtonV2/OrIconButton.js';
-import { a as watchDebounced } from '../../index-8a1b5b9c.js';
+import { a as watchDebounced } from '../../index-ec92055d.js';
 import { BUTTON_SIZE } from '../OrButtonV2/constants.js';
 import { s as styleInject } from '../../style-inject.es-4c6f2515.js';
 import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';

package/dist/bundled/v2/components/OrSearchV3/OrSearch.js

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed, watch } from 'vue-demi';
 import __vue_component__$1 from '../OrInputV3/OrInput.js';
 import { InputBoxSize } from '../OrInputBoxV3/props.js';
-import { a as watchDebounced } from '../../index-8a1b5b9c.js';
+import { a as watchDebounced } from '../../index-ec92055d.js';
 import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
 
 var script = defineComponent({

package/dist/bundled/v2/components/OrSelect/OrSelect.js

@@ -1,5 +1,5 @@
 import { defineComponent, ref } from 'vue-demi';
-import { o as onClickOutside } from '../../index-048e41ad.js';
+import { o as onClickOutside } from '../../index-509d77a1.js';
 import { isEmpty } from '../../utils/isEmpty.js';
 import { _ as _baseAssignValue } from '../../_baseAssignValue-22e630c1.js';
 import { k as keys_1, _ as _Stack, a as _baseIsEqual, i as isArguments_1 } from '../../_baseIsEqual-a1cc156c.js';

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

@@ -1,4 +1,4 @@
-import { e as useDraggable } from '../../index-048e41ad.js';
+import { e as useDraggable } from '../../index-509d77a1.js';
 import { defineComponent, ref } from 'vue-demi';
 import { OrSidebarSide } from './constants.js';
 import { s as styleInject } from '../../style-inject.es-4c6f2515.js';

package/dist/bundled/v2/components/OrSidebarV3/OrSidebar.js

@@ -1,4 +1,4 @@
-import { e as useDraggable, d as useElementBounding } from '../../index-048e41ad.js';
+import { e as useDraggable, d as useElementBounding } from '../../index-509d77a1.js';
 import { defineComponent, ref, computed, useSlots, watch } from 'vue-demi';
 import { OrSidebarPlacement } from './props.js';
 import __vue_component__$2 from '../OrIconButtonV3/OrIconButton.js';
@@ -24,7 +24,7 @@ const CollapseButtonButton = [
 // Theme (active)
 'active:!text-primary active:dark:!text-primary-dark', 'active:!bg-primary-opacity-0-12 dark:active:!bg-primary-opacity-0-12-dark', 'active:!border-primary dark:active:!border-primary-dark',
 // Theme (focus)
-'focus:!text-primary focus:dark:!text-primary-dark', 'focus:!bg-primary-opacity-0-12 dark:focus:!bg-primary-opacity-0-12-dark', 'focus:!border-outline dark:focus:!border-outline-dark',
+'focus-visible:!text-primary focus-visible:dark:!text-primary-dark', 'focus-visible:!bg-primary-opacity-0-12 dark:focus-visible:!bg-primary-opacity-0-12-dark', 'focus-visible:!border-outline dark:focus-visible:!border-outline-dark',
 // Theme (disabled)
 'disabled:!text-on-disabled disabled:dark:!text-on-disabled-dark', 'disabled:!bg-background disabled:dark:!bg-background-dark', 'disabled:!border-outline-variant disabled:dark:!border-outline-variant-dark'];
 

package/dist/bundled/v2/components/OrSlider/OrSlider.js

@@ -1,5 +1,5 @@
 import { defineComponent, ref } from 'vue-demi';
-import { o as onClickOutside, e as useDraggable } from '../../index-048e41ad.js';
+import { o as onClickOutside, e as useDraggable } from '../../index-509d77a1.js';
 import { f as addClass, h as removeClass } from '../../dom-bb55b42a.js';
 import __vue_component__$1 from '../OrIcon/OrIcon.js';
 import { s as styleInject } from '../../style-inject.es-4c6f2515.js';

package/dist/bundled/v2/components/OrSwitchV3/styles.js

@@ -19,7 +19,7 @@ const SwitchControl = [
 // Theme
 'theme-preset-3-primary', 'dark:theme-preset-3-primary-dark', 'theme-background-default', 'dark:theme-background-default-dark', 'theme-border-1-outline', 'dark:theme-border-1-outline-dark',
 // Theme (focus)
-'focus:theme-outline-2-primary', 'dark:focus:theme-outline-2-primary-dark',
+'focus-visible:theme-outline-2-primary', 'dark:focus-visible:theme-outline-2-primary-dark',
 // Theme (checked)
 'checked:theme-preset-1-primary', 'dark:checked:theme-preset-1-primary-dark'];
 const SwitchControlHandle = [
@@ -28,7 +28,7 @@ const SwitchControlHandle = [
 // Shape
 'after:rounded-full',
 // Theme
-'after:active:w-[20px] after:active:md:w-[18px]', 'after:active:h-[20px] after:active:md:h-[18px]', 'after:bg-outline', 'after:dark:bg-outline-dark', 'after:hover:bg-on-surface-variant', 'after:hover:dark:bg-on-surface-variant-dark', 'after:focus:bg-on-surface-variant', 'after:focus:dark:bg-on-surface-variant-dark', 'after:active:bg-outline', 'after:active:dark:bg-outline-dark', 'after:disabled:bg-on-disabled', 'after:disabled:dark:bg-on-disabled-dark', 'after:checked:bg-on-primary', 'after:checked:dark:bg-on-primary-dark', 'after:checked:shadow', 'after:checked:hover:bg-primary-container', 'after:checked:hover:dark:bg-primary-container-dark', 'after:checked:focus:bg-primary-container', 'after:checked:focus:dark:bg-primary-container-dark', 'after:checked:active:bg-on-primary', 'after:checked:active:dark:bg-on-primary-dark', 'after:checked:disabled:bg-on-disabled', 'after:checked:disabled:dark:bg-on-disabled-dark'];
+'after:active:w-[20px] after:active:md:w-[18px]', 'after:active:h-[20px] after:active:md:h-[18px]', 'after:bg-outline', 'after:dark:bg-outline-dark', 'after:hover:bg-on-surface-variant', 'after:hover:dark:bg-on-surface-variant-dark', 'after:focus-visible:bg-on-surface-variant', 'after:focus-visible:dark:bg-on-surface-variant-dark', 'after:active:bg-outline', 'after:active:dark:bg-outline-dark', 'after:disabled:bg-on-disabled', 'after:disabled:dark:bg-on-disabled-dark', 'after:checked:bg-on-primary', 'after:checked:dark:bg-on-primary-dark', 'after:checked:shadow', 'after:checked:hover:bg-primary-container', 'after:checked:hover:dark:bg-primary-container-dark', 'after:checked:focus-visible:bg-primary-container', 'after:checked:focus-visible:dark:bg-primary-container-dark', 'after:checked:active:bg-on-primary', 'after:checked:active:dark:bg-on-primary-dark', 'after:checked:disabled:bg-on-disabled', 'after:checked:disabled:dark:bg-on-disabled-dark'];
 const SwitchLoader = [
 // Layout
 'layout-row justify-center',

package/dist/bundled/v2/components/OrTabsV3/OrTabs.js

@@ -1,4 +1,4 @@
-import { f as useResizeObserver } from '../../index-048e41ad.js';
+import { f as useResizeObserver } from '../../index-509d77a1.js';
 import { defineComponent, ref, computed, reactive, toRef, watch, nextTick, onMounted } from 'vue-demi';
 import { TabsVariant } from './props.js';
 import { TabsRoot, TabsRootVariants, TabsContainer } from './styles.js';

package/dist/bundled/v2/components/OrTextV3/OrText.vue.d.ts

@@ -3,7 +3,7 @@
  * Ellipsis can be placed in the end or in the middle of the text. Convenient for displaying long labels,
  * that have same beginning and differ in the ending part.
  */
-declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
+declare const _default: import("vue2").ComponentOptions<import("vue2").default, import("@vue/composition-api").ShallowUnwrapRef<{
     root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
     rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
     mainTextStyles: import("@vue/composition-api").ComputedRef<string[]>;
@@ -48,7 +48,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         type: NumberConstructor;
         default: number;
     };
-}>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
+}>> & Omit<import("vue2").VueConstructor<import("vue2").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
     text: string;
     sliceIndex: number;
 } & {}, import("@vue/composition-api").ShallowUnwrapRef<{

package/dist/bundled/v2/components/OrTextarea/OrTextarea.vue.d.ts

@@ -1,4 +1,4 @@
-declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
+declare const _default: import("vue2").ComponentOptions<import("vue2").default, import("@vue/composition-api").ShallowUnwrapRef<{
     inputRef: import("@vue/composition-api").Ref<HTMLTextAreaElement | undefined>;
 }> & {
     reqAF: any;
@@ -106,7 +106,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     isDisabled: BooleanConstructor;
     isReadonly: BooleanConstructor;
     isInvalid: BooleanConstructor;
-}>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
+}>> & Omit<import("vue2").VueConstructor<import("vue2").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
     modelValue: string;
     isSmall: boolean;
     isRequired: boolean;

package/dist/bundled/v2/components/OrTextareaV3/OrTextarea.vue.d.ts

@@ -1,6 +1,6 @@
 import { PropType } from 'vue-demi';
 import { TextareaSize } from './props';
-declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
+declare const _default: import("vue2").ComponentOptions<import("vue2").default, import("@vue/composition-api").ShallowUnwrapRef<{
     root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
     control: import("@vue/composition-api").Ref<HTMLTextAreaElement | undefined>;
     rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
@@ -97,7 +97,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         type: BooleanConstructor;
         default: boolean;
     };
-}>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
+}>> & Omit<import("vue2").VueConstructor<import("vue2").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
     modelValue: string;
     size: TextareaSize;
     label: string;

package/dist/bundled/v2/components/OrTextbox/OrTextbox.vue.d.ts

@@ -1,6 +1,6 @@
 import { PropType } from 'vue-demi';
 import { TextboxTypes } from './constants';
-declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
+declare const _default: import("vue2").ComponentOptions<import("vue2").default, import("@vue/composition-api").ShallowUnwrapRef<{
     inputRef: import("@vue/composition-api").Ref<HTMLInputElement | HTMLTextAreaElement | null>;
     reqAF: import("@vue/composition-api").Ref<null>;
     rootClasses: import("@vue/composition-api").ComputedRef<(string | {
@@ -228,7 +228,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         default: boolean;
         required: false;
     };
-}>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
+}>> & Omit<import("vue2").VueConstructor<import("vue2").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
     modelValue: string;
     id: string;
     placeholder: string;

package/dist/bundled/v2/components/OrTimePickerV3/OrTimePicker.js

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed, toRef, watch } from 'vue-demi';
 import { useCurrentDate } from '../OrDateTimePickerV3/hooks/useCurrentDate.js';
-import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-922f203c.js';
-import { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-f91b416e.js';
+import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-2c7e113b.js';
+import { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-7fd83e23.js';
 import { TimePicker, TimePickerPopover } from './styles.js';
 import __vue_component__$1 from '../OrErrorV3/OrError.js';
 import __vue_component__$2 from '../OrHintV3/OrHint.js';

package/dist/bundled/v2/components/OrTimePickerV3/OrTimePicker.vue.d.ts

@@ -1,7 +1,7 @@
 import { PropType } from 'vue-demi';
 import { FilterFunction } from '../or-date-time-picker-v3/types';
 import { TimePickerFormat, TimePickerSize } from './props';
-declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
+declare const _default: import("vue2").ComponentOptions<import("vue2").default, import("@vue/composition-api").ShallowUnwrapRef<{
     root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
     inputBox: import("@vue/composition-api").Ref<import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
         [x: string]: ((...args: any[]) => any) | null;
@@ -124,7 +124,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         type: BooleanConstructor;
         default: boolean;
     };
-}>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
+}>> & Omit<import("vue2").VueConstructor<import("vue2").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
     modelValue: Date;
     format: "auto" | "h12" | "h23";
     hoursFilter: FilterFunction;

package/dist/bundled/v2/components/OrToast/OrToast.vue.d.ts

@@ -1,7 +1,7 @@
 import { PropType } from 'vue-demi';
 import { ToastType } from './constants';
 import { ToastLink } from './types';
-declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<import("@vue/composition-api").Data> & import("@vue/composition-api").Data, {
+declare const _default: import("vue2").ComponentOptions<import("vue2").default, import("@vue/composition-api").ShallowUnwrapRef<import("@vue/composition-api").Data> & import("@vue/composition-api").Data, {
     onClose(): void;
     onLinkClick(e: MouseEvent): void;
 }, {
@@ -49,7 +49,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         type: NumberConstructor;
         default: null;
     };
-}>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
+}>> & Omit<import("vue2").VueConstructor<import("vue2").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
     toastType: ToastType;
     link: ToastLink;
     messageText: string;

package/dist/bundled/v2/components/OrToast/Timer.js

@@ -1,4 +1,4 @@
-import { n as noop } from '../../index-8a1b5b9c.js';
+import { n as noop } from '../../index-ec92055d.js';
 
 class Timer {
   // eslint-disable-next-line @typescript-eslint/no-empty-function

package/dist/bundled/v2/components/OrToast/composable/useToastEventBus.js

@@ -1,5 +1,5 @@
-import { l as useEventBus } from '../../../index-048e41ad.js';
-import { c as createSharedComposable } from '../../../index-8a1b5b9c.js';
+import { l as useEventBus } from '../../../index-509d77a1.js';
+import { c as createSharedComposable } from '../../../index-ec92055d.js';
 
 const useToastEventBus = () => {
   const busPull = {

package/dist/bundled/v2/components/OrToastContainer/OrToastContainer.js

@@ -4,7 +4,7 @@ import { defineComponent, nextTick } from 'vue-demi';
 import useQueue from '../OrToast/composable/useQueue.js';
 import useToastEventBus from '../OrToast/composable/useToastEventBus.js';
 import { PositionsX, PositionsY, TransitionType } from '../OrToast/constants.js';
-import { u as useToggle } from '../../index-8a1b5b9c.js';
+import { u as useToggle } from '../../index-ec92055d.js';
 import { s as styleInject } from '../../style-inject.es-4c6f2515.js';
 import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
 

package/dist/bundled/v2/components/OrToastContainerV3/OrToastContainer.js

@@ -5,7 +5,7 @@ import __vue_component__$2 from '../OrToastV3/OrToast.js';
 import { P as PositionsX, a as PositionsY, T as TransitionType } from '../../props-7be029c7.js';
 import { ToastContainer, ToastContainerPositions } from '../OrToastV3/styles.js';
 import __vue_component__$1 from '../OrTeleportV3/OrTeleport.js';
-import { u as useToggle } from '../../index-8a1b5b9c.js';
+import { u as useToggle } from '../../index-ec92055d.js';
 import { useElevation } from '../../hooks/useElevation.js';
 import { s as styleInject } from '../../style-inject.es-4c6f2515.js';
 import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';