@onereach/ui-components 8.1.0-beta.3605.0 → 8.1.0

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

@@ -1,4 +1,4 @@
-export { _ as OrTabsV3, T as TabsVariant } from '../../OrTabs-db6e7f59.js';
+export { _ as OrTabsV3, T as TabsVariant } from '../../OrTabs-f026a729.js';
 import '@vueuse/core';
 import 'vue-demi';
 import '../../dom-aecadd9a.js';
@@ -21,4 +21,4 @@ import '../../OrOverlay-868d1120.js';
 import '../../OrTeleport.vue2-424c7f33.js';
 import 'portal-vue';
 import '../../useTheme-0ef25778.js';
-import '../../OrTab-13db2e49.js';
+import '../../OrTab-2eea055a.js';

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

@@ -1,6 +1,6 @@
-export { _ as OrTimeFormatV3 } from '../../OrTimeFormat-c4b26282.js';
+export { _ as OrTimeFormatV3 } from '../../OrTimeFormat-fd0019c3.js';
 import 'vue-demi';
-import '../../OrDateTimePicker.vue_rollup-plugin-vue_script-e54fb7b3.js';
+import '../../OrDateTimePicker.vue_rollup-plugin-vue_script-079e9ca8.js';
 import '../../dropdown-open-06d651cf.js';
 import '@vueuse/core';
 import '../../dom-aecadd9a.js';
@@ -28,7 +28,7 @@ import '../../useTheme-0ef25778.js';
 import '../../OrInputBox-c586fe8d.js';
 import '../../OrInputBox.vue_rollup-plugin-vue_script-bebba826.js';
 import '../../OrLabel-b465bc0b.js';
-import '../../OrDateTimePickerTimeSelect-88cb6eeb.js';
+import '../../OrDateTimePickerTimeSelect-ef6deb1f.js';
 import '../../getTimePlaceholder-8f786f44.js';
 import '../../OrButton-78336f88.js';
 import '../../OrLoader-b0c381f9.js';

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

@@ -1,6 +1,6 @@
-export { _ as OrTimePickerV3 } from '../../OrTimePicker-6fd862e6.js';
-import '../../OrDateTimePicker.vue_rollup-plugin-vue_script-e54fb7b3.js';
-import '../../OrDateTimePickerTimeSelect-88cb6eeb.js';
+export { _ as OrTimePickerV3 } from '../../OrTimePicker-0bb60d61.js';
+import '../../OrDateTimePicker.vue_rollup-plugin-vue_script-079e9ca8.js';
+import '../../OrDateTimePickerTimeSelect-ef6deb1f.js';
 export { D as TimePickerFormat } from '../../getTimePlaceholder-8f786f44.js';
 export { I as TimePickerSize } from '../../OrInputBox.vue_rollup-plugin-vue_script-bebba826.js';
 import 'vue-demi';

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

@@ -1,6 +1,6 @@
-export { _ as OrTimeRangePickerV3 } from '../../OrTimeRangePicker-9d7a2721.js';
-import '../../OrDateTimePicker.vue_rollup-plugin-vue_script-e54fb7b3.js';
-import '../../OrDateTimePickerTimeSelect-88cb6eeb.js';
+export { _ as OrTimeRangePickerV3 } from '../../OrTimeRangePicker-faaa01bd.js';
+import '../../OrDateTimePicker.vue_rollup-plugin-vue_script-079e9ca8.js';
+import '../../OrDateTimePickerTimeSelect-ef6deb1f.js';
 export { D as TimeRangePickerFormat } from '../../getTimePlaceholder-8f786f44.js';
 export { I as TimeRangePickerSize } from '../../OrInputBox.vue_rollup-plugin-vue_script-bebba826.js';
 import 'vue-demi';

package/dist/esm/v2/index.js

@@ -1,5 +1,5 @@
 export { O as OR_AVATAR_SIZE, _ as OrAvatar } from './OrAvatar-2d73ca2c.js';
-export { a as AvatarColor, A as AvatarSize, _ as OrAvatarV3 } from './OrAvatar-8fb085e6.js';
+export { a as AvatarColor, A as AvatarSize, _ as OrAvatarV3 } from './OrAvatar-db6a737d.js';
 export { B as BottomSheetVariant, _ as OrBottomSheetV3 } from './OrBottomSheet-d95dd23d.js';
 export { _ as OrButton, a as OrButtonColors, b as OrButtonSizes, O as OrButtonViews } from './OrButton-dc23a0b5.js';
 export { _ as OrButtonV2 } from './OrButton-f189b59b.js';
@@ -35,13 +35,13 @@ export { C as ConfirmType, _ as OrConfirmV3 } from './OrConfirm-839d062b.js';
 export { _ as OrContextMenuV3 } from './OrContextMenu-38869527.js';
 export { _ as OrMenuV3 } from './OrMenu-3d8e70c1.js';
 export { P as ContextMenuPlacement, P as MenuPlacement, _ as OrPopoverV3, P as PopoverPlacement, a as PopoverVariant, P as TooltipPlacement } from './OrPopover-2ced765c.js';
