@onereach/ui-components 4.18.1 → 4.18.2-beta.3104.0

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

@@ -1,5 +1,5 @@
 export { default as OrCardCollectionV3 } from './OrCardCollection.js';
-export { DefaultCardCollectionViews, defaultViewModes, gridView, listView } from './props.js';
+export { CardCollectionView, defaultViewModes, gridView, listView } from './props.js';
 import 'vue-demi';
 import './styles.js';
 import '../../normalize-component-6e8e3d80.js';
@@ -18,13 +18,13 @@ import '../../index-ec92055d.js';
 import '../OrPopoverV3/props.js';
 import '../OrPopoverV3/styles.js';
 import '../OrBottomSheetV3/OrBottomSheet.js';
-import '../OrBottomSheetV3/props.js';
-import '../OrBottomSheetV3/styles.js';
 import '../OrBottomSheetV3/hooks/useBottomSheetSwipeState.js';
+import '../OrBottomSheetV3/props.js';
 import '../../hooks/useTheme.js';
 import '../../_commonjsHelpers-48a9cab9.js';
 import 'node:tty';
 import 'node:util';
+import '../OrBottomSheetV3/styles.js';
 import '../OrOverlayV3/OrOverlay.js';
 import '../OrOverlayV3/styles.js';
 import '../OrTeleportV3/OrTeleport.js';

package/dist/bundled/v2/components/OrCardCollectionV3/props.d.ts

@@ -1,5 +1,5 @@
 import { ViewMode } from './types';
