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

package/dist/esm/v2/{OrAvatar-dd0e1e3b.js → OrAvatar-31597fda.js}

@@ -1,6 +1,6 @@
 import { defineComponent, ref, computed, watchPostEffect } from 'vue-demi';
 import { G as hslToColorString, F as generateHslFromString } from './color-6b0fc765.js';
-import { _ as __vue_component__$1 } from './OrIcon-d35a84d8.js';
+import { _ as __vue_component__$1 } from './OrIcon-a36250bf.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 var AvatarSize;

package/dist/esm/v2/{OrCardCollection-c27ae76f.js → OrCardCollection-6d158010.js}

@@ -1,8 +1,8 @@
 import { defineComponent, computed, ref, watch } from 'vue-demi';
-import { _ as __vue_component__$2 } from './OrIconButton-6eda233c.js';
-import { _ as __vue_component__$4 } from './OrSearch-8a834099.js';
+import { _ as __vue_component__$2 } from './OrIconButton-31373f98.js';
+import { _ as __vue_component__$4 } from './OrSearch-37d6e7ae.js';
 import './OrInputBox.vue_rollup-plugin-vue_script-4fde9829.js';
-import { _ as __vue_component__$3 } from './OrSorting-82557def.js';
+import { _ as __vue_component__$3 } from './OrSorting-541412b0.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 var CardCollectionView;

package/dist/esm/v2/{OrCheckboxGroup-e83368ed.js → OrCheckboxGroup-2df9d20b.js}

@@ -4,7 +4,7 @@ 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 { _ as __vue_component__$1 } from './OrCheckboxTree-fe3ade5a.js';
+import { _ as __vue_component__$1 } from './OrCheckboxTree-52feda21.js';
 import { _ as __vue_component__$2, F as FormGroupDirection } from './OrFormGroup-bed59f6c.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 

package/dist/esm/v2/{OrCheckboxTree-fe3ade5a.js → OrCheckboxTree-52feda21.js}

@@ -6,7 +6,7 @@ import '@onereach/styles/tailwind/plugins/core';
 import '@onereach/styles/tailwind.config.json';
 import { _ as __vue_component__$3 } from './OrButton-a23ee9f0.js';
 import { _ as __vue_component__$2 } from './OrCheckbox-a3bb500c.js';
-import { _ as __vue_component__$1 } from './OrIcon-d35a84d8.js';
+import { _ as __vue_component__$1 } from './OrIcon-a36250bf.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 function flattenDeep() {

package/dist/esm/v2/{OrCode-4501e2df.js → OrCode-6b95932d.js}

@@ -17,11 +17,11 @@ import { u as useTheme } from './useTheme-0ef25778.js';
 import { u as useValidationAttributes } from './useValidationAttributes-d1abbe34.js';
 import { _ as __vue_component__$1 } from './OrError-4ffc1c39.js';
 import { _ as __vue_component__$2 } from './OrHint-aa221198.js';
-import { _ as __vue_component__$3 } from './OrIconButton-6eda233c.js';
+import { _ as __vue_component__$3 } from './OrIconButton-31373f98.js';
 import { _ as __vue_component__$4 } from './OrInputBox-7dc5b9e9.js';
 import './OrInputBox.vue_rollup-plugin-vue_script-4fde9829.js';
 import { _ as __vue_component__$5 } from './OrLabel-4a3d8904.js';
-import { _ as __vue_component__$6 } from './OrModal-8ea08182.js';
+import { _ as __vue_component__$6 } from './OrModal-47fd6026.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 var CodeLanguage;

package/dist/esm/v2/{OrConfirm-4841e1eb.js → OrConfirm-2c30bbd1.js}

@@ -6,7 +6,7 @@ import { u as usePopoverState } from './usePopoverState-b92c698b.js';
 import '@onereach/styles/tailwind/plugins/core';
 import '@onereach/styles/tailwind.config.json';
 import { _ as __vue_component__$2, a as ButtonColor } from './OrButton-a23ee9f0.js';
