@onereach/ui-components 8.8.1 → 8.8.2-beta.3712.0

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

@@ -1,4 +1,4 @@
-export { _ as OrTabsV3, T as TabsVariant } from '../../OrTabs-7d28c6a8.js';
+export { _ as OrTabsV3, T as TabsVariant } from '../../OrTabs-fad231a1.js';
 import '@vueuse/core';
 import 'vue-demi';
 import '../../dom-aecadd9a.js';
@@ -21,4 +21,4 @@ import '../../OrOverlay-1dc61baa.js';
 import '../../OrTeleport.vue2-9eb0eaee.js';
 import 'portal-vue';
 import '../../useTheme-0ef25778.js';
-import '../../OrTab-86701135.js';
+import '../../OrTab-6ac61f7a.js';

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

@@ -1,5 +1,5 @@
-export { _ as OrTagInputV3 } from '../../OrTagInput-3fa2d4c0.js';
-export { I as TagInputSize } from '../../OrInputBox.vue_rollup-plugin-vue_script-bebba826.js';
+export { _ as OrTagInputV3 } from '../../OrTagInput-59597a40.js';
+export { I as TagInputSize } from '../../OrInputBox.vue_rollup-plugin-vue_script-ba172f8b.js';
 import 'vue-demi';
 import '@vueuse/core';
 import '../../useIdAttribute-859439f0.js';
@@ -26,7 +26,7 @@ import '../../OrOverlay-1dc61baa.js';
 import '../../OrTeleport.vue2-9eb0eaee.js';
 import 'portal-vue';
 import '../../useTheme-0ef25778.js';
-import '../../OrInputBox-c586fe8d.js';
+import '../../OrInputBox-2ba4ae49.js';
 import '../../OrLabel-b465bc0b.js';
 import '../../OrTags-be65e10e.js';
 import '../../useOverflow-e91d2314.js';

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

@@ -1,5 +1,5 @@
-export { _ as OrTextareaV3 } from '../../OrTextarea-02b23f55.js';
-export { I as TextareaSize } from '../../OrInputBox.vue_rollup-plugin-vue_script-bebba826.js';
+export { _ as OrTextareaV3 } from '../../OrTextarea-5ea2ace8.js';
+export { I as TextareaSize } from '../../OrInputBox.vue_rollup-plugin-vue_script-ba172f8b.js';
 import 'vue-demi';
 import '../../useIdAttribute-859439f0.js';
 import '@vueuse/core';
@@ -13,6 +13,6 @@ import '../../useValidationAttributes-d1abbe34.js';
 import '../../OrError-916e928e.js';
 import '../../normalize-component-6e8e3d80.js';
 import '../../OrHint-1220face.js';
-import '../../OrInputBox-c586fe8d.js';
+import '../../OrInputBox-2ba4ae49.js';
 import '../../OrLabel-b465bc0b.js';
 import '../../style-inject.es-4c6f2515.js';

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

@@ -1,6 +1,6 @@
-export { _ as OrTimeFormatV3 } from '../../OrTimeFormat-6d3b87bc.js';
+export { _ as OrTimeFormatV3 } from '../../OrTimeFormat-bb51eef8.js';
 import 'vue-demi';
-import '../../OrDateTimePicker.vue_rollup-plugin-vue_script-42488637.js';
+import '../../OrDateTimePicker.vue_rollup-plugin-vue_script-aae9aafe.js';
 import '../../dropdown-open-06d651cf.js';
 import '@vueuse/core';
 import '../../dom-aecadd9a.js';
@@ -25,11 +25,11 @@ import '../../OrOverlay-1dc61baa.js';
 import '../../OrTeleport.vue2-9eb0eaee.js';
 import 'portal-vue';
 import '../../useTheme-0ef25778.js';
-import '../../OrInputBox-c586fe8d.js';
-import '../../OrInputBox.vue_rollup-plugin-vue_script-bebba826.js';
+import '../../OrInputBox-2ba4ae49.js';
+import '../../OrInputBox.vue_rollup-plugin-vue_script-ba172f8b.js';
 import '../../OrLabel-b465bc0b.js';
-import '../../OrDateTimePickerTimeSelect-11d972d0.js';
-import '../../getTimePlaceholder-8f786f44.js';
+import '../../OrDateTimePickerTimeSelect-377d2be7.js';
+import '../../getTimePlaceholder-d235490f.js';
 import '../../OrButton-1b005dae.js';
 import '../../OrButton.vue_rollup-plugin-vue_script-b4424640.js';
 import '../../OrLoader-b0c381f9.js';

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

