@digitalwalletcorp/vue-core 1.0.1 → 1.1.0

package/README.md

@@ -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-Dd8HXuVm.cjs");exports.default=e._sfc_main;

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-tzJhLHyT.js";
 export {
   f as default
 };

package/lib/accordion-fieldset.vue_vue_type_style_index_0_lang-Dd8HXuVm.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-C2URq6GP.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-fieldset.vue_vue_type_style_index_0_lang-tzJhLHyT.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-bQFkQ_gC.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-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-BBEywIH3.cjs");exports.default=e._sfc_main;

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-DAlUN0wH.js";
+export {
+  f as default
+};

package/lib/accordion-section.vue_vue_type_style_index_0_lang-BBEywIH3.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-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;

package/lib/accordion-section.vue_vue_type_style_index_0_lang-DAlUN0wH.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-bQFkQ_gC.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-YAonMRcW.cjs

@@ -0,0 +1 @@
+"use strict";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"),o=require("./page-section.vue_vue_type_style_index_0_lang-bvQeBjUP.cjs"),c=require("./page-title.vue_vue_type_style_index_0_lang-DcmGICoo.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-CwVGYZAo.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-xNQBXMzx.js

@@ -0,0 +1,24 @@
+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 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 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";
+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.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/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-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;

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-tzJhLHyT.js";
+import { _ as t } from "./accordion-section.vue_vue_type_style_index_0_lang-DAlUN0wH.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 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";
 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/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/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-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;

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

package/lib/page-section.cjs

@@ -0,0 +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;

package/lib/page-section.d.ts

@@ -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

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

package/lib/page-section.vue_vue_type_style_index_0_lang-4MLb_sDZ.js

@@ -0,0 +1,54 @@
+import { defineComponent as i, computed as p, openBlock as t, createElementBlock as r, normalizeStyle as m, normalizeClass as u, createVNode as d, withCtx as a, createTextVNode as S, toDisplayString as h, renderSlot as l, createBlock as _, resolveDynamicComponent as g, normalizeProps as f, guardReactiveProps as v, createCommentVNode as y, createElementVNode as C } from "vue";
+import { SvgRoundPushpin as V, SvgPushpin as b, SvgSquare as B, SvgCircle as N, SvgDiamond as P } from "@digitalwalletcorp/vue-svg-icons";
+import { _ as k } from "./label-icon.vue_vue_type_style_index_0_lang-bQFkQ_gC.js";
+const w = { class: "dwui-page-section" }, E = { class: "dwui-page-section-content" }, $ = /* @__PURE__ */ i({
+  __name: "page-section",
+  props: {
+    title: {},
+    icon: { default: "diamond" },
+    iconVariant: {},
+    iconColor: {},
+    titleClass: { type: [Boolean, null, String, Object, Array] },
+    titleStyle: { type: [Boolean, null, String, Object, Array] }
+  },
+  setup(s) {
+    const e = s, c = {
+      diamond: { component: P, shape: !0, color: "#1a44b6" },
+      circle: { component: N, shape: !0, color: "#e78b2f" },
+      square: { component: B, shape: !0, color: "#d13a2b" },
+      pushpin: { component: b, shape: !1 },
+      "round-pushpin": { component: V, shape: !1 }
+    }, n = p(() => {
+      const o = c[e.icon];
+      return {
+        component: o.component,
+        props: o.shape ? { variant: e.iconVariant, color: e.iconColor ?? o.color } : {}
+      };
+    });
+    return (o, z) => (t(), r("section", w, [
+      e.title != null ? (t(), r("div", {
+        key: 0,
+        class: u(["dwui-page-section-title", e.titleClass]),
+        style: m(e.titleStyle)
+      }, [
+        d(k, null, {
+          icon: a(() => [
+            l(o.$slots, "icon", {}, () => [
+              (t(), _(g(n.value.component), f(v(n.value.props)), null, 16))
+            ])
+          ]),
+          default: a(() => [
+            S(" " + h(e.title), 1)
+          ]),
+          _: 3
+        })
+      ], 6)) : y("", !0),
+      C("div", E, [
+        l(o.$slots, "default")
+      ])
+    ]));
+  }
+});
+export {
+  $ as _
+};

package/lib/page-section.vue_vue_type_style_index_0_lang-bvQeBjUP.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),n=require("@digitalwalletcorp/vue-svg-icons"),r=require("./label-icon.vue_vue_type_style_index_0_lang-C2URq6GP.cjs"),a={class:"dwui-page-section"},i={class:"dwui-page-section-content"},p=e.defineComponent({__name:"page-section",props:{title:{},icon:{default:"diamond"},iconVariant:{},iconColor:{},titleClass:{type:[Boolean,null,String,Object,Array]},titleStyle:{type:[Boolean,null,String,Object,Array]}},setup(l){const o=l,s={diamond:{component:n.SvgDiamond,shape:!0,color:"#1a44b6"},circle:{component:n.SvgCircle,shape:!0,color:"#e78b2f"},square:{component:n.SvgSquare,shape:!0,color:"#d13a2b"},pushpin:{component:n.SvgPushpin,shape:!1},"round-pushpin":{component:n.SvgRoundPushpin,shape:!1}},c=e.computed(()=>{const t=s[o.icon];return{component:t.component,props:t.shape?{variant:o.iconVariant,color:o.iconColor??t.color}:{}}});return(t,u)=>(e.openBlock(),e.createElementBlock("section",a,[o.title!=null?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["dwui-page-section-title",o.titleClass]),style:e.normalizeStyle(o.titleStyle)},[e.createVNode(r._sfc_main,null,{icon:e.withCtx(()=>[e.renderSlot(t.$slots,"icon",{},()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(c.value.component),e.normalizeProps(e.guardReactiveProps(c.value.props)),null,16))])]),default:e.withCtx(()=>[e.createTextVNode(" "+e.toDisplayString(o.title),1)]),_:3})],6)):e.createCommentVNode("",!0),e.createElementVNode("div",i,[e.renderSlot(t.$slots,"default")])]))}});exports._sfc_main=p;

