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

package/dist/esm/v3/{OrFab-554d3479.js → OrFab-3a3a9a38.js}

@@ -1,5 +1,5 @@
 import { defineComponent, ref, computed } from 'vue-demi';
-import { s as script$1 } from './OrIcon-b195169c.js';
+import { s as script$1 } from './OrIcon-e2fa4cf8.js';
 import { resolveComponent, openBlock, createElementBlock, mergeProps, createVNode } from 'vue';
 
 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/v3/{OrIcon-b195169c.js → OrIcon-e2fa4cf8.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': [
@@ -104,4 +106,4 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
 script.render = render;
 script.__file = "src/components/or-icon-v3/OrIcon.vue";
 
-export { IconSize as I, IconVariant as a, script as s };
+export { IconVariant as I, IconSize as a, script as s };

package/dist/esm/v3/{OrIconButton-6ebbae84.js → OrIconButton-1d78453b.js}

@@ -1,8 +1,8 @@
 import { defineComponent, ref, computed } from 'vue-demi';
 import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
 import '@vueuse/core';
-import { s as script$1, I as IconSize } from './OrIcon-b195169c.js';
-import { s as script$2 } from './OrTooltip-a3565cab.js';
+import { s as script$1 } from './OrIcon-e2fa4cf8.js';
+import { s as script$2 } from './OrTooltip-6412166a.js';
 import './OrPopover-94a8f21d.js';
 import { resolveComponent, openBlock, createBlock, normalizeProps, guardReactiveProps, withCtx, createElementVNode, mergeProps, createVNode } from 'vue';
 
@@ -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
@@ -102,11 +96,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/esm/v3/{OrInlineInput-98eabd25.js → OrInlineInput-0beabb4a.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-6ebbae84.js';
-import { s as script$4, I as InlineInputBoxSize } from './OrInlineInputBox-8049f95a.js';
+import { s as script$3 } from './OrIconButton-1d78453b.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, Fragment, createBlock, createSlots, createTextVNode, toDisplayString } from 'vue';
 import { s as styleInject } from './style-inject.es-4c6f2515.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'];
 
@@ -162,7 +162,7 @@ var script = defineComponent({
 });
 
 const _hoisted_1 = {
-  class: /*#__PURE__*/normalizeClass(['flex', 'items-center', 'gap-md'])
+  class: /*#__PURE__*/normalizeClass(['flex', 'items-center', 'gap-[10px]'])
 };
 const _hoisted_2 = ["id", "type", "placeholder", "activated"];
 function render(_ctx, _cache, $props, $setup, $data, $options) {

package/dist/esm/v3/{OrInlineInputBox-8049f95a.js → OrInlineInputBox-1b473796.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/v3/{OrInlineTextarea-bc9bdf2a.js → OrInlineTextarea-d33a09a2.js}

@@ -3,15 +3,15 @@ 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-6ebbae84.js';
-import { s as script$4 } from './OrInlineInputBox-8049f95a.js';
+import { s as script$3 } from './OrIconButton-1d78453b.js';
+import { s as script$4 } from './OrInlineInputBox-1b473796.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, createVNode, withCtx, withDirectives, mergeProps, vModelText, withModifiers, createCommentVNode, Fragment, createBlock, createSlots, createTextVNode, toDisplayString } from 'vue';
 import { s as styleInject } from './style-inject.es-4c6f2515.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'];
 
@@ -148,7 +148,7 @@ var script = defineComponent({
 });
 
 const _hoisted_1 = {
-  class: /*#__PURE__*/normalizeClass(['flex', 'items-center', 'gap-md'])
+  class: /*#__PURE__*/normalizeClass(['flex', 'items-start', 'gap-[10px]'])
 };
 const _hoisted_2 = ["id", "placeholder", "activated"];
 function render(_ctx, _cache, $props, $setup, $data, $options) {

package/dist/esm/v3/{OrInput-ad6a1e4a.js → OrInput-5672f47b.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-6ebbae84.js';
-import { s as script$3 } from './OrIcon-b195169c.js';
-import { s as script$5, a as InputBoxSize } from './OrInputBox-5247ab25.js';
+import { s as script$4 } from './OrIconButton-1d78453b.js';
+import { s as script$3 } from './OrIcon-e2fa4cf8.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';
@@ -20,8 +20,8 @@ var InputType;
 
 const InputRoot = [
 // Layout
-'layout-column',
-// Spacing
+'flex', 'flex-col',
+// Sizing
 'gap-xs'];
 const InputControl = [
 // Layout
@@ -145,7 +145,7 @@ var script = defineComponent({
 
 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/esm/v3/{OrInputBox-5247ab25.js → OrInputBox-634230b1.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/v3/{OrMenuItem-2de012a9.js → OrMenuItem-d001f0f6.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 } from './OrIcon-b195169c.js';
+import { s as script$1 } from './OrIcon-e2fa4cf8.js';
 import { resolveComponent, openBlock, createElementBlock, mergeProps, createBlock, normalizeProps, createCommentVNode, createElementVNode, renderSlot, normalizeClass } from 'vue';
 
 const MenuItemRoot = [

package/dist/esm/v3/{OrModal-cbe0f0a0.js → OrModal-e44b80fd.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-6ebbae84.js';
+import { s as script$2 } from './OrIconButton-1d78453b.js';
 import { s as script$1 } from './OrOverlay-738a44d5.js';
 import { resolveComponent, openBlock, createBlock, withCtx, createElementVNode, mergeProps, normalizeClass, renderSlot, createVNode, withModifiers, createCommentVNode } from 'vue';
 

package/dist/esm/v3/{OrNotification-e021b385.js → OrNotification-7d05b546.js}

@@ -1,8 +1,8 @@
 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-6ebbae84.js';
-import { s as script$1 } from './OrIcon-b195169c.js';
+import { s as script$2 } from './OrIconButton-1d78453b.js';
+import { s as script$1 } from './OrIcon-e2fa4cf8.js';
 import { resolveComponent, openBlock, createElementBlock, mergeProps, createElementVNode, normalizeClass, createVNode, renderSlot, withModifiers } from 'vue';
 
 var NotificationVariant;

package/dist/esm/v3/{OrSearch-3ee960ac.js → OrSearch-2912b7df.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-ad6a1e4a.js';
-import { a as InputBoxSize } from './OrInputBox-5247ab25.js';
+import { s as script$1 } from './OrInput-5672f47b.js';
+import { a as InputBoxSize } from './OrInputBox-634230b1.js';
 import { resolveComponent, openBlock, createBlock, mergeProps } from 'vue';
 
 var script = defineComponent({

package/dist/esm/v3/{OrSelect-73690828.js → OrSelect-0821b907.js}

@@ -6,7 +6,7 @@ import { s as script$9 } from './OrChips-9afba42f.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, toDisplayString, createCommentVNode, Fragment, renderList, createBlock, createElementVNode, renderSlot, createVNode, createTextVNode, withCtx, normalizeProps, guardReactiveProps } from 'vue';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 import { s as script$c } from './OrLoader-15174477.js';
-import { s as script$b } from './OrCheckbox-a0b957e7.js';
+import { s as script$b } from './OrCheckbox-ed4a19cf.js';
 import { s as script$d } from './OrFloating-5240e758.js';
 import { s as script$e } from './OrLabel-876f8729.js';
 import { s as script$f } from './OrError-f90296db.js';

package/dist/esm/v3/{OrSelect-66e0072e.js → OrSelect-ff8f8461.js}

@@ -5,26 +5,26 @@ import { u as useOverflow } from './useOverflow-ac506c65.js';
 import '@vueuse/core';
 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-5f3934f2.js';
+import { s as script$3 } from './OrExpansionPanel-65afdfad.js';
 import { s as script$4 } from './OrHint-73835593.js';
-import { s as script$5 } from './OrIcon-b195169c.js';
-import { s as script$7, a as InputBoxSize } from './OrInputBox-5247ab25.js';
-import { s as script$6 } from './OrInput-ad6a1e4a.js';
+import { s as script$5 } from './OrIcon-e2fa4cf8.js';
+import { s as script$7, a as InputBoxSize } from './OrInputBox-634230b1.js';
+import { s as script$6 } from './OrInput-5672f47b.js';
 import { s as script$8 } from './OrLabel-7d4fe80b.js';
-import { s as script$9 } from './OrMenuItem-2de012a9.js';
+import { s as script$9 } from './OrMenuItem-d001f0f6.js';
 import { s as script$a } from './OrPopover-94a8f21d.js';
-import { s as script$b } from './OrTag-6d9c0878.js';
+import { s as script$b } from './OrTag-ad3f7805.js';
 import { resolveComponent, resolveDirective, openBlock, createElementBlock, mergeProps, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, withDirectives, normalizeClass, createElementVNode, Fragment, renderList, createVNode, withModifiers } from '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'];
@@ -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',
@@ -285,9 +283,6 @@ var script = defineComponent({
 });
 
 const _hoisted_1 = ["id", "tabindex", "disabled"];
-const _hoisted_2 = {
-  class: /*#__PURE__*/normalizeClass(['flex', 'items-center', 'm-[-4px] md:m-[-2px]'])
-};
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_OrLabel = resolveComponent("OrLabel");
   const _component_OrTag = resolveComponent("OrTag");
@@ -356,10 +351,10 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       class: normalizeClass(_ctx.placeholderStyles)
     }, toDisplayString(_ctx.placeholder), 3 /* TEXT, CLASS */))], 42 /* CLASS, PROPS, HYDRATE_EVENTS */, _hoisted_1), _ctx.multiple && _ctx.outerItems.length > 0 ? (openBlock(), createElementBlock(Fragment, {
       key: 0
-    }, [createTextVNode(" +" + toDisplayString(_ctx.outerItems.length), 1 /* TEXT */)], 64 /* STABLE_FRAGMENT */)) : createCommentVNode("v-if", true), createElementVNode("div", _hoisted_2, [createVNode(_component_OrIcon, {
+    }, [createTextVNode(" +" + toDisplayString(_ctx.outerItems.length), 1 /* TEXT */)], 64 /* STABLE_FRAGMENT */)) : createCommentVNode("v-if", true), createVNode(_component_OrIcon, {
       icon: _ctx.popoverState === 'open' ? 'arrow_drop_up' : 'arrow_drop_down',
       variant: 'outlined'
-    }, null, 8 /* PROPS */, ["icon"])]), createVNode(_component_OrPopover, {
+    }, null, 8 /* PROPS */, ["icon"]), createVNode(_component_OrPopover, {
       ref: "popover",
       class: normalizeClass(_ctx.dropdownStyles),
       variant: 'auto',

package/dist/esm/v3/{OrSortHeader-57c72d1b.js → OrSortHeader-9d645226.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 } from './OrIcon-b195169c.js';
+import { s as script$1 } from './OrIcon-e2fa4cf8.js';
 import { resolveComponent, openBlock, createElementBlock, mergeProps, withModifiers, renderSlot, createBlock, normalizeClass, createCommentVNode } from 'vue';
 
 const SortHeaderRoot = [

package/dist/esm/v3/{OrTabs-f55dc4d8.js → OrTabs-6a8fa516.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 { s as script$1 } from './OrIcon-b195169c.js';
-import { s as script$3 } from './OrMenuItem-2de012a9.js';
+import { s as script$1 } from './OrIcon-e2fa4cf8.js';
+import { s as script$3 } from './OrMenuItem-d001f0f6.js';
 import { s as script$2 } from './OrMenu-d9e12030.js';
 import './OrPopover-94a8f21d.js';
 import { s as script$4 } from './OrTab-97044946.js';

package/dist/esm/v3/{OrTag-6d9c0878.js → OrTag-ad3f7805.js}

@@ -1,8 +1,8 @@
 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-6ebbae84.js';
-import { resolveComponent, openBlock, createElementBlock, mergeProps, renderSlot, createVNode, withModifiers, createCommentVNode, normalizeClass } from 'vue';
+import { s as script$1 } from './OrIconButton-1d78453b.js';
+import { resolveComponent, openBlock, createElementBlock, mergeProps, renderSlot, createBlock, normalizeClass, withModifiers, createCommentVNode } from 'vue';
 
 var TagVariant;
 (function (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
@@ -100,10 +98,6 @@ var script = defineComponent({
 });
 
 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({
@@ -115,12 +109,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.render = render;

package/dist/esm/v3/{OrTextarea-4749f8d8.js → OrTextarea-98895b2a.js}

@@ -3,15 +3,15 @@ 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-5247ab25.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, Fragment, createSlots } from 'vue';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 
 const TextareaRoot = [
 // Layout
-'layout-column',
-// Spacing
+'flex', 'flex-col',
+// Sizing
 'gap-xs'];
 const TextareaControl = [
 // Layout

package/dist/esm/v3/{OrTooltip-a3565cab.js → OrTooltip-6412166a.js}

@@ -6,13 +6,11 @@ import { resolveComponent, openBlock, createElementBlock, mergeProps, renderSlot
 
 const TooltipRoot = [
 // Layout
-'layout-inline-row justify-center'];
+'inline-block'];
 const TooltipBody = [
-// Layout
-'layout-inline-row',
-// Shape
-'rounded-sm',
-// Spacing
+// Box
+'max-w-max', 'rounded-sm',
+// Sizing
 'mx-sm', 'my-sm', 'px-sm', 'py-xs',
 // Typography
 'typography-caption-regular',
@@ -21,31 +19,31 @@ const TooltipBody = [
 const TooltipBodyPlacements = {
   'top': [],
   'top-start': [
-  // Spacing
+  // Sizing
   'ml-none'],
   'top-end': [
-  // Spacing
+  // Sizing
   'mr-none'],
   'bottom': [],
   'bottom-start': [
-  // Spacing
+  // Sizing
   'ml-none'],
   'bottom-end': [
-  // Spacing
+  // Sizing
   'mr-none'],
   'left': [],
   'left-start': [
-  // Spacing
+  // Sizing
   'mt-none'],
   'left-end': [
-  // Spacing
+  // Sizing
   'mb-none'],
   'right': [],
   'right-start': [
-  // Spacing
+  // Sizing
   'mt-none'],
   'right-end': [
-  // Spacing
+  // Sizing
   'mb-none']
 };