@gcsa/console-vue 0.1.0

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

@@ -0,0 +1,22 @@
+import { GcsaSwitchProps } 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<GcsaSwitchProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<GcsaSwitchProps> & 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/GcsaSwitch.vue.js

@@ -0,0 +1,52 @@
+import { defineComponent as f, computed as p, openBlock as l, createBlock as n, unref as e, normalizeClass as C, withCtx as o, createVNode as c, renderSlot as g, createTextVNode as w, toDisplayString as b, createCommentVNode as k } from "vue";
+import { Switch as t } from "@ark-ui/vue/switch";
+import { gcsaControlSizeClass as S } from "@gcsa/console-core";
+import { useGcsaComponentSize as z } from "../composables/useGcsaComponentSize.js";
+const G = /* @__PURE__ */ f({
+  name: "GcsaSwitch",
+  __name: "GcsaSwitch",
+  props: {
+    modelValue: { type: Boolean },
+    label: {},
+    size: {},
+    disabled: { type: Boolean }
+  },
+  emits: ["update:modelValue"],
+  setup(a, { emit: i }) {
+    const d = a, r = z(() => d.size), m = p(() => S("gcsa-switch", r.value)), u = i;
+    function h(s) {
+      u("update:modelValue", s.checked);
+    }
+    return (s, V) => (l(), n(e(t).Root, {
+      checked: a.modelValue,
+      class: C(["gcsa-switch", "gcsa-focus-ring", m.value]),
+      onCheckedChange: h
+    }, {
+      default: o(() => [
+        c(e(t).Control, { class: "gcsa-switch__track" }, {
+          default: o(() => [
+            c(e(t).Thumb, { class: "gcsa-switch__thumb" })
+          ]),
+          _: 1
+        }),
+        a.label || s.$slots.default ? (l(), n(e(t).Label, {
+          key: 0,
+          class: "gcsa-switch__label"
+        }, {
+          default: o(() => [
+            g(s.$slots, "default", {}, () => [
+              w(b(a.label), 1)
+            ])
+          ]),
+          _: 3
+        })) : k("", !0),
+        c(e(t).HiddenInput)
+      ]),
+      _: 3
+    }, 8, ["checked", "class"]));
+  }
+});
+export {
+  G as default
+};
+//# sourceMappingURL=GcsaSwitch.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GcsaSwitch.vue.js","sources":["../../src/components/GcsaSwitch.vue"],"sourcesContent":["<template>\n  <Switch.Root\n    :checked=\"modelValue\"\n    :class=\"['gcsa-switch', 'gcsa-focus-ring', sizeClass]\"\n    @checked-change=\"onChange\"\n  >\n    <Switch.Control class=\"gcsa-switch__track\">\n      <Switch.Thumb class=\"gcsa-switch__thumb\" />\n    </Switch.Control>\n    <Switch.Label v-if=\"label || $slots.default\" class=\"gcsa-switch__label\">\n      <slot>{{ label }}</slot>\n    </Switch.Label>\n    <Switch.HiddenInput />\n  </Switch.Root>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport { Switch } from '@ark-ui/vue/switch';\nimport { gcsaControlSizeClass } from '@gcsa/console-core';\nimport type { GcsaSwitchProps } from '../types/componentProps';\nimport { useGcsaComponentSize } from '../composables/useGcsaComponentSize';\n\ndefineOptions({ name: 'GcsaSwitch' });\n\nconst props = defineProps<GcsaSwitchProps>();\n\nconst resolvedSize = useGcsaComponentSize(() => props.size);\nconst sizeClass = computed(() => gcsaControlSizeClass('gcsa-switch', resolvedSize.value));\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: boolean];\n}>();\n\nfunction onChange(details: { checked: boolean }) {\n  emit('update:modelValue', details.checked);\n}\n</script>\n"],"names":["props","__props","resolvedSize","useGcsaComponentSize","sizeClass","computed","gcsaControlSizeClass","emit","__emit","onChange","details","_createBlock","_unref","Switch","_createVNode","$slots","_renderSlot","_ctx"],"mappings":";;;;;;;;;;;;;;;AAyBA,UAAMA,IAAQC,GAERC,IAAeC,EAAqB,MAAMH,EAAM,IAAI,GACpDI,IAAYC,EAAS,MAAMC,EAAqB,eAAeJ,EAAa,KAAK,CAAC,GAElFK,IAAOC;AAIb,aAASC,EAASC,GAA+B;AAC/C,MAAAH,EAAK,qBAAqBG,EAAQ,OAAO;AAAA,IAC3C;2BAnCEC,EAYcC,EAAAC,CAAA,EAAA,MAAA;AAAA,MAXX,SAASZ,EAAA;AAAA,MACT,4CAA0CG,EAAA,KAAS,CAAA;AAAA,MACnD,iBAAgBK;AAAA,IAAA;iBAEjB,MAEiB;AAAA,QAFjBK,EAEiBF,EAAAC,CAAA,EAAA,SAAA,EAFD,OAAM,wBAAoB;AAAA,qBACxC,MAA2C;AAAA,YAA3CC,EAA2CF,EAAAC,CAAA,EAAA,OAAA,EAA7B,OAAM,sBAAoB;AAAA,UAAA;;;QAEtBZ,EAAA,SAASc,EAAAA,OAAO,gBAApCJ,EAEeC,EAAAC,CAAA,EAAA,OAAA;AAAA;UAF8B,OAAM;AAAA,QAAA;qBACjD,MAAwB;AAAA,YAAxBG,EAAwBC,yBAAxB,MAAwB;AAAA,kBAAfhB,EAAA,KAAK,GAAA,CAAA;AAAA,YAAA;;;;QAEhBa,EAAsBF,EAAAC,CAAA,EAAA,WAAA;AAAA,MAAA;;;;;"}

