@routa/ui-vue 0.1.0

package/dist/menu/types.d.ts

@@ -0,0 +1,126 @@
+import { ExtractPropTypes, InjectionKey, PropType, Ref } from 'vue';
+import { MenuItemInput, MenuMode, MenuNode, MenuValue } from '../../../headless/src/index.ts';
+export declare const menuProps: {
+    readonly modelValue: {
+        readonly type: PropType<MenuValue | undefined>;
+        readonly default: undefined;
+    };
+    readonly defaultValue: {
+        readonly type: PropType<MenuValue | undefined>;
+        readonly default: undefined;
+    };
+    readonly openKeys: {
+        readonly type: PropType<MenuValue[] | undefined>;
+        readonly default: undefined;
+    };
+    readonly defaultOpenKeys: {
+        readonly type: PropType<MenuValue[]>;
+        readonly default: () => never[];
+    };
+    readonly mode: {
+        readonly type: PropType<MenuMode>;
+        readonly default: "vertical";
+    };
+    readonly size: {
+        readonly type: PropType<"sm" | "md" | "lg">;
+        readonly default: "md";
+    };
+    readonly collapsed: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly accordion: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly disabled: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly items: {
+        readonly type: PropType<MenuItemInput[]>;
+        readonly default: () => never[];
+    };
+};
+export declare const menuEmits: {
+    readonly 'update:modelValue': (_value: MenuValue) => boolean;
+    readonly 'update:openKeys': (_keys: MenuValue[]) => boolean;
+    readonly select: (_value: MenuValue) => boolean;
+    readonly 'open-change': (_keys: MenuValue[]) => boolean;
+};
+export declare const menuItemProps: {
+    readonly value: {
+        readonly type: PropType<MenuValue>;
+        readonly required: true;
+    };
+    readonly disabled: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly danger: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+};
+export declare const subMenuProps: {
+    readonly value: {
+        readonly type: PropType<MenuValue>;
+        readonly required: true;
+    };
+    readonly title: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly disabled: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly popupOffset: {
+        readonly type: NumberConstructor;
+        readonly default: 8;
+    };
+};
+export declare const menuGroupProps: {
+    readonly title: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+};
+export type MenuProps = ExtractPropTypes<typeof menuProps>;
+export type MenuItemProps = ExtractPropTypes<typeof menuItemProps>;
+export type SubMenuProps = ExtractPropTypes<typeof subMenuProps>;
+export type MenuGroupProps = ExtractPropTypes<typeof menuGroupProps>;
+export interface MenuContext {
+    nodes: Ref<MenuNode[]>;
+    activeKey: Ref<MenuValue | undefined>;
+    openKeys: Ref<MenuValue[]>;
+    highlightedKey: Ref<MenuValue | undefined>;
+    highlightedPath: Ref<MenuValue[]>;
+    activePath: Ref<MenuValue[]>;
+    popupOpenValues: Ref<MenuValue[]>;
+    mode: Ref<MenuMode>;
+    size: Ref<MenuProps['size']>;
+    collapsed: Ref<boolean>;
+    disabled: Ref<boolean>;
+    registerNode: (node: MenuNode) => void;
+    unregisterNode: (id: symbol) => void;
+    updateNode: (id: symbol, patch: Partial<Omit<MenuNode, 'id'>>) => void;
+    selectItem: (value: MenuValue) => void;
+    toggleSubMenu: (value: MenuValue) => void;
+    openSubMenu: (value: MenuValue) => void;
+    closeSubMenu: (value: MenuValue) => void;
+    setHighlighted: (value: MenuValue | undefined) => void;
+    handleKeydown: (key: string) => void;
+}
+export interface MenuParentContext {
+    parentValue?: MenuValue;
+    level: number;
+}
+export interface MenuPopupHostContext {
+    size: Ref<'sm' | 'md' | 'lg'>;
+    onSelect: (value: MenuValue) => void;
+    close?: () => void;
+}
+export declare const MenuKey: InjectionKey<MenuContext>;
+export declare const MenuParentKey: InjectionKey<MenuParentContext>;
+export declare const MenuPopupHostKey: InjectionKey<MenuPopupHostContext>;

package/dist/message/MessageHost.vue.d.ts

