@onereach/ui-components 4.6.4-beta.2808.0 → 4.6.5

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

@@ -1,19 +1,9 @@
-import { s as script } from '../../OrModal.vue_vue_type_script_lang-202c4e2f.js';
-export { s as default } from '../../OrModal.vue_vue_type_script_lang-202c4e2f.js';
-import { resolveComponent, openBlock, createBlock, withCtx, createElementVNode, mergeProps, normalizeClass, renderSlot, createVNode, withModifiers, createCommentVNode } from 'vue';
+import { s as script } from '../../OrModal.vue_vue_type_script_lang-910b80a1.js';
+export { s as default } from '../../OrModal.vue_vue_type_script_lang-910b80a1.js';
+import { resolveComponent, openBlock, createBlock, withCtx, createElementVNode, mergeProps, createVNode, renderSlot, createCommentVNode } from 'vue';
 import 'vue-demi';
-import './props.js';
-import './styles.js';
-import '../OrOverlayV3/OrOverlay.js';
-import '../../OrOverlay.vue_vue_type_script_lang-86c7b93a.js';
-import '@vueuse/core';
-import '../OrOverlayV3/styles.js';
-import '../OrTeleportV3/OrTeleport.js';
-import '../../OrTeleport.vue3.vue_vue_type_script_lang-a6ce162e.js';
-import '../../hooks/useElevation.js';
-import '../../utils/isVisible.js';
 import '../OrIconButtonV3/OrIconButton.js';
-import '../../OrIconButton.vue_vue_type_script_lang-5bba9f3f.js';
+import '../../OrIconButton.vue_vue_type_script_lang-743eb1eb.js';
 import '../OrIconButtonV3/props.js';
 import '../OrIconV3/props.js';
 import '../OrIconButtonV3/styles.js';
@@ -21,26 +11,37 @@ import '../OrIconV3/OrIcon.js';
 import '../../OrIcon.vue_vue_type_script_lang-73f9cc63.js';
 import '../OrIconV3/styles.js';
 import '../OrTooltipV3/OrTooltip.js';
-import '../../OrTooltip.vue_vue_type_script_lang-bb3db5bf.js';
+import '../../OrTooltip.vue_vue_type_script_lang-44e9f7e4.js';
 import '../OrTooltipV3/styles.js';
 import '../OrPopoverV3/OrPopover.js';
-import '../../OrPopover.vue_vue_type_script_lang-7b1b2488.js';
+import '../../OrPopover.vue_vue_type_script_lang-dca9481d.js';
 import '../../floating-ui.dom.esm-83eba816.js';
+import '../../index-02705c13.js';
+import '../../index-5e8e7a46.js';
 import '../OrPopoverV3/props.js';
 import '../OrPopoverV3/styles.js';
 import '../OrBottomSheetV3/OrBottomSheet.js';
-import '../../OrBottomSheet.vue_vue_type_script_lang-a81b2abb.js';
+import '../../OrBottomSheet.vue_vue_type_script_lang-2f9406a6.js';
 import '../OrBottomSheetV3/props.js';
 import '../OrBottomSheetV3/styles.js';
+import '../OrOverlayV3/OrOverlay.js';
+import '../../OrOverlay.vue_vue_type_script_lang-93864f05.js';
+import '../OrOverlayV3/styles.js';
+import '../OrTeleportV3/OrTeleport.js';
+import '../../OrTeleport.vue3.vue_vue_type_script_lang-a6ce162e.js';
+import '../../hooks/useElevation.js';
+import '../../utils/isVisible.js';
+import '../../hooks/usePopoverState.js';
 import '../../hooks/useResponsive/useResponsive.js';
+import './props.js';
+import './styles.js';
 
-const _hoisted_1 = {
-  class: /*#__PURE__*/normalizeClass(['grow'])
-};
 function render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_OrIconButton = resolveComponent("OrIconButton");
+  const _component_OrModalHeader = resolveComponent("OrModalHeader");
+  const _component_OrModalContent = resolveComponent("OrModalContent");
+  const _component_OrModalFooter = resolveComponent("OrModalFooter");
   const _component_OrOverlay = resolveComponent("OrOverlay");
