@onereach/ui-components 2.67.9-beta.2041.0 → 2.67.9-beta.2048.0

package/dist/bundled/v2/{types-e1dda854.js → types-e5aa849b.js}

@@ -1,7 +1,7 @@
 import { useToggle } from '@vueuse/core';
 import './index-fa6eb4ca.js';
 import { T as ToastType, P as PositionsX, b as PositionsY, c as TransitionType, d as useToastEventBus, a as useQueue } from './useToast-3a3d4280.js';
-import { O as OrIconButton } from './OrIconButton-400af09a.js';
+import { O as OrIconButton } from './OrIconButton-a215104c.js';
 import { O as OrLoader } from './OrLoader-76f2615f.js';
 import { defineComponent, ref, computed, onBeforeMount, onBeforeUnmount, nextTick } from '@vue/composition-api/dist/vue-composition-api.mjs';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
@@ -190,7 +190,7 @@ var __vue_render__$1 = function () {
       }
     }) : _vm._e()];
   }), _vm._v(" "), _c('div', {
-    class: ['flex', 'items-center', 'self-start', 'gap-md']
+    class: ['layout-row', 'self-start', 'gap-md']
   }, [_vm.link ? [_c('a', {
     staticClass: "or-toast__link",
     attrs: {
@@ -220,14 +220,14 @@ var __vue_staticRenderFns__$1 = [];
 /* style */
 const __vue_inject_styles__$1 = function (inject) {
   if (!inject) return;
-  inject("data-v-08a08461_0", {
-    source: ".or-toast__link[data-v-08a08461]{word-break:break-word;white-space:nowrap;cursor:pointer}",
+  inject("data-v-ff64545e_0", {
+    source: ".or-toast__link[data-v-ff64545e]{word-break:break-word;white-space:nowrap;cursor:pointer}",
     map: undefined,
     media: undefined
   });
 };
 /* scoped */
-const __vue_scope_id__$1 = "data-v-08a08461";
+const __vue_scope_id__$1 = "data-v-ff64545e";
 /* module identifier */
 const __vue_module_identifier__$1 = undefined;
 /* functional template */

package/dist/bundled/v3/{OrCardCollection.vue_vue_type_script_lang-cbd5accc.js → OrCardCollection.vue_vue_type_script_lang-7a07be47.js}

@@ -1,9 +1,9 @@
 import { openBlock, createElementBlock, mergeProps, renderSlot, resolveComponent, withModifiers, createBlock, normalizeClass, createCommentVNode, defineComponent, ref, computed, watch } from 'vue';
 import { s as script$1 } from './OrCard.vue_vue_type_script_lang-165de137.js';
-import './OrIconButton-ea3489ef.js';
-import { s as script$3 } from './OrIconButton.vue_vue_type_script_lang-18ce1866.js';
-import './OrInput-ca80294b.js';
-import { s as script$4 } from './OrInput.vue_vue_type_script_lang-562dbe8f.js';
+import './OrIconButton-4bd33e3c.js';
+import { s as script$3 } from './OrIconButton.vue_vue_type_script_lang-641f6e06.js';
+import './OrInput-e97211bb.js';
+import { s as script$4 } from './OrInput.vue_vue_type_script_lang-f6d793d3.js';
 import { s as script$2 } from './OrSortHeader.vue_vue_type_script_lang-75115125.js';
 import { u as useClassAttribute } from './useClassAttribute-00888f78.js';
 
@@ -61,7 +61,7 @@ const CardCollectionToolbarPanel = [
 // Layout
 'layout-row',
 // Spacing
-'gap-sm'];
+'gap-sm+'];
 const CardCollectionContent = [
 // Layout
 'grid',

package/dist/bundled/v3/{OrCheckbox.vue_vue_type_script_lang-eeb9a100.js → OrCheckbox.vue_vue_type_script_lang-8b36e06c.js}

@@ -1,6 +1,6 @@
 import { defineComponent, getCurrentInstance, ref, computed } from 'vue';
-import './OrLabel-c0554841.js';
-import { s as script$1, L as LabelVariant } from './OrLabel.vue_vue_type_script_lang-cc2108c8.js';
+import './OrLabel-c6873e79.js';
+import { s as script$1, L as LabelVariant } from './OrLabel.vue_vue_type_script_lang-96f94c4e.js';
 import { u as useClassAttribute } from './useClassAttribute-00888f78.js';
 
 const CheckboxRoot = [

package/dist/bundled/v3/{OrConfirm.vue_vue_type_script_lang-cbfccc4a.js → OrConfirm.vue_vue_type_script_lang-d79dc055.js}

@@ -3,9 +3,9 @@ import { useMagicKeys, whenever } from '@vueuse/core';
 import { l as logicAnd } from './index-01519e46.js';
 import './OrBottomSheet.vue_vue_type_script_lang-6fb49de9.js';
 import { s as script$1, a as ButtonColor } from './OrButton.vue_vue_type_script_lang-0472045f.js';
-import './OrInput-ca80294b.js';
+import './OrInput-e97211bb.js';
 import { s as script$2 } from './OrOverlay.vue_vue_type_script_lang-cb3aad0c.js';
-import { s as script$3 } from './OrInput.vue_vue_type_script_lang-562dbe8f.js';
+import { s as script$3 } from './OrInput.vue_vue_type_script_lang-f6d793d3.js';
 
 const _hoisted_1 = ["type", "disabled"];
 const _hoisted_2 = {

package/dist/bundled/v3/{OrError.vue_vue_type_script_lang-0ed7467c.js → OrError.vue_vue_type_script_lang-cc6c135f.js}

@@ -17,9 +17,9 @@ const ErrorText = [
 'interactivity-none'];
 const ErrorAddon = [
 // Layout
-'empty:hidden',
-// Box
-'min-w-fit'];
+'layout-row empty:hidden',
+// Typography
+'whitespace-nowrap'];
 
 var script = defineComponent({
   name: 'OrError',

package/dist/bundled/v3/{OrErrorTag.vue_vue_type_script_lang-87f27b27.js → OrErrorTag.vue_vue_type_script_lang-4828c387.js}

@@ -7,7 +7,7 @@ const ErrorTagRoot = [
 // Layout
 'layout-inline-row',
 // Box
-'w-min',
+'max-w-fit',
 // Shape
 'rounded-full',
 // Spacing
@@ -15,7 +15,7 @@ const ErrorTagRoot = [
 // Interactivity
 'interactivity-none',
 // Typography
-'typography-caption-regular',
+'typography-caption-regular whitespace-nowrap',
 // Theme
 'theme-preset-1-error', 'dark:theme-preset-1-error-dark'];
 

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

@@ -13,9 +13,9 @@ const FabRoot = [
 'layout-inline-row justify-center',
 // Shape
 'rounded-full',
-// Spacing
-'px-md+', 'py-md+',
-// Theme
+// Box
+'w-[56px]', 'h-[56px]',
+// Elevation
 'enabled:shadow-button', 'dark:enabled:shadow-button-dark'];
 const FabRootColors = {
   'primary': [

package/dist/bundled/v3/{OrHint-399afaf7.js → OrHint-9592499e.js}

@@ -1,6 +1,6 @@
-import { s as script } from './OrError.vue_vue_type_script_lang-0ed7467c.js';
+import { s as script } from './OrError.vue_vue_type_script_lang-cc6c135f.js';
 import { openBlock, createElementBlock, mergeProps, createElementVNode, normalizeClass, renderSlot } from 'vue';
-import { s as script$1 } from './OrHint.vue_vue_type_script_lang-7ece72e7.js';
+import { s as script$1 } from './OrHint.vue_vue_type_script_lang-8e657168.js';
 
 const _hoisted_1$1 = ["disabled"];
 function render$1(_ctx, _cache, $props, $setup, $data, $options) {

package/dist/bundled/v3/{OrHint.vue_vue_type_script_lang-7ece72e7.js → OrHint.vue_vue_type_script_lang-8e657168.js}

@@ -17,9 +17,9 @@ const HintText = [
 'interactivity-none'];
 const HintAddon = [
 // Layout
-'empty:hidden',
-// Box
-'min-w-fit'];
+'layout-row empty:hidden',
+// Typography
+'whitespace-nowrap'];
 
 var script = defineComponent({
   name: 'OrHint',

package/dist/bundled/v3/{OrIconButton-ea3489ef.js → OrIconButton-4bd33e3c.js}

@@ -1,4 +1,4 @@
-import { s as script } from './OrIconButton.vue_vue_type_script_lang-18ce1866.js';
+import { s as script } from './OrIconButton.vue_vue_type_script_lang-641f6e06.js';
 import { resolveComponent, openBlock, createBlock, normalizeProps, guardReactiveProps, withCtx, createElementVNode, mergeProps, createVNode } from 'vue';
 
 const _hoisted_1 = ["disabled"];

package/dist/bundled/v3/{OrIconButton.vue_vue_type_script_lang-18ce1866.js → OrIconButton.vue_vue_type_script_lang-641f6e06.js}

@@ -43,8 +43,6 @@ const IconButtonRoot = [
 'layout-inline-row justify-center',
 // Shape
 'rounded-full',
-// Spacing
-'mx-[-2px]', 'my-[-2px]', 'px-[2px]', 'py-[2px]',
 // Interactivity
 'interactivity-auto',
 // Typography
@@ -54,17 +52,37 @@ const IconButtonRoot = [
 // Iconography (hover)
 'hover:iconography-filled',
 // Iconography (focus)
-'focus:iconography-filled'];
+'focus:iconography-filled',
+// Theme
+'!outline outline-2 outline-transparent'];
 const IconButtonRootColors = {
   'primary': [
   // Theme
-  'theme-preset-3-primary', 'dark:theme-preset-3-primary-dark'],
+  'theme-preset-3-primary', 'dark:theme-preset-3-primary-dark',
+  // Theme (hover)
+  'hover:outline-primary-opacity-0-08', 'dark:hover:outline-primary-opacity-0-08-dark',
+  // Theme (focus)
+  'focus:outline-primary-opacity-0-08', 'dark:focus:outline-primary-opacity-0-08-dark',
+  // Theme (active)
+  'active:outline-primary-opacity-0-16', 'dark:active:outline-primary-opacity-0-16-dark'],
   'danger': [
   // Theme
-  'theme-preset-3-error', 'dark:theme-preset-3-error-dark'],
+  'theme-preset-3-error', 'dark:theme-preset-3-error-dark',
+  // Theme (hover)
+  'hover:outline-error-opacity-0-08', 'dark:hover:outline-error-opacity-0-08-dark',
+  // Theme (focus)
+  'focus:outline-error-opacity-0-08', 'dark:focus:outline-error-opacity-0-08-dark',
+  // Theme (active)
+  'active:outline-error-opacity-0-16', 'dark:active:outline-error-opacity-0-16-dark'],
   'inherit': [
   // Theme
-  'theme-preset-3-primary', 'dark:theme-preset-3-primary-dark', 'theme-foreground-inherit', 'dark:theme-foreground-inherit']
+  'theme-preset-3-primary', 'dark:theme-preset-3-primary-dark', 'theme-foreground-inherit', 'dark:theme-foreground-inherit',
+  // Theme (hover)
+  'hover:outline-primary-opacity-0-08', 'dark:hover:outline-primary-opacity-0-08-dark',
+  // Theme (focus)
+  'focus:outline-primary-opacity-0-08', 'dark:focus:outline-primary-opacity-0-08-dark',
+  // Theme (active)
+  'active:outline-primary-opacity-0-16', 'dark:active:outline-primary-opacity-0-16-dark']
 };
 
 var script = defineComponent({

package/dist/bundled/v3/{OrInlineInput.vue_vue_type_script_lang-39d31b8d.js → OrInlineInput.vue_vue_type_script_lang-c4fdc666.js}

@@ -1,12 +1,12 @@
 import { defineComponent, getCurrentInstance, ref, computed, watch } from 'vue';
-import './OrHint-399afaf7.js';
-import './OrIconButton-ea3489ef.js';
+import './OrHint-9592499e.js';
+import './OrIconButton-4bd33e3c.js';
 import './OrInlineInputBox-9d68ded1.js';
 import { s as script$4, I as InlineInputBoxSize } from './OrInlineInputBox.vue_vue_type_script_lang-73750005.js';
 import { u as useClassAttribute } from './useClassAttribute-00888f78.js';
-import { s as script$1 } from './OrError.vue_vue_type_script_lang-0ed7467c.js';
-import { s as script$2 } from './OrHint.vue_vue_type_script_lang-7ece72e7.js';
-import { s as script$3 } from './OrIconButton.vue_vue_type_script_lang-18ce1866.js';
+import { s as script$1 } from './OrError.vue_vue_type_script_lang-cc6c135f.js';
+import { s as script$2 } from './OrHint.vue_vue_type_script_lang-8e657168.js';
+import { s as script$3 } from './OrIconButton.vue_vue_type_script_lang-641f6e06.js';
 
 var InlineInputType;
 (function (InlineInputType) {
@@ -30,7 +30,7 @@ const InlineInputAction = [
 // Layout
 'layout-row',
 // Spacing
-'gap-md',
+'gap-sm+',
 // Theme
 'theme-foreground-outline', 'dark:theme-foreground-outline-dark'];
 

package/dist/bundled/v3/{OrInlineTextarea.vue_vue_type_script_lang-c4f4a212.js → OrInlineTextarea.vue_vue_type_script_lang-0c53397d.js}

@@ -1,11 +1,11 @@
 import { defineComponent, getCurrentInstance, ref, computed, watch } from 'vue';
-import './OrHint-399afaf7.js';
-import './OrIconButton-ea3489ef.js';
+import './OrHint-9592499e.js';
+import './OrIconButton-4bd33e3c.js';
 import './OrInlineInputBox-9d68ded1.js';
 import { u as useClassAttribute } from './useClassAttribute-00888f78.js';
-import { s as script$1 } from './OrError.vue_vue_type_script_lang-0ed7467c.js';
-import { s as script$2 } from './OrHint.vue_vue_type_script_lang-7ece72e7.js';
-import { s as script$3 } from './OrIconButton.vue_vue_type_script_lang-18ce1866.js';
+import { s as script$1 } from './OrError.vue_vue_type_script_lang-cc6c135f.js';
+import { s as script$2 } from './OrHint.vue_vue_type_script_lang-8e657168.js';
+import { s as script$3 } from './OrIconButton.vue_vue_type_script_lang-641f6e06.js';
 import { s as script$4 } from './OrInlineInputBox.vue_vue_type_script_lang-73750005.js';
 
 const InlineTextareaRoot = [
@@ -24,7 +24,7 @@ const InlineTextareaAction = [
 // Layout
 'layout-row',
 // Spacing
-'gap-md',
+'gap-sm+',
 // Theme
 'theme-foreground-outline', 'dark:theme-foreground-outline-dark'];
 

package/dist/bundled/v3/{OrInput-ca80294b.js → OrInput-e97211bb.js}

@@ -1,10 +1,10 @@
-import { s as script } from './OrInput.vue_vue_type_script_lang-562dbe8f.js';
+import { s as script } from './OrInput.vue_vue_type_script_lang-f6d793d3.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(['layout-row', 'm-[-4px] md:m-[-2px]'])
 };
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_OrLabel = resolveComponent("OrLabel");

package/dist/bundled/v3/{OrInput.vue_vue_type_script_lang-562dbe8f.js → OrInput.vue_vue_type_script_lang-f6d793d3.js}

@@ -1,16 +1,16 @@
 import { defineComponent, getCurrentInstance, ref, computed } from 'vue';
-import './OrHint-399afaf7.js';
-import { s as script$1 } from './OrError.vue_vue_type_script_lang-0ed7467c.js';
-import { s as script$2 } from './OrHint.vue_vue_type_script_lang-7ece72e7.js';
+import './OrHint-9592499e.js';
+import { s as script$1 } from './OrError.vue_vue_type_script_lang-cc6c135f.js';
+import { s as script$2 } from './OrHint.vue_vue_type_script_lang-8e657168.js';
 import './OrIcon-d878b768.js';
-import './OrIconButton-ea3489ef.js';
+import './OrIconButton-4bd33e3c.js';
 import './OrInputBox-eb54d73d.js';
 import { s as script$5, a as InputBoxSize } from './OrInputBox.vue_vue_type_script_lang-5ee4ee45.js';
-import './OrLabel-c0554841.js';
-import { s as script$6 } from './OrLabel.vue_vue_type_script_lang-cc2108c8.js';
+import './OrLabel-c6873e79.js';
+import { s as script$6 } from './OrLabel.vue_vue_type_script_lang-96f94c4e.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-18ce1866.js';
+import { s as script$4 } from './OrIconButton.vue_vue_type_script_lang-641f6e06.js';
 
 var InputType;
 (function (InputType) {

package/dist/bundled/v3/{OrLabel-c0554841.js → OrLabel-c6873e79.js}

@@ -1,4 +1,4 @@
-import { s as script } from './OrLabel.vue_vue_type_script_lang-cc2108c8.js';
+import { s as script } from './OrLabel.vue_vue_type_script_lang-96f94c4e.js';
 import { openBlock, createElementBlock, mergeProps, createElementVNode, normalizeClass, renderSlot } from 'vue';
 
 const _hoisted_1 = ["disabled"];

package/dist/bundled/v3/{OrLabel.vue_vue_type_script_lang-cc2108c8.js → OrLabel.vue_vue_type_script_lang-96f94c4e.js}

@@ -31,9 +31,9 @@ const LabelText = [
 'interactivity-auto !cursor-default'];
 const LabelAddon = [
 // Layout
-'empty:hidden',
-// Box
-'min-w-fit'];
+'layout-row empty:hidden',
+// Typography
+'whitespace-nowrap'];
 
 var script = defineComponent({
   name: 'OrLabel',

package/dist/bundled/v3/{OrModal.vue_vue_type_script_lang-992c1ef7.js → OrModal.vue_vue_type_script_lang-00a477f0.js}

@@ -1,9 +1,9 @@
 import { defineComponent, ref, computed, watch } from 'vue';
 import './OrBottomSheet.vue_vue_type_script_lang-6fb49de9.js';
-import './OrIconButton-ea3489ef.js';
+import './OrIconButton-4bd33e3c.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-18ce1866.js';
+import { s as script$2 } from './OrIconButton.vue_vue_type_script_lang-641f6e06.js';
 
 var ModalSize;
 (function (ModalSize) {

package/dist/bundled/v3/{OrNotification.vue_vue_type_script_lang-7d64d69a.js → OrNotification.vue_vue_type_script_lang-fbb35355.js}

@@ -1,9 +1,9 @@
 import { defineComponent, ref, computed } from 'vue';
 import './OrIcon-d878b768.js';
-import './OrIconButton-ea3489ef.js';
+import './OrIconButton-4bd33e3c.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-18ce1866.js';
+import { s as script$2 } from './OrIconButton.vue_vue_type_script_lang-641f6e06.js';
 
 var NotificationVariant;
 (function (NotificationVariant) {

package/dist/bundled/v3/{OrRadio.vue_vue_type_script_lang-ad250a23.js → OrRadio.vue_vue_type_script_lang-2e666a56.js}

@@ -1,7 +1,7 @@
 import { defineComponent, getCurrentInstance, ref, computed } from 'vue';
-import './OrLabel-c0554841.js';
+import './OrLabel-c6873e79.js';
 import { u as useClassAttribute } from './useClassAttribute-00888f78.js';
-import { s as script$1, L as LabelVariant } from './OrLabel.vue_vue_type_script_lang-cc2108c8.js';
+import { s as script$1, L as LabelVariant } from './OrLabel.vue_vue_type_script_lang-96f94c4e.js';
 
 const RadioRoot = [
 // Layout

package/dist/bundled/v3/{OrSearch.vue_vue_type_script_lang-18dbc230.js → OrSearch.vue_vue_type_script_lang-95df5280.js}

@@ -1,8 +1,8 @@
 import { defineComponent, ref, computed } from 'vue';
 import { debouncedWatch } from '@vueuse/core';
-import './OrInput-ca80294b.js';
+import './OrInput-e97211bb.js';
 import { u as useClassAttribute } from './useClassAttribute-00888f78.js';
-import { s as script$1 } from './OrInput.vue_vue_type_script_lang-562dbe8f.js';
+import { s as script$1 } from './OrInput.vue_vue_type_script_lang-f6d793d3.js';
 import { a as InputBoxSize } from './OrInputBox.vue_vue_type_script_lang-5ee4ee45.js';
 
 var script = defineComponent({

package/dist/bundled/v3/{OrSelect.vue_vue_type_script_lang-10359279.js → OrSelect.vue_vue_type_script_lang-58b92fb0.js}

@@ -1,24 +1,24 @@
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, withDirectives, createElementVNode, mergeProps, vModelCheckbox, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, withModifiers, createVNode, vShow, defineComponent, getCurrentInstance, ref, computed, onMounted, watch } from 'vue';
-import { s as script$1 } from './OrCheckbox.vue_vue_type_script_lang-eeb9a100.js';
+import { s as script$1 } from './OrCheckbox.vue_vue_type_script_lang-8b36e06c.js';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
-import './OrHint-399afaf7.js';
+import './OrHint-9592499e.js';
 import { s as script$2 } from './OrExpansionPanel.vue_vue_type_script_lang-7f9c6721.js';
 import './OrIcon-d878b768.js';
-import './OrInput-ca80294b.js';
+import './OrInput-e97211bb.js';
 import './OrInputBox-eb54d73d.js';
-import './OrLabel-c0554841.js';
+import './OrLabel-c6873e79.js';
 import './OrMenuItem-4feaba6c.js';
 import './OrPopover-c462ce77.js';
-import { s as script$3 } from './OrTag.vue_vue_type_script_lang-bdb1d85c.js';
+import { s as script$3 } from './OrTag.vue_vue_type_script_lang-92d9fb12.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-0ed7467c.js';
-import { s as script$5 } from './OrHint.vue_vue_type_script_lang-7ece72e7.js';
+import { s as script$4 } from './OrError.vue_vue_type_script_lang-cc6c135f.js';
+import { s as script$5 } from './OrHint.vue_vue_type_script_lang-8e657168.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-562dbe8f.js';
+import { s as script$7 } from './OrInput.vue_vue_type_script_lang-f6d793d3.js';
 import { s as script$8, a as InputBoxSize } from './OrInputBox.vue_vue_type_script_lang-5ee4ee45.js';
-import { s as script$9 } from './OrLabel.vue_vue_type_script_lang-cc2108c8.js';
+import { s as script$9 } from './OrLabel.vue_vue_type_script_lang-96f94c4e.js';
 import { s as script$a } from './OrMenuItem.vue_vue_type_script_lang-0ffaef05.js';
 import { s as script$b } from './OrPopover.vue_vue_type_script_lang-54c7b11c.js';
 
@@ -92,7 +92,7 @@ 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]'])
+  class: /*#__PURE__*/normalizeClass(['layout-row', 'm-[-4px] md:m-[-2px]'])
 };
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_OrIconButton = resolveComponent("OrIconButton");
@@ -123,7 +123,9 @@ const SelectRoot = [
 'gap-xs'];
 const SelectControl = [
 // Layout
-'flex grow', 'items-center', 'overflow-hidden',
+'layout-row grow',
+// Overflow
+'overflow-hidden',
 // Spacing
 'gap-xs',
 // Typography
@@ -132,7 +134,7 @@ const SelectPlaceholder = [
 // Theme
 'theme-foreground-outline', 'dark:theme-foreground-outline-dark'];
 const SelectDropdown = [
-// Layout
+// Overflow
 'overflow-y-auto',
 // Box
 'max-h-[340px]',

package/dist/bundled/v3/{OrSwitch.vue_vue_type_script_lang-5f752bda.js → OrSwitch.vue_vue_type_script_lang-0a9136d1.js}

@@ -1,8 +1,8 @@
 import { defineComponent, getCurrentInstance, ref, computed } from 'vue';
-import './OrLabel-c0554841.js';
+import './OrLabel-c6873e79.js';
 import './OrLoader-65868e73.js';
 import { u as useClassAttribute } from './useClassAttribute-00888f78.js';
-import { s as script$1, L as LabelVariant } from './OrLabel.vue_vue_type_script_lang-cc2108c8.js';
+import { s as script$1, L as LabelVariant } from './OrLabel.vue_vue_type_script_lang-96f94c4e.js';
 import { s as script$2 } from './OrLoader.vue_vue_type_script_lang-edd1b404.js';
 
 const SwitchRoot = [

package/dist/bundled/v3/{OrTag.vue_vue_type_script_lang-bdb1d85c.js → OrTag.vue_vue_type_script_lang-92d9fb12.js}

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed, watchPostEffect, unref } from 'vue';
-import './OrIconButton-ea3489ef.js';
+import './OrIconButton-4bd33e3c.js';
 import { u as useClassAttribute } from './useClassAttribute-00888f78.js';
-import { s as script$1 } from './OrIconButton.vue_vue_type_script_lang-18ce1866.js';
+import { s as script$1 } from './OrIconButton.vue_vue_type_script_lang-641f6e06.js';
 
 var TagVariant;
 (function (TagVariant) {
@@ -19,13 +19,13 @@ const TagRoot = [
 // Layout
 'layout-inline-row',
 // Box
-'w-min',
+'max-w-fit',
 // Shape
 'rounded-full',
 // Spacing
 'px-sm+ md:px-sm', 'py-sm md:py-xs', 'gap-sm+ md:gap-sm',
 // Typography
-'typography-caption-regular',
+'typography-caption-regular whitespace-nowrap',
 // Theme
 'disabled:!bg-disabled', 'dark:disabled:!bg-disabled-dark', 'disabled:!text-on-disabled', 'dark:disabled:!text-on-disabled-dark'];
 const TagRootVariants = {

package/dist/bundled/v3/{OrTextarea.vue_vue_type_script_lang-498a899e.js → OrTextarea.vue_vue_type_script_lang-8e3531cd.js}

@@ -1,12 +1,12 @@
 import { defineComponent, getCurrentInstance, ref, computed } from 'vue';
-import './OrHint-399afaf7.js';
+import './OrHint-9592499e.js';
 import './OrInputBox-eb54d73d.js';
-import './OrLabel-c0554841.js';
+import './OrLabel-c6873e79.js';
 import { u as useClassAttribute } from './useClassAttribute-00888f78.js';
-import { s as script$1 } from './OrError.vue_vue_type_script_lang-0ed7467c.js';
-import { s as script$2 } from './OrHint.vue_vue_type_script_lang-7ece72e7.js';
+import { s as script$1 } from './OrError.vue_vue_type_script_lang-cc6c135f.js';
+import { s as script$2 } from './OrHint.vue_vue_type_script_lang-8e657168.js';
 import { s as script$3, a as InputBoxSize } from './OrInputBox.vue_vue_type_script_lang-5ee4ee45.js';
-import { s as script$4 } from './OrLabel.vue_vue_type_script_lang-cc2108c8.js';
+import { s as script$4 } from './OrLabel.vue_vue_type_script_lang-96f94c4e.js';
 
 const TextareaRoot = [
 // Layout

package/dist/bundled/v3/{OrToastContainer-ad6e4a72.js → OrToastContainer-a004fe08.js}

@@ -1,4 +1,4 @@
-import { a as script } from './types-aa7b102b.js';
+import { a as script } from './types-4d8bdc25.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';