@onereach/ui-components 21.0.0 → 21.0.1

package/dist/esm/components/index.js

@@ -23,7 +23,7 @@ export { OrDateFormatV3 } from './or-date-format-v3/index.js';
 export { OrDatePickerV3 } from './or-date-picker-v3/index.js';
 export { OrDateRangePickerV3 } from './or-date-range-picker-v3/index.js';
 export { OrDateTimeFormatV3 } from './or-date-time-format-v3/index.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, o as scrollToElementWithinContainer } from './OrDateTimePickerV3-7c471714.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, o as scrollToElementWithinContainer } from './OrDateTimePickerV3-7b24568c.js';
 export { DrawerPlacement, OrDrawerV3 } from './or-drawer-v3/index.js';
 export { DropAreaSize, OrDropAreaV3, approximateFileSize } from './or-drop-area-v3/index.js';
 export { E as EditorTabsOverflow, s as OrEditorTabsV3 } from './OrEditorTabsV3-cbe58a9e.js';

package/dist/esm/components/or-data-grid-v3/index.js

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed, openBlock, createElementBlock, normalizeClass, renderSlot, createCommentVNode, resolveComponent, normalizeStyle, Fragment, createBlock, watch, createElementVNode, createVNode, mergeProps, withCtx, createSlots, normalizeProps, guardReactiveProps, renderList, createTextVNode, toDisplayString } from 'vue';
 import { OrCheckboxV3 as script$h } from '../or-checkbox-v3/index.js';
 import { OrDatePickerV3 as script$i } from '../or-date-picker-v3/index.js';
-import { s as script$j } from '../OrDateTimePickerV3-7c471714.js';
+import { s as script$j } from '../OrDateTimePickerV3-7b24568c.js';
 import { OrInputV3 as script$k } from '../or-input-v3/index.js';
 import { OrRatingV3 as script$l } from '../or-rating-v3/index.js';
 import { OrSelectV3 as script$m } from '../or-select-v3/index.js';

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

@@ -1,6 +1,6 @@
 import { defineComponent, ref, computed, toRef, openBlock, createElementBlock, normalizeClass, Fragment, createTextVNode, toDisplayString } from 'vue';
 import { G, e as X } from '../OrAutocompleteV3-961163d0.js';
-import { f as formatDate } from '../OrDateTimePickerV3-7c471714.js';
+import { f as formatDate } from '../OrDateTimePickerV3-7b24568c.js';
 import '@vueuse/core';
 import '@onereach/styles/screens.json';
 import '@onereach/styles/tailwind.config.json';

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

@@ -1,6 +1,6 @@
 import { defineComponent, ref, computed, toRef, watch, resolveComponent, resolveDirective, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, withDirectives, withModifiers, createVNode, vShow, createElementVNode } from 'vue';
 import { s, f as c, G, e as X, r as re } from '../OrAutocompleteV3-961163d0.js';
-import { a as script$1, b as script$2, c as script$3, d as script$4, e as script$5, g as script$6, h as getCurrentDate, i as formatMobileDate } from '../OrDateTimePickerV3-7c471714.js';
+import { a as script$1, b as script$2, c as script$3, d as script$4, e as script$5, g as script$6, h as getCurrentDate, i as formatMobileDate } from '../OrDateTimePickerV3-7b24568c.js';
 import { OrErrorV3 as script$7 } from '../or-error-v3/index.js';
 import { OrHintV3 as script$8 } from '../or-hint-v3/index.js';
 import { OrIconV3 as script$9 } from '../or-icon-v3/index.js';

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

@@ -1,6 +1,6 @@
 import { defineComponent, ref, computed, toRef, watch, resolveComponent, resolveDirective, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, withDirectives, withModifiers, createVNode, createElementVNode, vShow } from 'vue';
 import { s, f as c, G, e as X, r as re, n as ne } from '../OrAutocompleteV3-961163d0.js';
-import { a as script$1, b as script$2, c as script$3, d as script$4, e as script$5, g as script$6, h as getCurrentDate, j as getNextMonthDate, i as formatMobileDate } from '../OrDateTimePickerV3-7c471714.js';
+import { a as script$1, b as script$2, c as script$3, d as script$4, e as script$5, g as script$6, h as getCurrentDate, j as getNextMonthDate, i as formatMobileDate } from '../OrDateTimePickerV3-7b24568c.js';
 import { OrErrorV3 as script$7 } from '../or-error-v3/index.js';
 import { OrHintV3 as script$8 } from '../or-hint-v3/index.js';
 import { OrIconV3 as script$9 } from '../or-icon-v3/index.js';

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

