@onereach/ui-components 10.0.2 → 10.1.0-beta.4242.0

package/dist/esm/v2/{OrDateTimePicker-c68aacf9.js → OrDateTimePicker-cb46a36b.js}

@@ -1,4 +1,4 @@
-import { s as script } from './OrDateTimePicker.vue_rollup-plugin-vue_script-bd0836fd.js';
+import { s as script } from './OrDateTimePicker.vue_rollup-plugin-vue_script-b7ca34e8.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 /* script */
@@ -84,6 +84,8 @@ var __vue_render__ = function () {
       expression: "closeDatePopover"
     }],
     attrs: {
+      "format": _vm.resolvedDateFormat,
+      "locale": _vm.resolvedLocale,
       "selected": _vm.datePopover && _vm.datePopover.state === 'open',
       "required": _vm.required,
       "readonly": _vm.readonly,
@@ -109,7 +111,8 @@ var __vue_render__ = function () {
       expression: "closeTimePopover"
     }],
     attrs: {
-      "format": _vm.timeFormat,
+      "format": _vm.resolvedTimeFormat,
+      "locale": _vm.resolvedLocale,
       "selected": _vm.timePopover && _vm.timePopover.state === 'open',
       "required": _vm.required,
       "readonly": _vm.readonly,
@@ -149,6 +152,7 @@ var __vue_render__ = function () {
     }
   }, [_vm._v("\n          " + _vm._s(_vm.formatTimeAlt(_vm.draftModelValue)) + "\n        ")])], 1), _vm._v(" "), _c('OrDateTimePickerMonthSelect', {
     attrs: {
+      "locale": _vm.resolvedLocale,
       "year-filter": _vm.yearFilter,
       "month-filter": _vm.monthFilter
     },
@@ -162,6 +166,8 @@ var __vue_render__ = function () {
   }), _vm._v(" "), _c('OrDateTimePickerDateSelect', {
     attrs: {
       "initial-value": _vm.initialValue,
+      "format": _vm.resolvedDateFormat,
+      "locale": _vm.resolvedLocale,
       "date-filter": _vm.dateFilter
     },
     model: {
@@ -213,7 +219,8 @@ var __vue_render__ = function () {
   }, [_vm._v("\n          " + _vm._s(_vm.formatTimeAlt(_vm.draftModelValue)) + "\n        ")])], 1), _vm._v(" "), _c('OrDateTimePickerTimeSelect', {
     attrs: {
       "initial-value": _vm.initialValue,
-      "format": _vm.timeFormat,
+      "format": _vm.resolvedTimeFormat,
+      "locale": _vm.resolvedLocale,
       "hours-filter": _vm.hoursFilter,
       "minutes-filter": _vm.minutesFilter
     },

package/dist/esm/v2/{OrDateTimePicker.vue_rollup-plugin-vue_script-bd0836fd.js → OrDateTimePicker.vue_rollup-plugin-vue_script-b7ca34e8.js}

@@ -1,4 +1,4 @@
-import { defineComponent, ref, computed, watch, toRef } from 'vue-demi';
+import { defineComponent, ref, computed, inject, watch, toRef } from 'vue-demi';
 import { D as DropdownClose, a as DropdownOpen } from './dropdown-open-06d651cf.js';
 import '@vueuse/core';
 import './dom-aecadd9a.js';
@@ -11,10 +11,10 @@ import { _ as __vue_component__$b } from './OrIconButton-956b8e5c.js';
 import { _ as __vue_component__$a } from './OrIcon-03e3c802.js';
 import { _ as __vue_component__$c } from './OrInputBox-1a8fda9b.js';
 import { a as InputBoxSize } from './OrInputBox.vue_rollup-plugin-vue_script-8c39b9ca.js';
-import { _ as __vue_component__$d } from './OrLabel-113eae8d.js';
+import { _ as __vue_component__$d } from './OrLabel-b0805497.js';
 import { _ as __vue_component__$e } from './OrPopover-592f7ad2.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-2f7efc41.js';
-import { D as DateTimePickerTimeFormat } from './getTimePlaceholder-a1d75821.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-3fa9a7c7.js';
+import { D as DateTimePickerDateFormat, a as DateTimePickerTimeFormat } from './getTimePlaceholder-9d18b5ac.js';
 import { g as getCurrentDate } from './getCurrentDate-046a888d.js';
 
 const DateTimePicker = [
@@ -27,6 +27,10 @@ const DateTimePickerDatePopover = [
 'w-[298px]'];
 const DateTimePickerTimePopover = [];
 
+const DateFormat = Symbol();
+const TimeFormat = Symbol();
+const Locale = Symbol();
+
 var script = defineComponent({
   name: 'OrDateTimePicker',
   components: {
@@ -56,12 +60,20 @@ var script = defineComponent({
   },
   props: {
     modelValue: {
-      type: Date,
+      type: undefined,
+      default: undefined
+    },
+    dateFormat: {
+      type: String,
       default: undefined
     },
     timeFormat: {
       type: String,
-      default: () => DateTimePickerTimeFormat.Auto
+      default: undefined
+    },
+    locale: {
+      type: String,
+      default: undefined
     },
     yearFilter: {
       type: Function,
@@ -120,8 +132,9 @@ var script = defineComponent({
   expose: ['root', 'focus', 'blur'],
   setup(props, context) {
     var _a;
-    // Refs
+    // Refs & Styles
     const root = ref();
+    const rootStyles = computed(() => ['or-date-time-picker-v3', ...DateTimePicker]);
     const inputBox = ref();
     const inputBoxRoot = computed(() => {
       var _a;
@@ -132,15 +145,26 @@ var script = defineComponent({
       var _a;
       return (_a = datePopover.value) === null || _a === void 0 ? void 0 : _a.state;
     });
+    const datePopoverStyles = computed(() => ['or-date-time-picker-date-popover-v3', ...DateTimePickerDatePopover]);
     const timePopover = ref();
     const timePopoverState = computed(() => {
       var _a;
       return (_a = timePopover.value) === null || _a === void 0 ? void 0 : _a.state;
     });
-    // Styles
-    const rootStyles = computed(() => ['or-date-time-picker-v3', ...DateTimePicker]);
-    const datePopoverStyles = computed(() => ['or-date-time-picker-date-popover-v3', ...DateTimePickerDatePopover]);
     const timePopoverStyles = computed(() => ['or-date-time-picker-time-popover-v3', ...DateTimePickerTimePopover]);
+    // Options
+    const resolvedDateFormat = computed(() => {
+      var _a;
+      return (_a = props.dateFormat) !== null && _a !== void 0 ? _a : inject(DateFormat, DateTimePickerDateFormat.Short);
+    });
+    const resolvedTimeFormat = computed(() => {
+      var _a;
+      return (_a = props.timeFormat) !== null && _a !== void 0 ? _a : inject(TimeFormat, DateTimePickerTimeFormat.Auto);
+    });
+    const resolvedLocale = computed(() => {
+      var _a;
+      return (_a = props.locale) !== null && _a !== void 0 ? _a : inject(Locale, navigator.language);
+    });
     // State
     const initialValue = ref((_a = props.modelValue) !== null && _a !== void 0 ? _a : getCurrentDate());
     watch(() => props.modelValue, value => {
@@ -219,30 +243,33 @@ var script = defineComponent({
     }
     function formatDateAlt(value) {
       var _a;
-      return (_a = value === null || value === void 0 ? void 0 : value.toLocaleString(navigator.language, {
+      return (_a = value === null || value === void 0 ? void 0 : value.toLocaleString(resolvedLocale.value, {
         dateStyle: 'medium',
         timeZone: 'UTC'
       })) !== null && _a !== void 0 ? _a : '--';
     }
     function formatTimeAlt(value) {
       var _a;
-      return (_a = value === null || value === void 0 ? void 0 : value.toLocaleString(navigator.language, {
+      return (_a = value === null || value === void 0 ? void 0 : value.toLocaleString(resolvedLocale.value, {
         timeStyle: 'short',
-        hourCycle: props.timeFormat !== DateTimePickerTimeFormat.Auto ? props.timeFormat : undefined,
+        hourCycle: resolvedTimeFormat.value !== DateTimePickerTimeFormat.Auto ? resolvedTimeFormat.value : undefined,
         timeZone: 'UTC'
       })) !== null && _a !== void 0 ? _a : '--';
     }
     return {
       root,
+      rootStyles,
       inputBox,
       inputBoxRoot,
       datePopover,
       datePopoverState,
+      datePopoverStyles,
       timePopover,
       timePopoverState,
-      rootStyles,
-      datePopoverStyles,
       timePopoverStyles,
+      resolvedDateFormat,
+      resolvedTimeFormat,
+      resolvedLocale,
       initialValue,
       proxyModelValue,
       draftModelValue,
@@ -259,4 +286,4 @@ var script = defineComponent({
   }
 });
 
-export { script as s };
+export { DateFormat as D, Locale as L, TimeFormat as T, script as s };

package/dist/esm/v2/{OrDateTimePickerTimeSelect-2f7efc41.js → OrDateTimePickerTimeSelect-3fa9a7c7.js}

@@ -4,11 +4,11 @@ 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-a1d75821.js';
+import { g as getDatePlaceholder, f as formatDate, c as getTimePlaceholder, b as formatTime, a as DateTimePickerTimeFormat } from './getTimePlaceholder-9d18b5ac.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 import { _ as __vue_component__$8 } from './OrButton-e4e85817.js';
 import './OrButton.vue_rollup-plugin-vue_script-199bb600.js';
-import { _ as __vue_component__$9 } from './OrLabel-113eae8d.js';
+import { _ as __vue_component__$9 } from './OrLabel-b0805497.js';
 import { _ as __vue_component__$b } from './OrIconButton-956b8e5c.js';
 import { _ as __vue_component__$a } from './OrIcon-03e3c802.js';
 import { _ as __vue_component__$d } from './OrMenuItem-cd18c3c7.js';
@@ -35,9 +35,17 @@ var script$7 = defineComponent({
   },
   props: {
     modelValue: {
-      type: Date,
+      type: undefined,
       default: undefined
     },
+    format: {
+      type: String,
+      required: true
+    },
+    locale: {
+      type: String,
+      required: true
+    },
     selected: {
       type: Boolean,
       default: false
@@ -57,14 +65,15 @@ var script$7 = defineComponent({
   },
   expose: ['root'],
   setup(props, context) {
-    // Refs
+    // Refs & Styles
     const root = ref();
-    // Styles
     const rootStyles = computed(() => ['or-date-time-picker-date-control-v3', ...DateTimePickerDateControl]);
     const placeholderStyles = computed(() => [...DateTimePickerDateControlPlaceholder]);
     // State
     const proxyModelValue = useProxyModelValue(toRef(props, 'modelValue'), context.emit);
-    const placeholder = getDatePlaceholder();
+    const placeholder = computed(() => {
+      return getDatePlaceholder(props.format, props.locale);
+    });
     return {
       root,
       rootStyles,
@@ -99,7 +108,7 @@ var __vue_render__$7 = function () {
         $event.preventDefault();
       }
     }
-  }, [_vm.proxyModelValue ? [_vm._v("\n    " + _vm._s(_vm.formatDate(_vm.proxyModelValue)) + "\n  ")] : [_c('span', {
+  }, [_vm.proxyModelValue ? [_vm._v("\n    " + _vm._s(_vm.formatDate(_vm.proxyModelValue, _vm.format, _vm.locale)) + "\n  ")] : [_c('span', {
     class: _vm.placeholderStyles,
     attrs: {
       "disabled": _vm.disabled
@@ -179,13 +188,21 @@ var script$6 = defineComponent({
   },
   props: {
     modelValue: {
-      type: Date,
+      type: undefined,
       default: undefined
     },
     initialValue: {
       type: Date,
       required: true
     },
+    format: {
+      type: String,
+      required: true
+    },
+    locale: {
+      type: String,
+      required: true
+    },
     dateFilter: {
       type: Function,
       default: undefined
@@ -202,9 +219,8 @@ var script$6 = defineComponent({
   emits: ['update:modelValue'],
   expose: ['root'],
   setup(props, context) {
-    // Refs
+    // Refs & Styles
     const root = ref();
-    // Styles
     const rootStyles = computed(() => ['or-date-time-picker-date-select-v3', ...DateTimePickerDateSelect]);
     const buttonGroupStyles = computed(() => [...DateTimePickerDateSelectButtonGroup]);
     const buttonGroupWeekdayItemStyles = computed(() => [...DateTimePickerDateSelectButtonGroupWeekdayItem]);
@@ -238,13 +254,13 @@ var script$6 = defineComponent({
     });
     // Methods
     function formatWeekday(value) {
-      return value.toLocaleString(navigator.language, {
+      return value.toLocaleString(props.locale, {
         weekday: 'short',
         timeZone: 'UTC'
       });
     }
     function formatDay(value) {
-      return value.toLocaleString(navigator.language, {
+      return value.toLocaleString(props.locale, {
         day: 'numeric',
         timeZone: 'UTC'
       });
@@ -356,9 +372,8 @@ var script$5 = defineComponent({
   },
   expose: ['root'],
   setup() {
-    // Refs
+    // Refs & Styles
     const root = ref();
-    // Styles
     const rootStyles = computed(() => ['or-date-time-picker-mobile-control-v3', ...DateTimePickerMobileControl]);
     const contentStyles = computed(() => [...DateTimePickerMobileControlContent]);
     return {
@@ -429,7 +444,11 @@ var script$4 = defineComponent({
   },
   props: {
     modelValue: {
-      type: Date,
+      type: undefined,
+      required: true
+    },
+    locale: {
+      type: String,
       required: true
     },
     yearFilter: {
@@ -444,30 +463,29 @@ var script$4 = defineComponent({
   emits: ['update:modelValue'],
   expose: ['root'],
   setup(props, context) {
-    // Refs
+    // Refs & Styles
     const root = ref();
+    const rootStyles = computed(() => ['or-date-time-picker-month-select-v3', ...DateTimePickerMonthSelect]);
     const yearButton = ref();
-    const monthButton = ref();
     const yearButtonRoot = computed(() => {
       var _a;
       return (_a = yearButton.value) === null || _a === void 0 ? void 0 : _a.root;
     });
+    const monthButton = ref();
     const monthButtonRoot = computed(() => {
       var _a;
       return (_a = monthButton.value) === null || _a === void 0 ? void 0 : _a.root;
     });
     const yearMenu = ref();
-    const monthMenu = ref();
     const yearMenuState = computed(() => {
       var _a;
       return (_a = yearMenu.value) === null || _a === void 0 ? void 0 : _a.state;
     });
+    const monthMenu = ref();
     const monthMenuState = computed(() => {
       var _a;
       return (_a = monthMenu.value) === null || _a === void 0 ? void 0 : _a.state;
     });
-    // Styles
-    const rootStyles = computed(() => ['or-date-time-picker-month-select-v3', ...DateTimePickerMonthSelect]);
     // State
     const proxyModelValue = useProxyModelValue(toRef(props, 'modelValue'), context.emit);
     const yearOptions = computed(() => {
@@ -497,28 +515,28 @@ var script$4 = defineComponent({
       proxyModelValue.value = new Date(Date.UTC(proxyModelValue.value.getUTCFullYear(), proxyModelValue.value.getUTCMonth() - 1, proxyModelValue.value.getUTCDate(), proxyModelValue.value.getUTCHours(), proxyModelValue.value.getUTCMinutes()));
     }
     function formatYear(value) {
-      return value.toLocaleString(navigator.language, {
+      return value.toLocaleString(props.locale, {
         year: 'numeric',
         timeZone: 'UTC'
       });
     }
     function formatMonth(value) {
-      return value.toLocaleString(navigator.language, {
+      return value.toLocaleString(props.locale, {
         month: 'long',
         timeZone: 'UTC'
       });
     }
     return {
       root,
+      rootStyles,
       yearButton,
-      monthButton,
       yearButtonRoot,
+      monthButton,
       monthButtonRoot,
       yearMenu,
-      monthMenu,
       yearMenuState,
+      monthMenu,
       monthMenuState,
-      rootStyles,
       proxyModelValue,
       yearOptions,
       monthOptions,
@@ -684,9 +702,8 @@ var script$3 = defineComponent({
   emits: ['apply', 'reset'],
   expose: ['root'],
   setup() {
-    // Refs
+    // Refs & Styles
     const root = ref();
-    // Styles
     const rootStyles = computed(() => ['or-date-time-picker-popover-footer-v3', ...DateTimePickerPopoverFooter]);
     return {
       root,
@@ -760,9 +777,8 @@ var script$2 = defineComponent({
   name: 'OrDateTimePickerPopoverHeader',
   expose: ['root'],
   setup() {
-    // Refs
+    // Refs & Styles
     const root = ref();
-    // Styles
     const rootStyles = computed(() => ['or-date-time-picker-popover-header-v3', ...DateTimePickerPopoverHeader]);
     return {
       root,
@@ -826,12 +842,16 @@ var script$1 = defineComponent({
   },
   props: {
     modelValue: {
-      type: Date,
+      type: undefined,
       default: undefined
     },
     format: {
       type: String,
-      default: () => DateTimePickerTimeFormat.Auto
+      required: true
+    },
+    locale: {
+      type: String,
+      required: true
     },
     selected: {
       type: Boolean,
@@ -852,14 +872,15 @@ var script$1 = defineComponent({
   },
   expose: ['root'],
   setup(props, context) {
-    // Refs
+    // Refs & Styles
     const root = ref();
-    // Styles
     const rootStyles = computed(() => ['or-date-time-picker-time-control-v3', ...DateTimePickerTimeControl]);
     const placeholderStyles = computed(() => [...DateTimePickerTimeControlPlaceholder]);
     // State
     const proxyModelValue = useProxyModelValue(toRef(props, 'modelValue'), context.emit);
-    const placeholder = getTimePlaceholder(props.format);
+    const placeholder = computed(() => {
+      return getTimePlaceholder(props.format, props.locale);
+    });
     return {
       root,
       rootStyles,
@@ -888,8 +909,13 @@ var __vue_render__$1 = function () {
       "required": _vm.required,
       "readonly": _vm.readonly,
       "disabled": _vm.disabled
+    },
+    on: {
+      "keydown": function ($event) {
+        $event.preventDefault();
+      }
     }
-  }, [_vm.proxyModelValue ? [_vm._v("\n    " + _vm._s(_vm.formatTime(_vm.proxyModelValue, _vm.format)) + "\n  ")] : [_c('span', {
+  }, [_vm.proxyModelValue ? [_vm._v("\n    " + _vm._s(_vm.formatTime(_vm.proxyModelValue, _vm.format, _vm.locale)) + "\n  ")] : [_c('span', {
     class: _vm.placeholderStyles,
     attrs: {
       "disabled": _vm.disabled
@@ -950,7 +976,7 @@ var script = defineComponent({
   },
   props: {
     modelValue: {
-      type: Date,
+      type: undefined,
       default: undefined
     },
     initialValue: {
@@ -959,7 +985,11 @@ var script = defineComponent({
     },
     format: {
       type: String,
-      default: () => DateTimePickerTimeFormat.Auto
+      required: true
+    },
+    locale: {
+      type: String,
+      required: true
     },
     hoursFilter: {
       type: Function,
@@ -974,9 +1004,8 @@ var script = defineComponent({
   expose: ['root'],
   setup(props, context) {
     var _a;
-    // Refs
+    // Refs & Styles
     const root = ref();
-    // Styles
     const rootStyles = computed(() => ['or-date-time-picker-time-select-v3', ...DateTimePickerTimeSelect]);
     const buttonGroupStyles = computed(() => [...DateTimePickerTimeSelectButtonGroup]);
     const buttonGroupItemStyles = computed(() => [...DateTimePickerTimeSelectButtonGroupItem]);
@@ -985,7 +1014,7 @@ var script = defineComponent({
     const proxyTimeFormat = computed(() => {
       if (props.format === DateTimePickerTimeFormat.Auto) {
         const timeSample = new Date(1970, 0);
-        if (timeSample.toLocaleTimeString(navigator.language).includes('12')) {
+        if (timeSample.toLocaleTimeString(props.locale).includes('12')) {
           return DateTimePickerTimeFormat.H12;
         }
         return DateTimePickerTimeFormat.H23;
@@ -1034,11 +1063,11 @@ var script = defineComponent({
     });
     // Methods
     function formatHours(value) {
-      return value.toLocaleString(navigator.language, {
+      return value.toLocaleString(props.locale, {
         hour: 'numeric',
         hourCycle: props.format !== DateTimePickerTimeFormat.Auto ? props.format : undefined,
         timeZone: 'UTC'
-      }).replace(/\s(am|pm)/i, '');
+      }).replace(/\D/g, '');
     }
     function formatMinutes(value) {
       return String(value.getUTCMinutes()).padStart(2, '0');

package/dist/esm/v2/{OrFormGroup-d8b290f4.js → OrFormGroup-936aa0ff.js}

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed } from 'vue-demi';
 import { _ as __vue_component__$1 } from './OrError-b25d782d.js';
 import { _ as __vue_component__$2 } from './OrHint-2fe1157b.js';
-import { _ as __vue_component__$3 } from './OrLabel-113eae8d.js';
+import { _ as __vue_component__$3 } from './OrLabel-b0805497.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 var FormGroupDirection;

package/dist/esm/v2/{OrInput-43f90e4a.js → OrInput-431ae55a.js}

@@ -12,7 +12,7 @@ import { _ as __vue_component__$4 } from './OrIconButton-956b8e5c.js';
 import { _ as __vue_component__$3 } from './OrIcon-03e3c802.js';
 import { _ as __vue_component__$5 } from './OrInputBox-1a8fda9b.js';
 import { a as InputBoxSize } from './OrInputBox.vue_rollup-plugin-vue_script-8c39b9ca.js';
-import { _ as __vue_component__$6 } from './OrLabel-113eae8d.js';
+import { _ as __vue_component__$6 } from './OrLabel-b0805497.js';
 import { _ as __vue_component__$7 } from './OrLoader-4ac49224.js';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';

package/dist/esm/v2/{OrLabel-113eae8d.js → OrLabel-b0805497.js}

@@ -33,10 +33,10 @@ const LabelVariants = {
   'theme-foreground-default', 'dark:theme-foreground-default-dark']
 };
 const LabelText = [
-// Content (required)
-'required:after:content-["*"]',
 // Interactivity
-'interactivity-default'];
+'interactivity-default',
+// Content (required)
+'required:after:content-["*"]'];
 const LabelAddon = [
 // Layout
 'layout-inline-row empty:hidden',

package/dist/esm/v2/{OrList-aae21920.js → OrList-3078c5cd.js}

@@ -7,7 +7,7 @@ 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 './OrIconButton-956b8e5c.js';
-import { _ as __vue_component__$2 } from './OrLabel-113eae8d.js';
+import { _ as __vue_component__$2 } from './OrLabel-b0805497.js';
 import { _ as __vue_component__$3 } from './OrListItem-9654fe5b.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 

package/dist/esm/v2/{OrRadio-c6aec5c3.js → OrRadio-fd1fbde2.js}

@@ -5,7 +5,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 { _ as __vue_component__$1, L as LabelVariant } from './OrLabel-113eae8d.js';
+import { _ as __vue_component__$1, L as LabelVariant } from './OrLabel-b0805497.js';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 

package/dist/esm/v2/{OrRadioGroup-038ad285.js → OrRadioGroup-c4135a8f.js}

@@ -4,8 +4,8 @@ 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, F as FormGroupDirection } from './OrFormGroup-d8b290f4.js';
-import { _ as __vue_component__$2 } from './OrRadio-c6aec5c3.js';
+import { _ as __vue_component__$1, F as FormGroupDirection } from './OrFormGroup-936aa0ff.js';
+import { _ as __vue_component__$2 } from './OrRadio-fd1fbde2.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 var script = defineComponent({

package/dist/esm/v2/{OrRichTextEditor-6a2785c0.js → OrRichTextEditor-85f52908.js}

@@ -19,8 +19,8 @@ import Underline from '@tiptap/extension-underline';
 import { _ as __vue_component__$7 } from './OrButton-e4e85817.js';
 import './OrButton.vue_rollup-plugin-vue_script-199bb600.js';
 import { _ as __vue_component__$1 } from './OrIconButton-956b8e5c.js';
-import { _ as __vue_component__$6 } from './OrInput-43f90e4a.js';
-import { _ as __vue_component__$2 } from './OrLabel-113eae8d.js';
+import { _ as __vue_component__$6 } from './OrInput-431ae55a.js';
+import { _ as __vue_component__$2 } from './OrLabel-b0805497.js';
 import { _ as __vue_component__$3 } from './OrMenuItem-cd18c3c7.js';
 import { _ as __vue_component__$4 } from './OrMenu-e909a0ff.js';
 import { _ as __vue_component__$5 } from './OrModal-06a81c87.js';

package/dist/esm/v2/{OrSearch-5dd1820f.js → OrSearch-493eb34d.js}

@@ -7,7 +7,7 @@ import '@onereach/styles/tailwind/plugins/core';
 import '@onereach/styles/tailwind.config.json';
 import { u as useValidationAttributes } from './useValidationAttributes-d1abbe34.js';
 import { a as InputBoxSize } from './OrInputBox.vue_rollup-plugin-vue_script-8c39b9ca.js';
-import { _ as __vue_component__$1 } from './OrInput-43f90e4a.js';
+import { _ as __vue_component__$1 } from './OrInput-431ae55a.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 var script = defineComponent({

package/dist/esm/v2/{OrSelect-bf279168.js → OrSelect-8acf0bfe.js}

@@ -6,7 +6,7 @@ import { i as isEmptyValue } from './isEqualValue-b6ca4b55.js';
 import { u as useProxyModelValue } from './useProxyModelValue-940010d2.js';
 import { u as useResponsive } from './useResponsive-1baf3485.js';
 import '@onereach/styles/tailwind.config.json';
-import { _ as __vue_component__$3 } from './OrCheckbox-2e14d995.js';
+import { _ as __vue_component__$3 } from './OrCheckbox-8cdfdc56.js';
 import { _ as __vue_component__$4 } from './OrError-b25d782d.js';
 import { _ as __vue_component__$5 } from './OrExpansionPanel-c76c70e4.js';
 import { _ as __vue_component__$6 } from './OrHint-2fe1157b.js';
@@ -14,8 +14,8 @@ import { _ as __vue_component__$8 } from './OrIconButton-956b8e5c.js';
 import { _ as __vue_component__$7 } from './OrIcon-03e3c802.js';
 import { _ as __vue_component__$a } from './OrInputBox-1a8fda9b.js';
 import { a as InputBoxSize } from './OrInputBox.vue_rollup-plugin-vue_script-8c39b9ca.js';
-import { _ as __vue_component__$9 } from './OrInput-43f90e4a.js';
-import { _ as __vue_component__$b } from './OrLabel-113eae8d.js';
+import { _ as __vue_component__$9 } from './OrInput-431ae55a.js';
+import { _ as __vue_component__$b } from './OrLabel-b0805497.js';
 import { _ as __vue_component__$c } from './OrMenuItem-cd18c3c7.js';
 import { _ as __vue_component__$d } from './OrPopover-592f7ad2.js';
 import { T as TagsOverflow } from './OrTags-0ea04689.js';

package/dist/esm/v2/{OrSwitch-b636a4e7.js → OrSwitch-b1c4a235.js}

@@ -6,7 +6,7 @@ import { i as isVoid } from './isVoid-36a1480c.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, L as LabelVariant } from './OrLabel-113eae8d.js';
+import { _ as __vue_component__$1, L as LabelVariant } from './OrLabel-b0805497.js';
 import { _ as __vue_component__$2 } from './OrLoader-4ac49224.js';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';

package/dist/esm/v2/{OrTagInput-dbd9096c.js → OrTagInput-cc597ae0.js}

@@ -11,7 +11,7 @@ import { _ as __vue_component__$2 } from './OrHint-2fe1157b.js';
 import { _ as __vue_component__$3 } from './OrIconButton-956b8e5c.js';
 import { _ as __vue_component__$4 } from './OrInputBox-1a8fda9b.js';
 import './OrInputBox.vue_rollup-plugin-vue_script-8c39b9ca.js';
-import { _ as __vue_component__$5 } from './OrLabel-113eae8d.js';
+import { _ as __vue_component__$5 } from './OrLabel-b0805497.js';
 import { a as TagColor } from './OrTag-5f3f948a.js';
 import { _ as __vue_component__$6, T as TagsOverflow } from './OrTags-0ea04689.js';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';

package/dist/esm/v2/{OrTextarea-56e2159d.js → OrTextarea-ba7551a4.js}

@@ -10,7 +10,7 @@ import { _ as __vue_component__$1 } from './OrError-b25d782d.js';
 import { _ as __vue_component__$2 } from './OrHint-2fe1157b.js';
 import { _ as __vue_component__$3 } from './OrInputBox-1a8fda9b.js';
 import { a as InputBoxSize } from './OrInputBox.vue_rollup-plugin-vue_script-8c39b9ca.js';
-import { _ as __vue_component__$4 } from './OrLabel-113eae8d.js';
+import { _ as __vue_component__$4 } from './OrLabel-b0805497.js';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';