@gcsa/console-vue 0.1.0

package/dist/components/GcsaTree.vue.js

@@ -0,0 +1,76 @@
+import { defineComponent as K, ref as f, computed as c, watch as _, h as d, openBlock as o, createElementBlock as v, toDisplayString as C, unref as b, createCommentVNode as T, Fragment as $, renderList as D, createBlock as G } from "vue";
+import w from "./GcsaIcon.vue.js";
+import { useGcsaLocaleMessages as A } from "../composables/useGcsaLocale.js";
+const I = ["aria-multiselectable"], L = {
+  key: 0,
+  class: "gcsa-tree__empty",
+  role: "status"
+}, M = /* @__PURE__ */ K({
+  __name: "GcsaTree",
+  props: {
+    nodes: { default: () => [] },
+    expandedKeys: {},
+    selectedKeys: {},
+    multiple: { type: Boolean, default: !1 }
+  },
+  emits: ["update:expandedKeys", "update:selectedKeys", "select"],
+  setup(n, { emit: k }) {
+    const S = A(), a = n, y = k, p = f(a.expandedKeys ?? []), g = f(a.selectedKeys ?? []), i = c(() => a.expandedKeys ?? p.value), u = c(() => a.selectedKeys ?? g.value);
+    _(() => a.expandedKeys, (e) => {
+      e && (p.value = e);
+    }), _(() => a.selectedKeys, (e) => {
+      e && (g.value = e);
+    });
+    function q(e) {
+      const l = i.value.includes(e) ? i.value.filter((t) => t !== e) : [...i.value, e];
+      a.expandedKeys === void 0 && (p.value = l), y("update:expandedKeys", l);
+    }
+    function z(e) {
+      if (e.disabled) return;
+      const l = a.multiple ? u.value.includes(e.key) ? u.value.filter((t) => t !== e.key) : [...u.value, e.key] : [e.key];
+      a.selectedKeys === void 0 && (g.value = l), y("update:selectedKeys", l), y("select", e);
+    }
+    const h = K({
+      name: "GcsaTreeNode",
+      props: { node: { type: Object, required: !0 }, depth: { type: Number, required: !0 }, position: { type: Number, required: !0 }, setSize: { type: Number, required: !0 }, expandedKeys: { type: Array, required: !0 }, selectedKeys: { type: Array, required: !0 }, multiple: { type: Boolean, required: !0 } },
+      emits: ["toggle", "select"],
+      setup(e, { emit: l }) {
+        const t = c(() => {
+          var r;
+          return !!((r = e.node.children) != null && r.length);
+        }), s = c(() => e.expandedKeys.includes(e.node.key)), N = c(() => e.selectedKeys.includes(e.node.key)), x = `gcsa-tree-children-${e.node.key}`;
+        return () => d("div", { class: "gcsa-tree__branch", role: "treeitem", "aria-level": e.depth + 1, "aria-posinset": e.position, "aria-setsize": e.setSize, "aria-expanded": t.value ? s.value : void 0 }, [
+          d("div", { class: "gcsa-tree__node", style: { paddingInlineStart: `${e.depth * 20 + 8}px` }, "data-selected": N.value || void 0, "data-expanded": t.value ? s.value : void 0, "data-leaf": !t.value || void 0 }, [
+            t.value ? d("button", { type: "button", class: "gcsa-tree__toggle gcsa-focus-ring", "aria-label": s.value ? "Collapse" : "Expand", "aria-expanded": s.value, "aria-controls": x, onClick: () => l("toggle", e.node.key) }, [d(w, { name: "chevronDown", size: "sm", class: ["gcsa-tree__caret", s.value && "gcsa-tree__caret--expanded"] })]) : d("span", { class: "gcsa-tree__spacer" }),
+            d("button", { type: "button", class: "gcsa-tree__label gcsa-focus-ring", disabled: e.node.disabled, onClick: () => l("select", e.node) }, e.node.label),
+            t.value && !s.value ? d("span", { class: "gcsa-tree__summary", "aria-label": `${e.node.children.length} 项` }, `${e.node.children.length} 项`) : null
+          ]),
+          t.value && s.value ? d("div", { id: x, class: "gcsa-tree__children", role: "group" }, e.node.children.map((r, B) => d(h, { node: r, depth: e.depth + 1, position: B + 1, setSize: e.node.children.length, expandedKeys: e.expandedKeys, selectedKeys: e.selectedKeys, multiple: e.multiple, onToggle: (m) => l("toggle", m), onSelect: (m) => l("select", m) }))) : null
+        ]);
+      }
+    });
+    return (e, l) => (o(), v("div", {
+      class: "gcsa-tree",
+      role: "tree",
+      "aria-multiselectable": n.multiple
+    }, [
+      n.nodes.length ? T("", !0) : (o(), v("div", L, C(b(S).emptyDefault), 1)),
+      (o(!0), v($, null, D(n.nodes, (t, s) => (o(), G(b(h), {
+        key: t.key,
+        node: t,
+        depth: 0,
+        position: s + 1,
+        "set-size": n.nodes.length,
+        "expanded-keys": i.value,
+        "selected-keys": u.value,
+        multiple: n.multiple,
+        onToggle: q,
+        onSelect: z
+      }, null, 8, ["node", "position", "set-size", "expanded-keys", "selected-keys", "multiple"]))), 128))
+    ], 8, I));
+  }
+});
+export {
+  M as default
+};
+//# sourceMappingURL=GcsaTree.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GcsaTree.vue.js","sources":["../../src/components/GcsaTree.vue"],"sourcesContent":["<template>\n  <div class=\"gcsa-tree\" role=\"tree\" :aria-multiselectable=\"multiple\">\n    <div v-if=\"!nodes.length\" class=\"gcsa-tree__empty\" role=\"status\">{{ messages.emptyDefault }}</div>\n    <TreeNode v-for=\"(node, index) in nodes\" :key=\"node.key\" :node=\"node\" :depth=\"0\" :position=\"index + 1\" :set-size=\"nodes.length\" :expanded-keys=\"expandedKeys\" :selected-keys=\"selectedKeys\" :multiple=\"multiple\" @toggle=\"toggleExpanded\" @select=\"selectNode\" />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, defineComponent, h, ref, watch, type PropType } from 'vue';\nimport type { GcsaTreeNode, GcsaTreeProps } from '../types/componentProps';\nimport GcsaIcon from './GcsaIcon.vue';\nimport { useGcsaLocaleMessages } from '../composables/useGcsaLocale';\n\nconst messages = useGcsaLocaleMessages();\n\nconst props = withDefaults(defineProps<GcsaTreeProps>(), { nodes: () => [], multiple: false });\nconst emit = defineEmits<{ 'update:expandedKeys': [keys: string[]]; 'update:selectedKeys': [keys: string[]]; select: [node: GcsaTreeNode] }>();\nconst internalExpandedKeys = ref<string[]>(props.expandedKeys ?? []);\nconst internalSelectedKeys = ref<string[]>(props.selectedKeys ?? []);\nconst expandedKeys = computed(() => props.expandedKeys ?? internalExpandedKeys.value);\nconst selectedKeys = computed(() => props.selectedKeys ?? internalSelectedKeys.value);\nwatch(() => props.expandedKeys, value => { if (value) internalExpandedKeys.value = value; });\nwatch(() => props.selectedKeys, value => { if (value) internalSelectedKeys.value = value; });\nfunction toggleExpanded(key: string) {\n  const next = expandedKeys.value.includes(key) ? expandedKeys.value.filter(value => value !== key) : [...expandedKeys.value, key];\n  if (props.expandedKeys === undefined) internalExpandedKeys.value = next;\n  emit('update:expandedKeys', next);\n}\nfunction selectNode(node: GcsaTreeNode) {\n  if (node.disabled) return;\n  const next = props.multiple ? (selectedKeys.value.includes(node.key) ? selectedKeys.value.filter(value => value !== node.key) : [...selectedKeys.value, node.key]) : [node.key];\n  if (props.selectedKeys === undefined) internalSelectedKeys.value = next;\n  emit('update:selectedKeys', next);\n  emit('select', node);\n}\n\nconst TreeNode = defineComponent({\n  name: 'GcsaTreeNode',\n  props: { node: { type: Object as PropType<GcsaTreeNode>, required: true }, depth: { type: Number, required: true }, position: { type: Number, required: true }, setSize: { type: Number, required: true }, expandedKeys: { type: Array as PropType<string[]>, required: true }, selectedKeys: { type: Array as PropType<string[]>, required: true }, multiple: { type: Boolean, required: true } },\n  emits: ['toggle', 'select'],\n  setup(nodeProps, { emit: nodeEmit }) {\n    const hasChildren = computed(() => Boolean(nodeProps.node.children?.length));\n    const expanded = computed(() => nodeProps.expandedKeys.includes(nodeProps.node.key));\n    const selected = computed(() => nodeProps.selectedKeys.includes(nodeProps.node.key));\n    const childrenId = `gcsa-tree-children-${nodeProps.node.key}`;\n    return (): ReturnType<typeof h> => h('div', { class: 'gcsa-tree__branch', role: 'treeitem', 'aria-level': nodeProps.depth + 1, 'aria-posinset': nodeProps.position, 'aria-setsize': nodeProps.setSize, 'aria-expanded': hasChildren.value ? expanded.value : undefined }, [\n      h('div', { class: 'gcsa-tree__node', style: { paddingInlineStart: `${nodeProps.depth * 20 + 8}px` }, 'data-selected': selected.value || undefined, 'data-expanded': hasChildren.value ? expanded.value : undefined, 'data-leaf': !hasChildren.value || undefined }, [\n        hasChildren.value ? h('button', { type: 'button', class: 'gcsa-tree__toggle gcsa-focus-ring', 'aria-label': expanded.value ? 'Collapse' : 'Expand', 'aria-expanded': expanded.value, 'aria-controls': childrenId, onClick: () => nodeEmit('toggle', nodeProps.node.key) }, [h(GcsaIcon, { name: 'chevronDown', size: 'sm', class: ['gcsa-tree__caret', expanded.value && 'gcsa-tree__caret--expanded'] })]) : h('span', { class: 'gcsa-tree__spacer' }),\n        h('button', { type: 'button', class: 'gcsa-tree__label gcsa-focus-ring', disabled: nodeProps.node.disabled, onClick: () => nodeEmit('select', nodeProps.node) }, nodeProps.node.label),\n        hasChildren.value && !expanded.value ? h('span', { class: 'gcsa-tree__summary', 'aria-label': `${nodeProps.node.children!.length} 项` }, `${nodeProps.node.children!.length} 项`) : null\n      ]),\n      hasChildren.value && expanded.value ? h('div', { id: childrenId, class: 'gcsa-tree__children', role: 'group' }, nodeProps.node.children!.map((child, index) => h(TreeNode, { node: child, depth: nodeProps.depth + 1, position: index + 1, setSize: nodeProps.node.children!.length, expandedKeys: nodeProps.expandedKeys, selectedKeys: nodeProps.selectedKeys, multiple: nodeProps.multiple, onToggle: (key: string) => nodeEmit('toggle', key), onSelect: (childNode: GcsaTreeNode) => nodeEmit('select', childNode) }))) : null\n    ]);\n  }\n});\n</script>\n"],"names":["messages","useGcsaLocaleMessages","props","__props","emit","__emit","internalExpandedKeys","ref","internalSelectedKeys","expandedKeys","computed","selectedKeys","watch","value","toggleExpanded","key","next","selectNode","node","TreeNode","defineComponent","nodeProps","nodeEmit","hasChildren","_a","expanded","selected","childrenId","h","GcsaIcon","child","index","childNode","_createElementBlock","_openBlock","_hoisted_2","_toDisplayString","_unref","_Fragment","_renderList","_createBlock"],"mappings":"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"}

