@onereach/ui-components 8.8.3-beta.3734.0 → 8.8.3

package/dist/bundled/v3/utils/constants/key-codes.js

@@ -1 +1 @@
-export { am as CODE_BACKSPACE, an as CODE_BREAK, ao as CODE_DELETE, ap as CODE_DOWN, aq as CODE_END, ar as CODE_ENTER, as as CODE_ESC, at as CODE_HOME, au as CODE_LEFT, av as CODE_PAGEDOWN, aw as CODE_PAGEUP, ax as CODE_RIGHT, ay as CODE_SPACE, az as CODE_UP } from '../../components/OrBottomSheetV3-dc89f856.js';
+export { am as CODE_BACKSPACE, an as CODE_BREAK, ao as CODE_DELETE, ap as CODE_DOWN, aq as CODE_END, ar as CODE_ENTER, as as CODE_ESC, at as CODE_HOME, au as CODE_LEFT, av as CODE_PAGEDOWN, aw as CODE_PAGEUP, ax as CODE_RIGHT, ay as CODE_SPACE, az as CODE_UP } from '../../components/OrBottomSheetV3-34d4ad36.js';

package/dist/bundled/v3/utils/constants/poper.js

@@ -1 +1 @@
-export { aD as PLACEMENT_BOTTOM_END, aC as PLACEMENT_BOTTOM_START, aH as PLACEMENT_LEFT_END, aG as PLACEMENT_LEFT_START, aF as PLACEMENT_RIGHT_END, aE as PLACEMENT_RIGHT_START, aB as PLACEMENT_TOP_END, aA as PLACEMENT_TOP_START } from '../../components/OrBottomSheetV3-dc89f856.js';
+export { aD as PLACEMENT_BOTTOM_END, aC as PLACEMENT_BOTTOM_START, aH as PLACEMENT_LEFT_END, aG as PLACEMENT_LEFT_START, aF as PLACEMENT_RIGHT_END, aE as PLACEMENT_RIGHT_START, aB as PLACEMENT_TOP_END, aA as PLACEMENT_TOP_START } from '../../components/OrBottomSheetV3-34d4ad36.js';

package/dist/bundled/v3/utils/functions/dom.js

@@ -1 +1 @@
-export { aI as MutationObs, ae as addClass, k as cancelAF, aN as contains, aS as getAttr, l as getBCR, aO as getById, A as getCS, B as getMaxZIndex, aU as getStyle, aT as hasAttr, aP as hasClass, aK as isVisible, aV as offset, aW as position, h as reflow, aR as removeAttr, af as removeClass, aJ as removeNode, j as removeStyle, r as requestAF, aM as select, aL as selectAll, aQ as setAttr, s as setStyle } from '../../components/OrBottomSheetV3-dc89f856.js';
+export { aI as MutationObs, ae as addClass, k as cancelAF, aN as contains, aS as getAttr, l as getBCR, aO as getById, A as getCS, B as getMaxZIndex, aU as getStyle, aT as hasAttr, aP as hasClass, aK as isVisible, aV as offset, aW as position, h as reflow, aR as removeAttr, af as removeClass, aJ as removeNode, j as removeStyle, r as requestAF, aM as select, aL as selectAll, aQ as setAttr, s as setStyle } from '../../components/OrBottomSheetV3-34d4ad36.js';

package/dist/bundled/v3/utils/functions/flattenDeep.js

@@ -1 +1 @@
-export { f as default } from '../../components/OrBottomSheetV3-dc89f856.js';
+export { f as default } from '../../components/OrBottomSheetV3-34d4ad36.js';

package/dist/bundled/v3/utils/functions/px-to-rem.js

@@ -1 +1 @@
-export { p as pxToRem } from '../../components/OrBottomSheetV3-dc89f856.js';
+export { p as pxToRem } from '../../components/OrBottomSheetV3-34d4ad36.js';

package/dist/bundled/v3/utils/functions/text.js

@@ -1,2 +1,2 @@
 import '../../components/OrAvatarV3-2d3bda02.js';
-export { aX as getAbbreviation } from '../../components/OrBottomSheetV3-dc89f856.js';
+export { aX as getAbbreviation } from '../../components/OrBottomSheetV3-34d4ad36.js';

package/dist/bundled/v3/utils/index.js

