@onereach/ui-components 17.1.0 → 17.1.2

package/dist/bundled/v2/components/OrDataGridV3/OrDataGrid.js

@@ -1,2 +1,2 @@
-export { _ as default } from '../../OrDataGrid-e08ff27a.js';
+export { _ as default } from '../../OrDataGrid-16e613a1.js';
 import '../../normalize-component-6e8e3d80.js';

package/dist/bundled/v2/components/OrDataGridV3/index.js

@@ -1 +1 @@
-export { D as DataGridVariant, _ as OrDataGridV3 } from '../../OrDataGrid-e08ff27a.js';
+export { D as DataGridVariant, _ as OrDataGridV3 } from '../../OrDataGrid-16e613a1.js';

package/dist/bundled/v2/components/OrDropAreaV3/OrDropArea.js

@@ -40,6 +40,10 @@ var script = defineComponent({
     disabled: {
       type: Boolean,
       default: false
+    },
+    error: {
+      type: Boolean,
+      default: false
     }
   },
   emits: ['update:modelValue'],
@@ -56,13 +60,34 @@ var script = defineComponent({
     const constraintsStyles = computed(() => [...DropAreaConstraints]);
     // State
     const proxyModelValue = useProxyModelValue(toRef(props, 'modelValue'), context.emit);
+    const accept = computed(() => {
+      if (!props.fileTypes || !Array.isArray(props.fileTypes)) return '';
+      return props.fileTypes.join(',');
+    });
     const invalid = computed(() => {
-      if (props.fileTypes.length > 0 && proxyModelValue.value.some(file => !props.fileTypes.includes(file.type))) {
+      /* External error */
+      if (props.error) return true;
+      /* No validation provided */
+      if (!props.fileTypes) return false;
+      /* File type match: strict and non-strict MIME-type comparison */
+      if (props.fileTypes.length > 0 && proxyModelValue.value.some(file => {
+        let match = props.fileTypes.some(fileType => {
+          if (fileType.match(/\/\*$/)) {
+            const baseType = fileType.replace('/*', '');
+            return file.type.indexOf(baseType) !== -1;
+          } else {
+            return file.type === fileType;
+          }
+        });
+        return !match;
+      })) {
         return true;
       }
+      /* Files count */
       if (proxyModelValue.value.length > props.maxFiles) {
         return true;
       }
+      /* File size */
       if (proxyModelValue.value.some(file => file.size > props.maxFileSize)) {
         return true;
       }
@@ -86,6 +111,7 @@ var script = defineComponent({
       textEmphasisStyles,
       constraintsStyles,
       proxyModelValue,
+      accept,
       invalid,
       onChange,
       isDesktop,
@@ -114,7 +140,7 @@ var __vue_render__ = function () {
     class: _vm.controlStyles,
     attrs: {
       "type": 'file',
-      "accept": _vm.fileTypes.join(','),
+      "accept": _vm.accept,
       "multiple": _vm.maxFiles > 1,
       "disabled": _vm.disabled
     },

package/dist/bundled/v2/components/OrDropAreaV3/OrDropArea.vue.d.ts

@@ -26,6 +26,10 @@ declare const _default: import("vue-demi").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    error: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, {
     root: import("vue-demi").Ref<HTMLElement | undefined>;
     rootStyles: import("vue-demi").ComputedRef<string[]>;
@@ -35,6 +39,7 @@ declare const _default: import("vue-demi").DefineComponent<{
     textEmphasisStyles: import("vue-demi").ComputedRef<string[]>;
     constraintsStyles: import("vue-demi").ComputedRef<string[]>;
     proxyModelValue: import("../../hooks").UseProxyModelValueReturn<File[]>;
+    accept: import("vue-demi").ComputedRef<string>;
     invalid: import("vue-demi").ComputedRef<boolean>;
     onChange: (event: Event) => void;
     isDesktop: import("vue-demi").ComputedRef<boolean>;
@@ -65,6 +70,10 @@ declare const _default: import("vue-demi").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    error: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
@@ -74,5 +83,6 @@ declare const _default: import("vue-demi").DefineComponent<{
     maxFileSize: number;
     size: "m" | "s";
     disabled: boolean;
+    error: boolean;
 }>;
 export default _default;

package/dist/bundled/v2/components/OrSelectV3/OrSelect.js

@@ -1,4 +1,4 @@
-import { defineComponent, ref, toRefs, computed, watch, nextTick, getCurrentInstance } from 'vue-demi';
+import { defineComponent, ref, toRefs, computed, watch, getCurrentInstance } from 'vue-demi';
 import { l as useFocus } from '../../index-82dee23f.js';
 import { useProxyModelValue } from '../../hooks/useProxyModelValue.js';
 import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
@@ -494,7 +494,6 @@ var script$1 = defineComponent({
     const searchControl = ref();
     const selectionLabelRef = ref();
     const tooltipRef = ref();
-    const isContentTruncated = ref(false);
     // Props
     const {
       modelValue,
@@ -513,14 +512,6 @@ var script$1 = defineComponent({
       var _a;
       return (_a = selection.value) === null || _a === void 0 ? void 0 : _a.label;
     });
-    /* NOTE: using watch here due to async action.
-    Computed don't work since we need not just to track the data but to analyze UI after the re-render */
-    watch(model, async () => {
-      await nextTick();
-      if (selectionLabelRef.value) {
-        isContentTruncated.value = selectionLabelRef.value.scrollWidth > selectionLabelRef.value.clientWidth;
-      }
-    });
     watch(() => props.isOpen, () => {
       var _a;
       (_a = tooltipRef.value) === null || _a === void 0 ? void 0 : _a.close();
@@ -543,6 +534,11 @@ var script$1 = defineComponent({
         searchControl.value.focus();
       }
     }
+    function checkTooltip() {
+      if (!selectionLabelRef.value) return; // to prevent fro TS error; normally ref will always be available here since the method is a mouse event callback
+      const isContentTruncated = selectionLabelRef.value.scrollWidth > selectionLabelRef.value.clientWidth;
+      if (isContentTruncated) openTooltip();
+    }
     return {
       root,
       rootStyles,
@@ -553,11 +549,11 @@ var script$1 = defineComponent({
       selectionLabel,
       focus,
       focused,
-      isContentTruncated,
       selectionLabelRef,
       tooltipRef,
       openTooltip,
-      closeTooltip
+      closeTooltip,
+      checkTooltip
     };
   }
 });
@@ -595,18 +591,16 @@ var __vue_render__$1 = function () {
     ref: "selectionLabelRef",
     staticClass: "truncate w-full",
     on: {
-      "mouseenter": _vm.openTooltip,
-      "mouseleave": function ($event) {
-        _vm.tooltipRef && _vm.tooltipRef.close();
-      }
+      "mouseenter": _vm.checkTooltip,
+      "mouseleave": _vm.closeTooltip
     }
-  }, [_vm._v("\n          " + _vm._s(_vm.selectionLabel) + "\n        ")]), _vm._v(" "), _vm.isContentTruncated ? _c('OrTooltip', {
+  }, [_vm._v("\n          " + _vm._s(_vm.selectionLabel) + "\n        ")]), _vm._v(" "), _c('OrTooltip', {
     ref: "tooltipRef",
     attrs: {
       "content": _vm.selectionLabel,
       "trigger": _vm.selectionLabelRef
     }
-  }) : _vm._e()], 1)]]], 2);
+  })], 1)]]], 2);
 };
 var __vue_staticRenderFns__$1 = [];
 