-  return _ctx.isActive ? (openBlock(), createBlock(_component_OrOverlay, {
+  return _ctx.state === 'open' ? (openBlock(), createBlock(_component_OrOverlay, {
     key: 0,
     fullscreen: true
   }, {
@@ -48,17 +49,20 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       ref: "root"
     }, _ctx.$attrs, {
       class: _ctx.rootStyles
-    }), [createElementVNode("div", {
-      class: normalizeClass(_ctx.headerStyles)
-    }, [createElementVNode("div", _hoisted_1, [renderSlot(_ctx.$slots, "header")]), createVNode(_component_OrIconButton, {
-      icon: 'close',
-      size: 'l',
-      onClick: withModifiers(_ctx.close, ["stop"])
-    }, null, 8 /* PROPS */, ["onClick"])], 2 /* CLASS */), createElementVNode("div", {
-      class: normalizeClass(_ctx.contentStyles)
-    }, [renderSlot(_ctx.$slots, "default")], 2 /* CLASS */), createElementVNode("div", {
-      class: normalizeClass(_ctx.footerStyles)
-    }, [renderSlot(_ctx.$slots, "footer")], 2 /* CLASS */)], 16 /* FULL_PROPS */)]),
+    }), [createVNode(_component_OrModalHeader, {
+      onClose: _cache[0] || (_cache[0] = $event => _ctx.close())
+    }, {
+      default: withCtx(() => [renderSlot(_ctx.$slots, "header")]),
+      _: 3 /* FORWARDED */
+    }), createVNode(_component_OrModalContent, null, {
+      default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+      _: 3 /* FORWARDED */
+    }), _ctx.$slots.footer ? (openBlock(), createBlock(_component_OrModalFooter, {
+      key: 0
+    }, {
+      default: withCtx(() => [renderSlot(_ctx.$slots, "footer")]),
+      _: 3 /* FORWARDED */
+    })) : createCommentVNode("v-if", true)], 16 /* FULL_PROPS */)]),
 
     _: 3 /* FORWARDED */
   })) : createCommentVNode("v-if", true);

package/dist/bundled/v3/components/OrModalV3/OrModal.vue.d.ts

@@ -1,37 +1,47 @@
 import { PropType } from 'vue-demi';
 import { ModalSize } from './props';
-declare const _default: import("vue-demi").DefineComponent<{
-    size: {
-        type: PropType<ModalSize>;
-        default: ModalSize;
-    };
+declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
+    root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
+    rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    state: import("@vue/composition-api").Ref<"open" | "closed">;
+    open: () => void;
+    close: () => void;
+}> & import("@vue/composition-api").Data, {}, {}, {
     isOpen: {
-        type: PropType<boolean>;
+        type: BooleanConstructor;
         default: boolean;
     };
-}, {
-    root: import("vue-demi").Ref<HTMLElement | undefined>;
-    rootStyles: import("vue-demi").ComputedRef<string[]>;
-    headerStyles: import("vue-demi").ComputedRef<string[]>;
-    contentStyles: import("vue-demi").ComputedRef<string[]>;
-    footerStyles: import("vue-demi").ComputedRef<string[]>;
-    isActive: import("vue-demi").Ref<boolean>;
-    open: () => void;
-    close: () => void;
-}, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, ("open" | "close")[], "open" | "close", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
     size: {
-        type: PropType<ModalSize>;
+        type: PropType<"l" | "m" | "s">;
         default: ModalSize;
     };
+}, import("@vue/composition-api").ExtractPropTypes<{
     isOpen: {
-        type: PropType<boolean>;
+        type: BooleanConstructor;
         default: boolean;
     };
-}>> & {
-    onOpen?: ((...args: any[]) => any) | undefined;
-    onClose?: ((...args: any[]) => any) | undefined;
+    size: {
+        type: PropType<"l" | "m" | "s">;
+        default: ModalSize;
+    };
+}>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
+    isOpen: boolean;
+    size: "l" | "m" | "s";
+} & {} & {
+    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
+}, import("@vue/composition-api").ShallowUnwrapRef<{
+    root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
+    rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    state: import("@vue/composition-api").Ref<"open" | "closed">;
+    open: () => void;
+    close: () => void;
+}>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {
+    isOpen: boolean;
+    size: "l" | "m" | "s";
+} & {} & {
+    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
 }, {
-    size: ModalSize;
     isOpen: boolean;
-}>;
+    size: "l" | "m" | "s";
+}, true>);
 export default _default;

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

