@digitalwalletcorp/vue-core 1.2.1 → 1.3.0

package/README.md

@@ -5,7 +5,6 @@ Basic UI components for Vue 3.
 #### ✨ Features
 
 * **Tree-shaking**: Only import what you use. Importing a single component won't bundle the rest of the library.
-* **Fully typed**: Type definitions are included, allowing your editor to auto-complete props and default values automatically.
 * **Easy overrides**: Default styles use zero specificity (`:where()`), so your own CSS always wins.
 
 #### 📦 Installation
@@ -35,11 +34,11 @@ There are three ways to use the components.
 
 ```vue
 <script setup lang="ts">
-import { LabelButton } from '@digitalwalletcorp/vue-core';
+import { CopyButton } from '@digitalwalletcorp/vue-core';
 </script>
 
 <template>
-  <LabelButton class="btn" :preset="labelPresets.search" />
+  <CopyButton value="Order #12345" />
 </template>
 ```
 
@@ -65,6 +64,24 @@ export default defineNuxtConfig({
 });
 ```
 
+##### 🔤 Types
+
+The props, events and slots of each component are exported as types named `<Component>Props`, `<Component>Emits` and `<Component>Slots`, such as `ModalDialogProps` and `ModalDialogEmits`.
+Use them when you wrap a component in your own component.
+
+```vue
+<script setup lang="ts">
+import { ModalDialog } from '@digitalwalletcorp/vue-core';
+import type { ModalDialogProps } from '@digitalwalletcorp/vue-core';
+
+const props = defineProps<ModalDialogProps>();
+</script>
+
+<template>
+  <ModalDialog v-bind="props" class="app-dialog" />
+</template>
+```
+
 ##### 📐 Stylesheet
 
 Import the stylesheets to ensure default alignment and icon styles.
@@ -93,6 +110,30 @@ export default defineNuxtConfig({
 >
 > Components such as `AccordionFieldset` rely on [@digitalwalletcorp/vue-svg-icons](https://www.npmjs.com/package/@digitalwalletcorp/vue-svg-icons). Importing its stylesheet ensures icons align properly with text.
 
+##### 📏 Sizes
+
+The spaces around the texts, such as paddings, gaps, and margins, are set in `em`, so that they follow the font size of your application.
+The defaults are the `em` values that give the pixel sizes below at a font size of `12px`.
+Line elements (borders, outlines, shadows) and non-text component sizes are set in `px`.
+
+| px | em |
+| -- | ------ |
+| 2  | 0.17   |
+| 3  | 0.25   |
+| 4  | 0.33   |
+| 5  | 0.4    |
+| 6  | 0.5    |
+| 8  | 0.67   |
+| 10 | 0.83   |
+| 12 | 1      |
+| 14 | 1.17   |
+| 16 | 1.33   |
+| 18 | 1.5    |
+| 20 | 1.67   |
+| 22 | 1.83   |
+| 28 | 2.33   |
+| 30 | 2.5    |
+
 ##### ⚙️ Adapting to your application
 
 **🎨 Dark Mode & Theme Support**
@@ -131,18 +172,53 @@ export default defineNuxtConfig({
 });
 ```
 
