@onereach/ui-components 10.4.5-beta.4373.0 → 10.5.0-beta.4375.0

package/dist/esm/v2/index.js

@@ -1,22 +1,22 @@
-export { _ as OrAutocompleteV3 } from './OrAutocomplete-dc36d171.js';
+export { _ as OrAutocompleteV3 } from './OrAutocomplete-05d24552.js';
 export { O as OR_AVATAR_SIZE, _ as OrAvatar } from './OrAvatar-c6732f08.js';
 export { a as AvatarColor, A as AvatarSize, _ as OrAvatarV3 } from './OrAvatar-d1c2fcbe.js';
 export { B as BottomSheetVariant, _ as OrBottomSheetV3 } from './OrBottomSheet-880922cc.js';
 export { _ as OrButton, a as OrButtonColors, b as OrButtonSizes, O as OrButtonViews } from './OrButton-dfcc2dc5.js';
-export { _ as OrButtonGroupV3 } from './OrButtonGroup-f1559b23.js';
+export { _ as OrButtonGroupV3 } from './OrButtonGroup-2f3acc3f.js';
 export { _ as OrButtonV2 } from './OrButton-24563879.js';
 export { _ as OrIconButton, _ as OrIconButtonV2 } from './OrIconButton-c28a9059.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-aae5f85f.js';
-export { _ as OrButtonV3 } from './OrButton-3a743a90.js';
-export { a as ButtonColor, b as ButtonType, B as ButtonVariant } from './OrButton.vue_rollup-plugin-vue_script-e8900483.js';
+export { _ as OrButtonV3 } from './OrButton-e4e85817.js';
+export { a as ButtonColor, b as ButtonType, B as ButtonVariant } from './OrButton.vue_rollup-plugin-vue_script-199bb600.js';
 export { _ as OrCard } from './OrCard-c44d9783.js';
 export { C as CARD_COLLECTION_LAYOUT, _ as OrCardCollection } from './OrCardCollection-a9e0b0c9.js';