package/dist/bundled/v2/components/index.js

@@ -44,7 +44,7 @@ export { default as OrConfirm } from './OrConfirm/OrConfirm.js';
 export { default as OrConfirmV3 } from './OrConfirmV3/OrConfirm.js';
 export { ConfirmType } from './OrConfirmV3/props.js';
 export { default as OrContextMenuV3 } from './OrContextMenuV3/OrContextMenu.js';
-export { D as DataGridVariant, _ as OrDataGridV3 } from '../OrDataGrid-e08ff27a.js';
+export { D as DataGridVariant, _ as OrDataGridV3 } from '../OrDataGrid-16e613a1.js';
 export { default as OrDateFormatV3 } from './OrDateFormatV3/OrDateFormat.js';
 export { default as OrDatePickerV3 } from './OrDatePickerV3/OrDatePicker.js';
 export { default as OrDateRangePickerV3 } from './OrDateRangePickerV3/OrDateRangePicker.js';

package/dist/bundled/v2/index.js

@@ -18,7 +18,7 @@ export { default as OrCombinedInputV3 } from './components/OrCombinedInputV3/OrC
 export { default as OrConfirm } from './components/OrConfirm/OrConfirm.js';
 export { default as OrConfirmV3 } from './components/OrConfirmV3/OrConfirm.js';
 export { default as OrContextMenuV3 } from './components/OrContextMenuV3/OrContextMenu.js';
