@onereach/ui-components 6.1.4 → 6.1.5-beta.3298.0

package/dist/esm/v3/{OrIcon-62793572.js → OrIcon-a3e90289.js}

@@ -17,47 +17,45 @@ var IconSize;
   IconSize["Inherit"] = "inherit";
 })(IconSize || (IconSize = {}));
 
-const IconRoot = [
+const Icon = [
 // Layout
 'layout-inline-row justify-center',
 // Interactivity
 'select-none'];
-const IconRootVariants = {
-  'outlined': [
+const IconVariants = {
+  [IconVariant.Outlined]: [
   // Iconography
   'iconography-outlined'],
-  'outlined-bold': [
+  [IconVariant.OutlinedBold]: [
   // Iconography
   'iconography-outlined-bold'],
-  'filled': [
+  [IconVariant.Filled]: [
   // Iconography
   'iconography-filled'],
-  'filled-bold': [
+  [IconVariant.FilledBold]: [
   // Iconography
   'iconography-filled-bold'],
-  'inherit': [
+  [IconVariant.Inherit]: [
   // Iconography
   'iconography-inherit']
 };
-const IconRootSizes = {
-  'xl': [
+const IconSizes = {
+  [IconSize.XL]: [
   // Box
   'w-[28px] md:w-[24px]', 'h-[28px] md:h-[24px]',
   // Typography
   'text-[28px] md:text-[24px]'],
-  'l': [
+  [IconSize.L]: [
   // Box
   'w-[24px] md:w-[20px]', 'h-[24px] md:h-[20px]',
   // Typography
   'text-[24px] md:text-[20px]'],
-  'm': [
+  [IconSize.M]: [
   // Box
   'w-[20px] md:w-[16px]', 'h-[20px] md:h-[16px]',
   // Typography
   'text-[20px] md:text-[16px]'],
-  'inherit': [
-  // Box
-  'w-full', 'h-full',
+  [IconSize.Inherit]: [
   // Typography
   'text-inherit']
 };
@@ -83,7 +81,7 @@ var script = defineComponent({
     // Refs
     const root = ref();
     // Styles
-    const rootStyles = computed(() => ['or-icon-v3', ...IconRoot, ...IconRootVariants[props.variant], ...IconRootSizes[props.size]]);
+    const rootStyles = computed(() => ['or-icon-v3', ...Icon, ...IconVariants[props.variant], ...IconSizes[props.size]]);
     return {
       root,
       rootStyles

package/dist/esm/v3/{OrIconButton-a69c7775.js → OrIconButton-aea0c4ae.js}

@@ -1,8 +1,8 @@
 import { defineComponent, ref, computed, isVue3 } from 'vue-demi';
-import { s as script$1, I as IconSize } from './OrIcon-62793572.js';
-import { s as script$2 } from './OrTooltip-5bf6890a.js';
+import { s as script$1, I as IconSize } from './OrIcon-a3e90289.js';
+import { s as script$2 } from './OrTooltip-2fa4b3f3.js';
 import './OrPopover-7b2af064.js';
-import { resolveComponent, openBlock, createBlock, normalizeProps, guardReactiveProps, withCtx, createElementVNode, mergeProps, toHandlers, createVNode } from 'vue';
+import { resolveComponent, openBlock, createBlock, normalizeProps, guardReactiveProps, withCtx, renderSlot, createElementVNode, mergeProps, toHandlers, createVNode } from 'vue';
 
 var IconButtonColor;
 (function (IconButtonColor) {
@@ -11,7 +11,7 @@ var IconButtonColor;
   IconButtonColor["Inherit"] = "inherit";
 })(IconButtonColor || (IconButtonColor = {}));
 
-const IconButtonRoot = [
+const IconButton = [
 // Layout
 'layout-inline-row justify-center',
 // Shape
@@ -30,8 +30,8 @@ const IconButtonRoot = [
 'active:iconography-filled',
 // Theme
 '!outline outline-2 outline-transparent'];
-const IconButtonRootColors = {
-  'default': [
+const IconButtonColors = {
+  [IconButtonColor.Default]: [
   // Theme
   'theme-preset-3-primary', 'dark:theme-preset-3-primary-dark', 'theme-foreground-outline', 'dark:theme-foreground-outline-dark',
   // Theme (hover)
@@ -42,7 +42,7 @@ const IconButtonRootColors = {
   'active:outline-primary-opacity-0-08', 'dark:active:outline-primary-opacity-0-08-dark', 'active:md:outline-primary-opacity-0-16', 'dark:active:md:outline-primary-opacity-0-16-dark', 'active:theme-foreground-default', 'dark:active:theme-foreground-default-dark',
   // Theme (selected)
   'selected:theme-foreground-default', 'dark:selected:theme-foreground-default-dark'],
-  'danger': [
+  [IconButtonColor.Danger]: [
   // Theme
   'theme-preset-3-error', 'dark:theme-preset-3-error-dark',
   // Theme (hover)
@@ -51,7 +51,7 @@ const IconButtonRootColors = {
   'focus-visible:md:outline-error-opacity-0-08', 'dark:focus-visible:md:outline-error-opacity-0-08-dark',
   // Theme (active)
   'active:outline-error-opacity-0-08', 'dark:active:outline-error-opacity-0-08-dark', 'active:md:outline-error-opacity-0-16', 'dark:active:md:outline-error-opacity-0-16-dark'],
-  'inherit': [
+  [IconButtonColor.Inherit]: [
   // Theme
   'theme-preset-3-primary', 'dark:theme-preset-3-primary-dark', 'theme-foreground-inherit', 'dark:theme-foreground-inherit-dark',
   // Theme (hover)
@@ -106,7 +106,7 @@ var script = defineComponent({
     // Refs
     const root = ref();
     // Styles
-    const rootStyles = computed(() => ['or-icon-button-v3', ...IconButtonRoot, ...IconButtonRootColors[props.color]]);
+    const rootStyles = computed(() => ['or-icon-button-v3', ...IconButton, ...IconButtonColors[props.color]]);
     return {
       root,
       rootStyles,
@@ -122,6 +122,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createBlock(_component_OrTooltip, normalizeProps(guardReactiveProps(typeof _ctx.tooltip === 'string' ? {
     text: _ctx.tooltip
   } : _ctx.tooltip)), {
+    addon: withCtx(() => [renderSlot(_ctx.$slots, "tooltipAddon")]),
     default: withCtx(() => [createElementVNode("button", mergeProps({
       ref: "root"
     }, _ctx.$attrs, {
@@ -140,7 +141,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     }, typeof _ctx.icon === 'string' ? {
       icon: _ctx.icon
     } : _ctx.icon), null, 16 /* FULL_PROPS */, ["size"])], 16 /* FULL_PROPS */, _hoisted_1)]),
-    _: 1 /* STABLE */
+    _: 3 /* FORWARDED */
   }, 16 /* FULL_PROPS */);
 }
 

package/dist/esm/v3/{OrInlineInput-246d88ca.js → OrInlineInput-70d7ca5e.js}

@@ -8,7 +8,7 @@ import '@onereach/styles/tailwind.config.json';
 import { u as useValidationAttributes } from './useValidationAttributes-d1abbe34.js';
 import { s as script$1 } from './OrError-c01d0c29.js';
 import { s as script$2 } from './OrHint-06ab89d7.js';
-import { s as script$3 } from './OrIconButton-a69c7775.js';
+import { s as script$3 } from './OrIconButton-aea0c4ae.js';
 import { s as script$4, I as InlineInputBoxSize } from './OrInlineInputBox-01fb2cb2.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, createVNode, withCtx, withDirectives, mergeProps, vModelDynamic, withModifiers, createCommentVNode, createBlock, createSlots, createTextVNode, toDisplayString, vShow } from 'vue';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';

package/dist/esm/v3/{OrInlineTextarea-c9febb84.js → OrInlineTextarea-97f4241e.js}

@@ -8,7 +8,7 @@ import '@onereach/styles/tailwind.config.json';
 import { u as useValidationAttributes } from './useValidationAttributes-d1abbe34.js';
 import { s as script$1 } from './OrError-c01d0c29.js';
 import { s as script$2 } from './OrHint-06ab89d7.js';
-import { s as script$3 } from './OrIconButton-a69c7775.js';
+import { s as script$3 } from './OrIconButton-aea0c4ae.js';
 import { s as script$4 } from './OrInlineInputBox-01fb2cb2.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, createVNode, withCtx, withDirectives, mergeProps, vModelText, withModifiers, createCommentVNode, createBlock, createSlots, createTextVNode, toDisplayString, vShow } from 'vue';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';

package/dist/esm/v3/{OrInput-e12b0489.js → OrInput-f4100cd5.js}

@@ -8,8 +8,8 @@ import '@onereach/styles/tailwind.config.json';
 import { u as useValidationAttributes } from './useValidationAttributes-d1abbe34.js';
 import { s as script$1 } from './OrError-c01d0c29.js';
 import { s as script$2 } from './OrHint-06ab89d7.js';
-import { s as script$4 } from './OrIconButton-a69c7775.js';
-import { s as script$3 } from './OrIcon-62793572.js';
+import { s as script$4 } from './OrIconButton-aea0c4ae.js';
+import { s as script$3 } from './OrIcon-a3e90289.js';
 import { s as script$5, I as InputBoxSize } from './OrInputBox-912a6254.js';
 import { s as script$6 } from './OrLabel-d4c46bb6.js';
 import { s as script$7 } from './OrLoader-b79022da.js';

package/dist/esm/v3/{OrMenuItem-54062d59.js → OrMenuItem-eb98272d.js}

@@ -1,5 +1,5 @@
 import { defineComponent, ref, computed } from 'vue-demi';
-import { s as script$1 } from './OrIcon-62793572.js';
+import { s as script$1 } from './OrIcon-a3e90289.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createBlock, normalizeProps, mergeProps, createCommentVNode, createElementVNode, renderSlot } from 'vue';
 
 const MenuItemRoot = [

package/dist/esm/v3/{OrModal-fc3bb76e.js → OrModal-4d47ecf1.js}

@@ -6,7 +6,7 @@ import '@onereach/styles/tailwind/plugins/core';
 import '@onereach/styles/tailwind.config.json';
 import { s as script$5 } from './OrOverlay-6269c33a.js';
 import { openBlock, createElementBlock, normalizeClass, renderSlot, resolveComponent, createElementVNode, createVNode, withModifiers, createBlock, withCtx, mergeProps, createCommentVNode } from 'vue';
-import { s as script$4 } from './OrIconButton-a69c7775.js';
+import { s as script$4 } from './OrIconButton-aea0c4ae.js';
 
 const ModalContent = [
 // Overflow

package/dist/esm/v3/{OrNotification-c8cd9f3d.js → OrNotification-b37e072b.js}

@@ -1,6 +1,6 @@
 import { defineComponent, ref, computed } from 'vue-demi';
-import { s as script$2 } from './OrIconButton-a69c7775.js';
-import { s as script$1 } from './OrIcon-62793572.js';
+import { s as script$2 } from './OrIconButton-aea0c4ae.js';
+import { s as script$1 } from './OrIcon-a3e90289.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, createVNode, renderSlot, createBlock, withModifiers, createCommentVNode } from 'vue';
 
 var NotificationVariant;

package/dist/esm/v3/{OrPagination-cc0b041a.js → OrPagination-a4c2ace1.js}

@@ -5,8 +5,8 @@ import { u as useProxyModelValue } from './useProxyModelValue-940010d2.js';
 import { u as useResponsive } from './useResponsive-5c8291da.js';
 import '@onereach/styles/tailwind.config.json';
 import { s as script$1 } from './OrButton-4a3c3e7b.js';
-import { s as script$2 } from './OrIcon-62793572.js';
-import { s as script$4 } from './OrMenuItem-54062d59.js';
+import { s as script$2 } from './OrIcon-a3e90289.js';
+import { s as script$4 } from './OrMenuItem-eb98272d.js';
 import { s as script$3 } from './OrMenu-9a82f18f.js';
 import './OrPopover-7b2af064.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, createVNode, withModifiers, withCtx, Fragment, renderList, createBlock, createTextVNode, toDisplayString, createCommentVNode } from 'vue';

package/dist/esm/v3/{OrSearch-bc259374.js → OrSearch-f07cd71a.js}

@@ -1,6 +1,6 @@
 import { debouncedWatch } from '@vueuse/core';
 import { defineComponent, ref, computed, watch } from 'vue-demi';
-import { s as script$1 } from './OrInput-e12b0489.js';
+import { s as script$1 } from './OrInput-f4100cd5.js';
 import { I as InputBoxSize } from './OrInputBox-912a6254.js';
 import { resolveComponent, openBlock, createBlock, normalizeClass } from 'vue';
 

package/dist/esm/v3/{OrSelect-a7d3c84d.js → OrSelect-cbdbe43c.js}

@@ -8,16 +8,16 @@ import '@onereach/styles/tailwind.config.json';
 import { i as isEmptyValue } from './isEmptyValue-fd56a6e4.js';
 import { s as script$2 } from './OrCheckbox-a2017fa5.js';
 import { s as script$3 } from './OrError-c01d0c29.js';
-import { s as script$4 } from './OrExpansionPanel-3e7fdcc9.js';
+import { s as script$4 } from './OrExpansionPanel-be0a26e6.js';
 import { s as script$5 } from './OrHint-06ab89d7.js';
-import { s as script$7 } from './OrIconButton-a69c7775.js';
-import { s as script$6 } from './OrIcon-62793572.js';
+import { s as script$7 } from './OrIconButton-aea0c4ae.js';
+import { s as script$6 } from './OrIcon-a3e90289.js';
 import { s as script$9, I as InputBoxSize } from './OrInputBox-912a6254.js';
-import { s as script$8 } from './OrInput-e12b0489.js';
+import { s as script$8 } from './OrInput-f4100cd5.js';
 import { s as script$a } from './OrLabel-d4c46bb6.js';
-import { s as script$b } from './OrMenuItem-54062d59.js';
+import { s as script$b } from './OrMenuItem-eb98272d.js';
 import { s as script$c } from './OrPopover-7b2af064.js';
-import { s as script$d } from './OrTag-2a3d7293.js';
+import { s as script$d } from './OrTag-c09b0616.js';
 import { openBlock, createElementBlock, normalizeClass, renderSlot, resolveComponent, resolveDirective, createBlock, withCtx, createTextVNode, toDisplayString, createCommentVNode, withDirectives, createElementVNode, Fragment, renderList, withModifiers, createVNode, vShow } from 'vue';
 
 const SelectPlaceholder = [

package/dist/esm/v3/{OrSidebar-8837a93e.js → OrSidebar-5b467a6d.js}

@@ -1,6 +1,6 @@
 import { useDraggable, useElementBounding } from '@vueuse/core';
 import { defineComponent, ref, computed, useSlots, watch } from 'vue-demi';
-import { s as script$1, O as OrSidebarPlacement } from './OrSidebarCollapseButton-f44951ac.js';
+import { s as script$1, O as OrSidebarPlacement } from './OrSidebarCollapseButton-390169ac.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, renderSlot, createCommentVNode, createElementVNode, normalizeStyle, createBlock, withDirectives, vShow } from 'vue';
 
 const SidebarRoot = [

package/dist/esm/v3/{OrSidebarCollapseButton-f44951ac.js → OrSidebarCollapseButton-390169ac.js}

@@ -1,5 +1,5 @@
 import { defineComponent, ref, computed } from 'vue-demi';
-import { s as script$1 } from './OrIconButton-a69c7775.js';
+import { s as script$1 } from './OrIconButton-aea0c4ae.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createVNode, withModifiers } from 'vue';
 
 var OrSidebarPlacement;

package/dist/esm/v3/{OrSorting-6baec1ab.js → OrSorting-029ee2a7.js}

@@ -1,9 +1,9 @@
 import { defineComponent, ref, toRef, computed } from 'vue-demi';
 import { s as script$1 } from './OrMenu-9a82f18f.js';
 import './OrPopover-7b2af064.js';
-import { s as script$2 } from './OrMenuItem-54062d59.js';
+import { s as script$2 } from './OrMenuItem-eb98272d.js';
 import { s as script$3 } from './OrButton-4a3c3e7b.js';
-import { s as script$4 } from './OrIcon-62793572.js';
+import { s as script$4 } from './OrIcon-a3e90289.js';
 import '@vueuse/core';
 import './dom-aecadd9a.js';
 import { u as useProxyModelValue } from './useProxyModelValue-940010d2.js';

package/dist/esm/v3/{OrTabs-2ab1aefa.js → OrTabs-b19ee504.js}

@@ -4,8 +4,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 { s as script$1 } from './OrIcon-62793572.js';
-import { s as script$3 } from './OrMenuItem-54062d59.js';
+import { s as script$1 } from './OrIcon-a3e90289.js';
+import { s as script$3 } from './OrMenuItem-eb98272d.js';
 import { s as script$2 } from './OrMenu-9a82f18f.js';
 import './OrPopover-7b2af064.js';
 import { s as script$4 } from './OrTab-2d567d8e.js';

package/dist/esm/v3/{OrTag-2a3d7293.js → OrTag-c09b0616.js}

@@ -1,5 +1,5 @@
 import { defineComponent, ref, computed, watchPostEffect, unref } from 'vue-demi';
-import { s as script$1 } from './OrIconButton-a69c7775.js';
+import { s as script$1 } from './OrIconButton-aea0c4ae.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, renderSlot, createVNode, withModifiers, createCommentVNode } from 'vue';
 
 var TagVariant;

package/dist/esm/v3/{OrTagInput-ccb72239.js → OrTagInput-523fd426.js}

@@ -8,10 +8,10 @@ import '@onereach/styles/tailwind.config.json';
 import { u as useValidationAttributes } from './useValidationAttributes-d1abbe34.js';
 import { s as script$1 } from './OrError-c01d0c29.js';
 import { s as script$2 } from './OrHint-06ab89d7.js';
-import { s as script$3 } from './OrIconButton-a69c7775.js';
+import { s as script$3 } from './OrIconButton-aea0c4ae.js';
 import { s as script$4, I as InputBoxSize } from './OrInputBox-912a6254.js';
 import { s as script$5 } from './OrLabel-d4c46bb6.js';
-import { s as script$6 } from './OrTags-69e90412.js';
+import { s as script$6 } from './OrTags-248f77b3.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, createVNode, withModifiers, withDirectives, createElementVNode, mergeProps, withKeys, vModelDynamic, createSlots, vShow } from 'vue';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 

package/dist/esm/v3/{OrTags-69e90412.js → OrTags-248f77b3.js}

@@ -5,7 +5,7 @@ import '@onereach/styles/tailwind/plugins/core';
 import '@onereach/styles/tailwind.config.json';
 import { s as script$1 } from './OrButton-4a3c3e7b.js';
 import { s as script$2 } from './OrPopover-7b2af064.js';
-import { s as script$3 } from './OrTag-2a3d7293.js';
+import { s as script$3 } from './OrTag-c09b0616.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, Fragment, renderList, createBlock, mergeProps, withCtx, createTextVNode, toDisplayString, createVNode, withModifiers, createCommentVNode } from 'vue';
 
 var TagsOverflow;

package/dist/esm/v3/{OrTimePicker-a3870a62.js → OrTimePicker-cc8e3703.js}

@@ -5,12 +5,12 @@ 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 { b as script$1, d as script$2, e as script$3, u as useCurrentDate } from './OrDateTimePickerPopoverHeader-03ae7d09.js';
-import { a as script$4, b as script$5, D as DateTimePickerTimeFormat } from './OrDateTimePicker-738f9cd3.js';
+import { b as script$1, d as script$2, e as script$3, u as useCurrentDate } from './OrDateTimePickerPopoverHeader-d1db86f9.js';
+import { a as script$4, b as script$5, D as DateTimePickerTimeFormat } from './OrDateTimePicker-d16c755b.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-a69c7775.js';
-import { s as script$8 } from './OrIcon-62793572.js';
+import { s as script$9 } from './OrIconButton-aea0c4ae.js';
+import { s as script$8 } from './OrIcon-a3e90289.js';
 import { s as script$a, I as InputBoxSize } from './OrInputBox-912a6254.js';
 import { s as script$b } from './OrLabel-d4c46bb6.js';
 import { s as script$c } from './OrPopover-7b2af064.js';

package/dist/esm/v3/{OrTooltip-5bf6890a.js → OrTooltip-2fa4b3f3.js}

@@ -4,15 +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 { s as script$1, P as PopoverPlacement } from './OrPopover-7b2af064.js';
-import { resolveComponent, openBlock, createElementBlock, normalizeClass, renderSlot, createBlock, withCtx, createElementVNode, toDisplayString, createCommentVNode } from 'vue';
+import { P as PopoverPlacement, s as script$1 } from './OrPopover-7b2af064.js';
+import { resolveComponent, openBlock, createElementBlock, normalizeClass, renderSlot, createBlock, withCtx, createElementVNode, createTextVNode, toDisplayString, createCommentVNode } from 'vue';
 
-const TooltipRoot = [
+const Tooltip = [
 // Layout
 'layout-inline-row'];
 const TooltipBody = [
 // Layout
-'layout-inline-row',
+'layout-inline-column',
 // Shape
 'rounded-sm',
 // Spacing
@@ -22,32 +22,32 @@ const TooltipBody = [
 // Theme
 'bg-inverse-surface', 'dark:bg-inverse-surface-dark', 'text-inverse-on-surface', 'dark:text-inverse-on-surface-dark'];
 const TooltipBodyPlacements = {
-  'top': [],
-  'top-start': [
+  [PopoverPlacement.Top]: [],
+  [PopoverPlacement.TopStart]: [
   // Spacing
   'ml-none'],
-  'top-end': [
+  [PopoverPlacement.TopEnd]: [
   // Spacing
   'mr-none'],
-  'bottom': [],
-  'bottom-start': [
+  [PopoverPlacement.Bottom]: [],
+  [PopoverPlacement.BottomStart]: [
   // Spacing
   'ml-none'],
-  'bottom-end': [
+  [PopoverPlacement.BottomEnd]: [
   // Spacing
   'mr-none'],
-  'left': [],
-  'left-start': [
+  [PopoverPlacement.Left]: [],
+  [PopoverPlacement.LeftStart]: [
   // Spacing
   'mt-none'],
-  'left-end': [
+  [PopoverPlacement.LeftEnd]: [
   // Spacing
   'mb-none'],
-  'right': [],
-  'right-start': [
+  [PopoverPlacement.Right]: [],
+  [PopoverPlacement.RightStart]: [
   // Spacing
   'mt-none'],
-  'right-end': [
+  [PopoverPlacement.RightEnd]: [
   // Spacing
   'mb-none']
 };
@@ -81,7 +81,7 @@ var script = defineComponent({
     // Refs
     const root = ref();
     // Styles
-    const rootStyles = computed(() => ['or-tooltip-v3', ...TooltipRoot]);
+    const rootStyles = computed(() => ['or-tooltip-v3', ...Tooltip]);
     const bodyStyles = computed(() => [...TooltipBody, ...TooltipBodyPlacements[props.placement]]);
     // State
     const {
@@ -123,9 +123,9 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   }, {
     default: withCtx(() => [createElementVNode("div", {
       class: normalizeClass(_ctx.bodyStyles)
-    }, toDisplayString(_ctx.text), 3 /* TEXT, CLASS */)]),
+    }, [createTextVNode(toDisplayString(_ctx.text) + " ", 1 /* TEXT */), renderSlot(_ctx.$slots, "addon")], 2 /* CLASS */)]),
 
-    _: 1 /* STABLE */
+    _: 3 /* FORWARDED */
   }, 8 /* PROPS */, ["is-open", "trigger", "placement", "offset"])) : createCommentVNode("v-if", true)], 34 /* CLASS, HYDRATE_EVENTS */);
 }
 

package/dist/esm/v3/{OrTree-a0e57f4e.js → OrTree-f661895f.js}

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed, watch, unref, onMounted } from 'vue-demi';
 import { useToggle } from '@vueuse/core';
 import { s as script$2 } from './OrButton-4a3c3e7b.js';
-import { s as script$3 } from './OrIcon-62793572.js';
+import { s as script$3 } from './OrIcon-a3e90289.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, withModifiers, createBlock, withCtx, createVNode, createCommentVNode, renderSlot, normalizeProps, guardReactiveProps, createTextVNode, toDisplayString, Fragment, renderList } from 'vue';
 
 var TreeNodeDropPosition;

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-554347e6.js';
+export { a as AvatarColor, A as AvatarSize, s as OrAvatarV3 } from '../OrAvatar-9f7dea15.js';
 export { B as BottomSheetVariant, s as OrBottomSheetV3 } from '../OrBottomSheet-efcae28c.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';
@@ -7,11 +7,11 @@ export { a as BUTTON_COLOR, c as BUTTON_LOADER_TYPE, b as BUTTON_SIZE, B as BUTT
 export { a as ButtonColor, b as ButtonType, B as ButtonVariant, s as OrButtonV3 } from '../OrButton-4a3c3e7b.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-bddf72ef.js';
+export { C as CardCollectionView, s as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../OrCardCollection-397b1ad9.js';
 export { s as OrCardV3 } from '../OrCard-cc82902c.js';
 export { s as OrCheckbox } from '../OrCheckbox-5666c954.js';
-export { s as OrCheckboxGroupV3 } from '../OrCheckboxGroup-f80d8bc0.js';
-export { s as OrCheckboxTreeV3 } from '../OrCheckboxTree-e0268770.js';
+export { s as OrCheckboxGroupV3 } from '../OrCheckboxGroup-53478516.js';
+export { s as OrCheckboxTreeV3 } from '../OrCheckboxTree-a065466b.js';
 export { s as OrCheckboxV3 } from '../OrCheckbox-a2017fa5.js';
 export { s as OrChip } from '../OrChip-74e27265.js';
 export { s as OrChips } from '../OrChips-348b13e4.js';
@@ -21,38 +21,38 @@ export { lintGutter, linter } from '@codemirror/lint';
 export { javascript } from '@codemirror/lang-javascript';
 export { json, jsonParseLinter } from '@codemirror/lang-json';
 export { html } from '@codemirror/lang-html';
-export { C as CodeLanguage, s as OrCodeV3 } from '../OrCode-a63c3a7b.js';
+export { C as CodeLanguage, s as OrCodeV3 } from '../OrCode-f7de0554.js';
 export { s as OrCollapse } from '../OrCollapse-d7c0afae.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-252f482b.js';
 export { s as OrCombinedInputV3 } from '../OrCombinedInput-b8a868cb.js';
 export { I as CombinedInputSize, 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 TagInputSize, I as TextareaSize, I as TimePickerSize } from '../OrInputBox-912a6254.js';
 export { s as OrConfirm } from '../OrConfirm-97ab80b9.js';
-export { C as ConfirmType, s as OrConfirmV3 } from '../OrConfirm-d304e9a4.js';
+export { C as ConfirmType, s as OrConfirmV3 } from '../OrConfirm-6468df32.js';
 export { s as OrContextMenuV3 } from '../OrContextMenu-bf1e07ae.js';
 export { s as OrMenuV3 } from '../OrMenu-9a82f18f.js';
 export { P as ContextMenuPlacement, P as MenuPlacement, s as OrPopoverV3, P as PopoverPlacement, a as PopoverVariant, P as TooltipPlacement } from '../OrPopover-7b2af064.js';
-export { s as OrDatePickerV3 } from '../OrDatePicker-87aef206.js';
+export { s as OrDatePickerV3 } from '../OrDatePicker-9b546a20.js';
 export { D as DEFAULT_TEXT, s as OrDateTimePicker, a as OrDateTimePickerItemTypes, O as OrDateTimePickerTypes } from '../OrDateTimePicker-4bfefbcd.js';
-export { D as DateTimePickerTimeFormat, s as OrDateTimePickerV3, D as TimePickerFormat } from '../OrDateTimePicker-738f9cd3.js';
+export { D as DateTimePickerTimeFormat, s as OrDateTimePickerV3, D as TimePickerFormat } from '../OrDateTimePicker-d16c755b.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 OrErrorTagV3 } from '../OrErrorTag-f0b480cb.js';
 export { s as OrErrorV3 } from '../OrError-c01d0c29.js';
-export { b as ExpansionPanelBackgroundColor, a as ExpansionPanelColor, E as ExpansionPanelVariant, s as OrExpansionPanelV3 } from '../OrExpansionPanel-3e7fdcc9.js';
-export { F as FabColor, s as OrFabV3 } from '../OrFab-83cd7ed7.js';
+export { b as ExpansionPanelBackgroundColor, a as ExpansionPanelColor, E as ExpansionPanelVariant, s as OrExpansionPanelV3 } from '../OrExpansionPanel-be0a26e6.js';
+export { F as FabColor, s as OrFabV3 } from '../OrFab-52ee211a.js';
 export { s as OrFloating, a as OrFloatingHideStrategy, O as OrFloatingPlacements } from '../OrFloating-052ede5f.js';
 export { F as FormGroupDirection, s as OrFormGroupV3 } from '../OrFormGroup-37f2b304.js';
 export { s as OrHint } from '../OrHint-8822005b.js';
 export { s as OrHintV3 } from '../OrHint-06ab89d7.js';
 export { s as OrIcon, O as OrIconColors, a as OrIconType } from '../OrIcon-f7130a5c.js';
-export { I as IconButtonColor, s as OrIconButtonV3 } from '../OrIconButton-a69c7775.js';
-export { I as IconButtonSize, I as IconSize, a as IconVariant, s as OrIconV3 } from '../OrIcon-62793572.js';
+export { I as IconButtonColor, s as OrIconButtonV3 } from '../OrIconButton-aea0c4ae.js';
+export { I as IconButtonSize, I as IconSize, a as IconVariant, s as OrIconV3 } from '../OrIcon-a3e90289.js';
 export { I as InlineInputBoxSize, I as InlineInputSize, s as OrInlineInputBoxV3 } from '../OrInlineInputBox-01fb2cb2.js';
-export { I as InlineInputType, s as OrInlineInputV3 } from '../OrInlineInput-246d88ca.js';
+export { I as InlineInputType, s as OrInlineInputV3 } from '../OrInlineInput-70d7ca5e.js';
 export { a as InlineTextEditTrimmingTypes, I as InlineTextEditTypes, s as OrInlineTextEdit } from '../OrInlineTextEdit-a3c4c7dc.js';
-export { s as OrInlineTextareaV3 } from '../OrInlineTextarea-c9febb84.js';
+export { s as OrInlineTextareaV3 } from '../OrInlineTextarea-97f4241e.js';
 export { s as OrInput } from '../OrInput-2c3111c2.js';
-export { I as InputType, s as OrInputV3 } from '../OrInput-e12b0489.js';
+export { I as InputType, s as OrInputV3 } from '../OrInput-f4100cd5.js';
 export { s as OrLabel } from '../OrLabel-a7d99df4.js';
 export { L as LabelVariant, s as OrLabelV3 } from '../OrLabel-d4c46bb6.js';
 export { L as LinkColor, s as OrLinkV3 } from '../OrLink-dcae31fb.js';
@@ -60,16 +60,16 @@ export { s as OrList } from '../OrList-aa7b5ef9.js';
 export { s as OrListOfInputs } from '../OrListOfInputs-f8740785.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-54062d59.js';
+export { s as OrMenuItemV3 } from '../OrMenuItem-eb98272d.js';
 export { s as OrModal, O as OrModalSizes } from '../OrModal-b2060770.js';
-export { M as ModalSize, s as OrModalV3 } from '../OrModal-fc3bb76e.js';
+export { M as ModalSize, s as OrModalV3 } from '../OrModal-4d47ecf1.js';
 export { a as OR_NOTIFICATION_SIZE, O as OR_NOTIFICATION_TYPE, s as OrNotification } from '../OrNotification-1b28dd4a.js';
-export { N as NotificationVariant, s as OrNotificationV3 } from '../OrNotification-c8cd9f3d.js';
+export { N as NotificationVariant, s as OrNotificationV3 } from '../OrNotification-b37e072b.js';
 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-6269c33a.js';
-export { s as OrPaginationV3 } from '../OrPagination-cc0b041a.js';
+export { s as OrPaginationV3 } from '../OrPagination-a4c2ace1.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-73b41ba4.js';
@@ -78,13 +78,13 @@ export { s as OrRadioGroup } from '../OrRadioGroup-00785e41.js';
 export { s as OrRadioGroupV3 } from '../OrRadioGroup-cae1897c.js';
 export { s as OrRadioV3 } from '../OrRadio-02e0d111.js';
 export { s as OrSearch } from '../OrSearch-2800e9bf.js';
-export { s as OrSearchV3 } from '../OrSearch-bc259374.js';
+export { s as OrSearchV3 } from '../OrSearch-f07cd71a.js';
 export { s as OrSegmentedControlV3, S as SegmentedControlSize } from '../OrSegmentedControl-4c4fff7b.js';
 export { s as OrSelect } from '../OrSelect-9520d6e6.js';
-export { s as OrSelectV3 } from '../OrSelect-a7d3c84d.js';
+export { s as OrSelectV3 } from '../OrSelect-cbdbe43c.js';
 export { s as OrSidebar, O as OrSidebarSide } from '../OrSidebar-aaf73310.js';
-export { s as OrSidebarV3 } from '../OrSidebar-8837a93e.js';
-export { O as OrSidebarPlacement } from '../OrSidebarCollapseButton-f44951ac.js';
+export { s as OrSidebarV3 } from '../OrSidebar-5b467a6d.js';
+export { O as OrSidebarPlacement } from '../OrSidebarCollapseButton-390169ac.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';
@@ -93,7 +93,7 @@ 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-6baec1ab.js';
+export { s as OrSortingV3 } from '../OrSorting-029ee2a7.js';
 export { s as OrStepper } from '../OrStepper-4943002c.js';
 export { s as OrSwitch } from '../OrSwitch-fb864132.js';
 export { s as OrSwitchV3 } from '../OrSwitch-1ac1bfcd.js';
@@ -101,26 +101,26 @@ export { s as OrTab } from '../OrTab-d8d4e871.js';
 export { s as OrTabHeaderItem } from '../OrTabHeaderItem-c2af7ca3.js';
 export { s as OrTabV3 } from '../OrTab-2d567d8e.js';
 export { s as OrTabs } from '../OrTabs-3da3ea89.js';
-export { s as OrTabsV3, T as TabsVariant } from '../OrTabs-2ab1aefa.js';
+export { s as OrTabsV3, T as TabsVariant } from '../OrTabs-b19ee504.js';
 export { s as OrTag } from '../OrTag-1b3b1296.js';
-export { s as OrTagInputV3 } from '../OrTagInput-ccb72239.js';
-export { s as OrTagV3, a as TagColor, T as TagVariant } from '../OrTag-2a3d7293.js';
-export { s as OrTagsV3, T as TagsOverflow } from '../OrTags-69e90412.js';
+export { s as OrTagInputV3 } from '../OrTagInput-523fd426.js';
+export { s as OrTagV3, a as TagColor, T as TagVariant } from '../OrTag-c09b0616.js';
+export { s as OrTagsV3, T as TagsOverflow } from '../OrTags-248f77b3.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-d54c951d.js';
 export { s as OrTextarea } from '../OrTextarea-7a753c1a.js';
 export { s as OrTextareaV3 } from '../OrTextarea-aa1cf564.js';
 export { s as OrTextbox, T as TextboxTypes } from '../OrTextbox-cb6762c8.js';
-export { s as OrTimePickerV3 } from '../OrTimePicker-a3870a62.js';
+export { s as OrTimePickerV3 } from '../OrTimePicker-cc8e3703.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-c4c1e2cc.js';
+export { a as OrToastContainerV3, s as OrToastV3, t as TypesV3 } from '../types-2184eed3.js';
 export { p as PropsV3, a as useQueueV3, u as useToastV3 } from '../useToast-5aa9dc05.js';
 export { s as OrTooltip } from '../OrTooltip-7ac03028.js';
 export { s as OrTooltipContent } from '../OrTooltipContent-c0042844.js';
-export { s as OrTooltipV3 } from '../OrTooltip-5bf6890a.js';
-export { s as OrTreeV3, T as TreeNodeDropPosition } from '../OrTree-a0e57f4e.js';
+export { s as OrTooltipV3 } from '../OrTooltip-2fa4b3f3.js';
+export { s as OrTreeV3, T as TreeNodeDropPosition } from '../OrTree-f661895f.js';
 import 'vue-demi';
 import 'vue';
 import '../style-inject.es-4c6f2515.js';
@@ -150,7 +150,7 @@ import '@floating-ui/dom';
 import '../useElevation-a50ec347.js';
 import '../useResponsive-5c8291da.js';
 import '../dropdown-open-06d651cf.js';
-import '../OrDateTimePickerPopoverHeader-03ae7d09.js';
+import '../OrDateTimePickerPopoverHeader-d1db86f9.js';
 import 'lodash/padStart';
 import 'lodash/cloneDeep';
 import 'lodash/isEqual';

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

@@ -1,5 +1,5 @@
-export { a as AvatarColor, A as AvatarSize, s as OrAvatarV3 } from '../../OrAvatar-554347e6.js';
+export { a as AvatarColor, A as AvatarSize, s as OrAvatarV3 } from '../../OrAvatar-9f7dea15.js';
 import 'vue-demi';
 import '../../color-6b0fc765.js';
-import '../../OrIcon-62793572.js';
+import '../../OrIcon-a3e90289.js';
 import 'vue';