@geckou/ui-vue 0.5.0 → 0.7.0

package/dist/components/DateRangePicker.vue2.js

@@ -0,0 +1,74 @@
+import { defineComponent as R, computed as i, watch as z, onBeforeUnmount as E, openBlock as b, createElementBlock as q, normalizeClass as c, createVNode as r, createElementVNode as x, unref as k } from "vue";
+import { MESSAGES as B } from "@geckou/ui-core";
+import g from "./DatePicker.vue.js";
+import S from "./ErrorMessage.vue.js";
+const A = /* @__PURE__ */ R({
+  __name: "DateRangePicker",
+  props: {
+    name: {},
+    modelValue: { default: () => ({ start: "", end: "" }) },
+    isDisabled: { type: Boolean, default: !1 },
+    isRequired: { type: Boolean, default: !1 },
+    formValidationManager: { default: null },
+    minDate: { default: "" },
+    maxDate: { default: "" },
+    size: { default: "medium" },
+    type: { default: "date" }
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: M }) {
+    const u = M, t = e, l = i(() => t.modelValue.start), n = i(() => t.modelValue.end), s = i(
+      () => !(l.value && n.value && l.value > n.value)
+    ), f = i(() => `${t.name}Range`);
+    z(
+      [s, f],
+      ([a, d], m) => {
+        var V, D;
+        const o = m == null ? void 0 : m[1];
+        o && o !== d && ((V = t.formValidationManager) == null || V.remove(o)), (D = t.formValidationManager) == null || D.setValid(d, a);
+      },
+      { immediate: !0 }
+    ), E(() => {
+      var a;
+      return (a = t.formValidationManager) == null ? void 0 : a.remove(f.value);
+    });
+    const v = (a) => u("update:modelValue", { start: a ?? "", end: n.value }), y = (a) => u("update:modelValue", { start: l.value, end: a ?? "" });
+    return (a, d) => (b(), q("div", {
+      class: c(a.$style.date_range_picker)
+    }, [
+      r(g, {
+        name: `${e.name}Start`,
+        modelValue: l.value,
+        isDisabled: e.isDisabled,
+        isRequired: e.isRequired,
+        formValidationManager: e.formValidationManager,
+        minDate: e.minDate,
+        maxDate: n.value || e.maxDate,
+        size: e.size,
+        type: e.type,
+        "onUpdate:modelValue": v
+      }, null, 8, ["name", "modelValue", "isDisabled", "isRequired", "formValidationManager", "minDate", "maxDate", "size", "type"]),
+      x("div", {
+        class: c(a.$style.range)
+      }, "〜", 2),
+      r(g, {
+        name: `${e.name}End`,
+        modelValue: n.value,
+        isDisabled: e.isDisabled,
+        isRequired: e.isRequired,
+        formValidationManager: e.formValidationManager,
+        minDate: l.value || e.minDate,
+        maxDate: e.maxDate,
+        size: e.size,
+        type: e.type,
+        "onUpdate:modelValue": y
+      }, null, 8, ["name", "modelValue", "isDisabled", "isRequired", "formValidationManager", "minDate", "maxDate", "size", "type"]),
+      r(S, {
+        errorMessages: s.value ? void 0 : [k(B).startAfterEnd]
+      }, null, 8, ["errorMessages"])
+    ], 2));
+  }
+});
+export {
+  A as default
+};

package/dist/components/DateRangePicker.vue3.js

@@ -0,0 +1,9 @@
+const e = "_date_range_picker_797j1_1", _ = "_range_797j1_9", a = {
+  date_range_picker: e,
+  range: _
+};
+export {
+  e as date_range_picker,
+  a as default,
+  _ as range
+};

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

@@ -5,6 +5,16 @@ type __VLS_Props = {
     isRequired?: boolean;
     formValidationManager?: FormValidationManager | null;
     type?: 'date' | 'month';
+    /** 選べる年の下限・上限。既定は「今年 -100 〜 今年 -14」（生年月日向け） */
+    minYear?: number;
+    maxYear?: number;
+    /**
+     * 年月日それぞれの読み上げ名の土台。「の年」「の月」「の日」を後ろに繋げる。
+     * 可視ラベルがあるなら ariaLabelledBy でその要素を指すこと。
+     * どちらも無いときだけ name を使う（機械名でも無いよりはマシ）
+     */
+    ariaLabel?: string;
+    ariaLabelledBy?: string;
 };
 declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     "update:modelValue": (newValue: string) => any;
@@ -12,6 +22,10 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
     "onUpdate:modelValue"?: ((newValue: string) => any) | undefined;
 }>, {
     type: "date" | "month";
+    ariaLabel: string;
+    ariaLabelledBy: string;
     formValidationManager: FormValidationManager | null;
+    minYear: number;
+    maxYear: number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;

package/dist/components/DateSelector.vue.js

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

package/dist/components/DateSelector.vue2.js

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

package/dist/components/DateSelector.vue3.js

@@ -0,0 +1,15 @@
+const e = "_unit_labels_pa04y_1", t = "_date_selector_pa04y_13", _ = "_selector_wrapper_pa04y_23", a = "_year_pa04y_49", l = "_delete_button_pa04y_53", s = {
+  unit_labels: e,
+  date_selector: t,
+  selector_wrapper: _,
+  year: a,
+  delete_button: l
+};
+export {
+  t as date_selector,
+  s as default,
+  l as delete_button,
+  _ as selector_wrapper,
+  e as unit_labels,
+  a 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
+};