@gcsa/console-vue 0.1.0

package/dist/components/GcsaDrawer.vue.js

@@ -0,0 +1,115 @@
+import { defineComponent as $, ref as d, computed as u, watch as D, openBlock as l, createBlock as w, unref as a, withCtx as s, createVNode as r, normalizeStyle as v, normalizeClass as m, createElementVNode as n, createCommentVNode as p, createElementBlock as h, toDisplayString as G, renderSlot as k } from "vue";
+import { Dialog as o } from "@ark-ui/vue/dialog";
+import { useGcsaLocaleMessages as I } from "../composables/useGcsaLocale.js";
+import { usePreserveScrollOnFocus as Z } from "../composables/usePreserveScrollOnFocus.js";
+import { useGcsaZIndex as M } from "../composables/useGcsaZIndex.js";
+const N = {
+  key: 1,
+  class: "gcsa-drawer__header"
+}, R = { class: "gcsa-drawer__title" }, V = {
+  key: 2,
+  class: "gcsa-drawer__footer"
+}, F = /* @__PURE__ */ $({
+  name: "GcsaDrawer",
+  __name: "GcsaDrawer",
+  props: {
+    open: { type: Boolean },
+    title: {},
+    closable: { type: Boolean, default: !0 },
+    placement: { default: "right" },
+    size: {}
+  },
+  emits: ["update:open"],
+  setup(e, { emit: b }) {
+    const C = I(), f = d(null), { nextZIndex: g } = M(), c = d(), i = d(), _ = e, x = b;
+    Z(f, u(() => _.open)), D(
+      () => _.open,
+      (t) => {
+        t && (c.value = g(), i.value = g());
+      },
+      { immediate: !0 }
+    );
+    const B = u(
+      () => c.value == null ? void 0 : { zIndex: c.value }
+    ), z = u(
+      () => i.value == null ? void 0 : { zIndex: i.value }
+    );
+    function S(t) {
+      x("update:open", t);
+    }
+    return (t, y) => (l(), w(a(o).Root, {
+      open: e.open,
+      "lazy-mount": "",
+      "unmount-on-exit": "",
+      "onUpdate:open": S
+    }, {
+      default: s(() => [
+        r(a(o).Backdrop, {
+          class: "gcsa-drawer__backdrop",
+          style: v(B.value)
+        }, null, 8, ["style"]),
+        r(a(o).Positioner, {
+          class: m(["gcsa-drawer__positioner", `gcsa-drawer__positioner--${e.placement}`]),
+          style: v(z.value)
+        }, {
+          default: s(() => [
+            r(a(o).Content, {
+              class: m(["gcsa-drawer__panel", "gcsa-ui-surface", `gcsa-drawer__panel--${e.placement}`])
+            }, {
+              default: s(() => [
+                e.closable ? (l(), w(a(o).CloseTrigger, {
+                  key: 0,
+                  class: "gcsa-drawer__close",
+                  "aria-label": a(C).close
+                }, {
+                  default: s(() => [...y[0] || (y[0] = [
+                    n("svg", {
+                      width: "14",
+                      height: "14",
+                      viewBox: "0 0 14 14",
+                      fill: "none",
+                      "aria-hidden": "true"
+                    }, [
+                      n("path", {
+                        d: "M2 2l10 10M12 2L2 12",
+                        stroke: "currentColor",
+                        "stroke-width": "1.5",
+                        "stroke-linecap": "round"
+                      })
+                    ], -1)
+                  ])]),
+                  _: 1
+                }, 8, ["aria-label"])) : p("", !0),
+                e.title ? (l(), h("header", N, [
+                  r(a(o).Title, { "as-child": "" }, {
+                    default: s(() => [
+                      n("div", R, G(e.title), 1)
+                    ]),
+                    _: 1
+                  })
+                ])) : p("", !0),
+                n("div", {
+                  ref_key: "bodyRef",
+                  ref: f,
+                  class: m(["gcsa-drawer__body", { "gcsa-drawer__body--titled": e.title }])
+                }, [
+                  k(t.$slots, "default")
+                ], 2),
+                t.$slots.footer ? (l(), h("div", V, [
+                  k(t.$slots, "footer")
+                ])) : p("", !0)
+              ]),
+              _: 3
+            }, 8, ["class"])
+          ]),
+          _: 3
+        }, 8, ["class", "style"])
+      ]),
+      _: 3
+    }, 8, ["open"]));
+  }
+});
+export {
+  F as default
+};
+//# sourceMappingURL=GcsaDrawer.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GcsaDrawer.vue.js","sources":["../../src/components/GcsaDrawer.vue"],"sourcesContent":["<template>\n  <Dialog.Root :open=\"open\" lazy-mount unmount-on-exit @update:open=\"onOpenChange\">\n    <Dialog.Backdrop class=\"gcsa-drawer__backdrop\" :style=\"backdropStyle\" />\n    <Dialog.Positioner\n      :class=\"['gcsa-drawer__positioner', `gcsa-drawer__positioner--${placement}`]\"\n      :style=\"positionerStyle\"\n    >\n      <Dialog.Content\n        :class=\"['gcsa-drawer__panel', 'gcsa-ui-surface', `gcsa-drawer__panel--${placement}`]\"\n      >\n        <Dialog.CloseTrigger\n          v-if=\"closable\"\n          class=\"gcsa-drawer__close\"\n          :aria-label=\"messages.close\"\n        >\n          <svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\" aria-hidden=\"true\">\n            <path\n              d=\"M2 2l10 10M12 2L2 12\"\n              stroke=\"currentColor\"\n              stroke-width=\"1.5\"\n              stroke-linecap=\"round\"\n            />\n          </svg>\n        </Dialog.CloseTrigger>\n        <header v-if=\"title\" class=\"gcsa-drawer__header\">\n          <Dialog.Title as-child>\n            <div class=\"gcsa-drawer__title\">{{ title }}</div>\n          </Dialog.Title>\n        </header>\n        <div\n          ref=\"bodyRef\"\n          class=\"gcsa-drawer__body\"\n          :class=\"{ 'gcsa-drawer__body--titled': title }\"\n        >\n          <slot />\n        </div>\n        <div v-if=\"$slots.footer\" class=\"gcsa-drawer__footer\">\n          <slot name=\"footer\" />\n        </div>\n      </Dialog.Content>\n    </Dialog.Positioner>\n  </Dialog.Root>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, ref, watch } from 'vue';\nimport { Dialog } from '@ark-ui/vue/dialog';\nimport type { GcsaDrawerProps } from '../types/componentProps';\nimport { useGcsaLocaleMessages } from '../composables/useGcsaLocale';\nimport { usePreserveScrollOnFocus } from '../composables/usePreserveScrollOnFocus';\nimport { useGcsaZIndex } from '../composables/useGcsaZIndex';\n\ndefineOptions({ name: 'GcsaDrawer' });\n\nconst messages = useGcsaLocaleMessages();\nconst bodyRef = ref<HTMLElement | null>(null);\nconst { nextZIndex } = useGcsaZIndex();\nconst backdropZ = ref<number>();\nconst positionerZ = ref<number>();\n\nconst props = withDefaults(\n  defineProps<GcsaDrawerProps>(),\n  {\n    closable: true,\n    placement: 'right'\n  }\n);\n\nconst emit = defineEmits<{\n  'update:open': [value: boolean];\n}>();\n\nusePreserveScrollOnFocus(bodyRef, computed(() => props.open));\n\nwatch(\n  () => props.open,\n  (open) => {\n    if (open) {\n      backdropZ.value = nextZIndex();\n      positionerZ.value = nextZIndex();\n    }\n  },\n  { immediate: true }\n);\n\nconst backdropStyle = computed(() =>\n  backdropZ.value == null ? undefined : { zIndex: backdropZ.value }\n);\n\nconst positionerStyle = computed(() =>\n  positionerZ.value == null ? undefined : { zIndex: positionerZ.value }\n);\n\nfunction onOpenChange(open: boolean) {\n  emit('update:open', open);\n}\n</script>\n"],"names":["messages","useGcsaLocaleMessages","bodyRef","ref","nextZIndex","useGcsaZIndex","backdropZ","positionerZ","props","__props","emit","__emit","usePreserveScrollOnFocus","computed","watch","open","backdropStyle","positionerStyle","onOpenChange","_createBlock","_unref","Dialog","_createVNode","_cache","_createElementVNode","_openBlock","_createElementBlock","_hoisted_1","_hoisted_2","_toDisplayString","_normalizeClass","_renderSlot","_ctx","$slots","_hoisted_3"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAsDA,UAAMA,IAAWC,EAAA,GACXC,IAAUC,EAAwB,IAAI,GACtC,EAAE,YAAAC,EAAA,IAAeC,EAAA,GACjBC,IAAYH,EAAA,GACZI,IAAcJ,EAAA,GAEdK,IAAQC,GAQRC,IAAOC;AAIb,IAAAC,EAAyBV,GAASW,EAAS,MAAML,EAAM,IAAI,CAAC,GAE5DM;AAAA,MACE,MAAMN,EAAM;AAAA,MACZ,CAACO,MAAS;AACR,QAAIA,MACFT,EAAU,QAAQF,EAAA,GAClBG,EAAY,QAAQH,EAAA;AAAA,MAExB;AAAA,MACA,EAAE,WAAW,GAAA;AAAA,IAAK;AAGpB,UAAMY,IAAgBH;AAAA,MAAS,MAC7BP,EAAU,SAAS,OAAO,SAAY,EAAE,QAAQA,EAAU,MAAA;AAAA,IAAM,GAG5DW,IAAkBJ;AAAA,MAAS,MAC/BN,EAAY,SAAS,OAAO,SAAY,EAAE,QAAQA,EAAY,MAAA;AAAA,IAAM;AAGtE,aAASW,EAAaH,GAAe;AACnC,MAAAL,EAAK,eAAeK,CAAI;AAAA,IAC1B;2BA9FEI,EAwCcC,EAAAC,CAAA,EAAA,MAAA;AAAA,MAxCA,MAAMZ,EAAA;AAAA,MAAM,cAAA;AAAA,MAAW,mBAAA;AAAA,MAAiB,iBAAaS;AAAA,IAAA;iBACjE,MAAwE;AAAA,QAAxEI,EAAwEF,EAAAC,CAAA,EAAA,UAAA;AAAA,UAAvD,OAAM;AAAA,UAAyB,SAAOL,EAAA,KAAa;AAAA,QAAA;QACpEM,EAqCoBF,EAAAC,CAAA,EAAA,YAAA;AAAA,UApCjB,iEAA+DZ,EAAA,SAAS,EAAA,CAAA;AAAA,UACxE,SAAOQ,EAAA,KAAe;AAAA,QAAA;qBAEvB,MAgCiB;AAAA,YAhCjBK,EAgCiBF,EAAAC,CAAA,EAAA,SAAA;AAAA,cA/Bd,0EAAwEZ,EAAA,SAAS,EAAA,CAAA;AAAA,YAAA;yBAElF,MAasB;AAAA,gBAZdA,EAAA,iBADRU,EAasBC,EAAAC,CAAA,EAAA,cAAA;AAAA;kBAXpB,OAAM;AAAA,kBACL,cAAYD,EAAApB,CAAA,EAAS;AAAA,gBAAA;6BAEtB,MAOM,CAAA,GAAAuB,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA;AAAA,oBAPNC,EAOM,OAAA;AAAA,sBAPD,OAAM;AAAA,sBAAK,QAAO;AAAA,sBAAK,SAAQ;AAAA,sBAAY,MAAK;AAAA,sBAAO,eAAY;AAAA,oBAAA;sBACtEA,EAKE,QAAA;AAAA,wBAJA,GAAE;AAAA,wBACF,QAAO;AAAA,wBACP,gBAAa;AAAA,wBACb,kBAAe;AAAA,sBAAA;;;;;gBAIPf,EAAA,SAAdgB,EAAA,GAAAC,EAIS,UAJTC,GAIS;AAAA,kBAHPL,EAEeF,EAAAC,CAAA,EAAA,OAAA,EAFD,YAAA,MAAQ;AAAA,+BACpB,MAAiD;AAAA,sBAAjDG,EAAiD,OAAjDI,GAAiDC,EAAdpB,EAAA,KAAK,GAAA,CAAA;AAAA,oBAAA;;;;gBAG5Ce,EAMM,OAAA;AAAA,2BALA;AAAA,kBAAJ,KAAItB;AAAA,kBACJ,OAAK4B,EAAA,CAAC,qBAAmB,EAAA,6BACcrB,EAAA,OAAK,CAAA;AAAA,gBAAA;kBAE5CsB,EAAQC,EAAA,QAAA,SAAA;AAAA,gBAAA;gBAECC,EAAAA,OAAO,UAAlBR,KAAAC,EAEM,OAFNQ,GAEM;AAAA,kBADJH,EAAsBC,EAAA,QAAA,QAAA;AAAA,gBAAA;;;;;;;;;;;;"}

