@digitalwalletcorp/vue-core 1.2.1 → 1.3.1

package/lib/internal/use-movable-window.d.cts

@@ -0,0 +1,44 @@
+import { Ref } from 'vue';
+import { MovableWindowDragMode } from '../types/movable-window.cjs';
+/** リサイズで掴んでいる角 */
+export type MovableWindowCorner = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
+interface MovableWindowOptions<T extends HTMLElement = HTMLElement> {
+    /** ウィンドウ本体の要素。ドラッグ終了時に画面内へ戻す判定と、リサイズの起点の寸法に使う */
+    target: Ref<T | undefined>;
+    /** ドラッグモードを返す関数。'body' / 'header' のどちらでもない場合はドラッグできない */
+    dragMode: () => MovableWindowDragMode | undefined;
+    /** リサイズ時の最小幅(px) */
+    minWidth?: number;
+    /** リサイズ時の最小高さ(px) */
+    minHeight?: number;
+    /**
+     * ドラッグ終了時に下端も画面内へ戻すか。
+     * スクロールで領域が広がる通常のページ上では false、画面に固定したウィンドウでは true にする
+     */
+    clampBottom?: boolean;
+}
+/**
+ * ウィンドウのドラッグによる移動と、角のつまみによるリサイズを扱う。
+ * マウス・タッチ・ペンを Pointer Events でまとめて扱う。
+ * 位置・サイズのリアクティブな状態と、テンプレートの pointerdown に結び付ける開始ハンドラを返す。
+ * 初期位置・初期サイズは呼び出し側が決める
+ *
+ * @param {MovableWindowOptions<T>} options
+ */
+export declare function useMovableWindow<T extends HTMLElement = HTMLElement>(options: MovableWindowOptions<T>): {
+    moving: Ref<boolean, boolean>;
+    resizing: Ref<boolean, boolean>;
+    currentPosition: {
+        x: number;
+        y: number;
+    };
+    currentRect: {
+        width: number;
+        height: number;
+    };
+    onDragStart: (event: PointerEvent) => void;
+    onDragHeaderStart: (event: PointerEvent) => void;
+    onResizeStart: (event: PointerEvent, corner?: MovableWindowCorner) => void;
+    teardown: () => void;
+};
+export {};

package/lib/internal/use-movable-window.d.ts

@@ -0,0 +1,44 @@
+import { Ref } from 'vue';
+import { MovableWindowDragMode } from '../types/movable-window';
+/** リサイズで掴んでいる角 */
+export type MovableWindowCorner = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
+interface MovableWindowOptions<T extends HTMLElement = HTMLElement> {
+    /** ウィンドウ本体の要素。ドラッグ終了時に画面内へ戻す判定と、リサイズの起点の寸法に使う */
+    target: Ref<T | undefined>;
+    /** ドラッグモードを返す関数。'body' / 'header' のどちらでもない場合はドラッグできない */
+    dragMode: () => MovableWindowDragMode | undefined;
+    /** リサイズ時の最小幅(px) */
+    minWidth?: number;
+    /** リサイズ時の最小高さ(px) */
+    minHeight?: number;
+    /**
+     * ドラッグ終了時に下端も画面内へ戻すか。
+     * スクロールで領域が広がる通常のページ上では false、画面に固定したウィンドウでは true にする
+     */
+    clampBottom?: boolean;
+}
+/**
+ * ウィンドウのドラッグによる移動と、角のつまみによるリサイズを扱う。
+ * マウス・タッチ・ペンを Pointer Events でまとめて扱う。
+ * 位置・サイズのリアクティブな状態と、テンプレートの pointerdown に結び付ける開始ハンドラを返す。
+ * 初期位置・初期サイズは呼び出し側が決める
+ *
+ * @param {MovableWindowOptions<T>} options
+ */
+export declare function useMovableWindow<T extends HTMLElement = HTMLElement>(options: MovableWindowOptions<T>): {
+    moving: Ref<boolean, boolean>;
+    resizing: Ref<boolean, boolean>;
+    currentPosition: {
+        x: number;
+        y: number;
+    };
+    currentRect: {
+        width: number;
+        height: number;
+    };
+    onDragStart: (event: PointerEvent) => void;
+    onDragHeaderStart: (event: PointerEvent) => void;
+    onResizeStart: (event: PointerEvent, corner?: MovableWindowCorner) => void;
+    teardown: () => void;
+};
+export {};