package/lib/page-title.cjs

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

package/lib/page-title.d.ts

@@ -0,0 +1,20 @@
+interface Props {
+    /** タイトルの文字 */
+    title: string;
+}
+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/page-title.js

@@ -0,0 +1,4 @@
+import { _ as f } from "./page-title.vue_vue_type_style_index_0_lang-CzfdMzXf.js";
+export {
+  f as default
+};

package/lib/page-title.vue_vue_type_style_index_0_lang-CzfdMzXf.js

@@ -0,0 +1,36 @@
+import { defineComponent as c, useSlots as r, openBlock as o, createElementBlock as s, createVNode as p, createSlots as d, withCtx as l, createTextVNode as u, toDisplayString as _, renderSlot as n, createCommentVNode as m } from "vue";
+import { _ as f } from "./label-icon.vue_vue_type_style_index_0_lang-bQFkQ_gC.js";
+const g = { class: "dwui-page-title" }, h = {
+  key: 0,
+  class: "dwui-page-title-actions"
+}, y = /* @__PURE__ */ c({
+  __name: "page-title",
+  props: {
+    title: {}
+  },
+  setup(a) {
+    const i = a, e = r();
+    return (t, k) => (o(), s("section", g, [
+      p(f, { class: "dwui-page-title-label" }, d({
+        default: l(() => [
+          u(" " + _(i.title), 1)
+        ]),
+        _: 2
+      }, [
+        e.icon != null ? {
+          name: "icon",
+          fn: l(() => [
+            n(t.$slots, "icon")
+          ]),
+          key: "0"
+        } : void 0
+      ]), 1024),
+      e.default != null ? (o(), s("span", h, [
+        n(t.$slots, "default")
+      ])) : m("", !0)
+    ]));
+  }
+});
+export {
+  y as _
+};

package/lib/page-title.vue_vue_type_style_index_0_lang-DcmGICoo.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),l=require("./label-icon.vue_vue_type_style_index_0_lang-C2URq6GP.cjs"),c={class:"dwui-page-title"},i={key:0,class:"dwui-page-title-actions"},a=e.defineComponent({__name:"page-title",props:{title:{}},setup(n){const s=n,t=e.useSlots();return(o,r)=>(e.openBlock(),e.createElementBlock("section",c,[e.createVNode(l._sfc_main,{class:"dwui-page-title-label"},e.createSlots({default:e.withCtx(()=>[e.createTextVNode(" "+e.toDisplayString(s.title),1)]),_:2},[t.icon!=null?{name:"icon",fn:e.withCtx(()=>[e.renderSlot(o.$slots,"icon")]),key:"0"}:void 0]),1024),t.default!=null?(e.openBlock(),e.createElementBlock("span",i,[e.renderSlot(o.$slots,"default")])):e.createCommentVNode("",!0)]))}});exports._sfc_main=a;

package/lib/register.cjs

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

package/lib/register.js

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

package/lib/style.css