-import { _ as __vue_component__$3 } from './OrInput-54abe165.js';
+import { _ as __vue_component__$3 } from './OrInput-5401f404.js';
 import { _ as __vue_component__$1 } from './OrOverlay-868d1120.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 

package/dist/esm/v2/{OrDatePicker-528b55ec.js → OrDatePicker-d20672b8.js}

@@ -5,11 +5,11 @@ 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 { _ as __vue_component__$1, a as __vue_component__$2, b as __vue_component__$3, c as __vue_component__$4, d as __vue_component__$5, e as __vue_component__$6, u as useCurrentDate } from './OrDateTimePickerPopoverHeader-835e4e49.js';
+import { _ as __vue_component__$1, a as __vue_component__$2, b as __vue_component__$3, c as __vue_component__$4, d as __vue_component__$5, e as __vue_component__$6, u as useCurrentDate } from './OrDateTimePickerPopoverHeader-788ff204.js';
 import { _ as __vue_component__$7 } from './OrError-4ffc1c39.js';
 import { _ as __vue_component__$8 } from './OrHint-aa221198.js';
-import { _ as __vue_component__$a } from './OrIconButton-6eda233c.js';
-import { _ as __vue_component__$9 } from './OrIcon-d35a84d8.js';
+import { _ as __vue_component__$a } from './OrIconButton-31373f98.js';
+import { _ as __vue_component__$9 } from './OrIcon-a36250bf.js';
 import { _ as __vue_component__$b } from './OrInputBox-7dc5b9e9.js';
 import { I as InputBoxSize } from './OrInputBox.vue_rollup-plugin-vue_script-4fde9829.js';
 import { _ as __vue_component__$c } from './OrLabel-4a3d8904.js';

package/dist/esm/v2/{OrDateTimePicker-80bd401a.js → OrDateTimePicker-a8c2a9df.js}

@@ -1,4 +1,4 @@
-import { s as script } from './OrDateTimePicker.vue_rollup-plugin-vue_script-8e987b8d.js';
+import { s as script } from './OrDateTimePicker.vue_rollup-plugin-vue_script-e2dc3e32.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 /* script */

package/dist/esm/v2/{OrDateTimePicker.vue_rollup-plugin-vue_script-8e987b8d.js → OrDateTimePicker.vue_rollup-plugin-vue_script-e2dc3e32.js}

@@ -7,13 +7,13 @@ import '@onereach/styles/tailwind/plugins/core';
 import '@onereach/styles/tailwind.config.json';
 import { _ as __vue_component__$9 } from './OrError-4ffc1c39.js';
 import { _ as __vue_component__$a } from './OrHint-aa221198.js';
-import { _ as __vue_component__$c } from './OrIconButton-6eda233c.js';
-import { _ as __vue_component__$b } from './OrIcon-d35a84d8.js';
+import { _ as __vue_component__$c } from './OrIconButton-31373f98.js';
+import { _ as __vue_component__$b } from './OrIcon-a36250bf.js';
 import { _ as __vue_component__$d } from './OrInputBox-7dc5b9e9.js';
 import { I as InputBoxSize } from './OrInputBox.vue_rollup-plugin-vue_script-4fde9829.js';
 import { _ as __vue_component__$e } from './OrLabel-4a3d8904.js';
 import { _ as __vue_component__$f } from './OrPopover-f6114169.js';
-import { _ as __vue_component__$3, a as __vue_component__$4, b as __vue_component__$5, c as __vue_component__$6, d as __vue_component__$7, e as __vue_component__$8, u as useCurrentDate } from './OrDateTimePickerPopoverHeader-835e4e49.js';
+import { _ as __vue_component__$3, a as __vue_component__$4, b as __vue_component__$5, c as __vue_component__$6, d as __vue_component__$7, e as __vue_component__$8, u as useCurrentDate } from './OrDateTimePickerPopoverHeader-788ff204.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 import { _ as __vue_component__$2 } from './OrButton-a23ee9f0.js';
 

