@onereach/ui-components 4.11.0-beta.2941.0 → 4.11.0

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

@@ -3,7 +3,7 @@ export { DateTimePickerTimeFormat as TimePickerFormat } from '../OrDateTimePicke
 export { InputBoxSize as TimePickerSize } from '../OrInputBoxV3/props.js';
 import 'vue-demi';
 import '../OrDateTimePickerV3/hooks/useCurrentDate.js';
-import '../../OrDateTimePickerPopoverHeader-28995b95.js';
+import '../../OrDateTimePickerPopoverHeader-52a99e6a.js';
 import '../OrLabelV3/OrLabel.js';
 import '../OrLabelV3/props.js';
 import '../OrLabelV3/styles.js';
@@ -12,12 +12,13 @@ import '../OrButtonV3/OrButton.js';
 import '../OrButtonV3/props.js';
 import '../OrButtonV3/styles.js';
 import '../OrLoaderV3/OrLoader.js';
-import '../../index-c92e2839.js';
+import '../../index-760079e7.js';
 import '../../index-ec92055d.js';
 import '../OrLoaderV3/props.js';
 import '../OrLoaderV3/styles.js';
-import '../../OrDateTimePickerTimeSelect-c52ee823.js';
+import '../../OrDateTimePickerTimeSelect-8851268e.js';
 import '../OrDateTimePickerV3/hooks/useTimePlaceholder.js';
+import '../../hooks/useProxyModelValue.js';
 import './styles.js';
 import '../OrErrorV3/OrError.js';
 import '../OrErrorV3/styles.js';

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

@@ -4,5 +4,5 @@ import '../Timer.js';
 import '../../../index-ec92055d.js';
 import 'vue-demi';
 import './useToastEventBus.js';
-import '../../../index-c92e2839.js';
+import '../../../index-760079e7.js';
 import '../constants.js';

package/dist/bundled/v2/components/OrToast/composable/useToast.js

@@ -3,7 +3,7 @@ import useToastEventBus from './useToastEventBus.js';
 import { ToastType } from '../constants.js';
 import '../../../index-ec92055d.js';
 import 'vue-demi';
-import '../../../index-c92e2839.js';
+import '../../../index-760079e7.js';
 
 function useToast() {
   let globalToastProps = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};

package/dist/bundled/v2/components/OrToast/composable/useToastEventBus.js

@@ -1,4 +1,4 @@
-import { m as useEventBus } from '../../../index-c92e2839.js';
+import { m as useEventBus } from '../../../index-760079e7.js';
 import { c as createSharedComposable } from '../../../index-ec92055d.js';
 import 'vue-demi';
 

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

@@ -34,6 +34,6 @@ import '../OrLoader/OrLoader.js';
 import '../../utils/isEmpty.js';
 import '../OrLoader/constants.js';
 import './composable/useToastEventBus.js';
-import '../../index-c92e2839.js';
+import '../../index-760079e7.js';
 import '../../index-ec92055d.js';
 import './Timer.js';

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

@@ -33,7 +33,7 @@ import '../../utils/isEmpty.js';
 import '../OrLoader/constants.js';
 import 'vue';
 import '../OrTeleport/constants.js';
