@onereach/ui-components 2.60.1-beta.1845.0 → 2.60.1-beta.1846.0

package/dist/v2/{OrBottomSheet-3ce1529c.js → OrBottomSheet-f09adbbb.js}

@@ -19,9 +19,9 @@ const BottomSheetHandle = [
 // Layout
 'flex', 'items-center', 'justify-center',
 // Box
-'after:w-[48px]', 'after:h-[4px]', 'after:rounded-full',
+'after:w-2xl', 'after:h-xs', 'after:rounded-full',
 // Sizing
-'p-[8px]',
+'px-sm', 'py-sm',
 // Interactivity
 'cursor-grab',
 // Theme
@@ -30,7 +30,7 @@ const BottomSheetHeader = [
 // Layout
 'empty:hidden',
 // Sizing
-'px-[24px]', 'py-[16px]',
+'px-lg', 'py-md',
 // Typography
 'typography-headline-3'];
 

package/dist/v2/{OrButton-52618150.js → OrButton-eb895669.js}

@@ -35,18 +35,18 @@ const ButtonRoot = [
 const ButtonRootVariants = {
   'contained': [
   // Sizing
-  'px-[16px] md:px-[16px]', 'py-[12px] md:py-[8px]', 'gap-[12px] md:gap-[8px]',
+  'px-md md:px-md', 'py-sm+ md:py-sm', 'gap-sm+ md:gap-sm',
   // Theme
   'enabled:shadow-button', 'dark:enabled:shadow-button-dark'],
   'outlined': [
   // Sizing
-  'px-[15px] md:px-[15px]', 'py-[11px] md:py-[7px]', 'gap-[12px] md:gap-[8px]'],
+  'px-[15px] md:px-[15px]', 'py-[11px] md:py-[7px]', 'gap-sm+ md:gap-sm'],
   'text': [
   // Sizing
-  'px-[16px] md:px-[16px]', 'py-[12px] md:py-[8px]', 'gap-[12px] md:gap-[8px]'],
+  'px-md md:px-md', 'py-sm+ md:py-sm', 'gap-sm+ md:gap-sm'],
   'link': [
   // Sizing
-  'gap-[8px] md:gap-[4px]']
+  'gap-sm md:gap-xs']
 };
 const ButtonRootColors = {
   'primary-contained': [

package/dist/v2/{OrCard-657f6d1f.js → OrCard-1d904e72.js}

@@ -9,7 +9,7 @@ const CardRoot = [
 // Box
 'rounded-md',
 // Sizing
-'px-[16px]', 'py-[16px]', 'gap-[10px]',
+'px-md', 'py-md', 'gap-[10px]',
 // Typography
 'typography-body-2-regular',
 // Theme

package/dist/v2/{OrCheckbox-3b857df7.js → OrCheckbox-eb833bab.js}

@@ -9,12 +9,12 @@ const CheckboxRoot = [
 // Layout
 'flex', 'items-center',
 // Sizing
-'gap-[12px] md:gap-[8px]'];
+'gap-sm+ md:gap-sm'];
 const CheckboxControl = [
 // Layout
 'flex', 'items-center', 'justify-center',
 // Box
-'w-[20px] md:w-[16px]', 'h-[20px] md:h-[16px]', 'rounded-sm',
+'w-md+ md:w-md', 'h-md+ md:h-md', 'rounded-sm',
 // Interactivity
 'interactivity-auto',
 // Iconography

package/dist/v2/{OrConfirm-d581c53a.js → OrConfirm-d561bf82.js}

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed, watch } from 'vue-demi';
-import { _ as __vue_component__$2, a as ButtonColor } from './OrButton-52618150.js';
+import { _ as __vue_component__$2, a as ButtonColor } from './OrButton-eb895669.js';
 import { _ as __vue_component__$1 } from './OrOverlay-4838a9b0.js';
-import { _ as __vue_component__$3 } from './OrInput-a53e0166.js';
+import { _ as __vue_component__$3 } from './OrInput-0dcfba2a.js';
 import { useMagicKeys, whenever } from '@vueuse/core';
 import { logicAnd } from '@vueuse/math';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
@@ -18,7 +18,7 @@ const ConfirmRoot = [
 // Box
 'w-[320px]', 'h-auto', 'rounded-md',
 // Sizing
-'px-[24px]', 'py-[24px]', 'gap-[16px]',
+'px-lg', 'py-lg', 'gap-md',
 // Typography
 'typography-body-2-regular',
 // Theme
@@ -32,12 +32,12 @@ const ConfirmInput = [
 // Box
 'w-full',
 // Sizing
-'mt-[16px]'];
+'mt-md'];
 const ConfirmFooter = [
 // Layout
 'flex', 'items-center', 'justify-between',
 // Sizing
-'gap-[16px]'];
+'gap-md'];
 const ConfirmFooterTypes = {
   [ConfirmType.C]: [
   // Layout

package/dist/v2/{OrErrorTag-5306b7dd.js → OrErrorTag-9d592185.js}

@@ -10,7 +10,7 @@ const ErrorTagRoot = [
 // Box
 'max-w-max', 'rounded-full',
 // Sizing
-'px-[12px] md:px-[8px]', 'py-[8px] md:py-[4px]', 'gap-[8px] md:gap-[4px]',
+'px-sm+ md:px-sm', 'py-sm md:py-xs', 'gap-sm md:gap-xs',
 // Interactivity
 'interactivity-none',
 // Typography

package/dist/v2/{OrIconButton-42c8459c.js → OrIconButton-1b34f3fa.js}

@@ -2,8 +2,8 @@ import { defineComponent, ref, computed } from 'vue-demi';
 import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
 import '@vueuse/core';
 import { _ as __vue_component__$1 } from './OrIcon-124f3bad.js';
-import { _ as __vue_component__$2 } from './OrTooltip-e9fd5e45.js';
-import './OrPopover-06682070.js';
+import { _ as __vue_component__$2 } from './OrTooltip-caeac590.js';
+import './OrPopover-9080fc00.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 var IconButtonColor;

package/dist/v2/{OrInlineInput-49630a02.js → OrInlineInput-e754cb9f.js}

@@ -3,8 +3,8 @@ import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
 import '@vueuse/core';
 import { _ as __vue_component__$1 } from './OrError-be656098.js';
 import { _ as __vue_component__$2 } from './OrHint-44356417.js';
-import { _ as __vue_component__$3 } from './OrIconButton-42c8459c.js';
-import { _ as __vue_component__$4, I as InlineInputBoxSize } from './OrInlineInputBox-cac18547.js';
+import { _ as __vue_component__$3 } from './OrIconButton-1b34f3fa.js';
+import { _ as __vue_component__$4, I as InlineInputBoxSize } from './OrInlineInputBox-6a15ea2b.js';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
@@ -30,7 +30,7 @@ const InlineInputAction = [
 // Layout
 'flex', 'items-center',
 // Sizing
-'gap-[8px]',
+'gap-sm',
 // Theme
 'theme-foreground-outline', 'dark:theme-foreground-outline-dark'];
 

package/dist/v2/{OrInlineInputBox-cac18547.js → OrInlineInputBox-6a15ea2b.js}

@@ -19,12 +19,12 @@ const InlineInputBoxRoot = [
 const InlineInputBoxRootSizes = {
   'm': [
   // Sizing
-  'activated:children:px-[8px]', 'children:py-[4px]', 'gap-[16px]',
+  'activated:children:px-sm', 'children:py-xs', 'gap-md',
   // Typography
   'typography-headline-2'],
   's': [
   // Sizing
-  'activated:children:px-[8px]', 'children:py-[0]', 'gap-[16px]',
+  'activated:children:px-sm', 'children:py-none', 'gap-md',
   // Typography
   'typography-body-2-regular']
 };

package/dist/v2/{OrInlineTextarea-b2185392.js → OrInlineTextarea-7dc58bb1.js}

@@ -3,8 +3,8 @@ import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
 import '@vueuse/core';
 import { _ as __vue_component__$1 } from './OrError-be656098.js';
 import { _ as __vue_component__$2 } from './OrHint-44356417.js';
-import { _ as __vue_component__$3 } from './OrIconButton-42c8459c.js';
-import { _ as __vue_component__$4 } from './OrInlineInputBox-cac18547.js';
+import { _ as __vue_component__$3 } from './OrIconButton-1b34f3fa.js';
+import { _ as __vue_component__$4 } from './OrInlineInputBox-6a15ea2b.js';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
@@ -24,7 +24,7 @@ const InlineTextareaAction = [
 // Layout
 'flex', 'items-center',
 // Sizing
-'gap-[8px]',
+'gap-sm',
 // Theme
 'theme-foreground-outline', 'dark:theme-foreground-outline-dark'];
 

package/dist/v2/{OrInput-a53e0166.js → OrInput-0dcfba2a.js}

@@ -3,9 +3,9 @@ import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
 import '@vueuse/core';
 import { _ as __vue_component__$1 } from './OrError-be656098.js';
 import { _ as __vue_component__$2 } from './OrHint-44356417.js';
-import { _ as __vue_component__$4 } from './OrIconButton-42c8459c.js';
+import { _ as __vue_component__$4 } from './OrIconButton-1b34f3fa.js';
 import { _ as __vue_component__$3 } from './OrIcon-124f3bad.js';
-import { _ as __vue_component__$5, a as InputBoxSize } from './OrInputBox-f4b747ab.js';
+import { _ as __vue_component__$5, a as InputBoxSize } from './OrInputBox-208dceac.js';
 import { _ as __vue_component__$6 } from './OrLabel-5670468e.js';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';

package/dist/v2/{OrInputBox-f4b747ab.js → OrInputBox-208dceac.js}

@@ -44,14 +44,14 @@ const InputBoxRootSizes = {
   // Box
   'children:min-h-[34px]',
   // Sizing
-  'first-child:pl-[16px] first-child:md:pl-[12px]', 'last-child:pr-[16px] last-child:md:pr-[12px]', 'children:pt-[11px] children:md:pt-[7px]', 'children:pb-[11px] children:md:pb-[6px]', 'gap-[12px] md:gap-[8px]',
+  'first-child:pl-md first-child:md:pl-sm+', 'last-child:pr-md last-child:md:pr-sm+', 'children:pt-[11px] children:md:pt-[7px]', 'children:pb-[11px] children:md:pb-[6px]', 'gap-sm+ md:gap-sm',
   // Typography
   'typography-body-2-regular'],
   's': [
   // Box
   'children:min-h-[30px]',
   // Sizing
-  'first-child:pl-[8px]', 'last-child:pr-[8px]', 'children:py-[6px]', 'gap-[6px]',
+  'first-child:pl-sm', 'last-child:pr-sm', 'children:py-[6px]', 'gap-[6px]',
   // Typography
   'typography-caption-regular']
 };

package/dist/v2/{OrMenu-adbfd24f.js → OrMenu-bb81644d.js}

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed } from 'vue-demi';
 import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
 import '@vueuse/core';
-import { _ as __vue_component__$1, P as PopoverPlacement } from './OrPopover-06682070.js';
+import { _ as __vue_component__$1, P as PopoverPlacement } from './OrPopover-9080fc00.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 const MenuRoot = [

package/dist/v2/{OrMenuItem-d82ba657.js → OrMenuItem-3a28db7b.js}

@@ -8,7 +8,7 @@ const MenuItemRoot = [
 // Layout
 'flex', 'items-center',
 // Sizing
-'px-[24px] md:px-[8px]', 'py-[12px] md:py-[8px]', 'gap-[8px] md:gap-[8px]',
+'px-lg md:px-sm', 'py-sm+ md:py-sm', 'gap-sm md:gap-sm',
 // Interactivity
 'interactivity-auto',
 // Typography

package/dist/v2/{OrModal-ef90cb0f.js → OrModal-1ed53441.js}

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed, watch } from 'vue-demi';
 import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
 import '@vueuse/core';
-import { _ as __vue_component__$2 } from './OrIconButton-42c8459c.js';
+import { _ as __vue_component__$2 } from './OrIconButton-1b34f3fa.js';
 import { _ as __vue_component__$1 } from './OrOverlay-4838a9b0.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
@@ -18,7 +18,7 @@ const ModalRoot = [
 // Box
 'w-full', 'h-full', 'md:rounded-md',
 // Sizing
-'px-[24px]', 'py-[24px]', 'gap-[16px] md:gap-[24px]',
+'px-lg', 'py-lg', 'gap-md md:gap-lg',
 // Typography
 'typography-body-2-regular',
 // Theme

package/dist/v2/{OrNotification-d2f13c11.js → OrNotification-e2d510b3.js}

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed } from 'vue-demi';
 import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
 import '@vueuse/core';
-import { _ as __vue_component__$2 } from './OrIconButton-42c8459c.js';
+import { _ as __vue_component__$2 } from './OrIconButton-1b34f3fa.js';
 import { _ as __vue_component__$1 } from './OrIcon-124f3bad.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
@@ -19,7 +19,7 @@ const NotificationRoot = [
 // Box
 'rounded-md',
 // Sizing
-'px-[16px]', 'py-[16px]', 'gap-[16px]',
+'px-md', 'py-md', 'gap-md',
 // Typography
 'typography-body-2-regular',
 // Typography (links)

package/dist/v2/{OrPopover-06682070.js → OrPopover-9080fc00.js}

@@ -4,7 +4,7 @@ import { defineComponent, ref, computed, watch, watchPostEffect, unref, toRef, n
 import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
 import { u as useElevation } from './useElevation-0e973238.js';
 import { u as useResponsive } from './useResponsive-a02e95b7.js';
-import { _ as __vue_component__$1 } from './OrBottomSheet-3ce1529c.js';
+import { _ as __vue_component__$1 } from './OrBottomSheet-f09adbbb.js';
 import { _ as __vue_component__$2 } from './OrTeleport.vue2-fb92f29f.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
@@ -37,7 +37,7 @@ const PopoverBody = [
 // Box
 'rounded-md',
 // Sizing
-'m-sm',
+'mx-sm', 'my-sm',
 // Theme
 'bg-background', 'dark:bg-background-dark', 'shadow-contextual', 'dark:shadow-contextual-dark'];
 const PopoverBodyPlacements = {

package/dist/v2/{OrRadio-1b0a3149.js → OrRadio-4ba56887.js}

@@ -9,12 +9,12 @@ const RadioRoot = [
 // Layout
 'flex', 'items-center',
 // Sizing
-'gap-[12px] md:gap-[8px]'];
+'gap-sm+ md:gap-sm'];
 const RadioControl = [
 // Layout
 'flex', 'items-center', 'justify-center',
 // Box
-'w-[20px] md:w-[16px]', 'h-[20px] md:h-[16px]', 'rounded-full',
+'w-md+ md:w-md', 'h-md+ md:h-md', 'rounded-full',
 // Interactivity
 'interactivity-auto',
 // Theme
@@ -25,7 +25,7 @@ const RadioControl = [
 'checked:theme-preset-1-primary', 'dark:checked:theme-preset-1-primary-dark'];
 const RadioControlHandle = [
 // Box
-'after:w-[8px] after:md:w-[4px]', 'after:h-[8px] after:md:h-[4px]', 'after:rounded-full',
+'after:w-sm after:md:w-xs', 'after:h-sm after:md:h-xs', 'after:rounded-full',
 // Theme
 'checked:after:bg-on-primary', 'dark:checked:after:bg-on-primary-dark',
 // Theme (disabled)

package/dist/v2/{OrSearch-c1058507.js → OrSearch-45ea8c33.js}

@@ -1,8 +1,8 @@
 import { defineComponent, ref, computed } from 'vue-demi';
 import { debouncedWatch } from '@vueuse/core';
 import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
-import { _ as __vue_component__$1 } from './OrInput-a53e0166.js';
-import { a as InputBoxSize } from './OrInputBox-f4b747ab.js';
+import { _ as __vue_component__$1 } from './OrInput-0dcfba2a.js';
+import { a as InputBoxSize } from './OrInputBox-208dceac.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 var script = defineComponent({

package/dist/v2/{OrSelect-4278e127.js → OrSelect-21247104.js}

@@ -2,17 +2,17 @@ import { isVue3, defineComponent, getCurrentInstance, ref, computed, onMounted,
 import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
 import { u as useOverflow } from './useOverflow-ac506c65.js';
 import '@vueuse/core';
-import { _ as __vue_component__$1 } from './OrCheckbox-3b857df7.js';
+import { _ as __vue_component__$1 } from './OrCheckbox-eb833bab.js';
 import { _ as __vue_component__$2 } from './OrError-be656098.js';
 import { _ as __vue_component__$3 } from './OrExpansionPanel-ce82a6fd.js';
 import { _ as __vue_component__$4 } from './OrHint-44356417.js';
 import { _ as __vue_component__$5 } from './OrIcon-124f3bad.js';
-import { _ as __vue_component__$7, a as InputBoxSize } from './OrInputBox-f4b747ab.js';
-import { _ as __vue_component__$6 } from './OrInput-a53e0166.js';
+import { _ as __vue_component__$7, a as InputBoxSize } from './OrInputBox-208dceac.js';
+import { _ as __vue_component__$6 } from './OrInput-0dcfba2a.js';
 import { _ as __vue_component__$8 } from './OrLabel-5670468e.js';
-import { _ as __vue_component__$9 } from './OrMenuItem-d82ba657.js';
-import { _ as __vue_component__$a } from './OrPopover-06682070.js';
-import { _ as __vue_component__$b } from './OrTag-6b6ff503.js';
+import { _ as __vue_component__$9 } from './OrMenuItem-3a28db7b.js';
+import { _ as __vue_component__$a } from './OrPopover-9080fc00.js';
+import { _ as __vue_component__$b } from './OrTag-c42c3f9c.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 const created$1 = (element, binding) => {
@@ -61,7 +61,7 @@ const SelectDropdown = [
 // Box
 'max-h-[340px]', 'rounded-b-md',
 // Theme
-'theme-background-default', 'dark:theme-background-default-dark', 'theme-border-1-outline', 'dark:theme-border-1-outline-dark', '!border-t-[0]'];
+'theme-background-default', 'dark:theme-background-default-dark', 'theme-border-1-outline', 'dark:theme-border-1-outline-dark', '!border-t-0'];
 const SelectNoSearchResults = [
 // Layout
 'flex', 'items-center', 'justify-center',
@@ -340,7 +340,7 @@ var __vue_render__ = function () {
       expression: "close"
     }],
     ref: "inputBox",
-    class: [_vm.popoverState === 'open' && 'rounded-b-[0]'],
+    class: [_vm.popoverState === 'open' && 'rounded-b-0'],
     attrs: {
       "size": _vm.size,
       "invalid": _vm.invalid,

package/dist/v2/{OrSidebar-2522cce0.js → OrSidebar-fabc7bc9.js}

@@ -26,7 +26,7 @@ const SidebarRootSides = {
 };
 const SidebarResize = [
 // Position
-'absolute', 'inset-y-[0]', 'z-[1]',
+'absolute', 'inset-y-none', 'z-[1]',
 // Box
 'w-[12px]', 'h-[100%]',
 // Cursor
@@ -62,15 +62,15 @@ const SidebarMain = [
 'min-h-0'];
 const SidebarHeader = [
 // Sizing
-'p-[16px]'];
+'p-md'];
 const SidebarContent = [
 // Layout
 'grow', 'overflow-auto',
 // Sizing
-'p-[16px]'];
+'p-md'];
 const SidebarFooter = [
 // Sizing
-'p-[16px]',
+'p-md',
 // Borders
 'border-t-[1px]', 'border-t-solid', 'border-t-secondary dark:border-t-secondary-dark'];
 

package/dist/v2/{OrSwitch-bf5b1f82.js → OrSwitch-21a7e693.js}

@@ -10,7 +10,7 @@ const SwitchRoot = [
 // Layout
 'flex', 'items-center',
 // Sizing
-'gap-[12px] md:gap-[8px]'];
+'gap-sm+ md:gap-sm'];
 const SwitchControl = [
 // Layout
 'flex', 'items-center', 'justify-start checked:justify-end',

package/dist/v2/{OrTabs-50dd04ee.js → OrTabs-b4a9740b.js}

@@ -2,9 +2,9 @@ import { useResizeObserver } from '@vueuse/core';
 import { defineComponent, ref, computed, reactive, watch, nextTick, onMounted } from 'vue-demi';
 import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
 import { _ as __vue_component__$1 } from './OrIcon-124f3bad.js';
-import { _ as __vue_component__$3 } from './OrMenuItem-d82ba657.js';
-import { _ as __vue_component__$2 } from './OrMenu-adbfd24f.js';
-import './OrPopover-06682070.js';
+import { _ as __vue_component__$3 } from './OrMenuItem-3a28db7b.js';
+import { _ as __vue_component__$2 } from './OrMenu-bb81644d.js';
+import './OrPopover-9080fc00.js';
 import { _ as __vue_component__$4 } from './OrTab-4e6ff742.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
@@ -20,7 +20,7 @@ const TabsRoot = [
 // Box
 'overflow-hidden',
 // Sizing
-'gap-[16px]',
+'gap-md',
 // Theme
 'theme-border-1-outline', 'dark:theme-border-1-outline', 'theme-border-underline', 'dark:theme-border-underline'];
 const TabsRootVariants = {

package/dist/v2/{OrTag-6b6ff503.js → OrTag-c42c3f9c.js}

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed, watchPostEffect, unref } from 'vue-demi';
 import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
 import '@vueuse/core';
-import { _ as __vue_component__$1 } from './OrIconButton-42c8459c.js';
+import { _ as __vue_component__$1 } from './OrIconButton-1b34f3fa.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 var TagVariant;
@@ -22,7 +22,7 @@ const TagRoot = [
 // Box
 'max-w-max', 'rounded-full',
 // Sizing
-'px-[12px] md:px-[8px]', 'py-[8px] md:py-[4px]', 'gap-[8px] md:gap-[4px]',
+'px-sm+ md:px-sm', 'py-sm md:py-xs', 'gap-sm md:gap-xs',
 // Typography
 'typography-caption-regular',
 // Theme

package/dist/v2/{OrTextarea-d1a481ed.js → OrTextarea-8773d494.js}

@@ -3,7 +3,7 @@ import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
 import '@vueuse/core';
 import { _ as __vue_component__$1 } from './OrError-be656098.js';
 import { _ as __vue_component__$2 } from './OrHint-44356417.js';
-import { _ as __vue_component__$3, a as InputBoxSize } from './OrInputBox-f4b747ab.js';
+import { _ as __vue_component__$3, a as InputBoxSize } from './OrInputBox-208dceac.js';
 import { _ as __vue_component__$4 } from './OrLabel-5670468e.js';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';

package/dist/v2/{OrTooltip-e9fd5e45.js → OrTooltip-caeac590.js}

@@ -1,7 +1,7 @@
 import { useElementHover } from '@vueuse/core';
 import { defineComponent, ref, computed, watch } from 'vue-demi';
 import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
-import { _ as __vue_component__$1, P as PopoverPlacement } from './OrPopover-06682070.js';
+import { _ as __vue_component__$1, P as PopoverPlacement } from './OrPopover-9080fc00.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 const TooltipRoot = [
@@ -11,7 +11,7 @@ const TooltipBody = [
 // Box
 'max-w-max', 'rounded-sm',
 // Sizing
-'px-[8px]', 'py-[4px]',
+'px-sm', 'py-xs',
 // Typography
 'typography-caption-regular',
 // Theme

package/dist/v2/index.js

@@ -1,27 +1,27 @@
 export { O as OR_AVATAR_SIZE, _ as OrAvatar } from './OrAvatar-5203c3e7.js';
 export { a as AvatarColor, A as AvatarSize, _ as OrAvatarV3 } from './OrAvatar-0afdef36.js';
-export { _ as OrBottomSheetV3 } from './OrBottomSheet-3ce1529c.js';
+export { _ as OrBottomSheetV3 } from './OrBottomSheet-f09adbbb.js';
 export { _ as OrButton, a as OrButtonColors, b as OrButtonSizes, O as OrButtonViews } from './OrButton-549e8852.js';
 export { _ as OrButtonV2 } from './OrButton-56baef5e.js';
 export { _ as OrIconButton } from './OrIconButton-cab39659.js';
 export { a as BUTTON_COLOR, c as BUTTON_LOADER_TYPE, b as BUTTON_SIZE, B as BUTTON_TYPE, I as ICON_BUTTON_TYPE } from './OrIconButton.vue_rollup-plugin-vue_styles.0-dc224e53.js';
-export { a as ButtonColor, b as ButtonType, B as ButtonVariant, _ as OrButtonV3 } from './OrButton-52618150.js';
+export { a as ButtonColor, b as ButtonType, B as ButtonVariant, _ as OrButtonV3 } from './OrButton-eb895669.js';
 export { _ as OrCard } from './OrCard-c44d9783.js';
 export { C as CARD_COLLECTION_LAYOUT, _ as OrCardCollection } from './OrCardCollection-7855a802.js';
-export { _ as OrCardV3 } from './OrCard-657f6d1f.js';
+export { _ as OrCardV3 } from './OrCard-1d904e72.js';
 export { a as OrCarousel, _ as OrCarouselItem } from './OrCarouselItem-d5f3fb80.js';
 export { _ as OrCheckbox } from './OrCheckbox-ed1f2666.js';
-export { _ as OrCheckboxV3 } from './OrCheckbox-3b857df7.js';
+export { _ as OrCheckboxV3 } from './OrCheckbox-eb833bab.js';
 export { _ as OrChip } from './OrChips.vue_rollup-plugin-vue_styles.0-c780c5eb.js';
 export { _ as OrChips } from './OrChips-d2bf5ae6.js';
 export { _ as OrCode, O as OrCodeLanguages } from './OrCode-da64b7ee.js';
 export { _ as OrCollapse } from './OrCollapse-50e3914c.js';
 export { _ 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-0abe3636.js';
 export { _ as OrConfirm } from './OrConfirm-812badbf.js';
-export { C as ConfirmType, _ as OrConfirmV3 } from './OrConfirm-d581c53a.js';
+export { C as ConfirmType, _ as OrConfirmV3 } from './OrConfirm-d561bf82.js';
 export { D as DEFAULT_TEXT, _ as OrDateTimePicker, a as OrDateTimePickerItemTypes, O as OrDateTimePickerTypes } from './OrDateTimePicker-63b2d841.js';
 export { _ as OrError } from './OrError-efc74907.js';
-export { _ as OrErrorTagV3 } from './OrErrorTag-5306b7dd.js';
+export { _ as OrErrorTagV3 } from './OrErrorTag-9d592185.js';
 export { _ as OrErrorV3 } from './OrError-be656098.js';
 export { a as ExpansionPanelColor, E as ExpansionPanelVariant, _ as OrExpansionPanelV3 } from './OrExpansionPanel-ce82a6fd.js';
 export { F as FabColor, _ as OrFabV3 } from './OrFab-29c63a0e.js';
@@ -29,14 +29,14 @@ export { _ as OrFloating, a as OrFloatingHideStrategy, O as OrFloatingPlacements
 export { _ as OrHint } from './OrHint-fe65fbe6.js';
 export { _ as OrHintV3 } from './OrHint-44356417.js';
 export { _ as OrIcon, O as OrIconColors, a as OrIconType } from './OrIcon-7cd10497.js';
-export { I as IconButtonColor, _ as OrIconButtonV3 } from './OrIconButton-42c8459c.js';
+export { I as IconButtonColor, _ as OrIconButtonV3 } from './OrIconButton-1b34f3fa.js';
 export { a as IconSize, I as IconVariant, _ as OrIconV3 } from './OrIcon-124f3bad.js';
-export { I as InlineInputBoxSize, I as InlineInputSize, _ as OrInlineInputBoxV3 } from './OrInlineInputBox-cac18547.js';
-export { I as InlineInputType, _ as OrInlineInputV3 } from './OrInlineInput-49630a02.js';
+export { I as InlineInputBoxSize, I as InlineInputSize, _ as OrInlineInputBoxV3 } from './OrInlineInputBox-6a15ea2b.js';
+export { I as InlineInputType, _ as OrInlineInputV3 } from './OrInlineInput-e754cb9f.js';
 export { a as InlineTextEditTrimmingTypes, I as InlineTextEditTypes, _ as OrInlineTextEdit } from './OrInlineTextEdit-60227e46.js';
-export { _ as OrInlineTextareaV3 } from './OrInlineTextarea-b2185392.js';
-export { a as InputBoxSize, I as InputBoxVariant, a as InputSize, _ as OrInputBoxV3, a as SearchSize, a as SelectSize, a as TextareaSize } from './OrInputBox-f4b747ab.js';
-export { I as InputType, _ as OrInputV3 } from './OrInput-a53e0166.js';
+export { _ as OrInlineTextareaV3 } from './OrInlineTextarea-7dc58bb1.js';
+export { a as InputBoxSize, I as InputBoxVariant, a as InputSize, _ as OrInputBoxV3, a as SearchSize, a as SelectSize, a as TextareaSize } from './OrInputBox-208dceac.js';
+export { I as InputType, _ as OrInputV3 } from './OrInput-0dcfba2a.js';
 export { a as OrNumberInput, b as OrPassword, _ as OrTextarea } from './OrPassword-a8b36c5b.js';
 export { _ as OrInput } from './OrSearch.vue_rollup-plugin-vue_styles.0-aafbcd86.js';
 export { _ as OrSearch } from './OrSearch-b228915a.js';
@@ -47,13 +47,13 @@ export { _ as OrList } from './OrList-c3b0b735.js';
 export { _ as OrListOfInputs } from './OrListOfInputs-dae3556c.js';
 export { L as LoaderViews, _ as OrLoader } from './OrLoader-212ef381.js';
 export { a as LoaderColor, b as LoaderSize, L as LoaderVariant, _ as OrLoaderV3 } from './OrLoader-bd088836.js';
-export { _ as OrMenuItemV3 } from './OrMenuItem-d82ba657.js';
-export { _ as OrMenuV3 } from './OrMenu-adbfd24f.js';
-export { P as MenuPlacement, _ as OrPopoverV3, P as PopoverPlacement, a as PopoverVariant, P as TooltipPlacement } from './OrPopover-06682070.js';
+export { _ as OrMenuItemV3 } from './OrMenuItem-3a28db7b.js';
+export { _ as OrMenuV3 } from './OrMenu-bb81644d.js';
+export { P as MenuPlacement, _ as OrPopoverV3, P as PopoverPlacement, a as PopoverVariant, P as TooltipPlacement } from './OrPopover-9080fc00.js';
 export { _ as OrModal, O as OrModalSizes } from './OrModal-5c491f46.js';
-export { M as ModalSize, _ as OrModalV3 } from './OrModal-ef90cb0f.js';
+export { M as ModalSize, _ as OrModalV3 } from './OrModal-1ed53441.js';
 export { a as OR_NOTIFICATION_SIZE, O as OR_NOTIFICATION_TYPE, _ as OrNotification } from './OrNotification-3294cb13.js';
-export { N as NotificationVariant, _ as OrNotificationV3 } from './OrNotification-d2f13c11.js';
+export { N as NotificationVariant, _ as OrNotificationV3 } from './OrNotification-e2d510b3.js';
 export { _ as OrOverflowMenu } from './OrOverflowMenu-572ba5ac.js';
 export { _ as OrOverlay } from './OrOverlay-ccec2218.js';
 export { _ as OrOverlayV3 } from './OrOverlay-4838a9b0.js';
@@ -61,37 +61,37 @@ export { _ as OrProgress, O as OrProgressColors, a as OrProgressTypes } from './
 export { _ as OrProgressV3, P as ProgressColor, a as ProgressType } from './OrProgress-c27c8946.js';
 export { _ as OrRadio } from './OrRadio-514e8de8.js';
 export { _ as OrRadioGroup } from './OrRadioGroup-11424644.js';
-export { _ as OrRadioV3 } from './OrRadio-1b0a3149.js';
-export { _ as OrSearchV3 } from './OrSearch-c1058507.js';
+export { _ as OrRadioV3 } from './OrRadio-4ba56887.js';
+export { _ as OrSearchV3 } from './OrSearch-45ea8c33.js';
 export { _ as OrSelect } from './OrSelect-ea27a70e.js';
-export { _ as OrSelectV3 } from './OrSelect-4278e127.js';
+export { _ as OrSelectV3 } from './OrSelect-21247104.js';
 export { _ as OrSidebar, O as OrSidebarSide } from './OrSidebar-feacf13a.js';
-export { O as OrSidebarPlacement, _ as OrSidebarV3 } from './OrSidebar-2522cce0.js';
+export { O as OrSidebarPlacement, _ as OrSidebarV3 } from './OrSidebar-fabc7bc9.js';
 export { _ as OrSkeletonCircle, a as OrSkeletonRect, b as OrSkeletonText, O as OrSkeletonTextSizes } from './OrSkeletonText-38aef640.js';
 export { _ as OrSkeletonCircleV3, a as OrSkeletonRectV3, b as OrSkeletonTextV3 } from './OrSkeletonText-950be6a2.js';
 export { _ as OrSlider } from './OrSlider-021736ec.js';
 export { _ as OrStepper } from './OrStepper-a0b4da52.js';
 export { _ as OrSwitch } from './OrSwitch-cd24ee40.js';
-export { _ as OrSwitchV3 } from './OrSwitch-bf5b1f82.js';
+export { _ as OrSwitchV3 } from './OrSwitch-21a7e693.js';
 export { _ as OrTab } from './OrTab-8dfdeca0.js';
 export { _ as OrTabHeaderItem } from './OrTabHeaderItem-6a08756e.js';
 export { _ as OrTabV3 } from './OrTab-4e6ff742.js';
 export { _ as OrTabs } from './OrTabs-12138346.js';
-export { _ as OrTabsV3, T as TabsVariant } from './OrTabs-50dd04ee.js';
+export { _ as OrTabsV3, T as TabsVariant } from './OrTabs-b4a9740b.js';
 export { _ as OrTag } from './OrTag-140d4f72.js';
-export { _ as OrTagV3, a as TagColor, T as TagVariant } from './OrTag-6b6ff503.js';
+export { _ as OrTagV3, a as TagColor, T as TagVariant } from './OrTag-c42c3f9c.js';
 export { _ as OrTeleport } from './OrTeleportVue2-fce4676d.js';
 export { _ as OrTeleportV3 } from './OrTeleport.vue2-fb92f29f.js';
 export { _ as OrTextV3 } from './OrText-ba5a2b6c.js';
-export { _ as OrTextareaV3 } from './OrTextarea-d1a481ed.js';
+export { _ as OrTextareaV3 } from './OrTextarea-8773d494.js';
 export { _ as OrTextbox, T as TextboxTypes } from './OrTextbox-91382d58.js';
 export { _ as OrToast, a as OrToastContainer } from './OrToastContainer-e285a86c.js';
 export { P as PositionsX, b as PositionsY, c as ToastType, T as TransitionType, a as useQueue, u as useToast } from './useToast-4fbe0e5a.js';
-export { a as OrToastContainerV3, _ as OrToastV3, t as TypesV3 } from './types-96ec9445.js';
+export { a as OrToastContainerV3, _ as OrToastV3, t as TypesV3 } from './types-8ea6482d.js';
 export { p as PropsV3, a as useQueueV3, u as useToastV3 } from './useToast-0665462d.js';
 export { _ as OrTooltip } from './OrTooltip-b31bd78d.js';
 export { _ as OrTooltipContent } from './OrTooltip.vue_rollup-plugin-vue_styles.0-54c17910.js';
-export { _ as OrTooltipV3 } from './OrTooltip-e9fd5e45.js';
+export { _ as OrTooltipV3 } from './OrTooltip-caeac590.js';
 export { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
 export { u as useElevation } from './useElevation-0e973238.js';
 export { u as useOverflow } from './useOverflow-ac506c65.js';

package/dist/v2/index11.js

@@ -1,4 +1,4 @@
-export { _ as OrCardV3 } from './OrCard-657f6d1f.js';
+export { _ as OrCardV3 } from './OrCard-1d904e72.js';
 import 'vue-demi';
 import './useClassAttribute-47fdb016.js';
 import '@vueuse/core';

package/dist/v2/index14.js

@@ -1,4 +1,4 @@
-export { _ as OrCheckboxV3 } from './OrCheckbox-3b857df7.js';
+export { _ as OrCheckboxV3 } from './OrCheckbox-eb833bab.js';
 import 'vue-demi';
 import './useClassAttribute-47fdb016.js';
 import '@vueuse/core';