-export { _ as OrDateFormatV3 } from './OrDateFormat-c320240e.js';
-export { _ as OrDatePickerV3 } from './OrDatePicker-61f1e24d.js';
-export { _ as OrDateRangePickerV3 } from './OrDateRangePicker-3ca0512d.js';
-export { _ as OrDateTimeFormatV3 } from './OrDateTimeFormat-23113ada.js';
+export { _ as OrDateFormatV3 } from './OrDateFormat-f93befcf.js';
+export { _ as OrDatePickerV3 } from './OrDatePicker-f8184317.js';
+export { _ as OrDateRangePickerV3 } from './OrDateRangePicker-4cbbc104.js';
+export { _ as OrDateTimeFormatV3 } from './OrDateTimeFormat-073ab1fa.js';
 export { D as DEFAULT_TEXT, _ as OrDateTimePicker, a as OrDateTimePickerItemTypes, O as OrDateTimePickerTypes } from './OrDateTimePicker-7d39afc2.js';
-export { _ as OrDateTimePickerV3 } from './OrDateTimePicker-ced7c178.js';
-export { _ 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-88cb6eeb.js';
+export { _ as OrDateTimePickerV3 } from './OrDateTimePicker-a63a9b17.js';
+export { _ 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-ef6deb1f.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-8f786f44.js';
 export { g as getCurrentDate } from './getCurrentDate-046a888d.js';
 export { g as getNextMonthDate } from './getNextMonthDate-00c47169.js';
@@ -90,8 +90,7 @@ export { _ as OrRadio } from './OrRadio-811ad5a4.js';
 export { _ as OrRadioGroup } from './OrRadioGroup-11424644.js';
 export { _ as OrRadioGroupV3 } from './OrRadioGroup-c0ad9bf3.js';
 export { _ as OrRadioV3 } from './OrRadio-81a1263e.js';
-export { _ as OrResizeablePanelV3 } from './OrResizeablePanel-5e6fe9b7.js';
-export { R as ResizeablePanelPadding, a as ResizeablePanelPlacement, R as SidebarPadding } from './OrResizeablePanel.vue_rollup-plugin-vue_script-69f831ae.js';
+export { _ as OrResizeablePanelV3, R as ResizeablePanelPadding, a as ResizeablePanelPlacement, R as SidebarPadding } from './OrResizeablePanel-8627b248.js';
 export { F as Formats, _ as OrRichTextEditorV3 } from './OrRichTextEditor-f973f577.js';
 export { _ as OrSearch } from './OrSearch-ac542dd6.js';
 export { _ as OrSearchV3 } from './OrSearch-de426be1.js';
@@ -99,8 +98,7 @@ export { _ as OrSegmentedControlV3, S as SegmentedControlSize } from './OrSegmen
 export { _ as OrSelect } from './OrSelect-c0d04cf6.js';
 export { _ as OrSelectV3 } from './OrSelect-3a3e9081.js';
 export { _ as OrSidebar, O as OrSidebarSide } from './OrSidebar-c56a9221.js';
-export { _ as OrSidebarV3 } from './OrSidebar-0780cfbb.js';
-export { S as OrSidebarPlacement, S as SidebarPlacement } from './props-e9140ae3.js';
+export { S as OrSidebarPlacement, _ as OrSidebarV3, S as SidebarPlacement } from './OrSidebar-9f429d6b.js';
 export { _ as OrSkeletonCircle } from './OrSkeletonCircle-c4bf0e34.js';
 export { _ as OrSkeletonRect } from './OrSkeletonRect-79162a84.js';
 export { _ as OrSkeletonText } from './OrSkeletonText-bd5d97bb.js';
@@ -115,9 +113,9 @@ export { _ as OrSwitch } from './OrSwitch-322328f7.js';
 export { _ as OrSwitchV3 } from './OrSwitch-f2c36d21.js';
 export { _ as OrTab } from './OrTab-58821c9b.js';
 export { _ as OrTabHeaderItem } from './OrTabHeaderItem-424f2986.js';
-export { _ as OrTabV3 } from './OrTab-13db2e49.js';
+export { _ as OrTabV3 } from './OrTab-2eea055a.js';
 export { _ as OrTabs } from './OrTabs-62e7e478.js';
-export { _ as OrTabsV3, T as TabsVariant } from './OrTabs-db6e7f59.js';
+export { _ as OrTabsV3, T as TabsVariant } from './OrTabs-f026a729.js';
 export { _ as OrTag } from './OrTag-b5803a20.js';
 export { _ as OrTagInputV3 } from './OrTagInput-ea068aee.js';
 export { _ as OrTagV3, a as TagColor, T as TagVariant } from './OrTag-d5b9610f.js';
@@ -128,9 +126,9 @@ export { _ as OrTextV3 } from './OrText-44449e7b.js';
 export { _ as OrTextarea } from './OrTextarea-9febab19.js';
 export { _ as OrTextareaV3 } from './OrTextarea-02b23f55.js';
 export { _ as OrTextbox, T as TextboxTypes } from './OrTextbox-866f0a9a.js';
-export { _ as OrTimeFormatV3 } from './OrTimeFormat-c4b26282.js';
-export { _ as OrTimePickerV3 } from './OrTimePicker-6fd862e6.js';
-export { _ as OrTimeRangePickerV3 } from './OrTimeRangePicker-9d7a2721.js';
+export { _ as OrTimeFormatV3 } from './OrTimeFormat-fd0019c3.js';
+export { _ as OrTimePickerV3 } from './OrTimePicker-0bb60d61.js';
+export { _ as OrTimeRangePickerV3 } from './OrTimeRangePicker-faaa01bd.js';
 export { _ as OrToast, a as OrToastContainer } from './OrToastContainer-ecffc69f.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, _ as OrToastV3, t as TypesV3 } from './types-c3567dbc.js';
@@ -171,7 +169,7 @@ import '@codemirror/language';
 import '@lezer/highlight';
 import '@vueuse/math';
 import '@floating-ui/dom';
-import './OrDateTimePicker.vue_rollup-plugin-vue_script-e54fb7b3.js';
+import './OrDateTimePicker.vue_rollup-plugin-vue_script-079e9ca8.js';
 import 'lodash/padStart';
 import './OrTooltip.vue_rollup-plugin-vue_styles.0-0aca0c11.js';
 import 'lodash/isNil';

package/dist/esm/v3/{OrAvatar-495e5033.js → OrAvatar-c2d6f463.js}

@@ -87,19 +87,19 @@ const AvatarColors = {
   'theme-foreground-base', 'dark:theme-foreground-base-dark'],
   [AvatarColor.Blue]: [
   // Theme
-  'theme-preset-1-primary', 'dark:theme-preset-1-primary-dark'],
+  'theme-foreground-on-primary', 'dark:theme-foreground-on-primary-dark', 'theme-background-primary', 'dark:theme-background-primary-dark'],
   [AvatarColor.Grey]: [
   // Theme
-  'theme-preset-1-secondary', 'dark:theme-preset-1-secondary-dark'],
+  'theme-foreground-on-secondary', 'dark:theme-foreground-on-secondary-dark', 'theme-background-secondary', 'dark:theme-background-secondary-dark'],
   [AvatarColor.Green]: [
   // Theme
-  'theme-preset-1-success', 'dark:theme-preset-1-success-dark'],
+  'theme-foreground-on-success', 'dark:theme-foreground-on-success-dark', 'theme-background-success', 'dark:theme-background-success-dark'],
   [AvatarColor.Yellow]: [
   // Theme
-  'theme-preset-1-warning', 'dark:theme-preset-1-warning-dark'],
+  'theme-foreground-on-warning', 'dark:theme-foreground-on-warning-dark', 'theme-background-warning', 'dark:theme-background-warning-dark'],
   [AvatarColor.Red]: [
   // Theme
-  'theme-preset-1-error', 'dark:theme-preset-1-error-dark']
+  'theme-foreground-on-error', 'dark:theme-foreground-on-error-dark', 'theme-background-error', 'dark:theme-background-error-dark']
 };
 
 var script = defineComponent({

package/dist/esm/v3/{OrDateFormat-8590fb19.js → OrDateFormat-934be120.js}

@@ -1,6 +1,6 @@
 import { defineComponent, ref, computed } from 'vue-demi';
-import './OrDateTimePicker-5a2b70e3.js';
-import './OrDateTimePickerTimeSelect-2ecdc981.js';
+import './OrDateTimePicker-e4cee603.js';
+import './OrDateTimePickerTimeSelect-950549f6.js';
 import { f as formatDate } from './getTimePlaceholder-13d5f743.js';
 import { openBlock, createElementBlock, normalizeClass, toDisplayString } from 'vue';
 

package/dist/esm/v3/{OrDatePicker-4c5cc5c8.js → OrDatePicker-71467fbf.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-5a2b70e3.js';
-import { s as script$1, a as script$2, b as script$3, c as script$4, d as script$5, e as script$6 } from './OrDateTimePickerTimeSelect-2ecdc981.js';
+import './OrDateTimePicker-e4cee603.js';
+import { s as script$1, a as script$2, b as script$3, c as script$4, d as script$5, e as script$6 } from './OrDateTimePickerTimeSelect-950549f6.js';
 import './getTimePlaceholder-13d5f743.js';
 import { g as getCurrentDate } from './getCurrentDate-046a888d.js';
 import { s as script$7 } from './OrError-69bd7f6a.js';

package/dist/esm/v3/{OrDateRangePicker-8504c6e3.js → OrDateRangePicker-3d15ae71.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-5a2b70e3.js';
-import { s as script$1, a as script$2, b as script$3, c as script$4, d as script$5, e as script$6 } from './OrDateTimePickerTimeSelect-2ecdc981.js';
+import './OrDateTimePicker-e4cee603.js';
+import { s as script$1, a as script$2, b as script$3, c as script$4, d as script$5, e as script$6 } from './OrDateTimePickerTimeSelect-950549f6.js';
 import './getTimePlaceholder-13d5f743.js';
 import { g as getCurrentDate } from './getCurrentDate-046a888d.js';
 import { g as getNextMonthDate } from './getNextMonthDate-00c47169.js';

package/dist/esm/v3/{OrDateTimeFormat-b9ba9f89.js → OrDateTimeFormat-82b281c8.js}

@@ -1,6 +1,6 @@
 import { defineComponent, ref, computed } from 'vue-demi';
-import './OrDateTimePicker-5a2b70e3.js';
-import './OrDateTimePickerTimeSelect-2ecdc981.js';
+import './OrDateTimePicker-e4cee603.js';
+import './OrDateTimePickerTimeSelect-950549f6.js';
 import { D as DateTimePickerTimeFormat, f as formatDate, a as formatTime } from './getTimePlaceholder-13d5f743.js';
 import { openBlock, createElementBlock, normalizeClass, toDisplayString } from 'vue';
 

package/dist/esm/v3/{OrDateTimePicker-5a2b70e3.js → OrDateTimePicker-e4cee603.js}

@@ -12,7 +12,7 @@ import { s as script$b } from './OrIcon-8f6c9c29.js';
 import { s as script$d, I as InputBoxSize } from './OrInputBox-f0bac539.js';
 import { s as script$e } from './OrLabel-b826da04.js';
 import { s as script$f } from './OrPopover-3b07d49e.js';
-import { s as script$1, a as script$2, b as script$3, c as script$4, d as script$5, e as script$6, f as script$7, g as script$8 } from './OrDateTimePickerTimeSelect-2ecdc981.js';
+import { s as script$1, a as script$2, b as script$3, c as script$4, d as script$5, e as script$6, f as script$7, g as script$8 } from './OrDateTimePickerTimeSelect-950549f6.js';
 import { D as DateTimePickerTimeFormat } from './getTimePlaceholder-13d5f743.js';
 import { g as getCurrentDate } from './getCurrentDate-046a888d.js';
 import { resolveComponent, resolveDirective, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, withDirectives, withModifiers, createVNode, Fragment, createElementVNode } from 'vue';

package/dist/esm/v3/{OrDateTimePickerTimeSelect-2ecdc981.js → OrDateTimePickerTimeSelect-950549f6.js}

@@ -20,9 +20,9 @@ const DateTimePickerDateControl = [
 // Interactivity
 'interactivity-click',
 // Theme (focus)
-'focus-visible:theme-border-2-inherit', 'dark:focus-visible:theme-border-2-inherit-dark', 'focus-visible:theme-border-underline',
+'focus-visible:theme-border-underline', 'focus-visible:theme-border-2-inherit', 'dark:focus-visible:theme-border-2-inherit-dark',
 // Theme (selected)
-'selected:theme-border-2-inherit', 'dark:selected:theme-border-2-inherit-dark', 'selected:theme-border-underline'];
+'selected:theme-border-underline', 'selected:theme-border-2-inherit', 'dark:selected:theme-border-2-inherit-dark'];
 const DateTimePickerDateControlPlaceholder = [
 // Theme
 'theme-foreground-outline', 'dark:theme-foreground-outline-dark'];
@@ -556,7 +556,7 @@ const DateTimePickerPopoverFooter = [
 // Spacing
 'px-md md:px-sm', 'py-md md:py-sm', 'gap-md md:gap-sm',
 // Theme
-'theme-border-1-outline-variant', 'dark:theme-border-1-outline-variant-dark', 'theme-border-overline'];
+'theme-border-overline', 'theme-border-1-outline-variant', 'dark:theme-border-1-outline-variant-dark'];
 
 var script$3 = defineComponent({
   components: {
@@ -642,9 +642,9 @@ const DateTimePickerTimeControl = [
 // Interactivity
 'interactivity-click',
 // Theme (focus)
-'focus-visible:theme-border-2-inherit', 'dark:focus-visible:theme-border-2-inherit-dark', 'focus-visible:theme-border-underline',
+'focus-visible:theme-border-underline', 'focus-visible:theme-border-2-inherit', 'dark:focus-visible:theme-border-2-inherit-dark',
 // Theme (selected)
-'selected:theme-border-2-inherit', 'dark:selected:theme-border-2-inherit-dark', 'selected:theme-border-underline'];
+'selected:theme-border-underline', 'selected:theme-border-2-inherit', 'dark:selected:theme-border-2-inherit-dark'];
 const DateTimePickerTimeControlPlaceholder = [
 // Theme
 'theme-foreground-outline', 'dark:theme-foreground-outline-dark'];

package/dist/esm/v3/{OrResizeablePanel-81a57c7a.js → OrResizeablePanel-3cc7cfbd.js}

@@ -81,7 +81,7 @@ const ResizeablePanelContentPlaceholderPlacements = {
 };
 const ResizeablePanelResizeBar = [
 // Position
-'relative z-1',
+'relative z-10',
 // Layout
 'shrink-0',
 // Layout (after)
@@ -140,7 +140,7 @@ const ResizeablePanelResizeBarPlacements = {
 };
 const ResizeablePanelCollapseButtonContainer = [
 // Position
-'relative',
+'relative z-10',
 // Box
 'w-fit', 'h-fit',
 // Spacing

package/dist/esm/v3/{OrSidebar-8e0771d3.js → OrSidebar-e799c79f.js}

@@ -4,10 +4,15 @@ import './dom-aecadd9a.js';
 import { u as usePopoverState } from './usePopoverState-b92c698b.js';
 import '@onereach/styles/tailwind/plugins/core';
 import '@onereach/styles/tailwind.config.json';
-import { R as ResizeablePanelPadding, s as script$1 } from './OrResizeablePanel-81a57c7a.js';
-import { S as SidebarPlacement } from './props-aedf339b.js';
+import { R as ResizeablePanelPadding, s as script$1 } from './OrResizeablePanel-3cc7cfbd.js';
 import { resolveComponent, openBlock, createBlock, createSlots, withCtx, createElementVNode, normalizeClass, createElementBlock, renderSlot, createCommentVNode } from 'vue';
 
+var SidebarPlacement;
+(function (SidebarPlacement) {
+  SidebarPlacement["Left"] = "left";
+  SidebarPlacement["Right"] = "right";
+})(SidebarPlacement || (SidebarPlacement = {}));
+
 const Sidebar = [
 // Layout
 'layout-column grow',
@@ -55,7 +60,7 @@ const SidebarFooter = [
 // Overflow
 'overflow-hidden',
 // Theme
-'theme-border-1-outline-variant', 'dark:theme-border-1-outline-variant-dark', 'theme-border-overline'];
+'theme-border-overline', 'theme-border-1-outline-variant', 'dark:theme-border-1-outline-variant-dark'];
 const SidebarFooterPaddings = {
   [ResizeablePanelPadding.L]: [
   // Box
@@ -232,4 +237,4 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
 script.render = render;
 script.__file = "src/components/or-sidebar-v3/OrSidebar.vue";
 
-export { script as s };
+export { SidebarPlacement as S, script as s };

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

@@ -11,13 +11,13 @@ const TabRoot = [
 // Typography
 'typography-body-2-bold',
 // Theme
-'theme-foreground-secondary', 'dark:theme-foreground-secondary-dark', 'theme-border-2-transparent', 'dark:theme-border-2-transparent', 'theme-border-underline',
+'theme-foreground-secondary', 'dark:theme-foreground-secondary-dark', 'theme-border-underline', 'theme-border-2-transparent', 'dark:theme-border-2-transparent',
 // Theme (hover)
 'hover:md:theme-foreground-default', 'dark:hover:md:theme-foreground-default-dark',
 // Theme (active)
-'active:theme-foreground-default', 'dark:active:theme-foreground-default-dark', 'active:theme-border-2-current', 'dark:active:theme-border-2-current', 'active:theme-border-underline',
+'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-2-current', 'dark:selected:theme-border-2-current', 'selected:theme-border-underline'];
+'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'];
 
 var script = defineComponent({
   name: 'OrTab',

package/dist/esm/v3/{OrTabs-0660d898.js → OrTabs-03b959f6.js}

@@ -8,8 +8,8 @@ import { s as script$1 } from './OrIcon-8f6c9c29.js';
 import { s as script$3 } from './OrMenuItem-c5d2a427.js';
 import { s as script$2 } from './OrMenu-72844eb1.js';
 import './OrPopover-3b07d49e.js';
-import { s as script$4 } from './OrTab-db771526.js';
-import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, mergeProps, Fragment, renderList, createBlock, withModifiers, withCtx, createTextVNode, toDisplayString, createVNode, createCommentVNode, renderSlot } from 'vue';
+import { s as script$4 } from './OrTab-276ea81d.js';
+import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, mergeProps, Fragment, renderList, createBlock, withModifiers, withCtx, renderSlot, createTextVNode, toDisplayString, createVNode, createCommentVNode } from 'vue';
 
 var TabsVariant;
 (function (TabsVariant) {
@@ -21,11 +21,11 @@ const TabsRoot = [
 // Layout
 'grid', 'grid-flow-col', 'items-center',
 // Box
-'overflow-hidden', 'flex-shrink-0',
+'shrink-0',
 // Spacing
 'gap-lg',
 // Theme
-'theme-border-1-outline', 'dark:theme-border-1-outline', 'theme-border-underline'];
+'theme-border-underline', 'theme-border-1-outline', 'dark:theme-border-1-outline'];
 const TabsRootVariants = {
   'default': [
   // Layout
@@ -38,7 +38,7 @@ const TabsContainer = [
 // Layout
 'layout-column',
 // Box
-'h-full', 'overflow-hidden',
+'h-full',
 // Spacing
 'gap-lg'];
 const TabsContent = [
@@ -183,7 +183,10 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       selected: tab.value === _ctx.proxyModelValue,
       onClick: withModifiers($event => _ctx.proxyModelValue = tab.value, ["stop"])
     }, {
-      default: withCtx(() => [createTextVNode(toDisplayString(tab.label), 1 /* TEXT */)]),
+      default: withCtx(() => [renderSlot(_ctx.$slots, "tab", {
+        tab: tab,
+        activeTab: _ctx.activeTab
+      }, () => [createTextVNode(toDisplayString(tab.label), 1 /* TEXT */)])]),
 
       _: 2 /* DYNAMIC */
     }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["selected", "onClick"]);
@@ -191,7 +194,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     key: 0
   }, [createVNode(_component_OrTab, {
     ref: "overflowTab",
-    onClick: _cache[0] || (_cache[0] = withModifiers($event => _ctx.overflowMenu.open(), ["stop"]))
+    onClick: _cache[0] || (_cache[0] = withModifiers($event => _ctx.overflowMenu && _ctx.overflowMenu.open(), ["stop"]))
   }, {
     default: withCtx(() => [createVNode(_component_OrIcon, {
       icon: 'more_horiz',
@@ -207,7 +210,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         key: tab.value,
         onClick: withModifiers($event => {
           _ctx.proxyModelValue = tab.value;
-          _ctx.overflowMenu.close();
+          _ctx.overflowMenu && _ctx.overflowMenu.close();
         }, ["stop"])
       }, {
         default: withCtx(() => [createTextVNode(toDisplayString(tab.label), 1 /* TEXT */)]),

package/dist/esm/v3/{OrTimeFormat-360bca75.js → OrTimeFormat-1c8d49fb.js}

@@ -1,6 +1,6 @@
 import { defineComponent, ref, computed } from 'vue-demi';
-import './OrDateTimePicker-5a2b70e3.js';
-import './OrDateTimePickerTimeSelect-2ecdc981.js';
+import './OrDateTimePicker-e4cee603.js';
+import './OrDateTimePickerTimeSelect-950549f6.js';
 import { D as DateTimePickerTimeFormat, a as formatTime } from './getTimePlaceholder-13d5f743.js';
 import { openBlock, createElementBlock, normalizeClass, toDisplayString } from 'vue';
 

package/dist/esm/v3/{OrTimePicker-95f72797.js → OrTimePicker-f008a03b.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-5a2b70e3.js';
-import { b as script$1, d as script$2, e as script$3, f as script$4, g as script$5 } from './OrDateTimePickerTimeSelect-2ecdc981.js';
+import './OrDateTimePicker-e4cee603.js';
+import { b as script$1, d as script$2, e as script$3, f as script$4, g as script$5 } from './OrDateTimePickerTimeSelect-950549f6.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-58946ad3.js → OrTimeRangePicker-a4f2eb8d.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-5a2b70e3.js';
-import { b as script$1, d as script$2, e as script$3, f as script$4, g as script$5 } from './OrDateTimePickerTimeSelect-2ecdc981.js';
+import './OrDateTimePicker-e4cee603.js';
+import { b as script$1, d as script$2, e as script$3, f as script$4, g as script$5 } from './OrDateTimePickerTimeSelect-950549f6.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

@@ -1,5 +1,5 @@
 export { O as OR_AVATAR_SIZE, s as OrAvatar } from '../OrAvatar-c1b2339e.js';
-export { a as AvatarColor, A as AvatarSize, s as OrAvatarV3 } from '../OrAvatar-495e5033.js';
+export { a as AvatarColor, A as AvatarSize, s as OrAvatarV3 } from '../OrAvatar-c2d6f463.js';
 export { B as BottomSheetVariant, s as OrBottomSheetV3 } from '../OrBottomSheet-375aa75c.js';
 export { s as OrButton, a as OrButtonColors, b as OrButtonSizes, O as OrButtonViews } from '../OrButton-9118c20e.js';
 export { s as OrButtonV2 } from '../OrButton-130ad8d9.js';
@@ -33,13 +33,13 @@ export { C as ConfirmType, s as OrConfirmV3 } from '../OrConfirm-7a91060e.js';
 export { s as OrContextMenuV3 } from '../OrContextMenu-c0ff35b6.js';
 export { s as OrMenuV3 } from '../OrMenu-72844eb1.js';
 export { P as ContextMenuPlacement, P as MenuPlacement, s as OrPopoverV3, P as PopoverPlacement, a as PopoverVariant, P as TooltipPlacement } from '../OrPopover-3b07d49e.js';
-export { s as OrDateFormatV3 } from '../OrDateFormat-8590fb19.js';
-export { s as OrDatePickerV3 } from '../OrDatePicker-4c5cc5c8.js';
-export { s as OrDateRangePickerV3 } from '../OrDateRangePicker-8504c6e3.js';
-export { s as OrDateTimeFormatV3 } from '../OrDateTimeFormat-b9ba9f89.js';
+export { s as OrDateFormatV3 } from '../OrDateFormat-934be120.js';
+export { s as OrDatePickerV3 } from '../OrDatePicker-71467fbf.js';
+export { s as OrDateRangePickerV3 } from '../OrDateRangePicker-3d15ae71.js';
+export { s as OrDateTimeFormatV3 } from '../OrDateTimeFormat-82b281c8.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-5a2b70e3.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-2ecdc981.js';
+export { s as OrDateTimePickerV3 } from '../OrDateTimePicker-e4cee603.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-950549f6.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';
@@ -88,7 +88,7 @@ export { s as OrRadio } from '../OrRadio-40bf2c87.js';
 export { s as OrRadioGroup } from '../OrRadioGroup-00785e41.js';
 export { s as OrRadioGroupV3 } from '../OrRadioGroup-b4b6d364.js';
 export { s as OrRadioV3 } from '../OrRadio-50b0ead5.js';
-export { s as OrResizeablePanelV3, R as ResizeablePanelPadding, a as ResizeablePanelPlacement, R as SidebarPadding } from '../OrResizeablePanel-81a57c7a.js';
+export { s as OrResizeablePanelV3, R as ResizeablePanelPadding, a as ResizeablePanelPlacement, R as SidebarPadding } from '../OrResizeablePanel-3cc7cfbd.js';
 export { F as Formats, s as OrRichTextEditorV3 } from '../OrRichTextEditor-0e867727.js';
 export { s as OrSearch } from '../OrSearch-2800e9bf.js';
 export { s as OrSearchV3 } from '../OrSearch-fe8137a0.js';
@@ -96,8 +96,7 @@ export { s as OrSegmentedControlV3, S as SegmentedControlSize } from '../OrSegme
 export { s as OrSelect } from '../OrSelect-9520d6e6.js';
 export { s as OrSelectV3 } from '../OrSelect-d2790afa.js';
 export { s as OrSidebar, O as OrSidebarSide } from '../OrSidebar-aaf73310.js';
-export { s as OrSidebarV3 } from '../OrSidebar-8e0771d3.js';
-export { S as OrSidebarPlacement, S as SidebarPlacement } from '../props-aedf339b.js';
+export { S as OrSidebarPlacement, s as OrSidebarV3, S as SidebarPlacement } from '../OrSidebar-e799c79f.js';
 export { s as OrSkeletonCircle } from '../OrSkeletonCircle-66e175a0.js';
 export { s as OrSkeletonRect } from '../OrSkeletonRect-c694574e.js';
 export { s as OrSkeletonText } from '../OrSkeletonText-9a800de4.js';
@@ -112,9 +111,9 @@ 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-db771526.js';
+export { s as OrTabV3 } from '../OrTab-276ea81d.js';
 export { s as OrTabs } from '../OrTabs-3da3ea89.js';
-export { s as OrTabsV3, T as TabsVariant } from '../OrTabs-0660d898.js';
+export { s as OrTabsV3, T as TabsVariant } from '../OrTabs-03b959f6.js';
 export { s as OrTag } from '../OrTag-1b3b1296.js';
 export { s as OrTagInputV3 } from '../OrTagInput-bdbf9b9f.js';
 export { s as OrTagV3, a as TagColor, T as TagVariant } from '../OrTag-a37e8e69.js';
@@ -125,9 +124,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-360bca75.js';
-export { s as OrTimePickerV3 } from '../OrTimePicker-95f72797.js';
-export { s as OrTimeRangePickerV3 } from '../OrTimeRangePicker-58946ad3.js';
+export { s as OrTimeFormatV3 } from '../OrTimeFormat-1c8d49fb.js';
+export { s as OrTimePickerV3 } from '../OrTimePicker-f008a03b.js';
+export { s as OrTimeRangePickerV3 } from '../OrTimeRangePicker-a4f2eb8d.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-8dc3e248.js';

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

@@ -1,4 +1,4 @@
-export { a as AvatarColor, A as AvatarSize, s as OrAvatarV3 } from '../../OrAvatar-495e5033.js';
+export { a as AvatarColor, A as AvatarSize, s as OrAvatarV3 } from '../../OrAvatar-c2d6f463.js';
 import 'vue-demi';
 import '../../color-6b0fc765.js';
 import '../../OrIcon-8f6c9c29.js';

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

@@ -1,6 +1,6 @@
-export { s as OrDateFormatV3 } from '../../OrDateFormat-8590fb19.js';
+export { s as OrDateFormatV3 } from '../../OrDateFormat-934be120.js';
 import 'vue-demi';
-import '../../OrDateTimePicker-5a2b70e3.js';
+import '../../OrDateTimePicker-e4cee603.js';
 import '../../dropdown-open-06d651cf.js';
 import '@vueuse/core';
 import '../../dom-aecadd9a.js';
@@ -26,7 +26,7 @@ import '../../OrTeleport.vue3-8099178c.js';
 import '../../useTheme-0ef25778.js';
 import '../../OrInputBox-f0bac539.js';
 import '../../OrLabel-b826da04.js';
-import '../../OrDateTimePickerTimeSelect-2ecdc981.js';
+import '../../OrDateTimePickerTimeSelect-950549f6.js';
 import '../../getTimePlaceholder-13d5f743.js';
 import '../../OrButton-2e3a73fb.js';
 import '../../OrLoader-b79022da.js';

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

@@ -1,4 +1,4 @@
-export { s as OrDatePickerV3 } from '../../OrDatePicker-4c5cc5c8.js';
+export { s as OrDatePickerV3 } from '../../OrDatePicker-71467fbf.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-5a2b70e3.js';
+import '../../OrDateTimePicker-e4cee603.js';
 import '../../OrError-69bd7f6a.js';
 import 'vue';
 import '../../OrHint-55d3de35.js';
@@ -26,7 +26,7 @@ import '../../OrOverlay-6269c33a.js';
 import '../../OrTeleport.vue3-8099178c.js';
 import '../../useTheme-0ef25778.js';
 import '../../OrLabel-b826da04.js';
-import '../../OrDateTimePickerTimeSelect-2ecdc981.js';
+import '../../OrDateTimePickerTimeSelect-950549f6.js';
 import '../../getTimePlaceholder-13d5f743.js';
 import '../../OrButton-2e3a73fb.js';
 import '../../OrLoader-b79022da.js';

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

@@ -1,4 +1,4 @@
-export { s as OrDateRangePickerV3 } from '../../OrDateRangePicker-8504c6e3.js';
+export { s as OrDateRangePickerV3 } from '../../OrDateRangePicker-3d15ae71.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-5a2b70e3.js';
+import '../../OrDateTimePicker-e4cee603.js';
 import '../../OrError-69bd7f6a.js';
 import 'vue';
 import '../../OrHint-55d3de35.js';
@@ -26,7 +26,7 @@ import '../../OrOverlay-6269c33a.js';
 import '../../OrTeleport.vue3-8099178c.js';
 import '../../useTheme-0ef25778.js';
 import '../../OrLabel-b826da04.js';
-import '../../OrDateTimePickerTimeSelect-2ecdc981.js';
+import '../../OrDateTimePickerTimeSelect-950549f6.js';
 import '../../getTimePlaceholder-13d5f743.js';
 import '../../OrButton-2e3a73fb.js';
 import '../../OrLoader-b79022da.js';

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

@@ -1,6 +1,6 @@
-export { s as OrDateTimeFormatV3 } from '../../OrDateTimeFormat-b9ba9f89.js';
+export { s as OrDateTimeFormatV3 } from '../../OrDateTimeFormat-82b281c8.js';
 import 'vue-demi';
-import '../../OrDateTimePicker-5a2b70e3.js';
+import '../../OrDateTimePicker-e4cee603.js';
 import '../../dropdown-open-06d651cf.js';
 import '@vueuse/core';
 import '../../dom-aecadd9a.js';
@@ -26,7 +26,7 @@ import '../../OrTeleport.vue3-8099178c.js';
 import '../../useTheme-0ef25778.js';
 import '../../OrInputBox-f0bac539.js';
 import '../../OrLabel-b826da04.js';
-import '../../OrDateTimePickerTimeSelect-2ecdc981.js';
+import '../../OrDateTimePickerTimeSelect-950549f6.js';
 import '../../getTimePlaceholder-13d5f743.js';
 import '../../OrButton-2e3a73fb.js';
 import '../../OrLoader-b79022da.js';

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

@@ -1,5 +1,5 @@
-export { s as OrDateTimePickerV3 } from '../../OrDateTimePicker-5a2b70e3.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-2ecdc981.js';
+export { s as OrDateTimePickerV3 } from '../../OrDateTimePicker-e4cee603.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-950549f6.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';

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-2ecdc981.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-950549f6.js';
 import 'vue-demi';
 import '@vueuse/core';
 import '../../../dom-aecadd9a.js';