@onereach/ui-components 11.14.2-beta.4548.0 → 11.14.2-beta.4549.0

package/dist/bundled/v2/{OrInput-766ec05c.js → OrInput-0c402ac5.js}

@@ -7,7 +7,7 @@ import __vue_component__$4 from './components/OrIconButtonV3/OrIconButton.js';
 import __vue_component__$5 from './components/OrInputBoxV3/OrInputBox.js';
 import __vue_component__$6 from './components/OrLabelV3/OrLabel.js';
 import __vue_component__$7 from './components/OrLoaderV3/OrLoader.js';
-import { b as InputBoxSize } from './types-ef6428f0.js';
+import { InputBoxSize } from './components/OrInputBoxV3/props.js';
 import { useIdAttribute } from './hooks/useIdAttribute.js';
 import { useControlAttributes } from './hooks/useControlAttributes.js';
 import { useValidationAttributes } from './hooks/useValidationAttributes.js';

package/dist/bundled/v2/components/OrAutocompleteV3/OrAutocomplete.js

@@ -10,7 +10,7 @@ import __vue_component__$6 from '../OrLoaderV3/OrLoader.js';
 import __vue_component__$7 from '../OrMenuItemV3/OrMenuItem.js';
 import __vue_component__$8 from '../OrPopoverV3/OrPopover.js';
 import __vue_component__$9 from '../OrTagInputV3/OrTagInput.js';
-import { b as InputBoxSize } from '../../types-ef6428f0.js';
+import { InputBoxSize } from '../OrInputBoxV3/props.js';
 import { TagsOverflow } from '../OrTagsV3/props.js';
 import { useIdAttribute } from '../../hooks/useIdAttribute.js';
 import { useControlAttributes } from '../../hooks/useControlAttributes.js';

package/dist/bundled/v2/components/OrButtonV3/styles.js

@@ -36,40 +36,40 @@ const ButtonVariants = {
 const ButtonColors = {
   'primary-contained': [
   // Theme
-  'theme-preset-1-primary', 'dark:theme-preset-1-primary-dark'],
+  'theme-preset-1-primary'],
   'danger-contained': [
   // Theme
-  'theme-preset-1-error', 'dark:theme-preset-1-error-dark'],
+  'theme-preset-1-error'],
   'inherit-contained': [],
   'primary-outlined': [
   // Theme
-  'theme-preset-3-primary', 'dark:theme-preset-3-primary-dark', 'theme-border-outline border-1', 'dark:theme-border-outline-dark',
+  'theme-preset-3-primary', 'theme-border-outline border-1',
   // Theme (active)
-  'active:theme-border-primary active:border-1', 'dark:active:theme-border-primary-dark'],
+  'active:theme-border-primary active:border-1'],
   'danger-outlined': [
   // Theme
-  'theme-preset-3-error', 'dark:theme-preset-3-error-dark', 'theme-border-error border-1', 'dark:theme-border-error-dark'],
+  'theme-preset-3-error', 'theme-border-error border-1'],
   'inherit-outlined': [],
   'primary-text': [
   // Theme
-  'theme-preset-4-primary', 'dark:theme-preset-4-primary-dark'],
+  'theme-preset-4-primary'],
   'danger-text': [
   // Theme
-  'theme-preset-4-error', 'dark:theme-preset-4-error-dark'],
+  'theme-preset-4-error'],
   'inherit-text': [
   // Theme
-  'theme-foreground-inherit', 'dark:theme-foreground-inherit-dark'],
+  'theme-foreground-inherit'],
   'primary-link': [
   // Theme
-  'theme-preset-4-primary', 'dark:theme-preset-4-primary-dark'],
+  'theme-preset-4-primary'],
   'danger-link': [
   // Theme
-  'theme-preset-4-error', 'dark:theme-preset-4-error-dark'],
+  'theme-preset-4-error'],
   'inherit-link': [
   // Theme
-  'theme-foreground-inherit', 'dark:theme-foreground-inherit-dark',
+  'theme-foreground-inherit',
   // Theme (activated)
-  'activated:theme-foreground-default', 'dark:activated:theme-foreground-default-dark']
+  'activated:theme-foreground-default']
 };
 
 export { Button, ButtonColors, ButtonVariants };