package/dist/components/GcsaTree2.vue.js

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

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

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

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

@@ -0,0 +1,21 @@
+import { GcsaTypographyProps } 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<GcsaTypographyProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<GcsaTypographyProps> & Readonly<{}>, {
+    variant: "title" | "text";
+    level: 1 | 2 | 3 | 4 | 5;
+}, {}, {}, {}, 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/GcsaTypography.vue.js

@@ -0,0 +1,21 @@
+import { defineComponent as s, computed as o, openBlock as p, createElementBlock as l, normalizeClass as c, renderSlot as n } from "vue";
+const u = /* @__PURE__ */ s({
+  name: "GcsaTypography",
+  __name: "GcsaTypography",
+  props: {
+    variant: { default: "text" },
+    level: { default: 3 }
+  },
+  setup(t) {
+    const e = t, a = o(() => e.variant === "title" ? `gcsa-typography gcsa-typography-title gcsa-typography-title--l${e.level}` : "gcsa-typography gcsa-typography-text");
+    return (r, y) => (p(), l("div", {
+      class: c(["gcsa-ui-surface", a.value])
+    }, [
+      n(r.$slots, "default")
+    ], 2));
+  }
+});
+export {
+  u as default
+};
+//# sourceMappingURL=GcsaTypography.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GcsaTypography.vue.js","sources":["../../src/components/GcsaTypography.vue"],"sourcesContent":["<template>\n  <div class=\"gcsa-ui-surface\" :class=\"classes\">\n    <slot />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed } from 'vue';\n\nimport type { GcsaTypographyProps } from '../types/componentProps';\n\ndefineOptions({ name: 'GcsaTypography' });\n\nconst props = withDefaults(\n  defineProps<GcsaTypographyProps>(),\n  {\n    variant: 'text',\n    level: 3\n  }\n);\n\nconst classes = computed(() => {\n  if (props.variant === 'title') {\n    return `gcsa-typography gcsa-typography-title gcsa-typography-title--l${props.level}`;\n  }\n  return 'gcsa-typography gcsa-typography-text';\n});\n</script>\n"],"names":["props","__props","classes","computed","_createElementBlock","_normalizeClass","_renderSlot","_ctx"],"mappings":";;;;;;;;;AAaA,UAAMA,IAAQC,GAQRC,IAAUC,EAAS,MACnBH,EAAM,YAAY,UACb,iEAAiEA,EAAM,KAAK,KAE9E,sCACR;2BAzBCI,EAEM,OAAA;AAAA,MAFD,OAAKC,EAAA,CAAC,mBAA0BH,EAAA,KAAO,CAAA;AAAA,IAAA;MAC1CI,EAAQC,EAAA,QAAA,SAAA;AAAA,IAAA;;;"}

