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

package/dist/bundled/v3/components/OrMenuV3/OrMenu.vue.d.ts

@@ -1,14 +1,6 @@
 import { PropType } from 'vue-demi';
 import { MenuOffset, MenuPlacement } from './props';
-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;
-    toggle: () => void;
-    onClick: (event: Event) => void;
-}> & import("@vue/composition-api").Data, {}, {}, {
+declare const _default: import("vue-demi").DefineComponent<{
     isOpen: {
         type: BooleanConstructor;
         default: boolean;
@@ -28,7 +20,15 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         type: PropType<MenuOffset>;
         default: undefined;
     };
-}, import("@vue/composition-api").ExtractPropTypes<{
+}, {
+    root: import("vue-demi").Ref<HTMLElement | undefined>;
+    rootStyles: import("vue-demi").ComputedRef<string[]>;
+    state: import("vue-demi").Ref<"open" | "closed">;
+    open: () => void;
+    close: () => void;
+    toggle: () => void;
+    onClick: (event: Event) => void;
+}, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, ("update:state" | "open" | "close")[], "update:state" | "open" | "close", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
     isOpen: {
         type: BooleanConstructor;
         default: boolean;
@@ -48,32 +48,14 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         type: PropType<MenuOffset>;
         default: undefined;
     };
-}>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
-    isOpen: boolean;
-    trigger: HTMLElement;
-    placement: MenuPlacement;
-    offset: MenuOffset;
-} & {} & {
-    [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;
-    toggle: () => void;
-    onClick: (event: Event) => void;
-}>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {
-    isOpen: boolean;
-    trigger: HTMLElement;
-    placement: MenuPlacement;
-    offset: MenuOffset;
-} & {} & {
-    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
+}>> & {
+    "onUpdate:state"?: ((...args: any[]) => any) | undefined;
+    onOpen?: ((...args: any[]) => any) | undefined;
+    onClose?: ((...args: any[]) => any) | undefined;
 }, {
     isOpen: boolean;
     trigger: HTMLElement;
     placement: MenuPlacement;
     offset: MenuOffset;
-}, true>);
+}>;
 export default _default;

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

@@ -1,24 +1,24 @@
-export { s as OrMenuV3 } from '../../OrMenu.vue_vue_type_script_lang-d63d1426.js';
+export { s as OrMenuV3 } from '../../OrMenu.vue_vue_type_script_lang-6d3459d2.js';
 export { PopoverPlacement as MenuPlacement } from '../OrPopoverV3/props.js';
 import 'vue-demi';
 import './styles.js';
 import '../OrPopoverV3/OrPopover.js';
-import '../../OrPopover.vue_vue_type_script_lang-05a5a309.js';
+import '../../OrPopover.vue_vue_type_script_lang-cc1ee134.js';
 import '../../floating-ui.dom.esm-83eba816.js';
-import '../../index-2db1212e.js';
-import '../../index-5e8e7a46.js';
+import '../../index-929e224a.js';
+import '../../index-f4d8e24c.js';
 import '../OrPopoverV3/styles.js';
 import '../OrBottomSheetV3/OrBottomSheet.js';
-import '../../OrBottomSheet.vue_vue_type_script_lang-cab0a4b6.js';
-import '../OrBottomSheetV3/props.js';
-import '../OrBottomSheetV3/styles.js';
+import '../../OrBottomSheet.vue_vue_type_script_lang-d6609a26.js';
 import '../OrBottomSheetV3/hooks/useBottomSheetSwipeState.js';
+import '../OrBottomSheetV3/props.js';
 import '../../hooks/useTheme.js';
 import '../../_commonjsHelpers-48a9cab9.js';
 import 'node:tty';
 import 'node:util';
+import '../OrBottomSheetV3/styles.js';
 import '../OrOverlayV3/OrOverlay.js';
-import '../../OrOverlay.vue_vue_type_script_lang-280d95ae.js';
+import '../../OrOverlay.vue_vue_type_script_lang-2da128a3.js';
 import '../OrOverlayV3/styles.js';
 import '../OrTeleportV3/OrTeleport.js';
 import '../../OrTeleport.vue3.vue_vue_type_script_lang-a6ce162e.js';

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

