@onereach/ui-components 2.67.9-beta.2035.0 → 2.67.9

package/dist/esm/v2/{OrErrorTag-7b3460b1.js → OrErrorTag-c14e0298.js}

@@ -1,18 +1,16 @@
 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-5e394c62.js';
+import { _ as __vue_component__$1 } from './OrIcon-05689298.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 const ErrorTagRoot = [
 // Layout
-'layout-inline-row',
+'flex', 'items-center', 'justify-center',
 // Box
-'w-min',
-// Shape
-'rounded-full',
-// Spacing
-'px-sm+ md:px-sm', 'py-sm md:py-xs', 'gap-sm+ md:gap-sm',
+'max-w-max', 'rounded-full',
+// Sizing
+'px-sm+ md:px-sm', 'py-sm md:py-xs', 'gap-sm md:gap-xs',
 // Interactivity
 'interactivity-none',
 // Typography
@@ -51,14 +49,13 @@ var __vue_render__ = function () {
   return _c('div', _vm._b({
     ref: "root",
     class: _vm.rootStyles
-  }, 'div', _vm.$attrs, false), [_c('div', {
-    class: ['flex', 'items-center', 'm-[-4px] md:m-[-2px]']
-  }, [_c('OrIcon', {
+  }, 'div', _vm.$attrs, false), [_c('OrIcon', {
+    class: ['-m-xs', 'mr-none'],
     attrs: {
       "icon": 'error',
       "variant": 'filled-bold'
     }
-  })], 1), _vm._v(" "), _vm._t("default")], 2);
+  }), _vm._v(" "), _vm._t("default")], 2);
 };
 var __vue_staticRenderFns__ = [];
 

package/dist/esm/v2/{OrExpansionPanel-8b5a1158.js → OrExpansionPanel-33d5cf05.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 } from './OrIcon-5e394c62.js';
+import { _ as __vue_component__$1 } from './OrIcon-05689298.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 var ExpansionPanelVariant;

package/dist/esm/v2/{OrFab-171873d9.js → OrFab-8d665c26.js}

@@ -1,5 +1,5 @@
 import { defineComponent, ref, computed } from 'vue-demi';