@@ -1,6 +1,6 @@
 import { defineComponent, ref, computed, toRef, openBlock, createElementBlock, normalizeClass, Fragment, createTextVNode, toDisplayString } from 'vue';
 import { G, g as se, e as X } from '../OrAutocompleteV3-961163d0.js';
-import { f as formatDate, k as formatTime } from '../OrDateTimePickerV3-7c471714.js';
+import { f as formatDate, k as formatTime } from '../OrDateTimePickerV3-7b24568c.js';
 import '@vueuse/core';
 import '@onereach/styles/screens.json';
 import '@onereach/styles/tailwind.config.json';

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

@@ -1,4 +1,4 @@
-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, o as scrollToElementWithinContainer } from '../OrDateTimePickerV3-7c471714.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, o as scrollToElementWithinContainer } from '../OrDateTimePickerV3-7b24568c.js';
 import 'vue';
 import '../OrAutocompleteV3-961163d0.js';
 import '@vueuse/core';

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

@@ -1,10 +1,10 @@
+import { n as ne, t as te } from '../OrAutocompleteV3-961163d0.js';
 import { defineComponent, ref, computed, openBlock, createElementBlock, normalizeClass, renderSlot, resolveComponent, createElementVNode, createVNode, withModifiers, toRef, createBlock, withCtx, mergeProps, createCommentVNode } from 'vue';
-import { t as te } from '../OrAutocompleteV3-961163d0.js';
-import { OrIconButtonV3 as script$4 } from '../or-icon-button-v3/index.js';
-import { OrOverlayV3 as script$5 } from '../or-overlay-v3/index.js';
 import '@vueuse/core';
 import '@onereach/styles/screens.json';
 import '@onereach/styles/tailwind.config.json';
+import { OrIconButtonV3 as script$4 } from '../or-icon-button-v3/index.js';
+import { OrOverlayV3 as script$5 } from '../or-overlay-v3/index.js';
 import '../or-error-v3/index.js';
 import '../or-hint-v3/index.js';
 import '../or-input-box-v3/index.js';
@@ -104,11 +104,15 @@ var script$1 = defineComponent({
   setup() {
     // Refs
     const root = ref();
+    const {
+      isMobile
+    } = ne();
     // Styles
     const rootStyles = computed(() => ['or-modal-header', ...ModalHeader]);
     return {
       root,
-      rootStyles
+      rootStyles,
+      isMobile
     };
   }
 });
@@ -123,9 +127,9 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
     class: normalizeClass(_ctx.rootStyles)
   }, [createElementVNode("div", _hoisted_1, [renderSlot(_ctx.$slots, "default")]), createVNode(_component_OrIconButton, {
     icon: 'close',
-    size: 'l',
+    size: _ctx.isMobile ? 'l' : 'xl',
     onClick: _cache[0] || (_cache[0] = withModifiers($event => _ctx.$emit('close'), ["stop"]))
-  })], 2 /* CLASS */);
+  }, null, 8 /* PROPS */, ["size"])], 2 /* CLASS */);
 }
 
 script$1.render = render$1;

package/dist/esm/components/or-modal-v3/partials/or-modal-header/OrModalHeader.vue.d.ts

