@digitalwalletcorp/vue-core 1.1.0 → 1.2.1

package/README.md

@@ -19,7 +19,7 @@ yarn add @digitalwalletcorp/vue-core @digitalwalletcorp/vue-svg-icons
 > ##### ⚠️ Requirements
 >
 > * **Vue 3.5.29+**: Props are typed with Vue's `ClassValue`, which is exported since Vue 3.5.29.
-> * **@digitalwalletcorp/vue-svg-icons 1.13.0+**: A peer dependency for component icons. Installing it alongside `vue-core` ensures a single shared copy of the icon package in your application.
+> * **@digitalwalletcorp/vue-svg-icons 1.15.3+**: Used for the icons in components.
 
 #### 📖 Usage
 
@@ -95,16 +95,27 @@ export default defineNuxtConfig({
 
 ##### ⚙️ Adapting to your application
 
-The components do not know your application's theme. Colors are referenced through `--dwui-*` CSS variables with fallbacks, and default styles have zero specificity (`:where()`).
-We recommend keeping a `vue-core-variables.css` in your application that connects your application's variables to the `--dwui-*` variables, and loading it after the stylesheets above. The variables of each component are listed in its document.
+**🎨 Dark Mode & Theme Support**
+
+Components automatically adapt to your application's color-scheme (supporting both light and dark modes natively).
+
+- **Follow OS Setting:** Add `:root { color-scheme: light dark; }` to your global CSS.
+- **Custom Theme Switching:** Change the CSS `color-scheme` property on `:root` or a parent container (e.g., `color-scheme: dark`). The components will switch automatically.
+- **No Theme Switching:** If you don't specify `color-scheme`, the components will be displayed in light mode.
+
+**🛠️ Customizing Styles (`--dwui-*` Variables)**
+
+Default styles use CSS variables (`--dwui-*`) and zero-specificity selectors (`:where()`), making them easy to override. The variables of each component are listed in its document.
+
+We recommend creating a `dwui-variables.css` file to map your application's design tokens to the library's `--dwui-*` variables, and importing it after the library stylesheet. If you use both `vue-forms` and `vue-core`, you can use a single `dwui-variables.css` file for both libraries, as they share common variables like those for focus rings.
 
 ```css
-/* vue-core-variables.css */
+/* dwui-variables.css */
 :root {
-  --dwui-tab-header-bg: var(--app-tab-header-background);
-  --dwui-tab-header-text: var(--app-tab-header-text);
-  --dwui-tab-header-selected-bg: var(--app-tab-header-selected-background);
-  --dwui-tab-header-selected-text: var(--app-tab-header-selected-text);
+  --dwui-background-tab-header: var(--app-tab-header-background);
+  --dwui-color-text-tab-header: var(--app-tab-header-text);
+  --dwui-background-tab-header-selected: var(--app-tab-header-selected-background);
+  --dwui-color-text-tab-header-selected: var(--app-tab-header-selected-text);
 }
 ```
 
@@ -115,7 +126,7 @@ export default defineNuxtConfig({
     '@digitalwalletcorp/vue-core/style.css',
     '@digitalwalletcorp/vue-svg-icons/style.css',
     '@/assets/css/default.css', // your global CSS
-    '@/assets/css/vue-core-variables.css'
+    '@/assets/css/dwui-variables.css'
   ]
 });
 ```

package/lib/accordion-fieldset.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./accordion-fieldset.vue_vue_type_style_index_0_lang-Dd8HXuVm.cjs");exports.default=e._sfc_main;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./accordion-fieldset.vue_vue_type_style_index_0_lang-DoM5QjpJ.cjs");exports.default=e._sfc_main;

package/lib/accordion-fieldset.d.cts

@@ -0,0 +1,25 @@
+interface Props {
+    /** 凡例の文字。HTMLを含める場合は#legendスロットを使う */
+    legend?: string;
+    /** trueの場合、fieldsetを無効にする */
+    disabled?: boolean;
+    /** trueの場合、開いた状態で表示する デフォルト false */
+    initialExpand?: boolean;
+}
+interface Slots {
+    /** 凡例の文字の前に表示するアイコン */
+    icon?(): unknown;
+    /** 凡例。legendより優先する */
+    legend?(): 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>;
+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/accordion-fieldset.js

@@ -1,4 +1,4 @@
-import { _ as f } from "./accordion-fieldset.vue_vue_type_style_index_0_lang-tzJhLHyT.js";
+import { _ as f } from "./accordion-fieldset.vue_vue_type_style_index_0_lang-Cf4czDXz.js";
 export {
   f as default
 };

package/lib/{accordion-fieldset.vue_vue_type_style_index_0_lang-tzJhLHyT.js → accordion-fieldset.vue_vue_type_style_index_0_lang-Cf4czDXz.js}

@@ -1,8 +1,8 @@
-import { defineComponent as f, useSlots as m, ref as g, reactive as x, onMounted as _, openBlock as i, createElementBlock as k, createElementVNode as d, createVNode as C, unref as s, createBlock as b, createSlots as y, withCtx as r, renderSlot as l, createTextVNode as h, toDisplayString as w, createCommentVNode as B, normalizeClass as S } from "vue";
+import { defineComponent as f, useSlots as m, ref as g, reactive as _, onMounted as x, openBlock as i, createElementBlock as k, createElementVNode as d, createVNode as C, unref as s, createBlock as b, createSlots as h, withCtx as r, renderSlot as l, createTextVNode as w, toDisplayString as y, createCommentVNode as B, normalizeClass as S } from "vue";
 import { SvgTriangleButton as v } from "@digitalwalletcorp/vue-svg-icons";
-import { _ as E } from "./label-icon.vue_vue_type_style_index_0_lang-bQFkQ_gC.js";
+import { _ as E } from "./label-icon.vue_vue_type_style_index_0_lang-me52HE2V.js";
 import { u as N } from "./use-shrinkable-CS2bmsJJ.js";
-const V = ["disabled"], $ = ["aria-expanded"], q = /* @__PURE__ */ f({
+const V = ["disabled"], $ = { class: "dwui-accordion-legend" }, T = ["aria-expanded"], A = /* @__PURE__ */ f({
   __name: "accordion-fieldset",
   props: {
     legend: {},
@@ -10,18 +10,18 @@ const V = ["disabled"], $ = ["aria-expanded"], q = /* @__PURE__ */ f({
     initialExpand: { type: Boolean }
   },
   setup(c) {
-    const n = c, o = m(), a = g(), e = x({
+    const n = c, o = m(), a = g(), e = _({
       expanded: !0
     }), p = N(a), u = () => {
       e.expanded = !e.expanded;
     };
-    return _(() => {
+    return x(() => {
       e.expanded = !!n.initialExpand;
-    }), (t, T) => (i(), k("fieldset", {
+    }), (t, z) => (i(), k("fieldset", {
       class: "dwui-accordion-fieldset",
       disabled: n.disabled
     }, [
-      d("legend", null, [
+      d("legend", $, [
         d("button", {
           type: "button",
           class: "dwui-accordion-toggle",
@@ -31,7 +31,7 @@ const V = ["disabled"], $ = ["aria-expanded"], q = /* @__PURE__ */ f({
           C(s(v), {
             direction: e.expanded ? "up" : "down"
           }, null, 8, ["direction"]),
-          n.legend != null || o.legend != null || o.icon != null ? (i(), b(E, { key: 0 }, y({ _: 2 }, [
+          n.legend != null || o.legend != null || o.icon != null ? (i(), b(E, { key: 0 }, h({ _: 2 }, [
             o.icon != null ? {
               name: "icon",
               fn: r(() => [
@@ -43,13 +43,13 @@ const V = ["disabled"], $ = ["aria-expanded"], q = /* @__PURE__ */ f({
               name: "default",
               fn: r(() => [
                 l(t.$slots, "legend", {}, () => [
-                  h(w(n.legend), 1)
+                  w(y(n.legend), 1)
                 ])
               ]),
               key: "1"
             } : void 0
           ]), 1024)) : B("", !0)
-        ], 8, $)
+        ], 8, T)
       ]),
       d("div", {
         ref_key: "refContents",
@@ -62,5 +62,5 @@ const V = ["disabled"], $ = ["aria-expanded"], q = /* @__PURE__ */ f({
   }
 });
 export {
-  q as _
+  A as _
 };

package/lib/accordion-fieldset.vue_vue_type_style_index_0_lang-DoM5QjpJ.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),c=require("@digitalwalletcorp/vue-svg-icons"),r=require("./label-icon.vue_vue_type_style_index_0_lang-D9Cimu20.cjs"),u=require("./use-shrinkable-Cu9JQZll.cjs"),p=["disabled"],_={class:"dwui-accordion-legend"},g=["aria-expanded"],f=e.defineComponent({__name:"accordion-fieldset",props:{legend:{},disabled:{type:Boolean},initialExpand:{type:Boolean}},setup(s){const t=s,o=e.useSlots(),l=e.ref(),n=e.reactive({expanded:!0}),a=u.useShrinkable(l),i=()=>{n.expanded=!n.expanded};return e.onMounted(()=>{n.expanded=!!t.initialExpand}),(d,x)=>(e.openBlock(),e.createElementBlock("fieldset",{class:"dwui-accordion-fieldset",disabled:t.disabled},[e.createElementVNode("legend",_,[e.createElementVNode("button",{type:"button",class:"dwui-accordion-toggle","aria-expanded":n.expanded,onClick:i},[e.createVNode(e.unref(c.SvgTriangleButton),{direction:n.expanded?"up":"down"},null,8,["direction"]),t.legend!=null||o.legend!=null||o.icon!=null?(e.openBlock(),e.createBlock(r._sfc_main,{key:0},e.createSlots({_:2},[o.icon!=null?{name:"icon",fn:e.withCtx(()=>[e.renderSlot(d.$slots,"icon")]),key:"0"}:void 0,t.legend!=null||o.legend!=null?{name:"default",fn:e.withCtx(()=>[e.renderSlot(d.$slots,"legend",{},()=>[e.createTextVNode(e.toDisplayString(t.legend),1)])]),key:"1"}:void 0]),1024)):e.createCommentVNode("",!0)],8,g)]),e.createElementVNode("div",{ref_key:"refContents",ref:l,class:e.normalizeClass(["dwui-accordion-contents",e.unref(a)?n.expanded?"dwui-expanded":"dwui-shrunk":""])},[e.renderSlot(d.$slots,"default")],2)],8,p))}});exports._sfc_main=f;

package/lib/accordion-section.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./accordion-section.vue_vue_type_style_index_0_lang-BBEywIH3.cjs");exports.default=e._sfc_main;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./accordion-section.vue_vue_type_style_index_0_lang-CFDdUEnn.cjs");exports.default=e._sfc_main;

package/lib/accordion-section.d.cts

@@ -0,0 +1,34 @@
+import { LabelPreset } from './types/label-preset.cjs';
+interface Props {
+    /** trueの場合、開閉ボタンを無効にする */
+    disabled?: boolean;
+    /** trueの場合、開いた状態で表示する デフォルト false */
+    initialExpand?: boolean;
+    /** trueの場合、縮めたときに中身の下側をぼかさない */
+    noGradient?: boolean;
+    /** 縮めているときの開閉ボタン(開く)のラベル */
+    openLabel?: string;
+    /** 開いているときの開閉ボタン(閉じる)のラベル */
+    closeLabel?: string;
+    /** 縮めているときの開閉ボタン(開く)のアイコンとラベル */
+    openPreset?: LabelPreset;
+    /** 開いているときの開閉ボタン(閉じる)のアイコンとラベル */
+    closePreset?: LabelPreset;
+}
+interface Slots {
+    /** 縮めているときの開閉ボタン(開く)のアイコン */
+    'open-icon'?(): unknown;
+    /** 開いているときの開閉ボタン(閉じる)のアイコン */
+    'close-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>;
+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/accordion-section.js

@@ -1,4 +1,4 @@
-import { _ as f } from "./accordion-section.vue_vue_type_style_index_0_lang-DAlUN0wH.js";
+import { _ as f } from "./accordion-section.vue_vue_type_style_index_0_lang-Gvjjx02P.js";
 export {
   f as default
 };

package/lib/{accordion-section.vue_vue_type_style_index_0_lang-BBEywIH3.cjs → accordion-section.vue_vue_type_style_index_0_lang-CFDdUEnn.cjs}

@@ -1 +1 @@
-"use strict";const e=require("vue"),k=require("@digitalwalletcorp/vue-svg-icons"),v=require("./label-icon.vue_vue_type_style_index_0_lang-C2URq6GP.cjs"),x=require("./use-shrinkable-Cu9JQZll.cjs"),f={class:"dwui-accordion-section"},g={key:0,class:"dwui-accordion-section-control"},m=["disabled","aria-expanded"],b=e.defineComponent({__name:"accordion-section",props:{disabled:{type:Boolean},initialExpand:{type:Boolean},noGradient:{type:Boolean},openLabel:{},closeLabel:{},openPreset:{},closePreset:{}},setup(u){const o=u,l=e.useSlots(),r=e.ref(),n=e.reactive({expanded:!0}),d=x.useShrinkable(r),s=e.computed(()=>n.expanded?o.closePreset:o.openPreset),a=()=>(n.expanded?l["close-icon"]:l["open-icon"])??s.value?.icon,p=()=>(n.expanded?l["close-icon"]:l["open-icon"])==null?s.value?.iconProps:void 0,i=e.computed(()=>{const t=n.expanded?o.closeLabel:o.openLabel;if(t!=null)return t;const c=s.value?.label;return typeof c=="function"?c():c}),_=()=>{n.expanded=!n.expanded};return e.onMounted(()=>{n.expanded=!!o.initialExpand}),(t,c)=>(e.openBlock(),e.createElementBlock("div",f,[e.createElementVNode("div",{ref_key:"refContents",ref:r,class:e.normalizeClass(["dwui-accordion-section-contents",[e.unref(d)?n.expanded?"dwui-expanded":"dwui-shrunk":"",{"dwui-no-gradient":o.noGradient}]])},[e.renderSlot(t.$slots,"default")],2),e.unref(d)?(e.openBlock(),e.createElementBlock("div",g,[e.createElementVNode("button",{type:"button",class:"dwui-accordion-section-toggle",disabled:o.disabled,"aria-expanded":n.expanded,onClick:e.withModifiers(_,["stop"])},[a()!=null||i.value!=null?(e.openBlock(),e.createBlock(v._sfc_main,{key:0},e.createSlots({_:2},[a()!=null?{name:"icon",fn:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(a()),e.normalizeProps(e.guardReactiveProps(p())),null,16))]),key:"0"}:void 0,i.value!=null?{name:"default",fn:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(i.value),1)]),key:"1"}:void 0]),1024)):(e.openBlock(),e.createBlock(e.unref(k.SvgTriangleButton),{key:1,direction:n.expanded?"up":"down"},null,8,["direction"]))],8,m)])):e.createCommentVNode("",!0)]))}});exports._sfc_main=b;
+"use strict";const e=require("vue"),k=require("@digitalwalletcorp/vue-svg-icons"),v=require("./label-icon.vue_vue_type_style_index_0_lang-D9Cimu20.cjs"),x=require("./use-shrinkable-Cu9JQZll.cjs"),f={class:"dwui-accordion-section"},g={key:0,class:"dwui-accordion-section-control"},m=["disabled","aria-expanded"],b=e.defineComponent({__name:"accordion-section",props:{disabled:{type:Boolean},initialExpand:{type:Boolean},noGradient:{type:Boolean},openLabel:{},closeLabel:{},openPreset:{},closePreset:{}},setup(u){const o=u,l=e.useSlots(),r=e.ref(),n=e.reactive({expanded:!0}),d=x.useShrinkable(r),s=e.computed(()=>n.expanded?o.closePreset:o.openPreset),a=()=>(n.expanded?l["close-icon"]:l["open-icon"])??s.value?.icon,p=()=>(n.expanded?l["close-icon"]:l["open-icon"])==null?s.value?.iconProps:void 0,i=e.computed(()=>{const t=n.expanded?o.closeLabel:o.openLabel;if(t!=null)return t;const c=s.value?.label;return typeof c=="function"?c():c}),_=()=>{n.expanded=!n.expanded};return e.onMounted(()=>{n.expanded=!!o.initialExpand}),(t,c)=>(e.openBlock(),e.createElementBlock("div",f,[e.createElementVNode("div",{ref_key:"refContents",ref:r,class:e.normalizeClass(["dwui-accordion-section-contents",[e.unref(d)?n.expanded?"dwui-expanded":"dwui-shrunk":"",{"dwui-no-gradient":o.noGradient}]])},[e.renderSlot(t.$slots,"default")],2),e.unref(d)?(e.openBlock(),e.createElementBlock("div",g,[e.createElementVNode("button",{type:"button",class:"dwui-accordion-section-toggle",disabled:o.disabled,"aria-expanded":n.expanded,onClick:e.withModifiers(_,["stop"])},[a()!=null||i.value!=null?(e.openBlock(),e.createBlock(v._sfc_main,{key:0},e.createSlots({_:2},[a()!=null?{name:"icon",fn:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(a()),e.normalizeProps(e.guardReactiveProps(p())),null,16))]),key:"0"}:void 0,i.value!=null?{name:"default",fn:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(i.value),1)]),key:"1"}:void 0]),1024)):(e.openBlock(),e.createBlock(e.unref(k.SvgTriangleButton),{key:1,direction:n.expanded?"up":"down"},null,8,["direction"]))],8,m)])):e.createCommentVNode("",!0)]))}});exports._sfc_main=b;

package/lib/{accordion-section.vue_vue_type_style_index_0_lang-DAlUN0wH.js → accordion-section.vue_vue_type_style_index_0_lang-Gvjjx02P.js}

@@ -1,6 +1,6 @@
 import { defineComponent as k, useSlots as y, ref as w, reactive as C, computed as m, onMounted as h, openBlock as t, createElementBlock as f, createElementVNode as x, normalizeClass as P, unref as d, renderSlot as B, withModifiers as L, createBlock as r, createSlots as S, withCtx as g, resolveDynamicComponent as E, normalizeProps as N, guardReactiveProps as T, createTextVNode as V, toDisplayString as z, createCommentVNode as D } from "vue";
 import { SvgTriangleButton as G } from "@digitalwalletcorp/vue-svg-icons";
-import { _ as I } from "./label-icon.vue_vue_type_style_index_0_lang-bQFkQ_gC.js";
+import { _ as I } from "./label-icon.vue_vue_type_style_index_0_lang-me52HE2V.js";
 import { u as M } from "./use-shrinkable-CS2bmsJJ.js";
 const $ = { class: "dwui-accordion-section" }, R = {
   key: 0,

package/lib/components-C63HJoCn.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("./accordion-fieldset.vue_vue_type_style_index_0_lang-DoM5QjpJ.cjs"),_=require("./accordion-section.vue_vue_type_style_index_0_lang-CFDdUEnn.cjs"),n=require("./hourglass-loading.vue_vue_type_style_index_0_lang-C72UVA9W.cjs"),t=require("./label-button.vue_vue_type_style_index_0_lang-D7ZgfZOL.cjs"),i=require("./label-icon.vue_vue_type_style_index_0_lang-D9Cimu20.cjs"),o=require("./page-section.vue_vue_type_style_index_0_lang-DEAkTLxd.cjs"),a=require("./page-title.vue_vue_type_style_index_0_lang-BqIsIks5.cjs"),c=require("./tab-content.vue_vue_type_style_index_0_lang-BeCi7Xkp.cjs"),s=require("./tab-group.vue_vue_type_style_index_0_lang-CMaufRJV.cjs"),u=Object.freeze(Object.defineProperty({__proto__:null,AccordionFieldset:e._sfc_main,AccordionSection:_._sfc_main,HourglassLoading:n._sfc_main,LabelButton:t._sfc_main,LabelIcon:i._sfc_main,PageSection:o._sfc_main,PageTitle:a._sfc_main,TabContent:c._sfc_main,TabGroup:s._sfc_main},Symbol.toStringTag,{value:"Module"}));exports.components=u;

package/lib/{components-xNQBXMzx.js → components-q4Cf97bO.js}

@@ -1,12 +1,12 @@
-import { _ as o } from "./accordion-fieldset.vue_vue_type_style_index_0_lang-tzJhLHyT.js";
-import { _ } from "./accordion-section.vue_vue_type_style_index_0_lang-DAlUN0wH.js";
+import { _ as o } from "./accordion-fieldset.vue_vue_type_style_index_0_lang-Cf4czDXz.js";
+import { _ } from "./accordion-section.vue_vue_type_style_index_0_lang-Gvjjx02P.js";
 import { _ as a } from "./hourglass-loading.vue_vue_type_style_index_0_lang-DkUGIxQ2.js";
-import { _ as m } from "./label-button.vue_vue_type_script_setup_true_lang-CoHrTUSs.js";
-import { _ as r } from "./label-icon.vue_vue_type_style_index_0_lang-bQFkQ_gC.js";
-import { _ as i } from "./page-section.vue_vue_type_style_index_0_lang-4MLb_sDZ.js";
-import { _ as t } from "./page-title.vue_vue_type_style_index_0_lang-CzfdMzXf.js";
+import { _ as m } from "./label-button.vue_vue_type_style_index_0_lang-DqRYddVt.js";
+import { _ as r } from "./label-icon.vue_vue_type_style_index_0_lang-me52HE2V.js";
+import { _ as i } from "./page-section.vue_vue_type_style_index_0_lang-DpVQe_rV.js";
+import { _ as t } from "./page-title.vue_vue_type_style_index_0_lang-ChZot85K.js";
 import { _ as n } from "./tab-content.vue_vue_type_style_index_0_lang-CcQLHmIF.js";
-import { _ as s } from "./tab-group.vue_vue_type_style_index_0_lang-CjnBkvvZ.js";
+import { _ as s } from "./tab-group.vue_vue_type_style_index_0_lang-C84mDEOC.js";
 const u = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   AccordionFieldset: o,

package/lib/components.d.cts

@@ -0,0 +1,9 @@
+export { default as AccordionFieldset } from './accordion-fieldset.cjs';
+export { default as AccordionSection } from './accordion-section.cjs';
+export { default as HourglassLoading } from './hourglass-loading.cjs';
+export { default as LabelButton } from './label-button.cjs';
+export { default as LabelIcon } from './label-icon.cjs';
+export { default as PageSection } from './page-section.cjs';
+export { default as PageTitle } from './page-title.cjs';
+export { default as TabContent } from './tab-content.cjs';
+export { default as TabGroup } from './tab-group.cjs';

package/lib/global.d.cts

@@ -0,0 +1,7 @@
+type VueCoreComponents = typeof import('./components.cjs');
+
+declare module 'vue' {
+  interface GlobalComponents extends VueCoreComponents {}
+}
+
+export {};

package/lib/hourglass-loading.d.cts

@@ -0,0 +1,23 @@
+interface Props {
+    /** ローディング表示するか */
+    loading: boolean;
+    /** 砂が落ち切るまでの秒数。未指定ならSvgHourglassの既定値に任せる */
+    duration?: number;
+    /** 表示サイズ(高さ)。数値はpxとして扱う */
+    size?: number | string;
+}
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
+    size: number | 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/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./accordion-fieldset.vue_vue_type_style_index_0_lang-Dd8HXuVm.cjs"),_=require("./accordion-section.vue_vue_type_style_index_0_lang-BBEywIH3.cjs"),n=require("./hourglass-loading.vue_vue_type_style_index_0_lang-C72UVA9W.cjs"),t=require("./label-button.vue_vue_type_script_setup_true_lang-DqhdCgmJ.cjs"),i=require("./label-icon.vue_vue_type_style_index_0_lang-C2URq6GP.cjs"),a=require("./page-section.vue_vue_type_style_index_0_lang-bvQeBjUP.cjs"),u=require("./page-title.vue_vue_type_style_index_0_lang-DcmGICoo.cjs"),o=require("./tab-content.vue_vue_type_style_index_0_lang-BeCi7Xkp.cjs"),s=require("./tab-group.vue_vue_type_style_index_0_lang-CwVGYZAo.cjs");exports.AccordionFieldset=e._sfc_main;exports.AccordionSection=_._sfc_main;exports.HourglassLoading=n._sfc_main;exports.LabelButton=t._sfc_main;exports.LabelIcon=i._sfc_main;exports.PageSection=a._sfc_main;exports.PageTitle=u._sfc_main;exports.TabContent=o._sfc_main;exports.TabGroup=s._sfc_main;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./accordion-fieldset.vue_vue_type_style_index_0_lang-DoM5QjpJ.cjs"),_=require("./accordion-section.vue_vue_type_style_index_0_lang-CFDdUEnn.cjs"),n=require("./hourglass-loading.vue_vue_type_style_index_0_lang-C72UVA9W.cjs"),t=require("./label-button.vue_vue_type_style_index_0_lang-D7ZgfZOL.cjs"),i=require("./label-icon.vue_vue_type_style_index_0_lang-D9Cimu20.cjs"),a=require("./page-section.vue_vue_type_style_index_0_lang-DEAkTLxd.cjs"),o=require("./page-title.vue_vue_type_style_index_0_lang-BqIsIks5.cjs"),u=require("./tab-content.vue_vue_type_style_index_0_lang-BeCi7Xkp.cjs"),s=require("./tab-group.vue_vue_type_style_index_0_lang-CMaufRJV.cjs");exports.AccordionFieldset=e._sfc_main;exports.AccordionSection=_._sfc_main;exports.HourglassLoading=n._sfc_main;exports.LabelButton=t._sfc_main;exports.LabelIcon=i._sfc_main;exports.PageSection=a._sfc_main;exports.PageTitle=o._sfc_main;exports.TabContent=u._sfc_main;exports.TabGroup=s._sfc_main;

package/lib/index.d.cts

@@ -0,0 +1,3 @@
+export * from './components.cjs';
+export type { LabelPreset } from './types/label-preset.cjs';
+export type { TabContentStatus } from './internal/tab-group-context.cjs';

package/lib/index.js

@@ -1,12 +1,12 @@
-import { _ as e } from "./accordion-fieldset.vue_vue_type_style_index_0_lang-tzJhLHyT.js";
-import { _ as t } from "./accordion-section.vue_vue_type_style_index_0_lang-DAlUN0wH.js";
+import { _ as e } from "./accordion-fieldset.vue_vue_type_style_index_0_lang-Cf4czDXz.js";
+import { _ as t } from "./accordion-section.vue_vue_type_style_index_0_lang-Gvjjx02P.js";
 import { _ as p } from "./hourglass-loading.vue_vue_type_style_index_0_lang-DkUGIxQ2.js";
-import { _ as m } from "./label-button.vue_vue_type_script_setup_true_lang-CoHrTUSs.js";
-import { _ as x } from "./label-icon.vue_vue_type_style_index_0_lang-bQFkQ_gC.js";
-import { _ as c } from "./page-section.vue_vue_type_style_index_0_lang-4MLb_sDZ.js";
-import { _ as l } from "./page-title.vue_vue_type_style_index_0_lang-CzfdMzXf.js";
+import { _ as m } from "./label-button.vue_vue_type_style_index_0_lang-DqRYddVt.js";
+import { _ as x } from "./label-icon.vue_vue_type_style_index_0_lang-me52HE2V.js";
+import { _ as c } from "./page-section.vue_vue_type_style_index_0_lang-DpVQe_rV.js";
+import { _ as l } from "./page-title.vue_vue_type_style_index_0_lang-ChZot85K.js";
 import { _ as d } from "./tab-content.vue_vue_type_style_index_0_lang-CcQLHmIF.js";
-import { _ as u } from "./tab-group.vue_vue_type_style_index_0_lang-CjnBkvvZ.js";
+import { _ as u } from "./tab-group.vue_vue_type_style_index_0_lang-C84mDEOC.js";
 export {
   e as AccordionFieldset,
   t as AccordionSection,

package/lib/internal/tab-group-context.d.cts

@@ -0,0 +1,16 @@
+import { ComputedRef, InjectionKey, Ref, Slot } from 'vue';
+/** タブの見出しの状態 */
+export type TabContentStatus = 'warn' | 'error';
+/**
+ * TabGroupからTabContentへ渡す状態
+ * TabGroupとTabContentの間だけで使い、利用側には公開しない
+ */
+export interface TabGroupContext {
+    /** 選択中のタブのlabelId */
+    activeLabelId: ComputedRef<string | undefined>;
+    /** TabGroupがマウント済みか */
+    mounted: Ref<boolean>;
+    /** TabGroupの#loadingスロット。未指定ならTabContentは既定の読み込み中表示を出す */
+    loadingSlot: () => Slot | undefined;
+}
+export declare const tabGroupContextKey: InjectionKey<TabGroupContext>;

package/lib/internal/use-shrinkable.d.cts

@@ -0,0 +1,12 @@
+import { Ref } from 'vue';
+/** 縮めたときの中身の高さ(px)。中身がこれより低い場合は開閉しない */
+export declare const SHRUNK_HEIGHT = 70;
+/**
+ * 中身が縮めたときの高さ以上あり、開閉できるかを返す
+ * 中身の大きさが変わるたびに測り直すため、隠れたタブの中にあって後から表示された場合や、中身が増減した場合も再判定される
+ * 縮めている間も中身の本来の高さで判定する
+ *
+ * @param {Ref<HTMLElement | undefined>} contents 開閉する中身の要素
+ * @returns {Ref<boolean>}
+ */
+export declare function useShrinkable(contents: Ref<HTMLElement | undefined>): Ref<boolean>;

package/lib/label-button.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./label-button.vue_vue_type_script_setup_true_lang-DqhdCgmJ.cjs");exports.default=e._sfc_main;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./label-button.vue_vue_type_style_index_0_lang-D7ZgfZOL.cjs");exports.default=e._sfc_main;

package/lib/label-button.d.cts

@@ -0,0 +1,30 @@
+import { ClassValue, StyleValue } from 'vue';
+import { LabelPreset } from './types/label-preset.cjs';
+interface Props {
+    /** アイコンとラベルの組み合わせ */
+    preset?: LabelPreset;
+    /** アイコンとラベルの間隔。未指定ならLabelIconの既定値(0.25em) */
+    gap?: string;
+    /** presetのアイコンに付けるclass。スロットで渡したアイコンには、スロット側で直接指定する */
+    iconClass?: ClassValue;
+    /** presetのアイコンに付けるstyle。スロットで渡したアイコンには、スロット側で直接指定する */
+    iconStyle?: StyleValue;
+    /** ラベルに付けるclass */
+    labelClass?: ClassValue;
+    /** ラベルに付けるstyle */
+    labelStyle?: StyleValue;
+}
+interface Slots {
+    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>;
+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.js

@@ -1,4 +1,4 @@
-import { _ as f } from "./label-button.vue_vue_type_script_setup_true_lang-CoHrTUSs.js";
+import { _ as f } from "./label-button.vue_vue_type_style_index_0_lang-DqRYddVt.js";
 export {
   f as default
 };

package/lib/label-button.vue_vue_type_style_index_0_lang-D7ZgfZOL.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),o=require("./label-icon.vue_vue_type_style_index_0_lang-D9Cimu20.cjs"),a={class:"dwui-label-button"},c=e.defineComponent({__name:"label-button",props:{preset:{},gap:{},iconClass:{type:[Boolean,null,String,Object,Array]},iconStyle:{type:[Boolean,null,String,Object,Array]},labelClass:{type:[Boolean,null,String,Object,Array]},labelStyle:{type:[Boolean,null,String,Object,Array]}},setup(s){const l=s,t=e.useSlots();return(n,r)=>(e.openBlock(),e.createElementBlock("button",a,[e.createVNode(o._sfc_main,{preset:l.preset,gap:l.gap,"icon-class":l.iconClass,"icon-style":l.iconStyle,"label-class":l.labelClass,"label-style":l.labelStyle},e.createSlots({_:2},[t.icon!=null?{name:"icon",fn:e.withCtx(()=>[e.renderSlot(n.$slots,"icon")]),key:"0"}:void 0,t.default!=null?{name:"default",fn:e.withCtx(()=>[e.renderSlot(n.$slots,"default")]),key:"1"}:void 0]),1032,["preset","gap","icon-class","icon-style","label-class","label-style"])]))}});exports._sfc_main=c;

package/lib/{label-button.vue_vue_type_script_setup_true_lang-CoHrTUSs.js → label-button.vue_vue_type_style_index_0_lang-DqRYddVt.js}

@@ -1,6 +1,6 @@
-import { defineComponent as s, useSlots as r, openBlock as c, createElementBlock as i, createVNode as p, createSlots as y, withCtx as n, renderSlot as o } from "vue";
-import { _ as u } from "./label-icon.vue_vue_type_style_index_0_lang-bQFkQ_gC.js";
-const f = /* @__PURE__ */ s({
+import { defineComponent as a, useSlots as c, openBlock as r, createElementBlock as i, createVNode as p, createSlots as y, withCtx as o, renderSlot as n } from "vue";
+import { _ as b } from "./label-icon.vue_vue_type_style_index_0_lang-me52HE2V.js";
+const u = { class: "dwui-label-button" }, d = /* @__PURE__ */ a({
   __name: "label-button",
   props: {
     preset: {},
@@ -10,10 +10,10 @@ const f = /* @__PURE__ */ s({
     labelClass: { type: [Boolean, null, String, Object, Array] },
     labelStyle: { type: [Boolean, null, String, Object, Array] }
   },
-  setup(a) {
-    const e = a, l = r();
-    return (t, b) => (c(), i("button", null, [
-      p(u, {
+  setup(s) {
+    const e = s, l = c();
+    return (t, m) => (r(), i("button", u, [
+      p(b, {
         preset: e.preset,
         gap: e.gap,
         "icon-class": e.iconClass,
@@ -23,15 +23,15 @@ const f = /* @__PURE__ */ s({
       }, y({ _: 2 }, [
         l.icon != null ? {
           name: "icon",
-          fn: n(() => [
-            o(t.$slots, "icon")
+          fn: o(() => [
+            n(t.$slots, "icon")
           ]),
           key: "0"
         } : void 0,
         l.default != null ? {
           name: "default",
-          fn: n(() => [
-            o(t.$slots, "default")
+          fn: o(() => [
+            n(t.$slots, "default")
           ]),
           key: "1"
         } : void 0
@@ -40,5 +40,5 @@ const f = /* @__PURE__ */ s({
   }
 });
 export {
-  f as _
+  d as _
 };

package/lib/label-icon.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./label-icon.vue_vue_type_style_index_0_lang-C2URq6GP.cjs");exports.default=e._sfc_main;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./label-icon.vue_vue_type_style_index_0_lang-D9Cimu20.cjs");exports.default=e._sfc_main;

package/lib/label-icon.d.cts

@@ -0,0 +1,30 @@
+import { ClassValue, StyleValue } from 'vue';
+import { LabelPreset } from './types/label-preset.cjs';
+interface Props {
+    /** アイコンとラベルの組み合わせ */
+    preset?: LabelPreset;
+    /** アイコンとラベルの間隔。未指定なら既定値(0.25em) */
+    gap?: string;
+    /** presetのアイコンに付けるclass。スロットで渡したアイコンには、スロット側で直接指定する */
+    iconClass?: ClassValue;
+    /** presetのアイコンに付けるstyle。スロットで渡したアイコンには、スロット側で直接指定する */
+    iconStyle?: StyleValue;
+    /** ラベルに付けるclass */
+    labelClass?: ClassValue;
+    /** ラベルに付けるstyle */
+    labelStyle?: StyleValue;
+}
+interface Slots {
+    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>;
+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-icon.js

@@ -1,4 +1,4 @@
-import { _ as f } from "./label-icon.vue_vue_type_style_index_0_lang-bQFkQ_gC.js";
+import { _ as f } from "./label-icon.vue_vue_type_style_index_0_lang-me52HE2V.js";
 export {
   f as default
 };

package/lib/{label-icon.vue_vue_type_style_index_0_lang-C2URq6GP.cjs → label-icon.vue_vue_type_style_index_0_lang-D9Cimu20.cjs}

@@ -1 +1 @@
-"use strict";const e=require("vue"),s=e.defineComponent({__name:"label-icon",props:{preset:{},gap:{},iconClass:{type:[Boolean,null,String,Object,Array]},iconStyle:{type:[Boolean,null,String,Object,Array]},labelClass:{type:[Boolean,null,String,Object,Array]},labelStyle:{type:[Boolean,null,String,Object,Array]}},setup(n){const l=n,o=e.useSlots();return(t,a)=>(e.openBlock(),e.createElementBlock("span",{class:"dwui-label-icon",style:e.normalizeStyle(l.gap==null?void 0:{"--dwui-label-icon-gap":l.gap})},[e.renderSlot(t.$slots,"icon",{},()=>[l.preset!=null?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(l.preset.icon),e.mergeProps({key:0},l.preset.iconProps,{class:l.iconClass,style:l.iconStyle}),null,16,["class","style"])):e.createCommentVNode("",!0)]),o.default!=null||l.preset!=null?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(["dwui-label",l.labelClass]),style:e.normalizeStyle(l.labelStyle)},[e.renderSlot(t.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(typeof l.preset?.label=="function"?l.preset.label():l.preset?.label),1)])],6)):e.createCommentVNode("",!0)],4))}});exports._sfc_main=s;
+"use strict";const e=require("vue"),s=e.defineComponent({__name:"label-icon",props:{preset:{},gap:{},iconClass:{type:[Boolean,null,String,Object,Array]},iconStyle:{type:[Boolean,null,String,Object,Array]},labelClass:{type:[Boolean,null,String,Object,Array]},labelStyle:{type:[Boolean,null,String,Object,Array]}},setup(n){const l=n,o=e.useSlots();return(t,a)=>(e.openBlock(),e.createElementBlock("span",{class:"dwui-label-icon",style:e.normalizeStyle(l.gap==null?void 0:{"--dwui-gap-label-icon":l.gap})},[e.renderSlot(t.$slots,"icon",{},()=>[l.preset!=null?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(l.preset.icon),e.mergeProps({key:0},l.preset.iconProps,{class:l.iconClass,style:l.iconStyle}),null,16,["class","style"])):e.createCommentVNode("",!0)]),o.default!=null||l.preset!=null?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(["dwui-label",l.labelClass]),style:e.normalizeStyle(l.labelStyle)},[e.renderSlot(t.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(typeof l.preset?.label=="function"?l.preset.label():l.preset?.label),1)])],6)):e.createCommentVNode("",!0)],4))}});exports._sfc_main=s;

package/lib/{label-icon.vue_vue_type_style_index_0_lang-bQFkQ_gC.js → label-icon.vue_vue_type_style_index_0_lang-me52HE2V.js}

@@ -13,7 +13,7 @@ const f = /* @__PURE__ */ p({
     const e = r, c = i();
     return (t, g) => (l(), s("span", {
       class: "dwui-label-icon",
-      style: n(e.gap == null ? void 0 : { "--dwui-label-icon-gap": e.gap })
+      style: n(e.gap == null ? void 0 : { "--dwui-gap-label-icon": e.gap })
     }, [
       o(t.$slots, "icon", {}, () => [
         e.preset != null ? (l(), y(u(e.preset.icon), b({ key: 0 }, e.preset.iconProps, {

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-YAonMRcW.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-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;

package/lib/nuxt.d.cts

@@ -0,0 +1,10 @@
+/**
+ * コンポーネントをNuxtのコンポーネント自動importへ登録するモジュール。
+ * グローバル登録(registerComponents)と違い、テンプレートで使ったコンポーネントだけがバンドルされ、
+ * 型は Nuxt が .nuxt/components.d.ts へ生成するため、利用側に型定義は要らない。
+ *
+ * 名前の一覧を得るためだけに ./components をimportしている。
+ * このモジュールはビルド時にNuxtが読み込むもので、アプリの実行時バンドルには入らない
+ */
+declare const _default: import('@nuxt/schema').NuxtModule<import('@nuxt/schema').ModuleOptions, import('@nuxt/schema').ModuleOptions, false>;
+export default _default;

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-xNQBXMzx.js";
+import { c as a } from "./components-q4Cf97bO.js";
 const c = t({
   meta: {
     name: "@digitalwalletcorp/vue-core",

package/lib/page-section.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./page-section.vue_vue_type_style_index_0_lang-bvQeBjUP.cjs");exports.default=e._sfc_main;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./page-section.vue_vue_type_style_index_0_lang-DEAkTLxd.cjs");exports.default=e._sfc_main;

package/lib/page-section.d.cts

@@ -0,0 +1,34 @@
+import { ClassValue, StyleValue } from 'vue';
+/** 見出しのアイコンとして選べるもの */
+type PageSectionIcon = 'diamond' | 'circle' | 'square' | 'pushpin' | 'round-pushpin';
+interface Props {
+    /** 見出しの文字。未指定なら見出しを表示しない */
+    title?: string;
+    /** 見出しのアイコン。これ以外のアイコンは#iconスロットで渡す デフォルト 'diamond' */
+    icon?: PageSectionIcon;
+    /** diamond・circle・squareの大きさ。未指定ならアイコンの既定値(large) */
+    iconVariant?: 'large' | 'medium' | 'small';
+    /** diamond・circle・squareの色。未指定ならdiamondは#1a44b6、circleは#e78b2f、squareは#d13a2b */
+    iconColor?: string;
+    /** 見出しに付けるclass */
+    titleClass?: ClassValue;
+    /** 見出しに付けるstyle */
+    titleStyle?: StyleValue;
+}
+interface Slots {
+    /** 見出しの文字の前に表示するアイコン。iconより優先する */
+    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<{}>, {
+    icon: PageSectionIcon;
+}, {}, {}, {}, 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.js

@@ -1,4 +1,4 @@
-import { _ as f } from "./page-section.vue_vue_type_style_index_0_lang-4MLb_sDZ.js";
+import { _ as f } from "./page-section.vue_vue_type_style_index_0_lang-DpVQe_rV.js";
 export {
   f as default
 };