@onereach/ui-components 4.19.0-beta.3116.0 → 5.0.0

package/dist/esm/v3/{OrAvatar-07fe6686.js → OrAvatar-554347e6.js}

@@ -13,74 +13,93 @@ var AvatarSize;
 })(AvatarSize || (AvatarSize = {}));
 var AvatarColor;
 (function (AvatarColor) {
-  AvatarColor["blue"] = "blue";
-  AvatarColor["yellow"] = "yellow";
-  AvatarColor["red"] = "red";
-  AvatarColor["green"] = "green";
-  AvatarColor["grey"] = "grey";
-  AvatarColor["auto"] = "auto";
+  AvatarColor["Auto"] = "auto";
+  AvatarColor["Blue"] = "blue";
+  AvatarColor["Grey"] = "grey";
+  AvatarColor["Green"] = "green";
+  AvatarColor["Yellow"] = "yellow";
+  AvatarColor["Red"] = "red";
 })(AvatarColor || (AvatarColor = {}));
 
-const AvatarRoot = [
+const Avatar = [
 // Layout
-'flex', 'items-center', 'justify-center', 'overflow-hidden',
-// Box
-'rounded-full',
+'layout-inline-row justify-center',
+// Overflow
+'overflow-hidden',
 // Interactivity
-'interactivity-none'];
-const AvatarImage = [
-// Box
-'w-full', 'h-full', 'object-cover'];
-const AvatarRootSizes = {
-  'xl': [
+'interactivity-none',
+// Shape
+'rounded-full'];
+const AvatarSizes = {
+  [AvatarSize.XL]: [
   // Box
   'w-[80px]', 'h-[80px]'],
-  'l': [
+  [AvatarSize.L]: [
   // Box
   'w-[64px]', 'h-[64px]'],
-  'm': [
+  [AvatarSize.M]: [
   // Box
   'w-[40px]', 'h-[40px]'],
-  's': [
+  [AvatarSize.S]: [
   // Box
   'w-[32px]', 'h-[32px]'],
-  'xs': [
+  [AvatarSize.XS]: [
   // Box
   'w-[24px]', 'h-[24px]']
 };
-const AvatarRootColors = {
-  [AvatarColor.blue]: [
+const AvatarIconSizes = {
+  [AvatarSize.XL]: [
+  // Typography
+  'text-[40px]'],
+  [AvatarSize.L]: [
+  // Typography
+  'text-[32px]'],
+  [AvatarSize.M]: [
+  // Typography
+  'text-[20px]'],
+  [AvatarSize.S]: [
+  // Typography
+  'text-[16px]'],
+  [AvatarSize.XS]: [
+  // Typography
+  'text-[16px]']
+};
+const AvatarTextSizes = {
+  [AvatarSize.XL]: [
+  // Typography
+  'typography-headline-1'],
+  [AvatarSize.L]: [
+  // Typography
+  'typography-headline-1'],
+  [AvatarSize.M]: [
+  // Typography
+  'typography-body-1-bold'],
+  [AvatarSize.S]: [
+  // Typography
+  'typography-body-1-bold'],
+  [AvatarSize.XS]: [
+  // Typography
+  'typography-caption-semibold']
+};
+const AvatarColors = {
+  [AvatarColor.Auto]: [
   // Theme
-  'theme-preset-1-primary', 'dark:theme-preset-1-primary-dark'],
-  [AvatarColor.yellow]: [
+  'theme-foreground-base', 'dark:theme-foreground-base-dark'],
+  [AvatarColor.Blue]: [
   // Theme
-  'theme-preset-1-warning', 'dark:theme-preset-1-warning-dark'],
-  [AvatarColor.red]: [
+  'theme-preset-1-primary', 'dark:theme-preset-1-primary-dark'],
+  [AvatarColor.Grey]: [
   // Theme
-  'theme-preset-1-error', 'dark:theme-preset-1-error-dark'],
-  [AvatarColor.green]: [
+  'theme-preset-1-secondary', 'dark:theme-preset-1-secondary-dark'],
+  [AvatarColor.Green]: [
   // Theme
   'theme-preset-1-success', 'dark:theme-preset-1-success-dark'],
-  [AvatarColor.grey]: [
+  [AvatarColor.Yellow]: [
   // Theme
-  'theme-preset-1-secondary', 'dark:theme-preset-1-secondary-dark'],
-  [AvatarColor.auto]: [
+  'theme-preset-1-warning', 'dark:theme-preset-1-warning-dark'],
+  [AvatarColor.Red]: [
   // Theme
-  'text-white', 'dark:text-overlay-dark']
-};
-const AvatarRootAbbreviationSizes = {
-  'xl': ['typography-headline-1'],
-  'l': ['typography-headline-1'],
-  'm': ['typography-body-1-bold'],
-  's': ['typography-body-1-bold'],
-  'xs': ['typography-caption-semibold']
-};
-const AvatarRootIconSizes = {
-  'xl': ['text-[40px]'],
-  'l': ['text-[32px]'],
-  'm': ['text-[20px]'],
-  's': ['text-[16px]'],
-  'xs': ['text-[16px]']
+  'theme-preset-1-error', 'dark:theme-preset-1-error-dark']
 };
 
 var script = defineComponent({
@@ -93,69 +112,62 @@ var script = defineComponent({
       type: String,
       default: undefined
     },
-    size: {
-      type: String,
-      default: AvatarSize.M
-    },
     icon: {
       type: String,
       default: undefined
     },
+    size: {
+      type: String,
+      default: AvatarSize.M
+    },
     color: {
       type: String,
-      default: AvatarColor.auto,
-      required: false
+      default: AvatarColor.Auto
     },
     colorSalt: {
       type: String,
-      default: undefined,
-      required: false
+      default: undefined
     }
   },
   expose: ['root'],
   setup(props) {
     // Refs
     const root = ref();
-    const isIcon = computed(() => {
-      return !props.icon;
-    });
     // Styles
-    const rootStyles = computed(() => ['or-avatar-v3', ...AvatarRoot, ...AvatarRootSizes[props.size], ...AvatarRootColors[props.color], ...(isIcon.value ? AvatarRootAbbreviationSizes[props.size] : AvatarRootIconSizes[props.size])]);
-    const imageStyles = computed(() => [...AvatarImage]);
+    const rootStyles = computed(() => ['or-avatar-v3', ...Avatar, ...AvatarSizes[props.size], ...(props.icon ? AvatarIconSizes[props.size] : AvatarTextSizes[props.size]), ...AvatarColors[props.color]]);
     // Effects
     watchPostEffect(() => {
       var _a;
       const rootElement = root.value;
-      if (rootElement && !props.src && props.color === AvatarColor.auto) {
+      if (rootElement && !props.src && props.color === AvatarColor.Auto) {
         Object.assign(rootElement.style, {
-          background: hslToColorString(generateHslFromString((_a = props.colorSalt) !== null && _a !== void 0 ? _a : '')),
-          color: props.color
+          color: props.color,
+          background: hslToColorString(generateHslFromString((_a = props.colorSalt) !== null && _a !== void 0 ? _a : ''))
         });
       }
     });
     return {
       root,
-      rootStyles,
-      imageStyles
+      rootStyles
     };
   }
 });
 
 const _hoisted_1 = ["src"];
 function render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_or_icon = resolveComponent("or-icon");
+  const _component_OrIcon = resolveComponent("OrIcon");
   return openBlock(), createElementBlock("div", {
     ref: "root",
     class: normalizeClass(_ctx.rootStyles)
   }, [renderSlot(_ctx.$slots, "default", {}, () => [_ctx.src ? (openBlock(), createElementBlock("img", {
     key: 0,
-    class: normalizeClass(_ctx.imageStyles),
+    class: normalizeClass(['w-full', 'h-full', 'object-cover']),
     src: _ctx.src,
     alt: ''
-  }, null, 10 /* CLASS, PROPS */, _hoisted_1)) : _ctx.icon ? (openBlock(), createBlock(_component_or_icon, {
+  }, null, 8 /* PROPS */, _hoisted_1)) : _ctx.icon ? (openBlock(), createBlock(_component_OrIcon, {
     key: 1,
     icon: _ctx.icon,
-    size: "inherit"
+    size: 'inherit'
   }, null, 8 /* PROPS */, ["icon"])) : createCommentVNode("v-if", true)])], 2 /* CLASS */);
 }
 

package/dist/esm/v3/{OrBottomSheet-efca7190.js → OrBottomSheet-98aec82b.js}

@@ -3,7 +3,7 @@ import { ref, unref, computed, defineComponent, toRef, watch } from 'vue-demi';
 import { u as usePopoverState } from './usePopoverState-b92c698b.js';
 import '@onereach/styles/tailwind.config';
 import 'tailwindcss/resolveConfig';
-import { s as script$1 } from './OrOverlay-489fdf76.js';
+import { s as script$1 } from './OrOverlay-99e696e8.js';
 import { u as useTheme } from './useTheme-e23d13c8.js';
 import { resolveComponent, openBlock, createBlock, withCtx, createElementVNode, mergeProps, createElementBlock, normalizeClass, createCommentVNode, renderSlot } from 'vue';
 
@@ -13,47 +13,6 @@ var BottomSheetVariant;
   BottomSheetVariant["Advanced"] = "advanced";
 })(BottomSheetVariant || (BottomSheetVariant = {}));
 
-const BottomSheet = [
-// Position
-'fixed', 'left-none', 'right-none', 'bottom-none',
-// Layout
-'layout-column',
-// Shape
-'rounded-t-lg',
-// Theme
-'theme-background-base', 'dark:theme-background-base-dark', 'theme-foreground-default', 'dark:theme-foreground-default-dark',
-// Elevation
-'shadow-contextual', 'dark:shadow-contextual-dark'];
-const BottomSheetVariants = {
-  'basic': [],
-  'advanced': [
-  // Box
-  'max-h-[50%]',
-  // Animation
-  'transition-[min-height]', 'transition-[max-height]']
-};
-const BottomSheetHandle = [
-// Layout
-'layout-row justify-center',
-// Box
-'after:w-2xl', 'after:h-xs',
-// Shape
-'after:rounded-full',
-// Spacing
-'px-sm', 'py-sm',
-// Interactivity
-'cursor-grab',
-// Theme
-'after:bg-outline', 'after:dark:bg-outline'];
-const BottomSheetHeader = [
-// Layout
-'empty:hidden',
-// Spacing
-'px-lg', 'py-md',
-// Typography
-'typography-headline-3'];
-const BottomSheetContent = ['grow'];
-
 function useBottomSheetSwipeState(root, content, fullscreen, variant, close) {
   const inlineSwipingStyles = ref({});
   const skipSwipe = ref(false);
@@ -119,6 +78,48 @@ function useBottomSheetSwipeState(root, content, fullscreen, variant, close) {
   };
 }
 
+const BottomSheet = [
+// Position
+'fixed', 'left-none', 'right-none', 'bottom-none',
+// Layout
+'layout-column',
+// Shape
+'rounded-t-lg',
+// Elevation
+'shadow-contextual', 'dark:shadow-contextual-dark',
+// Typography
+'typography-body-2-regular',
+// Theme
+'theme-background-base', 'dark:theme-background-base-dark', 'theme-foreground-default', 'dark:theme-foreground-default-dark'];
+const BottomSheetVariants = {
+  [BottomSheetVariant.Basic]: [],
+  [BottomSheetVariant.Advanced]: [
+  // Box
+  'max-h-[50%]',
+  // Transition
+  'transition-[min-height]', 'transition-[max-height]']
+};
+const BottomSheetHandle = [
+// Layout
+'layout-row justify-center',
+// Interactivity
+'interactivity-auto !cursor-grab',
+// Box
+'after:w-2xl', 'after:h-xs',
+// Spacing
+'px-sm', 'py-sm',
+// Shape
+'after:rounded-full',
+// Theme
+'after:bg-outline', 'after:dark:bg-outline'];
+const BottomSheetHeader = [
+// Layout (empty)
+'empty:hidden',
+// Spacing
+'px-lg', 'py-md',
+// Typography
+'typography-headline-3'];
+
 var script = defineComponent({
   name: 'OrBottomSheet',
   components: {
@@ -141,6 +142,10 @@ var script = defineComponent({
     // Refs
     const root = ref();
     const content = ref();
+    // Styles
+    const rootStyles = computed(() => ['or-bottom-sheet-v3', ...BottomSheet, ...BottomSheetVariants[props.variant]]);
+    const handleStyles = computed(() => [...BottomSheetHandle]);
+    const headerStyles = computed(() => [...BottomSheetHeader]);
     // State
     const {
       state,
@@ -173,17 +178,11 @@ var script = defineComponent({
       }
     });
     // #endregion
-    // Styles
-    const rootStyles = computed(() => ['or-bottom-sheet-v3', ...BottomSheet, ...BottomSheetVariants[props.variant]]);
-    const handleStyles = computed(() => [...BottomSheetHandle]);
-    const headerStyles = computed(() => [...BottomSheetHeader]);
-    const contentStyles = computed(() => [...BottomSheetContent, fullscreen.value || props.variant === BottomSheetVariant.Basic ? 'overflow-y-auto' : 'overflow-hidden']);
     return {
       root,
       content,
       rootStyles,
       rootInlineStyles,
-      contentStyles,
       handleStyles,
       headerStyles,
       state,
@@ -213,7 +212,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       class: normalizeClass(_ctx.headerStyles)
     }, [renderSlot(_ctx.$slots, "header")], 2 /* CLASS */), createElementVNode("div", {
       ref: "content",
-      class: normalizeClass(_ctx.contentStyles)
+      class: normalizeClass(['grow', _ctx.fullscreen || _ctx.variant === 'basic' ? 'overflow-y-auto' : 'overflow-hidden'])
     }, [renderSlot(_ctx.$slots, "default")], 2 /* CLASS */)], 16 /* FULL_PROPS */)]),
 
     _: 3 /* FORWARDED */

package/dist/esm/v3/{OrButton-c2b6aa9e.js → OrButton-4a3c3e7b.js}

@@ -22,38 +22,40 @@ var ButtonType;
   ButtonType["Reset"] = "reset";
 })(ButtonType || (ButtonType = {}));
 
-const ButtonRoot = [
+const Button = [
 // Layout
 'layout-inline-row justify-center',
-// Shape
-'rounded-md',
+// Overflow
+'overflow-hidden',
 // Interactivity
 'interactivity-auto',
+// Shape
+'rounded-md',
 // Typography
 'typography-button'];
-const ButtonRootVariants = {
-  'contained': [
+const ButtonVariants = {
+  [ButtonVariant.Contained]: [
   // Box
   'min-w-[96px]',
   // Spacing
   'px-md md:px-md', 'py-sm+ md:py-sm', 'gap-sm+ md:gap-sm',
-  // Theme
+  // Elevation (enabled)
   'enabled:shadow-button', 'dark:enabled:shadow-button-dark'],
-  'outlined': [
+  [ButtonVariant.Outlined]: [
   // Box
   'min-w-[96px]',
   // Spacing
   'px-md* md:px-md*', 'py-sm+* md:py-sm*', 'gap-sm+ md:gap-sm'],
-  'text': [
+  [ButtonVariant.Text]: [
   // Box
   'min-w-[96px]',
   // Spacing
   'px-md md:px-md', 'py-sm+ md:py-sm', 'gap-sm+ md:gap-sm'],
-  'link': [
+  [ButtonVariant.Link]: [
   // Spacing
   'gap-xs']
 };
-const ButtonRootColors = {
+const ButtonColors = {
   'primary-contained': [
   // Theme
   'theme-preset-1-primary', 'dark:theme-preset-1-primary-dark'],
@@ -133,7 +135,7 @@ var script = defineComponent({
     // Refs
     const root = ref();
     // Styles
-    const rootStyles = computed(() => ['or-button-v3', ...ButtonRoot, ...ButtonRootVariants[props.variant], ...ButtonRootColors[`${props.color}-${props.variant}`], props.loading && 'interactivity-none']);
+    const rootStyles = computed(() => ['or-button-v3', ...Button, ...ButtonVariants[props.variant], ...ButtonColors[`${props.color}-${props.variant}`], props.loading && 'interactivity-none']);
     return {
       root,
       rootStyles,

package/dist/esm/v3/{OrCardCollection-0adc842d.js → OrCardCollection-5a10ca80.js}

@@ -1,15 +1,32 @@
 import { defineComponent, computed, ref, watch } from 'vue-demi';
-import { s as script$2 } from './OrIconButton-fe133b18.js';
-import { s as script$4 } from './OrSearch-94019f8b.js';
+import { s as script$2 } from './OrIconButton-65b1a004.js';
+import { s as script$4 } from './OrSearch-c823ee5e.js';
 import './OrInputBox-912a6254.js';
+import { s as script$3 } from './OrSorting-d5f3e077.js';
 import { openBlock, createElementBlock, normalizeClass, Fragment, renderList, renderSlot, mergeProps, createTextVNode, toDisplayString, resolveComponent, createElementVNode, createBlock, createCommentVNode, createVNode, normalizeProps, guardReactiveProps, withCtx } from 'vue';
-import { s as script$3 } from './OrSorting-012e0c6b.js';
 
-const CardCollectionRoot = [
+var CardCollectionView;
+(function (CardCollectionView) {
+  CardCollectionView["Grid"] = "grid";
+  CardCollectionView["List"] = "list";
+})(CardCollectionView || (CardCollectionView = {}));
+const gridView = {
+  view: CardCollectionView.Grid,
+  icon: 'grid_view'
+};
+const listView = {
+  view: CardCollectionView.List,
+  icon: 'view_agenda'
+};
+const defaultViewModes = [gridView, listView];
+
+const CardCollection = [
 // Layout
 'layout-column',
+// Box
+'max-h-full',
 // Spacing
-'gap-md', 'max-h-full'];
+'gap-md'];
 const CardCollectionToolbar = [
 // Layout
 'layout-row justify-between',
@@ -25,15 +42,17 @@ const CardCollectionToolbarPanel = [
 const CardCollectionContent = [
 // Layout
 'grid',
-// Spacing
-'gap-sm md:gap-md',
 // Overflow
-'overflow-y-auto', 'p-xs*', '-m-xs*', '-mr-[7px]'];
+'overflow-auto',
+// 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']
 };
 
 var script$1 = defineComponent({
@@ -49,16 +68,17 @@ var script$1 = defineComponent({
     }
   },
   setup(props) {
-    const contentStyles = computed(() => [...CardCollectionContent, ...CardCollectionContentViews[props.mode]]);
+    // Styles
+    const rootStyles = computed(() => [...CardCollectionContent, ...CardCollectionContentViews[props.mode]]);
     return {
-      contentStyles
+      rootStyles
     };
   }
 });
 
 function render$1(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
-    class: normalizeClass(_ctx.contentStyles)
+    class: normalizeClass(_ctx.rootStyles)
   }, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.items, (item, index) => {
     return renderSlot(_ctx.$slots, "item", mergeProps({
       key: item.key || index
@@ -72,21 +92,6 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
 script$1.render = render$1;
 script$1.__file = "src/components/or-card-collection-v3/partials/OrCardCollectionView.vue3.vue";
 
-var DefaultCardCollectionViews;
-(function (DefaultCardCollectionViews) {
-  DefaultCardCollectionViews["Grid"] = "grid";
-  DefaultCardCollectionViews["List"] = "list";
-})(DefaultCardCollectionViews || (DefaultCardCollectionViews = {}));
-const gridView = {
-  view: DefaultCardCollectionViews.Grid,
-  icon: 'grid_view'
-};
-const listView = {
-  view: DefaultCardCollectionViews.List,
-  icon: 'view_agenda'
-};
-const defaultViewModes = [gridView, listView];
-
 var script = defineComponent({
   name: 'OrCardCollection',
   components: {
@@ -135,7 +140,7 @@ var script = defineComponent({
     // Refs
     const root = ref();
     // Styles
-    const rootStyles = computed(() => ['or-card-collection-v3', ...CardCollectionRoot]);
+    const rootStyles = computed(() => ['or-card-collection-v3', ...CardCollection]);
     const toolbarStyles = computed(() => [...CardCollectionToolbar]);
     const toolbarPanelStyles = computed(() => [...CardCollectionToolbarPanel]);
     // State
@@ -236,4 +241,4 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
 script.render = render;
 script.__file = "src/components/or-card-collection-v3/OrCardCollection.vue";
 
-export { DefaultCardCollectionViews as D, defaultViewModes as d, gridView as g, listView as l, script as s };
+export { CardCollectionView as C, defaultViewModes as d, gridView as g, listView as l, script as s };

package/dist/esm/v3/{OrCheckboxGroup-e0afc5c3.js → OrCheckboxGroup-6c054793.js}

@@ -3,7 +3,7 @@ import '@vueuse/core';
 import { u as useProxyModelValue } from './useProxyModelValue-940010d2.js';
 import '@onereach/styles/tailwind.config';
 import 'tailwindcss/resolveConfig';
-import { s as script$1 } from './OrCheckboxTree-76f1b7ed.js';
+import { s as script$1 } from './OrCheckboxTree-bb32455e.js';
 import { s as script$2, F as FormGroupDirection } from './OrFormGroup-9f581536.js';
 import { resolveComponent, openBlock, createBlock, withCtx, renderSlot, createElementBlock, Fragment, renderList } from 'vue';
 

package/dist/esm/v3/{OrCheckboxTree-76f1b7ed.js → OrCheckboxTree-bb32455e.js}

@@ -3,7 +3,7 @@ import { defineComponent, computed, toRef, watch } from 'vue-demi';
 import { u as useProxyModelValue } from './useProxyModelValue-940010d2.js';
 import '@onereach/styles/tailwind.config';
 import 'tailwindcss/resolveConfig';
-import { s as script$3 } from './OrButton-c2b6aa9e.js';
+import { s as script$3 } from './OrButton-4a3c3e7b.js';
 import { s as script$2 } from './OrCheckbox-09f62aab.js';
 import { s as script$1 } from './OrIcon-62793572.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, Fragment, createElementVNode, createBlock, withCtx, createVNode, createCommentVNode, renderList } from 'vue';

package/dist/esm/v3/{OrCode-a252b73f.js → OrCode-98aceeef.js}

@@ -15,10 +15,10 @@ import { u as useTheme } from './useTheme-e23d13c8.js';
 import { u as useValidationAttributes } from './useValidationAttributes-d1abbe34.js';
 import { s as script$1 } from './OrError-c01d0c29.js';
 import { s as script$2 } from './OrHint-06ab89d7.js';
-import { s as script$3 } from './OrIconButton-fe133b18.js';
+import { s as script$3 } from './OrIconButton-65b1a004.js';
 import { s as script$4 } from './OrInputBox-912a6254.js';
 import { s as script$5 } from './OrLabel-4da56db0.js';
-import { s as script$6 } from './OrModal-3ebc1346.js';
+import { s as script$6 } from './OrModal-fb598e97.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, createElementVNode, renderSlot, createVNode, withModifiers, createTextVNode, toDisplayString, createCommentVNode, withDirectives, vShow } from 'vue';
 
 var CodeLanguage;

package/dist/esm/v3/{OrConfirm-e3e225b3.js → OrConfirm-8d0351b9.js}

@@ -4,9 +4,9 @@ import { defineComponent, ref, toRef, computed, watch } from 'vue-demi';
 import { u as usePopoverState } from './usePopoverState-b92c698b.js';
 import '@onereach/styles/tailwind.config';
 import 'tailwindcss/resolveConfig';
-import { s as script$2, a as ButtonColor } from './OrButton-c2b6aa9e.js';
-import { s as script$3 } from './OrInput-5ffebd41.js';
-import { s as script$1 } from './OrOverlay-489fdf76.js';
+import { s as script$2, a as ButtonColor } from './OrButton-4a3c3e7b.js';
+import { s as script$3 } from './OrInput-cfc9d445.js';
+import { s as script$1 } from './OrOverlay-99e696e8.js';
 import { resolveComponent, openBlock, createBlock, withCtx, createElementVNode, mergeProps, normalizeClass, renderSlot, createTextVNode, toDisplayString, createElementBlock, createVNode, createCommentVNode } from 'vue';
 
 var ConfirmType;
@@ -15,23 +15,23 @@ var ConfirmType;
   ConfirmType["C"] = "c";
 })(ConfirmType || (ConfirmType = {}));
 
-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',
@@ -177,7 +177,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/esm/v3/{OrDatePicker-6993440a.js → OrDatePicker-819007d7.js}

@@ -4,14 +4,14 @@ import '@vueuse/core';
 import { u as useProxyModelValue } from './useProxyModelValue-940010d2.js';
 import '@onereach/styles/tailwind.config';
 import 'tailwindcss/resolveConfig';
-import { s as script$1, a as script$2, b as script$3, c as script$4, d as script$5, e as script$6, u as useCurrentDate } from './OrDateTimePickerPopoverHeader-ece5b2a7.js';
+import { s as script$1, a as script$2, b as script$3, c as script$4, d as script$5, e as script$6, u as useCurrentDate } from './OrDateTimePickerPopoverHeader-c3900e9a.js';
 import { s as script$7 } from './OrError-c01d0c29.js';
 import { s as script$8 } from './OrHint-06ab89d7.js';
-import { s as script$a } from './OrIconButton-fe133b18.js';
+import { s as script$a } from './OrIconButton-65b1a004.js';
 import { s as script$9 } from './OrIcon-62793572.js';
 import { s as script$b, I as InputBoxSize } from './OrInputBox-912a6254.js';
 import { s as script$c } from './OrLabel-4da56db0.js';
-import { s as script$d } from './OrPopover-6d433297.js';
+import { s as script$d } from './OrPopover-466a8297.js';
 import { resolveComponent, resolveDirective, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, withDirectives, withModifiers, createVNode, Fragment, createElementVNode } from 'vue';
 
 const DatePicker = [