@gcsa/console-vue 0.1.0

package/dist/components/GcsaChatPanel.vue.js

@@ -0,0 +1,291 @@
+import { defineComponent as H, computed as u, ref as g, inject as I, onUnmounted as U, watch as z, openBlock as l, createElementBlock as n, createVNode as b, Transition as O, withCtx as S, normalizeClass as _, createElementVNode as s, toDisplayString as y, createCommentVNode as i, renderSlot as c, createTextVNode as M, Fragment as Y, renderList as q, createBlock as J, withModifiers as B, withDirectives as Q, withKeys as W, vModelText as X, nextTick as Z } from "vue";
+import { shouldRenderGcsaChatMarkdown as ee, gcsaChatAvatarLabel as te, formatGcsaChatTime as ae, copyGcsaText as se } from "@gcsa/console-core";
+import { GCSA_MESSAGE_KEY as oe } from "../composables/useMessage.js";
+import le from "./GcsaAvatar.vue.js";
+import ne from "./GcsaButton.vue.js";
+import re from "./GcsaMarkdownRenderer.vue.js";
+import { useGcsaLocaleMessages as ce } from "../composables/useGcsaLocale.js";
+const ie = { class: "gcsa-chat gcsa-ui-surface" }, de = {
+  class: "gcsa-toast__icon",
+  "aria-hidden": "true"
+}, ue = {
+  key: 0,
+  width: "14",
+  height: "14",
+  viewBox: "0 0 24 24",
+  fill: "none"
+}, he = {
+  key: 1,
+  width: "14",
+  height: "14",
+  viewBox: "0 0 24 24",
+  fill: "none"
+}, me = { class: "gcsa-toast__content" }, ye = {
+  key: 0,
+  class: "gcsa-chat__header"
+}, ve = {
+  key: 0,
+  class: "gcsa-chat__empty"
+}, pe = { class: "gcsa-chat__message-body" }, fe = {
+  key: 1,
+  class: "gcsa-chat__plain"
+}, _e = {
+  key: 2,
+  class: "gcsa-chat__cursor",
+  "aria-hidden": "true"
+}, ge = {
+  key: 0,
+  class: "gcsa-chat__bubble-actions"
+}, be = ["title", "aria-label", "onClick"], ke = {
+  key: 0,
+  class: "gcsa-chat__meta"
+}, we = ["datetime"], Ce = { class: "gcsa-chat__composer" }, Le = ["placeholder", "disabled", "onKeydown"], xe = /* @__PURE__ */ H({
+  name: "GcsaChatPanel",
+  __name: "GcsaChatPanel",
+  props: {
+    messages: {},
+    loading: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 },
+    placeholder: {},
+    sendLabel: {},
+    sendingLabel: {},
+    emptyText: {},
+    renderMarkdown: { type: [Boolean, String], default: "assistant" },
+    showTimestamp: { type: Boolean, default: !0 },
+    showAvatars: { type: Boolean, default: !0 },
+    copyable: { type: Boolean, default: !0 },
+    copyLabel: {},
+    copySuccessLabel: {},
+    copyErrorLabel: {},
+    streamingCursor: { default: "▍" },
+    avatarLabels: {}
+  },
+  emits: ["send", "copy"],
+  setup(r, { emit: E }) {
+    const o = r, d = ce(), A = u(() => o.placeholder ?? d.value.chatPlaceholder), G = u(() => o.sendLabel ?? d.value.chatSend), x = u(() => o.sendingLabel ?? d.value.chatSending), N = u(() => o.emptyText ?? d.value.chatEmpty), k = u(() => o.copyLabel ?? d.value.chatCopy), V = u(() => o.copySuccessLabel ?? d.value.chatCopySuccess), D = u(() => o.copyErrorLabel ?? d.value.chatCopyError), w = E, v = g(""), f = g(null), h = g(null), C = I(oe, null);
+    let m = null;
+    function L(e) {
+      return ee(e, o.renderMarkdown);
+    }
+    function K(e) {
+      return te(e, o.avatarLabels);
+    }
+    function T(e) {
+      return ae(e);
+    }
+    function P(e) {
+      if (e == null || e === "") return;
+      const a = e instanceof Date ? e : new Date(e);
+      if (!Number.isNaN(a.getTime()))
+        return a.toISOString();
+    }
+    function $() {
+      const e = v.value.trim();
+      !e || o.loading || o.disabled || (w("send", e), v.value = "");
+    }
+    async function R(e) {
+      const a = await se(e.content);
+      w("copy", e), j(a ? V.value : D.value, a ? "success" : "error");
+    }
+    function j(e, a = "success") {
+      if (C) {
+        C[a](e);
+        return;
+      }
+      h.value = { text: e, type: a }, m && clearTimeout(m), m = setTimeout(() => {
+        h.value = null, m = null;
+      }, 2e3);
+    }
+    U(() => {
+      m && clearTimeout(m);
+    });
+    async function F() {
+      await Z(), f.value && (f.value.scrollTop = f.value.scrollHeight);
+    }
+    return z(
+      () => {
+        const e = o.messages[o.messages.length - 1];
+        return [o.messages.length, e == null ? void 0 : e.content, e == null ? void 0 : e.status];
+      },
+      F
+    ), (e, a) => (l(), n("section", ie, [
+      b(O, { name: "gcsa-chat-toast" }, {
+        default: S(() => [
+          h.value ? (l(), n("div", {
+            key: 0,
+            class: _(["gcsa-chat__toast gcsa-toast", `gcsa-toast--${h.value.type}`]),
+            role: "status"
+          }, [
+            s("span", de, [
+              h.value.type === "success" ? (l(), n("svg", ue, [...a[1] || (a[1] = [
+                s("path", {
+                  d: "M20 6 9 17l-5-5",
+                  stroke: "currentColor",
+                  "stroke-width": "2",
+                  "stroke-linecap": "round",
+                  "stroke-linejoin": "round"
+                }, null, -1)
+              ])])) : (l(), n("svg", he, [...a[2] || (a[2] = [
+                s("path", {
+                  d: "M15 9l-6 6M9 9l6 6",
+                  stroke: "currentColor",
+                  "stroke-width": "2",
+                  "stroke-linecap": "round"
+                }, null, -1),
+                s("circle", {
+                  cx: "12",
+                  cy: "12",
+                  r: "9",
+                  stroke: "currentColor",
+                  "stroke-width": "1.75"
+                }, null, -1)
+              ])]))
+            ]),
+            s("span", me, y(h.value.text), 1)
+          ], 2)) : i("", !0)
+        ]),
+        _: 1
+      }),
+      e.$slots.header ? (l(), n("header", ye, [
+        c(e.$slots, "header")
+      ])) : i("", !0),
+      s("div", {
+        ref_key: "listRef",
+        ref: f,
+        class: "gcsa-chat__messages"
+      }, [
+        r.messages.length ? i("", !0) : (l(), n("div", ve, [
+          c(e.$slots, "empty", {}, () => [
+            M(y(N.value), 1)
+          ])
+        ])),
+        (l(!0), n(Y, null, q(r.messages, (t, p) => c(e.$slots, "message", {
+          message: t,
+          index: p
+        }, () => [
+          s("article", {
+            class: _(["gcsa-chat__message", [
+              `gcsa-chat__message--${t.role}`,
+              {
+                "gcsa-chat__message--system-ready": t.systemReady,
+                "gcsa-chat__message--error": t.error || t.status === "error",
+                "gcsa-chat__message--streaming": t.status === "streaming"
+              }
+            ]])
+          }, [
+            r.showAvatars && t.role !== "system" ? (l(), n("div", {
+              key: 0,
+              class: _(["gcsa-chat__avatar", `gcsa-chat__avatar--${t.role}`])
+            }, [
+              c(e.$slots, "avatar", {
+                message: t,
+                index: p
+              }, () => [
+                b(le, {
+                  text: K(t)
+                }, null, 8, ["text"])
+              ])
+            ], 2)) : i("", !0),
+            s("div", pe, [
+              s("div", {
+                class: _(["gcsa-chat__bubble", [
+                  `gcsa-chat__bubble--${t.role}`,
+                  { "gcsa-chat__bubble--rich": L(t) }
+                ]])
+              }, [
+                c(e.$slots, "message-content", {
+                  message: t,
+                  index: p
+                }, () => [
+                  L(t) ? (l(), J(re, {
+                    key: 0,
+                    content: t.content
+                  }, null, 8, ["content"])) : (l(), n("p", fe, y(t.content), 1)),
+                  t.status === "streaming" ? (l(), n("span", _e, y(r.streamingCursor), 1)) : i("", !0)
+                ]),
+                r.copyable && t.role === "assistant" && t.content ? (l(), n("div", ge, [
+                  c(e.$slots, "message-actions", {
+                    message: t,
+                    index: p
+                  }, () => [
+                    s("button", {
+                      type: "button",
+                      class: "gcsa-chat__action-btn",
+                      title: k.value,
+                      "aria-label": k.value,
+                      onClick: B((Te) => R(t), ["stop"])
+                    }, [...a[3] || (a[3] = [
+                      s("svg", {
+                        width: "14",
+                        height: "14",
+                        viewBox: "0 0 24 24",
+                        fill: "none",
+                        "aria-hidden": "true"
+                      }, [
+                        s("rect", {
+                          x: "9",
+                          y: "9",
+                          width: "13",
+                          height: "13",
+                          rx: "2",
+                          stroke: "currentColor",
+                          "stroke-width": "1.5"
+                        }),
+                        s("path", {
+                          d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1",
+                          stroke: "currentColor",
+                          "stroke-width": "1.5"
+                        })
+                      ], -1)
+                    ])], 8, be)
+                  ])
+                ])) : i("", !0)
+              ], 2),
+              r.showTimestamp && t.role !== "system" ? (l(), n("footer", ke, [
+                c(e.$slots, "message-footer", {
+                  message: t,
+                  index: p
+                }, () => [
+                  T(t.createdAt) ? (l(), n("time", {
+                    key: 0,
+                    datetime: P(t.createdAt)
+                  }, y(T(t.createdAt)), 9, we)) : i("", !0)
+                ])
+              ])) : i("", !0)
+            ])
+          ], 2)
+        ], void 0, t.id)), 128))
+      ], 512),
+      c(e.$slots, "composer", {}, () => [
+        s("div", Ce, [
+          c(e.$slots, "composer-prefix"),
+          Q(s("textarea", {
+            "onUpdate:modelValue": a[0] || (a[0] = (t) => v.value = t),
+            class: "gcsa-textarea gcsa-chat__input",
+            placeholder: A.value,
+            disabled: r.disabled || r.loading,
+            rows: "1",
+            onKeydown: W(B($, ["exact", "prevent"]), ["enter"])
+          }, null, 40, Le), [
+            [X, v.value]
+          ]),
+          c(e.$slots, "composer-actions", {}, () => [
+            b(ne, {
+              disabled: !v.value.trim() || r.loading || r.disabled,
+              onClick: $
+            }, {
+              default: S(() => [
+                M(y(r.loading ? x.value : G.value), 1)
+              ]),
+              _: 1
+            }, 8, ["disabled"])
+          ])
+        ])
+      ])
+    ]));
+  }
+});
+export {
+  xe as default
+};
+//# sourceMappingURL=GcsaChatPanel.vue.js.map