@@ -1 +1 @@
-:where(.dwui-label-icon){display:inline-block}:where(.dwui-label-icon>.dwui-label){display:inline-block}:where(.dwui-label-icon>.dwui-label:not(:first-child)){margin-left:var(--dwui-label-icon-gap, .25em)}:where(.dwui-accordion-fieldset){position:relative}:where(.dwui-accordion-toggle){display:inline-flex;align-items:center;gap:4px;margin-left:4px;padding:0;border:none;background:none;color:inherit;cursor:pointer}:where(.dwui-accordion-toggle:disabled){opacity:.6;cursor:not-allowed}:where(.dwui-accordion-contents){position:relative;width:fit-content;padding:2px;overflow:hidden;opacity:1}:where(.dwui-accordion-contents.dwui-expanded){transition:all .3s linear}:where(.dwui-accordion-contents.dwui-shrunk){height:auto;max-height:70px;opacity:.75;transition:all .3s linear}:where(.dwui-hourglass-loading){animation:dwui-hourglass-loading-spin 1.2s linear infinite}@keyframes dwui-hourglass-loading-spin{to{transform:rotate(360deg)}}:where(.dwui-tab-content[aria-checked=false]){display:none}:where(.dwui-tab-content[aria-checked=true]){display:block;position:relative;padding:4px 8px;overflow:hidden;animation:dwui-tab-slide-in var(--dwui-tab-slide-duration, .35s) var(--dwui-tab-slide-easing, cubic-bezier(.22, 1, .36, 1))}:where(.dwui-tab-loading){position:absolute;inset:0;z-index:1;display:flex;align-items:center;justify-content:center;background:var(--dwui-loading-overlay, rgba(0, 0, 0, .25))}:where(.dwui-tab-loading-spinner){width:var(--dwui-loading-spinner-size, 40px);height:var(--dwui-loading-spinner-size, 40px);border:4px solid var(--dwui-loading-spinner-track, rgba(255, 255, 255, .4));border-top-color:var(--dwui-loading-spinner-color, #ffffff);border-radius:50%;animation:dwui-tab-loading-spin .8s linear infinite}@keyframes dwui-tab-loading-spin{to{transform:rotate(360deg)}}@keyframes dwui-tab-slide-in{0%{opacity:0;transform:translate(var(--dwui-tab-slide-distance, -128px))}to{opacity:1;transform:translate(0)}}:where(.dwui-tab-group){margin-bottom:8px}:where(.dwui-tab-headers){display:flex;flex-direction:row;flex-wrap:wrap;margin-top:5px;padding-bottom:4px}:where(.dwui-tab-radio){display:none}:where(.dwui-tab-item){display:block;min-width:100px;padding:0 4px;border:1px solid var(--dwui-tab-border, #565656);border-bottom:1px solid var(--dwui-tab-header-accent, #5ab4bd);background:var(--dwui-tab-header-bg, linear-gradient(#1313c7, navy));line-height:2em;text-align:center;white-space:nowrap;color:var(--dwui-tab-header-text, azure);text-overflow:ellipsis;cursor:pointer;transition:all .2s ease}:where(.dwui-tab-radio:checked+.dwui-tab-item){background:var(--dwui-tab-header-selected-bg, linear-gradient(#1313c7, rgb(149, 149, 234), #1313c7));color:var(--dwui-tab-header-selected-text, azure);cursor:default}:where(.dwui-tab-radio:disabled+.dwui-tab-item){background:var(--dwui-tab-header-disabled-bg, gray);cursor:not-allowed}:where(.dwui-tab-item.dwui-tab-warn){background:var(--dwui-tab-header-warn-bg, #efef13);color:var(--dwui-tab-header-warn-text, midnightblue)}:where(.dwui-tab-radio:checked+.dwui-tab-item.dwui-tab-warn){background:var(--dwui-tab-header-warn-selected-bg, linear-gradient(#fafa06, rgb(232, 238, 206), #fafa06))}:where(.dwui-tab-item.dwui-tab-error){background:var(--dwui-tab-header-error-bg, red);color:var(--dwui-tab-header-error-text, azure)}:where(.dwui-tab-radio:checked+.dwui-tab-item.dwui-tab-error){background:var(--dwui-tab-header-error-selected-bg, linear-gradient(#ff0000, rgb(240, 136, 136), #ff0000))}:where(.dwui-tab-radio:not(:checked)+.dwui-tab-item:hover){box-shadow:inset 0 0 0 999px var(--dwui-tab-header-hover-overlay, rgba(255, 255, 255, .35))}:where(.dwui-tab-items){height:100%;border:1px solid var(--dwui-tab-border, #565656);overflow:hidden}
+:where(.dwui-label-icon){display:inline-block}:where(.dwui-label-icon>.dwui-label){display:inline-block}:where(.dwui-label-icon>.dwui-label:not(:first-child)){margin-left:var(--dwui-label-icon-gap, .25em)}:where(.dwui-accordion-fieldset){position:relative}:where(.dwui-accordion-toggle){display:inline-flex;align-items:center;gap:4px;margin-left:4px;padding:0;border:none;background:none;color:inherit;cursor:pointer}:where(.dwui-accordion-toggle:disabled){opacity:.6;cursor:not-allowed}:where(.dwui-accordion-contents){position:relative;width:fit-content;padding:2px;overflow:hidden;opacity:1}:where(.dwui-accordion-contents.dwui-expanded){transition:all .3s linear}:where(.dwui-accordion-contents.dwui-shrunk){height:auto;max-height:70px;opacity:.75;transition:all .3s linear}:where(.dwui-accordion-section){position:relative}:where(.dwui-accordion-section-contents){position:relative;width:fit-content;overflow:hidden}:where(.dwui-accordion-section-contents.dwui-expanded){transition:all .3s linear}:where(.dwui-accordion-section-contents.dwui-shrunk){height:auto;max-height:70px;transition:all .3s linear}:where(.dwui-accordion-section-contents.dwui-shrunk:not(.dwui-no-gradient)):after{content:"";position:absolute;inset:0;background-image:linear-gradient(180deg,transparent 0%,transparent 60%,var(--dwui-accordion-section-fade, Canvas) 100%);pointer-events:none}:where(.dwui-accordion-section-control){position:relative;display:flex;justify-content:center;width:100%}:where(.dwui-accordion-section-toggle){display:inline-flex;align-items:center;cursor:pointer}:where(.dwui-accordion-section-toggle:disabled){opacity:.6;cursor:not-allowed}:where(.dwui-accordion-section-toggle[aria-expanded=true]){margin-top:8px}:where(.dwui-accordion-section-toggle[aria-expanded=false]){margin-top:-10px}:where(.dwui-hourglass-loading){animation:dwui-hourglass-loading-spin 1.2s linear infinite}@keyframes dwui-hourglass-loading-spin{to{transform:rotate(360deg)}}:where(.dwui-page-section){display:block;margin:4px 0 8px;padding-top:2px;font-size:var(--dwui-page-section-font-size, 12px);font-weight:500}:where(.dwui-page-section-title){display:flex;align-items:center;font-size:var(--dwui-page-section-title-font-size, 14px)}:where(.dwui-page-section-content){margin:8px 0 8px 16px}:where(.dwui-page-title){display:flex;align-items:center;justify-content:space-between;width:var(--dwui-page-title-width, auto);padding:4px;border-radius:4px;background:var(--dwui-page-title-bg, linear-gradient(#323232 0%, rgb(32, 32, 31) 25%, rgb(32, 32, 31) 75%, #323232 100%));color:var(--dwui-page-title-text, rgb(220, 220, 220));font-size:var(--dwui-page-title-font-size, 14px);font-weight:var(--dwui-page-title-font-weight, normal)}:where(.dwui-tab-content[aria-checked=false]){display:none}:where(.dwui-tab-content[aria-checked=true]){display:block;position:relative;padding:4px 8px;overflow:hidden;animation:dwui-tab-slide-in var(--dwui-tab-slide-duration, .35s) var(--dwui-tab-slide-easing, cubic-bezier(.22, 1, .36, 1))}:where(.dwui-tab-loading){position:absolute;inset:0;z-index:1;display:flex;align-items:center;justify-content:center;background:var(--dwui-loading-overlay, rgba(0, 0, 0, .25))}:where(.dwui-tab-loading-spinner){width:var(--dwui-loading-spinner-size, 40px);height:var(--dwui-loading-spinner-size, 40px);border:4px solid var(--dwui-loading-spinner-track, rgba(255, 255, 255, .4));border-top-color:var(--dwui-loading-spinner-color, #ffffff);border-radius:50%;animation:dwui-tab-loading-spin .8s linear infinite}@keyframes dwui-tab-loading-spin{to{transform:rotate(360deg)}}@keyframes dwui-tab-slide-in{0%{opacity:0;transform:translate(var(--dwui-tab-slide-distance, -128px))}to{opacity:1;transform:translate(0)}}:where(.dwui-tab-group){margin-bottom:8px}:where(.dwui-tab-headers){display:flex;flex-direction:row;flex-wrap:wrap;margin-top:5px;padding-bottom:4px}:where(.dwui-tab-radio){display:none}:where(.dwui-tab-item){display:block;min-width:100px;padding:0 4px;border:1px solid var(--dwui-tab-border, #565656);border-bottom:1px solid var(--dwui-tab-header-accent, #5ab4bd);background:var(--dwui-tab-header-bg, linear-gradient(#1313c7, navy));line-height:2em;text-align:center;white-space:nowrap;color:var(--dwui-tab-header-text, azure);text-overflow:ellipsis;cursor:pointer;transition:all .2s ease}:where(.dwui-tab-radio:checked+.dwui-tab-item){background:var(--dwui-tab-header-selected-bg, linear-gradient(#1313c7, rgb(149, 149, 234), #1313c7));color:var(--dwui-tab-header-selected-text, azure);cursor:default}:where(.dwui-tab-radio:disabled+.dwui-tab-item){background:var(--dwui-tab-header-disabled-bg, gray);cursor:not-allowed}:where(.dwui-tab-item.dwui-tab-warn){background:var(--dwui-tab-header-warn-bg, #efef13);color:var(--dwui-tab-header-warn-text, midnightblue)}:where(.dwui-tab-radio:checked+.dwui-tab-item.dwui-tab-warn){background:var(--dwui-tab-header-warn-selected-bg, linear-gradient(#fafa06, rgb(232, 238, 206), #fafa06))}:where(.dwui-tab-item.dwui-tab-error){background:var(--dwui-tab-header-error-bg, red);color:var(--dwui-tab-header-error-text, azure)}:where(.dwui-tab-radio:checked+.dwui-tab-item.dwui-tab-error){background:var(--dwui-tab-header-error-selected-bg, linear-gradient(#ff0000, rgb(240, 136, 136), #ff0000))}:where(.dwui-tab-radio:not(:checked)+.dwui-tab-item:hover){box-shadow:inset 0 0 0 999px var(--dwui-tab-header-hover-overlay, rgba(255, 255, 255, .35))}:where(.dwui-tab-items){height:100%;border:1px solid var(--dwui-tab-border, #565656);overflow:hidden}

package/lib/use-shrinkable-CS2bmsJJ.js

@@ -0,0 +1,17 @@
+import { ref as t, onMounted as s, onBeforeUnmount as u } from "vue";
+const l = 70;
+function c(o) {
+  const r = t(!0);
+  let e;
+  return s(() => {
+    const n = o.value;
+    n != null && (e = new ResizeObserver(() => {
+      r.value = l <= n.scrollHeight;
+    }), e.observe(n));
+  }), u(() => {
+    e?.disconnect();
+  }), r;
+}
+export {
+  c as u
+};

package/lib/use-shrinkable-Cu9JQZll.cjs

@@ -0,0 +1 @@
+"use strict";const r=require("vue"),u=70;function o(t){const s=r.ref(!0);let e;return r.onMounted(()=>{const n=t.value;n!=null&&(e=new ResizeObserver(()=>{s.value=u<=n.scrollHeight}),e.observe(n))}),r.onBeforeUnmount(()=>{e?.disconnect()}),s}exports.useShrinkable=o;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@digitalwalletcorp/vue-core",
-  "version": "1.0.1",
+  "version": "1.1.0",
   "type": "module",
   "description": "Basic UI components for Vue 3",
   "main": "lib/index.cjs",

package/src/accordion-fieldset.vue

@@ -33,7 +33,7 @@
     </legend>
     <div
       ref="refContents"
-      :class="[ 'dwui-accordion-contents', pageContext.expandable ? pageContext.expanded ? 'dwui-expanded' : 'dwui-shrunk' : '' ]"
+      :class="[ 'dwui-accordion-contents', shrinkable ? pageContext.expanded ? 'dwui-expanded' : 'dwui-shrunk' : '' ]"
     >
       <slot />
     </div>
@@ -41,12 +41,10 @@
 </template>
 
 <script setup lang="ts">
-import { onMounted, reactive, ref, watch } from 'vue';
+import { onMounted, reactive, ref } from 'vue';
 import { SvgTriangleButton } from '@digitalwalletcorp/vue-svg-icons';
 import LabelIcon from '@/label-icon.vue';
-
-/** 縮めたときの中身の高さ(px)。中身がこれより低い場合は開閉しない */
-const SHRUNK_HEIGHT = 70;
+import { useShrinkable } from '@/internal/use-shrinkable';
 
 interface Props {
   /** 凡例の文字。HTMLを含める場合は#legendスロットを使う */
@@ -55,8 +53,6 @@ interface Props {
   disabled?: boolean;
   /** trueの場合、開いた状態で表示する デフォルト false */
   initialExpand?: boolean;
-  /** 変化したときに、中身の高さを測り直して開閉できるかを判定し直す値 */
-  observer?: unknown;
 }
 const props = defineProps<Props>();
 
@@ -71,43 +67,16 @@ const slots = defineSlots<Slots>();
 
 const refContents = ref<HTMLElement>();
 const pageContext = reactive({
-  expandable: true,
   expanded: true
 });
+const shrinkable = useShrinkable(refContents);
 
 const onClickToggle = () => {
   pageContext.expanded = !pageContext.expanded;
-  pageContext.expandable = checkExpandable();
-};
-
-/**
- * 中身が縮めたときの高さ以上あり、開閉できるかを返す
- *
- * @returns {boolean}
- */
-const checkExpandable = (): boolean => {
-  if (refContents.value) {
-    const rect = refContents.value.getBoundingClientRect();
-    return SHRUNK_HEIGHT <= rect.height;
-  }
-  return false;
 };
 
 onMounted(() => {
   pageContext.expanded = !!props.initialExpand;
-  if (props.observer) {
-    pageContext.expandable = checkExpandable();
-  }
-});
-
-watch(() => props.observer, (newValue: unknown) => {
-  if (newValue) {
-    pageContext.expandable = checkExpandable();
-  }
-}, {
-  deep: true,
-  // 高さの計測はDOM反映後に行う
-  flush: 'post'
 });
 </script>
 

package/src/accordion-section.vue

@@ -0,0 +1,194 @@
+<!--
+中身を開閉できる領域。中身の下に開閉ボタンを置く
+-->
+<template>
+  <div class="dwui-accordion-section">
+    <div
+      ref="refContents"
+      class="dwui-accordion-section-contents"
+      :class="[
+        shrinkable ? pageContext.expanded ? 'dwui-expanded' : 'dwui-shrunk' : '',
+        { 'dwui-no-gradient': props.noGradient }
+      ]"
+    >
+      <slot />
+    </div>
+    <div
+      v-if="shrinkable"
+      class="dwui-accordion-section-control"
+    >
+      <button
+        type="button"
+        class="dwui-accordion-section-toggle"
+        :disabled="props.disabled"
+        :aria-expanded="pageContext.expanded"
+        @click.stop="onClickToggle"
+      >
+        <LabelIcon v-if="toggleIcon() != null || toggleLabel != null">
+          <template
+            v-if="toggleIcon() != null"
+            #icon
+          >
+            <component
+              :is="toggleIcon()"
+              v-bind="toggleIconProps()"
+            />
+          </template>
+          <template
+            v-if="toggleLabel != null"
+            #default
+          >
+            {{ toggleLabel }}
+          </template>
+        </LabelIcon>
+        <SvgTriangleButton
+          v-else
+          :direction="pageContext.expanded ? 'up' : 'down'"
+        />
+      </button>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { computed, onMounted, reactive, ref } from 'vue';
+import type { Component, Slot } from 'vue';
+import { SvgTriangleButton } from '@digitalwalletcorp/vue-svg-icons';
+import LabelIcon from '@/label-icon.vue';
+import { useShrinkable } from '@/internal/use-shrinkable';
+import type { 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;
+}
+const props = defineProps<Props>();
+
+interface Slots {
+  /** 縮めているときの開閉ボタン(開く)のアイコン */
+  'open-icon'?(): unknown;
+  /** 開いているときの開閉ボタン(閉じる)のアイコン */
+  'close-icon'?(): unknown;
+  default?(): unknown;
+}
+const slots = defineSlots<Slots>();
+
+const refContents = ref<HTMLElement>();
+const pageContext = reactive({
+  expanded: true
+});
+const shrinkable = useShrinkable(refContents);
+
+const togglePreset = computed((): LabelPreset | undefined => pageContext.expanded ? props.closePreset : props.openPreset);
+
+/**
+ * 開閉ボタンに表示するアイコン。スロットは関数のままコンポーネントとして描画する
+ * スロットはリアクティブではないため、computedでキャッシュせず描画のたびに取り出す
+ *
+ * @returns {Slot | Component | undefined}
+ */
+const toggleIcon = (): Slot | Component | undefined => {
+  const slot = pageContext.expanded ? slots['close-icon'] : slots['open-icon'];
+  return (slot as Slot | undefined) ?? togglePreset.value?.icon;
+};
+
+/**
+ * プリセットのアイコンに渡すProps。スロットで渡したアイコンには渡さない
+ *
+ * @returns {Record<string, unknown> | undefined}
+ */
+const toggleIconProps = (): Record<string, unknown> | undefined => {
+  const slot = pageContext.expanded ? slots['close-icon'] : slots['open-icon'];
+  return slot == null ? togglePreset.value?.iconProps : undefined;
+};
+
+const toggleLabel = computed((): string | undefined => {
+  const label = pageContext.expanded ? props.closeLabel : props.openLabel;
+  if (label != null) {
+    return label;
+  }
+  const presetLabel = togglePreset.value?.label;
+  return typeof presetLabel === 'function' ? presetLabel() : presetLabel;
+});
+
+const onClickToggle = () => {
+  pageContext.expanded = !pageContext.expanded;
+};
+
+onMounted(() => {
+  pageContext.expanded = !!props.initialExpand;
+});
+</script>
+
+<style>
+:where(.dwui-accordion-section) {
+  position: relative;
+}
+
+:where(.dwui-accordion-section-contents) {
+  position: relative;
+  width: fit-content;
+  overflow: hidden;
+}
+
+:where(.dwui-accordion-section-contents.dwui-expanded) {
+  transition: all 0.3s linear;
+}
+
+:where(.dwui-accordion-section-contents.dwui-shrunk) {
+  height: auto;
+  max-height: 70px;
+  transition: all 0.3s linear;
+}
+
+/* 縮めたときは中身の下側を背景色へ溶け込ませ、続きがあることを示す */
+:where(.dwui-accordion-section-contents.dwui-shrunk:not(.dwui-no-gradient))::after {
+  content: '';
+  position: absolute;
+  inset: 0;
+  background-image: linear-gradient(180deg, transparent 0%, transparent 60%, var(--dwui-accordion-section-fade, Canvas) 100%);
+  pointer-events: none;
+}
+
+:where(.dwui-accordion-section-control) {
+  /* 中身(position: relative)より後に描き、縮めたときに重ねたボタンがぼかしの下に隠れないようにする */
+  position: relative;
+  display: flex;
+  justify-content: center;
+  width: 100%;
+}
+
+:where(.dwui-accordion-section-toggle) {
+  display: inline-flex;
+  align-items: center;
+  cursor: pointer;
+}
+
+:where(.dwui-accordion-section-toggle:disabled) {
+  opacity: 0.6;
+  cursor: not-allowed;
+}
+
+:where(.dwui-accordion-section-toggle[aria-expanded='true']) {
+  margin-top: 8px;
+}
+
+/* 縮めたときはボタンを中身のぼかしに少し重ね、中身とボタンの間を詰める */
+:where(.dwui-accordion-section-toggle[aria-expanded='false']) {
+  margin-top: -10px;
+}
+</style>

package/src/components.ts

@@ -1,7 +1,10 @@
 // 公開するコンポーネントをここに列挙する。index/register/nuxtはここから読む
 export { default as AccordionFieldset } from '@/accordion-fieldset.vue';
+export { default as AccordionSection } from '@/accordion-section.vue';
 export { default as HourglassLoading } from '@/hourglass-loading.vue';
 export { default as LabelButton } from '@/label-button.vue';
 export { default as LabelIcon } from '@/label-icon.vue';
+export { default as PageSection } from '@/page-section.vue';
+export { default as PageTitle } from '@/page-title.vue';
 export { default as TabContent } from '@/tab-content.vue';
 export { default as TabGroup } from '@/tab-group.vue';

package/src/internal/use-shrinkable.ts

@@ -0,0 +1,37 @@
+import { onBeforeUnmount, onMounted, ref } from 'vue';
+import type { Ref } from 'vue';
+
+/** 縮めたときの中身の高さ(px)。中身がこれより低い場合は開閉しない */
+export const SHRUNK_HEIGHT = 70;
+
+/**
+ * 中身が縮めたときの高さ以上あり、開閉できるかを返す
+ * 中身の大きさが変わるたびに測り直すため、隠れたタブの中にあって後から表示された場合や、中身が増減した場合も再判定される
+ * 縮めている間も中身の本来の高さで判定する
+ *
+ * @param {Ref<HTMLElement | undefined>} contents 開閉する中身の要素
+ * @returns {Ref<boolean>}
+ */
+export function useShrinkable(contents: Ref<HTMLElement | undefined>): Ref<boolean> {
+  // 測るまではSSRの出力と揃えるため、開閉できるものとして扱う
+  const shrinkable = ref(true);
+  let resizeObserver: ResizeObserver | undefined;
+
+  onMounted(() => {
+    const element = contents.value;
+    if (element == null) {
+      return;
+    }
+    // 監視を始めた時点でも1回呼ばれる
+    resizeObserver = new ResizeObserver(() => {
+      shrinkable.value = SHRUNK_HEIGHT <= element.scrollHeight;
+    });
+    resizeObserver.observe(element);
+  });
+
+  onBeforeUnmount(() => {
+    resizeObserver?.disconnect();
+  });
+
+  return shrinkable;
+}

package/src/page-section.vue

@@ -0,0 +1,103 @@
+<!--
+見出し付きの区画
+-->
+<template>
+  <section class="dwui-page-section">
+    <div
+      v-if="props.title != null"
+      class="dwui-page-section-title"
+      :class="props.titleClass"
+      :style="props.titleStyle"
+    >
+      <LabelIcon>
+        <template #icon>
+          <slot name="icon">
+            <component
+              :is="presetIcon.component"
+              v-bind="presetIcon.props"
+            />
+          </slot>
+        </template>
+        {{ props.title }}
+      </LabelIcon>
+    </div>
+    <div class="dwui-page-section-content">
+      <slot />
+    </div>
+  </section>
+</template>
+
+<script setup lang="ts">
+import { computed } from 'vue';
+import type { ClassValue, Component, StyleValue } from 'vue';
+import { SvgCircle, SvgDiamond, SvgPushpin, SvgRoundPushpin, SvgSquare } from '@digitalwalletcorp/vue-svg-icons';
+import LabelIcon from '@/label-icon.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;
+}
+const props = withDefaults(defineProps<Props>(), {
+  icon: 'diamond'
+});
+
+interface Slots {
+  /** 見出しの文字の前に表示するアイコン。iconより優先する */
+  icon?(): unknown;
+  default?(): unknown;
+}
+defineSlots<Slots>();
+
+/**
+ * プリセットのアイコン。shapeがtrueのものは、大きさと色を受け取る
+ * 見出しの既定のアイコンの色は、アイコン側の既定値が変わっても変わらないようにここで持つ
+ */
+const PRESET_ICONS: Record<PageSectionIcon, { component: Component; shape: boolean; color?: string }> = {
+  'diamond': { component: SvgDiamond, shape: true, color: '#1a44b6' },
+  'circle': { component: SvgCircle, shape: true, color: '#e78b2f' },
+  'square': { component: SvgSquare, shape: true, color: '#d13a2b' },
+  'pushpin': { component: SvgPushpin, shape: false },
+  'round-pushpin': { component: SvgRoundPushpin, shape: false }
+};
+
+const presetIcon = computed((): { component: Component; props: Record<string, unknown> } => {
+  const preset = PRESET_ICONS[props.icon];
+  return {
+    component: preset.component,
+    props: preset.shape ? { variant: props.iconVariant, color: props.iconColor ?? preset.color } : {}
+  };
+});
+</script>
+
+<style>
+:where(.dwui-page-section) {
+  display: block;
+  margin: 4px 0 8px;
+  padding-top: 2px;
+  font-size: var(--dwui-page-section-font-size, 12px);
+  font-weight: 500;
+}
+
+:where(.dwui-page-section-title) {
+  display: flex;
+  align-items: center;
+  font-size: var(--dwui-page-section-title-font-size, 14px);
+}
+
+:where(.dwui-page-section-content) {
+  margin: 8px 0 8px 16px;
+}
+</style>

package/src/page-title.vue

@@ -0,0 +1,56 @@
+<!--
+画面のタイトルバー。右側にスロットで渡されたものを space-between で配置する。
+-->
+<template>
+  <section class="dwui-page-title">
+    <LabelIcon class="dwui-page-title-label">
+      <!-- 渡されたスロットだけを中継する。空のスロットを渡すとアイコンの位置に間隔が空くため -->
+      <template
+        v-if="slots.icon != null"
+        #icon
+      >
+        <slot name="icon" />
+      </template>
+      {{ props.title }}
+    </LabelIcon>
+    <span
+      v-if="slots.default != null"
+      class="dwui-page-title-actions"
+    >
+      <slot />
+    </span>
+  </section>
+</template>
+
+<script setup lang="ts">
+import LabelIcon from '@/label-icon.vue';
+
+interface Props {
+  /** タイトルの文字 */
+  title: string;
+}
+const props = defineProps<Props>();
+
+interface Slots {
+  /** タイトルの文字の前に表示するアイコン */
+  icon?(): unknown;
+  /** タイトルバーの右側に表示する内容 */
+  default?(): unknown;
+}
+const slots = defineSlots<Slots>();
+</script>
+
+<style>
+:where(.dwui-page-title) {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  width: var(--dwui-page-title-width, auto);
+  padding: 4px;
+  border-radius: 4px;
+  background: var(--dwui-page-title-bg, linear-gradient(#323232 0%, rgb(32, 32, 31) 25%, rgb(32, 32, 31) 75%, #323232 100%));
+  color: var(--dwui-page-title-text, rgb(220, 220, 220));
+  font-size: var(--dwui-page-title-font-size, 14px);
+  font-weight: var(--dwui-page-title-font-weight, normal);
+}
+</style>

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

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

package/lib/accordion-fieldset.vue_vue_type_style_index_0_lang-Dk5Id0dl.js

@@ -1,79 +0,0 @@
-import { defineComponent as u, useSlots as f, ref as x, reactive as g, onMounted as m, watch as b, openBlock as s, createElementBlock as _, createElementVNode as a, createVNode as k, unref as h, createBlock as v, createSlots as C, withCtx as r, renderSlot as i, createTextVNode as w, toDisplayString as y, createCommentVNode as B, normalizeClass as E } from "vue";
-import { SvgTriangleButton as S } from "@digitalwalletcorp/vue-svg-icons";
-import { _ as N } from "./label-icon.vue_vue_type_style_index_0_lang-bQFkQ_gC.js";
-const T = ["disabled"], V = ["aria-expanded"], $ = 70, G = /* @__PURE__ */ u({
-  __name: "accordion-fieldset",
-  props: {
-    legend: {},
-    disabled: { type: Boolean },
-    initialExpand: { type: Boolean },
-    observer: {}
-  },
-  setup(c) {
-    const n = c, o = f(), d = x(), e = g({
-      expandable: !0,
-      expanded: !0
-    }), p = () => {
-      e.expanded = !e.expanded, e.expandable = l();
-    }, l = () => {
-      if (d.value) {
-        const t = d.value.getBoundingClientRect();
-        return $ <= t.height;
-      }
-      return !1;
-    };
-    return m(() => {
-      e.expanded = !!n.initialExpand, n.observer && (e.expandable = l());
-    }), b(() => n.observer, (t) => {
-      t && (e.expandable = l());
-    }, {
-      deep: !0,
-      // 高さの計測はDOM反映後に行う
-      flush: "post"
-    }), (t, H) => (s(), _("fieldset", {
-      class: "dwui-accordion-fieldset",
-      disabled: n.disabled
-    }, [
-      a("legend", null, [
-        a("button", {
-          type: "button",
-          class: "dwui-accordion-toggle",
-          "aria-expanded": e.expanded,
-          onClick: p
-        }, [
-          k(h(S), {
-            direction: e.expanded ? "up" : "down"
-          }, null, 8, ["direction"]),
-          n.legend != null || o.legend != null || o.icon != null ? (s(), v(N, { key: 0 }, C({ _: 2 }, [
-            o.icon != null ? {
-              name: "icon",
-              fn: r(() => [
-                i(t.$slots, "icon")
-              ]),
-              key: "0"
-            } : void 0,
-            n.legend != null || o.legend != null ? {
-              name: "default",
-              fn: r(() => [
-                i(t.$slots, "legend", {}, () => [
-                  w(y(n.legend), 1)
-                ])
-              ]),
-              key: "1"
-            } : void 0
-          ]), 1024)) : B("", !0)
-        ], 8, V)
-      ]),
-      a("div", {
-        ref_key: "refContents",
-        ref: d,
-        class: E(["dwui-accordion-contents", e.expandable ? e.expanded ? "dwui-expanded" : "dwui-shrunk" : ""])
-      }, [
-        i(t.$slots, "default")
-      ], 2)
-    ], 8, T));
-  }
-});
-export {
-  G as _
-};

package/lib/components-CvmuAs2C.cjs

@@ -1 +0,0 @@
-"use strict";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"),n=require("./label-button.vue_vue_type_script_setup_true_lang-DqhdCgmJ.cjs"),t=require("./label-icon.vue_vue_type_style_index_0_lang-C2URq6GP.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"),u=Object.freeze(Object.defineProperty({__proto__:null,AccordionFieldset:e._sfc_main,HourglassLoading:_._sfc_main,LabelButton:n._sfc_main,LabelIcon:t._sfc_main,TabContent:o._sfc_main,TabGroup:s._sfc_main},Symbol.toStringTag,{value:"Module"}));exports.components=u;

package/lib/components-p1BluzXb.js

@@ -1,18 +0,0 @@
-import { _ as o } from "./accordion-fieldset.vue_vue_type_style_index_0_lang-Dk5Id0dl.js";
-import { _ } from "./hourglass-loading.vue_vue_type_style_index_0_lang-DkUGIxQ2.js";
-import { _ as a } 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 m } from "./tab-content.vue_vue_type_style_index_0_lang-CcQLHmIF.js";
-import { _ as t } from "./tab-group.vue_vue_type_style_index_0_lang-CjnBkvvZ.js";
-const p = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  AccordionFieldset: o,
-  HourglassLoading: _,
-  LabelButton: a,
-  LabelIcon: r,
-  TabContent: m,
-  TabGroup: t
-}, Symbol.toStringTag, { value: "Module" }));
-export {
-  p as c
-};