package/dist/bundled/v2/components/OrCombinedInputV3/OrCombinedInput.js

@@ -3,7 +3,7 @@ import { CombinedInput, CombinedInputControlGroup } from './styles.js';
 import __vue_component__$1 from '../OrErrorV3/OrError.js';
 import __vue_component__$2 from '../OrHintV3/OrHint.js';
 import __vue_component__$3 from '../OrLabelV3/OrLabel.js';
-import { b as InputBoxSize } from '../../types-ef6428f0.js';
+import { InputBoxSize } from '../OrInputBoxV3/props.js';
 import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
 
 var script = defineComponent({

package/dist/bundled/v2/components/OrConfirmV3/OrConfirm.js

@@ -5,7 +5,7 @@ import { ConfirmType } from './props.js';
 import { Confirm, ConfirmHeader, ConfirmInput, ConfirmFooter, ConfirmFooterTypes, ConfirmFooterButtons } from './styles.js';
 import __vue_component__$1 from '../OrOverlayV3/OrOverlay.js';
 import __vue_component__$2 from '../OrButtonV3/OrButton.js';
-import { _ as __vue_component__$3 } from '../../OrInput-766ec05c.js';
+import { _ as __vue_component__$3 } from '../../OrInput-0c402ac5.js';
 import { usePopoverState } from '../../hooks/usePopoverState.js';
 import { ButtonColor } from '../OrButtonV3/props.js';
 import { w as whenever } from '../../index-279e78b9.js';

package/dist/bundled/v2/components/OrDataGridV3/OrDataGrid.js

@@ -1,2 +1,2 @@
-export { _ as default } from '../../OrDataGrid-b33f4084.js';
+export { _ as default } from '../../OrDataGrid-36b69591.js';
 import '../../normalize-component-6e8e3d80.js';

package/dist/bundled/v2/components/OrDataGridV3/index.js

@@ -1 +1 @@
-export { D as DataGridVariant, _ as OrDataGridV3 } from '../../OrDataGrid-b33f4084.js';
+export { D as DataGridVariant, _ as OrDataGridV3 } from '../../OrDataGrid-36b69591.js';

package/dist/bundled/v2/components/OrDatePickerV3/OrDatePicker.js

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed, toRef, watch } from 'vue-demi';
 import { DatePicker, DatePickerPopover } from './styles.js';
-import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-93953ed7.js';
-import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-38026924.js';
+import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-9b15211a.js';
+import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-4ce005cf.js';
 import __vue_component__$1 from '../OrErrorV3/OrError.js';
 import __vue_component__$2 from '../OrHintV3/OrHint.js';
 import __vue_component__$3 from '../OrIconV3/OrIcon.js';
@@ -11,7 +11,7 @@ import __vue_component__$6 from '../OrLabelV3/OrLabel.js';
 import __vue_component__$7 from '../OrPopoverV3/OrPopover.js';
 import { DropdownClose } from '../../directives/dropdown-close.js';
 import { DropdownOpen } from '../../directives/dropdown-open.js';
-import { b as InputBoxSize } from '../../types-ef6428f0.js';
+import { InputBoxSize } from '../OrInputBoxV3/props.js';
 import { useDateFormat } from '../../hooks/useDateFormat.js';
 import { useLocale } from '../../hooks/useLocale.js';
 import { getCurrentDate } from '../OrDateTimePickerV3/utils/getCurrentDate.js';

package/dist/bundled/v2/components/OrDateRangePickerV3/OrDateRangePicker.js

@@ -8,11 +8,11 @@ import __vue_component__$5 from '../OrInputBoxV3/OrInputBox.js';
 import __vue_component__$6 from '../OrLabelV3/OrLabel.js';
 import __vue_component__$7 from '../OrPopoverV3/OrPopover.js';
 import { getNextMonthDate } from '../OrDateTimePickerV3/utils/getNextMonthDate.js';
-import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-93953ed7.js';
-import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-38026924.js';
+import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-9b15211a.js';
+import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-4ce005cf.js';
 import { DropdownClose } from '../../directives/dropdown-close.js';
 import { DropdownOpen } from '../../directives/dropdown-open.js';
-import { b as InputBoxSize } from '../../types-ef6428f0.js';
+import { InputBoxSize } from '../OrInputBoxV3/props.js';
 import { useDateFormat } from '../../hooks/useDateFormat.js';
 import { useLocale } from '../../hooks/useLocale.js';
 import { getCurrentDate } from '../OrDateTimePickerV3/utils/getCurrentDate.js';

package/dist/bundled/v2/components/OrDateTimePickerV3/OrDateTimePicker.js

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed, toRef, watch } from 'vue-demi';
-import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-93953ed7.js';
-import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-38026924.js';
-import { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-5978d47a.js';
+import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-9b15211a.js';
+import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-4ce005cf.js';
+import { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-7c7c8c0b.js';
 import { DateTimePicker, DateTimePickerDatePopover, DateTimePickerTimePopover } from './styles.js';
 import __vue_component__$1 from '../OrErrorV3/OrError.js';
 import __vue_component__$2 from '../OrHintV3/OrHint.js';
@@ -18,7 +18,7 @@ import { useLocale } from '../../hooks/useLocale.js';
 import { getCurrentDate } from './utils/getCurrentDate.js';
 import { formatMobileDate } from './utils/formatMobileDate.js';
 import { formatMobileTime } from './utils/formatMobileTime.js';
-import { b as InputBoxSize } from '../../types-ef6428f0.js';
+import { InputBoxSize } from '../OrInputBoxV3/props.js';
 import { useProxyModelValue } from '../../hooks/useProxyModelValue.js';
 import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
 

package/dist/bundled/v2/components/OrDateTimePickerV3/index.js

@@ -1,7 +1,7 @@
 export { default as OrDateTimePickerV3 } from './OrDateTimePicker.js';
-export { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-93953ed7.js';
-export { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-38026924.js';
-export { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-5978d47a.js';
+export { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-9b15211a.js';
+export { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-4ce005cf.js';
+export { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-7c7c8c0b.js';
 export { formatDate } from './utils/formatDate.js';
 export { formatMobileDate } from './utils/formatMobileDate.js';
 export { formatMobileTime } from './utils/formatMobileTime.js';

package/dist/bundled/v2/components/OrInlineInputV3/OrInlineInput.js

@@ -1,2 +1,2 @@
-export { _ as default } from '../../OrInlineInput-34ff6a56.js';
+export { _ as default } from '../../OrInlineInput-72a15178.js';
 import '../../normalize-component-6e8e3d80.js';

package/dist/bundled/v2/components/OrInlineInputV3/index.js

@@ -1 +1 @@
-export { I as InlineInputType, _ as OrInlineInputV3 } from '../../OrInlineInput-34ff6a56.js';
+export { I as InlineInputType, _ as OrInlineInputV3 } from '../../OrInlineInput-72a15178.js';

package/dist/bundled/v2/components/OrInputBoxV3/OrInputBox.js

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed } from 'vue-demi';
 import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
-import { InputBox, InputBoxDirections, InputBoxVariants, InputBoxSizes } from './styles.js';
-import { I as InputBoxDirection, a as InputBoxVariant, b as InputBoxSize } from '../../types-ef6428f0.js';
+import { InputBoxVariant, InputBoxSize } from './props.js';
+import { InputBox, InputBoxVariants, InputBoxSizes } from './styles.js';
 
 const InputBoxAddon = [
 // Layout
@@ -84,10 +84,6 @@ var script = defineComponent({
     OrInputBoxAddon
   },
   props: {
-    direction: {
-      type: String,
-      default: () => InputBoxDirection.Row
-    },
     variant: {
       type: String,
       default: () => InputBoxVariant.Styled
@@ -115,7 +111,7 @@ var script = defineComponent({
     // Refs
     const root = ref();
     // Styles
-    const rootStyles = computed(() => ['or-input-box-v3', ...InputBox, ...InputBoxDirections[props.direction], ...InputBoxVariants[props.variant], ...InputBoxSizes[`${props.size}-${props.direction}`]]);
+    const rootStyles = computed(() => ['or-input-box-v3', ...InputBox, ...InputBoxVariants[props.variant], ...InputBoxSizes[props.size]]);
     return {
       root,
       rootStyles

package/dist/bundled/v2/components/OrInputBoxV3/OrInputBox.vue.d.ts

@@ -1,10 +1,6 @@
 import { PropType } from 'vue-demi';
-import { InputBoxDirection, InputBoxSize, InputBoxVariant } from './types';
+import { InputBoxSize, InputBoxVariant } from './props';
 declare const _default: import("vue-demi").DefineComponent<{
-    direction: {
-        type: PropType<"row" | "column">;
-        default: () => InputBoxDirection;
-    };
     variant: {
         type: PropType<"styled" | "unstyled">;
         default: () => InputBoxVariant;
@@ -29,10 +25,6 @@ declare const _default: import("vue-demi").DefineComponent<{
     root: import("vue-demi").Ref<HTMLElement | undefined>;
     rootStyles: import("vue-demi").ComputedRef<string[]>;
 }, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, "focus"[], "focus", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
-    direction: {
-        type: PropType<"row" | "column">;
-        default: () => InputBoxDirection;
-    };
     variant: {
         type: PropType<"styled" | "unstyled">;
         default: () => InputBoxVariant;
@@ -56,7 +48,6 @@ declare const _default: import("vue-demi").DefineComponent<{
 }>> & {
     onFocus?: ((...args: any[]) => any) | undefined;
 }, {
-    direction: "row" | "column";
     variant: "styled" | "unstyled";
     size: "m" | "s";
     invalid: boolean;

package/dist/bundled/v2/components/OrInputBoxV3/index.d.ts

@@ -1,2 +1,2 @@
 export { default as OrInputBoxV3 } from './OrInputBox.vue';
-export * from './types';
+export * from './props';

package/dist/bundled/v2/components/OrInputBoxV3/index.js

@@ -1,2 +1,2 @@
 export { default as OrInputBoxV3 } from './OrInputBox.js';
-export { I as InputBoxDirection, b as InputBoxSize, a as InputBoxVariant } from '../../types-ef6428f0.js';
+export { InputBoxSize, InputBoxVariant } from './props.js';

package/dist/bundled/v2/components/OrInputBoxV3/{types.d.ts → props.d.ts}

@@ -1,7 +1,3 @@
-export declare enum InputBoxDirection {
-    Row = "row",
-    Column = "column"
-}
 export declare enum InputBoxVariant {
     Styled = "styled",
     Unstyled = "unstyled"

package/dist/bundled/v2/{types-ef6428f0.js → components/OrInputBoxV3/props.js}

@@ -1,8 +1,3 @@
-var InputBoxDirection;
-(function (InputBoxDirection) {
-  InputBoxDirection["Row"] = "row";
-  InputBoxDirection["Column"] = "column";
-})(InputBoxDirection || (InputBoxDirection = {}));
 var InputBoxVariant;
 (function (InputBoxVariant) {
   InputBoxVariant["Styled"] = "styled";
@@ -14,4 +9,4 @@ var InputBoxSize;
   InputBoxSize["S"] = "s";
 })(InputBoxSize || (InputBoxSize = {}));
 
-export { InputBoxDirection as I, InputBoxVariant as a, InputBoxSize as b };
+export { InputBoxSize, InputBoxVariant };

package/dist/bundled/v2/components/OrInputBoxV3/styles.d.ts

@@ -1,5 +1,4 @@
-import { InputBoxDirection, InputBoxSize, InputBoxVariant } from './types';
+import { InputBoxSize, InputBoxVariant } from './props';
 export declare const InputBox: string[];
-export declare const InputBoxDirections: Record<InputBoxDirection, string[]>;
 export declare const InputBoxVariants: Record<InputBoxVariant, string[]>;
-export declare const InputBoxSizes: Record<`${InputBoxSize}-${InputBoxDirection}`, string[]>;
+export declare const InputBoxSizes: Record<InputBoxSize, string[]>;

package/dist/bundled/v2/components/OrInputBoxV3/styles.js

@@ -1,6 +1,8 @@
-import { I as InputBoxDirection, a as InputBoxVariant } from '../../types-ef6428f0.js';
+import { InputBoxVariant, InputBoxSize } from './props.js';
 
 const InputBox = [
+// Layout
+'layout-row',
 // Overflow
 'overflow-hidden',
 // Box
@@ -9,14 +11,6 @@ const InputBox = [
 'rounded-md',
 // Theme (children)
 'children:outline-none'];
-const InputBoxDirections = {
-  [InputBoxDirection.Row]: [
-  // Layout
-  'layout-row'],
-  [InputBoxDirection.Column]: [
-  // Layout
-  'layout-column']
-};
 const InputBoxVariants = {
   [InputBoxVariant.Styled]: [
   // Theme
@@ -36,7 +30,7 @@ const InputBoxVariants = {
   'disabled:theme-foreground-disabled', 'dark:disabled:theme-foreground-disabled-dark']
 };
 const InputBoxSizes = {
-  'm-row': [
+  [InputBoxSize.M]: [
   // Box (children)
   'children:min-h-[46px] md:children:min-h-[34px]',
   // Spacing
@@ -45,10 +39,7 @@ const InputBoxSizes = {
   'first:children:ml-md md:first:children:ml-sm+', 'last:children:mr-md md:last:children:mr-sm+',
   // Typography
   'typography-body-2-regular'],
-  'm-column': [
-  // Typography
-  'typography-body-2-regular'],
-  's-row': [
+  [InputBoxSize.S]: [
   // Box (children)
   'children:min-h-[30px]',
   // Spacing
@@ -56,10 +47,7 @@ const InputBoxSizes = {
   // Spacing (children)
   'first:children:ml-md md:first:children:ml-sm+', 'last:children:mr-md md:last:children:mr-sm+',
   // Typography
-  'typography-caption-regular'],
-  's-column': [
-  // Typography
   'typography-caption-regular']
 };
 
-export { InputBox, InputBoxDirections, InputBoxSizes, InputBoxVariants };
+export { InputBox, InputBoxSizes, InputBoxVariants };

package/dist/bundled/v2/components/OrInputV3/OrInput.js

@@ -1,2 +1,2 @@
-export { _ as default } from '../../OrInput-766ec05c.js';
+export { _ as default } from '../../OrInput-0c402ac5.js';
 import '../../normalize-component-6e8e3d80.js';

package/dist/bundled/v2/components/OrInputV3/index.js

@@ -1 +1 @@
-export { I as InputType, _ as OrInputV3 } from '../../OrInput-766ec05c.js';
+export { I as InputType, _ as OrInputV3 } from '../../OrInput-0c402ac5.js';

package/dist/bundled/v2/components/OrListV3/OrList.js

@@ -1,2 +1,2 @@
-export { _ as default } from '../../OrList-ec3bc502.js';
+export { _ as default } from '../../OrList-4fde4bb4.js';
 import '../../normalize-component-6e8e3d80.js';

package/dist/bundled/v2/components/OrListV3/index.js

@@ -1 +1 @@
-export { O as OrListItem, _ as OrListV3 } from '../../OrList-ec3bc502.js';
+export { O as OrListItem, _ as OrListV3 } from '../../OrList-4fde4bb4.js';

package/dist/bundled/v2/components/OrModalV3/OrModal.js

@@ -218,8 +218,9 @@ var script = defineComponent({
   emits: ['update:state', 'open', 'close'],
   expose: ['root', 'state', 'open', 'close'],
   setup(props, context) {
-    // Refs & Styles
+    // Refs
     const root = ref();
+    // Styles
     const rootStyles = computed(() => ['or-modal-v3', ...Modal, ...ModalSizes[props.size], ...props.additionalStyles]);
     // State
     const {