@onereach/ui-components 2.60.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-bdd8dbad.js → OrCheckbox-eb833bab.js}

@@ -1,7 +1,7 @@
 import { defineComponent, getCurrentInstance, ref, computed } from 'vue-demi';
 import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
 import '@vueuse/core';
-import { _ as __vue_component__$1, L as LabelVariant } from './OrLabel-9a259894.js';
+import { _ as __vue_component__$1, L as LabelVariant } from './OrLabel-5670468e.js';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.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-9decce90.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-5086835d.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-5086835d.js → OrInput-0dcfba2a.js}

@@ -3,10 +3,10 @@ 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__$6 } from './OrLabel-9a259894.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/{OrLabel-9a259894.js → OrLabel-5670468e.js}

@@ -29,8 +29,6 @@ const LabelRootVariants = {
 const LabelText = [
 // Content (required)
 'required:after:content-label-required',
-// Sizing
-'after:ml-2xs',
 // Interactivity
 'interactivity-auto !cursor-default'];
 const LabelAddon = [

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-fd743245.js → OrRadio-4ba56887.js}

@@ -1,7 +1,7 @@
 import { defineComponent, getCurrentInstance, ref, computed } from 'vue-demi';
 import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
 import '@vueuse/core';
-import { _ as __vue_component__$1, L as LabelVariant } from './OrLabel-9a259894.js';
+import { _ as __vue_component__$1, L as LabelVariant } from './OrLabel-5670468e.js';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.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-9ef66e3a.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-5086835d.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-37f933a7.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-bdd8dbad.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-5086835d.js';
-import { _ as __vue_component__$8 } from './OrLabel-9a259894.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__$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-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-44983f55.js → OrSwitch-21a7e693.js}

@@ -1,7 +1,7 @@
 import { defineComponent, getCurrentInstance, ref, computed } from 'vue-demi';
 import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
 import '@vueuse/core';
-import { _ as __vue_component__$1, L as LabelVariant } from './OrLabel-9a259894.js';
+import { _ as __vue_component__$1, L as LabelVariant } from './OrLabel-5670468e.js';
 import { _ as __vue_component__$2 } from './OrLoader-bd088836.js';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.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-ac11ea5a.js → OrTextarea-8773d494.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, a as InputBoxSize } from './OrInputBox-f4b747ab.js';
-import { _ as __vue_component__$4 } from './OrLabel-9a259894.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