package/dist/components/GcsaTypography2.vue.js

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

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

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

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

@@ -0,0 +1,26 @@
+import { GcsaUploadProps } from '../types/componentProps';
+declare const _default: import('vue').DefineComponent<GcsaUploadProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:files": (files: File[]) => any;
+    "upload-start": (file: File) => any;
+    "upload-success": (file: File) => any;
+    "upload-error": (details: {
+        file: File;
+        error: unknown;
+    }) => any;
+}, string, import('vue').PublicProps, Readonly<GcsaUploadProps> & Readonly<{
+    "onUpdate:files"?: ((files: File[]) => any) | undefined;
+    "onUpload-start"?: ((file: File) => any) | undefined;
+    "onUpload-success"?: ((file: File) => any) | undefined;
+    "onUpload-error"?: ((details: {
+        file: File;
+        error: unknown;
+    }) => any) | undefined;
+}>, {
+    drag: boolean;
+    multiple: boolean;
+    files: File[];
+    directory: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    inputRef: HTMLInputElement;
+}, HTMLDivElement>;
+export default _default;

package/dist/components/GcsaUpload.vue.js

@@ -0,0 +1,160 @@
+import { defineComponent as A, computed as g, ref as b, openBlock as r, createElementBlock as u, normalizeClass as G, createElementVNode as c, withModifiers as v, withKeys as M, createVNode as P, toDisplayString as d, createCommentVNode as _, Fragment as V, renderList as H, normalizeStyle as T, unref as C } from "vue";
+import j from "./GcsaIcon.vue.js";
+import { useGcsaLocaleMessages as q } from "../composables/useGcsaLocale.js";
+const I = ["accept", "multiple", "webkitdirectory", "disabled"], J = ["onKeydown"], O = {
+  class: "gcsa-upload__icon",
+  "aria-hidden": "true"
+}, Q = { class: "gcsa-upload__title" }, W = {
+  key: 0,
+  class: "gcsa-upload__hint"
+}, X = {
+  key: 0,
+  class: "gcsa-upload__list"
+}, Y = { class: "gcsa-upload__name" }, Z = { class: "gcsa-upload__size" }, ee = {
+  key: 0,
+  class: "gcsa-upload__status",
+  role: "status"
+}, ae = {
+  key: 1,
+  class: "gcsa-upload__status gcsa-upload__status--error",
+  role: "alert"
+}, te = {
+  key: 2,
+  class: "gcsa-upload__progress",
+  "aria-hidden": "true"
+}, le = ["disabled", "onClick"], oe = ["disabled", "aria-label", "onClick"], ue = /* @__PURE__ */ A({
+  name: "GcsaUpload",
+  __name: "GcsaUpload",
+  props: {
+    files: { default: () => [] },
+    accept: {},
+    multiple: { type: Boolean, default: !1 },
+    disabled: { type: Boolean },
+    buttonLabel: {},
+    hint: {},
+    maxCount: {},
+    maxSize: {},
+    drag: { type: Boolean, default: !1 },
+    directory: { type: Boolean, default: !1 },
+    dragLabel: {},
+    uploadingLabel: {},
+    uploadErrorLabel: {},
+    upload: {},
+    retryLabel: {},
+    onProgress: {}
+  },
+  emits: ["update:files", "upload-start", "upload-success", "upload-error"],
+  setup(s, { emit: z }) {
+    const a = s, p = q(), B = g(() => a.buttonLabel ?? p.value.uploadSelectFile), y = g(() => a.hint || (a.drag ? $.value : void 0)), $ = g(() => a.dragLabel ?? p.value.uploadDragHint), D = g(() => a.uploadingLabel ?? p.value.uploadUploading), F = g(() => a.uploadErrorLabel ?? p.value.uploadFailed), E = g(() => a.retryLabel ?? p.value.uploadRetry), m = z, k = b(null), f = b(!1), n = b(/* @__PURE__ */ new Map()), i = b(/* @__PURE__ */ new Map());
+    function h() {
+      var e;
+      (e = k.value) == null || e.click();
+    }
+    function L() {
+      !a.drag || a.disabled || (f.value = !0);
+    }
+    function S(e) {
+      const l = e.target, t = Array.from(l.files ?? []);
+      l.value = "", t.length && w(t);
+    }
+    function R(e) {
+      var l;
+      f.value = !1, !(!a.drag || a.disabled) && w(Array.from(((l = e.dataTransfer) == null ? void 0 : l.files) ?? []));
+    }
+    function w(e) {
+      if (!e.length || a.disabled) return;
+      const l = a.maxSize == null ? e : e.filter((o) => o.size <= a.maxSize);
+      let t = a.multiple ? [...a.files, ...l] : l.slice(0, 1);
+      a.maxCount != null && (t = t.slice(0, a.maxCount)), m("update:files", t), a.upload && t.filter((o) => l.includes(o)).forEach(x);
+    }
+    async function x(e) {
+      if (a.upload) {
+        n.value = new Map(n.value).set(e, "uploading"), i.value = new Map(i.value).set(e, 0), m("upload-start", e);
+        try {
+          await a.upload(e, (l) => {
+            var o;
+            const t = Math.max(0, Math.min(100, Math.round(l)));
+            i.value = new Map(i.value).set(e, t), (o = a.onProgress) == null || o.call(a, e, t);
+          }), n.value = new Map(n.value).set(e, "success"), i.value = new Map(i.value).set(e, 100), m("upload-success", e);
+        } catch (l) {
+          n.value = new Map(n.value).set(e, "error"), m("upload-error", { file: e, error: l });
+        }
+      }
+    }
+    function U(e) {
+      const l = a.files.filter((t, o) => o !== e);
+      m("update:files", l);
+    }
+    function K(e) {
+      return e < 1024 ? `${e} B` : e < 1024 * 1024 ? `${(e / 1024).toFixed(1)} KB` : `${(e / (1024 * 1024)).toFixed(1)} MB`;
+    }
+    return (e, l) => (r(), u("div", {
+      class: G(["gcsa-upload", { "gcsa-upload--disabled": s.disabled, "gcsa-upload--dragging": f.value }])
+    }, [
+      c("input", {
+        ref_key: "inputRef",
+        ref: k,
+        type: "file",
+        class: "gcsa-upload__native",
+        accept: s.accept,
+        multiple: s.multiple,
+        webkitdirectory: s.directory || void 0,
+        disabled: s.disabled,
+        onChange: S
+      }, null, 40, I),
+      c("div", {
+        class: "gcsa-upload__dropzone",
+        role: "button",
+        tabindex: "0",
+        onClick: h,
+        onKeydown: [
+          M(v(h, ["prevent"]), ["enter"]),
+          M(v(h, ["prevent"]), ["space"])
+        ],
+        onDragenter: v(L, ["prevent"]),
+        onDragover: v(L, ["prevent"]),
+        onDragleave: l[0] || (l[0] = v((t) => f.value = !1, ["prevent"])),
+        onDrop: v(R, ["prevent"])
+      }, [
+        c("span", O, [
+          P(j, { name: "plus" })
+        ]),
+        c("span", Q, d(B.value), 1),
+        y.value ? (r(), u("p", W, d(y.value), 1)) : _("", !0)
+      ], 40, J),
+      s.files.length ? (r(), u("ul", X, [
+        (r(!0), u(V, null, H(s.files, (t, o) => (r(), u("li", {
+          key: `${t.name}-${o}`,
+          class: "gcsa-upload__item"
+        }, [
+          c("span", Y, d(t.name), 1),
+          c("span", Z, d(K(t.size)), 1),
+          n.value.get(t) === "uploading" ? (r(), u("span", ee, d(D.value) + " " + d(i.value.get(t) ?? 0) + "%", 1)) : n.value.get(t) === "error" ? (r(), u("span", ae, d(F.value), 1)) : _("", !0),
+          n.value.get(t) === "uploading" ? (r(), u("div", te, [
+            c("span", {
+              style: T({ width: `${i.value.get(t) ?? 0}%` })
+            }, null, 4)
+          ])) : _("", !0),
+          n.value.get(t) === "error" ? (r(), u("button", {
+            key: 3,
+            type: "button",
+            class: "gcsa-upload__retry gcsa-focus-ring",
+            disabled: s.disabled,
+            onClick: (N) => x(t)
+          }, d(E.value), 9, le)) : _("", !0),
+          c("button", {
+            type: "button",
+            class: "gcsa-upload__remove gcsa-focus-ring",
+            disabled: s.disabled,
+            "aria-label": C(p).uploadRemoveFile,
+            onClick: (N) => U(o)
+          }, d(C(p).remove), 9, oe)
+        ]))), 128))
+      ])) : _("", !0)
+    ], 2));
+  }
+});
+export {
+  ue as default
+};
+//# sourceMappingURL=GcsaUpload.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GcsaUpload.vue.js","sources":["../../src/components/GcsaUpload.vue"],"sourcesContent":["<template>\n  <div class=\"gcsa-upload\" :class=\"{ 'gcsa-upload--disabled': disabled, 'gcsa-upload--dragging': dragging }\">\n    <input\n      ref=\"inputRef\"\n      type=\"file\"\n      class=\"gcsa-upload__native\"\n      :accept=\"accept\"\n      :multiple=\"multiple\"\n      :webkitdirectory=\"directory || undefined\"\n      :disabled=\"disabled\"\n      @change=\"onNativeChange\"\n    />\n    <div\n      class=\"gcsa-upload__dropzone\"\n      role=\"button\"\n      tabindex=\"0\"\n      @click=\"openPicker\"\n      @keydown.enter.prevent=\"openPicker\"\n      @keydown.space.prevent=\"openPicker\"\n      @dragenter.prevent=\"onDragEnter\"\n      @dragover.prevent=\"onDragEnter\"\n      @dragleave.prevent=\"dragging = false\"\n      @drop.prevent=\"onDrop\"\n    >\n      <span class=\"gcsa-upload__icon\" aria-hidden=\"true\">\n        <GcsaIcon name=\"plus\" />\n      </span>\n      <span class=\"gcsa-upload__title\">{{ resolvedButtonLabel }}</span>\n      <p v-if=\"resolvedHint\" class=\"gcsa-upload__hint\">{{ resolvedHint }}</p>\n    </div>\n    <ul v-if=\"files.length\" class=\"gcsa-upload__list\">\n      <li v-for=\"(file, index) in files\" :key=\"`${file.name}-${index}`\" class=\"gcsa-upload__item\">\n        <span class=\"gcsa-upload__name\">{{ file.name }}</span>\n        <span class=\"gcsa-upload__size\">{{ formatSize(file.size) }}</span>\n        <span v-if=\"statuses.get(file) === 'uploading'\" class=\"gcsa-upload__status\" role=\"status\">{{ resolvedUploadingLabel }} {{ progress.get(file) ?? 0 }}%</span>\n        <span v-else-if=\"statuses.get(file) === 'error'\" class=\"gcsa-upload__status gcsa-upload__status--error\" role=\"alert\">{{ resolvedUploadErrorLabel }}</span>\n        <div v-if=\"statuses.get(file) === 'uploading'\" class=\"gcsa-upload__progress\" aria-hidden=\"true\"><span :style=\"{ width: `${progress.get(file) ?? 0}%` }\" /></div>\n        <button v-if=\"statuses.get(file) === 'error'\" type=\"button\" class=\"gcsa-upload__retry gcsa-focus-ring\" :disabled=\"disabled\" @click=\"uploadFile(file)\">{{ resolvedRetryLabel }}</button>\n        <button\n          type=\"button\"\n          class=\"gcsa-upload__remove gcsa-focus-ring\"\n          :disabled=\"disabled\"\n          :aria-label=\"messages.uploadRemoveFile\"\n          @click=\"removeAt(index)\"\n        >\n          {{ messages.remove }}\n        </button>\n      </li>\n    </ul>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, ref } from 'vue';\nimport type { GcsaUploadProps } from '../types/componentProps';\nimport GcsaIcon from './GcsaIcon.vue';\nimport { useGcsaLocaleMessages } from '../composables/useGcsaLocale';\n\ndefineOptions({ name: 'GcsaUpload' });\n\nconst props = withDefaults(\n  defineProps<GcsaUploadProps>(),\n  {\n    files: () => [],\n    multiple: false,\n    drag: false,\n    directory: false\n  }\n);\n\nconst messages = useGcsaLocaleMessages();\nconst resolvedButtonLabel = computed(() => props.buttonLabel ?? messages.value.uploadSelectFile);\nconst resolvedHint = computed(() => props.hint || (props.drag ? resolvedDragLabel.value : undefined));\nconst resolvedDragLabel = computed(() => props.dragLabel ?? messages.value.uploadDragHint);\nconst resolvedUploadingLabel = computed(() => props.uploadingLabel ?? messages.value.uploadUploading);\nconst resolvedUploadErrorLabel = computed(() => props.uploadErrorLabel ?? messages.value.uploadFailed);\nconst resolvedRetryLabel = computed(() => props.retryLabel ?? messages.value.uploadRetry);\n\nconst emit = defineEmits<{\n  'update:files': [files: File[]];\n  'upload-start': [file: File];\n  'upload-success': [file: File];\n  'upload-error': [details: { file: File; error: unknown }];\n}>();\n\nconst inputRef = ref<HTMLInputElement | null>(null);\nconst dragging = ref(false);\nconst statuses = ref(new Map<File, 'uploading' | 'success' | 'error'>());\nconst progress = ref(new Map<File, number>());\n\nfunction openPicker() {\n  inputRef.value?.click();\n}\n\nfunction onDragEnter() {\n  if (!props.drag || props.disabled) return;\n  dragging.value = true;\n}\n\nfunction onNativeChange(event: Event) {\n  const input = event.target as HTMLInputElement;\n  const picked = Array.from(input.files ?? []);\n  input.value = '';\n  if (!picked.length) return;\n\n  acceptFiles(picked);\n}\n\nfunction onDrop(event: DragEvent) {\n  dragging.value = false;\n  if (!props.drag || props.disabled) return;\n  acceptFiles(Array.from(event.dataTransfer?.files ?? []));\n}\n\nfunction acceptFiles(picked: File[]) {\n  if (!picked.length || props.disabled) return;\n  const valid = props.maxSize == null ? picked : picked.filter(file => file.size <= props.maxSize!);\n  let next = props.multiple ? [...props.files, ...valid] : valid.slice(0, 1);\n  if (props.maxCount != null) next = next.slice(0, props.maxCount);\n  emit('update:files', next);\n  if (props.upload) next.filter(file => valid.includes(file)).forEach(uploadFile);\n}\n\nasync function uploadFile(file: File) {\n  if (!props.upload) return;\n  statuses.value = new Map(statuses.value).set(file, 'uploading');\n  progress.value = new Map(progress.value).set(file, 0);\n  emit('upload-start', file);\n  try {\n    await props.upload(file, percent => {\n      const next = Math.max(0, Math.min(100, Math.round(percent)));\n      progress.value = new Map(progress.value).set(file, next);\n      props.onProgress?.(file, next);\n    });\n    statuses.value = new Map(statuses.value).set(file, 'success');\n    progress.value = new Map(progress.value).set(file, 100);\n    emit('upload-success', file);\n  } catch (error) {\n    statuses.value = new Map(statuses.value).set(file, 'error');\n    emit('upload-error', { file, error });\n  }\n}\n\nfunction removeAt(index: number) {\n  const next = props.files.filter((_, i) => i !== index);\n  emit('update:files', next);\n}\n\nfunction formatSize(bytes: number): string {\n  if (bytes < 1024) return `${bytes} B`;\n  if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)} KB`;\n  return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;\n}\n</script>\n"],"names":["props","__props","messages","useGcsaLocaleMessages","resolvedButtonLabel","computed","resolvedHint","resolvedDragLabel","resolvedUploadingLabel","resolvedUploadErrorLabel","resolvedRetryLabel","emit","__emit","inputRef","ref","dragging","statuses","progress","openPicker","_a","onDragEnter","onNativeChange","event","input","picked","acceptFiles","onDrop","valid","file","next","uploadFile","percent","error","removeAt","index","_","i","formatSize","bytes","_createElementBlock","_normalizeClass","_createElementVNode","_hoisted_3","_createVNode","GcsaIcon","_hoisted_4","_toDisplayString","_hoisted_5","_openBlock","_hoisted_6","_Fragment","_renderList","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","_hoisted_11","_normalizeStyle","$event","_hoisted_12","_unref","_hoisted_13"],"mappings":"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"}