-export { D as DataGridVariant, _ as OrDataGridV3 } from './OrDataGrid-e08ff27a.js';
+export { D as DataGridVariant, _ as OrDataGridV3 } from './OrDataGrid-16e613a1.js';
 export { default as OrDateFormatV3 } from './components/OrDateFormatV3/OrDateFormat.js';
 export { default as OrDatePickerV3 } from './components/OrDatePickerV3/OrDatePicker.js';
 export { default as OrDateRangePickerV3 } from './components/OrDateRangePickerV3/OrDateRangePicker.js';

package/dist/bundled/v3/components/OrDataGridV3/OrDataGrid.js

@@ -1 +1 @@
-export { s as default } from '../OrDataGridV3-054c0ff2.js';
+export { s as default } from '../OrDataGridV3-61becb11.js';

package/dist/bundled/v3/components/OrDataGridV3/index.js

@@ -1 +1 @@
-export { D as DataGridVariant, s as OrDataGridV3 } from '../OrDataGridV3-054c0ff2.js';
+export { D as DataGridVariant, s as OrDataGridV3 } from '../OrDataGridV3-61becb11.js';

package/dist/bundled/v3/components/OrDataGridV3/styles.js

@@ -1 +1 @@
-export { a as DataGrid } from '../OrDataGridV3-054c0ff2.js';
+export { a as DataGrid } from '../OrDataGridV3-61becb11.js';

package/dist/bundled/v3/components/{OrDataGridV3-054c0ff2.js → OrDataGridV3-61becb11.js}

@@ -5,7 +5,7 @@ import { s as script$g } from './OrDatePickerV3-b7df1103.js';
 import { s as script$h } from './OrDateTimePickerV3-a996d0ed.js';
 import { s as script$i } from './OrInputV3-335ca448.js';
 import { s as script$j } from './OrRatingV3-e3260da7.js';
-import { s as script$k } from './OrSelectV3-bb7f767d.js';
+import { s as script$k } from './OrSelectV3-b7448701.js';
 import { s as script$l } from './OrSwitchV3-d504bd59.js';
 import { s as script$m } from './OrTagInputV3-2209a961.js';
 import { s as script$n } from './OrTimePickerV3-6dac2d43.js';

package/dist/bundled/v3/components/OrDropAreaV3/OrDropArea.js

@@ -1 +1 @@
-export { s as default } from '../OrDropAreaV3-cf5ef7d5.js';
+export { s as default } from '../OrDropAreaV3-a9883f18.js';

package/dist/bundled/v3/components/OrDropAreaV3/OrDropArea.vue.d.ts