package/dist/components/GcsaSwitch2.vue.js

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

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

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

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

@@ -0,0 +1,22 @@
+import { GcsaTabsProps } from '../types/componentProps';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Partial<Record<string, (_: {}) => any>>;
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<GcsaTabsProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:value": (value: string) => any;
+}, string, import('vue').PublicProps, Readonly<GcsaTabsProps> & Readonly<{
+    "onUpdate:value"?: ((value: string) => any) | undefined;
+}>, {
+    variant: "line" | "soft";
+}, {}, {}, {}, 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/GcsaTabs.vue.js

@@ -0,0 +1,61 @@
+import { defineComponent as k, computed as y, openBlock as a, createBlock as n, unref as s, normalizeClass as _, withCtx as r, createVNode as b, createElementBlock as u, Fragment as o, renderList as i, createTextVNode as p, toDisplayString as C, createCommentVNode as T, renderSlot as V } from "vue";
+import { Tabs as l } from "@ark-ui/vue/tabs";
+const N = /* @__PURE__ */ k({
+  name: "GcsaTabs",
+  __name: "GcsaTabs",
+  props: {
+    items: {},
+    value: {},
+    variant: { default: "line" }
+  },
+  emits: ["update:value"],
+  setup(t, { emit: d }) {
+    const m = t, g = d, v = y(() => `gcsa-tabs--${m.variant}`);
+    function f(c) {
+      g("update:value", c);
+    }
+    return (c, h) => (a(), n(s(l).Root, {
+      class: _(["gcsa-tabs gcsa-ui-surface", v.value]),
+      "model-value": t.value,
+      "onUpdate:modelValue": f
+    }, {
+      default: r(() => [
+        b(s(l).List, { class: "gcsa-tabs__list" }, {
+          default: r(() => [
+            (a(!0), u(o, null, i(t.items, (e) => (a(), n(s(l).Trigger, {
+              key: e.key,
+              value: e.key,
+              disabled: e.disabled,
+              class: "gcsa-tabs__trigger gcsa-focus-ring"
+            }, {
+              default: r(() => [
+                p(C(e.label), 1)
+              ]),
+              _: 2
+            }, 1032, ["value", "disabled"]))), 128)),
+            t.variant === "line" ? (a(), n(s(l).Indicator, {
+              key: 0,
+              class: "gcsa-tabs__indicator"
+            })) : T("", !0)
+          ]),
+          _: 1
+        }),
+        (a(!0), u(o, null, i(t.items, (e) => (a(), n(s(l).Content, {
+          key: e.key,
+          value: e.key,
+          class: "gcsa-tabs__content"
+        }, {
+          default: r(() => [
+            V(c.$slots, e.key)
+          ]),
+          _: 2
+        }, 1032, ["value"]))), 128))
+      ]),
+      _: 3
+    }, 8, ["class", "model-value"]));
+  }
+});
+export {
+  N as default
+};
+//# sourceMappingURL=GcsaTabs.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GcsaTabs.vue.js","sources":["../../src/components/GcsaTabs.vue"],"sourcesContent":["<template>\n  <Tabs.Root\n    class=\"gcsa-tabs gcsa-ui-surface\"\n    :class=\"variantClass\"\n    :model-value=\"value\"\n    @update:model-value=\"onChange\"\n  >\n    <Tabs.List class=\"gcsa-tabs__list\">\n      <Tabs.Trigger\n        v-for=\"tab in items\"\n        :key=\"tab.key\"\n        :value=\"tab.key\"\n        :disabled=\"tab.disabled\"\n        class=\"gcsa-tabs__trigger gcsa-focus-ring\"\n      >\n        {{ tab.label }}\n      </Tabs.Trigger>\n      <Tabs.Indicator v-if=\"variant === 'line'\" class=\"gcsa-tabs__indicator\" />\n    </Tabs.List>\n    <Tabs.Content\n      v-for=\"tab in items\"\n      :key=\"tab.key\"\n      :value=\"tab.key\"\n      class=\"gcsa-tabs__content\"\n    >\n      <slot :name=\"tab.key\" />\n    </Tabs.Content>\n  </Tabs.Root>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport { Tabs } from '@ark-ui/vue/tabs';\n\nimport type { GcsaTabsProps } from '../types/componentProps';\n\ndefineOptions({ name: 'GcsaTabs' });\n\nconst props = withDefaults(\n  defineProps<GcsaTabsProps>(),\n  {\n    variant: 'line'\n  }\n);\n\nconst emit = defineEmits<{\n  'update:value': [value: string];\n}>();\n\nconst variantClass = computed(() => `gcsa-tabs--${props.variant}`);\n\nfunction onChange(value: string) {\n  emit('update:value', value);\n}\n</script>\n"],"names":["props","__props","emit","__emit","variantClass","computed","onChange","value","_createBlock","_unref","Tabs","_normalizeClass","_createVNode","_createElementBlock","_Fragment","_renderList","tab","_createTextVNode","_toDisplayString","_renderSlot","_ctx"],"mappings":";;;;;;;;;;;;AAsCA,UAAMA,IAAQC,GAORC,IAAOC,GAIPC,IAAeC,EAAS,MAAM,cAAcL,EAAM,OAAO,EAAE;AAEjE,aAASM,EAASC,GAAe;AAC/B,MAAAL,EAAK,gBAAgBK,CAAK;AAAA,IAC5B;2BApDEC,EA0BYC,EAAAC,CAAA,EAAA,MAAA;AAAA,MAzBV,OAAKC,EAAA,CAAC,6BACEP,EAAA,KAAY,CAAA;AAAA,MACnB,eAAaH,EAAA;AAAA,MACb,uBAAoBK;AAAA,IAAA;iBAErB,MAWY;AAAA,QAXZM,EAWYH,EAAAC,CAAA,EAAA,MAAA,EAXD,OAAM,qBAAiB;AAAA,qBAE9B,MAAoB;AAAA,oBADtBG,EAQeC,GAAA,MAAAC,EAPCd,EAAA,OAAK,CAAZe,YADTR,EAQeC,EAAAC,CAAA,EAAA,SAAA;AAAA,cANZ,KAAKM,EAAI;AAAA,cACT,OAAOA,EAAI;AAAA,cACX,UAAUA,EAAI;AAAA,cACf,OAAM;AAAA,YAAA;yBAEN,MAAe;AAAA,gBAAZC,EAAAC,EAAAF,EAAI,KAAK,GAAA,CAAA;AAAA,cAAA;;;YAEQf,EAAA,YAAO,eAA7BO,EAAyEC,EAAAC,CAAA,EAAA,WAAA;AAAA;cAA/B,OAAM;AAAA,YAAA;;;;gBAElDG,EAOeC,GAAA,MAAAC,EANCd,EAAA,OAAK,CAAZe,YADTR,EAOeC,EAAAC,CAAA,EAAA,SAAA;AAAA,UALZ,KAAKM,EAAI;AAAA,UACT,OAAOA,EAAI;AAAA,UACZ,OAAM;AAAA,QAAA;qBAEN,MAAwB;AAAA,YAAxBG,EAAwBC,EAAA,QAAXJ,EAAI,GAAG;AAAA,UAAA;;;;;;;;"}