package/dist/components/GcsaUpload2.vue.js

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

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

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

package/dist/components/gcsaDataTableTypes.d.ts

@@ -0,0 +1,18 @@
+export type GcsaDataTableApi<T extends Record<string, unknown>> = {
+    clearSorting: () => void;
+    clearFilters: () => void;
+    clearSelection: () => void;
+    clearExpanded: () => void;
+    setRowSelected: (key: string, selected?: boolean) => void;
+    setRowExpanded: (key: string, expanded?: boolean) => Promise<void>;
+    clearSort: () => void;
+    clearFilter: (columnKeys?: string | string[]) => void;
+    sort: (prop: string, order: 'ascending' | 'descending' | null) => void;
+    toggleRowSelection: (row: T, selected?: boolean) => void;
+    toggleAllSelection: () => void;
+    toggleRowExpansion: (row: T, expanded?: boolean) => Promise<void>;
+    setCurrentRow: (row?: T) => void;
+    getSelectionRows: () => T[];
+    setScrollTop: (top: number) => void;
+    scrollTo: (options: ScrollToOptions | number, y?: number) => void;
+};

package/dist/composables/gcsaFormTypes.d.ts

@@ -0,0 +1,9 @@
+import { FormApi, useForm } from '@tanstack/vue-form';
+export type GcsaFormValues = Record<string, unknown>;
+type VueUseFormReturn = ReturnType<typeof useForm>;
+/**
+ * Form instance used by GcsaForm / GcsaFormField.
+ * Validator generics are relaxed so schema-backed forms remain assignable.
+ */
+export type GcsaFormApi = FormApi<GcsaFormValues, any, any, any, any, any, any, any, any, any, any, any> & Pick<VueUseFormReturn, 'Field' | 'FormGroup' | 'useSelector' | 'useStore' | 'Subscribe'>;
+export {};

