@digitalwalletcorp/vue-core 1.0.1 → 1.2.0

package/README.md

@@ -101,10 +101,10 @@ We recommend keeping a `vue-core-variables.css` in your application that connect
 ```css
 /* vue-core-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);
 }
 ```
 
@@ -125,9 +125,12 @@ export default defineNuxtConfig({
 | 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. |
 | [`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. |
 | [`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. |
+| [`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. |
 | [`TabGroup` / `TabContent`](https://github.com/digitalwalletcorp/vue-core/blob/main/docs/components/tab-group.md) | Switches between contents with tab headers. |
 
 #### 📜 License

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-Cod0KnrE.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-t9NqmoZW.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.d.ts

@@ -5,8 +5,6 @@ interface Props {
     disabled?: boolean;
     /** trueの場合、開いた状態で表示する デフォルト false */
     initialExpand?: boolean;
-    /** 変化したときに、中身の高さを測り直して開閉できるかを判定し直す値 */
-    observer?: unknown;
 }
 interface Slots {
     /** 凡例の文字の前に表示するアイコン */

package/lib/accordion-fieldset.js

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

package/lib/accordion-fieldset.vue_vue_type_style_index_0_lang-n-IZxUiu.js

@@ -0,0 +1,66 @@
+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 { SvgTriangleButton as v } from "@digitalwalletcorp/vue-svg-icons";
+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({
+  __name: "accordion-fieldset",
+  props: {
+    legend: {},
+    disabled: { type: Boolean },
+    initialExpand: { type: Boolean }
+  },
+  setup(c) {
+    const n = c, o = m(), a = g(), e = x({
+      expanded: !0
+    }), p = N(a), u = () => {
+      e.expanded = !e.expanded;
+    };
+    return _(() => {
+      e.expanded = !!n.initialExpand;
+    }), (t, T) => (i(), k("fieldset", {
+      class: "dwui-accordion-fieldset",
+      disabled: n.disabled
+    }, [
+      d("legend", null, [
+        d("button", {
+          type: "button",
+          class: "dwui-accordion-toggle",
+          "aria-expanded": e.expanded,
+          onClick: u
+        }, [
+          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 }, [
+            o.icon != null ? {
+              name: "icon",
+              fn: r(() => [
+                l(t.$slots, "icon")
+              ]),
+              key: "0"
+            } : void 0,
+            n.legend != null || o.legend != null ? {
+              name: "default",
+              fn: r(() => [
+                l(t.$slots, "legend", {}, () => [
+                  h(w(n.legend), 1)
+                ])
+              ]),
+              key: "1"
+            } : void 0
+          ]), 1024)) : B("", !0)
+        ], 8, $)
+      ]),
+      d("div", {
+        ref_key: "refContents",
+        ref: a,
+        class: S(["dwui-accordion-contents", s(p) ? e.expanded ? "dwui-expanded" : "dwui-shrunk" : ""])
+      }, [
+        l(t.$slots, "default")
+      ], 2)
+    ], 8, V));
+  }
+});
+export {
+  q as _
+};

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

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

package/lib/accordion-section.cjs

@@ -0,0 +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-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.d.ts

@@ -0,0 +1,34 @@
+import { LabelPreset } from './types/label-preset';
+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

@@ -0,0 +1,4 @@
+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-CFDdUEnn.cjs

@@ -0,0 +1 @@
+"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-Gvjjx02P.js

@@ -0,0 +1,78 @@
+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-me52HE2V.js";
+import { u as M } from "./use-shrinkable-CS2bmsJJ.js";
+const $ = { class: "dwui-accordion-section" }, R = {
+  key: 0,
+  class: "dwui-accordion-section-control"
+}, j = ["disabled", "aria-expanded"], J = /* @__PURE__ */ k({
+  __name: "accordion-section",
+  props: {
+    disabled: { type: Boolean },
+    initialExpand: { type: Boolean },
+    noGradient: { type: Boolean },
+    openLabel: {},
+    closeLabel: {},
+    openPreset: {},
+    closePreset: {}
+  },
+  setup(_) {
+    const o = _, s = y(), p = w(), e = C({
+      expanded: !0
+    }), u = M(p), l = m(() => e.expanded ? o.closePreset : o.openPreset), i = () => (e.expanded ? s["close-icon"] : s["open-icon"]) ?? l.value?.icon, b = () => (e.expanded ? s["close-icon"] : s["open-icon"]) == null ? l.value?.iconProps : void 0, c = m(() => {
+      const n = e.expanded ? o.closeLabel : o.openLabel;
+      if (n != null)
+        return n;
+      const a = l.value?.label;
+      return typeof a == "function" ? a() : a;
+    }), v = () => {
+      e.expanded = !e.expanded;
+    };
+    return h(() => {
+      e.expanded = !!o.initialExpand;
+    }), (n, a) => (t(), f("div", $, [
+      x("div", {
+        ref_key: "refContents",
+        ref: p,
+        class: P(["dwui-accordion-section-contents", [
+          d(u) ? e.expanded ? "dwui-expanded" : "dwui-shrunk" : "",
+          { "dwui-no-gradient": o.noGradient }
+        ]])
+      }, [
+        B(n.$slots, "default")
+      ], 2),
+      d(u) ? (t(), f("div", R, [
+        x("button", {
+          type: "button",
+          class: "dwui-accordion-section-toggle",
+          disabled: o.disabled,
+          "aria-expanded": e.expanded,
+          onClick: L(v, ["stop"])
+        }, [
+          i() != null || c.value != null ? (t(), r(I, { key: 0 }, S({ _: 2 }, [
+            i() != null ? {
+              name: "icon",
+              fn: g(() => [
+                (t(), r(E(i()), N(T(b())), null, 16))
+              ]),
+              key: "0"
+            } : void 0,
+            c.value != null ? {
+              name: "default",
+              fn: g(() => [
+                V(z(c.value), 1)
+              ]),
+              key: "1"
+            } : void 0
+          ]), 1024)) : (t(), r(d(G), {
+            key: 1,
+            direction: e.expanded ? "up" : "down"
+          }, null, 8, ["direction"]))
+        ], 8, j)
+      ])) : D("", !0)
+    ]));
+  }
+});
+export {
+  J as _
+};

package/lib/components-CNOeuZPu.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("./accordion-fieldset.vue_vue_type_style_index_0_lang-t9NqmoZW.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_script_setup_true_lang-BwVOxaJP.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"),c=require("./page-title.vue_vue_type_style_index_0_lang-BqIsIks5.cjs"),s=require("./tab-content.vue_vue_type_style_index_0_lang-BeCi7Xkp.cjs"),u=require("./tab-group.vue_vue_type_style_index_0_lang-CMaufRJV.cjs"),a=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:c._sfc_main,TabContent:s._sfc_main,TabGroup:u._sfc_main},Symbol.toStringTag,{value:"Module"}));exports.components=a;

package/lib/components-DBK8NUBh.js

@@ -0,0 +1,24 @@
+import { _ as o } from "./accordion-fieldset.vue_vue_type_style_index_0_lang-n-IZxUiu.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-DorC4pKz.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-C84mDEOC.js";
+const u = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  AccordionFieldset: o,
+  AccordionSection: _,
+  HourglassLoading: a,
+  LabelButton: m,
+  LabelIcon: r,
+  PageSection: i,
+  PageTitle: t,
+  TabContent: n,
+  TabGroup: s
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  u as c
+};

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/components.d.ts

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

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-Cod0KnrE.cjs"),_=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"),n=require("./label-icon.vue_vue_type_style_index_0_lang-C2URq6GP.cjs"),u=require("./tab-content.vue_vue_type_style_index_0_lang-BeCi7Xkp.cjs"),a=require("./tab-group.vue_vue_type_style_index_0_lang-CwVGYZAo.cjs");exports.AccordionFieldset=e._sfc_main;exports.HourglassLoading=_._sfc_main;exports.LabelButton=t._sfc_main;exports.LabelIcon=n._sfc_main;exports.TabContent=u._sfc_main;exports.TabGroup=a._sfc_main;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./accordion-fieldset.vue_vue_type_style_index_0_lang-t9NqmoZW.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_script_setup_true_lang-BwVOxaJP.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"),u=require("./page-title.vue_vue_type_style_index_0_lang-BqIsIks5.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-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=u._sfc_main;exports.TabContent=o._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,14 +1,20 @@
-import { _ as a } from "./accordion-fieldset.vue_vue_type_style_index_0_lang-Dk5Id0dl.js";
-import { _ as t } from "./hourglass-loading.vue_vue_type_style_index_0_lang-DkUGIxQ2.js";
-import { _ as p } from "./label-button.vue_vue_type_script_setup_true_lang-CoHrTUSs.js";
-import { _ as m } from "./label-icon.vue_vue_type_style_index_0_lang-bQFkQ_gC.js";
-import { _ as x } from "./tab-content.vue_vue_type_style_index_0_lang-CcQLHmIF.js";
-import { _ as b } from "./tab-group.vue_vue_type_style_index_0_lang-CjnBkvvZ.js";
+import { _ as e } from "./accordion-fieldset.vue_vue_type_style_index_0_lang-n-IZxUiu.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-DorC4pKz.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-C84mDEOC.js";
 export {
-  a as AccordionFieldset,
-  t as HourglassLoading,
-  p as LabelButton,
-  m as LabelIcon,
-  x as TabContent,
-  b as TabGroup
+  e as AccordionFieldset,
+  t as AccordionSection,
+  p as HourglassLoading,
+  m as LabelButton,
+  x as LabelIcon,
+  c as PageSection,
+  l as PageTitle,
+  d as TabContent,
+  u as TabGroup
 };

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/internal/use-shrinkable.d.ts

@@ -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_script_setup_true_lang-BwVOxaJP.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_script_setup_true_lang-DorC4pKz.js";
 export {
   f as default
 };

package/lib/{label-button.vue_vue_type_script_setup_true_lang-DqhdCgmJ.cjs → label-button.vue_vue_type_script_setup_true_lang-BwVOxaJP.cjs}

@@ -1 +1 @@
-"use strict";const e=require("vue"),a=require("./label-icon.vue_vue_type_style_index_0_lang-C2URq6GP.cjs"),o=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,c)=>(e.openBlock(),e.createElementBlock("button",null,[e.createVNode(a._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=o;
+"use strict";const e=require("vue"),a=require("./label-icon.vue_vue_type_style_index_0_lang-D9Cimu20.cjs"),o=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,c)=>(e.openBlock(),e.createElementBlock("button",null,[e.createVNode(a._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=o;

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

@@ -1,5 +1,5 @@
 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";
+import { _ as u } from "./label-icon.vue_vue_type_style_index_0_lang-me52HE2V.js";
 const f = /* @__PURE__ */ s({
   __name: "label-button",
   props: {

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-CvmuAs2C.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-CNOeuZPu.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;