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

package/dist/bundled/v3/{OrFab.vue_vue_type_script_lang-ee286cab.js → OrFab.vue_vue_type_script_lang-aefbdf9b.js}

@@ -1,6 +1,6 @@
 import { defineComponent, ref, computed } from 'vue';
-import './OrIcon-d878b768.js';
-import { s as script$1 } from './OrIcon.vue_vue_type_script_lang-a119a715.js';
+import './OrIcon-3a514933.js';
+import { s as script$1 } from './OrIcon.vue_vue_type_script_lang-41a6a57a.js';
 
 var FabColor;
 (function (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/bundled/v3/{OrIcon-d878b768.js → OrIcon-3a514933.js}

@@ -1,4 +1,4 @@
-import { s as script } from './OrIcon.vue_vue_type_script_lang-a119a715.js';
+import { s as script } from './OrIcon.vue_vue_type_script_lang-41a6a57a.js';
 import { openBlock, createElementBlock, mergeProps, toDisplayString } from 'vue';
 
 function render(_ctx, _cache, $props, $setup, $data, $options) {

package/dist/bundled/v3/{OrIcon.vue_vue_type_script_lang-a119a715.js → OrIcon.vue_vue_type_script_lang-41a6a57a.js}

@@ -19,7 +19,9 @@ var IconSize;
 
 const IconRoot = [
 // Layout
-'layout-inline-row justify-center'];
+'inline-flex', 'items-center', 'justify-center',
+// Typography
+'align-bottom'];
 const IconRootVariants = {
   'outlined': [
   // Iconography
@@ -40,17 +42,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': [
@@ -91,4 +93,4 @@ var script = defineComponent({
   }
 });
 
-export { IconSize as I, IconVariant as a, script as s };
+export { IconVariant as I, IconSize as a, script as s };

package/dist/bundled/v3/{OrIconButton-0aed90ce.js → OrIconButton-8c211219.js}

@@ -1,4 +1,4 @@
-import { s as script } from './OrIconButton.vue_vue_type_script_lang-78c0039b.js';
+import { s as script } from './OrIconButton.vue_vue_type_script_lang-79d08a2b.js';
 import { resolveComponent, openBlock, createBlock, normalizeProps, guardReactiveProps, withCtx, createElementVNode, mergeProps, createVNode } from 'vue';
 
 const _hoisted_1 = ["disabled"];
@@ -17,11 +17,11 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       onClick: _cache[0] || (_cache[0] = $event => _ctx.$emit('click', $event)),
       onFocus: _cache[1] || (_cache[1] = $event => _ctx.$emit('focus', $event)),
       onBlur: _cache[2] || (_cache[2] = $event => _ctx.$emit('blur', $event))
-    }), [createVNode(_component_OrIcon, {
-      icon: _ctx.icon,
-      variant: 'inherit',
-      size: _ctx.size
-    }, null, 8 /* PROPS */, ["icon", "size"])], 16 /* FULL_PROPS */, _hoisted_1)]),
+    }), [createVNode(_component_OrIcon, mergeProps({
+      variant: 'inherit'
+    }, typeof _ctx.icon === 'string' ? {
+      icon: _ctx.icon
+    } : _ctx.icon), null, 16 /* FULL_PROPS */)], 16 /* FULL_PROPS */, _hoisted_1)]),
     _: 1 /* STABLE */
   }, 16 /* FULL_PROPS */);
 }

package/dist/bundled/v3/{OrIconButton.vue_vue_type_script_lang-78c0039b.js → OrIconButton.vue_vue_type_script_lang-79d08a2b.js}

@@ -1,7 +1,7 @@
 import { resolveComponent, openBlock, createElementBlock, mergeProps, renderSlot, createBlock, withCtx, createElementVNode, normalizeClass, toDisplayString, createCommentVNode, defineComponent, ref, computed } from 'vue';