-import '../../index-c92e2839.js';
+import '../../index-760079e7.js';
 
 var script = defineComponent({
   name: 'OrToastContainer',

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

@@ -34,6 +34,6 @@ import '../OrLoader/OrLoader.js';
 import '../../utils/isEmpty.js';
 import '../OrLoader/constants.js';
 import '../OrToast/composable/useToastEventBus.js';
-import '../../index-c92e2839.js';
+import '../../index-760079e7.js';
 import '../../index-ec92055d.js';
 import '../OrToast/Timer.js';

package/dist/bundled/v2/components/OrToastContainerV3/OrToastContainer.js

@@ -5,11 +5,11 @@ import __vue_component__$2 from '../OrToastV3/OrToast.js';
 import { P as PositionsX, a as PositionsY, T as TransitionType } from '../../props-7be029c7.js';
 import { ToastContainer, ToastContainerPositions } from '../OrToastV3/styles.js';
 import __vue_component__$1 from '../OrTeleportV3/OrTeleport.js';
-import { useElevation } from '../../hooks/useElevation.js';
 import { u as useToggle } from '../../index-ec92055d.js';
+import { useElevation } from '../../hooks/useElevation.js';
 import { s as styleInject } from '../../style-inject.es-4c6f2515.js';
 import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
-import '../../index-c92e2839.js';
+import '../../index-760079e7.js';
 import '../OrIconButtonV3/OrIconButton.js';
 import '../OrIconButtonV3/props.js';
 import '../OrIconV3/props.js';

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

@@ -5,7 +5,7 @@ export { default as useToastV3 } from '../OrToastV3/composable/useToast.js';
 export { default as useQueueV3 } from '../OrToastV3/composable/useQueue.js';
 import 'vue-demi';
 import '../OrToastV3/composable/useToastEventBus.js';
-import '../../index-c92e2839.js';
+import '../../index-760079e7.js';
 import '../../index-ec92055d.js';
 import '../OrToastV3/OrToast.js';
 import '../OrToastV3/styles.js';

package/dist/bundled/v2/components/OrToastV3/OrToast.js

@@ -14,7 +14,7 @@ import '../OrTooltipV3/OrTooltip.js';
 import '../OrTooltipV3/styles.js';
 import '../OrPopoverV3/OrPopover.js';
 import '../../floating-ui.dom.esm-83eba816.js';
-import '../../index-c92e2839.js';
+import '../../index-760079e7.js';
 import '../../index-ec92055d.js';
 import '../OrPopoverV3/props.js';
 import '../OrPopoverV3/styles.js';

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

@@ -5,4 +5,4 @@ import '../Timer.js';
 import '../../../index-ec92055d.js';
 import 'vue-demi';
 import './useToastEventBus.js';
-import '../../../index-c92e2839.js';
+import '../../../index-760079e7.js';

package/dist/bundled/v2/components/OrToastV3/composable/useToast.js

@@ -3,7 +3,7 @@ import Timer from '../Timer.js';
 import useToastEventBus from './useToastEventBus.js';
 import '../../../index-ec92055d.js';
 import 'vue-demi';
-import '../../../index-c92e2839.js';
+import '../../../index-760079e7.js';
 
 function useToast() {
   let globalToastProps = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};

package/dist/bundled/v2/components/OrToastV3/composable/useToastEventBus.js

@@ -1,4 +1,4 @@
-import { m as useEventBus } from '../../../index-c92e2839.js';
+import { m as useEventBus } from '../../../index-760079e7.js';
 import { c as createSharedComposable } from '../../../index-ec92055d.js';
 import 'vue-demi';
 

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

@@ -17,7 +17,7 @@ import '../OrTooltipV3/OrTooltip.js';
 import '../OrTooltipV3/styles.js';
 import '../OrPopoverV3/OrPopover.js';
 import '../../floating-ui.dom.esm-83eba816.js';
-import '../../index-c92e2839.js';
+import '../../index-760079e7.js';
 import '../../index-ec92055d.js';
 import '../OrPopoverV3/props.js';
 import '../OrPopoverV3/styles.js';

package/dist/bundled/v2/components/OrTooltipV3/OrTooltip.js

@@ -5,7 +5,7 @@ import { PopoverPlacement } from '../OrPopoverV3/props.js';
 import { usePopoverState } from '../../hooks/usePopoverState.js';
 import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
 import '../../floating-ui.dom.esm-83eba816.js';
-import '../../index-c92e2839.js';
+import '../../index-760079e7.js';
 import '../../index-ec92055d.js';
 import '../OrPopoverV3/styles.js';
 import '../OrBottomSheetV3/OrBottomSheet.js';
@@ -52,7 +52,7 @@ var script = defineComponent({
       open,
       close,
       toggle
-    } = usePopoverState(toRef(props, 'isOpen'), context, {
+    } = usePopoverState(toRef(props, 'isOpen'), context.emit, {
       debounce: 250
     });
     return {

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

@@ -4,7 +4,7 @@ import 'vue-demi';
 import './styles.js';
 import '../OrPopoverV3/OrPopover.js';
 import '../../floating-ui.dom.esm-83eba816.js';
-import '../../index-c92e2839.js';
+import '../../index-760079e7.js';
 import '../../index-ec92055d.js';
 import '../OrPopoverV3/styles.js';
 import '../OrBottomSheetV3/OrBottomSheet.js';

package/dist/bundled/v2/components/index.d.ts

@@ -8,13 +8,13 @@ export * from './or-card';
 export * from './or-card-collection';
 export * from './or-card-collection-v3';
 export * from './or-card-v3';
-export * from './or-carousel';
 export * from './or-checkbox';
 export * from './or-checkbox-group-v3';
 export * from './or-checkbox-tree-v3';
 export * from './or-checkbox-v3';
 export * from './or-chips';
 export * from './or-code';
+export * from './or-code-v3';
 export * from './or-collapse';
 export * from './or-color-picker';
 export * from './or-combined-input-v3';

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

@@ -17,8 +17,6 @@ export { default as OrCardCollection } from './OrCardCollection/OrCardCollection
 export { default as OrCardCollectionV3 } from './OrCardCollectionV3/OrCardCollection.js';
 export { DefaultCardCollectionViews, defaultViewModes, gridView, listView } from './OrCardCollectionV3/props.js';
 export { default as OrCardV3 } from './OrCardV3/OrCard.js';
-export { default as OrCarousel } from './OrCarousel/OrCarousel.js';
-export { default as OrCarouselItem } from './OrCarouselItem/OrCarouselItem.js';
 export { default as OrCheckbox } from './OrCheckbox/OrCheckbox.js';
 export { default as OrCheckboxGroupV3 } from './OrCheckboxGroupV3/OrCheckboxGroup.js';
 export { default as OrCheckboxTreeV3 } from './OrCheckboxTreeV3/OrCheckboxTree.js';
@@ -27,6 +25,8 @@ export { default as OrChip } from './OrChip/OrChip.js';
 export { default as OrChips } from './OrChips/OrChips.js';
 export { default as OrCode } from './OrCode/OrCode.js';
 export { OrCodeLanguages } from './OrCode/constants.js';
+export { default as OrCodeV3 } from './OrCodeV3/OrCode.js';
+export { CodeLanguage } from './OrCodeV3/props.js';
 export { default as OrCollapse } from './OrCollapse/OrCollapse.js';
 export { default as OrColorPicker } from './OrColorPicker/OrColorPicker.js';
 export { amber, black, blue, blueGrey, brown, cyan, deepOrange, deepPurple, green, indigo, lightBlue, lightGreen, lime, orange, pink, purple, red, teal, white, yellow } from './OrColorPicker/constants.js';
@@ -183,7 +183,7 @@ import '../utils/functions/hash.js';
 import '../utils/constants/color.js';
 import './OrAvatarV3/styles.js';
 import './OrIconV3/styles.js';
-import '../index-c92e2839.js';
+import '../index-760079e7.js';
 import '../index-ec92055d.js';
 import './OrBottomSheetV3/styles.js';
 import '../hooks/usePopoverState.js';
@@ -208,32 +208,39 @@ import './OrLabelV3/styles.js';
 import '../hooks/useIdAttribute.js';
 import '../hooks/useControlAttributes.js';
 import '../hooks/useValidationAttributes.js';
+import '../hooks/useProxyModelValue.js';
 import './OrCardV3/styles.js';
-import './OrCarousel/constants.js';
-import './OrCheckboxTreeV3/styles.js';
 import '../utils/functions/flattenDeep.js';
+import './OrCheckboxTreeV3/styles.js';
 import '../utils/isEmptyValue.js';
 import './OrCheckboxV3/styles.js';
 import './OrFormGroupV3/styles.js';
 import './OrChips/constants.js';
-import '../index-cf2c3c27.js';
-import '../lang-0fb8f78b.js';
+import '../index-451f3d87.js';
+import '../index-9c1d2908.js';
+import '../index-11e9d6f2.js';
+import './OrCode/lang.js';
 import './OrCode/theme.js';
+import './OrCodeV3/styles.js';
+import '../hooks/useTheme.js';
+import 'node:tty';
+import 'node:util';
+import './OrModalV3/styles.js';
 import './OrColorPicker/utils/defultPalette.js';
 import './OrCombinedInputV3/styles.js';
 import '../index-15e8c1f3.js';
 import './OrConfirmV3/styles.js';
 import './OrDateTimePickerV3/hooks/useCurrentDate.js';
-import '../OrDateTimePickerMonthSelect-2c1b5116.js';
+import '../OrDateTimePickerMonthSelect-88a629fe.js';
 import './OrDateTimePickerV3/hooks/useDatePlaceholder.js';
-import '../OrDateTimePickerPopoverHeader-28995b95.js';
+import '../OrDateTimePickerPopoverHeader-52a99e6a.js';
 import './OrDatePickerV3/styles.js';
 import '../directives/dropdown-close.js';
 import '../directives/dropdown-open.js';
 import '../_baseProperty-a52739e9.js';
 import '../toInteger-db8a475d.js';
 import '../toFinite-021b0c50.js';
-import '../OrDateTimePickerTimeSelect-c52ee823.js';
+import '../OrDateTimePickerTimeSelect-8851268e.js';
 import './OrDateTimePickerV3/hooks/useTimePlaceholder.js';
 import './OrDateTimePickerV3/styles.js';
 import './OrEmptyStateV3/styles.js';
@@ -249,7 +256,6 @@ import '../isArrayLike-acf249e3.js';
 import '../_baseAssignValue-0c6c3bcc.js';
 import '../isEqual-881b7bb5.js';
 import '../v4-cf8987a3.js';
-import './OrModalV3/styles.js';
 import './OrNotificationV3/styles.js';
 import './OrPaginationV3/styles.js';
 import '../hooks/useToggle.js';

package/dist/bundled/v2/hooks/index.d.ts

@@ -1,9 +1,10 @@
-export { useControlAttributes } from './useControlAttributes';
-export { useElevation } from './useElevation';
-export { useIdAttribute } from './useIdAttribute';
-export { useOverflow } from './useOverflow';
-export { usePopoverState } from './usePopoverState';
-export { useResponsive } from './useResponsive';
-export { useTheme } from './useTheme';
+export * from './useControlAttributes';
+export * from './useElevation';
+export * from './useIdAttribute';
+export * from './useOverflow';
+export * from './usePopoverState';
+export * from './useProxyModelValue';
+export * from './useResponsive';
+export * from './useTheme';
 export { default as useToggle } from './useToggle';
-export { useValidationAttributes } from './useValidationAttributes';
+export * from './useValidationAttributes';

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

@@ -3,13 +3,14 @@ export { useElevation } from './useElevation.js';
 export { useIdAttribute } from './useIdAttribute.js';
 export { useOverflow } from './useOverflow.js';
 export { usePopoverState } from './usePopoverState.js';
+export { useProxyModelValue } from './useProxyModelValue.js';
 export { useTheme } from './useTheme.js';
 export { default as useToggle } from './useToggle.js';
 export { useValidationAttributes } from './useValidationAttributes.js';
 export { default as useResponsive } from './useResponsive/useResponsive.js';
 import 'vue-demi';
 import '../utils/isVisible.js';
-import '../index-c92e2839.js';
+import '../index-760079e7.js';
 import '../index-ec92055d.js';
 import '../_commonjsHelpers-48a9cab9.js';
 import 'node:tty';

package/dist/bundled/v2/hooks/useOverflow.js

@@ -1,4 +1,4 @@
-import { k as useMutationObserver, f as useResizeObserver } from '../index-c92e2839.js';
+import { k as useMutationObserver, f as useResizeObserver } from '../index-760079e7.js';
 import { isRef, ref, watch } from 'vue-demi';
 import '../index-ec92055d.js';
 

package/dist/bundled/v2/hooks/usePopoverState.d.ts

@@ -1,11 +1,12 @@
-import { Ref, SetupContext } from 'vue-demi';
-export interface PopoverState {
+import { Ref } from 'vue-demi';
+export type UsePopoverStateEmit = (event: 'update:state' | 'open' | 'close', value?: 'open' | 'closed') => void;
+export type UsePopoverStateOptions = {
+    debounce?: number;
+};
+export type UsePopoverStateReturn = {
     state: Ref<'open' | 'closed'>;
     open: () => void;
     close: () => void;
     toggle: () => void;
-}
-export interface PopoverStateOptions {
-    debounce?: number;
-}
-export declare function usePopoverState(isOpen: Ref<boolean>, context: SetupContext<('update:state' | 'open' | 'close' | any)[]>, options?: PopoverStateOptions): PopoverState;
+};
+export declare function usePopoverState(isOpen: Ref<boolean>, emit: UsePopoverStateEmit, options?: UsePopoverStateOptions): UsePopoverStateReturn;

package/dist/bundled/v2/hooks/usePopoverState.js

@@ -1,23 +1,23 @@
 import { ref, watch } from 'vue-demi';
 import { r as refDebounced } from '../index-ec92055d.js';
 
-// TODO: Remove type `any` (https://github.com/microsoft/TypeScript/issues/27808)
 // TODO: Use `defineEmits` after migration to Vue 3
-function usePopoverState(isOpen, context, options) {
+function usePopoverState(isOpen, emit) {
+  let options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
   // State
   const state = ref(isOpen.value ? 'open' : 'closed');
   watch(isOpen, value => {
     state.value = value ? 'open' : 'closed';
   });
-  const debouncedState = (options === null || options === void 0 ? void 0 : options.debounce) ? refDebounced(state, options.debounce) : state;
+  const debouncedState = options.debounce ? refDebounced(state, options.debounce) : state;
   watch(debouncedState, value => {
-    context.emit('update:state', value);
+    emit('update:state', value);
     switch (value) {
       case 'open':
-        context.emit('open');
+        emit('open');
         break;
       case 'closed':
-        context.emit('close');
+        emit('close');
         break;
     }
   });

package/dist/bundled/v2/hooks/useProxyModelValue.d.ts

@@ -0,0 +1,8 @@
+import { Ref, WritableComputedRef } from 'vue-demi';
+export type UseProxyModelValueEmit<T> = (event: 'update:modelValue', value: T) => void;
+export type UseProxyModelValueOptions<T> = {
+    defaultValue?: Ref<NonNullable<T>>;
+};
+export type UseProxyModelValueReturn<T> = WritableComputedRef<T>;
+export declare function useProxyModelValue<T>(modelValue: Ref<T>, emit: UseProxyModelValueEmit<T>): UseProxyModelValueReturn<T>;
+export declare function useProxyModelValue<T>(modelValue: Ref<T>, emit: UseProxyModelValueEmit<T>, options: Required<Pick<UseProxyModelValueOptions<T>, 'defaultValue'>>): UseProxyModelValueReturn<NonNullable<T>>;

package/dist/bundled/v2/hooks/useProxyModelValue.js

@@ -0,0 +1,29 @@
+import { computed } from 'vue-demi';
+
+function useProxyModelValue(modelValue, emit) {
+  let options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+  const {
+    defaultValue
+  } = options;
+  if (defaultValue) {
+    return computed({
+      get: () => {
+        var _a;
+        return (_a = modelValue.value) !== null && _a !== void 0 ? _a : defaultValue.value;
+      },
+      set: value => {
+        emit('update:modelValue', value);
+      }
+    });
+  }
+  return computed({
+    get: () => {
+      return modelValue.value;
+    },
+    set: value => {
+      emit('update:modelValue', value);
+    }
+  });
+}
+
+export { useProxyModelValue };

package/dist/bundled/v2/hooks/useResponsive/index.js

@@ -1,4 +1,4 @@
 export { default as useResponsive } from './useResponsive.js';
-import '../../index-c92e2839.js';
+import '../../index-760079e7.js';
 import '../../index-ec92055d.js';
 import 'vue-demi';

package/dist/bundled/v2/hooks/useResponsive/useResponsive.js

@@ -1,4 +1,4 @@
-import { l as useMediaQuery } from '../../index-c92e2839.js';
+import { l as useMediaQuery } from '../../index-760079e7.js';
 import { ref } from 'vue-demi';
 import '../../index-ec92055d.js';
 

package/dist/bundled/v2/hooks/useTheme.d.ts

@@ -1,2 +1,3 @@
 import { Config } from 'tailwindcss';
-export declare function useTheme(config?: Config): Config['theme'];
+export type UseThemeReturn = Record<keyof NonNullable<Config['theme']>, Record<string, string>>;
+export declare function useTheme(config?: Config): UseThemeReturn;