package/dist/components/GcsaChatPanel.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GcsaChatPanel.vue.js","sources":["../../src/components/GcsaChatPanel.vue"],"sourcesContent":["<template>\n  <section class=\"gcsa-chat gcsa-ui-surface\">\n    <Transition name=\"gcsa-chat-toast\">\n      <div\n        v-if=\"copyToast\"\n        class=\"gcsa-chat__toast gcsa-toast\"\n        :class=\"`gcsa-toast--${copyToast.type}`\"\n        role=\"status\"\n      >\n        <span class=\"gcsa-toast__icon\" aria-hidden=\"true\">\n          <svg v-if=\"copyToast.type === 'success'\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\">\n            <path d=\"M20 6 9 17l-5-5\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\n          </svg>\n          <svg v-else width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\">\n            <path d=\"M15 9l-6 6M9 9l6 6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" />\n            <circle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"currentColor\" stroke-width=\"1.75\" />\n          </svg>\n        </span>\n        <span class=\"gcsa-toast__content\">{{ copyToast.text }}</span>\n      </div>\n    </Transition>\n\n    <header v-if=\"$slots.header\" class=\"gcsa-chat__header\">\n      <slot name=\"header\" />\n    </header>\n\n    <div ref=\"listRef\" class=\"gcsa-chat__messages\">\n      <div v-if=\"!messages.length\" class=\"gcsa-chat__empty\">\n        <slot name=\"empty\">{{ resolvedEmptyText }}</slot>\n      </div>\n\n      <template v-for=\"(message, index) in messages\" :key=\"message.id\">\n        <slot name=\"message\" :message=\"message\" :index=\"index\">\n          <article\n            class=\"gcsa-chat__message\"\n            :class=\"[\n              `gcsa-chat__message--${message.role}`,\n              {\n                'gcsa-chat__message--system-ready': message.systemReady,\n                'gcsa-chat__message--error': message.error || message.status === 'error',\n                'gcsa-chat__message--streaming': message.status === 'streaming'\n              }\n            ]\"\n          >\n            <div\n              v-if=\"showAvatars && message.role !== 'system'\"\n              class=\"gcsa-chat__avatar\"\n              :class=\"`gcsa-chat__avatar--${message.role}`\"\n            >\n              <slot name=\"avatar\" :message=\"message\" :index=\"index\">\n                <GcsaAvatar :text=\"avatarLabel(message)\" />\n              </slot>\n            </div>\n\n            <div class=\"gcsa-chat__message-body\">\n              <div\n                class=\"gcsa-chat__bubble\"\n                :class=\"[\n                  `gcsa-chat__bubble--${message.role}`,\n                  { 'gcsa-chat__bubble--rich': useMarkdown(message) }\n                ]\"\n              >\n                <slot name=\"message-content\" :message=\"message\" :index=\"index\">\n                  <GcsaMarkdownRenderer\n                    v-if=\"useMarkdown(message)\"\n                    :content=\"message.content\"\n                  />\n                  <p v-else class=\"gcsa-chat__plain\">{{ message.content }}</p>\n                  <span\n                    v-if=\"message.status === 'streaming'\"\n                    class=\"gcsa-chat__cursor\"\n                    aria-hidden=\"true\"\n                  >{{ streamingCursor }}</span>\n                </slot>\n\n                <div\n                  v-if=\"copyable && message.role === 'assistant' && message.content\"\n                  class=\"gcsa-chat__bubble-actions\"\n                >\n                  <slot name=\"message-actions\" :message=\"message\" :index=\"index\">\n                    <button\n                      type=\"button\"\n                      class=\"gcsa-chat__action-btn\"\n                      :title=\"resolvedCopyLabel\"\n                      :aria-label=\"resolvedCopyLabel\"\n                      @click.stop=\"copyMessage(message)\"\n                    >\n                      <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n                        <rect x=\"9\" y=\"9\" width=\"13\" height=\"13\" rx=\"2\" stroke=\"currentColor\" stroke-width=\"1.5\" />\n                        <path d=\"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1\" stroke=\"currentColor\" stroke-width=\"1.5\" />\n                      </svg>\n                    </button>\n                  </slot>\n                </div>\n              </div>\n\n              <footer\n                v-if=\"showTimestamp && message.role !== 'system'\"\n                class=\"gcsa-chat__meta\"\n              >\n                <slot name=\"message-footer\" :message=\"message\" :index=\"index\">\n                  <time v-if=\"formatTime(message.createdAt)\" :datetime=\"timeIso(message.createdAt)\">\n                    {{ formatTime(message.createdAt) }}\n                  </time>\n                </slot>\n              </footer>\n            </div>\n          </article>\n        </slot>\n      </template>\n    </div>\n\n    <slot name=\"composer\">\n      <div class=\"gcsa-chat__composer\">\n        <slot name=\"composer-prefix\" />\n        <textarea\n          v-model=\"draft\"\n          class=\"gcsa-textarea gcsa-chat__input\"\n          :placeholder=\"resolvedPlaceholder\"\n          :disabled=\"disabled || loading\"\n          rows=\"1\"\n          @keydown.enter.exact.prevent=\"submit\"\n        />\n        <slot name=\"composer-actions\">\n          <GcsaButton :disabled=\"!draft.trim() || loading || disabled\" @click=\"submit\">\n            {{ loading ? resolvedSendingLabel : resolvedSendLabel }}\n          </GcsaButton>\n        </slot>\n      </div>\n    </slot>\n  </section>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, inject, nextTick, onUnmounted, ref, watch } from 'vue';\nimport type { GcsaChatMessage, GcsaChatMessageRole } from '@gcsa/console-core';\nimport {\n  copyGcsaText,\n  formatGcsaChatTime,\n  gcsaChatAvatarLabel,\n  shouldRenderGcsaChatMarkdown\n} from '@gcsa/console-core';\nimport { GCSA_MESSAGE_KEY } from '../composables/useMessage';\nimport type { GcsaChatPanelProps } from '../types/componentProps';\nimport GcsaAvatar from './GcsaAvatar.vue';\nimport GcsaButton from './GcsaButton.vue';\nimport GcsaMarkdownRenderer from './GcsaMarkdownRenderer.vue';\nimport { useGcsaLocaleMessages } from '../composables/useGcsaLocale';\n\ndefineOptions({ name: 'GcsaChatPanel' });\n\nconst props = withDefaults(\n  defineProps<GcsaChatPanelProps>(),\n  {\n    loading: false,\n    disabled: false,\n    renderMarkdown: 'assistant',\n    showTimestamp: true,\n    showAvatars: true,\n    copyable: true,\n    streamingCursor: '▍'\n  }\n);\n\nconst localeMessages = useGcsaLocaleMessages();\nconst resolvedPlaceholder = computed(() => props.placeholder ?? localeMessages.value.chatPlaceholder);\nconst resolvedSendLabel = computed(() => props.sendLabel ?? localeMessages.value.chatSend);\nconst resolvedSendingLabel = computed(() => props.sendingLabel ?? localeMessages.value.chatSending);\nconst resolvedEmptyText = computed(() => props.emptyText ?? localeMessages.value.chatEmpty);\nconst resolvedCopyLabel = computed(() => props.copyLabel ?? localeMessages.value.chatCopy);\nconst resolvedCopySuccessLabel = computed(() => props.copySuccessLabel ?? localeMessages.value.chatCopySuccess);\nconst resolvedCopyErrorLabel = computed(() => props.copyErrorLabel ?? localeMessages.value.chatCopyError);\n\nconst emit = defineEmits<{\n  send: [content: string];\n  copy: [message: GcsaChatMessage];\n}>();\n\nconst draft = ref('');\nconst listRef = ref<HTMLElement | null>(null);\nconst copyToast = ref<{ text: string; type: 'success' | 'error' } | null>(null);\nconst messageApi = inject(GCSA_MESSAGE_KEY, null);\nlet copyToastTimer: ReturnType<typeof setTimeout> | null = null;\n\nfunction useMarkdown(message: GcsaChatMessage) {\n  return shouldRenderGcsaChatMarkdown(message, props.renderMarkdown);\n}\n\nfunction avatarLabel(message: GcsaChatMessage) {\n  return gcsaChatAvatarLabel(message, props.avatarLabels);\n}\n\nfunction formatTime(value?: string | number | Date) {\n  return formatGcsaChatTime(value);\n}\n\nfunction timeIso(value?: string | number | Date) {\n  if (value == null || value === '') return undefined;\n  const date = value instanceof Date ? value : new Date(value);\n  if (Number.isNaN(date.getTime())) return undefined;\n  return date.toISOString();\n}\n\nfunction submit() {\n  const content = draft.value.trim();\n  if (!content || props.loading || props.disabled) return;\n  emit('send', content);\n  draft.value = '';\n}\n\nasync function copyMessage(message: GcsaChatMessage) {\n  const ok = await copyGcsaText(message.content);\n  emit('copy', message);\n  showCopyFeedback(ok ? resolvedCopySuccessLabel.value : resolvedCopyErrorLabel.value, ok ? 'success' : 'error');\n}\n\nfunction showCopyFeedback(text: string, tone: 'success' | 'error' = 'success') {\n  if (messageApi) {\n    messageApi[tone](text);\n    return;\n  }\n\n  copyToast.value = { text, type: tone };\n  if (copyToastTimer) clearTimeout(copyToastTimer);\n  copyToastTimer = setTimeout(() => {\n    copyToast.value = null;\n    copyToastTimer = null;\n  }, 2000);\n}\n\nonUnmounted(() => {\n  if (copyToastTimer) clearTimeout(copyToastTimer);\n});\n\nasync function scrollToBottom() {\n  await nextTick();\n  if (listRef.value) {\n    listRef.value.scrollTop = listRef.value.scrollHeight;\n  }\n}\n\nwatch(\n  () => {\n    const last = props.messages[props.messages.length - 1];\n    return [props.messages.length, last?.content, last?.status] as const;\n  },\n  scrollToBottom\n);\n</script>\n"],"names":["props","__props","localeMessages","useGcsaLocaleMessages","resolvedPlaceholder","computed","resolvedSendLabel","resolvedSendingLabel","resolvedEmptyText","resolvedCopyLabel","resolvedCopySuccessLabel","resolvedCopyErrorLabel","emit","__emit","draft","ref","listRef","copyToast","messageApi","inject","GCSA_MESSAGE_KEY","copyToastTimer","useMarkdown","message","shouldRenderGcsaChatMarkdown","avatarLabel","gcsaChatAvatarLabel","formatTime","value","formatGcsaChatTime","timeIso","date","submit","content","copyMessage","ok","copyGcsaText","showCopyFeedback","text","tone","onUnmounted","scrollToBottom","nextTick","watch","last","_openBlock","_createElementBlock","_hoisted_1","_createVNode","_Transition","_normalizeClass","_createElementVNode","_hoisted_2","_hoisted_3","_cache","_hoisted_4","_hoisted_5","_toDisplayString","$slots","_hoisted_6","_renderSlot","_ctx","_hoisted_7","_Fragment","_renderList","index","GcsaAvatar","_hoisted_8","_createBlock","GcsaMarkdownRenderer","_hoisted_9","_hoisted_10","_hoisted_11","_withModifiers","$event","_hoisted_13","_hoisted_14","_hoisted_15","GcsaButton"],"mappings":"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"}