@@ -1,18 +1,9 @@
 export { ModalSize } from './props.js';
-export { s as OrModalV3 } from '../../OrModal.vue_vue_type_script_lang-202c4e2f.js';
+export { s as OrModalV3 } from '../../OrModal.vue_vue_type_script_lang-910b80a1.js';
 import 'vue-demi';
-import './styles.js';
-import '../OrOverlayV3/OrOverlay.js';
-import '../../OrOverlay.vue_vue_type_script_lang-86c7b93a.js';
-import '@vueuse/core';
-import '../OrOverlayV3/styles.js';
-import '../OrTeleportV3/OrTeleport.js';
-import '../../OrTeleport.vue3.vue_vue_type_script_lang-a6ce162e.js';
 import 'vue';
-import '../../hooks/useElevation.js';
-import '../../utils/isVisible.js';
 import '../OrIconButtonV3/OrIconButton.js';
-import '../../OrIconButton.vue_vue_type_script_lang-5bba9f3f.js';
+import '../../OrIconButton.vue_vue_type_script_lang-743eb1eb.js';
 import '../OrIconButtonV3/props.js';
 import '../OrIconV3/props.js';
 import '../OrIconButtonV3/styles.js';
@@ -20,15 +11,26 @@ import '../OrIconV3/OrIcon.js';
 import '../../OrIcon.vue_vue_type_script_lang-73f9cc63.js';
 import '../OrIconV3/styles.js';
 import '../OrTooltipV3/OrTooltip.js';
-import '../../OrTooltip.vue_vue_type_script_lang-bb3db5bf.js';
+import '../../OrTooltip.vue_vue_type_script_lang-44e9f7e4.js';
 import '../OrTooltipV3/styles.js';
 import '../OrPopoverV3/OrPopover.js';
-import '../../OrPopover.vue_vue_type_script_lang-7b1b2488.js';
+import '../../OrPopover.vue_vue_type_script_lang-dca9481d.js';
 import '../../floating-ui.dom.esm-83eba816.js';
+import '../../index-02705c13.js';
+import '../../index-5e8e7a46.js';
 import '../OrPopoverV3/props.js';
 import '../OrPopoverV3/styles.js';
 import '../OrBottomSheetV3/OrBottomSheet.js';
-import '../../OrBottomSheet.vue_vue_type_script_lang-a81b2abb.js';
+import '../../OrBottomSheet.vue_vue_type_script_lang-2f9406a6.js';
 import '../OrBottomSheetV3/props.js';
 import '../OrBottomSheetV3/styles.js';
+import '../OrOverlayV3/OrOverlay.js';
+import '../../OrOverlay.vue_vue_type_script_lang-93864f05.js';
+import '../OrOverlayV3/styles.js';
+import '../OrTeleportV3/OrTeleport.js';
+import '../../OrTeleport.vue3.vue_vue_type_script_lang-a6ce162e.js';
+import '../../hooks/useElevation.js';
+import '../../utils/isVisible.js';
+import '../../hooks/usePopoverState.js';
 import '../../hooks/useResponsive/useResponsive.js';
+import './styles.js';

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

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

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

@@ -24,20 +24,5 @@ const ModalRootSizes = {
   // Box
   'md:w-[480px]']
 };
-const ModalHeader = [
-// Layout
-'layout-row',
-// Spacing
-'px-md md:px-lg',
-// Typography
-'typography-headline-2'];
-const ModalContent = [
-// Box
-'grow', 'overflow-auto',
-// Spacing
-'px-md md:px-lg'];
-const ModalFooter = [
-// Spacing
-'px-md md:px-lg'];
 
-export { ModalContent, ModalFooter, ModalHeader, ModalRoot, ModalRootSizes };
+export { ModalRoot, ModalRootSizes };

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