@@ -1,11 +1,11 @@
-import { s as script } from '../../OrModal.vue_vue_type_script_lang-4b51e37f.js';
-export { s as default } from '../../OrModal.vue_vue_type_script_lang-4b51e37f.js';
+import { s as script } from '../../OrModal.vue_vue_type_script_lang-00d3feb3.js';
+export { s as default } from '../../OrModal.vue_vue_type_script_lang-00d3feb3.js';
 import { resolveComponent, openBlock, createElementBlock, createVNode, withCtx, createElementVNode, normalizeClass, renderSlot, toDisplayString, withDirectives, vShow, createCommentVNode } from 'vue';
 import { s as styleInject } from '../../style-inject.es-4c6f2515.js';
 import 'vue-demi';
 import './constants.js';
-import '../../index-2db1212e.js';
-import '../../index-5e8e7a46.js';
+import '../../index-929e224a.js';
+import '../../index-f4d8e24c.js';
 import '../OrIconButtonV2/OrIconButton.js';
 import '../../OrIconButton.vue_vue_type_script_lang-156ebd5c.js';
 import '../OrTooltip/OrTooltip.js';

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

@@ -1,12 +1,6 @@
 import { PropType } from 'vue-demi';
 import { OrModalSizes } from './constants';
-declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
-    container: import("@vue/composition-api").Ref<HTMLElement | null>;
-    overlay: import("@vue/composition-api").Ref<any>;
-    handleClose: () => void;
-}> & import("@vue/composition-api").Data, {}, {
-    sizeClass(): string;
-}, {
+declare const _default: import("vue-demi").DefineComponent<{
     titleText: {
         type: StringConstructor;
         required: false;
@@ -22,7 +16,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         default: boolean;
     };
     size: {
-        type: PropType<"tiny" | "small" | "medium" | "large" | "fullScreen">;
+        type: PropType<"small" | "tiny" | "medium" | "large" | "fullScreen">;
         required: false;
         default: OrModalSizes;
     };
@@ -39,7 +33,13 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         type: BooleanConstructor;
         default: boolean;
     };
-}, import("@vue/composition-api").ExtractPropTypes<{
+}, {
+    container: import("vue-demi").Ref<HTMLElement | null>;
+    overlay: import("vue-demi").Ref<any>;
+    handleClose: () => void;
+}, unknown, {
+    sizeClass(): 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<{
     titleText: {
         type: StringConstructor;
         required: false;
@@ -55,7 +55,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         default: boolean;
     };
     size: {
-        type: PropType<"tiny" | "small" | "medium" | "large" | "fullScreen">;
+        type: PropType<"small" | "tiny" | "medium" | "large" | "fullScreen">;
         required: false;
         default: OrModalSizes;
     };
@@ -72,38 +72,14 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         type: BooleanConstructor;
         default: boolean;
     };
-}>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
-    titleText: string;
-    showClose: boolean;
-    closeOnClickOutside: boolean;
-    size: "tiny" | "small" | "medium" | "large" | "fullScreen";
-    isOpen: boolean;
-    isWithoutOverlay: boolean;
-    trapFocus: boolean;
-} & {} & {
-    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, import("@vue/composition-api").ShallowUnwrapRef<{
-    container: import("@vue/composition-api").Ref<HTMLElement | null>;
-    overlay: import("@vue/composition-api").Ref<any>;
-    handleClose: () => void;
-}>, import("@vue/composition-api").Data, {
-    sizeClass(): string;
-}, {}, {}, {}, string[], {
-    titleText: string;
-    showClose: boolean;
-    closeOnClickOutside: boolean;
-    size: "tiny" | "small" | "medium" | "large" | "fullScreen";
-    isOpen: boolean;
-    isWithoutOverlay: boolean;
-    trapFocus: boolean;
-} & {} & {
-    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
+}>> & {
+    onClose?: ((...args: any[]) => any) | undefined;
 }, {
     titleText: string;
     showClose: boolean;
     closeOnClickOutside: boolean;
-    size: "tiny" | "small" | "medium" | "large" | "fullScreen";
+    size: "small" | "tiny" | "medium" | "large" | "fullScreen";
     isWithoutOverlay: boolean;
     trapFocus: boolean;
-}, true>);
+}>;
 export default _default;

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

@@ -1,8 +1,8 @@
 export { OrModalSizes } from './constants.js';
-export { s as OrModal } from '../../OrModal.vue_vue_type_script_lang-4b51e37f.js';
+export { s as OrModal } from '../../OrModal.vue_vue_type_script_lang-00d3feb3.js';
 import 'vue-demi';
