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

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

@@ -1,6 +1,6 @@
 import { defineComponent, ref, computed } from 'vue';
-import './OrIcon-3a514933.js';
-import { s as script$1 } from './OrIcon.vue_vue_type_script_lang-41a6a57a.js';
+import './OrIcon-d878b768.js';
+import { s as script$1 } from './OrIcon.vue_vue_type_script_lang-a119a715.js';
 
 var FabColor;
 (function (FabColor) {
@@ -10,13 +10,13 @@ var FabColor;
 
 const FabRoot = [
 // Layout
-'flex', 'justify-center', 'items-center',
-// Box
+'layout-inline-row justify-center',
+// Shape
 'rounded-full',
-// Sizing
-'px-md', 'py-md',
+// Spacing
+'px-md+', 'py-md+',
 // Theme
-'shadow-button', 'dark:shadow-button-dark'];
+'enabled:shadow-button', 'dark:enabled:shadow-button-dark'];
 const FabRootColors = {
   'primary': [
   // Theme

package/dist/bundled/v3/{OrIcon-3a514933.js → OrIcon-d878b768.js}

@@ -1,4 +1,4 @@
-import { s as script } from './OrIcon.vue_vue_type_script_lang-41a6a57a.js';
+import { s as script } from './OrIcon.vue_vue_type_script_lang-a119a715.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-41a6a57a.js → OrIcon.vue_vue_type_script_lang-a119a715.js}

@@ -19,9 +19,7 @@ var IconSize;
 
 const IconRoot = [
 // Layout
-'inline-flex', 'items-center', 'justify-center',
-// Typography
-'align-bottom'];
+'layout-inline-row justify-center'];
 const IconRootVariants = {
   'outlined': [
   // Iconography
@@ -42,17 +40,17 @@ const IconRootVariants = {
 const IconRootSizes = {
   'xl': [
   // Box
-  'w-[36px] md:w-[32px]', 'h-[36px] md:h-[32px]',
+  'w-[28px] md:w-[24px]', 'h-[28px] md:h-[24px]',
   // Typography
-  'text-[32px] md:text-[28px]'],
+  'text-[28px] md:text-[24px]'],
   'l': [
   // Box
-  'w-[28px] md:w-[24px]', 'h-[28px] md:h-[24px]',
+  'w-[24px] md:w-[20px]', 'h-[24px] md:h-[20px]',
   // Typography
   'text-[24px] md:text-[20px]'],
   'm': [
   // Box
-  'w-[24px] md:w-[20px]', 'h-[24px] md:h-[20px]',
+  'w-[20px] md:w-[16px]', 'h-[20px] md:h-[16px]',
   // Typography
   'text-[20px] md:text-[16px]'],
   'inherit': [
@@ -93,4 +91,4 @@ var script = defineComponent({
   }
 });
 
-export { IconVariant as I, IconSize as a, script as s };
+export { IconSize as I, IconVariant as a, script as s };

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

@@ -1,4 +1,4 @@
-import { s as script } from './OrIconButton.vue_vue_type_script_lang-79d08a2b.js';
+import { s as script } from './OrIconButton.vue_vue_type_script_lang-78c0039b.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, mergeProps({
-      variant: 'inherit'
-    }, typeof _ctx.icon === 'string' ? {
-      icon: _ctx.icon
-    } : _ctx.icon), null, 16 /* FULL_PROPS */)], 16 /* FULL_PROPS */, _hoisted_1)]),
+    }), [createVNode(_component_OrIcon, {
+      icon: _ctx.icon,
+      variant: 'inherit',
+      size: _ctx.size
+    }, null, 8 /* PROPS */, ["icon", "size"])], 16 /* FULL_PROPS */, _hoisted_1)]),
     _: 1 /* STABLE */
   }, 16 /* FULL_PROPS */);
 }

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