package/dist/composables/useDocumentThemeSync.d.ts

@@ -0,0 +1,3 @@
+import { InjectionKey } from 'vue';
+/** Docs / app may provide this to restore document theme after ConfigProvider unmounts. */
+export declare const GCSA_RESTORE_DOCUMENT_THEME_KEY: InjectionKey<() => void>;

package/dist/composables/useDocumentThemeSync.js

@@ -0,0 +1,7 @@
+const e = Symbol(
+  "gcsa-restore-document-theme"
+);
+export {
+  e as GCSA_RESTORE_DOCUMENT_THEME_KEY
+};
+//# sourceMappingURL=useDocumentThemeSync.js.map

package/dist/composables/useDocumentThemeSync.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDocumentThemeSync.js","sources":["../../src/composables/useDocumentThemeSync.ts"],"sourcesContent":["import type { InjectionKey } from 'vue';\n\n/** Docs / app may provide this to restore document theme after ConfigProvider unmounts. */\nexport const GCSA_RESTORE_DOCUMENT_THEME_KEY: InjectionKey<() => void> = Symbol(\n  'gcsa-restore-document-theme'\n);\n"],"names":["GCSA_RESTORE_DOCUMENT_THEME_KEY"],"mappings":"AAGO,MAAMA,IAA4D;AAAA,EACvE;AACF;"}