-import '../../index-2db1212e.js';
-import '../../index-5e8e7a46.js';
+import '../../index-929e224a.js';
+import '../../index-f4d8e24c.js';
 import '../OrIconButtonV2/OrIconButton.js';
 import '../../OrIconButton.vue_vue_type_script_lang-156ebd5c.js';
 import '../OrTooltip/OrTooltip.js';

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

@@ -1,9 +1,9 @@
-import { s as script } from '../../OrModal.vue_vue_type_script_lang-eabce85e.js';
-export { s as default } from '../../OrModal.vue_vue_type_script_lang-eabce85e.js';
-import { resolveComponent, openBlock, createBlock, withCtx, createElementVNode, mergeProps, createVNode, renderSlot, createCommentVNode } from 'vue';
+import { s as script } from '../../OrModal.vue_vue_type_script_lang-9db0be3b.js';
+export { s as default } from '../../OrModal.vue_vue_type_script_lang-9db0be3b.js';
+import { resolveComponent, openBlock, createBlock, withCtx, createElementVNode, mergeProps, createVNode, renderSlot, normalizeClass, createCommentVNode } from 'vue';
 import 'vue-demi';
 import '../OrIconButtonV3/OrIconButton.js';
-import '../../OrIconButton.vue_vue_type_script_lang-69c69864.js';
+import '../../OrIconButton.vue_vue_type_script_lang-da2a6044.js';
 import '../OrIconButtonV3/props.js';
 import '../OrIconV3/props.js';
 import '../OrIconButtonV3/styles.js';
@@ -11,26 +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-7a09f01e.js';
+import '../../OrTooltip.vue_vue_type_script_lang-215def44.js';
 import '../OrTooltipV3/styles.js';
 import '../OrPopoverV3/OrPopover.js';
-import '../../OrPopover.vue_vue_type_script_lang-05a5a309.js';
+import '../../OrPopover.vue_vue_type_script_lang-cc1ee134.js';
 import '../../floating-ui.dom.esm-83eba816.js';
-import '../../index-2db1212e.js';
-import '../../index-5e8e7a46.js';
+import '../../index-929e224a.js';
+import '../../index-f4d8e24c.js';
 import '../OrPopoverV3/props.js';
 import '../OrPopoverV3/styles.js';
 import '../OrBottomSheetV3/OrBottomSheet.js';
-import '../../OrBottomSheet.vue_vue_type_script_lang-cab0a4b6.js';
-import '../OrBottomSheetV3/props.js';
-import '../OrBottomSheetV3/styles.js';
+import '../../OrBottomSheet.vue_vue_type_script_lang-d6609a26.js';
 import '../OrBottomSheetV3/hooks/useBottomSheetSwipeState.js';
+import '../OrBottomSheetV3/props.js';
 import '../../hooks/useTheme.js';
 import '../../_commonjsHelpers-48a9cab9.js';
 import 'node:tty';
 import 'node:util';
+import '../OrBottomSheetV3/styles.js';
 import '../OrOverlayV3/OrOverlay.js';
-import '../../OrOverlay.vue_vue_type_script_lang-280d95ae.js';
+import '../../OrOverlay.vue_vue_type_script_lang-2da128a3.js';
 import '../OrOverlayV3/styles.js';
 import '../OrTeleportV3/OrTeleport.js';
 import '../../OrTeleport.vue3.vue_vue_type_script_lang-a6ce162e.js';