package/lib/internal/window-order.d.cts

@@ -0,0 +1,6 @@
+/**
+ * ウィンドウ(OverlayBox / FloatingComponent)の重なり順を返す。後から呼んだものほど大きく、前面に出る
+ *
+ * @returns {number}
+ */
+export declare const nextWindowOrder: () => number;

package/lib/internal/window-order.d.ts

@@ -0,0 +1,6 @@
+/**
+ * ウィンドウ(OverlayBox / FloatingComponent)の重なり順を返す。後から呼んだものほど大きく、前面に出る
+ *
+ * @returns {number}
+ */
+export declare const nextWindowOrder: () => number;

package/lib/intersection-lazy-component.d.cts

@@ -0,0 +1,32 @@
+export interface Props {
+    /** 交差を判定するスクロール領域の要素。未指定ならビューポート */
+    root?: Element | null;
+    /** 判定する領域を root の端から広げる、または狭める量。CSS の margin と同じ書式 */
+    rootMargin?: string;
+    /** 中身を描画する交差の割合(0〜1)。配列も渡せる */
+    threshold?: number | number[];
+}
+export interface Emits {
+    /** 初めて画面に入って中身を描画したときに発行する */
+    (e: 'emit:visible'): void;
+}
+export interface Slots {
+    /** 画面に入ってから描画する中身 */
+    default?(): unknown;
+    /** 画面に入るまでの間に表示する中身 */
+    placeholder?(): unknown;
+}
+type __VLS_Slots = Slots;
+declare const __VLS_base: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "emit:visible": () => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    "onEmit:visible"?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/lib/intersection-lazy-component.d.ts

@@ -0,0 +1,32 @@
+export interface Props {
+    /** 交差を判定するスクロール領域の要素。未指定ならビューポート */
+    root?: Element | null;
+    /** 判定する領域を root の端から広げる、または狭める量。CSS の margin と同じ書式 */
+    rootMargin?: string;
+    /** 中身を描画する交差の割合(0〜1)。配列も渡せる */
+    threshold?: number | number[];
+}
+export interface Emits {
+    /** 初めて画面に入って中身を描画したときに発行する */
+    (e: 'emit:visible'): void;
+}
+export interface Slots {
+    /** 画面に入ってから描画する中身 */
+    default?(): unknown;
+    /** 画面に入るまでの間に表示する中身 */
+    placeholder?(): unknown;
+}
+type __VLS_Slots = Slots;
+declare const __VLS_base: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "emit:visible": () => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    "onEmit:visible"?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/lib/label-button.d.cts

@@ -1,6 +1,6 @@
 import { ClassValue, StyleValue } from 'vue';
 import { LabelPreset } from './types/label-preset.cjs';