package/dist/components/GcsaDrawer2.vue.js

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

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

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

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

@@ -0,0 +1,26 @@
+import { GcsaDropdownProps } from '../types/componentProps';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        trigger?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<GcsaDropdownProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    select: (key: string) => any;
+}, string, import('vue').PublicProps, Readonly<GcsaDropdownProps> & Readonly<{
+    onSelect?: ((key: string) => any) | undefined;
+}>, {
+    portalled: boolean;
+    placement: import('..').GcsaDropdownPlacement;
+    gutter: number;
+}, {}, {}, {}, 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/GcsaDropdown.vue.js

@@ -0,0 +1,108 @@
+import { defineComponent as B, useAttrs as G, computed as l, useSlots as L, openBlock as n, createElementBlock as m, normalizeClass as P, createVNode as s, unref as t, withCtx as e, createBlock as d, renderSlot as D, createTextVNode as g, toDisplayString as f, normalizeStyle as v, Fragment as O, renderList as $ } from "vue";
+import { Menu as o } from "@ark-ui/vue/menu";
+import { createGcsaPopupPositioning as A } from "@gcsa/console-core";
+import M from "./GcsaButton.vue.js";
+import N from "./GcsaPortal.vue.js";
+import { useGcsaLocaleMessages as V } from "../composables/useGcsaLocale.js";
+import { useGcsaPopupZIndex as Z } from "../composables/useGcsaPopupZIndex.js";
+const K = /* @__PURE__ */ B({
+  name: "GcsaDropdown",
+  inheritAttrs: !1,
+  __name: "GcsaDropdown",
+  props: {
+    items: {},
+    triggerLabel: {},
+    placement: { default: "bottom-start" },
+    portalled: { type: Boolean, default: !0 },
+    gutter: { default: 4 }
+  },
+  emits: ["select"],
+  setup(i, { emit: y }) {
+    const _ = G(), x = l(() => _.class), u = i, b = V(), { zIndex: r, onOpenChange: k } = Z(), S = l(() => u.triggerLabel ?? b.value.menu), w = l(() => !!L().trigger), C = l(
+      () => r.value == null ? void 0 : { zIndex: r.value }
+    ), I = l(
+      () => r.value == null ? void 0 : { zIndex: r.value }
+    ), h = l(
+      () => A({
+        placement: u.placement,
+        gutter: u.gutter
+      })
+    ), T = y;
+    function z(c) {
+      T("select", c.value);
+    }
+    return (c, p) => (n(), m("span", {
+      class: P(["gcsa-dropdown-anchor", x.value])
+    }, [
+      s(t(o).Root, {
+        positioning: h.value,
+        onSelect: z,
+        onOpenChange: p[0] || (p[0] = (a) => t(k)(a.open))
+      }, {
+        default: e(() => [
+          w.value ? (n(), d(t(o).Trigger, {
+            key: 0,
+            "as-child": ""
+          }, {
+            default: e(() => [
+              D(c.$slots, "trigger")
+            ]),
+            _: 3
+          })) : (n(), d(t(o).Trigger, { key: 1 }, {
+            default: e(() => [
+              s(M, { variant: "secondary" }, {
+                default: e(() => [
+                  g(f(S.value), 1)
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          })),
+          s(N, { portalled: i.portalled }, {
+            default: e(() => [
+              s(t(o).Positioner, {
+                class: "gcsa-dropdown-positioner",
+                style: v(C.value)
+              }, {
+                default: e(() => [
+                  s(t(o).Content, {
+                    class: "gcsa-dropdown gcsa-ui-surface",
+                    style: v(I.value)
+                  }, {
+                    default: e(() => [
+                      (n(!0), m(O, null, $(i.items, (a) => (n(), d(t(o).Item, {
+                        key: a.key,
+                        value: a.key,
+                        disabled: a.disabled,
+                        class: "gcsa-dropdown__item"
+                      }, {
+                        default: e(() => [
+                          s(t(o).ItemText, null, {
+                            default: e(() => [
+                              g(f(a.label), 1)
+                            ]),
+                            _: 2
+                          }, 1024)
+                        ]),
+                        _: 2
+                      }, 1032, ["value", "disabled"]))), 128))
+                    ]),
+                    _: 1
+                  }, 8, ["style"])
+                ]),
+                _: 1
+              }, 8, ["style"])
+            ]),
+            _: 1
+          }, 8, ["portalled"])
+        ]),
+        _: 3
+      }, 8, ["positioning"])
+    ], 2));
+  }
+});
+export {
+  K as default
+};
+//# sourceMappingURL=GcsaDropdown.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GcsaDropdown.vue.js","sources":["../../src/components/GcsaDropdown.vue"],"sourcesContent":["<template>\n  <span class=\"gcsa-dropdown-anchor\" :class=\"rootClass\">\n    <Menu.Root\n      :positioning=\"positioningOptions\"\n      @select=\"onSelect\"\n      @open-change=\"(details) => onOpenChange(details.open)\"\n    >\n    <Menu.Trigger v-if=\"hasTriggerSlot\" as-child>\n      <slot name=\"trigger\" />\n    </Menu.Trigger>\n    <Menu.Trigger v-else>\n      <GcsaButton variant=\"secondary\">{{ resolvedTriggerLabel }}</GcsaButton>\n    </Menu.Trigger>\n    <GcsaPortal :portalled=\"portalled\">\n      <Menu.Positioner class=\"gcsa-dropdown-positioner\" :style=\"positionerStyle\">\n        <Menu.Content class=\"gcsa-dropdown gcsa-ui-surface\" :style=\"contentStyle\">\n          <Menu.Item\n            v-for=\"item in items\"\n            :key=\"item.key\"\n            :value=\"item.key\"\n            :disabled=\"item.disabled\"\n            class=\"gcsa-dropdown__item\"\n          >\n            <Menu.ItemText>{{ item.label }}</Menu.ItemText>\n          </Menu.Item>\n        </Menu.Content>\n      </Menu.Positioner>\n    </GcsaPortal>\n  </Menu.Root>\n  </span>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, useAttrs, useSlots } from 'vue';\nimport { Menu } from '@ark-ui/vue/menu';\nimport { createGcsaPopupPositioning } from '@gcsa/console-core';\nimport type { GcsaDropdownProps } from '../types/componentProps';\nimport GcsaButton from './GcsaButton.vue';\nimport GcsaPortal from './GcsaPortal.vue';\nimport { useGcsaLocaleMessages } from '../composables/useGcsaLocale';\nimport { useGcsaPopupZIndex } from '../composables/useGcsaPopupZIndex';\n\ndefineOptions({ name: 'GcsaDropdown', inheritAttrs: false });\n\nconst attrs = useAttrs();\nconst rootClass = computed(() => attrs.class);\n\nconst props = withDefaults(\n  defineProps<GcsaDropdownProps>(),\n  {\n    placement: 'bottom-start',\n    portalled: true,\n    gutter: 4\n  }\n);\n\nconst messages = useGcsaLocaleMessages();\nconst { zIndex: popupZIndex, onOpenChange } = useGcsaPopupZIndex();\nconst resolvedTriggerLabel = computed(() => props.triggerLabel ?? messages.value.menu);\nconst hasTriggerSlot = computed(() => Boolean(useSlots().trigger));\n\nconst positionerStyle = computed(() =>\n  popupZIndex.value == null ? undefined : { zIndex: popupZIndex.value }\n);\n\nconst contentStyle = computed(() =>\n  popupZIndex.value == null ? undefined : { zIndex: popupZIndex.value }\n);\n\nconst positioningOptions = computed(() =>\n  createGcsaPopupPositioning({\n    placement: props.placement,\n    gutter: props.gutter\n  })\n);\n\nconst emit = defineEmits<{\n  select: [key: string];\n}>();\n\nfunction onSelect(details: { value: string }) {\n  emit('select', details.value);\n}\n</script>\n"],"names":["attrs","useAttrs","rootClass","computed","props","__props","messages","useGcsaLocaleMessages","popupZIndex","onOpenChange","useGcsaPopupZIndex","resolvedTriggerLabel","hasTriggerSlot","useSlots","positionerStyle","contentStyle","positioningOptions","createGcsaPopupPositioning","emit","__emit","onSelect","details","_createElementBlock","_normalizeClass","_createVNode","_unref","Menu","_createBlock","_renderSlot","_ctx","GcsaButton","GcsaPortal","_Fragment","_renderList","item","_createTextVNode","_toDisplayString"],"mappings":";;;;;;;;;;;;;;;;;;;;AA4CA,UAAMA,IAAQC,EAAA,GACRC,IAAYC,EAAS,MAAMH,EAAM,KAAK,GAEtCI,IAAQC,GASRC,IAAWC,EAAA,GACX,EAAE,QAAQC,GAAa,cAAAC,EAAA,IAAiBC,EAAA,GACxCC,IAAuBR,EAAS,MAAMC,EAAM,gBAAgBE,EAAS,MAAM,IAAI,GAC/EM,IAAiBT,EAAS,MAAM,EAAQU,EAAA,EAAW,OAAQ,GAE3DC,IAAkBX;AAAA,MAAS,MAC/BK,EAAY,SAAS,OAAO,SAAY,EAAE,QAAQA,EAAY,MAAA;AAAA,IAAM,GAGhEO,IAAeZ;AAAA,MAAS,MAC5BK,EAAY,SAAS,OAAO,SAAY,EAAE,QAAQA,EAAY,MAAA;AAAA,IAAM,GAGhEQ,IAAqBb;AAAA,MAAS,MAClCc,EAA2B;AAAA,QACzB,WAAWb,EAAM;AAAA,QACjB,QAAQA,EAAM;AAAA,MAAA,CACf;AAAA,IAAA,GAGGc,IAAOC;AAIb,aAASC,EAASC,GAA4B;AAC5C,MAAAH,EAAK,UAAUG,EAAQ,KAAK;AAAA,IAC9B;2BAjFEC,EA4BO,QAAA;AAAA,MA5BD,OAAKC,EAAA,CAAC,wBAA+BrB,EAAA,KAAS,CAAA;AAAA,IAAA;MAClDsB,EA0BUC,EAAAC,CAAA,EAAA,MAAA;AAAA,QAzBP,aAAaV,EAAA;AAAA,QACb,UAAAI;AAAA,QACA,+BAAcC,MAAYI,KAAaJ,EAAQ,IAAI;AAAA,MAAA;mBAEtD,MAEe;AAAA,UAFKT,EAAA,cAApBe,EAEeF,EAAAC,CAAA,EAAA,SAAA;AAAA;YAFqB,YAAA;AAAA,UAAA;uBAClC,MAAuB;AAAA,cAAvBE,EAAuBC,EAAA,QAAA,SAAA;AAAA,YAAA;;sBAEzBF,EAEeF,EAAAC,CAAA,EAAA,SAAA,EAAA,KAAA,KAAA;AAAA,uBADb,MAAuE;AAAA,cAAvEF,EAAuEM,GAAA,EAA3D,SAAQ,eAAW;AAAA,2BAAC,MAA0B;AAAA,sBAAvBnB,EAAA,KAAoB,GAAA,CAAA;AAAA,gBAAA;;;;;;UAEzDa,EAcaO,GAAA,EAdA,WAAW1B,EAAA,aAAS;AAAA,uBAC/B,MAYkB;AAAA,cAZlBmB,EAYkBC,EAAAC,CAAA,EAAA,YAAA;AAAA,gBAZD,OAAM;AAAA,gBAA4B,SAAOZ,EAAA,KAAe;AAAA,cAAA;2BACvE,MAUe;AAAA,kBAVfU,EAUeC,EAAAC,CAAA,EAAA,SAAA;AAAA,oBAVD,OAAM;AAAA,oBAAiC,SAAOX,EAAA,KAAY;AAAA,kBAAA;+BAEpE,MAAqB;AAAA,8BADvBO,EAQYU,GAAA,MAAAC,EAPK5B,EAAA,OAAK,CAAb6B,YADTP,EAQYF,EAAAC,CAAA,EAAA,MAAA;AAAA,wBANT,KAAKQ,EAAK;AAAA,wBACV,OAAOA,EAAK;AAAA,wBACZ,UAAUA,EAAK;AAAA,wBAChB,OAAM;AAAA,sBAAA;mCAEN,MAA+C;AAAA,0BAA/CV,EAA+CC,EAAAC,CAAA,EAAA,UAAA,MAAA;AAAA,uCAAhC,MAAgB;AAAA,8BAAbS,EAAAC,EAAAF,EAAK,KAAK,GAAA,CAAA;AAAA,4BAAA;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/GcsaDropdown2.vue.js

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

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

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

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

@@ -0,0 +1,19 @@
+import { GcsaEmptyProps } from '../types/componentProps';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        icon?(_: {}): any;
+        action?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<GcsaEmptyProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<GcsaEmptyProps> & Readonly<{}>, {}, {}, {}, {}, 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/GcsaEmpty.vue.js

@@ -0,0 +1,39 @@
+import { defineComponent as d, computed as p, openBlock as s, createElementBlock as o, createElementVNode as c, renderSlot as a, createVNode as _, toDisplayString as i, createCommentVNode as n } from "vue";
+import { useGcsaLocaleMessages as u } from "../composables/useGcsaLocale.js";
+import y from "./GcsaIcon.vue.js";
+const f = { class: "gcsa-empty gcsa-ui-surface" }, g = {
+  class: "gcsa-empty__icon",
+  "aria-hidden": "true"
+}, v = { class: "gcsa-empty__title" }, h = {
+  key: 0,
+  class: "gcsa-empty__desc"
+}, E = {
+  key: 1,
+  class: "gcsa-empty__action"
+}, V = /* @__PURE__ */ d({
+  name: "GcsaEmpty",
+  __name: "GcsaEmpty",
+  props: {
+    title: {},
+    description: {}
+  },
+  setup(e) {
+    const r = e, m = u(), l = p(() => r.title ?? m.value.emptyDefault);
+    return (t, k) => (s(), o("div", f, [
+      c("div", g, [
+        a(t.$slots, "icon", {}, () => [
+          _(y, { name: "resultEmpty" })
+        ])
+      ]),
+      c("div", v, i(l.value), 1),
+      e.description ? (s(), o("div", h, i(e.description), 1)) : n("", !0),
+      t.$slots.action ? (s(), o("div", E, [
+        a(t.$slots, "action")
+      ])) : n("", !0)
+    ]));
+  }
+});
+export {
+  V as default
+};
+//# sourceMappingURL=GcsaEmpty.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GcsaEmpty.vue.js","sources":["../../src/components/GcsaEmpty.vue"],"sourcesContent":["<template>\n  <div class=\"gcsa-empty gcsa-ui-surface\">\n    <div class=\"gcsa-empty__icon\" aria-hidden=\"true\">\n      <slot name=\"icon\">\n        <GcsaIcon name=\"resultEmpty\" />\n      </slot>\n    </div>\n    <div class=\"gcsa-empty__title\">{{ resolvedTitle }}</div>\n    <div v-if=\"description\" class=\"gcsa-empty__desc\">{{ description }}</div>\n    <div v-if=\"$slots.action\" class=\"gcsa-empty__action\">\n      <slot name=\"action\" />\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport { useGcsaLocaleMessages } from '../composables/useGcsaLocale';\nimport type { GcsaEmptyProps } from '../types/componentProps';\nimport GcsaIcon from './GcsaIcon.vue';\n\ndefineOptions({ name: 'GcsaEmpty' });\n\nconst props = defineProps<GcsaEmptyProps>();\n\nconst messages = useGcsaLocaleMessages();\nconst resolvedTitle = computed(() => props.title ?? messages.value.emptyDefault);\n</script>\n"],"names":["props","__props","messages","useGcsaLocaleMessages","resolvedTitle","computed","_openBlock","_createElementBlock","_hoisted_1","_createElementVNode","_hoisted_2","_renderSlot","_ctx","_createVNode","GcsaIcon","_hoisted_3","_toDisplayString","_hoisted_4","$slots","_hoisted_5"],"mappings":";;;;;;;;;;;;;;;;;;;;AAuBA,UAAMA,IAAQC,GAERC,IAAWC,EAAA,GACXC,IAAgBC,EAAS,MAAML,EAAM,SAASE,EAAS,MAAM,YAAY;sBAzB7EI,EAAA,GAAAC,EAWM,OAXNC,GAWM;AAAA,MAVJC,EAIM,OAJNC,GAIM;AAAA,QAHJC,EAEOC,sBAFP,MAEO;AAAA,UADLC,EAA+BC,GAAA,EAArB,MAAK,eAAa;AAAA,QAAA;;MAGhCL,EAAwD,OAAxDM,GAAwDC,EAAtBZ,EAAA,KAAa,GAAA,CAAA;AAAA,MACpCH,EAAA,oBAAXM,EAAwE,OAAxEU,GAAwED,EAApBf,EAAA,WAAW,GAAA,CAAA;MACpDiB,EAAAA,OAAO,UAAlBZ,KAAAC,EAEM,OAFNY,GAEM;AAAA,QADJR,EAAsBC,EAAA,QAAA,QAAA;AAAA,MAAA;;;;"}

package/dist/components/GcsaEmpty2.vue.js

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

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

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

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

@@ -0,0 +1,18 @@
+import { GcsaFieldProps } 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<GcsaFieldProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<GcsaFieldProps> & Readonly<{}>, {}, {}, {}, {}, 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/GcsaField.vue.js

@@ -0,0 +1,73 @@
+import { defineComponent as k, computed as g, openBlock as l, createBlock as t, unref as r, withCtx as a, createTextVNode as n, toDisplayString as o, createElementBlock as h, createCommentVNode as i, renderSlot as b, createVNode as s, Transition as f } from "vue";
+import { Field as d } from "@ark-ui/vue/field";
+const y = {
+  key: 0,
+  class: "gcsa-field__required",
+  "aria-hidden": "true"
+}, _ = /* @__PURE__ */ k({
+  name: "GcsaField",
+  __name: "GcsaField",
+  props: {
+    label: {},
+    hint: {},
+    required: { type: Boolean },
+    invalid: { type: Boolean },
+    error: {}
+  },
+  setup(e) {
+    const c = e, u = g(() => c.invalid ?? !!c.error);
+    return (m, v) => (l(), t(r(d).Root, {
+      class: "gcsa-field",
+      invalid: u.value
+    }, {
+      default: a(() => [
+        e.label ? (l(), t(r(d).Label, {
+          key: 0,
+          class: "gcsa-field__label"
+        }, {
+          default: a(() => [
+            n(o(e.label) + " ", 1),
+            e.required ? (l(), h("span", y, "*")) : i("", !0)
+          ]),
+          _: 1
+        })) : i("", !0),
+        b(m.$slots, "default"),
+        s(f, { name: "gcsa-field-feedback" }, {
+          default: a(() => [
+            e.hint && !e.error ? (l(), t(r(d).HelperText, {
+              key: 0,
+              class: "gcsa-field__hint",
+              role: "note"
+            }, {
+              default: a(() => [
+                n(o(e.hint), 1)
+              ]),
+              _: 1
+            })) : i("", !0)
+          ]),
+          _: 1
+        }),
+        s(f, { name: "gcsa-field-feedback" }, {
+          default: a(() => [
+            e.error ? (l(), t(r(d).ErrorText, {
+              key: 0,
+              class: "gcsa-field__error",
+              role: "alert"
+            }, {
+              default: a(() => [
+                n(o(e.error), 1)
+              ]),
+              _: 1
+            })) : i("", !0)
+          ]),
+          _: 1
+        })
+      ]),
+      _: 3
+    }, 8, ["invalid"]));
+  }
+});
+export {
+  _ as default
+};
+//# sourceMappingURL=GcsaField.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GcsaField.vue.js","sources":["../../src/components/GcsaField.vue"],"sourcesContent":["<template>\n  <Field.Root class=\"gcsa-field\" :invalid=\"isInvalid\">\n    <Field.Label v-if=\"label\" class=\"gcsa-field__label\">\n      {{ label }}\n      <span v-if=\"required\" class=\"gcsa-field__required\" aria-hidden=\"true\">*</span>\n    </Field.Label>\n    <slot />\n    <Transition name=\"gcsa-field-feedback\">\n      <Field.HelperText v-if=\"hint && !error\" class=\"gcsa-field__hint\" role=\"note\">{{ hint }}</Field.HelperText>\n    </Transition>\n    <Transition name=\"gcsa-field-feedback\">\n      <Field.ErrorText v-if=\"error\" class=\"gcsa-field__error\" role=\"alert\">{{ error }}</Field.ErrorText>\n    </Transition>\n  </Field.Root>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport { Field } from '@ark-ui/vue/field';\nimport type { GcsaFieldProps } from '../types/componentProps';\n\ndefineOptions({ name: 'GcsaField' });\n\nconst props = defineProps<GcsaFieldProps>();\n\nconst isInvalid = computed(() => props.invalid ?? Boolean(props.error));\n</script>\n"],"names":["props","__props","isInvalid","computed","_createBlock","_unref","Field","_createTextVNode","_toDisplayString","_createElementBlock","_hoisted_1","_renderSlot","_ctx","_createVNode","_Transition"],"mappings":";;;;;;;;;;;;;;;;;AAuBA,UAAMA,IAAQC,GAERC,IAAYC,EAAS,MAAMH,EAAM,WAAW,EAAQA,EAAM,KAAM;2BAxBpEI,EAYaC,EAAAC,CAAA,EAAA,MAAA;AAAA,MAZD,OAAM;AAAA,MAAc,SAASJ,EAAA;AAAA,IAAA;iBACvC,MAGc;AAAA,QAHKD,EAAA,cAAnBG,EAGcC,EAAAC,CAAA,EAAA,OAAA;AAAA;UAHY,OAAM;AAAA,QAAA;qBAC9B,MAAW;AAAA,YAARC,EAAAC,EAAAP,EAAA,KAAK,IAAG,KACX,CAAA;AAAA,YAAYA,EAAA,iBAAZQ,EAA8E,QAA9EC,GAAsE,GAAC;;;;QAEzEC,EAAQC,EAAA,QAAA,SAAA;AAAA,QACRC,EAEaC,GAAA,EAFD,MAAK,yBAAqB;AAAA,qBACpC,MAA0G;AAAA,YAAlFb,EAAA,SAASA,EAAA,cAAjCG,EAA0GC,EAAAC,CAAA,EAAA,YAAA;AAAA;cAAlE,OAAM;AAAA,cAAmB,MAAK;AAAA,YAAA;yBAAO,MAAU;AAAA,oBAAPL,EAAA,IAAI,GAAA,CAAA;AAAA,cAAA;;;;;;QAEtFY,EAEaC,GAAA,EAFD,MAAK,yBAAqB;AAAA,qBACpC,MAAkG;AAAA,YAA3Eb,EAAA,cAAvBG,EAAkGC,EAAAC,CAAA,EAAA,WAAA;AAAA;cAApE,OAAM;AAAA,cAAoB,MAAK;AAAA,YAAA;yBAAQ,MAAW;AAAA,oBAARL,EAAA,KAAK,GAAA,CAAA;AAAA,cAAA;;;;;;;;;;;"}

package/dist/components/GcsaField2.vue.js

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

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

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

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

@@ -0,0 +1,32 @@
+import { GcsaFormProps } from '../types/componentProps';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {
+            form: import('@tanstack/vue-form').FormApi<Record<string, unknown>, import('@tanstack/vue-form').FormValidateOrFn<Record<string, unknown>> | undefined, import('@tanstack/vue-form').FormValidateOrFn<Record<string, unknown>> | undefined, import('@tanstack/vue-form').FormAsyncValidateOrFn<Record<string, unknown>> | undefined, import('@tanstack/vue-form').FormValidateOrFn<Record<string, unknown>> | undefined, import('@tanstack/vue-form').FormAsyncValidateOrFn<Record<string, unknown>> | undefined, ({ value }: {
+                value: Record<string, unknown>;
+            }) => string | undefined, import('@tanstack/vue-form').FormAsyncValidateOrFn<Record<string, unknown>> | undefined, import('@tanstack/vue-form').FormValidateOrFn<Record<string, unknown>> | undefined, import('@tanstack/vue-form').FormAsyncValidateOrFn<Record<string, unknown>> | undefined, import('@tanstack/vue-form').FormAsyncValidateOrFn<Record<string, unknown>> | undefined, unknown> & import('@tanstack/vue-form').VueFormApi<Record<string, unknown>, import('@tanstack/vue-form').FormValidateOrFn<Record<string, unknown>> | undefined, import('@tanstack/vue-form').FormValidateOrFn<Record<string, unknown>> | undefined, import('@tanstack/vue-form').FormAsyncValidateOrFn<Record<string, unknown>> | undefined, import('@tanstack/vue-form').FormValidateOrFn<Record<string, unknown>> | undefined, import('@tanstack/vue-form').FormAsyncValidateOrFn<Record<string, unknown>> | undefined, ({ value }: {
+                value: Record<string, unknown>;
+            }) => string | undefined, import('@tanstack/vue-form').FormAsyncValidateOrFn<Record<string, unknown>> | undefined, import('@tanstack/vue-form').FormValidateOrFn<Record<string, unknown>> | undefined, import('@tanstack/vue-form').FormAsyncValidateOrFn<Record<string, unknown>> | undefined, import('@tanstack/vue-form').FormAsyncValidateOrFn<Record<string, unknown>> | undefined, unknown>;
+        }): any;
+    };
+    refs: {};
+    rootEl: HTMLFormElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<GcsaFormProps, {
+    form: import('@tanstack/vue-form').FormApi<Record<string, unknown>, import('@tanstack/vue-form').FormValidateOrFn<Record<string, unknown>> | undefined, import('@tanstack/vue-form').FormValidateOrFn<Record<string, unknown>> | undefined, import('@tanstack/vue-form').FormAsyncValidateOrFn<Record<string, unknown>> | undefined, import('@tanstack/vue-form').FormValidateOrFn<Record<string, unknown>> | undefined, import('@tanstack/vue-form').FormAsyncValidateOrFn<Record<string, unknown>> | undefined, ({ value }: {
+        value: Record<string, unknown>;
+    }) => string | undefined, import('@tanstack/vue-form').FormAsyncValidateOrFn<Record<string, unknown>> | undefined, import('@tanstack/vue-form').FormValidateOrFn<Record<string, unknown>> | undefined, import('@tanstack/vue-form').FormAsyncValidateOrFn<Record<string, unknown>> | undefined, import('@tanstack/vue-form').FormAsyncValidateOrFn<Record<string, unknown>> | undefined, unknown> & import('@tanstack/vue-form').VueFormApi<Record<string, unknown>, import('@tanstack/vue-form').FormValidateOrFn<Record<string, unknown>> | undefined, import('@tanstack/vue-form').FormValidateOrFn<Record<string, unknown>> | undefined, import('@tanstack/vue-form').FormAsyncValidateOrFn<Record<string, unknown>> | undefined, import('@tanstack/vue-form').FormValidateOrFn<Record<string, unknown>> | undefined, import('@tanstack/vue-form').FormAsyncValidateOrFn<Record<string, unknown>> | undefined, ({ value }: {
+        value: Record<string, unknown>;
+    }) => string | undefined, import('@tanstack/vue-form').FormAsyncValidateOrFn<Record<string, unknown>> | undefined, import('@tanstack/vue-form').FormValidateOrFn<Record<string, unknown>> | undefined, import('@tanstack/vue-form').FormAsyncValidateOrFn<Record<string, unknown>> | undefined, import('@tanstack/vue-form').FormAsyncValidateOrFn<Record<string, unknown>> | undefined, unknown>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<GcsaFormProps> & Readonly<{}>, {
+    showActions: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLFormElement>;
+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/GcsaForm.vue.js

@@ -0,0 +1,77 @@
+import { defineComponent as y, computed as l, provide as V, openBlock as u, createElementBlock as c, withModifiers as w, renderSlot as C, unref as s, createVNode as d, withCtx as f, createTextVNode as b, toDisplayString as S, createCommentVNode as F } from "vue";
+import { useForm as G } from "@tanstack/vue-form";
+import v from "./GcsaButton.vue.js";
+import { GCSA_FORM_SCHEMA_KEY as k } from "../composables/useGcsaFormSchema.js";
+import { useGcsaLocaleMessages as x, useGcsaLocale as A } from "../composables/useGcsaLocale.js";
+import { zodFormValidator as M } from "../utils/zodValidators.js";
+const B = {
+  key: 0,
+  class: "gcsa-form__actions"
+}, H = /* @__PURE__ */ y({
+  name: "GcsaForm",
+  __name: "GcsaForm",
+  props: {
+    defaultValues: {},
+    schema: {},
+    onSubmit: {},
+    submitLabel: {},
+    resetLabel: {},
+    showActions: { type: Boolean, default: !0 }
+  },
+  setup(m, { expose: p }) {
+    const e = m, n = x(), h = A(), _ = l(() => e.submitLabel ?? n.value.formSubmit), g = l(() => e.resetLabel ?? n.value.formReset);
+    e.schema && V(k, e.schema);
+    const t = G({
+      defaultValues: e.defaultValues,
+      validators: e.schema ? {
+        onSubmit: M(e.schema, h.value)
+      } : void 0,
+      onSubmit: async ({ value: o }) => {
+        var a, i;
+        if (e.schema) {
+          const r = e.schema.safeParse(o);
+          if (!r.success) return;
+          await ((a = e.onSubmit) == null ? void 0 : a.call(e, r.data));
+          return;
+        }
+        await ((i = e.onSubmit) == null ? void 0 : i.call(e, o));
+      }
+    });
+    function L() {
+      t.handleSubmit();
+    }
+    return p({ form: t }), (o, a) => (u(), c("form", {
+      class: "gcsa-form",
+      onSubmit: w(L, ["prevent"])
+    }, [
+      C(o.$slots, "default", { form: s(t) }),
+      m.showActions ? (u(), c("div", B, [
+        d(v, {
+          "native-type": "submit",
+          loading: s(t).state.isSubmitting,
+          disabled: s(t).state.isSubmitting
+        }, {
+          default: f(() => [
+            b(S(_.value), 1)
+          ]),
+          _: 1
+        }, 8, ["loading", "disabled"]),
+        d(v, {
+          variant: "secondary",
+          "native-type": "button",
+          disabled: s(t).state.isSubmitting,
+          onClick: a[0] || (a[0] = (i) => s(t).reset())
+        }, {
+          default: f(() => [
+            b(S(g.value), 1)
+          ]),
+          _: 1
+        }, 8, ["disabled"])
+      ])) : F("", !0)
+    ], 32));
+  }
+});
+export {
+  H as default
+};
+//# sourceMappingURL=GcsaForm.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GcsaForm.vue.js","sources":["../../src/components/GcsaForm.vue"],"sourcesContent":["<template>\n  <form class=\"gcsa-form\" @submit.prevent=\"submit\">\n    <slot :form=\"form\" />\n    <div v-if=\"showActions\" class=\"gcsa-form__actions\">\n      <GcsaButton native-type=\"submit\" :loading=\"form.state.isSubmitting\" :disabled=\"form.state.isSubmitting\">\n        {{ resolvedSubmitLabel }}\n      </GcsaButton>\n      <GcsaButton\n        variant=\"secondary\"\n        native-type=\"button\"\n        :disabled=\"form.state.isSubmitting\"\n        @click=\"form.reset()\"\n      >\n        {{ resolvedResetLabel }}\n      </GcsaButton>\n    </div>\n  </form>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, provide } from 'vue';\nimport { useForm } from '@tanstack/vue-form';\nimport type { GcsaFormProps } from '../types/componentProps';\nimport GcsaButton from './GcsaButton.vue';\nimport { GCSA_FORM_SCHEMA_KEY } from '../composables/useGcsaFormSchema';\nimport { useGcsaLocale, useGcsaLocaleMessages } from '../composables/useGcsaLocale';\nimport { zodFormValidator } from '../utils/zodValidators';\n\ndefineOptions({ name: 'GcsaForm' });\n\nconst props = withDefaults(\n  defineProps<GcsaFormProps>(),\n  {\n    showActions: true\n  }\n);\n\nconst messages = useGcsaLocaleMessages();\nconst locale = useGcsaLocale();\nconst resolvedSubmitLabel = computed(() => props.submitLabel ?? messages.value.formSubmit);\nconst resolvedResetLabel = computed(() => props.resetLabel ?? messages.value.formReset);\n\nif (props.schema) {\n  provide(GCSA_FORM_SCHEMA_KEY, props.schema);\n}\n\nconst form = useForm({\n  defaultValues: props.defaultValues,\n  validators: props.schema\n    ? {\n        onSubmit: zodFormValidator(props.schema, locale.value)\n      }\n    : undefined,\n  onSubmit: async ({ value }) => {\n    if (props.schema) {\n      const parsed = props.schema.safeParse(value);\n      if (!parsed.success) return;\n      await props.onSubmit?.(parsed.data as Record<string, unknown>);\n      return;\n    }\n    await props.onSubmit?.(value as Record<string, unknown>);\n  }\n});\n\nfunction submit() {\n  form.handleSubmit();\n}\n\ndefineExpose({ form });\n</script>\n"],"names":["props","__props","messages","useGcsaLocaleMessages","locale","useGcsaLocale","resolvedSubmitLabel","computed","resolvedResetLabel","provide","GCSA_FORM_SCHEMA_KEY","form","useForm","zodFormValidator","value","parsed","_a","_b","submit","__expose","_createElementBlock","_renderSlot","_ctx","_unref","_openBlock","_hoisted_1","_createVNode","GcsaButton","_cache","$event"],"mappings":";;;;;;;;;;;;;;;;;;;;;AA8BA,UAAMA,IAAQC,GAORC,IAAWC,EAAA,GACXC,IAASC,EAAA,GACTC,IAAsBC,EAAS,MAAMP,EAAM,eAAeE,EAAS,MAAM,UAAU,GACnFM,IAAqBD,EAAS,MAAMP,EAAM,cAAcE,EAAS,MAAM,SAAS;AAEtF,IAAIF,EAAM,UACRS,EAAQC,GAAsBV,EAAM,MAAM;AAG5C,UAAMW,IAAOC,EAAQ;AAAA,MACnB,eAAeZ,EAAM;AAAA,MACrB,YAAYA,EAAM,SACd;AAAA,QACE,UAAUa,EAAiBb,EAAM,QAAQI,EAAO,KAAK;AAAA,MAAA,IAEvD;AAAA,MACJ,UAAU,OAAO,EAAE,OAAAU,QAAY;;AAC7B,YAAId,EAAM,QAAQ;AAChB,gBAAMe,IAASf,EAAM,OAAO,UAAUc,CAAK;AAC3C,cAAI,CAACC,EAAO,QAAS;AACrB,kBAAMC,IAAAhB,EAAM,aAAN,gBAAAgB,EAAA,KAAAhB,GAAiBe,EAAO;AAC9B;AAAA,QACF;AACA,gBAAME,IAAAjB,EAAM,aAAN,gBAAAiB,EAAA,KAAAjB,GAAiBc;AAAA,MACzB;AAAA,IAAA,CACD;AAED,aAASI,IAAS;AAChB,MAAAP,EAAK,aAAA;AAAA,IACP;AAEA,WAAAQ,EAAa,EAAE,MAAAR,GAAM,mBAnEnBS,EAeO,QAAA;AAAA,MAfD,OAAM;AAAA,MAAa,YAAgBF,GAAM,CAAA,SAAA,CAAA;AAAA,IAAA;MAC7CG,EAAqBC,EAAA,QAAA,WAAA,EAAd,MAAMC,EAAAZ,CAAA,GAAI;AAAA,MACNV,EAAA,eAAXuB,EAAA,GAAAJ,EAYM,OAZNK,GAYM;AAAA,QAXJC,EAEaC,GAAA;AAAA,UAFD,eAAY;AAAA,UAAU,SAASJ,EAAAZ,CAAA,EAAK,MAAM;AAAA,UAAe,UAAUY,EAAAZ,CAAA,EAAK,MAAM;AAAA,QAAA;qBACxF,MAAyB;AAAA,gBAAtBL,EAAA,KAAmB,GAAA,CAAA;AAAA,UAAA;;;QAExBoB,EAOaC,GAAA;AAAA,UANX,SAAQ;AAAA,UACR,eAAY;AAAA,UACX,UAAUJ,EAAAZ,CAAA,EAAK,MAAM;AAAA,UACrB,SAAKiB,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAEN,EAAAZ,CAAA,EAAK,MAAA;AAAA,QAAK;qBAElB,MAAwB;AAAA,gBAArBH,EAAA,KAAkB,GAAA,CAAA;AAAA,UAAA;;;;;;;"}

package/dist/components/GcsaForm2.vue.js

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

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

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