@onereach/ui-components-vue2 21.7.0-beta.5412.0 → 22.0.0

package/dist/esm/{OrDateTimePicker-77357215.js → OrDateTimePicker-bde89acf.js}

@@ -1,6 +1,6 @@
 import { defineComponent, ref, computed, toRef, watch } from 'vue-demi';
 import { a, c } from './directives-0869d2a4.js';
-import { _, n as ne, K, e as ee } from './useValidationAttributes-C9_kxaDj-ee1d63dd.js';
+import { _, n as ne, K, e as ee, t as te } from './useValidationAttributes-C9_kxaDj-ee1d63dd.js';
 import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect, f as formatMobileDate } from './OrDateTimePickerMonthSelect-432edd73.js';
 import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader, g as getCurrentDate } from './OrDateTimePickerPopoverHeader-e2b3f8f2.js';
 import { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect, f as formatMobileTime } from './OrDateTimePickerTimeSelect-cc819da2.js';
@@ -21,7 +21,7 @@ const DateTimePicker = [
 'gap-xs'];
 const DateTimePickerDatePopover = [
 // Box
-'w-[298px]'];
+'w-[290px]'];
 const DateTimePickerTimePopover = [];
 
 var script = defineComponent({
@@ -150,7 +150,7 @@ 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 datePopoverStyles = computed(() => ['or-date-time-picker-date-popover-v3', ...(isMobile.value ? [] : DateTimePickerDatePopover)]);
     const timePopover = ref();
     const timePopoverState = computed(() => {
       var _a;
@@ -237,6 +237,10 @@ var script = defineComponent({
         popoverInstance.close();
       }
     }
+    // Helpers
+    const {
+      isMobile
+    } = te();
     return {
       root,
       rootStyles,
@@ -393,9 +397,7 @@ var __vue_render__ = function () {
     }
   }), _vm._v(" "), _c('OrPopover', {
     ref: 'datePopover',
-    class: _vm.datePopoverStyles,
     attrs: {
-      "custom-styles": _vm.datePopoverStyles,
       "variant": 'auto',
       "bottom-sheet-props": {
         variant: 'basic'
@@ -409,15 +411,17 @@ var __vue_render__ = function () {
         return _vm.reset();
       }
     }
+  }, [_c('div', {
+    class: _vm.datePopoverStyles
   }, [_c('OrDateTimePickerPopoverHeader', [_c('OrDateTimePickerMobileControl', {
     attrs: {
       "label": 'Date'
     }
-  }, [_vm._v("\n          " + _vm._s(_vm.draft ? _vm.formatMobileDate(_vm.draft, _vm.resolvedDateFormat, _vm.resolvedLocale) : '--') + "\n        ")]), _vm._v(" "), _c('OrDateTimePickerMobileControl', {
+  }, [_vm._v("\n            " + _vm._s(_vm.draft ? _vm.formatMobileDate(_vm.draft, _vm.resolvedDateFormat, _vm.resolvedLocale) : '--') + "\n          ")]), _vm._v(" "), _c('OrDateTimePickerMobileControl', {
     attrs: {
       "label": 'Time'
     }
-  }, [_vm._v("\n          " + _vm._s(_vm.draft ? _vm.formatMobileTime(_vm.draft, _vm.resolvedTimeFormat, _vm.resolvedLocale) : '--') + "\n        ")])], 1), _vm._v(" "), _c('OrDateTimePickerMonthSelect', {
+  }, [_vm._v("\n            " + _vm._s(_vm.draft ? _vm.formatMobileTime(_vm.draft, _vm.resolvedTimeFormat, _vm.resolvedLocale) : '--') + "\n          ")])], 1), _vm._v(" "), _c('OrDateTimePickerMonthSelect', {
     attrs: {
       "locale": _vm.resolvedLocale,
       "year-filter": _vm.yearFilter,
@@ -458,7 +462,7 @@ var __vue_render__ = function () {
         _vm.datePopover && _vm.datePopover.close();
       }
     }
-  })], 1), _vm._v(" "), _c('OrPopover', {
+  })], 1)]), _vm._v(" "), _c('OrPopover', {
     ref: 'timePopover',
     class: _vm.timePopoverStyles,
     attrs: {

package/dist/esm/components/index.js

@@ -24,7 +24,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 { O as OrDateTimePickerV3 } from '../OrDateTimePicker-77357215.js';
+export { O as OrDateTimePickerV3 } from '../OrDateTimePicker-bde89acf.js';
 export { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect, f as formatMobileDate } from '../OrDateTimePickerMonthSelect-432edd73.js';
 export { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader, g as getCurrentDate } from '../OrDateTimePickerPopoverHeader-e2b3f8f2.js';
 export { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect, f as formatMobileTime, s as scrollToElementWithinContainer } from '../OrDateTimePickerTimeSelect-cc819da2.js';

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

@@ -512,9 +512,7 @@ var __vue_render__ = function () {
     }
   }, 'input', _vm.attributes, false))])], _vm._v(" "), _c('OrPopover', {
     ref: 'popover',
-    class: _vm.dropdownStyles,
     attrs: {
-      "custom-styles": _vm.dropdownStyles,
       "trigger": _vm.tagInputRoot || _vm.inputBoxRoot,
       "placement": 'bottom',
       "offset": 0,
@@ -524,6 +522,8 @@ var __vue_render__ = function () {
         isFullscreen: true
       }
     }
+  }, [_c('div', {
+    class: _vm.dropdownStyles
   }, [_vm.isMobile ? [_c('div', {
     staticClass: "py-sm px-lg"
   }, [_vm.multiple ? _c('OrTagInput', {
@@ -544,7 +544,7 @@ var __vue_render__ = function () {
       fn: function (ref) {
         var item = ref.item;
         return [_vm._t("tag", function () {
-          return [_vm._v("\n              " + _vm._s(item.label) + "\n            ")];
+          return [_vm._v("\n                " + _vm._s(item.label) + "\n              ")];
         }, {
           "item": item
         })];
@@ -621,11 +621,11 @@ var __vue_render__ = function () {
         }
       }
     }, [_vm._t("item", function () {
-      return [_vm._v("\n          " + _vm._s(item) + "\n        ")];
+      return [_vm._v("\n            " + _vm._s(item) + "\n          ")];
     }, {
       "item": item
     })], 2);
-  }), 1)], 2), _vm._v(" "), _vm.$slots.hint || _vm.hint ? [_c('OrHint', {
+  }), 1)], 2)]), _vm._v(" "), _vm.$slots.hint || _vm.hint ? [_c('OrHint', {
     directives: [{
       name: "show",
       rawName: "v-show",

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

@@ -2,7 +2,7 @@ import { defineComponent, ref, computed, watch } from 'vue-demi';
 import { n as normalizeComponent } from '../../normalize-component-cf2db48b.js';
 import { OrCheckboxV3 as OrCheckbox } from '../or-checkbox-v3/index.js';
 import { OrDatePickerV3 as OrDatePicker } from '../or-date-picker-v3/index.js';
-import { O as OrDateTimePicker } from '../../OrDateTimePicker-77357215.js';
+import { O as OrDateTimePicker } from '../../OrDateTimePicker-bde89acf.js';
 import { OrInputV3 as OrInput } from '../or-input-v3/index.js';
 import { OrRatingV3 as OrRating } from '../or-rating-v3/index.js';
 import { OrSelectV3 as OrSelect } from '../or-select-v3/index.js';

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

@@ -1,6 +1,6 @@
 import { defineComponent, ref, computed, toRef, watch } from 'vue-demi';
 import { a, c } from '../../directives-0869d2a4.js';
-import { _, K, e as ee } from '../../useValidationAttributes-C9_kxaDj-ee1d63dd.js';
+import { _, K, e as ee, t as te } from '../../useValidationAttributes-C9_kxaDj-ee1d63dd.js';
 import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect, f as formatMobileDate } from '../../OrDateTimePickerMonthSelect-432edd73.js';
 import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader, g as getCurrentDate } from '../../OrDateTimePickerPopoverHeader-e2b3f8f2.js';
 import { OrErrorV3 as OrError } from '../or-error-v3/index.js';
@@ -38,7 +38,7 @@ const DatePicker = [
 'gap-xs'];
 const DatePickerPopover = [
 // Box
-'w-[298px]'];
+'w-[290px]'];
 
 var script = defineComponent({
   name: 'OrDatePicker',
@@ -144,7 +144,7 @@ var script = defineComponent({
       var _a;
       return (_a = popover.value) === null || _a === void 0 ? void 0 : _a.state;
     });
-    const popoverStyles = computed(() => ['or-date-picker-popover-v3', ...DatePickerPopover]);
+    const popoverStyles = computed(() => ['or-date-picker-popover-v3', ...(isMobile.value ? [] : DatePickerPopover)]);
     // Options
     const resolvedFormat = _(toRef(props, 'format'));
     const resolvedLocale = K(toRef(props, 'locale'));
@@ -194,6 +194,10 @@ var script = defineComponent({
         popoverInstance.close();
       }
     }
+    // Helpers
+    const {
+      isMobile
+    } = te();
     return {
       root,
       rootStyles,
@@ -317,9 +321,7 @@ var __vue_render__ = function () {
     }
   }), _vm._v(" "), _c('OrPopover', {
     ref: 'popover',
-    class: _vm.popoverStyles,
     attrs: {
-      "custom-styles": _vm.popoverStyles,
       "variant": 'auto',
       "bottom-sheet-props": {
         variant: 'basic'
@@ -333,12 +335,14 @@ var __vue_render__ = function () {
         return _vm.reset();
       }
     }
+  }, [_c('div', {
+    class: _vm.popoverStyles
   }, [_c('OrDateTimePickerPopoverHeader', [_c('OrDateTimePickerMobileControl', {
     attrs: {
       "label": 'Date',
       "selected": true
     }
-  }, [_vm._v("\n          " + _vm._s(_vm.draft ? _vm.formatMobileDate(_vm.draft, _vm.resolvedFormat, _vm.resolvedLocale) : '--') + "\n        ")])], 1), _vm._v(" "), _c('OrDateTimePickerMonthSelect', {
+  }, [_vm._v("\n            " + _vm._s(_vm.draft ? _vm.formatMobileDate(_vm.draft, _vm.resolvedFormat, _vm.resolvedLocale) : '--') + "\n          ")])], 1), _vm._v(" "), _c('OrDateTimePickerMonthSelect', {
     attrs: {
       "locale": _vm.resolvedLocale,
       "year-filter": _vm.yearFilter,
@@ -379,7 +383,7 @@ var __vue_render__ = function () {
         _vm.popover && _vm.popover.close();
       }
     }
-  })], 1), _vm._v(" "), _c('div', {
+  })], 1)]), _vm._v(" "), _c('div', {
     class: ['grow']
   })], 1), _vm._v(" "), _vm.$slots.hint || _vm.hint ? [_c('OrHint', {
     directives: [{

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

@@ -39,7 +39,7 @@ const DateRangePicker = [
 'gap-xs'];
 const DateRangePickerPopover = [
 // Box
-'w-[580px]'];
+'w-[572px]'];
 
 var script = defineComponent({
   name: 'OrDateRangePicker',
@@ -141,7 +141,7 @@ var script = defineComponent({
       var _a;
       return (_a = popover.value) === null || _a === void 0 ? void 0 : _a.state;
     });
-    const popoverStyles = computed(() => ['or-date-range-picker-popover-v3', ...DateRangePickerPopover]);
+    const popoverStyles = computed(() => ['or-date-range-picker-popover-v3', ...(isMobile.value ? [] : DateRangePickerPopover)]);
     // Options
     const resolvedFormat = _(toRef(props, 'format'));
     const resolvedLocale = K(toRef(props, 'locale'));
@@ -395,9 +395,7 @@ var __vue_render__ = function () {
     }
   }), _vm._v(" "), _c('OrPopover', {
     ref: 'popover',
-    class: _vm.popoverStyles,
     attrs: {
-      "custom-styles": _vm.popoverStyles,
       "variant": 'auto',
       "bottom-sheet-props": {
         variant: 'basic'
@@ -411,6 +409,8 @@ var __vue_render__ = function () {
         return _vm.reset();
       }
     }
+  }, [_c('div', {
+    class: _vm.popoverStyles
   }, [_c('OrDateTimePickerPopoverHeader', [_c('OrDateTimePickerMobileControl', {
     attrs: {
       "label": 'Start Date',
@@ -421,7 +421,7 @@ var __vue_render__ = function () {
         _vm.activeControl = 'from';
       }
     }
-  }, [_vm._v("\n          " + _vm._s(_vm.draftFrom ? _vm.formatMobileDate(_vm.draftFrom, _vm.resolvedFormat, _vm.resolvedLocale) : '--') + "\n        ")]), _vm._v("\n\n        -\n\n        "), _c('OrDateTimePickerMobileControl', {
+  }, [_vm._v("\n            " + _vm._s(_vm.draftFrom ? _vm.formatMobileDate(_vm.draftFrom, _vm.resolvedFormat, _vm.resolvedLocale) : '--') + "\n          ")]), _vm._v("\n\n          -\n\n          "), _c('OrDateTimePickerMobileControl', {
     attrs: {
       "label": 'End Date',
       "selected": _vm.activeControl === 'to'
@@ -431,7 +431,7 @@ var __vue_render__ = function () {
         _vm.activeControl = 'to';
       }
     }
-  }, [_vm._v("\n          " + _vm._s(_vm.draftTo ? _vm.formatMobileDate(_vm.draftTo, _vm.resolvedFormat, _vm.resolvedLocale) : '--') + "\n        ")])], 1), _vm._v(" "), _c('div', {
+  }, [_vm._v("\n            " + _vm._s(_vm.draftTo ? _vm.formatMobileDate(_vm.draftTo, _vm.resolvedFormat, _vm.resolvedLocale) : '--') + "\n          ")])], 1), _vm._v(" "), _c('div', {
     class: ['layout-row', 'gap-md']
   }, [_vm.isDesktop || _vm.isMobile && _vm.activeControl === 'from' ? [_c('div', {
     class: ['layout-column', 'grow']
@@ -515,7 +515,7 @@ var __vue_render__ = function () {
         _vm.popover && _vm.popover.close();
       }
     }
-  })], 1), _vm._v(" "), _c('div', {
+  })], 1)]), _vm._v(" "), _c('div', {
     class: ['grow']
   })], 1), _vm._v(" "), _vm.$slots.hint || _vm.hint ? [_c('OrHint', {
     directives: [{

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

@@ -1,4 +1,4 @@
-export { O as OrDateTimePickerV3 } from '../../OrDateTimePicker-77357215.js';
+export { O as OrDateTimePickerV3 } from '../../OrDateTimePicker-bde89acf.js';
 export { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect, f as formatMobileDate } from '../../OrDateTimePickerMonthSelect-432edd73.js';
 export { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader, g as getCurrentDate } from '../../OrDateTimePickerPopoverHeader-e2b3f8f2.js';
 export { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect, f as formatMobileTime, s as scrollToElementWithinContainer } from '../../OrDateTimePickerTimeSelect-cc819da2.js';

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

@@ -142,7 +142,7 @@ var script = defineComponent({
       var _a, _b, _c;
       return (_a = props.value) !== null && _a !== void 0 ? _a : ((_b = props.progress) !== null && _b !== void 0 ? _b : 0) * ((_c = props.maxValue) !== null && _c !== void 0 ? _c : 1);
     });
-    const percent = computed(() => (localProgress.value * 100).toFixed(props.precision) + '%');
+    const percent = computed(() => Number((localProgress.value * 100).toFixed(props.precision)) + '%');
     const isLinearType = computed(() => props.type === ProgressType.Linear);
     const isCircleType = computed(() => props.type === ProgressType.Circle);
     const isShowingHeader = computed(() => !!headerSlot || !!labelSlot || !!percentSlot);

package/dist/esm/components/or-rich-tooltip-v3/index.js

@@ -142,9 +142,7 @@ var __vue_render__ = function () {
     }
   }, [_vm._t("default"), _vm._v(" "), _vm.$slots['header'] || _vm.$slots['content'] || _vm.$slots['footer'] ? [_c('OrPopover', {
     ref: 'popover',
-    class: _vm.popoverStyles,
     attrs: {
-      "custom-styles": _vm.popoverStyles,
       "is-open": _vm.state === 'open',
       "variant": 'popover',
       "trigger": _vm.root,
@@ -157,13 +155,15 @@ var __vue_render__ = function () {
         $event === 'open' ? _vm.open() : _vm.close();
       }
     }
+  }, [_c('div', {
+    class: _vm.popoverStyles
   }, [_vm.$slots['header'] ? [_c('div', {
     class: _vm.headerStyles
   }, [_vm._t("header")], 2)] : _vm._e(), _vm._v(" "), _vm.$slots['content'] ? [_c('div', {
     class: _vm.contentStyles
   }, [_vm._t("content")], 2)] : _vm._e(), _vm._v(" "), _vm.$slots['footer'] ? [_c('div', {
     class: _vm.footerStyles
-  }, [_vm._t("footer")], 2)] : _vm._e()], 2)] : _vm._e()], 2);
+  }, [_vm._t("footer")], 2)] : _vm._e()], 2)])] : _vm._e()], 2);
 };
 var __vue_staticRenderFns__ = [];
 

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