package/dist/composables/useGcsaComponentSize.d.ts

@@ -0,0 +1,7 @@
+import { ComputedRef, InjectionKey, MaybeRefOrGetter } from 'vue';
+import { GcsaButtonSize, GcsaComponentSize } from '@gcsa/console-core';
+export declare const GCSA_COMPONENT_SIZE_KEY: InjectionKey<ComputedRef<GcsaComponentSize>>;
+export declare function useGcsaComponentSizeConfig(): GcsaComponentSize;
+export declare function useGcsaComponentSize(propSize?: MaybeRefOrGetter<GcsaComponentSize | undefined>): ComputedRef<GcsaComponentSize>;
+export declare function useGcsaButtonSize(propSize?: MaybeRefOrGetter<GcsaButtonSize | undefined>): ComputedRef<GcsaButtonSize>;
+export declare function provideGcsaComponentSize(size: ComputedRef<GcsaComponentSize>): void;

package/dist/composables/useGcsaComponentSize.js

@@ -0,0 +1,26 @@
+import { computed as n, toValue as t, provide as s, inject as r } from "vue";
+import { resolveGcsaButtonSize as u, resolveGcsaComponentSize as S, GCSA_DEFAULT_COMPONENT_SIZE as m } from "@gcsa/console-core";
+const c = Symbol("gcsa-component-size");
+function i() {
+  const o = r(c);
+  return (o == null ? void 0 : o.value) ?? m;
+}
+function C(o) {
+  const e = i();
+  return n(() => S(t(o), e));
+}
+function f(o) {
+  const e = i();
+  return n(() => u(t(o), e));
+}
+function z(o) {
+  s(c, o);
+}
+export {
+  c as GCSA_COMPONENT_SIZE_KEY,
+  z as provideGcsaComponentSize,
+  f as useGcsaButtonSize,
+  C as useGcsaComponentSize,
+  i as useGcsaComponentSizeConfig
+};
+//# sourceMappingURL=useGcsaComponentSize.js.map

package/dist/composables/useGcsaComponentSize.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useGcsaComponentSize.js","sources":["../../src/composables/useGcsaComponentSize.ts"],"sourcesContent":["import { computed, inject, provide, toValue, type ComputedRef, type InjectionKey, type MaybeRefOrGetter } from 'vue';\nimport {\n  GCSA_DEFAULT_COMPONENT_SIZE,\n  resolveGcsaButtonSize,\n  resolveGcsaComponentSize,\n  type GcsaButtonSize,\n  type GcsaComponentSize\n} from '@gcsa/console-core';\n\nexport const GCSA_COMPONENT_SIZE_KEY: InjectionKey<ComputedRef<GcsaComponentSize>> =\n  Symbol('gcsa-component-size');\n\nexport function useGcsaComponentSizeConfig(): GcsaComponentSize {\n  const configSize = inject(GCSA_COMPONENT_SIZE_KEY);\n  return configSize?.value ?? GCSA_DEFAULT_COMPONENT_SIZE;\n}\n\nexport function useGcsaComponentSize(propSize?: MaybeRefOrGetter<GcsaComponentSize | undefined>) {\n  const configSize = useGcsaComponentSizeConfig();\n  return computed(() => resolveGcsaComponentSize(toValue(propSize), configSize));\n}\n\nexport function useGcsaButtonSize(propSize?: MaybeRefOrGetter<GcsaButtonSize | undefined>) {\n  const configSize = useGcsaComponentSizeConfig();\n  return computed(() => resolveGcsaButtonSize(toValue(propSize), configSize));\n}\n\nexport function provideGcsaComponentSize(size: ComputedRef<GcsaComponentSize>) {\n  provide(GCSA_COMPONENT_SIZE_KEY, size);\n}\n"],"names":["GCSA_COMPONENT_SIZE_KEY","useGcsaComponentSizeConfig","configSize","inject","GCSA_DEFAULT_COMPONENT_SIZE","useGcsaComponentSize","propSize","computed","resolveGcsaComponentSize","toValue","useGcsaButtonSize","resolveGcsaButtonSize","provideGcsaComponentSize","size","provide"],"mappings":";;AASO,MAAMA,IACX,OAAO,qBAAqB;AAEvB,SAASC,IAAgD;AAC9D,QAAMC,IAAaC,EAAOH,CAAuB;AACjD,UAAOE,KAAA,gBAAAA,EAAY,UAASE;AAC9B;AAEO,SAASC,EAAqBC,GAA4D;AAC/F,QAAMJ,IAAaD,EAAA;AACnB,SAAOM,EAAS,MAAMC,EAAyBC,EAAQH,CAAQ,GAAGJ,CAAU,CAAC;AAC/E;AAEO,SAASQ,EAAkBJ,GAAyD;AACzF,QAAMJ,IAAaD,EAAA;AACnB,SAAOM,EAAS,MAAMI,EAAsBF,EAAQH,CAAQ,GAAGJ,CAAU,CAAC;AAC5E;AAEO,SAASU,EAAyBC,GAAsC;AAC7E,EAAAC,EAAQd,GAAyBa,CAAI;AACvC;"}