@@ -26,6 +26,10 @@ declare const _default: import("vue-demi").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    error: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, {
     root: import("vue-demi").Ref<HTMLElement | undefined>;
     rootStyles: import("vue-demi").ComputedRef<string[]>;
@@ -35,6 +39,7 @@ declare const _default: import("vue-demi").DefineComponent<{
     textEmphasisStyles: import("vue-demi").ComputedRef<string[]>;
     constraintsStyles: import("vue-demi").ComputedRef<string[]>;
     proxyModelValue: import("../../hooks").UseProxyModelValueReturn<File[]>;
+    accept: import("vue-demi").ComputedRef<string>;
     invalid: import("vue-demi").ComputedRef<boolean>;
     onChange: (event: Event) => void;
     isDesktop: import("vue-demi").ComputedRef<boolean>;
@@ -65,6 +70,10 @@ declare const _default: import("vue-demi").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    error: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
@@ -74,5 +83,6 @@ declare const _default: import("vue-demi").DefineComponent<{
     maxFileSize: number;
     size: "m" | "s";
     disabled: boolean;
+    error: boolean;
 }>;
 export default _default;

package/dist/bundled/v3/components/OrDropAreaV3/index.js

@@ -1 +1 @@
-export { D as DropAreaSize, s as OrDropAreaV3, a as approximateFileSize } from '../OrDropAreaV3-cf5ef7d5.js';
+export { D as DropAreaSize, s as OrDropAreaV3, a as approximateFileSize } from '../OrDropAreaV3-a9883f18.js';

package/dist/bundled/v3/components/OrDropAreaV3/props.js

@@ -1 +1 @@
-export { D as DropAreaSize } from '../OrDropAreaV3-cf5ef7d5.js';
+export { D as DropAreaSize } from '../OrDropAreaV3-a9883f18.js';

package/dist/bundled/v3/components/OrDropAreaV3/styles.js

@@ -1 +1 @@
-export { b as DropArea, i as DropAreaConstraints, d as DropAreaControl, e as DropAreaIcon, f as DropAreaIconSizes, c as DropAreaSizes, g as DropAreaText, h as DropAreaTextEmphasis } from '../OrDropAreaV3-cf5ef7d5.js';
+export { b as DropArea, i as DropAreaConstraints, d as DropAreaControl, e as DropAreaIcon, f as DropAreaIconSizes, c as DropAreaSizes, g as DropAreaText, h as DropAreaTextEmphasis } from '../OrDropAreaV3-a9883f18.js';

package/dist/bundled/v3/components/OrDropAreaV3/utils/approximateFileSize.js

@@ -1 +1 @@
-export { a as approximateFileSize } from '../../OrDropAreaV3-cf5ef7d5.js';
+export { a as approximateFileSize } from '../../OrDropAreaV3-a9883f18.js';

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

@@ -1 +1 @@
-export { a as approximateFileSize } from '../../OrDropAreaV3-cf5ef7d5.js';
+export { a as approximateFileSize } from '../../OrDropAreaV3-a9883f18.js';

package/dist/bundled/v3/components/{OrDropAreaV3-cf5ef7d5.js → OrDropAreaV3-a9883f18.js}

@@ -120,6 +120,10 @@ var script = defineComponent({
     disabled: {
       type: Boolean,
       default: false
+    },
+    error: {
+      type: Boolean,
+      default: false
     }
   },
   emits: ['update:modelValue'],
@@ -136,13 +140,34 @@ var script = defineComponent({
     const constraintsStyles = computed(() => [...DropAreaConstraints]);
     // State
     const proxyModelValue = useProxyModelValue(toRef(props, 'modelValue'), context.emit);
+    const accept = computed(() => {
+      if (!props.fileTypes || !Array.isArray(props.fileTypes)) return '';
+      return props.fileTypes.join(',');
+    });
     const invalid = computed(() => {
-      if (props.fileTypes.length > 0 && proxyModelValue.value.some(file => !props.fileTypes.includes(file.type))) {
+      /* External error */
+      if (props.error) return true;
+      /* No validation provided */
+      if (!props.fileTypes) return false;
+      /* File type match: strict and non-strict MIME-type comparison */
+      if (props.fileTypes.length > 0 && proxyModelValue.value.some(file => {
+        let match = props.fileTypes.some(fileType => {
+          if (fileType.match(/\/\*$/)) {
+            const baseType = fileType.replace('/*', '');
+            return file.type.indexOf(baseType) !== -1;
+          } else {
+            return file.type === fileType;
+          }
+        });
+        return !match;
+      })) {
         return true;
       }
+      /* Files count */
       if (proxyModelValue.value.length > props.maxFiles) {
         return true;
       }
+      /* File size */
       if (proxyModelValue.value.some(file => file.size > props.maxFileSize)) {
         return true;
       }
@@ -166,6 +191,7 @@ var script = defineComponent({
       textEmphasisStyles,
       constraintsStyles,
       proxyModelValue,
+      accept,
       invalid,
       onChange,
       isDesktop,
@@ -193,7 +219,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   }, [createElementVNode("input", {
     class: normalizeClass(_ctx.controlStyles),
     type: 'file',
-    accept: _ctx.fileTypes.join(','),
+    accept: _ctx.accept,
     multiple: _ctx.maxFiles > 1,
     disabled: _ctx.disabled,
     onChange: _cache[0] || (_cache[0] = $event => _ctx.onChange($event))

package/dist/bundled/v3/components/OrSelectV3/OrSelect.js

@@ -1 +1 @@
-export { s as default } from '../OrSelectV3-bb7f767d.js';
+export { s as default } from '../OrSelectV3-b7448701.js';

package/dist/bundled/v3/components/OrSelectV3/index.js

@@ -1 +1 @@
-export { s as OrSelectV3 } from '../OrSelectV3-bb7f767d.js';
+export { s as OrSelectV3 } from '../OrSelectV3-b7448701.js';

package/dist/bundled/v3/components/OrSelectV3/styles.js

@@ -1 +1 @@
-export { S as Select, a as SelectControl, c as SelectDropdown, d as SelectDropdownDefault, e as SelectDropdownFlipped, f as SelectDropdownItem, h as SelectLoader, g as SelectNoSearchResults, b as SelectSearchControl } from '../OrSelectV3-bb7f767d.js';
+export { S as Select, a as SelectControl, c as SelectDropdown, d as SelectDropdownDefault, e as SelectDropdownFlipped, f as SelectDropdownItem, h as SelectLoader, g as SelectNoSearchResults, b as SelectSearchControl } from '../OrSelectV3-b7448701.js';

package/dist/bundled/v3/components/{OrSelectV3-bb7f767d.js → OrSelectV3-b7448701.js}

@@ -1,5 +1,5 @@
 import { withDirectives, openBlock, createElementBlock, normalizeStyle, normalizeClass, vModelDynamic, renderSlot, resolveComponent, createVNode, createSlots, withCtx, createTextVNode, toDisplayString, createElementVNode, vShow, createBlock, createCommentVNode, Fragment, resolveDirective, withModifiers, renderList } from 'vue';
-import { defineComponent, ref, toRefs, computed, watch, nextTick, getCurrentInstance } from 'vue-demi';
+import { defineComponent, ref, toRefs, computed, watch, getCurrentInstance } from 'vue-demi';
 import { x as useFocus } from './OrAutocompleteV3-50cc3b22.js';
 import { useProxyModelValue } from '../hooks/useProxyModelValue.js';
 import { s as script$5, T as TagsOverflow } from './OrTagsV3-61415f93.js';
@@ -379,7 +379,6 @@ var script$1 = defineComponent({
     const searchControl = ref();
     const selectionLabelRef = ref();
     const tooltipRef = ref();
-    const isContentTruncated = ref(false);
     // Props
     const {
       modelValue,
@@ -398,14 +397,6 @@ var script$1 = defineComponent({
       var _a;
       return (_a = selection.value) === null || _a === void 0 ? void 0 : _a.label;
     });
-    /* NOTE: using watch here due to async action.
-    Computed don't work since we need not just to track the data but to analyze UI after the re-render */
-    watch(model, async () => {
-      await nextTick();
-      if (selectionLabelRef.value) {
-        isContentTruncated.value = selectionLabelRef.value.scrollWidth > selectionLabelRef.value.clientWidth;
-      }
-    });
     watch(() => props.isOpen, () => {
       var _a;
       (_a = tooltipRef.value) === null || _a === void 0 ? void 0 : _a.close();
@@ -428,6 +419,11 @@ var script$1 = defineComponent({
         searchControl.value.focus();
       }
     }
+    function checkTooltip() {
+      if (!selectionLabelRef.value) return; // to prevent fro TS error; normally ref will always be available here since the method is a mouse event callback
+      const isContentTruncated = selectionLabelRef.value.scrollWidth > selectionLabelRef.value.clientWidth;
+      if (isContentTruncated) openTooltip();
+    }
     return {
       root,
       rootStyles,
@@ -438,11 +434,11 @@ var script$1 = defineComponent({
       selectionLabel,
       focus,
       focused,
-      isContentTruncated,
       selectionLabelRef,
       tooltipRef,
       openTooltip,
-      closeTooltip
+      closeTooltip,
+      checkTooltip
     };
   }
 });
@@ -475,14 +471,13 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
   }, 8 /* PROPS */, ["disabled"])) : (openBlock(), createElementBlock("div", _hoisted_1$1, [createElementVNode("div", {
     ref: "selectionLabelRef",
     class: "truncate w-full",
-    onMouseenter: _cache[1] || (_cache[1] = (...args) => _ctx.openTooltip && _ctx.openTooltip(...args)),
-    onMouseleave: _cache[2] || (_cache[2] = $event => _ctx.tooltipRef && _ctx.tooltipRef.close())
-  }, toDisplayString(_ctx.selectionLabel), 545 /* TEXT, NEED_HYDRATION, NEED_PATCH */), _ctx.isContentTruncated ? (openBlock(), createBlock(_component_OrTooltip, {
-    key: 0,
+    onMouseenter: _cache[1] || (_cache[1] = (...args) => _ctx.checkTooltip && _ctx.checkTooltip(...args)),
+    onMouseleave: _cache[2] || (_cache[2] = (...args) => _ctx.closeTooltip && _ctx.closeTooltip(...args))
+  }, toDisplayString(_ctx.selectionLabel), 545 /* TEXT, NEED_HYDRATION, NEED_PATCH */), createVNode(_component_OrTooltip, {
     ref: "tooltipRef",
     content: _ctx.selectionLabel,
     trigger: _ctx.selectionLabelRef
-  }, null, 8 /* PROPS */, ["content", "trigger"])) : createCommentVNode("v-if", true)]))], 64 /* STABLE_FRAGMENT */))], 2 /* CLASS */);
+  }, null, 8 /* PROPS */, ["content", "trigger"])]))], 64 /* STABLE_FRAGMENT */))], 2 /* CLASS */);
 }
 
 script$1.render = render$1;

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

