@geckou/ui-vue 0.4.0 → 0.6.0

package/dist/components/DateSelector.vue2.js

@@ -0,0 +1,174 @@
+import { defineComponent as N, ref as R, computed as m, watch as q, watchEffect as V, onBeforeUnmount as F, openBlock as s, createBlock as T, normalizeClass as u, withCtx as x, createElementVNode as i, createElementBlock as d, Fragment as p, renderList as g, toDisplayString as h, createVNode as y, createCommentVNode as A } from "vue";
+import { daysInMonth as O, splitDate as j } from "@geckou/ui-core";
+import z from "./InputBox.vue.js";
+import b from "./Icon/KeyboardArrowDownIcon.vue.js";
+import H from "./TextButton.vue.js";
+const L = ["value", "name", "aria-label", "required"], P = ["value"], U = ["value", "name", "aria-label", "required"], G = ["value"], J = ["value", "name", "aria-label", "required"], K = ["value"], ee = /* @__PURE__ */ N({
+  __name: "DateSelector",
+  props: {
+    name: {},
+    modelValue: {},
+    isRequired: { type: Boolean },
+    formValidationManager: { default: null },
+    type: { default: "date" },
+    minYear: { default: void 0 },
+    maxYear: { default: void 0 }
+  },
+  emits: ["update:modelValue"],
+  setup(l, { emit: B }) {
+    const C = B, o = l, n = R({
+      year: "",
+      month: "",
+      day: ""
+    }), M = m(() => {
+      const e = (/* @__PURE__ */ new Date()).getFullYear(), a = o.minYear ?? e - 100, t = o.maxYear ?? e - 14, r = Math.max(t - a + 1, 0);
+      return Array.from({ length: r }, (f, I) => (a + I).toString()).map((f) => ({ label: f, value: f }));
+    }), Y = m(() => Array.from({ length: 12 }, (e, a) => {
+      const t = (a + 1).toString();
+      return {
+        label: t,
+        value: t.padStart(2, "0")
+      };
+    })), $ = m(() => {
+      var t, r;
+      const e = Number((t = n.value) == null ? void 0 : t.month);
+      if (!e)
+        return 31;
+      const a = Number((r = n.value) == null ? void 0 : r.year) || 2e3;
+      return O(a, e);
+    }), D = m(() => {
+      const e = [], a = $.value;
+      for (let t = 1; t <= a; t++) {
+        const r = t.toString();
+        e.push(r);
+      }
+      return e.map((t) => ({
+        label: t,
+        value: String(t).padStart(2, "0")
+      }));
+    }), v = (e) => {
+      const t = e.currentTarget.firstElementChild;
+      t && t.click();
+    }, c = (e, a) => {
+      const t = e.target, { value: r } = t;
+      n.value = { ...n.value, [a]: r };
+    };
+    q($, (e) => {
+      const a = Number(n.value.day);
+      a && a > e && (n.value = { ...n.value, day: String(e).padStart(2, "0") });
+    });
+    const E = { year: "", month: "", day: "" };
+    V(() => {
+      n.value = o.modelValue ? j(o.modelValue) : { ...E };
+    });
+    const k = (e) => {
+      o.formValidationManager && o.formValidationManager.setValid(o.name, e);
+    }, S = (e) => {
+      const a = !!(e.year && e.month && (o.type === "month" || e.day)), t = !e.year && !e.month && !e.day;
+      return o.isRequired ? a : a || t;
+    };
+    return k(S(n.value)), q(
+      () => n.value,
+      (e) => {
+        const a = !!(e.year && e.month && (o.type === "month" || e.day)), t = !e.year && !e.month && !e.day;
+        if (k(S(e)), t)
+          C("update:modelValue", "");
+        else if (a) {
+          const r = o.type === "month" ? [e.year, e.month] : [e.year, e.month, e.day];
+          C("update:modelValue", r.filter(Boolean).join("-"));
+        } else
+          return;
+      },
+      { deep: !0 }
+    ), F(() => {
+      var e;
+      return (e = o.formValidationManager) == null ? void 0 : e.remove(o.name);
+    }), (e, a) => (s(), T(z, {
+      class: u(e.$style.date_selector)
+    }, {
+      default: x(() => [
+        i("div", {
+          class: u([e.$style.selector_wrapper]),
+          onClick: a[1] || (a[1] = (t) => v(t))
+        }, [
+          i("select", {
+            value: n.value.year,
+            name: `${l.name}-year`,
+            "aria-label": `${l.name}の年`,
+            required: l.isRequired,
+            class: u(e.$style.year),
+            onChange: a[0] || (a[0] = (t) => c(t, "year"))
+          }, [
+            a[7] || (a[7] = i("option", {
+              disabled: "",
+              selected: "",
+              value: ""
+            }, "年", -1)),
+            (s(!0), d(p, null, g(M.value, (t) => (s(), d("option", {
+              key: t.value,
+              value: t.value
+            }, h(t.label), 9, P))), 128))
+          ], 42, L),
+          y(b)
+        ], 2),
+        i("div", {
+          class: u([e.$style.selector_wrapper]),
+          onClick: a[3] || (a[3] = (t) => v(t))
+        }, [
+          i("select", {
+            value: n.value.month,
+            name: `${l.name}-month`,
+            "aria-label": `${l.name}の月`,
+            required: l.isRequired,
+            onChange: a[2] || (a[2] = (t) => c(t, "month"))
+          }, [
+            a[8] || (a[8] = i("option", {
+              disabled: "",
+              selected: "",
+              value: ""
+            }, "月", -1)),
+            (s(!0), d(p, null, g(Y.value, (t) => (s(), d("option", {
+              key: t.value,
+              value: t.value
+            }, h(t.label), 9, G))), 128))
+          ], 40, U),
+          y(b)
+        ], 2),
+        l.type === "date" ? (s(), d("div", {
+          key: 0,
+          class: u([e.$style.selector_wrapper]),
+          onClick: a[5] || (a[5] = (t) => v(t))
+        }, [
+          i("select", {
+            value: n.value.day,
+            name: `${l.name}-day`,
+            "aria-label": `${l.name}の日`,
+            required: l.isRequired,
+            onChange: a[4] || (a[4] = (t) => c(t, "day"))
+          }, [
+            a[9] || (a[9] = i("option", {
+              disabled: "",
+              selected: "",
+              value: ""
+            }, "日", -1)),
+            (s(!0), d(p, null, g(D.value, (t) => (s(), d("option", {
+              key: t.value,
+              value: t.value
+            }, h(t.label), 9, K))), 128))
+          ], 40, J),
+          y(b)
+        ], 2)) : A("", !0),
+        y(H, {
+          text: "削除",
+          variant: "caution",
+          class: u(e.$style.delete_button),
+          onClick: a[6] || (a[6] = (t) => n.value = { year: "", month: "", day: "" })
+        }, null, 8, ["class"])
+      ]),
+      _: 1
+    }, 8, ["class"]));
+  }
+});
+export {
+  ee as default
+};