package/dist/composables/useGcsaFormField.d.ts

@@ -0,0 +1,26 @@
+import { FieldApi } from '@tanstack/vue-form';
+/** TanStack FieldApi with relaxed generics for field binding helpers. */
+export type GcsaAnyFieldApi = FieldApi<any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any>;
+export declare function gcsaTextFieldBindings(field: GcsaAnyFieldApi): {
+    modelValue: string;
+    invalid: boolean;
+    onBlur: () => void;
+    'onUpdate:modelValue': (value: string) => void;
+};
+export declare function gcsaBooleanFieldBindings(field: GcsaAnyFieldApi): {
+    modelValue: boolean;
+    'onUpdate:modelValue': (value: boolean) => void;
+};
+export declare function gcsaRadioFieldBindings(field: GcsaAnyFieldApi): {
+    modelValue: string;
+    invalid: boolean;
+    'onUpdate:modelValue': (value: string) => void;
+};
+export declare function gcsaNumberFieldBindings(field: GcsaAnyFieldApi): {
+    modelValue: number | null;
+    invalid: boolean;
+    onBlur: () => void;
+    'onUpdate:modelValue': (value: number | null) => void;
+};
+export declare function gcsaFieldError(field: GcsaAnyFieldApi): string | undefined;
+export declare function gcsaFieldInvalid(field: GcsaAnyFieldApi): boolean;

package/dist/composables/useGcsaFormField.js

@@ -0,0 +1,47 @@
+function r(e) {
+  const a = e.state.meta.errors[0];
+  return {
+    modelValue: e.state.value,
+    invalid: !!a,
+    onBlur: () => e.handleBlur(),
+    "onUpdate:modelValue": (n) => e.handleChange(n)
+  };
+}
+function t(e) {
+  return {
+    modelValue: !!e.state.value,
+    "onUpdate:modelValue": (a) => e.handleChange(a)
+  };
+}
+function o(e) {
+  const a = e.state.meta.errors[0];
+  return {
+    modelValue: e.state.value ?? "",
+    invalid: !!a,
+    "onUpdate:modelValue": (n) => e.handleChange(n)
+  };
+}
+function l(e) {
+  const a = e.state.meta.errors[0];
+  return {
+    modelValue: e.state.value,
+    invalid: !!a,
+    onBlur: () => e.handleBlur(),
+    "onUpdate:modelValue": (n) => e.handleChange(n)
+  };
+}
+function u(e) {
+  return e.state.meta.errors[0];
+}
+function s(e) {
+  return e.state.meta.errors.length > 0;
+}
+export {
+  t as gcsaBooleanFieldBindings,
+  u as gcsaFieldError,
+  s as gcsaFieldInvalid,
+  l as gcsaNumberFieldBindings,
+  o as gcsaRadioFieldBindings,
+  r as gcsaTextFieldBindings
+};
+//# sourceMappingURL=useGcsaFormField.js.map

package/dist/composables/useGcsaFormField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useGcsaFormField.js","sources":["../../src/composables/useGcsaFormField.ts"],"sourcesContent":["import type { FieldApi } from '@tanstack/vue-form';\n\n/** TanStack FieldApi with relaxed generics for field binding helpers. */\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport type GcsaAnyFieldApi = FieldApi<any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any>;\n\nexport function gcsaTextFieldBindings(field: GcsaAnyFieldApi) {\n  const error = field.state.meta.errors[0];\n  return {\n    modelValue: field.state.value as string,\n    invalid: Boolean(error),\n    onBlur: () => field.handleBlur(),\n    'onUpdate:modelValue': (value: string) => field.handleChange(value)\n  };\n}\n\nexport function gcsaBooleanFieldBindings(field: GcsaAnyFieldApi) {\n  return {\n    modelValue: Boolean(field.state.value),\n    'onUpdate:modelValue': (value: boolean) => field.handleChange(value)\n  };\n}\n\nexport function gcsaRadioFieldBindings(field: GcsaAnyFieldApi) {\n  const error = field.state.meta.errors[0];\n  return {\n    modelValue: (field.state.value as string) ?? '',\n    invalid: Boolean(error),\n    'onUpdate:modelValue': (value: string) => field.handleChange(value)\n  };\n}\n\nexport function gcsaNumberFieldBindings(field: GcsaAnyFieldApi) {\n  const error = field.state.meta.errors[0];\n  return {\n    modelValue: field.state.value as number | null,\n    invalid: Boolean(error),\n    onBlur: () => field.handleBlur(),\n    'onUpdate:modelValue': (value: number | null) => field.handleChange(value)\n  };\n}\n\nexport function gcsaFieldError(field: GcsaAnyFieldApi) {\n  return field.state.meta.errors[0] as string | undefined;\n}\n\nexport function gcsaFieldInvalid(field: GcsaAnyFieldApi) {\n  return field.state.meta.errors.length > 0;\n}\n"],"names":["gcsaTextFieldBindings","field","error","value","gcsaBooleanFieldBindings","gcsaRadioFieldBindings","gcsaNumberFieldBindings","gcsaFieldError","gcsaFieldInvalid"],"mappings":"AAMO,SAASA,EAAsBC,GAAwB;AAC5D,QAAMC,IAAQD,EAAM,MAAM,KAAK,OAAO,CAAC;AACvC,SAAO;AAAA,IACL,YAAYA,EAAM,MAAM;AAAA,IACxB,SAAS,EAAQC;AAAA,IACjB,QAAQ,MAAMD,EAAM,WAAA;AAAA,IACpB,uBAAuB,CAACE,MAAkBF,EAAM,aAAaE,CAAK;AAAA,EAAA;AAEtE;AAEO,SAASC,EAAyBH,GAAwB;AAC/D,SAAO;AAAA,IACL,YAAY,EAAQA,EAAM,MAAM;AAAA,IAChC,uBAAuB,CAACE,MAAmBF,EAAM,aAAaE,CAAK;AAAA,EAAA;AAEvE;AAEO,SAASE,EAAuBJ,GAAwB;AAC7D,QAAMC,IAAQD,EAAM,MAAM,KAAK,OAAO,CAAC;AACvC,SAAO;AAAA,IACL,YAAaA,EAAM,MAAM,SAAoB;AAAA,IAC7C,SAAS,EAAQC;AAAA,IACjB,uBAAuB,CAACC,MAAkBF,EAAM,aAAaE,CAAK;AAAA,EAAA;AAEtE;AAEO,SAASG,EAAwBL,GAAwB;AAC9D,QAAMC,IAAQD,EAAM,MAAM,KAAK,OAAO,CAAC;AACvC,SAAO;AAAA,IACL,YAAYA,EAAM,MAAM;AAAA,IACxB,SAAS,EAAQC;AAAA,IACjB,QAAQ,MAAMD,EAAM,WAAA;AAAA,IACpB,uBAAuB,CAACE,MAAyBF,EAAM,aAAaE,CAAK;AAAA,EAAA;AAE7E;AAEO,SAASI,EAAeN,GAAwB;AACrD,SAAOA,EAAM,MAAM,KAAK,OAAO,CAAC;AAClC;AAEO,SAASO,EAAiBP,GAAwB;AACvD,SAAOA,EAAM,MAAM,KAAK,OAAO,SAAS;AAC1C;"}

