@onereach/ui-components 4.1.0 → 4.1.1-beta.2531.0

package/dist/esm/v2/components/or-time-picker-v3/OrTimePicker.vue.d.ts

@@ -0,0 +1,183 @@
+import { PropType } from 'vue-demi';
+import { TimePickerSize } from './props';
+declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
+    root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
+    control: import("@vue/composition-api").Ref<HTMLInputElement | undefined>;
+    popover: import("@vue/composition-api").Ref<import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
+        [x: string]: ((...args: any[]) => any) | null;
+    } | string[], {} & {}, {
+        [x: number]: string;
+    } | {}, true> | undefined>;
+    popoverState: import("@vue/composition-api").ComputedRef<undefined>;
+    rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    controlStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    controlAttributes: {
+        required: boolean | undefined;
+        minlength: number | undefined;
+        maxlength: number | undefined;
+        pattern: string | undefined;
+        min: number | undefined;
+        max: number | undefined;
+        step: number | undefined;
+        readonly: boolean | undefined;
+        disabled: boolean | undefined;
+        'force-state': string | undefined;
+        id: string | undefined;
+    };
+    proxyModelValue: import("@vue/composition-api").WritableComputedRef<Date>;
+    draftModelValue: import("@vue/composition-api").Ref<Date | undefined>;
+    togglePopover: () => void;
+    closePopover: () => void;
+    formatTime: (value?: Date) => string;
+    formatTimeAlt: (value?: Date) => string;
+}> & import("@vue/composition-api").Data, {}, {}, {
+    modelValue: {
+        type: DateConstructor;
+        default: undefined;
+    };
+    filter: {
+        type: PropType<(value: Date) => boolean>;
+        default: undefined;
+    };
+    size: {
+        type: PropType<TimePickerSize>;
+        default: TimePickerSize;
+    };
+    label: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    hint: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    error: {
+        type: (BooleanConstructor | StringConstructor)[];
+        default: undefined;
+    };
+    required: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disableDefaultStyles: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, import("@vue/composition-api").ExtractPropTypes<{
+    modelValue: {
+        type: DateConstructor;
+        default: undefined;
+    };
+    filter: {
+        type: PropType<(value: Date) => boolean>;
+        default: undefined;
+    };
+    size: {
+        type: PropType<TimePickerSize>;
+        default: TimePickerSize;
+    };
+    label: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    hint: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    error: {
+        type: (BooleanConstructor | StringConstructor)[];
+        default: undefined;
+    };
+    required: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disableDefaultStyles: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
+    filter: (value: Date) => boolean;
+    modelValue: Date;
+    size: TimePickerSize;
+    label: string;
+    hint: string;
+    error: string | boolean;
+    required: boolean;
+    readonly: boolean;
+    disabled: boolean;
+    disableDefaultStyles: boolean;
+} & {} & {
+    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
+}, import("@vue/composition-api").ShallowUnwrapRef<{
+    root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
+    control: import("@vue/composition-api").Ref<HTMLInputElement | undefined>;
+    popover: import("@vue/composition-api").Ref<import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
+        [x: string]: ((...args: any[]) => any) | null;
+    } | string[], {} & {}, {
+        [x: number]: string;
+    } | {}, true> | undefined>;
+    popoverState: import("@vue/composition-api").ComputedRef<undefined>;
+    rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    controlStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    controlAttributes: {
+        required: boolean | undefined;
+        minlength: number | undefined;
+        maxlength: number | undefined;
+        pattern: string | undefined;
+        min: number | undefined;
+        max: number | undefined;
+        step: number | undefined;
+        readonly: boolean | undefined;
+        disabled: boolean | undefined;
+        'force-state': string | undefined;
+        id: string | undefined;
+    };
+    proxyModelValue: import("@vue/composition-api").WritableComputedRef<Date>;
+    draftModelValue: import("@vue/composition-api").Ref<Date | undefined>;
+    togglePopover: () => void;
+    closePopover: () => void;
+    formatTime: (value?: Date) => string;
+    formatTimeAlt: (value?: Date) => string;
+}>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {
+    filter: (value: Date) => boolean;
+    modelValue: Date;
+    size: TimePickerSize;
+    label: string;
+    hint: string;
+    error: string | boolean;
+    required: boolean;
+    readonly: boolean;
+    disabled: boolean;
+    disableDefaultStyles: boolean;
+} & {} & {
+    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
+}, {
+    filter: (value: Date) => boolean;
+    modelValue: Date;
+    size: TimePickerSize;
+    label: string;
+    hint: string;
+    error: string | boolean;
+    required: boolean;
+    readonly: boolean;
+    disabled: boolean;
+    disableDefaultStyles: boolean;
+}, true>);
+export default _default;

