@onereach/ui-components 4.18.2 → 4.18.3-beta.3120.0

package/dist/esm/v3/{OrCardCollection-0adc842d.js → OrCardCollection-5a10ca80.js}

@@ -1,15 +1,32 @@
 import { defineComponent, computed, ref, watch } from 'vue-demi';
-import { s as script$2 } from './OrIconButton-fe133b18.js';
-import { s as script$4 } from './OrSearch-94019f8b.js';
+import { s as script$2 } from './OrIconButton-65b1a004.js';
+import { s as script$4 } from './OrSearch-c823ee5e.js';
 import './OrInputBox-912a6254.js';
+import { s as script$3 } from './OrSorting-d5f3e077.js';
 import { openBlock, createElementBlock, normalizeClass, Fragment, renderList, renderSlot, mergeProps, createTextVNode, toDisplayString, resolveComponent, createElementVNode, createBlock, createCommentVNode, createVNode, normalizeProps, guardReactiveProps, withCtx } from 'vue';
-import { s as script$3 } from './OrSorting-012e0c6b.js';
 
-const CardCollectionRoot = [
+var CardCollectionView;
+(function (CardCollectionView) {
+  CardCollectionView["Grid"] = "grid";
+  CardCollectionView["List"] = "list";
+})(CardCollectionView || (CardCollectionView = {}));
+const gridView = {
+  view: CardCollectionView.Grid,
+  icon: 'grid_view'
+};
+const listView = {
+  view: CardCollectionView.List,
+  icon: 'view_agenda'
+};
+const defaultViewModes = [gridView, listView];
+
+const CardCollection = [
 // Layout
 'layout-column',
+// Box
+'max-h-full',
 // Spacing
-'gap-md', 'max-h-full'];
+'gap-md'];
 const CardCollectionToolbar = [
 // Layout
 'layout-row justify-between',
@@ -25,15 +42,17 @@ const CardCollectionToolbarPanel = [
 const CardCollectionContent = [
 // Layout
 'grid',
-// Spacing
-'gap-sm md:gap-md',
 // Overflow
-'overflow-y-auto', 'p-xs*', '-m-xs*', '-mr-[7px]'];
+'overflow-auto',
+// Spacing
+'-mx-sm', '-my-sm', '-mr-[calc(theme(spacing.sm) * 2)]', 'px-sm', 'py-sm', 'gap-sm md:gap-md'];
 const CardCollectionContentViews = {
-  'grid': [
+  [CardCollectionView.Grid]: [
+  // Layout
+  'grid-cols-1 md:grid-cols-5'],
+  [CardCollectionView.List]: [
   // Layout
-  'grid-cols-1', 'md:grid-cols-5'],
-  'list': ['grid-cols-1']
+  'grid-cols-1']
 };
 
 var script$1 = defineComponent({
@@ -49,16 +68,17 @@ var script$1 = defineComponent({
     }
   },
   setup(props) {
-    const contentStyles = computed(() => [...CardCollectionContent, ...CardCollectionContentViews[props.mode]]);
+    // Styles
+    const rootStyles = computed(() => [...CardCollectionContent, ...CardCollectionContentViews[props.mode]]);
     return {
-      contentStyles
+      rootStyles
     };
   }
 });
 
 function render$1(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
-    class: normalizeClass(_ctx.contentStyles)
+    class: normalizeClass(_ctx.rootStyles)
   }, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.items, (item, index) => {
     return renderSlot(_ctx.$slots, "item", mergeProps({
       key: item.key || index
@@ -72,21 +92,6 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
 script$1.render = render$1;
 script$1.__file = "src/components/or-card-collection-v3/partials/OrCardCollectionView.vue3.vue";
 
-var DefaultCardCollectionViews;
-(function (DefaultCardCollectionViews) {
-  DefaultCardCollectionViews["Grid"] = "grid";
-  DefaultCardCollectionViews["List"] = "list";
-})(DefaultCardCollectionViews || (DefaultCardCollectionViews = {}));
-const gridView = {
-  view: DefaultCardCollectionViews.Grid,
-  icon: 'grid_view'
-};
-const listView = {
-  view: DefaultCardCollectionViews.List,
-  icon: 'view_agenda'
-};
-const defaultViewModes = [gridView, listView];
-
 var script = defineComponent({
   name: 'OrCardCollection',
   components: {
@@ -135,7 +140,7 @@ var script = defineComponent({
     // Refs
     const root = ref();
     // Styles
-    const rootStyles = computed(() => ['or-card-collection-v3', ...CardCollectionRoot]);
+    const rootStyles = computed(() => ['or-card-collection-v3', ...CardCollection]);
     const toolbarStyles = computed(() => [...CardCollectionToolbar]);
     const toolbarPanelStyles = computed(() => [...CardCollectionToolbarPanel]);
     // State
@@ -236,4 +241,4 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
 script.render = render;
 script.__file = "src/components/or-card-collection-v3/OrCardCollection.vue";
 
-export { DefaultCardCollectionViews as D, defaultViewModes as d, gridView as g, listView as l, script as s };
+export { CardCollectionView as C, defaultViewModes as d, gridView as g, listView as l, script as s };

package/dist/esm/v3/{OrCheckboxGroup-e0afc5c3.js → OrCheckboxGroup-6c054793.js}

@@ -3,7 +3,7 @@ import '@vueuse/core';
 import { u as useProxyModelValue } from './useProxyModelValue-940010d2.js';
 import '@onereach/styles/tailwind.config';
 import 'tailwindcss/resolveConfig';
-import { s as script$1 } from './OrCheckboxTree-76f1b7ed.js';
+import { s as script$1 } from './OrCheckboxTree-bb32455e.js';
 import { s as script$2, F as FormGroupDirection } from './OrFormGroup-9f581536.js';
 import { resolveComponent, openBlock, createBlock, withCtx, renderSlot, createElementBlock, Fragment, renderList } from 'vue';
 

package/dist/esm/v3/{OrCheckboxTree-76f1b7ed.js → OrCheckboxTree-bb32455e.js}

@@ -3,7 +3,7 @@ import { defineComponent, computed, toRef, watch } from 'vue-demi';
 import { u as useProxyModelValue } from './useProxyModelValue-940010d2.js';
 import '@onereach/styles/tailwind.config';
 import 'tailwindcss/resolveConfig';
-import { s as script$3 } from './OrButton-c2b6aa9e.js';
+import { s as script$3 } from './OrButton-4a3c3e7b.js';
 import { s as script$2 } from './OrCheckbox-09f62aab.js';
 import { s as script$1 } from './OrIcon-62793572.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, Fragment, createElementVNode, createBlock, withCtx, createVNode, createCommentVNode, renderList } from 'vue';

package/dist/esm/v3/{OrCode-a252b73f.js → OrCode-98aceeef.js}

@@ -15,10 +15,10 @@ import { u as useTheme } from './useTheme-e23d13c8.js';
 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-fe133b18.js';
+import { s as script$3 } from './OrIconButton-65b1a004.js';
 import { s as script$4 } from './OrInputBox-912a6254.js';
 import { s as script$5 } from './OrLabel-4da56db0.js';
-import { s as script$6 } from './OrModal-3ebc1346.js';
+import { s as script$6 } from './OrModal-fb598e97.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, createElementVNode, renderSlot, createVNode, withModifiers, createTextVNode, toDisplayString, createCommentVNode, withDirectives, vShow } from 'vue';
 
 var CodeLanguage;

package/dist/esm/v3/{OrConfirm-e3e225b3.js → OrConfirm-8d0351b9.js}

@@ -4,9 +4,9 @@ import { defineComponent, ref, toRef, computed, watch } from 'vue-demi';
 import { u as usePopoverState } from './usePopoverState-b92c698b.js';
 import '@onereach/styles/tailwind.config';
 import 'tailwindcss/resolveConfig';
-import { s as script$2, a as ButtonColor } from './OrButton-c2b6aa9e.js';
-import { s as script$3 } from './OrInput-5ffebd41.js';
-import { s as script$1 } from './OrOverlay-489fdf76.js';
+import { s as script$2, a as ButtonColor } from './OrButton-4a3c3e7b.js';
+import { s as script$3 } from './OrInput-cfc9d445.js';
+import { s as script$1 } from './OrOverlay-99e696e8.js';
 import { resolveComponent, openBlock, createBlock, withCtx, createElementVNode, mergeProps, normalizeClass, renderSlot, createTextVNode, toDisplayString, createElementBlock, createVNode, createCommentVNode } from 'vue';
 
 var ConfirmType;
@@ -15,23 +15,23 @@ var ConfirmType;
   ConfirmType["C"] = "c";
 })(ConfirmType || (ConfirmType = {}));
 
-const ConfirmRoot = [
+const Confirm = [
 // Position
 'fixed md:static', 'left-none', 'right-none', 'bottom-none',
 // Layout
 'layout-column',
 // Box
 'w-full md:w-[320px]',
-// Shape
-'rounded-0 md:rounded-md',
 // Spacing
 'px-lg', 'py-lg', 'gap-md',
+// Shape
+'md:rounded-md',
+// Elevation
+'shadow-modal', 'dark:shadow-modal-dark',
 // Typography
 'typography-body-2-regular',
 // Theme
-'theme-background-default', 'dark:theme-background-default-dark', 'theme-foreground-default', 'dark:theme-foreground-default-dark',
-// Elevation
-'shadow-modal', 'dark:shadow-modal-dark'];
+'theme-background-default', 'dark:theme-background-default-dark', 'theme-foreground-default', 'dark:theme-foreground-default-dark'];
 const ConfirmHeader = [
 // Layout
 'layout-row justify-between',
@@ -177,7 +177,7 @@ var script = defineComponent({
     });
     whenever(logicAnd(enter, isInputActive), () => confirm());
     // Styles
-    const rootStyles = computed(() => ['or-confirm-v3', ...ConfirmRoot]);
+    const rootStyles = computed(() => ['or-confirm-v3', ...Confirm]);
     const headerStyles = computed(() => [...ConfirmHeader]);
     const inputBoxStyles = computed(() => [...ConfirmInput]);
     const footerStyles = computed(() => [...ConfirmFooter, ...ConfirmFooterTypes[props.confirmType]]);

package/dist/esm/v3/{OrDatePicker-6993440a.js → OrDatePicker-819007d7.js}

@@ -4,14 +4,14 @@ import '@vueuse/core';
 import { u as useProxyModelValue } from './useProxyModelValue-940010d2.js';
 import '@onereach/styles/tailwind.config';
 import 'tailwindcss/resolveConfig';
-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, u as useCurrentDate } from './OrDateTimePickerPopoverHeader-ece5b2a7.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, u as useCurrentDate } from './OrDateTimePickerPopoverHeader-c3900e9a.js';
 import { s as script$7 } from './OrError-c01d0c29.js';
 import { s as script$8 } from './OrHint-06ab89d7.js';
-import { s as script$a } from './OrIconButton-fe133b18.js';
+import { s as script$a } from './OrIconButton-65b1a004.js';
 import { s as script$9 } from './OrIcon-62793572.js';
 import { s as script$b, I as InputBoxSize } from './OrInputBox-912a6254.js';
 import { s as script$c } from './OrLabel-4da56db0.js';
-import { s as script$d } from './OrPopover-6d433297.js';
+import { s as script$d } from './OrPopover-466a8297.js';
 import { resolveComponent, resolveDirective, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, withDirectives, withModifiers, createVNode, Fragment, createElementVNode } from 'vue';
 
 const DatePicker = [

package/dist/esm/v3/{OrDateTimePicker-fd642cb1.js → OrDateTimePicker-7b08665c.js}

@@ -6,14 +6,14 @@ import '@onereach/styles/tailwind.config';
 import 'tailwindcss/resolveConfig';
 import { s as script$a } from './OrError-c01d0c29.js';
 import { s as script$b } from './OrHint-06ab89d7.js';
-import { s as script$d } from './OrIconButton-fe133b18.js';
+import { s as script$d } from './OrIconButton-65b1a004.js';
 import { s as script$c } from './OrIcon-62793572.js';
 import { s as script$e, I as InputBoxSize } from './OrInputBox-912a6254.js';
 import { s as script$f } from './OrLabel-4da56db0.js';
-import { s as script$g } from './OrPopover-6d433297.js';
-import { s as script$4, a as script$5, b as script$6, c as script$7, d as script$8, e as script$9, u as useCurrentDate } from './OrDateTimePickerPopoverHeader-ece5b2a7.js';
+import { s as script$g } from './OrPopover-466a8297.js';
+import { s as script$4, a as script$5, b as script$6, c as script$7, d as script$8, e as script$9, u as useCurrentDate } from './OrDateTimePickerPopoverHeader-c3900e9a.js';
 import { openBlock, createElementBlock, normalizeClass, Fragment, createTextVNode, toDisplayString, resolveComponent, createElementVNode, renderList, createBlock, withModifiers, withCtx, createVNode, createCommentVNode, resolveDirective, renderSlot, withDirectives } from 'vue';
-import { s as script$3 } from './OrButton-c2b6aa9e.js';
+import { s as script$3 } from './OrButton-4a3c3e7b.js';
 
 function useTimePlaceholder(hourCycle) {
   const sample = new Date(Date.UTC(1, 1, 3, 4, 5)).toLocaleString(navigator.language, {

package/dist/esm/v3/{OrDateTimePickerPopoverHeader-ece5b2a7.js → OrDateTimePickerPopoverHeader-c3900e9a.js}

@@ -4,13 +4,13 @@ import { u as useProxyModelValue } from './useProxyModelValue-940010d2.js';
 import '@onereach/styles/tailwind.config';
 import 'tailwindcss/resolveConfig';
 import { openBlock, createElementBlock, normalizeClass, Fragment, createTextVNode, toDisplayString, resolveComponent, createElementVNode, renderList, createBlock, withModifiers, withCtx, createVNode, renderSlot } from 'vue';
-import { s as script$6 } from './OrButton-c2b6aa9e.js';
+import { s as script$6 } from './OrButton-4a3c3e7b.js';
 import { s as script$7 } from './OrLabel-4da56db0.js';
-import { s as script$9 } from './OrIconButton-fe133b18.js';
+import { s as script$9 } from './OrIconButton-65b1a004.js';
 import { s as script$8 } from './OrIcon-62793572.js';
 import { s as script$b } from './OrMenuItem-54062d59.js';
-import { s as script$a } from './OrMenu-20ca3870.js';
-import './OrPopover-6d433297.js';
+import { s as script$a } from './OrMenu-7943ee1f.js';
+import './OrPopover-466a8297.js';
 
 function useCurrentDate() {
   const currentDate = new Date();

package/dist/esm/v3/{OrIconButton-fe133b18.js → OrIconButton-65b1a004.js}

@@ -1,7 +1,7 @@
 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-2422971c.js';
-import './OrPopover-6d433297.js';
+import { s as script$2 } from './OrTooltip-6802b717.js';
+import './OrPopover-466a8297.js';
 import { resolveComponent, openBlock, createBlock, normalizeProps, guardReactiveProps, withCtx, createElementVNode, mergeProps, toHandlers, createVNode } from 'vue';
 
 var IconButtonColor;

package/dist/esm/v3/{OrInlineInput-7342053f.js → OrInlineInput-1d8b7ba7.js}

@@ -7,7 +7,7 @@ import 'tailwindcss/resolveConfig';
 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-fe133b18.js';
+import { s as script$3 } from './OrIconButton-65b1a004.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-10657b96.js → OrInlineTextarea-384e66cd.js}

@@ -7,7 +7,7 @@ import 'tailwindcss/resolveConfig';
 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-fe133b18.js';
+import { s as script$3 } from './OrIconButton-65b1a004.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-5ffebd41.js → OrInput-cfc9d445.js}

@@ -8,7 +8,7 @@ import 'tailwindcss/resolveConfig';
 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-fe133b18.js';
+import { s as script$4 } from './OrIconButton-65b1a004.js';
 import { s as script$3 } from './OrIcon-62793572.js';
 import { s as script$5, I as InputBoxSize } from './OrInputBox-912a6254.js';
 import { s as script$6 } from './OrLabel-4da56db0.js';

package/dist/esm/v3/{OrMenu-20ca3870.js → OrMenu-7943ee1f.js}

@@ -3,7 +3,7 @@ import '@vueuse/core';
 import { u as usePopoverState } from './usePopoverState-b92c698b.js';
 import '@onereach/styles/tailwind.config';
 import 'tailwindcss/resolveConfig';
-import { s as script$1, P as PopoverPlacement } from './OrPopover-6d433297.js';
+import { s as script$1, P as PopoverPlacement } from './OrPopover-466a8297.js';
 import { resolveComponent, openBlock, createBlock, withCtx, createElementVNode, mergeProps, withModifiers, renderSlot } from 'vue';
 
 const Menu = [

package/dist/esm/v3/{OrModal-3ebc1346.js → OrModal-fb598e97.js}

@@ -3,13 +3,11 @@ import '@vueuse/core';
 import { u as usePopoverState } from './usePopoverState-b92c698b.js';
 import '@onereach/styles/tailwind.config';
 import 'tailwindcss/resolveConfig';
-import { s as script$5 } from './OrOverlay-489fdf76.js';
+import { s as script$5 } from './OrOverlay-99e696e8.js';
 import { openBlock, createElementBlock, normalizeClass, renderSlot, resolveComponent, createElementVNode, createVNode, withModifiers, createBlock, withCtx, mergeProps, createCommentVNode } from 'vue';
-import { s as script$4 } from './OrIconButton-fe133b18.js';
+import { s as script$4 } from './OrIconButton-65b1a004.js';
 
 const ModalContent = [
-// Layout
-'grow',
 // Overflow
 'overflow-auto',
 // Spacing
@@ -121,29 +119,29 @@ var ModalSize;
   ModalSize["S"] = "s";
 })(ModalSize || (ModalSize = {}));
 
-const ModalRoot = [
+const Modal = [
 // Layout
 'layout-column',
 // Box
 'w-full', 'h-full md:h-auto md:max-h-[min(calc(100%-(2*theme(spacing.3xl))),772px)]',
-// Shape
-'md:rounded-md',
 // Spacing
 'py-md md:py-lg', 'gap-md md:gap-lg',
+// Shape
+'md:rounded-md',
+// Elevation
+'shadow-modal', 'dark:shadow-modal-dark',
 // Typography
 'typography-body-2-regular',
 // Theme
-'theme-background-default', 'dark:theme-background-default-dark', 'theme-foreground-default', 'dark:theme-foreground-default-dark',
-// Elevation
-'shadow-modal', 'dark:shadow-modal-dark'];
-const ModalRootSizes = {
-  'l': [
+'theme-background-default', 'dark:theme-background-default-dark', 'theme-foreground-default', 'dark:theme-foreground-default-dark'];
+const ModalSizes = {
+  [ModalSize.L]: [
   // Box
   'md:w-[1050px]'],
-  'm': [
+  [ModalSize.M]: [
   // Box
   'md:w-[700px]'],
-  's': [
+  [ModalSize.S]: [
   // Box
   'md:w-[480px]']
 };
@@ -173,7 +171,7 @@ var script = defineComponent({
     // Refs
     const root = ref();
     // Styles
-    const rootStyles = computed(() => ['or-modal-v3', ...ModalRoot, ...ModalRootSizes[props.size]]);
+    const rootStyles = computed(() => ['or-modal-v3', ...Modal, ...ModalSizes[props.size]]);
     // State
     const {
       state,
@@ -208,7 +206,9 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     }, {
       default: withCtx(() => [renderSlot(_ctx.$slots, "header")]),
       _: 3 /* FORWARDED */
-    }), createVNode(_component_OrModalContent, null, {
+    }), createVNode(_component_OrModalContent, {
+      class: normalizeClass(['grow'])
+    }, {
       default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
       _: 3 /* FORWARDED */
     }), _ctx.$slots.footer ? (openBlock(), createBlock(_component_OrModalFooter, {

package/dist/esm/v3/{OrNotification-78f567b4.js → OrNotification-a1de8289.js}

@@ -1,5 +1,5 @@
 import { defineComponent, ref, computed } from 'vue-demi';
-import { s as script$2 } from './OrIconButton-fe133b18.js';
+import { s as script$2 } from './OrIconButton-65b1a004.js';
 import { s as script$1 } from './OrIcon-62793572.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, createVNode, renderSlot, createBlock, withModifiers, createCommentVNode } from 'vue';
 

package/dist/esm/v3/{OrOverlay-489fdf76.js → OrOverlay-99e696e8.js}

@@ -6,13 +6,13 @@ import 'tailwindcss/resolveConfig';
 import { s as script$1 } from './OrTeleport.vue3-8099178c.js';
 import { resolveComponent, openBlock, createBlock, withCtx, createElementVNode, mergeProps, renderSlot } from 'vue';
 
-const OverlayRoot = [
+const Overlay = [
 // Position
-'fixed', 'inset-none',
+'fixed inset-none',
 // Layout
-'flex', 'items-center', 'justify-center',
+'layout-row justify-center',
 // Theme
-'bg-overlay', 'dark:bg-overlay-dark'];
+'theme-background-overlay', 'dark:theme-background-overlay-dark', 'theme-foreground-base', 'dark:theme-foreground-base'];
 
 var script = defineComponent({
   name: 'OrOverlay',
@@ -31,7 +31,7 @@ var script = defineComponent({
     // Refs
     const root = ref();
     // Styles
-    const rootStyles = computed(() => ['or-overlay-v3', ...OverlayRoot]);
+    const rootStyles = computed(() => ['or-overlay-v3', ...Overlay]);
     // Effects
     // #region Elevation
     useElevation(root);

package/dist/esm/v3/{OrPagination-9bd81a94.js → OrPagination-0dd5c8f0.js}

@@ -4,11 +4,11 @@ import { u as useProxyModelValue } from './useProxyModelValue-940010d2.js';
 import { u as useResponsive } from './useResponsive-a02e95b7.js';
 import '@onereach/styles/tailwind.config';
 import 'tailwindcss/resolveConfig';
-import { s as script$1 } from './OrButton-c2b6aa9e.js';
+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$3 } from './OrMenu-20ca3870.js';
-import './OrPopover-6d433297.js';
+import { s as script$3 } from './OrMenu-7943ee1f.js';
+import './OrPopover-466a8297.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, createVNode, withModifiers, withCtx, Fragment, renderList, createBlock, createTextVNode, toDisplayString, createCommentVNode } from 'vue';
 
 const PaginationRoot = [

package/dist/esm/v3/{OrPopover-6d433297.js → OrPopover-466a8297.js}

@@ -6,7 +6,7 @@ import { u as usePopoverState } from './usePopoverState-b92c698b.js';
 import { u as useResponsive } from './useResponsive-a02e95b7.js';
 import '@onereach/styles/tailwind.config';
 import 'tailwindcss/resolveConfig';
-import { s as script$1 } from './OrBottomSheet-efca7190.js';
+import { s as script$1 } from './OrBottomSheet-98aec82b.js';
 import { s as script$2 } from './OrTeleport.vue3-8099178c.js';
 import { resolveComponent, openBlock, createBlock, withCtx, withDirectives, createElementVNode, createElementBlock, mergeProps, renderSlot, normalizeClass, createCommentVNode, vShow } from 'vue';
 
@@ -36,14 +36,14 @@ const Popover = [
 // Position
 'absolute'];
 const PopoverBody = [
-// Shape
-'rounded-md',
 // Spacing
 'mx-sm', 'my-sm',
-// Theme
-'theme-background-base', 'dark:theme-background-base-dark', 'theme-foreground-default', 'dark:theme-foreground-default-dark',
+// Shape
+'rounded-md',
 // Elevation
-'shadow-contextual', 'dark:shadow-contextual-dark'];
+'shadow-contextual', 'dark:shadow-contextual-dark',
+// Theme
+'theme-background-base', 'dark:theme-background-base-dark', 'theme-foreground-default', 'dark:theme-foreground-default-dark'];
 const PopoverBodyPlacements = {
   [PopoverPlacement.Top]: [],
   [PopoverPlacement.TopStart]: [

package/dist/esm/v3/{OrSearch-94019f8b.js → OrSearch-c823ee5e.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-5ffebd41.js';
+import { s as script$1 } from './OrInput-cfc9d445.js';
 import { I as InputBoxSize } from './OrInputBox-912a6254.js';
 import { resolveComponent, openBlock, createBlock, normalizeClass } from 'vue';
 

package/dist/esm/v3/{OrSelect-48f2374c.js → OrSelect-d4bbddf1.js}

@@ -10,14 +10,14 @@ import { s as script$1 } from './OrCheckbox-09f62aab.js';
 import { s as script$2 } from './OrError-c01d0c29.js';
 import { s as script$3 } from './OrExpansionPanel-891154e6.js';
 import { s as script$4 } from './OrHint-06ab89d7.js';
-import { s as script$6 } from './OrIconButton-fe133b18.js';
+import { s as script$6 } from './OrIconButton-65b1a004.js';
 import { s as script$5 } from './OrIcon-62793572.js';
 import { s as script$8, I as InputBoxSize } from './OrInputBox-912a6254.js';
-import { s as script$7 } from './OrInput-5ffebd41.js';
+import { s as script$7 } from './OrInput-cfc9d445.js';
 import { s as script$9 } from './OrLabel-4da56db0.js';
 import { s as script$a } from './OrMenuItem-54062d59.js';
-import { s as script$b } from './OrPopover-6d433297.js';
-import { s as script$c } from './OrTag-499c45e1.js';
+import { s as script$b } from './OrPopover-466a8297.js';
+import { s as script$c } from './OrTag-8fede185.js';
 import { resolveComponent, resolveDirective, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, withDirectives, createElementVNode, Fragment, renderList, withModifiers, createVNode, vShow } from 'vue';
 
 const SelectRoot = [

package/dist/esm/v3/{OrSidebar-5da9646b.js → OrSidebar-d8e70813.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-d7bc8075.js';
+import { s as script$1, O as OrSidebarPlacement } from './OrSidebarCollapseButton-7a9f76cf.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, renderSlot, createCommentVNode, createElementVNode, normalizeStyle, createBlock, withDirectives, vShow } from 'vue';
 
 const SidebarRoot = [

package/dist/esm/v3/{OrSidebarCollapseButton-d7bc8075.js → OrSidebarCollapseButton-7a9f76cf.js}

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

package/dist/esm/v3/{OrSorting-012e0c6b.js → OrSorting-d5f3e077.js}

@@ -1,8 +1,8 @@
 import { defineComponent, ref, toRef, computed } from 'vue-demi';
-import { s as script$1 } from './OrMenu-20ca3870.js';
-import './OrPopover-6d433297.js';
+import { s as script$1 } from './OrMenu-7943ee1f.js';
+import './OrPopover-466a8297.js';
 import { s as script$2 } from './OrMenuItem-54062d59.js';
-import { s as script$3 } from './OrButton-c2b6aa9e.js';
+import { s as script$3 } from './OrButton-4a3c3e7b.js';
 import { s as script$4 } from './OrIcon-62793572.js';
 import '@vueuse/core';
 import { u as useProxyModelValue } from './useProxyModelValue-940010d2.js';

package/dist/esm/v3/{OrTabs-54c48a61.js → OrTabs-83e4477c.js}

@@ -5,8 +5,8 @@ import '@onereach/styles/tailwind.config';
 import 'tailwindcss/resolveConfig';
 import { s as script$1 } from './OrIcon-62793572.js';
 import { s as script$3 } from './OrMenuItem-54062d59.js';
-import { s as script$2 } from './OrMenu-20ca3870.js';
-import './OrPopover-6d433297.js';
+import { s as script$2 } from './OrMenu-7943ee1f.js';
+import './OrPopover-466a8297.js';
 import { s as script$4 } from './OrTab-2d567d8e.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, mergeProps, Fragment, renderList, createBlock, withModifiers, withCtx, createTextVNode, toDisplayString, createVNode, createCommentVNode, renderSlot } from 'vue';
 

package/dist/esm/v3/{OrTag-499c45e1.js → OrTag-8fede185.js}

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

package/dist/esm/v3/{OrTagInput-9c53b28c.js → OrTagInput-b5f6be7c.js}

@@ -7,10 +7,10 @@ import 'tailwindcss/resolveConfig';
 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-fe133b18.js';
+import { s as script$3 } from './OrIconButton-65b1a004.js';
 import { s as script$4, I as InputBoxSize } from './OrInputBox-912a6254.js';
 import { s as script$5 } from './OrLabel-4da56db0.js';
-import { s as script$6 } from './OrTags-e56deb73.js';
+import { s as script$6 } from './OrTags-5feb7c2d.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-e56deb73.js → OrTags-5feb7c2d.js}

@@ -3,9 +3,9 @@ import { u as useOverflow } from './useOverflow-c856b7b7.js';
 import '@vueuse/core';
 import '@onereach/styles/tailwind.config';
 import 'tailwindcss/resolveConfig';
-import { s as script$1 } from './OrButton-c2b6aa9e.js';
-import { s as script$2 } from './OrPopover-6d433297.js';
-import { s as script$3 } from './OrTag-499c45e1.js';
+import { s as script$1 } from './OrButton-4a3c3e7b.js';
+import { s as script$2 } from './OrPopover-466a8297.js';
+import { s as script$3 } from './OrTag-8fede185.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, Fragment, renderList, createBlock, mergeProps, withCtx, createTextVNode, toDisplayString, createVNode, withModifiers, createCommentVNode } from 'vue';
 
 const Tags = [

package/dist/esm/v3/{OrTimePicker-dc9a10d5.js → OrTimePicker-27be4172.js}

@@ -4,15 +4,15 @@ import '@vueuse/core';
 import { u as useProxyModelValue } from './useProxyModelValue-940010d2.js';
 import '@onereach/styles/tailwind.config';
 import 'tailwindcss/resolveConfig';
-import { b as script$1, d as script$2, e as script$3, u as useCurrentDate } from './OrDateTimePickerPopoverHeader-ece5b2a7.js';
-import { a as script$4, b as script$5, D as DateTimePickerTimeFormat } from './OrDateTimePicker-fd642cb1.js';
+import { b as script$1, d as script$2, e as script$3, u as useCurrentDate } from './OrDateTimePickerPopoverHeader-c3900e9a.js';
+import { a as script$4, b as script$5, D as DateTimePickerTimeFormat } from './OrDateTimePicker-7b08665c.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-fe133b18.js';
+import { s as script$9 } from './OrIconButton-65b1a004.js';
 import { s as script$8 } from './OrIcon-62793572.js';
 import { s as script$a, I as InputBoxSize } from './OrInputBox-912a6254.js';
 import { s as script$b } from './OrLabel-4da56db0.js';
-import { s as script$c } from './OrPopover-6d433297.js';
+import { s as script$c } from './OrPopover-466a8297.js';
 import { resolveComponent, resolveDirective, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, withDirectives, withModifiers, createVNode, Fragment, createElementVNode } from 'vue';
 
 const TimePicker = [

package/dist/esm/v3/{OrTooltip-2422971c.js → OrTooltip-6802b717.js}

@@ -3,7 +3,7 @@ import '@vueuse/core';
 import { u as usePopoverState } from './usePopoverState-b92c698b.js';
 import '@onereach/styles/tailwind.config';
 import 'tailwindcss/resolveConfig';
-import { s as script$1, P as PopoverPlacement } from './OrPopover-6d433297.js';
+import { s as script$1, P as PopoverPlacement } from './OrPopover-466a8297.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, renderSlot, createBlock, withCtx, createElementVNode, toDisplayString, createCommentVNode } from 'vue';
 
 const TooltipRoot = [

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

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