@munet/ui 1.0.0

package/dist/components/TransitionOpacity.js

@@ -0,0 +1,26 @@
+import { defineComponent as a, createVNode as o, Transition as i } from "vue";
+const s = /* @__PURE__ */ a({
+  props: {
+    mode: {
+      type: String,
+      default: "default"
+    }
+  },
+  setup(t, {
+    slots: e
+  }) {
+    return () => o(i, {
+      duration: 300,
+      mode: t.mode,
+      enterActiveClass: "transition-opacity transition-300 transition-ease",
+      leaveActiveClass: "transition-opacity transition-300 transition-ease",
+      enterFromClass: "op-0!",
+      leaveToClass: "op-0!"
+    }, {
+      default: () => [e.default?.()]
+    });
+  }
+});
+export {
+  s as default
+};

package/dist/components/TransitionVertical.vue.js

@@ -0,0 +1,97 @@
+import { defineComponent as v, createBlock as B, openBlock as b, Transition as w, withCtx as W, renderSlot as E } from "vue";
+const n = "0px", _ = /* @__PURE__ */ v({
+  __name: "TransitionVertical",
+  props: {
+    duration: { default: 250 },
+    easingEnter: { default: "ease-in-out" },
+    easingLeave: { default: "ease-in-out" },
+    opacityClosed: { default: 0 },
+    opacityOpened: { default: 1 }
+  },
+  setup(l) {
+    const e = l;
+    function h(t) {
+      return {
+        height: t.style.height,
+        width: t.style.width,
+        position: t.style.position,
+        visibility: t.style.visibility,
+        overflow: t.style.overflow,
+        paddingTop: t.style.paddingTop,
+        paddingBottom: t.style.paddingBottom,
+        borderTopWidth: t.style.borderTopWidth,
+        borderBottomWidth: t.style.borderBottomWidth,
+        marginTop: t.style.marginTop,
+        marginBottom: t.style.marginBottom
+      };
+    }
+    let s = null, g = null;
+    function y(t, o) {
+      const { width: i } = getComputedStyle(t);
+      t.style.width = i, t.style.position = "absolute", t.style.visibility = "hidden", t.style.height = "";
+      const { height: r } = getComputedStyle(t);
+      return t.style.width = o.width, t.style.position = o.position, t.style.visibility = o.visibility, t.style.height = n, t.style.overflow = "hidden", o.height && o.height !== n ? o.height : r;
+    }
+    function u(t, o, i, r, a) {
+      g = t, s = t.animate(r, a), t.style.height = o.height, s.onfinish = () => {
+        t.style.overflow = o.overflow, i();
+      };
+    }
+    function f(t, o) {
+      return [
+        {
+          height: n,
+          opacity: e.opacityClosed,
+          paddingTop: n,
+          paddingBottom: n,
+          borderTopWidth: n,
+          borderBottomWidth: n,
+          marginTop: n,
+          marginBottom: n
+        },
+        {
+          height: t,
+          opacity: e.opacityOpened,
+          paddingTop: o.paddingTop,
+          paddingBottom: o.paddingBottom,
+          borderTopWidth: o.borderTopWidth,
+          borderBottomWidth: o.borderBottomWidth,
+          marginTop: o.marginTop,
+          marginBottom: o.marginBottom
+        }
+      ];
+    }
+    function c(t, o, i) {
+      return t !== g || !s || s.playState !== "running" ? !1 : (s.onfinish = () => {
+        t.style.overflow = o, i();
+      }, s.reverse(), !0);
+    }
+    function m(t, o) {
+      const i = t, r = h(i);
+      if (c(i, r.overflow, o)) return;
+      const a = y(i, r), d = f(a, r), p = { duration: e.duration, easing: e.easingEnter };
+      u(i, r, o, d, p);
+    }
+    function T(t, o) {
+      const i = t, r = h(i);
+      if (c(i, r.overflow, o)) return;
+      const { height: a } = getComputedStyle(i);
+      i.style.height = a, i.style.overflow = "hidden";
+      const d = f(a, r).reverse(), p = { duration: e.duration, easing: e.easingLeave };
+      u(i, r, o, d, p);
+    }
+    return (t, o) => (b(), B(w, {
+      css: !1,
+      onEnter: m,
+      onLeave: T
+    }, {
+      default: W(() => [
+        E(t.$slots, "default")
+      ]),
+      _: 3
+    }));
+  }
+});
+export {
+  _ as default
+};