package/dist/composables/useGcsaFormSchema.d.ts

@@ -0,0 +1,3 @@
+import { InjectionKey } from 'vue';
+import { ZodObject, ZodTypeAny } from 'zod';
+export declare const GCSA_FORM_SCHEMA_KEY: InjectionKey<ZodObject<Record<string, ZodTypeAny>>>;

package/dist/composables/useGcsaFormSchema.js

@@ -0,0 +1,7 @@
+const o = Symbol(
+  "gcsa-form-schema"
+);
+export {
+  o as GCSA_FORM_SCHEMA_KEY
+};
+//# sourceMappingURL=useGcsaFormSchema.js.map

package/dist/composables/useGcsaFormSchema.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useGcsaFormSchema.js","sources":["../../src/composables/useGcsaFormSchema.ts"],"sourcesContent":["import type { InjectionKey } from 'vue';\nimport type { ZodObject, ZodTypeAny } from 'zod';\n\nexport const GCSA_FORM_SCHEMA_KEY: InjectionKey<ZodObject<Record<string, ZodTypeAny>>> = Symbol(\n  'gcsa-form-schema'\n);\n"],"names":["GCSA_FORM_SCHEMA_KEY"],"mappings":"AAGO,MAAMA,IAA4E;AAAA,EACvF;AACF;"}

package/dist/composables/useGcsaLocale.d.ts

@@ -0,0 +1,5 @@
+import { ComputedRef } from 'vue';
+import { GcsaConsoleLocale } from '@gcsa/console-core';
+export declare const GCSA_LOCALE_KEY: unique symbol;
+export declare function useGcsaLocale(): ComputedRef<GcsaConsoleLocale>;
+export declare function useGcsaLocaleMessages(): ComputedRef<import('@gcsa/console-core').GcsaConsoleLocaleMessages>;

package/dist/composables/useGcsaLocale.js

@@ -0,0 +1,17 @@
+import { computed as o, inject as c } from "vue";
+import { getGcsaLocaleMessages as s, GCSA_DEFAULT_LOCALE as t } from "@gcsa/console-core";
+const a = Symbol("gcsa-locale");
+function n() {
+  const e = c(a, null);
+  return o(() => (e == null ? void 0 : e.value) ?? t);
+}
+function r() {
+  const e = n();
+  return o(() => s(e.value));
+}
+export {
+  a as GCSA_LOCALE_KEY,
+  n as useGcsaLocale,
+  r as useGcsaLocaleMessages
+};
+//# sourceMappingURL=useGcsaLocale.js.map

package/dist/composables/useGcsaLocale.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useGcsaLocale.js","sources":["../../src/composables/useGcsaLocale.ts"],"sourcesContent":["import { computed, inject, type ComputedRef } from 'vue';\nimport {\n  GCSA_DEFAULT_LOCALE,\n  getGcsaLocaleMessages,\n  type GcsaConsoleLocale\n} from '@gcsa/console-core';\n\nexport const GCSA_LOCALE_KEY = Symbol('gcsa-locale');\n\nexport function useGcsaLocale(): ComputedRef<GcsaConsoleLocale> {\n  const locale = inject<ComputedRef<GcsaConsoleLocale> | null>(GCSA_LOCALE_KEY, null);\n  return computed(() => locale?.value ?? GCSA_DEFAULT_LOCALE);\n}\n\nexport function useGcsaLocaleMessages() {\n  const locale = useGcsaLocale();\n  return computed(() => getGcsaLocaleMessages(locale.value));\n}\n"],"names":["GCSA_LOCALE_KEY","useGcsaLocale","locale","inject","computed","GCSA_DEFAULT_LOCALE","useGcsaLocaleMessages","getGcsaLocaleMessages"],"mappings":";;AAOO,MAAMA,IAAkB,OAAO,aAAa;AAE5C,SAASC,IAAgD;AAC9D,QAAMC,IAASC,EAA8CH,GAAiB,IAAI;AAClF,SAAOI,EAAS,OAAMF,KAAA,gBAAAA,EAAQ,UAASG,CAAmB;AAC5D;AAEO,SAASC,IAAwB;AACtC,QAAMJ,IAASD,EAAA;AACf,SAAOG,EAAS,MAAMG,EAAsBL,EAAO,KAAK,CAAC;AAC3D;"}

package/dist/composables/useGcsaMessage.d.ts

@@ -0,0 +1,2 @@
+import { GcsaMessageApi } from './useMessage';
+export declare function useGcsaMessage(): GcsaMessageApi;