@@ -1,29 +1,30 @@
-import { s as script } from '../../OrNotification.vue_vue_type_script_lang-4e5a04fa.js';
-export { s as default } from '../../OrNotification.vue_vue_type_script_lang-4e5a04fa.js';
+import { s as script } from '../../OrNotification.vue_vue_type_script_lang-3f6dd187.js';
+export { s as default } from '../../OrNotification.vue_vue_type_script_lang-3f6dd187.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, renderSlot, createVNode, Fragment, createTextVNode, toDisplayString, createCommentVNode, createBlock } from 'vue';
 import { s as styleInject } from '../../style-inject.es-4c6f2515.js';
 import 'vue-demi';
 import './constants.js';
 import '../OrIcon/OrIcon.js';
-import '../../OrIcon.vue_vue_type_script_lang-22a17b06.js';
+import '../../OrIcon.vue_vue_type_script_lang-cd2da378.js';
 import '../OrIcon/constants.js';
 import '../../utils/functions/px-to-rem.js';
 import '../OrTooltipContent/OrTooltipContent.js';
 import '../../OrTooltipContent.vue_vue_type_script_lang-4c1afacb.js';
 import '../OrFloating/OrFloating.js';
-import '../../OrFloating.vue_vue_type_script_lang-d01f7507.js';
+import '../../OrFloating.vue_vue_type_script_lang-d419627c.js';
 import '../../floating-ui.dom.esm-83eba816.js';
 import '../OrTeleport/OrTeleport.js';
 import '../OrTeleport/constants.js';
 import '../OrFloating/constants.js';
-import '../../utils/functions/dom.js';
-import 'lodash/isElement';
-import 'lodash/get';
+import '../../dom-700444b4.js';
+import '../../isObject-fe8b81fd.js';
+import '../../get-ab1b7d93.js';
+import '../../toString-f3196832.js';
+import '../../eq-95cd2573.js';
 import '../OrIconButtonV2/OrIconButton.js';
-import '../../OrIconButton.vue_vue_type_script_lang-b5d5718b.js';
+import '../../OrIconButton.vue_vue_type_script_lang-d1496a81.js';
 import '../OrTooltip/OrTooltip.js';
-import '../../OrTooltip.vue_vue_type_script_lang-ebca0d7c.js';
-import 'lodash/isNil';
+import '../../OrTooltip.vue_vue_type_script_lang-a06d73f0.js';
 import '../OrButtonV2/constants.js';
 import '../OrLoader/OrLoader.js';
 import '../../OrLoader.vue_vue_type_script_lang-a1fed697.js';

package/dist/bundled/v3/components/OrNotification/OrNotification.vue.d.ts

@@ -1,7 +1,11 @@
 import { PropType } from 'vue-demi';
 import { OR_NOTIFICATION_TYPE, OR_NOTIFICATION_SIZE } from './constants';
 /** HTML links are styled by default to match notification type */
-declare const _default: import("vue-demi").DefineComponent<{
+declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<import("@vue/composition-api").Data> & import("@vue/composition-api").Data, {}, {
+    states(): string[];
+    iconByType(): string;
+    iconColorByType(): string;
+}, {
     /** A simple text content can be provided as a prop */
     content: {
         type: StringConstructor;
@@ -25,11 +29,7 @@ declare const _default: import("vue-demi").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-}, unknown, unknown, {
-    states(): string[];
-    iconByType(): string;
-    iconColorByType(): string;
-}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, "close"[], "close", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
+}, import("@vue/composition-api").ExtractPropTypes<{
     /** A simple text content can be provided as a prop */
     content: {
         type: StringConstructor;
@@ -53,13 +53,31 @@ declare const _default: import("vue-demi").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-}>> & {
-    onClose?: ((...args: any[]) => any) | undefined;
+}>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
+    content: string;
+    icon: string;
+    type: "" | OR_NOTIFICATION_TYPE;
+    size: OR_NOTIFICATION_SIZE;
+    canDelete: boolean;
+} & {} & {
+    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
+}, import("@vue/composition-api").ShallowUnwrapRef<import("@vue/composition-api").Data>, import("@vue/composition-api").Data, {
+    states(): string[];
+    iconByType(): string;
+    iconColorByType(): string;
+}, {}, {}, {}, string[], {
+    content: string;
+    icon: string;
+    type: "" | OR_NOTIFICATION_TYPE;
+    size: OR_NOTIFICATION_SIZE;
+    canDelete: boolean;
+} & {} & {
+    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
 }, {
     content: string;
     icon: string;
     type: "" | OR_NOTIFICATION_TYPE;
     size: OR_NOTIFICATION_SIZE;
     canDelete: boolean;
-}>;
+}, true>);
 export default _default;

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