@@ -908,7 +908,7 @@ var script = defineComponent({
     const searchControlStyles = computed(() => [...SelectSearchControl]);
     const dropdownStyles = computed(() => {
       var _a;
-      return ['or-select-popover-v3', ...SelectDropdown, ...(((_a = popover.value) === null || _a === void 0 ? void 0 : _a.isFlipped) ? SelectDropdownFlipped : SelectDropdownDefault)];
+      return ['or-select-popover-v3', ...(isMobile.value ? [] : [...SelectDropdown, ...(((_a = popover.value) === null || _a === void 0 ? void 0 : _a.isFlipped) ? SelectDropdownFlipped : SelectDropdownDefault)])];
     });
     const dropdownContainerStyles = computed(() => [isMobile.value ? 'layout-column' : 'contains', bottomSheetFullscreen.value ? 'overflow-y-auto' : 'overflow-hidden']);
     const dropdownItemStyles = computed(() => [...SelectDropdownItem, ...(props.multiple ? SelectDropdownItemPaddingMultiple : SelectDropdownItemPaddingSingle), ...(isMobile.value ? SelectDropdownItemPaddingMultipleMobile : [])]);
@@ -1180,9 +1180,7 @@ var __vue_render__ = function () {
     }
   })], 2), _vm._v(" "), _c('OrPopover', {
     ref: 'popover',
-    class: _vm.dropdownStyles,
     attrs: {
-      "custom-styles": _vm.dropdownStyles,
       "variant": 'auto',
       "trigger": _vm.anchor || _vm.inputBoxRoot,
       "placement": 'bottom',
@@ -1190,6 +1188,8 @@ var __vue_render__ = function () {
       "full-width": true,
       "disable-default-styles": true
     }
+  }, [_c('div', {
+    class: _vm.dropdownStyles
   }, [_vm.popoverState === 'open' && _vm.enableSearch && _vm.isMobile ? [_c('OrInput', {
     ref: 'searchControl',
     class: _vm.searchControlStyles,
@@ -1266,7 +1266,7 @@ var __vue_render__ = function () {
           }
         }
       }, [_vm._t("optionTemplate", function () {
-        return [_vm._v("\n                    " + _vm._s(option.label) + "\n                  ")];
+        return [_vm._v("\n                      " + _vm._s(option.label) + "\n                    ")];
       }, {
         "model": _vm.proxyModelValue,
         "option": option
@@ -1301,7 +1301,7 @@ var __vue_render__ = function () {
         }
       }
     }, [_vm._t("optionTemplate", function () {
-      return [_vm._v("\n                      " + _vm._s(option.label) + "\n                    ")];
+      return [_vm._v("\n                        " + _vm._s(option.label) + "\n                      ")];
     }, {
       "model": _vm.proxyModelValue,
       "option": option
@@ -1323,7 +1323,7 @@ var __vue_render__ = function () {
         }
       }
     }, [_vm._t("optionTemplate", function () {
-      return [_vm._v("\n                  " + _vm._s(option.label) + "\n                ")];
+      return [_vm._v("\n                    " + _vm._s(option.label) + "\n                  ")];
     }, {
       "model": _vm.proxyModelValue,
       "option": option
@@ -1331,10 +1331,10 @@ var __vue_render__ = function () {
   })]] : [_c('div', {
     class: _vm.noSearchResultsStyles
   }, [_vm._t("noSearchResultsTemplate", function () {
-    return [_vm._v("\n              No results\n            ")];
+    return [_vm._v("\n                No results\n              ")];
   }, {
     "searchText": _vm.searchText
-  })], 2)]], 2)], 2)], 1), _vm._v(" "), _vm.$slots.hint || _vm.hint ? [_c('OrHint', {
+  })], 2)]], 2)], 2)])], 1), _vm._v(" "), _vm.$slots.hint || _vm.hint ? [_c('OrHint', {
     directives: [{
       name: "show",
       rawName: "v-show",

package/dist/esm/index.js

@@ -30,7 +30,7 @@ export { OrDateFormatV3 } from './components/or-date-format-v3/index.js';
 export { OrDatePickerV3 } from './components/or-date-picker-v3/index.js';
 export { OrDateRangePickerV3 } from './components/or-date-range-picker-v3/index.js';
 export { OrDateTimeFormatV3 } from './components/or-date-time-format-v3/index.js';
-export { O as OrDateTimePickerV3 } from './OrDateTimePicker-77357215.js';
+export { O as OrDateTimePickerV3 } from './OrDateTimePicker-bde89acf.js';
 export { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect, f as formatMobileDate } from './OrDateTimePickerMonthSelect-432edd73.js';
 export { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader, g as getCurrentDate } from './OrDateTimePickerPopoverHeader-e2b3f8f2.js';
 export { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect, f as formatMobileTime, s as scrollToElementWithinContainer } from './OrDateTimePickerTimeSelect-cc819da2.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onereach/ui-components-vue2",
-  "version": "21.7.0-beta.5412.0",
+  "version": "22.0.0",
   "description": "Vue components library for v2",
   "license": "Apache-2.0",
   "sideEffects": false,
@@ -40,8 +40,8 @@
     "@codemirror/view": "^6",
     "@floating-ui/dom": "1.5.3",
     "@lezer/highlight": "*",
-    "@onereach/styles": "^21.6.1",
-    "@onereach/ui-components-common": "^21.6.1",
+    "@onereach/styles": "^22.0.0",
+    "@onereach/ui-components-common": "^22.0.0",
     "@splidejs/splide": "4.0.6",
     "@tiptap/core": "2.0.3",
     "@tiptap/extension-blockquote": "2.0.3",
@@ -102,5 +102,6 @@
   "publishConfig": {
     "access": "public"
   },
-  "npmUnpacked": "4.15.2"
+  "npmUnpacked": "4.15.2",
+  "gitHead": "dcc3ba529b0e4993feee31f97e9b08541cf1a18e"
 }