@onereach/ui-components 2.70.2-beta.2207.0 → 2.70.2-beta.2212.0

package/dist/bundled/v2/{OrConfirm-23c3ce56.js → OrConfirm-057e997e.js}

@@ -1,6 +1,6 @@
-import './index-fa6eb4ca.js';
-import { useMagicKeys, whenever } from '@vueuse/core';
+import { useMagicKeys, whenever, onClickOutside } from '@vueuse/core';
 import { l as logicAnd } from './index-17f264f9.js';
+import './index-fa6eb4ca.js';
 import { O as OrOverlay } from './OrOverlay-3c89d622.js';
 import { O as OrButton, a as ButtonColor } from './OrButton-a846fa7e.js';
 import { O as OrInput } from './OrInput-82ccfe00.js';
@@ -14,12 +14,14 @@ var ConfirmType;
 })(ConfirmType || (ConfirmType = {}));
 
 const ConfirmRoot = [
+// Position
+'fixed md:static', 'left-none', 'right-none', 'bottom-none',
 // Layout
 'layout-column',
 // Box
-'w-[320px]',
+'w-full md:w-[320px]',
 // Shape
-'rounded-md',
+'rounded-0 md:rounded-md',
 // Spacing
 'px-lg', 'py-lg', 'gap-md',
 // Typography
@@ -52,8 +54,10 @@ const ConfirmFooterTypes = {
   'flex-row-reverse']
 };
 const ConfirmFooterButtons = [
+// Layout
+'grow',
 // Box
-'w-[128px]'];
+'w-auto md:w-[128px]'];
 
 var script = defineComponent({
   name: 'OrConfirm',
@@ -195,6 +199,9 @@ var script = defineComponent({
     const inputBoxStyles = computed(() => [...ConfirmInput]);
     const footerStyles = computed(() => [...ConfirmFooter, ...ConfirmFooterTypes[props.confirmType]]);
     const buttonsStyles = computed(() => [...ConfirmFooterButtons]);
+    // #region Click Outside
+    onClickOutside(root, close);
+    // #endregion
     return {
       root,
       confirmationInput,

package/dist/bundled/v2/{OrSelect-02fb39f0.js → OrSelect-c49e1bcf.js}

@@ -9,7 +9,7 @@ import { O as OrInputBox, a as InputBoxSize } from './OrInputBox-79ec54ad.js';
 import { O as OrLabel } from './OrLabel-172c4b89.js';
 import { O as OrMenuItem } from './OrMenuItem-26420908.js';
 import { O as OrPopover } from './OrPopover-5dc240f1.js';
-import { O as OrTag } from './OrTag-30fecee5.js';
+import { O as OrTag } from './OrTag-e3e6fdd6.js';
 import { D as DropdownClose, a as DropdownOpen } from './dropdown-open-e2a93aaf.js';
 import { u as useClassAttribute } from './useClassAttribute-9bf33346.js';
 import { u as useOverflow } from './useOverflow-bae6342f.js';

package/dist/bundled/v2/{OrTag-30fecee5.js → OrTag-e3e6fdd6.js}

@@ -43,7 +43,7 @@ const TagRootVariants = {
 const TagRootColors = {
   'default': [
   // Theme
-  'theme-preset-2-primary', 'dark:theme-preset-2-primary-dark', 'theme-foreground-default', 'dark:theme-foreground-default-dark'],
+  'theme-preset-2-primary', 'dark:theme-preset-2-primary-dark'],
   'danger': [
   // Theme
   'theme-preset-2-error', 'dark:theme-preset-2-error-dark']

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

@@ -19,7 +19,7 @@ export { _ as OrCode, O as OrCodeLanguages } from '../OrCode-fc6876ec.js';
 export { O as OrCollapse } from '../OrCollapse-3aa9a9b7.js';
 export { _ as OrColorPicker, h as amber, n as black, b as blue, m as blueGrey, k as brown, c as cyan, j as deepOrange, d as deepPurple, g as green, i as indigo, l as lightBlue, e as lightGreen, f as lime, o as orange, p as pink, a as purple, r as red, t as teal, w as white, y as yellow } from '../OrColorPicker-a1a37e83.js';
 export { _ as OrConfirm } from '../OrConfirm-56d01cff.js';
-export { C as ConfirmType, _ as OrConfirmV3 } from '../OrConfirm-23c3ce56.js';
+export { C as ConfirmType, _ as OrConfirmV3 } from '../OrConfirm-057e997e.js';
 export { D as DEFAULT_TEXT, _ as OrDateTimePicker, a as OrDateTimePickerItemTypes, O as OrDateTimePickerTypes } from '../OrDateTimePicker-e212f892.js';
 export { O as OrError } from '../OrError-31503e4c.js';
 export { _ as OrErrorTagV3 } from '../OrErrorTag-d0c5bcf4.js';
@@ -68,7 +68,7 @@ export { _ as OrRadioV3 } from '../OrRadio-cd39b20b.js';
 export { O as OrSearchV3 } from '../OrSearch-53470b0e.js';
 export { _ as OrSegmentedControlV3, S as SegmentedControlSize } from '../OrSegmentedControl-21cc914e.js';
 export { _ as OrSelect } from '../OrSelect-a23d4210.js';
-export { _ as OrSelectV3 } from '../OrSelect-02fb39f0.js';
+export { _ as OrSelectV3 } from '../OrSelect-c49e1bcf.js';
 export { _ as OrSidebar, O as OrSidebarSide } from '../OrSidebar-e2b2c9ec.js';
 export { O as OrSidebarPlacement, _ as OrSidebarV3 } from '../OrSidebar-c95ef614.js';
 export { _ as OrSkeletonCircle, a as OrSkeletonRect, b as OrSkeletonText, O as OrSkeletonTextSizes } from '../OrSkeletonText-242d22f3.js';
@@ -84,7 +84,7 @@ export { O as OrTabV3 } from '../OrTab-dd949240.js';
 export { _ as OrTabs } from '../OrTabs-4c8f6422.js';
 export { _ as OrTabsV3, T as TabsVariant } from '../OrTabs-42f7c52c.js';
 export { _ as OrTag } from '../OrTag-79e48fec.js';
-export { O as OrTagV3, a as TagColor, T as TagVariant } from '../OrTag-30fecee5.js';
+export { O as OrTagV3, a as TagColor, T as TagVariant } from '../OrTag-e3e6fdd6.js';
 export { O as OrTeleport } from '../OrTeleportVue2-3544f185.js';
 export { O as OrTeleportV3 } from '../OrTeleport.vue2-e9ba3054.js';
 export { _ as OrTextV3 } from '../OrText-eac4b9f5.js';

package/dist/bundled/v2/components/or-confirm-v3/index.js

@@ -1,9 +1,9 @@
-export { C as ConfirmType, _ as OrConfirmV3 } from '../../OrConfirm-23c3ce56.js';
+export { C as ConfirmType, _ as OrConfirmV3 } from '../../OrConfirm-057e997e.js';
+import '@vueuse/core';
+import '../../index-17f264f9.js';
 import '../../index-fa6eb4ca.js';
 import 'vue';
 import '@vue/composition-api/dist/vue-composition-api.mjs';
-import '@vueuse/core';
-import '../../index-17f264f9.js';
 import '../../OrOverlay-3c89d622.js';
 import '../../OrTeleport.vue2-e9ba3054.js';
 import 'portal-vue';

package/dist/bundled/v2/components/or-select-v3/index.js

@@ -1,4 +1,4 @@
-export { _ as OrSelectV3 } from '../../OrSelect-02fb39f0.js';
+export { _ as OrSelectV3 } from '../../OrSelect-c49e1bcf.js';
 export { a as SelectSize } from '../../OrInputBox-79ec54ad.js';
 import '../../index-fa6eb4ca.js';
 import 'vue';
@@ -25,6 +25,6 @@ import 'portal-vue';
 import '../../useElevation-aac032f4.js';
 import '../../useResponsive-e13dfbb0.js';
 import '../../OrMenuItem-26420908.js';
-import '../../OrTag-30fecee5.js';
+import '../../OrTag-e3e6fdd6.js';
 import '../../dropdown-open-e2a93aaf.js';
 import '../../useOverflow-bae6342f.js';

package/dist/bundled/v2/components/or-tag-v3/index.js

@@ -1,4 +1,4 @@
-export { O as OrTagV3, a as TagColor, T as TagVariant } from '../../OrTag-30fecee5.js';
+export { O as OrTagV3, a as TagColor, T as TagVariant } from '../../OrTag-e3e6fdd6.js';
 import '../../index-fa6eb4ca.js';
 import 'vue';
 import '@vue/composition-api/dist/vue-composition-api.mjs';