package/dist/esm/v2/components/or-time-picker-v3/index.d.ts

@@ -0,0 +1,2 @@
+export { default as OrTimePickerV3 } from './OrTimePicker.vue';
+export * from './props';

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

@@ -0,0 +1,27 @@
+export { _ as OrTimePickerV3 } from '../../OrTimePicker-194a6db1.js';
+export { I as TimePickerSize } from '../../OrInputBox.vue_rollup-plugin-vue_script-b2d0c353.js';
+import 'vue-demi';
+import '../../dropdown-open-e1f90e0a.js';
+import '../../useIdAttribute-859439f0.js';
+import '@vueuse/core';
+import '../../useValidationAttributes-d1abbe34.js';
+import '../../OrDateTimePickerTimeSelect-46dac0e1.js';
+import '../../OrButton-6b60a776.js';
+import '../../OrLoader-b0c381f9.js';
+import '../../normalize-component-6e8e3d80.js';
+import '../../OrDateTimePickerPopoverHeader-93f19c1d.js';
+import '../../OrLabel-63380256.js';
+import '../../OrError-4ffc1c39.js';
+import '../../OrHint-aa221198.js';
+import '../../OrIconButton-fbe52eb8.js';
+import '../../OrIcon-d35a84d8.js';
+import '../../OrTooltip-82c59279.js';
+import '../../OrPopover-9df5572b.js';
+import '@floating-ui/dom';
+import '../../useElevation-df91fa50.js';
+import '../../useResponsive-a02e95b7.js';
+import '../../OrBottomSheet-2d3d8fbc.js';
+import '../../OrOverlay-b1609eef.js';
+import '../../OrTeleport.vue2-fb92f29f.js';
+import 'portal-vue';
+import '../../OrInputBox-0f4e8500.js';

package/dist/esm/v2/components/or-time-picker-v3/props.d.ts

@@ -0,0 +1 @@
+export { InputBoxSize as TimePickerSize } from '../or-input-box-v3';

package/dist/esm/v2/components/or-time-picker-v3/styles.d.ts

@@ -0,0 +1,2 @@
+export declare const TimePicker: string[];
+export declare const TimePickerControl: string[];

package/dist/esm/v2/directives/index.js

@@ -1,2 +1,2 @@
-export { D as DropdownClose, a as DropdownOpen } from '../dropdown-open-0d314aa4.js';
+export { D as DropdownClose, a as DropdownOpen } from '../dropdown-open-e1f90e0a.js';
 import 'vue-demi';

package/dist/esm/v2/{dropdown-open-0d314aa4.js → dropdown-open-e1f90e0a.js}

