@scalar/api-reference 1.38.1 → 1.39.1

package/dist/components/Section/CompactSection.vue2.js

@@ -1,61 +1,60 @@
-import { defineComponent as u, ref as m, watch as p, nextTick as f, createElementBlock as v, openBlock as i, createElementVNode as b, createBlock as h, createCommentVNode as g, normalizeClass as n, createVNode as r, unref as o, withCtx as s, renderSlot as d } from "vue";
-import { scrollToId as C } from "@scalar/helpers/dom/scroll-to-id";
-import { ScalarIconCaretRight as k } from "@scalar/icons";
-import { useNavState as S } from "../../hooks/useNavState.js";
-import w from "../Anchor/Anchor.vue.js";
-import y from "./Section.vue.js";
-const B = { class: "collapsible-section" }, N = ["id", "aria-controls", "aria-expanded"], R = /* @__PURE__ */ u({
+import { defineComponent, createElementBlock, openBlock, createElementVNode, createBlock, createCommentVNode, normalizeClass, createVNode, unref, withCtx, renderSlot } from "vue";
+import { ScalarIconCaretRight } from "@scalar/icons";
+import Section from "./Section.vue.js";
+import _sfc_main$1 from "../Anchor/Anchor.vue.js";
+const _hoisted_1 = ["aria-label"];
+const _hoisted_2 = ["id", "aria-controls", "aria-expanded"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "CompactSection",
   props: {
     id: {},
     label: {},
-    defaultOpen: { type: Boolean, default: !1 }
+    modelValue: { type: Boolean }
   },
-  setup(a) {
-    const { hash: c } = S(), t = m(a.defaultOpen);
-    return p(
-      c,
-      async (e) => {
-        a.id === e && !t.value && (t.value = !0, await f(), C(a.id));
-      },
-      { immediate: !0 }
-    ), (e, l) => (i(), v("div", B, [
-      b("button", {
-        id: e.id,
-        "aria-controls": e.id,
-        "aria-expanded": t.value,
-        class: n(["collapsible-section-trigger", { "collapsible-section-trigger-open": t.value }]),
-        type: "button",
-        onClick: l[0] || (l[0] = ($) => t.value = !t.value)
+  emits: ["update:modelValue", "copyAnchorUrl"],
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("section", {
+        "aria-label": _ctx.label,
+        class: "collapsible-section"
       }, [
-        r(o(k), {
-          class: n(["size-3 transition-transform duration-100", { "rotate-90": t.value }]),
-          weight: "bold"
-        }, null, 8, ["class"]),
-        r(o(w), {
-          id: e.id,
-          class: "collapsible-section-header"
+        createElementVNode("button", {
+          id: _ctx.id,
+          "aria-controls": _ctx.id,
+          "aria-expanded": _ctx.modelValue,
+          class: normalizeClass(["collapsible-section-trigger", { "collapsible-section-trigger-open": _ctx.modelValue }]),
+          type: "button",
+          onClick: _cache[1] || (_cache[1] = ($event) => emit("update:modelValue", !_ctx.modelValue))
+        }, [
+          createVNode(unref(ScalarIconCaretRight), {
+            class: normalizeClass(["size-3 transition-transform duration-100", { "rotate-90": _ctx.modelValue }]),
+            weight: "bold"
+          }, null, 8, ["class"]),
+          createVNode(unref(_sfc_main$1), {
+            class: "collapsible-section-header",
+            onCopyAnchorUrl: _cache[0] || (_cache[0] = () => emit("copyAnchorUrl"))
+          }, {
+            default: withCtx(() => [
+              renderSlot(_ctx.$slots, "heading", {}, void 0, true)
+            ]),
+            _: 3
+          })
+        ], 10, _hoisted_2),
+        _ctx.modelValue ? (openBlock(), createBlock(Section, {
+          key: 0,
+          class: "collapsible-section-content",
+          label: _ctx.label
         }, {
-          default: s(() => [
-            d(e.$slots, "heading", {}, void 0, !0)
+          default: withCtx(() => [
+            renderSlot(_ctx.$slots, "default", {}, void 0, true)
           ]),
           _: 3
-        }, 8, ["id"])
-      ], 10, N),
-      t.value ? (i(), h(o(y), {
-        key: 0,
-        id: e.id,
-        class: "collapsible-section-content",
-        label: e.label
-      }, {
-        default: s(() => [
-          d(e.$slots, "default", {}, void 0, !0)
-        ]),
-        _: 3
-      }, 8, ["id", "label"])) : g("", !0)
-    ]));
+        }, 8, ["label"])) : createCommentVNode("", true)
+      ], 8, _hoisted_1);
+    };
   }
 });
 export {
-  R as default
+  _sfc_main as default
 };

package/dist/components/Section/Section.vue.d.ts

@@ -1,12 +1,12 @@
-type __VLS_Props = {
-    id?: string;
-    label?: string;
-};
-declare var __VLS_9: {};
+declare var __VLS_1: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_9) => any;
+    default?: (props: typeof __VLS_1) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_component: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    intersecting: () => any;
+}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{
+    onIntersecting?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {

package/dist/components/Section/Section.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Section.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Section/Section.vue"],"names":[],"mappings":"AAiEA,KAAK,WAAW,GAAG;IACjB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAC;AA2DF,QAAA,IAAI,OAAO,IAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAqB/C,QAAA,MAAM,eAAe,kSAMnB,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAQ1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"Section.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Section/Section.vue"],"names":[],"mappings":"AAgGA,QAAA,IAAI,OAAO,IAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAqB/C,QAAA,MAAM,eAAe;;;;iFAMnB,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAE1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/Section/Section.vue.js

@@ -1,7 +1,7 @@
-import o from "./Section.vue2.js";
+import _sfc_main from "./Section.vue2.js";
 /* empty css             */
-import t from "../../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-9bfffebe"]]);
+import _export_sfc from "../../_virtual/_plugin-vue_export-helper.js";
+const Section = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-be4443e9"]]);
 export {
-  m as default
+  Section as default
 };