@@ -1,2 +1,2 @@
 export { H as HSL_LIMITS, R as RX_ABBREVIATION_FROM_STRING, a as RX_ARRAY_NOTATION, b as RX_BV_PREFIX, u as RX_DATE, v as RX_DATE_SPLIT, c as RX_DIGITS, y as RX_ENCODED_COMMA, z as RX_ENCODE_REVERSE, d as RX_EXTENSION, e as RX_HASH, f as RX_HASH_ID, x as RX_HREF, g as RX_HTML_TAGS, h as RX_HYPHENATE, C as RX_LONG_COLOR, i as RX_LOWER_UPPER, j as RX_NUMBER, k as RX_PLUS, A as RX_QUERY_START, l as RX_REGEXP_REPLACE, B as RX_SHORT_COLOR, m as RX_SPACES, n as RX_SPACE_SPLIT, o as RX_STAR, p as RX_START_SPACE_WORD, w as RX_TIME, q as RX_TRIM_LEFT, r as RX_TRIM_RIGHT, s as RX_UNDERSCORE, t as RX_UN_KEBAB, F as generateHslFromString, I as getHashOfString, D as hexToRgb, G as hslToColorString, J as normalize, E as rgbToHex } from '../components/OrAvatarV3-2d3bda02.js';
-export { am as CODE_BACKSPACE, an as CODE_BREAK, ao as CODE_DELETE, ap as CODE_DOWN, aq as CODE_END, ar as CODE_ENTER, as as CODE_ESC, at as CODE_HOME, au as CODE_LEFT, av as CODE_PAGEDOWN, aw as CODE_PAGEUP, ax as CODE_RIGHT, ay as CODE_SPACE, az as CODE_UP, aI as MutationObs, aD as PLACEMENT_BOTTOM_END, aC as PLACEMENT_BOTTOM_START, aH as PLACEMENT_LEFT_END, aG as PLACEMENT_LEFT_START, aF as PLACEMENT_RIGHT_END, aE as PLACEMENT_RIGHT_START, aB as PLACEMENT_TOP_END, aA as PLACEMENT_TOP_START, ae as addClass, k as cancelAF, aN as contains, aX as getAbbreviation, aS as getAttr, l as getBCR, aO as getById, A as getCS, B as getMaxZIndex, aU as getStyle, aT as hasAttr, aP as hasClass, S as isEmpty, i as isEmptyValue, ad as isEqualValue, aK as isVisible, aV as offset, aW as position, p as pxToRem, h as reflow, aR as removeAttr, af as removeClass, aJ as removeNode, j as removeStyle, r as requestAF, aM as select, aL as selectAll, aQ as setAttr, s as setStyle } from '../components/OrBottomSheetV3-dc89f856.js';
+export { am as CODE_BACKSPACE, an as CODE_BREAK, ao as CODE_DELETE, ap as CODE_DOWN, aq as CODE_END, ar as CODE_ENTER, as as CODE_ESC, at as CODE_HOME, au as CODE_LEFT, av as CODE_PAGEDOWN, aw as CODE_PAGEUP, ax as CODE_RIGHT, ay as CODE_SPACE, az as CODE_UP, aI as MutationObs, aD as PLACEMENT_BOTTOM_END, aC as PLACEMENT_BOTTOM_START, aH as PLACEMENT_LEFT_END, aG as PLACEMENT_LEFT_START, aF as PLACEMENT_RIGHT_END, aE as PLACEMENT_RIGHT_START, aB as PLACEMENT_TOP_END, aA as PLACEMENT_TOP_START, ae as addClass, k as cancelAF, aN as contains, aX as getAbbreviation, aS as getAttr, l as getBCR, aO as getById, A as getCS, B as getMaxZIndex, aU as getStyle, aT as hasAttr, aP as hasClass, S as isEmpty, i as isEmptyValue, ad as isEqualValue, aK as isVisible, aV as offset, aW as position, p as pxToRem, h as reflow, aR as removeAttr, af as removeClass, aJ as removeNode, j as removeStyle, r as requestAF, aM as select, aL as selectAll, aQ as setAttr, s as setStyle } from '../components/OrBottomSheetV3-34d4ad36.js';

package/dist/bundled/v3/utils/isEmpty.js

@@ -1 +1 @@
-export { S as isEmpty } from '../components/OrBottomSheetV3-dc89f856.js';
+export { S as isEmpty } from '../components/OrBottomSheetV3-34d4ad36.js';

package/dist/bundled/v3/utils/isEmptyValue.js

@@ -1 +1 @@
-export { i as isEmptyValue } from '../components/OrBottomSheetV3-dc89f856.js';
+export { i as isEmptyValue } from '../components/OrBottomSheetV3-34d4ad36.js';

package/dist/bundled/v3/utils/isEqualValue.js

@@ -1 +1 @@
-export { ad as isEqualValue } from '../components/OrBottomSheetV3-dc89f856.js';
+export { ad as isEqualValue } from '../components/OrBottomSheetV3-34d4ad36.js';

package/dist/bundled/v3/utils/isVisible.js

@@ -1 +1 @@
-export { aY as default } from '../components/OrBottomSheetV3-dc89f856.js';
+export { aY as default } from '../components/OrBottomSheetV3-34d4ad36.js';

package/dist/esm/v2/{OrButtonGroup-3dea3a12.js → OrButtonGroup-e8b5c31a.js}