package/dist/esm/v2/{OrDateTimePickerPopoverHeader-835e4e49.js → OrDateTimePickerPopoverHeader-788ff204.js}

@@ -7,9 +7,9 @@ import '@onereach/styles/tailwind.config.json';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 import { _ as __vue_component__$6 } from './OrButton-a23ee9f0.js';
 import { _ as __vue_component__$7 } from './OrLabel-4a3d8904.js';
-import { _ as __vue_component__$9 } from './OrIconButton-6eda233c.js';
-import { _ as __vue_component__$8 } from './OrIcon-d35a84d8.js';
-import { _ as __vue_component__$b } from './OrMenuItem-c1c97ebe.js';
+import { _ as __vue_component__$9 } from './OrIconButton-31373f98.js';
+import { _ as __vue_component__$8 } from './OrIcon-a36250bf.js';
+import { _ as __vue_component__$b } from './OrMenuItem-61403f7a.js';
 import { _ as __vue_component__$a } from './OrMenu-c2c6473f.js';
 import './OrPopover-f6114169.js';
 

package/dist/esm/v2/{OrErrorTag-a55ae01a.js → OrErrorTag-93b22c85.js}

@@ -1,5 +1,5 @@
 import { defineComponent, ref, computed } from 'vue-demi';
-import { _ as __vue_component__$1 } from './OrIcon-d35a84d8.js';
+import { _ as __vue_component__$1 } from './OrIcon-a36250bf.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 const ErrorTagRoot = [

package/dist/esm/v2/{OrExpansionPanel-ed3c3049.js → OrExpansionPanel-2ac7b233.js}

@@ -4,7 +4,7 @@ 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 { _ as __vue_component__$1 } from './OrIcon-d35a84d8.js';
+import { _ as __vue_component__$1 } from './OrIcon-a36250bf.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 var ExpansionPanelVariant;

package/dist/esm/v2/{OrFab-f3a590c0.js → OrFab-6272bcc9.js}

@@ -1,5 +1,5 @@
 import { defineComponent, ref, computed, isVue3 } from 'vue-demi';
-import { _ as __vue_component__$1 } from './OrIcon-d35a84d8.js';
+import { _ as __vue_component__$1 } from './OrIcon-a36250bf.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 var FabColor;

