@onereach/ui-components 2.67.11 → 2.67.12-beta.2052.0

package/dist/bundled/v3/{OrMenu.vue_vue_type_script_lang-bae45062.js → OrMenu.vue_vue_type_script_lang-2446a69a.js}

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed } from 'vue';
-import './OrPopover-93ef8c26.js';
+import './OrPopover-c462ce77.js';
 import { u as useClassAttribute } from './useClassAttribute-00888f78.js';
-import { s as script$1, P as PopoverPlacement } from './OrPopover.vue_vue_type_script_lang-e200f5be.js';
+import { s as script$1, P as PopoverPlacement } from './OrPopover.vue_vue_type_script_lang-54c7b11c.js';
 
 const MenuRoot = [
 // Layout

package/dist/bundled/v3/{OrMenuItem-94ffa853.js → OrMenuItem-4feaba6c.js}

@@ -1,4 +1,4 @@
-import { s as script } from './OrMenuItem.vue_vue_type_script_lang-ccb7e082.js';
+import { s as script } from './OrMenuItem.vue_vue_type_script_lang-0ffaef05.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-ccb7e082.js → OrMenuItem.vue_vue_type_script_lang-0ffaef05.js}

@@ -1,12 +1,12 @@
 import { defineComponent, ref, computed } from 'vue';
-import './OrIcon-3a514933.js';
+import './OrIcon-d878b768.js';
 import { u as useClassAttribute } from './useClassAttribute-00888f78.js';
-import { s as script$1 } from './OrIcon.vue_vue_type_script_lang-41a6a57a.js';
+import { s as script$1 } from './OrIcon.vue_vue_type_script_lang-a119a715.js';
 
 const MenuItemRoot = [
 // Layout
-'flex', 'items-center',
-// Sizing
+'layout-row',
+// Spacing
 'px-lg md:px-sm', 'py-sm+ md:py-sm', 'gap-sm md:gap-sm',
 // Interactivity
 'interactivity-auto',

package/dist/bundled/v3/{OrModal.vue_vue_type_script_lang-142d9a56.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-44d8147a.js';
-import './OrIconButton-8c211219.js';
+import './OrBottomSheet.vue_vue_type_script_lang-6fb49de9.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-79d08a2b.js';
+import { s as script$2 } from './OrIconButton.vue_vue_type_script_lang-641f6e06.js';
 
 var ModalSize;
 (function (ModalSize) {
@@ -14,15 +14,19 @@ var ModalSize;
 
 const ModalRoot = [
 // Layout
-'flex', 'flex-col',
+'layout-column',
 // Box
-'w-full', 'h-full', 'md:rounded-md',
-// Sizing
+'w-full', 'h-full',
+// Shape
+'md:rounded-md',
+// Spacing
 'px-lg', 'py-lg', 'gap-md md:gap-lg',
 // Typography
 'typography-body-2-regular',
 // Theme
-'theme-background-default', 'dark:theme-background-default-dark', 'theme-foreground-default', 'dark:theme-foreground-default-dark', 'shadow-modal', 'dark:shadow-modal-dark'];
+'theme-background-default', 'dark:theme-background-default-dark', 'theme-foreground-default', 'dark:theme-foreground-default-dark',
+// Elevation
+'shadow-modal', 'dark:shadow-modal-dark'];
 const ModalRootSizes = {
   'l': [
   // Box
@@ -36,10 +40,12 @@ const ModalRootSizes = {
 };
 const ModalHeader = [
 // Layouot
-'flex', 'items-center',
+'layout-row',
 // Typography
 'typography-headline-2'];
 const ModalCloseButton = [
+// Layout
+'contents',
 // Theme
 'text-outline', 'dark:text-outline-dark'];
 

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

@@ -1,9 +1,9 @@
 import { defineComponent, ref, computed } from 'vue';
-import './OrIcon-3a514933.js';
-import './OrIconButton-8c211219.js';
+import './OrIcon-d878b768.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-41a6a57a.js';
-import { s as script$2 } from './OrIconButton.vue_vue_type_script_lang-79d08a2b.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-641f6e06.js';
 
 var NotificationVariant;
 (function (NotificationVariant) {
@@ -15,17 +15,19 @@ var NotificationVariant;
 
 const NotificationRoot = [
 // Layout
-'flex', 'items-start',
-// Box
+'layout-row !items-start',
+// Shape
 'rounded-md',
-// Sizing
+// Spacing
 'px-md', 'py-md', 'gap-md',
 // Typography
 'typography-body-2-regular',
 // Typography (links)
 'links:typography-body-2-bold',
 // Theme
-'theme-foreground-default', 'dark:theme-foreground-default-dark', 'shadow-contextual', 'dark:shadow-contextual-dark'];
+'theme-foreground-default', 'dark:theme-foreground-default-dark',
+// Elevation
+'shadow-contextual', 'dark:shadow-contextual-dark'];
 const NotificationRootVariants = {
   'success': [
   // Theme
@@ -48,6 +50,7 @@ const NotificationRootVariants = {
   // Theme (links)
   'links:theme-foreground-primary', 'dark:links:theme-foreground-primary-dark']
 };
+const NotificationIcon = [];
 const NotificationIconVariants = {
   'success': [
   // Theme
@@ -63,6 +66,8 @@ const NotificationIconVariants = {
   'theme-foreground-primary', 'dark:theme-foreground-primary-dark']
 };
 const NotificationAction = [
+// Layout
+'contents',
 // Theme
 'theme-foreground-outline', 'dark:theme-foreground-outline-dark'];
 
@@ -86,7 +91,7 @@ var script = defineComponent({
     // Styles
     const classAttribute = useClassAttribute();
     const rootStyles = computed(() => ['or-notification', ...NotificationRoot, ...NotificationRootVariants[props.variant], classAttribute.value]);
-    const iconStyles = computed(() => [...NotificationIconVariants[props.variant]]);
+    const iconStyles = computed(() => [...NotificationIcon, ...NotificationIconVariants[props.variant]]);
     const actionStyles = computed(() => [...NotificationAction]);
     // State
     const icon = computed(() => {

package/dist/bundled/v3/{OrPopover-93ef8c26.js → OrPopover-c462ce77.js}

@@ -1,4 +1,4 @@
-import { s as script } from './OrPopover.vue_vue_type_script_lang-e200f5be.js';
+import { s as script } from './OrPopover.vue_vue_type_script_lang-54c7b11c.js';
 import { resolveComponent, openBlock, createBlock, withCtx, createElementBlock, mergeProps, renderSlot, normalizeClass, createCommentVNode } from 'vue';
 
 function render(_ctx, _cache, $props, $setup, $data, $options) {

package/dist/bundled/v3/{OrPopover.vue_vue_type_script_lang-e200f5be.js → OrPopover.vue_vue_type_script_lang-54c7b11c.js}

@@ -1,7 +1,7 @@
 import { a as autoUpdate, c as computePosition, f as flip, s as shift, h as hide } from './floating-ui.dom.esm-83eba816.js';
 import { onClickOutside } from '@vueuse/core';
 import { resolveComponent, openBlock, createBlock, withCtx, createElementVNode, mergeProps, normalizeClass, renderSlot, createCommentVNode, defineComponent, ref, computed, watch, watchPostEffect, unref, toRef, nextTick } from 'vue';
-import { s as script$1 } from './OrBottomSheet.vue_vue_type_script_lang-44d8147a.js';
+import { s as script$1 } from './OrBottomSheet.vue_vue_type_script_lang-6fb49de9.js';
 import './OrOverlay.vue_vue_type_script_lang-cb3aad0c.js';
 import { u as useResponsive } from './useResponsive-9d397e2a.js';
 import { u as useClassAttribute } from './useClassAttribute-00888f78.js';
@@ -59,40 +59,42 @@ const PopoverRoot = [
 // Position
 'absolute'];
 const PopoverBody = [
-// Box
+// Shape
 'rounded-md',
-// Sizing
+// Spacing
 'mx-sm', 'my-sm',
 // Theme
-'bg-background', 'dark:bg-background-dark', 'shadow-contextual', 'dark:shadow-contextual-dark'];
+'bg-background', 'dark:bg-background-dark',
+// Elevation
+'shadow-contextual', 'dark:shadow-contextual-dark'];
 const PopoverBodyPlacements = {
   'top': [],
   'top-start': [
-  // Sizing
+  // Spacing
   'ml-none'],
   'top-end': [
-  // Sizing
+  // Spacing
   'mr-none'],
   'bottom': [],
   'bottom-start': [
-  // Sizing
+  // Spacing
   'ml-none'],
   'bottom-end': [
-  // Sizing
+  // Spacing
   'mr-none'],
   'left': [],
   'left-start': [
-  // Sizing
+  // Spacing
   'mt-none'],
   'left-end': [
-  // Sizing
+  // Spacing
   'mb-none'],
   'right': [],
   'right-start': [
-  // Sizing
+  // Spacing
   'mt-none'],
   'right-end': [
-  // Sizing
+  // Spacing
   'mb-none']
 };
 

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

@@ -1,18 +1,20 @@
 import { defineComponent, getCurrentInstance, ref, computed } from 'vue';
-import './OrLabel-2809e2db.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-e42de5d1.js';
+import { s as script$1, L as LabelVariant } from './OrLabel.vue_vue_type_script_lang-96f94c4e.js';
 
 const RadioRoot = [
 // Layout
-'flex', 'items-center',
-// Sizing
+'layout-row',
+// Spacing
 'gap-sm+ md:gap-sm'];
 const RadioControl = [
 // Layout
-'flex', 'items-center', 'justify-center',
+'layout-row justify-center',
 // Box
-'w-md+ md:w-md', 'h-md+ md:h-md', 'rounded-full',
+'w-md+ md:w-md', 'h-md+ md:h-md',
+// Shape
+'rounded-full',
 // Interactivity
 'interactivity-auto',
 // Theme
@@ -23,7 +25,9 @@ const RadioControl = [
 'checked:theme-preset-1-primary', 'dark:checked:theme-preset-1-primary-dark'];
 const RadioControlHandle = [
 // Box
-'after:w-sm after:md:w-xs', 'after:h-sm after:md:h-xs', 'after:rounded-full',
+'after:w-sm after:md:w-xs', 'after:h-sm after:md:h-xs',
+// Shape
+'after:rounded-full',
 // Theme
 'checked:after:bg-on-primary', 'dark:checked:after:bg-on-primary-dark',
 // Theme (disabled)

package/dist/bundled/v3/{OrSearch.vue_vue_type_script_lang-b022defa.js → OrSearch.vue_vue_type_script_lang-1d2a20e0.js}

@@ -1,9 +1,9 @@
 import { defineComponent, ref, computed, watch } from 'vue';
 import { debouncedWatch } from '@vueuse/core';
-import './OrInput-33571984.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-3895999d.js';
-import { a as InputBoxSize } from './OrInputBox.vue_vue_type_script_lang-760097b4.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({
   name: 'OrSearch',

package/dist/bundled/v3/{OrSegmentedControl.vue_vue_type_script_lang-6068f70c.js → OrSegmentedControl.vue_vue_type_script_lang-579406f5.js}

@@ -3,7 +3,7 @@ import { u as useClassAttribute } from './useClassAttribute-00888f78.js';
 
 const SegmentedControlItemRoot = [
 // Layout
-'flex', 'items-center', 'justify-center',
+'layout-row justify-center',
 // Shape
 'rounded-md',
 // Interactivity

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

@@ -1,26 +1,26 @@
 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-10d8b047.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-c235be5d.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-94ffa853.js';
-import './OrPopover-93ef8c26.js';
-import { s as script$3 } from './OrTag.vue_vue_type_script_lang-18db0bd9.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-e97211bb.js';
+import './OrInputBox-eb54d73d.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-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-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-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-ccb7e082.js';
-import { s as script$b } from './OrPopover.vue_vue_type_script_lang-e200f5be.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-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-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';
 
 const _hoisted_1$2 = ["id", "value", "indeterminate", "required", "disabled"];
 function render$2(_ctx, _cache, $props, $setup, $data, $options) {
@@ -61,8 +61,8 @@ script$1.__scopeId = "data-v-5358d710";
 script$1.__file = "src/components/or-checkbox-v3/OrCheckbox.vue";
 
 const _hoisted_1$1 = ["disabled"];
-const _hoisted_2 = {
-  class: /*#__PURE__*/normalizeClass(['flex', 'items-center', 'justify-between'])
+const _hoisted_2$1 = {
+  class: /*#__PURE__*/normalizeClass(['layout-row', 'justify-between'])
 };
 const _hoisted_3 = ["tabindex", "disabled"];
 function render$1(_ctx, _cache, $props, $setup, $data, $options) {
@@ -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, [createElementVNode("div", {
+  }), [createElementVNode("div", _hoisted_2$1, [createElementVNode("div", {
     class: normalizeClass(_ctx.headerStyles),
     tabindex: !_ctx.disabled ? 0 : null,
     disabled: _ctx.disabled ? '' : null,
@@ -90,6 +90,10 @@ 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(['layout-row', 'm-[-4px] md:m-[-2px]'])
+};
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_OrIconButton = resolveComponent("OrIconButton");
   return openBlock(), createElementBlock("div", mergeProps({
@@ -101,14 +105,12 @@ 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(), createBlock(_component_OrIconButton, {
-    key: 0,
-    class: normalizeClass(['-m-xs', 'ml-none']),
+  }), [renderSlot(_ctx.$slots, "default"), _ctx.variant === 'reset' ? (openBlock(), createElementBlock("div", _hoisted_2, [createVNode(_component_OrIconButton, {
     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;
@@ -116,13 +118,15 @@ script$3.__file = "src/components/or-tag-v3/OrTag.vue";
 
 const SelectRoot = [
 // Layout
-'flex', 'flex-col',
-// Sizing
+'layout-column',
+// Spacing
 'gap-xs'];
 const SelectControl = [
 // Layout
-'flex grow', 'items-center', 'overflow-hidden',
-// Sizing
+'layout-row grow',
+// Overflow
+'overflow-hidden',
+// Spacing
 'gap-xs',
 // Typography
 'typography-inherit'];
@@ -130,16 +134,18 @@ const SelectPlaceholder = [
 // Theme
 'theme-foreground-outline', 'dark:theme-foreground-outline-dark'];
 const SelectDropdown = [
-// Layout
+// Overflow
 'overflow-y-auto',
 // Box
-'max-h-[340px]', 'rounded-b-md',
+'max-h-[340px]',
+// Shape
+'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
-'flex', 'items-center', 'justify-center',
-// Sizing
+'layout-row justify-center',
+// Spacing
 'px-md', 'py-md',
 // Typography
 'typography-caption-regular',

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

@@ -1,11 +1,11 @@
 import { defineComponent, ref, computed } from 'vue';
-import './OrIcon-3a514933.js';
+import './OrIcon-d878b768.js';
 import { u as useClassAttribute } from './useClassAttribute-00888f78.js';
-import { s as script$1 } from './OrIcon.vue_vue_type_script_lang-41a6a57a.js';
+import { s as script$1 } from './OrIcon.vue_vue_type_script_lang-a119a715.js';
 
 const SortHeaderRoot = [
 // Layout
-'inline-flex', 'justify-normal', 'items-center',
+'layout-row',
 // Interactivity
 'interactivity-auto',
 // Typography

package/dist/bundled/v3/{OrSwitch.vue_vue_type_script_lang-c72499ac.js → OrSwitch.vue_vue_type_script_lang-04829f64.js}

@@ -1,23 +1,25 @@
 import { defineComponent, getCurrentInstance, ref, computed } from 'vue';
-import './OrLabel-2809e2db.js';
+import './OrLabel-c6873e79.js';
 import './OrLoader-c4bbef2f.js';
 import { u as useClassAttribute } from './useClassAttribute-00888f78.js';
-import { s as script$1, L as LabelVariant } from './OrLabel.vue_vue_type_script_lang-e42de5d1.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-5405040c.js';
 
 const SwitchRoot = [
 // Layout
-'flex', 'items-center',
-// Sizing
+'layout-row',
+// Spacing
 'gap-sm+ md:gap-sm'];
 const SwitchControl = [
 // Layout
-'flex', 'items-center', 'justify-start checked:justify-end',
+'layout-row justify-start checked:justify-end',
 // Box
-'w-[43px] md:w-[37px]', 'h-[24px] md:h-[21px]', 'rounded-full',
-// Sizing
+'w-[43px] md:w-[37px]', 'h-[24px] md:h-[21px]',
+// Shape
+'rounded-full',
+// Spacing
 'px-[2px]', 'active:px-[1px]',
-// Sizing (checked)
+// Spacing (checked)
 'checked:px-[3px]', 'active:checked:px-[2px]',
 // Interactivity
 'interactivity-auto',
@@ -29,21 +31,27 @@ const SwitchControl = [
 'checked:theme-preset-1-primary', 'dark:checked:theme-preset-1-primary-dark'];
 const SwitchControlHandle = [
 // Box
-'after:w-[18px] after:md:w-[16px]', 'after:h-[18px] after:md:h-[16px]', 'after:rounded-full',
+'after:w-[18px] after:md:w-[16px]', 'after:h-[18px] after:md:h-[16px]',
+// Shape
+'after:rounded-full',
 // Theme
 'after:active:w-[20px] after:active:md:w-[18px]', 'after:active:h-[20px] after:active:md:h-[18px]', 'after:bg-outline', 'after:dark:bg-outline-dark', 'after:hover:bg-on-surface-variant', 'after:hover:dark:bg-on-surface-variant-dark', 'after:focus:bg-on-surface-variant', 'after:focus:dark:bg-on-surface-variant-dark', 'after:active:bg-outline', 'after:active:dark:bg-outline-dark', 'after:disabled:bg-on-disabled', 'after:disabled:dark:bg-on-disabled-dark', 'after:checked:bg-on-primary', 'after:checked:dark:bg-on-primary-dark', 'after:checked:shadow', 'after:checked:hover:bg-primary-container', 'after:checked:hover:dark:bg-primary-container-dark', 'after:checked:focus:bg-primary-container', 'after:checked:focus:dark:bg-primary-container-dark', 'after:checked:active:bg-on-primary', 'after:checked:active:dark:bg-on-primary-dark', 'after:checked:disabled:bg-on-disabled', 'after:checked:disabled:dark:bg-on-disabled-dark'];
 const SwitchLoader = [
 // Layout
-'flex', 'items-center', 'justify-center',
+'layout-row justify-center',
 // Box
-'w-[24px] md:w-[20px]', 'h-[24px] md:h-[20px]', 'rounded-full',
+'w-[24px] md:w-[20px]', 'h-[24px] md:h-[20px]',
+// Shape
+'rounded-full',
 // Theme
 'theme-border-1-outline', 'dark:theme-border-1-outline-dark'];
 const SwitchLoaderHandle = [
 // Layout
 'after:absolute',
 // Box
-'after:w-[18px] after:md:w-[14px]', 'after:h-[18px] after:md:h-[14px]', 'after:rounded-full',
+'after:w-[18px] after:md:w-[14px]', 'after:h-[18px] after:md:h-[14px]',
+// Shape
+'after:rounded-full',
 // Theme
 'after:bg-outline', 'dark:after:bg-outline-dark', 'disabled:after:bg-on-disabled', 'dark:disabled:after:bg-on-disabled-dark'];
 

package/dist/bundled/v3/{OrTab.vue_vue_type_script_lang-671949b7.js → OrTab.vue_vue_type_script_lang-134ad9d1.js}

@@ -3,8 +3,8 @@ import { u as useClassAttribute } from './useClassAttribute-00888f78.js';
 
 const TabRoot = [
 // Layout
-'flex', 'items-center', 'justify-center',
-// Sizing
+'layout-row justify-center',
+// Spacing
 'py-[6px]',
 // Interactivity
 'interactivity-auto',

package/dist/bundled/v3/{OrTabs.vue_vue_type_script_lang-ca57f9d9.js → OrTabs.vue_vue_type_script_lang-919b2021.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-3a514933.js';
-import { s as script$1 } from './OrMenu.vue_vue_type_script_lang-bae45062.js';
-import './OrMenuItem-94ffa853.js';
-import { s as script$2 } from './OrTab.vue_vue_type_script_lang-671949b7.js';
+import './OrIcon-d878b768.js';
+import { s as script$1 } from './OrMenu.vue_vue_type_script_lang-2446a69a.js';
+import './OrMenuItem-4feaba6c.js';
+import { s as script$2 } from './OrTab.vue_vue_type_script_lang-134ad9d1.js';
 import { u as useClassAttribute } from './useClassAttribute-00888f78.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';
+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-0ffaef05.js';
 
 function render$1(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_OrPopover = resolveComponent("OrPopover");
@@ -63,7 +63,7 @@ const TabsRoot = [
 'grid', 'items-center', 'grid-flow-col',
 // Box
 'overflow-hidden',
-// Sizing
+// Spacing
 'gap-md',
 // Theme
 'theme-border-1-outline', 'dark:theme-border-1-outline', 'theme-border-underline', 'dark:theme-border-underline'];

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

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed, watchPostEffect, unref } from 'vue';
-import './OrIconButton-8c211219.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-79d08a2b.js';
+import { s as script$1 } from './OrIconButton.vue_vue_type_script_lang-641f6e06.js';
 
 var TagVariant;
 (function (TagVariant) {
@@ -17,13 +17,15 @@ var TagColor;
 
 const TagRoot = [
 // Layout
-'flex', 'items-center', 'justify-center',
+'layout-inline-row',
 // Box
-'max-w-max', 'rounded-full',
-// Sizing
-'px-sm+ md:px-sm', 'py-sm md:py-xs', 'gap-sm md:gap-xs',
+'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-d5a64917.js → OrTextarea.vue_vue_type_script_lang-8e3531cd.js}

@@ -1,17 +1,17 @@
 import { defineComponent, getCurrentInstance, ref, computed } from 'vue';
-import './OrHint-c235be5d.js';
-import './OrInputBox-81385a91.js';
-import './OrLabel-2809e2db.js';
+import './OrHint-9592499e.js';
+import './OrInputBox-eb54d73d.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-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-760097b4.js';
-import { s as script$4 } from './OrLabel.vue_vue_type_script_lang-e42de5d1.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-96f94c4e.js';
 
 const TextareaRoot = [
 // Layout
-'flex', 'flex-col',
-// Sizing
+'layout-column',
+// Spacing
 'gap-xs'];
 const TextareaControl = [
 // Layout

package/dist/bundled/v3/{OrToastContainer-03571359.js → OrToastContainer-afb51e5d.js}

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