@@ -3,6 +3,7 @@ import { isVue3 } from 'vue-demi';
 const created$1 = (element, binding) => {
   element.addEventListener('keydown', event => {
     event.preventDefault();
+    event.stopPropagation();
     if (['Escape'].includes(event.key)) {
       binding.value(event);
     }
@@ -15,11 +16,16 @@ const DropdownClose = {
 const created = (element, binding) => {
   element.addEventListener('keydown', event => {
     event.preventDefault();
+    event.stopPropagation();
     if (['Enter', ' '].includes(event.key)) {
       binding.value(event);
     }
   });
-  element.addEventListener('click', binding.value);
+  element.addEventListener('click', event => {
+    event.preventDefault();
+    event.stopPropagation();
+    binding.value(event);
+  });
 };
 const DropdownOpen = {
   [isVue3 ? 'created' : 'bind']: created

package/dist/esm/v2/index.js

@@ -8,7 +8,7 @@ export { a as BUTTON_COLOR, c as BUTTON_LOADER_TYPE, b as BUTTON_SIZE, B as BUTT
 export { a as ButtonColor, b as ButtonType, B as ButtonVariant, _ as OrButtonV3 } from './OrButton-6b60a776.js';
 export { _ as OrCard } from './OrCard-c44d9783.js';
 export { C as CARD_COLLECTION_LAYOUT, _ as OrCardCollection } from './OrCardCollection-4e014d25.js';
-export { D as DefaultCardCollectionViews, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from './OrCardCollection-6b43a9b2.js';
+export { D as DefaultCardCollectionViews, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from './OrCardCollection-42bae3ad.js';
 export { _ as OrCardV3 } from './OrCard-0da13cbe.js';
 export { _ as OrCarousel } from './OrCarousel-3c809a13.js';
 export { _ as OrCarouselItem } from './OrCarouselItem-c614bab9.js';
@@ -20,12 +20,16 @@ export { _ as OrCode, O as OrCodeLanguages } from './OrCode-dcb0132a.js';
 export { _ as OrCollapse } from './OrCollapse-50e3914c.js';
 export { _ 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-fa92b4fa.js';
 export { _ as OrConfirm } from './OrConfirm-497cd260.js';
-export { C as ConfirmType, _ as OrConfirmV3 } from './OrConfirm-92e39afe.js';
+export { C as ConfirmType, _ as OrConfirmV3 } from './OrConfirm-7f40f73a.js';
+export { _ as OrDatePickerV3 } from './OrDatePicker-a1a56b4c.js';
+export { _ as OrInputBoxV3 } from './OrInputBox-0f4e8500.js';
+export { I as DatePickerSize, I as DateTimePickerSize, I as InputBoxSize, a as InputBoxVariant, I as InputSize, I as SearchSize, I as SelectSize, I as TextareaSize, I as TimePickerSize } from './OrInputBox.vue_rollup-plugin-vue_script-b2d0c353.js';
 export { D as DEFAULT_TEXT, _ as OrDateTimePicker, a as OrDateTimePickerItemTypes, O as OrDateTimePickerTypes } from './OrDateTimePicker-c88ca716.js';
+export { _ as OrDateTimePickerV3 } from './OrDateTimePicker-0004971f.js';
+export { E as EmptyStateSize, _ as OrEmptyStateV3 } from './OrEmptyState-2d3fd68d.js';
 export { _ as OrError } from './OrError-efc74907.js';
 export { _ as OrErrorTagV3 } from './OrErrorTag-a55ae01a.js';
 export { _ as OrErrorV3 } from './OrError-4ffc1c39.js';
-export { E as EmptyStateSize, _ as OrEmptyStateV3 } from './OrEmptyState-2d3fd68d.js';
 export { a as ExpansionPanelColor, E as ExpansionPanelVariant, _ as OrExpansionPanelV3 } from './OrExpansionPanel-7c359bb0.js';
 export { F as FabColor, _ as OrFabV3 } from './OrFab-f3a590c0.js';
 export { _ as OrFloating, a as OrFloatingHideStrategy, O as OrFloatingPlacements } from './OrFloating-67b6592e.js';
@@ -38,10 +42,8 @@ export { I as InlineInputBoxSize, I as InlineInputSize, _ as OrInlineInputBoxV3
 export { I as InlineInputType, _ as OrInlineInputV3 } from './OrInlineInput-50bf7e7c.js';
 export { a as InlineTextEditTrimmingTypes, I as InlineTextEditTypes, _ as OrInlineTextEdit } from './OrInlineTextEdit-e8414fb6.js';
 export { _ as OrInlineTextareaV3 } from './OrInlineTextarea-78b8aa48.js';
-export { _ as OrInputBoxV3 } from './OrInputBox-6b1aec08.js';
-export { a as InputBoxSize, I as InputBoxVariant, a as InputSize, a as SearchSize, a as SelectSize, a as TextareaSize } from './OrInputBox.vue_rollup-plugin-vue_script-23426690.js';
-export { I as InputType, _ as OrInputV3 } from './OrInput-6370bd94.js';
 export { _ as OrInput } from './OrInput-c005a759.js';
+export { I as InputType, _ as OrInputV3 } from './OrInput-d93cd545.js';
 export { _ as OrLabel } from './OrLabel-931394a5.js';
 export { L as LabelVariant, _ as OrLabelV3 } from './OrLabel-63380256.js';
 export { L as LinkColor, _ as OrLinkV3 } from './OrLink-3679a61f.js';
@@ -50,7 +52,7 @@ export { _ as OrListOfInputs } from './OrListOfInputs-33a7bf87.js';
 export { L as LoaderViews, _ as OrLoader } from './OrLoader-212ef381.js';
 export { a as LoaderColor, b as LoaderSize, L as LoaderVariant, _ as OrLoaderV3 } from './OrLoader-b0c381f9.js';
 export { _ as OrMenuItemV3 } from './OrMenuItem-6f9b8a93.js';
-export { _ as OrMenuV3 } from './OrMenu-fce31ed4.js';
+export { _ as OrMenuV3 } from './OrMenu-b2f98f30.js';
 export { P as MenuPlacement, _ as OrPopoverV3, P as PopoverPlacement, a as PopoverVariant, P as TooltipPlacement } from './OrPopover-9df5572b.js';
 export { _ as OrModal, O as OrModalSizes } from './OrModal-6d84829c.js';
 export { M as ModalSize, _ as OrModalV3 } from './OrModal-77d6cf30.js';
@@ -60,18 +62,18 @@ export { _ as OrNumberInput } from './OrNumberInput-eb0e7087.js';
 export { _ as OrOverflowMenu } from './OrOverflowMenu-5ce7171b.js';
 export { _ as OrOverlay } from './OrOverlay-ccec2218.js';
 export { _ as OrOverlayV3 } from './OrOverlay-b1609eef.js';
+export { _ as OrPaginationV3 } from './OrPagination-2d860c30.js';
 export { _ as OrPassword } from './OrPassword-3597153d.js';
-export { _ as OrPaginationV3 } from './OrPagination-ad0e1d23.js';
 export { _ as OrProgress, O as OrProgressColors, a as OrProgressTypes } from './OrProgress-e6f20dc1.js';
 export { _ as OrProgressV3, P as ProgressColor, a as ProgressType } from './OrProgress-29957e64.js';
 export { _ as OrRadio } from './OrRadio-514e8de8.js';
 export { _ as OrRadioGroup } from './OrRadioGroup-11424644.js';
 export { _ as OrRadioV3 } from './OrRadio-26031dd3.js';
 export { _ as OrSearch } from './OrSearch-49ceaac4.js';
-export { _ as OrSearchV3 } from './OrSearch-a3038272.js';
+export { _ as OrSearchV3 } from './OrSearch-151f0df9.js';
 export { _ as OrSegmentedControlV3, S as SegmentedControlSize } from './OrSegmentedControl-a1ea5b72.js';
 export { _ as OrSelect } from './OrSelect-eb5cc918.js';
-export { _ as OrSelectV3 } from './OrSelect-209a7a2c.js';
+export { _ as OrSelectV3 } from './OrSelect-7e44d39d.js';
 export { _ as OrSidebar, O as OrSidebarSide } from './OrSidebar-feacf13a.js';
 export { _ as OrSidebarV3 } from './OrSidebar-26785a1e.js';
 export { O as OrSidebarPlacement } from './OrSidebarCollapseButton-9c424133.js';
@@ -91,15 +93,16 @@ export { _ as OrTab } from './OrTab-8dfdeca0.js';
 export { _ as OrTabHeaderItem } from './OrTabHeaderItem-6a08756e.js';
 export { _ as OrTabV3 } from './OrTab-81ccc89a.js';
 export { _ as OrTabs } from './OrTabs-12138346.js';
-export { _ as OrTabsV3, T as TabsVariant } from './OrTabs-58881ef9.js';
+export { _ as OrTabsV3, T as TabsVariant } from './OrTabs-e2dbfd20.js';
 export { _ as OrTag } from './OrTag-a1fff567.js';
 export { _ as OrTagV3, a as TagColor, T as TagVariant } from './OrTag-e9761c21.js';
 export { _ as OrTeleport } from './OrTeleport.vue2-f0c16c71.js';
 export { _ as OrTeleportV3 } from './OrTeleport.vue2-fb92f29f.js';
 export { _ as OrTextV3 } from './OrText-6097bca5.js';
 export { _ as OrTextarea } from './OrTextarea-724a4d6f.js';
-export { _ as OrTextareaV3 } from './OrTextarea-2d5d0be6.js';
+export { _ as OrTextareaV3 } from './OrTextarea-839a422d.js';
 export { _ as OrTextbox, T as TextboxTypes } from './OrTextbox-0a89a533.js';
+export { _ as OrTimePickerV3 } from './OrTimePicker-194a6db1.js';
 export { _ as OrToast, a as OrToastContainer } from './OrToastContainer-5ce15a5b.js';
 export { P as PositionsX, b as PositionsY, c as ToastType, T as TransitionType, a as useQueue, u as useToast } from './useToast-4fbe0e5a.js';
 export { a as OrToastContainerV3, _ as OrToastV3, t as TypesV3 } from './types-707995c5.js';
@@ -107,7 +110,7 @@ export { p as PropsV3, a as useQueueV3, u as useToastV3 } from './useToast-06654
 export { _ as OrTooltip } from './OrTooltip-cfb56e8f.js';
 export { _ as OrTooltipContent } from './OrTooltipContent-c9540548.js';
 export { _ as OrTooltipV3 } from './OrTooltip-82c59279.js';
-export { D as DropdownClose, a as DropdownOpen } from './dropdown-open-0d314aa4.js';
+export { D as DropdownClose, a as DropdownOpen } from './dropdown-open-e1f90e0a.js';
 export { u as useControlAttributes, a as useIdAttribute } from './useIdAttribute-859439f0.js';
 export { u as useElevation } from './useElevation-df91fa50.js';
 export { u as useOverflow } from './useOverflow-af6161c8.js';
@@ -137,6 +140,9 @@ import '@lezer/highlight';
 import './px-to-rem-0b26b83e.js';
 import './dom-7a41831b.js';
 import '@vueuse/math';
+import './OrDateTimePickerMonthSelect-ca2827ce.js';
+import './OrDateTimePickerPopoverHeader-93f19c1d.js';
+import './OrDateTimePickerTimeSelect-46dac0e1.js';
 import '@floating-ui/dom';
 import './OrTooltip.vue_rollup-plugin-vue_styles.0-122f7804.js';
 import 'uuid';

package/dist/esm/v3/{OrCardCollection-631cb8e3.js → OrCardCollection-c14a585f.js}

@@ -3,10 +3,10 @@ import { s as script$3 } from './OrButton-8558588c.js';
 import { s as script$2 } from './OrIconButton-786b9346.js';
 import { s as script$6 } from './OrIcon-62793572.js';
 import { s as script$5 } from './OrMenuItem-dbee450f.js';
-import { s as script$4 } from './OrMenu-f8132f3e.js';
+import { s as script$4 } from './OrMenu-c8876a6b.js';
 import './OrPopover-d6d82a06.js';
-import { s as script$7 } from './OrSearch-d5d46937.js';
-import './OrInputBox-11389afd.js';
+import { s as script$7 } from './OrSearch-41cb1cba.js';
+import './OrInputBox-901887a1.js';
 import { openBlock, createElementBlock, normalizeClass, Fragment, renderList, renderSlot, mergeProps, createTextVNode, toDisplayString, resolveComponent, createElementVNode, createVNode, withCtx, createBlock, createCommentVNode, normalizeProps, guardReactiveProps } from 'vue';
 
 const CardCollectionRoot = [

package/dist/esm/v3/{OrConfirm-b0c7f796.js → OrConfirm-c4285d4e.js}

@@ -2,7 +2,7 @@ import { useMagicKeys, whenever, onClickOutside } from '@vueuse/core';
 import { logicAnd } from '@vueuse/math';
 import { defineComponent, ref, computed, watch } from 'vue-demi';
 import { s as script$2, a as ButtonColor } from './OrButton-8558588c.js';
-import { s as script$3 } from './OrInput-a43b53d2.js';
+import { s as script$3 } from './OrInput-9fba8b6b.js';
 import { s as script$1 } from './OrOverlay-d63d39c3.js';
 import { resolveComponent, openBlock, createBlock, withCtx, createElementVNode, mergeProps, normalizeClass, renderSlot, createTextVNode, toDisplayString, createElementBlock, createVNode, createCommentVNode } from 'vue';