-export { C as CardCollectionView, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from './OrCardCollection-6daf8588.js';
+export { C as CardCollectionView, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from './OrCardCollection-94f847ef.js';
 export { C as CardPadding, _ as OrCardV3 } from './OrCard-42359715.js';
 export { _ as OrCheckbox } from './OrCheckbox-b1c8e25e.js';
-export { _ as OrCheckboxGroupV3 } from './OrCheckboxGroup-16ec806c.js';
-export { _ as OrCheckboxTreeV3 } from './OrCheckboxTree-50d6c33b.js';
-export { _ as OrCheckboxV3 } from './OrCheckbox-3b837bc2.js';
+export { _ as OrCheckboxGroupV3 } from './OrCheckboxGroup-f901af17.js';
+export { _ as OrCheckboxTreeV3 } from './OrCheckboxTree-5173f510.js';
+export { _ as OrCheckboxV3 } from './OrCheckbox-9cc98c9d.js';
 export { _ as OrChip } from './OrChip-7e3cf6b1.js';
 export { _ as OrChips } from './OrChips-28e38996.js';
 export { _ as OrCode, O as OrCodeLanguages } from './OrCode-c88a3d22.js';
@@ -25,30 +25,28 @@ export { lintGutter, linter } from '@codemirror/lint';
 export { javascript } from '@codemirror/lang-javascript';
 export { json, jsonParseLinter } from '@codemirror/lang-json';
 export { html } from '@codemirror/lang-html';
-export { C as CodeLanguage, _ as OrCodeV3 } from './OrCode-3c46ebdc.js';
+export { C as CodeLanguage, _ as OrCodeV3 } from './OrCode-09923a0a.js';
 export { EditorView } from '@codemirror/view';
 export { EditorState } from '@codemirror/state';
 export { _ as OrCollapse } from './OrCollapse-74fb2ccd.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-e3d35403.js';
-export { _ as OrCombinedInputV3 } from './OrCombinedInput-4b19d4b3.js';
+export { _ as OrCombinedInputV3 } from './OrCombinedInput-0575fafb.js';
 export { _ as OrConfirm } from './OrConfirm-4b5fdad4.js';
-export { C as ConfirmType, _ as OrConfirmV3 } from './OrConfirm-d530b5b9.js';
+export { C as ConfirmType, _ as OrConfirmV3 } from './OrConfirm-84c0ac7e.js';
 export { _ as OrContextMenuV3 } from './OrContextMenu-9124fffe.js';
-export { _ as OrDataGridV3 } from './OrDataGrid-551fd948.js';
-export { D as DataGridVariant } from './OrDataGridToolbar-d2f80971.js';
-export { _ as OrDateFormatV3 } from './OrDateFormat-40da23f2.js';
-export { _ as OrDatePickerV3 } from './OrDatePicker-72a797dd.js';
-export { _ as OrDateRangePickerV3 } from './OrDateRangePicker-af87592b.js';
-export { _ as OrDateTimeFormatV3 } from './OrDateTimeFormat-bfe04c01.js';
+export { _ as OrDateFormatV3 } from './OrDateFormat-460740b9.js';
+export { _ as OrDatePickerV3 } from './OrDatePicker-0b37a029.js';
+export { _ as OrDateRangePickerV3 } from './OrDateRangePicker-1ab9abaf.js';
+export { _ as OrDateTimeFormatV3 } from './OrDateTimeFormat-f38dbefe.js';
 export { D as DEFAULT_TEXT, _ as OrDateTimePicker, a as OrDateTimePickerItemTypes, O as OrDateTimePickerTypes } from './OrDateTimePicker-39a19604.js';
-export { _ as OrDateTimePickerV3 } from './OrDateTimePicker-fc9554e3.js';
-export { _ as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMobileControl, c as OrDateTimePickerMonthSelect, d as OrDateTimePickerPopoverFooter, e as OrDateTimePickerPopoverHeader, f as OrDateTimePickerTimeControl, g as OrDateTimePickerTimeSelect } from './OrDateTimePickerTimeSelect-7b9a902e.js';
+export { _ as OrDateTimePickerV3 } from './OrDateTimePicker-0dd5dac8.js';
+export { _ as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMobileControl, c as OrDateTimePickerMonthSelect, d as OrDateTimePickerPopoverFooter, e as OrDateTimePickerPopoverHeader, f as OrDateTimePickerTimeControl, g as OrDateTimePickerTimeSelect } from './OrDateTimePickerTimeSelect-b0bd8978.js';
 export { f as formatDate, a as formatTime } from './formatTime-fbabf53c.js';
 export { g as getCurrentDate } from './getCurrentDate-046a888d.js';
 export { g as getNextMonthDate } from './getNextMonthDate-00c47169.js';
-export { D as DropAreaSize, _ as OrDropAreaV3 } from './OrDropArea-d08d1c26.js';
+export { D as DropAreaSize, _ as OrDropAreaV3 } from './OrDropArea-d02a8dec.js';
 export { a as approximateFileSize } from './approximateFileSize-a48b356b.js';
-export { E as EditorTabsOverflow, _ as OrEditorTabsV3 } from './OrEditorTabs-90397267.js';
+export { E as EditorTabsOverflow, _ as OrEditorTabsV3 } from './OrEditorTabs-d7603662.js';
 export { E as EmptyStateSize, _ as OrEmptyStateV3 } from './OrEmptyState-186f7abc.js';
 export { _ as OrError } from './OrError-efc74907.js';
 export { _ as OrErrorTagV3 } from './OrErrorTag-c7ee0c44.js';
@@ -67,16 +65,16 @@ export { I as InlineInputType, _ as OrInlineInputV3 } from './OrInlineInput-3614
 export { a as InlineTextEditTrimmingTypes, I as InlineTextEditTypes, _ as OrInlineTextEdit } from './OrInlineTextEdit-f8416eb6.js';
 export { _ as OrInlineTextareaV3 } from './OrInlineTextarea-2851314c.js';
 export { _ as OrInput } from './OrInput-fe0e651a.js';
-export { _ as OrInputBoxV3 } from './OrInputBox-e272cbb2.js';
-export { a as InputBoxSize, I as InputBoxVariant } from './OrInputBox.vue_rollup-plugin-vue_script-770d753e.js';
-export { I as InputType, _ as OrInputV3 } from './OrInput-79028100.js';
+export { _ as OrInputBoxV3 } from './OrInputBox-1a8fda9b.js';
+export { a as InputBoxSize, I as InputBoxVariant } from './OrInputBox.vue_rollup-plugin-vue_script-8c39b9ca.js';
+export { I as InputType, _ as OrInputV3 } from './OrInput-09971392.js';
 export { _ as OrLabel } from './OrLabel-fcceec1b.js';
 export { L as LabelVariant, _ as OrLabelV3 } from './OrLabel-bf7e2ea2.js';
 export { L as LinkColor, _ as OrLinkV3 } from './OrLink-30283089.js';
 export { _ as OrList } from './OrList-24c2dc67.js';
 export { _ as OrListOfInputs } from './OrListOfInputs-8fe8a224.js';
-export { _ as OrListV3 } from './OrList-a3387d43.js';
-export { _ as OrListItem } from './OrListItem-1b4b8db3.js';
+export { _ as OrListV3 } from './OrList-545286e4.js';
+export { _ as OrListItem } from './OrListItem-9654fe5b.js';
 export { L as LoaderViews, _ as OrLoader } from './OrLoader-84230be7.js';
 export { a as LoaderColor, b as LoaderSize, L as LoaderVariant, _ as OrLoaderV3 } from './OrLoader-4ac49224.js';
 export { _ as OrMenuItemV3 } from './OrMenuItem-c49f96d5.js';
@@ -89,7 +87,7 @@ export { _ as OrNumberInput } from './OrNumberInput-b00163b4.js';
 export { _ as OrOverflowMenu } from './OrOverflowMenu-7be5525a.js';
 export { _ as OrOverlay } from './OrOverlay-ccec2218.js';
 export { _ as OrOverlayV3 } from './OrOverlay-5a2fce6c.js';
-export { _ as OrPaginationV3 } from './OrPagination-404ee1b8.js';
+export { _ as OrPaginationV3 } from './OrPagination-1384bc66.js';
 export { _ as OrPassword } from './OrPassword-7fe1b18e.js';
 export { _ as OrPopoverV3, a as PopoverPlacement, P as PopoverVariant } from './OrPopover-142b6e93.js';
 export { i as isPrevented } from './isPrevented-b151a948.js';
@@ -97,19 +95,19 @@ export { _ as OrProgress, O as OrProgressColors, a as OrProgressTypes } from './
 export { _ as OrProgressV3, P as ProgressColor, a as ProgressType } from './OrProgress-507057c6.js';
 export { _ as OrRadio } from './OrRadio-811ad5a4.js';
 export { _ as OrRadioGroup } from './OrRadioGroup-11424644.js';
-export { _ as OrRadioGroupV3 } from './OrRadioGroup-8bb28757.js';
-export { _ as OrRadioV3 } from './OrRadio-d6e78d8b.js';
-export { _ as OrRangeSliderV3 } from './OrRangeSlider-95670fdf.js';
+export { _ as OrRadioGroupV3 } from './OrRadioGroup-3e97aa2a.js';
+export { _ as OrRadioV3 } from './OrRadio-fd6ae0b3.js';
+export { _ as OrRangeSliderV3 } from './OrRangeSlider-e958c24c.js';
 export { _ as OrRatingV3 } from './OrRating-aa2365e9.js';
-export { _ as OrResizeablePanelV3, R as ResizeablePanelPadding, a as ResizeablePanelPlacement } from './OrResizeablePanel-b0cc4d2b.js';
-export { F as Formats, _ as OrRichTextEditorV3 } from './OrRichTextEditor-8c51a0ae.js';
+export { _ as OrResizeablePanelV3, R as ResizeablePanelPadding, a as ResizeablePanelPlacement } from './OrResizeablePanel-91f1e9c5.js';
+export { F as Formats, _ as OrRichTextEditorV3 } from './OrRichTextEditor-12e07cad.js';
 export { _ as OrSearch } from './OrSearch-3f55fbee.js';
-export { _ as OrSearchV3 } from './OrSearch-7b773c73.js';
-export { _ as OrSegmentedControlV3, S as SegmentedControlSize } from './OrSegmentedControl-678600b6.js';
+export { _ as OrSearchV3 } from './OrSearch-57d7d26f.js';
+export { _ as OrSegmentedControlV3, S as SegmentedControlSize } from './OrSegmentedControl-cd16856e.js';
 export { _ as OrSelect } from './OrSelect-629c42c0.js';
-export { _ as OrSelectV3 } from './OrSelect-0222b119.js';
+export { _ as OrSelectV3 } from './OrSelect-b148f581.js';
 export { _ as OrSidebar, O as OrSidebarSide } from './OrSidebar-054b26c6.js';
-export { _ as OrSidebarV3, S as SidebarPlacement } from './props-dd1bbfe8.js';
+export { _ as OrSidebarV3, S as SidebarPlacement } from './props-be07e212.js';
 export { _ as OrSkeletonCircle } from './OrSkeletonCircle-c4bf0e34.js';
 export { _ as OrSkeletonRect } from './OrSkeletonRect-79162a84.js';
 export { _ as OrSkeletonText } from './OrSkeletonText-202a4282.js';
@@ -118,31 +116,31 @@ export { _ as OrSkeletonCircleV3 } from './OrSkeletonCircle-52dcaa5f.js';
 export { _ as OrSkeletonRectV3 } from './OrSkeletonRect-b4171d30.js';
 export { _ as OrSkeletonTextV3 } from './OrSkeletonText-1939c509.js';
 export { _ as OrSlider } from './OrSlider-baad996a.js';
-export { _ as OrSliderV3 } from './OrSlider-be1c780e.js';
-export { S as SliderColor, a as SliderOrientation } from './OrSlider.vue_rollup-plugin-vue_script-fc565351.js';
-export { _ as OrSortingV3 } from './OrSorting-9ea74673.js';
+export { _ as OrSliderV3 } from './OrSlider-4b3fea84.js';
+export { S as SliderColor, a as SliderOrientation } from './OrSlider.vue_rollup-plugin-vue_script-3d19c498.js';
+export { _ as OrSortingV3 } from './OrSorting-65091c1d.js';
 export { _ as OrStatusV3, a as StatusSize, S as StatusVariant } from './OrStatus-d723d9ae.js';
 export { _ as OrStepper } from './OrStepper-2404afa0.js';
 export { _ as OrSwitch } from './OrSwitch-309854a8.js';
-export { _ as OrSwitchV3 } from './OrSwitch-ff3b5a5d.js';
+export { _ as OrSwitchV3 } from './OrSwitch-9405826a.js';
 export { _ as OrTab } from './OrTab-58821c9b.js';
 export { _ as OrTabHeaderItem } from './OrTabHeaderItem-424f2986.js';
-export { _ as OrTabV3 } from './OrTab-a878c950.js';
+export { _ as OrTabV3 } from './OrTab-1b10597d.js';
 export { _ as OrTabs } from './OrTabs-62e7e478.js';
-export { _ as OrTabsV3, T as TabsVariant } from './OrTabs-39f89dc1.js';
+export { _ as OrTabsV3, T as TabsVariant } from './OrTabs-ad349302.js';
 export { _ as OrTag } from './OrTag-9abb4fc7.js';
-export { _ as OrTagInputV3 } from './OrTagInput-96a7d8b9.js';
+export { _ as OrTagInputV3 } from './OrTagInput-659cefaf.js';
 export { _ as OrTagV3, a as TagColor, T as TagVariant } from './OrTag-3b36d2e4.js';
-export { _ as OrTagsV3, T as TagsOverflow } from './OrTags-28583ca0.js';
+export { _ as OrTagsV3, T as TagsOverflow } from './OrTags-1156ae60.js';
 export { _ as OrTeleport } from './OrTeleport.vue2-f0c16c71.js';
 export { _ as OrTeleportV3 } from './OrTeleport.vue2-424c7f33.js';
 export { _ as OrTextV3 } from './OrText-cab6adea.js';
 export { _ as OrTextarea } from './OrTextarea-dcc05c53.js';
-export { _ as OrTextareaV3 } from './OrTextarea-fa707a6a.js';
+export { _ as OrTextareaV3 } from './OrTextarea-30fb5dcc.js';
 export { _ as OrTextbox, T as TextboxTypes } from './OrTextbox-0fc7abfe.js';
-export { _ as OrTimeFormatV3 } from './OrTimeFormat-bcb6fc46.js';
-export { _ as OrTimePickerV3 } from './OrTimePicker-11b7002c.js';
-export { _ as OrTimeRangePickerV3 } from './OrTimeRangePicker-bf8c0cb8.js';
+export { _ as OrTimeFormatV3 } from './OrTimeFormat-00143a1a.js';
+export { _ as OrTimePickerV3 } from './OrTimePicker-3cfd9812.js';
+export { _ as OrTimeRangePickerV3 } from './OrTimeRangePicker-d646f4b3.js';
 export { _ as OrToast, a as OrToastContainer } from './OrToastContainer-d1f7f042.js';
 export { P as PositionsX, b as PositionsY, c as ToastType, T as TransitionType, a as useQueue, u as useToast } from './useToast-05a9c81b.js';
 export { a as OrToastContainerV3, _ as OrToastV3, t as TypesV3 } from './types-e2684b5f.js';
@@ -150,7 +148,7 @@ export { p as PropsV3, a as useQueueV3, u as useToastV3 } from './useToast-5aa9d
 export { _ as OrTooltip } from './OrTooltip-c4ea3c4c.js';
 export { _ as OrTooltipContent } from './OrTooltipContent-57a25502.js';
 export { _ as OrTooltipV3 } from './OrTooltip-7387462e.js';
-export { _ as OrTreeV3, T as TreeNodeDropPosition } from './OrTree-0604679b.js';
+export { _ as OrTreeV3, T as TreeNodeDropPosition } from './OrTree-0a2d5389.js';
 export { D as DropdownClose, a as DropdownOpen } from './dropdown-open-06d651cf.js';
 export { g as getItemByValue } from './getItemByValue-be7353df.js';
 export { g as getItemsByValue } from './getItemsByValue-b08b7d12.js';
@@ -196,7 +194,7 @@ import '@codemirror/lang-markdown';
 import '@codemirror/language';
 import '@lezer/highlight';
 import '@vueuse/math';
-import './OrDateTimePicker.vue_rollup-plugin-vue_script-75e52a6b.js';
+import './OrDateTimePicker.vue_rollup-plugin-vue_script-4b3c2ccc.js';
 import 'lodash/padStart';
 import './OrEditorTabsItem-c2bf700d.js';
 import '@floating-ui/dom';
@@ -234,10 +232,10 @@ import './codemirrorView-020fe885.js';
 import 'prosemirror-state';
 import 'prosemirror-commands';
 import 'lodash/keyBy';
-import './OrSelectMultipleControl-e185f2d0.js';
+import './OrSelectMultipleControl-b03415b4.js';
 import './OrSelectControlInput-a46941f0.js';
 import './OrSelectPlaceholder-a6caa9e0.js';
-import './OrSelectSingleControl-eeaa9afa.js';
+import './OrSelectSingleControl-b3bf518b.js';
 import 'lodash/range';
 import './styles-ed564e39.js';
 import 'portal-vue/dist/portal-vue.esm.js';

package/dist/esm/v2/{props-dd1bbfe8.js → props-be07e212.js}

@@ -5,7 +5,7 @@ import { u as usePopoverState } from './usePopoverState-5033b9cb.js';
 import '@onereach/styles/tailwind/plugins/core';
 import '@onereach/styles/tailwind.config.json';
 import './TimeFormat-a7f5565b.js';
-import { R as ResizeablePanelPadding, _ as __vue_component__$1 } from './OrResizeablePanel-b0cc4d2b.js';
+import { R as ResizeablePanelPadding, _ as __vue_component__$1 } from './OrResizeablePanel-91f1e9c5.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 const Sidebar = [
@@ -55,7 +55,7 @@ const SidebarFooter = [
 // Overflow
 'overflow-hidden',
 // Theme
-'theme-border-outline-variant border-t-1', 'dark:theme-border-outline-variant-dark'];
+'theme-border-overline', 'theme-border-1-outline-variant', 'dark:theme-border-1-outline-variant-dark'];
 const SidebarFooterPaddings = {
   [ResizeablePanelPadding.L]: [
   // Box

package/dist/esm/v2/types/index.d.ts

@@ -1,9 +1,7 @@
-export * from './DataModel';
 export * from './DateFormat';
 export * from './FilterFunction';
 export * from './Group';
 export * from './GroupFunction';
-export * from './Id';
 export * from './Item';
 export * from './Locale';
 export * from './ModelValue';

package/dist/esm/v3/{OrAutocomplete-201601db.js → OrAutocomplete-0b5908a8.js}

@@ -13,13 +13,13 @@ import { u as useValidationAttributes } from './useValidationAttributes-d1abbe34
 import { s as script$1 } from './OrError-331220bc.js';
 import { s as script$2 } from './OrHint-262c8217.js';
 import { s as script$3 } from './OrIconButton-424d342e.js';
-import { s as script$4, a as InputBoxSize } from './OrInputBox-24c89cb2.js';
+import { s as script$4, a as InputBoxSize } from './OrInputBox-287f97ba.js';
 import { s as script$5 } from './OrLabel-4abbce6e.js';
 import { s as script$6 } from './OrLoader-5e2f359b.js';
 import { s as script$7 } from './OrMenuItem-61713ccc.js';
 import { s as script$8 } from './OrPopover-5548205b.js';
-import { s as script$9 } from './OrTagInput-4250ce6c.js';
-import { T as TagsOverflow } from './OrTags-77accff9.js';
+import { s as script$9 } from './OrTagInput-754c0ea8.js';
+import { T as TagsOverflow } from './OrTags-7ea074cc.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, createSlots, createElementVNode, mergeProps, createVNode, Fragment, renderList, withDirectives, vShow } from 'vue';
 
 const Autocomplete = [
@@ -42,7 +42,7 @@ const AutocompleteDropdown = [
 // Box
 'max-h-[340px]',
 // Theme
-'theme-background-default', 'dark:theme-background-default-dark', 'theme-border-outline border-1', 'dark:theme-border-outline-dark'];
+'theme-background-default', 'dark:theme-background-default-dark', 'theme-border-1-outline', 'dark:theme-border-1-outline-dark'];
 const AutocompleteDropdownDefault = [
 // Shape
 'rounded-b-md',
@@ -81,7 +81,7 @@ var script = defineComponent({
     },
     items: {
       type: Array,
-      default: () => []
+      default: []
     },
     multiple: {
       type: Boolean,
@@ -181,9 +181,9 @@ var script = defineComponent({
     const dropdownItemStyles = computed(() => [...AutocompleteDropdownItem]);
     // State
     const model = useProxyModelValue(toRef(props, 'modelValue'), context.emit);
-    const searchText = ref();
+    const searchText = ref('');
     const filteredItems = computedAsync(async () => {
-      return searchText.value ? (await props.searchFunction(searchText.value, props.items)).filter(item => {
+      return searchText.value.length > 0 ? (await props.searchFunction(searchText.value, props.items)).filter(item => {
         var _a;
         return !((_a = model.value) === null || _a === void 0 ? void 0 : _a.includes(item));
       }) : [];
@@ -210,7 +210,7 @@ var script = defineComponent({
     }
     function clear() {
       var _a, _b;
-      searchText.value = undefined;
+      searchText.value = '';
       (_b = (_a = tagInput.value) === null || _a === void 0 ? void 0 : _a.clear) === null || _b === void 0 ? void 0 : _b.call(_a);
     }
     function focus() {

package/dist/esm/v3/{OrButton-31bcb511.js → OrButton-c95aef65.js}

@@ -65,12 +65,12 @@ const ButtonColors = {
   'inherit-contained': [],
   'primary-outlined': [
   // Theme
-  'theme-preset-3-primary', 'dark:theme-preset-3-primary-dark', 'theme-border-outline border-1', 'dark:theme-border-outline-dark',
+  'theme-preset-3-primary', 'dark:theme-preset-3-primary-dark', 'theme-border-1-outline', 'dark:theme-border-1-outline-dark',
   // Theme (active)
-  'active:theme-border-primary active:border-1', 'dark:active:theme-border-primary-dark'],
+  'active:theme-border-1-primary', 'dark:active:theme-border-1-primary-dark'],
   'danger-outlined': [
   // Theme
-  'theme-preset-3-error', 'dark:theme-preset-3-error-dark', 'theme-border-error border-1', 'dark:theme-border-error-dark'],
+  'theme-preset-3-error', 'dark:theme-preset-3-error-dark', 'theme-border-1-error', 'dark:theme-border-1-error-dark'],
   'inherit-outlined': [],
   'primary-text': [
   // Theme

package/dist/esm/v3/{OrButtonGroup-e179e479.js → OrButtonGroup-a28ebe12.js}

@@ -1,5 +1,5 @@
 import { defineComponent, ref, computed } from 'vue-demi';
-import { B as ButtonVariant, a as ButtonColor } from './OrButton-31bcb511.js';
+import { B as ButtonVariant, a as ButtonColor } from './OrButton-c95aef65.js';
 import { openBlock, createElementBlock, normalizeClass, renderSlot, normalizeProps, guardReactiveProps } from 'vue';
 
 const ButtonGroup = [
@@ -14,9 +14,9 @@ const ButtonGroupVariants = {
   [ButtonVariant.Outlined]: [
   // Position (children)
   'children:relative',
-  // Position (children:active)
+  // Position (children/active)
   'active:children:z-10',
-  // Spacing (children)
+  // Spacing
   '[&:not(:first-child)]:children:-ml-[1px]'],
   [ButtonVariant.Text]: [
   // Theme

package/dist/esm/v3/{OrCardCollection-6e5a7115.js → OrCardCollection-9cc04183.js}

@@ -1,8 +1,8 @@
 import { defineComponent, computed, ref, watch } from 'vue-demi';
 import { s as script$2 } from './OrIconButton-424d342e.js';
 import { s as script$5 } from './OrLoader-5e2f359b.js';
-import { s as script$4 } from './OrSearch-5ba5c899.js';
-import { s as script$3 } from './OrSorting-9ce29870.js';
+import { s as script$4 } from './OrSearch-48499c54.js';
+import { s as script$3 } from './OrSorting-5d728ee6.js';
 import { openBlock, createElementBlock, normalizeClass, Fragment, renderList, renderSlot, mergeProps, createTextVNode, toDisplayString, resolveComponent, createElementVNode, createBlock, createCommentVNode, createVNode, normalizeProps, guardReactiveProps, withCtx } from 'vue';
 
 var CardCollectionView;
@@ -63,7 +63,7 @@ var script$1 = defineComponent({
   props: {
     items: {
       type: Array,
-      default: () => []
+      default: []
     },
     mode: {
       type: String,
@@ -107,7 +107,7 @@ var script = defineComponent({
   props: {
     items: {
       type: Array,
-      default: () => []
+      default: []
     },
     view: {
       type: String,

package/dist/esm/v3/{OrCheckbox-7391dea0.js → OrCheckbox-1740426d.js}

@@ -30,17 +30,17 @@ const CheckboxControl = [
 // Iconography
 'iconography-outlined',
 // Theme
-'theme-preset-3-primary', 'dark:theme-preset-3-primary-dark', 'theme-background-default', 'dark:theme-background-default-dark', 'theme-border-outline border-1', 'dark:theme-border-outline-dark',
+'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-visible:theme-outline-primary focus-visible:outline-2', 'dark:focus-visible:theme-outline-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)
 'indeterminate:theme-preset-1-primary', 'dark:indeterminate:theme-preset-1-primary-dark'];
 const CheckboxControlHandle = [
-// Content (checked / children)
+// Content (children/checked)
 'after:checked:content-checkbox-checked',
-// Content (indeterminate / children)
+// Content (children/indeterminate)
 'after:indeterminate:content-checkbox-indeterminate'];
 
 var script = defineComponent({

package/dist/esm/v3/{OrCheckboxGroup-67f06816.js → OrCheckboxGroup-5fb8c0e4.js}

@@ -5,7 +5,7 @@ import { u as useProxyModelValue } from './useProxyModelValue-940010d2.js';
 import '@onereach/styles/tailwind/plugins/core';
 import '@onereach/styles/tailwind.config.json';
 import './TimeFormat-a7f5565b.js';
-import { s as script$1 } from './OrCheckboxTree-1298529c.js';
+import { s as script$1 } from './OrCheckboxTree-cc2f974b.js';
 import { s as script$2, F as FormGroupDirection } from './OrFormGroup-4afd327b.js';
 import { resolveComponent, openBlock, createBlock, withCtx, renderSlot, createElementBlock, Fragment, renderList } from 'vue';
 

package/dist/esm/v3/{OrCheckboxTree-1298529c.js → OrCheckboxTree-cc2f974b.js}

@@ -5,8 +5,8 @@ import { u as useProxyModelValue } from './useProxyModelValue-940010d2.js';
 import '@onereach/styles/tailwind/plugins/core';
 import '@onereach/styles/tailwind.config.json';
 import './TimeFormat-a7f5565b.js';
-import { s as script$3 } from './OrButton-31bcb511.js';
-import { s as script$2 } from './OrCheckbox-7391dea0.js';
+import { s as script$3 } from './OrButton-c95aef65.js';
+import { s as script$2 } from './OrCheckbox-1740426d.js';
 import { s as script$1 } from './OrIcon-c446d072.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, Fragment, createElementVNode, createBlock, withCtx, createVNode, createCommentVNode, renderSlot, createTextVNode, toDisplayString, renderList } from 'vue';
 

package/dist/esm/v3/{OrCode-1b2ddf7d.js → OrCode-a601ef2c.js}

@@ -15,7 +15,7 @@ import { s as script$7 } from './OrIconButton-424d342e.js';
 import { s as script$6 } from './OrModal-76efca1f.js';
 import { s as script$2 } from './OrError-331220bc.js';
 import { s as script$3 } from './OrHint-262c8217.js';
-import { s as script$4 } from './OrInputBox-24c89cb2.js';
+import { s as script$4 } from './OrInputBox-287f97ba.js';
 import { s as script$5 } from './OrLabel-4abbce6e.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createVNode, withCtx, renderSlot, createTextVNode, toDisplayString, createElementVNode, withDirectives, createBlock, vShow, createCommentVNode, withModifiers, createSlots } from 'vue';
 

package/dist/esm/v3/{OrCombinedInput-4dc423a8.js → OrCombinedInput-429d6114.js}

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed } from 'vue-demi';
 import { s as script$1 } from './OrError-331220bc.js';
 import { s as script$2 } from './OrHint-262c8217.js';
-import { a as InputBoxSize } from './OrInputBox-24c89cb2.js';
+import { a as InputBoxSize } from './OrInputBox-287f97ba.js';
 import { s as script$3 } from './OrLabel-4abbce6e.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, createElementVNode, withDirectives, vShow, createVNode } from 'vue';
 

package/dist/esm/v3/{OrConfirm-a5f93676.js → OrConfirm-bd66999a.js}

@@ -6,8 +6,8 @@ import { u as usePopoverState } from './usePopoverState-5033b9cb.js';
 import '@onereach/styles/tailwind/plugins/core';
 import '@onereach/styles/tailwind.config.json';
 import './TimeFormat-a7f5565b.js';
-import { s as script$2, a as ButtonColor } from './OrButton-31bcb511.js';
-import { s as script$3 } from './OrInput-b8095e9c.js';
+import { s as script$2, a as ButtonColor } from './OrButton-c95aef65.js';
+import { s as script$3 } from './OrInput-37be348a.js';
 import { s as script$1 } from './OrOverlay-372c99bb.js';
 import { resolveComponent, openBlock, createBlock, withCtx, createElementVNode, mergeProps, normalizeClass, renderSlot, createTextVNode, toDisplayString, createElementBlock, createVNode, createCommentVNode } from 'vue';
 

package/dist/esm/v3/{OrDateFormat-992afd2d.js → OrDateFormat-f860f070.js}

@@ -5,8 +5,8 @@ import '@vueuse/core';
 import '@onereach/styles/tailwind/plugins/core';
 import '@onereach/styles/tailwind.config.json';
 import { D as DateFormat$1 } from './TimeFormat-a7f5565b.js';
-import './OrDateTimePicker-a12dc209.js';
-import './OrDateTimePickerTimeSelect-1aebc861.js';
+import './OrDateTimePicker-fbd2bb31.js';
+import './OrDateTimePickerTimeSelect-5f13fd59.js';
 import { f as formatDate } from './formatTime-fbabf53c.js';
 import { openBlock, createElementBlock, normalizeClass, Fragment, createTextVNode, toDisplayString } from 'vue';
 

package/dist/esm/v3/{OrDatePicker-14f3a0fc.js → OrDatePicker-64ff4cb8.js}

@@ -7,14 +7,14 @@ import { u as useProxyModelValue } from './useProxyModelValue-940010d2.js';
 import '@onereach/styles/tailwind/plugins/core';
 import '@onereach/styles/tailwind.config.json';
 import { D as DateFormat } from './TimeFormat-a7f5565b.js';
-import './OrDateTimePicker-a12dc209.js';
-import { s as script$1, a as script$2, b as script$3, c as script$4, d as script$5, e as script$6 } from './OrDateTimePickerTimeSelect-1aebc861.js';
+import './OrDateTimePicker-fbd2bb31.js';
+import { s as script$1, a as script$2, b as script$3, c as script$4, d as script$5, e as script$6 } from './OrDateTimePickerTimeSelect-5f13fd59.js';
 import { g as getCurrentDate } from './getCurrentDate-046a888d.js';
 import { s as script$7 } from './OrError-331220bc.js';
 import { s as script$8 } from './OrHint-262c8217.js';
 import { s as script$a } from './OrIconButton-424d342e.js';
 import { s as script$9 } from './OrIcon-c446d072.js';
-import { s as script$b, a as InputBoxSize } from './OrInputBox-24c89cb2.js';
+import { s as script$b, a as InputBoxSize } from './OrInputBox-287f97ba.js';
 import { s as script$c } from './OrLabel-4abbce6e.js';
 import { s as script$d } from './OrPopover-5548205b.js';
 import { resolveComponent, resolveDirective, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, withDirectives, withModifiers, createVNode, vShow, createElementVNode } from 'vue';

package/dist/esm/v3/{OrDateRangePicker-300312f0.js → OrDateRangePicker-25e7a4e3.js}

@@ -7,15 +7,15 @@ import { u as useProxyModelValue } from './useProxyModelValue-940010d2.js';
 import { u as useResponsive } from './useResponsive-1baf3485.js';
 import '@onereach/styles/tailwind.config.json';
 import { D as DateFormat } from './TimeFormat-a7f5565b.js';
-import './OrDateTimePicker-a12dc209.js';
-import { s as script$1, a as script$2, b as script$3, c as script$4, d as script$5, e as script$6 } from './OrDateTimePickerTimeSelect-1aebc861.js';
+import './OrDateTimePicker-fbd2bb31.js';
+import { s as script$1, a as script$2, b as script$3, c as script$4, d as script$5, e as script$6 } from './OrDateTimePickerTimeSelect-5f13fd59.js';
 import { g as getCurrentDate } from './getCurrentDate-046a888d.js';
 import { g as getNextMonthDate } from './getNextMonthDate-00c47169.js';
 import { s as script$7 } from './OrError-331220bc.js';
 import { s as script$8 } from './OrHint-262c8217.js';
 import { s as script$a } from './OrIconButton-424d342e.js';
 import { s as script$9 } from './OrIcon-c446d072.js';
-import { s as script$b, a as InputBoxSize } from './OrInputBox-24c89cb2.js';
+import { s as script$b, a as InputBoxSize } from './OrInputBox-287f97ba.js';
 import { s as script$c } from './OrLabel-4abbce6e.js';
 import { s as script$d } from './OrPopover-5548205b.js';
 import { resolveComponent, resolveDirective, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, withDirectives, withModifiers, createVNode, createElementVNode, vShow } from 'vue';
@@ -146,8 +146,8 @@ var script = defineComponent({
         return (_a = draft.value) === null || _a === void 0 ? void 0 : _a[0];
       },
       set: value => {
-        var _a;
-        draft.value = [value, (_a = draft.value) === null || _a === void 0 ? void 0 : _a[1]];
+        var _a, _b;
+        draft.value = [value !== null && value !== void 0 ? value : null, (_b = (_a = draft.value) === null || _a === void 0 ? void 0 : _a[1]) !== null && _b !== void 0 ? _b : null];
       }
     });
     const draftTo = computed({
@@ -156,13 +156,15 @@ var script = defineComponent({
         return (_a = draft.value) === null || _a === void 0 ? void 0 : _a[1];
       },
       set: value => {
-        var _a;
-        draft.value = [(_a = draft.value) === null || _a === void 0 ? void 0 : _a[0], value];
+        var _a, _b;
+        draft.value = [(_b = (_a = draft.value) === null || _a === void 0 ? void 0 : _a[0]) !== null && _b !== void 0 ? _b : null, value !== null && value !== void 0 ? value : null];
       }
     });
     const activeControl = ref('from');
     const activeControlDraft = computed({
-      get: () => activeControl.value === 'from' ? draftFrom.value : draftTo.value,
+      get: () => {
+        return activeControl.value === 'from' ? draftFrom.value : draftTo.value;
+      },
       set: value => {
         if (activeControl.value === 'from') {
           draftFrom.value = value;
@@ -183,7 +185,7 @@ var script = defineComponent({
     }
     function reset() {
       var _a;
-      draft.value = (_a = model.value) !== null && _a !== void 0 ? _a : [undefined, undefined];
+      draft.value = (_a = model.value) !== null && _a !== void 0 ? _a : [null, null];
     }
     function toggleControl() {
       activeControl.value = activeControl.value === 'from' ? 'to' : 'from';

package/dist/esm/v3/{OrDateTimeFormat-87a781c8.js → OrDateTimeFormat-9fb07831.js}

@@ -5,8 +5,8 @@ import '@vueuse/core';
 import '@onereach/styles/tailwind/plugins/core';
 import '@onereach/styles/tailwind.config.json';
 import { D as DateFormat, T as TimeFormat } from './TimeFormat-a7f5565b.js';
-import './OrDateTimePicker-a12dc209.js';
-import './OrDateTimePickerTimeSelect-1aebc861.js';
+import './OrDateTimePicker-fbd2bb31.js';
+import './OrDateTimePickerTimeSelect-5f13fd59.js';
 import { f as formatDate, a as formatTime } from './formatTime-fbabf53c.js';
 import { openBlock, createElementBlock, normalizeClass, Fragment, createTextVNode, toDisplayString } from 'vue';
 

package/dist/esm/v3/{OrDateTimePicker-a12dc209.js → OrDateTimePicker-fbd2bb31.js}

@@ -11,10 +11,10 @@ import { s as script$9 } from './OrError-331220bc.js';
 import { s as script$a } from './OrHint-262c8217.js';
 import { s as script$c } from './OrIconButton-424d342e.js';
 import { s as script$b } from './OrIcon-c446d072.js';
-import { s as script$d, a as InputBoxSize } from './OrInputBox-24c89cb2.js';
+import { s as script$d, a as InputBoxSize } from './OrInputBox-287f97ba.js';
 import { s as script$e } from './OrLabel-4abbce6e.js';
 import { s as script$f } from './OrPopover-5548205b.js';
-import { s as script$1, a as script$2, b as script$3, c as script$4, d as script$5, e as script$6, f as script$7, g as script$8 } from './OrDateTimePickerTimeSelect-1aebc861.js';
+import { s as script$1, a as script$2, b as script$3, c as script$4, d as script$5, e as script$6, f as script$7, g as script$8 } from './OrDateTimePickerTimeSelect-5f13fd59.js';
 import { g as getCurrentDate } from './getCurrentDate-046a888d.js';
 import { resolveComponent, resolveDirective, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, withDirectives, withModifiers, createVNode, vShow, createElementVNode } from 'vue';
 

package/dist/esm/v3/{OrDateTimePickerTimeSelect-1aebc861.js → OrDateTimePickerTimeSelect-5f13fd59.js}

@@ -8,7 +8,7 @@ import '@onereach/styles/tailwind.config.json';
 import { T as TimeFormat } from './TimeFormat-a7f5565b.js';
 import { f as formatDate, a as formatTime } from './formatTime-fbabf53c.js';
 import { openBlock, createElementBlock, normalizeClass, withModifiers, Fragment, createTextVNode, toDisplayString, resolveComponent, createElementVNode, renderList, createBlock, withCtx, createVNode, renderSlot, createCommentVNode } from 'vue';
-import { s as script$8 } from './OrButton-31bcb511.js';
+import { s as script$8 } from './OrButton-c95aef65.js';
 import { s as script$9 } from './OrLabel-4abbce6e.js';
 import { s as script$b } from './OrIconButton-424d342e.js';
 import { s as script$a } from './OrIcon-c446d072.js';
@@ -21,9 +21,9 @@ const DateTimePickerDateControl = [
 // Interactivity
 'interactivity-click',
 // Theme (focus)
-'focus-visible:theme-border-inherit focus-visible:border-b-2', 'dark:focus-visible:theme-border-inherit-dark',
+'focus-visible:theme-border-underline', 'focus-visible:theme-border-2-inherit', 'dark:focus-visible:theme-border-2-inherit-dark',
 // Theme (selected)
-'selected:theme-border-inherit selected:border-b-2', 'dark:selected:theme-border-inherit-dark'];
+'selected:theme-border-underline', 'selected:theme-border-2-inherit', 'dark:selected:theme-border-2-inherit-dark'];
 const DateTimePickerDateControlPlaceholder = [
 // Theme
 'theme-foreground-outline', 'dark:theme-foreground-outline-dark'];
@@ -140,7 +140,7 @@ const DateTimePickerDateSelectButtonGroupDateItem = [
 'typography-caption-regular'];
 const DateTimePickerDateSelectButtonGroupCurrentDateItem = [
 // Theme
-'theme-foreground-primary', 'dark:theme-foreground-primary-dark', 'theme-outline-primary outline-1', 'dark:theme-outline-primary-dark'];
+'theme-foreground-primary', 'dark:theme-foreground-primary-dark', 'theme-outline-1-primary', 'dark:theme-outline-1-primary-dark'];
 const DateTimePickerDateSelectButtonGroupInRangeDateItem = [
 // Spacing
 '!mx-0', '!px-[10px]',
@@ -577,7 +577,7 @@ const DateTimePickerPopoverFooter = [
 // Spacing
 'px-md md:px-sm', 'py-md md:py-sm', 'gap-md md:gap-sm',
 // Theme
-'theme-border-outline-variant border-t-1', 'dark:theme-border-outline-variant-dark'];
+'theme-border-overline', 'theme-border-1-outline-variant', 'dark:theme-border-1-outline-variant-dark'];
 
 var script$3 = defineComponent({
   name: 'OrDateTimePickerPopoverFooter',
@@ -663,9 +663,9 @@ const DateTimePickerTimeControl = [
 // Interactivity
 'interactivity-click',
 // Theme (focus)
-'focus-visible:theme-border-inherit focus-visible:border-b-2', 'dark:focus-visible:theme-border-inherit-dark',
+'focus-visible:theme-border-underline', 'focus-visible:theme-border-2-inherit', 'dark:focus-visible:theme-border-2-inherit-dark',
 // Theme (selected)
-'selected:theme-border-inherit selected:border-b-2', 'dark:selected:theme-border-inherit-dark'];
+'selected:theme-border-underline', 'selected:theme-border-2-inherit', 'dark:selected:theme-border-2-inherit-dark'];
 const DateTimePickerTimeControlPlaceholder = [
 // Theme
 'theme-foreground-outline', 'dark:theme-foreground-outline-dark'];