@geckou/ui-vue 0.4.0 → 0.6.0

package/dist/components/LabeledFieldset.vue2.js

@@ -0,0 +1,29 @@
+import { defineComponent as n, openBlock as s, createElementBlock as t, normalizeClass as l, createElementVNode as a, renderSlot as o, createCommentVNode as i } from "vue";
+const r = ["disabled"], c = /* @__PURE__ */ n({
+  __name: "LabeledFieldset",
+  props: {
+    isDisabled: { type: Boolean }
+  },
+  setup(d) {
+    return (e, m) => (s(), t("div", {
+      class: l(e.$style.fieldset)
+    }, [
+      a("fieldset", { disabled: d.isDisabled }, [
+        e.$slots.label ? (s(), t("legend", {
+          key: 0,
+          class: l(e.$style.legend)
+        }, [
+          o(e.$slots, "label")
+        ], 2)) : i("", !0),
+        a("div", {
+          class: l(e.$style.input)
+        }, [
+          o(e.$slots, "default")
+        ], 2)
+      ], 8, r)
+    ], 2));
+  }
+});
+export {
+  c as default
+};

package/dist/components/LabeledFieldset.vue3.js

@@ -0,0 +1,11 @@
+const e = "_fieldset_1iro5_1", t = "_legend_1iro5_9", n = "_input_1iro5_14", i = {
+  fieldset: e,
+  legend: t,
+  input: n
+};
+export {
+  i as default,
+  e as fieldset,
+  n as input,
+  t as legend
+};

package/dist/components/LoadingSpinner.vue.js