@@ -1,6 +1,7 @@
 declare const _default: import("vue").DefineComponent<{}, {
     root: import("vue").Ref<HTMLElement | undefined>;
     rootStyles: import("vue").ComputedRef<string[]>;
+    isMobile: import("vue").ComputedRef<boolean>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "close"[], "close", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>> & {
     onClose?: ((...args: any[]) => any) | undefined;
 }, {}, {}>;

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

@@ -1,6 +1,6 @@
 import { defineComponent, ref, computed, toRef, openBlock, createElementBlock, normalizeClass, Fragment, createTextVNode, toDisplayString } from 'vue';
 import { g as se, e as X } from '../OrAutocompleteV3-961163d0.js';
-import { k as formatTime } from '../OrDateTimePickerV3-7c471714.js';
+import { k as formatTime } from '../OrDateTimePickerV3-7b24568c.js';
 import '@vueuse/core';
 import '@onereach/styles/screens.json';
 import '@onereach/styles/tailwind.config.json';

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

@@ -1,6 +1,6 @@
 import { defineComponent, ref, computed, toRef, watch, resolveComponent, resolveDirective, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, withDirectives, withModifiers, createVNode, vShow, createElementVNode } from 'vue';
 import { s, f as c, g as se, e as X, r as re } from '../OrAutocompleteV3-961163d0.js';
-import { c as script$1, e as script$2, g as script$3, l as script$4, m as script$5, h as getCurrentDate, n as formatMobileTime } from '../OrDateTimePickerV3-7c471714.js';
+import { c as script$1, e as script$2, g as script$3, l as script$4, m as script$5, h as getCurrentDate, n as formatMobileTime } from '../OrDateTimePickerV3-7b24568c.js';
 import { OrErrorV3 as script$6 } from '../or-error-v3/index.js';
 import { OrHintV3 as script$7 } from '../or-hint-v3/index.js';
 import { OrIconV3 as script$8 } from '../or-icon-v3/index.js';

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

@@ -1,6 +1,6 @@
 import { defineComponent, ref, computed, toRef, watch, resolveComponent, resolveDirective, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, withDirectives, withModifiers, createVNode, createElementVNode, vShow } from 'vue';
 import { s, f as c, g as se, e as X, r as re, n as ne } from '../OrAutocompleteV3-961163d0.js';
-import { c as script$1, e as script$2, g as script$3, l as script$4, m as script$5, h as getCurrentDate, n as formatMobileTime } from '../OrDateTimePickerV3-7c471714.js';
+import { c as script$1, e as script$2, g as script$3, l as script$4, m as script$5, h as getCurrentDate, n as formatMobileTime } from '../OrDateTimePickerV3-7b24568c.js';
 import { OrErrorV3 as script$6 } from '../or-error-v3/index.js';
 import { OrHintV3 as script$7 } from '../or-hint-v3/index.js';
 import { OrIconV3 as script$8 } from '../or-icon-v3/index.js';

package/dist/esm/index.js

@@ -1,6 +1,6 @@
 export { w as CODE_BACKSPACE, x as CODE_BREAK, y as CODE_DELETE, z as CODE_DOWN, A as CODE_END, B as CODE_ENTER, C as CODE_ESC, E as CODE_HOME, I as CODE_LEFT, L as CODE_PAGEDOWN, O as CODE_PAGEUP, U as CODE_RIGHT, Q as CODE_SPACE, V as CODE_UP, S as DATE_FORMAT, T as DateFormat, s as DropdownClose, f as DropdownOpen, W as HSL_LIMITS, Y as LOCALE, v as OrAutocompleteV3, Z as PLACEMENT_BOTTOM_END, _ as PLACEMENT_BOTTOM_START, a0 as PLACEMENT_LEFT_END, a1 as PLACEMENT_LEFT_START, a2 as PLACEMENT_RIGHT_END, a3 as PLACEMENT_RIGHT_START, a4 as PLACEMENT_TOP_END, a5 as PLACEMENT_TOP_START, a6 as RX_ABBREVIATION_FROM_STRING, a7 as RX_ARRAY_NOTATION, a8 as RX_BV_PREFIX, a9 as RX_DATE, aa as RX_DATE_SPLIT, ab as RX_DIGITS, ac as RX_ENCODED_COMMA, ad as RX_ENCODE_REVERSE, ae as RX_EXTENSION, af as RX_HASH, ag as RX_HASH_ID, ah as RX_HREF, ai as RX_HTML_TAGS, aj as RX_HYPHENATE, ak as RX_LONG_COLOR, al as RX_LOWER_UPPER, am as RX_NUMBER, an as RX_PLUS, ao as RX_QUERY_START, ap as RX_REGEXP_REPLACE, aq as RX_SHORT_COLOR, ar as RX_SPACES, as as RX_SPACE_SPLIT, at as RX_STAR, au as RX_START_SPACE_WORD, av as RX_TIME, aw as RX_TRIM_LEFT, ax as RX_TRIM_RIGHT, ay as RX_UNDERSCORE, az as RX_UN_KEBAB, aA as TIME_FORMAT, h as TimeFormat, P as exclude, aB as extractCssVarName, X as flattenDeep, aC as generateColorFromString, i as generateHslFromString, aD as getAbbreviation, aE as getHashOfString, aF as getPageElevations, aG as hexToRgb, D as hslToColorString, H as include, p as isAncestor, c as isArray, aH as isDescendant, $ as isEmpty, m as isEqual, l as isNil, aI as isNull, aJ as isNumber, R as isObject, aK as isString, b as isUndefined, aL as isVisible, aM as normalize, M as pxToRem, aN as requestAF, aO as rgbToHex, F as toArray, k as useControlAttributes, G as useDateFormat, J as useDateMask, K as useElevation, N as useIdAttribute, e as useLocale, q as useOverflow, t as usePopoverState, r as useProxyModelValue, n as useResponsive, u as useTheme, g as useTimeFormat, o as useTimeMask, aP as useToggle, d as useValidationAttributes } from './components/OrAutocompleteV3-961163d0.js';
 export { E as EditorTabsOverflow, s as OrEditorTabsV3, a as getItemByValue, m as getItemsByValue, l as searchItemsByLabel } from './components/OrEditorTabsV3-cbe58a9e.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, p as Spacing, f as formatDate, i as formatMobileDate, n as formatMobileTime, k as formatTime, h as getCurrentDate, j as getNextMonthDate, o as scrollToElementWithinContainer } from './components/OrDateTimePickerV3-7c471714.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, p as Spacing, f as formatDate, i as formatMobileDate, n as formatMobileTime, k as formatTime, h as getCurrentDate, j as getNextMonthDate, o as scrollToElementWithinContainer } from './components/OrDateTimePickerV3-7b24568c.js';
 export { AvatarColor, AvatarSize, OrAvatarV3 } from './components/or-avatar-v3/index.js';
 export { OrButtonGroupV3 } from './components/or-button-group-v3/index.js';
 export { CardCollectionView, OrCardCollectionV3, defaultViewModes, gridView, listView } from './components/or-card-collection-v3/index.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onereach/ui-components",