@@ -12,9 +12,9 @@ const ButtonGroupVariants = {
   // Spacing
   'gap-[1px]'],
   [ButtonVariant.Outlined]: [
-  // Position (children)
-  'children:relative',
-  // Position (children/active)
+  // Position
+  'relative',
+  // Position (active, children)
   'active:children:z-10',
   // Spacing
   '[&:not(:first-child)]:children:ml-[-1px]'],

package/dist/esm/v2/{OrCardCollection-5e7c32c6.js → OrCardCollection-c6d99e6f.js}

@@ -1,7 +1,8 @@
 import { defineComponent, computed, ref, watch } from 'vue-demi';
 import { _ as __vue_component__$2 } from './OrIconButton-02ff40b7.js';
-import { _ as __vue_component__$4 } from './OrSearch-53d20b00.js';
-import './OrInputBox.vue_rollup-plugin-vue_script-ba172f8b.js';
+import { _ as __vue_component__$4 } from './OrSearch-9de080c7.js';
+import './OrInputBox.vue_rollup-plugin-vue_script-bebba826.js';
+import { _ as __vue_component__$5 } from './OrLoader-b0c381f9.js';
 import { _ as __vue_component__$3 } from './OrSorting-b1eb1e6b.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
@@ -93,7 +94,7 @@ var __vue_render__$1 = function () {
       item: item,
       mode: _vm.mode
     });
-  })], 2);
+  }), _vm._v(" "), _vm._t("viewEnd")], 2);
 };
 var __vue_staticRenderFns__$1 = [];
 
@@ -122,7 +123,8 @@ var script = defineComponent({
     OrCardCollectionView: __vue_component__$1,
     OrIconButton: __vue_component__$2,
     OrSorting: __vue_component__$3,
-    OrSearch: __vue_component__$4
+    OrSearch: __vue_component__$4,
+    OrLoader: __vue_component__$5
   },
   props: {
     items: {
@@ -156,6 +158,10 @@ var script = defineComponent({
     searchDebounce: {
       type: Number,
       default: undefined
+    },
+    loading: {
+      type: Boolean,
+      default: false
     }
   },
   emits: ['viewChange', 'sortChange', 'searchChange'],
@@ -261,7 +267,7 @@ var __vue_render__ = function () {
   }), 1)] : _vm._e(), _vm._v(" "), _vm._t("addon")], 2)]), _vm._v(" "), _vm._t("header", null, null, {
     items: _vm.items,
     mode: _vm.proxyView
-  }), _vm._v(" "), _vm.items.length ? _vm._t(_vm.proxyView, function () {
+  }), _vm._v(" "), _vm.items.length && !_vm.loading ? _vm._t(_vm.proxyView, function () {
     return [_c('OrCardCollectionView', {
       attrs: {
         "items": _vm.items,
@@ -272,14 +278,24 @@ var __vue_render__ = function () {
         fn: function (props) {
           return [_vm._t("item", null, null, props)];
         }
+      }, {
+        key: "viewEnd",
+        fn: function () {
+          return [_vm._t("viewEnd")];
+        },
+        proxy: true
       }], null, true)
     })];
   }, null, {
     items: _vm.items
-  }) : _vm.items.length === 0 && _vm.proxySearch.length > 0 ? _vm._t("noSearchResults", function () {
+  }) : _vm.items.length === 0 && _vm.proxySearch.length > 0 && !_vm.loading ? _vm._t("noSearchResults", function () {
     return [_vm._v("\n    No results\n  ")];
   }, null, {
     search: _vm.proxySearch
+  }) : _vm._e(), _vm._v(" "), _vm.loading ? _vm._t("loading", function () {
+    return [_c('div', {
+      staticClass: "h-full"
+    }, [_c('OrLoader')], 1)];
   }) : _vm._e()], 2);
 };
 var __vue_staticRenderFns__ = [];

package/dist/esm/v2/{OrCode-450a3056.js → OrCode-439cfa67.js}

@@ -14,8 +14,8 @@ import { _ as __vue_component__$7 } from './OrIconButton-02ff40b7.js';
 import { _ as __vue_component__$6 } from './OrModal-71e5d5a7.js';
 import { _ as __vue_component__$2 } from './OrError-916e928e.js';
 import { _ as __vue_component__$3 } from './OrHint-1220face.js';
-import { _ as __vue_component__$4 } from './OrInputBox-2ba4ae49.js';
-import './OrInputBox.vue_rollup-plugin-vue_script-ba172f8b.js';
+import { _ as __vue_component__$4 } from './OrInputBox-c586fe8d.js';
+import './OrInputBox.vue_rollup-plugin-vue_script-bebba826.js';
 import { _ as __vue_component__$5 } from './OrLabel-b465bc0b.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 

package/dist/esm/v2/{OrCombinedInput-3692c358.js → OrCombinedInput-2b0f745b.js}

@@ -2,7 +2,7 @@ import { defineComponent, ref, computed } from 'vue-demi';
 import { _ as __vue_component__$1 } from './OrError-916e928e.js';
 import { _ as __vue_component__$2 } from './OrHint-1220face.js';
 import { _ as __vue_component__$3 } from './OrLabel-b465bc0b.js';
