@onereach/ui-components 4.1.1-beta.2541.0 → 4.1.1

package/dist/esm/v2/components/or-select-v3/index.js

@@ -1,10 +1,10 @@
-export { _ as OrSelectV3 } from '../../OrSelect-9387e798.js';
-export { I as SelectSize } from '../../OrInputBox.vue_rollup-plugin-vue_script-fe250f7a.js';
+export { _ as OrSelectV3 } from '../../OrSelect-40183874.js';
+export { a as SelectSize } from '../../OrInputBox.vue_rollup-plugin-vue_script-23426690.js';
 import 'vue-demi';
-import '../../dropdown-open-e1f90e0a.js';
+import '../../dropdown-open-0d314aa4.js';
 import '../../useOverflow-af6161c8.js';
 import '@vueuse/core';
-import '../../OrCheckbox-f26dde41.js';
+import '../../OrCheckbox-dc587ec9.js';
 import '../../useIdAttribute-859439f0.js';
 import '../../OrLabel-63380256.js';
 import '../../normalize-component-6e8e3d80.js';
@@ -13,8 +13,8 @@ import '../../OrError-4ffc1c39.js';
 import '../../OrExpansionPanel-7c359bb0.js';
 import '../../OrIcon-d35a84d8.js';
 import '../../OrHint-aa221198.js';
-import '../../OrInputBox-d36b1323.js';
-import '../../OrInput-9e5d01ca.js';
+import '../../OrInputBox-6b1aec08.js';
+import '../../OrInput-6370bd94.js';
 import '../../useResponsive-a02e95b7.js';
 import '../../useValidationAttributes-d1abbe34.js';
 import '../../OrIconButton-fbe52eb8.js';

package/dist/esm/v2/components/or-switch-v3/index.js

@@ -1,4 +1,4 @@
-export { _ as OrSwitchV3 } from '../../OrSwitch-9fae0bae.js';
+export { _ as OrSwitchV3 } from '../../OrSwitch-823f71a6.js';
 import 'vue-demi';
 import '../../useIdAttribute-859439f0.js';
 import '@vueuse/core';

package/dist/esm/v2/components/or-tabs-v3/index.js

@@ -1,10 +1,10 @@
-export { _ as OrTabsV3, T as TabsVariant } from '../../OrTabs-e2dbfd20.js';
+export { _ as OrTabsV3, T as TabsVariant } from '../../OrTabs-58881ef9.js';
 import '@vueuse/core';
 import 'vue-demi';
 import '../../OrIcon-d35a84d8.js';
 import '../../normalize-component-6e8e3d80.js';
 import '../../OrMenuItem-6f9b8a93.js';
-import '../../OrMenu-b2f98f30.js';
+import '../../OrMenu-fce31ed4.js';
 import '../../OrPopover-9df5572b.js';
 import '@floating-ui/dom';
 import '../../useElevation-df91fa50.js';

package/dist/esm/v2/components/or-textarea-v3/index.js

@@ -1,5 +1,5 @@
-export { _ as OrTextareaV3 } from '../../OrTextarea-800f63d4.js';
-export { I as TextareaSize } from '../../OrInputBox.vue_rollup-plugin-vue_script-fe250f7a.js';
+export { _ as OrTextareaV3 } from '../../OrTextarea-2d5d0be6.js';
+export { a as TextareaSize } from '../../OrInputBox.vue_rollup-plugin-vue_script-23426690.js';
 import 'vue-demi';
 import '../../useIdAttribute-859439f0.js';
 import '@vueuse/core';
@@ -7,6 +7,6 @@ import '../../useValidationAttributes-d1abbe34.js';
 import '../../OrError-4ffc1c39.js';
 import '../../normalize-component-6e8e3d80.js';
 import '../../OrHint-aa221198.js';
-import '../../OrInputBox-d36b1323.js';
+import '../../OrInputBox-6b1aec08.js';
 import '../../OrLabel-63380256.js';
 import '../../style-inject.es-4c6f2515.js';

package/dist/esm/v2/directives/index.js

@@ -1,2 +1,2 @@
-export { D as DropdownClose, a as DropdownOpen } from '../dropdown-open-e1f90e0a.js';
+export { D as DropdownClose, a as DropdownOpen } from '../dropdown-open-0d314aa4.js';
 import 'vue-demi';

package/dist/esm/v2/{dropdown-open-e1f90e0a.js → dropdown-open-0d314aa4.js}