@@ -1,8 +1,8 @@
 export { OR_NOTIFICATION_SIZE, OR_NOTIFICATION_TYPE } from './constants.js';
-export { s as OrNotification } from '../../OrNotification.vue_vue_type_script_lang-4e5a04fa.js';
+export { s as OrNotification } from '../../OrNotification.vue_vue_type_script_lang-3f6dd187.js';
 import 'vue-demi';
 import '../OrIcon/OrIcon.js';
-import '../../OrIcon.vue_vue_type_script_lang-22a17b06.js';
+import '../../OrIcon.vue_vue_type_script_lang-cd2da378.js';
 import '../OrIcon/constants.js';
 import '../../utils/functions/px-to-rem.js';
 import '../OrTooltipContent/OrTooltipContent.js';
@@ -10,19 +10,20 @@ import '../../OrTooltipContent.vue_vue_type_script_lang-4c1afacb.js';
 import 'vue';
 import '../../style-inject.es-4c6f2515.js';
 import '../OrFloating/OrFloating.js';
-import '../../OrFloating.vue_vue_type_script_lang-d01f7507.js';
+import '../../OrFloating.vue_vue_type_script_lang-d419627c.js';
 import '../../floating-ui.dom.esm-83eba816.js';
 import '../OrTeleport/OrTeleport.js';
 import '../OrTeleport/constants.js';
 import '../OrFloating/constants.js';
-import '../../utils/functions/dom.js';
-import 'lodash/isElement';
-import 'lodash/get';
+import '../../dom-700444b4.js';
+import '../../isObject-fe8b81fd.js';
+import '../../get-ab1b7d93.js';
+import '../../toString-f3196832.js';
+import '../../eq-95cd2573.js';
 import '../OrIconButtonV2/OrIconButton.js';
-import '../../OrIconButton.vue_vue_type_script_lang-b5d5718b.js';
+import '../../OrIconButton.vue_vue_type_script_lang-d1496a81.js';
 import '../OrTooltip/OrTooltip.js';
-import '../../OrTooltip.vue_vue_type_script_lang-ebca0d7c.js';
-import 'lodash/isNil';
+import '../../OrTooltip.vue_vue_type_script_lang-a06d73f0.js';
 import '../OrButtonV2/constants.js';
 import '../OrLoader/OrLoader.js';
 import '../../OrLoader.vue_vue_type_script_lang-a1fed697.js';

package/dist/bundled/v3/components/OrNotificationV3/OrNotification.js

@@ -1,5 +1,5 @@
-import { s as script } from '../../OrNotification.vue_vue_type_script_lang-463e1a82.js';
-export { s as default } from '../../OrNotification.vue_vue_type_script_lang-463e1a82.js';
+import { s as script } from '../../OrNotification.vue_vue_type_script_lang-f414a938.js';
+export { s as default } from '../../OrNotification.vue_vue_type_script_lang-f414a938.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, createVNode, renderSlot, createBlock, withModifiers, createCommentVNode } from 'vue';
 import 'vue-demi';
 import './props.js';
@@ -9,29 +9,31 @@ import '../../OrIcon.vue_vue_type_script_lang-73f9cc63.js';
 import '../OrIconV3/props.js';
 import '../OrIconV3/styles.js';
 import '../OrIconButtonV3/OrIconButton.js';
-import '../../OrIconButton.vue_vue_type_script_lang-5bba9f3f.js';
+import '../../OrIconButton.vue_vue_type_script_lang-743eb1eb.js';
 import '../OrIconButtonV3/props.js';
 import '../OrIconButtonV3/styles.js';
 import '../OrTooltipV3/OrTooltip.js';