package/dist/components/GcsaTabs2.vue.js

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

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

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

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

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

@@ -0,0 +1,19 @@
+import { defineComponent as t, openBlock as n, createElementBlock as o, normalizeClass as s, renderSlot as c } from "vue";
+const m = /* @__PURE__ */ t({
+  name: "GcsaTag",
+  __name: "GcsaTag",
+  props: {
+    tone: {}
+  },
+  setup(e) {
+    return (a, r) => (n(), o("span", {
+      class: s(["gcsa-tag", e.tone ? `gcsa-tag--${e.tone}` : void 0])
+    }, [
+      c(a.$slots, "default")
+    ], 2));
+  }
+});
+export {
+  m as default
+};
+//# sourceMappingURL=GcsaTag.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GcsaTag.vue.js","sources":["../../src/components/GcsaTag.vue"],"sourcesContent":["<template>\n  <span class=\"gcsa-tag\" :class=\"tone ? `gcsa-tag--${tone}` : undefined\">\n    <slot />\n  </span>\n</template>\n\n<script setup lang=\"ts\">\nimport type { GcsaTagProps } from '../types/componentProps';\n\ndefineOptions({ name: 'GcsaTag' });\n\ndefineProps<GcsaTagProps>();\n</script>\n"],"names":["_createElementBlock","__props","_renderSlot","_ctx"],"mappings":";;;;;;;;2BACEA,EAEO,QAAA;AAAA,MAFD,UAAM,YAAmBC,SAAI,aAAgBA,EAAA,IAAI,KAAK,MAAS,CAAA;AAAA,IAAA;MACnEC,EAAQC,EAAA,QAAA,SAAA;AAAA,IAAA;;;"}

