@onereach/ui-components 8.5.0 → 8.5.1-beta.3662.0

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

@@ -0,0 +1 @@
+export { s as default } from '../OrModalV3-60799d13.js';

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

@@ -0,0 +1,44 @@
+import { PropType } from 'vue-demi';
+import { ModalSize } from './props';
+declare const _default: import("vue-demi").DefineComponent<{
+    isOpen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    size: {
+        type: PropType<"l" | "m" | "s">;
+        default: ModalSize;
+    };
+    additionalStyles: {
+        type: PropType<string[]>;
+        default: () => never[];
+    };
+}, {
+    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;
+    };
+    size: {
+        type: PropType<"l" | "m" | "s">;
+        default: ModalSize;
+    };
+    additionalStyles: {
+        type: PropType<string[]>;
+        default: () => never[];
+    };
+}>> & {
+    "onUpdate:state"?: ((...args: any[]) => any) | undefined;
+    onOpen?: ((...args: any[]) => any) | undefined;
+    onClose?: ((...args: any[]) => any) | undefined;
+}, {
+    isOpen: boolean;
+    size: "l" | "m" | "s";
+    additionalStyles: string[];
+}>;
+export default _default;

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

@@ -0,0 +1,2 @@
+export { default as OrModalV3 } from './OrModal.vue';
+export * from './props';

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

@@ -0,0 +1 @@
+export { M as ModalSize, s as OrModalV3 } from '../OrModalV3-60799d13.js';

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

@@ -0,0 +1,5 @@
+export declare enum ModalSize {
+    L = "l",
+    M = "m",
+    S = "s"
+}

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

@@ -0,0 +1 @@
+export { M as ModalSize } from '../OrModalV3-60799d13.js';

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

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

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

@@ -0,0 +1 @@
+export { a as Modal, b as ModalSizes } from '../OrModalV3-60799d13.js';

package/dist/bundled/v3/components/OrModalV3-60799d13.js