@@ -0,0 +1,15 @@
+import { openBlock as r, createElementBlock as e, createStaticVNode as t } from "vue";
+import i from "../_virtual/_plugin-vue_export-helper.js";
+const o = {}, a = {
+  viewBox: "0 0 24 24",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+function n(l, c) {
+  return r(), e("svg", a, [...c[0] || (c[0] = [
+    t('<g><circle cx="12" cy="2.5" r="1.5" opacity=".14"></circle><circle cx="16.75" cy="3.77" r="1.5" opacity=".29"></circle><circle cx="20.23" cy="7.25" r="1.5" opacity=".43"></circle><circle cx="21.50" cy="12.00" r="1.5" opacity=".57"></circle><circle cx="20.23" cy="16.75" r="1.5" opacity=".71"></circle><circle cx="16.75" cy="20.23" r="1.5" opacity=".86"></circle><circle cx="12" cy="21.5" r="1.5"></circle><animateTransform attributeName="transform" type="rotate" calcMode="discrete" dur="0.75s" values="0 12 12;30 12 12;60 12 12;90 12 12;120 12 12;150 12 12;180 12 12;210 12 12;240 12 12;270 12 12;300 12 12;330 12 12;360 12 12" repeatCount="indefinite"></animateTransform></g>', 1)
+  ])]);
+}
+const y = /* @__PURE__ */ i(o, [["render", n]]);
+export {
+  y as default
+};

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

@@ -1,24 +1,30 @@
-declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
+type __VLS_Props = {
     isShown: boolean;
-    size?: "small" | "medium" | "large";
+    size?: 'small' | 'medium' | 'large';
     /** header スロットを使わない場合のダイアログ名 */
     ariaLabel?: string;
-}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-    closeModal: (state: boolean) => any;
-}, string, import('vue').PublicProps, Readonly<{
-    isShown: boolean;
-    size?: "small" | "medium" | "large";
-    /** header スロットを使わない場合のダイアログ名 */
-    ariaLabel?: string;
-}> & Readonly<{
-    onCloseModal?: ((state: boolean) => any) | undefined;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        header?(_: {}): any;
+        default?(_: {}): any;
+        footer?(_: {}): any;
+    };
+    refs: {
+        dialog: HTMLDivElement;
+    };
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    close: () => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onClose?: (() => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     dialog: HTMLDivElement;
-}, HTMLDivElement>, {
-    header?(_: {}): any;
-    default?(_: {}): any;
-    footer?(_: {}): any;
-}>;
+}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {

package/dist/components/ModalBox.vue.js

@@ -0,0 +1,9 @@
+import o from "./ModalBox.vue2.js";
+import s from "./ModalBox.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/ModalBox.vue2.js

@@ -0,0 +1,85 @@
+import { defineComponent as v, ref as g, watch as $, nextTick as C, computed as L, onMounted as E, onBeforeUnmount as B, openBlock as i, createElementBlock as r, normalizeClass as o, withModifiers as I, createElementVNode as d, unref as k, renderSlot as c, createCommentVNode as w, createVNode as z } from "vue";
+import { createScrollLock as M } from "@geckou/ui-core";
+import N from "./Icon/CloseIcon.vue.js";
+import { nextUniqueId as V } from "../scripts/unique-id.js";
+const q = ["aria-hidden", "inert"], U = ["aria-labelledby", "aria-label"], D = ["id"], G = /* @__PURE__ */ v({
+  __name: "ModalBox",
+  props: {
+    isShown: { type: Boolean },
+    size: {},
+    ariaLabel: {}
+  },
+  emits: ["close"],
+  setup(n, { emit: b }) {
+    const t = n, u = V("modal_header"), m = g(null), S = b, f = M(), h = (e) => f.toggle(e), s = () => S("close");
+    $(
+      () => t.isShown,
+      (e) => h(e)
+    );
+    let l = null;
+    $(
+      () => t.isShown,
+      async (e) => {
+        var a;
+        if (!e) {
+          l == null || l.focus(), l = null;
+          return;
+        }
+        l = typeof document > "u" ? null : document.activeElement, await C(), (a = m.value) == null || a.focus();
+      }
+    );
+    const p = L(() => !t.isShown || void 0), y = (e) => {
+      t.isShown && e.key === "Escape" && s();
+    };
+    return E(() => {
+      h(t.isShown), document.addEventListener("keydown", y);
+    }), B(() => {
+      f.release(), document.removeEventListener("keydown", y);
+    }), (e, a) => (i(), r("div", {
+      class: o([e.$style.overlay, { [e.$style.display]: n.isShown }]),
+      "aria-hidden": !n.isShown,
+      inert: p.value,
+      onClick: I(s, ["self"])
+    }, [
+      d("div", {
+        ref_key: "dialog",
+        ref: m,
+        role: "dialog",
+        "aria-modal": "true",
+        "aria-labelledby": e.$slots.header ? k(u) : void 0,
+        "aria-label": e.$slots.header ? void 0 : n.ariaLabel ?? "ダイアログ",
+        tabindex: -1,
+        class: o([e.$style.container, e.$style[n.size ?? "medium"]])
+      }, [
+        e.$slots.header ? (i(), r("header", {
+          key: 0,
+          id: k(u),
+          class: o(e.$style.header)
+        }, [
+          c(e.$slots, "header")
+        ], 10, D)) : w("", !0),
+        d("div", {
+          class: o(e.$style.contents)
+        }, [
+          c(e.$slots, "default")
+        ], 2),
+        e.$slots.footer ? (i(), r("footer", {
+          key: 1,
+          class: o(e.$style.footer)
+        }, [
+          c(e.$slots, "footer")
+        ], 2)) : w("", !0),
+        d("button", {
+          type: "button",
+          class: o(e.$style.close_button),
+          onClick: s
+        }, [
+          z(N)
+        ], 2)
+      ], 10, U)
+    ], 10, q));
+  }
+});
+export {
+  G as default
+};

package/dist/components/ModalBox.vue3.js

@@ -0,0 +1,23 @@
+const o = "_container_1r8pd_1", t = "_small_1r8pd_13", _ = "_large_1r8pd_16", e = "_header_1r8pd_20", n = "_contents_1r8pd_34", r = "_footer_1r8pd_45", s = "_close_button_1r8pd_62", a = "_overlay_1r8pd_80", l = "_display_1r8pd_105", c = {
+  container: o,
+  small: t,
+  large: _,
+  header: e,
+  contents: n,
+  footer: r,
+  close_button: s,
+  overlay: a,
+  display: l
+};
+export {
+  s as close_button,
+  o as container,
+  n as contents,
+  c as default,
+  l as display,
+  r as footer,
+  e as header,
+  _ as large,
+  a as overlay,
+  t as small
+};

package/dist/components/PopupBox.vue.js

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

package/dist/components/PopupBox.vue2.js

@@ -0,0 +1,35 @@
+import { defineComponent as u, ref as i, onBeforeUnmount as r, openBlock as a, createBlock as p, Teleport as f, createElementVNode as m, normalizeClass as c, renderSlot as d } from "vue";
+const h = /* @__PURE__ */ u({
+  __name: "PopupBox",
+  props: {
+    position: { default: () => ({ x: "right", y: "top" }) }
+  },
+  setup(t, { expose: s }) {
+    const l = i(!1);
+    let e = null;
+    const n = () => {
+      l.value = !0, e !== null && clearTimeout(e), e = setTimeout(() => {
+        l.value = !1, e = null;
+      }, 3e3);
+    };
+    return r(() => {
+      e !== null && clearTimeout(e);
+    }), s({
+      showPopup: n
+    }), (o, y) => (a(), p(f, { to: "body" }, [
+      m("div", {
+        class: c([
+          o.$style.popup,
+          o.$style[`x-${t.position.x}`],
+          o.$style[`y-${t.position.y}`],
+          { [o.$style.show]: l.value }
+        ])
+      }, [
+        d(o.$slots, "default")
+      ], 2)
+    ]));
+  }
+});
+export {
+  h as default
+};

package/dist/components/PopupBox.vue3.js

@@ -0,0 +1,15 @@
+const t = "_popup_1gz6t_23", _ = "_show_1gz6t_38", o = {
+  "x-left": "_x-left_1gz6t_1",
+  "x-right": "_x-right_1gz6t_4",
+  "x-center": "_x-center_1gz6t_7",
+  "y-top": "_y-top_1gz6t_12",
+  "y-bottom": "_y-bottom_1gz6t_15",
+  "y-center": "_y-center_1gz6t_18",
+  popup: t,
+  show: _
+};
+export {
+  o as default,
+  t as popup,
+  _ as show
+};

package/dist/components/RadioButtons.vue.js

@@ -0,0 +1,9 @@
+import o from "./RadioButtons.vue2.js";
+import s from "./RadioButtons.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/RadioButtons.vue2.js

@@ -0,0 +1,75 @@
+import { defineComponent as C, ref as B, computed as y, watch as E, openBlock as u, createElementBlock as n, normalizeClass as f, Fragment as M, renderList as R, normalizeStyle as z, withDirectives as G, createElementVNode as g, unref as w, vModelRadio as x, toDisplayString as A, createVNode as N } from "vue";
+import { COLOR as r, isEmptyValue as k, MESSAGES as L } from "@geckou/ui-core";
+import { nextUniqueId as O } from "../scripts/unique-id.js";
+import U from "./ErrorMessage.vue.js";
+const $ = ["name", "value", "disabled", "required", "checked"], J = /* @__PURE__ */ C({
+  __name: "RadioButtons",
+  props: {
+    modelValue: {},
+    options: {},
+    name: { default: void 0 },
+    isDisabled: { type: Boolean },
+    isRequired: { type: Boolean },
+    cssStyle: { default: void 0 },
+    isDisableAnimation: { type: Boolean }
+  },
+  emits: ["update:modelValue"],
+  setup(s, { emit: V }) {
+    const D = V, e = s, S = e.name ?? O("radio_group"), i = B([]), o = y({
+      get: () => e.modelValue ?? "",
+      set: (a) => D("update:modelValue", a)
+    }), d = y(() => {
+      var t, l;
+      const a = e.isDisabled ? (t = e.cssStyle) == null ? void 0 : t.disabled : (l = e.cssStyle) == null ? void 0 : l.default;
+      return {
+        textColor: e.isDisabled ? r.darkGray : r.black,
+        backgroundColor: e.isDisabled ? r.lightGray : r.white,
+        border: {
+          color: e.isDisabled ? r.darkGray : r.blue,
+          size: "1px"
+        },
+        ...a ?? {}
+      };
+    }), h = () => {
+      i.value = [], k(o.value) && e.isRequired && i.value.push(L.required);
+    };
+    return E(
+      () => o.value,
+      () => h(),
+      { immediate: !k(e.modelValue) }
+    ), (a, t) => (u(), n("div", {
+      class: f(a.$style.radios)
+    }, [
+      (u(!0), n(M, null, R(s.options, (l) => {
+        var c, m, b, v, p;
+        return u(), n("label", {
+          key: l.value,
+          class: f(a.$style.radio),
+          style: z({
+            "--border-color": (m = (c = d.value) == null ? void 0 : c.border) == null ? void 0 : m.color,
+            "--border-size": (v = (b = d.value) == null ? void 0 : b.border) == null ? void 0 : v.size,
+            "--background-color": (p = d.value) == null ? void 0 : p.backgroundColor,
+            "--duration": s.isDisableAnimation ? "0s" : ".3s"
+          })
+        }, [
+          G(g("input", {
+            "onUpdate:modelValue": t[0] || (t[0] = (q) => o.value = q),
+            type: "radio",
+            name: w(S),
+            value: l.value,
+            disabled: s.isDisabled,
+            required: s.isRequired,
+            checked: l.value === o.value
+          }, null, 8, $), [
+            [x, o.value]
+          ]),
+          g("span", null, A(l.label), 1)
+        ], 6);
+      }), 128)),
+      N(U, { errorMessages: i.value }, null, 8, ["errorMessages"])
+    ], 2));
+  }
+});
+export {
+  J as default
+};

package/dist/components/RadioButtons.vue3.js

@@ -0,0 +1,11 @@
+const o = "_radios_hh7eh_15", h = "_radio_hh7eh_15", s = "_pop_hh7eh_1", _ = {
+  radios: o,
+  radio: h,
+  pop: s
+};
+export {
+  _ as default,
+  s as pop,
+  h as radio,
+  o as radios
+};

package/dist/components/SelectBox.vue.js

@@ -0,0 +1,9 @@
+import o from "./SelectBox.vue2.js";
+import s from "./SelectBox.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/SelectBox.vue2.js

@@ -0,0 +1,109 @@
+import { defineComponent as q, ref as E, computed as M, watch as N, openBlock as t, createBlock as D, normalizeClass as n, withCtx as O, withDirectives as R, createElementVNode as v, createElementBlock as a, toDisplayString as d, createCommentVNode as B, Fragment as i, renderList as y, vModelSelect as x, renderSlot as A, createVNode as I } from "vue";
+import { isEmptyValue as C, MESSAGES as z } from "@geckou/ui-core";
+import F from "./InputBox.vue.js";
+import G from "./ErrorMessage.vue.js";
+import L from "./Icon/KeyboardArrowDownIcon.vue.js";
+const U = ["name", "disabled", "required"], H = {
+  key: 0,
+  value: ""
+}, J = {
+  key: 1,
+  disabled: "",
+  selected: "",
+  value: ""
+}, K = ["value"], P = ["value", "disabled"], Q = ["label"], T = ["value", "disabled"], _ = /* @__PURE__ */ q({
+  __name: "SelectBox",
+  props: {
+    options: {},
+    name: {},
+    modelValue: { default: void 0 },
+    cssStyle: { default: void 0 },
+    placeholder: { default: "選択してください" },
+    canOmitSelect: { type: Boolean },
+    isDisabled: { type: Boolean },
+    isRequired: { type: Boolean }
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: p }) {
+    const w = p, c = e, m = E([]), o = M({
+      get: () => c.modelValue ?? "",
+      set: (l) => w("update:modelValue", l)
+    }), b = (l) => typeof l == "object" && l !== null && "label" in l && typeof l.label == "string" && "value" in l, f = () => {
+      m.value = [], C(o.value) && c.isRequired && m.value.push(z.required);
+    };
+    return N(
+      () => o.value,
+      () => f(),
+      { immediate: !C(c.modelValue), flush: "post" }
+    ), (l, r) => (t(), D(F, {
+      cssStyle: e.cssStyle,
+      class: n(l.$style.select_box),
+      isDisabled: e.isDisabled
+    }, {
+      default: O(() => {
+        var S, h, k, g;
+        return [
+          R(v("select", {
+            "onUpdate:modelValue": r[0] || (r[0] = (s) => o.value = s),
+            name: e.name,
+            disabled: e.isDisabled,
+            required: e.isRequired,
+            class: n(l.$style.select),
+            onBlur: r[1] || (r[1] = (s) => f())
+          }, [
+            e.canOmitSelect ? (t(), a("option", H, d(e.placeholder || "選択しない"), 1)) : (t(), a("option", J, d(e.placeholder || "選択してください"), 1)),
+            ["0", "NA"].includes(o.value.toString()) && e.isDisabled ? (t(), a("option", {
+              key: 2,
+              disabled: "",
+              selected: "",
+              value: o.value
+            }, d(e.placeholder || "選択してください"), 9, K)) : B("", !0),
+            (t(!0), a(i, null, y(e.options, (s) => (t(), a(i, {
+              key: b(s) ? s.value : Object.keys(s)[0]
+            }, [
+              b(s) ? (t(), a("option", {
+                key: 0,
+                value: s.value,
+                disabled: s.isDisabled
+              }, d(s.label), 9, P)) : (t(), a(i, { key: 1 }, [
+                (t(!0), a(i, null, y(s, ($, V) => (t(), a("optgroup", {
+                  key: V,
+                  label: V
+                }, [
+                  (t(!0), a(i, null, y($, (u) => (t(), a("option", {
+                    key: u.value,
+                    value: u.value,
+                    disabled: u.isDisabled
+                  }, d(u.label), 9, T))), 128))
+                ], 8, Q))), 128)),
+                r[2] || (r[2] = v("hr", null, null, -1))
+              ], 64))
+            ], 64))), 128))
+          ], 42, U), [
+            [x, o.value]
+          ]),
+          v("div", {
+            class: n(l.$style.arrow_container)
+          }, [
+            A(l.$slots, "arrow"),
+            l.$slots.arrow ? B("", !0) : (t(), D(L, {
+              key: 0,
+              class: n(l.$style.arrow)
+            }, null, 8, ["class"]))
+          ], 2),
+          I(G, {
+            errorMessages: m.value,
+            cssStyle: {
+              textColor: (h = (S = e.cssStyle) == null ? void 0 : S.error) == null ? void 0 : h.backgroundColor,
+              backgroundColor: (g = (k = e.cssStyle) == null ? void 0 : k.error) == null ? void 0 : g.textColor
+            }
+          }, null, 8, ["errorMessages", "cssStyle"])
+        ];
+      }),
+      _: 3
+    }, 8, ["cssStyle", "class", "isDisabled"]));
+  }
+});
+export {
+  _ as default
+};