@@ -24,7 +24,7 @@ export { s as OrCombinedInputV3 } from './OrCombinedInputV3-ceff5a22.js';
 export { s as OrConfirm } from './OrConfirm-004d318a.js';
 export { C as ConfirmType, s as OrConfirmV3 } from './OrConfirmV3-7ed78857.js';
 export { default as OrContextMenuV3 } from './OrContextMenuV3/OrContextMenu.js';
-export { D as DataGridVariant, s as OrDataGridV3 } from './OrDataGridV3-054c0ff2.js';
+export { D as DataGridVariant, s as OrDataGridV3 } from './OrDataGridV3-61becb11.js';
 export { s as OrDateFormatV3 } from './OrDateFormatV3-10e372f9.js';
 export { s as OrDatePickerV3 } from './OrDatePickerV3-b7df1103.js';
 export { s as OrDateRangePickerV3 } from './OrDateRangePickerV3-90be16a0.js';
@@ -32,7 +32,7 @@ export { s as OrDateTimeFormatV3 } from './OrDateTimeFormatV3-295547f5.js';
 export { D as DEFAULT_TEXT, s as OrDateTimePicker, n as OrDateTimePickerItemTypes, O as OrDateTimePickerTypes } from './OrDateTimePicker-30ec840a.js';
 export { a as OrDateTimePickerDateControl, b as OrDateTimePickerDateSelect, c as OrDateTimePickerMobileControl, d as OrDateTimePickerMonthSelect, e as OrDateTimePickerPopoverFooter, g as OrDateTimePickerPopoverHeader, l as OrDateTimePickerTimeControl, m as OrDateTimePickerTimeSelect, s as OrDateTimePickerV3, f as formatDate, i as formatMobileDate, n as formatMobileTime, k as formatTime, h as getCurrentDate, j as getNextMonthDate } from './OrDateTimePickerV3-a996d0ed.js';
 export { D as DrawerPlacement, s as OrDrawerV3 } from './OrDrawerV3-28a3fff2.js';