package/dist/components/DateSelector.vue3.js

@@ -0,0 +1,13 @@
+const e = "_date_selector_kckhg_1", t = "_selector_wrapper_kckhg_11", _ = "_year_kckhg_37", r = "_delete_button_kckhg_41", c = {
+  date_selector: e,
+  selector_wrapper: t,
+  year: _,
+  delete_button: r
+};
+export {
+  e as date_selector,
+  c as default,
+  r as delete_button,
+  t as selector_wrapper,
+  _ as year
+};

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

@@ -19,6 +19,7 @@ declare function __VLS_template(): {
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
     isContentsOpened: import('vue').Ref<boolean, boolean>;
+    close: () => boolean;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     isDisabled: boolean;
     isHiddenArrow: boolean;

package/dist/components/DropdownUi.vue.js

@@ -0,0 +1,9 @@
+import o from "./DropdownUi.vue2.js";
+import s from "./DropdownUi.vue3.js";
+import t from "../_virtual/_plugin-vue_export-helper.js";
+const r = {
+  $style: s
+}, f = /* @__PURE__ */ t(o, [["__cssModules", r]]);
+export {
+  f as default
+};

package/dist/components/DropdownUi.vue2.js

@@ -0,0 +1,65 @@
+import { defineComponent as h, ref as o, onMounted as k, onUpdated as $, openBlock as a, createElementBlock as u, normalizeClass as l, createElementVNode as f, normalizeStyle as v, withModifiers as p, renderSlot as m, createBlock as w, createCommentVNode as b } from "vue";
+import C from "./Icon/KeyboardArrowDownIcon.vue.js";
+import { useClickOutside as D } from "../scripts/use-click-outside.js";
+const B = ["disabled", "aria-expanded"], z = ["inert"], E = /* @__PURE__ */ h({
+  __name: "DropdownUi",
+  props: {
+    isHiddenArrow: { type: Boolean, default: !1 },
+    contentAlignment: { default: "left" },
+    isDisabled: { type: Boolean, default: !1 },
+    contentsWidth: { default: "auto" }
+  },
+  setup(n, { expose: y }) {
+    const t = o(!1), i = o(null), r = o(null), c = o(0), g = () => t.value = !t.value, s = () => t.value = !1, d = () => {
+      const e = r.value;
+      e && (c.value = e.clientHeight);
+    };
+    return D(i, () => s()), k(() => d()), $(() => d()), y({ isContentsOpened: t, close: s }), (e, A) => (a(), u("div", {
+      ref_key: "root",
+      ref: i,
+      class: l(e.$style.drop_down_box)
+    }, [
+      f("button", {
+        class: l(e.$style.button),
+        disabled: n.isDisabled,
+        "aria-expanded": t.value,
+        type: "button",
+        style: v({
+          "--trigger-color": n.isDisabled || !e.$slots.contents ? "var(--text-color)" : "var(--link-color)",
+          cursor: n.isDisabled || !e.$slots.contents ? "auto" : "pointer"
+        }),
+        onClick: p(g, ["prevent"])
+      }, [
+        m(e.$slots, "trigger"),
+        n.isHiddenArrow || !e.$slots.contents || n.isDisabled ? b("", !0) : (a(), w(C, {
+          key: 0,
+          class: l([e.$style.icon, { [e.$style.open]: t.value }])
+        }, null, 8, ["class"]))
+      ], 14, B),
+      e.$slots.contents ? (a(), u("div", {
+        key: 0,
+        class: l(e.$style.contents),
+        inert: !t.value || void 0,
+        style: v({
+          boxShadow: t.value ? "var(--box-shadow)" : "none",
+          blockSize: t.value ? `${c.value}px` : 0,
+          inlineSize: n.contentsWidth,
+          right: n.contentAlignment === "right" ? "calc(var(--bv) * -0.5)" : "auto",
+          left: n.contentAlignment === "left" ? "calc(var(--bv) * -0.5)" : "auto",
+          zIndex: "2"
+        })
+      }, [
+        f("div", {
+          ref_key: "contents",
+          ref: r,
+          onClick: s
+        }, [
+          m(e.$slots, "contents")
+        ], 512)
+      ], 14, z)) : b("", !0)
+    ], 2));
+  }
+});
+export {
+  E as default
+};

package/dist/components/DropdownUi.vue3.js

@@ -0,0 +1,15 @@
+const o = "_drop_down_box_1azx1_1", n = "_button_1azx1_5", t = "_icon_1azx1_14", _ = "_open_1azx1_23", c = "_contents_1azx1_27", s = {
+  drop_down_box: o,
+  button: n,
+  icon: t,
+  open: _,
+  contents: c
+};
+export {
+  n as button,
+  c as contents,
+  s as default,
+  o as drop_down_box,
+  t as icon,
+  _ as open
+};

package/dist/components/ErrorMessage.vue.js

@@ -0,0 +1,9 @@
+import s from "./ErrorMessage.vue2.js";
+import o from "./ErrorMessage.vue3.js";
+import r from "../_virtual/_plugin-vue_export-helper.js";
+const t = {
+  $style: o
+}, f = /* @__PURE__ */ r(s, [["__cssModules", t]]);
+export {
+  f as default
+};

package/dist/components/ErrorMessage.vue2.js

@@ -0,0 +1,30 @@
+import { defineComponent as c, withDirectives as i, openBlock as r, createElementBlock as o, normalizeClass as m, normalizeStyle as u, unref as g, Fragment as f, renderList as y, toDisplayString as d, vShow as C } from "vue";
+import { COLOR as S } from "@geckou/ui-core";
+const v = /* @__PURE__ */ c({
+  __name: "ErrorMessage",
+  props: {
+    cssStyle: {},
+    errorMessages: {}
+  },
+  setup(e) {
+    const { red: n } = S;
+    return (a, k) => {
+      var s, t;
+      return i((r(), o("div", {
+        role: "alert",
+        class: m(a.$style.error_messages),
+        style: u({
+          "--error-text-color": ((s = e.cssStyle) == null ? void 0 : s.textColor) || "#fff",
+          "--error-background-color": ((t = e.cssStyle) == null ? void 0 : t.backgroundColor) || g(n)
+        })
+      }, [
+        (r(!0), o(f, null, y(e.errorMessages, (l) => (r(), o("span", { key: l }, d(l), 1))), 128))
+      ], 6)), [
+        [C, e.errorMessages && e.errorMessages.length]
+      ]);
+    };
+  }
+});
+export {
+  v as default
+};

package/dist/components/ErrorMessage.vue3.js

@@ -0,0 +1,7 @@
+const s = "_error_messages_basoi_1", e = {
+  error_messages: s
+};
+export {
+  e as default,
+  s as error_messages
+};

package/dist/components/Icon/CalendarIcon.vue.js

@@ -0,0 +1,15 @@
+import { openBlock as T, createElementBlock as e, createElementVNode as t } from "vue";
+import o from "../../_virtual/_plugin-vue_export-helper.js";
+const n = {}, r = {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 -960 960 960"
+};
+function m(v, q) {
+  return T(), e("svg", r, [...q[0] || (q[0] = [
+    t("path", { d: "M200-80q-33 0-56.5-23.5T120-160v-560q0-33 23.5-56.5T200-800h40v-80h80v80h320v-80h80v80h40q33 0 56.5 23.5T840-720v560q0 33-23.5 56.5T760-80H200Zm0-80h560v-400H200v400Zm0-480h560v-80H200v80Zm280 240q-17 0-28.5-11.5T440-440q0-17 11.5-28.5T480-480q17 0 28.5 11.5T520-440q0 17-11.5 28.5T480-400Zm-160 0q-17 0-28.5-11.5T280-440q0-17 11.5-28.5T320-480q17 0 28.5 11.5T360-440q0 17-11.5 28.5T320-400Zm320 0q-17 0-28.5-11.5T600-440q0-17 11.5-28.5T640-480q17 0 28.5 11.5T680-440q0 17-11.5 28.5T640-400ZM480-240q-17 0-28.5-11.5T440-280q0-17 11.5-28.5T480-320q17 0 28.5 11.5T520-280q0 17-11.5 28.5T480-240Zm-160 0q-17 0-28.5-11.5T280-280q0-17 11.5-28.5T320-320q17 0 28.5 11.5T360-280q0 17-11.5 28.5T320-240Zm320 0q-17 0-28.5-11.5T600-280q0-17 11.5-28.5T640-320q17 0 28.5 11.5T680-280q0 17-11.5 28.5T640-240Z" }, null, -1)
+  ])]);
+}
+const h = /* @__PURE__ */ o(n, [["render", m]]);
+export {
+  h as default
+};

package/dist/components/Icon/CheckIcon.vue.js

@@ -0,0 +1,15 @@
+import { openBlock as t, createElementBlock as o, createElementVNode as n } from "vue";
+import r from "../../_virtual/_plugin-vue_export-helper.js";
+const c = {}, s = {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 -960 960 960"
+};
+function l(m, e) {
+  return t(), o("svg", s, [...e[0] || (e[0] = [
+    n("path", { d: "M382-240 154-468l57-57 171 171 367-367 57 57-424 424Z" }, null, -1)
+  ])]);
+}
+const p = /* @__PURE__ */ r(c, [["render", l]]);
+export {
+  p as default
+};

package/dist/components/Icon/CloseIcon.vue.js

@@ -0,0 +1,15 @@
+import { openBlock as o, createElementBlock as t, createElementVNode as n } from "vue";
+import r from "../../_virtual/_plugin-vue_export-helper.js";
+const s = {}, c = {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 -960 960 960"
+};
+function l(m, e) {
+  return o(), t("svg", c, [...e[0] || (e[0] = [
+    n("path", { d: "m256-200-56-56 224-224-224-224 56-56 224 224 224-224 56 56-224 224 224 224-56 56-224-224-224 224Z" }, null, -1)
+  ])]);
+}
+const p = /* @__PURE__ */ r(s, [["render", l]]);
+export {
+  p as default
+};

package/dist/components/Icon/Folder.vue.js

@@ -0,0 +1,15 @@
+import { openBlock as o, createElementBlock as t, createElementVNode as r } from "vue";
+import c from "../../_virtual/_plugin-vue_export-helper.js";
+const n = {}, s = {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 24 24"
+};
+function l(m, e) {
+  return o(), t("svg", s, [...e[0] || (e[0] = [
+    r("path", { d: "M20 5h-9.586L8.707 3.293A.997.997 0 0 0 8 3H4c-1.103 0-2 .897-2 2v14c0 1.103.897 2 2 2h16c1.103 0 2-.897 2-2V7c0-1.103-.897-2-2-2z" }, null, -1)
+  ])]);
+}
+const f = /* @__PURE__ */ c(n, [["render", l]]);
+export {
+  f as default
+};

package/dist/components/Icon/Image.vue.js

@@ -0,0 +1,21 @@
+import { openBlock as c, createElementBlock as o, createElementVNode as e } from "vue";
+import n from "../../_virtual/_plugin-vue_export-helper.js";
+const r = {}, l = {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 24 24"
+};
+function m(s, t) {
+  return c(), o("svg", l, [...t[0] || (t[0] = [
+    e("circle", {
+      cx: "7.499",
+      cy: "9.5",
+      r: "1.5"
+    }, null, -1),
+    e("path", { d: "m10.499 14-1.5-2-3 4h12l-4.5-6z" }, null, -1),
+    e("path", { d: "M19.999 4h-16c-1.103 0-2 .897-2 2v12c0 1.103.897 2 2 2h16c1.103 0 2-.897 2-2V6c0-1.103-.897-2-2-2zm-16 14V6h16l.002 12H3.999z" }, null, -1)
+  ])]);
+}
+const a = /* @__PURE__ */ n(r, [["render", m]]);
+export {
+  a as default
+};

package/dist/components/Icon/KeyboardArrowDownIcon.vue.js

@@ -0,0 +1,15 @@
+import { openBlock as o, createElementBlock as t, createElementVNode as n } from "vue";
+import r from "../../_virtual/_plugin-vue_export-helper.js";
+const c = {}, s = {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 -960 960 960"
+};
+function l(m, e) {
+  return o(), t("svg", s, [...e[0] || (e[0] = [
+    n("path", { d: "M480-344 240-584l56-56 184 184 184-184 56 56-240 240Z" }, null, -1)
+  ])]);
+}
+const p = /* @__PURE__ */ r(c, [["render", l]]);
+export {
+  p as default
+};

package/dist/components/Icon/Tag.vue.js

@@ -0,0 +1,15 @@
+import { openBlock as t, createElementBlock as o, createElementVNode as n } from "vue";
+import r from "../../_virtual/_plugin-vue_export-helper.js";
+const a = {}, c = {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 24 24"
+};
+function l(s, e) {
+  return t(), o("svg", c, [...e[0] || (e[0] = [
+    n("path", { d: "M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8 8a2 2 0 0 0 2.828 0l7.172-7.172a2 2 0 0 0 0-2.828l-8-8zM7 9a2 2 0 1 1 .001-4.001A2 2 0 0 1 7 9z" }, null, -1)
+  ])]);
+}
+const f = /* @__PURE__ */ r(a, [["render", l]]);
+export {
+  f as default
+};

package/dist/components/InputBox.vue.js

@@ -0,0 +1,9 @@
+import o from "./InputBox.vue2.js";
+import s from "./InputBox.vue3.js";
+import t from "../_virtual/_plugin-vue_export-helper.js";
+const r = {
+  $style: s
+}, f = /* @__PURE__ */ t(o, [["__cssModules", r]]);
+export {
+  f as default
+};

package/dist/components/InputBox.vue2.js

@@ -0,0 +1,62 @@
+import { defineComponent as y, ref as v, computed as f, onMounted as S, onBeforeUnmount as h, watch as m, openBlock as E, createElementBlock as x, normalizeClass as B, normalizeStyle as _, renderSlot as L } from "vue";
+import { INPUT_BOX_DEFAULT_STYLES as k } from "@geckou/ui-core";
+const g = /* @__PURE__ */ y({
+  __name: "InputBox",
+  props: {
+    cssStyle: {},
+    isErrored: { type: Boolean },
+    isDisabled: { type: Boolean }
+  },
+  setup(p) {
+    const a = p, r = v(null), n = f(() => ({
+      ...k,
+      ...a.cssStyle ?? {}
+    })), u = f(
+      () => n.value[t.value] ?? n.value.default
+    ), t = v("default"), b = (e) => e.length === 0 ? t.value = "default" : e.every((l) => l.matches(":disabled")) ? t.value = "disabled" : e.some((l) => l.matches(":focus")) ? t.value = "focus" : a.isErrored || e.some((l) => l.matches(":invalid")) ? t.value = "error" : e.every((l) => l.value !== "") ? t.value = "valid" : t.value = "default", o = () => {
+      var e;
+      b(
+        Array.from(
+          ((e = r.value) == null ? void 0 : e.querySelectorAll(
+            "input, textarea, select"
+          )) ?? []
+        )
+      );
+    };
+    let s = null;
+    return S(() => {
+      r.value && (s = new MutationObserver(o), s.observe(r.value, { childList: !0, subtree: !0 }), r.value.addEventListener("focusin", o, !0), r.value.addEventListener("blur", o, !0));
+    }), h(() => {
+      s == null || s.disconnect(), s = null, r.value && (r.value.removeEventListener("focusin", o, !0), r.value.removeEventListener("blur", o, !0));
+    }), m(
+      () => a.isDisabled,
+      () => t.value = a.isDisabled ? "disabled" : "default",
+      { immediate: !0 }
+    ), m(
+      () => a.isErrored,
+      () => {
+        a.isDisabled || o();
+      }
+    ), (e, l) => {
+      var i, d, c;
+      return E(), x("div", {
+        ref_key: "inputBox",
+        ref: r,
+        class: B(e.$style.input_box),
+        style: _({
+          "--text-color": u.value.textColor,
+          "--placeholder-color": u.value.placeholderColor,
+          "--background-color": u.value.backgroundColor,
+          "--border-style": `0 0 0 ${((i = u.value.border) == null ? void 0 : i.size) || "1px"} ${(d = u.value.border) == null ? void 0 : d.color} inset`,
+          "--radius-size": ((c = u.value.border) == null ? void 0 : c.radius) || ".25rem",
+          "--box-shadow": u.value.boxShadow || "0 0 0 0 rgba(0, 0, 0, 0)"
+        })
+      }, [
+        L(e.$slots, "default")
+      ], 6);
+    };
+  }
+});
+export {
+  g as default
+};

package/dist/components/InputBox.vue3.js

@@ -0,0 +1,7 @@
+const t = "_input_box_4lok0_1", o = {
+  input_box: t
+};
+export {
+  o as default,
+  t as input_box
+};

package/dist/components/InputGroup.vue.js

@@ -0,0 +1,17 @@
+import { openBlock as o, createElementBlock as s, normalizeClass as r, renderSlot as t } from "vue";
+import l from "./InputGroup.vue2.js";
+import n from "../_virtual/_plugin-vue_export-helper.js";
+const c = {};
+function p(e, a) {
+  return o(), s("div", {
+    class: r(e.$style.input_group)
+  }, [
+    t(e.$slots, "default")
+  ], 2);
+}
+const u = {
+  $style: l
+}, d = /* @__PURE__ */ n(c, [["render", p], ["__cssModules", u]]);
+export {
+  d as default
+};

package/dist/components/InputGroup.vue2.js

@@ -0,0 +1,7 @@
+const t = "_input_group_7evrk_1", p = {
+  input_group: t
+};
+export {
+  p as default,
+  t as input_group
+};

package/dist/components/LabeledCheckbox.vue.js

@@ -0,0 +1,9 @@
+import o from "./LabeledCheckbox.vue2.js";
+import s from "./LabeledCheckbox.vue3.js";
+import e from "../_virtual/_plugin-vue_export-helper.js";
+const t = {
+  $style: s
+}, f = /* @__PURE__ */ e(o, [["__cssModules", t]]);
+export {
+  f as default
+};

package/dist/components/LabeledCheckbox.vue2.js

@@ -0,0 +1,60 @@
+import { defineComponent as k, computed as r, openBlock as D, createElementBlock as C, normalizeClass as u, createVNode as p, unref as m, createElementVNode as S, normalizeStyle as v, toDisplayString as V } from "vue";
+import x from "./CheckBox.vue.js";
+import { nextUniqueId as B } from "../scripts/unique-id.js";
+import { COLOR as o } from "@geckou/ui-core";
+const h = ["id"], E = /* @__PURE__ */ k({
+  __name: "LabeledCheckbox",
+  props: {
+    name: {},
+    label: {},
+    value: { default: void 0 },
+    modelValue: { type: Boolean },
+    isDisabled: { type: Boolean },
+    cssStyle: { default: void 0 },
+    isDisableAnimation: { type: Boolean }
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: b }) {
+    const y = b, l = e, i = B("labeled_check_box_label"), n = r({
+      get: () => l.modelValue ?? !1,
+      set: (a) => y("update:modelValue", a)
+    }), d = r(() => {
+      var t, s;
+      const a = l.isDisabled ? (t = l.cssStyle) == null ? void 0 : t.disabled : (s = l.cssStyle) == null ? void 0 : s.default;
+      return {
+        textColor: l.isDisabled ? o.darkGray : o.black,
+        backgroundColor: l.isDisabled ? o.darkGray : o.blue,
+        ...a ?? {}
+      };
+    });
+    return (a, t) => {
+      var s, c;
+      return D(), C("label", {
+        class: u(a.$style.labeled_check_box)
+      }, [
+        p(x, {
+          modelValue: n.value,
+          "onUpdate:modelValue": t[0] || (t[0] = (f) => n.value = f),
+          name: e.name,
+          value: e.value,
+          isDisabled: e.isDisabled,
+          cssStyle: e.cssStyle,
+          isDisableAnimation: e.isDisableAnimation,
+          ariaLabelledBy: m(i),
+          style: { "pointer-events": "none" }
+        }, null, 8, ["modelValue", "name", "value", "isDisabled", "cssStyle", "isDisableAnimation", "ariaLabelledBy"]),
+        S("span", {
+          id: m(i),
+          class: u(a.$style.label),
+          style: v({
+            "--text-color": (s = d.value) == null ? void 0 : s.textColor,
+            "--checked-color": (c = d.value) == null ? void 0 : c.backgroundColor
+          })
+        }, V(e.label), 15, h)
+      ], 2);
+    };
+  }
+});
+export {
+  E as default
+};

package/dist/components/LabeledCheckbox.vue3.js

@@ -0,0 +1,9 @@
+const e = "_labeled_check_box_ck3yh_1", l = "_label_ck3yh_1", _ = {
+  labeled_check_box: e,
+  label: l
+};
+export {
+  _ as default,
+  l as label,
+  e as labeled_check_box
+};

package/dist/components/LabeledFieldset.vue.js

@@ -0,0 +1,9 @@
+import s from "./LabeledFieldset.vue2.js";
+import o from "./LabeledFieldset.vue3.js";
+import e from "../_virtual/_plugin-vue_export-helper.js";
+const t = {
+  $style: o
+}, c = /* @__PURE__ */ e(s, [["__cssModules", t]]);
+export {
+  c as default
+};