-import '../../OrTooltip.vue_vue_type_script_lang-bb3db5bf.js';
-import '@vueuse/core';
+import '../../OrTooltip.vue_vue_type_script_lang-44e9f7e4.js';
 import '../OrTooltipV3/styles.js';
 import '../OrPopoverV3/OrPopover.js';
-import '../../OrPopover.vue_vue_type_script_lang-7b1b2488.js';
+import '../../OrPopover.vue_vue_type_script_lang-dca9481d.js';
 import '../../floating-ui.dom.esm-83eba816.js';
+import '../../index-02705c13.js';
+import '../../index-5e8e7a46.js';
 import '../OrPopoverV3/props.js';
 import '../OrPopoverV3/styles.js';
 import '../OrBottomSheetV3/OrBottomSheet.js';
-import '../../OrBottomSheet.vue_vue_type_script_lang-a81b2abb.js';
+import '../../OrBottomSheet.vue_vue_type_script_lang-2f9406a6.js';
 import '../OrBottomSheetV3/props.js';
 import '../OrBottomSheetV3/styles.js';
 import '../OrOverlayV3/OrOverlay.js';
-import '../../OrOverlay.vue_vue_type_script_lang-86c7b93a.js';
+import '../../OrOverlay.vue_vue_type_script_lang-93864f05.js';
 import '../OrOverlayV3/styles.js';
 import '../OrTeleportV3/OrTeleport.js';
 import '../../OrTeleport.vue3.vue_vue_type_script_lang-a6ce162e.js';
 import '../../hooks/useElevation.js';
 import '../../utils/isVisible.js';
+import '../../hooks/usePopoverState.js';
 import '../../hooks/useResponsive/useResponsive.js';
 
 const _hoisted_1 = {

package/dist/bundled/v3/components/OrNotificationV3/OrNotification.vue.d.ts

@@ -1,6 +1,11 @@
 import { PropType } from 'vue-demi';
 import { NotificationVariant } from './props';
-declare const _default: import("vue-demi").DefineComponent<{
+declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
+    root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
+    rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    iconStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    icon: import("@vue/composition-api").ComputedRef<"warning" | "error" | "info" | "check_circle" | undefined>;
+}> & import("@vue/composition-api").Data, {}, {}, {
     variant: {
         type: PropType<NotificationVariant>;
         default: NotificationVariant;
@@ -9,12 +14,7 @@ declare const _default: import("vue-demi").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-}, {
-    root: import("vue-demi").Ref<HTMLElement | undefined>;
-    rootStyles: import("vue-demi").ComputedRef<string[]>;
-    iconStyles: import("vue-demi").ComputedRef<string[]>;
-    icon: import("vue-demi").ComputedRef<"warning" | "error" | "info" | "check_circle" | undefined>;
-}, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, {}, string, import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
+}, import("@vue/composition-api").ExtractPropTypes<{
     variant: {
         type: PropType<NotificationVariant>;
         default: NotificationVariant;
@@ -23,8 +23,19 @@ declare const _default: import("vue-demi").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-}>>, {
+}>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
     variant: NotificationVariant;
     disableClose: boolean;
-}>;
+} & {}, import("@vue/composition-api").ShallowUnwrapRef<{
+    root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
+    rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    iconStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    icon: import("@vue/composition-api").ComputedRef<"warning" | "error" | "info" | "check_circle" | undefined>;
+}>, import("@vue/composition-api").Data, {}, {}, {}, {}, {}, {
+    variant: NotificationVariant;
+    disableClose: boolean;
+} & {}, {
+    variant: NotificationVariant;
+    disableClose: boolean;
+}, true>);
 export default _default;

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

@@ -1,5 +1,5 @@
 export { NotificationVariant } from './props.js';
-export { s as OrNotificationV3 } from '../../OrNotification.vue_vue_type_script_lang-463e1a82.js';
+export { s as OrNotificationV3 } from '../../OrNotification.vue_vue_type_script_lang-f414a938.js';
 import 'vue-demi';
 import './styles.js';
 import '../OrIconV3/OrIcon.js';