package/dist/components/Section/Section.vue2.js

@@ -1,30 +1,23 @@
-import { defineComponent as s, createBlock as a, openBlock as l, withCtx as c, renderSlot as d } from "vue";
-import p from "../IntersectionObserver.vue.js";
-import { useNavState as f } from "../../hooks/useNavState.js";
-const b = /* @__PURE__ */ s({
+import { defineComponent, useTemplateRef, createElementBlock, openBlock, renderSlot } from "vue";
+import { useIntersection } from "../../hooks/use-intersection.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "Section",
-  props: {
-    id: {},
-    label: {}
-  },
-  setup(o) {
-    const e = o, { isIntersectionEnabled: n, replaceUrlState: r } = f();
-    function i() {
-      !e.label || !n.value || r(e.id ?? "");
-    }
-    return (t, u) => (l(), a(p, {
-      is: "section",
-      id: t.id,
-      class: "section",
-      onIntersecting: i
-    }, {
-      default: c(() => [
-        d(t.$slots, "default", {}, void 0, !0)
-      ]),
-      _: 3
-    }, 8, ["id"]));
+  emits: ["intersecting"],
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
+    const section = useTemplateRef("section");
+    useIntersection(section, () => emit("intersecting"));
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("section", {
+        ref_key: "section",
+        ref: section,
+        class: "section"
+      }, [
+        renderSlot(_ctx.$slots, "default", {}, void 0, true)
+      ], 512);
+    };
   }
 });
 export {
-  b as default
+  _sfc_main as default
 };

package/dist/components/Section/SectionAccordion.vue.d.ts

@@ -1,20 +1,24 @@
 type __VLS_Props = {
-    id?: string;
     transparent?: boolean;
+    modelValue: boolean;
 };