-export { D as DropAreaSize, s as OrDropAreaV3, a as approximateFileSize } from './OrDropAreaV3-cf5ef7d5.js';
+export { D as DropAreaSize, s as OrDropAreaV3, a as approximateFileSize } from './OrDropAreaV3-a9883f18.js';
 export { E as EditorTabsOverflow, s as OrEditorTabsV3 } from './OrEditorTabsV3-dd261195.js';
 export { E as EmptyStateSize, s as OrEmptyStateV3 } from './OrEmptyStateV3-af47ab45.js';
 export { default as OrError } from './OrError/OrError.js';
@@ -93,7 +93,7 @@ export { default as OrSearch } from './OrSearch/OrSearch.js';
 export { default as OrSearchV3 } from './OrSearchV3/OrSearch.js';
 export { s as OrSegmentedControlV3, S as SegmentedControlSize } from './OrSegmentedControlV3-99c7f6ed.js';
 export { s as OrSelect } from './OrSelect-eebd1857.js';
-export { s as OrSelectV3 } from './OrSelectV3-bb7f767d.js';
+export { s as OrSelectV3 } from './OrSelectV3-b7448701.js';
 export { OrSidebar, OrSidebarSide } from './OrSidebar/index.js';
 export { s as OrSidebarV3, S as SidebarPlacement } from './OrSidebarV3-f0ed4bc9.js';
 export { s as OrSkeletonCircle, a as OrSkeletonRect, b as OrSkeletonText, O as OrSkeletonTextSizes } from './OrSkeleton-21203227.js';