@@ -0,0 +1,15 @@
+import { PropType } from 'vue';
+import { FeedbackManagerState } from '../feedback-runtime/types';
+import { ResolvedMessageOptions } from './types';
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    state: {
+        type: PropType<FeedbackManagerState<ResolvedMessageOptions>>;
+        required: true;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    state: {
+        type: PropType<FeedbackManagerState<ResolvedMessageOptions>>;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+export default _default;

package/dist/message/MessageItem.vue.d.ts

@@ -0,0 +1,15 @@
+import { PropType } from 'vue';
+import { FeedbackRecord } from '../feedback-runtime/types';
+import { ResolvedMessageOptions } from './types';
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    record: {
+        type: PropType<FeedbackRecord<ResolvedMessageOptions>>;
+        required: true;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    record: {
+        type: PropType<FeedbackRecord<ResolvedMessageOptions>>;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+export default _default;

package/dist/message/index.d.ts

@@ -0,0 +1,10 @@
+import { MessageApi, MessageController } from './types';
+export declare const LMessage: MessageApi;
+export declare const useMessage: () => MessageController;
+declare module 'vue' {
+    interface ComponentCustomProperties {
+        $message: MessageController;
+    }
+}
+export * from './types';
+export default LMessage;

package/dist/message/index.js

@@ -0,0 +1,2 @@
+require('../style/message.css');
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("vue"),m=require("../config-provider/index.js");require("../chunks/manager-C0AUxQ1I.js");const M=require("../chunks/manager-d-AJMlyO.js"),h={placement:"top-center",duration:3e3,closable:!1},B=e=>typeof e=="object"&&e!==null&&"content"in e,i=(e,s,t)=>{var c;const o=s.isOptions??B,u=t??(o(e)?e.type:void 0)??"info",r={...h,...s.defaults,...(c=s.typeDefaults)==null?void 0:c[u]};return o(e)?{content:e.content,type:u,duration:e.duration??r.duration,placement:e.placement??r.placement,closable:e.closable??r.closable}:{...r,type:u,content:e}};function A(e){return{open:s=>e.open(i(s,e)),info:s=>e.open(i(s,e,"info")),success:s=>e.open(i(s,e,"success")),warning:s=>e.open(i(s,e,"warning")),error:s=>e.open(i(s,e,"error")),closeAll:()=>{var s;(s=e.closeAll)==null||s.call(e)}}}const E=["data-theme","role"],F={class:"l-message__content"},w=n.defineComponent({name:"MessageItem",__name:"MessageItem",props:{record:{type:Object,required:!0}},setup(e){const s=e,t=n.defineComponent({name:"MessageContentRenderer",props:{content:{type:[String,Function,Object],required:!0}},setup(d){return()=>typeof d.content=="function"?d.content():d.content}}),o=n.computed(()=>["l-message__item",`is-${s.record.options.type}`]),u=n.computed(()=>({zIndex:s.record.zIndex,...s.record.visual.cssVars})),r=()=>{s.record.pause()},c=()=>{s.record.resume()},b=()=>{s.record.close()};return(d,R)=>(n.openBlock(),n.createElementBlock("div",{class:n.normalizeClass(o.value),"data-theme":e.record.visual.theme,style:n.normalizeStyle(u.value),role:e.record.options.type==="error"?"alert":"status",onMouseenter:r,onMouseleave:c},[n.createElementVNode("div",F,[n.createVNode(n.unref(t),{content:e.record.options.content},null,8,["content"])]),e.record.options.closable?(n.openBlock(),n.createElementBlock("button",{key:0,type:"button",class:"l-message__close","aria-label":"Close message",onClick:b}," × ")):n.createCommentVNode("",!0)],46,E))}}),C={class:"l-message-root"},I=n.defineComponent({name:"MessageHost",__name:"MessageHost",props:{state:{type:Object,required:!0}},setup(e){const s=e,{state:t}=n.toRefs(s);return(o,u)=>(n.openBlock(),n.createElementBlock("div",C,[(n.openBlock(!0),n.createElementBlock(n.Fragment,null,n.renderList(n.unref(M.feedbackPlacements),r=>n.withDirectives((n.openBlock(),n.createElementBlock("div",{key:r,class:n.normalizeClass(["l-message-host",`l-message-host--${r}`])},[n.createVNode(n.TransitionGroup,{name:"l-message-stack",tag:"div",class:"l-message-host__list"},{default:n.withCtx(()=>[(n.openBlock(!0),n.createElementBlock(n.Fragment,null,n.renderList(n.unref(t).groups[r],c=>(n.openBlock(),n.createBlock(w,{key:c.id,record:c},null,8,["record"]))),128))]),_:2},1024)],2)),[[n.vShow,n.unref(t).groups[r].length>0]])),128))]))}}),_=M.createFeedbackManager(I,"l-message-runtime"),k=e=>typeof e=="object"&&e!==null&&!n.isVNode(e),O=e=>({theme:e.theme,cssVars:{...e.cssVars}}),a=(e,s)=>{const t=k(e)?e:void 0;return s!=null&&s.config?s.config:m.resolveRoutaConfigFromAppContext((t==null?void 0:t.appContext)??(s==null?void 0:s.appContext))},l=e=>A({defaults:e.feedback.message,typeDefaults:e.feedback.message.types,isOptions:k,open:s=>_.open(s,O(e)),closeAll:p}),S=(e,s)=>{const t=a(e,s);return l(t).open(e)},g=(e,s,t)=>{const o=a(s,t);return l(o)[e](s)},f=e=>({open:s=>l(a(s,e==null?void 0:e())).open(s),info:s=>l(a(s,e==null?void 0:e())).info(s),success:s=>l(a(s,e==null?void 0:e())).success(s),warning:s=>l(a(s,e==null?void 0:e())).warning(s),error:s=>l(a(s,e==null?void 0:e())).error(s),closeAll:p}),p=()=>{_.closeAll()},y={open:S,info:e=>g("info",e),success:e=>g("success",e),warning:e=>g("warning",e),error:e=>g("error",e),closeAll:p,install(e){e.config.globalProperties.$message=f(()=>({appContext:e._context,config:m.resolveRoutaConfigFromAppContext(e._context)})),e.mixin({beforeCreate(){const s=this.$;if(!s)return;const t=s;t.ctx.$message=f(()=>({appContext:s.appContext,config:m.resolveRoutaConfigFromInstance(s)}))}})}},V=()=>{const e=n.getCurrentInstance();return f(()=>({appContext:(e==null?void 0:e.appContext)??null,config:m.resolveRoutaConfigFromInstance(e)}))};exports.LMessage=y;exports.default=y;exports.useMessage=V;

package/dist/message/index.mjs

@@ -0,0 +1,199 @@
+import '../style/message.css';
+import { defineComponent as p, computed as _, openBlock as c, createElementBlock as i, normalizeStyle as $, normalizeClass as k, createElementVNode as E, createVNode as A, unref as f, createCommentVNode as S, toRefs as R, Fragment as h, renderList as b, withDirectives as j, TransitionGroup as D, withCtx as L, createBlock as T, vShow as z, isVNode as N, getCurrentInstance as q } from "vue";
+import { resolveRoutaConfigFromAppContext as w, resolveRoutaConfigFromInstance as F } from "../config-provider/index.mjs";
+import "../chunks/manager-BUdQK4AD.mjs";
+import { f as B, c as C } from "../chunks/manager-C-VTKQvg.mjs";
+const G = {
+  placement: "top-center",
+  duration: 3e3,
+  closable: !1
+}, H = (e) => typeof e == "object" && e !== null && "content" in e, d = (e, s, n) => {
+  var a;
+  const r = s.isOptions ?? H, u = n ?? (r(e) ? e.type : void 0) ?? "info", t = {
+    ...G,
+    ...s.defaults,
+    ...(a = s.typeDefaults) == null ? void 0 : a[u]
+  };
+  return r(e) ? {
+    content: e.content,
+    type: u,
+    duration: e.duration ?? t.duration,
+    placement: e.placement ?? t.placement,
+    closable: e.closable ?? t.closable
+  } : {
+    ...t,
+    type: u,
+    content: e
+  };
+};
+function U(e) {
+  return {
+    open: (s) => e.open(d(s, e)),
+    info: (s) => e.open(d(s, e, "info")),
+    success: (s) => e.open(d(s, e, "success")),
+    warning: (s) => e.open(d(s, e, "warning")),
+    error: (s) => e.open(d(s, e, "error")),
+    closeAll: () => {
+      var s;
+      (s = e.closeAll) == null || s.call(e);
+    }
+  };
+}
+const J = ["data-theme", "role"], K = { class: "l-message__content" }, P = /* @__PURE__ */ p({
+  name: "MessageItem",
+  __name: "MessageItem",
+  props: {
+    record: {
+      type: Object,
+      required: !0
+    }
+  },
+  setup(e) {
+    const s = e, n = p({
+      name: "MessageContentRenderer",
+      props: {
+        content: {
+          type: [String, Function, Object],
+          required: !0
+        }
+      },
+      setup(g) {
+        return () => typeof g.content == "function" ? g.content() : g.content;
+      }
+    }), r = _(() => [
+      "l-message__item",
+      `is-${s.record.options.type}`
+    ]), u = _(() => ({
+      zIndex: s.record.zIndex,
+      ...s.record.visual.cssVars
+    })), t = () => {
+      s.record.pause();
+    }, a = () => {
+      s.record.resume();
+    }, V = () => {
+      s.record.close();
+    };
+    return (g, Z) => (c(), i("div", {
+      class: k(r.value),
+      "data-theme": e.record.visual.theme,
+      style: $(u.value),
+      role: e.record.options.type === "error" ? "alert" : "status",
+      onMouseenter: t,
+      onMouseleave: a
+    }, [
+      E("div", K, [
+        A(f(n), {
+          content: e.record.options.content
+        }, null, 8, ["content"])
+      ]),
+      e.record.options.closable ? (c(), i("button", {
+        key: 0,
+        type: "button",
+        class: "l-message__close",
+        "aria-label": "Close message",
+        onClick: V
+      }, " × ")) : S("", !0)
+    ], 46, J));
+  }
+}), Q = { class: "l-message-root" }, W = /* @__PURE__ */ p({
+  name: "MessageHost",
+  __name: "MessageHost",
+  props: {
+    state: {
+      type: Object,
+      required: !0
+    }
+  },
+  setup(e) {
+    const s = e, { state: n } = R(s);
+    return (r, u) => (c(), i("div", Q, [
+      (c(!0), i(h, null, b(f(B), (t) => j((c(), i("div", {
+        key: t,
+        class: k(["l-message-host", `l-message-host--${t}`])
+      }, [
+        A(D, {
+          name: "l-message-stack",
+          tag: "div",
+          class: "l-message-host__list"
+        }, {
+          default: L(() => [
+            (c(!0), i(h, null, b(f(n).groups[t], (a) => (c(), T(P, {
+              key: a.id,
+              record: a
+            }, null, 8, ["record"]))), 128))
+          ]),
+          _: 2
+        }, 1024)
+      ], 2)), [
+        [z, f(n).groups[t].length > 0]
+      ])), 128))
+    ]));
+  }
+}), I = C(
+  W,
+  "l-message-runtime"
+), O = (e) => typeof e == "object" && e !== null && !N(e), X = (e) => ({
+  theme: e.theme,
+  cssVars: {
+    ...e.cssVars
+  }
+}), o = (e, s) => {
+  const n = O(e) ? e : void 0;
+  return s != null && s.config ? s.config : w((n == null ? void 0 : n.appContext) ?? (s == null ? void 0 : s.appContext));
+}, l = (e) => U({
+  defaults: e.feedback.message,
+  typeDefaults: e.feedback.message.types,
+  isOptions: O,
+  open: (s) => I.open(s, X(e)),
+  closeAll: y
+}), Y = (e, s) => {
+  const n = o(e, s);
+  return l(n).open(e);
+}, m = (e, s, n) => {
+  const r = o(s, n);
+  return l(r)[e](s);
+}, M = (e) => ({
+  open: (s) => l(o(s, e == null ? void 0 : e())).open(s),
+  info: (s) => l(o(s, e == null ? void 0 : e())).info(s),
+  success: (s) => l(o(s, e == null ? void 0 : e())).success(s),
+  warning: (s) => l(o(s, e == null ? void 0 : e())).warning(s),
+  error: (s) => l(o(s, e == null ? void 0 : e())).error(s),
+  closeAll: y
+}), y = () => {
+  I.closeAll();
+}, ne = {
+  open: Y,
+  info: (e) => m("info", e),
+  success: (e) => m("success", e),
+  warning: (e) => m("warning", e),
+  error: (e) => m("error", e),
+  closeAll: y,
+  install(e) {
+    e.config.globalProperties.$message = M(() => ({
+      appContext: e._context,
+      config: w(e._context)
+    })), e.mixin({
+      beforeCreate() {
+        const s = this.$;
+        if (!s)
+          return;
+        const n = s;
+        n.ctx.$message = M(() => ({
+          appContext: s.appContext,
+          config: F(s)
+        }));
+      }
+    });
+  }
+}, te = () => {
+  const e = q();
+  return M(() => ({
+    appContext: (e == null ? void 0 : e.appContext) ?? null,
+    config: F(e)
+  }));
+};
+export {
+  ne as LMessage,
+  ne as default,
+  te as useMessage
+};

package/dist/message/runtime.d.ts

@@ -0,0 +1,149 @@
+import { AppContext, DeepReadonly } from 'vue';
+import { FeedbackInstance } from '../feedback-runtime/types';
+import { ResolvedRoutaConfig } from '../config-provider';
+import { MessageController, MessageInput, MessageType } from './types';
+interface MessageRuntimeContext {
+    appContext?: AppContext | null;
+    config?: DeepReadonly<ResolvedRoutaConfig>;
+}
+export declare const openMessage: (input: MessageInput, context?: MessageRuntimeContext) => FeedbackInstance;
+export declare const openTypedMessage: (type: MessageType, input: MessageInput, context?: MessageRuntimeContext) => FeedbackInstance;
+export declare const createMessageController: (resolveContext?: () => MessageRuntimeContext) => MessageController;
+export declare const closeAllMessages: () => void;
+export declare const messageState: {
+    groups: {
+        "top-left": {
+            id: string;
+            placement: import('../../../headless/src/index.ts').FeedbackPlacement;
+            zIndex: number;
+            options: {
+                content: import('../feedback-runtime/types').FeedbackRenderable;
+                type: MessageType;
+                duration: number;
+                placement: import('../../../headless/src/index.ts').FeedbackPlacement;
+                closable: boolean;
+            };
+            visual: {
+                theme: string;
+                cssVars: Record<string, string>;
+            };
+            remaining: number;
+            startedAt: number;
+            timer: number | null;
+            close: () => void;
+            pause: () => void;
+            resume: () => void;
+        }[];
+        "top-center": {
+            id: string;
+            placement: import('../../../headless/src/index.ts').FeedbackPlacement;
+            zIndex: number;
+            options: {
+                content: import('../feedback-runtime/types').FeedbackRenderable;
+                type: MessageType;
+                duration: number;
+                placement: import('../../../headless/src/index.ts').FeedbackPlacement;
+                closable: boolean;
+            };
+            visual: {
+                theme: string;
+                cssVars: Record<string, string>;
+            };
+            remaining: number;
+            startedAt: number;
+            timer: number | null;
+            close: () => void;
+            pause: () => void;
+            resume: () => void;
+        }[];
+        "top-right": {
+            id: string;
+            placement: import('../../../headless/src/index.ts').FeedbackPlacement;
+            zIndex: number;
+            options: {
+                content: import('../feedback-runtime/types').FeedbackRenderable;
+                type: MessageType;
+                duration: number;
+                placement: import('../../../headless/src/index.ts').FeedbackPlacement;
+                closable: boolean;
+            };
+            visual: {
+                theme: string;
+                cssVars: Record<string, string>;
+            };
+            remaining: number;
+            startedAt: number;
+            timer: number | null;
+            close: () => void;
+            pause: () => void;
+            resume: () => void;
+        }[];
+        "bottom-left": {
+            id: string;
+            placement: import('../../../headless/src/index.ts').FeedbackPlacement;
+            zIndex: number;
+            options: {
+                content: import('../feedback-runtime/types').FeedbackRenderable;
+                type: MessageType;
+                duration: number;
+                placement: import('../../../headless/src/index.ts').FeedbackPlacement;
+                closable: boolean;
+            };
+            visual: {
+                theme: string;
+                cssVars: Record<string, string>;
+            };
+            remaining: number;
+            startedAt: number;
+            timer: number | null;
+            close: () => void;
+            pause: () => void;
+            resume: () => void;
+        }[];
+        "bottom-center": {
+            id: string;
+            placement: import('../../../headless/src/index.ts').FeedbackPlacement;
+            zIndex: number;
+            options: {
+                content: import('../feedback-runtime/types').FeedbackRenderable;
+                type: MessageType;
+                duration: number;
+                placement: import('../../../headless/src/index.ts').FeedbackPlacement;
+                closable: boolean;
+            };
+            visual: {
+                theme: string;
+                cssVars: Record<string, string>;
+            };
+            remaining: number;
+            startedAt: number;
+            timer: number | null;
+            close: () => void;
+            pause: () => void;
+            resume: () => void;
+        }[];
+        "bottom-right": {
+            id: string;
+            placement: import('../../../headless/src/index.ts').FeedbackPlacement;
+            zIndex: number;
+            options: {
+                content: import('../feedback-runtime/types').FeedbackRenderable;
+                type: MessageType;
+                duration: number;
+                placement: import('../../../headless/src/index.ts').FeedbackPlacement;
+                closable: boolean;
+            };
+            visual: {
+                theme: string;
+                cssVars: Record<string, string>;
+            };
+            remaining: number;
+            startedAt: number;
+            timer: number | null;
+            close: () => void;
+            pause: () => void;
+            resume: () => void;
+        }[];
+    };
+};
+export {};

package/dist/message/types.d.ts

@@ -0,0 +1,12 @@
+import { AppContext, Plugin } from 'vue';
+import { MessageController as HeadlessMessageController, MessageOptions as HeadlessMessageOptions, ResolvedMessageOptions as HeadlessResolvedMessageOptions } from '../../../headless/src/index.ts';
+import { FeedbackRenderable } from '../feedback-runtime/types';
+export type { MessageType } from '../../../headless/src/index.ts';
+export interface MessageOptions extends HeadlessMessageOptions<FeedbackRenderable> {
+    appContext?: AppContext | null;
+}
+export type ResolvedMessageOptions = HeadlessResolvedMessageOptions<FeedbackRenderable>;
+export type MessageInput = FeedbackRenderable | MessageOptions;
+export interface MessageController extends HeadlessMessageController<FeedbackRenderable> {
+}
+export type MessageApi = Plugin & MessageController;

package/dist/notification/NotificationHost.vue.d.ts

@@ -0,0 +1,15 @@
+import { PropType } from 'vue';
+import { FeedbackManagerState } from '../feedback-runtime/types';
+import { ResolvedNotificationOptions } from './types';
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    state: {
+        type: PropType<FeedbackManagerState<ResolvedNotificationOptions>>;
+        required: true;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    state: {
+        type: PropType<FeedbackManagerState<ResolvedNotificationOptions>>;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+export default _default;

package/dist/notification/NotificationItem.vue.d.ts

@@ -0,0 +1,15 @@
+import { PropType } from 'vue';
+import { FeedbackRecord } from '../feedback-runtime/types';
+import { ResolvedNotificationOptions } from './types';
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    record: {
+        type: PropType<FeedbackRecord<ResolvedNotificationOptions>>;
+        required: true;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    record: {
+        type: PropType<FeedbackRecord<ResolvedNotificationOptions>>;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+export default _default;

package/dist/notification/index.d.ts

@@ -0,0 +1,10 @@
+import { NotificationApi, NotificationController } from './types';
+export declare const LNotification: NotificationApi;
+export declare const useNotification: () => NotificationController;
+declare module 'vue' {
+    interface ComponentCustomProperties {
+        $notification: NotificationController;
+    }
+}
+export * from './types';
+export default LNotification;

package/dist/notification/index.js

@@ -0,0 +1,2 @@
+require('../style/notification.css');
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("vue"),m=require("../config-provider/index.js");require("../chunks/manager-C0AUxQ1I.js");const y=require("../chunks/manager-d-AJMlyO.js"),b={placement:"top-right",duration:4500,closable:!0},B=e=>typeof e=="object"&&e!==null&&"content"in e,f=(e,t,n)=>{var r;const i=t.isOptions??B,l=n??(i(e)?e.type:void 0)??"info",c={...b,...t.defaults,...(r=t.typeDefaults)==null?void 0:r[l]};return i(e)?{title:e.title??"",content:e.content,type:l,duration:e.duration??c.duration,placement:e.placement??c.placement,closable:e.closable??c.closable}:{...c,title:"",type:l,content:e}};function A(e){return{open:t=>e.open(f(t,e)),info:t=>e.open(f(t,e,"info")),success:t=>e.open(f(t,e,"success")),warning:t=>e.open(f(t,e,"warning")),error:t=>e.open(f(t,e,"error")),closeAll:()=>{var t;(t=e.closeAll)==null||t.call(e)}}}const E=["data-theme","role"],F={class:"l-notification__body"},I={key:0,class:"l-notification__title"},C={class:"l-notification__content"},O=o.defineComponent({name:"NotificationItem",__name:"NotificationItem",props:{record:{type:Object,required:!0}},setup(e){const t=e,n=o.defineComponent({name:"NotificationContentRenderer",props:{content:{type:[String,Function,Object],required:!0}},setup(u){return()=>typeof u.content=="function"?u.content():u.content}}),i=o.computed(()=>["l-notification__item",`is-${t.record.options.type}`]),l=o.computed(()=>({zIndex:t.record.zIndex,...t.record.visual.cssVars})),c=()=>{t.record.pause()},r=()=>{t.record.resume()},h=()=>{t.record.close()};return(u,T)=>(o.openBlock(),o.createElementBlock("div",{class:o.normalizeClass(i.value),"data-theme":e.record.visual.theme,style:o.normalizeStyle(l.value),role:e.record.options.type==="error"||e.record.options.type==="warning"?"alert":"status",onMouseenter:c,onMouseleave:r},[o.createElementVNode("div",F,[e.record.options.title?(o.openBlock(),o.createElementBlock("div",I,o.toDisplayString(e.record.options.title),1)):o.createCommentVNode("",!0),o.createElementVNode("div",C,[o.createVNode(o.unref(n),{content:e.record.options.content},null,8,["content"])])]),e.record.options.closable?(o.openBlock(),o.createElementBlock("button",{key:0,type:"button",class:"l-notification__close","aria-label":"Close notification",onClick:h}," × ")):o.createCommentVNode("",!0)],46,E))}}),V={class:"l-notification-root"},w=o.defineComponent({name:"NotificationHost",__name:"NotificationHost",props:{state:{type:Object,required:!0}},setup(e){const t=e,{state:n}=o.toRefs(t);return(i,l)=>(o.openBlock(),o.createElementBlock("div",V,[(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(o.unref(y.feedbackPlacements),c=>o.withDirectives((o.openBlock(),o.createElementBlock("div",{key:c,class:o.normalizeClass(["l-notification-host",`l-notification-host--${c}`])},[o.createVNode(o.TransitionGroup,{name:"l-notification-stack",tag:"div",class:"l-notification-host__list"},{default:o.withCtx(()=>[(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(o.unref(n).groups[c],r=>(o.openBlock(),o.createBlock(O,{key:r.id,record:r},null,8,["record"]))),128))]),_:2},1024)],2)),[[o.vShow,o.unref(n).groups[c].length>0]])),128))]))}}),N=y.createFeedbackManager(w,"l-notification-runtime"),k=e=>typeof e=="object"&&e!==null&&!o.isVNode(e),M=e=>({theme:e.theme,cssVars:{...e.cssVars}}),a=(e,t)=>{const n=k(e)?e:void 0;return t!=null&&t.config?t.config:m.resolveRoutaConfigFromAppContext((n==null?void 0:n.appContext)??(t==null?void 0:t.appContext))},s=e=>A({defaults:e.feedback.notification,typeDefaults:e.feedback.notification.types,isOptions:k,open:t=>N.open(t,M(e)),closeAll:g}),R=(e,t)=>{const n=a(e,t);return s(n).open(e)},d=(e,t,n)=>{const i=a(t,n);return s(i)[e](t)},p=e=>({open:t=>s(a(t,e==null?void 0:e())).open(t),info:t=>s(a(t,e==null?void 0:e())).info(t),success:t=>s(a(t,e==null?void 0:e())).success(t),warning:t=>s(a(t,e==null?void 0:e())).warning(t),error:t=>s(a(t,e==null?void 0:e())).error(t),closeAll:g}),g=()=>{N.closeAll()},_={open:R,info:e=>d("info",e),success:e=>d("success",e),warning:e=>d("warning",e),error:e=>d("error",e),closeAll:g,install(e){e.config.globalProperties.$notification=p(()=>({appContext:e._context,config:m.resolveRoutaConfigFromAppContext(e._context)})),e.mixin({beforeCreate(){const t=this.$;if(!t)return;const n=t;n.ctx.$notification=p(()=>({appContext:t.appContext,config:m.resolveRoutaConfigFromInstance(t)}))}})}},S=()=>{const e=o.getCurrentInstance();return p(()=>({appContext:(e==null?void 0:e.appContext)??null,config:m.resolveRoutaConfigFromInstance(e)}))};exports.LNotification=_;exports.default=_;exports.useNotification=S;