@@ -1,8 +1,8 @@
-export { _ as OrTimePickerV3 } from '../../OrTimePicker-d047d1d9.js';
-import '../../OrDateTimePicker.vue_rollup-plugin-vue_script-42488637.js';
-import '../../OrDateTimePickerTimeSelect-11d972d0.js';
-export { D as TimePickerFormat } from '../../getTimePlaceholder-8f786f44.js';
-export { I as TimePickerSize } from '../../OrInputBox.vue_rollup-plugin-vue_script-bebba826.js';
+export { _ as OrTimePickerV3 } from '../../OrTimePicker-43b742a5.js';
+import '../../OrDateTimePicker.vue_rollup-plugin-vue_script-aae9aafe.js';
+import '../../OrDateTimePickerTimeSelect-377d2be7.js';
+export { D as TimePickerFormat } from '../../getTimePlaceholder-d235490f.js';
+export { I as TimePickerSize } from '../../OrInputBox.vue_rollup-plugin-vue_script-ba172f8b.js';
 import 'vue-demi';
 import '../../dropdown-open-06d651cf.js';
 import '@vueuse/core';
@@ -29,7 +29,7 @@ import '../../OrOverlay-1dc61baa.js';
 import '../../OrTeleport.vue2-9eb0eaee.js';
 import 'portal-vue';
 import '../../useTheme-0ef25778.js';
-import '../../OrInputBox-c586fe8d.js';
+import '../../OrInputBox-2ba4ae49.js';
 import '../../OrLabel-b465bc0b.js';
 import '../../OrButton-1b005dae.js';
 import '../../OrButton.vue_rollup-plugin-vue_script-b4424640.js';

package/dist/esm/v2/components/or-time-range-picker-v3/index.js

@@ -1,8 +1,8 @@
-export { _ as OrTimeRangePickerV3 } from '../../OrTimeRangePicker-da705573.js';
-import '../../OrDateTimePicker.vue_rollup-plugin-vue_script-42488637.js';
-import '../../OrDateTimePickerTimeSelect-11d972d0.js';
-export { D as TimeRangePickerFormat } from '../../getTimePlaceholder-8f786f44.js';
-export { I as TimeRangePickerSize } from '../../OrInputBox.vue_rollup-plugin-vue_script-bebba826.js';
+export { _ as OrTimeRangePickerV3 } from '../../OrTimeRangePicker-cdc2fe5b.js';
+import '../../OrDateTimePicker.vue_rollup-plugin-vue_script-aae9aafe.js';
+import '../../OrDateTimePickerTimeSelect-377d2be7.js';
+export { D as TimeRangePickerFormat } from '../../getTimePlaceholder-d235490f.js';
+export { I as TimeRangePickerSize } from '../../OrInputBox.vue_rollup-plugin-vue_script-ba172f8b.js';
 import 'vue-demi';
 import '../../dropdown-open-06d651cf.js';
 import '@vueuse/core';
@@ -29,7 +29,7 @@ import '../../OrOverlay-1dc61baa.js';
 import '../../OrTeleport.vue2-9eb0eaee.js';
 import 'portal-vue';
 import '../../useTheme-0ef25778.js';
-import '../../OrInputBox-c586fe8d.js';
+import '../../OrInputBox-2ba4ae49.js';
 import '../../OrLabel-b465bc0b.js';
 import '../../OrButton-1b005dae.js';
 import '../../OrButton.vue_rollup-plugin-vue_script-b4424640.js';

package/dist/esm/v2/{getTimePlaceholder-8f786f44.js → getTimePlaceholder-d235490f.js}

