@onereach/ui-components 4.16.2-beta.3086.0 → 4.17.0

package/dist/esm/v3/hooks/useResponsive/index.js

@@ -1,3 +1,3 @@
-export { u as useResponsive } from '../../useResponsive-bb091958.js';
+export { u as useResponsive } from '../../useResponsive-a02e95b7.js';
 import '@vueuse/core';
 import 'vue-demi';

package/dist/esm/v3/hooks/useResponsive/useResponsive.d.ts

@@ -1,6 +1,5 @@
-import { Ref } from 'vue-demi';
-declare function useResponsive(element: Ref<HTMLElement | undefined>): {
-    isDesktop: import("vue-demi").ComputedRef<boolean>;
-    isMobile: import("vue-demi").ComputedRef<boolean>;
+declare function useResponsive(): {
+    isMobile: import("vue-demi").Ref<boolean>;
+    isDesktop: import("vue-demi").Ref<boolean>;
 };
 export default useResponsive;

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

@@ -1,5 +1,4 @@
 export * from './components';
 export * from './directives';
 export * from './hooks';
-export * from './utils/functions/text';
-export { default as flattenDeep } from './utils/functions/flattenDeep';
+export * from './utils';

package/dist/esm/v3/index.js

@@ -1,84 +1,84 @@
-export { O as OR_AVATAR_SIZE, s as OrAvatar } from './OrAvatar-6e998746.js';
-export { a as AvatarColor, A as AvatarSize, s as OrAvatarV3 } from './OrAvatar-3ccb5f60.js';
+export { O as OR_AVATAR_SIZE, s as OrAvatar } from './OrAvatar-c1b2339e.js';
+export { a as AvatarColor, A as AvatarSize, s as OrAvatarV3 } from './OrAvatar-07fe6686.js';
 export { B as BottomSheetVariant, s as OrBottomSheetV3 } from './OrBottomSheet-2d3d91ef.js';
-export { s as OrButton, a as OrButtonColors, b as OrButtonSizes, O as OrButtonViews } from './OrButton-0082a3ce.js';
-export { s as OrButtonV2 } from './OrButton-78a118d7.js';
-export { a as BUTTON_COLOR, c as BUTTON_LOADER_TYPE, b as BUTTON_SIZE, B as BUTTON_TYPE, I as ICON_BUTTON_TYPE, s as OrIconButton, s as OrIconButtonV2 } from './OrIconButton-ad0cbc8d.js';
+export { s as OrButton, a as OrButtonColors, b as OrButtonSizes, O as OrButtonViews } from './OrButton-9118c20e.js';
+export { s as OrButtonV2 } from './OrButton-130ad8d9.js';
+export { a as BUTTON_COLOR, c as BUTTON_LOADER_TYPE, b as BUTTON_SIZE, B as BUTTON_TYPE, I as ICON_BUTTON_TYPE, s as OrIconButton, s as OrIconButtonV2 } from './OrIconButton-287bb86a.js';
 export { a as ButtonColor, b as ButtonType, B as ButtonVariant, s as OrButtonV3 } from './OrButton-c2b6aa9e.js';
 export { s as OrCard } from './OrCard-e3a5aea4.js';
-export { C as CARD_COLLECTION_LAYOUT, s as OrCardCollection } from './OrCardCollection-b9218f98.js';
-export { D as DefaultCardCollectionViews, s as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from './OrCardCollection-375d22c0.js';
+export { C as CARD_COLLECTION_LAYOUT, s as OrCardCollection } from './OrCardCollection-8c81a2d5.js';
+export { D as DefaultCardCollectionViews, s as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from './OrCardCollection-6352565a.js';
 export { s as OrCardV3 } from './OrCard-cc82902c.js';
-export { s as OrCheckbox } from './OrCheckbox-72ae9748.js';
-export { s as OrCheckboxGroupV3 } from './OrCheckboxGroup-92f6ef31.js';
-export { s as OrCheckboxTreeV3, f as flattenDeep } from './OrCheckboxTree-51bd4e21.js';
-export { s as OrCheckboxV3 } from './OrCheckbox-494a8d9e.js';
-export { s as OrChip } from './OrChip-857982e0.js';
-export { s as OrChips } from './OrChips-053f3a92.js';
-export { s as OrCode, O as OrCodeLanguages } from './OrCode-2f8cdf96.js';
-export { C as CodeLanguage, s as OrCodeV3 } from './OrCode-491e282a.js';
-export { s as OrCollapse } from './OrCollapse-a06f22aa.js';
-export { s as OrColorPicker, h as amber, n as black, b as blue, m as blueGrey, k as brown, c as cyan, j as deepOrange, d as deepPurple, g as green, i as indigo, l as lightBlue, e as lightGreen, f as lime, o as orange, p as pink, a as purple, r as red, t as teal, w as white, y as yellow } from './OrColorPicker-475c0be4.js';
+export { s as OrCheckbox } from './OrCheckbox-5666c954.js';
+export { s as OrCheckboxGroupV3 } from './OrCheckboxGroup-e0afc5c3.js';
+export { s as OrCheckboxTreeV3 } from './OrCheckboxTree-76f1b7ed.js';
+export { s as OrCheckboxV3 } from './OrCheckbox-09f62aab.js';
+export { s as OrChip } from './OrChip-74e27265.js';
+export { s as OrChips } from './OrChips-348b13e4.js';
+export { s as OrCode, O as OrCodeLanguages } from './OrCode-0aadc737.js';
+export { C as CodeLanguage, s as OrCodeV3 } from './OrCode-01a2a0fe.js';
+export { s as OrCollapse } from './OrCollapse-d7c0afae.js';
+export { s as OrColorPicker, h as amber, n as black, b as blue, m as blueGrey, k as brown, c as cyan, j as deepOrange, d as deepPurple, g as green, i as indigo, l as lightBlue, e as lightGreen, f as lime, o as orange, p as pink, a as purple, r as red, t as teal, w as white, y as yellow } from './OrColorPicker-252f482b.js';
 export { s as OrCombinedInputV3 } from './OrCombinedInput-2800ee8b.js';
 export { I as CombinedInputSize, I as DatePickerSize, I as DateTimePickerSize, I as InputBoxSize, a as InputBoxVariant, I as InputSize, s as OrInputBoxV3, I as SearchSize, I as SelectSize, I as TagInputSize, I as TextareaSize, I as TimePickerSize } from './OrInputBox-912a6254.js';
-export { s as OrConfirm } from './OrConfirm-704f817e.js';
-export { C as ConfirmType, s as OrConfirmV3 } from './OrConfirm-5f955181.js';
-export { s as OrDatePickerV3 } from './OrDatePicker-646c06c3.js';
-export { D as DEFAULT_TEXT, s as OrDateTimePicker, a as OrDateTimePickerItemTypes, O as OrDateTimePickerTypes } from './OrDateTimePicker-c19dcefc.js';
-export { D as DateTimePickerTimeFormat, s as OrDateTimePickerV3, D as TimePickerFormat } from './OrDateTimePicker-09b297bd.js';
+export { s as OrConfirm } from './OrConfirm-97ab80b9.js';
+export { C as ConfirmType, s as OrConfirmV3 } from './OrConfirm-646b9ec3.js';
+export { s as OrDatePickerV3 } from './OrDatePicker-6349f608.js';
+export { D as DEFAULT_TEXT, s as OrDateTimePicker, a as OrDateTimePickerItemTypes, O as OrDateTimePickerTypes } from './OrDateTimePicker-4bfefbcd.js';
+export { D as DateTimePickerTimeFormat, s as OrDateTimePickerV3, D as TimePickerFormat } from './OrDateTimePicker-d843ed5f.js';
 export { E as EmptyStateSize, s as OrEmptyStateV3 } from './OrEmptyState-5349a1f9.js';
 export { s as OrError } from './OrError-f90296db.js';
 export { s as OrErrorTagV3 } from './OrErrorTag-ade9192b.js';
 export { s as OrErrorV3 } from './OrError-c01d0c29.js';
 export { b as ExpansionPanelBackgroundColor, a as ExpansionPanelColor, E as ExpansionPanelVariant, s as OrExpansionPanelV3 } from './OrExpansionPanel-891154e6.js';
 export { F as FabColor, s as OrFabV3 } from './OrFab-83cd7ed7.js';
-export { s as OrFloating, a as OrFloatingHideStrategy, O as OrFloatingPlacements } from './OrFloating-1a9ccfe9.js';
+export { s as OrFloating, a as OrFloatingHideStrategy, O as OrFloatingPlacements } from './OrFloating-052ede5f.js';
 export { F as FormGroupDirection, s as OrFormGroupV3 } from './OrFormGroup-9f581536.js';
 export { s as OrHint } from './OrHint-8822005b.js';
 export { s as OrHintV3 } from './OrHint-06ab89d7.js';
-export { s as OrIcon, O as OrIconColors, a as OrIconType } from './OrIcon-d8ea7901.js';
-export { I as IconButtonColor, s as OrIconButtonV3 } from './OrIconButton-ec4123df.js';
+export { s as OrIcon, O as OrIconColors, a as OrIconType } from './OrIcon-f7130a5c.js';
+export { I as IconButtonColor, s as OrIconButtonV3 } from './OrIconButton-81bade23.js';
 export { I as IconButtonSize, I as IconSize, a as IconVariant, s as OrIconV3 } from './OrIcon-62793572.js';
 export { I as InlineInputBoxSize, I as InlineInputSize, s as OrInlineInputBoxV3 } from './OrInlineInputBox-01fb2cb2.js';
-export { I as InlineInputType, s as OrInlineInputV3 } from './OrInlineInput-a0361cae.js';
-export { a as InlineTextEditTrimmingTypes, I as InlineTextEditTypes, s as OrInlineTextEdit } from './OrInlineTextEdit-6bf54bd0.js';
-export { s as OrInlineTextareaV3 } from './OrInlineTextarea-11744eab.js';
-export { s as OrInput } from './OrInput-9be9a209.js';
-export { I as InputType, s as OrInputV3 } from './OrInput-db67d100.js';
+export { I as InlineInputType, s as OrInlineInputV3 } from './OrInlineInput-42f6e95a.js';
+export { a as InlineTextEditTrimmingTypes, I as InlineTextEditTypes, s as OrInlineTextEdit } from './OrInlineTextEdit-a3c4c7dc.js';
+export { s as OrInlineTextareaV3 } from './OrInlineTextarea-651c67e6.js';
+export { s as OrInput } from './OrInput-2c3111c2.js';
+export { I as InputType, s as OrInputV3 } from './OrInput-eb04fa3a.js';
 export { s as OrLabel } from './OrLabel-a7d99df4.js';
 export { L as LabelVariant, s as OrLabelV3 } from './OrLabel-4da56db0.js';
 export { L as LinkColor, s as OrLinkV3 } from './OrLink-dcae31fb.js';
-export { s as OrList } from './OrList-042d8681.js';
-export { s as OrListOfInputs } from './OrListOfInputs-ce0d6ac0.js';
-export { L as LoaderViews, s as OrLoader } from './OrLoader-7b006619.js';
+export { s as OrList } from './OrList-aa7b5ef9.js';
+export { s as OrListOfInputs } from './OrListOfInputs-f8740785.js';
+export { L as LoaderViews, s as OrLoader } from './OrLoader-d28a8ebf.js';
 export { a as LoaderColor, b as LoaderSize, L as LoaderVariant, s as OrLoaderV3 } from './OrLoader-b79022da.js';
 export { s as OrMenuItemV3 } from './OrMenuItem-54062d59.js';
-export { s as OrMenuV3 } from './OrMenu-1447444f.js';
-export { P as MenuPlacement, s as OrPopoverV3, P as PopoverPlacement, a as PopoverVariant, P as TooltipPlacement } from './OrPopover-5819b807.js';
-export { s as OrModal, O as OrModalSizes } from './OrModal-f3a4813a.js';
-export { M as ModalSize, s as OrModalV3 } from './OrModal-6e813215.js';
-export { a as OR_NOTIFICATION_SIZE, O as OR_NOTIFICATION_TYPE, s as OrNotification } from './OrNotification-538f8e92.js';
-export { N as NotificationVariant, s as OrNotificationV3 } from './OrNotification-9d7f4ad3.js';
-export { s as OrNumberInput } from './OrNumberInput-249caf96.js';
-export { s as OrOverflowMenu } from './OrOverflowMenu-4d0bf63a.js';
+export { s as OrMenuV3 } from './OrMenu-eff42b15.js';
+export { P as MenuPlacement, s as OrPopoverV3, P as PopoverPlacement, a as PopoverVariant, P as TooltipPlacement } from './OrPopover-56ba40ab.js';
+export { s as OrModal, O as OrModalSizes } from './OrModal-b2060770.js';
+export { M as ModalSize, s as OrModalV3 } from './OrModal-d2038c15.js';
+export { a as OR_NOTIFICATION_SIZE, O as OR_NOTIFICATION_TYPE, s as OrNotification } from './OrNotification-1b28dd4a.js';
+export { N as NotificationVariant, s as OrNotificationV3 } from './OrNotification-ec688496.js';
+export { s as OrNumberInput } from './OrNumberInput-e9dcdcbd.js';
+export { s as OrOverflowMenu } from './OrOverflowMenu-440ddf3e.js';
 export { s as OrOverlay } from './OrOverlay-451dce49.js';
 export { s as OrOverlayV3 } from './OrOverlay-489fdf76.js';
-export { s as OrPaginationV3 } from './OrPagination-c40cc0d5.js';
-export { s as OrPassword } from './OrPassword-cd8a3c46.js';
+export { s as OrPaginationV3 } from './OrPagination-7168b18f.js';
+export { s as OrPassword } from './OrPassword-311406fa.js';
 export { s as OrProgress, O as OrProgressColors, a as OrProgressTypes } from './OrProgress-aa2ea84b.js';
-export { s as OrProgressV3, P as ProgressColor, a as ProgressType } from './OrProgress-c3c56efd.js';
+export { s as OrProgressV3, P as ProgressColor, a as ProgressType } from './OrProgress-a54a42c0.js';
 export { s as OrRadio } from './OrRadio-40bf2c87.js';
 export { s as OrRadioGroup } from './OrRadioGroup-00785e41.js';
 export { s as OrRadioGroupV3 } from './OrRadioGroup-58c0214c.js';
 export { s as OrRadioV3 } from './OrRadio-7b722b16.js';
-export { s as OrSearch } from './OrSearch-d0c8aca7.js';
-export { s as OrSearchV3 } from './OrSearch-13e8c829.js';
+export { s as OrSearch } from './OrSearch-2800e9bf.js';
+export { s as OrSearchV3 } from './OrSearch-47b052ea.js';
 export { s as OrSegmentedControlV3, S as SegmentedControlSize } from './OrSegmentedControl-c8eb217d.js';
-export { s as OrSelect } from './OrSelect-60205145.js';
-export { s as OrSelectV3 } from './OrSelect-a8c6d730.js';
+export { s as OrSelect } from './OrSelect-9520d6e6.js';
+export { s as OrSelectV3 } from './OrSelect-2d638c3f.js';
 export { s as OrSidebar, O as OrSidebarSide } from './OrSidebar-aaf73310.js';
-export { s as OrSidebarV3 } from './OrSidebar-84d5caf8.js';
-export { O as OrSidebarPlacement } from './OrSidebarCollapseButton-4d44c41a.js';
+export { s as OrSidebarV3 } from './OrSidebar-9281e0d5.js';
+export { O as OrSidebarPlacement } from './OrSidebarCollapseButton-69e7cc73.js';
 export { s as OrSkeletonCircle } from './OrSkeletonCircle-66e175a0.js';
 export { s as OrSkeletonRect } from './OrSkeletonRect-c694574e.js';
 export { s as OrSkeletonText } from './OrSkeletonText-9a800de4.js';
@@ -86,34 +86,34 @@ export { O as OrSkeletonTextSizes } from './constants-0a28d818.js';
 export { s as OrSkeletonCircleV3 } from './OrSkeletonCircle-1eae069b.js';
 export { s as OrSkeletonRectV3 } from './OrSkeletonRect-ba5df861.js';
 export { s as OrSkeletonTextV3 } from './OrSkeletonText-3c3207d0.js';
-export { s as OrSlider } from './OrSlider-eead916e.js';
-export { s as OrSortingV3 } from './OrSorting-e86c53b5.js';
-export { s as OrStepper } from './OrStepper-651a619a.js';
-export { s as OrSwitch } from './OrSwitch-10747a24.js';
+export { s as OrSlider } from './OrSlider-b7bd588e.js';
+export { s as OrSortingV3 } from './OrSorting-a4247ad1.js';
+export { s as OrStepper } from './OrStepper-4943002c.js';
+export { s as OrSwitch } from './OrSwitch-fb864132.js';
 export { s as OrSwitchV3 } from './OrSwitch-a6efd081.js';
 export { s as OrTab } from './OrTab-d8d4e871.js';
 export { s as OrTabHeaderItem } from './OrTabHeaderItem-c2af7ca3.js';
 export { s as OrTabV3 } from './OrTab-2d567d8e.js';
 export { s as OrTabs } from './OrTabs-3da3ea89.js';
-export { s as OrTabsV3, T as TabsVariant } from './OrTabs-1db28ae2.js';
-export { s as OrTag } from './OrTag-a2197abd.js';
-export { s as OrTagInputV3 } from './OrTagInput-71a59489.js';
-export { s as OrTagV3, a as TagColor, T as TagVariant } from './OrTag-2fc4339f.js';
-export { s as OrTagsV3 } from './OrTags-0baed165.js';
+export { s as OrTabsV3, T as TabsVariant } from './OrTabs-78f2d777.js';
+export { s as OrTag } from './OrTag-1b3b1296.js';
+export { s as OrTagInputV3 } from './OrTagInput-d6794a18.js';
+export { s as OrTagV3, a as TagColor, T as TagVariant } from './OrTag-8f452a85.js';
+export { s as OrTagsV3 } from './OrTags-77d33257.js';
 export { s as OrTeleport } from './OrTeleport.vue3-9bce0c02.js';
 export { s as OrTeleportV3 } from './OrTeleport.vue3-8099178c.js';
 export { s as OrTextV3 } from './OrText-d54c951d.js';
-export { s as OrTextarea } from './OrTextarea-31b54c7e.js';
+export { s as OrTextarea } from './OrTextarea-7a753c1a.js';
 export { s as OrTextareaV3 } from './OrTextarea-6c471ccd.js';
-export { s as OrTextbox, T as TextboxTypes } from './OrTextbox-8d2903db.js';
-export { s as OrTimePickerV3 } from './OrTimePicker-fff5b72d.js';
-export { s as OrToast, a as OrToastContainer } from './OrToastContainer-72b52576.js';
+export { s as OrTextbox, T as TextboxTypes } from './OrTextbox-fe62c6c3.js';
+export { s as OrTimePickerV3 } from './OrTimePicker-6a6781dc.js';
+export { s as OrToast, a as OrToastContainer } from './OrToastContainer-1bba845b.js';
 export { P as PositionsX, b as PositionsY, c as ToastType, T as TransitionType, a as useQueue, u as useToast } from './useToast-b5ea5cb2.js';
-export { a as OrToastContainerV3, s as OrToastV3, t as TypesV3 } from './types-49ec79c3.js';
+export { a as OrToastContainerV3, s as OrToastV3, t as TypesV3 } from './types-ec6fbd22.js';
 export { p as PropsV3, a as useQueueV3, u as useToastV3 } from './useToast-a1332cc2.js';
-export { s as OrTooltip } from './OrTooltip-c1006713.js';
+export { s as OrTooltip } from './OrTooltip-7ac03028.js';
 export { s as OrTooltipContent } from './OrTooltipContent-c0042844.js';
-export { s as OrTooltipV3 } from './OrTooltip-896870c6.js';
+export { s as OrTooltipV3 } from './OrTooltip-bd35ec20.js';
 export { s as OrTreeV3, T as TreeNodeDropPosition } from './OrTree-3b655a7a.js';
 export { D as DropdownClose, a as DropdownOpen } from './dropdown-open-e1f90e0a.js';
 export { u as useControlAttributes, a as useIdAttribute } from './useIdAttribute-859439f0.js';
@@ -121,11 +121,16 @@ export { u as useElevation } from './useElevation-a50ec347.js';
 export { u as useOverflow } from './useOverflow-c856b7b7.js';
 export { u as usePopoverState } from './usePopoverState-b92c698b.js';
 export { u as useProxyModelValue } from './useProxyModelValue-940010d2.js';
-export { u as useResponsive } from './useResponsive-bb091958.js';
+export { u as useResponsive } from './useResponsive-a02e95b7.js';
 export { u as useTheme } from './useTheme-e23d13c8.js';
 export { u as useToggle } from './useToggle-c04fc920.js';
 export { u as useValidationAttributes } from './useValidationAttributes-d1abbe34.js';
-import { R as RX_ABBREVIATION_FROM_STRING } from './color-40b7fe6b.js';
+export { H as HSL_LIMITS, t as RX_ABBREVIATION_FROM_STRING, R as RX_ARRAY_NOTATION, a as RX_BV_PREFIX, u as RX_DATE, v as RX_DATE_SPLIT, b as RX_DIGITS, y as RX_ENCODED_COMMA, z as RX_ENCODE_REVERSE, c as RX_EXTENSION, d as RX_HASH, e as RX_HASH_ID, x as RX_HREF, f as RX_HTML_TAGS, g as RX_HYPHENATE, C as RX_LONG_COLOR, h as RX_LOWER_UPPER, i as RX_NUMBER, j as RX_PLUS, A as RX_QUERY_START, k as RX_REGEXP_REPLACE, B as RX_SHORT_COLOR, l as RX_SPACES, m as RX_SPACE_SPLIT, n as RX_STAR, o as RX_START_SPACE_WORD, w as RX_TIME, p as RX_TRIM_LEFT, q as RX_TRIM_RIGHT, r as RX_UNDERSCORE, s as RX_UN_KEBAB, F as generateHslFromString, I as getHashOfString, D as hexToRgb, G as hslToColorString, J as normalize, E as rgbToHex } from './color-6b0fc765.js';
+export { C as CODE_BACKSPACE, a as CODE_BREAK, b as CODE_DELETE, c as CODE_DOWN, d as CODE_END, e as CODE_ENTER, f as CODE_ESC, g as CODE_HOME, h as CODE_LEFT, i as CODE_PAGEDOWN, j as CODE_PAGEUP, k as CODE_RIGHT, l as CODE_SPACE, m as CODE_UP, p as PLACEMENT_BOTTOM_END, o as PLACEMENT_BOTTOM_START, t as PLACEMENT_LEFT_END, s as PLACEMENT_LEFT_START, r as PLACEMENT_RIGHT_END, q as PLACEMENT_RIGHT_START, n as PLACEMENT_TOP_END, P as PLACEMENT_TOP_START, u as getAbbreviation } from './text-7e939ab3.js';
+export { M as MutationObs, f as addClass, c as cancelAF, e as contains, m as getAttr, t as getBCR, g as getById, u as getCS, x as getMaxZIndex, q as getStyle, n as hasAttr, j as hasClass, i as isVisible, v as offset, w as position, b as reflow, l as removeAttr, h as removeClass, a as removeNode, p as removeStyle, r as requestAF, d as select, s as selectAll, k as setAttr, o as setStyle } from './dom-aecadd9a.js';
+export { p as pxToRem } from './px-to-rem-0b26b83e.js';
+export { i as isEmpty } from './isEmpty-52fa842a.js';
+export { i as isEmptyValue } from './isEmptyValue-fd56a6e4.js';
 import 'vue-demi';
 import 'vue';
 import './style-inject.es-4c6f2515.js';
@@ -143,12 +148,8 @@ import '@codemirror/lang-javascript';
 import '@codemirror/lang-markdown';
 import '@codemirror/language';
 import '@lezer/highlight';
-import './px-to-rem-0b26b83e.js';
-import './dom-f1d55b67.js';
-import 'lodash/isElement';
-import 'lodash/get';
 import '@vueuse/math';
-import './OrDateTimePickerPopoverHeader-7a4d0e9c.js';
+import './OrDateTimePickerPopoverHeader-3c26fc72.js';
 import 'lodash/padStart';
 import '@floating-ui/dom';
 import 'lodash/cloneDeep';
@@ -157,15 +158,9 @@ import 'uuid';
 import 'sortablejs';
 import '@vueuse/integrations/useFocusTrap';
 import 'lodash/round';
+import 'lodash/get';
 import 'lodash/keyBy';
 import 'lodash/range';
 import './styles-ed564e39.js';
 import 'lodash/isNil';
-
-function getAbbreviation(text, limit) {
-  var _a;
-  if (typeof text != 'string' || !text) return '';
-  return ((_a = text.match(RX_ABBREVIATION_FROM_STRING)) !== null && _a !== void 0 ? _a : []).reduce((previous, next) => previous + (+next === 0 || parseInt(next) ? parseInt(next) : next[0] || ''), '').toUpperCase().substring(0, limit);
-}
-
-export { getAbbreviation };
+import 'lodash/isElement';

package/dist/esm/v3/isEmpty-52fa842a.js

@@ -0,0 +1,5 @@
+function isEmpty(val) {
+  return val == null || !(Object.keys(val) || val).length;
+}
+
+export { isEmpty as i };

package/dist/esm/v3/isEmptyValue-fd56a6e4.js

@@ -0,0 +1,5 @@
+function isEmptyValue(val) {
+  return val === undefined || val === null || val === '';
+}
+
+export { isEmptyValue as i };

package/dist/esm/v3/text-7e939ab3.js

@@ -0,0 +1,33 @@
+import { t as RX_ABBREVIATION_FROM_STRING } from './color-6b0fc765.js';
+
+const CODE_BACKSPACE = 8;
+const CODE_BREAK = 19;
+const CODE_DELETE = 46;
+const CODE_DOWN = 40;
+const CODE_END = 35;
+const CODE_ENTER = 13;
+const CODE_ESC = 27;
+const CODE_HOME = 36;
+const CODE_LEFT = 37;
+const CODE_PAGEDOWN = 34;
+const CODE_PAGEUP = 33;
+const CODE_RIGHT = 39;
+const CODE_SPACE = 32;
+const CODE_UP = 38;
+
+const PLACEMENT_TOP_START = 'top-start';
+const PLACEMENT_TOP_END = 'top-end';
+const PLACEMENT_BOTTOM_START = 'bottom-start';
+const PLACEMENT_BOTTOM_END = 'bottom-end';
+const PLACEMENT_RIGHT_START = 'right-start';
+const PLACEMENT_RIGHT_END = 'right-end';
+const PLACEMENT_LEFT_START = 'left-start';
+const PLACEMENT_LEFT_END = 'left-end';
+
+function getAbbreviation(text, limit) {
+  var _a;
+  if (typeof text != 'string' || !text) return '';
+  return ((_a = text.match(RX_ABBREVIATION_FROM_STRING)) !== null && _a !== void 0 ? _a : []).reduce((previous, next) => previous + (+next === 0 || parseInt(next) ? parseInt(next) : next[0] || ''), '').toUpperCase().substring(0, limit);
+}
+
+export { CODE_BACKSPACE as C, PLACEMENT_TOP_START as P, CODE_BREAK as a, CODE_DELETE as b, CODE_DOWN as c, CODE_END as d, CODE_ENTER as e, CODE_ESC as f, CODE_HOME as g, CODE_LEFT as h, CODE_PAGEDOWN as i, CODE_PAGEUP as j, CODE_RIGHT as k, CODE_SPACE as l, CODE_UP as m, PLACEMENT_TOP_END as n, PLACEMENT_BOTTOM_START as o, PLACEMENT_BOTTOM_END as p, PLACEMENT_RIGHT_START as q, PLACEMENT_RIGHT_END as r, PLACEMENT_LEFT_START as s, PLACEMENT_LEFT_END as t, getAbbreviation as u };

package/dist/esm/v3/{types-49ec79c3.js → types-ec6fbd22.js}

@@ -5,7 +5,7 @@ import '@onereach/styles/tailwind.config';
 import 'tailwindcss/resolveConfig';
 import { s as script$4 } from './OrTeleport.vue3-8099178c.js';
 import { T as ToastType, P as PositionsX, b as PositionsY, c as TransitionType, d as useToastEventBus, a as useQueue } from './useToast-a1332cc2.js';
-import { s as script$2 } from './OrIconButton-ec4123df.js';
+import { s as script$2 } from './OrIconButton-81bade23.js';
 import { s as script$3 } from './OrLoader-b79022da.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, renderSlot, createCommentVNode, createVNode, createElementVNode, toDisplayString, createBlock, withModifiers, withCtx, TransitionGroup, Fragment, renderList, mergeProps } from 'vue';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';

package/dist/esm/v3/useResponsive-a02e95b7.js

@@ -0,0 +1,13 @@
+import { useMediaQuery } from '@vueuse/core';
+import { ref } from 'vue-demi';
+
+function useResponsive() {
+  const isMobile = ref(useMediaQuery('(max-width: 767px)'));
+  const isDesktop = ref(useMediaQuery('(min-width: 768px)'));
+  return {
+    isMobile,
+    isDesktop
+  };
+}
+
+export { useResponsive as u };

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

@@ -0,0 +1,13 @@
+export * from './constants/color';
+export * from './constants/key-codes';
+export * from './constants/poper';
+export * from './constants/regex';
+export * from './functions/color';
+export * from './functions/dom';
+export * from './functions/flattenDeep';
+export * from './functions/hash';
+export * from './functions/px-to-rem';
+export * from './functions/text';
+export * from './isEmpty';
+export * from './isEmptyValue';
+export * from './isVisible';

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

@@ -0,0 +1,8 @@
+export { H as HSL_LIMITS, t as RX_ABBREVIATION_FROM_STRING, R as RX_ARRAY_NOTATION, a as RX_BV_PREFIX, u as RX_DATE, v as RX_DATE_SPLIT, b as RX_DIGITS, y as RX_ENCODED_COMMA, z as RX_ENCODE_REVERSE, c as RX_EXTENSION, d as RX_HASH, e as RX_HASH_ID, x as RX_HREF, f as RX_HTML_TAGS, g as RX_HYPHENATE, C as RX_LONG_COLOR, h as RX_LOWER_UPPER, i as RX_NUMBER, j as RX_PLUS, A as RX_QUERY_START, k as RX_REGEXP_REPLACE, B as RX_SHORT_COLOR, l as RX_SPACES, m as RX_SPACE_SPLIT, n as RX_STAR, o as RX_START_SPACE_WORD, w as RX_TIME, p as RX_TRIM_LEFT, q as RX_TRIM_RIGHT, r as RX_UNDERSCORE, s as RX_UN_KEBAB, F as generateHslFromString, I as getHashOfString, D as hexToRgb, G as hslToColorString, J as normalize, E as rgbToHex } from '../color-6b0fc765.js';
+export { C as CODE_BACKSPACE, a as CODE_BREAK, b as CODE_DELETE, c as CODE_DOWN, d as CODE_END, e as CODE_ENTER, f as CODE_ESC, g as CODE_HOME, h as CODE_LEFT, i as CODE_PAGEDOWN, j as CODE_PAGEUP, k as CODE_RIGHT, l as CODE_SPACE, m as CODE_UP, p as PLACEMENT_BOTTOM_END, o as PLACEMENT_BOTTOM_START, t as PLACEMENT_LEFT_END, s as PLACEMENT_LEFT_START, r as PLACEMENT_RIGHT_END, q as PLACEMENT_RIGHT_START, n as PLACEMENT_TOP_END, P as PLACEMENT_TOP_START, u as getAbbreviation } from '../text-7e939ab3.js';
+export { M as MutationObs, f as addClass, c as cancelAF, e as contains, m as getAttr, t as getBCR, g as getById, u as getCS, x as getMaxZIndex, q as getStyle, n as hasAttr, j as hasClass, i as isVisible, v as offset, w as position, b as reflow, l as removeAttr, h as removeClass, a as removeNode, p as removeStyle, r as requestAF, d as select, s as selectAll, k as setAttr, o as setStyle } from '../dom-aecadd9a.js';
+export { p as pxToRem } from '../px-to-rem-0b26b83e.js';
+export { i as isEmpty } from '../isEmpty-52fa842a.js';
+export { i as isEmptyValue } from '../isEmptyValue-fd56a6e4.js';
+import 'lodash/isElement';
+import 'lodash/get';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onereach/ui-components",
-  "version": "4.16.2-beta.3086.0",
+  "version": "4.17.0",
   "description": "Vue components library for v2/3",
   "sideEffects": false,
   "main": "./dist/auto/index.js",
@@ -38,7 +38,7 @@
     "@codemirror/lang-json": "6.0.1",
     "@codemirror/lang-markdown": "6.1.1",
     "@floating-ui/dom": "0.3.1",
-    "@onereach/styles": "^2.43.1-beta.3086.0",
+    "@onereach/styles": "^2.43.0",
     "@types/lodash": "4.14.173",
     "@types/sortablejs": "1.10.7",
     "@types/uuid": "8.3.1",
@@ -153,5 +153,6 @@
       "default": "./dist/bundled/v3/components/*/index.js"
     },
     "./package.json": "./package.json"
-  }
+  },
+  "gitHead": "9910876eb8e645e4705c97321975134a47cc7396"
 }