-declare var __VLS_19: {}, __VLS_21: {
-    active: any;
-}, __VLS_31: {}, __VLS_33: {};
+declare var __VLS_16: {}, __VLS_18: {
+    active: boolean;
+}, __VLS_28: {}, __VLS_30: {};
 type __VLS_Slots = {} & {
-    title?: (props: typeof __VLS_19) => any;
+    title?: (props: typeof __VLS_16) => any;
 } & {
-    actions?: (props: typeof __VLS_21) => any;
+    actions?: (props: typeof __VLS_18) => any;
 } & {
-    description?: (props: typeof __VLS_31) => any;
+    description?: (props: typeof __VLS_28) => any;
 } & {
-    default?: (props: typeof __VLS_33) => any;
+    default?: (props: typeof __VLS_30) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "update:modelValue": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {

package/dist/components/Section/SectionAccordion.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SectionAccordion.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Section/SectionAccordion.vue"],"names":[],"mappings":"AAkJA,KAAK,WAAW,GAAG;IACjB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB,CAAC;AA6JF,QAAA,IAAyB,QAAQ,IAAW,EAAE,QAAQ;;CAAW,EAAE,QAAQ,IAAW,EAAE,QAAQ,IAAY,CAAE;AAC9G,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC3C;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC7C;IAAE,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GACjD;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AA4BhD,QAAA,MAAM,eAAe,kSAMnB,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAQ1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"SectionAccordion.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Section/SectionAccordion.vue"],"names":[],"mappings":"AAiIA,KAAK,WAAW,GAAG;IACjB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,UAAU,EAAE,OAAO,CAAA;CACpB,CAAC;AA0IF,QAAA,IAAyB,QAAQ,IAAW,EAAE,QAAQ;;CAAW,EAAE,QAAQ,IAAW,EAAE,QAAQ,IAAY,CAAE;AAC9G,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC3C;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC7C;IAAE,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GACjD;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AA4BhD,QAAA,MAAM,eAAe;;;;kFAOnB,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAQ1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/Section/SectionAccordion.vue.js

@@ -1,7 +1,7 @@
-import o from "./SectionAccordion.vue2.js";
+import _sfc_main from "./SectionAccordion.vue2.js";
 /* empty css                      */
-import t from "../../_virtual/_plugin-vue_export-helper.js";
-const e = /* @__PURE__ */ t(o, [["__scopeId", "data-v-224efaa7"]]);
+import _export_sfc from "../../_virtual/_plugin-vue_export-helper.js";
+const SectionAccordion = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-ee08c887"]]);
 export {
-  e as default
+  SectionAccordion as default
 };

package/dist/components/Section/SectionAccordion.vue2.js

@@ -1,75 +1,76 @@
-import { defineComponent as h, ref as $, createBlock as b, openBlock as c, withCtx as e, createVNode as s, unref as t, normalizeClass as l, createElementVNode as d, createElementBlock as u, createCommentVNode as m, renderSlot as n } from "vue";
-import { Disclosure as k, DisclosureButton as S, DisclosurePanel as B } from "@headlessui/vue";
-import { ScalarIconCaretRight as C } from "@scalar/icons";
-import { useElementHover as y } from "@vueuse/core";
-import { useNavState as E } from "../../hooks/useNavState.js";
-import N from "../IntersectionObserver.vue.js";
-const D = { class: "section-accordion-button-content" }, I = {
+import { defineComponent, ref, createBlock, openBlock, unref, normalizeClass, withCtx, createVNode, createCommentVNode, createElementVNode, createElementBlock, renderSlot } from "vue";
+import { Disclosure, DisclosureButton, DisclosurePanel } from "@headlessui/vue";
+import { ScalarIconCaretRight } from "@scalar/icons";
+import { useElementHover } from "@vueuse/core";
+const _hoisted_1 = { class: "section-accordion-button-content" };
+const _hoisted_2 = {
   key: 0,
   class: "section-accordion-button-actions"
-}, V = {
+};
+const _hoisted_3 = {
   key: 0,
   class: "section-accordion-description"
-}, g = { class: "section-accordion-content-card" }, j = /* @__PURE__ */ h({
+};
+const _hoisted_4 = { class: "section-accordion-content-card" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "SectionAccordion",
   props: {
-    id: {},
-    transparent: { type: Boolean }
+    transparent: { type: Boolean },
+    modelValue: { type: Boolean }
   },
-  setup(r) {
-    const i = $(), f = y(i), { isIntersectionEnabled: p, replaceUrlState: v } = E(), _ = () => {
-      !r.id || !p.value || v(r.id);
-    };
-    return (o, w) => (c(), b(N, {
-      id: o.id,
-      class: "section-wrapper",
-      onIntersecting: _
-    }, {
-      default: e(() => [
-        s(t(k), {
-          as: "section",
-          class: l(["section-accordion", { "section-accordion-transparent": o.transparent }])
-        }, {
-          default: e(({ open: a }) => [
-            s(t(S), {
-              ref_key: "button",
-              ref: i,
-              class: "section-accordion-button"
-            }, {
-              default: e(() => [
-                d("div", D, [
-                  n(o.$slots, "title", {}, void 0, !0)
-                ]),
-                o.$slots.actions ? (c(), u("div", I, [
-                  n(o.$slots, "actions", {
-                    active: t(f) || a
-                  }, void 0, !0)
-                ])) : m("", !0),
-                s(t(C), {
-                  class: l(["section-accordion-chevron size-4.5 transition-transform", { "rotate-90": a }])
-                }, null, 8, ["class"])
+  emits: ["update:modelValue"],
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
+    const button = ref();
+    const isHovered = useElementHover(button);
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(Disclosure), {
+        as: "section",
+        class: normalizeClass(["section-accordion", { "section-accordion-transparent": _ctx.transparent }])
+      }, {
+        default: withCtx(() => [
+          createVNode(unref(DisclosureButton), {
+            ref_key: "button",
+            ref: button,
+            class: "section-accordion-button",
+            onClick: _cache[0] || (_cache[0] = () => emit("update:modelValue", !_ctx.modelValue))
+          }, {
+            default: withCtx(() => [
+              createElementVNode("div", _hoisted_1, [
+                renderSlot(_ctx.$slots, "title", {}, void 0, true)
               ]),
-              _: 2
-            }, 1536),
-            s(t(B), { class: "section-accordion-content" }, {
-              default: e(() => [
-                o.$slots.description ? (c(), u("div", V, [
-                  n(o.$slots, "description", {}, void 0, !0)
-                ])) : m("", !0),
-                d("div", g, [
-                  n(o.$slots, "default", {}, void 0, !0)
-                ])
-              ]),
-              _: 3
-            })
-          ]),
-          _: 3
-        }, 8, ["class"])
-      ]),
-      _: 3
-    }, 8, ["id"]));
+              _ctx.$slots.actions ? (openBlock(), createElementBlock("div", _hoisted_2, [
+                renderSlot(_ctx.$slots, "actions", {
+                  active: unref(isHovered) || _ctx.modelValue
+                }, void 0, true)
+              ])) : createCommentVNode("", true),
+              createVNode(unref(ScalarIconCaretRight), {
+                class: normalizeClass(["section-accordion-chevron size-4.5 transition-transform", { "rotate-90": _ctx.modelValue }])
+              }, null, 8, ["class"])
+            ]),
+            _: 3
+          }, 512),
+          _ctx.modelValue ? (openBlock(), createBlock(unref(DisclosurePanel), {
+            key: 0,
+            class: "section-accordion-content",
+            static: ""
+          }, {
+            default: withCtx(() => [
+              _ctx.$slots.description ? (openBlock(), createElementBlock("div", _hoisted_3, [
+                renderSlot(_ctx.$slots, "description", {}, void 0, true)
+              ])) : createCommentVNode("", true),
+              createElementVNode("div", _hoisted_4, [
+                renderSlot(_ctx.$slots, "default", {}, void 0, true)
+              ])
+            ]),
+            _: 3
+          })) : createCommentVNode("", true)
+        ]),
+        _: 3
+      }, 8, ["class"]);
+    };
   }
 });
 export {
-  j as default
+  _sfc_main as default
 };

package/dist/components/Section/SectionColumn.vue.js

@@ -1,13 +1,14 @@
-import { createElementBlock as o, openBlock as t, renderSlot as c } from "vue";
+import { createElementBlock, openBlock, renderSlot } from "vue";
 /* empty css                   */
-import n from "../../_virtual/_plugin-vue_export-helper.js";
-const r = {}, s = { class: "section-column" };
-function d(e, _) {
-  return t(), o("div", s, [
-    c(e.$slots, "default", {}, void 0, !0)
+import _export_sfc from "../../_virtual/_plugin-vue_export-helper.js";
+const _sfc_main = {};
+const _hoisted_1 = { class: "section-column" };
+function _sfc_render(_ctx, _cache) {
+  return openBlock(), createElementBlock("div", _hoisted_1, [
+    renderSlot(_ctx.$slots, "default", {}, void 0, true)
   ]);
 }
-const f = /* @__PURE__ */ n(r, [["render", d], ["__scopeId", "data-v-699c28e3"]]);
+const SectionColumn = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-699c28e3"]]);
 export {
-  f as default
+  SectionColumn as default
 };

package/dist/components/Section/SectionColumns.vue.js

@@ -1,13 +1,14 @@
-import { createElementBlock as o, openBlock as t, renderSlot as n } from "vue";
+import { createElementBlock, openBlock, renderSlot } from "vue";
 /* empty css                    */
-import c from "../../_virtual/_plugin-vue_export-helper.js";
-const r = {}, s = { class: "section-columns" };
-function d(e, _) {
-  return t(), o("div", s, [
-    n(e.$slots, "default", {}, void 0, !0)
+import _export_sfc from "../../_virtual/_plugin-vue_export-helper.js";
+const _sfc_main = {};
+const _hoisted_1 = { class: "section-columns" };
+function _sfc_render(_ctx, _cache) {
+  return openBlock(), createElementBlock("div", _hoisted_1, [
+    renderSlot(_ctx.$slots, "default", {}, void 0, true)
   ]);
 }
-const a = /* @__PURE__ */ c(r, [["render", d], ["__scopeId", "data-v-8b9602bf"]]);
+const SectionColumns = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-8b9602bf"]]);
 export {
-  a as default
+  SectionColumns as default
 };

package/dist/components/Section/SectionContainer.vue.js

@@ -1,7 +1,7 @@
-import o from "./SectionContainer.vue2.js";
+import _sfc_main from "./SectionContainer.vue2.js";
 /* empty css                      */
-import t from "../../_virtual/_plugin-vue_export-helper.js";
-const i = /* @__PURE__ */ t(o, [["__scopeId", "data-v-20a1472a"]]);
+import _export_sfc from "../../_virtual/_plugin-vue_export-helper.js";
+const SectionContainer = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-20a1472a"]]);
 export {
-  i as default
+  SectionContainer as default
 };

package/dist/components/Section/SectionContainer.vue2.js

@@ -1,18 +1,21 @@
-import { defineComponent as t, renderSlot as o, createElementBlock as n, openBlock as r } from "vue";
-const s = {
+import { defineComponent, renderSlot, createElementBlock, openBlock } from "vue";
+const _hoisted_1 = {
   key: 1,
   class: "section-container"
-}, c = /* @__PURE__ */ t({
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "SectionContainer",
   props: {
     omit: { type: Boolean }
   },
-  setup(i) {
-    return (e, a) => e.omit ? o(e.$slots, "default", { key: 0 }, void 0, !0) : (r(), n("div", s, [
-      o(e.$slots, "default", {}, void 0, !0)
-    ]));
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return _ctx.omit ? renderSlot(_ctx.$slots, "default", { key: 0 }, void 0, true) : (openBlock(), createElementBlock("div", _hoisted_1, [
+        renderSlot(_ctx.$slots, "default", {}, void 0, true)
+      ]));
+    };
   }
 });
 export {
-  c as default
+  _sfc_main as default
 };

package/dist/components/Section/SectionContainerAccordion.vue.d.ts

@@ -1,10 +1,17 @@
-declare var __VLS_13: {}, __VLS_19: {};
+type __VLS_Props = {
+    modelValue: boolean;
+};
+declare var __VLS_17: {}, __VLS_23: {};
 type __VLS_Slots = {} & {
-    title?: (props: typeof __VLS_13) => any;
+    title?: (props: typeof __VLS_17) => any;
 } & {
-    default?: (props: typeof __VLS_19) => any;
+    default?: (props: typeof __VLS_23) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "update:modelValue": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {

package/dist/components/Section/SectionContainerAccordion.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SectionContainerAccordion.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Section/SectionContainerAccordion.vue"],"names":[],"mappings":"AA4LA,QAAA,IAAI,QAAQ,IAAW,EAAE,QAAQ,IAAY,CAAE;AAC/C,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC3C;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAsBhD,QAAA,MAAM,eAAe,+QAKnB,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAE1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"SectionContainerAccordion.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Section/SectionContainerAccordion.vue"],"names":[],"mappings":"AAsGA,KAAK,WAAW,GAAG;IACjB,UAAU,EAAE,OAAO,CAAA;CACpB,CAAC;AAgHF,QAAA,IAAI,QAAQ,IAAW,EAAE,QAAQ,IAAY,CAAE;AAC/C,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC3C;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAyBhD,QAAA,MAAM,eAAe;;;;kFAOnB,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAQ1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/Section/SectionContainerAccordion.vue.js

@@ -1,7 +1,7 @@
-import o from "./SectionContainerAccordion.vue2.js";
+import _sfc_main from "./SectionContainerAccordion.vue2.js";
 /* empty css                               */
-import t from "../../_virtual/_plugin-vue_export-helper.js";
-const c = /* @__PURE__ */ t(o, [["__scopeId", "data-v-4ea50e41"]]);
+import _export_sfc from "../../_virtual/_plugin-vue_export-helper.js";
+const SectionContainerAccordion = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-9419dd23"]]);
 export {
-  c as default
+  SectionContainerAccordion as default
 };

package/dist/components/Section/SectionContainerAccordion.vue2.js

@@ -1,39 +1,54 @@
-import { defineComponent as r, createElementBlock as a, openBlock as i, createVNode as o, unref as e, withCtx as t, createElementVNode as l, normalizeClass as d, renderSlot as s } from "vue";
-import { Disclosure as u, DisclosureButton as f, DisclosurePanel as m } from "@headlessui/vue";
-import { ScalarIconCaretRight as _ } from "@scalar/icons";
-const p = { class: "section-accordion-wrapper" }, h = { class: "section-accordion-title" }, k = /* @__PURE__ */ r({
+import { defineComponent, createElementBlock, openBlock, createVNode, unref, withCtx, createBlock, createCommentVNode, createElementVNode, normalizeClass, renderSlot } from "vue";
+import { Disclosure, DisclosureButton, DisclosurePanel } from "@headlessui/vue";
+import { ScalarIconCaretRight } from "@scalar/icons";
+const _hoisted_1 = { class: "section-accordion-wrapper" };
+const _hoisted_2 = { class: "section-accordion-title" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "SectionContainerAccordion",
-  setup(v) {
-    return (c, C) => (i(), a("div", p, [
-      o(e(u), {
-        as: "div",
-        class: "section-accordion",
-        defaultOpen: ""
-      }, {
-        default: t(({ open: n }) => [
-          o(e(f), { class: "section-accordion-button" }, {
-            default: t(() => [
-              o(e(_), {
-                class: d(["section-accordion-chevron size-5 transition-transform", { "rotate-90": n }])
-              }, null, 8, ["class"]),
-              l("div", h, [
-                s(c.$slots, "title", {}, void 0, !0)
-              ])
-            ]),
-            _: 2
-          }, 1024),
-          o(e(m), { class: "section-accordion-content" }, {
-            default: t(() => [
-              s(c.$slots, "default", {}, void 0, !0)
-            ]),
-            _: 3
-          })
-        ]),
-        _: 3
-      })
-    ]));
+  props: {
+    modelValue: { type: Boolean }
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("section", _hoisted_1, [
+        createVNode(unref(Disclosure), {
+          as: "div",
+          class: "section-accordion"
+        }, {
+          default: withCtx(() => [
+            createVNode(unref(DisclosureButton), {
+              class: "section-accordion-button",
+              onClick: _cache[0] || (_cache[0] = ($event) => emit("update:modelValue", !_ctx.modelValue))
+            }, {
+              default: withCtx(() => [
+                createVNode(unref(ScalarIconCaretRight), {
+                  class: normalizeClass(["section-accordion-chevron size-5 transition-transform", { "rotate-90": _ctx.modelValue }])
+                }, null, 8, ["class"]),
+                createElementVNode("div", _hoisted_2, [
+                  renderSlot(_ctx.$slots, "title", {}, void 0, true)
+                ])
+              ]),
+              _: 3
+            }),
+            _ctx.modelValue ? (openBlock(), createBlock(unref(DisclosurePanel), {
+              key: 0,
+              class: "section-accordion-content",
+              static: ""
+            }, {
+              default: withCtx(() => [
+                renderSlot(_ctx.$slots, "default", {}, void 0, true)
+              ]),
+              _: 3
+            })) : createCommentVNode("", true)
+          ]),
+          _: 3
+        })
+      ]);
+    };
   }
 });
 export {
-  k as default
+  _sfc_main as default
 };