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

package/dist/bundled/v2/{OrBottomSheet-7b5760dc.js → OrBottomSheet-1cd1ab4c.js}

@@ -7,21 +7,27 @@ import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 const BottomSheetRoot = [
 // Position
-'fixed', 'bottom-none', 'left-none', 'right-none',
+'fixed', 'left-none', 'right-none', 'bottom-none',
 // Layout
-'flex', 'flex-col',
+'layout-column',
 // Box
-'max-h-[50%]', 'rounded-t-lg',
+'max-h-[50%]',
+// Shape
+'rounded-t-lg',
 // Theme
-'theme-background-default', 'dark:theme-background-default-dark', 'theme-foreground-default', 'dark:theme-foreground-default-dark', 'shadow-contextual', 'dark:shadow-contextual-dark',
+'theme-background-default', 'dark:theme-background-default-dark', 'theme-foreground-default', 'dark:theme-foreground-default-dark',
+// Elevation
+'shadow-contextual', 'dark:shadow-contextual-dark',
 // Animation
 'transition-[min-height]', 'transition-[max-height]'];
 const BottomSheetHandle = [
 // Layout
-'flex', 'items-center', 'justify-center',
+'layout-row justify-center',
 // Box
-'after:w-2xl', 'after:h-xs', 'after:rounded-full',
-// Sizing
+'after:w-2xl', 'after:h-xs',
+// Shape
+'after:rounded-full',
+// Spacing
 'px-sm', 'py-sm',
 // Interactivity
 'cursor-grab',
@@ -30,7 +36,7 @@ const BottomSheetHandle = [
 const BottomSheetHeader = [
 // Layout
 'empty:hidden',
-// Sizing
+// Spacing
 'px-lg', 'py-md',
 // Typography
 'typography-headline-3'];

package/dist/bundled/v2/{OrButton-a4952445.js → OrButton-52399414.js}

@@ -26,8 +26,8 @@ var ButtonType;
 
 const ButtonRoot = [
 // Layout
-'inline-flex', 'items-center', 'justify-center',
-// Box
+'layout-inline-row justify-center',
+// Shape
 'rounded-md',
 // Interactivity
 'interactivity-auto',
@@ -35,18 +35,18 @@ const ButtonRoot = [
 'typography-button'];
 const ButtonRootVariants = {
   'contained': [
-  // Sizing
+  // Spacing
   'px-md md:px-md', 'py-sm+ md:py-sm', 'gap-sm+ md:gap-sm',
   // Theme
   'enabled:shadow-button', 'dark:enabled:shadow-button-dark'],
   'outlined': [
-  // Sizing
+  // Spacing
   'px-[15px] md:px-[15px]', 'py-[11px] md:py-[7px]', 'gap-sm+ md:gap-sm'],
   'text': [
-  // Sizing
+  // Spacing
   'px-md md:px-md', 'py-sm+ md:py-sm', 'gap-sm+ md:gap-sm'],
   'link': [
-  // Sizing
+  // Spacing
   'gap-sm md:gap-xs']
 };
 const ButtonRootColors = {

package/dist/bundled/v2/{OrCard-04a23728.js → OrCard-58a1ba3e.js}

@@ -5,15 +5,17 @@ import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 const CardRoot = [
 // Layout
-'flex', 'flex-col',
-// Box
+'layout-column',
+// Shape
 'rounded-md',
-// Sizing
+// Spacing
 'px-md', 'py-md', 'gap-[10px]',
 // Typography
 'typography-body-2-regular',
 // Theme
-'theme-background-default', 'dark:theme-background-default-dark', 'theme-foreground-default', 'dark:theme-foreground-default-dark', 'shadow-card', 'dark:shadow-card-dark'];
+'theme-background-default', 'dark:theme-background-default-dark', 'theme-foreground-default', 'dark:theme-foreground-default-dark',
+// Elevation
+'shadow-card', 'dark:shadow-card-dark'];
 
 var script = defineComponent({
   name: 'OrCard',

package/dist/bundled/v2/{OrCardCollection-87b47b1d.js → OrCardCollection-52fd747b.js}

@@ -1,8 +1,8 @@
 import './index-fa6eb4ca.js';
-import { O as OrCard } from './OrCard-04a23728.js';
-import { O as OrIconButton } from './OrIconButton-165934f8.js';
-import { O as OrInput } from './OrInput-cdd93d29.js';
-import { O as OrSortHeader } from './OrSortHeader-76b509a6.js';
+import { O as OrCard } from './OrCard-58a1ba3e.js';
+import { O as OrIconButton } from './OrIconButton-400af09a.js';
+import { O as OrInput } from './OrInput-beb6193b.js';
+import { O as OrSortHeader } from './OrSortHeader-396e6a7c.js';
 import { u as useClassAttribute } from './useClassAttribute-9bf33346.js';
 import { defineComponent, ref, computed, watch } from '@vue/composition-api/dist/vue-composition-api.mjs';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
@@ -15,19 +15,19 @@ var CardCollectionView;
 
 const CardCollectionRoot = [
 // Layout
-'flex flex-col',
+'layout-column',
 // Spacing
 'gap-md'];
 const CardCollectionToolbar = [
 // Layout
-'flex', 'justify-between', 'items-center',
+'layout-row justify-between',
 // Typography
 'typography-body-2-regular',
 // Theme
 'theme-foreground-default', 'dark:theme-foreground-default-dark'];
 const CardCollectionToolbarPanel = [
 // Layout
-'flex', 'justify-normal', 'items-center',
+'layout-row',
 // Spacing
 'gap-sm'];
 const CardCollectionContent = [

package/dist/bundled/v2/{OrCheckbox-5b499fc5.js → OrCheckbox-f8354461.js}

@@ -1,5 +1,5 @@
 import './index-fa6eb4ca.js';
-import { O as OrLabel, L as LabelVariant } from './OrLabel-0424be48.js';
+import { O as OrLabel, L as LabelVariant } from './OrLabel-3cbdf198.js';
 import { u as useClassAttribute } from './useClassAttribute-9bf33346.js';
 import { defineComponent, getCurrentInstance, ref, computed } from '@vue/composition-api/dist/vue-composition-api.mjs';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
@@ -7,14 +7,16 @@ import { c as createInjector } from './browser-82dea9ed.js';
 
 const CheckboxRoot = [
 // Layout
-'flex', 'items-center',
-// Sizing
+'layout-row',
+// Spacing
 'gap-sm+ md:gap-sm'];
 const CheckboxControl = [
 // Layout
-'flex', 'items-center', 'justify-center',
+'layout-row justify-center',
 // Box
-'w-md+ md:w-md', 'h-md+ md:h-md', 'rounded-sm',
+'w-md+ md:w-md', 'h-md+ md:h-md',
+// Shape
+'rounded-sm',
 // Interactivity
 'interactivity-auto',
 // Iconography

package/dist/bundled/v2/{OrCheckbox-4cbddd67.js → OrCheckbox-f97a57b9.js}

@@ -60,7 +60,7 @@ var script = defineComponent({
     isChecked() {
       var _a;
       if (this.isArrayModelValue) {
-        return _.includes(this.modelValue, this.value);
+        return _.some(this.modelValue, this.value) || _.includes(this.modelValue, this.value);
       }
       if (this.withState) return (_a = this.modelValue) === null || _a === void 0 ? void 0 : _a.icon;
       return !!this.modelValue;
@@ -161,14 +161,14 @@ var __vue_staticRenderFns__ = [];
 /* style */
 const __vue_inject_styles__ = function (inject) {
   if (!inject) return;
-  inject("data-v-71ea92fe_0", {
-    source: "@keyframes spinAround-data-v-71ea92fe{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes fade-data-v-71ea92fe{from{opacity:1}to{opacity:0}}.or-checkbox[data-v-71ea92fe]{display:inline-flex;align-items:center;font-size:var(--fs-1);line-height:1rem;color:inherit;cursor:pointer}.or-checkbox--checkbox[data-v-71ea92fe]{display:inline-flex;align-items:center;justify-content:center;width:1rem;min-width:1rem;height:1rem;min-height:1rem;margin-right:var(--s-3);background-color:var(--c-white);border:1px solid var(--c-neutral-2);border-radius:2px;transition-timing-function:var(--t-func);transition-duration:var(--t-duration);transition-property:background-color,border-color}.or-checkbox[data-v-71ea92fe]  .or-icon{font-size:1rem;color:var(--c-white);transition-timing-function:var(--t-func);transition-duration:var(--t-duration);transition-property:color}@media (hover:hover) and (pointer:fine){.or-checkbox:not(.or-checkbox.is-loading):not(.or-checkbox.is-disabled):not(.or-checkbox.is-readonly):not(.or-checkbox:disabled):not(.or-checkbox.is-focused):not(.or-checkbox:active):hover .or-checkbox--checkbox[data-v-71ea92fe]{border-color:var(--c-neutral-2-darken-3)}}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.or-checkbox:not(.or-checkbox.is-loading):not(.or-checkbox.is-disabled):not(.or-checkbox.is-readonly):not(.or-checkbox:disabled):not(.or-checkbox.is-focused):not(.or-checkbox:active):hover .or-checkbox--checkbox[data-v-71ea92fe]{border-color:var(--c-neutral-2-darken-3)}}.or-checkbox:not(:disabled):not(.is-loading):not(.is-disabled):not(.is-readonly):active .or-checkbox--checkbox[data-v-71ea92fe]{border-color:var(--c-neutral-2-darken-5)}.or-checkbox.is-disabled[data-v-71ea92fe],.or-checkbox[data-v-71ea92fe]:disabled{cursor:not-allowed}.or-checkbox.is-checked .or-checkbox--checkbox[data-v-71ea92fe]{background-color:var(--c-primary);border-color:var(--c-primary)}@media (hover:hover) and (pointer:fine){.or-checkbox.is-checked:not(.or-checkbox.is-checked.is-loading):not(.or-checkbox.is-checked.is-disabled):not(.or-checkbox.is-checked.is-readonly):not(.or-checkbox.is-checked:disabled):not(.or-checkbox.is-checked.is-focused):not(.or-checkbox.is-checked:active):hover .or-checkbox--checkbox[data-v-71ea92fe]{background-color:var(--c-primary-darken-3);border-color:var(--c-primary-darken-3)}}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.or-checkbox.is-checked:not(.or-checkbox.is-checked.is-loading):not(.or-checkbox.is-checked.is-disabled):not(.or-checkbox.is-checked.is-readonly):not(.or-checkbox.is-checked:disabled):not(.or-checkbox.is-checked.is-focused):not(.or-checkbox.is-checked:active):hover .or-checkbox--checkbox[data-v-71ea92fe]{background-color:var(--c-primary-darken-3);border-color:var(--c-primary-darken-3)}}.or-checkbox.is-checked:not(:disabled):not(.is-loading):not(.is-disabled):not(.is-readonly):active .or-checkbox--checkbox[data-v-71ea92fe]{background-color:var(--c-primary-darken-5);border-color:var(--c-primary-darken-5)}.or-checkbox.is-checked.is-disabled[data-v-71ea92fe],.or-checkbox.is-checked[data-v-71ea92fe]:disabled{cursor:not-allowed}.or-checkbox.is-checked.is-disabled .or-checkbox--checkbox[data-v-71ea92fe],.or-checkbox.is-checked:disabled .or-checkbox--checkbox[data-v-71ea92fe]{background-color:var(--c-primary-lighten-20);border-color:var(--c-primary-lighten-20)}",
+  inject("data-v-5fd5a818_0", {
+    source: "@keyframes spinAround-data-v-5fd5a818{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes fade-data-v-5fd5a818{from{opacity:1}to{opacity:0}}.or-checkbox[data-v-5fd5a818]{display:inline-flex;align-items:center;font-size:var(--fs-1);line-height:1rem;color:inherit;cursor:pointer}.or-checkbox--checkbox[data-v-5fd5a818]{display:inline-flex;align-items:center;justify-content:center;width:1rem;min-width:1rem;height:1rem;min-height:1rem;margin-right:var(--s-3);background-color:var(--c-white);border:1px solid var(--c-neutral-2);border-radius:2px;transition-timing-function:var(--t-func);transition-duration:var(--t-duration);transition-property:background-color,border-color}.or-checkbox[data-v-5fd5a818]  .or-icon{font-size:1rem;color:var(--c-white);transition-timing-function:var(--t-func);transition-duration:var(--t-duration);transition-property:color}@media (hover:hover) and (pointer:fine){.or-checkbox:not(.or-checkbox.is-loading):not(.or-checkbox.is-disabled):not(.or-checkbox.is-readonly):not(.or-checkbox:disabled):not(.or-checkbox.is-focused):not(.or-checkbox:active):hover .or-checkbox--checkbox[data-v-5fd5a818]{border-color:var(--c-neutral-2-darken-3)}}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.or-checkbox:not(.or-checkbox.is-loading):not(.or-checkbox.is-disabled):not(.or-checkbox.is-readonly):not(.or-checkbox:disabled):not(.or-checkbox.is-focused):not(.or-checkbox:active):hover .or-checkbox--checkbox[data-v-5fd5a818]{border-color:var(--c-neutral-2-darken-3)}}.or-checkbox:not(:disabled):not(.is-loading):not(.is-disabled):not(.is-readonly):active .or-checkbox--checkbox[data-v-5fd5a818]{border-color:var(--c-neutral-2-darken-5)}.or-checkbox.is-disabled[data-v-5fd5a818],.or-checkbox[data-v-5fd5a818]:disabled{cursor:not-allowed}.or-checkbox.is-checked .or-checkbox--checkbox[data-v-5fd5a818]{background-color:var(--c-primary);border-color:var(--c-primary)}@media (hover:hover) and (pointer:fine){.or-checkbox.is-checked:not(.or-checkbox.is-checked.is-loading):not(.or-checkbox.is-checked.is-disabled):not(.or-checkbox.is-checked.is-readonly):not(.or-checkbox.is-checked:disabled):not(.or-checkbox.is-checked.is-focused):not(.or-checkbox.is-checked:active):hover .or-checkbox--checkbox[data-v-5fd5a818]{background-color:var(--c-primary-darken-3);border-color:var(--c-primary-darken-3)}}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.or-checkbox.is-checked:not(.or-checkbox.is-checked.is-loading):not(.or-checkbox.is-checked.is-disabled):not(.or-checkbox.is-checked.is-readonly):not(.or-checkbox.is-checked:disabled):not(.or-checkbox.is-checked.is-focused):not(.or-checkbox.is-checked:active):hover .or-checkbox--checkbox[data-v-5fd5a818]{background-color:var(--c-primary-darken-3);border-color:var(--c-primary-darken-3)}}.or-checkbox.is-checked:not(:disabled):not(.is-loading):not(.is-disabled):not(.is-readonly):active .or-checkbox--checkbox[data-v-5fd5a818]{background-color:var(--c-primary-darken-5);border-color:var(--c-primary-darken-5)}.or-checkbox.is-checked.is-disabled[data-v-5fd5a818],.or-checkbox.is-checked[data-v-5fd5a818]:disabled{cursor:not-allowed}.or-checkbox.is-checked.is-disabled .or-checkbox--checkbox[data-v-5fd5a818],.or-checkbox.is-checked:disabled .or-checkbox--checkbox[data-v-5fd5a818]{background-color:var(--c-primary-lighten-20);border-color:var(--c-primary-lighten-20)}",
     map: undefined,
     media: undefined
   });
 };
 /* scoped */
-const __vue_scope_id__ = "data-v-71ea92fe";
+const __vue_scope_id__ = "data-v-5fd5a818";
 /* module identifier */
 const __vue_module_identifier__ = undefined;
 /* functional template */

package/dist/bundled/v2/{OrConfirm-196a014f.js → OrConfirm-fb7f318d.js}

@@ -2,8 +2,8 @@ import './index-fa6eb4ca.js';
 import { useMagicKeys, whenever } from '@vueuse/core';
 import { l as logicAnd } from './index-17f264f9.js';
 import { O as OrOverlay } from './OrOverlay-3c89d622.js';
-import { O as OrButton, a as ButtonColor } from './OrButton-a4952445.js';
-import { O as OrInput } from './OrInput-cdd93d29.js';
+import { O as OrButton, a as ButtonColor } from './OrButton-52399414.js';
+import { O as OrInput } from './OrInput-beb6193b.js';
 import { defineComponent, ref, computed, watch } from '@vue/composition-api/dist/vue-composition-api.mjs';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
@@ -15,15 +15,19 @@ var ConfirmType;
 
 const ConfirmRoot = [
 // Layout
-'flex', 'flex-col',
+'layout-column',
 // Box
-'w-[320px]', 'h-auto', 'rounded-md',
-// Sizing
+'w-[320px]',
+// Shape
+'rounded-md',
+// Spacing
 'px-lg', 'py-lg', 'gap-md',
 // 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 ConfirmHeader = [
 // Layout
 'flex', 'items-center', 'justify-between',
@@ -32,12 +36,12 @@ const ConfirmHeader = [
 const ConfirmInput = [
 // Box
 'w-full',
-// Sizing
+// Spacing
 'mt-md'];
 const ConfirmFooter = [
 // Layout
 'flex', 'items-center', 'justify-between',
-// Sizing
+// Spacing
 'gap-md'];
 const ConfirmFooterTypes = {
   [ConfirmType.C]: [

package/dist/bundled/v2/{OrError-66257a98.js → OrError-2ed34c3e.js}

@@ -5,8 +5,8 @@ import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 const ErrorRoot = [
 // Layout
-'flex', 'items-start', 'justify-between',
-// Sizing
+'layout-row !items-start justify-between',
+// Spacing
 'gap-sm',
 // Typography
 'typography-caption-regular',
@@ -19,9 +19,9 @@ const ErrorText = [
 'interactivity-none'];
 const ErrorAddon = [
 // Layout
-'flex empty:hidden',
+'empty:hidden',
 // Box
-'min-w-max'];
+'min-w-fit'];
 
 var script = defineComponent({
   name: 'OrError',

package/dist/bundled/v2/{OrErrorTag-c55ec019.js → OrErrorTag-b043fe06.js}

@@ -1,16 +1,18 @@
 import './index-fa6eb4ca.js';
-import { O as OrIcon } from './OrIcon-ce8fd08b.js';
+import { O as OrIcon } from './OrIcon-8625385f.js';
 import { u as useClassAttribute } from './useClassAttribute-9bf33346.js';
 import { defineComponent, ref, computed } from '@vue/composition-api/dist/vue-composition-api.mjs';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 const ErrorTagRoot = [
 // 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',
+'w-min',
+// Shape
+'rounded-full',
+// Spacing
+'px-sm+ md:px-sm', 'py-sm md:py-xs', 'gap-sm+ md:gap-sm',
 // Interactivity
 'interactivity-none',
 // Typography
@@ -49,13 +51,14 @@ var __vue_render__ = function () {
   return _c('div', _vm._b({
     ref: "root",
     class: _vm.rootStyles
-  }, 'div', _vm.$attrs, false), [_c('OrIcon', {
-    class: ['-m-xs', 'mr-none'],
+  }, 'div', _vm.$attrs, false), [_c('div', {
+    class: ['flex', 'items-center', 'm-[-4px] md:m-[-2px]']
+  }, [_c('OrIcon', {
     attrs: {
       "icon": 'error',
       "variant": 'filled-bold'
     }
-  }), _vm._v(" "), _vm._t("default")], 2);
+  })], 1), _vm._v(" "), _vm._t("default")], 2);
 };
 var __vue_staticRenderFns__ = [];
 

package/dist/bundled/v2/{OrExpansionPanel-41bbabd3.js → OrExpansionPanel-995caa85.js}

@@ -1,5 +1,5 @@
 import './index-fa6eb4ca.js';
-import { O as OrIcon } from './OrIcon-ce8fd08b.js';
+import { O as OrIcon } from './OrIcon-8625385f.js';
 import { u as useClassAttribute } from './useClassAttribute-9bf33346.js';
 import { defineComponent, ref, computed } from '@vue/composition-api/dist/vue-composition-api.mjs';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
@@ -17,21 +17,21 @@ var ExpansionPanelColor;
 
 const ExpansionPanelRoot = [
 // Layout
-'flex', 'flex-col'];
+'layout-column'];
 const ExpansionPanelRootVariants = {
   'default': [],
   'card': [
-  // Box
+  // Shape
   'rounded-md',
-  // Sizing
+  // Spacing
   'px-md', 'py-md', 'gap-md',
   // Theme
   'theme-background-surface-1', 'dark:theme-background-surface-1-dark']
 };
 const ExpansionPanelHeader = [
 // Layout
-'flex', 'items-center',
-// Sizing
+'layout-row',
+// Spacing
 'gap-sm',
 // Interactivity
 'interactivity-auto',
@@ -56,6 +56,8 @@ const ExpansionPanelHeaderColors = {
   'focus:theme-foreground-error-hover', 'dark:focus:theme-foreground-error-hover-dark']
 };
 const ExpansionPanelAddon = [
+// Layout
+'contents',
 // Typography
 'typography-body-2-regular',
 // Theme
@@ -121,7 +123,7 @@ var __vue_render__ = function () {
       "disabled": _vm.disabled ? '' : null
     }
   }, 'div', _vm.$attrs, false), [_c('div', {
-    class: ['flex', 'items-center', 'justify-between']
+    class: ['layout-row', 'justify-between']
   }, [_c('div', {
     class: _vm.headerStyles,
     attrs: {

package/dist/bundled/v2/{OrFab-ea844ff9.js → OrFab-ce64fd03.js}

@@ -1,5 +1,5 @@
 import './index-fa6eb4ca.js';
-import { O as OrIcon } from './OrIcon-ce8fd08b.js';
+import { O as OrIcon } from './OrIcon-8625385f.js';
 import { defineComponent, ref, computed } from '@vue/composition-api/dist/vue-composition-api.mjs';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
@@ -11,13 +11,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/v2/{OrHint-45904683.js → OrHint-1ffcd66c.js}

@@ -5,8 +5,8 @@ import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 const HintRoot = [
 // Layout
-'flex', 'items-start', 'justify-between',
-// Sizing
+'layout-row !items-start justify-between',
+// Spacing
 'gap-sm',
 // Typography
 'typography-caption-regular',
@@ -19,9 +19,9 @@ const HintText = [
 'interactivity-none'];
 const HintAddon = [
 // Layout
-'flex empty:hidden',
+'empty:hidden',
 // Box
-'min-w-max'];
+'min-w-fit'];
 
 var script = defineComponent({
   name: 'OrHint',

package/dist/bundled/v2/{OrIcon-ce8fd08b.js → OrIcon-8625385f.js}

@@ -21,9 +21,7 @@ var IconSize;
 
 const IconRoot = [
 // Layout
-'inline-flex', 'items-center', 'justify-center',
-// Typography
-'align-bottom'];
+'layout-inline-row justify-center'];
 const IconRootVariants = {
   'outlined': [
   // Iconography
@@ -44,17 +42,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': [
@@ -130,4 +128,4 @@ const __vue_component__ = /*#__PURE__*/normalizeComponent({
 }, __vue_inject_styles__, __vue_script__, __vue_scope_id__, __vue_is_functional_template__, __vue_module_identifier__, false, undefined, undefined, undefined);
 var OrIcon = __vue_component__;
 
-export { IconVariant as I, OrIcon as O, IconSize as a };
+export { IconSize as I, OrIcon as O, IconVariant as a };

package/dist/bundled/v2/{OrIconButton-165934f8.js → OrIconButton-400af09a.js}

@@ -1,6 +1,6 @@
 import './index-fa6eb4ca.js';
-import { O as OrIcon } from './OrIcon-ce8fd08b.js';
-import { O as OrTooltip } from './OrTooltip-03e06e9f.js';
+import { O as OrIcon, I as IconSize } from './OrIcon-8625385f.js';
+import { O as OrTooltip } from './OrTooltip-fbfa05fd.js';
 import { u as useClassAttribute } from './useClassAttribute-9bf33346.js';
 import { defineComponent, ref, computed } from '@vue/composition-api/dist/vue-composition-api.mjs';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
@@ -14,9 +14,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
@@ -55,6 +57,10 @@ var script = defineComponent({
       type: String,
       default: IconButtonColor.Inherit
     },
+    size: {
+      type: String,
+      default: IconSize.M
+    },
     disabled: {
       type: Boolean,
       default: false
@@ -109,7 +115,8 @@ var __vue_render__ = function () {
     }
   }, 'button', _vm.$attrs, false), [_c('OrIcon', _vm._b({
     attrs: {
-      "variant": 'inherit'
+      "variant": 'inherit',
+      "size": _vm.size
     }
   }, 'OrIcon', typeof _vm.icon === 'string' ? {
     icon: _vm.icon

package/dist/bundled/v2/{OrInlineInput-a552394c.js → OrInlineInput-bdca2540.js}

@@ -1,8 +1,8 @@
 import './index-fa6eb4ca.js';
-import { O as OrError } from './OrError-66257a98.js';
-import { O as OrHint } from './OrHint-45904683.js';
-import { O as OrIconButton } from './OrIconButton-165934f8.js';
-import { O as OrInlineInputBox, I as InlineInputBoxSize } from './OrInlineInputBox-f2b25ee4.js';
+import { O as OrError } from './OrError-2ed34c3e.js';
+import { O as OrHint } from './OrHint-1ffcd66c.js';
+import { O as OrIconButton } from './OrIconButton-400af09a.js';
+import { O as OrInlineInputBox, I as InlineInputBoxSize } from './OrInlineInputBox-f457210f.js';
 import { u as useClassAttribute } from './useClassAttribute-9bf33346.js';
 import { defineComponent, getCurrentInstance, ref, computed, watch } from '@vue/composition-api/dist/vue-composition-api.mjs';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
@@ -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-row',
+// Spacing
+'gap-md',
 // Theme
 'theme-foreground-outline', 'dark:theme-foreground-outline-dark'];
 
@@ -173,7 +173,7 @@ var __vue_render__ = function () {
     ref: "root",
     class: _vm.rootStyles
   }, [_c('div', {
-    class: ['flex', 'items-center', 'gap-[10px]']
+    class: ['flex', 'items-center', 'gap-md']
   }, [_c('OrInlineInputBox', {
     attrs: {
       "size": _vm.size,
@@ -332,14 +332,14 @@ var __vue_staticRenderFns__ = [];
 /* style */
 const __vue_inject_styles__ = function (inject) {
   if (!inject) return;
-  inject("data-v-28f73e22_0", {
-    source: "input[data-v-28f73e22]{min-width:0;background:0 0;outline:0}input[type=number][data-v-28f73e22]::-webkit-inner-spin-button{display:none}input[type=search][data-v-28f73e22]::-webkit-search-cancel-button{display:none}",
+  inject("data-v-4a5d9d34_0", {
+    source: "input[data-v-4a5d9d34]{min-width:0;background:0 0;outline:0}input[type=number][data-v-4a5d9d34]::-webkit-inner-spin-button{display:none}input[type=search][data-v-4a5d9d34]::-webkit-search-cancel-button{display:none}",
     map: undefined,
     media: undefined
   });
 };
 /* scoped */
-const __vue_scope_id__ = "data-v-28f73e22";
+const __vue_scope_id__ = "data-v-4a5d9d34";
 /* module identifier */
 const __vue_module_identifier__ = undefined;
 /* functional template */

package/dist/bundled/v2/{OrInlineInputBox-f2b25ee4.js → OrInlineInputBox-f457210f.js}

@@ -11,19 +11,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']