package/src/components/or-input-v3/OrInput.vue

@@ -262,6 +262,8 @@ export default defineComponent({
 
     const disclosed = ref(false);
 
+    const { isMobile } = useResponsive();
+
     // Methods
     function focus(): void {
       control.value?.focus();
@@ -271,9 +273,6 @@ export default defineComponent({
       control.value?.blur();
     }
 
-    // Helpers
-    const { isMobile } = useResponsive(root);
-
     return {
       root,
       control,
@@ -284,9 +283,9 @@ export default defineComponent({
       currentLength,
       maxLength,
       disclosed,
+      isMobile,
       focus,
       blur,
-      isMobile,
     };
   },
 });

package/src/components/or-pagination-v3/OrPagination.vue

@@ -138,6 +138,8 @@ export default defineComponent({
   ],
 
   setup(props, context) {
+    const { isDesktop, isMobile } = useResponsive();
+
     // Refs
     const root = ref<HTMLElement>();
 
@@ -262,10 +264,10 @@ export default defineComponent({
       currentPage.value = page;
     }
 
-    // Helpers
-    const { isDesktop, isMobile } = useResponsive(root);
-
     return {
+      isDesktop,
+      isMobile,
+
       root,
       limitButton,
       limitButtonRoot,
@@ -285,8 +287,6 @@ export default defineComponent({
       toPreviousPage,
       toNextPage,
       toPage,
-      isDesktop,
-      isMobile,
     };
   },
 });

package/src/components/or-popover-v3/OrPopover.vue

@@ -122,6 +122,8 @@ export default defineComponent({
   ],
 
   setup(props, context) {
+    const { isDesktop, isMobile } = useResponsive();
+
     // Refs
     const root = ref<HTMLElement>();
 
@@ -146,9 +148,6 @@ export default defineComponent({
     const isFlipped = ref<boolean>(false);
     const isHidden = ref<boolean>(false);
 
-    // Helpers
-    const { isDesktop, isMobile } = useResponsive(root);
-
     // Effects
     watchPostEffect(() => {
       const rootElement = unref(root);
@@ -202,6 +201,8 @@ export default defineComponent({
     // #endregion
 
     return {
+      isDesktop,
+      isMobile,
       root,
       bottomSheet,
       bottomSheetRoot,
@@ -210,8 +211,6 @@ export default defineComponent({
       state,
       isFlipped,
       isHidden,
-      isDesktop,
-      isMobile,
       open,
       close,
       toggle,

package/src/components/or-progress-v3/OrProgress.vue

@@ -150,6 +150,8 @@ export default defineComponent({
   ],
 
   setup(props) {
+    const { isMobile } = useResponsive();
+
     // Refs
     const root = ref<HTMLElement>();
 
@@ -246,9 +248,6 @@ export default defineComponent({
       (1 - localProgress.value) * strokeDasharray.value,
     );
 
-    // Helpers
-    const { isMobile } = useResponsive(root);
-
     return {
       root,
       rootStyles,

package/src/hooks/useResponsive/useResponsive.stories.mdx

@@ -2,28 +2,19 @@ import { Meta } from "@storybook/addon-docs";
 
 <Meta title="Docs/Responsive/Vue composable" />
 
-```ts
-import { useResponsive } from '@onereach/ui-components';
-```
 
 ## Available reactive breakpoints:
 ```vue
-<template>
-  <div ref="root"></div>
-</template>
-
 <script lang="ts">
-import { defineComponent, ref } from 'vue';
+import { defineComponent } from 'vue';
 import { useResponsive } from '@onereach/ui-components';
 
 export default defineComponent({
   setup() {
-    const root = ref<HTMLElement>();
-
     const {
       isMobile,
       isDesktop,
-    } = useResponsive(root);
+    } = useResponsive();
 
     return {
       isMobile,

package/src/hooks/useResponsive/useResponsive.ts

@@ -1,37 +1,13 @@
 import { useMediaQuery } from '@vueuse/core';
-import { Ref, computed } from 'vue-demi';
+import { ref } from 'vue-demi';
 
-function useResponsive(element: Ref<HTMLElement | undefined>) {
-  const isDesktop = computed(() => {
-    return isForcedDesktop(element.value) || useMediaQuery('(min-width: 768px)').value;
-  });
-
-  const isMobile = computed(() => {
-    return !isDesktop.value;
-  });
-
-  function isForcedDesktop(element?: HTMLElement): boolean {
-    if (!element) {
-      return false;
-    }
-
-    const forcedScreens = element.getAttribute('force-screen')?.split(/\s+/);
-
-    if (forcedScreens?.some((forcedScreen) => ['md', 'lg', 'xl', '2xl'].includes(forcedScreen))) {
-      return true;
-    }
-
-    return isForcedDesktop(element.parentElement ?? undefined);
-  }
-
-  console.log({
-    isDesktop: isDesktop.value,
-    isMobile: isMobile.value,
-  });
+function useResponsive() {
+  const isMobile = ref(useMediaQuery('(max-width: 767px)'));
+  const isDesktop = ref(useMediaQuery('(min-width: 768px)'));
 
   return {
-    isDesktop,
     isMobile,
+    isDesktop,
   };
 }
 

package/src/index.ts

@@ -1,5 +1,4 @@
 export * from './components';
 export * from './directives';
 export * from './hooks';
-export * from './utils/functions/text';
-export { default as flattenDeep } from './utils/functions/flattenDeep';
+export * from './utils';

package/src/utils/index.ts

@@ -0,0 +1,13 @@
+export * from './constants/color';
+export * from './constants/key-codes';
+export * from './constants/poper';
+export * from './constants/regex';
+export * from './functions/color';
+export * from './functions/dom';
+export * from './functions/flattenDeep';
+export * from './functions/hash';
+export * from './functions/px-to-rem';
+export * from './functions/text';
+export * from './isEmpty';
+export * from './isEmptyValue';
+export * from './isVisible';