@onereach/ui-components 5.4.1 → 5.4.2-beta.3201.0

package/dist/esm/v2/{OrBottomSheet-73bee95f.js → OrBottomSheet-ee914ea7.js}

@@ -4,7 +4,7 @@ import { u as usePopoverState } from './usePopoverState-b92c698b.js';
 import '@onereach/styles/tailwind-screens';
 import '@onereach/styles/tailwind.config.json';
 import { _ as __vue_component__$1 } from './OrOverlay-33d44692.js';
-import { u as useTheme } from './useTheme-e8494a32.js';
+import { u as useTheme } from './useTheme-0ef25778.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 var BottomSheetVariant;

package/dist/esm/v2/{OrCardCollection-9a06caee.js → OrCardCollection-5d080299.js}

@@ -1,8 +1,8 @@
 import { defineComponent, computed, ref, watch } from 'vue-demi';
-import { _ as __vue_component__$2 } from './OrIconButton-70a0ee3d.js';
-import { _ as __vue_component__$4 } from './OrSearch-87ab9e00.js';
+import { _ as __vue_component__$2 } from './OrIconButton-3a78b121.js';
+import { _ as __vue_component__$4 } from './OrSearch-ffa4470e.js';
 import './OrInputBox.vue_rollup-plugin-vue_script-4fde9829.js';
-import { _ as __vue_component__$3 } from './OrSorting-bf1932d2.js';
+import { _ as __vue_component__$3 } from './OrSorting-e7bb80e3.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 var CardCollectionView;

package/dist/esm/v2/{OrCheckbox-dba95415.js → OrCheckbox-046d269e.js}

@@ -28,7 +28,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/esm/v2/{OrCheckboxGroup-5b015a06.js → OrCheckboxGroup-48ea3b35.js}

@@ -3,7 +3,7 @@ import '@vueuse/core';
 import { u as useProxyModelValue } from './useProxyModelValue-940010d2.js';
 import '@onereach/styles/tailwind-screens';
 import '@onereach/styles/tailwind.config.json';
-import { _ as __vue_component__$1 } from './OrCheckboxTree-aa833b6d.js';
+import { _ as __vue_component__$1 } from './OrCheckboxTree-c5fbd059.js';
 import { _ as __vue_component__$2, F as FormGroupDirection } from './OrFormGroup-9000fcdf.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 

package/dist/esm/v2/{OrCheckboxTree-aa833b6d.js → OrCheckboxTree-c5fbd059.js}

@@ -4,7 +4,7 @@ import { u as useProxyModelValue } from './useProxyModelValue-940010d2.js';
 import '@onereach/styles/tailwind-screens';
 import '@onereach/styles/tailwind.config.json';
 import { _ as __vue_component__$3 } from './OrButton-a23ee9f0.js';
-import { _ as __vue_component__$2 } from './OrCheckbox-dba95415.js';
+import { _ as __vue_component__$2 } from './OrCheckbox-046d269e.js';
 import { _ as __vue_component__$1 } from './OrIcon-d35a84d8.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 

package/dist/esm/v2/{OrCode-c9568e89.js → OrCode-c3ba920e.js}

@@ -12,15 +12,15 @@ import { a as useIdAttribute, u as useControlAttributes } from './useIdAttribute
 import '@vueuse/core';
 import { u as useProxyModelValue } from './useProxyModelValue-940010d2.js';
 import '@onereach/styles/tailwind-screens';
-import { u as useTheme } from './useTheme-e8494a32.js';
+import { u as useTheme } from './useTheme-0ef25778.js';
 import { u as useValidationAttributes } from './useValidationAttributes-d1abbe34.js';
 import { _ as __vue_component__$1 } from './OrError-4ffc1c39.js';
 import { _ as __vue_component__$2 } from './OrHint-aa221198.js';
-import { _ as __vue_component__$3 } from './OrIconButton-70a0ee3d.js';
+import { _ as __vue_component__$3 } from './OrIconButton-3a78b121.js';
 import { _ as __vue_component__$4 } from './OrInputBox-7dc5b9e9.js';
 import './OrInputBox.vue_rollup-plugin-vue_script-4fde9829.js';
 import { _ as __vue_component__$5 } from './OrLabel-4a3d8904.js';