-export declare enum DefaultCardCollectionViews {
+export declare enum CardCollectionView {
     Grid = "grid",
     List = "list"
 }

package/dist/bundled/v2/components/OrCardCollectionV3/props.js

@@ -1,16 +1,16 @@
-var DefaultCardCollectionViews;
-(function (DefaultCardCollectionViews) {
-  DefaultCardCollectionViews["Grid"] = "grid";
-  DefaultCardCollectionViews["List"] = "list";
-})(DefaultCardCollectionViews || (DefaultCardCollectionViews = {}));
+var CardCollectionView;
+(function (CardCollectionView) {
+  CardCollectionView["Grid"] = "grid";
+  CardCollectionView["List"] = "list";
+})(CardCollectionView || (CardCollectionView = {}));
 const gridView = {
-  view: DefaultCardCollectionViews.Grid,
+  view: CardCollectionView.Grid,
   icon: 'grid_view'
 };
 const listView = {
-  view: DefaultCardCollectionViews.List,
+  view: CardCollectionView.List,
   icon: 'view_agenda'
 };
 const defaultViewModes = [gridView, listView];
 
-export { DefaultCardCollectionViews, defaultViewModes, gridView, listView };
+export { CardCollectionView, defaultViewModes, gridView, listView };

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

@@ -1,6 +1,6 @@
-import { DefaultCardCollectionViews } from './props';
-export declare const CardCollectionRoot: string[];
+import { CardCollectionView } from './props';
+export declare const CardCollection: string[];
 export declare const CardCollectionToolbar: string[];
 export declare const CardCollectionToolbarPanel: string[];
 export declare const CardCollectionContent: string[];
-export declare const CardCollectionContentViews: Record<DefaultCardCollectionViews, string[]>;
+export declare const CardCollectionContentViews: Record<CardCollectionView, string[]>;

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

@@ -1,8 +1,16 @@
-const CardCollectionRoot = [
+import { CardCollectionView } from './props.js';
+
+const CardCollection = [
 // Layout
 'layout-column',
+// Overflow
+'overflow-hidden',
+// Interactivity
+'interactivity-none',
+// Box
+'max-h-full',
 // Spacing
-'gap-md', 'max-h-full'];
+'gap-md'];
 const CardCollectionToolbar = [
 // Layout
 'layout-row justify-between',
@@ -18,15 +26,19 @@ const CardCollectionToolbarPanel = [
 const CardCollectionContent = [
 // Layout
 'grid',
-// Spacing
-'gap-sm md:gap-md',
 // Overflow
-'overflow-y-auto', 'p-xs*', '-m-xs*', '-mr-[7px]'];
+'overflow-y-auto',
+// Interactivity
+'interactivity-none',
+// Spacing
+'-mx-sm', '-my-sm', '-mr-[calc(theme(spacing.sm) * 2)]', 'px-sm', 'py-sm', 'gap-sm md:gap-md'];
 const CardCollectionContentViews = {
-  'grid': [
+  [CardCollectionView.Grid]: [
+  // Layout
+  'grid-cols-1 md:grid-cols-5'],
+  [CardCollectionView.List]: [
   // Layout
-  'grid-cols-1', 'md:grid-cols-5'],
-  'list': ['grid-cols-1']
+  'grid-cols-1']
 };
 
-export { CardCollectionContent, CardCollectionContentViews, CardCollectionRoot, CardCollectionToolbar, CardCollectionToolbarPanel };
+export { CardCollection, CardCollectionContent, CardCollectionContentViews, CardCollectionToolbar, CardCollectionToolbarPanel };

package/dist/bundled/v2/components/OrCodeV3/OrCode.js

@@ -32,9 +32,9 @@ import '../../index-ec92055d.js';
 import '../OrPopoverV3/props.js';
 import '../OrPopoverV3/styles.js';
 import '../OrBottomSheetV3/OrBottomSheet.js';
+import '../OrBottomSheetV3/hooks/useBottomSheetSwipeState.js';
 import '../OrBottomSheetV3/props.js';
 import '../OrBottomSheetV3/styles.js';
-import '../OrBottomSheetV3/hooks/useBottomSheetSwipeState.js';
 import '../OrOverlayV3/OrOverlay.js';
 import '../OrOverlayV3/styles.js';
 import '../OrTeleportV3/OrTeleport.js';

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

@@ -25,13 +25,13 @@ import '../../index-ec92055d.js';
 import '../OrPopoverV3/props.js';
 import '../OrPopoverV3/styles.js';
 import '../OrBottomSheetV3/OrBottomSheet.js';
-import '../OrBottomSheetV3/props.js';
-import '../OrBottomSheetV3/styles.js';
 import '../OrBottomSheetV3/hooks/useBottomSheetSwipeState.js';
+import '../OrBottomSheetV3/props.js';
 import '../../hooks/useTheme.js';
 import '../../_commonjsHelpers-48a9cab9.js';
 import 'node:tty';
 import 'node:util';
+import '../OrBottomSheetV3/styles.js';
 import '../OrOverlayV3/OrOverlay.js';
 import '../OrOverlayV3/styles.js';
 import '../OrTeleportV3/OrTeleport.js';

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

@@ -2,7 +2,7 @@ import { a as useMagicKeys, o as onClickOutside } from '../../index-509d77a1.js'
 import { l as logicAnd } from '../../index-15e8c1f3.js';
 import { defineComponent, ref, toRef, computed, watch } from 'vue-demi';
 import { ConfirmType } from './props.js';
-import { ConfirmRoot, ConfirmHeader, ConfirmInput, ConfirmFooter, ConfirmFooterTypes, ConfirmFooterButtons } from './styles.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 __vue_component__$3 from '../OrInputV3/OrInput.js';
@@ -39,13 +39,13 @@ import '../../floating-ui.dom.esm-83eba816.js';
 import '../OrPopoverV3/props.js';
 import '../OrPopoverV3/styles.js';
 import '../OrBottomSheetV3/OrBottomSheet.js';
-import '../OrBottomSheetV3/props.js';
-import '../OrBottomSheetV3/styles.js';
 import '../OrBottomSheetV3/hooks/useBottomSheetSwipeState.js';
+import '../OrBottomSheetV3/props.js';
 import '../../hooks/useTheme.js';
 import '../../_commonjsHelpers-48a9cab9.js';
 import 'node:tty';
 import 'node:util';
+import '../OrBottomSheetV3/styles.js';
 import '../../hooks/useResponsive/useResponsive.js';
 import '../OrInputBoxV3/OrInputBox.js';
 import '../OrInputBoxV3/styles.js';
@@ -176,7 +176,7 @@ var script = defineComponent({
     });
     whenever(logicAnd(enter, isInputActive), () => confirm());
     // Styles
-    const rootStyles = computed(() => ['or-confirm-v3', ...ConfirmRoot]);
+    const rootStyles = computed(() => ['or-confirm-v3', ...Confirm]);
     const headerStyles = computed(() => [...ConfirmHeader]);
     const inputBoxStyles = computed(() => [...ConfirmInput]);
     const footerStyles = computed(() => [...ConfirmFooter, ...ConfirmFooterTypes[props.confirmType]]);

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

@@ -39,13 +39,13 @@ import '../../floating-ui.dom.esm-83eba816.js';
 import '../OrPopoverV3/props.js';
 import '../OrPopoverV3/styles.js';
 import '../OrBottomSheetV3/OrBottomSheet.js';
-import '../OrBottomSheetV3/props.js';
-import '../OrBottomSheetV3/styles.js';
 import '../OrBottomSheetV3/hooks/useBottomSheetSwipeState.js';
+import '../OrBottomSheetV3/props.js';
 import '../../hooks/useTheme.js';
 import '../../_commonjsHelpers-48a9cab9.js';
 import 'node:tty';
 import 'node:util';
+import '../OrBottomSheetV3/styles.js';
 import '../../hooks/usePopoverState.js';
 import '../../hooks/useResponsive/useResponsive.js';
 import '../OrInputBoxV3/OrInputBox.js';

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

@@ -1,5 +1,5 @@
 import { ConfirmType } from './props';
-export declare const ConfirmRoot: string[];
+export declare const Confirm: string[];
 export declare const ConfirmHeader: string[];
 export declare const ConfirmInput: string[];
 export declare const ConfirmFooter: string[];

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

@@ -1,22 +1,22 @@
 import { ConfirmType } from './props.js';
 
-const ConfirmRoot = [
+const Confirm = [
 // Position
 'fixed md:static', 'left-none', 'right-none', 'bottom-none',
 // Layout
 'layout-column',
 // Box
 'w-full md:w-[320px]',
-// Shape
-'rounded-0 md:rounded-md',
 // Spacing
 'px-lg', 'py-lg', 'gap-md',
+// Shape
+'md:rounded-md',
+// Elevation
+'shadow-modal', 'dark:shadow-modal-dark',
 // Typography
 'typography-body-2-regular',
 // Theme
-'theme-background-default', 'dark:theme-background-default-dark', 'theme-foreground-default', 'dark:theme-foreground-default-dark',
-// Elevation
-'shadow-modal', 'dark:shadow-modal-dark'];
+'theme-background-default', 'dark:theme-background-default-dark', 'theme-foreground-default', 'dark:theme-foreground-default-dark'];
 const ConfirmHeader = [
 // Layout
 'layout-row justify-between',
@@ -40,8 +40,8 @@ const ConfirmFooterTypes = {
 };
 const ConfirmFooterButtons = [
 // Layout
-'!grow',
+'block !grow',
 // Box
 'w-auto md:w-[128px]'];
 
-export { ConfirmFooter, ConfirmFooterButtons, ConfirmFooterTypes, ConfirmHeader, ConfirmInput, ConfirmRoot };
+export { Confirm, ConfirmFooter, ConfirmFooterButtons, ConfirmFooterTypes, ConfirmHeader, ConfirmInput };

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

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed, toRef, watch } from 'vue-demi';
 import { useCurrentDate } from '../OrDateTimePickerV3/hooks/useCurrentDate.js';
-import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-8792b53f.js';
-import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-03768809.js';
+import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-75f7f7f4.js';
+import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-a4f77733.js';
 import { DatePicker, DatePickerPopover } from './styles.js';
 import __vue_component__$1 from '../OrErrorV3/OrError.js';
 import __vue_component__$2 from '../OrHintV3/OrHint.js';
@@ -44,13 +44,13 @@ import '../OrLabelV3/styles.js';
 import '../../floating-ui.dom.esm-83eba816.js';
 import '../OrPopoverV3/styles.js';
 import '../OrBottomSheetV3/OrBottomSheet.js';
-import '../OrBottomSheetV3/props.js';
-import '../OrBottomSheetV3/styles.js';
 import '../OrBottomSheetV3/hooks/useBottomSheetSwipeState.js';
+import '../OrBottomSheetV3/props.js';
 import '../../hooks/useTheme.js';
 import '../../_commonjsHelpers-48a9cab9.js';
 import 'node:tty';
 import 'node:util';
+import '../OrBottomSheetV3/styles.js';
 import '../OrOverlayV3/OrOverlay.js';
 import '../OrOverlayV3/styles.js';
 import '../OrTeleportV3/OrTeleport.js';

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

@@ -2,7 +2,7 @@ export { default as OrDatePickerV3 } from './OrDatePicker.js';
 export { InputBoxSize as DatePickerSize } from '../OrInputBoxV3/props.js';
 import 'vue-demi';
 import '../OrDateTimePickerV3/hooks/useCurrentDate.js';
-import '../../OrDateTimePickerMonthSelect-8792b53f.js';
+import '../../OrDateTimePickerMonthSelect-75f7f7f4.js';
 import '../OrDateTimePickerV3/hooks/useDatePlaceholder.js';
 import '../../hooks/useProxyModelValue.js';
 import '../../normalize-component-6e8e3d80.js';
@@ -27,13 +27,13 @@ import '../../floating-ui.dom.esm-83eba816.js';
 import '../OrPopoverV3/props.js';
 import '../OrPopoverV3/styles.js';
 import '../OrBottomSheetV3/OrBottomSheet.js';
-import '../OrBottomSheetV3/props.js';
-import '../OrBottomSheetV3/styles.js';
 import '../OrBottomSheetV3/hooks/useBottomSheetSwipeState.js';
+import '../OrBottomSheetV3/props.js';
 import '../../hooks/useTheme.js';
 import '../../_commonjsHelpers-48a9cab9.js';
 import 'node:tty';
 import 'node:util';
+import '../OrBottomSheetV3/styles.js';
 import '../OrOverlayV3/OrOverlay.js';
 import '../OrOverlayV3/styles.js';
 import '../OrTeleportV3/OrTeleport.js';
@@ -46,7 +46,7 @@ import '../OrMenuV3/OrMenu.js';
 import '../OrMenuV3/styles.js';
 import '../OrMenuItemV3/OrMenuItem.js';
 import '../OrMenuItemV3/styles.js';
-import '../../OrDateTimePickerPopoverHeader-03768809.js';
+import '../../OrDateTimePickerPopoverHeader-a4f77733.js';
 import '../OrLabelV3/OrLabel.js';
 import '../OrLabelV3/props.js';
 import '../OrLabelV3/styles.js';

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

@@ -1,8 +1,8 @@
 import { defineComponent, ref, computed, toRef, watch } from 'vue-demi';
 import { useCurrentDate } from './hooks/useCurrentDate.js';
-import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-8792b53f.js';
-import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-03768809.js';
-import { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-4d42b488.js';
+import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-75f7f7f4.js';
+import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-a4f77733.js';
+import { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-e57095bf.js';
 import { DateTimePickerTimeFormat } from './props.js';
 import { DateTimePicker, DateTimePickerDatePopover, DateTimePickerTimePopover } from './styles.js';
 import __vue_component__$1 from '../OrErrorV3/OrError.js';
@@ -47,13 +47,13 @@ import '../OrLabelV3/styles.js';
 import '../../floating-ui.dom.esm-83eba816.js';
 import '../OrPopoverV3/styles.js';
 import '../OrBottomSheetV3/OrBottomSheet.js';
-import '../OrBottomSheetV3/props.js';
-import '../OrBottomSheetV3/styles.js';
 import '../OrBottomSheetV3/hooks/useBottomSheetSwipeState.js';
+import '../OrBottomSheetV3/props.js';
 import '../../hooks/useTheme.js';
 import '../../_commonjsHelpers-48a9cab9.js';
 import 'node:tty';
 import 'node:util';
+import '../OrBottomSheetV3/styles.js';
 import '../OrOverlayV3/OrOverlay.js';
 import '../OrOverlayV3/styles.js';
 import '../OrTeleportV3/OrTeleport.js';

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

@@ -3,7 +3,7 @@ export { DateTimePickerTimeFormat } from './props.js';
 export { InputBoxSize as DateTimePickerSize } from '../OrInputBoxV3/props.js';
 import 'vue-demi';
 import './hooks/useCurrentDate.js';
-import '../../OrDateTimePickerMonthSelect-8792b53f.js';
+import '../../OrDateTimePickerMonthSelect-75f7f7f4.js';
 import './hooks/useDatePlaceholder.js';
 import '../../hooks/useProxyModelValue.js';
 import '../../normalize-component-6e8e3d80.js';
@@ -28,13 +28,13 @@ import '../../floating-ui.dom.esm-83eba816.js';
 import '../OrPopoverV3/props.js';
 import '../OrPopoverV3/styles.js';
 import '../OrBottomSheetV3/OrBottomSheet.js';
-import '../OrBottomSheetV3/props.js';
-import '../OrBottomSheetV3/styles.js';
 import '../OrBottomSheetV3/hooks/useBottomSheetSwipeState.js';
+import '../OrBottomSheetV3/props.js';
 import '../../hooks/useTheme.js';
 import '../../_commonjsHelpers-48a9cab9.js';
 import 'node:tty';
 import 'node:util';
+import '../OrBottomSheetV3/styles.js';
 import '../OrOverlayV3/OrOverlay.js';
 import '../OrOverlayV3/styles.js';
 import '../OrTeleportV3/OrTeleport.js';
@@ -47,11 +47,11 @@ import '../OrMenuV3/OrMenu.js';
 import '../OrMenuV3/styles.js';
 import '../OrMenuItemV3/OrMenuItem.js';
 import '../OrMenuItemV3/styles.js';
-import '../../OrDateTimePickerPopoverHeader-03768809.js';
+import '../../OrDateTimePickerPopoverHeader-a4f77733.js';
 import '../OrLabelV3/OrLabel.js';
 import '../OrLabelV3/props.js';
 import '../OrLabelV3/styles.js';
-import '../../OrDateTimePickerTimeSelect-4d42b488.js';
+import '../../OrDateTimePickerTimeSelect-e57095bf.js';
 import './hooks/useTimePlaceholder.js';
 import './styles.js';
 import '../OrErrorV3/OrError.js';

package/dist/bundled/v2/components/OrIconButtonV3/OrIconButton.js

@@ -14,13 +14,13 @@ import '../../index-ec92055d.js';
 import '../OrPopoverV3/props.js';
 import '../OrPopoverV3/styles.js';
 import '../OrBottomSheetV3/OrBottomSheet.js';
-import '../OrBottomSheetV3/props.js';
-import '../OrBottomSheetV3/styles.js';
 import '../OrBottomSheetV3/hooks/useBottomSheetSwipeState.js';
+import '../OrBottomSheetV3/props.js';
 import '../../hooks/useTheme.js';
 import '../../_commonjsHelpers-48a9cab9.js';
 import 'node:tty';
 import 'node:util';
+import '../OrBottomSheetV3/styles.js';
 import '../OrOverlayV3/OrOverlay.js';
 import '../OrOverlayV3/styles.js';
 import '../OrTeleportV3/OrTeleport.js';

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

@@ -15,13 +15,13 @@ import '../../index-ec92055d.js';
 import '../OrPopoverV3/props.js';
 import '../OrPopoverV3/styles.js';
 import '../OrBottomSheetV3/OrBottomSheet.js';
-import '../OrBottomSheetV3/props.js';
-import '../OrBottomSheetV3/styles.js';
 import '../OrBottomSheetV3/hooks/useBottomSheetSwipeState.js';
+import '../OrBottomSheetV3/props.js';
 import '../../hooks/useTheme.js';
 import '../../_commonjsHelpers-48a9cab9.js';
 import 'node:tty';
 import 'node:util';
+import '../OrBottomSheetV3/styles.js';
 import '../OrOverlayV3/OrOverlay.js';
 import '../OrOverlayV3/styles.js';
 import '../OrTeleportV3/OrTeleport.js';

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

@@ -28,13 +28,13 @@ import '../../index-ec92055d.js';
 import '../OrPopoverV3/props.js';
 import '../OrPopoverV3/styles.js';
 import '../OrBottomSheetV3/OrBottomSheet.js';
-import '../OrBottomSheetV3/props.js';
-import '../OrBottomSheetV3/styles.js';
 import '../OrBottomSheetV3/hooks/useBottomSheetSwipeState.js';
+import '../OrBottomSheetV3/props.js';
 import '../../hooks/useTheme.js';
 import '../../_commonjsHelpers-48a9cab9.js';
 import 'node:tty';
 import 'node:util';
+import '../OrBottomSheetV3/styles.js';
 import '../OrOverlayV3/OrOverlay.js';
 import '../OrOverlayV3/styles.js';
 import '../OrTeleportV3/OrTeleport.js';

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

@@ -23,13 +23,13 @@ import '../../index-ec92055d.js';
 import '../OrPopoverV3/props.js';
 import '../OrPopoverV3/styles.js';
 import '../OrBottomSheetV3/OrBottomSheet.js';
-import '../OrBottomSheetV3/props.js';
-import '../OrBottomSheetV3/styles.js';
 import '../OrBottomSheetV3/hooks/useBottomSheetSwipeState.js';
+import '../OrBottomSheetV3/props.js';
 import '../../hooks/useTheme.js';
 import '../../_commonjsHelpers-48a9cab9.js';
 import 'node:tty';
 import 'node:util';
+import '../OrBottomSheetV3/styles.js';
 import '../OrOverlayV3/OrOverlay.js';
 import '../OrOverlayV3/styles.js';
 import '../OrTeleportV3/OrTeleport.js';

package/dist/bundled/v2/components/OrInlineTextareaV3/OrInlineTextarea.js

@@ -26,13 +26,13 @@ import '../../index-ec92055d.js';
 import '../OrPopoverV3/props.js';
 import '../OrPopoverV3/styles.js';
 import '../OrBottomSheetV3/OrBottomSheet.js';
-import '../OrBottomSheetV3/props.js';
-import '../OrBottomSheetV3/styles.js';
 import '../OrBottomSheetV3/hooks/useBottomSheetSwipeState.js';
+import '../OrBottomSheetV3/props.js';
 import '../../hooks/useTheme.js';
 import '../../_commonjsHelpers-48a9cab9.js';
 import 'node:tty';
 import 'node:util';
+import '../OrBottomSheetV3/styles.js';
 import '../OrOverlayV3/OrOverlay.js';
 import '../OrOverlayV3/styles.js';
 import '../OrTeleportV3/OrTeleport.js';

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

@@ -21,13 +21,13 @@ import '../../index-ec92055d.js';
 import '../OrPopoverV3/props.js';
 import '../OrPopoverV3/styles.js';
 import '../OrBottomSheetV3/OrBottomSheet.js';
-import '../OrBottomSheetV3/props.js';
-import '../OrBottomSheetV3/styles.js';
 import '../OrBottomSheetV3/hooks/useBottomSheetSwipeState.js';
+import '../OrBottomSheetV3/props.js';
 import '../../hooks/useTheme.js';
 import '../../_commonjsHelpers-48a9cab9.js';
 import 'node:tty';
 import 'node:util';
+import '../OrBottomSheetV3/styles.js';
 import '../OrOverlayV3/OrOverlay.js';
 import '../OrOverlayV3/styles.js';
 import '../OrTeleportV3/OrTeleport.js';

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

@@ -31,13 +31,13 @@ import '../../index-ec92055d.js';
 import '../OrPopoverV3/props.js';
 import '../OrPopoverV3/styles.js';
 import '../OrBottomSheetV3/OrBottomSheet.js';
-import '../OrBottomSheetV3/props.js';
-import '../OrBottomSheetV3/styles.js';
 import '../OrBottomSheetV3/hooks/useBottomSheetSwipeState.js';
+import '../OrBottomSheetV3/props.js';
 import '../../hooks/useTheme.js';
 import '../../_commonjsHelpers-48a9cab9.js';
 import 'node:tty';
 import 'node:util';
+import '../OrBottomSheetV3/styles.js';
 import '../OrOverlayV3/OrOverlay.js';
 import '../OrOverlayV3/styles.js';
 import '../OrTeleportV3/OrTeleport.js';

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

@@ -23,13 +23,13 @@ import '../../index-ec92055d.js';
 import '../OrPopoverV3/props.js';
 import '../OrPopoverV3/styles.js';
 import '../OrBottomSheetV3/OrBottomSheet.js';
-import '../OrBottomSheetV3/props.js';
-import '../OrBottomSheetV3/styles.js';
 import '../OrBottomSheetV3/hooks/useBottomSheetSwipeState.js';
+import '../OrBottomSheetV3/props.js';
 import '../../hooks/useTheme.js';
 import '../../_commonjsHelpers-48a9cab9.js';
 import 'node:tty';
 import 'node:util';
+import '../OrBottomSheetV3/styles.js';
 import '../OrOverlayV3/OrOverlay.js';
 import '../OrOverlayV3/styles.js';
 import '../OrTeleportV3/OrTeleport.js';

package/dist/bundled/v2/components/OrMenuV3/OrMenu.js

@@ -9,13 +9,13 @@ import '../../index-509d77a1.js';
 import '../../index-ec92055d.js';
 import '../OrPopoverV3/styles.js';
 import '../OrBottomSheetV3/OrBottomSheet.js';
-import '../OrBottomSheetV3/props.js';
-import '../OrBottomSheetV3/styles.js';
 import '../OrBottomSheetV3/hooks/useBottomSheetSwipeState.js';
+import '../OrBottomSheetV3/props.js';
 import '../../hooks/useTheme.js';
 import '../../_commonjsHelpers-48a9cab9.js';
 import 'node:tty';
 import 'node:util';
+import '../OrBottomSheetV3/styles.js';
 import '../OrOverlayV3/OrOverlay.js';
 import '../OrOverlayV3/styles.js';
 import '../OrTeleportV3/OrTeleport.js';

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

@@ -8,13 +8,13 @@ import '../../index-509d77a1.js';
 import '../../index-ec92055d.js';
 import '../OrPopoverV3/styles.js';
 import '../OrBottomSheetV3/OrBottomSheet.js';
-import '../OrBottomSheetV3/props.js';
-import '../OrBottomSheetV3/styles.js';
 import '../OrBottomSheetV3/hooks/useBottomSheetSwipeState.js';
+import '../OrBottomSheetV3/props.js';
 import '../../hooks/useTheme.js';
 import '../../_commonjsHelpers-48a9cab9.js';
 import 'node:tty';
 import 'node:util';
+import '../OrBottomSheetV3/styles.js';
 import '../OrOverlayV3/OrOverlay.js';
 import '../OrOverlayV3/styles.js';
 import '../OrTeleportV3/OrTeleport.js';

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

@@ -2,7 +2,7 @@ import { defineComponent, ref, computed, toRef } from 'vue-demi';
 import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
 import __vue_component__$4 from '../OrIconButtonV3/OrIconButton.js';
 import { ModalSize } from './props.js';
-import { ModalRoot, ModalRootSizes } from './styles.js';
+import { Modal, ModalSizes } from './styles.js';
 import __vue_component__$5 from '../OrOverlayV3/OrOverlay.js';
 import { usePopoverState } from '../../hooks/usePopoverState.js';
 import '../OrIconButtonV3/props.js';
@@ -19,13 +19,13 @@ import '../../index-ec92055d.js';
 import '../OrPopoverV3/props.js';
 import '../OrPopoverV3/styles.js';
 import '../OrBottomSheetV3/OrBottomSheet.js';
-import '../OrBottomSheetV3/props.js';
-import '../OrBottomSheetV3/styles.js';
 import '../OrBottomSheetV3/hooks/useBottomSheetSwipeState.js';
+import '../OrBottomSheetV3/props.js';
 import '../../hooks/useTheme.js';
 import '../../_commonjsHelpers-48a9cab9.js';
 import 'node:tty';
 import 'node:util';
+import '../OrBottomSheetV3/styles.js';
 import '../OrOverlayV3/styles.js';
 import '../OrTeleportV3/OrTeleport.js';
 import 'vue';
@@ -34,8 +34,6 @@ import '../../utils/isVisible.js';
 import '../../hooks/useResponsive/useResponsive.js';
 
 const ModalContent = [
-// Layout
-'grow',
 // Overflow
 'overflow-auto',
 // Spacing
@@ -245,7 +243,7 @@ var script = defineComponent({
     // Refs
     const root = ref();
     // Styles
-    const rootStyles = computed(() => ['or-modal-v3', ...ModalRoot, ...ModalRootSizes[props.size]]);
+    const rootStyles = computed(() => ['or-modal-v3', ...Modal, ...ModalSizes[props.size]]);
     // State
     const {
       state,
@@ -283,7 +281,9 @@ var __vue_render__ = function () {
         return _vm.close();
       }
     }
-  }, [_vm._t("header")], 2), _vm._v(" "), _c('OrModalContent', [_vm._t("default")], 2), _vm._v(" "), _vm.$slots.footer ? _c('OrModalFooter', [_vm._t("footer")], 2) : _vm._e()], 1)]) : _vm._e();
+  }, [_vm._t("header")], 2), _vm._v(" "), _c('OrModalContent', {
+    class: ['grow']
+  }, [_vm._t("default")], 2), _vm._v(" "), _vm.$slots.footer ? _c('OrModalFooter', [_vm._t("footer")], 2) : _vm._e()], 1)]) : _vm._e();
 };
 var __vue_staticRenderFns__ = [];
 

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

@@ -17,13 +17,13 @@ import '../../index-ec92055d.js';
 import '../OrPopoverV3/props.js';
 import '../OrPopoverV3/styles.js';
 import '../OrBottomSheetV3/OrBottomSheet.js';
-import '../OrBottomSheetV3/props.js';
-import '../OrBottomSheetV3/styles.js';
 import '../OrBottomSheetV3/hooks/useBottomSheetSwipeState.js';
+import '../OrBottomSheetV3/props.js';
 import '../../hooks/useTheme.js';
 import '../../_commonjsHelpers-48a9cab9.js';
 import 'node:tty';
 import 'node:util';
+import '../OrBottomSheetV3/styles.js';
 import '../OrOverlayV3/OrOverlay.js';
 import '../OrOverlayV3/styles.js';
 import '../OrTeleportV3/OrTeleport.js';

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

@@ -1,3 +1,3 @@
 import { ModalSize } from './props';
-export declare const ModalRoot: string[];
-export declare const ModalRootSizes: Record<ModalSize, string[]>;
+export declare const Modal: string[];
+export declare const ModalSizes: Record<ModalSize, string[]>;