-import { I as InputBoxSize } from './OrInputBox.vue_rollup-plugin-vue_script-ba172f8b.js';
+import { I as InputBoxSize } from './OrInputBox.vue_rollup-plugin-vue_script-bebba826.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 const CombinedInput = [
@@ -15,14 +15,10 @@ const CombinedInputControlGroup = [
 'layout-row',
 // Box
 'w-full',
-// Position (.or-input-box-v3)
-'[&_.or-input-box-v3]:children:relative',
-// Position (.or-input-box-v3/focus)
-'focus-within:[&_.or-input-box-v3]:children:z-10',
-// Spacing (.or-input-box-v3)
-'[&_.or-input-box-v3]:[&:not(:first-child)]:children:ml-[-1px]',
 // Shape (.or-input-box-v3)
-'[&_.or-input-box-v3]:[&:not(:first-child)]:children:rounded-l-none', '[&_.or-input-box-v3]:[&:not(:last-child)]:children:rounded-r-none'];
+'[&_.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]'];
 
 var script = defineComponent({
   name: 'OrCombinedInput',

package/dist/esm/v2/{OrConfirm-43a87eab.js → OrConfirm-62781eca.js}

@@ -7,7 +7,7 @@ import '@onereach/styles/tailwind/plugins/core';
 import '@onereach/styles/tailwind.config.json';
 import { _ as __vue_component__$2 } from './OrButton-1b005dae.js';
 import { B as ButtonColor } from './OrButton.vue_rollup-plugin-vue_script-b4424640.js';
-import { _ as __vue_component__$3 } from './OrInput-dc9213dd.js';
+import { _ as __vue_component__$3 } from './OrInput-14b7b3b7.js';
 import { _ as __vue_component__$1 } from './OrOverlay-1dc61baa.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 

package/dist/esm/v2/{OrDateFormat-1bd1af75.js → OrDateFormat-8803657e.js}

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed } from 'vue-demi';
-import './OrDateTimePicker.vue_rollup-plugin-vue_script-34ec41be.js';
-import './OrDateTimePickerTimeSelect-52a829db.js';
-import { f as formatDate } from './getTimePlaceholder-d235490f.js';
+import './OrDateTimePicker.vue_rollup-plugin-vue_script-80ad7f3f.js';
+import './OrDateTimePickerTimeSelect-9c2296c9.js';
+import { f as formatDate } from './getTimePlaceholder-8f786f44.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 const DateFormat = [

package/dist/esm/v2/{OrDatePicker-e2e45a84.js → OrDatePicker-850fbbb2.js}

@@ -5,16 +5,16 @@ 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.vue_rollup-plugin-vue_script-34ec41be.js';
-import { _ as __vue_component__$1, a as __vue_component__$2, b as __vue_component__$3, c as __vue_component__$4, d as __vue_component__$5, e as __vue_component__$6 } from './OrDateTimePickerTimeSelect-52a829db.js';
-import './getTimePlaceholder-d235490f.js';
+import './OrDateTimePicker.vue_rollup-plugin-vue_script-80ad7f3f.js';
+import { _ as __vue_component__$1, a as __vue_component__$2, b as __vue_component__$3, c as __vue_component__$4, d as __vue_component__$5, e as __vue_component__$6 } from './OrDateTimePickerTimeSelect-9c2296c9.js';
+import './getTimePlaceholder-8f786f44.js';
 import { g as getCurrentDate } from './getCurrentDate-046a888d.js';
 import { _ as __vue_component__$7 } from './OrError-916e928e.js';
 import { _ as __vue_component__$8 } from './OrHint-1220face.js';
 import { _ as __vue_component__$a } from './OrIconButton-02ff40b7.js';
 import { _ as __vue_component__$9 } from './OrIcon-0343b3d8.js';
-import { _ as __vue_component__$b } from './OrInputBox-2ba4ae49.js';
-import { I as InputBoxSize } from './OrInputBox.vue_rollup-plugin-vue_script-ba172f8b.js';
+import { _ as __vue_component__$b } from './OrInputBox-c586fe8d.js';
+import { I as InputBoxSize } from './OrInputBox.vue_rollup-plugin-vue_script-bebba826.js';
 import { _ as __vue_component__$c } from './OrLabel-b465bc0b.js';
 import { _ as __vue_component__$d } from './OrPopover-5564b96e.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';

package/dist/esm/v2/{OrDateRangePicker-9ad3b1e8.js → OrDateRangePicker-ee9979ab.js}

@@ -5,17 +5,17 @@ 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.vue_rollup-plugin-vue_script-34ec41be.js';
-import { _ as __vue_component__$1, a as __vue_component__$2, b as __vue_component__$3, c as __vue_component__$4, d as __vue_component__$5, e as __vue_component__$6 } from './OrDateTimePickerTimeSelect-52a829db.js';
-import './getTimePlaceholder-d235490f.js';
+import './OrDateTimePicker.vue_rollup-plugin-vue_script-80ad7f3f.js';
+import { _ as __vue_component__$1, a as __vue_component__$2, b as __vue_component__$3, c as __vue_component__$4, d as __vue_component__$5, e as __vue_component__$6 } from './OrDateTimePickerTimeSelect-9c2296c9.js';
+import './getTimePlaceholder-8f786f44.js';
 import { g as getCurrentDate } from './getCurrentDate-046a888d.js';
 import { g as getNextMonthDate } from './getNextMonthDate-00c47169.js';
 import { _ as __vue_component__$7 } from './OrError-916e928e.js';
 import { _ as __vue_component__$8 } from './OrHint-1220face.js';
 import { _ as __vue_component__$a } from './OrIconButton-02ff40b7.js';
 import { _ as __vue_component__$9 } from './OrIcon-0343b3d8.js';
-import { _ as __vue_component__$b } from './OrInputBox-2ba4ae49.js';
-import { I as InputBoxSize } from './OrInputBox.vue_rollup-plugin-vue_script-ba172f8b.js';
+import { _ as __vue_component__$b } from './OrInputBox-c586fe8d.js';
+import { I as InputBoxSize } from './OrInputBox.vue_rollup-plugin-vue_script-bebba826.js';
 import { _ as __vue_component__$c } from './OrLabel-b465bc0b.js';
 import { _ as __vue_component__$d } from './OrPopover-5564b96e.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';

package/dist/esm/v2/{OrDateTimeFormat-12496c8d.js → OrDateTimeFormat-d7c341e6.js}

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed } from 'vue-demi';
-import './OrDateTimePicker.vue_rollup-plugin-vue_script-34ec41be.js';
-import './OrDateTimePickerTimeSelect-52a829db.js';
-import { D as DateTimePickerTimeFormat, f as formatDate, a as formatTime } from './getTimePlaceholder-d235490f.js';
+import './OrDateTimePicker.vue_rollup-plugin-vue_script-80ad7f3f.js';
+import './OrDateTimePickerTimeSelect-9c2296c9.js';
+import { D as DateTimePickerTimeFormat, f as formatDate, a as formatTime } from './getTimePlaceholder-8f786f44.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 const DateTimeFormat = [