@@ -3,7 +3,6 @@ import { isVue3 } from 'vue-demi';
 const created$1 = (element, binding) => {
   element.addEventListener('keydown', event => {
     event.preventDefault();
-    event.stopPropagation();
     if (['Escape'].includes(event.key)) {
       binding.value(event);
     }
@@ -16,16 +15,11 @@ const DropdownClose = {
 const created = (element, binding) => {
   element.addEventListener('keydown', event => {
     event.preventDefault();
-    event.stopPropagation();
     if (['Enter', ' '].includes(event.key)) {
       binding.value(event);
     }
   });
-  element.addEventListener('click', event => {
-    event.preventDefault();
-    event.stopPropagation();
-    binding.value(event);
-  });
+  element.addEventListener('click', binding.value);
 };
 const DropdownOpen = {
   [isVue3 ? 'created' : 'bind']: created

package/dist/esm/v2/index.js

@@ -5,31 +5,27 @@ export { _ as OrButton, a as OrButtonColors, b as OrButtonSizes, O as OrButtonVi
 export { _ as OrButtonV2 } from './OrButton-bdddd8d4.js';
 export { _ as OrIconButton, _ as OrIconButtonV2 } from './OrIconButton-97bfd51d.js';
 export { a as BUTTON_COLOR, c as BUTTON_LOADER_TYPE, b as BUTTON_SIZE, B as BUTTON_TYPE, I as ICON_BUTTON_TYPE } from './OrIconButton.vue_rollup-plugin-vue_styles.0-e3806cef.js';
-export { a as ButtonColor, b as ButtonType, B as ButtonVariant, _ as OrButtonV3 } from './OrButton-9622e713.js';
+export { a as ButtonColor, b as ButtonType, B as ButtonVariant, _ as OrButtonV3 } from './OrButton-6b60a776.js';
 export { _ as OrCard } from './OrCard-c44d9783.js';
 export { C as CARD_COLLECTION_LAYOUT, _ as OrCardCollection } from './OrCardCollection-4e014d25.js';
-export { D as DefaultCardCollectionViews, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from './OrCardCollection-37e07aee.js';
+export { D as DefaultCardCollectionViews, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from './OrCardCollection-6b43a9b2.js';
 export { _ as OrCardV3 } from './OrCard-0da13cbe.js';
 export { _ as OrCarousel } from './OrCarousel-3c809a13.js';
 export { _ as OrCarouselItem } from './OrCarouselItem-c614bab9.js';
 export { _ as OrCheckbox } from './OrCheckbox-bf34eb0f.js';
-export { _ as OrCheckboxV3 } from './OrCheckbox-f26dde41.js';
+export { _ as OrCheckboxV3 } from './OrCheckbox-dc587ec9.js';
 export { _ as OrChip } from './OrChip-416e848e.js';
 export { _ as OrChips } from './OrChips-77e789e9.js';
 export { _ as OrCode, O as OrCodeLanguages } from './OrCode-dcb0132a.js';
 export { _ as OrCollapse } from './OrCollapse-50e3914c.js';
 export { _ as OrColorPicker, h as amber, n as black, b as blue, m as blueGrey, k as brown, c as cyan, j as deepOrange, d as deepPurple, g as green, i as indigo, l as lightBlue, e as lightGreen, f as lime, o as orange, p as pink, a as purple, r as red, t as teal, w as white, y as yellow } from './OrColorPicker-fa92b4fa.js';
 export { _ as OrConfirm } from './OrConfirm-497cd260.js';
-export { C as ConfirmType, _ as OrConfirmV3 } from './OrConfirm-dc082874.js';
-export { _ as OrDatePickerV3 } from './OrDatePicker-0cdd933a.js';
-export { _ as OrInputBoxV3 } from './OrInputBox-d36b1323.js';
-export { I as DatePickerSize, I as DateTimePickerSize, I as InputBoxSize, a as InputBoxVariant, I as InputSize, I as SearchSize, I as SelectSize, I as TextareaSize, I as TimePickerSize } from './OrInputBox.vue_rollup-plugin-vue_script-fe250f7a.js';
+export { C as ConfirmType, _ as OrConfirmV3 } from './OrConfirm-92e39afe.js';
 export { D as DEFAULT_TEXT, _ as OrDateTimePicker, a as OrDateTimePickerItemTypes, O as OrDateTimePickerTypes } from './OrDateTimePicker-c88ca716.js';
-export { _ as OrDateTimePickerV3 } from './OrDateTimePicker-76455cd3.js';
-export { E as EmptyStateSize, _ as OrEmptyStateV3 } from './OrEmptyState-2d3fd68d.js';
 export { _ as OrError } from './OrError-efc74907.js';
 export { _ as OrErrorTagV3 } from './OrErrorTag-a55ae01a.js';
 export { _ as OrErrorV3 } from './OrError-4ffc1c39.js';
+export { E as EmptyStateSize, _ as OrEmptyStateV3 } from './OrEmptyState-2d3fd68d.js';
 export { a as ExpansionPanelColor, E as ExpansionPanelVariant, _ as OrExpansionPanelV3 } from './OrExpansionPanel-7c359bb0.js';
 export { F as FabColor, _ as OrFabV3 } from './OrFab-f3a590c0.js';
 export { _ as OrFloating, a as OrFloatingHideStrategy, O as OrFloatingPlacements } from './OrFloating-67b6592e.js';
@@ -42,8 +38,10 @@ export { I as InlineInputBoxSize, I as InlineInputSize, _ as OrInlineInputBoxV3
 export { I as InlineInputType, _ as OrInlineInputV3 } from './OrInlineInput-50bf7e7c.js';
 export { a as InlineTextEditTrimmingTypes, I as InlineTextEditTypes, _ as OrInlineTextEdit } from './OrInlineTextEdit-e8414fb6.js';
 export { _ as OrInlineTextareaV3 } from './OrInlineTextarea-78b8aa48.js';
+export { _ as OrInputBoxV3 } from './OrInputBox-6b1aec08.js';
+export { a as InputBoxSize, I as InputBoxVariant, a as InputSize, a as SearchSize, a as SelectSize, a as TextareaSize } from './OrInputBox.vue_rollup-plugin-vue_script-23426690.js';
+export { I as InputType, _ as OrInputV3 } from './OrInput-6370bd94.js';
 export { _ as OrInput } from './OrInput-c005a759.js';
-export { I as InputType, _ as OrInputV3 } from './OrInput-9e5d01ca.js';
 export { _ as OrLabel } from './OrLabel-931394a5.js';
 export { L as LabelVariant, _ as OrLabelV3 } from './OrLabel-63380256.js';
 export { L as LinkColor, _ as OrLinkV3 } from './OrLink-3679a61f.js';
@@ -52,7 +50,7 @@ export { _ as OrListOfInputs } from './OrListOfInputs-33a7bf87.js';
 export { L as LoaderViews, _ as OrLoader } from './OrLoader-212ef381.js';
 export { a as LoaderColor, b as LoaderSize, L as LoaderVariant, _ as OrLoaderV3 } from './OrLoader-b0c381f9.js';
 export { _ as OrMenuItemV3 } from './OrMenuItem-6f9b8a93.js';
-export { _ as OrMenuV3 } from './OrMenu-b2f98f30.js';
+export { _ as OrMenuV3 } from './OrMenu-fce31ed4.js';
 export { P as MenuPlacement, _ as OrPopoverV3, P as PopoverPlacement, a as PopoverVariant, P as TooltipPlacement } from './OrPopover-9df5572b.js';
 export { _ as OrModal, O as OrModalSizes } from './OrModal-6d84829c.js';
 export { M as ModalSize, _ as OrModalV3 } from './OrModal-77d6cf30.js';
@@ -62,18 +60,18 @@ export { _ as OrNumberInput } from './OrNumberInput-eb0e7087.js';
 export { _ as OrOverflowMenu } from './OrOverflowMenu-5ce7171b.js';
 export { _ as OrOverlay } from './OrOverlay-ccec2218.js';
 export { _ as OrOverlayV3 } from './OrOverlay-b1609eef.js';
-export { _ as OrPaginationV3 } from './OrPagination-94986010.js';
 export { _ as OrPassword } from './OrPassword-3597153d.js';
+export { _ as OrPaginationV3 } from './OrPagination-ad0e1d23.js';
 export { _ as OrProgress, O as OrProgressColors, a as OrProgressTypes } from './OrProgress-e6f20dc1.js';
 export { _ as OrProgressV3, P as ProgressColor, a as ProgressType } from './OrProgress-29957e64.js';
 export { _ as OrRadio } from './OrRadio-514e8de8.js';
 export { _ as OrRadioGroup } from './OrRadioGroup-11424644.js';
-export { _ as OrRadioV3 } from './OrRadio-a812088f.js';
+export { _ as OrRadioV3 } from './OrRadio-26031dd3.js';
 export { _ as OrSearch } from './OrSearch-49ceaac4.js';
-export { _ as OrSearchV3 } from './OrSearch-1f845d8f.js';
+export { _ as OrSearchV3 } from './OrSearch-a3038272.js';
 export { _ as OrSegmentedControlV3, S as SegmentedControlSize } from './OrSegmentedControl-a1ea5b72.js';
 export { _ as OrSelect } from './OrSelect-eb5cc918.js';
-export { _ as OrSelectV3 } from './OrSelect-9387e798.js';
+export { _ as OrSelectV3 } from './OrSelect-40183874.js';
 export { _ as OrSidebar, O as OrSidebarSide } from './OrSidebar-feacf13a.js';
 export { _ as OrSidebarV3 } from './OrSidebar-26785a1e.js';
 export { O as OrSidebarPlacement } from './OrSidebarCollapseButton-9c424133.js';
@@ -88,21 +86,20 @@ export { _ as OrSlider } from './OrSlider-32a14ca4.js';
 export { _ as OrSortHeaderV3 } from './OrSortHeader-8596b958.js';
 export { _ as OrStepper } from './OrStepper-462bc9e6.js';
 export { _ as OrSwitch } from './OrSwitch-cd24ee40.js';
-export { _ as OrSwitchV3 } from './OrSwitch-9fae0bae.js';
+export { _ as OrSwitchV3 } from './OrSwitch-823f71a6.js';
 export { _ as OrTab } from './OrTab-8dfdeca0.js';
 export { _ as OrTabHeaderItem } from './OrTabHeaderItem-6a08756e.js';
 export { _ as OrTabV3 } from './OrTab-81ccc89a.js';
 export { _ as OrTabs } from './OrTabs-12138346.js';
-export { _ as OrTabsV3, T as TabsVariant } from './OrTabs-e2dbfd20.js';
+export { _ as OrTabsV3, T as TabsVariant } from './OrTabs-58881ef9.js';
 export { _ as OrTag } from './OrTag-a1fff567.js';
 export { _ as OrTagV3, a as TagColor, T as TagVariant } from './OrTag-e9761c21.js';
 export { _ as OrTeleport } from './OrTeleport.vue2-f0c16c71.js';
 export { _ as OrTeleportV3 } from './OrTeleport.vue2-fb92f29f.js';
 export { _ as OrTextV3 } from './OrText-6097bca5.js';
 export { _ as OrTextarea } from './OrTextarea-724a4d6f.js';
-export { _ as OrTextareaV3 } from './OrTextarea-800f63d4.js';
+export { _ as OrTextareaV3 } from './OrTextarea-2d5d0be6.js';
 export { _ as OrTextbox, T as TextboxTypes } from './OrTextbox-0a89a533.js';
-export { _ as OrTimePickerV3 } from './OrTimePicker-1430220a.js';
 export { _ as OrToast, a as OrToastContainer } from './OrToastContainer-5ce15a5b.js';
 export { P as PositionsX, b as PositionsY, c as ToastType, T as TransitionType, a as useQueue, u as useToast } from './useToast-4fbe0e5a.js';
 export { a as OrToastContainerV3, _ as OrToastV3, t as TypesV3 } from './types-707995c5.js';
@@ -110,7 +107,7 @@ export { p as PropsV3, a as useQueueV3, u as useToastV3 } from './useToast-06654
 export { _ as OrTooltip } from './OrTooltip-cfb56e8f.js';
 export { _ as OrTooltipContent } from './OrTooltipContent-c9540548.js';
 export { _ as OrTooltipV3 } from './OrTooltip-82c59279.js';
-export { D as DropdownClose, a as DropdownOpen } from './dropdown-open-e1f90e0a.js';
+export { D as DropdownClose, a as DropdownOpen } from './dropdown-open-0d314aa4.js';
 export { u as useControlAttributes, a as useIdAttribute } from './useIdAttribute-859439f0.js';
 export { u as useElevation } from './useElevation-df91fa50.js';
 export { u as useOverflow } from './useOverflow-af6161c8.js';
@@ -140,9 +137,6 @@ import '@lezer/highlight';
 import './px-to-rem-0b26b83e.js';
 import './dom-7a41831b.js';
 import '@vueuse/math';
-import './OrDateTimePickerMonthSelect-439fb0d1.js';
-import './OrDateTimePickerPopoverHeader-ad3792f8.js';
-import './OrDateTimePickerTimeSelect-821a843c.js';
 import '@floating-ui/dom';
 import './OrTooltip.vue_rollup-plugin-vue_styles.0-122f7804.js';
 import 'uuid';

package/dist/esm/v3/{OrButton-c2b6aa9e.js → OrButton-8558588c.js}

@@ -76,9 +76,7 @@ const ButtonRootColors = {
   'danger-text': [
   // Theme
   'theme-preset-4-error', 'dark:theme-preset-4-error-dark'],
-  'inherit-text': [
-  // Theme
-  'theme-foreground-inherit', 'dark:theme-foreground-inherit-dark'],
+  'inherit-text': [],
   'primary-link': [
   // Theme
   'theme-preset-4-primary', 'dark:theme-preset-4-primary-dark'],

package/dist/esm/v3/{OrCardCollection-98497ba1.js → OrCardCollection-631cb8e3.js}

@@ -1,12 +1,12 @@
 import { defineComponent, computed, ref, watch } from 'vue-demi';
-import { s as script$3 } from './OrButton-c2b6aa9e.js';
+import { s as script$3 } from './OrButton-8558588c.js';
 import { s as script$2 } from './OrIconButton-786b9346.js';
 import { s as script$6 } from './OrIcon-62793572.js';
 import { s as script$5 } from './OrMenuItem-dbee450f.js';
-import { s as script$4 } from './OrMenu-c8876a6b.js';
+import { s as script$4 } from './OrMenu-f8132f3e.js';
 import './OrPopover-d6d82a06.js';
-import { s as script$7 } from './OrSearch-07b723b8.js';
-import './OrInputBox-ba40bbdf.js';
+import { s as script$7 } from './OrSearch-d5d46937.js';
+import './OrInputBox-11389afd.js';
 import { openBlock, createElementBlock, normalizeClass, Fragment, renderList, renderSlot, mergeProps, createTextVNode, toDisplayString, resolveComponent, createElementVNode, createVNode, withCtx, createBlock, createCommentVNode, normalizeProps, guardReactiveProps } from 'vue';
 
 const CardCollectionRoot = [

package/dist/esm/v3/{OrCheckbox-e9cb1bf3.js → OrCheckbox-56f849f7.js}

@@ -24,7 +24,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:theme-outline-primary', 'dark:focus:theme-outline-primary-dark',
 // Theme (checked)
 'checked:theme-preset-1-primary', 'dark:checked:theme-preset-1-primary-dark',
 // Theme (indeterminate)

package/dist/esm/v3/{OrConfirm-6c8cf960.js → OrConfirm-b0c7f796.js}

@@ -1,8 +1,8 @@
 import { useMagicKeys, whenever, onClickOutside } from '@vueuse/core';
 import { logicAnd } from '@vueuse/math';
 import { defineComponent, ref, computed, watch } from 'vue-demi';
-import { s as script$2, a as ButtonColor } from './OrButton-c2b6aa9e.js';
-import { s as script$3 } from './OrInput-59cefc84.js';
+import { s as script$2, a as ButtonColor } from './OrButton-8558588c.js';
+import { s as script$3 } from './OrInput-a43b53d2.js';
 import { s as script$1 } from './OrOverlay-d63d39c3.js';
 import { resolveComponent, openBlock, createBlock, withCtx, createElementVNode, mergeProps, normalizeClass, renderSlot, createTextVNode, toDisplayString, createElementBlock, createVNode, createCommentVNode } from 'vue';
 

package/dist/esm/v3/{OrInput-59cefc84.js → OrInput-a43b53d2.js}

@@ -7,7 +7,7 @@ import { s as script$1 } from './OrError-c01d0c29.js';
 import { s as script$2 } from './OrHint-06ab89d7.js';
 import { s as script$4 } from './OrIconButton-786b9346.js';
 import { s as script$3 } from './OrIcon-62793572.js';
-import { s as script$5, I as InputBoxSize } from './OrInputBox-ba40bbdf.js';
+import { s as script$5, a as InputBoxSize } from './OrInputBox-11389afd.js';
 import { s as script$6 } from './OrLabel-4da56db0.js';
 import { s as script$7 } from './OrLoader-b79022da.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, createVNode, withDirectives, createElementVNode, mergeProps, vModelDynamic, Fragment, withModifiers, createSlots, vShow } from 'vue';

package/dist/esm/v3/{OrInputBox-ba40bbdf.js → OrInputBox-11389afd.js}

@@ -24,15 +24,15 @@ const InputBoxRoot = [
 const InputBoxRootVariants = {
   'styled': [
   // Theme
-  'theme-preset-3-primary', 'dark:theme-preset-3-primary-dark', 'theme-foreground-default', 'dark:theme-foreground-default-dark', 'theme-border-1-outline', 'dark:theme-border-1-outline-dark', 'theme-outline-2-transparent', 'dark:theme-outline-2-transparent',
+  'theme-preset-3-primary', 'dark:theme-preset-3-primary-dark', 'theme-foreground-default', 'dark:theme-foreground-default-dark', 'theme-border-1-outline', 'dark:theme-border-1-outline-dark', 'theme-outline-transparent', 'dark:theme-outline-transparent',
   // Theme (focus)
-  'focus-within:theme-background-primary-translucent', 'dark:focus-within:theme-background-primary-translucent-dark', 'focus-within:theme-border-1-primary', 'dark:focus-within:theme-border-1-primary-dark', 'focus-within:theme-outline-2-primary', 'dark:focus-within:theme-outline-2-primary-dark',
+  'focus-within:theme-background-primary-opacity', 'dark:focus-within:theme-background-primary-opacity-dark', 'focus-within:theme-border-1-primary', 'dark:focus-within:theme-border-1-primary-dark', 'focus-within:theme-outline-primary', 'dark:focus-within:theme-outline-primary-dark',
   // Theme (read-only)
-  'read-only:theme-background-primary-translucent', 'dark:read-only:theme-background-primary-translucent-dark', 'read-only:!border-transparent', 'dark:read-only:!border-transparent',
+  'read-only:bg-primary-opacity-0-08', 'dark:read-only:bg-primary-opacity-0-08-dark', 'read-only:!border-transparent', 'dark:read-only:!border-transparent',
   // Theme (invalid)
-  'invalid:theme-preset-3-error', 'dark:invalid:theme-preset-3-error-dark', 'invalid:theme-background-error-translucent', 'dark:invalid:theme-background-error-translucent-dark', 'invalid:theme-foreground-default', 'dark:invalid:theme-foreground-default-dark', 'invalid:theme-border-1-error', 'dark:invalid:theme-border-1-error-dark', 'invalid:theme-outline-2-transparent', 'dark:invalid:theme-outline-2-transparent',
+  'invalid:theme-preset-3-error', 'dark:invalid:theme-preset-3-error-dark', 'invalid:theme-background-error-opacity', 'dark:invalid:theme-background-error-opacity-dark', 'invalid:theme-foreground-default', 'dark:invalid:theme-foreground-default-dark', 'invalid:theme-border-1-error', 'dark:invalid:theme-border-1-error-dark', 'invalid:theme-outline-transparent', 'dark:invalid:theme-outline-transparent',
   // Theme (invalid, focus)
-  'invalid:focus-within:theme-background-error-translucent', 'dark:invalid:focus-within:theme-background-error-translucent-dark', 'invalid:focus-within:theme-border-1-error', 'dark:invalid:focus-within:theme-border-1-error-dark', 'invalid:focus-within:theme-outline-2-error', 'dark:invalid:focus-within:theme-outline-2-error-dark',
+  'invalid:focus-within:theme-background-error-opacity', 'dark:invalid:focus-within:theme-background-error-opacity-dark', 'invalid:focus-within:theme-border-1-error', 'dark:invalid:focus-within:theme-border-1-error-dark', 'invalid:focus-within:theme-outline-error', 'dark:invalid:focus-within:theme-outline-error-dark',
   // Theme (invalid, read-only)
   'invalid:read-only:bg-error-opacity-0-08', 'dark:invalid:read-only:bg-error-opacity-0-08-dark', 'invalid:read-only:!border-transparent', 'dark:invalid:read-only:!border-transparent'],
   'unstyled': [
@@ -44,14 +44,14 @@ const InputBoxRootSizes = {
   // Box
   'children:min-h-[46px] children:md:min-h-[34px]',
   // Spacing
-  'first-child:ml-md first-child:md:ml-sm+', 'last-child:mr-md last-child:md:mr-sm+', 'gap-sm+ md:gap-sm',
+  'first-child:pl-md first-child:md:pl-sm+', 'last-child:pr-md last-child:md:pr-sm+', 'gap-sm+ md:gap-sm',
   // Typography
   'typography-body-2-regular'],
   's': [
   // Box
   'children:min-h-[30px]',
   // Spacing
-  'first-child:ml-md first-child:md:ml-sm+', 'last-child:mr-md last-child:md:mr-sm+', 'gap-[6px]',
+  'first-child:pl-md first-child:md:pl-sm+', 'last-child:pr-md last-child:md:pr-sm+', 'gap-[6px]',
   // Typography
   'typography-caption-regular']
 };
@@ -107,4 +107,4 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
 script.render = render;
 script.__file = "src/components/or-input-box-v3/OrInputBox.vue";
 
-export { InputBoxSize as I, InputBoxVariant as a, script as s };
+export { InputBoxVariant as I, InputBoxSize as a, script as s };

package/dist/esm/v3/{OrMenu-c8876a6b.js → OrMenu-f8132f3e.js}

@@ -25,7 +25,7 @@ var script = defineComponent({
     }
   },
   emits: ['update:state'],
-  expose: ['root', 'state', 'isOpen', 'open', 'close', 'toggle'],
+  expose: ['root', 'isOpen', 'open', 'close', 'toggle'],
   setup() {
     // Refs
     const root = ref();
@@ -34,10 +34,6 @@ var script = defineComponent({
       var _a;
       return (_a = popover.value) === null || _a === void 0 ? void 0 : _a.root;
     });
-    const popoverState = computed(() => {
-      var _a;
-      return (_a = popover.value) === null || _a === void 0 ? void 0 : _a.state;
-    });
     // Styles
     const rootStyles = computed(() => ['or-menu-v3', ...MenuRoot]);
     // State
@@ -77,7 +73,6 @@ var script = defineComponent({
       root,
       popover,
       popoverRoot,
-      state: popoverState,
       rootStyles,
       isOpen,
       open,

package/dist/esm/v3/{OrPagination-c1183308.js → OrPagination-1e334ccd.js}

@@ -1,10 +1,10 @@
 import { defineComponent, ref, computed } from 'vue-demi';
 import '@vueuse/core';
 import { u as useResponsive } from './useResponsive-a02e95b7.js';
-import { s as script$1 } from './OrButton-c2b6aa9e.js';
+import { s as script$1 } from './OrButton-8558588c.js';
 import { s as script$2 } from './OrIcon-62793572.js';
 import { s as script$4 } from './OrMenuItem-dbee450f.js';
-import { s as script$3 } from './OrMenu-c8876a6b.js';
+import { s as script$3 } from './OrMenu-f8132f3e.js';
 import './OrPopover-d6d82a06.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, createVNode, withModifiers, withCtx, Fragment, renderList, createBlock, createTextVNode, toDisplayString, createCommentVNode } from 'vue';
 

package/dist/esm/v3/{OrRadio-a6c88f29.js → OrRadio-a890ee7c.js}

@@ -22,7 +22,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:theme-outline-primary', 'dark:focus:theme-outline-primary-dark',
 // Theme (checked)
 'checked:theme-preset-1-primary', 'dark:checked:theme-preset-1-primary-dark'];
 const RadioControlHandle = [

package/dist/esm/v3/{OrSearch-07b723b8.js → OrSearch-d5d46937.js}

@@ -1,7 +1,7 @@
 import { debouncedWatch } from '@vueuse/core';
 import { defineComponent, ref, computed, watch } from 'vue-demi';
-import { s as script$1 } from './OrInput-59cefc84.js';
-import { I as InputBoxSize } from './OrInputBox-ba40bbdf.js';
+import { s as script$1 } from './OrInput-a43b53d2.js';
+import { a as InputBoxSize } from './OrInputBox-11389afd.js';
 import { resolveComponent, openBlock, createBlock, normalizeClass } from 'vue';
 
 var script = defineComponent({

package/dist/esm/v3/{OrSelect-b6d9d320.js → OrSelect-5502d82d.js}

@@ -1,14 +1,14 @@
 import { defineComponent, getCurrentInstance, ref, computed, onMounted, watch } from 'vue-demi';
-import { D as DropdownClose, a as DropdownOpen } from './dropdown-open-e1f90e0a.js';
+import { D as DropdownClose, a as DropdownOpen } from './dropdown-open-0d314aa4.js';
 import { u as useOverflow } from './useOverflow-af6161c8.js';
 import '@vueuse/core';
-import { s as script$1 } from './OrCheckbox-e9cb1bf3.js';
+import { s as script$1 } from './OrCheckbox-56f849f7.js';
 import { s as script$2 } from './OrError-c01d0c29.js';
 import { s as script$3 } from './OrExpansionPanel-99ca7ed7.js';
 import { s as script$4 } from './OrHint-06ab89d7.js';
 import { s as script$5 } from './OrIcon-62793572.js';
-import { s as script$7, I as InputBoxSize } from './OrInputBox-ba40bbdf.js';
-import { s as script$6 } from './OrInput-59cefc84.js';
+import { s as script$7, a as InputBoxSize } from './OrInputBox-11389afd.js';
+import { s as script$6 } from './OrInput-a43b53d2.js';
 import { s as script$8 } from './OrLabel-4da56db0.js';
 import { s as script$9 } from './OrMenuItem-dbee450f.js';
 import { s as script$a } from './OrPopover-d6d82a06.js';
@@ -210,6 +210,8 @@ var script = defineComponent({
       } else {
         internalSearchOptions.value = await props.searchFunction(searchText, options);
       }
+    }, {
+      deep: true
     });
     const groupedOptions = computed(() => {
       const groupBy = props.groupByFunction;

package/dist/esm/v3/{OrSwitch-594f5a63.js → OrSwitch-97096491.js}

@@ -27,7 +27,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:theme-outline-primary', 'dark:focus:theme-outline-primary-dark',
 // Theme (checked)
 'checked:theme-preset-1-primary', 'dark:checked:theme-preset-1-primary-dark'];
 const SwitchControlHandle = [

package/dist/esm/v3/{OrTabs-ae2c86c4.js → OrTabs-f667cf9f.js}

@@ -2,7 +2,7 @@ import { useResizeObserver } from '@vueuse/core';
 import { defineComponent, ref, computed, reactive, watch, nextTick, onMounted } from 'vue-demi';
 import { s as script$1 } from './OrIcon-62793572.js';
 import { s as script$3 } from './OrMenuItem-dbee450f.js';
-import { s as script$2 } from './OrMenu-c8876a6b.js';
+import { s as script$2 } from './OrMenu-f8132f3e.js';
 import './OrPopover-d6d82a06.js';
 import { s as script$4 } from './OrTab-c11d94f6.js';
 import { resolveComponent, openBlock, createElementBlock, createElementVNode, mergeProps, Fragment, renderList, createBlock, withModifiers, withCtx, createTextVNode, toDisplayString, createVNode, createCommentVNode, renderSlot } from 'vue';

package/dist/esm/v3/{OrTextarea-fa1454e3.js → OrTextarea-08b22d36.js}

@@ -4,7 +4,7 @@ import '@vueuse/core';
 import { u as useValidationAttributes } from './useValidationAttributes-d1abbe34.js';
 import { s as script$1 } from './OrError-c01d0c29.js';
 import { s as script$2 } from './OrHint-06ab89d7.js';
-import { s as script$3, I as InputBoxSize } from './OrInputBox-ba40bbdf.js';
+import { s as script$3, a as InputBoxSize } from './OrInputBox-11389afd.js';
 import { s as script$4 } from './OrLabel-4da56db0.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, createVNode, withDirectives, createElementVNode, mergeProps, vModelText, createSlots, vShow } from 'vue';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';

package/dist/esm/v3/components/index.d.ts

@@ -17,13 +17,11 @@ export * from './or-collapse';
 export * from './or-color-picker';
 export * from './or-confirm';
 export * from './or-confirm-v3';
-export * from './or-date-picker-v3';
 export * from './or-date-time-picker';
-export * from './or-date-time-picker-v3';
-export * from './or-empty-state-v3';
 export * from './or-error';
 export * from './or-error-tag-v3';
 export * from './or-error-v3';
+export * from './or-empty-state-v3';
 export * from './or-expansion-panel-v3';
 export * from './or-fab-v3';
 export * from './or-floating';
@@ -37,9 +35,9 @@ export * from './or-inline-input-box-v3';
 export * from './or-inline-input-v3';
 export * from './or-inline-text-edit';
 export * from './or-inline-textarea-v3';
-export * from './or-input';
 export * from './or-input-box-v3';
 export * from './or-input-v3';
+export * from './or-input';
 export * from './or-label';
 export * from './or-label-v3';
 export * from './or-link-v3';
@@ -57,8 +55,8 @@ export * from './or-number-input';
 export * from './or-overflow-menu';
 export * from './or-overlay';
 export * from './or-overlay-v3';
-export * from './or-pagination-v3';
 export * from './or-password';
+export * from './or-pagination-v3';
 export * from './or-popover-v3';
 export * from './or-progress';
 export * from './or-progress-v3';
@@ -92,7 +90,6 @@ export * from './or-text-v3';
 export * from './or-textarea';
 export * from './or-textarea-v3';
 export * from './or-textbox';
-export * from './or-time-picker-v3';
 export * from './or-toast';
 export * from './or-toast-v3';
 export * from './or-tooltip';