package/dist/components/GcsaTag2.vue.js

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

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

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

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

@@ -0,0 +1,18 @@
+import { GcsaTextareaProps } from '../types/componentProps';
+declare const _default: import('vue').DefineComponent<GcsaTextareaProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    blur: (event: FocusEvent) => any;
+    "update:modelValue": (value: string) => any;
+}, string, import('vue').PublicProps, Readonly<GcsaTextareaProps> & Readonly<{
+    onBlur?: ((event: FocusEvent) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+}>, {
+    placeholder: string;
+    disabled: boolean;
+    invalid: boolean;
+    modelValue: string;
+    maxLength: number;
+    showCount: boolean;
+    countFormatter: import('..').GcsaTextCountFormatter;
+    rows: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/components/GcsaTextarea.vue.js

@@ -0,0 +1,66 @@
+import { defineComponent as p, computed as C, useId as b, openBlock as c, createElementBlock as r, normalizeClass as i, unref as a, createElementVNode as y, toDisplayString as B, createCommentVNode as w } from "vue";
+import { gcsaControlSizeClass as V } from "@gcsa/console-core";
+import { useGcsaTextCount as z } from "../composables/useGcsaTextCount.js";
+import { useGcsaComponentSize as L } from "../composables/useGcsaComponentSize.js";
+const G = ["value", "placeholder", "rows", "disabled", "maxlength", "data-invalid", "aria-describedby"], S = ["id"], N = /* @__PURE__ */ p({
+  name: "GcsaTextarea",
+  __name: "GcsaTextarea",
+  props: {
+    modelValue: { default: "" },
+    placeholder: { default: "" },
+    disabled: { type: Boolean, default: !1 },
+    readonly: { type: Boolean },
+    invalid: { type: Boolean, default: !1 },
+    size: {},
+    rows: { default: 4 },
+    maxLength: { default: void 0 },
+    showCount: { type: Boolean, default: void 0 },
+    countFormatter: { type: Function, default: void 0 },
+    onBlur: {}
+  },
+  emits: ["update:modelValue", "blur"],
+  setup(t, { emit: u }) {
+    const e = t, s = u, m = L(() => e.size), f = C(() => V("gcsa-text-control", m.value)), d = b(), { showCounter: l, countText: x, isNearLimit: h } = z({
+      modelValue: () => e.modelValue,
+      maxLength: () => e.maxLength,
+      showCount: () => e.showCount,
+      formatter: e.countFormatter
+    });
+    function v(o) {
+      s("update:modelValue", o.target.value);
+    }
+    function g(o) {
+      var n;
+      s("blur", o), (n = e.onBlur) == null || n.call(e);
+    }
+    return (o, n) => (c(), r("div", {
+      class: i(["gcsa-text-control gcsa-text-control--textarea", [
+        f.value,
+        { "gcsa-text-control--count": a(l) }
+      ]])
+    }, [
+      y("textarea", {
+        class: "gcsa-textarea",
+        value: t.modelValue,
+        placeholder: t.placeholder,
+        rows: t.rows,
+        disabled: t.disabled,
+        maxlength: t.maxLength,
+        "data-invalid": t.invalid || void 0,
+        "aria-describedby": a(l) ? a(d) : void 0,
+        onInput: v,
+        onBlur: g
+      }, null, 40, G),
+      a(l) ? (c(), r("span", {
+        key: 0,
+        id: a(d),
+        class: i(["gcsa-text-control__count", { "gcsa-text-control__count--near": a(h) }]),
+        "aria-live": "polite"
+      }, B(a(x)), 11, S)) : w("", !0)
+    ], 2));
+  }
+});
+export {
+  N as default
+};
+//# sourceMappingURL=GcsaTextarea.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GcsaTextarea.vue.js","sources":["../../src/components/GcsaTextarea.vue"],"sourcesContent":["<template>\n  <div\n    class=\"gcsa-text-control gcsa-text-control--textarea\"\n    :class=\"[\n      sizeClass,\n      { 'gcsa-text-control--count': showCounter }\n    ]\"\n  >\n    <textarea\n      class=\"gcsa-textarea\"\n      :value=\"modelValue\"\n      :placeholder=\"placeholder\"\n      :rows=\"rows\"\n      :disabled=\"disabled\"\n      :maxlength=\"maxLength\"\n      :data-invalid=\"invalid || undefined\"\n      :aria-describedby=\"showCounter ? countId : undefined\"\n      @input=\"onInput\"\n      @blur=\"onBlur\"\n    />\n    <span\n      v-if=\"showCounter\"\n      :id=\"countId\"\n      class=\"gcsa-text-control__count\"\n      :class=\"{ 'gcsa-text-control__count--near': isNearLimit }\"\n      aria-live=\"polite\"\n    >\n      {{ countText }}\n    </span>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, useId } from 'vue';\nimport { gcsaControlSizeClass } from '@gcsa/console-core';\nimport type { GcsaTextareaProps } from '../types/componentProps';\nimport { useGcsaTextCount } from '../composables/useGcsaTextCount';\nimport { useGcsaComponentSize } from '../composables/useGcsaComponentSize';\n\ndefineOptions({ name: 'GcsaTextarea' });\n\nconst props = withDefaults(defineProps<GcsaTextareaProps>(), {\n  modelValue: '',\n  placeholder: '',\n  rows: 4,\n  disabled: false,\n  invalid: false,\n  maxLength: undefined,\n  showCount: undefined,\n  countFormatter: undefined\n});\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: string];\n  blur: [event: FocusEvent];\n}>();\n\nconst resolvedSize = useGcsaComponentSize(() => props.size);\nconst sizeClass = computed(() => gcsaControlSizeClass('gcsa-text-control', resolvedSize.value));\nconst countId = useId();\n\nconst { showCounter, countText, isNearLimit } = useGcsaTextCount({\n  modelValue: () => props.modelValue,\n  maxLength: () => props.maxLength,\n  showCount: () => props.showCount,\n  formatter: props.countFormatter\n});\n\nfunction onInput(event: Event) {\n  emit('update:modelValue', (event.target as HTMLTextAreaElement).value);\n}\n\nfunction onBlur(event: FocusEvent) {\n  emit('blur', event);\n  props.onBlur?.();\n}\n</script>\n"],"names":["props","__props","emit","__emit","resolvedSize","useGcsaComponentSize","sizeClass","computed","gcsaControlSizeClass","countId","useId","showCounter","countText","isNearLimit","useGcsaTextCount","onInput","event","onBlur","_a","_createElementBlock","_unref","_createElementVNode","_normalizeClass","_hoisted_2"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAyCA,UAAMA,IAAQC,GAWRC,IAAOC,GAKPC,IAAeC,EAAqB,MAAML,EAAM,IAAI,GACpDM,IAAYC,EAAS,MAAMC,EAAqB,qBAAqBJ,EAAa,KAAK,CAAC,GACxFK,IAAUC,EAAA,GAEV,EAAE,aAAAC,GAAa,WAAAC,GAAW,aAAAC,EAAA,IAAgBC,EAAiB;AAAA,MAC/D,YAAY,MAAMd,EAAM;AAAA,MACxB,WAAW,MAAMA,EAAM;AAAA,MACvB,WAAW,MAAMA,EAAM;AAAA,MACvB,WAAWA,EAAM;AAAA,IAAA,CAClB;AAED,aAASe,EAAQC,GAAc;AAC7B,MAAAd,EAAK,qBAAsBc,EAAM,OAA+B,KAAK;AAAA,IACvE;AAEA,aAASC,EAAOD,GAAmB;;AACjC,MAAAd,EAAK,QAAQc,CAAK,IAClBE,IAAAlB,EAAM,WAAN,QAAAkB,EAAA,KAAAlB;AAAA,IACF;2BA1EEmB,EA4BM,OAAA;AAAA,MA3BJ,UAAM,iDAA+C;AAAA,QACrCb,EAAA;AAAA,sCAA+Cc,EAAAT,CAAA,EAAA;AAAA,MAAW;;MAK1EU,EAWE,YAAA;AAAA,QAVA,OAAM;AAAA,QACL,OAAOpB,EAAA;AAAA,QACP,aAAaA,EAAA;AAAA,QACb,MAAMA,EAAA;AAAA,QACN,UAAUA,EAAA;AAAA,QACV,WAAWA,EAAA;AAAA,QACX,gBAAcA,EAAA,WAAW;AAAA,QACzB,oBAAkBmB,EAAAT,CAAA,IAAcS,EAAAX,CAAA,IAAU;AAAA,QAC1C,SAAAM;AAAA,QACA,QAAAE;AAAA,MAAA;MAGKG,EAAAT,CAAA,UADRQ,EAQO,QAAA;AAAA;QANJ,IAAIC,EAAAX,CAAA;AAAA,QACL,OAAKa,EAAA,CAAC,4BAA0B,EAAA,kCACYF,EAAAP,CAAA,EAAA,CAAW,CAAA;AAAA,QACvD,aAAU;AAAA,MAAA,KAEPO,EAAAR,CAAA,CAAS,GAAA,IAAAW,CAAA;;;;"}

package/dist/components/GcsaTextarea2.vue.js

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

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

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

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

@@ -0,0 +1,17 @@
+import { GcsaTimePickerProps } from '../types/componentProps';
+declare const _default: import('vue').DefineComponent<GcsaTimePickerProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: string) => any;
+}, string, import('vue').PublicProps, Readonly<GcsaTimePickerProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+}>, {
+    step: number;
+    modelValue: string;
+    allowClear: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    root: HTMLDivElement;
+    inputRef: HTMLInputElement;
+    panelRef: HTMLDivElement;
+    hourColumn: HTMLDivElement;
+    minuteColumn: HTMLDivElement;
+}, HTMLDivElement>;
+export default _default;