package/dist/esm/v2/{OrDateTimePicker-5abd531f.js → OrDateTimePicker-515da361.js}

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

package/dist/esm/v2/{OrDateTimePicker.vue_rollup-plugin-vue_script-34ec41be.js → OrDateTimePicker.vue_rollup-plugin-vue_script-80ad7f3f.js}

@@ -9,12 +9,12 @@ import { _ as __vue_component__$8 } from './OrError-916e928e.js';
 import { _ as __vue_component__$9 } from './OrHint-1220face.js';
 import { _ as __vue_component__$b } from './OrIconButton-02ff40b7.js';
 import { _ as __vue_component__$a } from './OrIcon-0343b3d8.js';
-import { _ as __vue_component__$c } from './OrInputBox-2ba4ae49.js';
-import { I as InputBoxSize } from './OrInputBox.vue_rollup-plugin-vue_script-ba172f8b.js';
+import { _ as __vue_component__$c } from './OrInputBox-c586fe8d.js';
+import { I as InputBoxSize } from './OrInputBox.vue_rollup-plugin-vue_script-bebba826.js';
 import { _ as __vue_component__$d } from './OrLabel-b465bc0b.js';
 import { _ as __vue_component__$e } from './OrPopover-5564b96e.js';
-import { _ as __vue_component__, a as __vue_component__$1, b as __vue_component__$2, c as __vue_component__$3, d as __vue_component__$4, e as __vue_component__$5, f as __vue_component__$6, g as __vue_component__$7 } from './OrDateTimePickerTimeSelect-52a829db.js';
-import { D as DateTimePickerTimeFormat } from './getTimePlaceholder-d235490f.js';
+import { _ as __vue_component__, a as __vue_component__$1, b as __vue_component__$2, c as __vue_component__$3, d as __vue_component__$4, e as __vue_component__$5, f as __vue_component__$6, g as __vue_component__$7 } from './OrDateTimePickerTimeSelect-9c2296c9.js';
+import { D as DateTimePickerTimeFormat } from './getTimePlaceholder-8f786f44.js';
 import { g as getCurrentDate } from './getCurrentDate-046a888d.js';
 
 const DateTimePicker = [

package/dist/esm/v2/{OrDateTimePickerTimeSelect-52a829db.js → OrDateTimePickerTimeSelect-9c2296c9.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-d235490f.js';
+import { g as getDatePlaceholder, f as formatDate, D as DateTimePickerTimeFormat, b as getTimePlaceholder, a as formatTime } from './getTimePlaceholder-8f786f44.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 import { _ as __vue_component__$8 } from './OrButton-1b005dae.js';
 import './OrButton.vue_rollup-plugin-vue_script-b4424640.js';

package/dist/esm/v2/{OrInput-dc9213dd.js → OrInput-14b7b3b7.js}

@@ -10,8 +10,8 @@ import { _ as __vue_component__$1 } from './OrError-916e928e.js';
 import { _ as __vue_component__$2 } from './OrHint-1220face.js';
 import { _ as __vue_component__$4 } from './OrIconButton-02ff40b7.js';
 import { _ as __vue_component__$3 } from './OrIcon-0343b3d8.js';
-import { _ as __vue_component__$5 } from './OrInputBox-2ba4ae49.js';
-import { I as InputBoxSize } from './OrInputBox.vue_rollup-plugin-vue_script-ba172f8b.js';
+import { _ as __vue_component__$5 } from './OrInputBox-c586fe8d.js';
+import { I as InputBoxSize } from './OrInputBox.vue_rollup-plugin-vue_script-bebba826.js';
 import { _ as __vue_component__$6 } from './OrLabel-b465bc0b.js';
 import { _ as __vue_component__$7 } from './OrLoader-b0c381f9.js';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';

package/dist/esm/v2/{OrInputBox-2ba4ae49.js → OrInputBox-c586fe8d.js}

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

package/dist/esm/v2/{OrInputBox.vue_rollup-plugin-vue_script-ba172f8b.js → OrInputBox.vue_rollup-plugin-vue_script-bebba826.js}

@@ -119,14 +119,14 @@ const InputBoxSizes = {
   // Box
   'children:min-h-[46px] children:md:min-h-[34px]',
   // Spacing
-  'first:children:ml-md first:children:md:ml-sm+', 'last:children:mr-md last:children:md:mr-sm+', 'gap-sm+ md:gap-sm',
+  'first-child:ml-md first-child:md:ml-sm+', 'last-child:mr-md last-child:md:mr-sm+', 'gap-sm+ md:gap-sm',
   // Typography
   'typography-body-2-regular'],
   [InputBoxSize.S]: [
   // Box
   'children:min-h-[30px]',
   // Spacing
-  'first:children:ml-md first:children:md:ml-sm+', 'last:children:mr-md last:children:md:mr-sm+', 'gap-[6px]',
+  'first-child:ml-md first-child:md:ml-sm+', 'last-child:mr-md last-child:md:mr-sm+', 'gap-[6px]',
   // Typography
   'typography-caption-regular']
 };

package/dist/esm/v2/{OrNotification-d708bd27.js → OrNotification-0a069dae.js}

@@ -11,7 +11,7 @@ var NotificationVariant;
   NotificationVariant["Info"] = "info";
 })(NotificationVariant || (NotificationVariant = {}));
 