-import { _ as __vue_component__$1 } from './OrIcon-5e394c62.js';
+import { _ as __vue_component__$1 } from './OrIcon-05689298.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 var FabColor;
@@ -10,13 +10,13 @@ var FabColor;
 
 const FabRoot = [
 // Layout
-'layout-inline-row justify-center',
-// Shape
+'flex', 'justify-center', 'items-center',
+// Box
 'rounded-full',
-// Spacing
-'px-md+', 'py-md+',
+// Sizing
+'px-md', 'py-md',
 // Theme
-'enabled:shadow-button', 'dark:enabled:shadow-button-dark'];
+'shadow-button', 'dark:shadow-button-dark'];
 const FabRootColors = {
   'primary': [
   // Theme

package/dist/esm/v2/{OrIcon-5e394c62.js → OrIcon-05689298.js}

@@ -21,7 +21,9 @@ var IconSize;
 
 const IconRoot = [
 // Layout
-'layout-inline-row justify-center'];
+'inline-flex', 'items-center', 'justify-center',
+// Typography
+'align-bottom'];
 const IconRootVariants = {
   'outlined': [
   // Iconography
@@ -42,17 +44,17 @@ const IconRootVariants = {
 const IconRootSizes = {
   'xl': [
   // Box
-  'w-[28px] md:w-[24px]', 'h-[28px] md:h-[24px]',
+  'w-[36px] md:w-[32px]', 'h-[36px] md:h-[32px]',
   // Typography
-  'text-[28px] md:text-[24px]'],
+  'text-[32px] md:text-[28px]'],
   'l': [
   // Box
-  'w-[24px] md:w-[20px]', 'h-[24px] md:h-[20px]',
+  'w-[28px] md:w-[24px]', 'h-[28px] md:h-[24px]',
   // Typography
   'text-[24px] md:text-[20px]'],
   'm': [
   // Box
-  'w-[20px] md:w-[16px]', 'h-[20px] md:h-[16px]',
+  'w-[24px] md:w-[20px]', 'h-[24px] md:h-[20px]',
   // Typography
   'text-[20px] md:text-[16px]'],
   'inherit': [
@@ -127,4 +129,4 @@ const __vue_component__ = /*#__PURE__*/normalizeComponent({
   staticRenderFns: __vue_staticRenderFns__
 }, __vue_inject_styles__, __vue_script__, __vue_scope_id__, __vue_is_functional_template__, __vue_module_identifier__, false, undefined, undefined, undefined);
 
-export { IconSize as I, __vue_component__ as _, IconVariant as a };
+export { IconVariant as I, __vue_component__ as _, IconSize as a };

package/dist/esm/v2/{OrIconButton-81668e64.js → OrIconButton-c4fa5a1d.js}

@@ -1,8 +1,8 @@
 import { defineComponent, ref, computed } from 'vue-demi';
 import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
 import '@vueuse/core';
-import { _ as __vue_component__$1, I as IconSize } from './OrIcon-5e394c62.js';
-import { _ as __vue_component__$2 } from './OrTooltip-72b54ecb.js';
+import { _ as __vue_component__$1 } from './OrIcon-05689298.js';
+import { _ as __vue_component__$2 } from './OrTooltip-27ad798d.js';
 import './OrPopover-ef8c91f1.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
@@ -15,11 +15,9 @@ var IconButtonColor;
 
 const IconButtonRoot = [
 // Layout
-'layout-inline-row justify-center',
-// Shape
-'rounded-full',
-// Spacing
-'mx-[-2px]', 'my-[-2px]', 'px-[2px]', 'py-[2px]',
+'flex', 'items-center', 'justify-center',
+// Box
+'max-w-max', 'rounded-full',
 // Interactivity
 'interactivity-auto',
 // Typography
@@ -51,17 +49,13 @@ var script = defineComponent({
   inheritAttrs: false,
   props: {
     icon: {
-      type: String,
+      type: [String, Object],
       required: true
     },
     color: {
       type: String,
       default: IconButtonColor.Inherit
     },
-    size: {
-      type: String,
-      default: IconSize.M
-    },
     disabled: {
       type: Boolean,
       default: false
@@ -114,13 +108,13 @@ var __vue_render__ = function () {
         return _vm.$emit('blur', $event);
       }
     }
-  }, 'button', _vm.$attrs, false), [_c('OrIcon', {
+  }, 'button', _vm.$attrs, false), [_c('OrIcon', _vm._b({
     attrs: {
-      "icon": _vm.icon,
-      "variant": 'inherit',
-      "size": _vm.size
+      "variant": 'inherit'
     }
-  })], 1)]);
+  }, 'OrIcon', typeof _vm.icon === 'string' ? {
+    icon: _vm.icon
+  } : _vm.icon, false))], 1)]);
 };
 var __vue_staticRenderFns__ = [];
 

