@onereach/ui-components 8.7.0 → 8.7.1-beta.3683.0

package/dist/esm/v3/{OrTab-276ea81d.js → OrTab-3eb33eeb.js}

@@ -1,23 +1,29 @@
 import { defineComponent, ref, computed } from 'vue-demi';
 import { openBlock, createElementBlock, normalizeClass, renderSlot } from 'vue';
 
-const TabRoot = [
+const Tab = [
 // Layout
 'layout-inline-row justify-center',
 // Spacing
-'py-[6px]',
+'py-[6px]', 'mb-[-1px]',
 // Interactivity
 'interactivity-click',
 // Typography
 'typography-body-2-bold',
 // Theme
 'theme-foreground-secondary', 'dark:theme-foreground-secondary-dark', 'theme-border-underline', 'theme-border-2-transparent', 'dark:theme-border-2-transparent',
+// Theme (selected)
+'selected:theme-foreground-default', 'dark:selected:theme-foreground-default-dark', 'selected:theme-border-underline', 'selected:theme-border-2-current', 'dark:selected:theme-border-2-current',
+// Theme (invalid)
+'invalid:theme-foreground-error', 'dark:invalid:theme-foreground-error-dark',
 // Theme (hover)
 'hover:md:theme-foreground-default', 'dark:hover:md:theme-foreground-default-dark',
+// Theme (hover, invalid)
+'hover:invalid:md:theme-foreground-error-hover', 'dark:hover:invalid:md:theme-foreground-error-hover-dark',
 // Theme (active)
 'active:theme-foreground-default', 'dark:active:theme-foreground-default-dark', 'active:theme-border-underline', 'active:theme-border-2-current', 'dark:active:theme-border-2-current',
-// Theme (selected)
-'selected:theme-foreground-default', 'dark:selected:theme-foreground-default-dark', 'selected:theme-border-underline', 'selected:theme-border-2-current', 'dark:selected:theme-border-2-current'];
+// Theme (active, invalid)
+'active:invalid:theme-foreground-error', 'dark:active:invalid:theme-foreground-error-dark', 'active:invalid:theme-border-underline', 'active:invalid:theme-border-2-current', 'dark:active:invalid:theme-border-2-current'];
 
 var script = defineComponent({
   name: 'OrTab',
@@ -25,6 +31,14 @@ var script = defineComponent({
     selected: {
       type: Boolean,
       default: false
+    },
+    invalid: {
+      type: Boolean,
+      default: false
+    },
+    disabled: {
+      type: Boolean,
+      default: false
     }
   },
   emits: ['click', 'focus', 'blur'],
@@ -33,7 +47,7 @@ var script = defineComponent({
     // Refs
     const root = ref();
     // Styles
-    const rootStyles = computed(() => ['or-tab-v3', ...TabRoot]);
+    const rootStyles = computed(() => ['or-tab-v3', ...Tab]);
     return {
       root,
       rootStyles
@@ -41,13 +55,14 @@ var script = defineComponent({
   }
 });
 
-const _hoisted_1 = ["selected"];
+const _hoisted_1 = ["selected", "invalid", "disabled"];
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     ref: "root",
     class: normalizeClass(_ctx.rootStyles),
-    tabindex: 0,
-    selected: _ctx.selected ? '' : null,
+    selected: _ctx.selected,
+    invalid: _ctx.invalid,
+    disabled: _ctx.disabled,
     onClick: _cache[0] || (_cache[0] = $event => _ctx.$emit('click', $event)),
     onFocus: _cache[1] || (_cache[1] = $event => _ctx.$emit('focus', $event)),
     onBlur: _cache[2] || (_cache[2] = $event => _ctx.$emit('blur', $event))

package/dist/esm/v3/{OrTabs-c68c8be3.js → OrTabs-c83800f7.js}

@@ -5,10 +5,10 @@ import { u as useProxyModelValue } from './useProxyModelValue-940010d2.js';
 import '@onereach/styles/tailwind/plugins/core';
 import '@onereach/styles/tailwind.config.json';
 import { s as script$1 } from './OrIcon-8f6c9c29.js';
-import { s as script$3 } from './OrMenuItem-c5d2a427.js';
+import { s as script$3 } from './OrMenuItem-77e47b3b.js';
 import { s as script$2 } from './OrMenu-33d89df4.js';
 import './OrPopover-062e78f6.js';
-import { s as script$4 } from './OrTab-276ea81d.js';
+import { s as script$4 } from './OrTab-3eb33eeb.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, mergeProps, Fragment, renderList, createBlock, withModifiers, withCtx, renderSlot, createTextVNode, toDisplayString, createVNode, createCommentVNode } from 'vue';
 
 var TabsVariant;
@@ -17,7 +17,14 @@ var TabsVariant;
   TabsVariant["Fitted"] = "fitted";
 })(TabsVariant || (TabsVariant = {}));
 
-const TabsRoot = [
+const TabsContainer = [
+// Layout
+'layout-column',
+// Box
+'h-full',
+// Spacing
+'gap-lg'];
+const Tabs = [
 // Layout
 'grid', 'grid-flow-col', 'items-center',
 // Box
@@ -26,7 +33,7 @@ const TabsRoot = [
 'gap-lg',
 // Theme
 'theme-border-underline', 'theme-border-1-outline', 'dark:theme-border-1-outline'];
-const TabsRootVariants = {
+const TabsVariants = {
   'default': [
   // Layout
   'auto-cols-max'],
@@ -34,13 +41,6 @@ const TabsRootVariants = {
   // Layout
   'auto-cols-auto']
 };
-const TabsContainer = [
-// Layout
-'layout-column',
-// Box
-'h-full',
-// Spacing
-'gap-lg'];
 const TabsContent = [
 // Layout
 'grow',
@@ -61,14 +61,14 @@ var script = defineComponent({
     event: 'update:modelValue'
   },
   props: {
-    items: {
-      type: Array,
-      required: true
-    },
     modelValue: {
       type: [String, Number],
       default: undefined
     },
+    items: {
+      type: Array,
+      required: true
+    },
     variant: {
       type: String,
       default: TabsVariant.Default
@@ -90,8 +90,8 @@ var script = defineComponent({
       return (_a = overflowMenu.value) === null || _a === void 0 ? void 0 : _a.root;
     });
     // Styles
-    const rootStyles = computed(() => ['or-tabs-v3', ...TabsRoot, ...TabsRootVariants[props.variant]]);
     const containerStyles = computed(() => [...TabsContainer]);
+    const rootStyles = computed(() => ['or-tabs-v3', ...Tabs, ...TabsVariants[props.variant]]);
     const contentStyles = computed(() => [...TabsContent]);
     // State
     const tabs = reactive({
@@ -106,6 +106,11 @@ var script = defineComponent({
       return value === proxyModelValue.value;
     }));
     // Methods
+    function selectTab(tab) {
+      if (!tab.disabled) {
+        proxyModelValue.value = tab.value;
+      }
+    }
     function rearrangeTabs(items, activeTab, rootElement) {
       const {
         children
@@ -156,12 +161,13 @@ var script = defineComponent({
       overflowTabRoot,
       overflowMenu,
       overflowMenuRoot,
-      rootStyles,
       containerStyles,
+      rootStyles,
       contentStyles,
       tabs,
       proxyModelValue,
-      activeTab
+      activeTab,
+      selectTab
     };
   }
 });
@@ -181,7 +187,9 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     return openBlock(), createBlock(_component_OrTab, {
       key: tab.value,
       selected: tab.value === _ctx.proxyModelValue,
-      onClick: withModifiers($event => _ctx.proxyModelValue = tab.value, ["stop"])
+      invalid: tab.invalid,
+      disabled: tab.disabled,
+      onClick: withModifiers($event => _ctx.selectTab(tab), ["stop"])
     }, {
       default: withCtx(() => [renderSlot(_ctx.$slots, "tab", {
         tab: tab,
@@ -189,7 +197,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       }, () => [createTextVNode(toDisplayString(tab.label), 1 /* TEXT */)])]),
 
       _: 2 /* DYNAMIC */
-    }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["selected", "onClick"]);
+    }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["selected", "invalid", "disabled", "onClick"]);
   }), 128 /* KEYED_FRAGMENT */)), _ctx.tabs.hidden.length > 0 ? (openBlock(), createElementBlock(Fragment, {
     key: 0
   }, [createVNode(_component_OrTab, {
@@ -208,15 +216,16 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.tabs.hidden, tab => {
       return openBlock(), createBlock(_component_OrMenuItem, {
         key: tab.value,
+        disabled: tab.disabled,
         onClick: withModifiers($event => {
-          _ctx.proxyModelValue = tab.value;
+          _ctx.selectTab(tab);
           _ctx.overflowMenu && _ctx.overflowMenu.close();
         }, ["stop"])
       }, {
         default: withCtx(() => [createTextVNode(toDisplayString(tab.label), 1 /* TEXT */)]),
 
         _: 2 /* DYNAMIC */
-      }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["onClick"]);
+      }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["disabled", "onClick"]);
     }), 128 /* KEYED_FRAGMENT */))]),
 
     _: 1 /* STABLE */

package/dist/esm/v3/{OrTimeFormat-fc7a59f2.js → OrTimeFormat-26cfaafd.js}

@@ -1,6 +1,6 @@
 import { defineComponent, ref, computed } from 'vue-demi';
-import './OrDateTimePicker-eccf252e.js';
-import './OrDateTimePickerTimeSelect-bc9342dd.js';
+import './OrDateTimePicker-b1ec68a8.js';
+import './OrDateTimePickerTimeSelect-c97af8c7.js';
 import { D as DateTimePickerTimeFormat, a as formatTime } from './getTimePlaceholder-13d5f743.js';
 import { openBlock, createElementBlock, normalizeClass, toDisplayString } from 'vue';
 

package/dist/esm/v3/{OrTimePicker-7e4a8000.js → OrTimePicker-ebfff3ab.js}

@@ -5,8 +5,8 @@ import './dom-aecadd9a.js';
 import { u as useProxyModelValue } from './useProxyModelValue-940010d2.js';
 import '@onereach/styles/tailwind/plugins/core';
 import '@onereach/styles/tailwind.config.json';
-import './OrDateTimePicker-eccf252e.js';
-import { b as script$1, d as script$2, e as script$3, f as script$4, g as script$5 } from './OrDateTimePickerTimeSelect-bc9342dd.js';
+import './OrDateTimePicker-b1ec68a8.js';
+import { b as script$1, d as script$2, e as script$3, f as script$4, g as script$5 } from './OrDateTimePickerTimeSelect-c97af8c7.js';
 import { D as DateTimePickerTimeFormat } from './getTimePlaceholder-13d5f743.js';
 import { g as getCurrentDate } from './getCurrentDate-046a888d.js';
 import { s as script$6 } from './OrError-69bd7f6a.js';

package/dist/esm/v3/{OrTimeRangePicker-2d5a72ce.js → OrTimeRangePicker-477cadab.js}

@@ -5,8 +5,8 @@ import './dom-aecadd9a.js';
 import { u as useProxyModelValue } from './useProxyModelValue-940010d2.js';
 import { u as useResponsive } from './useResponsive-5c8291da.js';
 import '@onereach/styles/tailwind.config.json';
-import './OrDateTimePicker-eccf252e.js';
-import { b as script$1, d as script$2, e as script$3, f as script$4, g as script$5 } from './OrDateTimePickerTimeSelect-bc9342dd.js';
+import './OrDateTimePicker-b1ec68a8.js';
+import { b as script$1, d as script$2, e as script$3, f as script$4, g as script$5 } from './OrDateTimePickerTimeSelect-c97af8c7.js';
 import { D as DateTimePickerTimeFormat } from './getTimePlaceholder-13d5f743.js';
 import { g as getCurrentDate } from './getCurrentDate-046a888d.js';
 import { s as script$6 } from './OrError-69bd7f6a.js';

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

@@ -8,7 +8,7 @@ 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 { s as OrCard } from '../OrCard-e3a5aea4.js';
 export { C as CARD_COLLECTION_LAYOUT, s as OrCardCollection } from '../OrCardCollection-8c81a2d5.js';
-export { C as CardCollectionView, s as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../OrCardCollection-8bbbbe26.js';
+export { C as CardCollectionView, s as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../OrCardCollection-549e5f80.js';
 export { C as CardPadding, s as OrCardV3 } from '../OrCard-ee23cedc.js';
 export { s as OrCheckbox } from '../OrCheckbox-5666c954.js';
 export { s as OrCheckboxGroupV3 } from '../OrCheckboxGroup-d6bf486e.js';
@@ -34,13 +34,13 @@ export { C as ConfirmType, s as OrConfirmV3 } from '../OrConfirm-8c818798.js';
 export { s as OrContextMenuV3 } from '../OrContextMenu-dccb7167.js';
 export { s as OrMenuV3 } from '../OrMenu-33d89df4.js';
 export { P as ContextMenuPlacement, P as MenuPlacement, s as OrPopoverV3, P as PopoverPlacement, a as PopoverVariant, P as TooltipPlacement } from '../OrPopover-062e78f6.js';
-export { s as OrDateFormatV3 } from '../OrDateFormat-8c9095ca.js';
-export { s as OrDatePickerV3 } from '../OrDatePicker-be607573.js';
-export { s as OrDateRangePickerV3 } from '../OrDateRangePicker-a16dcb30.js';
-export { s as OrDateTimeFormatV3 } from '../OrDateTimeFormat-88ba723e.js';
+export { s as OrDateFormatV3 } from '../OrDateFormat-36ba02e5.js';
+export { s as OrDatePickerV3 } from '../OrDatePicker-7b626917.js';
+export { s as OrDateRangePickerV3 } from '../OrDateRangePicker-c7570324.js';
+export { s as OrDateTimeFormatV3 } from '../OrDateTimeFormat-c8076fb8.js';
 export { D as DEFAULT_TEXT, s as OrDateTimePicker, a as OrDateTimePickerItemTypes, O as OrDateTimePickerTypes } from '../OrDateTimePicker-4bfefbcd.js';
-export { s as OrDateTimePickerV3 } from '../OrDateTimePicker-eccf252e.js';
-export { s as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMobileControl, c as OrDateTimePickerMonthSelect, d as OrDateTimePickerPopoverFooter, e as OrDateTimePickerPopoverHeader, f as OrDateTimePickerTimeControl, g as OrDateTimePickerTimeSelect } from '../OrDateTimePickerTimeSelect-bc9342dd.js';
+export { s as OrDateTimePickerV3 } from '../OrDateTimePicker-b1ec68a8.js';
+export { s as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMobileControl, c as OrDateTimePickerMonthSelect, d as OrDateTimePickerPopoverFooter, e as OrDateTimePickerPopoverHeader, f as OrDateTimePickerTimeControl, g as OrDateTimePickerTimeSelect } from '../OrDateTimePickerTimeSelect-c97af8c7.js';
 export { D as DateTimePickerTimeFormat, D as TimePickerFormat, D as TimeRangePickerFormat, f as formatDate, a as formatTime, g as getDatePlaceholder, b as getTimePlaceholder } from '../getTimePlaceholder-13d5f743.js';
 export { g as getCurrentDate } from '../getCurrentDate-046a888d.js';
 export { g as getNextMonthDate } from '../getNextMonthDate-00c47169.js';
@@ -72,7 +72,7 @@ export { s as OrListV3 } from '../OrList-69197fa9.js';
 export { s as OrListItem } from '../OrListItem-2ed9a12f.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-c5d2a427.js';
+export { s as OrMenuItemV3 } from '../OrMenuItem-77e47b3b.js';
 export { s as OrModal, O as OrModalSizes } from '../OrModal-b2060770.js';
 export { M as ModalSize, s as OrModalV3 } from '../OrModal-51eef18b.js';
 export { a as OR_NOTIFICATION_SIZE, O as OR_NOTIFICATION_TYPE, s as OrNotification } from '../OrNotification-1b28dd4a.js';
@@ -81,7 +81,7 @@ 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-bd4f72c4.js';
-export { s as OrPaginationV3 } from '../OrPagination-4d9fa9a6.js';
+export { s as OrPaginationV3 } from '../OrPagination-18243eb9.js';
 export { s as OrPassword } from '../OrPassword-4494ac89.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-95907e02.js';
@@ -92,12 +92,12 @@ export { s as OrRadioV3 } from '../OrRadio-50b0ead5.js';
 export { s as OrRangeSliderV3 } from '../OrRangeSlider-07ddbed1.js';
 export { s as OrSliderV3, S as RangeSliderColor, a as RangeSliderOrientation, S as SliderColor, a as SliderOrientation } from '../OrSlider-f932d1c4.js';
 export { s as OrResizeablePanelV3, R as ResizeablePanelPadding, a as ResizeablePanelPlacement, R as SidebarPadding } from '../OrResizeablePanel-5dfd3f6d.js';
-export { F as Formats, s as OrRichTextEditorV3 } from '../OrRichTextEditor-995c5f4e.js';
+export { F as Formats, s as OrRichTextEditorV3 } from '../OrRichTextEditor-eda0097a.js';
 export { s as OrSearch } from '../OrSearch-2800e9bf.js';
 export { s as OrSearchV3 } from '../OrSearch-6413323a.js';
 export { s as OrSegmentedControlV3, S as SegmentedControlSize } from '../OrSegmentedControl-6be79b4e.js';
 export { s as OrSelect } from '../OrSelect-9520d6e6.js';
-export { s as OrSelectV3 } from '../OrSelect-f656c471.js';
+export { s as OrSelectV3 } from '../OrSelect-c837e550.js';
 export { s as OrSidebar, O as OrSidebarSide } from '../OrSidebar-aaf73310.js';
 export { S as OrSidebarPlacement, s as OrSidebarV3, S as SidebarPlacement } from '../OrSidebar-3ce61658.js';
 export { s as OrSkeletonCircle } from '../OrSkeletonCircle-66e175a0.js';
@@ -108,16 +108,16 @@ 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-b7bd588e.js';
-export { s as OrSortingV3 } from '../OrSorting-4cf454bb.js';
+export { s as OrSortingV3 } from '../OrSorting-bfe2200c.js';
 export { s as OrStatusV3, a as StatusSize, S as StatusVariant } from '../OrStatus-95ea42e3.js';
 export { s as OrStepper } from '../OrStepper-4943002c.js';
 export { s as OrSwitch } from '../OrSwitch-fb864132.js';
 export { s as OrSwitchV3 } from '../OrSwitch-a493c66d.js';
 export { s as OrTab } from '../OrTab-d8d4e871.js';
 export { s as OrTabHeaderItem } from '../OrTabHeaderItem-c2af7ca3.js';
-export { s as OrTabV3 } from '../OrTab-276ea81d.js';
+export { s as OrTabV3 } from '../OrTab-3eb33eeb.js';
 export { s as OrTabs } from '../OrTabs-3da3ea89.js';
-export { s as OrTabsV3, T as TabsVariant } from '../OrTabs-c68c8be3.js';
+export { s as OrTabsV3, T as TabsVariant } from '../OrTabs-c83800f7.js';
 export { s as OrTag } from '../OrTag-1b3b1296.js';
 export { s as OrTagInputV3 } from '../OrTagInput-fb963f37.js';
 export { s as OrTagV3, a as TagColor, T as TagVariant } from '../OrTag-bb7cac42.js';
@@ -128,9 +128,9 @@ export { s as OrTextV3 } from '../OrText-d54c951d.js';
 export { s as OrTextarea } from '../OrTextarea-7a753c1a.js';
 export { s as OrTextareaV3 } from '../OrTextarea-e198e17e.js';
 export { s as OrTextbox, T as TextboxTypes } from '../OrTextbox-cb6762c8.js';
-export { s as OrTimeFormatV3 } from '../OrTimeFormat-fc7a59f2.js';
-export { s as OrTimePickerV3 } from '../OrTimePicker-7e4a8000.js';
-export { s as OrTimeRangePickerV3 } from '../OrTimeRangePicker-2d5a72ce.js';
+export { s as OrTimeFormatV3 } from '../OrTimeFormat-26cfaafd.js';
+export { s as OrTimePickerV3 } from '../OrTimePicker-ebfff3ab.js';
+export { s as OrTimeRangePickerV3 } from '../OrTimeRangePicker-477cadab.js';
 export { s as OrToast, a as OrToastContainer } from '../OrToastContainer-d6f117e2.js';
 export { P as PositionsX, b as PositionsY, c as ToastType, T as TransitionType, a as useQueue, u as useToast } from '../useToast-05a9c81b.js';
 export { a as OrToastContainerV3, s as OrToastV3, t as TypesV3 } from '../types-49db948c.js';

package/dist/esm/v3/components/or-card-collection-v3/index.js

@@ -1,4 +1,4 @@
-export { C as CardCollectionView, s as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../../OrCardCollection-8bbbbe26.js';
+export { C as CardCollectionView, s as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../../OrCardCollection-549e5f80.js';
 import 'vue-demi';
 import '../../OrIconButton-793c4a52.js';
 import '../../OrIcon-8f6c9c29.js';
@@ -30,7 +30,7 @@ import '../../OrInputBox-f0bac539.js';
 import '../../OrLabel-b826da04.js';
 import '../../OrLoader-b79022da.js';
 import '../../style-inject.es-4c6f2515.js';
-import '../../OrSorting-4cf454bb.js';
+import '../../OrSorting-bfe2200c.js';
 import '../../OrMenu-33d89df4.js';
-import '../../OrMenuItem-c5d2a427.js';
+import '../../OrMenuItem-77e47b3b.js';
 import '../../OrButton-e5617bbe.js';

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

@@ -1,6 +1,6 @@
-export { s as OrDateFormatV3 } from '../../OrDateFormat-8c9095ca.js';
+export { s as OrDateFormatV3 } from '../../OrDateFormat-36ba02e5.js';
 import 'vue-demi';
-import '../../OrDateTimePicker-eccf252e.js';
+import '../../OrDateTimePicker-b1ec68a8.js';
 import '../../dropdown-open-06d651cf.js';
 import '@vueuse/core';
 import '../../dom-aecadd9a.js';
@@ -26,10 +26,10 @@ import '../../OrTeleport.vue3-bf77eed4.js';
 import '../../useTheme-0ef25778.js';
 import '../../OrInputBox-f0bac539.js';
 import '../../OrLabel-b826da04.js';
-import '../../OrDateTimePickerTimeSelect-bc9342dd.js';
+import '../../OrDateTimePickerTimeSelect-c97af8c7.js';
 import '../../getTimePlaceholder-13d5f743.js';
 import '../../OrButton-e5617bbe.js';
 import '../../OrLoader-b79022da.js';
-import '../../OrMenuItem-c5d2a427.js';
+import '../../OrMenuItem-77e47b3b.js';
 import '../../OrMenu-33d89df4.js';
 import '../../getCurrentDate-046a888d.js';

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

@@ -1,4 +1,4 @@
-export { s as OrDatePickerV3 } from '../../OrDatePicker-be607573.js';
+export { s as OrDatePickerV3 } from '../../OrDatePicker-7b626917.js';
 export { I as DatePickerSize } from '../../OrInputBox-f0bac539.js';
 import 'vue-demi';
 import '../../dropdown-open-06d651cf.js';
@@ -9,7 +9,7 @@ import 'lodash/get';
 import '../../useProxyModelValue-940010d2.js';
 import '@onereach/styles/tailwind/plugins/core';
 import '@onereach/styles/tailwind.config.json';
-import '../../OrDateTimePicker-eccf252e.js';
+import '../../OrDateTimePicker-b1ec68a8.js';
 import '../../OrError-69bd7f6a.js';
 import 'vue';
 import '../../OrHint-55d3de35.js';
@@ -26,10 +26,10 @@ import '../../OrOverlay-bd4f72c4.js';
 import '../../OrTeleport.vue3-bf77eed4.js';
 import '../../useTheme-0ef25778.js';
 import '../../OrLabel-b826da04.js';
-import '../../OrDateTimePickerTimeSelect-bc9342dd.js';
+import '../../OrDateTimePickerTimeSelect-c97af8c7.js';
 import '../../getTimePlaceholder-13d5f743.js';
 import '../../OrButton-e5617bbe.js';
 import '../../OrLoader-b79022da.js';
-import '../../OrMenuItem-c5d2a427.js';
+import '../../OrMenuItem-77e47b3b.js';
 import '../../OrMenu-33d89df4.js';
 import '../../getCurrentDate-046a888d.js';

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

@@ -1,4 +1,4 @@
-export { s as OrDateRangePickerV3 } from '../../OrDateRangePicker-a16dcb30.js';
+export { s as OrDateRangePickerV3 } from '../../OrDateRangePicker-c7570324.js';
 export { I as DateRangePickerSize } from '../../OrInputBox-f0bac539.js';
 import 'vue-demi';
 import '../../dropdown-open-06d651cf.js';
@@ -10,7 +10,7 @@ import '../../useProxyModelValue-940010d2.js';
 import '../../useResponsive-5c8291da.js';
 import '@onereach/styles/tailwind/plugins/core';
 import '@onereach/styles/tailwind.config.json';
-import '../../OrDateTimePicker-eccf252e.js';
+import '../../OrDateTimePicker-b1ec68a8.js';
 import '../../OrError-69bd7f6a.js';
 import 'vue';
 import '../../OrHint-55d3de35.js';
@@ -26,11 +26,11 @@ import '../../OrOverlay-bd4f72c4.js';
 import '../../OrTeleport.vue3-bf77eed4.js';
 import '../../useTheme-0ef25778.js';
 import '../../OrLabel-b826da04.js';
-import '../../OrDateTimePickerTimeSelect-bc9342dd.js';
+import '../../OrDateTimePickerTimeSelect-c97af8c7.js';
 import '../../getTimePlaceholder-13d5f743.js';
 import '../../OrButton-e5617bbe.js';
 import '../../OrLoader-b79022da.js';
-import '../../OrMenuItem-c5d2a427.js';
+import '../../OrMenuItem-77e47b3b.js';
 import '../../OrMenu-33d89df4.js';
 import '../../getCurrentDate-046a888d.js';
 import '../../getNextMonthDate-00c47169.js';

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

@@ -1,6 +1,6 @@
-export { s as OrDateTimeFormatV3 } from '../../OrDateTimeFormat-88ba723e.js';
+export { s as OrDateTimeFormatV3 } from '../../OrDateTimeFormat-c8076fb8.js';
 import 'vue-demi';
-import '../../OrDateTimePicker-eccf252e.js';
+import '../../OrDateTimePicker-b1ec68a8.js';
 import '../../dropdown-open-06d651cf.js';
 import '@vueuse/core';
 import '../../dom-aecadd9a.js';
@@ -26,10 +26,10 @@ import '../../OrTeleport.vue3-bf77eed4.js';
 import '../../useTheme-0ef25778.js';
 import '../../OrInputBox-f0bac539.js';
 import '../../OrLabel-b826da04.js';
-import '../../OrDateTimePickerTimeSelect-bc9342dd.js';
+import '../../OrDateTimePickerTimeSelect-c97af8c7.js';
 import '../../getTimePlaceholder-13d5f743.js';
 import '../../OrButton-e5617bbe.js';
 import '../../OrLoader-b79022da.js';
-import '../../OrMenuItem-c5d2a427.js';
+import '../../OrMenuItem-77e47b3b.js';
 import '../../OrMenu-33d89df4.js';
 import '../../getCurrentDate-046a888d.js';

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

@@ -1,5 +1,5 @@
-export { s as OrDateTimePickerV3 } from '../../OrDateTimePicker-eccf252e.js';
-export { s as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMobileControl, c as OrDateTimePickerMonthSelect, d as OrDateTimePickerPopoverFooter, e as OrDateTimePickerPopoverHeader, f as OrDateTimePickerTimeControl, g as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-bc9342dd.js';
+export { s as OrDateTimePickerV3 } from '../../OrDateTimePicker-b1ec68a8.js';
+export { s as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMobileControl, c as OrDateTimePickerMonthSelect, d as OrDateTimePickerPopoverFooter, e as OrDateTimePickerPopoverHeader, f as OrDateTimePickerTimeControl, g as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-c97af8c7.js';
 export { D as DateTimePickerTimeFormat, f as formatDate, a as formatTime, g as getDatePlaceholder, b as getTimePlaceholder } from '../../getTimePlaceholder-13d5f743.js';
 export { g as getCurrentDate } from '../../getCurrentDate-046a888d.js';
 export { g as getNextMonthDate } from '../../getNextMonthDate-00c47169.js';
@@ -31,5 +31,5 @@ import '../../useTheme-0ef25778.js';
 import '../../OrLabel-b826da04.js';
 import '../../OrButton-e5617bbe.js';
 import '../../OrLoader-b79022da.js';
-import '../../OrMenuItem-c5d2a427.js';
+import '../../OrMenuItem-77e47b3b.js';
 import '../../OrMenu-33d89df4.js';

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

@@ -1,4 +1,4 @@
-export { s as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMobileControl, c as OrDateTimePickerMonthSelect, d as OrDateTimePickerPopoverFooter, e as OrDateTimePickerPopoverHeader, f as OrDateTimePickerTimeControl, g as OrDateTimePickerTimeSelect } from '../../../OrDateTimePickerTimeSelect-bc9342dd.js';
+export { s as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMobileControl, c as OrDateTimePickerMonthSelect, d as OrDateTimePickerPopoverFooter, e as OrDateTimePickerPopoverHeader, f as OrDateTimePickerTimeControl, g as OrDateTimePickerTimeSelect } from '../../../OrDateTimePickerTimeSelect-c97af8c7.js';
 import 'vue-demi';
 import '@vueuse/core';
 import '../../../dom-aecadd9a.js';
@@ -25,5 +25,5 @@ import '../../../OrBottomSheet-e6c0b05f.js';
 import '../../../OrOverlay-bd4f72c4.js';
 import '../../../OrTeleport.vue3-bf77eed4.js';
 import '../../../useTheme-0ef25778.js';
-import '../../../OrMenuItem-c5d2a427.js';
+import '../../../OrMenuItem-77e47b3b.js';
 import '../../../OrMenu-33d89df4.js';

package/dist/esm/v3/components/or-menu-item-v3/index.js

@@ -1,4 +1,4 @@
-export { s as OrMenuItemV3 } from '../../OrMenuItem-c5d2a427.js';
+export { s as OrMenuItemV3 } from '../../OrMenuItem-77e47b3b.js';
 import 'vue-demi';
 import '../../OrIcon-8f6c9c29.js';
 import 'vue';

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

@@ -1,4 +1,4 @@
-export { s as OrPaginationV3 } from '../../OrPagination-4d9fa9a6.js';
+export { s as OrPaginationV3 } from '../../OrPagination-18243eb9.js';
 import 'vue-demi';
 import '@vueuse/core';
 import '../../dom-aecadd9a.js';
@@ -12,7 +12,7 @@ import '../../OrButton-e5617bbe.js';
 import '../../OrLoader-b79022da.js';
 import 'vue';
 import '../../OrIcon-8f6c9c29.js';
-import '../../OrMenuItem-c5d2a427.js';
+import '../../OrMenuItem-77e47b3b.js';
 import '../../OrMenu-33d89df4.js';
 import '../../usePopoverState-b92c698b.js';
 import '../../OrPopover-062e78f6.js';

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

@@ -1,4 +1,4 @@
-export { F as Formats, s as OrRichTextEditorV3 } from '../../OrRichTextEditor-995c5f4e.js';
+export { F as Formats, s as OrRichTextEditorV3 } from '../../OrRichTextEditor-eda0097a.js';
 import 'vue-demi';
 import '@vueuse/integrations/useFocusTrap';
 import '@vueuse/core';
@@ -37,7 +37,7 @@ import '../../OrTeleport.vue3-bf77eed4.js';
 import '../../useTheme-0ef25778.js';
 import '../../OrLabel-b826da04.js';
 import '../../OrMenu-33d89df4.js';
-import '../../OrMenuItem-c5d2a427.js';
+import '../../OrMenuItem-77e47b3b.js';
 import '../../OrModal-51eef18b.js';
 import '../../OrInput-3de8dde3.js';
 import '../../useIdAttribute-859439f0.js';

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

@@ -1,4 +1,4 @@
-export { s as OrSelectV3 } from '../../OrSelect-f656c471.js';
+export { s as OrSelectV3 } from '../../OrSelect-c837e550.js';
 export { I as SelectSize } from '../../OrInputBox-f0bac539.js';
 import 'vue-demi';
 import '../../dropdown-open-06d651cf.js';
@@ -33,7 +33,7 @@ import '../../useTheme-0ef25778.js';
 import '../../OrInput-3de8dde3.js';
 import '../../useValidationAttributes-d1abbe34.js';
 import '../../OrLoader-b79022da.js';
-import '../../OrMenuItem-c5d2a427.js';
+import '../../OrMenuItem-77e47b3b.js';
 import '../../OrTags-ae0ea882.js';
 import '../../useOverflow-e91d2314.js';
 import '../../OrButton-e5617bbe.js';

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

@@ -1,4 +1,4 @@
-export { s as OrSortingV3 } from '../../OrSorting-4cf454bb.js';
+export { s as OrSortingV3 } from '../../OrSorting-bfe2200c.js';
 import 'vue-demi';
 import '../../OrMenu-33d89df4.js';
 import '@vueuse/core';
@@ -17,7 +17,7 @@ import '../../OrOverlay-bd4f72c4.js';
 import '../../OrTeleport.vue3-bf77eed4.js';
 import 'vue';
 import '../../useTheme-0ef25778.js';
-import '../../OrMenuItem-c5d2a427.js';
+import '../../OrMenuItem-77e47b3b.js';
 import '../../OrIcon-8f6c9c29.js';
 import '../../OrButton-e5617bbe.js';
 import '../../OrLoader-b79022da.js';

package/dist/esm/v3/components/or-tab-v3/OrTab.vue.d.ts

@@ -3,6 +3,14 @@ declare const _default: import("vue-demi").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    invalid: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, {
     root: import("vue-demi").Ref<HTMLElement | undefined>;
     rootStyles: import("vue-demi").ComputedRef<string[]>;
@@ -11,11 +19,21 @@ declare const _default: import("vue-demi").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    invalid: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & {
     onClick?: ((...args: any[]) => any) | undefined;
     onFocus?: ((...args: any[]) => any) | undefined;
     onBlur?: ((...args: any[]) => any) | undefined;
 }, {
     selected: boolean;
+    invalid: boolean;
+    disabled: boolean;
 }>;
 export default _default;

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

@@ -1,3 +1,3 @@
-export { s as OrTabV3 } from '../../OrTab-276ea81d.js';
+export { s as OrTabV3 } from '../../OrTab-3eb33eeb.js';
 import 'vue-demi';
 import 'vue';

package/dist/esm/v3/components/or-tab-v3/styles.d.ts

@@ -1 +1 @@
-export declare const TabRoot: string[];
+export declare const Tab: string[];