-import './OrIcon-d878b768.js';
-import { s as script$2, I as IconSize } from './OrIcon.vue_vue_type_script_lang-a119a715.js';
-import { s as script$1 } from './OrTooltip.vue_vue_type_script_lang-b28083e4.js';
+import './OrIcon-3a514933.js';
+import { s as script$2 } from './OrIcon.vue_vue_type_script_lang-41a6a57a.js';
+import { s as script$1 } from './OrTooltip.vue_vue_type_script_lang-d0cd29d1.js';
 import { u as useClassAttribute } from './useClassAttribute-00888f78.js';
 
 function render(_ctx, _cache, $props, $setup, $data, $options) {
@@ -40,11 +40,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
@@ -76,17 +74,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

package/dist/bundled/v3/{OrInlineInput.vue_vue_type_script_lang-c49ca2e4.js → OrInlineInput.vue_vue_type_script_lang-4257a72b.js}

@@ -1,12 +1,12 @@
 import { defineComponent, getCurrentInstance, ref, computed, watch } from 'vue';
 import './OrHint-c235be5d.js';
-import './OrIconButton-0aed90ce.js';
-import './OrInlineInputBox-9d68ded1.js';
-import { s as script$4, I as InlineInputBoxSize } from './OrInlineInputBox.vue_vue_type_script_lang-73750005.js';
+import './OrIconButton-8c211219.js';
+import './OrInlineInputBox-2eede01a.js';
+import { s as script$4, I as InlineInputBoxSize } from './OrInlineInputBox.vue_vue_type_script_lang-23b531ad.js';
 import { u as useClassAttribute } from './useClassAttribute-00888f78.js';
 import { s as script$1 } from './OrError.vue_vue_type_script_lang-f606d0ee.js';
 import { s as script$2 } from './OrHint.vue_vue_type_script_lang-6286277d.js';
-import { s as script$3 } from './OrIconButton.vue_vue_type_script_lang-78c0039b.js';
+import { s as script$3 } from './OrIconButton.vue_vue_type_script_lang-79d08a2b.js';
 
 var InlineInputType;
 (function (InlineInputType) {
@@ -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'];
 

package/dist/bundled/v3/{OrInlineInputBox-9d68ded1.js → OrInlineInputBox-2eede01a.js}

@@ -1,4 +1,4 @@
-import { s as script } from './OrInlineInputBox.vue_vue_type_script_lang-73750005.js';
+import { s as script } from './OrInlineInputBox.vue_vue_type_script_lang-23b531ad.js';
 import { openBlock, createElementBlock, mergeProps, renderSlot } from 'vue';
 
 const _hoisted_1 = ["invalid"];

package/dist/bundled/v3/{OrInlineInputBox.vue_vue_type_script_lang-73750005.js → OrInlineInputBox.vue_vue_type_script_lang-23b531ad.js}

@@ -9,21 +9,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/bundled/v3/{OrInlineTextarea.vue_vue_type_script_lang-a941e77d.js → OrInlineTextarea.vue_vue_type_script_lang-e3ce83e1.js}

@@ -1,17 +1,17 @@
 import { defineComponent, getCurrentInstance, ref, computed, watch } from 'vue';
 import './OrHint-c235be5d.js';
-import './OrIconButton-0aed90ce.js';
-import './OrInlineInputBox-9d68ded1.js';
+import './OrIconButton-8c211219.js';
+import './OrInlineInputBox-2eede01a.js';
 import { u as useClassAttribute } from './useClassAttribute-00888f78.js';
 import { s as script$1 } from './OrError.vue_vue_type_script_lang-f606d0ee.js';
 import { s as script$2 } from './OrHint.vue_vue_type_script_lang-6286277d.js';
-import { s as script$3 } from './OrIconButton.vue_vue_type_script_lang-78c0039b.js';
-import { s as script$4 } from './OrInlineInputBox.vue_vue_type_script_lang-73750005.js';
+import { s as script$3 } from './OrIconButton.vue_vue_type_script_lang-79d08a2b.js';
+import { s as script$4 } from './OrInlineInputBox.vue_vue_type_script_lang-23b531ad.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'];
 

package/dist/bundled/v3/{OrInput-6f6ce9ed.js → OrInput-33571984.js}

@@ -1,10 +1,10 @@
-import { s as script } from './OrInput.vue_vue_type_script_lang-f4f94fb9.js';
+import { s as script } from './OrInput.vue_vue_type_script_lang-3895999d.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';
 
 const _hoisted_1 = ["id", "type", "placeholder", "required", "disabled"];
 const _hoisted_2 = {
-  class: /*#__PURE__*/normalizeClass(['flex', 'items-center', 'm-[-4px] md:m-[-2px]'])
+  class: /*#__PURE__*/normalizeClass(['-m-xs', 'ml-none'])
 };
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_OrLabel = resolveComponent("OrLabel");

package/dist/bundled/v3/{OrInput.vue_vue_type_script_lang-f4f94fb9.js → OrInput.vue_vue_type_script_lang-3895999d.js}

@@ -2,15 +2,15 @@ import { defineComponent, getCurrentInstance, ref, computed } from 'vue';
 import './OrHint-c235be5d.js';
 import { s as script$1 } from './OrError.vue_vue_type_script_lang-f606d0ee.js';
 import { s as script$2 } from './OrHint.vue_vue_type_script_lang-6286277d.js';
-import './OrIcon-d878b768.js';
-import './OrIconButton-0aed90ce.js';
-import './OrInputBox-eb54d73d.js';
-import { s as script$5, a as InputBoxSize } from './OrInputBox.vue_vue_type_script_lang-5ee4ee45.js';
+import './OrIcon-3a514933.js';
+import './OrIconButton-8c211219.js';
+import './OrInputBox-81385a91.js';
+import { s as script$5, a as InputBoxSize } from './OrInputBox.vue_vue_type_script_lang-760097b4.js';
 import './OrLabel-2809e2db.js';
 import { s as script$6 } from './OrLabel.vue_vue_type_script_lang-e42de5d1.js';
 import { u as useClassAttribute } from './useClassAttribute-00888f78.js';
-import { s as script$3 } from './OrIcon.vue_vue_type_script_lang-a119a715.js';
-import { s as script$4 } from './OrIconButton.vue_vue_type_script_lang-78c0039b.js';
+import { s as script$3 } from './OrIcon.vue_vue_type_script_lang-41a6a57a.js';
+import { s as script$4 } from './OrIconButton.vue_vue_type_script_lang-79d08a2b.js';
 
 var InputType;
 (function (InputType) {
@@ -22,8 +22,8 @@ var InputType;
 
 const InputRoot = [
 // Layout
-'layout-column',
-// Spacing
+'flex', 'flex-col',
+// Sizing
 'gap-xs'];
 const InputControl = [
 // Layout

package/dist/bundled/v3/{OrInputBox-eb54d73d.js → OrInputBox-81385a91.js}

@@ -1,4 +1,4 @@
-import { s as script } from './OrInputBox.vue_vue_type_script_lang-5ee4ee45.js';
+import { s as script } from './OrInputBox.vue_vue_type_script_lang-760097b4.js';
 import { openBlock, createElementBlock, mergeProps, renderSlot } from 'vue';
 
 const _hoisted_1 = ["invalid", "readonly", "disabled"];

package/dist/bundled/v3/{OrInputBox.vue_vue_type_script_lang-5ee4ee45.js → OrInputBox.vue_vue_type_script_lang-760097b4.js}

@@ -14,11 +14,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 = {
@@ -43,14 +41,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/bundled/v3/{OrMenuItem-f0e0ea6b.js → OrMenuItem-94ffa853.js}

@@ -1,4 +1,4 @@
-import { s as script } from './OrMenuItem.vue_vue_type_script_lang-9e2692cf.js';
+import { s as script } from './OrMenuItem.vue_vue_type_script_lang-ccb7e082.js';
 import { resolveComponent, openBlock, createElementBlock, mergeProps, createBlock, normalizeProps, createCommentVNode, createElementVNode, renderSlot, normalizeClass } from 'vue';
 
 const _hoisted_1 = ["tabindex", "selected", "disabled"];

package/dist/bundled/v3/{OrMenuItem.vue_vue_type_script_lang-9e2692cf.js → OrMenuItem.vue_vue_type_script_lang-ccb7e082.js}

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed } from 'vue';
-import './OrIcon-d878b768.js';
+import './OrIcon-3a514933.js';
 import { u as useClassAttribute } from './useClassAttribute-00888f78.js';
-import { s as script$1 } from './OrIcon.vue_vue_type_script_lang-a119a715.js';
+import { s as script$1 } from './OrIcon.vue_vue_type_script_lang-41a6a57a.js';
 
 const MenuItemRoot = [
 // Layout

package/dist/bundled/v3/{OrModal.vue_vue_type_script_lang-29529b8b.js → OrModal.vue_vue_type_script_lang-142d9a56.js}

@@ -1,9 +1,9 @@
 import { defineComponent, ref, computed, watch } from 'vue';
 import './OrBottomSheet.vue_vue_type_script_lang-44d8147a.js';
-import './OrIconButton-0aed90ce.js';
+import './OrIconButton-8c211219.js';
 import { u as useClassAttribute } from './useClassAttribute-00888f78.js';
 import { s as script$1 } from './OrOverlay.vue_vue_type_script_lang-cb3aad0c.js';
-import { s as script$2 } from './OrIconButton.vue_vue_type_script_lang-78c0039b.js';
+import { s as script$2 } from './OrIconButton.vue_vue_type_script_lang-79d08a2b.js';
 
 var ModalSize;
 (function (ModalSize) {

package/dist/bundled/v3/{OrNotification.vue_vue_type_script_lang-bc254063.js → OrNotification.vue_vue_type_script_lang-54e6a3aa.js}

@@ -1,9 +1,9 @@
 import { defineComponent, ref, computed } from 'vue';
-import './OrIcon-d878b768.js';
-import './OrIconButton-0aed90ce.js';
+import './OrIcon-3a514933.js';
+import './OrIconButton-8c211219.js';
 import { u as useClassAttribute } from './useClassAttribute-00888f78.js';
-import { s as script$1 } from './OrIcon.vue_vue_type_script_lang-a119a715.js';
-import { s as script$2 } from './OrIconButton.vue_vue_type_script_lang-78c0039b.js';
+import { s as script$1 } from './OrIcon.vue_vue_type_script_lang-41a6a57a.js';
+import { s as script$2 } from './OrIconButton.vue_vue_type_script_lang-79d08a2b.js';
 
 var NotificationVariant;
 (function (NotificationVariant) {

package/dist/bundled/v3/{OrSearch.vue_vue_type_script_lang-80e14534.js → OrSearch.vue_vue_type_script_lang-b254e34c.js}

@@ -1,9 +1,9 @@
 import { defineComponent, ref, computed } from 'vue';
 import { debouncedWatch } from '@vueuse/core';
-import './OrInput-6f6ce9ed.js';
+import './OrInput-33571984.js';
 import { u as useClassAttribute } from './useClassAttribute-00888f78.js';
-import { s as script$1 } from './OrInput.vue_vue_type_script_lang-f4f94fb9.js';
-import { a as InputBoxSize } from './OrInputBox.vue_vue_type_script_lang-5ee4ee45.js';
+import { s as script$1 } from './OrInput.vue_vue_type_script_lang-3895999d.js';
+import { a as InputBoxSize } from './OrInputBox.vue_vue_type_script_lang-760097b4.js';
 
 var script = defineComponent({
   name: 'OrSearch',

package/dist/bundled/v3/{OrSelect.vue_vue_type_script_lang-3a6efd93.js → OrSelect.vue_vue_type_script_lang-26c0a70a.js}

@@ -5,7 +5,7 @@ import { s as script$a } from './OrChip-5d502431.js';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 import './OrIcon-1cae8a64.js';
 import { s as script$b } from './OrIcon.vue_vue_type_script_lang-7e3a17fe.js';
-import { s as script$9 } from './OrCheckbox.vue_vue_type_script_lang-cd20521b.js';
+import { s as script$9 } from './OrCheckbox.vue_vue_type_script_lang-d8a66818.js';
 import './OrLoader-ee97fef4.js';
 import { s as script$c } from './OrLoader.vue_vue_type_script_lang-1378ab8e.js';
 import './OrFloating-b6672a37.js';

package/dist/bundled/v3/{OrSelect.vue_vue_type_script_lang-f4de7549.js → OrSelect.vue_vue_type_script_lang-e6be732c.js}

@@ -2,24 +2,24 @@ import { resolveComponent, openBlock, createElementBlock, normalizeClass, withDi
 import { s as script$1 } from './OrCheckbox.vue_vue_type_script_lang-10d8b047.js';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 import './OrHint-c235be5d.js';
-import { s as script$2 } from './OrExpansionPanel.vue_vue_type_script_lang-f0326bb5.js';
-import './OrIcon-d878b768.js';
-import './OrInput-6f6ce9ed.js';
-import './OrInputBox-eb54d73d.js';
+import { s as script$2 } from './OrExpansionPanel.vue_vue_type_script_lang-a305d8bc.js';
+import './OrIcon-3a514933.js';
+import './OrInput-33571984.js';
+import './OrInputBox-81385a91.js';
 import './OrLabel-2809e2db.js';
-import './OrMenuItem-f0e0ea6b.js';
+import './OrMenuItem-94ffa853.js';
 import './OrPopover-93ef8c26.js';
-import { s as script$3 } from './OrTag.vue_vue_type_script_lang-fb65f814.js';
+import { s as script$3 } from './OrTag.vue_vue_type_script_lang-18db0bd9.js';
 import { D as DropdownClose, a as DropdownOpen } from './dropdown-open-293d2de2.js';
 import { u as useClassAttribute } from './useClassAttribute-00888f78.js';
 import { u as useOverflow } from './useOverflow-2468b718.js';
 import { s as script$4 } from './OrError.vue_vue_type_script_lang-f606d0ee.js';
 import { s as script$5 } from './OrHint.vue_vue_type_script_lang-6286277d.js';
-import { s as script$6 } from './OrIcon.vue_vue_type_script_lang-a119a715.js';
-import { s as script$7 } from './OrInput.vue_vue_type_script_lang-f4f94fb9.js';
-import { s as script$8, a as InputBoxSize } from './OrInputBox.vue_vue_type_script_lang-5ee4ee45.js';
+import { s as script$6 } from './OrIcon.vue_vue_type_script_lang-41a6a57a.js';
+import { s as script$7 } from './OrInput.vue_vue_type_script_lang-3895999d.js';
+import { s as script$8, a as InputBoxSize } from './OrInputBox.vue_vue_type_script_lang-760097b4.js';
 import { s as script$9 } from './OrLabel.vue_vue_type_script_lang-e42de5d1.js';
-import { s as script$a } from './OrMenuItem.vue_vue_type_script_lang-9e2692cf.js';
+import { s as script$a } from './OrMenuItem.vue_vue_type_script_lang-ccb7e082.js';
 import { s as script$b } from './OrPopover.vue_vue_type_script_lang-e200f5be.js';
 
 const _hoisted_1$2 = ["id", "value", "indeterminate", "required", "disabled"];
@@ -61,7 +61,7 @@ script$1.__scopeId = "data-v-5358d710";
 script$1.__file = "src/components/or-checkbox-v3/OrCheckbox.vue";
 
 const _hoisted_1$1 = ["disabled"];
-const _hoisted_2$1 = {
+const _hoisted_2 = {
   class: /*#__PURE__*/normalizeClass(['flex', 'items-center', 'justify-between'])
 };
 const _hoisted_3 = ["tabindex", "disabled"];
@@ -72,7 +72,7 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
   }, _ctx.$attrs, {
     class: _ctx.rootStyles,
     disabled: _ctx.disabled ? '' : null
-  }), [createElementVNode("div", _hoisted_2$1, [createElementVNode("div", {
+  }), [createElementVNode("div", _hoisted_2, [createElementVNode("div", {
     class: normalizeClass(_ctx.headerStyles),
     tabindex: !_ctx.disabled ? 0 : null,
     disabled: _ctx.disabled ? '' : null,
@@ -90,10 +90,6 @@ script$2.render = render$1;
 script$2.__file = "src/components/or-expansion-panel-v3/OrExpansionPanel.vue";
 
 const _hoisted_1 = ["tabindex", "disabled"];
-const _hoisted_2 = {
-  key: 0,
-  class: /*#__PURE__*/normalizeClass(['flex', 'items-center', 'm-[-4px] md:m-[-2px]'])
-};
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_OrIconButton = resolveComponent("OrIconButton");
   return openBlock(), createElementBlock("div", mergeProps({
@@ -105,12 +101,14 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     onClick: _cache[1] || (_cache[1] = $event => _ctx.$emit('click', $event)),
     onFocus: _cache[2] || (_cache[2] = $event => _ctx.$emit('focus', $event)),
     onBlur: _cache[3] || (_cache[3] = $event => _ctx.$emit('blur', $event))
-  }), [renderSlot(_ctx.$slots, "default"), _ctx.variant === 'reset' ? (openBlock(), createElementBlock("div", _hoisted_2, [createVNode(_component_OrIconButton, {
+  }), [renderSlot(_ctx.$slots, "default"), _ctx.variant === 'reset' ? (openBlock(), createBlock(_component_OrIconButton, {
+    key: 0,
+    class: normalizeClass(['-m-xs', 'ml-none']),
     icon: 'close',
     color: !_ctx.custom ? _ctx.color : 'inherit',
     disabled: _ctx.disabled,
     onClick: _cache[0] || (_cache[0] = withModifiers($event => _ctx.$emit('reset'), ["stop"]))
-  }, null, 8 /* PROPS */, ["color", "disabled"])])) : createCommentVNode("v-if", true)], 16 /* FULL_PROPS */, _hoisted_1);
+  }, null, 8 /* PROPS */, ["color", "disabled"])) : createCommentVNode("v-if", true)], 16 /* FULL_PROPS */, _hoisted_1);
 }
 
 script$3.render = render;
@@ -118,13 +116,13 @@ script$3.__file = "src/components/or-tag-v3/OrTag.vue";
 
 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'];
@@ -135,15 +133,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',

package/dist/bundled/v3/{OrSortHeader.vue_vue_type_script_lang-a4c9b272.js → OrSortHeader.vue_vue_type_script_lang-98ec33aa.js}

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed } from 'vue';
-import './OrIcon-d878b768.js';
+import './OrIcon-3a514933.js';
 import { u as useClassAttribute } from './useClassAttribute-00888f78.js';
-import { s as script$1 } from './OrIcon.vue_vue_type_script_lang-a119a715.js';
+import { s as script$1 } from './OrIcon.vue_vue_type_script_lang-41a6a57a.js';
 
 const SortHeaderRoot = [
 // Layout

package/dist/bundled/v3/{OrTabs.vue_vue_type_script_lang-2d8e0e27.js → OrTabs.vue_vue_type_script_lang-ca57f9d9.js}

@@ -1,12 +1,12 @@
 import { useResizeObserver } from '@vueuse/core';
 import { resolveComponent, openBlock, createElementBlock, mergeProps, createVNode, withCtx, createElementVNode, normalizeClass, withModifiers, renderSlot, defineComponent, ref, computed, reactive, watch, nextTick, onMounted } from 'vue';
-import './OrIcon-d878b768.js';
+import './OrIcon-3a514933.js';
 import { s as script$1 } from './OrMenu.vue_vue_type_script_lang-bae45062.js';
-import './OrMenuItem-f0e0ea6b.js';
+import './OrMenuItem-94ffa853.js';
 import { s as script$2 } from './OrTab.vue_vue_type_script_lang-671949b7.js';
 import { u as useClassAttribute } from './useClassAttribute-00888f78.js';
-import { s as script$3 } from './OrIcon.vue_vue_type_script_lang-a119a715.js';
-import { s as script$4 } from './OrMenuItem.vue_vue_type_script_lang-9e2692cf.js';
+import { s as script$3 } from './OrIcon.vue_vue_type_script_lang-41a6a57a.js';
+import { s as script$4 } from './OrMenuItem.vue_vue_type_script_lang-ccb7e082.js';
 
 function render$1(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_OrPopover = resolveComponent("OrPopover");

package/dist/bundled/v3/{OrTag.vue_vue_type_script_lang-fb65f814.js → OrTag.vue_vue_type_script_lang-18db0bd9.js}

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed, watchPostEffect, unref } from 'vue';
-import './OrIconButton-0aed90ce.js';
+import './OrIconButton-8c211219.js';
 import { u as useClassAttribute } from './useClassAttribute-00888f78.js';
-import { s as script$1 } from './OrIconButton.vue_vue_type_script_lang-78c0039b.js';
+import { s as script$1 } from './OrIconButton.vue_vue_type_script_lang-79d08a2b.js';
 
 var TagVariant;
 (function (TagVariant) {
@@ -17,13 +17,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

package/dist/bundled/v3/{OrTextarea.vue_vue_type_script_lang-c7781cde.js → OrTextarea.vue_vue_type_script_lang-d5a64917.js}

@@ -1,17 +1,17 @@
 import { defineComponent, getCurrentInstance, ref, computed } from 'vue';
 import './OrHint-c235be5d.js';
-import './OrInputBox-eb54d73d.js';
+import './OrInputBox-81385a91.js';
 import './OrLabel-2809e2db.js';
 import { u as useClassAttribute } from './useClassAttribute-00888f78.js';
 import { s as script$1 } from './OrError.vue_vue_type_script_lang-f606d0ee.js';
 import { s as script$2 } from './OrHint.vue_vue_type_script_lang-6286277d.js';
-import { s as script$3, a as InputBoxSize } from './OrInputBox.vue_vue_type_script_lang-5ee4ee45.js';
+import { s as script$3, a as InputBoxSize } from './OrInputBox.vue_vue_type_script_lang-760097b4.js';
 import { s as script$4 } from './OrLabel.vue_vue_type_script_lang-e42de5d1.js';
 
 const TextareaRoot = [
 // Layout
-'layout-column',
-// Spacing
+'flex', 'flex-col',
+// Sizing
 'gap-xs'];
 const TextareaControl = [
 // Layout

package/dist/bundled/v3/{OrToastContainer-ce858a2e.js → OrToastContainer-9f3ab98b.js}

@@ -1,4 +1,4 @@
-import { a as script } from './types-39ad0179.js';
+import { a as script } from './types-0d8f9581.js';
 import { resolveComponent, openBlock, createBlock, withCtx, createElementVNode, normalizeClass, createVNode, TransitionGroup, createElementBlock, Fragment, renderList, mergeProps, createCommentVNode } from 'vue';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';