@@ -0,0 +1,230 @@
+import { openBlock, createElementBlock, normalizeClass, renderSlot, resolveComponent, createElementVNode, createVNode, withModifiers, createBlock, withCtx, mergeProps, createCommentVNode } from 'vue';
+import { defineComponent, ref, computed, toRef } from 'vue-demi';
+import { s as script$4 } from './OrIconButtonV3-691e3bcd.js';
+import { s as script$5 } from './OrOverlayV3-93e7ea5a.js';
+import { t as usePopoverState } from './OrBottomSheetV3-199292db.js';
+
+const ModalContent = [
+// Overflow
+'overflow-auto',
+// Spacing
+'px-md md:px-lg'];
+
+var script$3 = defineComponent({
+  name: 'OrModalContent',
+  expose: ['root'],
+  setup() {
+    // Refs
+    const root = ref();
+    // Styles
+    const rootStyles = computed(() => ['or-modal-content', ...ModalContent]);
+    return {
+      root,
+      rootStyles
+    };
+  }
+});
+
+function render$3(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", {
+    ref: "root",
+    class: normalizeClass(_ctx.rootStyles)
+  }, [renderSlot(_ctx.$slots, "default")], 2 /* CLASS */);
+}
+
+script$3.render = render$3;
+script$3.__file = "src/components/or-modal-v3/partials/or-modal-content/OrModalContent.vue";
+
+const ModalFooter = [
+// Spacing
+'px-md md:px-lg'];
+
+var script$2 = defineComponent({
+  name: 'OrModalFooter',
+  expose: ['root'],
+  setup() {
+    // Refs
+    const root = ref();
+    // Styles
+    const rootStyles = computed(() => ['or-modal-footer', ...ModalFooter]);
+    return {
+      root,
+      rootStyles
+    };
+  }
+});
+
+function render$2(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", {
+    ref: "root",
+    class: normalizeClass(_ctx.rootStyles)
+  }, [renderSlot(_ctx.$slots, "default")], 2 /* CLASS */);
+}
+
+script$2.render = render$2;
+script$2.__file = "src/components/or-modal-v3/partials/or-modal-footer/OrModalFooter.vue";
+
+const ModalHeader = [
+// Layout
+'layout-row',
+// Spacing
+'px-md md:px-lg',
+// Typography
+'typography-headline-2'];
+
+var script$1 = defineComponent({
+  name: 'OrModalHeader',
+  components: {
+    OrIconButton: script$4
+  },
+  emits: ['close'],
+  expose: ['root'],
+  setup() {
+    // Refs
+    const root = ref();
+    // Styles
+    const rootStyles = computed(() => ['or-modal-header', ...ModalHeader]);
+    return {
+      root,
+      rootStyles
+    };
+  }
+});
+
+const _hoisted_1 = {
+  class: /*#__PURE__*/normalizeClass(['grow'])
+};
+function render$1(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_OrIconButton = resolveComponent("OrIconButton");
+  return openBlock(), createElementBlock("div", {
+    ref: "root",
+    class: normalizeClass(_ctx.rootStyles)
+  }, [createElementVNode("div", _hoisted_1, [renderSlot(_ctx.$slots, "default")]), createVNode(_component_OrIconButton, {
+    icon: 'close',
+    size: 'l',
+    onClick: _cache[0] || (_cache[0] = withModifiers($event => _ctx.$emit('close'), ["stop"]))
+  })], 2 /* CLASS */);
+}
+
+script$1.render = render$1;
+script$1.__file = "src/components/or-modal-v3/partials/or-modal-header/OrModalHeader.vue";
+
+var ModalSize;
+(function (ModalSize) {
+  ModalSize["L"] = "l";
+  ModalSize["M"] = "m";
+  ModalSize["S"] = "s";
+})(ModalSize || (ModalSize = {}));
+
+const Modal = [
+// Layout
+'layout-column',
+// Box
+'w-full', 'h-full md:h-auto md:max-h-[min(calc(100%-(2*theme(spacing.3xl))),772px)]',
+// 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'];
+const ModalSizes = {
+  [ModalSize.L]: [
+  // Box
+  'md:w-[1050px]'],
+  [ModalSize.M]: [
+  // Box
+  'md:w-[700px]'],
+  [ModalSize.S]: [
+  // Box
+  'md:w-[480px]']
+};
+
+var script = defineComponent({
+  name: 'OrModal',
+  components: {
+    OrModalContent: script$3,
+    OrModalFooter: script$2,
+    OrModalHeader: script$1,
+    OrOverlay: script$5
+  },
+  inheritAttrs: false,
+  props: {
+    isOpen: {
+      type: Boolean,
+      default: false
+    },
+    size: {
+      type: String,
+      default: ModalSize.M
+    },
+    // TODO: Remove after migration to Vue 3
+    additionalStyles: {
+      type: Array,
+      default: () => []
+    }
+  },
+  emits: ['update:state', 'open', 'close'],
+  expose: ['root', 'state', 'open', 'close'],
+  setup(props, context) {
+    // Refs
+    const root = ref();
+    // Styles
+    const rootStyles = computed(() => ['or-modal-v3', ...Modal, ...ModalSizes[props.size], ...props.additionalStyles]);
+    // State
+    const {
+      state,
+      open,
+      close
+    } = usePopoverState(toRef(props, 'isOpen'), context.emit);
+    return {
+      root,
+      rootStyles,
+      state,
+      open,
+      close
+    };
+  }
+});
+
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_OrModalHeader = resolveComponent("OrModalHeader");
+  const _component_OrModalContent = resolveComponent("OrModalContent");
+  const _component_OrModalFooter = resolveComponent("OrModalFooter");
+  const _component_OrOverlay = resolveComponent("OrOverlay");
+  return _ctx.state === 'open' ? (openBlock(), createBlock(_component_OrOverlay, {
+    key: 0,
+    fullscreen: true
+  }, {
+    default: withCtx(() => [createElementVNode("div", mergeProps({
+      ref: "root"
+    }, _ctx.$attrs, {
+      class: _ctx.rootStyles
+    }), [createVNode(_component_OrModalHeader, {
+      onClose: _cache[0] || (_cache[0] = $event => _ctx.close())
+    }, {
+      default: withCtx(() => [renderSlot(_ctx.$slots, "header")]),
+      _: 3 /* FORWARDED */
+    }), createVNode(_component_OrModalContent, {
+      class: normalizeClass(['grow'])
+    }, {
+      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);
+}
+
+script.render = render;
+script.__file = "src/components/or-modal-v3/OrModal.vue";
+
+export { ModalSize as M, Modal as a, ModalSizes as b, script as s };

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

@@ -0,0 +1 @@
+export { OrNotification as default } from './index.js';

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

@@ -0,0 +1,65 @@
+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<{
+    /** A simple text content can be provided as a prop */
+    content: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** Icon can be overridden with prop or slot regardless of notification type */
+    icon: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** Type can be a blank value, for black and white notification */
+    type: {
+        type: PropType<"" | OR_NOTIFICATION_TYPE>;
+        default: OR_NOTIFICATION_TYPE;
+    };
+    size: {
+        type: PropType<OR_NOTIFICATION_SIZE>;
+        default: OR_NOTIFICATION_SIZE;
+    };
+    canDelete: {
+        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<{
+    /** A simple text content can be provided as a prop */
+    content: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** Icon can be overridden with prop or slot regardless of notification type */
+    icon: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** Type can be a blank value, for black and white notification */
+    type: {
+        type: PropType<"" | OR_NOTIFICATION_TYPE>;
+        default: OR_NOTIFICATION_TYPE;
+    };
+    size: {
+        type: PropType<OR_NOTIFICATION_SIZE>;
+        default: OR_NOTIFICATION_SIZE;
+    };
+    canDelete: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & {
+    onClose?: ((...args: any[]) => any) | undefined;
+}, {
+    content: string;
+    icon: string;
+    type: "" | OR_NOTIFICATION_TYPE;
+    size: OR_NOTIFICATION_SIZE;
+    canDelete: boolean;
+}>;
+export default _default;

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

@@ -0,0 +1,10 @@
+export declare enum OR_NOTIFICATION_TYPE {
+    INFO = "info",
+    ERROR = "error",
+    WARNING = "warning",
+    SUCCESS = "success"
+}
+export declare enum OR_NOTIFICATION_SIZE {
+    DEFAULT = "default",
+    INLINE = "inline"
+}

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

@@ -0,0 +1 @@
+export { OR_NOTIFICATION_SIZE, OR_NOTIFICATION_TYPE } from './index.js';

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

@@ -0,0 +1,2 @@
+export { default as OrNotification } from './OrNotification.vue';
+export * from './constants';

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

@@ -0,0 +1,114 @@
+import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, renderSlot, createVNode, Fragment, createTextVNode, toDisplayString, createCommentVNode, createBlock } from 'vue';
+import { s as styleInject } from '../OrAvatar-bfa6fd65.js';
+import { defineComponent } from 'vue-demi';
+import { OrIcon as script$1 } from '../OrIcon/index.js';
+import script$2 from '../OrIconButtonV2/OrIconButton.js';
+
+var OR_NOTIFICATION_TYPE;
+(function (OR_NOTIFICATION_TYPE) {
+  OR_NOTIFICATION_TYPE["INFO"] = "info";
+  OR_NOTIFICATION_TYPE["ERROR"] = "error";
+  OR_NOTIFICATION_TYPE["WARNING"] = "warning";
+  OR_NOTIFICATION_TYPE["SUCCESS"] = "success";
+})(OR_NOTIFICATION_TYPE || (OR_NOTIFICATION_TYPE = {}));
+var OR_NOTIFICATION_SIZE;
+(function (OR_NOTIFICATION_SIZE) {
+  OR_NOTIFICATION_SIZE["DEFAULT"] = "default";
+  OR_NOTIFICATION_SIZE["INLINE"] = "inline";
+})(OR_NOTIFICATION_SIZE || (OR_NOTIFICATION_SIZE = {}));
+
+/** HTML links are styled by default to match notification type */
+var script = defineComponent({
+  name: 'OrNotification',
+  components: {
+    OrIcon: script$1,
+    OrIconButton: script$2
+  },
+  props: {
+    /** A simple text content can be provided as a prop */
+    content: {
+      type: String,
+      default: ''
+    },
+    /** Icon can be overridden with prop or slot regardless of notification type */
+    icon: {
+      type: String,
+      default: ''
+    },
+    /** Type can be a blank value, for black and white notification */
+    type: {
+      type: String,
+      default: OR_NOTIFICATION_TYPE.INFO
+    },
+    size: {
+      type: String,
+      default: OR_NOTIFICATION_SIZE.DEFAULT
+    },
+    canDelete: {
+      type: Boolean,
+      default: false
+    }
+  },
+  emits: ['close'],
+  computed: {
+    states() {
+      /* This type has no styles but is present on the element for user customization */
+      const BLANK_TYPE = 'blank';
+      return [`is-type-${this.type || BLANK_TYPE}`, `is-size-${this.size}`];
+    },
+    iconByType() {
+      const DEFAULT_ICON = 'info';
+      const TYPE_TO_ICON_MAP = {
+        [OR_NOTIFICATION_TYPE.INFO]: 'info',
+        [OR_NOTIFICATION_TYPE.ERROR]: 'error',
+        [OR_NOTIFICATION_TYPE.WARNING]: 'warning',
+        [OR_NOTIFICATION_TYPE.SUCCESS]: 'check_circle'
+      };
+      return this.icon || TYPE_TO_ICON_MAP[this.type] || DEFAULT_ICON;
+    },
+    iconColorByType() {
+      const DEFAULT_COLOR = 'black';
+      const COLOR_TO_ICON_MAP = {
+        [OR_NOTIFICATION_TYPE.INFO]: 'primary',
+        [OR_NOTIFICATION_TYPE.ERROR]: 'error',
+        [OR_NOTIFICATION_TYPE.WARNING]: 'warning',
+        [OR_NOTIFICATION_TYPE.SUCCESS]: 'success'
+      };
+      return COLOR_TO_ICON_MAP[this.type] || DEFAULT_COLOR;
+    }
+  }
+});
+
+const _hoisted_1 = {
+  class: "or-notification--icon"
+};
+const _hoisted_2 = {
+  class: "or-notification--content"
+};
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_or_icon = resolveComponent("or-icon");
+  const _component_or_icon_button = resolveComponent("or-icon-button");
+  return openBlock(), createElementBlock("div", {
+    class: normalizeClass(["or-notification", _ctx.states])
+  }, [createElementVNode("div", _hoisted_1, [renderSlot(_ctx.$slots, "icon", {}, () => [createVNode(_component_or_icon, {
+    icon: _ctx.iconByType,
+    color: _ctx.iconColorByType
+  }, null, 8 /* PROPS */, ["icon", "color"])])]), createElementVNode("div", _hoisted_2, [renderSlot(_ctx.$slots, "default"), !_ctx.$slots.default ? (openBlock(), createElementBlock(Fragment, {
+    key: 0
+  }, [createTextVNode(toDisplayString(_ctx.content), 1 /* TEXT */)], 64 /* STABLE_FRAGMENT */)) : createCommentVNode("v-if", true)]), _ctx.canDelete ? (openBlock(), createBlock(_component_or_icon_button, {
+    key: 0,
+    icon: "close",
+    "icon-color": "neutral-6",
+    class: "or-notification--close",
+    onClick: _cache[0] || (_cache[0] = $event => _ctx.$emit('close'))
+  })) : createCommentVNode("v-if", true)], 2 /* CLASS */);
+}
+
+var css_248z = "/**\n * A simple way to manage mobile breakpoints described in https://davidwalsh.name/write-media-queries-sass.\n * Can be further extended using following approach https://rimdev.io/making-media-query-mixins-with-sass/\n */\n@keyframes spinAround-2a8b1558 {\nfrom {\n    transform: rotate(0);\n}\nto {\n    transform: rotate(359deg);\n}\n}\n@keyframes fade-2a8b1558 {\nfrom {\n    opacity: 1;\n}\nto {\n    opacity: 0;\n}\n}\n.or-notification[data-v-2a8b1558] {\n  /** TODO: Override when mobile design is ready to guarantee alignment of icons with first text row */\n  --alignment-height: var(--lh-1);\n  display: flex;\n  align-items: flex-start;\n  width: 100%;\n  padding: var(--s-4);\n  background-color: var(--c-white);\n  border-radius: 0.25rem;\n  box-shadow: 0 0.0625rem 0.25rem 0.0625rem rgba(0, 0, 0, 0.08);\n  transition-timing-function: var(--t-func);\n  transition-duration: var(--t-duration);\n  transition-property: background-color;\n}\n.or-notification.is-size-default[data-v-2a8b1558] {\n  max-width: 48rem;\n}\n.or-notification.is-size-inline[data-v-2a8b1558] {\n  max-width: 27.875rem;\n}\n.or-notification a[data-v-2a8b1558] {\n  font-weight: var(--fw-2);\n  color: var(--c-black);\n}\n.or-notification--icon[data-v-2a8b1558] {\n  display: flex;\n  align-items: center;\n  min-height: var(--alignment-height);\n  margin-right: var(--s-4);\n}\n.or-notification--icon[data-v-2a8b1558] .or-icon {\n  font-size: 1rem;\n}\n.or-notification--content[data-v-2a8b1558] {\n  flex: 1 1 100%;\n  word-break: break-word;\n}\n.or-notification--close[data-v-2a8b1558] {\n  display: flex;\n  height: var(--alignment-height);\n  margin-left: 1rem;\n}\n.or-notification--close[data-v-2a8b1558] .or-icon {\n  font-size: 1rem !important;\n}\n.or-notification.is-type-info[data-v-2a8b1558] {\n  background-color: var(--c-primary-lighten-45);\n}\n.or-notification.is-type-info a[data-v-2a8b1558] {\n  color: var(--c-primary);\n}\n.or-notification.is-type-error[data-v-2a8b1558] {\n  background-color: var(--c-error-lighten-45);\n}\n.or-notification.is-type-error a[data-v-2a8b1558] {\n  color: var(--c-error);\n}\n.or-notification.is-type-warning[data-v-2a8b1558] {\n  background-color: var(--c-warning-lighten-45);\n}\n.or-notification.is-type-warning a[data-v-2a8b1558] {\n  color: var(--c-warning);\n}\n.or-notification.is-type-success[data-v-2a8b1558] {\n  background-color: var(--c-success-lighten-45);\n}\n.or-notification.is-type-success a[data-v-2a8b1558] {\n  color: var(--c-success);\n}\n[data-theme=dark] .or-notification .or-icon[data-v-2a8b1558] {\n  color: var(--c-neutral-1);\n}\n[data-theme=dark] .or-notification.is-type-info[data-v-2a8b1558] {\n  background-color: var(--c-primary-darken-45);\n  color: var(--c-neutral-6);\n}\n[data-theme=dark] .or-notification.is-type-info a[data-v-2a8b1558] {\n  color: var(--c-neutral-6);\n}\n[data-theme=dark] .or-notification.is-type-error[data-v-2a8b1558] {\n  background-color: var(--c-error-darken-45);\n  color: var(--c-neutral-6);\n}\n[data-theme=dark] .or-notification.is-type-error a[data-v-2a8b1558] {\n  color: var(--c-neutral-6);\n}\n[data-theme=dark] .or-notification.is-type-warning[data-v-2a8b1558] {\n  background-color: var(--c-warning-darken-45);\n  color: var(--c-neutral-6);\n}\n[data-theme=dark] .or-notification.is-type-warning a[data-v-2a8b1558] {\n  color: var(--c-neutral-6);\n}\n[data-theme=dark] .or-notification.is-type-success[data-v-2a8b1558] {\n  background-color: var(--c-success-darken-45);\n  color: var(--c-neutral-6);\n}\n[data-theme=dark] .or-notification.is-type-success a[data-v-2a8b1558] {\n  color: var(--c-neutral-6);\n}";
+styleInject(css_248z);
+
+script.render = render;
+script.__scopeId = "data-v-2a8b1558";
+script.__file = "src/components/or-notification/OrNotification.vue";
+
+export { OR_NOTIFICATION_SIZE, OR_NOTIFICATION_TYPE, script as OrNotification };

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

@@ -0,0 +1 @@
+export { s as default } from '../OrNotificationV3-685e12e3.js';

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

@@ -0,0 +1,30 @@
+import { PropType } from 'vue-demi';
+import { NotificationVariant } from './props';
+declare const _default: import("vue-demi").DefineComponent<{
+    variant: {
+        type: PropType<"success" | "warning" | "error" | "info">;
+        default: NotificationVariant;
+    };
+    disableClose: {
+        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">;
+}, 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<"success" | "warning" | "error" | "info">;
+        default: NotificationVariant;
+    };
+    disableClose: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>>, {
+    variant: "success" | "warning" | "error" | "info";
+    disableClose: boolean;
+}>;
+export default _default;

package/dist/bundled/v3/components/OrNotificationV3/index.d.ts

@@ -0,0 +1,2 @@
+export { default as OrNotificationV3 } from './OrNotification.vue';
+export * from './props';

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

@@ -0,0 +1 @@
+export { N as NotificationVariant, s as OrNotificationV3 } from '../OrNotificationV3-685e12e3.js';

package/dist/bundled/v3/components/OrNotificationV3/props.d.ts

@@ -0,0 +1,6 @@
+export declare enum NotificationVariant {
+    Success = "success",
+    Warning = "warning",
+    Error = "error",
+    Info = "info"
+}

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

@@ -0,0 +1 @@
+export { N as NotificationVariant } from '../OrNotificationV3-685e12e3.js';

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

@@ -0,0 +1,5 @@
+import { NotificationVariant } from './props';
+export declare const NotificationRoot: string[];
+export declare const NotificationRootVariants: Record<NotificationVariant, string[]>;
+export declare const NotificationIcon: string[];
+export declare const NotificationIconVariants: Record<NotificationVariant, string[]>;

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

@@ -0,0 +1 @@
+export { c as NotificationIcon, d as NotificationIconVariants, a as NotificationRoot, b as NotificationRootVariants } from '../OrNotificationV3-685e12e3.js';