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

package/dist/v3/{OrBottomSheet-20a6e3ee.js → OrBottomSheet-9de57dd0.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/v3/{OrButton-7e436ca9.js → OrButton-12b36e89.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/v3/{OrCard-90d2c5cf.js → OrCard-b63658a8.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/v3/{OrCheckbox-5d6be1d4.js → OrCheckbox-a20fcc04.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/v3/{OrConfirm-0975a9c8.js → OrConfirm-a9d3f157.js}

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed, watch } from 'vue-demi';
-import { s as script$2, a as ButtonColor } from './OrButton-7e436ca9.js';
+import { s as script$2, a as ButtonColor } from './OrButton-12b36e89.js';
 import { s as script$1 } from './OrOverlay-27050c19.js';
-import { s as script$3 } from './OrInput-63602dfc.js';
+import { s as script$3 } from './OrInput-f51916d4.js';
 import { useMagicKeys, whenever } from '@vueuse/core';
 import { logicAnd } from '@vueuse/math';
 import { resolveComponent, openBlock, createBlock, withCtx, createElementVNode, mergeProps, normalizeClass, renderSlot, createTextVNode, toDisplayString, createElementBlock, createVNode, createCommentVNode } from 'vue';
@@ -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/v3/{OrErrorTag-6bc94241.js → OrErrorTag-ceefd643.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/v3/{OrIconButton-54618375.js → OrIconButton-f9226adf.js}

@@ -2,8 +2,8 @@ import { defineComponent, ref, computed } from 'vue-demi';
 import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
 import '@vueuse/core';
 import { s as script$1 } from './OrIcon-b3906e35.js';
-import { s as script$2 } from './OrTooltip-3928dfdc.js';
-import './OrPopover-f49b5714.js';
+import { s as script$2 } from './OrTooltip-30e05f9e.js';
+import './OrPopover-3525c670.js';
 import { resolveComponent, openBlock, createBlock, normalizeProps, guardReactiveProps, withCtx, createElementVNode, mergeProps, createVNode } from 'vue';
 
 var IconButtonColor;

package/dist/v3/{OrInlineInput-c8523c5a.js → OrInlineInput-8f473205.js}

@@ -3,8 +3,8 @@ import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
 import '@vueuse/core';
 import { s as script$1 } from './OrError-19a62a18.js';
 import { s as script$2 } from './OrHint-73835593.js';
-import { s as script$3 } from './OrIconButton-54618375.js';
-import { s as script$4, I as InlineInputBoxSize } from './OrInlineInputBox-731e0731.js';
+import { s as script$3 } from './OrIconButton-f9226adf.js';
+import { s as script$4, I as InlineInputBoxSize } from './OrInlineInputBox-1b473796.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, createVNode, withCtx, withDirectives, mergeProps, vModelDynamic, withModifiers, createCommentVNode, createBlock, createSlots, createTextVNode, toDisplayString } from 'vue';
 import { s as styleInject } from './style-inject.es-4c6f2515.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/v3/{OrInlineInputBox-731e0731.js → OrInlineInputBox-1b473796.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/v3/{OrInlineTextarea-2e3359d4.js → OrInlineTextarea-86f4506d.js}

@@ -3,8 +3,8 @@ import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
 import '@vueuse/core';
 import { s as script$1 } from './OrError-19a62a18.js';
 import { s as script$2 } from './OrHint-73835593.js';
-import { s as script$3 } from './OrIconButton-54618375.js';
-import { s as script$4 } from './OrInlineInputBox-731e0731.js';
+import { s as script$3 } from './OrIconButton-f9226adf.js';
+import { s as script$4 } from './OrInlineInputBox-1b473796.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, createVNode, withCtx, withDirectives, mergeProps, vModelText, withModifiers, createCommentVNode, createBlock, createSlots, createTextVNode, toDisplayString } from 'vue';
 import { s as styleInject } from './style-inject.es-4c6f2515.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/v3/{OrInput-63602dfc.js → OrInput-f51916d4.js}

@@ -3,9 +3,9 @@ import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
 import '@vueuse/core';
 import { s as script$1 } from './OrError-19a62a18.js';
 import { s as script$2 } from './OrHint-73835593.js';
-import { s as script$4 } from './OrIconButton-54618375.js';
+import { s as script$4 } from './OrIconButton-f9226adf.js';
 import { s as script$3 } from './OrIcon-b3906e35.js';
-import { s as script$5, a as InputBoxSize } from './OrInputBox-f44f1f5f.js';
+import { s as script$5, a as InputBoxSize } from './OrInputBox-634230b1.js';
 import { s as script$6 } from './OrLabel-7d4fe80b.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, createVNode, withDirectives, createElementVNode, mergeProps, vModelDynamic, withModifiers, Fragment, createSlots } from 'vue';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';

package/dist/v3/{OrInputBox-f44f1f5f.js → OrInputBox-634230b1.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/v3/{OrMenu-e9a72243.js → OrMenu-75ef8635.js}

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed } from 'vue-demi';
 import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
 import '@vueuse/core';
-import { s as script$1, P as PopoverPlacement } from './OrPopover-f49b5714.js';
+import { s as script$1, P as PopoverPlacement } from './OrPopover-3525c670.js';
 import { resolveComponent, openBlock, createElementBlock, mergeProps, createVNode, withCtx, createElementVNode, normalizeClass, withModifiers, renderSlot } from 'vue';
 
 const MenuRoot = [

package/dist/v3/{OrMenuItem-f7d575ba.js → OrMenuItem-8773d073.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/v3/{OrModal-17b49caa.js → OrModal-0713f927.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 { s as script$2 } from './OrIconButton-54618375.js';
+import { s as script$2 } from './OrIconButton-f9226adf.js';
 import { s as script$1 } from './OrOverlay-27050c19.js';
 import { resolveComponent, openBlock, createBlock, withCtx, createElementVNode, mergeProps, normalizeClass, renderSlot, createVNode, withModifiers, createCommentVNode } from 'vue';
 
@@ -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/v3/{OrNotification-9e7e5d16.js → OrNotification-7ef1b4e7.js}

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed } from 'vue-demi';
 import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
 import '@vueuse/core';
-import { s as script$2 } from './OrIconButton-54618375.js';
+import { s as script$2 } from './OrIconButton-f9226adf.js';
 import { s as script$1 } from './OrIcon-b3906e35.js';
 import { resolveComponent, openBlock, createElementBlock, mergeProps, createElementVNode, normalizeClass, createVNode, renderSlot, withModifiers } from 'vue';
 
@@ -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/v3/{OrPopover-f49b5714.js → OrPopover-3525c670.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 { s as script$1 } from './OrBottomSheet-20a6e3ee.js';
+import { s as script$1 } from './OrBottomSheet-9de57dd0.js';
 import { s as script$2 } from './OrTeleport.vue3-8099178c.js';
 import { resolveComponent, openBlock, createBlock, withCtx, createElementBlock, mergeProps, renderSlot, normalizeClass, createCommentVNode } from 'vue';
 
@@ -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/v3/{OrRadio-b2afbb5f.js → OrRadio-0c1883f2.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/v3/{OrSearch-4e018c6a.js → OrSearch-e27cadbf.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 { s as script$1 } from './OrInput-63602dfc.js';
-import { a as InputBoxSize } from './OrInputBox-f44f1f5f.js';
+import { s as script$1 } from './OrInput-f51916d4.js';
+import { a as InputBoxSize } from './OrInputBox-634230b1.js';
 import { resolveComponent, openBlock, createBlock, mergeProps } from 'vue';
 
 var script = defineComponent({

package/dist/v3/{OrSelect-b6c314cf.js → OrSelect-4cd90c6b.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 { s as script$1 } from './OrCheckbox-5d6be1d4.js';
+import { s as script$1 } from './OrCheckbox-a20fcc04.js';
 import { s as script$2 } from './OrError-19a62a18.js';
 import { s as script$3 } from './OrExpansionPanel-1e2a6375.js';
 import { s as script$4 } from './OrHint-73835593.js';
 import { s as script$5 } from './OrIcon-b3906e35.js';
-import { s as script$7, a as InputBoxSize } from './OrInputBox-f44f1f5f.js';
-import { s as script$6 } from './OrInput-63602dfc.js';
+import { s as script$7, a as InputBoxSize } from './OrInputBox-634230b1.js';
+import { s as script$6 } from './OrInput-f51916d4.js';
 import { s as script$8 } from './OrLabel-7d4fe80b.js';
-import { s as script$9 } from './OrMenuItem-f7d575ba.js';
-import { s as script$a } from './OrPopover-f49b5714.js';
-import { s as script$b } from './OrTag-58145d09.js';
+import { s as script$9 } from './OrMenuItem-8773d073.js';
+import { s as script$a } from './OrPopover-3525c670.js';
+import { s as script$b } from './OrTag-60585386.js';
 import { resolveComponent, resolveDirective, openBlock, createElementBlock, mergeProps, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, withDirectives, normalizeClass, createElementVNode, Fragment, renderList, createVNode, withModifiers } from 'vue';
 
 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',
@@ -334,7 +334,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3 /* FORWARDED */
   }, 8 /* PROPS */, ["control-id", "required", "disabled"])) : createCommentVNode("v-if", true), withDirectives((openBlock(), createBlock(_component_OrInputBox, {
     ref: "inputBox",
-    class: normalizeClass([_ctx.popoverState === 'open' && 'rounded-b-[0]']),
+    class: normalizeClass([_ctx.popoverState === 'open' && 'rounded-b-0']),
     size: _ctx.size,
     invalid: _ctx.invalid,
     readonly: _ctx.readonly,

package/dist/v3/{OrSidebar-96f8b7c3.js → OrSidebar-a62972f5.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/v3/{OrSwitch-63976c00.js → OrSwitch-ec454b76.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/v3/{OrTabs-bfcbbd53.js → OrTabs-194ca950.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 { s as script$1 } from './OrIcon-b3906e35.js';
-import { s as script$3 } from './OrMenuItem-f7d575ba.js';
-import { s as script$2 } from './OrMenu-e9a72243.js';
-import './OrPopover-f49b5714.js';
+import { s as script$3 } from './OrMenuItem-8773d073.js';
+import { s as script$2 } from './OrMenu-75ef8635.js';
+import './OrPopover-3525c670.js';
 import { s as script$4 } from './OrTab-97044946.js';
 import { resolveComponent, openBlock, createElementBlock, createElementVNode, mergeProps, Fragment, renderList, createBlock, withModifiers, withCtx, createTextVNode, toDisplayString, createVNode, createCommentVNode, renderSlot } from 'vue';
 
@@ -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/v3/{OrTag-58145d09.js → OrTag-60585386.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 { s as script$1 } from './OrIconButton-54618375.js';
+import { s as script$1 } from './OrIconButton-f9226adf.js';
 import { resolveComponent, openBlock, createElementBlock, mergeProps, renderSlot, createBlock, normalizeClass, withModifiers, createCommentVNode } from 'vue';
 
 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/v3/{OrTextarea-47380706.js → OrTextarea-09aa33dc.js}

@@ -3,7 +3,7 @@ import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
 import '@vueuse/core';
 import { s as script$1 } from './OrError-19a62a18.js';
 import { s as script$2 } from './OrHint-73835593.js';
-import { s as script$3, a as InputBoxSize } from './OrInputBox-f44f1f5f.js';
+import { s as script$3, a as InputBoxSize } from './OrInputBox-634230b1.js';
 import { s as script$4 } from './OrLabel-7d4fe80b.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, createVNode, withDirectives, createElementVNode, mergeProps, vModelText, createSlots } from 'vue';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';

package/dist/v3/{OrTooltip-3928dfdc.js → OrTooltip-30e05f9e.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 { s as script$1, P as PopoverPlacement } from './OrPopover-f49b5714.js';
+import { s as script$1, P as PopoverPlacement } from './OrPopover-3525c670.js';
 import { resolveComponent, openBlock, createElementBlock, mergeProps, renderSlot, createBlock, withCtx, createElementVNode, normalizeClass, toDisplayString, createCommentVNode } from 'vue';
 
 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/v3/index.js

@@ -1,24 +1,24 @@
 export { O as OR_AVATAR_SIZE, s as OrAvatar } from './OrAvatar-200d3f9f.js';
 export { a as AvatarColor, A as AvatarSize, s as OrAvatarV3 } from './OrAvatar-ef88d31c.js';
-export { s as OrBottomSheetV3 } from './OrBottomSheet-20a6e3ee.js';
+export { s as OrBottomSheetV3 } from './OrBottomSheet-9de57dd0.js';
 export { s as OrButton, a as OrButtonColors, b as OrButtonSizes, O as OrButtonViews } from './OrButton-fca9019a.js';
 export { b as BUTTON_COLOR, d as BUTTON_LOADER_TYPE, c as BUTTON_SIZE, B as BUTTON_TYPE, I as ICON_BUTTON_TYPE, s as OrButtonV2, a as OrIconButton } from './OrIconButton-f72cb8d9.js';
-export { a as ButtonColor, b as ButtonType, B as ButtonVariant, s as OrButtonV3 } from './OrButton-7e436ca9.js';
+export { a as ButtonColor, b as ButtonType, B as ButtonVariant, s as OrButtonV3 } from './OrButton-12b36e89.js';
 export { s as OrCard } from './OrCard-e3a5aea4.js';
 export { C as CARD_COLLECTION_LAYOUT, s as OrCardCollection } from './OrCardCollection-737f073a.js';
-export { s as OrCardV3 } from './OrCard-90d2c5cf.js';
+export { s as OrCardV3 } from './OrCard-b63658a8.js';
 export { a as OrCarousel, s as OrCarouselItem } from './OrCarouselItem-ec8333c7.js';
 export { s as OrCheckbox } from './OrCheckbox-56e4171e.js';
-export { s as OrCheckboxV3 } from './OrCheckbox-5d6be1d4.js';
+export { s as OrCheckboxV3 } from './OrCheckbox-a20fcc04.js';
 export { s as OrChip, a as OrChips } from './OrChips-feab2a38.js';
 export { s as OrCode, O as OrCodeLanguages } from './OrCode-feeec003.js';
 export { s as OrCollapse } from './OrCollapse-37a52e8f.js';
 export { s as OrColorPicker, h as amber, n as black, b as blue, m as blueGrey, k as brown, c as cyan, j as deepOrange, d as deepPurple, g as green, i as indigo, l as lightBlue, e as lightGreen, f as lime, o as orange, p as pink, a as purple, r as red, t as teal, w as white, y as yellow } from './OrColorPicker-0a944d25.js';
 export { s as OrConfirm } from './OrConfirm-00134f53.js';
-export { C as ConfirmType, s as OrConfirmV3 } from './OrConfirm-0975a9c8.js';
+export { C as ConfirmType, s as OrConfirmV3 } from './OrConfirm-a9d3f157.js';
 export { D as DEFAULT_TEXT, s as OrDateTimePicker, a as OrDateTimePickerItemTypes, O as OrDateTimePickerTypes } from './OrDateTimePicker-6c79a764.js';
 export { s as OrError } from './OrError-f90296db.js';
-export { s as OrErrorTagV3 } from './OrErrorTag-6bc94241.js';
+export { s as OrErrorTagV3 } from './OrErrorTag-ceefd643.js';
 export { s as OrErrorV3 } from './OrError-19a62a18.js';
 export { a as ExpansionPanelColor, E as ExpansionPanelVariant, s as OrExpansionPanelV3 } from './OrExpansionPanel-1e2a6375.js';
 export { F as FabColor, s as OrFabV3 } from './OrFab-12889281.js';
@@ -26,14 +26,14 @@ export { s as OrFloating, a as OrFloatingHideStrategy, O as OrFloatingPlacements
 export { s as OrHint } from './OrHint-1414c530.js';
 export { s as OrHintV3 } from './OrHint-73835593.js';
 export { s as OrIcon, O as OrIconColors, a as OrIconType } from './OrIcon-e23028f8.js';
-export { I as IconButtonColor, s as OrIconButtonV3 } from './OrIconButton-54618375.js';
+export { I as IconButtonColor, s as OrIconButtonV3 } from './OrIconButton-f9226adf.js';
 export { a as IconSize, I as IconVariant, s as OrIconV3 } from './OrIcon-b3906e35.js';
-export { I as InlineInputBoxSize, I as InlineInputSize, s as OrInlineInputBoxV3 } from './OrInlineInputBox-731e0731.js';
-export { I as InlineInputType, s as OrInlineInputV3 } from './OrInlineInput-c8523c5a.js';
+export { I as InlineInputBoxSize, I as InlineInputSize, s as OrInlineInputBoxV3 } from './OrInlineInputBox-1b473796.js';
+export { I as InlineInputType, s as OrInlineInputV3 } from './OrInlineInput-8f473205.js';
 export { a as InlineTextEditTrimmingTypes, I as InlineTextEditTypes, s as OrInlineTextEdit } from './OrInlineTextEdit-455a2d64.js';
-export { s as OrInlineTextareaV3 } from './OrInlineTextarea-2e3359d4.js';
-export { a as InputBoxSize, I as InputBoxVariant, a as InputSize, s as OrInputBoxV3, a as SearchSize, a as SelectSize, a as TextareaSize } from './OrInputBox-f44f1f5f.js';
-export { I as InputType, s as OrInputV3 } from './OrInput-63602dfc.js';
+export { s as OrInlineTextareaV3 } from './OrInlineTextarea-86f4506d.js';
+export { a as InputBoxSize, I as InputBoxVariant, a as InputSize, s as OrInputBoxV3, a as SearchSize, a as SelectSize, a as TextareaSize } from './OrInputBox-634230b1.js';
+export { I as InputType, s as OrInputV3 } from './OrInput-f51916d4.js';
 export { a as OrInput, b as OrNumberInput, c as OrPassword, d as OrSearch, s as OrTextarea } from './OrSearch-2874026c.js';
 export { s as OrLabel } from './OrLabel-876f8729.js';
 export { L as LabelVariant, s as OrLabelV3 } from './OrLabel-7d4fe80b.js';
@@ -42,13 +42,13 @@ export { s as OrList } from './OrList-a68c5be3.js';
 export { s as OrListOfInputs } from './OrListOfInputs-b4c051a8.js';
 export { L as LoaderViews, s as OrLoader } from './OrLoader-15174477.js';
 export { a as LoaderColor, b as LoaderSize, L as LoaderVariant, s as OrLoaderV3 } from './OrLoader-60943812.js';
-export { s as OrMenuItemV3 } from './OrMenuItem-f7d575ba.js';
-export { s as OrMenuV3 } from './OrMenu-e9a72243.js';
-export { P as MenuPlacement, s as OrPopoverV3, P as PopoverPlacement, a as PopoverVariant, P as TooltipPlacement } from './OrPopover-f49b5714.js';
+export { s as OrMenuItemV3 } from './OrMenuItem-8773d073.js';
+export { s as OrMenuV3 } from './OrMenu-75ef8635.js';
+export { P as MenuPlacement, s as OrPopoverV3, P as PopoverPlacement, a as PopoverVariant, P as TooltipPlacement } from './OrPopover-3525c670.js';
 export { s as OrModal, O as OrModalSizes } from './OrModal-75c8e5b6.js';
-export { M as ModalSize, s as OrModalV3 } from './OrModal-17b49caa.js';
+export { M as ModalSize, s as OrModalV3 } from './OrModal-0713f927.js';
 export { a as OR_NOTIFICATION_SIZE, O as OR_NOTIFICATION_TYPE, s as OrNotification } from './OrNotification-38664729.js';
-export { N as NotificationVariant, s as OrNotificationV3 } from './OrNotification-9e7e5d16.js';
+export { N as NotificationVariant, s as OrNotificationV3 } from './OrNotification-7ef1b4e7.js';
 export { s as OrOverflowMenu } from './OrOverflowMenu-7a177537.js';
 export { s as OrOverlay } from './OrOverlay-451dce49.js';
 export { s as OrOverlayV3 } from './OrOverlay-27050c19.js';
@@ -56,36 +56,36 @@ export { s as OrProgress, O as OrProgressColors, a as OrProgressTypes } from './
 export { s as OrProgressV3, P as ProgressColor, a as ProgressType } from './OrProgress-407002e0.js';
 export { s as OrRadio } from './OrRadio-c3ab11f2.js';
 export { s as OrRadioGroup } from './OrRadioGroup-00785e41.js';
-export { s as OrRadioV3 } from './OrRadio-b2afbb5f.js';
-export { s as OrSearchV3 } from './OrSearch-4e018c6a.js';
+export { s as OrRadioV3 } from './OrRadio-0c1883f2.js';
+export { s as OrSearchV3 } from './OrSearch-e27cadbf.js';
 export { s as OrSelect } from './OrSelect-056731af.js';
-export { s as OrSelectV3 } from './OrSelect-b6c314cf.js';
+export { s as OrSelectV3 } from './OrSelect-4cd90c6b.js';
 export { s as OrSidebar, O as OrSidebarSide } from './OrSidebar-375c85a3.js';
-export { O as OrSidebarPlacement, s as OrSidebarV3 } from './OrSidebar-96f8b7c3.js';
+export { O as OrSidebarPlacement, s as OrSidebarV3 } from './OrSidebar-a62972f5.js';
 export { s as OrSkeletonCircle, a as OrSkeletonRect, b as OrSkeletonText, O as OrSkeletonTextSizes } from './OrSkeletonText-2b1610ce.js';
 export { s as OrSkeletonCircleV3, a as OrSkeletonRectV3, b as OrSkeletonTextV3 } from './OrSkeletonText-3965ff71.js';
 export { s as OrSlider } from './OrSlider-af80bac9.js';
 export { s as OrStepper } from './OrStepper-f355b7b7.js';
 export { s as OrSwitch } from './OrSwitch-c333ee32.js';
-export { s as OrSwitchV3 } from './OrSwitch-63976c00.js';
+export { s as OrSwitchV3 } from './OrSwitch-ec454b76.js';
 export { s as OrTab } from './OrTab-bc98be02.js';
 export { s as OrTabHeaderItem } from './OrTabHeaderItem-d668cc59.js';
 export { s as OrTabV3 } from './OrTab-97044946.js';
 export { s as OrTabs } from './OrTabs-d3812c11.js';
-export { s as OrTabsV3, T as TabsVariant } from './OrTabs-bfcbbd53.js';
+export { s as OrTabsV3, T as TabsVariant } from './OrTabs-194ca950.js';
 export { s as OrTag } from './OrTag-7e24fdbc.js';
-export { s as OrTagV3, a as TagColor, T as TagVariant } from './OrTag-58145d09.js';
+export { s as OrTagV3, a as TagColor, T as TagVariant } from './OrTag-60585386.js';
 export { s as OrTeleport } from './OrTeleportVue3-ad639f12.js';
 export { s as OrTeleportV3 } from './OrTeleport.vue3-8099178c.js';
 export { s as OrTextV3 } from './OrText-ecb46923.js';
-export { s as OrTextareaV3 } from './OrTextarea-47380706.js';
+export { s as OrTextareaV3 } from './OrTextarea-09aa33dc.js';
 export { s as OrTextbox, T as TextboxTypes } from './OrTextbox-faa4f81a.js';
 export { s as OrToast, a as OrToastContainer } from './OrToastContainer-fe6abe90.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, s as OrToastV3, t as TypesV3 } from './types-59395ba4.js';
+export { a as OrToastContainerV3, s as OrToastV3, t as TypesV3 } from './types-e4403486.js';
 export { p as PropsV3, a as useQueueV3, u as useToastV3 } from './useToast-0665462d.js';
 export { s as OrTooltip, a as OrTooltipContent } from './OrTooltip-121eae2b.js';
-export { s as OrTooltipV3 } from './OrTooltip-3928dfdc.js';
+export { s as OrTooltipV3 } from './OrTooltip-30e05f9e.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/v3/index11.js

@@ -1,4 +1,4 @@
-export { s as OrCardV3 } from './OrCard-90d2c5cf.js';
+export { s as OrCardV3 } from './OrCard-b63658a8.js';
 import 'vue-demi';
 import './useClassAttribute-47fdb016.js';
 import '@vueuse/core';

package/dist/v3/index14.js

@@ -1,4 +1,4 @@
-export { s as OrCheckboxV3 } from './OrCheckbox-5d6be1d4.js';
+export { s as OrCheckboxV3 } from './OrCheckbox-a20fcc04.js';
 import 'vue-demi';
 import './useClassAttribute-47fdb016.js';
 import '@vueuse/core';