@@ -59,7 +59,9 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     }, {
       default: withCtx(() => [renderSlot(_ctx.$slots, "header")]),
       _: 3 /* FORWARDED */
-    }), createVNode(_component_OrModalContent, null, {
+    }), createVNode(_component_OrModalContent, {
+      class: normalizeClass(['grow'])
+    }, {
       default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
       _: 3 /* FORWARDED */
     }), _ctx.$slots.footer ? (openBlock(), createBlock(_component_OrModalFooter, {

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

@@ -1,12 +1,6 @@
 import { PropType } from 'vue-demi';
 import { ModalSize } from './props';
-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, {}, {}, {
+declare const _default: import("vue-demi").DefineComponent<{
     isOpen: {
         type: BooleanConstructor;
         default: boolean;
@@ -15,7 +9,13 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         type: PropType<"l" | "m" | "s">;
         default: ModalSize;
     };
-}, import("@vue/composition-api").ExtractPropTypes<{
+}, {
+    root: import("vue-demi").Ref<HTMLElement | undefined>;
+    rootStyles: import("vue-demi").ComputedRef<string[]>;
+    state: import("vue-demi").Ref<"open" | "closed">;
+    open: () => void;
+    close: () => void;
+}, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, ("update:state" | "open" | "close")[], "update:state" | "open" | "close", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
     isOpen: {
         type: BooleanConstructor;
         default: boolean;
@@ -24,24 +24,12 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         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;
+}>> & {
+    "onUpdate:state"?: ((...args: any[]) => any) | undefined;
+    onOpen?: ((...args: any[]) => any) | undefined;
+    onClose?: ((...args: any[]) => any) | undefined;
 }, {
     isOpen: boolean;
     size: "l" | "m" | "s";
-}, true>);
+}>;
 export default _default;

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

@@ -1,9 +1,9 @@
 export { ModalSize } from './props.js';
-export { s as OrModalV3 } from '../../OrModal.vue_vue_type_script_lang-eabce85e.js';
+export { s as OrModalV3 } from '../../OrModal.vue_vue_type_script_lang-9db0be3b.js';
 import 'vue-demi';
 import 'vue';
 import '../OrIconButtonV3/OrIconButton.js';
-import '../../OrIconButton.vue_vue_type_script_lang-69c69864.js';
+import '../../OrIconButton.vue_vue_type_script_lang-da2a6044.js';
 import '../OrIconButtonV3/props.js';
 import '../OrIconV3/props.js';
 import '../OrIconButtonV3/styles.js';
@@ -11,26 +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-7a09f01e.js';
+import '../../OrTooltip.vue_vue_type_script_lang-215def44.js';
 import '../OrTooltipV3/styles.js';
 import '../OrPopoverV3/OrPopover.js';
-import '../../OrPopover.vue_vue_type_script_lang-05a5a309.js';
+import '../../OrPopover.vue_vue_type_script_lang-cc1ee134.js';
 import '../../floating-ui.dom.esm-83eba816.js';
-import '../../index-2db1212e.js';
-import '../../index-5e8e7a46.js';
+import '../../index-929e224a.js';
+import '../../index-f4d8e24c.js';
 import '../OrPopoverV3/props.js';
 import '../OrPopoverV3/styles.js';
 import '../OrBottomSheetV3/OrBottomSheet.js';
-import '../../OrBottomSheet.vue_vue_type_script_lang-cab0a4b6.js';
-import '../OrBottomSheetV3/props.js';
-import '../OrBottomSheetV3/styles.js';
+import '../../OrBottomSheet.vue_vue_type_script_lang-d6609a26.js';
 import '../OrBottomSheetV3/hooks/useBottomSheetSwipeState.js';
+import '../OrBottomSheetV3/props.js';
 import '../../hooks/useTheme.js';
 import '../../_commonjsHelpers-48a9cab9.js';
 import 'node:tty';
 import 'node:util';
+import '../OrBottomSheetV3/styles.js';
 import '../OrOverlayV3/OrOverlay.js';
-import '../../OrOverlay.vue_vue_type_script_lang-280d95ae.js';
+import '../../OrOverlay.vue_vue_type_script_lang-2da128a3.js';
 import '../OrOverlayV3/styles.js';
 import '../OrTeleportV3/OrTeleport.js';
 import '../../OrTeleport.vue3.vue_vue_type_script_lang-a6ce162e.js';

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

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

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

@@ -1,28 +1,30 @@
-const ModalRoot = [
+import { ModalSize } from './props.js';
+
+const Modal = [
 // Layout
 'layout-column',
 // Box
 'w-full', 'h-full md:h-auto md:max-h-[min(calc(100%-(2*theme(spacing.3xl))),772px)]',
-// Shape
-'md:rounded-md',
 // Spacing
 'py-md md:py-lg', 'gap-md md:gap-lg',
+// 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'];
-const ModalRootSizes = {
-  'l': [
+'theme-background-default', 'dark:theme-background-default-dark', 'theme-foreground-default', 'dark:theme-foreground-default-dark'];
+const ModalSizes = {
+  [ModalSize.L]: [
   // Box
   'md:w-[1050px]'],
-  'm': [
+  [ModalSize.M]: [
   // Box
   'md:w-[700px]'],
-  's': [
+  [ModalSize.S]: [
   // Box
   'md:w-[480px]']
 };
 
-export { ModalRoot, ModalRootSizes };
+export { Modal, ModalSizes };

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

@@ -1,11 +1,7 @@
 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").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;
-}, {
+declare const _default: import("vue-demi").DefineComponent<{
     /** A simple text content can be provided as a prop */
     content: {
         type: StringConstructor;
@@ -29,7 +25,11 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         type: BooleanConstructor;
         default: boolean;
     };
-}, import("@vue/composition-api").ExtractPropTypes<{
+}, 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<{
     /** A simple text content can be provided as a prop */
     content: {
         type: StringConstructor;
@@ -53,31 +53,13 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         type: BooleanConstructor;
         default: boolean;
     };
-}>> & 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;
+}>> & {
+    onClose?: ((...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/OrNotificationV3/OrNotification.js

@@ -1,5 +1,5 @@
-import { s as script } from '../../OrNotification.vue_vue_type_script_lang-3168b1e1.js';
-export { s as default } from '../../OrNotification.vue_vue_type_script_lang-3168b1e1.js';
+import { s as script } from '../../OrNotification.vue_vue_type_script_lang-01382876.js';
+export { s as default } from '../../OrNotification.vue_vue_type_script_lang-01382876.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, createVNode, renderSlot, createBlock, withModifiers, createCommentVNode } from 'vue';
 import 'vue-demi';
 import './props.js';
@@ -9,30 +9,30 @@ 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-69c69864.js';
+import '../../OrIconButton.vue_vue_type_script_lang-da2a6044.js';
 import '../OrIconButtonV3/props.js';
 import '../OrIconButtonV3/styles.js';
 import '../OrTooltipV3/OrTooltip.js';
-import '../../OrTooltip.vue_vue_type_script_lang-7a09f01e.js';
+import '../../OrTooltip.vue_vue_type_script_lang-215def44.js';
 import '../OrTooltipV3/styles.js';
 import '../OrPopoverV3/OrPopover.js';
-import '../../OrPopover.vue_vue_type_script_lang-05a5a309.js';
+import '../../OrPopover.vue_vue_type_script_lang-cc1ee134.js';
 import '../../floating-ui.dom.esm-83eba816.js';
-import '../../index-2db1212e.js';
-import '../../index-5e8e7a46.js';
+import '../../index-929e224a.js';
+import '../../index-f4d8e24c.js';
 import '../OrPopoverV3/props.js';
 import '../OrPopoverV3/styles.js';
 import '../OrBottomSheetV3/OrBottomSheet.js';
-import '../../OrBottomSheet.vue_vue_type_script_lang-cab0a4b6.js';
-import '../OrBottomSheetV3/props.js';
-import '../OrBottomSheetV3/styles.js';
+import '../../OrBottomSheet.vue_vue_type_script_lang-d6609a26.js';
 import '../OrBottomSheetV3/hooks/useBottomSheetSwipeState.js';
+import '../OrBottomSheetV3/props.js';
 import '../../hooks/useTheme.js';
 import '../../_commonjsHelpers-48a9cab9.js';
 import 'node:tty';
 import 'node:util';
+import '../OrBottomSheetV3/styles.js';
 import '../OrOverlayV3/OrOverlay.js';
-import '../../OrOverlay.vue_vue_type_script_lang-280d95ae.js';
+import '../../OrOverlay.vue_vue_type_script_lang-2da128a3.js';
 import '../OrOverlayV3/styles.js';
 import '../OrTeleportV3/OrTeleport.js';
 import '../../OrTeleport.vue3.vue_vue_type_script_lang-a6ce162e.js';

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

@@ -1,11 +1,6 @@
 import { PropType } from 'vue-demi';
 import { NotificationVariant } from './props';
-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, {}, {}, {
+declare const _default: import("vue-demi").DefineComponent<{
     variant: {
         type: PropType<NotificationVariant>;
         default: NotificationVariant;
@@ -14,7 +9,12 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         type: BooleanConstructor;
         default: boolean;
     };
-}, import("@vue/composition-api").ExtractPropTypes<{
+}, {
+    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<{
     variant: {
         type: PropType<NotificationVariant>;
         default: NotificationVariant;
@@ -23,19 +23,8 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         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;