+#### 🛠️ Helper Functions
+
+Dialogs, snackbars and floating windows are shown from code, so you can call them from a click handler or a store action without placing a component in the template.
+
+```ts
+import { showConfirmationDialog, showSnackbar } from '@digitalwalletcorp/vue-core';
+
+const onClickDelete = async () => {
+  const result = await showConfirmationDialog('Do you want to delete this item?', { title: 'Delete item' });
+  if (result === 'yes') {
+    await deleteItem();
+    showSnackbar('The item has been deleted.', { duration: 5000 });
+  }
+};
+```
+
+| Function | Description |
+| -------- | ----------- |
+| [`showInformationDialog()` / `showConfirmationDialog()` / `showWarningDialog()` / `showErrorDialog()` / `showModalDialog()`](https://github.com/digitalwalletcorp/vue-core/blob/main/docs/components/modal-dialog.md) | Shows a modal dialog with a message and returns the button the user chose. |
+| [`showSnackbar()` / `closeAllSnackbars()`](https://github.com/digitalwalletcorp/vue-core/blob/main/docs/components/snackbar.md) | Shows a short message at an edge of the screen. |
+| [`showOverlayBox()` / `closeAllOverlayBoxes()` / `useOverlayBox()`](https://github.com/digitalwalletcorp/vue-core/blob/main/docs/components/overlay-box.md) | Shows a component in an `OverlayBox` and returns a handle to close it. |
+| [`showFloatingComponent()` / `showFloatingMessage()` / `closeAllFloatingComponents()` / `useFloatingComponent()`](https://github.com/digitalwalletcorp/vue-core/blob/main/docs/components/floating-component.md) | Shows a component or a message in a window that floats over the page without a backdrop. |
+| [`showScreenLoading()`](https://github.com/digitalwalletcorp/vue-core/blob/main/docs/components/screen-loading.md) | Covers the whole screen with a spinner until the returned handle is closed. |
+| [`headersToCsvColumns()` / `rowToCsvColumns()`](https://github.com/digitalwalletcorp/vue-core/blob/main/docs/components/data-table.md) | Converts `DataTable` headers and rows into CSV columns. |
+
 #### 🧰 Components
 
 | Component | Description |
 | --------- | ----------- |
 | [`AccordionFieldset`](https://github.com/digitalwalletcorp/vue-core/blob/main/docs/components/accordion-fieldset.md) | A fieldset whose contents can be collapsed and expanded from the legend. |
 | [`AccordionSection`](https://github.com/digitalwalletcorp/vue-core/blob/main/docs/components/accordion-section.md) | An area whose contents can be collapsed and expanded with a toggle button below them. |
+| [`CopyButton`](https://github.com/digitalwalletcorp/vue-core/blob/main/docs/components/copy-button.md) | A button that copies a value to the clipboard. |
+| [`DarkModeSelector`](https://github.com/digitalwalletcorp/vue-core/blob/main/docs/components/dark-mode-selector.md) | A switch that toggles between light and dark mode and remembers the choice. |
+| [`DataTable`](https://github.com/digitalwalletcorp/vue-core/blob/main/docs/components/data-table.md) | A table for a list of records, with sortable and resizable headers, row selection, and paging controls. |
+| [`HelpButton`](https://github.com/digitalwalletcorp/vue-core/blob/main/docs/components/help-button.md) | A question-mark button that shows its contents in a popover next to the button. |
+| [`HelpPopper`](https://github.com/digitalwalletcorp/vue-core/blob/main/docs/components/help-popper.md) | A question-mark icon that shows its contents in a tooltip while hovered or focused. |
 | [`HourglassLoading`](https://github.com/digitalwalletcorp/vue-core/blob/main/docs/components/hourglass-loading.md) | Shows an hourglass in place of a value while it is loading. |
+| [`IntersectionLazyComponent`](https://github.com/digitalwalletcorp/vue-core/blob/main/docs/components/intersection-lazy-component.md) | Renders its contents only once it scrolls into view. |
 | [`LabelIcon`](https://github.com/digitalwalletcorp/vue-core/blob/main/docs/components/label-icon.md) | Displays an icon and a text label side by side. |
 | [`LabelButton`](https://github.com/digitalwalletcorp/vue-core/blob/main/docs/components/label-button.md) | Renders a button containing an icon and a text label. |
+| [`ModalDialog`](https://github.com/digitalwalletcorp/vue-core/blob/main/docs/components/modal-dialog.md) | A dialog that shows a message and asks the user to answer with its buttons. |
+| [`OverlayBox`](https://github.com/digitalwalletcorp/vue-core/blob/main/docs/components/overlay-box.md) | A window shown over a dimmed backdrop that covers the whole page, with a title and a close button. |
 | [`PageSection`](https://github.com/digitalwalletcorp/vue-core/blob/main/docs/components/page-section.md) | A section of a page with a heading. |
 | [`PageTitle`](https://github.com/digitalwalletcorp/vue-core/blob/main/docs/components/page-title.md) | The title bar of a page, with the contents of the default slot on its right side. |
+| [`ScreenLoading`](https://github.com/digitalwalletcorp/vue-core/blob/main/docs/components/screen-loading.md) | Covers the whole screen with a dimmed backdrop and shows a spinner. |
 | [`TabGroup` / `TabContent`](https://github.com/digitalwalletcorp/vue-core/blob/main/docs/components/tab-group.md) | Switches between contents with tab headers. |
+| [`WarningPopper`](https://github.com/digitalwalletcorp/vue-core/blob/main/docs/components/warning-popper.md) | A warning icon that shows its contents in a tooltip while hovered or focused. |
 
 #### 📜 License
 

package/lib/accordion-fieldset.d.cts

@@ -1,12 +1,13 @@
-interface Props {
+export interface Props {
     /** 凡例の文字。HTMLを含める場合は#legendスロットを使う */
     legend?: string;
     /** trueの場合、fieldsetを無効にする */
     disabled?: boolean;
-    /** trueの場合、開いた状態で表示する デフォルト false */
+    /** trueの場合、開いた状態で表示する デフォルト false。v-model:expanded で束縛しないときの初期値 */
     initialExpand?: boolean;
 }
-interface Slots {
+type __VLS_Props = Props;
+export interface Slots {
     /** 凡例の文字の前に表示するアイコン */
     icon?(): unknown;
     /** 凡例。legendより優先する */
@@ -14,7 +15,16 @@ interface Slots {
     default?(): unknown;
 }
 type __VLS_Slots = Slots;
-declare const __VLS_base: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+type __VLS_ModelProps = {
+    /** 親が v-model:expanded で束縛したときの開閉状態。束縛しなければ undefined */
+    'expanded'?: boolean | undefined;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_base: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:expanded": (value: boolean | undefined) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:expanded"?: ((value: boolean | undefined) => 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;

package/lib/accordion-fieldset.d.ts

@@ -1,12 +1,13 @@
-interface Props {
+export interface Props {
     /** 凡例の文字。HTMLを含める場合は#legendスロットを使う */
     legend?: string;
     /** trueの場合、fieldsetを無効にする */
     disabled?: boolean;
-    /** trueの場合、開いた状態で表示する デフォルト false */
+    /** trueの場合、開いた状態で表示する デフォルト false。v-model:expanded で束縛しないときの初期値 */
     initialExpand?: boolean;
 }
-interface Slots {
+type __VLS_Props = Props;
+export interface Slots {
     /** 凡例の文字の前に表示するアイコン */
     icon?(): unknown;
     /** 凡例。legendより優先する */
@@ -14,7 +15,16 @@ interface Slots {
     default?(): unknown;
 }
 type __VLS_Slots = Slots;
-declare const __VLS_base: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+type __VLS_ModelProps = {
+    /** 親が v-model:expanded で束縛したときの開閉状態。束縛しなければ undefined */
+    'expanded'?: boolean | undefined;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_base: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:expanded": (value: boolean | undefined) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:expanded"?: ((value: boolean | undefined) => 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;

package/lib/accordion-section.d.cts

@@ -1,29 +1,39 @@
 import { LabelPreset } from './types/label-preset.cjs';
-interface Props {
+export interface Props {
     /** trueの場合、開閉ボタンを無効にする */
     disabled?: boolean;
-    /** trueの場合、開いた状態で表示する デフォルト false */
+    /** trueの場合、開いた状態で表示する デフォルト false。v-model:expanded で束縛しないときの初期値 */
     initialExpand?: boolean;
     /** trueの場合、縮めたときに中身の下側をぼかさない */
     noGradient?: boolean;
     /** 縮めているときの開閉ボタン(開く)のラベル */
-    openLabel?: string;
+    expandLabel?: string;
     /** 開いているときの開閉ボタン(閉じる)のラベル */
-    closeLabel?: string;
+    collapseLabel?: string;
     /** 縮めているときの開閉ボタン(開く)のアイコンとラベル */
-    openPreset?: LabelPreset;
+    expandPreset?: LabelPreset;
     /** 開いているときの開閉ボタン(閉じる)のアイコンとラベル */
-    closePreset?: LabelPreset;
+    collapsePreset?: LabelPreset;
 }
-interface Slots {
+type __VLS_Props = Props;
+export interface Slots {
     /** 縮めているときの開閉ボタン(開く)のアイコン */
-    'open-icon'?(): unknown;
+    'expand-icon'?(): unknown;
     /** 開いているときの開閉ボタン(閉じる)のアイコン */
-    'close-icon'?(): unknown;
+    'collapse-icon'?(): unknown;
     default?(): unknown;
 }
 type __VLS_Slots = Slots;
-declare const __VLS_base: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+type __VLS_ModelProps = {
+    /** 親が v-model:expanded で束縛したときの開閉状態。束縛しなければ undefined */
+    'expanded'?: boolean | undefined;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_base: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:expanded": (value: boolean | undefined) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:expanded"?: ((value: boolean | undefined) => 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;

package/lib/accordion-section.d.ts

@@ -1,29 +1,39 @@
 import { LabelPreset } from './types/label-preset';
-interface Props {
+export interface Props {
     /** trueの場合、開閉ボタンを無効にする */
     disabled?: boolean;
-    /** trueの場合、開いた状態で表示する デフォルト false */
+    /** trueの場合、開いた状態で表示する デフォルト false。v-model:expanded で束縛しないときの初期値 */
     initialExpand?: boolean;
     /** trueの場合、縮めたときに中身の下側をぼかさない */
     noGradient?: boolean;
     /** 縮めているときの開閉ボタン(開く)のラベル */
-    openLabel?: string;
+    expandLabel?: string;
     /** 開いているときの開閉ボタン(閉じる)のラベル */
-    closeLabel?: string;
+    collapseLabel?: string;
     /** 縮めているときの開閉ボタン(開く)のアイコンとラベル */
-    openPreset?: LabelPreset;
+    expandPreset?: LabelPreset;
     /** 開いているときの開閉ボタン(閉じる)のアイコンとラベル */
-    closePreset?: LabelPreset;
+    collapsePreset?: LabelPreset;
 }
-interface Slots {
+type __VLS_Props = Props;
+export interface Slots {
     /** 縮めているときの開閉ボタン(開く)のアイコン */
-    'open-icon'?(): unknown;
+    'expand-icon'?(): unknown;
     /** 開いているときの開閉ボタン(閉じる)のアイコン */
-    'close-icon'?(): unknown;
+    'collapse-icon'?(): unknown;
     default?(): unknown;
 }
 type __VLS_Slots = Slots;
-declare const __VLS_base: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+type __VLS_ModelProps = {
+    /** 親が v-model:expanded で束縛したときの開閉状態。束縛しなければ undefined */
+    'expanded'?: boolean | undefined;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_base: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:expanded": (value: boolean | undefined) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:expanded"?: ((value: boolean | undefined) => 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;

package/lib/components-2zQ2SZuY.js

@@ -0,0 +1,26 @@
+import { f as a, h as s, a as n, i as _, j as o, k as e, l as c, m as i, o as t, p as m, q as f, b as r, d as l, s as $, t as p, e as d, u as b, v as g, w as u } from "./warning-popper.vue_vue_type_style_index_0_lang-zt-jCsvz.js";
+const y = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  AccordionFieldset: a,
+  AccordionSection: s,
+  CopyButton: n,
+  DarkModeSelector: _,
+  DataTable: o,
+  HelpButton: e,
+  HelpPopper: c,
+  HourglassLoading: i,
+  IntersectionLazyComponent: t,
+  LabelButton: m,
+  LabelIcon: f,
+  ModalDialog: r,
+  OverlayBox: l,
+  PageSection: $,
+  PageTitle: p,
+  ScreenLoading: d,
+  TabContent: b,
+  TabGroup: g,
+  WarningPopper: u
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  y as c
+};

package/lib/components-HaiHcseF.cjs

@@ -0,0 +1 @@
+"use strict";const n=require("./warning-popper.vue_vue_type_style_index_0_lang-CxVzqsbn.cjs"),_=Object.freeze(Object.defineProperty({__proto__:null,AccordionFieldset:n._sfc_main$5,AccordionSection:n._sfc_main$6,CopyButton:n._sfc_main$1,DarkModeSelector:n._sfc_main$7,DataTable:n._sfc_main$8,HelpButton:n._sfc_main$9,HelpPopper:n._sfc_main$10,HourglassLoading:n._sfc_main$11,IntersectionLazyComponent:n._sfc_main$12,LabelButton:n._sfc_main$13,LabelIcon:n._sfc_main$14,ModalDialog:n._sfc_main$2,OverlayBox:n._sfc_main$3,PageSection:n._sfc_main$15,PageTitle:n._sfc_main$16,ScreenLoading:n._sfc_main$4,TabContent:n._sfc_main$17,TabGroup:n._sfc_main$18,WarningPopper:n._sfc_main$19},Symbol.toStringTag,{value:"Module"}));exports.components=_;

package/lib/components.d.cts

@@ -1,9 +1,19 @@
 export { default as AccordionFieldset } from './accordion-fieldset.cjs';
 export { default as AccordionSection } from './accordion-section.cjs';
+export { default as CopyButton } from './copy-button.cjs';
+export { default as DarkModeSelector } from './dark-mode-selector.cjs';
+export { default as DataTable } from './data-table.cjs';
+export { default as HelpButton } from './help-button.cjs';
+export { default as HelpPopper } from './help-popper.cjs';
 export { default as HourglassLoading } from './hourglass-loading.cjs';
+export { default as IntersectionLazyComponent } from './intersection-lazy-component.cjs';
 export { default as LabelButton } from './label-button.cjs';
 export { default as LabelIcon } from './label-icon.cjs';
+export { default as ModalDialog } from './modal-dialog.cjs';
+export { default as OverlayBox } from './overlay-box.cjs';
 export { default as PageSection } from './page-section.cjs';
 export { default as PageTitle } from './page-title.cjs';
+export { default as ScreenLoading } from './screen-loading.cjs';
 export { default as TabContent } from './tab-content.cjs';
 export { default as TabGroup } from './tab-group.cjs';
+export { default as WarningPopper } from './warning-popper.cjs';

package/lib/components.d.ts

@@ -1,9 +1,19 @@
 export { default as AccordionFieldset } from './accordion-fieldset';
 export { default as AccordionSection } from './accordion-section';
+export { default as CopyButton } from './copy-button';
+export { default as DarkModeSelector } from './dark-mode-selector';
+export { default as DataTable } from './data-table';
+export { default as HelpButton } from './help-button';
+export { default as HelpPopper } from './help-popper';
 export { default as HourglassLoading } from './hourglass-loading';
+export { default as IntersectionLazyComponent } from './intersection-lazy-component';
 export { default as LabelButton } from './label-button';
 export { default as LabelIcon } from './label-icon';
+export { default as ModalDialog } from './modal-dialog';
+export { default as OverlayBox } from './overlay-box';
 export { default as PageSection } from './page-section';
 export { default as PageTitle } from './page-title';
+export { default as ScreenLoading } from './screen-loading';
 export { default as TabContent } from './tab-content';
 export { default as TabGroup } from './tab-group';
+export { default as WarningPopper } from './warning-popper';

package/lib/copy-button.d.cts

@@ -0,0 +1,34 @@
+export interface Props {
+    /** コピーする値。関数を渡すとクリック時に呼び出して値を得る */
+    value: string | number | (() => string | number);
+    /** ボタンの読み上げ名。スロットで文字を渡したときは使わない */
+    label?: string;
+}
+export interface Emits {
+    /** コピーに成功したときに、コピーした文字列を発行する */
+    (e: 'emit:copy', value: string): void;
+    /** コピーに失敗したときに、原因のエラーを発行する */
+    (e: 'emit:error', error: unknown): void;
+}
+export interface Slots {
+    /** ボタンの中身。未指定ならメモのアイコン */
+    default?(): unknown;
+}
+type __VLS_Slots = Slots;
+declare const __VLS_base: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "emit:copy": (value: string) => any;
+    "emit:error": (error: unknown) => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    "onEmit:copy"?: ((value: string) => any) | undefined;
+    "onEmit:error"?: ((error: unknown) => any) | undefined;
+}>, {
+    label: 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/copy-button.d.ts

@@ -0,0 +1,34 @@
+export interface Props {
+    /** コピーする値。関数を渡すとクリック時に呼び出して値を得る */
+    value: string | number | (() => string | number);
+    /** ボタンの読み上げ名。スロットで文字を渡したときは使わない */
+    label?: string;
+}
+export interface Emits {
+    /** コピーに成功したときに、コピーした文字列を発行する */
+    (e: 'emit:copy', value: string): void;
+    /** コピーに失敗したときに、原因のエラーを発行する */
+    (e: 'emit:error', error: unknown): void;
+}
+export interface Slots {
+    /** ボタンの中身。未指定ならメモのアイコン */
+    default?(): unknown;
+}
+type __VLS_Slots = Slots;
+declare const __VLS_base: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "emit:copy": (value: string) => any;
+    "emit:error": (error: unknown) => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    "onEmit:copy"?: ((value: string) => any) | undefined;
+    "onEmit:error"?: ((error: unknown) => any) | undefined;
+}>, {
+    label: 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/dark-mode-selector.d.cts

@@ -0,0 +1,32 @@
+type ColorScheme = 'light' | 'dark';
+export interface Props {
+    /** 選んだモードを保存する localStorage のキー */
+    storageKey?: string;
+    /** スイッチの読み上げ名 */
+    label?: string;
+}
+export interface Emits {
+    /** マウント時に決まったモードと、その後モードが変わるたびに、新しいモードを発行する */
+    (e: 'emit:change', value: ColorScheme): void;
+}
+export interface Slots {
+    'icon-light'?(): unknown;
+    'icon-dark'?(): unknown;
+}
+type __VLS_Slots = Slots;
+declare const __VLS_base: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "emit:change": (value: ColorScheme) => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    "onEmit:change"?: ((value: ColorScheme) => any) | undefined;
+}>, {
+    label: string;
+    storageKey: 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/dark-mode-selector.d.ts

@@ -0,0 +1,32 @@
+type ColorScheme = 'light' | 'dark';
+export interface Props {
+    /** 選んだモードを保存する localStorage のキー */
+    storageKey?: string;
+    /** スイッチの読み上げ名 */
+    label?: string;
+}
+export interface Emits {
+    /** マウント時に決まったモードと、その後モードが変わるたびに、新しいモードを発行する */
+    (e: 'emit:change', value: ColorScheme): void;
+}
+export interface Slots {
+    'icon-light'?(): unknown;
+    'icon-dark'?(): unknown;
+}
+type __VLS_Slots = Slots;
+declare const __VLS_base: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "emit:change": (value: ColorScheme) => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    "onEmit:change"?: ((value: ColorScheme) => any) | undefined;
+}>, {
+    label: string;
+    storageKey: 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/data-table.d.cts

@@ -0,0 +1,30 @@
+import { DataTableEmits, DataTableHeader, DataTableProps, DataTableSlots, DataTableSortContext } from './types/data-table.cjs';
+declare const __VLS_export: <T>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: __VLS_PrettifyLocal<DataTableProps<T> & {
+        "onEmit:selectRow"?: ((value: T | undefined, index: number) => any) | undefined;
+        "onEmit:changeSort"?: ((context: DataTableSortContext) => any) | undefined;
+        "onEmit:sortData"?: ((dataList: T[]) => any) | undefined;
+        "onEmit:updateHeader"?: ((headers: DataTableHeader<T>[]) => any) | undefined;
+        "onEmit:dblclickRow"?: ((value: T, index: number) => any) | undefined;
+        "onEmit:changeLimit"?: ((limit: number) => any) | undefined;
+        "onEmit:changePage"?: ((page: number) => any) | undefined;
+        "onEmit:downloadPage"?: (() => any) | undefined;
+        "onEmit:downloadAll"?: (() => any) | undefined;
+    }> & import('vue').PublicProps & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
+    expose: (exposed: import('vue').ShallowUnwrapRef<{
+        /** ソートの状態を返す */
+        getSortContext: () => DataTableSortContext;
+    }>) => void;
+    attrs: any;
+    slots: DataTableSlots<T>;
+    emit: DataTableEmits<T>;
+}>) => import('vue').VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T as K]: T[K];
+} & {};

package/lib/data-table.d.ts

@@ -0,0 +1,30 @@
+import { DataTableEmits, DataTableHeader, DataTableProps, DataTableSlots, DataTableSortContext } from './types/data-table';
+declare const __VLS_export: <T>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: __VLS_PrettifyLocal<DataTableProps<T> & {
+        "onEmit:selectRow"?: ((value: T | undefined, index: number) => any) | undefined;
+        "onEmit:changeSort"?: ((context: DataTableSortContext) => any) | undefined;
+        "onEmit:sortData"?: ((dataList: T[]) => any) | undefined;
+        "onEmit:updateHeader"?: ((headers: DataTableHeader<T>[]) => any) | undefined;
+        "onEmit:dblclickRow"?: ((value: T, index: number) => any) | undefined;
+        "onEmit:changeLimit"?: ((limit: number) => any) | undefined;
+        "onEmit:changePage"?: ((page: number) => any) | undefined;
+        "onEmit:downloadPage"?: (() => any) | undefined;
+        "onEmit:downloadAll"?: (() => any) | undefined;
+    }> & import('vue').PublicProps & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
+    expose: (exposed: import('vue').ShallowUnwrapRef<{
+        /** ソートの状態を返す */
+        getSortContext: () => DataTableSortContext;
+    }>) => void;
+    attrs: any;
+    slots: DataTableSlots<T>;
+    emit: DataTableEmits<T>;
+}>) => import('vue').VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T as K]: T[K];
+} & {};

package/lib/help-button.d.cts

@@ -0,0 +1,39 @@
+import { PopoverPlacement } from './internal/anchored-position.cjs';
+export interface Props {
+    /** ボタンに対するパネルの表示位置。収まらないときは反対側に出す */
+    placement?: PopoverPlacement;
+    /** ボタンを指す矢印をパネルに付ける */
+    arrow?: boolean;
+    /** ボタンの読み上げ名。aria-label 属性を渡したときはそちらが優先される */
+    label?: string;
+}
+export interface Emits {
+    (e: 'emit:open'): void;
+    (e: 'emit:close'): void;
+}
+export interface Slots {
+    /** ボタンのアイコン */
+    icon?(): unknown;
+    /** パネルに表示する中身 */
+    default?(): unknown;
+}
+type __VLS_Slots = Slots;
+declare const __VLS_base: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "emit:open": () => any;
+    "emit:close": () => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    "onEmit:open"?: (() => any) | undefined;
+    "onEmit:close"?: (() => any) | undefined;
+}>, {
+    label: string;
+    placement: PopoverPlacement;
+    arrow: 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;
+    };
+};