@onereach/ui-components 4.2.5 → 4.2.6-beta.2604.0

package/dist/esm/v3/OrTimePicker-2fe3c573.js

@@ -0,0 +1,295 @@
+import { defineComponent, ref, computed, watch } from 'vue-demi';
+import { D as DropdownClose, a as DropdownOpen } from './dropdown-open-e1f90e0a.js';
+import { s as script$1, a as script$2, b as script$3, u as useCurrentDate } from './OrDateTimePickerPopoverHeader-042566f4.js';
+import { s as script$4, a as script$5 } from './OrDateTimePickerTimeSelect-9309c434.js';
+import { s as script$6 } from './OrError-c01d0c29.js';
+import { s as script$7 } from './OrHint-06ab89d7.js';
+import { s as script$9 } from './OrIconButton-46b3c1e2.js';
+import { s as script$8 } from './OrIcon-62793572.js';
+import { s as script$a, I as InputBoxSize } from './OrInputBox-ba40bbdf.js';
+import { s as script$b } from './OrLabel-4da56db0.js';
+import { s as script$c } from './OrPopover-e34e8f6c.js';
+import { resolveComponent, resolveDirective, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, createVNode, withDirectives, createElementVNode, withModifiers, Fragment } from 'vue';
+
+const TimePicker = [
+// Layout
+'layout-column',
+// Spacing
+'gap-xs'];
+const TimePickerPopover = [
+// Box
+'w-[224px]'];
+
+var script = defineComponent({
+  name: 'OrDateTimePicker',
+  components: {
+    OrDateTimePickerMobileControl: script$1,
+    OrDateTimePickerPopoverFooter: script$2,
+    OrDateTimePickerPopoverHeader: script$3,
+    OrDateTimePickerTimeControl: script$4,
+    OrDateTimePickerTimeSelect: script$5,
+    OrError: script$6,
+    OrHint: script$7,
+    OrIcon: script$8,
+    OrIconButton: script$9,
+    OrInputBox: script$a,
+    OrLabel: script$b,
+    OrPopover: script$c
+  },
+  directives: {
+    DropdownClose,
+    DropdownOpen
+  },
+  model: {
+    prop: 'modelValue',
+    event: 'update:modelValue'
+  },
+  props: {
+    modelValue: {
+      type: Date,
+      default: undefined
+    },
+    hoursFilter: {
+      type: Function,
+      default: undefined
+    },
+    minutesFilter: {
+      type: Function,
+      default: undefined
+    },
+    size: {
+      type: String,
+      default: InputBoxSize.M
+    },
+    label: {
+      type: String,
+      default: undefined
+    },
+    hint: {
+      type: String,
+      default: undefined
+    },
+    error: {
+      type: [String, Boolean],
+      default: undefined
+    },
+    required: {
+      type: Boolean,
+      default: false
+    },
+    readonly: {
+      type: Boolean,
+      default: false
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    disableDefaultStyles: {
+      type: Boolean,
+      default: false
+    }
+  },
+  emits: ['update:modelValue', 'keydown', 'keyup', 'focus', 'blur'],
+  expose: ['root', 'focus', 'blur'],
+  setup(props, context) {
+    // Refs
+    const root = ref();
+    const inputBox = ref();
+    const inputBoxRoot = computed(() => {
+      var _a;
+      return (_a = inputBox.value) === null || _a === void 0 ? void 0 : _a.root;
+    });
+    const popover = ref();
+    const popoverState = computed(() => {
+      var _a;
+      return (_a = popover.value) === null || _a === void 0 ? void 0 : _a.state;
+    });
+    // Styles
+    const rootStyles = computed(() => ['or-time-picker', ...TimePicker]);
+    const popoverStyles = computed(() => [...TimePickerPopover]);
+    // State
+    const initialModelValue = useCurrentDate();
+    const proxyModelValue = computed({
+      get: () => props.modelValue,
+      set: value => {
+        context.emit('update:modelValue', value);
+      }
+    });
+    const draftModelValue = ref();
+    watch(proxyModelValue, value => {
+      draftModelValue.value = value;
+    }, {
+      immediate: true
+    });
+    // Methods
+    function apply() {
+      var _a;
+      proxyModelValue.value = (_a = draftModelValue.value) !== null && _a !== void 0 ? _a : initialModelValue;
+    }
+    function reset() {
+      draftModelValue.value = proxyModelValue.value;
+    }
+    function togglePopover() {
+      if (!props.readonly && !props.disabled) {
+        const popoverInstance = popover.value;
+        if (popoverInstance) {
+          if (popoverState.value === 'open') {
+            popoverInstance.close();
+          } else {
+            popoverInstance.open();
+          }
+        }
+      }
+    }
+    function closePopover() {
+      const popoverInstance = popover.value;
+      if (popoverInstance) {
+        popoverInstance.close();
+      }
+    }
+    function formatTimeAlt(value) {
+      var _a;
+      return (_a = value === null || value === void 0 ? void 0 : value.toLocaleString(navigator.language, {
+        timeStyle: 'short',
+        timeZone: 'UTC'
+      })) !== null && _a !== void 0 ? _a : '--';
+    }
+    return {
+      root,
+      inputBox,
+      inputBoxRoot,
+      popover,
+      popoverState,
+      rootStyles,
+      popoverStyles,
+      initialModelValue,
+      proxyModelValue,
+      draftModelValue,
+      apply,
+      reset,
+      togglePopover,
+      closePopover,
+      formatTimeAlt
+    };
+  }
+});
+
+const _hoisted_1 = /*#__PURE__*/createElementVNode("div", {
+  class: /*#__PURE__*/normalizeClass(['grow'])
+}, null, -1 /* HOISTED */);
+const _hoisted_2 = {
+  class: /*#__PURE__*/normalizeClass(['layout-inline-row'])
+};
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_OrLabel = resolveComponent("OrLabel");
+  const _component_OrDateTimePickerTimeControl = resolveComponent("OrDateTimePickerTimeControl");
+  const _component_OrDateTimePickerMobileControl = resolveComponent("OrDateTimePickerMobileControl");
+  const _component_OrDateTimePickerPopoverHeader = resolveComponent("OrDateTimePickerPopoverHeader");
+  const _component_OrDateTimePickerTimeSelect = resolveComponent("OrDateTimePickerTimeSelect");
+  const _component_OrDateTimePickerPopoverFooter = resolveComponent("OrDateTimePickerPopoverFooter");
+  const _component_OrPopover = resolveComponent("OrPopover");
+  const _component_OrIconButton = resolveComponent("OrIconButton");
+  const _component_OrIcon = resolveComponent("OrIcon");
+  const _component_OrInputBox = resolveComponent("OrInputBox");
+  const _component_OrHint = resolveComponent("OrHint");
+  const _component_OrError = resolveComponent("OrError");
+  const _directive_dropdown_open = resolveDirective("dropdown-open");
+  const _directive_dropdown_close = resolveDirective("dropdown-close");
+  return openBlock(), createElementBlock("div", {
+    ref: "root",
+    class: normalizeClass(_ctx.rootStyles)
+  }, [_ctx.label ? (openBlock(), createBlock(_component_OrLabel, {
+    key: 0,
+    variant: 'input',
+    required: _ctx.required,
+    disabled: _ctx.disabled
+  }, {
+    addon: withCtx(() => [renderSlot(_ctx.$slots, "addon")]),
+    default: withCtx(() => [createTextVNode(toDisplayString(_ctx.label) + " ", 1 /* TEXT */)]),
+
+    _: 3 /* FORWARDED */
+  }, 8 /* PROPS */, ["required", "disabled"])) : createCommentVNode("v-if", true), createVNode(_component_OrInputBox, {
+    ref: "inputBox",
+    variant: _ctx.disableDefaultStyles ? 'unstyled' : 'styled',
+    size: _ctx.size,
+    invalid: !!_ctx.error,
+    readonly: _ctx.readonly,
+    disabled: _ctx.disabled
+  }, {
+    default: withCtx(() => [withDirectives(createVNode(_component_OrDateTimePickerTimeControl, {
+      modelValue: _ctx.draftModelValue,
+      "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => _ctx.draftModelValue = $event),
+      required: _ctx.required,
+      readonly: _ctx.readonly,
+      disabled: _ctx.disabled
+    }, null, 8 /* PROPS */, ["modelValue", "required", "readonly", "disabled"]), [[_directive_dropdown_open, _ctx.togglePopover], [_directive_dropdown_close, _ctx.closePopover]]), createVNode(_component_OrPopover, {
+      ref: "popover",
+      class: normalizeClass(_ctx.popoverStyles),
+      variant: 'auto',
+      trigger: _ctx.inputBoxRoot,
+      placement: 'bottom-start',
+      "onUpdate:state:closedAutomatically": _cache[4] || (_cache[4] = $event => _ctx.reset())
+    }, {
+      default: withCtx(() => [createVNode(_component_OrDateTimePickerPopoverHeader, null, {
+        default: withCtx(() => [createVNode(_component_OrDateTimePickerMobileControl, {
+          label: "Time"
+        }, {
+          default: withCtx(() => [createTextVNode(toDisplayString(_ctx.formatTimeAlt(_ctx.draftModelValue)), 1 /* TEXT */)]),
+
+          _: 1 /* STABLE */
+        })]),
+
+        _: 1 /* STABLE */
+      }), createVNode(_component_OrDateTimePickerTimeSelect, {
+        modelValue: _ctx.draftModelValue,
+        "onUpdate:modelValue": _cache[1] || (_cache[1] = $event => _ctx.draftModelValue = $event),
+        "initial-value": _ctx.initialModelValue,
+        "hours-filter": _ctx.hoursFilter,
+        "minutes-filter": _ctx.minutesFilter
+      }, null, 8 /* PROPS */, ["modelValue", "initial-value", "hours-filter", "minutes-filter"]), createVNode(_component_OrDateTimePickerPopoverFooter, {
+        onApply: _cache[2] || (_cache[2] = $event => {
+          _ctx.apply();
+          _ctx.popover.close();
+        }),
+        onReset: _cache[3] || (_cache[3] = $event => {
+          _ctx.reset();
+          _ctx.popover.close();
+        })
+      })]),
+      _: 1 /* STABLE */
+    }, 8 /* PROPS */, ["class", "trigger"]), _hoisted_1, createElementVNode("div", _hoisted_2, [_ctx.modelValue ? (openBlock(), createBlock(_component_OrIconButton, {
+      key: 0,
+      icon: 'close',
+      color: 'inherit',
+      disabled: _ctx.readonly || _ctx.disabled,
+      onClick: _cache[5] || (_cache[5] = withModifiers($event => _ctx.$emit('update:modelValue', undefined), ["stop"]))
+    }, null, 8 /* PROPS */, ["disabled"])) : (openBlock(), createBlock(_component_OrIcon, {
+      key: 1,
+      icon: 'calendar_month',
+      variant: 'outlined'
+    }))])]),
+    _: 1 /* STABLE */
+  }, 8 /* PROPS */, ["variant", "size", "invalid", "readonly", "disabled"]), !_ctx.error ? (openBlock(), createElementBlock(Fragment, {
+    key: 1
+  }, [_ctx.hint ? (openBlock(), createBlock(_component_OrHint, {
+    key: 0,
+    disabled: _ctx.disabled
+  }, {
+    default: withCtx(() => [createTextVNode(toDisplayString(_ctx.hint), 1 /* TEXT */)]),
+
+    _: 1 /* STABLE */
+  }, 8 /* PROPS */, ["disabled"])) : createCommentVNode("v-if", true)], 64 /* STABLE_FRAGMENT */)) : createCommentVNode("v-if", true), typeof _ctx.error === 'string' ? (openBlock(), createBlock(_component_OrError, {
+    key: 2,
+    disabled: _ctx.disabled
+  }, {
+    default: withCtx(() => [createTextVNode(toDisplayString(_ctx.error), 1 /* TEXT */)]),
+
+    _: 1 /* STABLE */
+  }, 8 /* PROPS */, ["disabled"])) : createCommentVNode("v-if", true)], 2 /* CLASS */);
+}
+
+script.render = render;
+script.__file = "src/components/or-time-picker-v3/OrTimePicker.vue";
+
+export { script as s };