-  "version": "21.0.0",
+  "version": "21.0.1",
   "description": "Vue components library for v3",
   "sideEffects": false,
   "exports": {
@@ -44,8 +44,8 @@
     "@codemirror/view": "^6",
     "@floating-ui/dom": "1.5.3",
     "@lezer/highlight": "*",
-    "@onereach/styles": "^21.0.0",
-    "@onereach/ui-components-common": "^21.0.0",
+    "@onereach/styles": "^21.0.1",
+    "@onereach/ui-components-common": "^21.0.1",
     "@splidejs/splide": "4.0.6",
     "@tiptap/core": "2.0.3",
     "@tiptap/extension-blockquote": "2.0.3",
@@ -102,5 +102,5 @@
     "access": "public"
   },
   "npmUnpacked": "4.15.2",
-  "gitHead": "1b0b3229bd78b1c713901758e3bab1567d899cd6"
+  "gitHead": "f95337d592ce13a53032c77552666e097cd40d23"
 }

package/dist/esm/components/{OrDateTimePickerV3-7c471714.js → OrDateTimePickerV3-7b24568c.js}

@@ -11,6 +11,8 @@ import { OrHintV3 as script$g } from './or-hint-v3/index.js';
 import { OrInputBoxV3 as script$h, InputBoxVariant } from './or-input-box-v3/index.js';
 import { OrPopoverV3 as script$i } from './or-popover-v3/index.js';
 
+var m = /* @__PURE__ */ ((r) => (r.XS = "xs", r.SM = "sm", r.MD = "md", r.LG = "lg", r.XL = "xl", r))(m || {});
+
 const formatDate = (value, format, locale) => {
   if (typeof format === 'function') {
     return format(value, locale);
@@ -28,8 +30,6 @@ const formatMobileDate = (value, format, locale) => {
   });
 };
 
-var m = /* @__PURE__ */ ((r) => (r.XS = "xs", r.SM = "sm", r.MD = "md", r.LG = "lg", r.XL = "xl", r))(m || {});
-
 const formatMobileTime = (value, format, locale) => {
   return value.toLocaleString(locale, {
     timeStyle: 'short',