package/dist/components/TransitionVertical.vue2.js

@@ -0,0 +1,4 @@
+import f from "./TransitionVertical.vue.js";
+export {
+  f as default
+};

package/dist/components/WarningBackground/index.d.ts

@@ -0,0 +1,14 @@
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    animate: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    animate: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    animate: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/components/WarningBackground/index.js

@@ -0,0 +1,22 @@
+import { defineComponent as n, createVNode as r } from "vue";
+import { theme as o } from "../../themes/index.js";
+import e from "./index.module.sass.js";
+const d = /* @__PURE__ */ n({
+  props: {
+    animate: {
+      type: Boolean,
+      default: !0
+    }
+  },
+  setup(t, {
+    emit: i,
+    slots: a
+  }) {
+    return () => r("div", {
+      class: [e.warning, o.value.warningBackground, t.animate && e.animate]
+    }, [a.default?.()]);
+  }
+});
+export {
+  d as default
+};

package/dist/components/WarningBackground/index.module.css

@@ -0,0 +1 @@
+.index-module_dU5DS{width:100%;background-image:repeating-linear-gradient(-45deg,var(--color) 25%,transparent 0,transparent 50%,var(--color) 0,var(--color) 75%,transparent 0);background-size:30px 30px;-webkit-mask-image:linear-gradient(to bottom,#000,#0000);mask-image:linear-gradient(to bottom,#000,#0000);pointer-events:none}.index-module_dU5DS.index-module_Lvzk1{animation:index-module_2fSCZ 2s linear infinite}@keyframes index-module_2fSCZ{0%{background-position:0 0}to{background-position:-30px 0}}

package/dist/components/WarningBackground/index.module.sass.js

@@ -0,0 +1,9 @@
+const n = "index-module_dU5DS", e = "index-module_Lvzk1", a = {
+  warning: n,
+  animate: e
+};
+export {
+  e as animate,
+  a as default,
+  n as warning
+};

package/dist/components/Window/index.d.ts

@@ -0,0 +1,89 @@
+import { PropType } from 'vue';
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    title: {
+        type: StringConstructor;
+        default: string;
+    };
+    closable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    minimizable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    resizable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    defaultWidth: {
+        type: NumberConstructor;
+        default: number;
+    };
+    defaultHeight: {
+        type: NumberConstructor;
+        default: number;
+    };
+    defaultX: {
+        type: NumberConstructor;
+        default: number;
+    };
+    defaultY: {
+        type: NumberConstructor;
+        default: number;
+    };
+    icon: {
+        type: StringConstructor;
+        default: string;
+    };
+    onClose: PropType<() => void>;
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    title: {
+        type: StringConstructor;
+        default: string;
+    };
+    closable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    minimizable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    resizable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    defaultWidth: {
+        type: NumberConstructor;
+        default: number;
+    };
+    defaultHeight: {
+        type: NumberConstructor;
+        default: number;
+    };
+    defaultX: {
+        type: NumberConstructor;
+        default: number;
+    };
+    defaultY: {
+        type: NumberConstructor;
+        default: number;
+    };
+    icon: {
+        type: StringConstructor;
+        default: string;
+    };
+    onClose: PropType<() => void>;
+}>> & Readonly<{}>, {
+    title: string;
+    closable: boolean;
+    minimizable: boolean;
+    resizable: boolean;
+    defaultWidth: number;
+    defaultHeight: number;
+    defaultX: number;
+    defaultY: number;
+    icon: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/components/Window/index.js

@@ -0,0 +1,169 @@
+import { defineComponent as J, ref as l, onMounted as K, onUnmounted as Q, createVNode as n, Fragment as U } from "vue";
+import t from "./styles.module.sass.js";
+import { waitOneFrame as Z } from "../../utils/animation.js";
+import { theme as O } from "../../themes/index.js";
+const ae = /* @__PURE__ */ J({
+  props: {
+    title: {
+      type: String,
+      default: "窗口"
+    },
+    closable: {
+      type: Boolean,
+      default: !0
+    },
+    minimizable: {
+      type: Boolean,
+      default: !0
+    },
+    resizable: {
+      type: Boolean,
+      default: !0
+    },
+    defaultWidth: {
+      type: Number,
+      default: 40
+    },
+    // 百分比
+    defaultHeight: {
+      type: Number,
+      default: 50
+    },
+    // 百分比
+    defaultX: {
+      type: Number,
+      default: 10
+    },
+    // 百分比
+    defaultY: {
+      type: Number,
+      default: 10
+    },
+    // 百分比
+    icon: {
+      type: String,
+      default: "i-carbon:unknown"
+    },
+    onClose: Function
+  },
+  setup(a, {
+    emit: _,
+    slots: T
+  }) {
+    const i = l(!1), j = l(), s = l(a.defaultX), o = l(a.defaultY), v = l(a.defaultWidth), m = l(a.defaultHeight), b = l(!1), S = l(0), B = l(0), W = l(0), D = l(0), x = l(!1), z = l(!1), C = l(""), N = l(0), k = l(0), X = l(0), p = l(0), E = l(0), V = l(0), y = (e, d, g, f) => {
+      const c = -(g - 5);
+      return {
+        x: Math.max(c, Math.min(95, e)),
+        y: Math.max(0, Math.min(95, d))
+      };
+    }, q = (e) => {
+      z.value || (b.value = !0, S.value = e.clientX, B.value = e.clientY, W.value = s.value, D.value = o.value, e.preventDefault());
+    }, u = (e, d) => {
+      a.resizable && (z.value = !0, C.value = d, N.value = e.clientX, k.value = e.clientY, X.value = v.value, p.value = m.value, E.value = s.value, V.value = o.value, e.preventDefault(), e.stopPropagation());
+    }, F = (e) => {
+      if (b.value) {
+        const d = e.clientX - S.value, g = e.clientY - B.value, f = d / window.innerWidth * 100, w = g / window.innerHeight * 100, c = W.value + f, h = D.value + w, r = y(c, h, v.value, m.value);
+        s.value = r.x, o.value = r.y, x.value = !0;
+      } else if (z.value) {
+        const d = e.clientX - N.value, g = e.clientY - k.value, f = d / window.innerWidth * 100, w = g / window.innerHeight * 100, c = C.value, h = 200 / window.innerWidth * 100, r = 150 / window.innerHeight * 100;
+        let H = s.value, I = o.value, Y = v.value, P = m.value;
+        if (c.includes("e") && (Y = Math.max(h, X.value + f)), c.includes("s") && (P = Math.max(r, p.value + w)), c.includes("w")) {
+          const M = Math.max(h, X.value - f);
+          M > h && (H = E.value + f, Y = M);
+        }
+        if (c.includes("n")) {
+          const M = Math.max(r, p.value - w);
+          M > r && (I = V.value + w, P = M);
+        }
+        const R = y(H, I, Y);
+        s.value = R.x, o.value = R.y, v.value = Y, m.value = P;
+      }
+    }, L = async () => {
+      b.value = !1, z.value = !1, await Z(), x.value = !1;
+    }, $ = () => {
+      x.value || (i.value = !i.value);
+    }, A = () => {
+      a.onClose?.();
+    }, G = () => {
+    };
+    return K(() => {
+      const e = y(s.value, o.value, v.value, m.value);
+      s.value = e.x, o.value = e.y, document.addEventListener("mousemove", F), document.addEventListener("mouseup", L);
+    }), Q(() => {
+      document.removeEventListener("mousemove", F), document.removeEventListener("mouseup", L);
+    }), () => n("div", {
+      ref: j,
+      class: [t.window, O.value.floatWindow, i.value && t.minimized, b.value && t.dragging, z.value && t.resizing],
+      style: {
+        left: `${s.value}%`,
+        top: `${o.value}%`,
+        width: i.value ? "60px" : `${v.value}%`,
+        height: i.value ? "60px" : `${m.value}%`
+      }
+    }, [n("div", {
+      class: [t.titleBar, O.value.titleBar],
+      onMousedown: q,
+      onDblclick: G
+    }, [!i.value && n(U, null, [n("div", {
+      class: t.title
+    }, [a.title]), n("div", {
+      class: t.controls
+    }, [a.minimizable && n("button", {
+      class: [t.controlBtn, t.minimizeBtn],
+      onClick: (e) => {
+        e.stopPropagation(), $();
+      },
+      onMousedown: (e) => {
+        e.stopPropagation();
+      },
+      title: "最小化"
+    }, [n("div", {
+      class: t.minimizeIcon
+    }, null)]), a.closable && n("button", {
+      class: [t.controlBtn, t.closeBtn],
+      onClick: (e) => {
+        e.stopPropagation(), A();
+      },
+      onMousedown: (e) => {
+        e.stopPropagation();
+      },
+      title: "关闭"
+    }, [n("div", {
+      class: t.closeIcon
+    }, null)])])]), i.value && n("div", {
+      class: t.minimizedIcon,
+      onClick: $
+    }, [n("span", {
+      class: a.icon
+    }, null)])]), !i.value && n("div", {
+      class: t.content
+    }, [T.default?.()]), !i.value && a.resizable && n(U, null, [n("div", {
+      class: [t.resizeHandle, t.resizeN],
+      onMousedown: (e) => u(e, "n")
+    }, null), n("div", {
+      class: [t.resizeHandle, t.resizeS],
+      onMousedown: (e) => u(e, "s")
+    }, null), n("div", {
+      class: [t.resizeHandle, t.resizeW],
+      onMousedown: (e) => u(e, "w")
+    }, null), n("div", {
+      class: [t.resizeHandle, t.resizeE],
+      onMousedown: (e) => u(e, "e")
+    }, null), n("div", {
+      class: [t.resizeHandle, t.resizeNw],
+      onMousedown: (e) => u(e, "nw")
+    }, null), n("div", {
+      class: [t.resizeHandle, t.resizeNe],
+      onMousedown: (e) => u(e, "ne")
+    }, null), n("div", {
+      class: [t.resizeHandle, t.resizeSw],
+      onMousedown: (e) => u(e, "sw")
+    }, null), n("div", {
+      class: [t.resizeHandle, t.resizeSe],
+      onMousedown: (e) => u(e, "se")
+    }, null)])]);
+  }
+});
+export {
+  ae as default
+};

package/dist/components/Window/styles.module.css

@@ -0,0 +1 @@
+.styles-module_vH5bX{position:fixed;display:flex;flex-direction:column;background:#fffffff2;border-radius:12px;box-shadow:0 8px 32px #00000026;overflow:hidden;z-index:1000;transition:opacity .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.styles-module_vH5bX.styles-module_D6FCS{border-radius:50%;box-shadow:0 4px 16px #0003;overflow:visible}.styles-module_vH5bX.styles-module_JEzZ-{cursor:move;-webkit-user-select:none;user-select:none;opacity:.5}.styles-module_vH5bX.styles-module_Jb4A-{-webkit-user-select:none;user-select:none}.styles-module_oRWf9{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;cursor:move;-webkit-user-select:none;user-select:none;min-height:48px}.styles-module_D6FCS .styles-module_oRWf9{width:100%;height:100%;padding:0;justify-content:center;align-items:center;border-radius:50%}.styles-module_gZYca{font-size:16px;font-weight:600;flex:1;pointer-events:none}.styles-module_w4ZYt{display:flex;gap:8px;align-items:center}.styles-module_mMxfr{width:28px;height:28px;border:none;border-radius:6px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;padding:0}.styles-module_mMxfr:hover{transform:scale(1.1)}.styles-module_mMxfr:active{transform:scale(.95)}.styles-module_08gUH .styles-module_8H7H2{width:12px;height:2px;background:#fff;border-radius:1px;pointer-events:none}.styles-module_NIi37 .styles-module_v-HVi{width:14px;height:14px;position:relative;pointer-events:none}.styles-module_NIi37 .styles-module_v-HVi:before,.styles-module_NIi37 .styles-module_v-HVi:after{content:"";position:absolute;width:100%;height:2px;background:#fff;top:50%;left:50%;border-radius:1px}.styles-module_NIi37 .styles-module_v-HVi:before{transform:translate(-50%,-50%) rotate(45deg)}.styles-module_NIi37 .styles-module_v-HVi:after{transform:translate(-50%,-50%) rotate(-45deg)}.styles-module_DSTGP{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:1.8rem;font-weight:700;color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none}.styles-module_kEF0N{flex:1;overflow:auto;background:#fffffffa}.styles-module_YPKot{position:absolute;z-index:10}.styles-module_YPKot.styles-module_8uxBX,.styles-module_YPKot.styles-module_lKTc4{left:0;right:0;height:4px;cursor:ns-resize}.styles-module_YPKot.styles-module_8uxBX{top:0}.styles-module_YPKot.styles-module_lKTc4{bottom:0}.styles-module_YPKot.styles-module_0PTNd,.styles-module_YPKot.styles-module_AWO1H{top:0;bottom:0;width:4px;cursor:ew-resize}.styles-module_YPKot.styles-module_0PTNd{left:0}.styles-module_YPKot.styles-module_AWO1H{right:0}.styles-module_YPKot.styles-module_BxMvI,.styles-module_YPKot.styles-module_hXRF0,.styles-module_YPKot.styles-module_uxu7A,.styles-module_YPKot.styles-module_L9k27{width:16px;height:16px}.styles-module_YPKot.styles-module_BxMvI{top:0;left:0;cursor:nwse-resize}.styles-module_YPKot.styles-module_hXRF0{top:0;right:0;cursor:nesw-resize}.styles-module_YPKot.styles-module_uxu7A{bottom:0;left:0;cursor:nesw-resize}.styles-module_YPKot.styles-module_L9k27{bottom:0;right:0;cursor:nwse-resize}

package/dist/components/Window/styles.module.sass.js

@@ -0,0 +1,51 @@
+const e = "styles-module_vH5bX", s = "styles-module_D6FCS", t = "styles-module_JEzZ-", o = "styles-module_Jb4A-", l = "styles-module_oRWf9", n = "styles-module_gZYca", i = "styles-module_w4ZYt", c = "styles-module_mMxfr", m = "styles-module_08gUH", d = "styles-module_8H7H2", r = "styles-module_NIi37", z = "styles-module_v-HVi", u = "styles-module_DSTGP", y = "styles-module_kEF0N", _ = "styles-module_YPKot", g = "styles-module_8uxBX", B = "styles-module_lKTc4", a = "styles-module_0PTNd", w = "styles-module_AWO1H", N = "styles-module_BxMvI", H = "styles-module_hXRF0", I = "styles-module_uxu7A", S = "styles-module_L9k27", x = {
+  window: e,
+  minimized: s,
+  dragging: t,
+  resizing: o,
+  titleBar: l,
+  title: n,
+  controls: i,
+  controlBtn: c,
+  minimizeBtn: m,
+  minimizeIcon: d,
+  closeBtn: r,
+  closeIcon: z,
+  minimizedIcon: u,
+  content: y,
+  resizeHandle: _,
+  resizeN: g,
+  resizeS: B,
+  resizeW: a,
+  resizeE: w,
+  resizeNw: N,
+  resizeNe: H,
+  resizeSw: I,
+  resizeSe: S
+};
+export {
+  r as closeBtn,
+  z as closeIcon,
+  y as content,
+  c as controlBtn,
+  i as controls,
+  x as default,
+  t as dragging,
+  m as minimizeBtn,
+  d as minimizeIcon,
+  s as minimized,
+  u as minimizedIcon,
+  w as resizeE,
+  _ as resizeHandle,
+  g as resizeN,
+  H as resizeNe,
+  N as resizeNw,
+  B as resizeS,
+  S as resizeSe,
+  I as resizeSw,
+  a as resizeW,
+  o as resizing,
+  n as title,
+  l as titleBar,
+  e as window
+};

package/dist/controllers/toastController.d.ts

@@ -0,0 +1,17 @@
+export type Toast = {
+    message: string;
+    type: 'info' | 'success' | 'warning' | 'error';
+};
+export type ToastInternal = Toast & {
+    rand: number;
+};
+export declare const toasts: import("vue").Ref<{
+    message: string;
+    type: "info" | "success" | "warning" | "error";
+    rand: number;
+}[], ToastInternal[] | {
+    message: string;
+    type: "info" | "success" | "warning" | "error";
+    rand: number;
+}[]>;
+export declare function addToast(toast: Toast): number;

package/dist/controllers/toastController.js

@@ -0,0 +1,13 @@
+import { ref as r } from "vue";
+const a = r([]);
+function s(o) {
+  const t = Math.random();
+  return a.value.push({
+    ...o,
+    rand: t
+  }), t;
+}
+export {
+  s as addToast,
+  a as toasts
+};

package/dist/i18n/index.d.ts

@@ -0,0 +1,26 @@
+export interface UIStrings {
+    confirm: string;
+    cancel: string;
+    taskFailed: string;
+    unknownError: string;
+}
+/**
+ * 配置 UI 字符串（用于 i18n）
+ * @param strings 要覆盖的字符串
+ * @example
+ * ```ts
+ * import { configureUIStrings } from '@munet/ui';
+ * import { t } from './locales';
+ *
+ * configureUIStrings({
+ *   confirm: t('common.confirm'),
+ *   cancel: t('common.cancel'),
+ * });
+ * ```
+ */
+export declare function configureUIStrings(strings: Partial<UIStrings>): void;
+/**
+ * 获取 UI 字符串
+ * @param key 字符串键名
+ */
+export declare function getUIString(key: keyof UIStrings): string;

package/dist/i18n/index.js

@@ -0,0 +1,17 @@
+const t = {
+  confirm: "确认",
+  cancel: "取消",
+  taskFailed: "任务执行失败",
+  unknownError: "发生未知错误"
+};
+let r = { ...t };
+function e(n) {
+  r = { ...r, ...n };
+}
+function i(n) {
+  return r[n];
+}
+export {
+  e as configureUIStrings,
+  i as getUIString
+};

package/dist/index.d.ts

@@ -0,0 +1,32 @@
+export * from './themes';
+export * from './i18n';
+export * from './controllers/toastController';
+export * from './states/modal';
+export { default as Button } from './components/Button';
+export { default as TextInput } from './components/TextInput';
+export { default as CheckBox } from './components/CheckBox';
+export { default as FlagCheckBox } from './components/CheckBox/FlagCheckBox';
+export { default as Radio } from './components/Radio';
+export { default as Modal, modalShowing } from './components/Modal';
+export { default as ModalStyles } from './components/Modal/styles.module.sass';
+export { default as Window } from './components/Window';
+export { default as Section } from './components/Section';
+export { default as DateFormat } from './components/DateFormat';
+export { default as Qrcode } from './components/Qrcode';
+export { default as NumberInput } from './components/NumberInput';
+export { default as Select } from './components/Select';
+export type { SelectOption, SelectExposed, SelectInstance } from './components/Select';
+export { default as TransitionVertical } from './components/TransitionVertical.vue';
+export { default as Range } from './components/Range.vue';
+export { default as TransitionOpacity } from './components/TransitionOpacity';
+export { default as DropMenu } from './components/DropMenu';
+export { default as DropDown } from './components/DropMenu/DropDown';
+export { default as GlobalElementsContainer } from './components/GlobalElementsContainer';
+export { default as ScrollText } from './components/ScrollText';
+export { default as WhateverNaviBar } from './components/SubNaviBar/WhateverNaviBar';
+export { default as WarningBackground } from './components/WarningBackground';
+export type { NaviItem } from './components/SubNaviBar/WhateverNaviBar';
+export { foregroundTask } from './components/GlobalElementsContainer/ForegroundTask';
+export { showTransactionalDialog } from './components/GlobalElementsContainer/TransactionalDialog';
+export { taskManager } from './components/GlobalElementsContainer/TaskManager';
+export { mergeStyles } from './themes/base/composer';