package/dist/components/SelectBox.vue3.js

@@ -0,0 +1,9 @@
+const o = "_select_box_pnpdo_1", e = "_arrow_container_pnpdo_10", t = {
+  select_box: o,
+  arrow_container: e
+};
+export {
+  e as arrow_container,
+  t as default,
+  o as select_box
+};

package/dist/components/SlideDownUi.vue.js

@@ -0,0 +1,9 @@
+import o from "./SlideDownUi.vue2.js";
+import s from "./SlideDownUi.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/SlideDownUi.vue2.js

@@ -0,0 +1,66 @@
+import { defineComponent as g, ref as s, onMounted as h, onUpdated as k, watch as C, openBlock as u, createElementBlock as $, normalizeClass as o, normalizeStyle as p, createElementVNode as l, withModifiers as b, renderSlot as f, createBlock as B, createCommentVNode as D } from "vue";
+import O from "./Icon/KeyboardArrowDownIcon.vue.js";
+import { useClickOutside as w } from "../scripts/use-click-outside.js";
+const H = ["disabled", "aria-expanded"], S = ["inert"], N = /* @__PURE__ */ g({
+  __name: "SlideDownUi",
+  props: {
+    isOpened: { type: [Boolean, null], default: null },
+    isHiddenArrow: { type: Boolean },
+    isDisabled: { type: Boolean },
+    isDisableClickOutside: { type: Boolean },
+    duration: { default: 0.3 }
+  },
+  setup(i, { expose: y }) {
+    const n = i, t = s(n.isOpened || !1), a = s(null), r = s(null), d = s(0), v = () => t.value = !t.value, m = () => {
+      n.isDisableClickOutside || (t.value = !1);
+    }, c = () => {
+      const e = r.value;
+      e && (d.value = e.clientHeight);
+    };
+    return w(a, () => m()), h(() => c()), k(() => c()), C(
+      () => n.isOpened,
+      (e) => {
+        typeof e == "boolean" && (t.value = e);
+      }
+    ), y({ isOpenedContents: t }), (e, z) => (u(), $("div", {
+      ref_key: "root",
+      ref: a,
+      class: o({ [e.$style.opened]: t.value }),
+      style: p({ "--accordion-toggle-duration": `${n.duration}s` })
+    }, [
+      l("button", {
+        class: o(e.$style.trigger),
+        disabled: i.isDisabled,
+        "aria-expanded": t.value,
+        type: "button",
+        onClick: b(v, ["prevent"])
+      }, [
+        l("div", {
+          class: o(e.$style.trigger_content)
+        }, [
+          f(e.$slots, "trigger")
+        ], 2),
+        i.isHiddenArrow ? D("", !0) : (u(), B(O, {
+          key: 0,
+          class: o(e.$style.icon)
+        }, null, 8, ["class"]))
+      ], 10, H),
+      l("div", {
+        style: p({ height: t.value ? `${d.value}px` : 0 }),
+        class: o(e.$style.contents),
+        inert: !t.value || void 0
+      }, [
+        l("div", {
+          ref_key: "contents",
+          ref: r,
+          class: o(e.$style.container)
+        }, [
+          f(e.$slots, "default")
+        ], 2)
+      ], 14, S)
+    ], 6));
+  }
+});
+export {
+  N as default
+};