-import { _ as __vue_component__$6 } from './OrModal-488aa652.js';
+import { _ as __vue_component__$6 } from './OrModal-35c47deb.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 var CodeLanguage;

package/dist/esm/v2/{OrCombinedInput-2639e3e1.js → OrCombinedInput-08f20c4c.js}

@@ -5,7 +5,7 @@ import { _ as __vue_component__$3 } from './OrLabel-4a3d8904.js';
 import { I as InputBoxSize } from './OrInputBox.vue_rollup-plugin-vue_script-4fde9829.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
-const CombinedInputRoot = [
+const CombinedInput = [
 // Layout
 'layout-column',
 // Spacing
@@ -16,9 +16,9 @@ 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]'];
 
 var script = defineComponent({
   name: 'OrCombinedInput',
@@ -65,7 +65,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/esm/v2/{OrConfirm-5c2c36ab.js → OrConfirm-c99f51e0.js}

@@ -5,7 +5,7 @@ import { u as usePopoverState } from './usePopoverState-b92c698b.js';
 import '@onereach/styles/tailwind-screens';
 import '@onereach/styles/tailwind.config.json';
 import { _ as __vue_component__$2, a as ButtonColor } from './OrButton-a23ee9f0.js';
-import { _ as __vue_component__$3 } from './OrInput-68f18628.js';
+import { _ as __vue_component__$3 } from './OrInput-829f5048.js';
 import { _ as __vue_component__$1 } from './OrOverlay-33d44692.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 

package/dist/esm/v2/{OrDatePicker-1763952e.js → OrDatePicker-7816c5ad.js}

@@ -4,15 +4,15 @@ import '@vueuse/core';
 import { u as useProxyModelValue } from './useProxyModelValue-940010d2.js';
 import '@onereach/styles/tailwind-screens';
 import '@onereach/styles/tailwind.config.json';
-import { _ as __vue_component__$1, a as __vue_component__$2, b as __vue_component__$3, c as __vue_component__$4, d as __vue_component__$5, e as __vue_component__$6, u as useCurrentDate } from './OrDateTimePickerPopoverHeader-daa351aa.js';
+import { _ as __vue_component__$1, a as __vue_component__$2, b as __vue_component__$3, c as __vue_component__$4, d as __vue_component__$5, e as __vue_component__$6, u as useCurrentDate } from './OrDateTimePickerPopoverHeader-a884b262.js';
 import { _ as __vue_component__$7 } from './OrError-4ffc1c39.js';
 import { _ as __vue_component__$8 } from './OrHint-aa221198.js';
-import { _ as __vue_component__$a } from './OrIconButton-70a0ee3d.js';
+import { _ as __vue_component__$a } from './OrIconButton-3a78b121.js';
 import { _ as __vue_component__$9 } from './OrIcon-d35a84d8.js';
 import { _ as __vue_component__$b } from './OrInputBox-7dc5b9e9.js';
 import { I as InputBoxSize } from './OrInputBox.vue_rollup-plugin-vue_script-4fde9829.js';
 import { _ as __vue_component__$c } from './OrLabel-4a3d8904.js';
-import { _ as __vue_component__$d } from './OrPopover-ad7d7d2f.js';
+import { _ as __vue_component__$d } from './OrPopover-0a96e039.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 const DatePicker = [

package/dist/esm/v2/{OrDateTimePicker-baf1e29a.js → OrDateTimePicker-c53a073c.js}

@@ -1,4 +1,4 @@
-import { s as script } from './OrDateTimePicker.vue_rollup-plugin-vue_script-e0d68146.js';
+import { s as script } from './OrDateTimePicker.vue_rollup-plugin-vue_script-8f0f62c9.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 /* script */

package/dist/esm/v2/{OrDateTimePicker.vue_rollup-plugin-vue_script-e0d68146.js → OrDateTimePicker.vue_rollup-plugin-vue_script-8f0f62c9.js}

@@ -6,13 +6,13 @@ import '@onereach/styles/tailwind-screens';
 import '@onereach/styles/tailwind.config.json';
 import { _ as __vue_component__$9 } from './OrError-4ffc1c39.js';
 import { _ as __vue_component__$a } from './OrHint-aa221198.js';
-import { _ as __vue_component__$c } from './OrIconButton-70a0ee3d.js';
+import { _ as __vue_component__$c } from './OrIconButton-3a78b121.js';
 import { _ as __vue_component__$b } from './OrIcon-d35a84d8.js';
 import { _ as __vue_component__$d } from './OrInputBox-7dc5b9e9.js';
 import { I as InputBoxSize } from './OrInputBox.vue_rollup-plugin-vue_script-4fde9829.js';
 import { _ as __vue_component__$e } from './OrLabel-4a3d8904.js';
-import { _ as __vue_component__$f } from './OrPopover-ad7d7d2f.js';
-import { _ as __vue_component__$3, a as __vue_component__$4, b as __vue_component__$5, c as __vue_component__$6, d as __vue_component__$7, e as __vue_component__$8, u as useCurrentDate } from './OrDateTimePickerPopoverHeader-daa351aa.js';
+import { _ as __vue_component__$f } from './OrPopover-0a96e039.js';
+import { _ as __vue_component__$3, a as __vue_component__$4, b as __vue_component__$5, c as __vue_component__$6, d as __vue_component__$7, e as __vue_component__$8, u as useCurrentDate } from './OrDateTimePickerPopoverHeader-a884b262.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 import { _ as __vue_component__$2 } from './OrButton-a23ee9f0.js';
 
@@ -38,7 +38,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/esm/v2/{OrDateTimePickerPopoverHeader-daa351aa.js → OrDateTimePickerPopoverHeader-a884b262.js}

@@ -6,11 +6,11 @@ import '@onereach/styles/tailwind.config.json';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 import { _ as __vue_component__$6 } from './OrButton-a23ee9f0.js';
 import { _ as __vue_component__$7 } from './OrLabel-4a3d8904.js';
-import { _ as __vue_component__$9 } from './OrIconButton-70a0ee3d.js';
+import { _ as __vue_component__$9 } from './OrIconButton-3a78b121.js';
 import { _ as __vue_component__$8 } from './OrIcon-d35a84d8.js';
 import { _ as __vue_component__$b } from './OrMenuItem-c1c97ebe.js';
-import { _ as __vue_component__$a } from './OrMenu-45abc34f.js';
-import './OrPopover-ad7d7d2f.js';
+import { _ as __vue_component__$a } from './OrMenu-e732f3a2.js';
+import './OrPopover-0a96e039.js';
 
 function useCurrentDate() {
   const currentDate = new Date();
@@ -31,7 +31,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/esm/v2/{OrExpansionPanel-f65b9923.js → OrExpansionPanel-c65e4082.js}

@@ -70,7 +70,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': [
@@ -79,7 +79,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/esm/v2/{OrIconButton-70a0ee3d.js → OrIconButton-3a78b121.js}

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed, isVue3 } from 'vue-demi';
 import { _ as __vue_component__$1, I as IconSize } from './OrIcon-d35a84d8.js';
-import { _ as __vue_component__$2 } from './OrTooltip-f1f127a5.js';
-import './OrPopover-ad7d7d2f.js';
+import { _ as __vue_component__$2 } from './OrTooltip-f60c2754.js';
+import './OrPopover-0a96e039.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 var IconButtonColor;
@@ -25,7 +25,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
@@ -37,7 +37,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)
@@ -48,7 +48,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': [
@@ -57,7 +57,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/esm/v2/{OrInlineInput-1eabe421.js → OrInlineInput-fecfca02.js}

@@ -7,7 +7,7 @@ import '@onereach/styles/tailwind.config.json';
 import { u as useValidationAttributes } from './useValidationAttributes-d1abbe34.js';
 import { _ as __vue_component__$1 } from './OrError-4ffc1c39.js';
 import { _ as __vue_component__$2 } from './OrHint-aa221198.js';
-import { _ as __vue_component__$3 } from './OrIconButton-70a0ee3d.js';
+import { _ as __vue_component__$3 } from './OrIconButton-3a78b121.js';
 import { _ as __vue_component__$4, I as InlineInputBoxSize } from './OrInlineInputBox-19b49ee6.js';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';

package/dist/esm/v2/{OrInlineTextarea-c67116eb.js → OrInlineTextarea-97b9272d.js}

@@ -7,7 +7,7 @@ import '@onereach/styles/tailwind.config.json';
 import { u as useValidationAttributes } from './useValidationAttributes-d1abbe34.js';
 import { _ as __vue_component__$1 } from './OrError-4ffc1c39.js';
 import { _ as __vue_component__$2 } from './OrHint-aa221198.js';
-import { _ as __vue_component__$3 } from './OrIconButton-70a0ee3d.js';
+import { _ as __vue_component__$3 } from './OrIconButton-3a78b121.js';
 import { _ as __vue_component__$4 } from './OrInlineInputBox-19b49ee6.js';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';

package/dist/esm/v2/{OrInput-68f18628.js → OrInput-829f5048.js}

@@ -7,7 +7,7 @@ import '@onereach/styles/tailwind.config.json';
 import { u as useValidationAttributes } from './useValidationAttributes-d1abbe34.js';
 import { _ as __vue_component__$1 } from './OrError-4ffc1c39.js';
 import { _ as __vue_component__$2 } from './OrHint-aa221198.js';
-import { _ as __vue_component__$4 } from './OrIconButton-70a0ee3d.js';
+import { _ as __vue_component__$4 } from './OrIconButton-3a78b121.js';
 import { _ as __vue_component__$3 } from './OrIcon-d35a84d8.js';
 import { _ as __vue_component__$5 } from './OrInputBox-7dc5b9e9.js';
 import { I as InputBoxSize } from './OrInputBox.vue_rollup-plugin-vue_script-4fde9829.js';

package/dist/esm/v2/{OrMenu-45abc34f.js → OrMenu-e732f3a2.js}

@@ -3,7 +3,7 @@ import '@vueuse/core';
 import { u as usePopoverState } from './usePopoverState-b92c698b.js';
 import '@onereach/styles/tailwind-screens';
 import '@onereach/styles/tailwind.config.json';
-import { _ as __vue_component__$1, P as PopoverPlacement } from './OrPopover-ad7d7d2f.js';
+import { _ as __vue_component__$1, P as PopoverPlacement } from './OrPopover-0a96e039.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 const Menu = [

package/dist/esm/v2/{OrModal-488aa652.js → OrModal-35c47deb.js}

@@ -5,7 +5,7 @@ import '@onereach/styles/tailwind-screens';
 import '@onereach/styles/tailwind.config.json';
 import { _ as __vue_component__$5 } from './OrOverlay-33d44692.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
-import { _ as __vue_component__$4 } from './OrIconButton-70a0ee3d.js';
+import { _ as __vue_component__$4 } from './OrIconButton-3a78b121.js';
 
 const ModalContent = [
 // Overflow

package/dist/esm/v2/{OrNotification-b68c3966.js → OrNotification-cd586331.js}

@@ -1,5 +1,5 @@
 import { defineComponent, ref, computed } from 'vue-demi';
-import { _ as __vue_component__$2 } from './OrIconButton-70a0ee3d.js';
+import { _ as __vue_component__$2 } from './OrIconButton-3a78b121.js';
 import { _ as __vue_component__$1 } from './OrIcon-d35a84d8.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 

package/dist/esm/v2/{OrPagination-3a982443.js → OrPagination-64021697.js}

@@ -6,8 +6,8 @@ import '@onereach/styles/tailwind.config.json';
 import { _ as __vue_component__$1 } from './OrButton-a23ee9f0.js';
 import { _ as __vue_component__$2 } from './OrIcon-d35a84d8.js';
 import { _ as __vue_component__$4 } from './OrMenuItem-c1c97ebe.js';
-import { _ as __vue_component__$3 } from './OrMenu-45abc34f.js';
-import './OrPopover-ad7d7d2f.js';
+import { _ as __vue_component__$3 } from './OrMenu-e732f3a2.js';
+import './OrPopover-0a96e039.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 const PaginationRoot = [

package/dist/esm/v2/{OrPopover-ad7d7d2f.js → OrPopover-0a96e039.js}

@@ -5,7 +5,7 @@ import { u as useElevation } from './useElevation-a50ec347.js';
 import { u as usePopoverState } from './usePopoverState-b92c698b.js';
 import { u as useResponsive } from './useResponsive-dfa0f675.js';
 import '@onereach/styles/tailwind.config.json';
-import { _ as __vue_component__$1 } from './OrBottomSheet-73bee95f.js';
+import { _ as __vue_component__$1 } from './OrBottomSheet-ee914ea7.js';
 import { _ as __vue_component__$2 } from './OrTeleport.vue2-424c7f33.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 

package/dist/esm/v2/{OrRadio-740aad2b.js → OrRadio-23b84d05.js}

@@ -25,7 +25,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/esm/v2/{OrRadioGroup-d22c9580.js → OrRadioGroup-1d86bdbb.js}

@@ -4,7 +4,7 @@ import { u as useProxyModelValue } from './useProxyModelValue-940010d2.js';
 import '@onereach/styles/tailwind-screens';
 import '@onereach/styles/tailwind.config.json';
 import { _ as __vue_component__$1 } from './OrFormGroup-9000fcdf.js';
-import { _ as __vue_component__$2 } from './OrRadio-740aad2b.js';
+import { _ as __vue_component__$2 } from './OrRadio-23b84d05.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 var script = defineComponent({

package/dist/esm/v2/{OrSearch-87ab9e00.js → OrSearch-ffa4470e.js}

@@ -1,6 +1,6 @@
 import { debouncedWatch } from '@vueuse/core';
 import { defineComponent, ref, computed, watch } from 'vue-demi';
-import { _ as __vue_component__$1 } from './OrInput-68f18628.js';
+import { _ as __vue_component__$1 } from './OrInput-829f5048.js';
 import { I as InputBoxSize } from './OrInputBox.vue_rollup-plugin-vue_script-4fde9829.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 

package/dist/esm/v2/{OrSelect-8c9d9398.js → OrSelect-bb581586.js}

@@ -6,19 +6,19 @@ import { u as useProxyModelValue } from './useProxyModelValue-940010d2.js';
 import { u as useResponsive } from './useResponsive-dfa0f675.js';
 import '@onereach/styles/tailwind.config.json';
 import { i as isEmptyValue } from './isEmptyValue-fd56a6e4.js';
-import { _ as __vue_component__$2 } from './OrCheckbox-dba95415.js';
+import { _ as __vue_component__$2 } from './OrCheckbox-046d269e.js';
 import { _ as __vue_component__$3 } from './OrError-4ffc1c39.js';
-import { _ as __vue_component__$4 } from './OrExpansionPanel-f65b9923.js';
+import { _ as __vue_component__$4 } from './OrExpansionPanel-c65e4082.js';
 import { _ as __vue_component__$5 } from './OrHint-aa221198.js';
-import { _ as __vue_component__$7 } from './OrIconButton-70a0ee3d.js';
+import { _ as __vue_component__$7 } from './OrIconButton-3a78b121.js';
 import { _ as __vue_component__$6 } from './OrIcon-d35a84d8.js';
 import { _ as __vue_component__$9 } from './OrInputBox-7dc5b9e9.js';
 import { I as InputBoxSize } from './OrInputBox.vue_rollup-plugin-vue_script-4fde9829.js';
-import { _ as __vue_component__$8 } from './OrInput-68f18628.js';
+import { _ as __vue_component__$8 } from './OrInput-829f5048.js';
 import { _ as __vue_component__$a } from './OrLabel-4a3d8904.js';
 import { _ as __vue_component__$b } from './OrMenuItem-c1c97ebe.js';
-import { _ as __vue_component__$c } from './OrPopover-ad7d7d2f.js';
-import { _ as __vue_component__$d } from './OrTag-3289fe81.js';
+import { _ as __vue_component__$c } from './OrPopover-0a96e039.js';
+import { _ as __vue_component__$d } from './OrTag-60b9d965.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 const SelectPlaceholder = [

package/dist/esm/v2/{OrSidebar-3c82bd05.js → OrSidebar-cd9babfa.js}

@@ -1,6 +1,6 @@
 import { useDraggable, useElementBounding } from '@vueuse/core';
 import { defineComponent, ref, computed, useSlots, watch } from 'vue-demi';
-import { _ as __vue_component__$1, O as OrSidebarPlacement } from './OrSidebarCollapseButton-fc258b03.js';
+import { _ as __vue_component__$1, O as OrSidebarPlacement } from './OrSidebarCollapseButton-d0b78864.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 const SidebarRoot = [

package/dist/esm/v2/{OrSidebarCollapseButton-fc258b03.js → OrSidebarCollapseButton-d0b78864.js}

@@ -1,5 +1,5 @@
 import { defineComponent, ref, computed } from 'vue-demi';
-import { _ as __vue_component__$1 } from './OrIconButton-70a0ee3d.js';
+import { _ as __vue_component__$1 } from './OrIconButton-3a78b121.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 var OrSidebarPlacement;
@@ -27,7 +27,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/esm/v2/{OrSorting-bf1932d2.js → OrSorting-e7bb80e3.js}

@@ -1,6 +1,6 @@
 import { defineComponent, ref, toRef, computed } from 'vue-demi';
-import { _ as __vue_component__$1 } from './OrMenu-45abc34f.js';
-import './OrPopover-ad7d7d2f.js';
+import { _ as __vue_component__$1 } from './OrMenu-e732f3a2.js';
+import './OrPopover-0a96e039.js';
 import { _ as __vue_component__$2 } from './OrMenuItem-c1c97ebe.js';
 import { _ as __vue_component__$3 } from './OrButton-a23ee9f0.js';
 import { _ as __vue_component__$4 } from './OrIcon-d35a84d8.js';

package/dist/esm/v2/{OrSwitch-d0cf0abe.js → OrSwitch-ba0e893f.js}

@@ -30,7 +30,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 = [
@@ -39,7 +39,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/esm/v2/{OrTabs-3aaae575.js → OrTabs-37353474.js}

@@ -5,8 +5,8 @@ import '@onereach/styles/tailwind-screens';
 import '@onereach/styles/tailwind.config.json';
 import { _ as __vue_component__$1 } from './OrIcon-d35a84d8.js';
 import { _ as __vue_component__$3 } from './OrMenuItem-c1c97ebe.js';
-import { _ as __vue_component__$2 } from './OrMenu-45abc34f.js';
-import './OrPopover-ad7d7d2f.js';
+import { _ as __vue_component__$2 } from './OrMenu-e732f3a2.js';
+import './OrPopover-0a96e039.js';
 import { _ as __vue_component__$4 } from './OrTab-88036fe9.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 

package/dist/esm/v2/{OrTag-3289fe81.js → OrTag-60b9d965.js}

@@ -1,5 +1,5 @@
 import { defineComponent, ref, computed, watchPostEffect, unref } from 'vue-demi';
-import { _ as __vue_component__$1 } from './OrIconButton-70a0ee3d.js';
+import { _ as __vue_component__$1 } from './OrIconButton-3a78b121.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 var TagVariant;

package/dist/esm/v2/{OrTagInput-f4221906.js → OrTagInput-ccaf1575.js}

@@ -7,11 +7,11 @@ import '@onereach/styles/tailwind.config.json';
 import { u as useValidationAttributes } from './useValidationAttributes-d1abbe34.js';
 import { _ as __vue_component__$1 } from './OrError-4ffc1c39.js';
 import { _ as __vue_component__$2 } from './OrHint-aa221198.js';
-import { _ as __vue_component__$3 } from './OrIconButton-70a0ee3d.js';
+import { _ as __vue_component__$3 } from './OrIconButton-3a78b121.js';
 import { _ as __vue_component__$4 } from './OrInputBox-7dc5b9e9.js';
 import { I as InputBoxSize } from './OrInputBox.vue_rollup-plugin-vue_script-4fde9829.js';
 import { _ as __vue_component__$5 } from './OrLabel-4a3d8904.js';
-import { _ as __vue_component__$6 } from './OrTags-4c3ab717.js';
+import { _ as __vue_component__$6 } from './OrTags-194575ae.js';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 

package/dist/esm/v2/{OrTags-4c3ab717.js → OrTags-194575ae.js}

@@ -4,8 +4,8 @@ import '@vueuse/core';
 import '@onereach/styles/tailwind-screens';
 import '@onereach/styles/tailwind.config.json';
 import { _ as __vue_component__$1 } from './OrButton-a23ee9f0.js';
-import { _ as __vue_component__$2 } from './OrPopover-ad7d7d2f.js';
-import { _ as __vue_component__$3 } from './OrTag-3289fe81.js';
+import { _ as __vue_component__$2 } from './OrPopover-0a96e039.js';
+import { _ as __vue_component__$3 } from './OrTag-60b9d965.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 const Tags = [

package/dist/esm/v2/{OrTimePicker-2f7f6b98.js → OrTimePicker-56dcd92d.js}

@@ -4,16 +4,16 @@ import '@vueuse/core';
 import { u as useProxyModelValue } from './useProxyModelValue-940010d2.js';
 import '@onereach/styles/tailwind-screens';
 import '@onereach/styles/tailwind.config.json';
-import { b as __vue_component__$1, d as __vue_component__$2, e as __vue_component__$3, u as useCurrentDate } from './OrDateTimePickerPopoverHeader-daa351aa.js';
-import { _ as __vue_component__$4, a as __vue_component__$5, D as DateTimePickerTimeFormat } from './OrDateTimePicker.vue_rollup-plugin-vue_script-e0d68146.js';
+import { b as __vue_component__$1, d as __vue_component__$2, e as __vue_component__$3, u as useCurrentDate } from './OrDateTimePickerPopoverHeader-a884b262.js';
+import { _ as __vue_component__$4, a as __vue_component__$5, D as DateTimePickerTimeFormat } from './OrDateTimePicker.vue_rollup-plugin-vue_script-8f0f62c9.js';
 import { _ as __vue_component__$6 } from './OrError-4ffc1c39.js';
 import { _ as __vue_component__$7 } from './OrHint-aa221198.js';
-import { _ as __vue_component__$9 } from './OrIconButton-70a0ee3d.js';
+import { _ as __vue_component__$9 } from './OrIconButton-3a78b121.js';
 import { _ as __vue_component__$8 } from './OrIcon-d35a84d8.js';
 import { _ as __vue_component__$a } from './OrInputBox-7dc5b9e9.js';
 import { I as InputBoxSize } from './OrInputBox.vue_rollup-plugin-vue_script-4fde9829.js';
 import { _ as __vue_component__$b } from './OrLabel-4a3d8904.js';
-import { _ as __vue_component__$c } from './OrPopover-ad7d7d2f.js';
+import { _ as __vue_component__$c } from './OrPopover-0a96e039.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 const TimePicker = [

package/dist/esm/v2/{OrTooltip-f1f127a5.js → OrTooltip-f60c2754.js}

@@ -3,7 +3,7 @@ import '@vueuse/core';
 import { u as usePopoverState } from './usePopoverState-b92c698b.js';
 import '@onereach/styles/tailwind-screens';
 import '@onereach/styles/tailwind.config.json';
-import { _ as __vue_component__$1, P as PopoverPlacement } from './OrPopover-ad7d7d2f.js';
+import { _ as __vue_component__$1, P as PopoverPlacement } from './OrPopover-0a96e039.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 const TooltipRoot = [