package/dist/esm/v2/{OrInlineInput-5cea8231.js → OrInlineInput-a888df50.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-81668e64.js';
-import { _ as __vue_component__$4, I as InlineInputBoxSize } from './OrInlineInputBox-fefd4fbd.js';
+import { _ as __vue_component__$3 } from './OrIconButton-c4fa5a1d.js';
+import { _ as __vue_component__$4, I as InlineInputBoxSize } from './OrInlineInputBox-6a15ea2b.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 import { c as createInjector } from './browser-82dea9ed.js';
 
@@ -16,8 +16,8 @@ var InlineInputType;
 
 const InlineInputRoot = [
 // Layout
-'layout-column',
-// Spacing
+'flex', 'flex-col',
+// Sizing
 'gap-xs'];
 const InlineInputControl = [
 // Layout
@@ -28,9 +28,9 @@ const InlineInputControl = [
 'placeholder:theme-foreground-outline', 'dark:placeholder:theme-foreground-outline-dark'];
 const InlineInputAction = [
 // Layout
-'layout-inline-row',
-// Spacing
-'gap-md',
+'flex', 'items-center',
+// Sizing
+'gap-sm',
 // Theme
 'theme-foreground-outline', 'dark:theme-foreground-outline-dark'];
 
@@ -173,7 +173,7 @@ var __vue_render__ = function () {
     ref: "root",
     class: _vm.rootStyles
   }, [_c('div', {
-    class: ['flex', 'items-center', 'gap-md']
+    class: ['flex', 'items-center', 'gap-[10px]']
   }, [_c('OrInlineInputBox', {
     attrs: {
       "size": _vm.size,
@@ -332,14 +332,14 @@ var __vue_staticRenderFns__ = [];
 /* style */
 const __vue_inject_styles__ = function (inject) {
   if (!inject) return;
-  inject("data-v-4a5d9d34_0", {
-    source: "input[data-v-4a5d9d34]{min-width:0;background:0 0;outline:0}input[type=number][data-v-4a5d9d34]::-webkit-inner-spin-button{display:none}input[type=search][data-v-4a5d9d34]::-webkit-search-cancel-button{display:none}",
+  inject("data-v-28f73e22_0", {
+    source: "input[data-v-28f73e22]{min-width:0;background:0 0;outline:0}input[type=number][data-v-28f73e22]::-webkit-inner-spin-button{display:none}input[type=search][data-v-28f73e22]::-webkit-search-cancel-button{display:none}",
     map: undefined,
     media: undefined
   });
 };
 /* scoped */
-const __vue_scope_id__ = "data-v-4a5d9d34";
+const __vue_scope_id__ = "data-v-28f73e22";
 /* module identifier */
 const __vue_module_identifier__ = undefined;
 /* functional template */

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

@@ -11,21 +11,19 @@ var InlineInputBoxSize;
 
 const InlineInputBoxRoot = [
 // Layout
-'layout-row',
+'flex', 'items-center',
 // Box
-'w-full',
-// Shape
-'rounded-sm',
+'w-full', 'rounded-sm',
 // Theme
 'border-solid', 'border-1', 'border-transparent', 'enabled:outline-none', 'enabled:outline-2', 'enabled:outline-offset-0', 'enabled:valid:text-on-background', 'enabled:valid:dark:text-on-background-dark', 'enabled:valid:hover:bg-primary-opacity-0-08', 'enabled:valid:hover:dark:bg-primary-opacity-0-08-dark', 'enabled:valid:focus-within:bg-primary-opacity-0-08', 'enabled:valid:focus-within:dark:bg-primary-opacity-0-08-dark', 'enabled:valid:focus-within:text-on-background', 'enabled:valid:focus-within:dark:text-on-background-dark', 'enabled:valid:focus-within:border-primary', 'enabled:valid:focus-within:dark:border-primary-dark', 'enabled:valid:focus-within:outline-primary-opacity-0-16', 'enabled:valid:focus-within:dark:outline-primary-opacity-0-16-dark', 'enabled:invalid:bg-error-opacity-0-08', 'enabled:invalid:dark:bg-error-opacity-0-08-dark', 'enabled:invalid:text-on-background', 'enabled:invalid:dark:text-on-background-dark', 'enabled:invalid:border-error', 'enabled:invalid:dark:border-error-dark', 'enabled:invalid:hover:bg-error-opacity-0-12', 'enabled:invalid:hover:dark:bg-error-opacity-0-12-dark', 'enabled:invalid:focus-within:bg-error-opacity-0-08', 'enabled:invalid:focus-within:dark:bg-error-opacity-0-08-dark', 'enabled:invalid:focus-within:text-on-background', 'enabled:invalid:focus-within:dark:text-on-background-dark', 'enabled:invalid:focus-within:border-error', 'enabled:invalid:focus-within:dark:border-error-dark', 'enabled:invalid:focus-within:outline-error-opacity-0-16', 'enabled:invalid:focus-within:dark:outline-error-opacity-0-16-dark', 'disabled:text-on-disabled', 'disabled:dark:text-on-disabled-dark'];
 const InlineInputBoxRootSizes = {
   'm': [
-  // Spacing
+  // Sizing
   'activated:children:px-sm', 'children:py-xs', 'gap-md',
   // Typography
   'typography-headline-2'],
   's': [
-  // Spacing
+  // Sizing
   'activated:children:px-sm', 'children:py-none', 'gap-md',
   // Typography
   'typography-body-2-regular']

package/dist/esm/v2/{OrInlineTextarea-3de16d6e.js → OrInlineTextarea-1925651c.js}

@@ -3,15 +3,15 @@ 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-81668e64.js';
-import { _ as __vue_component__$4 } from './OrInlineInputBox-fefd4fbd.js';
+import { _ as __vue_component__$3 } from './OrIconButton-c4fa5a1d.js';
+import { _ as __vue_component__$4 } from './OrInlineInputBox-6a15ea2b.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 import { c as createInjector } from './browser-82dea9ed.js';
 
 const InlineTextareaRoot = [
 // Layout
-'layout-column',
-// Spacing
+'flex', 'flex-col',
+// Sizing
 'gap-xs'];
 const InlineTextareaControl = [
 // Layout
@@ -22,9 +22,9 @@ const InlineTextareaControl = [
 'placeholder:theme-foreground-outline', 'dark:placeholder:theme-foreground-outline-dark'];
 const InlineTextareaAction = [
 // Layout
-'layout-inline-row',
-// Spacing
-'gap-md',
+'flex', 'items-center',
+// Sizing
+'gap-sm',
 // Theme
 'theme-foreground-outline', 'dark:theme-foreground-outline-dark'];
 
@@ -159,7 +159,7 @@ var __vue_render__ = function () {
     ref: "root",
     class: _vm.rootStyles
   }, [_c('div', {
-    class: ['flex', 'items-center', 'gap-md']
+    class: ['flex', 'items-start', 'gap-[10px]']
   }, [_c('OrInlineInputBox', {
     attrs: {
       "size": 's',
@@ -244,14 +244,14 @@ var __vue_staticRenderFns__ = [];
 /* style */
 const __vue_inject_styles__ = function (inject) {
   if (!inject) return;
-  inject("data-v-71871240_0", {
-    source: "textarea[data-v-71871240]{min-width:0;background:0 0;outline:0}",
+  inject("data-v-23c697a5_0", {
+    source: "textarea[data-v-23c697a5]{min-width:0;background:0 0;outline:0}",
     map: undefined,
     media: undefined
   });
 };
 /* scoped */
-const __vue_scope_id__ = "data-v-71871240";
+const __vue_scope_id__ = "data-v-23c697a5";
 /* module identifier */
 const __vue_module_identifier__ = undefined;
 /* functional template */

package/dist/esm/v2/{OrInput-8173ce5b.js → OrInput-6e7e582e.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-81668e64.js';
-import { _ as __vue_component__$3 } from './OrIcon-5e394c62.js';
-import { _ as __vue_component__$5, a as InputBoxSize } from './OrInputBox-4d5a318d.js';
+import { _ as __vue_component__$4 } from './OrIconButton-c4fa5a1d.js';
+import { _ as __vue_component__$3 } from './OrIcon-05689298.js';
+import { _ as __vue_component__$5, a as InputBoxSize } from './OrInputBox-208dceac.js';
 import { _ as __vue_component__$6 } from './OrLabel-5670468e.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 import { c as createInjector } from './browser-82dea9ed.js';
@@ -20,8 +20,8 @@ var InputType;
 
 const InputRoot = [
 // Layout
-'layout-column',
-// Spacing
+'flex', 'flex-col',
+// Sizing
 'gap-xs'];
 const InputControl = [
 // Layout
@@ -301,7 +301,7 @@ var __vue_render__ = function () {
       }
     }
   }, 'input', _vm.$attrs, false)), _vm._v(" "), _c('div', {
-    class: ['flex', 'items-center', 'm-[-4px] md:m-[-2px]']
+    class: ['-m-xs', 'ml-none']
   }, [_vm.type === 'password' ? [_c('OrIconButton', {
     attrs: {
       "icon": {
@@ -363,14 +363,14 @@ var __vue_staticRenderFns__ = [];
 /* style */
 const __vue_inject_styles__ = function (inject) {
   if (!inject) return;
-  inject("data-v-a2099bea_0", {
-    source: "input[data-v-a2099bea]{min-width:0;background:0 0;outline:0}input[type=number][data-v-a2099bea]::-webkit-inner-spin-button{display:none}input[type=search][data-v-a2099bea]::-webkit-search-cancel-button{display:none}",
+  inject("data-v-2b692b9f_0", {
+    source: "input[data-v-2b692b9f]{min-width:0;background:0 0;outline:0}input[type=number][data-v-2b692b9f]::-webkit-inner-spin-button{display:none}input[type=search][data-v-2b692b9f]::-webkit-search-cancel-button{display:none}",
     map: undefined,
     media: undefined
   });
 };
 /* scoped */
-const __vue_scope_id__ = "data-v-a2099bea";
+const __vue_scope_id__ = "data-v-2b692b9f";
 /* module identifier */
 const __vue_module_identifier__ = undefined;
 /* functional template */

package/dist/esm/v2/{OrInputBox-4d5a318d.js → OrInputBox-208dceac.js}

@@ -16,11 +16,9 @@ var InputBoxSize;
 
 const InputBoxRoot = [
 // Layout
-'layout-row',
+'flex', 'items-center',
 // Box
-'w-full',
-// Shape
-'rounded-md',
+'w-full', 'rounded-md',
 // Theme (children)
 'children:outline-none'];
 const InputBoxRootVariants = {
@@ -45,14 +43,14 @@ const InputBoxRootSizes = {
   'm': [
   // Box
   'children:min-h-[34px]',
-  // Spacing
+  // Sizing
   '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]',
-  // Spacing
+  // Sizing
   'first-child:pl-sm', 'last-child:pr-sm', 'children:py-[6px]', 'gap-[6px]',
   // Typography
   'typography-caption-regular']

package/dist/esm/v2/{OrMenuItem-f22494a9.js → OrMenuItem-038641b7.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 } from './OrIcon-5e394c62.js';
+import { _ as __vue_component__$1 } from './OrIcon-05689298.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 const MenuItemRoot = [

package/dist/esm/v2/{OrModal-57953984.js → OrModal-3b081ef1.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-81668e64.js';
+import { _ as __vue_component__$2 } from './OrIconButton-c4fa5a1d.js';
 import { _ as __vue_component__$1 } from './OrOverlay-18ba2dc6.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 

package/dist/esm/v2/{OrNotification-c75b5dc0.js → OrNotification-1d316255.js}

@@ -1,8 +1,8 @@
 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-81668e64.js';
-import { _ as __vue_component__$1 } from './OrIcon-5e394c62.js';
+import { _ as __vue_component__$2 } from './OrIconButton-c4fa5a1d.js';
+import { _ as __vue_component__$1 } from './OrIcon-05689298.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 var NotificationVariant;

package/dist/esm/v2/{OrSearch-1bfd53fd.js → OrSearch-42454def.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-8173ce5b.js';
-import { a as InputBoxSize } from './OrInputBox-4d5a318d.js';
+import { _ as __vue_component__$1 } from './OrInput-6e7e582e.js';
+import { a as InputBoxSize } from './OrInputBox-208dceac.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 var script = defineComponent({

package/dist/esm/v2/{OrSelect-0904e70d.js → OrSelect-439f27b9.js}

@@ -5,26 +5,26 @@ import { u as useOverflow } from './useOverflow-ac506c65.js';
 import '@vueuse/core';
 import { _ as __vue_component__$1 } from './OrCheckbox-c2a00426.js';
 import { _ as __vue_component__$2 } from './OrError-be656098.js';
-import { _ as __vue_component__$3 } from './OrExpansionPanel-8b5a1158.js';
+import { _ as __vue_component__$3 } from './OrExpansionPanel-33d5cf05.js';
 import { _ as __vue_component__$4 } from './OrHint-44356417.js';
-import { _ as __vue_component__$5 } from './OrIcon-5e394c62.js';
-import { _ as __vue_component__$7, a as InputBoxSize } from './OrInputBox-4d5a318d.js';
-import { _ as __vue_component__$6 } from './OrInput-8173ce5b.js';
+import { _ as __vue_component__$5 } from './OrIcon-05689298.js';
+import { _ as __vue_component__$7, a as InputBoxSize } from './OrInputBox-208dceac.js';
+import { _ as __vue_component__$6 } from './OrInput-6e7e582e.js';
 import { _ as __vue_component__$8 } from './OrLabel-5670468e.js';
-import { _ as __vue_component__$9 } from './OrMenuItem-f22494a9.js';
+import { _ as __vue_component__$9 } from './OrMenuItem-038641b7.js';
 import { _ as __vue_component__$a } from './OrPopover-ef8c91f1.js';
-import { _ as __vue_component__$b } from './OrTag-52090567.js';
+import { _ as __vue_component__$b } from './OrTag-cf72400e.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 const SelectRoot = [
 // Layout
-'layout-column',
-// Spacing
+'flex', 'flex-col',
+// Sizing
 'gap-xs'];
 const SelectControl = [
 // Layout
 'flex grow', 'items-center', 'overflow-hidden',
-// Spacing
+// Sizing
 'gap-xs',
 // Typography
 'typography-inherit'];
@@ -35,15 +35,13 @@ const SelectDropdown = [
 // Layout
 'overflow-y-auto',
 // Box
-'max-h-[340px]',
-// Shape
-'rounded-b-md',
+'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'];
 const SelectNoSearchResults = [
 // Layout
-'layout-row justify-center',
-// Spacing
+'flex', 'items-center', 'justify-center',
+// Sizing
 'px-md', 'py-md',
 // Typography
 'typography-caption-regular',
@@ -367,14 +365,12 @@ var __vue_render__ = function () {
     "model": _vm.proxyModelValue
   })]] : [_c('span', {
     class: _vm.placeholderStyles
-  }, [_vm._v(_vm._s(_vm.placeholder))])]], 2), _vm._v(" "), _vm.multiple && _vm.outerItems.length > 0 ? [_vm._v("\n      +" + _vm._s(_vm.outerItems.length) + "\n    ")] : _vm._e(), _vm._v(" "), _c('div', {
-    class: ['flex', 'items-center', 'm-[-4px] md:m-[-2px]']
-  }, [_c('OrIcon', {
+  }, [_vm._v(_vm._s(_vm.placeholder))])]], 2), _vm._v(" "), _vm.multiple && _vm.outerItems.length > 0 ? [_vm._v("\n      +" + _vm._s(_vm.outerItems.length) + "\n    ")] : _vm._e(), _vm._v(" "), _c('OrIcon', {
     attrs: {
       "icon": _vm.popoverState === 'open' ? 'arrow_drop_up' : 'arrow_drop_down',
       "variant": 'outlined'
     }
-  })], 1), _vm._v(" "), _c('OrPopover', {
+  }), _vm._v(" "), _c('OrPopover', {
     ref: "popover",
     class: _vm.dropdownStyles,
     attrs: {

package/dist/esm/v2/{OrSelect-17cdab3d.js → OrSelect-dae2b069.js}

@@ -6,7 +6,7 @@ import { _ as __vue_component__$9 } from './OrChips.vue_rollup-plugin-vue_script
 import { c as createInjector } from './browser-82dea9ed.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 import { _ as __vue_component__$c } from './OrLoader-003941a2.js';
-import { _ as __vue_component__$b } from './OrCheckbox-d5e31846.js';
+import { _ as __vue_component__$b } from './OrCheckbox-915f1f0a.js';
 import { _ as __vue_component__$d } from './OrFloating-89d6582a.js';
 import { _ as __vue_component__$e } from './OrLabel-33b41516.js';
 import { _ as __vue_component__$f } from './OrError-081130bb.js';

package/dist/esm/v2/{OrSortHeader-ea645cdc.js → OrSortHeader-b4dbff08.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 } from './OrIcon-5e394c62.js';
+import { _ as __vue_component__$1 } from './OrIcon-05689298.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 const SortHeaderRoot = [

package/dist/esm/v2/{OrTabs-e80adb9b.js → OrTabs-c64be432.js}

@@ -1,8 +1,8 @@
 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-5e394c62.js';
-import { _ as __vue_component__$3 } from './OrMenuItem-f22494a9.js';
+import { _ as __vue_component__$1 } from './OrIcon-05689298.js';
+import { _ as __vue_component__$3 } from './OrMenuItem-038641b7.js';
 import { _ as __vue_component__$2 } from './OrMenu-e7210edc.js';
 import './OrPopover-ef8c91f1.js';
 import { _ as __vue_component__$4 } from './OrTab-4e6ff742.js';

package/dist/esm/v2/{OrTag-52090567.js → OrTag-cf72400e.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-81668e64.js';
+import { _ as __vue_component__$1 } from './OrIconButton-c4fa5a1d.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 var TagVariant;
@@ -18,13 +18,11 @@ var TagColor;
 
 const TagRoot = [
 // Layout
-'layout-inline-row',
+'flex', 'items-center', 'justify-center',
 // Box
-'w-min',
-// Shape
-'rounded-full',
-// Spacing
-'px-sm+ md:px-sm', 'py-sm md:py-xs', 'gap-sm+ md:gap-sm',
+'max-w-max', 'rounded-full',
+// Sizing
+'px-sm+ md:px-sm', 'py-sm md:py-xs', 'gap-sm md:gap-xs',
 // Typography
 'typography-caption-regular',
 // Theme
@@ -125,9 +123,8 @@ var __vue_render__ = function () {
         return _vm.$emit('blur', $event);
       }
     }
-  }, 'div', _vm.$attrs, false), [_vm._t("default"), _vm._v(" "), _vm.variant === 'reset' ? [_c('div', {
-    class: ['flex', 'items-center', 'm-[-4px] md:m-[-2px]']
-  }, [_c('OrIconButton', {
+  }, 'div', _vm.$attrs, false), [_vm._t("default"), _vm._v(" "), _vm.variant === 'reset' ? [_c('OrIconButton', {
+    class: ['-m-xs', 'ml-none'],
     attrs: {
       "icon": 'close',
       "color": !_vm.custom ? _vm.color : 'inherit',
@@ -139,7 +136,7 @@ var __vue_render__ = function () {
         return _vm.$emit('reset');
       }
     }
-  })], 1)] : _vm._e()], 2);
+  })] : _vm._e()], 2);
 };
 var __vue_staticRenderFns__ = [];
 

package/dist/esm/v2/{OrTextarea-bed545b2.js → OrTextarea-f566682c.js}

@@ -3,15 +3,15 @@ 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-4d5a318d.js';
+import { _ as __vue_component__$3, a as InputBoxSize } from './OrInputBox-208dceac.js';
 import { _ as __vue_component__$4 } from './OrLabel-5670468e.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 import { c as createInjector } from './browser-82dea9ed.js';
 
 const TextareaRoot = [
 // Layout
-'layout-column',
-// Spacing
+'flex', 'flex-col',
+// Sizing
 'gap-xs'];
 const TextareaControl = [
 // Layout