@munet/ui 1.0.0

package/dist/components/Radio/index.js

@@ -0,0 +1,34 @@
+import { defineComponent as u, useId as i, createVNode as o } from "vue";
+import { useVModel as d } from "@vueuse/core";
+const m = /* @__PURE__ */ u({
+  props: {
+    onClick: Function,
+    value: [String, Number, Boolean, Symbol],
+    k: {
+      type: [String, Number, Boolean, Symbol],
+      required: !0
+    }
+  },
+  setup(e, {
+    emit: t,
+    slots: a
+  }) {
+    const l = i(), n = d(e, "value", t);
+    return () => o("div", {
+      class: "flex gap-2 items-center"
+    }, [o("input", {
+      type: "radio",
+      id: l,
+      value: e.k,
+      checked: n.value === e.k,
+      onChange: () => {
+        console.log("radio changed", e.k), n.value = e.k, e.onClick?.();
+      }
+    }, null), o("label", {
+      for: l
+    }, [a.default?.()])]);
+  }
+});
+export {
+  m as default
+};

package/dist/components/Range.css

@@ -0,0 +1 @@
+.form_input-range[data-v-1216dbeb]{--height: 1.5em;min-height:var(--height);appearance:none;background:transparent;border-radius:4px;transition:background-color .2s ease;--thumb-width: 4px;--thumb-height: var(--height);--thumb-box-shadow: 0 0 0px #e6e6e6;--thumb-border: none;--thumb-border-radius: 999px;--thumb-background: oklch(80% .07 calc(var(--hue) + 0));--thumb-background-hover: oklch(90% .07 calc(var(--hue) + 0));--thumb-background-active: oklch(70% .07 calc(var(--hue) + 0));--track-height: calc(var(--height) - var(--track-value-padding) * 2);--track-box-shadow: none;--track-border: solid 2px oklch(.95 .01 var(--hue));--track-border-radius: 6px;--track-background: oklch(.97 .006 var(--hue));--track-background-hover: oklch(.97 .006 var(--hue));--track-background-active: oklch(.97 .006 var(--hue));--track-value-background: rgb(255, 255, 255);--track-value-background-hover: rgb(255, 255, 255);--track-value-background-active: rgb(255, 255, 255);--track-value-padding: 2px}.form_input-range.slider-progress[data-v-1216dbeb]{--range: calc(var(--max) - var(--min));--ratio: calc((var(--value) - var(--min)) / var(--range));--sx: calc(.5 * 0em + var(--ratio) * (100% - 0em))}.form_input-range[data-v-1216dbeb]:focus{outline:none}.form_input-range[data-v-1216dbeb]::-webkit-slider-thumb{appearance:none;width:var(--thumb-width);height:var(--thumb-height);border-radius:var(--thumb-border-radius);background:var(--thumb-background);border:var(--thumb-border);box-shadow:var(--thumb-box-shadow);margin-top:calc(var(--track-height) * .5 - var(--thumb-height) * .5 - 2px);margin-left:calc(0 - var(--track-value-padding));cursor:col-resize;transition:background .2s ease-in-out,box-shadow .2s ease-in-out,border-color .2s ease-in-out,transform .2s cubic-bezier(.165,.84,.44,1),width .2s cubic-bezier(.165,.84,.44,1)}.form_input-range[data-v-1216dbeb]::-webkit-slider-runnable-track{height:var(--track-height);border:var(--track-border);border-radius:var(--track-border-radius);background:var(--track-background);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--track-box-shadow);position:relative;cursor:col-resize;transition:box-shadow .2s ease-in-out,border-color .2s ease-in-out}.form_input-range[data-v-1216dbeb]::-webkit-slider-thumb:hover{background:var(--thumb-background-hover);width:calc(var(--thumb-width) * 1.6);transform:scaleY(1.2)}.form_input-range[data-v-1216dbeb]:hover::-webkit-slider-runnable-track{background:var(--track-background-hover)}.form_input-range[data-v-1216dbeb]::-webkit-slider-thumb:active{background:var(--thumb-background-active)}.form_input-range[data-v-1216dbeb]:active::-webkit-slider-runnable-track{background:var(--track-background-active)}.form_input-range.slider-progress[data-v-1216dbeb]::-webkit-slider-runnable-track{margin-right:calc(0 - var(--track-value-padding));background:linear-gradient(var(--track-value-background),var(--track-value-background)) 0 / var(--sx) 100% no-repeat,var(--track-background)}.form_input-range.slider-progress[data-v-1216dbeb]:hover::-webkit-slider-runnable-track{background:linear-gradient(var(--track-value-background-hover),var(--track-value-background-hover)) 0 / var(--sx) 100% no-repeat,var(--track-background-hover)}.form_input-range.slider-progress[data-v-1216dbeb]:active::-webkit-slider-runnable-track{background:linear-gradient(var(--track-value-background-active),var(--track-value-background-active)) 0 / var(--sx) 100% no-repeat,var(--track-background-active)}.form_input-range[data-v-1216dbeb]::-moz-range-thumb{width:var(--thumb-width);height:var(--thumb-height);border-radius:var(--thumb-border-radius);background:var(--thumb-background);border:none;box-shadow:var(--thumb-box-shadow);cursor:col-resize;margin-left:calc(0 - var(--track-value-padding));transition:background .2s ease-in-out,box-shadow .2s ease-in-out,border-color .2s ease-in-out,transform .2s cubic-bezier(.165,.84,.44,1),width .2s cubic-bezier(.165,.84,.44,1)}.form_input-range[data-v-1216dbeb]::-moz-range-track{height:var(--track-height);border:var(--track-border);border-radius:var(--track-border-radius);background:var(--track-background);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--track-box-shadow);cursor:col-resize;width:calc(100% - var(--track-value-padding) * 2)}.form_input-range[data-v-1216dbeb]::-moz-range-thumb:hover{background:var(--thumb-background-hover);width:calc(var(--thumb-width) * 1.6);transform:scaleY(1.2)}.form_input-range[data-v-1216dbeb]:hover::-moz-range-track{background:var(--track-background-hover)}.form_input-range[data-v-1216dbeb]::-moz-range-thumb:active{background:var(--thumb-background-active)}.form_input-range[data-v-1216dbeb]:active::-moz-range-track{background:var(--track-background-active)}.form_input-range.slider-progress[data-v-1216dbeb]::-moz-range-track{background:linear-gradient(var(--track-value-background),var(--track-value-background)) 0 / var(--sx) 100% no-repeat,var(--track-background)}.form_input-range.slider-progress[data-v-1216dbeb]:hover::-moz-range-track{background:linear-gradient(var(--track-value-background-hover),var(--track-value-background-hover)) 0 / var(--sx) 100% no-repeat,var(--track-background-hover)}.form_input-range.slider-progress[data-v-1216dbeb]:active::-moz-range-track{background:linear-gradient(var(--track-value-background-active),var(--track-value-background-active)) 0 / var(--sx) 100% no-repeat,var(--track-background-active)}.form_input-range[data-v-1216dbeb]::-ms-fill-upper{background:transparent;border-color:transparent}.form_input-range[data-v-1216dbeb]::-ms-fill-lower{background:transparent;border-color:transparent}.form_input-range[data-v-1216dbeb]::-ms-thumb{width:var(--thumb-width);height:var(--thumb-height);border-radius:var(--thumb-border-radius);background:var(--thumb-background);border:var(--thumb-border);box-shadow:var(--thumb-box-shadow);margin-top:0;margin-left:calc(0 - var(--track-value-padding));box-sizing:border-box;cursor:col-resize;transition:background .2s ease-in-out,box-shadow .2s ease-in-out,border-color .2s ease-in-out,transform .2s cubic-bezier(.165,.84,.44,1),width .2s cubic-bezier(.165,.84,.44,1)}.form_input-range[data-v-1216dbeb]::-ms-track{height:var(--track-height);border-radius:var(--track-border-radius);background:var(--track-background);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:var(--track-border);box-shadow:var(--track-box-shadow);box-sizing:border-box;cursor:col-resize}.form_input-range[data-v-1216dbeb]::-ms-thumb:hover{background:var(--thumb-background-hover);width:calc(var(--thumb-width) * 1.6);transform:scaleY(1.2)}.form_input-range[data-v-1216dbeb]:hover::-ms-track{background:var(--track-background-hover)}.form_input-range[data-v-1216dbeb]::-ms-thumb:active{background:var(--thumb-background-active)}.form_input-range[data-v-1216dbeb]:active::-ms-track{background:var(--track-background-active)}.form_input-range.slider-progress[data-v-1216dbeb]::-ms-fill-lower{height:var(--track-height);border-radius:var(--track-border-radius) 0 0 var(--track-border-radius);margin:0;background:var(--track-value-background);border:none;border-right-width:0;margin-left:calc(var(--track-value-padding));margin-right:calc(0 - var(--track-value-padding))}.form_input-range.slider-progress[data-v-1216dbeb]:hover::-ms-fill-lower{background:var(--track-value-background-hover)}.form_input-range.slider-progress[data-v-1216dbeb]:active::-ms-fill-lower{background:var(--track-value-background-active)}

package/dist/components/Range.vue.js

@@ -0,0 +1,7 @@
+import o from "./Range.vue2.js";
+/* empty css           */
+import t from "../_virtual/_plugin-vue_export-helper.js";
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-1216dbeb"]]);
+export {
+  m as default
+};

package/dist/components/Range.vue2.js

@@ -0,0 +1,54 @@
+import { defineComponent as v, mergeModels as g, useModel as x, computed as r, ref as y, onMounted as M, watch as p, withDirectives as V, createElementBlock as k, openBlock as _, vModelText as C } from "vue";
+const h = ["min", "max", "step"], S = /* @__PURE__ */ v({
+  __name: "Range",
+  props: /* @__PURE__ */ g({
+    min: { default: 0 },
+    max: { default: 100 },
+    step: { default: 1 },
+    disabled: { type: Boolean, default: !1 },
+    thumbColor: { default: "#9090906e" },
+    trackColor: { default: "gray" },
+    trackValueColor: { default: "red" }
+  }, {
+    modelValue: { required: !0 },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(n) {
+    const t = n, s = x(n, "modelValue"), d = r(() => t.min * 1e4), i = r(() => t.max * 1e4), m = r(() => t.step * 1e4), e = y(), l = r({
+      get: () => s.value * 1e4,
+      set: (u) => {
+        s.value = u / 1e4, o();
+      }
+    });
+    M(() => o()), p(l, () => o(), { immediate: !0 }), p([d, i, m], () => o(), { immediate: !0 });
+    function o() {
+      e.value && (e.value.style.setProperty("--value", l.value.toString()), e.value.style.setProperty("--min", e.value.min ? e.value.min : t.min.toString()), e.value.style.setProperty("--max", e.value.max ? e.value.max : t.max.toString()));
+    }
+    function c(u) {
+      const a = u.target;
+      a.style.setProperty("--value", a.value);
+    }
+    return (u, a) => V((_(), k("input", {
+      ref_key: "sliderRef",
+      ref: e,
+      "onUpdate:modelValue": a[0] || (a[0] = (f) => l.value = f),
+      type: "range",
+      min: d.value,
+      max: i.value,
+      step: m.value,
+      class: "slider-progress form_input-range",
+      onInput: c
+    }, null, 40, h)), [
+      [
+        C,
+        l.value,
+        void 0,
+        { number: !0 }
+      ]
+    ]);
+  }
+});
+export {
+  S as default
+};

package/dist/components/ScrollText/index.d.ts

@@ -0,0 +1,6 @@
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    title: StringConstructor;
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    title: StringConstructor;
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/components/ScrollText/index.js

@@ -0,0 +1,48 @@
+import { defineComponent as d, ref as r, onMounted as p, nextTick as c, onBeforeUnmount as h, watch as m, createVNode as n } from "vue";
+import s from "./styles.module.sass.js";
+const b = /* @__PURE__ */ d({
+  props: {
+    title: String
+  },
+  setup(v, {
+    slots: u
+  }) {
+    const e = r(), l = r(), a = r(!1), o = r(0);
+    let t = null;
+    const i = () => {
+      if (!e.value || !l.value) return;
+      o.value = e.value.offsetWidth;
+      const f = l.value.scrollWidth;
+      l.value.innerText.includes("でらっくす譜面") && console.log(o.value, f), a.value = f > o.value;
+    };
+    return p(() => {
+      c(() => {
+        i(), e.value && typeof ResizeObserver < "u" && (t = new ResizeObserver(() => {
+          i();
+        }), t.observe(e.value));
+      });
+    }), h(() => {
+      t && (t.disconnect(), t = null);
+    }), m(() => u.default?.(), () => {
+      c(() => {
+        i();
+      });
+    }, {
+      flush: "post"
+    }), () => n("div", {
+      title: v.title
+    }, [n("div", {
+      ref: e,
+      class: s.wrap
+    }, [n("div", {
+      ref: l,
+      class: [s.item, a.value && s.scrolling],
+      style: {
+        "--wrap-width": o.value + "px"
+      }
+    }, [u.default?.()])])]);
+  }
+});
+export {
+  b as default
+};

package/dist/components/ScrollText/styles.module.css

@@ -0,0 +1 @@
+@keyframes styles-module_XCRMn{0%{transform:translate(0)}10%{transform:translate(0)}90%{transform:translate(calc(-100% + var(--wrap-width, 100%)))}to{transform:translate(calc(-100% + var(--wrap-width, 100%)))}}.styles-module_Rqv1U{max-width:100%;display:inline-block;vertical-align:top;overflow:hidden;white-space:nowrap;position:relative}.styles-module_-P9Py{display:inline-block;white-space:nowrap}.styles-module_-P9Py.styles-module_761Cy{will-change:transform;animation:styles-module_XCRMn linear 4s alternate infinite}

package/dist/components/ScrollText/styles.module.sass.js

@@ -0,0 +1,11 @@
+const s = "styles-module_Rqv1U", l = "styles-module_-P9Py", t = "styles-module_761Cy", e = {
+  wrap: s,
+  item: l,
+  scrolling: t
+};
+export {
+  e as default,
+  l as item,
+  t as scrolling,
+  s as wrap
+};

package/dist/components/Section/index.d.ts

@@ -0,0 +1,12 @@
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    title: StringConstructor;
+    icon: StringConstructor;
+    expend: BooleanConstructor;
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    title: StringConstructor;
+    icon: StringConstructor;
+    expend: BooleanConstructor;
+}>> & Readonly<{}>, {
+    expend: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/components/Section/index.js

@@ -0,0 +1,35 @@
+import { defineComponent as a, ref as o, createVNode as e, withDirectives as r, vShow as s } from "vue";
+import d from "../TransitionVertical.vue.js";
+import { theme as i } from "../../themes/index.js";
+const p = /* @__PURE__ */ a({
+  props: {
+    title: String,
+    icon: String,
+    expend: Boolean
+  },
+  setup(l, {
+    emit: u,
+    slots: n
+  }) {
+    const t = o(l.expend || !1);
+    return () => e("div", {
+      class: [i.value.section, t.value && i.value.expend]
+    }, [e("div", {
+      class: ["w-full flex items-center justify-between rounded-12px px-4 py-3 outline-none transition-colors", i.value.trigger],
+      onClick: () => t.value = !t.value
+    }, [e("div", {
+      class: ["flex gap-1.5"]
+    }, [e("div", {
+      class: ["text-6", l.icon]
+    }, null), l.title]), e("div", {
+      class: ["i-solar:alt-arrow-down-linear transform duration-250", t.value && "rotate-180"]
+    }, null)]), e(d, null, {
+      default: () => [r(e("div", {
+        class: "grid gap-2 p-4"
+      }, [n.default?.(t)]), [[s, t.value]])]
+    })]);
+  }
+});
+export {
+  p as default
+};

package/dist/components/Select/index.d.ts

@@ -0,0 +1,42 @@
+import { PropType, VNode } from 'vue';
+import { JSX } from 'vue/jsx-runtime';
+export interface SelectOption {
+    label: string | number | (() => VNode | string | number | JSX.Element);
+    value: string | number;
+    disabled?: boolean;
+}
+export interface SelectExposed {
+    open: () => void;
+    close: () => void;
+}
+declare const Select: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    value: (StringConstructor | NumberConstructor)[];
+    options: {
+        type: PropType<SelectOption[]>;
+        default: () => never[];
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    disabled: BooleanConstructor;
+    onChange: PropType<(value: any) => void>;
+}>, () => JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    value: (StringConstructor | NumberConstructor)[];
+    options: {
+        type: PropType<SelectOption[]>;
+        default: () => never[];
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    disabled: BooleanConstructor;
+    onChange: PropType<(value: any) => void>;
+}>> & Readonly<{}>, {
+    disabled: boolean;
+    placeholder: string;
+    options: SelectOption[];
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export type SelectInstance = InstanceType<typeof Select> & SelectExposed;
+export default Select;

package/dist/components/Select/index.js

@@ -0,0 +1,71 @@
+import { defineComponent as C, inject as k, computed as d, ref as c, createVNode as o, createTextVNode as H } from "vue";
+import { useVModel as M, onClickOutside as O } from "@vueuse/core";
+import t from "./style.module.sass.js";
+import { theme as B } from "../../themes/index.js";
+import D from "../TransitionVertical.vue.js";
+const P = /* @__PURE__ */ C({
+  props: {
+    value: [String, Number],
+    options: {
+      type: Array,
+      default: () => []
+    },
+    placeholder: {
+      type: String,
+      default: "请选择"
+    },
+    disabled: Boolean,
+    onChange: Function
+  },
+  setup(a, {
+    emit: f,
+    expose: b
+  }) {
+    const s = M(a, "value", f), m = k("disabled"), n = d(() => a.disabled || m?.value), l = c(!1), u = c(null), r = c("bottom"), i = d(() => a.options.find((e) => e.value === s.value)), g = (e) => typeof e == "function" ? e() : e, w = d(() => {
+      if (!i.value) return a.placeholder;
+      const e = i.value.label;
+      return typeof e == "function" ? e() : e;
+    }), v = () => {
+      if (!u.value) return;
+      const e = u.value.getBoundingClientRect(), p = window.innerHeight - e.bottom, x = e.top;
+      p < 500 && x > p ? r.value = "top" : r.value = "bottom";
+    }, h = () => {
+      n.value || (l.value || v(), l.value = !l.value);
+    }, y = (e) => {
+      e.disabled || n.value || (s.value = e.value, l.value = !1, a.onChange?.(e.value));
+    };
+    return O(u, () => {
+      l.value = !1;
+    }), b({
+      open: () => {
+        n.value || (v(), l.value = !0);
+      },
+      close: () => {
+        l.value = !1;
+      }
+    }), () => o("div", {
+      ref: u,
+      class: [t.select, B.value.textInput, n.value && t.disabled, l.value && t.open]
+    }, [o("div", {
+      class: [t.trigger, !i.value && t.placeholder],
+      onClick: h
+    }, [o("span", {
+      class: t.text
+    }, [w.value]), o("span", {
+      class: [t.arrow, l.value && t.arrowOpen, "i-solar:alt-arrow-down-linear"]
+    }, null)]), o(D, null, {
+      default: () => [l.value && o("div", {
+        class: [t.dropdown, "bg-dropMenu backdrop-blur-8", r.value === "top" && t.dropdownTop]
+      }, [a.options.length === 0 ? o("div", {
+        class: t.empty
+      }, [H("暂无选项")]) : a.options.map((e) => o("div", {
+        key: e.value,
+        class: [t.option, "bg-avatarMenuButton", e.value === s.value && t.selected, e.disabled && t.optionDisabled],
+        onClick: () => y(e)
+      }, [g(e.label)]))])]
+    })]);
+  }
+});
+export {
+  P as default
+};

package/dist/components/Select/style.module.css

@@ -0,0 +1 @@
+.style-module_94I2l{position:relative;width:100%;min-width:120px}.style-module_94I2l:not(.style-module_9bHA-) .style-module_DmzNq:hover{background-color:var(--hover-bg)}.style-module_94I2l:not(.style-module_9bHA-).style-module_-mLRw .style-module_DmzNq{background-color:var(--focus--bg);border:2px solid var(--border-hover-c)}.style-module_94I2l.style-module_9bHA- .style-module_DmzNq{opacity:.5}.style-module_DmzNq{border-radius:12px;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--bg);transition:all .3s;box-sizing:border-box;border:2px solid transparent;display:flex;align-items:center;justify-content:space-between;gap:.5em;min-height:2.8em}.style-module_DmzNq.style-module_UCaPN .style-module_C29oV{opacity:.5}.style-module_C29oV{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.style-module_ivRiG{transition:transform .3s;opacity:.6}.style-module_ivRiG.style-module_7Qg9z{transform:rotate(180deg)}.style-module_wPfBh{position:absolute;top:calc(100% + 8px);left:0;right:0;border-radius:12px;padding:8px;z-index:1000;max-height:500px;overflow-y:auto}.style-module_wPfBh::-webkit-scrollbar{width:6px}.style-module_wPfBh::-webkit-scrollbar-thumb{background-color:var(--border-hover-c);border-radius:3px}.style-module_wPfBh.style-module_NPikf{top:auto;bottom:calc(100% + 8px)}.style-module_s8wSl{padding:.5em 1em;transition:all .2s;display:flex;align-items:center;justify-content:space-between;font-weight:500;border-radius:8px}.style-module_s8wSl.style-module_y9cdC{color:var(--border-hover-c);font-weight:600}.style-module_s8wSl.style-module_rfohl{opacity:.4}.style-module_EVBKA{padding:1.5em 1.2em;text-align:center;opacity:.5;font-weight:500}

package/dist/components/Select/style.module.sass.js

@@ -0,0 +1,33 @@
+const e = "style-module_94I2l", o = "style-module_9bHA-", t = "style-module_DmzNq", l = "style-module_-mLRw", s = "style-module_UCaPN", d = "style-module_C29oV", n = "style-module_ivRiG", c = "style-module_7Qg9z", r = "style-module_wPfBh", p = "style-module_NPikf", m = "style-module_s8wSl", y = "style-module_y9cdC", u = "style-module_rfohl", _ = "style-module_EVBKA", a = {
+  select: e,
+  disabled: o,
+  trigger: t,
+  open: l,
+  placeholder: s,
+  text: d,
+  arrow: n,
+  arrowOpen: c,
+  dropdown: r,
+  dropdownTop: p,
+  option: m,
+  selected: y,
+  optionDisabled: u,
+  empty: _
+};
+export {
+  n as arrow,
+  c as arrowOpen,
+  a as default,
+  o as disabled,
+  r as dropdown,
+  p as dropdownTop,
+  _ as empty,
+  l as open,
+  m as option,
+  u as optionDisabled,
+  s as placeholder,
+  e as select,
+  y as selected,
+  d as text,
+  t as trigger
+};

package/dist/components/SubNaviBar/WhateverNaviBar.d.ts

@@ -0,0 +1,21 @@
+import { PropType } from 'vue';
+export type NaviItem = {
+    name: string;
+    onClick: () => any;
+    selected: boolean;
+    icon?: string;
+    hidden?: boolean;
+    disabled?: boolean;
+};
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    items: {
+        type: PropType<NaviItem[]>;
+        required: true;
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    items: {
+        type: PropType<NaviItem[]>;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/components/SubNaviBar/WhateverNaviBar.js

@@ -0,0 +1,34 @@
+import { defineComponent as t, createVNode as a, Transition as r } from "vue";
+import { theme as s } from "../../themes/index.js";
+const d = /* @__PURE__ */ t({
+  props: {
+    items: {
+      type: Array,
+      required: !0
+    }
+  },
+  setup(l, {
+    emit: o
+  }) {
+    return () => a(r, {
+      mode: "out-in",
+      enterActiveClass: "transition-all-500",
+      leaveActiveClass: "transition-all-500",
+      enterFromClass: "op-0 translate-y-100%",
+      leaveToClass: "op-0 translate-y--100%"
+    }, {
+      default: () => [a("div", {
+        class: ["h-8 flex items-center of-x-auto of-y-hidden gap-2", s.value.subNaviBar],
+        key: "navi"
+      }, [l.items.filter((e) => !e.hidden).map((e) => a("div", {
+        onClick: () => !e.disabled && e.onClick(),
+        class: ["h-full px-3 py-2 flex items-center rd-md shrink-0 transition-colors", e.selected && s.value.active, e.disabled && ["op-50 cursor-not-allowed", s.value.disabled]]
+      }, [e.icon && a("span", {
+        class: ["mr-2", e.icon]
+      }, null), e.name]))])]
+    });
+  }
+});
+export {
+  d as default
+};

package/dist/components/TextInput/index.d.ts

@@ -0,0 +1,45 @@
+import { PropType, Ref } from 'vue';
+export interface TextInputExposed {
+    insertText: (text: string) => void;
+    focused: Ref<boolean>;
+}
+declare const TextInput: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    value: StringConstructor;
+    type: StringConstructor;
+    step: NumberConstructor;
+    placeholder: StringConstructor;
+    disabled: BooleanConstructor;
+    textarea: BooleanConstructor;
+    height: StringConstructor;
+    saveButtonText: StringConstructor;
+    typeFocus: BooleanConstructor;
+    limit: NumberConstructor;
+    ing: BooleanConstructor;
+    onSaveButtonClick: PropType<() => void>;
+    onEnterPressed: PropType<() => void>;
+    onBlur: PropType<() => void>;
+    onFocus: PropType<() => void>;
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    value: StringConstructor;
+    type: StringConstructor;
+    step: NumberConstructor;
+    placeholder: StringConstructor;
+    disabled: BooleanConstructor;
+    textarea: BooleanConstructor;
+    height: StringConstructor;
+    saveButtonText: StringConstructor;
+    typeFocus: BooleanConstructor;
+    limit: NumberConstructor;
+    ing: BooleanConstructor;
+    onSaveButtonClick: PropType<() => void>;
+    onEnterPressed: PropType<() => void>;
+    onBlur: PropType<() => void>;
+    onFocus: PropType<() => void>;
+}>> & Readonly<{}>, {
+    textarea: boolean;
+    disabled: boolean;
+    ing: boolean;
+    typeFocus: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export type TextInputInstance = InstanceType<typeof TextInput> & TextInputExposed;
+export default TextInput;

package/dist/components/TextInput/index.js

@@ -0,0 +1,106 @@
+import { defineComponent as T, inject as C, computed as s, shallowRef as E, ref as w, createVNode as u, withDirectives as f, vModelText as k, vModelDynamic as V, Transition as P } from "vue";
+import { modalShowing as R } from "../../states/modal.js";
+import { useVModel as D, useFocus as I, onStartTyping as M, useElementSize as N } from "@vueuse/core";
+import n from "./style.module.sass.js";
+import j from "../Button/index.js";
+import { theme as A } from "../../themes/index.js";
+const q = /* @__PURE__ */ T({
+  props: {
+    value: String,
+    type: String,
+    step: Number,
+    placeholder: String,
+    disabled: Boolean,
+    textarea: Boolean,
+    height: String,
+    saveButtonText: String,
+    typeFocus: Boolean,
+    limit: Number,
+    ing: Boolean,
+    onSaveButtonClick: Function,
+    onEnterPressed: Function,
+    onBlur: Function,
+    onFocus: Function
+  },
+  setup(e, {
+    emit: h,
+    expose: g
+  }) {
+    const l = D(e, "value", h), B = C("disabled"), i = s(() => e.disabled || B?.value), o = E(null), {
+      focused: x
+    } = I(o), b = (t) => {
+      if (t.key === "Enter" && !i.value) {
+        if (t.preventDefault(), e.onEnterPressed) {
+          e.onEnterPressed();
+          return;
+        }
+        if (!e.saveButtonText)
+          return;
+        e.onSaveButtonClick?.();
+      }
+    };
+    g({
+      insertText: (t) => {
+        if (o.value) {
+          const a = o.value, r = a.selectionStart || 0, y = a.selectionEnd || 0, m = a.value;
+          a.value = m.slice(0, r) + t + m.slice(y), a.setSelectionRange(r + t.length, r + t.length), l.value = a.value, a.focus();
+        }
+      },
+      focused: x
+    }), M(() => {
+      e.typeFocus && (R.value || o.value?.focus());
+    });
+    const c = s(() => e.limit ? (l.value?.length || 0) >= e.limit : !1), v = s(() => e.saveButtonText ? !c.value : !1), d = w(null), {
+      width: F
+    } = N(d), S = s(() => v.value ? `calc(${F.value}px + 3.2rem)` : "0.5rem");
+    return () => u("div", {
+      class: ["flex", n.wrapper, A.value.textInput, i.value && n.disabled]
+    }, [e.textarea ? f(u("textarea", {
+      ref: o,
+      "onUpdate:modelValue": (t) => l.value = t,
+      placeholder: e.placeholder,
+      disabled: i.value,
+      onBlur: e.onBlur,
+      onFocus: e.onFocus,
+      style: {
+        height: e.height
+      },
+      class: "min-h-12 cst"
+    }, null), [[k, l.value]]) : f(u("input", {
+      ref: o,
+      "onUpdate:modelValue": (t) => l.value = t,
+      type: e.type,
+      placeholder: e.placeholder,
+      disabled: i.value,
+      onBlur: e.onBlur,
+      onFocus: e.onFocus,
+      onKeypress: b,
+      class: "min-h-12",
+      step: e.step
+    }, null), [[V, l.value]]), e.limit && u("div", {
+      style: {
+        right: S.value
+      },
+      class: ["absolute bottom-1 text-2.5 op-60 pointer-events-none transition-right", c.value && "c-red-5 font-bold"]
+    }, [e.limit - (l.value?.length || 0)]), u(P, {
+      enterActiveClass: n.active,
+      leaveActiveClass: n.active,
+      enterFromClass: n.from,
+      enterToClass: n.to,
+      leaveFromClass: n.to,
+      leaveToClass: n.from
+    }, {
+      default: () => [v.value && u(j, {
+        ref: d,
+        ing: e.ing,
+        class: ["absolute! right-1", n.save, !e.textarea && "top-0 bottom-0 m-auto", e.textarea && "bottom-1"],
+        onClick: e.onSaveButtonClick
+      }, {
+        default: () => [e.saveButtonText]
+      })]
+    })]);
+  }
+});
+export {
+  q as default
+};

package/dist/components/TextInput/style.module.css

@@ -0,0 +1 @@
+@keyframes style-module_5AGLI{0%{inset:0;opacity:1;border-radius:12px}to{inset:-8px;opacity:0;border-radius:16px}}.style-module_puEjq{position:relative}.style-module_puEjq:not(.style-module_na7EZ):has(input:focus,textarea:focus):after{content:"";display:block;position:absolute;border:2px solid var(--border-hover-c);opacity:0;pointer-events:none;animation:style-module_5AGLI .5s}.style-module_puEjq:not(.style-module_na7EZ) input:hover,.style-module_puEjq:not(.style-module_na7EZ) textarea:hover{background-color:var(--hover-bg)}.style-module_puEjq:not(.style-module_na7EZ) input:focus,.style-module_puEjq:not(.style-module_na7EZ) textarea:focus{background-color:var(--focus--bg);border:2px solid var(--border-hover-c)}.style-module_puEjq input,.style-module_puEjq textarea{border-radius:12px;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--bg);transition:all .3s;box-sizing:border-box;position:relative;border:2px solid transparent;width:100%;height:100%;resize:none}.style-module_puEjq input[type=number]{-moz-appearance:textfield;appearance:textfield}.style-module_puEjq input[type=number]::-webkit-outer-spin-button,.style-module_puEjq input[type=number]::-webkit-inner-spin-button{appearance:none;margin:0}.style-module_yBvTN.style-module_tS7wi{transform:scale(.4)!important;opacity:0!important}.style-module_yBvTN.style-module_SyE72{transform:scale(1);opacity:1}.style-module_yBvTN.style-module_k0ati{transition:all .2s!important}

package/dist/components/TextInput/style.module.sass.js

@@ -0,0 +1,17 @@
+const e = "style-module_puEjq", t = "style-module_na7EZ", s = "style-module_yBvTN", o = "style-module_tS7wi", l = "style-module_SyE72", a = "style-module_k0ati", d = {
+  wrapper: e,
+  disabled: t,
+  save: s,
+  from: o,
+  to: l,
+  active: a
+};
+export {
+  a as active,
+  d as default,
+  t as disabled,
+  o as from,
+  s as save,
+  l as to,
+  e as wrapper
+};

package/dist/components/TransitionOpacity.d.ts

@@ -0,0 +1,15 @@
+import { PropType } from 'vue';
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    mode: {
+        type: PropType<"out-in" | "in-out" | "default">;
+        default: string;
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    mode: {
+        type: PropType<"out-in" | "in-out" | "default">;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    mode: "default" | "out-in" | "in-out";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;