@onereach/ui-components 8.16.2-beta.3854.0 → 8.16.2-beta.3856.0

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

@@ -1,6 +1,6 @@
 import { a as useMagicKeys, o as onClickOutside } from '../../index-cc89d6b7.js';
 import { l as logicAnd } from '../../index-017c190e.js';
-import { defineComponent, ref, toRef, computed, watch } from 'vue-demi';
+import { defineComponent, ref, computed, toRef, watch } from 'vue-demi';
 import { ConfirmType } from './props.js';
 import { Confirm, ConfirmHeader, ConfirmInput, ConfirmFooter, ConfirmFooterTypes, ConfirmFooterButtons } from './styles.js';
 import __vue_component__$1 from '../OrOverlayV3/OrOverlay.js';
@@ -74,8 +74,13 @@ var script = defineComponent({
     const root = ref();
     const confirmationInput = ref();
     const confirmationButton = ref();
+    // Styles
+    const rootStyles = computed(() => ['or-confirm-v3', ...Confirm]);
+    const headerStyles = computed(() => [...ConfirmHeader]);
+    const inputBoxStyles = computed(() => [...ConfirmInput]);
+    const footerStyles = computed(() => [...ConfirmFooter, ...ConfirmFooterTypes[props.confirmType]]);
+    const buttonsStyles = computed(() => [...ConfirmFooterButtons]);
     // State
-    const touched = ref(false);
     const {
       state,
       open,
@@ -83,6 +88,20 @@ var script = defineComponent({
     } = usePopoverState(toRef(props, 'isOpen'), context.emit);
     const isInputActive = ref(false);
     const confirmationValue = ref('');
+    const touched = ref(false);
+    watch(state, value => {
+      confirmationValue.value = '';
+      if (value === 'open') {
+        touched.value = false;
+      }
+    }, {
+      immediate: true
+    });
+    watch(confirmationValue, value => {
+      if (value.length > 0) {
+        touched.value = true;
+      }
+    });
     const {
       escape,
       enter
@@ -103,18 +122,11 @@ var script = defineComponent({
     }
     function onInputBlur() {
       isInputActive.value = false;
-      touched.value = true;
     }
     // Events
     watch(escape, val => {
       if (val) close();
     });
-    watch(state, value => {
-      if (value === 'closed') {
-        confirmationValue.value = '';
-        touched.value = false;
-      }
-    });
     // types here are used for fixing TS2349
     watch(confirmationInput, val => {
       var _a;
@@ -128,12 +140,6 @@ var script = defineComponent({
       }
     });
     whenever(logicAnd(enter, isInputActive), () => confirm());
-    // Styles
-    const rootStyles = computed(() => ['or-confirm-v3', ...Confirm]);
-    const headerStyles = computed(() => [...ConfirmHeader]);
-    const inputBoxStyles = computed(() => [...ConfirmInput]);
-    const footerStyles = computed(() => [...ConfirmFooter, ...ConfirmFooterTypes[props.confirmType]]);
-    const buttonsStyles = computed(() => [...ConfirmFooterButtons]);
     // #region Click Outside
     onClickOutside(root, close);
     // #endregion

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

@@ -138,7 +138,7 @@ var script = defineComponent({
   }
 });
 
-var css_248z = "input[data-v-a519a4e8]{min-width:0;background:0 0;outline:0}input[type=number][data-v-a519a4e8]::-webkit-inner-spin-button{display:none}input[type=search][data-v-a519a4e8]::-webkit-search-cancel-button{display:none}";
+var css_248z = "input[data-v-6f036828]{min-width:0;background:0 0;outline:0}input[type=number][data-v-6f036828]::-webkit-inner-spin-button{display:none}input[type=search][data-v-6f036828]::-webkit-search-cancel-button{display:none}";
 styleInject(css_248z);
 
 /* script */
@@ -185,7 +185,7 @@ var __vue_render__ = function () {
         })] : [_vm.type === 'password' ? [_c('OrIconButton', {
           attrs: {
             "icon": {
-              icon: _vm.disclosed ? 'visibility' : 'visibility_off',
+              icon: _vm.disclosed ? 'visibility_off' : 'visibility',
               variant: 'filled'
             },
             "color": 'inherit',
@@ -398,7 +398,7 @@ var __vue_staticRenderFns__ = [];
 /* style */
 const __vue_inject_styles__ = undefined;
 /* scoped */
-const __vue_scope_id__ = "data-v-a519a4e8";
+const __vue_scope_id__ = "data-v-6f036828";
 /* module identifier */
 const __vue_module_identifier__ = undefined;
 /* functional template */

package/dist/bundled/v3/components/OrCardCollectionV3/OrCardCollection.js

@@ -1 +1 @@
-export { s as default } from '../OrCardCollectionV3-6b1266a6.js';
+export { s as default } from '../OrCardCollectionV3-db70636f.js';

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

@@ -1 +1 @@
-export { C as CardCollectionView, s as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../OrCardCollectionV3-6b1266a6.js';
+export { C as CardCollectionView, s as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../OrCardCollectionV3-db70636f.js';

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

@@ -1 +1 @@
-export { C as CardCollectionView, d as defaultViewModes, g as gridView, l as listView } from '../OrCardCollectionV3-6b1266a6.js';
+export { C as CardCollectionView, d as defaultViewModes, g as gridView, l as listView } from '../OrCardCollectionV3-db70636f.js';

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

@@ -1 +1 @@
-export { a as CardCollection, e as CardCollectionContent, f as CardCollectionContentViews, b as CardCollectionToolbar, c as CardCollectionToolbarPanel } from '../OrCardCollectionV3-6b1266a6.js';
+export { a as CardCollection, e as CardCollectionContent, f as CardCollectionContentViews, b as CardCollectionToolbar, c as CardCollectionToolbarPanel } from '../OrCardCollectionV3-db70636f.js';

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

@@ -1 +1 @@
-export { s as default } from '../OrConfirmV3-b5efd082.js';
+export { s as default } from '../OrConfirmV3-c9d90846.js';

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

@@ -1 +1 @@
-export { C as ConfirmType, s as OrConfirmV3 } from '../OrConfirmV3-b5efd082.js';
+export { C as ConfirmType, s as OrConfirmV3 } from '../OrConfirmV3-c9d90846.js';

package/dist/bundled/v3/components/OrConfirmV3/props.js

@@ -1 +1 @@
-export { C as ConfirmType } from '../OrConfirmV3-b5efd082.js';
+export { C as ConfirmType } from '../OrConfirmV3-c9d90846.js';

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

@@ -1 +1 @@
-export { a as Confirm, d as ConfirmFooter, f as ConfirmFooterButtons, e as ConfirmFooterTypes, b as ConfirmHeader, c as ConfirmInput } from '../OrConfirmV3-b5efd082.js';
+export { a as Confirm, d as ConfirmFooter, f as ConfirmFooterButtons, e as ConfirmFooterTypes, b as ConfirmHeader, c as ConfirmInput } from '../OrConfirmV3-c9d90846.js';

package/dist/bundled/v3/components/{OrConfirmV3-b5efd082.js → OrConfirmV3-c9d90846.js}

@@ -1,10 +1,10 @@
 import { resolveComponent, openBlock, createBlock, withCtx, createElementVNode, mergeProps, normalizeClass, renderSlot, createTextVNode, toDisplayString, createElementBlock, createVNode, createCommentVNode } from 'vue';
 import { b as useMagicKeys, w as whenever, o as onClickOutside } from './OrBottomSheetV3-66815f6f.js';
 import { l as logicAnd } from './OrConfirm-f95a3ce6.js';
-import { defineComponent, ref, toRef, computed, watch } from 'vue-demi';
+import { defineComponent, ref, computed, toRef, watch } from 'vue-demi';
 import { s as script$1 } from './OrOverlayV3-b2576ca1.js';
 import { s as script$2, B as ButtonColor } from './OrButtonV3-529c4206.js';
-import { s as script$3 } from './OrInputV3-5ed9b5fd.js';
+import { s as script$3 } from './OrInputV3-1b3a2135.js';
 import { usePopoverState } from '../hooks/usePopoverState.js';
 
 var ConfirmType;
@@ -120,8 +120,13 @@ var script = defineComponent({
     const root = ref();
     const confirmationInput = ref();
     const confirmationButton = ref();
+    // Styles
+    const rootStyles = computed(() => ['or-confirm-v3', ...Confirm]);
+    const headerStyles = computed(() => [...ConfirmHeader]);
+    const inputBoxStyles = computed(() => [...ConfirmInput]);
+    const footerStyles = computed(() => [...ConfirmFooter, ...ConfirmFooterTypes[props.confirmType]]);
+    const buttonsStyles = computed(() => [...ConfirmFooterButtons]);
     // State
-    const touched = ref(false);
     const {
       state,
       open,
@@ -129,6 +134,20 @@ var script = defineComponent({
     } = usePopoverState(toRef(props, 'isOpen'), context.emit);
     const isInputActive = ref(false);
     const confirmationValue = ref('');
+    const touched = ref(false);
+    watch(state, value => {
+      confirmationValue.value = '';
+      if (value === 'open') {
+        touched.value = false;
+      }
+    }, {
+      immediate: true
+    });
+    watch(confirmationValue, value => {
+      if (value.length > 0) {
+        touched.value = true;
+      }
+    });
     const {
       escape,
       enter
@@ -149,18 +168,11 @@ var script = defineComponent({
     }
     function onInputBlur() {
       isInputActive.value = false;
-      touched.value = true;
     }
     // Events
     watch(escape, val => {
       if (val) close();
     });
-    watch(state, value => {
-      if (value === 'closed') {
-        confirmationValue.value = '';
-        touched.value = false;
-      }
-    });
     // types here are used for fixing TS2349
     watch(confirmationInput, val => {
       var _a;
@@ -174,12 +186,6 @@ var script = defineComponent({
       }
     });
     whenever(logicAnd(enter, isInputActive), () => confirm());
-    // Styles
-    const rootStyles = computed(() => ['or-confirm-v3', ...Confirm]);
-    const headerStyles = computed(() => [...ConfirmHeader]);
-    const inputBoxStyles = computed(() => [...ConfirmInput]);
-    const footerStyles = computed(() => [...ConfirmFooter, ...ConfirmFooterTypes[props.confirmType]]);
-    const buttonsStyles = computed(() => [...ConfirmFooterButtons]);
     // #region Click Outside
     onClickOutside(root, close);
     // #endregion

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

@@ -1 +1 @@
-export { s as default } from '../OrInputV3-5ed9b5fd.js';
+export { s as default } from '../OrInputV3-1b3a2135.js';

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

@@ -1,2 +1,2 @@
-export { I as InputType, s as OrInputV3 } from '../OrInputV3-5ed9b5fd.js';
+export { I as InputType, s as OrInputV3 } from '../OrInputV3-1b3a2135.js';
 export { I as InputSize } from '../OrInputBoxV3-ddd117f0.js';

package/dist/bundled/v3/components/OrInputV3/props.js

@@ -1,2 +1,2 @@
 export { I as InputSize } from '../OrInputBoxV3-ddd117f0.js';
-export { I as InputType } from '../OrInputV3-5ed9b5fd.js';
+export { I as InputType } from '../OrInputV3-1b3a2135.js';

package/dist/bundled/v3/components/OrInputV3/styles.js

@@ -1 +1 @@
-export { b as InputControl, a as InputRoot } from '../OrInputV3-5ed9b5fd.js';
+export { b as InputControl, a as InputRoot } from '../OrInputV3-1b3a2135.js';

package/dist/bundled/v3/components/{OrInputV3-5ed9b5fd.js → OrInputV3-1b3a2135.js}

@@ -222,7 +222,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     }, [_ctx.type === 'password' ? (openBlock(), createBlock(_component_OrIconButton, {
       key: 0,
       icon: {
-        icon: _ctx.disclosed ? 'visibility' : 'visibility_off',
+        icon: _ctx.disclosed ? 'visibility_off' : 'visibility',
         variant: 'filled'
       },
       color: 'inherit',

package/dist/bundled/v3/components/OrRichTextEditorV3/OrRichTextEditor.js

@@ -1 +1 @@
-export { s as default } from '../OrRichTextEditorV3-5265594a.js';
+export { s as default } from '../OrRichTextEditorV3-214b9748.js';

package/dist/bundled/v3/components/OrRichTextEditorV3/index.js

@@ -1 +1 @@
-export { F as Formats, s as OrRichTextEditorV3 } from '../OrRichTextEditorV3-5265594a.js';
+export { F as Formats, s as OrRichTextEditorV3 } from '../OrRichTextEditorV3-214b9748.js';

package/dist/bundled/v3/components/OrRichTextEditorV3/props.js

@@ -1 +1 @@
-export { F as Formats } from '../OrRichTextEditorV3-5265594a.js';
+export { F as Formats } from '../OrRichTextEditorV3-214b9748.js';

package/dist/bundled/v3/components/OrRichTextEditorV3/styles.js

@@ -1 +1 @@
-export { E as EditorContainer, f as EditorInput, b as Toolbar, c as ToolbarButton, e as ToolbarButtonFocused, T as ToolbarContainer } from '../OrRichTextEditorV3-5265594a.js';
+export { E as EditorContainer, f as EditorInput, b as Toolbar, c as ToolbarButton, e as ToolbarButtonFocused, T as ToolbarContainer } from '../OrRichTextEditorV3-214b9748.js';

package/dist/bundled/v3/components/OrRichTextEditorV3/utils/codemirror/codemirrorNode.js

@@ -1,2 +1,2 @@
-export { i as default } from '../../../OrRichTextEditorV3-5265594a.js';
+export { i as default } from '../../../OrRichTextEditorV3-214b9748.js';
 import '../../../OrCode-46b1b8aa.js';

package/dist/bundled/v3/components/OrRichTextEditorV3/utils/codemirror/codemirrorView.js

@@ -1,2 +1,2 @@
-export { C as default } from '../../../OrRichTextEditorV3-5265594a.js';
+export { C as default } from '../../../OrRichTextEditorV3-214b9748.js';
 import '../../../OrCode-46b1b8aa.js';

package/dist/bundled/v3/components/OrRichTextEditorV3/utils/codemirror/index.js

@@ -1 +1 @@
-export { C as CodeMirrorView } from '../../../OrRichTextEditorV3-5265594a.js';
+export { C as CodeMirrorView } from '../../../OrRichTextEditorV3-214b9748.js';

package/dist/bundled/v3/components/OrRichTextEditorV3/utils/codemirror/theme.js

@@ -1,3 +1,3 @@
 import '../../../OrCode-46b1b8aa.js';
 import '../../../../hooks/useTheme.js';
-export { g as color, t as default, h as orCodeHighlightStyle, o as orCodeTheme } from '../../../OrRichTextEditorV3-5265594a.js';
+export { g as color, t as default, h as orCodeHighlightStyle, o as orCodeTheme } from '../../../OrRichTextEditorV3-214b9748.js';

package/dist/bundled/v3/components/OrRichTextEditorV3/utils/markdown.js

@@ -1 +1 @@
-export { d as deserialize, a as serialize } from '../../OrRichTextEditorV3-5265594a.js';
+export { d as deserialize, a as serialize } from '../../OrRichTextEditorV3-214b9748.js';

package/dist/bundled/v3/components/{OrRichTextEditorV3-5265594a.js → OrRichTextEditorV3-214b9748.js}

@@ -10,7 +10,7 @@ import { s as script$2 } from './OrLabelV3-28f7ac2c.js';
 import { s as script$3 } from './OrMenuItemV3-7b557536.js';
 import { s as script$4 } from './OrMenuV3-4eb5f090.js';
 import { s as script$5 } from './OrModalV3-fdafb7b0.js';
-import { s as script$6 } from './OrInputV3-5ed9b5fd.js';
+import { s as script$6 } from './OrInputV3-1b3a2135.js';
 import { s as script$7 } from './OrButtonV3-529c4206.js';
 import { s as script$8 } from './OrPopoverV3-a7d181a4.js';
 import { useTheme } from '../hooks/useTheme.js';

package/dist/bundled/v3/components/OrSearchV3/index.js

@@ -2,7 +2,7 @@ import { I as InputBoxSize } from '../OrInputBoxV3-ddd117f0.js';
 export { I as SearchSize } from '../OrInputBoxV3-ddd117f0.js';
 import { resolveComponent, openBlock, createBlock, mergeProps } from 'vue';
 import { defineComponent, ref, computed, reactive, watch } from 'vue-demi';
-import { s as script$1 } from '../OrInputV3-5ed9b5fd.js';
+import { s as script$1 } from '../OrInputV3-1b3a2135.js';
 import { useIdAttribute } from '../../hooks/useIdAttribute.js';
 import { useControlAttributes } from '../../hooks/useControlAttributes.js';
 import { useValidationAttributes } from '../../hooks/useValidationAttributes.js';

package/dist/bundled/v3/components/OrSelectV3/OrSelect.js

@@ -1 +1 @@
-export { s as default } from '../OrSelectV3-f212f5c6.js';
+export { s as default } from '../OrSelectV3-fdc69cd8.js';

package/dist/bundled/v3/components/OrSelectV3/index.js

@@ -1,2 +1,2 @@
-export { s as OrSelectV3 } from '../OrSelectV3-f212f5c6.js';
+export { s as OrSelectV3 } from '../OrSelectV3-fdc69cd8.js';
 export { I as SelectSize } from '../OrInputBoxV3-ddd117f0.js';

package/dist/bundled/v3/components/OrSelectV3/styles.js

@@ -1 +1 @@
-export { S as Select, a as SelectControl, c as SelectDropdown, d as SelectDropdownDefault, e as SelectDropdownFlipped, f as SelectDropdownItem, g as SelectNoSearchResults, b as SelectSearchControl } from '../OrSelectV3-f212f5c6.js';
+export { S as Select, a as SelectControl, c as SelectDropdown, d as SelectDropdownDefault, e as SelectDropdownFlipped, f as SelectDropdownItem, g as SelectNoSearchResults, b as SelectSearchControl } from '../OrSelectV3-fdc69cd8.js';

package/dist/bundled/v3/components/{OrSelectV3-f212f5c6.js → OrSelectV3-fdc69cd8.js}

@@ -12,7 +12,7 @@ import { s as script$8 } from './OrExpansionPanelV3-bac16530.js';
 import { s as script$9 } from './OrHintV3-1fcfaa19.js';
 import { s as script$a } from './OrIconV3-5db4e349.js';
 import { s as script$b } from './OrIconButtonV3-aa18f25c.js';
-import { s as script$c } from './OrInputV3-5ed9b5fd.js';
+import { s as script$c } from './OrInputV3-1b3a2135.js';
 import { s as script$e } from './OrLabelV3-28f7ac2c.js';
 import { s as script$f } from './OrMenuItemV3-7b557536.js';
 import { s as script$g } from './OrPopoverV3-a7d181a4.js';

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

@@ -8,7 +8,7 @@ export { B as BUTTON_COLOR, c as BUTTON_LOADER_TYPE, a as BUTTON_SIZE, b as BUTT
 export { default as OrIconButton, default as OrIconButtonV2 } from './OrIconButtonV2/OrIconButton.js';
 export { default as OrCard } from './OrCard/OrCard.js';
 export { CARD_COLLECTION_LAYOUT, OrCardCollection } from './OrCardCollection/index.js';
-export { C as CardCollectionView, s as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from './OrCardCollectionV3-6b1266a6.js';
+export { C as CardCollectionView, s as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from './OrCardCollectionV3-db70636f.js';
 export { C as CardPadding, s as OrCardV3 } from './OrCardV3-f9908b34.js';
 export { default as OrCheckbox } from './OrCheckbox/OrCheckbox.js';
 export { default as OrCheckboxGroupV3 } from './OrCheckboxGroupV3/OrCheckboxGroup.js';
@@ -22,7 +22,7 @@ export { s as OrColorPicker, h as amber, n as black, b as blue, m as blueGrey, k
 export { s as OrCombinedInputV3 } from './OrCombinedInputV3-795e8cf2.js';
 export { I as CombinedInputSize, I as DatePickerSize, I as DateRangePickerSize, I as DateTimePickerSize, I as InputBoxSize, a as InputBoxVariant, I as InputSize, s as OrInputBoxV3, I as SearchSize, I as SelectSize, I as TagInputSize, I as TextareaSize, I as TimePickerSize, I as TimeRangePickerSize } from './OrInputBoxV3-ddd117f0.js';
 export { s as OrConfirm } from './OrConfirm-f95a3ce6.js';
-export { C as ConfirmType, s as OrConfirmV3 } from './OrConfirmV3-b5efd082.js';
+export { C as ConfirmType, s as OrConfirmV3 } from './OrConfirmV3-c9d90846.js';
 export { OrContextMenuV3 } from './OrContextMenuV3/index.js';
 export { P as ContextMenuPlacement, P as MenuPlacement, s as OrPopoverV3, P as PopoverPlacement, a as PopoverVariant, P as TooltipPlacement } from './OrPopoverV3-a7d181a4.js';
 export { s as OrDateFormatV3 } from './OrDateFormatV3-8456e52e.js';
@@ -49,7 +49,7 @@ export { I as InlineInputType, s as OrInlineInputV3 } from './OrInlineInputV3-76
 export { InlineTextEditTrimmingTypes, InlineTextEditTypes, OrInlineTextEdit } from './OrInlineTextEdit/index.js';
 export { s as OrInlineTextareaV3 } from './OrInlineTextareaV3-51a17e03.js';
 export { default as OrInput } from './OrInput/OrInput.js';
-export { I as InputType, s as OrInputV3 } from './OrInputV3-5ed9b5fd.js';
+export { I as InputType, s as OrInputV3 } from './OrInputV3-1b3a2135.js';
 export { default as OrLabel } from './OrLabel/OrLabel.js';
 export { L as LabelVariant, s as OrLabelV3 } from './OrLabelV3-28f7ac2c.js';
 export { L as LinkColor, s as OrLinkV3 } from './OrLinkV3-dc35424e.js';
@@ -80,12 +80,12 @@ export { s as OrRangeSliderV3 } from './OrRangeSliderV3-9d36a0c5.js';
 export { s as OrSliderV3, S as RangeSliderColor, a as RangeSliderOrientation, S as SliderColor, a as SliderOrientation } from './OrSliderV3-f0ac9b94.js';
 export { s as OrRatingV3 } from './OrRatingV3-b6b47938.js';
 export { s as OrResizeablePanelV3, R as ResizeablePanelPadding, a as ResizeablePanelPlacement, R as SidebarPadding } from './OrResizeablePanelV3-b14e7e87.js';
-export { F as Formats, s as OrRichTextEditorV3 } from './OrRichTextEditorV3-5265594a.js';
+export { F as Formats, s as OrRichTextEditorV3 } from './OrRichTextEditorV3-214b9748.js';
 export { default as OrSearch } from './OrSearch/OrSearch.js';
 export { OrSearchV3 } from './OrSearchV3/index.js';
 export { s as OrSegmentedControlV3, S as SegmentedControlSize } from './OrSegmentedControlV3-56862f95.js';
 export { s as OrSelect } from './OrSelect-ab9e3084.js';
-export { s as OrSelectV3 } from './OrSelectV3-f212f5c6.js';
+export { s as OrSelectV3 } from './OrSelectV3-fdc69cd8.js';
 export { OrSidebar, OrSidebarSide } from './OrSidebar/index.js';
 export { S as OrSidebarPlacement, s as OrSidebarV3, S as SidebarPlacement } from './OrSidebarV3-3bc2d48b.js';
 export { s as OrSkeletonCircle, a as OrSkeletonRect, b as OrSkeletonText, O as OrSkeletonTextSizes } from './OrSkeleton-6b7c940e.js';

package/dist/bundled/v3/index.js

@@ -4,7 +4,7 @@ export { a as AvatarColor, A as AvatarSize, s as OrAvatarV3 } from './components
 export { OrButton, OrButtonColors, OrButtonSizes, OrButtonViews } from './components/OrButton/index.js';
 export { s as OrButtonGroupV3 } from './components/OrButtonGroupV3-e35a1f1c.js';
 export { CARD_COLLECTION_LAYOUT, OrCardCollection } from './components/OrCardCollection/index.js';
-export { C as CardCollectionView, s as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from './components/OrCardCollectionV3-6b1266a6.js';
+export { C as CardCollectionView, s as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from './components/OrCardCollectionV3-db70636f.js';
 export { C as CardPadding, s as OrCardV3 } from './components/OrCardV3-f9908b34.js';
 export { default as OrCheckboxGroupV3 } from './components/OrCheckboxGroupV3/OrCheckboxGroup.js';
 export { s as OrChip, a as OrChips } from './components/OrChips-ba5bb85b.js';
@@ -13,7 +13,7 @@ export { C as CodeLanguage, s as OrCodeV3 } from './components/OrCodeV3-7ecb46ca
 export { s 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 './components/OrColorPicker-2271c176.js';
 export { s as OrCombinedInputV3 } from './components/OrCombinedInputV3-795e8cf2.js';
 export { s as OrConfirm } from './components/OrConfirm-f95a3ce6.js';
-export { C as ConfirmType, s as OrConfirmV3 } from './components/OrConfirmV3-b5efd082.js';
+export { C as ConfirmType, s as OrConfirmV3 } from './components/OrConfirmV3-c9d90846.js';
 export { OrContextMenuV3 } from './components/OrContextMenuV3/index.js';
 export { s as OrDateFormatV3 } from './components/OrDateFormatV3-8456e52e.js';
 export { s as OrDatePickerV3 } from './components/OrDatePickerV3-a3e534f7.js';
@@ -42,10 +42,10 @@ export { default as OrRadioGroup } from './components/OrRadioGroup/OrRadioGroup.
 export { default as OrRadioGroupV3 } from './components/OrRadioGroupV3/OrRadioGroup.js';
 export { s as OrRangeSliderV3 } from './components/OrRangeSliderV3-9d36a0c5.js';
 export { s as OrRatingV3 } from './components/OrRatingV3-b6b47938.js';
-export { F as Formats, s as OrRichTextEditorV3 } from './components/OrRichTextEditorV3-5265594a.js';
+export { F as Formats, s as OrRichTextEditorV3 } from './components/OrRichTextEditorV3-214b9748.js';
 export { s as OrSegmentedControlV3, S as SegmentedControlSize } from './components/OrSegmentedControlV3-56862f95.js';
 export { s as OrSelect } from './components/OrSelect-ab9e3084.js';
-export { s as OrSelectV3 } from './components/OrSelectV3-f212f5c6.js';
+export { s as OrSelectV3 } from './components/OrSelectV3-fdc69cd8.js';
 export { OrSidebar, OrSidebarSide } from './components/OrSidebar/index.js';
 export { S as OrSidebarPlacement, s as OrSidebarV3, S as SidebarPlacement } from './components/OrSidebarV3-3bc2d48b.js';
 export { s as OrSkeletonCircle, a as OrSkeletonRect, b as OrSkeletonText, O as OrSkeletonTextSizes } from './components/OrSkeleton-6b7c940e.js';
@@ -94,7 +94,7 @@ export { I as IconButtonColor, s as OrIconButtonV3 } from './components/OrIconBu
 export { I as IconButtonSize, I as IconSize, a as IconVariant, s as OrIconV3 } from './components/OrIconV3-5db4e349.js';
 export { I as InlineInputBoxSize, I as InlineInputSize, s as OrInlineInputBoxV3 } from './components/OrInlineInputBoxV3-a75f9e25.js';
 export { default as OrInput } from './components/OrInput/OrInput.js';
-export { I as InputType, s as OrInputV3 } from './components/OrInputV3-5ed9b5fd.js';
+export { I as InputType, s as OrInputV3 } from './components/OrInputV3-1b3a2135.js';
 export { default as OrLabel } from './components/OrLabel/OrLabel.js';
 export { L as LabelVariant, s as OrLabelV3 } from './components/OrLabelV3-28f7ac2c.js';
 export { s as OrList } from './components/OrList-bc9b2880.js';

package/dist/esm/v2/{OrCardCollection-e7c0c61d.js → OrCardCollection-a5af5643.js}

@@ -1,6 +1,6 @@
 import { defineComponent, computed, ref, watch } from 'vue-demi';
 import { _ as __vue_component__$2 } from './OrIconButton-edff56d4.js';
-import { _ as __vue_component__$4 } from './OrSearch-de2423bc.js';
+import { _ as __vue_component__$4 } from './OrSearch-f23844a4.js';
 import './OrInputBox.vue_rollup-plugin-vue_script-65ebcf4d.js';
 import { _ as __vue_component__$5 } from './OrLoader-784e2060.js';
 import { _ as __vue_component__$3 } from './OrSorting-65c84965.js';

package/dist/esm/v2/{OrConfirm-096d70f2.js → OrConfirm-a9568ff9.js}

@@ -1,13 +1,13 @@
 import { useMagicKeys, whenever, onClickOutside } from '@vueuse/core';
 import { logicAnd } from '@vueuse/math';
-import { defineComponent, ref, toRef, computed, watch } from 'vue-demi';
+import { defineComponent, ref, computed, toRef, watch } from 'vue-demi';
 import './dom-aecadd9a.js';
 import { u as usePopoverState } from './usePopoverState-5033b9cb.js';
 import '@onereach/styles/tailwind/plugins/core';
 import '@onereach/styles/tailwind.config.json';
 import { _ as __vue_component__$2 } from './OrButton-8d1efd4a.js';
 import { B as ButtonColor } from './OrButton.vue_rollup-plugin-vue_script-ec8cfaee.js';
-import { _ as __vue_component__$3 } from './OrInput-ac6484dd.js';
+import { _ as __vue_component__$3 } from './OrInput-940330ef.js';
 import { _ as __vue_component__$1 } from './OrOverlay-9aa5020f.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
@@ -124,8 +124,13 @@ var script = defineComponent({
     const root = ref();
     const confirmationInput = ref();
     const confirmationButton = ref();
+    // Styles
+    const rootStyles = computed(() => ['or-confirm-v3', ...Confirm]);
+    const headerStyles = computed(() => [...ConfirmHeader]);
+    const inputBoxStyles = computed(() => [...ConfirmInput]);
+    const footerStyles = computed(() => [...ConfirmFooter, ...ConfirmFooterTypes[props.confirmType]]);
+    const buttonsStyles = computed(() => [...ConfirmFooterButtons]);
     // State
-    const touched = ref(false);
     const {
       state,
       open,
@@ -133,6 +138,20 @@ var script = defineComponent({
     } = usePopoverState(toRef(props, 'isOpen'), context.emit);
     const isInputActive = ref(false);
     const confirmationValue = ref('');
+    const touched = ref(false);
+    watch(state, value => {
+      confirmationValue.value = '';
+      if (value === 'open') {
+        touched.value = false;
+      }
+    }, {
+      immediate: true
+    });
+    watch(confirmationValue, value => {
+      if (value.length > 0) {
+        touched.value = true;
+      }
+    });
     const {
       escape,
       enter
@@ -153,18 +172,11 @@ var script = defineComponent({
     }
     function onInputBlur() {
       isInputActive.value = false;
-      touched.value = true;
     }
     // Events
     watch(escape, val => {
       if (val) close();
     });
-    watch(state, value => {
-      if (value === 'closed') {
-        confirmationValue.value = '';
-        touched.value = false;
-      }
-    });
     // types here are used for fixing TS2349
     watch(confirmationInput, val => {
       var _a;
@@ -178,12 +190,6 @@ var script = defineComponent({
       }
     });
     whenever(logicAnd(enter, isInputActive), () => confirm());
-    // Styles
-    const rootStyles = computed(() => ['or-confirm-v3', ...Confirm]);
-    const headerStyles = computed(() => [...ConfirmHeader]);
-    const inputBoxStyles = computed(() => [...ConfirmInput]);
-    const footerStyles = computed(() => [...ConfirmFooter, ...ConfirmFooterTypes[props.confirmType]]);
-    const buttonsStyles = computed(() => [...ConfirmFooterButtons]);
     // #region Click Outside
     onClickOutside(root, close);
     // #endregion

package/dist/esm/v2/{OrInput-ac6484dd.js → OrInput-940330ef.js}

@@ -159,7 +159,7 @@ var script = defineComponent({
   }
 });
 
-var css_248z = "input[data-v-a519a4e8]{min-width:0;background:0 0;outline:0}input[type=number][data-v-a519a4e8]::-webkit-inner-spin-button{display:none}input[type=search][data-v-a519a4e8]::-webkit-search-cancel-button{display:none}";
+var css_248z = "input[data-v-6f036828]{min-width:0;background:0 0;outline:0}input[type=number][data-v-6f036828]::-webkit-inner-spin-button{display:none}input[type=search][data-v-6f036828]::-webkit-search-cancel-button{display:none}";
 styleInject(css_248z);
 
 /* script */
@@ -206,7 +206,7 @@ var __vue_render__ = function () {
         })] : [_vm.type === 'password' ? [_c('OrIconButton', {
           attrs: {
             "icon": {
-              icon: _vm.disclosed ? 'visibility' : 'visibility_off',
+              icon: _vm.disclosed ? 'visibility_off' : 'visibility',
               variant: 'filled'
             },
             "color": 'inherit',
@@ -419,7 +419,7 @@ var __vue_staticRenderFns__ = [];
 /* style */
 const __vue_inject_styles__ = undefined;
 /* scoped */
-const __vue_scope_id__ = "data-v-a519a4e8";
+const __vue_scope_id__ = "data-v-6f036828";
 /* module identifier */
 const __vue_module_identifier__ = undefined;
 /* functional template */

package/dist/esm/v2/{OrRichTextEditor-f05d2e66.js → OrRichTextEditor-598c582f.js}

@@ -22,7 +22,7 @@ import { _ as __vue_component__$4 } from './OrMenu-6fa468e0.js';
 import { _ as __vue_component__$8 } from './OrPopover-07b82c80.js';
 import { _ as __vue_component__$3 } from './OrMenuItem-fbe3e8e4.js';
 import { _ as __vue_component__$5 } from './OrModal-b191f8c8.js';
-import { _ as __vue_component__$6 } from './OrInput-ac6484dd.js';
+import { _ as __vue_component__$6 } from './OrInput-940330ef.js';
 import { _ as __vue_component__$7 } from './OrButton-8d1efd4a.js';
 import './OrButton.vue_rollup-plugin-vue_script-ec8cfaee.js';
 import { Node, Editor, mergeAttributes } from '@tiptap/core';

package/dist/esm/v2/{OrSearch-de2423bc.js → OrSearch-f23844a4.js}

@@ -1,6 +1,6 @@
 import { debouncedWatch } from '@vueuse/core';
 import { defineComponent, ref, computed, reactive, watch } from 'vue-demi';
-import { _ as __vue_component__$1 } from './OrInput-ac6484dd.js';
+import { _ as __vue_component__$1 } from './OrInput-940330ef.js';
 import { I as InputBoxSize } from './OrInputBox.vue_rollup-plugin-vue_script-65ebcf4d.js';
 import { a as useIdAttribute, u as useControlAttributes } from './useIdAttribute-859439f0.js';
 import './dom-aecadd9a.js';

package/dist/esm/v2/{OrSelect-30f5ce68.js → OrSelect-c1a48c2f.js}

@@ -14,7 +14,7 @@ import { _ as __vue_component__$8 } from './OrIconButton-edff56d4.js';
 import { _ as __vue_component__$7 } from './OrIcon-3f99ef27.js';
 import { _ as __vue_component__$a } from './OrInputBox-140c344d.js';
 import { I as InputBoxSize } from './OrInputBox.vue_rollup-plugin-vue_script-65ebcf4d.js';
-import { _ as __vue_component__$9 } from './OrInput-ac6484dd.js';
+import { _ as __vue_component__$9 } from './OrInput-940330ef.js';
 import { _ as __vue_component__$b } from './OrLabel-caf02dc4.js';
 import { _ as __vue_component__$c } from './OrMenuItem-fbe3e8e4.js';
 import { _ as __vue_component__$d } from './OrPopover-07b82c80.js';

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

@@ -10,7 +10,7 @@ export { _ as OrIconButton, _ as OrIconButtonV2 } from '../OrIconButton-f6370222
 export { a as BUTTON_COLOR, c as BUTTON_LOADER_TYPE, b as BUTTON_SIZE, B as BUTTON_TYPE, I as ICON_BUTTON_TYPE } from '../OrIconButton.vue_rollup-plugin-vue_styles.0-02ba7b68.js';
 export { _ as OrCard } from '../OrCard-c44d9783.js';
 export { C as CARD_COLLECTION_LAYOUT, _ as OrCardCollection } from '../OrCardCollection-d7e546a0.js';
-export { C as CardCollectionView, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../OrCardCollection-e7c0c61d.js';
+export { C as CardCollectionView, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../OrCardCollection-a5af5643.js';
 export { C as CardPadding, _ as OrCardV3 } from '../OrCard-54dce216.js';
 export { _ as OrCheckbox } from '../OrCheckbox-3337d903.js';
 export { _ as OrCheckboxGroupV3 } from '../OrCheckboxGroup-f8781127.js';
@@ -33,7 +33,7 @@ export { _ as OrCombinedInputV3 } from '../OrCombinedInput-27179a1d.js';
 export { _ as OrInputBoxV3 } from '../OrInputBox-140c344d.js';
 export { I as CombinedInputSize, I as DatePickerSize, I as DateRangePickerSize, I as DateTimePickerSize, I as InputBoxSize, a as InputBoxVariant, I as InputSize, I as SearchSize, I as SelectSize, I as TagInputSize, I as TextareaSize, I as TimePickerSize, I as TimeRangePickerSize } from '../OrInputBox.vue_rollup-plugin-vue_script-65ebcf4d.js';
 export { _ as OrConfirm } from '../OrConfirm-f3f7ec59.js';
-export { C as ConfirmType, _ as OrConfirmV3 } from '../OrConfirm-096d70f2.js';
+export { C as ConfirmType, _ as OrConfirmV3 } from '../OrConfirm-a9568ff9.js';
 export { _ as OrContextMenuV3 } from '../OrContextMenu-7292aca0.js';
 export { _ as OrMenuV3 } from '../OrMenu-6fa468e0.js';
 export { P as ContextMenuPlacement, P as MenuPlacement, _ as OrPopoverV3, P as PopoverPlacement, a as PopoverVariant, P as TooltipPlacement } from '../OrPopover-07b82c80.js';
@@ -65,7 +65,7 @@ export { I as InlineInputType, _ as OrInlineInputV3 } from '../OrInlineInput-e28
 export { a as InlineTextEditTrimmingTypes, I as InlineTextEditTypes, _ as OrInlineTextEdit } from '../OrInlineTextEdit-5bf70eb4.js';
 export { _ as OrInlineTextareaV3 } from '../OrInlineTextarea-dee41c76.js';
 export { _ as OrInput } from '../OrInput-7a12709e.js';
-export { I as InputType, _ as OrInputV3 } from '../OrInput-ac6484dd.js';
+export { I as InputType, _ as OrInputV3 } from '../OrInput-940330ef.js';
 export { _ as OrLabel } from '../OrLabel-fcceec1b.js';
 export { L as LabelVariant, _ as OrLabelV3 } from '../OrLabel-caf02dc4.js';
 export { L as LinkColor, _ as OrLinkV3 } from '../OrLink-9124c64f.js';
@@ -97,12 +97,12 @@ export { _ as OrSliderV3 } from '../OrSlider-a474445c.js';
 export { S as RangeSliderColor, a as RangeSliderOrientation, S as SliderColor, a as SliderOrientation } from '../OrSlider.vue_rollup-plugin-vue_script-09b4700b.js';
 export { _ as OrRatingV3 } from '../OrRating-abf1b609.js';
 export { _ as OrResizeablePanelV3, R as ResizeablePanelPadding, a as ResizeablePanelPlacement, R as SidebarPadding } from '../OrResizeablePanel-cb99359f.js';
-export { F as Formats, _ as OrRichTextEditorV3 } from '../OrRichTextEditor-f05d2e66.js';
+export { F as Formats, _ as OrRichTextEditorV3 } from '../OrRichTextEditor-598c582f.js';
 export { _ as OrSearch } from '../OrSearch-ddf244e6.js';
-export { _ as OrSearchV3 } from '../OrSearch-de2423bc.js';
+export { _ as OrSearchV3 } from '../OrSearch-f23844a4.js';
 export { _ as OrSegmentedControlV3, S as SegmentedControlSize } from '../OrSegmentedControl-00583234.js';
 export { _ as OrSelect } from '../OrSelect-d271f7a3.js';
-export { _ as OrSelectV3 } from '../OrSelect-30f5ce68.js';
+export { _ as OrSelectV3 } from '../OrSelect-c1a48c2f.js';
 export { _ as OrSidebar, O as OrSidebarSide } from '../OrSidebar-054b26c6.js';
 export { S as OrSidebarPlacement, _ as OrSidebarV3, S as SidebarPlacement } from '../OrSidebar-7a40a9ad.js';
 export { _ as OrSkeletonCircle } from '../OrSkeletonCircle-c4bf0e34.js';