@@ -1,4 +1,4 @@
-import './OrInputBox.vue_rollup-plugin-vue_script-bebba826.js';
+import './OrInputBox.vue_rollup-plugin-vue_script-ba172f8b.js';
 
 function formatDate(value) {
   return value.toLocaleString(navigator.language, {

package/dist/esm/v2/index.js

@@ -10,7 +10,7 @@ export { _ as OrIconButton, _ as OrIconButtonV2 } from './OrIconButton-257b38f2.
 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-91855f16.js';
 export { _ as OrCard } from './OrCard-c44d9783.js';
 export { C as CARD_COLLECTION_LAYOUT, _ as OrCardCollection } from './OrCardCollection-bea023f8.js';
-export { C as CardCollectionView, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from './OrCardCollection-b9198c61.js';
+export { C as CardCollectionView, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from './OrCardCollection-ce718dd8.js';
 export { C as CardPadding, _ as OrCardV3 } from './OrCard-263ce0ff.js';
 export { _ as OrCheckbox } from './OrCheckbox-fcd6b64c.js';
 export { _ as OrCheckboxGroupV3 } from './OrCheckboxGroup-98bc3610.js';
@@ -24,27 +24,27 @@ 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-1a0acb15.js';
+export { C as CodeLanguage, _ as OrCodeV3 } from './OrCode-72be7b7f.js';
 export { EditorView } from '@codemirror/view';
 export { EditorState } from '@codemirror/state';
 export { _ as OrCollapse } from './OrCollapse-9d22b072.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-7a4f2fcb.js';
-export { _ as OrCombinedInputV3 } from './OrCombinedInput-2b0f745b.js';
-export { _ as OrInputBoxV3 } from './OrInputBox-c586fe8d.js';
-export { I as CombinedInputSize, I as DatePickerSize, I as DateRangePickerSize, I as DateTimePickerSize, I as InputBoxSize, a as InputBoxVariant, I as InputSize, I as SearchSize, I as SelectSize, I as TagInputSize, I as TextareaSize, I as TimePickerSize, I as TimeRangePickerSize } from './OrInputBox.vue_rollup-plugin-vue_script-bebba826.js';
+export { _ as OrCombinedInputV3 } from './OrCombinedInput-a02c771d.js';
+export { _ as OrInputBoxV3 } from './OrInputBox-2ba4ae49.js';
+export { I as CombinedInputSize, I as DatePickerSize, I as DateRangePickerSize, I as DateTimePickerSize, I as InputBoxSize, a as InputBoxVariant, I as InputSize, I as SearchSize, I as SelectSize, I as TagInputSize, I as TextareaSize, I as TimePickerSize, I as TimeRangePickerSize } from './OrInputBox.vue_rollup-plugin-vue_script-ba172f8b.js';
 export { _ as OrConfirm } from './OrConfirm-807585ea.js';
-export { C as ConfirmType, _ as OrConfirmV3 } from './OrConfirm-37fbedc9.js';
+export { C as ConfirmType, _ as OrConfirmV3 } from './OrConfirm-eddfe755.js';
 export { _ as OrContextMenuV3 } from './OrContextMenu-219ac516.js';
 export { _ as OrMenuV3 } from './OrMenu-79fbaa73.js';
 export { P as ContextMenuPlacement, P as MenuPlacement, _ as OrPopoverV3, P as PopoverPlacement, a as PopoverVariant, P as TooltipPlacement } from './OrPopover-7820b4af.js';
-export { _ as OrDateFormatV3 } from './OrDateFormat-90426655.js';
-export { _ as OrDatePickerV3 } from './OrDatePicker-40432166.js';
-export { _ as OrDateRangePickerV3 } from './OrDateRangePicker-0a9adf41.js';
-export { _ as OrDateTimeFormatV3 } from './OrDateTimeFormat-56dde766.js';
+export { _ as OrDateFormatV3 } from './OrDateFormat-52ca9c2e.js';
+export { _ as OrDatePickerV3 } from './OrDatePicker-b523a26b.js';
+export { _ as OrDateRangePickerV3 } from './OrDateRangePicker-bae22e4b.js';
+export { _ as OrDateTimeFormatV3 } from './OrDateTimeFormat-9212a21b.js';
 export { D as DEFAULT_TEXT, _ as OrDateTimePicker, a as OrDateTimePickerItemTypes, O as OrDateTimePickerTypes } from './OrDateTimePicker-7d39afc2.js';
-export { _ as OrDateTimePickerV3 } from './OrDateTimePicker-66aa931a.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-11d972d0.js';
-export { D as DateTimePickerTimeFormat, D as TimePickerFormat, D as TimeRangePickerFormat, f as formatDate, a as formatTime, g as getDatePlaceholder, b as getTimePlaceholder } from './getTimePlaceholder-8f786f44.js';
+export { _ as OrDateTimePickerV3 } from './OrDateTimePicker-8b8b11da.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-377d2be7.js';
+export { D as DateTimePickerTimeFormat, D as TimePickerFormat, D as TimeRangePickerFormat, f as formatDate, a as formatTime, g as getDatePlaceholder, b as getTimePlaceholder } from './getTimePlaceholder-d235490f.js';
 export { g as getCurrentDate } from './getCurrentDate-046a888d.js';
 export { g as getNextMonthDate } from './getNextMonthDate-00c47169.js';
 export { E as EmptyStateSize, _ as OrEmptyStateV3 } from './OrEmptyState-2d3fd68d.js';
@@ -65,7 +65,7 @@ export { I as InlineInputType, _ as OrInlineInputV3 } from './OrInlineInput-823a
 export { a as InlineTextEditTrimmingTypes, I as InlineTextEditTypes, _ as OrInlineTextEdit } from './OrInlineTextEdit-2ec8a8b4.js';
 export { _ as OrInlineTextareaV3 } from './OrInlineTextarea-cf629a0d.js';
 export { _ as OrInput } from './OrInput-7a12709e.js';
-export { I as InputType, _ as OrInputV3 } from './OrInput-cec3df94.js';
+export { I as InputType, _ as OrInputV3 } from './OrInput-9d9eba81.js';
 export { _ as OrLabel } from './OrLabel-fcceec1b.js';
 export { L as LabelVariant, _ as OrLabelV3 } from './OrLabel-b465bc0b.js';
 export { L as LinkColor, _ as OrLinkV3 } from './OrLink-4d8fd4cd.js';
@@ -92,16 +92,16 @@ export { _ as OrRadio } from './OrRadio-811ad5a4.js';
 export { _ as OrRadioGroup } from './OrRadioGroup-11424644.js';
 export { _ as OrRadioGroupV3 } from './OrRadioGroup-c0ad9bf3.js';
 export { _ as OrRadioV3 } from './OrRadio-81a1263e.js';
-export { _ as OrRangeSliderV3 } from './OrRangeSlider-5b939e85.js';
-export { _ as OrSliderV3 } from './OrSlider-f33d3b38.js';
-export { S as RangeSliderColor, a as RangeSliderOrientation, S as SliderColor, a as SliderOrientation } from './OrSlider.vue_rollup-plugin-vue_script-cb6c48c1.js';
+export { _ as OrRangeSliderV3 } from './OrRangeSlider-c3ff39b4.js';
+export { _ as OrSliderV3 } from './OrSlider-a15d3ff7.js';
+export { S as RangeSliderColor, a as RangeSliderOrientation, S as SliderColor, a as SliderOrientation } from './OrSlider.vue_rollup-plugin-vue_script-274f7975.js';
 export { _ as OrResizeablePanelV3, R as ResizeablePanelPadding, a as ResizeablePanelPlacement, R as SidebarPadding } from './OrResizeablePanel-0888f196.js';
-export { F as Formats, _ as OrRichTextEditorV3 } from './OrRichTextEditor-cdbf7790.js';
+export { F as Formats, _ as OrRichTextEditorV3 } from './OrRichTextEditor-63faaf79.js';
 export { _ as OrSearch } from './OrSearch-ac542dd6.js';
-export { _ as OrSearchV3 } from './OrSearch-7a853881.js';
+export { _ as OrSearchV3 } from './OrSearch-e72b79d2.js';
 export { _ as OrSegmentedControlV3, S as SegmentedControlSize } from './OrSegmentedControl-bba94cda.js';
 export { _ as OrSelect } from './OrSelect-c0d04cf6.js';
-export { _ as OrSelectV3 } from './OrSelect-2561011a.js';
+export { _ as OrSelectV3 } from './OrSelect-dba41d68.js';
 export { _ as OrSidebar, O as OrSidebarSide } from './OrSidebar-c56a9221.js';
 export { S as OrSidebarPlacement, _ as OrSidebarV3, S as SidebarPlacement } from './OrSidebar-865f03b0.js';
 export { _ as OrSkeletonCircle } from './OrSkeletonCircle-c4bf0e34.js';
@@ -119,22 +119,22 @@ export { _ as OrSwitch } from './OrSwitch-322328f7.js';
 export { _ as OrSwitchV3 } from './OrSwitch-f2c36d21.js';
 export { _ as OrTab } from './OrTab-58821c9b.js';
 export { _ as OrTabHeaderItem } from './OrTabHeaderItem-424f2986.js';
-export { _ as OrTabV3 } from './OrTab-86701135.js';
+export { _ as OrTabV3 } from './OrTab-6ac61f7a.js';
 export { _ as OrTabs } from './OrTabs-62e7e478.js';
-export { _ as OrTabsV3, T as TabsVariant } from './OrTabs-7d28c6a8.js';
+export { _ as OrTabsV3, T as TabsVariant } from './OrTabs-fad231a1.js';
 export { _ as OrTag } from './OrTag-b5803a20.js';
-export { _ as OrTagInputV3 } from './OrTagInput-3fa2d4c0.js';
+export { _ as OrTagInputV3 } from './OrTagInput-59597a40.js';
 export { _ as OrTagV3, a as TagColor, T as TagVariant } from './OrTag-c7655926.js';
 export { _ as OrTagsV3, T as TagsOverflow } from './OrTags-be65e10e.js';
 export { _ as OrTeleport } from './OrTeleport.vue2-f0c16c71.js';
 export { _ as OrTeleportV3 } from './OrTeleport.vue2-9eb0eaee.js';
 export { _ as OrTextV3 } from './OrText-44449e7b.js';
 export { _ as OrTextarea } from './OrTextarea-9febab19.js';
-export { _ as OrTextareaV3 } from './OrTextarea-02b23f55.js';
+export { _ as OrTextareaV3 } from './OrTextarea-5ea2ace8.js';
 export { _ as OrTextbox, T as TextboxTypes } from './OrTextbox-866f0a9a.js';
-export { _ as OrTimeFormatV3 } from './OrTimeFormat-6d3b87bc.js';
-export { _ as OrTimePickerV3 } from './OrTimePicker-d047d1d9.js';
-export { _ as OrTimeRangePickerV3 } from './OrTimeRangePicker-da705573.js';
+export { _ as OrTimeFormatV3 } from './OrTimeFormat-bb51eef8.js';
+export { _ as OrTimePickerV3 } from './OrTimePicker-43b742a5.js';
+export { _ as OrTimeRangePickerV3 } from './OrTimeRangePicker-cdc2fe5b.js';
 export { _ as OrToast, a as OrToastContainer } from './OrToastContainer-ecffc69f.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-28e88a53.js';
@@ -175,7 +175,7 @@ import '@codemirror/language';
 import '@lezer/highlight';
 import '@vueuse/math';
 import '@floating-ui/dom';
-import './OrDateTimePicker.vue_rollup-plugin-vue_script-42488637.js';
+import './OrDateTimePicker.vue_rollup-plugin-vue_script-aae9aafe.js';
 import 'lodash/padStart';
 import './OrTooltip.vue_rollup-plugin-vue_styles.0-0aca0c11.js';
 import 'lodash/isNil';

package/dist/esm/v3/{OrCardCollection-549e5f80.js → OrCardCollection-558ce35e.js}

@@ -1,7 +1,7 @@
 import { defineComponent, computed, ref, watch } from 'vue-demi';
 import { s as script$2 } from './OrIconButton-793c4a52.js';
-import { s as script$4 } from './OrSearch-6413323a.js';
-import './OrInputBox-f0bac539.js';
+import { s as script$4 } from './OrSearch-c554a01e.js';
+import './OrInputBox-ffea8c8e.js';
 import { s as script$3 } from './OrSorting-bfe2200c.js';
 import { openBlock, createElementBlock, normalizeClass, Fragment, renderList, renderSlot, mergeProps, createTextVNode, toDisplayString, resolveComponent, createElementVNode, createBlock, createCommentVNode, createVNode, normalizeProps, guardReactiveProps, withCtx } from 'vue';
 

package/dist/esm/v3/{OrCode-db54f6b8.js → OrCode-4ad2f84e.js}

@@ -14,7 +14,7 @@ import { s as script$7 } from './OrIconButton-793c4a52.js';
 import { s as script$6 } from './OrModal-51eef18b.js';
 import { s as script$2 } from './OrError-69bd7f6a.js';
 import { s as script$3 } from './OrHint-55d3de35.js';
-import { s as script$4 } from './OrInputBox-f0bac539.js';
+import { s as script$4 } from './OrInputBox-ffea8c8e.js';
 import { s as script$5 } from './OrLabel-b826da04.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createVNode, withCtx, renderSlot, createTextVNode, toDisplayString, createElementVNode, withDirectives, createBlock, createCommentVNode, vShow, withModifiers, createSlots } from 'vue';
 

package/dist/esm/v3/{OrCombinedInput-1b8b1cdd.js → OrCombinedInput-2ca71aa7.js}

@@ -2,7 +2,7 @@ import { defineComponent, ref, computed } from 'vue-demi';
 import { s as script$1 } from './OrError-69bd7f6a.js';
 import { s as script$2 } from './OrHint-55d3de35.js';
 import { s as script$3 } from './OrLabel-b826da04.js';
-import { I as InputBoxSize } from './OrInputBox-f0bac539.js';
+import { I as InputBoxSize } from './OrInputBox-ffea8c8e.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, createElementVNode, withDirectives, vShow, createVNode } from 'vue';
 
 const CombinedInput = [
@@ -16,9 +16,9 @@ const CombinedInputControlGroup = [
 // Box
 'w-full',
 // Shape (.or-input-box-v3)
-'[&_.or-input-box-v3]:first-child:rounded-r-none', '[&_.or-input-box-v3]:middle-child:rounded-none', '[&_.or-input-box-v3]:last-child:rounded-l-none',
-// Spacing (.or-input-box-v3)
-'[&_.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]'];
+'[&_.or-input-box-v3]:[&:not(:first-child)]:children:rounded-l-none', '[&_.or-input-box-v3]:[&:not(:last-child)]:children:rounded-r-none',
+// Theme (.or-input-box-v3)
+'[&_.or-input-box-v3]:[&:not(:first-child)]:children:border-l-0', '[&_.or-input-box-v3]:[&:not(:last-child)]:children:border-r-0'];
 
 var script = defineComponent({
   name: 'OrCombinedInput',

package/dist/esm/v3/{OrConfirm-8c818798.js → OrConfirm-9c5e755e.js}

@@ -6,7 +6,7 @@ import { u as usePopoverState } from './usePopoverState-b92c698b.js';
 import '@onereach/styles/tailwind/plugins/core';
 import '@onereach/styles/tailwind.config.json';
 import { s as script$2, B as ButtonColor } from './OrButton-e5617bbe.js';
-import { s as script$3 } from './OrInput-3de8dde3.js';
+import { s as script$3 } from './OrInput-42ba854a.js';
 import { s as script$1 } from './OrOverlay-bd4f72c4.js';
 import { resolveComponent, openBlock, createBlock, withCtx, createElementVNode, mergeProps, normalizeClass, renderSlot, createTextVNode, toDisplayString, createElementBlock, createVNode, createCommentVNode } from 'vue';
 

package/dist/esm/v3/{OrDateFormat-36ba02e5.js → OrDateFormat-1ce1010d.js}

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed } from 'vue-demi';
-import './OrDateTimePicker-b1ec68a8.js';
-import './OrDateTimePickerTimeSelect-c97af8c7.js';
-import { f as formatDate } from './getTimePlaceholder-13d5f743.js';
+import './OrDateTimePicker-44e0c9f3.js';
+import './OrDateTimePickerTimeSelect-275c0bf5.js';
+import { f as formatDate } from './getTimePlaceholder-9840b5cd.js';
 import { openBlock, createElementBlock, normalizeClass, toDisplayString } from 'vue';
 
 const DateFormat = [

package/dist/esm/v3/{OrDatePicker-7b626917.js → OrDatePicker-0df1e23d.js}

@@ -5,15 +5,15 @@ import './dom-aecadd9a.js';
 import { u as useProxyModelValue } from './useProxyModelValue-940010d2.js';
 import '@onereach/styles/tailwind/plugins/core';
 import '@onereach/styles/tailwind.config.json';
-import './OrDateTimePicker-b1ec68a8.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-c97af8c7.js';
-import './getTimePlaceholder-13d5f743.js';
+import './OrDateTimePicker-44e0c9f3.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-275c0bf5.js';
+import './getTimePlaceholder-9840b5cd.js';
 import { g as getCurrentDate } from './getCurrentDate-046a888d.js';
 import { s as script$7 } from './OrError-69bd7f6a.js';
 import { s as script$8 } from './OrHint-55d3de35.js';
 import { s as script$a } from './OrIconButton-793c4a52.js';
 import { s as script$9 } from './OrIcon-8f6c9c29.js';
-import { s as script$b, I as InputBoxSize } from './OrInputBox-f0bac539.js';
+import { s as script$b, I as InputBoxSize } from './OrInputBox-ffea8c8e.js';
 import { s as script$c } from './OrLabel-b826da04.js';
 import { s as script$d } from './OrPopover-062e78f6.js';
 import { resolveComponent, resolveDirective, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, withDirectives, withModifiers, createVNode, Fragment, createElementVNode } from 'vue';

package/dist/esm/v3/{OrDateRangePicker-c7570324.js → OrDateRangePicker-72940be9.js}

@@ -5,16 +5,16 @@ import './dom-aecadd9a.js';
 import { u as useProxyModelValue } from './useProxyModelValue-940010d2.js';
 import { u as useResponsive } from './useResponsive-5c8291da.js';
 import '@onereach/styles/tailwind.config.json';
-import './OrDateTimePicker-b1ec68a8.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-c97af8c7.js';
-import './getTimePlaceholder-13d5f743.js';
+import './OrDateTimePicker-44e0c9f3.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-275c0bf5.js';
+import './getTimePlaceholder-9840b5cd.js';
 import { g as getCurrentDate } from './getCurrentDate-046a888d.js';
 import { g as getNextMonthDate } from './getNextMonthDate-00c47169.js';
 import { s as script$7 } from './OrError-69bd7f6a.js';
 import { s as script$8 } from './OrHint-55d3de35.js';
 import { s as script$a } from './OrIconButton-793c4a52.js';
 import { s as script$9 } from './OrIcon-8f6c9c29.js';
-import { s as script$b, I as InputBoxSize } from './OrInputBox-f0bac539.js';
+import { s as script$b, I as InputBoxSize } from './OrInputBox-ffea8c8e.js';
 import { s as script$c } from './OrLabel-b826da04.js';
 import { s as script$d } from './OrPopover-062e78f6.js';
 import { resolveComponent, resolveDirective, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, withDirectives, withModifiers, createVNode, createElementVNode, Fragment } from 'vue';

package/dist/esm/v3/{OrDateTimeFormat-c8076fb8.js → OrDateTimeFormat-dfebaf6d.js}

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed } from 'vue-demi';
-import './OrDateTimePicker-b1ec68a8.js';
-import './OrDateTimePickerTimeSelect-c97af8c7.js';
-import { D as DateTimePickerTimeFormat, f as formatDate, a as formatTime } from './getTimePlaceholder-13d5f743.js';
+import './OrDateTimePicker-44e0c9f3.js';
+import './OrDateTimePickerTimeSelect-275c0bf5.js';
+import { D as DateTimePickerTimeFormat, f as formatDate, a as formatTime } from './getTimePlaceholder-9840b5cd.js';
 import { openBlock, createElementBlock, normalizeClass, toDisplayString } from 'vue';
 
 const DateTimeFormat = [

package/dist/esm/v3/{OrDateTimePicker-b1ec68a8.js → OrDateTimePicker-44e0c9f3.js}

@@ -9,11 +9,11 @@ import { s as script$9 } from './OrError-69bd7f6a.js';
 import { s as script$a } from './OrHint-55d3de35.js';
 import { s as script$c } from './OrIconButton-793c4a52.js';
 import { s as script$b } from './OrIcon-8f6c9c29.js';
-import { s as script$d, I as InputBoxSize } from './OrInputBox-f0bac539.js';
+import { s as script$d, I as InputBoxSize } from './OrInputBox-ffea8c8e.js';
 import { s as script$e } from './OrLabel-b826da04.js';
 import { s as script$f } from './OrPopover-062e78f6.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-c97af8c7.js';
-import { D as DateTimePickerTimeFormat } from './getTimePlaceholder-13d5f743.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-275c0bf5.js';
+import { D as DateTimePickerTimeFormat } from './getTimePlaceholder-9840b5cd.js';
 import { g as getCurrentDate } from './getCurrentDate-046a888d.js';
 import { resolveComponent, resolveDirective, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, withDirectives, withModifiers, createVNode, Fragment, createElementVNode } from 'vue';
 

package/dist/esm/v3/{OrDateTimePickerTimeSelect-c97af8c7.js → OrDateTimePickerTimeSelect-275c0bf5.js}

@@ -4,7 +4,7 @@ import './dom-aecadd9a.js';
 import { u as useProxyModelValue } from './useProxyModelValue-940010d2.js';
 import '@onereach/styles/tailwind/plugins/core';
 import '@onereach/styles/tailwind.config.json';
-import { g as getDatePlaceholder, f as formatDate, D as DateTimePickerTimeFormat, b as getTimePlaceholder, a as formatTime } from './getTimePlaceholder-13d5f743.js';
+import { g as getDatePlaceholder, f as formatDate, D as DateTimePickerTimeFormat, b as getTimePlaceholder, a as formatTime } from './getTimePlaceholder-9840b5cd.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-e5617bbe.js';
 import { s as script$9 } from './OrLabel-b826da04.js';

package/dist/esm/v3/{OrInput-3de8dde3.js → OrInput-42ba854a.js}

@@ -10,7 +10,7 @@ import { s as script$1 } from './OrError-69bd7f6a.js';
 import { s as script$2 } from './OrHint-55d3de35.js';
 import { s as script$4 } from './OrIconButton-793c4a52.js';
 import { s as script$3 } from './OrIcon-8f6c9c29.js';
-import { s as script$5, I as InputBoxSize } from './OrInputBox-f0bac539.js';
+import { s as script$5, I as InputBoxSize } from './OrInputBox-ffea8c8e.js';
 import { s as script$6 } from './OrLabel-b826da04.js';
 import { s as script$7 } from './OrLoader-b79022da.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, createVNode, Fragment, withModifiers, withDirectives, createElementVNode, mergeProps, vModelDynamic, createSlots, vShow } from 'vue';

package/dist/esm/v3/{OrInputBox-f0bac539.js → OrInputBox-ffea8c8e.js}

@@ -94,14 +94,14 @@ const InputBoxSizes = {
   // 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:children:ml-md first:children:md:ml-sm+', 'last:children:mr-md last:children:md:mr-sm+', 'gap-sm+ md:gap-sm',
   // Typography
   'typography-body-2-regular'],
   [InputBoxSize.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:children:ml-md first:children:md:ml-sm+', 'last:children:mr-md last:children:md:mr-sm+', 'gap-[6px]',
   // Typography
   'typography-caption-regular']
 };

package/dist/esm/v3/{OrRangeSlider-07ddbed1.js → OrRangeSlider-6f0085f0.js}

@@ -6,7 +6,7 @@ import '@onereach/styles/tailwind/plugins/core';
 import '@onereach/styles/tailwind.config.json';
 import { s as script$1 } from './OrTooltip-ac2555b8.js';
 import './OrPopover-062e78f6.js';
-import { a as SliderOrientation, S as SliderColor } from './OrSlider-f932d1c4.js';
+import { a as SliderOrientation, S as SliderColor } from './OrSlider-0909e134.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, normalizeStyle, createVNode, withCtx, toDisplayString } from 'vue';
 
 const RangeSlider = [
@@ -67,22 +67,22 @@ const RangeSliderThumb = [
 // Shape
 'rounded-full',
 // Theme
-'bg-white dark:bg-black'];
+'theme-background-base', 'dark:theme-background-base-dark'];
 const RangeSliderThumbColors = {
   [SliderColor.Primary]: [
   // Theme
   'theme-border-4-primary', 'dark:theme-border-4-primary-dark',
-  // Theme (enabled, hover)
-  'hover:enabled:theme-background-primary', 'dark:hover:enabled:theme-background-primary-dark',
-  // Theme (enabled, active)
-  'active:enabled:theme-background-primary', 'dark:active:enabled:theme-background-primary-dark', 'active:enabled:theme-outline-10-primary', 'dark:active:enabled:theme-outline-10-primary-dark'],
+  // Theme (hover)
+  'hover:theme-background-primary', 'dark:hover:theme-background-primary-dark',
+  // Theme (active)
+  'active:theme-background-primary', 'dark:active:theme-background-primary-dark', 'active:theme-outline-10-primary', 'dark:active:theme-outline-10-primary-dark'],
   [SliderColor.Secondary]: [
   // Theme
   'theme-border-4-secondary', 'dark:theme-border-4-secondary-dark',
-  // Theme (enabled, hover)
-  'hover:enabled:theme-background-secondary', 'dark:hover:enabled:theme-background-secondary-dark',
-  // Theme (enabled, active)
-  'active:enabled:theme-background-secondary', 'dark:active:enabled:theme-background-secondary-dark', 'active:enabled:theme-outline-10-secondary', 'dark:active:enabled:theme-outline-10-secondary-dark']
+  // Theme (hover)
+  'hover:theme-background-secondary', 'dark:hover:theme-background-secondary-dark',
+  // Theme (active)
+  'active:theme-background-secondary', 'dark:active:theme-background-secondary-dark', 'active:theme-outline-10-secondary', 'dark:active:theme-outline-10-secondary-dark']
 };
 const RangeSliderLabel = [];
 const RangeSliderLabelOrientations = {
@@ -128,6 +128,10 @@ var script = defineComponent({
       type: Number,
       default: 1
     },
+    breakpoints: {
+      type: Array,
+      default: () => []
+    },
     color: {
       type: String,
       default: SliderColor.Primary
@@ -172,7 +176,10 @@ var script = defineComponent({
         return (proxyModelValue.value[0] - props.minValue) / (props.maxValue - props.minValue);
       },
       set: value => {
-        proxyModelValue.value = [Math.round(value * (props.maxValue - props.minValue) + props.minValue), Math.round(internalModelValueTo.value * (props.maxValue - props.minValue) + props.minValue)];
+        const modelValue = Math.round(value * (props.maxValue - props.minValue) + props.minValue);
+        proxyModelValue.value = [internalBreakpoints.value.reduce((a, b) => {
+          return Math.abs(a - modelValue) < Math.abs(b - modelValue) ? a : b;
+        }), Math.round(internalModelValueTo.value * (props.maxValue - props.minValue) + props.minValue)];
       }
     });
     const internalModelValueTo = computed({
@@ -180,9 +187,15 @@ var script = defineComponent({
         return (proxyModelValue.value[1] - props.minValue) / (props.maxValue - props.minValue);
       },
       set: value => {
-        proxyModelValue.value = [Math.round(internalModelValueFrom.value * (props.maxValue - props.minValue) + props.minValue), Math.round(value * (props.maxValue - props.minValue) + props.minValue)];
+        const modelValue = Math.round(value * (props.maxValue - props.minValue) + props.minValue);
+        proxyModelValue.value = [Math.round(internalModelValueFrom.value * (props.maxValue - props.minValue) + props.minValue), internalBreakpoints.value.reduce((a, b) => {
+          return Math.abs(a - modelValue) < Math.abs(b - modelValue) ? a : b;
+        })];
       }
     });
+    const internalBreakpoints = computed(() => {
+      return Array(Math.abs(props.maxValue - props.minValue) / props.step + 1).fill(null).map((value, index) => props.minValue + props.step * index).concat(props.breakpoints).sort((a, b) => a - b);
+    });
     const railBoundingBox = useElementBounding(rail);
     const selectedControl = ref();
     // Handlers
@@ -234,9 +247,6 @@ var script = defineComponent({
       labelStyles,
       labelMarkStyles,
       proxyModelValue,
-      internalModelValueFrom,
-      internalModelValueTo,
-      selectedControl,
       isHovering,
       isDragging
     };

package/dist/esm/v3/{OrRichTextEditor-eda0097a.js → OrRichTextEditor-155c8006.js}

@@ -22,7 +22,7 @@ import { s as script$4 } from './OrMenu-33d89df4.js';
 import { s as script$8 } from './OrPopover-062e78f6.js';
 import { s as script$3 } from './OrMenuItem-77e47b3b.js';
 import { s as script$5 } from './OrModal-51eef18b.js';
-import { s as script$6 } from './OrInput-3de8dde3.js';
+import { s as script$6 } from './OrInput-42ba854a.js';
 import { s as script$7 } from './OrButton-e5617bbe.js';
 import { Node, Editor, mergeAttributes } from '@tiptap/core';
 import StarterKit from '@tiptap/starter-kit';

package/dist/esm/v3/{OrSearch-6413323a.js → OrSearch-c554a01e.js}

@@ -1,7 +1,7 @@
 import { debouncedWatch } from '@vueuse/core';
 import { defineComponent, ref, computed, reactive, watch } from 'vue-demi';
-import { s as script$1 } from './OrInput-3de8dde3.js';
-import { I as InputBoxSize } from './OrInputBox-f0bac539.js';
+import { s as script$1 } from './OrInput-42ba854a.js';
+import { I as InputBoxSize } from './OrInputBox-ffea8c8e.js';
 import { a as useIdAttribute, u as useControlAttributes } from './useIdAttribute-859439f0.js';
 import './dom-aecadd9a.js';
 import '@onereach/styles/tailwind/plugins/core';

package/dist/esm/v3/{OrSelect-c837e550.js → OrSelect-a0f2637e.js}

@@ -12,8 +12,8 @@ import { s as script$5 } from './OrExpansionPanel-abe63bbb.js';
 import { s as script$6 } from './OrHint-55d3de35.js';
 import { s as script$8 } from './OrIconButton-793c4a52.js';
 import { s as script$7 } from './OrIcon-8f6c9c29.js';
-import { s as script$a, I as InputBoxSize } from './OrInputBox-f0bac539.js';
-import { s as script$9 } from './OrInput-3de8dde3.js';
+import { s as script$a, I as InputBoxSize } from './OrInputBox-ffea8c8e.js';
+import { s as script$9 } from './OrInput-42ba854a.js';
 import { s as script$b } from './OrLabel-b826da04.js';
 import { s as script$c } from './OrMenuItem-77e47b3b.js';
 import { s as script$d } from './OrPopover-062e78f6.js';