-const Notification = [
+const NotificationRoot = [
 // Layout
 'layout-row !items-start',
 // Shape
@@ -20,33 +20,33 @@ const Notification = [
 'px-md', 'py-md', 'gap-md',
 // Typography
 'typography-body-2-regular',
-// Typography (children)
-'[&_:any-link]:typography-body-2-bold',
-// Elevation
-'shadow-contextual', 'dark:shadow-contextual-dark',
+// Typography (links)
+'links:typography-body-2-bold',
 // Theme
-'theme-foreground-default', 'dark:theme-foreground-default-dark'];
-const NotificationVariants = {
+'theme-foreground-default', 'dark:theme-foreground-default-dark',
+// Elevation
+'shadow-contextual', 'dark:shadow-contextual-dark'];
+const NotificationRootVariants = {
   'success': [
   // Theme
   'theme-background-success-container', 'dark:theme-background-success-container-dark',
-  // Theme (children)
-  '[&_:any-link]:theme-foreground-success', 'dark:[&_:any-link]:theme-foreground-success-dark'],
+  // Theme (links)
+  'links:theme-foreground-success', 'dark:links:theme-foreground-success-dark'],
   'warning': [
   // Theme
   'theme-background-warning-container', 'dark:theme-background-warning-container-dark',
-  // Theme (children)
-  '[&_:any-link]:theme-foreground-warning', 'dark:[&_:any-link]:theme-foreground-warning-dark'],
+  // Theme (links)
+  'links:theme-foreground-warning', 'dark:links:theme-foreground-warning-dark'],
   'error': [
   // Theme
   'theme-background-error-container', 'dark:theme-background-error-container-dark',
-  // Theme (children)
-  '[&_:any-link]:theme-foreground-error', 'dark:[&_:any-link]:theme-foreground-error-dark'],
+  // Theme (links)
+  'links:theme-foreground-error', 'dark:links:theme-foreground-error-dark'],
   'info': [
   // Theme
   'theme-background-primary-container', 'dark:theme-background-primary-container-dark',
-  // Theme (children)
-  '[&_:any-link]:theme-foreground-primary', 'dark:[&_:any-link]:theme-foreground-primary-dark']
+  // Theme (links)
+  'links:theme-foreground-primary', 'dark:links:theme-foreground-primary-dark']
 };
 const NotificationIcon = [];
 const NotificationIconVariants = {
@@ -85,7 +85,7 @@ var script = defineComponent({
     // Refs
     const root = ref();
     // Styles
-    const rootStyles = computed(() => ['or-notification-v3', ...Notification, ...NotificationVariants[props.variant]]);
+    const rootStyles = computed(() => ['or-notification-v3', ...NotificationRoot, ...NotificationRootVariants[props.variant]]);
     const iconStyles = computed(() => [...NotificationIcon, ...NotificationIconVariants[props.variant]]);
     // State
     const icon = computed(() => {

package/dist/esm/v2/{OrRangeSlider-24c70660.js → OrRangeSlider-9a81a450.js}

@@ -1,12 +1,12 @@
 import { useElementBounding, useElementHover, useDraggable, clamp } from '@vueuse/core';
-import { defineComponent, ref, computed, toRef, watch } from 'vue-demi';
+import { defineComponent, ref, computed, toRef } from 'vue-demi';
 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 { _ as __vue_component__$1 } from './OrTooltip-8be4fff2.js';
 import './OrPopover-5564b96e.js';
-import { a as SliderOrientation, S as SliderColor } from './OrSlider.vue_rollup-plugin-vue_script-c3a9449f.js';
+import { a as SliderOrientation, S as SliderColor } from './OrSlider.vue_rollup-plugin-vue_script-2623bd60.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 const RangeSlider = [
@@ -47,10 +47,10 @@ const RangeSliderOffsetOrientations = {
   [SliderOrientation.Vertical]: []
 };
 const RangeSliderTrack = [
-// Shape
-'rounded-full',
 // Box
-'w-full', 'h-full'];
+'w-full', 'h-full',
+// Shape
+'rounded-full'];
 const RangeSliderTrackColors = {
   [SliderColor.Primary]: [
   // Theme
@@ -62,27 +62,27 @@ const RangeSliderTrackColors = {
 const RangeSliderThumb = [
 // Layout
 'shrink-0',
-// Shape
-'rounded-full',
 // Box
 'w-[20px]', 'h-[20px]', '-mx-[10px]', '-my-[10px]',
+// Shape
+'rounded-full',
 // Theme
-'theme-background-base', 'dark:theme-background-base-dark'];
+'bg-white dark:bg-black'];
 const RangeSliderThumbColors = {
   [SliderColor.Primary]: [
   // Theme
   'theme-border-4-primary', 'dark:theme-border-4-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'],
+  // 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'],
   [SliderColor.Secondary]: [
   // Theme
   'theme-border-4-secondary', 'dark:theme-border-4-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']
+  // 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']
 };
 const RangeSliderLabel = [];
 const RangeSliderLabelOrientations = {
@@ -128,10 +128,6 @@ var script = defineComponent({
       type: Number,
       default: 1
     },
-    breakpoints: {
-      type: Array,
-      default: () => []
-    },
     color: {
       type: String,
       default: SliderColor.Primary
@@ -176,10 +172,7 @@ var script = defineComponent({
         return (proxyModelValue.value[0] - props.minValue) / (props.maxValue - props.minValue);
       },
       set: value => {
-        const modelValue = 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)];
+        proxyModelValue.value = [Math.round(value * (props.maxValue - props.minValue) + props.minValue), Math.round(internalModelValueTo.value * (props.maxValue - props.minValue) + props.minValue)];
       }
     });
     const internalModelValueTo = computed({
@@ -187,17 +180,8 @@ var script = defineComponent({
         return (proxyModelValue.value[1] - props.minValue) / (props.maxValue - props.minValue);
       },
       set: value => {
-        const modelValue = 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(() => {
-      if (!props.step) {
-        return [props.minValue, ...props.breakpoints, props.maxValue];
+        proxyModelValue.value = [Math.round(internalModelValueFrom.value * (props.maxValue - props.minValue) + props.minValue), Math.round(value * (props.maxValue - props.minValue) + props.minValue)];
       }
-      return Array(Math.ceil(Math.abs(props.maxValue - props.minValue) / props.step)).fill(null).map((value, index) => Math.floor((props.minValue + props.step * index) * 1000) / 1000).concat(...props.breakpoints, props.maxValue).sort((a, b) => a - b);
     });
     const railBoundingBox = useElementBounding(rail);
     const selectedControl = ref();
@@ -235,21 +219,6 @@ var script = defineComponent({
       onMove: onDrag,
       onEnd: onDrag
     });
-    // Constraints
-    watch(toRef(props, 'minValue'), value => {
-      if (value >= props.maxValue) {
-        throw new Error('OrRangeSlider: `minValue` cannot be greater or equal to `maxValue`.');
-      }
-    }, {
-      immediate: true
-    });
-    watch(toRef(props, 'maxValue'), value => {
-      if (value <= props.minValue) {
-        throw new Error('OrRangeSlider: `maxValue` cannot be lesser or equal to `minValue`.');
-      }
-    }, {
-      immediate: true
-    });
     return {
       root,
       rail,
@@ -265,6 +234,8 @@ var script = defineComponent({
       labelStyles,
       labelMarkStyles,
       proxyModelValue,
+      internalModelValueFrom,
+      internalModelValueTo,
       selectedControl,
       isHovering,
       isDragging
@@ -301,7 +272,7 @@ var __vue_render__ = function () {
   }), _vm._v(" "), _c('OrTooltip', {
     class: ['relative', 'z-10'],
     attrs: {
-      "is-open": !_vm.isDragging && _vm.isHovering || _vm.isDragging && _vm.selectedControl === 'from',
+      "is-open": _vm.isHovering || _vm.isDragging,
       "content": String(_vm.proxyModelValue[0]),
       "placement": _vm.orientation === 'horizontal' ? 'top' : 'right',
       "offset": 8,
@@ -322,7 +293,7 @@ var __vue_render__ = function () {
   }), _vm._v(" "), _c('OrTooltip', {
     class: ['relative', 'z-10'],
     attrs: {
-      "is-open": !_vm.isDragging && _vm.isHovering || _vm.isDragging && _vm.selectedControl === 'to',
+      "is-open": _vm.isHovering || _vm.isDragging,
       "content": String(_vm.proxyModelValue[1]),
       "placement": _vm.orientation === 'horizontal' ? 'top' : 'right',
       "offset": 8,

package/dist/esm/v2/{OrRichTextEditor-cb951f46.js → OrRichTextEditor-49e56466.js}

@@ -22,7 +22,7 @@ import { _ as __vue_component__$4 } from './OrMenu-3c625d5e.js';
 import { _ as __vue_component__$8 } from './OrPopover-5564b96e.js';
 import { _ as __vue_component__$3 } from './OrMenuItem-d204cbc7.js';
 import { _ as __vue_component__$5 } from './OrModal-71e5d5a7.js';
-import { _ as __vue_component__$6 } from './OrInput-dc9213dd.js';
+import { _ as __vue_component__$6 } from './OrInput-14b7b3b7.js';
 import { _ as __vue_component__$7 } from './OrButton-1b005dae.js';
 import './OrButton.vue_rollup-plugin-vue_script-b4424640.js';
 import { Node, Editor, mergeAttributes } from '@tiptap/core';

package/dist/esm/v2/{OrSearch-53d20b00.js → OrSearch-9de080c7.js}

@@ -1,7 +1,7 @@
 import { debouncedWatch } from '@vueuse/core';
 import { defineComponent, ref, computed, reactive, watch } from 'vue-demi';
-import { _ as __vue_component__$1 } from './OrInput-dc9213dd.js';
-import { I as InputBoxSize } from './OrInputBox.vue_rollup-plugin-vue_script-ba172f8b.js';
+import { _ as __vue_component__$1 } from './OrInput-14b7b3b7.js';
+import { I as InputBoxSize } from './OrInputBox.vue_rollup-plugin-vue_script-bebba826.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/v2/{OrSelect-517572e4.js → OrSelect-d713ce63.js}

@@ -12,9 +12,9 @@ import { _ as __vue_component__$5 } from './OrExpansionPanel-ed96bdde.js';
 import { _ as __vue_component__$6 } from './OrHint-1220face.js';
 import { _ as __vue_component__$8 } from './OrIconButton-02ff40b7.js';
 import { _ as __vue_component__$7 } from './OrIcon-0343b3d8.js';
-import { _ as __vue_component__$a } from './OrInputBox-2ba4ae49.js';
-import { I as InputBoxSize } from './OrInputBox.vue_rollup-plugin-vue_script-ba172f8b.js';
-import { _ as __vue_component__$9 } from './OrInput-dc9213dd.js';
+import { _ as __vue_component__$a } from './OrInputBox-c586fe8d.js';
+import { I as InputBoxSize } from './OrInputBox.vue_rollup-plugin-vue_script-bebba826.js';
+import { _ as __vue_component__$9 } from './OrInput-14b7b3b7.js';
 import { _ as __vue_component__$b } from './OrLabel-b465bc0b.js';
 import { _ as __vue_component__$c } from './OrMenuItem-d204cbc7.js';
 import { _ as __vue_component__$d } from './OrPopover-5564b96e.js';

package/dist/esm/v2/{OrSlider-fdfd2ee9.js → OrSlider-f2cabfad.js}

@@ -1,4 +1,4 @@
-import { s as script } from './OrSlider.vue_rollup-plugin-vue_script-c3a9449f.js';
+import { s as script } from './OrSlider.vue_rollup-plugin-vue_script-2623bd60.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 /* script */