@@ -1,7 +1,7 @@
 import { resolveComponent, openBlock, createElementBlock, mergeProps, renderSlot, createBlock, withCtx, createElementVNode, normalizeClass, toDisplayString, createCommentVNode, defineComponent, ref, computed } from 'vue';
-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 './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 { u as useClassAttribute } from './useClassAttribute-00888f78.js';
 
 function render(_ctx, _cache, $props, $setup, $data, $options) {
@@ -40,9 +40,11 @@ var IconButtonColor;
 
 const IconButtonRoot = [
 // Layout
-'flex', 'items-center', 'justify-center',
-// Box
-'max-w-max', 'rounded-full',
+'layout-inline-row justify-center',
+// Shape
+'rounded-full',
+// Spacing
+'mx-[-2px]', 'my-[-2px]', 'px-[2px]', 'py-[2px]',
 // Interactivity
 'interactivity-auto',
 // Typography
@@ -74,13 +76,17 @@ var script = defineComponent({
   inheritAttrs: false,
   props: {
     icon: {
-      type: [String, Object],
+      type: String,
       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-4257a72b.js → OrInlineInput.vue_vue_type_script_lang-c49ca2e4.js}

@@ -1,12 +1,12 @@
 import { defineComponent, getCurrentInstance, ref, computed, watch } from 'vue';
 import './OrHint-c235be5d.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 './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 { 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-79d08a2b.js';
+import { s as script$3 } from './OrIconButton.vue_vue_type_script_lang-78c0039b.js';
 
 var InlineInputType;
 (function (InlineInputType) {
@@ -16,8 +16,8 @@ var InlineInputType;
 
 const InlineInputRoot = [
 // Layout
-'flex', 'flex-col',
-// Sizing
+'layout-column',
+// Spacing
 'gap-xs'];
 const InlineInputControl = [
 // Layout
@@ -28,9 +28,9 @@ const InlineInputControl = [
 'placeholder:theme-foreground-outline', 'dark:placeholder:theme-foreground-outline-dark'];
 const InlineInputAction = [
 // Layout
-'flex', 'items-center',
-// Sizing
-'gap-sm',
+'layout-inline-row',
+// Spacing
+'gap-md',
 // Theme
 'theme-foreground-outline', 'dark:theme-foreground-outline-dark'];
 

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

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

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

@@ -9,19 +9,21 @@ var InlineInputBoxSize;
 
 const InlineInputBoxRoot = [
 // Layout
-'flex', 'items-center',
+'layout-row',
 // Box
-'w-full', 'rounded-sm',
+'w-full',
+// Shape
+'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': [
-  // Sizing
+  // Spacing
   'activated:children:px-sm', 'children:py-xs', 'gap-md',
   // Typography
   'typography-headline-2'],
   's': [
-  // Sizing
+  // Spacing
   'activated:children:px-sm', 'children:py-none', 'gap-md',
   // Typography
   'typography-body-2-regular']

package/dist/bundled/v3/{OrInlineTextarea.vue_vue_type_script_lang-e3ce83e1.js → OrInlineTextarea.vue_vue_type_script_lang-a941e77d.js}

@@ -1,17 +1,17 @@
 import { defineComponent, getCurrentInstance, ref, computed, watch } from 'vue';
 import './OrHint-c235be5d.js';
-import './OrIconButton-8c211219.js';
-import './OrInlineInputBox-2eede01a.js';
+import './OrIconButton-0aed90ce.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-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-79d08a2b.js';
-import { s as script$4 } from './OrInlineInputBox.vue_vue_type_script_lang-23b531ad.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';
 
 const InlineTextareaRoot = [
 // Layout
-'flex', 'flex-col',
-// Sizing
+'layout-column',
+// Spacing
 'gap-xs'];
 const InlineTextareaControl = [
 // Layout
@@ -22,9 +22,9 @@ const InlineTextareaControl = [
 'placeholder:theme-foreground-outline', 'dark:placeholder:theme-foreground-outline-dark'];
 const InlineTextareaAction = [
 // Layout
-'flex', 'items-center',
-// Sizing
-'gap-sm',
+'layout-inline-row',
+// Spacing
+'gap-md',
 // Theme
 'theme-foreground-outline', 'dark:theme-foreground-outline-dark'];
 

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

@@ -1,10 +1,10 @@
-import { s as script } from './OrInput.vue_vue_type_script_lang-3895999d.js';
+import { s as script } from './OrInput.vue_vue_type_script_lang-f4f94fb9.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(['-m-xs', 'ml-none'])
+  class: /*#__PURE__*/normalizeClass(['flex', 'items-center', '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-3895999d.js → OrInput.vue_vue_type_script_lang-f4f94fb9.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-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 './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 './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-41a6a57a.js';
-import { s as script$4 } from './OrIconButton.vue_vue_type_script_lang-79d08a2b.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';
 
 var InputType;
 (function (InputType) {
@@ -22,8 +22,8 @@ var InputType;
 
 const InputRoot = [
 // Layout
-'flex', 'flex-col',
-// Sizing
+'layout-column',
+// Spacing
 'gap-xs'];
 const InputControl = [
 // Layout

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

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

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

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

package/dist/bundled/v3/OrLoader-65868e73.js

@@ -0,0 +1,56 @@
+import { s as script } from './OrLoader.vue_vue_type_script_lang-edd1b404.js';
+import { openBlock, createElementBlock, mergeProps, createElementVNode, normalizeClass, createCommentVNode } from 'vue';
+
+const _hoisted_1 = ["width", "height"];
+const _hoisted_2 = {
+  fill: "none",
+  "stroke-width": "2",
+  "stroke-linecap": "round"
+};
+const _hoisted_3 = ["stroke"];
+const _hoisted_4 = {
+  key: 1,
+  width: "100%",
+  height: "4"
+};
+const _hoisted_5 = {
+  fill: "none",
+  "stroke-width": "4",
+  "stroke-linecap": "round"
+};
+const _hoisted_6 = /*#__PURE__*/createElementVNode("line", {
+  class: /*#__PURE__*/normalizeClass(['stroke-surface-variant', 'dark:stroke-surface-variant-dark']),
+  x1: "2",
+  y1: "50%",
+  x2: "calc(100% - 2px)",
+  y2: "50%"
+}, null, -1 /* HOISTED */);
+const _hoisted_7 = ["stroke"];
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", mergeProps({
+    ref: "root"
+  }, _ctx.$attrs, {
+    class: _ctx.rootStyles
+  }), [_ctx.variant === 'circular' ? (openBlock(), createElementBlock("svg", {
+    key: 0,
+    viewBox: "0 0 16 16",
+    width: _ctx.computedSize,
+    height: _ctx.computedSize
+  }, [createElementVNode("g", _hoisted_2, [createElementVNode("circle", {
+    class: normalizeClass(['animate-circular-loader', 'origin-center']),
+    cx: "50%",
+    cy: "50%",
+    r: "7",
+    stroke: _ctx.color === 'inherit' ? 'currentColor' : 'inherit'
+  }, null, 8 /* PROPS */, _hoisted_3)])], 8 /* PROPS */, _hoisted_1)) : createCommentVNode("v-if", true), _ctx.variant === 'linear' ? (openBlock(), createElementBlock("svg", _hoisted_4, [createElementVNode("g", _hoisted_5, [_hoisted_6, createElementVNode("line", {
+    class: normalizeClass(['animate-linear-loader', 'origin-center']),
+    x1: "2",
+    y1: "50%",
+    x2: "calc(100% - 2px)",
+    y2: "50%",
+    stroke: _ctx.color === 'inherit' ? 'currentColor' : 'inherit'
+  }, null, 8 /* PROPS */, _hoisted_7)])])) : createCommentVNode("v-if", true)], 16 /* FULL_PROPS */);
+}
+
+script.render = render;
+script.__file = "src/components/or-loader-v3/OrLoader.vue";

package/dist/bundled/v3/{OrLoader.vue_vue_type_script_lang-e2f5bb7d.js → OrLoader.vue_vue_type_script_lang-edd1b404.js}

@@ -20,7 +20,7 @@ var LoaderSize;
 
 const LoaderRoot = [
 // Layout
-'contents', 'flex', 'flex-col', 'space-y-md'];
+'contents'];
 const LoaderRootColors = {
   'primary': [
   // Theme
@@ -46,14 +46,6 @@ var script = defineComponent({
     size: {
       type: String,
       default: LoaderSize.M
-    },
-    title: {
-      type: String,
-      default: undefined
-    },
-    description: {
-      type: String,
-      default: undefined
     }
   },
   expose: ['root'],

package/dist/bundled/v3/{OrMenuItem-94ffa853.js → OrMenuItem-f0e0ea6b.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-9e2692cf.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-9e2692cf.js}

@@ -1,7 +1,7 @@
 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

package/dist/bundled/v3/{OrModal.vue_vue_type_script_lang-142d9a56.js → OrModal.vue_vue_type_script_lang-29529b8b.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 './OrIconButton-0aed90ce.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-78c0039b.js';
 
 var ModalSize;
 (function (ModalSize) {

package/dist/bundled/v3/{OrNotification.vue_vue_type_script_lang-54e6a3aa.js → OrNotification.vue_vue_type_script_lang-bc254063.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-0aed90ce.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-78c0039b.js';
 
 var NotificationVariant;
 (function (NotificationVariant) {

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

@@ -1,9 +1,9 @@
 import { defineComponent, ref, computed } from 'vue';
 import { debouncedWatch } from '@vueuse/core';
-import './OrInput-33571984.js';
+import './OrInput-6f6ce9ed.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-f4f94fb9.js';
+import { a as InputBoxSize } from './OrInputBox.vue_vue_type_script_lang-5ee4ee45.js';
 
 var script = defineComponent({
   name: 'OrSearch',

package/dist/bundled/v3/{OrSelect.vue_vue_type_script_lang-e6be732c.js → OrSelect.vue_vue_type_script_lang-f4de7549.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-a305d8bc.js';
-import './OrIcon-3a514933.js';
-import './OrInput-33571984.js';
-import './OrInputBox-81385a91.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 './OrLabel-2809e2db.js';
-import './OrMenuItem-94ffa853.js';
+import './OrMenuItem-f0e0ea6b.js';
 import './OrPopover-93ef8c26.js';
-import { s as script$3 } from './OrTag.vue_vue_type_script_lang-18db0bd9.js';
+import { s as script$3 } from './OrTag.vue_vue_type_script_lang-fb65f814.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$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$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$a } from './OrMenuItem.vue_vue_type_script_lang-9e2692cf.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 = {
+const _hoisted_2$1 = {
   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, [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(['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({
@@ -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,13 @@ 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
+// Spacing
 'gap-xs',
 // Typography
 'typography-inherit'];
@@ -133,13 +135,15 @@ const SelectDropdown = [
 // Layout
 '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-a4c9b272.js}

@@ -1,7 +1,7 @@
 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

package/dist/bundled/v3/{OrSwitch.vue_vue_type_script_lang-e8ece219.js → OrSwitch.vue_vue_type_script_lang-b40bf75f.js}

@@ -1,9 +1,9 @@
 import { defineComponent, getCurrentInstance, ref, computed } from 'vue';
 import './OrLabel-2809e2db.js';
-import './OrLoader-c51c2f43.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-e42de5d1.js';
-import { s as script$2 } from './OrLoader.vue_vue_type_script_lang-e2f5bb7d.js';
+import { s as script$2 } from './OrLoader.vue_vue_type_script_lang-edd1b404.js';
 
 const SwitchRoot = [
 // Layout