package/dist/esm/v3/{OrTooltip-56ed42c7.js → OrTooltip-e3c85390.js}

@@ -1,6 +1,6 @@
 import { useDebounceFn, useElementHover } from '@vueuse/core';
 import { defineComponent, ref, computed, watch } from 'vue-demi';
-import { s as script$1, P as PopoverPlacement } from './OrPopover-d6d82a06.js';
+import { s as script$1, P as PopoverPlacement } from './OrPopover-e34e8f6c.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, renderSlot, createBlock, withCtx, createElementVNode, toDisplayString, createCommentVNode } from 'vue';
 
 const TooltipRoot = [

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

@@ -17,11 +17,13 @@ export * from './or-collapse';
 export * from './or-color-picker';
 export * from './or-confirm';
 export * from './or-confirm-v3';
+export * from './or-date-picker-v3';
 export * from './or-date-time-picker';
+export * from './or-date-time-picker-v3';
+export * from './or-empty-state-v3';
 export * from './or-error';
 export * from './or-error-tag-v3';
 export * from './or-error-v3';
-export * from './or-empty-state-v3';
 export * from './or-expansion-panel-v3';
 export * from './or-fab-v3';
 export * from './or-floating';
@@ -35,9 +37,9 @@ export * from './or-inline-input-box-v3';
 export * from './or-inline-input-v3';
 export * from './or-inline-text-edit';
 export * from './or-inline-textarea-v3';
+export * from './or-input';
 export * from './or-input-box-v3';
 export * from './or-input-v3';
-export * from './or-input';
 export * from './or-label';
 export * from './or-label-v3';
 export * from './or-link-v3';
@@ -55,8 +57,8 @@ export * from './or-number-input';
 export * from './or-overflow-menu';
 export * from './or-overlay';
 export * from './or-overlay-v3';
-export * from './or-password';
 export * from './or-pagination-v3';
+export * from './or-password';
 export * from './or-popover-v3';
 export * from './or-progress';
 export * from './or-progress-v3';
@@ -90,6 +92,7 @@ export * from './or-text-v3';
 export * from './or-textarea';
 export * from './or-textarea-v3';
 export * from './or-textbox';
+export * from './or-time-picker-v3';
 export * from './or-toast';
 export * from './or-toast-v3';
 export * from './or-tooltip';

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

@@ -1,45 +1,47 @@
 export { O as OR_AVATAR_SIZE, s as OrAvatar } from '../OrAvatar-14a5c5f0.js';
 export { a as AvatarColor, A as AvatarSize, s as OrAvatarV3 } from '../OrAvatar-1ebca2e8.js';
-export { s as OrBottomSheetV3 } from '../OrBottomSheet-95bc694e.js';
+export { s as OrBottomSheetV3 } from '../OrBottomSheet-6538d9c3.js';
 export { s as OrButton, a as OrButtonColors, b as OrButtonSizes, O as OrButtonViews } from '../OrButton-fca9019a.js';
 export { s as OrButtonV2 } from '../OrButton-f8b10d79.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-5387fd59.js';
-export { a as ButtonColor, b as ButtonType, B as ButtonVariant, s as OrButtonV3 } from '../OrButton-8558588c.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-ffbb9eda.js';
-export { D as DefaultCardCollectionViews, s as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../OrCardCollection-631cb8e3.js';
+export { D as DefaultCardCollectionViews, s as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../OrCardCollection-b7d73647.js';
 export { s as OrCardV3 } from '../OrCard-cc82902c.js';
 export { s as OrCarousel } from '../OrCarousel-03597740.js';
 export { s as OrCarouselItem } from '../OrCarouselItem-8c7ccd0f.js';
 export { s as OrCheckbox } from '../OrCheckbox-7efd5f26.js';
-export { s as OrCheckboxV3 } from '../OrCheckbox-488b6915.js';
+export { s as OrCheckboxV3 } from '../OrCheckbox-247ce27b.js';
 export { s as OrChip } from '../OrChip-97a85e10.js';
 export { s as OrChips } from '../OrChips-64b86761.js';
 export { s as OrCode, O as OrCodeLanguages } from '../OrCode-6f2e4d99.js';
 export { s as OrCollapse } from '../OrCollapse-37a52e8f.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-9a149e6b.js';
 export { s as OrConfirm } from '../OrConfirm-ab04201f.js';
-export { C as ConfirmType, s as OrConfirmV3 } from '../OrConfirm-b0c7f796.js';
+export { C as ConfirmType, s as OrConfirmV3 } from '../OrConfirm-14cefbad.js';
+export { s as OrDatePickerV3 } from '../OrDatePicker-748c8f09.js';
+export { 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 TextareaSize, I as TimePickerSize } from '../OrInputBox-ba40bbdf.js';
 export { D as DEFAULT_TEXT, s as OrDateTimePicker, a as OrDateTimePickerItemTypes, O as OrDateTimePickerTypes } from '../OrDateTimePicker-014f7819.js';
+export { s as OrDateTimePickerV3 } from '../OrDateTimePicker-10f2eb69.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 { E as EmptyStateSize, s as OrEmptyStateV3 } from '../OrEmptyState-5349a1f9.js';
 export { a as ExpansionPanelColor, E as ExpansionPanelVariant, s as OrExpansionPanelV3 } from '../OrExpansionPanel-99ca7ed7.js';
 export { F as FabColor, s as OrFabV3 } from '../OrFab-83cd7ed7.js';
 export { s as OrFloating, a as OrFloatingHideStrategy, O as OrFloatingPlacements } from '../OrFloating-291c7653.js';
 export { s as OrHint } from '../OrHint-1414c530.js';
 export { s as OrHintV3 } from '../OrHint-06ab89d7.js';
 export { s as OrIcon, O as OrIconColors, a as OrIconType } from '../OrIcon-925c5413.js';
-export { I as IconButtonColor, s as OrIconButtonV3 } from '../OrIconButton-786b9346.js';
+export { I as IconButtonColor, s as OrIconButtonV3 } from '../OrIconButton-46b3c1e2.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-ca82ccc3.js';
+export { I as InlineInputType, s as OrInlineInputV3 } from '../OrInlineInput-63b1d245.js';
 export { a as InlineTextEditTrimmingTypes, I as InlineTextEditTypes, s as OrInlineTextEdit } from '../OrInlineTextEdit-6f97629f.js';
-export { s as OrInlineTextareaV3 } from '../OrInlineTextarea-864f1099.js';
-export { a as InputBoxSize, I as InputBoxVariant, a as InputSize, s as OrInputBoxV3, a as SearchSize, a as SelectSize, a as TextareaSize } from '../OrInputBox-11389afd.js';
-export { I as InputType, s as OrInputV3 } from '../OrInput-a43b53d2.js';
+export { s as OrInlineTextareaV3 } from '../OrInlineTextarea-d03f81c4.js';
 export { s as OrInput } from '../OrInput-0dbd5a01.js';
+export { I as InputType, s as OrInputV3 } from '../OrInput-cc1991ff.js';
 export { s as OrLabel } from '../OrLabel-876f8729.js';
 export { L as LabelVariant, s as OrLabelV3 } from '../OrLabel-4da56db0.js';
 export { L as LinkColor, s as OrLinkV3 } from '../OrLink-7c4eedf0.js';
@@ -48,31 +50,31 @@ export { s as OrListOfInputs } from '../OrListOfInputs-16ba8358.js';
 export { L as LoaderViews, s as OrLoader } from '../OrLoader-15174477.js';
 export { a as LoaderColor, b as LoaderSize, L as LoaderVariant, s as OrLoaderV3 } from '../OrLoader-b79022da.js';
 export { s as OrMenuItemV3 } from '../OrMenuItem-dbee450f.js';
-export { s as OrMenuV3 } from '../OrMenu-f8132f3e.js';
-export { P as MenuPlacement, s as OrPopoverV3, P as PopoverPlacement, a as PopoverVariant, P as TooltipPlacement } from '../OrPopover-d6d82a06.js';
+export { s as OrMenuV3 } from '../OrMenu-03a8a492.js';
+export { P as MenuPlacement, s as OrPopoverV3, P as PopoverPlacement, a as PopoverVariant, P as TooltipPlacement } from '../OrPopover-e34e8f6c.js';
 export { s as OrModal, O as OrModalSizes } from '../OrModal-e6513e8c.js';
-export { M as ModalSize, s as OrModalV3 } from '../OrModal-cb236842.js';
+export { M as ModalSize, s as OrModalV3 } from '../OrModal-28d273a8.js';
 export { a as OR_NOTIFICATION_SIZE, O as OR_NOTIFICATION_TYPE, s as OrNotification } from '../OrNotification-4c56f7ea.js';
-export { N as NotificationVariant, s as OrNotificationV3 } from '../OrNotification-45b47899.js';
+export { N as NotificationVariant, s as OrNotificationV3 } from '../OrNotification-16190cf5.js';
 export { s as OrNumberInput } from '../OrNumberInput-dca5e850.js';
 export { s as OrOverflowMenu } from '../OrOverflowMenu-fe77e22c.js';
 export { s as OrOverlay } from '../OrOverlay-451dce49.js';
 export { s as OrOverlayV3 } from '../OrOverlay-d63d39c3.js';
+export { s as OrPaginationV3 } from '../OrPagination-6bf44eec.js';
 export { s as OrPassword } from '../OrPassword-9c8a458d.js';
-export { s as OrPaginationV3 } from '../OrPagination-1e334ccd.js';
 export { s as OrProgress, O as OrProgressColors, a as OrProgressTypes } from '../OrProgress-d0d52c86.js';
 export { s as OrProgressV3, P as ProgressColor, a as ProgressType } from '../OrProgress-33cf7445.js';
 export { s as OrRadio } from '../OrRadio-c3ab11f2.js';
 export { s as OrRadioGroup } from '../OrRadioGroup-00785e41.js';
-export { s as OrRadioV3 } from '../OrRadio-a890ee7c.js';
+export { s as OrRadioV3 } from '../OrRadio-a6c88f29.js';
 export { s as OrSearch } from '../OrSearch-c4caf04e.js';
-export { s as OrSearchV3 } from '../OrSearch-d5d46937.js';
+export { s as OrSearchV3 } from '../OrSearch-7277ebfd.js';
 export { s as OrSegmentedControlV3, S as SegmentedControlSize } from '../OrSegmentedControl-4587c7a9.js';
 export { s as OrSelect } from '../OrSelect-d8a78242.js';
-export { s as OrSelectV3 } from '../OrSelect-35b41c3f.js';
+export { s as OrSelectV3 } from '../OrSelect-9c7044f8.js';
 export { s as OrSidebar, O as OrSidebarSide } from '../OrSidebar-375c85a3.js';
-export { s as OrSidebarV3 } from '../OrSidebar-0d715029.js';
-export { O as OrSidebarPlacement } from '../OrSidebarCollapseButton-4d7497ec.js';
+export { s as OrSidebarV3 } from '../OrSidebar-0f4629bf.js';
+export { O as OrSidebarPlacement } from '../OrSidebarCollapseButton-a384cd37.js';
 export { s as OrSkeletonCircle } from '../OrSkeletonCircle-1aa63444.js';
 export { s as OrSkeletonRect } from '../OrSkeletonRect-813bc73a.js';
 export { s as OrSkeletonText } from '../OrSkeletonText-6de38947.js';
@@ -84,27 +86,28 @@ export { s as OrSlider } from '../OrSlider-80e0f2e6.js';
 export { s as OrSortHeaderV3 } from '../OrSortHeader-54d85a25.js';
 export { s as OrStepper } from '../OrStepper-3a586401.js';
 export { s as OrSwitch } from '../OrSwitch-c333ee32.js';
-export { s as OrSwitchV3 } from '../OrSwitch-97096491.js';
+export { s as OrSwitchV3 } from '../OrSwitch-594f5a63.js';
 export { s as OrTab } from '../OrTab-bc98be02.js';
 export { s as OrTabHeaderItem } from '../OrTabHeaderItem-d668cc59.js';
-export { s as OrTabV3 } from '../OrTab-c11d94f6.js';
+export { s as OrTabV3 } from '../OrTab-f7e51ffb.js';
 export { s as OrTabs } from '../OrTabs-d3812c11.js';
-export { s as OrTabsV3, T as TabsVariant } from '../OrTabs-f667cf9f.js';
+export { s as OrTabsV3, T as TabsVariant } from '../OrTabs-9e29eeec.js';
 export { s as OrTag } from '../OrTag-e7adb078.js';
-export { s as OrTagV3, a as TagColor, T as TagVariant } from '../OrTag-dc1b8628.js';
+export { s as OrTagV3, a as TagColor, T as TagVariant } from '../OrTag-b508f25f.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-de6b2fe2.js';
 export { s as OrTextarea } from '../OrTextarea-de1ecb0f.js';
-export { s as OrTextareaV3 } from '../OrTextarea-08b22d36.js';
+export { s as OrTextareaV3 } from '../OrTextarea-fa1454e3.js';
 export { s as OrTextbox, T as TextboxTypes } from '../OrTextbox-f7388a30.js';
+export { s as OrTimePickerV3 } from '../OrTimePicker-2fe3c573.js';
 export { s as OrToast, a as OrToastContainer } from '../OrToastContainer-94ba2803.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, s as OrToastV3, t as TypesV3 } from '../types-71d7c1df.js';
+export { a as OrToastContainerV3, s as OrToastV3, t as TypesV3 } from '../types-9034029d.js';
 export { p as PropsV3, a as useQueueV3, u as useToastV3 } from '../useToast-0665462d.js';
 export { s as OrTooltip } from '../OrTooltip-618ce7c9.js';
 export { s as OrTooltipContent } from '../OrTooltipContent-37a5f562.js';
-export { s as OrTooltipV3 } from '../OrTooltip-56ed42c7.js';
+export { s as OrTooltipV3 } from '../OrTooltip-e3c85390.js';
 import 'vue-demi';
 import 'lodash';
 import 'vue';
@@ -127,6 +130,10 @@ import '@lezer/highlight';
 import '../px-to-rem-0b26b83e.js';
 import '../dom-7a41831b.js';
 import '@vueuse/math';
+import '../dropdown-open-e1f90e0a.js';
+import '../OrDateTimePickerPopoverHeader-042566f4.js';
+import '../OrDateTimePickerMonthSelect-7e13dcca.js';
+import '../OrDateTimePickerTimeSelect-9309c434.js';
 import '@floating-ui/dom';
 import '../useValidationAttributes-d1abbe34.js';
 import '../useResponsive-a02e95b7.js';
@@ -135,6 +142,5 @@ import 'sortablejs';
 import '../useElevation-df91fa50.js';
 import '@vueuse/integrations/useFocusTrap';
 import '../useToggle-29e4d7c7.js';
-import '../dropdown-open-0d314aa4.js';
 import '../useOverflow-af6161c8.js';
 import '../styles-ed564e39.js';

package/dist/esm/v3/components/or-bottom-sheet-v3/OrBottomSheet.vue.d.ts

@@ -3,9 +3,12 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
     handleStyles: import("@vue/composition-api").ComputedRef<string[]>;
     headerStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    state: import("@vue/composition-api").Ref<"open" | "full-open" | "closed">;
+    state: import("@vue/composition-api").Ref<"open" | "fullscreen" | "closed">;
+    isOpen: import("@vue/composition-api").ComputedRef<boolean>;
+    isFullscreen: import("@vue/composition-api").ComputedRef<boolean>;
+    isClosed: import("@vue/composition-api").ComputedRef<boolean>;
     open: () => void;
-    close: () => void;
+    close: (auto?: boolean) => void;
 }> & import("@vue/composition-api").Data, {}, {}, {}, import("@vue/composition-api").ExtractPropTypes<{}>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{} & {} & {
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
 }, import("@vue/composition-api").ShallowUnwrapRef<{
@@ -13,9 +16,12 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
     handleStyles: import("@vue/composition-api").ComputedRef<string[]>;
     headerStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    state: import("@vue/composition-api").Ref<"open" | "full-open" | "closed">;
+    state: import("@vue/composition-api").Ref<"open" | "fullscreen" | "closed">;
+    isOpen: import("@vue/composition-api").ComputedRef<boolean>;
+    isFullscreen: import("@vue/composition-api").ComputedRef<boolean>;
+    isClosed: import("@vue/composition-api").ComputedRef<boolean>;
     open: () => void;
-    close: () => void;
+    close: (auto?: boolean) => void;
 }>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {} & {} & {
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
 }, {}, true>);

package/dist/esm/v3/components/or-bottom-sheet-v3/index.js

@@ -1,4 +1,4 @@
-export { s as OrBottomSheetV3 } from '../../OrBottomSheet-95bc694e.js';
+export { s as OrBottomSheetV3 } from '../../OrBottomSheet-6538d9c3.js';
 import '@vueuse/core';
 import 'vue-demi';
 import '../../OrOverlay-d63d39c3.js';

package/dist/esm/v3/components/or-button-v3/OrButton.vue.d.ts

@@ -6,15 +6,15 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     isVue3: boolean;
 }> & import("@vue/composition-api").Data, {}, {}, {
     type: {
-        type: PropType<ButtonType>;
+        type: PropType<"button" | "submit" | "reset">;
         default: ButtonType;
     };
     variant: {
-        type: PropType<ButtonVariant>;
+        type: PropType<"contained" | "outlined" | "text" | "link">;
         default: ButtonVariant;
     };
     color: {
-        type: PropType<ButtonColor>;
+        type: PropType<"primary" | "danger" | "inherit">;
         default: ButtonColor;
     };
     activated: {
@@ -35,15 +35,15 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     };
 }, import("@vue/composition-api").ExtractPropTypes<{
     type: {
-        type: PropType<ButtonType>;
+        type: PropType<"button" | "submit" | "reset">;
         default: ButtonType;
     };
     variant: {
-        type: PropType<ButtonVariant>;
+        type: PropType<"contained" | "outlined" | "text" | "link">;
         default: ButtonVariant;
     };
     color: {
-        type: PropType<ButtonColor>;
+        type: PropType<"primary" | "danger" | "inherit">;
         default: ButtonColor;
     };
     activated: {
@@ -64,9 +64,9 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     };
 }>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
     activated: boolean;