package/dist/esm/v2/{OrIcon-d35a84d8.js → OrIcon-a36250bf.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/v2/{OrIconButton-6eda233c.js → OrIconButton-31373f98.js}

@@ -1,6 +1,6 @@
 import { defineComponent, ref, computed, isVue3 } from 'vue-demi';
-import { _ as __vue_component__$1, I as IconSize } from './OrIcon-d35a84d8.js';
-import { _ as __vue_component__$2 } from './OrTooltip-a4e679bb.js';
+import { _ as __vue_component__$1, I as IconSize } from './OrIcon-a36250bf.js';
+import { _ as __vue_component__$2 } from './OrTooltip-479f475f.js';
 import './OrPopover-f6114169.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
@@ -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,
@@ -123,8 +123,16 @@ var __vue_render__ = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
-  return _c('OrTooltip', _vm._b({}, 'OrTooltip', typeof _vm.tooltip === 'string' ? {
-    text: _vm.tooltip
+  return _c('OrTooltip', _vm._b({
+    scopedSlots: _vm._u([{
+      key: "content",
+      fn: function () {
+        return [_vm._t("tooltipContent")];
+      },
+      proxy: true
+    }], null, true)
+  }, 'OrTooltip', typeof _vm.tooltip === 'string' ? {
+    content: _vm.tooltip
   } : _vm.tooltip, false), [_c('button', _vm._g(_vm._b({
     ref: "root",
     class: [_vm.rootStyles].concat(_vm.additionalStyles),

package/dist/esm/v2/{OrInlineInput-9f88fff9.js → OrInlineInput-6ef6aaef.js}

@@ -8,7 +8,7 @@ import '@onereach/styles/tailwind.config.json';
 import { u as useValidationAttributes } from './useValidationAttributes-d1abbe34.js';
 import { _ as __vue_component__$1 } from './OrError-4ffc1c39.js';
 import { _ as __vue_component__$2 } from './OrHint-aa221198.js';
-import { _ as __vue_component__$3 } from './OrIconButton-6eda233c.js';
+import { _ as __vue_component__$3 } from './OrIconButton-31373f98.js';
 import { _ as __vue_component__$4, I as InlineInputBoxSize } from './OrInlineInputBox-19b49ee6.js';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';

package/dist/esm/v2/{OrInlineTextarea-03e8b8a6.js → OrInlineTextarea-c848e83c.js}

@@ -8,7 +8,7 @@ import '@onereach/styles/tailwind.config.json';
 import { u as useValidationAttributes } from './useValidationAttributes-d1abbe34.js';
 import { _ as __vue_component__$1 } from './OrError-4ffc1c39.js';
 import { _ as __vue_component__$2 } from './OrHint-aa221198.js';
-import { _ as __vue_component__$3 } from './OrIconButton-6eda233c.js';
+import { _ as __vue_component__$3 } from './OrIconButton-31373f98.js';
 import { _ as __vue_component__$4 } from './OrInlineInputBox-19b49ee6.js';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';

package/dist/esm/v2/{OrInput-54abe165.js → OrInput-5401f404.js}

@@ -8,8 +8,8 @@ import '@onereach/styles/tailwind.config.json';
 import { u as useValidationAttributes } from './useValidationAttributes-d1abbe34.js';
 import { _ as __vue_component__$1 } from './OrError-4ffc1c39.js';
 import { _ as __vue_component__$2 } from './OrHint-aa221198.js';
-import { _ as __vue_component__$4 } from './OrIconButton-6eda233c.js';
-import { _ as __vue_component__$3 } from './OrIcon-d35a84d8.js';
+import { _ as __vue_component__$4 } from './OrIconButton-31373f98.js';
+import { _ as __vue_component__$3 } from './OrIcon-a36250bf.js';
 import { _ as __vue_component__$5 } from './OrInputBox-7dc5b9e9.js';
 import { I as InputBoxSize } from './OrInputBox.vue_rollup-plugin-vue_script-4fde9829.js';
 import { _ as __vue_component__$6 } from './OrLabel-4a3d8904.js';

package/dist/esm/v2/{OrMenuItem-c1c97ebe.js → OrMenuItem-61403f7a.js}

@@ -1,5 +1,5 @@
 import { defineComponent, ref, computed } from 'vue-demi';
-import { _ as __vue_component__$1 } from './OrIcon-d35a84d8.js';
+import { _ as __vue_component__$1 } from './OrIcon-a36250bf.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 const MenuItemRoot = [

package/dist/esm/v2/{OrModal-8ea08182.js → OrModal-47fd6026.js}

@@ -6,7 +6,7 @@ import '@onereach/styles/tailwind/plugins/core';
 import '@onereach/styles/tailwind.config.json';
 import { _ as __vue_component__$5 } from './OrOverlay-868d1120.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
-import { _ as __vue_component__$4 } from './OrIconButton-6eda233c.js';
+import { _ as __vue_component__$4 } from './OrIconButton-31373f98.js';
 
 const ModalContent = [
 // Overflow

package/dist/esm/v2/{OrNotification-9875c55d.js → OrNotification-5b0f65b2.js}

@@ -1,6 +1,6 @@
 import { defineComponent, ref, computed } from 'vue-demi';
-import { _ as __vue_component__$2 } from './OrIconButton-6eda233c.js';
-import { _ as __vue_component__$1 } from './OrIcon-d35a84d8.js';
+import { _ as __vue_component__$2 } from './OrIconButton-31373f98.js';
+import { _ as __vue_component__$1 } from './OrIcon-a36250bf.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 var NotificationVariant;

package/dist/esm/v2/{OrPagination-c5058980.js → OrPagination-7a941772.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 { _ as __vue_component__$1 } from './OrButton-a23ee9f0.js';
-import { _ as __vue_component__$2 } from './OrIcon-d35a84d8.js';
-import { _ as __vue_component__$4 } from './OrMenuItem-c1c97ebe.js';
+import { _ as __vue_component__$2 } from './OrIcon-a36250bf.js';
+import { _ as __vue_component__$4 } from './OrMenuItem-61403f7a.js';
 import { _ as __vue_component__$3 } from './OrMenu-c2c6473f.js';
 import './OrPopover-f6114169.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';

package/dist/esm/v2/{OrSearch-8a834099.js → OrSearch-37d6e7ae.js}

@@ -1,6 +1,6 @@
 import { debouncedWatch } from '@vueuse/core';
 import { defineComponent, ref, computed, watch } from 'vue-demi';
-import { _ as __vue_component__$1 } from './OrInput-54abe165.js';
+import { _ as __vue_component__$1 } from './OrInput-5401f404.js';
 import { I as InputBoxSize } from './OrInputBox.vue_rollup-plugin-vue_script-4fde9829.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 

package/dist/esm/v2/{OrSelect-cd37db8d.js → OrSelect-393e6b72.js}

@@ -8,17 +8,17 @@ import '@onereach/styles/tailwind.config.json';
 import { i as isEmptyValue } from './isEmptyValue-fd56a6e4.js';
 import { _ as __vue_component__$2 } from './OrCheckbox-a3bb500c.js';
 import { _ as __vue_component__$3 } from './OrError-4ffc1c39.js';
-import { _ as __vue_component__$4 } from './OrExpansionPanel-ed3c3049.js';
+import { _ as __vue_component__$4 } from './OrExpansionPanel-2ac7b233.js';
 import { _ as __vue_component__$5 } from './OrHint-aa221198.js';
-import { _ as __vue_component__$7 } from './OrIconButton-6eda233c.js';
-import { _ as __vue_component__$6 } from './OrIcon-d35a84d8.js';
+import { _ as __vue_component__$7 } from './OrIconButton-31373f98.js';
+import { _ as __vue_component__$6 } from './OrIcon-a36250bf.js';
 import { _ as __vue_component__$9 } from './OrInputBox-7dc5b9e9.js';
 import { I as InputBoxSize } from './OrInputBox.vue_rollup-plugin-vue_script-4fde9829.js';
-import { _ as __vue_component__$8 } from './OrInput-54abe165.js';
+import { _ as __vue_component__$8 } from './OrInput-5401f404.js';
 import { _ as __vue_component__$a } from './OrLabel-4a3d8904.js';
-import { _ as __vue_component__$b } from './OrMenuItem-c1c97ebe.js';
+import { _ as __vue_component__$b } from './OrMenuItem-61403f7a.js';
 import { _ as __vue_component__$c } from './OrPopover-f6114169.js';
-import { _ as __vue_component__$d } from './OrTag-15cd89e8.js';
+import { _ as __vue_component__$d } from './OrTag-66c2f60c.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 const SelectPlaceholder = [

package/dist/esm/v2/{OrSidebar-a5608742.js → OrSidebar-8e78a718.js}

@@ -1,6 +1,6 @@
 import { useDraggable, useElementBounding } from '@vueuse/core';
 import { defineComponent, ref, computed, useSlots, watch } from 'vue-demi';
-import { _ as __vue_component__$1, O as OrSidebarPlacement } from './OrSidebarCollapseButton-c999d09a.js';
+import { _ as __vue_component__$1, O as OrSidebarPlacement } from './OrSidebarCollapseButton-3be48374.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 const SidebarRoot = [

package/dist/esm/v2/{OrSidebarCollapseButton-c999d09a.js → OrSidebarCollapseButton-3be48374.js}

@@ -1,5 +1,5 @@
 import { defineComponent, ref, computed } from 'vue-demi';
-import { _ as __vue_component__$1 } from './OrIconButton-6eda233c.js';
+import { _ as __vue_component__$1 } from './OrIconButton-31373f98.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 var OrSidebarPlacement;

package/dist/esm/v2/{OrSorting-82557def.js → OrSorting-541412b0.js}

@@ -1,9 +1,9 @@
 import { defineComponent, ref, toRef, computed } from 'vue-demi';
 import { _ as __vue_component__$1 } from './OrMenu-c2c6473f.js';
 import './OrPopover-f6114169.js';
-import { _ as __vue_component__$2 } from './OrMenuItem-c1c97ebe.js';
+import { _ as __vue_component__$2 } from './OrMenuItem-61403f7a.js';
 import { _ as __vue_component__$3 } from './OrButton-a23ee9f0.js';
-import { _ as __vue_component__$4 } from './OrIcon-d35a84d8.js';
+import { _ as __vue_component__$4 } from './OrIcon-a36250bf.js';
 import '@vueuse/core';
 import './dom-aecadd9a.js';
 import { u as useProxyModelValue } from './useProxyModelValue-940010d2.js';

package/dist/esm/v2/{OrTabs-92ccb30f.js → OrTabs-45dc563f.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 { _ as __vue_component__$1 } from './OrIcon-d35a84d8.js';
-import { _ as __vue_component__$3 } from './OrMenuItem-c1c97ebe.js';
+import { _ as __vue_component__$1 } from './OrIcon-a36250bf.js';
+import { _ as __vue_component__$3 } from './OrMenuItem-61403f7a.js';
 import { _ as __vue_component__$2 } from './OrMenu-c2c6473f.js';
 import './OrPopover-f6114169.js';
 import { _ as __vue_component__$4 } from './OrTab-88036fe9.js';

package/dist/esm/v2/{OrTag-15cd89e8.js → OrTag-66c2f60c.js}

@@ -1,5 +1,5 @@
 import { defineComponent, ref, computed, watchPostEffect, unref } from 'vue-demi';
-import { _ as __vue_component__$1 } from './OrIconButton-6eda233c.js';
+import { _ as __vue_component__$1 } from './OrIconButton-31373f98.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 var TagVariant;

package/dist/esm/v2/{OrTagInput-f443f295.js → OrTagInput-b0b9539b.js}

@@ -8,11 +8,11 @@ import '@onereach/styles/tailwind.config.json';
 import { u as useValidationAttributes } from './useValidationAttributes-d1abbe34.js';
 import { _ as __vue_component__$1 } from './OrError-4ffc1c39.js';
 import { _ as __vue_component__$2 } from './OrHint-aa221198.js';
-import { _ as __vue_component__$3 } from './OrIconButton-6eda233c.js';
+import { _ as __vue_component__$3 } from './OrIconButton-31373f98.js';
 import { _ as __vue_component__$4 } from './OrInputBox-7dc5b9e9.js';
 import { I as InputBoxSize } from './OrInputBox.vue_rollup-plugin-vue_script-4fde9829.js';
 import { _ as __vue_component__$5 } from './OrLabel-4a3d8904.js';
-import { _ as __vue_component__$6 } from './OrTags-b34c628e.js';
+import { _ as __vue_component__$6 } from './OrTags-90fe62f0.js';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 

package/dist/esm/v2/{OrTags-b34c628e.js → OrTags-90fe62f0.js}

@@ -5,7 +5,7 @@ import '@onereach/styles/tailwind/plugins/core';
 import '@onereach/styles/tailwind.config.json';
 import { _ as __vue_component__$1 } from './OrButton-a23ee9f0.js';
 import { _ as __vue_component__$2 } from './OrPopover-f6114169.js';
-import { _ as __vue_component__$3 } from './OrTag-15cd89e8.js';
+import { _ as __vue_component__$3 } from './OrTag-66c2f60c.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 var TagsOverflow;

package/dist/esm/v2/{OrTimePicker-e711a256.js → OrTimePicker-b5b0bfc3.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 __vue_component__$1, d as __vue_component__$2, e as __vue_component__$3, u as useCurrentDate } from './OrDateTimePickerPopoverHeader-835e4e49.js';
-import { _ as __vue_component__$4, a as __vue_component__$5, D as DateTimePickerTimeFormat } from './OrDateTimePicker.vue_rollup-plugin-vue_script-8e987b8d.js';
+import { b as __vue_component__$1, d as __vue_component__$2, e as __vue_component__$3, u as useCurrentDate } from './OrDateTimePickerPopoverHeader-788ff204.js';
+import { _ as __vue_component__$4, a as __vue_component__$5, D as DateTimePickerTimeFormat } from './OrDateTimePicker.vue_rollup-plugin-vue_script-e2dc3e32.js';
 import { _ as __vue_component__$6 } from './OrError-4ffc1c39.js';
 import { _ as __vue_component__$7 } from './OrHint-aa221198.js';
-import { _ as __vue_component__$9 } from './OrIconButton-6eda233c.js';
-import { _ as __vue_component__$8 } from './OrIcon-d35a84d8.js';
+import { _ as __vue_component__$9 } from './OrIconButton-31373f98.js';
+import { _ as __vue_component__$8 } from './OrIcon-a36250bf.js';
 import { _ as __vue_component__$a } from './OrInputBox-7dc5b9e9.js';
 import { I as InputBoxSize } from './OrInputBox.vue_rollup-plugin-vue_script-4fde9829.js';
 import { _ as __vue_component__$b } from './OrLabel-4a3d8904.js';

package/dist/esm/v2/{OrTooltip-a4e679bb.js → OrTooltip-479f475f.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 { _ as __vue_component__$1, P as PopoverPlacement } from './OrPopover-f6114169.js';
+import { P as PopoverPlacement, _ as __vue_component__$1 } from './OrPopover-f6114169.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
-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']
 };
@@ -62,7 +62,7 @@ var script = defineComponent({
       type: Boolean,
       default: false
     },
-    text: {
+    content: {
       type: String,
       default: undefined
     },
@@ -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,7 +123,7 @@ var __vue_render__ = function () {
         return _vm.close();
       }
     }
-  }, [_vm._t("default"), _vm._v(" "), _vm.text ? [_c('OrPopover', {
+  }, [_vm._t("default"), _vm._v(" "), _vm.$slots.content || _vm.content ? [_c('OrPopover', {
     attrs: {
       "is-open": _vm.state === 'open',
       "variant": 'popover',
@@ -139,7 +139,9 @@ var __vue_render__ = function () {
     }
   }, [_c('div', {
     class: _vm.bodyStyles
-  }, [_vm._v("\n        " + _vm._s(_vm.text) + "\n      ")])])] : _vm._e()], 2);
+  }, [_vm._t("content", function () {
+    return [_vm._v("\n          " + _vm._s(_vm.content) + "\n        ")];
+  })], 2)])] : _vm._e()], 2);
 };
 var __vue_staticRenderFns__ = [];
 

package/dist/esm/v2/{OrTree-dfc8a086.js → OrTree-9a27b1fa.js}

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed, watch, unref, onMounted } from 'vue-demi';
 import { useToggle } from '@vueuse/core';
 import { _ as __vue_component__$2 } from './OrButton-a23ee9f0.js';
-import { _ as __vue_component__$3 } from './OrIcon-d35a84d8.js';
+import { _ as __vue_component__$3 } from './OrIcon-a36250bf.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 var TreeNodeDropPosition;