package/dist/components/GcsaChatPanel2.vue.js

@@ -0,0 +1,5 @@
+import f from "./GcsaChatPanel.vue.js";
+export {
+  f as default
+};
+//# sourceMappingURL=GcsaChatPanel2.vue.js.map

package/dist/components/GcsaChatPanel2.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GcsaChatPanel2.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

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

@@ -0,0 +1,22 @@
+import { GcsaCheckboxProps } from '../types/componentProps';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<GcsaCheckboxProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<GcsaCheckboxProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/GcsaCheckbox.vue.js

@@ -0,0 +1,71 @@
+import { defineComponent as h, openBlock as n, createBlock as r, unref as a, withCtx as l, createVNode as c, createElementVNode as i, renderSlot as k, createTextVNode as m, toDisplayString as f, createCommentVNode as g } from "vue";
+import { Checkbox as o } from "@ark-ui/vue/checkbox";
+const p = /* @__PURE__ */ h({
+  name: "GcsaCheckbox",
+  __name: "GcsaCheckbox",
+  props: {
+    modelValue: { type: Boolean },
+    label: {},
+    ariaLabel: {},
+    disabled: { type: Boolean }
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: s }) {
+    const u = s;
+    function b(t) {
+      u("update:modelValue", t.checked === !0);
+    }
+    return (t, d) => (n(), r(a(o).Root, {
+      checked: e.modelValue,
+      disabled: e.disabled,
+      "aria-label": e.ariaLabel,
+      class: "gcsa-checkbox gcsa-focus-ring",
+      onCheckedChange: b
+    }, {
+      default: l(() => [
+        c(a(o).Control, { class: "gcsa-checkbox__box" }, {
+          default: l(() => [
+            c(a(o).Indicator, { class: "gcsa-checkbox__indicator" }, {
+              default: l(() => [...d[0] || (d[0] = [
+                i("svg", {
+                  viewBox: "0 0 12 12",
+                  width: "10",
+                  height: "10",
+                  "aria-hidden": "true"
+                }, [
+                  i("path", {
+                    d: "M2 6.2L4.8 9 10 3.2",
+                    fill: "none",
+                    stroke: "currentColor",
+                    "stroke-width": "1.8",
+                    "stroke-linecap": "round",
+                    "stroke-linejoin": "round"
+                  })
+                ], -1)
+              ])]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }),
+        e.label || t.$slots.default ? (n(), r(a(o).Label, {
+          key: 0,
+          class: "gcsa-checkbox__label"
+        }, {
+          default: l(() => [
+            k(t.$slots, "default", {}, () => [
+              m(f(e.label), 1)
+            ])
+          ]),
+          _: 3
+        })) : g("", !0),
+        c(a(o).HiddenInput)
+      ]),
+      _: 3
+    }, 8, ["checked", "disabled", "aria-label"]));
+  }
+});
+export {
+  p as default
+};
+//# sourceMappingURL=GcsaCheckbox.vue.js.map

package/dist/components/GcsaCheckbox.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GcsaCheckbox.vue.js","sources":["../../src/components/GcsaCheckbox.vue"],"sourcesContent":["<template>\n  <Checkbox.Root\n    :checked=\"modelValue\"\n    :disabled=\"disabled\"\n    :aria-label=\"ariaLabel\"\n    class=\"gcsa-checkbox gcsa-focus-ring\"\n    @checked-change=\"onChange\"\n  >\n    <Checkbox.Control class=\"gcsa-checkbox__box\">\n      <Checkbox.Indicator class=\"gcsa-checkbox__indicator\">\n        <svg viewBox=\"0 0 12 12\" width=\"10\" height=\"10\" aria-hidden=\"true\">\n          <path\n            d=\"M2 6.2L4.8 9 10 3.2\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            stroke-width=\"1.8\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n          />\n        </svg>\n      </Checkbox.Indicator>\n    </Checkbox.Control>\n    <Checkbox.Label v-if=\"label || $slots.default\" class=\"gcsa-checkbox__label\">\n      <slot>{{ label }}</slot>\n    </Checkbox.Label>\n    <Checkbox.HiddenInput />\n  </Checkbox.Root>\n</template>\n\n<script setup lang=\"ts\">\nimport { Checkbox } from '@ark-ui/vue/checkbox';\nimport type { GcsaCheckboxProps } from '../types/componentProps';\n\ndefineOptions({ name: 'GcsaCheckbox' });\n\ndefineProps<GcsaCheckboxProps>();\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: boolean];\n}>();\n\nfunction onChange(details: { checked: boolean | 'indeterminate' }) {\n  emit('update:modelValue', details.checked === true);\n}\n</script>\n"],"names":["emit","__emit","onChange","details","_createBlock","_unref","Checkbox","__props","_createVNode","_cache","_createElementVNode","$slots","_renderSlot","_ctx"],"mappings":";;;;;;;;;;;;;AAqCA,UAAMA,IAAOC;AAIb,aAASC,EAASC,GAAiD;AACjE,MAAAH,EAAK,qBAAqBG,EAAQ,YAAY,EAAI;AAAA,IACpD;2BA1CEC,EAyBgBC,EAAAC,CAAA,EAAA,MAAA;AAAA,MAxBb,SAASC,EAAA;AAAA,MACT,UAAUA,EAAA;AAAA,MACV,cAAYA,EAAA;AAAA,MACb,OAAM;AAAA,MACL,iBAAgBL;AAAA,IAAA;iBAEjB,MAamB;AAAA,QAbnBM,EAamBH,EAAAC,CAAA,EAAA,SAAA,EAbD,OAAM,wBAAoB;AAAA,qBAC1C,MAWqB;AAAA,YAXrBE,EAWqBH,EAAAC,CAAA,EAAA,WAAA,EAXD,OAAM,8BAA0B;AAAA,yBAClD,MASM,CAAA,GAAAG,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA;AAAA,gBATNC,EASM,OAAA;AAAA,kBATD,SAAQ;AAAA,kBAAY,OAAM;AAAA,kBAAK,QAAO;AAAA,kBAAK,eAAY;AAAA,gBAAA;kBAC1DA,EAOE,QAAA;AAAA,oBANA,GAAE;AAAA,oBACF,MAAK;AAAA,oBACL,QAAO;AAAA,oBACP,gBAAa;AAAA,oBACb,kBAAe;AAAA,oBACf,mBAAgB;AAAA,kBAAA;;;;;;;;QAKFH,EAAA,SAASI,EAAAA,OAAO,gBAAtCP,EAEiBC,EAAAC,CAAA,EAAA,OAAA;AAAA;UAF8B,OAAM;AAAA,QAAA;qBACnD,MAAwB;AAAA,YAAxBM,EAAwBC,yBAAxB,MAAwB;AAAA,kBAAfN,EAAA,KAAK,GAAA,CAAA;AAAA,YAAA;;;;QAEhBC,EAAwBH,EAAAC,CAAA,EAAA,WAAA;AAAA,MAAA;;;;;"}

package/dist/components/GcsaCheckbox2.vue.js

@@ -0,0 +1,5 @@
+import f from "./GcsaCheckbox.vue.js";
+export {
+  f as default
+};
+//# sourceMappingURL=GcsaCheckbox2.vue.js.map

package/dist/components/GcsaCheckbox2.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GcsaCheckbox2.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

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

@@ -0,0 +1,31 @@
+import { GcsaCollapseProps } from '../types/componentProps';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Partial<Record<`content-${string}`, (_: {
+        item: import('..').GcsaCollapseItem;
+    }) => any>> & {
+        extra?(_: {
+            item: import('..').GcsaCollapseItem;
+        }): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<GcsaCollapseProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (keys: string[]) => any;
+}, string, import('vue').PublicProps, Readonly<GcsaCollapseProps> & Readonly<{
+    "onUpdate:modelValue"?: ((keys: string[]) => any) | undefined;
+}>, {
+    defaultOpenKeys: string[];
+    bordered: boolean;
+    modelValue: string[];
+    accordion: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/GcsaCollapse.vue.js

@@ -0,0 +1,71 @@
+import { defineComponent as y, ref as k, watch as h, computed as m, openBlock as i, createElementBlock as u, normalizeClass as b, Fragment as V, renderList as $, createElementVNode as t, toDisplayString as p, renderSlot as f, withDirectives as x, createTextVNode as C, vShow as O } from "vue";
+const B = ["data-open"], K = ["disabled", "aria-expanded", "aria-controls", "onClick"], w = {
+  class: "gcsa-collapse__indicator",
+  "aria-hidden": "true"
+}, S = { class: "gcsa-collapse__title" }, D = ["id"], N = /* @__PURE__ */ y({
+  __name: "GcsaCollapse",
+  props: {
+    items: {},
+    modelValue: { default: void 0 },
+    defaultOpenKeys: { default: () => [] },
+    accordion: { type: Boolean, default: !1 },
+    bordered: { type: Boolean, default: !0 }
+  },
+  emits: ["update:modelValue"],
+  setup(n, { emit: _ }) {
+    const o = n, g = _, c = k([...o.defaultOpenKeys]);
+    h(
+      () => o.defaultOpenKeys,
+      (a) => {
+        o.modelValue === void 0 && (c.value = [...a]);
+      }
+    );
+    const d = m(() => o.modelValue ?? c.value);
+    function l(a) {
+      return d.value.includes(a);
+    }
+    function v(a) {
+      var e;
+      if ((e = o.items.find((s) => s.key === a)) != null && e.disabled) return;
+      const r = l(a) ? d.value.filter((s) => s !== a) : o.accordion ? [a] : [...d.value, a];
+      o.modelValue === void 0 && (c.value = r), g("update:modelValue", r);
+    }
+    return (a, r) => (i(), u("div", {
+      class: b(["gcsa-collapse", { "gcsa-collapse--bordered": n.bordered }])
+    }, [
+      (i(!0), u(V, null, $(n.items, (e) => (i(), u("section", {
+        key: e.key,
+        class: "gcsa-collapse__item",
+        "data-open": l(e.key) || void 0
+      }, [
+        t("button", {
+          type: "button",
+          class: "gcsa-collapse__trigger gcsa-focus-ring",
+          disabled: e.disabled,
+          "aria-expanded": l(e.key),
+          "aria-controls": `gcsa-collapse-${e.key}`,
+          onClick: (s) => v(e.key)
+        }, [
+          t("span", w, p(l(e.key) ? "−" : "+"), 1),
+          t("span", S, p(e.title), 1),
+          f(a.$slots, "extra", { item: e })
+        ], 8, K),
+        x(t("div", {
+          id: `gcsa-collapse-${e.key}`,
+          class: "gcsa-collapse__content",
+          role: "region"
+        }, [
+          f(a.$slots, `content-${e.key}`, { item: e }, () => [
+            C(p(e.content), 1)
+          ])
+        ], 8, D), [
+          [O, l(e.key)]
+        ])
+      ], 8, B))), 128))
+    ], 2));
+  }
+});
+export {
+  N as default
+};
+//# sourceMappingURL=GcsaCollapse.vue.js.map

package/dist/components/GcsaCollapse.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GcsaCollapse.vue.js","sources":["../../src/components/GcsaCollapse.vue"],"sourcesContent":["<template>\n  <div class=\"gcsa-collapse\" :class=\"{ 'gcsa-collapse--bordered': bordered }\">\n    <section v-for=\"item in items\" :key=\"item.key\" class=\"gcsa-collapse__item\" :data-open=\"isOpen(item.key) || undefined\">\n      <button type=\"button\" class=\"gcsa-collapse__trigger gcsa-focus-ring\" :disabled=\"item.disabled\" :aria-expanded=\"isOpen(item.key)\" :aria-controls=\"`gcsa-collapse-${item.key}`\" @click=\"toggle(item.key)\">\n        <span class=\"gcsa-collapse__indicator\" aria-hidden=\"true\">{{ isOpen(item.key) ? '−' : '+' }}</span>\n        <span class=\"gcsa-collapse__title\">{{ item.title }}</span>\n        <slot name=\"extra\" :item=\"item\" />\n      </button>\n      <div v-show=\"isOpen(item.key)\" :id=\"`gcsa-collapse-${item.key}`\" class=\"gcsa-collapse__content\" role=\"region\">\n        <slot :name=\"`content-${item.key}`\" :item=\"item\">{{ item.content }}</slot>\n      </div>\n    </section>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, ref, watch } from 'vue';\nimport type { GcsaCollapseProps } from '../types/componentProps';\n\nconst props = withDefaults(defineProps<GcsaCollapseProps>(), { modelValue: undefined, accordion: false, bordered: true, defaultOpenKeys: () => [] });\n\nconst emit = defineEmits<{ 'update:modelValue': [keys: string[]] }>();\n\nconst uncontrolledOpen = ref<string[]>([...props.defaultOpenKeys]);\n\nwatch(\n  () => props.defaultOpenKeys,\n  (keys) => {\n    if (props.modelValue === undefined) {\n      uncontrolledOpen.value = [...keys];\n    }\n  }\n);\n\nconst openKeys = computed(() => props.modelValue ?? uncontrolledOpen.value);\n\nfunction isOpen(key: string) { return openKeys.value.includes(key); }\n\nfunction toggle(key: string) {\n  if (props.items.find(item => item.key === key)?.disabled) return;\n  const next = isOpen(key)\n    ? openKeys.value.filter(value => value !== key)\n    : props.accordion ? [key] : [...openKeys.value, key];\n\n  if (props.modelValue === undefined) {\n    uncontrolledOpen.value = next;\n  }\n\n  emit('update:modelValue', next);\n}\n</script>\n"],"names":["props","__props","emit","__emit","uncontrolledOpen","ref","watch","keys","openKeys","computed","isOpen","key","toggle","_a","item","next","value","_createElementBlock","_normalizeClass","_Fragment","_renderList","_createElementVNode","$event","_hoisted_3","_toDisplayString","_hoisted_4","_renderSlot","_ctx","_createTextVNode"],"mappings":";;;;;;;;;;;;;;;AAmBA,UAAMA,IAAQC,GAERC,IAAOC,GAEPC,IAAmBC,EAAc,CAAC,GAAGL,EAAM,eAAe,CAAC;AAEjE,IAAAM;AAAA,MACE,MAAMN,EAAM;AAAA,MACZ,CAACO,MAAS;AACR,QAAIP,EAAM,eAAe,WACvBI,EAAiB,QAAQ,CAAC,GAAGG,CAAI;AAAA,MAErC;AAAA,IAAA;AAGF,UAAMC,IAAWC,EAAS,MAAMT,EAAM,cAAcI,EAAiB,KAAK;AAE1E,aAASM,EAAOC,GAAa;AAAE,aAAOH,EAAS,MAAM,SAASG,CAAG;AAAA,IAAG;AAEpE,aAASC,EAAOD,GAAa;;AAC3B,WAAIE,IAAAb,EAAM,MAAM,KAAK,CAAAc,MAAQA,EAAK,QAAQH,CAAG,MAAzC,QAAAE,EAA4C,SAAU;AAC1D,YAAME,IAAOL,EAAOC,CAAG,IACnBH,EAAS,MAAM,OAAO,OAASQ,MAAUL,CAAG,IAC5CX,EAAM,YAAY,CAACW,CAAG,IAAI,CAAC,GAAGH,EAAS,OAAOG,CAAG;AAErD,MAAIX,EAAM,eAAe,WACvBI,EAAiB,QAAQW,IAG3Bb,EAAK,qBAAqBa,CAAI;AAAA,IAChC;2BAhDEE,EAWM,OAAA;AAAA,MAXD,OAAKC,EAAA,CAAC,iBAAe,EAAA,2BAAsCjB,EAAA,UAAQ,CAAA;AAAA,IAAA;cACtEgB,EASUE,GAAA,MAAAC,EATcnB,EAAA,OAAK,CAAba,YAAhBG,EASU,WAAA;AAAA,QATsB,KAAKH,EAAK;AAAA,QAAK,OAAM;AAAA,QAAuB,aAAWJ,EAAOI,EAAK,GAAG,KAAK;AAAA,MAAA;QACzGO,EAIS,UAAA;AAAA,UAJD,MAAK;AAAA,UAAS,OAAM;AAAA,UAA0C,UAAUP,EAAK;AAAA,UAAW,iBAAeJ,EAAOI,EAAK,GAAG;AAAA,UAAI,iBAAa,iBAAmBA,EAAK,GAAG;AAAA,UAAK,SAAK,CAAAQ,MAAEV,EAAOE,EAAK,GAAG;AAAA,QAAA;UACnMO,EAAmG,QAAnGE,GAAmGC,EAAtCd,EAAOI,EAAK,GAAG,IAAA,MAAA,GAAA,GAAA,CAAA;AAAA,UAC5EO,EAA0D,QAA1DI,GAA0DD,EAApBV,EAAK,KAAK,GAAA,CAAA;AAAA,UAChDY,EAAkCC,EAAA,QAAA,SAAA,EAAd,MAAAb,GAAU;AAAA,QAAA;UAEhCO,EAEM,OAAA;AAAA,UAF0B,IAAE,iBAAmBP,EAAK,GAAG;AAAA,UAAI,OAAM;AAAA,UAAyB,MAAK;AAAA,QAAA;UACnGY,EAA0EC,EAAA,QAAA,WAAlDb,EAAK,GAAG,MAAK,MAAAA,EAAA,GAArC,MAA0E;AAAA,YAAtBc,EAAAJ,EAAAV,EAAK,OAAO,GAAA,CAAA;AAAA,UAAA;;cADrDJ,EAAOI,EAAK,GAAG,CAAA;AAAA,QAAA;;;;;"}

package/dist/components/GcsaCollapse2.vue.js

@@ -0,0 +1,5 @@
+import f from "./GcsaCollapse.vue.js";
+export {
+  f as default
+};
+//# sourceMappingURL=GcsaCollapse2.vue.js.map

package/dist/components/GcsaCollapse2.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GcsaCollapse2.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

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

@@ -0,0 +1,23 @@
+import { GcsaConsoleTheme, GcsaConsoleLocale } from '@gcsa/console-core';
+import { GcsaConfigProviderProps } from '../types/componentProps';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<GcsaConfigProviderProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<GcsaConfigProviderProps> & Readonly<{}>, {
+    theme: GcsaConsoleTheme;
+    locale: GcsaConsoleLocale;
+    syncDocument: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};