package/dist/components/SlideDownUi.vue3.js

@@ -0,0 +1,17 @@
+const t = "_trigger_content_1gj5s_12", o = "_trigger_1gj5s_12", n = "_icon_1gj5s_28", e = "_contents_1gj5s_38", _ = "_opened_1gj5s_43", g = "_overflow_1gj5s_1", s = {
+  trigger_content: t,
+  trigger: o,
+  icon: n,
+  contents: e,
+  opened: _,
+  overflow: g
+};
+export {
+  e as contents,
+  s as default,
+  n as icon,
+  _ as opened,
+  g as overflow,
+  o as trigger,
+  t as trigger_content
+};

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

@@ -8,16 +8,6 @@ type __VLS_Props = {
         background: string;
         text: string;
     };
-    cssStyle?: {
-        textColor: string;
-        backgroundColor: string;
-        border: {
-            color: string;
-            size: string;
-            radius: string;
-        };
-    };
-    type?: 'tab' | 'button' | 'border';
     initialIndex?: number;
 };
 declare function __VLS_template(): {
@@ -28,21 +18,11 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    cssStyle: {
-        textColor: string;
-        backgroundColor: string;
-        border: {
-            color: string;
-            size: string;
-            radius: string;
-        };
-    };
     color: {
         active: string;
         background: string;
         text: string;
     };
-    type: "tab" | "button" | "border";
     initialIndex: number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;

package/dist/components/TabUI.vue.js

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