package/dist/bundled/v3/index.js

@@ -16,13 +16,13 @@ export { s as OrCombinedInputV3 } from './components/OrCombinedInputV3-ceff5a22.
 export { s as OrConfirm } from './components/OrConfirm-004d318a.js';
 export { C as ConfirmType, s as OrConfirmV3 } from './components/OrConfirmV3-7ed78857.js';
 export { default as OrContextMenuV3 } from './components/OrContextMenuV3/OrContextMenu.js';
-export { D as DataGridVariant, s as OrDataGridV3 } from './components/OrDataGridV3-054c0ff2.js';
+export { D as DataGridVariant, s as OrDataGridV3 } from './components/OrDataGridV3-61becb11.js';
 export { s as OrDateFormatV3 } from './components/OrDateFormatV3-10e372f9.js';
 export { s as OrDateRangePickerV3 } from './components/OrDateRangePickerV3-90be16a0.js';
 export { s as OrDateTimeFormatV3 } from './components/OrDateTimeFormatV3-295547f5.js';
 export { D as DEFAULT_TEXT, s as OrDateTimePicker, n as OrDateTimePickerItemTypes, O as OrDateTimePickerTypes } from './components/OrDateTimePicker-30ec840a.js';
 export { D as DrawerPlacement, s as OrDrawerV3 } from './components/OrDrawerV3-28a3fff2.js';
-export { D as DropAreaSize, s as OrDropAreaV3, a as approximateFileSize } from './components/OrDropAreaV3-cf5ef7d5.js';
+export { D as DropAreaSize, s as OrDropAreaV3, a as approximateFileSize } from './components/OrDropAreaV3-a9883f18.js';
 export { E as EditorTabsOverflow, s as OrEditorTabsV3 } from './components/OrEditorTabsV3-dd261195.js';
 export { E as EmptyStateSize, s as OrEmptyStateV3 } from './components/OrEmptyStateV3-af47ab45.js';
 export { s as OrErrorTagV3 } from './components/OrErrorTagV3-1b00b9d5.js';
@@ -116,7 +116,7 @@ export { s as OrRatingV3, R as RatingVariant } from './components/OrRatingV3-e32
 export { s as OrResizeablePanelV3, R as ResizeablePanelPadding, a as ResizeablePanelPlacement } from './components/OrResizeablePanelV3-c512dde5.js';
 export { default as OrSearch } from './components/OrSearch/OrSearch.js';
 export { default as OrSearchV3 } from './components/OrSearchV3/OrSearch.js';
-export { s as OrSelectV3 } from './components/OrSelectV3-bb7f767d.js';
+export { s as OrSelectV3 } from './components/OrSelectV3-b7448701.js';
 export { s as OrSortingV3 } from './components/OrSortingV3-c7afa99b.js';
 export { s as OrSwitchV3 } from './components/OrSwitchV3-d504bd59.js';
 export { default as OrTabHeaderItem } from './components/OrTabHeaderItem/OrTabHeaderItem.js';

package/dist/esm/v2/{OrDataGrid-7dc6f16f.js → OrDataGrid-74589615.js}

@@ -5,7 +5,7 @@ import { _ as __vue_component__$h } from './OrSearch-3731baa5.js';
 import './OrSkeletonCircle.vue_rollup-plugin-vue_script-f572f02f.js';
 import './OrSkeletonRect.vue_rollup-plugin-vue_script-d2b78065.js';
 import { _ as __vue_component__$i } from './OrSkeletonText-b6e51e70.js';
-import { _ as __vue_component__$2, a as __vue_component__$3, b as __vue_component__$4, c as __vue_component__$5, d as __vue_component__$6, e as __vue_component__$7, f as __vue_component__$8, g as __vue_component__$9, h as __vue_component__$a, i as __vue_component__$b, j as __vue_component__$c, k as __vue_component__$d, l as __vue_component__$e, m as __vue_component__$f, D as DataGridVariant } from './OrDataGridToolbar-c414c8f2.js';
+import { _ as __vue_component__$2, a as __vue_component__$3, b as __vue_component__$4, c as __vue_component__$5, d as __vue_component__$6, e as __vue_component__$7, f as __vue_component__$8, g as __vue_component__$9, h as __vue_component__$a, i as __vue_component__$b, j as __vue_component__$c, k as __vue_component__$d, l as __vue_component__$e, m as __vue_component__$f, D as DataGridVariant } from './OrDataGridToolbar-303a4c3d.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 const DataGrid = [