-interface Props {
+export interface Props {
     /** アイコンとラベルの組み合わせ */
     preset?: LabelPreset;
     /** アイコンとラベルの間隔。未指定ならLabelIconの既定値(0.25em) */
@@ -14,7 +14,7 @@ interface Props {
     /** ラベルに付けるstyle */
     labelStyle?: StyleValue;
 }
-interface Slots {
+export interface Slots {
     icon?(): unknown;
     default?(): unknown;
 }

package/lib/label-button.d.ts

@@ -1,6 +1,6 @@
 import { ClassValue, StyleValue } from 'vue';
 import { LabelPreset } from './types/label-preset';
-interface Props {
+export interface Props {
     /** アイコンとラベルの組み合わせ */
     preset?: LabelPreset;
     /** アイコンとラベルの間隔。未指定ならLabelIconの既定値(0.25em) */
@@ -14,7 +14,7 @@ interface Props {
     /** ラベルに付けるstyle */
     labelStyle?: StyleValue;
 }
-interface Slots {
+export interface Slots {
     icon?(): unknown;
     default?(): unknown;
 }

package/lib/label-icon.d.cts

@@ -1,6 +1,6 @@
 import { ClassValue, StyleValue } from 'vue';
 import { LabelPreset } from './types/label-preset.cjs';
-interface Props {
+export interface Props {
     /** アイコンとラベルの組み合わせ */
     preset?: LabelPreset;
     /** アイコンとラベルの間隔。未指定なら既定値(0.25em) */
@@ -14,7 +14,7 @@ interface Props {
     /** ラベルに付けるstyle */
     labelStyle?: StyleValue;
 }
-interface Slots {
+export interface Slots {
     icon?(): unknown;
     default?(): unknown;
 }

package/lib/label-icon.d.ts

@@ -1,6 +1,6 @@
 import { ClassValue, StyleValue } from 'vue';
 import { LabelPreset } from './types/label-preset';
-interface Props {
+export interface Props {
     /** アイコンとラベルの組み合わせ */
     preset?: LabelPreset;
     /** アイコンとラベルの間隔。未指定なら既定値(0.25em) */
@@ -14,7 +14,7 @@ interface Props {
     /** ラベルに付けるstyle */
     labelStyle?: StyleValue;
 }
-interface Slots {
+export interface Slots {
     icon?(): unknown;
     default?(): unknown;
 }

package/lib/modal-dialog.d.cts

@@ -0,0 +1,67 @@
+import { ModalDialogButton, ModalDialogImage, ModalDialogResult, ModalDialogType } from './types/modal-dialog.cjs';
+export interface Props {
+    /** ダイアログの種類 */
+    type?: ModalDialogType;
+    /** 見出し */
+    title?: string;
+    /** 表示する文字列。配列なら1要素を1段落として表示する */
+    message?: string | string[];
+    /** true の場合、見出しとメッセージを HTML として表示する */
+    html?: boolean;
+    /** メッセージの下に並べる画像 */
+    image?: ModalDialogImage | ModalDialogImage[];
+    /** 左から順に並べるボタン。未指定なら confirm は Yes と No、それ以外は OK */
+    buttons?: ModalDialogButton[];
+    /** OK ボタンの文字 */
+    okLabel?: string;
+    /** Yes ボタンの文字 */
+    yesLabel?: string;
+    /** No ボタンの文字 */
+    noLabel?: string;
+    /** Cancel ボタンの文字 */
+    cancelLabel?: string;
+}
+type __VLS_Props = Props;
+export interface Emits {
+    /** ボタンか Esc でダイアログが閉じた */
+    (e: 'emit:close', result: ModalDialogResult): void;
+}
+export interface Slots {
+    /** 見出しの左に出すアイコン */
+    icon?(): unknown;
+    /** メッセージと画像に代えて表示する中身 */
+    default?(): unknown;
+}
+type __VLS_Slots = Slots;
+type __VLS_ModelProps = {
+    /** 表示するか。ボタンか Esc で閉じると false になる */
+    'open'?: boolean;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_base: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:open": (value: boolean) => any;
+} & {
+    "emit:close": (result: ModalDialogButton) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onEmit:close"?: ((result: ModalDialogButton) => any) | undefined;
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+}>, {
+    html: boolean;
+    title: string;
+    image: ModalDialogImage | ModalDialogImage[];
+    type: ModalDialogType;
+    message: string | string[];
+    buttons: ModalDialogButton[];
+    okLabel: string;
+    yesLabel: string;
+    noLabel: string;
+    cancelLabel: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/lib/modal-dialog.d.ts

@@ -0,0 +1,67 @@
+import { ModalDialogButton, ModalDialogImage, ModalDialogResult, ModalDialogType } from './types/modal-dialog';
+export interface Props {
+    /** ダイアログの種類 */
+    type?: ModalDialogType;
+    /** 見出し */
+    title?: string;
+    /** 表示する文字列。配列なら1要素を1段落として表示する */
+    message?: string | string[];
+    /** true の場合、見出しとメッセージを HTML として表示する */
+    html?: boolean;
+    /** メッセージの下に並べる画像 */
+    image?: ModalDialogImage | ModalDialogImage[];
+    /** 左から順に並べるボタン。未指定なら confirm は Yes と No、それ以外は OK */
+    buttons?: ModalDialogButton[];
+    /** OK ボタンの文字 */
+    okLabel?: string;
+    /** Yes ボタンの文字 */
+    yesLabel?: string;
+    /** No ボタンの文字 */
+    noLabel?: string;
+    /** Cancel ボタンの文字 */
+    cancelLabel?: string;
+}
+type __VLS_Props = Props;
+export interface Emits {
+    /** ボタンか Esc でダイアログが閉じた */
+    (e: 'emit:close', result: ModalDialogResult): void;
+}
+export interface Slots {
+    /** 見出しの左に出すアイコン */
+    icon?(): unknown;
+    /** メッセージと画像に代えて表示する中身 */
+    default?(): unknown;
+}
+type __VLS_Slots = Slots;
+type __VLS_ModelProps = {
+    /** 表示するか。ボタンか Esc で閉じると false になる */
+    'open'?: boolean;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_base: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:open": (value: boolean) => any;
+} & {
+    "emit:close": (result: ModalDialogButton) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onEmit:close"?: ((result: ModalDialogButton) => any) | undefined;
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+}>, {
+    html: boolean;
+    title: string;
+    image: ModalDialogImage | ModalDialogImage[];
+    type: ModalDialogType;
+    message: string | string[];
+    buttons: ModalDialogButton[];
+    okLabel: string;
+    yesLabel: string;
+    noLabel: string;
+    cancelLabel: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/lib/nuxt.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@nuxt/kit"),r=require("./components-C63HJoCn.cjs");var t=typeof document<"u"?document.currentScript:null;const u=e.defineNuxtModule({meta:{name:"@digitalwalletcorp/vue-core",configKey:"vueCore"},setup(){const n=e.createResolver(typeof document>"u"?require("url").pathToFileURL(__filename).href:t&&t.tagName.toUpperCase()==="SCRIPT"&&t.src||new URL("nuxt.cjs",document.baseURI).href);for(const o of Object.keys(r.components))e.addComponent({name:o,export:o,filePath:n.resolve("./index")})}});exports.default=u;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@nuxt/kit"),r=require("./components-CKql5lWg.cjs");var t=typeof document<"u"?document.currentScript:null;const u=e.defineNuxtModule({meta:{name:"@digitalwalletcorp/vue-core",configKey:"vueCore"},setup(){const n=e.createResolver(typeof document>"u"?require("url").pathToFileURL(__filename).href:t&&t.tagName.toUpperCase()==="SCRIPT"&&t.src||new URL("nuxt.cjs",document.baseURI).href);for(const o of Object.keys(r.components))e.addComponent({name:o,export:o,filePath:n.resolve("./index")})}});exports.default=u;

package/lib/nuxt.js

@@ -1,5 +1,5 @@
 import { defineNuxtModule as t, createResolver as r, addComponent as n } from "@nuxt/kit";
-import { c as a } from "./components-q4Cf97bO.js";
+import { c as a } from "./components-BuTJ1wX8.js";
 const c = t({
   meta: {
     name: "@digitalwalletcorp/vue-core",

package/lib/overlay-box.d.cts

@@ -0,0 +1,52 @@
+import { MovableWindowDragMode } from './types/movable-window.cjs';
+export interface Props {
+    /** 見出し。title スロットで差し替えられる */
+    title?: string;
+    /** ドラッグで移動するときに掴む範囲。body はウィンドウ全体、header は見出しだけ。未指定なら移動できない */
+    dragMode?: MovableWindowDragMode;
+    /** 暗幕のクリックで閉じる */
+    closeOnBackdrop?: boolean;
+    /** ウィンドウに暗幕とスピナーを重ね、中身を操作できなくする */
+    loading?: boolean;
+    /** 閉じるボタンの読み上げ名 */
+    closeLabel?: string;
+}
+type __VLS_Props = Props;
+export interface Emits {
+    /** 閉じるアニメーションが終わり、ボックスが取り除かれた */
+    (e: 'emit:close'): void;
+}
+export interface Slots {
+    /** 見出し */
+    title?(): unknown;
+    /** ウィンドウに表示する中身 */
+    default?(): unknown;
+}
+type __VLS_Slots = Slots;
+type __VLS_ModelProps = {
+    /** 表示するか。閉じる操作で false になる */
+    'open'?: boolean;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_base: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:open": (value: boolean) => any;
+} & {
+    "emit:close": () => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onEmit:close"?: (() => any) | undefined;
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+}>, {
+    title: string;
+    loading: boolean;
+    dragMode: MovableWindowDragMode;
+    closeLabel: string;
+    closeOnBackdrop: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/lib/overlay-box.d.ts

@@ -0,0 +1,52 @@
+import { MovableWindowDragMode } from './types/movable-window';
+export interface Props {
+    /** 見出し。title スロットで差し替えられる */
+    title?: string;
+    /** ドラッグで移動するときに掴む範囲。body はウィンドウ全体、header は見出しだけ。未指定なら移動できない */
+    dragMode?: MovableWindowDragMode;
+    /** 暗幕のクリックで閉じる */
+    closeOnBackdrop?: boolean;
+    /** ウィンドウに暗幕とスピナーを重ね、中身を操作できなくする */
+    loading?: boolean;
+    /** 閉じるボタンの読み上げ名 */
+    closeLabel?: string;
+}
+type __VLS_Props = Props;
+export interface Emits {
+    /** 閉じるアニメーションが終わり、ボックスが取り除かれた */
+    (e: 'emit:close'): void;
+}
+export interface Slots {
+    /** 見出し */
+    title?(): unknown;
+    /** ウィンドウに表示する中身 */
+    default?(): unknown;
+}
+type __VLS_Slots = Slots;
+type __VLS_ModelProps = {
+    /** 表示するか。閉じる操作で false になる */
+    'open'?: boolean;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_base: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:open": (value: boolean) => any;
+} & {
+    "emit:close": () => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onEmit:close"?: (() => any) | undefined;
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+}>, {
+    title: string;
+    loading: boolean;
+    dragMode: MovableWindowDragMode;
+    closeLabel: string;
+    closeOnBackdrop: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/lib/page-section.d.cts

@@ -1,7 +1,7 @@
 import { ClassValue, StyleValue } from 'vue';
 /** 見出しのアイコンとして選べるもの */
 type PageSectionIcon = 'diamond' | 'circle' | 'square' | 'pushpin' | 'round-pushpin';
-interface Props {
+export interface Props {
     /** 見出しの文字。未指定なら見出しを表示しない */
     title?: string;
     /** 見出しのアイコン。これ以外のアイコンは#iconスロットで渡す デフォルト 'diamond' */
@@ -15,7 +15,7 @@ interface Props {
     /** 見出しに付けるstyle */
     titleStyle?: StyleValue;
 }
-interface Slots {
+export interface Slots {
     /** 見出しの文字の前に表示するアイコン。iconより優先する */
     icon?(): unknown;
     default?(): unknown;

package/lib/page-section.d.ts

@@ -1,7 +1,7 @@
 import { ClassValue, StyleValue } from 'vue';
 /** 見出しのアイコンとして選べるもの */
 type PageSectionIcon = 'diamond' | 'circle' | 'square' | 'pushpin' | 'round-pushpin';
-interface Props {
+export interface Props {
     /** 見出しの文字。未指定なら見出しを表示しない */
     title?: string;
     /** 見出しのアイコン。これ以外のアイコンは#iconスロットで渡す デフォルト 'diamond' */
@@ -15,7 +15,7 @@ interface Props {
     /** 見出しに付けるstyle */
     titleStyle?: StyleValue;
 }
-interface Slots {
+export interface Slots {
     /** 見出しの文字の前に表示するアイコン。iconより優先する */
     icon?(): unknown;
     default?(): unknown;

package/lib/page-title.d.cts

@@ -1,8 +1,8 @@
-interface Props {
+export interface Props {
     /** タイトルの文字 */
     title: string;
 }
-interface Slots {
+export interface Slots {
     /** タイトルの文字の前に表示するアイコン */
     icon?(): unknown;
     /** タイトルバーの右側に表示する内容 */

package/lib/page-title.d.ts

@@ -1,8 +1,8 @@
-interface Props {
+export interface Props {
     /** タイトルの文字 */
     title: string;
 }
-interface Slots {
+export interface Slots {
     /** タイトルの文字の前に表示するアイコン */
     icon?(): unknown;
     /** タイトルバーの右側に表示する内容 */

package/lib/register.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./components-C63HJoCn.cjs");function r(e){for(const[o,n]of Object.entries(t.components))e.component(o,n)}exports.registerComponents=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./components-CKql5lWg.cjs");function r(e){for(const[o,n]of Object.entries(t.components))e.component(o,n)}exports.registerComponents=r;

package/lib/register.js

@@ -1,4 +1,4 @@
-import { c as t } from "./components-q4Cf97bO.js";
+import { c as t } from "./components-BuTJ1wX8.js";
 function m(o) {
   for (const [n, e] of Object.entries(t))
     o.component(n, e);

package/lib/screen-loading.d.cts

@@ -0,0 +1,7 @@
+export interface Props {
+    /** 読み込み中か */
+    loading: boolean;
+}
+declare const __VLS_export: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/lib/screen-loading.d.ts

@@ -0,0 +1,7 @@
+export interface Props {
+    /** 読み込み中か */
+    loading: boolean;
+}
+declare const __VLS_export: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;