@@ -8,27 +8,29 @@ import '../OrIconV3/props.js';
 import '../OrIconV3/styles.js';
 import 'vue';
 import '../OrIconButtonV3/OrIconButton.js';
-import '../../OrIconButton.vue_vue_type_script_lang-5bba9f3f.js';
+import '../../OrIconButton.vue_vue_type_script_lang-743eb1eb.js';
 import '../OrIconButtonV3/props.js';
 import '../OrIconButtonV3/styles.js';
 import '../OrTooltipV3/OrTooltip.js';
-import '../../OrTooltip.vue_vue_type_script_lang-bb3db5bf.js';
-import '@vueuse/core';
+import '../../OrTooltip.vue_vue_type_script_lang-44e9f7e4.js';
 import '../OrTooltipV3/styles.js';
 import '../OrPopoverV3/OrPopover.js';
-import '../../OrPopover.vue_vue_type_script_lang-7b1b2488.js';
+import '../../OrPopover.vue_vue_type_script_lang-dca9481d.js';
 import '../../floating-ui.dom.esm-83eba816.js';
+import '../../index-02705c13.js';
+import '../../index-5e8e7a46.js';
 import '../OrPopoverV3/props.js';
 import '../OrPopoverV3/styles.js';
 import '../OrBottomSheetV3/OrBottomSheet.js';
-import '../../OrBottomSheet.vue_vue_type_script_lang-a81b2abb.js';
+import '../../OrBottomSheet.vue_vue_type_script_lang-2f9406a6.js';
 import '../OrBottomSheetV3/props.js';
 import '../OrBottomSheetV3/styles.js';
 import '../OrOverlayV3/OrOverlay.js';
-import '../../OrOverlay.vue_vue_type_script_lang-86c7b93a.js';
+import '../../OrOverlay.vue_vue_type_script_lang-93864f05.js';
 import '../OrOverlayV3/styles.js';
 import '../OrTeleportV3/OrTeleport.js';
 import '../../OrTeleport.vue3.vue_vue_type_script_lang-a6ce162e.js';
 import '../../hooks/useElevation.js';
 import '../../utils/isVisible.js';
+import '../../hooks/usePopoverState.js';
 import '../../hooks/useResponsive/useResponsive.js';

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

@@ -1,13 +1,15 @@
-import { s as script } from '../../OrNumberInput.vue_vue_type_script_lang-d56d7155.js';
-export { s as default } from '../../OrNumberInput.vue_vue_type_script_lang-d56d7155.js';
+import { s as script } from '../../OrNumberInput.vue_vue_type_script_lang-1fb535e6.js';
+export { s as default } from '../../OrNumberInput.vue_vue_type_script_lang-1fb535e6.js';
 import { resolveComponent, openBlock, createBlock, createSlots, withCtx, renderSlot } from 'vue';
 import 'vue-demi';
 import '../OrInput/OrInput.js';
-import '../../OrInput.vue_vue_type_script_lang-5404596e.js';
+import '../../OrInput.vue_vue_type_script_lang-bf9fa981.js';
 import '../../utils/functions/px-to-rem.js';
-import '../../utils/functions/dom.js';
-import 'lodash/isElement';
-import 'lodash/get';
+import '../../dom-700444b4.js';
+import '../../isObject-fe8b81fd.js';
+import '../../get-ab1b7d93.js';
+import '../../toString-f3196832.js';
+import '../../eq-95cd2573.js';
 import '../OrLabel/OrLabel.js';
 import '../../OrLabel.vue_vue_type_script_lang-6243e348.js';
 import '../../style-inject.es-4c6f2515.js';
@@ -16,7 +18,7 @@ import '../../OrHint.vue_vue_type_script_lang-5eb3ee22.js';
 import '../OrError/OrError.js';
 import '../../OrError.vue_vue_type_script_lang-450321b8.js';
 import '../OrCollapse/OrCollapse.js';
-import '../../OrCollapse.vue_vue_type_script_lang-35fdcade.js';
+import '../../OrCollapse.vue_vue_type_script_lang-2a5c0929.js';
 
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_or_input = resolveComponent("or-input");