-    type: ButtonType;
-    variant: ButtonVariant;
-    color: ButtonColor;
+    type: "button" | "submit" | "reset";
+    variant: "contained" | "outlined" | "text" | "link";
+    color: "primary" | "danger" | "inherit";
     disabled: boolean;
     loading: boolean;
     loadingText: string;
@@ -78,9 +78,9 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     isVue3: boolean;
 }>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {
     activated: boolean;
-    type: ButtonType;
-    variant: ButtonVariant;
-    color: ButtonColor;
+    type: "button" | "submit" | "reset";
+    variant: "contained" | "outlined" | "text" | "link";
+    color: "primary" | "danger" | "inherit";
     disabled: boolean;
     loading: boolean;
     loadingText: string;
@@ -88,9 +88,9 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
 }, {
     activated: boolean;
-    type: ButtonType;
-    variant: ButtonVariant;
-    color: ButtonColor;
+    type: "button" | "submit" | "reset";
+    variant: "contained" | "outlined" | "text" | "link";
+    color: "primary" | "danger" | "inherit";
     disabled: boolean;
     loading: boolean;
     loadingText: string;

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

@@ -1,4 +1,4 @@
-export { a as ButtonColor, b as ButtonType, B as ButtonVariant, s as OrButtonV3 } from '../../OrButton-8558588c.js';
+export { a as ButtonColor, b as ButtonType, B as ButtonVariant, s as OrButtonV3 } from '../../OrButton-c2b6aa9e.js';
 import 'vue-demi';
 import '../../OrLoader-b79022da.js';
 import '@vueuse/core';