@onereach/ui-components 8.2.0 → 8.2.1-beta.3640.0

package/dist/esm/v3/OrSlider-f1309b7b.js

@@ -0,0 +1,263 @@
+import { useElementBounding, useDraggable, clamp } from '@vueuse/core';
+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 { s as script$1 } from './OrTooltip-ac2555b8.js';
+import './OrPopover-062e78f6.js';
+import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, normalizeStyle, createVNode, withCtx, toDisplayString } from 'vue';
+
+var SliderColor;
+(function (SliderColor) {
+  SliderColor["Primary"] = "primary";
+  SliderColor["Secondary"] = "secondary";
+})(SliderColor || (SliderColor = {}));
+var SliderOrientation;
+(function (SliderOrientation) {
+  SliderOrientation["Horizontal"] = "horizontal";
+  SliderOrientation["Vertical"] = "vertical";
+})(SliderOrientation || (SliderOrientation = {}));
+
+const Slider = [
+// Interactivity
+'interactivity-default'];
+const SliderOrientations = {
+  [SliderOrientation.Horizontal]: [
+  // Layout
+  'layout-column',
+  // Box
+  'w-full'],
+  [SliderOrientation.Vertical]: [
+  // Layout
+  'layout-row',
+  // Box
+  'h-full']
+};
+const SliderRail = [
+// Interactivity
+'interactivity-click',
+// Shape
+'rounded-full',
+// Theme
+'theme-background-disabled', 'dark:theme-background-disabled-dark'];
+const SliderRailOrientations = {
+  [SliderOrientation.Horizontal]: [
+  // Layout
+  'layout-row',
+  // Box
+  'w-full', 'h-xs', 'mx-none', 'my-md+'],
+  [SliderOrientation.Vertical]: [
+  // Layout
+  'layout-column-reverse items-center', 'w-xs', 'h-full', 'mx-md+', 'my-none']
+};
+const SliderTrack = [
+// Box
+'w-full', 'h-full',
+// Shape
+'rounded-full'];
+const SliderTrackColors = {
+  [SliderColor.Primary]: [
+  // Theme
+  'theme-background-primary', 'dark:theme-background-primary-dark'],
+  [SliderColor.Secondary]: [
+  // Theme
+  'theme-background-secondary', 'dark:theme-background-secondary-dark']
+};
+const SliderThumb = [
+// Layout
+'shrink-0',
+// Box
+'w-[20px]', 'h-[20px]', '-mx-[10px]', '-my-[10px]',
+// Shape
+'rounded-full',
+// Theme
+'bg-white dark:bg-black'];
+const SliderThumbColors = {
+  [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'],
+  [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']
+};
+const SliderLabel = [];
+const SliderLabelOrientations = {
+  [SliderOrientation.Horizontal]: [
+  // Layout
+  'layout-row',
+  // Box
+  'w-full'],
+  [SliderOrientation.Vertical]: [
+  // Layout
+  'layout-column-reverse items-center',
+  // Box
+  'h-full']
+};
+const SliderLabelMark = [
+// Typography
+'typography-caption-regular',
+// Theme
+'theme-foreground-default', 'dark:theme-foreground-default-dark'];
+
+var script = defineComponent({
+  components: {
+    OrTooltip: script$1
+  },
+  model: {
+    prop: 'modelValue',
+    event: 'update:modelValue'
+  },
+  props: {
+    modelValue: {
+      type: Number,
+      default: undefined
+    },
+    minValue: {
+      type: Number,
+      default: 0
+    },
+    maxValue: {
+      type: Number,
+      default: 100
+    },
+    step: {
+      type: Number,
+      default: 1
+    },
+    color: {
+      type: String,
+      default: SliderColor.Primary
+    },
+    orientation: {
+      type: String,
+      default: SliderOrientation.Horizontal
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    }
+  },
+  emits: ['update:modelValue'],
+  expose: ['root'],
+  setup(props, context) {
+    // Refs
+    const root = ref();
+    const rail = ref();
+    const thumb = ref();
+    // Styles
+    const rootStyles = computed(() => ['or-slider-v3', ...Slider, ...SliderOrientations[props.orientation]]);
+    const railStyles = computed(() => [...SliderRail, ...SliderRailOrientations[props.orientation]]);
+    const trackStyles = computed(() => [...SliderTrack, ...SliderTrackColors[props.color]]);
+    const trackComputedStyles = computed(() => ({
+      [props.orientation === SliderOrientation.Horizontal ? 'width' : 'height']: `${internalModelValue.value * 100}%`
+    }));
+    const thumbStyles = computed(() => [...SliderThumb, ...SliderThumbColors[props.color]]);
+    const labelStyles = computed(() => [...SliderLabel, ...SliderLabelOrientations[props.orientation]]);
+    const labelMarkStyles = computed(() => [...SliderLabelMark]);
+    // State
+    const proxyModelValue = useProxyModelValue(toRef(props, 'modelValue'), context.emit);
+    const internalModelValue = computed({
+      get: () => {
+        if (!proxyModelValue.value) {
+          return props.minValue;
+        }
+        return (proxyModelValue.value - props.minValue) / (props.maxValue - props.minValue);
+      },
+      set: value => {
+        proxyModelValue.value = Math.round(value * (props.maxValue - props.minValue) + props.minValue);
+      }
+    });
+    const railBoundingBox = useElementBounding(rail);
+    // Handlers
+    function onDrag(position, event) {
+      if (props.disabled) {
+        return;
+      }
+      const totalWidth = railBoundingBox.width.value;
+      const totalHeight = railBoundingBox.height.value;
+      internalModelValue.value = props.orientation === SliderOrientation.Horizontal ? clamp(event.clientX - railBoundingBox.left.value, 0, totalWidth) / totalWidth : clamp(totalHeight - (event.clientY - railBoundingBox.top.value), 0, totalHeight) / totalHeight;
+    }
+    // Effects
+    const {
+      isDragging
+    } = useDraggable(rail, {
+      onStart: onDrag,
+      onMove: onDrag,
+      onEnd: onDrag
+    });
+    return {
+      root,
+      rail,
+      thumb,
+      rootStyles,
+      railStyles,
+      trackStyles,
+      trackComputedStyles,
+      thumbStyles,
+      labelStyles,
+      labelMarkStyles,
+      proxyModelValue,
+      internalModelValue,
+      isDragging
+    };
+  }
+});
+
+const _hoisted_1 = ["disabled"];
+const _hoisted_2 = ["disabled"];
+const _hoisted_3 = ["disabled"];
+const _hoisted_4 = ["disabled"];
+const _hoisted_5 = /*#__PURE__*/createElementVNode("div", {
+  class: /*#__PURE__*/normalizeClass(['grow'])
+}, null, -1 /* HOISTED */);
+
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_OrTooltip = resolveComponent("OrTooltip");
+  return openBlock(), createElementBlock("div", {
+    ref: "root",
+    class: normalizeClass(_ctx.rootStyles),
+    disabled: _ctx.disabled
+  }, [createElementVNode("div", {
+    ref: "rail",
+    class: normalizeClass(_ctx.railStyles),
+    disabled: _ctx.disabled
+  }, [createElementVNode("div", {
+    class: normalizeClass(_ctx.trackStyles),
+    style: normalizeStyle(_ctx.trackComputedStyles),
+    disabled: _ctx.disabled
+  }, null, 14 /* CLASS, STYLE, PROPS */, _hoisted_3), createVNode(_component_OrTooltip, {
+    class: normalizeClass(['relative', 'z-1']),
+    "is-open": _ctx.isDragging,
+    content: String(_ctx.proxyModelValue),
+    placement: _ctx.orientation === 'horizontal' ? 'top' : 'right',
+    offset: 8,
+    "external-control": true
+  }, {
+    default: withCtx(() => [createElementVNode("div", {
+      ref: "thumb",
+      class: normalizeClass(_ctx.thumbStyles),
+      disabled: _ctx.disabled
+    }, null, 10 /* CLASS, PROPS */, _hoisted_4)]),
+    _: 1 /* STABLE */
+  }, 8 /* PROPS */, ["is-open", "content", "placement"])], 10 /* CLASS, PROPS */, _hoisted_2), createElementVNode("div", {
+    class: normalizeClass(_ctx.labelStyles)
+  }, [createElementVNode("div", {
+    class: normalizeClass(_ctx.labelMarkStyles)
+  }, toDisplayString(_ctx.minValue), 3 /* TEXT, CLASS */), _hoisted_5, createElementVNode("div", {
+    class: normalizeClass(_ctx.labelMarkStyles)
+  }, toDisplayString(_ctx.maxValue), 3 /* TEXT, CLASS */)], 2 /* CLASS */)], 10 /* CLASS, PROPS */, _hoisted_1);
+}
+
+script.render = render;
+script.__file = "src/components/or-slider-v3/OrSlider.vue";
+
+export { SliderColor as S, SliderOrientation as a, script as s };

package/dist/esm/v3/{OrTag-e1b527ee.js → OrTag-bb7cac42.js}

@@ -1,5 +1,5 @@
 import { defineComponent, ref, computed, watchPostEffect, unref } from 'vue-demi';
-import { s as script$1 } from './OrIconButton-38032a99.js';
+import { s as script$1 } from './OrIconButton-793c4a52.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, renderSlot, createVNode, withModifiers, createCommentVNode } from 'vue';
 
 var TagVariant;

package/dist/esm/v3/{OrTagInput-2b7974be.js → OrTagInput-250e8958.js}

@@ -8,10 +8,10 @@ import '@onereach/styles/tailwind.config.json';
 import { u as useValidationAttributes } from './useValidationAttributes-d1abbe34.js';
 import { s as script$1 } from './OrError-69bd7f6a.js';
 import { s as script$2 } from './OrHint-55d3de35.js';
-import { s as script$3 } from './OrIconButton-38032a99.js';
+import { s as script$3 } from './OrIconButton-793c4a52.js';
 import { s as script$4 } from './OrInputBox-f0bac539.js';
 import { s as script$5 } from './OrLabel-b826da04.js';
-import { s as script$6, T as TagsOverflow } from './OrTags-8aa7c32e.js';
+import { s as script$6, T as TagsOverflow } from './OrTags-aa9e39c0.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, createVNode, createSlots, createElementVNode, withDirectives, mergeProps, withKeys, vModelDynamic, vShow } from 'vue';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 

package/dist/esm/v3/{OrTags-8aa7c32e.js → OrTags-aa9e39c0.js}

@@ -5,7 +5,7 @@ import '@onereach/styles/tailwind/plugins/core';
 import '@onereach/styles/tailwind.config.json';
 import { s as script$1 } from './OrButton-2e3a73fb.js';
 import { s as script$2 } from './OrPopover-062e78f6.js';
-import { s as script$3 } from './OrTag-e1b527ee.js';
+import { s as script$3 } from './OrTag-bb7cac42.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, Fragment, renderList, createBlock, mergeProps, withCtx, createTextVNode, toDisplayString, renderSlot, createCommentVNode, createVNode, withModifiers, createElementVNode } from 'vue';
 
 var TagsOverflow;

package/dist/esm/v3/{OrTimeFormat-948f49a5.js → OrTimeFormat-609755ad.js}

@@ -1,6 +1,6 @@
 import { defineComponent, ref, computed } from 'vue-demi';
-import './OrDateTimePicker-9d1275f9.js';
-import './OrDateTimePickerTimeSelect-16af1cc9.js';
+import './OrDateTimePicker-aa161f62.js';
+import './OrDateTimePickerTimeSelect-da27ccac.js';
 import { D as DateTimePickerTimeFormat, a as formatTime } from './getTimePlaceholder-13d5f743.js';
 import { openBlock, createElementBlock, normalizeClass, toDisplayString } from 'vue';
 

package/dist/esm/v3/{OrTimePicker-01aafebc.js → OrTimePicker-a977bdd7.js}

@@ -5,13 +5,13 @@ 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-9d1275f9.js';
-import { b as script$1, d as script$2, e as script$3, f as script$4, g as script$5 } from './OrDateTimePickerTimeSelect-16af1cc9.js';
+import './OrDateTimePicker-aa161f62.js';
+import { b as script$1, d as script$2, e as script$3, f as script$4, g as script$5 } from './OrDateTimePickerTimeSelect-da27ccac.js';
 import { D as DateTimePickerTimeFormat } from './getTimePlaceholder-13d5f743.js';
 import { g as getCurrentDate } from './getCurrentDate-046a888d.js';
 import { s as script$6 } from './OrError-69bd7f6a.js';
 import { s as script$7 } from './OrHint-55d3de35.js';
-import { s as script$9 } from './OrIconButton-38032a99.js';
+import { s as script$9 } from './OrIconButton-793c4a52.js';
 import { s as script$8 } from './OrIcon-8f6c9c29.js';
 import { s as script$a, I as InputBoxSize } from './OrInputBox-f0bac539.js';
 import { s as script$b } from './OrLabel-b826da04.js';

package/dist/esm/v3/{OrTimeRangePicker-4c972e24.js → OrTimeRangePicker-8d7f1f2a.js}

@@ -5,13 +5,13 @@ 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-9d1275f9.js';
-import { b as script$1, d as script$2, e as script$3, f as script$4, g as script$5 } from './OrDateTimePickerTimeSelect-16af1cc9.js';
+import './OrDateTimePicker-aa161f62.js';
+import { b as script$1, d as script$2, e as script$3, f as script$4, g as script$5 } from './OrDateTimePickerTimeSelect-da27ccac.js';
 import { D as DateTimePickerTimeFormat } from './getTimePlaceholder-13d5f743.js';
 import { g as getCurrentDate } from './getCurrentDate-046a888d.js';
 import { s as script$6 } from './OrError-69bd7f6a.js';
 import { s as script$7 } from './OrHint-55d3de35.js';
-import { s as script$9 } from './OrIconButton-38032a99.js';
+import { s as script$9 } from './OrIconButton-793c4a52.js';
 import { s as script$8 } from './OrIcon-8f6c9c29.js';
 import { s as script$a, I as InputBoxSize } from './OrInputBox-f0bac539.js';
 import { s as script$b } from './OrLabel-b826da04.js';

package/dist/esm/v3/{OrTooltip-df9d2f0a.js → OrTooltip-ac2555b8.js}

@@ -84,6 +84,10 @@ var script = defineComponent({
     offset: {
       type: [Number, Object, Function],
       default: undefined
+    },
+    externalControl: {
+      type: Boolean,
+      default: false
     }
   },
   emits: ['update:state', 'open', 'close'],
@@ -122,8 +126,8 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     ref: "root",
     class: normalizeClass(_ctx.rootStyles),
-    onMouseenter: _cache[1] || (_cache[1] = $event => _ctx.open()),
-    onMouseleave: _cache[2] || (_cache[2] = $event => _ctx.close())
+    onMouseenter: _cache[1] || (_cache[1] = $event => !_ctx.externalControl && _ctx.open()),
+    onMouseleave: _cache[2] || (_cache[2] = $event => !_ctx.externalControl && _ctx.close())
   }, [renderSlot(_ctx.$slots, "default"), _ctx.$slots.content || _ctx.content || _ctx.text ? (openBlock(), createBlock(_component_OrPopover, {
     key: 0,
     class: normalizeClass(_ctx.popoverStyles),

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

@@ -75,6 +75,7 @@ export * from './or-radio';
 export * from './or-radio-group';
 export * from './or-radio-group-v3';
 export * from './or-radio-v3';
+export * from './or-range-slider-v3';
 export * from './or-resizeable-panel-v3';
 export * from './or-rich-text-editor-v3';
 export * from './or-search';
@@ -87,6 +88,7 @@ export * from './or-sidebar-v3';
 export * from './or-skeleton';
 export * from './or-skeleton-v3';
 export * from './or-slider';
+export * from './or-slider-v3';
 export * from './or-sorting-v3';
 export * from './or-stepper';
 export * from './or-switch';

package/dist/esm/v3/components/index.js

@@ -7,7 +7,7 @@ export { a as BUTTON_COLOR, c as BUTTON_LOADER_TYPE, b as BUTTON_SIZE, B as BUTT
 export { a as ButtonColor, b as ButtonType, B as ButtonVariant, s as OrButtonV3 } from '../OrButton-2e3a73fb.js';
 export { s as OrCard } from '../OrCard-e3a5aea4.js';
 export { C as CARD_COLLECTION_LAYOUT, s as OrCardCollection } from '../OrCardCollection-8c81a2d5.js';
-export { C as CardCollectionView, s as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../OrCardCollection-73d5566d.js';
+export { C as CardCollectionView, s as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../OrCardCollection-bfbb7c3d.js';
 export { C as CardPadding, s as OrCardV3 } from '../OrCard-ee23cedc.js';
 export { s as OrCheckbox } from '../OrCheckbox-5666c954.js';
 export { s as OrCheckboxGroupV3 } from '../OrCheckboxGroup-20f939b3.js';
@@ -21,7 +21,7 @@ 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, s as OrCodeV3 } from '../OrCode-dde408dd.js';
+export { C as CodeLanguage, s as OrCodeV3 } from '../OrCode-4d3184c4.js';
 export { EditorView } from '@codemirror/view';
 export { EditorState } from '@codemirror/state';
 export { s as OrCollapse } from '../OrCollapse-d7c0afae.js';
@@ -29,17 +29,17 @@ export { s as OrColorPicker, h as amber, n as black, b as blue, m as blueGrey, k
 export { s as OrCombinedInputV3 } from '../OrCombinedInput-1b8b1cdd.js';
 export { I as CombinedInputSize, I as DatePickerSize, I as DateRangePickerSize, I as DateTimePickerSize, I as InputBoxSize, a as InputBoxVariant, I as InputSize, s as OrInputBoxV3, I as SearchSize, I as SelectSize, I as TagInputSize, I as TextareaSize, I as TimePickerSize, I as TimeRangePickerSize } from '../OrInputBox-f0bac539.js';
 export { s as OrConfirm } from '../OrConfirm-97ab80b9.js';
-export { C as ConfirmType, s as OrConfirmV3 } from '../OrConfirm-de52341b.js';
+export { C as ConfirmType, s as OrConfirmV3 } from '../OrConfirm-c4419d05.js';
 export { s as OrContextMenuV3 } from '../OrContextMenu-dccb7167.js';
 export { s as OrMenuV3 } from '../OrMenu-33d89df4.js';
 export { P as ContextMenuPlacement, P as MenuPlacement, s as OrPopoverV3, P as PopoverPlacement, a as PopoverVariant, P as TooltipPlacement } from '../OrPopover-062e78f6.js';
-export { s as OrDateFormatV3 } from '../OrDateFormat-f14d6053.js';
-export { s as OrDatePickerV3 } from '../OrDatePicker-0213ae55.js';
-export { s as OrDateRangePickerV3 } from '../OrDateRangePicker-b913710c.js';
-export { s as OrDateTimeFormatV3 } from '../OrDateTimeFormat-b0a548f9.js';
+export { s as OrDateFormatV3 } from '../OrDateFormat-0eb37132.js';
+export { s as OrDatePickerV3 } from '../OrDatePicker-253ef6bf.js';
+export { s as OrDateRangePickerV3 } from '../OrDateRangePicker-1792ded3.js';
+export { s as OrDateTimeFormatV3 } from '../OrDateTimeFormat-21bbdf89.js';
 export { D as DEFAULT_TEXT, s as OrDateTimePicker, a as OrDateTimePickerItemTypes, O as OrDateTimePickerTypes } from '../OrDateTimePicker-4bfefbcd.js';
-export { s as OrDateTimePickerV3 } from '../OrDateTimePicker-9d1275f9.js';
-export { s 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-16af1cc9.js';
+export { s as OrDateTimePickerV3 } from '../OrDateTimePicker-aa161f62.js';
+export { s 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-da27ccac.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-13d5f743.js';
 export { g as getCurrentDate } from '../getCurrentDate-046a888d.js';
 export { g as getNextMonthDate } from '../getNextMonthDate-00c47169.js';
@@ -54,28 +54,28 @@ export { F as FormGroupDirection, s as OrFormGroupV3 } from '../OrFormGroup-e42d
 export { s as OrHint } from '../OrHint-8822005b.js';
 export { s as OrHintV3 } from '../OrHint-55d3de35.js';
 export { s as OrIcon, O as OrIconColors, a as OrIconType } from '../OrIcon-f7130a5c.js';
-export { I as IconButtonColor, s as OrIconButtonV3 } from '../OrIconButton-38032a99.js';
+export { I as IconButtonColor, s as OrIconButtonV3 } from '../OrIconButton-793c4a52.js';
 export { I as IconButtonSize, I as IconSize, a as IconVariant, s as OrIconV3 } from '../OrIcon-8f6c9c29.js';
 export { I as InlineInputBoxSize, I as InlineInputSize, s as OrInlineInputBoxV3 } from '../OrInlineInputBox-01fb2cb2.js';
-export { I as InlineInputType, s as OrInlineInputV3 } from '../OrInlineInput-651c1227.js';
+export { I as InlineInputType, s as OrInlineInputV3 } from '../OrInlineInput-a9ea92b7.js';
 export { a as InlineTextEditTrimmingTypes, I as InlineTextEditTypes, s as OrInlineTextEdit } from '../OrInlineTextEdit-a3c4c7dc.js';
-export { s as OrInlineTextareaV3 } from '../OrInlineTextarea-c5f65562.js';
+export { s as OrInlineTextareaV3 } from '../OrInlineTextarea-253d060d.js';
 export { s as OrInput } from '../OrInput-2c3111c2.js';
-export { I as InputType, s as OrInputV3 } from '../OrInput-16b5c1d9.js';
+export { I as InputType, s as OrInputV3 } from '../OrInput-3de8dde3.js';
 export { s as OrLabel } from '../OrLabel-a7d99df4.js';
 export { L as LabelVariant, s as OrLabelV3 } from '../OrLabel-b826da04.js';
 export { L as LinkColor, s as OrLinkV3 } from '../OrLink-0db644bb.js';
 export { s as OrList } from '../OrList-aa7b5ef9.js';
 export { s as OrListOfInputs } from '../OrListOfInputs-f8740785.js';
-export { s as OrListV3 } from '../OrList-69039d4c.js';
+export { s as OrListV3 } from '../OrList-69197fa9.js';
 export { s as OrListItem } from '../OrListItem-2ed9a12f.js';
 export { L as LoaderViews, s as OrLoader } from '../OrLoader-d28a8ebf.js';
 export { a as LoaderColor, b as LoaderSize, L as LoaderVariant, s as OrLoaderV3 } from '../OrLoader-b79022da.js';
 export { s as OrMenuItemV3 } from '../OrMenuItem-c5d2a427.js';
 export { s as OrModal, O as OrModalSizes } from '../OrModal-b2060770.js';
-export { M as ModalSize, s as OrModalV3 } from '../OrModal-f2db8685.js';
+export { M as ModalSize, s as OrModalV3 } from '../OrModal-51eef18b.js';
 export { a as OR_NOTIFICATION_SIZE, O as OR_NOTIFICATION_TYPE, s as OrNotification } from '../OrNotification-1b28dd4a.js';
-export { N as NotificationVariant, s as OrNotificationV3 } from '../OrNotification-23b6d790.js';
+export { N as NotificationVariant, s as OrNotificationV3 } from '../OrNotification-96c16b19.js';
 export { s as OrNumberInput } from '../OrNumberInput-e9dcdcbd.js';
 export { s as OrOverflowMenu } from '../OrOverflowMenu-440ddf3e.js';
 export { s as OrOverlay } from '../OrOverlay-451dce49.js';
@@ -88,15 +88,17 @@ export { s as OrRadio } from '../OrRadio-40bf2c87.js';
 export { s as OrRadioGroup } from '../OrRadioGroup-00785e41.js';
 export { s as OrRadioGroupV3 } from '../OrRadioGroup-b4b6d364.js';
 export { s as OrRadioV3 } from '../OrRadio-50b0ead5.js';
-export { s as OrResizeablePanelV3, R as ResizeablePanelPadding, a as ResizeablePanelPlacement, R as SidebarPadding } from '../OrResizeablePanel-c1ae9811.js';
-export { F as Formats, s as OrRichTextEditorV3 } from '../OrRichTextEditor-9e82e062.js';
+export { s as OrRangeSliderV3 } from '../OrRangeSlider-81abbd0c.js';
+export { s as OrSliderV3, S as RangeSliderColor, a as RangeSliderOrientation, S as SliderColor, a as SliderOrientation } from '../OrSlider-f1309b7b.js';
+export { s as OrResizeablePanelV3, R as ResizeablePanelPadding, a as ResizeablePanelPlacement, R as SidebarPadding } from '../OrResizeablePanel-5dfd3f6d.js';
+export { F as Formats, s as OrRichTextEditorV3 } from '../OrRichTextEditor-24040de1.js';
 export { s as OrSearch } from '../OrSearch-2800e9bf.js';
-export { s as OrSearchV3 } from '../OrSearch-9cb6cdf6.js';
+export { s as OrSearchV3 } from '../OrSearch-6413323a.js';
 export { s as OrSegmentedControlV3, S as SegmentedControlSize } from '../OrSegmentedControl-6be79b4e.js';
 export { s as OrSelect } from '../OrSelect-9520d6e6.js';
-export { s as OrSelectV3 } from '../OrSelect-3c4e3036.js';
+export { s as OrSelectV3 } from '../OrSelect-7ce66285.js';
 export { s as OrSidebar, O as OrSidebarSide } from '../OrSidebar-aaf73310.js';
-export { S as OrSidebarPlacement, s as OrSidebarV3, S as SidebarPlacement } from '../OrSidebar-9ad47cfd.js';
+export { S as OrSidebarPlacement, s as OrSidebarV3, S as SidebarPlacement } from '../OrSidebar-3ce61658.js';
 export { s as OrSkeletonCircle } from '../OrSkeletonCircle-66e175a0.js';
 export { s as OrSkeletonRect } from '../OrSkeletonRect-c694574e.js';
 export { s as OrSkeletonText } from '../OrSkeletonText-9a800de4.js';
@@ -115,25 +117,25 @@ export { s as OrTabV3 } from '../OrTab-276ea81d.js';
 export { s as OrTabs } from '../OrTabs-3da3ea89.js';
 export { s as OrTabsV3, T as TabsVariant } from '../OrTabs-c68c8be3.js';
 export { s as OrTag } from '../OrTag-1b3b1296.js';
-export { s as OrTagInputV3 } from '../OrTagInput-2b7974be.js';
-export { s as OrTagV3, a as TagColor, T as TagVariant } from '../OrTag-e1b527ee.js';
-export { s as OrTagsV3, T as TagsOverflow } from '../OrTags-8aa7c32e.js';
+export { s as OrTagInputV3 } from '../OrTagInput-250e8958.js';
+export { s as OrTagV3, a as TagColor, T as TagVariant } from '../OrTag-bb7cac42.js';
+export { s as OrTagsV3, T as TagsOverflow } from '../OrTags-aa9e39c0.js';
 export { s as OrTeleport } from '../OrTeleport.vue3-9bce0c02.js';
 export { s as OrTeleportV3 } from '../OrTeleport.vue3-bf77eed4.js';
 export { s as OrTextV3 } from '../OrText-d54c951d.js';
 export { s as OrTextarea } from '../OrTextarea-7a753c1a.js';
 export { s as OrTextareaV3 } from '../OrTextarea-e198e17e.js';
 export { s as OrTextbox, T as TextboxTypes } from '../OrTextbox-cb6762c8.js';
-export { s as OrTimeFormatV3 } from '../OrTimeFormat-948f49a5.js';
-export { s as OrTimePickerV3 } from '../OrTimePicker-01aafebc.js';
-export { s as OrTimeRangePickerV3 } from '../OrTimeRangePicker-4c972e24.js';
+export { s as OrTimeFormatV3 } from '../OrTimeFormat-609755ad.js';
+export { s as OrTimePickerV3 } from '../OrTimePicker-a977bdd7.js';
+export { s as OrTimeRangePickerV3 } from '../OrTimeRangePicker-8d7f1f2a.js';
 export { s as OrToast, a as OrToastContainer } from '../OrToastContainer-d6f117e2.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, s as OrToastV3, t as TypesV3 } from '../types-c433b62b.js';
+export { a as OrToastContainerV3, s as OrToastV3, t as TypesV3 } from '../types-49db948c.js';
 export { p as PropsV3, a as useQueueV3, u as useToastV3 } from '../useToast-5aa9dc05.js';
 export { s as OrTooltip } from '../OrTooltip-7ac03028.js';
 export { s as OrTooltipContent } from '../OrTooltipContent-c0042844.js';
-export { s as OrTooltipV3 } from '../OrTooltip-df9d2f0a.js';
+export { s as OrTooltipV3 } from '../OrTooltip-ac2555b8.js';
 export { s as OrTreeV3, T as TreeNodeDropPosition } from '../OrTree-1c737582.js';
 import 'vue-demi';
 import 'vue';
@@ -195,7 +197,7 @@ import '../codemirrorView-020fe885.js';
 import 'prosemirror-state';
 import 'prosemirror-commands';
 import 'lodash/keyBy';
-import '../OrSelectMultipleControl-db000d2c.js';
+import '../OrSelectMultipleControl-9064206c.js';
 import '../isEqualValue-f8bf73d9.js';
 import '../OrSelectPlaceholder-10e3bf5e.js';
 import '../OrSelectControlInput-3297e30d.js';

package/dist/esm/v3/components/or-card-collection-v3/index.js

@@ -1,9 +1,9 @@
-export { C as CardCollectionView, s as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../../OrCardCollection-73d5566d.js';
+export { C as CardCollectionView, s as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../../OrCardCollection-bfbb7c3d.js';
 import 'vue-demi';
-import '../../OrIconButton-38032a99.js';
+import '../../OrIconButton-793c4a52.js';
 import '../../OrIcon-8f6c9c29.js';
 import 'vue';
-import '../../OrTooltip-df9d2f0a.js';
+import '../../OrTooltip-ac2555b8.js';
 import '@vueuse/core';
 import '../../dom-aecadd9a.js';
 import 'lodash/isElement';
@@ -19,8 +19,8 @@ import '../../OrBottomSheet-e6c0b05f.js';
 import '../../OrOverlay-bd4f72c4.js';
 import '../../OrTeleport.vue3-bf77eed4.js';
 import '../../useTheme-0ef25778.js';
-import '../../OrSearch-9cb6cdf6.js';
-import '../../OrInput-16b5c1d9.js';
+import '../../OrSearch-6413323a.js';
+import '../../OrInput-3de8dde3.js';
 import '../../useIdAttribute-859439f0.js';
 import '../../useProxyModelValue-940010d2.js';
 import '../../useValidationAttributes-d1abbe34.js';

package/dist/esm/v3/components/or-code-v3/index.js

@@ -1,4 +1,4 @@
-export { C as CodeLanguage, s as OrCodeV3 } from '../../OrCode-dde408dd.js';
+export { C as CodeLanguage, s as OrCodeV3 } from '../../OrCode-4d3184c4.js';
 export { lintGutter, linter } from '@codemirror/lint';
 export { javascript } from '@codemirror/lang-javascript';
 export { json, jsonParseLinter } from '@codemirror/lang-json';
@@ -18,10 +18,10 @@ import '@onereach/styles/tailwind.config.json';
 import '../../useValidationAttributes-d1abbe34.js';
 import 'codemirror';
 import '@codemirror/commands';
-import '../../OrIconButton-38032a99.js';
+import '../../OrIconButton-793c4a52.js';
 import '../../OrIcon-8f6c9c29.js';
 import 'vue';
-import '../../OrTooltip-df9d2f0a.js';
+import '../../OrTooltip-ac2555b8.js';
 import '../../usePopoverState-b92c698b.js';
 import '../../OrPopover-062e78f6.js';
 import '@floating-ui/dom';
@@ -30,7 +30,7 @@ import '../../useResponsive-5c8291da.js';
 import '../../OrBottomSheet-e6c0b05f.js';
 import '../../OrOverlay-bd4f72c4.js';
 import '../../OrTeleport.vue3-bf77eed4.js';
-import '../../OrModal-f2db8685.js';
+import '../../OrModal-51eef18b.js';
 import '../../OrError-69bd7f6a.js';
 import '../../OrHint-55d3de35.js';
 import '../../OrInputBox-f0bac539.js';

package/dist/esm/v3/components/or-confirm-v3/index.js

@@ -1,4 +1,4 @@
-export { C as ConfirmType, s as OrConfirmV3 } from '../../OrConfirm-de52341b.js';
+export { C as ConfirmType, s as OrConfirmV3 } from '../../OrConfirm-c4419d05.js';
 import '@vueuse/core';
 import '@vueuse/math';
 import 'vue-demi';
@@ -11,16 +11,16 @@ import '@onereach/styles/tailwind.config.json';
 import '../../OrButton-2e3a73fb.js';
 import '../../OrLoader-b79022da.js';
 import 'vue';
-import '../../OrInput-16b5c1d9.js';
+import '../../OrInput-3de8dde3.js';
 import '../../useIdAttribute-859439f0.js';
 import '../../useProxyModelValue-940010d2.js';
 import '../../useResponsive-5c8291da.js';
 import '../../useValidationAttributes-d1abbe34.js';
 import '../../OrError-69bd7f6a.js';
 import '../../OrHint-55d3de35.js';
-import '../../OrIconButton-38032a99.js';
+import '../../OrIconButton-793c4a52.js';
 import '../../OrIcon-8f6c9c29.js';
-import '../../OrTooltip-df9d2f0a.js';
+import '../../OrTooltip-ac2555b8.js';
 import '../../OrPopover-062e78f6.js';
 import '@floating-ui/dom';
 import '../../useElevation-a50ec347.js';

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

@@ -1,6 +1,6 @@
-export { s as OrDateFormatV3 } from '../../OrDateFormat-f14d6053.js';
+export { s as OrDateFormatV3 } from '../../OrDateFormat-0eb37132.js';
 import 'vue-demi';
-import '../../OrDateTimePicker-9d1275f9.js';
+import '../../OrDateTimePicker-aa161f62.js';
 import '../../dropdown-open-06d651cf.js';
 import '@vueuse/core';
 import '../../dom-aecadd9a.js';
@@ -12,9 +12,9 @@ import '@onereach/styles/tailwind.config.json';
 import '../../OrError-69bd7f6a.js';
 import 'vue';
 import '../../OrHint-55d3de35.js';
-import '../../OrIconButton-38032a99.js';
+import '../../OrIconButton-793c4a52.js';
 import '../../OrIcon-8f6c9c29.js';
-import '../../OrTooltip-df9d2f0a.js';
+import '../../OrTooltip-ac2555b8.js';
 import '../../usePopoverState-b92c698b.js';
 import '../../OrPopover-062e78f6.js';
 import '@floating-ui/dom';
@@ -26,7 +26,7 @@ import '../../OrTeleport.vue3-bf77eed4.js';
 import '../../useTheme-0ef25778.js';
 import '../../OrInputBox-f0bac539.js';
 import '../../OrLabel-b826da04.js';
-import '../../OrDateTimePickerTimeSelect-16af1cc9.js';
+import '../../OrDateTimePickerTimeSelect-da27ccac.js';
 import '../../getTimePlaceholder-13d5f743.js';
 import '../../OrButton-2e3a73fb.js';
 import '../../OrLoader-b79022da.js';