package/dist/components/GcsaTimePicker.vue.js

@@ -0,0 +1,264 @@
+import { defineComponent as ie, computed as g, ref as s, watch as F, onMounted as ae, onBeforeUnmount as se, openBlock as m, createElementBlock as v, createElementVNode as n, withModifiers as r, unref as y, createCommentVNode as U, createVNode as re, Transition as ue, withCtx as ce, normalizeClass as E, Fragment as z, renderList as I, toDisplayString as K, nextTick as j } from "vue";
+import { gcsaBuildTimeOptions as de, gcsaTimePickerHours as me, gcsaTimePickerMinutes as ve, gcsaCurrentTimeOption as fe, gcsaResolveTimeDraft as pe, gcsaTimePickerScrollIndex as ke, gcsaTimePickerScrollTop as q } from "@gcsa/console-core";
+import { useGcsaLocaleMessages as ge } from "../composables/useGcsaLocale.js";
+const be = ["data-invalid"], _e = ["value", "placeholder", "disabled", "aria-invalid", "aria-expanded"], we = ["disabled", "aria-label"], ye = ["aria-label"], Ce = ["aria-label"], Te = { class: "gcsa-time-picker__spinner" }, he = ["aria-label"], xe = ["aria-selected", "onClick"], Me = ["aria-label"], Pe = ["aria-selected", "onClick"], Ve = { class: "gcsa-time-picker__footer" }, De = ["disabled"], Be = { class: "gcsa-time-picker__actions" }, Re = /* @__PURE__ */ ie({
+  name: "GcsaTimePicker",
+  __name: "GcsaTimePicker",
+  props: {
+    modelValue: { default: "" },
+    placeholder: {},
+    disabled: { type: Boolean },
+    invalid: { type: Boolean },
+    step: { default: 60 },
+    allowClear: { type: Boolean, default: !0 },
+    min: {},
+    max: {},
+    format: {}
+  },
+  emits: ["update:modelValue"],
+  setup(o, { emit: J }) {
+    const f = ge(), c = o, Q = g(() => c.placeholder ?? f.value.timePickerPlaceholder), O = J, C = s(null), S = s(null), X = s(null), h = s(null), x = s(null), i = s(!1), R = s(!1), d = s("00"), a = s("00");
+    let M, P;
+    const u = g(
+      () => de({
+        min: c.min,
+        max: c.max,
+        step: c.step
+      })
+    ), V = g(() => me(u.value)), b = g(() => ve(u.value, d.value)), A = g(() => `${d.value}:${a.value}`), D = g(() => fe(u.value));
+    function Y(l) {
+      [d.value, a.value] = l.split(":");
+    }
+    function p(l = c.modelValue ?? "") {
+      Y(pe(l, u.value));
+    }
+    function _() {
+      j(() => {
+        h.value && (h.value.scrollTop = q(V.value.indexOf(d.value))), x.value && (x.value.scrollTop = q(b.value.indexOf(a.value)));
+      });
+    }
+    function Z() {
+      j(() => {
+        var k;
+        if (!C.value) return;
+        const l = C.value.getBoundingClientRect(), e = ((k = S.value) == null ? void 0 : k.offsetWidth) ?? 220, t = 8;
+        R.value = l.left + e > window.innerWidth - t;
+      });
+    }
+    function w() {
+      c.disabled || i.value || (p(), i.value = !0, Z(), _());
+    }
+    function H(l) {
+      d.value = l, b.value.includes(a.value) || (a.value = b.value[0] ?? "00"), _();
+    }
+    function ee(l) {
+      a.value = l, _();
+    }
+    function L(l, e) {
+      const t = e.currentTarget, k = l === "hour" ? M : P;
+      window.clearTimeout(k);
+      const G = window.setTimeout(() => {
+        const W = l === "hour" ? V.value : b.value, oe = ke(t.scrollTop, W.length), T = W[oe];
+        l === "hour" && T && H(T), l === "minute" && T && (a.value = T);
+      }, 80);
+      l === "hour" ? M = G : P = G;
+    }
+    function le(l) {
+      if (l.key === "Escape") {
+        B();
+        return;
+      }
+      if (l.key === "Enter") {
+        l.preventDefault(), i.value ? N() : w();
+        return;
+      }
+      if (l.key === "ArrowDown" || l.key === "ArrowUp") {
+        l.preventDefault(), w();
+        const e = u.value.indexOf(A.value), t = l.key === "ArrowDown" ? 1 : -1;
+        p(u.value[Math.max(0, Math.min(u.value.length - 1, e + t))]), _();
+      }
+    }
+    function N() {
+      O("update:modelValue", A.value), i.value = !1;
+    }
+    function B() {
+      i.value = !1, p();
+    }
+    function te() {
+      D.value && (p(D.value), _());
+    }
+    function ne() {
+      O("update:modelValue", ""), i.value = !1;
+    }
+    function $(l) {
+      var e;
+      (e = C.value) != null && e.contains(l.target) || B();
+    }
+    return F(
+      () => c.modelValue,
+      () => {
+        i.value || p();
+      }
+    ), F(u, () => {
+      i.value || p();
+    }), ae(() => document.addEventListener("pointerdown", $)), se(() => {
+      document.removeEventListener("pointerdown", $), window.clearTimeout(M), window.clearTimeout(P);
+    }), (l, e) => (m(), v("div", {
+      ref_key: "root",
+      ref: C,
+      class: "gcsa-time-picker__root"
+    }, [
+      n("div", {
+        class: "gcsa-time-picker__control gcsa-focus-ring",
+        "data-invalid": o.invalid || void 0,
+        onClick: w
+      }, [
+        n("input", {
+          ref_key: "inputRef",
+          ref: X,
+          class: "gcsa-time-picker__input",
+          type: "text",
+          inputmode: "numeric",
+          readonly: "",
+          value: o.modelValue,
+          placeholder: Q.value,
+          disabled: o.disabled,
+          "aria-invalid": o.invalid || void 0,
+          "aria-haspopup": "dialog",
+          "aria-expanded": i.value,
+          autocomplete: "off",
+          onFocus: w,
+          onKeydown: le
+        }, null, 40, _e),
+        n("button", {
+          type: "button",
+          class: "gcsa-time-picker__trigger gcsa-focus-ring",
+          disabled: o.disabled,
+          "aria-label": y(f).timePickerOpen,
+          onMousedown: e[0] || (e[0] = r(() => {
+          }, ["prevent"])),
+          onClick: r(w, ["stop"])
+        }, [...e[9] || (e[9] = [
+          n("svg", {
+            width: "16",
+            height: "16",
+            viewBox: "0 0 16 16",
+            fill: "none",
+            "aria-hidden": "true"
+          }, [
+            n("circle", {
+              cx: "8",
+              cy: "8",
+              r: "5.75",
+              stroke: "currentColor",
+              "stroke-width": "1.2"
+            }),
+            n("path", {
+              d: "M8 4.75V8l2.25 1.5",
+              stroke: "currentColor",
+              "stroke-width": "1.2",
+              "stroke-linecap": "round"
+            })
+          ], -1)
+        ])], 40, we)
+      ], 8, be),
+      o.allowClear && o.modelValue && !o.disabled ? (m(), v("button", {
+        key: 0,
+        type: "button",
+        class: "gcsa-time-picker__clear",
+        "aria-label": y(f).timePickerClear,
+        onMousedown: e[1] || (e[1] = r(() => {
+        }, ["prevent"])),
+        onClick: r(ne, ["stop"])
+      }, " × ", 40, ye)) : U("", !0),
+      re(ue, { name: "gcsa-time-picker-panel" }, {
+        default: ce(() => [
+          i.value && !o.disabled ? (m(), v("div", {
+            key: 0,
+            ref_key: "panelRef",
+            ref: S,
+            class: E(["gcsa-time-picker__panel gcsa-ui-surface", { "gcsa-time-picker__panel--align-end": R.value }]),
+            role: "dialog",
+            "aria-label": y(f).timePickerSelect
+          }, [
+            n("div", Te, [
+              n("div", {
+                ref_key: "hourColumn",
+                ref: h,
+                class: "gcsa-time-picker__column",
+                role: "listbox",
+                "aria-label": y(f).timeHour,
+                onScroll: e[3] || (e[3] = (t) => L("hour", t))
+              }, [
+                (m(!0), v(z, null, I(V.value, (t) => (m(), v("button", {
+                  key: t,
+                  type: "button",
+                  class: E(["gcsa-time-picker__cell", { "gcsa-time-picker__cell--selected": t === d.value }]),
+                  role: "option",
+                  "aria-selected": t === d.value,
+                  onMousedown: e[2] || (e[2] = r(() => {
+                  }, ["prevent"])),
+                  onClick: (k) => H(t)
+                }, K(t), 43, xe))), 128))
+              ], 40, he),
+              n("div", {
+                ref_key: "minuteColumn",
+                ref: x,
+                class: "gcsa-time-picker__column",
+                role: "listbox",
+                "aria-label": y(f).timeMinute,
+                onScroll: e[5] || (e[5] = (t) => L("minute", t))
+              }, [
+                (m(!0), v(z, null, I(b.value, (t) => (m(), v("button", {
+                  key: t,
+                  type: "button",
+                  class: E(["gcsa-time-picker__cell", { "gcsa-time-picker__cell--selected": t === a.value }]),
+                  role: "option",
+                  "aria-selected": t === a.value,
+                  onMousedown: e[4] || (e[4] = r(() => {
+                  }, ["prevent"])),
+                  onClick: (k) => ee(t)
+                }, K(t), 43, Pe))), 128))
+              ], 40, Me),
+              e[10] || (e[10] = n("div", {
+                class: "gcsa-time-picker__selection",
+                "aria-hidden": "true"
+              }, null, -1))
+            ]),
+            n("div", Ve, [
+              n("button", {
+                type: "button",
+                class: "gcsa-time-picker__link",
+                disabled: !D.value,
+                onMousedown: e[6] || (e[6] = r(() => {
+                }, ["prevent"])),
+                onClick: te
+              }, " 此刻 ", 40, De),
+              n("div", Be, [
+                n("button", {
+                  type: "button",
+                  class: "gcsa-time-picker__link",
+                  onMousedown: e[7] || (e[7] = r(() => {
+                  }, ["prevent"])),
+                  onClick: B
+                }, "取消", 32),
+                n("button", {
+                  type: "button",
+                  class: "gcsa-time-picker__confirm",
+                  onMousedown: e[8] || (e[8] = r(() => {
+                  }, ["prevent"])),
+                  onClick: N
+                }, "确定", 32)
+              ])
+            ])
+          ], 10, Ce)) : U("", !0)
+        ]),
+        _: 1
+      })
+    ], 512));
+  }
+});
+export {
+  Re as default
+};
+//# sourceMappingURL=GcsaTimePicker.vue.js.map