package/dist/esm/v2/{OrDataGridToolbar-c414c8f2.js → OrDataGridToolbar-303a4c3d.js}

@@ -12,7 +12,7 @@ import { _ as __vue_component__$g } from './OrDateTimePicker-4fba136b.js';
 import './OrDateTimePickerTimeSelect-0ecb4686.js';
 import { _ as __vue_component__$h } from './OrInput-52c9e48e.js';
 import { _ as __vue_component__$i } from './OrRating-7c968949.js';
-import { _ as __vue_component__$j } from './OrSelect-cf1f8c43.js';
+import { _ as __vue_component__$j } from './OrSelect-5e6734f2.js';
 import { _ as __vue_component__$k } from './OrSwitch-783547da.js';
 import { _ as __vue_component__$l } from './OrTagInput-2dd90e11.js';
 import { _ as __vue_component__$m } from './OrTimePicker-db4774fb.js';

package/dist/esm/v2/{OrDropArea-7cf24c23.js → OrDropArea-78f52187.js}

@@ -119,6 +119,10 @@ var script = defineComponent({
     disabled: {
       type: Boolean,
       default: false
+    },
+    error: {
+      type: Boolean,
+      default: false
     }
   },
   emits: ['update:modelValue'],
@@ -135,13 +139,34 @@ var script = defineComponent({
     const constraintsStyles = computed(() => [...DropAreaConstraints]);
     // State
     const proxyModelValue = useProxyModelValue(toRef(props, 'modelValue'), context.emit);
+    const accept = computed(() => {
+      if (!props.fileTypes || !Array.isArray(props.fileTypes)) return '';
+      return props.fileTypes.join(',');
+    });
     const invalid = computed(() => {
-      if (props.fileTypes.length > 0 && proxyModelValue.value.some(file => !props.fileTypes.includes(file.type))) {
+      /* External error */
+      if (props.error) return true;
+      /* No validation provided */
+      if (!props.fileTypes) return false;
+      /* File type match: strict and non-strict MIME-type comparison */
+      if (props.fileTypes.length > 0 && proxyModelValue.value.some(file => {
+        let match = props.fileTypes.some(fileType => {
+          if (fileType.match(/\/\*$/)) {
+            const baseType = fileType.replace('/*', '');
+            return file.type.indexOf(baseType) !== -1;
+          } else {
+            return file.type === fileType;
+          }
+        });
+        return !match;
+      })) {
         return true;
       }
+      /* Files count */
       if (proxyModelValue.value.length > props.maxFiles) {
         return true;
       }
+      /* File size */
       if (proxyModelValue.value.some(file => file.size > props.maxFileSize)) {
         return true;
       }
@@ -165,6 +190,7 @@ var script = defineComponent({
       textEmphasisStyles,
       constraintsStyles,
       proxyModelValue,
+      accept,
       invalid,
       onChange,
       isDesktop,
@@ -193,7 +219,7 @@ var __vue_render__ = function () {
     class: _vm.controlStyles,
     attrs: {
       "type": 'file',
-      "accept": _vm.fileTypes.join(','),
+      "accept": _vm.accept,
       "multiple": _vm.maxFiles > 1,
       "disabled": _vm.disabled
     },

package/dist/esm/v2/{OrSelect-cf1f8c43.js → OrSelect-5e6734f2.js}

@@ -25,7 +25,7 @@ import { _ as __vue_component__$b } from './OrPopover-45e2dbce.js';
 import { T as TagsOverflow } from './OrTags-4b35fccf.js';
 import { _ as __vue_component__$e } from './OrLoader-25e123a1.js';
 import { _ as __vue_component__$c } from './OrSelectMultipleControl-aa5891fd.js';
-import { _ as __vue_component__$d } from './OrSelectSingleControl-ba3f3975.js';
+import { _ as __vue_component__$d } from './OrSelectSingleControl-450f2642.js';
 import './OrSelectPlaceholder-a6caa9e0.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';